/*!
 * Bootstrap v4.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 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: 1024px;
    --breakpoint-xl: 1366px;
    --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%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
}
@-ms-viewport {
    width: device-width;
}
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;
}
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: 0.5rem;
    margin-left: 0;
}
blockquote {
    margin: 0 0 1rem;
}
dfn {
    font-style: italic;
}
b,
strong {
    font-family: 'proximanova-bold';
}
small {
    font-size: 80%;
}
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
a:hover {
    color: #0056b3;
    text-decoration: underline;
}
a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}
a:not([href]):not([tabindex]):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;
    -ms-overflow-style: scrollbar;
}
figure {
    margin: 0 0 1rem;
}
img {
    vertical-align: middle;
    border-style: none;
}
svg:not(:root) {
    overflow: hidden;
}
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;
}
input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
    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: 0.5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}
progress {
    vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}
output {
    display: inline-block;
}
summary {
    display: list-item;
    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;
}
.container {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 576px) {
    .container {
        max-width: 576px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}
@media (min-width: 1024px) {
    .container {
        max-width: 960px;
    }
}
@media (min-width: 1366px) {
    .container {
        max-width: 1356px;
    }
}
.container-fluid {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}
.row {
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-right: -10px;
    margin-left: -10px;
}
.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%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}
.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}
.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}
.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}
.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}
.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}
.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}
.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}
.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}
.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}
.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
}
.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}
.order-first {
    order: -1;
}
.order-last {
    order: 13;
}
.order-0 {
    order: 0;
}
.order-1 {
    order: 1;
}
.order-2 {
    order: 2;
}
.order-3 {
    order: 3;
}
.order-4 {
    order: 4;
}
.order-5 {
    order: 5;
}
.order-6 {
    order: 6;
}
.order-7 {
    order: 7;
}
.order-8 {
    order: 8;
}
.order-9 {
    order: 9;
}
.order-10 {
    order: 10;
}
.order-11 {
    order: 11;
}
.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 {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-sm-first {
        order: -1;
    }
    .order-sm-last {
        order: 13;
    }
    .order-sm-0 {
        order: 0;
    }
    .order-sm-1 {
        order: 1;
    }
    .order-sm-2 {
        order: 2;
    }
    .order-sm-3 {
        order: 3;
    }
    .order-sm-4 {
        order: 4;
    }
    .order-sm-5 {
        order: 5;
    }
    .order-sm-6 {
        order: 6;
    }
    .order-sm-7 {
        order: 7;
    }
    .order-sm-8 {
        order: 8;
    }
    .order-sm-9 {
        order: 9;
    }
    .order-sm-10 {
        order: 10;
    }
    .order-sm-11 {
        order: 11;
    }
    .order-sm-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 {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-md-first {
        order: -1;
    }
    .order-md-last {
        order: 13;
    }
    .order-md-0 {
        order: 0;
    }
    .order-md-1 {
        order: 1;
    }
    .order-md-2 {
        order: 2;
    }
    .order-md-3 {
        order: 3;
    }
    .order-md-4 {
        order: 4;
    }
    .order-md-5 {
        order: 5;
    }
    .order-md-6 {
        order: 6;
    }
    .order-md-7 {
        order: 7;
    }
    .order-md-8 {
        order: 8;
    }
    .order-md-9 {
        order: 9;
    }
    .order-md-10 {
        order: 10;
    }
    .order-md-11 {
        order: 11;
    }
    .order-md-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: 1024px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-lg-first {
        order: -1;
    }
    .order-lg-last {
        order: 13;
    }
    .order-lg-0 {
        order: 0;
    }
    .order-lg-1 {
        order: 1;
    }
    .order-lg-2 {
        order: 2;
    }
    .order-lg-3 {
        order: 3;
    }
    .order-lg-4 {
        order: 4;
    }
    .order-lg-5 {
        order: 5;
    }
    .order-lg-6 {
        order: 6;
    }
    .order-lg-7 {
        order: 7;
    }
    .order-lg-8 {
        order: 8;
    }
    .order-lg-9 {
        order: 9;
    }
    .order-lg-10 {
        order: 10;
    }
    .order-lg-11 {
        order: 11;
    }
    .order-lg-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: 1366px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-xl-first {
        order: -1;
    }
    .order-xl-last {
        order: 13;
    }
    .order-xl-0 {
        order: 0;
    }
    .order-xl-1 {
        order: 1;
    }
    .order-xl-2 {
        order: 2;
    }
    .order-xl-3 {
        order: 3;
    }
    .order-xl-4 {
        order: 4;
    }
    .order-xl-5 {
        order: 5;
    }
    .order-xl-6 {
        order: 6;
    }
    .order-xl-7 {
        order: 7;
    }
    .order-xl-8 {
        order: 8;
    }
    .order-xl-9 {
        order: 9;
    }
    .order-xl-10 {
        order: 10;
    }
    .order-xl-11 {
        order: 11;
    }
    .order-xl-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%;
    }
}
.fade {
    transition: opacity 0.15s linear;
}
@media screen and (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}
.fade:not(.show) {
    opacity: 0;
}
.collapse:not(.show) {
    display: none;
}
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}
@media screen and (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}
.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;
}
.media {
    display: flex;
    align-items: flex-start;
}
.media-body {
    flex: 1;
}
.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 {
    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-circle {
    border-radius: 50% !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: flex !important;
}
.d-inline-flex {
    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: flex !important;
    }
    .d-sm-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-table {
        display: table !important;
    }
    .d-md-table-row {
        display: table-row !important;
    }
    .d-md-table-cell {
        display: table-cell !important;
    }
    .d-md-flex {
        display: flex !important;
    }
    .d-md-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 1024px) {
    .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: flex !important;
    }
    .d-lg-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 1366px) {
    .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: flex !important;
    }
    .d-xl-inline-flex {
        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: flex !important;
    }
    .d-print-inline-flex {
        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 {
    flex-direction: row !important;
}
.flex-column {
    flex-direction: column !important;
}
.flex-row-reverse {
    flex-direction: row-reverse !important;
}
.flex-column-reverse {
    flex-direction: column-reverse !important;
}
.flex-wrap {
    flex-wrap: wrap !important;
}
.flex-nowrap {
    flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}
.flex-fill {
    flex: 1 1 auto !important;
}
.flex-grow-0 {
    flex-grow: 0 !important;
}
.flex-grow-1 {
    flex-grow: 1 !important;
}
.flex-shrink-0 {
    flex-shrink: 0 !important;
}
.flex-shrink-1 {
    flex-shrink: 1 !important;
}
.justify-content-start {
    justify-content: flex-start !important;
}
.justify-content-end {
    justify-content: flex-end !important;
}
.justify-content-center {
    justify-content: center !important;
}
.justify-content-between {
    justify-content: space-between !important;
}
.justify-content-around {
    justify-content: space-around !important;
}
.align-items-start {
    align-items: flex-start !important;
}
.align-items-end {
    align-items: flex-end !important;
}
.align-items-center {
    align-items: center !important;
}
.align-items-baseline {
    align-items: baseline !important;
}
.align-items-stretch {
    align-items: stretch !important;
}
.align-content-start {
    align-content: flex-start !important;
}
.align-content-end {
    align-content: flex-end !important;
}
.align-content-center {
    align-content: center !important;
}
.align-content-between {
    align-content: space-between !important;
}
.align-content-around {
    align-content: space-around !important;
}
.align-content-stretch {
    align-content: stretch !important;
}
.align-self-auto {
    align-self: auto !important;
}
.align-self-start {
    align-self: flex-start !important;
}
.align-self-end {
    align-self: flex-end !important;
}
.align-self-center {
    align-self: center !important;
}
.align-self-baseline {
    align-self: baseline !important;
}
.align-self-stretch {
    align-self: stretch !important;
}
@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important;
    }
    .flex-sm-column {
        flex-direction: column !important;
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-sm-fill {
        flex: 1 1 auto !important;
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-sm-start {
        justify-content: flex-start !important;
    }
    .justify-content-sm-end {
        justify-content: flex-end !important;
    }
    .justify-content-sm-center {
        justify-content: center !important;
    }
    .justify-content-sm-between {
        justify-content: space-between !important;
    }
    .justify-content-sm-around {
        justify-content: space-around !important;
    }
    .align-items-sm-start {
        align-items: flex-start !important;
    }
    .align-items-sm-end {
        align-items: flex-end !important;
    }
    .align-items-sm-center {
        align-items: center !important;
    }
    .align-items-sm-baseline {
        align-items: baseline !important;
    }
    .align-items-sm-stretch {
        align-items: stretch !important;
    }
    .align-content-sm-start {
        align-content: flex-start !important;
    }
    .align-content-sm-end {
        align-content: flex-end !important;
    }
    .align-content-sm-center {
        align-content: center !important;
    }
    .align-content-sm-between {
        align-content: space-between !important;
    }
    .align-content-sm-around {
        align-content: space-around !important;
    }
    .align-content-sm-stretch {
        align-content: stretch !important;
    }
    .align-self-sm-auto {
        align-self: auto !important;
    }
    .align-self-sm-start {
        align-self: flex-start !important;
    }
    .align-self-sm-end {
        align-self: flex-end !important;
    }
    .align-self-sm-center {
        align-self: center !important;
    }
    .align-self-sm-baseline {
        align-self: baseline !important;
    }
    .align-self-sm-stretch {
        align-self: stretch !important;
    }
}
@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important;
    }
    .flex-md-column {
        flex-direction: column !important;
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-md-wrap {
        flex-wrap: wrap !important;
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-md-fill {
        flex: 1 1 auto !important;
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-md-start {
        justify-content: flex-start !important;
    }
    .justify-content-md-end {
        justify-content: flex-end !important;
    }
    .justify-content-md-center {
        justify-content: center !important;
    }
    .justify-content-md-between {
        justify-content: space-between !important;
    }
    .justify-content-md-around {
        justify-content: space-around !important;
    }
    .align-items-md-start {
        align-items: flex-start !important;
    }
    .align-items-md-end {
        align-items: flex-end !important;
    }
    .align-items-md-center {
        align-items: center !important;
    }
    .align-items-md-baseline {
        align-items: baseline !important;
    }
    .align-items-md-stretch {
        align-items: stretch !important;
    }
    .align-content-md-start {
        align-content: flex-start !important;
    }
    .align-content-md-end {
        align-content: flex-end !important;
    }
    .align-content-md-center {
        align-content: center !important;
    }
    .align-content-md-between {
        align-content: space-between !important;
    }
    .align-content-md-around {
        align-content: space-around !important;
    }
    .align-content-md-stretch {
        align-content: stretch !important;
    }
    .align-self-md-auto {
        align-self: auto !important;
    }
    .align-self-md-start {
        align-self: flex-start !important;
    }
    .align-self-md-end {
        align-self: flex-end !important;
    }
    .align-self-md-center {
        align-self: center !important;
    }
    .align-self-md-baseline {
        align-self: baseline !important;
    }
    .align-self-md-stretch {
        align-self: stretch !important;
    }
}
@media (min-width: 1024px) {
    .flex-lg-row {
        flex-direction: row !important;
    }
    .flex-lg-column {
        flex-direction: column !important;
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-lg-fill {
        flex: 1 1 auto !important;
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-lg-start {
        justify-content: flex-start !important;
    }
    .justify-content-lg-end {
        justify-content: flex-end !important;
    }
    .justify-content-lg-center {
        justify-content: center !important;
    }
    .justify-content-lg-between {
        justify-content: space-between !important;
    }
    .justify-content-lg-around {
        justify-content: space-around !important;
    }
    .align-items-lg-start {
        align-items: flex-start !important;
    }
    .align-items-lg-end {
        align-items: flex-end !important;
    }
    .align-items-lg-center {
        align-items: center !important;
    }
    .align-items-lg-baseline {
        align-items: baseline !important;
    }
    .align-items-lg-stretch {
        align-items: stretch !important;
    }
    .align-content-lg-start {
        align-content: flex-start !important;
    }
    .align-content-lg-end {
        align-content: flex-end !important;
    }
    .align-content-lg-center {
        align-content: center !important;
    }
    .align-content-lg-between {
        align-content: space-between !important;
    }
    .align-content-lg-around {
        align-content: space-around !important;
    }
    .align-content-lg-stretch {
        align-content: stretch !important;
    }
    .align-self-lg-auto {
        align-self: auto !important;
    }
    .align-self-lg-start {
        align-self: flex-start !important;
    }
    .align-self-lg-end {
        align-self: flex-end !important;
    }
    .align-self-lg-center {
        align-self: center !important;
    }
    .align-self-lg-baseline {
        align-self: baseline !important;
    }
    .align-self-lg-stretch {
        align-self: stretch !important;
    }
}
@media (min-width: 1366px) {
    .flex-xl-row {
        flex-direction: row !important;
    }
    .flex-xl-column {
        flex-direction: column !important;
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-xl-fill {
        flex: 1 1 auto !important;
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-xl-start {
        justify-content: flex-start !important;
    }
    .justify-content-xl-end {
        justify-content: flex-end !important;
    }
    .justify-content-xl-center {
        justify-content: center !important;
    }
    .justify-content-xl-between {
        justify-content: space-between !important;
    }
    .justify-content-xl-around {
        justify-content: space-around !important;
    }
    .align-items-xl-start {
        align-items: flex-start !important;
    }
    .align-items-xl-end {
        align-items: flex-end !important;
    }
    .align-items-xl-center {
        align-items: center !important;
    }
    .align-items-xl-baseline {
        align-items: baseline !important;
    }
    .align-items-xl-stretch {
        align-items: stretch !important;
    }
    .align-content-xl-start {
        align-content: flex-start !important;
    }
    .align-content-xl-end {
        align-content: flex-end !important;
    }
    .align-content-xl-center {
        align-content: center !important;
    }
    .align-content-xl-between {
        align-content: space-between !important;
    }
    .align-content-xl-around {
        align-content: space-around !important;
    }
    .align-content-xl-stretch {
        align-content: stretch !important;
    }
    .align-self-xl-auto {
        align-self: auto !important;
    }
    .align-self-xl-start {
        align-self: flex-start !important;
    }
    .align-self-xl-end {
        align-self: flex-end !important;
    }
    .align-self-xl-center {
        align-self: center !important;
    }
    .align-self-xl-baseline {
        align-self: baseline !important;
    }
    .align-self-xl-stretch {
        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: 1024px) {
    .float-lg-left {
        float: left !important;
    }
    .float-lg-right {
        float: right !important;
    }
    .float-lg-none {
        float: none !important;
    }
}
@media (min-width: 1366px) {
    .float-xl-left {
        float: left !important;
    }
    .float-xl-right {
        float: right !important;
    }
    .float-xl-none {
        float: none !important;
    }
}
.position-static {
    position: static !important;
}
.position-relative {
    position: relative !important;
}
.position-absolute {
    position: absolute !important;
}
.position-fixed {
    position: fixed !important;
}
.position-sticky {
    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: sticky) {
    .sticky-top {
        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;
}
.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-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-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-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: 1024px) {
    .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-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: 1366px) {
    .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-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;
}
.text-justify {
    text-align: justify !important;
}
.text-nowrap {
    white-space: nowrap !important;
}
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text-left {
    text-align: right !important;
}
.text-right {
    text-align: left !important;
}
.text-center {
    text-align: center !important;
}
@media (min-width: 576px) {
    .text-sm-left {
        text-align: right !important;
    }
    .text-sm-right {
        text-align: left !important;
    }
    .text-sm-center {
        text-align: center !important;
    }
}
@media (min-width: 768px) {
    .text-md-left {
        text-align: right !important;
    }
    .text-md-right {
        text-align: left !important;
    }
    .text-md-center {
        text-align: center !important;
    }
}
@media (min-width: 1024px) {
    .text-lg-left {
        text-align: right !important;
    }
    .text-lg-right {
        text-align: left !important;
    }
    .text-lg-center {
        text-align: center !important;
    }
}
@media (min-width: 1366px) {
    .text-xl-left {
        text-align: right !important;
    }
    .text-xl-right {
        text-align: left !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-normal {
    font-weight: 400 !important;
}
.font-weight-bold {
    font-weight: 700 !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: #0062cc !important;
}
.text-secondary {
    color: #6c757d !important;
}
a.text-secondary:hover,
a.text-secondary:focus {
    color: #545b62 !important;
}
.text-success {
    color: #28a745 !important;
}
a.text-success:hover,
a.text-success:focus {
    color: #1e7e34 !important;
}
.text-info {
    color: #17a2b8 !important;
}
a.text-info:hover,
a.text-info:focus {
    color: #117a8b !important;
}
.text-warning {
    color: #ffc107 !important;
}
a.text-warning:hover,
a.text-warning:focus {
    color: #d39e00 !important;
}
.text-danger {
    color: #dc3545 !important;
}
a.text-danger:hover,
a.text-danger:focus {
    color: #bd2130 !important;
}
.text-light {
    color: #f8f9fa !important;
}
a.text-light:hover,
a.text-light:focus {
    color: #dae0e5 !important;
}
.text-dark {
    color: #343a40 !important;
}
a.text-dark:hover,
a.text-dark:focus {
    color: #1d2124 !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;
}
.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: 1024px !important;
    }
    .container {
        min-width: 1024px !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;
    }
}.crocs-header-offer{
    background: #eae7e4;
    color: #17120f;
    font-size: 15px;
    padding: 9px 10px;
    text-align: center;
}

.crocs-header-offer > a{
    color: inherit;
    letter-spacing: 0.3px;
    text-decoration: none;
}

.stickyheader.page-header .header-top .header-top-left,
.stickyheader.page-header .header-top .header-top-inn .header-top-right{
    display: none;
}

.page-header .header-top,
.page-header .header-bottom{
    direction: rtl;
}

.page-header .header-top{
    background: #000;
    color: #fff;
}

.page-header .header-top .header-top-inn{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-header .header-top .header-top-inn .header-top-left{
    font-size: 15px;
}

.page-header .header-top .header-top-inn .header-top-left a{
    color: inherit;
    text-decoration: underline;
}

.header-msg-pop{
    width: calc(100% - 30px);
    max-width: 500px;
}

.header-msg-pop .modal-inner-wrap{
    text-align: center;
}

.header-msg-pop .modal-inner-wrap .modal-content{
    margin: 0;
}

.header-msg-pop .header-msg-info .heading{
    font-family: 'proximanova-bold';
    font-size: 16px;
}

.header-msg-pop .header-msg-info p{
    font-size: 13px;
    margin: 0;
}

.page-header .header-top .header-top-inn .header-top-right{
    display: flex;
    align-items: center;
    font-family: 'proximanova-bold';
    font-size: 12px;
    letter-spacing: 0.4px;
    line-height: 23px;
    text-shadow: 0 0 #fff;
    text-transform: uppercase;
}

.page-header .header-top .header-top-inn .header-top-right .ht-right-sign{
    cursor: pointer;
    padding: 6px 20px;
}

.page-header .header-top .header-top-inn .header-top-right .ht-right-sign:hover{
    background: #eee;
    color: #000;
}

.page-header .header-top .header-top-inn .header-top-right .ht-right-account{
    border-right: 2px solid #fff;
    position: relative;
    padding: 6px 15px 6px;
    text-align: right;
}

.page-header .header-top .header-top-inn .header-top-right .ht-right-account:hover{
    background: #eee;
    color: #000;
}

.page-header .header-top .header-top-inn .header-top-right .ht-right-account{
    cursor: pointer;
}

.page-header .header-top .header-top-inn .header-top-right .ht-right-account svg{
    fill: #fff;
    height: 18px;
    vertical-align: top;
}

.page-header .header-top .header-top-inn .header-top-right .ht-right-account:hover svg{
    fill: #000;
}

.page-header .header-top .header-top-inn .header-top-right .account-drop{
    display: none;
    background-color: #eee;
    border: 1px solid #999;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    width: 225px;
    font-size: 15px;
    text-align: right;
}

.page-header .header-top .header-top-inn .header-top-right .account-drop ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.page-header .header-top .header-top-inn .header-top-right .account-drop li:not(:last-child){
    border-bottom: 1px solid #fff;
}

.page-header .header-top .header-top-inn .header-top-right .account-drop li > a{
    display: block;
    color: #000;
    padding: 12px 20px 13px;
}

.page-header .header-top .header-top-inn .header-top-right .account-drop li > a:hover{
    color: #006da4;
    background: #ddd;
}

.page-header .header-bottom{
    border-bottom: 1px solid #000;
    position: relative;
}

.page-header .header-bottom .header-bottom-inn{
    display: flex;
    align-items: center;
    padding: 8px 0;
}

.page-header .header-bottom .header-bottom-inn .buttons-bar{
    position: relative;
    width: 20px;
    height: 20px;
    display: none;
}

.page-header .header-bottom .header-bottom-inn .buttons-bar span{
    display: block;
    width: 100%;
    height: 4px;
    background: #000;
    position: absolute;
    top: 0;
    transition: .1s ease-in-out;
}

.page-header .header-bottom .header-bottom-inn .buttons-bar span + span{
    top: 8px
}

.page-header .header-bottom .header-bottom-inn .buttons-bar span + span + span{
    top: 16px;
}

.page-header .header-bottom .header-bottom-inn .header-nav ul{
    display: flex;
    list-style: none;
    margin: 0 10px 0 0;
    padding: 0;
}

.page-header .header-bottom .header-bottom-inn .header-nav li{
    margin: 0 10px 0;
}

.page-header .header-bottom .header-bottom-inn .header-nav li > a{
    color: #000;
    font-family: 'proximanova-bold';
    font-size: 14px;
    letter-spacing: 0.3px;
    padding: 40px 0;
    text-decoration: none;
    transition: 0.2s linear color;
    vertical-align: middle;
}

.hot-sale{
    color: red !important;
}

.hot-sale:hover{
    color: red !important;
}

.page-header .header-bottom .header-bottom-inn .header-nav li > a:hover{
    color: #006da4;
}

.page-header .header-bottom .header-bottom-inn .header-bottom-right{
    display: flex;
    align-items: center;
    flex-grow: 1;
    justify-content: flex-end;
}

.page-header .header-bottom .header-bottom-inn .header-bottom-right .search_bar_form{
    width: 100%;
    max-width: 300px;
}

.page-header .header-bottom .header-bottom-inn .header-bottom-right .search_bar_form .minisearch{
    display: flex;
    align-items: center;
    border: 1px solid #8f8f8f;
    height: 44px;
    transition: 0.2s linear all;
}

.page-header .header-bottom .header-bottom-inn .header-bottom-right .search_bar_form .minisearch.focus{
    border-color: #000;
    box-shadow: 0 1px 3px rgb(0 0 0 / 25%);
    outline: 1px solid #000;
}

.page-header .header-bottom .header-bottom-inn .header-bottom-right .search_bar_form .algolia-autocomplete{
    width: calc(100% - 30px);
}

.page-header .header-bottom .header-bottom-inn .header-bottom-right .search_bar_form input{
    border: none;
    width: 100%;
    height: 42px;
    padding: 0 10px;
    text-align: right;
}

.page-header .header-bottom .header-bottom-inn .header-bottom-right .search_bar_form .action.search{
    background: none;
    border: none;
    height: 42px;
    padding: 0;
}

.page-header .header-bottom .header-bottom-inn .header-bottom-right .search_bar_form .action.search svg{
    vertical-align: middle;
}

.page-header .header-bottom .header-bottom-inn .header-bottom-right .search_bar_form .minisearch .aa-Autocomplete{
    display: flex;
    width: 100%;
}

.page-header .header-bottom .header-bottom-inn .header-bottom-right .search_bar_form .minisearch .aa-Autocomplete .aa-Form{
    display: flex;
    width: 100%;
}

.page-header .header-bottom .header-bottom-inn .header-bottom-right .search_bar_form .minisearch .aa-Autocomplete .aa-Form .aa-InputWrapper{
    width: calc(100% - 32px);
}

.page-header .header-bottom .header-bottom-inn .header-bottom-right .header-wishlist{
    margin: 0 20px 0;
}

.page-header .header-bottom .header-bottom-inn .header-bottom-right .header-wishlist .wishlist{
    position: relative;
}

.page-header .header-bottom .header-bottom-inn .header-bottom-right .header-wishlist .wishlist .counter{
    color: #fff;
    font-size: 0.7rem;
    line-height: 1;
    margin-top: 1px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.header-wishlist .wishlist .active path{
    fill: #000;
}


.page-header .header-bottom .header-bottom-inn .header-bottom-right .header-wishlist > a{
    display: block;
}

.page-header .header-bottom .header-bottom-inn .header-bottom-right .header-wishlist svg{
    vertical-align: middle;
}

.page-header .header-bottom .header-bottom-inn .header-bottom-right .minicart_block{
    position: relative;
}

.page-header .header-bottom .header-bottom-inn .header-bottom-right .minicart_block svg{
    vertical-align: middle;
}

.page-header .header-bottom .header-bottom-inn .header-bottom-right .minicart_block .shopping-cart.empty{
    display: none;
}

.page-header .header-bottom .header-bottom-inn .header-bottom-right .minicart_block .shopping-cart{
    width: 15px;
    height: 15px;
    background: #006da4;
    border-radius: 50%;
    color: #fff;
    font-size: 11px;
    text-align: center;
    position: absolute;
    top: -5px;
    right: 2px;
}

.page-header .header-bottom .header-bottom-inn .header-bottom-right .minicart_block .empty #cartQuantity{
    display: none;
}

.page-header .header-bottom .header-bottom-inn .header-bottom-right .minicart_block .mage-dropdown-dialog{
    background: #FFF;
    border: 1px solid #000;
    border-bottom: none;
    width: 320px;
    position: absolute;
    top: calc(100% + 15px);
    left: 0;
    z-index: 1000;
}

/* MegaMenu */
.dropdown-menu{
    display: none;
    width: 100%;
    background: #fff;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 15px 0 30px;
    position: absolute;
    top: 100%;
    z-index: 99;
    left: 0px;
}

.dropdown-menu .dropmenu-wrapper .container{
    max-width: 1200px;
}

.dropdown-menu .dropmenu-wrapper .container .row{
    flex-direction: row;
    text-align: right;
}

.dropdown-menu .mm-title{
    font-size: 16px;
    font-family: 'proximanova-bold';
    letter-spacing: 0.3px;
    line-height: 1;
    margin: 0 0 20px;
}

.page-header .header-bottom .header-bottom-inn .header-nav .dropdown-list{
    flex-direction: column;
    margin: 0 0 5px;
    padding: 0;
}

.page-header .header-bottom .header-bottom-inn .header-nav .dropdown-list li{
    margin: 0 0 10px;
}

.page-header .header-bottom .header-bottom-inn .header-nav .dropdown-list li.shop-all{
    margin-top: 20px;
}

.page-header .header-bottom .header-bottom-inn .header-nav .dropdown-list li > a {
    font-family: 'proximanova-regular';
    font-size: 15px;
    padding: 0;
}

.page-header .header-bottom .header-bottom-inn .header-nav .dropdown-list li:hover > a{
    text-decoration: underline;
}

.page-header .header-bottom .header-bottom-inn .header-nav .dropdown-list li > a.mm-icon{
    padding: 0 0 0;
    padding-right: 2.543em;
    position: relative;
}

.page-header .header-bottom .header-bottom-inn .header-nav .dropdown-list li > a.mm-icon:before{
    content: '';
    width: 40px;
    height: 20px;
    background: url(../../frontend/Crocs/AR/ar_SA/images/icons-new-v3.svg);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    position: absolute;
    top: -4px;
    right: -5px;
    transform: rotateY(180deg);
}

.page-header .header-bottom .header-bottom-inn .header-nav .dropdown-list li > a.mm-icon.mm-flips:before{
    background-position: 1px -44px;
}

.page-header .header-bottom .header-bottom-inn .header-nav .dropdown-list li > a.mm-icon.mm-sandals:before{
    background-position: 0px -90px;
}

.page-header .header-bottom .header-bottom-inn .header-nav .dropdown-list li > a.mm-icon.mm-slides:before{
    background-position: 1px -134px;
}

.page-header .header-bottom .header-bottom-inn .header-nav .dropdown-list li > a.mm-icon.mm-platform:before{
    background-position: 0 -221px;
    height: 24px;
}

.page-header .header-bottom .header-bottom-inn .header-nav .dropdown-list li > a.mm-icon.mm-boots:before{
    background-position: 0 -362px;
    height: 28px;
}

.page-header .header-bottom .header-bottom-inn .header-nav .dropdown-list li > a.mm-icon.mm-socks:before{
    background-position-y: 20em;
}

.page-header .header-bottom .header-bottom-inn .header-nav .dropdown-list li > a.mm-icon.mm-shoeslaces:before{
    background-position: 0px -178px;
}

.page-header .header-bottom .header-bottom-inn .header-nav .dropdown-list li > a.mm-icon.mm-new:before{
    background-position-y: -14em;
}

.page-header .header-bottom .header-bottom-inn .header-nav .dropdown-list li > a.mm-icon.mm-sneakers:before{
    background-position: 1px -180px;
}
 
.page-header .header-bottom .header-bottom-inn .header-nav .dropdown-list li > a.mm-icon.mm-character:before{
    background-position: 1px -313px;
    height: 40px;
}


.page-header .header-bottom .header-bottom-inn .header-nav .dropdown-list li > a.mm-icon.mm-sale:before{
    background-position-y: -20em;
}

.page-header .header-bottom .header-bottom-inn .header-nav .dropdown-list li > a.mm-icon.mm-sneaker:before{
    background-position: 0px -178px;
}

.page-header .header-bottom .header-bottom-inn .header-nav .dropdown-list li > a.mm-icon.mm-flat:before{
    background-position: 1px -269px;
}

.page-header .header-bottom .header-bottom-inn .header-nav .master-links .dropdown-list li a{
    font-family: 'proximanova-bold';
    font-size: 16px;
    letter-spacing: 0.4px;
    text-decoration: underline;
}

.page-header .header-bottom .header-bottom-inn .header-nav .mm-image{
    font-size: 13px;
    margin: 0 0 12px;
}

.page-header .header-bottom .header-bottom-inn .header-nav .mm-image > a{
    display: block;
    position: relative;
}

.page-header .header-bottom .header-bottom-inn .header-nav .mm-image > a:hover{
    color: #000;
    text-decoration: none;
}

.page-header .header-bottom .header-bottom-inn .header-nav .mm-image > a > img{
    border-radius: 8px;
}

.page-header .header-bottom .header-bottom-inn .header-nav .mm-image > a p{
    position: absolute;
    width: 100%;
    bottom: 0;
    background: rgb(222 226 230 / 89%);
    border-radius: 0 0 6px 6px;
    color: #000;
    margin: 0;
    padding: 4px 0;
}

.mob-sticky{
    position: fixed;
    top: 0;
    right: 0;
    background: #fff;
    z-index: 99;
    width: 100%;
}

.mob-sticky .header-top{
    display: none;
}

/* Countdown css */
.crocs-header-offer #clockdiv{
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.crocs-header-offer #clockdiv li {
    color: #ffffff;
}
.crocs-header-offer #clockdiv li span:first-child{
    background: #000;
    color: #fff;
    padding: 5px;
    margin: 0 5px;
    width: 40px;
    display: inline-block;
}

@media(max-width: 1370px){
    .page-header .header-bottom .header-bottom-inn .logo-container img{
        max-width: 120px;
    }

    .page-header .header-bottom .header-bottom-inn .header-nav li{
        margin: 0px 7px 0;
    }

    .page-header .header-bottom .header-bottom-inn .header-bottom-right .search_bar_form{
        max-width: 230px;
    }
}

@media(max-width: 1370px){
    .page-header .header-bottom .header-bottom-inn .header-nav li > a{
        font-size: 12.5px;
    }

    .page-header .header-bottom .header-bottom-inn .header-nav .dropdown-list li > a{
        font-size: 13px;
    }

    .page-header .header-bottom .header-bottom-inn .header-nav .master-links .dropdown-list li a{
        font-size: 14px;
    }

    .page-header .header-bottom .header-bottom-inn .header-nav .dropdown-list li > a.mm-icon:before{
        font-size: 25px;
        right: -8px;
    }
}

@media(min-width: 1025px){
    .mob-search,
    .mob-account,
    .nav-mob-menu{
        display: none;
    }
}

@media(max-width: 1024px){
    .page-header .header-top .header-top-inn{
        flex-direction: column;
        padding: 4.8px 0;
    }
    
    .page-header .header-top .header-top-inn .header-top-right{
        display: none;
    }
    
    .page-header .header-bottom .header-bottom-inn{
        padding: 5px 0;
    }
    
    .page-header .header-bottom .header-bottom-inn .buttons-bar{
        display: block;
        margin: 0 0 0 12px;
    }
    
    .page-header .header-bottom .header-bottom-inn .logo-container img{
        display: block;
        width: 105px;
        height: 42px;
    }
    
    .page-header .header-bottom .header-bottom-inn .header-nav{
        display: none;
    }
    
    .mob-search{
        margin: 0 12px 0;
    }
    
    .mob-search svg{
        vertical-align: top;
    }
    
    .mob-account > a{
        display: block;
    }
    
    .mob-account svg{
        vertical-align: middle;
    }
    
    .page-header .header-bottom .header-bottom-inn .header-bottom-right .search_bar_form .close_search{
        display: block;
        float: right;
        margin: 0 0 0 -15px;
    }
    
    .page-header .header-bottom .header-bottom-inn .header-bottom-right .search_bar_form .close_search .bar{
        width: 20px;
        height: 5px;
        display: block;
        background: #000;
        position: absolute;
        transform: rotate(45deg);
        top: 20px;
    }
    
    .page-header .header-bottom .header-bottom-inn .header-bottom-right .search_bar_form .close_search .bar + .bar{
        transform: rotate(-45deg);
    }
    
    .page-header .header-bottom .header-bottom-inn .header-bottom-right .search_bar_form{
        display: none;
        position: fixed;
        top: 0;
        background: #fff;
        z-index: 999;
        max-width: 100%;
        right: 0;
        height: 100%;
        padding: 0 15px;
    }
    
    .page-header .header-bottom .header-bottom-inn .header-bottom-right .search_bar_form .minisearch{
        border: 1px solid #000;
        box-shadow: 0 1px 3px rgb(0 0 0 / 25%);
        outline-offset: -2px;
        margin: 10px 0 0;
    }
    
    .page-header .header-bottom .header-bottom-inn .header-bottom-right .header-wishlist{
        margin: 0 12px 0;
    }

    .header-bottom-right #new-country-switcher .current_store_flag{
        vertical-align: middle;
    }
    
    .page-header .header-bottom .nav-mob-menu{
        border-top: 1px solid #000;
        overflow: hidden;
        background: #000;
        height: 0;
        width: 100%;
        position: absolute;
        top: 100%;
        right: 0;
        z-index: 99;
    }
    
    .page-header .header-bottom .header-bottom-inn .buttons-bar.active span{
        top: 9px;
        transform: rotate(45deg);
    }
    
    .page-header .header-bottom .header-bottom-inn .buttons-bar.active span + span{
        display: none;
    }
    
    .page-header .header-bottom .header-bottom-inn .buttons-bar.active span + span + span{
        display: block;
        transform: rotate(-45deg);
    }
    
    .nav-mob-scroller{
        height: calc(100vh - 122px);
        overflow-y: auto;
    }

    .mob-sticky .nav-mob-scroller{
        height: calc(100vh - 52px);
    }
    
    .nav-mob-wrapper{
        background: #fff;
    }

    .nav-mob-wrapper ul{
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    .nav-mob-wrapper li{
        border-bottom: 1px solid #000;
        text-align: right;
    }
    
    .nav-mob-wrapper li > a{
        display: block;
        padding: 20px 10px;
        position: relative;
    }
    
    .nav-mob-wrapper li > a:hover{
        text-decoration: none;
    }
    
    .nav-mob-wrapper li .title{
        color: #000;
        font-size: 20px;
        font-family: 'proximanova-bold';
        letter-spacing: 0.5px;
        text-transform: uppercase;
    }
    
    .nav-mob-wrapper li .caret{
        content: '';
        transform: rotateY(180deg);
        display: block;
        background: url('../../frontend/Crocs/AR/ar_SA/images/nav-arrow.svg');
        width: 20px;
        height: 24px;
        position: absolute;
        top: 23px;
        left: 15px;
    }
    
    .nav-mob-wrapper li.has-menu a{
        text-align: center;
        border-bottom: 1px solid #000;
    }
    
    .nav-mob-wrapper li.has-menu .caret{
        position: absolute;
        right: 10px;
        transform: rotate(0);
    }
    
    .nav-mob-wrapper li .nav-mob-drop{
        display: none;
    }
    
    .nav-mob-wrapper li.has-menu .nav-mob-drop{
        display: block;
    }
    
    .nav-myaccount{
        background: #000;
    }

    .nav-myaccount ul{
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: right;
    }
    
    .nav-myaccount li{
        display: block;
        border-bottom: 1px solid #ccc;
    }
    
    .nav-myaccount li:last-of-type{
        border-bottom: none;
    }

    .nav-myaccount .mob-logged-in > a{
        display: inline-block;
        border-left: 1px solid #fff;
        margin: 0 0 0 10px;
        padding: 10px 10px 10px 15px;
    }

    .nav-myaccount .mob-logged-in span{
        display: inline-block;
    }
    
    .nav-myaccount li a {
        display: block;
        color: #fff;
        font-size: 17px;
        letter-spacing: 0.4px;
        padding: 19px 10px;
        text-transform: uppercase;
    }
    
    .nav-myaccount li svg{
        fill: #fff;
        margin: 0 0 0 5px;
        vertical-align: middle;
    }
    
    .nav-mob-wrapper li .nav-mob-drop .columns-links li{
        border-color: #ededed;
    }
    
    .nav-mob-wrapper li .nav-mob-drop .columns-links li > a{
        border-color: #ededed;
        color: #000;
        font-size: 18px;
        padding: 9px 10px;
        text-align: right;
    }
    
    .nav-mob-wrapper li .nav-mob-drop .columns-links.bold li > a{
        font-family: 'proximanova-bold';
        text-decoration: underline;
    }

    .nav-mob-wrapper li .nav-mob-drop .columns-links.mob-icons li > a{
        padding-right: 50px;
    }

    .nav-mob-wrapper li .nav-mob-drop .columns-links.mob-icons li > a:before{
        content: '';
        width: 40px;
        height: 20px;
        background: url(../../frontend/Crocs/AR/ar_SA/images/icons-new-v3.svg);
        background-repeat: no-repeat;
        background-position: 0px 3px;
        font-size: 28px;
        position: absolute;
        top: 12px;
        right: 5px;
        transform: rotateY(180deg);
    }

    .nav-mob-wrapper li .nav-mob-drop .columns-links.mob-icons li > a.mm-icon.mm-flips:before{
        background-position: 1px -44px;
    }
    
    .nav-mob-wrapper li .nav-mob-drop .columns-links.mob-icons li > a.mm-icon.mm-sandals:before{
        background-position: 0px -90px;
    }
    
    .nav-mob-wrapper li .nav-mob-drop .columns-links.mob-icons li > a.mm-icon.mm-slides:before{
        background-position: 1px -134px;
    }
    
    .nav-mob-wrapper li .nav-mob-drop .columns-links.mob-icons li > a.mm-icon.mm-platform:before{
        background-position: 0 -221px;
        height: 24px;
    }
    
    .nav-mob-wrapper li .nav-mob-drop .columns-links.mob-icons li > a.mm-icon.mm-boots:before{
        background-position: 0 -362px;
        height: 28px;
    }
    
    .nav-mob-wrapper li .nav-mob-drop .columns-links.mob-icons li > a.mm-icon.mm-socks:before{
        background-position-y: 20em;
    }
    
    .nav-mob-wrapper li .nav-mob-drop .columns-links.mob-icons li > a.mm-icon.mm-shoeslaces:before{
        background-position: 0px -178px;
    }
    
    .nav-mob-wrapper li .nav-mob-drop .columns-links.mob-icons li > a.mm-icon.mm-new:before{
        background-position-y: -14em;
    }
    
    .nav-mob-wrapper li .nav-mob-drop .columns-links.mob-icons li > a.mm-icon.mm-sale:before{
        background-position-y: -20em;
    }
    
    .nav-mob-wrapper li .nav-mob-drop .columns-links.mob-icons li > a.mm-icon.mm-sneaker:before{
        background-position: 0px -178px;
    }
    
    .nav-mob-wrapper li .nav-mob-drop .columns-links.mob-icons li > a.mm-icon.mm-flat:before{
        background-position: 1px -269px;
    }
    
    .nav-mob-wrapper li .nav-mob-drop .mob-shop-all{
        margin: 35px 0 10px;
        padding: 0 10px;
    }
    
    .nav-mob-wrapper li .nav-mob-drop .mob-shop-all > a{
        border: none;
        color: #000;
        font-family: 'proximanova-bold';
        font-size: 18px;
        padding: 9px 0;
        text-decoration: underline;
        text-transform: uppercase;
    }
    
    .nav-mob-wrapper .nav-mob-drop .sm-title{
        display: block;
        background: #ededed;
        font-size: 19px;
        font-family: 'proximanova-bold';
        line-height: 1;
        margin: 0 0 10px;
        padding: 9px 10px;
        text-transform: uppercase;
    }

    .nav-mob-wrapper .nav-mob-drop .mega-menu-pic{
        display: flex;
        flex-wrap: wrap;
        margin: 12px 0 0;
        padding: 0 10px;
    }

    .nav-mob-wrapper .nav-mob-drop .mega-menu-pic .mm-image{
        width: 50%;
        margin: 0 0 15px;
        padding: 0 5px;
        
    }

    .nav-mob-wrapper .nav-mob-drop .mega-menu-pic .mm-image a{
        position: relative;
        border: none;
        display: block;
    }

    .nav-mob-wrapper .nav-mob-drop .mega-menu-pic .mm-image a > img{
        border-radius: 5px;
        width: 100%;
    }

    .nav-mob-wrapper .nav-mob-drop .mega-menu-pic .mm-image p{
        position: absolute;
        width: 100%;
        background: rgb(222 226 230 / 89%);
        border-radius: 0 0 4px 4px;
        bottom: 0;
        color: #000;
        font-size: 12px;
        margin: 0;
        padding: 3px 0;
    }
    
    .page-header .header-bottom .container{
        max-width: 100%;
    }
}

@media(max-width: 767px){
    .crocs-header-offer{
        font-size: 13px;
    }
    .crocs-header-offer #clockdiv{
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .crocs-header-offer #clockdiv li:first-child {
        width: 100%;
        margin-bottom: 10px;
    }
    .crocs-header-offer #clockdiv li span:first-child{
        margin-bottom: 5px;
        display: block;
    }
}

@media(max-width: 359px){
    .page-header .header-bottom .header-bottom-inn .logo-container img{
        width: 85px;
    }
}@font-face {
    font-display: swap;
    font-family: 'proximanova-regular';
    src: url("../../frontend/Crocs/AR/ar_SA/fonts/proximanovaregular.eot");
    src: url("../../frontend/Crocs/AR/ar_SA/fonts/proximanovaregular.eot?#iefix") format("embedded-opentype"),
    url("../../frontend/Crocs/AR/ar_SA/fonts/proximanovaregular.woff2") format("woff2"),
    url("../../frontend/Crocs/AR/ar_SA/fonts/proximanovaregular.woff") format("woff"),
    url("../../frontend/Crocs/AR/ar_SA/fonts/proximanovaregular.ttf") format("truetype"),
    url("../../frontend/Crocs/AR/ar_SA/fonts/proximanovaregular.svg#proximanova-regular") format("svg");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'proximanova-bold';
    src: url("../../frontend/Crocs/AR/ar_SA/fonts/proximanovabold.eot");
    src: url("../../frontend/Crocs/AR/ar_SA/fonts/proximanovabold.eot?#iefix") format("embedded-opentype"),
    url("../../frontend/Crocs/AR/ar_SA/fonts/proximanovabold.woff2") format("woff2"),
    url("../../frontend/Crocs/AR/ar_SA/fonts/proximanovabold.woff") format("woff"),
    url("../../frontend/Crocs/AR/ar_SA/fonts/proximanovabold.ttf") format("truetype"),
    url("../../frontend/Crocs/AR/ar_SA/fonts/proximanovabold.svg#proximanova-bold") format("svg");
    font-weight: 300;
    font-style: normal;
}

.recommend_prod .slick-prev,
#prd_lk_slide .slick-prev,
#prd_collection_slide .slick-prev {
    background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon-sf5159f0194.png');
    background-position: 0 -399px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 21px;
    width: 15px
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 3 / 2),
(min-device-pixel-ratio: 2) {
    .recommend_prod .slick-prev,
    #prd_lk_slide .slick-prev,
    #prd_collection_slide .slick-prev {
        background-position: 0 -399px;
        -moz-background-size: 40px 538px;
        -o-background-size: 40px 538px;
        -webkit-background-size: 40px 538px;
        background-size: 40px 538px;
    }
}

.recommend_prod .slick-prev:before,
#prd_lk_slide .slick-prev:before,
#prd_collection_slide .slick-prev:before {
    content: "";
    display: none
}

.recommend_prod .slick-prev:hover,
.recommend_prod .slick-prev:focus,
#prd_lk_slide .slick-prev:hover,
#prd_lk_slide .slick-prev:focus,
#prd_collection_slide .slick-prev:hover,
#prd_collection_slide .slick-prev:focus {
    background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon-sf5159f0194.png');
    background-position: 0 -420px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 21px;
    width: 15px
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 3 / 2),
(min-device-pixel-ratio: 2) {
    .recommend_prod .slick-prev:hover,
    .recommend_prod .slick-prev:focus,
    #prd_lk_slide .slick-prev:hover,
    #prd_lk_slide .slick-prev:focus,
    #prd_collection_slide .slick-prev:hover,
    #prd_collection_slide .slick-prev:focus {
        background-position: 0 -420px;
        -moz-background-size: 40px 538px;
        -o-background-size: 40px 538px;
        -webkit-background-size: 40px 538px;
        background-size: 40px 538px;
        background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon2x-sdabe52ea51.png')
    }
}

.recommend_prod .slick-next,
#prd_lk_slide .slick-next,
#prd_collection_slide .slick-next {
    background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon-sf5159f0194.png');
    background-position: 0 -335px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 21px;
    width: 15px
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 3 / 2),
(min-device-pixel-ratio: 2) {
    .recommend_prod .slick-next,
    #prd_lk_slide .slick-next,
    #prd_collection_slide .slick-next {
        background-position: 0 -335px;
        -moz-background-size: 40px 538px;
        -o-background-size: 40px 538px;
        -webkit-background-size: 40px 538px;
        background-size: 40px 538px;
        background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon2x-sdabe52ea51.png')
    }
}

.recommend_prod .slick-next:before,
#prd_lk_slide .slick-next:before,
#prd_collection_slide .slick-next:before {
    content: "";
    display: none
}

.recommend_prod .slick-next:hover,
.recommend_prod .slick-next:focus,
#prd_lk_slide .slick-next:hover,
#prd_lk_slide .slick-next:focus,
#prd_collection_slide .slick-next:hover,
#prd_collection_slide .slick-next:focus {
    background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon-sf5159f0194.png');
    background-position: 0 -356px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 21px;
    width: 15px
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 3 / 2),
(min-device-pixel-ratio: 2) {
    .recommend_prod .slick-next:hover,
    .recommend_prod .slick-next:focus,
    #prd_lk_slide .slick-next:hover,
    #prd_lk_slide .slick-next:focus,
    #prd_collection_slide .slick-next:hover,
    #prd_collection_slide .slick-next:focus {
        background-position: 0 -356px;
        -moz-background-size: 40px 538px;
        -o-background-size: 40px 538px;
        -webkit-background-size: 40px 538px;
        background-size: 40px 538px;
        background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon2x-sdabe52ea51.png')
    }
}

.list_social li .icon_fb {
    background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon-sf5159f0194.png');
    background-position: 0 -173px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 22px;
    width: 22px
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 3 / 2),
(min-device-pixel-ratio: 2) {
    .list_social li .icon_fb {
        background-position: 0 -173px;
        -moz-background-size: 40px 538px;
        -o-background-size: 40px 538px;
        -webkit-background-size: 40px 538px;
        background-size: 40px 538px;
        background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon2x-sdabe52ea51.png')
    }
}

.list_social li .icon_tw {
    background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon-sf5159f0194.png');
    background-position: 0 -275px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 22px;
    width: 22px
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 3 / 2),
(min-device-pixel-ratio: 2) {
    .list_social li .icon_tw {
        background-position: 0 -275px;
        -moz-background-size: 40px 538px;
        -o-background-size: 40px 538px;
        -webkit-background-size: 40px 538px;
        background-size: 40px 538px;
        background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon2x-sdabe52ea51.png')
    }
}

.list_social li .icon_gp {
    background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon-sf5159f0194.png');
    background-position: 0 -209px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 22px;
    width: 22px
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 3 / 2),
(min-device-pixel-ratio: 2) {
    .list_social li .icon_gp {
        background-position: 0 -209px;
        -moz-background-size: 40px 538px;
        -o-background-size: 40px 538px;
        -webkit-background-size: 40px 538px;
        background-size: 40px 538px;
        background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon2x-sdabe52ea51.png')
    }
}

.list_social li .icon_pi {
    background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon-sf5159f0194.png');
    background-position: 0 -253px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 22px;
    width: 22px
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 3 / 2),
(min-device-pixel-ratio: 2) {
    .list_social li .icon_pi {
        background-position: 0 -253px;
        -moz-background-size: 40px 538px;
        -o-background-size: 40px 538px;
        -webkit-background-size: 40px 538px;
        background-size: 40px 538px;
        background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon2x-sdabe52ea51.png')
    }
}

.list_social li .icon_yt {
    background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon-sf5159f0194.png');
    background-position: 0 -297px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 22px;
    width: 22px
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 3 / 2),
(min-device-pixel-ratio: 2) {
    .list_social li .icon_yt {
        background-position: 0 -297px;
        -moz-background-size: 40px 538px;
        -o-background-size: 40px 538px;
        -webkit-background-size: 40px 538px;
        background-size: 40px 538px;
        background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon2x-sdabe52ea51.png')
    }
}

.list_social li .icon_in {
    background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon-sf5159f0194.png');
    background-position: 0 -231px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 22px;
    width: 22px
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 3 / 2),
(min-device-pixel-ratio: 2) {
    .list_social li .icon_in {
        background-position: 0 -231px;
        -moz-background-size: 40px 538px;
        -o-background-size: 40px 538px;
        -webkit-background-size: 40px 538px;
        background-size: 40px 538px;
        background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon2x-sdabe52ea51.png')
    }
}

.email_online_block li .icon_email {
    background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon-sf5159f0194.png');
    background-position: 0 -151px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 22px;
    width: 22px
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 3 / 2),
(min-device-pixel-ratio: 2) {
    .email_online_block li .icon_email {
        background-position: 0 -151px;
        -moz-background-size: 40px 538px;
        -o-background-size: 40px 538px;
        -webkit-background-size: 40px 538px;
        background-size: 40px 538px;
        background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon2x-sdabe52ea51.png')
    }
}

.email_online_block li .icon_chat {
    background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon-sf5159f0194.png');
    background-position: 0 -129px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 22px;
    width: 22px
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 3 / 2),
(min-device-pixel-ratio: 2) {
    .email_online_block li .icon_chat {
        background-position: 0 -129px;
        -moz-background-size: 40px 538px;
        -o-background-size: 40px 538px;
        -webkit-background-size: 40px 538px;
        background-size: 40px 538px;
        background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon2x-sdabe52ea51.png')
    }
}

.copyright ul li a .icon_flag_usa {
    background-image: url('../../frontend/Crocs/AR/ar_SA/images/flags.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    display: inline-block;
    height: 14px;
    width: 28px
}

.copyright ul li a .icon_flag_usa.AE{
    background-position: 0 0;
}

.copyright ul li a span.icon_flag_usa.QA{
    background-position: 0 -28px;
}

.copyright ul li a span.icon_flag_usa.OM{
    background-position: 0 -42px;
}

.copyright ul li a span.icon_flag_usa.BH{
    background-position: 0 -56px;
}

.copyright ul li a span.icon_flag_usa.SA{
    background-position: 0 -14px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 3 / 2),
(min-device-pixel-ratio: 2) {
    .shopping-cart:before,
    .checkout_minicart_custom:before {
        background-position: 0 -16px;
        -moz-background-size: 40px 538px;
        -o-background-size: 40px 538px;
        -webkit-background-size: 40px 538px;
        background-size: 40px 538px;
        background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon2x-sdabe52ea51.png')
    }
}

.mb-mana-catalog-leftnav .narrow-by-list dt:after {
    background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon-sf5159f0194.png');
    background-position: 0 -74px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 11px;
    width: 15px
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 3 / 2),
(min-device-pixel-ratio: 2) {
    .mb-mana-catalog-leftnav .narrow-by-list dt:after {
        background-position: 0 -74px;
        -moz-background-size: 40px 538px;
        -o-background-size: 40px 538px;
        -webkit-background-size: 40px 538px;
        background-size: 40px 538px;
        background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon2x-sdabe52ea51.png')
    }
}

.mb-mana-catalogsearch-leftnav .narrow-by-list dt:after {
    background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon-sf5159f0194.png');
    background-position: 0 -74px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 11px;
    width: 15px
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 3 / 2),
(min-device-pixel-ratio: 2) {
    .mb-mana-catalogsearch-leftnav .narrow-by-list dt:after {
        background-position: 0 -74px;
        -moz-background-size: 40px 538px;
        -o-background-size: 40px 538px;
        -webkit-background-size: 40px 538px;
        background-size: 40px 538px;
        background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon2x-sdabe52ea51.png')
    }
}

.share_icn {
    background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon-sf5159f0194.png');
    background-position: 0 -475px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    width: 14px
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 3 / 2),
(min-device-pixel-ratio: 2) {
    .share_icn {
        background-position: 0 -475px;
        -moz-background-size: 40px 538px;
        -o-background-size: 40px 538px;
        -webkit-background-size: 40px 538px;
        background-size: 40px 538px;
        background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon2x-sdabe52ea51.png')
    }
}

.wish_icn {
    background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon-sf5159f0194.png');
    background-position: 0 -524px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    width: 16px
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 3 / 2),
(min-device-pixel-ratio: 2) {
    .wish_icn {
        background-position: 0 -524px;
        -moz-background-size: 40px 538px;
        -o-background-size: 40px 538px;
        -webkit-background-size: 40px 538px;
        background-size: 40px 538px;
        background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon2x-sdabe52ea51.png')
    }
}

.pdp_fb_icon {
    background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon-sf5159f0194.png');
    background-position: 0 -85px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 22px;
    width: 22px;
    text-indent: -1500px;
    overflow: hidden
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 3 / 2),
(min-device-pixel-ratio: 2) {
    .pdp_fb_icon {
        background-position: 0 -85px;
        -moz-background-size: 40px 538px;
        -o-background-size: 40px 538px;
        -webkit-background-size: 40px 538px;
        background-size: 40px 538px;
        background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon2x-sdabe52ea51.png')
    }
}

.pdp_tw_icon {
    background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon-sf5159f0194.png');
    background-position: 0 -491px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 22px;
    width: 22px;
    text-indent: -1500px;
    overflow: hidden
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 3 / 2),
(min-device-pixel-ratio: 2) {
    .pdp_tw_icon {
        background-position: 0 -491px;
        -moz-background-size: 40px 538px;
        -o-background-size: 40px 538px;
        -webkit-background-size: 40px 538px;
        background-size: 40px 538px;
        background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon2x-sdabe52ea51.png')
    }
}

.pdp_pin_icon {
    background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon-sf5159f0194.png');
    background-position: 0 -377px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 22px;
    width: 22px;
    text-indent: -1500px;
    overflow: hidden
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 3 / 2),
(min-device-pixel-ratio: 2) {
    .pdp_pin_icon {
        background-position: 0 -377px;
        -moz-background-size: 40px 538px;
        -o-background-size: 40px 538px;
        -webkit-background-size: 40px 538px;
        background-size: 40px 538px;
        background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon2x-sdabe52ea51.png')
    }
}

.pdp_gplus_icon {
    background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon-sf5159f0194.png');
    background-position: 0 -107px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 22px;
    width: 22px;
    text-indent: -1500px;
    overflow: hidden
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 3 / 2),
(min-device-pixel-ratio: 2) {
    .pdp_gplus_icon {
        background-position: 0 -107px;
        -moz-background-size: 40px 538px;
        -o-background-size: 40px 538px;
        -webkit-background-size: 40px 538px;
        background-size: 40px 538px;
        background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon2x-sdabe52ea51.png')
    }
}

.plp-grid-col .widget-container .ais-header .name:after {
    display: inline-block;
    margin-right: 8px;
    position: absolute;
    top: 50%;
    left: 10px;
    font-family: symbolset-icon;
    content: '\0002B';
    font-size: .75em;
    line-height: 1.5;
    transition: all .3s;
    transform: translateY(-50%);
}

.ais-price-ranges--header.ais-header.active_c .name:after,
.ais-refinement-list--header.ais-header.active_c .name:after{
    transform: translateY(-50%) rotate(45deg);
    left: 8px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 3 / 2),
(min-device-pixel-ratio: 2) {
    .plp-grid-col .widget-container .ais-header .name:after {
        background-position: 0 -74px;
        -moz-background-size: 40px 538px;
        -o-background-size: 40px 538px;
        -webkit-background-size: 40px 538px;
        background-size: 40px 538px;
    }
}

#instant-search-facets-container .block-title:after {
    content: "";
    background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon-sf5159f0194.png');
    background-position: 0 -74px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 11px;
    width: 15px;
    margin-left: 8px
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 3 / 2),
(min-device-pixel-ratio: 2) {
    #instant-search-facets-container .block-title:after {
        background-position: 0 -74px;
        -moz-background-size: 40px 538px;
        -o-background-size: 40px 538px;
        -webkit-background-size: 40px 538px;
        background-size: 40px 538px;
        background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon2x-sdabe52ea51.png')
    }
}

.list_col_wrapper .col_left .toolbar .select-style:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -5.5px;
    left: 8px;
    background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon-sf5159f0194.png');
    background-position: 0 -74px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 11px;
    width: 15px
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 3 / 2),
(min-device-pixel-ratio: 2) {
    .list_col_wrapper .col_left .toolbar .select-style:after {
        background-position: 0 -74px;
        -moz-background-size: 40px 538px;
        -o-background-size: 40px 538px;
        -webkit-background-size: 40px 538px;
        background-size: 40px 538px;
        background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon2x-sdabe52ea51.png')
    }
}

.cart-page .cart-top-links .arrow-left:after {
    content: "";
    background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon-sf5159f0194.png');
    background-position: 0 -513px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 11px;
    width: 15px
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 3 / 2),
(min-device-pixel-ratio: 2) {
    .cart-page .cart-top-links .arrow-left:after {
        background-position: 0 -513px;
        -moz-background-size: 40px 538px;
        -o-background-size: 40px 538px;
        -webkit-background-size: 40px 538px;
        background-size: 40px 538px;
        background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon2x-sdabe52ea51.png')
    }
}

.search_mob .search {
    background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon-sf5159f0194.png');
    background-position: 0 -441px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    width: 19px
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 3 / 2),
(min-device-pixel-ratio: 2) {
    .search_mob .search {
        background-position: 0 -441px;
        -moz-background-size: 40px 538px;
        -o-background-size: 40px 538px;
        -webkit-background-size: 40px 538px;
        background-size: 40px 538px;
        background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon2x-sdabe52ea51.png')
    }
}

.close_menu {
    background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon-sf5159f0194.png');
    background-position: 0 -34px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 40px;
    width: 40px
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 3 / 2),
(min-device-pixel-ratio: 2) {
    .close_menu {
        background-position: 0 -34px;
        -moz-background-size: 40px 538px;
        -o-background-size: 40px 538px;
        -webkit-background-size: 40px 538px;
        background-size: 40px 538px;
        background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon2x-sdabe52ea51.png')
    }
}

.burger_icon {
    background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon-sf5159f0194.png');
    background-position: 0 -319px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    width: 24px
}

@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 3 / 2),
(min-device-pixel-ratio: 2) {
    .burger_icon {
        background-position: 0 -319px;
        -moz-background-size: 40px 538px;
        -o-background-size: 40px 538px;
        -webkit-background-size: 40px 538px;
        background-size: 40px 538px;
        background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon2x-sdabe52ea51.png')
    }
}

.popup_overlay {
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999
}

.popup_wrap {
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) translateZ(0);
    -ms-transform: translate(-50%, -50%) translateZ(0);
    -o-transform: translate(-50%, -50%) translateZ(0);
    transform: translate(-50%, -50%) translateZ(0);
    z-index: 9999;
    overflow-y: scroll;
    max-height: 90%
}

.close_icon {
    position: absolute;
    right: 0;
    width: 20px;
    height: 20px;
    text-align: center
}

.close_icon a {
    color: #000
}

.close_icon a:hover {
    text-decoration: none
}

.body_popup_hidden {
    overflow: hidden
}

.size_guide_modal {
    display: none
}

.modals-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99992 !important
}

.modal-popup.confirm._show,
.modal-popup.modal-slide._show {
    background: #fff;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 99999 !important;
    text-align: center;
    transform: translate(-50%, -50%);
}

.account .modal-popup.confirm._show, .modal-popup.modal-slide._show {
    position: fixed ;
}

.modal-popup {
    display: none
}

.modal-inner-wrap {
    padding: 20px;
    position: relative;
    text-align: right;
}

.modal-inner-wrap .modal-footer{
    text-align: center;
}

.action-close {
    border: none;
    cursor: pointer;
    display: inline-block;
    background: url(../../frontend/Crocs/AR/ar_SA/images/sprite.png) -352px -8px no-repeat;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 10px;
    top: 10px;
    text-indent: -999em;
    border: none;
    z-index: 999;
}

.modal-content {
    margin-bottom: 20px
}

.modal-footer button {
    background: #006da4;
    color: #fff;
    padding: 10px 20px;
    border: none;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

/* Custom Typo */
.container-md{
    max-width: 1040px;
}

.marginT10{
    margin-top: 10px;
}

.marginT20{
    margin-top: 20px;
}

.marginB10{
    margin-bottom: 10px;
}

.marginB20{
    margin-bottom: 20px;
}

.marginT30{
    margin-top: 30px;
}

.marginB30{
    margin-bottom: 30px;
}

.marginT50{
    margin-top: 50px;
}

.marginB50{
    margin-bottom: 50px;
}

.paddingT30{
    padding-top: 30px;
}

.paddingB30{
    padding-bottom: 30px;
}

.paddingT50{
    padding-top: 50px;
}

.paddingB50{
    padding-bottom: 50px;
}

/* Homepage Grid Implementation */
.featured_categories{
    direction: rtl;
}

.featured_categories .list-unstyled{
    display: flex;
    margin: 0 -15px;
}

.featured_categories .list-unstyled li{
    padding: 0 15px;
}
/* End of Homepage Grid Implementation */

/* Tabby Product Detail */
.catalog-product-view .product-info-main #tabbyPromo{
    direction: rtl;
    margin: 20px 0 0;
}
/* End of Tabby Product Detail */

/* Tabby Cart */
.checkout-cart-index #tabbyPromo{
    clear: both;
    float: left;
    margin: 0 0 15px;
}

.checkout-cart-index #tabbyPromo > div{
    max-width: 415px;
}
/* End of Tabby Cart */

/* New Size Chart PDP */
.catalog-product-view._has-modal{
    overflow: hidden !important;
}

.catalog-product-view .modal-popup.modal-slide._show{
    position: fixed;
    max-width: 525px;
}

.pdp-modal-chart .pdp-chart-summary .pdp-chart-summary-scroller{
    max-height: 398px;
    overflow-y: auto;
}

.pdp-modal-chart .pdp-chart-tabber{
    background: black;
    color: #fff;
    margin: 20px 0 10px;
}

.pdp-modal-chart .pdp-chart-tabber ul{
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0 0 0;
    padding: 0;
}

.pdp-modal-chart .pdp-chart-tabber li{
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    width: 50%;
    letter-spacing: 1px;
    line-height: 1;
    padding: 10px 0;
    text-align: center;
}

.pdp-modal-chart .pdp-chart-tabber li:hover,
.pdp-modal-chart .pdp-chart-tabber li.active{
    background: #424242;
}

.pdp-modal-chart .pdp-chart-summary .chart-title{
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 5px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 1px;
}

.pdp-modal-chart .pdp-chart-summary .chart-desc{
    font-size: 18px;
    letter-spacing: 0.3px;
    margin: 0 0 10px;
    text-align: center;
}

.pdp-modal-chart .pdp-chart-summary table{
    text-align: center;
}

.pdp-modal-chart .pdp-chart-summary table thead th{
    background: #5f5f5f;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.7px;
    line-height: 1;
    padding: 6px 10px;
    text-transform: uppercase;
}

.pdp-modal-chart .pdp-chart-summary table tbody td{
    background: #e0e0e0;
    border-right: 1px solid #fff;
    border-bottom: 1px dashed lightgray;
    font-size: 14px;
    line-height: 1;
    min-width: 90px;
    padding: 8px 10px;
}

.pdp-modal-chart .pdp-chart-summary table tbody td:nth-child(even){
    background: #f0f0f0;
}

.pdp-modal-chart .pdp-chart-summary table tbody tr:hover td{
    background: #f5f5f5;
}

.pdp-modal-chart .modal-inner-wrap .modal-header .action-close{
    display: block;
    left: 15px;
    top: 15px;
    z-index: 9;
}

.pdp-modal-chart .modal-inner-wrap .modal-content{
    margin-bottom: 0;
}

.pdp-modal-chart .modal-footer{
    display: none;
}
/* End of New Size Chart PDP */

.columns{
    min-height: 250px;
}

.link{
    color: #006da4;
    font-family: 'proximanova-bold';
    font-weight: 600;
}

[class*="vue-render"]{
    margin: 0 0 30px;
}

.loading-mask{
    background: rgb(0 0 0 / 87%);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
}

.loading-mask  img{
    width: 50px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loading-mask p{
    display: none;
}

.checkout-onepage-success{
    direction: rtl;
}

.cms-index-index .column .container{
    max-width: 100%;
}

.slider-container{
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1356px;
}

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

@media (max-width: 786px) {
    .pdp-modal-chart .modal-inner-wrap{
        width: auto;
    }
}

.category-content{
    margin: 0 0 10px;
    text-align: right;
}

.category-view .cat-title-content {
    margin: 0;
    padding: 0;
    text-align: right;
}

.category-view .cat-title-content h1 {
    font-family: proxima_novaextrabold,Arial,sans-serif!important;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.25;
    color: #000;
    letter-spacing: 0.5px;
    margin: 20px 0 5px;
}

.category-view .cat-title-content h2 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.25;
    color: #000;
    font-family: proxima_novaregular,Arial,sans-serif;
    margin: 0;
    letter-spacing: 0.5px;
    margin: 0 0 5px;
}

.category-view .cat-title-content p {
    font-size: 13px;
    line-height: 1.6;
    font-family: proxima_novaregular,Arial,sans-serif;
    color: #000;
    letter-spacing: 0.5px;
    margin: 0;
}

.footer_block .social-icon{
    display: flex;
    justify-content: flex-end;
}

.footer_block .social-icon ul{
    margin: 0;
    padding: 0;
}

.footer_block .social-icon li{
    display: inline-block;
    margin: 0 11px 0 0;
    vertical-align: top;
}

.footer_block .social-icon li:last-child{
    margin-right: 0;
}

.footer_block .social-icon li > a{
    display: block;
}

.footer_block .social-icon li svg {
    height: 20px;
    width: 20px;
}

.footer_block .social-icon li svg path{
    fill: currentColor;
    color: #fff;
}

@media (max-width: 767px) {
    .category-view .cat-title-content h1{
        font-size: 20px;
    }

    .category-view .cat-title-content h2{
        font-size: 16px;
    }

    .category-view .cat-title-content p{
        font-size: 13px;
        line-height: 1.3;
    }

    .featured_categories .list-unstyled{
        flex-wrap: wrap;
        margin: -10px;   
    }
    
    .featured_categories .list-unstyled li{
        max-width: 50%;
        padding: 10px;
    }

    .pdp-modal-chart .pdp-chart-summary .chart-title{
        font-size: 24px;
    }

    .pdp-modal-chart .pdp-chart-summary .chart-desc{
        font-size: 17px;
    }

    .catalog-product-view .modal-popup.modal-slide._show{
        max-width: calc(100% - 30px);
    }

    .pdp-modal-chart .pdp-chart-summary .pdp-chart-summary-scroller{
        overflow-x: scroll;
    }

    .marginT50{
        margin-top: 30px;
    }

    .marginB50{
        margin-bottom: 30px;
    }

    .paddingT50{
        padding-top: 30px;
    }

    .paddingB50{
        padding-bottom: 30px;
    }

    .mob-block-none{
        display: none !important;
    }
    .category-widget .swiper-button-next, .category-widget .swiper-button-prev{
        display: none;
    }
    .swiper1 .swiper-wrapper{
        justify-content: flex-start;
    }
    .category-widget .swiper-slide p{
        font-size: 11px;
    }
}

@media(max-width: 479px){
    .account .modal-inner-wrap{
        width:15rem;
    }   

    .featured_categories .list-unstyled{
        justify-content: center;
        margin: -5px 0;
    }

    .featured_categories .list-unstyled li {
        max-width: 100%;
        padding: 5px 0;
    }
}

body {
    font-family: "proximanova-regular"
}

*:focus {
    outline: none
}

:-webkit-autofill {
    color: #fff !important
}

button {
    cursor: pointer
}

.control {
    position: relative
}

.mage-error+.mage-error {
    color: red;
    font-size: 12px
}

.messages .message-error,
.messages .message-notice,
.messages .message-success {
    color: #ee252d;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 35px;
    text-align: center;
    line-height: 20px;
    z-index: 999;
    background: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    padding: 10px;
}

.messages .message-success {
    color: #009a00
}

input[type=checkbox].css-checkbox,
input[type=radio].css-radio {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    clip: rect(0 0 0 0);
    width: 1px;
    margin: -1px;
    border: 0;
    overflow: hidden
}

label.css-checkbox-label,
label.css-radio-label {
    -webkit-touch-callout: none;
    -khtml-user-select: none
}

input[type=checkbox].css-checkbox {
    height: 1px;
    padding: 0
}

input[type=checkbox].css-checkbox+label.css-checkbox-label {
    padding-left: 22px;
    height: 17px;
    display: inline-block;
    line-height: 17px;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer
}

input[type=checkbox].css-checkbox:checked+label.css-checkbox-label {
    background-position: 0 -17px
}

label.css-checkbox-label {
    background-image: url(../../frontend/Crocs/AR/ar_SA/images/custom-checkbox.png);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

input[type=radio].css-radio {
    height: 1px;
    padding: 0
}

input[type=radio].css-radio+label.css-radio-label {
    padding-left: 22px;
    height: 17px;
    display: inline-block;
    line-height: 17px;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer
}

input[type=radio].css-radio:checked+label.css-radio-label {
    background-position: 0 -17px
}

label.css-radio-label {
    background-image: url(../../frontend/Crocs/AR/ar_SA/images/custom-radio.png);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.breadcrumbs {
    margin: 20px 0
}

.breadcrumbs ul{
    display: flex;
    flex-wrap: wrap;
}

.breadcrumbs li {
    display: flex;
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    vertical-align: middle;
}

.breadcrumbs li:first-child {
    padding-left: 0px
}

.breadcrumbs li:first-child:before {
    display: none
}

.breadcrumbs li:first-child a {
    margin-left: 0px
}

.breadcrumbs li:last-child a {
    color: #333333
}

.breadcrumbs li:before {
    content: '';
    background-image: url('../../frontend/Crocs/AR/ar_SA/images/forward_arrow_icon.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -1px;
    transform: rotateY(180deg);
    vertical-align: top;
}

.breadcrumbs li a{
    color: #000000;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.breadcrumbs li strong{
    font-weight: normal;
    letter-spacing: 0.5px;
}

.breadcrumbs .active {
    font-weight: 700
}

.cx-button {
    display: block;
    width: 100%;
    height: auto;
    font-family: "proximanova-regular";
    font-weight: 700;
    font-size: 21px;
    color: #444;
    background-color: #fff;
    line-height: 1.4;
    text-align: center;
    padding: 15px 25px;
    margin: 6px 0;
    border: 1px solid #444;
    border-radius: 0;
    cursor: pointer
}

a.cx-button:not(.cx-button-link) {
    text-decoration: none
}

.cx-button:not(.cx-button-link),
.cx-heavy-brand-font {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.cx-button.full-width {
    width: 100%;
    display: block
}

.crocmenu .shop-all-btn {
    margin: 10px 0 15px
}

.cx-button-reverse {
    color: #fff;
    background-color: #444
}

.cx-button-reverse.active,
.cx-button-reverse.focus,
.cx-button-reverse:active,
.cx-button-reverse:focus,
.cx-button-reverse:hover {
    background-color: #333;
    color: #fff
}

@media (min-width: 481px) {
    .cx-button {
        display: inline-block;
        width: auto;
        font-size: 18px;
        line-height: 1.1
    }
}

.cx-button-compact {
    padding: 5px 10px
}

.stickyheader {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 900;
}

.header-wrapper {
    background: #fff;
    text-align: center;
    z-index: 99;
    position: relative;
    padding: 10px 0
}

.header-wrapper .cs_row {
    margin-left: -15px;
    margin-right: -15px
}

.header-wrapper ul.header-links {
    text-align: right;
    margin-bottom: 5px
}

.header-wrapper ul.header-links li {
    text-decoration: none;
    display: inline-block;
    margin-right: 15px;
    margin-top: 5px;
    text-align: left;
    font-size: 11px
}

.header-wrapper ul.header-links li a {
    color: #444
}

.header-wrapper ul.header-links li a:hover {
    text-decoration: none
}

.header-wrapper ul.header-links li a.mobileCart {
    display: none
}

.header-wrapper ul.header-links-right li {
    margin-left: 15px;
    margin-right: 0;
    text-decoration: none;
    display: inline-block;
    text-align: left;
    font-size: 11px
}

.header-wrapper ul.header-links-right li a {
    color: #444
}

.header-wrapper ul.header-links-right li a .shopping-cart {
    margin-right: 5px;
    position: relative;
    top: 2px;
    display: inline-block
}

.header-wrapper .checkout-container {
    margin: 0;
    padding: 0
}

.header-wrapper .logo-container a {
    display: block
}

/* .header-wrapper .search-bar {
    border: 1px solid #ccc;
    background: #fff;
    display: inline-block;
    position: relative;
    width: 237px;
    margin-bottom: 10px
} */

/* .header-wrapper .search-bar input {
    border: none;
    height: 24px;
    width: 100%;
    padding: 0 5px;
    font-size: 14px;
    text-align: right
} */

.header-wrapper #nav-links {
    margin-top: 0px;
    padding: 0;
    margin-bottom: -6px;
    direction: rtl
}

.header-wrapper #nav-links li {
    display: inline-block;
    text-align: left;
    text-decoration: none;
    font-size: 15px
}

.header-wrapper #nav-links li.leftHeaderLinks {
    float: none;
    height: auto;
    width: auto;
    overflow: hidden
}

.header-wrapper .cs_container-crocs .row + .row{
    align-items: center;
}

.stickyheader .header-wrapper{
    padding: 15px 0 10px;
}

#country_switch {
    display: none
}

.holiday-shipping-msg {
    height: auto;
    padding: 3px 0;
    background: #444
}

.holiday-shipping-msg p {
    margin: 0;
    color: #fff;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    line-height: 16px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 12px
}

.holiday-shipping-msg p a {
    text-decoration: underline;
    color: #fff
}

.transition-200 {
    -webkit-transition: all .2s;
    transition: all 0.2s
}

.header-wrapper ul.header-links {
    text-align: right
}

.header-wrapper ul.header-links li.search_mob {
    display: none
}

.header-wrapper ul#nav-links li,
.header-wrapper ul.header-links li {
    text-decoration: none;
    display: inline-block;
    margin-right: 15px;
    text-align: right;
    font-size: 11px;
    vertical-align: top
}

.header-wrapper ul.header-links li a {
    color: #444
}

.header-wrapper ul#nav-links li {
    text-decoration: none;
    font-size: 15px;
    margin-right: -4px;
    margin-left: -4px
}

.header-wrapper ul#nav-links li a {
    color: #444;
    padding-left: 11px;
    padding-right: 11px
}

.header-wrapper ul#nav-links li a:focus,
.header-wrapper ul#nav-links li a:hover {
    text-decoration: none
}

.header-wrapper ul#nav-links li#comeasyouare {
    border-right: 2px solid #444;
    margin-right: 0;
    font-weight: bold
}

#nav-select-bar {
    height: 2px;
    background: #84bd00;
    margin-top: 3px;
    position: absolute
}

/* .search-bar {
    border: 1px solid #ccc;
    background: #fff;
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 10px
}

.search-bar input {
    border: none;
    height: 24px;
    width: 100%
}

.search-bar input:focus {
    border: none;
    outline: 0;
    box-shadow: none
}

.search-bar input::-ms-clear {
    margin-right: 10px
}

.search-bar.focused {
    border: 1px solid #444
} */

.search-bar #searchSuggestions {
    border: 1px solid #444;
    right: -1px;
    top: 24px;
    left: auto;
    font-size: 13px;
    text-align: left
}

.header-wrapper.fixed-wrapper .minicartHoverContainer {
    top: 17px
}

.header-wrapper #cartQuantity {
    position: absolute;
    top: -6px;
    right: -5px;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #2a7ab0;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    text-align: center
}

.header-chat {
    margin-top: 15px;
    text-align: right;
    font-size: 15px
}

.header-chat .emailChat-icon {
    margin-right: 0;
    margin-left: 4px
}

.header-checkout.header-wrapper #nav-links,
.header-checkout.header-wrapper ul.header-links {
    display: none !important
}

@media (min-width: 960px) {
    .header-checkout.header-wrapper .logo-container {
        padding-top: 15px
    }
    .shipping-wrapper.sticky-nav-adj {
        margin-top: 110px
    }
}

.mm-wrapper.stickyheader {
    position: fixed;
    left: 0;
    right: 0;
    top: 54px;
    overflow: visible;
    z-index: 10000;
    border-bottom: none
}

.header-wrapper.fixed-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 3px solid #444
}

@media (min-width: 960px) {
    .header-wrapper.fixed-wrapper {
        top: -70px
    }
}

.header-wrapper #searchSuggestions {
    width: 210px
}

.shipping-wrapper.collapsed {
    padding: 0;
    border-bottom: 3px solid #444
}

@media (max-width: 959px) {
    .header-wrapper {
        height: auto
    }
    .header-wrapper .x-header--search {
        margin: 0;
        position: relative;
        display: none;
        background: #444;
        float: none;
        height: auto
    }
    .header-wrapper .x-header--search.x-active {
        display: block
    }
    .header-wrapper .x-header--search input {
        vertical-align: baseline;
        -webkit-appearance: none;
        background: #fff;
        font-size: 14px;
        width: 81%;
        line-height: normal;
        display: block;
        box-sizing: border-box;
        height: 30px;
        margin: 10px 3% 7px 3%;
        padding: 0;
        padding-left: 10px;
        border: 0;
        outline: 0 !important
    }
    /* .header-wrapper .x-header--search .search-bar button {
        height: 30px;
        width: 13%;
        position: absolute;
        top: 10px;
        line-height: 13px;
        right: 3%;
        color: #fff;
        padding-left: 14px;
        padding-right: 13px;
        background-color: #2a7ab0;
        cursor: pointer
    }
    .header-wrapper .x-header--search .search-bar {
        display: inline-block;
        border: none;
        background: 0 0;
        position: static;
        width: 100%;
        margin-bottom: 0
    } */
    .header-wrapper #searchSuggestions {
        position: relative;
        background: #fff;
        border: none;
        top: 0;
        right: 0;
        width: auto;
        font-size: 14px
    }
    .header-wrapper .x-header--search #searchSugg ul li {
        clear: both;
        cursor: pointer;
        float: left;
        padding: 3px 0;
        width: 100%
    }
    .header-wrapper .x-header--nav {
        position: relative;
        white-space: nowrap;
        padding-top: 8px;
        text-decoration: none;
        padding-bottom: 5px;
        display: inline-block
    }
    .header-wrapper .x-header--nav span:first-child {
        vertical-align: middle;
        color: #444;
        -webkit-transition: color .25s linear;
        transition: color .25s linear;
        font-size: 20px;
        line-height: 0.75
    }
    .header-wrapper .x-header--nav span:nth-child(2) {
        padding-left: 10px;
        -webkit-transition: color .25s linear;
        transition: color .25s linear;
        color: #444
    }
    .header-wrapper .x-header--nav.x-active:after {
        content: '';
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-width: 10px;
        border-style: solid;
        border-color: transparent;
        bottom: -8px;
        left: 51px;
        border-width: 5px;
        border-bottom-color: #444
    }
    .en_AU .header-wrapper .logo-container a {
        height: 33px
    }
    .en_AU .header-wrapper .logo-container img {
        max-height: 20px;
        margin-top: 1px
    }
    .header-wrapper-right #search {
        display: none
    }
    .header-wrapper .x-header--search-toggle {
        position: relative;
        padding-top: 8px;
        text-decoration: none;
        padding-bottom: 5px;
        display: inline-block
    }
    .header-wrapper .x-header--search-toggle span:first-child {
        vertical-align: middle;
        color: #444;
        font-size: 20px;
        line-height: 0.75
    }
    .header-wrapper .x-header--search-toggle.x-active:after {
        content: '';
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-width: 10px;
        border-style: solid;
        border-color: transparent;
        bottom: -8px;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-bottom-color: #444
    }
    .header-wrapper a.checkout {
        padding-top: 6px;
        display: inline-block
    }
    .checkoutText {
        display: none
    }
}

.slideout-menu {
    position: fixed;
    left: 0;
    top: 54px;
    bottom: 0;
    right: 0;
    z-index: 0;
    width: 256px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: none
}

.slideout-menu>div {
    overflow: scroll;
    height: 100%
}

.slideout-panel {
    position: relative;
    z-index: 1
}

.slideout-open .m-pikabu-viewport,
.slideout-open .slideout-panel,
.slideout-open body {
    overflow: hidden
}

.slideout-open .slideout-menu {
    display: block
}

.m-pikabu-overlay {
    display: none;
    background-color: #444;
    opacity: .5;
    height: 100%;
    width: 100%;
    z-index: 50;
    position: absolute
}

.m-pikabu-sidebar * {
    box-sizing: border-box
}

.m-pikabu-sidebar.m-pikabu-left {
    background: #444;
    box-sizing: border-box
}

.m-pikabu-sidebar.m-pikabu-left .x-nav--cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.m-pikabu-sidebar.m-pikabu-left .x-nav--cta a {
    display: block;
    width: 50%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px
}

.m-pikabu-sidebar.m-pikabu-left .x-account-link:before {
    display: inline-block;
    pointer-events: none;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: #fff;
    vertical-align: middle;
    text-decoration: inherit;
    margin-right: .25em;
    content: '\01F464';
    margin-right: 5px !important;
    font-size: 16px !important
}

.m-pikabu-sidebar.m-pikabu-left .headerLogoutLink:before {
    display: inline-block;
    pointer-events: none;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: #fff;
    vertical-align: middle;
    text-decoration: inherit;
    margin-right: .25em;
    content: '\0EE02';
    margin-right: 5px !important;
    font-size: 16px !important
}

.m-pikabu-sidebar.m-pikabu-left .x-nav--cta .x-locator-link {
    position: relative;
    top: -1px;
    float: right;
    border-left: 1px solid #666
}

.m-pikabu-sidebar.m-pikabu-left .x-locator-link:before {
    display: inline-block;
    pointer-events: none;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: #fff;
    vertical-align: middle;
    text-decoration: inherit;
    margin-right: .25em;
    content: '\0E6D0';
    margin-right: 5px !important;
    font-size: 16px !important
}

.m-pillows {
    background-color: #fff;
    padding-bottom: 0;
    list-style-type: none !important;
    margin-left: 0;
    margin-top: 0
}

.m-pillows ul {
    margin: 0
}

.m-pikabu-sidebar.m-pikabu-left ul.m-pillows>*,
.m-pikabu-sidebar.m-pikabu-left ul.m-pillows>li {
    list-style: none
}

.m-pillows .m-item {
    border-top: 1px solid #ccc
}

.m-pillows>.m-item:first-of-type {
    border-top: none
}

.m-pillows .m-anchor {
    -webkit-tap-highlight-color: transparent;
    display: block;
    position: relative;
    padding: 15px 5px 15px 10px;
    line-height: 1.2em;
    font-size: 16px;
    background-color: #fff;
    color: #444
}

.m-pillows .m-anchor.m-cx-icon {
    padding: 5px 5px 5px 10px
}

.m-pillows .m-item.m-link {
    position: relative;
    margin: 0;
    z-index: 1;
    position: relative;
    pointer-events: cursor
}

.m-pillows .m-item .m-item.m-link>.m-anchor {
    padding-left: 30px
}

.m-pillows .m-item .m-item .m-item.m-link>.m-anchor:not(.m-cx-icon) {
    padding-left: 67px
}

.m-pillows h3.m-header {
    -webkit-tap-highlight-color: transparent;
    position: relative;
    margin: 0;
    padding: 15px 5px;
    padding-left: 10px;
    line-height: 1;
    z-index: 1;
    position: relative;
    pointer-events: cursor;
    font-size: 16px;
    background-color: #444;
    color: #fff
}

.m-pillows .m-header:before {
    position: absolute;
    top: 50%;
    right: 5px;
    height: 20px;
    margin-top: -10px;
    color: #2a7ab0;
    font-size: 25px;
    line-height: .75;
    margin-right: 10px
}

.m-pillows .m-closed h3.m-header {
    background-color: #fff;
    color: #444
}

.m-pillows .m-item.m-closed .m-header:before {
    content: '+';
    color: #444
}

.m-pillows .m-item .m-header:before {
    content: '–';
    color: #fff
}

.m-pillows .m-item .m-item h3.m-header {
    padding-left: 30px;
    color: #444;
    background-color: #ebebeb
}

.m-pillows .m-item .m-item.m-closed h3.m-header {
    background-color: #fff
}

.m-pillows .m-item .m-item h3.m-header:before {
    color: #444
}

.m-pillows .m-item .m-item.m-closed h3.m-header:before {
    color: #444
}

.m-pillows .m-content {
    overflow: hidden;
    display: none;
    padding-bottom: 0
}

.m-pillows .m-inner-content {
    padding: 0 5px
}

.x-nav--links li {
    border-bottom: 1px solid #ccc
}

.x-nav--links li a {
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    color: #fff;
    font-size: 16px;
    height: 48px
}

.x-nav--links li a:before {
    width: 20px
}

.mm-wrapper {
    clear: both;
    width: 1356px;
    height: auto;
    overflow: hidden;
    float: none;
    margin: 0 auto
}

.mm-container {
    display: none;
    position: absolute;
    z-index: 2100;
    background-color: #fff;
    box-shadow: 0 2px 1px 1px #727272
}

.mm-container .crocmenu {
    width: 1356px
}

.mm-container .ruled:not(:first-of-type) {
    border-right: 1px solid #d9d9d9
}

.crocmenu .cx-heading {
    font-weight: bold;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.25;
    color: #444;
    margin-top: .625em;
    text-align: right
}

.crocmenu ul {
    padding-bottom: 0;
    margin: 0;
    padding: 0;
    list-style: none
}

.crocmenu ul a {
    color: #444
}

.crocmenu ul a:focus,
.crocmenu ul a:hover {
    text-decoration: underline
}

.crocmenu ul a.cx-icon {
    display: block;
    margin: -2px 0
}

.crocmenu ul a.cx-icon::after {
    opacity: 0.5
}

.crocmenu ul a.cx-icon:focus::after,
.crocmenu ul a.cx-icon:hover::after {
    opacity: 1
}

.crocmenu .shop-all-btn {
    margin: 10px 0 15px
}

.cx-icon:not(.symbolset) {
    min-width: 2.143em;
    min-height: 2.143em;
    padding-right: 2.543em;
    padding-top: .5em;
    position: relative;
    text-align: right
}

.cx-icon,
.cx-icon * {
    text-decoration: none !important;
    display: inline-block;
    vertical-align: top
}

.cx-icon:not(.symbolset)::after {
    font-size: 2.143em;
    content: "\00a0";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 1em;
    height: 1em;
    background-image: url(../../frontend/Crocs/AR/ar_SA/images/cx-icons.svg);
    background-repeat: no-repeat;
    background-size: 5em 49em
}

.cx-icon-features-new-arrivals::after {
    background-position-y: -14em
}

.cx-icon-activity-beach::after {
    background-position-y: 0
}

.cx-icon-activity-camping::after {
    background-position-y: -1em
}

.cx-icon-activity-chef::after {
    background-position-y: -2em
}

.cx-icon-activity-gardening::after {
    background-position-y: -3em
}

.cx-icon-activity-nursing::after {
    background-position-y: -4em
}

.cx-icon-activity-shower::after {
    background-position-y: -5em
}

.cx-icon-activity-summer::after {
    background-position-y: -6em
}

.cx-icon-activity-walking::after {
    background-position-y: -7em
}

.cx-icon-activity-water::after {
    background-position-y: -8em
}

.cx-icon-activity-work::after {
    background-position-y: -9em
}

.cx-icon-collection-characters::after {
    background-position-y: -10em
}

.cx-icon-collection-crocslights::after {
    background-position-y: -11em
}

.cx-icon-collection-realtree::after {
    background-position-y: -12em
}

.cx-icon-features-best-sellers::after {
    background-position-y: -13em
}

.cx-icon-features-new-arrivals::after {
    background-position-y: -14em
}

.cx-icon-features-price-dollar::after {
    background-position-y: -15em
}

.cx-icon-features-price-euro::after {
    background-position-y: -16em
}

.cx-icon-features-price-pound::after {
    background-position-y: -17em
}

.cx-icon-features-price-yen::after {
    background-position-y: -18em
}

.cx-icon-features-sale-percent::after {
    background-position-y: -19em
}

.cx-icon-features-sale-tag::after {
    background-position-y: -20em
}

.cx-icon-gender-women::after {
    background-position-y: -21em
}

.cx-icon-gender-men::after {
    background-position-y: -22em
}

.cx-icon-gender-girls::after {
    background-position-y: -23em
}

.cx-icon-gender-boys::after {
    background-position-y: -24em
}

.cx-icon-orders-shipping::after {
    background-position-y: -25em
}

.cx-icon-product-360::after {
    background-position-y: -26em
}

.cx-icon-style-accessories::after {
    background-position-y: -27em
}

.cx-icon-style-bigandtall::after {
    background-position-y: -28em
}

.cx-icon-style-boot::after {
    background-position-y: -29em
}

.cx-icon-style-boot2::after {
    background-position-y: -30em
}

.cx-icon-style-clog::after {
    background-position-y: -31em
}

.cx-icon-style-flat-maryjane::after {
    background-position-y: -32em
}

.cx-icon-style-flat::after {
    background-position-y: -33em
}

.cx-icon-style-flip::after {
    background-position-y: -34em
}

.cx-icon-style-flipflops::after {
    background-position-y: -35em
}

.cx-icon-style-fuzz::after {
    background-position-y: -36em
}

.cx-icon-style-heel::after {
    background-position-y: -37em
}

.cx-icon-style-jibbitz::after {
    background-position-y: -38em
}

.cx-icon-style-loafer::after {
    background-position-y: -39em
}

.cx-icon-style-loafer2::after {
    background-position-y: -40em
}

.cx-icon-style-sandal::after {
    background-position-y: -41em
}

.cx-icon-style-sandal2::after {
    background-position-y: -42em
}

.cx-icon-style-shoe::after {
    background-position-y: -43em
}

.cx-icon-style-slide::after {
    background-position-y: -44em
}

.cx-icon-style-slide2::after {
    background-position-y: -45em
}

.cx-icon-style-sneaker::after {
    background-position-y: -46em
}

.cx-icon-style-slipper::after {
    background-position-y: -47em
}

.cx-icon-info-size::after {
    background-position-y: -48em
}

.cx-copy {
    font-size: 14px
}

.checkout-success {
    text-align: center;
    padding: 40px;
    background: #fff;
    margin: 30px auto 100px
}

.checkout-success h2 {
    font-size: 18px;
    font-family: "proximanova-bold";
    margin-bottom: 15px;
    letter-spacing: 2.5px
}

.checkout-success p {
    font-size: 18px;
    color: #666;
    margin-bottom: 35px;
    line-height: 20px
}

.checkout-success .checkout_img .check_success_icon {
    width: 58px;
    height: 63px;
    background: url(../../frontend/Crocs/AR/ar_SA/images/sprite.png) -462px -37px no-repeat;
    display: inline-block
}

.checkout-success .check_success_middle {
    font-size: 14px;
    color: #666;
    line-height: 18px
}

.checkout-success .check_back_shop {
    margin: 15px 0 35px
}

.checkout-success .check_back_shop .check_button,
.checkout-success .check_back_shop .check_register .check_register_btn,
.checkout-success .check_register .check_back_shop .check_register_btn {
    background: #000;
    color: #fff;
    padding: 15px 40px;
    font-size: 12px;
    display: inline-block;
    text-transform: uppercase
}

.checkout-success .check_register .check_register_btn {
    background: #fff;
    color: #000;
    border: 1px solid #000
}

.checkout-success .check_bottom {
    color: #999;
    margin-bottom: 10px
}

.checkout-success .check_bottom strong {
    font-weight: 400;
    color: #000
}

.mb-main-catg {
    display: none
}

.login_register_tab {
    display: none
}

.mobile_burger_menu,
.close_menu {
    display: none
}

.subtitle.empty {
    border-bottom: 1px solid #000;
    display: block;
    font-size: 14px;
    padding: 15px 10px;
}

.minicart-items {
    height: auto;
    max-height: 275px;
    width: 320px;
    overflow: auto
}

.minicart_bottom {
    border-top: 1px solid #ccc;
    float: left;
    width: 100%
}

.minicart_bottom .mini_total {
    float: left;
    width: 100%;
    margin: 15px 0 13px;
    padding: 0 10px;
}

.minicart_bottom .mini_total .minicart_total_txt,
.minicart_bottom .mini_total .minicart_total {
    width: 50%;
    text-align: left;
    font-size: 14px;
    line-height: 18px;
    color: #444;
    float: right
}

.minicart_bottom .mini_total .minicart_total_txt{
    text-align: right;
}

.minicart_bottom .mini_total .minicart_total {
    font-family: 'proximanova-bold';
    text-align: left;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
}

.minicart_bottom .minicart_checkout .viewcart,
.minicart_bottom .minicart_checkout .mini_check_btn {
    width: 50%;
    float: right;
    border-top: 1px solid #000;
    padding: 12px;
    color: #000;
    font-size: 13px;
    line-height: 20px;
    padding: 12px;
    text-align: center;
}

.minicart_bottom .minicart_checkout.bts-cond .viewcart{
    width: 100%;
    background: #ececec;
    transition: background 0.2s linear;
}

.minicart_bottom .minicart_checkout.bts-cond .viewcart:hover{
    background: #006da4;
    color: #fff;
}

.minicart_bottom .minicart_checkout .viewcart:hover,
.minicart_bottom .minicart_checkout .mini_check_btn:hover {
    text-decoration: none
}

.minicart_bottom .minicart_checkout .mini_check_btn {
    color: #fff;
    background-color: #006da4;
}

.minicart_div {
    padding: 10px;
    overflow: hidden;
    position: relative;
    border-top: 1px solid #ccc
}

.minicart_div:first-child {
    border-top: none
}

.minicart_div .product.minicart_left {
    float: left;
    width: 100%
}

.minicart_div .product.minicart_left .product_image {
    float: right;
    width: 70px;
    border: 1px solid #464342;
    padding: 0;
}

.minicart_div .product.minicart_left .product-item-details {
    float: right;
    width: calc(100% - 145px);
    font-size: 11px;
    padding-right: 8px;
    text-align: right;
    direction: rtl;
}

.minicart_div .product.minicart_left .product-item-details .pro_name a {
    font-family: 'proximanova-bold';
    font-size: 12px;
    line-height: 15px;
    color: #2a7ab0;
    display: block;
    word-break: break-all;
}

.minicart_div .product.minicart_left .product-item-details .pro_options {
    font-size: 11px
}

.minicart_div .minicart_right .delete {
    font-family: 'proximanova-bold';
    font-size: 13px;
    color: #2a7ab0;
}

.minicart_div .minicart_right .minicart_price .price {
    font-size: 13px;
    line-height: 15px;
    color: #444
}

.minicart-delivery-estimation span{
    color: #212529;
}

.minicart-delivery-estimation span:last-of-type{
    color: #28d9aa;
    margin: 0 3px 0 0;
}

.minicart_div .minicart_price{
    float: right;
    width: 75px;
    padding-right: 5px;
    text-align: right;
}

.minicart_div .minicart_price .price-container{
    line-height: 1;
    text-align: left;
}

.minicart_div .minicart_price .price {
    font-size: 13px;
    line-height: 15px;
    color: #444
}

.languages_top {
    display: none
}

/* new category ui */

.home-category-menu {
    border-top: 2px solid #e4e1e5;
    border-bottom: 2px solid #e4e1e5;
    padding: 15px 0;
    margin: 15px 0;
}

.home-category-menu .cate-inner{
    padding: 15px 0px;
    max-width: 536px;
    width: 100%;
    margin: 0 auto;
}
.home-category-menu .cate-inner a{
    cursor: pointer;
    display: inline-flex;
    font-size: 18px;
    font-family: 'proximanova-bold';
    letter-spacing: 0.3px;
    margin: -3px;
    padding: 3px;
    text-decoration: none;
    color: #000;
}
.home-category-menu .cate-inner a:hover{
    text-decoration: underline;
    text-decoration-thickness: 2px;
}
.category-widget{
    position: relative;
    overflow: hidden;
    max-width: 1280px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.category-widget .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.category-widget .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.category-widget .swiper-slide {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    display: block;
}
.category-widget .swiper-slide .text-box{
    position: absolute;
    bottom: 0;
    background-color: rgba(255,255,255,.8);
    padding: 3px 8px;
    width: 100%;
    text-align: right;
}
.category-widget .swiper-slide p{
    white-space: nowrap;
    overflow: hidden;
    mask-image: linear-gradient(to left,rgba(0,0,0,1) 90%,rgba(0,0,0,0));
    -webkit-mask-image: linear-gradient(to left,rgba(0,0,0,1) 90%,rgba(0,0,0,0));
    font-size: 14px;
    color: #000;
    line-height: 1.5;
    margin: 0;
    font-family: 'proximanova-bold';
    letter-spacing: 0.3px;
}
.category-widget .swiper-slide:hover{
    box-shadow: 0 3px 10px rgb(52 54 73 / 20%);
}
.category-widget .swiper-slide:focus-within p, .category-widget .swiper-slide:hover p{
    text-decoration: underline;
}
.category-widget .swiper-button::after{
    display: none;
}
.category-widget .swiper-button{
    background: rgba(251,251,251,.75);
    font-size: 36px;
    line-height: 1.55;
    color: #000;
    font-weight: 100;
    text-align: center;
    width: 40px;
    min-height: 55px;
    top: 50%;
    transform: translate(0, 10px);
}
.category-widget .swiper-button-disabled{
    display: none;
}
.category-widget .swiper-button-next{
    right: 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.category-widget .swiper-button-prev{
    left: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
h2.collection-brand-font{
    font-size: 22px;
    font-family: 'proximanova-bold';
    line-height: 1;
    margin: 0;
    padding-bottom: 15px;
}
.swiper1 .swiper-wrapper{
    justify-content: center;
}

.container-sm{
    width: 100%;
    max-width: 1200px;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}

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

@media only screen and (max-width: 1366px) and (min-width: 1280px) {
    .container {
        max-width: 90%
    }
}

@media (max-width: 1280px) {
    .mm-wrapper {
        clear: both;
        width: 1280px;
        height: auto;
        overflow: hidden;
        float: none;
        margin: 0 auto
    }
    .mm-container .crocmenu {
        width: 1265px
    }
}

@media (max-width: 1280px) {
    .breadcrumbs {
        display: none
    }
}

@media (max-width: 768px) {
    .cs_container-crocs .row .col-4 .search_bar_form {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        text-align: center !important;
        height: 100%;
        background: rgba(0, 0, 0, 0.8);
        z-index: 999
    }
    .cs_container-crocs .row .col-4 .search_bar_form .close_search {
        float: right
    }
    @media (max-width: 767px){
.mm-wrapper .close_menu,
    .mm-wrapper .close_search {
        position: fixed;
        right: 0;
        top: 0
    }
.close_menu,
.close_search {
    background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon-sf5159f0194.png');
    background-position: 0 -34px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 40px;
    width: 40px
}
@media (-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 3 / 2),
(min-device-pixel-ratio: 2) {
    .close_menu,
    .close_search {
        background-position: 0 -34px;
        -moz-background-size: 40px 538px;
        -o-background-size: 40px 538px;
        -webkit-background-size: 40px 538px;
        background-size: 40px 538px;
        background-image: url('../../frontend/Crocs/AR/ar_SA/images/icon2x-sdabe52ea51.png')
    }
}

.mobile_burger_menu,
.close_menu,
.close_search {
    display: none
}
.mobile_burger_menu,
    .close_menu,
    .close_search {
        width: 40px;
        padding: 7px;
        display: block;
        position: relative;
        z-index: 999
    }
}
.form.minisearch {
    float: left;
    width: 100%;
    position: relative;
}
    #algolia-autocomplete-container .aa-dropdown-menu {
        overflow-y: scroll;
        max-height: 450px;
    }
    .mobile_burger_menu,
    .close_menu {
        width: 40px;
        padding: 7px;
        display: block;
        position: relative;
        z-index: 999;
        float: right
    }
    .mobile_burger_menu .burger_icon,
    .close_menu .burger_icon {
        vertical-align: text-top
    }
    .mob_login {
        display: block;
        margin: 0;
        padding: 0;
        position: relative;
        width: 300px;
        z-index: 99;
        border-bottom: 1px solid #ccc
    }
    .mob_login a {
        display: block;
        width: 50%;
        float: left;
        padding: 10px;
        text-align: center;
        color: #444;
        font-size: 16px
    }
    .mob_login a:first-child {
        border-right: 1px solid #ccc
    }
    .login_register_tab {
        display: block;
        margin: 0;
        padding: 0;
        position: relative;
        width: 300px;
        z-index: 99
    }
    .login_register_tab li {
        display: block;
        border-bottom: 1px solid #ccc;
        float: left;
        width: 100%
    }
    .login_register_tab li a {
        display: block;
        width: 50%;
        float: left;
        padding: 10px;
        text-align: center;
        color: #444;
        font-size: 16px
    }
    .login_register_tab li a:first-child {
        border-right: 1px solid #ccc
    }
    .mb-main-catg {
        display: block;
        position: relative;
        margin: 0;
        font-weight: normal;
        padding: 10px;
        border-bottom: 1px solid #ccc;
        font-size: 16px;
        line-height: 1.25;
        color: #444;
        text-align: right
    }
    .mb-main-catg:after {
        content: '+';
        position: absolute;
        left: 5px;
        top: 50%;
        height: 20px;
        margin-top: -13px;
        color: #444;
        font-size: 25px;
        margin-right: 10px
    }
    .mb-main-catg.active {
        background-color: #444;
        color: #fff
    }
    .mb-main-catg.active:after {
        content: '–';
        color: #fff
    }
    .mb-main-catg.active a {
        background: #444;
        color: #fff
    }
    .mb-main-catg>a {
        background: #fff;
        color: #444;
        position: relative;
        z-index: 1;
        display: block;
        text-decoration: none
    }
    .crocmenu {
        display: none
    }
    .crocmenu .cx-heading {
        position: relative;
        margin: 0;
        font-weight: normal;
        padding: 10px;
        border-bottom: 1px solid #ccc;
        font-size: 13px;
        color: #8e8e8e
    }
    .crocmenu .cx-heading:after {
        content: '+';
        position: absolute;
        left: 5px;
        top: 50%;
        height: 20px;
        margin-top: -13px;
        color: #444;
        font-size: 25px;
        margin-right: 10px
    }
    .crocmenu .cx-heading.active {
        background-color: #ebebeb
    }
    .crocmenu .cx-heading.active:after {
        content: '–'
    }
    .crocmenu .shop-all-btn {
        display: none
    }
    .crocmenu ul a.cx-icon::before {
        opacity: 1
    }
    .mm-wrapper {
        display: none;
        position: fixed;
        height: 100%;
        direction: rtl;
        overflow-y: scroll;
        background-color: rgba(0, 0, 0, 0.8);
        top: 0;
        z-index: 999;
        width: 100%
    }
    .mm-wrapper .close_menu {
        position: fixed;
        left: 0;
        top: 0
    }
    .mm-wrapper:before {
        content: "";
        width: 300px;
        position: fixed;
        right: 0;
        z-index: 99;
        overflow-y: scroll;
        height: 100%;
        top: 0;
        background: #fff
    }
    .cx-copy {
        display: none
    }
    .cx-copy li {
        padding: 10px 15px;
        border-bottom: 1px solid #ccc
    }
    .mm-container {
        display: block;
        width: 300px;
        position: relative;
        box-shadow: inherit
    }
    .mm-container .crocmenu {
        width: 100%
    }
    .mm-container .ruled.promotion {
        display: none
    }
    .page-wrapper .page-header {
        box-shadow: 0px 2px 10px -1px rgba(0, 0, 0, 0.1)
    }
    .page-wrapper .page-header+.shipping-wrapper {
        display: none
    }
    .header-wrapper {
        padding: 10px 0
    }
    .header-wrapper ul.header-links {
        display: none
    }
    .header-wrapper ul.header-links li.search_mob {
        display: inline-block;
        margin: 0
    }
    .header-wrapper ul.header-links li.search_mob>span {
        display: inline-block;
        padding: 10px
    }
    .header-wrapper ul.header-links li a.showcart {
        display: none
    }
    .header-wrapper ul.header-links li a.mobileCart {
        display: inline-block
    }
    .header-wrapper .hCart ul.header-links {
        display: block;
        margin: 0;
        text-align: left
    }
}

@media(max-width: 640px){
    .mob_prd_head h1{text-align: right;}
    .list_col_wrapper .col_left .toolbar .select-style .ais-root .ais-sort-by-selector{width: 70%;}
    .widget-container{width: 100%}
}

.cs_container-fluid ~ div[data-content-type="row"] div {
    margin: 0 auto!important;
    padding: 0 !important;
}
.cart-container{direction: ltr !important;}
.minicart_div .product.minicart_left .product_image a img {
    width: 68px;
}

#maincontent .sidebar.sidebar-main>div:nth-child(1){display: none;}
.order-details-btn div.reorder-btns{float: left;}
div.field-error span {color: red;font-size: .84615384615385em;}
.form-wishlist-items ul li a+div .size-label {display: inline-block;}
.row.order_img_row .order_img img {width: 100%;}
.shipping-address-items .shipping-address-item input[type=radio]{right: 0;left: initial;}
@media (max-width: 480px) and (min-width: 320px){
    .page-wrapper .cs_container-fluid ~ div[data-content-type="row"] div {margin: initial !important;padding: 0 !important;}
    .page-wrapper .mm-wrapper:before{width: 270px !important;}
    .page-wrapper .mm-container{width: 270px !important;}
        .col-4.logo-container.p-0.m-auto.text-center a img.svgLogo.img-responsive {float: left;width: 98px;}
         .row.order_img_row .order_img img {width: 100%;}
         div#my-orders-table {width: 100%;margin: 0;}
}
@media (max-width: 767px){
    .my-account-wrapper .sidebar-main .account-nav {width: 100%;padding: 0;margin-top: 10px;border: 1px solid #ddd;}
    .my-account-wrapper .sidebar-main .title strong:before{left: 13px !important;}
        .form.minisearch {float: left;width: 100%;position: relative;}
        .page-wrapper .cs_container-fluid ~ div[data-content-type="row"] div:nth-child(3) {display: none;}
        .minicart_block{left: 0 !important;width: auto;right: initial !important;}
        .header-wrapper ul.header-links li.search_mob{float: right;}
         .toolbar{z-index: 9;}
         .mb-main-catg:after{margin-left: 10px;margin-right: 0;}
         .crocmenu .cx-heading:after{margin-left: 10px;margin-right: 0;}
}





/******A*****/

.store-background-box {
    position: fixed;
    background-color: rgba(136,136,136,0.8);
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 110002021;
    left: 0;
    right: 0;
}

.store-select-box {
    position: fixed;
    width: 500px;
    padding: 20px;
    display: block;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    background: #fff;
    z-index: 110002021;
    top: 50%;
    transform: translate(0,-50%);
}
.store-select-box div.close_store {
    width: 20px;
    height: 20px;
    background-image: url(../../frontend/Crocs/AR/ar_SA/images/X.png);
    background-repeat: no-repeat;
    background-size: 16px;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

.store-select-box .store-header-content{
    margin: 20px 0 0;
}

.store-select-box .store-header-content .logo-container{
    max-width: 100%;
}

.store-select-box .store-header-content .heading_1 {
    padding: 30px 0 15px;
    text-align: center;
    line-height: 28px;
    color: #27303f;
    font-family: 'Cormorant Garamond';
    font-weight: 400;
    font-size: 28px;
}
.store-select-box .store-switcher-options {
    text-align: left;
    margin: 15px auto 0;
    width: 70%;
}
.store-select-box .store-switcher-options .country-selector label {
    text-align: left;
    font-size: 13px;
    color: #979797;
    font-family: Lato,Arial;
    font-weight: 400;
    letter-spacing: 1.5px;
    margin-bottom: 3px;
}
.store-select-box .store-switcher-options .country-selector select.country_options {
    margin: 3px 0 0;
    height: 50px;
    width: 100%;
    font-size: 16px;
    font-family: Lato;
    border: 1px solid #000;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #fff;
    background-position: left;
    background-image: url(../../frontend/Crocs/AR/ar_SA/images/BlackDropDownArrowWithFrameV3.png);
    border-left: 0;
    cursor: pointer;
    letter-spacing: 1.5px;
    -webkit-appearance: none;
    appearance: none;
    text-align: right;
    color: #212529;
}
.store-select-box .store-switcher-options .language-switcher {
    margin-top: 25px;
}
.store-select-box .store-switcher-options .language-switcher label {
    text-align: left;
    font-size: 13px;
    color: #979797;
    font-family: Lato,Arial;
    font-weight: 400;
    letter-spacing: 1.5px;
    margin-bottom: 3px;
}
.store-select-box .store-switcher-options .language-switcher .language-container {
    margin-top: 3px;
}
.store-select-box .store-switcher-options .language-switcher select.language_select {
    height: 50px;
    width: 100%;
    font-size: 16px;
    font-family: Lato;
    border: 1px solid #000;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #fff;
    background-position: left;
    background-image: url(../../frontend/Crocs/AR/ar_SA/images/BlackDropDownArrowWithFrameV3.png);
    border-left: 0;
    cursor: pointer;
    letter-spacing: 1.5px;
    -webkit-appearance: none;
    appearance: none;
    text-align: right;
    color: #212529;
}
.store-select-box .store-switcher-options .store-action-box {
    margin: 30px auto 20px;
    width: 100%;
    text-align: center;
}
.store-select-box .store-switcher-options .store-action-box button{
    width: 100%;
    background: #273039;
    font-size: 12px;
    font-family: Arial;
    padding: 12px 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: background .75s ease-in-out;
}
.store-select-box .store-switcher-options .store-action-box .canel-btn {
    display: block;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: capitalize;
    font-weight: 800;
    line-height: normal;
    height: initial;
    margin-top: 30px;
    text-decoration: underline;
    cursor: pointer;
}
.action.primary {
    padding: 8px 15px;
    cursor: pointer;
    color: #fff;
    border-radius: 0;
    border: none;
}
select {
    background: #fff;
    background-clip: padding-box;
    border: 1px solid #000;
    border-radius: 1px;
    font-family: 'Raleway',Arial,Helvetica,sans-serif;
    font-size: 14px;
    height: 37px;
    line-height: 1.42857143;
    padding: 5px 5px 4px 10px;
    vertical-align: baseline;
    width: 100%;
    box-sizing: border-box;
}

span.country.main-country.current_store_flag.crocs.ae,span.country.main-country.current_store_flag.crocs.bh,
span.country.main-country.current_store_flag.crocs.sa,span.country.main-country.current_store_flag.crocs.om,
span.country.main-country.current_store_flag.crocs.qa,span.country.main-country.current_store_flag.crocs.kw{
background-image: url(../../frontend/Crocs/AR/ar_SA/images/download.png);
    width: 26px;
    height: 17px;
    position: relative;
    display: inline-block;
    background-size: 100%;
    cursor: pointer;
}
span.country.main-country.current_store_flag.crocs.kw{background-position: 0px 125px;}
span.country.main-country.current_store_flag.crocs.ae{background-position: 0px -108px;}
span.country.main-country.current_store_flag.crocs.qa{background-position: 0px -143px;}
span.country.main-country.current_store_flag.crocs.om{background-position: 0px -163px;}
span.country.main-country.current_store_flag.crocs.bh{background-position: 0px -72px;}
span.country.main-country.current_store_flag.crocs.sa{background-position: 0px -126px;}
#new-country-switcher{
    display:inline-block;
    margin: 0 5px 0 0;
    vertical-align: text-top;
}
@media only screen and (max-width: 767px){
    .store-select-box{
        width: 90%; margin: 0 auto;
    }
    .store-select-box .store-header-content .heading_1{
        padding: 20px 0 0;
    }
.store-select-box .store-switcher-options {width: 100%;}
.header-wrapper ul.header-links {display: inline-block;}
.header-wrapper ul.header-links #new-country-switcher ~ li {display: none;}
.mobile_burger_menu, .close_menu{float: left;}
.header-wrapper ul.header-links li a{display: none;}
body .toolbar { z-index: 1; }
}

.ais-Hits-item .product-item .wishlist-icon{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.list_col_wrapper .col_right .pro_grid_4 .ais-infinite-hits--item .product-item .button-bottom,
.list_col_wrapper .col_right .pro_grid_4 .ais-Hits-item .product-item .button-bottom{
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 00px;
}

.button-bottom button.quick-look.primary-btn.primary,
.button-bottom button.plp-add-tocart.primary-btn.action.tocart.primary {
    color: #fff;
    background-color: #006da4;
    border-color: #006da4;
    font-family: 'proximanova-bold';
    width: 90%;
    height: auto;
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.1;
    margin: 10px 0;
    padding: 7px 0;
    border: none;
    letter-spacing: 0.5px;
}

.popup-heading h3 {
    color: #000;
    font-size: 1.5em;
    font-family: proxima_novaregular, Arial, sans-serif;
}

form.plp-addtocart-form .popup-product-color .product-color-list .size-add-to-cart-overlay-box .action.primary {
    width: 100%;
    font-size: 14px;
    background-color: #005c8a;
    font-family: proxima_novaregular, Arial, sans-serif;
    font-weight: 700;
    margin: 0 0 5px;
    padding: 10px;
}

.product-size-list label {
    border: 1px solid #ccc;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 5px;
    padding: 4px;
    white-space: nowrap;
}

.product-size-list input {
    display: none;
}

.product-size-list span.disabled-sizes label {
    cursor: default;
    border: 1px solid #d70000;
    color: #d70000;
    opacity: .5;
    background: url("data:image/svg+xml;utf8,<svg version='1.1' baseProfile='tiny' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' focusable='false'><line fill='none' stroke='%23000' x1='50' y1='0' x2='0' y2='50' style='stroke:rgb(255,0,0); stroke-width:2' /></svg>");
    background-position-x: 0px;
    background-position-y: 0px;
    background-size: 100% 100%;
    background-color: #ccc;
}

.ais-Hits-item:hover .product-color-list button.quick-look {
    display: block;
}
.list_col_wrapper .col_right .pro_grid_4 .ais-Hits-item{padding: 0px 0 15px;}

.product_list_grid .product-color-list {
    display: inline-block;
    width: 100%;
    margin: 0 0 10px;
}
.product-color-list .swatch-options {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-bottom: 2px;
    margin-right: 2px;
    position: relative;
    vertical-align: middle;
    -webkit-appearance: none;
    border: 1px solid rgba(39,48,57,.2);
    cursor: pointer;

}

.view-product-detail {
    text-align: center;
}

.view-product-detail a {
    display: block;
    color: #006da4;
    font-family: proxima_novaregular, Arial, sans-serif;
    font-size: 13px;
    text-decoration: none;
}

.popup-color-des .color-img {
    display: flex;
    list-style: none;
    margin: 0 -3px;
    padding: 0;
}

.popup-color-des .color-img li {
    border: 2px solid #fff;
    margin: 0 3px;
}

.popup-color-des ul.color-img li.selected,
.popup-color-des ul.color-img li:hover {
    border-color: #006da4;
}

.popup-color-des .color-img li img{
    cursor: pointer;
    height: 40px;
}

input.swatch-options.switch-product.selected {
    border: 1px solid;
    width: 28px !important;
    height: 28px !important;
    outline: 0;
    border-width: 1px;
    box-shadow: inset 0 0 0 1px #444, inset 0 0 0 3px #fff;
    border: 1px solid rgba(0,0,0,.15);
    transform: none;
    margin-left: 0;
}

.min-img ul {
    list-style: none;
    margin: 0;
    padding: revert !important;
}
.min-img ul li {
    width: 80px;
    display: inline-block;
    margin-right: 10px;
}
.min-img ul li img {
    width: 100%;
    margin: 10px 10px 0 0;
}
.min-img ul li img.selected {
    border: 1px solid #000;
}

.ais-Hits-item .if-new {
    font-size: 12px;
    line-height: 1px;
    padding: 3px 0 0 !important;
    z-index: 1 !important;
}

.popup-product-color .radio.hidden-important.in-stock:checked + label, 
.popup-product-color .radio.hidden-important.in-stock:hover + label{
    border: 1px solid #006da4;
}

.button-bottom button.quick-look.primary-btn.primary:focus{
    outline: none;
}

.ais-Hits-item .product-item .wishlist-icon .add-to-wishlist{
    padding: 5px;
}

.ais-Hits-item .product-item .wishlist-icon .add-to-wishlist svg {
    width: 20px;
    height: 20px;
}

.cx-modal.quick-view-modal-rht .price-lowest span.special-price span.price-discount {
    font-size: 14px!important;
    font-weight: 400;
    margin: 0 5px;
}
.cx-modal.quick-view-modal-rht .price-lowest span.old-price {
    font-weight: 700;
    font-family: proxima_novaregular,Arial,sans-serif!important;
    font-size: 16px;
    text-decoration: line-through;
}

.modal-content {
    margin-bottom: 20px;
    position: relative;
}

.popup-color-des {
    border-bottom: 1px solid #ccc;
    margin: 0 0 15px;
    padding: 0 0 15px;
}

.popup-color-des ul.color-img li img {
    height: 40px;
}

form.plp-addtocart-form .popup-product-color .product-color-list .size-add-to-cart-overlay-box button.plp-add-tocart.primary-btn.action.tocart.primary.disabled:disabled {
    background: #ccc;
    border: #ccc;
}
.heart-filled {animation: pulseHeart 250ms cubic-bezier(.34,1.56,.64,1) 2 alternate;}
.heart-filled path{fill: #000;}
.heart-filled:focus {transition: color .2s ease-in,outline .2s ease-in,background-color .2s ease-in,border .2s ease-in,box-shadow .2s ease-in;}

span.more-swatch.selected {
    width: 28px !important;
    height: 28px !important;
    outline: 0;
    border-width: 1px;
    box-shadow: inset 0 0 0 1px #444, inset 0 0 0 3px #fff;
    border: 1px solid rgba(0,0,0,.15);
}

span.more-swatch {
    width: 28px;
    height: 28px;
    font-size: 12px;
    text-align: center;
    border-radius: 50%;
    margin-top: 2px;
    background: #fff;
    border: 1px solid #fff;
    display: inline-block;
    padding-bottom: 0px;
    line-height: 28px;
    font-weight: 700;
}
span.more-swatch:hover{
    border: 1px solid rgba(39,48,57,.2);
    
}

span.more-swatch.selected {
    outline: 0;
    border-width: 1px;
    box-shadow: inset 0 0 0 1px #444, inset 0 0 0 3px #fff;
}

.popup-color-des span.label.color-value {
    font-family: proxima_novaregular,Arial,sans-serif!important;
    font-weight: 400;
    display: inline-block;
    padding-left: 5px;
    font-size: 1em;
}
.product-size-list label.selected,
.product-size-list label:hover {
    border: solid 2px #006da4;
}

.link.wishlist.wishlist_link.col-md-1{text-align: right;}
.header-wrapper ul#nav-links li, .header-wrapper ul.header-links li{margin-right: 10px !important;}
.header-wrapper ul.header-links-right li{margin-left: 10px !important;}



.category-banner {
    min-height: 1px;
    overflow: hidden;
    min-width: 100%;
    max-width: 100%;
}
.category-banner .container-crocs {
    background: linear-gradient(90deg, rgba(233,203,221,1) 0%, rgba(185,123,185,1) 100%);
}
.category-banner img {
    margin: 20px 35px 0 35px;
}
.category-banner img {
    width: 290px;
}
.category-banner h2.brand-font {
    margin: 0 35px !important;
    color: #000 !important;
    font-size: 36px !important;
    line-height: 1.1 !important;
    letter-spacing: 7px !important;
    padding-left: 7px !important;
    font-family: proxima_novaregular,Arial,sans-serif!important;
    font-weight: 400 !important;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}
.d-flex {
    display: flex;
}
.justify-content-center {
    justify-content: center;
}
.align-items-center {
    align-items: center!important;
}
.flex-md-row {
    -ms-flex-direction: row!important;
    flex-direction: row!important;
}

.cat-title-content.col-12 div[data-content-type="row"] div {
    padding: 0px !important;
}

span.more-swatch.mobile{
    display: none;
}
.desktop_template_preview_1491 .vue-module-heading{
    margin-left: 0px;
    padding-left: 44px !important;
}

@media only screen and (min-width: 767px){
    .category-banner .container-crocs{height: 202px;}
}
@media only screen and (max-width: 767px){
    .list_col_wrapper .col_right .pro_grid_4 .ais-Hits-item .button-bottom {
        display: none !important;
    }
    .product-color-list .swatch-options{
        display: none;
    }
    .product-color-list .swatch-options:nth-child(-n+3){
        display: inline-block;
    }
    span.more-swatch.screen{
        display: none;
    }
    span.more-swatch.mobile{
        display: inline-block;
    }
    .link.wishlist.wishlist_link.col-md-1 {
        text-align: right;
        display: inline-block;
        width: auto;
        position: absolute;
        right: 40px;
        top: 10px;

    }
    .link.wishlist.wishlist_link.col-md-1 svg {
        width: 20px !important;
        margin-right: 2px;
    }
    .category-banner img {width: 45vw !important;margin: 33px auto 18px auto !important;}
    .category-banner h2.brand-font{margin: 0 0px !important;font-size: 12px !important;}
    .text-left .mobile_burger_menu {float: right !important;}
    .minicart_block{top: 0 !important;}
    .header-wrapper ul.header-links li {margin-right: 15px !important;}
    .header-wrapper ul.header-links li.search_mob>span{margin-left: 10px;}
    .link.wishlist.wishlist_link.col-md-1 {display: inline-block;width: auto;position: absolute;left: 40px;top: 10px;right: inherit;}
    .link.wishlist.wishlist_link.col-md-1 svg {width: 20px;}
    .flex-md-row{flex-wrap: wrap;}
    
    .category-banner h2.brand-font{padding-bottom: 20px;}
}

label.uk-size:empty {
    display: none !important;
}

label.us-size:empty {
    display: none !important;
}
.conti-shop {
    position: absolute;
    bottom: -40px;
    width: 100%;
    cursor: pointer;
    background: #fff;
    outline: 1px solid #000;
    padding: 8px 0;
    text-align: center;
}
.conti-shop p {
    margin: 0;
}
.conti-shop p a {
    color: #000;
    font-size: 16px;
    text-transform: capitalize;
    text-decoration: none;
}
div [data-enable-parallax="0"] {padding: 0 !important;margin: 0px !important}
iframe#aa_visit_pixel {display: none !important;}
.link.wishlist.wishlist_link.col-md-1 {text-align: left;}



.category-widget ul.swiper-wrapper{

 justify-content: space-around !important;

}

.category-widget ul.swiper-wrapper li:last-child{

    margin-left: 0 !important;

}

.custom-crousel .slick-list .slick-track .slick-slide > div{

font-size: 0px;

}

/* Tranding Slider Css  */

.crocs__trending-view .slider-gray{
    position: relative;
}

.crocs__trending-view .trending-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;

}

.crocs__trending-view .carousel {
    display: flex;
    transition: transform 0.6s ease;
    width: 100%;
}

.crocs__trending-view .carousel-item {
    flex: 0 0 25%; 
    box-sizing: border-box;
    padding: 0px 10px;
}

.crocs__trending-view .carousel-item img {
    width: 100%;
    border-radius: 0px;
}

.crocs__trending-view .carousel-prev, .crocs__trending-view .carousel-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    color: #000;
    font-size: 24px;
    padding: 10px 15px;
    cursor: pointer;
    border-radius: 50%;
    z-index: 5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.crocs__trending-view .carousel-prev:hover, .crocs__trending-view .carousel-next:hover {
    background: transparent;
}

.crocs__trending-view .carousel-prev { left: 0px; }
.crocs__trending-view .carousel-next { right: 0px; }
.crocs__trending-view .arrival-listings .content{
    margin: 0;
}


@media (max-width: 992px) {
    .crocs__trending-view .carousel-item { flex: 0 0 33.33%; }
}
@media (max-width: 640px) {
    .crocs__trending-view .carousel-item { flex: 0 0 50%; }
}
@media (max-width: 480px) {
    .crocs__trending-view .carousel-item { flex: 0 0 100%; }
}._has-modal{
    overflow: hidden !important;
}

.news-popup.modal-popup.modal-slide._show{
    position: fixed;
    max-width: 375px;
    width: calc(100% - 30px);
}

.page-footer ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.page-footer li{
    margin: 0;
    padding: 0;
}

.footer-usp{
    border-top: 2px solid #225B80;
    padding: 20px 0;
}

.footer-usp ul{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin: 0 -10px;
}

.footer-usp li{
    flex-basis: 25%;
    padding: 0 10px;
}

.footer-usp .usp-grid{
    display: flex;
    align-items: flex-start;
}

.footer-usp .usp-grid .img{
    border: 2px solid #225B80;
    width: 70px;
    height: 70px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

.footer-usp .usp-grid .img svg{
    fill: #225B80;
}

.footer-usp .usp-grid .content{
    width: calc(100% - 70px);
    margin-left: 10px;
}

.footer-usp .usp-grid .content h3{
    display: inline-block;
    border-bottom: 2px solid #225B80;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.5px;
    margin: 0 0 5px;
    padding: 0 0 3px;
}

.footer-usp .usp-grid .content h3 > a{
    color: #225B80;
    text-decoration: none;
}

.footer-usp .usp-grid .content p{
    font-size: 14px;
    line-height: 130%;
    margin: 0;
}

.footer-usp .usp-grid .content p:hover{
    text-decoration: underline;
}

.footer-top,
.footer-middle,
.footer-bottom,
.footer-addon{
    background: #000;
    color: #fff;
}

.footer-top .top-inn{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 -10px;
    padding: 15px 0;
}

.footer-top .top-inn .left-top,
.footer-top .top-inn .right-top{
    padding: 0 10px;
}

.footer-top .top-inn .left-top{
    display: flex;
    align-items: center;
}

.footer-top .top-inn .left-top .label{
    display: flex;
    align-items: center;
}

.footer-top .top-inn .left-top .label label{
    max-width: 475px;
    font-size: 20px;
    letter-spacing: 0.3px;
    line-height: 120%;
    margin: 0;
    padding: 0 30px 0 0;
    text-transform: uppercase;
    text-align: right
}

.footer-top .top-inn .left-top .label button{
    display: block;
    background: #fff;
    border: 2px solid #fff;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 120%;
    padding: 11px 15px;
    transition: 0.2s linear all;
}

.footer-top .top-inn .left-top .label button:hover{
    background: #000;
    color: #fff;
}

.footer-top .top-inn .right-top ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.footer-top .top-inn .right-top li{
    padding: 0 2.5px;
}

.footer-top .top-inn .right-top li > img{
    display: block;
}

.footer-top .top-inn .right-top .cod{
    color: #fff;
    font-size: 9px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
    letter-spacing: 0.6px;
    line-height: 120%;
    text-align: left;
}

.news-popup .modal-inner-wrap .modal-content{
    margin: 20px 0 0;
}

.news-popup .modal-inner-wrap .modal-content .form{
    display: flex;
    flex-direction: column;
}

.news-popup .modal-inner-wrap .modal-content .form input[type="email"]{
    border-radius: 0;
    border: 1px solid #ccc;
    font-size: 16px;
    height: 40px;
    padding: 0 10px;
}

.news-popup .modal-inner-wrap .modal-content .form input[type="email"]:focus{
    border-color: #000;
}

.news-popup .modal-inner-wrap .modal-content .form .mage-error{
    margin: 5px 0 0;
}

.news-popup .modal-inner-wrap .modal-content .form .news-letter-button{
    display: block;
    background: #000;
    letter-spacing: 0.5px;
    font-weight: 600;
    line-height: 1;
    margin: 10px 0 0;
    padding: 12px 15px;
    text-transform: uppercase;
}

.footer-middle{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 9px 0;
}

.footer-middle .account{
    display: flex;
    margin: 0 -10px;   
}

.footer-middle .account li{
    flex-basis: calc(100% / 4);
    padding: 0 10px;
}

.footer-middle .account li a{
    color: #fff;
}

.footer-middle .account li a:hover{
    text-decoration: none;
}

.footer-middle .account li label{
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.4px;
    margin: 0;
    text-transform: uppercase;
}

.footer-middle .account li a:hover label{
    text-decoration: underline;
}

.footer-middle .account li .country.main-country.current_store_flag.crocs{
    vertical-align: middle;
    margin: 0 5px 0 0;
}

.footer-middle svg{
    fill: #fff;
    margin: 0 3px 0 0;
    vertical-align: middle;
    transition: 0.2s linear transform;
}

.footer-middle .social svg:hover{
    transform: scale(1.2);
}

.footer-middle .social{
    display: flex;
    align-items: center;
}

.footer-middle .social{
    margin: 0 -5px;
}

.footer-middle .social li{
    padding: 0 5px;
    flex-basis: auto;
}

.footer-bottom .bot-inn{
    display: flex;
    margin: 0 -10px;
}

.footer-bottom .bot-inn .quarter{
    flex-basis: calc(100% / 4);
    padding: 20px 10px 30px;
}

.footer-bottom .bot-inn .quarter h4{
    font-family: "proximanova-regular";
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.7px;
    margin: 0 0 20px;
    position: relative;
}

.footer-bottom .bot-inn .quarter h4:after{
    content: '';
    width: 24px;
    height: 2px;
    background: #fff;
    position: absolute;
    display: block;
    left: 0;
    bottom: -8px;
}

.footer-bottom .bot-inn .quarter li{
    letter-spacing: 0.3px;
    margin: 0 0 5px;
}

.footer-bottom .bot-inn .quarter li:last-of-type{
    margin: 0;
}

.footer-bottom .bot-inn .quarter li > a{
    color: #fff;
    letter-spacing: 0.5px;
}

.footer-bottom .bot-inn .quarter.cust-serv li i{
    margin: 0 8px 0 0;
    vertical-align: middle;
}

.footer-addon{
    border-top: 2px solid #ccc;
    padding: 20px 0 20px;
}

.footer-addon .addon-in{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.footer-addon .addon-in .left{
    position: absolute;
    left: 0;
}

.footer-addon .addon-in .left a,
.footer-addon .addon-in .left span,
.footer-addon .addon-in .right a,
.footer-addon .addon-in .right span{
    color: #fff;
    font-size: 13px;
}

.footer-addon .addon-in .right{
    display: flex;
}

.footer-addon .addon-in .right ul{
    display: flex;
    align-items: center;
}

.footer-addon .addon-in .right .seperator{
    margin: 0 5px;
}

html[lang="ar"] .footer-usp ul{
    flex-direction: row-reverse;
}

html[lang="ar"] .footer-addon .addon-in .left{
    left: auto;
    right: 0;
}

html[lang="ar"] .footer-usp .usp-grid{
    flex-direction: row-reverse;
}

html[lang="ar"] .footer-usp .usp-grid .content{
    margin-left: 0;
    margin-right: 10px;
    text-align: right;
}

html[lang="ar"] .footer-top .top-inn{
    flex-direction: row-reverse;
}

html[lang="ar"] .footer-top .top-inn .left-top .label{
    flex-direction: row-reverse;
}

html[lang="ar"] .footer-top .top-inn .left-top .label label{
    padding: 0 0 0 30px;
    text-align: left;
}

html[lang="ar"] .footer-top .top-inn .right-top ul{
    flex-direction: row-reverse;
}

html[lang="ar"] .news-popup .modal-inner-wrap .modal-content .form input[type="email"]{
    text-align: right;
}

html[lang="ar"] .footer-middle .account{
    flex-direction: row-reverse;
    text-align: right;
}

html[lang="ar"] .footer-middle .account li a{
    display: flex;
    flex-direction: row-reverse;
}

html[lang="ar"] .footer-middle svg{
    margin: 0 0 0 7px;
}

html[lang="ar"] .footer-middle .account li .country.main-country.current_store_flag.crocs{
    margin: 0 0 0 5px;
}

html[lang="ar"] .footer-middle .social{
    flex-direction: row-reverse;
}

html[lang="ar"] .footer-bottom .bot-inn{
    flex-direction: row-reverse;
}

html[lang="ar"] .footer-bottom .bot-inn .quarter{
    text-align: right;
}

html[lang="ar"] .footer-bottom .bot-inn .quarter h4:after{
    left: auto;
    right: 0;
}

html[lang="ar"] .footer-bottom .bot-inn .quarter li{
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

html[lang="ar"] .footer-bottom .bot-inn .quarter.cust-serv li i{
    margin: 0 0 0 8px;
}

html[lang="ar"] .footer-addon .addon-in{
    flex-direction: row-reverse;
}

html[lang="ar"] .footer-addon .addon-in .right{
    flex-direction: row-reverse;
}

html[lang="ar"] .footer-addon .addon-in .right ul{
    flex-direction: row-reverse;
}

@media(max-width: 1024px){
    .footer-usp ul{
        flex-wrap: wrap;
    }

    .footer-usp li{
        flex-basis: 50%;
        margin: 0 0 15px;
    }

    .footer-top .top-inn{
        flex-direction: column;
    }

    .footer-top .top-inn .left-top{
        margin: 0 0 15px;
    }

    .footer-middle .account li label{
        font-size: 12px;
    }

    html[lang="ar"] .footer-top .top-inn{
        flex-direction: column;
    }
    .footer-top .container{
        max-width: 100%;
    }
    html[lang="ar"] .footer-top .container{
        max-width: 100%;
    }
}

@media(max-width: 767px){
    .footer-usp li{
        flex-basis: 100%;
    }

    .footer-usp li:last-of-type{
        margin-bottom: 0;
    }

    .footer-top .top-inn{
        align-items: flex-start;
    }

    .footer-top .top-inn .left-top .label{
        align-items: flex-start;
        flex-direction: column;
    }

    .footer-top .top-inn .left-top .label label{
        font-size: 16px;
        line-height: 125%;
        margin: 0 0 10px;
        padding: 0;
        text-align: left;
    }

    .footer-top .top-inn .left-top .label button{
        font-size: 15px;
        padding: 7px 10px;
    }

    .footer-top .top-inn .right-top li > img{
        height: 20px;
    }

    .footer-middle{
        padding: 15px 0;
    }

    .footer-middle .account li{
        margin: 0 0 8px;
    }

    .footer-middle .account li:last-of-type{
        margin: 0;
    }

    .footer-middle .account li label{
        font-size: 14px;
    }

    .footer-middle .account .social li{
        margin: 0;
    }

    .footer-bottom .bot-inn{
        flex-direction: column;
    }

    .footer-bottom .bot-inn .quarter{
        padding: 20px 10px 0px;
    }

    .footer-bottom .bot-inn .quarter:last-child{
        padding-bottom: 20px;
    }

    .footer-addon{
        padding: 10px 0 15px;
    }

    .footer-addon .addon-in{
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-start;
    }

    .footer-addon .addon-in .right{
        flex-direction: column;
    }

    .footer-addon .addon-in .left{
        position: static;
    }

    .footer-addon .addon-in .left a,
    .footer-addon .addon-in .left span,
    .footer-addon .addon-in .right a,
    .footer-addon .addon-in .right span{
        font-size: 14.8px;
    }

    .footer-addon .addon-in .right .seperator:last-child{
        display: none;
    }

    .footer-middle .account,
    html[lang="ar"] .footer-middle .account{
        flex-direction: column;
    }

    html[lang="ar"] .footer-top .top-inn{
        align-items: flex-end;
    }

    html[lang="ar"] .footer-top .top-inn .left-top .label{
        align-items: flex-end;
        flex-direction: column;
    }

    html[lang="ar"] .footer-top .top-inn .left-top .label label{
        padding: 0;
        text-align: right;
    }

    html[lang="ar"] .footer-bottom .bot-inn{
        flex-direction: column;
    }

    html[lang="ar"] .footer-addon .addon-in{
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-end;
        text-align: right;
    }

    html[lang="ar"] .footer-addon .addon-in .right{
        flex-direction: column;
    }
}

@media(max-width: 385px){
    .footer-top .top-inn .right-top .payment-icons{
        margin-bottom: -10px;
    }

    .footer-top .top-inn .right-top .payment-icons li{
        margin: 0 0 10px;
    }
}.club-regis.modal-slide .modal-inner-wrap {
    background-image: url('../../frontend/Crocs/AR/ar_SA/Magento_CustomerCustomAttributes/images/background-club.webp');
    max-width: 525px;
    background-size: 100% 100%;
    padding: 20px 30px;
}
.club-regis.modal-popup .modal-header {
    padding-bottom: 0;
}
.club-regis.modal-popup .modal-header .action-close {
    width: auto;
    height: auto;
    background: none;
    font-size: 0;
    top: 25px;
    right: 30px;
    text-indent: 0;
    padding: 0;
}

.club-regis.modal-popup .modal-header .action-close::before {
    content: 'x';
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
}

.club-regis.modal-popup .modal-inner-wrap {
    background-image: url('../../frontend/Crocs/AR/ar_SA/Magento_CustomerCustomAttributes/images/background-club.webp');
    max-width: 575px;
    background-size: 100% 100%;
    padding: 20px 30px;
}
.club-regis .ca-mob {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    text-transform: uppercase;
}

.club-regis .ca-mob .title-lg {
    color: #78052C;
    font-size: 18px;
    letter-spacing: 0.5px;
    margin: 16px 0;
}

.club-regis .ca-mob .title {
    color: #78052C;
    font-size: 15px;
    letter-spacing: 0.5px;
    margin: 5px 0 20px;
}
.club-regis .ca-mob .title:last-child {
    margin-bottom: 0;
}
.club-regis .ca-mob .title #ca_verifyingnumber {
    display: inline-block;
    direction: ltr;
}
.club-regis .ca-mob .pointer {
    cursor: pointer;
}
.club-regis .ca-mob .text-transform-reset {
    text-transform: initial;
}
.club-regis .ca-mob .text-normal {
    font-weight: normal;
}
.club-regis .ca-mob .form-inline {
    display: flex;
    justify-content: space-around;
    max-width: 225px;
    margin: 0 auto 25px;
}

.club-regis .ca-mob .form-inline .ca-country-code {
    color: #000;
    max-width: 50px;
    text-align: center;
    padding: 0;
    background: #fff;
    border: 2px solid #000;
    margin: 0 10px;
}

.club-regis .ca-mob .form-inline .ca-country-number {
    width: 100%;
    max-width: 272px;
    background: #fff;
    border: 2px solid #000;
    letter-spacing: 1px;
    height: 34px;
    padding: 0 8px;
}

.club-regis .ca-mob .form-inline .ca-country-number::placeholder {
    color: #c2c2c2;
}

.club-regis .ca-mob .ca-btn {
    background: #994F67;
    border: 2px solid #994762;
    padding: 5px 25px;
    color: #fff;
    font-weight: 400;
}
.club-regis .ca-mob .ca-btn:hover {
    background: #793e52;
    color: #fff;
}
.club-regis .ca-mob .ca-btn span {
    letter-spacing: 0.7px;
}
.club-regis .ca-mob.otp .form-inline {
    justify-content: center;
}
.club-regis .ca-mob.otp .form-inline .ca-country-number {
    border: 2px solid #000;
    height: 38px;
    letter-spacing: 1px;
    text-align: center;
}

.club-regis .ca-mob.otp .form-inline .ca-country-number:focus,
.club-regis .ca-mob.otp .form-inline .ca-country-number:hover{
    border-color: #8e153d;
}

.club-regis .ca-mob.otp .addon-action {
    margin: 20px 0 0;
}

.club-regis.dialog-msg.modal-popup .modal-header .action-close:before {
    color: #000;
}
.club-regis.dialog-msg.modal-popup .modal-inner-wrap {
    background-image: url('../../frontend/Crocs/AR/ar_SA/Magento_CustomerCustomAttributes/images/background-club-2.webp');
}
.club-regis.dialog-msg.modal-popup .modal-inner-wrap .dialog-data img {
    margin: 0 0 15px;
}
.club-regis.dialog-msg.modal-popup .modal-inner-wrap .dialog-data .title,
.club-regis.dialog-msg.modal-popup .modal-inner-wrap .dialog-data .title-lg {
    color: #78052C;
    margin: 5px 0;
}
.club-regis.dialog-msg.modal-popup .modal-inner-wrap .dialog-data .dialog-btn {
    margin: 15px 0 0;
}
.club-regis.dialog-msg.modal-popup .modal-inner-wrap .dialog-data .dialog-btn .ca-btn {
    text-transform: uppercase;
}
.club-regis.dialog-msg.modal-popup .modal-inner-wrap .dialog-data.optional .ca-btn {
    margin: 10px 30px 0px;
    min-width: 135px;
}
.club-regis.dialog-linking-pop.modal-popup .modal-header .action-close::before {
    color: #000;
}
.club-regis.dialog-linking-pop.modal-popup .modal-inner-wrap {
    background-image: url('../../frontend/Crocs/AR/ar_SA/Magento_CustomerCustomAttributes/images/club-dialog-logo-link.webp');
}
.club-regis.dialog-linking-pop.modal-popup .modal-inner-wrap .dialog-data img {
    margin: 0 0 15px;
}
.club-regis.dialog-linking-pop.modal-popup .modal-inner-wrap .dialog-data .title,
.club-regis.dialog-linking-pop.modal-popup .modal-inner-wrap .dialog-data .title-lg {
    color: #78052C;
    margin: 5px 0;
}
.club-regis.dialog-linking-pop.modal-popup .modal-inner-wrap .dialog-data .dialog-btn {
    margin: 25px 0 0;
}
.club-regis.dialog-linking-pop.modal-popup .modal-inner-wrap .dialog-data .dialog-btn .ca-btn {
    margin: 0 0 15px;
    text-transform: uppercase;
}
.club-regis.dialog-linking-pop.modal-popup .modal-inner-wrap .ca-mob {
    padding: 0 20px;
}

.club-regis.dialog-linking-pop.modal-popup .modal-inner-wrap .ca-mob .ca-btn.transparent {
    background: transparent;
    border-color: #000;
    color: #000;
    font-weight: 600;
    margin-bottom: 0;
}
.myca-dashboard .myca-bg-cont button {
    font-family: "Scala Sans OT Regular", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
    font-weight: 600;
    padding: 0 16px;
}
.myca-dashboard .myca-bg-cont .ca-reward .worth label {
    display: contents;
}
.myca-accordion .d-flex {
    display: flex;
}
.ca-non-linked {
    padding: 30px 0 40px 0;
}
.ca-non-linked .benefits ul li .overlay {
    display: flex !important;
    position: relative;
    align-items: center;
}
.ca-non-linked .benefits ul li .overlay .title {
    font-family: inherit;
}
.ca-non-linked .non-linked-inn .guest-link button {
    font-family: "Scala Sans OT Regular", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
    font-weight: 600;
    padding: 0 16px;
}
.club-apparel-code .payment-option-content {
    padding-bottom: 0;
}
.club-apparel-code .payment-option-content .payment-option-inner {
    display: flex;
    align-items: center;
}
html[lang="ar"] .club-regis.modal-popup .modal-header .action-close {
    left: 30px;
    right: auto;
}

@media (max-width: 767px) {
    .club-regis.modal-popup.modal-slide._show .modal-inner-wrap {
        width: calc(100vw - 30px);
        height: auto;
        position: fixed;
        top: 50%;
        left: 50%;
        right: auto;
        transform: translate(-50%,-50%);
   }
    .club-regis.modal-popup.modal-slide._show .modal-inner-wrap .modal-header {
        display: contents;
   }
    .club-regis.modal-popup.modal-slide._show .modal-inner-wrap .modal-content {
        padding: 0;
   }
    .club-regis.dialog-msg.modal-popup .modal-inner-wrap .dialog-data .dialog-btn {
        flex-direction: column;
   }
    .club-regis.dialog-linking-pop.modal-popup .modal-inner-wrap .dialog-data .dialog-btn {
        flex-direction: column;
   }
    .club-apparel-code .payment-option-title .action-toggle {
        letter-spacing: normal;
   }
}/** css related to Uppy **/
.uppy-Dashboard-progressindicators,
.uppy-Dashboard-close,
.uppy-Dashboard-dropFilesHereHint,
.uppy-Dashboard-inner{
    display:none;
}

.image.image-placeholder #fileUploader{
    border:500px solid transparent;
    bottom:0;
    cursor:pointer;
    font-size:10em;
    height:100%;
    left:0;
    opacity:0;
    position:absolute;
    right:0;
    top:0;
    width:100%;
    z-index:3
}
/**
 * Checkout.com
 * Authorized and regulated as an electronic money institution
 * by the UK Financial Conduct Authority (FCA) under number 900816.
 *
 * PHP version 7
 *
 * @category  Magento2
 * @package   Checkout.com
 * @author    Platforms Development Team <platforms@checkout.com>
 * @copyright 2010-present Checkout.com all rights reserved
 * @license   https://opensource.org/licenses/mit-license.html MIT License
 * @link      https://docs.checkout.com/
 */

@supports (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button {
        display: inline-block;
        -webkit-appearance: -apple-pay-button;
    }
    .apple-pay-button-black {
        -apple-pay-button-style: black;
    }
    .apple-pay-button-white {
        -apple-pay-button-style: white;
    }
    .apple-pay-button-white-with-line {
        -apple-pay-button-style: white-outline;
    }
}

@supports not (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button {
        display: inline-block;
        background-size: 100% 60%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border-radius: 5px;
        padding: 0px;
        box-sizing: border-box;
        min-width: 200px;
        min-height: 32px;
        max-height: 64px;
    }
    .apple-pay-button-black {
        background-image: -webkit-named-image(apple-pay-logo-white);
        background-color: black;
    }
    .apple-pay-button-white {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
    }
    .apple-pay-button-white-with-line {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
        border: .5px solid black;
    }
}

/* make ApplePay button larger*/

.ap-checkout {
    width: 138px !important;
    height: 52px !important;
}

.ap-cart {
    width: 100% !important;
    height: 52px !important;
    --apple-pay-button-height: 52px;
}

/* For mobile */

@media only screen and (max-width: 600px) {
    #ckoApplePayButton {
        width: 100% !important;
    }
}
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{
		margin-right: 25px;
	}

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 25px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 5px;
		height: auto;
		left: auto;
		top: 0;
		right: 15px;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 15px;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 5px;
		height: 100%;
		cursor: pointer;
		margin: 0 auto;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 5px;
		height: 100%;
		margin: 0 auto;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000;
		background-color: rgba(0,0,0,0.15);
		filter: "alpha(opacity=40)";
		-ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000;
		filter: "alpha(opacity=75)";
		-ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000;
		filter: "alpha(opacity=90)";
		-ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(../../frontend/Crocs/AR/ar_SA/Apparel_CustomScrollBar/css/mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */
.myca-dashboard {
    position: relative;
}
.myca-dashboard > img {
    width: 100%;
    max-height: 515px;
    object-fit: cover;
}
.myca-dashboard .myca-bg-cont{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #78052C;
}
.myca-dashboard .myca-bg-cont .my-ca-logo {
    display: block;
    margin: 0 auto 15px;
    width: 140px;
}
.myca-dashboard .myca-bg-cont .ca-reward .ca-reward-tier {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 275px;
    height: 75px;
    background: url('../../frontend/Crocs/AR/ar_SA/Apparel_Epsilon/images/club_apparel_tier_background.png');
    background-size: 100% 100%;
    border-radius: 50px;
    margin: 0 auto;
    padding: 10px 30px;
    position: relative;
}
.myca-dashboard .myca-bg-cont .ca-reward .club-unlock {
    font-size: 13px;
    max-width: 300px;
    margin: 20px auto 0;
    letter-spacing: 0.2px;
    text-align: center;
}
.myca-dashboard .myca-bg-cont .ca-reward .worth {
    border-right: 1px solid #d8d8d8;
    color: #78052C;
    font-size: 12px;
    padding: 8px 8px 8px 0;
    text-transform: uppercase;
    width: 125px;
}
.myca-dashboard .myca-bg-cont .ca-reward .worth .worth-wrap {
    margin: 0 0 1px;
}
.myca-dashboard .myca-bg-cont .ca-reward .worth .price {
    font-size: 21px;
    font-weight: 600;
    line-height: 19px;
    margin-right: 5px;
}
.myca-dashboard .myca-bg-cont .ca-reward .worth label {
    font-size: 14px;
}
.myca-dashboard .myca-bg-cont .ca-reward .tier-level {
    position: relative;
    width: 75px;
}
.myca-dashboard .myca-bg-cont .ca-reward .tier-level .tier-logo {
    position: absolute;
    top: -37px;
    left: 10px;
    height: 90px;
    padding: 0 10px;
}
.myca-dashboard .myca-bg-cont .ca-reward .tier-level .tier-name {
    display: none;
    color: #9d9b9b;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.2px;
    position: absolute;
    top: -8px;
    right: 0px;
}
.myca-dashboard .myca-bg-cont .ca-reward .tier-level.gold .tier-name {
    color: #f5801e;
}
.myca-dashboard .myca-bg-cont .ca-reward .tier-level.black .tier-name {
    color: #111111;
}
.myca-dashboard .myca-bg-cont .ca-phone {
    display: flex;
    justify-content: center;
    margin: 30px 0 25px;
    text-align: center;
}
.myca-dashboard .myca-bg-cont .ca-phone .num-wrap {
    direction: ltr;
    margin: 0 5px;
}
.myca-dashboard .myca-bg-cont .ca-phone .num-wrap strong {
    font-weight: 600;
    letter-spacing: 0.4px;
}
.myca-dashboard .myca-bg-cont .ca-phn-chng {
    text-align: center;
}

.myca-dashboard .myca-bg-cont .ca-phn-chng .phn-chng-pop {
    font-size: 12px;
    height: 38px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    transition-property: background-color, color, border;
    transition-timing-function: ease-out;
    transition-duration: .25s;
    background: #994F67;
    border: 2px solid #994762;
    padding: 5px 25px;
    color: #fff;
    font-weight: 400;
}


.myca-dashboard .myca-bg-cont .ca-phn-chng .phn-chng-pop:hover,
.myca-dashboard .myca-bg-cont .ca-phn-chng.inverse .phn-chng-pop:hover{
    background: #793e52;
    color: #fff;
}

.myca-dashboard .myca-bg-cont .ca-phn-chng.inverse .phn-chng-pop{
    background: transparent;
    color: #000;
}

.myca-dashboard .myca-bg-cont .ca-phn-chng.delink {
    margin-top: 10px;
}
.ca-non-linked {
    background: url('../../frontend/Crocs/AR/ar_SA/Apparel_Epsilon/images/myaccount-ca-bg.png');
    background-size: cover;
}
.ca-non-linked .non-linked-inn .ca-logo img {
    display: block;
    margin: 0 auto 35px;
    padding: 30px 0 0;
    width: 170px;
}
.ca-non-linked .non-linked-inn .benefits {
    display: flex;
    list-style: none;
    justify-content: center;
    margin: 0 0 30px;
    padding: 0;
}
.ca-non-linked .non-linked-inn .benefits ul {
    display: flex;
    list-style: none;
    max-width: 650px;
    margin: 0;
    padding: 0;
    justify-content: center;
}
.ca-non-linked .non-linked-inn .benefits ul li {
    width: calc(100% / 3);
    margin: 0;
    text-align: center;
}
.ca-non-linked .non-linked-inn .benefits ul li .overlay {
    border-radius: 8px;
    background: rgba(159,75,99,0.95);
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 10px);
    margin: 0 auto;
    min-height: 220px;
    padding: 10px 20px 20px;
}
.ca-non-linked .non-linked-inn .benefits ul li .icon {
    align-content: center;
    height: 55px;
    margin-bottom: 10px;
}

.ca-non-linked .non-linked-inn .benefits ul li .icon img {
    height: 45px;
}
.ca-non-linked .non-linked-inn .benefits ul li .title {
    color: #ffffff;
    font-family: "proximanova-bold";
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 18px;
    margin: 0 0 10px;
    min-height: 40px;
}
.ca-non-linked .non-linked-inn .benefits ul li p {
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    margin: 0;
}
/* .ca-non-linked .non-linked-inn .benefits ul li p.dark {
    color: #919191;
} */
.ca-non-linked .non-linked-inn .link-earn {
    margin: 0 0 30px;
}
.ca-non-linked .non-linked-inn .link-earn p {
    color: #78052C;
    font-family: 'proximanova-bold';
    font-size: 13px;
    letter-spacing: 0.4px;
    margin: 0;
    text-align: center;
}
.ca-non-linked .non-linked-inn .guest-link {
    margin: 0 0 40px;
    text-align: center;
}
.ca-non-linked .non-linked-inn .guest-link button {
    background: #994F67;
    border: 1px solid #793e52;
    border: none;
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    height: 40px;
    letter-spacing: 0.5px;
    margin: 0;
    text-transform: uppercase;
    transition-property: background-color, color, border;
    transition-timing-function: ease-out;
    transition-duration: .25s;
}
.ca-non-linked .non-linked-inn .guest-link button:hover {
    background: #793e52;
}
.myca-accordion {
    margin: 20px 0 0;
}
.myca-accordion ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.myca-accordion ul .listings {
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    margin: 0;
    padding: 12px 5px;
}
.myca-accordion ul .listings .d-flex {
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
}
.myca-accordion ul .listings .d-flex .title {
    font-weight: 600;
}
.myca-accordion ul .listings .d-flex svg {
    transform: rotate(45deg);
    transition: 0.2s linear transform;
}
.myca-accordion ul .listings .d-flex::after {
    display: none;
}
.myca-accordion ul .listings .active svg {
    transform: rotate(0deg);
    transition: 0.2s linear transform;
}
.myca-accordion ul .listings .content {
    margin: 15px 0 0;
}
.myca-accordion ul .listings .content p {
    font-size: 13px;
}
.myca-accordion ul .listings .content p:last-of-type {
    margin-bottom: 10px;
}
.myca-accordion ul .listings .content p a {
    text-decoration: underline;
    font-weight: 600;
}
html[lang="ar"] .myca-dashboard .myca-bg-cont .ca-reward .worth {
    border-left: 1px solid #d8d8d8;
    border-right: none;
}
html[lang="ar"] .myca-dashboard .myca-bg-cont .ca-reward .tier-level .tier-logo {
    left: auto;
    right: 10px;
}
html[lang="ar"] .myca-dashboard .myca-bg-cont .ca-reward .tier-level .tier-name {
    left: 0px;
    right: auto;
}
@media (min-width: 768px) {
    .myca-dashboard .myca-bg-cont .ca-phn-chng .phn-chng-pop {
        min-width: 340px;
   }
}
@media (max-width: 800px) {
    .myca-dashboard > img {
        min-height: 470px;
   }
}
@media (max-width: 768px) {
    .ca-non-linked .non-linked-inn .benefits ul {
        flex-direction: column;
   }
    .ca-non-linked .non-linked-inn .benefits ul li {
        width: 100%;
        margin: 0 0 20px;
   }
    .ca-non-linked .non-linked-inn .benefits ul li:last-of-type {
        margin-bottom: 0;
   }
    .myca-dashboard .myca-bg-cont .ca-phn-chng .phn-chng-pop {
        max-width: 340px;
        width: 100%;
   }
}
@media (max-width: 480px) {
    .ca-non-linked .non-linked-inn .ca-logo img {
        margin: 0 auto 25px;
        padding: 25px 0 0;
        width: 160px;
   }
    .ca-non-linked .non-linked-inn .benefits ul li .overlay {
        max-width: 280px;
        padding-bottom: 0;
   }
    .ca-non-linked .non-linked-inn .benefits ul li .title {
        min-height: auto;
   }

    .myca-dashboard .myca-bg-cont .ca-phn-chng .phn-chng-pop{
        font-size: 10px;
    }
}
@media (max-width: 359px) {
    .myca-dashboard .myca-bg-cont .ca-reward .ca-reward-tier {
        width: 265px;
        padding: 10px 18px;
   }
    .myca-dashboard .myca-bg-cont .ca-phn-chng .phn-chng-pop {
        line-height: 130%;
   }
}.mess.global.cookie.custom_cookies {
	position: fixed;
	inset-block-end: 20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9999;
	width: calc(100% - 30px);
	max-width: 380px;
	font-size: 12px;
	padding: 20px 24px;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 8px 24px rgba(0,0,0,0.12);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	box-sizing: border-box;
}

.mess.global.cookie.custom_cookies a{
	display: block;
}

.mess.global.cookie.custom_cookies .CookieConsent-Button {
	min-width: 132px;
	height: 30px;
	padding: 0 20px;
	border-radius: 8px;
	border: 1px solid transparent;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	white-space: nowrap;
	text-transform: unset;
	transition: all .2s ease;
	line-height: initial;
}
.mess.global.cookie.custom_cookies .CookieConsent-Button--secondary {
	background: #fff;
	border-color: #000;
	color: #000;
	margin-left: 10px;
}
.mess.global.cookie.custom_cookies .CookieConsent-Button--primary {
	background: #000;
	border-color: #000;
	color: #fff;
}
.cookie-preferences-popup {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.45);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 99999;
}
.cookie-preferences-modal {
	position: relative;
	max-width: 600px;
	width: calc(100% - 15px);
	padding: 28px 32px 24px;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 18px 60px rgba(0,0,0,0.18);
}
.cookie-preferences-modal h2 {
	margin: 0 48px 24px 0;
	color: #111;
	font-family: 'proximanova-bold';
	font-size: 22px;
	font-weight: 800;
	line-height: 1.2;
	text-transform: uppercase;
}
.cookie-preferences-modal hr {
	border: 0;
	border-top: 1px solid #ececec;
	margin: 18px 0;
}
.cookie-close {
	position: absolute;
	top: 16px;
	right: 18px;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #111;
	font-size: 30px;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.cookie-close:hover {
	background: transparent;
	color: #111;
}
.cookie-section h4 {
	margin: 0 0 14px;
	color: #7b7b7b;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
}
.cookie-option {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 12px 0;
	cursor: pointer;
}
.cookie-option input {
	display: none;
}
.cookie-option input:checked + .checkmark {
	background: #111;
	border-color: #111;
}
.cookie-option input:checked + .checkmark:after {
	content: "✓";
	position: absolute;
	left: 8px;
	top: 0;
	color: #fff;
	font-size: 18px;
}
.cookie-option strong {
	display: block;
	margin: 0 0 4px;
	color: #111;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
}
.cookie-option p {
	margin: 0;
	color: #8a8a8a;
	font-size: 13px;
	line-height: 1.5;
}
.cookie-option.disabled {
	padding-bottom: 0;
}
.cookie-option.disabled input:checked + .checkmark {
	background: #d8d8d8;
	border-color: #d8d8d8;
	cursor: not-allowed;
}
.checkmark {
	position: relative;
	width: 28px;
	height: 26px;
	margin-top: 4px;
	flex-shrink: 0;
	border: 1px solid #d8d8d8;
	border-radius: 3px;
}
.cookie-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.cookie-policy p {
	margin: 0 0 6px;
	color: #666;
}
.cookie-policy a {
	color: #315efb;
	text-decoration: none;
}
.save-cookie-preference {
	flex-shrink: 0;
	min-width: 220px;
	height: 48px;
	margin-left: 20px;
	padding: 0 24px;
	border: 0;
	border-radius: 999px;
	background: #000;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	text-transform: unset;
	white-space: nowrap;
	transition: opacity .2s ease;
}

.cookie-footer .cookie-policy{
	font-size: 12px;
}

.save-cookie-preference:hover {
	color: #fff;
}

html[lang="ar"] .mess.global.cookie.custom_cookies{
	direction: rtl;
	max-width: 420px;
	text-align: right;
}

html[lang="ar"] .mess.global.cookie.custom_cookies .CookieConsent-Button--secondary{
	margin-left: 0;
	margin-right: 10px;
}

html[lang="ar"] .cookie-preferences-modal{
	direction: rtl;
	text-align: right;
}

html[lang="ar"] .cookie-preferences-modal h2{
	margin: 0 0 24px 48px;
}

html[lang="ar"] .cookie-close{
	left: 18px;
	right: auto;
}

@media (max-width: 767px) {
	.mess.global.cookie.custom_cookies {
		width: 95%;
	}
	.mess.global.cookie.custom_cookies .CookieConsent-Button {
		width: 100%;
	}
	.mess.global.cookie.custom_cookies .CookieConsent-Button--secondary {
		margin-left: 0;
	}
	.mess.global.cookie.custom_cookies .CookieConsent-Button--primary {
		margin-bottom: 12px;
	}
	.cookie-preferences-modal {
		padding: 15px;
	}
	.cookie-preferences-modal h2 {
		font-size: 18px;
		margin-bottom: 18px;
	}
	.cookie-section h4 {
		font-size: 15px;
	}
	.cookie-option {
		margin: 0 0 8px;
		padding: 0;
	}
	.cookie-policy p {
		margin: 0;
	}
	.cookie-footer {
		flex-direction: column;
	}
	
	.save-cookie-preference {
		width: 100%;
		margin-left: 0;
		margin-top: 16px;
	}

	html[lang="ar"] .mess.global.cookie.custom_cookies .CookieConsent-Button--secondary{
		margin: 0;
	}
}/* Slider */
.slider-gray{
    background: #f7f5f8;
    padding: 45px 40px;
}

.slide-title{
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin: 0 10px 30px;
}

html[lang="ar"] .slide-title{
    text-align: right;
}

.slider-gray .slick-arrow:before,
.slider-gray .slick-arrow:after{
    color: #000;
}

.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

.stage-padding .slick-slide img{
    width: 100%;
    margin: 0 auto;
}

.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;
}
.custom-crousel .ban-container .title{
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.5px;
    margin: 15px 0 5px;
}

.custom-crousel .ban-container .description{
    margin: 0 0 5px;
}

.custom-crousel .ban-container .desc-redirect a{
    color: #000;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}

.new-arrival .slick-prev{
    left: -20px;
}

.new-arrival .slick-next{
    right: -20px;
}

.new-arrival .slick-slide > div{
    width: calc(100% - 20px);
    margin: 0 auto;
}

.arrival-listings{
    background: #fff;
    text-align: center;
}

.arrival-listings .image{
    border: 1px solid #fff;
    border-bottom: none;
    margin: 0 0 8px;
}

.arrival-listings .content{
    margin: 0 0 10px;
}

.arrival-listings .content .title > a{
    color: #000;
    text-decoration: none;
}

.arrival-listings .content .title > a:hover{
    text-decoration: none;
}

.arrival-listings .content .special-price{
    display: flex;
    align-items: center;
    justify-content: center;
}

.arrival-listings .content .special-price label{
    color: #d70202;
    margin: 0;
    vertical-align: middle;
}

.arrival-listings .content .special-price label > sub{
    position: static;
    margin: 0 5px 0;
}

.custom-crousel .bannerContentSec{
    padding: 0 15px;
}

html[lang="ar"] .bannerContentSec{
    direction: rtl;
    text-align: right;
}

html[lang="ar"] .arrival-listings .content .special-price{
    flex-direction: row-reverse;
}

html[lang="ar"] .arrival-listings .content .special-price label{
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

@media(max-width: 1366px){
    .new-arrival .slick-slide img{
        height: 292px;
    }
}

@media(max-width: 1024px){
    .new-arrival .slick-slide img{
        height: auto;
    }
}

@media(max-width: 767px){

    .slide-title{
        font-size: 20px;
        margin: 0 10px 15px;
    }

    .slider-gray{
        padding: 30px;
    }

    .arrival-listings .content .title > a{
        font-size: 13px;
    }

    .arrival-listings .content .price{
        font-size: 13px;
    }
}.version-2 .slick-prev,
.version-2 .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    margin-top: -15px;
    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;
    z-index: 98;
}

.version-2 .slick-prev{
    left: 10px;
}

.version-2 .slick-next{
    right: 15px;
}

.version-2 .slick-prev:before,
.version-2 .slick-next:before {
    font-size: 30px;
    line-height: 1;
    color: #fff;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.version-2 .slick-prev:before {
    content: "←";
}

.version-2 .slick-next:before {
    content: "→";
}

.version-2 .slick-arrow:before,
.version-2 .slick-arrow:after {
    color: #000;
}

.version-2 .box{
    position: relative;
    border-radius: 10px;
    margin-right: 10px;
}

.version-2 .box .wrapper:hover{
    box-shadow: 0 3px 10px rgb(52 54 73/20%);
}

.version-2 .box img{
    border-radius: 7px;
    width: 100%;
}

.version-2 .box .txt-box{
    background: rgba(255,255,255,.8);
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 3px 10px;
}

.version-2 .box .txt-box a{
    color: #000;
    overflow: hidden;
    font-size: .875em;
}

.version-2 .box .wrapper:hover .txt-box a{
    text-decoration: underline;
}

html[lang="ar"] .version-2 .box .txt-box{
    text-align: right;
}.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-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);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-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.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-loading .slick-list {
    background: #fff slick-image-url("../../frontend/Crocs/AR/ar_SA/css/ajax-loader.gif") center center no-repeat;
}
.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-size: 30px;
    line-height: 1;
    color: #fff;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
    left: 15px;
    z-index: 9;
}
[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}
.slick-prev:before {
    content: "←";
}
[dir="rtl"] .slick-prev:before {
    content: "→";
}
.slick-next {
    right: 15px;
    z-index: 9;
}
[dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
}
.slick-next:before {
    content: "→";
}
[dir="rtl"] .slick-next:before {
    content: "←";
}
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}
.slick-dots {
    position: absolute;
    bottom: 18px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}
.slick-dots li {
    border: 1px solid #000;
    border-radius: 100%;
    position: relative;
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li.slick-active{
    background: #000;
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 10px;
    width: 10px;
    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: 10px;
    height: 10px;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    color: #000;
    opacity: 0.75;
}/**
 * Swiper 9.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 10, 2023
 */

 @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}html[lang="ar"] .cms-returns-information{
    text-align: right;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.brand-page-heading {
    font-size: 2.2307692307692em;
    font-family: "proximanova-bold";
    text-transform: uppercase;
    text-align: center;
    margin: 15px 0;
}
.brand-links {
    background: #fff;
    margin-bottom: 7px;
}
.brand-links ul.top-cat {
    display: table;
    margin: 0 auto;
}
.brand-links ul.top-cat li {
    padding: 0 25px;
    display: inline-block;
}
.brand-links ul.top-cat li a {
    text-transform: uppercase;
    color: #999;
    font-size: 1.0769230769231em;
    padding: 20px 0;
    display: block;
    text-align: center;
    position: relative;
    cursor: pointer;
}
.brand-links ul.top-cat li a:hover,
.brand-links ul.top-cat li a.active {
    color: #000;
}
.brand-links ul.top-cat li a:hover:before,
.brand-links ul.top-cat li a.active:before {
    position: absolute;
    bottom: -2px;
    left: 50%;
    content: "";
    background: url(../../frontend/Crocs/AR/ar_SA/images/sprite.png) -975px -264px;
    width: 14px;
    height: 8px;
    margin-left: -7px;
}
.brand-links hr {
    margin: 0;
    border-bottom: solid 1px #ababab;
}
.brand-alphabet {
    display: table;
    margin: 0 auto;
    padding: 12px 0;
}
.brand-alphabet li {
    padding: 0 13px;
    display: inline-block;
}
.brand-alphabet li a {
    text-transform: uppercase;
    color: #999;
    font-size: 1.0769230769231em;
    display: block;
    text-align: center;
    position: relative;
}
.brand-alphabet li a:hover,
.brand-alphabet li a.active {
    color: #000;
    font-family: "proximanova-bold";
}
.brand-listing {
    border-top: solid 7px #f5f5f5;
    margin-bottom: 35px;
}
.brand-listing > ul > li {
    padding: 20px 25px;
    display: inline-block;
    vertical-align: top;
    min-width: 210px;
}
.brand-listing > ul > li > h5 {
    border: solid 1px #000;
    color: #000;
    text-transform: uppercase;
    font-size: 1.1538461538462em;
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 21px;
    margin-bottom: 7px;
}
.brand-listing > ul > li > ul > li {
    line-height: 22px;
}
.brand-listing > ul > li.active-sec {
    width: 100%;
}
.brand-listing > ul > li.active-sec > ul > li {
    display: inline-block;
    vertical-align: top;
    width: 23%;
    margin-bottom: 10px;
}
.wrapper-404 {
    margin: 35px 0 40px;
    background: #fff;
    padding: 60px 0;
    width: 100%;
    text-align: center;
    color: #999;
    font-size: 1.38462em;
}
.wrapper-404 h4 {
    text-transform: uppercase;
    color: #39393b;
    font-family: "proximanova-bold";
    margin-bottom: 45px;
}
.wrapper-404 h4 span {
    color: #d2232a;
}
.wrapper-404 > span {
    color: #666;
    text-transform: uppercase;
    margin: 17px 0;
    display: block;
}
.wrapper-404 p {
    margin-bottom: 20px;
    line-height: 33px;
}
.wrapper-404 p > a {
    color: #d7b59e;
    text-decoration: underline;
}
.wrapper-404 > a {
    display: table;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 auto;
    padding: 13px 23px;
}
.cms-outer-wrapper {
    margin: 8px 0 43px;
    background: #fff;
    padding: 35px 115px 30px;
    color: #333;
}
.cms-outer-wrapper h1 {
    font-size: 2.2307692307692em;
    text-transform: uppercase;
    font-family: "proximanova-bold";
    letter-spacing: 5px;
    border-bottom: solid 1px #ccc;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.cms-outer-wrapper > h3 {
    font-size: 1.6153846153846em;
    font-style: italic;
    margin-bottom: 25px;
}
.cms-outer-wrapper > span {
    display: block;
    font-size: 1.1538461538462em;
    margin-bottom: 27px;
    line-height: 24px;
}
.cms-outer-wrapper > p {
    line-height: 21px;
    margin-bottom: 20px;
}
.privacy-policy-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.privacy-policy-list > li {
    margin-bottom: 20px;
    color: #666;
}
.privacy-policy-list h5 {
    position: relative;
    background: #f6f6f6;
    padding: 10px 30px;
    margin-bottom: 5px;
    color: #333;
    cursor: pointer;
    font-size: 1.125rem;
    font-family: "proximanova-bold";
}
.privacy-policy-list h5:before {
    position: absolute;
    content: "Q.";
    right: 10px;
    top: 9px;
    color: #333;
}

.privacy-policy-list div strong {
    display: block;
    color: #333;
    font-weight: 400;
    margin-bottom: 5px;
}
.privacy-policy-list .ans{
    position: relative;
    line-height: 20px;
    padding: 0 30px;
    margin-top: 20px;
    margin-bottom: 15px;
}
.privacy-policy-list .ans:before {
    position: absolute;
    content: "A.";
    right: 10px;
    top: 0;
    color: #333;
}
.privacy-policy-list ol {
    margin: 15px 0;
    list-style-type: disc;
    list-style-position: inside;
}
.privacy-policy-list ol strong {
    display: block;
    color: #333;
    font-weight: 400;
    margin-bottom: 12px;
}
.privacy-policy-list ol li {
    margin-bottom: 10px;
}
.privacy-policy-list .tab-title{
    position: relative;
}
.privacy-policy-list .tab-title.active div:after{
    transform: translateY(-50%) rotate(45deg);
}
.privacy-policy-list .tab-title div:after{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 10px;
    font-family: symbolset-icon;
    content: '\0002B';
    font-size: .75em;
    line-height: 1.5;
    transform: translateY(-50%);
    transition: all .3s;
    cursor: pointer;
}
.return-info > li {
    margin-bottom: 20px;
    color: #666;
}
.return-info li h5 {
    position: relative;
    background: #f6f6f6;
    padding: 10px;
    margin-bottom: 5px;
    color: #333;
}
.return-info li p {
    line-height: 20px;
    padding: 0 10px;
    margin-top: 15px;
}
.return-info li p strong {
    display: block;
    color: #333;
    font-weight: 400;
    margin-bottom: 5px;
}
.return-info li ol {
    margin: 10px 0 10px 26px;
    list-style-type: disc;
    list-style-position: outside;
}
.return-info li ol strong {
    display: block;
    color: #333;
    font-weight: 400;
    margin-bottom: 12px;
}
.return-info li ol li {
    margin-bottom: 10px;
    line-height: 20px;
}
.shipping-heads {
    margin: 0 15px 0 0;
    list-style-type: disc;
    list-style-position: outside;
    padding: 0;
}
.shipping-heads strong {
    display: block;
    color: #333;
    font-weight: 400;
    margin-bottom: 12px;
}
.shipping-heads li {
    margin-bottom: 10px;
}

.shipping-policy-listing{
    display: flex;
    flex-wrap: wrap;
}

.shipping-policy-listing > li{
    width: calc(97% / 3);
    margin-left: 1.5%;
    margin-bottom: 20px;
}

.shipping-policy-listing > li:nth-of-type(3n){
    margin-left: 0;
}

.shipping-policy-listing > li h6 {
    text-transform: uppercase;
    background: #f6f6f6;
    color: #333;
    padding: 8px 10px;
    font-family: "proximanova-bold";
    margin: 0;
}
.shipping-policy-listing > li ol {
    list-style-position: outside;
    padding: 10px 25px;
    border: solid 1px #e7e7e7;
    border-top: none;
}
.shipping-policy-listing > li ol li {
    line-height: 23px;
    list-style-type: disc;
    margin: 0 0 5px 8px;
}
.ramadan-page-wrapper img {
    width: 100%;
}
.ramadan-top-banner {
    margin-bottom: 15px;
}
.ramadan-mid-banner div {
    width: 49.5%;
    margin-bottom: 10px;
}
.ramadan-mid-banner div:first-child {
    float: left;
}
.ramadan-mid-banner div:last-child {
    float: right;
}
.ramadan-bottom-banner div {
    width: 32.6%;
    margin-bottom: 20px;
}
.ramadan-bottom-banner div:nth-child(1) {
    float: left;
}
.ramadan-bottom-banner div:nth-child(2) {
    float: left;
    margin: 0 1%;
}
.ramadan-bottom-banner div:nth-child(3) {
    float: right;
}
.faq_title h2 {
    font-size: 2em;
    font-family: "proximanova-bold";
    letter-spacing: 4px;
    color: #333;
    margin: 20px 0;
    text-align: center;
}
.faq_wrapper {
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}
.faq_sidebar {
    background: #fff;
    padding: 20px;
    min-height: 850px;
    font-size: 1em;
    text-align: right;
}
.faq_sidebar ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.faq_sidebar li a {
    color: #000;
    display: block;
    padding: 12px 15px;
    border-bottom: 1px solid #ddd;
    border-right: 2px solid transparent;
    font-family: "proximanova-bold";
}

.faq_sidebar li.active a {
    color: #000;
    border-right: 2px solid #000;
}
.faq_sidebar li a:hover{
    text-decoration: none;
}
.faq_sidebar li:first-child a {
    border-top: 1px solid #ddd;
}
.faq_sidebar li span {
    display: inline-block;
    vertical-align: middle;
}
.faq_sidebar li span:last-child {
    max-width: 80%;
}
.faq_sidebar li .faq_query_ico{
    float: right;
}
.faq-outer-wrapper {
    padding: 30px 20px;
    background: #fff;
    display: none;
    text-align: right;
}
.faq-outer-wrapper.visible {
    display: block;
}
.faq-outer-wrapper h2 {
    font-size: 1.3846153846154em;
    padding-bottom: 10px;
    border-bottom: 1px solid #999;
    margin-bottom: 10px;
    font-family: "proximanova-bold";
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}
.faq_query_icon,
.faq_pay_icon,
.faq_merchant_icon,
.faq_return_icon,
.faq_shipping_icon,
.faq_privacy_icon,
.faq_register_icon {
    background: url(../../frontend/Crocs/AR/ar_SA/images/sprite.png) no-repeat;
    margin-right: 15px;
    display: inline-block;
    text-indent: -999px;
}
.faq_query_icon {
    width: 22px;
    height: 22px;
    background-position: -62px -741px;
}
.faq_pay_icon {
    width: 20px;
    height: 14px;
    background-position: -62px -781px;
}
.faq_merchant_icon {
    width: 22px;
    height: 20px;
    background-position: -62px -815px;
}
.faq_return_icon {
    width: 23px;
    height: 23px;
    background-position: -62px -855px;
}
.faq_shipping_icon {
    width: 24px;
    height: 18px;
    background-position: -63px -899px;
}
.faq_privacy_icon {
    width: 21px;
    height: 23px;
    background-position: -62px -938px;
}
.faq_register_icon {
    width: 20px;
    height: 19px;
    background-position: -62px -981px;
}
.faq_sidebar li.active .faq_query_icon {
    background-position: -96px -741px;
}
.faq_sidebar li.active .faq_pay_icon {
    background-position: -96px -781px;
}
.faq_sidebar li.active .faq_merchant_icon {
    background-position: -96px -815px;
}
.faq_sidebar li.active .faq_return_icon {
    background-position: -96px -855px;
}
.faq_sidebar li.active .faq_shipping_icon {
    background-position: -97px -899px;
}
.faq_sidebar li.active .faq_privacy_icon {
    background-position: -96px -938px;
}
.faq_sidebar li.active .faq_register_icon {
    background-position: -96px -981px;
}
.faq-outer-wrapper .faq_query_icon {
    background-position: -95px -741px;
    margin-left: 10px;
    text-indent: -999px;
    float: right;
    font-size: 0;
    margin-right: 0;
}
.faq_sidebar ul li.active .faq_icon img{
    opacity: 1;
}
.faq_sidebar ul li .faq_icon img{
    margin-left: 12px;
}
.faq_tabs .privacy-policy-list .faq_icon{
    margin-left: 10px;
}

.loading-mask {
    background: rgba(0, 0, 0, 0.6);
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 999;
}
.loading-mask .loader {
    background: #fff;
    border-radius: 60px;
    width: 60px;
    height: 60px;
    position: relative;
    top: 40%;
    display: inline-block;
}
.loading-mask .loader img {
    position: relative !important;
}
.city-collection {
    border-bottom: 1px solid #ccc;
    text-align: right;
    direction: rtl;
}
.city-collection .select-style {
    margin: 20px 0;
    position: relative;
    min-width: 500px;
    display: inline-block;
}
.city-collection .select-style:after {
    position: absolute;
    top: 50%;
    margin-top: -3px;
    left: 8px;
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #6f6f6f;
}
.city-collection .select-style select {
    position: relative;
    z-index: 9;
    border: 1px solid #ccc;
    color: #656565;
    font-size: 14px;
    height: 36px;
    width: 100%;
    background: transparent;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 6px 6px 6px 30px;
}
.store-collection {
    margin-top: 20px;
}
.store-collection .store-collection_head .title {
    font-family: "proximanova-bold";
    color: #434343;
    font-size: 14px;
    float: left;
}
.store-collection .store-collection_head .store_length {
    color: #434343;
    font-size: 14px;
    float: right;
}
.store-collection .stores {
    margin: 0;
    padding: 0;
    max-height: 640px;
    overflow-y: scroll;
}
.store-collection .stores li {
    cursor: pointer;
    border: 1px solid #e1e1e1;
    padding: 15px;
    margin-bottom: 9px;
    text-align: right;
}
.store-collection .stores li:first-child {
    margin-top: 10px;
}
.store-collection .stores li h1 {
    font-family: "proximanova-bold";
    font-size: 18px;
    margin: 0;
}
.store-collection .stores li:hover {
    border: 1px solid #989898;
    background: #f6f6f6;
}
.mapBox {
    min-height: 640px;
    margin-top: 53px;
    margin-bottom: 30px;
}

.shipping-policy-listing{
    display: flex;
    flex-wrap: wrap;
}

.cms-page-view .page-main .column.main h3 {
    margin: 0 0 5px;
    color: #000;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: normal;
}

.cms-page-view .page-main h1 {
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 30px 0 30px;
    text-align: center;
}

.store-locator-main{
    margin: 0 0 40px;
}

.store-locator-main .store-locator-list-main{
    display: none;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

.store-locator-main #store-locator-select-main{
    margin: 0 0 20px;
    text-align: right;
}

.store-locator-main .store-locator-list-main li{
    width: calc(100% / 3 - 13.4px);
    border: 1px solid #808080;
    margin: 0 0 20px 20px;
    padding: 15px;
    text-align: right;
    transition: 0.5s linear background;
}

.store-locator-main .store-locator-list-main li:hover{
    background: #dddddd;
}

.store-locator-main .store-locator-list-main li .name{
    color: #2a7ab0;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin: 0 0 5px;
}

.store-locator-main .store-locator-list-main li .location{
    margin: 0 0 5px;
    padding: 0 20px 0 0;
    position: relative;
}

.store-locator-main .store-locator-list-main li .location:before{
    content: "\f124";
    font-family: 'FontAwesome';
    margin: 0 0 0 7px;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(-1);
}

.store-locator-main .store-locator-list-main li .mobile{
    margin: 0 0 0;
    padding: 0 20px 0 0;
    position: relative;
}

.store-locator-main .store-locator-list-main li .mobile:before{
    content: "\f095";
    font-family: 'FontAwesome';
    margin: 0 0 0 7px;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(-1);
}
/* chnage */

body {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.cms-collaboration .loader p{
    display:none;
}


.main_container {
    display: flex;
    margin: auto;
    flex-direction: column;
    height: auto;
    justify-content: center;
}

.main_container h1 {
    text-align: center;
}

.main_container h2 {
    text-align: center !important;
    font-size: 22px;
    margin-bottom: 13px;
    font-family: proxima_novaextrabold, Arial, sans-serif !important;
    font-weight: 1000 !important;
    font-size: 22px !important;
    line-height: 1.3;
    background-color: #f6f6f6 !important;
    margin-bottom: 0px !important;
    padding-bottom: 19px !important;
    padding-top: 20px !important;
}

.main_container p {
    text-align: center;
}

.Product_card {
    display: flex;
    justify-content: center;
    margin-top: -75px;
}

.Crocs_colabration p {
    font-family: proxima_novaregular, Arial, sans-serif !important;
    line-height: 1.2;
    margin-bottom: 49px;
    margin-top: -13px;
    font-size: 16px;
    font-weight: 400;
    padding: 0px 29px;
    latter-spacing: -6px;
}

.main_container .offer-contact-campains {
    text-align: center;
    z-index: 1;
    margin-bottom: 0px;
    background-color: #f6f6f6;
}

.main_container .actions {
    padding: 8px;
    display: none;
}

.main_container .actions p {
    font-size: 14px;
    margin-top: 10px;
    padding: -1px 19px;
    font-weight: 400;
    padding: 0px 0px;
}

.main_container .subscribe {
    color: white;
    background-color: #006da4;
    width: 12rem;
    padding-bottom: 13px;
    margin-top: 0px;
    padding-top: 15px;
    height: 113%;
    font-family: proxima_novaregular, Arial, sans-serif;
    font-weight: 1000;
    text-align: center;
}

.main_container input[type="email"] {

    /* padding-left: 10px; */
    /* padding-top: 7px; */
    /* padding-bottom: 9px; */
    padding: 7px;
    width: 32rem;
text-align: end;}

.Crocs_colabration h1 {
    margin-bottom: 31p !important;
    font-weight: 1000 !important;
    padding: 0px 13px !important;
    line-height: 1 !important;
    font-family: proxima_novaextrabold, Arial, sans-serif !important;
    font-size: 3em;
    margin-top: 33px !important;
    letter-spacing: 1px !important;
    /* font-size: 3em !important; */
}

.singup_page h1 {
    text-align: center;
    font-size: 22px;
    line-height: 1.3;
    margin-bottom: 17px;
    font-family: proxima_novaextrabold, Arial, sans-serif !important;
    font-weight: 1000;
}

.singup_page input[type=text] {
    margin: auto;
    display: block;
    width: 457px;
    margin-bottom: 61px;
    padding: 10px;
}

.paragraph-text {
    margin-bottom: 0px;
}

.main_container .control.email {
    padding-bottom: 31px;
}

.ncol a p {
    padding-top: 4px;
    color: black;
    font-weight: 700;
    font-size: 13.5px;
    text-decoration: underline;
    margin-top: -15px;
}

.ncol {
    width: 48%;

    margin-bottom: 8px;
    padding-right: 6px;
    padding-left: 0px;
}

.ncol p {
    text-align: start;
    font-size: 13.5px;
    font-family: proxima_novaregular, Arial, sans-serif !important;
    line-height: 16px;
    padding-left: 14px;
    margin-right: 17px;margin-top: 4px;
    float: right;/* text-align: right; */text-align: right;/* margin-bottom: 4px; */
    /* float: left; *//* text-transform: uppercase; */
}
.nrow {
    margin-top: 90px;
    margin-bottom: 49px;
    width: 52rem;
    gap: 26px;
    padding: 0px;
    padding-top: 40px;
    display: flex;
    flex-wrap: wrap;
flex-direction: row-reverse;
}


#img1 {
     max-width: 93%; */
    /* margin-left: 18px; */
    margin-bottom: 9px;
    margin-right: 15px;
    float: right;
}

.img2 {
    margin-left: 13px;
    padding-bottom: 6px;
}

.sp {
    margin-top: 17px !important;
    font-size: 11px !important;
    text-transform: uppercase;
    float: revert;font-family: proxima_novaregular, Arial, sans-serif !important;
}
.main_container .campign-msg{
    padding-top: 53px;
    padding-bottom: 65px;
    padding-left: 6px;
    padding-right: 6px;   
   }

.main_container .campign-msg h3{
    font-size: 23.6px!important;
    font-family: proxima_novaextrabold,Arial,sans-serif!important;
    font-weight: 938!important;
    letter-spacing: 1px!important;
    padding-bottom: 6px!important;
    word-spacing: -1px;
  }

 .main_container .campign-msg p{
    color: black;
    font-size: 15px;
    font-weight: 829!important;
    font-family: proxima_novaregular, Arial, sans-serif;
  }



.buttons-section{
    max-width: 650px;
    margin: 0 auto;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

.buttons-section .buttons-section-heading{
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    padding-bottom: 15px;
}

.buttons-section-button-list{
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    flex-wrap: wrap;
}

.buttons-section-button-list li{
    width: 50%;
    text-align: center;
}

.buttons-section-button-list .buttons-section-left{
    padding-left: 12px;
    padding-bottom: 20px;
}

.buttons-section-button-list .buttons-section-right{
    padding-right: 12px;
    padding-bottom: 20px;
}

.buttons-section-button-list a{
    width:100%;
    font-size: 18px;
    margin: 0;
}

.buttons-section-button-list a:hover{
    background-color: #444;
    color:#fff
}
.homepage-accordion{
    padding-bottom: 30px;
    max-width: 650px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    width: 100%;
}
.homepage-accordion .homepage-accordion-list{
    display: flex;
    flex-wrap: wrap;
}
.homepage-accordion .homepage-accordion-list li{
    width: 100%;
}

.homepage-accordion .homepage-accordion-title:first-of-type{
    border-top:1px solid #ccc;
}

.homepage-accordion .homepage-accordion-title{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    text-align: right;
    padding: 20px 0px;
    font-size: 20px;
    line-height: 1.2;
    border-left:0px;
    border-right:0px;
    cursor:pointer;
}

.homepage-accordion .homepage-accordion-title::after{
    content: '\0002B';
    font-size: 1.3em;
    font-weight: 700;
    margin-left: 8px;
    margin-right: 15px;
    transition: 0.2s linear all;
}

.homepage-accordion .active .homepage-accordion-title::after{
    transform: rotate(45deg);
}

.homepage-accordion .homepage-accordion-description{
    font-size: 1em;
    line-height: 1.5;
    padding:15px 0px;
    padding-bottom: 35px;
    text-align: right;
    direction: rtl;
    border-top:1px solid #ccc;
}

.homepage-accordion .item3-title{
    border-bottom:1px solid #ccc;
}

.homepage-accordion .item3-description{
    border-bottom:1px solid #ccc;
    border-top:0;
}

.homepage-accordion .homepage-accordion-description a{
    text-decoration: none;
    font-weight: 700;
    color:#444;
}

.contact-us-container{
    display: grid;
    direction: rtl;
    grid-template-columns: 40% 60%;
    padding: 15px;
    font-family: "proximanova-regular",Arial,sans-serif;
}

.contact-us-container .quick-links{
    display: flex;
    text-align: right;
    margin: 0.625em 0;
}

.contact-us-container .quick-links li{
    padding: 3px 5px 3px 5px;
    border-left: 2px solid transparent;
}

.contact-us-container .quick-links li a{
    font-size: 1em;
    text-decoration: none;
    color:#000;
}

.contact-us-container .quick-links li a:hover{
    text-decoration: underline;
}

.contact-us-container .quick-links .active{
    border-right: 2px solid #84bd00;
}

.contact-us-container .quick-links .quick-links-highlight{
    font-weight: 700;
    font-size: 1.25rem;
}

.contact-us-container .contact-us-methods{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.contact-us-container .contact-us-methods .contact-us-method{
    width: 100%;
    padding-bottom: 35px;
}

.contact-us-container .contact-us-methods .contact-us-method h2{
    color: #006da4;
    font-size: 1.25em;
    font-weight: 700;
    margin: 0.625em 0;
}

.contact-us-container .contact-us-methods .contact-us-method .contact-us-content{
    color: #000;
    background-color: #ebebeb;
    border-top: 2px solid #ccc;
    padding: 20px 15px;
    font-size: 20px;
}

.contact-us-container .contact-us-methods .contact-us-method .contact-us-content p{
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
}

.contact-us-container .contact-us-methods .contact-us-method .contact-us-content p a{
    text-decoration: none;
    color: #000;
}

.contact-us-container .contact-us-methods .contact-us-method .contact-us-content p a:hover{
    text-decoration: underline;
}

.contact-us-container .contact-us-methods .contact-us-method .contact-us-content .contact-number-alignment{
    direction: ltr;
}

.contact-us-content .contact-us-cta {
    display: flex;
    justify-content: center;
    width: 100%;
}

.contact-us-content .contact-us-cta .contact-us-cta-button{
    border-color: #000;
    background-color: #000;
    color: #fff;
    padding: 15px 25px;
    cursor: pointer;
    width: 50%;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    transition: 200ms;
    box-sizing: border-box;
    letter-spacing: 1px;
    margin-top: 1rem;
}

.contact-us-content .contact-us-cta .contact-us-cta-button:hover{
    text-decoration: none;
    background-color: #333;
}

.crocs_purpose_Page_sections .Top_Banner .Banner {
    height: 45vw;
    max-height: 958px;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

body {
    box-sizing: border-box;
}


.img_2 {
    display: none;
    margin-left: auto;
    margin-right: auto;
}

.crocs_purpose_Page_sections .text_wrap {
    margin-left: auto;
    margin-right: auto;
    padding: 25px 60px;
    padding-bottom: 2px;
    background: linear-gradient(90deg, rgba(196, 43, 39, 1) 0%, rgba(178, 50, 111, 1) 100%);
}

.crocs_purpose_Page_sections .text_wrap .Second_Head {
    font-family: "proxima_novaextrabold", Arial, sans-serif !important;
    text-transform: uppercase;
    font-weight: 700;
    color: white;
    margin-top: 8px;
    margin-top: 2px;
    -webkit-font-smoothing: antialiased;
    font-size: 4vw;
    line-height: 5vw;
}
.crocs_purpose_Page_sections .text_wrap .First_Head {
    text-align: center;
    text-transform: uppercase;
    font-family: sans-serif;
    font-weight: 400;
    color: white;
    margin: 0px;
    padding: 0px;
    font-size: 4vw;
    line-height: 5vw;
}

.crocs_purpose_Page_sections .disclaimer {
    font-family: sans-serif;
    font-size: 15px;
    text-align: center;
    color: white;
}
.crocs_purpose_Page_sections .Top_Banner .Banner {
    background: url(../../frontend/Crocs/AR/ar_SA/images/Backgr_Up_480.webp) no-repeat center;
    background-size: cover;
    height: 625px;
}
.text_wrap .D-SM-NONE {
    display: none !important;
}

.Purpose_video_F_wrapper_desk::before {
    padding-top: 56.25%;
}

.Purpose_video_F_wrapper_MOB::before {
    padding-top: 100%;
}

.Purpose_video_F_wrapper::before {
    display: block;
    content: "";
}
.Purpose_video_F_wrapper {
    margin: 91px auto 113px;
    position: relative;
    padding: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding-left: 0px;
    padding-right: 0px;
}

.Purpose_video_F_wrapper video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.text_pargraph {
    font-size: 35px;
    line-height: 42px;
    color: #000;
    font-family: 'proximanova-regular';
    font-weight: 400;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0px;
    margin-top: 0px;
}
._P {
    display: none;

}

.dn {
    display: none !important;
}

.Purpos_text_content_F {
    font-size: 65px;
    line-height: 64px;
    margin-top: 100px;
    margin-bottom: 45px;
    color: #60B344;
    font-family: 'proximanova-bold';
    font-weight: 700;
    text-align: center;
    box-sizing: border-box;
}

.md {
    display: none;
}

.md_1 {
    display: block;
}
.hero_text .hero_button_block {
    width: 100%;
    display: flex;
    align-items: center !important;
    justify-content: center;
    flex-direction: column;
    margin-right: auto;
}

.hero_text .hero_button_block .btn_links {
    margin-top: 100px;
    max-width: 960px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap !important;
    justify-content: space-evenly;
}
.hero_text .hero_button_block .btn_links span {
    padding: 13px 10px 12px 10px;
    background-color: #000;
    border: #000 solid 2px;
    line-height: 18px;
    font-size: 18px;
    color: white;
    display: inline-block;
    margin: 6px 0;
    height: auto;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'proximanova-bold';
    text-align: center;
}

.hero_text .hero_button_block .btn_links :hover {
    color: black;
    cursor: pointer;
    background-color: white;
}
.Purpose_Card .container {
    margin-top: 0px;
    width: 100%;
    max-width: 1400px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}
.Purpose_Card .container li {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
    position: relative;
    flex-wrap: wrap;
    align-self: baseline;
}

.Purpose_Card .container li:nth-child(1) .Text_wrap {
    border-top: solid 20px #FE5C9D
}

.Purpose_Card .container li:nth-child(2) .Text_wrap {
    border-top: solid 20px #0075C4;
}

.Purpose_Card .container li:nth-child(3) .Text_wrap {
    border-top: solid 20px #60B344;
}

.Purpose_Card .container li .Text_wrap {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 0 3px rgb(0 0 0 / 12%), 0 1px 3px rgb(0 0 0 / 24%);
    padding: 60px 0;
    max-width: 470px;
    margin: 7.5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

.Purpose_Card .container li .Text_wrap p {
    max-width: 348px;
    text-align: center;
    color: #000;
    font-size: 18px;
    line-height: 22px;
    padding: 0px;
    margin: 0px;
    font-family: 'proximanova-regular';
}

.Purpose_Card .container li .Text_wrap h3 {
    color: #000;
    padding: 0px;
    margin: 0px !important;
    margin-bottom: 15px!important;
    font-size: 35px !important;
    line-height: 40px !important;
    font-family: 'proximanova-bold';
    font-weight: 1000;
    text-transform: uppercase !important;
    text-align: center;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.comfort-overview {
    padding-bottom: 97px;
}


.comfort-overview .comfort_container {
    max-width: 1700px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}

.comfort-overview .comfort_cards_cont {
    max-width: 100%;
    margin-top: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    scroll-margin-top: 140px;
}

.comfort-overview .comfort_cards_cont .comf_img {
    flex: 0 0 50%;
    max-width: 50%;
}

.comfort-overview .comfort_cards_cont .comf_img img {
    max-width: 100%;

}

.comfort-overview .comfort_cards_cont .comf_text_img {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 45px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.comfort-overview .community .comf_text_img {
    align-items: flex-end;
}

.comf_text_img .comfort_lower_p a b{
    color: black;
}

.comfort-overview .comfort_cards_cont .comf_text_img .comfrt_p {
    font-size: 19px;
    line-height: 28px;
    margin-bottom: 30px;
    margin-top: 0px;
    max-width: 465px;
    font-family: 'proximanova-regular';
    font-weight: 400;
    text-align: left;
}

.comfort-overview .community .comf_text_img .comfrt_p {
    text-align: right;
}



.comfort-overview .comfort_cards_cont .comf_text_img .comfort_lower_p {
    padding-top: 15px;
    margin-top: 15px;
    text-align: left;
    margin-bottom: 30px;
}

.comfort-overview .community .comf_text_img .comfort_lower_p {
    text-align: right;
}


.comfort-overview .comfort_cards_cont .comf_img #over_3 {
    margin-left: auto;
}

.community #over_3 {
    margin-left: 0px !important;
}


.comfort-overview .comfort_cards_cont .comf_text_img span {
    padding: 13px 10px 12px 10px;
    background-color: #000;
    border: #000 solid 2px;
    line-height: 18px;
    font-size: 18px;
    color: #fff;
    width: 240px;
    margin: 6px 0;
    border-radius: 0;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    font-family: 'proximanova-bold';
}
.comfort-overview .comfort_cards_cont .comf_text_img span:hover{
    color: #000;
    cursor: pointer;
    background-color: #fff;
}

.community {
    flex-direction: row-reverse !important;
}

.dlgn {
    display: none !important;
}

.dlgbl {
    display: block !important;
}


.dnfs {
    display: none !important;
}

.d_sm_b {
    display: block !important;
}
.comfort-overview .comfort_cards_cont .comf_text_img .comfort_lower_p a b{
    color:black;
}

/* CROCS CARE PAGE STYLES */
.cc-container{
    display: flex;
    flex-direction: column;
    direction: rtl;
    text-align: right;
}

.cc-container .main-heading h1{
    font-family: 'proximanova-bold';
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    width: 100%;
    background-color: rgb(151, 194, 78);
    padding: 40px 15px;
    text-transform: uppercase;
    margin: 0;
}

.cc-container .cc-content{
    padding: 30px 0;
}

.cc-container .cc-content .main-para{
    word-break: break-word;
    padding: 0 25px;
}

.cc-container .esy-cln-block{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.cc-container .esy-cln-block .esy-cln-image{
    width: 180px;
    padding: 0 25px;
}

.cc-container .esy-cln-block .esy-cln-image img{
    width: 100%;
}

.cc-container .esy-cln-block .esy-cln-text{
    width: 400px;
    padding: 0 25px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.cc-container .esy-cln-block .esy-cln-text h2{
    font-family: 'proximanova-bold';
    font-size: 1.5rem;
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 1.25;
}

.cc-container .cc-tiles-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.cc-container .cc-tiles-container .cc-tiles{
    display: flex;
    flex-wrap: wrap;
}

.cc-container .cc-tile{
    width: calc(33.3333% - 50px);
    background-color: rgb(240, 243, 250);
    margin: 25px;
    padding: 25px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
}

.cc-container .cc-tile .image-container{
    margin-bottom: 20px;
}

.cc-container .cc-tile .image-container img{
    max-width: 100%;
    width: 211px;
}

.cc-container .cc-tile .text-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    word-break: break-word;
    align-items: center;
    text-align: center;
}

.cc-container .cc-tile .text-container h4{
    font-family: 'proximanova-bold';
    color: #046ca4;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.25;
}

.cc-container .cc-tile .text-container p{
    text-align: center;
}
/* How to Clean your Crocs CSS */

.clean-your-crocs .banner-section{
    position: relative;
    width: 100%;
}
.clean-your-crocs .banner-section img{
    width: 100%;
}
.clean-your-crocs .banner-section .text-wrap{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 110px;
}
.clean-your-crocs .banner-section .text-wrap .cx-clean-title{
    text-align: center;
    font-size: 50px;
    font-family: 'proximanova-bold';
}
.clean-your-crocs .cx-guide{
    background-color: #F2F2F2;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.cms-care-cleaning .clean-your-crocs .cx-guide .cx-guide-title{
    font-size: 32px;
    max-width: 400px;
    width: 90vw;
    text-align: center;
    margin-bottom: 15px;
    font-family: 'proximanova-bold';
    padding-top: 0;
    line-height: 32px;
}
.clean-your-crocs .cx-guide p{
    font-size: 16px;
    text-align: center;
    line-height: 20px;
    max-width: 400px;
    width: 90vw;
}
.clean-your-crocs .cx-clean-tips{
    flex-direction: row-reverse;
    padding-top: 50px;
    padding-bottom: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.clean-your-crocs .cx-clean-tips .group-1, .clean-your-crocs .cx-clean-tips .group-2{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.clean-your-crocs .cx-clean-tips .group-1 img{
    width: 140px;
    margin-bottom: 35px;
    padding-top: unset;
    margin-top: -40px;
}
.clean-your-crocs .cx-clean-tips .group-2 img{
    width: 100px;
    margin-bottom: 35px
}
.clean-your-crocs .cx-clean-tips .group-1 h4, .clean-your-crocs .cx-clean-tips .group-2 h4{
    color: #141215;
    font-size: 23px;
    margin-bottom: 35px;
    font-family: 'proximanova-bold';
}
.clean-your-crocs .cx-clean-tips .group-1 p, .clean-your-crocs .cx-clean-tips .group-2 p{
    max-width: 302px;
    width: 95%;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}
.clean-your-crocs .cx-clean-tips .or{
    height: 104px;
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 25px;
}
.clean-your-crocs .cx-airDry{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 25px;
}
.clean-your-crocs .cx-airDry img{
    max-width: 420px;
    width: 95%;
    margin-bottom: 15px;
}
.clean-your-crocs .cx-airDry .text-container{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    margin-left: 50px;
}
.clean-your-crocs .cx-airDry .text-container h4{
    font-family: 'proximanova-bold';
    font-size: 23px;
    margin-bottom: 20px;
    margin: 0 0 20px 0;
}
.clean-your-crocs .cx-airDry .text-container p{
    font-size: 16px;
    margin-bottom: 20px;
    max-width: 341px;
    width: 95%;
    line-height: 20px;
    text-align: left;
}
.clean-your-crocs .cx-bottom-banner{
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
    width: 100%;
}

/* END */

/* CROCS CARE PAGE STYLES */
.cc-container{
    display: flex;
    flex-direction: column;
    direction: rtl;
    text-align: right;
}

.cc-container .main-heading h1{
    font-family: 'proximanova-bold';
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    width: 100%;
    background-color: rgb(151, 194, 78);
    padding: 40px 15px;
    text-transform: uppercase;
    margin: 0;
}

.cc-container .cc-content{
    padding: 30px 0;
}

.cc-container .cc-content .main-para{
    word-break: break-word;
    padding: 0 25px;
}

.cc-container .esy-cln-block{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.cc-container .esy-cln-block .esy-cln-image{
    width: 180px;
    padding: 0 25px;
}

.cc-container .esy-cln-block .esy-cln-image img{
    width: 100%;
}

.cc-container .esy-cln-block .esy-cln-text{
    width: 400px;
    padding: 0 25px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.cc-container .esy-cln-block .esy-cln-text h2{
    font-family: 'proximanova-bold';
    font-size: 1.5rem;
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 1.25;
}

.cc-container .cc-tiles-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.cc-container .cc-tiles-container .cc-tiles{
    display: flex;
    flex-wrap: wrap;
}

.cc-container .cc-tile{
    width: calc(33.3333% - 50px);
    background-color: rgb(240, 243, 250);
    margin: 25px;
    padding: 25px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
}

.cc-container .cc-tile .image-container{
    margin-bottom: 20px;
}

.cc-container .cc-tile .image-container img{
    max-width: 100%;
    width: 211px;
}

.cc-container .cc-tile .text-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    word-break: break-word;
    align-items: center;
    text-align: center;
}

.cc-container .cc-tile .text-container h4{
    font-family: 'proximanova-bold';
    color: #046ca4;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.25;
}

.cc-container .cc-tile .text-container p{
    text-align: center;
}

/* ABOUT US PAGE STYLES */
.cms-about-crocs .main-container-outer {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    text-align: right;
    direction: rtl;
}

.cms-about-crocs .fun-facts {
    padding: 35px 0;
}

.cms-about-crocs .fun-facts p {
    line-height: 1.2;
}

.cms-about-crocs .fun-facts .fun-facts-title {
    margin: 0 0 30px 0;
}

.cms-about-crocs .fun-facts .fun-facts-container .fun-facts-intro {
    margin: 0 auto;
}

.cms-about-crocs .fun-facts .fun-facts-items-container .fun-facts-item .fun-facts-description {
    margin-top: 15px;
}

.cms-about-crocs .fun-facts .fun-facts-items-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(25%,auto));
    column-gap: 65px;
}

.cms-about-crocs .fun-facts .fun-facts-items-container .fun-facts-item .fun-facts-description strong {
    font-family: 'proximanova-bold', Arial, sans-serif;
}

.cms-about-crocs .fun-facts .fun-facts-items-container .fun-facts-item .fun-facts-number {
    font-family: 'proximanova-bold', Arial, sans-serif;
    font-size: 55px;
    color: #7fbc42;
    border-bottom: 9px solid;
    overflow: hidden;
    word-wrap: break-word;
}

.cms-about-crocs .crocs-cares-container {
    color: #fff;
    padding: 100px 0;
    background-position: center !important;
    background-size: cover !important;
}

.cms-about-crocs .crocs-cares-container-content .crocs-cares-content {
    padding: 0 15px;
    max-width: 410px;
    text-align: right;
    margin: 0 0 0 auto;
}

.cms-about-crocs .crocs-cares-container-content .crocs-cares-text {
    margin: 1.5rem 0;
}

.cms-about-crocs .investor-relations {
    padding: 210px 0;
    background-image: linear-gradient(to bottom, #557f39, #9dc753, #749d3e);
    color: #fff;
}

.cms-about-crocs .investor-relations .investor-relations-content {
    max-width: 70%;
    margin: 0 auto;
}

.cms-about-crocs .about-us-first-slider,
.cms-about-crocs .about-us-second-slider {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}

.cms-about-crocs .about-us-second-slider {
    height: 670px;
}

.cms-about-crocs .about-us-first-slider.slick-initialized,
.cms-about-crocs .about-us-second-slider.slick-initialized {
    visibility: visible;
    opacity: 1;
    color: #fff;
}

.cms-about-crocs .slick-dots li {
    background: rgba(255, 255, 255, 0.24);
    border: 0;
    width: 20px;
    height: 20px;
    bottom: 0;
}

.cms-about-crocs .slick-dots li.slick-active {
    background: rgba(255, 255, 255, 1);
}

.cms-about-crocs .slick-prev:before {
    content: '\f053';
    font-family: 'FontAwesome';
}

.cms-about-crocs .slick-next:before {
    content: '\f054';
    font-family: 'FontAwesome';
}

.cms-about-crocs .pagebuilder-collage-content {
    max-width: 1200px;
    margin: 0 auto;
}

.cms-about-crocs .about-us-main-slider .first-slider-content {
    max-width: 670px;
    height: 100%;
    color: #fff;
    padding: 30px 30px 50px 30px;
}

.cms-about-crocs .about-us-main-slider .first-slider-title {
    line-height: 1;
}

.cms-about-crocs .about-us-main-slider .first-slider-description {
    margin-top: 40px;
    line-height: 1;
}

.cms-about-crocs .about-us-second-slider .slider-content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.cms-about-crocs .about-us-second-slider .slider-content .slider-description {
    padding: 35px 0;
}

.cms-about-crocs .about-us-second-slider .slider-content::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.cms-about-crocs .about-us-second-slider .slider-content.type-one::after {
    background-image: linear-gradient(to bottom, #822c46, #f2718b);
    opacity: 0.8;
}

.cms-about-crocs .about-us-second-slider .slider-content.type-two::after {
    background-image: linear-gradient(to bottom, #009290, #8eccce, #009290);
    opacity: 0.84;
}

.cms-about-crocs .about-us-second-slider .slider-content .slider-title {
    margin-bottom: 20px;
}

.cms-about-crocs .about-us-second-slider .slider-content.type-one .slider-title span {
    font-family: 'proximanova-bold', Arial, sans-serif;
    margin-bottom: 20px;
    border-bottom: 4px solid;
}

.cms-about-crocs .about-us-second-slider .slider-content.type-one .slider-text {
    line-height: 1.2;
}

.cms-about-crocs .about-us-second-slider .slider-content.type-two .slider-title span {
    border-bottom: 4px solid;
}

.cms-about-crocs .about-us-second-slider .slider-content.type-two .slider-text {
    line-height: 1.2;
    text-transform: capitalize;
}

.cms-about-crocs .main-title {
    font-family: 'proximanova-bold', Arial, sans-serif;
    font-size: 55px;
    text-transform: uppercase;
}

.cms-about-crocs .main-para {
    font-size: 24px;
}

.cms-about-crocs .about-us-first-slider .pagebuilder-slide-wrapper{
    background-size: cover !important;
    background-position: center top !important;
    min-height: 550px !important;
}

.cms-about-crocs .about-us-second-slider .pagebuilder-slide-wrapper{
    background-size: cover !important;
    background-position: center top !important;
    min-height: 670px !important;
}

.main_container .Crocs_colabration .hall-title{
    font-size: 20px;
}
.list-of-links{
    display: block;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 40px;
}

.list-of-links-list{
    display: flex;
    flex-flow: row wrap;
    gap: 20px 10px;
    justify-content: center;
}
.list-of-links-block{
    display: flex;
    flex-direction: column;
    height: 164px;
    width: 219px;
    justify-content: flex-end;
    padding: 0px 20px;
}
.list-of-links-brand-img{
    opacity: .3;
    position: relative;
    transition: opacity .5s;
    z-index: -1;
}
.list-of-links-block:hover:not([disabled],[aria-disabled=true]) .list-of-links-brand-img{
    opacity: 1;
}
.list-of-links-block:hover:not([disabled],[aria-disabled=true]) .list-of-links-product-img{
    margin-top: 0px;
}
.list-of-links-product-img{
    margin-top: -10px;
    position: relative;
    transition: margin-top .5s;
    z-index: 0;
}

.list-of-links-block img{
    display: block;
    height: auto;
    max-width: 100%;
}

@media(min-width: 768px){
    .store-locator-main .store-locator-list-main li:nth-of-type(3n){
        margin-left: 0;
    }
    .crocs_purpose_Page_sections .text_wrap .First_Head {
        font-size: 26px;
        line-height: 36px;
    }

    .crocs_purpose_Page_sections .text_wrap .Second_Head {
        font-size: 26px;
        line-height: 36px;
    }

    .img_1 {
        max-width: 736px;
        margin-top: 90px;
    }


    .dmdn {
        display: none !important;
    }

    .crocs_purpose_Page_sections .text_wrap {
        margin-bottom: 5px;
    }
    .comf_text_img .over_1{
        display: block !important;
    }
}

@media (max-width: 1400px) {
    .ramadan-page-wrapper {
        padding: 0 15px;
    }
}

@media (min-width: 1025px){
    .contact-us-container {
        max-width: 960px;
        margin: 0 auto;
    }
    .crocs_purpose_Page_sections .Top_Banner .Banner {
        background: url(../../frontend/Crocs/AR/ar_SA/images/Backgr_Up_1200.webp) no-repeat center;
        background-size: cover;
        height: 45vw;
        max-height: 958px;
    }

   .crocs_purpose_Page_sections .text_wrap .First_Head {
        font-size: 36px;
        line-height: 43px;
    }

    .crocs_purpose_Page_sections .text_wrap .Second_Head {
        font-size: 36px;
        line-height: 36px;
    }

   

    .dxlb {
        display: block !important;
    }

    .dnfxl {
        display: none !important;
    }

    .dnxlb {
        display: block !important;
    }

    .img_1 {
        margin-top: 150px;
        max-width: 1200px;
    }
}
@media (max-width: 1024px) {
    .cms-about-crocs .fun-facts .fun-facts-items-container .fun-facts-item .fun-facts-number{
        font-size: 45px;
    }
    .cc-container .cc-content .main-para{
        padding: 0 10px;
    }
    .cc-container .esy-cln-block .esy-cln-image{
        width: 20%;
    }
    .cc-container .cc-tile{
        width: calc(33.3333% - 20px);
        margin: 10px;
    }
    .brand-alphabet li {
        padding: 0 10px;
    }
    .brand-listing > ul > li {
        min-width: 195px;
    }
    .faq_sidebar li span:last-child {
        max-width: 76%;
    }
    .brand-listing > ul > li {
        min-width: 257px;
    }
    .brand-alphabet li {
        padding: 6px 5px;
    }
    .brand-alphabet li a {
        width: 20px;
    }
    .cms-outer-wrapper {
        padding: 35px 50px 30px 50px;
    }
    /* .shipping-policy-listing > li {
        width: 45%;
    } */
    .faq_sidebar {
        min-height: auto;
        margin-bottom: 15px;
    }
}
@media (max-width: 800px) {
    .brand-listing > ul > li {
        min-width: 257px;
    }
    .brand-alphabet li {
        padding: 6px 5px;
    }
    .brand-alphabet li a {
        width: 20px;
    }
    .cms-outer-wrapper {
        padding: 35px 50px 30px 50px;
    }
    /* .shipping-policy-listing > li {
        width: 45%;
    } */
    .faq_sidebar {
        min-height: auto;
        margin-bottom: 15px;
        padding: 5px;
    }
    .city-collection .select-style {
        min-width: 100%;
    }
    .mapBox {
        margin-top: 20px;
        min-height: 370px;
    }
    .store-collection .stores {
        display: block;
        overflow-x: scroll;
        overflow-y: inherit;
    }
    .store-collection .stores li {
        display: table-cell;
        border-right: none;
    }
    .store-collection .stores li:last-child {
        border-right: 1px solid #e1e1e1;
    }
    .faq-outer-wrapper{
        padding: 20px 5px;
    }
    .faq_query_icon{
        width: 28px;
    }
    .list-of-links-block{
        height: 126px;
        width: 147px;
    }
    .Crocs_colabration p br{
        display: none;
    }
}
@media (max-width: 960px) {
    .main_container input[type="email"] {
        width: 43%;
    }
}

@media(max-width: 768px){
    .cms-about-crocs .fun-facts .fun-facts-items-container{
        grid-template-columns: 1fr;
    }
    .cms-about-crocs .main-title{
        font-size: 27px;
    }
    .cms-about-crocs .main-para{
        font-size: 18px;
    }
    .cms-about-crocs .fun-facts .fun-facts-items-container .fun-facts-item .fun-facts-number{
        font-size: 42px;
        padding-bottom: 0;
    }
    .cms-about-crocs .investor-relations{
        padding: 140px 0;
    }
    .cms-about-crocs .about-us-first-slider .pagebuilder-slide-wrapper{
        padding: 0 !important;
    }
    .cms-about-crocs .about-us-second-slider .slider-content .slider-description{
        width: 60%;
    }
    .cms-about-crocs .investor-relations .investor-relations-content{
        max-width: 90%;
    }
    .cms-about-crocs .about-us-main-slider .first-slider-content {
        max-width: 300px;
        padding: 50px 0 50px 0;
    }
    .cms-about-crocs .about-us-main-slider .first-slider-title{
        font-size: 35px;
    }
    .cms-about-crocs .about-us-main-slider .first-slider-description{
        margin-top: 20px;
        line-height: 1.2;
    }
    .cms-about-crocs .crocs-cares-container-content .crocs-cares-content img{
        width: 50%;
    }
}

@media(max-width: 767px){
    .cms-about-crocs .slick-dots{
        bottom: 18px !important;
    }
    .cms-crocs-care .page-wrapper .main .container{
        max-width: 100%;
        padding: 0;
    }
    .cc-container .cc-content{
        font-size: 14px;
        padding: 30px 15px;
    }
    .cc-container .cc-content .main-para{
        padding: 0;
    }
    .cc-container .cc-tile .text-container{
        padding: 1rem 1rem 0;
    }
    .cc-container .cc-tile .text-container h4{
        font-size: 1.125rem;
    }
    .cc-container .esy-cln-block{
        flex-direction: column;
        justify-content: center;
    }
    .cc-container .esy-cln-block .esy-cln-image{
        padding-bottom: 20px;
        width: 30%;
    }
    .cc-container .esy-cln-block .esy-cln-text{
        width: 100%;
        align-items: center;
    }
    .cc-container .esy-cln-block .esy-cln-text p{
        text-align: center;
    }
    .cc-container .main-heading h1{
        font-size: 1.8rem;
    }
    .cc-container .cc-tile{
        width: 100%;
        margin: 0 0 20px 0;
    }
    .contact-us-content .contact-us-cta .contact-us-cta-button{
        width: 80%;
    }
    .store-locator-main{
        margin: 0 0 20px;
    }
    .store-locator-main .store-locator-list-main li{
        width: 100%;
        margin-left: 0;
    }
    .main_container input[type="email"] {
        width: 53%;
    }

    .main_container .subscribe {
        width: 68%;
    }

  
    .ncol {
        padding-right: 10px;
        margin-right: 6px;/* margin-bottom: 5px; */
        width: 26rem;
        padding-left: 16px;
        padding-bottom: 0px;
    }

    .nrow {
        /* padding-left:25px; */
        width:100vw;
        padding-right: 0px;
        justify-content: center;
    }
    .crocs_purpose_Page_sections .text_wrap {
        padding: 3vw 3vw;
    }

    .text_wrap .disclaimer {
        margin-bottom: 0px;
    }

    .crocs_purpose_Page_sections .Banner .img_1 {
        max-width: 100%;
    }

    .Purpose_Card .container li {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .comfort-overview .comfort_cards_cont .comf_text_img {
        flex: 0 0 100%;
        max-width: 100%;
        align-items: center;
    }

    .comfort-overview .comfort_cards_cont .comf_img {
        flex: 0 0 100%;
        max-width: 100%;

    }

    .Purpose_Card .container {
        flex-direction: column !important;
    }

    .comfort-overview .comfort_cards_cont .comf_text_img p {
        margin-top: 25px;
        text-align: center !important;
    }

    .comfort-overview .comfort_cards_cont .comf_img #over_2 {
        margin-left: auto;
        margin-right: auto;
    }

    .comfort-overview .comfort_cards_cont .comf_text_img img {
        max-width: 100%;
    }

    .hero_text .hero_button_block .btn_links {
        margin-top: 10vw;
    }

    .md {
        display: block;
    }

    .md_1 {
        display: none;
    }

    .Purpos_text_content_F {
        color: #60B344;
        font-size: 8vw;
        line-height: 9vw;
        margin-top: 10vw;
        margin-bottom: 37px
    }

    .Purpose_video_F_wrapper {
        margin: 44px auto;
        position: relative;
        display: block;
        width: 100%;
        padding: 0;
        overflow: hidden;
        padding-left: 0px;
        padding-right: 0px;
    }
    .comf_text_img .over_1{
        display: none !important;
    }

    /* How to Clean your Crocs CSS */

    .clean-your-crocs .banner-section .text-wrap .cx-clean-title{
        font-size: 32px;
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: 32px;
    }
    .clean-your-crocs .banner-section .text-wrap{
        width: 100%;
        background: #fff;
        font-size: 32px !important;
        margin-bottom: 128px;
    }
    .clean-your-crocs .cx-clean-tips{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .clean-your-crocs .cx-clean-tips .group-1 img{
        width: 80px;
        margin-bottom: 20px;
        padding-top: 25px
    }
    .clean-your-crocs .cx-clean-tips .group-2 img{
        width: 55px;
        margin-bottom: 20px;
    }
    .clean-your-crocs .cx-clean-tips .or{
        width: 301px;
        margin-bottom: 25px;
        height: auto;
    }
    .clean-your-crocs .cx-airDry{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding-top: 25px;
    }
    .clean-your-crocs .cx-airDry .text-container{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .clean-your-crocs .cx-airDry .text-container h4{
        font-size: 23px;
        margin-bottom: 20px;
        margin-right: 2.5%;
        margin-left: auto;
    }
    .clean-your-crocs .cx-airDry .text-container p{
        margin-bottom: 20px;
        max-width: 460px;
        width: 95%;
        line-height: 20px;
        text-align: right;
    }
    .clean-your-crocs .cx-bottom-banner img{
        width: 100%;
    }
    /* END */
}

@media (max-width: 640px) {
    .brand-listing > ul > li {
        min-width: 100%;
    }
    .brand-listing > ul > li > ul > li {
        width: 50%;
        display: block;
        float: left;
        line-height: 25px;
    }
    .brand-listing > ul > li.active-sec > ul > li {
        width: 100%;
    }
    .wrapper-404 {
        font-size: 1.1538461538461537em;
        margin: 0 0 20px 0;
    }
    .wrapper-404 > img {
        width: 23%;
    }
    .wrapper-404 h4 {
        margin-bottom: 30px;
    }
    .cms-outer-wrapper {
        padding: 0;
    }
    .shipping-policy-listing > li {
        width: 100%;
    }
}
@media (max-width: 480px) {
    .cc-container .esy-cln-block .esy-cln-image{
        width: 50%;
    }
    .contact-us-container{
        grid-template-columns: auto;
        width: 100%;
    }
    .contact-us-container .contact-us-methods{
      width: 100%;
    }
    .contact-us-container .contact-us-methods .contact-us-method{
        padding-bottom: 15px;
    }
    .contact-us-container .quick-links{
        margin: 0.625em 0;
    }
    .buttons-section{
        flex-direction: column;
        padding-left: 15px;
        padding-right: 15px;
    }
    .buttons-section-button-list li {
        width: 100%;
        padding-bottom: 20px;
    }
    .buttons-section-button-list .buttons-section-left {
        padding-left: 0px;
    }
    .buttons-section-button-list .buttons-section-right {
        padding-right: 0px;
    }
    .wrapper-404 {
        font-size: 1.0769230769230769em;
    }
    .wrapper-404 h4 {
        margin-bottom: 20px;
    }
    .ramadan-mid-banner div {
        width: 100%;
        margin-bottom: 15px;
    }
    .ramadan-bottom-banner div {
        width: 100%;
        margin-bottom: 15px;
    }
    .ramadan-bottom-banner div:nth-child(2) {
        margin-bottom: 15px;
    }
    .main_container input[type="email"] {
        width: 83vw;
    }

    .main_container .subscribe {
        width: 85vw;
    }

    .main_container h2 {
        font-size: 18px !important;
        padding: 0 16px;
    }

    .Crocs_colabration h1 {
        font-size: 8vw !important;

    }

    .remove_br {
        display: none;
    }
    .remove{
        display:none;
    }

    .singup_page input[type=text] {
        width: 333px;
    }
    .main_container .campign-msg h3{
        font-size:19px !important;
    }
    .text_wrap .disclaimer {
        font-size: 3.5vw;
        line-height: 4vw;
        text-align: center;
    }
    .crocs_purpose_Page_sections .Banner .img_1 {
        display: none;
    }

    .crocs_purpose_Page_sections .Banner .img_2 {
        display: block;
        width: 75vw;
        margin-bottom: -5vw;
        margin-top: 20vw;
    }
    .text_wrap .D-SM-NONE {
        display: block !important;
    }

    .comfort-overview .comfort_cards_cont .comf_text_img p {
        color: #000;
    font-size: 4vw;
    max-width: 65%;
    line-height: 5vw;
    }

    .comfort-overview .comfort_cards_cont .comf_text_img .comfort_lower_p {
        margin-bottom: 6vw;
    }

    .comfort-overview .comfort_cards_cont {
        margin-top: 65px;
    }

    .comfort-overview .comfort_cards_cont .comf_img {
        padding-right: 15px;
        padding-left: 15px;
    }

    .Purpose_Card .container li .Text_wrap h3 {
        color: #000;
        font-size: 8vw !important;
    line-height: 9vw !important;
    }

    .Purpose_Card .container li .Text_wrap p {
        color: #000;
        font-size: 4vw;
        line-height: 5vw;
        max-width: 65%;
    }

    .text_pargraph {
        font-size: 5vw;
        line-height: 6vw;
        color: #000;
    }
    .dnfs {
        display: block !important;
    }

    .d_sm_b {
        display: none !important;
    }
    .crocs_purpose_Page_sections .Top_Banner .Banner {
        background: url(../../frontend/Crocs/AR/ar_SA/images/Backgr_Up_mob.webp) no-repeat center;
        background-size: cover;
        height: 130vw;
    }
}
@media (max-width: 400px) {
    .brand-links ul.top-cat li {
        padding: 0 20px;
    }
    .ramadan-page-wrapper {
        padding: 0 10px;
    }
}
@media (max-width: 360px) {
    .wrapper-404 > span {
        margin: 17px 0 10px;
    }
    .wrapper-404 p {
        line-height: 27px;
        margin-bottom: 15px;
    }
    .brand-links ul.top-cat li {
        padding: 0 12px;
    }
    .brand-alphabet li {
        padding: 6px 10px;
    }
    .singup_page input[type=text] {
        width: 297px;
    }

    .singup_page h1 {
        font-size: 19px;
    }
    .main_container .subscribe {
        width: 83vw;
    }

    .singup_page input[type=text] {
        width: 60vw
    }
}
html {
    --autocomplete-muted-color: #969faf;
}

#algolia-autocomplete-container{
    position: relative;
}

#algolia-autocomplete-container .aa-dropdown-menu .before_special, .aa-Panel .before_special {
    color: #aaaaaa;
    text-decoration: line-through;
    font-size: 12px;
}

#algolia-autocomplete-container .aa-dropdown-menu .tier_price, .aa-Panel .tier_price {
    color: #666666;
    font-size: 10px;
}

#algolia-autocomplete-container .aa-dropdown-menu .tier_price .tier_value, .aa-Panel .tier_price .tier_value {
    color: #54A5CD;
    font-size: 12px;
}

#algolia-autocomplete-container .aa-dropdown-menu .info-without-thumb .category-tag, .aa-Panel .info-without-thumb .category-tag {
    color: #3284b6;
}

#algolia-autocomplete-container .aa-dropdown-menu .info-without-thumb .details, .aa-Panel .info-without-thumb .details {
    font-size: 10px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 30px;
    max-height: 30px;
    display: -webkit-box;
}

#algolia-autocomplete-container .aa-dropdown-menu .info-without-thumb .details em, .aa-Panel .info-without-thumb .details em {
    color: #222222;
}

#algolia-autocomplete-tt.algolia-autocomplete {
    width: 100%;
    display: inline-block !important;
}

#algolia-autocomplete-container .aa-dropdown-menu, .aa-Panel {
    position: absolute;
    margin-top: -1px;
    right: 0;
    width: 100%;
    z-index: 1000 !important;
    border: 1px solid #ddd;
    background: white;
    border-radius: 3px;
    box-shadow: 0 3px 5px rgba(50, 50, 50, .25);
    color: #333;
}

@media (min-width: 769px) {    
    .aa-Panel{
        width: 100% !important;
        max-width: 1340px !important;
        top: 100% !important;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%);
        padding-bottom: 5px;
    }
}

.aa-Panel.productColumn2 section:nth-child(2) .aa-List li:hover,
.aa-Panel.productColumn1 section .aa-List li:hover{
    background-color: #f2f2f2;
}

#algolia-autocomplete-container .aa-dropdown-menu .col-2,
.aa-Panel .col-2 {
    position: relative;
}

#algolia-autocomplete-container .aa-dropdown-menu .col-2 .col-left,
.aa-Panel .col-2 .col-left {
    width: 67%;
}

#algolia-autocomplete-container .aa-dropdown-menu .col-2 .col-right,
.aa-Panel .col-2 .col-right {
    width: 33%;
}

#algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products,
.aa-Panel .aa-no-results-products {
    padding: 40px 40px;
    min-height: 250px;
}

#algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products .title,
.aa-Panel .aa-no-results-products .title {
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 16px;
}

#algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products .suggestions,
.aa-Panel .aa-no-results-products .suggestions {
    margin-bottom: 30px;
}

#algolia-autocomplete-container .aa-dropdown-menu .aa-no-results-products .see-all a,
.aa-Panel .aa-no-results-products .see-all a {
    color: #636363;
    font-weight: bold;
}

#algolia-autocomplete-container .aa-dropdown-menu .aa-no-results, .aa-Panel .aa-no-results {
    padding: 10px;
    font-style: italic;
}

#algolia-autocomplete-container .aa-dropdown-menu .category,
.aa-Panel .category,
.aa-Panel .aa-PanelLayout section .aa-SourceHeader {
    font-weight: 600;
    color: #777;
    font-size: 12px;
    letter-spacing: 1px;
    margin-right: 12px;
    padding: 10px 5px 10px;
    text-transform: uppercase;
}

.aa-Panel .aa-PanelLayout section .aa-SourceHeader:empty{
    display: none;
}

.aa-Panel .aa-PanelLayout section .aa-SourceHeader p{
    margin: 0;
}

#algolia-autocomplete-container .aa-dropdown-menu .category-suggestions, .aa-Panel .category-suggestions{
    padding: 4px;
    color: #54A5CD;
    text-align: left;
    font-size: 0.7em;
    text-transform: uppercase;
}

#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit, .aa-Panel .algoliasearch-autocomplete-hit {
    display: inline-block;
    position: relative;
    padding: 5px 10px;
    color: #000;
    text-align: left;
    text-decoration: none;
    width: 100%;
    overflow: hidden;
}

#algolia-autocomplete-container .aa-dropdown-menu .other-sections .aa-dataset-suggestions .algoliasearch-autocomplete-hit {
    padding-left: 30px;
}

.aa-Panel .aa-ItemLink.algolia-suggestions:has(svg.algolia-glass-suggestion) {
    position: relative;
    padding: 5px 0 5px 25px !important;
}

.aa-Panel .aa-ItemLink.algolia-suggestions svg.algolia-glass-suggestion.magnifying-glass {
    display: none;
}

.aa-Panel .aa-ItemLink.algolia-suggestions:has(svg.algolia-glass-suggestion) svg.algolia-glass-suggestion.magnifying-glass {
    display: block;
    position: absolute;
    right: auto;
    left: 5px;
    top: 7px;
    fill: #A6A6A6;
    stroke: #A6A6A6;
}

#algolia-autocomplete-container .aa-dropdown-menu.aa-without-products .col9, .aa-Panel .col9:hover {
    background-color: #F9F9F9;
}

#algolia-autocomplete-container .aa-dropdown-menu.aa-without-products #autocomplete-products-footer {
    display: none;
}

#algolia-autocomplete-container .aa-dropdown-menu .aa-dataset-products .aa-suggestion, .aa-Panel .aa-dataset-products .aa-suggestion {
    display: inline-block;
    width: 100%;
}

@media (min-width: 769px) {
    #algolia-autocomplete-container .aa-dropdown-menu .aa-dataset-products .aa-suggestion, .aa-Panel .aa-dataset-products .aa-suggestion {
        display: inline-block;
        width: 50%;
    }
}

#algolia-autocomplete-container .aa-dropdown-menu .aa-dataset-products .algoliasearch-autocomplete-hit, .aa-Panel .aa-dataset-products .algoliasearch-autocomplete-hit {
    padding: 15px 10px;
}

.autocomplete-wrapper:after, .aa-Panel:after {
    clear: both;
    content: '';
}

#algolia-autocomplete-container .col9, .aa-Panel .col9 {
    float: right;
    box-sizing: border-box;
}

#algolia-autocomplete-container .col3, .aa-Panel .col3 {
    float: right;
    box-sizing: border-box;
}

#algolia-autocomplete-container.reverse .col3, .aa-Panel.reverse .col3 {
    float: left;
    min-width: 100%;
}

#algolia-autocomplete-container.reverse .col9, .aa-Panel.reverse .col9 {
    float: left;
    min-width: 100%;
    display: flex;
    height: 100%;
    flex: 1;
}

@media (min-width: 769px) {
    #algolia-autocomplete-container .col9, .aa-Panel .col9 {
        border-left: solid 1px #eeeeee;
        width: 70%;
        right: 0;
        height: 100%;
    }
    
    #algolia-autocomplete-container .col3, .aa-Panel .col3 {
        float: left;
        width: 30%;
    }
    
    #algolia-autocomplete-container.reverse .col3, .aa-Panel.reverse .col3 {
        float: left;
        width: 30%;
    }
    
    #algolia-autocomplete-container.reverse .col9, .aa-Panel.reverse .col9 {
        border-right: solid 1px #eeeeee;
        float: left;
        width: 70%;
    }
}

#algolia-autocomplete-container .other-sections, .aa-Panel .other-sections {
    margin: 20px 10px 70px;
}


.aa-dataset-products .aa-suggestions {
    margin: 10px auto 10px auto;
}

.aa-dataset-suggestions {
    display: none;
}

@media (min-width: 769px) {
    .aa-dataset-suggestions {
        display: block;
    }
}

@media (min-width: 769px) {
    .aa-dataset-products .aa-suggestions {
        margin: 10px auto 50px auto;
    }
}

.aa-dataset-products .aa-suggestions:after {
    content: '';
    display: block;
    clear: both;
}

#algolia-autocomplete-container .aa-dropdown-menu .other-sections .algoliasearch-autocomplete-hit, .aa-Panel .other-sections .algoliasearch-autocomplete-hit {
    padding-left: 10px;
}

#algolia-autocomplete-container .aa-dropdown-menu .other-sections .aa-suggestions, .aa-Panel .other-sections .aa-suggestions {
    margin-bottom: 20px;
}

#algolia-autocomplete-container .aa-dropdown-menu .aa-cursor .algoliasearch-autocomplete-hit, .aa-Panel .aa-cursor .algoliasearch-autocomplete-hit {
    background-color: #f2f2f2;
}

#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit em, .aa-Panel .algoliasearch-autocomplete-hit em {
    font-weight: bold;
    font-style: normal;
}

#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-price, .aa-Panel .algoliasearch-autocomplete-price {
    font-size: 1.1em;
    color: #54A5CD;
    height: 22px;
}

#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .thumb, .aa-Panel .algoliasearch-autocomplete-hit .thumb {
    float: left;
}

#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .thumb img, .aa-Panel .algoliasearch-autocomplete-hit .thumb img {
    width: 50px;
}

#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .info, .aa-Panel .algoliasearch-autocomplete-hit .info {
    margin-left: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#autocomplete-products-footer {
    background-color: #F9F9F9;
    text-align: center;
    display: none;
    position: absolute;
    width: 70%;
    padding: 10px 0;
    bottom: 0;
    left: 30%;
}

#algolia-autocomplete-container.reverse #autocomplete-products-footer {
    right: auto;
    left: 0;
}

@media (min-width: 769px) {
    #autocomplete-products-footer {
        display: block;
    }
}

#autocomplete-products-footer span {
    color: #15769c;
    font-weight: 600;
}

#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .info .algoliasearch-autocomplete-category,
.aa-Panel .algoliasearch-autocomplete-hit .info .algoliasearch-autocomplete-category {
    font-size: 0.65em;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
}

#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .info .algoliasearch-autocomplete-category em, .aa-Panel .algoliasearch-autocomplete-hit .info .algoliasearch-autocomplete-category em {
    color: #222;
}

.algoliasearch-autocomplete-hit .info .algoliasearch-autocomplete-category span:nth-child(n+2):before {
    content: " | ";
}

.algoliasearch-autocomplete-hit .info .algoliasearch-autocomplete-price .after_special:after {
    content: " ";
}

.algoliasearch-autocomplete-hit .info .algoliasearch-autocomplete-price .tier_price {
    padding-left: 5px;
}


#algolia-autocomplete-container .aa-dropdown-menu .footer_algolia {
    position: absolute;
    width: 100%;
    padding: 10px;
    text-align: center;
    bottom: 0;
    left: 4px;
    font-size: 13px;
}

#algolia-autocomplete-container.reverse .aa-dropdown-menu .footer_algolia {
    left: auto;
    right: 4px;
}

#algolia-autocomplete-container .aa-dropdown-menu .footer_algolia span {
    color: #B8B8B8;
    font-size: 10px;
}

#algolia-autocomplete-container .aa-dropdown-menu .footer_algolia img {
    display: inline;
    height: 1.5em;
    vertical-align: bottom;
    max-width: 130px;
}

#algolia-autocomplete-container:after, .autocomplete-wrapper:after {
    clear: both;
    content: '';
}

#algolia_instant_selector .cross-wrapper .clear-refinement {
    display: block;
    position: relative;
    top: 5px;
    left: 5px;
}
#algoliaAutocomplete{
    position: relative;
}
#algoliaAutocomplete .aa-SubmitButton{
    background: none;
    border: none;
    position: absolute;
    right: 5px;
    height: 24px;
    box-shadow: none;
}
#algoliaAutocomplete .aa-ClearButton{
    position: absolute;
    right: 1px;
    top: 1px;
    height: 30px;
    border: none;
    background: #fff;
    display: none;
}

#algoliaAutocomplete .aa-LoadingIndicator {
    position: absolute;
    top: 20%;
    right: 10px;
}

.aa-Panel .aa-PanelLayout section{
    float: left;
    width: 70%;
    padding: 10px 5px;
}

.aa-Panel .aa-PanelLayout section .aa-List{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

.aa-Panel .aa-PanelLayout section .aa-List .aa-Item{
    width: 50%;
}

.aa-Panel .aa-SourceFooter{
    display: none;
}

.aa-Panel.productColumn2 .aa-PanelLayout section:nth-child(1) li a,
.aa-Panel.productColumn1 .aa-PanelLayout section:nth-child(2) li a,
.aa-Panel .aa-PanelLayout section:nth-child(3) li a,
.aa-Panel .aa-PanelLayout section:nth-child(4) li a,
.aa-Panel .aa-PanelLayout section:nth-child(5) li a{
    color: inherit;
    display: block;
    padding: 5px 10px;
}

.aa-Panel.productColumn2 .aa-PanelLayout section:nth-child(1) li a:hover,
.aa-Panel.productColumn1 .aa-PanelLayout section:nth-child(2) li a:hover,
.aa-Panel .aa-PanelLayout section:nth-child(3) li a:hover,
.aa-Panel .aa-PanelLayout section:nth-child(4) li a:hover,
.aa-Panel .aa-PanelLayout section:nth-child(5) li a:hover{
    background-color: #f2f2f2;
    text-decoration: none;
}

.aa-Panel mark{
    background: none;
}

.aa-Panel .aa-PanelLayout section .aa-SourceNoResults{
    padding: 5px;
}

.all-section {
    float: left;
    width: 30%;
    border-right: 1px solid #ddd;
    min-height: 275px;
    text-align: left;
    padding: 10px;
}

.aa-Panel .aa-PanelLayout .all-section section.aa-Source{
    width: 100%;
}

.aa-Panel .aa-PanelLayout .all-section section .aa-List .aa-Item{
    width: 100%;
    font-size: 13px;
        text-transform: capitalize;
}

.dataset-products {
    position: relative;
    width: 70%;
    text-align: left;
    float: right;
}

.dataset-products:before {
    content: '';
    border-left: 1px solid #efefef;
    position: absolute;
    width: 1px;
    height: 100%;
}

.footer_algolia{
    position: absolute;
    bottom: 0;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: flex-start;
}

.footer_algolia .algolia-search-by-label {
    color: var(--autocomplete-muted-color);
    font-size: .9em;
    margin-right: 5px;
}

.footer_algolia img {
    min-width: 80px;
}

@media (min-width: 769px) {    
    .aa-Panel.productColumn1 .aa-PanelLayout section:nth-child(1){
        border-left: 1px solid #BBB;
        margin-bottom: 0px;
        margin-left: 1.5rem;
        min-width: 48px;
    }
    
    #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .info, .aa-Panel .algoliasearch-autocomplete-hit .info {
        margin-left: 65px;
    }
}

@media (max-width: 768px) {
    
    .all-section{
        border: none;
        min-height: auto;
    }
    
    .all-section,
    .dataset-products {
        float: none;
        width: 100%;
        text-align: left;
    }
    
    #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .info,
    .aa-Panel .algoliasearch-autocomplete-hit .info{
        padding-left: 15px;
    }
    
    #algoliaAutocomplete{
        top: 10px;
    }
    
    .aa-Panel{
        margin: 9px 0 0;
        left: 15px !important;
        top: 0;
        width: calc(100% - 30px) !important;
        max-height: 480px;
        overflow-y: scroll;
    }
    
    .mob-sticky .aa-Panel{
        margin: 0;
        top: calc(100% + 42px) !important;
    }
    
    .aa-Panel .aa-PanelLayout {
        justify-content: start;
        width:100%;
        display: flex;
        flex-direction: column;
    }
    
    .aa-Panel .aa-PanelLayout section .aa-SourceNoResults{
        padding: 5px 0;
    }
    
    .footer_algolia{
        width: 100%;
        justify-content: center;
    }
    
    .aa-Panel .aa-List {
        padding-left: 0px;
    }
    
    #autocomplete-products-footer{
        left: 0;
        width: 100%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box;
    }
    
    .footer_algolia{
        text-align: center;
        padding-top: 15px;
    }
    
    .aa-Panel .aa-PanelLayout section {
        width: 100%;
        max-height: 265px;
        overflow: auto;
        padding: 5px;
    }
    
    #algoliaAutocomplete.block-search input{
        left: inherit;
        position: relative;
        margin: 0px;
    }
    
    #algoliaAutocomplete .aa-SubmitButton{
        z-index: 2;
    }
    
    .aa-Panel .aa-PanelLayout section .aa-SourceNoResults p{
        margin: 0;
    }
    
    .aa-Panel .aa-PanelLayout section .aa-List{
        flex-direction: column;
    }
    
    .aa-Panel .aa-PanelLayout section .aa-List .aa-Item{
        width: 100%;
    }
    
    .aa-Panel .algoliasearch-autocomplete-hit .info{
        white-space: normal;
    }

    html[lang="ar"] .aa-Panel .algoliasearch-autocomplete-hit .info{
        text-align: right;
    }

    html[lang="ar"] #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .thumb,
    html[lang="ar"] .aa-Panel .algoliasearch-autocomplete-hit .thumb {
        float: right;
    }

    html[lang="ar"] #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .info,
    html[lang="ar"] .aa-Panel .algoliasearch-autocomplete-hit .info{
        padding-left: 0;
        padding-right: 15px;
    }

    html[lang="ar"] .aa-Panel .aa-PanelLayout section{
        text-align: right;
    } 

    html[lang="ar"] .aa-Panel .aa-ItemLink.algolia-suggestions:has(svg.algolia-glass-suggestion){
    padding: 5px 25px 5px 0 !important;
}

    html[lang="ar"] .aa-Panel .aa-ItemLink.algolia-suggestions:has(svg.algolia-glass-suggestion) svg.algolia-glass-suggestion.magnifying-glass{
        right: -5px;
        left: auto;
    }

    html[lang="ar"] #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit,
    html[lang="ar"] .aa-Panel .algoliasearch-autocomplete-hit{
        text-align: right;
    }

    html[lang="ar"] #algolia-autocomplete-container .aa-dropdown-menu .category,
    html[lang="ar"] .aa-Panel .category,
    html[lang="ar"] .aa-Panel .aa-PanelLayout section .aa-SourceHeader{
        margin-left: 12px;
        margin-right: 0;
    }
}

html[lang="ar"] #algoliaAutocomplete .aa-SubmitButton{
    left: 5px;
    right: auto;
}

html[lang="ar"] #algoliaAutocomplete .aa-LoadingIndicator {
    left: 10px;
    right: auto;
}