/*
    *  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
    */
    
    :root {
        --primary-bg-color: #2453c9;
        --primary-text-color: #ffffff;
        --secondary-bg-color:#ffcc00;
        --secondary-text-color: #111111;
        --main-title-color:#111111;
        --body-text-color: #666666;
        --body-background-color: #f1f3f8;
        --header-nav-text-color: #666666;
        --header-nav-text-hvr-color: #111111;
        --header-nav-bg-color: #eff1f4;
        --header-menu-text-color: #666666;
        --header-menu-text-hvr-color: #111111;
        --header-background-color: #ffffff;
        --header-top-text-color: #7b818f;
        --header-top-texthvr-color: #2453c9;
        --header-top-bg-color: #ffffff;
        --price-color:#333333;
        --border-color: #e5e5e5;
        --footer-bg-color: #f1f3f8;
        --footer-news-bg-color: #ffffff;
        --footer-news-title-color: #111111;
        --footer-news-desc-color: #111111;
        --footer-title-color: #111111;
        --footer-link-color: #666666;
        --footer-link-hvr-color: #2453c9;
        --bottom-footer-bg-color: #ffffff;
        --primary-font: 'Rubik', Helvetica, sans-serif;
        --secondary-font: 'Rubik', Helvetica, sans-serif;
    }
    .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;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        border-top-right-radius: 4px
    }
    .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
        margin-top: -2px;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-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: 500
    }
    /*!
    * Bootstrap v4.0.0-alpha.4 (http://getbootstrap.com)
    * Copyright 2011-2016 The Bootstrap Authors
    * Copyright 2011-2016 Twitter, Inc.
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
    */
    /*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */

    html {
        font-family: sans-serif;
        -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;
        color:#666;
    }
    a:active,
    a:hover {
        outline-width: 0;
        color:#111;
    }
    abbr[title] {
        border-bottom: none;
        text-decoration: underline;
    }
    b,
    strong {
        font-weight: inherit;
    }
    b,
    strong {
        font-weight: bolder;
    }
    dfn {
        font-style: italic;
    }
    h1 {
        font-size: 2em;
        margin: 0.67em 0;
    }
    mark {
        background-color: #ff0;
        color: #111;
    }
    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,
    select,
    textarea {
        font: inherit;
    }
    optgroup {
        font-weight: bold;
    }
    button,
    input,
    select {
        overflow: visible;
    }
    button,
    input,
    select,
    textarea {
        margin: 0;
    }
    button,
    select {
        text-transform: none;
    }
    button,
    [type="button"],
    [type="reset"],
    [type="submit"] {
        cursor: pointer;
    }
    [disabled] {
        cursor: default;
    }
    button,
    html [type="button"],
    [type="reset"],
    [type="submit"] {
        -webkit-appearance: button;
    }
    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }
    button:-moz-focusring,
    input:-moz-focusring {
        outline: none;
    }
    fieldset {
        border: 1px solid #e5e5e5;
        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;
        cursor:pointer;
    }
    [type="number"]::-webkit-inner-spin-button,
    [type="number"]::-webkit-outer-spin-button {
        height: auto;
    }
    [type="search"] {
        -webkit-appearance: textfield;
    }
    [type="search"]::-webkit-search-cancel-button,
    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }
    @media print {
        *,
        *::before,
        *::after,
        *::first-letter,
        *::first-line {
            text-shadow: none !important;
            box-shadow: none !important;
        }
        a,
        a:visited {
            text-decoration: underline;
        }
        abbr[title]::after {
            content: " (" attr(title) ")";
        }
        pre,
        blockquote {
            border: 1px solid #e5e5e5;
            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: #111 !important;
        }
        .tag {
            border: 1px solid #111;
        }
        .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", Lato, "Helvetica Neue", Arial, sans-serif;
        font-size: 1rem;
        line-height: 1.5;
        color: #878787;
        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 {
        text-decoration: none;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    a:focus,
    a:hover {
        color: #111111;
    }
    a:focus {
        outline: none;
    }
    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;
    }
    figure {
        margin: 0 0 1rem;
    }
    pre {
        margin-top: 0;
        margin-bottom: 1rem;
        overflow: auto;
    }
    img {
        vertical-align: middle;
        max-width:100%;
        height:auto;
    }
    [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;
        text-align: left;
        caption-side: bottom;
    }
    th {
        text-align: left;
    }
    label {
        display: inline-block;
        margin-bottom: .5rem;
    }
    button:focus {
        outline: none;
        outline: 5px auto -webkit-focus-ring-color;
    }
    input,
    button,
    select,
    textarea {
        margin: 0;
        line-height: inherit;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        outline: none !important;
    }
    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: 700;
        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: 400;
    }
    hr {
        margin-top: 1rem;
        margin-bottom: 1rem;
        border: 0;
        border-top: 1px solid #e5e5e5;
    }
    small,
    .small {
        font-size: 90%;
        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 #e9e9e9;
    }
    .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 #e9e9e9;
        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 {
        display: block;
        max-width: 100%;
        height: auto;
    }
    .img-rounded {
        border-radius: 0.3rem;
        -moz-border-radius: 0.3rem;
        -webkit-border-radius: 0.3rem;
        -khtml-border-radius: 0.3rem;
    }
    .img-thumbnail {
        padding: 0.25rem;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        display: inline-block;
        max-width: 100%;
        height: auto;
    }
    .img-circle {
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
    }
    .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;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
    }
    kbd {
        padding: 0.2rem 0.4rem;
        font-size: 90%;
        color: #fff;
        background-color: #333;
        border-radius: 0.2rem;
        -moz-border-radius: 0.2rem;
        -webkit-border-radius: 0.2rem;
        -khtml-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: #878787;
    }
    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        background-color: transparent;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-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: 544px) {
        .container {
            max-width: 100%;
        }
    }
    @media (min-width: 768px) {
        .container {
            max-width: 750px;
        }
    }
    @media (min-width: 992px) {
        .container {
            max-width: 970px;
        }
    }
    @media (min-width: 1200px) {
        .container {
            max-width: 1170px;
        }
    }
    @media (min-width: 1300px) {
        .container {
            max-width: 1260px;
        }
    }
    @media (min-width: 1330px) {
        .container {
            max-width: 1300px;
        }
    }
    @media (min-width: 1430px) {
        .container {
            max-width: 1400px;
        }
    }
    @media (min-width: 1560px) {
        .container {
            max-width: 1500px;
        }
    }
    .container-fluid {
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    .container-fluid::after {
        content: "";
        display: table;
        clear: both;
    }
    .row {
        margin-left: -15px;
        margin-right: -15px;
    }
    .row::after {
        content: "";
        display: table;
        clear: both;
    }
    .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-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-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-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-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;
    }
    .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: 544px) {
        .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%;
        }
    }
    /*---------- variable css --------------*/

    .text-left{text-align: left;}
    .text-center{text-align: center;}
    .text-right{text-align: right;}
    .text-justify{text-align: justify;}

    .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 #e9e9e9;
    }
    .table tbody + tbody {
        border-top: 2px solid #e9e9e9;
    }
    .table .table {
        background-color: #fff;
    }
    .table-sm th,
    .table-sm td {
        padding: 0.3rem;
    }
    .table-bordered {
        border: 1px solid #e5e5e5;
        background: #fff;
    }
    .table-bordered th,
    .table-bordered td {
        border: 1px solid #d9d9d9;
    }
    .table-bordered thead th,
    .table-bordered thead td {
        border-bottom-width: 2px;
        font-weight: 500;
        color:#414141;
    }
    .table-striped tbody tr:nth-of-type(odd) {
        background-color: #f5f5f5;
    }
    .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: #878787;
    }
    .thead-default th {
        background-color: #e9e9e9;
    }
    .table-inverse {
        color: #e9e9e9;
        background-color: #878787;
    }
    .table-inverse th,
    .table-inverse td,
    .table-inverse thead th {
        border-color: #777777;
    }
    .table-inverse.table-bordered {
        border: 0;
    }
    .table-responsive {
        display: block;
        width: 100%;
        min-height: .01%;
        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: 11px;
        font-size: 13px;
        line-height: 1.25;
        color: var(--body-text-color);
        background-color: #fff;
        background-image: none;
        background-clip: padding-box;
        border: 1px solid #e5e5e5;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
    }
    .form-control::-ms-expand {
        background-color: transparent;
        border: 0;
    }
    .form-control:focus {
        background-color: #fff;
        border-color: #66afe9;
        outline: none;
    }
    .form-control::placeholder {
        color: #999;
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
    }
    .form-control:disabled,
    .form-control[readonly] {
        background-color: #e9e9e9;
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
    }
    .form-control:disabled {
        cursor: not-allowed;
    }
    select.form-control:not([size]):not([multiple]) {
        height: 2.5rem;
    }
    select.form-control:focus::-ms-value {
        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 {
        min-height: 2.5rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        margin-bottom: 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;
        -moz-border-radius: 0.2rem;
        -webkit-border-radius: 0.2rem;
        -khtml-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;
        -moz-border-radius: 0.3rem;
        -webkit-border-radius: 0.3rem;
        -khtml-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 {
        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 {
        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 .input-group-addon {
        color: #4cbb6c;
        border-color: #4cbb6c;
        background-color: #e0f3e5;
    }
    .has-success .form-control-feedback {
        color: #4cbb6c;
    }
    .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='%235cb85c' 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 .input-group-addon {
        color: #ff9a52;
        border-color: #ff9a52;
        background-color: white;
    }
    .has-warning .form-control-feedback {
        color: #ff9a52;
    }
    .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='%23f0ad4e' 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 .input-group-addon {
        color: #ff4c4c;
        border-color: #ff4c4c;
        background-color: white;
    }
    .has-danger .form-control-feedback {
        color: #ff4c4c;
    }
    .has-danger .form-control-danger {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' 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: 544px) {
        .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;
            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: 400;
        line-height: 1.25;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        user-select: none;
        border: none;
        padding: 0.5rem 1rem;
        font-size: 13px;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
    }
    .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;
        -moz-opacity: .65;
        -khtml-opacity: .65;
        -webkit-opacity: .65;
    }
    a.btn.disabled,
    fieldset[disabled] a.btn {
        pointer-events: none;
    }
    .btn-primary, .page-footer .text-sm-center a, .btn-primary.add-to-cart {
        color: var(--primary-text-color);
        background: var(--primary-bg-color);
    }
    .btn-primary::after{
        content: '';
        background: var(--secondary-bg-color);
        height: 100%;
        width: 0;
        position: absolute;
        transition: .3s cubic-bezier(.785, .135, .15, .86);
        -webkit-transition: .3s cubic-bezier(.785, .135, .15, .86);
        -moz-transition: .3s cubic-bezier(.785, .135, .15, .86);
        -o-transition: .3s cubic-bezier(.785, .135, .15, .86);
        -ms-transition: .3s cubic-bezier(.785, .135, .15, .86);
        top: 0;
        left: auto;
        right: 0;
        z-index: -1;
    }
    .btn-primary:hover::after, .btn-primary:focus::after, .btn-primary:active::after {
        width: 100%;
        right: auto;
        left: 0;
    }
    .btn-secondary::after{
        content: '';
        background: var(--primary-bg-color);
        height: 100%;
        width: 0;
        position: absolute;
        transition: .3s cubic-bezier(.785, .135, .15, .86);
        -webkit-transition: .3s cubic-bezier(.785, .135, .15, .86);
        -moz-transition: .3s cubic-bezier(.785, .135, .15, .86);
        -o-transition: .3s cubic-bezier(.785, .135, .15, .86);
        -ms-transition: .3s cubic-bezier(.785, .135, .15, .86);
        top: 0;
        left: auto;
        right: 0;
        z-index: -1;
    }
    .btn-secondary:hover::after,.btn-secondary:focus::after,.btn-secondary:active::after{
        width: 100%;
        right: auto;
        left: 0;
    }
    .btn-secondary,
    .btn-tertiary {
        color: var(--secondary-text-color);
        background-color: var(--secondary-bg-color);
    }
    .btn-primary:hover,
    .page-footer .text-sm-center a:hover,
    .btn-primary.add-to-cart:hover,.btn-primary:focus,
    .btn-primary.focus,
    .page-footer .text-sm-center a:focus,
    .btn-primary.add-to-cart:focus,.btn-primary:active,
    .btn-primary.active,
    .open > .btn-primary.dropdown-toggle,
    .page-footer .text-sm-center a:active,
    .btn-primary.add-to-cart:active ,.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: var(--secondary-text-color);
        background: var(--secondary-bg-color);
    }
    .btn-secondary:hover,
    .btn-tertiary:hover ,.btn-secondary:focus,
    .btn-tertiary:focus,
    .btn-secondary.focus,
    .focus.btn-tertiary ,.btn-secondary:active,
    .btn-tertiary:active,
    .btn-secondary.active,
    .active.btn-tertiary,
    .open > .btn-secondary.dropdown-toggle,
    .open > .dropdown-toggle.btn-tertiary,.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: var(--primary-text-color);
        background: var(--primary-bg-color);
    }
    .btn-primary.disabled:focus,
    .btn-primary.disabled.focus,
    .btn-primary:disabled:focus,
    .btn-primary:disabled.focus,.btn-primary.disabled:hover,
    .btn-primary:disabled:hover {
        background: var(--secondary-bg-color);
    }
    .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,.btn-secondary.disabled:hover,
    .disabled.btn-tertiary:hover,
    .btn-secondary:disabled:hover,
    .btn-tertiary:disabled:hover {
        background-color: #e9e9e9;
    }
    .btn-info {
        color: #fff;
        background-color: #5bc0de;
    }
    .btn-info:hover,.btn-info:focus,
    .btn-info.focus,.btn-info:active,
    .btn-info.active,
    .open > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #31b0d5;
    }
    .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;
    }
    .btn-info.disabled:focus,
    .btn-info.disabled.focus,
    .btn-info:disabled:focus,
    .btn-info:disabled.focus,.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,.btn-success:focus,
    .btn-success.focus,.btn-success:active,
    .btn-success.active,
    .open > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #3a9a56;
        border-color: #389252;
    }
    .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,.btn-success.disabled:hover,
    .btn-success:disabled:hover {
        background-color: #4cbb6c;
        border-color: #4cbb6c;
    }
    .btn-warning {
        color: #fff;
        background-color: #FF9A52;
        border-color: #FF9A52;
    }
    .btn-warning:hover,.btn-warning:focus,
    .btn-warning.focus,.btn-warning:active,
    .btn-warning.active,
    .open > .btn-warning.dropdown-toggle   {
        color: #fff;
        background-color: #ff7c1f;
        border-color: #ff7615;
    }

    .btn-warning:active:hover,
    .btn-warning:active:focus,
    .btn-warning:active.focus,
    .btn-warning.active:hover,
    .btn-warning.active:focus,
    .btn-warning.active.focus,
    .open > .btn-warning.dropdown-toggle:hover,
    .open > .btn-warning.dropdown-toggle:focus,
    .open > .btn-warning.dropdown-toggle.focus {
        color: #fff;
        background-color: #fa6800;
        border-color: #d25700;
    }
    .btn-warning.disabled:focus,
    .btn-warning.disabled.focus,
    .btn-warning:disabled:focus,
    .btn-warning:disabled.focus,.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,.btn-danger:focus,
    .btn-danger.focus,.btn-danger:active,
    .btn-danger.active,
    .open > .btn-danger.dropdown-toggle  {
        color: #fff;
        background-color: #ff1919;
        border-color: #ff0f0f;
    }
    .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,.btn-danger.disabled:hover,
    .btn-danger:disabled:hover {
        background-color: #ff4c4c;
        border-color: #ff4c4c;
    }
    .btn-outline-primary {
        color: #111;
        background-image: none;
        background-color: transparent;
        border-color: #111;
    }
    .btn-outline-primary:hover,.btn-outline-primary:focus,
    .btn-outline-primary.focus,.btn-outline-primary:active,
    .btn-outline-primary.active,
    .open > .btn-outline-primary.dropdown-toggle  {
        color: #fff;
        background-color: #111;
        border-color: #111;
    }
    .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: #ff4661;
        border-color: #175c6a;
    }
    .btn-outline-primary.disabled:focus,
    .btn-outline-primary.disabled.focus,
    .btn-outline-primary:disabled:focus,
    .btn-outline-primary:disabled.focus,.btn-outline-primary.disabled:hover,
    .btn-outline-primary:disabled:hover  {
        border-color: #83d3e4;
    }
    .btn-outline-secondary {
        color: transparent;
        background-image: none;
        background-color: transparent;
        border-color: transparent;
    }
    .btn-outline-secondary:hover,.btn-outline-secondary:focus,
    .btn-outline-secondary.focus,.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,.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,.btn-outline-info:focus,
    .btn-outline-info.focus,.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,.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,.btn-outline-success:focus,
    .btn-outline-success.focus,.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,.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,.btn-outline-warning:focus,
    .btn-outline-warning.focus,.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,.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,.btn-outline-danger:focus,
    .btn-outline-danger.focus,.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,.btn-outline-danger.disabled:hover,
    .btn-outline-danger:disabled:hover  {
        border-color: #ffb2b2;
    }
    .btn-link {
        font-weight: 500;
        color: #111111;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
    }
    .btn-link,
    .btn-link:active,
    .btn-link.active,
    .btn-link:disabled,.btn-link,
    .btn-link:focus,
    .btn-link:active,.btn-link:hover {
        background-color: transparent;
    }
    .btn-link:focus,
    .btn-link:hover {
        color: #208094;
        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;
        -moz-border-radius: 0.3rem;
        -webkit-border-radius: 0.3rem;
        -khtml-border-radius: 0.3rem;
    }
    .btn-sm,
    .btn-group-sm > .btn {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        border-radius: 0.2rem;
        -moz-border-radius: 0.2rem;
        -webkit-border-radius: 0.2rem;
        -khtml-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;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        transition: opacity .15s linear;
        -webkit-transition: opacity .15s linear;
        -moz-transition: opacity .15s linear;
        -o-transition: opacity .15s linear;
        -ms-transition: opacity .15s linear;
    }
    .fade.in {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
    }
    .collapse {
        display: none;
    }
    .collapse.in {
        display: block;
    }
    .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 {
        background-clip: padding-box;
        background-color: #ffffff;
        border: 1px solid #e5e5e5;
        color: #878787;
        display: none;
        float: left;
        font-size: 13px;
        left: 0;
        list-style: outside none none;
        min-width: 170px;
        padding: 10px;
        position: absolute;
        text-align: left;
        top: 100%;
        z-index: 1000;
    }
    .dropdown-divider {
        height: 1px;
        margin: 0.5rem 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }
    .dropdown-item {
        display: block;
        width: 100%;
        padding: 2px 10px;
        clear: both;
        font-weight: 400;
        color: #878787;
        text-align: inherit;
        white-space: nowrap;
        background: none;
        border: 0;
        text-transform: capitalize;
    }
    .dropdown-item:focus,
    .dropdown-item:hover {
        background: none;
        text-decoration: none;
        color: #111;
    }
    .dropdown-item.active,
    .dropdown-item.active:focus,
    .dropdown-item.active:hover {
        color: #fff;
        text-decoration: none;
        background-color: #111111;
        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)";
    }
    .products-sort-order.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: 5px 20px;
        font-size: 0.875rem;
        color: #ebebeb;
        white-space: nowrap;
    }
    .dropdown-backdrop {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    .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: 2px;
    }
    .btn-group,
    .btn-group-vertical {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }
    .btn-group > .btn,
    .btn-group-vertical > .btn {
        position: relative;
        float: left;
    }
    .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;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-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;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-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;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-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;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-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;
        float: left;
        width: 100%;
        margin-bottom: 0;
    }
    .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;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-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: 500;
        line-height: 1.25;
        text-align: center;
        background-color: #e9e9e9;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-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;
        -moz-border-radius: 0.2rem;
        -webkit-border-radius: 0.2rem;
        -khtml-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;
        -moz-border-radius: 0.3rem;
        -webkit-border-radius: 0.3rem;
        -khtml-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: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 {
        margin-left: -1px;
    }
    .custom-control {
        position: relative;
        display: inline;
        padding-left: 1.5rem;
        cursor: pointer;
    }
    .custom-control + .custom-control {
        margin-left: 1rem;
    }
    .custom-control-input {
        position: absolute;
        z-index: -1;
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-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;
        -moz-box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9;
        -webkit-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: .0625rem;
        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;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-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='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
    }
    .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-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='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
    }
    .custom-radio .custom-control-indicator {
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-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='%23fff'/%3E%3C/svg%3E");
    }
    .custom-controls-stacked .custom-control {
        display: inline;
    }
    .custom-controls-stacked .custom-control::after {
        display: block;
        margin-bottom: 0.25rem;
        content: "";
    }
    .custom-controls-stacked .custom-control + .custom-control {
        margin-left: 0;
    }
    .custom-select {
        display: inline-block;
        max-width: 100%;
        padding: 0.375rem 1.75rem 0.375rem 0.75rem;
        padding-right: 0.75rem \9;
        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='%23333' 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-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        -moz-appearance: none;
        -webkit-appearance: none;
    }
    .custom-select:focus {
        border-color: #51a7e8;
        outline: none;
    }
    .custom-select:focus::-ms-value {
        background-color: #fff;
    }
    .custom-select:disabled {
        color: #ebebeb;
        cursor: not-allowed;
        background-color: #e9e9e9;
    }
    .custom-select::-ms-expand {
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-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;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-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;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
    }
    .custom-file-control:lang(en)::before {
        content: "Browse";
    }
    .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: 10px;
    }
    .nav-tabs::after {
        content: "";
        display: table;
        clear: both;
    }
    .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;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-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: #111111;
    }
    .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: 544px) {
        .navbar {
            border-radius: 0;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            -khtml-border-radius: 0;
        }
    }
    .navbar-full {
        z-index: 1000;
    }
    @media (min-width: 544px) {
        .navbar-full {
            border-radius: 0;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            -khtml-border-radius: 0;
        }
    }
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030;
    }
    @media (min-width: 544px) {
        .navbar-fixed-top,
        .navbar-fixed-bottom {
            border-radius: 0;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            -khtml-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: 544px) {
        .navbar-sticky-top {
            border-radius: 0;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            -khtml-border-radius: 0;
        }
    }
    .navbar-brand {
        float: left;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        margin-right: 1rem;
        font-size: 0.9375rem;
    }
    .navbar-brand:focus,
    .navbar-brand:hover {
        text-decoration: none;
    }
    .navbar-brand > img {
        display: block;
    }
    .navbar-divider {
        float: left;
        width: 1px;
        padding-top: .425rem;
        padding-bottom: .425rem;
        margin-right: 1rem;
        margin-left: 1rem;
        overflow: hidden;
    }
    .navbar-divider::before {
        content: "\A0";
    }
    .navbar-toggler {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: 1px solid rgba(0, 0, 0, 0);
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        display: inline-block;
        font-size: 0.9375rem;
        line-height: 1;
        padding: 2px;
    }
    .navbar-toggler:focus,
    .navbar-toggler:hover {
        text-decoration: 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 {
        color: rgba(0, 0, 0, 0.8);
    }
    .navbar-light .navbar-brand:focus,
    .navbar-light .navbar-brand:hover {
        color: rgba(0, 0, 0, 0.8);
    }
    .navbar-light .navbar-nav .nav-link {
        color: rgba(0, 0, 0, 0.3);
    }
    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
        color: rgba(0, 0, 0, 0.6);
    }
    .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.8);
    }
    .navbar-light .navbar-divider {
        background-color: rgba(0, 0, 0, 0.075);
    }
    .navbar-dark .navbar-brand {
        color: white;
    }
    .navbar-dark .navbar-brand:focus,
    .navbar-dark .navbar-brand: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-divider {
        background-color: rgba(255, 255, 255, 0.075);
    }
    .navbar-toggleable-xs::after {
        content: "";
        display: table;
        clear: both;
    }
    @media (max-width: 543px) {
        .navbar-toggleable-xs .navbar-nav .nav-item {
            float: none;
            margin-left: 0;
        }
    }
    @media (min-width: 544px) {
        .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 {
        display: block;
        margin-bottom: 10px;
        position: relative;
        float: left;
        width: 100%;
        background: #fff;
        box-shadow: 1px 2px 3px 0 #e5e5e5;
        -webkit-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -moz-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -ms-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -o-box-shadow: 1px 2px 3px 0 #e5e5e5;
    }
    .card-block {
        padding:30px;
    }
    .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;
        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: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 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;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
    }
    .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: #111111;
        border-color: #111111;
    }
    .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: #111111;
    }
    .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: 0.25rem;
        -moz-border-radius: 0.25rem;
        -webkit-border-radius: 0.25rem;
        -khtml-border-radius: 0.25rem;
    }
    .card-img-overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 1.25rem;
    }
    .card-img-top {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }
    .card-img-bottom {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    #order-slip #notifications > .container,
    #history #notifications > .container {
        padding:0;
    }
    @media (max-width: 1199px) {
        .card-block {
            padding: 15px;
        }
    }
    @media (min-width: 544px) {
        .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: 544px) {
        .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;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            -khtml-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;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            -khtml-border-radius: 0;
        }
    }
    @media (min-width: 544px) {
        .card-columns {
            column-count: 3;
            column-gap: 1.25rem;
        }
        .card-columns .card {
            width: 100%;
        }
    }
    .breadcrumb {
        float: left;
        width: 100%;
    }
    .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: 15px;
        margin-bottom: 1rem;
        padding: 10px 15px;
        width: 100%;
        background: #ffffff;
        -webkit-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -moz-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -ms-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -o-box-shadow: 1px 2px 3px 0 #e5e5e5;
        box-shadow: 1px 2px 3px 0 #e5e5e5;
    }
    .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: #111;
        border-color: #111;
    }
    .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: #111;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd;
    }
    .page-link:focus,
    .page-link:hover {
        color: #208094;
        background-color: #e9e9e9;
        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;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-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;
        -moz-border-radius: 10rem;
        -webkit-border-radius: 10rem;
        -khtml-border-radius: 10rem;
    }
    .tag-default {
        background-color: #ebebeb;
    }
    .tag-default[href]:focus,
    .tag-default[href]:hover {
        background-color: #d2d2d2;
    }
    .tag-primary {
        background-color: #111;
    }
    .tag-primary[href]:focus,
    .tag-primary[href]:hover {
        background-color: #ff4661;
    }
    .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: #e9e9e9;
        border-radius: 0.3rem;
        -moz-border-radius: 0.3rem;
        -webkit-border-radius: 0.3rem;
        -khtml-border-radius: 0.3rem;
    }
    @media (min-width: 544px) {
        .jumbotron {
            padding: 4rem 2rem;
        }
    }
    .jumbotron-hr {
        border-top-color: #dddddd;
    }
    .jumbotron-fluid {
        padding-right: 0;
        padding-left: 0;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
    }
    .alert {
        padding: 1rem;
        margin-bottom: 1rem;
        border: 1px solid transparent;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
    }
    .alert.alert-danger > ul {
        margin: 0;
    }
    .alert-heading {
        color: inherit;
    }
    .alert-link {
        font-weight: bold;
    }
    .alert-dismissible {
        padding-right: 2rem;
    }
    .alert-dismissible .close {
        position: relative;
        top: -.125rem;
        right: -1rem;
        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: #414141;
    }
    .alert-warning hr {
        border-top-color: #ff8b39;
    }
    .alert-warning .alert-link {
        color: #282828;
    }
    .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;
        }
    }
    .progress {
        display: block;
        width: 100%;
        height: 1rem;
        margin-bottom: 1rem;
    }
    .progress[value] {
        background-color: #eee;
        border: 0;
        appearance: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-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;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
    }
    base::-moz-progress-bar,
    .progress[value] {
        background-color: #eee;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
    }
    @media screen and (min-width: 0\0) {
        .progress {
            background-color: #eee;
            border-radius: 0;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            -khtml-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: #e9e9e9;
    }
    .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: #111;
        border-color: #111;
    }
    .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: #d7f1f6;
    }
    .list-group-flush .list-group-item {
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-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: 30px;
        line-height: 1;
        color: #111;
    }
    .close:focus,
    .close:hover {
        color: #111111;
        text-decoration: none;
        cursor: pointer;
    }
    button.close {
        padding: 0;
        cursor: pointer;
        background: transparent;
        border: 0;
        -webkit-appearance: none;
    }
    .modal-open {
    overflow: hidden;
    padding: 0 !important;
    }
    .modal {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        display: none;
        overflow: hidden;
        outline: 0;
        -webkit-overflow-scrolling: touch;
    }
    .modal.fade .modal-dialog {
        transition: transform .3s ease-out;
        -webkit-transition: transform .3s ease-out;
        -moz-transition: transform .3s ease-out;
        -o-transition: transform .3s ease-out;
        -ms-transition: transform .3s ease-out;
        transform: translate(0, -25%);
        -webkit-transform: translate(0, -25%);
        -moz-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
    }
    .modal.in .modal-dialog {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
    }
    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
        padding: 0!important;
    }
    .modal-dialog {
        position: relative;
        width: auto;
        margin: 10px auto;
    }
    .modal-content {
        position: relative;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 0.3rem;
        -moz-border-radius: 0.3rem;
        -webkit-border-radius: 0.3rem;
        -khtml-border-radius: 0.3rem;
        outline: 0;
    }
    .modal-backdrop {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1040;
        background-color: #111;
    }
    .modal-backdrop.fade {
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
    }
    .modal-backdrop.in {
        opacity: 0.5;
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        -webkit-opacity: 0.5;
    }
    .modal-header {
        padding: 15px;
        border-bottom: 1px solid #e5e5e5;
    }
    .modal-header::after {
        content: "";
        display: table;
        clear: both;
    }
    .modal-header .close {
        line-height: 18px;
        transition: all 0.5s ease-in-out 0ms;
        -webkit-transition: all 0.5s ease-in-out 0ms;
        -moz-transition: all 0.5s ease-in-out 0ms;
        -o-transition: all 0.5s ease-in-out 0ms;
        -ms-transition: all 0.5s ease-in-out 0ms;
    }
    .modal-header .close:hover{
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
    }
    #product-modal .modal-header .close, 
    #blockcart-modal .modal-header .close {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transition: all 0.5s ease-in-out 0ms;
        -webkit-transition: all 0.5s ease-in-out 0ms;
        -moz-transition: all 0.5s ease-in-out 0ms;
        -o-transition: all 0.5s ease-in-out 0ms;
        -ms-transition: all 0.5s ease-in-out 0ms;
        color: var(--secondary-text-color);
    }
    #product-modal .modal-header .close {
        color: #111;
    }
    #product-modal .modal-header .close:hover,
    #blockcart-modal .modal-header .close:hover {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
    }
    .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: 544px) {
        .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", Lato, "Helvetica Neue", Arial, sans-serif;
        font-style: normal;
        font-weight: 500;
        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;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
    }
    .tooltip.in {
        opacity: 0.9;
        -moz-opacity: 0.9;
        -khtml-opacity: 0.9;
        -webkit-opacity: 0.9;
    }
    .tooltip.tooltip-top,
    .tooltip.bs-tether-element-attached-bottom {
        padding: 5px 0;
        margin-top: -3px;
    }
    .tooltip.tooltip-top .tooltip-arrow,
    .tooltip.bs-tether-element-attached-bottom .tooltip-arrow {
        bottom: 0;
        left: 50%;
        margin-left: -5px;
        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-arrow,
    .tooltip.bs-tether-element-attached-left .tooltip-arrow {
        top: 50%;
        left: 0;
        margin-top: -5px;
        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-arrow,
    .tooltip.bs-tether-element-attached-top .tooltip-arrow {
        top: 0;
        left: 50%;
        margin-left: -5px;
        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-arrow,
    .tooltip.bs-tether-element-attached-right .tooltip-arrow {
        top: 50%;
        right: 0;
        margin-top: -5px;

        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;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
    }
    .tooltip-arrow {
        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", Lato, "Helvetica Neue", Arial, sans-serif;
        font-style: normal;
        font-weight: 500;
        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 #e5e5e5;
    }
    .popover.popover-top,
    .popover.bs-tether-element-attached-bottom {
        margin-top: -10px;
    }
    .popover.popover-top .popover-arrow,
    .popover.bs-tether-element-attached-bottom .popover-arrow {
        bottom: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-color: rgba(0, 0, 0, 0.25);
        border-bottom-width: 0;
    }
    .popover.popover-top .popover-arrow::after,
    .popover.bs-tether-element-attached-bottom .popover-arrow::after {
        bottom: 1px;
        margin-left: -10px;
        content: "";
        border-top-color: #fff;
        border-bottom-width: 0;
    }
    .popover.popover-right,
    .popover.bs-tether-element-attached-left {
        margin-left: 10px;
    }
    .popover.popover-right .popover-arrow,
    .popover.bs-tether-element-attached-left .popover-arrow {
        top: 50%;
        left: -11px;
        margin-top: -11px;
        border-right-color: rgba(0, 0, 0, 0.25);
        border-left-width: 0;
    }
    .popover.popover-right .popover-arrow::after,
    .popover.bs-tether-element-attached-left .popover-arrow::after {
        bottom: -10px;
        left: 1px;
        content: "";
        border-right-color: #fff;
        border-left-width: 0;
    }
    .popover.popover-bottom,
    .popover.bs-tether-element-attached-top {
        margin-top: 10px;
    }
    .popover.popover-bottom .popover-arrow,
    .popover.bs-tether-element-attached-top .popover-arrow {
        top: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-width: 0;
        border-bottom-color: rgba(0, 0, 0, 0.25);
    }
    .popover.popover-bottom .popover-arrow::after,
    .popover.bs-tether-element-attached-top .popover-arrow::after {
        top: 1px;
        margin-left: -10px;
        content: "";
        border-top-width: 0;
        border-bottom-color: #fff;
    }
    .popover.popover-left,
    .popover.bs-tether-element-attached-right {
        margin-left: -10px;
    }
    .popover.popover-left .popover-arrow,
    .popover.bs-tether-element-attached-right .popover-arrow {
        top: 50%;
        right: -11px;
        margin-top: -11px;
        border-right-width: 0;
        border-left-color: rgba(0, 0, 0, 0.25);
    }
    .popover.popover-left .popover-arrow::after,
    .popover.bs-tether-element-attached-right .popover-arrow::after {
        right: 1px;
        bottom: -10px;
        content: "";
        border-right-width: 0;
        border-left-color: #fff;
    }
    .popover-title {
        padding: 8px 14px;
        margin: 0;
        font-size: 1rem;
        background-color: #f7f7f7;
        border-bottom: 1px solid #e5e5e5;
        border-radius: 0.2375rem 0.2375rem 0 0;
        -moz-border-radius: 0.2375rem 0.2375rem 0 0;
        -webkit-border-radius: 0.2375rem 0.2375rem 0 0;
        -khtml-border-radius: 0.2375rem 0.2375rem 0 0;
    }
    .popover-title:empty {
        display: none;
    }
    .popover-content {
        padding: 9px 14px;
    }
    .popover-arrow,
    .popover-arrow::after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
    }
    .popover-arrow {
        border-width: 11px;
    }
    .popover-arrow::after {
        content: "";
        border-width: 10px;
    }
    .bg-faded {
        background-color: #f7f7f9;
    }
    .bg-primary {
        color: #fff !important;
        background-color: #111 !important;
    }
    a.bg-primary:focus,
    a.bg-primary:hover {
        background-color: #ff4661 !important;
    }
    .bg-success {
        color: #fff !important;
        background-color: #4cbb6c !important;
    }
    a.bg-success:focus,
    a.bg-success:hover {
        background-color: #3a9a56 !important;
    }
    .bg-info {
        color: #fff !important;
        background-color: #5bc0de !important;
    }
    a.bg-info:focus,
    a.bg-info:hover {
        background-color: #31b0d5 !important;
    }
    .bg-warning {
        color: #fff !important;
        background-color: #ff9a52 !important;
    }
    a.bg-warning:focus,
    a.bg-warning:hover {
        background-color: #ff7c1f !important;
    }
    .bg-danger {
        color: #fff !important;
        background-color: #ff4c4c !important;
    }
    a.bg-danger:focus,
    a.bg-danger:hover {
        background-color: #ff1919 !important;
    }
    .bg-inverse {
        color: #fff !important;
        background-color: #878787 !important;
    }
    a.bg-inverse:focus,
    a.bg-inverse:hover {
        background-color: #6e6e6e !important;
    }
    .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: 544px) {
        .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;
    }
    .m-x-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .m-a-0 {
        margin: 0 0 !important;
    }
    .m-t-0 {
        margin-top: 0 !important;
    }
    .m-r-0 {
        margin-right: 0 !important;
    }
    .m-b-0 {
        margin-bottom: 0 !important;
    }
    .m-l-0 {
        margin-left: 0 !important;
    }
    .m-x-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .m-y-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .m-a-1 {
        margin: 1rem 1rem !important;
    }
    .m-t-1 {
        margin-top: 1rem !important;
    }
    .m-r-1 {
        margin-right: 1rem !important;
    }
    .m-b-1 {
        margin-bottom: 1rem !important;
    }
    .m-l-1 {
        margin-left: 1rem !important;
    }
    .m-x-1 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .m-y-1 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .m-a-2 {
        margin: 1.5rem 1.5rem !important;
    }
    .m-t-2 {
        margin-top: 1.5rem !important;
    }
    .m-r-2 {
        margin-right: 1.5rem !important;
    }
    .m-b-2 {
        margin-bottom: 1.5rem !important;
    }
    .m-l-2 {
        margin-left: 1.5rem !important;
    }
    .m-x-2 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .m-y-2 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .m-a-3 {
        margin: 3rem 3rem !important;
    }
    .m-t-3 {
        margin-top: 3rem !important;
    }
    .m-r-3 {
        margin-right: 3rem !important;
    }
    .m-b-3 {
        margin-bottom: 3rem !important;
    }
    .m-l-3 {
        margin-left: 3rem !important;
    }
    .m-x-3 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .m-y-3 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .p-a-0 {
        padding: 0 0 !important;
    }
    .p-t-0 {
        padding-top: 0 !important;
    }
    .p-r-0 {
        padding-right: 0 !important;
    }
    .p-b-0 {
        padding-bottom: 0 !important;
    }
    .p-l-0 {
        padding-left: 0 !important;
    }
    .p-x-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .p-y-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .p-a-1 {
        padding: 1rem 1rem !important;
    }
    .p-t-1 {
        padding-top: 1rem !important;
    }
    .p-r-1 {
        padding-right: 1rem !important;
    }
    .p-b-1 {
        padding-bottom: 1rem !important;
    }
    .p-l-1 {
        padding-left: 1rem !important;
    }
    .p-x-1 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .p-y-1 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .p-a-2 {
        padding: 1.5rem 1.5rem !important;
    }
    .p-t-2 {
        padding-top: 1.5rem !important;
    }
    .p-r-2 {
        padding-right: 1.5rem !important;
    }
    .p-b-2 {
        padding-bottom: 1.5rem !important;
    }
    .p-l-2 {
        padding-left: 1.5rem !important;
    }
    .p-x-2 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .p-y-2 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .p-a-3 {
        padding: 3rem 3rem !important;
    }
    .p-t-3 {
        padding-top: 3rem !important;
    }
    .p-r-3 {
        padding-right: 3rem !important;
    }
    .p-b-3 {
        padding-bottom: 3rem !important;
    }
    .p-l-3 {
        padding-left: 3rem !important;
    }
    .p-x-3 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .p-y-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-sm-center {
        text-align: center !important;
    }
    @media (min-width: 544px) {
        .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: 500;
    }
    .font-weight-bold {
        font-weight: bold;
    }
    .font-italic {
        font-style: italic;
    }
    .text-muted {
        color: #666 !important;
    }
    a.text-muted:focus,
    a.text-muted:hover {
        color: #93918c !important;
    }
    .text-primary {
        color: #111 !important;
    }
    a.text-primary:focus,
    a.text-primary:hover {
        color: #ff4661 !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-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: 543px) {
        .hidden-xs-down {
            display: none !important;
        }
    }
    @media (min-width: 544px) {
        .hidden-sm-up {
            display: none !important;
        }
    }
    @media (max-width: 991px) {
        .hidden-sm-down {
            display: none !important;
        }
    }
    @media (min-width: 992px) {
        .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: 500;
        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: 500;
        font-style: normal;
        font-size: 24px;
        /* 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';
    }
    @font-face {
        font-family: 'Material Icons Outlined';
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/materialiconsoutlined/v90/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUce.woff2) format('woff2');
    }
    
    .material-icons-outlined {
        font-family: 'Material Icons Outlined';
        font-weight: normal;
        font-style: normal;
        font-size: 24px;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -moz-font-feature-settings: 'liga';
        -moz-osx-font-smoothing: grayscale;
    }
    body,
    html {
        height: 100%;
    }
    body {
        font-family: var(--secondary-font);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: var(--body-text-color);
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        position: relative;
        float: left;
        width: 100%;
        background: var(--body-background-color);
        direction: ltr;
    }
    ul {
        list-style: none;
    }
    a:hover {
        color: #111;
        text-decoration: none;
    }
    p {
        font-size: 14px;
        font-weight: 400;
    }
    .color,
    .custom-checkbox input[type="checkbox"] + span.color {
        background-size: contain;
        border: 1px solid #aaa;
        cursor: pointer;
        display: inline-block;
        height: 18px;
        margin: 0;
        width: 18px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
    }
    .color.active,
    .color:hover,
    .custom-checkbox input[type="checkbox"] + span.color.active,
    .custom-checkbox input[type="checkbox"] + span.color:hover {
        border: 1px solid #414141;
    }
    .h1,
    .h2,
    .h3 {
        color: #414141;
    }
    .h4 {
        font-weight: 700;
        color: #414141;
    }
    .btn-primary, .btn-default, .btn-secondary, .btn-tertiary {
        font-size: 14px;
        line-height: 24px;
        padding: 7px 20px;
        overflow: hidden;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
        z-index: 1;
        position: relative;
    }
    .btn-primary .material-icons,
    .btn-secondary .material-icons,
    .btn-tertiary .material-icons {
        margin-right: 5px;
        font-size: 18px;
        line-height: 16px;
    }
    .btn-tertiary {
        border: none;
        margin: 0.25rem 0;
    }
    .btn-tertiary .material-icons {
        font-size: 1rem;
    }
    label,
    .label {
        color: #414141;
        text-align: right;
        font-size: 13px;
    }
    small.label,
    small.value {
        font-size: 0.8125rem;
    }
    .form-control-label {
        padding-top: 0.625rem;
    }
    .form-control:focus {
        background-color: white;
        border-color: #cfcfcf;
    }
    .input-group .form-control:focus {
        outline: none;
    }
    .input-group .input-group-btn > .btn {
        border: 0;
        color: #ffffff;
        font-size: 13px;
        font-weight: 500;
        margin-left: 0;
        padding: 12px 22px;
        text-transform: capitalize;
    }
    #customer-form .input-group .input-group-btn > .btn {
        background: #878787 none repeat scroll 0 0;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        padding:12px;
    }
    .form-control-select {
        height: 2.625rem;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: #ebebeb url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=") no-repeat scroll right 0.5rem center/1.25rem 1.25rem;
        padding-right: 2rem;
        cursor: pointer;
    }
    .form-control-valign {
        padding-top: 0.5rem;
    }
    .form-control-comment {
        font-size: 12px;
        padding-top: 0.5rem;
        color: #878787;
    }
    .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: #111;
        color: white;
        text-transform: uppercase;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        font-size: 0.875rem;
        padding: 0.5rem 1rem;
    }
    .bootstrap-touchspin input:focus {
        outline: none;
    }
    .bootstrap-touchspin input.form-control {
        border: 1px solid rgba(0, 0, 0, 0.15);
    }
    .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: #414141;
    }
    .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
    }
    .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-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;
    }
    .custom-radio {
        display: inline-block;
        position: relative;
        width: 20px;
        height: 20px;
        vertical-align: middle;
        cursor: pointer;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        border: #777777 2px solid;
        background: white;
        margin-right: 1.25rem;
    }
    .custom-radio input[type="radio"] {
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        cursor: pointer;
    }
    .custom-radio input[type="radio"]:checked + span {
        display: block;
        background-color: #111;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        position: absolute;
        left: 0.125rem;
        top: 0.125rem;
    }
    #search_filters_wrapper #search_filters ul li label > span span,
    #checkout .custom-checkbox input[type="checkbox"] + span {
        -moz-box-align: center;
        -moz-box-pack: center;
        align-items: center;
        background: #fafafa none repeat scroll 0 0;
        border: medium none;
        display: flex;
        height: 20px;
        justify-content: center;
        margin-right: 10px;
        width: 20px;
        border: 1px solid var(--border-color);
    }
    #search_filters_wrapper #search_filters ul li label > span:hover span,
    body#checkout .custom-checkbox span:hover,
    .custom-checkbox input[type="checkbox"] + span:hover {
        background: #f5f5f5 none repeat scroll 0 0;
        border-color: #dddddd;
    }
    #search_filters_wrapper #search_filters ul li label {
        -moz-box-align: center;
        align-items: center;
        display: flex;
        font-size: 12px;
        margin-bottom: 0.625rem;
    }
    #search_filters_wrapper #search_filters ul li label > span {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: medium none;
        cursor: pointer;
        text-align: center;
    }
    .custom-checkbox {
        position: relative;
    }
    .custom-checkbox input[type="checkbox"] {
        margin-top: 0.25rem;
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        float: left;
        width: 100%;
        height: 100%;
        cursor: pointer;
        position: absolute;
    }
    .custom-checkbox input[type="checkbox"] + span {
        margin-right: 3px;
        display: inline-block;
        width: 20px;
        height: 20px;
        vertical-align: middle;
        cursor: pointer;
        border: 1px #e9e9e9 solid;
    }
    .custom-checkbox input[type="checkbox"] + span .checkbox-checked {
        display: none;
        font-size: 1.1rem;
        color: #414141;
    }
    .custom-checkbox input[type="checkbox"]:checked + span .checkbox-checked {
        display: block;
    }
    .custom-checkbox label {
        text-align: left;
    }
    #checkout-delivery-step .order-options .custom-checkbox {
        display: inline-block;
    }
    .text-muted {
        font-size: 0.875rem;
    }
    .done {
        color: #4cbb6c;
        display: inline-block;
        padding: 0 0.8125rem;
        margin-right: 1.5625rem;
    }
    .thumb-mask > .mask {
        position: relative;
        width: 80px;
        height: 88px;
        overflow: hidden;
        margin: 0.625rem 0;
        border: 1px solid var(--border-color);
    }
    .thumb-mask > .mask img {
        height: 88px;
        width: 80px;
    }
    .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: 500;
    }
    .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: #f5f5f5;
    }
    .help-block {
        margin-top: 0.625rem;
    }
    .help-block ul {
    float: left;
    width: 100%;
    padding: 0;
    }
    .btn.disabled,
    .btn.disabled:hover {
        background: #777777;
    }
    .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;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -khtml-border-radius: 2px;
        border-width: 2px;
        margin-left: 0.625rem;
        padding: 0.3125rem 1.25rem;
        font-weight: 600;
        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-tertiary-outline {
        color: #6C868E;
        background-image: none;
        background-color: transparent;
        border-color: #6C868E;
        border: 0.15rem solid #6C868E;
    }
    .btn-tertiary-outline:hover {
        border-color: #BBCDD2;
        color: #BBCDD2;
    }
    .alert {
        font-size: 0.8125rem;
        float: left;
        width: 100%;
    }
    .dropdown:hover .expand-more {
        color: #ff4661;
    }
    .dropdown .expand-more {
        color: #414141;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .dropdown .active {
        max-height: 200px;
        overflow-y: hidden;
        visibility: visible;
    }
    .dropdown select {
        -moz-appearance: none;
        border: 0 none;
        outline: 0 none;
        color: #414141;
        background: white;
        cursor: pointer;
    }
    .search-widget {
        float: right;
        padding: 0;
    }
    .search-widget form {
        position: relative;
    }
    .search-widget form input[type=text] {
        background: #ebebeb none repeat scroll 0 0;
        border: medium none;
        min-width: 255px;
        padding: 10px;
    }
    #search_widget form input {
        background: #ffffff none repeat scroll 0 0;
        border: medium none;
        min-width: 100%;
        outline: medium none;
        padding: 0;
        width: 100%;
    }
    .search-widget form button[type="submit"] {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: medium none;
        bottom: 0;
        color: #111;
        height: 40px;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 40px;
    }
    .search-widget form input[type=text]:focus + button .search {
        color: #111;
    }
    .search-widget form input[type=text]::-webkit-input-placeholder {
        color: rgba(172, 170, 166, 0.5);
        text-indent: 0.625rem;
    }
    .search-widget form input[type=text]::-moz-placeholder {
        color: #414141;
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        text-indent: 0.625rem;
    }
    .search-widget form input[type=text]:-moz-placeholder {
        color: rgba(172, 170, 166, 0.5);
        text-indent: 0.625rem;
    }
    .search-widget form input[type=text]:-ms-input-placeholder {
        color: rgba(172, 170, 166, 0.5);
        text-indent: 0.625rem;
    }
    .search-widget .search_block_top_form > button[type="submit"] {
        background: rgba(0, 0, 0, 0) url("../img/search-sprite.png") no-repeat scroll -1px -83px;
        bottom: 0;
        color: #ffffff;
        display: block;
        height: 45px;
        margin: auto;
        padding: 0;
        position: absolute;
        right: 10px;
        text-align: center;
        top: 5px;
        width: 42px;
        border: none;
    }
    .search-widget form button[type=submit] .search:hover {
        color: #111;
    }
    .header-top .search-widget form input[type="text"] {
        min-width: inherit;
        width: 100%;
    }
    #pagenotfound .page-content #search_widget {
        width: 100%;
    }
    /*** Responsive part ***/

    @media (max-width: 991px) {
        .search-widget form {
            width: 100%;
        }
        .header-top .search-widget {
            float: none;
            padding: 0 0.9375rem;
        }
        .header-top .search-widget form {
            margin: 0 auto;
        }
        .header-top .search-widget form input[type="text"] {
            min-width: inherit;
            background: white;
        }
    }

    body#checkout {
        color: #414141;
    }
    body#checkout [data-action="show-password"] {
        background: #878787;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
    }
    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 section.checkout-step {
        padding: 15px;
        float: left;
        width: 100%;
        margin: 0 0 20px;
        background: #fff;
        box-shadow: 1px 2px 3px 0 #e5e5e5;
        -webkit-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -moz-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -ms-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -o-box-shadow: 1px 2px 3px 0 #e5e5e5;
    }
    #content-hook_order_confirmation {
        margin: 0 0 30px;
    }
    body#checkout section.checkout-step.js-current-step {
        padding: 30px;
    }
    body#checkout section.checkout-step .step-title {
        cursor: pointer;
        float: left;
        font-weight: 500;
        margin: 0;
        text-transform: capitalize;
        width: 100%;
        font-size: 16px;
    }
    body#checkout section.checkout-step .step-edit {
        font-weight: 500;
    }
    body#checkout section.checkout-step .step-edit .edit {
        font-size: 1rem;
    }
    body#checkout section.checkout-step .not-allowed {
        cursor: not-allowed;
        opacity: 0.5;
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        -webkit-opacity: 0.5;
    }
    body#checkout section.checkout-step .content,
    body#checkout section.checkout-step .done,
    body#checkout section.checkout-step .step-edit {
        display: none;
    }
    body#checkout section.checkout-step.-current .content {
        display: block;
        float: left;
        margin: 20px 0 0;
        width: 100%;
    }
    body#checkout section.checkout-step.-current .content ul {
        padding: 0;
    }
    body#checkout section.checkout-step .btn-default{
        border: 2px solid #ccc; 
    }
    body#checkout section.checkout-step .btn-default:hover,
    body#checkout section.checkout-step .btn-default.active,
    body#checkout section.checkout-step .btn-default:focus{
        background-color: #e6e6e6;
        border-color: #e6e6e6;
    }    
    body#checkout section.checkout-step #checkout-guest-form .custom-checkbox {
        display: table;
    }
    #checkout .custom-checkbox input[type="checkbox"] + span {
        border-color: #777777;
    }
    body#checkout section.checkout-step #checkout-guest-form .custom-checkbox span {
        vertical-align: top;
        display: inline-block;
        border-width: 2px;
    }
    body#checkout section.checkout-step #checkout-guest-form .custom-checkbox label {
        display: table-cell;
        vertical-align: middle;
    }
    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: 4px 8px;
    }
    body#checkout section.checkout-step.-reachable.-complete h1 .step-edit:hover {
        color: #111111 !important;
    }
    body#checkout section.checkout-step.-reachable.-complete .content {
        display: none;
    }
    body#checkout section.checkout-step .default-input {
        min-width: 40%;
    }
    body#checkout section.checkout-step .default-input[name=address1],
    body#checkout section.checkout-step .default-input[name=address2] {
        min-width: 60%;
    }
    body#checkout section.checkout-step .radio-field {
        margin-top: 1.875rem;
    }
    body#checkout section.checkout-step .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: #e9e9e9;
        padding: 0.625rem 3.125rem;
    }
    body#checkout section.checkout-step .form-footer {
        text-align: center;
    }
    body#checkout section#checkout-personal-information-step .btn,body#checkout section#checkout-addresses-step .btn,
    body#checkout section#checkout-delivery-step .btn,body#checkout section#checkout-payment-step .btn{
        height: 44px;
    }    
    body#checkout section.checkout-step .payment-options label {
        display: table-cell;
    }
    body#checkout section.checkout-step .payment-options .custom-radio {
        margin-right: 1.25rem;
    }
    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 10px 0 0;
    }
    body#checkout #cart-summary-product-list .media-body span.product-name a {
        color: #111;
    }
    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 {
        background: #e9e9e9;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 0.625rem;
    }
    body#checkout section.checkout-step .address-item.selected {
        background: #ffffff none repeat scroll 0 0;
        border: 1px solid #e5e5e5;
    }
    body#checkout section.checkout-step .address-alias {
        display: inline-block;
        font-weight: 500;
        margin: 0 0 20px;
    }
    #checkout-addresses-step #delivery-addresses br {
        margin: 0 0 15px;
    }
    body#checkout section.checkout-step .address {
        margin-left: 1.5625rem;
        font-weight: 500;
    }
    body#checkout section.checkout-step .radio-block {
        padding: 0.9375rem;
        text-align: left;
    }
    body#checkout section.checkout-step .custom-radio {
        margin-right: 0;
    }
    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 {
        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: 1rem;
    }
    body#checkout section.checkout-step hr {
        margin: 0;
    }
    body#checkout section.checkout-step .address-footer {
        text-align: center;
        padding: 0.625rem;
    }
    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: #333333;
        text-decoration: underline;
    }
    body#checkout section.checkout-step .add-address a i {
        font-size: 0.9375rem;
    }
    body#checkout section.checkout-step .delivery-option {
        border-top: 1px solid #e5e5e5;
        float: left;
        margin: 0px 0 15px;
        padding: 15px 0 0;
        width: 100%;
        display: flex;
        align-items: center;
    }
    body#checkout section.checkout-step .delivery-option label .row {
        display: flex;
        align-items: center;
    }
    body#checkout .condition-label label a {
        font-weight: 600;
    }
    #payment-confirmation button {
        width: 50%;
    }
    body#checkout section.checkout-step .delivery-option label {
        text-align: inherit;
    }
    body#checkout section.checkout-step .carrier-delay,
    body#checkout section.checkout-step .carrier-name {
        display: inline-block;
        word-break: break-word;
        text-align: left;
    }
    body#checkout section.checkout-step #customer-form,
    body#checkout section.checkout-step #delivery-address,
    body#checkout section.checkout-step #invoice-address,
    body#checkout section.checkout-step #login-form {
        margin-top: 10px;
    }
    body#checkout section.checkout-step #customer-form .form-control-label,
    body#checkout section.checkout-step #delivery-address .form-control-label,
    body#checkout section.checkout-step #invoice-address .form-control-label,
    body#checkout section.checkout-step #login-form .form-control-label {
        text-align: left;
    }
    body#checkout section.checkout-step #customer-form .radio-inline,
    body#checkout section.checkout-step #delivery-address .radio-inline,
    body#checkout section.checkout-step #invoice-address .radio-inline,
    body#checkout section.checkout-step #login-form .radio-inline {
        padding: 0;
    }
    body#checkout section.checkout-step .sign-in {
        font-size: 0.875rem;
    }
    body#checkout section.checkout-step .forgot-password {
        text-align: center;
    }
    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;
    }
    body#checkout .cancel-address {
        margin: 0.625rem;
        display: block;
        color: #878787;
        text-decoration: underline;
    }
    body#checkout .modal-content {
        padding: 1.25rem;
        background-color: #ebebeb;
    }
    body#checkout #cart-summary-product-list {
        font-size: 14px;
    }
    body#checkout #cart-summary-product-list img {
        max-width: none;
        border: 1px solid var(--border-color);
    }
    #checkout .media-list .media {
        padding: 10px 0;
    }
    #checkout .delivery-option .col-xs-3 > img {
    max-width: none;
    }
    .media-list {
        padding: 0;
    }
    body#checkout #cart-summary-product-list .media-body {
        vertical-align: middle;
    }
    body#checkout #order-summary-content {
        padding-top: 0.9375rem;
    }
    body#checkout #order-summary-content h4.h4 {
        margin-top: 0.625rem;
        margin-bottom: 1.25rem;
        color: #414141;
    }
    body#checkout #order-summary-content h4.black {
        color: #111;
    }
    body#checkout #order-summary-content h4.addresshead {
        margin-top: 0.1875rem;
    }
    body#checkout #order-summary-content .noshadow {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }
    body#checkout #order-summary-content #order-items {
        border-right: 0;
    }
    body#checkout #order-summary-content #order-items h3.h3 {
        color: #414141;
        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;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-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;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-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 #gift_message {
        max-width: 100%;
        border-color: #414141;
    }
    @media (max-width: 543px) {
        body#checkout section.checkout-step .forgot-password {
            margin: 0 0 10px;
        }
    }
    /**** 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;
    }
    #content-hook_order_confirmation .h1.card-title {
        font-weight: 500;
        font-size: 16px;
    }
    #order-items hr {
        float: left;
        width: 100%;
    } 
    #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: 1rem;
        display: flex;
        align-items: center;
    }
    #order-items .image img {
        max-width: 100%;
        margin-bottom: 1rem;
        border: 1px solid var(--border-color);
    }
    #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;
    }
    #order-confirmation .col-md-12 > p {
        float: left;
        margin: 0;
        width: 100%;
    }
    #order-confirmation .card.definition-list {
        float: left;
        margin: 0 0 60px;
        width: 100%;
    }
    #order-confirmation .card-block {
        float: left;
        width: 100%;
    }
    #order-confirmation .card.definition-list a{
        color:#111;
    }
    #order-confirmation .card.definition-list a:hover{
        text-decoration:underline;
    }
    @media (max-width: 543px) {
        #order-confirmation .card.definition-list {
            margin: 0 0 10px;
        }
        #checkout .payment-options {
            float: left;
            padding: 10px;
            width: 100%;
        }
        #content-hook_order_confirmation .h1.card-title {
            font-size: 14px;
        }
        .h3.card-title {
            font-size: 14px;
        }
        #order-items .order-line > div {
            padding: 0 8px;
        }
    }
    @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 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 #e5e5e5;
            margin-bottom: 1rem;
            padding-bottom: 1rem;
        }
        #order-items hr {
            border-top-color: #dedede;
        }
        .bold {
            font-weight: bold;
        }
        #order-details {
            padding-left: 0.9375rem;
        }
        #order-details .card-title {
            border-bottom: 1px solid #e5e5e5;
            margin-bottom: 1rem;
            padding-bottom: 1rem;
        }
    }
    @media (max-width: 543px) {
        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;
        -moz-opacity: 0.6;
        -khtml-opacity: 0.6;
        -webkit-opacity: 0.6;
        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;
        font-weight: 500;
    }
    .table-labeled td {
        vertical-align: middle;
    }
    .table-labeled .label {
        font-weight: 500;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        font-size: inherit;
        padding: 0.25rem 0.375rem;
        margin: 0.125rem;
        color: white;
        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;
    }
    #authentication .custom-checkbox span {
        flex: 0 0 0.9375rem;
    }
    #authentication .custom-checkbox label {
        padding-left: 0.625rem;
    }
    #authentication [data-action="show-password"] {
        background: #878787;
    }
    #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 ***/
    #history table {
        margin: 0;
    }
    .page-customer-account #content {
        background: white;
        padding: 30px;
        font-size: 0.875rem;
        color: #878787;
        box-shadow:	1px 2px 3px 0px #e5e5e5;
    }
    .page-customer-account #content .order-actions a {
        padding: 0 0.125rem;
    }
    .page-customer-account #content .forgot-password {
        text-align: center;
        font-size: 0.875rem;
        margin-top: 1rem;
        padding-bottom: 0.9375rem;
    }
    .page-customer-account #content .no-account {
        text-align: center;
        font-size: 1rem;
    }
    @media (max-width: 767px) {
        .forgotten-password .btn {
            margin: 10px 0 0;
            float: left;
        }
        .forgotten-password .form-control-label {
            padding: 0;
        }
        .forgotten-password .email {
            padding: 0;
        }
    }
    /*** Login page ***/

    .page-authentication #content {
        border: 1px solid #e5e5e5;
        background: white;
        padding: 1rem;
        width: 100%;
        margin: 0 auto;
    }
    /*** Addresses page ***/

    .page-addresses #content .address {
        background: #ffffff none repeat scroll 0 0;
        border: 1px solid #e5e5e5;
        color: #414141;
        font-size: 14px;
        margin-bottom: 0;
    }
    .page-addresses .address .address-body {
        padding: 1rem;
    }
    .page-addresses .address .address-body h4 {
        border-bottom: 1px solid #e5e5e5;
        color: #333333;
        font-size: 18px;
        font-weight: 500;
        margin: 0 0 15px;
        padding: 0 0 10px;
    }
    .page-addresses .address .address-body address {
        min-height: 9rem;
    }
    .page-addresses .address .address-footer {
        border-top: 1px solid #e5e5e5;
        padding: 0.5rem 1rem;
    }
    .page-addresses .address .address-footer a {
        color: #878787;
        margin-right: 0.5rem;
    }
    .page-addresses .address .address-footer a:hover {
        color: #414141;
    }
    .page-addresses .address .address-footer a i {
        font-size: 1rem;
    }
    .page-addresses .address .address-footer a span {
        font-size: 0.9375rem;
        vertical-align: middle;
    }
    .page-addresses .addresses-footer {
        margin: 10px 10px 0;
    }
    .page-addresses .addresses-footer a {
        color: #414141;
    }
    .page-addresses .addresses-footer a:hover {
        color: #414141;
    }
    .page-addresses .addresses-footer a i {
        font-size: 1rem;
    }
    .page-addresses .addresses-footer a span {
        font-size: 1rem;
        vertical-align: middle;
        margin-top: 0.625rem;
    }
    /*** Order details page ***/

    #order-detail #order-infos strong {
        color: #333333;
        font-weight: 500;
    }
    .page-order-detail {
        font-size: 0.875rem;
        color: #878787;
    }
    .page-order-detail .box {
        background: white;
        padding: 1rem;
        margin-bottom: 0;
    }
    .page-order-detail h3 {
        font-size: 1rem;
        font-weight: 500;
        color: #333333;
        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 #e5e5e5;
    }
    .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;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
    }
    .page-order-detail .addresses {
        margin: 0 -0.9375rem;
    }
    .page-order-detail .addresses h4 {
        font-size: 1rem;
        color: #333333 !important;
        font-weight: 500;
    }
    #order-products strong {
        color: #222222;
        font-weight: 500;
    }
    .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 #e5e5e5;
    }
    .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 #e5e5e5;
    }
    .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: #414141;
    }
    #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 {
        display: inline-block;
        float: left;
        font-size: 1rem;
        font-weight: 700;
        margin: 0 0 5px;
        padding: 5px 20px;
        text-align: center;
        width: 100%;
    }
    .page-my-account #content .links a:last-child {
        margin: 0;
    }
    .page-my-account #content .links a span.link-item {
        background: #ffffff none repeat scroll 0 0;
        display: block;
        float: left;
        font-weight: 500;
        height: 100%;
        line-height: 30px;
        padding: 15px;
        text-align: left;
        width: 100%;
    }
    .page-my-account #content .links a i {
        float: left;
        font-size: 30px;
        margin: 0 10px 0 0;
        padding: 0;
        vertical-align: top;
    }
    .page-my-account #content .links a:hover {
        color: #414141;
    }
    .page-my-account #content .links a:hover i {
        color: #111;
    }
    @media (max-width: 767px) {
        .page-my-account #content .links a span.link-item {
            line-height: 22px;
            font-size: 14px;
        }
        .page-my-account #content .links a i {
            font-size: 22px;
        }
    }
    /*** History page ***/

    #history .orders {
        margin: 0 -1rem;
    }
    #history .orders .order {
        padding: 0.75rem 1rem;
        border-bottom: 1px solid #e5e5e5;
    }
    #history .orders .order a h3 {
        color: #878787;
    }
    #history .orders .order .label {
        display: inline-block;
        margin: 0.25rem 0;
        padding: 0.25rem 0.375rem;
        color: white;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-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: 1rem;
    }
    .page-footer .account-link span {
        font-size: 0.875rem;
        vertical-align: middle;
    }
    /* ------------------------ Start Product Style ------------------------- */
    .tab_content .products {
        float:left;
    }
    .product-desc-short {
        display: none;
    }
    #js-product-list .products.product-thumbs {
        margin: 0;
        background: #ffffff;
        padding: 30px 15px;
        box-shadow: 1px 2px 3px 0 #e5e5e5;
        -webkit-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -moz-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -ms-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -o-box-shadow: 1px 2px 3px 0 #e5e5e5;
    }
    #js-product-list {
        text-align: center;
        float: left;
        width: 100%;
    }
    .featured-products,
    .product-accessories,
    .crossselling-product,
    .category-products,
    .view-product {
        float: left;
        width: 100%;
        margin-bottom: 40px;
        position: relative;
        text-align: center;
    }
    .product-accessories .products,
    .crossselling-product .products,
    .category-products .products,
    .view-product .products {
        float: left;
        background: #ffffff;
        padding: 30px 15px;
        box-shadow: 1px 2px 3px 0 #e5e5e5;
        -webkit-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -moz-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -ms-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -o-box-shadow: 1px 2px 3px 0 #e5e5e5;
    }
    .products-selection .filter-toggle {
        display: none;
    }
    #products .products ul{
        float: left;
        width: auto;
        margin: 0;
    }
    .products .product-thumbnail {
        display: inline-block;
        position: relative;
        overflow: hidden;
        vertical-align: top;
    }
    .products #tab-gridview .product-thumbnail img {
        width:100%;
    }
    .products .product-title a, #product_comparison .product-miniature .product-description .product-title > a {
        color: var(--primary-bg-color);
        font: 500 14px/16px var(--secondary-font);
        text-decoration: none;
    }
    .products .product-list .product-title a,
    .products .product-sort .product-title a {
        font-size:14px;
    }
    .products .thumbnail-container {
        float: left;
        position: relative;
        text-align: center;
        width:100%;
        overflow: hidden;
    }
    .products .thumbnail-container .ttproduct-image {
        position: relative;
        overflow: hidden;
    }
    .products .thumbnail-container .ttproduct-image .ttproducthover .tt-button-container{
        position: absolute;
        left: 10px;
        right: 10px;
        bottom: 10px;
        top: auto;
        transform: translateY(80px);
        -webkit-transform: translateY(80px);
        -moz-transform: translateY(80px);
        -o-transform: translateY(80px);
        -ms-transform: translateY(80px);
        transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        margin: auto;
        height: 40px;
        visibility: hidden;
        z-index:1;
    }
    @media (max-width:1199px) {
        #js-product-list .products.product-thumbs {
            padding: 12px;
        }

    }
    @media (min-width: 768px) {
        .products .thumbnail-container:hover .ttproduct-image .ttproducthover .tt-button-container{
            opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
            transform: translateY(0px);
            -webkit-transform: translateY(0px);
            -moz-transform: translateY(0px);
            -o-transform: translateY(0px);
            -ms-transform: translateY(0px);
            visibility: visible;
        }
        .product-sort .product-desc-short{
            display:block;
        }
    }
    @media (max-width: 767px) {
        .products .thumbnail-container .ttproduct-image .ttproducthover .tt-button-container{
            opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
            transform: translateY(0px);
            -webkit-transform: translateY(0px);
            -moz-transform: translateY(0px);
            -o-transform: translateY(0px);
            -ms-transform: translateY(0px);
            visibility: visible;
        }
        .products .thumbnail-container::before {
            display:none;
        }
    }
    @media (max-width: 543px) {
        #js-product-list .product-grid.product-miniature {
            padding: 0 10px;
            width: 49.4%;
            margin: 0 0 10px;
            border-right: 1px solid var(--border-color);
            border-left: none;
            float: none;
            display: inline-block;
            vertical-align: top;
        }
        #js-product-list .products.product-thumbs {
            padding: 10px 0;
        }
    }
    .products:not(.ttbestseller-content,.ttfeatured-content) .thumbnail-container .tt-button-container .btn {
        line-height: 36px;
        width: auto;
        float: none;
        padding: 0 9px;
        background: none;
        border: 2px solid var(--secondary-bg-color);
        color: #111;
        z-index: 1;
        margin: 0;
        background: #ffffff;
    }
    .products .tt-button-container .btn-primary.select-btn span::before {
        content: "\e8e4";
        margin-right: 5px;
        font-family: 'Material Icons';
        float:left;
        font-size:13px;
    }
    .products .thumbnail-container .tt-button-container .btn span {
        display: inline-block;
        color: #111;
        font-weight: 400;
        font-size: 12px;
        text-overflow: ellipsis;
        overflow: hidden;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    .products .thumbnail-container .tt-button-container .btn:hover span,
    .products .thumbnail-container .tt-button-container .btn:focus span,
    .products .thumbnail-container .tt-button-container .btn:active span,
    .products .thumbnail-container div .btn.cart-loading span {
        color: var(--secondary-text-color);
    }
    .products .thumbnail-container .tt-button-container .btn i,
    .ttstickyAddToCart-btnadd .add-to-cart i {
        display: none;
    }
    .products .thumbnail-container .btn {
        padding: 0;
        position: relative;
        text-align: center;
        height: 40px;
        width: 40px;
        background: #f5f5f5;
        outline:none;
        border:none;
        margin:0 0 8px;
        z-index: 1;
    }
    .products .thumbnail-container .btn.checked {
        background: var(--secondary-bg-color);
    }
    .products .thumbnail-container .btn.checked i {
        color: var(--secondary-text-color);
    }
    .products:not(.ttbestseller-content) .thumbnail-container .tt-button-container .btn:hover,
    .products:not(.ttbestseller-content) .thumbnail-container .tt-button-container .btn:focus,
    .products:not(.ttbestseller-content) .thumbnail-container .tt-button-container .btn:active,
    .products .thumbnail-container .btn:hover,
    .products .thumbnail-container .btn:focus,
    .products .thumbnail-container .btn:active,
    .products .thumbnail-container div .btn.cart-loading,
    .products .thumbnail-container div .btn.wishlist-loading,
    .products .thumbnail-container div .btn.compare-loading {
        background: var(--secondary-bg-color);
        color:var(--secondary-text-color);
    }
    .products .thumbnail-container .btn span {
        display: none;
    }
    .products .thumbnail-container .btn.loading span.loading {
        display: inline-block;
        vertical-align: top;
    }
    .products .thumbnail-container .btn i {
        color: #444;
        font-size: 17px;
        height: 40px;
        line-height: 40px;
        margin: 0;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    .products .thumbnail-container .tt-button-container .btn:not(.cart-loading) i.added,
    .ttstickyAddToCart-btnadd .add-to-cart:not(.cart-loading) i.added {
        display: inline-block;
        vertical-align: top;
        font-size: 13px;
        height: 38px;
        line-height: 38px;
        width: auto;
    }
    .products .thumbnail-container .btn:hover i,
    .products .thumbnail-container .btn:focus i,
    .products .thumbnail-container .btn:active i,
    .products .thumbnail-container div .btn.cart-loading i,
    .products .thumbnail-container div .btn.wishlist-loading i,
    .products .thumbnail-container div .btn.compare-loading i {
        color: var(--secondary-text-color);
    }
    .products .product-grid .thumbnail-container .ttproducthover {
        left: 0;
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        bottom: 0;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
        vertical-align: top;
        z-index: 1;
        height: 40px;
        margin: auto;
    }
    .products .product-grid .thumbnail-container:hover .ttproducthover {
        right: 10px;
        opacity: 1;
        -moz-opacity: 1; 
        -khtml-opacity: 1; 
        -webkit-opacity: 1;
    }
    #products #tab-shortview .thumbnail-container .tt-button-container {
        float: left;
        width: 100%;
        margin: 0 0 10px;
    }
    @media (max-width: 1199px) {
        .products .product-grid .thumbnail-container .ttproducthover {
            bottom:0;
        }
        .products:not(.ttbestseller-content,.ttfeatured-content) .thumbnail-container .tt-button-container .btn{
            padding: 0 8px;
        }
        #products #tab-shortview .thumbnail-container .tt-button-container {
            float: none;
            display: inline-block;
            vertical-align: top;
        }
        #products #tab-shortview .thumbnail-container .ttproduct-button {
            float: none;
            display: inline-block;
            vertical-align: top;
            width: auto;
        }
    }
    @media (max-width:991px) {
        .products:not(.ttbestseller-content) .thumbnail-container .tt-button-container .btn{
            line-height: 34px;
        }
        .products .thumbnail-container .ttproducthover .btn {
            height: 36px;
            width: 36px;
        }
        .products .thumbnail-container .ttproducthover .btn i {
            height: 36px;
            line-height: 36px;
            font-size: 15px;
        }
    }
    @media (max-width: 767px) {
        .products .thumbnail-container .tt-button-container {
            position:static;
            opacity: 1;
            -moz-opacity: 1; 
            -khtml-opacity: 1; 
            -webkit-opacity: 1;
            visibility:visible;
            transform: none;
            -webkit-transform: none;
            -moz-transform: none;
            -o-transform: none;
            -ms-transform: none;
            transition: none;
            -webkit-transition: none;
            -moz-transition: none;
            -o-transition: none;
            -ms-transition: none;
        }
        .products .product-grid .thumbnail-container .ttproducthover {
            opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
            position: static;
            text-align: left;
            height: auto;
        }
        #products #tab-shortview .thumbnail-container .tt-button-container {
            width:auto;
            float:none;
            display:inline-block;
            vertical-align:top;
        }
        #tab-shortview .product-quantity-inner {
            display: none;
        }
    }
    @media (max-width:543px) {
        .products .thumbnail-container .btn {
            height: 36px;
            width: 36px;
        }
        .products .thumbnail-container .ttproducthover .btn i {
            height: 36px;
            line-height: 36px;
            font-size: 16px;
        }
    }
    /*------------ Start cart disabled-------------*/
    #product_comparison .tt-button-container .add-to-cart-disable,
    .products .thumbnail-container div.tt-button-container .btn.add-to-cart-disable {
        display: inline-block;
        opacity: 0.6;
        -moz-opacity: 0.6;
        -khtml-opacity: 0.6;
        -webkit-opacity: 0.6;
        cursor: not-allowed;
    }
    #product_comparison .tt-button-container .add-to-cart-disable:focus,
    #product_comparison .tt-button-container .add-to-cart-disable:hover {
        background: #111;
        color: #fff;
    }
    .products .thumbnail-container  div.tt-button-container .btn.add-to-cart-disable:hover {
        background:#f5f5f5;
        color: #111;
    }
    .products .thumbnail-container div.tt-button-container .btn.add-to-cart-disable:hover i {
        color: #111;
    }
    #product_comparison .tt-button-container .add-to-cart-disable i {
        display: none;
    }
    .products .thumbnail-container div.tt-button-container .btn.add-to-cart-disable:hover span {
        color: #111;
    }
    /*------------ End cart disabled-------------*/
    .products .thumbnail-container:hover .highlighted-informations {
        opacity:1;
    }
    .products .thumbnail-container:hover .highlighted-informations::after {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
    }
    .products .thumbnail-container:hover .highlighted-informations.no-variants {
        bottom: 4.375rem;
    }
    .products .products-section-title {
        color: #111;
        font: 700 30px/40px var(--secondary-font);
        margin: 30px auto 20px;
        position: relative;
        text-align: center;
    }
    .products .product-title {
        float: left;
        margin: 0 0 5px;
        width: 100%;
        text-align: left;
        /* min-height: 44px; */
        line-height: normal;
        font-weight: 400;
    }
    .products .product-price-and-shipping, #product_comparison .product-miniature .product-price-and-shipping {
        color: #333;
        font: 600 15px/18px var(--primary-font);
        float: none;
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 10px;
    }
    .products .product-price-and-shipping .price {
        float: none;
        display: inline-block;
        vertical-align: middle;
    }
    .products .variant-links {
        position: relative;
        text-align: center;
        float: left;
        width: 100%;
        margin: 0;
    }
    .variant-links .sr-only {
        display: none;
    }
    .products .highlighted-informations {
        position: absolute;
        left: 0;
        right: 0;
        top: auto;
        bottom: 10px;
        opacity:0;
        -moz-opacity: 0; 
        -khtml-opacity: 0; 
        -webkit-opacity: 0;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    .products .highlighted-informations .color {
        height: 12px;
        width: 12px;
    }
    .products .product-grid .product-description {
        z-index: 1;
        float: left;
        width: 100%;
        height: 100% !important;
    }
    .products .product-miniature .discount {
        display: none;
    }
    .discount-percentage, .product-miniature .product-price-and-shipping .discount-amount {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        color: #ff0000;
        display: inline-block;
        float: none;
        font: 600 15px/18px var(--primary-font);
        padding: 0 1px;
        position: static;
        vertical-align: middle;
        margin: 0;
    }
    .js-show-details i{
        float: right;
        font-size: 18px;
        line-height: 22px;
        }
    .cart-summary-subtotals-container{
        padding:10px 0;
    }
    .card-block.cart-summary-totals {
        border-top: 1px solid #e5e5e5;
    }
    .products .product-miniature .product-flags li.online-only::before {
        content: "\E30A";
        font-family: 'Material Icons';
        vertical-align: middle;
        margin: 0 0.3125rem 0 0;
        vertical-align: bottom;
    }   
    .product-flags {
        margin: 0;
    }
    .product-flags li {
        position: absolute;
        top: 5px;
        bottom: auto;
        left: -80px;
        right: auto;
        color: #444444;
        font: 500 12px/18px var(--secondary-font);
        transition: all 0.5s ease 0s;
        z-index: 1;
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        visibility: hidden;
    }
    .thumbnail-container:hover .product-flags li{
        opacity: 1;
        -moz-opacity: 1; 
        -khtml-opacity: 1; 
        -webkit-opacity: 1;
        visibility:visible;
        left: 10px;
    }
    .product-flags li.online-only,.product-flags li.on-sale {
        right:-50px;
        left:auto;
    }
    .product-flags li.on-sale {
        opacity: 1;
        -moz-opacity: 1;
        visibility: visible;
        -khtml-opacity: 1;
        right: 10px;
        -webkit-opacity: 1;
    }
    .product-flags li.on-sale {
        color:#cb354e;
    }
    .thumbnail-container:hover .product-flags li.online-only,
    .thumbnail-container:hover .product-flags li.on-sale {
        right: 10px;
        left:auto;
    }
    .product-flags li.pack {
        color: #008000;
        top: 25px;
    }
    .product-flags li.online-only{
        top:25px;
    }
    .product-list .product-flags li,
    .product-sort .product-flags li {
        top: 15px;
    }
    .product-list .product-flags li.online-only,
    .product-sort .product-flags li.online-only {
        top: 35px;
    }
    .product-list .product-flags li.pack,
    .product-sort .product-flags li.pack{
        top: 35px;
    }
    @media (max-width: 767px) {
        .products .thumbnail-container .ttproduct-image .product-flags li {
            opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
            visibility: visible;
            left:10px;
            right: auto;
        }
        .products .thumbnail-container .ttproduct-image .product-flags li.on-sale {
            right:10px;
            left: auto;
        }
        .products .thumbnail-container .ttproduct-image .product-flags li.online-only {
            right:10px;
            left: auto;
        }
        .products .thumbnail-container .ttproduct-image .product-flags li.discount {
            display:none;
        }
        .products .product-price-and-shipping {
            margin:0 0 8px;
        }
        .product-flags li{
            font-size: 10px;
        }
    }
    @media (max-width: 543px) {
        .discount-percentage, .product-miniature .product-price-and-shipping .discount-amount {
            font-size: 10px;
            line-height: 14px;
        }
    }
    .products .thumbnail-container .hook-reviews {
        margin:0 0 5px;
        float:left;
        width:100%;
    }
    .hook-reviews .star_content {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin: 0 4px 0 0;
    }
    .hook-reviews span.reviewCount {
        display: none;
    }
    .product-price-and-shipping .regular-price, #product_comparison .product-miniature .product-description .product-price-and-shipping .regular-price {
        color: var(--body-text-color);
        font: 400 13px/16px var(--primary-font);
        text-decoration: line-through;
        float: none;
        display: inline-block;
        vertical-align: middle;
    }
    .products .count {
        color: #878787;
        font-weight: 500;
        position: relative;
        bottom: 0.5rem;
    }
    .products .all-product-link {
        clear: both;
        color: #878787;
        font-weight: 500;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .products .cat-name {
        float: left;
        text-transform: capitalize;
        width: 100%;
        text-align: left;
        font: 400 13px/15px var(--secondary-font);
        color: var(--body-text-color);
        margin: 0 0 5px;
    }
    @media (max-width: 767px) {
        .products .thumbnail-container:hover .hook-reviews {
            opacity: 1;
            -moz-opacity: 1; 
            -khtml-opacity: 1; 
            -webkit-opacity: 1;
            visibility:visible;
        }
    }
    @media (max-width: 543px) {
        .products .product-price-and-shipping,
        #product_comparison .product-miniature .product-price-and-shipping {
            font-size: 12px;
            line-height: 14px;
        }
        .products .cat-name {
            font-size: 12px;            
        }
        .products .product-title a,
        #product_comparison .product-miniature .product-description .product-title > a {
            font-size: 13px;
            line-height: 16px;
        }
    }
    /* ------------------------ End Product Style ------------------------- */

    #custom-text {
        background: #ffffff none repeat scroll 0 0;
        border: 10px solid #f5f5f5;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -khtml-border-radius: 2px;
        float: left;
        margin: 30px 0 30px;
        padding: 60px 50px;
        text-align: center;
        width: 100%;
    }
    #custom-text h3 {
        color: #222222;
        font-size: 32px;
        font-weight: 500;
        line-height: 26px;
        margin: 0 auto;
        padding: 0 0 20px;
        position: relative;
        text-align: center;
        text-transform: capitalize;
    }
    #custom-text p {
        color: #414141;
        font-weight: 500;
        font-size: 1.1em;
    }
    #custom-text p .dark {
        font-weight: 500;
    }
    .page-cms #content-wrapper section#main .page-content, .page-sitemap #content-wrapper section#main .page-content {
        padding: 30px;
        float: left;
        width: 100%;
        background: #fff;
        box-shadow: 1px 2px 3px 0 #e5e5e5;
        -webkit-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -moz-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -ms-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -o-box-shadow: 1px 2px 3px 0 #e5e5e5;
    }
    .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;
        }
    }
    #products {
        color: #878787;
    }
    #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 {
        text-transform: inherit;
    }
    #products .up .btn-secondary .material-icons,
    #products .up .btn-tertiary .material-icons {
        margin-right: 0;
    }
    .block-category #category-description p {
        color: #414141;
        margin-bottom: 0;
    }

    .products-selection .sort-by {
        padding-top: 10px;
        text-align: right;
        white-space: nowrap;
        float: left;
    }
    @media (max-width: 991px) {
        .products-selection .sort-by {
            padding: 10px 5px;
        }
    }
    .products-selection .total-products {
        padding: 10px 0 0;
    }
    .products-selection .total-products p {
        margin: 0;
    }
    .products-selection h1 {
        padding-top: 0.625rem;
    }
    .products-sort-order {
        color: #878787;
        padding: 0;
        position: relative;
    }
    .products-sort-order .select-title {
        background: #ffffff none repeat scroll 0 0;
        border: 1px solid #e5e5e5;
        color: #414141;
        line-height: 24px;
        cursor: pointer;
        display: inline-block;
        margin-left: 0;
        padding: 8px 10px;
        width: 100%;
        text-align: left;
    }
    .products-sort-order .select-list {
        display: block;
        color: #414141;
        padding: 0.625rem 1.25rem;
    }
    .products-sort-order .select-list:hover {
        background: #111;
        color: white;
        text-decoration: none;
    }
    .products-sort-order .dropdown-menu {
        left: 0;
        right: 0;
        width: 100%;
        background: #f7f7f7;
        border: none;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
    }
    #search_filters_wrapper .clear-all-wrapper {
        float: left;
        padding: 5px 0 0;
        width: 100%;
    }
    #search_filters > p {
        font: 500 15px/20px var(--primary-font);
        color: #111;
        padding: 15px 15px 0 15px;
        margin: 0;
        text-transform: capitalize !important;
    }
    #search_filters .facet {
        float: left;
        padding: 5px 10px;
        width: 100%;
    }
    #search_filters .facet ul {
        padding: 0;
        float: left;
        width: 100%;
    }
    #search_filters .facet .collapse {
        display: block;
        margin: 0;
        padding: 0;
    }
    #search_filters .facet ul.faceted-slider {
        margin: 0;
    }
    #search_filters .facet ul.faceted-slider li {
        margin-bottom: 0.625em;
    }
    #search_filters .facet .facet-title {
        color: #333333;
        font-weight:400;
        font-size: 14px;
        line-height: 28px;
    }
    #search_filters .facet .facet-label {
        margin-bottom: 1px;
    }
    #search_filters .facet .facet-label a {
        display: inline-block;
        font-size: 13px;
        line-height: 20px;
        text-align: left;
    }
    #search_filters .facet .facet-label a .magnitude {
        float: right;
    }
    #search_filters .facet .facet-label a:hover {
        color: var(--primary-bg-color);
    }
    .empty-carticon {
        display: inline-flex;
        align-items: flex-end;
        justify-content: center;
        width: 80px;
        height: 80px;
        position: relative;
        text-align: center;
        border-radius: 50%;
        background-color: #eaecef;
        overflow: hidden;
    }
    /* -------------- Pagination(CategoryPage) ------------------- */

    .pagination {
        width: 100%;
    }
    .pagination > div:first-child {
        line-height: 34px;
    }
    .pagination-left {
        float: left;
        padding: 0;
        text-align: left;
    }
    @media (max-width: 543px) {
        .pagination-left {
            text-align: center;
            width: 100%;
        }
    }
    .pagination-right {
        float: right;
        padding: 0;
    }
    @media (max-width: 543px) {
        .pagination-right {
            width: 100%;
        }
    }
    .pagination .page-list {
        padding: 0;
        margin-bottom: 0;
        float: right;
    }
    @media (max-width: 543px) {
        .pagination .page-list {
            float: none;
        }
    }
    .pagination .page-list li {
        display: inline-block;
        float: none;
        vertical-align: middle;
    }
    .pagination a {
        color: black;
        display: block;
        height: 34px;
        padding: 6px;
        width: 34px;
        line-height: 22px;
    }
    .pagination a {
        text-decoration: none;
    }
    .pagination a i {
        font-size: 22px;
    }
    .pagination a span {
        display: none;
    }
    .pagination .previous {
        float: left;
        font-size: 0;
        line-height: 0;
        margin: 0 !important;
    }
    .pagination .js-search-link {
        background: #ffffff none repeat scroll 0 0;
        border: 1px solid #e5e5e5;
        overflow: hidden;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    .pagination li .js-search-link:hover,
    .pagination li.current .js-search-link {
        color: var(--secondary-text-color);
        background: var(--secondary-bg-color);
        border-color: var(--secondary-bg-color);
    }
    @media (max-width: 767px) {
        .pagination .previous {
            margin-right: 10px;
        }
    }
    .pagination .next {
        float: right;
        font-size: 0;
        margin: 0 !important;
    }
    @media (max-width: 767px) {
        .pagination .next {
            margin-left: 10px;
        }
    }
    .pagination .current a {
        background: #111;
        border-color: #111;
        color: #fff;
        font-weight: 500;
        text-decoration: none;
    }
    .active_filters {
        background: #ffffff;
        padding: 10px;
        margin-bottom: 15px;
        float: left;
        width: 100%;
    }
    .active_filters .active-filter-title {
        display: inline;
        margin-right: 0.625rem;
        font-weight: 600;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .active_filters ul {
        display: inline;
    }
    .active_filters .filter-block {
        color: #414141;
        margin-right: 0.625rem;
        margin-bottom: 0;
        background: #f5f5f5;
        padding: 0.625rem;
        display: inline-block;
        font-size: 0.8125rem;
    }
    .active_filters .filter-block .close {
        color: #414141;
        font-size: 0.9375rem;
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        margin-top: 0.1875rem;
        margin-left: 0.3125rem;
    }
    #index .block-categories {
        display: none;
    }
    .block-categories {
        float: left;
        padding: 15px;
        width: 100%;
    }
    .block-categories ul {
        margin: 0;
        padding: 0;
    }
    .block-categories .category-sub-menu {
        display: inline-block;
        float: none;
        margin: 0;
        vertical-align: top;
        width: 100%;
        padding: 0 10px;
    }
    .block-categories .category-sub-menu .category-sub-link {
        font-size: 13px;
        line-height: 24px;
    }
    .block-categories .category-sub-menu .category-sub-link:hover {
        color: #333333;
    }
    .block-categories .category-sub-menu li a:hover {
        color: var(--primary-bg-color)!important;
    }
    .block-categories .category-sub-menu li:hover .collapse-icons .add,
    .block-categories .category-sub-menu li:hover .collapse-icons .remove {
        color: #111;
    }
    .block-categories .category-sub-menu li {
        position: relative;
    }
    .block-categories .category-sub-menu li[data-depth="1"] {
        margin-bottom: 0;
    }
    .block-categories .category-sub-menu li[data-depth="0"] > a {
        display: inline-block;
        vertical-align:top;
        line-height: 24px;
    }
    .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 a {
        color: #666;
    }
    .block-categories .category-sub-menu .collapse-icons {
        position: absolute;
        right: 0;
        top: 5px;
        padding: 0;
        cursor: pointer;
    }
    .block-categories .category-sub-menu .collapse-icons .material-icons {
        font-size: 15px;
    }
    .block-categories .category-sub-menu .category-sub-menu {
        margin: 0;
        padding: 0 0 0 10px !important;
    }
    .block-categories .collapse-icons[aria-expanded="true"] .add {
        display: none;
    }
    .block-categories .collapse-icons[aria-expanded="true"] .remove {
        display: inline-block;
    }
    .block-categories .collapse-icons .add:hover,
    .block-categories .collapse-icons .remove:hover {
        color: #111;
    }
    .block-categories .collapse-icons .remove {
        display: none;
    }
    .block-categories .arrows .arrow-right,
    .block-categories .arrows .arrow-down {
        font-size: 15px;
        cursor: pointer;
        margin-left: 2px;
        float: right;
        margin-top: 5px;
    }
    .block-categories .arrows .arrow-right:hover,
    .block-categories .arrows .arrow-down:hover {
        color: #111;
    }
    .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: #414141;
    }
    .products-selection .filter-button .btn-secondary,
    .products-selection .filter-button .btn-tertiary {
        padding: 8px 15px;
    }
    /*** Responsive part ***/

    @media (max-width: 991px) {
        #category #left-column #search_filter_controls,
        #category #right-column #search_filter_controls {
            text-align: center;
            margin-bottom: 1rem;
        }
        #category #right-column #search_filter_controls button,
        #category #left-column #search_filter_controls button {
            margin: 0 0.5rem;
        }
        #category #left-column #search_filters,
        #category #right-column #search_filters {
            margin-bottom: 0;
            padding: 0 15px !important;
            border-top: 1px solid #e5e5e5;
        }
        #category #left-column #search_filter_controls button.btn-tertiary,
        #category #right-column #search_filter_controls button.btn-tertiary {
            padding: 7px 15px;
        }
        #category #left-column #search_filters .facet,
        #category #right-column #search_filters .facet {
            padding: 10px 0;
            border-bottom: 1px solid #e5e5e5;
        }
        #category #left-column #search_filters .facet:last-child,
        #category #right-column #search_filters .facet:last-child {
            border-bottom: medium none;
        }
        #category #left-column #search_filters .facet .title,
        #category #right-column #search_filters .facet .title {
            cursor: pointer;
        }
        #category #left-column #search_filters .facet .title .collapse-icons .remove,
        #category #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 {
            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 {
            display: block;
        }
        #category #left-column #search_filters .facet .facet-title,
        #category #right-column #search_filters .facet .facet-title {
            color: #414141;
        }
        #category #left-column #search_filters .facet .h6,
        #category #right-column #search_filters .facet .h6 {
            margin-bottom: 0;
            padding: 0;
            display: inline-block;
            vertical-align:top;
        }
        #category #left-column #search_filters .facet .navbar-toggler,
        #category #right-column #search_filters .facet .navbar-toggler {
            display: inline-block;
            padding: 0;
        }
        #category #left-column #search_filters .facet .collapse,
        #category #right-column #search_filters .facet .collapse {
            display: none;
        }
        #category #left-column #search_filters .facet .collapse.in,
        #category #right-column #search_filters .facet .collapse.in {
            display: block;
            overflow: hidden;
        }
        #category #left-column #search_filters .facet .facet-label a,
        #category #right-column #search_filters .facet .facet-label a {
            margin-top: 0;
        }
        #category #left-column #search_filters .facet ul,
        #category #right-column #search_filters .facet ul {
            margin-bottom: 0;
        }
        #category #left-column #search_filters .facet ul li,
        #category #right-column #search_filters .facet ul li {
            padding: 5px;
        }
        #search_filters_wrapper #search_filters ul li label {
            margin: 0;
        }
        #category #search_filter_toggler {
            background:var(--secondary-bg-color);
            color: var(--secondary-text-color);
            width: 100%;
        }
        #category #search_filter_toggler:hover {
            color: var(--primary-text-color);
        }
        .products-sort-order .select-title {
            margin-left: 0;
        }
        .products-selection h1 {
            padding-top: 0;
            text-align: center;
            margin-bottom: 1rem;
        }
        .products-selection .showing {
            padding-top: 1rem;
            float: left;
            width: 100%;
        }
        #prices-drop #content-wrapper,
        #new-products #content-wrapper,
        #best-sales #content-wrapper {
            width: 100%;
        }
        .products-selection .filter-button {
            padding: 0 0 0 10px;
        }
    }
    #product #content {
        position: relative;
        max-width: 100%;
        margin: 0 auto;
    }
    .product-container .product-flags li.discount {
        display: none;
    }
    #product #content .product-flags {
        position: absolute;
        top: 15px;
        bottom: auto;
        left: 15px;
        right: auto;
        z-index: 1;
        text-align: left;
    }
    #product #content .product-flags li {
        position:static;
        opacity: 1;
        -moz-opacity: 1; 
        -khtml-opacity: 1; 
        -webkit-opacity: 1;
        visibility:visible;
    }
    @media (min-width: 544px) and (max-width: 767px) {
        #product .pb-left-column #content {
            float: none;
            max-width: 80%;
            text-align: center;
        }
    }
    .product-price {
        color: var(--price-color);
        font-weight: 600;
        font-size:15px;
        display: inline-block;
        vertical-align:top;
        font-family:var(--primary-font)
    }
    .pb-right-column .product-price .current-price,
    .quickview .product-price .current-price {
        color: var(--price-color);
        font: 600 16px/20px var(--primary-font);
        margin:0;
    }
    .pb-right-column .product-price.has-discount .discount, .quickview .product-price.has-discount .discount {
        float: left;
        padding: 0;
        font-size: 16px;
        width: 100%;
        line-height: 20px;
        margin: 0 0 8px;
    }
    .pb-right-column .product-price.has-discount .price-inner,
    .quickview .product-price.has-discount .discount .price-inner{
        float: left;
        width: 100%;
    }
    #product-description-short {
        color: #414141;
        float: left;
        width: 100%;
        margin: 0 0 15px;
    }
    #product-description-short p {
        line-height: 20px;
    }
    .product-information {
        font-size: 0.9375rem;
        color: #414141;
        padding:0;
        margin: 0;
    }
    .product-information .manufacturer-logo {
        height: 35px;
    }
    .input-color {
        position: absolute;
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        cursor: pointer;
        height: 1.25rem;
        width: 1.25rem;
    }
    .input-container {
        position: relative;
    }
    .input-radio {
        position: absolute;
        top: 0;
        cursor: pointer;
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        width: 100%;
        height: 100%;
    }
    .input-color:checked + span,
    .input-color:hover + span,
    .input-radio:checked + span,
    .input-radio:hover + span {
        border: 2px solid #414141;
    }
    .radio-label {
        box-shadow: 2px 2px 11px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 2px 2px 11px 0px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 2px 2px 11px 0px rgba(0, 0, 0, 0.1);
        background: white;
        display: inline-block;
        padding: 0.125rem 0.625rem;
        font-weight: 600;
        border: 2px solid white;
    }
    .product-actions .control-label {
        margin: 0 0 10px;
        display: block;
        width: 100%;
        font: 600 14px/16px var(--primary-font);
        float: left;
        color: #414141;
    }
    .product-actions .add-to-cart {
        border: medium none;
        position: relative;
        height: 44px;
        width: 250px;
    }
    .product-actions a.checkout-btn {
        height: 44px;
        float: left;
        line-height: 28px;
        margin: 10px 0 0;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        clear: left;
        width: 336px;
        text-align: center;
    }
    .product-actions .add-to-cart i.shopping-cart {
        font-size: 18px;
        line-height: 16px;
    }
    .product-actions .product-variants-item > ul {
        padding: 0;
        margin:0;
    }
    .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 {
        font-size: 1rem;
        top: 0.125rem;
        left: 0.1875rem;
    }
    .product-quantity .btn-touchspin {
        height: 1.4375rem;
    }
    .product-discounts {
        margin-bottom: 1.5rem;
    }
    .product-discounts > .product-discounts-title {
        font-weight: 500;
        font-size: 0.875rem;
    }
    .product-discounts > .table-product-discounts thead tr th {
        width: 33%;
        padding: 0.625rem 1.25rem;
        background: white;
        border: 0.3125rem #ebebeb solid;
        text-align: center;
    }
    .product-discounts > .table-product-discounts tbody tr {
        background: #e9e9e9;
    }
    .product-discounts > .table-product-discounts tbody tr:nth-of-type(even) {
        background: white;
    }
    .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: 12px;
    }
    .product-prices div {
        margin-bottom: 0.625rem;
    }
    .product-prices .tax-shipping-delivery-label{
        font-size: 14px;
        color: #111;
        float: left;
        width: 100%;
        margin: 15px 0 0 !important;
    }
    .product-prices .tax-shipping-delivery-label .delivery-information{
        padding:0 0 0 2px;
    }
    .product-prices .tax-shipping-delivery-label .delivery-information:before{
        content:"-";
        padding:0 2px 0 0;
    }
    .product-discount .regular-price {
        color: var(--body-text-color);
        font: 400 14px/20px var(--primary-font);
        margin-right: 5px;
        text-decoration: line-through;
    }
    .has-discount .discount {
        font-size: 12px;
        padding: 0 5px;
        color:#ff0000;
    }
    .product-unit-price {
        font-size: 0.8125rem;
        margin-bottom: 0;
    }
    .ttproductpagetab {
        background: #ffffff none repeat scroll 0 0;
        float: left;
        margin: 60px 0;
        text-align: center;
        width: 100%;
        box-shadow: 1px 2px 3px 0 #e5e5e5;
        -webkit-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -moz-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -ms-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -o-box-shadow: 1px 2px 3px 0 #e5e5e5;
    }
    .ttproductpagetab .tabs {
        padding:30px;
        float: left;
        width: 100%;
    }
    .ttproductpagetab .tabs .nav-tabs {
        margin: 0 0 20px;
        float: left;
        width: 100%;
        border-bottom: 1px solid #e5e5e5;
    }
    .ttproductpagetab .tabs .nav-tabs li.nav-item {
        float: none;
        width: auto;
        margin: 0 15px;
        display: inline-block;
        vertical-align: top;
    }
    .ttproductpagetab .tabs .nav-tabs li.nav-item a.tab-title {
        font: 500 18px/20px var(--secondary-font);
        position: relative;
        padding: 0 10px 15px;
    }
    .ttproductpagetab .tabs .nav-tabs li.nav-item a.tab-title::after {
        position: absolute;
        content: '';
        top: auto;
        bottom: 0;
        right: 0;
        height: 3px;
        width: 0;
        background: #111;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    .ttproductpagetab .tabs .nav-tabs li.nav-item a.tab-title.active::after ,
    .ttproductpagetab .tabs .nav-tabs li.nav-item a.tab-title:hover:after,
    .ttproductpagetab .tabs .nav-tabs li.nav-item a.tab-title:focus::after{
        width: 100%;
        left: 0;
    }
    @media (max-width: 991px) {
        .ttproductpagetab {
            margin: 50px 0 40px;
        }
        .ttproductpagetab .tabs {
            padding: 20px;
        }
        .product-actions .add-to-cart {
            width: 174px;
        }
        .product-actions a.checkout-btn {
            width: 260px;
        }
    }
    @media (max-width: 543px) {
        .ttproductpagetab .tabs .nav-tabs li.nav-item {
            float: left;
            width: 100%;
            margin: 0 0 5px;
        }
        .ttproductpagetab .tabs .nav-tabs li.nav-item:last-child {
            margin: 0;
        }
        .ttproductpagetab .tabs .nav-tabs li.nav-item a.tab-title {
            font-size: 16px;
            line-height: 18px;
        }
        .ttproductpagetab .tabs {
            padding: 15px;
        }
        .ttproductpagetab {
            margin: 50px 0 30px;
        }
        .pb-right-column .product-price .current-price, .quickview .product-price .current-price {
            font-size:16px;
            line-height: 18px;
        }
        .product-information {
            width:100%;
        }
        .product-actions a.checkout-btn,.product-actions .add-to-cart {
            padding: 7px 13px;
        }
    }
    .tab-content .product-manufacturer {
        margin: 0 0 20px;
        float:left;
        width:100%;
    }
    .product-cover {
        margin-bottom: 1.25rem;
        position: relative;
        float: left;
        width: 100%;
        border: 1px solid var(--border-color);
    }
    .product-cover img {
        max-width: 100%;
    }
    .product-cover .layer:hover {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
    }
    .product-cover .layer .zoom-in {
        font-size: 6.25rem;
        color: white;
    }
    #product-modal .modal-content {
        border: none;
        padding: 0;
        float: left;
        width: 100%;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
    }
    #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: -30%;
    }
    #product-modal .modal-content .modal-body .image-caption {
        background: white;
        width: 800px;
        padding: 0.625rem 1.25rem;
    }
    #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 {
        margin: 40px 0;
        max-height: 790px;
        overflow: hidden;
        position: relative;
        z-index: 1;
    }
    #product-modal .modal-content .modal-body .mask.nomargin {
        margin-top: 0;
    }
    #product-modal .modal-content .modal-body .product-images {
        margin-left: 2.5rem;
    }
    #product-modal .modal-content .modal-body .product-images img {
        width: 9.25rem;
        cursor: pointer;
        background: white;
    }
    #product-modal .modal-content .modal-body .arrows {
        color: #111111;
        cursor: pointer;
        height: 100%;
        text-align: center;
        width: 100%;
        z-index: 1;
    }
    #product-modal .modal-content .modal-body .arrows i {
        display: inline-block;
        font-size: 6.25rem;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
    }
    #product-modal .modal-content .modal-body .arrows .arrow-up {
        opacity: 0.2;
        -moz-opacity: 0.2;
        -khtml-opacity: 0.2;
        -webkit-opacity: 0.2;
        position: absolute;
        top: -40px;
    }
    #product-modal .modal-content .modal-body .arrows .arrow-down {
        bottom: -40px;
        position: absolute;
    }
    #blockcart-modal {
        color: #414141;
    }
    #blockcart-modal strong {
    color: #414141;
    font-weight: 500;
    }
    #blockcart-modal .modal-header {
        background: var(--secondary-bg-color);
    }
    #blockcart-modal .modal-body {
        background: #ffffff;
        padding: 3.125rem 1.875rem;
    }
    #blockcart-modal .modal-body .divide-right span{
        display: inline-block;
        margin-bottom: 0.3125rem;
        color: #555;
        width: 100%;
        float: left;
    }
    #blockcart-modal .modal-dialog {
        max-width: 1140px;
        width: 100%;
    }
    #blockcart-modal .product-image {
        max-width: 100%;
        border: 1px solid var(--border-color);
    }
    .product-quickview-review {
        display: flex;
        flex-direction: row;
        float: left;
        width: 100%;
        margin: 0 0 10px;
    }
    #blockcart-modal .modal-title {
        font-weight: 500;
        color: var(--secondary-text-color);
        font-size: 16px;
    }
    #blockcart-modal .modal-title i.material-icons {
        margin-right: 1.875rem;
    }
    #blockcart-modal .cart-products-count {
        font-size: 16px;
    }
    #blockcart-modal .cart-content {
        padding-left:15px;
    }
    #blockcart-modal .cart-content button {
        margin-right: 0.3125rem;
    }
    #blockcart-modal .divide-right {
        border-right: #e9e9e9 1px solid;
    }
    #blockcart-modal .price {
        color: #111111;
        font: 600 16px/20px var(--secondary-font);
    }
    #blockcart-modal .divide-right .product-desc .product-name {
        font-weight: 500;
        color: var(--primary-bg-color);
    }
    @media (max-width: 1199px) {
        #blockcart-modal .modal-dialog {
            max-width: 965px;
        }
    }
    @media (max-width: 991px) {
        #blockcart-modal .modal-dialog {
            max-width: 965px;
        }
        #product-modal .modal-content .modal-body .arrows .arrow-down {
            bottom: 100px;
        }
    }
    @media (max-width: 767px) {
        #blockcart-modal .modal-dialog {
            max-width: 520px;
        }
    }
    @media (max-width: 543px) {
        #blockcart-modal .modal-dialog {
            max-width: 300px;
        }
        #blockcart-modal .modal-body{
            padding:15px;
        }	
        #blockcart-modal .product-img{
            margin:0 0 20px;
            width:100%;
        }
        #blockcart-modal .product-desc{
            width:100%;
        }
        #blockcart-modal .cart-products-count {
            font-size: 16px;
        }
        #blockcart-modal .modal-title {
            font-size: 14px;
        }
        #product-modal .modal-content .modal-body .arrows .arrow-down {
            bottom: 85px;
        }
    }
    .product-images .thumb-container .thumb {
        cursor: pointer;
    }
    .images-container .product-images .thumb-container .thumb {
        border: 1px solid var(--border-color);
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    .images-container .product-images .thumb-container .thumb.selected,
    .images-container .product-images .thumb-container .thumb:hover {
        border: 1px solid var(--secondary-bg-color);
    }
    .pb-left-column .js-qv-mask .thumb-container {
        margin: 5px;
        position: relative;
    }
    .pb-left-column .js-qv-mask .thumb-container a {
        display: none;
    }
    .pb-left-column .js-qv-mask .thumb-container .thumb {
        border: 1px solid var(--border-color);
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    @media (min-width: 768px) and (max-width: 991px) {
        .images-container .product-images .thumb-container .thumb {
            max-width: 100%;
            height: auto;
        }
    }
    #main .images-container .js-qv-mask {
        white-space: nowrap;
    }
    .scroll-box-arrows {
        display: none;
    }
    .scroll-box-arrows.scroll {
        display: none;
    }
    .scroll-box-arrows i {
        border: 1px solid #e5e5e5;
        bottom: 55px;
        color: #111;
        cursor: pointer;
        font-size: 20px;
        height: 27px;
        line-height: 22px;
        overflow: hidden;
        padding: 2px;
        position: absolute;
        width: 27px;
        border-radius: 25px;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        -khtml-border-radius: 25px;
    }
    .scroll-box-arrows i:hover {
        background: #333333;
        border-color: #333333;
        color: #fff;
    }
    .scroll-box-arrows .left {
        left: 0;
    }
    .scroll-box-arrows .right {
        right: 0;
    }
    #product-availability {
        float: left;
        font-weight: 500;
        padding: 0 0 20px;
        width: 100%;
        border-bottom: 1px solid var(--border-color);
        margin: 0 0 20px;
    }
    #product-availability .product-available {
        color: #4cbb6c;
    }
    #product-availability .product-unavailable {
        color: #ff9a52;
    }
    #product-availability .product-last-items {
        color: #ff9a52;
    }
    #product-details .label {
        color: #111111;
        font-size: 14px;
        font-weight: 500;
    }
    .product-features {
        margin-top: 1.25rem;
        margin-left: 0.3125rem;
    }
    .product-features > dl.data-sheet {
        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-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;
        border: 1px solid #e5e5e5;
        border-bottom: none;
    }
    .product-features > dl.data-sheet dd.value,
    .product-features > dl.data-sheet dt.name {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1 0 40%;
        -moz-flex: 1 0 40%;
        -ms-flex: 1 0 40%;
        flex: 1 0 40%;
        font-weight: 500;
        background: #ebebeb;
        padding: 0.625rem;
        margin-right: 0;
        min-height: 2.5rem;
        word-break: break-all;
        border-bottom: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
        background: #ffffff;
        margin-bottom: 0;
    }
    .product-features > dl.data-sheet dd.value:nth-of-type(even),
    .product-features > dl.data-sheet dt.name:nth-of-type(even) {
        background: #f5f5f5;
    }
    .product-features > dl.data-sheet dt.name {
        text-transform: capitalize;
    }
    .product-variants {
        float: left;
        width: 100%;
    }
    .product-variants > .product-variants-item {
        margin: 0 0 15px;
    }
    .product-variants > .product-variants-item select {
        border: 1px solid #e5e5e5;
        height: 2.5rem;
        cursor: pointer;
        width:auto;
            font-size: 13px;
            margin-bottom:15px;
    }
    .product-features > dl.data-sheet dd.value {
        border-right: none;
    }
    .product-variants > .product-variants-item ul li {
        margin-right: 0.625rem;
    }
    .product-variants > .product-variants-item .color {
        margin-left: 0;
        margin-top: 0;
        overflow: hidden;
        font-size:0;
        height: 30px;
        width: 30px;
        display: block;
    }
    .product-line-info.color {
        border: unset;
        height: auto;
        width: auto;
    }
    .product-variants > .product-variants-item ul li label {
        display: block;
    }
    .product-flags li:last-child {
        margin: 0;
    }
    .product-customization {
        margin: 0 0 15px;
        float: left;
        width: 100%;
    }
    .product-customization .card-block {
        box-shadow: unset;
        border: 1px solid var(--border-color);
    }
    .product-customization .card-title {
        font-size: 16px;
        font-weight: 500;
        color: #333;
    }
    .product-customization .product-customization-item {
        margin: 10px 0;
    }
    .product-customization .product-message {
        background: #ebebeb;
        border: none;
        width: 100%;
        height: 40px;
        resize: none;
        padding: 0.625rem;
    }
    .product-customization .customization-message {
        margin: 10px 0;
        float: left;
        width: 100%;
        color: #333;
        font-weight: 500;
    }
    .product-customization .file-input {
        width: 100%;
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-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;
        margin-top: 1.25rem;
    }
    .product-customization .custom-file button {
        z-index: 0;
        position: absolute;
        right: 0;
        top: 0;
    }
    .product-pack {
        margin-bottom: 15px;
        float: left;
        width: 100%;
    }
    .product-pack .card {
        box-shadow: unset;
        border: 1px solid var(--border-color);
    }
    .product-pack .tt-producttitle {
        border: medium none;
    }
    .product-pack .h4 {
        font-weight: 500;
        font-size:16px;
    }
    .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-price strong {
        color: #333333;
        font-weight: 500;
        font-size: 13px;
    }
    .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: 13px;
    }
    @media (max-width: 543px) {
        .product-pack .pack-product-container .pack-product-name {
            -webkit-flex: 0 0 37%;
            -moz-flex: 0 0 37%;
            -ms-flex: 0 0 37%;
            flex: 0 0 37%;
        }
    }
    .product-pack .pack-product-container .pack-product-quantity {
        border-left: #ebebeb 1px 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%;
        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: 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;
        margin-top: 1.5rem;
    }
    .social-sharing ul {
        margin-bottom: 0;
        padding: 0;
    }
    .social-sharing li {
        height: 2rem;
        width: 2rem;
        display: inline-block;
        vertical-align:top;
        background-repeat: no-repeat;
        background-size: 1.5rem 1.5rem;
        background-position: 0.25rem 0.25rem;
        cursor: pointer;
    }
    .social-sharing li a {
        display: block;
        width: 100%;
        height: 100%;
        white-space: nowrap;
        text-indent: 100%;
        overflow: hidden;
    }
    .social-sharing li a:hover {
        color: transparent;
    }
    .products-selection {
        float: left;
        margin-bottom: 15px;
        padding: 10px;
        width: 100%;
        background: #fff;
        -webkit-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -moz-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -ms-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -o-box-shadow: 1px 2px 3px 0 #e5e5e5;
        box-shadow: 1px 2px 3px 0 #e5e5e5;    
    }
    .products-selection .borderright {
        float: right;
        width: 30%;
    }
    .products-selection .title {
        color: #878787;
    }
    #blockcart-modal .cart-content .btn {
        border: none;
        margin-bottom: 0.625rem;
        margin-top: 20px;
    }
    @media (max-width: 991px) {
        #blockcart-modal .cart-content .btn {
            margin-top: 0;
        }
    }
    #blockcart-modal .cart-content .btn.btn-secondary {
        color: var(--secondary-text-color);
        background: var(--secondary-bg-color);
        border: none;
    }
    #blockcart-modal .cart-content .btn.btn-secondary:hover,
    #blockcart-modal .cart-content .btn.btn-secondary:focus,
    #blockcart-modal .cart-content .btn.btn-secondary:active {
        color: var(--primary-text-color);
        background: var(--primary-bg-color);
    }
    @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: row;
            -moz-flex-direction: row;
            flex-direction: row;
            -ms-flex-direction: row;
            margin-left: 0;
        }
        #product-modal .modal-content .modal-body img.product-cover-modal {
            width: 100%;
        }
        #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;
        }
    }
    @media (max-width: 767px) {
        #blockcart-modal .divide-right {
            border-right: none;
        }
        #blockcart-modal .modal-body {
            padding: 1rem;
        }
    }
    .cart-grid {
        margin-bottom: 1rem;
    }
    .cart-items {
        margin-bottom: 0;
    }
    .cart-item {
        padding: 1rem 0;
    }
    .cart-summary-line {
        clear: both;
    }
    .cart-summary-line::after {
        content: "";
        display: table;
        clear: both;
    }
    .cart-summary-line .label {
        padding-left: 0;
        font-weight: 500;
        white-space: inherit;
    }
    .cart-summary-line .value {
        color: #414141;
        float: right !important;
        font-weight: 500;
    }
    .cart-summary-line.cart-summary-subtotals .label,
    .cart-summary-line.cart-summary-subtotals .value {
        font-weight: 500;
    }
    /** CART BODY **/

    .cart-grid-body {
        margin-bottom: 0.75rem;
    }
    .cart-grid-body a.label:hover {
        color: #111111;
    }
    .cart-grid-body .card-block {
        padding: 1rem;
    }
    .cart-grid-body .card-block h1 {
        color: #333333;
        font-weight: 600;
        margin-bottom: 0;
        font-size: 18px;
        font-family:var(--primary-font);
    }
    .cart-grid-body hr {
        margin: 0;
    }
    .cart-grid-body .cart-overview {
        padding: 1rem;
    }
    #cart .product-price strong {
        color: #222;
        font: 600 14px/20px var(--primary-font);
    }
    #cart .cart-item .price {
        font: 600 14px/20px var(--primary-font);
    }
    .card.cart-summary {
        background: #fff;
    }
    .card.cart-container .cart-item {
        border-bottom: 1px solid #e5e5e5;
    }
    .card.cart-container .cart-item:last-child {
        border: none;
    }
    #content-hook_payment_return .card-block dl {
        float: left;
        width: 100%;
        display: block;
    }
    .card.cart-summary .checkout .btn-primary {
        float: none;
        display: inline-block;
        width: 100%;
        height: 44px;
        line-height: 30px;
    }
    /** CART RIGHT **/

    .cart-grid-right hr {
        margin: 0;
    }
    .cart-grid-right .promo-discounts {
        margin-bottom: 0;
    }
    .cart-grid-right .promo-discounts .cart-summary-line .label {
        color: #878787;
    }
    .cart-grid-right .promo-discounts .cart-summary-line .label .code {
        text-decoration: underline;
        cursor: pointer;
    }
    .block-promo .promo-code .alert-danger {
        position: relative;
        margin-top: 1.25rem;
        background: #ff4c4c;
        color: white;
        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: #414141;
        border: #e5e5e5 1px solid;
        height: 2.5rem;
        text-indent: 0.625rem;
    }
    .block-promo .promo-input + button {
        margin-top: -4px;
        text-transform: capitalize;
    }
    .block-promo .cart-summary-line .label,
    .block-promo .promo-name {
        color: #ff9a52;
        font-weight: 600;
    }
    .block-promo .cart-summary-line .label a,
    .block-promo .promo-name a {
        font-weight: 500;
        color: #414141;
        display: inline-block;
    }
    .block-promo.promo-highlighted {
        padding: 1.25rem;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    /** CONTENT LEFT **/
    .product-line-grid-left img {
        max-width: 100%;
        border: 1px solid var(--border-color);
    }
    /** CONTENT BODY **/

    .product-line-grid-body > .product-line-info > .label {
        padding: 0;
        line-height: inherit;
        font-weight: 500;
        text-align: left;
        white-space: inherit;
        color: var(--primary-bg-color);
    }
    .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: #878787;
    }
    /** CONTENT LEFT **/

    .product-line-grid-right .bootstrap-touchspin {
        width: 4.25rem;
        float: left !important;
    }
    .product-line-grid-right .bootstrap-touchspin > .form-control,
    .product-line-grid-right .bootstrap-touchspin > .input-group {
        color: #414141;
        background-color: white;
        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: #414141;
        line-height: 36px;
    }
    .product-line-grid-right .cart-line-product-actions .remove-from-cart,
    .product-line-grid-right .product-price .remove-from-cart {
        color: #414141;
        display: inline-block;
        margin-top: 0.3125rem;
    }
    .product-line-grid-right .cart-line-product-actions i:hover {
        color: red;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    /*** Responsive part ***/

    @media (max-width: 767px) {
        .product-line-grid-body {
            margin-bottom: 1rem;
        }
    }
    @media (max-width: 543px) {
        .cart-items {
            padding: 1rem 0;
        }
        .cart-item {
            border-bottom: 1px solid #e5e5e5;
        }
        .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: 15px;
        border: 1px solid #e5e5e5;
        float: left;
        width: 100%;
        background: #fff;
    }
    #block-reassurance > ul {
        margin: 0;
        padding: 0;
    }
    #block-reassurance img {
        opacity: .7;
        width: 1.5625rem;
        margin-right: 0.625rem;
    }
    #block-reassurance li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    #block-reassurance li:last-child {
        border: 0;
    }
    #block-reassurance li .block-reassurance-item {
        padding: 10px;
    }
    .block-reassurance-item .h6 {
        font-size: 13px;
        font-weight: 500;
        line-height: 18px;
    }
    #product #block-reassurance {
        background: #ffffff none repeat scroll 0 0;
    }
    #product #block-reassurance ul {
        margin: 0;
    }
    #product #block-reassurance span {
        font-weight: 500;
        font-size: 14px;
    }
    .quickview .modal-dialog {
        width: calc(100% - 30px);
        max-width: 64rem;
    }
    .quickview .social-sharing {
        margin-top: 0;
    }
    .quickview .arrows .material-icons {
        height: 30px;
        width: 30px;
        border: 1px solid #e5e5e5;
        padding: 4px;
        font-size: 20px;
        left: auto;
        right: 0;
        color: #111;
        position: absolute;
        cursor: pointer;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    .quickview .arrows .material-icons:hover {
        color: var(--secondary-text-color);
        background: var(--secondary-bg-color);
        border-color: var(--secondary-bg-color);
    }
    .quickview .modal-content {
        float: left;
        width: 100%;
        border: none;
    }
    .quickview .modal-header {
        border: none;
        padding: 0.625rem;
    }
    .quickview .modal-body {
        float: left;
        width: 100%;
        margin: 0;
        padding: 30px;
    }
    @media (max-width: 543px) {
        .quickview .modal-body {
            margin: 0;
        }
    }
    .quickview .modal-footer {
        border-top: 1px solid rgba(172, 170, 166, 0.3);
        float: left;
        width: 100%;
    }
    .quickview .layer {
        display: none;
    }
    .quickview .images-container {
        position: static;
        z-index: 1;
        float: left;
        width: 100%;
    }
    .quickview .images-container .ttproduct-images > li.thumb-container > .thumb {
        width: 4.9375rem;
        margin-bottom: 0.8125rem;
        background: white;
    }
    .quickview .mask {
        width: 25%;
        height: 440px;
        overflow: hidden;
        margin: 20px 0;
        text-align: center;
        float: right;
    }
    .quickview .mask ul li.thumb-container {
        padding: 7px 0 7px 15px;
    }
    .quickview .mask ul li.thumb-container .zoom {
        display: none;
    }
    .quickview .mask ul li:last-child img {
        margin: 0;
    }
    .quickview .arrows {
        position: absolute;
        top: 0;
        height: 495px;
        right: 52px;
        z-index: 99;
    }
    .quickview .arrows .arrow-up {
        top: -20px;
    }
    .quickview .arrows .arrow-down {
        bottom: 0;
    }
    #stores .page-stores {
        width: 100%;
        margin: 0 auto;
    }
    #stores .page-stores .store-item {
        padding-left: 0.75rem;
        margin: 0 0 30px;
        padding-right: 0.75rem;
    }
    #stores .page-stores .store-picture img {
        max-width: 100%;
    }
    #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 {
        color: #333333;
        font-weight: 500;
        text-align: right;
    }
    #stores .page-stores .store-item-container .store-description {
        font-size: 1rem;
    }
    #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;
        font-size: 1rem;
    }
    #stores .page-stores .store-item-footer li {
        margin-bottom: 0.625rem;
    }
    .h3.card-title {
        color: #333333;
        font-size: 16px;
        font-weight: 500;
        margin: 0 0 14px;
    }
    /*** Responsive part ***/

    @media (max-width: 767px) {
        #stores .page-stores {
            width: 100%;
        }
        #stores .page-stores .store-item-container {
            padding: 1rem 0;
        }
    }
    @media (max-width: 543px) {
        #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;
        }
    }
    .block-contact .block-contact-title {
        color: #414141;
    }
    .contact-form .form-control-label {
        text-align: left;
    }
    .linklist .blockcms-title a {
        color: #414141;
    }
    .account-list a:hover {
        color: #111111;
    }
    .blockcms-title,
    .myaccount-title,
    .myaccount-title a,
    .block-contact-title {
        font-weight: 700;
        font-size: 1rem;
    }
    .social-sharing .facebook.icon-gray {
        background-image: url(../css/d3fbae74a276a9f6cf1d6241f29b61a3.svg);
    }
    .social-sharing .facebook.icon-gray:hover {
        background-image: url(../css/8b05d51ede908907d65695558974d86f.svg);
    }
    .social-sharing .twitter {
        background-image: url(../css/a67175d1ea11389d9107bd8c08f9d7d7.svg);
    }
    .social-sharing .twitter::before {
        content: "";
        background-image: url(../css/ffddcb3736980b23405b31142a324b62.svg);
    }
    .social-sharing .twitter.icon-gray {
        background-image: url(../css/d1a435fd2571e67858a31ee954b52278.svg);
    }
    .social-sharing .twitter.icon-gray:hover {
        background-image: url(../css/ffddcb3736980b23405b31142a324b62.svg);
    }
    .social-sharing .rss {
        background-image: url(../css/cf2f3c1d5c7cb02c29f61964313148e1.svg);
    }
    .social-sharing .youtube {
        background-image: url(../css/22c0528acb6d9cd5bf4c8f96381bc05c.svg);
    }
    .social-sharing .googleplus {
        background-image: url(../css/36bff72dcba3098b4b70b482b22c29ab.svg);
    }
    .social-sharing .googleplus::before {
        content: "";
        background-image: url(../css/c1a65805f759901a39d10eb854c1dcf2.svg);
    }
    .social-sharing .googleplus.icon-gray {
        background-image: url(../css/7c24d4275efcbe8891f78378b7c808e0.svg);
    }
    .social-sharing .googleplus.icon-gray:hover {
        background-image: url(../css/c1a65805f759901a39d10eb854c1dcf2.svg);
    }
    #block_myaccount_infos .myaccount-title a {
        color: #414141;
    }
    .pinterest::before {
        content: "";
        background-image: url(../css/b1db819132e64a3e01911a1413c33acf.svg);
    }
    .pinterest.icon-gray {
        background-image: url(../css/7988be8b63edf9c4accebf94d5db7927.svg);
    }
    .pinterest.icon-gray:hover {
        background-image: url(../css/b1db819132e64a3e01911a1413c33acf.svg);
    }
    .block-social ul {
        float: none;
        margin: 0 auto;
        display: inline-block;
        padding: 0;
        vertical-align: top;
    }
    #footer .block-social ul li {
        float: left;
        height: auto;
        margin: 0 8px;
        width: auto;
        cursor: pointer;
    }
    #footer .block-social ul li a {
        display: block;
        height: auto;
        width: auto;
        float: left;
    }
    .block-social ul li a p {
        color: #fff;
        font: 500 14px/32px var(--secondary-font);
        margin: 0 0 0 10px;
        float: right;
        display: none;
    }
    @media (max-width: 543px) {
        .block-social {
            padding: 4px 0 0;
            text-align: center;
            width: 100%;
        }
        .block-social ul li {
            margin: 0;
        }
    }
    .block-social ul li.facebook a::before {
        content: "";
        mask-image: url(../img/facebook.svg);
        -webkit-mask-image: url(../img/facebook.svg);
        float: left;
        height: 16px;
        width: 16px;
        background: #888;
    }
    .block-social ul li.facebook a:hover:before {
        background-color: #4c76be;
    }
    .block-social ul li.twitter a::before {
        mask-image: url(../img/twitter.svg);
        -webkit-mask-image: url(../img/twitter.svg);
        content: "";
        float: left;
        height: 16px;
        width: 16px;
        background: #888;
        mask-size: cover;
        -webkit-mask-size: cover;
    }
    .block-social ul li.twitter a:hover:before {
        background-color: #00c7ff;
    }
    .block-social ul li.rss a::before {
        mask-image: url(../img/rss.svg);
        -webkit-mask-image: url(../img/rss.svg);
        content: "";
        float: left;
        height: 16px;
        width: 16px;
        background: #888;
        mask-size: cover;
        -webkit-mask-size: cover;
    }
    .block-social ul li.rss a:hover:before {
        background-color: #ee802f;
    }
    .block-social ul li.youtube a::before {
        mask-image: url(../img/youtube.svg);
        -webkit-mask-image: url(../img/youtube.svg);
        content: "";
        float: left;
        height: 16px;
        width: 16px;
        background: #888;
        mask-size: cover;
        -webkit-mask-size: cover;
    }
    .block-social ul li.youtube a:hover:before {
        background-color: #f61c0d;
    }
    .block-social ul li.googleplus a::before {
        background: transparent url("../img/social-sprite.png") no-repeat scroll -25px -345px;
        content: "";
        float: left;
        height: 30px;
        width: 30px;

    }
    .block-social ul li.googleplus a:hover:before {
        background-position: -106px -345px;
    }
    .block-social ul li.pinterest a::before {
        mask-image: url(../img/pinterest.svg);
        -webkit-mask-image: url(../img/pinterest.svg);
        content: "";
        float: left;
        height: 16px;
        width: 16px;
        background: #888;
        mask-size: cover;
        -webkit-mask-size: cover;
    }
    .block-social ul li.pinterest a:hover:before {
        background-color: #d32f2f;
    }
    .block-social ul li.vimeo a::before {
        mask-image: url(../img/vimeo.svg);
        -webkit-mask-image: url(../img/vimeo.svg);
        content: "";
        float: left;
        height: 16px;
        width: 16px;
        background: #888;
        mask-size: cover;
        -webkit-mask-size: cover;
    }
    .block-social ul li.vimeo a:hover:before {
        background-color: #d32f2f;
    }
    .block-social ul li.instagram a::before {
        mask-image: url(../img/instagram.svg);
        -webkit-mask-image: url(../img/instagram.svg);
        content: "";
        float: left;
        height: 16px;
        width: 16px;
        background: #888;
        mask-size: cover;
        -webkit-mask-size: cover;
    }
    .block-social ul li.instagram a:hover:before {
        background-color: #d32f2f;
    }
    .block-social ul li.linkedin a::before {
        mask-image: url(../img/linkedin.svg);
        -webkit-mask-image: url(../img/linkedin.svg);
        content: "";
        float: left;
        height: 16px;
        width: 16px;
        background: #888;
        mask-size: cover;
        -webkit-mask-size: cover;
    }
    .block-social ul li.linkedin a:hover:before {
        background-color: #0077b5;
    }
    .footer-container li a {
        color: var(--footer-link-color);
        cursor: pointer;
        font: 400 14px/28px var(--secondary-font);
        position: relative;
    }
    .footer-container li a:hover,
    .footer-container li:hover a {
        color: var(--footer-link-hvr-color);
    }
    .footer-container .links .collapse {
        display: inherit;
        padding: 0;
        margin: 0;
    }
    @media (min-width: 992px) {
        .footer-container .links.link-list {
            padding:0;
        }
    }
    @media (max-width: 991px) {
        .footer-container .wrapper {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
        .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 {
            display: inline-block;
            padding: 0;
        }
        .footer-container .links ul {
            margin-bottom: 0;
        }
    }
    @media (max-width: 991px) {
        .block-contact {
            padding-left: 1.5rem;
        }
        .footer-container .links .title {
            padding: 0.625rem;
            cursor: pointer;
        }
        .footer-container .links .h3 {
            color: #111;
            font: 500 14px/20px var(--secondary-font);
            margin: 0;
        }
    }
    .contact-rich {
        color: #878787;
        margin-bottom: 1rem;
        float: left;
    }
    .contact-rich h3 {
        color: var(--main-title-color);
        font-weight: 500;
        margin: 0 0 20px;
    }
    #content-wrapper > section#main {
        float: left;
        width: 100%;
    }
    .contact-rich .block:last-child {
        border: none;
        margin: 0;
    }
    .contact-rich .block .icon {
        float: left;
        margin: 0 5px 0 0;
        width: 22px;
    }
    .contact-rich .block .icon i {
        font-size: 18px;
        color: var(--footer-link-color);
    }
    .contact-rich .block .data {
        color: var(--footer-link-color);
        font: 400 13px/20px var(--secondary-font);
        margin: 0 0 5px;
        overflow: hidden;
        width: auto;
    }
    #footer .contact-rich .block .icon {
        display: inline-block;
        vertical-align: top;
        float: none;
    }
    #footer .contact-rich .block .icon i {
        color: var(--footer-link-color);
        line-height: 16px;
        font-size: 16px;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
        font-weight: 400;
    }
    #footer .contact-rich .block:hover .data .icon i {
        color:var(--footer-link-hvr-color);
    }
    #footer .contact-rich .block .data {
        display: inline-block;
        vertical-align: top;
        margin: 0;
    }
    .contact-form {
        width: 100%;
    }
    .contact-form h3 {
        color: var(--main-title-color);
        font-weight: 500;
        margin-bottom: 20px;
        font: 500 18px/20px var(--secondary-font);
    }
    #contact .contact-form span.group-span-filestyle .btn {
        padding: 8px 12px;
    }
    @media (max-width: 991px) {
        #contact #left-column {
            margin-bottom: 20px;
            width: 100%;
        }
        #left-column .contact-rich .block {
            display: block;
        }
        #contact #content-wrapper {
            width: 100%;
        }
    }
    #products #main .page-header {
        margin: 2rem 0 3rem;
    }
    #products #main .page-content {
        margin-bottom: 10rem;
    }
    #products .page-not-found, #pagenotfound .page-not-found {
        border: 1px solid #e5e5e5;
        color: #878787;
        font-size: 0.875rem;
        margin: 0 auto;
        text-align: left;
        max-width: 100%;
        padding: 30px;
        background: #fff;
    }
    #products .page-not-found h4, #pagenotfound .page-not-found h4 {
        color: #333333;
        font-weight: 500;
        margin: 0 0 10px;
    }
    #products .page-not-found .search-widget,
    #pagenotfound .page-not-found .search-widget {
        border: medium none;
        float: left;
        margin: 0;
        padding: 0;
        position: static;
        width: 100%;
    }
    #products .page-not-found #search_widget .ttsearch-content,
    #pagenotfound .page-not-found #search_widget .ttsearch-content {
        display: none;
    }
    .page-content .search-widget .ttsearch_button {
        display: none;
    }
    #products .page-not-found #search_widget .ttsearchtoggle,
    #pagenotfound .page-not-found #search_widget .ttsearchtoggle {
        border: 1px solid #e5e5e5;
        display: block !important;
        height: 40px;
        position: static;
        width: 100%;
    }
    #products .page-not-found .search-widget form,
    #pagenotfound .page-not-found .search-widget form {
        display: block;
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
    }
    #products .page-not-found .search-widget form .search_block_top_form,
    #pagenotfound .page-not-found .search-widget form .search_block_top_form {
        position: relative;
        top: 0;
    }
    #products .page-not-found .search-widget input,
    #pagenotfound .page-not-found .search-widget input {
        width: 100%;
        bottom: auto;
        height: 40px;
        font-size: 16px;
        color: #666;
        border: none;
    }
    #products .page-not-found #search_widget .search_block_top_form > button,
    #pagenotfound .page-not-found #search_widget .search_block_top_form > button {
        background: none;
        color: #111;
        right: 0;
        top: 0;
    }
    .customization-modal .modal-content {
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-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;
    }
    /*---------------------------------------start css for ajax-loader------------------------------------------------*/
    .loadingdiv {
        background: #fff;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #index .loadingdiv .spinner {
        width: 10px;
        height: 70px;
        background: #fff;
        display: inline-block;
        transform-origin: bottom center;
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
        /*   box-shadow:5px 10px 20px inset rgba(255,23,25.2); */
        animation: loader 1.2s linear infinite;
    }
    #index .loadingdiv .spinner1 {
        animation-delay: 0.1s;
    }
    #index .loadingdiv .spinner2 {
        animation-delay: 0.2s;
    }
    #index .loadingdiv .spinner3 {
        animation-delay: 0.3s;
    }
    #index .loadingdiv .spinner4 {
        animation-delay: 0.4s;
    }
    #index .loadingdiv .spinner5 {
        animation-delay: 0.5s;
    }
    #index .loadingdiv .spinner6 {
        animation-delay: 0.6s;
    }
    #index .loadingdiv .spinner7 {
        animation-delay: 0.7s;
    }
    #index .loadingdiv .spinner8 {
        animation-delay: 0.8s;
    }
    
    @keyframes loader {
        0% {
        transform: scaleY(0.1);
        }
        50% {
        transform: scaleY(1);
        background: var(--primary-bg-color);
        }
        100% {
        transform: scaleY(0.1);
        background: transparent;
        }
    }
    /*---------------------------------------End css for ajax-loader------------------------------------------------*/
    /*** HEADER ***/

    #header {
        color: #666;
        position: relative;
        float: left;
        width: 100%;
        z-index: 3;
        background: #fff;
    }
    #header .logo {
        max-width: 235px;
        width: auto;
    }
    #header a:hover {
        text-decoration: none;
    }
    .header-nav {
        float: left;
        width: 100%;
    }
    .nav1 {
        background: var(--header-nav-bg-color);
        float: left;
        width: 100%;
        text-align: center;
    }
    .header-nav .language-selector,
    .header-nav .currency-selector {
        position:static;
    }
    .language-selector.dropdown span.expand-more,
    .currency-selector.dropdown span.expand-more,
    .language-selector .material-icons,
    .currency-selector .material-icons {
        color: var(--header-nav-text-color);
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    .language-selector.dropdown:hover span.expand-more,
    .currency-selector.dropdown:hover span.expand-more,
    .language-selector:hover .material-icons,
    .currency-selector:hover .material-icons,
    #_desktop_language_selector .language-selector.dropdown.js-dropdown.open span,
    #_desktop_currency_selector .currency-selector.dropdown.js-dropdown.open span,
    .language-selector.open .material-icons,
    .currency-selector.open .material-icons {
        color: var(--header-nav-text-hvr-color);
    }
    .currency-selector .dropdown-menu li,
    .language-selector-wrapper .dropdown-menu li {
        line-height: 20px;
    }
    .currency-selector .dropdown-menu li.current a,
    .language-selector-wrapper .dropdown-menu li.current a{
        color: #111111;
    }
    .lang-flag {
        float: left;
        margin: 4px 6px 4px 0;
    }
    @media(max-width: 991px) {
        .language-selector-wrapper .dropdown-menu, .currency-selector .dropdown-menu {
            display: none !important;
        }
    }
    .blockcart .shopping-cart {
        color: var(--primary-bg-color);
        width: 25px;
        height: 25px;
        line-height:25px;
        float: left;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    .blockcart:hover .shopping-cart {
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
    }
    .blockcart {
        float: right;
        width: auto;
        cursor: pointer;
        border-radius: 5px; 
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        background: var(--primary-bg-color);
    }
    .blockcart .header {
        float: left;
        padding: 9px 19px;
        margin:3px;
        background:var(--header-background-color);
        border-radius: 5px; 
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
    }
    .blockcart .header span.shopping {
        float: left;
        width: auto;
    }
    .blockcart span.cart-products-count {
        background: var(--secondary-bg-color);
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        height: 16px;
        line-height: 16px;
        text-align: center;
        width: 16px;
        color: var(--secondary-text-color);
        font-size: 10px;
        float: left;
    }
    #header .blockcart span.hidden-sm-down {
        color: #222;
        float: left;
        font:500 13px/20px var(--secondary-font);
        width: auto;
        margin: 2px 0 2px 8px;
    }
    .header-nav .language-selector:hover .material-icons.expand-more,
    .header-nav .language-selector:hover .material-icons.expand-less,
    .header-nav .currency-selector:hover .material-icons.expand-more,
    .header-nav .currency-selector:hover .material-icons.expand-less {
        color: #111111;
    }
    .header-nav .language-selector.open .material-icons.expand-more,
    .header-nav .language-selector.open .material-icons.expand-less,
    .header-nav .currency-selector.open .material-icons.expand-more,
    .header-nav .currency-selector.open .material-icons.expand-less {
        color: #111111;
    }
    #header .header-top {
        float: left;
        width: 100%;
        background:var(--header-top-bg-color);
    }
    @media (max-width: 1429px) {
        #header .blockcart span.hidden-sm-down {
        display: none;
        }
        .blockcart .header {
            padding: 9px;
        }
    }
    @media (max-width: 1199px) {
        #header .blockcart .cart-count,
        #header .blockcart span.hidden-sm-down {
            display: none;
        }
    }
    @media (max-width: 991px) {
        #header .header-top {
            display: none;
        }
        .blockcart {
            padding: 0;
            background: none!important;
        }
        .blockcart .header {
            background: none;
            padding: 0;
            margin: 0;
        }
        #_mobile_cart {
            cursor: pointer;
            position: relative;
            z-index: 3;
            padding: 28px 0;
            margin-left: 5px;
        }
    }
    @media (max-width: 543px) {
        #_mobile_cart {
            padding: 16px 0;
        }
    }
    .popover {
        font-family: inherit;
    }
    /*------------------------- start fixed header --------------------------------*/
    .header-sticky .header-nav.fixed {
        -webkit-transition: all 500ms ease-in-out 0s;
        -moz-transition: all 500ms ease-in-out 0s;
        -o-transition: all 500ms ease-in-out 0s;
        transition: all 500ms ease-in-out 0s;
        box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
        -moz-box-shadow: 0 2px 5px rgba(0,0,0,.1);
        -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
        left: 0;
        margin: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 999;
        background: var(--header-background-color);
    }
    .header-sticky .header-nav.fixed .nav1 {
        display:none;
    }
    .header-sticky .header-nav.fixed #_desktop_logo {
        margin: 20px 0;
    }
    .header-sticky .header-nav.fixed #search_block_top{
        margin: 18px 15px;
    }
    /*----------------------------- End fixed header ---------------------------------*/
    /*** WRAPPER ***/
    #wrapper{
        float: left;
        width: 100%;
    }
    #pagenotfound #wrapper{
        margin: 40px 0 0;
    }
    #wrapper::before {
        background: rgba(0,0,0,0.5);
        position: fixed;
        top: 0;
        bottom: 0;
        content: '';
        left: 0;
        right: 0;
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        visibility: hidden;
        z-index: 2;
    }
    body.menu-open #wrapper::before,
    body.cart-active #wrapper::before,
    body.user-active #wrapper::before,
    body.search-open #wrapper::before,
    body.language-open #wrapper::before,
    body.currency-open #wrapper::before {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        visibility: visible;
    }
    .content_wrap {
        float: left;
        width: 100%;
    }
    #wrapper .breadcrumb {
        float: left;
        text-align: center;
        width: 100%;
        padding:20px 0;
    }
    #index #wrapper .breadcrumb[data-depth="1"] {
        display: none !important;
    }
    #wrapper .breadcrumb[data-depth="1"] {
        display: block;
    }
    #wrapper .breadcrumb ol {
        display: inline-block;
        float: none;
        margin-bottom: 0;
        padding: 0;
        vertical-align: top;
    }
    #wrapper .breadcrumb li {
        display: inline-block;
    }
    #wrapper .breadcrumb li::after {
        content: "/";
        color: #111;
        margin: 0.3125em;
    }
    #wrapper .breadcrumb li:last-child {
        content: "/";
        color: #111;
        margin: 0.3125rem;
    }
    #wrapper .breadcrumb li:last-child::after {
        content: "";
        display: none;
    }
    #wrapper .breadcrumb li span {
        color: #111;
        font: 500 14px/20px var(--secondary-font);
    }
    #wrapper .breadcrumb li a span{
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    #wrapper .breadcrumb li a:hover span {
        color: var(--primary-bg-color);
    }
    @media (max-width: 767px) {
        #wrapper .breadcrumb li span {
            font-size: 13px;
            line-height: 15px;
        }
        #wrapper .breadcrumb {
            padding:10px 0;
        }
    }
    #wrapper .columns_inner .category-cover {
        float: left;
        width: 100%;
    }
    #wrapper .columns_inner .breadcrumb-img {
        float: left;
        width: 100%;
    }
    #wrapper .columns_inner .breadcrumb-img img {
        max-width: 100%;
    }
    #index #wrapper .breadcrumb-img {
        display: none;
    }
    /*** MAIN ***/

    #main .page-header {
        float: left;
        margin-bottom: 5px;
        width: 100%;
    }
    #main .page-content h6 {
        margin-bottom: 15px;
        font-weight: 500;
    }
    #main .page-footer {
        margin: 0;
        float: left;
        width: 100%;
    }
    #notifications {
        float: left;
        width: 100%;
    }
    #notifications ul {
        margin-bottom: 0;
    }
    #module-psgdpr-gdpr #content {
        padding: 15px;
    }
    /*** FOOTER ***/
    /*** Responsive part ***/
    @media (max-width: 991px) {
        .breadcrumb .parallex {
            padding: 50px 15px;
        }
        #checkout-cart-summary {
            float: none;
            width: 100%;
            margin-top: 1rem;
        }
        section.checkout-step {
            width: 100%;
        }
        .default-input {
            min-width: 100%;
        }
        label {
            clear: both;
        }
        #products .product-miniature,
        .featured-products .product-miniature,
        .ttfeatured-products .product-miniature,
        .tt-products .product-miniature,
        .ttnew-products .product-miniature,
        .ttbestseller-products .product-miniature {
            text-align: center;
        }
        .block-contact {
            padding-left: 0.9375rem;
            border: none;
        }
        .menu,
        .dropdown-item {
            padding-left: 0;
        }
        #blockcart-modal .ttproduct-image {
            width: 100%;
            display: block;
            max-width: 250px;
            margin: 0 auto 0.9375rem;
        }
        #blockcart-modal .cart-content {
            padding-left: 0;
        }
        #blockcart-modal .product-name {
            margin-top: 0.625rem;
        }
        #search_filters .facet .facet-label {
            text-align: left;
        }
        .block-category .category-cover {
            position: relative;
            text-align: center;
        }
        .block-category {
            padding-bottom: 0;
        }
    }
    @media (max-width: 543px) {
        #header .header-nav .top-logo a img {
            max-width: 140px;
            min-height: 32px;
        }
    }
    /* ---------------------- TemplateTrip - goToTop --------------------------*/

    #goToTop {
        position: fixed;
        bottom: 50px;
        right: 40px;
        z-index: 9;
        width: 42px;
        height: 42px;
        text-align: center;
        line-height: 30px;
        color: var(--secondary-text-color);
        background: var(--secondary-bg-color);
        cursor: pointer;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        text-decoration: none;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        border: 2px solid #fff;
    }
    @media (max-width: 767px) {
        #goToTop {
            right: 20px;
        }
    }
    #goToTop i {
        float: left;
        font-size: 22px;
        height: 100%;
        padding: 8px;
        width: 100%;
        opacity: 1 !important;
        -moz-opacity: 1 !important;
        -khtml-opacity: 1 !important;
        -webkit-opacity: 1 !important;
    }
    #goToTop:hover,
    #goToTop:active,
    #goToTop:focus {
        color: var(--primary-text-color);
        background: var(--primary-bg-color);
    }
    #goToTop.show {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
    }
    #content {
        float: left;
        width: 100%;
    }
    #main .page-content {
        margin-bottom: 30px;
    }

    /* ---------------------- End TemplateTrip - goToTop --------------------------*/
    /*-------------- Start Search css -------------*/

    .search-widget {
        float: right;
        margin: 40px 0;
        position: relative;
        z-index: 3;
    }
    .search-widget .ttsearch_button {
        cursor: pointer;
        float: left;
        height: 40px;
        position: relative;
        width: 40px;
        transition: transform 360ms ease-in-out 0s, -webkit-transform 360ms ease-in-out 0s;
        -webkit-transition: transform 360ms ease-in-out 0s, -webkit-transform 360ms ease-in-out 0ss;
        -moz-transition: transform 360ms ease-in-out 0s, -webkit-transform 360ms ease-in-out 0s;
        -o-transition: transform 360ms ease-in-out 0s, -webkit-transform 360ms ease-in-out 0s;
        -ms-transition: transform 360ms ease-in-out 0s, -webkit-transform 360ms ease-in-out 0s;
    }
    .search-widget.active .ttsearch_button .material-icons.search {
        z-index: 1;
        cursor: pointer;
        transition: none 0s ease 0s;
        -webkit-transition: none 0s ease 0s;
        -moz-transition: none 0s ease 0s;
        -o-transition: none 0s ease 0s;
        -ms-transition: none 0s ease 0s;
        display: none;
    }
    .search-widget .ttsearch_button:hover {
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
    }
    .search-widget.active .ttsearch_button::before {
        color: #111;
        content: "\E5CD";
        float: left;
        font-family: "Material Icons";
        font-size: 25px;
        height: 40px;
        line-height: 30px;
        padding: 5px 8px;
        width: 40px;
    }
    .search-widget.active .ttsearch_button:hover {
        background: none;
        transform: none;
        transition : none;
        -webkit-transition: none 0s ease 0s;
        -moz-transition: none 0s ease 0s;
        -o-transition: none 0s ease 0s;
        -ms-transition: none 0s ease 0s;
    }
    .ttsearch_button .material-icons.search {
        bottom: 0;
        height: 40px;
        left: 0;
        line-height: 40px;
        margin: 0 auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 40px;
        color: #111;
        cursor: pointer;
    }
    #search_widget .ttsearchtoggle {
        background: #ffffff none repeat scroll 0 0;
        height: 41px;
        width: 320px;
        z-index: 1;
        display: block;
        display: none;
        padding: 0;
        position: absolute;
        right: 0;
        top: 80px;
        border:1px solid #e5e5e5;
        border-top:3px solid var(--secondary-bg-color);
    }
    .search-widget #search_query_top {
        background: transparent none repeat scroll 0 0;
        border: medium none;
        color: #111 !important;
        display: inline;
        outline: medium none;
        padding: 5px 80px 5px 10px;
        position: absolute;
        right: 0;
        top: 0;
        transition: all 500ms ease-in-out 0s;
        -webkit-transition: all 500ms ease-in-out 0s;
        -moz-transition: all 500ms ease-in-out 0s;
        -o-transition: all 500ms ease-in-out 0s;
        -ms-transition: all 500ms ease-in-out 0s;
        width: 100%;
        height: 38px;
    }
    .search-widget form button[type="submit"] .material-icons.search {
        line-height: 24px;
    }
    .search-widget #search_query_top.ui-autocomplete-input.ui-autocomplete-loading {
        background: rgba(0, 0, 0, 0) url("../img/search-loader.gif") no-repeat scroll right 50px center;
        float: left;
        position: static;
        transition: none 0s ease 0s;
        -webkit-transition: none 0s ease 0s;
        -moz-transition: none 0s ease 0s;
        -o-transition: none 0s ease 0s;
        -ms-transition: none 0s ease 0s;
        width: 100%;
    }
    @media (max-width: 991px) {
        .search-widget {
            bottom: 5px;
            margin: 0 auto;
            position: absolute;
            right: 90px;
        }
        #search_widget .ttsearchtoggle {
            top: 45px;
        }
        .ttsearch_button .material-icons.search {
            color: #ffffff;
        }
        .search-widget.active .ttsearch_button::before {
            color: #fff;
        }
    }
    @media (max-width: 543px) {
        #search_widget .ttsearchtoggle {
            right: -75px;
            width: 290px;
        }
    }
    /*-------------- End Search css -------------*/

    #_desktop_logo, #_mobile_logo {
        float: left;
        margin: 30px 0;
    }
    #_desktop_logo a,
    #_mobile_logo a{
        vertical-align: top;
    }
    #_mobile_logo {
        display: none;
    }
    #_desktop_logo h1,#_mobile_logo h1{
        margin:0;
    }
    #_desktop_logo h1 a,#_mobile_logo h1 a {
        display: block;
    }
    @media (max-width: 1199px) {
        #_desktop_logo {
            margin: 26px 0;
        }
        #header .logo {
            max-width: 175px;
        }
    }
    @media (max-width: 991px) {
        #_mobile_logo {
            display: inline-block;
            float: none;
            margin: 16px 0;
            text-align: center;
            vertical-align: top;
            width: auto;
        }
    }
    @media (max-width: 543px) {
        #_mobile_logo {
            float: left;
            margin: 13px 0;
        }
    }
    @media(max-width:1299px)  and (min-width:1200px){
        #_desktop_logo, #_mobile_logo {
            margin: 37px 0;
        }
    #header .logo {
        max-width: 175px;
        width: auto;
    }
    }
    /*--------------------------------contact inf css ---------------------------*/

    #_desktop_language_selector,
    #_desktop_currency_selector {
        cursor: pointer;
        float: right;
        position: relative;
        text-align: center;
    }
    #_desktop_language_selector {
        margin-right: 15px;
    }
    #_desktop_language_selector::after {
        content:"";
        position:absolute;
        left:auto;
        right:0;
        top:0;
        bottom:0;
        margin:auto 0;
        background:rgba(0,0,0,0.2);
        height:15px;
        width:1px;
    }
    @media (max-width: 991px) {
        #_desktop_language_selector,
        #_desktop_currency_selector {
            display: none !important;
        }
    }
    #_desktop_language_selector ul.dropdown-menu,
    #_desktop_currency_selector ul.dropdown-menu {
        right: 0;
        left: auto;
    }
    .language-selector .material-icons, .currency-selector .material-icons {
        font-size: 16px;
        line-height: 18px;
        vertical-align: top;
    }
    .language-selector .material-icons.expand-less, .currency-selector .material-icons.expand-less {
        display: none;
    }
    .language-selector.open .material-icons.expand-more, .currency-selector.open .material-icons.expand-more {
        display: none;
    }
    .language-selector.open .material-icons.expand-less, .currency-selector.open .material-icons.expand-less {
        display: inline-block;
    }
    .category-cover > img {
        height: auto;
        max-width: 100%;
    }
    .currency-selector > span.currency-label {
        display: none;
    }
    .ttfeatured-products {
        float: left;
        position: relative;
    }
    .ttfeatured-content {
        background: #fff;
        float: left;
        width: 100%;
        padding: 30px 15px 0;
    }

    .block-category .h1.title-category {
        color: #232323;
        float: left;
        width: 100%;
        font-weight: 600;
        font-size: 15px;
        line-height: 18px;
        font-family:var(--primary-font);
    }
    .tt-title {
        color: var(--main-title-color);
        float: left;
        font: 600 20px/22px var(--primary-font);
        margin: 0 0 15px;
        text-align: left;
        width: auto;
        position: relative;
    }
    .sub-title {
        font: 400 18px/22px var(--secondary-font);
        float: left;
        width: auto;
        color: var(--body-text-color);
        margin-left:10px;
    }
    #product #product_comments_block_tab .tt-title {
        font-size: 20px;
        line-height: 24px;
        text-align: left;
        margin: 0 0 10px;
    }
    .tthometab-title {
        color: var(--main-title-color);
        float: left;
        font: 600 20px/22px var(--primary-font);
        margin: 0 0 20px;
        text-align: center;
        width: 100%;
        position: relative;
    }
    @media (max-width: 1600px) {
        .ttfeatured-content.products .thumbnail-container .tt-button-container .btn span {
            font-size: 0;
        }
        .ttfeatured-content.products:not(.ttbestseller-content) .thumbnail-container .tt-button-container .btn {
            font-size: 0;
        }
    }
    @media (max-width: 1199px) {
        #product #main .tt-title {
            font-size: 24px;
            line-height: 26px;
        }
    }
    @media (max-width: 991px) {
        .tthometab-title {
            font-size: 26px;
            line-height:34px;
        }
        .tt-title {
            font-size: 18px;
            line-height: 20px;
        }
        .sub-title{
            font-size: 16px;
            line-height: 20px;
        }
        .ttfeatured-products {
            float: left;
            margin: 0 0 40px;
            width: 100%;
        }
        .ttbestseller-products {
            float: left;
            width: 100%;
        }
    }
    @media (max-width: 767px) {
        .tthometab-title {
            font-size: 24px;
            line-height: 30px;
            margin: 0 0 15px;
        }
    }
    @media (max-width: 543px) {
        #product #main .tt-title {
            font-size: 19px;
            line-height: 22px;
        }
        .tthometab-title {
            font-size: 20px;
        }
        .tt-title {
            font-size: 16px;
            line-height: 30px;
            margin: 0;
        }
        .sub-title {
            font-size: 14px;
            line-height: 16px;
            width: 100%;
            margin: 0;
            margin: 0 0 10px;
            text-align: left;
        }
    }
    .tt-producttitle {
        color: var(--primary-bg-color);
        font: 500 20px/32px var(--secondary-font);
        margin: 0 auto;
        padding: 0 0 20px;
        position: relative;
        text-align: left;
    }
    .product-description-short {
        padding: 0 0 20px;
        border-bottom: 1px solid var(--border-color);
    }
    .product-description-short p {
        margin: 0;
    }
    .tt-innerpagetitle {
        color: var(--main-title-color);
        float: left;
        font:500 18px/28px var(--primary-font);
        margin: 0 0 10px;
        text-align: left;
        width: 100%;
    }
    .page-subheading {
        color: var(--main-title-color);
        float: left;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
        margin: 0 auto 10px;
        padding: 0;
        position: relative;
        text-align: left;
        width: 100%;
    }
    @media (max-width: 543px) {
        .tt-innerpagetitle {
            font-size: 20px;
            line-height: 30px;
        }
        .tt-producttitle {
            font-size: 16px;
            line-height: 18px;
        }
    }
    .page-heading {
        display: none;
    }
    .pb-right-column .current-price {
        margin: 0;
    }
    .product-information-main {
        float: left;
        width: 100%;
    }
    .pb-right-column .product-information-inner {
        float: left;
        width: 100%;
        background: #fff;
        padding: 30px;
            box-shadow: 1px 2px 3px 0 #e5e5e5;
        -webkit-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -moz-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -ms-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -o-box-shadow: 1px 2px 3px 0 #e5e5e5;
    }
    .pb-right-column .payment-content {
        float: left;
        width: 100%;
        background: #fff;
        padding: 30px;
        margin: 30px 0 0;
            box-shadow: 1px 2px 3px 0 #e5e5e5;
        -webkit-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -moz-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -ms-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -o-box-shadow: 1px 2px 3px 0 #e5e5e5;
    }
    .pb-right-column .payment-content .payment-title {
        float: left;
        width: 100%;
        font: 500 20px/22px var(--primary-font);
        margin: 0 0 30px;
        color: var(--primary-bg-color);
        position: relative;
    }
    .pb-right-column .payment-content .payment-title::after {
        content: "\e897";
        position: absolute;
        font-family: 'Material Icons';
        left: auto;
        right: 0;
        top: 0;
        bottom: auto;
        width: 24px;
        height: 24px;
        font-size: 24px;
        line-height: 24px;
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    .pb-right-column .payment-content .payment-subtitle {
        float: left;
        width: 100%;
        font: 400 16px/18px var(--primary-font);
        margin: 0 0 15px;
        color: #111;
    }
    .pb-right-column .payment-content .payment-icons {
        float: left;
        width: 100%;
        margin: 0 0 20px;
    }
    .pb-right-column .payment-content .payment-desc {
        float: left;
        width: 100%;
        color: #7b818f;
        line-height: 22px;
        margin: 0 0 20px;
    }
    .pb-right-column .payment-content .payment-icons li {
        float: left;
        width: auto;
        margin:0 3px;
    }
    .pb-right-column .product-price,
    .product-price .price,
    .has-discount p {
        font-weight: 500;
    }
    .product-manufacturer {
        padding: 0;
        float: right;
        margin-top: 15px;
    }
    .product-line-grid-body .product-price {
        margin: 5px 0;
    }
    .footer-container .links h3{
        color: var(--footer-title-color);
        cursor: pointer;
        font: 500 18px/20px var(--primary-font);
        margin: 0 0 20px;
        position: relative;
    }
    .bottom-footer {
        float: left;
        position: relative;
        text-align: center;
        width: 100%;
        background: var(--bottom-footer-bg-color);
        padding: 15px 0;
    }
    .bottom-footer .ttcontent {
        float: left;
        padding:0;
        text-align:left;
    }
    .bottom-footer p {
        margin: 5px 0;
    }
    .bottom-footer p a {
        color: var(--footer-link-color);
        font-size: 13px;
        line-height: 20px;
    }
    .bottom-footer p a:hover {
        color: #111;
    }
    @media (min-width: 992px) {
    .bottom-footer .row {
        display: flex;
        align-items: center;
    }
    }
    @media (max-width: 991px) {
        .pb-right-column .payment-content {
            padding: 20px;
        }
    }
    @media (max-width: 543px) {
        .pb-right-column .payment-content {
            padding: 15px;
        }
        .bottom-footer .ttcontent {
        text-align: center;
        width: 100%;
        }
        .bottom-footer p {
            margin:0;
        }
    }
    .quick-view-block {
        text-align: center;
    }
    .quickview-title.tt-title {
        margin: 0;
        padding: 0;
        text-align: left;
    }
    .owl-item.firstactiveitem .product-miniature {
        border: none;
    }
    /* ------------------------- Start TT Bestseller ----------------------- */
    .ttbestseller-products {
        margin:0 0 40px;
    }
    .ttbestseller-content .highlighted-informations {
        display: none;
    }
    .ttbestseller-content {
        background: #fff;
        float: left;
        padding: 30px 15px 0;
    }
    .ttfeatured-products .product-miniature.product-grid .thumbnail-container .ttproductcountdown,
    .ttbestseller-products .product-miniature.product-grid .thumbnail-container .ttproductcountdown {
        position: absolute;
        margin: 0;
        left: 15px;
        bottom: 0;
        right: 15px;
    }
    .ttfeatured-products .product-miniature.product-grid .thumbnail-container .ttproductcountdown .ttpc-main .ttpc-time, .ttbestseller-products .product-miniature.product-grid .thumbnail-container .ttproductcountdown .ttpc-main .ttpc-time {
        width: 29px;
        text-align: center;
    }
    .ttbestseller-products .products .product-miniature,
    .ttfeatured-products .products .product-miniature {
        border: none;
    }
    .ttbestseller-products .products .product-miniature .thumbnail-container,
    .ttfeatured-products .products .product-miniature .thumbnail-container {
        margin: 0 0 25px;
    }
    .ttbestseller-products .products .product-miniature .thumbnail-container .ttproduct-desc,
    .ttfeatured-products .products .product-miniature .thumbnail-container .ttproduct-desc{
        padding: 0 10px;
    }
    .ttbestseller-products .products .highlighted-informations,
    .ttfeatured-products .products .highlighted-informations{
        display: none;
    }
    .ttproduct-desc {
        text-align: left;
    }
    .ttbestseller-products .products .thumbnail-container .ttproduct-image,
    .ttfeatured-products .products .thumbnail-container .ttproduct-image {
        border-right: 4px double var(--border-color);
    }
    .ttbestseller-products .products .thumbnail-container .product-title,
    .ttfeatured-products .products .thumbnail-container .product-title {
        min-height: unset;
    }
    .ttbestseller-products .products .product-grid .thumbnail-container .ttproducthover, 
    .ttfeatured-products .products .product-grid .thumbnail-container .ttproducthover {
        position: static;
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        transform: translateY(20px);
        text-align: left;
    }
    .ttbestseller-products .products .product-grid .thumbnail-container:hover .ttproducthover,
    .ttfeatured-products .products .product-grid .thumbnail-container:hover .ttproducthover {
        transform: translateY(0);
        opacity: 1;
    }
    .ttbestseller-products .products .product-grid .thumbnail-container .ttproducthover .btn,
    .ttfeatured-products .products .product-grid .thumbnail-container .ttproducthover .btn {
        height: 35px;
        width: 35px;
    }
    .ttbestseller-products .products .thumbnail-container .btn i,
    .ttfeatured-products .products .thumbnail-container .btn i {
        height: 35px;
        line-height: 35px;
    }
    .ttbestseller-products .products .product-grid .thumbnail-container .ttproducthover .add-to-cart,
    .ttfeatured-products .products .product-grid .thumbnail-container .ttproducthover .add-to-cart {
        font-size: 0;
    }
    .ttbestseller-products .products .thumbnail-container div.tt-button-container .btn.add-to-cart .loading,
    .ttfeatured-products .products .thumbnail-container div.tt-button-container .btn.add-to-cart .loading {
        width: 36px;
        height: 36px;
        line-height: 36px;
    }
    .ttbestseller-products .products .product-grid .thumbnail-container .ttproducthover .tt-button-container,
    .ttfeatured-products .products .product-grid .thumbnail-container .ttproducthover .tt-button-container {
        width: auto;
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    .ttbestseller-products .products .product-grid .thumbnail-container .ttproducthover .tt-button-container .product-quantity,
    .ttfeatured-products .products .product-grid .thumbnail-container .ttproducthover .tt-button-container .product-quantity {
        display: none;
    }
    .ttbestseller-products .products .thumbnail-container .tt-button-container .btn span,
    .ttfeatured-products .products .thumbnail-container .tt-button-container .btn span {
        font-size:0;
        line-height: 35px;
    }
    .ttbestseller-products .products .tt-button-container .btn-primary.select-btn span::before,
    .ttfeatured-products .products .tt-button-container .btn-primary.select-btn span::before {
        margin:0;
        width:35px;
    }
    .ttbestseller-products .products .thumbnail-container .tt-button-container .btn:not(.cart-loading) i.added,
    .ttfeatured-products .products .thumbnail-container .tt-button-container .btn:not(.cart-loading) i.added {
        width: 35px;
        font-size: 17px;
    }
    .ttbestseller-products .product-flags li,
    .ttfeatured-products .product-flags li{
        top: 0;
    }
    .ttbestseller-products .product-flags li.online-only,
    .ttfeatured-products .product-flags li.online-only {
        top: 15px;
    }
    .ttbestseller-products .product-flags li.pack,
    .ttfeatured-products .product-flags li.pack {
        top: 15px;
    }
    @media (max-width: 1429px) {
        .ttfeatured-products .product-miniature.product-grid .thumbnail-container .ttproductcountdown .ttpc-main::before,
        .ttbestseller-products .product-miniature.product-grid .thumbnail-container .ttproductcountdown .ttpc-main::before{
            display: none;
        }
    }
    @media (max-width: 991px) {
        .ttbestseller-products .products .thumbnail-container .tt-button-container .btn:not(.cart-loading) i.added,
        .ttfeatured-products .products .thumbnail-container .tt-button-container .btn:not(.cart-loading) i.added {
            width: 36px;
        }
        .ttbestseller-products .products .thumbnail-container .tt-button-container .btn span,
        .ttfeatured-products .products .thumbnail-container .tt-button-container .btn span {
            line-height: 36px;
        }
    }
    @media (max-width: 767px) {
        .ttbestseller-products .products .thumbnail-container .ttproduct-image,
        .ttfeatured-products .products .thumbnail-container .ttproduct-image {
            float: left;
            width: 42%;
        }
        .ttbestseller-products .products .thumbnail-container .ttproduct-desc,
        .ttfeatured-products .products .thumbnail-container .ttproduct-desc {
            float: left;
            width: 58%;
        }
        .ttbestseller-products  .product-miniature.product-grid .thumbnail-container:hover .ttproductcountdown,
        .ttbestseller-products  .product-miniature.product-grid .thumbnail-container .ttproductcountdown,
        .ttfeatured-products  .product-miniature.product-grid .thumbnail-container:hover .ttproductcountdown,
        .ttfeatured-products  .product-miniature.product-grid .thumbnail-container .ttproductcountdown {
            bottom: 0;
            position: static;
            margin: 5px 0 0;
        }
        .ttbestseller-products  .product-miniature.product-grid .thumbnail-container:hover .ttproductcountdown .ttpc-main,
        .ttbestseller-products  .product-miniature.product-grid .thumbnail-container .ttproductcountdown .ttpc-main,
        .ttfeatured-products  .product-miniature.product-grid .thumbnail-container:hover .ttproductcountdown .ttpc-main,
        .ttfeatured-products  .product-miniature.product-grid .thumbnail-container .ttproductcountdown .ttpc-main{
            padding: 8px 5px;
        }
        .ttbestseller-products .products .product-grid .thumbnail-container .ttproducthover,
        .ttfeatured-products .products .product-grid .thumbnail-container .ttproducthover {
            position: static;
            opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
            transform: unset;
            text-align: left;
        }
    }
    @media (max-width:543px) {
        .ttbestseller-content,
        .ttfeatured-content {
            padding: 15px 0;
        }
        .ttbestseller-products,
        .ttfeatured-products {
            margin: 0 0 20px;
        }
        .ttbestseller-products .products .thumbnail-container .ttproduct-desc,
        .ttfeatured-products .products .thumbnail-container .ttproduct-des {
            padding: 0 10px;
        }
        .ttbestseller-content.products .thumbnail-container .tt-button-container .btn,
        .ttfeatured-content.products .thumbnail-container .tt-button-container .btn {
            padding: 0;
            line-height: 30px;
            width: 30px;
            height: 30px;
        }
        .ttbestseller-content.products .thumbnail-container div.tt-button-container .btn.add-to-cart .loading,
        .ttfeatured-content.products .thumbnail-container div.tt-button-container .btn.add-to-cart .loading {
            width: 30px;
            height: 30px;
            line-height: 30px;
        }
        .ttbestseller-content.products .thumbnail-container div.tt-button-container .btn.add-to-cart .loading i,
        .ttfeatured-content.products .thumbnail-container div.tt-button-container .btn.add-to-cart .loading i{
            width: auto;
            height: 30px;
            line-height: 30px;
        }
        .ttbestseller-content.products .thumbnail-container .tt-button-container .btn.add-to-cart:not(.cart-loading) i,
        .ttfeatured-content.products .thumbnail-container .tt-button-container .btn.add-to-cart:not(.cart-loading) i {
            width: 30px;
            height: 30px;
            line-height: 30px;
            font-size: 14px;
        }
        .ttbestseller-products .products .product-grid .thumbnail-container .ttproducthover .btn,
        .ttfeatured-products .products .product-grid .thumbnail-container .ttproducthover .btn{
            width: 30px;
            height: 30px;
        }
        .ttbestseller-content.products .thumbnail-container .btn i,
        .ttfeatured-content.products .thumbnail-container .btn i,
        .ttbestseller-content.products .thumbnail-container .tt-button-container .btn i,
        .ttfeatured-content.products .thumbnail-container .tt-button-container .btn i{
            height: 30px;
            line-height: 30px;
            vertical-align: top;
            font-size: 14px;
        }
        .ttbestseller-content .thumbnail-container,
        .ttfeatured-content .thumbnail-container{
            margin: 0 0 15px;
        }
    }
    /* ------------------------- Start TT - Grid/List ----------------------- */
    .grid_list {
        padding: 0;
        margin-right: 10px;
    }
    .grid_list #ttlist {
        position: relative;
    }
    .grid_list ul.nav.nav-tabs {
        margin: 0;
    }
    .grid_list .nav-link {
        float: left;
        margin: 0 5px 0 0;
        padding: 0;
        text-align: center;
        cursor: pointer;
        font-size: 0;
        height: 20px;
        line-height: 20px;
        width: 24px;
        background: url(../img/views.png) no-repeat scroll 0 0;
        border:none;
        background-color: transparent;
    }
    .grid_list .nav-item:last-child .nav-link {
        margin:0;
    }
    .grid_list .grid_view2 {
        background-position: -128px -5px;
    }
    .grid_list .grid_view3 {
        background-position: -88px -5px;
    }
    .grid_list .grid_view {
        background-position: -169px -5px;
    }
    .grid_list .grid_view2:hover,
    .grid_list .grid_view2.active {
        background-position: -128px -35px;
    }
    .grid_list .grid_view3:hover,
    .grid_list .grid_view3.active {
        background-position: -88px -35px;
    }
    .grid_list .grid_view:hover,
    .grid_list .grid_view.active {
        background-position: -169px -35px;
    }
    .grid_list .list_view {
        background-position: -210px -5px;
    }
    .grid_list .list_view:hover,
    .grid_list .list_view.active {
        background-position: -210px -35px;
    }
    .grid_list .sort_view {
        background-position: -290px -5px;
    }
    .grid_list .sort_view:hover,
    .grid_list .sort_view.active {
        background-position: -290px -35px;
    }
    .nav-link.grid_view, .nav-link.list_view, .nav-link.short_view {
        border: none;
        padding: 0;
    }
    .products-selection .grid_list {
        padding: 0;
    }
    .products-selection .grid_list .nav.nav-tabs{
        border: none;
    }
    #tab-gridview3 > div {
        clear: none;
    }
    #tab-gridview3 > div:nth-child(4n+1) {
        clear: both;
    }
    #tab-gridview2 > .product-miniature:nth-child(3n+1) {
        border-color: transparent;
    }
    #tab-gridview > .product-miniature:nth-child(2n+1) {
        border-color: transparent;
    }
    @media (min-width: 1500px) {
    body:not(.column_5,.column_6,.column_7,.column_8) #tab-gridview3 > .product-miniature:nth-child(4n+1) {
        border: none;
    }
    }
    @media (max-width: 1499px) {
        .grid_list .grid_view3,#tab-gridview3 {
            display:none;
        }
    }
    @media (min-width: 992px) and (max-width: 1199px) {
        .grid_list {
            width:35%;
        }
        #tab-gridview2 > div {
            clear: none;
        }
        #tab-gridview2 > div:nth-child(3n+1) {
            clear: both;
        }
    }
    @media (min-width: 768px) and (max-width: 991px) {
        .grid_list {
            width: 23%;
        }
    }
    @media (max-width: 991px) {
        .products-selection .grid_list.col-md-6 {
            width: auto;
        }
        .products-selection .grid_list li.nav-item.tab {
            float: left;
            width: auto;
            background:none;
        }
    }
    @media (max-width: 767px) {
        .grid_list .grid_view2,#tab-gridview2 {
            display:none;
        }
    }
    @media (max-width: 543px) {
        .grid_list .nav-tabs .nav-link {
            padding: 0;
        }
    }
    /* ------------------------- End TT - Grid/List ----------------------- */


    @media (max-width: 1199px) {
        .products .thumbnail-container .tt-button-container span{
            font-size:10px;
        }
        .tt-button-container .form-control.atc_qty {
            width:24px;
        }
        .quantity-nav {
            width: 18px;
        }
    }
    @media (max-width: 991px){
        .products .thumbnail-container .tt-button-container span{
            font-size:12px;
        }
    }
    @media (max-width: 767px){
        .products .thumbnail-container .tt-button-container span{
            font-size: 10px;
        }
    }
    @media (max-width: 543px){
        .products .thumbnail-container .tt-button-container .btn{
            padding: 0px 26px;
        }
        .products .thumbnail-container .tt-button-container span{
            font-size: 11px;
        }
        .products .thumbnail-container div.tt-button-container i {
            font-size: 20px;
        }
    }

    /* --------------------------- Start TT - List Layout(Category Page) -------------------------- */
    .product-thumbs .product-list .thumbnail-container .ttproduct-image,
    .product-thumbs .product-sort .thumbnail-container .ttproduct-image {
        padding: 0;
    }
    .product-list .ttproduct-desc .product-description,
    .product-sort .ttproduct-desc .product-description,
    .product-list .ttproduct-desc .product-flags,
    .product-list .ttproduct-desc .highlighted-informations .variant-links,
    .product-list .ttproduct-desc .product-description .product-title,
    .product-list .ttproduct-desc .product-description .product-price-and-shipping {
        text-align: left;
        border: none;
    }
    .product-list #product-desc-short {
        display: block;
        float: left;
        margin: 0 0 10px;
        width: 100%;
    }
    .product-list .ttproduct-desc .highlighted-informations,
    .product-sort .ttproduct-desc .highlighted-informations {
        opacity: 1;
        -moz-opacity: 1; 
        -khtml-opacity: 1; 
        -webkit-opacity: 1;
        visibility:visible;
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        position:static;
    }
    .product-list .ttproduct-desc .highlighted-informations .variant-links {
        float: left;
        width: 100%;
        margin: 0 0 8px;
    }
    .product-sort .ttproduct-desc .highlighted-informations .variant-links {
        float: left;
        width: 100%;
        margin: 0 0 8px;
        text-align: left;
    }
    #products .product-list .product-title, #products .product-sort .product-title {
        margin: 0 0 8px;
        min-height: unset;
    }
    #products .product-list .product-price-and-shipping {
        float: left;
        width: 100%;
    }
    #products .product-list .product-price-and-shipping .price {
        font-weight: 600;
    }
    .product-list .product-desc-short,
    .product-sort .product-desc-short {
        display: block;
        float: left;
        margin: 0 0 10px;
        width: 100%;
    }
    .product-list .cat-name, .product-sort .cat-name {
        text-align: left;
        margin-bottom: 5px;
    }
    #products .product-list .hook-reviews,
    #products .product-list .thumbnail-container:hover .hook-reviews,
    #products .product-sort .hook-reviews,
    #products .product-sort .thumbnail-container:hover .hook-reviews {
        float: left;
        width: 100%;
        margin: 0 0 8px;
        position: static;
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
    }
    #products .product-list .thumbnail-container .ttproducthover {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        display: block;
        float: left;
        position: static;
        width: 100%;
        text-align:left;
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
    }
    #products .product-list .thumbnail-container .tt-button-container,
    #products .product-sort .thumbnail-container .tt-button-container {
        position:static;
        width:auto;
        padding:0;
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        visibility:visible;
        opacity: 1;
        -moz-opacity: 1; 
        -khtml-opacity: 1; 
        -webkit-opacity: 1;
    }
    #products .product-list .thumbnail-container .tt-button-container {
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    #products .product-list .thumbnail-container .ttproduct-button {
        float: none;
        width: auto;
        display: inline-block;
        vertical-align: top;
    }
    .products .product-list .thumbnail-container::before,.products .product-sort .thumbnail-container::before {
        display:none;
    }
    .tab-pane >div:first-child .product-sort.product-miniature, .tab-pane >div:first-child .product-list.product-miniature {
        padding-top: 0;
    }
    .product-list.product-miniature, .product-sort.product-miniature {
        border-left: none;
        padding: 0;
        border-bottom: 1px solid var(--border-color);
        margin: 0;
        padding: 25px 0;
    }
    .product-list .ttqtyprogress, .product-sort .ttqtyprogress, .ttspecial-products .ttqtyprogress {
        color: #111;
        float: left;
        margin: 0 0 13px;
        font-size: 13px;
        line-height: normal;
        text-align: left;
        width: 100%;
    }
    .product-list .progress, .product-sort .progress, .ttspecial-products .progress {
        background: #f5f5f5 none repeat scroll 0 0;
        border-radius: 25px;
        float: left;
        height: 6px;
        margin: 2px 0 0;
        width: 100%;
    }
    .product-list .progress-bar, .product-sort .progress-bar, .ttspecial-products .progress-bar {
        background-color: var(--secondary-bg-color);
        border-radius: 25px;
        height: 6px;
        width: 0;
    }
    #products .product-sort .thumbnail-container .tt-button-container .product-quantity {
        margin: 0 0 10px;
    }
    @media (min-width: 1500px) {
        .product-thumbs .product-list .thumbnail-container .ttproduct-image {
            width: auto;
        }
    }
    @media (min-width: 480px) and (max-width: 543px) {
        #js-product-list .product-miniature.js-product-miniature.product-grid {
            width: 50%;
        }
    }
    @media (min-width: 595px) {
        #products .product-list .thumbnail-container .tt-button-container .btn.add-to-cart.btn-primary:focus,
        #products .product-list .thumbnail-container .tt-button-container .btn.add-to-cart.btn-primary:hover,
        #products .product-sort .thumbnail-container .tt-button-container .btn.add-to-cart.btn-primary:focus,
        #products .product-sort .thumbnail-container .tt-button-container .btn.add-to-cart.btn-primary:hover{
            color: var(--secondary-text-color);
            background: var(--secondary-bg-color);
        }
        #products .product-list .thumbnail-container .ttproducthover div .btn.add-to-cart.btn-primary:focus span,
        #products .product-list .thumbnail-container .ttproducthover div .btn.add-to-cart.btn-primary:hover span,
        #products .product-sort .thumbnail-container .ttproducthover div .btn.add-to-cart.btn-primary:focus span,
        #products .product-sort .thumbnail-container .ttproducthover div .btn.add-to-cart.btn-primary:hover span {
            color: #fff;
        }
        #products .product-list .thumbnail-container .ttproducthover div.tt-button-container .btn.add-to-cart-disable span {
            display: block;
            color: #fff !important;
        }
        #products .product-sort .thumbnail-container .ttproducthover div.tt-button-container .btn.add-to-cart-disable span {
            display:none;
        }
        .products .product-list .thumbnail-container .tt-button-container .btn i {
            display:none;
        }
    }
    @media (min-width: 1200px) {
        #products .product-sort .thumbnail-container .ttproducthover div.tt-button-container .btn.add-to-cart-disable span {
            display: block;
            color: #fff !important;
        }
    }
    @media (max-width: 1199px) {

        .products .product-sort .product-price-and-shipping {
            padding:0;
        }
    }
    @media (max-width: 767px) {
        .products .product-sort .product-price-and-shipping {
            text-align:left;
        }
        .product-sort .product-desc-short {
            display: none;
        }
    }
    @media (max-width: 543px) {
        #tab-shortview .product-quantity-inner {
            display: none;
        }
        #tab-shortview > div {
            padding: 0 10px;
            float: left;
            width: 100%;
        }
        .product-sort .ttproduct-desc {
            padding-right: 0;
        }
        .product-thumbs .product-list .thumbnail-container {
            text-align: center !important;
        }
        .product-thumbs .product-list .thumbnail-container .ttproduct-image {
            display: inline-block;
            float: none;
            text-align: center;
            width: auto;
        }
        .product-thumbs .product-list .thumbnail-container .ttproduct-desc {
            width: 100%;
            text-align: center;
        }
        .product-list .cat-name{
            text-align: center;
        }
        .product-list .ttproduct-desc .product-description,
        .product-list .ttproduct-desc .product-flags,
        .product-list .ttproduct-desc .highlighted-informations .variant-links,
        .product-list .ttproduct-desc .product-description .product-title,
        .product-list .ttproduct-desc .product-description .product-price-and-shipping{
            text-align: center!important;
        }
        .product-sort .ttproduct-desc .highlighted-informations .variant-links, .product-sort .product-flags {
            display: none;
        }
        .product-list .product-desc-short {
            padding: 0 15px;
        }
        .thumbnail-container .ttproducthover div .btn.btn-primary span {
            font-size: 0;
        }
        .products .tt-button-container .btn-primary.select-btn span::before {
            margin:0;
            width: 36px;
        }
        .products .thumbnail-container .tt-button-container .btn {
            padding:0;
            line-height: 36px;
            width: 36px;
        }
        .products .thumbnail-container .btn {
            width:36px;
            height:36px;
        }
        .products:not(.ttbestseller-content) .thumbnail-container .tt-button-container .btn {
            line-height: 36px;
            width: 36px;
            font-size: 0;
            padding: 0;
        }
        .products .thumbnail-container .tt-button-container .btn i {
            font-size: 16px;
            display: block;
            height: 34px;
            width: 34px;
            line-height: 34px;
        }
        .products .thumbnail-container .btn i {
            height: 36px;
            line-height: 36px;
            vertical-align: top;
        }
        .products .thumbnail-container .btn .loading i {
            height: 36px;
            width: 36px;
            line-height: 36px;
        }
        .products .product-price-and-shipping {
            padding:0;
        }
        .products .thumbnail-container .tt-button-container .btn:not(.cart-loading) i.added {
            display: none;
        }
        .products .thumbnail-container .tt-button-container .btn.add-to-cart:not(.cart-loading) i {
            width: 34px;
            height: 34px;
            line-height: 34px;
        }
        #products .product-list .thumbnail-container .ttproducthover {
            text-align:center;
        }
        .products .thumbnail-container .tt-button-container .btn span{
            display: none;
        }
    }
    /* --------------------------- End TT - List Layout(Category Page) -------------------------- */

    /* --------------------- Start All Product Button ---------------------- */

    .allproduct {
        float: left;
        text-align: center;
        display: none;
        width: 100%;
    }
    .allproduct > a {
        background: #ff4661;
        color: #ffffff;
        display: inline-block;
        float: none;
        padding: 8px 25px;
        vertical-align: top;
    }
    .allproduct > a:hover {
        background: #333333;
        color: #ffffff;
    }
    /* --------------------- End All Product Button ---------------------- */
    /* --------------------- Start Left Column/Right Column --------------------- */

    #left-column .text-uppercase,
    #right-column .text-uppercase {
        color: #111111;
        float: left;
        font: 500 15px/20px var(--primary-font);
        margin: 0 0 5px;
        position: relative;
        width: 100%;
        text-transform: capitalize !important;
        background: #f1f3f8;
        padding: 10px;
    }
    .theiaStickySidebar {
        float:left;
        width:100%;
    }
    #left-column .left-right-inner > div,
    #right-column .left-right-inner > div,
    #left-column .left-right-inner > section,
    #right-column .left-right-inner > section{
        background: #ffffff none repeat scroll 0 0;
        float: left;
        padding: 15px;
        width: 100%;
    }
    #left-column .left-right-inner {
        float: left;
        width: 100%;
        -webkit-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -moz-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -ms-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -o-box-shadow: 1px 2px 3px 0 #e5e5e5;
        box-shadow: 1px 2px 3px 0 #e5e5e5;
    }
    #left-column .left-right-inner::-webkit-scrollbar {
        width: 5px;
    }
    
    #left-column .left-right-inner::-webkit-scrollbar-track {
        background-color: #e4e4e4;
        border-radius: 100px;
    }
    
    #left-column .left-right-inner::-webkit-scrollbar-thumb {
        background-color: #999;
        border-radius: 100px;
    }
    #left-column .theiaStickySidebar > div#search_filters_wrapper,
    #right-column .theiaStickySidebar > div#search_filters_wrapper {
        float: left;
        padding: 0;
        margin: 0;
        width: 100%;
        border: none;
        background: none;
    }
    #left-column #new-product,
    #right-column #new-product {
        float: left;
        width: 100%;
        position:relative;
    }
    #left-column #new-product .owl-nav,
    #right-column #new-product .owl-nav {
        position: absolute;
        top: -41px;
        bottom: auto;
        left: auto;
        right: 0;
    }
    #left-column #new-product .owl-nav button,
    #right-column #new-product .owl-nav button {
        position: static;
        border: none !important;
        height: 35px;
        width: 35px;
        background:none !important;
    }
    #left-column #new-product .owl-nav button i,
    #right-column #new-product .owl-nav button i {
        height: 35px;
        width: 35px;
        line-height:35px;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
    }
    #left-column #new-product ul,
    #right-column #new-product ul {
        padding: 0;
    }
    #left-column .newtitle-custom,
    #right-column .newtitle-custom {
        float: right;
        width: auto;
        position:relative;
    }
    #new-product .loader::before {
        height: 20px;
        width: 20px;
        border-width: 1px;
    }
    @media (min-width: 992px) {
        #left-column {
            padding-left: 0;
        }
        #content-wrapper {
            padding-right: 0;
        }
    }
    @media (max-width: 991px) {
        #left-column > div#search_filters_wrapper,
        #right-column > div#search_filters_wrapper {
            margin: 0 0 15px;
        }
        #left-column #new-product .owl-nav,
        #right-column #new-product .owl-nav {
            right: 20px;
            top:-27px;
        }
        #left-column #new-product .owl-nav button,
        #right-column #new-product .owl-nav button {
            height: 25px;
            width: 25px;
        }
        #left-column #new-product .owl-nav button i,
        #right-column #new-product .owl-nav button i {
            height: 25px;
            width: 25px;
            line-height: 25px;
        }
        #left-column .left-right-inner > div,
        #right-column .left-right-inner > div,
        #left-column .left-right-inner > section,
        #right-column .left-right-inner > section {
            padding: 10px;
            margin: 0 0 15px;
        }
    }
    /* --------------------- End Left Column/Right Column ---------------------- */

    #cms .page-content > h2,
    #cms .page-content > h3 {
        color: #333333;
        font-size: 14px;
        font-weight: 500;
        margin: 0 0 6px;
    }
    #cms .page-content > p {
        margin: 20px 0 0;
    }
    /* --------------------- Start Sitemap page --------------------- */

    #sitemap .container-fluid {
        float: left;
        width: 100%;
    }
    #sitemap .container-fluid .sitemap {
        background: #fff;
        padding: 30px 15px;
    }
    .sitemap ul li a {
        line-height: 22px;
    }
    .sitemap ul li ul.nested {
        padding: 0 15px !important;
    }
    @media (max-width: 991px) {
        .sitemap .col-md-3 {
            width: 100%;
        }
        #sitemap .container-fluid {
            margin: 0 0 15px;
        }
    }
    @media (max-width: 543px) {
        #sitemap .container-fluid {
            padding: 15px 0;
        }
    }
    /* ---------------------- End Sitemap page ----------------------- */
    /* -----------------------------Start Owl-carousel ------------------------- */
    .owl-stage-outer {
        float:left;
        width:100%;
    }
    .owl-stage-outer .owl-stage {
        position: relative;
    }
    .owl-stage-outer .owl-stage:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        line-height: 0;
        visibility: hidden;
    }
    .owl-stage-outer .owl-stage .owl-item {
        float: left;
    }
    .owl-stage-outer .owl-stage .owl-item .product-miniature {
        width: 100%;
    }
    .owl-buttons {
        float: none;
        padding: 0;
        text-align: center;
        vertical-align: top;
        display: inline-block;
    }
    .owl-buttons div {
        border: 1px solid #e5e5e5;
        cursor: pointer;
        float: left;
        font-size: 0;
        height: 31px;
        line-height: 40px;
        margin: 0 2px;
        padding: 0;
        position: relative;
        vertical-align: top;
        width: 31px;
    }
    .owl-buttons div i {
        display: none;
    }
    .owl-buttons div:hover {
        border-color: #333333;
        background: #333333;
    }
    .owl-buttons div:hover i {
        color: #ffffff;
    }
    .owl-theme .owl-nav [class*="owl-"]:hover {
        background: none!important;
    }
    /* -----------------------------End Owl-carousel ------------------------- */
    .product-miniature {
        border-left: 1px solid var(--border-color);
        float: left;
        margin: 0 0 25px;
    }
    #js-product-list .products.product-thumbs .product-miniature.product-grid{
        margin: 0 0 25px;
    }
    .product-miniature.product-grid {
        margin: 0;
    }
    .owl-item:first-child .product-miniature {
        border: none;
    }
    body:not(.column_5,.column_6,.column_7,.column_8) #tab-gridview3 > .product-miniature:nth-child(4n+1) {
        border: none;
    }
    #tab-gridview2 > .product-miniature:nth-child(3n+1) {
        border: none;
    }
    #tab-gridview > .product-miniature:nth-child(2n+1) {
        border: none;
    }

    /* -----------Start roll-over css ---------*/
    .product-miniature .thumbnail-container .ttproduct-image .second_image	{
        position: absolute;
        top: 0px;
        left: 0;
        right: 0;
        max-width: 100%;
        height: auto;
    }
    .product-miniature .thumbnail-container.loading .ttproduct-image .second_image,
    .product-miniature .thumbnail-container.added:hover .ttproduct-image .ttproduct-img1 {
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        visibility:hidden;
        transition: all 500ms ease-in-out 0s;
        -moz-transition: all 500ms ease-in-out 0s;
        -webkit-transition: all 500ms ease-in-out 0s;
        -o-transition: all 500ms ease-in-out 0s;
    }
    .product-miniature .thumbnail-container.added:hover .ttproduct-image .second_image	{
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        visibility: visible;
    }
    /* -----------End roll-over css ---------*/
    /*---------------------- Product btn loading -------------------------------*/
    .products .thumbnail-container div.tt-button-container .btn.add-to-cart .loading,
    .products .thumbnail-container div.tt-button-container .btn.select-btn .loading,
    .products .thumbnail-container .btn.quick-view .loading,
    .products .thumbnail-container .btn.add_to_compare .loading,
    .products .thumbnail-container .addToWishlist .loading,
    .ttstickyAddToCart-btnadd .add-to-cart .loading{
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display:none;
    }
    #module-ttcompare-compare .product-description div.tt-button-container .btn.add-to-cart .loading {
        display:none;
    }
    .products .thumbnail-container div.tt-button-container .btn.add-to-cart.cart-loading .loading,
    .products .thumbnail-container div.tt-button-container .btn.select-btn.loading .loading,
    .products .thumbnail-container .btn.quick-view.quick-loading .loading,
    .products .thumbnail-container .btn.add_to_compare.compare-loading .loading,
    .products .thumbnail-container .btn.addToWishlist.wishlist-loading .loading,
    .ttstickyAddToCart-btnadd .add-to-cart.cart-loading .loading{
        display:inline-block;
        vertical-align:top;
    }
    .products .thumbnail-container .btn .loading i {
        display:inline-block;
        vertical-align:top;
        margin:0;
        height: 40px;
        width: 40px;
        line-height: 40px;
    }
    .products .thumbnail-container .btn.loading > i {
        display: none;
    }
    .products .thumbnail-container div.tt-button-container .btn.add-to-cart .loading i,
    .products .thumbnail-container div.tt-button-container .btn.select-btn .loading i,
    .products .thumbnail-container .btn.quick-view .loading i,
    .products .thumbnail-container .btn.add_to_compare .loading i,
    .products .thumbnail-container .btn.addToWishlist .loading i,
    .ttstickyAddToCart-btnadd .add-to-cart .loading{
        -webkit-animation:spin 2s infinite linear;
        animation:spin 2s infinite linear
    }
    @-webkit-keyframes spin{
        0%{
            -webkit-transform:rotate(0deg);
            transform:rotate(0deg);
            -moz-transform:rotate(0deg);
            -ms-transform:rotate(0deg);
            -o-transform:rotate(0deg);
    }
        100%{
            -webkit-transform:rotate(359deg);
            transform:rotate(359deg)
        }
    }
    @keyframes spin{
        0%{
            -webkit-transform:rotate(0deg);
            transform:rotate(0deg)
        }
        100%{
            -webkit-transform:rotate(359deg);
            transform:rotate(359deg)    ;
            -moz-transform:rotate(359deg);
            -ms-transform:rotate(359deg);
            -o-transform:rotate(359deg);
    }
    }
    .products .thumbnail-container div.tt-button-container .btn.add-to-cart .loading i,
    .products .thumbnail-container div.tt-button-container .btn.select-btn .loading i,
    .products .thumbnail-container .btn.quick-view .loading i,
    .products .thumbnail-container .btn.add_to_compare .loading i,
    .products .thumbnail-container .btn.addToWishlist .loading i,
    .ttstickyAddToCart-btnadd .add-to-cart .loading i{
        display: inline-block;
        vertical-align:top;
    }
    .products .thumbnail-container div.tt-button-container .btn.add-to-cart .loading i,
    .products .thumbnail-container div.tt-button-container .btn.select-btn .loading i,
    .ttstickyAddToCart-btnadd .add-to-cart .loading i{
        width:auto;
        height:36px;
        line-height:36px;
        margin: 0;
    }
    .product-list .thumbnail-container div.tt-button-container .btn.add-to-cart .loading {
        left: 0;
        right: auto;
        margin: auto;
    }
    .product-list .thumbnail-container div.tt-button-container .btn.add-to-cart .loading i {
        font-size: 18px;
    }
    .products .thumbnail-container div .btn.cart-loading i,
    .products .tt-button-container .btn-primary.select-btn.loading span::before,
    .products .thumbnail-container div .btn.wishlist-loading i,
    .products .thumbnail-container div .btn.compare-loading i{
        display: none;
    }
    .products .thumbnail-container div.tt-button-container .btn.add-to-cart .loading,
    .products .thumbnail-container div.tt-button-container .btn.select-btn .loading,
    .ttstickyAddToCart-btnadd .add-to-cart .loading{
        width: auto;
        margin-right: 2px;
        position: static;
        height: 36px;
        line-height: 36px;
    }
    .products .tt-button-container .btn-primary.add-to-cart.cart-loading span:not(.loading)::before {
        color:var(--secondary-bg-color);
    }
    .products #tab-gridview3 .thumbnail-container div.tt-button-container .btn.add-to-cart .loading i {
        float: left;
        width:auto;
    }
    @media (max-width: 1199px) {
        .products .product-sort .thumbnail-container div.tt-button-container .btn.add-to-cart .loading {
            width:36px;
            margin:0;
        }
    }
    @media (min-width: 544px) and (max-width: 767px) {
        .product-list .thumbnail-container div.tt-button-container .btn.add-to-cart .loading i {
            width: auto;
        }
        .products .product-list .thumbnail-container div.tt-button-container .btn.add-to-cart .loading {
            width:auto;
        }
    }
    @media (max-width: 543px) {
        .products .product-list .thumbnail-container div.tt-button-container .btn.add-to-cart .loading {
            width:36px;
            margin:0;
        }
        .product-list .thumbnail-container div.tt-button-container .btn.add-to-cart .loading i {
            width:36px;
            height:36px;
            line-height:36px;
        }
        .product-miniature {
            padding: 0 10px;
            margin: 0;
        }
    }
    /*-------------------- End product btn loading ------------------------*/
    /* --------Start search drop-down css---------*/
    #ui-id-1 {
        border: 1px solid #e5e5e5;
        z-index: 999;
        background: #ffffff none repeat scroll 0 0;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        border-top: none;
    }
    .ui-menu .ui-menu-item {
        margin: 0 0 10px!important;
    }
    .ui-menu .ui-menu-item .product-img {
        float: left;
        height: 91px;
        width: 70px;
    }
    .ui-menu .ui-menu-item a {
        min-height: 80px;
    }
    .ui-widget.ui-widget-content {
        padding: 10px;
    }
    .ui-front.ui-menu .ui-menu-item a {
        min-height: 100%;
        overflow: hidden;
        padding: 2px 0 2px 8px !important;
        width: 194px !important;
        float: left;
    }
    @media (max-width: 543px) {
        .ui-front.ui-menu .ui-menu-item a {
            width: 165px !important;
        }
    }
    .ui-front.ui-menu .ui-menu-item a span {
        font-size: 12px;
        font-family: var(--secondary-font);
        font-weight: 600;
        margin: 0 0 2px;
    }
    .ui-front.ui-menu .ui-menu-item a span.category {
        color: var(--body-text-color);
        float: left;
        font-size: 12px;
        width: 100%;
        font-weight: 500;
    }
    @media(max-width:543px) {
        .ui-front.ui-menu .ui-menu-item a span.category {
            font-size: 13px;
        }
    }
    .ui-front.ui-menu .ui-menu-item a span.separator {
        display: none;
    }
    .ui-front.ui-menu .ui-menu-item a span.product {
        float: left;
        width: 100%;
        color: var(--primary-bg-color);
    }
    .ui-front.ui-menu .ui-menu-item a.ui-state-focus,
    .ui-front.ui-menu .ui-menu-item a.ui-state-active {
        background: none;
        border: none;
        margin: 0;
    }
    .ui-front.ui-menu .ui-menu-item a .price {
        color: var(--price-color);
        float: left;
        font-size: 13px;
        font-weight: 600;
        width: 100%;
    }
    .ui-front.ui-menu .ui-menu-item a .price {
        float: left;
        width: 100%;
    }
    .ui-front.ui-menu .ui-menu-item {
        padding: 10px;
        margin: 0 !important;
        float: left;
        width: 100%;
        cursor: pointer;
    }
    .ui-front.ui-menu .ui-menu-item:hover {
        background: #f5f5f5 none repeat scroll 0 0;
    }
    ui-front.ui-menu .ui-menu-item a {
        font-size: 14px;
    }
    /* --------End search drop-down css---------*/

    /*--------------------------- Start contact-info footer --------------------------*/

    .contact-rich .block .data.contact {
        display: none;
    }
    /*--------------------------- End contact-info footer --------------------------*/
    /*--------------------------- Start newsletter --------------------------*/
    #newsletter {
        float: left;
        width: 100%;
        padding: 0;
    }
    #newsletter .newsletter {
        background: var(--footer-news-bg-color);
        padding: 34px 15px;
        float: left;
        width: 100%;
        -webkit-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -moz-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -ms-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -o-box-shadow: 1px 2px 3px 0 #e5e5e5;
        box-shadow: 1px 2px 3px 0 #e5e5e5;
    }
    #newsletter .newsletter .container {
        display: flex;
        align-items: center;
    }
    #newsletter .newsletter .tt-content {
        display: flex;
        align-items: center;
    }
    #newsletter p.alert .close {
        position: absolute;
        top: 0;
        right: 20px;
        left:auto;
        bottom:0;
        margin:auto 0;
    }
    #newsletter form {
        position: relative;
    }
    #newsletter form input[type="email"] {
        background: #fff;
        border: medium none;
        color: #666;
        float: left;
        overflow: hidden;
        padding: 0 125px 0 15px;
        width: 100%;
        font-weight: 400;
        font-size: 13px;
        height: 42px;
    }
    #newsletter form input[type=email]:focus + button .search {
        color: #666;
    }
    #newsletter form input[type=email]::-webkit-input-placeholder {
        color: #666;
        text-indent: 0.625rem;
    }
    #newsletter form input[type=email]::-moz-placeholder {
        color: #666;
        text-indent: 0.625rem;
    }
    #newsletter form input[type=email]:-moz-placeholder {
        color: #666;
        text-indent: 0.625rem;
    }
    #newsletter form input[type=email]:-ms-input-placeholder {
        color: #666;
        text-indent: 0.625rem;
    }
    #newsletter form button[type=submit] {
        position: absolute;
        background: none;
        border: none;
        bottom: 0.3125rem;
        right: 0.125rem;
        color: #878787;
    }
    #newsletter form button[type=submit] .search:hover {
        color: #111111;
    }
    #newsletter p.alert {
        height: 46px;
        line-height: 46px;
        margin: 0;
        float: none;
        padding: 0 0 0 20px;
        position: relative;
        text-align: left;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        margin: 0 0 10px;
    }
    #newsletter form .input-wrapper {
        overflow: hidden;
        border-radius: 5px; 
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border: 1px solid var(--border-color);
    }
    .footer-container {
        float: left;
        position: relative;
        width: 100%;
    }
    #newsletter .news_desc{
        display:none;
    }
    #newsletter .tt-title {
        color: var(--footer-news-title-color);
        float: left;
        font: 500 26px/40px var(--primary-font);
        position: relative;
        text-align: left;
        width: 100%;
        margin:0;
    }
    #newsletter .tt-content p {
        font: 400 18px/20px  var(--secondary-font);
        color: var(--footer-news-desc-color);
        margin: 0;
    }
    #newsletter .tt-content .title-icon {
        position: relative;
        padding: 0 0 0 50px;
    }
    #newsletter i.mail {
        font-size: 40px;
        color: var(--footer-news-title-color);
        height: 40px;
        width: 40px;
        padding: 0;
        position: absolute;
        left: 0;
        right: auto;
    }
    #newsletter .block_content .btn {
        background: var(--secondary-bg-color);
        color: var(--secondary-text-color);
        font: 400 13px/16px var(--secondary-font);
        height: 38px;
        padding: 5px 20px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        position: absolute;
        right: 4px;
        left: auto;
        border: none;
        top: auto;
        bottom: 3px;
        margin: auto 0;
    }
    #newsletter .block_content .btn:focus, #newsletter .block_content .btn:hover {
        background: var(--primary-bg-color);
        color: var(--primary-text-color);
    }
    #newsletter .block_content {
        float: right;
    }
    #newsletter .msg .psgdpr_consent_message {
        margin: 0;
    }
    #newsletter .msg {
        padding: 0;
    }
    #gdpr_consent {
        padding: 10px 0 0;
    }
    #gdpr_consent span {
        color: #111;
        cursor:pointer;
    }
    .contact-form #gdpr_consent span {
        color:#666;
    }
    #gdpr_consent .custom-checkbox input[type="checkbox"] + span {
        border: 1px solid #ccc;
    }
    #gdpr_consent .custom-checkbox input[type="checkbox"]:checked + span .checkbox-checked {
        color:#fff;
    }
    .contact-form #gdpr_consent .custom-checkbox input[type="checkbox"]:checked + span .checkbox-checked {
        color:#666;
    }
    #module-psgdpr-gdpr .page_content h2 {
        font-size: 16px;
        font-weight: 500;
        color: var(--body-text-color);
    }
    .newsletter-content {
        float: left;
        width: 100%;
        background: #fff;
        padding: 30px;
    }
    @media (max-width: 1399px) {
        #newsletter .tt-content p{
            font-size: 16px;
            line-height: 18px;
        }
    }
    @media (min-width: 992px) {
        #newsletter .container {
            display: flex;
            align-items: center;
        }
    }
    @media (max-width: 1199px) {
        #newsletter .tt-title {
            font-size: 24px;
            line-height: 30px;
        }
        #newsletter {
            padding: 0;
        }
        #newsletter .tt-content .title-icon {
            padding: 0 0 0 36px;
        }
        #newsletter i.mail {
            font-size: 30px;
            height: 30px;
            width: 30px;
        }
        #newsletter .tt-title {
            font-size: 20px;
            line-height: 30px;
        }
        #newsletter .tt-content p {
            font-size: 13px;
            line-height: 16px;
        }
    }
    @media (max-width: 991px) {
        .footer-container {
            padding: 0 0 20px;
        }
        .bottom-footer {
            padding: 10px 0;
        }
        .footer-container .row {
            margin: 0;
        }
        .bottom-footer .ttcontent {
            float: left;
            padding: 5px 0;
            text-align: center;
            width: 100%;
        }
        .block-social {
            float: left;
            width: 100%;
            padding: 5px 0;
        }
        #header .logo {
            min-height: 100%;
        }
        .bottom-footer-section {
            float: left;
            width: 100%;
            padding: 0;
        }
        .ttfooter-left {
            padding: 20px 0;
            float: left;
            width: 100%;
            border-bottom: 1px solid var(--border-color);
        }
        #footer .footer-container .links {
            margin: 0;
            padding: 0;
        }
        #footer .footer-container .block-social.links {
            padding: 20px 0 0;
        }
        #newsletter {
            width: 100%;
            float: left;
            margin: 0 0 30px;
        }
        #newsletter .newsletter {
            padding: 15px 0;
            display: block;
        }
        #newsletter .newsletter .tt-content{
            float: left;
            width: 100%;
            margin: 0 0 10px;
            text-align: center;
            display: block;
        }
        #newsletter .newsletter .container {
            display: block;
        }
        #newsletter .tt-content p {
            width: 100%;
        }
        #newsletter .tt-content .title-icon {
            padding: 0 0 0 36px;
            width: auto;
            text-align: center;
            float: none;
            display: inline-block;
            vertical-align: top;
            margin: 0 0 10px;
        }
        #newsletter .block_content {
            float:left;
            width:100%;
        }
    }
    @media (max-width: 767px) {
        #index #wrapper .breadcrumb {
            display: none!important;
        }
    }
    @media (max-width: 543px) {
        #newsletter .tt-title {
            font-size: 16px;
            line-height: 18px;
            text-align: center;
        }
        #newsletter form input[type="email"] {
            padding: 0 65px 0 15px;
        }
        #newsletter i.mail {
            font-size: 20px;
        }
    }
    /*---------------------------- Newsletter CSS End -------------------------------------*/

    /*--------------------------- Start Footer toggle --------------------------*/

    @media (max-width: 991px) {
        .footer-container .links .row {
            margin: 0;
        }
        .footer-container .links .float-xs-right {
            height: 20px;
        }
        .contact-rich {
            margin: 0;
        }
        .footer-container .links .title:hover,
        .footer-container .links .title[aria-expanded="true"] {
            background: rgba(0, 0, 0, 0.1);
        }
        .footer-container .links .float-xs-right .navbar-toggler i {
            color: #111;
            font-size: 18px;
        }
        .footer-container .links ul {
            padding: 0 10px;
        }
        .footer-container .block-social.links ul {
            padding: 0;
        }
        .footer-container .links {
            width: 100%;
            float: left;
        }
        .footer-container .links .wrapper {
            width: 100%;
            float: left;
        }
        .footer-container .links .hidden-md-up {
            display: block!important;
        }
        .footer-container .links h3,
        .footer-container #block_myaccount_infos h3 a,
        .footer-container .contact-rich h4 {
            display: none;
        }
        .footer-container #ttcmsfooter.links h3,
        .footer-container #ttcmsfooter1.links h3{
            display: block;
        }
        .footer-container .links .collapse {
            display: none!important;
            float: left;
            width: 100%;
        }
        .footer-container .links .collapse.in {
            display: block!important;
            padding: 0 10px;
        }
        .footer-container .links .float-xs-right .navbar-toggler i.remove {
            display: none;
        }
    }
    /*--------------------------- End Footer  --------------------------*/
    /*--------------------------- Start user-info  --------------------------*/

    #_desktop_user_info {
        float: right;
        position: relative;
        width: auto;
    }
    .user-info > li {
        float: left;
        position: relative;
        width: 100%;
    }
    .ttuserheading {
        cursor: pointer;
        float: left;
        position: relative;
        padding: 43px 0;
    }
    .ttuserheading span.user-title {
        display: none;
    }
    .ttuserheading i {
        float: left;
        color: var(--header-top-text-color);
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    .ttuserheading:hover i.material-icons-outlined,
    .ttuserheading.active i.material-icons-outlined {
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
    }
    .user-info i {
        font-size: 15px;
        height: 20px;
        width: 20px;
        line-height: 19px;
        float: left;
    }
    .ttuserheading .material-icons.expand-less, .ttuserheading .material-icons.expand-more {
        color: var(--header-top-text-color);
        font-size: 16px;
        height: 24px;
        line-height: 24px;
        width: 15px;
        float: right;
        margin: 0 0 0 7px;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    .ttuserheading .material-icons.expand-less{
        display: none;
    }
    .ttuserheading.active .material-icons.expand-less{
        display: inline-block;
    }
    .ttuserheading.active .material-icons.expand-more {
        display: none;
    }
    .ttuserheading span {
        float: left;
        width: auto;
        margin: 0 0 0 8px;
        font: 400 13px/24px var(--secondary-font);
        color: var(--header-top-text-color);
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    .ttuserheading:hover i,
    .ttuserheading.active i,
    .ttuserheading:hover span,
    .ttuserheading.active span,
    .ttuserheading:hover .material-icons.expand-more,
    .ttuserheading.active .material-icons.expand-less,
    .header-nav.fixed .ttuserheading:hover i, .header-nav.fixed .ttuserheading:hover span,
    .header-nav.fixed .ttuserheading.active i, .header-nav.fixed .ttuserheading.active span {
        color:var(--header-top-texthvr-color);
    }
    .ttuserheading:hover i{
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
    .user-info {
        background: #fff;
        border: 1px solid var(--border-color);
        display: none;
        left: auto;
        padding: 15px 17px;
        position: absolute;
        right: 0;
        text-align: left;
        top: 100%;
        width: 180px;
        z-index: 1;
    }
    #header .user-info a {
        color: var(--body-text-color);
        cursor: pointer;
        float: left;
        padding: 0 0 3px;
        width: 100%;
    }
    #header .user-info a:hover {
        color: #111111;
    }
    .user-info span.hidden-sm-down {
        font-weight: 500;
    }
    .user-info span:hover {
        color: #111;
    }
    @media (max-width: 1199px) {
        .ttuserheading {
            padding: 33px 0;
        }
    }
    @media (max-width: 991px) {
        #notifications,
        #wrapper {
            display: block!important;
        }
        #_mobile_user_info .hidden-sm-down {
            display: inline-block!important;
        }
        #_desktop_user_info {
            display: none;
        }
        .ttuserheading span.myaccount {
            display: none;
        }
        .user-info > li {
            width: 100%;
        }
        .ttuserheading {
            padding: 29px 0;
        }
        #_mobile_user_info {
            position: relative;
            margin: 0 5px;
            z-index: 2;
        }
        .hidden-md-up.text-sm-center.mobile {
            float: right;
            width: auto;
        }
        .user-info {
            width: 170px;
        }
    }
    @media (max-width: 543px) {
        .ttuserheading span, .ttuserheading .material-icons.expand-less, .ttuserheading .material-icons.expand-more,.ttuserheading.active .material-icons.expand-less {
            display:none;
        }
        .ttuserheading {
            padding: 17px 0;
        }
    }
    /*--------------------------- End user-info  --------------------------*/
    /*------------------------ Header compare wishlist --------------------*/
    .compare .bt_compare {
        cursor: pointer;
    }
    .nav2 .compare {
        float: right;
        width: auto;
        padding: 44px 0;
        margin:0 15px;
    }
    .nav2 .top-wishlist {
        float: right;
        width: auto;
        padding: 44px 0;
    }
    .header-sticky .header-nav.fixed .nav2 .top-wishlist {
        padding: 34px 0;
    }
    .header-sticky .header-nav.fixed .nav2 .compare {
        padding: 34px 0;
    }
    .header-sticky .header-nav.fixed .ttuserheading {
        padding: 33px 0;
    }
    .header-sticky .header-nav.fixed #_desktop_cart {
        padding: 20px 0;
    }
    .nav2 .top-wishlist .wishlist-number,.nav2 .compare .total-compare-val {
        background: var(--secondary-bg-color);
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        height: 16px;
        line-height: 16px;
        text-align: center;
        width: 16px;
        color: var(--secondary-text-color);
        font-size: 10px;
        float: right;
    }
    .nav2 .top-wishlist i.material-icons,.nav2 .compare i.compare_icon {
        font-size: 22px;
        color:var(--header-top-text-color);
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    .nav2 .top-wishlist:hover i.material-icons, .nav2 .compare:hover i.compare_icon {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
        color: var(--header-top-texthvr-color);
    }
    /*------------------- quickview alert -------------------*/
    .quick-view .material-icons.search {
        display: none;
    }
    .quickview .product-cover {
        width: 75%;
        padding: 0;
    }
    .bt_compare[disabled] {
        cursor: pointer;
    }
    @media (max-width: 1429px) {
        .nav2 .compare {
            margin: 0 15px;
        }
    }
    @media (max-width: 1199px) {
        .quickview-title {
            font-size: 28px;
        }
        .nav2 .compare {
            padding:  34px 0;
        }
        .nav2 .top-wishlist {
            padding: 34px 0;
        }
    }
    @media (max-width: 991px) {
        .nav2 .top-wishlist {
            padding: 30px 0;
            margin-right: 5px;
        }
        .nav2 .compare {
            padding: 30px 0;
            margin: 0 5px;
        }
        .quickview .modal-dialog {
            width: 720px;
        }
        .quickview .mask {
            width: 20%;
            height: 420px;
            margin:50px 0;
        }
        .quickview .images-container {
            position: static;
        }
        .quickview.in .modal-content .modal-body .col-md-6 {
            width: 100%;
            float: left;
        }
        .quickview .product-cover {
            width: 80%;
        }
        .quickview .modal-body .col-md-6.col-sm-6 {
            width: 100%;
        }
        .quickview .arrows {
            height: 520px;
            right: 70px;
        }
        .quickview .arrows .arrow-up {
            top:10px;
        }
        .quickview .arrows .arrow-down {
            bottom: -40px;
        }
    }
    @media (min-width: 768px) {
        .wishlist-title {
            display: none;
        }
        .compare-title {
            display: none;
        }
    }
    @media (max-width: 767px) {
        .nav2 .top-wishlist i.material-icons, .nav2 .compare i.compare_icon {
            font-size: 15px;
            color: var(--body-text-color);
        }
        .nav2 .top-wishlist .wishlist-number, .nav2 .compare .total-compare-val {
            display: none;
        }
        .nav2 .top-wishlist {
            padding: 0;
            margin-right: 0;
            float: left;
            width: 100%;
        }
        .nav2 .compare {
            padding: 0;
            margin: 0;
            float: left;
            width: 100%;
        }
        .nav2 .top-wishlist:hover i.material-icons,
        .nav2 .compare:hover i.compare_icon {
            color:#111111;
            transform: unset;
        }
        .quickview .modal-dialog {
            width: 500px;
        }
        .quickview .mask {
            width: 26%;
            height: 280px;
        }
        .quickview .arrows .arrow-down {
            bottom: -70px;
        }
        #product .quickview .images-container .js-qv-mask.mask {
            width: 26% !important;
        }
        .quickview-title .tt-producttitle {
            font-size: 24px;
        }
        .quickview .product-cover {
            width: 74%;
        }
        .quickview .arrows {
            height: 300px;
            right: 60px;
        }
    }
    @media (max-width: 543px) {
        .quickview.in .modal-content .modal-body .col-md-6 {
            display: block!important;
            padding: 0;
        }
        .quickview .modal-dialog {
            width: 300px;
            margin: 10px auto;
        }
        .quickview .mask {
            height: 170px;
            margin: 28px auto;
        }
        .quickview .arrows {
            height: 185px;
            right: 40px;
        }
        .quickview .images-container {
            min-height: 200px;
        }
        .quickview-title.tt-producttitle {
            font-size: 18px;
        }
        .quickview .social-sharing {
            margin: 0;
        }
        .quickview .arrows .material-icons {
            height: 20px;
            width: 20px;
            padding: 2px;
            font-size: 15px;
        }
        .quickview .arrows .arrow-up {
            top: 5px;
        }
        .quickview .arrows .arrow-down {
            bottom: -40px;
        }
    }
    /*--------------------------- Start Category page  --------------------------*/

    #content-wrapper .block-category .category-cover {
        margin: 0 0 10px;
    }
    #content-wrapper #main .block-category {
        border: medium none;
        display: block !important;
        padding: 30px;
        background: #ffffff;
        margin: 0 0 20px;
    }
    #js-active-search-filters.hide .active-filter-title {
        display: none;
    }
    @media (max-width: 1199px) {
        #content-wrapper #main .block-category {
            padding: 15px;
        }
    }
    @media (max-width: 991px) {
        #right-column,
        #left-column {
            width: 100%;
            padding: 0;
        }
        #left-column ul,
        #right-column ul {
            padding: 0;
        }
        #wrapper .breadcrumb {
            display: block!important;
            text-align: center;
        }
        #left-column .block-categories ul.category-top-menu li .text-uppercase,
        #right-column .block-categories ul.category-top-menu li .text-uppercase {
            font-size: 15px;
            line-height: 30px;
            padding: 0;
        }
        #content-wrapper #main .text-sm-center h1 {
            display: none;
        }
        .products-selection .total-products {
            display: block !important;
            padding: 0 0 10px;
            float: left;
        }
        .products-selection .col-md-6 {
            float: left;
            width: 100%;
        }
        .products-selection .total-products p {
            float: right;
        }
        #products #js-product-list .up {
            display: none;
        }
        #content-wrapper.right-column,
        #content-wrapper.left-column {
            width: 100%;
            padding: 0;
        }
        #left-column .block-categories,
        #right-column .block-categories {
            margin: 15px 0 !important;
        }
    }
    /*--------------------------- End Category page  --------------------------*/
    /*--------------------------- Start Product page  --------------------------*/

    .pb-left-column .images-container .js-qv-mask.mask {
        width: 340px !important;
        margin: 0 auto;
        position: relative;
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    .pb-left-column .images-container {
        text-align: center;
        box-shadow: 1px 2px 3px 0 #e5e5e5;
        -webkit-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -moz-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -ms-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -o-box-shadow: 1px 2px 3px 0 #e5e5e5;
        padding: 30px;
        background: #fff;
        FLOAT: LEFT;
        WIDTH: 100%;
    }
    .pb-left-column .images-container ul {
        float: left;
        width: 100%;
        margin: 0;
    }
    #content .images-container .layer.hidden-sm-down {
        bottom: 10px;
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: auto;
        z-index: 1;
    }
    #content .images-container .layer.hidden-sm-down i {
        font-size: 28px;
        color: #666;
    }
    #content .images-container .layer.hidden-sm-down:hover i {
        color: #111111;
    }
    .pb-right-column .product-additional-info {
        margin-top:10px;
        padding:0;
    }
    .pb-right-column .product-additional-info .social-sharing {
        margin:0;
    }
    @media (max-width: 1299px) {
        .pb-left-column .images-container .js-qv-mask.mask {
            width: 220px !important;
        }
    }
    @media (max-width: 991px) {
        .pb-left-column .images-container {
            padding: 20px;
            margin: 0 0 15px;
        }
        .pb-right-column .product-information-inner {
            padding: 20px;
        }
        #content .images-container .layer.hidden-sm-down {
            display: block !important;
        }
        .pb-left-column .images-container ul .owl-nav button {
            position: absolute;
            margin:auto 0;
        }
        .pb-left-column .images-container ul .owl-nav button.owl-prev {
            left:-40px;
        }
        .pb-left-column .images-container ul .owl-nav button.owl-next {
            right:-40px;
        }
    }
    @media (max-width: 767px) {
        .pb-left-column .images-container .js-qv-mask.mask {
            width: 336px!important;
        }
        #product .pb-right-column,#product .pb-left-column {
            float: left;
            width: 100%;
        }
    }
    @media (max-width: 543px) {
        .pb-left-column .images-container {
            padding: 15px;
        }
        .product-manufacturer {
            padding: 0;
            float: left;
            margin-top: 15px;
            width: 30%;
        }
        .pb-right-column .product-information-inner {
            padding: 15px;
        }
        #product .images-container .js-qv-mask.mask {
            width: 220px !important;
        }
        .product-features > dl.data-sheet dd.value,
        .product-features > dl.data-sheet dt.name {
            padding: 10px 2px;
            text-align: center;
        }
    }
    /*--------------------------- End Product page  --------------------------*/
    /*-----------alert add to cart---------*/

    @media (max-width: 991px) {
        #blockcart-modal .modal-body .divide-right .product-image-container {
            width: auto;
        }
        #blockcart-modal .modal-body .divide-right .product-info {
            width: auto;
        }
    }
    @media (max-width: 767px) {
        #blockcart-modal .modal-body .divide-right {
            margin: 0 0 20px;
        }
    }
    @media (max-width: 543px) {
        #blockcart-modal .modal-body .divide-right .product-info {
            width: 100%;
        }
        #blockcart-modal .modal-body .divide-right .product-image-container {
            width: 100%;
            text-align: center;
        }
    }
    /* -------------------- modal -------------------------- */

    #product-modal .modal-dialog {
        background: #ffffff none repeat scroll 0 0;
        max-width: 800px;;
    }
    #product-modal .modal-header {
        border: medium none;
        padding: 10px 10px 0;
    }
    #product-modal .modal-content .modal-body {
        background: #ffffff;
        float: left;
        margin: 0;
        width: 100%;
    }
    #product-modal .modal-content .modal-body figure {
        width: 80%;
        padding:0 15px 0 0;
    }
    #product-modal .modal-content .modal-body .thumbnails {
        float: left;
        position: relative;
        width: 20%;
        display: table;
    }
    #product-modal .modal-content .modal-body .product-cover-modal {
        background: #ffffff none repeat scroll 0 0;
        border: 1px solid var(--border-color);
    }
    #product-modal .modal-content .modal-body .image-caption {
        background: #ffffff none repeat scroll 0 0;
        float: left;
        padding: 20px 0 0;
        width: 100%;
    }
    #product-modal .modal-content .modal-body .product-images {
        float: left;
        padding: 0 5px 0;
        margin: 0;
        width: 100%;
    }
    #product-modal .modal-content .modal-body .product-images li {
        display: inline;
        float: left;
        margin: 5px 0;
        width: 100%;
    }
    #product-modal .modal-content .modal-body .product-images img {
        cursor: pointer;
        width: 100%;
        border: 1px solid var(--border-color);
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    #product-modal .modal-content .modal-body .product-images img.selected,
    #product-modal .modal-content .modal-body .product-images img:hover {
        border: 1px solid var(--secondary-bg-color);
    }
    @media (max-width: 991px) {
        #product-modal .modal-content .modal-body .mask {
            max-height: 475px;
        }
        #product-modal .modal-dialog {
            max-width: 650px;
        }
    }
    @media (max-width: 767px) {
        #product-modal .modal-dialog {
            max-width: 520px;
        }
        #product-modal .modal-content .modal-body .arrows i {
            display: inline-block;
            font-size: 40px;
            height: 40px;
            line-height: 40px;
            margin: 0 auto;
            text-align: center;
            width: 40px;
        }
        #product-modal .modal-content .modal-body .arrows .arrow-up {
            top: 0;
        }
        #product-modal .modal-content .modal-body .arrows .arrow-down {
            bottom: 0px;
        }
        #product-modal .modal-content .modal-body .mask {
            max-height: 498px;
        }
    }
    @media (max-width: 543px) {
        #product-modal .modal-content .modal-body .arrows .arrow-down {
            bottom: 30px;
        }
        #product-modal .modal-dialog {
            max-width: 300px;
        }
        #product-modal .modal-content .modal-body figure {
            width: 100%;
        }
        #product-modal .modal-content .modal-body .thumbnails {
            width: 70px;
        }
        #product-modal .modal-content .modal-body .mask {
            max-height: 270px;
            margin: 18px 0;
        }
        #product-modal .modal-content .modal-body .arrows .arrow-up {
            top: -10px;
        }
    }
    #js-product-list .container {
        padding: 0 15px;
    }
    /*------------ Start subcategories--------------*/
    #subcategories {
        float: left;
        width: 100%;
        margin: 0 0 15px;
        border: none;
    }
    #subcategories .subcategories-list {
        float: left;
        width: 100%;
        overflow-x: auto;
        margin: 0;
        overflow-y: hidden;
        display: flex;
    }
    #subcategories .subcategories-list::-webkit-scrollbar {
        height: 5px;
    }
    #subcategories .subcategories-list::-webkit-scrollbar-track {
        background-color: #e4e4e4;
        border-radius: 100px;
    }
    #subcategories .subcategories-list::-webkit-scrollbar-thumb {
        background-color: #ccc;
        border-radius: 100px;
    }
    #subcategories .subcategory-heading {
        color: #333333;
        font-size: 14px;
        font-weight: 600;
        margin: 0 0 10px;
    }
    #subcategories ul li {
        margin: 5px 15px 5px 0;
        text-align: center;
        display: inline-block;
        vertical-align: top;
        float: none;
        flex: 0 0 auto;
    }
    #subcategories ul li .subcategory-image {
        padding: 0 0 8px 0;
    }
    #subcategories ul li .subcategory-image a {
        border: 1px solid #e5e5e5;
        display: block;
        overflow: hidden;
        padding: 5px;
    }
    #subcategories ul li .subcategory-image a img {
        max-width: 100%;
        vertical-align: top;
    }
    #subcategories ul li .subcategory-name {
        font: 500 13px/22px var(--secondary-font);
    }
    #subcategories ul li:hover .subcategory-name {
        color: #333333;
    }
    #subcategories ul li .subcategory-name:hover {
        color: #515151;
    }
    #subcategories ul li .cat_desc {
        display: none;
    }
    #subcategories ul li:hover .subcategory-image a {
        border: 1px solid var(--secondary-bg-color);
    }
    /*------------ End subcategories--------------*/
    /* ------------Start left column/Right column product css -----------*/

    #new-product .products ul {
        padding: 0;
    }

    #new-product {
        position: relative;
    }
    #left-column .clearfix,
    #right-column .clearfix {
        float: left;
        width: 100%;
    }
    #left-column .clearfix .products,
    #right-column .clearfix .products {
        float: left;
        width: 100%;
    }
    #left-column .products .product-miniature, #right-column .products .product-miniature {
        padding: 0;
        width: 100%;
        margin: 0;
        float: left;
        border: none;
    }
    #left-column .products .product-miniature .thumbnail-container,
    #right-column .products .product-miniature .thumbnail-container {
        padding: 15px 0;
        border: none;
        border-bottom: 1px solid #e5e5e5;
        margin: 0;
        float: left;
        width: 100%;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
    }
    #left-column .products .product-miniature:last-child .thumbnail-container,
    #right-column .products .product-miniature:last-child .thumbnail-container {
        border: none;
        padding-bottom: 0;
        margin: 0;
    }
    #left-column .products .product-miniature .thumbnail-container::before,
    #right-column .products .product-miniature .thumbnail-container::before {
        display:none;
    }
    #left-column .products .product-miniature:first-child .thumbnail-container,
    #right-column .products .product-miniature:first-child .thumbnail-container {
        margin: 0;
    }
    #left-column .products .product-miniature .thumbnail-container .ttproduct-image,
    #right-column .products .product-miniature .thumbnail-container .ttproduct-image {
        float: left;
        margin-right: 10px;
        border: none;
    }
    #left-column .products .product-miniature .thumbnail-container .quick-view-block,
    #right-column .products .product-miniature .thumbnail-container .quick-view-block {
        display: none;
    }
    #left-column .products .product-miniature .thumbnail-container .ttproducthover,
    #right-column .products .product-miniature .thumbnail-container .ttproducthover {
        display: none;
    }
    #left-column .products .product-thumbnail,
    #right-column .products .product-thumbnail {
        border: 1px solid #e5e5e5;
    }
    #left-column .products .product-miniature .thumbnail-container .ttproductcountdown,
    #right-column .products .product-miniature .thumbnail-container .ttproductcountdown {
        display: none;
    }
    #left-column .products .product-miniature .thumbnail-container .ttproduct-image .hook-reviews,
    #right-column .products .product-miniature .thumbnail-container .ttproduct-image .hook-reviews {
        display: none;
    }
    #left-column .products .product-miniature .thumbnail-container .ttproduct-image .product-flags,
    #right-column .products .product-miniature .thumbnail-container .ttproduct-image .product-flags {
        display: none;
    }
    #left-column .products .product-miniature .thumbnail-container .ttproduct-image a img,
    #right-column .products .product-miniature .thumbnail-container .ttproduct-image a img {
        height: 91px;
        width: 70px;
    }
    #left-column .products .product-miniature .thumbnail-container .ttproduct-desc .product-description,
    #right-column .products .product-miniature .thumbnail-container .ttproduct-desc .product-description {
        width: 100%;
        padding: 0;
        border:none;
    }
    #left-column .products .product-miniature .thumbnail-container .ttproduct-desc .product-description .product-price-and-shipping .discount-percentage,
    #right-column .products .product-miniature .thumbnail-container .ttproduct-desc .product-description .product-price-and-shipping .discount-percentage {
        position: static;
        vertical-align: middle;
    }
    #left-column .products .product-miniature .thumbnail-container .ttproduct-desc,
    #right-column .products .product-miniature .thumbnail-container .ttproduct-desc {
        overflow: hidden;
        padding:0;
    }
    #left-column .products .product-miniature .thumbnail-container .ttproduct-desc .product-description .product-title,
    #right-column .products .product-miniature .thumbnail-container .ttproduct-desc .product-description .product-title {
        margin: 0 0 5px;
        min-height: unset;
        text-align: left;
        padding: 0;
        border: none;
    }
    #left-column .products .product-miniature .thumbnail-container .ttproduct-desc .product-description .product-title a, #right-column .products .product-miniature .thumbnail-container .ttproduct-desc .product-description .product-title a {
        font-size: 13px;
        font-family: var(--secondary-font);
        white-space: normal;
        line-height: 18px;
        font-weight: 400;
        color: var(--primary-bg-color);
    }
    #left-column .products .product-miniature .thumbnail-container:hover .ttproduct-desc .product-description .product-title a,
    #right-column .products .product-miniature .thumbnail-container:hover .ttproduct-desc .product-description .product-title a {
        color: #111;
    }
    #left-column .products .product-miniature .thumbnail-container .ttproduct-desc .product-description .product-price-and-shipping,
    #right-column .products .product-miniature .thumbnail-container .ttproduct-desc .product-description .product-price-and-shipping {
        padding: 0;
        text-align: left;
        font-size: 14px;
        line-height: 18px;
        font-weight: 600;
        width: 100%;
        height: auto;
        transform: none;
        visibility: visible;
        opacity: 1;
    }
    #left-column .products .product-miniature .thumbnail-container .ttproduct-desc .product-description .regular-price,
    #right-column .products .product-miniature .thumbnail-container .ttproduct-desc .product-description .regular-price {
        font-size: 13px;
        line-height: 18px;
        font-family: var(--secondary-font);
    }
    #left-column .products .product-miniature .thumbnail-container .ttproduct-desc .product-description .discount-product,
    #right-column .products .product-miniature .thumbnail-container .ttproduct-desc .product-description .discount-product {
        font-size: 13px;
        line-height: 18px;
        font-family: var(--secondary-font);
        vertical-align: top;
    }
    #left-column .products .product-miniature .thumbnail-container .ttproduct-desc .product-description .product-price-and-shipping span.sr-only,
    #right-column .products .product-miniature .thumbnail-container .ttproduct-desc .product-description .product-price-and-shipping span.sr-only {
        display: none;
    }
    #left-column .all-product-link,
    #right-column .all-product-link,
    #left-column .all-product-link i,
    #right-column .all-product-link i {
        color: #333333;
        font-size: 13px;
        font-weight: 500;
        margin: 0;
    }
    #left-column .all-product-link:hover,
    #right-column .all-product-link:hover {
        color: #111111;
        text-decoration: underline;
    }
    #left-column .all-product-link:hover,
    #right-column .all-product-link:hover {
        color: #111111;
        text-decoration: underline;
    }
    #left-column .collapse,
    #right-column .collapse {
        display: block;
    }
    #left-column .category-sub-menu .collapse,
    #right-column .category-sub-menu .collapse {
        display: none;
    }
    #left-column .category-sub-menu .collapse.in,
    #right-column .category-sub-menu .collapse.in {
        display: block;
    }
    #left-column .contact-rich {
        padding: 15px;
        width: 100%;
        background: #fff;
    }
    @media (max-width: 991px) {
        #left-column .collapse,
        #right-column .collapse {
            display: none;
        }
        #left-column .collapse.in,
        #right-column .collapse.in {
            display: block;
        }
        #left-column .products-section-title.text-uppercase,
        #right-column .products-section-title.text-uppercase {
            display: none;
        }
        #left-column .title .float-xs-right .material-icons.remove,
        #right-column .title .float-xs-right .material-icons.remove {
            display: none;
        }
        #left-column > div,
        #right-column > div,
        #left-column > section,
        #right-column > section {
            cursor: pointer;
            margin: 0 0 15px;
        }
        #left-column .title[aria-expanded="true"] .float-xs-right .material-icons.add,
        #right-column .title[aria-expanded="true"] .float-xs-right .material-icons.add {
            display: none;
        }
        .toggle {
            float: left;
            width: 100%;
        }
        #left-column .title[aria-expanded="true"] .float-xs-right .material-icons.remove,
        #right-column .title[aria-expanded="true"] .float-xs-right .material-icons.remove {
            display: inline-block;
        }
        #products #js-product-list .up {
            display: none;
        }
        #left-column .text-uppercase,
        #right-column .text-uppercase {
            padding: 0;
            width: auto;
            margin: 0;
            border: none;
            line-height: 28px;
            background: none;
        }
        #left-column .ttleftbanner {
            margin: 0 0 15px;
        }
        #left-column .title .float-xs-right .navbar-toggler,
        #right-column .title .float-xs-right .navbar-toggler {
            padding: 0;
            border: none;
            vertical-align: top;
        }
        #left-column .title .float-xs-right .navbar-toggler i,
        #right-column .title .float-xs-right .navbar-toggler i {
            font-size: 17px;
            color: #333;
            line-height: 28px;
            height: 100%;
        }
        #left-column .text-uppercase::after,
        #right-column .text-uppercase::after {
            display: none;
        }
        #left-column .clearfix .products, 
        #right-column .clearfix .products {
            padding: 15px 0;
        }
    }
    /* ------------End left column/Right column product css -----------*/
    /*--------------Start ttLeft Banner--------------*/
    #right-column .ttleftbanner,
    #left-column .ttleftbanner {
        float: left;
        width: 100%;
        padding:10px;
        border: none;
    }
    #right-column .ttleftbanner img,
    #left-column  .ttleftbanner img {
        max-width: 100%;
    }
    @media (max-width: 991px) {
        #right-column .ttleftbanner, #left-column .ttleftbanner {
            width: auto !important;
        }
    }
    /*--------------End ttLeft Banner--------------*/

    #main ul {
        padding: 0;
    }
    .js-qv-mask ul {
        padding: 0;
    }
    .featured-products {
        float: left;
        margin: 0 0 30px;
        text-align: center;
        width: 100%;
    }
    .featured-products .products {
        float: left;
        background: #fff;
        padding: 30px 15px;
    }
    .custom-radio:hover {
        border-color: #111111;
    }
    .allproductlink {
        float: left;
        width: 100%;
        margin: 15px 0 0;
    }
    /*--------------------Header---------------------------*/
    @media (max-width: 991px) {
        .top-nav {
            display: block !important;
        }
    }
    .nav2 {
        float: left;
        width: 100%;
        background:var(--header-background-color);
        position:relative;
        border-bottom: 1px solid var(--border-color);
    }
    .nav2 .container {
        text-align: center;
    }
    #header .position-static {
        float: left;
        width: 100%;
    }
    #_desktop_cart {
        float: right;
        width: auto;
        padding: 30px 0;
        position: relative;
        margin-left:30px;
    }
    @media (max-width: 1299px) {
        #_desktop_cart {
            margin-left: 20px;
        }
    }
    @media (max-width: 1199px) {
        #_desktop_cart {
            padding: 20px 0;
        }
    }
    @media (max-width: 991px) {
        #_desktop_cart {
            display: none;
        }
        .nav2 {
            text-align:center;
        }
    }
    #footer {
        float: left;
        width: 100%;
        margin: 30px 0 0;
        background:var(--footer-bg-color);
    }
    .footer-top {
        float: left;
        width: 100%;
    }
    #index #footer {
        margin: 0;
    }
    .footer-container .links {
        margin: 50px 0;
    }
    .featured-products .all-product-link {
        float: right;
        font-size: 16px;
        margin: 0;
        width: auto;
        color: #333;
    }
    .featured-products .all-product-link:hover {
        text-decoration: underline;
        color: #111;
    }
    .featured-products .all-product-link span {
        font-weight: 500;
    }
    .language-selector-wrapper button, .currency-selector button {
        background: rgba(0,0,0,0) none repeat scroll 0 0;
        border: medium none;
        padding: 15px 0;
        padding-right: 15px;
    }
    .currency-selector button {
        padding-right: 0;
    }
    .block-contact .block {
        margin: 5px 0 0;
    }
    .block-contact .block .data .title {
        display: none;
    }
    .block-contact li.block a {
        line-height: 22px;
    }
    #delivery textarea {
        border: 1px solid #e5e5e5;
        float: left;
        margin: 0 0 10px;
        width: 100%;
    }
    /*--------------------- start Product Comaprasion Css ---------------------------*/

    #module-blockwishlist-mywishlist .page-content {
        padding: 0;
        border: none;
    }
    #module-ttproductwishlist-mywishlist th {
        text-align: left;
        font-weight: 500;
        color: #111;
    }
    #product_comparison .tt_empty.compare_extra_information {
        vertical-align: bottom;
    }
    #product_comparison .tt_empty.compare_extra_information > span {
        font-weight: bold;
    }
    table#product_comparison {
        border: 1px solid #e5e5e5;
        background: #fff;
        BOX-SHADOW: 1px 2px 3px 0px #e5e5e5;
    }
    table#product_comparison i.add_to_cart_icon {
        font-size: 18px;
        line-height: 16px;
        display: none;
    }
    table#product_comparison .btn-default i.add_to_cart_icon {
        display: inline-block;
    }
    table#product_comparison i.added {
        display: inline-block;
    }
    table#product_comparison th,
    table#product_comparison td {
        border-color: #eeeeee;
    }
    table#product_comparison tbody tr td.product-block {
        vertical-align: top;
        padding: 15px;
        text-align: center;
        float: unset;
        margin: 0;
    }
    table#product_comparison tbody tr td.product-block .product-title a {
        white-space: normal !important;
    }
    table#product_comparison tbody tr td.td_empty,
    table#product_comparison tbody tr td.feature-name,
    table#product_comparison tbody tr.comparison_header {
        background: #fff;
        color: #808080;
    }
    table#product_comparison tbody tr td.comparison_infos {
        text-align: center;
        background: transparent;
    }
    table#product_comparison tbody tr td.td_empty {
        vertical-align: bottom;
    }
    table#product_comparison tbody tr td.td_empty > span {
        color: #414141;
        font: 600 14px/22px var(--secondary-font);
    }
    table#product_comparison .remove {
        padding: 0 0 15px 0;
    }
    table#product_comparison .remove a {
        color: #666;
    }
    table#product_comparison .remove a:hover {
        color: #111;
    }
    table#product_comparison .remove a i {
        font-size: 20px;
    }
    table#product_comparison .thumbnail-container {
        display: inline-block;
        position: relative;
    }
    table#product_comparison .thumbnail-container .product-thumbnail {
        display: inline-block;
        margin: 0 0 10px;
        border:1px solid var(--border-color);
    }
    table#product_comparison .thumbnail-container .product-thumbnail img {
        max-width: 100%;
    }
    table#product_comparison .product-desc,
    table#product_comparison .highlighted-informations {
        padding: 0 0 10px 0;
        margin: 0;
    }
    table#product_comparison .product-rating {
        margin: 0 auto;
        overflow: hidden;
    }
    table#product_comparison .tt-button-container button.add-to-cart.btn {
        padding:7px 18px;
    }
    .footer_link {
        margin: 0 0 20px 0;
    }
    #tdcompare-modal .modal-dialog .modal-header .modal-msg {
        font-size: 16px;
        line-height: 20px;
        color: #111111;
    }
    #tdcompare-modal .modal-dialog .modal-footer {
        text-align: center;
    }
    #tdcompare-modal .modal-dialog .modal-footer button {
        margin: 0 5px;
    }
    #mywishlist .product-price-and-shipping {
    margin: 5px 0 10px;
    }
    @media (max-width: 991px) {
        table#product_comparison tbody tr td.td_empty span {
            font-size: 14px;
        }
        table#product_comparison tbody tr td.product-block {
            padding: 10px;
        }
    }
    @media (max-width: 767px) {
        #product_comparison table,
        #product_comparison thead,
        #product_comparison tbody,
        #product_comparison th,
        #product_comparison td,
        #product_comparison tr {
            display: block;
        }
        #product_comparison thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }
        #product_comparison tr {
            overflow: hidden;
        }
        #product_comparison tr:last-child {
            border-bottom: none;
        }
        #product_comparison tr:last-child td {
            border-bottom: none;
        }
        #product_comparison td {
            border: none;
            position: relative;
            white-space: normal;
            float: left;
            width: 33.33%;
        }
        #product_comparison td.feature-name {
            width: 100%;
            text-align: center;
            margin: 15px 0 0;
        }
        #product_comparison .tt_empty.compare_extra_information {
            border-bottom: 1px solid #e5e5e5;
            width: 100%;
        }
        #product_comparison td.td_empty {
            width: 100% !important;
            clear: both;
        }
        #product_comparison td:last-child {
            border-bottom: none;
        }
        #product_comparison .comparison_feature .feature-name {
            width: 100%;
            float: none;
            clear: both;
        }
    }
    @media (max-width: 543px) {
        #product_comparison td {
            float: none;
            text-align: center;
            width: 100%;
        }
        #product_comparison .comparison_feature td {
            float: left;
            width: 50%;
        }
        #product_comparison .comparison_feature .feature-name {
            width: 100%;
            clear: both;
        }
        #product_comparison .comparison_feature .product-name {
            width: 50%;
            float: left;
            display: block;
        }
    }
    /*--------------------- End Product Comaprasion Css ---------------------------*/
    /*--------------------- start Block cart Drop-Down Css ---------------------------*/
    .cart_block {
        background: #ffffff none repeat scroll 0 0;
        border: 1px solid var(--border-color);
        position: fixed;
        right: 0;
        top: 0;
        width: 420px;
        z-index: 2;
        bottom: 0;
        transition: all .5s ease-in-out 0s;
        -webkit-transition: all .5s ease-in-out 0s;
        -moz-transition: all .5s ease-in-out 0s;
        -o-transition: all .5s ease-in-out 0s;
        -ms-transition: all .5s ease-in-out 0s;
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -o-transform: translateX(100%);
        -ms-transform: translateX(100%);
        flex-direction: column;
        display: flex;        
    }
    .cart_block.active{
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
    }
    .blockcart .cart-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 0 30px;
        padding: 30px 30px 0 30px;
    }
    .no-item {
        float: left;
        width: 100%;
        text-align: center;
    }
    .no-item span {
        float: left;
        margin: 10px 0 0;
        width: 100%;
    }
    .blockcart .cart-header .cart-title {
        font: 500 20px/22px var(--primary-font);
        color: #111111;
    }
    .blockcart .cart-header .close {
        font-size: 22px;
        transition: all 0.5s ease-in-out 0ms;
        -webkit-transition: all 0.5s ease-in-out 0ms;
        -moz-transition: all 0.5s ease-in-out 0ms;
        -o-transition: all 0.5s ease-in-out 0ms;
        -ms-transition: all 0.5s ease-in-out 0ms;
    }
    .blockcart .cart-header .close:hover{
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
    }
    .cart_block .remove_link button {
        background: none;
        border: none;
    }
    .blockcart .search-btn {
        cursor: pointer;
        position: absolute;
        top: 50px;
        z-index: 1;
        color: #777;
    }
    .blockcart .search-btn:hover {
        color: #111;
    }
    .cart_block .cart_block_list {
        text-align: center;
        flex-direction: column;
        display: flex;
        float: left;
        width: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 100%;
        flex-grow: 1;
        scrollbar-width: thin;
        padding: 0 30px;
    }
    .cart_block .cart_block_list::-webkit-scrollbar {
        width: 5px
    }
    .cart_block .cart_block_list::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
    }
    .cart_block .cart_block_list::-webkit-scrollbar-thumb {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
    }
    .cart_block .cart-footer {
        background: #f7f7f7;
        box-shadow: 0 0 10px #82828233;
        -webkit-box-shadow: 0 0 10px #82828233;
        -moz-box-shadow: 0 0 10px #82828233;
        -ms-box-shadow: 0 0 10px #82828233;
        -o-box-shadow: 0 0 10px #82828233;
        padding: 20px;
    }    
    .blockcart .cart_block p {
        margin: 0;
        text-align:center;
    }
    .cart_block .products .cart_img {
        float: left;
        margin: 0 15px 0 0;
    }
    .cart_block .products .cart_img img{
        border: 1px solid var(--border-color);
    }
    .cart_block .products .cart-info {
        text-align: left;
        color: #111111;
        float: left;
        width: 58%;
    }
    .cart-info .productname > a {
        font-size: 14px;
        font-weight: 500;
        color: var(--primary-bg-color);
    }
    .cart_block_list .productname {
        margin: 0 0 4px;
        line-height: 17px;
    }
    .cart_block .products .cart-info .product-line-info {
        display: inline-block;
        float: none;
        margin: 0 5px 0 0;
    }
    .cart_block .products .cart-info .product-line-info .value {
    color: var(--body-text-color);
    font-size: 13px;
    }
    .cart_block .products {
        float: left;
        margin: 0 0 15px;
        width: 100%;
        position: relative;
    }
    .cart_block .products .cart-info .ttPrice {
        margin: 0 0 5px;
    }
    .cart_block .products .cart-info .ttPrice .price {
        font-weight: 500;
    }
    .cart_block .cart-buttons {
        float: left;
        margin: 15px 0 0;
        width: 100%;
        text-align: center;
    }
    .cart_block .cart-buttons .btn {
        float: left;
        width: 100%;
        height: 44px;
        line-height: 30px;        
    }
    .cart_block .cart-buttons .btn.btn-primary{
        margin: 0 0 10px;
    }
    .cart_block .cart-buttons .btn.btn-secondary {
        background: var(--secondary-bg-color);
    }
    .cart_block .cart-buttons .btn.btn-secondary:hover{
        background:#222;
    }
    .cart_block .products .remove_link {
        position: absolute;
        right: 0;
        top: 2px;
        margin: 0;
    }
    .cart_block .remove_link button i {
        transition: all 0.5s ease-in-out 0ms;
        -webkit-transition: all 0.5s ease-in-out 0ms;
        -moz-transition: all 0.5s ease-in-out 0ms;
        -o-transition: all 0.5s ease-in-out 0ms;
        -ms-transition: all 0.5s ease-in-out 0ms;    
        font-size: 16px;
    }
    .cart_block .remove_link button:hover i {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
    }    
    #mobile_menu .cart_block .products .remove_link i{
        padding:0 0 5px 5px;
    }
    .cart_block .cart-prices .amount.pull-right {
        float: right;
        font: 500 14px/16px var(--primary-font);
        color: #111;
    }
    .cart_block .cart-prices .total.pull-left {
        float: left;
        font: 500 14px/16px var(--primary-font);
        color: #111;
    }
    .cart_block .cart-prices {
        float: left;
        width: 100%;
        padding: 15px 0;
        border-top: 1px solid var(--border-color);
        border-bottom: 1px solid var(--border-color);
    }
    @media (max-width: 543px) {
        .cart_block {
            width: 310px;
            padding: 20px;
        }
        .blockcart .cart-header .cart-title {
        font-size: 16px;
        line-height: 20px;
        }
        .blockcart .cart-header {
            margin: 0 0 15px;
        }
    }
    /*--------------------- End Block cart Drop-Down Css ---------------------------*/
    /*---------------- Start Product page wishlist-Compare Css -------------------*/
    .product-actions .product-add-to-cart .add_to_compare {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        color: #666;
        padding: 0;
        width: auto;
        position: relative;
        border: none;
        padding: 0 10px 0 0;
        line-height: 15px;
        vertical-align: top;
        font-weight: 400;
    }
    .product-actions .product-add-to-cart .add_to_compare::after {
        display: none;
    }
    .product-actions .product-add-to-cart .add_to_compare i {
        margin: 0;
        font-size: 14px;
        float:left;
        margin-right: 8px;
    }
    .product-actions .product-add-to-cart .add_to_compare span.loading i {
        -webkit-animation: spin 2s infinite linear;
        animation: spin 2s infinite linear;
    }
    .product-actions .product-add-to-cart .add_to_compare.compare-loading i.compare_icon,
    .product-actions .product-add-to-cart .add_to_compare span.loading {
        display:none;
    }
    .product-actions .product-add-to-cart .add_to_compare.compare-loading span.loading,
    .product-actions .product-add-to-cart .add_to_compare i.compare_icon {
        display:block;
    }
    .product-actions .product-add-to-cart .add_to_compare span.loading {
        float: left;
        width: 14px;
        height: 14px;
        line-height: 14px;
        margin-right: 8px;
    }
    .product-actions .product-add-to-cart .add_to_compare span.compare-content {
        float: left;
        width: auto;
        line-height: 14px;
        margin-left: 8px;
    }
    .product-actions .product-add-to-cart .add_to_compare:hover,
    .product-actions .product-add-to-cart a.addToWishlist:hover{
        color: #111;
    }
    .product-actions .product-add-to-cart a.addToWishlist {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        color: #666;
        padding:0 10px 0 15px;
        width: auto;
        position: relative;
        border: none;
        line-height: 15px;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        outline: none;
        vertical-align: top;
        font-weight: 400;
    }
    .product-actions .product-add-to-cart a.addToWishlist i {
        margin: 0;
        font-size: 14px;
        float:left;
        margin-right: 8px;
    }
    .product-actions .product-add-to-cart .addToWishlist span.loading i {
        -webkit-animation: spin 2s infinite linear;
        animation: spin 2s infinite linear;
    }
    .product-actions .product-add-to-cart .addToWishlist.wishlist-loading > i,
    .product-actions .product-add-to-cart .addToWishlist span.loading {
        display:none;
    }
    .product-actions .product-add-to-cart .addToWishlist.wishlist-loading span.loading,
    .product-actions .product-add-to-cart .addToWishlist > i {
        display:block;
    }
    .product-actions .product-add-to-cart .addToWishlist.wishlist-loading span.loading {
        float: left;
        width: 14px;
        height: 14px;
        line-height: 14px;
        margin-right: 8px;
    }
    .product-actions .product-add-to-cart .addToWishlist span.wishlist-content {
        float: left;
        width: auto;
        line-height: 14px;
        margin-left: 8px;
    }
    .product-actions .product-add-to-cart a.addToWishlist::after {
        background: #e5e5e5 none repeat scroll 0 0;s
        content: "";
        height: 100%;
        left: 0;
        right: auto;
        position: absolute;
        top: 0;
        width: 1px;
        bottom: 0;
        margin: auto 0;
    }
    .product-actions .product-add-to-cart > a:hover {
        color: #111;
    }
    #mywishlist .products {
        float: left;
        width: 100%;
        background: #ffffff;
    }
    #mywishlist .products .row {
        margin: 0;
    }
    #mywishlist .products .product-description {
        border:none;
    }
    #mywishlist .products .product-description .product-title {
        margin: 0 0 5px;
    }
    #mywishlist .products .thumbnail-container::before {
        display:none;
    }
    #mywishlist .wishlistLinkTop #showSendWishlist {
        float: left;
        margin: 0 0 10px;
        width: 100%;
    }
    @-webkit-keyframes spin{
        0%{
            -webkit-transform:rotate(0deg);
            transform:rotate(0deg)
        }
        100%{
            -webkit-transform:rotate(359deg);
            transform:rotate(359deg)
        }
    }
    @keyframes spin{
        0%{
            -webkit-transform:rotate(0deg);
            transform:rotate(0deg)
        }
        100%{
            -webkit-transform:rotate(359deg);
            transform:rotate(359deg)
        }
    }
    @media (min-width: 1200px) {
        #mywishlist .products .product-miniature {
            width: 20%;
        }
    }
    @media (max-width: 543px) {
        .product-actions .product-add-to-cart a.addToWishlist,
        .product-actions .product-add-to-cart .add_to_compare {
            padding: 0;
            width: 100%;
        }
        .product-actions .product-add-to-cart .add_to_compare,
        .product-actions .product-add-to-cart a.addToWishlist {
            padding:0 0 8px;
        }
        .product-actions .product-add-to-cart a.addToWishlist::after {
            display: none;
        }
        .product-actions .product-add-to-cart .add_to_compare span:not(.loading),
        .product-actions .product-add-to-cart a.addToWishlist span.wishlist-name {
            float: left;
        }
    }
    /*---------------- End Product page wishlist-Compare Css -------------------*/
    #ttcompare-modal .close {
        line-height: 18px;
        margin: 0;
    }
    #ttcompare-modal .modal-msg .compare-msg {
        color: #111111;
        font-size: 14px;
        font-weight: 500;
    }

    /*---------------- End Product page wishlist-Compare Css -------------------*/
    /*---------------- Start Product Comment Block Css -------------------*/

    .star {
        display: inline-block;
        float: none;
        vertical-align: top;
        cursor: pointer;
        margin: 0 -2px;
        font-size: 16px;
    }
    .star a {
        display: none;
    }
    .star::after {
        content: "\E838";
        font-family: "Material Icons";
        color: #d9d9d9;
    }
    .star_on::after {
        content: "\E838";
        font-family: "Material Icons";
        color: #fbaf5d;
    }
    .star_hover::after {
        color: #fbaf5d;
        content: "\E838";
        font-family: "Material Icons";
    }
    #id_new_comment_form {
        background: #f8f8f8 none repeat scroll 0 0;
        float: left;
        padding: 15px;
        width: 100%;
    }
    #ttcomment-modal .modal-dialog {
        max-width: 700px;
    }
    #ttcomment-modal .modal-dialog .modal-header h2 {
        font-size: 16px;
        line-height: 20px;
        color: #111111;
        font-weight: 600;
    }
    #ttcomment-modal .modal-dialog .modal-body .product .product_desc {
        line-height: 18px;
        color: #808080;
    }
    #ttcomment-modal .modal-dialog .modal-body #criterions_list .cancel {
        display: none;
    }
    #ttcomment-modal .modal-dialog .modal-body .product .product_desc .product_name {
        padding: 10px 0 5px;
        color: #111111;
        margin: 0;
    }
    #ttcomment-modal .modal-dialog .modal-body .product .product_desc .product_name strong {
        font-weight: 500;
        color: var(--primary-bg-color);
    }
    #ttcomment-modal .modal-dialog .modal-body #criterions_list {
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 15px;
        margin-bottom: 15px;
        list-style-type: none;
        padding: 0;
    }
    #ttcomment-modal .modal-dialog .modal-body #criterions_list li {
        margin-bottom: 10px;
    }
    #ttcomment-modal .modal-dialog .modal-body #criterions_list label {
        float: left;
        margin: 0 10px 0 0;
        min-width: 100px;
        text-align: left;
    }
    #ttcomment-modal .modal-dialog .modal-body #criterions_list .star_content {
        float: left;
    }
    #ttcomment-modal .modal-dialog .modal-footer {
        text-align: center;
    }
    #ttcomment-modal .modal-dialog .modal-footer button {
        margin: 0 5px;
    }

    #ttcomment-modal .product img {
        max-width: 100%;
        border:1px solid var(--border-color);
    }
    #product-comment {
        float: left;
        width: 100%;
        margin: 0 0 30px;
    }
    #product_comments_block_tab {
        float:left;
        width:100%;
        background: #fff;
        padding: 30px;
            box-shadow: 1px 2px 3px 0 #e5e5e5;
        -webkit-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -moz-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -ms-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -o-box-shadow: 1px 2px 3px 0 #e5e5e5;
    }
    #product_comments_block_tab .ot-title {
        font-size: 22px;
        line-height: 22px;
        text-align: left;
        background: none;
        padding: 0;
        margin: 0 0 15px;
    }
    #product_comments_block_tab p.align_center {
        float:left;
        width:100%;
    }
    #product_comments_block_tab .comment {
        float: left;
        width: 100%;
        background: #fff;
        margin: 0 0 15px;
    }
    #product_comments_block_tab .comment:last-child {
        margin: 0;
    }
    #product_comments_block_tab .load-more {
        float: right;
        vertical-align: top;
        cursor: pointer;
        margin: 15px 0 0;
    }
    #product_comments_block_tab .load-more .btn-primary {
        display: inline-block;
    }
    #product_comments_block_tab .comment_author {
        float: left;
        width: 100%;
        padding: 0 0 10px;
        margin: 0 0 15px;
        border-bottom: 1px solid var(--border-color);
    }
    #product_comments_block_tab .comment_author .star_content.clearfix {
        float:left;
        width:auto;
        background:none;
        padding:0;
    }
    #product_comments_block_tab .comment_author .comment_author_infos {
        float: right;
        width: auto;
    }
    #product_comments_block_tab .comment_details {
        float: left;
        width: 100%;
    }
    #product_comments_block_tab .comment_details .title_block strong,
    #product_comments_block_tab .comment_author .comment_author_infos .author {
        font-weight: 700;
        color: #111;
        margin: 0 8px 0 0;
    }
    #product_comments_block_tab .comment_details p.content {
        margin: 0;
    }
    #product_comments_block_tab .comment_details p.title_block {
        margin: 0 0 10px;
    }
    #product_comments_block_tab .comment_helpful button {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        padding: 0;
        border: none;
        line-height: normal;
    }
    #product_comments_block_tab .comment_helpful .usefulness_btn.usefull::before {
        content: "\E8DC";
        font-family: "Material Icons";
        vertical-align: middle;
    }
    #product_comments_block_tab .comment_helpful .usefulness_btn.notusefull::before {
        content: "\E8DB";
        font-family: "Material Icons";
        vertical-align: middle;
    }
    #product_comments_block_tab .comment_helpful .usefulness_btn.usefull:hover {
        color: #008000;
    }
    #product_comments_block_tab .comment_helpful .usefulness_btn.notusefull:hover {
        color: #ff0000;
    }
    #product_comments_block_tab .report_btn {
        cursor: pointer;
        float: right;
    }
    #product_comments_block_tab .comment_helpful {
        float: left;
    }
    #product-comment .comment .comment_details > ul {
        float: left;
        margin: 0;
        width: 100%;
    }
    #product_comments_block_tab .report_btn:hover {
        text-decoration: underline;
        color: #111111;
    }
    #product-comment #new_comment_tab_btn {
        white-space: normal;
        height: 44px;
        line-height: 28px;        
    }
    .comments_advices i {
        font-size: 16px;
    }
    #product_comments_block_extra {
        float: left;
        width: 100%;
        padding: 18px 0;
        border-bottom: 1px solid var(--border-color);
        margin: 0 0 20px;
    }
    #product_comments_block_extra .comments_note {
        border-right: 1px solid #cccccc;
        float: left;
        padding: 0 10px 0 0;
    }
    #product_comments_block_extra .comments_advices {
        float: left;
        width: auto;
    }
    #product_comments_block_extra .comments_advices a {
        border-right: 1px solid #cccccc;
        float: left;
        width: auto;
        padding: 0 10px
    }
    #product_comments_block_extra .comments_advices a:last-child {
        border: medium none;
    }
    #new_comment_form_error.error {
        float: left;
        width: 100%;
    }
    #new_comment_form_error > ul {
        float: left;
        margin: 0;
        padding: 0;
    }
    #new_comment_form_error li {
        color: #a94442;
        font-size: 13px;
    }
    @media (max-width: 1299px) {
        #product_comments_block_extra .comments_advices a {
            padding: 0 5px 0 0;
        }
        #product_comments_block_extra .comments_advices a:last-child {
            padding: 0 5px;
        }
    }
    @media (max-width:991px) {
        #product_comments_block_tab {
            padding: 20px;
        }
    }   
    @media (max-width: 543px) {
        #product_comments_block_tab {
            padding: 15px;
        }
        .comments_advices .reviews {
            float: left;
            margin: 0 0 5px;
            width: 100%;
        }
        #product_comments_block_extra .comments_advices {
            width: 100%;
        }
        #product_comments_block_extra .comments_note {
            border-right: none;
            padding: 0;
            margin: 0 0 5px;
        }
        #product_comments_block_extra .comments_advices a {
            border-right: none;
            padding: 0;
        }
        #ttcomment-modal .modal-dialog {
            max-width: 300px;
        }
    }
    /*---------------- End Product Comment Block Css -------------------*/
    /* ------------------ Start Manufacture block --------------------- */
    #manufacturer .brand {
        border-bottom: 1px solid #e5e5e5;
        float: left;
        margin: 0 0 10px;
        width: 100%;
    }
    #manufacturer .brand:last-child {
        border: medium none;
    }
    #manufacturer .brand .brand-img {
        margin: 0 0 10px;
        padding: 0;
        width: auto;
    }
    #manufacturer .brand .brand-img img {
        border: 1px solid #e5e5e5;
        max-width: 100%;
    }
    #manufacturer .brand .brand-infos a {
        color: #111111;
        font-size: 14px;
        font-weight: 500;
    }
    #manufacturer .brand .brand-desc {
        float: left;
    }
    @media (max-width: 543px) {
        #manufacturer .brand {
            text-align: center;
        }
        #manufacturer .brand .brand-img {
            float: none;
            display: inline-block;
            vertical-align: top;
        }
        #manufacturer .brand .brand-desc {
            width: 100%;
            margin: 0 0 10px;
        }
    }
    /* ------------------ End Manufacture block --------------------- */
    /* ------------------ Start Forget-password block --------------------- */
    .ps-alert-error{
        margin-bottom:0
    }
    .ps-alert-error .item,.ps-alert-success .item{
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        border:2px solid #ff4c4c;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        background-color:#ff4c4c;
    }
    .ps-alert-error .item i,.ps-alert-success .item i{
        border:10px solid #ff4c4c;
        display:-webkit-box;
        display:-ms-flexbox;
        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;
        margin: 0;
        float: left;
        width: 100%;
    }
    .ps-alert-success .item {
    background-color: #4cbb6c;
    border-color: #4cbb6c;
    float: left;
    overflow: hidden;
    width: 100%;
    }
    .ps-alert-success .item i{
        border-color:#4cbb6c
    }
    .ps-alert-success .item i svg{
        background-color:#4cbb6c
    }
    @media (max-width: 543px) {
        .ps-alert-error .item p, .ps-alert-success .item p {
        float: left;
        font-size: 12px;
        padding: 10px 5px;
        width: 100%;
        }
    }
    /* ------------------ End Forget-password block --------------------- */

    #checkout-addresses-step .js-address-form .h4 {
        color: #111111;
        font-size: 16px;
        font-weight: 500;
    }
    .facet-dropdown.open > .dropdown-menu{
        display:block;
    }
    .facet-dropdown.dropdown{
        cursor: pointer;
        float: left;
        padding: 0;
        width: 100%;
    }
    .facet-dropdown .select-title{
        float:left;
        width:100%;
    }
    .facet .facet-dropdown .dropdown-menu{
        width:100%;
    }	
    .facet .facet-dropdown .dropdown-menu .select-list{
        float: left;
        padding: 3px 0;
        width: 100%;
    }
    .page-footer {
        margin: 5px 0;
        float: left;
        width: 100%;
    }
    .product-attachments .attachment a {
        font-size: 14px;
        font-weight: 500;
        color: #333;
    }
    .footer-container .block-contact li a::before {
        display: none;
    }
    .pb-right-column .product-prices,
    .quickview .product-prices {
        padding:0;
    }
    .pb-right-column .product-discount,
    .quickview .product-discount {
        display: inline-block;
        width: auto;
    }

    .product-flags li.out_of_stock {
        display: none;
    }
    #products .product-list .thumbnail-container .tt-button-container a,
    #products .product-sort .thumbnail-container .tt-button-container a {
        width: auto;
    }
    .products .owl-item.active,
    #smartblog-carousel .owl-item.active{
        animation: zoomIn 500ms ease;
    }
    @-webkit-keyframes zoomIn {
        from {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3); 
        }
    
        50% {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1; 
        } 
    }
    
    .zoomIn {
        -webkit-animation-name: zoomIn;
        animation-name: zoomIn; 
    }
    /*--------------- Start TT - Special --------------*/
    .ttspecial-products {
        margin: 0 0 40px;
    }
    .ttspecial-products,.ttspecial-products .products > .owl-stage-outer{
        padding:0;
    }
    .ttspecial-products .products .thumbnail-container::before{
        display:none;
    }
    .ttnew-products{
        margin: 0 0 40px;
    }
    .ttspecial-products .products,
    .ttnew-products .ttnew-content {
        float: left;
        background: #fff;
        padding: 30px 15px;
        box-shadow:	1px 2px 3px 0px #e5e5e5;
    }
    .ttspecial-products .products-inner .products-main {
        padding: 0;
    }
    .ttspecial-products .products-inner .special_img {
        text-align: center;
    }
    .ttspecial-products .products-inner {
        float: left;
        padding: 30px 15px;
        width: 100%;
        background: url(../img/offer-bg.jpg);
        display: flex;
        align-items: center;
    }
    .ttspecial-products .products-inner .products-main .ttproduct-desc {
        float: left;
        width: 100%;
        position: relative;
    }
    .ttspecial-products .products {
        box-shadow: unset;
        background: unset;
        padding: 0;
    }
    .ttspecial-products .products-inner .products-main .product-miniature {
        border: none;
    }
    .ttspecial-products .products-inner .owl-nav {
        top: -65px;
        right: -25px;
    }
    .ttspecial-products .products .thumbnail-container .ttproduct-image {
        padding: 0;
    }
    .ttspecial-products .products .thumbnail-container {
        background: #ffffff;
        padding: 15px;
    }
    @media (min-width: 992px) {
        .ttspecial-products .products .thumbnail-container{
            margin:0;
        }
    }

    @media (max-width: 1299px) {
    .ttspecial-products .products .product-miniature {
        padding: 0 10px;
    }
    .ttspecial-products .products-inner {
        padding: 20px 5px;
    }
    }
    @media (max-width: 1199px) {
        .offer-special {
            margin: 0 0 40px;
        }
    }
    @media (max-width: 991px) {
        .ttspecial-products {
            width:100%;
            float: left;
        }
        .ttnew-products .ttnew-content,
        .product-accessories .products,
        .crossselling-product .products,
        .category-products .products,
        .view-product .products,
        .ttfeatured-content{
            padding: 20px 5px;

        }
        .ttspecial-products .products-inner .owl-nav {
            top: -60px;
            right: -15px;
        }
    }
    @media (max-width: 767px) {
        .ttspecial-products .products .product-grid .thumbnail-container .ttproducthover > .btn-primary.quick-view,
        .ttspecial-products .products .product-grid .thumbnail-container .ttproducthover > .btn-primary.add_to_compare,
        .ttspecial-products .products .product-grid .thumbnail-container .ttproducthover > .btn-primary.addToWishlist{
            transform: unset;
            visibility: visible;
            opacity: 1;
        }
    }
    @media (max-width: 590px) {
        .ttspecial-products .products-inner .special_img {
            display: none;
        }
        .ttspecial-products .products-inner .products-main {
            width: 100%;
        }
    }
    @media (max-width: 543px) {
        .ttspecial-products .products-inner {
            padding: 15px 5px;
        }
        .ttspecial-content.products .thumbnail-container .ttproduct-image {
            width: 100%;
        }
        .ttspecial-content.products .thumbnail-container .ttproduct-desc {
            width: 100%;
        }
        .offer-special {
            margin: 0 0 30px;
        }
        .ttspecial-products {
            margin: 0 0 20px;
        }
        .ttnew-products .ttnew-content,
        .product-accessories .products,
        .crossselling-product .products,
        .category-products .products,
        .view-product .products{
            padding: 15px 0;
        }
    }
    #contact #content .alert.alert-success {
        margin: 0;
    }
    #contact #content .alert.alert-success ul {
        margin: 0;
    }
    .allproduct {
        display: none;
    }
    #checkout .blockreassurance_product {
        float: left;
        padding: 20px;
        width: 100%;
    }
    #checkout .blockreassurance_product .item-inner{
        padding: 0 0 10px;
    }
    #checkout .blockreassurance_product .item-inner:last-child{
        padding: 0;
    }
    .main-column {
        float:left;
        width:100%;
    }
    #product #tt-jqzoom .owl-nav {
        display: block;
        position: static;
    }
    #product #tt-jqzoom .owl-nav::after {
        display: none;
    }
    #product #tt-jqzoom .owl-nav button {
        border: none !important;
        background: none !important;
        height: 35px;
        width: 35px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    #product #tt-jqzoom .owl-nav button.owl-prev {
        left: -30px;
    }
    #product #tt-jqzoom .owl-nav button.owl-next {
        right: -30px;
    }
    #product #tt-jqzoom .owl-nav button i {
        height:35px;
        width: 35px;
        line-height: 35px;
    }
    #product #tt-jqzoom .owl-nav button:hover i,
    #product #tt-jqzoom .owl-nav button:focus i,
    #product #tt-jqzoom .owl-nav button:active i {
        color:#111;
    }
    @media (max-width: 767px) {
        .ttimage-zoom #zoom1 .js-qv-product-cover1 {
            display: none !important;
            height:100% !important;
            width:100% !important;
        }
    }
    input::-webkit-outer-spin-button, 
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }
    input::-moz-outer-spin-button, 
    input::-moz-inner-spin-button {
        -moz-appearance: none;
    }
    input[type="number"] {
        -moz-appearance: textfield;
    }
    .popover-content .cluetipblock > a{
        float:left;
        width:100%;
        cursor:pointer;
    }
    .wishlist_default .is_wish_list_default{
        margin:0;
    }
    .blockreassurance_product {
        float: left;
        width: 100%;
        background: #ffffff none repeat scroll 0 0;
        overflow: hidden;
        padding: 20px 0 0;
        box-shadow: 1px 2px 3px 0 #e5e5e5;
        -webkit-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -moz-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -ms-box-shadow: 1px 2px 3px 0 #e5e5e5;
        -o-box-shadow: 1px 2px 3px 0 #e5e5e5;
    }
    .blockreassurance_product > div {
        padding: 0 15px 0 0;
    }
    .blockreassurance_product .block-title {
        font: 500 14px/18px var(--primary-font);
        text-transform: uppercase;
        color: var(--primary-bg-color) !important;
    }
    .blockreassurance_product > div:last-child {
    border-bottom: none;
    }
    .blockreassurance_product > div p {
        margin: 0;
        color: #05b9ea;
        text-transform: uppercase;
        font: 500 14px/18px var(--primary-font);
    }
    .blockreassurance_product .item-product img, .blockreassurance_product .item-product svg {
        height: 50px;
        width: 50px;
    }
    #js-delivery .shipping-icon {
        float: left;
        width: auto;
        padding: 0;
    }
    .checkout-left .-unreachable {
        opacity: 0.6;
        -moz-opacity: 0.6; 
        -khtml-opacity: 0.6; 
        -webkit-opacity: 0.6;
    } 
    @media (max-width: 1199px) {
        .blockreassurance_product > div {
            padding: 0 15px 10px 0;
            width: 50%;
        }
        .blockreassurance_product > div:last-child{
            padding-bottom: 0;
        }
    }
    @media (max-width: 543px) {
        .blockreassurance_product > div {
            padding: 0 0 10px 0;
            width: 100%;
        }
    }
    /*-----------------Start Owl-button css-----------------*/
    .owl-carousel .owl-nav button {
        margin: auto;
        padding: 0;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
        height: 28px;
        width: 28px;
        border: none !important;
        background: transparent !important;
    }
    .owl-carousel .owl-nav button.disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }
    .owl-carousel .owl-nav button i {
        line-height: 28px;
        width: 28px;
        height: 28px;
        color: #7b818f;
        font-size: 26px;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    .owl-carousel .owl-nav::after {
        content: " ";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #7b818f;
        width: 1px;
        height: 12px;
    }
    .owl-carousel  .owl-nav {
        top: -42px;
        right: 0;
        position: absolute;
    }
    .owl-carousel .owl-nav button:hover i,
    .owl-carousel .owl-nav button:focus i,
    .owl-carousel .owl-nav button:active i {
        color: var(--primary-bg-color);
    }
    .owl-carousel .owl-nav button.disabled:hover,
    .owl-carousel .owl-nav button.disabled:focus,
    .owl-carousel .owl-nav button.disabled:active {
        background: none !important;
        border-color:var(--border-color) !important;
    }
    .owl-carousel .owl-nav button.disabled:hover i,
    .owl-carousel .owl-nav button.disabled:focus i,
    .owl-carousel .owl-nav button.disabled:active i {
        color: var(--primary-bg-color);
    }
    @media (max-width: 1499px) {
        .owl-carousel .owl-nav button.owl-prev {
            left:-15px;
        }
        .owl-carousel .owl-nav button.owl-next {
            right:-15px;
        }
    }

    /*-----------------End Owl-button css-----------------*/
    /*------------start Promo-code-------------*/
    #promo-code {
        padding: 0 25px;
        float: left;
        width: 100%;
        margin: 0 0 20px;
    }
    .block-promo .promo-code {
        padding: 20px;
        background: #f5f5f5;
        text-align: center;
        float: left;
        width: 100%;
    }
    .block-promo .promo-code .alert-danger {
        position: relative;
        margin:5px 0 0;
        color: white;
        display: none;
        border-radius: 25px;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        -khtml-border-radius: 25px;
    }
    .block-promo .promo-input {
        width: 75%;
        margin:0;
    }
    .block-promo .cart-summary-line {
        padding: 0 20px;
    }
    .block-promo .promo-input + button {
        margin-top: 0px;
    }
    .block-promo .cart-voucher .material-icons {
        font-size: 17px;
        height: 20px;
        width: auto;
        float: left;
        line-height: 20px;
    }
    .block-promo .cart-summary-line .label,
    .block-promo .promo-name {
        color: #ff9a52;
        font-weight: 600;
        padding:0;
    }
    .block-promo .card-block.promo-discounts {
        padding: 0;
    }
    .block-promo .cart-summary-line .label a,
    .block-promo .promo-name a {
        font-weight: normal;
        color: #414141;
        display: inline-block;
        vertical-align:top;
    }
    .promo-discounts {
        margin-bottom: 0;
    }
    .promo-discounts .cart-summary-line .label {
        color: #666666;
    }
    .promo-discounts .cart-summary-line .label .code {
        text-decoration: underline;
        cursor: pointer;
    }
    #checkout #js-checkout-summary.card {
        padding: 0 0 20px;
    }
    .card-block .cart-summary-products a {
        display: block;
    }
    .block-promo .cart-voucher .material-icons:hover {
        color: #111;
    }
    .block-promo.promo-highlighted {
        padding: 15px 20px 0;
        margin: 0;
        float: left;
        width: 100%;
    }
    .block-promo .promo-code-button a.collapse-button {
        padding: 0 0 0px 25px;
    }
    .cart-item .product-price {
    font-weight: 500 !important;
    }
    .collapse-button.promo-code-button.cancel-promo {
        padding: 0;
        font-weight: 500;
        margin: 15px 0 0;
        text-decoration: underline;
        float: left;
        width: 100%;
    }
    #promo-code a.cancel-promo:hover	{
        color: #111111;
        text-decoration: underline;
    }
    @media (max-width: 1199px) {
        .block-promo .promo-input	{
            width: 100%;
        }
        .collapse-button.promo-code-button.cancel-promo	{
            padding: 0 0 0 5px;
            width: 100%;
        }
        .block-promo .promo-input + button	{
            margin-top: 15px;
        }
    }
    @media (min-width: 399px) and (max-width: 991px){
        .block-promo .promo-input	{
            width: 250px;
        }
        .block-promo .promo-input + button	{
            margin: 0;
        }
    }
    /*------------end Promo-code-------------*/
    .tt-button-container .product-quantity {
        float: none;
        width: auto;
        display: inline-block;
        vertical-align:top;
        border: 3px solid #f5f5f5;
        border-radius: 5px; 
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        margin: 0 2px 0 0;
    }
    .tt-button-container .product-quantity.disabled {
        display:none;
    }
    .product-quantity .qty {
        float: left;
        width: auto;
        border-radius: 5px; 
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
    }
    #js-product-list .product-quantity .qty {
        width:100%;
        margin:0 0 10px;
    }
    .product-quantity .add {
        float: left;
        margin-left: 15px;
    }
    .product-quantity #quantity_wanted {
        color: #414141;
        background-color: #faf9f6;
        height: 40px;
        padding: 0.175rem 0.5rem;
        width: 3rem;
        text-align: center;
    }
    .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 {
        font-size: 1rem;
        top: 0.125rem;
        left: 0.1875rem;
    }
    .product-quantity .btn-touchspin {
        height:21px;
    }
    .product_page_product_id, .product_customization_id {
        display: none;
    }
    .quantity-nav {
        color: #666;
        border: none;
        cursor: pointer;
        width: 20px;
        height: 34px;
        line-height: 30px;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
        position: relative;
        z-index: 1;
        float: left;
        padding: 0;
    }
    .quantity-nav:hover {
        background: #e5e5e5;
    }
    #tab-gridview3 .quantity-nav {
        width:18px;
    }
    .tt-button-container .form-control.atc_qty {
        color: #666;
        height: 34px;
        width: 22px;
        text-align: center;
        border: none;
        -moz-appearance: textfield;
        float: none !important;
        display: inline-block;
        position: relative;
        z-index: 1;
        padding: 0;
    }
    #tab-gridview3 .tt-button-container .form-control.atc_qty {
        width:20px;
    }
    .products .thumbnail-container .tt-button-container .form-control.quantity-nav.btnplus,
    #product_comparison .thumbnail-container .tt-button-container .form-control.quantity-nav.btnplus {
        float: right;
    }
    .products .thumbnail-container div.tt-button-container .quantity-nav{
        font-size: 13px;
        color: #666;
        line-height: 12px;
        transition: all 400ms ease-in-out 0s;
        -webkit-transition: all 400ms ease-in-out 0s;
        -moz-transition: all 400ms ease-in-out 0s;
        -o-transition: all 400ms ease-in-out 0s;
        -ms-transition: all 400ms ease-in-out 0s;
    }
    .products .thumbnail-container .tt-button-container .btnminus::after, #product_comparison .btnminus::after {
        content: "\e15b";
        font-family: 'Material Icons';
    }
    .products .thumbnail-container .tt-button-container .btnplus::after, #product_comparison .btnplus::after {
        content: "\e145";
        font-family: 'Material Icons';
    }

    /*--------------------- Start Homepage Product Spinner --------------------*/
    .thumbnail-container .ttproduct-image .loader {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 100%;
        width: 100%;
        opacity: 0;
        -moz-opacity: 0; 
        -khtml-opacity: 0; 
        -webkit-opacity: 0;
        visibility:hidden;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .thumbnail-container .ttproduct-image > a .second-product img  {
        position: absolute;
        left: 0;
        right: 0;
        opacity: 0;
        -moz-opacity: 0; 
        -khtml-opacity: 0; 
        -webkit-opacity: 0;
        visibility:hidden;
        top: 0;
        bottom: 0;
        margin: auto;
        transition: all 500ms ease-in-out;
        -webkit-transition: all 500ms ease-in-out 0s;
        -moz-transition: all 500ms ease-in-out 0s;
        -o-transition: all 500ms ease-in-out 0s;
        -ms-transition: all 500ms ease-in-out 0s;
        height: auto;
    }
    .thumbnail-container .ttproduct-image .second-productimg img {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        opacity: 0;
        -moz-opacity: 0; 
        -khtml-opacity: 0; 
        -webkit-opacity: 0;
        visibility:hidden;
        transition: all 500ms ease-in-out;
        -webkit-transition: all 500ms ease-in-out 0s;
        -moz-transition: all 500ms ease-in-out 0s;
        -o-transition: all 500ms ease-in-out 0s;
        -ms-transition: all 500ms ease-in-out 0s;
    }
    .loader::before {
        content: '';
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border: 2px solid transparent;
        border-top-color: transparent;
        border-bottom-color: transparent;
        border-top-color:#000;
        border-bottom-color:#000;
        animation: spinner 1.5s ease-in-out infinite;
        float:none;
        display:inline-block;
        vertical-align:top;
    }
    @keyframes spinner {
        to {
            transform: rotate(360deg)
        }
    }
    .thumbnail-container.loading .ttproduct-image .loader {
        opacity: 1;
        -moz-opacity: 1; 
        -khtml-opacity: 1; 
        -webkit-opacity: 1;
        visibility:visible;
    }
    @media (max-width: 767px) {
        .loader::before {
            height:30px;
            width:30px;
        }
    }
    /*---------------------End Homepage Product Spinner --------------------*/
    /*-------------------- Start grid-list-sort -----------------*/
    .nav-link.grid_view, .nav-link.list_view, .nav-link.short_view {
        border: none;
        padding: 0;
    }
    .products-selection .grid_list {
        padding: 0;
    }
    .products-selection .grid_list .nav.nav-tabs{
        border: none;
    }
    .pb-right-column .product-prices,
    .quickview .product-prices{
        margin: 0 0 20px;
        border-bottom: 1px solid var(--border-color);
        float: left;
        width: 100%;
    }
    .delivery-information {
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }
    .product-add-to-cart .product-quantity {
        float: left;
        width: 100%;
        padding: 0 0 20px;
        border-bottom: 1px solid var(--border-color);
        margin: 0 0 20px;
    }
    .product-quantities {
        width: 100%;
        margin: 0 0 20px;
        float: left;
        padding: 0 0 20px;
        border-bottom: 1px solid var(--border-color);
    }
    .product-quantities .quantities-inner {
        float: left;
        width: 386px;
    }
    .product-add-to-cart .btn-content {
        float: left;
        width: 100%;
        padding: 0 0 20px;
        border-bottom: 1px solid var(--border-color);
    }
    /*---------------------- End grid-list-sort ------------------*/
    #tab-shortview .product-description {
        padding:0;
        text-align:left;
    }
    #tab-shortview .ttproducthover {
        float: right;
        position: static;
        opacity: 1;
        margin: 10px 0 0;
        padding: 0;
        width: 30%;
        text-align: center;
    }
    @media(max-width:1199px) {
        .nav-link.grid_view, .nav-link.list_view, .nav-link.short_view {
            margin-right: 6px;
        }
    }
    @media (max-width: 991px) {
        .product-quantities .quantities-inner {
            width: 260px;
        }
    }
    @media(max-width:767px) {
        #tab-shortview .ttproducthover {
            margin: 0;
            text-align: left;
            float: left;
            width: 100%;
        }
    }
    @media(max-width:700px) {
        #tab-shortview .product-description {
            width: 100%;
        }
        #tab-shortview .product-price-and-shipping {
            margin:0 0 10px;
        }
        #tab-shortview .ttproducthover{
            width: 100%;
        }
        #category #tab-shortview .tt-button-container .product-quantity{
            width: 40%;
            margin:0;
        }
    }
    @media(max-width:543px) {
        #category #tab-shortview .tt-button-container .product-quantity{
            width: 100%;
            margin:0 0 15px;
                float: none;
        }
    }
    @media(min-width:768px) {
        #tab-shortview .product-price-and-shipping {
            margin: 10px 0;
            text-align: center;
            width: 20%;
        }
        #tab-shortview .product-price-and-shipping span {
            float: left;
            margin: 0 0 5px;
            width: 100%;
        }
        #tab-shortview .product-price-and-shipping .discount-percentage {
            float: left;
            width: 100%;
        }
    }
    .tt-serviceslider {
        display: flex;
        align-items: center;
    }


    .product-description h3 {
        line-height: 1.6;
        color: #4b4f59;
    }
    .product-description p {
        line-height: 24px;
    }
    .product-description ul {
        list-style: unset;
        padding: 0 0 0 30px !important;
    }
    .product-description ul li {
        margin: 0 0 10px;
    }
    .product-description .video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .product-description .video-wrapper {
        position: relative;
        overflow: hidden;
        max-width: 100%;
        padding-bottom: 56.25%;
        height: 0;
        height: auto;
    }
    .product-description h4 {
        margin: 15px 0 8px;
        font-weight: 500;
        color: #4b4f59;
    }
    .product-description .desc {
        line-height: 1.7;
    }
    @media(max-width:767px) {
        .product-description h3 {
            font-size: 16px;
        }
        .product-description .banners .banner:first-child {
            margin: 0 0 15px;
        }
        .product-description .banners .banner {
            padding: 0;
        }
    }
    #footer-default {
        float: left;
        width: 100%;
    }


    .main-social-icon {
        position: fixed;
        left: 10px;
        z-index: 5;
        top: 0;
        margin: auto;
        bottom: 0;
        height: 220px;
    }
    .main-social-icon ul {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .main-social-icon .block-social {
        padding: 0;
        width: auto;
    }
    .main-social-icon .block-social ul li {
        display: block;
        margin: 2px 0;
        transition: all .4s ease-in-out 0s;
        -webkit-transition: all .4s ease-in-out 0s;
        -moz-transition: all .4s ease-in-out 0s;
        -o-transition: all .4s ease-in-out 0s;
        -ms-transition: all .4s ease-in-out 0s;
    }
    .main-social-icon .block-social ul li a {
        display: flex;
        align-items: center;
        background: var(--primary-bg-color);
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -khtml-border-radius: 8px;
        justify-content: right;
        padding: 0 10px 0 10px;
        height: 40px;
        overflow: hidden;
        box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
        -webkit-box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
        -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
        -ms-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
        -o-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
    }
    .main-social-icon .block-social ul li a::before {
        float: right;
        order: 2;
        height: 20px;
        background: var(--primary-text-color);
        width: 20px;
    }
    .main-social-icon .block-social ul li p {
        display: block;
        float: left;
        width: 0;
        transition: all 400ms ease-in-out;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        order: 1;
        margin: 0;
        opacity: 0;
        text-align: right;
        font: 500 11px/14px var(--secondary-font);
    }
    .main-social-icon .block-social ul li:hover p {
        width: 70px;
        padding: 0 10px 0 0;
        opacity: 1;
    }
    .main-social-icon .block-social ul li:hover a::before {
        background-color: #fff!important;
    }
    .main-social-icon .block-social ul li:hover p {
        color: #fff!important;
    }
    .main-social-icon .block-social ul li.facebook:hover a {
        background: #4c76be;
    }
    .main-social-icon .block-social ul li.twitter:hover a {
        background: #00c7ff;
    }
    .main-social-icon .block-social ul li.rss:hover a {
        background: #ee802f;
    }
    .main-social-icon .block-social ul li.youtube:hover a {
        background: #f61c0d;
    }
    .main-social-icon .block-social ul li.pinterest:hover a {
        background: #d32f2f;
    }
    .main-social-icon .block-social ul li.vimeo:hover a {
        background: #86c9ef;
    }
    .main-social-icon .block-social ul li.instagram:hover a {
        background: #8a3ab9;
    }
    .main-social-icon .block-social ul li.linkedin:hover a {
        background: #0077b5;
    }

    .sticky-link-icon {
        position: fixed;
        right: 10px;
        height: 176px;
        z-index: 5;
        display: flex;
        top: 0;
        align-items: center;
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        margin: auto;
        bottom: 0;
        transition: all 400ms ease-in-out;
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
    }
    .cart-active .sticky-link-icon {
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
    }
    .sticky-link-icon .sticky-link-inner {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .sticky-link-icon #_desktop_cart {
        padding: 0;
        margin: 0;
    }
    .sticky-link-icon .sticky-link-inner > div {
        display: block;
        margin: 2px 0;
        height: 40px;
        transition: all .4s ease-in-out 0s;
        -webkit-transition: all .4s ease-in-out 0s;
        -moz-transition: all .4s ease-in-out 0s;
        -o-transition: all .4s ease-in-out 0s;
        -ms-transition: all .4s ease-in-out 0s;
    }
    .sticky-link-icon #_desktop_cart .blockcart .header {
        background: none;
        display: flex;
        padding: 0;
        margin: 0;
        align-items: center;
    }
    .sticky-link-icon #_desktop_cart .blockcart .header .cart-products-count {
        display: none;
    }
    .sticky-link-icon .sticky-user .ttuser, .sticky-link-icon .compare .bt_compare, .sticky-link-icon .top-wishlist .wishtlist_top, .sticky-link-icon .sticky-cart .sticky-inner {
        padding: 0;
        background: var(--primary-bg-color);
        display: flex;
        align-items: center;
        float: left;
        overflow: hidden;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -khtml-border-radius: 8px;
        box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
        -webkit-box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
        -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
        -ms-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
        -o-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
    }
    .sticky-link-icon .sticky-user .ttuser:hover,
    .sticky-link-icon .compare .bt_compare:hover,
    .sticky-link-icon .top-wishlist .wishtlist_top:hover,
    .sticky-link-icon .sticky-cart .sticky-inner:hover{
        background: var(--secondary-bg-color);
    }
    .sticky-link-icon .sticky-user .ttuser a{
        display: flex;  
        align-items: center;
    }
    .sticky-link-icon .sticky-user .ttuser .user-title, .sticky-link-icon .compare .bt_compare .compare-title, .sticky-link-icon .top-wishlist .wishtlist_top .wishlist-title, .sticky-link-icon .sticky-cart .sticky-inner a {
        display: block;
        font:500 14px/16px var(--secondary-font);
        color: var(--primary-text-color);
        padding: 0;
        margin: 0;
        width: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: all .4s ease-in-out 0s;
        -webkit-transition: all .4s ease-in-out 0s;
        -moz-transition: all .4s ease-in-out 0s;
        -o-transition: all .4s ease-in-out 0s;
        -ms-transition: all .4s ease-in-out 0s;
    }

    .sticky-link-icon .sticky-user .ttuser:hover .user-title,
    .sticky-link-icon .compare .bt_compare:hover .compare-title,
    .sticky-link-icon .top-wishlist .wishtlist_top:hover .wishlist-title,
    .sticky-link-icon .sticky-cart .sticky-inner:hover a{
        width: 83px;
        margin: 0 10px 0 0;
    }
    .sticky-link-icon .sticky-user .ttuser:hover .user-title,
    .sticky-link-icon .compare .bt_compare:hover .compare-title,
    .sticky-link-icon .top-wishlist .wishtlist_top:hover .wishlist-title,
    .sticky-link-icon .sticky-cart .sticky-inner:hover a{
        color: var(--secondary-text-color);
    }
    .sticky-link-icon .sticky-user .ttuser:hover i, 
    .sticky-link-icon .compare .bt_compare:hover .compare_icon, 
    .sticky-link-icon .top-wishlist .wishtlist_top:hover i,
    .sticky-link-icon .sticky-cart .sticky-inner:hover i{
        color: var(--secondary-text-color);
    }
    .sticky-link-icon .top-wishlist .wishtlist_top .wishlist-number,
    .sticky-link-icon .compare .bt_compare .total-compare-val {
        color: var(--primary-text-color);
        font: 500 11px/14px var(--secondary-font);
        width: 0;
    }
    .sticky-link-icon .sticky-user .ttuser i,
    .sticky-link-icon .compare .bt_compare .compare_icon,
    .sticky-link-icon .top-wishlist .wishtlist_top i,
    .sticky-link-icon .sticky-cart i{
        font-size: 16px;
        color: var(--primary-text-color);
        height: 28px;
        line-height: 28px;
    }
    .sticky-link-icon .sticky-cart i {
        font-size: 20px;
    }
    .sticky-link-icon .sticky-user .ttuser i, .sticky-link-icon .compare .bt_compare .compare_icon, .sticky-link-icon .top-wishlist .wishtlist_top i, .sticky-link-icon .sticky-cart i {
        font-size: 20px;
        color: var(--primary-text-color);
        height: 40px;
        line-height: 40px;
        text-align: center;
        width: 40px;
        border-radius: 8px;
    }
    @media (max-width:767px) {
        .main-social-icon .block-social ul li a {
            padding: 0 8px 0 8px;
            height: 30px;
        }
        .main-social-icon,
    .sticky-link-icon{
        display: none;
    }
        .sticky-link-icon {
            height: 136px;
        }
        .main-social-icon .block-social ul li a::before {
            height: 15px;
            width: 15px;
        }
        .sticky-link-icon .sticky-user .ttuser i, .sticky-link-icon .compare .bt_compare .compare_icon, .sticky-link-icon .top-wishlist .wishtlist_top i, .sticky-link-icon .sticky-cart i {
            font-size: 16px;
            height: 30px;
            line-height: 30px;
            width: 30px;
        }
        .sticky-link-icon .sticky-user .ttuser .user-title, 
        .sticky-link-icon .compare .bt_compare .compare-title,
        .sticky-link-icon .top-wishlist .wishtlist_top .wishlist-title,
        .sticky-link-icon .sticky-cart .sticky-inner a {
            font-size: 12px;
            line-height: 14px;
        }
        .sticky-link-icon .sticky-link-inner > div {
            height: 30px;
        }
    }

    .payment-content .blockreassurance_product {
        box-shadow: unset;
    }


    .product-quantities .progress {
        background: #f5f5f5 none repeat scroll 0 0;
        border-radius: 25px;
        float: left;
        height: 10px;
        margin: 2px 0 0;
        width: 100%;
    }
    .product-quantities .progress-bar {
        background-color: #62ac01;
        border-radius: 25px;
        height: 10px;
        width: 0;
    }


    .boxed .page {
        max-width: 1600px;
        margin: auto;
        padding: 20px;
        background: #fff;
    }
    .boxed .content_wrap {
        background: var(--body-background-color);
    }
    @media (max-width: 991px) {
        .boxed .page {
            padding: 10px;
        }  
    }







    .bestseller-products {
        float: left;
        width: 100%;
        padding: 10px;
        background: #fff;
    }
    .bestseller-products .product-flags {
        display: none;
    }
    .bestseller-products .product-miniature {
        padding: 0;
        margin: 0;
        padding: 12px 0;
        border-bottom: 1px solid var(--border-color)!important;
    }
    .bestseller-products  .thumbnail-container .ttproduct-image {
        width: 30%;
        float: left;
    }
    .bestseller-products .ttproduct-desc {
        float: left;
        overflow: hidden;
        width: 70%;
        padding: 0 0 0 15px;
    }
    .bestseller-products .products-section-title {
        background: var(--primary-bg-color);
        color: var(--primary-text-color);
        font: 500 16px/18px var(--primary-font);
        text-transform: capitalize!important;
        float: left;
        padding: 15px;
        margin: 0;
        width: 100%;
    }
    .bestseller-products .owl-carousel  .owl-nav {
        top: -38px;
    }
    .bestseller-products .products {
        float: left;
    }
    .bestseller-products .products .bestseller .product-miniature:last-child {
        border: none!important;
    }
    .bestseller-products .owl-carousel .owl-nav button i {
        color: var(--primary-text-color);
    }
    .bestseller-products .owl-carousel .owl-nav::after {
        background: #fff;
    }
    .bestseller-products .owl-carousel .owl-nav button.disabled:hover i, .bestseller-products .owl-carousel .owl-nav button.disabled:focus i, .bestseller-products .owl-carousel .owl-nav button.disabled:active i {
        color: var(--primary-text-color);
    }
    .bestseller-products .product-miniature .product-title {
        min-height: auto;
        margin: 0 0 10px;
    }
    .top-home-content .top-home-content-inner {
        background: none!important;
    }
    .top-home-content .top-home-content-inner .tt-carousel-offer {
        float: right;
        padding: 0;
        width: 77.5%;
    }
    @media (max-width: 1199px) {
        .top-home-content .top-home-content-inner .tt-carousel-offer {
            width: 73%;
        }
    }
    @media (max-width: 991px) {
    .top-home-content .top-home-content-inner .tt-carousel-offer {
        width: 100%;
    }
    }


    .cms-aboutus1 {
        float: left;
        width: 100%;
        margin: 0 0 30px;
    }
    .about-page .cms-aboutus1 {
        display: flex;
        align-items: center;
    }
    .cms-aboutus1 .section-header {
        text-align: left;
        width: 80%;
        margin: 0;
    }
    .cms-aboutus1 .section-header .desc {
        line-height: 24px;
    }
    .about-page .cms-aboutus1 .section-header .tt-title {
        width: 100%;
        margin: 0 0 15px;
    }
    .cms-aboutus1 .section-header .about-icon {
        padding: 10px 0;
    }
    .cms-aboutus1 .section-header .about-icon .about-icon-cnt {
        display: flex;
        align-items: center;
        padding: 10px 0;
    }
    .about-icon-cnt span {
        font-size: 18px;
        margin: 0 5px 0 0;
    }
    .about-page .about-services {
        float: left;
        width: 100%;
        padding: 30px 0;
        margin: 0 0 30px;
    }
    .about-services .tt-service .service-img {
        float: left;
        width: 100%;
        margin: 0 0 15px;
        transition: all .4s ease-in-out 0s;
        -webkit-transition: all .4s ease-in-out 0s;
        -moz-transition: all .4s ease-in-out 0s;
        -o-transition: all .4s ease-in-out 0s;
        -ms-transition: all .4s ease-in-out 0s;
    }
    .about-services .tt-service .service-content .service-title {
        float: left;
        width: 100%;
        font: 500 20px/22px var(--primary-font);
        margin: 0 0 10px;
    }
    .about-services .tt-service .service-content .service-desc {
        float: none;
        display: inline-block;
        vertical-align: top;
        width: 70%;
        font: 400 13px/24px var(--primary-font); 
    }

    .about-page .section-header .tt-title{
        font: 600 20px/22px var(--primary-font);
        color: #111111;
        margin: 0;
    }
    .about-page .section-header {
        float: left;
        width: auto;
        margin: 0 0 15px;

    }
    .about-services .tt-service {
        float: left;
        width: 100%;
        text-align: center;
        padding: 0 15px;
    }
    .about-blog-content {
        float: left;
        width: 100%;
        margin: 20px 0 0;
    }
    .about-blog-content .about-blog-title {
        font: 500 18px/20px var(--primary-font);
        float: left;
        width: 100%;
        margin: 0 0 10px;
    }
    .about-blog-content .about-blog-desc {
        font: 400 13px/20px var(--primary-font);
        float: left;
        width: 100%;
    }
    @media (max-width:1199px) {
    .about-services .tt-service .service-content .service-desc {
        width: 100%;
    }
    }
    @media (max-width:991px) {
    .cms-aboutus1 .section-header .tt-title {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 10px;
    }
    .cms-aboutus1 .section-header .desc {
        font-size: 12px;
        line-height: 22px;
    }
    .about-services .tt-service .service-content .service-title {
        font-size: 16px;
        line-height: 18px;
    }
    .about-services .tt-service .service-content .service-desc {
        font-size: 12px;
        line-height: 22px;
    }
    .about-blog-content .about-blog-title {
        margin: 0 0 10px;
        font-size: 16px;
        line-height: 18px;
    }
    .about-blog-content .about-blog-desc {
        font-size: 12px;
        line-height: 18px;
    }
    }
    @media (max-width:767px) {
    .about-page .cms-aboutus1 .tt-about {
        width: 100%;
    }
    .about-page .cms-aboutus1 {
        display: block;
    }
    .page-cms #content-wrapper section#main .page-content, .page-sitemap #content-wrapper section#main .page-content {
        padding: 20px;
    }
    .about-page .cms-aboutus1 .tt-about .aboutus-img {
        margin: 0 0 15px;
    }
    }
    @media (max-width:543px) {
    .cms-aboutus1 .section-header .about-icon {
        padding: 0;
        width: 100%;
    }
    .about-page .cms-aboutus1 .section-header {
        margin: 0;
    }
    }
    #index #content-wrapper{
        padding: 0;
    }
    .tab-content > #tab-gridview2.active,.tab-content > #tab-gridview3.active,.tab-content > #tab-gridview.active{
        display: flex;
        flex-flow: wrap;
    }