/*

 *  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-2017 The Bootstrap Authors

 * Copyright 2011-2017 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: 500;

}



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,

    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,

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

}



body {

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

    font-size: 1rem;

    line-height: 1.5;

    color: #808080;

    background-color: #fff;

}



[tabindex="-1"]:focus {

    outline: none !important;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    margin-top: 0;

    margin-bottom: .5rem;

}



p {

    margin-top: 0;

    margin-bottom: 1rem;

}



abbr[title],

abbr[data-original-title] {

    cursor: help;

    border-bottom: 1px dotted #ebebeb;

}



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

    touch-action: manipulation;

}



table {

    border-collapse: collapse;

    background-color: transparent;

}



caption {

    padding-top: 0.75rem;

    padding-bottom: 0.75rem;

    color: #878787;

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

    font-family: inherit;

    font-weight: 500;

    line-height: 1.1;

    color: inherit;

}



h1,

.h1 {

    font-size: 1.375rem;

}



h2,

.h2 {

    font-size: 1.25rem;

}



h3,

.h3 {

    font-size: 1.125rem;

}



h4,

.h4 {

    font-size: 1.125rem;

}



h5,

.h5 {

    font-size: 1rem;

}



h6,

.h6 {

    font-size: 0.9375rem;

}



.lead {

    font-size: 1.25rem;

    font-weight: 300;

}



.display-1 {

    font-size: 3.125rem;

    font-weight: 500;

}



.display-2 {

    font-size: 2.1875rem;

    font-weight: 400;

}



.display-3 {

    font-size: 1.5625rem;

    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: 0.2em;

    background-color: #fcf8e3;

}



.list-unstyled {

    padding-left: 0;

    list-style: none;

}



.list-inline {

    padding-left: 0;

    list-style: none;

}



.list-inline-item {

    display: inline-block;

}



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

    margin-right: 5px;

}



.initialism {

    font-size: 90%;

    text-transform: uppercase;

}



.blockquote {

    padding: 0.5rem 1rem;

    margin-bottom: 1rem;

    font-size: 1.25rem;

    border-left: 0.25rem solid #f6f6f6;

}



.blockquote-footer {

    display: block;

    font-size: 80%;

    color: #ebebeb;

}



.blockquote-footer::before {

    content: "\2014   \A0";

}



.blockquote-reverse {

    padding-right: 1rem;

    padding-left: 0;

    text-align: right;

    border-right: 0.25rem solid #f6f6f6;

    border-left: 0;

}



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

    content: "";

}



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

    content: "\A0   \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: 0.25rem;

    background-color: #fff;

    border-radius: 0;

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

    max-width: 100%;

    height: auto;

}



.figure {

    display: inline-block;

}



.figure-img {

    margin-bottom: 0.5rem;

    line-height: 1;

}



.figure-caption {

    font-size: 90%;

    color: #ebebeb;

}



code,

kbd,

pre,

samp {

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

}



code {

    padding: 0.2rem 0.4rem;

    font-size: 90%;

    color: #bd4147;

    background-color: #f7f7f9;

    border-radius: 0;

}



kbd {

    padding: 0.2rem 0.4rem;

    font-size: 90%;

    color: #fff;

    background-color: #333;

    border-radius: 0.2rem;

}



kbd kbd {

    padding: 0;

    font-size: 100%;

    font-weight: bold;

}



pre {

    display: block;

    margin-top: 0;

    margin-bottom: 1rem;

    font-size: 90%;

    color: #808080;

}



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: 768px) {

    .container {

        width: 720px;

        max-width: 100%;

    }

}



@media (min-width: 992px) {

    .container {

        width: 960px;

        max-width: 100%;

    }

}



@media (min-width: 1200px) {

    .container {

        width: 1170px;

        max-width: 100%;

    }

}



@media (min-width: 1460px) {

    .container {

        width: 1430px;

        max-width: 100%;

    }

}



/* @media (min-width: 1660px) {

	.container {

		width: 1630px;

		max-width: 100%;

	}

} */

/* @media (min-width: 1860px) {

	.container {

		width: 1830px;

		max-width: 100%;

	}

} */

/* #header .container,

.display-top-inner .container,

.czcategoryimagelist .container,

.newproducts .container,

#czbannercmsblock .container,

.featured-products .container,

.footer-after .container,

#czcategorytabs .container{

	padding: 0 50px;

	width: 100%;

}

footer .container {

	width: 100%;

	padding: 0 100px;

} */

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

    vertical-align: top;

    border-top: 1px solid #e5e5e5;

}



.table thead th {

    vertical-align: bottom;

    border-bottom: 2px solid #e5e5e5;

}



.table tbody+tbody {

    border-top: 2px solid #e5e5e5;

}



.table .table {

    background-color: #fff;

}



.table-sm th,

.table-sm td {

    padding: 0.3rem;

}



.table-bordered {

    border: 1px solid #e5e5e5;

}



.table-bordered th,

.table-bordered td {

    border: 1px solid #e5e5e5;

}



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

}



.thead-default th {

    color: #878787;

    background-color: #f6f6f6;

}



.table-inverse {

    color: #f6f6f6;

    background-color: #808080;

}



.table-inverse th,

.table-inverse td,

.table-inverse thead th {

    border-color: #878787;

}



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

    border-left: 1px solid #e5e5e5;

}



.table-reflow th:last-child,

.table-reflow td:last-child {

    border-right: 1px solid #e5e5e5;

}



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

}



.table-reflow tr {

    float: left;

}



.table-reflow tr th,

.table-reflow tr td {

    display: block !important;

    border: 1px solid #e5e5e5;

}



.form-control {

    display: block;

    width: 100%;

    padding: 0.5rem 0.75rem;

    line-height: 1.25;

    color: #878787;

    background-color: #fff;

    background-image: none;

    background-clip: padding-box;

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

    border-radius: 0;

}



.form-control::-ms-expand {

    background-color: transparent;

    border: 0;

}



.form-control:focus {

    color: #000000;

    background-color: #fff;

    border-color: #66afe9;

    outline: none;

}



.form-control::placeholder {

    color: #666666;

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

    background-color: #fff;

}



.form-control-file,

.form-control-range {

    display: block;

}



.col-form-label {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

    margin-bottom: 0;

}



.col-form-label-lg {

    padding-top: 0.75rem;

    padding-bottom: 0.75rem;

    font-size: 0.9375rem;

}



.col-form-label-sm {

    padding-top: 0.25rem;

    padding-bottom: 0.25rem;

    font-size: 0.875rem;

}



.col-form-legend {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

    margin-bottom: 0;

    font-size: 1rem;

}



.form-control-static {

    padding-top: 0.5rem;

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

    font-size: 0.875rem;

    border-radius: 0.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: 0.75rem 1.5rem;

    font-size: 0.9375rem;

    border-radius: 0.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: 0.25rem;

}



.form-check {

    position: relative;

    display: block;

    margin-bottom: 0.75rem;

}



.form-check+.form-check {

    margin-top: -.25rem;

}



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

    color: #878787;

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

    cursor: not-allowed;

}



.form-control-feedback {

    margin-top: 0.25rem;

}



.form-control-success,

.form-control-warning,

.form-control-danger {

    padding-right: 2.25rem;

    background-repeat: no-repeat;

    background-position: center right 0.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: white;

}



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

}



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

    user-select: none;

    border: 1px solid transparent;

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

    background-color: #ff5252;

}



.btn-primary:hover {

    color: #fff;

    background-color: #ff5252;

}



.btn-primary:focus,

.btn-primary.focus {

    color: #fff;

    background-color: #ff5252;

    outline-offset: 0;

}



.btn-primary:active,

.btn-primary.active,

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

    color: #fff;

    background-color: #ff5252;

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

    background-color: #ff5252;

    border-color: #ff5252;

}



.btn-primary.disabled:focus,

.btn-primary.disabled.focus,

.btn-primary:disabled:focus,

.btn-primary:disabled.focus {

    background-color: #000000;

    border-color: #000000;

}



.btn-primary.disabled:hover,

.btn-primary:disabled:hover {

    background-color: #000000;

    border-color: #000000;

}



.btn-secondary,

.btn-tertiary {

    color: #000000;

    background-color: #f6f6f6;

    border-color: transparent;

}



.btn-secondary:hover,

.btn-tertiary:hover {

    color: #000000;

    background-color: #dddddd;

    border-color: transparent;

}



.btn-secondary:focus,

.btn-tertiary:focus,

.btn-secondary.focus,

.focus.btn-tertiary {

    color: #000000;

    background-color: #dddddd;

    border-color: transparent;

}



.btn-secondary:active,

.btn-tertiary:active,

.btn-secondary.active,

.active.btn-tertiary,

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

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

    color: #000000;

    background-color: #dddddd;

    border-color: transparent;

    background-image: none;

}



.btn-secondary:active:hover,

.btn-tertiary:active:hover,

.btn-secondary:active:focus,

.btn-tertiary:active:focus,

.btn-secondary:active.focus,

.btn-tertiary:active.focus,

.btn-secondary.active:hover,

.active.btn-tertiary:hover,

.btn-secondary.active:focus,

.active.btn-tertiary:focus,

.btn-secondary.active.focus,

.active.focus.btn-tertiary,

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

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

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

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

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

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

    color: #000000;

    background-color: #cbcbcb;

    border-color: transparent;

}



.btn-secondary.disabled:focus,

.disabled.btn-tertiary:focus,

.btn-secondary.disabled.focus,

.disabled.focus.btn-tertiary,

.btn-secondary:disabled:focus,

.btn-tertiary:disabled:focus,

.btn-secondary:disabled.focus,

.btn-tertiary:disabled.focus {

    background-color: #f6f6f6;

    border-color: transparent;

}



.btn-secondary.disabled:hover,

.disabled.btn-tertiary:hover,

.btn-secondary:disabled:hover,

.btn-tertiary:disabled:hover {

    background-color: #f6f6f6;

    border-color: transparent;

}



.btn-info {

    color: #fff;

    background-color: #5bc0de;

    border-color: #5bc0de;

}



.btn-info:hover {

    color: #fff;

    background-color: #31b0d5;

    border-color: #2aabd2;

}



.btn-info:focus,

.btn-info.focus {

    color: #fff;

    background-color: #31b0d5;

    border-color: #2aabd2;

}



.btn-info:active,

.btn-info.active,

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

    color: #fff;

    background-color: #31b0d5;

    border-color: #2aabd2;

    background-image: none;

}



.btn-info:active: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: white;

    background-color: #FF9A52;

    border-color: #FF9A52;

}



.btn-warning:hover {

    color: white;

    background-color: #ff7c1f;

    border-color: #ff7615;

}



.btn-warning:focus,

.btn-warning.focus {

    color: white;

    background-color: #ff7c1f;

    border-color: #ff7615;

}



.btn-warning:active,

.btn-warning.active,

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

    color: white;

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

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

}



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

    background-image: none;

    background-color: transparent;

    border-color: #000000;

}



.btn-outline-primary:hover {

    color: #fff;

    background-color: #000000;

    border-color: #000000;

}



.btn-outline-primary:focus,

.btn-outline-primary.focus {

    color: #fff;

    background-color: #000000;

    border-color: #000000;

}



.btn-outline-primary:active,

.btn-outline-primary.active,

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

    color: #fff;

    background-color: #000000;

    border-color: #000000;

}



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

    border-color: black;

}



.btn-outline-primary.disabled:focus,

.btn-outline-primary.disabled.focus,

.btn-outline-primary:disabled:focus,

.btn-outline-primary:disabled.focus {

    border-color: #636973;

}



.btn-outline-primary.disabled:hover,

.btn-outline-primary:disabled:hover {

    border-color: #636973;

}



.btn-outline-secondary {

    color: transparent;

    background-image: none;

    background-color: transparent;

    border-color: transparent;

}



.btn-outline-secondary:hover {

    color: #fff;

    background-color: transparent;

    border-color: transparent;

}



.btn-outline-secondary:focus,

.btn-outline-secondary.focus {

    color: #fff;

    background-color: transparent;

    border-color: transparent;

}



.btn-outline-secondary:active,

.btn-outline-secondary.active,

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

    color: #fff;

    background-color: transparent;

    border-color: transparent;

}



.btn-outline-secondary:active: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: transparent;

    border-color: transparent;

}



.btn-outline-secondary.disabled:focus,

.btn-outline-secondary.disabled.focus,

.btn-outline-secondary:disabled:focus,

.btn-outline-secondary:disabled.focus {

    border-color: 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: #cc0000;

}



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

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

    text-decoration: underline;

    background-color: transparent;

}



.btn-link:disabled:focus,

.btn-link:disabled:hover {

    color: #ebebeb;

    text-decoration: none;

}



.btn-lg,

.btn-group-lg>.btn {

    padding: 0.75rem 1.5rem;

    font-size: 0.9375rem;

    border-radius: 0.3rem;

}



.btn-sm,

.btn-group-sm>.btn {

    padding: 0.25rem 0.5rem;

    font-size: 0.875rem;

    border-radius: 0.2rem;

}



.btn-block {

    display: block;

    width: 100%;

}



.btn-block+.btn-block {

    margin-top: 0.5rem;

}



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

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

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

    width: 100%;

}



.fade {

    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: 0.3em;

    vertical-align: middle;

    content: "";

    border-top: 0.3em solid;

    border-right: 0.3em solid transparent;

    border-left: 0.3em solid transparent;

}



.dropdown-toggle:focus {

    outline: 0;

}



.dropup .dropdown-toggle::after {

    border-top: 0;

    border-bottom: 0.3em solid;

}



.dropdown-menu {

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 1000;

    display: none;

    float: left;

    min-width: 10rem;

    padding: 0.5rem 0;

    margin: 0.125rem 0 0;

    color: #808080;

    text-align: left;

    list-style: none;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #e5e5e5;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

}



.dropdown-divider {

    height: 1px;

    margin: 0.5rem 0;

    overflow: hidden;

    background-color: #e5e5e5;

}



.dropdown-item {

    display: block;

    width: 100%;

    padding: 3px 1.5rem;

    clear: both;

    text-align: inherit;

    white-space: nowrap;

    background: none;

    border: 0;

}



.dropdown-item:focus,

.dropdown-item:hover {

    text-decoration: none;

    background-color: #f5f5f5;

}



.dropdown-item.active,

.dropdown-item.active:focus,

.dropdown-item.active:hover {

    color: #fff;

    text-decoration: none;

    background-color: #ff5252;

    outline: 0;

}



.dropdown-item.disabled,

.dropdown-item.disabled:focus,

.dropdown-item.disabled:hover {

    color: #ebebeb;

}



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

    margin-bottom: 0;

    font-size: 0.875rem;

    color: #ebebeb;

    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: 0.3em solid;

}



.dropup .dropdown-menu,

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

    top: auto;

    bottom: 100%;

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

    padding-left: 0.75rem;

}



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

    margin-left: 0;

}



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

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

    padding-right: 0.375rem;

    padding-left: 0.375rem;

}



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

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

    padding-right: 1.125rem;

    padding-left: 1.125rem;

}



.btn .caret {

    margin-left: 0;

}



.btn-lg .caret,

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

    border-width: 0.3em 0.3em 0;

    border-bottom-width: 0;

}



.dropup .btn-lg .caret,

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

    border-width: 0 0.3em 0.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;

    border: 1px solid #e5e5e5;

}



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

    margin-bottom: 0;

    font-size: 1rem;

    font-weight: normal;

    line-height: 1.25;

    color: #878787;

    text-align: center;

    background-color: #f6f6f6;

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

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

    font-size: 0.875rem;

    border-radius: 0.2rem;

}



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

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

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

    padding: 0.75rem 1.5rem;

    font-size: 0.9375rem;

    border-radius: 0.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;

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

    padding-right: 0.75rem \9;

    color: #878787;

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

    background-image: none \9;

    background-size: 8px 10px;

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

    border-radius: 0;

    -moz-appearance: none;

    -webkit-appearance: none;

}



.custom-select:focus {

    border-color: #51a7e8;

    outline: none;

}



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

    color: #878787;

    background-color: #fff;

}



.custom-select:disabled {

    color: #ebebeb;

    cursor: not-allowed;

    background-color: #f6f6f6;

}



.custom-select::-ms-expand {

    opacity: 0;

}



.custom-select-sm {

    padding-top: 0.375rem;

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

    line-height: 1.5;

    color: #555;

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

}



.nav-link.disabled,

.nav-link.disabled:focus,

.nav-link.disabled:hover {

    color: #ebebeb;

    cursor: not-allowed;

    background-color: transparent;

}



.nav-inline .nav-item {

    display: inline-block;

}



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

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

    margin-left: 1rem;

}



.nav-tabs {

    border-bottom: 1px solid #ddd;

}



.nav-tabs::after {

    content: "";

    display: table;

    clear: both;

}



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

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

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

}



.nav-stacked .nav-item {

    display: block;

    float: none;

}



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

    margin-top: 0.2rem;

    margin-left: 0;

}



.tab-content>.tab-pane {

    display: none;

}



.tab-content>.active {

    display: block;

}



.navbar {

    position: relative;

    padding: 0.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: sticky;

    top: 0;

    z-index: 1030;

    width: 100%;

}



@media (min-width: 576px) {

    .navbar-sticky-top {

        border-radius: 0;

    }

}



.navbar-brand {

    float: left;

    padding-top: 0.25rem;

    padding-bottom: 0.25rem;

    margin-right: 1rem;

    font-size: 0.9375rem;

    line-height: inherit;

}



.navbar-brand:focus,

.navbar-brand:hover {

    text-decoration: none;

}



.navbar-divider {

    float: left;

    width: 1px;

    padding-top: 0.425rem;

    padding-bottom: 0.425rem;

    margin-right: 1rem;

    margin-left: 1rem;

    overflow: hidden;

}



.navbar-divider::before {

    content: "\A0";

}



.navbar-text {

    display: inline-block;

    padding-top: .425rem;

    padding-bottom: .425rem;

}



.navbar-toggler {

    width: 2.5em;

    height: 2em;

    padding: 0.5rem 0.75rem;

    font-size: 0.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;

    }



    /* #header .container, .display-top-inner .container, .czcategoryimagelist .container, .newproducts .container, #czbannercmsblock .container, .featured-products .container, .footer-after .container, #czcategorytabs .container {

		padding: 0 30px;

	} */

}



@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: white;

}



.navbar-dark .navbar-brand:focus,

.navbar-dark .navbar-brand:hover,

.navbar-dark .navbar-toggler:focus,

.navbar-dark .navbar-toggler:hover {

    color: white;

}



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

}



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

    background-color: #fff;

    border-radius: 0;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    border: 1px solid #e5e5e5;

}



.card-block {

    padding: 1.25rem;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

}



.card-block::after {

    content: "";

    display: table;

    clear: both;

}



.card-title {

    margin-bottom: 0.75rem;

}



.card-subtitle {

    margin-top: -0.375rem;

    margin-bottom: 0;

}



.card-text:last-child {

    margin-bottom: 0;

}



.card-link:hover {

    text-decoration: none;

}



.card-link+.card-link {

    margin-left: 1.25rem;

}



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

    margin-bottom: -0.75rem;

    margin-left: -0.625rem;

    border-bottom: 0;

}



.card-header-pills {

    margin-right: -0.625rem;

    margin-left: -0.625rem;

}



.card-primary {

    background-color: #000;

    border-color: #000;

}



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

}



.card-outline-secondary {

    background-color: transparent;

    border-color: transparent;

}



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

        column-count: 3;

        column-gap: 1.25rem;

    }



    .card-columns .card {

        display: inline-block;

        width: 100%;

    }

}



.breadcrumb {

    padding: 0.75rem 1rem;

    margin-bottom: 1rem;

    list-style: none;

    background-color: #f6f6f6;

    border-radius: 0;

}



.breadcrumb[data-depth="1"] {

    display: none;

}



.breadcrumb::after {

    content: "";

    display: table;

    clear: both;

}



.breadcrumb-item {

    float: left;

}



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

    display: inline-block;

    padding-right: 0.5rem;

    padding-left: 0.5rem;

    color: #ebebeb;

    content: "/";

}



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

    text-decoration: underline;

}



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

    text-decoration: none;

}



.breadcrumb-item.active {

    color: #ebebeb;

}



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

    border-color: #000;

}



.page-item.disabled .page-link,

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

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

    color: #ebebeb;

    pointer-events: none;

    cursor: not-allowed;

    background-color: #fff;

    border-color: #ddd;

}



.page-link {

    position: relative;

    float: left;

    padding: 0.5rem 0.75rem;

    margin-left: -1px;

    color: #000000;

    text-decoration: none;

    background-color: #fff;

    border: 1px solid #ddd;

}



.page-link:focus,

.page-link:hover {

    color: #888888;

    background-color: #f6f6f6;

    border-color: #ddd;

}



.pagination-lg .page-link {

    padding: 0.75rem 1.5rem;

    font-size: 0.9375rem;

}



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

    border-bottom-left-radius: 0.3rem;

    border-top-left-radius: 0.3rem;

}



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

    border-bottom-right-radius: 0.3rem;

    border-top-right-radius: 0.3rem;

}



.pagination-sm .page-link {

    padding: 0.275rem 0.75rem;

    font-size: 0.875rem;

}



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

    border-bottom-left-radius: 0.2rem;

    border-top-left-radius: 0.2rem;

}



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

    border-bottom-right-radius: 0.2rem;

    border-top-right-radius: 0.2rem;

}



.tag {

    display: inline-block;

    padding: 0.25em 0.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: 0.6em;

    padding-left: 0.6em;

    border-radius: 10rem;

}



.tag-default {

    background-color: #ebebeb;

}



.tag-default[href]:focus,

.tag-default[href]:hover {

    background-color: #d2d2d2;

}



.tag-primary {

    background-color: #000;

}



.tag-primary[href]:focus,

.tag-primary[href]:hover {

    background-color: black;

}



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

}



@media (min-width: 576px) {

    .jumbotron {

        padding: 4rem 2rem;

    }

}



.jumbotron-hr {

    border-top-color: #dddddd;

}



.jumbotron-fluid {

    padding-right: 0;

    padding-left: 0;

    border-radius: 0;

}



.alert {

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

}



.alert-warning hr {

    border-top-color: #ff8b39;

}



.alert-warning .alert-link {

    color: #0d0d0d;

}



#notifications {

    display: none;

}



#main #notifications {

    display: block;

}



#notifications .container {

    padding: 0px;

}



.alert-danger {

    background-color: #f2dede;

    border-color: #ebcccc;

    color: #a94442;

}



.alert-danger hr {

    border-top-color: #e4b9b9;

}



.alert-danger .alert-link {

    color: #843534;

}



@keyframes progress-bar-stripes {

    from {

        background-position: 1rem 0;

    }



    to {

        background-position: 0 0;

    }

}



.special-products .product-description .progress {

    width: 100%;

}



.progress {

    display: block;

    width: 60%;

    height: 1rem;

    margin-top: 10px;

    background: #ddd;

    height: 7px;

    border-radius: 30px;

}



.progress .progress-bar {

    background: #4cbb6c;

    background-image: none;

    background-size: auto;

    height: 7px;

    border-radius: 30px;

    width: 0;

    background-size: 1rem 1rem;

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

    animation: progress-bar-stripes 1s linear infinite;

}



.special-products .products .qtyprogress {

    margin-top: 10px;

    margin-bottom: 6px;

    color: #f00;

}



.quickview .qtyprogress {

    display: none;

}



.qtyprogress {

    line-height: normal;

    width: 100%;

    margin: 0;

    padding: 0px;

    color: #000000;

}



.qtyprogress strong {

    font-weight: 600;

    color: #f00;

}



.product-information .qtyprogress {

    margin-bottom: 15px;

    margin-top: 0px;

    font-weight: 500;

}



.progress[value] {

    background-color: #eee;

    border: 0;

    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 {

    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 {

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

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

}



.list-group-item.active,

.list-group-item.active:focus,

.list-group-item.active:hover {

    z-index: 2;

    color: #fff;

    text-decoration: none;

    background-color: #000;

    border-color: #000;

}



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

}



.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: transform .3s ease-out;

    transform: translate(0, -25%);

}



.modal.in .modal-dialog {

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

    background-clip: padding-box;

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

    border-radius: 0.3rem;

    outline: 0;

}



.modal-backdrop {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1040;

    background-color: #000;

}



.modal-backdrop.fade {

    opacity: 0;

}



.modal-backdrop.in {

    opacity: 0.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: 15px;

}



.modal-footer {

    padding: 15px;

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

    word-wrap: break-word;

    opacity: 0;

}



.tooltip.in {

    opacity: 0.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: 0.875rem; */

    word-wrap: break-word;

    background-color: #fff;

    background-clip: padding-box;

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

    border-radius: 0.3rem;

}



.popover.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: 0.2375rem 0.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: transform .6s ease-in-out;

        backface-visibility: hidden;

        perspective: 1000px;

    }



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

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

        left: 0;

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

    }



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

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

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

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

    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: #000 !important;

}



a.bg-primary:focus,

a.bg-primary:hover {

    background-color: black !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: #808080 !important;

}



a.bg-inverse:focus,

a.bg-inverse:hover {

    background-color: #676767 !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: #666 !important;

}



a.text-muted:focus,

a.text-muted:hover {

    color: #999999 !important;

}



.text-primary {

    color: #000 !important;

}



a.text-primary:focus,

a.text-primary:hover {

    color: black !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: #808080 !important;

}



a.text-gray-dark:focus,

a.text-gray-dark:hover {

    color: #676767 !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;

    }

}



@font-face {

    font-family: 'Material Icons';

    font-style: normal;

    font-weight: 400;

    src: url(../css/e79bfd88537def476913f3ed52f4f4b3.eot);

    /* For IE6-8 */

    src: local("Material Icons"), local("MaterialIcons-Regular"), url(../css/570eb83859dc23dd0eec423a49e147fe.woff2) format("woff2"), url(../css/012cf6a10129e2275d79d6adac7f3b02.woff) format("woff"), url(../css/a37b0c01c0baf1888ca812cc0508f6e2.ttf) format("truetype");

}



.material-icons {

    font-family: 'Material Icons';

    font-weight: normal;

    font-style: normal;

    font-size: 20px;

    /* Preferred icon size */

    display: inline-block;

    vertical-align: middle;

    width: 1em;

    height: 1em;

    line-height: 1;

    text-transform: none;

    letter-spacing: normal;

    word-wrap: normal;

    white-space: nowrap;

    direction: ltr;

    /* Support for all WebKit browsers. */

    -webkit-font-smoothing: antialiased;

    /* Support for Safari and Chrome. */

    text-rendering: optimizeLegibility;

    /* Support for Firefox. */

    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */

    font-feature-settings: 'liga';

}



.lang-rtl * {

    direction: rtl !important;

}



.lang-rtl main {

    text-align: right !important;

}



/*body,*/

html {

    height: 100%;

}



body {

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    font-weight: 400;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    color: #666666;

    line-height: 26px;

    background: #ffffff;

    letter-spacing: 0.5px;

    position: relative;

}



ul {

    list-style: none;

    padding-left: 0;

}



p {

    margin-bottom: 10px;

}



/*** Normalize Codezeel Start ***/

b,

strong {

    color: #000000;

}



a {

    color: #000000;

    text-decoration: none;

}



a:focus,

a:hover {

    color: #ff5252;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    outline-offset: 0;

}



h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

    font-weight: 500;

}



hr {

    border-color: #e5e5e5;

}



.thead-default th {

    font-weight: 500;

    color: #000000;

}



.form-control {

    padding: 7px 12px;

    color: #000000;

    border: none;

    line-height: 26px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    border: 1px solid #e5e5e5;

}



textarea.form-control {

    border-radius: 5px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

}



.btn {

    font-weight: 500;

    font-size: 14px;

    line-height: 22px;

    text-transform: uppercase;

    display: inline-block;

    text-align: center;

    vertical-align: middle;

    cursor: pointer;

    user-select: none;

    border-radius: 0;

    white-space: nowrap;

    letter-spacing: 0.5px;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

    border: none;

}



.btn-primary {

    color: #fff;

    background: #ff5252;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

}



.btn-primary:hover {

    color: #fff;

    background: #000000;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

}



.modal {

    z-index: 10050;

}



.modal-backdrop {

    z-index: 10040;

}



.modal-header .close {

    margin-top: -9px;

    font-size: 42px;

    padding: 0px 13px;

    position: absolute;

    right: 5px;

    font-weight: 100;

    opacity: 1;

    filter: alpha(opacity=100);

}



.pull-xs-right {

    float: right !important;

}



.pull-xs-left {

    float: left !important;

}



.table thead th {

    border: 1px solid #e5e5e5;

    /* background: #f2f2f2; */

    font-weight: 500;

}



.table-labeled th,

.table-labeled td,

.table-striped tbody tr,

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

    background: #fff;

}



/*** Normalize Codezeel End ***/

.dropdown-item:focus,

.dropdown-item:hover {

    background: none;

}



.color {

    border: 1px solid #666;

}



.color,

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

    width: 1.25rem;

    height: 1.25rem;

    display: inline-block;

    border: 1px solid #999;

    cursor: pointer;

    background-size: contain;

}



.color,

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

    width: 18px;

    height: 18px;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    -ms-border-radius: 50px;

    -o-border-radius: 50px;

    border-radius: 50px;

}



.color.active,

.color:hover,

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

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

    box-shadow: 0 0 0 1px #999;

    border: 1px solid #fff;

    transition: none;

}



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

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

    box-shadow: 0 0 0 1px #999;

    border: 1px solid #fff;

    transition: none;

}



.h1,

.h2,

.h3 {

    text-transform: capitalize;

    color: #000000;

}



.h4 {

    font-weight: 600;

    color: #000000;

}



.btn-primary,

.btn-secondary,

.btn-tertiary {

    text-transform: uppercase;

    padding: 11px 30px;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

}



.btn-primary .material-icons,

.btn-secondary .material-icons,

.btn-tertiary .material-icons {

    margin-right: 5px;

    font-size: 20px;

    height: 19px;

}



.btn-tertiary {

    padding: 8px 20px;

    margin: 0.25rem 0;

    font-weight: 400;

    font-size: 0.875rem;

}



.btn-tertiary .material-icons {

    font-size: 14px;

}



label,

.label {

    color: #000000;

    font-weight: 500;

    text-align: right;

}



small.label,

small.value {

    font-size: 0.8125rem;

}



.form-control-label {

    padding-top: 4px;

    font-weight: 500;

}



#contact #content-wrapper #content .form-group .custom-checkbox label {

    margin-inline-start: 17px;

}



.form-group .custom-checkbox label {

    font-weight: 400;

}



.input-group .form-control:focus {

    outline: none;

}



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

    border: 0;

    box-shadow: none;

    color: #ffffff;

    font-size: 0.6875rem;

    font-weight: normal;

    margin-left: 0;

    padding: 9px 12px;

    text-transform: uppercase;

    border-radius: 0 5px 5px 0;

    -webkit-border-radius: 0 5px 5px 0;

    -khtml-border-radius: 0 5px 5px 0;

    -moz-border-radius: 0 5px 5px 0;

    line-height: 24px;

}



.form-control-select {

    height: 2.625rem;

    -moz-appearance: none;

    -webkit-appearance: none;

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

    padding-right: 2rem;

}



.form-control-valign {

    padding-top: 0.5rem;

}



.form-control-comment {

    padding-top: 0.5rem;

}



.form-control-submit.disabled {

    background: #5bc0de;

    color: white;

}



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

    background: #000;

    color: white;

    text-transform: uppercase;

    border-radius: 0;

    font-size: 0.875rem;

    padding: 0.5rem 1rem;

}



.bootstrap-touchspin input:focus {

    outline: none;

}



.bootstrap-touchspin .btn-touchspin {

    background-color: white;

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

    height: 1.3125rem;

}



.bootstrap-touchspin .btn-touchspin:hover {

    background-color: #ebebeb;

}



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

    color: #000000;

}



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

    color: #000;

}



.custom-radio {

    display: inline-block;

    position: relative;

    width: 18px;

    height: 18px;

    vertical-align: middle;

    cursor: pointer;

    border-radius: 50%;

    border: #878787 1px solid;

    background: white;

    margin-right: 5px;

}



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

    opacity: 0;

    filter: alpha(opacity=0);

    cursor: pointer;

}



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

    display: block;

    background-color: #000;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    position: absolute;

    left: 3px;

    top: 3px;

}



.custom-checkbox {

    position: relative;

}



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

    margin-top: 0.25rem;

    opacity: 0;

    filter: alpha(opacity=0);

    cursor: pointer;

    position: absolute;

}



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

    margin-right: 3px;

    display: inline-block;

    width: 15px;

    height: 15px;

    vertical-align: middle;

    cursor: pointer;

    border: 1px #808080 solid;

    margin-bottom: 6px;

}



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

    display: none;

    margin: -2px -1px;

    font-size: 16px;

    color: #000000;

}



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

    display: block;

}



.custom-checkbox label {

    text-align: left;

}



.done {

    color: #4cbb6c;

    display: inline-block;

    padding: 0 0;

    margin-right: 10px;

    font-size: 28px;

    font-weight: 500;

}



.thumb-mask>.mask {

    position: relative;

    width: 3.4375rem;

    height: 3.4375rem;

    overflow: hidden;

    border: #ebebeb 1px solid;

    margin: 0.625rem 0;

}



.thumb-mask>.mask img {

    width: 55px;

    height: 55px;

}



.definition-list dl {

    display: -webkit-box;

    display: -moz-box;

    display: box;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flexbox;

    -js-display: flex;

    display: flex;

    -webkit-box-lines: multiple;

    -moz-box-lines: multiple;

    box-lines: multiple;

    -webkit-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.definition-list dl dt {

    font-weight: normal;

}



.definition-list dl dd,

.definition-list dl dt {

    -webkit-box-flex: 0;

    -moz-box-flex: 0;

    box-flex: 0;

    -webkit-flex: 0 0 45%;

    -moz-flex: 0 0 45%;

    -ms-flex: 0 0 45%;

    flex: 0 0 45%;

    background: #ebebeb;

    padding: 0.625rem;

    margin: 0.125rem;

}



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

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

    background: #f6f6f6;

}



.help-block {

    margin-top: 0.625rem;

}



.btn.disabled,

.btn.disabled:hover {

    background: #878787;

    border-color: #878787;

}



.alert-warning .material-icons {

    color: #FF9A52;

    font-size: 2rem;

    margin-right: 0.625rem;

    padding-top: 0.3125rem;

}



.alert-warning .alert-text {

    font-size: 0.9375rem;

    padding-top: 0.625rem;

}



.alert-warning .alert-link {

    border-radius: 2px;

    border-width: 2px;

    margin-left: 0.625rem;

    padding: 0.3125rem 1.25rem;

    font-weight: 500;

    font-size: 0.8125rem;

    color: #6C868E;

}



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

    color: white;

}



.alert-warning .warning-buttons {

    margin-top: 0.3125rem;

}



.btn-warning {

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.btn-tertiary-outline {

    color: #6C868E;

    background-image: none;

    background-color: transparent;

    border-color: #6C868E;

    border: 0.15rem solid #6C868E;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.btn-tertiary-outline:hover {

    border-color: #BBCDD2;

    color: #BBCDD2;

}



body .st-productscompare-item .product-description {

    margin-top: 15px;

}



/*.alert {

	font-size: rem(13px);

}*/

.dropdown .expand-more {

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



#header .user-info .user-info-title .account_text:after {

    font-family: "FontAwesome";

    content: "\F107";

    font-size: 13px;

    padding-left: 7px;

    display: none;

}



#header .user-info.open .user-info-title .account_text:after {

    font-family: "FontAwesome";

    content: "\F106";

    font-size: 13px;

    padding-left: 7px;

}



#header .user-info .material-icons {

    display: none;

}



#header .header-nav span.user-info-title.expand-more .open:after .dropdown .active {

    max-height: 200px;

    overflow-y: hidden;

    visibility: visible;

}



.dropdown select {

    -moz-appearance: none;

    border: 0 none;

    outline: 0 none;

    color: #000000;

    background: white;

}



.dropdown-item:focus,

.dropdown-item:hover {

    background: none;

    text-decoration: none;

}



.search-widget {

    float: right;

}



.search-widget form {

    position: relative;

    display: flex;

}



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

    padding: 9px 50px 9px 10px;

    min-width: 250px;

    outline: 0;

    border: 1px solid #ddd;

    color: #000000;

}



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

    background: #FFFFFF;

    color: #000000;

}



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

    position: absolute;

    background: #ff5252;

    color: #fff;

    border: none;

    top: 0px;

    right: 0;

    padding: 10px 15px 9px;

    outline: 0;

    cursor: pointer;

    font-size: 0;

    height: 45px;

    border-radius: 0 5px 5px 0;

    -webkit-border-radius: 0 5px 5px 0;

    -khtml-border-radius: 0 5px 5px 0;

    -moz-border-radius: 0 5px 5px 0;

}



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

    background-color: #000000;

    color: #fff;

}



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

    content: "\F002";

    display: block;

    font-family: "FontAwesome";

    font-size: 16px;

    padding: 0;

    width: 100%;

    text-align: center;

    color: #fff;

}



.header-top .search-widget {

    padding: 0;

    width: 280px;

    float: left;

}



/*#checkout #search_widget {

	display: none;  Not ideal solution by allows to reuse same hooks/templates 

}*/

#pagenotfound .page-content #search_widget {

    width: 100%;

}



.display-top-inner {

    background-color: #ff5252;

}



.display-top-inner-wrapper {

    background-color: #f5f5f5f7;

}



/*** Responsive part ***/

@media (max-width: 767px) {

    .header-top .search-widget {

        width: 100%;

        float: none;

    }



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

        min-width: inherit;

    }

}



@media (max-width: 991px) {

    .header-top .search-widget form button[type="submit"]:before {

        color: #000;

    }



    /* #header .container, 

	.display-top-inner .container, 

	.czcategoryimagelist .container, 

	.newproducts .container, 

	#czbannercmsblock .container, 

	.featured-products .container, 

	.footer-after .container, 

	#czcategorytabs .container {

		padding-left: 15px;

		padding-right: 15px;

	} */

}



.header-top .menu {

    text-align: center;

    position: relative;

    z-index: 8;

    padding: 17px 0 15px;

    width: 80%;

}



.header-top .menu .cat-title {

    display: none;

}



.header-top .menu>ul>li {

    text-align: right;

    float: none;

    display: inline-block;

}



#index .header-top .menu {

    border-bottom: 0px;

}



#header .cat-title {

    display: inline-block;

    cursor: pointer;

    font-weight: 500;

    font-size: 0;

    line-height: 26px;

    text-transform: uppercase;

    color: #ffffff;

    display: block;

    position: relative;

    padding-inline-end: 27px;

}



#header .menu-icon {

    vertical-align: middle;

    cursor: pointer;

    display: inline-block;

}



#header .menu-icon.active {

    display: block;

}



#header .menu-icon .material-icons {

    line-height: 45px;

}



#header .menu-icon .menu-close,

#header .menu-icon.active .menu-open {

    display: none;

}



#header .menu-icon .menu-open,

#header .menu-icon.active .menu-close {

    display: block;

}



#header .header-nav .left-nav {

    float: left;

}



#header .header-top-inner {

    position: relative;

    background-color: #fff;

    clear: both;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

    line-height: initial;

    border-bottom: 1px solid #e5e5e5;

}



#module-psblog-list #header .header-top-inner,

#module-psblog-blog #header .header-top-inner,

#pagenotfound #header .header-top-inner {

    border-bottom: 1px solid #e5e5e5;

}



#index #header .header-top-inner {

    border-bottom: 0;

}



.header-top-inner .menu {

    text-align: left;

    position: relative;

    float: left;

    width: auto;

    padding-inline-start: 30px;

}



#_desktop_main_menu.menu .container {

    padding: 0;

}



.top-menu {

    position: relative;

    padding: 0;

    width: auto;

    margin: 0;

}



.top-menu .more_sub_menu a {

    margin-left: 20px;

    padding: 0 0 10px 0;

}



.top-menu .more_sub_menu .sub-menu {

    display: none !important;

}



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

    margin: 0;

}



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

    display: block;

    padding: 0.625rem;

    font-weight: 400;

}



.top-menu a.dropdown-submenu,

.top-menu .more_sub_menu a {

    text-transform: capitalize;

    font-weight: 400;

    /* font-size: 16px; */

}



.header-top-inner .menu>ul>li {

    text-align: center;

    float: none;

    display: inline-block;

    position: relative;

}



.header-top-inner .menu>ul>li#lnk-home {

    color: #fff;

}



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

    padding: 14px 20px;

    font-weight: 500;

    line-height: 22px;

    color: #000000;

    display: block;

    text-transform: capitalize;

    position: relative;

    width: auto;

    letter-spacing: 0.5px;

}



.header-top-inner .menu>ul>li#lnk-new-arrivals::before,

.header-top-inner .menu>ul>li#lnk-todays-deal::before {

    position: relative;

}



.header-top-inner .menu>ul>li:nth-child(2):before {

    height: 15px;

    width: 30px;

    content: "";

    position: absolute;

    right: 30px;

    background-image: url(../img/codezeel/new_label.svg);

    background-repeat: no-repeat;

    background-position: center;

    background-size: 25px;

    top: 4px;

    bottom: auto;

    display: none;

}



.header-top-inner .menu>ul>li:nth-child(5):before {

    height: 20px;

    width: 30px;

    content: "";

    position: absolute;

    right: 30px;

    background-image: url(../img/codezeel/hot-tag.svg);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: 25px;

    top: 4px;

    display: none;

}



.header-top-inner #_desktop_main_menu .top-menu li:first-child a[data-depth="0"] {

    padding-inline-start: 0;

}



#cznavcmsblock .header-text ul {

    margin: 0;

}



#cznavcmsblock .header-text li.top-title .link {

    color: #fff;

}



#header .header-nav ul.dropdown-menu ul li.top-title .fa.fa-envelope-o::before {

    display: none;

}



#header .header-nav ul.dropdown-menu ul li .icon {

    width: 20px;

    height: 20px;

    content: '';

    display: inline-block;

    vertical-align: top;

    margin-inline-end: 5px;

    background-color: #ff5252;

    -webkit-mask-repeat: no-repeat;

    mask-repeat: no-repeat;

    mask-position: center 2px;

    -webkit-mask-position: center 2px;

}



#header .header-nav ul.dropdown-menu ul li .email.icon {

    mask-image: url(../img/codezeel/email.svg);

    -webkit-mask-image: url(../img/codezeel/email.svg);

    -webkit-mask-size: 17px;

    mask-size: 17px;

    mask-position: center 5px;

    -webkit-mask-position: center 5px;

}



#header .header-nav ul.dropdown-menu ul li .store.icon {

    mask-image: url(../img/codezeel/find-store.svg);

    -webkit-mask-image: url(../img/codezeel/find-store.svg);

    -webkit-mask-size: 12px;

    mask-size: 12px;

}



#cznavcmsblock .header-text li .link:hover {

    color: #e0e0e0;

}



#header .header-nav ul.dropdown-menu ul li:first-child {

    padding-inline-start: 0;

}



@media(min-width: 992px) {

    #header .header-nav ul.dropdown-menu ul li {

        padding-inline-start: 12px;

        margin: 0;

        display: inline-block;

        vertical-align: baseline;

        position: relative;

        margin-inline-start: 12px;

    }



    #footer .link_block_wrap {

        float: left;

        width: 100%;

        padding-top: 80px;

        border-top: 1px solid #3c3c3c;

        margin-top: 75px;

    }



    #header .header-nav ul.dropdown-menu ul li::after {

        content: '';

        position: absolute;

        left: auto;

        right: -13px;

        width: 1px;

        height: 15px;

        background: #e5e5e5;

        top: 4px;

        bottom: auto;

    }



    #header .header-nav ul.dropdown-menu ul li:last-child:after {

        display: none;

    }



    #header .header-nav ul.dropdown-menu ul li .link {

        padding: 0;

        /* font-size: 13px; */

        display: inline-block;

        vertical-align: top;

        color: #666666;

        margin: 0;

        border: 0;

        text-transform: inherit;

        line-height: 20px;

    }



    #header .header-nav .right-nav #cznavcmsblock ul.dropdown-menu {

        display: block !important;

        position: static;

        background: none;

        padding: 0;

        border: 0;

        box-shadow: none;

    }



    #cznavcmsblock #navcmsb-dropdown {

        display: none;

    }

}



#footer .link_block_model {

    float: left;

    width: 100%;

}



@keyframes blink {

    from {

        color: #f00

    }



    to {

        color: #f00

    }

}



@-webkit-keyframes blink {

    from {

        color: #f00

    }



    to {

        color: #fff

    }

}



#text-offer {

    float: right;

    color: #000000;

    font-weight: 500;

    padding-block: 15px;

    animation-duration: 1200ms;

    animation-name: blink;

    animation-iteration-count: infinite;

    animation-direction: alternate;

    animation: blink 1200ms infinite;

}



#text-offer::before {

    width: 20px;

    height: 20px;

    text-align: center;

    mask-image: url(../img/codezeel/rocket.svg);

    -webkit-mask-image: url(../img/codezeel/rocket.svg);

    display: inline-block;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

    -webkit-mask-size: 20px;

    mask-size: 20px;

    -webkit-mask-repeat: no-repeat;

    mask-repeat: no-repeat;

    mask-position: center;

    -webkit-mask-position: center;

    background-color: #000000;

    vertical-align: middle;

    content: '';

    margin-inline-end: 10px;

}



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

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

    padding: 0 0 10px 0;

}



.top-menu .collapse {

    display: inherit;

}



.top-menu .sub-menu.collapse {

    display: none;

}



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

    float: none;

}



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

    font-size: 14px;

    font-weight: 500;

}



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

    text-decoration: none;

}



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

    color: #888888;

    text-decoration: none;

}



.header-top-inner .menu .sub-menu .top-menu ul>li a {

    position: relative;

    padding: 0 0 10px;

}



.top-menu .sub-menu .menu-banners .menu-banner {

    float: left;

    margin-top: 10px;

}



.top-menu .sub-menu .menu-banners .menu-banner img {

    max-width: 100%;

}



.top-menu .popover {

    max-width: inherit;

}



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

    margin-top: 0;

}



#mobile_top_menu_wrapper {

    z-index: 999;

}



#mobile_top_menu_wrapper .top-menu {

    padding-top: 10px;

}



#mobile_top_menu_wrapper .top-menu.container {

    padding: 0px;

}



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

    width: 20px;

    height: 20px;

}



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

    padding: 3px 0 3px 5px;

    font-weight: 400;

    text-transform: capitalize;

    margin: 0;

    font-size: 14px;

    color: #000000;

}



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

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

    color: #ff5252;

}



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

    box-shadow: none;

    z-index: inherit;

    display: block;

    overflow: hidden;

    margin-left: 0;

    width: 100%;

    min-width: 100%;

    border: 0;

    padding: 0px;

    position: relative;

    top: 0 !important;

}



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

    margin-bottom: 0px;

}



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

    padding: 0;

}



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

    padding: 1px 0 1px 15px;

    text-transform: capitalize;

}



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

    padding: 1px 0 1px 25px;

}



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

    padding: 1px 0 1px 35px;

}



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

    padding: 1px 0 1px 45px;

}



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

    margin-left: 15px;

    display: none;

}



#mobile_top_menu_wrapper .top-menu .sub-menu .menu-banners .menu-banner {

    float: left;

    margin: 5px 0;

}



#mobile_top_menu_wrapper .top-menu .sub-menu .menu-images-container {

    display: none;

}



#mobile_top_menu_wrapper .top-menu .sub-menu .menu-banners .menu-banner img {

    max-width: 100%;

}



#mobile_top_menu_wrapper .top-menu .popover {

    border-radius: 0;

    background: none;

}



#mobile_top_menu_wrapper .js-top-menu.mobile {

    background: #FFF;

}



#mobile_top_menu_wrapper .mobile-menu-inner {

    position: fixed;

    top: 0px;

    left: -100%;

    background: #FFF;

    z-index: 5;

    padding: 5px 10px 10px;

    margin-left: 0px;

    width: 300px;

    height: 100%;

    overflow: auto;

    z-index: 9999;

    border: 1px solid #e5e5e5;

    -webkit-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.1);

    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.1);

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



#mobile_top_menu_wrapper .mobile-menu-inner .menu-icon {

    border-bottom: 1px solid #e5e5e5;

}



#mobile_top_menu_wrapper.slide .mobile-menu-inner {

    left: 0;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



#mobile_top_menu_wrapper .top-menu>li .more_category .fa-icon.add {

    float: right;

    position: absolute;

    right: 4px;

}



#mobile_top_menu_wrapper .container {

    padding-top: 0;

}



.top-menu .sub-menu a {

    /* font-size: 14px; */

    letter-spacing: 0.5px;

}



@keyframes slide-down {

    0% {

        transform: translateY(-100%);

    }



    100% {

        transform: translateY(0);

    }

}



@-webkit-keyframes fixedAnim {

    0% {

        top: -100%

    }



    100% {

        top: 0

    }

}



@-moz-keyframes fixedAnim {

    0% {

        top: -100%

    }



    100% {

        top: 0

    }

}



@keyframes fixedAnim {

    0% {

        top: -100%

    }



    100% {

        top: 0

    }

}



#header.fixed .header-top-inner {

    color: #000000;

    position: fixed;

    top: 0px;

    z-index: 9999;

    animation: 0.9s ease 0s normal both 1 running fixedAnim;

    -webkit-animation: 0.9s ease 0s normal both 1 running fixedAnim;

    -moz-animation: 0.9s ease 0s normal both 1 running fixedAnim;

    -o-animation: 0.9s ease 0s normal both 1 running fixedAnim;

    left: 0px;

    right: 0px;

    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);

    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);

    background-color: #ffffff;

}



.header-top-inner .menu .sub-menu .top-menu ul>li a {

    text-transform: capitalize;

}



@media (min-width: 992px) {



    #header.fixed .header-top .user-info .dropdown-menu,

    #header.fixed .header-top .cart_block,

    #header.fixed .header-top .search-widget .search_toggle {

        top: 53px;

    }



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

        text-decoration: none;

        color: #ff5252;

        -webkit-transition: all 500ms ease 0s;

        -moz-transition: all 500ms ease 0s;

        -o-transition: all 500ms ease 0s;

        transition: all 500ms ease 0s;

    }



    #header.fixed .header-top {

        padding: 20px 0 18px;

        height: 85px;

    }



    .header-top-inner .menu>ul>li.current>a:before,

    .header-top-inner .menu>ul>li.current>a:after {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }



    .header-top-inner .menu .sub-menu.megamenu {

        min-width: 570px;

        padding: 20px;

    }



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

        float: left;

        min-width: 160px;

        margin-inline-end: 20px;

    }



    .header-top-inner .menu .sub-menu.megamenu ul[data-depth="1"]>li:last-child {

        margin: 0

    }



    .header-top-inner .menu .sub-menu {

        min-width: 190px;

        z-index: 10050;

        top: 70px !important;

        width: auto;

        left: auto;

        right: auto;

        /* background-color: #ffffff; */

        padding: 20px 20px 10px;

        display: block !important;

        opacity: 0;

        filter: alpha(opacity=0);

        transform-origin: 20% 20% 0;

        -webkit-transition: all 700ms ease 0s;

        -moz-transition: all 700ms ease 0s;

        -o-transition: all 700ms ease 0s;

        transition: all 700ms ease 0s;

        border: 0;

        background-color: #FFF;

        visibility: hidden;

        border-radius: 5px;

        -webkit-border-radius: 5px;

        -khtml-border-radius: 5px;

        -moz-border-radius: 5px;

        box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.15);

        -moz-box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.15);

        -webkit-box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.15);

    }



    .header-top-inner .menu ul>li:hover .sub-menu {

        top: 50px !important;

        visibility: visible;

        opacity: 1;

        filter: alpha(opacity=100);

    }



    #header .header-top.fixed .menu ul>li:hover .sub-menu {

        top: 73px !important;

    }



    .header-top-inner .menu .more_menu .sub-menu {

        padding: 20px 20px 10px;

        min-width: 180px;

    }



    .top-menu li#more_menu ul>li .sub-menu {

        top: 0 !important;

        left: 100%;

        transform: scale(0, 1);

        -webkit-transform: scale(0, 1);

        -ms-transform: scale(0, 1);

        -o-transform: scale(0, 1);

        -moz-transform: scale(0, 1);

        transform-origin: left center 0;

    }



    .top-menu li#more_menu ul>li:hover .sub-menu {

        transform: scale(1, 1);

        -webkit-transform: scale(1, 1);

        -ms-transform: scale(1, 1);

        -o-transform: scale(1, 1);

        -moz-transform: scale(1, 1);

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

        filter: alpha(opacity=100);

    }



    .top-menu .sub-menu.megamenu li>a.dropdown-submenu {

        text-transform: capitalize;

        padding-bottom: 5px;

        margin-bottom: 6px;

        /* font-size: 14px; */

        font-weight: 500;

        color: #000000;

    }



    .top-menu .sub-menu.megamenu li>a.dropdown-submenu:hover {

        color: #ff5252;

    }



    .header-top-inner .menu .sub-menu .top-menu ul>li a {

        position: relative;

        color: #000000;

    }



    .header-top-inner .menu .sub-menu .top-menu ul>li a:hover {

        color: #ff5252;

    }



    .header-top-inner .menu .more_menu .sub-menu li a {

        margin: 0;

        padding: 0 0 10px;

        text-transform: capitalize;

        font-weight: 400;

        color: #000000;

    }



    .header-top-inner .menu .more_menu .sub-menu li a:hover {

        color: #ff5252;

    }



    #header .header-nav ul.dropdown-menu ul li:hover .link {

        background-color: transparent;

        color: #ff5252;

    }

}



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

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

        min-width: 140px;

    }

}



@media (max-width: 1459px) {

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

        padding-inline: 13px;

    }

}



@media (max-width: 1199px) {

    #header.fixed .header-top {

        color: #222222;

        position: fixed;

        top: 0px;

        z-index: 999;

        animation: 0.9s ease 0s normal both 1 running fixedAnim;

        -webkit-animation: 0.9s ease 0s normal both 1 running fixedAnim;

        -moz-animation: 0.9s ease 0s normal both 1 running fixedAnim;

        -o-animation: 0.9s ease 0s normal both 1 running fixedAnim;

        left: 0px;

        right: 0px;

        -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);

        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);

        background-color: #fff;

    }



    .header-top-inner .menu {

        padding-inline-start: 20px;

    }



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

        padding-inline: 10px;

    }

}



@media (max-width: 991px) {

    .mobile-menu .menu-container {

        padding: 0px;

    }



    .header-top-inner .top-menu>li {

        float: none;

        position: relative;

        border: none;

        text-align: left;

        display: block;

    }



    .header-top-inner .top-menu a,

    .header-top-inner .top-menu a[data-depth="0"],

    .header-top-inner .top-menu .sub-menu a {

        line-height: 30px;

        padding: 4px 0;

    }



    .header-top-inner .top-menu .sub-menu {

        left: 0;

        min-width: 100%;

        border: 0px;

        padding: 5px 0px 5px 15px;

    }



    .header-top-inner .top-menu .sub-menu>li {

        width: 100%;

        padding: 0;

        margin: 0;

        position: relative;

    }



    #header #mobile_top_menu_wrapper .cat-title {

        color: #000000;

        padding-left: 28px;

        border-top: 0;

        font-size: 16px;

        font-weight: 500;

    }



    #header .header-top-inner .menu-icon .cat-title {

        display: block;

        cursor: pointer;

        text-transform: capitalize;

        color: #000000;

        display: block;

        padding: 9px 0px 9px 0px;

        position: relative;

        text-align: left;

        font-weight: 500;

        font-size: 0;

    }



    .header-top .menu-icon .cat-title::after {

        content: "";

        position: absolute;

        left: 0px;

        top: 5px;

        width: 20px;

        height: 20px;

        mask-image: url(../img/codezeel/menu.svg);

        -webkit-mask-image: url(../img/codezeel/menu.svg);

        display: inline-block;

        -webkit-mask-size: 20px;

        mask-size: 20px;

        -webkit-mask-repeat: no-repeat;

        mask-repeat: no-repeat;

        mask-position: left center;

        -webkit-mask-position: left center;

        background-color: #000000;

        font-size: 0;

        vertical-align: sub;

    }



    .header-top-inner .menu-icon.active .cat-title::after {

        left: -5px;

        top: 14px;

        width: 20px;

        height: 20px;

        font-size: 0;

        height: 20px;

        width: 30px;

        content: "";

        position: absolute;

        float: left;

        background-image: url(../img/codezeel/close.svg);

        background-repeat: no-repeat;

        background-position: center center;

        background-size: 15px;

        top: 12px;

    }



    body.active #page {

        position: relative;

        width: 100%;

        overflow: hidden;

        height: 100%;

    }



    #page.active:before {

        background: #000;

        opacity: 0.7;

        filter: alpha(opacity=70);

        position: absolute;

        left: 300px;

        content: "";

        height: 100%;

        width: 100%;

        top: 0;

        z-index: 99999;

        -webkit-transition: all 0.5s ease;

        -moz-transition: all 0.5s ease;

        -o-transition: all 0.5s ease;

        transition: all 0.5s ease;

    }



    .box_layout #page.active {

        margin-left: 0;

    }



    #header .fixed .cat-title {

        padding: 0;

    }



    #header .header-top.fixed .header-top-inner .menu-icon .cat-title::after {

        top: 0px;

    }



    #header .header-nav .right-nav ul.dropdown-menu ul li.top-title .icon::before,

    #header .header-nav .right-nav ul.dropdown-menu ul li.top-title .fa.fa-envelope-o {

        display: none;

    }



    #header .header-nav .right-nav ul.dropdown-menu {

        width: 160px;

        top: 28px;

        right: 0;

        left: auto;

    }



    #header .header-nav .right-nav #cznavcmsblock ul.dropdown-menu {

        left: 0;

        right: auto;

    }



    #header .header-nav .right-nav {

        float: none;

        display: inline-block;

    }



    #header .header-nav ul.dropdown-menu ul li .icon {

        display: none;

    }

}



.sitemap h2 {

    color: #000000;

    text-transform: capitalize;

    font-size: 17px;

    font-weight: 700;

    border-bottom: 1px solid #e5e5e5;

    margin-left: -15px;

    width: 100%;

    height: 32px;

}



.sitemap ul li {

    margin-bottom: 0.9rem;

}



.sitemap ul {

    margin-left: -15px;

    margin-top: 8px;

}



.sitemap ul.nested {

    margin-left: 12px;

}



.checkout.cart-detailed-actions {

    border-bottom: 0px;

    padding: 14px 20px;

}



.checkout.cart-detailed-actions a.btn.btn-primary {

    padding: 10px 30px;

    min-width: 230px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

}



.checkout.cart-detailed-actions a.btn.btn-primary:hover {

    background-color: #000000;

    border-color: #000000;

    color: #fff;

}



body#checkout #header .header-nav {

    max-height: none;

    margin-bottom: 0;

}



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

    max-height: 4.375rem;

    width: auto;

}



body#checkout[data-action="show-password"] {

    background: #000000;

}



body#checkout .custom-checkbox {

    display: -webkit-box;

    display: -moz-box;

    display: box;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flexbox;

    -js-display: flex;

    display: flex;

}



body#checkout .custom-checkbox span {

    -webkit-box-flex: 0;

    -moz-box-flex: 0;

    box-flex: 0;

    -webkit-flex: 0 0 15px;

    -moz-flex: 0 0 15px;

    -ms-flex: 0 0 15px;

    flex: 0 0 15px;

    margin-top: 6px;

    margin-right: 8px;

}



body#checkout section#content {

    margin-bottom: 1.5625rem;

}



body#checkout .container {

    min-height: 100%;

}



body#checkout section.checkout-step {

    background-color: #FFFFFF;

    padding: 15px;

    margin-bottom: -1px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    border: 1px solid #e5e5e5;

}



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

    text-transform: capitalize;

    cursor: pointer;

    margin-bottom: 0;

    font-size: 16px;

    font-weight: 500;

}



.nav-item .nav-link.active,

.nav-item .nav-separtor.active {

    color: #ff5252;

}



body#checkout section.checkout-step .content {

    padding: 10px 2.3125rem 0;

}



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

    text-transform: lowercase;

    font-weight: normal;

}



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

    font-size: 14px;

}



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

    cursor: not-allowed;

    opacity: 0.5;

    filter: alpha(opacity=50);

}



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.-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: inline-block;

}



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

    display: block;

}



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

    display: inline-block;

}



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

    display: none;

}



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

    cursor: pointer;

    display: block;

    float: right;

    margin-right: 0.125rem;

    text-transform: capitalize;

    font-size: 14px;

    margin-top: 5px;

}



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

    display: none;

}



body#checkout section.checkout-step small {

    color: #878787;

}



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 {

    background: #f6f6f6;

    padding: 0.625rem 3.125rem;

}



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

    text-align: center;

}



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

    padding-top: 1rem;

}



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

    display: table-cell;

}



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

    margin-right: 15px;

    margin-top: 6px;

}



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

    margin-bottom: 0.5rem;

}



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

    display: inline-block;

    padding: 0.625rem;

}



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

    display: -webkit-box;

    display: -moz-box;

    display: box;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flexbox;

    -js-display: flex;

    display: flex;

    -webkit-box-pack: justify;

    -moz-box-pack: justify;

    box-pack: justify;

    -webkit-justify-content: space-between;

    -moz-justify-content: space-between;

    -ms-justify-content: space-between;

    -o-justify-content: space-between;

    justify-content: space-between;

    -ms-flex-pack: justify;

    -webkit-box-align: start;

    -moz-box-align: start;

    box-align: start;

    -webkit-align-items: flex-start;

    -moz-align-items: flex-start;

    -ms-align-items: flex-start;

    -o-align-items: flex-start;

    align-items: flex-start;

    -ms-flex-align: start;

    -webkit-box-lines: multiple;

    -moz-box-lines: multiple;

    box-lines: multiple;

    -webkit-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



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

    border: 1px solid #e5e5e5;

    -webkit-box-flex: 0;

    -moz-box-flex: 0;

    box-flex: 0;

    -webkit-flex: 0 0 49%;

    -moz-flex: 0 0 49%;

    -ms-flex: 0 0 49%;

    flex: 0 0 49%;

    margin-bottom: 15px;

}



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

    background: white;

    border-color: #000000;

}



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

    font-size: 14px;

    line-height: 24px;

}



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

    margin-right: 5px;

    margin-top: 0px;

}



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

    display: inline-block;

    font-weight: 500;

    margin-bottom: 0.625rem;

}



body#checkout section.checkout-step .address {

    margin-left: 1.5625rem;

    font-weight: normal;

}



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

    padding: 20px;

    text-align: left;

}



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

    margin-right: 4px;

    margin-top: -3px;

}



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

    height: 1.25rem;

    width: 1.25rem;

}



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

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

    color: #000000;

    display: inline-block;

    margin: 0 0.3125rem;

}



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: 14px;

    padding-right: 22px;

}



body#checkout section.checkout-step hr {

    margin: 0;

}



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

    padding: 20px 40px 20px;

}



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

}



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

    color: #999999;

}



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

    font-size: 0.9375rem;

}



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

    padding: 10px 0;

    margin: 15px 0;

    border: 1px solid #e5e5e5;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

}



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

    text-align: inherit;

}



body#checkout section.checkout-step .delivery-option .custom-radio {

    margin-top: 12px;

}



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

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

    display: inline-block;

    word-break: break-word;

    text-align: left;

    font-weight: 500;

}



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

    margin-top: 1.5625rem;

}



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;

    font-weight: 500;

}



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;

    margin-right: 10px;

}



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

    font-size: 0.875rem;

}



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

    margin-left: 13.375rem;

}



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

    text-decoration: underline;

}



body#checkout section.checkout-step .forgot-password a:hover {

    text-decoration: none;

}



body#checkout .additional-information {

    font-size: 0.875rem;

    margin-left: 2.875rem;

    margin-top: 1.25rem;

}



body#checkout .condition-label {

    margin-left: 2.5rem;

    margin-top: 0.625rem;

}



body#checkout .condition-label label {

    text-align: inherit;

    font-weight: 400;

}



body#checkout .condition-label label a {

    text-decoration: underline;

}



body#checkout .cancel-address {

    display: block;

    margin: 5px 20px;

    text-decoration: underline;

}



body#checkout .modal-content {

    padding: 1.25rem;

    background-color: #ebebeb;

}



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

    width: auto;

    border-radius: 5px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    border: 1px solid #e5e5e5;

}



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

    vertical-align: middle;

}



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

    padding-right: 5px;

}



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

    display: block;

    font-size: 16px;

}



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

    margin-bottom: 15px;

}



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

}



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

    color: #000000;

}



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

    margin-top: 0.1875rem;

}



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

    box-shadow: none;

    border-bottom: 0;

}



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

    border-right: 0;

}



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

    padding-bottom: 7px;

    color: #000000;

    margin-top: 1.25rem;

}



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: 1px solid #e5e5e5;

    border-radius: 0;

}



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

    margin-bottom: 0.75rem;

    background-color: #fff;

    border: 1px solid #e5e5e5;

    border-radius: 0;

    padding: 1rem;

}



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

    display: inline;

}



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

    cursor: pointer;

}



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

    color: #878787;

}



body#checkout #gift_message {

    max-width: 100%;

    border-color: #000000;

}



/**** ORDER CONFIRMATION *****/

#order-details {

    padding-left: 1.875rem;

}



#order-details>.card-title {

    margin-bottom: 1.875rem;

}



#order-details ul {

    margin-bottom: 1.25rem;

}



#order-details ul li {

    margin-bottom: 0.625rem;

}



#order-items {

    border-right: #e5e5e5 1px solid;

}



#order-items h3.card-title {

    font-size: 14px;

}



#order-items table {

    width: 100%;

}



#order-items table tr {

    height: 1.875rem;

}



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

    text-align: right;

}



#order-items .order-line {

    margin-top: 10px;

    padding: 15px 0 0;

    border-top: 1px solid #e5e5e5;

}



#order-items .image img {

    width: 100%;

    border: 1px solid #e5e5e5;

    margin-bottom: 1rem;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

}



#order-items .details {

    margin-bottom: 1rem;

}



#order-items .details .customizations {

    margin-top: 0.625rem;

}



#order-items .qty {

    margin-bottom: 1rem;

}



#order-confirmation #registration-form {

    width: 50%;

    margin: 0 auto 1rem;

}



@media (max-width: 991px) {

    .done {

        margin: 0;

        padding: 0;

    }



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

        -webkit-flex-grow: 1;

        -moz-flex-grow: 1;

        flex-grow: 1;

        -ms-flex-positive: 1;

    }



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

        -webkit-box-orient: vertical;

        -moz-box-orient: vertical;

        box-orient: vertical;

        -webkit-box-direction: normal;

        -moz-box-direction: normal;

        box-direction: normal;

        -webkit-flex-direction: column;

        -moz-flex-direction: column;

        flex-direction: column;

        -ms-flex-direction: column;

    }



    .delivery-option {

        display: -webkit-box;

        display: -moz-box;

        display: box;

        display: -webkit-flex;

        display: -moz-flex;

        display: -ms-flexbox;

        -js-display: flex;

        display: flex;

        margin: auto;

    }



    .delivery-option .custom-radio {

        -webkit-box-flex: 0;

        -moz-box-flex: 0;

        box-flex: 0;

        -webkit-flex: 0 0 auto;

        -moz-flex: 0 0 auto;

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

    }

}



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

        border-right: 0;

        margin-bottom: 2.5rem;

    }



    #order-items .card-title {

        border-bottom: 1px solid #ebebeb;

        margin-bottom: 1rem;

        padding-bottom: 1rem;

    }



    #order-items hr {

        border-top-color: #ebebeb;

    }



    .bold {

        font-weight: bold;

    }



    #order-details {

        padding-left: 0.9375rem;

    }



    #order-details .card-title {

        border-bottom: 1px solid #ebebeb;

        margin-bottom: 1rem;

        padding-bottom: 1rem;

    }

}



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

    opacity: 0.6;

    filter: alpha(opacity=60);

    cursor: not-allowed;

}



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

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    pointer-events: none;

}



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

    display: block;

}



/*** SOME GENERIC STYLES ***/

.table-labeled th {

    vertical-align: middle;

}



.table-labeled td {

    vertical-align: middle;

}



.table-labeled .label {

    font-weight: 500;

    border-radius: 3px;

    font-size: inherit;

    padding: 0.25rem 0.375rem;

    margin: 0.125rem;

    color: #FFFFFF;

    white-space: nowrap;

}



.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: -moz-box;

    display: box;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flexbox;

    -js-display: flex;

    display: flex;

    line-height: 12px;

}



#authentication .custom-checkbox span {

    flex: 0 0 0.9375rem;

    margin-top: 5px;

}



#authentication .custom-checkbox label {

    padding-left: 0.625rem;

    line-height: 23px;

    font-size: 14px;

    font-weight: 400;

}



#authentication[data-action="show-password"] {

    background: #000000;

}



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

    background: #ff5252;

    color: #fff;

}



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

    background: #000000;

    color: #fff;

}



#identity .radio-inline,

#authentication .radio-inline {

    padding: 0;

}



#identity .radio-inline .custom-radio,

#authentication .radio-inline .custom-radio {

    margin-right: 0;

}



/*** Most of the customer accpunt pages ***/

.page-customer-account #content {

    /* border: 1px solid #e5e5e5; */

    padding: 30px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

}



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

    padding: 0 0.125rem;

}



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

    text-align: center;

    margin-top: 1rem;

    padding-bottom: 0.9375rem;

}



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

    text-align: center;

    font-size: 15px;

}



.page-authentication .register-form>p a,

#registration .register-form a {

    text-decoration: underline;

    color: #000;

}



.page-authentication .register-form>p a:hover,

#registration .register-form a:hover {

    text-decoration: none;

}



/*** Login page ***/

/*** Addresses page ***/

.page-addresses .address {

    background: #FFFFFF;

    margin-bottom: 1.875rem;

    font-size: 0.875rem;

    color: #000000;

}



.page-addresses .address .address-body {

    padding: 20px 20px 0px 20px;

    background-color: #f0f0f0;

}



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

    font-size: 14px;

    font-weight: 500;

}



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

    min-height: 9rem;

}



.page-addresses .address .address-footer {

    border-top: 1px solid #e5e5e5;

    padding: 10px 20px;

}



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

    margin-right: 15px;

    display: inline-block;

}



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

    font-size: 14px;

}



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

    font-size: 0.9375rem;

    vertical-align: middle;

}



.page-addresses .addresses-footer {

    margin: 0 0.9375rem;

}



.page-addresses .addresses-footer a i {

    font-size: 14px;

}



.page-addresses .addresses-footer a span {

    font-size: 15px;

    vertical-align: middle;

    margin-top: 0.625rem;

}



/*** Order details page ***/

.page-order-detail .box {

    padding: 1rem;

    margin-bottom: 1rem;

}



.page-order-detail h3 {

    font-size: 14px;

    font-weight: 500;

    text-transform: uppercase;

    color: #000000;

    margin-bottom: 1rem;

}



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

    margin: 0.25rem 0;

    padding: 0.25rem 0.375rem;

    color: white;

    border-radius: 3px;

}



.page-order-detail .addresses {

    margin: 0 -0.9375rem;

}



.page-order-detail .addresses h4 {

    font-size: 16px;

    text-transform: uppercase;

    color: #000000;

    margin-bottom: 15px;

    padding-bottom: 20px;

    border-bottom: 1px solid #e5e5e5;

}



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

    width: 30%;

    float: left;

    text-align: right;

    padding-right: 0.5rem;

}



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

    width: 70%;

    float: left;

    margin: -0.625rem 0;

    padding-left: 0.25rem;

}



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

    width: 30px;

    float: left;

    padding: 0 0.9375rem;

}



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

    width: calc(100% - 30px);

    float: left;

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

}



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

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

    color: #000000;

}



#order-return-infos .customization {

    margin-top: 0.75rem;

}



/*** My account landing page ***/

.page-my-account #content .links {

    display: -webkit-box;

    display: -moz-box;

    display: box;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flexbox;

    -js-display: flex;

    display: flex;

    -webkit-box-lines: multiple;

    -moz-box-lines: multiple;

    box-lines: multiple;

    -webkit-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: start;

    -moz-box-pack: start;

    box-pack: start;

    -webkit-justify-content: flex-start;

    -moz-justify-content: flex-start;

    -ms-justify-content: flex-start;

    -o-justify-content: flex-start;

    justify-content: flex-start;

    -ms-flex-pack: start;

}



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

    font-size: 16px;

    padding: 5px 15px;

    margin-bottom: 10px;

    text-decoration: none;

    width: 100%;

}



.page-my-account .page-footer a {

    /* font-size: 16px; */

}



.page-my-account #content .links a span.link-item {

    display: block;

    background: #fff;

    padding: 17px 20px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    border: 1px solid #e5e5e5;

}



.page-my-account #content .links a i {

    font-size: 30px;

    margin-right: 10px;

}



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

    border-color: #ff5252;

    background: #fff;

}



/*** History page ***/

#history .orders {

    margin: 0 -1rem;

}



#history .orders .order {

    padding: 0.75rem 1rem;

    border-bottom: 1px solid #f6f6f6;

}



#history .orders .order a h3 {

    color: #808080;

}



#history .orders .order .label {

    display: inline-block;

    margin: 0.25rem 0;

    padding: 0.25rem 0.375rem;

    color: white;

    border-radius: 3px;

}



#history .orders .order:last-child {

    border-bottom: 0;

}



/*** FOOTER ***/

.page-footer .account-link {

    margin-right: 1rem;

}



.page-footer .account-link i {

    font-size: 14px;

}



.page-footer .account-link span {

    vertical-align: middle;

}



.carousel {

    margin-bottom: 35px;

}



.carousel .direction {

    z-index: auto;

}



.carousel .carousel-item {

    height: 100%;

}



.carousel .carousel-item img {

    width: 100%;

    margin-left: 0;

}



.carousel .carousel-item .caption {

    position: absolute;

    bottom: 28px;

    left: 90px;

    color: white;

    max-width: 500px;

}



.carousel .carousel-item .caption .caption-description p {

    color: white;

}



.carousel .carousel-control {

    opacity: 1;

    filter: alpha(opacity=100);

}



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

}



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

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

    color: #000;

}



.carousel .carousel-control .icon-prev {

    left: 1rem;

}



.carousel .carousel-control .icon-next {

    right: 2rem;

}



.carousel .carousel-control.left,

.carousel .carousel-control.right {

    background: none;

}



/***** Products Design ****/

.cz-hometabcontent {

    text-align: center;

    width: 100%;

    clear: both;

    padding: 25px 0 50px;

    position: relative;

}



.cz-hometabcontent .tab-content {

    margin: 0 -15px;

}



.cz-hometabcontent .tabs .tab-pane {

    padding: 0px;

    border: 0px;

    background: none;

}



.cz-hometabcontent .tab-content .products-section-title {

    display: none;

}



.product-tabcontent {

    float: left;

    width: 100%;

    margin-top: 70px;

}



.featured-products,

.newproducts,

.bestseller-products,

.special-products,

.viewed-products,

.crosssell-products,

.product-accessories,

.productscategory-products {

    float: left;

    width: 100%;

    position: relative;

    text-align: center;

    margin-top: 70px;

}



.viewed-products,

.crosssell-products,

.product-accessories,

.productscategory-products,

#productCommentsBlock {

    padding: 0;

    margin: 70px 0 0;

}



.featured-products .container,

.newproducts .container,

.bestseller-products .container,

.special-products .container,

.viewed-products .container,

.crosssell-products .container,

.product-accessories .container,

.productscategory-products .container,

#czcategorytabs .container {

    position: relative;

}



.product-accessories .container,

.productscategory-products .container {

    padding: 0;

}



.featured-products .products,

.newproducts .products,

.bestseller-products .products,

.special-products .products,

.viewed-products .products,

.crosssell-products .products,

.productscategory-products .products,

.product-accessories .products,

.brands .products {

    float: left;

    width: 100%;

}



.products-section-title {

    display: block;

    width: auto;

    margin: 0 auto 20px;

    position: relative;

    text-align: left;

    font-weight: 500;

    font-size: 22px;

    line-height: 24px;

    text-transform: capitalize !important;

    letter-spacing: 0;

    color: #000000;

}



/*********************special product*******************/

.special-products .special-deal {

    position: absolute;

    top: 9px;

    left: 0px;

    transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -webkit-transition: all 500ms ease 0s;

    -moz-transition: all 500ms ease 0s;

    -o-transition: all 500ms ease 0s;

    transition: all 500ms ease 0s;

    color: #fff;

    text-transform: uppercase;

    line-height: 17px;

    padding: 0px 0px;

    font-size: 13px;

    font-weight: 700;

    z-index: 99;

}



.special-products .special-deal::before {

    content: "";

    border-right: 91px solid #ff5252;

    border-bottom: 97px solid transparent;

    height: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

    margin-top: -6px;

    position: absolute;

    left: -19px;

    transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    width: 0;

    z-index: -1;

    top: -3px;

}



.special-products .special-deal::after {

    content: "";

    position: absolute;

    border-bottom: 0px solid #ff5252;

    border-right: 0 solid #ff5252;

    border-top: 10px solid #ff5252;

    border-left: 0px solid #ff5252;

    top: 31px;

    left: -39px;

    height: 15px;

    width: 8px;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

}



.special-products .special-deal span {

    display: block;

    position: relative;

}



.special-products .special-deal span::after {

    content: "";

    position: absolute;

    border-bottom: 0px solid #ff5252;

    border-right: 0 solid #ff5252;

    border-top: 6px solid #ff5252;

    border-left: 0px solid #ff5252;

    top: 20px;

    left: 82px;

    height: 4px;

    width: 10px;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

}



.special-products .products li .thumbnail-container .product-counter {

    position: absolute;

    top: auto;

    bottom: 5px;

    left: 0px;

    right: 0px;

    padding: 0;

    -webkit-transition: all 500ms ease 0s;

    -moz-transition: all 500ms ease 0s;

    -o-transition: all 500ms ease 0s;

    transition: all 500ms ease 0s;

}



.special-products .products .product_list li.item:hover .thumbnail-container .product-counter {

    opacity: 0;

}



.special-products .products li .thumbnail-container .product-counter .end-deal {

    display: none;

}



.special-products .pspc-main {

    border: 1px solid #ddd;

    background-color: #fff;

    position: relative;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    padding: 2px;

}



#product .pp-right-column .product-information .product-description {

    margin-bottom: 10px;

}



#product .pp-right-column .product-information .product-counter {

    padding: 0;

    margin-bottom: 17px;

}



#product .pp-right-column .product-information .product-counter .end-deal {

    color: #f00;

    margin: 10px 0;

    display: block;

    width: auto;

    display: none;

}



.special-products .pspc-main .time {

    height: 15px;

    width: 40px;

}



.special-products .pspc-main .time::before {

    right: -4px;

    top: 8px;

    color: #ff5252;

    line-height: 6px;

}



.special-products .pspc-main .count {

    font-size: 14px;

    font-weight: 500;

    color: #ff5252;

    left: 0;

    top: 0px;

}



.special-products .pspc-main::before {

    content: " ";

    background-position: center;

    padding: 6px 9px;

    margin-inline-start: 8px;

    -webkit-mask-size: 16px;

    mask-size: 16px;

    -webkit-mask-repeat: no-repeat;

    mask-repeat: no-repeat;

    mask-position: center;

    -webkit-mask-position: center;

    background-color: #ff5252;

    -webkit-mask-image: url(../img/codezeel/time.svg);

    mask-image: url(../img/codezeel/time.svg);

}



.special-products .pspc-main .label {

    font-size: 14px;

    color: #000000;

    text-align: right;

    top: 0;

    left: -3px;

    padding-left: 0;

    position: absolute;

    display: none;

    font-weight: 500;

}



#product .pp-right-column .product-information .pspc-main .time {

    margin: 0 3px;

    display: inline-block;

    text-align: center;

    position: relative;

    height: 57px;

    width: 60px;

    max-width: 7em;

    background: #ffffff;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border: 1px solid #e5e5e5;

}



#product .pp-right-column .product-information .pspc-main .time:first-child {

    margin-inline-start: 0;

}



#product .pp-right-column .product-information .pspc-main .count {

    color: #000000;

    font-size: 17px;

    font-weight: 600;

    letter-spacing: .49px;

    line-height: 28px;

    padding-top: 6px;

    text-align: center;

    bottom: auto;

}



#product .pp-right-column .product-information .pspc-main .time.seconds {

    /* background-color: #ff5252;

    border-color: #ff5252; */

}



#product .pp-right-column .product-information .pspc-main .time.seconds .count,

#product .pp-right-column .product-information .pspc-main .time.seconds .label {

    /* color: #fff; */

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

}



#product .pp-right-column .product-information .pspc-main .label {

    display: block;

    font-size: 12px;

    text-transform: capitalize;

    position: absolute;

    top: 28px;

    left: 0;

    width: 100%;

    color: #555;

    font-weight: 500;

    letter-spacing: .5px;

}



#product .pp-right-column .product-information .pspc-main .time::before {

    display: none;

}



@media(max-width: 767px) {

    .special-products .products li:hover .thumbnail-container .product-counter {

        bottom: 10px;

    }



    .special-products .products li .thumbnail-container .product-counter {

        display: none;

    }

}



@media(max-width: 420px) {

    .special-products .products li .thumbnail-container .product-counter {

        display: none;

    }

}



@media (max-width: 991px) {

    .product-tabcontent {

        margin-top: 35px;

    }



    #productCommentsBlock .products-section-title {

        margin-bottom: 10px;

    }



    .special-products .pspc-main .label {

        position: static;

        display: none;

    }



    .featured-products,

    .newproducts,

    .bestseller-products,

    .special-products,

    .viewed-products,

    .crosssell-products,

    .product-accessories,

    .productscategory-products {

        margin-top: 35px;

    }

}



/***** Products Design ****/

.products .products {

    display: -webkit-box;

    display: -moz-box;

    display: box;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flexbox;

    -js-display: flex;

    display: flex;

    -webkit-box-lines: multiple;

    -moz-box-lines: multiple;

    box-lines: multiple;

    -webkit-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: start;

    -moz-box-pack: start;

    box-pack: start;

    -webkit-justify-content: flex-start;

    -moz-justify-content: flex-start;

    -ms-justify-content: flex-start;

    -o-justify-content: flex-start;

    justify-content: flex-start;

    -ms-flex-pack: start;

}



.products .product-thumbnail {

    background: #fff;

    text-align: center;

    display: block;

}



.products .product-thumbnail img {

    margin: 0 auto;

    position: relative;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

    max-width: 100%;

    height: auto;

}



.products .product-thumbnail img.fliper_image {

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    opacity: 0;

    filter: alpha(opacity=0);

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

}



.products .product_list li .product-description .brand-title a {

    color: #777;

    font-size: 13px;

}



.products .product_list li .product-description .brand-title a:hover {

    color: #ff5252;

}



.products .product-title {

    margin-bottom: 5px;

    font-weight: 400;

    width: 100%;

    margin-top: 0px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    overflow: hidden;

    font-size: 14px;

    line-height: 19px;

}



.products .product-title a {

    text-transform: initial;

}



.products .thumbnail-container {

    position: relative;

    margin-bottom: 0px;

    overflow: hidden;

    padding: 0;

    width: auto;

    -webkit-border-radius: 5px 5px 0 0;

    -moz-border-radius: 5px 5px 0 0;

    -ms-border-radius: 5px 5px 0 0;

    -o-border-radius: 5px 5px 0 0;

}



.products .thumbnail-container:hover .highlighted-informations:after {

    opacity: 1;

    filter: alpha(opacity=100);

}



.products .product-description .comments_note {

    display: block;

    margin-bottom: 12px;

}



.products .thumbnail-container:hover .highlighted-informations.no-variants {

    bottom: 4.375rem;

}



.products .product_list {

    width: 100%;

    margin: 0;

    border: 1px solid #e5e5e5;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

}



.products .product_list.grid {

    float: left;

    width: 100%;

}



.special-products .products .product_list {

    border-width: 2px;

    border-color: #ff5252;

}



.products .product_list li.product_item,

.products .product_list li.item {

    padding: 0;

}



.products .product_list.grid li .product-miniature {

    border-bottom: 1px solid #e5e5e5;

    margin-inline-end: -1px;

    margin-bottom: -1px;

    border-inline-end: 1px solid #e5e5e5;

}



#index .products .product_list.grid li .product-miniature,

#cart .products .product_list.grid li .product-miniature,

#order-confirmation .products .product_list.grid li .product-miniature {

    margin-inline-end: -2px;

}



.products .product_list li .product-miniature {

    position: relative;

    z-index: 5;

    padding: 10px;

}



.products .product_list.owl-carousel li .product-miniature {

    border-inline-end: 1px solid #e5e5e5;

}



.products .product_list.owl-carousel .last li .product-miniature {

    margin-inline-end: -1px;

}



.products .product_list.gridcount.list li.product_item,

.products .product_list.gridcount.list li.item {

    /* padding-top: 0; */

    padding-bottom: 0;

    margin-bottom: -1px;

    border-bottom: 1px solid #e5e5e5;

}



/* #products .products .product_list li.product_item, 

.products .product_list li.item {

	padding-bottom: 20px;

} */

.products .product_list li .outer-functional,

.products .product_list.grid .product_item .outer-functional .outer-functional {

    position: absolute;

    top: -30px;

    right: 5px;

    z-index: 8;

    -webkit-transition: all 500ms ease 0s;

    -moz-transition: all 500ms ease 0s;

    -o-transition: all 500ms ease 0s;

    transition: all 500ms ease 0s;

    opacity: 0;

    filter: alpha(opacity=0);

}



.products .product_list li:hover .outer-functional,

.products .product_list.grid .product_item .outer-functional .outer-functional {

    top: 0px;

    opacity: 1;

    filter: alpha(opacity=100);

}



.products .product-miniature .wishlist .st-wishlist-button,

.products .product_list li .outer-functional .functional-buttons .compare a {

    padding: 0;

    font-size: 0;

    border: 1px solid #ddd;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    -khtml-border-radius: 50px;

    -moz-border-radius: 50px;

    transition: none;

}



.products .product-miniature .wishlist span.st-wishlist-bt-content .fa.fa-heart {

    display: none;

}



.products .product_list li .outer-functional .wishlist,

.products .product_list li .outer-functional .compare,

.products .product_list li .outer-functional .quickview,

.products .product_list li .product-actions {

    background-color: #fff;

    border: 1px solid #ddd;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    -khtml-border-radius: 50px;

    -moz-border-radius: 50px;

    margin: 5px 0;

}



.products .product_list li .outer-functional .wishlist,

.products .product_list li .outer-functional .compare {

    border: none;

}



.products .product_list li .outer-functional .wishlist:hover,

.products .product_list li .outer-functional .compare:hover,

.products .product_list li .outer-functional .quickview:hover,

.products .product_list li .product-actions:hover {

    background-color: #ff5252;

    border-color: #ff5252;

}



.products .product-miniature .wishlist span.st-wishlist-bt-content {

    mask-image: url(../img/codezeel/wishlist.svg);

    -webkit-mask-image: url(../img/codezeel/wishlist.svg);

    height: 35px;

    width: 35px;

    display: inline-block;

    -webkit-mask-size: 24px;

    mask-size: 24px;

    -webkit-mask-repeat: no-repeat;

    mask-repeat: no-repeat;

    mask-position: center;

    -webkit-mask-position: center;

    background-color: #000000;

    transition: none;

    padding: 0;

}



.products .product-miniature .wishlist .st-wishlist-button.added,

.products .product_list li .outer-functional .functional-buttons .compare a.added {

    border-radius: 50px;

    -webkit-border-radius: 50px;

    -khtml-border-radius: 50px;

    -moz-border-radius: 50px;

    background-color: #ff5252;

    border-color: #ff5252;

}



.products .product-miniature .wishlist .st-wishlist-button:hover,

.products .product_list li .outer-functional .functional-buttons .compare a:hover {

    border-color: #ff5252;

}



.products .product-miniature .wishlist .st-wishlist-button.added span.st-wishlist-bt-content,

.products .product_list li .outer-functional .functional-buttons .compare a.added .st-compare-bt-content {

    background-color: #fff;

}



.product-miniature .thumbnail-container .wishlist .dropdown .dropdown-menu {

    right: 0;

    left: auto;

}



.product-miniature .thumbnail-container .wishlist .dropdown .dropdown-menu .dropdown-item {

    text-transform: capitalize;

}



.products .product_list li .outer-functional .functional-buttons .compare a .st-compare-bt-content {

    mask-image: url(../img/codezeel/compare.svg);

    -webkit-mask-image: url(../img/codezeel/compare.svg);

    height: 35px;

    width: 35px;

    display: inline-block;

    transition: none;

    -webkit-mask-size: 18px;

    mask-size: 18px;

    -webkit-mask-repeat: no-repeat;

    mask-repeat: no-repeat;

    mask-position: center;

    -webkit-mask-position: center;

    background-color: #000000;

}



.products .product_list li .outer-functional .quickview a {

    font-size: 0;

    height: 35px;

    width: 35px;

    mask-image: url(../img/codezeel/quick-view.svg);

    -webkit-mask-image: url(../img/codezeel/quick-view.svg);

    display: inline-block;

    transition: none;

    -webkit-mask-size: 15px;

    mask-size: 15px;

    -webkit-mask-repeat: no-repeat;

    mask-repeat: no-repeat;

    mask-position: center;

    -webkit-mask-position: center;

    background-color: #000000;

    text-align: center;

    vertical-align: middle;

}



.products .product-miniature .wishlist:hover span.st-wishlist-bt-content,

.products .product_list li .outer-functional .functional-buttons .compare:hover a .st-compare-bt-content,

.products .product_list li .outer-functional .quickview:hover a {

    background-color: #fff;

}



.products .product_list li .quick-view .material-icons {

    display: none;

    font-size: 20px;

    margin: 7px 10px;

    color: #ffffff;

}



.products .product_list li .quick-view .material-icons {

    display: none;

    font-size: 20px;

    margin: 7px 10px;

    color: #ffffff;

}



ul li .product-flags .new {

    opacity: 0;

    filter: alpha(opacity=0);

    background: #44b367;

    transform: translateX(-5px);

    -webkit-transform: translateX(-5px);

    -ms-transform: translateX(-5px);

    -o-transform: translateX(-5px);

    -moz-transform: translateX(-5px);

}



ul.product-flags li.on-sale {

    opacity: 1;

    filter: alpha(opacity=100);

    -webkit-transition: all 500ms ease 0s;

    -moz-transition: all 500ms ease 0s;

    -o-transition: all 500ms ease 0s;

    transition: all 500ms ease 0s;

    background: #ef2d2d;

    display: none;

}



.products .product_list li.item:hover .on-sale,

.products .product_list li.product_item:hover .on-sale {

    opacity: 0;

    filter: alpha(opacity=0);

    left: -10px;

}



.products .product_list li.item:hover .thumbnail-container .product-thumbnail .fliper_image,

.products .product_list li.product_item:hover .thumbnail-container .product-thumbnail .fliper_image {

    opacity: 1;

    filter: alpha(opacity=100);

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -ms-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

}



.products .product_list li.item:hover .product-flags .new,

.products .product_list li.product_item:hover .product-flags .new {

    opacity: 1;

    filter: alpha(opacity=100);

    transform: translateX(0);

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    -moz-transform: translateX(0);

}



div#mycompare .products .product-miniature ul.product-flags li.product-flag.on-sale {

    opacity: 1;

    filter: alpha(opacity=100);

    -webkit-transition: all 500ms ease 0s;

    -moz-transition: all 500ms ease 0s;

    -o-transition: all 500ms ease 0s;

    transition: all 500ms ease 0s;

}



div#mycompare .products .product-miniature:hover ul.product-flags li.product-flag.on-sale {

    opacity: 0;

    filter: alpha(opacity=0);

}



div#mycompare .products .product-miniature ul.product-flags li.product-flag.new {

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transition: all 500ms ease 0s;

    -moz-transition: all 500ms ease 0s;

    -o-transition: all 500ms ease 0s;

    transition: all 500ms ease 0s;

}



div#mycompare .products .product-miniature:hover ul.product-flags li.product-flag.new {

    opacity: 1;

    filter: alpha(opacity=100);

    -webkit-transition: all 500ms ease 0s;

    -moz-transition: all 500ms ease 0s;

    -o-transition: all 500ms ease 0s;

    transition: all 500ms ease 0s;

}



.st-modal-compare h5.modal-title,

.st-modal-wishlist h5.modal-title {

    font-size: 15px !important;

}



#view_wishlist #products .products .product-flags .new {

    display: none;

}



#products .products .product_list.list li .center-block .product-actions {

    bottom: 0;

    transform: none;

    display: inline-block;

}



#products .products .product_list.list li .product-actions .add-to-cart {

    border: 0;

    font-size: 14px;

    min-width: 140px;

    padding: 10px 13px;

    color: #fff;

    display: inline-block;

    max-width: 100%;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    box-shadow: none;

    mask-image: none;

    -webkit-mask-image: none;

    background-color: #ff5252;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

    width: auto;

    height: auto;

}



#products .products .product_list.list li .product-actions .add-to-cart:hover {

    background-color: #000000;

}



.products .product_list.list li .btn.add-to-cart:hover {

    background-image: none;

}



#products .products .product_list.list li .center-block .product-actions {

    transform: none;

    position: static;

    opacity: 1;

    filter: alpha(opacity=100);

    margin: 0;

    background-color: transparent;

    border: 0;

}



#products .products .product_list.list li:hover .center-block .product-actions {

    margin: 0;

}



.products .product_list.list li .btn.add-to-cart:before {

    content: none;

}



.products .product-price-and-shipping {

    font-weight: 700;

    font-size: 15px;

    line-height: 20px;

    color: #ff5252;

    -webkit-transition: all 500ms ease 0s;

    -moz-transition: all 500ms ease 0s;

    -o-transition: all 500ms ease 0s;

    transition: all 500ms ease 0s;

    letter-spacing: 0;

}



#product_comparison .product-miniature .discount-percentage {

    color: #f00;

}



.products .variant-links {

    width: 100%;

    line-height: 16px;

    opacity: 1;

    filter: alpha(opacity=100);

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

}



.products .product_list li.item:hover .highlighted-informations .variant-links,

.products .product_list li.product_item:hover .highlighted-informations .variant-links {

    opacity: 1;

    filter: alpha(opacity=100);

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

}



.products .variant-links .color {

    width: 16px;

    height: 16px;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    -ms-border-radius: 50px;

    -o-border-radius: 50px;

    border-radius: 50px;

    margin: 0 0px 0 0;

}



.products .product_list li.item .highlighted-informations,

.products .product_list li.product_item .highlighted-informations {

    position: absolute;

    text-align: left;

    bottom: 0;

    left: 10px;

    z-index: 3;

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transition: all 500ms ease 0s;

    -moz-transition: all 500ms ease 0s;

    -o-transition: all 500ms ease 0s;

    transition: all 500ms ease 0s;

    right: 0;

}



.products .product_list li.item:hover .highlighted-informations,

.products .product_list li.product_item:hover .highlighted-informations {

    opacity: 1;

    filter: alpha(opacity=100);

}



.products .product-detail {

    display: none;

}



.products .product_list li.item .product-description,

.products .product_list.grid .product_item .product-description {

    padding: 5px 10px 5px;

    min-height: 143px;

    text-align: left;

}



.products .product-description .brand-title {

    margin-bottom: 4px;

}



.products .product_list li .product-description .product-actions,

.products .product_list.grid .product_item .product-description .product-actions {

    margin-top: 15px;

}



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



.products li .thumbnail-container .home-carousel-slider .home_customNavigation {

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

}



.products li:hover .thumbnail-container .home-carousel-slider .home_customNavigation {

    opacity: 1;

    filter: alpha(opacity=100);

}



.products .thumbnail-container .home-carousel-slider .home_customNavigation {

    position: absolute;

    width: 100%;

    top: 43%;

    z-index: 9;

    direction: ltr !important;

}



.products .thumbnail-container .home-carousel-slider .home_customNavigation a {

    font-size: 0;

    position: absolute;

    font-weight: 400;

    height: 25px;

    width: 25px;

    line-height: 25px;

    padding: 0px;

    color: #ffffff;

    cursor: pointer;

    overflow: hidden;

    -webkit-transition: none;

    -moz-transition: none;

    -o-transition: none;

    transition: none;

    border: 0;

    background: #9a9797;

    text-transform: capitalize;

    z-index: 9;

    border-radius: 50%;

}



.products .thumbnail-container .home-carousel-slider .home_customNavigation a.prev {

    left: 10px;

}



.products .thumbnail-container .home-carousel-slider .home_customNavigation a.next {

    right: 10px;

}



.products .thumbnail-container .home-carousel-slider .home_customNavigation a:before {

    content: "";

    font-size: 20px;

    font-family: "FontAwesome";

    color: #ffffff;

    font-weight: 300;

    position: absolute;

    height: 25px;

    width: 25px;

    left: 0;

    right: 0;

    text-align: center;

}



.products .thumbnail-container .home-carousel-slider .home_customNavigation a.prev:before {

    content: "\f104";

}



.products .thumbnail-container .home-carousel-slider .home_customNavigation a.next:before {

    content: "\f105";

}



ul.product-flags li.discount {

    background: #ef2d2d;

}



.products .product_list li.item .product-miniature .discount-product,

.products .product_list li.product_item .product-miniature .discount-product,

#left-column .products-block ul li .discount-product,

#right-column .products-block ul li .discount-product {

    display: none;

}



#czcategorytabs .products .product_list li.item .product-miniature .discount-product {

    display: none;

}



.products .product_list li.item .product-miniature .discount-product span,

.products .product_list li.product_item .product-miniature .discount-product span {

    display: none;

}



#products .products .product_list.list li.product_item .product-miniature .thumbnail-container .discount-percentage,

#products .products .product_list.list li.product_item .product-miniature .thumbnail-container .discount-product {

    display: none;

}



.products .product_list.list li .product-price-and-shipping .discount-product,

.products .product_list.list li.product_item .product-price-and-shipping .discount-product {

    position: static;

    opacity: 1;

    padding: 0;

    border: 0;

    vertical-align: top;

    padding: 0 5px;

    font-size: 13px;

    display: inline-block;

    display: none;

}



.product_list.list li.product_item .product-price-and-shipping .discount-product {

    background-color: transparent;

    color: #f00;

    line-height: 19px;

}



.product_list.list li.product_item .product-price-and-shipping .discount-product::after {

    display: none;

}



.products .regular-price {

    display: inline-block;

    text-decoration: line-through;

    font-size: 15px;

    vertical-align: top;

    padding-right: 5px;

    color: #888;

    font-weight: 400;

}



#products .products .product_list.list li.product_item .product-price-and-shipping .regular-price,

#products .products .product_list.list li.product_item .product-price-and-shipping .price {

    font-size: 15px;

}



#newproduct_block_toggle .products .regular-price {

    font-size: 14px

}



#newproduct_block_toggle .products .price {

    padding: 0;

}



.products .count {

    color: #808080;

    font-weight: 500;

    position: relative;

    bottom: 0.5rem;

}



.products .view_more {

    position: absolute;

    top: 20px;

    left: auto;

    right: 20px;

}



.products .view_more .btn-primary {

    padding: 0;

    background-color: transparent;

    color: #000000;

    text-decoration: underline;

    border-radius: unset;

}



.products .view_more .btn-primary:hover {

    text-decoration: none;

    -webkit-transition: all 500ms ease 0s;

    -moz-transition: all 500ms ease 0s;

    -o-transition: all 500ms ease 0s;

    transition: all 500ms ease 0s;

}



#products .products .product_list.list li .product-title a {

    font-size: 15px;

}



.products-wrapper,

.featured-products-wraper,

.bestseller-products .bestseller-products-wraper,

.product-accessories .product-accessories-wrapper {

    margin: 0;

}



.blockreassurance_product p {

    padding: 0;

}



#cart .featured-products .products {

    width: 100%;

    margin: 0;

    float: none;

}



.products .product_list.list li .comments_note {

    opacity: 1;

    filter: alpha(opacity=100);

    margin-top: 3px;

    margin-bottom: 12px;

}



.layout-left-column #content-wrapper #products #search_widget button {

    font-size: 0;

    height: 45px;

}



/**** List view ****/

#products .products {

    margin-bottom: 15px;

    position: relative;

    margin: 0px;

}



/* #products .products .product_list.list li.product_item {

	padding: 10px 15px;

} */

#products .products .product_list.list li.product_item:hover .product-miniature {

    box-shadow: none;

    margin: 0;

}



#products .products .product_list.list li.product_item .thumbnail-container .product-thumbnail {

    margin-bottom: 0px;

}



#products .products .product_list.list li.product_item .thumbnail-container .product-actions {

    display: none !important;

}



#products .products .product_list.list li .highlighted-informations {

    display: block !important;

    margin-bottom: 7px;

    position: static;

    opacity: 1;

    filter: alpha(opacity=100);

    text-align: left;

}



.products .product_list.list li .product-actions:after {

    border: 0;

}



#products .products .product_list.list li .thumbnail-container .highlighted-informations {

    display: none !important;

}



#products .products .product_list li.product_item .thumbnail-container .product-availability {

    display: none;

}



#products .products .product_list.list .thumbnail-container {

    margin-bottom: 0;

    width: 19.6%;

}



#products .products .product_list.list li .center-block {

    padding-top: 10px;

    width: 80.2%;

    padding-inline-start: 20px;

    padding-inline-end: 10px;

    padding-bottom: 10px;

}



#products .products .product_list.list li .variant-links {

    padding-top: 0px;

    display: inline-block;

    width: auto;

    vertical-align: text-top;

    opacity: 1;

    margin-right: 3px;

}



#products .products .product_list.list li:hover.product_item .variant-links {

    opacity: 1;

}



#products .products .product_list.list li .button-container {

    margin-top: 5px;

}



#products .products .product_list.list li .product-title {

    padding-bottom: 0px;

    margin-bottom: 3px;

}



#products .products .product_list.list li .product-detail {

    margin-top: 7px;

    line-height: 22px;

    display: block;

}



#products .products .product_list.list li .product-detail p {

    margin-bottom: 8px;

}



#products .products .product_list.list li.product_item .product-miniature {

    float: left;

    width: 100%;

    /* padding: 10px 15px; */

}



@media (max-width: 1659px) {

    .special-products .pspc-main .time {

        width: 40px;

    }

}



@media (max-width:1459px) {

    #products .products .product_list.list .thumbnail-container {

        width: 23.5%;

    }



    #products .products .product_list.list li .center-block {

        width: 76.5%;

    }



    .products .product_list li .quick-view {

        width: 40px;

    }



    .special-products .pspc-main .time {

        width: 35px;

    }

}



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

    .checkout.cart-detailed-actions a.btn.btn-primary {

        min-width: auto;

        padding: 6px 10px;

        font-size: 14px;

    }



    .checkout.cart-detailed-actions {

        padding: 14px 0px;

    }

}



@media (max-width: 1199px) {

    .products {

        margin-bottom: 0px;

    }

}



@media (max-width: 991px) {

    .cz-hometabcontent {

        padding-top: 20px;

        padding-bottom: 30px;

    }



    .special-products .pspc-main .time {

        width: 32px;

    }



    .products .view_more {

        top: 10px;

    }

}



@media (max-width: 767px) {

    .cz-hometabcontent .products-section-title {

        text-align: center;

        margin-bottom: 20px;

    }



    #products .products .product_list.list li .product-title {

        white-space: inherit;

    }



    .products .product_list li .outer-functional .functional-buttons .wishlist a:after,

    .products .product_list li .outer-functional .functional-buttons .compare a:after {

        left: 27px;

    }



    .products .product_list li .outer-functional .quickview {

        display: none;

    }

}



@media (max-width: 650px) {

    #header #czwelcomecmsblock {

        display: none;

    }



    #mobile_top_menu_wrapper .mobile-menu-inner #czwelcomecmsblock {

        display: block;

        text-align: left;

        background: transparent;

        color: #000000;

    }

}



@media (max-width: 575px) {

    #products .products .list li.product_item .center-block {

        width: 100%;

        text-align: center;

        padding-inline-start: 5px;

        padding-inline-end: 5px;

    }



    #products .products .list li.product_item.col-sm-6,

    #products .products .list li.product_item.col-md-6 {

        width: 50%;

    }



    #products .products .list li.item.col-sm-6 {

        width: 50%;

    }



    #products .products .product_list.list .thumbnail-container {

        width: auto;

        max-width: 212px;

        margin: 0 auto;

        float: none;

    }



    #products .products .product_list.list li.product_item .product-miniature {

        max-width: 100%;

        border: 0;

    }



    .products .product_list.list li .outer-functional {

        float: none;

    }



    .products .product_list.list li .product-actions {

        text-align: center;

        float: none;

    }



    .products .product_list.list li .comments_note {

        margin-bottom: 6px;

        text-align: center;

        display: inline-block;

    }



    #products .products .product_list.list li.product_item {

        width: 100%;

    }



    .products .product-title {

        margin-top: 0px;

    }



    #products .products .product_list.list li .highlighted-informations {

        text-align: center;

    }

}



@media (min-width: 1460px) {



    .products .product_list li.product_item.col-lg-3,

    .products .product_list li.item.col-lg-3,

    .products .product_list li.col-md-6 {

        width: 16.66%;

    }



    .products .product_list li.product_item.col-lg-4 {

        width: 20%;

    }

}



@media (min-width: 1560px) {

    #index .special-products .products .product_list li.product_item.col-lg-3 {

        width: 16.66%;

    }

}



@media (min-width: 1200px) {

    #footer #links_block_left #cz_blocklink {

        overflow: hidden;

    }



    #footer #links_block_left ul li:first-child {

        padding-inline-start: 0;

    }

}



@media (max-width: 1459px) and (min-width: 1200px) {



    .products .product_list li.product_item.col-lg-3,

    .products .product_list li.item.col-lg-3 {

        width: 20%;

    }



    .products .product_list li.product_item.col-md-6 {

        width: 20%;

    }



    #index .special-products .products .product_list li.product_item.col-lg-3,

    #cart .featured-products .products .product_list li.col-lg-3,

    .product-accessories .products .product_list li.col-lg-3 {

        width: 20%;

    }



    .products .product_list li.product_item.col-md-6 {

        width: 25%;

    }

}



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



    .products .product_list li.product_item.col-md-4,

    .products .product_list li.product_item.col-md-6 {

        width: 25%;

    }

}



@media (max-width: 576px) and (min-width: 321px) {

    .products .product_list li.product_item {

        width: 50%;

        float: left;

    }



    .products .product_list li.product_item.col-md-4,

    .products .product_list li.product_item.col-md-6 {

        width: 50%;

    }

}



@media (max-width: 767px) and (min-width: 576px) {

    #products .products .product_list.list .thumbnail-container {

        width: 32%;

    }



    #products .products .product_list.list li .center-block {

        width: 68%;

    }

}



@media (max-width: 767px) and (min-width: 381px) {

    .products .product_list.list li.product_item {

        width: 100%;

    }

}



@media (max-width: 767px) and (min-width: 576px) {



    .products .product_list li.product_item.col-md-4,

    .products .product_list li.product_item.col-md-6 {

        width: 33.33%;

    }

}



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

    #products .products .product_list.list li .center-block {

        width: 74.2%;

    }



    #products .products .product_list.list .thumbnail-container {

        width: 25.8%;

    }



    #products .products .product_list.list li.product_item {

        width: 100%;

    }

}



@media (min-width: 601px) and (max-width: 767px) {



    #index .products .product_list li.item.col-lg-3,

    #index .products .product_list li.product_item.col-lg-3 {

        width: 33.33%;

    }

}



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



    #index .products .product_list li.item.col-lg-3,

    #index .products .product_list li.product_item.col-lg-3 {

        width: 25%;

    }

}



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



    .products .product_list li.product_item.col-lg-3,

    .products .product_list li.item.col-lg-3 {

        width: 25%;

    }



    #products .products .product_list.list .thumbnail-container {

        width: 31.5%;

    }



    #products .products .product_list.list li .center-block {

        width: 68.5%;

    }



    #index .special-products .products .product_list li.product_item.col-lg-3,

    #cart .featured-products .products .product_list li.col-lg-3,

    .product-accessories .products .product_list li.col-lg-3 {

        width: 25%;

    }

}



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

    #products .products .product_list li.product_item {

        width: 33.333%;

    }



    #products .products .product_list.list li.product_item {

        width: 100%;

    }

}



/************ Manufacture list page ****************/

@keyframes swing {

    20% {

        transform: rotate3d(0, 0, 1, 15deg);

    }



    40% {

        transform: rotate3d(0, 0, 1, -10deg);

    }



    60% {

        transform: rotate3d(0, 0, 1, 5deg);

    }



    80% {

        transform: rotate3d(0, 0, 1, -5deg);

    }



    to {

        transform: rotate3d(0, 0, 1, 0deg);

    }

}



.brands {

    text-align: center;

    clear: both;

    float: left;

    width: 100%;

    padding-top: 70px;

}



.brands .products .product_list li.product_item,

.brands .products .product_list li.item {

    padding: 10px;

}



.brands .products {

    padding-bottom: 70px;

    border-bottom: 1px solid #e5e5e5;

}



.brands .customNavigation {

    width: 100%;

    top: 20%;

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

}



.brands .customNavigation a {

    position: absolute;

}



.brands .customNavigation a.prev {

    left: 0px;

}



.brands .customNavigation a.next {

    right: -20px;

    padding: 0;

}



.products #brand-carousel {

    padding: 0;

    border: 0;

}



.brands .container {

    position: relative;

}



.brands .products .product_list li.product_item {

    padding: 25px 15px;

    margin: 0;

    cursor: pointer;

    float: none;

    display: inline-block;

    width: 16.4%;

}



.brands .products .product_list li img {

    max-width: 100%;

}



.brands .products .product_list li:hover img {

    animation-duration: 0.8s;

    animation-timing-function: linear;

    animation-name: "swing";

    webkit-animation-duration: 0.8s;

    -webkit-animation-timing-function: linear;

    -webkit-animation-name: "swing";

    -moz-animation-duration: 0.8s;

    -moz-animation-timing-function: linear;

    -moz-animation-name: "swing";

}



.brands .product-title {

    margin-top: 15px;

}



.brands:hover .customNavigation {

    opacity: 1;

    filter: alpha(opacity=100);

}



#brand_list .brand.col-xs-12 {

    padding: 0;

}



#brand_list li.brand .brand-inner {

    padding: 31px 20px 30px 20px;

    margin-bottom: 25px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    border: 1px solid #e5e5e5;

}



#brand_list li.brand .brand-inner .brand-img {

    text-align: center;

    margin-bottom: 10px;

}



#brand_list li.brand .brand-inner .brand-img img {

    max-width: 100%;

    padding: 0 30px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    border: 1px solid #e5e5e5;

}



#brand_list li.brand .brand-inner .product-title {

    font-weight: 500;

    font-size: 15px;

}



#brand_list li.brand .brand-inner .brand-infos {

    padding-left: 0;

}



.brand-inner .row>div.middle-side {

    flex: 1;

    display: grid;

    justify-content: center;

    align-self: center;

    justify-items: flex-start;

}



.brand-inner .row {

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-direction: row;

    gap: 20px;

}



.brand-inner .row>div {

    width: auto;

}



#brand_list li.brand .brand-inner .brand-products {

    border-inline-start: 1px solid #e5e5e5;

    padding: 0 0 15px 0px;

    min-height: 108px;

    padding-inline-start: 30px;

}



#custom-text {

    background: white;

    border-radius: 2px;

    margin-bottom: 1.5rem;

    padding: 3.125rem 3.125rem;

    text-align: center;

}



#custom-text h3 {

    text-transform: uppercase;

    color: #000000;

    font-size: 1.5625rem;

    font-weight: 500;

}



#custom-text p {

    color: #000000;

    font-weight: 400;

    font-size: 1.1em;

}



#custom-text p .dark {

    color: #878787;

    font-weight: 500;

}



.page-content.page-cms {

    text-align: justify;

}



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

    max-width: 100%;

}



@media (max-width: 991px) {

    #block-cmsinfo {

        padding: 1.25rem 1.875rem;

    }



    .brands .products {

        padding-bottom: 35px;

    }



    .brands .customNavigation a.prev {

        left: 30px;

    }



    .brands .customNavigation a.next {

        right: 0;

    }

}



/* #products {

	color: #808080;

} */

#products .products-select {

    display: -webkit-box;

    display: -moz-box;

    display: box;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flexbox;

    -js-display: flex;

    display: flex;

    -webkit-box-align: baseline;

    -moz-box-align: baseline;

    box-align: baseline;

    -webkit-align-items: baseline;

    -moz-align-items: baseline;

    -ms-align-items: baseline;

    -o-align-items: baseline;

    align-items: baseline;

    -ms-flex-align: baseline;

    -webkit-box-pack: justify;

    -moz-box-pack: justify;

    box-pack: justify;

    -webkit-justify-content: space-between;

    -moz-justify-content: space-between;

    -ms-justify-content: space-between;

    -o-justify-content: space-between;

    justify-content: space-between;

    -ms-flex-pack: justify;

}



#products .up {

    margin-bottom: 1rem;

}



#products .up .btn-secondary,

#products .up .btn-tertiary {

    color: #878787;

    text-transform: inherit;

}



#products .up .btn-secondary .material-icons,

#products .up .btn-tertiary .material-icons {

    margin-right: 0;

}



.block-category {

    margin-bottom: 15px;

    background: none;

    box-shadow: none;

    border: none;

    padding: 0;

}



.block-category #category-description p {

    margin: 0;

    padding-bottom: 10px;

    color: #000000 !important;

    border-bottom: 1px solid #ddd;

}



.block-category .category-cover {

    margin: 0 0 30px 0;

}



.block-category .category-cover img.lazyloaded {

    height: auto;

}



.block-category .category-cover img {

    max-width: 100%;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

}



.products-selection .sort-by {

    padding-top: 7px;

    white-space: nowrap;

    margin-right: -0.9375rem;

    margin-left: 0.9375rem;

    text-align: right;

    color: #000000;

    text-transform: capitalize;

}



.products-selection .total-products {

    padding: 6px 0 0;

    color: #000000;

}



.products-selection .total-products p {

    margin-bottom: 0px;

}



.products-selection h1 {

    padding-top: 0.625rem;

}



.products-selection .display {

    float: left;

    margin: 0 15px 0 0;

}



.products-selection .display li {

    float: left;

    text-align: center;

    border: 0;

}



.products-selection .display li#grid {

    margin-inline-end: 5px;

}



.products-selection .display li#grid a {

    background: url(../img/codezeel/sprite.png) no-repeat scroll -6px -2px transparent;

    height: 25px;

    float: left;

    width: 25px;

    -webkit-transition: all 500ms ease 0s;

    -moz-transition: all 500ms ease 0s;

    -o-transition: all 500ms ease 0s;

    transition: all 500ms ease 0s;

}



.products-selection .display li#grid:hover,

.products-selection .display li#grid.selected {

    border-color: #999999;

}



.products-selection .display li#grid:hover a,

.products-selection .display li#grid.selected a {

    background-position: -6px -31px !important;

    -webkit-transition: all 500ms ease 0s;

    -moz-transition: all 500ms ease 0s;

    -o-transition: all 500ms ease 0s;

    transition: all 500ms ease 0s;

}



.products-selection .display li#list a {

    background: url(../img/codezeel/sprite.png) no-repeat scroll -43px -2px transparent;

    height: 25px;

    width: 25px;

    float: right;

    -webkit-transition: all 500ms ease 0s;

    -moz-transition: all 500ms ease 0s;

    -o-transition: all 500ms ease 0s;

    transition: all 500ms ease 0s;

}



.products-selection .display li#list:hover,

.products-selection .display li#list.selected {

    border-color: #999999;

}



.products-selection .display li#list:hover a,

.products-selection .display li#list.selected a {

    background-position: -43px -31px !important;

    -webkit-transition: all 500ms ease 0s;

    -moz-transition: all 500ms ease 0s;

    -o-transition: all 500ms ease 0s;

    transition: all 500ms ease 0s;

}



.products-selection .display li a {

    font-size: 0px;

    line-height: 14px;

    cursor: pointer;

    -webkit-transition: all 500ms ease 0s;

    -moz-transition: all 500ms ease 0s;

    -o-transition: all 500ms ease 0s;

    transition: all 500ms ease 0s;

}



.products-selection .display li.selected a {

    cursor: default;

}



.products-sort-order {

    color: #000000;

    padding-inline-end: 0;

}



.products-sort-order .select-title {

    color: #000000;

    display: inline-block;

    width: 100%;

    background: #FFFFFF;

    padding: 6px 10px;

    cursor: pointer;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    border: 1px solid #e5e5e5;

    margin-bottom: -1px;

}



.products-sort-order .select-list {

    display: block;

    color: #000000;

    padding: 5px 10px;

    font-size: 14px;

}



.products-sort-order .select-list:hover {

    background: #ff5252;

    color: #fff;

    text-decoration: none;

}



.products-sort-order .dropdown-menu {

    right: 0;

    left: auto;

    width: 95.1%;

    background: #fff;

    z-index: 9;

    padding: 0;

    border-top: 0;

    margin-top: 0px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    border: none;

    padding: 10px 10px;

    border: 1px solid #e5e5e5;

}



.products-selection .products-sort-order .dropdown-backdrop {

    display: none;

}



#search_filters .facet {

    padding-bottom: 5px;

}



#search_filters .facet .collapse {

    display: block;

}



#search_filters .facet .facet-title {

    color: #000000;

    font-weight: 500;

    margin: 6px 0 12px;

    font-size: 14px;

    text-transform: capitalize;

    line-height: 20px;

}



#search_filters .facet .facet-label {

    margin-bottom: 0;

    font-weight: 400;

    text-align: left;

}



#search_filters .facet .facet-label a {

    display: inline-block;

}



#search_filters .facet .facet-label span.magnitude {

    text-align: right;

    float: right;

}



#search_filters .js-search-filters-clear-all {

    padding: 4px 11px;

    margin: 5px 0;

    background-color: #ffffff;

    color: #000000;

    text-transform: capitalize;

    font-weight: 500;

    border: 1px solid #ddd;

}



#search_filters .ui-slider-horizontal {

    margin-bottom: 15px;

}



#left-column #search_filters .ui-slider .ui-slider-handle {

    top: -9px !important;

    background: #fff;

    border: 2px solid #000000 !important;

    width: 20px !important;

    height: 20px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -khtml-border-radius: 50%;

    -moz-border-radius: 50%;

}



#left-column .block #search_filters .ui-slider-horizontal {

    width: 90%;

    height: .2em;

}



.pagination {

    width: 100%;

    padding: 5px 0px 5px;

}



.pagination>div:first-child {

    line-height: 2.5rem;

}



.pagination .page-list {

    margin-bottom: 0;

    float: right;

    margin-right: 0px;

}



.pagination .page-list li {

    float: left;

    margin: 0 0 0 2px;

    padding: 0px;

}



.pagination a {

    line-height: 28px;

    height: 35px;

    margin: 0;

    padding: 4px;

    width: 35px;

    color: #fff;

    background: #000000;

    display: block;

    font-weight: 500;

    text-align: center;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

}



.pagination a .material-icons {

    font-size: 28px;

    margin-left: -4px;

}



.pagination a:hover {

    color: #fff;

    background-color: #ff5252;

    text-decoration: none;

}



.pagination .next {}



.pagination .disabled {

    cursor: not-allowed;

}



.pagination .current a {

    color: #fff;

    background-color: #ff5252;

    text-decoration: none;

}



.pagination li.disabled>span {

    background-color: #ff5252;

    color: #fff;

}



.active_filters {

    margin-bottom: 10px;

}



.active_filters .active-filter-title {

    display: inline;

    margin-right: 10px;

    font-weight: 500;

    text-transform: capitalize;

    color: #000000;

    font-size: 15px;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -khtml-border-radius: 3px;

    -moz-border-radius: 3px;

}



.active_filters ul {

    display: inline;

}



.active_filters .filter-block {

    color: #000000;

    margin-right: 5px;

    margin-bottom: 2px;

    background: #ffffff;

    padding: 4px 10px;

    display: inline-block;

    font-size: 14px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    font-weight: 500;

    border: 1px solid #e5e5e5;

}



.active_filters .filter-block .close {

    color: #000000;

    font-size: 15px;

    opacity: 1;

    filter: alpha(opacity=100);

    margin-top: 6px;

    margin-left: 5px;

}



.block-categories .category-top-menu {

    margin-bottom: 0px;

}



.block-categories .category-sub-menu {

    margin-top: 0;

}



.block-categories .category-sub-menu li {

    position: relative;

    padding: 3px 0;

}



.block-categories .category-sub-menu li[data-depth="1"] {

    margin-left: 15px;

}



.block-categories .category-sub-menu li[data-depth="0"]>a {

    width: 100%;

    display: inline-block;

}



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

    content: "-";

    margin-right: 0.3125rem;

}



.block-categories .block_content .collapse-icons {

    position: absolute;

    right: 0;

    top: 5px;

    padding: 0;

    cursor: pointer;

    border: 0;

    width: auto;

    height: auto;

}



.block-categories .block_content .collapse-icons[aria-expanded="true"] .add {

    display: none;

}



.block-categories .block_content .collapse-icons[aria-expanded="true"] .remove {

    display: block;

}



.block-categories .block_content .collapse-icons .add {

    background: url(../img/codezeel/sprite.png) no-repeat scroll -4px -72px transparent;

    width: 16px;

    height: 16px;

    float: left;

}



.block-categories .block_content .collapse-icons .remove {

    background: url(../img/codezeel/sprite.png) no-repeat scroll -4px -101px transparent;

    width: 16px;

    height: 16px;

    float: left;

    display: none;

}



.block-categories .arrows .arrow-right,

.block-categories .arrows .arrow-down {

    font-size: 0.875rem;

    cursor: pointer;

    margin-left: 2px;

}



.block-categories .arrows .arrow-right:hover,

.block-categories .arrows .arrow-down:hover {

    color: #000;

}



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

}



.products-selection .filter-button .btn-secondary,

.products-selection .filter-button .btn-tertiary {

    padding: 4px;

}



.layout-left-column #content-wrapper {

    padding-right: 0px;

    padding-right: 0;

    padding-left: 15px;

}



.layout-right-column #content-wrapper {

    padding-left: 0px;

}



#left-column {

    padding-left: 0;

    padding-left: 0;

    padding-right: 15px;

}



#right-column {

    padding-right: 0;

}



#left-column a,

#right-column a {

    text-transform: capitalize;

}



#left-column .links,

#right-column .links {

    margin: 0 0 25px;

    background: #FFFFFF;

    border: 1px solid #e5e5e5;

    width: 100%;

    float: none;

}



#left-column .links .wrapper,

#right-column .links .wrapper {

    width: 100%;

    float: none;

    padding: 0px;

}



#left-column .links .h3,

#right-column .links .h3 {

    color: #000000;

    text-transform: uppercase;

    padding: 0 0 13px;

    font-size: 18px;

    font-weight: 500;

    line-height: 24px;

    margin: 0 0 10px 0;

    border-bottom: 2px solid #888888;

}



#left-column .block,

#right-column .block {

    background: #fff;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    margin-bottom: 30px;

    clear: both;

    border: 1px solid #e5e5e5;

}



#left-column .czleftbanner.block {

    border: 0;

}



#left-column .block .block_title,

#right-column .block .block_title {

    font-weight: 500;

    font-size: 17px;

    position: relative;

    color: #000000;

    padding: 10px 20px;

    line-height: 25px;

    margin: 0;

}



#left-column .block .block_content,

#right-column .block .block_content {

    padding: 10px 20px;

    border-top: 1px solid #e5e5e5;

}



#left-column .block .block_content.collapse,

#right-column .block .block_content.collapse {

    display: inherit;

}



#left-column .block .block_content ul,

#right-column .block .block_content ul {

    margin-bottom: 0px;

}



#left-column .block .block_content ul#facet_55175 {

    margin-bottom: 15px;

}



#left-column .products-block ul li,

#right-column .products-block ul li {

    padding: 7px 0;

    margin: 0;

    overflow: hidden;

    position: relative;

}



#left-column .products-block ul li .product-miniature:before,

#right-column .products-block ul li .product-miniature:before {

    content: none;

}



#left-column .products-block ul li .product_thumbnail,

#right-column .products-block ul li .product_thumbnail {

    float: left;

    margin-right: 10px;

    overflow: hidden;

    /* border-radius: 5px;

    -webkit-border-radius: 5px; */

}



#left-column .products-block ul li .product_thumbnail img,

#right-column .products-block ul li .product_thumbnail img {

    height: auto;

    max-width: 100%;

    width: 90px;

}



#left-column .products-block ul li .product-info,

#right-column .products-block ul li .product-info {

    overflow: hidden;

    min-height: 85px;

}



#left-column #newproduct_block ul li .product-miniature {

    border: 0;

    position: relative;

}



#left-column .products-block ul li .product-title,

#right-column .products-block ul li .product-title {

    margin-bottom: 2px;

}



#left-column #categories_blog_menu ul li ul {

    padding-left: 7px;

}



#left-column #categories_blog_menu ul li ul li::before {

    content: '-';

    padding-right: 7px;

}



#left-column #categories_blog_menu ul li ul li:hover::before {

    color: #ff5252;

}



#left-column .products-block ul li .product-info .brand-title,

#right-column .products-block ul li .product-info .brand-title {

    display: none;

}



#left-column .products-block ul li .product-info .comments_note div.star,

#right-column .products-block ul li .product-info .comments_note div.star {

    height: 20px;

}



#left-column .products-block ul li .product-title a,

#right-column .products-block ul li .product-title a {

    line-height: 20px;

}



#left-column .products-block ul li .product-price-and-shipping,

#right-column .products-block ul li .product-price-and-shipping {

    font-size: 14px;

}



#left-column .products-block ul li .discount-product,

#right-column .products-block ul li .discount-product {

    left: 7px;

    top: 5px;

    padding: 0px 4px;

    display: block;

    position: absolute;

    color: #fff;

    background-color: #f00;

    font-size: 11px;

    line-height: 17px;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -khtml-border-radius: 3px;

    -moz-border-radius: 3px;

    transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

}



#left-column .products-block ul li:hover .discount-product,

#right-column .products-block ul li:hover .discount-product {

    display: none;

}



#left-column .products .product-miniature .discount-percentage::after,

#left-column .products .product-miniature .discount-product::after {

    display: none;

}



#left-column .products-block .view_more,

#right-column .products-block .view_more {

    text-align: right;

    margin-bottom: 10px;

}



#left-column .products-block .view_more a,

#right-column .products-block .view_more a {

    color: #000000;

    background: none;

    border: 0;

    text-decoration: underline;

    padding: 0;

    font-size: 15px;

    max-width: 100%;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}



#left-column .products-block .view_more a:hover,

#right-column .products-block .view_more a:hover {

    text-decoration: none;

    color: #ff5252;

}



#index #left-column #categories_blog_menu {

    display: none;

}



#index #left-column .block-categories.block {

    display: none;

}



#left-column #czleftbanner ul,

#czleftbannercmsblock ul {

    margin-bottom: 0;

}



#search_filters .facet p {

    color: #000000;

}



/*** Responsive part ***/

@media (min-width:992px) {

    #category_filter {

        padding: 16px 0px;

        margin-top: 15px;

        margin-bottom: 15px;

        position: relative;

        border-bottom: 1px solid #e5e5e5;

    }

}



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



    #left-column .products-block ul li .product-info,

    #right-column .products-block ul li .product-info {

        width: 100%;

        padding-top: 10px;

    }

}



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

    #left-column {

        width: 23% !important;

    }



    .layout-left-column #content-wrapper {

        width: 77% !important;

    }



    .products-sort-order .dropdown-menu {

        width: 93.4%;

    }



    .products-selection .total-products,

    .products-selection .col-md-5 {

        width: 50%;

    }

}



@media (max-width:1199px) {



    #left-column .block .block_title,

    #right-column .block .block_title {

        font-size: 16px;

        padding: 10px 15px;

    }



    #left-column .block .block_content,

    #right-column .block .block_content {

        padding: 10px 15px;

    }

}



@media (max-width: 991px) {



    #left-column .block .block_content.collapse,

    #right-column .block .block_content.collapse {

        display: none;

    }



    .products-selection .total-products,

    .products-selection .col-md-5 {

        width: 100%;

        margin-bottom: 10px;

    }



    #left-column .block .block_content.collapse.in,

    #right-column .block .block_content.collapse.in {

        display: block;

    }



    #left-column .block .block_title .collapse-icons .remove,

    #right-column .block .block_title .collapse-icons .remove {

        display: none;

    }



    #left-column .block .block_title[aria-expanded="true"] .collapse-icons .add,

    #right-column .block .block_title[aria-expanded="true"] .collapse-icons .add {

        display: none;

    }



    #left-column .block .block_title[aria-expanded="true"] .collapse-icons .remove,

    #right-column .block .block_title[aria-expanded="true"] .collapse-icons .remove {

        display: block;

    }



    #left-column .block .block_title .navbar-toggler,

    #right-column .block .block_title .navbar-toggler {

        display: inline-block;

        padding: 0;

        color: #000000;

        width: auto;

    }



    #left-column .block .block_title .navbar-toggler .fa-icon:before,

    #right-column .block .block_title .navbar-toggler .fa-icon:before {

        line-height: 20px;

    }



    #category #left-column #search_filter_controls,

    #category #right-column #search_filter_controls,

    #search #left-column #search_filter_controls,

    #search #right-column #search_filter_controls {

        text-align: center;

        padding-block: 0.9rem;

    }



    #category #left-column #search_filter_controls button,

    #category #right-column #search_filter_controls button,

    #search #right-column #search_filter_controls button,

    #search #left-column #search_filter_controls button {

        margin: 0 5px;

    }



    #category #left-column #search_filters,

    #category #right-column #search_filters,

    #search #left-column #search_filters,

    #search #left-column #search_filters {

        margin-bottom: 0;

        box-shadow: none;

        padding: 0;

    }



    #category #left-column #search_filters .facet,

    #category #right-column #search_filters .facet,

    #search #right-column #search_filters .facet,

    #search #left-column #search_filters .facet {

        border-bottom: 1px solid #e5e5e5;

        padding: 0;

    }



    #category #left-column #search_filters .facet:last-child,

    #category #right-column #search_filters .facet:last-child,

    #search #right-column #search_filters .facet:last-child,

    #search #left-column #search_filters .facet:last-child {

        border: none;

    }



    #category #left-column #search_filters .facet .title,

    #category #right-column #search_filters .facet .title,

    #search #right-column #search_filters .facet .title,

    #search #left-column #search_filters .facet .title {

        cursor: pointer;

        padding: 15px 0px;

    }



    #category #left-column #search_filters .facet .title .collapse-icons .remove,

    #category #right-column #search_filters .facet .title .collapse-icons .remove,

    #search #left-column #search_filters .facet .title .collapse-icons .remove,

    #search #right-column #search_filters .facet .title .collapse-icons .remove {

        display: none;

    }



    #category #left-column #search_filters .facet .title[aria-expanded="true"] .collapse-icons .add,

    #category #right-column #search_filters .facet .title[aria-expanded="true"] .collapse-icons .add,

    #search #right-column #search_filters .facet .title[aria-expanded="true"] .collapse-icons .add,

    #search #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,

    #category #right-column #search_filters .facet .title[aria-expanded="true"] .collapse-icons .remove,

    #search #right-column #search_filters .facet .title[aria-expanded="true"] .collapse-icons .remove,

    #search #left-column #search_filters .facet .title[aria-expanded="true"] .collapse-icons .remove {

        display: block;

    }



    #category #left-column #search_filters .facet .h6,

    #category #right-column #search_filters .facet .h6,

    #search #right-column #search_filters .facet .h6,

    #search #left-column #search_filters .facet .h6 {

        margin: 0;

        padding: 0;

        display: inline-block;

    }



    #category #left-column #search_filters .facet .title .float-xs-right,

    #category #right-column #search_filters .facet .title .float-xs-right,

    #search #right-column #search_filters .facet .title .float-xs-right,

    #search #left-column #search_filters .facet .title .float-xs-right {

        height: 20px;

    }



    #category #left-column #search_filters .facet .navbar-toggler,

    #category #right-column #search_filters .facet .navbar-toggler,

    #search #right-column #search_filters .facet .navbar-toggler,

    #search #left-column #search_filters .facet .navbar-toggler {

        display: inline-block;

        padding: 0;

        width: auto;

    }



    #category #left-column #search_filters .facet .navbar-toggler .fa-icon:before,

    #category #right-column #search_filters .facet .navbar-toggler .fa-icon:before,

    #search #right-column #search_filters .facet .navbar-toggler .fa-icon:before,

    #search #left-column #search_filters .facet .navbar-toggler .fa-icon:before {

        font-size: 30px;

        line-height: 20px;

    }



    #category #left-column #search_filters .facet .collapse,

    #category #right-column #search_filters .facet .collapse,

    #search #left-column #search_filters .facet .collapse,

    #search #right-column #search_filters .facet .collapse {

        display: none;

    }



    #category #left-column #search_filters .facet .collapse.in,

    #category #right-column #search_filters .facet .collapse.in,

    #search #right-column #search_filters .facet .collapse.in,

    #search #left-column #search_filters .facet .collapse.in {

        display: block;

        margin-bottom: 10px;

    }



    #category #left-column #search_filters .facet .facet-label a,

    #category #right-column #search_filters .facet .facet-label a,

    #search #left-column #search_filters .facet .facet-label a,

    #search #left-column #search_filters .facet .facet-label a {

        margin-top: 0;

    }



    #category #left-column #search_filters .facet ul,

    #category #right-column #search_filters .facet ul,

    #search #right-column #search_filters .facet ul,

    #search #left-column #search_filters .facet ul {

        margin-bottom: 0;

    }



    #category #content-wrapper {

        width: 100%;

    }



    #search_filter_toggler {

        width: 100%;

        background-color: #ff5252;

        padding: 8px;

        color: #fff;

    }



    #search_filter_toggler:hover {

        background-color: #000000;

        color: #ffffff;

    }



    #left-column .block .block_title,

    #right-column .block .block_title {

        cursor: pointer;

    }



    .products-selection .col-md-6 {

        width: 100%;

        margin-bottom: 10px;

    }



    .products-selection .sort-by {

        margin-left: 0px;

    }



    #products .products-sort-order {

        width: 64%;

    }



    .products-selection .sort-by {

        width: 12%;

        margin-left: 0px;

        text-align: left;

        padding-left: 0px;

    }



    .products-sort-order .dropdown-menu {

        width: 97%;

    }



    .filter-button {

        margin-top: 0 !important;

        padding-right: 0;

    }



    #left-column .block,

    #right-column .block {

        margin-bottom: 20px;

    }



    #left-column #czleftbanner {

        margin-top: 20px;

        background: transparent;

    }



    #left-column .block:first-child,

    #right-column .block:first-child {

        margin-top: 15px;

    }



    .products-selection .showing {

        padding: 0;

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .filter-button {

        min-width: 130px;

    }

}



@media (max-width: 767px) {

    .brands .customNavigation {

        opacity: 1;

        filter: alpha(opacity=100);

    }



    .products-sort-order .select-title {

        margin-left: 0;

    }



    .products-selection h1 {

        padding-top: 0;

        text-align: center;

        margin-bottom: 1rem;

    }



    #prices-drop #content-wrapper,

    #new-products #content-wrapper,

    #best-sales #content-wrapper {

        width: 100%;

    }



    .products-sort-order .dropdown-menu {

        width: 100%;

    }



    .pagination .page-list {

        float: none;

    }



    #products .products-sort-order {

        padding: 0;

    }

}



/**** Category page Subcategory ****/

.subcategory-heading {

    color: #000000;

    font-size: 15px;

    font-weight: 500;

    text-transform: capitalize;

}



#subcategories ul {

    margin: 0 0 15px 0;

    width: 100%;

    text-align: center;

}



#subcategories ul li {

    float: left;

    width: 162px;

    margin: 5px 10px 5px 0;

    text-align: center;

}



@media (max-width:545px) {

    #subcategories ul li {

        width: 140px;

    }

}



@media (max-width: 480px) {

    #subcategories ul li {

        float: none;

        display: inline-block;

        width: 45%;

        vertical-align: top;

    }



    .special-products .products .qtyprogress {

        display: none;

    }



    #header .cat-title {

        padding-inline-end: 20px;

    }

}



#subcategories ul li .subcategory-image {

    margin-bottom: 13px;

}



#subcategories ul li .subcategory-image a {

    display: block;

    padding: 5px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    background: #FFFFFF;

    border: 1px solid #e5e5e5;

}



#subcategories ul li .subcategory-image a:hover {

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    border-color: #ff5252;

}



#subcategories ul li .subcategory-image a img {

    max-width: 100%;

    vertical-align: top;

    height: auto;

}



#subcategories ul li .subcategory-name {

    font-weight: 400;

    font-size: 14px;

}



#product #content {

    position: relative;

    max-width: 100%;

}



#product #content .product-leftside {

    position: relative;

}



.images-container .js-qv-mask .layer .zoom-in {

    color: #fff;

    background-color: #999999;

    position: absolute;

    bottom: 0;

    right: 1px;

    padding: 10px 13px;

    height: auto;

    width: auto;

    font-size: 20px;

}



.products .product_list li.item .product-price-and-shipping,

.products .product_list li.product_item .product-price-and-shipping,

.product-price {}



.product-price {

    display: inline-block;

}



#products .products .product_list.list li.product_item .product-price-and-shipping {

    margin-bottom: 0;

}



.productpage_title,

.quickview h1.h1 {

    text-transform: capitalize;

    font-weight: 500;

    padding-bottom: 0px;

    margin-bottom: 7px;

    border-bottom: 0;

    font-size: 22px;

    line-height: 31px;

}



.input-color {

    position: absolute;

    opacity: 0;

    filter: alpha(opacity=0);

    cursor: pointer;

    height: 30px;

    width: 30px;

}



.input-container {

    position: relative;

}



.input-radio {

    position: absolute;

    top: 0;

    cursor: pointer;

    opacity: 0;

    filter: alpha(opacity=0);

    width: 100%;

    height: 100%;

}



.input-color:checked+span,

.input-color:hover+span {

    box-shadow: 0 0 0 1px #999;

    border: 2px solid #fff;

}



.radio-label {

    background: #fff;

    display: inline-block;

    padding: 0.125rem 0.625rem;

    font-weight: 500;

    color: #000000;

}



.product-variants .radio-label {

    background-color: #fff;

    border: 1px solid #e5e5e5;

}



.product-variants .input-radio:checked+span,

.product-variants .input-radio:hover+span {

    background-color: #ff5252;

    color: #ffffff;

    border-color: #ff5252;

}



.input-radio:checked+span,

.input-radio:hover+span {

    background-color: #ff5252;

    font-weight: 500;

    color: #fff;

}



.product-actions .control-label {

    margin-bottom: 5px;

    display: block;

    width: 100%;

    font-weight: 500;

    color: #000000;

}



.products .product_list li .btn.add-to-cart {

    border: 0;

    font-size: 0;

    height: 35px;

    width: 35px;

    padding: 0;

    mask-image: url(../img/codezeel/cart.svg);

    -webkit-mask-image: url(../img/codezeel/cart.svg);

    display: inline-block;

    -webkit-mask-size: 19px;

    mask-size: 19px;

    -webkit-mask-repeat: no-repeat;

    mask-repeat: no-repeat;

    mask-position: center;

    -webkit-mask-position: center;

    background-color: #000000;

    vertical-align: middle;

    transition: none;

}



.products .product_list li .btn.add-to-cart.view_page {

    mask-image: url(../img/codezeel/view-detail.svg);

    -webkit-mask-image: url(../img/codezeel/view-detail.svg);

    -webkit-mask-size: 15px;

    mask-size: 15px;

}



.products .product_list li .btn.add-to-cart:hover {

    background-color: #fff;

}



.product-actions .add-to-cart .material-icons {

    line-height: inherit;

    display: none;

}



.product-quantity .qty {

    float: left;

    width: 80px;

    margin-bottom: 0.5rem;

}



.product-quantity .add {

    float: left;

    margin-bottom: 0.7rem;

}



.product-quantity .add .add-to-cart {

    padding: 11px 25px;

    min-width: 250px;

}



.product-quantity .wish_comp {

    width: 100%;

    float: left;

    padding-top: 5px;

}



.product-quantity .wishlist a span.st-wishlist-bt-content,

.product-quantity .compare a span.st-compare-bt-content {

    text-transform: capitalize;

    font-weight: 400;

}



#product .pp-right-column .comments_note .total-rating {

    margin-bottom: 4px;

    cursor: pointer;

}



.product-information .blockreassurance_product {

    margin-top: 10px;

}



.product-information .blockreassurance_product .item-product {

    margin-left: 0;

}



.product-quantity .wishlist,

.product-quantity .compare {

    display: inline-block;

}



.product-quantity .wish_comp .fa-area-chart::before {

    content: "\f24d";

    font-size: 17px;

    padding-right: 2px;

}



.product-quantity .wish_comp .fa.fa-heart::before {

    content: "\f08a";

    font-size: 18px;

    padding-right: 2px;

}



.product-quantity .wishlist a,

.product-quantity .compare a {

    position: relative;

    display: inline-block;

    vertical-align: top;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

    padding: 0;

    text-transform: capitalize;

}



.product-quantity .wishlist a {

    margin-right: 10px;

}



.product-quantity #quantity_wanted {

    color: #000000;

    background-color: #FFFFFF;

    height: 2.75rem;

    padding: 0.175rem 0.5rem;

    width: 3rem;

    border: 1px solid #e5e5e5;

}



.product-quantity .input-group-btn-vertical {

    float: left;

}



.product-quantity .input-group-btn-vertical .btn {

    padding: 0.5rem 0.6875rem;

}



.product-quantity .input-group-btn-vertical .btn i {

    color: #000000;

    font-size: 1rem;

    top: 0.125rem;

    left: 0.1875rem;

}



.product-quantity .btn-touchspin {

    height: 1.4375rem;

}



.product-discounts {

    margin-bottom: 0px;

}



.product-discounts>.product-discounts-title {

    font-weight: normal;

    font-size: 0.875rem;

}



.product-discounts>.table-product-discounts thead tr th {

    width: 33%;

    padding: 0.625rem 1.25rem;

    background: #FFFFFF;

    border: 0.3125rem #ebebeb solid;

    text-align: center;

}



.product-discounts>.table-product-discounts tbody tr {

    background: #f6f6f6;

}



.product-discounts>.table-product-discounts tbody tr:nth-of-type(even) {

    background: #FFFFFF;

}



.product-discounts>.table-product-discounts tbody tr td {

    padding: 0.625rem 1.25rem;

    text-align: center;

    border: 0.3125rem #ebebeb solid;

}



.product-prices {

    margin-top: 0px;

    margin-bottom: 12px;

}



.product-prices div {

    margin-bottom: 0px;

    font-size: 22px;

    font-weight: 600;

    display: inline-block;

    margin-top: 0;

}



.product-price {

    color: #ff5252;

    font-weight: 600;

    letter-spacing: 0;

}



.product-prices .tax-shipping-delivery-label {

    font-size: 13px;

    display: block;

    margin-bottom: 10px;

    color: #777;

    font-weight: 400;

}



.product-discount {

    color: #888888;

}



.product-discount .regular-price {

    text-decoration: line-through;

    font-weight: normal;

    margin-right: 5px;

    font-size: 19px;

}



.product-line-info.product-price.h5.has-discount .product-discount span.regular-price {

    font-size: 15px;

}



.product-line-info.product-price.h5.has-discount .current-price span.price {

    font-size: 16px;

}



.producttags {

    margin-top: 10px;

}



.producttags a {

    text-transform: capitalize;

}



.producttags a::after {

    content: ',';

}



.producttags a:last-child::after {

    display: none;

}



.has-discount .discount {

    color: #ef2d2d;

    font-size: 14px;

    margin-left: 0px;

    text-transform: uppercase;

    display: inline-block;

    vertical-align: top;

    margin-top: 5px;

    font-weight: 600;

    padding-inline-start: 5px;

}



.product-line-info.product-price.h5.has-discount .discount-percentage,

.product-line-grid-body .has-discount .discount {

    font-size: 14px;

    font-weight: 500;

    padding: 0;

    color: #ef2d2d;

    background: transparent;

    vertical-align: baseline;

}



.product-unit-price {

    font-size: 0.8125rem;

    margin-bottom: 0;

}



.quickview #product-description-short {

    border-bottom: 1px solid #dfdfdf;

    margin-bottom: 15px;

}



.quickview .product-prices .tax-shipping-delivery-label {

    margin: 0;

    line-height: 19px;

    margin-block: 4px;

}



.product-actions .product-attributes .product-manufacturer {

    margin-bottom: 0;

}



.product-actions .label {

    margin-bottom: 5px;

}



.product-actions .product-attributes .manufacturer_image {

    float: right;

}



.product-information .manufacturer-logo,

.quickview .manufacturer-logo {

    max-height: 112px;

    padding: 10px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    background: transparent;

    border: 1px solid #dddddd47;

}



.tabs {

    margin-top: 10px;

}



.cz-hometabcontent .tabs {

    margin-top: 0px;

    width: 100%;

    float: left;

}



.tabs .tab-pane {

    padding: 30px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    border: 1px solid #e5e5e5;

}



.tabs .nav-tabs {

    border: none;

    width: auto;

    position: relative;

}



.tabs .nav-tabs .nav-link {

    text-transform: capitalize;

    letter-spacing: 0;

    color: #666666;

    font-weight: 500;

    font-size: 20px;

    position: relative;

    border: 0;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    padding: 0;

    /* padding-bottom: 15px; */

}



.tabs .nav-tabs .nav-link::before {

    /* content: ''; */

    background-color: transparent;

    width: 100%;

    position: absolute;

    height: 2px;

    top: auto;

    bottom: 0;

}



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

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

    background-color: #ff5252;

}



#product .tabs .tab-pane .img.img-thumbnail {

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    background: transparent;

    padding: 10px;

    border: 1px solid #dddddd47;

}



.clearfix::after {

    content: "";

    display: table;

    clear: both;

}



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

.tabs .nav-tabs .nav-link.active {

    color: #ff5252;

}



.tabs .nav-tabs .nav-item {

    display: inline-block;

    vertical-align: top;

    margin-inline-end: 30px;

    position: relative;

    margin-bottom: 20px;

}



.tabs .nav-tabs .nav-item:last-child {

    margin: 0;

}



.product-cover {

    margin-bottom: 20px;

    position: relative;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    margin-bottom: 20px;

    position: relative;

    border: 0;

    width: calc(100% - 115px);

    float: right;

}



.product-cover img {

    background: #FFFFFF;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    border: 1px solid #e5e5e5;

}



.product-cover .layer {

    position: absolute;

    bottom: 10px;

    right: 10px;

    padding: 14px;

    cursor: pointer;

    z-index: 1;

    opacity: 1;

    filter: alpha(opacity=100);

    /* background: rgba(255, 255, 255, 0.3); */

    -webkit-transition: opacity 0.7s ease-in-out;

    -moz-transition: opacity 0.7s ease-in-out;

    -o-transition: opacity 0.7s ease-in-out;

    transition: opacity 0.7s ease-in-out;

    display: none;

}



#product .pp-right-column {

    z-index: 0;

    padding-left: 25px;

}



.product_right_wrap {

    float: left;

    width: 60%;

}



.product_top_wrap {

    float: left;

    width: 100%;

    margin-bottom: 50px;

}



.product-tabcontent .tabs {

    margin: 0;

}



@media(min-width: 768px) {

    .pp-left-column {

        position: sticky;

        top: 5rem;

    }

}



@media(max-width: 991px) {

    .product_right_wrap {

        width: 60%;

        margin-bottom: 20px;

    }



    .product-cover {

        width: auto;

    }

}



.product-cover .layer:hover {

    opacity: 1;

    filter: alpha(opacity=100);

}



.product-cover .layer .zoom-in {

    color: #fff;

    background-color: #ff5252;

    position: absolute;

    bottom: 1px;

    right: 1px;

    padding: 10px 13px;

    height: auto;

    width: auto;

    font-size: 20px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

}



#product-modal .modal-content {

    background-color: #f7f7f7;

    border: none;

    padding: 0;

    border-radius: 0px;

}



#product-modal .modal-content .modal-body {

    display: -webkit-box;

    display: -moz-box;

    display: box;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flexbox;

    -js-display: flex;

    display: flex;

    margin-left: 0;

}



#product-modal .modal-content .modal-body .product-cover-modal {

    background: #FFFFFF;

    width: 100%;

    height: auto;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

}



#product-modal .modal-content .modal-body figure {

    margin-bottom: 0px;

}



#product-modal .modal-content .modal-body .image-caption {

    padding: 0.625rem 0;

}



#product-modal .modal-content .modal-body .image-caption p {

    margin-bottom: 0;

}



#product-modal .modal-content .modal-body .thumbnails {

    position: relative;

}



#product-modal .modal-content .modal-body .mask {

    position: relative;

    overflow: hidden;

    max-height: 610px;

    margin-top: 30px;

    z-index: 1;

}



#product-modal .modal-content .modal-body .mask.nomargin {

    margin-top: 0;

}



#product-modal .modal-content .modal-body .product-images {

    margin-left: 15px;

}



#product-modal .modal-content .modal-body .product-images img {

    width: 112px;

    cursor: pointer;

    background: #FFFFFF;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    max-width: initial;

}



#product-modal .modal-content .modal-body .product-images img:hover,

#product-modal .modal-content .modal-body .product-images .thumb.js-modal-thumb.selected {

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



#product-modal .modal-content .modal-body .arrows {

    height: 100%;

    width: 100%;

    text-align: center;

    position: absolute;

    top: 0;

    color: #FFFFFF;

    right: 0px;

    z-index: 0;

    cursor: pointer;

}



#product-modal .modal-content .modal-body .arrows .arrow-up {

    position: absolute;

    top: -20px;

    right: 20px;

    opacity: 0.2;

    filter: alpha(opacity=20);

}



#product-modal .modal-content .modal-body .arrows .arrow-down {

    position: absolute;

    bottom: -20px;

    right: 20px;

}



#product-modal .modal-content .modal-body .arrows i {

    font-size: 75px;

    display: inline;

    color: #000;

}



#blockcart-modal .modal-header {

    color: #4cbb6c;

}



#blockcart-modal .modal-body {

    padding: 35px 25px;

}



#blockcart-modal .modal-body .divide-right span {

    display: inline-block;

    margin-bottom: 5px;

}



#blockcart-modal .modal-body .divide-right span strong {

    font-weight: 400;

}



#blockcart-modal .modal-dialog {

    max-width: 1140px;

    width: 100%;

}



#blockcart-modal .product-image {

    width: 100%;

    border: 1px solid #e5e5e5;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

}



#blockcart-modal .modal-title {

    line-height: 24px;

    color: #4cbb6c;

    font-size: 16px;

    text-align: left !important;

    text-transform: initial;

    font-weight: 500;

}



#blockcart-modal .modal-title:before {

    content: "\F00C";

    font-family: "FontAwesome";

    font-size: 18px;

    color: #4cbb6c;

    padding-right: 5px;

    font-weight: normal;

}



#blockcart-modal .product-name {

    color: #000000;

    font-size: 15px;

    text-transform: capitalize;

    font-weight: 400;

    line-height: 22px;

}



#blockcart-modal .cart-content p {

    margin-bottom: 7px;

}



#blockcart-modal .product-price {

    font-size: 17px;

    margin: 0;

}



#blockcart-modal .cart-products-count {

    font-size: 15px;

    font-weight: 500;

    text-transform: inherit;

    color: #000000;

    padding-bottom: 7px;

    border-bottom: 1px solid #e5e5e5;

    margin-bottom: 15px;

}



#blockcart-modal .cart-content {

    padding-left: 2.5rem;

}



#blockcart-modal .cart-content button {

    margin-right: 5px;

    background-color: #000000;

    border-color: #000000;

    color: #ffffff;

}



#blockcart-modal .cart-content .btn-primary {

    padding: 11px 31px;

}



#blockcart-modal .cart-content .btn-primary:hover {

    background-color: #000000;

}



#blockcart-modal .cart-content button:hover {

    background-color: #ff5252;

    color: #fff;

}



#blockcart-modal .divide-right {

    border-right: 1px solid #e5e5e5;

}



.product-images li.thumb-container .thumb {

    border: 1px solid transparent;

    cursor: pointer;

    margin: 0 0 10px;

    width: 95px;

}



.images-container .product-images li.thumb-container .thumb {

    margin: 0px;

}



.image-block_slider .product-images li.thumb-container .thumb {

    margin: 0 0 5px;

    max-width: 100%;

    height: auto;

    box-sizing: content-box;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    border: 1px solid #e5e5e5;

}



.product-images li.thumb-container .thumb.selected,

.product-images li.thumb-container .thumb:hover {

    border-color: #ff5252;

}



/* .images-container .product-images > li.thumb-container {

	display: inline;

	margin-right: 10px;

} */

.images-container .js-qv-mask {

    margin: 0 5px;

    white-space: nowrap;

    position: relative;

    display: none;

}



/**************  vertical slider  *****************/

.image-block_slider {

    float: left;

    width: auto;

    position: relative;

    margin-top: 8px;

}



.quickview .image-block_slider {

    display: none;

}



.quickview .modal-body .thumb.js-thumb.selected,

.quickview .modal-body .thumb.js-thumb:hover {

    border-color: #ff5252;

}



.quickview .product-cover {

    float: none;

    width: 100%;

}



.js-modal-mask.mask.nomargin {

    margin: 0;

}



.js-modal-mask.mask {

    max-height: 524px;

    overflow: hidden;

    position: relative;

    z-index: 1;

    margin: 35px 0 30px;

}



.arrows.js-modal-arrows {

    height: 100%;

    width: 100%;

    text-align: center;

    position: absolute;

    top: 0;

    color: #000;

    right: 0;

    cursor: pointer;

}



.material-icons.arrow-up.js-modal-arrow-up,

.material-icons.arrow-down.js-modal-arrow-down {

    font-size: 0;

}



.image-block_slider .material-icons.arrow-up.js-modal-arrow-up::before {

    content: "\E316";

    font-family: "Material Icons";

    font-size: 23px;

    position: absolute;

    right: 0;

    top: -8px;

    left: 0;

    color: #000000;

    bottom: auto;

    cursor: pointer;

    background: #e5e5e5;

    padding: 4px;

}



.image-block_slider .material-icons.arrow-down.js-modal-arrow-down::before {

    content: "\E313";

    font-family: "Material Icons";

    position: absolute;

    font-size: 23px;

    cursor: pointer;

    right: 0;

    top: auto;

    bottom: -8px;

    color: #000000;

    left: 0;

    background: #e5e5e5;

    padding: 4px;

}



.image-block_slider .material-icons.arrow-down.js-modal-arrow-down:hover::before,

.image-block_slider .material-icons.arrow-up.js-modal-arrow-up:hover::before {

    background: #ff5252;

    color: #fff;

}



@media (max-width: 1459px) and (min-width: 1200px) {

    .js-modal-mask.mask {

        max-height: 445px;

    }

}



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

    .js-modal-mask.mask {

        max-height: 332px;

    }

}



@media (max-width: 991px) {

    .tabs .tab-pane {

        padding: 20px;

    }



    .brands {

        padding-top: 35px;

    }



    .image-block_slider {

        display: none;

    }



    #main .images-container .js-qv-mask.additional_slider,

    #main .images-container .js-qv-mask.additional_grid {

        display: block;

        float: left;

        width: 100%;

        margin: 0;

    }



    #product-modal .modal-content .modal-body .product-images {

        margin-left: 0;

    }



    .progress {

        width: 80%;

    }

}



@media (max-width: 1078px) and (min-width: 768px) {

    #blockcart-modal .cart-content .btn-primary {

        margin-top: 10px;

    }

}



@media (max-width: 767px) {

    .product-cover .layer {

        width: 100%;

        height: 100%;

        bottom: 0px;

        right: 0px;

        display: block;

    }



    .product-cover .layer .zoom-in {

        bottom: 10px;

        right: 10px;

    }



    .product_right_wrap {

        width: 100%;

    }



    #product-modal .modal-content {

        margin: 0 20px;

    }



    .zoomContainer {

        display: none;

    }



    #product .page-content .product-leftside {

        max-width: 400px;

        margin: 0 auto 25px;

        clear: both;

        overflow: hidden;

        height: auto;

    }



    #product .pp-left-column {

        width: 100%;

    }



    #product .pp-right-column {

        width: 100%;

        padding: 0 15px;

    }

}



@media (max-width: 767px) and (min-width: 300px) {}



/*************  for Grid  Section **************/

.images-container .images-container-grid .js-qv-mask.additional_grid {

    margin: 0;

}



.images-container .images-container-grid .js-qv-mask.additional_grid .gridcount li.product_item {

    padding: 0 10px;

    width: 50%;

}



.images-container .images-container-grid .js-qv-mask.additional_grid .gridcount li.product_item .thumb {

    margin: 0 0 20px;

}



.images-container .images-container-grid .js-qv-mask.additional_grid .layer .zoom-in {

    color: #fff;

    background-color: #999999;

    position: absolute;

    bottom: 22px;

    right: -3px;

    padding: 10px 13px;

    height: auto;

    width: auto;

    font-size: 20px;

    cursor: pointer;

}



/*********  end  grid **********/

.images-container .js-qv-mask .thumb-container .thumb {

    margin: 0 0 10px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

}



.images-container .js-qv-mask .thumb-container {

    padding: 0 5px;

}



.quickview .modal-body .thumb.js-thumb {

    border: 1px solid #e5e5e5;

}



.additional_slider .additional-carousel .thumb-container .thumb {

    margin: 0 0 10px;

    max-width: 100%;

    height: auto;

    box-sizing: content-box;

    border: 1px solid #e5e5e5;

}



.images-container .js-qv-mask .thumb-container .thumb.selected,

.images-container .js-qv-mask .thumb-container .thumb:hover {}



.images-container .js-qv-mask .customNavigation {

    top: 50px;

    width: 100%;

    left: 0;

    right: 0;

    opacity: 1;

    -webkit-opacity: 1;

    -khtml-opacity: 1;

    -moz-opacity: 1;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



.images-container:hover .js-qv-mask .customNavigation {

    opacity: 1;

    -webkit-opacity: 1;

    -khtml-opacity: 1;

    -moz-opacity: 1;

}



.images-container .js-qv-mask .customNavigation a {

    background-size: 24px;

}



.images-container .js-qv-mask .customNavigation a.prev {

    left: -10px;

}



.images-container .js-qv-mask .customNavigation a.next {

    right: -10px;

}



.images-container .js-qv-mask .customNavigation a {

    background-color: transparent;

    transition: none;

}



.scroll-box-arrows {

    display: none;

}



.scroll-box-arrows.scroll {

    display: block;

}



.scroll-box-arrows i {

    position: absolute;

    bottom: 40px;

    cursor: pointer;

    font-size: 40px;

    color: #000000;

    height: 35px;

    width: 35px;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

}



.scroll-box-arrows i:hover {

    border-color: #888888;

    color: #888888;

}



.scroll-box-arrows .left {

    left: -10px;

}



.scroll-box-arrows .right {

    right: -5px;

}



.product-quantity {

    display: inline-block;

}



.pp-right-column .product-information p.product-minimal-quantity {

    border: 0;

    margin: 10px 0 10px;

    padding: 0;

}



#product .pp-right-column p {

    margin-bottom: 0;

    /*display: inline-block;

	vertical-align: top;*/

}



#product .pp-right-column .product-actions {

    padding-top: 10px;

    margin-top: 10px;

    border-top: 1px solid #e5e5e5;

}



.product-quantities span {

    color: #4cbb6c;

    font-weight: 500;

}



#product-availability,

.product-availability {

    display: inline-block;

    font-weight: normal;

    margin-left: 0px;

    color: #fff;

    margin: 0px 0 7px;

    font-size: 14px;

}



#product-availability .material-icons,

.product-availability .material-icons {

    display: none;

    line-height: inherit;

}



#product-availability .product-available,

.product-availability .product-available {

    color: #4cbb6c;

    padding: 1px 7px 2px;

    border: 1px solid #4cbb6c;

    background: #e9f9ee;

}



#product-availability .product-unavailable,

.product-availability .product-unavailable {

    background-color: #fdf6f1;

    padding: 2px 7px 2px;

    color: #ff8e3e;

    border: 1px solid #ffd0ad;

}



#product-availability .product-last-items,

.product-availability .product-last-items {

    color: #4cbb6c;

    padding: 1px 7px 1px;

    border: 1px solid #4cbb6c;

    background: #e9f9ee;

}



#product-details .label {

    margin-right: 10px;

    margin-bottom: 3px;

}



.product-manufacturer {

    margin-bottom: 15px;

}



.product-features {

    margin-top: 5px;

    margin-left: 0;

}



.product-features h3 {

    margin-right: 10px;

    margin-bottom: 12px;

    color: #000000;

    font-weight: 500;

    font-size: 14px;

}



.product-features>dl.data-sheet dd.value,

.product-features>dl.data-sheet dt.name {

    width: 49%;

    display: inline-table;

    font-weight: 500;

    background: #ebebeb;

    padding: 10px 20px;

    margin-right: 0px;

    min-height: 2.5rem;

    word-break: break-all;

    vertical-align: top;

    color: #000000;

}



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

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

    background: #f6f6f6;

}



.product-features>dl.data-sheet dd.value {

    margin-bottom: 3px;

    font-weight: 400;

}



.product-variants>.product-variants-item {

    margin: 0 0 10px;

}



.product-variants>.product-variants-item select {

    border: none;

    height: 2.5rem;

    width: auto;

    min-width: 150px;

    padding-left: 8px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    border: 1px solid #e5e5e5;

}



.product-variants>.product-variants-item ul li {

    margin-inline-end: 0.625rem;

}



.product-variants>.product-variants-item .color {

    margin: 0;

    width: 30px;

    height: 30px;

}



.product-variants-item .input-color:checked+span::before {

    content: "\e876";

    text-align: center;

    line-height: 29px;

    color: #fff;

    position: absolute;

    left: 0;

    top: 0;

    font-size: 18px;

    right: 0;

    font-family: "Material Icons";

}



#product #content .product-leftside .product-flags li.on-sale {

    display: table;

}



#product #content .product-leftside .product-flags li.product-flag.discount {

    display: none;

}



#product .pp-right-column .blockreassurance_product {

    margin-top: 10px;

}



ul.product-flags.js-product-flags {

    position: absolute;

    top: 5px;

    bottom: auto;

    left: 5px;

    right: auto;

    z-index: 1;

}



ul.product-flags li {

    display: table;

    position: static;

    font-weight: 500;

    padding: 3px 7px;

    font-size: 11px;

    text-transform: uppercase;

    color: #fff;

    background-color: #44b367;

    z-index: 2;

    line-height: 15px;

    -webkit-transition: all 500ms ease 0s;

    -moz-transition: all 500ms ease 0s;

    -o-transition: all 500ms ease 0s;

    transition: all 500ms ease 0s;

    margin-bottom: 3px;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -khtml-border-radius: 3px;

    -moz-border-radius: 3px;

}



ul.product-flags li.out_of_stock {

    background: #ff8e3e;

}



#product #content .product-leftside .product-flags li.out_of_stock {

    display: table;

}



.special-products .products .product_list li .product-flag.out_of_stock {

    display: none;

}



#products .products .product_list.list ul.product-flags li.out_of_stock {

    display: none;

}



ul.product-flags li.pack {

    display: none;

}



ul.product-flags li.online-only {

    top: 25rem;

    right: 0;

    font-size: 0.8125rem;

}



/* ul.product-flags li.on-sale {

	text-align: center;

    margin: 0;

    right: 10px;

    bottom: 10px;

    color: #fff;

    background: #ff5252;

	display: none;

} */

ul.product-flags li.on-sale.discount-percentage {

    z-index: 2;

    color: #000000;

    vertical-align: top;

    display: inline;

    padding: 0px;

    font-size: 14px;

}



.product-customization {

    margin: 25px 0;

}



.product-customization .product-customization-item {

    margin: 15px 0;

}



.product-customization .product-message {

    background: #ebebeb;

    border: none;

    width: 100%;

    height: 3.125rem;

    resize: none;

    padding: 0.625rem;

}



.product-customization .product-message::-webkit-input-placeholder {

    color: #000000;

}



.product-customization .product-message::-moz-placeholder {

    color: #000000;

}



.product-customization .product-message:-moz-placeholder {

    color: #000000;

}



.product-customization .product-message:-ms-input-placeholder {

    color: #000000;

}



.product-customization .file-input {

    width: 100%;

    opacity: 0;

    filter: alpha(opacity=0);

    left: 0;

    z-index: 1;

    cursor: pointer;

    height: 2.625rem;

    overflow: hidden;

    position: absolute;

}



.product-customization .custom-file {

    position: relative;

    background: #ebebeb;

    width: 100%;

    height: 2.625rem;

    line-height: 2.625rem;

    text-indent: 0.625rem;

    display: block;

    color: #878787;

    margin-top: 1.25rem;

}



.product-customization .custom-file button {

    z-index: 0;

    position: absolute;

    right: 0;

    top: 0;

}



.product-customization small {

    color: #878787;

}



.product-pack {

    margin-top: 0;

}



.product-pack .pack-product-container {

    display: -webkit-box;

    display: -moz-box;

    display: box;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flexbox;

    -js-display: flex;

    display: flex;

    justify-content: space-around;

}



.product-pack .pack-product-container .pack-product-name {

    -webkit-box-flex: 0;

    -moz-box-flex: 0;

    box-flex: 0;

    -webkit-flex: 0 0 50%;

    -moz-flex: 0 0 50%;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    font-size: 0.875rem;

    color: #878787;

}



.product-pack .pack-product-container .pack-product-quantity {

    border-left: #ebebeb 2px solid;

    padding-left: 0.625rem;

}



.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: -moz-box;

    display: box;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flexbox;

    -js-display: flex;

    display: flex;

    align-items: center;

}



.product-refresh {

    margin-top: 1.25rem;

}



.social-sharing {

    width: 100%;

    clear: both;

    margin-top: 8px;

}



.social-sharing>span {

    display: none;

}



.social-sharing ul {

    margin: 0;

}



.social-sharing ul li {

    height: 35px;

    width: 60px;

    display: inline-block;

    background-color: #FFFFFF;

    cursor: pointer;

    margin-right: 4px;

    border: 1px solid;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

}



.social-sharing ul li a {

    display: block;

    width: 100%;

    height: 100%;

    white-space: nowrap;

    text-align: center;

    line-height: 35px;

    overflow: hidden;

}



.social-sharing ul li a:hover {

    color: transparent;

}



.social-sharing ul li a:before {

    font-size: 18px;

    font-family: "FontAwesome";

    display: inline-block;

}



.social-sharing ul li.facebook {

    border-color: #435f9f;

}



.social-sharing ul li.facebook a:before {

    content: "\F09A";

    color: #435f9f;

}



.social-sharing ul li.facebook:hover {

    background-color: #435f9f;

}



.social-sharing ul li.facebook:hover a:before {

    color: #ffffff;

}



.social-sharing ul li.twitter {

    border-color: #00aaf0;

}



.social-sharing ul li.twitter a:before {

    content: "\F099";

    color: #00aaf0;

}



.social-sharing ul li.twitter:hover {

    background-color: #00aaf0;

}



.social-sharing ul li.twitter:hover a:before {

    color: #ffffff;

}



.social-sharing ul li.googleplus {

    border-color: #e04b34;

}



.social-sharing ul li.googleplus a:before {

    content: "\F0D5";

    color: #e04b34;

}



.social-sharing ul li.googleplus:hover {

    background-color: #e04b34;

}



.social-sharing ul li.googleplus:hover a:before {

    color: #ffffff;

}



.social-sharing ul li.pinterest {

    border-color: #ce1f21;

}



.social-sharing ul li.pinterest a:before {

    content: "\F0D2";

    color: #ce1f21;

}



.social-sharing ul li.pinterest:hover {

    background-color: #ce1f21;

}



.social-sharing ul li.pinterest:hover a:before {

    color: #ffffff;

}



.products-selection {

    display: inline-block;

    vertical-align: top;

    width: 100%;

    padding: 5px 0;

    margin-bottom: 10px;

}



.products-selection .title {

    color: #808080;

}



@media (max-width: 1659px) {}



@media (max-width: 1459px) {}



@media (max-width: 991px) {

    .product-cover img {

        width: 100%;

    }



    #product-modal .modal-content .modal-body {

        -webkit-box-orient: vertical;

        -moz-box-orient: vertical;

        box-orient: vertical;

        -webkit-box-direction: normal;

        -moz-box-direction: normal;

        box-direction: normal;

        -webkit-flex-direction: column;

        -moz-flex-direction: column;

        flex-direction: column;

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

        margin-top: 20px;

    }



    #product-modal .modal-content .modal-body .product-images>li.thumb-container {

        display: inline-block;

    }



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

    }



    .social-sharing {

        text-align: left;

    }



    .product-quantity .add {

        margin-left: 0px;

    }



    #product .pp-left-column {

        width: 45%;

    }



    #product .pp-right-column {

        width: 55%;

        padding-left: 15px;

    }

}



@media (max-width: 767px) {

    #blockcart-modal .divide-right {

        border-right: none;

    }



    #blockcart-modal .modal-body {

        padding: 1rem;

    }



    #product .pp-left-column,

    #product .pp-right-column {

        width: 100%;

    }



    .images-container .images-container-grid {

        max-width: 80%;

        margin: 0 auto 25px;

        clear: both;

        overflow: hidden;

        height: 100%;

        padding: 5px;

    }



    .products .product_list.list li .product-price-and-shipping {

        padding-top: 0px;

        margin-top: 0;

        margin-bottom: 0;

    }



    .images-container .js-qv-mask .customNavigation a.prev {

        left: 0;

    }



    .images-container .js-qv-mask .customNavigation a.next {

        right: 0;

    }



    #brand_list li.brand .brand-inner .brand-products .btn.btn-primary {

        padding: 10px 20px;

    }



    #brand_list li.brand .brand-inner .brand-products {

        padding-left: 10px;

    }

}



@media (max-width: 600px) {

    .images-container .images-container-grid {

        max-width: 100%;

    }

}



@media (max-width: 575px) {

    .images-container .images-container-slider .product_list.grid li.product_item {

        width: 50%;

    }



    #brand_list li.brand .brand-inner .brand-products,

    #brand_list li.brand .brand-inner .brand-infos {

        text-align: center;

        padding: 0;

        border: 0;

        display: block;

        padding-inline-start: 0px;

    }



    .brand-inner .row>div {

        width: 100%;

        margin: 0;

    }



    .brand-inner .row {

        display: block;

    }



    .tabs .nav-tabs .nav-item {

        margin-inline-end: 15px;

        margin-bottom: 10px;

    }



    .tabs .nav-tabs .nav-link {

        font-size: 17px;

    }



    #czcategorytabs.tabs .nav-tabs .nav-item:last-child {

        margin-bottom: 13px;

    }

}



@media (max-width: 480px) {

    .tabs .nav-tabs .nav-link:before {

        display: none;

    }



    .progress {

        width: 100%;

    }



    .product-quantity .add .add-to-cart {

        min-width: auto;

    }

}



@media (max-width: 400px) {

    .images-container .images-container-grid .js-qv-mask.additional_grid .gridcount li.product_item {

        width: 100%;

    }

}



#product-modal .modal-dialog {

    max-width: 800px;

}



.cart-grid {

    margin-bottom: 2rem;

}



.cart-items {

    margin-bottom: 0;

}



.cart-item {

    border-bottom: 1px solid #e5e5e5;

    padding: 1rem 0;

}



.cart-item:last-child {

    border-bottom: 0px;

}



.cart-summary-line {

    clear: both;

    margin-top: 5px;

}



.cart-summary-line::after {

    content: "";

    display: table;

    clear: both;

}



.cart-summary-line .label {

    padding-left: 0;

    white-space: inherit;

}



.cart-summary-line .value {

    float: right !important;

    font-size: 15px;

    color: #000000;

    font-weight: 600;

}



body#cart .card.cart-summary .card-block.cart-detailed-subtotals #cart-subtotal-discount span.label,

body#cart .card.cart-summary .card-block.cart-detailed-subtotals #cart-subtotal-discount span.value,

#header .blockcart .cart_block .card-block #cart-subtotal-discount .label,

#header .blockcart .cart_block .card-block #cart-subtotal-discount .value,

.block-promo .cart-summary-line .label,

.block-promo .promo-name,

body#checkout #content-wrapper .card-block #cart-subtotal-discount span.label,

body#checkout #content-wrapper .card-block #cart-subtotal-discount span.value {

    color: #ff5252;

}



/** CART BODY **/

.cart-grid-body {

    margin-bottom: 0.75rem;

}



.cart-grid-body .card-block {

    padding: 1rem;

}



.cart-grid-body .card-block h3.h3 {

    text-transform: capitalize;

    font-weight: 500;

}



.cart-grid-body .card-block h1 {

    margin-bottom: 0;

    font-size: 16px;

    font-weight: 500;

    text-transform: capitalize;

}



.cart-grid-body hr {

    margin: 0;

}



.cart-grid-body .cart-overview {

    padding: 1rem;

}



#cart .cart-grid {

    margin-bottom: 0;

}



/** CART RIGHT **/

.cart-grid-right hr {

    margin: 0;

}



.cart-grid-right .promo-discounts {

    margin-bottom: 0;

    padding: 5px 20px 0 20px;

}



.cart-grid-right .promo-discounts .cart-summary-line .label {

    color: #ff9a52;

}



.block-promo .promo-code {

    padding: 10px 20px 10px;

}



.block-promo .promo-code .alert-danger {

    position: relative;

    margin-top: 1.25rem;

    background: #ff4c4c;

    color: #FFFFFF;

    display: none;

}



.block-promo .promo-code .alert-danger::after {

    bottom: 100%;

    left: 10%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-bottom-color: #ff4c4c;

    border-width: 10px;

    margin-left: -10px;

}



.block-promo .promo-input {

    color: #000000;

    border: 1px solid #e5e5e5;

    height: 40px;

    text-indent: 0.625rem;

    width: 75%;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

}



.block-promo .promo-input+button {

    text-transform: capitalize;

    padding: 8px 26px;

}



.block-promo .cart-summary-line .label a,

.block-promo .promo-name a {

    font-weight: normal;

    color: #000000;

    display: inline-block;

}



.block-promo .promo-code-button {

    color: #000000 !important;

    display: inline-block;

    margin-top: 5px;

    margin-bottom: 5px;

    padding-left: 0;

}



.block-promo .promo-code-button a {

    color: #ff5252;

    padding-left: 20px;

    text-decoration: underline;

}



.block-promo.promo-highlighted {

    padding: 5px 20px 0 20px;

    padding-bottom: 0;

    margin-bottom: 0;

}



.block-promo .promo-name.card-block {

    padding: 2px 1.25rem;

    margin-bottom: 0;

}



.promo-discounts .cart-summary-line .label .code {

    text-decoration: underline;

    cursor: pointer;

    color: #ff5252;

}



/** CONTENT LEFT **/

.product-line-grid-left img {

    max-width: 100%;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    border: 1px solid #e5e5e5;

}



/** CONTENT BODY **/

.product-line-grid-body>.product-line-info>.label {

    padding: 0;

    line-height: inherit;

    text-align: left;

    white-space: inherit;

}



.product-line-info {

    margin-bottom: 3px;

}



.product-line-grid-body .product-discount {

    display: inline-block;

    vertical-align: top;

    line-height: 24px;

}



.product-line-grid-body .has-discount .discount {

    margin: 0;

}



.product-line-grid-body .current-price {

    display: inline-block;

    vertical-align: top;

    line-height: 24px;

}



.product-line-grid-body>.product-line-info>.out-of-stock {

    color: red;

}



.product-line-grid-body>.product-line-info>.available {

    color: #4cbb6c;

}



.product-line-grid-body>.product-line-info>.unit-price-cart {

    padding-left: 0.3125rem;

    font-size: 0.875rem;

    color: #808080;

}



/** CONTENT LEFT **/

.product-line-grid-right .bootstrap-touchspin {

    width: 4.25rem;

}



.product-line-grid-right .bootstrap-touchspin>.form-control,

.product-line-grid-right .bootstrap-touchspin>.input-group {

    color: #000000;

    background-color: #FFFFFF;

    height: 2.5rem;

    padding: 0.175rem 0.5rem;

    width: 3rem;

}



.product-line-grid-right .bootstrap-touchspin>.input-group-btn-vertical {

    width: auto;

}



.product-line-grid-right .cart-line-product-actions,

.product-line-grid-right .product-price {

    color: #000000;

    line-height: 36px;

}



.product-line-grid-right .cart-line-product-actions .remove-from-cart,

.product-line-grid-right .product-price .remove-from-cart {

    display: inline-block;

    margin-top: 0.3125rem;

}



.product-line-grid-right .cart-line-product-actions strong,

.product-line-grid-right .product-price strong {

    font-size: 18px;

    font-weight: 500;

}



/*** Responsive part ***/

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

    }



    .cart-item:last-child {

        border-bottom: 0;

    }



    .cart-grid-body .cart-overview {

        padding: 0;

    }



    .cart-grid-body .no-items {

        padding: 1rem;

        display: inline-block;

    }



    .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: 20px;

}



#block-reassurance img {

    opacity: 0.7;

    filter: alpha(opacity=70);

    width: 1.5625rem;

    margin-right: 10px;

}



#block-reassurance ul {

    margin-bottom: 0px;

}



#block-reassurance ul li {

    margin-bottom: 2px;

    color: #000;

}



#block-reassurance ul li .block-reassurance-item {

    padding: 12px 15px;

    margin-bottom: 0;

    background: #f7f7f7;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

}



#block-reassurance span {

    font-weight: 400;

    font-size: 13px;

}



.blockreassurance_product div {

    background: #cccccc26;

    padding: 10px 15px;

    margin: 0 0 5px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

}



.blockreassurance_product p {

    display: flex;

    margin-bottom: 0;

}



.blockreassurance_product .item-product {

    padding-top: 0 !important;

}



.blockreassurance_product div:first-child .item-product svg {

    width: 28px;

}



.blockreassurance_product .block-title {

    font-weight: 500;

}



.blockreassurance_product .item-product {

    margin-inline-end: 10px !important;

    margin: 0;

}



.blockreassurance_product div:last-child {

    margin: 0;

    padding: 0;

    border: 0;

    display: none;

}



.blockreassurance_product .item-product {

    display: inline-block;

    float: left;

    margin: 0 10px;

    padding-top: 12px;

    width: 1.5625rem;

}



.blockreassurance_product .item-product {

    padding-top: 10px;

}



.blockreassurance_product p.block-title {

    padding: 7px 15px;

    margin-bottom: 10px;

    background-color: #f7f7f7;

}



.quickview h1.h1 {

    padding: 0;

}



.quickview .modal-dialog {

    width: calc(100% - 30px);

    max-width: 64rem;

}



.quickview .modal-content {

    min-height: 28.125rem;

}



.quickview .modal-header {

    border: none;

    padding: 0;

    position: relative;

    z-index: 9;

}



.quickview .modal-header .close {

    top: 10px;

    right: -5px;

}



.quickview .modal-body {

    min-height: 23.75rem;

}



.quickview .modal-footer {

    padding: 0px;

    text-align: left;

    margin-top: 0px;

    border: 0;

}



.quickview .layer {

    display: none;

}



.quickview .product-cover img {

    width: 100%;

}



.quickview .images-container {

    z-index: 1;

    min-height: 21.875rem;

}



.quickview .images-container .product-images>li.thumb-container {

    display: inline-block;

}



.quickview .images-container .product-images>li.thumb-container>.thumb {

    margin-bottom: 0.8125rem;

    background: #FFFFFF;

}



.quickview .mask {

    position: relative;

    display: block;

}



.quickview .arrows {

    position: absolute;

    top: 0;

    height: 22.5rem;

    right: 5rem;

    z-index: 0;

}



.quickview .arrows .arrow-up {

    margin-top: -3.125rem;

    cursor: pointer;

    opacity: 0.2;

    filter: alpha(opacity=20);

}



.quickview .arrows .arrow-down {

    position: absolute;

    bottom: -1.875rem;

    cursor: pointer;

}



.quickview .social-sharing {

    margin-top: 0;

    margin-left: 0;

}



.quickview .product-counter {

    display: none;

}



#stores .page-stores {

    margin: 0 auto;

}



#stores .page-stores .store-item {

    padding-left: 0.75rem;

    padding-right: 0.75rem;

}



#stores .page-stores .store-picture img {

    max-width: 100%;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

}



#stores .page-stores .store-item-container {

    display: -webkit-box;

    display: -moz-box;

    display: box;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flexbox;

    -js-display: flex;

    display: flex;

    -webkit-box-pack: distribute;

    -moz-box-pack: distribute;

    box-pack: distribute;

    -webkit-justify-content: space-around;

    -moz-justify-content: space-around;

    -ms-justify-content: space-around;

    -o-justify-content: space-around;

    justify-content: space-around;

    -ms-flex-pack: distribute;

    -webkit-box-align: center;

    -moz-box-align: center;

    box-align: center;

    -webkit-align-items: center;

    -moz-align-items: center;

    -ms-align-items: center;

    -o-align-items: center;

    align-items: center;

    -ms-flex-align: center;

    padding: 1.875rem 0;

}



#stores .page-stores .store-item-container ul {

    margin-bottom: 0;

    font-size: 0.9375rem;

}



#stores .page-stores .store-item-container .divide-left {

    border-left: #ebebeb 1px solid;

}



#stores .page-stores .store-item-container .divide-left tr {

    height: 1.5625rem;

}



#stores .page-stores .store-item-container .divide-left td {

    padding-left: 0.375rem;

}



#stores .page-stores .store-item-container .divide-left th {

    text-align: right;

}



#stores .page-stores .store-item-container .store-description {

    font-size: 14px;

}



#stores .page-stores .store-item-container .store-description .h3.card-title {

    font-weight: 500;

}



#stores .page-stores .store-item-footer {

    margin-top: 0.5rem;

    padding-top: 0.5rem;

    display: -webkit-box;

    display: -moz-box;

    display: box;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flexbox;

    -js-display: flex;

    display: flex;

    -webkit-box-pack: distribute;

    -moz-box-pack: distribute;

    box-pack: distribute;

    -webkit-justify-content: space-around;

    -moz-justify-content: space-around;

    -ms-justify-content: space-around;

    -o-justify-content: space-around;

    justify-content: space-around;

    -ms-flex-pack: distribute;

}



#stores .page-stores .store-item-footer.divide-top {

    border-top: #ebebeb 1px solid;

}



#stores .page-stores .store-item-footer div:first-child {

    -webkit-box-flex: 0;

    -moz-box-flex: 0;

    box-flex: 0;

    -webkit-flex: 0 0 65%;

    -moz-flex: 0 0 65%;

    -ms-flex: 0 0 65%;

    flex: 0 0 65%;

}



#stores .page-stores .store-item-footer i.material-icons {

    margin-right: 0.625rem;

    color: #878787;

    font-size: 14px;

}



#stores .page-stores .store-item-footer li {

    margin-bottom: 0.625rem;

}



#contact #content-wrapper #content .form-group.row {

    color: #000000;

}



/*** Responsive part ***/

@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: #ebebeb 1px solid;

    }



    #stores .page-stores .store-item-footer li {

        margin-bottom: 0.625rem;

    }



    #stores .page-stores .store-item-footer .card-block {

        padding: 0.75rem 0.75rem 0;

    }

}



.cz_newsletterdiv {

    display: inline-block;

    width: 67%;

    padding: 25px 115px 33px;

    background-color: #143848;

    margin-top: 0px;

}



.cz_newsletterdiv h4.sub_heading {

    height: 35px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: auto;

    margin-bottom: 10px;

}



#footer .block_newsletter {

    margin-bottom: 0px;

    width: 26%;

    padding: 0 15px;

    float: left;

}



.block_newsletter form input[type="text"]:focus {

    border-color: #ddd;

    background: #FFFFFF;

    color: #000000;

}



.block_newsletter form button[type=submit] {

    position: absolute;

    background: #888888;

    border: none;

    top: 0px;

    right: 0;

    padding: 10px 15px 9px;

    outline: 0;

    cursor: pointer;

}



.block_newsletter form button[type=submit]:before {

    content: "\F002";

    display: block;

    font-family: "FontAwesome";

    font-size: 16px;

    padding: 0;

    width: 100%;

    text-align: center;

    color: #fff;

}



.block_newsletter form button[type=submit]:hover {

    background: #000000;

    color: #fff;

}



.footer-before .block_newsletter .block_content {

    margin-top: 15px;

}



.footer-before .block_newsletter .block_content .newsletter-form {

    display: inline-block;

    width: 440px;

    vertical-align: top;

}



.block_newsletter form .input-wrapper {

    overflow: hidden;

}



.block_newsletter p {

    padding-top: 0.625rem;

}



.block_newsletter p.alert {

    margin-bottom: 7px;

    padding: 9px 15px;

    width: 100%;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

}



.block_newsletter form {

    position: relative;

}



.block_newsletter form .col-xs-12 {

    padding-left: 0px;

}



.block_newsletter form .input-wrapper {

    overflow: hidden;

}



.block_newsletter form input[type="text"] {

    min-width: 230px;

    padding: 10px 15px;

    width: 100%;

    border: 0;

    color: #000000;

    outline: 0;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    font-size: 14px;

    height: 45px;

    border: 1px solid #e5e5e5;

}



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

    border-color: #666666;

}



.block_newsletter .gdpr_consent .custom-checkbox input[type="checkbox"]:checked+span .checkbox-checked,

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

    color: #666666;

}



.block_newsletter .gdpr_consent .psgdpr_consent_message,

.block_newsletter #gdpr_consent .psgdpr_consent_message {

    margin-bottom: 0;

    color: #666666;

    font-weight: 400;

    cursor: pointer;

    margin-top: 15px;

}



.block_newsletter .gdpr_consent .psgdpr_consent_message input[type="checkbox"],

.block_newsletter #gdpr_consent .psgdpr_consent_message input[type="checkbox"] {

    display: none;

}



.block_newsletter form input.btn {

    float: none !important;

    margin-top: 10px;

}



.block_newsletter form .newsletter-message {

    display: none;

}



.block-contact li {

    overflow: hidden;

}



.block-contact li i {

    color: #ff5252;

    float: left;

    font-size: 21px;

    width: 20px;

    display: block;

    text-align: left;

}



.footer-container .links.block-contact li .fa.fa-phone::before {

    display: none;

}



.footer-container .links.block-contact li.contact .fa,

.footer-container .block-contact li i.fa-envelope-o {

    display: none;

}



.footer-container .links.block-contact li.phone span {

    font-size: 20px;

    color: #ff5252;

    display: inline-block;

    vertical-align: top;

    line-height: 30px;

    font-weight: 700;

}



.block-contact li i.fa-envelope-o {

    font-size: 19px;

    width: 20px;

    display: block;

}



#contact-rich .block_content .icon {

    float: left;

    padding-top: 6px;

}



#contact-rich .block_content .icon i {

    font-size: 24px;

    color: #ff5252;

}



#contact-rich .block_content .icon i.fa-envelope-o {

    font-size: 20px;

}



#contact-rich .block_content .data {

    margin-left: 30px;

    color: #000;

}



#contact-rich .block_content .data a {

    text-transform: none;

}



.linklist .blockcms-title a {

    color: #000000;

}



.footer-container .links.block-contact li span.chat-icon {

    width: 45px;

    height: 45px;

    text-align: center;

    mask-image: url(../img/codezeel/chat-icon.svg);

    -webkit-mask-image: url(../img/codezeel/chat-icon.svg);

    display: inline-block;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

    -webkit-mask-size: 43px;

    mask-size: 43px;

    -webkit-mask-repeat: no-repeat;

    mask-repeat: no-repeat;

    mask-position: center;

    -webkit-mask-position: center;

    background-color: #ff5252;

    vertical-align: middle;

}



.footer-container .links.block-contact li .expert-text {

    display: inline-block;

    vertical-align: bottom;

    font-size: 18px;

    font-weight: 500;

    color: #000000;

    margin-inline-start: 10px;

}



.footer-container .links.block-contact li .expert-text span {

    font-size: 18px;

}



.block-social {

    float: left;

}



.block-social ul {

    margin-bottom: 0px;

    line-height: 20px;

}



.block-social li {

    text-align: center;

    vertical-align: middle;

    display: inline-block;

    cursor: pointer;

    margin-right: 0px;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.footer-container .block-social li a {

    line-height: 20px;

}



.block-social li a {

    display: block;

    height: 100%;

    white-space: nowrap;

    overflow: hidden;

    cursor: pointer;

    font-size: 0;

}



.block-social li a span {

    display: none;

}



.block-social li a::before {

    font-size: 16px;

    font-family: "FontAwesome";

    display: inline-block;

    font-weight: normal;

    height: 36px;

    width: 36px;

    padding-top: 0px;

    color: #000000;

    cursor: pointer;

    background-color: #fff;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -khtml-border-radius: 50%;

    -moz-border-radius: 50%;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    line-height: 36px;

    vertical-align: top;

    border: 1px solid #e5e5e5;

}



.block-social li a:hover::before {

    background-color: #ff5252;

    color: #fff;

    border-color: #ff5252;

}



.block-social .facebook a:before {

    content: "\F09A";

}



.block-social .twitter a:before {

    content: "\F099";

}



.block-social .rss a:before {

    content: "\F09E";

}



.block-social .youtube a:before {

    content: "\F16A";

}



.block-social .googleplus a:before {

    content: "\F0D5";

}



.block-social .pinterest a:before {

    content: "\F231";

}



.block-social .vimeo a:before {

    content: "\F27D";

}



.block-social .instagram a:before {

    content: "\F16D";

}



#footer {

    width: 100%;

    clear: both;

    position: relative;

    color: #666666;

    border-top: 1px solid #e5e5e5;

}



#footer .block_newsletter .row {

    margin: 0;

}



#footer .footer-before {

    display: none;

}



.footer-container .footer {

    position: relative;

    padding: 80px 0;

}



#footer .block_newsletter span.desc {

    line-height: 20px;

}



#footer .block_newsletter .newsletter-detail {

    position: relative;

    margin-bottom: 20px;

}



.footer-container li {

    text-transform: capitalize;

}



.footer-container .links.block-contact .block-social li {

    padding-inline-end: 15px;

    margin: 0;

}



.footer-container .block-social li a:hover {

    transition: none;

    margin-left: 0;

}



.footer-container li a {

    cursor: pointer;

    color: #666666;

    display: inline-block;

    vertical-align: top;

    line-height: 33px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.footer-container li a:hover {

    color: #ff5252;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.footer-container .links ul li a {

    position: relative;

}



.footer-container .links ul li a:hover {

    margin-inline-start: 5px;

}



.footer-container .links.block-contact li a {

    text-transform: none;

}



.footer-container .links.block-contact li a:hover {

    margin: 0;

}



.footer-container .links {

    width: 21%;

    position: relative;

}



#links_block_left {

    width: 100%;

    padding: 0;

}



.footer-container .links .h3,

.footer-container .links h3,

.footer-container .links h3 a {

    color: #000000;

    font-weight: 500;

    font-size: 18px;

    line-height: 22px;

    text-transform: capitalize !important;

    margin-bottom: 25px;

    cursor: pointer;

    letter-spacing: 0.5px;

}



.footer-container .links .collapse {

    display: inherit;

    margin-bottom: 0;

}



.footer-container .links.block-contact {

    width: 25%;

    margin-inline-end: 100px;

    padding-inline-end: 100px;

    border-inline-end: 1px solid #e5e5e5;

}



.footer-container .links.block-contact li {

    margin-bottom: 12px;

}



.footer-container .links.block-contact li:last-child {

    margin-bottom: 0;

    margin-top: 20px;

}



.footer-container .links.block-contact li span {

    display: flex;

    line-height: 26px;

}



.copyright ._blank:hover {

    color: #ff5252;

}



.footer-after {

    border-top: 1px solid #e5e5e5;

    padding: 16px 0;

}



.footer-after .copyright {

    text-align: center;

    line-height: 36px;

}



.footer-after .container {

    position: relative;

}



.footer-after a {

    color: #555;

}



.footer-after a:hover {

    color: #ff5252;

}



#footer .payement_logo_block {

    float: right;

}



#footer .payement_logo_block .main-title {

    font-size: 18px;

    letter-spacing: 0.7px;

    color: #ffffff;

    margin-bottom: 30px;

    display: block;

    font-weight: 500;

}



#footer .payement_logo_block a img {

    margin-inline-start: 0px;

    vertical-align: text-top;

}



#footer .payement_logo_block a img:first-child {

    margin: 0;

}



#footer #links_block_left .title_block,

#footer #links_block_left .block_title {

    float: left;

    margin: 4px 0 0;

}



#footer #links_block_left #cz_blocklink {

    padding-inline-start: 15px;

}



#footer #links_block_left li::before {

    content: "";

    position: absolute;

    background: #8a8a8a;

    width: 1px;

    height: 12px;

    left: 0;

    right: auto;

    top: 11px;

    bottom: auto;

}



#links_block_left a {

    line-height: 36px;

}



#footer #links_block_left ul li {

    padding-inline-start: 25px;

    padding-inline-end: 20px;

    display: inline-block;

    vertical-align: top;

    position: relative;

}



#footer #links_block_left li:first-child::before {

    display: none;

}



.footer-container .copyright {

    text-align: center;

    margin-top: 30px;

    margin-bottom: 11px;

}



.footer-container .copyright a {

    color: #888;

    letter-spacing: 1px;

    font-weight: 500;

}



.footer-container .copyright a:hover {

    color: #e0e0e0;

}



@media (max-width: 1459px) {

    .footer-container .links.block-contact li.phone span {

        font-size: 20px;

    }



    .block-social li a::before {

        font-size: 17px;

    }



    .block_newsletter form input[type="text"] {

        min-width: auto;

    }



    .footer-container .links.block-contact .block-social li {

        padding-inline-end: 10px;

    }



    .footer-before .block_newsletter .block_content .newsletter-form {

        width: 350px;

    }



    .footer-container .links.block-contact {

        margin-inline-end: 50px;

        padding-inline-end: 50px;

    }

}



@media (max-width: 1199px) {

    .blockreassurance_product div {

        padding: 15px 10px 15px 10px;

    }



    #footer .block_newsletter .title::before {

        display: none;

    }



    .block-social li {

        margin-right: 0px;

    }



    .block_newsletter form input[type="text"] {

        min-width: auto;

    }



    .footer-container .links {

        width: 24%;

    }



    .footer-container .links.block-contact {

        width: 28%;

        margin-inline-end: 0;

        padding-inline-end: 0;

        border-inline-end: none;

    }



    #footer .block_newsletter {

        width: 24%;

    }



    .footer-after .copyright {

        padding: 5px 0;

        line-height: 25px;

    }



    .footer-before .block_newsletter .block_content .newsletter-form {

        width: 250px;

    }



    #footer .footer-before .container {

        padding-top: 35px;

        padding-bottom: 30px;

    }



    .footer-container .links.block-contact li:last-child {

        margin-top: 18px;

    }



    .block-social {

        float: none;

    }

}



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

    .block_newsletter form input[type=text] {

        min-width: 150px;

    }



    #footer #links_block_left #cz_blocklink {

        width: 100%;

        padding: 0;

    }



    .block_newsletter p.alert {

        padding-left: 5px;

        padding-right: 5px;

    }



    .block-promo .promo-input {

        width: 48%;

        font-size: 12px;

    }



    .block-promo .promo-code {

        padding-left: 10px;

        padding-right: 10px;

    }



    .block-promo .promo-input+button {

        padding-left: 20px;

        padding-right: 20px;

    }



    #footer .link_block_wrap {

        padding-top: 30px;

        margin-top: 45px;

    }

}



@media (max-width: 991px) {

    .footer-container .footer {

        padding: 40px 0;

    }



    #footer .block_newsletter .sub_heading {

        width: 100%;

        padding-left: 0;

        margin-bottom: 10px;

    }



    .footer-container .links .collapse {

        display: none;

    }



    .footer-container .links .collapse.in {

        display: block;

    }



    .footer-container .links,

    .footer-container #block_myaccount_infos {

        width: 100%;

        padding-left: 15px;

        padding-right: 15px;

    }



    .footer-container .links.block-contact {

        width: 100%;

        clear: both;

        padding-inline-end: 15px;

    }



    .footer-container .links .h3,

    #footer .block_newsletter h3 {

        display: inline-block;

        vertical-align: top;

    }



    .footer-container .links .title {

        padding: 7px 0;

        margin-bottom: 0px;

        cursor: pointer;

        line-height: 26px;

        width: 100%;

    }



    #footer .block_newsletter .newsletter-detail .h3 {

        margin: 0;

        padding: 7px 0;

    }



    .footer-container .links .title .collapse-icons .remove {

        display: none;

    }



    .footer-container .links .title[aria-expanded="true"] .collapse-icons .add {

        display: none;

    }



    .footer-container .links .title[aria-expanded="true"] .collapse-icons .remove {

        display: block;

    }



    .footer-container .links .navbar-toggler {

        padding: 0;

        width: auto;

        display: inline-block;

    }



    .footer-container .links .navbar-toggler .fa-icon::before {

        font-size: 20px;

        line-height: 20px;

        color: #000000;

    }



    .footer-container .links ul {

        margin-bottom: 0;

        padding: 0px 0;

    }



    .footer-container .col-md-6 {

        width: 100%;

    }



    .footer-after {

        padding-top: 15px;

        padding-bottom: 15px;

    }



    .footer-container .hidden-sm-down,

    #search_filters .facet .facet-title.hidden-sm-down {

        display: none !important;

    }



    .footer-container .title.hidden-md-up,

    #search_filters .facet .facet-title.hidden-md-up {

        display: block !important;

    }



    #content-wrapper,

    .layout-left-column #content-wrapper,

    .layout-right-column #content-wrapper,

    #left-column,

    #right-column {

        width: 100% !important;

        padding-left: 0px;

        padding-right: 0px;

    }



    .footer-container .copyright {

        margin-bottom: 0;

    }



    #footer .payement_logo_block .main-title {

        font-size: 16px;

        margin-top: 10px;

        margin-bottom: 15px;

    }



    .footer-container #czfootercmsblock .footertitle {

        margin-bottom: 10px;

    }



    #footer .block_newsletter .title span.news1:before {

        top: 25px;

    }



    .footer-container .links .h3,

    .footer-container .links h3,

    .footer-container .links h3 a,

    .footer-container #czfootercmsblock .footertitle {

        margin-bottom: 0;

    }



    #czfootercmsblock .title {

        margin-bottom: 10px;

    }



    .footer-container .links.block-contact li.contact {

        margin-bottom: 7px;

    }



    #footer .block_newsletter .newsletter-detail {

        margin-bottom: 15px;

    }



    #footer .block_newsletter .title {

        float: none;

    }



    .footer-container .links::after {

        display: none;

    }



    #footer .footer-before .container {

        padding-top: 25px;

        padding-bottom: 25px;

    }



    #footer .block_newsletter {

        width: 100%;

        float: none;

        display: inline-block;

        text-align: left;

    }



    .blockcms-title,

    .myaccount-title,

    .myaccount-title a,

    .block-contact-title,

    .footer-container h3.h3 {

        margin-bottom: 11px;

    }



    #footer #links_block_left ul li {

        padding: 0;

        display: block;

        clear: both;

    }



    #links_block_left a {

        line-height: 33px;

    }



    #footer #links_block_left #cz_blocklink {

        width: 100%;

        padding: 0;

    }



    #footer #links_block_left li::before {

        display: none;

    }



    #footer #links_block_left .title_block,

    #footer #links_block_left .block_title {

        margin: 0;

        float: none;

    }



    #footer #links_block_left {

        padding-top: 0;

        margin-top: 0;

        border: 0;

        padding-bottom: 0;

    }



    .footer-before .block_newsletter .block_content .newsletter-form {

        width: calc(100% - 160px);

    }

}



@media (max-width: 575px) {}



@media (max-width: 480px) {

    #footer .block_newsletter .title::before {

        display: none;

    }

}



.contact-rich .block .icon {

    float: left;

    width: 45px;

}



.contact-rich .block .icon i {

    font-size: 2rem;

}



.contact-rich .block .data {

    width: auto;

    overflow: hidden;

}



.contact-form {

    background: #FFFFFF;

    padding: 1rem;

    color: #808080;

    width: 100%;

}



.contact-form h3 {

    text-transform: capitalize;

    color: #000000;

    font-weight: 500;

    font-size: 22px;

}



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

    background: #FFFFFF;

    padding: 30px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    border: 1px solid #e5e5e5;

}



#products .page-not-found h4,

#pagenotfound .page-not-found h4 {

    margin: 0 0 10px;

}



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

#pagenotfound .page-not-found .search-widget {

    float: none;

    padding: 0;

    width: 100%;

}



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

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

    width: 100%;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

}



.customization-modal .modal-content {

    border-radius: 0;

    border: 1px solid #e5e5e5;

}



.customization-modal .modal-content .modal-body {

    padding-top: 0;

}



.customization-modal .modal-content .modal-body .product-customization-line {

    padding-bottom: 0.9375rem;

    padding-top: 0.9375rem;

    border-bottom: 1px solid #e5e5e5;

}



.customization-modal .modal-content .modal-body .product-customization-line .label {

    font-weight: bold;

    text-align: right;

}



.customization-modal .modal-content .modal-body .product-customization-line:last-child {

    padding-bottom: 0;

    border-bottom: 0;

}



/*** HEADER ***/

#header {

    position: relative;

    min-height: 179px;

}



#header .header_logo {

    max-width: 222px;

    float: left;

    padding: 0;

}



#header .header_logo h1 {

    margin-bottom: 0;

}



#header .logo .icon {

    -webkit-mask-image: url(../img/codezeel/logo-lcon.svg);

    mask-image: url(../img/codezeel/logo-lcon.svg);

    display: inline-block;

    height: 50px;

    width: 50px;

    -webkit-mask-size: 51px;

    mask-size: 51px;

    -webkit-mask-repeat: no-repeat;

    mask-repeat: no-repeat;

    mask-position: center;

    -webkit-mask-position: center;

    background-color: #ff5252;

    vertical-align: bottom;

    float: left;

}



#header .logo .header-logo {

    -webkit-mask-image: url(../img/codezeel/text-logo.svg);

    mask-image: url(../img/codezeel/text-logo.svg);

    display: inline-block;

    height: 50px;

    width: 144px;

    -webkit-mask-size: 123px;

    mask-size: 123px;

    -webkit-mask-repeat: no-repeat;

    mask-repeat: no-repeat;

    mask-position: center;

    -webkit-mask-position: center;

    background-color: #000000;

    vertical-align: bottom;

}



#header .logo {

    max-width: 100%;

}



#header ul.dropdown-menu {

    margin: 0px 0px;

    padding: 5px;

    border: 0;

    right: 0;

    left: auto;

    top: 28px;

    min-width: 160px;

    /* border: 1px solid #e5e5e5; */

    box-shadow: 0 4px 9px rgba(0, 0, 0, .10);

    -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, .10);

    -webkit-box-shadow: 0 4px 9px rgba(0, 0, 0, .10);

}



#header ul.dropdown-menu li a {

    padding: 3px 10px;

    display: block;

    line-height: 24px;

}



#header ul.dropdown-menu li img {

    padding-right: 7px;

}



#header ul.dropdown-menu li a.account {

    text-transform: capitalize;

}



#header .header-nav {

    line-height: initial;

    padding: 9px 0 8px;

    text-transform: initial;

    border-bottom: 1px solid #e5e5e5;

}



#header .header-nav .right-nav {

    float: right;

}



#header .header-nav .right-nav #links_block_top {

    float: left;

    cursor: pointer;

    padding-top: 0;

}



@media(min-width: 576px) {

    #links_block_top #cz_toplink li a {

        color: #fff;

        font-weight: 500;

    }



    #links_block_top #cz_toplink li:hover a {

        color: #e0e0e0;

    }



    #header .header-nav .right-nav #links_block_top {

        padding-top: 2px;

    }

}



#header .header-nav #links_block_top h3.h3.title_block.hidden-md-down {

    display: none;

}



#header .header-nav #links_block_top #cz_toplink li {

    float: left;

    padding-right: 40px;

}



#links_block_top {

    float: right;

}



@media (min-width: 576px) {

    #header .header-nav #links_block_top #cz_toplink {

        display: block;

        margin: 0;

    }



    #header .header-nav #links_block_top #cz_toplink li:last-child {

        border-left: 0px;

        padding-left: 0px;

        margin-left: 0px;

    }

}



#header .header-nav .head-wishlist,

#header .header-nav .head-compare {

    float: right;

    position: relative;

    margin-top: 12px;

    margin-right: 40px;

    z-index: 1;

}



#header .header-nav .head-wishlist .ap-btn-wishlist .material-icons,

#header .header-nav .head-compare .ap-btn-compare .material-icons {

    display: none;

}



#header .header-nav .head-wishlist .ap-btn-wishlist,

#header .header-nav .head-compare .ap-btn-compare {

    margin: 0;

    padding: 0;

    cursor: pointer;

}



#header .header-nav .language-selector,

#header .header-nav .currency-selector,

#header .header-nav #cznavcmsblock {

    padding-inline-start: 13px;

    margin-inline-start: 13px;

    /* position: relative; */

    display: inline-block;

    vertical-align: text-bottom;

}



#header .header-nav .currency-selector::after,

#header .header-nav .language-selector::after {

    content: '';

    position: absolute;

    left: 0;

    right: auto;

    width: 1px;

    height: 15px;

    background: #e5e5e5;

    top: 3px;

    bottom: auto;

}



#header .header-nav .right-nav #links_block_top li:first-child::before {

    border: 0;

}



.currency-selector .expand-more,

.language-selector .expand-more {

    text-transform: capitalize;

    /* font-size: 13px; */

}



@media (min-width: 421px) {

    .language-selector .mobile {

        display: none;

    }

}



#header .header-nav .currency-selector .expand-more .currency-icon {

    position: absolute;

    right: -15px;

    top: 11px;

}



#header .header-nav .dropdown .dropdown-arrow:before {

    font-family: "FontAwesome";

    content: "\F107";

    margin-top: 2px;

    font-size: 14px;

    padding-inline-start: 3px;

    float: right;

}



#header .header-nav .dropdown.open .dropdown-arrow:before {

    content: "\F106";

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



#header .header-nav .cart-preview .shopping-cart {

    vertical-align: middle;

}



#header .header-nav .cart-preview .body {

    display: none;

}



#header .header-nav #contact-link {

    float: left;

    padding-right: 40px;

}



#header .header-nav #contact-link .contact_number {

    display: none;

}



#header .header-nav #contact-link .fa.fa-phone {

    font-size: 0;

}



#header .header-nav #contact-link .email a,

#header .header-nav #contact-link .email {

    color: #fff;

    text-transform: none;

}



#header .header-nav .material-icons {

    line-height: 22px;

    font-size: 20px;

}



#header .header-nav .material-icons.expand-more {

    margin-left: -3px;

}



#header .header-top {

    width: 100%;

    padding: 23px 0 22px;

    border-bottom: 1px solid #e5e5e5;

}



#header .header-top>.container {

    position: relative;

}



#header .top-menu-link {

    margin-left: 1.25rem;

}



#header .user-info,

#header .header-top .head-wishlist,

#header .header-top .head-compare,

#header .blockcart {

    margin-top: 6px;

}



@media(min-width: 1200px) {

    #header .user-info.user-info-mobile {

        display: none;

    }

}



#header .user-info {

    float: right;

    position: relative;

    padding-inline-end: 20px;

    margin-inline-end: 20px;

}



#header .user-info::before {

    content: '';

    position: absolute;

    left: auto;

    right: 0;

    width: 1px;

    height: 35px;

    background: #e5e5e5;

    top: -2px;

    bottom: auto;

}



#header .user-info .expand-more::after {

    font-family: "FontAwesome";

    content: "\F107";

    font-size: 16px;

    font-weight: 600;

    padding-inline-start: 3px;

}



#header .user-info.open .expand-more::after {

    font-family: "FontAwesome";

    content: "\F106";

}



#header .user-info .dropdown-menu {

    min-width: 190px;

    margin: 0px 0px;

    right: 0;

    left: auto;

    min-width: 170px;

    top: 27px;

    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, .15);

}



#header .user-info .account_text {

    /* text-align: left;

    line-height: 21px;

    display: inline-block;

    color: #000000;

    font-weight: 500; */

}



#header .user-info .user-info-title .account_text span {

    display: block;

    text-transform: capitalize;

}



#header .header-nav .right-nav span.registration_text {

    display: inline-block;

    vertical-align: top;

    position: relative;

}



#header .header-nav .right-nav span.registration_text a:hover {

    color: #ff5252;

}



#header .user-info .material-icons {

    display: none;

}



#header .blockcart .blockcart-header>.shopping-cart>.icon,

#header .header-top .head-wishlist .ap-btn-wishlist .material-icons,

#header .header-top .head-compare .ap-btn-compare .material-icons {

    width: 30px;

    height: 30px;

    display: inline-block;

    -webkit-mask-repeat: no-repeat;

    mask-repeat: no-repeat;

    mask-position: center;

    -webkit-mask-position: center;

    background-color: #000000;

    font-size: 0;

}



#header .blockcart .blockcart-header>.shopping-cart>.icon:hover,

#header .header-top .head-wishlist .ap-btn-wishlist .material-icons:hover,

#header .header-top .head-compare .ap-btn-compare .material-icons:hover {

    background-color: #ff5252;

}



#header .blockcart {

    position: relative;

    cursor: pointer;

    float: right;

    padding: 0px;

    width: auto;

}



#header .blockcart .blockcart-header>.shopping-cart>.icon {

    mask-image: url(../img/codezeel/cart.svg);

    -webkit-mask-image: url(../img/codezeel/cart.svg);

    -webkit-mask-size: 30px;

    mask-size: 30px;

    vertical-align: top;

}



#header .blockcart .blockcart-header>.shopping-cart .cart-products-count {

    color: #000022;

    font-weight: 500;

}



#header .blockcart .material-icons.expand-more {

    display: none;

}



#header .user-info ul.dropdown-menu {

    top: 40px;

}



#header .cart_block,

#header .search-widget .search_toggle {

    top: 55px;

}



@media(max-width: 1199px) {

    #header .user-info .user-info-title .account_text {

        display: none;

    }



    #header .user-info .user-info-title {

        /* display: inline-block;

		border-radius: 50%;

		-webkit-border-radius: 50%;

		-khtml-border-radius: 50%;

		-moz-border-radius: 5px;

		background-color: #ff5252;

		-webkit-transition: all 0.5s ease;

		-moz-transition: all 0.5s ease;

		-o-transition: all 0.5s ease;

		transition: all 0.5s ease; */

    }



    #header .user-info .user-info-title .user-icon {

        mask-image: url(../img/codezeel/user.svg);

        -webkit-mask-image: url(../img/codezeel/user.svg);

        height: 30px;

        width: 30px;

        display: inline-block;

        -webkit-mask-size: 22px;

        mask-size: 22px;

        -webkit-mask-repeat: no-repeat;

        mask-repeat: no-repeat;

        mask-position: center;

        -webkit-mask-position: center;

        background-color: #000000;

        vertical-align: top;

        cursor: pointer;

    }



    #header .user-info .user-info-title .user-icon:hover {

        background-color: #ff5252;

    }



    #header .logo_text {

        font-size: 33px;

        line-height: 50px;

    }



    #header .logo_text .icon {

        height: 50px;

        width: 40px;

        -webkit-mask-size: 37px;

        mask-size: 37px;

        margin-right: 3px;

    }



    #header .user-info::before {

        display: none;

    }



    #header .user-info::after {

        display: none;

    }

}



.overlay {

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

    position: fixed;

    top: 0;

    left: 0;

    z-index: 999;

    opacity: .7;

    filter: alpha(opacity=80);

    background: #000000;

    width: 100%;

    height: 100%;

    display: none;

}



.overlay.overlay_active {

    display: block;

}



#header .blockcart .cart_block {

    position: fixed;

    top: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background: #fff;

    transform: translateX(102%);

    transition: transform 0.35s ease;

    z-index: 9999;

    box-shadow: 0 0 12px 2px rgb(0 0 0 / 25%);

    max-width: 400px;

    opacity: 0;

    transition: transform 0.3s cubic-bezier(.77, .2, .05, 1), opacity 0.4s cubic-bezier(.77, .2, .05, 1);

    text-align: left;

}



body.cartslide_active #header .blockcart .cart_block {

    opacity: 1;

    transform: translateX(0rem);

}



html .cartslide_active,

html .menuslide_active {

    overflow: hidden;

}



#header .blockcart .material-icons.expand-more {

    display: none;

}



#header .blockcart .block_content {

    float: left;

    width: 100%;

    padding-top: 5px;

    height: 100%;

    position: relative;

}



#header .blockcart .cart_block .cart-summary {

    position: absolute;

    width: 100%;

    bottom: 71px;

    background: #fff;

}



#header .blockcart .cart_block .checkout.card-block {

    outline: 0;

    position: absolute;

    bottom: 0;

    left: auto;

    right: 0;

    width: 100%;

    padding: 20px;

    background: #f7f7f7;

    display: inline-flex;

    flex-wrap: wrap;

}



#header .blockcart .cart_block .checkout.card-block .viewcart {

    margin-inline-end: 15px;

}



#header .blockcart .cart_block .checkout.card-block a {

    flex: 1;

}



#header .blockcart .cart_block .cart_block_list::-webkit-scrollbar {

    width: 4px;

}



#header .blockcart .cart_block .cart_block_list::-webkit-scrollbar-track {

    background: #ddd;

}



#header .blockcart .cart_block .cart_block_list::-webkit-scrollbar-thumb {

    border: 4px solid #888888;

}



#header .blockcart .cart_block .cart_block_list {

    scrollbar-color: #888 #ccc;

    scrollbar-width: thin;

}



#header .blockcart .cart_block .cart-item {

    margin-bottom: 5px;

    padding: 10px 15px;

    overflow: hidden;

    border-bottom: 1px solid #e5e5e5;

}



#header .blockcart .cart_block .cart-item .cart-image {

    float: left;

    margin-right: 12px;

    text-align: center;

    width: 90px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

}



#header .blockcart .cart_block .cart-item .cart-image img {

    width: 100%;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    border: 1px solid #e5e5e5;

}



#header .blockcart .cart_block .cart-item .cart-info {

    overflow: hidden;

    position: relative;

    padding-right: 35px;

}



#header .blockcart .cart_block .cart-info .product-quantity {

    display: inline-block;

    text-transform: uppercase;

    color: #000000;

}



#header .blockcart .cart_block .cart-item .cart-info .product-name {

    line-height: 18px;

    white-space: pre-line;

}



#header .blockcart .cart_block .cart-item .cart-info .product-price {

    font-size: 16px;

}



#header .blockcart .cart_block .cart-item .cart-info .remove-from-cart {

    position: absolute;

    right: 10px;

    top: 4px;

    float: right;

    outline: none;

    text-decoration: none;

}



#header .blockcart .cart_block .cart-item .cart-info .remove-from-cart .material-icons {

    font-size: 0;

    background-image: url(../img/codezeel/delete.svg);

    background-size: 24px;

    background-position: center;

    height: 25px;

    width: 25px;

    background-repeat: no-repeat;

}



#header .blockcart .cart_block .cart-item .cart-info .customizations {

    padding-bottom: 10px;

    font-size: 11px;

}



#header .blockcart .cart_block .cart-summary {

    border-bottom: 0px;

    margin: 0px;

    border-left: none;

    border-right: none;

}



#header .blockcart .cart_block .card-block {

    padding: 10px 15px 15px;

    border-bottom: 1px solid #e5e5e5;

}



#header .blockcart .cart_block .checkout.card-block button {

    min-width: 100%;

    max-width: 190px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    padding: 10px 10px;

}



#header .blockcart .cart_block .checkout.card-block {

    text-align: right;

    padding: 15px;

    border-bottom: none;

}



#header .blockcart .cart_block.exclusive .top-block-cart {

    float: left;

    width: 100%;

    background: #fff;

    padding-block: 13px;

    padding-inline: 20px;

    border-bottom: 1px solid #ddd;

}



#header .blockcart .cart_block .toggle-title {

    float: left;

    width: auto;

    font-size: 17px;

    font-weight: 500;

    line-height: 20px;

    color: #000000;

    text-transform: capitalize;

    letter-spacing: 0;

}



#header .blockcart .cart_block .close-icon {

    color: #000000;

    background: url(../img/codezeel/close.svg) center no-repeat;

    background-size: 16px;

    float: right;

    font-size: 0;

    height: 20px;

    width: 20px;

    text-indent: 100%;

    cursor: pointer;

}



#header .blockcart .cart_block .block_content .cart_block_list {

    position: absolute;

    top: 5px;

    bottom: 300px;

    left: 0;

    right: 0;

    overflow-y: auto;

}



#header .blockcart .cart_block .no-more-item {

    display: inline-block;

    width: 100%;

    text-align: center;

}



#header .blockcart .cart_block .block_content .no-more-item .empty-text {

    font-size: 14px;

    margin-block: 20px;

    color: #666;

}



#header .blockcart .cart_block .no-img {

    background: url(../img/codezeel/empty-cart.svg) center no-repeat;

    background-size: 100px;

    height: 100px;

    width: 100px;

    margin: 20px auto 0;

}



#header .header-top .head-wishlist .ap-btn-wishlist>span.icon {

    display: none;

}



#header .blockcart .cart_block .btn-primary:hover {

    background-color: #000000;

    border-color: #000000;

    color: #fff;

}



#header .header-top .head-wishlist .ap-btn-wishlist .material-icons {

    mask-image: url(../img/codezeel/wishlist.svg);

    -webkit-mask-image: url(../img/codezeel/wishlist.svg);

    display: inline-block;

    -webkit-mask-size: 36px;

    mask-size: 36px;

}



#header .search-widget {

    float: none;

    width: auto;

    padding: 0;

    position: relative;

    display: inline-block;

    vertical-align: top;

    text-align: center;

    margin-inline-start: 70px;

    margin-top: 2px;

}



#header .header-top .head-wishlist,

#header .header-top .head-compare {

    padding-inline-end: 23px;

    float: right;

    position: relative;

}



#header .header-top .head-compare .ap-btn-compare .ap-total-compare,

#header .header-top .head-wishlist .ap-btn-wishlist .ap-total-wishlist,

#header .blockcart .blockcart-header>.shopping-cart .mobile_count {

    color: #fff;

    background: #ff5252;

    position: absolute;

    line-height: 19px;

    font-size: 13px;

    top: -6px;

    left: 20px;

    right: auto;

    padding: 0 5px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    height: 19px;

    min-width: 17px;

    text-align: center;

    font-weight: 500;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



#header .header-top .head-compare .ap-btn-compare>span.icon {

    display: none;

}



#header .header-top .head-compare .ap-btn-compare .material-icons {

    mask-image: url(../img/codezeel/compare.svg);

    -webkit-mask-image: url(../img/codezeel/compare.svg);

    -webkit-mask-size: 26px;

    mask-size: 26px;

}



#header .search-widget .search_button {

    height: 24px;

    width: 25px;

    mask-image: url(../img/codezeel/search.svg);

    -webkit-mask-image: url(../img/codezeel/search.svg);

    display: inline-block;

    -webkit-mask-size: 23px;

    mask-size: 23px;

    -webkit-mask-repeat: no-repeat;

    mask-repeat: no-repeat;

    mask-position: center;

    -webkit-mask-position: center;

    background-color: #000000;

    font-size: 0;

    cursor: pointer;

}



#header .search-widget .search_button {

    display: none;

}



#header .search-widget .search_button.active {

    mask-image: url(../img/codezeel/close.svg);

    -webkit-mask-image: url(../img/codezeel/close.svg);

    display: inline-block;

    -webkit-mask-size: 18px;

    mask-size: 18px;

    -webkit-mask-repeat: no-repeat;

    mask-repeat: no-repeat;

    mask-position: center;

    -webkit-mask-position: center;

    background-color: #000000;

    font-size: 0;

    cursor: pointer;

}



#header .search-widget .search_button.active {

    display: none;

}



#header .search-widget .search_toggle {

    display: block;

    z-index: 9;

    background: none;

    width: 700px;

}



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

    border: 0;

    font-size: 13px;

    font-weight: 500;

    letter-spacing: 0.5px;

    text-transform: uppercase;

    right: 0;

    height: 40px;

    padding: 7px 23px;

    /* color: #fff; */

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    outline-offset: 0;

    margin-inline-start: 10px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    min-width: 100px;

    text-align: center;

    padding: 6px 12px;

    position: static;

}



#header .search-widget form button[type=submit]:before {

    display: none;

}



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

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    min-width: 590px;

    padding: 12px 20px 12px 12px;

    border: 1px solid #e5e5e5;

    height: 40px;

    background: #ffffff;

    float: left;

}



.search-button {

    float: left;

    display: flex;

    justify-content: center;

}



.popover {

    font-family: inherit;

}



/*** WRAPPER ***/

#index #wrapper {

    padding-top: 0px;

    padding-bottom: 0px;

}



#wrapper {

    padding-top: 40px;

    padding-bottom: 30px;

}



#wrapper .banner {

    margin-bottom: 30px;

    display: block;

}



.breadcrumb {

    margin: -40px 0 40px;

    width: 100%;

    padding: 30px 0;

    text-align: center;

    overflow: hidden;

    /* background: #fff; */

}



.breadcrumb .container h1 {

    line-height: 24px;

    font-weight: 600;

    font-size: 22px;

    float: left;

    text-transform: initial;

    margin: 0;

    color: #000000;

}



#index .breadcrumb[data-depth="1"] {

    display: none;

}



.breadcrumb ol {

    padding-left: 0;

    margin: 0;

    text-align: left;

}



.breadcrumb li {

    display: inline;

}



.breadcrumb li a span:hover {

    text-decoration: underline;

}



.breadcrumb li::after {

    content: "|";

    margin: 0.3125em;

}



.breadcrumb li:last-child {

    content: "|";

}



.breadcrumb li:last-child::after {

    content: "";

    display: none;

}



/*** MAIN ***/

#index #main .page-footer {

    margin-bottom: 0;

}



#main .page-header {

    margin-bottom: 1.5625rem;

}



#main .page-content {

    margin-bottom: 1.5625rem;

}



#order-detail #main .page-content {

    border: 1px solid #e5e5e5;

}



#main .page-content h6 {

    margin-bottom: 10px;

    font-weight: normal;

}



#main .page-content #notifications {

    margin-left: -20px;

    margin-right: -20px;

}



#main .page-footer {

    margin-bottom: 1.5625rem;

}



#main>h1,

#main h2.h2,

#main .page-header h1,

.block-category h1 {

    font-weight: 500;

    font-size: 22px;

    line-height: 26px;

    color: #000000;

    text-transform: initial;

    margin-bottom: 20px;

}



.block-category .category-cover .page-header h1,

.block-category h1 {

    padding-bottom: 0px;

    margin-bottom: 15px;

}



#notifications ul {

    margin-bottom: 0;

}



/*

#manufacturer #left-column #search_filters_wrapper,

#prices-drop #left-column #search_filters_wrapper,

#new-products #left-column #search_filters_wrapper,

#search #left-column #search_filters_wrapper,

#best-sales #left-column #search_filters_wrapper {

	display: none;

}

*/

#identity #content-wrapper #main,

#mywishlist .new-wishlist,

#address #content-wrapper #main {

    padding: 20px;

    letter-spacing: .5px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    border: 1px solid #e5e5e5;

}



body #products .product-miniature.st-wishlistproduct-item {

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

    width: 20%;

    border: 0;

}



#czsubbannercmsblock img,

#czbannercmsblock img,

#czbannercmsblock1 img {

    max-width: 100%;

    height: auto;

}



#content.page-cms img,

#content.page-cms iframe,

.product-description img,

.product-description iframe {

    max-width: 100%;

    height: auto;

}



.product-description ul,

#content.page-cms ul {

    list-style: disc;

    padding-inline-start: 20px;

}



/*** FOOTER ***/

/*** Responsive part ***/

@media (max-width: 1459px) {

    #header .blockcart .blockcart-header>.shopping-cart .cart-products-count {

        display: none;

    }



    #header .search-widget .search_toggle {

        width: 490px;

    }



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

        min-width: 380px;

    }



    #header .search-widget {

        margin-inline-start: 60px;

    }

}



@media (max-width: 1199px) {

    #header .search-widget .search_toggle {

        width: 470px;

    }



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

        min-width: 360px;

    }



    #header .user-info.user-info-desktop {

        display: none;

    }



    #header .user-info {

        padding-inline-end: 0px;

    }



    #header .header-top #czheadercmsblock {

        padding-left: 10px;

        margin-top: 0;

    }



    #header .header-top #czheadercmsblock {

        display: none;

    }



    #header .user-info ul.dropdown-menu #czheadercmsblock {

        display: block;

    }



    #header .header-top #czheadercmsblock .contact-info {

        color: #000000;

        font-size: 14px;

    }



    #footer .payement_logo_block {

        float: none;

        margin-top: 10px;

        margin-bottom: 10px;

    }



    .footer-after {

        text-align: center;

    }



    #header .search-widget {

        margin-inline-start: 30px;

    }

}



@media (max-width: 991px) {

    .container {

        max-width: 100%;

        width: 100%;

    }



    #header .blockcart .block_content {

        padding-top: 5px;

        height: auto;

    }



    #header .blockcart .cart_block .cart-summary {

        position: relative;

        float: left;

        bottom: auto;

    }



    #header .blockcart .cart_block .checkout.card-block {

        outline: 0;

        position: relative;

        bottom: auto;

        left: auto;

        right: auto;

        float: left;

    }



    #header .blockcart .cart_block .card-block {

        padding: 7px 15px;

    }



    #header .blockcart .cart_block .checkout.card-block {

        padding: 10px;

    }



    #header .blockcart .cart_block .cart-item:last-child {

        border: none;

    }



    #header .blockcart .cart_block {

        display: block;

        bottom: 0;

        overflow-y: auto;

    }



    #header .blockcart .cart_block .block_content .cart_block_list {

        position: relative;

        top: auto;

        bottom: auto;

        left: auto;

        right: auto;

        overflow-y: unset;

    }



    #header .header_logo h1 {

        margin: 0;

    }



    #header .header-nav .right-nav span.registration_text a:before {

        left: 8px;

    }



    #header .cart_block {

        top: 47px;

    }



    .sub-menu {

        left: 0;

        min-width: 100%;

    }



    #blockcart-modal .product-image {

        width: 100%;

        display: block;

        max-width: 250px;

        margin: 0 auto 0.9375rem;

    }



    #blockcart-modal .cart-content {

        padding-left: 0;

    }



    /* #header .header-nav .left-nav {

		display: none;

	} */

    #mobile_top_menu_wrapper #czwelcomecmsblock {

        padding-inline-start: 4px;

        color: #000000;

        line-height: 21px;

        border-top: 1px solid #e5e5e5;

        padding-top: 10px;

        margin-top: 10px;

        border-bottom: 1px solid #e5e5e5;

        padding-bottom: 10px;

        margin-bottom: 10px;

        display: block;

    }



    #header .header-nav .left-nav #czwelcomecmsblock {

        display: none;

    }



    #search_filters .facet .facet-label {

        text-align: left;

    }



    .block-category .category-cover {

        position: relative;

        text-align: center;

    }



    .block-category {

        padding-bottom: 0;

    }



    #header .header-top {

        padding: 17px 0 17px;

        border: 0;

    }



    #index #header .header-top {

        border: 0;

    }



    #header:after {

        bottom: -10px;

        height: 15px;

    }



    #header .header-nav .right-nav #cznavcmsblock .welcome_text {

        display: none;

    }



    .breadcrumb .container h1 {

        font-size: 23px;

        text-align: center;

        float: none;

        padding-bottom: 10px;

    }



    #cznavcmsblock .welcome_text {

        font-size: 15px;

        line-height: 20px;

    }



    #header .header-nav {

        text-align: center;

        padding: 10px 0;

    }



    #header .header-nav .language-selector,

    #header .header-nav .currency-selector {

        margin-top: 0;

    }



    #header .header-nav .currency-selector:after,

    #header .header-nav .language-selector:after {

        top: 2px;

    }



    #header .header-nav .right-nav {

        float: none;

        display: inline-block;

        margin: 0 0 -3px;

    }



    #mobile_top_menu_wrapper .mobile-menu-inner #contact-link .fa.fa-phone {

        font-size: 0;

    }



    #mobile_top_menu_wrapper .mobile-menu-inner #contact-link .h3 {

        font-size: 14px;

        font-weight: 500;

        text-transform: capitalize;

    }



    #mobile_top_menu_wrapper .mobile-menu-inner #contact-link a {

        text-decoration: underline;

    }



    #mobile_top_menu_wrapper .mobile-menu-inner #contact-link {

        margin-top: 11px;

        margin-bottom: 2px;

    }



    #header .header-nav #contact-link {

        display: none;

    }



    #mobile_top_menu_wrapper .mobile-menu-inner .header-nav #contact-link {

        display: block;

    }



    .breadcrumb ol {

        float: none;

    }



    #header .user-info {

        border: 0;

        margin-inline-end: 15px;

    }



    #header ul.dropdown-menu {

        top: 28px;

    }



    #header .search-widget {

        float: right;

        margin-top: 3px;

        width: auto;

        padding: 0;

        position: relative;

        /* display: flex; */

        vertical-align: top;

        margin-inline-end: 20px;

        justify-content: center;

        margin-inline-start: 0;

    }



    #header .search-widget .search_toggle {

        width: 100%;

    }



    #header .header-top-inner .mobile-menu {

        position: relative;

    }



    #header .header-top.fixed .mobile-menu>.menu-icon {

        padding-inline-end: 30px;

    }



    #header .mobile-menu>.menu-icon {

        float: left;

        margin-top: 11px;

    }



    #header .header-top.fixed #cz_search_block_top {

        display: none;

    }



    #header .user-info .user-info-title .account_text {

        display: none;

    }



    #header {

        min-height: 116px;

    }



    #header .search-widget .search_button {

        -webkit-mask-size: 18px;

        mask-size: 18px;

    }



    #text-offer {

        float: left;

        padding: 3px 0 3px 5px;

    }



    #header .header-top .head-compare .ap-btn-compare .ap-total-compare,

    #header .header-top .head-wishlist .ap-btn-wishlist .ap-total-wishlist,

    #header .blockcart .blockcart-header>.shopping-cart .mobile_count {

        top: -5px;

        left: 16px;

        border: 0;

        background-color: #ff5252;

        color: #fff;

    }



    #header .blockcart .blockcart-header>.shopping-cart .mobile_count {}



    #header .header-top .head-wishlist .ap-btn-wishlist,

    #header .blockcart .blockcart-header>.shopping-cart {

        background-color: transparent;

    }



    #header .blockcart .blockcart-header>.shopping-cart>.icon,

    #header .header-top .head-wishlist .ap-btn-wishlist .material-icons,

    #header .header-top .head-compare .ap-btn-compare .material-icons,

    #header .user-info .user-info-title .user-icon,

    #header .search-widget .search_button.active,

    #header .search-widget .search_button {

        width: 25px;

        height: 25px;

    }



    #header .blockcart .blockcart-header>.shopping-cart>.icon:hover,

    #header .header-top .head-wishlist .ap-btn-wishlist .material-icons:hover,

    #header .header-top .head-compare .ap-btn-compare .material-icons:hover,

    #header .user-info .user-info-title .user-icon:hover,

    #header .search-widget .search_button.active:hover,

    #header .search-widget .search_button:hover {

        background-color: #ff5252;

    }



    #header .search-widget .search_button.active {

        -webkit-mask-size: 15px;

        mask-size: 15px;

    }



    #header .user-info .user-info-title .user-icon {

        -webkit-mask-size: 20px;

        mask-size: 20px;

    }



    #header .blockcart .blockcart-header>.shopping-cart>.icon {

        -webkit-mask-size: 25px;

        mask-size: 25px;

    }



    #header .header-top .head-wishlist .ap-btn-wishlist .material-icons {

        -webkit-mask-size: 30px;

        mask-size: 30px;

    }



    #header .header-top .head-compare .ap-btn-compare .material-icons {

        -webkit-mask-size: 21px;

        mask-size: 21px;

    }



    #header .header-top .head-compare .ap-btn-compare,

    #header .user-info .user-info-title {

        background-color: transparent;

    }



    #header .header-top-inner #text-offer {

        display: none;

    }



    #header .header-top-inner .mobile-menu-inner #text-offer {

        display: block;

        font-weight: 400;

    }



    .breadcrumb {

        padding: 20px 0;

    }



    #header .header-top .head-wishlist,

    #header .header-top .head-compare {

        padding-inline-end: 16px;

    }



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

        min-width: 250px;

        width: calc(100% - 10%);

    }



    #header .user-info,

    #header .header-top .head-wishlist,

    #header .header-top .head-compare,

    #header .blockcart {

        margin-top: 12px;

    }



    #header .search-widget {

        padding-inline-start: 0;

    }



    #header .user-info .expand-more::after {

        display: none;

    }



    #header .header-nav #cznavcmsblock {

        margin: 0;

        padding: 0;

    }

}



@media (max-width: 879px) {

    #header .search-widget {

        margin: 0;

        width: 100%;

        margin-top: 15px;

        float: left;

    }



    #header.fixed .header-top #search_widget {

        display: none;

    }

}



@media (max-width: 767px) {

    #wrapper {

        box-shadow: none;

    }



    #checkout-cart-summary {

        float: none;

        width: 100%;

        margin-top: 1rem;

    }



    #header .header-nav .top-logo {

        line-height: 45px;

        vertical-align: middle;

        margin: 0 auto;

    }



    #header .header-nav .top-logo a img {

        max-height: 50px;

        max-width: 100%;

    }



    #header .header-nav .blockcart {

        margin-left: 0;

        background: inherit;

    }



    #header .header-nav .blockcart.inactive .cart-products-count {

        display: none;

    }



    section.checkout-step {

        width: 100%;

    }



    .default-input {

        min-width: 100%;

    }



    label {

        clear: both;

    }



    .block-contact {

        border: none;

    }



    .container {

        max-width: 100%;

    }



    .pp-left-column,

    .pp-right-column {

        float: none;

        width: 100%;

    }



    .pp-right-column {

        padding-left: 15px;

    }



    .cz-hometabcontent .tabs .nav-tabs {

        float: none;

        margin-right: 0;

        margin-top: 0;

    }



    #header .logo_text {

        font-size: 30px;

    }



    #header .logo_text .icon {

        -webkit-mask-size: 34px;

        mask-size: 34px;

        height: 40px;

        width: 35px;

        vertical-align: text-bottom;

    }

}



@media (max-width: 575px) {

    #header .cart_block {

        width: 270px;

    }



    #header .user-info,

    #header .header-top .head-wishlist,

    #header .header-top .head-compare,

    #header .blockcart {

        margin-top: 7px;

    }



    #header {

        min-height: 113px;

    }



    #header .header_logo {

        max-width: 200px;

    }



    .products-section-title {

        font-size: 20px;

        padding-inline-end: 90px;

    }



    #header .header-nav .currency-selector .currency,

    #header .header-nav .language-selector .Language {

        font-size: 0;

    }



    #header .header-nav .language-selector:before {

        left: -10px;

    }



    #header .header-nav .right-nav #links_block_top .block_title {

        font-weight: 400;

        font-size: 14px;

        line-height: 18px;

        text-transform: capitalize;

        color: #fff;

        margin: 0;

    }



    #header .header-nav .right-nav #links_block_top .block_title a {

        color: #fff !important;

    }



    #header .header-nav .right-nav #links_block_top .navbar-toggler {

        display: inline-block;

        padding: 0;

        width: auto;

        height: auto;

        line-height: 16px;

    }



    #header .header-nav .right-nav #links_block_top .navbar-toggler .fa-icon:before {

        font-size: 16px;

        padding-left: 3px;

    }



    #header .header-nav .right-nav #links_block_top .block_title[aria-expanded="true"] .collapse-icons .remove,

    #header .header-nav .right-nav #links_block_top .navbar-toggler .fa-icon.add {

        display: block;

    }



    #header .header-nav .right-nav #links_block_top .block_title[aria-expanded="true"] .collapse-icons .add,

    #header .header-nav .right-nav #links_block_top .navbar-toggler .fa-icon.remove {

        display: none;

    }



    #header .header-nav #links_block_top #cz_toplink li {

        padding: 5px 10px;

        margin-left: 0px;

        float: none;

        border-left: 0;

        text-align: left;

    }



    #header .header-nav .right-nav #links_block_top li {

        margin: 0;

        padding: 5px 10px;

        display: block;

        font-size: 14px;

        margin-bottom: 2px;

        line-height: initial;

        color: #000000;

    }



    .brands .products .product_list li.product_item {

        width: 29%;

    }



    #header .user-info {

        border: 0;

    }



    #header .logo_text {

        font-size: 27px;

    }



    #header .logo .icon {

        height: 40px;

        width: 40px;

        -webkit-mask-size: 39px;

        mask-size: 39px;

    }



    #header .logo .header-logo {

        height: 44px;

        width: 124px;

        -webkit-mask-size: 107px;

        mask-size: 107px;

    }



    .products .product_list li.item .product-description,

    .products .product_list.grid .product_item .product-description {

        padding-left: 5px;

        padding-right: 5px;

    }



    .products .product_list li.item .highlighted-informations,

    .products .product_list li.product_item .highlighted-informations {

        left: 5px;

    }



    .products .view_more {

        position: static;

        text-align: right;

        padding-inline-end: 10px;

    }

}



@media (max-width: 480px) {



    #header .header-nav .language-selector .Language,

    #header .header-nav .currency-selector .currency {

        font-size: 0;

    }



    #header .header-nav .head-wishlist .ap-btn-wishlist:before,

    #header .header-nav .head-compare .ap-btn-compare:before {

        right: -10px;

    }



    .breadcrumb {

        padding: 20px 0;

    }



    #header .blockcart .blockcart-header>.shopping-cart>.icon,

    #header .header-top .head-wishlist .ap-btn-wishlist .material-icons,

    #header .header-top .head-compare .ap-btn-compare .material-icons,

    #header .user-info .user-info-title .user-icon,

    #header .search-widget .search_button.active,

    #header .search-widget .search_button {

        width: 25px;

        height: 25px;

    }



    #header .blockcart .blockcart-header>.shopping-cart>.icon {

        -webkit-mask-size: 22px;

        mask-size: 22px;

    }



    #header .header-top .head-wishlist .ap-btn-wishlist .material-icons {

        -webkit-mask-size: 27px;

        mask-size: 27px;

    }



    #header .header-top .head-compare .ap-btn-compare .material-icons {

        -webkit-mask-size: 20px;

        mask-size: 20px;

    }



    #header .user-info .user-info-title .user-icon {

        -webkit-mask-size: 19px;

        mask-size: 19px;

    }



    #header .search-widget .search_button {

        -webkit-mask-size: 16px;

        mask-size: 16px;

    }



    #header .header-top .head-compare .ap-btn-compare .ap-total-compare,

    #header .header-top .head-wishlist .ap-btn-wishlist .ap-total-wishlist,

    #header .blockcart .blockcart-header>.shopping-cart .mobile_count {

        height: 16px;

        padding: 0 5px;

        line-height: 16px;

        font-size: 9px;

        top: -4px;

        left: 16px;

    }



    #header .header-top .head-wishlist,

    #header .header-top .head-compare {

        padding-inline-end: 10px;

    }



    .header-top .menu-icon .cat-title::after {

        top: 0;

        -webkit-mask-size: 15px;

        mask-size: 15px;

    }



    #header .user-info {

        margin-inline-end: 10px;

    }



    #header .header-top.fixed .mobile-menu>.menu-icon {

        padding-inline-end: 20px;

    }



    #header .header_logo {

        max-width: 140px;

        margin-top: 5px;

    }



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

        min-width: auto;

    }

}



@media(max-width: 420px) {

    .language-selector .expand-more {

        font-size: 0;

    }



    .language-selector .mobile {

        font-size: 14px;

    }



    #header .language-selector {

        min-width: 70px;

    }



    #header .language-selector img {

        vertical-align: inherit;

    }



    #header .header-nav .currency-selector::before,

    #header .header-nav .right-nav #links_block_top li::before {

        display: none;

    }



    #header .logo .icon {

        height: 30px;

        width: 30px;

        -webkit-mask-size: 29px;

        mask-size: 29px;

    }



    #header .logo .header-logo {

        height: 34px;

        width: 94px;

        -webkit-mask-size: 87px;

        mask-size: 87px;

    }



    #header .user-info,

    #header .header-top .head-wishlist,

    #header .header-top .head-compare,

    #header .blockcart,

    #header .mobile-menu>.menu-icon {

        margin-top: 6px;

    }

}



@media(max-width: 380px) {



    #header .header-nav .language-selector,

    #header .header-nav .currency-selector {

        padding-inline-start: 8px;

        margin-inline-start: 8px;

    }



    #header .header-top .head-wishlist,

    #header .header-top .head-compare {

        padding-inline-end: 7px;

    }



    #header .user-info {

        margin-inline-end: 7px;

    }



    .product-quantity .wishlist,

    .product-quantity .compare {

        display: block;

    }



    .header-top .menu-icon .cat-title::after {

        top: 2px;

    }



    #header .header-top .head-wishlist {

        display: none;

    }

}



@media(max-width: 319px) {

    .products .product_list li .product-miniature {

        margin: 0 auto;

    }

}



.sitemap .tree {

    padding-left: 20px;

}



.sitemap .tree li {

    padding: 5px 0;

}



.sitemap .tree li a {

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.sitemap .tree li a:hover {

    margin-left: 5px;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.sitemap .tree li a:before {

    content: "\F105";

    display: inline-block;

    font-family: "FontAwesome";

    padding-right: 13px;

}



.sitemap .tree li ul {

    margin-left: 20px;

}



/*-------------------------- Start Home page Testimonial Block -------------------------------*/

#cztestimonialcmsblock {

    padding-top: 70px;

    position: relative;

    float: left;

    width: 100%;

    clear: both;

}



#cztestimonialcmsblock .container {

    position: relative;

}



#cztestimonialcmsblock .testimonial-block {

    margin: 0 -15px;

}



#cztestimonialcmsblock li.item {

    padding: 30px 35px 30px;

    margin: 0px 15px 0px;

    text-align: left;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

    border: 1px solid #e5e5e5;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

}



#cztestimonialcmsblock li.item .testimonial-image {

    display: inline-block;

    vertical-align: top;

    margin-inline-end: 15px;

}



#cztestimonialcmsblock li.item .testimonial-image img {

    max-width: 100%;

    border-radius: 50%;

    height: auto;

}



#cztestimonialcmsblock li.item .title {

    padding: 12px 0;

    display: inline-block;

    vertical-align: top;

}



#cztestimonialcmsblock li.item .name {

    line-height: 20px;

}



#cztestimonialcmsblock li.item .title .name a {

    font-size: 16px;

    font-weight: 500;

}



#cztestimonialcmsblock li.item .product_inner_cms {

    margin-bottom: 15px;

}



@media(max-width:1459px) {

    #cztestimonialcmsblock li.item {

        padding: 20px;

    }

}



@media(max-width:991px) {

    #cztestimonialcmsblock .testimonial-block {

        margin: 0 -10px;

    }



    #cztestimonialcmsblock li.item {

        margin-left: 10px;

        margin-right: 10px;

    }



    #cztestimonialcmsblock {

        padding-top: 35px;

    }

}



@media(max-width:480px) {

    #cztestimonialcmsblock li.item {

        padding: 15px;

    }



    #cztestimonialcmsblock li.item .testimonial-image {

        margin-inline-end: 10px;

    }

}



/*-------------------------- Start Home page Service CMS Block -------------------------------*/

#czservicecmsblock {

    clear: both;

    float: left;

    width: 100%;

    padding-top: 70px;

    padding-bottom: 70px;

}



#czservicecmsblock .service_container .service-area {

    padding: 0;

    float: left;

    width: 100%;

}



#czservicecmsblock .service_container .service-area .service-fifth {

    float: left;

    width: 20%;

    padding: 0px 20px 0px 20px;

    text-align: center;

}



#czservicecmsblock .service_container .service-area .service-fifth .service-icon {

    display: inline-block;

    height: 50px;

    width: 50px;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

    -webkit-mask-size: 55px;

    mask-size: 55px;

    -webkit-mask-repeat: no-repeat;

    mask-repeat: no-repeat;

    mask-position: center;

    -webkit-mask-position: center;

    background-color: #000000;

    vertical-align: sub;

}



#czservicecmsblock .service_container .service-area .service-fifth:hover .service-icon {

    background-color: #ff5252;

}



#czservicecmsblock .service_container .service-area .service-fifth.service1 .icon1 {

    -webkit-mask-image: url(../img/codezeel/service-1.svg);

    mask-image: url(../img/codezeel/service-1.svg);

    width: 60px;

}



#czservicecmsblock .service_container .service-area .service-fifth.service2 .icon2 {

    -webkit-mask-image: url(../img/codezeel/service-2.svg);

    mask-image: url(../img/codezeel/service-2.svg);

    -webkit-mask-size: 40px;

    mask-size: 40px;

}



#czservicecmsblock .service_container .service-area .service-fifth.service3 .icon3 {

    -webkit-mask-image: url(../img/codezeel/service-3.svg);

    mask-image: url(../img/codezeel/service-3.svg);

    -webkit-mask-size: 43px;

    mask-size: 43px;

}



#czservicecmsblock .service_container .service-area .service-fifth.service4 .icon4 {

    -webkit-mask-image: url(../img/codezeel/service-4.svg);

    mask-image: url(../img/codezeel/service-4.svg);

    -webkit-mask-size: 43px;

    mask-size: 43px;

}



#czservicecmsblock .service_container .service-area .service-fifth.service5 .icon5 {

    -webkit-mask-image: url(../img/codezeel/service-5.svg);

    mask-image: url(../img/codezeel/service-5.svg);

    -webkit-mask-size: 43px;

    mask-size: 43px;

}



#czservicecmsblock .service-fifth:hover .service-icon {

    transform: translateY(-8px);

}



#czservicecmsblock .service_container .service-area .service-fifth .service-content {

    padding-top: 6px;

}



#czservicecmsblock .service_container .service-area .service-fifth .service-content .service-heading {

    font-weight: 500;

    color: #000000;

    font-size: 16px;

}



#czservicecmsblock .service_container .service-area .service-fifth.service5 {

    padding-inline-end: 0px;

}



#czservicecmsblock .service_container .service-area .service-fifth.service1 {

    padding-inline-start: 0px;

}



@media (max-width: 1459px) {

    #czservicecmsblock .service_container .service-area .service-fifth {

        padding-left: 5px;

        padding-right: 5px;

    }

}



@media (max-width: 1260px) {}



@media (max-width: 1199px) {}



@media (max-width: 991px) {

    #czservicecmsblock {

        padding-top: 35px;

        padding-bottom: 5px;

    }



    #czservicecmsblock .service_container .service-area .service-fifth {

        width: 33.33%;

        margin-bottom: 30px;

        padding-left: 0;

        padding-right: 0;

    }



    #czservicecmsblock .service_container .service-area .service-fifth.service1 {

        padding-left: 0px;

        padding-right: 0px;

    }

}



@media (max-width: 767px) {

    #czservicecmsblock .service_container .service-area .service-fifth {

        width: 50%;

    }

}



@media (max-width: 520px) {}



@media (max-width: 420px) {

    #czservicecmsblock .service_container .service-area .service-fifth {

        width: 100%;

        margin-bottom: 30px;

        padding: 0;

    }

}



/*********************************** CMS banner block   ******************************************/

#czbannercmsblock {

    padding-top: 70px;

    clear: both;

    float: left;

    width: 100%;

    position: relative;

    overflow: hidden;

}



#czbannercmsblock .cmsbanners {

    margin: 0px -15px;

}



#czbannercmsblock .one-third {

    float: left;

    width: 33.33%;

    padding: 0 15px;

    overflow: hidden;

}



#czbannercmsblock .cmsbanners .one-third .cmsbanner {

    position: relative;

    overflow: hidden;

    vertical-align: top;

    display: inline-block;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

}



#czbannercmsblock .cmsbanners .one-third .cmsbanner img {

    -webkit-transition: all 2000ms ease 0s;

    -moz-transition: all 2000ms ease 0s;

    -o-transition: all 2000ms ease 0s;

    transition: all 2000ms ease 0s;

}



#czbannercmsblock .cmsbanners .one-third .cmsbanner:hover img {

    -webkit-transform: scale(1.15);

    -ms-transform: scale(1.15);

    transform: scale(1.15);

    -webkit-transition: all 2000ms ease 0s;

    -moz-transition: all 2000ms ease 0s;

    -o-transition: all 2000ms ease 0s;

    transition: all 2000ms ease 0s;

}



#czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-text {

    position: absolute;

    top: 0;

    bottom: 0;

    text-align: left;

    letter-spacing: 0;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-content: flex-start;

    align-items: flex-start;

    color: #000000;

    right: 40px;

}



#czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-text .offer-title {

    font-size: 20px;

    font-weight: 700;

    color: #ff5252;

    margin-bottom: 10px;

}



#czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-text .main-title {

    font-size: 24px;

    font-weight: 500;

    line-height: 29px;

    margin-bottom: 17px;

}



#czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-text .main-title span {

    display: block;

}



#czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-text .view_more {

    display: inline-block;

}



#czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-text .view_more .btn-primary {

    padding: 0;

    background-color: transparent !important;

    color: #222;

    text-decoration: underline;

}



#czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-text .view_more .btn-primary:hover {

    color: #222222;

    text-decoration: none;

    background-color: #fff;

}



#czbannercmsblock .cmsbanners .one-third .cmsbanner a.banner-anchor {

    position: relative;

    display: inline-block;

}



@media (max-width: 1459px) and (min-width: 768px) {

    #czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-text {

        right: 20px;

    }



    #czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-text .main-title {

        font-size: 24px;

        line-height: 29px;

        margin-bottom: 10px;

    }

}



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

    #czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-text .main-title {

        font-size: 19px;

        line-height: 24px;

        margin-bottom: 7px;

    }



    #czbannercmsblock .one-third {

        padding: 0 10px;

    }



    #czbannercmsblock .cmsbanners {

        margin: 0px -10px;

    }



    #czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-text .offer-title {

        font-size: 16px;

        margin-bottom: 2px;

    }

}



@media (max-width: 991px) {

    #czbannercmsblock {

        padding-top: 20px;

    }

}



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

    #czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-text {

        right: 15px;

    }



    #czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-text .main-title {

        font-size: 15px;

        line-height: 21px;

    }



    #czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-text .offer-title {

        font-size: 15px;

        line-height: 18px;

    }



    #czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-text .view_more .btn-primary {

        font-size: 13px;

    }

}



@media (max-width: 767px) {

    #czbannercmsblock .one-third {

        float: none;

        width: 100%;

        padding: 0 10px;

        text-align: center;

    }



    #czbannercmsblock .cmsbanners {

        margin: 0px -10px;

    }



    #czbannercmsblock .cmsbanners .one-third .cmsbanner.cmsbanner2 {

        margin-bottom: 20px;

        margin-top: 20px;

    }

}



@media (max-width: 575px) {

    #czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-text {

        right: 30px;

    }

}



@media (max-width: 480px) {

    #czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-text {

        right: 20px;

    }

}



@media (max-width: 380px) {

    #czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-text {

        right: 15px;

    }



    #czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-text .main-title {

        font-size: 19px;

        line-height: 24px;

        margin-bottom: 12px;

    }



    #czbannercmsblock .cmsbanners .one-third .cmsbanner .cmsbanner-text .offer-title {

        font-size: 16px;

        line-height: 17px;

        margin-bottom: 6px;

    }

}



/*********************************** CMS banner block1 and CMS banner block2   ******************************************/

#czbannercmsblock1,

#czbannercmsblock2 {

    clear: both;

    float: left;

    width: 100%;

    position: relative;

    overflow: hidden;

    margin-top: 70px;

}



#czbannercmsblock1 .cmsbanners,

#czbannercmsblock2 .cmsbanners {

    margin: 0 -15px;

}



#czbannercmsblock1 .cmsbanners .one-half,

#czbannercmsblock2 .cmsbanners .one-half {

    width: 50%;

    padding: 0 15px;

    float: left;

}



#czbannercmsblock1 .cmsbanners .one-half .cmsbanner,

#czbannercmsblock2 .cmsbanners .one-half .cmsbanner {

    position: relative;

    overflow: hidden;

    vertical-align: middle;

    display: inline-block;

    border-radius: 5px;

}



#czbannercmsblock1 .cmsbanners .one-half .cmsbanner .cmsbanner-text,

#czbannercmsblock2 .cmsbanners .one-half .cmsbanner .cmsbanner-text {

    position: absolute;

    top: 0;

    bottom: 0;

    text-align: left;

    letter-spacing: 0px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-content: flex-start;

    align-items: flex-start;

    color: #000000;

    left: 50px;

}



#czbannercmsblock1 .cmsbanners .one-half .cmsbanner .cmsbanner-text .offer-title,

#czbannercmsblock2 .cmsbanners .one-half .cmsbanner .cmsbanner-text .offer-title {

    font-size: 18px;

}



#czbannercmsblock1 .cmsbanners .one-half .cmsbanner .cmsbanner-text .main-title,

#czbannercmsblock2 .cmsbanners .one-half .cmsbanner .cmsbanner-text .main-title {

    font-size: 32px;

    line-height: 40px;

    font-weight: 500;

    margin-top: 16px;

    margin-bottom: 23px;

}



#czbannercmsblock1 .cmsbanners .one-half .cmsbanner .cmsbanner-text .main-title span,

#czbannercmsblock2 .cmsbanners .one-half .cmsbanner .cmsbanner-text .main-title span {

    display: block;

}



#czbannercmsblock1 .cmsbanners .one-half .cmsbanner-inner .cmsbanner img,

#czbannercmsblock2 .cmsbanners .one-half .cmsbanner-inner .cmsbanner img {

    max-width: 100%;

    -webkit-transition: all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    -o-transition: all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    transition: all 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    height: auto;

}



#czbannercmsblock1 .cmsbanners .one-half .cmsbanner-inner .cmsbanner:hover img,

#czbannercmsblock2 .cmsbanners .one-half .cmsbanner-inner .cmsbanner:hover img {

    -webkit-transform: scale(1.15);

    -ms-transform: scale(1.15);

    transform: scale(1.15);

}



#czbannercmsblock1 .cmsbanners .one-half .cmsbanner-inner .cmsbanner .banner-anchor,

#czbannercmsblock2 .cmsbanners .one-half .cmsbanner-inner .cmsbanner .banner-anchor {

    display: inline-block;

    position: relative;

}



#czbannercmsblock1 .cmsbanners .one-half .cmsbanner .cmsbanner-text .btn-primary,

#czbannercmsblock2 .cmsbanners .one-half .cmsbanner .cmsbanner-text .btn-primary {

    padding: 10px 26px;

}



@media (max-width: 1459px) and (min-width: 768px) {



    #czbannercmsblock1 .cmsbanners .one-half .cmsbanner .cmsbanner-text,

    #czbannercmsblock2 .cmsbanners .one-half .cmsbanner .cmsbanner-text {

        left: 25px;

    }

}



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



    #czbannercmsblock1 .cmsbanners .one-half .cmsbanner .cmsbanner-text .main-title,

    #czbannercmsblock2 .cmsbanners .one-half .cmsbanner .cmsbanner-text .main-title {

        font-size: 26px;

        line-height: 31px;

        margin-top: 7px;

        margin-bottom: 14px;

    }



    #czbannercmsblock1 .cmsbanners .one-half .cmsbanner .cmsbanner-text .offer-title,

    #czbannercmsblock2 .cmsbanners .one-half .cmsbanner .cmsbanner-text .offer-title {

        font-size: 16px;

        line-height: 18px;

    }

}



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



    #czbannercmsblock1 .cmsbanners .one-half .cmsbanner .cmsbanner-text .main-title,

    #czbannercmsblock2 .cmsbanners .one-half .cmsbanner .cmsbanner-text .main-title {

        font-size: 22px;

        line-height: 27px;

        margin-top: 4px;

        margin-bottom: 11px;

    }



    #czbannercmsblock1 .cmsbanners .one-half .cmsbanner .cmsbanner-text,

    #czbannercmsblock2 .cmsbanners .one-half .cmsbanner .cmsbanner-text {

        left: 15px;

    }



    #czbannercmsblock1 .cmsbanners .one-half .cmsbanner .cmsbanner-text .offer-title,

    #czbannercmsblock2 .cmsbanners .one-half .cmsbanner .cmsbanner-text .offer-title {

        font-size: 15px;

        line-height: 17px;

    }



    #czbannercmsblock1 .cmsbanners .one-half .cmsbanner .cmsbanner-text .btn-primary,

    #czbannercmsblock2 .cmsbanners .one-half .cmsbanner .cmsbanner-text .btn-primary {

        padding: 5px 16px;

        font-size: 13px;

    }

}



@media (max-width: 991px) {



    #czbannercmsblock1,

    #czbannercmsblock2 {

        margin-top: 40px;

    }



    #czbannercmsblock1 .cmsbanners .one-half,

    #czbannercmsblock2 .cmsbanners .one-half {

        padding-left: 10px;

        padding-right: 10px;

    }



    #czbannercmsblock1 .cmsbanners,

    #czbannercmsblock2 .cmsbanners {

        margin: 0 -10px;

    }

}



@media (max-width: 767px) {



    #czbannercmsblock1 .cmsbanners .one-half,

    #czbannercmsblock2 .cmsbanners .one-half {

        float: none;

        width: 100%;

        text-align: center;

    }



    #czbannercmsblock1 .cmsbanners .one-half:nth-child(2),

    #czbannercmsblock2 .cmsbanners .one-half:nth-child(2) {

        margin-top: 20px;

    }



    #czbannercmsblock1 .cmsbanners .one-half .cmsbanner .cmsbanner-text,

    #czbannercmsblock2 .cmsbanners .one-half .cmsbanner .cmsbanner-text {

        left: 30px;

    }



    #czbannercmsblock1 .cmsbanners .one-half .cmsbanner .cmsbanner-text .main-title,

    #czbannercmsblock2 .cmsbanners .one-half .cmsbanner .cmsbanner-text .main-title {

        font-size: 29px;

        line-height: 35px;

        margin-top: 14px;

        margin-bottom: 19px;

    }

}



@media (max-width: 575px) {



    #czbannercmsblock1 .cmsbanners .one-half .cmsbanner .cmsbanner-text .main-title,

    #czbannercmsblock2 .cmsbanners .one-half .cmsbanner .cmsbanner-text .main-title {

        font-size: 30px;

        line-height: 37px;

        margin-top: 20px;

    }



    #czbannercmsblock1 .cmsbanners .one-half .cmsbanner .cmsbanner-text .offer-title,

    #czbannercmsblock2 .cmsbanners .one-half .cmsbanner .cmsbanner-text .offer-title {

        font-size: 15px;

        line-height: 17px;

    }



    #czbannercmsblock1 .cmsbanners .one-half .cmsbanner .cmsbanner-text,

    #czbannercmsblock2 .cmsbanners .one-half .cmsbanner .cmsbanner-text {

        left: 20px;

    }



    #czbannercmsblock1 .cmsbanners .one-half .cmsbanner .cmsbanner-text .main-title,

    #czbannercmsblock2 .cmsbanners .one-half .cmsbanner .cmsbanner-text .main-title {

        font-size: 25px;

        line-height: 30px;

        margin-top: 7px;

        margin-bottom: 13px;

    }



    #czbannercmsblock1 .cmsbanners .one-half .cmsbanner .cmsbanner-text .btn-primary,

    #czbannercmsblock2 .cmsbanners .one-half .cmsbanner .cmsbanner-text .btn-primary {

        padding: 6px 16px;

        font-size: 13px;

    }

}



@media (max-width: 480px) {



    #czbannercmsblock1 .cmsbanners .one-half .cmsbanner .cmsbanner-text,

    #czbannercmsblock2 .cmsbanners .one-half .cmsbanner .cmsbanner-text {

        left: 15px;

    }



    #czbannercmsblock1 .cmsbanners .one-half .cmsbanner .cmsbanner-text .main-title,

    #czbannercmsblock2 .cmsbanners .one-half .cmsbanner .cmsbanner-text .main-title {

        font-size: 19px;

        line-height: 23px;

        margin-top: 7px;

        margin-bottom: 7px;

    }



    #czbannercmsblock1 .cmsbanners .one-half .cmsbanner .cmsbanner-text .offer-title,

    #czbannercmsblock2 .cmsbanners .one-half .cmsbanner .cmsbanner-text .offer-title {

        font-size: 14px;

    }

}



@media (max-width: 380px) {



    #czbannercmsblock1 .cmsbanners .one-half .cmsbanner .cmsbanner-text .main-title,

    #czbannercmsblock2 .cmsbanners .one-half .cmsbanner .cmsbanner-text .main-title {

        font-size: 16px;

        line-height: 21px;

        margin-top: 6px;

        margin-bottom: 2px;

    }



    #czbannercmsblock1 .cmsbanners .one-half .cmsbanner .cmsbanner-text .btn-primary,

    #czbannercmsblock2 .cmsbanners .one-half .cmsbanner .cmsbanner-text .btn-primary {

        padding: 0;

        background-color: transparent;

        color: #000000;

        text-decoration: underline;

    }



    #czbannercmsblock1 .cmsbanners .one-half .cmsbanner .cmsbanner-text .btn-primary:hover,

    #czbannercmsblock2 .cmsbanners .one-half .cmsbanner .cmsbanner-text .btn-primary:hover {

        text-decoration: none;

    }

}



/*-------------------------- Start Home page Offercms Block -------------------------------*/

@keyframes blink {

    from {

        color: #000

    }



    to {

        color: #fff

    }

}



@-webkit-keyframes blink {

    from {

        color: #efc942

    }



    to {

        color: #fff

    }

}



#czoffercmsblock {

    float: left;

    width: 100%;

    clear: both;

    position: relative;

    margin-top: 70px;

}



#czoffercmsblock .offercmsdetail {

    padding: 26px 40px 25px;

    border: 2px solid #ff5252;

    display: block;

    position: relative;

    overflow: hidden;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

    -webkit-transition: all 500ms ease 0s;

    -moz-transition: all 500ms ease 0s;

    -o-transition: all 500ms ease 0s;

    transition: all 500ms ease 0s;

}



#czoffercmsblock .offercms-text {

    color: #000000;

}



#czoffercmsblock .offer-title {

    font-size: 28px;

    font-weight: 500;

    line-height: 30px;

    position: relative;

    padding-top: 3px;

    padding-left: 75px;

    vertical-align: middle;

    display: inline-block;

    text-transform: uppercase;

    letter-spacing: 0.3px;

}



#czoffercmsblock .offer-title::before {

    content: "";

    height: 50px;

    width: 65px;

    position: absolute;

    top: -5px;

    left: 0;

    display: inline-block;

    -webkit-mask-size: 60px;

    mask-size: 60px;

    -webkit-mask-repeat: no-repeat;

    mask-repeat: no-repeat;

    mask-position: center;

    -webkit-mask-position: center;

    background-color: #000000;

    vertical-align: sub;

    -webkit-mask-image: url(../img/codezeel/offer-truck.svg);

    mask-image: url(../img/codezeel/offer-truck.svg);

}



#czoffercmsblock .offer-title:after {

    content: "";

    position: absolute;

    height: 40px;

    border-right: 1px solid #e5e5e5;

    top: -3px;

    right: -70px;

}



#czoffercmsblock .offer-desc {

    font-size: 16px;

    display: inline-block;

    vertical-align: sub;

    padding-inline-start: 200px;

    cursor: auto;

    position: relative;

}



#czoffercmsblock .offercms-text .offer-price {

    float: right;

    font-size: 28px;

    line-height: 35px;

    font-weight: 600;

    text-transform: uppercase;

    position: relative;

    cursor: pointer;

    animation-duration: 1200ms;

    animation-name: blink;

    animation-iteration-count: infinite;

    animation-direction: alternate;

    animation: blink 1200ms infinite;

}



#czoffercmsblock .offercms-text .offer-price:before {

    content: "";

    position: absolute;

    height: 40px;

    border-right: 1px solid #e5e5e5;

    top: -2px;

    left: -70px;

}



@media (max-width: 1459px) {

    #czoffercmsblock .offer-desc {

        padding-inline-start: 130px;

    }



    #czoffercmsblock .offercms-text .offer-price {

        font-size: 26px;

    }



    #czoffercmsblock .offercmsdetail {

        padding-left: 30px;

        padding-right: 30px;

    }



    #czoffercmsblock .offer-title {

        font-size: 28px;

    }

}



@media (max-width: 1199px) {

    #czoffercmsblock .offer-title {

        font-size: 20px;

        padding-left: 70px;

    }



    #czoffercmsblock .offercms-text .offer-price {

        font-size: 20px;

    }



    #czoffercmsblock .offercmsdetail {

        padding-left: 20px;

        padding-right: 20px;

    }



    #czoffercmsblock .offer-title::after {

        right: -35px;

        height: 30px;

        top: 4px;

    }



    #czoffercmsblock .offercms-text .offer-price::before {

        left: -35px;

        height: 30px;

        top: 4px;

    }



    #czoffercmsblock .offer-desc {

        padding-inline-start: 70px;

    }

}



@media (max-width: 991px) {

    #czoffercmsblock {

        margin-top: 35px;

    }



    #czoffercmsblock .offercmsdetail {

        padding-left: 15px;

        padding-right: 15px;

        padding-top: 15px;

        padding-bottom: 15px;

    }



    #czoffercmsblock .offercms-text {

        text-align: center;

    }



    #czoffercmsblock .offer-title {

        padding-left: 0px;

        padding-top: 0px;

    }



    #czoffercmsblock .offer-title:before {

        background: none;

        height: 0px;

        width: 0px;

    }



    #czoffercmsblock .offer-title:after,

    #czoffercmsblock .offercms-text .offer-price::before {

        border: 0px;

        height: 0px;

    }



    #czoffercmsblock .offer-desc {

        padding-left: 0px;

        display: block;

        padding-top: 5px;

        padding-bottom: 8px;

        padding-inline-start: 0;

    }



    #czoffercmsblock .offercms-text .offer-price {

        float: none;

    }

}



@media (max-width: 380px) {

    #czoffercmsblock .offer-title {

        font-size: 20px;

    }

}



/*********************************** Sub banner CMS block   ******************************************/

#czsubbannercmsblock {

    float: right;

    position: relative;

    margin-top: 30px;

    width: 27.15%;

    padding-inline-start: 30px;

}



#czsubbannercmsblock .subbanners {

    margin: 0px -15px;

}



#czsubbannercmsblock .subbanners .one-half {

    position: relative;

    float: left;

    padding: 0 15px;

    overflow: hidden;

}



#czsubbannercmsblock .subbanners .subbanner.subbanner.subbanner2 {

    margin-top: 30px;

}



#czsubbannercmsblock .subbanners .subbanner {

    position: relative;

    overflow: hidden;

    vertical-align: top;

    display: inline-block;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

}



#czsubbannercmsblock .subbanners .subbanner img {

    max-width: 100%;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

}



#czsubbannercmsblock .subbanners .subbanner:hover img {

    -webkit-transform: scale(1.05);

    -ms-transform: scale(1.05);

    transform: scale(1.05);

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



#czsubbannercmsblock .subbanners .subbanner a.banner-anchor {

    display: inline-block;

    position: relative;

}



#czsubbannercmsblock .subbanners .subbanner .subbanner-text {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 32px;

    right: auto;

    color: #000000;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

    text-align: left;

    letter-spacing: 0;

}



#czsubbannercmsblock .subbanners .one-half:nth-child(2) .subbanner-text {

    left: auto;

    right: 32px;

}



#czsubbannercmsblock .subbanners .subbanner .subbanner-text .offer-title {

    font-size: 20px;

    line-height: 20px;

    text-transform: uppercase;

    font-weight: 700;

    color: #ff5252;

    margin-top: 17px;

    margin-bottom: 14px;

}



#czsubbannercmsblock .subbanners .subbanner .subbanner-text .main-title {

    font-size: 24px;

    font-weight: 500;

    line-height: 31px;

}



#czsubbannercmsblock .subbanners .subbanner .subbanner-text .main-title span {

    display: block;

}



#czsubbannercmsblock .subbanners .subbanner .subbanner-text .btn-primary {

    padding: 0;

    background-color: transparent;

    color: #000000;

    text-decoration: underline;

}



#czsubbannercmsblock .subbanners .subbanner .subbanner-text .btn-primary:hover {

    text-decoration: none;

}



@media screen and (max-width: 1459px) and (min-width: 1200px) {

    #czsubbannercmsblock .subbanners .subbanner .subbanner-text {

        left: 20px;

    }



    #czsubbannercmsblock .subbanners .subbanner .subbanner-text .main-title {

        font-size: 21px;

        line-height: 28px;

    }



    #czsubbannercmsblock .subbanners .one-half:nth-child(2) .subbanner-text {

        left: auto;

        right: 20px;

    }

}



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

    #czsubbannercmsblock {

        padding-inline-start: 20px;

    }



    #czsubbannercmsblock .subbanners .subbanner .subbanner-text {

        left: 20px;

    }



    #czsubbannercmsblock .subbanners .subbanner .subbanner-text .main-title {

        font-size: 19px;

        line-height: 26px;

    }



    #czsubbannercmsblock .subbanners .subbanner .subbanner-text .offer-title {

        line-height: 14px;

        margin-top: 13px;

        margin-bottom: 10px;

    }



    #czsubbannercmsblock .subbanners .one-half:nth-child(2) .subbanner-text {

        right: 20px;

    }



    #czsubbannercmsblock .subbanners .subbanner.subbanner.subbanner2 {

        margin-top: 20px;

    }

}



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

    #czsubbannercmsblock {

        margin-top: 15px;

        padding-inline-start: 20px;

    }



    #czsubbannercmsblock .subbanners .subbanner .subbanner-text .offer-title {

        line-height: 14px;

        margin-top: 12px;

        margin-bottom: 11px;

        font-size: 16px;

    }



    #czsubbannercmsblock .subbanners .subbanner .subbanner-text .main-title {

        font-size: 16px;

        line-height: 21px;

    }



    #czsubbannercmsblock .subbanners .subbanner .subbanner-text .btn-primary {

        font-size: 12px;

    }



    #czsubbannercmsblock .subbanners .subbanner .subbanner-text {

        left: 15px;

    }



    #czsubbannercmsblock .subbanners .one-half:nth-child(2) .subbanner-text {

        right: 15px;

    }



    #czsubbannercmsblock .subbanners .one-half {

        padding: 0 10px;

    }



    #czsubbannercmsblock .subbanners {

        margin: 0px -10px;

    }



    #czsubbannercmsblock .subbanners .subbanner.subbanner.subbanner2 {

        margin-top: 20px;

    }

}



@media screen and (max-width: 800px) {

    #czsubbannercmsblock {

        width: 100%;

        padding-inline-start: 0;

    }



    #czsubbannercmsblock .subbanners .one-half {

        text-align: center;

        width: 50%;

        padding: 0 10px;

    }



    #czsubbannercmsblock .subbanners {

        margin: 0px -10px;

    }



    #czsubbannercmsblock .subbanners .subbanner.subbanner.subbanner2 {

        margin-top: 0;

    }

}



@media (max-width: 767px) and (min-width: 576px) {

    #czsubbannercmsblock .subbanners .one-half:nth-child(2) .subbanner-text {

        right: 20px;

    }



    #czsubbannercmsblock .subbanners .subbanner .subbanner-text {

        left: 20px;

    }



    #czsubbannercmsblock .subbanners .subbanner .subbanner-text .main-title {

        font-size: 22px;

        line-height: 27px;

    }



    #czsubbannercmsblock .subbanners .subbanner .subbanner-text .offer-title {

        margin-top: 12px;

        margin-bottom: 8px;

    }

}



@media (max-width: 575px) {

    #czsubbannercmsblock {

        width: 100%;

        margin-top: 20px;

        padding-inline-start: 0;

    }



    #czsubbannercmsblock .subbanners .one-half {

        padding: 0 10px;

        float: none;

        text-align: center;

        width: 100%;

    }



    #czsubbannercmsblock .subbanners {

        margin: 0px -10px;

    }



    #czsubbannercmsblock .subbanners .subbanner.subbanner.subbanner2 {

        margin-top: 20px;

    }

}



@media (max-width: 380px) {

    #czsubbannercmsblock .subbanners .subbanner .subbanner-text {

        left: 20px;

    }



    #czsubbannercmsblock .subbanners .subbanner .subbanner-text .main-title {

        font-size: 24px;

        line-height: 30px;

    }



    #czsubbannercmsblock .subbanners .one-half:nth-child(2) .subbanner-text {

        right: 20px;

    }

}



/*-------------------------- Start Custom CMS BLock1 Block -------------------------------*/

#czcustomcmsblock1 {

    float: left;

    width: 100%;

    padding-top: 70px;

}



#czcustomcmsblock1 .offerbanner {

    position: relative;

    display: inline-block;

    vertical-align: top;

    overflow: hidden;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

}



#czcustomcmsblock1 .cmsbanner-text {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    color: #fff;

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

    text-align: left;

    letter-spacing: 0;

}



#czcustomcmsblock1 .offerbanner img {

    -webkit-transition: all 2000ms ease 0s;

    -moz-transition: all 2000ms ease 0s;

    -o-transition: all 2000ms ease 0s;

    transition: all 2000ms ease 0s;

    max-width: 100%;

    height: auto;

}



#czcustomcmsblock1 .offerbanner:hover img {

    -webkit-transform: scale(1.07);

    -ms-transform: scale(1.07);

    transform: scale(1.07);

    -webkit-transition: all 2000ms ease 0s;

    -moz-transition: all 2000ms ease 0s;

    -o-transition: all 2000ms ease 0s;

    transition: all 2000ms ease 0s;

}



#czcustomcmsblock1 .offerbanner a.banner-anchor {

    position: relative;

    display: inline-block;

}



#czcustomcmsblock1 .cmsbanner-text .offer-title {

    font-weight: 700;

    font-size: 45px;

    text-transform: uppercase;

    line-height: 45px;

}



#czcustomcmsblock1 .cmsbanner-text .offer-desc {

    font-size: 16px;

    margin-inline-start: 31px;

}



#czcustomcmsblock1 .cmsbanner-text .offer-desc span {

    display: block;

}



@media (max-width: 1199px) {

    #czcustomcmsblock1 .cmsbanner-text .offer-desc {

        font-size: 14px;

        line-height: 21px;

    }



    #czcustomcmsblock1 .cmsbanner-text .offer-title {

        font-size: 40px;

        line-height: 40px;

    }

}



@media (max-width: 991px) {

    #czcustomcmsblock1 {

        padding-top: 35px;

    }



    #czcustomcmsblock1 .cmsbanner-text .offer-desc {

        font-size: 12px;

        line-height: 18px;

    }



    #czcustomcmsblock1 .cmsbanner-text .offer-title {

        font-size: 34px;

        line-height: 34px;

    }

}



@media (max-width: 650px) {

    #czcustomcmsblock1 .cmsbanner-text .offer-title {

        font-size: 29px;

        line-height: 29px;

    }



    #czcustomcmsblock1 .cmsbanner-text .offer-desc {

        font-size: 11px;

        line-height: 15px;

        margin-inline-start: 12px;

    }

}



@media (max-width: 575px) {

    #czcustomcmsblock1 .cmsbanner-text .offer-desc {

        font-size: 10px;

        line-height: 13px;

    }



    #czcustomcmsblock1 .cmsbanner-text .offer-title {

        font-size: 25px;

        line-height: 25px;

    }

}



@media (max-width: 480px) {

    #czcustomcmsblock1 .cmsbanner-text .offer-desc {

        display: none;

    }



    #czcustomcmsblock1 .cmsbanner-text .offer-title {

        font-size: 16px;

        line-height: 17px;

    }

}



/*-------------------------- Start Categoty Image list CMS Block -------------------------------*/

.czcategoryimagelist {

    clear: both;

    float: left;

    width: 100%;

    position: relative;

    margin: 0;

    overflow: hidden;

    padding-top: 30px;

    padding-bottom: 30px;

}



.czcategoryimagelist .customNavigation {

    width: 100%;

    top: 44%;

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

}



.czcategoryimagelist .customNavigation a {

    position: absolute;

}



.czcategoryimagelist .customNavigation a.prev {

    left: 20px;

}



.czcategoryimagelist .customNavigation a.next {

    right: -20px;

    padding: 0;

}



.czcategoryimagelist_block {

    margin: 0 -14px;

}



.czcategoryimagelist:hover .customNavigation {

    opacity: 1;

    filter: alpha(opacity=100);

}



.czcategoryimagelist .product_slider_grid .block_content .categoryimage a {

    overflow: hidden;

    display: block;

    position: relative;

}



.czcategoryimagelist .product_slider_grid li .block_content .categoryimage a img {

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    max-width: 100%;

}



.czcategoryimagelist .product_slider_grid li:hover .categoryimage a img {

    -webkit-transform: scale(1.04);

    -ms-transform: scale(1.04);

    transform: scale(1.04);

}



.czcategoryimagelist .product_slider_grid li.grid {

    float: left;

    width: 12.5%;

}



.czcategoryimagelist .product_slider_grid li {

    position: relative;

    overflow: hidden;

    padding: 0px 14px 0;

}



.czcategoryimagelist .product_slider_grid li .block_content {

    position: relative;

    overflow: hidden;

    cursor: pointer;

    text-align: center;

    width: 100%;

}



.czcategoryimagelist .product_slider_grid .owl-controls {

    text-align: center;

    clear: both;

    line-height: 0;

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

    padding: 0;

}



.czcategoryimagelist .product_slider_grid .owl-controls .owl-pagination {

    display: none;

}



.czcategoryimagelist .product_slider_grid li .block_content .categoryimage {

    overflow: hidden;

    position: relative;

    display: inline-block;

    vertical-align: top;

    margin: 0 auto;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

}



.czcategoryimagelist .product_slider_grid .categoryblock.item .categorylist {

    position: absolute;

    bottom: 15px;

    left: 10px;

    right: 10px;

}



.czcategoryimagelist .product_slider_grid .categoryblock.item .categorylist .cate-heading {

    position: relative;

    display: block;

    width: 100%;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.czcategoryimagelist .product_slider_grid .categoryblock.item .categorylist .cate-heading a {

    font-size: 15px;

    font-weight: 500;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.czcategoryimagelist .product_slider_grid .categoryblock.item .categorylist .cate-heading span {

    font-size: 18px;

    font-weight: 500;

}



.czcategoryimagelist .product_slider_grid .categoryblock.item .categorylist .subcategory li {

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}



.czcategoryimagelist .product_slider_grid li .block_content .categorylist .more {

    position: absolute;

    bottom: 0;

    left: 0;

    opacity: 0;

    filter: alpha(opacity=0);

    right: 0;

    transition: none;

}



.czcategoryimagelist .product_slider_grid li:hover .block_content .categorylist .more {

    opacity: 1;

    filter: alpha(opacity=100);

}



.czcategoryimagelist .product_slider_grid li .block_content .categorylist .more a {

    text-decoration: underline;

    text-transform: uppercase;

    font-size: 14px;

    color: #000000;

    font-weight: 500;

}



.czcategoryimagelist .product_slider_grid li .block_content .categorylist .more a:hover {

    text-decoration: none;

}



.czcategoryimagelist .product_slider_grid .owl-controls .owl-page {

    margin: 0px 4px 0px;

    display: inline-block;

    zoom: 1;

    cursor: pointer;

    background: #dddddd;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

}



.czcategoryimagelist .product_slider_grid .owl-controls .owl-page:hover,

.czcategoryimagelist .product_slider_grid .owl-page.active {

    display: inline-block;

    zoom: 1;

    cursor: pointer;

    -webkit-transition: transform 0.3s cubic-bezier(0.7, -0.2, 0.3, 2.5), color 0.15s ease-out;

    -moz-transition: transform 0.3s cubic-bezier(0.7, -0.2, 0.3, 2.5), color 0.15s ease-out;

    -o-transition: transform 0.3s cubic-bezier(0.7, -0.2, 0.3, 2.5), color 0.15s ease-out;

    transition: transform 0.3s cubic-bezier(0.7, -0.2, 0.3, 2.5), color 0.15s ease-out;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

    background-color: #1dc370;

}



.czcategoryimagelist .product_slider_grid .owl-controls .owl-page span {

    width: 9px;

    height: 9px;

    display: block;

    cursor: pointer;

    margin: 1px;

    text-indent: -9999px;

}



@media(max-width:1459px) {

    .czcategoryimagelist .product_slider_grid li.grid {

        width: 16.667%;

    }

}



@media(max-width:1199px) {

    .czcategoryimagelist .product_slider_grid li.grid {

        width: 20%;

    }

}



@media(max-width:991px) {

    .czcategoryimagelist {

        padding-top: 20px;

        padding-bottom: 20px;

    }



    .czcategoryimagelist_block {

        margin: 0 -10px;

    }



    .czcategoryimagelist .product_slider_grid li {

        padding-left: 10px;

        padding-right: 10px;

    }

}



@media(max-width:767px) {

    .czcategoryimagelist .product_slider_grid li.grid {

        width: 25%;

    }



    .czcategoryimagelist .customNavigation {

        opacity: 1;

        filter: alpha(opacity=100);

    }

}



@media(max-width:575px) {

    .czcategoryimagelist .product_slider_grid li.grid {

        width: 33.33%;

    }



    .czcategoryimagelist .product_slider_grid .categoryblock.item .categorylist {

        bottom: 7px;

    }

}



@media(max-width:380px) {

    .czcategoryimagelist .product_slider_grid li.grid {

        width: 50%;

    }

}



#content-hook-order-confirmation-footer {

    margin-top: 50px;

}



/**** CSS update ***/

.ps-alert-error {

    margin-bottom: 0

}



.ps-alert-error .item,

.ps-alert-success .item {

    align-items: center;

    border: 2px solid #ff4c4c;

    -js-display: flex;

    display: flex;

    background-color: #ff4c4c;

    margin-bottom: 1rem

}



.ps-alert-error .item i,

.ps-alert-success .item i {

    border: 15px solid #ff4c4c;

    -js-display: flex;

    display: flex

}



.ps-alert-error .item i svg,

.ps-alert-success .item i svg {

    background-color: #ff4c4c;

    width: 24px;

    height: 24px

}



.ps-alert-error .item p,

.ps-alert-success .item p {

    background-color: #fff;

    margin: 0;

    padding: 18px 20px;

    width: 100%

}



.ps-alert-success {

    padding: .25rem .25rem 2.75rem

}



.ps-alert-success .item {

    border-color: #4cbb6c;

    background-color: #4cbb6c

}



.ps-alert-success .item i {

    border-color: #4cbb6c

}



.ps-alert-success .item i svg {

    background-color: #4cbb6c

}



#delivery_message {

    width: 100%;

}



#delivery textarea {

    border-color: #e5e5e5;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    -moz-border-radius: 5px;

}



#productCommentsBlock {

    clear: both;

    padding-top: 50px;

}



#header .blockcart .blockcart-header .dropdown-backdrop {

    display: none;

}



@media(max-width: 991px) {

    #productCommentsBlock {

        padding-top: 30px;

    }

}



#module-stfeature-productscompare .products .product-thumbnail img {

    max-width: 100%;

    width: auto;

    margin-bottom: 10px;

}



#module-stfeature-productscompare ul.product-flags {

    display: none;

}



.st-productscompare-item .delete-productcompare {

    z-index: 5 !important;

}



.st-modal-compare h5.modal-title,

.st-modal-wishlist h5.modal-title {

    color: #333;

}



.st-modal-compare h5.modal-title a:hover,

.st-modal-wishlist h5.modal-title a:hover {

    text-decoration: none;

}



.st-modal-compare h5.modal-title a,

.st-modal-wishlist h5.modal-title a {

    text-decoration: underline;

}



.page-product #product-modal .modal-header {

    border: 0;

    padding: 0;

}



.page-product #product-modal .modal-header .close {

    right: -8px;

    margin-top: -8px;

    z-index: 9;

}



#header .cart_block .cart_block_list::-webkit-scrollbar {

    width: 5px;

}



#header .cart_block .cart_block_list::-webkit-scrollbar-track {

    background: #ddd;

}



#header .cart_block .cart_block_list::-webkit-scrollbar-thumb {

    border: 5px solid #999;

}



#header .cart_block .cart_block_list {

    scrollbar-color: #888 #ccc;

    scrollbar-width: thin;

}



input[type=number] {

    -moz-appearance: textfield;



    &::-webkit-outer-spin-button,

    &::-webkit-inner-spin-button {

        -webkit-appearance: none;

        margin: 0;

    }

}



/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



.brands-sort .dropdown-menu a,

.suppliers-sort .dropdown-menu a {

    display: block;

    padding: 3px 10px;

}



body#cart .card-block.cart-detailed-subtotals {

    border-bottom: 1px solid #e5e5e5;

}



body#cart .card-block.cart-summary-totals {

    padding: 10px 20px 0px;

}



body#checkout .card .card-block {

    padding: 20px 20px 10px;

}



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

    padding: 10px 0px 10px;

    border-top: 1px solid #e5e5e5;

    border-bottom: 1px solid #e5e5e5;

    border-radius: 0;

}



body#checkout .card .card-block.cart-summary-totals {

    padding-top: 0;

    padding-bottom: 0;

}



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

    text-transform: capitalize;

    font-weight: 500;

}



body#checkout .card .card-block p .js-show-details {

    text-transform: capitalize;

}



body#checkout .card .promo-name.card-block,

body#checkout .card .card-block.promo-discounts {

    padding-top: 0px;

    padding-bottom: 0;

}



body#checkout .block-promo .promo-code-button {

    margin-top: 5px;

    margin-bottom: 10px;

}



@media(max-width: 767px) {

    #checkout #content-wrapper #js-checkout-summary {

        margin-top: 30px;

    }

}



.vertical-menu .nav-trigger::before {

    content: '';

    position: absolute;

    left: 0px;

    width: 20px;

    height: 20px;

    mask-image: url(../img/codezeel/vertical_menu.svg);

    -webkit-mask-image: url(../img/codezeel/vertical_menu.svg);

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

    -webkit-mask-size: 18px;

    mask-size: 18px;

    -webkit-mask-repeat: no-repeat;

    mask-repeat: no-repeat;

    mask-position: center;

    -webkit-mask-position: center;

    background-color: #000000;

    font-size: 0;

    top: 0;

    bottom: 0;

    margin: auto;

}



.vertical-menu .top-menu li a[data-depth="0"]::after {

    background: url(../img/codezeel/arrow.png) no-repeat scroll 0px -3px;

}



.vertical-menu .verticalmenu_close {

    background-image: url(../img/codezeel/close.svg);

    background-size: 14px;

    background-repeat: no-repeat;

    background-position: center;

    font-size: 0;

    height: 30px;

    width: 30px;

    position: absolute;

    top: 10px;

    right: 20px;

    cursor: pointer;

}



#czverticalmenublock li span.grower.CLOSE {

    background: url(../img/codezeel/sprite.png) no-repeat scroll -4px -70px transparent;

    width: 16px;

    height: 16px;

    float: left;

}



#czverticalmenublock li span.grower.OPEN {

    background: url(../img/codezeel/sprite.png) no-repeat scroll -4px -99px transparent;

    width: 16px;

    height: 16px;

    float: left;

}



.blog-item .blog-created::before {

    content: " ";

    background-position: center;

    padding: 6px 9px;

    -webkit-mask-size: 16px;

    mask-size: 16px;

    -webkit-mask-repeat: no-repeat;

    mask-repeat: no-repeat;

    mask-position: center;

    -webkit-mask-position: center;

    background-color: #ff5252;

    -webkit-mask-image: url(../img/codezeel/time.svg);

    mask-image: url(../img/codezeel/time.svg);

    padding: 6px 9px;

    margin-inline-end: 8px;

}



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

    .cz_search_block_top #cz_search_top_button span {

        mask-image: url(../img/codezeel/search.svg);

        -webkit-mask-image: url(../img/codezeel/search.svg);

        display: inline-block;

        vertical-align: top;

        -webkit-mask-size: 18px;

        mask-size: 18px;

        -webkit-transition: all 0.3s ease;

        -moz-transition: all 0.3s ease;

        -o-transition: all 0.3s ease;

        transition: all 0.3s ease;

        -webkit-mask-repeat: no-repeat;

        mask-repeat: no-repeat;

        mask-position: center;

        -webkit-mask-position: center;

        background-color: #000000;

        font-size: 0;

        width: 50px;

        height: 45px;

    }

}