.bootstrap-touchspin .input-group-btn-vertical {

    position: relative;

    white-space: nowrap;

    width: 1%;

    vertical-align: middle;

    display: table-cell
}



.bootstrap-touchspin .input-group-btn-vertical>.btn {

    display: block;

    float: none;

    width: 100%;

    max-width: 100%;

    padding: 8px 10px;

    margin-left: -1px;

    position: relative
}



.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {

    border-radius: 0;

    border-top-right-radius: 4px
}



.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {

    margin-top: -2px;

    border-radius: 0;

    border-bottom-right-radius: 4px
}



.bootstrap-touchspin .input-group-btn-vertical i {

    position: absolute;

    top: 3px;

    left: 5px;

    font-size: 9px;

    font-weight: 400
}



@font-face {

    font-family: "Manrope";

    src: url(../js/../css/895e092292d88717adaa.woff2) format("woff2"), url(../js/../css/83131b9daba3e9a7b2c7.woff) format("woff"), url(../js/../css/057cc3c927dc0b2e8dbb.otf) format("truetype");

    font-style: normal;

    font-weight: 800
    font-display: swap;
}



@font-face {

    font-family: "Manrope";

    src: url(../js/../css/dce0916af972e3040aa1.woff2) format("woff2"), url(../js/../css/de69cd9e672c81725abc.woff) format("woff"), url(../js/../css/29acb3c63123183305b0.otf) format("truetype");

    font-style: normal;

    font-weight: 700
    font-display: swap;
}



@font-face {

    font-family: "Manrope";

    src: url(../js/../css/250c120c3f8b2b0bb58e.woff2) format("woff2"), url(../js/../css/c80d4fb11dcc2140b260.woff) format("woff"), url(../js/../css/fd2d932b381003546821.otf) format("truetype");

    font-style: normal;

    font-weight: 600
    font-display: swap;
}



@font-face {

    font-family: "Manrope";

    src: url(../js/../css/a7360927bb3673ed7814.woff2) format("woff2"), url(../js/../css/a8af1233a958bd1e96ed.woff) format("woff"), url(../js/../css/40ef5dc59db6eeef1694.otf) format("truetype");

    font-style: normal;

    font-weight: 500
    font-display: swap;
}



@font-face {

    font-family: "Manrope";

    src: url(../js/../css/52260854eea2d38939bf.woff2) format("woff2"), url(../js/../css/0f099f4e4d67aeb18ab6.woff) format("woff"), url(../js/../css/56b65c6bec8f40445da4.otf) format("truetype");

    font-style: normal;

    font-weight: 400
    font-display: swap;
}



@font-face {

    font-family: "Manrope";

    src: url(../js/../css/57a1d494b0e76131f062.woff2) format("woff2"), url(../js/../css/016d41b1da3f1f5aaa44.woff) format("woff"), url(../js/../css/4db1ea0d15010c761ee5.otf) format("truetype");

    font-style: normal;

    font-weight: 300
    font-display: swap;
}



@font-face {

    font-family: "Manrope";

    src: url(../js/../css/38fa559ad8e8cbaee0c7.woff2) format("woff2"), url(../js/../css/1e81f33d197ccdb39d4e.woff) format("woff"), url(../js/../css/64041bf784575b30a79f.otf) format("truetype");

    font-style: normal;

    font-weight: 200
    font-display: swap;
}



body,

html {

    font-family: "Manrope", sans-serif
}



*,

:after,

:before {

    text-rendering: optimizeLegibility;

    -webkit-font-smoothing: antialiased;

    font-smoothing: antialiased
}



/*!

 * Bootstrap v4.0.0-alpha.5 (https://getbootstrap.com)

 * Copyright 2011-2016 The Bootstrap Authors

 * Copyright 2011-2016 Twitter, Inc.

 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 */

/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */

@-webkit-keyframes progress-bar-stripes {

    0% {

        background-position: 1rem 0
    }



    to {

        background-position: 0 0
    }

}



@keyframes progress-bar-stripes {

    0% {

        background-position: 1rem 0
    }



    to {

        background-position: 0 0
    }

}



html {

    font-family: sans-serif;

    line-height: 1.15;

    -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    font-size: 16px;

    -ms-overflow-style: scrollbar;

    -webkit-tap-highlight-color: transparent
}



body {

    margin: 0;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

    background-color: #fff
}



article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

menu,

nav,

section,

summary {

    display: block
}



audio,

canvas,

output,

progress,

video {

    display: inline-block
}



audio:not([controls]) {

    display: none;

    height: 0
}



progress,

sub,

sup {

    vertical-align: baseline
}



template {

    display: none
}



a {

    background-color: transparent;

    -webkit-text-decoration-skip: objects;

    color: #24b9d7;

    text-decoration: none !important;
    outline: none !important;
}



a:active,

a:hover {

    outline-width: 0
}



abbr[title] {

    -webkit-text-decoration: underline dotted;

    text-decoration: underline dotted
}



b,

strong {

    font-weight: bolder
}



dfn {

    font-style: italic
}



h1 {

    font-size: 2em;

    margin: .67em 0
}



mark {

    color: #000
}



sub,

sup {

    font-size: 75%;

    line-height: 0;

    position: relative
}



sub {

    bottom: -.25em
}



sup {

    top: -.5em
}



img {

    border-style: none;

    vertical-align: middle
}



svg:not(:root) {

    overflow: hidden
}



samp {

    font-size: 1em
}



figure {

    margin: 1em 40px
}



hr {

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    height: 0;

    margin-top: 1rem;

    margin-bottom: 1rem;

    border: 0;

    border-top: 1px solid rgba(0, 0, 0, .1)
}



button,

input,

optgroup,

select,

textarea {

    font: inherit;

    margin: 0
}



dt,

optgroup {

    font-weight: 700
}



button,

hr,

input {

    overflow: visible
}



#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"]>li a,

button,

select {

    text-transform: none
}



[type=reset],

[type=submit],

button,

html [type=button] {

    -webkit-appearance: button
}



[type=button]::-moz-focus-inner,

[type=reset]::-moz-focus-inner,

[type=submit]::-moz-focus-inner,

button::-moz-focus-inner {

    border-style: none;

    padding: 0
}



[type=button]:-moz-focusring,

[type=reset]:-moz-focusring,

[type=submit]:-moz-focusring,

button:-moz-focusring {

    outline: 1px dotted ButtonText
}



fieldset {

    min-width: 0;

    padding: 0;

    margin: 0;

    border: 0
}



legend {

    color: inherit;

    display: table;

    max-width: 100%;

    white-space: normal;

    display: block;

    width: 100%;

    margin-bottom: .5rem;

    font-size: 1.5rem;

    line-height: inherit
}



textarea {

    overflow: auto
}



[type=checkbox],

[type=radio],

legend {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0
}



[type=number]::-webkit-inner-spin-button,

[type=number]::-webkit-outer-spin-button {

    height: auto
}



[type=search] {

    -webkit-appearance: textfield;

    outline-offset: -2px
}



[type=search]::-webkit-search-cancel-button,

[type=search]::-webkit-search-decoration {

    -webkit-appearance: none
}



::-webkit-input-placeholder {

    color: inherit;

    opacity: .54
}



::-webkit-file-upload-button {

    -webkit-appearance: button;

    font: inherit
}



*,

::after,

::before {

    -webkit-box-sizing: inherit;

    box-sizing: inherit
}



@-ms-viewport {

    width: device-width
}



[tabindex="-1"]:focus {

    outline: 0 !important
}



h1,

h2,

h3,

h4,

h5,

h6 {

    margin-top: 0
}



.page-content.page-cms ul,

dl,

ol,

p,

ul {

    margin-top: 0;

    margin-bottom: 1rem
}



abbr[data-original-title],

abbr[title] {

    cursor: help;

    border-bottom: 1px dotted #f6f6f6
}



address {

    margin-bottom: 1rem;

    font-style: normal;

    line-height: inherit
}



ol ol,

ol ul,

ul ol,

ul ul {

    margin-bottom: 0
}



dd {

    margin-bottom: .5rem;

    margin-left: 0
}



blockquote,

figure {

    margin: 0 0 1rem
}



a:focus,

a:hover {

    /* color: #198195; */

    text-decoration: underline
}



a:focus {

    outline: 5px auto -webkit-focus-ring-color;

    outline-offset: -2px
}



a:not([href]):not([tabindex]) {

    color: inherit;

    text-decoration: none
}



a:not([href]):not([tabindex]):focus,

a:not([href]):not([tabindex]):hover {

    color: inherit;

    text-decoration: none
}



a:not([href]):not([tabindex]):focus {

    outline: 0
}



pre {

    overflow: auto
}



[role=button] {

    cursor: pointer
}



[role=button],

a,

area,

button,

input,

label,

select,

summary,

textarea {

    -ms-touch-action: manipulation;

    touch-action: manipulation
}



table {

    border-collapse: collapse;

    background-color: transparent
}



caption {

    padding-top: .75rem;

    padding-bottom: .75rem;

    color: #7a7a7a;

    caption-side: bottom
}



caption,

th {

    text-align: left
}



label {

    display: inline-block;

    margin-bottom: .5rem
}



button:focus {

    outline: 1px dotted;

    outline: 5px auto -webkit-focus-ring-color
}



button,

input,

select,

textarea {

    line-height: inherit
}



input[type=checkbox]:disabled,

input[type=radio]:disabled {

    cursor: not-allowed
}



input[type=date],

input[type=datetime-local],

input[type=month],

input[type=time] {

    -webkit-appearance: listbox
}



textarea {

    resize: vertical
}



input[type=search] {

    -webkit-appearance: none
}



[hidden] {

    display: none !important
}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-weight: 700;

    color: inherit
}



.h1,

.h2,

.h3 {

    font-weight: 700
}



.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

h1,

h2,

h3,

h4,

h5,

h6 {

    margin-bottom: .5rem;

    font-family: inherit;

    line-height: 1.1
}



.h5,

.h6 {

    font-weight: 700;

    color: inherit
}



.h1,

h1 {

    font-size: 1.75rem;
}



.h2,

h2 {

    font-size: 1.3125rem
}



.h3,

.h4,

h3,

h4 {

    font-size: 1.125rem
}



.h5,

h5 {

    font-size: 1rem
}



.h6,

body#checkout section.checkout-step .add-address a i,

h6 {

    font-size: .9375rem
}



.lead {

    font-size: 1.25rem;

    font-weight: 300
}



.display-1 {

    font-size: 3.125rem;

    font-weight: 600
}



.display-2 {

    font-size: 2.188rem;

    font-weight: 400
}



.display-3,

.display-4 {

    font-size: 1.563rem;

    font-weight: 400
}



.display-4 {

    font-size: 1.25rem
}



.small,

small {

    font-size: 80%;

    font-weight: 400
}



.mark,

mark {

    padding: .2em;

    background-color: #fcf8e3
}



.list-inline,

.list-unstyled {

    padding-left: 0;

    list-style: none
}



.list-inline-item {

    display: inline-block
}



.list-inline-item:not(:last-child) {

    margin-right: 5px
}



.initialism {

    font-size: 90%;

    text-transform: uppercase
}



.blockquote {

    padding: .5rem 1rem;

    margin-bottom: 1rem;

    font-size: 1.25rem;

    border-left: .25rem solid #f6f6f6
}



.blockquote-footer {

    display: block;

    font-size: 80%;

    color: #f6f6f6
}



.blockquote-footer::before {

    content: "— "

}



.blockquote-reverse {

    padding-right: 1rem;

    padding-left: 0;

    text-align: right;

    border-right: .25rem solid #f6f6f6;

    border-left: 0
}



.blockquote-reverse .blockquote-footer::before {

    content: ""

}



.blockquote-reverse .blockquote-footer::after {

    content: " —"

}



dl.row>dd+dt {

    clear: left
}



.carousel-inner>.carousel-item>a>img,

.carousel-inner>.carousel-item>img,

.img-fluid,

.img-thumbnail {

    max-width: 100%;

    height: auto
}



.img-thumbnail {

    padding: .25rem;

    background-color: #fff;

    border: 1px solid #ddd;

    border-radius: 0;

    -webkit-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out
}



.figure {

    display: inline-block
}



.figure-img {

    margin-bottom: .5rem;

    line-height: 1
}



.figure-caption {

    font-size: 90%;

    color: #f6f6f6
}



code,

kbd,

pre,

samp {

    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}



code,

pre code {

    border-radius: 0
}



code {

    color: #bd4147;

    background-color: #f7f7f9
}



code,

kbd,

pre {

    font-size: 90%
}



code,

kbd {

    padding: .2rem .4rem
}



kbd {

    color: #fff;

    background-color: #333;

    border-radius: .2rem
}



kbd kbd {

    padding: 0;

    font-size: 100%;

    font-weight: 700
}



pre {

    display: block;

    margin-top: 0;

    margin-bottom: 1rem;

    color: #363a42
}



pre code {

    padding: 0;

    font-size: inherit;

    color: inherit;

    background-color: transparent
}



.pre-scrollable {

    max-height: 340px;

    overflow-y: scroll
}



.container,

.container-fluid {

    margin-left: auto;

    margin-right: auto;

    padding-left: 15px;

    padding-right: 15px
}



.container-fluid::after,

.container::after,

.row::after {

    content: "";

    display: table;

    clear: both
}



.row {

    margin-right: -15px;

    margin-left: -15px
}



.col-lg,

.col-lg-1,

.col-lg-10,

.col-lg-11,

.col-lg-12,

.col-lg-2,

.col-lg-3,

.col-lg-4,

.col-lg-5,

.col-lg-6,

.col-lg-7,

.col-lg-8,

.col-lg-9,

.col-md,

.col-md-1,

.col-md-10,

.col-md-11,

.col-md-12,

.col-md-2,

.col-md-3,

.col-md-4,

.col-md-5,

.col-md-6,

.col-md-7,

.col-md-8,

.col-md-9,

.col-sm,

.col-sm-1,

.col-sm-10,

.col-sm-11,

.col-sm-12,

.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-xl,

.col-xl-1,

.col-xl-10,

.col-xl-11,

.col-xl-12,

.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-xs,

.col-xs-1,

.col-xs-10,

.col-xs-11,

.col-xs-12,

.col-xs-2,

.col-xs-3,

.col-xs-4,

.col-xs-5,

.col-xs-6,

.col-xs-7,

.col-xs-8,

.col-xs-9 {

    position: relative;

    min-height: 1px;

    padding-right: 15px;

    padding-left: 15px
}



.col-xs-1 {

    float: left;

    width: 8.3333333333%
}



.col-xs-2,

.col-xs-3 {

    float: left;

    width: 16.6666666667%
}



.col-xs-3 {

    width: 25%
}



.col-xs-4,

.col-xs-5 {

    float: left;

    width: 33.3333333333%
}



.col-xs-5 {

    width: 41.6666666667%
}



.col-xs-6,

.col-xs-7 {

    float: left;

    width: 50%
}



.col-xs-7 {

    width: 58.3333333333%
}



.col-xs-8,

.col-xs-9 {

    float: left;

    width: 66.6666666667%
}



.col-xs-9 {

    width: 75%
}



.col-xs-10 {

    float: left;

    width: 83.3333333333%
}



.col-xs-11 {

    float: left;

    width: 91.6666666667%
}



.col-xs-12 {

    float: left;

    width: 100%
}



.pull-xs-0 {

    right: auto
}



.pull-xs-1 {

    right: 8.3333333333%
}



.pull-xs-2 {

    right: 16.6666666667%
}



.pull-xs-3 {

    right: 25%
}



.pull-xs-4 {

    right: 33.3333333333%
}



.pull-xs-5 {

    right: 41.6666666667%
}



.pull-xs-6 {

    right: 50%
}



.pull-xs-7 {

    right: 58.3333333333%
}



.pull-xs-8 {

    right: 66.6666666667%
}



.pull-xs-9 {

    right: 75%
}



.pull-xs-10 {

    right: 83.3333333333%
}



.pull-xs-11 {

    right: 91.6666666667%
}



.pull-xs-12 {

    right: 100%
}



.push-xs-0 {

    left: auto
}



.push-xs-1 {

    left: 8.3333333333%
}



.push-xs-2 {

    left: 16.6666666667%
}



.push-xs-3 {

    left: 25%
}



.push-xs-4 {

    left: 33.3333333333%
}



.push-xs-5 {

    left: 41.6666666667%
}



.push-xs-6 {

    left: 50%
}



.push-xs-7 {

    left: 58.3333333333%
}



.push-xs-8 {

    left: 66.6666666667%
}



.push-xs-9 {

    left: 75%
}



.push-xs-10 {

    left: 83.3333333333%
}



.push-xs-11 {

    left: 91.6666666667%
}



.push-xs-12 {

    left: 100%
}



.offset-xs-1 {

    margin-left: 8.3333333333%
}



.offset-xs-2 {

    margin-left: 16.6666666667%
}



.offset-xs-3 {

    margin-left: 25%
}



.offset-xs-4 {

    margin-left: 33.3333333333%
}



.offset-xs-5 {

    margin-left: 41.6666666667%
}



.offset-xs-6 {

    margin-left: 50%
}



.offset-xs-7 {

    margin-left: 58.3333333333%
}



.offset-xs-8 {

    margin-left: 66.6666666667%
}



.offset-xs-9 {

    margin-left: 75%
}



.offset-xs-10 {

    margin-left: 83.3333333333%
}



.offset-xs-11 {

    margin-left: 91.6666666667%
}



.table {

    width: 100%;

    max-width: 100%;

    margin-bottom: 1rem
}



.table td,

.table th {

    padding: .75rem;

    vertical-align: top;

    border-top: 1px solid #f6f6f6
}



.table thead th {

    vertical-align: bottom;

    border-bottom: 2px solid #f6f6f6
}



.table tbody+tbody {

    border-top: 2px solid #f6f6f6
}



.table .table {

    background-color: #fff
}



.table-sm td,

.table-sm th {

    padding: .3rem
}



.table-bordered,

.table-bordered td,

.table-bordered th {

    border: 1px solid #f6f6f6
}



.table-bordered thead td,

.table-bordered thead th {

    border-bottom-width: 2px
}



.table-striped tbody tr:nth-of-type(odd) {

    background-color: rgba(0, 0, 0, .05)
}



.table-active,

.table-active>td,

.table-active>th,

.table-hover .table-active:hover,

.table-hover .table-active:hover>td,

.table-hover .table-active:hover>th,

.table-hover tbody tr:hover {

    background-color: rgba(0, 0, 0, .075)
}



.table-success,

.table-success>td,

.table-success>th {

    background-color: #dff0d8
}



.table-hover .table-success:hover,

.table-hover .table-success:hover>td,

.table-hover .table-success:hover>th {

    background-color: #d0e9c6
}



.table-info,

.table-info>td,

.table-info>th {

    background-color: #d9edf7
}



.table-hover .table-info:hover,

.table-hover .table-info:hover>td,

.table-hover .table-info:hover>th {

    background-color: #c4e3f3
}



.table-warning,

.table-warning>td,

.table-warning>th {

    background-color: #fcf8e3
}



.table-hover .table-warning:hover,

.table-hover .table-warning:hover>td,

.table-hover .table-warning:hover>th {

    background-color: #faf2cc
}



.table-danger,

.table-danger>td,

.table-danger>th {

    background-color: #f2dede
}



.table-hover .table-danger:hover,

.table-hover .table-danger:hover>td,

.table-hover .table-danger:hover>th {

    background-color: #ebcccc
}



.table-inverse,

.thead-inverse th {

    color: #fff;

    background-color: #363a42
}



.thead-default th {

    color: #7a7a7a;

    background-color: #f6f6f6
}



.table-inverse {

    color: #f6f6f6
}



.table-inverse td,

.table-inverse th,

.table-inverse thead th {

    border-color: #7a7a7a
}



.table-inverse.table-bordered {

    border: 0
}



.table-responsive {

    display: block;

    width: 100%;

    min-height: 0%;

    overflow-x: auto
}



.table-reflow thead,

.table-reflow tr {

    float: left
}



.table-reflow tbody {

    display: block;

    white-space: nowrap
}



.table-reflow td,

.table-reflow th {

    border-top: 1px solid #f6f6f6;

    border-left: 1px solid #f6f6f6
}



.table-reflow td:last-child,

.table-reflow th:last-child {

    border-right: 1px solid #f6f6f6
}



.table-reflow tbody:last-child tr:last-child td,

.table-reflow tbody:last-child tr:last-child th,

.table-reflow tfoot:last-child tr:last-child td,

.table-reflow tfoot:last-child tr:last-child th,

.table-reflow thead:last-child tr:last-child td,

.table-reflow thead:last-child tr:last-child th {

    border-bottom: 1px solid #f6f6f6
}



.table-reflow tr td,

.table-reflow tr th {

    display: block !important;

    border: 1px solid #f6f6f6
}



.form-control {
    display: block;
    width: 100%;
    padding: 25px 0 0;
    font-size: 14px;
    color: #55595c;
    height: 56px;
    background-color: transparent;
    background-image: none;
    background-clip: padding-box;
    border: none;
    border-bottom: 1px solid #b6b9ba;
    border-radius: 0;
    position: relative;
    z-index: 2;
}



.form-control::-ms-expand {

    background-color: transparent;

    border: 0
}



.form-control:focus {

    border-color: var(--text-color);

    outline: 0
}



.form-control::-webkit-input-placeholder {

    color: #999;

    opacity: 1
}



.form-control::-moz-placeholder {

    color: #999;

    opacity: 1
}



.form-control:-ms-input-placeholder {

    color: #999;

    opacity: 1
}



.form-control::-ms-input-placeholder {

    color: #999;

    opacity: 1
}



.form-control::placeholder {

    color: #999;

    opacity: 1
}



.form-control:disabled,

.form-control[readonly] {

    background-color: #f6f6f6;

    opacity: 1
}



.form-control:disabled {

    cursor: not-allowed
}



select.form-control:not([size]):not([multiple]) {

    height: calc(2.5rem - 2px)
}



select.form-control:focus::-ms-value {

    color: #7a7a7a;

    background-color: #fff
}



.form-control-file,

.form-control-range {

    display: block
}



.col-form-label {

    padding-top: .5rem;

    padding-bottom: .5rem;

    margin-bottom: 0
}



.col-form-label-lg {

    padding-top: .75rem;

    padding-bottom: .75rem;

    font-size: .9375rem
}



.col-form-label-sm {

    padding-top: .25rem;

    padding-bottom: .25rem;

    font-size: .875rem
}



.col-form-legend {

    padding-top: .5rem;

    padding-bottom: .5rem;

    margin-bottom: 0;

    font-size: 1rem
}



.form-control-static {

    padding-top: .5rem;

    padding-bottom: .5rem;

    line-height: 1.25;

    border: solid transparent;

    border-width: 1px 0
}



.form-control-static.form-control-lg,

.form-control-static.form-control-sm,

.input-group-lg>.form-control-static.form-control,

.input-group-lg>.form-control-static.input-group-addon,

.input-group-lg>.input-group-btn>.form-control-static.btn,

.input-group-sm>.form-control-static.form-control,

.input-group-sm>.form-control-static.input-group-addon,

.input-group-sm>.input-group-btn>.form-control-static.btn {

    padding-right: 0;

    padding-left: 0
}



.form-control-sm,

.input-group-sm>.form-control,

.input-group-sm>.input-group-btn>.btn {

    padding: .25rem .5rem;

    font-size: .875rem;

    border-radius: .2rem
}



.input-group-sm>.input-group-btn>select.btn:not([size]):not([multiple]),

.input-group-sm>select.form-control:not([size]):not([multiple]),

.input-group-sm>select.input-group-addon:not([size]):not([multiple]),

select.form-control-sm:not([size]):not([multiple]) {

    height: 1.8125rem
}



.form-control-lg,

.input-group-lg>.form-control,

.input-group-lg>.input-group-btn>.btn {

    padding: .75rem 1.5rem;

    font-size: .9375rem;

    border-radius: .3rem
}



.input-group-lg>.input-group-btn>select.btn:not([size]):not([multiple]),

.input-group-lg>select.form-control:not([size]):not([multiple]),

.input-group-lg>select.input-group-addon:not([size]):not([multiple]),

select.form-control-lg:not([size]):not([multiple]) {

    height: 2.75rem
}




.form-text {

    display: block;

    margin-top: .25rem
}



.form-check {

    position: relative;

    display: block;

    margin-bottom: .75rem
}



.form-check+.form-check {

    margin-top: -.25rem
}



.form-check.disabled .form-check-label {

    color: #7a7a7a;

    cursor: not-allowed
}



.form-check-label {

    padding-left: 1.25rem;

    margin-bottom: 0;

    cursor: pointer
}



.form-check-input {

    position: absolute;

    margin-top: .25rem;

    margin-left: -1.25rem
}



.form-check-input:only-child {

    position: static
}



.form-check-inline {

    position: relative;

    display: inline-block;

    padding-left: 1.25rem;

    margin-bottom: 0;

    vertical-align: middle;

    cursor: pointer
}



.form-check-inline+.form-check-inline {

    margin-left: .75rem
}



.form-check-inline.disabled {

    color: #7a7a7a;

    cursor: not-allowed
}



.form-control-feedback {

    margin-top: .25rem
}



.form-control-danger,

.form-control-success,

.form-control-warning {

    padding-right: 2.25rem;

    background-repeat: no-repeat;

    background-position: center right .625rem;

    background-size: 1.25rem 1.25rem
}



.has-success .custom-control,

.has-success .form-check-inline,

.has-success .form-check-label,

.has-success .form-control-feedback,

.has-success .form-control-label {

    color: #4cbb6c
}



.has-success .form-control {

    border-color: #4cbb6c
}



.has-success .form-control:focus {

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #96d7a9;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #96d7a9
}



.has-success .input-group-addon {

    color: #4cbb6c;

    border-color: #4cbb6c;

    background-color: #e0f3e5
}



.has-success .form-control-success {

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3E%3Cpath fill=%27#4cbb6c%27%20d=%27M2.3%206.73L.6%204.53c-.4-1.04.46-1.4%201.1-.8l1.1%201.4%203.4-3.8c.6-.63%201.6-.27%201.2.7l-4%204.6c-.43.5-.8.4-1.1.1z%27/%3E%3C/svg%3E")
}



.has-warning .custom-control,

.has-warning .form-check-inline,

.has-warning .form-check-label,

.has-warning .form-control-feedback,

.has-warning .form-control-label {

    color: #ff9a52
}



.has-warning .form-control {

    border-color: #ff9a52
}



.has-warning .form-control:focus {

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ffd6b8;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ffd6b8
}



.has-warning .input-group-addon {

    color: #ff9a52;

    border-color: #ff9a52;

    background-color: #fff
}



.has-warning .form-control-warning {

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3E%3Cpath fill=%27#ff9a52%27%20d=%27M4.4%205.324h-.8v-2.46h.8zm0%201.42h-.8V5.89h.8zM3.76.63L.04%207.075c-.115.2.016.425.26.426h7.397c.242%200%20.372-.226.258-.426C6.726%204.924%205.47%202.79%204.253.63c-.113-.174-.39-.174-.494%200z%27/%3E%3C/svg%3E")
}



.has-danger .custom-control,

.has-danger .form-check-inline,

.has-danger .form-check-label,

.has-danger .form-control-feedback,

.has-danger .form-control-label {

    color: #ff4c4c
}



.has-danger .form-control {

    border-color: #ff4c4c
}



.has-danger .form-control:focus {

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ffb2b2;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ffb2b2
}



.has-danger .input-group-addon {

    color: #ff4c4c;

    border-color: #ff4c4c;

    background-color: #fff
}



.has-danger .form-control-danger {

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27#ff4c4c%27%20viewBox=%27-2%20-2%207%207%27%3E%3Cpath%20stroke=%27%23d9534f%27%20d=%27M0%200l3%203m0-3L0%203%27/%3E%3Ccircle%20r=%27.5%27/%3E%3Ccircle%20cx=%273%27%20r=%27.5%27/%3E%3Ccircle%20cy=%273%27%20r=%27.5%27/%3E%3Ccircle%20cx=%273%27%20cy=%273%27%20r=%27.5%27/%3E%3C/svg%3E")
}



.btn {

    display: inline-block;

    font-weight: 400;

    line-height: 1.25;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    border: 1px solid transparent;

    padding: .5rem 1rem;

    font-size: 1rem;

    border-radius: 0
}



.btn.active.focus,

.btn.active:focus,

.btn.focus,

.btn:active.focus,

.btn:active:focus,

.btn:focus {

    outline: 5px auto -webkit-focus-ring-color;

    outline-offset: -2px
}



.btn:focus,

.btn:hover {

    text-decoration: none
}



.btn.focus {

    text-decoration: none
}



.btn.active,

.btn:active {

    background-image: none;

    outline: 0
}



.btn.disabled,

.btn:disabled {

    cursor: not-allowed;

    opacity: .65
}



a.btn.disabled,

fieldset[disabled] a.btn {

    pointer-events: none
}



.btn-primary,

.btn-primary:hover {

    color: #fff;

    background-color: #24b9d7;

    border-color: transparent
}



.btn-primary:hover {

    background-color: #1d93ab
}



.btn-primary.focus,

.btn-primary:focus {

    color: #fff;

    background-color: #1d93ab;

    border-color: transparent
}



.btn-primary.active,

.btn-primary:active,

.open>.btn-primary.dropdown-toggle {

    color: #fff;

    background-color: #1d93ab;

    border-color: transparent;

    background-image: none
}



.btn-primary.active.focus,

.btn-primary.active:focus,

.btn-primary.active:hover,

.btn-primary:active.focus,

.btn-primary:active:focus,

.btn-primary:active:hover,

.open>.btn-primary.dropdown-toggle.focus,

.open>.btn-primary.dropdown-toggle:focus,

.open>.btn-primary.dropdown-toggle:hover {

    color: #fff;

    background-color: #18798d;

    border-color: transparent
}



.btn-primary.disabled.focus,

.btn-primary.disabled:focus,

.btn-primary:disabled.focus,

.btn-primary:disabled:focus {

    background-color: #24b9d7;

    border-color: transparent
}



.btn-primary.disabled:hover,

.btn-primary:disabled:hover {

    background-color: #24b9d7;

    border-color: transparent
}



.btn-secondary {

    color: var(--text-color);

    background-color: #f6f6f6
}



.btn-secondary,

.btn-tertiary {

    border-color: transparent
}



.btn-secondary:hover,

.btn-tertiary:hover {

    color: var(--text-color);

    background-color: #ddd;

    border-color: transparent
}



.btn-secondary.focus,

.btn-secondary:focus,

.btn-tertiary:focus,

.focus.btn-tertiary {

    color: var(--text-color);

    background-color: #ddd;

    border-color: transparent
}



.active.btn-tertiary,

.btn-secondary.active,

.btn-secondary:active,

.btn-tertiary:active,

.open>.btn-secondary.dropdown-toggle,

.open>.dropdown-toggle.btn-tertiary {

    color: var(--text-color);

    background-color: #ddd;

    border-color: transparent;

    background-image: none
}



.active.btn-tertiary:focus,

.active.btn-tertiary:hover,

.active.focus.btn-tertiary,

.btn-secondary.active.focus,

.btn-secondary.active:focus,

.btn-secondary.active:hover,

.btn-secondary:active.focus,

.btn-secondary:active:focus,

.btn-secondary:active:hover,

.btn-tertiary:active.focus,

.btn-tertiary:active:focus,

.btn-tertiary:active:hover,

.open>.btn-secondary.dropdown-toggle.focus,

.open>.btn-secondary.dropdown-toggle:focus,

.open>.btn-secondary.dropdown-toggle:hover,

.open>.dropdown-toggle.btn-tertiary:focus,

.open>.dropdown-toggle.btn-tertiary:hover,

.open>.dropdown-toggle.focus.btn-tertiary {

    color: var(--text-color);

    background-color: #cbcbcb;

    border-color: transparent
}



.btn-secondary.disabled.focus,

.btn-secondary.disabled:focus,

.btn-secondary:disabled.focus,

.btn-secondary:disabled:focus,

.btn-tertiary:disabled.focus,

.btn-tertiary:disabled:focus,

.disabled.btn-tertiary:focus,

.disabled.focus.btn-tertiary {

    background-color: #f6f6f6;

    border-color: transparent
}



.btn-secondary.disabled:hover,

.btn-secondary:disabled:hover,

.btn-tertiary:disabled:hover,

.disabled.btn-tertiary:hover {

    background-color: #f6f6f6;

    border-color: transparent
}



.btn-info {

    color: #fff;

    background-color: #5bc0de;

    border-color: #5bc0de
}



.btn-info:hover {

    color: #fff;

    background-color: #31b0d5;

    border-color: #2aabd2
}



.btn-info.focus,

.btn-info:focus {

    color: #fff;

    background-color: #31b0d5;

    border-color: #2aabd2
}



.btn-info.active,

.btn-info:active,

.open>.btn-info.dropdown-toggle {

    color: #fff;

    background-color: #31b0d5;

    border-color: #2aabd2;

    background-image: none
}



.btn-info.active.focus,

.btn-info.active:focus,

.btn-info.active:hover,

.btn-info:active.focus,

.btn-info:active:focus,

.btn-info:active:hover,

.open>.btn-info.dropdown-toggle.focus,

.open>.btn-info.dropdown-toggle:focus,

.open>.btn-info.dropdown-toggle:hover {

    color: #fff;

    background-color: #269abc;

    border-color: #1f7e9a
}



.btn-info.disabled.focus,

.btn-info.disabled:focus,

.btn-info:disabled.focus,

.btn-info:disabled:focus {

    background-color: #5bc0de;

    border-color: #5bc0de
}



.btn-info.disabled:hover,

.btn-info:disabled:hover {

    background-color: #5bc0de;

    border-color: #5bc0de
}



.btn-success {

    color: #fff;

    background-color: #4cbb6c;

    border-color: #4cbb6c
}



.btn-success:hover {

    color: #fff;

    background-color: #3a9a56;

    border-color: #389252
}



.btn-success.focus,

.btn-success:focus {

    color: #fff;

    background-color: #3a9a56;

    border-color: #389252
}



.btn-success.active,

.btn-success:active,

.open>.btn-success.dropdown-toggle {

    color: #fff;

    background-color: #3a9a56;

    border-color: #389252;

    background-image: none
}



.btn-success.active.focus,

.btn-success.active:focus,

.btn-success.active:hover,

.btn-success:active.focus,

.btn-success:active:focus,

.btn-success:active:hover,

.open>.btn-success.dropdown-toggle.focus,

.open>.btn-success.dropdown-toggle:focus,

.open>.btn-success.dropdown-toggle:hover {

    color: #fff;

    background-color: #318047;

    border-color: #256237
}



.btn-success.disabled.focus,

.btn-success.disabled:focus,

.btn-success:disabled.focus,

.btn-success:disabled:focus {

    background-color: #4cbb6c;

    border-color: #4cbb6c
}



.btn-success.disabled:hover,

.btn-success:disabled:hover {

    background-color: #4cbb6c;

    border-color: #4cbb6c
}



.btn-warning {

    color: #fff;

    background-color: #ff9a52;

    border-color: #ff9a52
}



.btn-warning:hover {

    color: #fff;

    background-color: #ff7c1f;

    border-color: #ff7615
}



.btn-warning.focus,

.btn-warning:focus {

    color: #fff;

    background-color: #ff7c1f;

    border-color: #ff7615
}



.btn-warning.active,

.btn-warning:active,

.open>.btn-warning.dropdown-toggle {

    color: #fff;

    background-color: #ff7c1f;

    border-color: #ff7615;

    background-image: none
}



.btn-warning.active.focus,

.btn-warning.active:focus,

.btn-warning.active:hover,

.btn-warning:active.focus,

.btn-warning:active:focus,

.btn-warning:active:hover,

.open>.btn-warning.dropdown-toggle.focus,

.open>.btn-warning.dropdown-toggle:focus,

.open>.btn-warning.dropdown-toggle:hover {

    color: #fff;

    background-color: #fa6800;

    border-color: #d25700
}



.btn-warning.disabled.focus,

.btn-warning.disabled:focus,

.btn-warning:disabled.focus,

.btn-warning:disabled:focus {

    background-color: #ff9a52;

    border-color: #ff9a52
}



.btn-warning.disabled:hover,

.btn-warning:disabled:hover {

    background-color: #ff9a52;

    border-color: #ff9a52
}



.btn-danger {

    color: #fff;

    background-color: #ff4c4c;

    border-color: #ff4c4c
}



.btn-danger:hover {

    color: #fff;

    background-color: #ff1919;

    border-color: #ff0f0f
}



.btn-danger.focus,

.btn-danger:focus {

    color: #fff;

    background-color: #ff1919;

    border-color: #ff0f0f
}



.btn-danger.active,

.btn-danger:active,

.open>.btn-danger.dropdown-toggle {

    color: #fff;

    background-color: #ff1919;

    border-color: #ff0f0f;

    background-image: none
}



.btn-danger.active.focus,

.btn-danger.active:focus,

.btn-danger.active:hover,

.btn-danger:active.focus,

.btn-danger:active:focus,

.btn-danger:active:hover,

.open>.btn-danger.dropdown-toggle.focus,

.open>.btn-danger.dropdown-toggle:focus,

.open>.btn-danger.dropdown-toggle:hover {

    color: #fff;

    background-color: #f40000;

    border-color: #c00
}



.btn-danger.disabled.focus,

.btn-danger.disabled:focus,

.btn-danger:disabled.focus,

.btn-danger:disabled:focus {

    background-color: #ff4c4c;

    border-color: #ff4c4c
}



.btn-danger.disabled:hover,

.btn-danger:disabled:hover {

    background-color: #ff4c4c;

    border-color: #ff4c4c
}



.btn-outline-primary {

    color: #24b9d7;

    background-image: none;

    background-color: transparent;

    border-color: #24b9d7
}



.btn-outline-primary:hover {

    color: #fff;

    background-color: #24b9d7;

    border-color: #24b9d7
}



.btn-outline-primary.focus,

.btn-outline-primary:focus {

    color: #fff;

    background-color: #24b9d7;

    border-color: #24b9d7
}



.btn-outline-primary.active,

.btn-outline-primary:active,

.open>.btn-outline-primary.dropdown-toggle {

    color: #fff;

    background-color: #24b9d7;

    border-color: #24b9d7
}



.btn-outline-primary.active.focus,

.btn-outline-primary.active:focus,

.btn-outline-primary.active:hover,

.btn-outline-primary:active.focus,

.btn-outline-primary:active:focus,

.btn-outline-primary:active:hover,

.open>.btn-outline-primary.dropdown-toggle.focus,

.open>.btn-outline-primary.dropdown-toggle:focus,

.open>.btn-outline-primary.dropdown-toggle:hover {

    color: #fff;

    background-color: #18798d;

    border-color: #125b6a
}



.btn-outline-primary.disabled.focus,

.btn-outline-primary.disabled:focus,

.btn-outline-primary:disabled.focus,

.btn-outline-primary:disabled:focus {

    border-color: #79d6e8
}



.btn-outline-primary.disabled:hover,

.btn-outline-primary:disabled:hover {

    border-color: #79d6e8
}



.btn-outline-secondary,

.btn-outline-secondary:hover {

    background-color: transparent;

    border-color: transparent
}



.btn-outline-secondary {

    color: transparent;

    background-image: none
}



.btn-outline-secondary:hover {

    color: #fff
}



.btn-outline-secondary.focus,

.btn-outline-secondary:focus {

    color: #fff;

    background-color: transparent;

    border-color: transparent
}



.btn-outline-secondary.active,

.btn-outline-secondary:active,

.open>.btn-outline-secondary.dropdown-toggle {

    color: #fff;

    background-color: transparent;

    border-color: transparent
}



.btn-outline-secondary.active.focus,

.btn-outline-secondary.active:focus,

.btn-outline-secondary.active:hover,

.btn-outline-secondary:active.focus,

.btn-outline-secondary:active:focus,

.btn-outline-secondary:active:hover,

.open>.btn-outline-secondary.dropdown-toggle.focus,

.open>.btn-outline-secondary.dropdown-toggle:focus,

.open>.btn-outline-secondary.dropdown-toggle:hover {

    color: #fff;

    background-color: transparent;

    border-color: transparent
}



.btn-outline-secondary.disabled.focus,

.btn-outline-secondary.disabled:focus,

.btn-outline-secondary:disabled.focus,

.btn-outline-secondary:disabled:focus {

    border-color: transparent
}



.btn-outline-secondary.disabled:hover,

.btn-outline-secondary:disabled:hover {

    border-color: transparent
}



.btn-outline-info {

    color: #5bc0de;

    background-image: none;

    background-color: transparent;

    border-color: #5bc0de
}



.btn-outline-info:hover {

    color: #fff;

    background-color: #5bc0de;

    border-color: #5bc0de
}



.btn-outline-info.focus,

.btn-outline-info:focus {

    color: #fff;

    background-color: #5bc0de;

    border-color: #5bc0de
}



.btn-outline-info.active,

.btn-outline-info:active,

.open>.btn-outline-info.dropdown-toggle {

    color: #fff;

    background-color: #5bc0de;

    border-color: #5bc0de
}



.btn-outline-info.active.focus,

.btn-outline-info.active:focus,

.btn-outline-info.active:hover,

.btn-outline-info:active.focus,

.btn-outline-info:active:focus,

.btn-outline-info:active:hover,

.open>.btn-outline-info.dropdown-toggle.focus,

.open>.btn-outline-info.dropdown-toggle:focus,

.open>.btn-outline-info.dropdown-toggle:hover {

    color: #fff;

    background-color: #269abc;

    border-color: #1f7e9a
}



.btn-outline-info.disabled.focus,

.btn-outline-info.disabled:focus,

.btn-outline-info:disabled.focus,

.btn-outline-info:disabled:focus {

    border-color: #b0e1ef
}



.btn-outline-info.disabled:hover,

.btn-outline-info:disabled:hover {

    border-color: #b0e1ef
}



.btn-outline-success {

    color: #4cbb6c;

    background-image: none;

    background-color: transparent;

    border-color: #4cbb6c
}



.btn-outline-success:hover {

    color: #fff;

    background-color: #4cbb6c;

    border-color: #4cbb6c
}



.btn-outline-success.focus,

.btn-outline-success:focus {

    color: #fff;

    background-color: #4cbb6c;

    border-color: #4cbb6c
}



.btn-outline-success.active,

.btn-outline-success:active,

.open>.btn-outline-success.dropdown-toggle {

    color: #fff;

    background-color: #4cbb6c;

    border-color: #4cbb6c
}



.btn-outline-success.active.focus,

.btn-outline-success.active:focus,

.btn-outline-success.active:hover,

.btn-outline-success:active.focus,

.btn-outline-success:active:focus,

.btn-outline-success:active:hover,

.open>.btn-outline-success.dropdown-toggle.focus,

.open>.btn-outline-success.dropdown-toggle:focus,

.open>.btn-outline-success.dropdown-toggle:hover {

    color: #fff;

    background-color: #318047;

    border-color: #256237
}



.btn-outline-success.disabled.focus,

.btn-outline-success.disabled:focus,

.btn-outline-success:disabled.focus,

.btn-outline-success:disabled:focus {

    border-color: #96d7a9
}



.btn-outline-success.disabled:hover,

.btn-outline-success:disabled:hover {

    border-color: #96d7a9
}



.btn-outline-warning {

    color: #ff9a52;

    background-image: none;

    background-color: transparent;

    border-color: #ff9a52
}



.btn-outline-warning:hover {

    color: #fff;

    background-color: #ff9a52;

    border-color: #ff9a52
}



.btn-outline-warning.focus,

.btn-outline-warning:focus {

    color: #fff;

    background-color: #ff9a52;

    border-color: #ff9a52
}



.btn-outline-warning.active,

.btn-outline-warning:active,

.open>.btn-outline-warning.dropdown-toggle {

    color: #fff;

    background-color: #ff9a52;

    border-color: #ff9a52
}



.btn-outline-warning.active.focus,

.btn-outline-warning.active:focus,

.btn-outline-warning.active:hover,

.btn-outline-warning:active.focus,

.btn-outline-warning:active:focus,

.btn-outline-warning:active:hover,

.open>.btn-outline-warning.dropdown-toggle.focus,

.open>.btn-outline-warning.dropdown-toggle:focus,

.open>.btn-outline-warning.dropdown-toggle:hover {

    color: #fff;

    background-color: #fa6800;

    border-color: #d25700
}



.btn-outline-warning.disabled.focus,

.btn-outline-warning.disabled:focus,

.btn-outline-warning:disabled.focus,

.btn-outline-warning:disabled:focus {

    border-color: #ffd6b8
}



.btn-outline-warning.disabled:hover,

.btn-outline-warning:disabled:hover {

    border-color: #ffd6b8
}



.btn-outline-danger {

    color: #ff4c4c;

    background-image: none;

    background-color: transparent;

    border-color: #ff4c4c
}



.btn-outline-danger:hover {

    color: #fff;

    background-color: #ff4c4c;

    border-color: #ff4c4c
}



.btn-outline-danger.focus,

.btn-outline-danger:focus {

    color: #fff;

    background-color: #ff4c4c;

    border-color: #ff4c4c
}



.btn-outline-danger.active,

.btn-outline-danger:active,

.open>.btn-outline-danger.dropdown-toggle {

    color: #fff;

    background-color: #ff4c4c;

    border-color: #ff4c4c
}



.btn-outline-danger.active.focus,

.btn-outline-danger.active:focus,

.btn-outline-danger.active:hover,

.btn-outline-danger:active.focus,

.btn-outline-danger:active:focus,

.btn-outline-danger:active:hover,

.open>.btn-outline-danger.dropdown-toggle.focus,

.open>.btn-outline-danger.dropdown-toggle:focus,

.open>.btn-outline-danger.dropdown-toggle:hover {

    color: #fff;

    background-color: #f40000;

    border-color: #c00
}



.btn-outline-danger.disabled.focus,

.btn-outline-danger.disabled:focus,

.btn-outline-danger:disabled.focus,

.btn-outline-danger:disabled:focus {

    border-color: #ffb2b2
}



.btn-outline-danger.disabled:hover,

.btn-outline-danger:disabled:hover {

    border-color: #ffb2b2
}



.btn-link {

    font-weight: 400;

    color: #24b9d7;

    border-radius: 0
}



.btn-link,

.btn-link.active,

.btn-link:active,

.btn-link:disabled {

    background-color: transparent
}



.btn-link,

.btn-link:active,

.btn-link:focus {

    border-color: transparent
}



.btn-link:hover {

    border-color: transparent
}



.btn-link:focus,

.btn-link:hover {

    color: #198195;

    text-decoration: underline;

    background-color: transparent
}



.btn-link:disabled:focus,

.btn-link:disabled:hover {

    color: #f6f6f6;

    text-decoration: none
}



.btn-group-lg>.btn,

.btn-lg {

    padding: .75rem 1.5rem;

    font-size: .9375rem;

    border-radius: .3rem
}



.btn-group-sm>.btn,

.btn-sm {

    padding: .25rem .5rem;

    font-size: .875rem;

    border-radius: .2rem
}



.btn-block {

    display: block;

    width: 100%
}



.btn-block+.btn-block {

    margin-top: .5rem
}



#order-items table,

#pagenotfound .page-content #search_widget,

#pagenotfound .page-not-found .search-widget input,

#products .page-not-found .search-widget input,

.advertising-block img,

input[type=button].btn-block,

input[type=reset].btn-block,

input[type=submit].btn-block {

    width: 100%
}



.fade {

    opacity: 0;

    -webkit-transition: opacity .15s linear;

    transition: opacity .15s linear
}



.fade.in {

    opacity: 1;
}



.collapse:not(.show) {

    display: none
}



.collapse.in {

    display: block
}



tr.collapse.in {

    display: table-row
}



tbody.collapse.in {

    display: table-row-group
}



.collapsing {

    height: 0;

    overflow: hidden;

    -webkit-transition-timing-function: ease;

    transition-timing-function: ease;

    -webkit-transition-duration: .35s;

    transition-duration: .35s;

    -webkit-transition-property: height;

    transition-property: height
}



.collapsing,

.dropdown,

.dropup {

    position: relative
}



.dropdown-toggle::after {

    display: inline-block;

    width: 0;

    height: 0;

    margin-left: .3em;

    vertical-align: middle;

    content: "";

    border-top: .3em solid;

    border-right: .3em solid transparent;

    border-left: .3em solid transparent
}



.dropdown-toggle:focus {

    outline: 0
}



.dropup .dropdown-toggle::after {

    border-top: 0;

    border-bottom: .3em solid
}



.dropdown-menu {

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 1000;

    display: none;

    float: left;

    min-width: 10rem;

    padding: .5rem 0;

    margin: .125rem 0 0;

    font-size: 1rem;

    color: #363a42;

    text-align: left;

    list-style: none;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid rgba(0, 0, 0, .15);

    border-radius: 0
}



.dropdown-divider {

    height: 1px;

    margin: .5rem 0;

    overflow: hidden;

    background-color: #e5e5e5
}



.dropdown-item {

    display: block;

    width: 100%;

    padding: 3px 1.5rem;

    clear: both;

    font-weight: 400;

    color: #363a42;

    text-align: inherit;

    white-space: nowrap;

    background: 0 0;

    border: 0
}



.dropdown-item:focus,

.dropdown-item:hover {

    background-color: #f5f5f5
}



.dropdown-item.active,

.dropdown-item.active:focus,

.dropdown-item.active:hover {

    color: #fff;

    text-decoration: none;

    background-color: #24b9d7;

    outline: 0
}



.dropdown-item.disabled,

.dropdown-item.disabled:focus,

.dropdown-item.disabled:hover {

    color: #f6f6f6
}



.dropdown-item.disabled:focus,

.dropdown-item.disabled:hover {

    text-decoration: none;

    cursor: not-allowed;

    background-color: transparent;

    background-image: none;

    filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"

}



.open>.dropdown-menu {

    display: block
}



.open>a {

    outline: 0
}



.dropdown-menu-right {

    right: 0;

    left: auto
}



.dropdown-menu-left {

    right: auto;

    left: 0
}



.dropdown-header {

    display: block;

    padding: .5rem 1.5rem;

    margin-bottom: 0;

    font-size: .875rem;

    color: #f6f6f6;

    white-space: nowrap
}



.dropdown-backdrop {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 990
}



.dropup .caret,

.navbar-fixed-bottom .dropdown .caret {

    content: "";

    border-top: 0;

    border-bottom: .3em solid
}



.dropup .dropdown-menu,

.navbar-fixed-bottom .dropdown .dropdown-menu {

    top: auto;

    bottom: 100%;

    margin-bottom: .125rem
}



.btn-group,

.btn-group-vertical {

    position: relative;

    display: inline-block;

    vertical-align: middle
}



.btn-group>.btn {

    float: left
}



.btn-group-vertical>.btn,

.btn-group>.btn {

    position: relative;

    margin-bottom: 0
}



.btn-group-vertical>.btn.active,

.btn-group-vertical>.btn:active,

.btn-group-vertical>.btn:focus,

.btn-group>.btn.active,

.btn-group>.btn:active,

.btn-group>.btn:focus {

    z-index: 2
}



.btn-group-vertical>.btn:hover,

.btn-group>.btn:hover {

    z-index: 2
}



.btn-group .btn+.btn,

.btn-group .btn+.btn-group,

.btn-group .btn-group+.btn,

.btn-group .btn-group+.btn-group {

    margin-left: -1px
}



.btn-toolbar {

    margin-left: -.5rem
}



.btn-toolbar::after {

    content: "";

    display: table;

    clear: both
}



.btn-toolbar .btn-group,

.btn-toolbar .input-group {

    float: left
}



.btn-toolbar>.btn,

.btn-toolbar>.btn-group,

.btn-toolbar>.input-group {

    margin-left: .5rem
}



.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {

    border-radius: 0
}



.btn-group>.btn:first-child {

    margin-left: 0
}



.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {

    border-bottom-right-radius: 0;

    border-top-right-radius: 0
}



.btn-group>.btn:last-child:not(:first-child),

.btn-group>.dropdown-toggle:not(:first-child) {

    border-bottom-left-radius: 0;

    border-top-left-radius: 0
}



.btn-group>.btn-group {

    float: left
}



.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {

    border-radius: 0
}



.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,

.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {

    border-bottom-right-radius: 0;

    border-top-right-radius: 0
}



.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {

    border-bottom-left-radius: 0;

    border-top-left-radius: 0
}



.btn-group .dropdown-toggle:active,

.btn-group.open .dropdown-toggle {

    outline: 0
}



.btn+.dropdown-toggle-split {

    padding-right: .75rem;

    padding-left: .75rem
}



.btn+.dropdown-toggle-split::after {

    margin-left: 0
}



.btn-group-sm>.btn+.dropdown-toggle-split,

.btn-sm+.dropdown-toggle-split {

    padding-right: .375rem;

    padding-left: .375rem
}



.btn-group-lg>.btn+.dropdown-toggle-split,

.btn-lg+.dropdown-toggle-split {

    padding-right: 1.125rem;

    padding-left: 1.125rem
}



.btn .caret {

    margin-left: 0
}



.btn-group-lg>.btn .caret,

.btn-lg .caret {

    border-width: .3em .3em 0
}



.dropup .btn-group-lg>.btn .caret,

.dropup .btn-lg .caret {

    border-width: 0 .3em .3em
}



.btn-group-vertical>.btn,

.btn-group-vertical>.btn-group,

.btn-group-vertical>.btn-group>.btn {

    display: block;

    width: 100%;

    max-width: 100%;

    float: none
}



.btn-group-vertical>.btn-group::after {

    content: "";

    display: table;

    clear: both
}



.btn-group-vertical>.btn+.btn,

.btn-group-vertical>.btn+.btn-group,

.btn-group-vertical>.btn-group+.btn,

.btn-group-vertical>.btn-group+.btn-group {

    margin-top: -1px;

    margin-left: 0
}



.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn,

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {

    border-radius: 0
}



.btn-group-vertical>.btn:first-child:not(:last-child) {

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0
}



.btn-group-vertical>.btn:last-child:not(:first-child) {

    border-top-right-radius: 0;

    border-top-left-radius: 0
}



.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0
}



.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {

    border-top-right-radius: 0;

    border-top-left-radius: 0
}



[data-toggle=buttons]>.btn input[type=checkbox],

[data-toggle=buttons]>.btn input[type=radio],

[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],

[data-toggle=buttons]>.btn-group>.btn input[type=radio] {

    position: absolute;

    clip: rect(0, 0, 0, 0);

    pointer-events: none
}



.input-group {

    position: relative;

    width: 100%;

    display: table;

    border-collapse: separate
}



.input-group .form-control {

    position: relative;

    z-index: 2;

    float: left;

    width: 100%;

    margin-bottom: 0
}



.input-group .form-control:active,

.input-group .form-control:focus,

.input-group .form-control:hover {

    z-index: 3
}



.input-group .form-control,

.input-group-addon,

.input-group-btn {

    display: table-cell
}



.input-group .form-control:not(:first-child):not(:last-child),

.input-group-addon:not(:first-child):not(:last-child),

.input-group-btn:not(:first-child):not(:last-child) {

    border-radius: 0
}



.input-group-addon {

    white-space: nowrap
}



.input-group-addon,

.input-group-btn {

    width: 1%;

    vertical-align: middle
}



.input-group-addon {

    padding: .5rem .75rem;

    margin-bottom: 0;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.25;

    color: #7a7a7a;

    text-align: center;

    background-color: #f6f6f6;

    border: 1px solid rgba(0, 0, 0, .25);

    border-radius: 0
}



.input-group-addon.form-control-sm,

.input-group-sm>.input-group-addon,

.input-group-sm>.input-group-btn>.input-group-addon.btn {

    padding: .25rem .5rem;

    font-size: .875rem;

    border-radius: .2rem
}



.input-group-addon.form-control-lg,

.input-group-lg>.input-group-addon,

.input-group-lg>.input-group-btn>.input-group-addon.btn {

    padding: .75rem 1.5rem;

    font-size: .9375rem;

    border-radius: .3rem
}



.input-group-addon input[type=checkbox],

.input-group-addon input[type=radio] {

    margin-top: 0
}



.input-group .form-control:not(:last-child),

.input-group-addon:not(:last-child),

.input-group-btn:not(:first-child)>.btn-group:not(:last-child)>.btn,

.input-group-btn:not(:first-child)>.btn:not(:last-child):not(.dropdown-toggle),

.input-group-btn:not(:last-child)>.btn,

.input-group-btn:not(:last-child)>.btn-group>.btn,

.input-group-btn:not(:last-child)>.dropdown-toggle {

    border-bottom-right-radius: 0;

    border-top-right-radius: 0
}



.input-group-addon:not(:last-child) {

    border-right: 0
}



.input-group .form-control:not(:first-child),

.input-group-addon:not(:first-child),

.input-group-btn:not(:first-child)>.btn,

.input-group-btn:not(:first-child)>.btn-group>.btn,

.input-group-btn:not(:first-child)>.dropdown-toggle,

.input-group-btn:not(:last-child)>.btn-group:not(:first-child)>.btn,

.input-group-btn:not(:last-child)>.btn:not(:first-child) {

    border-bottom-left-radius: 0;

    border-top-left-radius: 0
}



.form-control+.input-group-addon:not(:first-child) {

    border-left: 0
}



.input-group-btn {

    font-size: 0;

    white-space: nowrap
}



.input-group-btn,

.input-group-btn>.btn {

    position: relative
}



.input-group-btn>.btn+.btn {

    margin-left: -1px
}



.input-group-btn>.btn:active,

.input-group-btn>.btn:focus,

.input-group-btn>.btn:hover {

    z-index: 3
}



.input-group-btn:not(:last-child)>.btn,

.input-group-btn:not(:last-child)>.btn-group {

    margin-right: -1px
}



.input-group-btn:not(:first-child)>.btn,

.input-group-btn:not(:first-child)>.btn-group {

    z-index: 2;

    margin-left: -1px
}



.input-group-btn:not(:first-child)>.btn-group:active,

.input-group-btn:not(:first-child)>.btn-group:focus,

.input-group-btn:not(:first-child)>.btn-group:hover,

.input-group-btn:not(:first-child)>.btn:active,

.input-group-btn:not(:first-child)>.btn:focus,

.input-group-btn:not(:first-child)>.btn:hover {

    z-index: 3
}



.custom-control {

    position: relative;

    display: inline-block;

    padding-left: 1.5rem;

    cursor: pointer
}



.custom-control+.custom-control {

    margin-left: 1rem
}



.custom-control-input {

    position: absolute;

    z-index: -1;

    opacity: 0
}



.custom-control-input:checked~.custom-control-indicator {

    color: #fff;

    background-color: #0074d9
}



.custom-control-input:focus~.custom-control-indicator {

    -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;

    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9
}



.custom-control-input:active~.custom-control-indicator {

    color: #fff;

    background-color: #84c6ff
}



.custom-control-input:disabled~.custom-control-indicator {

    cursor: not-allowed;

    background-color: #eee
}



.custom-control-input:disabled~.custom-control-description {

    color: #767676;

    cursor: not-allowed
}



.custom-control-indicator {

    position: absolute;

    top: .25rem;

    left: 0;

    display: block;

    width: 1rem;

    height: 1rem;

    pointer-events: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-color: #ddd;

    background-repeat: no-repeat;

    background-position: center center;

    background-size: 50% 50%
}



.custom-checkbox .custom-control-indicator {

    border-radius: 0
}



.custom-checkbox .custom-control-input:checked~.custom-control-indicator {

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3E%3Cpath fill=%27#fff%27%20d=%27M6.564.75l-3.59%203.612-1.538-1.55L0%204.26%202.974%207.25%208%202.193z%27/%3E%3C/svg%3E")
}



.custom-checkbox .custom-control-input:indeterminate~.custom-control-indicator {

    background-color: #0074d9;

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 4%27%3E%3Cpath stroke=%27#fff%27%20d=%27M0%202h4%27/%3E%3C/svg%3E")
}



.custom-radio .custom-control-indicator {

    border-radius: 50%
}



.custom-radio .custom-control-input:checked~.custom-control-indicator {

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3E%3Ccircle r=%273%27 fill=%27#fff%27/%3E%3C/svg%3E")
}



.custom-controls-stacked .custom-control {

    float: left;

    clear: left
}



.custom-controls-stacked .custom-control+.custom-control {

    margin-left: 0
}



.custom-select {

    display: inline-block;

    max-width: 100%;

    height: calc(2.5rem - 2px);

    padding: .375rem 1.75rem .375rem .75rem;

    padding-right: .75rem \9;

    color: #7a7a7a;

    vertical-align: middle;

    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 5%27%3E%3Cpath fill=%27#333%27%20d=%27M2%200L0%202h4zm0%205L0%203h4z%27/%3E%3C/svg%3E") no-repeat right .75rem center;

    background-image: none \9;

    background-size: 8px 10px;

    border: 1px solid rgba(0, 0, 0, .25);

    border-radius: 0;

    -moz-appearance: none;

    -webkit-appearance: none
}



.custom-select:focus {

    border-color: #51a7e8;

    outline: 0
}



.custom-select:focus::-ms-value {

    color: #7a7a7a;

    background-color: #fff
}



.custom-select:disabled {

    color: #f6f6f6;

    cursor: not-allowed;

    background-color: #f6f6f6
}



.custom-select::-ms-expand {

    opacity: 0
}



.custom-select-sm {

    padding-top: .375rem;

    padding-bottom: .375rem;

    font-size: 75%
}



.custom-file {

    position: relative;

    display: inline-block;

    max-width: 100%;

    height: 2.5rem;

    cursor: pointer
}



.custom-file-input {

    min-width: 14rem;

    max-width: 100%;

    margin: 0;

    filter: alpha(opacity=0);

    opacity: 0
}



.custom-file-control {

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    z-index: 5;

    height: 2.5rem;

    padding: .5rem 1rem;

    line-height: 1.5;

    color: #555;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-color: #fff;

    border: 1px solid #ddd;

    border-radius: 0
}



.custom-file-control:lang(en)::after {

    content: "Choose file..."

}



.custom-file-control::before {

    position: absolute;

    top: -1px;

    right: -1px;

    bottom: -1px;

    z-index: 6;

    display: block;

    height: 2.5rem;

    padding: .5rem 1rem;

    line-height: 1.5;

    color: #555;

    background-color: #eee;

    border: 1px solid #ddd;

    border-radius: 0 0 0 0
}



.custom-file-control:lang(en)::before {

    content: "Browse"

}



.nav {

    padding-left: 0;

    margin-bottom: 0;

    list-style: none
}



.nav-link {

    display: inline-block
}



.nav-link:focus,

.nav-link:hover {

    text-decoration: none
}



.nav-link.disabled {

    color: #f6f6f6
}



.nav-link.disabled,

.nav-link.disabled:focus,

.nav-link.disabled:hover {

    color: #f6f6f6;

    cursor: not-allowed;

    background-color: transparent
}



.nav-inline .nav-item {

    display: inline-block
}



.nav-inline .nav-item+.nav-item,

.nav-inline .nav-link+.nav-link {

    margin-left: 1rem
}



.nav-tabs {

    border-bottom: 1px solid #ddd
}



.nav-pills::after,

.nav-tabs::after,

.navbar::after {

    content: "";

    display: table;

    clear: both
}



.nav-tabs .nav-item {

    float: left;

    margin-bottom: -1px
}



.nav-tabs .nav-item+.nav-item {

    margin-left: .2rem
}



.nav-tabs .nav-link {

    display: block;

    padding: .5em 1em;

    border: 1px solid transparent;

    border-top-right-radius: 0;

    border-top-left-radius: 0
}



.nav-tabs .nav-link:focus,

.nav-tabs .nav-link:hover {

    border-color: #f6f6f6 #f6f6f6 #ddd
}



.nav-tabs .nav-link.disabled,

.nav-tabs .nav-link.disabled:focus,

.nav-tabs .nav-link.disabled:hover {

    color: #f6f6f6;

    background-color: transparent;

    border-color: transparent
}



.nav-tabs .nav-item.open .nav-link,

.nav-tabs .nav-item.open .nav-link:focus,

.nav-tabs .nav-item.open .nav-link:hover,

.nav-tabs .nav-link.active,

.nav-tabs .nav-link.active:focus,

.nav-tabs .nav-link.active:hover {

    color: #7a7a7a;

    background-color: #fff;

    border-color: #ddd #ddd transparent
}



.nav-tabs .dropdown-menu {

    margin-top: -1px;

    border-top-right-radius: 0;

    border-top-left-radius: 0
}



.nav-pills .nav-item {

    float: left
}



.nav-pills .nav-item+.nav-item {

    margin-left: .2rem
}



.nav-pills .nav-link {

    display: block;

    padding: .5em 1em;

    border-radius: 0
}



.nav-pills .nav-item.open .nav-link,

.nav-pills .nav-item.open .nav-link:focus,

.nav-pills .nav-item.open .nav-link:hover,

.nav-pills .nav-link.active,

.nav-pills .nav-link.active:focus,

.nav-pills .nav-link.active:hover {

    color: #fff;

    cursor: default;

    background-color: #24b9d7
}



.nav-stacked .nav-item {

    display: block;

    float: none
}



.nav-stacked .nav-item+.nav-item {

    margin-top: .2rem;

    margin-left: 0
}





#mobile_top_menu_wrapper .top-menu .collapse-icons .remove,

#mobile_top_menu_wrapper .top-menu .collapse-icons[aria-expanded=true] .add,

.tab-content>.tab-pane {

    display: none
}



.tab-content>.active {

    display: block
}



.navbar {

    position: relative;

    padding: .5rem 1rem
}



.navbar-full {

    z-index: 1000
}



.navbar-fixed-bottom,

.navbar-fixed-top {

    position: fixed;

    right: 0;

    left: 0;

    z-index: 1030
}



.navbar-fixed-top {

    top: 0
}



.navbar-fixed-bottom {

    bottom: 0
}



.navbar-sticky-top {

    position: sticky;

    top: 0;

    z-index: 1030;

    width: 100%
}



.navbar-brand {

    float: left;

    padding-top: .25rem;

    padding-bottom: .25rem;

    margin-right: 1rem;

    font-size: .9375rem;

    line-height: inherit
}



.navbar-brand:focus,

.navbar-brand:hover,

.navbar-toggler:focus,

.navbar-toggler:hover {

    text-decoration: none
}



.navbar-divider,

.navbar-text {

    padding-top: .425rem;

    padding-bottom: .425rem
}



.navbar-divider {

    float: left;

    width: 1px;

    margin-right: 1rem;

    margin-left: 1rem;

    overflow: hidden
}



.navbar-divider::before {

    content: " "

}



.navbar-text {

    display: inline-block
}



.navbar-toggler {

    width: 2.5em;

    height: 2em;

    padding: .5rem .75rem;

    font-size: .9375rem;

    line-height: 1;

    background: no-repeat center center;

    background-size: 24px 24px;

    border: 1px solid transparent;

    border-radius: 0
}



.breadcrumb::after,

.card-block::after,

.card-footer::after,

.card-header::after,

.modal-footer::after,

.modal-header::after,

.navbar-toggleable-lg::after,

.navbar-toggleable-md::after,

.navbar-toggleable-sm::after,

.navbar-toggleable-xl::after,

.navbar-toggleable-xs::after {

    content: "";

    display: table;

    clear: both
}



.navbar-toggleable-xl {

    display: block
}



.navbar-toggleable-xl .navbar-brand {

    display: block;

    float: none;

    margin-top: .5rem;

    margin-right: 0
}



.navbar-toggleable-xl .navbar-nav {

    margin-top: .5rem;

    margin-bottom: .5rem
}



.navbar-toggleable-xl .navbar-nav .dropdown-menu {

    position: static;

    float: none
}



.navbar-nav .nav-item {

    float: left
}



.navbar-nav .nav-link {

    display: block;

    padding-top: .425rem;

    padding-bottom: .425rem
}



.navbar-nav .nav-item+.nav-item,

.navbar-nav .nav-link+.nav-link {

    margin-left: 1rem
}



.navbar-light .navbar-brand,

.navbar-light .navbar-toggler {

    color: rgba(0, 0, 0, .9)
}



.navbar-light .navbar-brand:focus,

.navbar-light .navbar-brand:hover,

.navbar-light .navbar-toggler:focus,

.navbar-light .navbar-toggler:hover {

    color: rgba(0, 0, 0, .9)
}



.navbar-light .navbar-nav .nav-link {

    color: rgba(0, 0, 0, .5)
}



.navbar-light .navbar-nav .nav-link:focus,

.navbar-light .navbar-nav .nav-link:hover {

    color: rgba(0, 0, 0, .7)
}



.navbar-light .navbar-nav .active>.nav-link,

.navbar-light .navbar-nav .active>.nav-link:focus,

.navbar-light .navbar-nav .active>.nav-link:hover,

.navbar-light .navbar-nav .nav-link.active,

.navbar-light .navbar-nav .nav-link.active:focus,

.navbar-light .navbar-nav .nav-link.active:hover,

.navbar-light .navbar-nav .nav-link.open,

.navbar-light .navbar-nav .nav-link.open:focus,

.navbar-light .navbar-nav .nav-link.open:hover,

.navbar-light .navbar-nav .open>.nav-link,

.navbar-light .navbar-nav .open>.nav-link:focus,

.navbar-light .navbar-nav .open>.nav-link:hover {

    color: rgba(0, 0, 0, .9)
}



.navbar-light .navbar-toggler {

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=%270 0 32 32%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath stroke=%27rgba%280, 0, 0, 0.5%29%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 d=%27M4 8h24M4 16h24M4 24h24%27/%3E%3C/svg%3E");

    border-color: rgba(0, 0, 0, .1)
}



.navbar-light .navbar-divider {

    background-color: rgba(0, 0, 0, .075)
}



.navbar-dark .navbar-brand,

.navbar-dark .navbar-toggler {

    color: #fff
}



.navbar-dark .navbar-brand:focus,

.navbar-dark .navbar-brand:hover,

.navbar-dark .navbar-toggler:focus,

.navbar-dark .navbar-toggler:hover {

    color: #fff
}



.navbar-dark .navbar-nav .nav-link {

    color: rgba(255, 255, 255, .5)
}



.navbar-dark .navbar-nav .nav-link:focus,

.navbar-dark .navbar-nav .nav-link:hover {

    color: rgba(255, 255, 255, .75)
}



.navbar-dark .navbar-nav .active>.nav-link,

.navbar-dark .navbar-nav .active>.nav-link:focus,

.navbar-dark .navbar-nav .active>.nav-link:hover,

.navbar-dark .navbar-nav .nav-link.active,

.navbar-dark .navbar-nav .nav-link.active:focus,

.navbar-dark .navbar-nav .nav-link.active:hover,

.navbar-dark .navbar-nav .nav-link.open,

.navbar-dark .navbar-nav .nav-link.open:focus,

.navbar-dark .navbar-nav .nav-link.open:hover,

.navbar-dark .navbar-nav .open>.nav-link,

.navbar-dark .navbar-nav .open>.nav-link:focus,

.navbar-dark .navbar-nav .open>.nav-link:hover {

    color: #fff
}



.navbar-dark .navbar-toggler {

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=%270 0 32 32%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath stroke=%27rgba%28255, 255, 255, 0.5%29%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 d=%27M4 8h24M4 16h24M4 24h24%27/%3E%3C/svg%3E");

    border-color: rgba(255, 255, 255, .1)
}



.navbar-dark .navbar-divider {

    background-color: rgba(255, 255, 255, .075)
}



.card {

    position: relative;

    display: block;

    background-color: #fff;

    border-radius: 0;

    border: 1px solid rgba(0, 0, 0, .125)
}



.card,

.card-title {

    margin-bottom: .75rem
}



.card-subtitle {

    margin-top: -.375rem;

    margin-bottom: 0
}



.card-text:last-child {

    margin-bottom: 0
}



.card-link:hover {

    text-decoration: none
}



.card-link+.card-link {

    margin-left: 1.25rem
}



.card>.list-group:first-child .list-group-item:first-child {

    border-top-right-radius: 0;

    border-top-left-radius: 0
}



.card>.list-group:last-child .list-group-item:last-child {

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0
}



.card-header {

    padding: .75rem 1.25rem;

    margin-bottom: 0;

    background-color: #f5f5f5;

    border-bottom: 1px solid rgba(0, 0, 0, .125)
}



.card-header:first-child {

    border-radius: calc(0 - 1px) calc(0 - 1px) 0 0
}



.card-footer {

    padding: .75rem 1.25rem;

    background-color: #f5f5f5;

    border-top: 1px solid rgba(0, 0, 0, .125)
}



.card-footer:last-child {

    border-radius: 0 0 calc(0 - 1px) calc(0 - 1px)
}



.card-header-tabs {

    margin-bottom: -.75rem;

    border-bottom: 0
}



.card-header-pills,

.card-header-tabs {

    margin-right: -.625rem;

    margin-left: -.625rem
}



.card-primary {

    background-color: #24b9d7;

    border-color: #24b9d7
}



.card-danger .card-footer,

.card-danger .card-header,

.card-info .card-footer,

.card-info .card-header,

.card-primary .card-footer,

.card-primary .card-header,

.card-success .card-footer,

.card-success .card-header,

.card-warning .card-footer,

.card-warning .card-header {

    background-color: transparent
}



.card-success {

    background-color: #4cbb6c;

    border-color: #4cbb6c
}



.card-info {

    background-color: #5bc0de;

    border-color: #5bc0de
}



.card-warning {

    background-color: #ff9a52;

    border-color: #ff9a52
}



.card-danger {

    background-color: #ff4c4c;

    border-color: #ff4c4c
}



.card-outline-primary,

.card-outline-secondary {

    background-color: transparent;

    border-color: #24b9d7
}



.card-outline-secondary {

    border-color: transparent
}



.card-outline-info,

.card-outline-success {

    background-color: transparent;

    border-color: #5bc0de
}



.card-outline-success {

    border-color: #4cbb6c
}



.card-outline-danger,

.card-outline-warning {

    background-color: transparent;

    border-color: #ff9a52
}



.card-outline-danger {

    border-color: #ff4c4c
}



.card-inverse .card-footer,

.card-inverse .card-header {

    border-color: rgba(255, 255, 255, .2)
}



.card-inverse .card-blockquote,

.card-inverse .card-footer,

.card-inverse .card-header,

.card-inverse .card-title {

    color: #fff
}



.card-inverse .card-blockquote .blockquote-footer,

.card-inverse .card-link,

.card-inverse .card-subtitle,

.card-inverse .card-text {

    color: rgba(255, 255, 255, .65)
}



.card-inverse .card-link:focus,

.card-inverse .card-link:hover {

    color: #fff
}



.card-blockquote {

    padding: 0;

    margin-bottom: 0;

    border-left: 0
}



.card-img {

    border-radius: calc(0 - 1px)
}



.card-img-overlay {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    padding: 1.25rem
}



.card-img-top {

    border-top-right-radius: calc(0 - 1px);

    border-top-left-radius: calc(0 - 1px)
}



.card-img-bottom {

    border-bottom-right-radius: calc(0 - 1px);

    border-bottom-left-radius: calc(0 - 1px)
}



.breadcrumb {

    padding: .75rem 1rem;

    margin-bottom: .50rem;

    list-style: none;

    background-color: #f6f6f6;

    border-radius: 0
}



.breadcrumb-item {

    float: left
}



.breadcrumb-item+.breadcrumb-item::before {

    display: inline-block;

    padding-right: .5rem;

    padding-left: .5rem;

    color: #f6f6f6;

    content: "/"

}



.breadcrumb-item+.breadcrumb-item:hover::before {

    text-decoration: none
}



.breadcrumb-item.active {

    color: #f6f6f6
}



.pagination {

    display: inline-block;

    padding-left: 0;

    margin-top: 1.5rem;

    border-radius: 0
}



.page-item {

    display: inline
}



.page-item:first-child .page-link {

    margin-left: 0;

    border-bottom-left-radius: 0;

    border-top-left-radius: 0
}



.page-item:last-child .page-link {

    border-bottom-right-radius: 0;

    border-top-right-radius: 0
}



.page-item.active .page-link,

.page-item.active .page-link:focus,

.page-item.active .page-link:hover {

    z-index: 2;

    color: #fff;

    cursor: default;

    background-color: #24b9d7;

    border-color: #24b9d7
}



.page-item.disabled .page-link,

.page-item.disabled .page-link:focus,

.page-item.disabled .page-link:hover {

    color: #f6f6f6;

    pointer-events: none;

    cursor: not-allowed;

    background-color: #fff;

    border-color: #ddd
}



.page-link {

    position: relative;

    float: left;

    padding: .5rem .75rem;

    margin-left: -1px;

    color: #24b9d7;

    text-decoration: none;

    background-color: #fff;

    border: 1px solid #ddd
}



.page-link:focus,

.page-link:hover {

    color: #198195;

    background-color: #f6f6f6;

    border-color: #ddd
}



.pagination-lg .page-link {

    padding: .75rem 1.5rem;

    font-size: .9375rem
}



.pagination-lg .page-item:first-child .page-link {

    border-bottom-left-radius: .3rem;

    border-top-left-radius: .3rem
}



.pagination-lg .page-item:last-child .page-link {

    border-bottom-right-radius: .3rem;

    border-top-right-radius: .3rem
}



.pagination-sm .page-link {

    padding: .275rem .75rem;

    font-size: .875rem
}



.pagination-sm .page-item:first-child .page-link {

    border-bottom-left-radius: .2rem;

    border-top-left-radius: .2rem
}



.pagination-sm .page-item:last-child .page-link {

    border-bottom-right-radius: .2rem;

    border-top-right-radius: .2rem
}



.tag {

    display: inline-block;

    padding: .25em .4em;

    font-size: 75%;

    font-weight: 700;

    line-height: 1;

    color: #fff;

    text-align: center;

    white-space: nowrap;

    vertical-align: baseline;

    border-radius: 0
}



.tag:empty {

    display: none
}



.btn .tag {

    position: relative;

    top: -1px
}



a.tag:focus,

a.tag:hover {

    color: #fff;

    text-decoration: none;

    cursor: pointer
}



.tag-pill {

    padding-right: .6em;

    padding-left: .6em;

    border-radius: 10rem
}



.tag-default {

    background-color: #f6f6f6
}



.tag-default[href]:focus,

.tag-default[href]:hover {

    background-color: #ddd
}



.tag-primary {

    background-color: #24b9d7
}



.tag-primary[href]:focus,

.tag-primary[href]:hover {

    background-color: #1d93ab
}



.tag-success {

    background-color: #4cbb6c
}



.tag-success[href]:focus,

.tag-success[href]:hover {

    background-color: #3a9a56
}



.tag-info {

    background-color: #5bc0de
}



.tag-info[href]:focus,

.tag-info[href]:hover {

    background-color: #31b0d5
}



.tag-warning {

    background-color: #ff9a52
}



.tag-warning[href]:focus,

.tag-warning[href]:hover {

    background-color: #ff7c1f
}



.tag-danger {

    background-color: #ff4c4c
}



.tag-danger[href]:focus,

.tag-danger[href]:hover {

    background-color: #ff1919
}



.jumbotron {

    padding: 2rem 1rem;

    margin-bottom: 2rem;

    background-color: #f6f6f6;

    border-radius: .3rem
}



.jumbotron-hr {

    border-top-color: #ddd
}



.jumbotron-fluid {

    padding-right: 0;

    padding-left: 0;

    border-radius: 0
}



.alert {

    padding: .75rem 1.25rem;

    margin-bottom: 1rem;

    border: 1px solid transparent;

    border-radius: 0
}



.alert-heading {

    color: inherit
}



.alert-link {

    font-weight: 700
}



.alert-dismissible {

    padding-right: 2.5rem
}



.alert-dismissible .close {

    position: relative;

    top: -.125rem;

    right: -1.25rem;

    color: inherit
}



.alert-success {

    background-color: #dff0d8;

    border-color: #d0e9c6;

    color: #3c763d
}



.alert-success hr {

    border-top-color: #c1e2b3
}



.alert-success .alert-link {

    color: #2b542c
}



.alert-info {

    background-color: #d9edf7;

    border-color: #bcdff1;

    color: #31708f
}



.alert-info hr {

    border-top-color: #a6d5ec
}



.alert-info .alert-link {

    color: #245269
}



.alert-warning {

    background-color: rgba(255, 154, 82, .3);

    border-color: #ff9a52;

    color: var(--text-color)
}



.alert-warning hr {

    border-top-color: #ff8b39
}



.alert-danger {

    background-color: #f2dede;

    border-color: #ebcccc;

    color: #a94442
}



.alert-danger hr {

    border-top-color: #e4b9b9
}



.alert-danger .alert-link {

    color: #843534
}



.progress {

    display: block;

    width: 100%;

    height: 1rem;

    margin-bottom: 1rem
}



.progress[value] {

    background-color: #eee;

    border: 0;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border-radius: 0
}



.progress[value]::-ms-fill {

    background-color: #0074d9;

    border: 0
}



.progress[value]::-moz-progress-bar {

    background-color: #0074d9;

    border-bottom-left-radius: 0;

    border-top-left-radius: 0
}



.progress[value]::-webkit-progress-value {

    background-color: #0074d9;

    border-bottom-left-radius: 0;

    border-top-left-radius: 0
}



.progress[value="100"]::-moz-progress-bar {

    border-bottom-right-radius: 0;

    border-top-right-radius: 0
}



.progress[value="100"]::-webkit-progress-value {

    border-bottom-right-radius: 0;

    border-top-right-radius: 0
}



.progress[value]::-webkit-progress-bar {

    background-color: #eee;

    border-radius: 0
}



.progress[value],

base::-moz-progress-bar {

    background-color: #eee;

    border-radius: 0
}



.progress-striped[value]::-webkit-progress-value {

    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

    background-size: 1rem 1rem
}



.progress-striped[value]::-moz-progress-bar {

    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

    background-size: 1rem 1rem
}



.progress-striped[value]::-ms-fill {

    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

    background-size: 1rem 1rem
}



.progress-animated[value]::-webkit-progress-value {

    -webkit-animation: progress-bar-stripes 2s linear infinite;

    animation: progress-bar-stripes 2s linear infinite
}



.progress-animated[value]::-moz-progress-bar {

    animation: progress-bar-stripes 2s linear infinite
}



.progress-success[value]::-webkit-progress-value {

    background-color: #4cbb6c
}



.progress-success[value]::-moz-progress-bar {

    background-color: #4cbb6c
}



.progress-success[value]::-ms-fill {

    background-color: #4cbb6c
}



.progress-info[value]::-webkit-progress-value {

    background-color: #5bc0de
}



.progress-info[value]::-moz-progress-bar {

    background-color: #5bc0de
}



.progress-info[value]::-ms-fill {

    background-color: #5bc0de
}



.progress-warning[value]::-webkit-progress-value {

    background-color: #ff9a52
}



.progress-warning[value]::-moz-progress-bar {

    background-color: #ff9a52
}



.progress-warning[value]::-ms-fill {

    background-color: #ff9a52
}



.progress-danger[value]::-webkit-progress-value {

    background-color: #ff4c4c
}



.progress-danger[value]::-moz-progress-bar {

    background-color: #ff4c4c
}



.progress-danger[value]::-ms-fill {

    background-color: #ff4c4c
}



.media,

.media-body {

    overflow: hidden
}



.media-body {

    width: 10000px
}



.media-body,

.media-left,

.media-right {

    display: table-cell;

    vertical-align: top
}



.media-middle {

    vertical-align: middle
}



.media-bottom {

    vertical-align: bottom
}



.media-object {

    display: block
}



.media-object.img-thumbnail {

    max-width: none
}



.media-right {

    padding-left: 10px
}



.media-left {

    padding-right: 10px
}



.media-heading {

    margin-top: 0;

    margin-bottom: 5px
}



.media-list,

ul {

    padding-left: 0;

    list-style: none
}



#wrapper .breadcrumb ol,

.list-group {

    padding-left: 0;

    margin-bottom: 0
}



.list-group-item {

    position: relative;

    display: block;

    padding: .75rem 1.25rem;

    margin-bottom: -1px;

    background-color: #fff;

    border: 1px solid #ddd
}



.list-group-item:first-child {

    border-top-right-radius: 0;

    border-top-left-radius: 0
}



.list-group-item:last-child {

    margin-bottom: 0;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0
}



.list-group-item.disabled,

.list-group-item.disabled:focus,

.list-group-item.disabled:hover {

    color: #f6f6f6;

    cursor: not-allowed;

    background-color: #f6f6f6
}



.list-group-item.disabled .list-group-item-heading,

.list-group-item.disabled:focus .list-group-item-heading,

.list-group-item.disabled:hover .list-group-item-heading {

    color: inherit
}



.list-group-item.disabled .list-group-item-text,

.list-group-item.disabled:focus .list-group-item-text,

.list-group-item.disabled:hover .list-group-item-text {

    color: #f6f6f6
}



.list-group-item.active,

.list-group-item.active:focus,

.list-group-item.active:hover {

    z-index: 2;

    color: #fff;

    text-decoration: none;

    background-color: #24b9d7;

    border-color: #24b9d7
}



.list-group-item.active .list-group-item-heading,

.list-group-item.active .list-group-item-heading>.small,

.list-group-item.active .list-group-item-heading>small,

.list-group-item.active:focus .list-group-item-heading,

.list-group-item.active:focus .list-group-item-heading>.small,

.list-group-item.active:focus .list-group-item-heading>small,

.list-group-item.active:hover .list-group-item-heading,

.list-group-item.active:hover .list-group-item-heading>.small,

.list-group-item.active:hover .list-group-item-heading>small {

    color: inherit
}



.list-group-item.active .list-group-item-text,

.list-group-item.active:focus .list-group-item-text,

.list-group-item.active:hover .list-group-item-text {

    color: #d0f1f7
}



.list-group-flush .list-group-item {

    border-right: 0;

    border-left: 0;

    border-radius: 0
}



.list-group-item-action {

    width: 100%;

    color: #555;

    text-align: inherit
}



.list-group-item-action .list-group-item-heading {

    color: #333
}



.list-group-item-action:focus,

.list-group-item-action:hover {

    color: #555;

    text-decoration: none;

    background-color: #f5f5f5
}



.list-group-item-success {

    color: #3c763d;

    background-color: #dff0d8
}



a.list-group-item-success,

button.list-group-item-success {

    color: #3c763d
}



a.list-group-item-danger .list-group-item-heading,

a.list-group-item-info .list-group-item-heading,

a.list-group-item-success .list-group-item-heading,

a.list-group-item-warning .list-group-item-heading,

button.list-group-item-danger .list-group-item-heading,

button.list-group-item-info .list-group-item-heading,

button.list-group-item-success .list-group-item-heading,

button.list-group-item-warning .list-group-item-heading {

    color: inherit
}



a.list-group-item-success:focus,

a.list-group-item-success:hover,

button.list-group-item-success:focus,

button.list-group-item-success:hover {

    color: #3c763d;

    background-color: #d0e9c6
}



a.list-group-item-success.active,

a.list-group-item-success.active:focus,

a.list-group-item-success.active:hover,

button.list-group-item-success.active,

button.list-group-item-success.active:focus,

button.list-group-item-success.active:hover {

    color: #fff;

    background-color: #3c763d;

    border-color: #3c763d
}



.list-group-item-info {

    color: #31708f;

    background-color: #d9edf7
}



a.list-group-item-info,

button.list-group-item-info {

    color: #31708f
}



a.list-group-item-info:focus,

a.list-group-item-info:hover,

button.list-group-item-info:focus,

button.list-group-item-info:hover {

    color: #31708f;

    background-color: #c4e3f3
}



a.list-group-item-info.active,

a.list-group-item-info.active:focus,

a.list-group-item-info.active:hover,

button.list-group-item-info.active,

button.list-group-item-info.active:focus,

button.list-group-item-info.active:hover {

    color: #fff;

    background-color: #31708f;

    border-color: #31708f
}



.list-group-item-warning {

    color: #8a6d3b;

    background-color: #fcf8e3
}



a.list-group-item-warning,

button.list-group-item-warning {

    color: #8a6d3b
}



a.list-group-item-warning:focus,

a.list-group-item-warning:hover,

button.list-group-item-warning:focus,

button.list-group-item-warning:hover {

    color: #8a6d3b;

    background-color: #faf2cc
}



a.list-group-item-warning.active,

a.list-group-item-warning.active:focus,

a.list-group-item-warning.active:hover,

button.list-group-item-warning.active,

button.list-group-item-warning.active:focus,

button.list-group-item-warning.active:hover {

    color: #fff;

    background-color: #8a6d3b;

    border-color: #8a6d3b
}



.list-group-item-danger {

    color: #a94442;

    background-color: #f2dede
}



a.list-group-item-danger,

button.list-group-item-danger {

    color: #a94442
}



a.list-group-item-danger:focus,

a.list-group-item-danger:hover,

button.list-group-item-danger:focus,

button.list-group-item-danger:hover {

    color: #a94442;

    background-color: #ebcccc
}



a.list-group-item-danger.active,

a.list-group-item-danger.active:focus,

a.list-group-item-danger.active:hover,

button.list-group-item-danger.active,

button.list-group-item-danger.active:focus,

button.list-group-item-danger.active:hover {

    color: #fff;

    background-color: #a94442;

    border-color: #a94442
}



.list-group-item-heading {

    margin-top: 0;

    margin-bottom: 5px
}



.list-group-item-text {

    margin-bottom: 0;

    line-height: 1.3
}



.embed-responsive {

    position: relative;

    display: block;

    height: 0;

    padding: 0;

    overflow: hidden
}



.embed-responsive .embed-responsive-item,

.embed-responsive embed,

.embed-responsive iframe,

.embed-responsive object,

.embed-responsive video {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border: 0
}



.embed-responsive-21by9 {

    padding-bottom: 42.8571428571%
}



.embed-responsive-16by9 {

    padding-bottom: 56.25%
}



.embed-responsive-4by3 {

    padding-bottom: 75%
}



.embed-responsive-1by1 {

    padding-bottom: 100%
}



.close {

    float: right;

    font-size: 1.5rem;

    font-weight: 700;

    line-height: 1;

    color: #000;

    text-shadow: 0 1px 0 #fff;

    opacity: .2
}



.close:focus,

.close:hover {

    color: #000;

    text-decoration: none;

    cursor: pointer;

    opacity: .5
}



button.close {

    padding: 0;

    cursor: pointer;

    background: 0 0;

    border: 0;

    -webkit-appearance: none
}



.modal,

.modal-open {

    overflow: hidden
}



.modal {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1050;

    display: none;

    outline: 0
}



.modal.fade .modal-dialog {

    -webkit-transition: -webkit-transform .3s ease-out;

    transition: transform .3s ease-out;

    transition: transform .3s ease-out, -webkit-transform .3s ease-out;

    -webkit-transform: translate(0, -25%);

    transform: translate(0, -25%)
}



.modal.in .modal-dialog {

    -webkit-transform: translate(0, 0);

    transform: translate(0, 0)
}



.modal-open .modal {

    overflow-x: hidden;

    overflow-y: auto
}



.modal-dialog {

    position: relative;

    width: auto;

    margin: 10px
}



.modal-content {

    position: relative;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid rgba(0, 0, 0, .2);

    border-radius: .3rem;

    outline: 0
}



.modal-backdrop {

    position: fixed;

    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;

    z-index: 1040;

    /* background-color: rgba(0,0,0,0.5);    */
    opacity: 0 !important;
    display: none !important;
}



.modal-backdrop.fade {

    opacity: 0
}



.modal-backdrop.in {

    /* opacity: .5 */
}



.modal-header {

    padding: 14px;

    position: relative;

}



.modal-header .close {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    z-index: 2;
    font-size: 18px;
    color: #02184b;
    border-radius: 50%;
    padding: 8px;
    background: #f8f5f2;
    opacity: 1;
    text-shadow: none;
}



.modal-title {

    margin: 0;

    line-height: 1.5
}



.modal-body {

    position: relative;

    padding: 15px
}



.modal-footer {

    padding: 15px;

    text-align: right;

    border-top: 1px solid #e5e5e5
}



.modal-scrollbar-measure {

    position: absolute;

    top: -9999px;

    width: 50px;

    height: 50px;

    overflow: scroll
}



.tooltip {

    position: absolute;

    z-index: 1070;

    display: block;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

    font-style: normal;

    font-weight: 400;

    letter-spacing: normal;

    line-break: auto;

    line-height: 1.5;

    text-align: left;

    text-align: start;

    text-decoration: none;

    text-shadow: none;

    text-transform: none;

    white-space: normal;

    word-break: normal;

    word-spacing: normal;

    font-size: .875rem;

    word-wrap: break-word;

    opacity: 0
}



.tooltip.in {

    opacity: .9
}



.tooltip.bs-tether-element-attached-bottom,

.tooltip.tooltip-top {

    padding: 5px 0;

    margin-top: -3px
}



.tooltip.bs-tether-element-attached-bottom .tooltip-inner::before,

.tooltip.tooltip-top .tooltip-inner::before {

    bottom: 0;

    left: 50%;

    margin-left: -5px;

    content: "";

    border-width: 5px 5px 0;

    border-top-color: #ff4c4c
}



.tooltip.bs-tether-element-attached-left,

.tooltip.tooltip-right {

    padding: 0 5px;

    margin-left: 3px
}



.tooltip.bs-tether-element-attached-left .tooltip-inner::before,

.tooltip.tooltip-right .tooltip-inner::before {

    top: 50%;

    left: 0;

    margin-top: -5px;

    content: "";

    border-width: 5px 5px 5px 0;

    border-right-color: #ff4c4c
}



.tooltip.bs-tether-element-attached-top,

.tooltip.tooltip-bottom {

    padding: 5px 0;

    margin-top: 3px
}



.tooltip.bs-tether-element-attached-top .tooltip-inner::before,

.tooltip.tooltip-bottom .tooltip-inner::before {

    top: 0;

    left: 50%;

    margin-left: -5px;

    content: "";

    border-width: 0 5px 5px;

    border-bottom-color: #ff4c4c
}



.tooltip.bs-tether-element-attached-right,

.tooltip.tooltip-left {

    padding: 0 5px;

    margin-left: -3px
}



.tooltip.bs-tether-element-attached-right .tooltip-inner::before,

.tooltip.tooltip-left .tooltip-inner::before {

    top: 50%;

    right: 0;

    margin-top: -5px;

    content: "";

    border-width: 5px 0 5px 5px;

    border-left-color: #ff4c4c
}



.tooltip-inner {

   max-width: 300px;
    padding: 4px 8px;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.9);
    border-radius: 3px;
    font-size: 14px;
    line-height: 1.5;
}



.tooltip-inner::before {

    position: absolute;

    width: 0;

    height: 0;

    border-color: transparent;

    border-style: solid
}



.popover {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1060;

    display: block;

    max-width: 276px;

    padding: 1px;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

    font-style: normal;

    font-weight: 400;

    letter-spacing: normal;

    line-break: auto;

    line-height: 1.5;

    text-align: left;

    text-align: start;

    text-decoration: none;

    text-shadow: none;

    text-transform: none;

    white-space: normal;

    word-break: normal;

    word-spacing: normal;

    font-size: .875rem;

    word-wrap: break-word;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid rgba(0, 0, 0, .2);

    border-radius: .3rem
}



.popover.bs-tether-element-attached-bottom,

.popover.popover-top {

    margin-top: -10px
}



.popover.bs-tether-element-attached-bottom::after,

.popover.bs-tether-element-attached-bottom::before,

.popover.popover-top::after,

.popover.popover-top::before {

    left: 50%;

    border-bottom-width: 0
}



.popover.bs-tether-element-attached-bottom::before,

.popover.popover-top::before {

    bottom: -11px;

    margin-left: -11px;

    border-top-color: rgba(0, 0, 0, .25)
}



.popover.bs-tether-element-attached-bottom::after,

.popover.popover-top::after {

    bottom: -10px;

    margin-left: -10px;

    border-top-color: #fff
}



.popover.bs-tether-element-attached-left,

.popover.popover-right {

    margin-left: 10px
}



.popover.bs-tether-element-attached-left::after,

.popover.bs-tether-element-attached-left::before,

.popover.popover-right::after,

.popover.popover-right::before {

    top: 50%;

    border-left-width: 0
}



.popover.bs-tether-element-attached-left::before,

.popover.popover-right::before {

    left: -11px;

    margin-top: -11px;

    border-right-color: rgba(0, 0, 0, .25)
}



.popover.bs-tether-element-attached-left::after,

.popover.popover-right::after {

    left: -10px;

    margin-top: -10px;

    border-right-color: #fff
}



.popover.popover-bottom {

    margin-top: 10px
}



.popover.bs-tether-element-attached-top::after,

.popover.bs-tether-element-attached-top::before,

.popover.popover-bottom::after,

.popover.popover-bottom::before {

    left: 50%;

    border-top-width: 0
}



.popover.bs-tether-element-attached-top::before,

.popover.popover-bottom::before {

    top: -11px;

    margin-left: -11px;

    border-bottom-color: rgba(0, 0, 0, .25)
}



.popover.bs-tether-element-attached-top::after,

.popover.popover-bottom::after {

    top: -10px;

    margin-left: -10px;

    border-bottom-color: #f7f7f7
}



.popover.bs-tether-element-attached-top .popover-title::before,

.popover.popover-bottom .popover-title::before {

    position: absolute;

    top: 0;

    left: 50%;

    display: block;

    width: 20px;

    margin-left: -10px;

    content: "";

    border-bottom: 1px solid #f7f7f7
}



.popover.bs-tether-element-attached-right,

.popover.popover-left {

    margin-left: -10px
}



.popover.bs-tether-element-attached-right::after,

.popover.bs-tether-element-attached-right::before,

.popover.popover-left::after,

.popover.popover-left::before {

    top: 50%;

    border-right-width: 0
}



.popover.bs-tether-element-attached-right::before,

.popover.popover-left::before {

    right: -11px;

    margin-top: -11px;

    border-left-color: rgba(0, 0, 0, .25)
}



.popover.bs-tether-element-attached-right::after,

.popover.popover-left::after {

    right: -10px;

    margin-top: -10px;

    border-left-color: #fff
}



.popover-title {

    padding: 8px 14px;

    margin: 0;

    font-size: 1rem;

    background-color: #f7f7f7;

    border-bottom: 1px solid #ebebeb;

    border-radius: .2375rem .2375rem 0 0
}



.popover-title:empty {

    display: none
}



.popover-content {

    padding: 9px 14px
}



.popover::after,

.popover::before {

    position: absolute;

    display: block;

    width: 0;

    height: 0;

    border-color: transparent;

    border-style: solid
}



.popover::before {

    content: "";

    border-width: 11px
}



.popover::after {

    content: "";

    border-width: 10px
}



.carousel,

.carousel-inner,

.search-widget form {

    position: relative
}



.carousel-inner {

    width: 100%;

    overflow: hidden
}



.carousel-inner>.carousel-item {

    position: relative;

    display: none;

    -webkit-transition: .6s ease-in-out left;

    transition: .6s ease-in-out left
}



.carousel-inner>.carousel-item>a>img,

.carousel-inner>.carousel-item>img {

    line-height: 1
}



#mobile_top_menu_wrapper .top-menu .collapse-icons[aria-expanded=true] .remove,

#mobile_top_menu_wrapper .top-menu .collapse.in,

#mobile_top_menu_wrapper .top-menu .sub-menu.collapse.in,

.carousel-inner>.active,

.carousel-inner>.next,

.carousel-inner>.prev {

    display: block
}



.carousel-inner>.active,

.carousel-inner>.next.left,

.carousel-inner>.prev.right {

    left: 0
}



.carousel-control,

.carousel-inner>.next,

.carousel-inner>.prev {

    position: absolute;

    top: 0;

    width: 100%
}



.carousel-inner>.next {

    left: 100%
}



.carousel-inner>.active.left,

.carousel-inner>.prev {

    left: -100%
}



.carousel-inner>.active.right {

    left: 100%
}



.carousel-control {

    bottom: 0;

    left: 0;

    width: 15%;

    font-size: 20px;

    color: #fff;

    text-align: center;

    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);

    opacity: .5
}



.carousel-control.left {

    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));

    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);

    background-repeat: repeat-x;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1)
}



.carousel-control.right {

    right: 0;

    left: auto;

    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));

    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);

    background-repeat: repeat-x;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1)
}



.carousel-control:focus,

.carousel-control:hover {

    color: #fff;

    text-decoration: none;

    outline: 0;

    opacity: .9
}



.carousel-control .icon-next,

.carousel-control .icon-prev {

    position: absolute;

    top: 50%;

    z-index: 5;

    display: inline-block;

    width: 20px;

    height: 20px;

    margin-top: -10px;

    font-family: serif;

    line-height: 1
}



.carousel-control .icon-prev {

    left: 50%;

    margin-left: -10px
}



.carousel-control .icon-next {

    right: 50%;

    margin-right: -10px
}



.carousel-control .icon-prev::before {

    content: "‹"

}



.carousel-control .icon-next::before {

    content: "›"

}



.carousel-indicators {

    position: absolute;

    bottom: 10px;

    left: 50%;

    z-index: 15;

    width: 60%;

    padding-left: 0;

    margin-left: -30%;

    text-align: center;

    list-style: none
}



.carousel-indicators li {

    display: inline-block;

    width: 10px;

    height: 10px;

    margin: 1px;

    text-indent: -999px;

    cursor: pointer;

    background-color: transparent;

    border: 1px solid #fff;

    border-radius: 10px;

    border-color: #7a7a7a
}



.carousel-indicators .active {

    width: 12px;

    height: 12px;

    margin: 0
}



.carousel-caption {

    position: absolute;

    right: 15%;

    bottom: 20px;

    left: 15%;

    z-index: 10;

    padding-top: 20px;

    padding-bottom: 20px;

    color: #fff;

    text-align: center;

    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}



.carousel-caption .btn {

    text-shadow: none
}



.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-faded {

    background-color: #f7f7f9
}



.bg-primary {

    background-color: #24b9d7 !important
}



a.bg-primary:focus,

a.bg-primary:hover {

    background-color: #1d93ab !important
}



.bg-success {

    background-color: #4cbb6c !important
}



a.bg-success:focus,

a.bg-success:hover {

    background-color: #3a9a56 !important
}



.bg-info {

    background-color: #5bc0de !important
}



a.bg-info:focus,

a.bg-info:hover {

    background-color: #31b0d5 !important
}



.bg-warning {

    background-color: #ff9a52 !important
}



a.bg-warning:focus,

a.bg-warning:hover {

    background-color: #ff7c1f !important
}



.bg-danger {

    background-color: #ff4c4c !important
}



a.bg-danger:focus,

a.bg-danger:hover {

    background-color: #ff1919 !important
}



.bg-inverse {

    background-color: #363a42 !important
}



a.bg-inverse:focus,

a.bg-inverse:hover {

    background-color: #1f2126 !important
}



.rounded {

    border-radius: 0
}



.rounded-top {

    border-top-right-radius: 0;

    border-top-left-radius: 0
}



.rounded-right {

    border-bottom-right-radius: 0;

    border-top-right-radius: 0
}



.rounded-bottom {

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0
}



.rounded-left {

    border-bottom-left-radius: 0;

    border-top-left-radius: 0
}



.rounded-circle {

    border-radius: 50%
}



.clearfix::after {

    content: "";

    display: table;

    clear: both
}



.d-block {

    display: block !important
}



.d-inline-block {

    display: inline-block !important
}



.d-inline {

    display: inline !important
}



.float-xs-left {

    float: left !important
}



.float-xs-right {

    float: right !important
}



.float-xs-none {

    float: none !important
}



.sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    border: 0
}



.sr-only-focusable:active,

.sr-only-focusable:focus {

    position: static;

    width: auto;

    height: auto;

    margin: 0;

    overflow: visible;

    clip: auto
}



.w-100 {

    width: 100% !important
}



.h-100 {

    height: 100% !important
}



.mx-auto {

    margin-right: auto !important;

    margin-left: auto !important
}



.m-0 {

    margin: 0 !important
}



.mt-0 {

    margin-top: 0 !important
}



.mr-0 {

    margin-right: 0 !important
}



.mb-0 {

    margin-bottom: 0 !important
}



.ml-0,

.mx-0 {

    margin-left: 0 !important
}



.mx-0 {

    margin-right: 0 !important
}



.my-0 {

    margin-top: 0 !important;

    margin-bottom: 0 !important
}



.m-1 {

    margin: 1rem !important
}



.mt-1 {

    margin-top: 1rem !important
}



.mr-1 {

    margin-right: 1rem !important
}



.mb-1 {

    margin-bottom: 1rem !important
}



.ml-1,

.mx-1 {

    margin-left: 1rem !important
}



.mx-1 {

    margin-right: 1rem !important
}



.my-1 {

    margin-top: 1rem !important;

    margin-bottom: 1rem !important
}



.m-2 {

    margin: 1.5rem !important
}



.mt-2 {

    margin-top: 1.5rem !important
}



.mr-2 {

    margin-right: 1.5rem !important
}



.mb-2 {

    margin-bottom: 1.5rem !important
}



.ml-2,

.mx-2 {

    margin-left: 1.5rem !important
}



.mx-2 {

    margin-right: 1.5rem !important
}



.my-2 {

    margin-top: 1.5rem !important;

    margin-bottom: 1.5rem !important
}



.m-3 {

    margin: 3rem !important
}



.mt-3 {

    margin-top: 3rem !important
}



.mr-3 {

    margin-right: 3rem !important
}



.mb-3 {

    margin-bottom: 3rem !important
}



.ml-3,

.mx-3 {

    margin-left: 3rem !important
}



.mx-3 {

    margin-right: 3rem !important
}



.my-3 {

    margin-top: 3rem !important;

    margin-bottom: 3rem !important
}



.p-0 {

    padding: 0 !important
}



.pt-0 {

    padding-top: 0 !important
}



.pr-0 {

    padding-right: 0 !important
}



.pb-0 {

    padding-bottom: 0 !important
}



.pl-0,

.px-0 {

    padding-left: 0 !important
}



.px-0 {

    padding-right: 0 !important
}



.py-0 {

    padding-top: 0 !important;

    padding-bottom: 0 !important
}



.p-1 {

    padding: 1rem !important
}



.pt-1 {

    padding-top: 1rem !important
}



.pr-1 {

    padding-right: 1rem !important
}



.pb-1 {

    padding-bottom: 1rem !important
}



.pl-1,

.px-1 {

    padding-left: 1rem !important
}



.px-1 {

    padding-right: 1rem !important
}



.py-1 {

    padding-top: 1rem !important;

    padding-bottom: 1rem !important
}



.p-2 {

    padding: 1.5rem !important
}



.pt-2 {

    padding-top: 1.5rem !important
}



.pr-2 {

    padding-right: 1.5rem !important
}



.pb-2 {

    padding-bottom: 1.5rem !important
}



.pl-2,

.px-2 {

    padding-left: 1.5rem !important
}



.px-2 {

    padding-right: 1.5rem !important
}



.py-2 {

    padding-top: 1.5rem !important;

    padding-bottom: 1.5rem !important
}



.p-3 {

    padding: 3rem !important
}



.pt-3 {

    padding-top: 3rem !important
}



.pr-3 {

    padding-right: 3rem !important
}



.pb-3 {

    padding-bottom: 3rem !important
}



.pl-3,

.px-3 {

    padding-left: 3rem !important
}



.px-3 {

    padding-right: 3rem !important
}



.py-3 {

    padding-top: 3rem !important;

    padding-bottom: 3rem !important
}



.pos-f-t {

    position: fixed;

    top: 0;

    right: 0;

    left: 0;

    z-index: 1030
}



.text-justify {

    text-align: justify !important
}



.text-nowrap {

    white-space: nowrap !important
}



.text-truncate {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap
}



.text-xs-left {

    text-align: left !important
}



.text-xs-right {

    text-align: right !important
}



.text-xs-center {

    text-align: center !important
}



.text-lowercase {

    text-transform: lowercase !important
}



.text-uppercase {

    text-transform: uppercase !important
}



.text-capitalize {

    text-transform: capitalize !important
}



.font-weight-normal {

    font-weight: 400
}



.font-weight-bold {

    font-weight: 700
}



.font-italic {

    font-style: italic
}



.text-white {

    color: #fff !important
}



.text-muted {

    color: #7a7a7a !important
}



a.text-muted:focus,

a.text-muted:hover {

    color: #616161 !important
}



.text-primary {

    color: #24b9d7 !important
}



a.text-primary:focus,

a.text-primary:hover {

    color: #1d93ab !important
}



.text-success {

    color: #4cbb6c !important
}



a.text-success:focus,

a.text-success:hover {

    color: #3a9a56 !important
}



.text-info {

    color: #5bc0de !important
}



a.text-info:focus,

a.text-info:hover {

    color: #31b0d5 !important
}



.text-warning {

    color: #ff9a52 !important
}



a.text-warning:focus,

a.text-warning:hover {

    color: #ff7c1f !important
}



.text-danger {

    color: #ff4c4c !important
}



a.text-danger:focus,

a.text-danger:hover {

    color: #ff1919 !important
}



.text-gray-dark {

    color: #363a42 !important
}



a.text-gray-dark:focus,

a.text-gray-dark:hover {

    color: #1f2126 !important
}



.text-hide {

    font: 0/0 a;

    color: transparent;

    text-shadow: none;

    background-color: transparent;

    border: 0
}



.invisible {

    visibility: hidden !important
}



.hidden-xl-down,

.hidden-xs-up,

.visible-print-block,

.visible-print-inline,

.visible-print-inline-block {

    display: none !important
}



@font-face {

    font-family: "Material Icons";

    font-style: normal;

    font-weight: 400;

    font-display: swap;

    src: url(../js/../css/af9a28e7f261a412f581.eot);

    src: local("Material Icons"), local("MaterialIcons-Regular"), url(../js/../css/2d8017489da689caedc1.woff2) format("woff2"), url(../js/../css/08cefa1bc6566a650da7.woff) format("woff"), url(../js/../css/698bd8550d863c20a3e1.ttf) format("truetype")
}



.material-icons {

    display: inline-block;

    width: 1em;

    height: 1em;

    font-family: "Material Icons", Arial, sans-serif;

    font-size: 24px;

    font-style: normal;

    font-weight: 500;

    -webkit-font-feature-settings: "liga";

    font-feature-settings: "liga";

    line-height: 1;

    text-transform: none;

    letter-spacing: normal;

    word-wrap: normal;

    white-space: nowrap;

    vertical-align: middle;

    text-rendering: "optimizeLegibility"

}



body,

html {

    height: 100%
}



.material-icons,

body {

    direction: ltr;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale
}



body {

    font-family: Manrope, sans-serif;

    font-size: 14px;

    line-height: 1.5;
}



#header .top-menu a[data-depth="0"]:hover,

a:hover {

    /* color: #24b9d7; */

    text-decoration: none
}



.page-content.page-cms ul {

    font-size: .9375rem;

    font-weight: 400;

    color: #7a7a7a
}



.custom-checkbox input[type=checkbox]+span.color,

.variant-links .color,

label .color {

    display: inline-block;

    width: 1.125rem;

    height: 1.125rem;

    margin: .3125rem .5rem .3125rem .3125rem;

    cursor: pointer;

    background-size: contain;

    border: 1px solid #979797
}



.custom-checkbox input[type=checkbox]+span.color.active,

.custom-checkbox input[type=checkbox]+span.color:hover,

.variant-links .color.active,

.variant-links .color:hover,

label .color.active,

label .color:hover {

    border: 2px solid var(--text-color)
}



.facet-label.active .custom-checkbox span.color,

.facet-label:hover .custom-checkbox span.color {

    border: 1px solid #979797
}







.h1,

.h2,

.h3,

.h4,

body {

    color: var(--text-color)
}



.h4 {

    font-weight: 700
}



.btn-primary,

.btn-secondary {

    padding: .5rem 1.25rem;

    font-weight: 600;

    text-transform: uppercase
}



.btn-primary .material-icons,

.btn-secondary .material-icons,

.btn-tertiary .material-icons {

    margin-right: .625rem
}



.btn-tertiary {

    padding: .25rem;

    margin: .25rem 0;

    font-size: .875rem;

    font-weight: 400;

    color: #7a7a7a;

    text-transform: lowercase;

    background-color: #f7f7f7
}



.btn-tertiary .material-icons,

body#checkout section.checkout-step .step-edit .edit {

    font-size: 1rem
}



.btn-tertiary:hover {

    border: 1px solid rgba(35, 35, 35, .2)
}



.btn-unstyle {

    padding: 0;

    text-align: inherit;

    background-color: transparent;

    border: 0
}



.btn-unstyle:focus {

    outline: 0
}



.block_newsletter form input[type=text]:focus+button .search,

.btn-unstyle:focus .expand-more,

.search-widget form input[type=text]:focus+button .search {

    color: #24b9d7
}



.card {

    border: 0
}



.label,

label {

    font-size: .875rem;

    color: var(--text-color);

    text-align: right
}



small.label,

small.value {

    font-size: .8125rem
}



.form-control-label {

    padding-top: .625rem
}






.form-control:focus {

    color: var(--text-color);

}



.input-group,

body#checkout .custom-checkbox {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex
}







.input-group .form-control:focus {

    outline: 0
}



.input-group .input-group-btn {

    display: block;

    width: auto
}



.input-group .input-group-btn>.btn {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: 100%;

    padding: .25rem 1rem;

    margin-left: 0;

    font-size: .6875rem;

    font-weight: 500;

    color: #fff;

    text-transform: uppercase;

    border: 0;

    -webkit-box-shadow: none;

    box-shadow: none
}



.input-group .input-group-btn>.btn[data-action=show-password] {

    padding: .78rem 1rem;

    background: #7a7a7a
}



input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

    color: #7a7a7a
}



input::-moz-placeholder,

textarea::-moz-placeholder {

    color: #7a7a7a
}



input:-ms-input-placeholder,

textarea:-ms-input-placeholder {

    color: #7a7a7a
}



input:-moz-placeholder,

textarea:-moz-placeholder {

    color: #7a7a7a
}



input:active::-webkit-input-placeholder,

textarea:active::-webkit-input-placeholder {

    color: var(--text-color)
}



input:active::-moz-placeholder,

textarea:active::-moz-placeholder {

    color: var(--text-color)
}



input:active:-ms-input-placeholder,

textarea:active:-ms-input-placeholder {

    color: var(--text-color)
}



input:active:-moz-placeholder,

textarea:active:-moz-placeholder {

    color: var(--text-color)
}



.form-control-select {

    height: 2.625rem;

    padding: 0 .5rem;

    background: #f6f6f6 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=) no-repeat right .5rem center/1.25rem 1.25rem;

    -moz-appearance: none;

    -webkit-appearance: none;

    appearance: none
}



.form-control-valign {

    padding-top: .5rem
}



.form-control-comment {
    color: #02184b;
    font-size: 0.875rem;
    font-weight: 300;
    opacity: 0.4;
    position: absolute;
    right: 0;
    bottom: 5px;
    z-index: 1;
    padding-left: 100px;
}



.form-control-submit.disabled {

    color: #fff;

    background: #5bc0de
}



.form-group.has-error input,

.form-group.has-error select {

    outline: .1875rem solid #ff4c4c
}



.form-group.has-error .help-block {

    color: #ff4c4c
}



#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"],

.group-span-filestyle label,

.page-order-detail #order-infos ul,

body#checkout section.checkout-step hr {

    margin: 0
}



.bootstrap-touchspin .group-span-filestyle .btn-touchspin,

.group-span-filestyle .bootstrap-touchspin .btn-touchspin,

.group-span-filestyle .btn-default {

    padding: .5rem 1rem;

    font-size: .875rem;

    color: #fff;

    text-transform: uppercase;

    background: #24b9d7;

    border-radius: 0
}



.bootstrap-touchspin {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    float: left;

    width: auto
}



.bootstrap-touchspin input:focus {

    outline: 0
}



.bootstrap-touchspin input.form-control,

.bootstrap-touchspin input.input-group {

    float: left;

    width: 3rem;

    height: 2.5rem;

    padding: .175rem .5rem;

    color: var(--text-color);

    background-color: #fff;

    border: 1px solid rgba(0, 0, 0, .25)
}



.bootstrap-touchspin .btn-touchspin {

    height: 1.3125rem;

    background-color: #fff;

    border: 1px solid rgba(0, 0, 0, .25)
}



#order-items table tr.total-value,

.bootstrap-touchspin .btn-touchspin:hover {

    background-color: #f6f6f6
}



.bootstrap-touchspin .input-group-btn-vertical {

    float: left;

    width: auto;

    color: var(--text-color)
}



.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down,

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {

    border-radius: 0
}



.bootstrap-touchspin .input-group-btn-vertical .touchspin-up::after {

    content: ""

}



.bootstrap-touchspin .input-group-btn-vertical .touchspin-down::after {

    content: ""

}



.bootstrap-touchspin .input-group-btn-vertical i {

    top: .0625rem;

    left: .1875rem;

    font-size: .9375rem
}



.radio-inline .custom-radio {

    margin-right: .5rem
}



.radio-inline:first-of-type {

    margin-right: 1rem
}



form section .form-informations {

    display: inline-block;

    margin-top: .25rem;

    margin-bottom: 1rem;

    color: var(--text-color)
}



form section .form-informations-option,

form section .form-informations-title {

    display: inline-block;

    margin-bottom: 1rem;

    font-size: 1.25rem
}

form .form-group {
    position: relative;
    margin-bottom: 0;
}


form .form-control-label {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: rgba(2, 24, 75, 0.5);
    padding: 24px 0;
    margin-bottom: 8px;
    border: 1px solid transparent;
    border-left: none;
    transition: 0.35s all ease;

    position: absolute;
    top: 0;
    left: 0;
    height: 56px;
}


.custom-radio {

    position: relative;

    display: inline-block;

    width: 18px;

    height: 18px;

    margin-right: .5rem;

    vertical-align: middle;

    cursor: pointer;

    background: #fff;

    border: #979797 1px solid;

    border-radius: 50%
}



.custom-radio input[type=radio] {

    cursor: pointer;

    opacity: 0
}



.custom-radio input[type=radio]:checked+span {

    position: absolute;

    top: .125rem;

    left: .125rem;

    display: block;

    width: 12px;

    height: 12px;

    background-color: #24b9d7;

    border-radius: 50%
}



.custom-checkbox input[type=checkbox]:focus+span,

.custom-radio input[type=radio]:focus+span {

    border-color: #7a7a7a
}



.custom-checkbox {

    position: relative;

    word-break: break-word
}



.custom-checkbox input[type=checkbox] {
    position: absolute;
    width: 18px;
    height: 18px;
    margin-top: .25rem;
    cursor: pointer;
    opacity: 0;
}



.custom-checkbox input[type=checkbox]+span {
display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 0.5rem;
    vertical-align: middle;
    pointer-events: none;
    cursor: pointer;
    border: 1px #02184b solid;
    border-radius: 3px;
    margin-top: -2px;
}



.custom-checkbox input[type=checkbox]+span .checkbox-checked {

        display: none;
    margin: 0;
    font-size: 0;
}



.custom-checkbox input[type=checkbox]:checked+span .checkbox-checked {

    display: block
}



.custom-checkbox label,

body#checkout #delivery>label,

body#checkout section.checkout-step #customer-form .form-control-label,

body#checkout section.checkout-step #delivery-address .form-control-label,

body#checkout section.checkout-step #invoice-address .form-control-label,

body#checkout section.checkout-step #login-form .form-control-label {

    text-align: left
}



.text-muted {

    font-size: .875rem
}



.done {

    display: inline-block;

    padding: 0 .8125rem;

    margin-right: 1.563rem;

    color: #4cbb6c
}



.thumb-mask>.mask {

    position: relative;

    width: 3.438rem;

    height: 3.438rem;

    margin: .625rem 0;

    overflow: hidden;

    border: #f6f6f6 1px solid
}



.thumb-mask>.mask img {

    width: 55px;

    height: 55px
}



.definition-list dl {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap
}



.definition-list dl dt {

    font-weight: 500
}



.definition-list dl dd,

.definition-list dl dt {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 45%;

    flex: 0 0 45%;

    padding: .625rem;

    margin: .125rem;

    background: #f6f6f6
}



.definition-list dl dd:nth-of-type(even),

.definition-list dl dt:nth-of-type(even),

.product-features>dl.data-sheet dd.value:nth-of-type(even),

.product-features>dl.data-sheet dt.name:nth-of-type(even) {

    background: #f6f6f6
}



.help-block {

    margin-top: .625rem
}



.btn.disabled,

.btn.disabled:hover {

    color: #ddd;

    background: #f6f6f6;

    opacity: 1
}



.alert-warning .material-icons {

    padding-top: .3125rem;

    margin-right: .625rem;

    font-size: 2rem;

    color: #ff9a52
}



.alert-warning .alert-text {

    padding-top: .625rem;

    font-size: .9375rem
}



.alert-warning .alert-link {

    padding: .3125rem 1.25rem;

    margin-left: .625rem;

    font-size: .8125rem;

    font-weight: 600;

    color: #6c868e;

    border-width: 2px;

    border-radius: 2px
}



.alert-warning ul li:last-child .alert-link {

    color: #fff
}



.alert-warning .warning-buttons {

    margin-top: .3125rem
}



.btn-tertiary-outline {

    color: #6c868e;

    background-color: transparent;

    background-image: none;

    border: .15rem solid #6c868e;

    border-color: #6c868e
}



.btn-tertiary-outline:hover {

    color: #bbcdd2;

    border-color: #bbcdd2
}



.alert {

    font-size: .8125rem
}



.nav-item .nav-link,

.nav-item .nav-separtor {

    font-weight: 600;

    color: #7a7a7a
}



#mobile_top_menu_wrapper .top-menu,

.nav-item .nav-link.active,

.nav-item .nav-separtor.active,

.page-addresses .address .address-footer a:hover,

body#checkout,

body#checkout section.checkout-step .add-address a {

    color: var(--text-color)
}



.separator {

    margin: 0;

    border-color: rgba(0, 0, 0, .25)
}



.modal-dialog-centered {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    min-height: calc(100% - 60px)
}



.popover {

    font-family: inherit
}



input[type=number] {

    -moz-appearance: textfield;

    -webkit-appearance: textfield;

    appearance: textfield
}



input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button {

    margin: 0;

    -webkit-appearance: none
}



.ui-autocomplete.ui-front {

    z-index: 999
}



.ps-alert-error {

    margin-bottom: 0
}



.ps-alert-error .item {

    background-color: #ff4c4c
}



.ps-alert-error .item,

.ps-alert-success .item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 1rem;

    border: 2px #ff4c4c solid
}



.ps-alert-error .item i,

.ps-alert-success .item i {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    border: 15px #ff4c4c solid
}



.ps-alert-error .item i svg {

    width: 24px;

    height: 24px;

    background-color: #ff4c4c
}



.ps-alert-success .item i svg {

    width: 24px;

    height: 24px
}



.page-content.page-cms .ps-alert-error .item ul,

.page-content.page-cms .ps-alert-success .item ul,

.ps-alert-error .item .page-content.page-cms ul,

.ps-alert-error .item p,

.ps-alert-success .item .page-content.page-cms ul,

.ps-alert-success .item p {

    width: 100%;

    padding: 18px 20px;

    margin: 0;

    background-color: #fff
}



.ps-alert-success {

    padding: .25rem .25rem 2.75rem
}



.ps-alert-success .item,

.ps-alert-success .item i {

    border-color: #4cbb6c
}



.ps-alert-success .item,

.ps-alert-success .item i svg {

    background-color: #4cbb6c
}



#mobile_top_menu_wrapper .js-top-menu-bottom a,

.dropdown,

body#checkout section.checkout-step small {

    color: #7a7a7a
}



.carousel .carousel-control .icon-next:hover i,

.carousel .carousel-control .icon-prev:hover i,

.dropdown:hover .expand-more,

.page-my-account #content .links a:hover i,

.search-widget form button[type=submit] .search:hover,

.top-menu .sub-menu a:hover {

    color: #24b9d7
}



.dropdown .expand-more {

    color: var(--text-color);

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none
}



.dropdown .active {

    max-height: 200px;

    overflow-y: hidden;

    visibility: visible
}



.dropdown select {

    color: var(--text-color);

    background: #fff;

    border: 0;

    outline: 0;

    -moz-appearance: none
}



.dropdown-item:focus,

.dropdown-item:hover {

    color: #24b9d7;

    text-decoration: none;

    background: 0 0
}



.page-not-found .search-widget form,

.search-widget,

body#checkout section.checkout-step.-reachable.-complete h1 .done {

    display: inline-block
}



.block_newsletter form input[type=text],

.search-widget form input[type=text] {

    min-width: 255px;

    padding: 10px;

    color: #7a7a7a;

    border: 0;

    border: 1px solid rgba(0, 0, 0, .25)
}



.search-widget form input[type=text]:focus {

    color: var(--text-color);

    background: #fff;

    outline: 3px #24b9d7 solid
}



.block_newsletter form button[type=submit],

.search-widget form button[type=submit] {

    position: absolute;

    right: .125rem;

    bottom: .3125rem;

    color: #7a7a7a;

    background: 0 0;

    border: 0
}



.header-top .search-widgets form input[type=text] {

    width: 99.4%;

    min-width: inherit;

    color: #9b9b9b;

    background: #f6f6f6
}



.header-top .search-widgets form input[type=text]:focus {

    background: #fff
}



.header-top .search-widgets form button[type=submit] {

    top: 50%;

    bottom: inherit;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%)
}



.header-top #search_widget input {

    padding-right: 1rem
}



.top-menu[data-depth="1"] {

    margin: .625rem
}



.top-menu[data-depth="0"] {

    margin-bottom: 0
}



.top-menu a:not([data-depth="0"]) {

    display: block;

    padding: .625rem;

    font-weight: 400;

    color: #7a7a7a
}



.top-menu a.dropdown-submenu {

    font-weight: 600;

    color: var(--text-color);

    text-transform: uppercase
}



.top-menu a[data-depth="0"] {

    padding: .625rem;

    font-size: 1rem;

    font-weight: 600
}



.top-menu a[data-depth="1"],

.top-menu a[data-depth="2"] {

    padding: 0 .625rem .625rem 0
}



.top-menu .collapse {

    display: inherit
}



.top-menu .sub-menu {

    z-index: 18;

    width: calc(100% - 30px);

    min-width: calc(100% - 30px);

    margin-left: .9375rem;

    border: 0;

    -webkit-box-shadow: 2px 1px 11px 2px rgba(0, 0, 0, .1);

    box-shadow: 2px 1px 11px 2px rgba(0, 0, 0, .1);

    -webkit-transition: opacity .5s ease, visibility .5s ease;

    transition: opacity .5s ease, visibility .5s ease
}



.top-menu .sub-menu,

.top-menu .sub-menu.collapse {

    visibility: hidden;

    opacity: 0
}



#_desktop_top_menu .top-menu[data-depth="0"] li:hover .sub-menu,

.top-menu .sub-menu.collapse.in {

    visibility: visible;

    opacity: 1
}



.top-menu .sub-menu ul[data-depth="1"]>li {

    float: left;

    margin: 0 1.25rem
}



.top-menu .popover {

    max-width: inherit;

    border-radius: 0
}



.popover.bs-tether-element-attached-top,

body#checkout #header .header-nav #_desktop_contact_link #contact-link,

body#checkout section.checkout-step .checkbox-field+.checkbox-field div {

    margin-top: 0
}



#mobile_top_menu_wrapper {

    padding: 15px;

    background: #fff
}



#mobile_top_menu_wrapper #top-menu,

#order-details ul li {

    margin-bottom: .625rem
}



#mobile_top_menu_wrapper .top-menu .navbar-toggler {

    display: inline-block;

    padding: 0
}



#mobile_top_menu_wrapper .top-menu a[data-depth="0"] {

    padding: .625rem;

    border-bottom: 1px solid #f6f6f6
}



#mobile_top_menu_wrapper .top-menu .collapse,

#mobile_top_menu_wrapper .top-menu .sub-menu.collapse {

    display: none
}



#mobile_top_menu_wrapper .top-menu .sub-menu {

    position: static;

    z-index: inherit;

    display: block;

    width: 100%;

    min-width: 100%;

    margin-left: 0;

    overflow: hidden;

    background: #fff;

    -webkit-box-shadow: none;

    box-shadow: none
}



#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="0"]>li {

    border-bottom: 1px solid #7a7a7a
}



#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"]>li {

    float: none;

    margin: 0
}



#mobile_top_menu_wrapper .top-menu .sub-menu ul,

body#checkout section.checkout-step #customer-form .radio-inline,

body#checkout section.checkout-step #delivery-address .radio-inline,

body#checkout section.checkout-step #invoice-address .radio-inline,

body#checkout section.checkout-step #login-form .radio-inline {

    padding: 0
}



#mobile_top_menu_wrapper .top-menu .sub-menu li>a {

    padding: .625rem;

    font-weight: 600;

    border-bottom: 1px solid #fff
}



#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="2"] li a {

    padding-left: 1.25rem
}



#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="3"] li a {

    padding-left: 2.5rem
}



#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="4"] li a {

    padding-left: 3.75rem
}



#mobile_top_menu_wrapper .js-top-menu-bottom #contact-link,

#mobile_top_menu_wrapper .js-top-menu-bottom .currency-selector,

#mobile_top_menu_wrapper .js-top-menu-bottom .language-selector-wrapper {

    padding: .625rem
}



#mobile_top_menu_wrapper .js-top-menu-bottom .language-selector-wrapper .language-selector,

.active_filters ul,

.pagination .page-list li,

body#checkout section.checkout-step .radio-field label {

    display: inline
}



#mobile_top_menu_wrapper .js-top-menu-bottom .user-info {

    padding: 0 .625rem
}



#mobile_top_menu_wrapper .js-top-menu-bottom .user-info a {

    display: block;

    width: 100%;

    padding: .625rem 0
}







body#checkout #header .header-nav .logo {

    width: auto;

    max-height: 4.375rem
}



body#checkout .cart-grid-right .card {

    border: 0;

    -webkit-box-shadow: none;

    box-shadow: none
}



body#checkout .cart-grid-right .card .cart-total {

    background-color: inherit
}



body#checkout .cart-grid-right .card .cart-summary-subtotals-container {

    padding: 1rem 0;

    border-top: 1px solid #ddd;

    border-bottom: 1px solid #ddd
}



body#checkout .cart-grid-right .card .cart-summary-subtotals-container .cart-summary-line {

    margin-bottom: 0
}



body#checkout .cart-grid-right .card .cart-summary-subtotals-container .cart-summary-line .label {

    font-size: 1rem;

    font-weight: 400
}



body#checkout .cart-grid-right .card .cart-summary-subtotals-container .cart-summary-line .value {

    font-size: 1rem;

    font-weight: 600
}



body#checkout .cart-grid-right .card .cart-summary-subtotals-container .cart-summary-line:not(:last-child) {

    margin-bottom: .825rem
}



body#checkout .custom-checkbox>label {

    padding-left: 1.5rem
}



body#checkout .custom-checkbox span {

    position: absolute;

    top: .025rem;

    left: 0;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 15px;

    flex: 0 0 15px;

    margin-top: .1rem
}



body#checkout a:hover {

    color: #1a8196
}



body#checkout section#content {

    margin-bottom: 1.563rem
}



body#checkout .container {

    min-height: 100%
}



body#checkout section.checkout-step {

    padding: .625rem;

    background-color: #fff
}



#block-reassurance li:last-child,

body#checkout section.checkout-step:last-child {

    border: 0
}



body#checkout section.checkout-step .step-title {

    padding-bottom: 1.25rem;

    margin-bottom: 0;

    font-size: 1.5rem;

    font-weight: 500;

    text-transform: uppercase;

    cursor: pointer;

    border-bottom: 1px solid #ddd
}



body#checkout section.checkout-step.-current+.checkout-step .step-title {

    padding-top: 1.25rem;

    border-top: 1px solid #ddd
}



body#checkout section.checkout-step.-complete:first-of-type .step-title {

    padding-top: .625rem
}



body#checkout section.checkout-step .content {

    padding: 0 2.313rem;

    padding-top: 1rem
}



body#checkout section.checkout-step .step-edit {

    font-weight: 500;

    text-transform: lowercase
}



body#checkout section.checkout-step .not-allowed,

body#checkout section.checkout-step.-unreachable .step-title {

    cursor: not-allowed;

    opacity: .5
}



body#checkout section.checkout-step .content,

body#checkout section.checkout-step .done,

body#checkout section.checkout-step .step-edit,

body#checkout section.checkout-step.-current.-reachable.-complete .done,

body#checkout section.checkout-step.-current.-reachable.-complete .step-edit,

body#checkout section.checkout-step.-reachable.-complete h1 .step-number {

    display: none
}



body#checkout section.checkout-step.-current .step-title {

    cursor: default
}



body#checkout section.checkout-step.-current.-reachable.-complete .step-number,

body#checkout section.checkout-step.-reachable.-current .step-number {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex
}



.js-payment-binary.disabled .accept-cgv,

body#checkout section.checkout-step.-current .content,

body#checkout section.checkout-step.-current.-reachable.-complete .content {

    display: block
}



body#checkout section.checkout-step.-reachable.-current .step-number {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 33px;

    height: 33px;

    margin-right: .65rem;

    font-size: 1rem;

    color: #fff;

    vertical-align: middle;

    background-color: #00c062;

    border: 0;

    border-radius: 50%
}



body#checkout section.checkout-step.-reachable.-complete h1 .step-edit {

    display: block;

    float: right;

    margin-right: .125rem;

    color: #7a7a7a;

    cursor: pointer
}



.js-payment-binary,

.js-payment-binary .accept-cgv,

body#checkout section.checkout-step.-reachable.-complete .content {

    display: none
}



body#checkout section.checkout-step .default-input {

    min-width: 40%
}



body#checkout section.checkout-step .default-input[name=address1],

body#checkout section.checkout-step .default-input[name=address2] {

    min-width: 60%
}



body#checkout section.checkout-step .radio-field {

    margin-top: 1.875rem
}



body#checkout section.checkout-step .checkbox-field div {

    margin-top: 3.75rem
}



body#checkout section.checkout-step .select-field div {

    padding: .625rem 3.125rem;

    background: #f6f6f6
}



.block-promo .promo-code form,

.page-order table thead th,

.page-order-detail #order-products.return td.qty .select select,

body#checkout #order-summary-content .summary-selected-carrier .logo-container,

body#checkout section.checkout-step .form-footer {

    text-align: center
}



body#checkout section.checkout-step #conditions-to-approve {

    padding-top: 1rem
}



body#checkout section.checkout-step .payment-options label {

    display: table-cell
}



body#checkout section.checkout-step .payment-options .custom-radio {

    margin-right: .5rem
}



.page-order-detail .messages .message>div,

body#checkout section.checkout-step .payment-options .payment-option {

    margin-bottom: .5rem
}



body#checkout section.checkout-step .step-number {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 33px;

    height: 33px;

    margin-right: 1rem;

    margin-left: .5rem;

    font-size: 1rem;

    vertical-align: middle;

    border: 1px solid var(--text-color);

    border-radius: 50%
}



body#checkout section.checkout-step .address-selector {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between
}



body#checkout section.checkout-step .address-item {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 49%;

    flex: 0 0 49%;

    margin-bottom: .625rem;

    background: #f6f6f6;

    border: 3px solid transparent
}



body#checkout section.checkout-step .address-item>header {

    min-height: 11.7rem
}



body#checkout section.checkout-step .address-item.selected {

    background: #fff;

    border: #24b9d7 3px solid
}



body#checkout section.checkout-step .address-alias {

    display: inline-block;

    margin-bottom: .625rem;

    font-weight: 600
}



body#checkout section.checkout-step .address {

    margin-left: 1.563rem;

    font-weight: 500
}



body#checkout section.checkout-step .radio-block {

    padding: .9375rem;

    text-align: left;

    cursor: pointer
}



body#checkout section.checkout-step .custom-radio input[type=radio] {

    width: 1.25rem;

    height: 1.25rem
}



body#checkout section.checkout-step .delete-address,

body#checkout section.checkout-step .edit-address {

    display: inline-block;

    margin: 0 .3125rem;

    color: #7a7a7a
}



body#checkout section.checkout-step .delete-address .delete,

body#checkout section.checkout-step .delete-address .edit,

body#checkout section.checkout-step .edit-address .delete,

body#checkout section.checkout-step .edit-address .edit {

    font-size: 1rem
}



body#checkout section.checkout-step .address-footer {

    padding: .625rem;

    text-align: center
}



body#checkout section.checkout-step #delivery-addresses,

body#checkout section.checkout-step #invoice-addresses,

body#checkout section.checkout-step .add-address {

    margin-top: 1.25rem
}



body#checkout section.checkout-step .delivery-options>.row {

    border-right: .1rem solid #c3c3c3
}



body#checkout section.checkout-step .delivery-options .delivery-option {

    min-height: 80px;

    padding: .9375rem 0;

    margin-bottom: .9375rem;

    background: #f6f6f6
}



body#checkout section.checkout-step .delivery-options .delivery-option,

body#checkout section.checkout-step .delivery-options .delivery-option .carrier,

body#checkout section.checkout-step .delivery-options .delivery-option label>.row {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between
}



body#checkout section.checkout-step .delivery-options .delivery-option label {

    margin-bottom: 0;

    text-align: inherit
}



body#checkout section.checkout-step .delivery-options .delivery-option label .carrier {

    margin-left: 0
}



body#checkout section.checkout-step .delivery-options .delivery-option label .carrier:not(.carrier-hasLogo)>.col-xs-12 {

    padding-left: calc(33.33333% + 15px)
}



body#checkout #order-summary-content .summary-selected-carrier .logo-container img,

body#checkout section.checkout-step .delivery-options .delivery-option img {

    width: 3.125rem
}



body#checkout section.checkout-step .carrier-delay,

body#checkout section.checkout-step .carrier-name {

    display: inline-block;

    margin-bottom: 0;

    text-align: left;

    word-break: break-word
}



body#checkout section.checkout-step #customer-form,

body#checkout section.checkout-step #delivery-address,

body#checkout section.checkout-step #invoice-address,

body#checkout section.checkout-step #login-form {

    margin-top: 1.563rem;

    margin-left: .3125rem
}



body#checkout #cart-summary-product-list,

body#checkout section.checkout-step .sign-in {

    font-size: .875rem
}



body#checkout section.checkout-step .forgot-password {

    margin-left: 14.38rem
}



body#checkout .additional-information {

    margin-top: 1.25rem;

    margin-left: 2.875rem;

    font-size: .875rem
}



body#checkout .condition-label {

    padding-left: 1.625rem;

    margin-top: .625rem
}



body#checkout .condition-label label {

    text-align: inherit
}



body#checkout .cancel-address {

    display: block;

    margin: .625rem;

    color: #7a7a7a;

    text-decoration: underline
}



body#checkout .modal-content {

    padding: 1.25rem;

    background-color: #f6f6f6
}



body#checkout #cart-summary-product-list img {

    width: 3.125rem;

    border: #f6f6f6 1px solid
}



.table-labeled td,

.table-labeled th,

body#checkout #cart-summary-product-list .media-body {

    vertical-align: middle
}



body#checkout #order-summary-content {

    padding-top: .9375rem
}



body#checkout #order-summary-content h4.h4 {

    margin-top: .625rem;

    margin-bottom: 1.25rem;

    color: var(--text-color)
}



body#checkout #order-summary-content h4.black {

    color: #000
}



body#checkout #order-summary-content h4.addresshead {

    margin-top: .1875rem
}



body#checkout #order-summary-content .noshadow {

    -webkit-box-shadow: none;

    box-shadow: none
}



body#checkout #order-summary-content #order-items {

    border-right: 0
}



body#checkout #order-summary-content #order-items h3.h3 {

    margin-top: 1.25rem;

    color: var(--text-color)
}



body#checkout #order-summary-content #order-items table tr:first-child td {

    border-top: 0
}



body#checkout #order-summary-content .order-confirmation-table {

    padding: 1rem;

    margin-bottom: 2rem;

    background-color: #fff;

    border: 3px solid #e5e5e5;

    border-radius: 0
}



body#checkout #order-summary-content .summary-selected-carrier {

    padding: 1rem;

    margin-bottom: .75rem;

    background-color: #fff;

    border: 1px solid #e5e5e5;

    border-radius: 0
}



body#checkout #order-summary-content .step-edit {

    display: inline;

    color: #7a7a7a
}



body#checkout #order-summary-content .step-edit:hover {

    cursor: pointer
}



#history .orders .order a h3,

body#checkout #order-summary-content a .step-edit {

    color: #7a7a7a
}



body#checkout #delivery,

body#checkout #gift_message {

    max-width: 100%;

    border-color: var(--text-color)
}



body#checkout #delivery textarea,

body#checkout #gift_message textarea {

    max-width: 100%;

    margin-bottom: 10px;
    border: 1px solid #d2d2d2;
    border-radius: 3px;
}



body#checkout #footer {

    /* padding: .9375rem; */

    /* color: #7a7a7a; */

    /* background: #fff */
}



body#checkout #hook-display-after-carrier {

    margin-top: 20px
}



body#checkout #hook-display-after-carrier>[class^=col] {

    display: inline-block;

    float: inherit
}



body#checkout #hook-display-after-carrier>[class^=col].links .row>[class^=col] {

    width: auto
}



#order-details {

    padding-left: 1.3rem;

    margin-top: 1.25rem
}



#order-details>.card-title {

    margin-bottom: 1.875rem
}



#order-details ul {

    margin-bottom: 1.25rem
}



#order-items {

    border-right: #f6f6f6 1px solid
}



#order-items .h3,

.page-addresses .address .address-footer a i,

.page-addresses .addresses-footer a i,

.page-footer .account-link i {

    font-size: 1rem
}



#order-items hr {

    border-top-color: var(--text-color)
}



#order-items table tr {

    height: 1.875rem
}



#order-items table tr td {

    padding: .5rem;

    font-size: .875rem
}



#order-items table tr td:last-child {

    text-align: right
}



#order-items table tr.taxes td {

    text-align: left
}



#order-items table tr.taxes td .value {

    padding-top: 0
}



#order-items .order-line {

    margin-top: 1rem
}



#order-items .image img {

    width: 100%;

    margin-bottom: 1rem;

    border: 1px solid gray-lighter
}



#order-items .details,

#order-items .qty {

    margin-bottom: 1rem
}



#order-items .details .customizations {

    margin-top: .625rem
}



#order-items .details .carrier-name,

#order-items .details .virtual-info {

    margin-top: .25rem;

    font-size: .875rem;

    color: #7a7a7a
}



#order-confirmation #registration-form {

    width: 50%;

    margin: 0 auto 1rem
}



.js-payment-binary.disabled {

    cursor: not-allowed;

    opacity: .6
}



.js-payment-binary.disabled::before {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    pointer-events: none;

    content: ""

}



.table-labeled .label {

    padding: .25rem .375rem;

    margin: .125rem;

    font-size: inherit;

    font-weight: 400;

    color: #fff;

    white-space: nowrap;

    border-radius: 3px
}



.page-order .table {

    margin-bottom: 0
}



.page-order table td,

.page-order table th {

    padding: .5rem
}



#authentication .tooltip.tooltip-bottom {

    padding: 0;

    margin: 0
}



#authentication .custom-checkbox {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex
}



#authentication .custom-checkbox span {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 .9375rem;

    flex: 0 0 .9375rem
}



#authentication .custom-checkbox label {

    padding-left: .625rem
}



#authentication .radio-inline,

#identity .radio-inline {

    padding: 0
}



#authentication .radio-inline .custom-radio,

#identity .radio-inline .custom-radio {

    margin-right: 0
}







.page-customer-account #content .order-actions a {

    padding: 0 .125rem
}



.page-customer-account #content .forgot-password {
    font-size: 0.875rem;
    margin-top: 1rem;
    padding-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}



.page-customer-account #content .no-account {

    font-size: 1rem;

    text-align: center
}



.page-authentication #content {

    padding: 1rem;

    background: #fff;

    max-width: 640px;

    margin: 0 auto
}


.page-registration #content {
    padding: 0;
    border: none;
}




.page-addresses .address {

    margin-bottom: 1.875rem;

    font-size: .875rem;

    color: var(--text-color);

    background: #fff
}



.page-addresses .address .address-body {

    padding: 1rem
}



.page-addresses .address .address-body h4,

.page-order-detail .addresses h4,

.page-order-detail h3 {

    font-size: 1rem;

    font-weight: 700
}



.page-addresses .address .address-body address {

    min-height: 9rem
}



.page-addresses .address .address-footer {

    padding: .5rem 1rem;

    border-top: 1px solid #7a7a7a
}



.page-addresses .address .address-footer a {

    margin-right: .5rem;

    color: #7a7a7a
}



.page-addresses .address .address-footer a span {

    font-size: .9375rem;

    vertical-align: middle
}



.page-addresses .addresses-footer {

    margin: 0 .9375rem
}



#order-return-infos .thead-default th,

.page-addresses .addresses-footer a,

.page-addresses .addresses-footer a:hover,

.page-my-account #content .links a:hover {

    color: var(--text-color)
}



.page-addresses .addresses-footer a span {

    margin-top: .625rem;

    font-size: 1rem;

    vertical-align: middle
}



.page-order-detail #content {

    font-size: .875rem
}



.page-order-detail .box {

    padding: 1rem;

    background: #fff;

    margin-bottom: 1rem
}



.page-order-detail h3 {

    margin-bottom: 1rem;

    color: var(--text-color);

    text-transform: uppercase
}



.page-order-detail #order-history .history-lines .history-line {

    padding: .5rem 0;

    border-bottom: 1px solid #f6f6f6
}



.page-order-detail #order-history .history-lines .history-line:last-child {

    border-bottom: 0
}



#history .orders .order .label,

.page-order-detail #order-history .history-lines .history-line .label {

    display: inline-block;

    padding: .25rem .375rem;

    margin: .25rem 0;

    color: #fff;

    border-radius: 3px
}



.page-order-detail .addresses {

    margin: 0 -.9375rem
}



.page-order-detail #order-products.return {

    margin-bottom: 1rem
}



.page-order-detail #order-products.return th.head-checkbox {

    width: 30px
}



.page-order-detail #order-products.return td {

    padding: 1.375rem .75rem
}



.page-order-detail #order-products.return td.qty {

    min-width: 125px
}



.page-order-detail #order-products.return td.qty .current {

    float: left;

    width: 30%;

    padding-right: .5rem;

    text-align: right
}



.page-order-detail #order-products.return td.qty .select {

    float: left;

    width: 70%;

    padding-left: .25rem;

    margin: -.625rem 0
}



.page-order-detail .order-items {

    padding: 0 !important
}



.page-order-detail .order-items .order-item {

    padding: 1rem 1rem 0;

    border-bottom: 1px solid #f6f6f6
}



.page-order-detail .order-items .order-item .checkbox {

    float: left;

    width: 30px;

    padding: 0 .9375rem
}



.page-order-detail .order-items .order-item .content {

    float: left;

    width: calc(100% - 30px);

    padding: 0 .9375rem
}



.page-order-detail .order-items .order-item .desc,

.page-order-detail .order-items .order-item .qty {

    margin-bottom: 1rem
}



#blockcart-modal .cart-content .page-content.page-cms ul .label,

#blockcart-modal .cart-content .page-content.page-cms ul .value,

#blockcart-modal .cart-content p .label,

#blockcart-modal .cart-content p .value,

.page-content.page-cms #blockcart-modal .cart-content ul .label,

.page-content.page-cms #blockcart-modal .cart-content ul .value,

.page-order-detail .order-items .order-item .desc .name {

    font-weight: 600
}



.page-order-detail .order-items .order-item .qty .q,

.page-order-detail .order-items .order-item .qty .s {

    margin-bottom: .25rem
}



.page-order-detail .messages .message {

    margin-top: .5rem;

    border-bottom: 1px solid #f6f6f6
}



#history .orders .order:last-child,

.page-order-detail .messages .message:last-child {

    border-bottom: 0
}



#order-return-infos .customization,

.page-order-detail .customization {

    margin-top: .75rem
}



.page-my-account #content .links {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start
}



.page-my-account #content .links a {

    display: inline-block;

    padding: 0 .9375rem;

    margin-bottom: 1.875rem;

    font-size: 1rem;

    font-weight: 700;

    color: #7a7a7a;

    text-align: center;

    text-transform: uppercase
}



.page-my-account #content .links a span.link-item {

    display: block;

    height: 100%;

    padding: 1rem;

    background: #fff
}



.page-my-account #content .links a i {

    display: block;

    width: 100%;

    padding-bottom: 3.4rem;

    font-size: 2.6rem;

    color: var(--text-color)
}



#history .orders {

    margin: 0 -1rem
}



#history .orders .order {

    padding: .75rem 1rem;

    border-bottom: 1px solid #f6f6f6
}



.page-footer .account-link {

    margin-right: 1rem
}



.page-footer .account-link span {

    font-size: .875rem;

    vertical-align: middle
}





.forgotten-password {

    padding: 1rem;
    border-radius: 4px;
    border: 1px solid rgb(240, 240, 240);
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}



.forgotten-password .form-fields .center-email-fields {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;
    flex-wrap: wrap;
}


/* 
.forgotten-password .form-fields .center-email-fields button,

.forgotten-password .form-fields .email input {

    height: 38px
} */



.forgotten-password .form-fields .email {

    width: 100%;

    padding-right: 0;

    padding-left: 0;
    margin-bottom: 1rem;
}


.forgotten-password .form-fields .form-control-submit {
        width: fit-content;
    margin: 0 auto;
    padding: 10px 24px;
    border-radius: 3px;
    border: none !important;
    outline: none !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    background: linear-gradient(90deg,#02184b,#02184b) padding-box,linear-gradient(90deg,#02184b,#02184b) border-box;
    color: #fff;
    text-transform: none;
}


 .forgotten-password .form-fields label.required {

    width: auto
} 




.renew-password {

    margin-left: 10px
}



.renew-password .email {

    padding-bottom: 30px
}



.renew-password [type=submit] {

    margin-left: 50px
}



.carousel {

    margin-bottom: 1.5rem
}



.carousel .direction {

    z-index: auto
}



.carousel .carousel-inner {

    height: 340px
}



.carousel .carousel-item {

    height: 100%
}



.carousel .carousel-item img {

    width: 100%;

    max-width: 100%;

    height: auto
}



.carousel .carousel-item .caption {

    position: absolute;

    bottom: 28px;

    left: 90px;

    max-width: 340px;

    color: #fff
}



.carousel .carousel-item .caption .caption-description .page-content.page-cms ul,

.carousel .carousel-item .caption .caption-description p,

.page-content.page-cms .carousel .carousel-item .caption .caption-description ul {

    font-size: 1rem;

    color: #fff
}



.carousel .carousel-item .caption .caption-description h3 {

    font-size: 1.25rem;

    font-weight: 600
}



.carousel .carousel-item .caption .display-1 {

    font-size: 3rem;

    font-weight: 700
}



.carousel .carousel-item figure {

    display: inline-block;

    margin: 0
}



.carousel .carousel-control {

    opacity: 1
}



.lang-rtl #products .all-product-link .material-icons,

.lang-rtl .carousel .carousel-control .icon-next .material-icons,

.lang-rtl .carousel .carousel-control .icon-prev .material-icons,

.lang-rtl .featured-products .all-product-link .material-icons,

.lang-rtl .product-accessories .all-product-link .material-icons {

    -webkit-transform: rotate(-180deg);

    transform: rotate(-180deg)
}



.carousel .carousel-control .icon-next::before,

.carousel .carousel-control .icon-prev::before {

    content: ""

}



.carousel .carousel-control .icon-next i,

.carousel .carousel-control .icon-prev i {

    font-size: 3.125rem;

    color: #fff
}



.carousel .carousel-control .icon-prev {

    left: 1rem
}



.carousel .carousel-control .icon-next {

    right: 2rem
}



.carousel .carousel-control.left,

.carousel .carousel-control.right {

    background: 0 0
}



.carousel-indicators .active {

    background-color: #7a7a7a
}



#products .products,

.featured-products .products,

.product-accessories .products {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start
}



#products .products-section-title,

.featured-products .products-section-title,

.product-accessories .products-section-title {

    margin: 2.5rem 0;

    font-weight: 500;

    text-align: center
}



#products .all-product-link,

.featured-products .all-product-link,

.product-accessories .all-product-link {

    margin-top: 1.5rem;

    margin-bottom: 1.5rem;

    clear: both;

    font-weight: 500;

    color: #7a7a7a
}



.product-miniature,

.product-miniature .product {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center
}



.product-miniature .product {

    padding: 0;

    margin: 0 .8125rem
}



.page-index .product-miniature .product,

.page-search .product-miniature .product {

    width: 25%;

    min-width: 250px
}



.product-miniature .product-thumbnail {

    display: block
}



.product-miniature .product-title a {

    font-size: 14px;

    font-weight: 400;

    color: var(--text-color);
    line-height: 1;
    text-transform: none;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 5px;
}

@media (max-width: 600px) {
    .product-miniature .product-title a {
        font-size: 12px;
        font-weight: 400;
        color: var(--text-color);
        line-height: 1.25;
        text-transform: none;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom: 5px;
    }
}

.product-miniature .product-brand {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--text-color);
    line-height: 1.25;
}



.product-miniature .thumbnail-container {

    position: relative;

    height: auto;

    margin-bottom: 1rem;

    overflow: hidden;
    text-align: left;
    width: 100%;
}



.product-miniature .thumbnail-container:focus .highlighted-informations,

.product-miniature .thumbnail-container:hover .highlighted-informations {

    top: calc(100% - 4.4rem)
}



.product-miniature .thumbnail-container:focus .highlighted-informations::after,

.product-miniature .thumbnail-container:hover .highlighted-informations::after {

    opacity: 1
}



.product-miniature .thumbnail-container:focus .highlighted-informations.no-variants,

.product-miniature .thumbnail-container:hover .highlighted-informations.no-variants {

    top: calc(100% - 2.5rem)
}







.product-miniature .thumbnail-container .product-thumbnail {

    position: relative;

    height: calc(100% - 70px)
}



.product-miniature .thumbnail-container .product-thumbnail img {

    position: relative;

    display: block;

    max-width: 100%;

    height: auto;

    margin: auto;


}



.product-miniature .product-title {

    margin-top: 4px;
    margin-bottom: 0;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #02184b, #02184b 60%, transparent);
    -webkit-background-clip: text;
    margin-right: 20px;
}



.product-miniature .product-price-and-shipping {

    font-weight: 700;

    color: var(--text-color);

    text-align: center
}



.product-miniature .product-price-and-shipping .discount-product {

    display: none
}



.product-miniature .variant-links {

    position: relative;

    top: -.25em;

    width: 100%;

    min-height: 2.5rem;

    padding-top: .1875rem;

    text-align: center;

    background: #fff
}



.product-miniature .thumbnail-top {

    position: relative;

    overflow: hidden
}



/* .product-miniature .highlighted-informations {

    position: absolute;

    top: 100%;

    z-index: 2;

    width: 100%;

    height: auto;

    padding: .625rem 0;

    text-align: center;

    background: #fff;

    -webkit-transition: .3s;

    transition: .3s
} */



.product-miniature .highlighted-informations .quick-view {

    font-size: 1rem;

    color: #7a7a7a
}



.product-miniature .highlighted-informations .quick-view:hover {

    color: #24b9d7
}



.product-miniature .product-description {

    position: relative;

    bottom: 0;

    height: auto;

    padding: 8px 0 0;
}



.product-miniature .product-flags li.product-flag {
}



.product-miniature .product-flags li.product-flag.online-only {

    top: 13.1rem
}



.product-miniature .comments_note {

    color: #7a7a7a;

    text-align: center
}



.product-miniature .regular-price {

    display: inline-block;

    font-size: .875rem;

    color: #7a7a7a;

    text-decoration: line-through
}



.product-miniature .count {

    position: relative;

    bottom: .5rem;

    font-weight: 700;

    color: #7a7a7a
}





#custom-text h2 {

    font-size: 1.5rem;

    font-weight: 500;

    color: var(--text-color);

    text-transform: uppercase
}



#custom-text .page-content.page-cms ul,

#custom-text p,

.page-content.page-cms #custom-text ul {

    font-size: .875rem;

    font-weight: 400;

    color: var(--text-color)
}



#custom-text .page-content.page-cms ul .dark,

#custom-text p .dark,

.page-content.page-cms #custom-text ul .dark {

    font-size: 1.125rem;

    font-weight: 600;

    color: var(--text-color)
}



#custom-text img {

    max-width: 100%;

    height: 100%
}



.page-content.page-cms {

    /*padding: 1.25rem; Modified 18/02/2026*/


    background: #fff
}



.page-content.page-cms .cms-box img {

    max-width: 100%
}



.page-content.page-cms ul {

    list-style: disc inside none
}



#products {

    color: #7a7a7a
}



#products .products-select {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: baseline;

    -ms-flex-align: baseline;

    align-items: baseline;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between
}



#products .up {

    margin-bottom: 1rem
}



#products .up .btn-secondary,

#products .up .btn-tertiary {

    color: #7a7a7a;

    text-transform: inherit
}



#products .up .btn-secondary .material-icons,

#products .up .btn-tertiary .material-icons {

    margin-right: 0
}



.block-category {
    margin: 1.5rem 0;
    text-align: center;
}

.block-category.card-block {
    padding: 0;
}


.block-category h1 {
    margin-bottom: 0;
    font-size: 40px;
    text-transform: none;
    font-weight: 700;
    color: var(--text-color);
    line-height: 1;
}



.block-category .block-category-inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    display: none;
}



.block-category .block-category-inner #category-description .page-content.page-cms ul,

.block-category .block-category-inner #category-description p,

.page-content.page-cms .block-category .block-category-inner #category-description ul {

    font-weight: 400;

    margin-bottom: 0;

    color: var(--text-color);

    word-break: break-word
}



.block-category .block-category-inner #category-description strong {

    font-weight: 400;

    color: #7a7a7a
}



.block-category .block-category-inner #category-description .page-content.page-cms ul:first-child,

.block-category .block-category-inner #category-description p:first-child,

.page-content.page-cms .block-category .block-category-inner #category-description ul:first-child {

    margin-bottom: 1.25rem
}



.block-category .block-category-inner .category-cover img {

    width: 141px;

    height: 180px
}



.products-selection .sort-by-row {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center
}



.products-selection .sort-by {

    margin-right: -.9375rem;

    margin-left: .9375rem;

    text-align: right;

    word-break: break-word;

    white-space: normal
}


.products-selection p {
    margin-bottom: 0;
}


.products-selection .total-products,

.products-selection h1 {

    /* padding-top: .625rem */
}



.page-content.page-cms .products-selection ul,

.page-content.page-cms .products-selection ul .select-title,

.page-content.page-cms .products-selection ul .sort-by,

.products-selection .page-content.page-cms ul,

.products-selection .page-content.page-cms ul .select-title,

.products-selection .page-content.page-cms ul .sort-by,

.products-selection .sort-by-row,

.products-selection .sort-by-row .select-title,

.products-selection .sort-by-row .sort-by,

.products-selection p,

.products-selection p .select-title,

.products-selection p .sort-by {

    font-size: .875rem
}



.page-content.page-cms .products-selection ul i,

.products-selection .page-content.page-cms ul i,

.products-selection .sort-by-row .select-title i,

.products-selection .sort-by-row .sort-by i,

.products-selection .sort-by-row i,

.products-selection p .select-title i,

.products-selection p .sort-by i,

.products-selection p i {

    height: inherit;

    line-height: inherit
}







.brands-sort,

.products-sort-order,

.suppliers-sort {

    color: #7a7a7a
}



.brands-sort .select-title,

.products-sort-order .select-title,

.suppliers-sort .select-title {

    display: inline-block;

    width: 100%;

    padding: .625rem;

    color: var(--text-color);

    cursor: pointer;

    background: #fff;

    border: 1px solid rgba(0, 0, 0, .25)
}



.brands-sort .select-list,

.products-sort-order .select-list,

.suppliers-sort .select-list {

    display: block;

    padding: .625rem 1.25rem;

    color: var(--text-color)
}



.brands-sort .select-list:hover,

.products-sort-order .select-list:hover,

.suppliers-sort .select-list:hover {

    color: #fff;

    text-decoration: none;

    background: #24b9d7
}



.brands-sort .dropdown-menu,

.products-sort-order .dropdown-menu,

.suppliers-sort .dropdown-menu {

    left: auto;

    width: 16.88rem;

    margin: 0;

    background: #f6f6f6;

    border: 0;

    border-radius: 0;

    -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .1);

    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .1)
}



.facet-dropdown {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding-right: 0;

    padding-left: 0;

    color: #7a7a7a;

    background: #f6f6f6;

    border: 3px solid transparent;

    -webkit-box-shadow: 1px 1px 1px 1px #f6f6f6;

    box-shadow: 1px 1px 1px 1px #f6f6f6
}



.facet-dropdown.open {

    border: 0
}



.facet-dropdown.open>.select-title {

    background: #f6f6f6;

    border: 3px solid #24b9d7
}



.facet-dropdown .select-title {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    padding: .625rem .625rem .625rem 1.25rem;

    margin-left: 0;

    color: var(--text-color);

    cursor: pointer;

    background: #f6f6f6
}



.facet-dropdown .select-title>i {

    margin-left: auto
}



.facet-dropdown .select-list {

    display: block;

    padding: .625rem 1.25rem;

    color: var(--text-color);

    background: #f6f6f6
}



.facet-dropdown .select-list:hover {

    color: #fff;

    text-decoration: none;

    background: #24b9d7
}



.facet-dropdown .dropdown-menu {

    left: auto;

    width: 100%;

    padding: 0;

    margin-top: 3px;

    background: #f6f6f6;

    border: 0;

    -webkit-box-shadow: 1px 1px 1px 1px #f6f6f6;

    box-shadow: 1px 1px 1px 1px #f6f6f6
}



#search_filters,

#search_filters_brands,

#search_filters_suppliers {

    padding: 1.563rem 1.25rem;

    margin-bottom: 1.563rem;

    background: #fff
}



#search_filters>.h6,

#search_filters_brands>.h6,

#search_filters_suppliers>.h6 {

    font-size: 1.5rem;

    font-weight: 500
}



#search_filters .facet,

#search_filters_brands .facet,

#search_filters_suppliers .facet {

    padding-top: .625rem;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 0.5rem;
}


#search_filters .facet:last-child {
    border: none;
}

#search_filters .facet .facet-title {
    font-size: 16px;
    font-weight: 400;
}

#search_filters .facet .facet-label {
    position: relative;
    margin: 0 4px;
}

#search_filters .facet .facet-label .custom-checkbox {
    position: absolute;
    opacity: 0;
}


#search_filters .facet .collapse,

#search_filters_brands .facet .collapse,

#search_filters_suppliers .facet .collapse {

    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
    overflow: auto;
}



#search_filters .facet .facet-title,

#search_filters_brands .facet .facet-title,

#search_filters_suppliers .facet .facet-title {

    font-size: 1rem;

    color: var(--text-color);
    margin-bottom: 1rem;
}



#product-modal .modal-content .modal-body .image-caption .page-content.page-cms ul,

#product-modal .modal-content .modal-body .image-caption p,

#search_filters .facet .facet-label,

#search_filters_brands .facet .facet-label,

#search_filters_suppliers .facet .facet-label,

.page-content.page-cms #product-modal .modal-content .modal-body .image-caption ul,

.social-sharing ul {

    margin-bottom: 0
}



#search_filters .facet .facet-label a,

#search_filters_brands .facet .facet-label a,

#search_filters_suppliers .facet .facet-label a {

    display: inline-block;

    font-size: 14px;
    line-height: 1.5;

    color: var(--text-color);
    margin: 0;
    padding: 8px 16px;
    background-color: #f8f5f2;
    border-radius: 100px;
    white-space: nowrap;
    width: auto !important;
}


#search_filters .facet .facet-label.active  a {
    background-color: #02184b;
    color: #fff;
}



#search_filters_brands .facet,

#search_filters_suppliers .facet {

    padding-top: 0
}



#search_filters_brands .facet .facet-label,

#search_filters_suppliers .facet .facet-label {

    margin-bottom: .3125rem
}



.pagination {

    width: 100%;

    font-size: .875rem;
    text-align: center;
}


#pagination_summary {
    text-align: center;
    font-size: 16px;
    color: var(--text-color);
    line-height: 1.5;
}



.pagination .page-list {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 30px;
    border-radius: 100px;
    border: 1px solid #02184b;
    margin-bottom: 0;
    margin-top: 1rem;
}


.pagination .page-list li {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    font-size: 20px;
}

.pagination span.disabled {
    color: #8c8c8c;
    display: flex;
    align-items: center;
    justify-content: center;
}


.pagination a {
    color: #8c8c8c;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pagination .current a {
    color: #02184b;
    text-decoration: none;
}



.pagination a:not(.previous):not(.next) {

    letter-spacing: .125rem
}



.pagination .previous {

    float: left
}



.pagination .next {

    float: right
}


.pagination .next, .pagination .previous {
    color: var(--text-color);
}


.pagination .disabled {

    color: #7a7a7a
}






.active_filters {

    padding: .625rem 1.875rem 0;

    margin-bottom: 1.25rem;

    background: #dededd
}



.active_filters .active-filter-title {

    display: inline;

    margin-right: .625rem;

    font-weight: 600
}



.active_filters .filter-block {

    display: inline-block;

    padding: .625rem;

    margin-right: .625rem;

    margin-bottom: .625rem;

    font-size: .8125rem;

    color: var(--text-color);

    background: #fff
}



.active_filters .filter-block .close {

    margin-top: .1875rem;

    margin-left: .3125rem;

    font-size: .9375rem;

    color: var(--text-color);

    opacity: 1
}



.block-categories {

    padding: 1.563rem 1.25rem;

    margin-bottom: 1.563rem;

    background: #fff
}



.block-categories .h6 {

    font-size: 1.5rem;

    font-weight: 500
}



.block-categories .category-sub-menu {

    margin-top: 1rem
}



.block-categories .category-sub-menu .category-sub-link {

    font-size: .875rem
}



.block-categories .category-sub-menu li {

    position: relative
}



.block-categories .category-sub-menu li[data-depth="1"] {

    margin-bottom: .625rem
}



.block-categories .category-sub-menu li[data-depth="0"]>a {

    display: inline-block;

    width: 100%;

    padding-bottom: .1875rem;

    margin: .3125rem 0 0;

    font-weight: 600
}



.block-categories .category-sub-menu li:not([data-depth="0"]):not([data-depth="1"]) {

    padding-left: .3125rem
}



.block-categories .category-sub-menu li:not([data-depth="0"]):not([data-depth="1"])::before {

    margin-right: .3125rem;

    content: "-"

}



.block-categories a,

.facets-title {

    color: var(--text-color)
}



.block-categories .collapse-icons {

    position: absolute;

    top: 0;

    right: 0;

    padding: 0;

    cursor: pointer
}



.block-categories .collapse-icons .remove,

.block-categories .collapse-icons[aria-expanded=true] .add {

    display: none
}



.block-categories .collapse-icons[aria-expanded=true] .remove {

    display: block
}



#subcategories ul li .subcategory-name:hover,

.block-categories .arrows .arrow-down:hover,

.block-categories .arrows .arrow-right:hover,

.block-categories .collapse-icons .add:hover,

.block-categories .collapse-icons .remove:hover,

.cart-grid-body a.label:hover {

    color: #021870
}



.block-categories .arrows .arrow-down,

.block-categories .arrows .arrow-right {

    margin-left: 2px;

    font-size: .875rem;

    cursor: pointer
}



.block-categories .arrows .arrow-down,

.block-categories .arrows[aria-expanded=true] .arrow-right {

    display: none
}



#manufacturer #main ul .brand-infos a,

#supplier #main ul .supplier-infos a,

.block-categories .arrows[aria-expanded=true] .arrow-down {

    display: inline-block
}



.advertising-block {

    margin-bottom: 1.563rem
}



#subcategories {

    margin-bottom: 20px;
    padding: 0;
}



#subcategories .subcategory-heading {

    margin-bottom: 20px;

    font-weight: 500;
    display: none;
}



#subcategories ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin: 0 0 0 -10px
}



#subcategories ul li {

    width: calc(25% - 20px);

    min-width: 200px;

    margin: 0;

    text-align: center
}



#subcategories ul li .subcategory-image {

    padding: 0 0 8px
}



#subcategories ul li .subcategory-image a {

    display: block;

    padding: 9px;

    border: 1px solid #f6f6f6
}



#subcategories ul li .subcategory-image a img {

    max-width: 100%;

    vertical-align: top
}



#subcategories ul li .subcategory-name {

    text-transform: uppercase
}



#subcategories ul li .cat_desc {

    display: none
}



#subcategories ul li:hover .subcategory-image a {

    padding: 5px;

    border: 5px solid #24b9d7
}



#product #content {

    position: relative;

    /*max-width: 452px;*/

    margin: 0 auto
}




#blockcart-modal,

#product-description-short {

    color: var(--text-color)
}



#product-description-short ol,

#product-description-short ul {

    padding-left: 0;

    list-style-position: inside
}



#product-description-short ol li,

#product-description-short ul li,

.product-information .product-description ol li,

.product-information .product-description ul li {

    font-size: .9375rem;

    color: #7a7a7a
}



.product-information {

    font-size: .9375rem;

    color: var(--text-color)
}



.product-information .manufacturer-logo {

    max-height: 4rem;

    margin-bottom: 1rem;

    border: 2px solid #f6f6f6
}



.product-information .product-description img {

    max-width: 100%;

    height: auto
}



.product-information .product-description ol,

.product-information .product-description ul {

    padding-left: .75rem;

    list-style-position: inside
}



#product-description-short ul,

.product-information .product-description ul {

    list-style-type: disc
}



.input-color {

    position: absolute;

    width: 1.25rem;

    height: 1.25rem;

    cursor: pointer;

    opacity: 0
}



.input-container {

    position: relative
}



.input-radio {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    cursor: pointer;

    opacity: 0
}



.input-color:checked+span,

.input-color:hover+span,

.input-radio:checked+span,

.input-radio:hover+span {

    border: 2px solid var(--text-color)
}



.radio-label {

    display: inline-block;

    padding: .125rem .625rem;

    font-weight: 600;

    background: #fff;

    border: 2px solid #fff
}



.product-actions .control-label {

    display: block;

    width: 100%;

    margin-bottom: .375rem
}



.product-actions .add-to-cart {

    height: 2.75rem;

    padding-top: .625rem;

    line-height: inherit
}



.product-actions .add-to-cart .material-icons {

    line-height: inherit
}



.product-actions .product-add-to-cart {

    word-wrap: break-word
}



.product-quantity {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap
}



.product-quantity .add,

.product-quantity .qty {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    float: left;

    margin-bottom: .5rem
}



.product-quantity .qty {

    margin-right: .4rem
}



.product-quantity #quantity_wanted {

    width: 3rem;

    height: 2.75rem;

    padding: .175rem .5rem;

    color: var(--text-color);

    background-color: #fff
}



.product-quantity .input-group-btn-vertical {

    width: auto
}



.product-quantity .input-group-btn-vertical .btn {

    padding: .5rem .6875rem
}



.product-quantity .input-group-btn-vertical .btn i {

    top: .125rem;

    left: .1875rem;

    font-size: 1rem
}



.product-quantity .btn-touchspin {

    height: 1.438rem
}



.wishlist-button-product {

    margin-left: .5rem !important
}



.product-discounts {

    /* margin-bottom: 1.5rem */
}



.product-discounts>.product-discounts-title {

    font-size: .875rem;

    font-weight: 600
}



.product-discounts>.table-product-discounts thead tr th {

    width: 33%;

    padding: .625rem 1.25rem;

    text-align: center;

    background: #fff;

    border: .3125rem #f6f6f6 solid
}



.product-discounts>.table-product-discounts tbody tr {

    background: #f6f6f6
}



.product-discounts>.table-product-discounts tbody tr:nth-of-type(even) {

    background: #fff
}



.product-discounts>.table-product-discounts tbody tr td {

    padding: .625rem 1.25rem;

    text-align: center;

    border: .3125rem #f6f6f6 solid
}







.product-prices .tax-shipping-delivery-label {

    font-size: .8125rem;

    color: #7a7a7a;

    word-wrap: break-word;
    display: none;
}



.product-prices .tax-shipping-delivery-label .delivery-information {

    padding: 0 0 0 2px;

    font-weight: 700
}



.product-prices .tax-shipping-delivery-label .delivery-information::before {

    padding: 0 2px 0 0;

    content: "-"

}



.product-customization small,

.product-discount {

    color: var(--text-color)
}



.product-discount .regular-price {

    text-decoration: line-through;
    font-weight: normal;
    margin-right: 0;
}



.has-discount .page-content.page-cms ul,

.has-discount p,

.page-content.page-cms .has-discount ul {

    color: #f39d72
}



.has-discount .discount {
    background: #02184b;
    color: white;
    font-weight: 500;
    padding: 0 8px;
    font-size: 14px;
    margin-left: 8px;
    border-radius: 3px;
    display: inline-block;
}



.has-discount .product-unit-price,

.product-unit-price {

    margin-bottom: 0;

    overflow: hidden;

    font-size: .8125rem;

    color: #7a7a7a;

    text-overflow: ellipsis
}



.tabs {

    padding: 1.25rem 1.875rem;

    margin-top: 2rem;

    background: #fff
}



.tabs .tab-pane {

    padding-top: 1.25rem
}



.tabs .nav-tabs {

    border: 0;

    border-bottom: #f6f6f6 2px solid
}



.tabs .nav-tabs .nav-link {

    color: #7a7a7a;

    border: 0 solid transparent
}



.tabs .nav-tabs .nav-link.active {

    color: #24b9d7
}



.tabs .nav-tabs .nav-link.active,

.tabs .nav-tabs .nav-link:hover {

    border: 0;

    border-bottom: #24b9d7 3px solid
}



.tabs .nav-tabs .nav-item {

    float: left;

    margin-bottom: -.125rem
}



.product-cover {

    position: relative;

    margin-bottom: 1.25rem
}



#product-modal .modal-content .modal-body .product-cover-modal,

.product-cover img {

    background: #fff
}



.product-cover .layer {

    position: absolute;

    top: 0;

    left: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 100%;

    height: 100%;

    text-align: center;

    cursor: pointer;

    background: #000;

    background: rgba(0, 0, 0, .6);

    opacity: 0
}



.product-cover .layer:hover {

    opacity: 1
}



.product-cover .layer .zoom-in {

    font-size: 3.125rem;

    color: #fff
}



#product-modal .modal-content {

    padding: 0;

    background: 0 0;

    border: 0
}



#product-modal .modal-content .modal-body {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-left: -35%
}



#product-modal .modal-content .modal-body .image-caption {

    width: 100%;

    padding: .625rem 1.25rem;

    background: #fff;

    border-top: #f6f6f6 1px solid
}



#product-modal .modal-content .modal-body .thumbnails,

.block_newsletter form {

    position: relative
}



#product-modal .modal-content .modal-body .mask {

    position: relative;

    z-index: 1;

    max-height: 49.38rem;

    margin-top: 2.188rem;

    overflow: hidden
}



#product-modal .modal-content .modal-body .mask.nomargin {

    margin-top: 0
}



#product-modal .modal-content .modal-body .product-images img {

    width: 9.25rem;

    cursor: pointer;

    background: #fff
}



#product-modal .modal-content .modal-body .product-images img:hover {

    border: #24b9d7 3px solid
}



#product-modal .modal-content .modal-body .arrows {

    position: absolute;

    top: 0;

    right: 1.875rem;

    z-index: 0;

    width: 100%;

    height: 100%;

    color: #fff;

    text-align: center;

    cursor: pointer
}



#product-modal .modal-content .modal-body .arrows .arrow-up {

    position: absolute;

    top: -2rem;

    opacity: .2
}



#product-modal .modal-content .modal-body .arrows .arrow-down {

    position: absolute;

    bottom: -2rem
}



#product-modal .modal-content .modal-body .arrows i {

    display: inline;

    font-size: 6.25rem
}



#blockcart-modal .modal-header,

#product #block-reassurance {

    background: #fff
}



#blockcart-modal .modal-header .close {

    opacity: 1
}



#blockcart-modal .modal-header .close .material-icons {

    color: #363a42
}



#blockcart-modal .modal-body {
flex: 1;
    background: #fff;
    padding: 1rem 1rem 0;
    max-height: calc(100vh - 66px);
    max-height: calc(100svh - 66px);
    overflow: hidden auto;
}



#blockcart-modal .modal-body .divide-right span {

    display: inline-block;

    margin-bottom: .3125rem
}



#blockcart-modal .modal-dialog {
    max-width: 450px;
    width: 100%;
    max-height: 100vh;
    max-height: 100svh;
    margin: 0 0 0 auto;
}



#blockcart-modal .product-image {

    display: block;

    width: 100%;


    margin: 0 0 0 auto
}



#blockcart-modal .modal-title {
    font-weight: 500;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 900px) {
    #blockcart-modal .modal-title {
        font-size: 16px;
    }
}

#blockcart-modal .modal-title .modal-title-icon{

       position: relative;
    margin-right: 16px;
}

#blockcart-modal .modal-title-icon .icon-cart {
        background: #f8f5f2;
    border-radius: 50%;
}

#blockcart-modal .modal-title-icon .icon-check {
    background: #e9823d;
    color: #fff;
    position: absolute;
    padding: 2px;
    right: -9px;
    top: -2px;
    font-size: 14px;
    border-radius: 50%;
}


#blockcart-modal .product-name {
    margin-bottom: 5px;
    font-weight: 500;
    color: var(--text-color);
}



#blockcart-modal .product-price {

    display: block;
}



#blockcart-modal .cart-content .btn,

#stores .page-stores .store-item-footer li {

    margin-bottom: .625rem
}


#blockcart-modal .cart-content p {
    margin-bottom: .50px;
    display: flex;
    justify-content: space-between;
    font-weight: 500;
}

#blockcart-modal .cart-content p.free-shipping-message.free-shipping-success {
  font-weight: 400;
}

#blockcart-modal .cart-content p .value:not(.product-total .value) {
  font-weight: 500;
}
#blockcart-modal .cart-content p.product-total {
  font-weight: 700;
  font-size: 16px;
}


#blockcart-modal .cart-content p .label {
    font-weight: bold;
    font-size: 16px;
}

#blockcart-modal .divide-right {

    border-right: 1px solid #dbdbdb
}

#blockcart-modal .cart-content .cart-content-btn {
    display: flex;
    margin-bottom: 24px;
}
#blockcart-modal .cart-content .btn {
    width: 100%;
    padding: 10px 24px;
    border-radius: 3px;
    border: 2px solid transparent;
    background: linear-gradient(90deg, #0c2b72, #02184b) padding-box, linear-gradient(90deg, #0c2b72, #02184b) border-box;
    color: #fff;
    font-size: 17.5px;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 400;
    white-space: inherit;
    margin-bottom: 0;
}
#blockcart-modal .cart-content .btn i {
    display: none;
}


#wrapper .breadcrumb li,

.product-images>li.thumb-container {

    display: inline
}


#wrapper .breadcrumb li {
    font-size: 14px;
}


.product-images>li.thumb-container .thumb {

    margin-bottom: .625rem;

    cursor: pointer
}



.images-container .product-images>li.thumb-container .thumb {

    margin-right: .8125rem
}



.product-images>li.thumb-container .thumb.selected,

.product-images>li.thumb-container .thumb:hover {

    border: #24b9d7 3px solid
}



#main .images-container .js-qv-mask {

    overflow: hidden;

    white-space: nowrap
}



#main .images-container .js-qv-mask.scroll {

    width: calc(100% - 60px);

    margin: 0 auto
}



.scroll-box-arrows {

    display: none
}



.scroll-box-arrows.scroll {

    display: block
}



.scroll-box-arrows i {

    position: absolute;

    bottom: 1.625rem;

    height: 100px;

    line-height: 100px;

    cursor: pointer
}



.scroll-box-arrows .left {

    left: 0
}



.scroll-box-arrows .right {

    right: 0
}



#product-availability {

    display: inline;

    margin-top: .625rem;

    font-weight: 700
}



#product-availability .alert {

    font-size: 1rem
}



#product-availability .alert-content-wrapper {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    gap: .75rem
}



#product-availability .alert-warning .material-icons {

    padding-top: 0;

    margin-right: 0;

    font-size: 24px
}



#product-details .label {

    font-size: 1rem;

    font-weight: 500;

    color: var(--text-color)
}



.product-features {

    margin-top: 1.25rem;

    margin-left: .3125rem
}



.product-features>dl.data-sheet,

.product-flags {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap
}



.product-features>dl.data-sheet {

    -webkit-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch
}



.product-features>dl.data-sheet dd.value,

.product-features>dl.data-sheet dt.name {

    -webkit-box-flex: 1;

    -ms-flex: 1 0 40%;

    flex: 1 0 40%;

    min-height: 2.5rem;

    padding: .625rem;

    margin-right: .625rem;

    margin-bottom: .5rem;

    font-weight: 500;

    text-transform: capitalize;

    word-break: normal;

    background: #f6f6f6
}



.product-customization .product-customization-item,

.product-variants>.product-variants-item {

    margin: 1.25rem 0
}



.product-variants>.product-variants-item select {

    width: auto;

    padding-right: 1.875rem;

    background-color: #fff
}



.product-variants>.product-variants-item ul li {

    margin-right: .625rem
}



.product-variants>.product-variants-item .color {

    margin-top: 0;

    margin-left: 0
}



.product-flags {

    position: absolute;

    top: 4px;

    left: 8px;

    z-index: 2;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    width: 100%;

    pointer-events: none
}



.product-flags li.product-flag {

    width: -webkit-fit-content;

    width: -moz-fit-content;

    width: fit-content;

    padding: 4px 8px;

    margin-top: 3px;

    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    border-radius: 3px;

    color: #02184b;

    word-break: break-word;

    pointer-events: auto;

    background-color: #fff;
}

@media (max-width: 600px) {
        .product-flags li.product-flag {
        font-size: 12px;
        margin-top: 8px;
        margin-bottom: -2px;
    }
}  

@media (max-width: 600px) {
#cart  .product-flags li.product-flag {
        font-size: 10px;
    }
}    



.product-flags li.product-flag.new {
    background-color: #02184B;
    color: #fff;
}
.product-flags li.product-flag.seller {
    background-color: #8c0729;
    color: #fff;
}


.product-flags li.product-flag.online-only {

    position: absolute;

    top: 25rem;

    right: 0;

    z-index: 1;

    margin-top: 0;

    font-size: .8125rem
}



.product-flags li.product-flag.online-only::before {

    margin: .3125rem;

    font-family: "Material Icons", Arial, sans-serif;

    vertical-align: middle;

    content: ""

}

.product-flags li.product-flag.discount {
    display: none;
}


.product-flags li.product-flag.discount,

.product-flags li.product-flag.discount-amount,

.product-flags li.product-flag.discount-percentage {

    background-color: #f39d72
}



.product-flags li.product-flag.on-sale {

    -webkit-box-ordinal-group: 0;

    -ms-flex-order: -1;

    order: -1;

    width: 100%;

    margin-top: 0 !important;

    text-align: center;

    background: #f39d72
}



.product-customization {

    margin: 2.5rem 0
}



.product-customization .product-message {

    width: 100%;

    height: 3.125rem;

    padding: .625rem;

    resize: none;

    background: #f6f6f6;

    border: 0
}



.product-customization .product-message:focus {

    background-color: #fff;

    outline: .1875rem solid #24b9d7
}



.product-customization .file-input {

    position: absolute;

    left: 0;

    z-index: 1;

    width: 100%;

    height: 2.625rem;

    overflow: hidden;

    cursor: pointer;

    opacity: 0
}



.product-customization .customization-message {

    margin-top: 20px
}



.product-customization .customization-message .customization-label {

    text-align: left;

    word-break: break-word
}



.product-customization .custom-file {

    position: relative;

    display: block;

    width: 100%;

    height: 2.625rem;

    margin-top: 1.25rem;

    line-height: 2.625rem;

    color: #7a7a7a;

    text-indent: .625rem;

    background: #f6f6f6
}



.product-customization .custom-file button {

    position: absolute;

    top: 0;

    right: 0;

    z-index: 0;

    height: inherit
}



.product-pack {

    margin-top: 2.5rem
}



.product-pack .pack-product-container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: distribute;

    justify-content: space-around
}



.product-pack .pack-product-container .pack-product-name {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    font-size: .875rem;

    color: #7a7a7a
}



.product-pack .pack-product-container .pack-product-quantity {

    padding-left: .625rem;

    border-left: #f6f6f6 2px solid
}



.product-pack .pack-product-container .pack-product-name,

.product-pack .pack-product-container .pack-product-price,

.product-pack .pack-product-container .pack-product-quantity {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center
}



.product-refresh {

    margin-top: 0;
    display: none;
}



.social-sharing {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    margin-top: 1.5rem
}



.social-sharing li {

    display: inline-block;

    width: 2.5rem;

    height: 2.5rem;

    margin-left: .5rem;

    cursor: pointer;

    background-color: #fff;

    background-repeat: no-repeat;

    background-position: .25rem .25rem;

    background-size: 2rem 2rem;

    border-radius: 50%
}



.social-sharing li a {

    display: block;

    width: 100%;

    height: 100%;

    overflow: hidden;

    text-indent: 100%;

    white-space: nowrap
}



.block-social ul li a:hover,

.social-sharing li a:hover {

    color: transparent
}



.products-selection {

    display: flex;
    align-items: center;
    padding: 10px 0;
}



#header .header-nav .blockcart a,

.account-list a,

.products-selection .title {

    color: #7a7a7a
}



.cart-grid {

    margin-bottom: 1rem
}



#header #_desktop_logo h1,

#notifications ul,

.block-promo .page-content.page-cms ul,

.block-promo p,

.cart-items,

.page-content.page-cms .block-promo ul {

    margin-bottom: 0
}







.card-block {

    padding: 1.25rem 1.25rem .5rem
}



.card-block.checkout {

    padding-top: 0;

    padding-bottom: 1.75rem
}



.card-block.checkout .btn-primary {

    width: 100%;

    white-space: normal
}







.card-block.cart-summary-totals .cart-summary-line {

    padding: .5rem .2rem 0
}



.card-block.cart-summary-totals .cart-summary-line:last-child {

    margin-bottom: 0
}



.card-block.cart-summary-totals .cart-summary-line.cart-total {

    padding: 0 0;
}



#product #block-reassurance span,

.card-block.cart-summary-totals .cart-summary-line.cart-total .label,

.card-block.cart-summary-totals .cart-summary-line.cart-total .value {

    font-weight: 700
}



.card-block.cart-summary-totals .cart-summary-line.cart-total .label,

.card-block.cart-summary-totals .cart-summary-line.cart-total .value {

    font-size: 18px;
}



.card-block.cart-summary-totals .cart-summary-line span.sub {

    float: none;

    font-size: .88rem;

    text-align: left
}



.cart-summary-line {

    margin-bottom: .315rem;

    clear: both
}



.cart-summary-line::after {

    content: "";

    display: table;

    clear: both
}



.cart-summary-line:not(:last-child) {

    margin-bottom: 1rem
}



.cart-summary-line .label {

       padding-left: 0;
    font-weight: normal;
    white-space: inherit;
    font-size: 1rem;
}



.cart-summary-line .value {

    text-transform: capitalize;
    font-weight: 400;
    font-size: 16px;
    float: right;
}



.cart-summary-line.cart-summary-subtotals .label,

.cart-summary-line.cart-summary-subtotals .value {

    font-weight: 500
}






.cart-grid-body {

    margin-bottom: .75rem
}



.cart-grid-body .card-block,

.cart-grid-body .cart-overview {

    padding: 1rem
}



.cart-grid-body .card-block h1 {

    margin-bottom: 0;

    font-size: 1.5rem;

    font-weight: 400
}



.cart-grid-right .promo-discounts {

    padding-top: .5rem;

    padding-bottom: .5rem;

    margin-bottom: 0;

    text-align: center
}



.cart-grid-right .promo-discounts .cart-summary-line .label {

    font-size: 1rem;

    color: #7a7a7a
}



.cart-grid-right .promo-discounts .cart-summary-line .label .code {

    color: #f49d6e;

    cursor: pointer
}



.cart-grid-right .cart-summary-line.cart-subtotal-products .label,

.cart-grid-right .cart-summary-line.cart-subtotal-products .value {

    font-weight: 600
}



.cart-grid-right .cart-summary-line.cart-subtotal-products .value {

    font-size: 1rem
}



.block-promo {

    margin-bottom: 1rem
}






.block-promo .promo-code .alert-danger {

        position: relative;
    margin-top: 10px;
    margin-bottom: 0;
    background: #ff4c4c;
    color: white;
    display: none;
    width: 100%;
}



.block-promo .promo-code .alert-danger::after {

    position: absolute;

    bottom: 100%;

    left: 10%;

    width: 0;

    height: 0;

    margin-left: -10px;

    pointer-events: none;

    content: " ";

    border: solid transparent;

    border-width: 10px;

    border-bottom-color: #ff4c4c
}



.block-promo .promo-input {

        color: #02184b;
    border: none;
    border-bottom: #b6b9ba 1px solid;
    height: 44px;
    width: 240px;
    margin-right: 27px;
    font-size: 14px;
    margin-top: -15px;
}


.block-promo .promo-input:focus,
.block-promo .promo-input:hover {
  border-color: #02184b;
}

.block-promo .promo-input::-webkit-input-placeholder {
  color: rgba(2, 24, 75, 0.5);

  opacity: 1;
}

.block-promo .promo-input::placeholder {
  color: rgba(2, 24, 75, 0.5);

  opacity: 1;
}

.block-promo .promo-input:focus-visible {
  outline: none;
}

.block-promo .promo-input + button {
  padding: 7px 39px;

  font-size: 12px;

  line-height: 1.5;

  font-weight: 400;

  background-color: #f8f5f2;

  color: #02184b;

  text-transform: uppercase;

  border-radius: 3px;
  
  margin-left: -3px;
}

.block-promo .promo-input + button:hover {
  background-color: #02184b;

  color: #fff;
}

.block-promo .cart-summary-line .label,
.block-promo .promo-name {
  padding: 0;

  margin-bottom: 0;

  font-size: 16px;
}

.block-promo .cart-summary-line .float-xs-right {
  display: flex;

  align-items: center;
}

.block-promo .cart-summary-line .label a,
.block-promo .promo-name a {
  font-weight: normal;

  color: #02184b;

  display: inline-block;

  margin-left: 20px;

  margin-top: -4px;
}

.block-promo .cart-summary-line .label a i,
.block-promo .promo-name a i {
  font-size: 0;

  width: auto;

  height: auto;

  font-family: "Icons";
}

.block-promo .cart-summary-line .label a i:before,
.block-promo .promo-name a i:before {
  content: "\e904";

  font-size: 14px;

  font-weight: 700;

  color: #02184b;
}

.block-promo .promo-code-button {
  padding-left: 1.25rem;

  margin-bottom: 1.25rem;

  display: inline-block;
}

.block-promo.promo-highlighted {
  padding: 1.25rem;

  padding-bottom: 0;

  margin-bottom: 0;
}



#stores .page-stores .store-picture img,

.product-line-grid-left img {

    max-width: 100%
}



.product-line-grid-body>.product-line-info>.label {

    padding: 0;

    font-weight: 600;

    line-height: inherit;

    text-align: left;

    white-space: inherit
}



.product-line-grid-body>.product-line-info>.out-of-stock {

    color: red
}



.product-line-grid-body>.product-line-info>.available {

    color: #4cbb6c
}



.product-line-grid-body>.product-line-info .unit-price-cart {

    overflow: hidden;

    font-size: .875rem;

    font-weight: 500;

    color: #7a7a7a;

    text-overflow: ellipsis
}



.product-line-grid-right .cart-line-product-actions,

.product-line-grid-right .product-price {

    line-height: 36px;

    color: var(--text-color)
}



.product-line-grid-right .cart-line-product-actions .remove-from-cart,

.product-line-grid-right .product-price .remove-from-cart {

    display: inline-block;

    margin-top: .3125rem;

    color: var(--text-color)
}



#block-reassurance {

    margin-top: 2rem
}



#block-reassurance img {

    width: 1.563rem;

    margin-right: .625rem
}



#block-reassurance li {

    border-bottom: 1px solid rgba(0, 0, 0, .25)
}



#block-reassurance li .block-reassurance-item {

    padding: 1rem 1.5rem
}



.quickview .modal-dialog {

    width: calc(100% - 30px);

    max-width: 64rem
}



.quickview .modal-content {

    width: 100%;

    min-height: 28.13rem;

    background: #f6f6f6
}



.quickview .modal-header {

    padding: .625rem;

    border: 0
}



.quickview .modal-body {

    min-height: 23.75rem
}



.quickview .modal-footer {

    border-top: 1px solid rgba(122, 122, 122, .3)
}



.quickview .layer {

    display: none
}



.quickview .product-cover img {

    width: 100%;

    height: auto
}



.quickview .images-container {

    z-index: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    min-height: 21.88rem
}



.quickview .images-container .product-images>li.thumb-container .thumb {

    width: 100%;

    max-width: 4.938rem;

    height: auto;

    margin-bottom: .8125rem;

    background: #fff
}



.quickview .mask {

    width: 35%;

    max-height: 22.5rem;

    margin-left: .625rem;

    overflow: hidden
}



.quickview .arrows {

    position: absolute;

    top: 0;

    right: 5rem;

    bottom: 0;

    z-index: 0;

    max-height: 22.5rem
}



.quickview .arrows .arrow-up {

    margin-top: -3.125rem;

    cursor: pointer;

    opacity: .2
}



.quickview .arrows .arrow-down {

    position: absolute;

    bottom: -1.875rem;

    cursor: pointer
}



.quickview .social-sharing {

    margin-top: 0;

    margin-left: 2.5rem
}



#stores .page-stores {

    width: 85%;

    margin: 0 auto
}



#stores .page-stores .store-item {

    padding-right: .75rem;

    padding-left: .75rem
}



#stores .page-stores .store-item-container,

#stores .page-stores .store-item-footer {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: distribute;

    justify-content: space-around
}



#stores .page-stores .store-item-container {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 1.875rem 0
}



#stores .page-stores .store-item-container ul {

    margin-bottom: 0;

    font-size: .9375rem
}



#stores .page-stores .store-item-container .divide-left {

    border-left: #f6f6f6 1px solid
}



#stores .page-stores .store-item-container .divide-left tr {

    height: 1.563rem
}



#stores .page-stores .store-item-container .divide-left td {

    padding-left: .375rem
}



#stores .page-stores .store-item-container .divide-left th {

    text-align: right
}



#stores .page-stores .store-item-container .store-description {

    font-size: 1rem
}



#stores .page-stores .store-item-footer {

    padding-top: .5rem;

    margin-top: .5rem
}



#stores .page-stores .store-item-footer.divide-top {

    border-top: #f6f6f6 1px solid
}



#stores .page-stores .store-item-footer div:first-child {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 65%;

    flex: 0 0 65%
}



#stores .page-stores .store-item-footer i.material-icons {

    margin-right: .625rem;

    font-size: 1rem;

    color: #7a7a7a
}



#footer {

    margin-top: 30px;

}



#blockEmailSubscription_displayFooterBefore {

    float: inherit;

    width: 100%;

    margin: auto
}



.block-contact,

.footer-container li a {

    font-size: .875rem;

    color: #7a7a7a
}



#block_myaccount_infos .myaccount-title a,

#header a,

.block-contact .block-contact-title,

.block-contact .navbar-toggler .material-icons,

.linklist .blockcms-title a {

    color: var(--text-color)
}


#wrapper .breadcrumb li a {
    color: #b6b9ba;
    text-decoration: underline;
}



.account-list a:hover,

.block_newsletter form button[type=submit] .search:hover,

.footer-container li a:hover {

    color: #24b9d7
}



.block-contact-title,

.blockcms-title,

.myaccount-title,

.myaccount-title a {

    font-size: 1rem;

    font-weight: 700
}



.block-social {

    text-align: right
}



.block-social ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex
}



.block-social ul li {

    display: inline-block;

    width: 2.5rem;

    height: 2.5rem;

    margin: .125rem;

    cursor: pointer;

    background-color: #f6f6f6;

    background-repeat: no-repeat
}



.block-social ul li:hover {

    background-color: #24b9d7
}



.block-social ul li a {

    display: block;

    height: 100%;

    overflow: hidden;

    text-indent: 100%;

    white-space: nowrap
}



.facebook {

    background-image: url(../js/../css/04be689c12d686c59503.svg)
}



.facebook::before {

    content: ""

}



.facebook.icon-gray {

    background-image: url(../js/../css/b252849e892c264f4f22.svg)
}



.facebook.icon-gray:hover,

.facebook::before {

    background-image: url(../js/../css/fa3993a997a0b84e9900.svg)
}



.twitter {

    background-image: url(../js/../css/684e630555d851000280.svg)
}



.twitter::before {

    content: ""

}



.twitter.icon-gray {

    background-image: url(../js/../css/73f07959d75f31faaaab.svg)
}



.twitter.icon-gray:hover,

.twitter::before {

    background-image: url(../js/../css/2427823c6e4aa7568894.svg)
}



.linkedin {

    background-image: url(../js/../css/b2efa71e4ca1cd26b0f4.svg);

    background-position: center center
}



.rss {

    background-image: url(../js/../css/cbeba06698c00a61e822.svg)
}



.youtube {

    background-image: url(../js/../css/726b87682d18d1e83076.svg)
}



.googleplus {

    background-image: url(../js/../css/c472ea2ef3e5b3743873.svg)
}



.googleplus::before {

    content: ""

}



.googleplus.icon-gray {

    background-image: url(../js/../css/7acb0ff3a9a16ba3806d.svg)
}



.googleplus.icon-gray:hover,

.googleplus::before {

    background-image: url(../js/../css/47f13bcaf75af86613bc.svg)
}



.pinterest {

    background-image: url(../js/../css/33e7446832ac7aa84b95.svg)
}



.pinterest::before {

    content: ""

}



.pinterest.icon-gray {

    background-image: url(../js/../css/91fc2885f1aa34fb73f6.svg)
}



.pinterest.icon-gray:hover,

.pinterest::before {

    background-image: url(../js/../css/882e1291e47c7d9d5dd7.svg)
}



.vimeo {

    background-image: url(../js/../css/4903fb37c04676f5a805.svg)
}



.instagram {

    background-image: url(../js/../css/3a94078d659136527abf.svg)
}





.footer-container .h3,

.footer-container .h4 {

    margin-bottom: 1rem;

    font-size: 1rem
}



.footer-container li {

    margin-bottom: .3125rem
}



.footer-container li a {

    cursor: pointer
}



.links .collapse {

    display: inherit
}



.contact-rich {

    color: #7a7a7a;

    word-wrap: break-word
}



.contact-rich,

.contact-rich h4 {

    margin-bottom: 2rem
}



.contact-rich .block {

    height: auto;

    overflow: hidden
}



.contact-rich .block .icon {

    float: left;

    width: 3.5rem
}



.contact-rich .block .icon i {

    font-size: 2rem
}



.contact-rich .block .data {

    width: auto;

    overflow: hidden;

    font-size: .875rem;

    color: var(--text-color)
}



.contact-rich .block .data.email {

    padding-top: .375rem
}



.contact-rich .block a[href^="mailto:"] {

    margin-top: 1rem;

    clear: both
}



.contact-form {

    width: 100%;

    padding: 1rem;

    color: #7a7a7a;

    background: #fff
}



.contact-form h3,

.contact-rich h4 {

    color: var(--text-color);

    text-transform: uppercase
}



#pagenotfound #main .page-header,

#products #main .page-header {

    margin: 2rem 0 3rem
}



#pagenotfound #main .page-content,

#products #main .page-content {

    margin-bottom: 10rem
}



#pagenotfound .page-not-found,

#products .page-not-found {

    max-width: 570px;

    padding: 1rem;

    margin: 0 auto;

    overflow: auto;

    font-size: .875rem;

    color: #7a7a7a;

    background: #fff
}



#pagenotfound .page-not-found h4,

#products .page-not-found h4 {

    margin: .5rem 0 1rem;

    font-size: 1rem;

    font-weight: 700
}



#pagenotfound .page-not-found .search-widget,

#products .page-not-found .search-widget {

    float: none
}



.customization-modal .modal-content {

    border: 1px solid #f6f6f6;

    border-radius: 0
}



#footer .block_newsletter #block-newsletter-label,

.customization-modal .modal-content .modal-body {

    padding-top: 0
}



.customization-modal .modal-content .modal-body .product-customization-line {

    padding-top: .9375rem;

    padding-bottom: .9375rem;

    border-bottom: 1px solid #f6f6f6
}



.customization-modal .modal-content .modal-body .product-customization-line .label {

    font-weight: 600;

    text-align: right
}



.customization-modal .modal-content .modal-body .product-customization-line .value {

    word-wrap: break-word
}



.customization-modal .modal-content .modal-body .product-customization-line:last-child {

    padding-bottom: 0;

    border-bottom: 0
}



.sitemap-title {

    text-transform: capitalize
}



#header .header-nav #_desktop_contact_link #contact-link,

.sitemap {

    margin-top: .9375rem
}



.sitemap h2 {

    width: 100%;

    height: 35px;

    margin-left: -15px;

    font-size: 1.1rem;

    font-weight: 600;

    color: var(--text-color);

    text-transform: uppercase;

    border-bottom: 1px solid #7a7a7a
}



.sitemap ul {

    margin-top: 20px;

    margin-left: -15px
}



.sitemap ul.nested {

    margin-left: 20px
}



.sitemap ul li {

    margin-bottom: 1rem;

    font-size: .9rem
}



.block_newsletter {

    float: inherit;

    width: 100%;

    max-width: 50rem;

    margin: auto;

    margin-bottom: .625rem;

    clear: both;

    font-size: .875rem;

    background: #fff
}



.block_newsletter form input[type=text]:focus {

    color: var(--text-color);

    background: #fff;

    outline: 3px #24b9d7 solid
}



.block_newsletter #block-newsletter-label {

    font-size: 1.3125rem;

    line-height: 1.75rem;

    color: var(--text-color)
}



.block_newsletter form .input-wrapper {

    overflow: hidden
}



.block_newsletter form .row .col-xs-12:last-of-type .page-content.page-cms ul,

.block_newsletter form .row .col-xs-12:last-of-type p,

.page-content.page-cms .block_newsletter form .row .col-xs-12:last-of-type ul {

    font-size: .75rem;

    color: #7a7a7a
}



.block_newsletter form .row .col-xs-12:first-of-type .btn-primary:first-of-type {

    margin-left: .5rem
}



.block_newsletter form input[type=email] {

    width: 100%;

    padding: 11px;

    border: 1px solid #ddd
}



.block_newsletter form input[type=email]:focus {

    padding: 8px 8px 9px;

    border: 3px #24b9d7 solid;

    outline: 0
}



.block_newsletter form input {

    height: 42px;

    -webkit-box-shadow: none;

    box-shadow: none
}



#footer .block_newsletter .page-content.page-cms ul,

#footer .block_newsletter p,

.page-content.page-cms #footer .block_newsletter ul {

    padding-top: .625rem
}



#left-column .block_newsletter {

    padding: 1.563rem 1.25rem;

    margin-bottom: 1.563rem
}



#manufacturer #main ul,

#supplier #main ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start
}



#manufacturer #main ul .brand {

    position: relative;

    width: calc(20% - 10px);

    min-width: 210px;

    padding: 10px;

    margin: 5px;

    text-align: center;

    background: #fff;

    -webkit-transition: .4s ease-out;

    transition: .4s ease-out
}



#manufacturer #main ul .brand:hover,

#supplier #main ul .supplier:hover {

    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);

    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2)
}



#manufacturer #main ul .brand-products {

    display: none
}



#manufacturer #main ul .brand-img {

    position: relative;

    width: 200px;

    margin: auto
}



#manufacturer #main ul .brand-img a::before,

#supplier #main ul .supplier-img a::before {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    width: 100%;

    height: 100%;

    content: ""

}



#supplier #main ul .supplier {

    position: relative;

    width: calc(20% - 10px);

    min-width: 210px;

    padding: 10px;

    margin: 5px;

    text-align: center;

    background: #fff;

    -webkit-transition: .4s ease-out;

    transition: .4s ease-out
}



#supplier #main ul .supplier-products {

    display: none
}



#supplier #main ul .supplier-img {

    position: relative;

    width: 200px;

    margin: auto
}



#header {

    position: relative;

    z-index: 999;

    color: #7a7a7a;

    background: #fff;

    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .11);

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .11)
}



#header .logo {

    max-width: 100%;

    height: auto
}



#header a:hover {

    text-decoration: none
}



#header .menu,

#header .menu>ul>li {

    display: inline-block
}



#header .header-nav {

    max-height: 50px;

}



#header .header-nav #menu-icon {

    margin: 0 1rem;

    vertical-align: middle;

    cursor: pointer
}



#header .header-nav #menu-icon .material-icons {

    line-height: 50px
}



#header .header-nav .right-nav {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end
}



#header .header-nav .currency-selector {

    margin-top: .9375rem;

    margin-left: .9375rem;

    white-space: nowrap
}



#header .header-nav .user-info {

    margin-left: 2.5rem;

    text-align: right
}



#header .header-nav .user-info .account {

    margin-left: .625rem
}



#header .header-nav .language-selector,

#header .header-nav .user-info {

    margin-top: .9375rem;

    white-space: nowrap
}



#header .header-nav .cart-preview.active {

    background: #24b9d7
}



#header .header-nav .blockcart.active a:hover,

#header .header-nav .cart-preview.active a,

#header .header-nav .cart-preview.active i {

    color: #fff
}



#header .header-nav .cart-preview .shopping-cart {

    color: #7a7a7a;

    vertical-align: middle
}



#header .header-nav .cart-preview .body {

    display: none
}



#header .header-nav .blockcart {

    height: 3rem;

    padding: .75rem;

    margin-left: .9375rem;

    text-align: center;

    white-space: nowrap;

    background: #f6f6f6
}



#header .header-nav .blockcart a:hover {

    color: #24b9d7
}



#header .header-nav .blockcart .header {

    margin-top: .125rem
}



#header .header-nav #_desktop_contact_link {

    display: inline-block
}



#header .header-nav .search-widget {

    margin-top: .2rem
}



#header .header-nav .material-icons {

    line-height: inherit
}



#header .header-nav .material-icons.expand-more {

    margin-left: -.375rem
}



#header .header-top {

    padding: 1.25rem 0
}



#header .header-top>.container {

    position: relative
}



#header .header-top>.container>.row:first-of-type {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center
}



#header .header-top .menu {

    padding-left: 0
}



#header .header-top .position-static {

    position: static
}



#header .header-top a[data-depth="0"] {

    color: #7a7a7a;

    text-transform: uppercase
}



#header .header-top .search-widget {

    float: right
}



#header .top-menu-link {

    margin-left: 1.25rem
}



#wrapper {
}



#wrapper .banner {

    display: block;

    margin-bottom: 1.5rem
}



#wrapper .breadcrumb {

    padding: 0;

    background: 0 0;
    
    margin-top: 10px; /*added 18/02/2026*/
}



#wrapper .breadcrumb[data-depth="1"] {

    display: none
}



#wrapper .breadcrumb li::after {

    margin: .3125rem;

    color: #b6b9ba;

    content: "/"

}



#wrapper .breadcrumb li:last-child {

    margin: 0;

    color: #b6b9ba;

}



#wrapper .breadcrumb li:last-child::after {

    content: ""

}



#main .page-content h6 {

    margin-bottom: 1.125rem
}



#main .page-content #notifications {

    margin-right: -15px;

    margin-left: -15px
}



.progress {

    background: #dbdbdb
}



.progress-bar {

    height: 100%;

    -webkit-transition: .25s ease-out;

    transition: .25s ease-out
}



@media print {



    *,

    .page-content.page-cms ul::first-line,

    ::after,

    ::before,

    ::first-letter,

    blockquote::first-line,

    div::first-line,

    li::first-line,

    p::first-line {

        text-shadow: none !important;

        -webkit-box-shadow: none !important;

        box-shadow: none !important
    }



    a,

    a:visited {

        text-decoration: underline
    }



    abbr[title]::after {

        content: " (" attr(title) ")"

    }



    pre {

        white-space: pre-wrap !important
    }



    blockquote,

    pre {

        border: 1px solid #999
    }



    thead {

        display: table-header-group
    }



    blockquote,

    img,

    pre,

    tr {

        page-break-inside: avoid
    }



    .page-content.page-cms ul,

    h2,

    h3,

    p {

        orphans: 3;

        widows: 3
    }



    h2,

    h3 {

        page-break-after: avoid
    }



    .navbar {

        display: none
    }



    .btn>.caret,

    .dropup>.btn>.caret {

        border-top-color: #000 !important
    }



    .tag {

        border: 1px solid #000
    }



    .table {

        border-collapse: collapse !important
    }



    .table td,

    .table th {

        background-color: #fff !important
    }



    .table-bordered td,

    .table-bordered th {

        border: 1px solid #ddd !important
    }



    .visible-print-block {

        display: block !important
    }



    .visible-print-inline {

        display: inline !important
    }



    .visible-print-inline-block {

        display: inline-block !important
    }



    .hidden-print {

        display: none !important
    }

}



@media (min-width:576px) {

    .container {

        width: 540px;

        max-width: 100%
    }



    .row {

        margin-right: -15px;

        margin-left: -15px
    }



    .col-lg,

    .col-lg-1,

    .col-lg-10,

    .col-lg-11,

    .col-lg-12,

    .col-lg-2,

    .col-lg-3,

    .col-lg-4,

    .col-lg-5,

    .col-lg-6,

    .col-lg-7,

    .col-lg-8,

    .col-lg-9,

    .col-md,

    .col-md-1,

    .col-md-10,

    .col-md-11,

    .col-md-12,

    .col-md-2,

    .col-md-3,

    .col-md-4,

    .col-md-5,

    .col-md-6,

    .col-md-7,

    .col-md-8,

    .col-md-9,

    .col-sm,

    .col-sm-1,

    .col-sm-10,

    .col-sm-11,

    .col-sm-12,

    .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-xl,

    .col-xl-1,

    .col-xl-10,

    .col-xl-11,

    .col-xl-12,

    .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-xs,

    .col-xs-1,

    .col-xs-10,

    .col-xs-11,

    .col-xs-12,

    .col-xs-2,

    .col-xs-3,

    .col-xs-4,

    .col-xs-5,

    .col-xs-6,

    .col-xs-7,

    .col-xs-8,

    .col-xs-9 {

        padding-right: 15px;

        padding-left: 15px
    }



    .col-sm-1 {

        float: left;

        width: 8.3333333333%
    }



    .col-sm-2,

    .col-sm-3 {

        float: left;

        width: 16.6666666667%
    }



    .col-sm-3 {

        width: 25%
    }



    .col-sm-4,

    .col-sm-5 {

        float: left;

        width: 33.3333333333%
    }



    .col-sm-5 {

        width: 41.6666666667%
    }



    .col-sm-6,

    .col-sm-7 {

        float: left;

        width: 50%
    }



    .col-sm-7 {

        width: 58.3333333333%
    }



    .col-sm-8,

    .col-sm-9 {

        float: left;

        width: 66.6666666667%
    }



    .col-sm-9 {

        width: 75%
    }



    .col-sm-10 {

        float: left;

        width: 83.3333333333%
    }



    .col-sm-11 {

        float: left;

        width: 91.6666666667%
    }



    .col-sm-12 {

        float: left;

        width: 100%
    }



    .pull-sm-0 {

        right: auto
    }



    .pull-sm-1 {

        right: 8.3333333333%
    }



    .pull-sm-2 {

        right: 16.6666666667%
    }



    .pull-sm-3 {

        right: 25%
    }



    .pull-sm-4 {

        right: 33.3333333333%
    }



    .pull-sm-5 {

        right: 41.6666666667%
    }



    .pull-sm-6 {

        right: 50%
    }



    .pull-sm-7 {

        right: 58.3333333333%
    }



    .pull-sm-8 {

        right: 66.6666666667%
    }



    .pull-sm-9 {

        right: 75%
    }



    .pull-sm-10 {

        right: 83.3333333333%
    }



    .pull-sm-11 {

        right: 91.6666666667%
    }



    .pull-sm-12 {

        right: 100%
    }



    .push-sm-0 {

        left: auto
    }



    .push-sm-1 {

        left: 8.3333333333%
    }



    .push-sm-2 {

        left: 16.6666666667%
    }



    .push-sm-3 {

        left: 25%
    }



    .push-sm-4 {

        left: 33.3333333333%
    }



    .push-sm-5 {

        left: 41.6666666667%
    }



    .push-sm-6 {

        left: 50%
    }



    .push-sm-7 {

        left: 58.3333333333%
    }



    .push-sm-8 {

        left: 66.6666666667%
    }



    .push-sm-9 {

        left: 75%
    }



    .push-sm-10 {

        left: 83.3333333333%
    }



    .push-sm-11 {

        left: 91.6666666667%
    }



    .push-sm-12 {

        left: 100%
    }



    .offset-sm-0 {

        margin-left: 0
    }



    .offset-sm-1 {

        margin-left: 8.3333333333%
    }



    .offset-sm-2 {

        margin-left: 16.6666666667%
    }



    .offset-sm-3 {

        margin-left: 25%
    }



    .offset-sm-4 {

        margin-left: 33.3333333333%
    }



    .offset-sm-5 {

        margin-left: 41.6666666667%
    }



    .offset-sm-6 {

        margin-left: 50%
    }



    .offset-sm-7 {

        margin-left: 58.3333333333%
    }



    .offset-sm-8 {

        margin-left: 66.6666666667%
    }



    .offset-sm-9 {

        margin-left: 75%
    }



    .offset-sm-10 {

        margin-left: 83.3333333333%
    }



    .offset-sm-11 {

        margin-left: 91.6666666667%
    }



    .form-inline .form-group {

        display: inline-block;

        margin-bottom: 0;

        vertical-align: middle
    }



    .form-inline .form-control {

        display: inline-block;

        width: auto;

        vertical-align: middle
    }



    .form-inline .form-control-static {

        display: inline-block
    }



    .form-inline .input-group {

        display: inline-table;

        width: auto;

        vertical-align: middle
    }



    .form-inline .input-group .form-control,

    .form-inline .input-group .input-group-addon,

    .form-inline .input-group .input-group-btn {

        width: auto
    }



    .form-inline .input-group>.form-control {

        width: 100%
    }



    .form-inline .form-check,

    .form-inline .form-control-label {

        margin-bottom: 0;

        vertical-align: middle
    }



    .form-inline .form-check {

        display: inline-block;

        margin-top: 0
    }



    .form-inline .form-check-label {

        padding-left: 0
    }



    .form-inline .form-check-input {

        position: relative;

        margin-left: 0
    }



    .form-inline .has-feedback .form-control-feedback {

        top: 0
    }



    .navbar,

    .navbar-fixed-bottom,

    .navbar-fixed-top,

    .navbar-full,

    .navbar-sticky-top {

        border-radius: 0
    }



    .navbar-toggleable-xs {

        display: block !important
    }



    .card-deck {

        display: table;

        width: 100%;

        margin-bottom: .75rem;

        table-layout: fixed;

        border-spacing: 1.25rem 0
    }



    .card-deck .card {

        margin-bottom: 0
    }



    .card-deck-wrapper {

        margin-right: -1.25rem;

        margin-left: -1.25rem
    }



    .card-group {

        display: table;

        width: 100%;

        table-layout: fixed
    }



    .card-deck .card,

    .card-group .card {

        display: table-cell;

        vertical-align: top
    }



    .card-group .card+.card {

        margin-left: 0;

        border-left: 0
    }



    .card-group .card:first-child {

        border-bottom-right-radius: 0;

        border-top-right-radius: 0
    }



    .card-group .card:first-child .card-img-top {

        border-top-right-radius: 0
    }



    .card-group .card:first-child .card-img-bottom {

        border-bottom-right-radius: 0
    }



    .card-group .card:last-child {

        border-bottom-left-radius: 0;

        border-top-left-radius: 0
    }



    .card-group .card:last-child .card-img-top {

        border-top-left-radius: 0
    }



    .card-group .card:last-child .card-img-bottom {

        border-bottom-left-radius: 0
    }



    .card-group .card:not(:first-child):not(:last-child),

    .card-group .card:not(:first-child):not(:last-child) .card-img-bottom,

    .card-group .card:not(:first-child):not(:last-child) .card-img-top {

        border-radius: 0
    }



    .card-columns {

        -webkit-column-count: 3;

        -moz-column-count: 3;

        column-count: 3;

        -webkit-column-gap: 1.25rem;

        -moz-column-gap: 1.25rem;

        column-gap: 1.25rem
    }



    .card-columns .card {

        display: inline-block;

        width: 100%
    }



    .jumbotron {

        padding: 4rem 2rem
    }



    .modal-dialog {

        max-width: 450px;

        margin: 30px auto
    }



    .modal-sm {

        max-width: 300px
    }



    .carousel-control .icon-next,

    .carousel-control .icon-prev {

        width: 30px;

        height: 30px;

        margin-top: -15px;

        font-size: 30px
    }



    .carousel-control .icon-prev {

        margin-left: -15px
    }



    .carousel-control .icon-next {

        margin-right: -15px
    }



    .carousel-caption {

        right: 20%;

        left: 20%;

        padding-bottom: 30px
    }



    .carousel-indicators {

        bottom: 20px
    }



    .float-sm-left {

        float: left !important
    }



    .float-sm-right {

        float: right !important
    }



    .float-sm-none {

        float: none !important
    }



    .text-sm-left {

        text-align: left !important
    }



    .text-sm-right {

        text-align: right !important
    }



    .text-sm-center {

        text-align: center !important
    }



    .hidden-sm-up {

        display: none !important
    }



    .header-top .search-widgets {

        max-width: 13rem
    }



    .contact-rich .block a[href^="mailto:"] {

        font-size: .815rem
    }

}



@media (min-width:768px) {

    .container {

        width: 720px;

        max-width: 100%
    }



    .row {

        margin-right: -15px;

        margin-left: -15px
    }



    .col-lg,

    .col-lg-1,

    .col-lg-10,

    .col-lg-11,

    .col-lg-12,

    .col-lg-2,

    .col-lg-3,

    .col-lg-4,

    .col-lg-5,

    .col-lg-6,

    .col-lg-7,

    .col-lg-8,

    .col-lg-9,

    .col-md,

    .col-md-1,

    .col-md-10,

    .col-md-11,

    .col-md-12,

    .col-md-2,

    .col-md-3,

    .col-md-4,

    .col-md-5,

    .col-md-6,

    .col-md-7,

    .col-md-8,

    .col-md-9,

    .col-sm,

    .col-sm-1,

    .col-sm-10,

    .col-sm-11,

    .col-sm-12,

    .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-xl,

    .col-xl-1,

    .col-xl-10,

    .col-xl-11,

    .col-xl-12,

    .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-xs,

    .col-xs-1,

    .col-xs-10,

    .col-xs-11,

    .col-xs-12,

    .col-xs-2,

    .col-xs-3,

    .col-xs-4,

    .col-xs-5,

    .col-xs-6,

    .col-xs-7,

    .col-xs-8,

    .col-xs-9 {

        padding-right: 15px;

        padding-left: 15px
    }



    .col-md-1 {

        float: left;

        width: 8.3333333333%
    }



    .col-md-2,

    .col-md-3 {

        float: left;

        width: 16.6666666667%
    }



    .col-md-3 {

        width: 25%
    }



    .col-md-4,

    .col-md-5 {

        float: left;

        width: 33.3333333333%
    }



    .col-md-5 {

        width: 41.6666666667%
    }



    .col-md-6,

    .col-md-7 {

        float: left;

        width: 50%
    }



    .col-md-7 {

        width: 58.3333333333%
    }



    .col-md-8,

    .col-md-9 {

        float: left;

        width: 66.6666666667%
    }



    .col-md-9 {

        width: 75%
    }



    .col-md-10 {

        float: left;

        width: 83.3333333333%
    }



    .col-md-11 {

        float: left;

        width: 91.6666666667%
    }



    .col-md-12 {

        float: left;

        width: 100%
    }



    .pull-md-0 {

        right: auto
    }



    .pull-md-1 {

        right: 8.3333333333%
    }



    .pull-md-2 {

        right: 16.6666666667%
    }



    .pull-md-3 {

        right: 25%
    }



    .pull-md-4 {

        right: 33.3333333333%
    }



    .pull-md-5 {

        right: 41.6666666667%
    }



    .pull-md-6 {

        right: 50%
    }



    .pull-md-7 {

        right: 58.3333333333%
    }



    .pull-md-8 {

        right: 66.6666666667%
    }



    .pull-md-9 {

        right: 75%
    }



    .pull-md-10 {

        right: 83.3333333333%
    }



    .pull-md-11 {

        right: 91.6666666667%
    }



    .pull-md-12 {

        right: 100%
    }



    .push-md-0 {

        left: auto
    }



    .push-md-1 {

        left: 8.3333333333%
    }



    .push-md-2 {

        left: 16.6666666667%
    }



    .push-md-3 {

        left: 25%
    }



    .push-md-4 {

        left: 33.3333333333%
    }



    .push-md-5 {

        left: 41.6666666667%
    }



    .push-md-6 {

        left: 50%
    }



    .push-md-7 {

        left: 58.3333333333%
    }



    .push-md-8 {

        left: 66.6666666667%
    }



    .push-md-9 {

        left: 75%
    }



    .push-md-10 {

        left: 83.3333333333%
    }



    .push-md-11 {

        left: 91.6666666667%
    }



    .push-md-12 {

        left: 100%
    }



    .offset-md-0 {

        margin-left: 0
    }



    .offset-md-1 {

        margin-left: 8.3333333333%
    }



    .offset-md-2 {

        margin-left: 16.6666666667%
    }



    .offset-md-3 {

        margin-left: 25%
    }



    .offset-md-4 {

        margin-left: 33.3333333333%
    }



    .offset-md-5 {

        margin-left: 41.6666666667%
    }



    .offset-md-6 {

        margin-left: 50%
    }



    .offset-md-7 {

        margin-left: 58.3333333333%
    }



    .offset-md-8 {

        margin-left: 66.6666666667%
    }



    .offset-md-9 {

        margin-left: 75%
    }



    .offset-md-10 {

        margin-left: 83.3333333333%
    }



    .offset-md-11 {

        margin-left: 91.6666666667%
    }



    .navbar-toggleable-sm {

        display: block !important
    }



    .float-md-left {

        float: left !important
    }



    .float-md-right {

        float: right !important
    }



    .float-md-none {

        float: none !important
    }



    .text-md-left {

        text-align: left !important
    }



    .text-md-right {

        text-align: right !important
    }



    .text-md-center {

        text-align: center !important
    }



    .hidden-md-up {

        display: none !important
    }



    .search-widget {

        min-width: 15.63rem
    }




}



@media (min-width:992px) {

    .container {

        width: 960px;

        max-width: 100%
    }



    .row {

        margin-right: -15px;

        margin-left: -15px
    }



    .col-lg,

    .col-lg-1,

    .col-lg-10,

    .col-lg-11,

    .col-lg-12,

    .col-lg-2,

    .col-lg-3,

    .col-lg-4,

    .col-lg-5,

    .col-lg-6,

    .col-lg-7,

    .col-lg-8,

    .col-lg-9,

    .col-md,

    .col-md-1,

    .col-md-10,

    .col-md-11,

    .col-md-12,

    .col-md-2,

    .col-md-3,

    .col-md-4,

    .col-md-5,

    .col-md-6,

    .col-md-7,

    .col-md-8,

    .col-md-9,

    .col-sm,

    .col-sm-1,

    .col-sm-10,

    .col-sm-11,

    .col-sm-12,

    .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-xl,

    .col-xl-1,

    .col-xl-10,

    .col-xl-11,

    .col-xl-12,

    .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-xs,

    .col-xs-1,

    .col-xs-10,

    .col-xs-11,

    .col-xs-12,

    .col-xs-2,

    .col-xs-3,

    .col-xs-4,

    .col-xs-5,

    .col-xs-6,

    .col-xs-7,

    .col-xs-8,

    .col-xs-9 {

        padding-right: 15px;

        padding-left: 15px
    }



    .col-lg-1 {

        float: left;

        width: 8.3333333333%
    }



    .col-lg-2,

    .col-lg-3 {

        float: left;

        width: 16.6666666667%
    }



    .col-lg-3 {

        width: 25%
    }



    .col-lg-4,

    .col-lg-5 {

        float: left;

        width: 33.3333333333%
    }



    .col-lg-5 {

        width: 41.6666666667%
    }



    .col-lg-6,

    .col-lg-7 {

        float: left;

        width: 50%
    }



    .col-lg-7 {

        width: 58.3333333333%
    }



    .col-lg-8,

    .col-lg-9 {

        float: left;

        width: 66.6666666667%
    }



    .col-lg-9 {

        width: 75%
    }



    .col-lg-10 {

        float: left;

        width: 83.3333333333%
    }



    .col-lg-11 {

        float: left;

        width: 91.6666666667%
    }



    .col-lg-12 {

        float: left;

        width: 100%
    }



    .pull-lg-0 {

        right: auto
    }



    .pull-lg-1 {

        right: 8.3333333333%
    }



    .pull-lg-2 {

        right: 16.6666666667%
    }



    .pull-lg-3 {

        right: 25%
    }



    .pull-lg-4 {

        right: 33.3333333333%
    }



    .pull-lg-5 {

        right: 41.6666666667%
    }



    .pull-lg-6 {

        right: 50%
    }



    .pull-lg-7 {

        right: 58.3333333333%
    }



    .pull-lg-8 {

        right: 66.6666666667%
    }



    .pull-lg-9 {

        right: 75%
    }



    .pull-lg-10 {

        right: 83.3333333333%
    }



    .pull-lg-11 {

        right: 91.6666666667%
    }



    .pull-lg-12 {

        right: 100%
    }



    .push-lg-0 {

        left: auto
    }



    .push-lg-1 {

        left: 8.3333333333%
    }



    .push-lg-2 {

        left: 16.6666666667%
    }



    .push-lg-3 {

        left: 25%
    }



    .push-lg-4 {

        left: 33.3333333333%
    }



    .push-lg-5 {

        left: 41.6666666667%
    }



    .push-lg-6 {

        left: 50%
    }



    .push-lg-7 {

        left: 58.3333333333%
    }



    .push-lg-8 {

        left: 66.6666666667%
    }



    .push-lg-9 {

        left: 75%
    }



    .push-lg-10 {

        left: 83.3333333333%
    }



    .push-lg-11 {

        left: 91.6666666667%
    }



    .push-lg-12 {

        left: 100%
    }



    .offset-lg-0 {

        margin-left: 0
    }



    .offset-lg-1 {

        margin-left: 8.3333333333%
    }



    .offset-lg-2 {

        margin-left: 16.6666666667%
    }



    .offset-lg-3 {

        margin-left: 25%
    }



    .offset-lg-4 {

        margin-left: 33.3333333333%
    }



    .offset-lg-5 {

        margin-left: 41.6666666667%
    }



    .offset-lg-6 {

        margin-left: 50%
    }



    .offset-lg-7 {

        margin-left: 58.3333333333%
    }



    .offset-lg-8 {

        margin-left: 66.6666666667%
    }



    .offset-lg-9 {

        margin-left: 75%
    }



    .offset-lg-10 {

        margin-left: 83.3333333333%
    }



    .offset-lg-11 {

        margin-left: 91.6666666667%
    }



    .navbar-toggleable-md {

        display: block !important
    }



    .modal-lg {

        max-width: 900px
    }



    .float-lg-left {

        float: left !important
    }



    .float-lg-right {

        float: right !important
    }



    .float-lg-none {

        float: none !important
    }



    .text-lg-left {

        text-align: left !important
    }



    .text-lg-right {

        text-align: right !important
    }



    .text-lg-center {

        text-align: center !important
    }



    .hidden-lg-up {

        display: none !important
    }



    .carousel .carousel-indicators {

        display: none
    }



    #product-modal .modal-content .modal-body .product-images {

        margin-left: 2.5rem
    }

}



@media (min-width:1200px) {

    .container {

        width: 1140px;

        max-width: 100%
    }



    .row {

        margin-right: -15px;

        margin-left: -15px
    }



    .col-lg,

    .col-lg-1,

    .col-lg-10,

    .col-lg-11,

    .col-lg-12,

    .col-lg-2,

    .col-lg-3,

    .col-lg-4,

    .col-lg-5,

    .col-lg-6,

    .col-lg-7,

    .col-lg-8,

    .col-lg-9,

    .col-md,

    .col-md-1,

    .col-md-10,

    .col-md-11,

    .col-md-12,

    .col-md-2,

    .col-md-3,

    .col-md-4,

    .col-md-5,

    .col-md-6,

    .col-md-7,

    .col-md-8,

    .col-md-9,

    .col-sm,

    .col-sm-1,

    .col-sm-10,

    .col-sm-11,

    .col-sm-12,

    .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-xl,

    .col-xl-1,

    .col-xl-10,

    .col-xl-11,

    .col-xl-12,

    .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-xs,

    .col-xs-1,

    .col-xs-10,

    .col-xs-11,

    .col-xs-12,

    .col-xs-2,

    .col-xs-3,

    .col-xs-4,

    .col-xs-5,

    .col-xs-6,

    .col-xs-7,

    .col-xs-8,

    .col-xs-9 {

        padding-right: 15px;

        padding-left: 15px
    }



    .col-xl-1 {

        float: left;

        width: 8.3333333333%
    }



    .col-xl-2,

    .col-xl-3 {

        float: left;

        width: 16.6666666667%
    }



    .col-xl-3 {

        width: 25%
    }



    .col-xl-4,

    .col-xl-5 {

        float: left;

        width: 33.3333333333%
    }



    .col-xl-5 {

        width: 41.6666666667%
    }



    .col-xl-6,

    .col-xl-7 {

        float: left;

        width: 50%
    }



    .col-xl-7 {

        width: 58.3333333333%
    }



    .col-xl-8,

    .col-xl-9 {

        float: left;

        width: 66.6666666667%
    }



    .col-xl-9 {

        width: 75%
    }



    .col-xl-10 {

        float: left;

        width: 83.3333333333%
    }



    .col-xl-11 {

        float: left;

        width: 91.6666666667%
    }



    .col-xl-12 {

        float: left;

        width: 100%
    }



    .pull-xl-0 {

        right: auto
    }



    .pull-xl-1 {

        right: 8.3333333333%
    }



    .pull-xl-2 {

        right: 16.6666666667%
    }



    .pull-xl-3 {

        right: 25%
    }



    .pull-xl-4 {

        right: 33.3333333333%
    }



    .pull-xl-5 {

        right: 41.6666666667%
    }



    .pull-xl-6 {

        right: 50%
    }



    .pull-xl-7 {

        right: 58.3333333333%
    }



    .pull-xl-8 {

        right: 66.6666666667%
    }



    .pull-xl-9 {

        right: 75%
    }



    .pull-xl-10 {

        right: 83.3333333333%
    }



    .pull-xl-11 {

        right: 91.6666666667%
    }



    .pull-xl-12 {

        right: 100%
    }



    .push-xl-0 {

        left: auto
    }



    .push-xl-1 {

        left: 8.3333333333%
    }



    .push-xl-2 {

        left: 16.6666666667%
    }



    .push-xl-3 {

        left: 25%
    }



    .push-xl-4 {

        left: 33.3333333333%
    }



    .push-xl-5 {

        left: 41.6666666667%
    }



    .push-xl-6 {

        left: 50%
    }



    .push-xl-7 {

        left: 58.3333333333%
    }



    .push-xl-8 {

        left: 66.6666666667%
    }



    .push-xl-9 {

        left: 75%
    }



    .push-xl-10 {

        left: 83.3333333333%
    }



    .push-xl-11 {

        left: 91.6666666667%
    }



    .push-xl-12 {

        left: 100%
    }



    .offset-xl-0 {

        margin-left: 0
    }



    .offset-xl-1 {

        margin-left: 8.3333333333%
    }



    .offset-xl-2 {

        margin-left: 16.6666666667%
    }



    .offset-xl-3 {

        margin-left: 25%
    }



    .offset-xl-4 {

        margin-left: 33.3333333333%
    }



    .offset-xl-5 {

        margin-left: 41.6666666667%
    }



    .offset-xl-6 {

        margin-left: 50%
    }



    .offset-xl-7 {

        margin-left: 58.3333333333%
    }



    .offset-xl-8 {

        margin-left: 66.6666666667%
    }



    .offset-xl-9 {

        margin-left: 75%
    }



    .offset-xl-10 {

        margin-left: 83.3333333333%
    }



    .offset-xl-11 {

        margin-left: 91.6666666667%
    }



    .navbar-toggleable-lg {

        display: block
    }



    .float-xl-left {

        float: left !important
    }



    .float-xl-right {

        float: right !important
    }



    .float-xl-none {

        float: none !important
    }



    .text-xl-left {

        text-align: left !important
    }



    .text-xl-right {

        text-align: right !important
    }



    .text-xl-center {

        text-align: center !important
    }



    .hidden-xl-up {

        display: none !important
    }

}



@media (max-width:575px) {

    .navbar-toggleable-xs .navbar-brand {

        display: block;

        float: none;

        margin-top: .5rem;

        margin-right: 0
    }



    .navbar-toggleable-xs .navbar-nav {

        margin-top: .5rem;

        margin-bottom: .5rem
    }



    .navbar-toggleable-xs .navbar-nav .dropdown-menu {

        position: static;

        float: none
    }



    .navbar-toggleable-xs .navbar-nav .nav-item {

        float: none;

        margin-left: 0
    }



    .hidden-xs-down {

        display: none !important
    }



    .header-top-right {

        width: 100%;

        padding-right: 15px
    }



    body#checkout section.checkout-step .content {

        padding: .9375rem 0
    }



    #payment-confirmation button {

        font-size: .875rem
    }



    #payment-confirmation button.btn {

        white-space: normal
    }



    .product-miniature .thumbnail-container:focus .product-description::after,

    .product-miniature .thumbnail-container:hover .product-description::after {

        display: none
    }



    .product-miniature .highlighted-informations {

        display: none
    }



    .products-selection .filter-button {

        padding-left: 0
    }



    #category #left-column #search_filters_wrapper {

        margin-right: -15px;

        margin-left: -15px
    }



    .cart-items {

        padding: 1rem 4px
    }



    .cart-item {

        border-bottom: 1px solid #f6f6f6
    }



    .cart-item:last-child {

        border-bottom: 0
    }



    .cart-grid-body .cart-overview {

        padding: 0
    }



    .cart-grid-body .no-items {

        display: inline-block;

        padding: 1rem
    }



    .product-line-grid-left {

        padding-right: 0 !important
    }



    #stores .page-stores .store-item-container,

    #stores .page-stores .store-item-footer {

        display: block
    }



    #stores .page-stores .store-item-container .divide-left {

        border-left: none
    }



    #stores .page-stores .store-item-container .store-description a,

    #stores .page-stores .store-item-container .store-description address {

        margin-bottom: .5rem
    }



    #stores .page-stores .store-item-footer.divide-top {

        border-top: #f6f6f6 1px solid
    }



    #stores .page-stores .store-item-footer li {

        margin-bottom: .625rem
    }



    #stores .page-stores .store-item-footer .card-block {

        padding: .75rem .75rem 0
    }



    .sitemap {

        margin-top: 0
    }

}



@media (max-width:767px) {

    .navbar-toggleable-sm .navbar-brand {

        display: block;

        float: none;

        margin-top: .5rem;

        margin-right: 0
    }



    .navbar-toggleable-sm .navbar-nav {

        margin-top: .5rem;

        margin-bottom: .5rem
    }



    .navbar-toggleable-sm .navbar-nav .dropdown-menu {

        position: static;

        float: none
    }



    .navbar-toggleable-sm .navbar-nav .nav-item {

        float: none;

        margin-left: 0
    }



    .hidden-sm-down {

        display: none !important
    }



    .header-top .search-widget {

        float: none
    }



    .header-top .search-widget form {

        margin: 0 auto
    }



    .header-top .search-widget form input[type=text] {

        min-width: inherit;

        background: #fff
    }



    .top-menu .sub-menu {

        visibility: visible;

        opacity: 1;

        -webkit-transition: .5s ease-out;

        transition: .5s ease-out
    }



    body#checkout section.checkout-step .forgot-password {

        margin-bottom: .625rem;

        margin-left: 0
    }



    body#checkout section.checkout-step.-reachable.-complete h1 .step-edit {

        float: none;

        margin-top: .25rem;

        margin-left: 1.25rem
    }



    body#checkout #header .header-nav {

        max-height: none;

        padding: 0
    }



    body#checkout section.checkout-step .content {

        padding: .9375rem
    }



    body#checkout .form-group {

        /*margin-bottom: .5rem*/
    }



    #order-items {

        margin-bottom: 2.5rem;

        border-right: 0
    }



    #order-details .card-title,

    #order-items .card-title {

        padding-bottom: 1rem;

        margin-bottom: 1rem;

        border-bottom: 1px solid #f6f6f6
    }



    #order-items hr {

        border-top-color: #f6f6f6
    }



    .bold {

        font-weight: 600
    }



    #order-details {

        padding-left: .9375rem
    }



    body#checkout section.checkout-step .delivery-options .delivery-option label .carrier:not(.carrier-hasLogo) .col-xs-12 {

        padding-left: 0
    }



    .forgotten-password .form-fields .center-email-fields {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column
    }



    



    .forgotten-password .form-fields .email {

        width: 100%;

    }



    .carousel .carousel-item .caption .display-1 {

        font-size: 1.3rem
    }



    .carousel .carousel-control .icon-next i,

    .carousel .carousel-control .icon-prev i {

        font-size: 2rem
    }



    #category #left-column #search_filters_wrapper {

        margin-right: -30px;

        margin-left: -30px
    }



    #category #left-column #search_filter_controls,

    .products-selection h1 {

        margin-bottom: 1rem;

        text-align: center
    }



    



    #category #left-column #search_filters .ui-slider-horizontal {

        margin-bottom: 20px
    }




    #category #left-column #search_filters .facet .title {

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        cursor: pointer
    }



    #category #left-column #search_filters .facet .title .collapse-icons .remove,

    #category #left-column #search_filters .facet .title[aria-expanded=true] .collapse-icons .add {

        display: none
    }



   


    #category #left-column #search_filters .facet .navbar-toggler {

        display: inline-block;

        height: inherit;

        padding: 0 .625rem 0 0
    }



   .products-selection .total-products {
    flex: 1;
   }


   



    



    /* #category #search_filter_toggler {

        width: 100%
    } */



    .products-sort-order .select-title {

        margin-left: 0
    }



    .products-selection h1 {

        padding-top: 0
    }



    .products-selection .showing {

        padding-top: 1rem
    }



    #subcategories ul {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center
    }



    #blockcart-modal .modal-body .divide-right span {

        display: block;

        padding: 0 .5rem
    }



    #blockcart-modal .product-name,

    #blockcart-modal .product-price {

        padding: 0 .5rem
    }



    #blockcart-modal .divide-right {

        border-right: none
    }



    #blockcart-modal .modal-body {

        padding: 1rem
    }



    .product-line-grid-body {

        margin-bottom: 1rem
    }



    #stores .page-stores {

        width: 100%
    }



    #stores .page-stores .store-item-container {

        padding: 1rem 0
    }



    .block-contact #contact-infos {

        padding: .625rem;

        padding-top: 0
    }



    .block-social ul {

        -ms-flex-flow: wrap;

        flex-flow: wrap
    }



    .block-social ul li {

        width: 2rem;

        height: 2rem;

        margin-right: 1.3rem;

        margin-bottom: 1.3rem;

        background-size: contain
    }



    .block_newsletter {

        padding-bottom: .625rem;

        border-bottom: 1px solid #e8a388
    }



    .footer-container {

        margin-top: 0;

        -webkit-box-shadow: none;

        box-shadow: none
    }



    .footer-container .wrapper {

        padding-right: 0 !important;

        padding-left: 0 !important
    }



    .footer-container .links .h3 {

        font-size: 1rem;

        line-height: 1.5
    }



    .footer-container .links ul {

        margin-bottom: 0;

        background-color: #f6f6f6
    }



    .footer-container .links ul>li {

        padding: .625rem;

        font-weight: 600;

        border-bottom: 1px solid #fff
    }



    .footer-container .links ul>li a {

        color: var(--text-color)
    }



    .links .collapse,

    .links .title .collapse-icons .remove,

    .links .title[aria-expanded=true] .collapse-icons .add {

        display: none
    }



    .links .collapse.in,

    .links .title[aria-expanded=true] .collapse-icons .remove {

        display: block
    }



    .links .title {

        padding: .625rem;

        cursor: pointer;

        border-bottom: 1px solid #f6f6f6
    }



    .links .navbar-toggler {

        display: inline-block;

        padding: 0
    }



    .block_newsletter {

        padding-top: 1rem
    }



    #header .top-logo {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        min-height: 50px
    }



    #header .top-logo img {

        width: auto;

        max-height: 2rem
    }



    #header .top-logo>h1 {

        margin: 0
    }

}



@media (max-width:991px) {

    .navbar-toggleable-md .navbar-brand {

        display: block;

        float: none;

        margin-top: .5rem;

        margin-right: 0
    }



    .navbar-toggleable-md .navbar-nav {

        margin-top: .5rem;

        margin-bottom: .5rem
    }



    .navbar-toggleable-md .navbar-nav .dropdown-menu {

        position: static;

        float: none
    }



    .navbar-toggleable-md .navbar-nav .nav-item {

        float: none;

        margin-left: 0
    }



    .hidden-md-down {

        display: none !important
    }



    #order-items .h3._desktop-title {

        display: none
    }



    .done {

        padding: 0;

        margin-right: .625rem
    }



    body#checkout section.checkout-step .address-item {

        -webkit-box-flex: 1;

        -ms-flex-positive: 1;

        flex-grow: 1
    }



    #product-modal .modal-content .modal-body,

    body#checkout section.checkout-step .delivery-option-2 {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column
    }



    .delivery-option {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        margin: auto
    }



    .delivery-option .custom-radio {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 auto;

        flex: 0 0 auto
    }



    .condition-label label[for="conditions_to_approve[terms-and-conditions]"] {

        text-align: left
    }



    #order-confirmation #registration-form {

        width: 100%
    }



    body#checkout section.checkout-step .delivery-options .delivery-option .carrier>.col-xs-12 {

        padding-left: 0
    }



    .carousel {

        left: 50%;

        width: 100vw;

        padding-bottom: .5rem;

        margin-left: -50vw;

        background-color: #f6f6f6;

        -webkit-box-shadow: none;

        box-shadow: none
    }



    .carousel .carousel-control .icon-next,

    .carousel .carousel-control .icon-prev {

        width: auto;

        height: auto
    }



    .carousel .carousel-item .caption {

        position: static;

        margin: 1.275rem auto 2.5rem;

        text-align: center
    }



    .carousel .carousel-item .caption .display-1 {

        font-size: 2rem;

        font-weight: 500;

        color: var(--text-color)
    }



    .carousel .carousel-item .caption .caption-description .page-content.page-cms ul,

    .carousel .carousel-item .caption .caption-description h3,

    .carousel .carousel-item .caption .caption-description p,

    .page-content.page-cms .carousel .carousel-item .caption .caption-description ul {

        color: #7a7a7a
    }



    .carousel .carousel-item .caption .caption-description h3 {

        font-size: 1rem
    }



    .carousel .direction {

        position: absolute;

        top: 50%;

        width: 100%
    }



    .carousel .direction .carousel-control .icon-prev {

        left: 0;

        margin-left: 0
    }



    .carousel .direction .carousel-control .icon-next {

        right: 0;

        margin-right: 0
    }



    .carousel .direction .carousel-control i {

        background: rgba(122, 122, 122, .5)
    }



    .carousel-indicators li {

        width: 8px;

        height: 8px
    }



    .carousel-indicators .active {

        width: 8px;

        height: 8px;

        margin: 1px
    }



    #products .products,

    .featured-products .products {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center
    }



    #block-cmsinfo {

        padding: 1.25rem 1.875rem
    }



    #product-modal .modal-content .modal-body .product-cover-modal {

        max-width: 100%;

        height: auto
    }



   



    .product-cover img {

        width: 100%;

        height: auto
    }



    #product-modal .modal-content .modal-body {

        margin-left: 0
    }



    #product-modal .modal-content .modal-body .arrows {

        display: none
    }



    #product-modal .modal-content .modal-body .image-caption {

        width: 100%
    }



    #blockcart-modal .modal-dialog {

        width: calc(100% - 20px)
    }



    #blockcart-modal .modal-body {

        padding: 1.875rem
    }



    .product-images>li.thumb-container>.thumb:not(.selected) {

        border: 0
    }



    .block-social {

        text-align: center
    }



    .block-contact {

        padding-left: 1.5rem
    }



    #manufacturer #main ul,

    #supplier #main ul {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-align: start;

        -ms-flex-align: start;

        align-items: flex-start;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center
    }

}



@media (max-width:1199px) {

    .navbar-toggleable-lg .navbar-brand {

        display: block;

        float: none;

        margin-top: .5rem;

        margin-right: 0
    }



    .navbar-toggleable-lg .navbar-nav {

        margin-top: .5rem;

        margin-bottom: .5rem
    }



    .navbar-toggleable-lg .navbar-nav .dropdown-menu {

        position: static;

        float: none
    }



    .hidden-lg-down {

        display: none !important
    }



    .carousel .carousel-inner {

        height: auto
    }

}



@media screen and (min-width:0\0) {

    .progress {

        background-color: #eee;

        border-radius: 0
    }



    .progress-bar {

        display: inline-block;

        height: 1rem;

        text-indent: -999rem;

        background-color: #0074d9;

        border-bottom-left-radius: 0;

        border-top-left-radius: 0
    }



    .progress[width="100%"] {

        border-bottom-right-radius: 0;

        border-top-right-radius: 0
    }



    .progress-bar-striped {

        background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

        background-size: 1rem 1rem
    }



    .progress-animated .progress-bar-striped {

        -webkit-animation: progress-bar-stripes 2s linear infinite;

        animation: progress-bar-stripes 2s linear infinite
    }



    .progress-success .progress-bar {

        background-color: #4cbb6c
    }



    .progress-info .progress-bar {

        background-color: #5bc0de
    }



    .progress-warning .progress-bar {

        background-color: #ff9a52
    }



    .progress-danger .progress-bar {

        background-color: #ff4c4c
    }

}



@media all and (transform-3d),

(-webkit-transform-3d) {

    .carousel-inner>.carousel-item {

        -webkit-transition: -webkit-transform .6s ease-in-out;

        transition: transform .6s ease-in-out;

        transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;

        -webkit-backface-visibility: hidden;

        backface-visibility: hidden;

        -webkit-perspective: 1000px;

        perspective: 1000px
    }



    .carousel-inner>.carousel-item.active.right,

    .carousel-inner>.carousel-item.next {

        left: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)
    }



    .carousel-inner>.carousel-item.active.left,

    .carousel-inner>.carousel-item.prev {

        left: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)
    }



    .carousel-inner>.carousel-item.active,

    .carousel-inner>.carousel-item.next.left,

    .carousel-inner>.carousel-item.prev.right {

        left: 0;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)
    }

}



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

    .category-cover {

        display: none
    }

    .card-block {

        padding: 0
    }



    .card {

        background-color: inherit;

        border: 0;

        -webkit-box-shadow: none;

        box-shadow: none
    }

}



@media (max-width:360px) {



    .product-line-grid-right .price,

    .product-line-grid-right .qty {

        width: 100%
    }

}

/* theme */

/* vietnamese */
@font-face {
    font-family: 'Archivo';
    font-style: italic;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/archivo/v25/k3kBo8UDI-1M0wlSfdzyIEkpwTM29hr-8mTYCx-muLRm.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Archivo';
    font-style: italic;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/archivo/v25/k3kBo8UDI-1M0wlSfdzyIEkpwTM29hr-8mTYCx6muLRm.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Archivo';
    font-style: italic;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/archivo/v25/k3kBo8UDI-1M0wlSfdzyIEkpwTM29hr-8mTYCxCmuA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* vietnamese */
@font-face {
    font-family: 'Archivo';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/archivo/v25/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLySOxK-vA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Archivo';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/archivo/v25/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLyTOxK-vA.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Archivo';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/archivo/v25/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxI.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v50/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkC3kaWzU.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v50/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkAnkaWzU.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v50/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCnkaWzU.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v50/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkBXkaWzU.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* math */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v50/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkenkaWzU.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}

/* symbols */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v50/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkaHkaWzU.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}

/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v50/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCXkaWzU.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v50/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCHkaWzU.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v50/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkBnka.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v50/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v50/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v50/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v50/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* math */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v50/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}

/* symbols */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v50/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}

/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v50/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v50/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v50/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Icons";

    font-style: normal;

    font-weight: 400;
    font-display: swap;

    src: url(../css/icons.ttf) format("truetype"),
        url(../css/icons.woff) format("woff"),
        url(../css/icons.woff2) format("woff2");
}

@font-face {
    font-family: "Arkipelago";

    src: url(../css/arkipelago.94fd6036.ttf) format("truetype"),
        url(../css/arkipelago.94fd6036/woff) format("woff"),
        url(../css/arkipelago.94fd6036.woff2) format("woff2");

    font-style: normal;
    font-display: swap;

    font-weight: normal;
}



.icon-menu:before {
    content: "\e900"
}

.icon-filter:before {
    content: "\e906"
}

.icon-down-arrow:before {
    content: "\e902"
}

.icon-up-arrow:before {
    content: "\e96c"
}

.icon-left-arrow:before {
    content: "\e92b"
}

.icon-right-arrow:before {
    content: "\e91a"
}

.icon-more:before {
    content: "\e90e"
}

.icon-less:before {
    content: "\e90d"
}

.icon-close:before {
    content: "\e904"
}

.icon-previous:before {
    content: "\e963"
}

.icon-next:before {
    content: "\e92a"
}

.icon-cart:before {
    content: "\e913"
}

.icon-profile-check:before {
    content: "\e964"
}

.icon-profile:before {
    content: "\e965"
}

.icon-store:before {
    content: "\e96a"
}

.icon-search:before {
    content: "\e966"
}

.icon-rule:before {
    content: "\e905"
}

.icon-heart:before {
    content: "\e90a"
}

.icon-heart-full:before {
    content: "\e90b"
}

.icon-heart-broken:before {
    content: "\e92f"
}

.icon-play:before {
    content: "\e937"
}

.icon-instagram:before {
    content: "\e90c"
}

.icon-facebook:before {
    content: "\e903"
}

.icon-pinterest:before {
    content: "\e910"
}

.icon-free-delivery:before {
    content: "\e908"
}

.icon-france:before {
    content: "\e907"
}

.icon-support:before {
    content: "\e911"
}

.icon-return:before {
    content: "\e912"
}

.icon-delivery:before {
    content: "\e901"
}

.icon-star:before {
    content: "\e967"
}

.icon-star-half:before {
    content: "\e969"
}

.icon-star-empty:before {
    content: "\e968"
}

.icon-tiktok:before {
    content: "\e909"
}

.icon-youtube:before {
    content: "\e932"
}

.icon-arrow-loyalty:before {
    content: "\e934"
}

.icon-creditCard:before {
    content: "\e914"
}

.icon-email:before {
    content: "\e915"
}

.icon-gift:before {
    content: "\e916"
}

.icon-phone:before {
    content: "\e918"
}

.icon-ampersand:before {
    content: "\e919"
}

.icon-box:before {
    content: "\e91f"
}

.icon-logout:before {
    content: "\e921"
}

.icon-message:before {
    content: "\e920"
}

.icon-loyalty:before {
    content: "\e917"
}

.icon-shoes:before {
    content: "\e91b"
}

.icon-shoes-clean:before {
    content: "\e91d"
}

.icon-shoes-dirty:before {
    content: "\e91c"
}

.icon-shoes-box:before {
    content: "\e91e"
}

.icon-check:before {
    content: "\e923"
}

.icon-warning:before {
    content: "\e922"
}

.icon-info {
    transform: rotate(180deg)
}

.icon-info:before {
    content: "\e922"
}

.icon-discount-code:before {
    content: "\e924"
}

.icon-eyes:before {
    content: "\e925"
}

.icon-eyes-mask:before {
    content: "\e926"
}

.icon-shop:before {
    content: "\e927"
}

.icon-download:before {
    content: "\e928"
}

.icon-copy:before {
    content: "\e929"
}

.icon-return-method:before {
    content: "\e92c"
}

.icon-refund:before {
    content: "\e92d"
}

.icon-free-choice:before {
    content: "\e92e"
}

.icon-sort:before {
    content: "\e930"
}

.icon-post-office:before {
    content: "\e931"
}

.icon-oups:before {
    content: "\e933"
}

.icon-bell:before {
    content: "\e938"
}

.icon-pickup:before {
    content: "\e936"
}

.icon-pickup-store:before {
    content: "\e930"
}

.icon-home-delivery:before {
    content: "\e939"
}

.icon-lock:before {
    content: "\e90d"
}


:root {
    --text-color: #02184b;
    --orange-color: #e9823d;
    --font-family-2: "Arkipelago";
    --font-family-3: "Roboto", sans-serif;
}

body {
    font-family: 'Archivo';
    font-weight: 400;
    color: var(--text-color);
}


::-webkit-scrollbar {
    height: 12px;
    width: 12px
}

::-webkit-scrollbar-button {
    display: none;
    height: 0
}

::-webkit-scrollbar-thumb {
    background: #ddd;
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius: 10px;
    height: 8px;
    width: 8px
}

a {
    color: var(--text-color);
}

.icon {
    font-family: "Icons";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    line-height: 1;
}

.p-relative {
    position: relative;
}
.d-flex {
    display: flex;
}
.align-center {
    align-items: center;
}
.justify-center {
    justify-content: center;
}

#wrapper {
    background: transparent;
}  

.container {
    width: 100%;
}

@media (min-width: 1200px) {
    .container {
        width: 1326px;
    }
}


.product-save, .cart-save {
    display: flex;
    align-items: center;
    gap: 4px;
}

.product-save img, .cart-save img {
    width: 16px;
}
.product-save span, .cart-save span {
    -webkit-text-fill-color: transparent;
    background: #02184b;
    background: linear-gradient(90deg, #e9823d 8%, #0085cd 50%, #02184b);
    -webkit-background-clip: text;
}

#wrapper .breadcrumb li[data-label] a {
        color: #02184b;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

#wrapper .breadcrumb li[data-label] a i {
        font-size: 25px;
    margin-right: 8px;
        font-family: "Icons";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    line-height: 1;
}

@media (max-width: 991px) {
    .block-category h1 {
        font-size: 25px;
    }
}

@media (max-width: 767px) {
        #product #wrapper .breadcrumb {
        margin-bottom: -3px;
        margin-top: 11px;
    }
    .pagination .page-list li {
        font-size: 16px;
        padding: 0 6px;
    }
    .pagination .page-list {
        padding: 10px 16px;
    }
    .row {
        margin-left: -12px;
        margin-right: -12px;
    }
    .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .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-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        padding-left: 12px;
        padding-right: 12px;
    }
    .container, .container-fluid {
        padding-left: 12px;
        padding-right: 12px;
    }
}

.flag-wrapper  .product-flags {
    position: initial;
    flex-direction: row;
    margin-bottom: 8px;
    
}

.flag-wrapper .product-flags li.product-flag {
    margin: 0 8px 0 0;
}

body {
    min-height: 100vh;
    min-height: 100dvh;
    background-color: #fff;
}