/*

 *  Bootstrap TouchSpin - v3.1.1

 *  A mobile and touch friendly input spinner component for Bootstrap 3.

 *  http://www.virtuosoft.eu/code/bootstrap-touchspin/

 *

 *  Made by István Ujj-Mészáros

 *  Under Apache License v2.0 License

 */



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

/*!

 * 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 */

 html {

    font-family: sans-serif;

    line-height: 1.15;

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

    -webkit-text-size-adjust: 100%

}



body {

    margin: 0

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

menu,

nav,

section,

summary {

    display: block

}



audio,

canvas,

progress,

video {

    display: inline-block

}



audio:not([controls]) {

    display: none;

    height: 0

}



progress {

    vertical-align: baseline

}



template,

[hidden] {

    display: none

}



a {

    background-color: transparent;

    -webkit-text-decoration-skip: objects

}



a:active,

a:hover {

    outline-width: 0

}



abbr[title] {

    border-bottom: none;

    text-decoration: underline;

    text-decoration: underline dotted

}



b,

strong {

    font-weight: inherit

}



b,

strong {

    font-weight: bolder

}



dfn {

    font-style: italic

}



h1 {

    font-size: 2em;

    margin: 0.67em 0

}



mark {

    background-color: #ff0;

    color: #000

}



small {

    font-size: 80%

}



sub,

sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline

}



sub {

    bottom: -0.25em

}



sup {

    top: -0.5em

}



img {

    border-style: none

}



svg:not(:root) {

    overflow: hidden

}



code,

kbd,

pre,

samp {

    font-family: monospace, monospace;

    font-size: 1em

}



figure {

    margin: 1em 40px

}



hr {

    box-sizing: content-box;

    height: 0;

    overflow: visible

}



button,

input,

optgroup,

select,

textarea {

    font: inherit;

    margin: 0

}



optgroup {

    font-weight: bold

}



button,

input {

    overflow: visible

}



button,

select {

    text-transform: none

}



button,

html [type="button"],

[type="reset"],

[type="submit"] {

    -webkit-appearance: button

}



button::-moz-focus-inner,

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

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

[type="submit"]::-moz-focus-inner {

    border-style: none;

    padding: 0

}



button:-moz-focusring,

[type="button"]:-moz-focusring,

[type="reset"]:-moz-focusring,

[type="submit"]:-moz-focusring {

    outline: 1px dotted ButtonText

}



fieldset {

    border: 1px solid #c0c0c0;

    margin: 0 2px;

    padding: 0.35em 0.625em 0.75em

}



legend {

    box-sizing: border-box;

    color: inherit;

    display: table;

    max-width: 100%;

    padding: 0;

    white-space: normal

}



textarea {

    overflow: auto

}



[type="checkbox"],

[type="radio"] {

    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: 0.54

}



::-webkit-file-upload-button {

    -webkit-appearance: button;

    font: inherit

}



@media print {

    *,

    *::before,

    *::after,

    *::first-letter,

    p::first-line,

    .page-content.page-cms ul::first-line,

    div::first-line,

    blockquote::first-line,

    li::first-line {

        text-shadow: none !important;

        box-shadow: none !important

    }

    a,

    a:visited {

        text-decoration: underline

    }

    abbr[title]::after {

        content: " (" attr(title) ")"

    }

    pre {

        white-space: pre-wrap !important

    }

    pre,

    blockquote {

        border: 1px solid #999;

        page-break-inside: avoid

    }

    thead {

        display: table-header-group

    }

    tr,

    img {

        page-break-inside: avoid

    }

    p,

    .page-content.page-cms ul,

    h2,

    h3 {

        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 th,

    .table-bordered td {

        border: 1px solid #ddd !important

    }

}



html {

    box-sizing: border-box

}



*,

*::before,

*::after {

    box-sizing: inherit

}



@-ms-viewport {

    width: device-width

}



html {

    font-size: 16px;

    -ms-overflow-style: scrollbar;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)

}



body {

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

    font-size: 1rem;

    line-height: 1.5;

    color: #0c0c0c;

    background-color: #fff

}



[tabindex="-1"]:focus {

    outline: none !important

}



h1,

h2,

h3,

h4,

h5,

h6 {

    margin-top: 0;

    margin-bottom: .5rem

}



p,

.page-content.page-cms ul {

    margin-top: 0;

    margin-bottom: 1rem

}



abbr[title],

abbr[data-original-title] {

    cursor: help;

    border-bottom: 1px dotted #f5f5f5

}



address {

    margin-bottom: 1rem;

    font-style: normal;

    line-height: inherit

}



ol,

ul,

dl {

    margin-top: 0;

    margin-bottom: 1rem

}



ol ol,

ul ul,

ol ul,

ul ol {

    margin-bottom: 0

}



dt {

    font-weight: bold

}



dd {

    margin-bottom: .5rem;

    margin-left: 0

}



blockquote {

    margin: 0 0 1rem

}



a {

    color: #0c0c0c;

    text-decoration: none

}



a:focus,

a:hover {

    color: #000;

    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: none

}



pre {

    margin-top: 0;

    margin-bottom: 1rem;

    overflow: auto

}



figure {

    margin: 0 0 1rem

}



img {

    vertical-align: middle

}



[role="button"] {

    cursor: pointer

}



a,

area,

button,

[role="button"],

input,

label,

select,

summary,

textarea {

    -ms-touch-action: manipulation;

    touch-action: manipulation

}



table {

    border-collapse: collapse;

    background-color: rgba(0, 0, 0, 0)

}



caption {

    padding-top: .75rem;

    padding-bottom: .75rem;

    color: #0c0c0c;

    text-align: left;

    caption-side: bottom

}



th {

    text-align: left

}



label {

    display: inline-block;

    margin-bottom: .5rem

}



button:focus {

    outline: 1px dotted;

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

}



input,

button,

select,

textarea {

    line-height: inherit

}



input[type="radio"]:disabled,

input[type="checkbox"]:disabled {

    cursor: not-allowed

}



input[type="date"],

input[type="time"],

input[type="datetime-local"],

input[type="month"] {

    -webkit-appearance: listbox

}



textarea {

    resize: vertical

}



fieldset {

    min-width: 0;

    padding: 0;

    margin: 0;

    border: 0

}



legend {

    display: block;

    width: 100%;

    padding: 0;

    margin-bottom: .5rem;

    font-size: 1.5rem;

    line-height: inherit

}



input[type="search"] {

    -webkit-appearance: none

}



output {

    display: inline-block

}



[hidden] {

    display: none !important

}



h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

    margin-bottom: .5rem;

    font-family: inherit;

    font-weight: 500;

    line-height: 1.1;

    color: inherit

}



h1,

.h1 {

    font-size: 1.375rem

}



h2,

.h2 {

    font-size: 1.3125rem

}



h3,

.h3 {

    font-size: 1.125rem

}



h4,

.h4 {

    font-size: 1.125rem

}



h5,

.h5 {

    font-size: 1rem

}



h6,

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

    font-size: 1.563rem;

    font-weight: 400

}



.display-4 {

    font-size: 1.25rem;

    font-weight: 400

}



hr {

    margin-top: 1rem;

    margin-bottom: 1rem;

    border: 0;

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

}



small,

.small {

    font-size: 80%;

    font-weight: normal

}



mark,

.mark {

    padding: .2em;

    background-color: #fcf8e3

}



.list-unstyled {

    padding-left: 0;

    list-style: none

}



.list-inline {

    padding-left: 0;

    list-style: none

}



.list-inline-item {

    display: inline-block

}



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

    margin-right: 5px

}



.initialism {

    font-size: 90%;

    text-transform: uppercase

}



.blockquote {

    padding: .5rem 1rem;

    margin-bottom: 1rem;

    font-size: 1.25rem;

    border-left: .25rem solid #f6f6f6

}



.blockquote-footer {

    display: block;

    font-size: 80%;

    color: #f5f5f5

}



.blockquote-footer::before {

    content: "\2014 \00A0"

}



.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: "\00A0 \2014"

}



dl.row>dd+dt {

    clear: left

}



.img-fluid,

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

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

    max-width: 100%;

    height: auto

}



.img-thumbnail {

    padding: .25rem;

    background-color: #fff;

    border: 1px solid #ddd;

    border-radius: 0;

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

    max-width: 100%;

    height: auto

}



.figure {

    display: inline-block

}



.figure-img {

    margin-bottom: .5rem;

    line-height: 1

}



.figure-caption {

    font-size: 90%;

    color: #f5f5f5

}



code,

kbd,

pre,

samp {

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

}



code {

    padding: .2rem .4rem;

    font-size: 90%;

    color: #bd4147;

    background-color: #f7f7f9;

    border-radius: 0

}



kbd {

    padding: .2rem .4rem;

    font-size: 90%;

    color: #fff;

    background-color: #333;

    border-radius: .2rem

}



kbd kbd {

    padding: 0;

    font-size: 100%;

    font-weight: bold

}



pre {

    display: block;

    margin-top: 0;

    margin-bottom: 1rem;

    font-size: 90%;

    color: #0c0c0c

}



pre code {

    padding: 0;

    font-size: inherit;

    color: inherit;

    background-color: transparent;

    border-radius: 0

}



.pre-scrollable {

    max-height: 340px;

    overflow-y: scroll

}



.container {

    margin-left: auto;

    margin-right: auto;

    padding-left: 15px;

    padding-right: 15px

}



.container::after {

    content: "";

    display: table;

    clear: both

}



@media (min-width: 576px) {

    .container {

        width: 540px;

        max-width: 100%

    }

}



@media (min-width: 768px) {

    .container {

        width: 720px;

        max-width: 100%

    }

}



@media (min-width: 992px) {

    .container {

        width: 960px;

        max-width: 100%

    }

}



@media (min-width: 1200px) {

    .container {

        width: 1140px;

        max-width: 100%

    }

}



.container-fluid {

    margin-left: auto;

    margin-right: auto;

    padding-left: 15px;

    padding-right: 15px

}



.container-fluid::after {

    content: "";

    display: table;

    clear: both

}



.row {

    margin-right: -15px;

    margin-left: -15px

}



.row::after {

    content: "";

    display: table;

    clear: both

}



@media (min-width: 576px) {

    .row {

        margin-right: -15px;

        margin-left: -15px

    }

}



@media (min-width: 768px) {

    .row {

        margin-right: -15px;

        margin-left: -15px

    }

}



@media (min-width: 992px) {

    .row {

        margin-right: -15px;

        margin-left: -15px

    }

}



@media (min-width: 1200px) {

    .row {

        margin-right: -15px;

        margin-left: -15px

    }

}



.col-xs,

.col-xs-1,

.col-xs-2,

.col-xs-3,

.col-xs-4,

.col-xs-5,

.col-xs-6,

.col-xs-7,

.col-xs-8,

.col-xs-9,

.col-xs-10,

.col-xs-11,

.col-xs-12,

.col-sm,

.col-sm-1,

.col-sm-2,

.col-sm-3,

.col-sm-4,

.col-sm-5,

.col-sm-6,

.col-sm-7,

.col-sm-8,

.col-sm-9,

.col-sm-10,

.col-sm-11,

.col-sm-12,

.col-md,

.col-md-1,

.col-md-2,

.col-md-3,

.col-md-4,

.col-md-5,

.col-md-6,

.col-md-7,

.col-md-8,

.col-md-9,

.col-md-10,

.col-md-11,

.col-md-12,

.col-lg,

.col-lg-1,

.col-lg-2,

.col-lg-3,

.col-lg-4,

.col-lg-5,

.col-lg-6,

.col-lg-7,

.col-lg-8,

.col-lg-9,

.col-lg-10,

.col-lg-11,

.col-lg-12,

.col-xl,

.col-xl-1,

.col-xl-2,

.col-xl-3,

.col-xl-4,

.col-xl-5,

.col-xl-6,

.col-xl-7,

.col-xl-8,

.col-xl-9,

.col-xl-10,

.col-xl-11,

.col-xl-12 {

    position: relative;

    min-height: 1px;

    padding-right: 15px;

    padding-left: 15px

}



@media (min-width: 576px) {

    .col-xs,

    .col-xs-1,

    .col-xs-2,

    .col-xs-3,

    .col-xs-4,

    .col-xs-5,

    .col-xs-6,

    .col-xs-7,

    .col-xs-8,

    .col-xs-9,

    .col-xs-10,

    .col-xs-11,

    .col-xs-12,

    .col-sm,

    .col-sm-1,

    .col-sm-2,

    .col-sm-3,

    .col-sm-4,

    .col-sm-5,

    .col-sm-6,

    .col-sm-7,

    .col-sm-8,

    .col-sm-9,

    .col-sm-10,

    .col-sm-11,

    .col-sm-12,

    .col-md,

    .col-md-1,

    .col-md-2,

    .col-md-3,

    .col-md-4,

    .col-md-5,

    .col-md-6,

    .col-md-7,

    .col-md-8,

    .col-md-9,

    .col-md-10,

    .col-md-11,

    .col-md-12,

    .col-lg,

    .col-lg-1,

    .col-lg-2,

    .col-lg-3,

    .col-lg-4,

    .col-lg-5,

    .col-lg-6,

    .col-lg-7,

    .col-lg-8,

    .col-lg-9,

    .col-lg-10,

    .col-lg-11,

    .col-lg-12,

    .col-xl,

    .col-xl-1,

    .col-xl-2,

    .col-xl-3,

    .col-xl-4,

    .col-xl-5,

    .col-xl-6,

    .col-xl-7,

    .col-xl-8,

    .col-xl-9,

    .col-xl-10,

    .col-xl-11,

    .col-xl-12 {

        padding-right: 15px;

        padding-left: 15px

    }

}



@media (min-width: 768px) {

    .col-xs,

    .col-xs-1,

    .col-xs-2,

    .col-xs-3,

    .col-xs-4,

    .col-xs-5,

    .col-xs-6,

    .col-xs-7,

    .col-xs-8,

    .col-xs-9,

    .col-xs-10,

    .col-xs-11,

    .col-xs-12,

    .col-sm,

    .col-sm-1,

    .col-sm-2,

    .col-sm-3,

    .col-sm-4,

    .col-sm-5,

    .col-sm-6,

    .col-sm-7,

    .col-sm-8,

    .col-sm-9,

    .col-sm-10,

    .col-sm-11,

    .col-sm-12,

    .col-md,

    .col-md-1,

    .col-md-2,

    .col-md-3,

    .col-md-4,

    .col-md-5,

    .col-md-6,

    .col-md-7,

    .col-md-8,

    .col-md-9,

    .col-md-10,

    .col-md-11,

    .col-md-12,

    .col-lg,

    .col-lg-1,

    .col-lg-2,

    .col-lg-3,

    .col-lg-4,

    .col-lg-5,

    .col-lg-6,

    .col-lg-7,

    .col-lg-8,

    .col-lg-9,

    .col-lg-10,

    .col-lg-11,

    .col-lg-12,

    .col-xl,

    .col-xl-1,

    .col-xl-2,

    .col-xl-3,

    .col-xl-4,

    .col-xl-5,

    .col-xl-6,

    .col-xl-7,

    .col-xl-8,

    .col-xl-9,

    .col-xl-10,

    .col-xl-11,

    .col-xl-12 {

        padding-right: 15px;

        padding-left: 15px

    }

}



@media (min-width: 992px) {

    .col-xs,

    .col-xs-1,

    .col-xs-2,

    .col-xs-3,

    .col-xs-4,

    .col-xs-5,

    .col-xs-6,

    .col-xs-7,

    .col-xs-8,

    .col-xs-9,

    .col-xs-10,

    .col-xs-11,

    .col-xs-12,

    .col-sm,

    .col-sm-1,

    .col-sm-2,

    .col-sm-3,

    .col-sm-4,

    .col-sm-5,

    .col-sm-6,

    .col-sm-7,

    .col-sm-8,

    .col-sm-9,

    .col-sm-10,

    .col-sm-11,

    .col-sm-12,

    .col-md,

    .col-md-1,

    .col-md-2,

    .col-md-3,

    .col-md-4,

    .col-md-5,

    .col-md-6,

    .col-md-7,

    .col-md-8,

    .col-md-9,

    .col-md-10,

    .col-md-11,

    .col-md-12,

    .col-lg,

    .col-lg-1,

    .col-lg-2,

    .col-lg-3,

    .col-lg-4,

    .col-lg-5,

    .col-lg-6,

    .col-lg-7,

    .col-lg-8,

    .col-lg-9,

    .col-lg-10,

    .col-lg-11,

    .col-lg-12,

    .col-xl,

    .col-xl-1,

    .col-xl-2,

    .col-xl-3,

    .col-xl-4,

    .col-xl-5,

    .col-xl-6,

    .col-xl-7,

    .col-xl-8,

    .col-xl-9,

    .col-xl-10,

    .col-xl-11,

    .col-xl-12 {

        padding-right: 15px;

        padding-left: 15px

    }

}



@media (min-width: 1200px) {

    .col-xs,

    .col-xs-1,

    .col-xs-2,

    .col-xs-3,

    .col-xs-4,

    .col-xs-5,

    .col-xs-6,

    .col-xs-7,

    .col-xs-8,

    .col-xs-9,

    .col-xs-10,

    .col-xs-11,

    .col-xs-12,

    .col-sm,

    .col-sm-1,

    .col-sm-2,

    .col-sm-3,

    .col-sm-4,

    .col-sm-5,

    .col-sm-6,

    .col-sm-7,

    .col-sm-8,

    .col-sm-9,

    .col-sm-10,

    .col-sm-11,

    .col-sm-12,

    .col-md,

    .col-md-1,

    .col-md-2,

    .col-md-3,

    .col-md-4,

    .col-md-5,

    .col-md-6,

    .col-md-7,

    .col-md-8,

    .col-md-9,

    .col-md-10,

    .col-md-11,

    .col-md-12,

    .col-lg,

    .col-lg-1,

    .col-lg-2,

    .col-lg-3,

    .col-lg-4,

    .col-lg-5,

    .col-lg-6,

    .col-lg-7,

    .col-lg-8,

    .col-lg-9,

    .col-lg-10,

    .col-lg-11,

    .col-lg-12,

    .col-xl,

    .col-xl-1,

    .col-xl-2,

    .col-xl-3,

    .col-xl-4,

    .col-xl-5,

    .col-xl-6,

    .col-xl-7,

    .col-xl-8,

    .col-xl-9,

    .col-xl-10,

    .col-xl-11,

    .col-xl-12 {

        padding-right: 15px;

        padding-left: 15px

    }

}



.col-xs-1 {

    float: left;

    width: 8.33333%

}



.col-xs-2 {

    float: left;

    width: 16.66667%

}



.col-xs-3 {

    float: left;

    width: 25%

}



.col-xs-4 {

    float: left;

    width: 33.33333%

}



.col-xs-5 {

    float: left;

    width: 41.66667%

}



.col-xs-6 {

    float: left;

    width: 50%

}



.col-xs-7 {

    float: left;

    width: 58.33333%

}



.col-xs-8 {

    float: left;

    width: 66.66667%

}



.col-xs-9 {

    float: left;

    width: 75%

}



.col-xs-10 {

    float: left;

    width: 83.33333%

}



.col-xs-11 {

    float: left;

    width: 91.66667%

}



.col-xs-12 {

    float: left;

    width: 100%

}



.pull-xs-0 {

    right: auto

}



.pull-xs-1 {

    right: 8.33333%

}



.pull-xs-2 {

    right: 16.66667%

}



.pull-xs-3 {

    right: 25%

}



.pull-xs-4 {

    right: 33.33333%

}



.pull-xs-5 {

    right: 41.66667%

}



.pull-xs-6 {

    right: 50%

}



.pull-xs-7 {

    right: 58.33333%

}



.pull-xs-8 {

    right: 66.66667%

}



.pull-xs-9 {

    right: 75%

}



.pull-xs-10 {

    right: 83.33333%

}



.pull-xs-11 {

    right: 91.66667%

}



.pull-xs-12 {

    right: 100%

}



.push-xs-0 {

    left: auto

}



.push-xs-1 {

    left: 8.33333%

}



.push-xs-2 {

    left: 16.66667%

}



.push-xs-3 {

    left: 25%

}



.push-xs-4 {

    left: 33.33333%

}



.push-xs-5 {

    left: 41.66667%

}



.push-xs-6 {

    left: 50%

}



.push-xs-7 {

    left: 58.33333%

}



.push-xs-8 {

    left: 66.66667%

}



.push-xs-9 {

    left: 75%

}



.push-xs-10 {

    left: 83.33333%

}



.push-xs-11 {

    left: 91.66667%

}



.push-xs-12 {

    left: 100%

}



.offset-xs-1 {

    margin-left: 8.33333%

}



.offset-xs-2 {

    margin-left: 16.66667%

}



.offset-xs-3 {

    margin-left: 25%

}



.offset-xs-4 {

    margin-left: 33.33333%

}



.offset-xs-5 {

    margin-left: 41.66667%

}



.offset-xs-6 {

    margin-left: 50%

}



.offset-xs-7 {

    margin-left: 58.33333%

}



.offset-xs-8 {

    margin-left: 66.66667%

}



.offset-xs-9 {

    margin-left: 75%

}



.offset-xs-10 {

    margin-left: 83.33333%

}



.offset-xs-11 {

    margin-left: 91.66667%

}



@media (min-width: 576px) {

    .col-sm-1 {

        float: left;

        width: 8.33333%

    }

    .col-sm-2 {

        float: left;

        width: 16.66667%

    }

    .col-sm-3 {

        float: left;

        width: 25%

    }

    .col-sm-4 {

        float: left;

        width: 33.33333%

    }

    .col-sm-5 {

        float: left;

        width: 41.66667%

    }

    .col-sm-6 {

        float: left;

        width: 50%

    }

    .col-sm-7 {

        float: left;

        width: 58.33333%

    }

    .col-sm-8 {

        float: left;

        width: 66.66667%

    }

    .col-sm-9 {

        float: left;

        width: 75%

    }

    .col-sm-10 {

        float: left;

        width: 83.33333%

    }

    .col-sm-11 {

        float: left;

        width: 91.66667%

    }

    .col-sm-12 {

        float: left;

        width: 100%

    }

    .pull-sm-0 {

        right: auto

    }

    .pull-sm-1 {

        right: 8.33333%

    }

    .pull-sm-2 {

        right: 16.66667%

    }

    .pull-sm-3 {

        right: 25%

    }

    .pull-sm-4 {

        right: 33.33333%

    }

    .pull-sm-5 {

        right: 41.66667%

    }

    .pull-sm-6 {

        right: 50%

    }

    .pull-sm-7 {

        right: 58.33333%

    }

    .pull-sm-8 {

        right: 66.66667%

    }

    .pull-sm-9 {

        right: 75%

    }

    .pull-sm-10 {

        right: 83.33333%

    }

    .pull-sm-11 {

        right: 91.66667%

    }

    .pull-sm-12 {

        right: 100%

    }

    .push-sm-0 {

        left: auto

    }

    .push-sm-1 {

        left: 8.33333%

    }

    .push-sm-2 {

        left: 16.66667%

    }

    .push-sm-3 {

        left: 25%

    }

    .push-sm-4 {

        left: 33.33333%

    }

    .push-sm-5 {

        left: 41.66667%

    }

    .push-sm-6 {

        left: 50%

    }

    .push-sm-7 {

        left: 58.33333%

    }

    .push-sm-8 {

        left: 66.66667%

    }

    .push-sm-9 {

        left: 75%

    }

    .push-sm-10 {

        left: 83.33333%

    }

    .push-sm-11 {

        left: 91.66667%

    }

    .push-sm-12 {

        left: 100%

    }

    .offset-sm-0 {

        margin-left: 0%

    }

    .offset-sm-1 {

        margin-left: 8.33333%

    }

    .offset-sm-2 {

        margin-left: 16.66667%

    }

    .offset-sm-3 {

        margin-left: 25%

    }

    .offset-sm-4 {

        margin-left: 33.33333%

    }

    .offset-sm-5 {

        margin-left: 41.66667%

    }

    .offset-sm-6 {

        margin-left: 50%

    }

    .offset-sm-7 {

        margin-left: 58.33333%

    }

    .offset-sm-8 {

        margin-left: 66.66667%

    }

    .offset-sm-9 {

        margin-left: 75%

    }

    .offset-sm-10 {

        margin-left: 83.33333%

    }

    .offset-sm-11 {

        margin-left: 91.66667%

    }

}



@media (min-width: 768px) {

    .col-md-1 {

        float: left;

        width: 8.33333%

    }

    .col-md-2 {

        float: left;

        width: 16.66667%

    }

    .col-md-3 {

        float: left;

        width: 25%

    }

    .col-md-4 {

        float: left;

        width: 33.33333%

    }

    .col-md-5 {

        float: left;

        width: 41.66667%

    }

    .col-md-6 {

        float: left;

        width: 50%

    }

    .col-md-7 {

        float: left;

        width: 58.33333%

    }

    .col-md-8 {

        float: left;

        width: 66.66667%

    }

    .col-md-9 {

        float: left;

        width: 75%

    }

    .col-md-10 {

        float: left;

        width: 83.33333%

    }

    .col-md-11 {

        float: left;

        width: 91.66667%

    }

    .col-md-12 {

        float: left;

        width: 100%

    }

    .pull-md-0 {

        right: auto

    }

    .pull-md-1 {

        right: 8.33333%

    }

    .pull-md-2 {

        right: 16.66667%

    }

    .pull-md-3 {

        right: 25%

    }

    .pull-md-4 {

        right: 33.33333%

    }

    .pull-md-5 {

        right: 41.66667%

    }

    .pull-md-6 {

        right: 50%

    }

    .pull-md-7 {

        right: 58.33333%

    }

    .pull-md-8 {

        right: 66.66667%

    }

    .pull-md-9 {

        right: 75%

    }

    .pull-md-10 {

        right: 83.33333%

    }

    .pull-md-11 {

        right: 91.66667%

    }

    .pull-md-12 {

        right: 100%

    }

    .push-md-0 {

        left: auto

    }

    .push-md-1 {

        left: 8.33333%

    }

    .push-md-2 {

        left: 16.66667%

    }

    .push-md-3 {

        left: 25%

    }

    .push-md-4 {

        left: 33.33333%

    }

    .push-md-5 {

        left: 41.66667%

    }

    .push-md-6 {

        left: 50%

    }

    .push-md-7 {

        left: 58.33333%

    }

    .push-md-8 {

        left: 66.66667%

    }

    .push-md-9 {

        left: 75%

    }

    .push-md-10 {

        left: 83.33333%

    }

    .push-md-11 {

        left: 91.66667%

    }

    .push-md-12 {

        left: 100%

    }

    .offset-md-0 {

        margin-left: 0%

    }

    .offset-md-1 {

        margin-left: 8.33333%

    }

    .offset-md-2 {

        margin-left: 16.66667%

    }

    .offset-md-3 {

        margin-left: 25%

    }

    .offset-md-4 {

        margin-left: 33.33333%

    }

    .offset-md-5 {

        margin-left: 41.66667%

    }

    .offset-md-6 {

        margin-left: 50%

    }

    .offset-md-7 {

        margin-left: 58.33333%

    }

    .offset-md-8 {

        margin-left: 66.66667%

    }

    .offset-md-9 {

        margin-left: 75%

    }

    .offset-md-10 {

        margin-left: 83.33333%

    }

    .offset-md-11 {

        margin-left: 91.66667%

    }

}



@media (min-width: 992px) {

    .col-lg-1 {

        float: left;

        width: 8.33333%

    }

    .col-lg-2 {

        float: left;

        width: 16.66667%

    }

    .col-lg-3 {

        float: left;

        width: 25%

    }

    .col-lg-4 {

        float: left;

        width: 33.33333%

    }

    .col-lg-5 {

        float: left;

        width: 41.66667%

    }

    .col-lg-6 {

        float: left;

        width: 50%

    }

    .col-lg-7 {

        float: left;

        width: 58.33333%

    }

    .col-lg-8 {

        float: left;

        width: 66.66667%

    }

    .col-lg-9 {

        float: left;

        width: 75%

    }

    .col-lg-10 {

        float: left;

        width: 83.33333%

    }

    .col-lg-11 {

        float: left;

        width: 91.66667%

    }

    .col-lg-12 {

        float: left;

        width: 100%

    }

    .pull-lg-0 {

        right: auto

    }

    .pull-lg-1 {

        right: 8.33333%

    }

    .pull-lg-2 {

        right: 16.66667%

    }

    .pull-lg-3 {

        right: 25%

    }

    .pull-lg-4 {

        right: 33.33333%

    }

    .pull-lg-5 {

        right: 41.66667%

    }

    .pull-lg-6 {

        right: 50%

    }

    .pull-lg-7 {

        right: 58.33333%

    }

    .pull-lg-8 {

        right: 66.66667%

    }

    .pull-lg-9 {

        right: 75%

    }

    .pull-lg-10 {

        right: 83.33333%

    }

    .pull-lg-11 {

        right: 91.66667%

    }

    .pull-lg-12 {

        right: 100%

    }

    .push-lg-0 {

        left: auto

    }

    .push-lg-1 {

        left: 8.33333%

    }

    .push-lg-2 {

        left: 16.66667%

    }

    .push-lg-3 {

        left: 25%

    }

    .push-lg-4 {

        left: 33.33333%

    }

    .push-lg-5 {

        left: 41.66667%

    }

    .push-lg-6 {

        left: 50%

    }

    .push-lg-7 {

        left: 58.33333%

    }

    .push-lg-8 {

        left: 66.66667%

    }

    .push-lg-9 {

        left: 75%

    }

    .push-lg-10 {

        left: 83.33333%

    }

    .push-lg-11 {

        left: 91.66667%

    }

    .push-lg-12 {

        left: 100%

    }

    .offset-lg-0 {

        margin-left: 0%

    }

    .offset-lg-1 {

        margin-left: 8.33333%

    }

    .offset-lg-2 {

        margin-left: 16.66667%

    }

    .offset-lg-3 {

        margin-left: 25%

    }

    .offset-lg-4 {

        margin-left: 33.33333%

    }

    .offset-lg-5 {

        margin-left: 41.66667%

    }

    .offset-lg-6 {

        margin-left: 50%

    }

    .offset-lg-7 {

        margin-left: 58.33333%

    }

    .offset-lg-8 {

        margin-left: 66.66667%

    }

    .offset-lg-9 {

        margin-left: 75%

    }

    .offset-lg-10 {

        margin-left: 83.33333%

    }

    .offset-lg-11 {

        margin-left: 91.66667%

    }

}



@media (min-width: 1200px) {

    .col-xl-1 {

        float: left;

        width: 8.33333%

    }

    .col-xl-2 {

        float: left;

        width: 16.66667%

    }

    .col-xl-3 {

        float: left;

        width: 25%

    }

    .col-xl-4 {

        float: left;

        width: 33.33333%

    }

    .col-xl-5 {

        float: left;

        width: 41.66667%

    }

    .col-xl-6 {

        float: left;

        width: 50%

    }

    .col-xl-7 {

        float: left;

        width: 58.33333%

    }

    .col-xl-8 {

        float: left;

        width: 66.66667%

    }

    .col-xl-9 {

        float: left;

        width: 75%

    }

    .col-xl-10 {

        float: left;

        width: 83.33333%

    }

    .col-xl-11 {

        float: left;

        width: 91.66667%

    }

    .col-xl-12 {

        float: left;

        width: 100%

    }

    .pull-xl-0 {

        right: auto

    }

    .pull-xl-1 {

        right: 8.33333%

    }

    .pull-xl-2 {

        right: 16.66667%

    }

    .pull-xl-3 {

        right: 25%

    }

    .pull-xl-4 {

        right: 33.33333%

    }

    .pull-xl-5 {

        right: 41.66667%

    }

    .pull-xl-6 {

        right: 50%

    }

    .pull-xl-7 {

        right: 58.33333%

    }

    .pull-xl-8 {

        right: 66.66667%

    }

    .pull-xl-9 {

        right: 75%

    }

    .pull-xl-10 {

        right: 83.33333%

    }

    .pull-xl-11 {

        right: 91.66667%

    }

    .pull-xl-12 {

        right: 100%

    }

    .push-xl-0 {

        left: auto

    }

    .push-xl-1 {

        left: 8.33333%

    }

    .push-xl-2 {

        left: 16.66667%

    }

    .push-xl-3 {

        left: 25%

    }

    .push-xl-4 {

        left: 33.33333%

    }

    .push-xl-5 {

        left: 41.66667%

    }

    .push-xl-6 {

        left: 50%

    }

    .push-xl-7 {

        left: 58.33333%

    }

    .push-xl-8 {

        left: 66.66667%

    }

    .push-xl-9 {

        left: 75%

    }

    .push-xl-10 {

        left: 83.33333%

    }

    .push-xl-11 {

        left: 91.66667%

    }

    .push-xl-12 {

        left: 100%

    }

    .offset-xl-0 {

        margin-left: 0%

    }

    .offset-xl-1 {

        margin-left: 8.33333%

    }

    .offset-xl-2 {

        margin-left: 16.66667%

    }

    .offset-xl-3 {

        margin-left: 25%

    }

    .offset-xl-4 {

        margin-left: 33.33333%

    }

    .offset-xl-5 {

        margin-left: 41.66667%

    }

    .offset-xl-6 {

        margin-left: 50%

    }

    .offset-xl-7 {

        margin-left: 58.33333%

    }

    .offset-xl-8 {

        margin-left: 66.66667%

    }

    .offset-xl-9 {

        margin-left: 75%

    }

    .offset-xl-10 {

        margin-left: 83.33333%

    }

    .offset-xl-11 {

        margin-left: 91.66667%

    }

}



.table {

    width: 100%;

    max-width: 100%;

    margin-bottom: 1rem

}



.table th,

.table td {

    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 th,

.table-sm td {

    padding: .3rem

}



.table-bordered {

    border: 1px solid #f6f6f6

}



.table-bordered th,

.table-bordered td {

    border: 1px solid #f6f6f6

}



.table-bordered thead th,

.table-bordered thead td {

    border-bottom-width: 2px

}



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

    background-color: rgba(0, 0, 0, 0.05)

}



.table-hover tbody tr:hover {

    background-color: rgba(0, 0, 0, 0.075)

}



.table-active,

.table-active>th,

.table-active>td {

    background-color: rgba(0, 0, 0, 0.075)

}



.table-hover .table-active:hover {

    background-color: rgba(0, 0, 0, 0.075)

}



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

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

    background-color: rgba(0, 0, 0, 0.075)

}



.table-success,

.table-success>th,

.table-success>td {

    background-color: #dff0d8

}



.table-hover .table-success:hover {

    background-color: #d0e9c6

}



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

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

    background-color: #d0e9c6

}



.table-info,

.table-info>th,

.table-info>td {

    background-color: #d9edf7

}



.table-hover .table-info:hover {

    background-color: #c4e3f3

}



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

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

    background-color: #c4e3f3

}



.table-warning,

.table-warning>th,

.table-warning>td {

    background-color: #fcf8e3

}



.table-hover .table-warning:hover {

    background-color: #faf2cc

}



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

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

    background-color: #faf2cc

}



.table-danger,

.table-danger>th,

.table-danger>td {

    background-color: #f2dede

}



.table-hover .table-danger:hover {

    background-color: #ebcccc

}



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

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

    background-color: #ebcccc

}



.thead-inverse th {

    color: #fff;

    background-color: #0c0c0c

}



.thead-default th {

    color: #666;

    background-color: #f6f6f6

}



.table-inverse {

    color: #f6f6f6;

    background-color: #0c0c0c

}



.table-inverse th,

.table-inverse td,

.table-inverse thead th {

    border-color: #666

}



.table-inverse.table-bordered {

    border: 0

}



.table-responsive {

    display: block;

    width: 100%;

    min-height: 0%;

    overflow-x: auto

}



.table-reflow thead {

    float: left

}



.table-reflow tbody {

    display: block;

    white-space: nowrap

}



.table-reflow th,

.table-reflow td {

    border-top: 1px solid #f6f6f6;

    border-left: 1px solid #f6f6f6

}



.table-reflow th:last-child,

.table-reflow td:last-child {

    border-right: 1px solid #f6f6f6

}



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

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

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

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

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

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

    border-bottom: 1px solid #f6f6f6

}



.table-reflow tr {

    float: left

}



.table-reflow tr th,

.table-reflow tr td {

    display: block !important;

    border: 1px solid #f6f6f6

}



.form-control {

    display: block;

    width: 100%;

    padding: .5rem .75rem;

    font-size: 1rem;

    line-height: 1.25;

    color: #666;

    background-color: #fff;

    background-image: none;

    background-clip: padding-box;

    border: 1px solid #e5e5e5;

    border-radius: 0

}



.form-control::-ms-expand {

    background-color: transparent;

    border: 0

}



.form-control:focus {

    color: #666;

    background-color: #fff;

    border-color: var(--hovercolor);

    outline: none

}



.form-control::-webkit-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: #666;

    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-sm,

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

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

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

    padding-right: 0;

    padding-left: 0

}



.form-control-sm,

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

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

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

    padding: .25rem .5rem;

    font-size: .875rem;

    border-radius: .2rem

}



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

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

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

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

    height: 1.8125rem

}



.form-control-lg,

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

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

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

    padding: .75rem 1.5rem;

    font-size: .9375rem;

    border-radius: .3rem

}



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

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

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

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

    height: 2.75rem

}



.form-group {

    margin-bottom: 1rem

}



.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: #0c0c0c;

    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: #0c0c0c;

    cursor: not-allowed

}



.form-control-feedback {

    margin-top: .25rem

}



.form-control-success,

.form-control-warning,

.form-control-danger {

    padding-right: 2.25rem;

    background-repeat: no-repeat;

    background-position: center right .625rem;

    background-size: 1.25rem 1.25rem

}



.has-success .form-control-feedback,

.has-success .form-control-label,

.has-success .form-check-label,

.has-success .form-check-inline,

.has-success .custom-control {

    color: #4cbb6c

}



.has-success .form-control {

    border-color: #4cbb6c

}



.has-success .form-control:focus {

    box-shadow: inset 0 1px 1px rgba(0, 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='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#4cbb6c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E")

}



.has-warning .form-control-feedback,

.has-warning .form-control-label,

.has-warning .form-check-label,

.has-warning .form-check-inline,

.has-warning .custom-control {

    color: #ff9a52

}



.has-warning .form-control {

    border-color: #ff9a52

}



.has-warning .form-control:focus {

    box-shadow: inset 0 1px 1px rgba(0, 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='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#ff9a52' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E")

}



.has-danger .form-control-feedback,

.has-danger .form-control-label,

.has-danger .form-check-label,

.has-danger .form-check-inline,

.has-danger .custom-control {

    color: #ff4c4c

}



.has-danger .form-control {

    border-color: #ff4c4c

}



.has-danger .form-control:focus {

    box-shadow: inset 0 1px 1px rgba(0, 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='http://www.w3.org/2000/svg' fill='#ff4c4c' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E")

}



@media (min-width: 576px) {

    .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 .input-group-addon,

    .form-inline .input-group .input-group-btn,

    .form-inline .input-group .form-control {

        width: auto

    }

    .form-inline .input-group>.form-control {

        width: 100%

    }

    .form-inline .form-control-label {

        margin-bottom: 0;

        vertical-align: middle

    }

    .form-inline .form-check {

        display: inline-block;

        margin-top: 0;

        margin-bottom: 0;

        vertical-align: middle

    }

    .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

    }

}



.btn {

    display: inline-block;

    font-weight: normal;

    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:focus,

.btn.focus,

.btn:active:focus,

.btn:active.focus,

.btn.active:focus,

.btn.active.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 {

    color: #0c0c0c;

    background-color: #0c0c0c;

    border-color: rgba(0, 0, 0, 0);

    border-radius: 25px;

    font-size: 11px;

}



.btn-primary:hover {

    color: #0c0c0c;

    background-color: #000;

    border-color: rgba(0, 0, 0, 0)

}



.btn-primary:focus,

.btn-primary.focus {

    color: #0c0c0c;

    background-color: #000;

    border-color: rgba(0, 0, 0, 0)

}



.btn-primary:active,

.btn-primary.active,

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

    color: #0c0c0c;

    background-color: #000;

    border-color: rgba(0, 0, 0, 0);

    background-image: none

}



.btn-primary:active:hover,

.btn-primary:active:focus,

.btn-primary:active.focus,

.btn-primary.active:hover,

.btn-primary.active:focus,

.btn-primary.active.focus,

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

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

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

    color: #0c0c0c;

    background-color: #000;

    border-color: rgba(0, 0, 0, 0)

}



.btn-primary.disabled:focus,

.btn-primary.disabled.focus,

.btn-primary:disabled:focus,

.btn-primary:disabled.focus {

    background-color: #0c0c0c;

    border-color: rgba(0, 0, 0, 0)

}



.btn-primary.disabled:hover,

.btn-primary:disabled:hover {

    background-color: #0c0c0c;

    border-color: rgba(0, 0, 0, 0)

}



.btn-secondary {

    color: #0c0c0c;

    background-color: #0c0c0c;

    border-color: rgba(0, 0, 0, 0)

}



.btn-secondary:hover {

    color: #0c0c0c;

    background-color: #000;

    border-color: rgba(0, 0, 0, 0)

}



.btn-secondary:focus,

.btn-secondary.focus {

    color: #0c0c0c;

    background-color: #000;

    border-color: rgba(0, 0, 0, 0)

}



.btn-secondary:active,

.btn-secondary.active,

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

    color: #0c0c0c;

    background-color: #000;

    border-color: rgba(0, 0, 0, 0);

    background-image: none

}



.btn-secondary:active:hover,

.btn-secondary:active:focus,

.btn-secondary:active.focus,

.btn-secondary.active:hover,

.btn-secondary.active:focus,

.btn-secondary.active.focus,

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

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

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

    color: #0c0c0c;

    background-color: #000;

    border-color: rgba(0, 0, 0, 0)

}



.btn-secondary.disabled:focus,

.btn-secondary.disabled.focus,

.btn-secondary:disabled:focus,

.btn-secondary:disabled.focus {

    background-color: #0c0c0c;

    border-color: rgba(0, 0, 0, 0)

}



.btn-secondary.disabled:hover,

.btn-secondary:disabled:hover {

    background-color: #0c0c0c;

    border-color: rgba(0, 0, 0, 0)

}



.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:hover,

.btn-info:active:focus,

.btn-info:active.focus,

.btn-info.active:hover,

.btn-info.active:focus,

.btn-info.active.focus,

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

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

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

    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:hover,

.btn-success:active:focus,

.btn-success:active.focus,

.btn-success.active:hover,

.btn-success.active:focus,

.btn-success.active.focus,

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

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

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

    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:hover,

.btn-warning:active:focus,

.btn-warning:active.focus,

.btn-warning.active:hover,

.btn-warning.active:focus,

.btn-warning.active.focus,

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

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

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

    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:hover,

.btn-danger:active:focus,

.btn-danger:active.focus,

.btn-danger.active:hover,

.btn-danger.active:focus,

.btn-danger.active.focus,

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

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

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

    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: #0c0c0c;

    background-image: none;

    background-color: transparent;

    border-color: #0c0c0c

}



.btn-outline-primary:hover {

    color: #fff;

    background-color: #0c0c0c;

    border-color: #0c0c0c

}



.btn-outline-primary:focus,

.btn-outline-primary.focus {

    color: #fff;

    background-color: #0c0c0c;

    border-color: #0c0c0c

}



.btn-outline-primary:active,

.btn-outline-primary.active,

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

    color: #fff;

    background-color: #0c0c0c;

    border-color: #0c0c0c

}



.btn-outline-primary:active:hover,

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

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

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

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

    color: #fff;

    background-color: #000;

    border-color: #000

}



.btn-outline-primary.disabled:focus,

.btn-outline-primary.disabled.focus,

.btn-outline-primary:disabled:focus,

.btn-outline-primary:disabled.focus {

    border-color: #3f3f3f

}



.btn-outline-primary.disabled:hover,

.btn-outline-primary:disabled:hover {

    border-color: #3f3f3f

}



.btn-outline-secondary {

    color: rgba(0, 0, 0, 0);

    background-image: none;

    background-color: transparent;

    border-color: rgba(0, 0, 0, 0)

}



.btn-outline-secondary:hover {

    color: #fff;

    background-color: rgba(0, 0, 0, 0);

    border-color: rgba(0, 0, 0, 0)

}



.btn-outline-secondary:focus,

.btn-outline-secondary.focus {

    color: #fff;

    background-color: rgba(0, 0, 0, 0);

    border-color: rgba(0, 0, 0, 0)

}



.btn-outline-secondary:active,

.btn-outline-secondary.active,

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

    color: #fff;

    background-color: rgba(0, 0, 0, 0);

    border-color: rgba(0, 0, 0, 0)

}



.btn-outline-secondary:active:hover,

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

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

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

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

    color: #fff;

    background-color: rgba(0, 0, 0, 0);

    border-color: rgba(0, 0, 0, 0)

}



.btn-outline-secondary.disabled:focus,

.btn-outline-secondary.disabled.focus,

.btn-outline-secondary:disabled:focus,

.btn-outline-secondary:disabled.focus {

    border-color: rgba(51, 51, 51, 0)

}



.btn-outline-secondary.disabled:hover,

.btn-outline-secondary:disabled:hover {

    border-color: rgba(51, 51, 51, 0)

}



.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:hover,

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

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

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

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

    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:hover,

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

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

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

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

    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:hover,

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

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

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

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

    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:hover,

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

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

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

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

    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: normal;

    color: #0c0c0c;

    border-radius: 0

}



.btn-link,

.btn-link:active,

.btn-link.active,

.btn-link:disabled {

    background-color: transparent

}



.btn-link,

.btn-link:focus,

.btn-link:active {

    border-color: transparent

}



.btn-link:hover {

    border-color: transparent

}



.btn-link:focus,

.btn-link:hover {

    color: #000;

    text-decoration: underline;

    background-color: transparent

}



.btn-link:disabled:focus,

.btn-link:disabled:hover {

    color: #f5f5f5;

    text-decoration: none

}



.btn-lg,

.btn-group-lg>.btn {

    padding: .75rem 1.5rem;

    font-size: .9375rem;

    border-radius: .3rem

}



.btn-sm,

.btn-group-sm>.btn {

    padding: .25rem .5rem;

    font-size: .875rem;

    border-radius: .2rem

}



.btn-block {

    display: block;

    width: 100%

}



.btn-block+.btn-block {

    margin-top: .5rem

}



input[type="submit"].btn-block,

input[type="reset"].btn-block,

input[type="button"].btn-block {

    width: 100%

}



.fade {

    opacity: 0;

    transition: opacity .15s linear

}



.fade.in {

    opacity: 1

}



.collapse {

    display: none

}



.collapse.in {

    display: block

}



tr.collapse.in {

    display: table-row

}



tbody.collapse.in {

    display: table-row-group

}



.collapsing {

    position: relative;

    height: 0;

    overflow: hidden;

    transition-timing-function: ease;

    transition-duration: .35s;

    transition-property: height

}



.dropup,

.dropdown {

    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: #0c0c0c;

    text-align: left;

    list-style: none;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid rgba(0, 0, 0, 0.15);

    border-radius: 0

}



.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: normal;

    color: #0c0c0c;

    text-align: inherit;

    white-space: nowrap;

    background: none;

    border: 0

}



.dropdown-item:focus,

.dropdown-item:hover {

    color: #000;

    text-decoration: none;

    background-color: #f5f5f5

}



.dropdown-item.active,

.dropdown-item.active:focus,

.dropdown-item.active:hover {

    color: #fff;

    text-decoration: none;

    background-color: #0c0c0c;

    outline: 0

}



.dropdown-item.disabled,

.dropdown-item.disabled:focus,

.dropdown-item.disabled:hover {

    color: #f5f5f5

}



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

    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,

.btn-group-vertical>.btn {

    position: relative;

    float: left;

    margin-bottom: 0

}



.btn-group>.btn:focus,

.btn-group>.btn:active,

.btn-group>.btn.active,

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

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

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

    z-index: 2

}



.btn-group>.btn:hover,

.btn-group-vertical>.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-sm+.dropdown-toggle-split,

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

    padding-right: .375rem;

    padding-left: .375rem

}



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

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

    padding-right: 1.125rem;

    padding-left: 1.125rem

}



.btn .caret {

    margin-left: 0

}



.btn-lg .caret,

.btn-group-lg>.btn .caret {

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

    border-bottom-width: 0

}



.dropup .btn-lg .caret,

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

    border-width: 0 .3em .3em

}



.btn-group-vertical>.btn,

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

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

    display: block;

    float: none;

    width: 100%;

    max-width: 100%

}



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

    content: "";

    display: table;

    clear: both

}



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

    float: none

}



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

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

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

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

    margin-top: -1px;

    margin-left: 0

}



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

    border-radius: 0

}



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

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0

}



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

    border-top-right-radius: 0;

    border-top-left-radius: 0

}



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

    border-radius: 0

}



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

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

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0

}



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

    border-top-right-radius: 0;

    border-top-left-radius: 0

}



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

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

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

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

    position: absolute;

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

    pointer-events: none

}



.input-group {

    position: relative;

    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:focus,

.input-group .form-control:active,

.input-group .form-control:hover {

    z-index: 3

}



.input-group-addon,

.input-group-btn,

.input-group .form-control {

    display: table-cell

}



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

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

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

    border-radius: 0

}



.input-group-addon,

.input-group-btn {

    width: 1%;

    white-space: nowrap;

    vertical-align: middle

}



.input-group-addon {

    padding: .5rem .75rem;

    margin-bottom: 0;

    font-size: 1rem;

    font-weight: normal;

    line-height: 1.25;

    color: #666;

    text-align: center;

    background-color: #f6f6f6;

    border: 1px solid #e5e5e5;

    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="radio"],

.input-group-addon input[type="checkbox"] {

    margin-top: 0

}



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

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

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

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

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

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

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

    border-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:not(:first-child),

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

    border-bottom-left-radius: 0;

    border-top-left-radius: 0

}



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

    border-left: 0

}



.input-group-btn {

    position: relative;

    font-size: 0;

    white-space: nowrap

}



.input-group-btn>.btn {

    position: relative

}



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

    margin-left: -1px

}



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

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

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

    z-index: 3

}



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

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

    margin-right: -1px

}



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

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

    z-index: 2;

    margin-left: -1px

}



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

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

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

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

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

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

    z-index: 3

}



.custom-control {

    position: relative;

    display: 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 {

    box-shadow: 0 0 0 0.075rem #fff, 0 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='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")

}



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

    background-color: #0074d9;

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

}



.custom-radio .custom-control-indicator {

    border-radius: 50%

}



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

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#fff'/%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: #666;

    vertical-align: middle;

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

    background-image: none \9;

    background-size: 8px 10px;

    border: 1px solid #e5e5e5;

    border-radius: 0;

    -moz-appearance: none;

    -webkit-appearance: none

}



.custom-select:focus {

    border-color: #51a7e8;

    outline: none

}



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

    color: #666;

    background-color: #fff

}



.custom-select:disabled {

    color: #f5f5f5;

    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: #f5f5f5

}



.nav-link.disabled,

.nav-link.disabled:focus,

.nav-link.disabled:hover {

    color: #f5f5f5;

    cursor: not-allowed;

    background-color: rgba(0, 0, 0, 0)

}



.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-tabs::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: 0.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: #f5f5f5;

    background-color: transparent;

    border-color: transparent

}



.nav-tabs .nav-link.active,

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

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

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

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

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

    color: #666;

    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::after {

    content: "";

    display: table;

    clear: both

}



.nav-pills .nav-item {

    float: left

}



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

    margin-left: .2rem

}



.nav-pills .nav-link {

    display: block;

    padding: 0.5em 1em;

    border-radius: 0

}



.nav-pills .nav-link.active,

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

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

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

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

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

    color: #fff;

    cursor: default;

    background-color: #0c0c0c

}



.nav-stacked .nav-item {

    display: block;

    float: none

}



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

    margin-top: .2rem;

    margin-left: 0

}



.tab-content>.tab-pane {

    display: none

}



.tab-content>.active {

    display: block

}



.navbar {

    position: relative;

    padding: .5rem 1rem

}



.navbar::after {

    content: "";

    display: table;

    clear: both

}



@media (min-width: 576px) {

    .navbar {

        border-radius: 0

    }

}



.navbar-full {

    z-index: 1000

}



@media (min-width: 576px) {

    .navbar-full {

        border-radius: 0

    }

}



.navbar-fixed-top,

.navbar-fixed-bottom {

    position: fixed;

    right: 0;

    left: 0;

    z-index: 1030

}



@media (min-width: 576px) {

    .navbar-fixed-top,

    .navbar-fixed-bottom {

        border-radius: 0

    }

}



.navbar-fixed-top {

    top: 0

}



.navbar-fixed-bottom {

    bottom: 0

}



.navbar-sticky-top {

    position: -webkit-sticky;

    position: sticky;

    top: 0;

    z-index: 1030;

    width: 100%

}



@media (min-width: 576px) {

    .navbar-sticky-top {

        border-radius: 0

    }

}



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

    text-decoration: none

}



.navbar-divider {

    float: left;

    width: 1px;

    padding-top: .425rem;

    padding-bottom: .425rem;

    margin-right: 1rem;

    margin-left: 1rem;

    overflow: hidden

}



.navbar-divider::before {

    content: "\00a0"

}



.navbar-text {

    display: inline-block;

    padding-top: .425rem;

    padding-bottom: .425rem

}



.navbar-toggler {

    width: 2.5em;

    height: 2em;

    padding: .5rem .75rem;

    font-size: .9375rem;

    line-height: 1;

    background: transparent no-repeat center center;

    background-size: 24px 24px;

    border: 1px solid transparent;

    border-radius: 0

}



.navbar-toggler:focus,

.navbar-toggler:hover {

    text-decoration: none

}



.navbar-toggleable-xs::after {

    content: "";

    display: table;

    clear: both

}



@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

    }

}



@media (min-width: 576px) {

    .navbar-toggleable-xs {

        display: block

    }

}



.navbar-toggleable-sm::after {

    content: "";

    display: table;

    clear: both

}



@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

    }

}



@media (min-width: 768px) {

    .navbar-toggleable-sm {

        display: block

    }

}



.navbar-toggleable-md::after {

    content: "";

    display: table;

    clear: both

}



@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

    }

}



@media (min-width: 992px) {

    .navbar-toggleable-md {

        display: block

    }

}



.navbar-toggleable-lg::after {

    content: "";

    display: table;

    clear: both

}



@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

    }

}



@media (min-width: 1200px) {

    .navbar-toggleable-lg {

        display: block

    }

}



.navbar-toggleable-xl {

    display: block

}



.navbar-toggleable-xl::after {

    content: "";

    display: table;

    clear: both

}



.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-link+.nav-link {

    margin-left: 1rem

}



.navbar-nav .nav-item+.nav-item {

    margin-left: 1rem

}



.navbar-light .navbar-brand,

.navbar-light .navbar-toggler {

    color: rgba(0, 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, 0.9)

}



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

    color: rgba(0, 0, 0, 0.5)

}



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

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

    color: rgba(0, 0, 0, 0.7)

}



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

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

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

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

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

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

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

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

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

    color: rgba(0, 0, 0, 0.9)

}



.navbar-light .navbar-toggler {

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

    border-color: rgba(0, 0, 0, 0.1)

}



.navbar-light .navbar-divider {

    background-color: rgba(0, 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, 0.5)

}



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

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

    color: rgba(255, 255, 255, 0.75)

}



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

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

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

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

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

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

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

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

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

    color: #fff

}



.navbar-dark .navbar-toggler {

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

    border-color: rgba(255, 255, 255, 0.1)

}



.navbar-dark .navbar-divider {

    background-color: rgba(255, 255, 255, 0.075)

}



.navbar-toggleable-xs::after {

    content: "";

    display: table;

    clear: both

}



@media (max-width: 575px) {

    .navbar-toggleable-xs .navbar-nav .nav-item {

        float: none;

        margin-left: 0

    }

}



@media (min-width: 576px) {

    .navbar-toggleable-xs {

        display: block !important

    }

}



.navbar-toggleable-sm::after {

    content: "";

    display: table;

    clear: both

}



@media (max-width: 767px) {

    .navbar-toggleable-sm .navbar-nav .nav-item {

        float: none;

        margin-left: 0

    }

}



@media (min-width: 768px) {

    .navbar-toggleable-sm {

        display: block !important

    }

}



.navbar-toggleable-md::after {

    content: "";

    display: table;

    clear: both

}



@media (max-width: 991px) {

    .navbar-toggleable-md .navbar-nav .nav-item {

        float: none;

        margin-left: 0

    }

}



@media (min-width: 992px) {

    .navbar-toggleable-md {

        display: block !important

    }

}



.card {

    position: relative;

    display: block;

    margin-bottom: .75rem;

    background-color: #fff;

    border-radius: 0;

    border: 1px solid rgba(0, 0, 0, 0.125)

}



.card-block {

    padding: 1.25rem

}



.card-block::after {

    content: "";

    display: table;

    clear: both

}



.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, 0.125)

}



.card-header::after {

    content: "";

    display: table;

    clear: both

}



.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, 0.125)

}



.card-footer::after {

    content: "";

    display: table;

    clear: both

}



.card-footer:last-child {

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

}



.card-header-tabs {

    margin-right: -.625rem;

    margin-bottom: -.75rem;

    margin-left: -.625rem;

    border-bottom: 0

}



.card-header-pills {

    margin-right: -.625rem;

    margin-left: -.625rem

}



.card-primary {

    background-color: #0c0c0c;

    border-color: #0c0c0c

}



.card-primary .card-header,

.card-primary .card-footer {

    background-color: transparent

}



.card-success {

    background-color: #4cbb6c;

    border-color: #4cbb6c

}



.card-success .card-header,

.card-success .card-footer {

    background-color: transparent

}



.card-info {

    background-color: #5bc0de;

    border-color: #5bc0de

}



.card-info .card-header,

.card-info .card-footer {

    background-color: transparent

}



.card-warning {

    background-color: #ff9a52;

    border-color: #ff9a52

}



.card-warning .card-header,

.card-warning .card-footer {

    background-color: transparent

}



.card-danger {

    background-color: #ff4c4c;

    border-color: #ff4c4c

}



.card-danger .card-header,

.card-danger .card-footer {

    background-color: transparent

}



.card-outline-primary {

    background-color: transparent;

    border-color: #0c0c0c

}



.card-outline-secondary {

    background-color: transparent;

    border-color: rgba(0, 0, 0, 0)

}



.card-outline-info {

    background-color: transparent;

    border-color: #5bc0de

}



.card-outline-success {

    background-color: transparent;

    border-color: #4cbb6c

}



.card-outline-warning {

    background-color: transparent;

    border-color: #ff9a52

}



.card-outline-danger {

    background-color: transparent;

    border-color: #ff4c4c

}



.card-inverse .card-header,

.card-inverse .card-footer {

    border-color: rgba(255, 255, 255, 0.2)

}



.card-inverse .card-header,

.card-inverse .card-footer,

.card-inverse .card-title,

.card-inverse .card-blockquote {

    color: #fff

}



.card-inverse .card-link,

.card-inverse .card-text,

.card-inverse .card-subtitle,

.card-inverse .card-blockquote .blockquote-footer {

    color: rgba(255, 255, 255, 0.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)

}



@media (min-width: 576px) {

    .card-deck {

        display: table;

        width: 100%;

        margin-bottom: .75rem;

        table-layout: fixed;

        border-spacing: 1.25rem 0

    }

    .card-deck .card {

        display: table-cell;

        margin-bottom: 0;

        vertical-align: top

    }

    .card-deck-wrapper {

        margin-right: -1.25rem;

        margin-left: -1.25rem

    }

}



@media (min-width: 576px) {

    .card-group {

        display: table;

        width: 100%;

        table-layout: fixed

    }

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

        border-radius: 0

    }

    .card-group .card:not(:first-child):not(:last-child) .card-img-top,

    .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {

        border-radius: 0

    }

}



@media (min-width: 576px) {

    .card-columns {

        -webkit-column-count: 3;

        column-count: 3;

        -webkit-column-gap: 1.25rem;

        column-gap: 1.25rem

    }

    .card-columns .card {

        display: inline-block;

        width: 100%

    }

}



.breadcrumb {

    padding: .75rem 1rem;

    margin-bottom: 1rem;

    list-style: none;

    background-color: #f6f6f6;

    border-radius: 0

}



.breadcrumb::after {

    content: "";

    display: table;

    clear: both

}



.breadcrumb-item {

    float: left

}



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

    display: inline-block;

    padding-right: .5rem;

    padding-left: .5rem;

    color: #f5f5f5;

    content: "/"

}



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

    text-decoration: underline

}



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

    text-decoration: none

}



.breadcrumb-item.active {

    color: #f5f5f5

}



.pagination {

    display: inline-block;

    padding-left: 0;

    margin-top: 1rem;

    margin-bottom: 1rem;

    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: #0c0c0c;

    border-color: #0c0c0c

}



.page-item.disabled .page-link,

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

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

    color: #f5f5f5;

    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: #0c0c0c;

    text-decoration: none;

    background-color: #fff;

    border: 1px solid #ddd

}



.page-link:focus,

.page-link:hover {

    color: #000;

    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: bold;

    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: #f5f5f5

}



.tag-default[href]:focus,

.tag-default[href]:hover {

    background-color: #dcdcdc

}



.tag-primary {

    background-color: #0c0c0c

}



.tag-primary[href]:focus,

.tag-primary[href]:hover {

    background-color: #000

}



.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

}



@media (min-width: 576px) {

    .jumbotron {

        padding: 4rem 2rem

    }

}



.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: bold

}



.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, 0.3);

    border-color: #ff9a52;

    color: #0c0c0c

}



.alert-warning hr {

    border-top-color: #ff8b39

}



.alert-warning .alert-link {

    color: #000

}



.alert-danger {

    background-color: #f2dede;

    border-color: #ebcccc;

    color: #a94442

}



.alert-danger hr {

    border-top-color: #e4b9b9

}



.alert-danger .alert-link {

    color: #843534

}



@-webkit-keyframes progress-bar-stripes {

    from {

        background-position: 1rem 0

    }

    to {

        background-position: 0 0

    }

}



@keyframes progress-bar-stripes {

    from {

        background-position: 1rem 0

    }

    to {

        background-position: 0 0

    }

}



.progress {

    display: 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

}



base::-moz-progress-bar,

.progress[value] {

    background-color: #eee;

    border-radius: 0

}



@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-striped[value]::-webkit-progress-value {

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

    background-size: 1rem 1rem

}



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

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

    background-size: 1rem 1rem

}



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

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

    background-size: 1rem 1rem

}



@media screen and (min-width: 0\0) {

    .progress-bar-striped {

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

        background-size: 1rem 1rem

    }

}



.progress-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

}



@media screen and (min-width: 0\0) {

    .progress-animated .progress-bar-striped {

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

        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

}



@media screen and (min-width: 0\0) {

    .progress-success .progress-bar {

        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

}



@media screen and (min-width: 0\0) {

    .progress-info .progress-bar {

        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

}



@media screen and (min-width: 0\0) {

    .progress-warning .progress-bar {

        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 screen and (min-width: 0\0) {

    .progress-danger .progress-bar {

        background-color: #ff4c4c

    }

}



.media,

.media-body {

    overflow: hidden

}



.media-body {

    width: 10000px

}



.media-left,

.media-right,

.media-body {

    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 {

    padding-left: 0;

    list-style: none

}



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

    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: #f5f5f5

}



.list-group-item.active,

.list-group-item.active:focus,

.list-group-item.active:hover {

    z-index: 2;

    color: #fff;

    text-decoration: none;

    background-color: #0c0c0c;

    border-color: #0c0c0c

}



.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: #727272

}



.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-success .list-group-item-heading,

button.list-group-item-success .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 .list-group-item-heading,

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

    color: inherit

}



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 .list-group-item-heading,

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

    color: inherit

}



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 .list-group-item-heading,

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

    color: inherit

}



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 iframe,

.embed-responsive embed,

.embed-responsive object,

.embed-responsive video {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border: 0

}



.embed-responsive-21by9 {

    padding-bottom: 42.85714%

}



.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: bold;

    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: transparent;

    border: 0;

    -webkit-appearance: none

}



.modal-open {

    overflow: hidden

}



.modal {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1050;

    display: none;

    overflow: hidden;

    outline: 0

}



.modal.fade .modal-dialog {

    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, 0.2);

    border-radius: .3rem;

    outline: 0

}



.modal-backdrop {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1040;

    background-color: #000

}



.modal-backdrop.fade {

    opacity: 0

}



.modal-backdrop.in {

    opacity: .5

}



.modal-header {

    padding: 15px;

    border-bottom: 1px solid #e5e5e5

}



.modal-header::after {

    content: "";

    display: table;

    clear: both

}



.modal-header .close {

    margin-top: -2px

}



.modal-title {

    margin: 0;

    line-height: 1.5

}



.modal-body {

    position: relative;

    padding: 1.875rem

}



.modal-footer {

    padding: 1.875rem;

    text-align: right;

    border-top: 1px solid #e5e5e5

}



.modal-footer::after {

    content: "";

    display: table;

    clear: both

}



.modal-scrollbar-measure {

    position: absolute;

    top: -9999px;

    width: 50px;

    height: 50px;

    overflow: scroll

}



@media (min-width: 576px) {

    .modal-dialog {

        max-width: 600px;

        margin: 30px auto

    }

    .modal-sm {

        max-width: 300px

    }

}



@media (min-width: 992px) {

    .modal-lg {

        max-width: 900px

    }

}



.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: normal;

    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.tooltip-top,

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

    padding: 5px 0;

    margin-top: -3px

}



.tooltip.tooltip-top .tooltip-inner::before,

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

    bottom: 0;

    left: 50%;

    margin-left: -5px;

    content: "";

    border-width: 5px 5px 0;

    border-top-color: #ff4c4c

}



.tooltip.tooltip-right,

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

    padding: 0 5px;

    margin-left: 3px

}



.tooltip.tooltip-right .tooltip-inner::before,

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

    top: 50%;

    left: 0;

    margin-top: -5px;

    content: "";

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

    border-right-color: #ff4c4c

}



.tooltip.tooltip-bottom,

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

    padding: 5px 0;

    margin-top: 3px

}



.tooltip.tooltip-bottom .tooltip-inner::before,

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

    top: 0;

    left: 50%;

    margin-left: -5px;

    content: "";

    border-width: 0 5px 5px;

    border-bottom-color: #ff4c4c

}



.tooltip.tooltip-left,

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

    padding: 0 5px;

    margin-left: -3px

}



.tooltip.tooltip-left .tooltip-inner::before,

.tooltip.bs-tether-element-attached-right .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: 200px;

    padding: 3px 8px;

    color: #fff;

    text-align: center;

    background-color: #ff4c4c;

    border-radius: 0

}



.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: normal;

    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, 0.2);

    border-radius: .3rem

}



.popover.popover-top,

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

    margin-top: -10px

}



.popover.popover-top::before,

.popover.popover-top::after,

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

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

    left: 50%;

    border-bottom-width: 0

}



.popover.popover-top::before,

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

    bottom: -11px;

    margin-left: -11px;

    border-top-color: rgba(0, 0, 0, 0.25)

}



.popover.popover-top::after,

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

    bottom: -10px;

    margin-left: -10px;

    border-top-color: #fff

}



.popover.popover-right,

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

    margin-left: 10px

}



.popover.popover-right::before,

.popover.popover-right::after,

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

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

    top: 50%;

    border-left-width: 0

}



.popover.popover-right::before,

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

    left: -11px;

    margin-top: -11px;

    border-right-color: rgba(0, 0, 0, 0.25)

}



.popover.popover-right::after,

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

    left: -10px;

    margin-top: -10px;

    border-right-color: #fff

}



.popover.popover-bottom,

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

    margin-top: 10px

}



.popover.popover-bottom::before,

.popover.popover-bottom::after,

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

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

    left: 50%;

    border-top-width: 0

}



.popover.popover-bottom::before,

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

    top: -11px;

    margin-left: -11px;

    border-bottom-color: rgba(0, 0, 0, 0.25)

}



.popover.popover-bottom::after,

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

    top: -10px;

    margin-left: -10px;

    border-bottom-color: #f7f7f7

}



.popover.popover-bottom .popover-title::before,

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

    position: absolute;

    top: 0;

    left: 50%;

    display: block;

    width: 20px;

    margin-left: -10px;

    content: "";

    border-bottom: 1px solid #f7f7f7

}



.popover.popover-left,

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

    margin-left: -10px

}



.popover.popover-left::before,

.popover.popover-left::after,

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

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

    top: 50%;

    border-right-width: 0

}



.popover.popover-left::before,

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

    right: -11px;

    margin-top: -11px;

    border-left-color: rgba(0, 0, 0, 0.25)

}



.popover.popover-left::after,

.popover.bs-tether-element-attached-right::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::before,

.popover::after {

    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 {

    position: relative

}



.carousel-inner {

    position: relative;

    width: 100%;

    overflow: hidden

}



.carousel-inner>.carousel-item {

    position: relative;

    display: none;

    transition: .6s ease-in-out left

}



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

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

    line-height: 1

}



@media all and (transform-3d),

(-webkit-transform-3d) {

    .carousel-inner>.carousel-item {

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

    .carousel-inner>.carousel-item.active.right {

        left: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)

    }

    .carousel-inner>.carousel-item.prev,

    .carousel-inner>.carousel-item.active.left {

        left: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)

    }

    .carousel-inner>.carousel-item.next.left,

    .carousel-inner>.carousel-item.prev.right,

    .carousel-inner>.carousel-item.active {

        left: 0;

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

        transform: translate3d(0, 0, 0)

    }

}



.carousel-inner>.active,

.carousel-inner>.next,

.carousel-inner>.prev {

    display: block

}



.carousel-inner>.active {

    left: 0

}



.carousel-inner>.next,

.carousel-inner>.prev {

    position: absolute;

    top: 0;

    width: 100%

}



.carousel-inner>.next {

    left: 100%

}



.carousel-inner>.prev {

    left: -100%

}



.carousel-inner>.next.left,

.carousel-inner>.prev.right {

    left: 0

}



.carousel-inner>.active.left {

    left: -100%

}



.carousel-inner>.active.right {

    left: 100%

}



.carousel-control {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    width: 15%;

    font-size: 20px;

    color: #fff;

    text-align: center;

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

    opacity: .5

}



.carousel-control.left {

    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 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: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 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-prev,

.carousel-control .icon-next {

    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: "\2039"

}



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

    content: "\203a"

}



.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: rgba(0, 0, 0, 0);

    border: 1px solid #fff;

    border-radius: 10px

}



.carousel-indicators .active {

    width: 12px;

    height: 12px;

    margin: 0;

    background-color: #fff

}



.carousel-caption {

    position: absolute;

    right: 15%;

    bottom: 20px;

    left: 15%;

    z-index: 10;

    padding-top: 20px;

    padding-bottom: 20px;

    color: #fff;

    text-align: center;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)

}



.carousel-caption .btn {

    text-shadow: none

}



@media (min-width: 576px) {

    .carousel-control .icon-prev,

    .carousel-control .icon-next {

        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

    }

}



.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: #0c0c0c !important

}



a.bg-primary:focus,

a.bg-primary:hover {

    background-color: #000 !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: #0c0c0c !important

}



a.bg-inverse:focus,

a.bg-inverse:hover {

    background-color: #000 !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

}



@media (min-width: 576px) {

    .float-sm-left {

        float: left !important

    }

    .float-sm-right {

        float: right !important

    }

    .float-sm-none {

        float: none !important

    }

}



@media (min-width: 768px) {

    .float-md-left {

        float: left !important

    }

    .float-md-right {

        float: right !important

    }

    .float-md-none {

        float: none !important

    }

}



@media (min-width: 992px) {

    .float-lg-left {

        float: left !important

    }

    .float-lg-right {

        float: right !important

    }

    .float-lg-none {

        float: none !important

    }

}



@media (min-width: 1200px) {

    .float-xl-left {

        float: left !important

    }

    .float-xl-right {

        float: right !important

    }

    .float-xl-none {

        float: none !important

    }

}



.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 0 !important

}



.mt-0 {

    margin-top: 0 !important

}



.mr-0 {

    margin-right: 0 !important

}



.mb-0 {

    margin-bottom: 0 !important

}



.ml-0 {

    margin-left: 0 !important

}



.mx-0 {

    margin-right: 0 !important;

    margin-left: 0 !important

}



.my-0 {

    margin-top: 0 !important;

    margin-bottom: 0 !important

}



.m-1 {

    margin: 1rem 1rem !important

}



.mt-1 {

    margin-top: 1rem !important

}



.mr-1 {

    margin-right: 1rem !important

}



.mb-1 {

    margin-bottom: 1rem !important

}



.ml-1 {

    margin-left: 1rem !important

}



.mx-1 {

    margin-right: 1rem !important;

    margin-left: 1rem !important

}



.my-1 {

    margin-top: 1rem !important;

    margin-bottom: 1rem !important

}



.m-2 {

    margin: 1.5rem 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 {

    margin-left: 1.5rem !important

}



.mx-2 {

    margin-right: 1.5rem !important;

    margin-left: 1.5rem !important

}



.my-2 {

    margin-top: 1.5rem !important;

    margin-bottom: 1.5rem !important

}



.m-3 {

    margin: 3rem 3rem !important

}



.mt-3 {

    margin-top: 3rem !important

}



.mr-3 {

    margin-right: 3rem !important

}



.mb-3 {

    margin-bottom: 3rem !important

}



.ml-3 {

    margin-left: 3rem !important

}



.mx-3 {

    margin-right: 3rem !important;

    margin-left: 3rem !important

}



.my-3 {

    margin-top: 3rem !important;

    margin-bottom: 3rem !important

}



.p-0 {

    padding: 0 0 !important

}



.pt-0 {

    padding-top: 0 !important

}



.pr-0 {

    padding-right: 0 !important

}



.pb-0 {

    padding-bottom: 0 !important

}



.pl-0 {

    padding-left: 0 !important

}



.px-0 {

    padding-right: 0 !important;

    padding-left: 0 !important

}



.py-0 {

    padding-top: 0 !important;

    padding-bottom: 0 !important

}



.p-1 {

    padding: 1rem 1rem !important

}



.pt-1 {

    padding-top: 1rem !important

}



.pr-1 {

    padding-right: 1rem !important

}



.pb-1 {

    padding-bottom: 1rem !important

}



.pl-1 {

    padding-left: 1rem !important

}



.px-1 {

    padding-right: 1rem !important;

    padding-left: 1rem !important

}



.py-1 {

    padding-top: 1rem !important;

    padding-bottom: 1rem !important

}



.p-2 {

    padding: 1.5rem 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 {

    padding-left: 1.5rem !important

}



.px-2 {

    padding-right: 1.5rem !important;

    padding-left: 1.5rem !important

}



.py-2 {

    padding-top: 1.5rem !important;

    padding-bottom: 1.5rem !important

}



.p-3 {

    padding: 3rem 3rem !important

}



.pt-3 {

    padding-top: 3rem !important

}



.pr-3 {

    padding-right: 3rem !important

}



.pb-3 {

    padding-bottom: 3rem !important

}



.pl-3 {

    padding-left: 3rem !important

}



.px-3 {

    padding-right: 3rem !important;

    padding-left: 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

}



@media (min-width: 576px) {

    .text-sm-left {

        text-align: left !important

    }

    .text-sm-right {

        text-align: right !important

    }

    .text-sm-center {

        text-align: center !important

    }

}



@media (min-width: 768px) {

    .text-md-left {

        text-align: left !important

    }

    .text-md-right {

        text-align: right !important

    }

    .text-md-center {

        text-align: center !important

    }

}



@media (min-width: 992px) {

    .text-lg-left {

        text-align: left !important

    }

    .text-lg-right {

        text-align: right !important

    }

    .text-lg-center {

        text-align: center !important

    }

}



@media (min-width: 1200px) {

    .text-xl-left {

        text-align: left !important

    }

    .text-xl-right {

        text-align: right !important

    }

    .text-xl-center {

        text-align: center !important

    }

}



.text-lowercase {

    text-transform: lowercase !important

}



.text-uppercase {

    text-transform: uppercase !important

}



.text-capitalize {

    text-transform: capitalize !important

}



.font-weight-normal {

    font-weight: normal

}



.font-weight-bold {

    font-weight: bold

}



.font-italic {

    font-style: italic

}



.text-white {

    color: #fff !important

}



.text-muted {

    color: #0c0c0c !important

}



a.text-muted:focus,

a.text-muted:hover {

    color: #000 !important

}



.text-primary {

    color: #0c0c0c !important

}



a.text-primary:focus,

a.text-primary:hover {

    color: #000 !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: #0c0c0c !important

}



a.text-gray-dark:focus,

a.text-gray-dark:hover {

    color: #000 !important

}



.text-hide {

    font: 0/0 a;

    color: transparent;

    text-shadow: none;

    background-color: transparent;

    border: 0

}



.invisible {

    visibility: hidden !important

}



.hidden-xs-up {

    display: none !important

}



@media (max-width: 575px) {

    .hidden-xs-down {

        display: none !important

    }

}



@media (min-width: 576px) {

    .hidden-sm-up {

        display: none !important

    }

}



@media (max-width: 767px) {

    .hidden-sm-down {

        display: none !important

    }

}



@media (min-width: 768px) {

    .hidden-md-up {

        display: none !important

    }

}



@media (max-width: 991px) {

    .hidden-md-down {

        display: none !important

    }

}



@media (min-width: 992px) {

    .hidden-lg-up {

        display: none !important

    }

}



@media (max-width: 1199px) {

    .hidden-lg-down {

        display: none !important

    }

}



@media (min-width: 1200px) {

    .hidden-xl-up {

        display: none !important

    }

}



.hidden-xl-down {

    display: none !important

}



.visible-print-block {

    display: none !important

}



@media print {

    .visible-print-block {

        display: block !important

    }

}



.visible-print-inline {

    display: none !important

}



@media print {

    .visible-print-inline {

        display: inline !important

    }

}



.visible-print-inline-block {

    display: none !important

}



@media print {

    .visible-print-inline-block {

        display: inline-block !important

    }

}



@media print {

    .hidden-print {

        display: none !important

    }

}



body,

html {

    height: 100%

}



body {

    font-family: Manrope, sans-serif;

    font-size: 1rem;

    line-height: 1.71428571429;

    color: #0c0c0c;

    direction: ltr;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



main {

    overflow: hidden

}



ul {

    list-style: none;

    padding-left: 0

}



a {

    color: #0c0c0c;

    transition: all 300ms linear

}



a:hover {

    text-decoration: none;

    color: var(--hovercolor)

}



a:focus {

    outline: none;

    outline-offset: 0

}



img {

    max-width: 100%;

    height: auto

}



p,

.page-content.page-cms ul {

    font-size: .875rem;

    font-weight: 400;

    color: #666

}



.unvisible {

    display: none

}



button:focus {

    outline: none

}



button {

    transition: all 300ms linear

}



.btn:focus,

.btn.focus,

.btn:active:focus,

.btn:active.focus,

.btn.active:focus,

.btn.active.focus,

.btn-primary:active,

.btn-secondary:active,

.btn-tertiary:active,

.btn-primary:active:hover,

.btn-secondary:active:hover,

.btn-tertiary:active:hover,

.btn-primary.active,

.btn-secondary.active,

.btn-tertiary.active {

    outline: none;

    background: var(--buttonhoverbackground);

    color: var(--buttonhovercolor);

    border-color: var(--buttonhoverborder)

}



.dropdown-item:focus,

.dropdown-item:hover {

    background: none

}



label .color,

.variant-links .color,

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

    display: inline-block;

    width: 1.125rem;

    height: 1.125rem;

    margin-top: 0.3125rem;

    margin-right: 0.5rem;

    cursor: pointer;

    background-size: contain;

    border: 1px solid #e5e5e5

}



label .color.active,

label .color:hover,

.variant-links .color.active,

.variant-links .color:hover,

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

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

    border: 2px solid #0c0c0c

}



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

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

    border: 1px solid #e5e5e5

}



.h1,

.h2,

.h3 {

    color: #0c0c0c

}



.h4 {

    font-weight: 500;

    color: #0c0c0c

}



h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

    color: #0c0c0c

}



.btn,

.btn-primary,

.btn-secondary,

.btn-tertiary {

    padding: .7813rem 1.25rem;

    font-weight: 700;

    text-transform: uppercase;

    font-size: 0.786rem;

    line-height: 1.25rem;

    border: none;

    background: var(--buttonbackground);

    color: var(--buttoncolor);

    border-color: var(--buttonborder);

    transition: all 300ms linear;

}



.btn:hover,

.btn-primary:hover,

.btn-secondary:hover,

.btn-tertiary:hover {

    background: var(--buttonhoverbackground);

    color: var(--buttonhovercolor);

    border-color: var(--buttonhoverborder)

}



.btn i,

.btn-primary i,

.btn-secondary i,

.btn-tertiary i {

    margin-right: .625rem;

    vertical-align: -2px

}



.btn-unstyle {

    padding: 0;

    text-align: inherit;

    background-color: transparent;

    border: none

}



.btn-unstyle:focus {

    outline: 0

}



.btn-unstyle:focus .expand-more {

    color: #0c0c0c

}



.card {

    border: none

}



label,

.label {

    font-size: 0.875rem;

    color: #0c0c0c

}



small.label,

small.value {

    font-size: 0.8125rem

}



.form-control-label {

    padding-top: 0.625rem

}



.form-control {

    padding: .836rem 1rem;

    color: #666;

    background: #fff;

    border: 1px solid #e5e5e5;

    font-size: .8125rem

}



.form-control:focus {

    color: #0c0c0c;

    background-color: #fff

}



.form-group {

    position: relative;

    clear: both

}



.js-customer-form .form-group .form-control-label,

.js-address-form .form-group .form-control-label {

    position: absolute;

    left: 12px;

    top: 0px;

    z-index: 10;

    font-weight: 400;

    color: #999;

    transition: 0.3s

}



.js-customer-form .cl-id_gender .form-control-label,

.js-address-form .cl-id_gender .form-control-label {

    position: static

}



.js-customer-form .form-group .form-control-label.has-value,

.js-address-form .form-group .form-control-label.has-value {

    top: -6px;

    background-color: #fff;

    padding: 0 5px;

    font-size: 12px;

    color: #0c0c0c;

    line-height: 1

}



.form-group .form-control:focus {

    border-color: var(--hovercolor)

}



.field-require {

    color: red

}



.input-group {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.input-group .form-control:focus {

    outline: none

}



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

    margin-left: 0;

    font-size: 0.6875rem;

    font-weight: 500;

    color: #fff;

    text-transform: uppercase;

    border: 0;

    box-shadow: none

}



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

    padding: 0.78rem 1rem;

    background: #666

}



input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

    color: #666

}



input::-moz-placeholder,

textarea::-moz-placeholder {

    color: #666

}



input:-ms-input-placeholder,

textarea:-ms-input-placeholder {

    color: #666

}



input:-moz-placeholder,

textarea:-moz-placeholder {

    color: #666

}



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

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

    color: #0c0c0c

}



input:active::-moz-placeholder,

textarea:active::-moz-placeholder {

    color: #0c0c0c

}



input:active:-ms-input-placeholder,

textarea:active:-ms-input-placeholder {

    color: #0c0c0c

}



input:active:-moz-placeholder,

textarea:active:-moz-placeholder {

    color: #0c0c0c

}



input:focus-visible {

    outline: 1px solid var(--hovercolor)

}



.form-control-select {

    height: 2.8125rem;

    padding: 0 0.5rem;

    background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=") no-repeat scroll right 0.5rem center/1.25rem 1.25rem;

    -moz-appearance: none;

    -webkit-appearance: none

}



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

    height: 2.8125rem

}



.form-control-valign {

    padding-top: 0.5rem

}



.form-control-comment {

    padding-top: 0.5rem;

    font-size: 0.75rem;

    color: #666

}



.form-control-submit.disabled {

    color: #fff;

    background: #5bc0de

}



.form-group.has-error input,

.form-group.has-error select {

    outline: 0.1875rem solid #ff4c4c

}



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

    color: #ff4c4c

}



.group-span-filestyle label {

    margin: 0

}



.group-span-filestyle .btn-default,

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

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

    padding: 0.5rem 1rem;

    font-size: 0.875rem;

    color: #fff;

    text-transform: uppercase;

    background: #0c0c0c;

    border-radius: 0

}



.bootstrap-touchspin {

    display: inline-block;

    float: left;

    width: auto

}



.bootstrap-touchspin input:focus {

    outline: none

}



.bootstrap-touchspin input.form-control,

.bootstrap-touchspin input.input-group {

    float: left;

    width: 3rem;

    height: 2.5rem;

    padding: 0.175rem 0.5rem;

    color: #0c0c0c;

    background-color: #fff;

    border: 1px solid #e5e5e5

}



.bootstrap-touchspin .btn-touchspin {

    height: 1.3125rem;

    background-color: #fff;

    border: 1px solid #e5e5e5

}



.bootstrap-touchspin .btn-touchspin:hover {

    background-color: #f5f5f5

}



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

    float: left;

    width: auto;

    color: #0c0c0c

}



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

    border-radius: 0

}



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

    border-radius: 0

}



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

    content: "\E5CE"

}



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

    content: "\E5CF"

}



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

    top: 0.0625rem;

    left: 0.1875rem;

    font-size: 0.9375rem

}



.radio-inline .custom-radio {

    margin-right: 0.5rem

}



.radio-inline:first-of-type {

    margin-right: 1rem

}



form section .form-informations {

    display: inline-block;

    margin-top: 0.25rem;

    margin-bottom: 1rem;

    color: #0c0c0c

}



form section .form-informations-title,

form section .form-informations-option {

    display: inline-block;

    margin-bottom: 1rem;

    font-size: 1.25rem

}



form .form-control-label {

    font-size: 0.875rem;

    font-weight: 400;

    color: #0c0c0c

}



.custom-radio {

    position: relative;

    display: inline-block;

    width: 18px;

    height: 18px;

    margin-top: 0.1rem;

    margin-right: 0.5rem;

    vertical-align: middle;

    cursor: pointer;

    background: #fff;

    border: #e5e5e5 1px solid;

    border-radius: 50%

}



.custom-radio input[type="radio"] {

    cursor: pointer;

    opacity: 0

}



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

    position: absolute;

    top: 0.125rem;

    left: 0.125rem;

    display: block;

    width: 12px;

    height: 12px;

    background-color: var(--hovercolor);

    border-radius: 50%

}



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

    border-color: #666

}



.custom-checkbox {

    position: relative

}



.custom-checkbox input[type="checkbox"] {

    position: absolute;

    width: 18px;

    height: 18px;

    margin-top: 0.25rem;

    cursor: pointer;

    opacity: 0

}



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

    display: inline-block;

    width: 1.125rem;

    height: 1.125rem;

    margin-right: 0.5rem;

    vertical-align: middle;

    pointer-events: none;

    cursor: pointer;

    border: 1px #e5e5e5 solid

}



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

    display: none;

    margin: -0.125rem;

    font-size: 1.25rem;

    color: #0c0c0c

}



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

    display: block

}



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

    border-color: #666

}



.custom-checkbox label {

    text-align: left

}



.text-muted {

    font-size: 0.875rem

}



.done {

    display: inline-block;

    padding: 0 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: #f5f5f5 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: 0.625rem;

    margin: 0.125rem;

    background: #f5f5f5

}



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

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

    background: #f6f6f6

}



.help-block {

    margin-top: .625rem

}



.btn.disabled,

.btn.disabled:hover {

    color: var(--buttoncolor);

    background: var(--buttonbackground)

}



.alert-warning .material-icons {

    padding-top: .3125rem;

    margin-right: .625rem;

    font-size: 2rem;

    color: #ff9a52

}



.alert-warning .alert-text {

    padding-top: .625rem;

    font-size: 0.9375rem

}



.alert-warning .alert-link {

    padding: .3125rem 1.25rem;

    margin-left: .625rem;

    font-size: 0.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: 0.15rem solid #6c868e;

    border-color: #6c868e

}



.btn-tertiary-outline:hover {

    color: #bbcdd2;

    border-color: #bbcdd2

}



.alert {

    font-size: 0.8125rem

}



.nav-item .nav-link,

.nav-item .nav-separtor {

    font-weight: 600;

    color: #666

}



.nav-item .nav-link.active,

.nav-item .nav-separtor.active {

    color: #0c0c0c

}



.separator {

    margin: 0;

    border-color: rgba(0, 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% - (30px * 2))

}



.modal-dialog {

    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;

    min-height: calc(100% - (0.5rem * 2));

    margin: 0 auto;

    pointer-events: none

}



.modal-dialog .modal-content {

    pointer-events: auto;

    width: 100%;

    border-radius: 0

}



.modal-dialog .close {

    position: absolute;

    right: -3px;

    top: -3px;

    width: 1.875rem;

    height: 1.875rem;

    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;

    font-size: 10px;

    margin-top: 0;

    color: var(--buttoncolor);

    background: var(--buttonbackground);

    border: none;

    z-index: 1;

    opacity: 1

}



.modal-dialog .close:hover {

    color: var(--buttonhovercolor);

    background: var(--buttonhoverbackground)

}



.modal-dialog .close i {

    font-size: 1.125rem

}



#compareModal {

    text-align: center

}



#compareModal .modal-dialog {

    max-width: 22.5rem

}



#compareModal img {

    width: 100%

}



#compareModal h4 {

    color: #0c0c0c;

    margin: 1.25rem 0 0 0

}



#compareModal a {

    display: block;

    width: 100%;

    margin-top: .9375rem

}



.vec-quicklogin-modal h3 {

    color: #0c0c0c

}



.vec-quicklogin-modal .vec-login-btn {

    margin-top: 0.5rem;

    width: 100%

}



.close {

    opacity: 1

}



.popover {

    font-family: inherit

}



input[type="number"] {

    -moz-appearance: textfield

}



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

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

    margin: 0;

    -webkit-appearance: none

}



.ui-autocomplete.ui-front {

    z-index: 999

}



.ps-alert-error {

    margin-bottom: 0

}



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

    background-color: #ff4c4c;

    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,

.ps-alert-success .item i svg {

    width: 24px;

    height: 24px;

    background-color: #ff4c4c

}



.ps-alert-error .item p,

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

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

.ps-alert-success .item p,

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

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

    width: 100%;

    padding: 18px 20px;

    margin: 0;

    background-color: #fff

}



.ps-alert-success {

    padding: 0.25rem 0.25rem 2.75rem

}



.ps-alert-success .item {

    background-color: #4cbb6c;

    border-color: #4cbb6c

}



.ps-alert-success .item i {

    border-color: #4cbb6c

}



.ps-alert-success .item i svg {

    background-color: #4cbb6c

}



.dropdown {

    color: #666

}



.dropdown:hover .expand-more {

    color: #0c0c0c

}



.dropdown .expand-more {

    color: #0c0c0c;

    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: #0c0c0c;

    background: #fff;

    border: 0 none;

    outline: 0 none;

    -moz-appearance: none

}



.dropdown-item:focus,

.dropdown-item:hover {

    color: #0c0c0c;

    text-decoration: none;

    background: none

}



.search-widget {

    display: inline-block

}



.search-widget form {

    position: relative

}



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

    min-width: 255px;

    padding: 10px;

    color: #666;

    border: none;

    border: 1px solid #e5e5e5

}



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

    color: #0c0c0c;

    background: #fff

}



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

    color: #0c0c0c

}



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

    position: absolute;

    right: 0.125rem;

    bottom: 0.3125rem;

    color: #666;

    background: none;

    border: none

}



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

    color: #0c0c0c

}



@media (max-width: 575px) {

    .header-top-right {

        width: 100%;

        padding-right: 15px

    }

}



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

    width: 100%;

    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

}



#checkout #search_widget {

    display: none

}



#pagenotfound .page-content #search_widget {

    width: 100%

}



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

    display: inline-block

}



@media (max-width: 767px) {

    .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

    }

}



@media (min-width: 768px) {

    .search-widget {

        min-width: 15.63rem

    }

}



@media (min-width: 576px) {

    .header-top .search-widgets {

        max-width: 13rem

    }

}



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

    margin: 0.625rem

}



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

    margin-bottom: 0

}



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

    display: block;

    padding: 0.625rem;

    font-weight: 400;

    color: #666

}



.top-menu a.dropdown-submenu {

    font-weight: 600;

    color: #0c0c0c;

    text-transform: uppercase

}



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

    padding: .625rem;

    font-size: 1rem;

    font-weight: 600

}



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

    color: #0c0c0c;

    text-decoration: none

}



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

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

    padding: 0 0.625rem 0.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: 0.9375rem;

    visibility: hidden;

    border: none;

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

    opacity: 0;

    transition: opacity 0.5s ease, visibility 0.5s ease

}



.top-menu .sub-menu.collapse {

    visibility: hidden;

    opacity: 0

}



.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 .sub-menu a:hover {

    color: #0c0c0c

}



.top-menu .popover {

    max-width: inherit;

    border-radius: 0

}



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

    margin-top: 0

}



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

    visibility: visible;

    opacity: 1

}



#mobile_top_menu_wrapper {

    padding: 15px;

    background: #fff

}



#mobile_top_menu_wrapper #top-menu {

    margin-bottom: 0.625rem

}



#mobile_top_menu_wrapper .top-menu {

    color: #0c0c0c

}



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

    display: none

}



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

    display: block

}



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

    display: none

}



#mobile_top_menu_wrapper .top-menu .navbar-toggler {

    display: inline-block;

    padding: 0

}



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

    padding: 0.625rem;

    border-bottom: 1px solid #f6f6f6

}



#mobile_top_menu_wrapper .top-menu .collapse {

    display: none

}



#mobile_top_menu_wrapper .top-menu .collapse.in {

    display: block

}



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

    box-shadow: none

}



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

    display: none

}



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

    display: block

}



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

    border-bottom: 1px solid #666

}



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

    margin: 0

}



#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[data-depth="1"]>li a {

    text-transform: none

}



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

    padding: 0

}



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

    padding: 0.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 a {

    color: #666

}



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

    padding: 0.625rem

}



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

    display: inline

}



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

    padding: 0.625rem

}



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

    padding: 0.625rem

}



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

    padding: 0 0.625rem

}



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

    display: block;

    width: 100%;

    padding: 0.625rem 0

}



@media (max-width: 767px) {

    .top-menu .sub-menu {

        visibility: visible;

        opacity: 1;

        transition: 0.5s ease-out

    }

}



body#checkout {

    color: #0c0c0c

}



body#checkout #header .header-nav {

    max-height: none;

    padding: 0.9375rem 0;

    margin-bottom: 0;

    border: none

}



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

    width: auto;

    max-height: 4.375rem

}



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

    margin-top: 0

}



body#checkout .cart-grid-right .block-promo .cart-voucher {

    margin-top: -0.625rem

}



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

    border: 0;

    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 #afafaf57;

    border-bottom: 1px solid #afafaf57

}



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: 0.875rem;

    font-weight: 400

}



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

    font-size: 1rem;

    font-weight: 500

}



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

    margin-bottom: .625rem

}



body#checkout .custom-checkbox {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



body#checkout .custom-checkbox>label {

    padding-left: 1.5rem

}



body#checkout .custom-checkbox span {

    position: absolute;

    top: 0.025rem;

    left: 0;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 15px;

    flex: 0 0 15px;

    margin-top: 0.1rem

}



body#checkout a:hover {

    color: var(--hovercolor)

}



body#checkout section#content {

    margin-bottom: 1.563rem

}



body#checkout .container {

    min-height: 100%

}



body#checkout section.checkout-step {

    padding: 0.625rem 0;

    background-color: #fff

}



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

    border: 0

}



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

    padding-bottom: 1.125rem;

    margin-bottom: 0;

    font-size: 1.125rem;

    font-weight: 500;

    text-transform: uppercase;

    cursor: pointer;

    border-bottom: 1px solid #e5e5e5

}



body#checkout section.checkout-step .nav-link {

    font-size: 1rem;

    font-weight: 500;

    color: #0c0c0c

}



body#checkout section.checkout-step .nav-link:hover,

body#checkout section.checkout-step .nav-link.active {

    text-decoration: underline

}



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

    padding-top: 1.25rem;

    border-top: 1px solid #e5e5e5

}



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

    padding-top: 0.625rem

}



body#checkout section.checkout-step .content {

    padding-top: 1rem

}



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

    font-weight: 500;

    text-transform: lowercase;

    font-style: italic

}



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

    font-size: 1rem;

    vertical-align: -3px

}



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

    cursor: not-allowed;

    opacity: 0.5

}



body#checkout section.checkout-step .content,

body#checkout section.checkout-step .done,

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

    display: none

}



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

    cursor: not-allowed;

    opacity: 0.5

}



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

    cursor: default

}



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

    display: block

}



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

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

    display: none

}



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

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex

}



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

    display: block

}



body#checkout section.checkout-step.-reachable.-current .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: 0.65rem;

    font-size: 1rem;

    vertical-align: middle;

    background: var(--buttonbackground);

    color: var(--buttoncolor);

    border: none;

    border-radius: 50%;

    vertical-align: 2px

}



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

    display: inline-block;

    padding-left: 0;

    vertical-align: -4px

}



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

    display: block;

    float: right;

    margin-right: 0.125rem;

    color: #0c0c0c;

    cursor: pointer;

    line-height: 33px

}



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

    display: none

}



body#checkout section.checkout-step small {

    color: #666

}



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 .radio-field label {

    display: inline

}



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

    margin-top: 3.75rem

}



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

    margin-top: 0

}



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

    padding: 0.625rem 3.125rem;

    background: #f6f6f6

}



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

    text-align: center

}



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

    width: 100%;

    margin-top: 1.25rem

}



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: 0.5rem

}



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

    margin-bottom: 0.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;

    font-size: 1rem;

    vertical-align: middle;

    background-color: #4cbb6c;

    color: #fff;

    border-radius: 50%;

    vertical-align: 2px

}



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: #fff;

    border: 1px solid #e5e5e5

}



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

    min-height: 13.125rem

}



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

    background: #fff;

    border: var(--hovercolor) 1px solid

}



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

    border-top: var(--hovercolor) 1px solid

}



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

    margin-top: -2px

}



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

    display: inline-block;

    margin-bottom: 0.625rem;

    font-size: 1rem;

    text-transform: uppercase

}



body#checkout section.checkout-step .address {

    margin-left: 1.563rem;

    padding-top: 1.25rem;

    margin-left: 1.563rem;

    font-weight: 400;

    border-top: 1px solid #e5e5e5;

    line-height: 1.8

}



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

    padding: 0.9375rem;

    text-align: left;

    cursor: pointer;

    display: block

}



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 0.3125rem;

    color: #666

}



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 hr {

    margin: 0

}



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

    padding: 0.625rem;

    text-align: center

}



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

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

    margin-top: 1.25rem

}



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

    margin-top: 1.25rem

}



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

    color: #0c0c0c

}



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

    font-size: .9375rem;

    vertical-align: -2px

}



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

    margin: 0

}



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

    min-height: 80px;

    padding: 0.9375rem 0;

    margin-bottom: 0.9375rem;

    background: #f6f6f6

}



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

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

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

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

}



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

}



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

}



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: 0.625rem

}



body#checkout .condition-label label {

    text-align: inherit

}



body#checkout .cancel-address {

    display: block;

    margin: 0.625rem;

    color: #666;

    text-decoration: underline

}



body#checkout .modal-content {

    padding: 1.25rem;

    background-color: #f5f5f5

}



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

    font-size: .875rem

}



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

    width: 3.125rem;

    border: #f5f5f5 1px solid

}



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

    vertical-align: middle

}



body#checkout #order-summary-content {

    padding-top: 0.9375rem

}



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

    margin-top: 0.625rem;

    margin-bottom: 1.25rem;

    color: #0c0c0c

}



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

    color: #000

}



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

    margin-top: 0.1875rem

}



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

    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: #0c0c0c

}



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: 0.75rem;

    background-color: #fff;

    border: 1px solid #e5e5e5;

    border-radius: 0

}



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

    text-align: center

}



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

    width: 3.125rem

}



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

    display: inline;

    color: #666

}



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

    cursor: pointer

}



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

    color: #666

}



body#checkout #gift_message,

body#checkout #delivery {

    max-width: 100%;

    border-color: #0c0c0c

}



body#checkout #gift_message textarea,

body#checkout #delivery textarea {

    max-width: 100%;

    margin-bottom: 10px

}



body#checkout #footer {

    color: #666;

    background: #fff

}



body#checkout #delivery>label {

    text-align: left

}



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-details ul li {

    margin-bottom: .625rem

}



#order-items .h3 {

    font-size: 1rem

}



@media (max-width: 991px) {

    #order-items .h3._desktop-title {

        display: none

    }

}



#order-items hr {

    border-top-color: #e5e5e5

}



#order-items table {

    width: 100%

}



#order-items table tr {

    height: 1.875rem

}



#order-items table tr td {

    padding: 0.5rem;

    font-size: 0.875rem

}



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

    text-align: right

}



#order-items table tr.total-value {

    background-color: #f5f5f5

}



#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 {

    margin-bottom: 1rem

}



#order-items .details .customizations {

    margin-top: 0.625rem

}



#order-items .qty {

    margin-bottom: 1rem

}



#order-confirmation #registration-form {

    margin: 0 auto 1rem

}



@media (max-width: 991px) {

    .done {

        padding: 0;

        margin-right: 0.625rem

    }

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

        -webkit-box-flex: 1;

        -ms-flex-positive: 1;

        flex-grow: 1

    }

    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

    }

}



@media (max-width: 767px) {

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

        float: none;

        margin-top: 0.25rem;

        margin-left: 1.25rem

    }

    body#checkout #header .header-nav {

        max-height: none;

        padding: 0

    }

    body#checkout section.checkout-step .content {

        padding: 0.9375rem

    }

    body#checkout .form-group {

        margin-bottom: 0.5rem

    }

    #order-items {

        margin-bottom: 2.5rem;

        border-right: 0

    }

    #order-items .card-title {

        padding-bottom: 1rem;

        margin-bottom: 1rem;

        border-bottom: 1px solid #f5f5f5

    }

    #order-items hr {

        border-top-color: #f5f5f5

    }

    .bold {

        font-weight: 600

    }

    #order-details {

        padding-left: 0.9375rem

    }

    #order-details .card-title {

        padding-bottom: 1rem;

        margin-bottom: 1rem;

        border-bottom: 1px solid #f5f5f5

    }

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

        padding-left: 0

    }

}



@media (max-width: 575px) {

    body#checkout section.checkout-step .content {

        padding: 0.9375rem 0

    }

    #payment-confirmation button {

        font-size: 0.875rem

    }

    #payment-confirmation button.btn {

        white-space: normal

    }

}



.js-payment-binary {

    display: none

}



.js-payment-binary .accept-cgv {

    display: none

}



.js-payment-binary.disabled {

    cursor: not-allowed;

    opacity: 0.6

}



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

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    pointer-events: none;

    content: ""

}



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

    display: block

}



.table-labeled th {

    vertical-align: middle

}



.table-labeled td {

    vertical-align: middle

}



.table-labeled .label {

    padding: 0.25rem 0.375rem;

    margin: 0.125rem;

    font-size: inherit;

    font-weight: 400;

    color: #fff;

    white-space: nowrap;

    border-radius: 3px

}



.page-order .table {

    margin-bottom: 0

}



.page-order table th {

    padding: 0.5rem

}



.page-order table td {

    padding: 0.5rem

}



.page-order table thead th {

    text-align: center

}



#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 0.9375rem;

    flex: 0 0 0.9375rem

}



#authentication .custom-checkbox label {

    padding-left: 0.625rem

}



#identity .radio-inline,

#authentication .radio-inline {

    padding: 0

}



#identity .radio-inline .custom-radio,

#authentication .radio-inline .custom-radio {

    margin-right: 0

}



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

    padding: 0 0.125rem

}



.page-customer-account #content .forgot-password {

    padding-bottom: 0.9375rem;

    margin-top: 1rem;

    font-size: .875rem;

    text-align: center

}



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

    font-size: 1rem;

    text-align: center

}



.page-authentication #content {

    margin: 0 auto;

    padding: 0

}



.page-addresses .address {

    margin-bottom: 1.875rem;

    font-size: .875rem;

    color: #0c0c0c;

    background: #fff;

    border: 1px solid #e5e5e5

}



.page-addresses .address .address-body {

    padding: 1rem

}



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

    padding-bottom: 0.625rem;

    font-size: 1rem;

    text-transform: uppercase;

    border-bottom: 1px solid #e5e5e5

}



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

    min-height: 9rem;

    margin: 0

}



.page-addresses .address .address-footer {

    padding: 0.5rem 1rem;

    border-top: 1px solid #e5e5e5

}



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

    margin-right: 0.5rem;

    color: #666

}



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

    color: #0c0c0c

}



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

    font-size: 1rem

}



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

    font-size: .9375rem;

    vertical-align: middle

}



.page-addresses .addresses-footer {

    margin: 0 0.9375rem

}



.page-addresses .addresses-footer a {

    color: #0c0c0c

}



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

    color: #0c0c0c

}



.page-addresses .addresses-footer a i {

    font-size: 1rem

}



.page-addresses .addresses-footer a span {

    margin-top: .625rem;

    font-size: 1rem;

    vertical-align: middle

}



.page-order-detail #content {

    font-size: 0.875rem

}



.page-order-detail .box {

    padding: 1rem;

    background: #fff;

    margin-bottom: 1rem

}



.page-order-detail h3 {

    margin-bottom: 1rem;

    font-size: 1rem;

    font-weight: 700;

    color: #0c0c0c;

    text-transform: uppercase

}



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

    margin: 0

}



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

    padding: 0.5rem 0;

    border-bottom: 1px solid #f6f6f6

}



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

    border-bottom: 0

}



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

    display: inline-block;

    padding: 0.25rem 0.375rem;

    margin: 0.25rem 0;

    color: #fff;

    border-radius: 3px

}



.page-order-detail .addresses {

    margin: 0 -0.9375rem

}



.page-order-detail .addresses h4 {

    font-size: 1rem;

    font-weight: 700

}



.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 0.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: 0.5rem;

    text-align: right

}



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

    float: left;

    width: 70%;

    padding-left: 0.25rem;

    margin: -0.625rem 0

}



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

    text-align: center

}



.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 0.9375rem

}



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

    float: left;

    width: calc(100% - 30px);

    padding: 0 0.9375rem

}



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

    margin-bottom: 1rem

}



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

    font-weight: 600

}



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

    margin-bottom: 1rem

}



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

    margin-bottom: 0.25rem

}



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

    margin-bottom: 0.25rem

}



.page-order-detail .messages .message {

    margin-top: 0.5rem;

    border-bottom: 1px solid #f6f6f6

}



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

    border-bottom: 0

}



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

    margin-bottom: 0.5rem

}



.page-order-detail .customization {

    margin-top: 0.75rem

}



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

    color: #0c0c0c

}



#order-return-infos .customization {

    margin-top: 0.75rem

}



#history .orders {

    margin: 0 -1rem

}



#history .orders .order {

    padding: 0.75rem 1rem;

    border-bottom: 1px solid #f6f6f6

}



#history .orders .order a h3 {

    color: #666

}



#history .orders .order .label {

    display: inline-block;

    padding: 0.25rem 0.375rem;

    margin: 0.25rem 0;

    color: #fff;

    border-radius: 3px

}



#history .orders .order:last-child {

    border-bottom: 0

}



.page-footer .account-link {

    margin-top: .625rem;

    margin-right: 1rem

}



.page-footer .account-link i {

    font-size: 1rem

}



.page-footer .account-link span {

    font-size: .875rem;

    vertical-align: middle

}



.login-form {

    margin-top: 15px

}



.group-link-infomation {

    background: #f5f5f5;

    margin-bottom: 1.875rem

}



.group-link-infomation>a {

    display: block;

    padding: .625rem 1.25rem;

    border-bottom: 3px solid #fff

}



.group-link-infomation>a i {

    font-size: 1.125rem;

    vertical-align: -1px;

    margin-right: .4375rem

}



.group-link-infomation>a.active,

.group-link-infomation>a:hover {

    background: var(--buttonbackground);

    color: var(--buttoncolor)

}



.forgotten-password {

    padding: 4px

}



.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

}



@media (max-width: 767px) {

    .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 .center-email-fields button {

        width: calc(100% - 20px);

        margin: 10px

    }

}



.forgotten-password .form-fields .center-email-fields button {

    height: 38px

}



.forgotten-password .form-fields .email {

    width: 430px;

    padding-right: 0;

    padding-left: 0

}



@media (max-width: 767px) {

    .forgotten-password .form-fields .email {

        width: 100%;

        padding-right: 10px;

        padding-left: 10px

    }

}



.forgotten-password .form-fields .email input {

    height: 38px

}



.forgotten-password .form-fields label.required {

    width: 130px

}



.send-renew-password-link {

    padding-right: 10px;

    padding-left: 10px

}



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

.carousel .carousel-item .caption .caption-description .page-content.page-cms ul,

.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 .carousel .carousel-control .icon-next .material-icons,

.lang-rtl .carousel .carousel-control .icon-prev .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-next:hover i,

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

    color: #0c0c0c

}



.carousel .carousel-control .icon-prev {

    left: 1rem

}



.carousel .carousel-control .icon-next {

    right: 2rem

}



.carousel .carousel-control.left,

.carousel .carousel-control.right {

    background: none

}



.carousel-indicators li {

    border-color: #666

}



.carousel-indicators .active {

    background-color: #666

}



@media (min-width: 992px) {

    .carousel .carousel-indicators {

        display: none

    }

}



@media (max-width: 1199px) {

    .carousel .carousel-inner {

        height: auto

    }

}



@media (max-width: 991px) {

    .carousel {

        left: 50%;

        width: 100vw;

        padding-bottom: 0.5rem;

        margin-left: -50vw;

        background-color: #f5f5f5;

        box-shadow: none

    }

    .carousel .carousel-control .icon-prev,

    .carousel .carousel-control .icon-next {

        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: #0c0c0c

    }

    .carousel .carousel-item .caption .caption-description h3,

    .carousel .carousel-item .caption .caption-description p,

    .carousel .carousel-item .caption .caption-description .page-content.page-cms ul,

    .page-content.page-cms .carousel .carousel-item .caption .caption-description ul {

        color: #666

    }

    .carousel .carousel-item .caption .caption-description h3 {

        font-size: 1rem

    }

    .carousel .direction {

        position: absolute;

        top: calc(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, 0.5)

    }

    .carousel-indicators li {

        width: 8px;

        height: 8px

    }

    .carousel-indicators .active {

        width: 8px;

        height: 8px;

        margin: 1px

    }

}



@media (max-width: 767px) {

    .carousel .carousel-item .caption .display-1 {

        font-size: 1.3rem

    }

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

    .carousel .carousel-control .icon-next i {

        font-size: 2rem

    }

}



#custom-text {

    padding: 3.125rem;

    margin-bottom: 1.5rem;

    text-align: center;

    background: #fff;

    border-radius: 2px

}



#custom-text h2 {

    font-size: 1.5rem;

    font-weight: 500;

    color: #0c0c0c;

    text-transform: uppercase

}



#custom-text p,

#custom-text .page-content.page-cms ul,

.page-content.page-cms #custom-text ul {

    font-size: 0.875rem;

    font-weight: 400;

    color: #0c0c0c

}



#custom-text p .dark,

#custom-text .page-content.page-cms ul .dark,

.page-content.page-cms #custom-text ul .dark {

    font-size: 1.125rem;

    font-weight: 600;

    color: #0c0c0c

}



#custom-text img {

    max-width: 100%;

    height: 100%

}



.page-content.page-cms {

    text-align: justify;

    background: #fff

}



.page-content.page-cms .cms-box img {

    max-width: 100%

}



.page-content.page-cms ul {

    list-style: circle inside none

}



@media (max-width: 991px) {

    #block-cmsinfo {

        padding: 1.25rem 1.875rem

    }

}



@media (max-width: 1024px) {

    .layout-left-column .row-wrapper {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: reverse;

        -ms-flex-direction: column-reverse;

        flex-direction: column-reverse

    }

}



@media (min-width: 1025px) and (max-width: 1199px) {

    #left-column,

    #right-column {

        width: 300px

    }

    #content-wrapper.col-xl-9 {

        width: calc(100% - 300px)

    }

    .filter-button.hidden-xl-up {

        display: none !important

    }

}



.filters-canvas {

    position: fixed;

    right: 0;

    top: 0;

    bottom: 0;

    z-index: 1055;

    overflow: hidden;

    overflow-y: auto;

    -webkit-overflow-scrolling: touch;

    opacity: 0;

    visibility: hidden;

    width: 350px;

    max-width: 95%;

    background-color: #fff;

    padding: 1.25rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

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

    transform: translate(350px, 0);

    transition: all 250ms linear

}



.filters-canvas::-webkit-scrollbar {

    -webkit-appearance: none;

    width: 5px

}



.filters-canvas::-webkit-scrollbar-thumb {

    background-color: #ddd

}



.filters-canvas::-webkit-scrollbar-track {

    background-color: #eee

}



.filters-canvas.filter-open {

    opacity: 1;

    visibility: visible;

    transform: none;

    -webkit-transform: none;

    -ms-transform: none

}



.filters-canvas .filter-close-btn {

    border: none;

    padding: 0;

    font-size: 1.25rem;

    background: none;

    color: #0c0c0c;

    cursor: pointer

}



.filters-canvas .filter-close-btn:hover {

    color: var(--hovercolor)

}



.vec-overlay {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 1050;

    display: none;

    background: rgba(0, 0, 0, 0.3);

    cursor: pointer

}



.vec-overlay.open {

    display: block

}



.filters-top section.facet {

    display: inline-block;

    position: relative;

    padding: 0 !important;

    margin-bottom: .625rem

}



.filters-top section.facet .facet-title {

    width: auto !important;

    padding: .625rem 1.25rem;

    background: #f5f5f5;

    font-size: .875rem !important;

    margin: 0 !important;

    cursor: pointer

}



.filters-top section.facet .facet-title::after {

    content: '\e9c9';

    font-family: "vecthemes-icon";

    font-size: .8125rem;

    margin-left: .9375rem

}



.filters-top section.facet .facet-content {

    position: absolute;

    top: calc(100% + 20px);

    left: 0;

    padding: 1rem 1rem 0 1rem;

    border: 1px solid #e5e5e5;

    min-width: 200px;

    background: #fff;

    opacity: 0;

    visibility: hidden;

    z-index: 1;

    transition: all 300ms linear

}



.filters-top section.facet .facet-content.facet-open {

    opacity: 1;

    visibility: visible;

    top: calc(100% + 10px)

}



.filters-top section.facet .facet-content:before {

    content: '';

    display: block;

    position: absolute;

    left: 1.875rem;

    bottom: 100%;

    width: 0;

    height: 0;

    border: 10px solid transparent;

    border-bottom-color: #ddd

}



.filters-top section.facet .facet-content:after {

    content: '';

    display: block;

    position: absolute;

    left: 1.9375rem;

    bottom: 100%;

    width: 0;

    height: 0;

    border: 9px solid transparent;

    border-bottom-color: white

}



#js-product-list {

    margin-bottom: 3rem

}



#js-product-list .products.row {

    margin: 0

}



#js-product-list .column-product {

    padding: 0;

    margin-top: -1px

}



@media (min-width: 1200px) {

    #js-product-list .column-product.column_2:nth-child(2n+1) {

        clear: both

    }

}



@media (min-width: 1200px) {

    #js-product-list .column-product .column_3:nth-child(3n+1) {

        clear: both

    }

}



@media (min-width: 1200px) {

    #js-product-list .column-product.column_4:nth-child(4n+1) {

        clear: both

    }

}



@media (min-width: 1200px) {

    #js-product-list .column-product.column_5 {

        width: 20%

    }

    #js-product-list .column-product.column_5:nth-child(5n+1) {

        clear: both

    }

}



@media (min-width: 1200px) {

    #js-product-list .column-product.column_6:nth-child(6n+1) {

        clear: both

    }

}



@media (min-width: 1025px) and (max-width: 1199px) {

    #js-product-list .column-product:nth-child(3n+1) {

        clear: both

    }

}



@media (min-width: 992px) and (max-width: 1024px) {

    #js-product-list .column-product {

        width: 25%

    }

    #js-product-list .column-product:nth-child(4n+1) {

        clear: both

    }

}



@media (min-width: 640px) and (max-width: 991px) {

    #js-product-list .column-product {

        width: 33.33333%

    }

    #js-product-list .column-product:nth-child(3n+1) {

        clear: both

    }

}



@media (min-width: 360px) and (max-width: 639px) {

    #js-product-list .column-product {

        width: 50%

    }

    #js-product-list .column-product:nth-child(2n+1) {

        clear: both

    }

}



@media (max-width: 359px) {

    #js-product-list .column-product {

        clear: both

    }

}



@keyframes spin {

    0% {

        transform: rotate(0);

        -webkit-transform: rotate(0);

        -moz-transform: rotate(0);

        -o-transform: rotate(0)

    }

    100% {

        transform: rotate(359deg);

        -webkit-transform: rotate(359deg);

        -moz-transform: rotate(359deg);

        -o-transform: rotate(359deg)

    }

}



@-webkit-keyframes spin {

    0% {

        transform: rotate(0);

        -webkit-transform: rotate(0);

        -moz-transform: rotate(0);

        -o-transform: rotate(0)

    }

    100% {

        transform: rotate(359deg);

        -webkit-transform: rotate(359deg);

        -moz-transform: rotate(359deg);

        -o-transform: rotate(359deg)

    }

}



.first-active .js-product-miniature:after {

    left: 0

}



.first-active .js-product-miniature.product-miniature-grid1 .box-hover:after {

    left: 0

}



.js-product-miniature {

    position: relative;

    background: #fff;

    transition: all 300ms linear

}



.js-product-miniature:after {

    content: '';

    position: absolute;

    left: -1px;

    right: 0;

    top: 0;

    bottom: 0;

    border: 1px solid #e5e5e5;

    pointer-events: none;

    transition: all 300ms linear

}



.js-product-miniature:hover {

    z-index: 3

}



.js-product-miniature:hover:after {

    border-color: var(--hovercolor);

    transition: all 300ms linear

}



.js-product-miniature:hover .rotator-animation-fade .product-thumbnail-rotator {

    opacity: 1;

    visibility: visible;

    transition: all 300ms linear

}



.js-product-miniature:hover .rotator-animation-zoom .product-thumbnail-rotator {

    opacity: 1;

    visibility: visible;

    -webkit-transform: scale(1.1) translateZ(0);

    transform: scale(1.1) translateZ(0);

    transition: all 300ms linear

}



.js-product-miniature .quick-view.loading:before,

.js-product-miniature .compare-button.loading:before,

.js-product-miniature .btn-wishlist.loading:before {

    content: '' !important;

    border: 1px solid;

    color: transparent;

    width: 14px;

    height: 14px;

    border-radius: 50%;

    border-color: #5f5f5f #797979 #ccc #fff;

    line-height: 1;

    -webkit-animation: spin 0.6s infinite linear;

    animation: spin 0.6s infinite linear;

    display: inline-block

}



.js-product-miniature .img-block {

    position: relative;

    overflow: hidden

}



.js-product-miniature .img-block .product-thumbnail-rotator {

    position: absolute;

    top: 0;

    left: 0;

    max-width: 100%;

    opacity: 0;

    visibility: hidden;

    transition: all 300ms linear

}



.js-product-miniature .img-block img {

    width: 100%

}



.js-product-miniature .img-block .product-flag {

    position: absolute;

    top: .625rem;

    left: .625rem;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding-right: 3.4375rem

}



.js-product-miniature .img-block .product-flag li {

    line-height: 1.2rem;

    font-size: .5625rem;

    text-transform: uppercase;

    font-weight: 500;

    padding: 0 .3125rem;

    margin: 0 .3125rem .3125rem 0;

    display: inline-block

}



.js-product-miniature .product-content {

    padding: 1.25rem;

    position: relative

}



@media (max-width: 767px) {

    .js-product-miniature .product-content {

        padding: 1.25rem 8px

    }

}



.js-product-miniature .product-content .manufacturer a {

    display: none

}



.js-product-miniature .product-content .manufacturer a:not(:hover) {

    color: #4e4c4c

}



.js-product-miniature .product-content .product_name {

    font-size: .875rem;

    font-weight: 400;

    line-height: 1.2;

    display: block;

    color: var(--namecolor);

    text-transform: var(--nametransform);

    font-size: var(--namesize)

}



.js-product-miniature .product-content .product_name:hover {

    color: var(--namehovercolor)

}



.js-product-miniature .product-content .hook-reviews .comments_note {

    line-height: 1;

    margin-bottom: .5rem

}



.js-product-miniature .product-content .hook-reviews .comments_note .nb-comments {

    display: inline-block;

    vertical-align: 2px;

    margin-left: 5px;

    font-size: .75rem

}



@media (max-width: 767px) {

    .js-product-miniature .product-content .hook-reviews .comments_note .nb-comments {

        display: none

    }

}



.js-product-miniature .product-content .product-price-and-shipping .regular-price {

    font-size: 14px;

    color: #a2a2a2;

    text-decoration: line-through

}



.js-product-miniature .product-content .product-price-and-shipping .price {

    font-weight: 500;

    color: var(--pricecolor);

    font-size: var(--pricesize)

}



.js-product-miniature .product-content .product-price-and-shipping .discount-product {

    display: none

}



.js-product-miniature .product-content .product-price-and-shipping>*:not(:last-child) {

    margin-right: .3125rem

}



.js-product-miniature .product-content .variant-links {

    line-height: 1;

    margin-top: .625rem

}



.js-product-miniature.product-miniature-grid1:not(:hover) .add-links a {

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translateX(20px);

    transform: translateX(20px)

}



.js-product-miniature.product-miniature-grid1:hover .box-hover {

    top: calc(100% - 3px);

    opacity: 1;

    visibility: visible;

    transition: all 200ms linear

}



.js-product-miniature.product-miniature-grid1:hover .box-hover:after {

    border-color: var(--hovercolor);

    transition: all 300ms linear

}



.js-product-miniature.product-miniature-grid1 .box-hover {

    position: absolute;

    left: 0;

    right: 0;

    top: calc(100% - 20px);

    padding: 0 1.25rem 1.25rem 1.25rem;

    background: #fff;

    z-index: 2;

    opacity: 0;

    visibility: hidden;

    transition: all 200ms linear

}



@media (max-width: 767px) {

    .js-product-miniature.product-miniature-grid1 .box-hover {

        padding: 0 8px 1.25rem 8px

    }

}



.js-product-miniature.product-miniature-grid1 .box-hover:after {

    content: '';

    position: absolute;

    left: -1px;

    right: 0;

    top: 0;

    bottom: 0;

    border: 1px solid #e5e5e5;

    border-top: 0;

    pointer-events: none;

    transition: all 300ms linear

}



.js-product-miniature.product-miniature-grid1 .add-links {

    position: absolute;

    top: 1.25rem;

    right: 1.25rem;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    z-index: 2

}



.js-product-miniature.product-miniature-grid1 .add-links a {

    width: 2.125rem;

    height: 2.125rem;

    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;

    font-size: 0;

    border: 1px solid #e5e5e5;

    color: #0c0c0c;

    background: #fff;

    cursor: pointer

}



.js-product-miniature.product-miniature-grid1 .add-links a:nth-child(1) {

    transition: opacity .2s ease, visibility .2s ease, -webkit-transform .2s ease;

    transition: transform .2s ease, opacity .2s ease, visibility .2s ease;

    transition: transform .2s ease, opacity .2s ease, visibility .2s ease, -webkit-transform .2s ease

}



.js-product-miniature.product-miniature-grid1 .add-links a:nth-child(2) {

    transition: opacity .2s ease .1s, visibility .2s ease .1s, -webkit-transform .2s ease .1s;

    transition: transform .2s ease .1s, opacity .2s ease .1s, visibility .2s ease .1s;

    transition: transform .2s ease .1s, opacity .2s ease .1s, visibility .2s ease .1s, -webkit-transform .2s ease .1s

}



.js-product-miniature.product-miniature-grid1 .add-links a:nth-child(3) {

    webkit-transition: transform .2s ease .2s, opacity .2s ease .2s, visibility .2s ease .2s;

    transition: opacity .2s ease .2s, visibility .2s ease .2s, -webkit-transform .2s ease .2s;

    transition: transform .2s ease .2s, opacity .2s ease .2s, visibility .2s ease .2s;

    transition: transform .2s ease .2s, opacity .2s ease .2s, visibility .2s ease .2s, -webkit-transform .2s ease .2s

}



.js-product-miniature.product-miniature-grid1 .add-links a:not(:last-child) {

    margin-bottom: .3125rem

}



.js-product-miniature.product-miniature-grid1 .add-links a::before {

    font-family: "vecthemes-icon";

    font-size: 1rem

}



.js-product-miniature.product-miniature-grid1 .add-links a.quick-view::before {

    content: '\e988'

}



.js-product-miniature.product-miniature-grid1 .add-links a.compare-button.cmp_added {

    background: var(--buttonbackground);

    color: var(--buttoncolor);

    border-color: var(--buttonborder)

}



.js-product-miniature.product-miniature-grid1 .add-links a.compare-button::before {

    content: '\e97e';

    font-size: 1.125rem

}



.js-product-miniature.product-miniature-grid1 .add-links a.btn-wishlist.added {

    background: var(--buttonbackground);

    color: var(--buttoncolor);

    border-color: var(--buttonborder)

}



.js-product-miniature.product-miniature-grid1 .add-links a.btn-wishlist::before {

    content: '\e942'

}



.js-product-miniature.product-miniature-grid1 .add-links a:hover {

    background: var(--buttonbackground);

    color: var(--buttoncolor);

    border-color: var(--buttonborder)

}



.js-product-miniature.product-miniature-grid1 .product-cart button.ajax-add-to-cart-button,

.js-product-miniature.product-miniature-grid1 .product-cart span.ajax-add-to-cart-button {

    font-size: .875rem;

    text-transform: uppercase;

    width: 100%;

    background: var(--buttonbackground);

    color: var(--buttoncolor);

    border: none;

    font-weight: 500;

    padding: .5rem .625rem;

    cursor: pointer

}



.js-product-miniature.product-miniature-grid1 .product-cart button.ajax-add-to-cart-button:hover,

.js-product-miniature.product-miniature-grid1 .product-cart span.ajax-add-to-cart-button:hover {

    background: var(--buttonhoverbackground);

    color: var(--buttonhovercolor)

}



.js-product-miniature.product-miniature-grid1 .product-cart button.ajax-add-to-cart-button.disabled,

.js-product-miniature.product-miniature-grid1 .product-cart span.ajax-add-to-cart-button.disabled {

    opacity: 0.5

}



.js-product-miniature.product-miniature-grid1 .variant-links {

    text-align: center

}



.js-product-miniature.product-miniature-grid2:hover .img-block a.quick-view,

.js-product-miniature.product-miniature-grid2:hover .product-cart button.ajax-add-to-cart-button,

.js-product-miniature.product-miniature-grid2:hover .product-cart span.ajax-add-to-cart-button,

.js-product-miniature.product-miniature-grid2:hover .add-links a {

    opacity: 1;

    visibility: visible;

    -webkit-transform: scale(1);

    transform: scale(1);

    transition: all 200ms linear

}



.js-product-miniature.product-miniature-grid2:hover .product-price-and-shipping {

    opacity: 0;

    visibility: hidden;

    transition: all 200ms linear

}



.js-product-miniature.product-miniature-grid2 .img-block a.quick-view {

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -1.25rem;

    margin-left: -1.25rem;

    width: 2.5rem;

    height: 2.5rem;

    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;

    font-size: 0;

    border: 1px solid #e5e5e5;

    background: #fff;

    color: #0c0c0c;

    border-radius: 50%;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: scale(0);

    transform: scale(0);

    transition: all 200ms linear;

    cursor: pointer

}



.js-product-miniature.product-miniature-grid2 .img-block a.quick-view:hover {

    background: var(--buttonbackground);

    color: var(--buttoncolor);

    border-color: var(--buttonborder)

}



.js-product-miniature.product-miniature-grid2 .img-block a.quick-view::before {

    content: '\e988';

    font-family: "vecthemes-icon";

    font-size: 1.125rem

}



.js-product-miniature.product-miniature-grid2 .product-content .inner-content {

    position: relative

}



.js-product-miniature.product-miniature-grid2 .box-hover {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.js-product-miniature.product-miniature-grid2 .add-links a {

    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;

    font-size: 0;

    color: #0c0c0c;

    background: #fff;

    cursor: pointer;

    margin-left: .3125rem;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: scale(0);

    transform: scale(0);

    transition: all 200ms linear

}



.js-product-miniature.product-miniature-grid2 .add-links a::before {

    font-family: "vecthemes-icon";

    font-size: 1rem

}



.js-product-miniature.product-miniature-grid2 .add-links a.compare-button.cmp_added {

    color: var(--hovercolor)

}



.js-product-miniature.product-miniature-grid2 .add-links a.compare-button::before {

    content: '\e97e';

    font-size: 1.125rem

}



.js-product-miniature.product-miniature-grid2 .add-links a.btn-wishlist.added {

    color: var(--hovercolor)

}



.js-product-miniature.product-miniature-grid2 .add-links a.btn-wishlist::before {

    content: '\e942'

}



.js-product-miniature.product-miniature-grid2 .add-links a:hover {

    color: var(--hovercolor)

}



.js-product-miniature.product-miniature-grid2 .product-cart {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1

}



.js-product-miniature.product-miniature-grid2 .product-cart button.ajax-add-to-cart-button,

.js-product-miniature.product-miniature-grid2 .product-cart span.ajax-add-to-cart-button {

    font-size: .875rem;

    color: #0c0c0c;

    border: none;

    font-weight: 500;

    cursor: pointer;

    background: none;

    padding: 0;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: scale(0);

    transform: scale(0);

    transition: all 200ms linear

}



.js-product-miniature.product-miniature-grid2 .product-cart button.ajax-add-to-cart-button:hover,

.js-product-miniature.product-miniature-grid2 .product-cart span.ajax-add-to-cart-button:hover {

    color: var(--hovercolor)

}



.js-product-miniature.product-miniature-grid2 .product-cart button.ajax-add-to-cart-button.disabled,

.js-product-miniature.product-miniature-grid2 .product-cart span.ajax-add-to-cart-button.disabled {

    opacity: 0.5

}



.js-product-miniature.product-miniature-grid2 .product-cart button.ajax-add-to-cart-button:before,

.js-product-miniature.product-miniature-grid2 .product-cart span.ajax-add-to-cart-button:before {

    content: '+';

    display: inline-block;

    margin-right: .1875rem

}



.js-product-miniature.product-miniature-grid3:not(:hover) .add-links>* {

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translateY(20px);

    transform: translateY(20px)

}



.js-product-miniature.product-miniature-grid3:hover .box-hover {

    top: calc(100% - 3px);

    opacity: 1;

    visibility: visible;

    transition: all 200ms linear

}



.js-product-miniature.product-miniature-grid3:hover .box-hover:after {

    border-color: #0c0c0c;

    transition: all 300ms linear

}



.js-product-miniature.product-miniature-grid3 .box-hover {

    position: absolute;

    left: 0;

    right: 0;

    top: calc(100% - 20px);

    padding: 0 1.25rem 1.25rem 1.25rem;

    background: #fff;

    z-index: 2;

    opacity: 0;

    visibility: hidden;

    transition: all 200ms linear

}



.js-product-miniature.product-miniature-grid3 .box-hover:after {

    content: '';

    position: absolute;

    left: -1px;

    right: 0;

    top: 0;

    bottom: 0;

    border: 1px solid #e5e5e5;

    border-top: 0;

    pointer-events: none;

    transition: all 300ms linear

}



.js-product-miniature.product-miniature-grid3 .add-links {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 1.25rem;

    padding: 0 .3125rem;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    z-index: 2

}



.js-product-miniature.product-miniature-grid3 .add-links>*:not(:last-child) {

    margin-right: .3125rem

}



.js-product-miniature.product-miniature-grid3 .add-links>*:nth-child(1) {

    transition: opacity .2s ease, visibility .2s ease, -webkit-transform .2s ease;

    transition: transform .2s ease, opacity .2s ease, visibility .2s ease;

    transition: transform .2s ease, opacity .2s ease, visibility .2s ease, -webkit-transform .2s ease

}



.js-product-miniature.product-miniature-grid3 .add-links>*:nth-child(2) {

    transition: opacity .2s ease .1s, visibility .2s ease .1s, -webkit-transform .2s ease .1s;

    transition: transform .2s ease .1s, opacity .2s ease .1s, visibility .2s ease .1s;

    transition: transform .2s ease .1s, opacity .2s ease .1s, visibility .2s ease .1s, -webkit-transform .2s ease .1s

}



.js-product-miniature.product-miniature-grid3 .add-links>*:nth-child(3) {

    webkit-transition: transform .2s ease .2s, opacity .2s ease .2s, visibility .2s ease .2s;

    transition: opacity .2s ease .2s, visibility .2s ease .2s, -webkit-transform .2s ease .2s;

    transition: transform .2s ease .2s, opacity .2s ease .2s, visibility .2s ease .2s;

    transition: transform .2s ease .2s, opacity .2s ease .2s, visibility .2s ease .2s, -webkit-transform .2s ease .2s

}



.js-product-miniature.product-miniature-grid3 .add-links>*:nth-child(4) {

    webkit-transition: transform .2s ease .3s, opacity .2s ease .3s, visibility .2s ease .3s;

    transition: opacity .2s ease .3s, visibility .2s ease .3s, -webkit-transform .2s ease .3s;

    transition: transform .2s ease .3s, opacity .2s ease .3s, visibility .2s ease .3s;

    transition: transform .2s ease .3s, opacity .2s ease .3s, visibility .2s ease .3s, -webkit-transform .2s ease .3s

}



.js-product-miniature.product-miniature-grid3 .add-links a {

    width: 2.125rem;

    height: 2.125rem;

    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;

    font-size: 0;

    border: 1px solid #e5e5e5;

    color: #0c0c0c;

    background: #fff;

    border-radius: 50%;

    cursor: pointer

}



.js-product-miniature.product-miniature-grid3 .add-links a::before {

    font-family: "vecthemes-icon";

    font-size: 1rem

}



.js-product-miniature.product-miniature-grid3 .add-links a.quick-view::before {

    content: '\e988'

}



.js-product-miniature.product-miniature-grid3 .add-links a.compare-button.cmp_added {

    background: var(--buttonbackground);

    color: var(--buttoncolor);

    border-color: var(--buttonborder)

}



.js-product-miniature.product-miniature-grid3 .add-links a.compare-button::before {

    content: '\e97e';

    font-size: 1.125rem

}



.js-product-miniature.product-miniature-grid3 .add-links a.btn-wishlist.added {

    background: var(--buttonbackground);

    color: var(--buttoncolor);

    border-color: var(--buttonborder)

}



.js-product-miniature.product-miniature-grid3 .add-links a.btn-wishlist::before {

    content: '\e942'

}



.js-product-miniature.product-miniature-grid3 .add-links a:hover {

    background: var(--buttonbackground);

    color: var(--buttoncolor);

    border-color: var(--buttonborder)

}



.js-product-miniature.product-miniature-grid3 button.ajax-add-to-cart-button,

.js-product-miniature.product-miniature-grid3 span.ajax-add-to-cart-button {

    width: 2.125rem;

    height: 2.125rem;

    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;

    font-size: 0;

    border: 1px solid #e5e5e5;

    background: #fff;

    border-radius: 50%;

    cursor: pointer

}



.js-product-miniature.product-miniature-grid3 button.ajax-add-to-cart-button::before,

.js-product-miniature.product-miniature-grid3 span.ajax-add-to-cart-button::before {

    font-family: "vecthemes-icon";

    font-size: 1rem;

    content: '\e999'

}



.js-product-miniature.product-miniature-grid3 button.ajax-add-to-cart-button:hover,

.js-product-miniature.product-miniature-grid3 span.ajax-add-to-cart-button:hover {

    background: var(--buttonbackground);

    color: var(--buttoncolor);

    border-color: var(--buttonborder)

}



.js-product-miniature.product-miniature-grid3 button.ajax-add-to-cart-button.disabled,

.js-product-miniature.product-miniature-grid3 span.ajax-add-to-cart-button.disabled {

    opacity: 0.5

}



.js-product-miniature.product-miniature-grid4:hover a.quick-view {

    -webkit-transform: translateY(0);

    transform: translateY(0);

    opacity: 1;

    visibility: visible;

    transition: all 200ms linear

}



.js-product-miniature.product-miniature-grid4:hover .add-links a {

    opacity: 1;

    visibility: visible;

    -webkit-transform: scale(1);

    transform: scale(1)

}



.js-product-miniature.product-miniature-grid4 .inner-content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.js-product-miniature.product-miniature-grid4 .inner-content .left-content {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1

}



.js-product-miniature.product-miniature-grid4 button.ajax-add-to-cart-button,

.js-product-miniature.product-miniature-grid4 span.ajax-add-to-cart-button {

    width: 2.25rem;

    height: 2.25rem;

    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;

    font-size: 0;

    border: 1px solid var(--buttonborder);

    border-radius: 50%;

    color: var(--buttoncolor);

    background: var(--buttonbackground);

    cursor: pointer

}



.js-product-miniature.product-miniature-grid4 button.ajax-add-to-cart-button::before,

.js-product-miniature.product-miniature-grid4 span.ajax-add-to-cart-button::before {

    font-family: "vecthemes-icon";

    font-size: 1rem;

    content: '\e999'

}



.js-product-miniature.product-miniature-grid4 button.ajax-add-to-cart-button:hover,

.js-product-miniature.product-miniature-grid4 span.ajax-add-to-cart-button:hover {

    background: var(--buttonhoverbackground);

    color: var(--buttonhovercolor);

    border-color: var(--buttonhoverborder)

}



.js-product-miniature.product-miniature-grid4 button.ajax-add-to-cart-button.disabled,

.js-product-miniature.product-miniature-grid4 span.ajax-add-to-cart-button.disabled {

    opacity: 0.5

}



.js-product-miniature.product-miniature-grid4 a.quick-view {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(0, 0, 0, 0.1);

    font-size: .8125rem;

    text-transform: uppercase;

    font-weight: 500;

    text-align: center;

    padding: .5rem .625rem;

    color: #0c0c0c;

    display: block;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translateY(100%);

    transform: translateY(100%);

    transition: all 200ms linear

}



.js-product-miniature.product-miniature-grid4 a.quick-view:hover {

    color: var(--buttoncolor);

    background: var(--buttonbackground)

}



.js-product-miniature.product-miniature-grid4 .add-links {

    position: absolute;

    top: 1.25rem;

    right: 1.25rem;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    z-index: 2

}



.js-product-miniature.product-miniature-grid4 .add-links a {

    width: 2.125rem;

    height: 2.125rem;

    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;

    font-size: 0;

    color: #0c0c0c;

    background: #fff;

    cursor: pointer;

    opacity: 0;

    border: 1px solid #e5e5e5;

    visibility: hidden;

    border-radius: 50%;

    -webkit-transform: scale(0);

    transform: scale(0);

    transition: all 200ms linear

}



.js-product-miniature.product-miniature-grid4 .add-links a:not(:last-child) {

    margin-bottom: .3125rem

}



.js-product-miniature.product-miniature-grid4 .add-links a::before {

    font-family: "vecthemes-icon";

    font-size: 1rem

}



.js-product-miniature.product-miniature-grid4 .add-links a.compare-button.cmp_added {

    background: var(--buttonbackground);

    color: var(--buttoncolor);

    border-color: var(--buttonborder)

}



.js-product-miniature.product-miniature-grid4 .add-links a.compare-button::before {

    content: '\e97e';

    font-size: 1.125rem

}



.js-product-miniature.product-miniature-grid4 .add-links a.btn-wishlist.added {

    background: var(--buttonbackground);

    color: var(--buttoncolor);

    border-color: var(--buttonborder)

}



.js-product-miniature.product-miniature-grid4 .add-links a.btn-wishlist::before {

    content: '\e942'

}



.js-product-miniature.product-miniature-grid4 .add-links a:hover {

    color: var(--buttoncolor);

    background: var(--buttonbackground);

    border-color: var(--buttonborder)

}



.js-product-miniature.product-miniature-grid5:hover .img-block:before {

    height: 100%;

    transition: all 400ms linear

}



.js-product-miniature.product-miniature-grid5:hover button.ajax-add-to-cart-button,

.js-product-miniature.product-miniature-grid5:hover span.ajax-add-to-cart-button,

.js-product-miniature.product-miniature-grid5:hover a.quick-view {

    -webkit-transform: translateX(0px);

    transform: translateX(0px);

    opacity: 1;

    visibility: visible;

    transition: all 300ms linear

}



.js-product-miniature.product-miniature-grid5:hover .add-links a {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translateY(0);

    transform: translateY(0);

    transition: all 400ms linear

}



.js-product-miniature.product-miniature-grid5 .img-block:before {

    content: '';

    position: absolute;

    z-index: 1;

    left: 0;

    right: 0;

    bottom: 0;

    transition: all 400ms linear;

    background-color: rgba(255, 255, 255, 0.2);

    width: 100%;

    height: 0;

    pointer-events: none

}



.js-product-miniature.product-miniature-grid5 .box-hover {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 2

}



.js-product-miniature.product-miniature-grid5 .box-hover>* {

    width: 50%

}



.js-product-miniature.product-miniature-grid5 button.ajax-add-to-cart-button,

.js-product-miniature.product-miniature-grid5 span.ajax-add-to-cart-button {

    font-size: .8125rem;

    text-transform: uppercase;

    font-weight: 500;

    text-align: center;

    padding: .5rem .625rem;

    display: block;

    border: 0;

    width: 100%;

    color: var(--buttoncolor);

    background: var(--buttonbackground);

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translateX(30px);

    transform: translateX(30px);

    cursor: pointer;

    transition: all 300ms linear

}



@media (max-width: 575px) {

    .js-product-miniature.product-miniature-grid5 button.ajax-add-to-cart-button,

    .js-product-miniature.product-miniature-grid5 span.ajax-add-to-cart-button {

        font-size: 0;

        font-weight: 400

    }

    .js-product-miniature.product-miniature-grid5 button.ajax-add-to-cart-button::before,

    .js-product-miniature.product-miniature-grid5 span.ajax-add-to-cart-button::before {

        font-family: "vecthemes-icon";

        font-size: 1.125rem;

        content: '\e999'

    }

}



.js-product-miniature.product-miniature-grid5 button.ajax-add-to-cart-button:hover,

.js-product-miniature.product-miniature-grid5 span.ajax-add-to-cart-button:hover {

    background: var(--buttonhoverbackground);

    color: var(--buttonhovercolor)

}



.js-product-miniature.product-miniature-grid5 button.ajax-add-to-cart-button.disabled,

.js-product-miniature.product-miniature-grid5 span.ajax-add-to-cart-button.disabled {

    opacity: 0.5

}



.js-product-miniature.product-miniature-grid5 a.quick-view {

    font-size: .8125rem;

    text-transform: uppercase;

    font-weight: 500;

    text-align: center;

    padding: .5rem .625rem;

    background: #0c0c0c;

    color: #fff;

    display: block;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translateX(-30px);

    transform: translateX(-30px);

    transition: all 300ms linear

}



@media (max-width: 575px) {

    .js-product-miniature.product-miniature-grid5 a.quick-view {

        font-size: 0;

        font-weight: 400

    }

    .js-product-miniature.product-miniature-grid5 a.quick-view::before {

        font-family: "vecthemes-icon";

        font-size: 1.125rem;

        content: '\e988'

    }

}



.js-product-miniature.product-miniature-grid5 a.quick-view:hover {

    background: var(--buttonhoverbackground);

    color: var(--buttonhovercolor)

}



.js-product-miniature.product-miniature-grid5 .add-links {

    position: absolute;

    top: 1.25rem;

    right: 1.25rem;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    z-index: 2

}



.js-product-miniature.product-miniature-grid5 .add-links a {

    width: 2.125rem;

    height: 2.125rem;

    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;

    font-size: 0;

    color: #0c0c0c;

    background: #fff;

    cursor: pointer;

    opacity: 0;

    border: 1px solid #e5e5e5;

    visibility: hidden;

    border-radius: 50%;

    -webkit-transform: translateY(20px);

    transform: translateY(20px);

    transition: all 400ms linear

}



.js-product-miniature.product-miniature-grid5 .add-links a:not(:last-child) {

    margin-bottom: .3125rem

}



.js-product-miniature.product-miniature-grid5 .add-links a::before {

    font-family: "vecthemes-icon";

    font-size: 1rem

}



.js-product-miniature.product-miniature-grid5 .add-links a.compare-button.cmp_added {

    background: var(--buttonbackground);

    color: var(--buttoncolor);

    border-color: var(--buttonborder)

}



.js-product-miniature.product-miniature-grid5 .add-links a.compare-button::before {

    content: '\e97e';

    font-size: 1.125rem

}



.js-product-miniature.product-miniature-grid5 .add-links a.btn-wishlist.added {

    background: var(--buttonbackground);

    color: var(--buttoncolor);

    border-color: var(--buttonborder)

}



.js-product-miniature.product-miniature-grid5 .add-links a.btn-wishlist::before {

    content: '\e942'

}



.js-product-miniature.product-miniature-grid5 .add-links a:hover {

    color: var(--buttoncolor);

    background: var(--buttonbackground);

    border-color: var(--buttonborder)

}



.js-product-miniature.style_product_list {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

    padding: 20px

}



.js-product-miniature.style_product_list .img-block {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: 45%;

    max-width: 120px

}



.js-product-miniature.style_product_list .product-content {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    padding: 0 0 0 15px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    overflow: hidden

}



.js-product-miniature.style_product_list .product-content .hook-reviews {

    display: block

}



.product-miniature-list {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding: 1.25rem

}



.product-miniature-list:not(:last-child) {

    margin-bottom: 1.25rem

}



.product-miniature-list .img-block {

    width: 100%

}



@media (min-width: 480px) {

    .product-miniature-list .img-block {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 auto;

        flex: 0 0 auto;

        width: 45%;

        max-width: 300px

    }

}



@media (min-width: 1200px) {

    .product-miniature-list .img-block {

        max-width: 200px

    }

}



.product-miniature-list .product-content {

    padding: .9375rem 0 0 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    overflow: hidden

}



@media (min-width: 480px) {

    .product-miniature-list .product-content {

        -webkit-box-flex: 1;

        -ms-flex: 1;

        flex: 1;

        padding: 0 0 0 .9375rem

    }

}



@media (min-width: 1200px) {

    .product-miniature-list .product-content {

        padding: 0 12.5rem 0 .9375rem

    }

}



.product-miniature-list .product-content .col-buy {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    width: 11.25rem

}



@media (min-width: 1200px) {

    .product-miniature-list .product-content .col-buy {

        position: absolute;

        right: 0;

        top: 0;

        bottom: 0;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

    .product-miniature-list .product-content .col-buy .product-cart {

        width: 100%

    }

}



.product-miniature-list .product-content .product_name {

    font-size: 1.125rem

}



.product-miniature-list .product-content .product-price-and-shipping {

    margin-bottom: .625rem;

    line-height: 1.2

}



.product-miniature-list .product-content .product-price-and-shipping .price {

    font-size: 1.25rem

}



.product-miniature-list .product-content .availability .availability-list span {

    font-weight: 500;

    color: #09a14b

}



.product-miniature-list .product-content .product-desc {

    margin: .9375rem 0 0 0

}



.product-miniature-list .product-content .add-links {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.product-miniature-list .product-content .add-links a {

    width: 2.125rem;

    height: 2.125rem;

    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;

    font-size: 0;

    border: 1px solid #e5e5e5;

    background: #fff;

    margin-top: .9375rem;

    cursor: pointer

}



.product-miniature-list .product-content .add-links a:not(:last-child) {

    margin-right: .3125rem

}



.product-miniature-list .product-content .add-links a::before {

    font-family: "vecthemes-icon";

    font-size: 1rem

}



.product-miniature-list .product-content .add-links a.quick-view::before {

    content: '\e988'

}



.product-miniature-list .product-content .add-links a.compare-button::before {

    content: '\e97e';

    font-size: 1.125rem

}



.product-miniature-list .product-content .add-links a.btn-wishlist::before {

    content: '\e942'

}



.product-miniature-list .product-content .add-links a:hover {

    background: var(--buttonhoverbackground);

    color: var(--buttonhovercolor);

    border-color: var(--buttonhoverborder)

}



.product-miniature-list .product-content .product-cart button.ajax-add-to-cart-button,

.product-miniature-list .product-content .product-cart span.ajax-add-to-cart-button {

    font-size: .875rem;

    text-transform: uppercase;

    width: 100%;

    max-width: 13.75rem;

    background: var(--buttonbackground);

    color: var(--buttoncolor);

    border: none;

    font-weight: 500;

    padding: .5rem .625rem;

    cursor: pointer

}



.product-miniature-list .product-content .product-cart button.ajax-add-to-cart-button:hover,

.product-miniature-list .product-content .product-cart span.ajax-add-to-cart-button:hover {

    background: var(--buttonhoverbackground);

    color: var(--buttonhovercolor)

}



.product-miniature-list .product-content .product-cart button.ajax-add-to-cart-button.disabled,

.product-miniature-list .product-content .product-cart span.ajax-add-to-cart-button.disabled {

    opacity: 0.5

}



#category-description.expand-content {

    overflow: hidden;

    max-height: 120px;

    position: relative

}



#category-description.expand-content:not(.expanded-content) .btn-less {

    display: none

}



#category-description.expanded-content {

    overflow: visible;

    max-height: none;

    padding-bottom: 3.125rem

}



#category-description.expanded-content .btn-more {

    display: none

}



#category-description.expanded-content .block-expand-overlay {

    background: none

}



.block-expand-overlay {

    background: linear-gradient(to bottom, transparent, #f8f8f8);

    height: 50px;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    pointer-events: none;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    pointer-events: visible

}



.block-expand-overlay>.block-expand {

    display: inline-block;

    vertical-align: top;

    line-height: 1.5;

    padding: 0 1rem;

    background: var(--buttonbackground);

    color: var(--buttoncolor);

    cursor: pointer;

    font-size: 1rem

}



.block-expand-overlay>.block-expand:hover {

    background: var(--buttonhoverbackground);

    color: var(--buttonhovercolor)

}



.block-expand-overlay>.block-expand:after {

    font-family: "vecthemes-icon";

    font-size: .8125rem;

    margin-left: .9375rem

}



.block-expand-overlay>.block-expand.btn-more:after {

    content: '\e9c9'

}



.block-expand-overlay>.block-expand.btn-less:after {

    content: '\e92e'

}



#products {

    color: #666

}



#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 {

    color: #666;

    text-transform: inherit

}



#products .up .btn-secondary .material-icons {

    margin-right: 0

}



.block-category.desc-cate {

    margin-bottom: 1.563rem

}



.block-category h1 {

    margin-bottom: 1rem;

    font-size: 1.25rem;

    text-transform: uppercase

}



.block-category .block-category-inner #category-description p,

.block-category .block-category-inner #category-description .page-content.page-cms ul,

.page-content.page-cms .block-category .block-category-inner #category-description ul,

.block-category .block-category-inner #category-description strong {

    font-weight: 400;

    color: #4e4c4c

}



.block-category .block-category-inner #category-description p,

.block-category .block-category-inner #category-description .page-content.page-cms ul,

.page-content.page-cms .block-category .block-category-inner #category-description ul {

    margin-bottom: 0;

    color: #4e4c4c;

    word-break: break-word

}



.block-category .block-category-inner #category-description p:first-child,

.block-category .block-category-inner #category-description .page-content.page-cms ul: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 {

    margin-bottom: 1rem

}



.products-selection {

    margin-bottom: .625rem

}



.products-selection .sort-by-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

}



.products-selection .sort-by-row .sort-by-left,

.products-selection .sort-by-row .sort-by-right {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: .625rem;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.products-selection .sort-by-row .sort-by-left>*:not(:last-child),

.products-selection .sort-by-row .sort-by-right>*:not(:last-child) {

    margin-right: .625rem

}



.products-selection .view-switcher {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    line-height: 1

}



@media (max-width: 767px) {

    .products-selection .view-switcher {

        display: none

    }

}



.products-selection .view-switcher>a {

    font-size: 1.25rem;

    color: #686a6d

}



.products-selection .view-switcher>a.active,

.products-selection .view-switcher>a:hover {

    color: var(--hovercolor)

}



.products-selection .view-switcher>a:not(:last-child) {

    margin-right: 1.25rem

}



.products-selection .filter-button a {

    padding: 0.5rem 1.25rem;

    color: #0c0c0c;

    background: #f5f5f5;

    font-size: 1rem;

    cursor: pointer;

    line-height: 1.5rem;

    display: inline-block

}



.products-selection .filter-button a::before {

    font-family: "vecthemes-icon";

    content: '\e930';

    font-size: 1rem;

    margin-right: .3125rem;

    vertical-align: -2px

}



.products-selection .filter-button a:hover {

    background: var(--buttonbackground);

    color: var(--buttoncolor)

}



.products-selection .sort-by {

    margin-right: -0.9375rem;

    margin-left: 0.9375rem;

    text-align: right;

    word-break: break-word;

    white-space: normal

}



.products-selection .total-products {

    padding-top: 0.625rem

}



.products-selection h1 {

    padding-top: 0.625rem

}



.products-sort-nb-dropdown,

.products-sort-order,

.brands-sort,

.suppliers-sort {

    color: #666

}



.products-sort-nb-dropdown .select-title,

.products-sort-order .select-title,

.brands-sort .select-title,

.suppliers-sort .select-title {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    width: 100%;

    padding: .5rem .9375rem;

    color: #0c0c0c;

    font-size: .8125rem;

    cursor: pointer;

    background: #f5f5f5;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    border: none;

    line-height: 1.5rem

}



.products-sort-nb-dropdown .select-title i,

.products-sort-order .select-title i,

.brands-sort .select-title i,

.suppliers-sort .select-title i {

    font-size: .8125rem;

    margin-left: .9375rem

}



.products-sort-nb-dropdown .select-list,

.products-sort-order .select-list,

.brands-sort .select-list,

.suppliers-sort .select-list {

    display: block;

    padding: 0.3125rem 1.25rem;

    color: #0c0c0c;

    font-size: .8125rem

}



.products-sort-nb-dropdown .select-list:hover,

.products-sort-order .select-list:hover,

.brands-sort .select-list:hover,

.suppliers-sort .select-list:hover {

    color: #fff;

    text-decoration: none;

    background: var(--hovercolor)

}



.products-sort-nb-dropdown .dropdown-menu,

.products-sort-order .dropdown-menu,

.brands-sort .dropdown-menu,

.suppliers-sort .dropdown-menu {

    left: auto;

    right: 0;

    top: calc(100% + 2px);

    margin: 0;

    background: #f6f6f6;

    border: none;

    border-radius: 0

}



.products-sort-nb-dropdown .dropdown-menu {

    left: 0;

    right: 0;

    min-width: 0

}



.facet-dropdown {

    box-sizing: border-box;

    padding-right: 0;

    padding-left: 0;

    color: #666;

    background: #f5f5f5

}



.facet-dropdown.open {

    border: 0

}



.facet-dropdown.open>.select-title {

    background: #f6f6f6;

    border: 1px solid var(--hovercolor)

}



.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: 0.3125rem .625rem 0.3125rem 1.25rem;

    margin-left: 0;

    color: #0c0c0c !important;

    border: 1px solid #e5e5e5;

    cursor: pointer;

    background: #f5f5f5

}



.facet-dropdown .select-title>i {

    margin-left: auto

}



.facet-dropdown .select-list {

    display: block;

    padding: 0.3125rem 1.25rem;

    color: #0c0c0c;

    background: #f6f6f6;

    font-size: .8125rem

}



.facet-dropdown .select-list:hover {

    color: #fff;

    text-decoration: none;

    background: var(--hovercolor)

}



.facet-dropdown .dropdown-menu {

    left: auto;

    width: 100%;

    padding: 0;

    margin-top: 3px;

    background: #f6f6f6;

    border: none;

    box-shadow: 1px 1px 1px 1px #f5f5f5

}



#search_filters,

#search_filters_brands,

#search_filters_suppliers {

    margin-bottom: 1.563rem;

    background: #fff

}



#search_filters>.h6,

#search_filters_brands>.h6,

#search_filters_suppliers>.h6 {

    font-size: 1.25rem;

    color: #0c0c0c;

    font-weight: 500;

    margin-bottom: 1.25rem

}



#search_filters .facet,

#search_filters_brands .facet,

#search_filters_suppliers .facet {

    padding-top: 1.25rem

}



#search_filters .facet .collapse,

#search_filters_brands .facet .collapse,

#search_filters_suppliers .facet .collapse {

    display: block

}



#search_filters .facet .facet-title,

#search_filters_brands .facet .facet-title,

#search_filters_suppliers .facet .facet-title {

    font-size: 1rem;

    text-transform: uppercase;

    color: #0c0c0c;

    margin-bottom: .9375rem

}



#search_filters .facet .facet-label,

#search_filters_brands .facet .facet-label,

#search_filters_suppliers .facet .facet-label {

    margin-bottom: 0

}



#search_filters .facet .facet-label .custom-checkbox,

#search_filters .facet .facet-label .custom-radio,

#search_filters_brands .facet .facet-label .custom-checkbox,

#search_filters_brands .facet .facet-label .custom-radio,

#search_filters_suppliers .facet .facet-label .custom-checkbox,

#search_filters_suppliers .facet .facet-label .custom-radio {

    top: -0.5625rem !important

}



#search_filters .facet .facet-label a,

#search_filters_brands .facet .facet-label a,

#search_filters_suppliers .facet .facet-label a {

    display: inline-block;

    margin-top: .1875rem;

    font-size: .875rem;

    color: #4e4c4c

}



#search_filters .facet .facet-label a .magnitude,

#search_filters_brands .facet .facet-label a .magnitude,

#search_filters_suppliers .facet .facet-label a .magnitude {

    font-size: .75rem

}



#search_filters .facet .facet-label a:hover,

#search_filters_brands .facet .facet-label a:hover,

#search_filters_suppliers .facet .facet-label a:hover {

    color: var(--hovercolor)

}



#search_filters .facet .faceted-slider,

#search_filters_brands .facet .faceted-slider,

#search_filters_suppliers .facet .faceted-slider {

    padding-bottom: .625rem

}



#search_filters .facet .faceted-slider p,

#search_filters .facet .faceted-slider .page-content.page-cms ul,

.page-content.page-cms #search_filters .facet .faceted-slider ul,

#search_filters_brands .facet .faceted-slider p,

#search_filters_brands .facet .faceted-slider .page-content.page-cms ul,

.page-content.page-cms #search_filters_brands .facet .faceted-slider ul,

#search_filters_suppliers .facet .faceted-slider p,

#search_filters_suppliers .facet .faceted-slider .page-content.page-cms ul,

.page-content.page-cms #search_filters_suppliers .facet .faceted-slider ul {

    color: #0c0c0c;

    font-size: .8125rem

}



#search_filters .ui-slider-horizontal {

    height: .3125rem !important;

    background: #dbdbdb;

    border: none;

    border-radius: 0;

    margin-right: .8125rem

}



#search_filters .ui-slider-horizontal .ui-widget-header {

    background: var(--hovercolor)

}



#search_filters .ui-slider-horizontal .ui-slider-handle {

    top: -4px !important;

    width: .8125rem !important;

    height: 0.8125rem !important;

    border: none !important;

    background: var(--hovercolor) !important;

    border-radius: 50%

}



#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: 0.3125rem

}



.pagination {

    width: 100%;

    font-size: 0.875rem;

    margin-top: 0

}



.pagination>div:first-child {

    padding-left: 0;

    line-height: 2.5rem

}



.pagination .page-list {

    margin-bottom: 0;

    background: #fff;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    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

}



.pagination .page-list li:not(:last-child) {

    margin-right: 2px

}



.pagination a {

    color: #0c0c0c;

    width: 2.25rem;

    height: 2.25rem;

    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

}



.pagination a i {

    font-size: 1.0625rem

}



.pagination a:hover,

.pagination .current a {

    background: var(--buttonbackground);

    color: var(--buttoncolor);

    text-decoration: none

}



.productlist-load-button {

    text-align: center

}



.productlist-load-button .widget-productlist-loader,

.productlist-load-button .widget-productlist-trigger,

.productlist-load-button .loadmore {

    background: var(--buttonbackground);

    color: var(--buttoncolor);

    min-width: 10rem

}



.productlist-load-button .widget-productlist-loader:hover,

.productlist-load-button .widget-productlist-trigger:hover,

.productlist-load-button .loadmore:hover {

    background: var(--buttonhoverbackground);

    color: var(--buttonhovercolor)

}



.productlist-load-button .widget-productlist-trigger.infinite:before {

    content: '';

    border: 1px solid;

    color: transparent;

    width: .875rem;

    height: .875rem;

    border-radius: 50%;

    border-color: #5f5f5f #797979 #ccc #fff;

    line-height: 1;

    -webkit-animation: spin 0.6s infinite linear;

    animation: spin 0.6s infinite linear;

    display: inline-block;

    vertical-align: -2px;

    margin-right: .3125rem

}



.active_filters {

    padding: .625rem .625rem 0;

    margin-bottom: 1.25rem;

    background: #dededd;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.active_filters .active-filter-title {

    display: inline;

    margin-right: .625rem;

    font-weight: 500

}



.active_filters ul {

    display: inline;

    margin: 0

}



.active_filters .js-search-filters-clear-all {

    margin: 0 0 .5rem;

    padding: .3125rem 0.625rem;

    line-height: 1.3125rem

}



.active_filters .js-search-filters-clear-all:not(:hover) {

    background: var(--buttonbackground);

    color: var(--buttoncolor)

}



.active_filters .filter-block {

    display: inline-block;

    padding: .3125rem 0.625rem;

    margin-right: .625rem;

    margin-bottom: .625rem;

    font-size: .8125rem;

    color: #0c0c0c;

    background: #fff

}



.active_filters .filter-block .close {

    margin-top: 0.1875rem;

    margin-left: 0.3125rem;

    font-size: .9375rem;

    color: #0c0c0c;

    opacity: 1

}



.active_filters .filter-block i {

    font-size: .75rem;

    vertical-align: -2px

}



.block-categories {

    margin-bottom: 1.563rem;

    background: #fff

}



.block-categories .h6 {

    font-size: 1rem;

    color: #0c0c0c;

    font-weight: 500

}



.block-categories .category-sub-menu {

    margin-top: .625rem

}



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

    padding-left: .625rem

}



.block-categories .category-sub-menu li[data-depth="0"]>a {

    display: inline-block;

    width: 100%;

    padding: 0.3125rem 0

}



.block-categories .category-sub-menu li:not([data-depth="0"]):not([data-depth="1"]) {

    padding-left: 0.3125rem

}



.block-categories .category-sub-menu li:not([data-depth="0"]):not([data-depth="1"])::before {

    margin-right: 0.3125rem;

    content: "-"

}



.block-categories a {

    color: #4e4c4c

}



.block-categories a:hover {

    color: var(--hovercolor)

}



.block-categories .collapse-icons {

    position: absolute;

    top: 0;

    right: 0;

    padding: 0;

    cursor: pointer;

    width: auto;

    height: auto

}



.block-categories .collapse-icons i {

    font-size: 1.25rem

}



.block-categories .collapse-icons[aria-expanded="true"] .add {

    display: none

}



.block-categories .collapse-icons[aria-expanded="true"] .remove {

    display: block

}



.block-categories .collapse-icons .add:hover,

.block-categories .collapse-icons .remove:hover {

    color: var(--hovercolor)

}



.block-categories .collapse-icons .remove {

    display: none

}



.block-categories .arrows .arrow-right,

.block-categories .arrows .arrow-down {

    margin-left: 2px;

    font-size: .875rem;

    cursor: pointer

}



.block-categories .arrows .arrow-right:hover,

.block-categories .arrows .arrow-down:hover {

    color: #0c0c0c

}



.block-categories .arrows .arrow-down {

    display: none

}



.block-categories .arrows[aria-expanded="true"] .arrow-right {

    display: none

}



.block-categories .arrows[aria-expanded="true"] .arrow-down {

    display: inline-block

}



.facets-title {

    color: #0c0c0c

}



.advertising-block {

    margin-bottom: 1.563rem

}



.advertising-block img {

    width: 100%

}



@media (max-width: 767px) {

    #category #left-column {

        width: 100%

    }

    #category #left-column #search_filters_wrapper {

        margin-right: -30px;

        margin-left: -30px

    }

    #category #left-column #search_filter_controls {

        margin-bottom: 1rem;

        text-align: center

    }

    #category #left-column #search_filter_controls button {

        margin: 0 0.5rem

    }

    #category #left-column #search_filters {

        padding: 0;

        margin-bottom: 20px;

        border-top: 1px solid #f6f6f6;

        box-shadow: none

    }

    #category #left-column #search_filters .ui-slider-horizontal {

        margin-bottom: 20px

    }

    #category #left-column #search_filters .facet {

        padding-top: 0;

        border-bottom: 1px solid #f6f6f6

    }

    #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 {

        display: none

    }

    #category #left-column #search_filters .facet .title[aria-expanded="true"] .collapse-icons .add {

        display: none

    }

    #category #left-column #search_filters .facet .title[aria-expanded="true"] .collapse-icons .remove {

        display: block

    }

    #category #left-column #search_filters .facet .facet-title {

        color: #0c0c0c;

        text-transform: uppercase

    }

    #category #left-column #search_filters .facet .h6 {

        display: inline-block;

        padding: 1.25rem;

        margin-bottom: 0

    }

    #category #left-column #search_filters .facet .navbar-toggler {

        display: inline-block;

        height: inherit;

        padding: 0 0.625rem 0 0

    }

    #category #left-column #search_filters .facet .collapse {

        display: none

    }

    #category #left-column #search_filters .facet .collapse.in {

        display: block

    }

    #category #left-column #search_filters .facet .facet-label a {

        margin-top: 0

    }

    #category #left-column #search_filters .facet ul {

        margin-bottom: 0

    }

    #category #left-column #search_filters .facet ul li {

        padding: 1.25rem;

        border-top: 1px solid #f6f6f6

    }

    #category #search_filter_toggler {

        width: 100%

    }

    .products-sort-order .select-title {

        margin-left: 0

    }

    .products-selection h1 {

        padding-top: 0;

        margin-bottom: 1rem;

        text-align: center

    }

    .products-selection .showing {

        padding-top: 1rem

    }

    #prices-drop #content-wrapper,

    #new-products #content-wrapper,

    #best-sales #content-wrapper {

        width: 100%

    }

}



@media (max-width: 575px) {

    .products-selection .filter-button {

        padding-left: 0

    }

    #category #left-column #search_filters_wrapper {

        margin-right: -15px;

        margin-left: -15px

    }

}



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

    .category-cover {

        display: none

    }

    .block-category {

        min-height: 0;

        margin-bottom: 0

    }

    .card-block {

        padding: 0

    }

    .card {

        background-color: inherit;

        border: none;

        box-shadow: none

    }

}



@media (max-width: 991px) {

    #products .products {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



#subcategories {

    margin-bottom: 0;

    padding: 0 0 1.25rem 0

}



#subcategories .subcategory-heading {

    margin-bottom: 20px;

    font-weight: 500;

    font-size: 1.125rem;

    color: #0c0c0c

}



#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(100% / 5 - 20px);

    min-width: 150px;

    margin: 0 10px

}



#subcategories ul li .subcategory-image {

    padding: 0 0 8px

}



#subcategories ul li .subcategory-image a {

    display: block

}



#subcategories ul li .subcategory-image a img {

    max-width: 100%;

    vertical-align: top;

    transition: all 300ms linear

}



#subcategories ul li .subcategory-name {

    text-transform: uppercase;

    color: #0c0c0c;

    font-size: .8125rem

}



#subcategories ul li .subcategory-name:hover {

    color: var(--hovercolor)

}



#subcategories ul li .cat_desc {

    display: none

}



#subcategories ul li:hover .subcategory-image a img {

    -webkit-transform: scale(1.05);

    transform: scale(1.05)

}



#product .product-layout-2 .content-right {

    padding: 2.8125rem 1.25rem 0 1.25rem;

    border: 2px solid #e5e5e5

}



@media (max-width: 1199px) {

    #product .product-layout-2 .content-right {

        margin-top: 1.875rem

    }

}



#product .product-layout-2 .content-right>*:first-child {

    margin-top: 0

}



#product .product-layout-2 .content-right>*:last-child {

    margin-bottom: 0

}



#product .product-layout-2 .content-right .product-quantity .add {

    width: 100%;

    margin-right: 0

}



#product .product-layout-2 .content-right .box_button {

    -webkit-box-ordinal-group: 2;

    -ms-flex-order: 1;

    order: 1;

    margin: 1rem 0 0 0

}



#product .content-specific>*:last-child {

    margin-bottom: 0 !important

}



#product .content-specific .box-specific {

    background: #fff;

    padding: 1.25rem;

    margin-bottom: 20px;

    border: 1px solid #e5e5e5

}



#product .content-specific .box-specific>h3,

#product .content-specific .box-specific>h4 {

    border-bottom: 1px solid #e5e5e5;

    font-size: 1.0625rem;

    text-transform: uppercase;

    padding-bottom: .625rem;

    margin-bottom: 1.875rem

}



@media (min-width: 992px) {

    #product .content-specific .inner-specific {

        display: -ms-grid;

        display: grid;

        gap: 20px;

        -ms-grid-columns: auto 28.125rem;

        grid-template-columns: auto 28.125rem

    }

}



#product #content {

    position: relative;

    margin: 0 auto

}



#product #content .images-container {

    margin-bottom: 1.25rem

}



#product #content .images-container .product-images-cover {

    border: 1px solid #e5e5e5;

    position: relative

}



#product #content .images-container .product-images-cover .icon-zoom {

    position: absolute;

    right: 1.25rem;

    top: 1.25rem;

    width: 3.125rem;

    height: 3.125rem;

    border-radius: 50%;

    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;

    cursor: pointer;

    background: #fff;

    color: #000;

    box-shadow: 0px 5px 13.5px 1.5px rgba(0, 0, 0, 0.07);

    -webkit-transform: scale(0);

    transform: scale(0);

    transition: all 300ms linear

}



#product #content .images-container .product-images-cover .icon-zoom i {

    font-size: 1.125rem

}



#product #content .images-container .product-images-cover:hover .icon-zoom {

    -webkit-transform: scale(1);

    transform: scale(1);

    transition: all 300ms linear

}



#product #content .images-container .product-images-cover:hover .slick-arrow {

    opacity: 1;

    visibility: visible

}



#product #content .images-container .product-images-cover:hover .slick-arrow.slick-prev {

    left: 1.25rem

}



#product #content .images-container .product-images-cover:hover .slick-arrow.slick-next {

    right: 1.25rem

}



#product #content .images-container .product-images-thumb {

    position: relative

}



#product #content .images-container .product-images-thumb:hover .slick-arrow {

    opacity: 1;

    visibility: visible

}



#product #content .images-container .product-images-thumb .slick-slide {

    padding: 0 5px

}



#product #content .images-container .product-images-thumb .slick-slide .thumb-item img {

    cursor: pointer;

    border: 1px solid #e5e5e5;

    width: 100%;

    transition: all 300ms linear

}



#product #content .images-container .product-images-thumb .slick-slide.is-active .thumb-item img,

#product #content .images-container .product-images-thumb .slick-slide:hover .thumb-item img {

    border-color: var(--hovercolor)

}



#product #content .images-container .product-images-thumb .slick-arrow {

    width: 1.875rem;

    height: 1.875rem

}



#product #content .images-container .product-images-thumb .slick-arrow:before {

    font-family: "vecthemes-icon";

    font-size: 10px

}



#product #content .slick-arrow {

    position: absolute;

    top: 50%;

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

    transform: translateY(-50%);

    width: 2.8125rem;

    height: 2.8125rem;

    border-radius: 50%;

    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;

    font-size: 0;

    cursor: pointer;

    color: #000;

    background: #fff;

    border: none;

    box-shadow: 0px 5px 13.5px 1.5px rgba(0, 0, 0, 0.07);

    transition: all 300ms linear;

    z-index: 1;

    opacity: 0;

    visibility: hidden

}



#product #content .slick-arrow:hover {

    background: var(--buttonbackground);

    color: var(--buttoncolor)

}



#product #content .slick-arrow:before {

    font-family: "vecthemes-icon";

    font-size: 12px

}



#product #content .slick-arrow.slick-prev {

    left: 0

}



#product #content .slick-arrow.slick-prev:before {

    content: "\e903"

}



#product #content .slick-arrow.slick-next {

    right: 0

}



#product #content .slick-arrow.slick-next:before {

    content: "\e905"

}



#product .horizontal-thumb #content .product-images-thumb {

    margin: auto;

    margin-top: .625rem;

    max-width: 28.125rem

}



#product .horizontal-thumb #content .product-images-thumb .slick-arrow.slick-prev {

    left: -10px

}



#product .horizontal-thumb #content .product-images-thumb .slick-arrow.slick-next {

    right: -10px

}



#product .vertical-right #content .product-images-thumb,

#product .vertical-left #content .product-images-thumb {

    margin-top: .625rem

}



@media (min-width: 767px) {

    #product .vertical-right .images-container,

    #product .vertical-left .images-container {

        display: -ms-grid;

        display: grid;

        gap: 10px

    }

    #product .vertical-right #content .product-images-thumb,

    #product .vertical-left #content .product-images-thumb {

        max-width: 100%

    }

    #product .vertical-right #content .product-images-thumb .slick-slide,

    #product .vertical-left #content .product-images-thumb .slick-slide {

        padding: 5px 0;

        line-height: 1

    }

    #product .vertical-right #content .product-images-thumb .slick-arrow,

    #product .vertical-left #content .product-images-thumb .slick-arrow {

        position: absolute;

        top: auto;

        left: 50%;

        -webkit-transform: rotate(90deg);

        transform: rotate(90deg);

        margin-left: -15px

    }

    #product .vertical-right #content .product-images-thumb .slick-arrow.slick-prev,

    #product .vertical-left #content .product-images-thumb .slick-arrow.slick-prev {

        top: -10px

    }

    #product .vertical-right #content .product-images-thumb .slick-arrow.slick-prev:before,

    #product .vertical-left #content .product-images-thumb .slick-arrow.slick-prev:before {

        content: "\e903"

    }

    #product .vertical-right #content .product-images-thumb .slick-arrow.slick-next,

    #product .vertical-left #content .product-images-thumb .slick-arrow.slick-next {

        bottom: -10px

    }

    #product .vertical-right #content .product-images-thumb .slick-arrow.slick-next:before,

    #product .vertical-left #content .product-images-thumb .slick-arrow.slick-next:before {

        content: "\e905"

    }

    #product .vertical-right #content .product-images-cover,

    #product .vertical-left #content .product-images-cover {

        overflow: hidden;

        position: relative

    }

    #product .vertical-right .images-container {

        -ms-grid-columns: auto 98px;

        grid-template-columns: auto 98px

    }

}



@media (min-width: 767px) and (max-width: 1199px) {

    #product .vertical-right .images-container {

        -ms-grid-columns: auto 60px;

        grid-template-columns: auto 60px

    }

}



@media (min-width: 767px) {

    #product .vertical-right #content .product-images-thumb {

        margin: 0;

        margin-top: -5px

    }

    #product .vertical-left .images-container {

        -ms-grid-columns: 98px auto;

        grid-template-columns: 98px auto

    }

}



@media (min-width: 767px) and (max-width: 1199px) {

    #product .vertical-left .images-container {

        -ms-grid-columns: 60px auto;

        grid-template-columns: 60px auto

    }

}



@media (min-width: 767px) {

    #product .vertical-left #content .product-images-thumb {

        margin: 0;

        margin-top: -5px;

        -ms-grid-column: 1;

        grid-column-start: 1;

        -ms-grid-row: 1;

        grid-row-start: 1

    }

}



.product-price .price {

    color: var(--pricecolor);

    font-weight: 500;

    font-size: 1rem

}



.product-price .regular-price {

    text-decoration: line-through;

    color: #a2a2a2

}



#product-description-short {

    color: #0c0c0c

}



#product-description-short ul,

#product-description-short ol {

    padding-left: 0;

    list-style-position: inside;

    list-style-type: circle

}



#product-description-short ul li,

#product-description-short ol li {

    font-size: 0.9375rem;

    color: #666

}



#product-description-short ul {

    list-style-type: disc

}



.product-information {

    font-size: .9375rem;

    color: #0c0c0c

}



.product-information .manufacturer-logo {

    max-height: 4rem;

    margin-bottom: 1rem;

    border: 2px solid #f5f5f5

}



.product-description img {

    max-width: 100%;

    height: auto

}



.product-description ul,

.product-description ol {

    list-style: circle;

    list-style-position: inside

}



.product-description ul li,

.product-description ol li {

    font-size: 0.9375rem;

    color: #0c0c0c

}



.product-description ul li:not(:last-child),

.product-description ol li:not(:last-child) {

    margin-bottom: 6px

}



.input-color {

    position: absolute;

    width: 1.25rem;

    height: 1.25rem;

    cursor: pointer;

    opacity: 0;

    transition: all .3s linear

}



.input-container {

    position: relative

}



.input-radio {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    cursor: pointer;

    opacity: 0;

    transition: all .3s linear

}



.input-color:checked+span,

.input-color:hover+span,

.input-radio:checked+span,

.input-radio:hover+span {

    background: var(--hovercolor);

    color: #fff

}



.radio-label {

    display: inline-block;

    padding: .1875rem 1.25rem;

    font-weight: 400;

    color: #4e4c4c;

    background: #f6f6f6

}



.product-actions .control-label {

    display: block;

    width: 30%;

    font-weight: 900;

    margin-right: 1rem;

    color: #353535;

    font-size: 13px;

    text-transform: uppercase;

}



.product-actions .add-to-cart {

    line-height: inherit;

    text-transform: uppercase;

    padding: .8125rem .8125rem;

    width: 100%;

    background-color: #353535;

}

.product-actions .add-to-cart:hover{

    background-color: #B8CD06;

}

.product-actions .add-to-cart i {

    font-size: 18px;

}



.product-quantities .in-stock {

    font-weight: 500

}



.product-quantities span {

    font-weight: 500;

    color: #4cbb6c

}



.product-reference .label {

    font-weight: 500;

    color: #0c0c0c

}



.product-quantity {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.product-quantity .input-group-btn-vertical {

    position: static

}



.product-quantity .input-group-btn-vertical .btn-touchspin {

    height: auto;

    position: absolute;

    top: 0;

    bottom: 0;

    width: 50px;

    color: #353535;

    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;

    margin: 0;

    border: none

}



.product-quantity .input-group-btn-vertical .btn-touchspin:hover {

    background-color: #e0e0e0;

    color: #353535;

}



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

    right: 0;

    border-radius: 0 21px 21px 0;

}



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

    content: '\e97a'

}



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

    left: 0;

    border-radius: 21px 0 0 21px;

}



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

    content: '\e967'

}



.product-quantity .input-group-btn-vertical .btn-touchspin i {

    position: static;

    font-size: 1.125rem;

    margin: 0;

    font-family: "vecthemes-icon";

    font-style: normal

}



.product-quantity .qty,

.product-quantity .add {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    float: left;

    margin-bottom: 1rem

}



.product-quantity .qty {

    margin-right: 1rem

}



.product-quantity .qty .bootstrap-touchspin {

    position: relative;

    border: 1px solid #eee;

    padding: 0 50px;

    border-radius: 21px;

}



.product-quantity .add {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    margin-right: 1rem

}



.product-quantity .buy-cart {

    width: 100%

}



.product-quantity .buy-cart .buy-now {

    font-weight: 500;

    text-transform: uppercase;

    padding: .8125rem 2.8125rem;

    line-height: inherit;

    width: 100%

}



.product-quantity .buy-cart .buy-now:not(:hover) {

    background: #0c0c0c;

    color: #fff

}

.product-quantity label{

    font-weight: 900;

    font-size: 13px;

    line-height: 18px;

    text-transform: uppercase;

    padding-right: 30px;

  }

.product-quantity #quantity_wanted {

    width: 98px;

    height: 40px;

    border-left: 1px solid #eee;

    border-right: 1px solid #eee;

    padding: 0.175rem 0.5rem;

    color: #0c0c0c;

    background-color: #fff;

    border: none;

    text-align: center;

    font-size: 16px;

}



.product-quantity .input-group-btn-vertical {

    width: auto

}



.product-quantity .input-group-btn-vertical .btn {

    padding: 0.5rem 0.6875rem

}



.product-quantity .input-group-btn-vertical .btn i {

    top: 0.125rem;

    left: 0.1875rem;

    font-size: 20px;

}



.product-quantity .btn-touchspin {

    height: 1.438rem

}



.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: 0.3125rem #f5f5f5 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: 0.3125rem #f5f5f5 solid

}



.h1.namne_details {

    margin-bottom: 1rem;

    font-weight: 900;

}



.product-brand img {

    float: right;

    max-width: 11.25rem

}



.product-prices {

    margin: 1.25rem 0

}



.product-prices>div {

    margin-bottom: 0.625rem

}



.product-prices div {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    line-height: 1

}



.product-prices .tax-shipping-delivery-label {

    font-size: 0.8125rem;

    color: #666

}



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

    color: #666

}



.product-discount .regular-price {

    margin-right: .625rem;

    font-weight: 400;

    color: #a2a2a2;

    font-size: 1.25rem;

    text-decoration: line-through

}



.has-discount.product-price,

.has-discount p,

.has-discount .page-content.page-cms ul,

.page-content.page-cms .has-discount ul {

    color: #f39d72

}



.has-discount .discount {

    display: inline-block;

    padding: 0.3125rem .625rem;

    margin-left: .625rem;

    font-size: .8125rem;

    font-weight: 500;

    background: var(--buttonbackground);

    color: var(--buttoncolor);

    text-transform: uppercase

}



.product-unit-price {

    margin-bottom: 0;

    font-size: .8125rem;

    color: #0c0c0c

}



.content-specific,

.tabs,

.accordion {

    padding: 3.75rem 0;

    margin-top: 3.125rem;

    background: transparent;

    position: relative

}



.tabs .tab-pane {

    padding-top: 1.25rem

}



.tabs .nav-tabs {

    white-space: nowrap;

    overflow-y: hidden;

    border: none;

    text-align: center;

}

.tabs .nav-tabs .nav-link {

    color: #888;

    border: none;

    border-bottom: 2px solid transparent;

    font-size: 11px;

    text-transform: uppercase;

    font-weight: 700;

    background: transparent;

    border-radius: 20px;

    padding: 0.5rem 1.125rem;

}



.tabs .nav-tabs .nav-link.active {

    color: #fff;

    border: none;

    background: #B8CD06;

}



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

    color: #fff;

    border: none;

    background: #B8CD06;

}



.tabs .nav-tabs .nav-item {

    display: inline-block;

    float: none;

    margin-bottom: 0;

    margin-right: 1rem;

    border-right: 1px solid #eee;

    padding-right: 2rem;

}



.tabs .nav-tabs .nav-item:last-child {

    margin-right: 0;

    border-right: none;

}





.tabs .tab-content {

    padding: 1.875rem;

    margin-top: -1px

}



.tabs-left {

    text-align: left

}

@media (min-width: 768px) {

    .tabs .nav-tabs{

        padding-bottom: 10px;

    }

    .tabs .tab-content{

        padding: 10px 0;

    }

    .tabs-left {

        display: -ms-grid;

        display: grid;

        -ms-grid-columns: 15.625rem auto;

        grid-template-columns: 15.625rem auto

    }

    .tabs-left .nav-tabs {

        margin: 0;

        border: none

    }

    .tabs-left .nav-tabs .nav-item {

        display: block;

        margin: 0 .625rem .625rem 0

    }

    .tabs-left .nav-tabs .nav-item:last-child {

        margin-bottom: 0;

        margin-right: .625rem

    }

    .tabs-left .nav-tabs .nav-item .nav-link {

        padding: .625rem 1.25rem;

        margin: 0;

        background: #fff;

        border: 1px solid #e5e5e5

    }

    .tabs-left .nav-tabs .nav-item .nav-link:hover {

        color: #0c0c0c

    }

    .tabs-left .tab-content {

        overflow: hidden

    }

}



.accordion .card:last-child {

    margin-bottom: 0

}



.accordion .card-header {

    padding: 0;

    border: none

}



.accordion .card-header a {

    padding: 0.75rem 1.25rem;

    display: block;

    background: #fff;

    font-weight: 500;

    color: #0c0c0c;

    font-size: 1.0625rem;

    text-transform: uppercase;

    border: 1px solid #e5e5e5;

    position: relative;

    cursor: pointer

}



.accordion .card-header a:hover {

    color: #0c0c0c

}



.accordion .card-header a:before {

    content: '\e92e';

    font-family: "vecthemes-icon";

    font-size: 1rem;

    position: absolute;

    right: 1.25rem;

    top: 50%;

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

    transform: translateY(-50%);

    transition: all 300ms linear

}



.accordion .card-header a.collapsed:before {

    content: '\e9c9'

}



.accordion .card-body {

    padding: 1.875rem 1.25rem;

    border: 1px solid #e5e5e5;

    border-top: 0;

    background: #fff

}



.product-cover {

    position: relative;

    margin-bottom: 1.25rem

}



.product-cover img {

    background: #fff

}



@media (min-width: 576px) {

    #product-modal .modal-dialog {

        max-width: 700px

    }

}



#product-modal .modal-content {

    padding: 0;

    background: transparent;

    border: none

}



#product-modal .modal-content .modal-body {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding: 0

}



#product-modal .modal-content .modal-body>figure {

    background: #fff;

    padding: 1.875rem

}



#product-modal .thumbnails .product-images-modal {

    position: relative

}



#product-modal .thumbnails .product-images-modal:hover .slick-arrow {

    opacity: 1;

    visibility: visible

}



#product-modal .thumbnails .product-images-modal .slick-slide {

    padding: 0 5px

}



#product-modal .thumbnails .product-images-modal .slick-slide .thumb-container img {

    cursor: pointer;

    border: 2px solid #e5e5e5;

    width: 100%;

    transition: all 300ms linear

}



#product-modal .thumbnails .product-images-modal .slick-slide.is-active .thumb-container img,

#product-modal .thumbnails .product-images-modal .slick-slide:hover .thumb-container img {

    border-color: var(--hovercolor)

}



#product-modal .thumbnails .product-images-modal .slick-arrow {

    width: 1.875rem;

    height: 1.875rem

}



#product-modal .thumbnails .product-images-modal .slick-arrow:before {

    font-family: "vecthemes-icon";

    font-size: 10px

}



#blockcart-modal {

    color: #0c0c0c

}



#blockcart-modal .modal-header {

    background: #fff

}



#blockcart-modal .modal-header .close {

    opacity: 1;

    margin: 0

}



#blockcart-modal .modal-header .close .material-icons {

    color: #0c0c0c

}



#blockcart-modal .modal-body {

    padding: 1.875rem;

    background: #fff

}



#blockcart-modal .modal-body .divide-right span {

    display: block;

    margin-bottom: 0.3125rem

}



#blockcart-modal .modal-body .divide-right span strong {

    font-weight: 500

}



#blockcart-modal .modal-body .modal-quantity {

    font-size: 1.125rem;

    color: #0c0c0c

}



#blockcart-modal .modal-body .modal-quantity strong {

    font-weight: 500;

    font-size: .875rem

}



#blockcart-modal .modal-dialog {

    width: 100%;

    max-width: 900px

}



#blockcart-modal .product-image {

    display: block;

    width: 100%;

    max-width: 9.375rem;

    margin: 0

}



#blockcart-modal .modal-title {

    font-size: 1.125rem;

    font-weight: 500;

    color: #0c0c0c

}



#blockcart-modal .modal-title i.material-icons {

    margin-right: 1.875rem;

    color: #4cbb6c

}



#blockcart-modal .product-name {

    font-size: 1rem;

    color: #0c0c0c;

    font-weight: 400;

    margin-bottom: 1rem

}



#blockcart-modal .product-price {

    display: block;

    color: var(--pricecolor);

    font-size: 1.125rem;

    font-weight: 500;

    line-height: 1;

    margin-bottom: .625rem

}



#blockcart-modal .cart-content .btn {

    margin-bottom: .625rem

}



#blockcart-modal .cart-content strong {

    font-weight: 500;

    font-size: .875rem

}



#blockcart-modal .cart-content p,

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

.page-content.page-cms #blockcart-modal .cart-content ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    color: #0c0c0c;

    font-size: 1rem;

    margin-bottom: .3125rem

}



#blockcart-modal .cart-content p .product-total,

#blockcart-modal .cart-content .page-content.page-cms ul .product-total,

.page-content.page-cms #blockcart-modal .cart-content ul .product-total {

    font-weight: 500;

    font-size: 1.125rem

}



#blockcart-modal .cart-content p.cart-products-count,

#blockcart-modal .cart-content .page-content.page-cms ul.cart-products-count,

.page-content.page-cms #blockcart-modal .cart-content ul.cart-products-count {

    font-size: 1rem;

    font-weight: 500;

    color: #0c0c0c;

    text-transform: uppercase

}



#blockcart-modal .cart-content p.product-tax,

#blockcart-modal .cart-content .page-content.page-cms ul.product-tax,

.page-content.page-cms #blockcart-modal .cart-content ul.product-tax {

    display: inherit;

    font-size: 0.875rem

}



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

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

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

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

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

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

    font-weight: 600

}



#blockcart-modal .cart-content .cart-content-btn {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    margin-top: .9375rem

}



#blockcart-modal .cart-content .cart-content-btn button {

    margin-right: 0.9rem

}



#blockcart-modal .cart-content .cart-content-btn .btn {

    white-space: inherit;

    padding: .5rem .9375rem;

    font-size: .8125rem

}



#blockcart-modal .cart-content .cart-content-btn .btn i {

    vertical-align: -4px;

    font-size: 1.125rem

}



#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: block;

    margin-top: 1.875rem;

    font-weight: 700

}



#product-availability .material-icons {

    line-height: inherit

}



#product-availability .product-available {

    color: #4cbb6c

}



#product-availability .product-unavailable {

    color: #ff9a52

}



#product-availability .product-last-items {

    color: #ff9a52

}



#product-details .label {

    font-size: 1rem;

    font-weight: 500;

    color: #0c0c0c

}



.product-manufacturer .img-thumbnail {

    padding: 0;

    margin-bottom: 1.25rem

}



.product-features {

    margin-top: 1.25rem

}



.product-features>dl.data-sheet {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -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: 0.5rem;

    font-weight: 500;

    text-transform: capitalize;

    word-break: normal;

    background: #f5f5f5

}



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

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

    background: #fff

}



.product-features>dl.data-sheet dd.value {

    font-weight: 400;

    color: #0c0c0c

}



.product-variants>.product-variants-item {

    margin: 1.25rem 0;

    display: flex;

    align-items: center;

}



.product-variants>.product-variants-item ul {

    list-style: none;

    padding-left: 0;

    margin-bottom: 0;

    width: 100%;

}



.product-variants>.product-variants-item select {

    padding-right: 1.875rem;

    padding-left: 1.875rem;

    background-color: #fff;

    border-radius: 25px;

}



.product-variants>.product-variants-item ul li {

    margin-right: .625rem

}



.product-variants>.product-variants-item .color {

    margin-top: 0;

    margin-left: 0;

    height: 1.25rem;

    width: 1.25rem;

    border-radius: 50%;

    margin: .3125rem .625rem 0 0;

    box-shadow: none;

    position: relative

}



.product-variants>.product-variants-item .color.active,

.product-variants>.product-variants-item .color:hover {

    border: 1px solid #e5e5e5

}



.product-variants>.product-variants-item .input-color:checked+span:before,

.product-variants>.product-variants-item .input-color:hover+span:before {

    content: '';

    position: absolute;

    left: -0.3125rem;

    right: -0.3125rem;

    top: -0.3125rem;

    bottom: -0.3125rem;

    border-radius: 50%;

    border: 1px solid var(--hovercolor);

    pointer-events: none;

    transition: all .3s linear

}



.product-flags {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    width: 100%;

    pointer-events: none

}



.product-flags li.product-flag {

    width: -webkit-fit-content;

    width: -moz-fit-content;

    width: fit-content;

    padding: 0.3125rem 0.4375rem;

    margin-top: .625rem;

    font-size: 1rem;

    font-weight: 700;

    color: #fff;

    text-transform: uppercase;

    pointer-events: auto;

    background: #0c0c0c

}



.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: 0.3125rem;

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

    vertical-align: middle;

    content: "\E30A"

}



.product-flags li.product-flag.discount-percentage,

.product-flags li.product-flag.discount-amount,

.product-flags li.product-flag.discount {

    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-customization-item {

    margin: 1.25rem 0

}



.product-customization .product-message {

    width: 100%;

    height: 3.125rem;

    padding: 0.625rem;

    resize: none;

    background: #f5f5f5;

    border: none

}



.product-customization .product-message:focus {

    background-color: #fff;

    outline: 0.1875rem solid #0c0c0c

}



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

    text-indent: 0.625rem;

    background: #f5f5f5

}



.product-customization .custom-file button {

    position: absolute;

    top: 0;

    right: 0;

    z-index: 0

}



.product-customization small {

    color: #666

}



.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: 0.875rem;

    color: #666

}



.product-pack .pack-product-container .pack-product-quantity {

    padding-left: .625rem;

    border-left: #f5f5f5 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: 1.25rem

}



.social-sharing {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%

}



.social-sharing>span {

    font-weight: 500;

    text-transform: uppercase;

    margin-right: .9375rem;

    color: #0c0c0c

}



.social-sharing ul {

    margin-bottom: 0

}



.social-sharing li {

    display: inline-block;

    width: 2rem;

    height: 2rem;

    margin-left: .3125rem;

    cursor: pointer;

    background-color: #fff;

    background-repeat: no-repeat;

    background-position: 0.25rem 0.25rem;

    background-size: 2rem 2rem;

    border-radius: 50%;

    background-image: none !important

}



.social-sharing li:before {

    display: none

}



.social-sharing li.facebook {

    background: #3b5998

}



.social-sharing li.facebook a:before {

    content: '\e92e'

}



.social-sharing li.twitter {

    background: #1da1f2

}



.social-sharing li.twitter a:before {

    content: '\e9b9'

}



.social-sharing li.pinterest {

    background: #e60023

}



.social-sharing li.pinterest a:before {

    content: '\e977'

}



.social-sharing li a {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    width: 100%;

    height: 100%;

    overflow: hidden;

    font-size: 0;

    color: #fff;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    border-radius: 50%

}



.social-sharing li a:before {

    font-family: "vecthemes-icon";

    font-size: 1.125rem

}



.products-selection {

    margin-bottom: 1.25rem

}



.products-selection .title {

    color: #666

}



@media (max-width: 991px) {

    .product-cover img {

        width: 100%;

        height: auto

    }

    #product-modal .modal-content .modal-body {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        margin-left: 0

    }

    #product-modal .modal-content .modal-body img.product-cover-modal {

        width: 100%

    }

    #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: none

    }

}



@media (max-width: 767px) {

    #blockcart-modal .modal-body {

        padding: 1rem

    }

}



.easyzoom {

    position: relative;

    display: inline-block;

    *display: inline;

    *zoom: 1

}



.easyzoom img {

    vertical-align: bottom

}



.easyzoom.is-loading img {

    cursor: progress

}



.easyzoom.is-ready img {

    cursor: crosshair

}



.easyzoom.is-error img {

    cursor: not-allowed

}



.easyzoom-notice {

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 150;

    width: 10em;

    margin: -1em 0 0 -5em;

    line-height: 2em;

    text-align: center;

    background: #FFF;

    box-shadow: 0 0 10px #888

}



.easyzoom-flyout {

    position: absolute;

    z-index: 100;

    overflow: hidden;

    background: #FFF

}



.easyzoom--overlay .easyzoom-flyout {

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



.easyzoom--adjacent .easyzoom-flyout {

    top: 0;

    left: 100%;

    width: 100%;

    height: 100%;

    margin-left: 20px

}



.easyzoom--overlay .easyzoom-flyout img {

    max-width: none

}



.cart-grid {

    margin-bottom: 1rem

}



.cart-items {

    margin-bottom: 0

}



.cart-items .cart-items-title {

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: .625rem;

    margin-bottom: .625rem

}



.cart-items h4 {

    margin-bottom: 0px;

    font-size: 1rem;

    text-transform: uppercase

}



.cart-item {

    padding: 1rem 0;

    border-bottom: 1px solid #e5e5e5

}



.cart-item .row {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.cart-item .product-price {

    margin: 0

}



.cart-item .product-price>strong {

    color: var(--pricecolor);

    font-weight: 500;

    font-size: 1.125rem

}



.cart-item .product-price .regular-price {

    font-weight: 400;

    font-size: .875rem;

    color: #a2a2a2;

    text-decoration: line-through

}



.cart-item .product-price .discount {

    display: none

}



.cart-item .remove-cart {

    padding-left: 0

}



.card-block {

    padding: 1.25rem 1.25rem 0.5rem

}



.card-block.checkout {

    padding-top: 0;

    padding-bottom: 1.75rem

}



.card-block.checkout .btn-primary {

    width: 100%;

    white-space: normal

}



.card-block.cart-detailed-subtotals+.cart-summary-totals .cart-total {

    border-top: 1px solid #afafaf57

}



.card-block.cart-summary-totals {

    padding: 0 1.25rem 0.825rem

}



.card-block.cart-summary-totals .cart-summary-line {

    padding: 0.5rem 0 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: .9375rem 0 0 0;

    border-top: 1px solid #e5e5e5

}



.card-block.cart-summary-totals .cart-summary-line.cart-total .label,

.card-block.cart-summary-totals .cart-summary-line.cart-total .value {

    font-weight: 500

}



.card-block.cart-summary-totals .cart-summary-line.cart-total .label {

    font-size: .875rem;

    text-transform: uppercase

}



.card-block.cart-summary-totals .cart-summary-line.cart-total .value {

    font-size: 1.25rem;

    color: #DA2E1F;

    line-height: 1.5rem

}



.card-block.cart-summary-totals .cart-summary-line span.sub {

    float: none;

    font-size: 0.88rem;

    text-align: left

}



.cart-summary-line {

    margin-bottom: 0.315rem;

    clear: both

}



.cart-summary-line::after {

    content: "";

    display: table;

    clear: both

}



.cart-summary-line:not(:last-child) {

    margin-bottom: .625rem

}



.cart-summary-line .label {

    padding-left: 0;

    font-weight: 400;

    color: #0c0c0c;

    white-space: inherit

}



.cart-summary-line .value {

    float: right;

    font-weight: 600;

    color: #0c0c0c

}



.cart-summary-line.cart-summary-subtotals .label,

.cart-summary-line.cart-summary-subtotals .value {

    font-weight: 500

}



.cart-summary-line .label,

.cart-summary-line .value {

    font-size: .875rem

}



.cart-summary-line .value {

    font-size: 1rem

}



.cart-grid-body {

    margin-bottom: 0.75rem

}



.cart-grid-body .card-block {

    padding: 1rem

}



.cart-grid-body .card-block h1 {

    margin-bottom: 0;

    font-size: 1.5rem;

    font-weight: 400

}



.cart-grid-body .cart-overview {

    padding: 1rem 0

}



.cart-grid-right .promo-discounts {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

    margin-bottom: 0;

    text-align: center

}



.cart-grid-right .promo-discounts .cart-summary-line .label {

    font-size: 1rem;

    color: #666

}



.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 .cart-voucher {

    background: #f5f5f5;

    padding: 1.25rem;

    border: 1px solid #e5e5e5;

    margin-bottom: 1rem

}



.block-promo .promo-code {

    background: #fff;

    position: relative

}



.block-promo .promo-code .alert-danger {

    position: relative;

    display: none;

    margin-top: 1.25rem;

    color: #fff;

    background: #ff4c4c

}



.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-code form {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap

}



.block-promo .promo-input {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    border: 1px solid #e5e5e5;

    padding: 0 .9375rem;

    border-right: 0;

    min-width: 100px

}



.block-promo .promo-input:focus-visible {

    outline: none

}



.block-promo .cart-summary-line .label,

.block-promo .promo-name {

    margin-bottom: 0;

    font-weight: 600;

    color: #ff9a52

}



.block-promo .cart-summary-line .label a,

.block-promo .promo-name a {

    display: inline-block;

    font-weight: 500;

    color: #0c0c0c

}



.block-promo .promo-name .cart-summary-line .label {

    font-weight: 500;

    color: #0c0c0c

}



.block-promo .promo-name .cart-summary-line span {

    color: #f49d6e;

    font-weight: 400

}



.block-promo .promo-name .material-icons {

    margin-left: 0.4rem;

    font-size: 1.2rem

}



.block-promo .promo-code-button {

    display: block;

    padding: 0 0 1rem 0;

    font-weight: 500;

    color: #0c0c0c;

    line-height: 1

}



.block-promo .promo-code-button.with-discounts {

    display: none

}



.block-promo .promo-code-button.cancel-promo {

    margin-bottom: 0;

    color: #0c0c0c;

    position: absolute;

    right: 0;

    top: -1.875rem;

    font-size: 0

}



.block-promo .promo-code-button.cancel-promo:hover {

    color: var(--hovercolor)

}



.block-promo .promo-code-button.cancel-promo::before {

    content: "";

    font-family: "vecthemes-icon";

    content: "\e920";

    font-size: 1.25rem;

    line-height: 1

}



.block-promo .promo-code-button.cancel-promo[aria-expanded="true"] {

    display: block;

    padding: 0

}



.block-promo.promo-highlighted {

    padding: 0 1rem;

    margin-bottom: 0;

    text-align: center

}



.block-promo p,

.block-promo .page-content.page-cms ul,

.page-content.page-cms .block-promo ul {

    margin-bottom: 0

}



.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: #f00

}



.product-line-grid-body>.product-line-info>.available {

    color: #4cbb6c

}



.product-line-grid-body>.product-line-info>.unit-price-cart {

    padding-left: 0.3125rem;

    font-size: 0.875rem;

    color: #666

}



.product-line-grid-right .cart-line-product-actions,

.product-line-grid-right .product-price {

    line-height: 1;

    color: #0c0c0c

}



.product-line-grid-right .cart-line-product-actions .remove-from-cart i,

.product-line-grid-right .product-price .remove-from-cart i {

    font-size: 1rem

}



.product-line-grid-right .qty .bootstrap-touchspin {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    border: 1px solid #e5e5e5

}



.product-line-grid-right .qty .bootstrap-touchspin input.form-control {

    border: none;

    text-align: center;

    width: 2.5rem;

    font-weight: 400;

    font-size: .8125rem;

    border-left: 1px solid #e5e5e5;

    border-right: 1px solid #e5e5e5

}



.product-line-grid-right .qty .bootstrap-touchspin .input-group-btn>.btn {

    font-weight: 500;

    color: #0c0c0c;

    min-width: 1.375rem;

    font-size: 1rem;

    padding: 0;

    background: #f5f5f5;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin: 0

}



.product-line-grid-right .qty .bootstrap-touchspin .input-group-btn>.btn:hover {

    background: #dbdbdb

}



@media (max-width: 767px) {

    .product-line-grid-body {

        margin-bottom: 1rem

    }

}



@media (max-width: 575px) {

    .cart-items {

        padding: 1rem 0

    }

    .cart-item {

        border-bottom: 1px solid #f5f5f5

    }

    .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

    }

}



@media (max-width: 360px) {

    .product-line-grid-right .qty {

        width: 100%

    }

    .product-line-grid-right .price {

        width: 100%

    }

}



#block-reassurance {

    margin-top: 2rem

}



#block-reassurance img {

    width: 1.563rem;

    margin-right: 0.625rem

}



#block-reassurance li {

    border-bottom: 1px solid rgba(0, 0, 0, 0.25)

}



#block-reassurance li:last-child {

    border: 0

}



#block-reassurance li .block-reassurance-item {

    padding: 1rem 1.5rem

}



#product #block-reassurance {

    background: #fff

}



#product #block-reassurance span {

    font-weight: 700

}



.blockreassurance_product {

    margin-bottom: 30px

}



.blockreassurance_product>div {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%

}



.blockreassurance_product>div>*:not(.item-product) {

    overflow: hidden

}



.blockreassurance_product>div>* {

    float: left;

    margin: 0

}



.blockreassurance_product>div:not(:last-child) {

    margin-bottom: 5px

}



.blockreassurance_product .item-product {

    margin-right: 0.625rem !important;

    width: auto !important;

    height: auto !important;

    padding: 0 !important;

    line-height: 1

}



.blockreassurance_product .block-title {

    font-weight: 500;

    font-size: 0.875rem

}



.blockreassurance_product .block-title:after {

    content: ':';

    display: inline-block;

    margin: 0 5px 0 2px

}



.quickview .modal-dialog {

    width: calc(100% - 30px);

    max-width: 64rem

}



.quickview .modal-content {

    min-height: 28.13rem

}



.quickview .modal-header {

    padding: .625rem;

    border: none

}



.quickview .modal-header .close {

    margin-top: 0

}



.quickview .modal-body {

    min-height: 23.75rem;

    padding: 1.25rem

}



.quickview .modal-footer {

    border-top: 1px solid #e5e5e5;

    padding: 1.25rem

}



.quickview .layer {

    display: none

}



.quickview .product-images-cover {

    margin-bottom: .625rem

}



.quickview .product-images-cover .cover-item {

    padding: 0

}



.quickview .images-container {

    z-index: 1

}



.quickview .images-container .icon-zoom {

    display: none

}



.quickview #product_comments_block_extra .reviews {

    display: none

}



.quickview .social-sharing {

    margin-top: 0

}



.quickview .images-container {

    margin-bottom: 1.25rem

}



.quickview .images-container .product-images-thumb {

    margin: auto;

    margin-top: .625rem;

    max-width: 28.125rem

}



.quickview .images-container .product-images-thumb .slick-arrow.slick-prev {

    left: -10px

}



.quickview .images-container .product-images-thumb .slick-arrow.slick-next {

    right: -10px

}



.quickview .images-container .product-images-cover {

    border: 1px solid #e5e5e5;

    position: relative

}



.quickview .images-container .product-images-cover .icon-zoom {

    display: none

}



.quickview .images-container .product-images-cover:hover .slick-arrow {

    opacity: 1;

    visibility: visible

}



.quickview .images-container .product-images-cover:hover .slick-arrow.slick-prev {

    left: 1.25rem

}



.quickview .images-container .product-images-cover:hover .slick-arrow.slick-next {

    right: 1.25rem

}



.quickview .images-container .product-images-thumb {

    position: relative

}



.quickview .images-container .product-images-thumb:hover .slick-arrow {

    opacity: 1;

    visibility: visible

}



.quickview .images-container .product-images-thumb .slick-slide {

    padding: 0 5px

}



.quickview .images-container .product-images-thumb .slick-slide .thumb-item img {

    cursor: pointer;

    border: 1px solid #e5e5e5;

    width: 100%;

    transition: all 300ms linear

}



.quickview .images-container .product-images-thumb .slick-slide.is-active .thumb-item img,

.quickview .images-container .product-images-thumb .slick-slide:hover .thumb-item img {

    border-color: var(--hovercolor)

}



.quickview .images-container .product-images-thumb .slick-arrow {

    width: 1.875rem;

    height: 1.875rem

}



.quickview .images-container .product-images-thumb .slick-arrow:before {

    font-family: "vecthemes-icon";

    font-size: 10px

}



.quickview .slick-arrow {

    position: absolute;

    top: 50%;

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

    transform: translateY(-50%);

    width: 2.8125rem;

    height: 2.8125rem;

    border-radius: 50%;

    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;

    font-size: 0;

    cursor: pointer;

    color: #000;

    background: #fff;

    border: none;

    box-shadow: 0px 5px 13.5px 1.5px rgba(0, 0, 0, 0.07);

    transition: all 300ms linear;

    z-index: 1;

    opacity: 0;

    visibility: hidden

}



.quickview .slick-arrow:hover {

    background: var(--buttonbackground);

    color: var(--buttoncolor)

}



.quickview .slick-arrow:before {

    font-family: "vecthemes-icon";

    font-size: 12px

}



.quickview .slick-arrow.slick-prev {

    left: 0

}



.quickview .slick-arrow.slick-prev:before {

    content: "\e903"

}



.quickview .slick-arrow.slick-next {

    right: 0

}



.quickview .slick-arrow.slick-next:before {

    content: "\e905"

}



#stores .page-stores {

    margin: 0 auto

}



#stores .page-stores .store-item {

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: 1.25rem;

    margin-bottom: 20px

}



#stores .page-stores .store-picture img {

    max-width: 100%

}



#stores .page-stores .store-item-container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    margin: 0 -15px

}



#stores .page-stores .store-item-container ul {

    margin-bottom: 0;

    font-size: .9375rem

}



#stores .page-stores .store-item-container .divide-left tr {

    height: 1.563rem

}



#stores .page-stores .store-item-container .divide-left td {

    padding-left: 0.375rem

}



#stores .page-stores .store-item-container .divide-left th {

    color: #0c0c0c;

    font-weight: 500

}



#stores .page-stores .store-item-container .store-description {

    font-size: 1rem

}



#stores .page-stores .store-item-container .store-description .address {

    margin-bottom: 0

}



#stores .page-stores .store-item-footer {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    padding-top: 0.5rem;

    margin-top: 0.5rem

}



#stores .page-stores .store-item-footer.divide-top {

    border-top: #f5f5f5 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: #666

}



#stores .page-stores .store-item-footer li {

    margin-bottom: .625rem

}



@media (max-width: 767px) {

    #stores .page-stores {

        width: 100%

    }

    #stores .page-stores .store-item-container {

        padding: 1rem 0

    }

}



@media (max-width: 575px) {

    #stores .page-stores .store-item-container {

        display: block

    }

    #stores .page-stores .store-item-container .divide-left {

        border-left: none

    }

    #stores .page-stores .store-item-container .store-description a {

        margin-bottom: 0.5rem

    }

    #stores .page-stores .store-item-container .store-description address {

        margin-bottom: 0.5rem

    }

    #stores .page-stores .store-item-footer {

        display: block

    }

    #stores .page-stores .store-item-footer.divide-top {

        border-top: #f5f5f5 1px solid

    }

    #stores .page-stores .store-item-footer li {

        margin-bottom: .625rem

    }

    #stores .page-stores .store-item-footer .card-block {

        padding: 0.75rem 0.75rem 0

    }

}



#footer {

    margin-top: 3.75rem

}



#index #footer {

    margin-top: 0

}



.block-contact {

    font-size: 0.875rem;

    color: #666

}



.block-contact .block-contact-title {

    color: #0c0c0c

}



.block-contact .navbar-toggler .material-icons {

    color: #0c0c0c

}



@media (max-width: 767px) {

    .block-contact #contact-infos {

        padding: 0.625rem;

        padding-top: 0

    }

}



.linklist .blockcms-title a {

    color: #0c0c0c

}



.account-list a {

    color: #666

}



.account-list a:hover {

    color: #0c0c0c

}



.blockcms-title,

.myaccount-title,

.myaccount-title a,

.block-contact-title {

    font-size: 1rem;

    font-weight: 700

}



.block-social {

    text-align: right

}



.block-social ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



@media (max-width: 767px) {

    .block-social ul {

        -ms-flex-flow: wrap;

        flex-flow: wrap

    }

}



.block-social ul li {

    display: inline-block;

    width: 2.5rem;

    height: 2.5rem;

    margin: 0.125rem;

    cursor: pointer;

    background-color: #f5f5f5;

    background-repeat: no-repeat

}



@media (max-width: 767px) {

    .block-social ul li {

        width: 2rem;

        height: 2rem;

        margin-right: 1.3rem;

        margin-bottom: 1.3rem;

        background-size: contain

    }

}



.block-social ul li:hover {

    background-color: #0c0c0c

}



.block-social ul li a {

    display: block;

    height: 100%;

    overflow: hidden;

    text-indent: 100%;

    white-space: nowrap

}



.block-social ul li a:hover {

    color: transparent

}



#block_myaccount_infos .myaccount-title a {

    color: #0c0c0c

}



.footer-container {

    padding-top: 2.5rem;

    overflow: hidden

}



.footer-container .h3,

.footer-container .h4 {

    margin-bottom: 1rem;

    font-size: 1rem

}



.footer-container li {

    margin-bottom: 0.3125rem

}



.footer-container li a {

    font-size: .875rem;

    color: #666;

    cursor: pointer

}



.footer-container li a:hover {

    color: #0c0c0c

}



.links .collapse {

    display: inherit

}



@media (max-width: 767px) {

    .footer-container {

        margin-top: 0;

        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: 0.625rem;

        font-weight: 600;

        border-bottom: 1px solid #fff

    }

    .footer-container .links ul>li a {

        color: #0c0c0c

    }

    .links .collapse {

        display: none

    }

    .links .collapse.in {

        display: block

    }

    .links .title {

        padding: 0.625rem;

        cursor: pointer;

        border-bottom: 1px solid #f6f6f6

    }

    .links .title .collapse-icons .remove {

        display: none

    }

    .links .title[aria-expanded="true"] .collapse-icons .add {

        display: none

    }

    .links .title[aria-expanded="true"] .collapse-icons .remove {

        display: block

    }

    .links .navbar-toggler {

        display: inline-block;

        padding: 0

    }

}



@media (max-width: 991px) {

    .block-social {

        text-align: center

    }

    .block-contact {

        padding-left: 1.5rem

    }

}



.contact-rich {

    margin-bottom: 2rem;

    color: #666;

    word-wrap: break-word

}



.contact-rich h4 {

    margin-bottom: 2rem;

    color: #0c0c0c;

    text-transform: uppercase

}



.contact-rich .block {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 1.25rem

}



.contact-rich .block .icon {

    margin-right: .625rem;

    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: 2.5rem;

    height: 2.5rem;

    color: white;

    background: #0c0c0c

}



.contact-rich .block .icon i {

    font-size: 1.25rem

}



.contact-rich .block .data {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    overflow: hidden;

    font-size: .875rem;

    color: #0c0c0c

}



.contact-rich .block .data.email {

    padding-top: 0.375rem

}



.contact-rich .block a[href^="mailto:"] {

    margin-top: 1rem;

    clear: both

}



@media (min-width: 576px) {

    .contact-rich .block a[href^="mailto:"] {

        font-size: 0.815rem

    }

}



#contact .page-content {

    padding: 0

}



.contact-form {

    width: 100%;

    color: #666;

    background: #fff

}



.contact-form h3 {

    color: #0c0c0c;

    text-transform: uppercase

}



.contact-form .form-control-comment {

    padding-top: .9375rem

}



#products #main .page-header,

#pagenotfound #main .page-header {

    margin: 2rem 0 3rem

}



#products #main .page-content,

#pagenotfound #main .page-content {

    margin-bottom: 10rem

}



#products .page-not-found,

#pagenotfound .page-not-found {

    margin: 0 auto;

    overflow: auto;

    font-size: .875rem;

    color: #666;

    background: #fff;

    text-align: center;

    padding-top: 3.75rem

}



#products .page-not-found h4,

#pagenotfound .page-not-found h4 {

    margin: 0.5rem 0 1rem;

    font-size: 2.4rem;

    font-weight: 500

}



#products .page-not-found p,

#products .page-not-found .page-content.page-cms ul,

.page-content.page-cms #products .page-not-found ul,

#pagenotfound .page-not-found p,

#pagenotfound .page-not-found .page-content.page-cms ul,

.page-content.page-cms #pagenotfound .page-not-found ul {

    font-size: 1rem;

    margin-bottom: 3.75rem

}



#products .page-not-found .image-404,

#pagenotfound .page-not-found .image-404 {

    font-size: 6rem;

    color: #0c0c0c;

    line-height: 1;

    margin-bottom: 1.875rem;

    font-weight: 700

}



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

#pagenotfound .page-not-found .search-widget {

    float: none

}



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

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

    width: 100%

}



.page-search #product-list-header {

    display: none

}



.customization-modal .modal-content {

    border: 1px solid #f6f6f6;

    border-radius: 0

}



.customization-modal .modal-content .modal-body {

    padding-top: 0

}



.customization-modal .modal-content .modal-body .product-customization-line {

    padding-top: 0.9375rem;

    padding-bottom: 0.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:last-child {

    padding-bottom: 0;

    border-bottom: 0

}



.sitemap-title {

    text-transform: capitalize

}



.sitemap {

    margin-top: 0.9375rem

}



.sitemap h2 {

    width: 100%;

    height: 35px;

    margin-left: -15px;

    font-size: 1.1rem;

    font-weight: 600;

    color: #0c0c0c;

    text-transform: uppercase;

    border-bottom: 1px solid #e5e5e5

}



.sitemap ul {

    margin-top: 20px;

    margin-left: -15px

}



.sitemap ul.nested {

    margin-left: 20px

}



.sitemap ul li {

    margin-bottom: 1rem;

    font-size: 0.9rem

}



@media (max-width: 575px) {

    .sitemap {

        margin-top: 0

    }

}



.block_newsletter {

    float: inherit;

    width: 100%;

    max-width: 50rem;

    margin: auto;

    margin-bottom: 0.625rem;

    clear: both;

    font-size: .875rem;

    background: #fff

}



.block_newsletter form {

    position: relative

}



.block_newsletter form input[type="text"] {

    min-width: 255px;

    padding: 10px;

    color: #666;

    border: none;

    border: 1px solid #e5e5e5

}



.block_newsletter form input[type="text"]:focus {

    color: #0c0c0c;

    background: #fff

}



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

    color: #0c0c0c

}



.block_newsletter form button[type="submit"] {

    position: absolute;

    right: 0.125rem;

    bottom: 0.3125rem;

    color: #666;

    background: none;

    border: none

}



.block_newsletter form button[type="submit"] .search:hover {

    color: #0c0c0c

}



.block_newsletter #block-newsletter-label {

    font-size: 1.3125rem;

    line-height: 1.75rem;

    color: #0c0c0c

}



.block_newsletter form .input-wrapper {

    overflow: hidden

}



.block_newsletter form .row .col-xs-12:last-of-type p,

.block_newsletter form .row .col-xs-12:last-of-type .page-content.page-cms ul,

.page-content.page-cms .block_newsletter form .row .col-xs-12:last-of-type ul {

    font-size: 0.75rem;

    color: #666

}



.block_newsletter form .row .col-xs-12:first-of-type .btn-primary:first-of-type {

    margin-left: 0.5rem

}



.block_newsletter form input[type="email"] {

    width: 100%;

    padding: 11px;

    border: 1px solid #e5e5e5

}



.block_newsletter form input[type="email"]:focus {

    padding: 8px 8px 9px;

    border: 3px #0c0c0c solid;

    outline: 0

}



.block_newsletter form input {

    height: 42px;

    box-shadow: none

}



#footer .block_newsletter p,

#footer .block_newsletter .page-content.page-cms ul,

.page-content.page-cms #footer .block_newsletter ul {

    padding-top: .625rem

}



#footer .block_newsletter #block-newsletter-label {

    padding-top: 0

}



#left-column .block_newsletter {

    padding: 1.563rem 1.25rem;

    margin-bottom: 1.563rem

}



#manufacturer #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;

    transition: 0.4s ease-out

}



#manufacturer #main ul .brand-infos a {

    display: inline-block

}



#manufacturer #main ul .brand:hover {

    box-shadow: 0 0 8px 0 rgba(0, 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 {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    width: 100%;

    height: 100%;

    content: ""

}



@media (max-width: 991px) {

    #manufacturer #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

    }

}



#header {

    position: relative;

    background: #fff

}



#header .logo {

    max-width: 100%;

    height: auto

}



#header #_desktop_logo h1 {

    margin-bottom: 0

}



#header a:hover {

    text-decoration: none

}



#header .menu {

    display: inline-block

}



#header .menu>ul>li {

    display: inline-block

}



#header .header-nav {

    max-height: 50px;

    border-bottom: #f5f5f5 2px solid

}



#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: 0.9375rem;

    margin-left: 0.9375rem;

    white-space: nowrap

}



#header .header-nav .user-info {

    margin-top: 0.9375rem;

    margin-left: 2.5rem;

    text-align: right;

    white-space: nowrap

}



#header .header-nav .user-info .account {

    margin-left: .625rem

}



#header .header-nav .language-selector {

    margin-top: 0.9375rem;

    white-space: nowrap

}



#header .header-nav .cart-preview.active {

    background: #0c0c0c

}



#header .header-nav .cart-preview.active a,

#header .header-nav .cart-preview.active i {

    color: #fff

}



#header .header-nav .cart-preview .shopping-cart {

    color: #666;

    vertical-align: middle

}



#header .header-nav .cart-preview .body {

    display: none

}



#header .header-nav .blockcart {

    height: 3rem;

    padding: 0.75rem;

    margin-left: 0.9375rem;

    text-align: center;

    white-space: nowrap;

    background: #f5f5f5

}



#header .header-nav .blockcart a {

    color: #666

}



#header .header-nav .blockcart a:hover {

    color: #0c0c0c

}



#header .header-nav .blockcart.active a:hover {

    color: #fff

}



#header .header-nav .blockcart .header {

    margin-top: 0.125rem

}



#header .header-nav #_desktop_contact_link {

    display: inline-block

}



#header .header-nav #_desktop_contact_link #contact-link {

    margin-top: 0.9375rem

}



#header .header-nav .search-widget {

    margin-top: 0.2rem

}



#header .header-nav .material-icons {

    line-height: inherit

}



#header .header-nav .material-icons.expand-more {

    margin-left: -0.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: 15px

}



#header .header-top .position-static {

    position: static

}



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

    color: #666;

    text-transform: uppercase

}



#header .header-top .search-widget {

    float: right

}



#header .top-menu-link {

    margin-left: 1.25rem

}



@media (max-width: 767px) {

    #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

    }

}



#wrapper .banner {

    display: block;

    margin-bottom: 1.5rem

}



#wrapper .page-title-wrapper {

    padding: 3rem 0;

    background-size: cover !important;

    background-repeat: no-repeat !important;

    background-position: center !important;

    margin-bottom: 3.75rem

}



@media (max-width: 767px) {

    #wrapper .page-title-wrapper {

        padding: 1.25rem 0 !important;

        margin-bottom: 1.875rem

    }

    #wrapper .page-title-wrapper h1 {

        font-size: 1.25rem !important

    }

}



#wrapper .page-title-wrapper .page-header h1 {

    font-size: 2rem;

    font-weight: 500;

    margin-bottom: 0;

    color: var(--pagetitlecolor)

}



#wrapper .page-title-wrapper.v_tilte_small {

    padding: 1.875rem 0

}



#wrapper .page-title-wrapper.v_tilte_small .page-header h1 {

    font-size: 1.5rem

}



#wrapper .page-title-wrapper.v_tilte_big {

    padding: 5rem 0

}



#wrapper .page-title-wrapper.v_tilte_big .page-header h1 {

    font-size: 2.5rem

}



#wrapper .breadcrumb {

    padding: 0;

    background: transparent;

    margin: 0

}



#wrapper .breadcrumb[data-depth="1"] {

    display: none

}



#wrapper .breadcrumb ol {

    padding-left: 0;

    margin-bottom: 0

}



#wrapper .breadcrumb li {

    display: inline

}



#wrapper .breadcrumb li::after {

    margin: 0.3125rem;

    color: var(--pagetitlecolor);

    content: "/"

}



#wrapper .breadcrumb li:last-child {

    margin: 0;

    color: var(--pagetitlecolor);

    opacity: 0.75

}



#wrapper .breadcrumb li:last-child::after {

    content: ""

}



#wrapper .breadcrumb li a {

    color: var(--pagetitlecolor)

}



#wrapper .breadcrumb li a:hover {

    color: var(--hovercolor)

}



#main .page-header {

    margin-bottom: 1.563rem

}



#main .page-content {

    margin-bottom: 1.563rem

}



#main .page-content h6 {

    margin-bottom: 1.125rem

}



#main .page-footer {

    margin-bottom: 1.563rem

}



#my-account .customer-account-content>span {

    text-transform: uppercase;

    font-weight: 500;

    color: #0c0c0c

}



#notifications ul {

    margin-bottom: 0

}



@font-face {

    font-family: 'vecthemes-icon';

    src: url(../css/fonts/7b14045d2e32143e85e9281db2a1c8e8.eot);

    src: url(../css/fonts/7b14045d2e32143e85e9281db2a1c8e8.eot#iefix) format("embedded-opentype"), url(../css/fonts/0b56667969a5c8d159c26094edf3794f.ttf) format("truetype"), url(../css/fonts/faecfd67ffad9259ed6edec32acb5296.woff) format("woff"), url(../css/fonts/a01b1f7fd2ed46e19d3543b43341c684.svg#vecicon) format("svg");

    font-weight: normal;

    font-style: normal;

    font-display: block

}



[class^="vecicon-"],

[class*=" vecicon-"] {

    font-family: 'vecthemes-icon' !important;

    speak: never;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



.vecicon-angle_up:before {

    content: "\e9c8"

}



.vecicon-angle_down:before {

    content: "\e9c9"

}



.vecicon-apps:before {

    content: "\e900"

}



.vecicon-apps_outline:before {

    content: "\e901"

}



.vecicon-apps_solid:before {

    content: "\e902"

}



.vecicon-arrow_back:before {

    content: "\e903"

}



.vecicon-arrow_down:before {

    content: "\e904"

}



.vecicon-arrow_forward:before {

    content: "\e905"

}



.vecicon-arrow_left:before {

    content: "\e906"

}



.vecicon-arrow_right:before {

    content: "\e907"

}



.vecicon-arrow_upward:before {

    content: "\e908"

}



.vecicon-bars:before {

    content: "\e909"

}



.vecicon-behance:before {

    content: "\e90a"

}



.vecicon-cake:before {

    content: "\e90b"

}



.vecicon-calendar1:before {

    content: "\e90c"

}



.vecicon-calendar2:before {

    content: "\e90d"

}



.vecicon-call1:before {

    content: "\e90e"

}



.vecicon-call2:before {

    content: "\e90f"

}



.vecicon-call3:before {

    content: "\e910"

}



.vecicon-call4:before {

    content: "\e911"

}



.vecicon-cancel:before {

    content: "\e912"

}



.vecicon-card1:before {

    content: "\e913"

}



.vecicon-card2:before {

    content: "\e914"

}



.vecicon-chat:before {

    content: "\e915"

}



.vecicon-chatbox:before {

    content: "\e916"

}



.vecicon-chatbubble:before {

    content: "\e917"

}



.vecicon-check:before {

    content: "\e918"

}



.vecicon-check_circle:before {

    content: "\e919"

}



.vecicon-close_circle:before {

    content: "\e91a"

}



.vecicon-close_circle_outline:before {

    content: "\e91b"

}



.vecicon-comment:before {

    content: "\e91c"

}



.vecicon-computer:before {

    content: "\e91d"

}



.vecicon-contact_support:before {

    content: "\e91e"

}



.vecicon-credit_card:before {

    content: "\e91f"

}



.vecicon-cross:before {

    content: "\e920"

}



.vecicon-density_medium:before {

    content: "\e921"

}



.vecicon-desktop_windows:before {

    content: "\e922"

}



.vecicon-diamond:before {

    content: "\e923"

}



.vecicon-discord:before {

    content: "\e924"

}



.vecicon-disk:before {

    content: "\e925"

}



.vecicon-dribbble:before {

    content: "\e926"

}



.vecicon-exchange:before {

    content: "\e927"

}



.vecicon-expand:before {

    content: "\e928"

}



.vecicon-expand_arrows:before {

    content: "\e929"

}



.vecicon-eye1:before {

    content: "\e92a"

}



.vecicon-eye2:before {

    content: "\e92b"

}



.vecicon-eye3:before {

    content: "\e92c"

}



.vecicon-eye4:before {

    content: "\e92d"

}



.vecicon-facebook:before {

    content: "\e92e"

}



.vecicon-filter:before {

    content: "\e92f"

}



.vecicon-filter2:before {

    content: "\e930"

}



.vecicon-filter3:before {

    content: "\e931"

}



.vecicon-fit_screen:before {

    content: "\e932"

}



.vecicon-gift1:before {

    content: "\e933"

}



.vecicon-gift2:before {

    content: "\e934"

}



.vecicon-gift3:before {

    content: "\e935"

}



.vecicon-gift4:before {

    content: "\e936"

}



.vecicon-globe1:before {

    content: "\e937"

}



.vecicon-globe2:before {

    content: "\e938"

}



.vecicon-globe3:before {

    content: "\e939"

}



.vecicon-google:before {

    content: "\e93a"

}



.vecicon-grid_outline:before {

    content: "\e93b"

}



.vecicon-grid_outline2:before {

    content: "\e93c"

}



.vecicon-grid_solid:before {

    content: "\e93d"

}



.vecicon-headset1:before {

    content: "\e93e"

}



.vecicon-headset2:before {

    content: "\e93f"

}



.vecicon-headset3:before {

    content: "\e940"

}



.vecicon-headset4:before {

    content: "\e941"

}



.vecicon-heart1:before {

    content: "\e942"

}



.vecicon-heart2:before {

    content: "\e943"

}



.vecicon-heart2_solid:before {

    content: "\e944"

}



.vecicon-heart3:before {

    content: "\e945"

}



.vecicon-heart4:before {

    content: "\e946"

}



.vecicon-heart5:before {

    content: "\e947"

}



.vecicon-heart5_solid:before {

    content: "\e948"

}



.vecicon-help:before {

    content: "\e949"

}



.vecicon-help_outline:before {

    content: "\e94a"

}



.vecicon-history:before {

    content: "\e94b"

}



.vecicon-home1:before {

    content: "\e94c"

}



.vecicon-home2:before {

    content: "\e94d"

}



.vecicon-home3:before {

    content: "\e94e"

}



.vecicon-instagram:before {

    content: "\e94f"

}



.vecicon-label:before {

    content: "\e950"

}



.vecicon-life_ring:before {

    content: "\e951"

}



.vecicon-lightbulb:before {

    content: "\e952"

}



.vecicon-line:before {

    content: "\e953"

}



.vecicon-link:before {

    content: "\e954"

}



.vecicon-linkedin:before {

    content: "\e955"

}



.vecicon-list:before {

    content: "\e956"

}



.vecicon-list_outline:before {

    content: "\e957"

}



.vecicon-list_solid:before {

    content: "\e958"

}



.vecicon-location1:before {

    content: "\e959"

}



.vecicon-location2:before {

    content: "\e95a"

}



.vecicon-location3:before {

    content: "\e95b"

}



.vecicon-location4:before {

    content: "\e95c"

}



.vecicon-lock:before {

    content: "\e95d"

}



.vecicon-login:before {

    content: "\e95e"

}



.vecicon-logout:before {

    content: "\e95f"

}



.vecicon-loyalty:before {

    content: "\e960"

}



.vecicon-mail_close:before {

    content: "\e961"

}



.vecicon-mail_open:before {

    content: "\e962"

}



.vecicon-menu:before {

    content: "\e963"

}



.vecicon-menu_bold:before {

    content: "\e964"

}



.vecicon-menu_burger:before {

    content: "\e965"

}



.vecicon-meta:before {

    content: "\e966"

}



.vecicon-minus:before {

    content: "\e967"

}



.vecicon-money1:before {

    content: "\e968"

}



.vecicon-money2:before {

    content: "\e969"

}



.vecicon-notifications:before {

    content: "\e96a"

}



.vecicon-nuclear:before {

    content: "\e96b"

}



.vecicon-open_in_new:before {

    content: "\e96c"

}



.vecicon-options:before {

    content: "\e96d"

}



.vecicon-paid:before {

    content: "\e96e"

}



.vecicon-person1:before {

    content: "\e96f"

}



.vecicon-person2:before {

    content: "\e970"

}



.vecicon-person3:before {

    content: "\e971"

}



.vecicon-person4:before {

    content: "\e972"

}



.vecicon-person5:before {

    content: "\e973"

}



.vecicon-person6:before {

    content: "\e974"

}



.vecicon-phonelink:before {

    content: "\e975"

}



.vecicon-photo_camera:before {

    content: "\e976"

}



.vecicon-pinterest:before {

    content: "\e977"

}



.vecicon-plane:before {

    content: "\e978"

}



.vecicon-play:before {

    content: "\e979"

}



.vecicon-plus:before {

    content: "\e97a"

}



.vecicon-printer:before {

    content: "\e97b"

}



.vecicon-question_answer:before {

    content: "\e97c"

}



.vecicon-refresh1:before {

    content: "\e97d"

}



.vecicon-repeat1:before {

    content: "\e97e"

}



.vecicon-repeat2:before {

    content: "\e97f"

}



.vecicon-reply:before {

    content: "\e980"

}



.vecicon-ribbon:before {

    content: "\e981"

}



.vecicon-rocket1:before {

    content: "\e982"

}



.vecicon-rocket2:before {

    content: "\e983"

}



.vecicon-rocket3:before {

    content: "\e984"

}



.vecicon-search1:before {

    content: "\e985"

}



.vecicon-search2:before {

    content: "\e986"

}



.vecicon-search3:before {

    content: "\e987"

}



.vecicon-search4:before {

    content: "\e988"

}



.vecicon-search5:before {

    content: "\e989"

}



.vecicon-search6:before {

    content: "\e98a"

}



.vecicon-settings:before {

    content: "\e98b"

}



.vecicon-settings_cell:before {

    content: "\e98c"

}



.vecicon-settings1:before {

    content: "\e98d"

}



.vecicon-settings2:before {

    content: "\e98e"

}



.vecicon-share:before {

    content: "\e98f"

}



.vecicon-shield:before {

    content: "\e990"

}



.vecicon-shop1:before {

    content: "\e991"

}



.vecicon-shop2:before {

    content: "\e992"

}



.vecicon-shopping_bag1:before {

    content: "\e993"

}



.vecicon-shopping_bag2:before {

    content: "\e994"

}



.vecicon-shopping_bag3:before {

    content: "\e995"

}



.vecicon-shopping_bag4:before {

    content: "\e996"

}



.vecicon-shopping_basket1:before {

    content: "\e997"

}



.vecicon-shopping_basket2:before {

    content: "\e998"

}



.vecicon-shopping_cart1:before {

    content: "\e999"

}



.vecicon-shopping_cart2:before {

    content: "\e99a"

}



.vecicon-shopping_cart3:before {

    content: "\e99b"

}



.vecicon-shopping_cart4:before {

    content: "\e99c"

}



.vecicon-shuffle1:before {

    content: "\e99d"

}



.vecicon-shuffle2:before {

    content: "\e99e"

}



.vecicon-shuffle3:before {

    content: "\e99f"

}



.vecicon-skype:before {

    content: "\e9a0"

}



.vecicon-smartphone:before {

    content: "\e9a1"

}



.vecicon-snapchat:before {

    content: "\e9a2"

}



.vecicon-speaker:before {

    content: "\e9a3"

}



.vecicon-star:before {

    content: "\e9a4"

}



.vecicon-star_half:before {

    content: "\e9a5"

}



.vecicon-star_solid:before {

    content: "\e9a6"

}



.vecicon-support:before {

    content: "\e9a7"

}



.vecicon-sync:before {

    content: "\e9a8"

}



.vecicon-sync2:before {

    content: "\e9a9"

}



.vecicon-tablet:before {

    content: "\e9aa"

}



.vecicon-task:before {

    content: "\e9ab"

}



.vecicon-telegram:before {

    content: "\e9ac"

}



.vecicon-textsms:before {

    content: "\e9ad"

}



.vecicon-thumb_up:before {

    content: "\e9ae"

}



.vecicon-tiktok:before {

    content: "\e9af"

}



.vecicon-time:before {

    content: "\e9b0"

}



.vecicon-timer:before {

    content: "\e9b1"

}



.vecicon-trash:before {

    content: "\e9b2"

}



.vecicon-truck1:before {

    content: "\e9b3"

}



.vecicon-truck2:before {

    content: "\e9b4"

}



.vecicon-truck3:before {

    content: "\e9b5"

}



.vecicon-truck4:before {

    content: "\e9b6"

}



.vecicon-tumblr:before {

    content: "\e9b7"

}



.vecicon-tv:before {

    content: "\e9b8"

}



.vecicon-twitter:before {

    content: "\e9b9"

}



.vecicon-verified:before {

    content: "\e9ba"

}



.vecicon-verified1:before {

    content: "\e9bb"

}



.vecicon-videogame:before {

    content: "\e9bc"

}



.vecicon-view_in_ar:before {

    content: "\e9bd"

}



.vecicon-view_list:before {

    content: "\e9be"

}



.vecicon-view_module:before {

    content: "\e9bf"

}



.vecicon-vimeo:before {

    content: "\e9c0"

}



.vecicon-vk:before {

    content: "\e9c1"

}



.vecicon-watch:before {

    content: "\e9c2"

}



.vecicon-wechat:before {

    content: "\e9c3"

}



.vecicon-weibo:before {

    content: "\e9c4"

}



.vecicon-whatsapp:before {

    content: "\e9c5"

}



.vecicon-xing:before {

    content: "\e9c6"

}



.vecicon-youtube:before {

    content: "\e9c7"

}



#header .elementor-widget-wrap {

    line-height: 1

}



#header .sticky-inner.scroll-menu {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

    z-index: 101;

    border: none;

    margin: auto;

    padding-top: 0;

    padding-bottom: 0;

    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);

    -webkit-animation: 0.7s ease-out 0s 1 normal running fadeInDown;

    animation: 0.7s ease-out 0s 1 normal running fadeInDown;

    transition: all 300ms linear

}



#header .sticky-inner.scroll-menu .not-sticky {

    display: none

}



.container {

    max-width: 1170px;

    width: auto

}



@media (max-width: 1024px) {

    .container {

        padding-left: 10px;

        padding-right: 10px

    }

}



.flex-layout {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.space-between {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.center-vertical {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.ps-shown-by-js .btn,

.btn.float-xs-right {

    width: 100%;

    float: none !important

}



#js-checkout-summary {

    background: transparent

}



#js-checkout-summary .summary-details {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 0.9375rem

}



#js-checkout-summary .summary-details>strong {

    font-size: .9375rem;

    text-transform: uppercase;

    font-weight: 500

}



#js-checkout-summary .summary-details .js-show-details {

    text-transform: uppercase

}



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

    max-width: none

}



#cart .page-title-wrapper,

#checkout .page-title-wrapper {

    margin-bottom: 0

}



#checkout #content>.row,

#checkout .cart-grid.row,

#cart #content>.row,

#cart .cart-grid.row {

    margin-left: -30px;

    margin-right: -30px

}



#checkout #content>.row .cart-grid-body,

#checkout #content>.row .cart-grid-right,

#checkout .cart-grid.row .cart-grid-body,

#checkout .cart-grid.row .cart-grid-right,

#cart #content>.row .cart-grid-body,

#cart #content>.row .cart-grid-right,

#cart .cart-grid.row .cart-grid-body,

#cart .cart-grid.row .cart-grid-right {

    padding-left: 30px;

    padding-right: 30px

}



.row .cart-grid-body,

.row .cart-grid-right {

    padding-top: 3.75rem

}



@media (max-width: 991px) {

    .row .cart-grid-body,

    .row .cart-grid-right {

        padding-top: 1.25rem

    }

}



.row .cart-grid-right:after {

    content: "";

    display: block;

    width: 300%;

    position: absolute;

    top: 0;

    left: 0;

    bottom: -9999rem;

    z-index: -1;

    box-shadow: 0 -1px 0 #e1e1e1 inset;

    background-position: left top;

    box-shadow: 1px 0 0 #e1e1e1 inset

}



.row .cart-grid-right .cart-summary {

    background: transparent

}



.row .cart-grid-right .card-block {

    padding-left: 0;

    padding-right: 0

}



.customer-account-content>h4 {

    font-size: 1.125rem;

    text-transform: uppercase;

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: .625rem;

    margin-bottom: 1.875rem

}



.customer-account-content .container {

    padding: 0

}



.customer-account-content .psgdprinfo17 {

    margin-top: 0

}



.customer-account-content .psgdprinfo17 #exportDataToCsv,

.customer-account-content .psgdprinfo17 #exportDataToPdf {

    margin-top: .625rem

}



.customer-account-content .return-to-home {

    margin-top: 1.875rem

}



#order-confirmation .card {

    border: 1px solid #ddd

}



#order-confirmation .order-confirmation-table {

    border-top: 1px solid #e5e5e5;

    padding-top: .625rem

}



.box_button>*:not(:last-child) {

    margin-right: 1.25rem

}



.product-add-to-cart .box_button .btn-wishlist{

    padding: 12px 20px;

    border: 1px solid #eee;

    border-radius: 25px;

    display: block;

    text-align: center;

    font-size: 0.786rem;

    text-transform: uppercase;

    font-weight: 700;

}

.product-add-to-cart .box_button .btn-wishlist:hover{

    cursor: pointer;

    color: #B8CD06;

}

.product-add-to-cart .box_button .btn-wishlist i{

    font-size: 18px;

    margin-right: 0.625rem;

    vertical-align: text-bottom;

}



.veccompare-product button.ajax-add-to-cart-button,

.veccompare-product span.ajax-add-to-cart-button {

    margin-top: .9375rem;

    font-size: .875rem;

    text-transform: uppercase;

    width: 100%;

    background: var(--buttonbackground);

    color: var(--buttoncolor);

    border: none;

    font-weight: 500;

    padding: .5rem .625rem;

    cursor: pointer;

    transition: all 300ms linear

}



.veccompare-product button.ajax-add-to-cart-button:hover,

.veccompare-product span.ajax-add-to-cart-button:hover {

    background: var(--buttonhoverbackground);

    color: var(--buttonhovercolor)

}



.veccompare-product button.ajax-add-to-cart-button.disabled,

.veccompare-product span.ajax-add-to-cart-button.disabled {

    opacity: 0.5

}



#new_comment_tab_btn {

    color: var(--buttoncolor);

    background: var(--buttonbackground)

}



#new_comment_tab_btn:hover {

    background: var(--buttonhoverbackground);

    color: var(--buttonhovercolor)

}



#id_new_comment_form>h2 {

    color: #0c0c0c;

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: .625rem;

    margin-bottom: 1.25rem

}



#id_new_comment_form .content_comment_form .product {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 1.25rem

}



#id_new_comment_form .content_comment_form .product img {

    max-width: 100px;

    border: 1px solid #e5e5e5;

    margin-right: 1.25rem

}



#id_new_comment_form .content_comment_form .product .product_name {

    margin: 0;

    font-weight: 500;

    color: #0c0c0c

}



#id_new_comment_form .content_comment_form label {

    margin: .9375rem 0 0.5rem 0

}



#id_new_comment_form .content_comment_form .required {

    font-size: .75rem;

    margin: 1.25rem 0

}



#id_new_comment_form .content_comment_form .button_comment {

    text-align: center

}



.reviews-header {

    padding-bottom: .9375rem

}



.reviews-header .rating_aggregate {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.reviews-header .rating_aggregate>*:not(:last-child) {

    margin-right: .9375rem

}



.reviews-content .comment {

    border-top: 1px solid #e5e5e5;

    padding-top: 1.5625rem

}



.hook-reviews .star_content,

#product_comments_block_extra .star_content,

.reviews-header .star_content {

    display: inline-block;

    position: relative;

    line-height: 1;

    text-align: left

}



.hook-reviews .star_content::before,

#product_comments_block_extra .star_content::before,

.reviews-header .star_content::before {

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 1;

    -webkit-font-smoothing: antialiased;

    color: #d0d0d0;

    font-family: "vecthemes-icon";

    font-size: 16px;

    letter-spacing: 1px;

    line-height: 1;

    content: "\e9a6" "\e9a6" "\e9a6" "\e9a6" "\e9a6";

    display: block;

    font-style: normal;

    font-weight: 400;

    speak: none

}



.hook-reviews .star_content .rating_star,

#product_comments_block_extra .star_content .rating_star,

.reviews-header .star_content .rating_star {

    display: inline-block;

    overflow: hidden

}



.hook-reviews .star_content .rating_star:before,

#product_comments_block_extra .star_content .rating_star:before,

.reviews-header .star_content .rating_star:before {

    position: relative;

    z-index: 2;

    -webkit-font-smoothing: antialiased;

    color: #f9b223;

    font-family: "vecthemes-icon";

    font-size: 16px;

    letter-spacing: 1px;

    line-height: 1;

    content: "\e9a6" "\e9a6" "\e9a6" "\e9a6" "\e9a6";

    display: block;

    font-style: normal;

    font-weight: 400;

    speak: none

}



.promo-widget {

    position: relative;

    padding: .625rem 1.875rem;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.promo-widget .promo-inner {

    width: 100%

}



.promo-widget .promo-close-btn {

    position: absolute;

    right: .625rem;

    top: 50%;

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

    transform: translateY(-50%);

    font-size: 0;

    cursor: pointer

}



.promo-widget .promo-close-btn:before {

    font-family: "vecthemes-icon";

    content: '\e920';

    font-size: 1.25rem

}



.promo-widget .promo-close-btn:hover {

    color: var(--hovercolor)

}



.promo-widget .slick-arrow {

    position: absolute;

    top: 50%;

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

    transform: translateY(-50%);

    width: 1.5625rem;

    height: 1.5625rem;

    border-radius: 50%;

    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;

    font-size: 0;

    cursor: pointer;

    color: #000;

    background: #fff;

    border: none;

    box-shadow: 0px 5px 13.5px 1.5px rgba(0, 0, 0, 0.07);

    transition: all 300ms linear;

    z-index: 1

}



.promo-widget .slick-arrow:hover {

    background: var(--buttonbackground);

    color: var(--buttoncolor)

}



.promo-widget .slick-arrow:before {

    font-family: "vecthemes-icon";

    font-size: 9px

}



.promo-widget .slick-arrow.slick-prev {

    left: .625rem

}



.promo-widget .slick-arrow.slick-prev:before {

    content: "\e92c"

}



.promo-widget .slick-arrow.slick-next {

    right: .625rem

}



.promo-widget .slick-arrow.slick-next:before {

    content: "\e92d"

}



.elementor-widget-shopping-cart.button-layout-icon .blockcart .cart-products-total {

    display: none

}



.elementor-widget-shopping-cart.button-layout-icon_text .blockcart .cart-products-total {

    padding-left: 0.625rem

}



.elementor-widget-shopping-cart .blockcart {

    position: relative

}



.elementor-widget-shopping-cart .blockcart>a {

    display: inline-block

}



.elementor-widget-shopping-cart .blockcart .shopping-cart-icon {

    vertical-align: middle

}



.elementor-widget-shopping-cart .blockcart .cart-products-count {

    position: absolute;

    left: .9375rem;

    top: .75rem;

    background: var(--hovercolor);

    color: #fff;

    border-radius: 50%;

    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;

    line-height: 1;

    font-weight: 500;

    font-size: .75rem

}



.blockcart {

    position: relative;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex

}



.blockcart:hover .popup_cart.popup-dropdown {

    top: 100%;

    opacity: 1;

    visibility: visible;

    transition: all 300ms linear

}



.blockcart .popup_cart {

    margin: 0;

    text-align: left;

    background: #fff;

    transition: all 300ms linear

}



.blockcart .popup_cart.popup-dropdown {

    top: calc(100% + 15px);

    left: auto;

    right: 0;

    position: absolute;

    z-index: 1001;

    opacity: 0;

    visibility: hidden;

    padding: 0.625rem;

    width: 21.875rem;

    box-shadow: 0px 0px 6.65px 2px rgba(0, 0, 0, 0.03)

}



@media (max-width: 767px) {

    .blockcart .popup_cart.popup-dropdown {

        width: 18.75rem

    }

}



.blockcart .popup_cart.popup-dropdown>* {

    padding: 0.625rem

}



.blockcart .popup_cart.popup-dropdown>ul {

    max-height: 25rem;

    margin: 0

}



.blockcart .popup_cart.popup-sidebar {

    position: fixed;

    right: 0;

    top: 0;

    bottom: 0;

    width: 28.75rem;

    max-width: 95%;

    padding: 0;

    z-index: 1001;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translateX(100%);

    transform: translateX(100%)

}



.blockcart .popup_cart.popup-sidebar.sidebar-opened {

    opacity: 1;

    visibility: visible;

    transition: all 250ms linear;

    -webkit-transform: translateX(0);

    transform: translateX(0)

}



.blockcart .popup_cart.popup-sidebar .content-sidebar {

    max-width: 100%;

    min-width: auto;

    padding: 0.625rem;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

    height: calc(100% - 5rem)

}



.blockcart .popup_cart.popup-sidebar .content-sidebar>* {

    padding: 0 1.25rem

}



.blockcart .popup_cart.popup-sidebar .content-sidebar .shopping-cart-totals {

    margin-top: auto;

    margin-bottom: 1.25rem

}



.blockcart .popup_cart.popup-sidebar .content-sidebar .empty-cart {

    text-align: center;

    padding-top: 1.25rem

}



.blockcart .popup_cart.popup-sidebar .content-sidebar .empty-cart i {

    font-size: 2.25rem;

    margin-bottom: 0.625rem;

    display: block

}



.blockcart .popup_cart.popup-sidebar .title-cart {

    background: #f5f5f5;

    padding: 1.25rem 1.875rem

}



.blockcart .popup_cart.popup-sidebar .title-cart>span {

    color: #0c0c0c;

    font-weight: 500;

    font-size: 1.125rem

}



.blockcart .popup_cart.popup-sidebar .title-cart .close-cart:after {

    content: '';

    position: fixed;

    top: 0;

    right: 100%;

    bottom: 0;

    left: -9999rem;

    background: rgba(0, 0, 0, 0.5);

    z-index: 14;

    cursor: ew-resize

}



.blockcart .popup_cart.popup-sidebar .title-cart i {

    font-size: 1rem

}



.blockcart .popup_cart ul {

    height: auto;

    overflow-y: auto;

    margin: 1.25rem 0 1.25rem 0

}



.blockcart .popup_cart ul::-webkit-scrollbar {

    -webkit-appearance: none;

    width: 8px

}



.blockcart .popup_cart ul::-webkit-scrollbar-thumb {

    border-radius: 8px;

    border: 2px solid white;

    background-color: #cccccc

}



.blockcart .popup_cart ul::-webkit-scrollbar-track {

    background-color: #fff;

    border-radius: 8px

}



.blockcart .popup_cart ul li {

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: 1.25rem;

    margin-bottom: 1.25rem;

    overflow: hidden

}



.blockcart .popup_cart ul li:last-child {

    margin: 0

}



.blockcart .popup_cart ul li .img_content {

    float: left;

    margin: 0 0.625rem 0 0;

    position: relative;

    width: 6.125rem

}



.blockcart .popup_cart ul li .img_content .product-quantity {

    position: absolute;

    top: 5px;

    left: 5px;

    width: 1.25rem;

    height: 1.25rem;

    border-radius: 100%;

    padding: 0;

    text-align: center;

    color: var(--buttoncolor);

    background: var(--buttonbackground);

    font-size: 0.75rem;

    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

}



.blockcart .popup_cart ul li .right_block {

    overflow: hidden;

    position: relative;

    padding: 0 1.25rem 0 0

}



.blockcart .popup_cart ul li .right_block .product-name {

    display: block;

    font-size: 0.875rem;

    color: #0c0c0c;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}



.blockcart .popup_cart ul li .right_block .product-price {

    display: block;

    margin: 5px 0 0;

    font-size: 1rem;

    font-weight: 400;

    color: var(--pricecolor)

}



.blockcart .popup_cart ul li .right_block .remove-from-cart {

    display: block;

    position: absolute;

    top: 0;

    right: 1px;

    color: #707070;

    font-size: .8125rem

}



.blockcart .popup_cart ul li .right_block .remove-from-cart:hover {

    color: #0c0c0c

}



.blockcart .popup_cart ul li .right_block .attributes_content {

    display: block;

    font-size: 0.8125rem;

    line-height: 1.25rem;

    color: #0c0c0c;

    margin: 5px 0 0

}



.blockcart .popup_cart ul li .right_block strong {

    font-weight: 400;

    color: #9b9b9b

}



.blockcart .popup_cart .price_content {

    margin-top: auto

}



.blockcart .popup_cart .price_content .card-block {

    padding: 0

}



.blockcart .popup_cart .price_content .cart-summary-totals .cart-summary-line .value {

    font-size: 1rem

}



.blockcart .popup_cart .price_content .cart-summary-line {

    overflow: hidden;

    line-height: 1.25rem

}



.blockcart .popup_cart .price_content .cart-summary-line .label {

    float: left;

    text-transform: capitalize;

    font-size: 0.875rem

}



.blockcart .popup_cart .price_content .cart-summary-line .value {

    float: right;

    font-weight: 500;

    font-size: .875rem

}



.blockcart .popup_cart .price_content .cart-summary-line.cart-total {

    margin: 1.25rem 0 0 0;

    padding-top: 1.25rem;

    border-top: 1px solid #e5e5e5

}



.blockcart .popup_cart .price_content .cart-summary-line.cart-total .label {

    color: #0c0c0c

}



.blockcart .popup_cart .price_content .cart-summary-line.cart-total .value {

    color: var(--pricecolor);

    font-size: 1rem;

    font-weight: 500

}



.blockcart .popup_cart .checkout a {

    display: block

}



.btn-wishlist-top {

    display: inline-block;

    position: relative

}



.btn-wishlist-top .wishlist-count:before {

    content: '('

}



.btn-wishlist-top .wishlist-count:after {

    content: ')'

}



.button-layout-icon .btn-wishlist-top .btn-wishlist-text {

    display: none

}



.button-layout-icon .btn-wishlist-top .wishlist-count {

    position: absolute;

    left: .9375rem;

    top: .75rem;

    background: var(--hovercolor);

    color: #fff;

    border-radius: 50%;

    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;

    line-height: 1;

    font-weight: 500;

    font-size: .75rem

}



.button-layout-icon .btn-wishlist-top .wishlist-count:before,

.button-layout-icon .btn-wishlist-top .wishlist-count:after {

    display: none

}



.button-layout-text .btn-wishlist-top i {

    display: none

}



.button-layout-icon_text .btn-wishlist-top i {

    vertical-align: -1px

}



.btn-compare-top {

    display: inline-block;

    position: relative

}



.btn-compare-top .compare-count:before {

    content: '('

}



.btn-compare-top .compare-count:after {

    content: ')'

}



.button-layout-icon .btn-compare-top .btn-compare-text {

    display: none

}



.button-layout-icon .btn-compare-top .compare-count {

    position: absolute;

    left: .9375rem;

    top: .75rem;

    background: var(--hovercolor);

    color: #fff;

    border-radius: 50%;

    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;

    line-height: 1;

    font-weight: 500;

    font-size: .75rem

}



.button-layout-icon .btn-compare-top .compare-count:before,

.button-layout-icon .btn-compare-top .compare-count:after {

    display: none

}



.button-layout-text .btn-compare-top i {

    display: none

}



.button-layout-icon_text .btn-compare-top i {

    vertical-align: -1px

}



.vec-customersignin {

    line-height: 1

}



.vec-customersignin .my-account {

    display: inline-block;

    color: #0c0c0c;

    cursor: pointer

}



.vec-customersignin .my-account:hover {

    color: var(--hovercolor)

}



.vec-customersignin .dropdown-menu {

    position: absolute;

    background: #fff;

    margin: 0;

    top: calc(100% + 5px);

    overflow: hidden;

    padding: 0 0.9375rem;

    border-radius: 0;

    border: none;

    box-shadow: 0 0 3.76px 0.24px rgba(0, 0, 0, 0.15);

    min-width: auto;

    float: none;

    text-align: left

}



.vec-customersignin .dropdown-menu li:not(:last-child) {

    border-bottom: 1px solid #e5e5e5

}



.vec-customersignin .dropdown-menu li>i {

    margin-right: .3125rem;

    vertical-align: -2px

}



.vec-customersignin .dropdown-menu li a {

    display: inline-block;

    width: auto;

    padding: .9375rem 0;

    color: #0c0c0c;

    font-size: 0.8125rem

}



.vec-customersignin .dropdown-menu li a:hover {

    color: var(--hovercolor)

}



.vec-customersignin .dropdown-menu li.logout {

    text-align: center;

    margin: .625rem 0

}



.vec-customersignin .dropdown-menu li.logout a {

    background: #f5f5f5;

    padding: .3125rem .625rem;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.vec-customersignin .dropdown-menu li.logout a:hover {

    color: var(--buttonhovercolor);

    background: var(--buttonhoverbackground)

}



.vec-dropdown-right .dropdown-menu {

    right: 0;

    left: auto

}



.vec-dropdown-left .dropdown-menu {

    right: auto;

    left: 0

}



.button-layout-icon .vec-customersignin .my-account .text-account {

    display: none

}



.button-layout-text .vec-customersignin .my-account>i {

    display: none

}



.button-layout-icon_text .vec-customersignin .my-account>i {

    vertical-align: -1px

}



.elementor-widget-currency-selector.align-center,

.elementor-widget-language-selector.align-center {

    text-align: center

}



.elementor-widget-currency-selector.align-right,

.elementor-widget-language-selector.align-right {

    text-align: right

}



.currency-dropdown-right .vec-dropdown-menu,

.language-dropdown-right .vec-dropdown-menu {

    right: 0;

    left: auto

}



.currency-dropdown-left .vec-dropdown-menu,

.language-dropdown-left .vec-dropdown-menu {

    right: auto;

    left: 0

}



.currency-classic,

.language-classic {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.currency-classic a,

.language-classic a {

    font-size: .875rem;

    color: #0c0c0c;

    font-weight: 400;

    cursor: pointer;

    line-height: 1.5rem;

    margin-right: 1.25rem

}



.currency-classic a:hover,

.language-classic a:hover {

    color: var(--hovercolor)

}



.currency-classic a:last-child,

.language-classic a:last-child {

    margin-right: 0 !important

}



.currency-classic a img,

.language-classic a img {

    vertical-align: -1px;

    margin-right: .1875rem

}



.vec-dropdown-wrapper {

    position: relative;

    display: inline-block

}



.vec-dropdown-wrapper .vec-dropdown-toggle {

    font-size: .875rem;

    color: #0c0c0c;

    font-weight: 400;

    line-height: 1.5rem;

    cursor: pointer

}



.vec-dropdown-wrapper .vec-dropdown-toggle:hover {

    color: var(--hovercolor)

}



.vec-dropdown-wrapper .vec-dropdown-toggle:after {

    display: none

}



.vec-dropdown-wrapper .vec-dropdown-toggle img {

    vertical-align: -1px;

    margin-right: .1875rem

}



.vec-dropdown-wrapper .vec-dropdown-toggle .icon-toggle {

    font-size: .75rem;

    vertical-align: -2px

}



.vec-dropdown-wrapper .vec-dropdown-menu {

    position: absolute;

    background: #fff;

    margin: 0;

    top: 100%;

    overflow: hidden;

    border-radius: 0;

    border: none;

    padding: 0;

    box-shadow: 0 0 3.76px 0.24px rgba(0, 0, 0, 0.15);

    min-width: auto;

    float: none;

    text-align: left;

    overflow: hidden

}



.vec-dropdown-wrapper .vec-dropdown-menu a {

    display: block;

    padding: 0.625rem 0;

    margin: 0 .9375rem;

    color: #0c0c0c;

    font-size: 0.8125rem;

    font-weight: 400

}



.vec-dropdown-wrapper .vec-dropdown-menu a:hover {

    color: var(--hovercolor)

}



.vec-dropdown-wrapper .vec-dropdown-menu a:last-child {

    border-bottom: 0 !important

}



.vec-dropdown-wrapper .vec-dropdown-menu a img {

    vertical-align: -1px;

    margin-right: .1875rem

}



.search-open {

    overflow: hidden

}



.search-open .vec-search-widget {

    z-index: 9999

}



.vec-search-widget {

    position: relative

}



.vec-search-widget .search-container .search-form {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap

}



.vec-search-widget .search-container .search-form .search-input {

    border: none

}



.vec-search-widget .search-container .search-form .search-input-container {

    position: relative;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1

}



.vec-search-widget .search-container .search-form .search-input-container .search-input {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    padding: 0 1.25rem

}



.vec-search-widget .search-container .search-form .search-input-container .search-clear {

    position: absolute;

    right: 0.625rem;

    top: 50%;

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

    transform: translateY(-50%)

}



.vec-search-widget .search-container .search-form .search-input-container .search-clear:before {

    font-family: "vecthemes-icon";

    content: '\e920';

    display: inline-block;

    width: 0.875rem;

    height: 0.875rem;

    font-size: 1.125rem;

    line-height: 1;

    cursor: pointer

}



.vec-search-widget .search-container .search-form .search-input-container .search-clear.loading_search:before {

    content: '' !important;

    border: 1px solid;

    color: transparent;

    border-radius: 50%;

    border-color: #5f5f5f #797979 #ccc #fff;

    line-height: 1;

    -webkit-animation: spin 0.6s infinite linear;

    animation: spin 0.6s infinite linear

}



.vec-search-widget .search-container .search-form .search-submit {

    padding: 0 1.875rem;

    color: #fff;

    background-color: #0c0c0c;

    font-size: .9375rem;

    border: none;

    font-weight: 500;

    cursor: pointer

}



.vec-search-widget .search-container.search-minimal .search-form .search-input-container .search-input {

    padding: 0 .625rem

}



.vec-search-widget .search-container.search-dropdown {

    position: relative;

    display: inline-block

}



.vec-search-widget .search-container.search-dropdown .search-toggle {

    cursor: pointer

}



.vec-search-widget .search-container.search-dropdown .dropdown-menu {

    position: absolute;

    top: 100%;

    margin-top: 0.625rem;

    border: none;

    padding: 0;

    background: transparent

}



.vec-search-widget .search-container.search-topbar .search-toggle {

    cursor: pointer

}



.vec-search-widget .search-container.search-topbar .search-toggle:before {

    content: '';

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    opacity: 0;

    visibility: hidden;

    z-index: 9

}



.vec-search-widget .search-container.search-topbar .dropdown-menu {

    position: fixed;

    top: 0;

    right: 0;

    left: 0;

    background: #fff;

    padding: 2.5rem 1.875rem 0.625rem

}



@media (max-width: 767px) {

    .vec-search-widget .search-container.search-topbar .dropdown-menu {

        padding-left: 1.25rem;

        padding-right: 1.25rem

    }

}



.vec-search-widget .search-container.search-topbar .dropdown-menu .search-content {

    max-width: 1170px;

    margin: auto

}



.vec-search-widget .search-container.search-topbar .dropdown-menu .search-content .search-form {

    margin: auto

}



.vec-search-widget .search-container.search-topbar .dialog-lightbox-close-button {

    position: absolute;

    top: .625rem;

    color: #0c0c0c;

    font-size: 1.25rem;

    opacity: 1

}



.vec-search-widget .search-container.search-topbar .dialog-lightbox-close-button:hover {

    color: var(--hovercolor)

}



.vec-search-widget .search-container.search-topbar.open .search-toggle:before {

    opacity: 1;

    visibility: visible;

    -webkit-transform: scale(1);

    transform: scale(1)

}



.search-dropdown-left .search-container.search-dropdown .dropdown-menu {

    left: 0;

    right: auto

}



.search-dropdown-right .search-container.search-dropdown .dropdown-menu {

    right: 0;

    left: auto

}



.search-suggest {

    position: absolute;

    left: 0;

    right: 0

}



.search-suggest .result-content,

.search-suggest .suggest-content {

    background-color: #fff;

    padding: 1.25rem;

    border: 1px solid #e5e5e5;

    max-height: 33.4375rem;

    overflow-y: auto

}



.search-suggest .result-content::-webkit-scrollbar,

.search-suggest .suggest-content::-webkit-scrollbar {

    -webkit-appearance: none;

    width: 5px

}



.search-suggest .result-content::-webkit-scrollbar-thumb,

.search-suggest .suggest-content::-webkit-scrollbar-thumb {

    background-color: #ddd

}



.search-suggest .result-content::-webkit-scrollbar-track,

.search-suggest .suggest-content::-webkit-scrollbar-track {

    background-color: #eee

}



.search-suggest .search-keywords-title {

    font-size: .8125rem;

    text-transform: uppercase;

    color: rgba(0, 0, 0, 0.6);

    margin-bottom: .9375rem

}



.search-suggest .search-keywords {

    margin-bottom: 1.25rem

}



.search-suggest .search-keywords a {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    padding: 0 .9375rem;

    line-height: 2.0625rem;

    color: #0c0c0c;

    background: #f6f6f6;

    font-size: .8125rem

}



.search-suggest .search-keywords a:hover {

    color: var(--buttonhovercolor);

    background: var(--buttonhoverbackground)

}



.search-suggest .search-keywords a:not(:last-child) {

    margin-right: .625rem

}



.search-suggest .search-suggest-title {

    font-size: .8125rem;

    text-transform: uppercase;

    color: rgba(0, 0, 0, 0.6);

    margin-bottom: .9375rem;

    font-weight: 400

}



.search-suggest .search-item:not(:last-child) {

    margin-bottom: 1.25rem

}



.search-suggest .search-item>a {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.search-suggest .search-item>a img {

    width: 80px;

    border: 1px solid #e5e5e5

}



.search-suggest .search-item>a .product-infos {

    padding: .9375rem;

    overflow: hidden

}



.search-suggest .search-item>a .product-infos .product_name {

    font-size: .875rem;

    color: #0c0c0c;

    margin-bottom: .625rem

}



.search-suggest .search-item>a .product-infos span {

    margin-right: .3125rem

}



.search-suggest .search-item>a .product-infos span.product_old_price {

    color: #a2a2a2;

    font-size: .875rem;

    text-decoration: line-through

}



.search-suggest .search-item>a .product-infos span.product_price {

    color: var(--pricecolor);

    font-size: .875rem;

    font-weight: 500

}



.search-suggest .result-content>a {

    display: block;

    background: #eaeaea;

    color: #045fb4;

    padding: .625rem 1.25rem;

    line-height: 1.625rem;

    text-align: center;

    text-transform: capitalize;

    margin: 0 -1.25rem -1.25rem -1.25rem

}



.search-suggest .result-content>a:hover {

    color: var(--hovercolor)

}



.vec-menu-horizontal .img_desktop,

.vec-menu-vertical .img_desktop {

    overflow: hidden;

    display: block;

    position: relative

}



.vec-menu-horizontal img,

.vec-menu-vertical img {

    transition: all 300ms linear

}



.vec-menu-horizontal img:hover,

.vec-menu-vertical img:hover {

    -webkit-transform: scale(1.05) rotate(0.05deg);

    transform: scale(1.05) rotate(0.05deg);

    transition: all 300ms linear

}



@media (max-width: 991px) {

    .vec-menu-horizontal .hidden-mobile,

    .vec-menu-vertical .hidden-mobile {

        display: none

    }

}



.vec-menu-content.megamenu_center .vec-menu-horizontal {

    margin: auto

}



.vec-menu-content.megamenu_center .vec-menu-horizontal .menu-content {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.vec-menu-content .vec-menu-horizontal .icon-drop-mobile {

    display: none

}



.vec-menu-content .vec-menu-horizontal .menu-content {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    margin: 0

}



.vec-menu-content .vec-menu-horizontal .menu-content:after {

    content: '';

    display: table;

    clear: both

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item {

    display: inline-block;

    position: relative

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item:first-child>a {

    margin-left: 0

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item.home>a,

.vec-menu-content .vec-menu-horizontal .menu-content .menu-item.active>a,

.vec-menu-content .vec-menu-horizontal .menu-content .menu-item:hover>a {

    color: var(--hovercolor)

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item>a {

    display: block;

    font-weight: 400;

    font-size: 0.875rem;

    background: transparent;

    text-transform: capitalize;

    position: relative;

    padding: .9375rem 0;

    margin-left: 2rem

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item>a .menu-subtitle {

    display: inline-block;

    padding: 0 0.625rem;

    font-size: 0.6875rem;

    background: #0c0c0c;

    color: #fff;

    font-weight: 400;

    line-height: 1.125rem;

    position: absolute;

    bottom: 100%;

    left: 0;

    z-index: 11;

    white-space: nowrap

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item>a .menu-subtitle:after {

    top: 100%;

    left: .9375rem;

    content: ' ';

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border: solid transparent;

    border-top-color: #0c0c0c;

    border-width: 4px;

    margin-left: -4px

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item>a .img-icon {

    margin-right: 5px;

    display: inline-block;

    vertical-align: middle;

    width: auto

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item>a i {

    display: inline-block;

    vertical-align: middle;

    font-size: 1rem;

    line-height: 1;

    vertical-align: 0px

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item>a i.hidden-md-down {

    font-size: 11px;

    vertical-align: -1px

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item>.menu-dropdown {

    opacity: 0;

    visibility: hidden;

    -webkit-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: translateY(20px);

    transform: translateY(20px)

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item.menu_initialized:hover>.menu-dropdown {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translateY(0);

    transform: translateY(0);

    -o-transition: -o-transform 0.3s, opacity 0.3s;

    -ms-transition: -ms-transform 0.3s, opacity 0.3s;

    -moz-transition: -moz-transform 0.3s, opacity 0.3s;

    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown {

    position: absolute;

    z-index: 12;

    visibility: hidden;

    opacity: 0;

    text-align: left;

    top: 100%;

    padding: 0

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown .vec-sub-inner {

    background: #fff;

    padding: 1.875rem;

    box-shadow: 0px 5px 13.5px 1.5px rgba(0, 0, 0, 0.07)

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown .vec-menu-row:not(:last-child) {

    margin-bottom: 1.25rem

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown .ul-column .submenu-item:not(:last-child) {

    margin-bottom: 1.25rem

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown .column_dropdown,

.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown .category-sub-menu {

    margin-top: .9375rem

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown .ul-column:not(.column_dropdown) .submenu-item>a,

.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown .column_title {

    color: #0c0c0c;

    line-height: 1.875rem;

    text-transform: uppercase;

    font-size: .875rem;

    font-weight: 500;

    display: block;

    margin: 0;

    overflow: hidden

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown a.column_title:hover,

.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown .ul-column:not(.column_dropdown) .submenu-item>a:hover {

    color: var(--hovercolor)

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown .ul-column.column_dropdown .submenu-item {

    margin-bottom: 0

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown .ul-column.column_dropdown .submenu-item>a,

.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown .submenu-item .category-sub-menu a {

    color: #4e4c4c;

    text-transform: capitalize;

    display: block;

    line-height: 1.875rem

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown .ul-column.column_dropdown .submenu-item>a:hover,

.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown .submenu-item .category-sub-menu a:hover {

    color: #0c0c0c;

    text-decoration: underline !important;

    transition: all 300ms linear

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown .ul-column:not(.column_dropdown) .submenu-item .category-sub-menu li {

    margin-top: .625rem

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown .ul-column:not(.column_dropdown) .submenu-item .category-sub-menu li a {

    line-height: 1.25rem

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown.menu-flyout .vec-sub-inner {

    padding: 0;

    box-shadow: none

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown.menu-flyout .column_flyout,

.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown.menu-flyout ul {

    min-width: 250px;

    background: #fff;

    padding: 0;

    box-shadow: 0px 5px 13.5px 1.5px rgba(0, 0, 0, 0.07);

    position: relative

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown.menu-flyout .column_dropdown,

.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown.menu-flyout .category-sub-menu {

    left: 100% !important;

    top: 0;

    position: absolute;

    margin: 0;

    opacity: 0;

    visibility: hidden;

    -webkit-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: translateY(20px);

    transform: translateY(20px)

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown.menu-flyout .column_dropdown li,

.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown.menu-flyout .category-sub-menu li {

    position: relative;

    padding: .6875rem 1.25rem;

    position: relative;

    display: block;

    margin: 0;

    border-bottom: 1px solid #e5e5e5

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown.menu-flyout .column_dropdown li:last-child,

.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown.menu-flyout .category-sub-menu li:last-child {

    border-bottom: none

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown.menu-flyout .column_flyout:hover>.column_dropdown,

.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown.menu-flyout .submenu-item:hover>.category-sub-menu {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translateY(0);

    transform: translateY(0);

    -o-transition: -o-transform 0.3s, opacity 0.3s;

    -ms-transition: -ms-transform 0.3s, opacity 0.3s;

    -moz-transition: -moz-transform 0.3s, opacity 0.3s;

    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown.menu-flyout .vec-menu-col .column_flyout {

    position: relative;

    padding: .6875rem 1.25rem;

    position: relative;

    display: block;

    margin: 0;

    border-bottom: 1px solid #e5e5e5

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown.menu-flyout .vec-menu-col .column_title {

    display: block;

    color: #4e4c4c;

    font-weight: 400;

    text-transform: capitalize;

    line-height: 1.875rem

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown.menu-flyout .vec-menu-col a.column_title:hover {

    text-decoration: underline !important;

    color: #0c0c0c

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown.menu-flyout .vec-menu-col:last-child .column_flyout {

    border-bottom: none

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown.menu-flyout .ul-column .category-tree {

    position: relative;

    padding: .6875rem 1.25rem;

    position: relative;

    display: block;

    margin: 0;

    border-bottom: 1px solid #e5e5e5

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown.menu-flyout .ul-column .category-tree:last-child {

    border-bottom: none

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown.menu-flyout .ul-column .category-tree a {

    display: block;

    color: #4e4c4c;

    font-weight: 400;

    text-transform: capitalize;

    line-height: 1.875rem

}



.vec-menu-content .vec-menu-horizontal .menu-content .menu-item .menu-dropdown.menu-flyout .ul-column .category-tree a:hover {

    text-decoration: underline !important;

    color: #0c0c0c

}



.vec-menu-content .vec-menu-vertical {

    width: 100%;

    position: relative

}



.vec-menu-content .vec-menu-vertical .icon-drop-mobile {

    display: none

}



.vec-menu-content .vec-menu-vertical .title_vertical {

    font-size: 20px;

    font-weight: 900;

    text-transform: uppercase;

    padding: 0.625rem 1.25rem;

    cursor: pointer;

    margin: 0;

    color: #353535;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}

.vec-menu-content .vec-menu-vertical .title_vertical i {

    display: none;

}



.vec-menu-content .vec-menu-vertical .menu-content {

    width: 100%;

    background: #fff;

    box-shadow: none;

    position: absolute;

    top: 100%;

    left: 0;

    padding: 0;

    z-index: 11;

    min-width: 240px;

}



@media (max-width: 1440px) {

    .vec-menu-content .vec-menu-vertical .menu-content {

        min-width: 220px

    }

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item {

    display: block;

    position: relative

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item.bold {

    font-weight: 500

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item>a {

    position: relative;

    display: block;

    overflow: hidden;

    line-height: 1.125rem;

    text-transform: capitalize;

    word-wrap: break-word;

    background: white;

    padding: 1.071rem 1.25rem;

    font-size: 11px;

    border-bottom: 1px solid #f2f2f2;

    text-transform: uppercase;

    font-weight: 700;

    color: #888;

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item>a:hover {

    background-color: var(--hovercolor);

    color: #fff;

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item:last-child>a {

    border: none !important

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-subtitle {

    display: inline-block;

    padding: 0 0.625rem;

    font-size: 0.6875rem;

    background: #0c0c0c;

    color: #fff;

    font-weight: 400;

    line-height: 1.125rem;

    position: absolute;

    position: relative;

    margin-left: .625rem

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-subtitle:after {

    top: 50%;

    left: -8px;

    content: ' ';

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border: solid transparent;

    border-right-color: #0c0c0c;

    border-width: 4px;

    margin-top: -4px

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item .img-icon {

    margin-right: 5px;

    display: inline-block;

    vertical-align: middle;

    width: auto

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item i {

    display: inline-block;

    vertical-align: middle;

    vertical-align: -1px

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item i:not(.hidden-md-down) {

    min-width: 1rem;

    text-align: center;

    margin-right: 5px;

    font-size: 1.125rem;

    vertical-align: -2px

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item i.hidden-md-down {

    font-size: 9px;

    float: right;

    line-height: inherit;

    font-size: 11px

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item .icon_sub {

    position: absolute;

    right: 1.25rem;

    top: 50%;

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

    transform: translateY(-50%)

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item>.menu-dropdown {

    opacity: 0;

    visibility: hidden;

    -webkit-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: translateY(20px);

    transform: translateY(20px)

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item.menu_initialized:hover>.menu-dropdown {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translateY(0);

    transform: translateY(0);

    -o-transition: -o-transform 0.3s, opacity 0.3s;

    -ms-transition: -ms-transform 0.3s, opacity 0.3s;

    -moz-transition: -moz-transform 0.3s, opacity 0.3s;

    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown {

    position: absolute;

    z-index: 9;

    visibility: hidden;

    opacity: 0;

    text-align: left;

    top: 0;

    left: 100%;

    padding: 0

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown .vec-sub-inner {

    background: #fff;

    padding: 1.875rem;

    box-shadow: 0px 5px 13.5px 1.5px rgba(0, 0, 0, 0.07)

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown .vec-menu-row:not(:last-child) {

    margin-bottom: 1.25rem

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown .ul-column .submenu-item:not(:last-child) {

    margin-bottom: 1.25rem

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown .column_dropdown,

.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown .category-sub-menu {

    margin-top: .9375rem

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown .ul-column:not(.column_dropdown) .submenu-item>a,

.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown .column_title {

    color: #0c0c0c;

    line-height: 1.875rem;

    text-transform: uppercase;

    font-size: .875rem;

    font-weight: 500;

    display: block;

    margin: 0;

    overflow: hidden

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown a.column_title:hover,

.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown .ul-column:not(.column_dropdown) .submenu-item>a:hover {

    color: var(--hovercolor)

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown .ul-column.column_dropdown .submenu-item {

    margin-bottom: 0

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown .ul-column.column_dropdown .submenu-item>a,

.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown .submenu-item .category-sub-menu a {

    color: #4e4c4c;

    text-transform: capitalize;

    display: block;

    line-height: 1.875rem

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown .ul-column.column_dropdown .submenu-item>a:hover,

.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown .submenu-item .category-sub-menu a:hover {

    color: #0c0c0c;

    text-decoration: underline !important;

    transition: all 300ms linear

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown .ul-column:not(.column_dropdown) .submenu-item .category-sub-menu li {

    margin-top: .625rem

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown .ul-column:not(.column_dropdown) .submenu-item .category-sub-menu li a {

    line-height: 1.25rem

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown.menu-flyout .vec-sub-inner {

    padding: 0;

    box-shadow: none

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown.menu-flyout .column_flyout,

.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown.menu-flyout ul {

    min-width: 250px;

    background: #fff;

    padding: 0;

    box-shadow: 0px 5px 13.5px 1.5px rgba(0, 0, 0, 0.07);

    position: relative

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown.menu-flyout .column_dropdown,

.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown.menu-flyout .category-sub-menu {

    left: 100% !important;

    top: 0;

    position: absolute;

    margin: 0;

    opacity: 0;

    visibility: hidden;

    -webkit-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: translateY(20px);

    transform: translateY(20px)

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown.menu-flyout .column_dropdown li,

.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown.menu-flyout .category-sub-menu li {

    position: relative;

    padding: .6875rem 1.25rem;

    position: relative;

    display: block;

    margin: 0;

    border-bottom: 1px solid #e5e5e5

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown.menu-flyout .column_dropdown li:last-child,

.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown.menu-flyout .category-sub-menu li:last-child {

    border-bottom: none

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown.menu-flyout .column_flyout:hover>.column_dropdown,

.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown.menu-flyout .submenu-item:hover>.category-sub-menu {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translateY(0);

    transform: translateY(0);

    -o-transition: -o-transform 0.3s, opacity 0.3s;

    -ms-transition: -ms-transform 0.3s, opacity 0.3s;

    -moz-transition: -moz-transform 0.3s, opacity 0.3s;

    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown.menu-flyout .vec-menu-col .column_flyout {

    position: relative;

    padding: .6875rem 1.25rem;

    position: relative;

    display: block;

    margin: 0;

    border-bottom: 1px solid #e5e5e5

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown.menu-flyout .vec-menu-col .column_title {

    display: block;

    color: #4e4c4c;

    font-weight: 400;

    text-transform: capitalize;

    line-height: 1.875rem

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown.menu-flyout .vec-menu-col a.column_title:hover {

    text-decoration: underline !important;

    color: #0c0c0c

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown.menu-flyout .vec-menu-col:last-child .column_flyout {

    border-bottom: none

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown.menu-flyout .ul-column .category-tree {

    position: relative;

    padding: .6875rem 1.25rem;

    position: relative;

    display: block;

    margin: 0;

    border-bottom: 1px solid #e5e5e5

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown.menu-flyout .ul-column .category-tree:last-child {

    border-bottom: none

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown.menu-flyout .ul-column .category-tree a {

    display: block;

    color: #4e4c4c;

    font-weight: 400;

    text-transform: capitalize;

    line-height: 1.875rem

}



.vec-menu-content .vec-menu-vertical .menu-content .menu-item .menu-dropdown.menu-flyout .ul-column .category-tree a:hover {

    text-decoration: underline !important;

    color: #0c0c0c

}



#mobile_menu_wrapper {

    display: block !important;

    overflow: hidden;

    position: fixed;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    max-width: 20rem;

    z-index: 99;

    margin: 0;

    padding: 0;

    background: #fff;

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

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

    transform: translate(-400px, 0px);

    transition-property: -webkit-transform;

    transition-property: transform;

    transition-property: transform, -webkit-transform;

    transition-duration: 0.3s;

    overflow: auto

}



#mobile_menu_wrapper .menu-close {

    background: #0c0c0c;

    color: #fff;

    height: 2.5rem;

    padding: 0 1.25rem;

    font-size: 1rem;

    font-weight: 500;

    text-transform: uppercase;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    cursor: pointer

}



#mobile_menu_wrapper .currency-selector img,

#mobile_menu_wrapper .language-selector img {

    vertical-align: 0px;

    margin-right: 5px

}



#mobile_menu_wrapper .currency-selector button,

#mobile_menu_wrapper .language-selector button {

    background: transparent;

    border: none;

    border-bottom: 1px solid #e5e5e5;

    width: 100%;

    text-align: left;

    display: block;

    color: #0c0c0c;

    font-size: 0.875rem;

    font-weight: 400;

    padding: 0.625rem 1.25rem;

    line-height: 1.25rem;

    cursor: pointer

}



#mobile_menu_wrapper .currency-selector button i,

#mobile_menu_wrapper .language-selector button i {

    position: absolute;

    right: 1.25rem;

    top: 0.9375rem;

    color: #0c0c0c

}



#mobile_menu_wrapper .currency-selector .dropdown-menu,

#mobile_menu_wrapper .language-selector .dropdown-menu {

    position: static;

    position: relative;

    border: 0;

    padding: 0;

    margin: 0;

    float: none

}



#mobile_menu_wrapper .currency-selector .dropdown-menu li,

#mobile_menu_wrapper .language-selector .dropdown-menu li {

    border-bottom: 1px solid #e5e5e5

}



#mobile_menu_wrapper .currency-selector .dropdown-menu li a,

#mobile_menu_wrapper .language-selector .dropdown-menu li a {

    display: block;

    color: #0c0c0c;

    font-size: 0.8125rem;

    font-weight: 400;

    padding: 0.625rem 1.875rem;

    line-height: 1.25rem

}



#mobile_menu_wrapper .compare-top,

#mobile_menu_wrapper .wishlist-top {

    display: inline-block;

    min-width: 49%

}



#mobile_menu_wrapper .compare-top a,

#mobile_menu_wrapper .wishlist-top a {

    padding: 0.625rem 1.25rem;

    line-height: 1.25rem

}



#mobile_menu_wrapper.box-menu {

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

    transform: translate(0, 0)

}



.open-menu:after {

    top: 0;

    left: 0;

    content: '';

    width: 100%;

    display: block;

    position: fixed;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    z-index: 99;

    transition: opacity 0.2s cubic-bezier(0, 0, 0.3, 1);

    transition-delay: 0.1s

}



.nav-mobile-menu {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    border-bottom: 2px solid #e5e5e5

}



.nav-mobile-menu li.nav-item {

    width: 50%

}



.nav-mobile-menu li.nav-item .nav-link {

    font-size: 1rem;

    color: #0c0c0c;

    display: block;

    padding: .9375rem 0.625rem;

    text-align: center;

    position: relative;

    font-weight: 500

}



.nav-mobile-menu li.nav-item .nav-link:before {

    position: absolute;

    left: 0;

    bottom: -2px;

    content: '';

    height: 2px;

    width: 100%;

    transition: all 300ms linear

}



.nav-mobile-menu li.nav-item .nav-link.active {

    color: var(--hovercolor)

}



.nav-mobile-menu li.nav-item .nav-link.active:before {

    background: var(--hovercolor);

    transition: all 300ms linear

}



.nav-mobile-menu li.nav-item .nav-link:hover {

    color: var(--hovercolor)

}



.vec-mobile-menu {

    text-align: left

}



@media (max-width: 1024px) {

    .vec-mobile-menu .hidden-md-down,

    .vec-mobile-menu .title_vertical {

        display: none

    }

}



.vec-mobile-menu .menu-content .vec-sub-menu,

.vec-mobile-menu .menu-content .vec-sub-menu .vec-menu-col {

    float: none;

    width: 100% !important;

    padding: 0;

    position: relative

}



.vec-mobile-menu .menu-content .vec-menu-row {

    margin: 0

}



.vec-mobile-menu .menu-content .menu-dropdown,

.vec-mobile-menu .menu-content .category-sub-menu,

.vec-mobile-menu .menu-content .ul-column.column_dropdown {

    display: none

}



.vec-mobile-menu .menu-content .menu-dropdown .submenu-item .category-sub-menu a {

    font-weight: 400;

    font-size: 0.8125rem

}



.vec-mobile-menu .menu-content .vec-sub-inner:after {

    content: '';

    display: table;

    clear: both

}



.vec-mobile-menu .menu-content .open_menu i.add {

    display: none

}



.vec-mobile-menu .menu-content .menu-item {

    position: relative;

    display: block;

    line-height: 1

}



.vec-mobile-menu .menu-content .menu-item .column_title {

    display: block;

    color: #0c0c0c;

    font-weight: 500;

    padding: 0.625rem 1.25rem;

    padding-left: 1.875rem;

    margin-bottom: 0;

    line-height: 1.5;

    font-size: 0.875rem;

    border-bottom: 1px solid #e5e5e5

}



.vec-mobile-menu .menu-content .menu-item .icon-drop-mobile i {

    text-align: center;

    position: absolute;

    right: 0;

    top: 0;

    font-size: 18px;

    color: #0c0c0c;

    width: 3.4375rem;

    height: 2.5rem;

    line-height: 2.5rem;

    cursor: pointer

}



.vec-mobile-menu .menu-content .menu-item img {

    width: 100%

}



.vec-mobile-menu .menu-content .menu-item img.img-icon {

    margin-right: 5px;

    display: inline-block;

    vertical-align: middle;

    width: auto

}



.vec-mobile-menu .menu-content .menu-item .custom_menu a {

    padding: 0

}



.vec-mobile-menu .menu-content .menu-item .html-block {

    padding: 1.25rem

}



.vec-mobile-menu .menu-content .menu-item li {

    position: relative

}



.vec-mobile-menu .menu-content .menu-item li a {

    font-weight: 400;

    padding-left: 1.875rem

}



.vec-mobile-menu .menu-content .menu-item li li a {

    font-weight: 400;

    font-size: 0.8125rem;

    padding-left: 2.5rem

}



.vec-mobile-menu .menu-content .menu-item li li li a {

    padding-left: 3.125rem

}



.vec-mobile-menu .menu-content .menu-item>a .menu-subtitle {

    display: inline-block;

    padding: 0 0.625rem;

    font-size: 0.75rem;

    background: #0c0c0c;

    color: #fff;

    font-weight: 400;

    line-height: 1.125rem;

    position: relative;

    margin-left: 0.625rem

}



.vec-mobile-menu .menu-content .menu-item>a .menu-subtitle:after {

    top: 50%;

    left: -8px;

    content: ' ';

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border: solid transparent;

    border-right-color: #0c0c0c;

    border-width: 4px;

    margin-top: -4px

}



.vec-mobile-menu .menu-content .menu-item a {

    display: block;

    color: #0c0c0c;

    font-size: 0.875rem;

    font-weight: 500;

    padding: 0.625rem 1.25rem;

    padding-right: 3.125rem;

    line-height: 1.5;

    border-bottom: 1px solid #e5e5e5

}



.vec-mobile-menu .menu-content .menu-item a.img_banner {

    padding: 1.25rem

}



.slideshow-button {

    color: var(--buttoncolor);

    background: var(--buttonbackground);

    padding: .625rem 1.25rem

}



.slideshow-button:hover {

    color: var(--buttonhovercolor);

    background: var(--buttonhoverbackground)

}



.elementor-widget-slideshow .slick-dots {

    position: absolute;

    bottom: 1.25rem;

    left: 0;

    right: 0;

    margin: 0;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.elementor-widget-slideshow .slick-dots li:not(:last-child) {

    margin-right: .625rem

}



.elementor-widget-slideshow .slick-dots li:hover button,

.elementor-widget-slideshow .slick-dots li.slick-active button {

    background: var(--hovercolor)

}



.elementor-widget-slideshow .slick-dots li button {

    padding: 0;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.25);

    font-size: 0;

    border: none;

    cursor: pointer

}



.elementor-widget-slideshow .slick-slider .slick-arrow {

    width: 1.875rem;

    height: 1.875rem;

    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;

    font-size: 0;

    border: none;

    position: absolute;

    border-radius: 50%;

    background: #fff;

    color: #0c0c0c;

    cursor: pointer;

    top: 50%;

    z-index: 9;

    opacity: 0;

    visibility: hidden;

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

    transform: translateY(-50%);

    transition: all 300ms linear

}



.elementor-widget-slideshow .slick-slider .slick-arrow:before {

    font-family: "vecthemes-icon";

    font-size: 12px

}



.elementor-widget-slideshow .slick-slider .slick-arrow:hover {

    background: var(--buttonhoverbackground);

    color: var(--buttonhovercolor)

}



.elementor-widget-slideshow .slick-slider .slick-prev {

    left: .9375rem

}



@media (max-width: 767px) {

    .elementor-widget-slideshow .slick-slider .slick-prev {

        left: 5px

    }

}



.elementor-widget-slideshow .slick-slider .slick-prev:before {

    content: "\e903"

}



.elementor-widget-slideshow .slick-slider .slick-next {

    right: .9375rem

}



@media (max-width: 767px) {

    .elementor-widget-slideshow .slick-slider .slick-next {

        right: 5px

    }

}



.elementor-widget-slideshow .slick-slider .slick-next:before {

    content: "\e905"

}



.elementor-widget-slideshow:hover .slick-slider .slick-arrow {

    opacity: 1;

    visibility: visible

}



.home-banner {

    position: relative;

    overflow: hidden

}



.home-banner.animation1:after {

    position: absolute;

    border-radius: 50%;

    width: 0;

    height: 0;

    height: 0;

    top: 50%;

    left: 50%;

    background-color: rgba(255, 255, 255, 0.3);

    content: "";

    z-index: 2;

    pointer-events: none

}



.home-banner.animation1 img {

    width: 100%;

    transition: all 300ms linear;

    -webkit-transform: scale(1);

    transform: scale(1)

}



.home-banner.animation1:hover:after {

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    transition: all 600ms linear

}



.home-banner.animation1:hover img {

    transition: all 300ms linear;

    -webkit-transform: scale(1.05);

    transform: scale(1.05)

}



.home-banner.animation2:before {

    position: absolute;

    top: 0;

    left: -75%;

    z-index: 2;

    display: block;

    content: '';

    width: 50%;

    height: 100%;

    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);

    -webkit-transform: skewX(-25deg);

    transform: skewX(-25deg);

    pointer-events: none;

    transition: all 300ms linear

}



.home-banner.animation2:hover:before {

    left: 125%;

    transition: all 300ms linear

}



.home-banner.animation3:before,

.home-banner.animation3:after {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    opacity: 0;

    display: block;

    pointer-events: none;

    transition: all 300ms linear

}



.home-banner.animation3:hover:before {

    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;

    bottom: 50%;

    top: 50%;

    opacity: 1

}



.home-banner.animation3:hover:after {

    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;

    left: 51%;

    right: 50%;

    opacity: 1

}



.home-banner img {

    width: 100%;

    transition: all 300ms linear

}



.home-banner .banner-content {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    padding: 0.625rem;

    pointer-events: none;

    line-height: 1

}



.home-banner .banner-content>*:last-child {

    margin-bottom: 0 !important

}



.home-banner .banner-content .banner-button {

    display: inline-block;

    pointer-events: auto

}



body:not(.elementor-editor-active) .categoryproducts:hover,

body:not(.elementor-editor-active) .products-accessories:hover,

body:not(.elementor-editor-active) .elementor-widget-product-tab:hover,

body:not(.elementor-editor-active) .elementor-widget-product-sale:hover,

body:not(.elementor-editor-active) .elementor-widget-product-carousel:hover {

    z-index: 1

}



body:not(.elementor-editor-active) .categoryproducts .elementor-slick-slider .slick-list,

body:not(.elementor-editor-active) .products-accessories .elementor-slick-slider .slick-list,

body:not(.elementor-editor-active) .elementor-widget-product-tab .elementor-slick-slider .slick-list,

body:not(.elementor-editor-active) .elementor-widget-product-sale .elementor-slick-slider .slick-list,

body:not(.elementor-editor-active) .elementor-widget-product-carousel .elementor-slick-slider .slick-list {

    margin-bottom: -96px;

    padding-bottom: 96px

}



body:not(.elementor-editor-active) .categoryproducts .elementor-slick-slider .slick-dotted,

body:not(.elementor-editor-active) .products-accessories .elementor-slick-slider .slick-dotted,

body:not(.elementor-editor-active) .elementor-widget-product-tab .elementor-slick-slider .slick-dotted,

body:not(.elementor-editor-active) .elementor-widget-product-sale .elementor-slick-slider .slick-dotted,

body:not(.elementor-editor-active) .elementor-widget-product-carousel .elementor-slick-slider .slick-dotted {

    margin-bottom: 0 !important

}



body:not(.elementor-editor-active) .categoryproducts .elementor-slick-slider .slick-dotted .slick-dots,

body:not(.elementor-editor-active) .products-accessories .elementor-slick-slider .slick-dotted .slick-dots,

body:not(.elementor-editor-active) .elementor-widget-product-tab .elementor-slick-slider .slick-dotted .slick-dots,

body:not(.elementor-editor-active) .elementor-widget-product-sale .elementor-slick-slider .slick-dotted .slick-dots,

body:not(.elementor-editor-active) .elementor-widget-product-carousel .elementor-slick-slider .slick-dotted .slick-dots {

    bottom: auto;

    margin-top: 10px;

    pointer-events: none

}



body:not(.elementor-editor-active) .categoryproducts .elementor-slick-slider .slick-dotted .slick-dots>*,

body:not(.elementor-editor-active) .products-accessories .elementor-slick-slider .slick-dotted .slick-dots>*,

body:not(.elementor-editor-active) .elementor-widget-product-tab .elementor-slick-slider .slick-dotted .slick-dots>*,

body:not(.elementor-editor-active) .elementor-widget-product-sale .elementor-slick-slider .slick-dotted .slick-dots>*,

body:not(.elementor-editor-active) .elementor-widget-product-carousel .elementor-slick-slider .slick-dotted .slick-dots>* {

    pointer-events: auto

}



body:not(.elementor-editor-active) .categoryproducts .elementor-slick-slider .slick-arrows-inside .slick-arrow,

body:not(.elementor-editor-active) .products-accessories .elementor-slick-slider .slick-arrows-inside .slick-arrow,

body:not(.elementor-editor-active) .elementor-widget-product-tab .elementor-slick-slider .slick-arrows-inside .slick-arrow,

body:not(.elementor-editor-active) .elementor-widget-product-sale .elementor-slick-slider .slick-arrows-inside .slick-arrow,

body:not(.elementor-editor-active) .elementor-widget-product-carousel .elementor-slick-slider .slick-arrows-inside .slick-arrow {

    margin-top: -48px

}



.categoryproducts,

.products-accessories {

    margin-top: 3.75rem;

    position: relative

}



.categoryproducts .product-title,

.products-accessories .product-title {

    margin-bottom: 1.25rem

}



.categoryproducts .product-title h2,

.products-accessories .product-title h2 {

    font-size: 26px;

    font-weight: 500;

    text-transform: capitalize;

    margin: 0

}



.categoryproducts .elementor-slick-slider .slick-slider .slick-arrow,

.products-accessories .elementor-slick-slider .slick-slider .slick-arrow,

.elementor-widget-brand-carousel .elementor-slick-slider .slick-slider .slick-arrow,

.elementor-widget-product-tab .elementor-slick-slider .slick-slider .slick-arrow,

.elementor-widget-v-smartblog .elementor-slick-slider .slick-slider .slick-arrow,

.elementor-widget-product-sale .elementor-slick-slider .slick-slider .slick-arrow,

.elementor-widget-product-carousel .elementor-slick-slider .slick-slider .slick-arrow {

    width: 1.875rem;

    height: 1.875rem;

    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;

    font-size: 0;

    border-radius: 50%;

    background: #fff;

    box-shadow: 0 0 3.76px 0.24px rgba(0, 0, 0, 0.15);

    z-index: 2;

    opacity: 0;

    visibility: hidden;

    transition: all 300ms linear

}



.categoryproducts .elementor-slick-slider .slick-slider .slick-arrow:before,

.products-accessories .elementor-slick-slider .slick-slider .slick-arrow:before,

.elementor-widget-brand-carousel .elementor-slick-slider .slick-slider .slick-arrow:before,

.elementor-widget-product-tab .elementor-slick-slider .slick-slider .slick-arrow:before,

.elementor-widget-v-smartblog .elementor-slick-slider .slick-slider .slick-arrow:before,

.elementor-widget-product-sale .elementor-slick-slider .slick-slider .slick-arrow:before,

.elementor-widget-product-carousel .elementor-slick-slider .slick-slider .slick-arrow:before {

    font-family: "vecthemes-icon";

    font-size: 12px;

    color: #0c0c0c

}



.categoryproducts .elementor-slick-slider .slick-slider .slick-arrow:hover,

.products-accessories .elementor-slick-slider .slick-slider .slick-arrow:hover,

.elementor-widget-brand-carousel .elementor-slick-slider .slick-slider .slick-arrow:hover,

.elementor-widget-product-tab .elementor-slick-slider .slick-slider .slick-arrow:hover,

.elementor-widget-v-smartblog .elementor-slick-slider .slick-slider .slick-arrow:hover,

.elementor-widget-product-sale .elementor-slick-slider .slick-slider .slick-arrow:hover,

.elementor-widget-product-carousel .elementor-slick-slider .slick-slider .slick-arrow:hover {

    background: var(--buttonhoverbackground)

}



.categoryproducts .elementor-slick-slider .slick-slider .slick-arrow:hover:before,

.products-accessories .elementor-slick-slider .slick-slider .slick-arrow:hover:before,

.elementor-widget-brand-carousel .elementor-slick-slider .slick-slider .slick-arrow:hover:before,

.elementor-widget-product-tab .elementor-slick-slider .slick-slider .slick-arrow:hover:before,

.elementor-widget-v-smartblog .elementor-slick-slider .slick-slider .slick-arrow:hover:before,

.elementor-widget-product-sale .elementor-slick-slider .slick-slider .slick-arrow:hover:before,

.elementor-widget-product-carousel .elementor-slick-slider .slick-slider .slick-arrow:hover:before {

    color: var(--buttonhovercolor)

}



.categoryproducts .elementor-slick-slider .slick-slider .slick-prev:before,

.products-accessories .elementor-slick-slider .slick-slider .slick-prev:before,

.elementor-widget-brand-carousel .elementor-slick-slider .slick-slider .slick-prev:before,

.elementor-widget-product-tab .elementor-slick-slider .slick-slider .slick-prev:before,

.elementor-widget-v-smartblog .elementor-slick-slider .slick-slider .slick-prev:before,

.elementor-widget-product-sale .elementor-slick-slider .slick-slider .slick-prev:before,

.elementor-widget-product-carousel .elementor-slick-slider .slick-slider .slick-prev:before {

    content: "\e903"

}



.categoryproducts .elementor-slick-slider .slick-slider .slick-next:before,

.products-accessories .elementor-slick-slider .slick-slider .slick-next:before,

.elementor-widget-brand-carousel .elementor-slick-slider .slick-slider .slick-next:before,

.elementor-widget-product-tab .elementor-slick-slider .slick-slider .slick-next:before,

.elementor-widget-v-smartblog .elementor-slick-slider .slick-slider .slick-next:before,

.elementor-widget-product-sale .elementor-slick-slider .slick-slider .slick-next:before,

.elementor-widget-product-carousel .elementor-slick-slider .slick-slider .slick-next:before {

    content: "\e905"

}



.categoryproducts .elementor-slick-slider .slick-slider.slick-arrows-inside .slick-prev,

.products-accessories .elementor-slick-slider .slick-slider.slick-arrows-inside .slick-prev,

.elementor-widget-brand-carousel .elementor-slick-slider .slick-slider.slick-arrows-inside .slick-prev,

.elementor-widget-product-tab .elementor-slick-slider .slick-slider.slick-arrows-inside .slick-prev,

.elementor-widget-v-smartblog .elementor-slick-slider .slick-slider.slick-arrows-inside .slick-prev,

.elementor-widget-product-sale .elementor-slick-slider .slick-slider.slick-arrows-inside .slick-prev,

.elementor-widget-product-carousel .elementor-slick-slider .slick-slider.slick-arrows-inside .slick-prev {

    left: -15px

}



.categoryproducts .elementor-slick-slider .slick-slider.slick-arrows-inside .slick-next,

.products-accessories .elementor-slick-slider .slick-slider.slick-arrows-inside .slick-next,

.elementor-widget-brand-carousel .elementor-slick-slider .slick-slider.slick-arrows-inside .slick-next,

.elementor-widget-product-tab .elementor-slick-slider .slick-slider.slick-arrows-inside .slick-next,

.elementor-widget-v-smartblog .elementor-slick-slider .slick-slider.slick-arrows-inside .slick-next,

.elementor-widget-product-sale .elementor-slick-slider .slick-slider.slick-arrows-inside .slick-next,

.elementor-widget-product-carousel .elementor-slick-slider .slick-slider.slick-arrows-inside .slick-next {

    right: -15px

}



.categoryproducts .elementor-slick-slider .slick-slider.slick-arrows-inside:hover .slick-arrow,

.products-accessories .elementor-slick-slider .slick-slider.slick-arrows-inside:hover .slick-arrow,

.elementor-widget-brand-carousel .elementor-slick-slider .slick-slider.slick-arrows-inside:hover .slick-arrow,

.elementor-widget-product-tab .elementor-slick-slider .slick-slider.slick-arrows-inside:hover .slick-arrow,

.elementor-widget-v-smartblog .elementor-slick-slider .slick-slider.slick-arrows-inside:hover .slick-arrow,

.elementor-widget-product-sale .elementor-slick-slider .slick-slider.slick-arrows-inside:hover .slick-arrow,

.elementor-widget-product-carousel .elementor-slick-slider .slick-slider.slick-arrows-inside:hover .slick-arrow {

    opacity: 1;

    visibility: visible

}



.categoryproducts .elementor-slick-slider .slick-slider.slick-arrows-outside .slick-arrow,

.products-accessories .elementor-slick-slider .slick-slider.slick-arrows-outside .slick-arrow,

.elementor-widget-brand-carousel .elementor-slick-slider .slick-slider.slick-arrows-outside .slick-arrow,

.elementor-widget-product-tab .elementor-slick-slider .slick-slider.slick-arrows-outside .slick-arrow,

.elementor-widget-v-smartblog .elementor-slick-slider .slick-slider.slick-arrows-outside .slick-arrow,

.elementor-widget-product-sale .elementor-slick-slider .slick-slider.slick-arrows-outside .slick-arrow,

.elementor-widget-product-carousel .elementor-slick-slider .slick-slider.slick-arrows-outside .slick-arrow {

    top: -3.125rem;

    -webkit-transform: none;

    transform: none;

    opacity: 1;

    visibility: visible

}



.categoryproducts .elementor-slick-slider .slick-slider.slick-arrows-outside .slick-prev,

.products-accessories .elementor-slick-slider .slick-slider.slick-arrows-outside .slick-prev,

.elementor-widget-brand-carousel .elementor-slick-slider .slick-slider.slick-arrows-outside .slick-prev,

.elementor-widget-product-tab .elementor-slick-slider .slick-slider.slick-arrows-outside .slick-prev,

.elementor-widget-v-smartblog .elementor-slick-slider .slick-slider.slick-arrows-outside .slick-prev,

.elementor-widget-product-sale .elementor-slick-slider .slick-slider.slick-arrows-outside .slick-prev,

.elementor-widget-product-carousel .elementor-slick-slider .slick-slider.slick-arrows-outside .slick-prev {

    right: 40px;

    left: auto

}



.categoryproducts .elementor-slick-slider .slick-slider.slick-arrows-outside .slick-next,

.products-accessories .elementor-slick-slider .slick-slider.slick-arrows-outside .slick-next,

.elementor-widget-brand-carousel .elementor-slick-slider .slick-slider.slick-arrows-outside .slick-next,

.elementor-widget-product-tab .elementor-slick-slider .slick-slider.slick-arrows-outside .slick-next,

.elementor-widget-v-smartblog .elementor-slick-slider .slick-slider.slick-arrows-outside .slick-next,

.elementor-widget-product-sale .elementor-slick-slider .slick-slider.slick-arrows-outside .slick-next,

.elementor-widget-product-carousel .elementor-slick-slider .slick-slider.slick-arrows-outside .slick-next {

    right: 0

}



.elementor-widget-brand-carousel .elementor-image-carousel-wrapper,

.elementor-widget-v-smartblog .elementor-image-carousel-wrapper {

    margin: 0 -10px

}



.elementor-widget-brand-carousel .slick-slide,

.elementor-widget-v-smartblog .slick-slide {

    padding: 0 10px

}



.elementor-widget-brand-carousel .elementor-slick-slider .slick-slider.slick-arrows-inside .slick-prev,

.elementor-widget-v-smartblog .elementor-slick-slider .slick-slider.slick-arrows-inside .slick-prev {

    left: -5px

}



.elementor-widget-brand-carousel .elementor-slick-slider .slick-slider.slick-arrows-inside .slick-next,

.elementor-widget-v-smartblog .elementor-slick-slider .slick-slider.slick-arrows-inside .slick-next {

    right: -5px

}



.elementor-widget-brand-carousel .elementor-slick-slider .slick-slider.slick-arrows-outside .slick-prev,

.elementor-widget-v-smartblog .elementor-slick-slider .slick-slider.slick-arrows-outside .slick-prev {

    right: 50px;

    left: auto

}



.elementor-widget-brand-carousel .elementor-slick-slider .slick-slider.slick-arrows-outside .slick-next,

.elementor-widget-v-smartblog .elementor-slick-slider .slick-slider.slick-arrows-outside .slick-next {

    right: 10px

}



.smart-blog-post-item:hover .sdsarticle-img:after {

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    transition: all 600ms linear

}



.smart-blog-post-item:hover .sdsarticle-img img {

    transition: all 300ms linear;

    -webkit-transform: scale(1.05);

    transform: scale(1.05)

}



.smart-blog-post-item .sdsarticle-img {

    position: relative;

    overflow: hidden;

    margin-bottom: 1.25rem

}



.smart-blog-post-item .sdsarticle-img:after {

    position: absolute;

    border-radius: 50%;

    width: 0;

    height: 0;

    height: 0;

    top: 50%;

    left: 50%;

    background-color: rgba(255, 255, 255, 0.3);

    content: "";

    z-index: 2;

    pointer-events: none

}



.smart-blog-post-item .sdsarticle-img img {

    width: 100%;

    transition: all 300ms linear;

    -webkit-transform: scale(1);

    transform: scale(1)

}



.smart-blog-post-item .sdsarticle-img .category-link {

    position: absolute;

    left: 1.25rem;

    bottom: 1.25rem

}



.smart-blog-post-item .sdsarticle-img .category-link a {

    display: inline-block;

    padding: .3125rem .9375rem;

    background: #fff;

    color: #0c0c0c;

    font-weight: 500;

    margin: 2px 0

}



.smart-blog-post-item .sdsarticle-img .category-link a:hover {

    background: var(--buttonhoverbackground);

    color: var(--buttonhovercolor)

}



.smart-blog-post-item .smart-blog-content .smart-blog-posts-title a {

    font-size: 1.125rem;

    font-weight: 500;

    line-height: 1.5rem

}



.smart-blog-post-item .smart-blog-content .smart-blog-posts-info {

    margin-bottom: .625rem

}



.smart-blog-post-item .smart-blog-content .smart-blog-posts-info>span {

    font-size: .75rem;

    text-transform: uppercase;

    color: #737070

}



.smart-blog-post-item .smart-blog-content .smart-blog-posts-info>span:not(:last-child):after {

    content: "/";

    margin: 0 5px;

    color: #0c0c0c

}



.style-2 .smart-blog-post-item .smart-blog-content .smart-blog-posts-title a {

    font-size: 1rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    display: block;

    font-weight: 500;

    line-height: 1.5rem

}



.style-2 .smart-blog-post-item .smart-blog-content .smart-blog-posts-info {

    margin-bottom: 0

}



.style-2 .smart-blog-post-item .smart-blog-content .smart-blog-posts-info>span {

    text-transform: capitalize;

    font-style: italic

}



.style-2 .smart-blog-post-item .smart-blog-content .smart-blog-post-readmore-btn .r_more {

    display: inline-block;

    width: auto;

    line-height: 1.25rem

}



.style-3 .smart-blog-post-item .sdsarticle-img {

    margin: 0

}



.style-3 .smart-blog-post-item .sdsarticle-img .smart-blog-posts-title a {

    font-size: 1rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    display: block;

    font-weight: 500;

    line-height: 1.5rem

}



.style-3 .smart-blog-post-item .sdsarticle-img .smart-blog-posts-info>span {

    font-size: .75rem;

    text-transform: uppercase;

    color: #737070

}



.style-3 .smart-blog-post-item .sdsarticle-img .smart-blog-posts-info>span:not(:last-child):after {

    content: "/";

    margin: 0 5px;

    color: #0c0c0c

}



.style-3 .smart-blog-post-item .sdsarticle-img .smart-blog-inner {

    position: absolute;

    left: 1.25rem;

    right: 1.25rem;

    bottom: 0;

    background: #fff;

    padding: 1.25rem;

    z-index: 1;

    text-align: center

}



.style-3 .smart-blog-post-item .smart-blog-content .smart-blog-post-readmore-btn {

    padding: 0 1.25rem

}



.style-3 .smart-blog-post-item .smart-blog-content .smart-blog-post-readmore-btn .r_more {

    display: block;

    line-height: 1.25rem

}



.style-4 .smart-blog-post-item .sdsarticle-img {

    margin: 0

}



.style-4 .smart-blog-post-item .sdsarticle-img .category-link {

    top: 1.25rem;

    bottom: auto

}



.style-4 .smart-blog-post-item .sdsarticle-img .smart-blog-posts-title a {

    font-size: 1rem;

    display: block;

    color: #fff;

    font-weight: 500;

    line-height: 1.5rem

}



.style-4 .smart-blog-post-item .sdsarticle-img .smart-blog-posts-title a:hover {

    color: var(--hovercolor)

}



.style-4 .smart-blog-post-item .sdsarticle-img .smart-blog-posts-info>span {

    font-size: .75rem;

    text-transform: uppercase;

    color: #fff

}



.style-4 .smart-blog-post-item .sdsarticle-img .smart-blog-posts-info>span:not(:last-child):after {

    content: "/";

    margin: 0 5px;

    color: #fff

}



.style-4 .smart-blog-post-item .sdsarticle-img .smart-blog-posts-info a {

    color: #fff

}



.style-4 .smart-blog-post-item .sdsarticle-img .smart-blog-posts-info a:hover {

    color: var(--hovercolor)

}



.style-4 .smart-blog-post-item .sdsarticle-img .smart-blog-inner {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    top: 3.125rem;

    padding: 1.25rem;

    z-index: 3;

    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end

}



.elementor-widget-brand-carousel .elementor-manufacturer-image {

    overflow: hidden

}



.elementor-widget-brand-carousel .elementor-manufacturer-image img {

    transition: all 300ms linear

}



.elementor-widget-brand-carousel .elementor-manufacturer-image:hover img {

    -webkit-transform: scale(1.05);

    transform: scale(1.05);

    transition: all 300ms linear

}



.elementor-widget-categories.style-no-padding-yes .slick-slide>div:not(:first-child) {

    margin-top: -1px

}



.elementor-widget-categories.style-no-padding-yes .first-active .elementor-categories-item:after {

    left: 0

}



.elementor-widget-categories.style-no-padding-yes .elementor-categories-item:after {

    content: '';

    position: absolute;

    left: -1px;

    right: 0;

    top: 0;

    bottom: 0;

    border: 1px solid #e5e5e5;

    pointer-events: none;

    transition: all 300ms linear

}



.elementor-widget-categories:not(.style-no-padding-yes) .elementor-image-carousel-wrapper {

    margin: 0 -10px

}



.elementor-widget-categories:not(.style-no-padding-yes) .slick-slide {

    padding: 0 10px

}



.elementor-widget-categories:not(.style-no-padding-yes) .slick-slide>div:not(:last-child) {

    margin-bottom: 20px

}



.elementor-widget-categories:not(.style-no-padding-yes) .elementor-slick-slider .slick-slider.slick-arrows-inside .slick-prev {

    left: -5px

}



.elementor-widget-categories:not(.style-no-padding-yes) .elementor-slick-slider .slick-slider.slick-arrows-inside .slick-next {

    right: -5px

}



.elementor-widget-categories:not(.style-no-padding-yes) .elementor-slick-slider .slick-slider.slick-arrows-outside .slick-prev {

    right: 50px;

    left: auto

}



.elementor-widget-categories:not(.style-no-padding-yes) .elementor-slick-slider .slick-slider.slick-arrows-outside .slick-next {

    right: 10px

}



.elementor-widget-categories .elementor-categories-item {

    position: relative;

    padding: .625rem

}



.elementor-widget-categories .elementor-categories-item:hover .elementor-categories-image img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

    transition: all 300ms linear

}



.elementor-widget-categories .elementor-categories-item .elementor-categories-image {

    overflow: hidden

}



.elementor-widget-categories .elementor-categories-item .elementor-categories-image img {

    transition: all 300ms linear

}



.elementor-widget-categories .elementor-categories-item .elementor-categories-content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    overflow: hidden

}



.elementor-widget-categories .elementor-categories-item .elementor-categories-content .elementor-categories-name {

    font-size: .875rem;

    color: #0c0c0c;

    font-weight: 500;

    text-transform: uppercase;

    display: block;

    margin-bottom: .625rem

}



.elementor-widget-categories .elementor-categories-item .elementor-categories-content .elementor-categories-name:hover {

    color: var(--hovercolor)

}



.elementor-widget-categories .elementor-categories-item .elementor-categories-count {

    color: #4e4c4c;

    font-size: .8125rem;

    margin-bottom: .3125rem

}



.elementor-widget-categories .elementor-categories-item .elementor-categories-subcategories li a {

    color: #4e4c4c;

    display: block

}



.elementor-widget-categories .elementor-categories-item .elementor-categories-subcategories li a:hover {

    color: var(--hovercolor)

}



.elementor-widget-categories .elementor-categories-item .elementor-categories-link {

    display: inline-block;

    font-weight: 500;

    text-transform: uppercase;

    font-size: .75rem;

    margin-bottom: 10px

}



.elementor-widget-categories .elementor-categories-item.layout-1 {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important

}



.elementor-widget-categories .elementor-categories-item.layout-1 .elementor-categories-image {

    -ms-flex: 0 0 auto;

    -webkit-box-flex: 0;

    flex: 0 0 auto;

    max-width: 120px

}



.elementor-widget-categories .elementor-categories-item.layout-1 .elementor-categories-content {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    overflow: hidden;

    padding: .625rem

}



.elementor-widget-categories .elementor-categories-item.layout-2 .elementor-categories-image {

    margin-bottom: .9375rem

}



.elementor-widget-categories .elementor-categories-item.layout-3 .elementor-categories-image img {

    width: 100%

}



.elementor-widget-categories .elementor-categories-item.layout-3 .elementor-categories-content {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    padding: .625rem

}



.elementor-widget-categories.image-position-right .layout-1 {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

    -ms-flex-direction: row-reverse;

    flex-direction: row-reverse

}



.elementor-widget-categories.content-position-top .elementor-categories-item .elementor-categories-content {

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start

}



.elementor-widget-categories.content-position-middle .elementor-categories-item .elementor-categories-content {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.elementor-widget-categories.content-position-bottom .elementor-categories-item .elementor-categories-content {

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end

}



.not-hover-border .js-product-miniature:hover::after {

    border-color: #e5e5e5

}



.elementor-widget-product-sale .js-product-miniature:hover a.quick-view {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1;

    visibility: visible;

    transition: all 200ms linear

}



.elementor-widget-product-sale .js-product-miniature a.quick-view {

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -1.25rem;

    margin-left: -1.25rem;

    background: #fff;

    font-size: 0;

    border-radius: 50%;

    text-transform: uppercase;

    font-weight: 500;

    text-align: center;

    width: 2.5rem;

    height: 2.5rem;

    color: #0c0c0c;

    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;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: scale(0.7);

    transform: scale(0.7);

    transition: all 200ms linear

}



.elementor-widget-product-sale .js-product-miniature a.quick-view:hover {

    color: var(--buttoncolor);

    background: var(--buttonbackground)

}



.elementor-widget-product-sale .js-product-miniature a.quick-view::before {

    font-family: "vecthemes-icon";

    font-size: 1rem;

    content: '\e988'

}



.elementor-widget-product-sale .js-product-miniature .box-hover {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin: .9375rem 0

}



.elementor-widget-product-sale .js-product-miniature .add-links {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.elementor-widget-product-sale .js-product-miniature .add-links a {

    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;

    font-size: 0;

    background: #0c0c0c;

    color: #fff;

    cursor: pointer;

    width: 2.75rem;

    height: 2.75rem;

    margin-left: .1875rem;

    transition: all 200ms linear

}



.elementor-widget-product-sale .js-product-miniature .add-links a::before {

    font-family: "vecthemes-icon";

    font-size: 1rem

}



.elementor-widget-product-sale .js-product-miniature .add-links a.compare-button.cmp_added {

    color: var(--hovercolor)

}



.elementor-widget-product-sale .js-product-miniature .add-links a.compare-button::before {

    content: '\e97e';

    font-size: 1.125rem

}



.elementor-widget-product-sale .js-product-miniature .add-links a.btn-wishlist.added {

    color: var(--hovercolor)

}



.elementor-widget-product-sale .js-product-miniature .add-links a.btn-wishlist::before {

    content: '\e942'

}



.elementor-widget-product-sale .js-product-miniature .add-links a:hover {

    color: var(--hovercolor)

}



.elementor-widget-product-sale .js-product-miniature .product-content .product_name {

    font-size: 1.25rem;

    margin-bottom: .625rem

}



.elementor-widget-product-sale .js-product-miniature .product-content .product-price-and-shipping .regular-price {

    font-size: 1rem

}



.elementor-widget-product-sale .js-product-miniature .product-content .product-price-and-shipping .price {

    font-size: 1.375rem

}



.elementor-widget-product-sale .js-product-miniature .product-cart {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1

}



.elementor-widget-product-sale .js-product-miniature .product-cart button.ajax-add-to-cart-button,

.elementor-widget-product-sale .js-product-miniature .product-cart span.ajax-add-to-cart-button {

    width: 100%;

    font-size: .875rem;

    text-transform: uppercase;

    color: #fff;

    border: none;

    font-weight: 500;

    cursor: pointer;

    background: #0c0c0c;

    padding: .625rem 1.5625rem;

    transition: all 200ms linear

}



.elementor-widget-product-sale .js-product-miniature .product-cart button.ajax-add-to-cart-button:hover,

.elementor-widget-product-sale .js-product-miniature .product-cart span.ajax-add-to-cart-button:hover {

    background: var(--buttonhoverbackground);

    color: var(--buttonhovercolor)

}



.elementor-widget-product-sale .js-product-miniature .product-cart button.ajax-add-to-cart-button.disabled,

.elementor-widget-product-sale .js-product-miniature .product-cart span.ajax-add-to-cart-button.disabled {

    opacity: 0.5

}



.elementor-widget-product-sale .js-product-miniature.list-sale {

    padding: 1.25rem

}



@media (min-width: 768px) {

    .elementor-widget-product-sale .js-product-miniature.list-sale {

        display: -webkit-box !important;

        display: -ms-flexbox !important;

        display: flex !important

    }

    .elementor-widget-product-sale .js-product-miniature.list-sale .img-block {

        -webkit-box-flex: 0;

        -ms-flex: 0 0 auto;

        flex: 0 0 auto;

        width: 45%;

        max-width: 18.125rem

    }

}



@media (max-width: 767px) {

    .elementor-widget-product-sale .js-product-miniature.list-sale {

        padding: 8px

    }

}



.elementor-widget-product-sale .js-product-miniature.list-sale .product-content {

    padding: 15px 0 0 0

}



@media (min-width: 768px) {

    .elementor-widget-product-sale .js-product-miniature.list-sale .product-content {

        -webkit-box-flex: 1;

        -ms-flex: 1;

        flex: 1;

        padding: 0 0 0 15px;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        overflow: hidden;

        min-height: auto !important

    }

}



.elementor-widget-product-sale .js-product-miniature.list-sale .product-content .add-links a {

    width: 2.8125rem;

    height: 2.8125rem

}



.elementor-widget-product-sale .js-product-miniature.list-sale .product-content .countdown {

    padding: .625rem 0

}



.elementor-widget-product-sale .js-product-miniature.list-sale .product-content .hook-reviews .comments_note {

    margin-bottom: 0

}



.elementor-widget-product-sale .js-product-miniature.list-sale .product-content .product-cart {

    -webkit-box-flex: 0;

    -ms-flex: none;

    flex: none

}



.elementor-widget-product-sale .js-product-miniature.list-sale .product-content .product-cart button.ajax-add-to-cart-button,

.elementor-widget-product-sale .js-product-miniature.list-sale .product-content .product-cart span.ajax-add-to-cart-button {

    width: auto;

    padding: .6563rem 1.5625rem

}



@media (max-width: 767px) {

    .elementor-widget-product-sale .js-product-miniature.list-sale .product-content .product-cart button.ajax-add-to-cart-button,

    .elementor-widget-product-sale .js-product-miniature.list-sale .product-content .product-cart span.ajax-add-to-cart-button {

        padding: .6563rem 1.25rem

    }

}



.elementor-widget-product-sale .js-product-miniature.grid-sale .countdown {

    padding: 1.25rem 0;

    text-align: center

}



.countdown {

    display: none

}



.show-countdown-yes .countdown {

    display: block

}



.title_countdown {

    font-size: .875rem;

    color: #878787;

    display: block;

    margin-bottom: .3125rem

}



.design-countdown-1 .countdown-row {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.design-countdown-1 .countdown-row .countdown-section {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background: var(--buttonbackground);

    color: var(--buttoncolor);

    min-width: 2.8125rem;

    padding: .625rem 2px;

    line-height: 1

}



.design-countdown-1 .countdown-row .countdown-section:not(:last-child) {

    margin-right: .625rem

}



.design-countdown-1 .countdown-row .countdown-section .countdown-amount {

    font-size: 1rem;

    font-weight: 500;

    margin-bottom: .125rem

}



.design-countdown-1 .countdown-row .countdown-section .countdown-period {

    font-size: 12px;

    text-transform: capitalize

}



.design-countdown-2 .countdown-row {

    background: var(--buttonbackground);

    color: var(--buttoncolor);

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    padding: 0 .625rem

}



.design-countdown-2 .countdown-row .countdown-section {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: .625rem;

    position: relative;

    line-height: 1

}



.design-countdown-2 .countdown-row .countdown-section:first-child {

    padding-left: 0

}



.design-countdown-2 .countdown-row .countdown-section:last-child {

    margin: 0;

    padding-right: 0

}



.design-countdown-2 .countdown-row .countdown-section:last-child:after {

    display: none

}



.design-countdown-2 .countdown-row .countdown-section:after {

    content: ':';

    display: inline-block;

    position: absolute;

    top: .8125rem;

    right: -3px;

    font-size: 1.375rem;

    line-height: 1

}



.design-countdown-2 .countdown-row .countdown-section .countdown-amount {

    font-size: 1rem;

    font-weight: 500;

    margin-bottom: .125rem

}



.design-countdown-2 .countdown-row .countdown-section .countdown-period {

    font-size: 12px;

    text-transform: capitalize

}



.product-tabs-widget .nav-tabs {

    white-space: nowrap;

    overflow-y: hidden;

    font-size: 0;

    border: none

}



.product-tabs-widget .nav-tabs li {

    display: inline-block;

    line-height: 1;

    margin-bottom: 0.625rem;

    float: none

}



.product-tabs-widget .nav-tabs li:last-child a {

    margin-right: 0 !important

}



.product-tabs-widget .nav-tabs li a {

    font-size: 0.875rem;

    border: none

}



.product-tabs-widget .tab-content .tab-pane:not(.active) {

    display: block;

    height: 0;

    overflow-y: hidden;

    min-height: 0

}



@media (min-width: 768px) {

    .title-absolute .nav-tabs {

        position: absolute;

        left: 0;

        right: 0

    }

    .title-absolute .slick-arrows-outside .navtab-products {

        padding: 0 6rem

    }

}



.products-widget-grid {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



@media (min-width: 320px) {

    .products-widget-grid.items-mobile-2 .column-product {

        width: 50%

    }

}



@media (min-width: 768px) {

    .products-widget-grid.items-tablet-3 .column-product {

        width: 33.33333333%

    }

}



@media (min-width: 1025px) {

    .products-widget-grid.items-desktop-6 .column-product {

        width: 16.66666667%

    }

    .products-widget-grid.items-desktop-5 .column-product {

        width: 20%

    }

    .products-widget-grid.items-desktop-4 .column-product {

        width: 25%

    }

    .products-widget-grid.items-desktop-3 .column-product {

        width: 33.33333333%

    }

    .products-widget-grid.items-desktop-2 .column-product {

        width: 50%

    }

    .products-widget-grid.items-desktop-1 .column-product {

        width: 100%

    }

}



.products-widget-grid .column-product {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    margin-top: -1px

}



.products-widget-grid .column-product .js-product-miniature {

    height: 100%

}



.elementor-widget-links_list.display-inline .vec-links-widget .links-widget-content {

    font-size: 0;

    margin: 0

}



.elementor-widget-links_list.display-inline .vec-links-widget .links-widget-content li {

    display: inline-block

}



.elementor-widget-links_list.display-inline .vec-links-widget .links-widget-content li a {

    font-size: 14px;

    padding: 0 .625rem;

    display: block

}



.elementor-widget-links_list.display-inline .vec-links-widget .links-widget-content li:last-child a {

    padding-right: 0 !important;

    border-right: none !important

}



.elementor-widget-links_list .vec-links-widget .links-widget-title {

    margin: 0;

    position: relative

}



@media (max-width: 767px) {

    .elementor-widget-links_list .vec-links-widget .links-widget-title {

        margin-bottom: 0 !important

    }

}



.elementor-widget-links_list .vec-links-widget .collapse {

    display: inherit

}



@media (max-width: 767px) {

    .elementor-widget-links_list .vec-links-widget .links-widget-title .collapse-icons .remove,

    .elementor-widget-links_list .vec-links-widget .links-widget-title[aria-expanded='true'] .collapse-icons .add {

        display: none

    }

    .elementor-widget-links_list .vec-links-widget .links-widget-title[aria-expanded='true'] .collapse-icons .remove {

        display: block

    }

    .elementor-widget-links_list .vec-links-widget .collapse {

        display: none

    }

    .elementor-widget-links_list .vec-links-widget .collapse.not-title-links {

        display: block !important

    }

    .elementor-widget-links_list .vec-links-widget .collapse.in {

        display: block

    }

}



.elementor-widget-links_list .vec-links-widget .navbar-toggler {

    position: absolute;

    right: 0;

    top: -4px;

    width: auto;

    height: auto;

    color: #0c0c0c;

    padding: 0

}



.elementor-widget-links_list .vec-links-widget .links-widget-content {

    margin-bottom: 0

}



@media (max-width: 767px) {

    .elementor-widget-links_list .vec-links-widget .links-widget-content:before {

        content: '';

        display: block;

        margin-top: 1.25rem

    }

    .elementor-widget-links_list .vec-links-widget .links-widget-content.not-title-links:before {

        display: none

    }

}



.elementor-widget-links_list .vec-links-widget .links-widget-content li a {

    display: block

}



.elementor-widget-links_list .vec-links-widget .links-widget-content li a:hover {

    text-decoration: underline !important

}



.elementor-widget-links_list .vec-links-widget .links-widget-content li:not(:last-child) a {

    margin-bottom: .5625rem

}



@media (max-width: 767px) {

    .mobile-flex .elementor-icon-box-wrapper {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center

    }

    .mobile-flex .elementor-icon-box-wrapper .elementor-icon-box-icon {

        margin: 0 10px 0 0 !important;

        line-height: 1

    }

}



.back-top {

    position: fixed;

    right: 1.875rem;

    bottom: 1.875rem

}



.back-top a {

    width: 3.125rem;

    height: 3.125rem;

    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;

    background: #0c0c0c;

    color: #fff;

    border-radius: 50%;

    font-size: 1.875rem;

    z-index: 1;

    box-shadow: #fff 0px 0px 3.76px 0.24px;

    text-decoration: none !important

}



.back-top a:hover {

    background: var(--hovercolor)

}



#vecpopupnewsletter.popup-text-color-dark {

    color: #0c0c0c

}



#vecpopupnewsletter.popup-text-color-light {

    color: #fff

}



@media (max-width: 767px) {

    #vecpopupnewsletter {

        padding: .625rem

    }

}



#vecpopupnewsletter .wrapper-popup {

    padding: 1.25rem;

    position: relative

}



@media (max-width: 767px) {

    #vecpopupnewsletter .wrapper-popup img {

        display: none

    }

}



#vecpopupnewsletter .wrapper-popup .popup-content {

    position: relative;

    text-align: center

}



#vecpopupnewsletter .wrapper-popup .popup-content .popup_title {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    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;

    color: inherit;

    font-size: 1.5rem

}



#vecpopupnewsletter .wrapper-popup .popup-content .popup_title p,

#vecpopupnewsletter .wrapper-popup .popup-content .popup_title .page-content.page-cms ul,

.page-content.page-cms #vecpopupnewsletter .wrapper-popup .popup-content .popup_title ul {

    margin: 0;

    font-size: inherit;

    text-transform: uppercase;

    color: inherit;

    font-weight: 500

}



#vecpopupnewsletter .wrapper-popup .popup-content .popup_title i {

    margin-right: .4375rem

}



#vecpopupnewsletter .wrapper-popup .popup-content .popup_text p,

#vecpopupnewsletter .wrapper-popup .popup-content .popup_text .page-content.page-cms ul,

.page-content.page-cms #vecpopupnewsletter .wrapper-popup .popup-content .popup_text ul {

    color: inherit;

    margin-bottom: 1.875rem

}



#vecpopupnewsletter .wrapper-popup .popup-content .block_newsletter {

    background: transparent;

    margin-bottom: 1.875rem

}



#vecpopupnewsletter .wrapper-popup .popup-content .block_newsletter input {

    margin-bottom: .625rem

}



#vecpopupnewsletter .wrapper-popup .popup-content .block_newsletter button {

    width: 100%

}



#vecpopupnewsletter .wrapper-popup .popup-content .newsletter_block_popup-bottom label {

    color: inherit;

    margin: 0

}



#vecpopupnewsletter .wrapper-popup .popup-content .newsletter_block_popup-bottom.custom-checkbox input[type="checkbox"]+span .checkbox-checked {

    color: inherit

}



#vecpopupnewsletter .wrapper-popup .popup-content .newsletter_block_popup-bottom.custom-checkbox input[type="checkbox"]+span {

    border-color: inherit;

    vertical-align: -3px

}



#vecpopupnewsletter.popup-type-1 .wrapper-popup {

    padding: 3.125rem;

    background-size: cover

}



@media (max-width: 767px) {

    #vecpopupnewsletter.popup-type-1 .wrapper-popup {

        padding: 1.25rem

    }

}



#vecpopupnewsletter.popup-type-1 .wrapper-popup::before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background: rgba(0, 0, 0, 0.7)

}



#vecpopupnewsletter.popup-type-2 .wrapper-popup img {

    margin-bottom: 1.875rem;

    width: 100%

}



@media (min-width: 576px) {

    #vecpopupnewsletter.popup-type-3 .modal-dialog {

        max-width: 750px;

        margin: 30px auto

    }

}



#vecpopupnewsletter.popup-type-3 .wrapper-popup {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



#vecpopupnewsletter.popup-type-3 .wrapper-popup>* {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1

}



#vecpopupnewsletter.popup-type-3 .wrapper-popup .popup-content {

    padding-left: 1.25rem

}



@media(max-width: 1024px){

    .hidden-mobile{

        display: none !important;

    }

}