@charset "UTF-8";
        @font-face {
            font-family: Roboto;
            font-style: normal;
            font-weight: 400;
            src: url(../fonts/roboto/roboto-v30-latin-regular.eot);
            src: local(''), url(../fonts/roboto/roboto-v30-latin-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/roboto/roboto-v30-latin-regular.woff2) format('woff2'), url(../fonts/roboto/roboto-v30-latin-regular.woff) format('woff'), url(../fonts/roboto/roboto-v30-latin-regular.ttf) format('truetype'), url(../fonts/roboto/roboto-v30-latin-regular.svg#Roboto) format('svg')
        }

        @font-face {
            font-family: Tajawal;
            font-style: normal;
            font-weight: 400;
            src: url(../fonts/tajawal/tajawal-v9-latin_arabic-regular.eot);
            src: url(../fonts/tajawal/tajawal-v9-latin_arabic-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/tajawal/tajawal-v9-latin_arabic-regular.woff2) format('woff2'), url(../fonts/tajawal/tajawal-v9-latin_arabic-regular.woff) format('woff'), url(../fonts/tajawal/tajawal-v9-latin_arabic-regular.ttf) format('truetype'), url(../fonts/tajawal/tajawal-v9-latin_arabic-regular.svg#Tajawal) format('svg')
        }

        @font-face {
            font-family: "YS Text Regular";
            src: url(../fonts/yst/23a02e8af5ef33a9b496dd524401550f.eot);
            src: url(../fonts/yst/23a02e8af5ef33a9b496dd524401550f.eot?#iefix) format("embedded-opentype"), url(../fonts/yst/23a02e8af5ef33a9b496dd524401550f.woff2) format("woff2"), url(../fonts/yst/23a02e8af5ef33a9b496dd524401550f.woff) format("woff"), url(../fonts/yst/23a02e8af5ef33a9b496dd524401550f.ttf) format("truetype"), url("../fonts/yst/23a02e8af5ef33a9b496dd524401550f.svg#YS Text Regular Regular") format("svg")
        }

        /*!
 * Bootstrap v3.3.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

        /*! normalize.css v3.0.2 | MIT License | git.io/normalize */

        hr,
        img {
            border: 0
        }

        body,
        figure {
            margin: 0
        }

        .btn-group>.btn-group,
        .btn-toolbar .btn-group,
        .btn-toolbar .input-group,
        .col-xs-1,
        .col-xs-10,
        .col-xs-11,
        .col-xs-12,
        .col-xs-2,
        .col-xs-3,
        .col-xs-4,
        .col-xs-5,
        .col-xs-6,
        .col-xs-7,
        .col-xs-8,
        .col-xs-9,
        .dropdown-menu {
            float: left
        }

        .navbar-fixed-bottom .navbar-collapse,
        .navbar-fixed-top .navbar-collapse,
        .pre-scrollable {
            max-height: 340px
        }

        html {
            font-family: sans-serif;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%
        }

        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        main,
        menu,
        nav,
        section,
        summary {
            display: block
        }

        audio,
        canvas,
        progress,
        video {
            display: inline-block;
            vertical-align: baseline
        }

        audio:not([controls]) {
            display: none;
            height: 0
        }

        [hidden],
        template {
            display: none
        }

        a {
            background-color: transparent
        }

        a:active,
        a:hover {
            outline: 0
        }

        b,
        optgroup,
        strong {
            font-weight: 700
        }

        dfn {
            font-style: italic
        }

        h1 {
            margin: .67em 0
        }

        mark {
            color: #000;
            background: #ff0
        }

        sub,
        sup {
            position: relative;
            font-size: 75%;
            line-height: 0;
            vertical-align: baseline
        }

        sup {
            top: -.5em
        }

        sub {
            bottom: -.25em
        }

        img {
            vertical-align: middle
        }

        svg:not(:root) {
            overflow: hidden
        }

        hr {
            height: 0;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box
        }

        *,
        :after,
        :before,
        input[type=checkbox],
        input[type=radio] {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box
        }

        pre,
        textarea {
            overflow: auto
        }

        code,
        kbd,
        pre,
        samp {
            font-size: 1em
        }

        button,
        input,
        optgroup,
        select,
        textarea {
            margin: 0;
            font: inherit;
            color: inherit
        }

        .glyphicon,
        address {
            font-style: normal
        }

        button {
            overflow: visible
        }

        button,
        select {
            text-transform: none
        }

        button,
        html input[type=button],
        input[type=reset],
        input[type=submit] {
            -webkit-appearance: button;
            cursor: pointer
        }

        button[disabled],
        html input[disabled] {
            cursor: default
        }

        button::-moz-focus-inner,
        input::-moz-focus-inner {
            padding: 0;
            border: 0
        }

        input[type=checkbox],
        input[type=radio] {
            box-sizing: border-box;
            padding: 0
        }

        input[type=number]::-webkit-inner-spin-button,
        input[type=number]::-webkit-outer-spin-button {
            height: auto
        }

        input[type=search]::-webkit-search-cancel-button,
        input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

        table {
            border-spacing: 0;
            border-collapse: collapse
        }

        td,
        th {
            padding: 0
        }

        /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

        @media print {
            blockquote,
            img,
            pre,
            tr {
                page-break-inside: avoid
            }
            *,
            :after,
            :before {
                color: #000 !important;
                text-shadow: none !important;
                background: 0 0 !important;
                -webkit-box-shadow: none !important;
                box-shadow: none !important
            }
            a,
            a:visited {
                text-decoration: underline
            }
            a[href]:after {
                content: " (" attr(href) ")"
            }
            abbr[title]:after {
                content: " (" attr(title) ")"
            }
            a[href^="#"]:after,
            a[href^="javascript:"]:after {
                content: ""
            }
            blockquote,
            pre {
                border: 1px solid #999
            }
            thead {
                display: table-header-group
            }
            img {
                max-width: 100% !important
            }
            h2,
            h3,
            p {
                orphans: 3;
                widows: 3
            }
            h2,
            h3 {
                page-break-after: avoid
            }
            select {
                background: #fff !important
            }
            .navbar {
                display: none
            }
            .btn>.caret,
            .dropup>.btn>.caret {
                border-top-color: #000 !important
            }
            .label {
                border: 1px solid #000
            }
            .table {
                border-collapse: collapse !important
            }
            .table td,
            .table th {
                background-color: #fff !important
            }
            .table-bordered td,
            .table-bordered th {
                border: 1px solid #ddd !important
            }
        }

        .dropdown-menu,
        .modal-content {
            -webkit-background-clip: padding-box
        }

        .btn,
        .btn-danger.active,
        .btn-danger:active,
        .btn-default.active,
        .btn-default:active,
        .btn-info.active,
        .btn-info:active,
        .btn-primary.active,
        .btn-primary:active,
        .btn-warning.active,
        .btn-warning:active,
        .btn.active,
        .btn:active,
        .dropdown-menu>.disabled>a:focus,
        .dropdown-menu>.disabled>a:hover,
        .form-control,
        .navbar-toggle,
        .open>.dropdown-toggle.btn-danger,
        .open>.dropdown-toggle.btn-default,
        .open>.dropdown-toggle.btn-info,
        .open>.dropdown-toggle.btn-primary,
        .open>.dropdown-toggle.btn-warning {
            background-image: none
        }

        .img-thumbnail,
        body {
            background-color: #fff
        }

        .glyphicon {
            position: relative;
            top: 1px;
            display: inline-block;
            font-family: 'Glyphicons Halflings';
            font-weight: 400;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        .glyphicon-asterisk:before {
            content: "\2a"
        }

        .glyphicon-plus:before {
            content: "\2b"
        }

        .glyphicon-eur:before,
        .glyphicon-euro:before {
            content: "\20ac"
        }

        .glyphicon-minus:before {
            content: "\2212"
        }

        .glyphicon-cloud:before {
            content: "\2601"
        }

        .glyphicon-envelope:before {
            content: "\2709"
        }

        .glyphicon-pencil:before {
            content: "\270f"
        }

        .glyphicon-glass:before {
            content: "\e001"
        }

        .glyphicon-music:before {
            content: "\e002"
        }

        .glyphicon-search:before {
            content: "\e003"
        }

        .glyphicon-heart:before {
            content: "\e005"
        }

        .glyphicon-star:before {
            content: "\e006"
        }

        .glyphicon-star-empty:before {
            content: "\e007"
        }

        .glyphicon-user:before {
            content: "\e008"
        }

        .glyphicon-film:before {
            content: "\e009"
        }

        .glyphicon-th-large:before {
            content: "\e010"
        }

        .glyphicon-th:before {
            content: "\e011"
        }

        .glyphicon-th-list:before {
            content: "\e012"
        }

        .glyphicon-ok:before {
            content: "\e013"
        }

        .glyphicon-remove:before {
            content: "\e014"
        }

        .glyphicon-zoom-in:before {
            content: "\e015"
        }

        .glyphicon-zoom-out:before {
            content: "\e016"
        }

        .glyphicon-off:before {
            content: "\e017"
        }

        .glyphicon-signal:before {
            content: "\e018"
        }

        .glyphicon-cog:before {
            content: "\e019"
        }

        .glyphicon-trash:before {
            content: "\e020"
        }

        .glyphicon-home:before {
            content: "\e021"
        }

        .glyphicon-file:before {
            content: "\e022"
        }

        .glyphicon-time:before {
            content: "\e023"
        }

        .glyphicon-road:before {
            content: "\e024"
        }

        .glyphicon-download-alt:before {
            content: "\e025"
        }

        .glyphicon-download:before {
            content: "\e026"
        }

        .glyphicon-upload:before {
            content: "\e027"
        }

        .glyphicon-inbox:before {
            content: "\e028"
        }

        .glyphicon-play-circle:before {
            content: "\e029"
        }

        .glyphicon-repeat:before {
            content: "\e030"
        }

        .glyphicon-refresh:before {
            content: "\e031"
        }

        .glyphicon-list-alt:before {
            content: "\e032"
        }

        .glyphicon-lock:before {
            content: "\e033"
        }

        .glyphicon-flag:before {
            content: "\e034"
        }

        .glyphicon-headphones:before {
            content: "\e035"
        }

        .glyphicon-volume-off:before {
            content: "\e036"
        }

        .glyphicon-volume-down:before {
            content: "\e037"
        }

        .glyphicon-volume-up:before {
            content: "\e038"
        }

        .glyphicon-qrcode:before {
            content: "\e039"
        }

        .glyphicon-barcode:before {
            content: "\e040"
        }

        .glyphicon-tag:before {
            content: "\e041"
        }

        .glyphicon-tags:before {
            content: "\e042"
        }

        .glyphicon-book:before {
            content: "\e043"
        }

        .glyphicon-bookmark:before {
            content: "\e044"
        }

        .glyphicon-print:before {
            content: "\e045"
        }

        .glyphicon-camera:before {
            content: "\e046"
        }

        .glyphicon-font:before {
            content: "\e047"
        }

        .glyphicon-bold:before {
            content: "\e048"
        }

        .glyphicon-italic:before {
            content: "\e049"
        }

        .glyphicon-text-height:before {
            content: "\e050"
        }

        .glyphicon-text-width:before {
            content: "\e051"
        }

        .glyphicon-align-left:before {
            content: "\e052"
        }

        .glyphicon-align-center:before {
            content: "\e053"
        }

        .glyphicon-align-right:before {
            content: "\e054"
        }

        .glyphicon-align-justify:before {
            content: "\e055"
        }

        .glyphicon-list:before {
            content: "\e056"
        }

        .glyphicon-indent-left:before {
            content: "\e057"
        }

        .glyphicon-indent-right:before {
            content: "\e058"
        }

        .glyphicon-facetime-video:before {
            content: "\e059"
        }

        .glyphicon-picture:before {
            content: "\e060"
        }

        .glyphicon-map-marker:before {
            content: "\e062"
        }

        .glyphicon-adjust:before {
            content: "\e063"
        }

        .glyphicon-tint:before {
            content: "\e064"
        }

        .glyphicon-edit:before {
            content: "\e065"
        }

        .glyphicon-share:before {
            content: "\e066"
        }

        .glyphicon-check:before {
            content: "\e067"
        }

        .glyphicon-move:before {
            content: "\e068"
        }

        .glyphicon-step-backward:before {
            content: "\e069"
        }

        .glyphicon-fast-backward:before {
            content: "\e070"
        }

        .glyphicon-backward:before {
            content: "\e071"
        }

        .glyphicon-play:before {
            content: "\e072"
        }

        .glyphicon-pause:before {
            content: "\e073"
        }

        .glyphicon-stop:before {
            content: "\e074"
        }

        .glyphicon-forward:before {
            content: "\e075"
        }

        .glyphicon-fast-forward:before {
            content: "\e076"
        }

        .glyphicon-step-forward:before {
            content: "\e077"
        }

        .glyphicon-eject:before {
            content: "\e078"
        }

        .glyphicon-chevron-left:before {
            content: "\e079"
        }

        .glyphicon-chevron-right:before {
            content: "\e080"
        }

        .glyphicon-plus-sign:before {
            content: "\e081"
        }

        .glyphicon-minus-sign:before {
            content: "\e082"
        }

        .glyphicon-remove-sign:before {
            content: "\e083"
        }

        .glyphicon-ok-sign:before {
            content: "\e084"
        }

        .glyphicon-question-sign:before {
            content: "\e085"
        }

        .glyphicon-info-sign:before {
            content: "\e086"
        }

        .glyphicon-screenshot:before {
            content: "\e087"
        }

        .glyphicon-remove-circle:before {
            content: "\e088"
        }

        .glyphicon-ok-circle:before {
            content: "\e089"
        }

        .glyphicon-ban-circle:before {
            content: "\e090"
        }

        .glyphicon-arrow-left:before {
            content: "\e091"
        }

        .glyphicon-arrow-right:before {
            content: "\e092"
        }

        .glyphicon-arrow-up:before {
            content: "\e093"
        }

        .glyphicon-arrow-down:before {
            content: "\e094"
        }

        .glyphicon-share-alt:before {
            content: "\e095"
        }

        .glyphicon-resize-full:before {
            content: "\e096"
        }

        .glyphicon-resize-small:before {
            content: "\e097"
        }

        .glyphicon-exclamation-sign:before {
            content: "\e101"
        }

        .glyphicon-gift:before {
            content: "\e102"
        }

        .glyphicon-leaf:before {
            content: "\e103"
        }

        .glyphicon-fire:before {
            content: "\e104"
        }

        .glyphicon-eye-open:before {
            content: "\e105"
        }

        .glyphicon-eye-close:before {
            content: "\e106"
        }

        .glyphicon-warning-sign:before {
            content: "\e107"
        }

        .glyphicon-plane:before {
            content: "\e108"
        }

        .glyphicon-calendar:before {
            content: "\e109"
        }

        .glyphicon-random:before {
            content: "\e110"
        }

        .glyphicon-comment:before {
            content: "\e111"
        }

        .glyphicon-magnet:before {
            content: "\e112"
        }

        .glyphicon-chevron-up:before {
            content: "\e113"
        }

        .glyphicon-chevron-down:before {
            content: "\e114"
        }

        .glyphicon-retweet:before {
            content: "\e115"
        }

        .glyphicon-shopping-cart:before {
            content: "\e116"
        }

        .glyphicon-folder-close:before {
            content: "\e117"
        }

        .glyphicon-folder-open:before {
            content: "\e118"
        }

        .glyphicon-resize-vertical:before {
            content: "\e119"
        }

        .glyphicon-resize-horizontal:before {
            content: "\e120"
        }

        .glyphicon-hdd:before {
            content: "\e121"
        }

        .glyphicon-bullhorn:before {
            content: "\e122"
        }

        .glyphicon-bell:before {
            content: "\e123"
        }

        .glyphicon-certificate:before {
            content: "\e124"
        }

        .glyphicon-thumbs-up:before {
            content: "\e125"
        }

        .glyphicon-thumbs-down:before {
            content: "\e126"
        }

        .glyphicon-hand-right:before {
            content: "\e127"
        }

        .glyphicon-hand-left:before {
            content: "\e128"
        }

        .glyphicon-hand-up:before {
            content: "\e129"
        }

        .glyphicon-hand-down:before {
            content: "\e130"
        }

        .glyphicon-circle-arrow-right:before {
            content: "\e131"
        }

        .glyphicon-circle-arrow-left:before {
            content: "\e132"
        }

        .glyphicon-circle-arrow-up:before {
            content: "\e133"
        }

        .glyphicon-circle-arrow-down:before {
            content: "\e134"
        }

        .glyphicon-globe:before {
            content: "\e135"
        }

        .glyphicon-wrench:before {
            content: "\e136"
        }

        .glyphicon-tasks:before {
            content: "\e137"
        }

        .glyphicon-filter:before {
            content: "\e138"
        }

        .glyphicon-briefcase:before {
            content: "\e139"
        }

        .glyphicon-fullscreen:before {
            content: "\e140"
        }

        .glyphicon-dashboard:before {
            content: "\e141"
        }

        .glyphicon-paperclip:before {
            content: "\e142"
        }

        .glyphicon-heart-empty:before {
            content: "\e143"
        }

        .glyphicon-link:before {
            content: "\e144"
        }

        .glyphicon-phone:before {
            content: "\e145"
        }

        .glyphicon-pushpin:before {
            content: "\e146"
        }

        .glyphicon-usd:before {
            content: "\e148"
        }

        .glyphicon-gbp:before {
            content: "\e149"
        }

        .glyphicon-sort:before {
            content: "\e150"
        }

        .glyphicon-sort-by-alphabet:before {
            content: "\e151"
        }

        .glyphicon-sort-by-alphabet-alt:before {
            content: "\e152"
        }

        .glyphicon-sort-by-order:before {
            content: "\e153"
        }

        .glyphicon-sort-by-order-alt:before {
            content: "\e154"
        }

        .glyphicon-sort-by-attributes:before {
            content: "\e155"
        }

        .glyphicon-sort-by-attributes-alt:before {
            content: "\e156"
        }

        .glyphicon-unchecked:before {
            content: "\e157"
        }

        .glyphicon-expand:before {
            content: "\e158"
        }

        .glyphicon-collapse-down:before {
            content: "\e159"
        }

        .glyphicon-collapse-up:before {
            content: "\e160"
        }

        .glyphicon-log-in:before {
            content: "\e161"
        }

        .glyphicon-flash:before {
            content: "\e162"
        }

        .glyphicon-log-out:before {
            content: "\e163"
        }

        .glyphicon-new-window:before {
            content: "\e164"
        }

        .glyphicon-record:before {
            content: "\e165"
        }

        .glyphicon-save:before {
            content: "\e166"
        }

        .glyphicon-open:before {
            content: "\e167"
        }

        .glyphicon-saved:before {
            content: "\e168"
        }

        .glyphicon-import:before {
            content: "\e169"
        }

        .glyphicon-export:before {
            content: "\e170"
        }

        .glyphicon-send:before {
            content: "\e171"
        }

        .glyphicon-floppy-disk:before {
            content: "\e172"
        }

        .glyphicon-floppy-saved:before {
            content: "\e173"
        }

        .glyphicon-floppy-remove:before {
            content: "\e174"
        }

        .glyphicon-floppy-save:before {
            content: "\e175"
        }

        .glyphicon-floppy-open:before {
            content: "\e176"
        }

        .glyphicon-credit-card:before {
            content: "\e177"
        }

        .glyphicon-transfer:before {
            content: "\e178"
        }

        .glyphicon-cutlery:before {
            content: "\e179"
        }

        .glyphicon-header:before {
            content: "\e180"
        }

        .glyphicon-compressed:before {
            content: "\e181"
        }

        .glyphicon-earphone:before {
            content: "\e182"
        }

        .glyphicon-phone-alt:before {
            content: "\e183"
        }

        .glyphicon-tower:before {
            content: "\e184"
        }

        .glyphicon-stats:before {
            content: "\e185"
        }

        .glyphicon-sd-video:before {
            content: "\e186"
        }

        .glyphicon-hd-video:before {
            content: "\e187"
        }

        .glyphicon-subtitles:before {
            content: "\e188"
        }

        .glyphicon-sound-stereo:before {
            content: "\e189"
        }

        .glyphicon-sound-dolby:before {
            content: "\e190"
        }

        .glyphicon-sound-5-1:before {
            content: "\e191"
        }

        .glyphicon-sound-6-1:before {
            content: "\e192"
        }

        .glyphicon-sound-7-1:before {
            content: "\e193"
        }

        .glyphicon-copyright-mark:before {
            content: "\e194"
        }

        .glyphicon-registration-mark:before {
            content: "\e195"
        }

        .glyphicon-cloud-download:before {
            content: "\e197"
        }

        .glyphicon-cloud-upload:before {
            content: "\e198"
        }

        .glyphicon-tree-conifer:before {
            content: "\e199"
        }

        .glyphicon-tree-deciduous:before {
            content: "\e200"
        }

        *,
        :after,
        :before {
            box-sizing: border-box
        }

        html {
            font-size: 10px;
            -webkit-tap-highlight-color: transparent
        }

        body {
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 14px;
            line-height: 1.42857143;
            color: #333
        }

        button,
        input,
        select,
        textarea {
            font-family: inherit;
            font-size: inherit;
            line-height: inherit
        }

        a {
            color: #428bca;
            text-decoration: none
        }

        a:focus,
        a:hover {
            color: #2a6496;
            text-decoration: underline
        }

        a:focus {
            outline: dotted thin;
            outline: -webkit-focus-ring-color auto 5px;
            outline-offset: -2px
        }

        .carousel-inner>.item>a>img,
        .carousel-inner>.item>img,
        .img-responsive,
        .thumbnail a>img,
        .thumbnail>img {
            display: block;
            max-width: 100%;
            height: auto
        }

        .img-rounded {
            border-radius: 6px
        }

        .img-thumbnail {
            display: inline-block;
            max-width: 100%;
            height: auto;
            padding: 4px;
            line-height: 1.42857143;
            border: 1px solid #ddd;
            border-radius: 4px;
            -webkit-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out
        }

        .img-circle {
            border-radius: 50%
        }

        hr {
            margin-top: 20px;
            margin-bottom: 20px;
            border-top: 1px solid #eee
        }

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

        .h1,
        .h2,
        .h3,
        .h4,
        .h5,
        .h6,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-family: inherit;
            font-weight: 500;
            line-height: 1.1;
            color: inherit
        }

        .h1 .small,
        .h1 small,
        .h2 .small,
        .h2 small,
        .h3 .small,
        .h3 small,
        .h4 .small,
        .h4 small,
        .h5 .small,
        .h5 small,
        .h6 .small,
        .h6 small,
        h1 .small,
        h1 small,
        h2 .small,
        h2 small,
        h3 .small,
        h3 small,
        h4 .small,
        h4 small,
        h5 .small,
        h5 small,
        h6 .small,
        h6 small {
            font-weight: 400;
            line-height: 1;
            color: #777
        }

        .h1,
        .h2,
        .h3,
        h1,
        h2,
        h3 {
            margin-top: 20px;
            margin-bottom: 10px
        }

        .h1 .small,
        .h1 small,
        .h2 .small,
        .h2 small,
        .h3 .small,
        .h3 small,
        h1 .small,
        h1 small,
        h2 .small,
        h2 small,
        h3 .small,
        h3 small {
            font-size: 65%
        }

        .h4,
        .h5,
        .h6,
        h4,
        h5,
        h6 {
            margin-top: 10px;
            margin-bottom: 10px
        }

        .h4 .small,
        .h4 small,
        .h5 .small,
        .h5 small,
        .h6 .small,
        .h6 small,
        h4 .small,
        h4 small,
        h5 .small,
        h5 small,
        h6 .small,
        h6 small {
            font-size: 75%
        }

        .h1,
        h1 {
            font-size: 36px
        }

        .h2,
        h2 {
            font-size: 30px
        }

        .h3,
        h3 {
            font-size: 24px
        }

        .h4,
        h4 {
            font-size: 18px
        }

        .h5,
        h5 {
            font-size: 14px
        }

        .h6,
        h6 {
            font-size: 12px
        }

        p {
            margin: 0 0 10px
        }

        .lead {
            margin-bottom: 20px;
            font-size: 16px;
            font-weight: 300;
            line-height: 1.4
        }

        dt,
        kbd kbd,
        label {
            font-weight: 700
        }

        address,
        blockquote .small,
        blockquote footer,
        blockquote small,
        dd,
        dt,
        pre {
            line-height: 1.42857143
        }

        @media (min-width:768px) {
            .lead {
                font-size: 21px
            }
        }

        .small,
        small {
            font-size: 85%
        }

        .mark,
        mark {
            padding: .2em;
            background-color: #fcf8e3
        }

        .list-inline,
        .list-unstyled {
            padding-left: 0;
            list-style: none
        }

        .text-left {
            text-align: left
        }

        .text-right {
            text-align: right
        }

        .text-center {
            text-align: center
        }

        .text-justify {
            text-align: justify
        }

        .text-nowrap {
            white-space: nowrap
        }

        .text-lowercase {
            text-transform: lowercase
        }

        .text-uppercase {
            text-transform: uppercase
        }

        .text-capitalize {
            text-transform: capitalize
        }

        .text-muted {
            color: #777
        }

        .text-primary {
            color: #428bca
        }

        a.text-primary:hover {
            color: #3071a9
        }

        .text-success {
            color: #3c763d
        }

        a.text-success:hover {
            color: #2b542c
        }

        .text-info {
            color: #31708f
        }

        a.text-info:hover {
            color: #245269
        }

        .text-warning {
            color: #8a6d3b
        }

        a.text-warning:hover {
            color: #66512c
        }

        .text-danger {
            color: #a94442
        }

        a.text-danger:hover {
            color: #843534
        }

        .bg-primary {
            color: #fff;
            background-color: #428bca
        }

        a.bg-primary:hover {
            background-color: #3071a9
        }

        .bg-success {
            background-color: #dff0d8
        }

        a.bg-success:hover {
            background-color: #c1e2b3
        }

        .bg-info {
            background-color: #d9edf7
        }

        a.bg-info:hover {
            background-color: #afd9ee
        }

        .bg-warning {
            background-color: #fcf8e3
        }

        a.bg-warning:hover {
            background-color: #f7ecb5
        }

        .bg-danger {
            background-color: #f2dede
        }

        a.bg-danger:hover {
            background-color: #e4b9b9
        }

        pre code,
        table {
            background-color: transparent
        }

        .page-header {
            padding-bottom: 9px;
            margin: 40px 0 20px;
            border-bottom: 1px solid #eee
        }

        dl,
        ol,
        ul {
            margin-top: 0
        }

        blockquote ol:last-child,
        blockquote p:last-child,
        blockquote ul:last-child,
        ol ol,
        ol ul,
        ul ol,
        ul ul {
            margin-bottom: 0
        }

        address,
        dl {
            margin-bottom: 20px
        }

        ol,
        ul {
            margin-bottom: 10px
        }

        .list-inline {
            margin-left: -5px
        }

        .list-inline>li {
            display: inline-block;
            padding-right: 5px;
            padding-left: 5px
        }

        dd {
            margin-left: 0
        }

        @media (min-width:768px) {
            .dl-horizontal dt {
                float: left;
                width: 160px;
                overflow: hidden;
                clear: left;
                text-align: right;
                text-overflow: ellipsis;
                white-space: nowrap
            }
            .dl-horizontal dd {
                margin-left: 180px
            }
            .container {
                width: 750px
            }
        }

        abbr[data-original-title],
        abbr[title] {
            cursor: help;
            border-bottom: 1px dotted #777
        }

        .initialism {
            font-size: 90%;
            text-transform: uppercase
        }

        blockquote {
            padding: 10px 20px;
            margin: 0 0 20px;
            font-size: 17.5px;
            border-left: 5px solid #eee
        }

        blockquote .small,
        blockquote footer,
        blockquote small {
            display: block;
            font-size: 80%;
            color: #777
        }

        legend,
        pre {
            display: block;
            color: #333
        }

        blockquote .small:before,
        blockquote footer:before,
        blockquote small:before {
            content: '\2014 \00A0'
        }

        .blockquote-reverse,
        blockquote.pull-right {
            padding-right: 15px;
            padding-left: 0;
            text-align: right;
            border-right: 5px solid #eee;
            border-left: 0
        }

        code,
        kbd {
            padding: 2px 4px;
            font-size: 90%
        }

        caption,
        th {
            text-align: left
        }

        .blockquote-reverse .small:before,
        .blockquote-reverse footer:before,
        .blockquote-reverse small:before,
        blockquote.pull-right .small:before,
        blockquote.pull-right footer:before,
        blockquote.pull-right small:before {
            content: ''
        }

        .blockquote-reverse .small:after,
        .blockquote-reverse footer:after,
        .blockquote-reverse small:after,
        blockquote.pull-right .small:after,
        blockquote.pull-right footer:after,
        blockquote.pull-right small:after {
            content: '\00A0 \2014'
        }

        code,
        kbd,
        pre,
        samp {
            font-family: Menlo, Monaco, Consolas, "Courier New", monospace
        }

        code {
            color: #c7254e;
            background-color: #f9f2f4;
            border-radius: 4px
        }

        kbd {
            color: #fff;
            background-color: #333;
            border-radius: 3px;
            -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
            box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)
        }

        kbd kbd {
            padding: 0;
            font-size: 100%;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        pre {
            padding: 9.5px;
            margin: 0 0 10px;
            font-size: 13px;
            word-break: break-all;
            word-wrap: break-word;
            background-color: #f5f5f5;
            border: 1px solid #ccc;
            border-radius: 4px
        }

        .container,
        .container-fluid {
            margin-right: auto;
            margin-left: auto
        }

        pre code {
            padding: 0;
            font-size: inherit;
            color: inherit;
            white-space: pre-wrap;
            border-radius: 0
        }

        .container,
        .container-fluid {
            padding-right: 15px;
            padding-left: 15px
        }

        .pre-scrollable {
            overflow-y: scroll
        }

        @media (min-width:992px) {
            .container {
                width: 970px
            }
        }

        @media (min-width:1200px) {
            .container {
                width: 1170px
            }
        }

        .row {
            margin-right: -15px;
            margin-left: -15px
        }

        .col-lg-1,
        .col-lg-10,
        .col-lg-11,
        .col-lg-12,
        .col-lg-2,
        .col-lg-3,
        .col-lg-4,
        .col-lg-5,
        .col-lg-6,
        .col-lg-7,
        .col-lg-8,
        .col-lg-9,
        .col-md-1,
        .col-md-10,
        .col-md-11,
        .col-md-12,
        .col-md-2,
        .col-md-3,
        .col-md-4,
        .col-md-5,
        .col-md-6,
        .col-md-7,
        .col-md-8,
        .col-md-9,
        .col-sm-1,
        .col-sm-10,
        .col-sm-11,
        .col-sm-12,
        .col-sm-2,
        .col-sm-3,
        .col-sm-4,
        .col-sm-5,
        .col-sm-6,
        .col-sm-7,
        .col-sm-8,
        .col-sm-9,
        .col-xs-1,
        .col-xs-10,
        .col-xs-11,
        .col-xs-12,
        .col-xs-2,
        .col-xs-3,
        .col-xs-4,
        .col-xs-5,
        .col-xs-6,
        .col-xs-7,
        .col-xs-8,
        .col-xs-9 {
            position: relative;
            min-height: 1px;
            padding-right: 15px;
            padding-left: 15px
        }

        .col-xs-12 {
            width: 100%
        }

        .col-xs-11 {
            width: 91.66666667%
        }

        .col-xs-10 {
            width: 83.33333333%
        }

        .col-xs-9 {
            width: 75%
        }

        .col-xs-8 {
            width: 66.66666667%
        }

        .col-xs-7 {
            width: 58.33333333%
        }

        .col-xs-6 {
            width: 50%
        }

        .col-xs-5 {
            width: 41.66666667%
        }

        .col-xs-4 {
            width: 33.33333333%
        }

        .col-xs-3 {
            width: 25%
        }

        .col-xs-2 {
            width: 16.66666667%
        }

        .col-xs-1 {
            width: 8.33333333%
        }

        .col-xs-pull-12 {
            right: 100%
        }

        .col-xs-pull-11 {
            right: 91.66666667%
        }

        .col-xs-pull-10 {
            right: 83.33333333%
        }

        .col-xs-pull-9 {
            right: 75%
        }

        .col-xs-pull-8 {
            right: 66.66666667%
        }

        .col-xs-pull-7 {
            right: 58.33333333%
        }

        .col-xs-pull-6 {
            right: 50%
        }

        .col-xs-pull-5 {
            right: 41.66666667%
        }

        .col-xs-pull-4 {
            right: 33.33333333%
        }

        .col-xs-pull-3 {
            right: 25%
        }

        .col-xs-pull-2 {
            right: 16.66666667%
        }

        .col-xs-pull-1 {
            right: 8.33333333%
        }

        .col-xs-pull-0 {
            right: auto
        }

        .col-xs-push-12 {
            left: 100%
        }

        .col-xs-push-11 {
            left: 91.66666667%
        }

        .col-xs-push-10 {
            left: 83.33333333%
        }

        .col-xs-push-9 {
            left: 75%
        }

        .col-xs-push-8 {
            left: 66.66666667%
        }

        .col-xs-push-7 {
            left: 58.33333333%
        }

        .col-xs-push-6 {
            left: 50%
        }

        .col-xs-push-5 {
            left: 41.66666667%
        }

        .col-xs-push-4 {
            left: 33.33333333%
        }

        .col-xs-push-3 {
            left: 25%
        }

        .col-xs-push-2 {
            left: 16.66666667%
        }

        .col-xs-push-1 {
            left: 8.33333333%
        }

        .col-xs-push-0 {
            left: auto
        }

        .col-xs-offset-12 {
            margin-left: 100%
        }

        .col-xs-offset-11 {
            margin-left: 91.66666667%
        }

        .col-xs-offset-10 {
            margin-left: 83.33333333%
        }

        .col-xs-offset-9 {
            margin-left: 75%
        }

        .col-xs-offset-8 {
            margin-left: 66.66666667%
        }

        .col-xs-offset-7 {
            margin-left: 58.33333333%
        }

        .col-xs-offset-6 {
            margin-left: 50%
        }

        .col-xs-offset-5 {
            margin-left: 41.66666667%
        }

        .col-xs-offset-4 {
            margin-left: 33.33333333%
        }

        .col-xs-offset-3 {
            margin-left: 25%
        }

        .col-xs-offset-2 {
            margin-left: 16.66666667%
        }

        .col-xs-offset-1 {
            margin-left: 8.33333333%
        }

        .col-xs-offset-0 {
            margin-left: 0
        }

        @media (min-width:768px) {
            .col-sm-1,
            .col-sm-10,
            .col-sm-11,
            .col-sm-12,
            .col-sm-2,
            .col-sm-3,
            .col-sm-4,
            .col-sm-5,
            .col-sm-6,
            .col-sm-7,
            .col-sm-8,
            .col-sm-9 {
                float: left
            }
            .col-sm-12 {
                width: 100%
            }
            .col-sm-11 {
                width: 91.66666667%
            }
            .col-sm-10 {
                width: 83.33333333%
            }
            .col-sm-9 {
                width: 75%
            }
            .col-sm-8 {
                width: 66.66666667%
            }
            .col-sm-7 {
                width: 58.33333333%
            }
            .col-sm-6 {
                width: 50%
            }
            .col-sm-5 {
                width: 41.66666667%
            }
            .col-sm-4 {
                width: 33.33333333%
            }
            .col-sm-3 {
                width: 25%
            }
            .col-sm-2 {
                width: 16.66666667%
            }
            .col-sm-1 {
                width: 8.33333333%
            }
            .col-sm-pull-12 {
                right: 100%
            }
            .col-sm-pull-11 {
                right: 91.66666667%
            }
            .col-sm-pull-10 {
                right: 83.33333333%
            }
            .col-sm-pull-9 {
                right: 75%
            }
            .col-sm-pull-8 {
                right: 66.66666667%
            }
            .col-sm-pull-7 {
                right: 58.33333333%
            }
            .col-sm-pull-6 {
                right: 50%
            }
            .col-sm-pull-5 {
                right: 41.66666667%
            }
            .col-sm-pull-4 {
                right: 33.33333333%
            }
            .col-sm-pull-3 {
                right: 25%
            }
            .col-sm-pull-2 {
                right: 16.66666667%
            }
            .col-sm-pull-1 {
                right: 8.33333333%
            }
            .col-sm-pull-0 {
                right: auto
            }
            .col-sm-push-12 {
                left: 100%
            }
            .col-sm-push-11 {
                left: 91.66666667%
            }
            .col-sm-push-10 {
                left: 83.33333333%
            }
            .col-sm-push-9 {
                left: 75%
            }
            .col-sm-push-8 {
                left: 66.66666667%
            }
            .col-sm-push-7 {
                left: 58.33333333%
            }
            .col-sm-push-6 {
                left: 50%
            }
            .col-sm-push-5 {
                left: 41.66666667%
            }
            .col-sm-push-4 {
                left: 33.33333333%
            }
            .col-sm-push-3 {
                left: 25%
            }
            .col-sm-push-2 {
                left: 16.66666667%
            }
            .col-sm-push-1 {
                left: 8.33333333%
            }
            .col-sm-push-0 {
                left: auto
            }
            .col-sm-offset-12 {
                margin-left: 100%
            }
            .col-sm-offset-11 {
                margin-left: 91.66666667%
            }
            .col-sm-offset-10 {
                margin-left: 83.33333333%
            }
            .col-sm-offset-9 {
                margin-left: 75%
            }
            .col-sm-offset-8 {
                margin-left: 66.66666667%
            }
            .col-sm-offset-7 {
                margin-left: 58.33333333%
            }
            .col-sm-offset-6 {
                margin-left: 50%
            }
            .col-sm-offset-5 {
                margin-left: 41.66666667%
            }
            .col-sm-offset-4 {
                margin-left: 33.33333333%
            }
            .col-sm-offset-3 {
                margin-left: 25%
            }
            .col-sm-offset-2 {
                margin-left: 16.66666667%
            }
            .col-sm-offset-1 {
                margin-left: 8.33333333%
            }
            .col-sm-offset-0 {
                margin-left: 0
            }
        }

        @media (min-width:992px) {
            .col-md-1,
            .col-md-10,
            .col-md-11,
            .col-md-12,
            .col-md-2,
            .col-md-3,
            .col-md-4,
            .col-md-5,
            .col-md-6,
            .col-md-7,
            .col-md-8,
            .col-md-9 {
                float: left
            }
            .col-md-12 {
                width: 100%
            }
            .col-md-11 {
                width: 91.66666667%
            }
            .col-md-10 {
                width: 83.33333333%
            }
            .col-md-9 {
                width: 75%
            }
            .col-md-8 {
                width: 66.66666667%
            }
            .col-md-7 {
                width: 58.33333333%
            }
            .col-md-6 {
                width: 50%
            }
            .col-md-5 {
                width: 41.66666667%
            }
            .col-md-4 {
                width: 33.33333333%
            }
            .col-md-3 {
                width: 25%
            }
            .col-md-2 {
                width: 16.66666667%
            }
            .col-md-1 {
                width: 8.33333333%
            }
            .col-md-pull-12 {
                right: 100%
            }
            .col-md-pull-11 {
                right: 91.66666667%
            }
            .col-md-pull-10 {
                right: 83.33333333%
            }
            .col-md-pull-9 {
                right: 75%
            }
            .col-md-pull-8 {
                right: 66.66666667%
            }
            .col-md-pull-7 {
                right: 58.33333333%
            }
            .col-md-pull-6 {
                right: 50%
            }
            .col-md-pull-5 {
                right: 41.66666667%
            }
            .col-md-pull-4 {
                right: 33.33333333%
            }
            .col-md-pull-3 {
                right: 25%
            }
            .col-md-pull-2 {
                right: 16.66666667%
            }
            .col-md-pull-1 {
                right: 8.33333333%
            }
            .col-md-pull-0 {
                right: auto
            }
            .col-md-push-12 {
                left: 100%
            }
            .col-md-push-11 {
                left: 91.66666667%
            }
            .col-md-push-10 {
                left: 83.33333333%
            }
            .col-md-push-9 {
                left: 75%
            }
            .col-md-push-8 {
                left: 66.66666667%
            }
            .col-md-push-7 {
                left: 58.33333333%
            }
            .col-md-push-6 {
                left: 50%
            }
            .col-md-push-5 {
                left: 41.66666667%
            }
            .col-md-push-4 {
                left: 33.33333333%
            }
            .col-md-push-3 {
                left: 25%
            }
            .col-md-push-2 {
                left: 16.66666667%
            }
            .col-md-push-1 {
                left: 8.33333333%
            }
            .col-md-push-0 {
                left: auto
            }
            .col-md-offset-12 {
                margin-left: 100%
            }
            .col-md-offset-11 {
                margin-left: 91.66666667%
            }
            .col-md-offset-10 {
                margin-left: 83.33333333%
            }
            .col-md-offset-9 {
                margin-left: 75%
            }
            .col-md-offset-8 {
                margin-left: 66.66666667%
            }
            .col-md-offset-7 {
                margin-left: 58.33333333%
            }
            .col-md-offset-6 {
                margin-left: 50%
            }
            .col-md-offset-5 {
                margin-left: 41.66666667%
            }
            .col-md-offset-4 {
                margin-left: 33.33333333%
            }
            .col-md-offset-3 {
                margin-left: 25%
            }
            .col-md-offset-2 {
                margin-left: 16.66666667%
            }
            .col-md-offset-1 {
                margin-left: 8.33333333%
            }
            .col-md-offset-0 {
                margin-left: 0
            }
        }

        @media (min-width:1200px) {
            .col-lg-1,
            .col-lg-10,
            .col-lg-11,
            .col-lg-12,
            .col-lg-2,
            .col-lg-3,
            .col-lg-4,
            .col-lg-5,
            .col-lg-6,
            .col-lg-7,
            .col-lg-8,
            .col-lg-9 {
                float: left
            }
            .col-lg-12 {
                width: 100%
            }
            .col-lg-11 {
                width: 91.66666667%
            }
            .col-lg-10 {
                width: 83.33333333%
            }
            .col-lg-9 {
                width: 75%
            }
            .col-lg-8 {
                width: 66.66666667%
            }
            .col-lg-7 {
                width: 58.33333333%
            }
            .col-lg-6 {
                width: 50%
            }
            .col-lg-5 {
                width: 41.66666667%
            }
            .col-lg-4 {
                width: 33.33333333%
            }
            .col-lg-3 {
                width: 25%
            }
            .col-lg-2 {
                width: 16.66666667%
            }
            .col-lg-1 {
                width: 8.33333333%
            }
            .col-lg-pull-12 {
                right: 100%
            }
            .col-lg-pull-11 {
                right: 91.66666667%
            }
            .col-lg-pull-10 {
                right: 83.33333333%
            }
            .col-lg-pull-9 {
                right: 75%
            }
            .col-lg-pull-8 {
                right: 66.66666667%
            }
            .col-lg-pull-7 {
                right: 58.33333333%
            }
            .col-lg-pull-6 {
                right: 50%
            }
            .col-lg-pull-5 {
                right: 41.66666667%
            }
            .col-lg-pull-4 {
                right: 33.33333333%
            }
            .col-lg-pull-3 {
                right: 25%
            }
            .col-lg-pull-2 {
                right: 16.66666667%
            }
            .col-lg-pull-1 {
                right: 8.33333333%
            }
            .col-lg-pull-0 {
                right: auto
            }
            .col-lg-push-12 {
                left: 100%
            }
            .col-lg-push-11 {
                left: 91.66666667%
            }
            .col-lg-push-10 {
                left: 83.33333333%
            }
            .col-lg-push-9 {
                left: 75%
            }
            .col-lg-push-8 {
                left: 66.66666667%
            }
            .col-lg-push-7 {
                left: 58.33333333%
            }
            .col-lg-push-6 {
                left: 50%
            }
            .col-lg-push-5 {
                left: 41.66666667%
            }
            .col-lg-push-4 {
                left: 33.33333333%
            }
            .col-lg-push-3 {
                left: 25%
            }
            .col-lg-push-2 {
                left: 16.66666667%
            }
            .col-lg-push-1 {
                left: 8.33333333%
            }
            .col-lg-push-0 {
                left: auto
            }
            .col-lg-offset-12 {
                margin-left: 100%
            }
            .col-lg-offset-11 {
                margin-left: 91.66666667%
            }
            .col-lg-offset-10 {
                margin-left: 83.33333333%
            }
            .col-lg-offset-9 {
                margin-left: 75%
            }
            .col-lg-offset-8 {
                margin-left: 66.66666667%
            }
            .col-lg-offset-7 {
                margin-left: 58.33333333%
            }
            .col-lg-offset-6 {
                margin-left: 50%
            }
            .col-lg-offset-5 {
                margin-left: 41.66666667%
            }
            .col-lg-offset-4 {
                margin-left: 33.33333333%
            }
            .col-lg-offset-3 {
                margin-left: 25%
            }
            .col-lg-offset-2 {
                margin-left: 16.66666667%
            }
            .col-lg-offset-1 {
                margin-left: 8.33333333%
            }
            .col-lg-offset-0 {
                margin-left: 0
            }
        }

        caption {
            padding-top: 8px;
            padding-bottom: 8px;
            color: #777
        }

        .table {
            width: 100%;
            max-width: 100%;
            margin-bottom: 20px
        }

        .table>tbody>tr>td,
        .table>tbody>tr>th,
        .table>tfoot>tr>td,
        .table>tfoot>tr>th,
        .table>thead>tr>td,
        .table>thead>tr>th {
            padding: 8px;
            line-height: 1.42857143;
            vertical-align: top;
            border-top: 1px solid #ddd
        }

        .table>thead>tr>th {
            vertical-align: bottom;
            border-bottom: 2px solid #ddd
        }

        .table>caption+thead>tr:first-child>td,
        .table>caption+thead>tr:first-child>th,
        .table>colgroup+thead>tr:first-child>td,
        .table>colgroup+thead>tr:first-child>th,
        .table>thead:first-child>tr:first-child>td,
        .table>thead:first-child>tr:first-child>th {
            border-top: 0
        }

        .table>tbody+tbody {
            border-top: 2px solid #ddd
        }

        .table .table {
            background-color: #fff
        }

        .table-condensed>tbody>tr>td,
        .table-condensed>tbody>tr>th,
        .table-condensed>tfoot>tr>td,
        .table-condensed>tfoot>tr>th,
        .table-condensed>thead>tr>td,
        .table-condensed>thead>tr>th {
            padding: 5px
        }

        .table-bordered,
        .table-bordered>tbody>tr>td,
        .table-bordered>tbody>tr>th,
        .table-bordered>tfoot>tr>td,
        .table-bordered>tfoot>tr>th,
        .table-bordered>thead>tr>td,
        .table-bordered>thead>tr>th {
            border: 1px solid #ddd
        }

        .table-bordered>thead>tr>td,
        .table-bordered>thead>tr>th {
            border-bottom-width: 2px
        }

        .table-striped>tbody>tr:nth-child(odd) {
            background-color: #f9f9f9
        }

        .table-hover>tbody>tr:hover,
        .table>tbody>tr.active>td,
        .table>tbody>tr.active>th,
        .table>tbody>tr>td.active,
        .table>tbody>tr>th.active,
        .table>tfoot>tr.active>td,
        .table>tfoot>tr.active>th,
        .table>tfoot>tr>td.active,
        .table>tfoot>tr>th.active,
        .table>thead>tr.active>td,
        .table>thead>tr.active>th,
        .table>thead>tr>td.active,
        .table>thead>tr>th.active {
            background-color: #f5f5f5
        }

        table col[class*=col-] {
            position: static;
            display: table-column;
            float: none
        }

        table td[class*=col-],
        table th[class*=col-] {
            position: static;
            display: table-cell;
            float: none
        }

        .table-hover>tbody>tr.active:hover>td,
        .table-hover>tbody>tr.active:hover>th,
        .table-hover>tbody>tr:hover>.active,
        .table-hover>tbody>tr>td.active:hover,
        .table-hover>tbody>tr>th.active:hover {
            background-color: #e8e8e8
        }

        .table>tbody>tr.success>td,
        .table>tbody>tr.success>th,
        .table>tbody>tr>td.success,
        .table>tbody>tr>th.success,
        .table>tfoot>tr.success>td,
        .table>tfoot>tr.success>th,
        .table>tfoot>tr>td.success,
        .table>tfoot>tr>th.success,
        .table>thead>tr.success>td,
        .table>thead>tr.success>th,
        .table>thead>tr>td.success,
        .table>thead>tr>th.success {
            background-color: #dff0d8
        }

        .table-hover>tbody>tr.success:hover>td,
        .table-hover>tbody>tr.success:hover>th,
        .table-hover>tbody>tr:hover>.success,
        .table-hover>tbody>tr>td.success:hover,
        .table-hover>tbody>tr>th.success:hover {
            background-color: #d0e9c6
        }

        .table>tbody>tr.info>td,
        .table>tbody>tr.info>th,
        .table>tbody>tr>td.info,
        .table>tbody>tr>th.info,
        .table>tfoot>tr.info>td,
        .table>tfoot>tr.info>th,
        .table>tfoot>tr>td.info,
        .table>tfoot>tr>th.info,
        .table>thead>tr.info>td,
        .table>thead>tr.info>th,
        .table>thead>tr>td.info,
        .table>thead>tr>th.info {
            background-color: #d9edf7
        }

        .table-hover>tbody>tr.info:hover>td,
        .table-hover>tbody>tr.info:hover>th,
        .table-hover>tbody>tr:hover>.info,
        .table-hover>tbody>tr>td.info:hover,
        .table-hover>tbody>tr>th.info:hover {
            background-color: #c4e3f3
        }

        .table>tbody>tr.warning>td,
        .table>tbody>tr.warning>th,
        .table>tbody>tr>td.warning,
        .table>tbody>tr>th.warning,
        .table>tfoot>tr.warning>td,
        .table>tfoot>tr.warning>th,
        .table>tfoot>tr>td.warning,
        .table>tfoot>tr>th.warning,
        .table>thead>tr.warning>td,
        .table>thead>tr.warning>th,
        .table>thead>tr>td.warning,
        .table>thead>tr>th.warning {
            background-color: #fcf8e3
        }

        .table-hover>tbody>tr.warning:hover>td,
        .table-hover>tbody>tr.warning:hover>th,
        .table-hover>tbody>tr:hover>.warning,
        .table-hover>tbody>tr>td.warning:hover,
        .table-hover>tbody>tr>th.warning:hover {
            background-color: #faf2cc
        }

        .table>tbody>tr.danger>td,
        .table>tbody>tr.danger>th,
        .table>tbody>tr>td.danger,
        .table>tbody>tr>th.danger,
        .table>tfoot>tr.danger>td,
        .table>tfoot>tr.danger>th,
        .table>tfoot>tr>td.danger,
        .table>tfoot>tr>th.danger,
        .table>thead>tr.danger>td,
        .table>thead>tr.danger>th,
        .table>thead>tr>td.danger,
        .table>thead>tr>th.danger {
            background-color: #f2dede
        }

        .table-hover>tbody>tr.danger:hover>td,
        .table-hover>tbody>tr.danger:hover>th,
        .table-hover>tbody>tr:hover>.danger,
        .table-hover>tbody>tr>td.danger:hover,
        .table-hover>tbody>tr>th.danger:hover {
            background-color: #ebcccc
        }

        .table-responsive {
            min-height: .01%;
            overflow-x: auto
        }

        @media screen and (max-width:767px) {
            .table-responsive {
                width: 100%;
                margin-bottom: 15px;
                overflow-y: hidden;
                -ms-overflow-style: -ms-autohiding-scrollbar;
                border: 1px solid #ddd
            }
            .table-responsive>.table {
                margin-bottom: 0
            }
            .table-responsive>.table>tbody>tr>td,
            .table-responsive>.table>tbody>tr>th,
            .table-responsive>.table>tfoot>tr>td,
            .table-responsive>.table>tfoot>tr>th,
            .table-responsive>.table>thead>tr>td,
            .table-responsive>.table>thead>tr>th {
                white-space: nowrap
            }
            .table-responsive>.table-bordered {
                border: 0
            }
            .table-responsive>.table-bordered>tbody>tr>td:first-child,
            .table-responsive>.table-bordered>tbody>tr>th:first-child,
            .table-responsive>.table-bordered>tfoot>tr>td:first-child,
            .table-responsive>.table-bordered>tfoot>tr>th:first-child,
            .table-responsive>.table-bordered>thead>tr>td:first-child,
            .table-responsive>.table-bordered>thead>tr>th:first-child {
                border-left: 0
            }
            .table-responsive>.table-bordered>tbody>tr>td:last-child,
            .table-responsive>.table-bordered>tbody>tr>th:last-child,
            .table-responsive>.table-bordered>tfoot>tr>td:last-child,
            .table-responsive>.table-bordered>tfoot>tr>th:last-child,
            .table-responsive>.table-bordered>thead>tr>td:last-child,
            .table-responsive>.table-bordered>thead>tr>th:last-child {
                border-right: 0
            }
            .table-responsive>.table-bordered>tbody>tr:last-child>td,
            .table-responsive>.table-bordered>tbody>tr:last-child>th,
            .table-responsive>.table-bordered>tfoot>tr:last-child>td,
            .table-responsive>.table-bordered>tfoot>tr:last-child>th {
                border-bottom: 0
            }
        }

        fieldset,
        legend {
            padding: 0;
            border: 0
        }

        fieldset {
            min-width: 0;
            margin: 0
        }

        legend {
            width: 100%;
            margin-bottom: 20px;
            font-size: 21px;
            line-height: inherit;
            border-bottom: 1px solid #e5e5e5
        }

        label {
            display: inline-block;
            max-width: 100%;
            margin-bottom: 5px
        }

        input[type=search] {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-appearance: none
        }

        input[type=checkbox],
        input[type=radio] {
            margin: 4px 0 0;
            line-height: normal
        }

        .form-control,
        output {
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
            display: block
        }

        input[type=file] {
            display: block
        }

        input[type=range] {
            display: block;
            width: 100%
        }

        select[multiple],
        select[size] {
            height: auto
        }

        input[type=checkbox]:focus,
        input[type=file]:focus,
        input[type=radio]:focus {
            outline: dotted thin;
            outline: -webkit-focus-ring-color auto 5px;
            outline-offset: -2px
        }

        output {
            padding-top: 7px
        }

        .form-control {
            width: 100%;
            height: 34px;
            padding: 6px 12px;
            background-color: #fff;
            border: 1px solid #ccc;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
        }

        .form-control:focus {
            border-color: #66afe9;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
        }

        .form-control::-moz-placeholder {
            color: #999;
            opacity: 1
        }

        .form-control:-ms-input-placeholder {
            color: #999
        }

        .form-control::-webkit-input-placeholder {
            color: #999
        }

        .has-success .checkbox,
        .has-success .checkbox-inline,
        .has-success .control-label,
        .has-success .form-control-feedback,
        .has-success .help-block,
        .has-success .radio,
        .has-success .radio-inline,
        .has-success.checkbox label,
        .has-success.checkbox-inline label,
        .has-success.radio label,
        .has-success.radio-inline label {
            color: #3c763d
        }

        .form-control[disabled],
        .form-control[readonly],
        fieldset[disabled] .form-control {
            cursor: not-allowed;
            background-color: #eee;
            opacity: 1
        }

        textarea.form-control {
            height: auto
        }

        input[type=date],
        input[type=datetime-local],
        input[type=month],
        input[type=time] {
            line-height: 34px
        }

        input[type=date].input-sm,
        input[type=datetime-local].input-sm,
        input[type=month].input-sm,
        input[type=time].input-sm {
            line-height: 30px
        }

        input[type=date].input-lg,
        input[type=datetime-local].input-lg,
        input[type=month].input-lg,
        input[type=time].input-lg {
            line-height: 46px
        }

        :root input[type=date],
        :root input[type=datetime-local],
        :root input[type=month],
        :root input[type=time],
        _:-ms-fullscreen {
            line-height: 1.42857143
        }

        :root input[type=date].input-sm,
        :root input[type=datetime-local].input-sm,
        :root input[type=month].input-sm,
        :root input[type=time].input-sm,
        _:-ms-fullscreen.input-sm {
            line-height: 1.5
        }

        :root input[type=date].input-lg,
        :root input[type=datetime-local].input-lg,
        :root input[type=month].input-lg,
        :root input[type=time].input-lg,
        _:-ms-fullscreen.input-lg {
            line-height: 1.33
        }

        .form-group {
            margin-bottom: 15px
        }

        .checkbox,
        .radio {
            position: relative;
            display: block;
            margin-top: 10px;
            margin-bottom: 10px
        }

        .checkbox label,
        .radio label {
            min-height: 20px;
            padding-left: 20px;
            margin-bottom: 0;
            font-weight: 400;
            cursor: pointer
        }

        .checkbox input[type=checkbox],
        .checkbox-inline input[type=checkbox],
        .radio input[type=radio],
        .radio-inline input[type=radio] {
            position: absolute;
            margin-left: -20px
        }

        .checkbox+.checkbox,
        .radio+.radio {
            margin-top: -5px
        }

        .checkbox-inline,
        .radio-inline {
            display: inline-block;
            padding-left: 20px;
            margin-bottom: 0;
            font-weight: 400;
            vertical-align: middle;
            cursor: pointer
        }

        .checkbox-inline+.checkbox-inline,
        .radio-inline+.radio-inline {
            margin-top: 0;
            margin-left: 10px
        }

        .checkbox-inline.disabled,
        .checkbox.disabled label,
        .radio-inline.disabled,
        .radio.disabled label,
        fieldset[disabled] .checkbox label,
        fieldset[disabled] .checkbox-inline,
        fieldset[disabled] .radio label,
        fieldset[disabled] .radio-inline,
        fieldset[disabled] input[type=checkbox],
        fieldset[disabled] input[type=radio],
        input[type=checkbox].disabled,
        input[type=checkbox][disabled],
        input[type=radio].disabled,
        input[type=radio][disabled] {
            cursor: not-allowed
        }

        .form-control-static {
            padding-top: 7px;
            padding-bottom: 7px;
            margin-bottom: 0
        }

        .form-control-static.input-lg,
        .form-control-static.input-sm {
            padding-right: 0;
            padding-left: 0
        }

        .form-group-sm .form-control,
        .input-sm {
            height: 30px;
            padding: 5px 10px;
            font-size: 12px;
            line-height: 1.5;
            border-radius: 3px
        }

        select.form-group-sm .form-control,
        select.input-sm {
            height: 30px;
            line-height: 30px
        }

        select[multiple].form-group-sm .form-control,
        select[multiple].input-sm,
        textarea.form-group-sm .form-control,
        textarea.input-sm {
            height: auto
        }

        .form-group-lg .form-control,
        .input-lg {
            height: 46px;
            padding: 10px 16px;
            font-size: 18px;
            line-height: 1.33;
            border-radius: 6px
        }

        select.form-group-lg .form-control,
        select.input-lg {
            height: 46px;
            line-height: 46px
        }

        select[multiple].form-group-lg .form-control,
        select[multiple].input-lg,
        textarea.form-group-lg .form-control,
        textarea.input-lg {
            height: auto
        }

        .has-feedback {
            position: relative
        }

        .has-feedback .form-control {
            padding-right: 42.5px
        }

        .form-control-feedback {
            position: absolute;
            top: 0;
            right: 0;
            z-index: 2;
            display: block;
            width: 34px;
            height: 34px;
            line-height: 34px;
            text-align: center;
            pointer-events: none
        }

        .collapsing,
        .dropdown {
            position: relative
        }

        .input-lg+.form-control-feedback {
            width: 46px;
            height: 46px;
            line-height: 46px
        }

        .input-sm+.form-control-feedback {
            width: 30px;
            height: 30px;
            line-height: 30px
        }

        .has-success .form-control {
            border-color: #3c763d;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
        }

        .has-success .form-control:focus {
            border-color: #2b542c;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
        }

        .has-success .input-group-addon {
            color: #3c763d;
            background-color: #dff0d8;
            border-color: #3c763d
        }

        .has-warning .checkbox,
        .has-warning .checkbox-inline,
        .has-warning .control-label,
        .has-warning .form-control-feedback,
        .has-warning .help-block,
        .has-warning .radio,
        .has-warning .radio-inline,
        .has-warning.checkbox label,
        .has-warning.checkbox-inline label,
        .has-warning.radio label,
        .has-warning.radio-inline label {
            color: #8a6d3b
        }

        .has-warning .form-control {
            border-color: #8a6d3b;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
        }

        .has-warning .form-control:focus {
            border-color: #66512c;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
        }

        .has-warning .input-group-addon {
            color: #8a6d3b;
            background-color: #fcf8e3;
            border-color: #8a6d3b
        }

        .has-error .checkbox,
        .has-error .checkbox-inline,
        .has-error .control-label,
        .has-error .form-control-feedback,
        .has-error .help-block,
        .has-error .radio,
        .has-error .radio-inline,
        .has-error.checkbox label,
        .has-error.checkbox-inline label,
        .has-error.radio label,
        .has-error.radio-inline label {
            color: #a94442
        }

        .has-error .form-control {
            border-color: #a94442;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
        }

        .has-error .form-control:focus {
            border-color: #843534;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
        }

        .has-error .input-group-addon {
            color: #a94442;
            background-color: #f2dede;
            border-color: #a94442
        }

        .has-feedback label~.form-control-feedback {
            top: 25px
        }

        .has-feedback label.sr-only~.form-control-feedback {
            top: 0
        }

        .help-block {
            display: block;
            margin-top: 5px;
            margin-bottom: 10px;
            color: #737373
        }

        @media (min-width:768px) {
            .form-inline .form-control-static,
            .form-inline .form-group {
                display: inline-block
            }
            .form-inline .control-label,
            .form-inline .form-group {
                margin-bottom: 0;
                vertical-align: middle
            }
            .form-inline .form-control {
                display: inline-block;
                width: auto;
                vertical-align: middle
            }
            .form-inline .input-group {
                display: inline-table;
                vertical-align: middle
            }
            .form-inline .input-group .form-control,
            .form-inline .input-group .input-group-addon,
            .form-inline .input-group .input-group-btn {
                width: auto
            }
            .form-inline .input-group>.form-control {
                width: 100%
            }
            .form-inline .checkbox,
            .form-inline .radio {
                display: inline-block;
                margin-top: 0;
                margin-bottom: 0;
                vertical-align: middle
            }
            .form-inline .checkbox label,
            .form-inline .radio label {
                padding-left: 0
            }
            .form-inline .checkbox input[type=checkbox],
            .form-inline .radio input[type=radio] {
                position: relative;
                margin-left: 0
            }
            .form-inline .has-feedback .form-control-feedback {
                top: 0
            }
            .form-horizontal .control-label {
                padding-top: 7px;
                margin-bottom: 0;
                text-align: right
            }
        }

        .form-horizontal .checkbox,
        .form-horizontal .checkbox-inline,
        .form-horizontal .radio,
        .form-horizontal .radio-inline {
            padding-top: 7px;
            margin-top: 0;
            margin-bottom: 0
        }

        .form-horizontal .checkbox,
        .form-horizontal .radio {
            min-height: 27px
        }

        .form-horizontal .form-group {
            margin-right: -15px;
            margin-left: -15px
        }

        .form-horizontal .has-feedback .form-control-feedback {
            right: 15px
        }

        @media (min-width:768px) {
            .form-horizontal .form-group-lg .control-label {
                padding-top: 14.3px
            }
            .form-horizontal .form-group-sm .control-label {
                padding-top: 6px
            }
        }

        .btn {
            display: inline-block;
            padding: 6px 12px;
            margin-bottom: 0;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.42857143;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            border: 1px solid transparent;
            border-radius: 4px
        }

        .btn.active.focus,
        .btn.active:focus,
        .btn.focus,
        .btn:active.focus,
        .btn:active:focus,
        .btn:focus {
            outline: dotted thin;
            outline: -webkit-focus-ring-color auto 5px;
            outline-offset: -2px
        }

        .btn.focus,
        .btn:focus,
        .btn:hover {
            color: #333;
            text-decoration: none
        }

        .btn.active,
        .btn:active {
            outline: 0;
            -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
        }

        .btn.disabled,
        .btn[disabled],
        fieldset[disabled] .btn {
            pointer-events: none;
            cursor: not-allowed;
            -webkit-box-shadow: none;
            box-shadow: none;
            opacity: .65
        }

        .btn-default {
            color: #333;
            background-color: #fff;
            border-color: #ccc
        }

        .btn-default.active,
        .btn-default.focus,
        .btn-default:active,
        .btn-default:focus,
        .btn-default:hover,
        .open>.dropdown-toggle.btn-default {
            color: #333;
            background-color: #e6e6e6;
            border-color: #adadad
        }

        .btn-default.disabled,
        .btn-default.disabled.active,
        .btn-default.disabled.focus,
        .btn-default.disabled:active,
        .btn-default.disabled:focus,
        .btn-default.disabled:hover,
        .btn-default[disabled],
        .btn-default[disabled].active,
        .btn-default[disabled].focus,
        .btn-default[disabled]:active,
        .btn-default[disabled]:focus,
        .btn-default[disabled]:hover,
        fieldset[disabled] .btn-default,
        fieldset[disabled] .btn-default.active,
        fieldset[disabled] .btn-default.focus,
        fieldset[disabled] .btn-default:active,
        fieldset[disabled] .btn-default:focus,
        fieldset[disabled] .btn-default:hover {
            background-color: #fff;
            border-color: #ccc
        }

        .btn-default .badge {
            color: #fff;
            background-color: #333
        }

        .btn-primary {
            color: #fff;
            background-color: #428bca;
            border-color: #357ebd
        }

        .btn-primary.active,
        .btn-primary.focus,
        .btn-primary:active,
        .btn-primary:focus,
        .btn-primary:hover,
        .open>.dropdown-toggle.btn-primary {
            color: #fff;
            background-color: #3071a9;
            border-color: #285e8e
        }

        .btn-primary.disabled,
        .btn-primary.disabled.active,
        .btn-primary.disabled.focus,
        .btn-primary.disabled:active,
        .btn-primary.disabled:focus,
        .btn-primary.disabled:hover,
        .btn-primary[disabled],
        .btn-primary[disabled].active,
        .btn-primary[disabled].focus,
        .btn-primary[disabled]:active,
        .btn-primary[disabled]:focus,
        .btn-primary[disabled]:hover,
        fieldset[disabled] .btn-primary,
        fieldset[disabled] .btn-primary.active,
        fieldset[disabled] .btn-primary.focus,
        fieldset[disabled] .btn-primary:active,
        fieldset[disabled] .btn-primary:focus,
        fieldset[disabled] .btn-primary:hover {
            background-color: #428bca;
            border-color: #357ebd
        }

        .btn-primary .badge {
            color: #428bca;
            background-color: #fff
        }

        .btn-success {
            color: #fff;
            background-color: #5cb85c;
            border-color: #4cae4c
        }

        .btn-success.active,
        .btn-success.focus,
        .btn-success:active,
        .btn-success:focus,
        .btn-success:hover,
        .open>.dropdown-toggle.btn-success {
            color: #fff;
            background-color: #449d44;
            border-color: #398439
        }

        .btn-success.active,
        .btn-success:active,
        .open>.dropdown-toggle.btn-success {
            background-image: none
        }

        .btn-success.disabled,
        .btn-success.disabled.active,
        .btn-success.disabled.focus,
        .btn-success.disabled:active,
        .btn-success.disabled:focus,
        .btn-success.disabled:hover,
        .btn-success[disabled],
        .btn-success[disabled].active,
        .btn-success[disabled].focus,
        .btn-success[disabled]:active,
        .btn-success[disabled]:focus,
        .btn-success[disabled]:hover,
        fieldset[disabled] .btn-success,
        fieldset[disabled] .btn-success.active,
        fieldset[disabled] .btn-success.focus,
        fieldset[disabled] .btn-success:active,
        fieldset[disabled] .btn-success:focus,
        fieldset[disabled] .btn-success:hover {
            background-color: #5cb85c;
            border-color: #4cae4c
        }

        .btn-success .badge {
            color: #5cb85c;
            background-color: #fff
        }

        .btn-info {
            color: #fff;
            background-color: #5bc0de;
            border-color: #46b8da
        }

        .btn-info.active,
        .btn-info.focus,
        .btn-info:active,
        .btn-info:focus,
        .btn-info:hover,
        .open>.dropdown-toggle.btn-info {
            color: #fff;
            background-color: #31b0d5;
            border-color: #269abc
        }

        .btn-info.disabled,
        .btn-info.disabled.active,
        .btn-info.disabled.focus,
        .btn-info.disabled:active,
        .btn-info.disabled:focus,
        .btn-info.disabled:hover,
        .btn-info[disabled],
        .btn-info[disabled].active,
        .btn-info[disabled].focus,
        .btn-info[disabled]:active,
        .btn-info[disabled]:focus,
        .btn-info[disabled]:hover,
        fieldset[disabled] .btn-info,
        fieldset[disabled] .btn-info.active,
        fieldset[disabled] .btn-info.focus,
        fieldset[disabled] .btn-info:active,
        fieldset[disabled] .btn-info:focus,
        fieldset[disabled] .btn-info:hover {
            background-color: #5bc0de;
            border-color: #46b8da
        }

        .btn-info .badge {
            color: #5bc0de;
            background-color: #fff
        }

        .btn-warning {
            color: #fff;
            background-color: #f0ad4e;
            border-color: #eea236
        }

        .btn-warning.active,
        .btn-warning.focus,
        .btn-warning:active,
        .btn-warning:focus,
        .btn-warning:hover,
        .open>.dropdown-toggle.btn-warning {
            color: #fff;
            background-color: #ec971f;
            border-color: #d58512
        }

        .btn-warning.disabled,
        .btn-warning.disabled.active,
        .btn-warning.disabled.focus,
        .btn-warning.disabled:active,
        .btn-warning.disabled:focus,
        .btn-warning.disabled:hover,
        .btn-warning[disabled],
        .btn-warning[disabled].active,
        .btn-warning[disabled].focus,
        .btn-warning[disabled]:active,
        .btn-warning[disabled]:focus,
        .btn-warning[disabled]:hover,
        fieldset[disabled] .btn-warning,
        fieldset[disabled] .btn-warning.active,
        fieldset[disabled] .btn-warning.focus,
        fieldset[disabled] .btn-warning:active,
        fieldset[disabled] .btn-warning:focus,
        fieldset[disabled] .btn-warning:hover {
            background-color: #f0ad4e;
            border-color: #eea236
        }

        .btn-warning .badge {
            color: #f0ad4e;
            background-color: #fff
        }

        .btn-danger {
            color: #fff;
            background-color: #d9534f;
            border-color: #d43f3a
        }

        .btn-danger.active,
        .btn-danger.focus,
        .btn-danger:active,
        .btn-danger:focus,
        .btn-danger:hover,
        .open>.dropdown-toggle.btn-danger {
            color: #fff;
            background-color: #c9302c;
            border-color: #ac2925
        }

        .btn-danger.disabled,
        .btn-danger.disabled.active,
        .btn-danger.disabled.focus,
        .btn-danger.disabled:active,
        .btn-danger.disabled:focus,
        .btn-danger.disabled:hover,
        .btn-danger[disabled],
        .btn-danger[disabled].active,
        .btn-danger[disabled].focus,
        .btn-danger[disabled]:active,
        .btn-danger[disabled]:focus,
        .btn-danger[disabled]:hover,
        fieldset[disabled] .btn-danger,
        fieldset[disabled] .btn-danger.active,
        fieldset[disabled] .btn-danger.focus,
        fieldset[disabled] .btn-danger:active,
        fieldset[disabled] .btn-danger:focus,
        fieldset[disabled] .btn-danger:hover {
            background-color: #d9534f;
            border-color: #d43f3a
        }

        .btn-danger .badge {
            color: #d9534f;
            background-color: #fff
        }

        .btn-link {
            font-weight: 400;
            color: #428bca;
            border-radius: 0
        }

        .btn-link,
        .btn-link.active,
        .btn-link:active,
        .btn-link[disabled],
        fieldset[disabled] .btn-link {
            background-color: transparent;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .btn-link,
        .btn-link:active,
        .btn-link:focus,
        .btn-link:hover {
            border-color: transparent
        }

        .btn-link:focus,
        .btn-link:hover {
            color: #2a6496;
            text-decoration: underline;
            background-color: transparent
        }

        .btn-link[disabled]:focus,
        .btn-link[disabled]:hover,
        fieldset[disabled] .btn-link:focus,
        fieldset[disabled] .btn-link:hover {
            color: #777;
            text-decoration: none
        }

        .btn-group-lg>.btn,
        .btn-lg {
            padding: 10px 16px;
            font-size: 18px;
            line-height: 1.33;
            border-radius: 6px
        }

        .btn-group-sm>.btn,
        .btn-sm {
            padding: 5px 10px;
            font-size: 12px;
            line-height: 1.5;
            border-radius: 3px
        }

        .btn-group-xs>.btn,
        .btn-xs {
            padding: 1px 5px;
            font-size: 12px;
            line-height: 1.5;
            border-radius: 3px
        }

        .btn-block {
            display: block;
            width: 100%
        }

        .btn-block+.btn-block {
            margin-top: 5px
        }

        input[type=button].btn-block,
        input[type=reset].btn-block,
        input[type=submit].btn-block {
            width: 100%
        }

        .fade {
            opacity: 0;
            -webkit-transition: opacity .15s linear;
            -o-transition: opacity .15s linear;
            transition: opacity .15s linear
        }

        .fade.in {
            opacity: 1
        }

        .collapse {
            display: none;
            visibility: hidden
        }

        .collapse.in {
            display: block;
            visibility: visible
        }

        tr.collapse.in {
            display: table-row
        }

        tbody.collapse.in {
            display: table-row-group
        }

        .collapsing {
            height: 0;
            overflow: hidden;
            -webkit-transition-timing-function: ease;
            -o-transition-timing-function: ease;
            transition-timing-function: ease;
            -webkit-transition-duration: .35s;
            -o-transition-duration: .35s;
            transition-duration: .35s;
            -webkit-transition-property: height, visibility;
            -o-transition-property: height, visibility;
            transition-property: height, visibility
        }

        .caret {
            display: inline-block;
            width: 0;
            height: 0;
            margin-left: 2px;
            vertical-align: middle;
            border-top: 4px solid;
            border-right: 4px solid transparent;
            border-left: 4px solid transparent
        }

        .dropdown-toggle:focus {
            outline: 0
        }

        .dropdown-menu {
            position: absolute;
            top: 100%;
            left: 0;
            z-index: 1000;
            display: none;
            min-width: 160px;
            padding: 5px 0;
            margin: 2px 0 0;
            font-size: 14px;
            text-align: left;
            list-style: none;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ccc;
            border: 1px solid rgba(0, 0, 0, .15);
            border-radius: 4px;
            -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
            box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
        }

        .dropdown-menu-right,
        .dropdown-menu.pull-right {
            right: 0;
            left: auto
        }

        .dropdown-header,
        .dropdown-menu>li>a {
            display: block;
            padding: 3px 20px;
            line-height: 1.42857143;
            white-space: nowrap
        }

        .btn-group-vertical>.btn:not(:first-child):not(:last-child),
        .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn,
        .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
            border-radius: 0
        }

        .dropdown-menu .divider {
            height: 1px;
            margin: 9px 0;
            overflow: hidden;
            background-color: #e5e5e5
        }

        .dropdown-menu>li>a {
            clear: both;
            font-weight: 400;
            color: #333
        }

        .dropdown-menu>li>a:focus,
        .dropdown-menu>li>a:hover {
            color: #262626;
            text-decoration: none;
            background-color: #f5f5f5
        }

        .dropdown-menu>.active>a,
        .dropdown-menu>.active>a:focus,
        .dropdown-menu>.active>a:hover {
            color: #fff;
            text-decoration: none;
            background-color: #428bca;
            outline: 0
        }

        .dropdown-menu>.disabled>a,
        .dropdown-menu>.disabled>a:focus,
        .dropdown-menu>.disabled>a:hover {
            color: #777
        }

        .dropdown-menu>.disabled>a:focus,
        .dropdown-menu>.disabled>a:hover {
            text-decoration: none;
            cursor: not-allowed;
            background-color: transparent
        }

        .open>.dropdown-menu {
            display: block
        }

        .open>a {
            outline: 0
        }

        .dropdown-menu-left {
            right: auto;
            left: 0
        }

        .dropdown-header {
            font-size: 12px;
            color: #777
        }

        .dropdown-backdrop {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 990
        }

        .nav-justified>.dropdown .dropdown-menu,
        .nav-tabs.nav-justified>.dropdown .dropdown-menu {
            top: auto;
            left: auto
        }

        .btn-group-vertical>.btn.active,
        .btn-group-vertical>.btn:active,
        .btn-group-vertical>.btn:focus,
        .btn-group-vertical>.btn:hover,
        .btn-group>.btn.active,
        .btn-group>.btn:active,
        .btn-group>.btn:focus,
        .btn-group>.btn:hover,
        .input-group-btn>.btn:active,
        .input-group-btn>.btn:focus,
        .input-group-btn>.btn:hover {
            z-index: 2
        }

        .pull-right>.dropdown-menu {
            right: 0;
            left: auto
        }

        .dropup .caret,
        .navbar-fixed-bottom .dropdown .caret {
            content: "";
            border-top: 0;
            border-bottom: 4px solid
        }

        .dropup .dropdown-menu,
        .navbar-fixed-bottom .dropdown .dropdown-menu {
            top: auto;
            bottom: 100%;
            margin-bottom: 1px
        }

        @media (min-width:768px) {
            .navbar-right .dropdown-menu {
                right: 0;
                left: auto
            }
            .navbar-right .dropdown-menu-left {
                right: auto;
                left: 0
            }
        }

        .btn-group,
        .btn-group-vertical {
            position: relative;
            display: inline-block;
            vertical-align: middle
        }

        .btn-group-vertical>.btn,
        .btn-group>.btn {
            position: relative;
            float: left
        }

        .btn-group-vertical>.btn:focus,
        .btn-group>.btn:focus {
            outline: 0
        }

        .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: -5px
        }

        .btn-toolbar>.btn,
        .btn-toolbar>.btn-group,
        .btn-toolbar>.input-group {
            margin-left: 5px
        }

        .btn .caret,
        .btn-group>.btn:first-child {
            margin-left: 0
        }

        .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .btn-group>.btn:last-child:not(:first-child),
        .btn-group>.dropdown-toggle:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .btn-group>.btn-group:first-child>.btn:last-child,
        .btn-group>.btn-group:first-child>.dropdown-toggle {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .btn-group>.btn-group:last-child>.btn:first-child {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .btn-group .dropdown-toggle:active,
        .btn-group.open .dropdown-toggle {
            outline: 0
        }

        .btn-group>.btn+.dropdown-toggle {
            padding-right: 8px;
            padding-left: 8px
        }

        .btn-group>.btn-lg+.dropdown-toggle {
            padding-right: 12px;
            padding-left: 12px
        }

        .btn-group.open .dropdown-toggle {
            -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
        }

        .btn-group.open .dropdown-toggle.btn-link {
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .btn-lg .caret {
            border-width: 5px 5px 0
        }

        .dropup .btn-lg .caret {
            border-width: 0 5px 5px
        }

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

        .input-group-btn:last-child>.btn,
        .input-group-btn:last-child>.btn-group,
        .input-group-btn>.btn+.btn {
            margin-left: -1px
        }

        .btn-group-vertical>.btn:first-child:not(:last-child) {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .btn-group-vertical>.btn:last-child:not(:first-child) {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            border-bottom-left-radius: 4px
        }

        .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
            border-radius: 0
        }

        .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
        .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        .btn-group-justified {
            display: table;
            width: 100%;
            table-layout: fixed;
            border-collapse: separate
        }

        .btn-group-justified>.btn,
        .btn-group-justified>.btn-group {
            display: table-cell;
            float: none;
            width: 1%
        }

        .btn-group-justified>.btn-group .btn {
            width: 100%
        }

        .btn-group-justified>.btn-group .dropdown-menu {
            left: auto
        }

        [data-toggle=buttons]>.btn input[type=checkbox],
        [data-toggle=buttons]>.btn input[type=radio],
        [data-toggle=buttons]>.btn-group>.btn input[type=checkbox],
        [data-toggle=buttons]>.btn-group>.btn input[type=radio] {
            position: absolute;
            clip: rect(0, 0, 0, 0);
            pointer-events: none
        }

        .input-group {
            position: relative;
            display: table;
            border-collapse: separate
        }

        .input-group[class*=col-] {
            float: none;
            padding-right: 0;
            padding-left: 0
        }

        .input-group .form-control {
            position: relative;
            z-index: 2;
            float: left;
            width: 100%;
            margin-bottom: 0
        }

        .input-group-lg>.form-control,
        .input-group-lg>.input-group-addon,
        .input-group-lg>.input-group-btn>.btn {
            height: 46px;
            padding: 10px 16px;
            font-size: 18px;
            line-height: 1.33;
            border-radius: 6px
        }

        select.input-group-lg>.form-control,
        select.input-group-lg>.input-group-addon,
        select.input-group-lg>.input-group-btn>.btn {
            height: 46px;
            line-height: 46px
        }

        select[multiple].input-group-lg>.form-control,
        select[multiple].input-group-lg>.input-group-addon,
        select[multiple].input-group-lg>.input-group-btn>.btn,
        textarea.input-group-lg>.form-control,
        textarea.input-group-lg>.input-group-addon,
        textarea.input-group-lg>.input-group-btn>.btn {
            height: auto
        }

        .input-group-sm>.form-control,
        .input-group-sm>.input-group-addon,
        .input-group-sm>.input-group-btn>.btn {
            height: 30px;
            padding: 5px 10px;
            font-size: 12px;
            line-height: 1.5;
            border-radius: 3px
        }

        select.input-group-sm>.form-control,
        select.input-group-sm>.input-group-addon,
        select.input-group-sm>.input-group-btn>.btn {
            height: 30px;
            line-height: 30px
        }

        select[multiple].input-group-sm>.form-control,
        select[multiple].input-group-sm>.input-group-addon,
        select[multiple].input-group-sm>.input-group-btn>.btn,
        textarea.input-group-sm>.form-control,
        textarea.input-group-sm>.input-group-addon,
        textarea.input-group-sm>.input-group-btn>.btn {
            height: auto
        }

        .input-group .form-control,
        .input-group-addon,
        .input-group-btn {
            display: table-cell
        }

        .nav>li,
        .nav>li>a {
            display: block;
            position: relative
        }

        .input-group .form-control:not(:first-child):not(:last-child),
        .input-group-addon:not(:first-child):not(:last-child),
        .input-group-btn:not(:first-child):not(:last-child) {
            border-radius: 0
        }

        .input-group-addon,
        .input-group-btn {
            width: 1%;
            white-space: nowrap;
            vertical-align: middle
        }

        .input-group-addon {
            padding: 6px 12px;
            font-size: 14px;
            font-weight: 400;
            line-height: 1;
            color: #555;
            text-align: center;
            background-color: #eee;
            border: 1px solid #ccc;
            border-radius: 4px
        }

        .input-group-addon.input-sm {
            padding: 5px 10px;
            font-size: 12px;
            border-radius: 3px
        }

        .input-group-addon.input-lg {
            padding: 10px 16px;
            font-size: 18px;
            border-radius: 6px
        }

        .input-group-addon input[type=checkbox],
        .input-group-addon input[type=radio] {
            margin-top: 0
        }

        .input-group .form-control:first-child,
        .input-group-addon:first-child,
        .input-group-btn:first-child>.btn,
        .input-group-btn:first-child>.btn-group>.btn,
        .input-group-btn:first-child>.dropdown-toggle,
        .input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
        .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .input-group-addon:first-child {
            border-right: 0
        }

        .input-group .form-control:last-child,
        .input-group-addon:last-child,
        .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
        .input-group-btn:first-child>.btn:not(:first-child),
        .input-group-btn:last-child>.btn,
        .input-group-btn:last-child>.btn-group>.btn,
        .input-group-btn:last-child>.dropdown-toggle {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .input-group-addon:last-child {
            border-left: 0
        }

        .input-group-btn {
            position: relative;
            font-size: 0;
            white-space: nowrap
        }

        .input-group-btn>.btn {
            position: relative
        }

        .input-group-btn:first-child>.btn,
        .input-group-btn:first-child>.btn-group {
            margin-right: -1px
        }

        .nav {
            padding-left: 0;
            margin-bottom: 0;
            list-style: none
        }

        .nav>li>a {
            padding: 10px 15px
        }

        .nav>li>a:focus,
        .nav>li>a:hover {
            text-decoration: none;
            background-color: #eee
        }

        .nav>li.disabled>a {
            color: #777
        }

        .nav>li.disabled>a:focus,
        .nav>li.disabled>a:hover {
            color: #777;
            text-decoration: none;
            cursor: not-allowed;
            background-color: transparent
        }

        .nav .open>a,
        .nav .open>a:focus,
        .nav .open>a:hover {
            background-color: #eee;
            border-color: #428bca
        }

        .nav .nav-divider {
            height: 1px;
            margin: 9px 0;
            overflow: hidden;
            background-color: #e5e5e5
        }

        .nav>li>a>img {
            max-width: none
        }

        .nav-tabs {
            border-bottom: 1px solid #ddd
        }

        .nav-tabs>li {
            float: left;
            margin-bottom: -1px
        }

        .nav-tabs>li>a {
            margin-right: 2px;
            line-height: 1.42857143;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0
        }

        .nav-tabs>li>a:hover {
            border-color: #eee #eee #ddd
        }

        .nav-tabs>li.active>a,
        .nav-tabs>li.active>a:focus,
        .nav-tabs>li.active>a:hover {
            color: #555;
            cursor: default;
            background-color: #fff;
            border: 1px solid #ddd;
            border-bottom-color: transparent
        }

        .nav-tabs.nav-justified {
            width: 100%;
            border-bottom: 0
        }

        .nav-tabs.nav-justified>li {
            float: none
        }

        .nav-tabs.nav-justified>li>a {
            margin-bottom: 5px;
            text-align: center;
            margin-right: 0;
            border-radius: 4px
        }

        .nav-tabs.nav-justified>.active>a,
        .nav-tabs.nav-justified>.active>a:focus,
        .nav-tabs.nav-justified>.active>a:hover {
            border: 1px solid #ddd
        }

        @media (min-width:768px) {
            .nav-tabs.nav-justified>li {
                display: table-cell;
                width: 1%
            }
            .nav-tabs.nav-justified>li>a {
                margin-bottom: 0;
                border-bottom: 1px solid #ddd;
                border-radius: 4px 4px 0 0
            }
            .nav-tabs.nav-justified>.active>a,
            .nav-tabs.nav-justified>.active>a:focus,
            .nav-tabs.nav-justified>.active>a:hover {
                border-bottom-color: #fff
            }
        }

        .nav-pills>li {
            float: left
        }

        .nav-justified>li,
        .nav-stacked>li {
            float: none
        }

        .nav-pills>li>a {
            border-radius: 4px
        }

        .nav-pills>li+li {
            margin-left: 2px
        }

        .nav-pills>li.active>a,
        .nav-pills>li.active>a:focus,
        .nav-pills>li.active>a:hover {
            color: #fff;
            background-color: #428bca
        }

        .nav-stacked>li+li {
            margin-top: 2px;
            margin-left: 0
        }

        .nav-justified {
            width: 100%
        }

        .nav-justified>li>a {
            margin-bottom: 5px;
            text-align: center
        }

        .nav-tabs-justified {
            border-bottom: 0
        }

        .nav-tabs-justified>li>a {
            margin-right: 0;
            border-radius: 4px
        }

        .nav-tabs-justified>.active>a,
        .nav-tabs-justified>.active>a:focus,
        .nav-tabs-justified>.active>a:hover {
            border: 1px solid #ddd
        }

        @media (min-width:768px) {
            .nav-justified>li {
                display: table-cell;
                width: 1%
            }
            .nav-justified>li>a {
                margin-bottom: 0
            }
            .nav-tabs-justified>li>a {
                border-bottom: 1px solid #ddd;
                border-radius: 4px 4px 0 0
            }
            .nav-tabs-justified>.active>a,
            .nav-tabs-justified>.active>a:focus,
            .nav-tabs-justified>.active>a:hover {
                border-bottom-color: #fff
            }
        }

        .tab-content>.tab-pane {
            display: none;
            visibility: hidden
        }

        .tab-content>.active {
            display: block;
            visibility: visible
        }

        .nav-tabs .dropdown-menu {
            margin-top: -1px;
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        .navbar {
            position: relative;
            min-height: 50px;
            margin-bottom: 20px;
            border: 1px solid transparent
        }

        .navbar-collapse {
            padding-right: 15px;
            padding-left: 15px;
            overflow-x: visible;
            -webkit-overflow-scrolling: touch;
            border-top: 1px solid transparent;
            -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
        }

        .navbar-collapse.in {
            overflow-y: auto
        }

        @media (min-width:768px) {
            .navbar {
                border-radius: 4px
            }
            .navbar-header {
                float: left
            }
            .navbar-collapse {
                width: auto;
                border-top: 0;
                -webkit-box-shadow: none;
                box-shadow: none
            }
            .navbar-collapse.collapse {
                display: block !important;
                height: auto !important;
                padding-bottom: 0;
                overflow: visible !important;
                visibility: visible !important
            }
            .navbar-collapse.in {
                overflow-y: visible
            }
            .navbar-fixed-bottom .navbar-collapse,
            .navbar-fixed-top .navbar-collapse,
            .navbar-static-top .navbar-collapse {
                padding-right: 0;
                padding-left: 0
            }
        }

        .modal,
        .modal-open,
        .progress {
            overflow: hidden
        }

        @media (max-device-width:480px) and (orientation:landscape) {
            .navbar-fixed-bottom .navbar-collapse,
            .navbar-fixed-top .navbar-collapse {
                max-height: 200px
            }
        }

        .container-fluid>.navbar-collapse,
        .container-fluid>.navbar-header,
        .container>.navbar-collapse,
        .container>.navbar-header {
            margin-right: -15px;
            margin-left: -15px
        }

        .navbar-static-top {
            z-index: 1000;
            border-width: 0 0 1px
        }

        .navbar-fixed-bottom,
        .navbar-fixed-top {
            position: fixed;
            right: 0;
            left: 0;
            z-index: 1030
        }

        .navbar-fixed-top {
            top: 0;
            border-width: 0 0 1px
        }

        .navbar-fixed-bottom {
            bottom: 0;
            margin-bottom: 0;
            border-width: 1px 0 0
        }

        .navbar-brand {
            float: left;
            height: 50px;
            padding: 15px;
            font-size: 18px;
            line-height: 20px
        }

        .navbar-brand:focus,
        .navbar-brand:hover {
            text-decoration: none
        }

        .navbar-brand>img {
            display: block
        }

        @media (min-width:768px) {
            .container-fluid>.navbar-collapse,
            .container-fluid>.navbar-header,
            .container>.navbar-collapse,
            .container>.navbar-header {
                margin-right: 0;
                margin-left: 0
            }
            .navbar-fixed-bottom,
            .navbar-fixed-top,
            .navbar-static-top {
                border-radius: 0
            }
            .navbar>.container .navbar-brand,
            .navbar>.container-fluid .navbar-brand {
                margin-left: -15px
            }
        }

        .navbar-toggle {
            position: relative;
            float: right;
            padding: 9px 10px;
            margin-top: 8px;
            margin-right: 15px;
            margin-bottom: 8px;
            background-color: transparent;
            border: 1px solid transparent;
            border-radius: 4px
        }

        .navbar-toggle:focus {
            outline: 0
        }

        .navbar-toggle .icon-bar {
            display: block;
            width: 22px;
            height: 2px;
            border-radius: 1px
        }

        .navbar-toggle .icon-bar+.icon-bar {
            margin-top: 4px
        }

        .navbar-nav {
            margin: 7.5px -15px
        }

        .navbar-nav>li>a {
            padding-top: 10px;
            padding-bottom: 10px;
            line-height: 20px
        }

        @media (max-width:767px) {
            .navbar-nav .open .dropdown-menu {
                position: static;
                float: none;
                width: auto;
                margin-top: 0;
                background-color: transparent;
                border: 0;
                -webkit-box-shadow: none;
                box-shadow: none
            }
            .navbar-nav .open .dropdown-menu .dropdown-header,
            .navbar-nav .open .dropdown-menu>li>a {
                padding: 5px 15px 5px 25px
            }
            .navbar-nav .open .dropdown-menu>li>a {
                line-height: 20px
            }
            .navbar-nav .open .dropdown-menu>li>a:focus,
            .navbar-nav .open .dropdown-menu>li>a:hover {
                background-image: none
            }
        }

        .progress-bar-striped,
        .progress-striped .progress-bar,
        .progress-striped .progress-bar-success {
            background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
            background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
        }

        @media (min-width:768px) {
            .navbar-toggle {
                display: none
            }
            .navbar-nav {
                float: left;
                margin: 0
            }
            .navbar-nav>li {
                float: left
            }
            .navbar-nav>li>a {
                padding-top: 15px;
                padding-bottom: 15px
            }
        }

        .navbar-form {
            padding: 10px 15px;
            border-top: 1px solid transparent;
            border-bottom: 1px solid transparent;
            -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
            margin: 8px -15px
        }

        @media (min-width:768px) {
            .navbar-form .form-control-static,
            .navbar-form .form-group {
                display: inline-block
            }
            .navbar-form .control-label,
            .navbar-form .form-group {
                margin-bottom: 0;
                vertical-align: middle
            }
            .navbar-form .form-control {
                display: inline-block;
                width: auto;
                vertical-align: middle
            }
            .navbar-form .input-group {
                display: inline-table;
                vertical-align: middle
            }
            .navbar-form .input-group .form-control,
            .navbar-form .input-group .input-group-addon,
            .navbar-form .input-group .input-group-btn {
                width: auto
            }
            .navbar-form .input-group>.form-control {
                width: 100%
            }
            .navbar-form .checkbox,
            .navbar-form .radio {
                display: inline-block;
                margin-top: 0;
                margin-bottom: 0;
                vertical-align: middle
            }
            .navbar-form .checkbox label,
            .navbar-form .radio label {
                padding-left: 0
            }
            .navbar-form .checkbox input[type=checkbox],
            .navbar-form .radio input[type=radio] {
                position: relative;
                margin-left: 0
            }
            .navbar-form .has-feedback .form-control-feedback {
                top: 0
            }
            .navbar-form {
                width: auto;
                padding-top: 0;
                padding-bottom: 0;
                margin-right: 0;
                margin-left: 0;
                border: 0;
                -webkit-box-shadow: none;
                box-shadow: none
            }
        }

        .breadcrumb>li,
        .pagination {
            display: inline-block
        }

        .btn .badge,
        .btn .label {
            top: -1px;
            position: relative
        }

        @media (max-width:767px) {
            .navbar-form .form-group {
                margin-bottom: 5px
            }
            .navbar-form .form-group:last-child {
                margin-bottom: 0
            }
        }

        .navbar-nav>li>.dropdown-menu {
            margin-top: 0;
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .navbar-btn {
            margin-top: 8px;
            margin-bottom: 8px
        }

        .navbar-btn.btn-sm {
            margin-top: 10px;
            margin-bottom: 10px
        }

        .navbar-btn.btn-xs {
            margin-top: 14px;
            margin-bottom: 14px
        }

        .navbar-text {
            margin-top: 15px;
            margin-bottom: 15px
        }

        @media (min-width:768px) {
            .navbar-text {
                float: left;
                margin-right: 15px;
                margin-left: 15px
            }
            .navbar-left {
                float: left !important
            }
            .navbar-right {
                float: right !important;
                margin-right: -15px
            }
            .navbar-right~.navbar-right {
                margin-right: 0
            }
        }

        .navbar-default {
            background-color: #f8f8f8;
            border-color: #e7e7e7
        }

        .navbar-default .navbar-brand {
            color: #777
        }

        .navbar-default .navbar-brand:focus,
        .navbar-default .navbar-brand:hover {
            color: #5e5e5e;
            background-color: transparent
        }

        .navbar-default .navbar-nav>li>a,
        .navbar-default .navbar-text {
            color: #777
        }

        .navbar-default .navbar-nav>li>a:focus,
        .navbar-default .navbar-nav>li>a:hover {
            color: #333;
            background-color: transparent
        }

        .navbar-default .navbar-nav>.active>a,
        .navbar-default .navbar-nav>.active>a:focus,
        .navbar-default .navbar-nav>.active>a:hover {
            color: #555;
            background-color: #e7e7e7
        }

        .navbar-default .navbar-nav>.disabled>a,
        .navbar-default .navbar-nav>.disabled>a:focus,
        .navbar-default .navbar-nav>.disabled>a:hover {
            color: #ccc;
            background-color: transparent
        }

        .navbar-default .navbar-toggle {
            border-color: #ddd
        }

        .navbar-default .navbar-toggle:focus,
        .navbar-default .navbar-toggle:hover {
            background-color: #ddd
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #888
        }

        .navbar-default .navbar-collapse,
        .navbar-default .navbar-form {
            border-color: #e7e7e7
        }

        .navbar-default .navbar-nav>.open>a,
        .navbar-default .navbar-nav>.open>a:focus,
        .navbar-default .navbar-nav>.open>a:hover {
            color: #555;
            background-color: #e7e7e7
        }

        @media (max-width:767px) {
            .navbar-default .navbar-nav .open .dropdown-menu>li>a {
                color: #777
            }
            .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
            .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
                color: #333;
                background-color: transparent
            }
            .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
            .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
            .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
                color: #555;
                background-color: #e7e7e7
            }
            .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
            .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
            .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
                color: #ccc;
                background-color: transparent
            }
        }

        .navbar-default .navbar-link {
            color: #777
        }

        .navbar-default .navbar-link:hover {
            color: #333
        }

        .navbar-default .btn-link {
            color: #777
        }

        .navbar-default .btn-link:focus,
        .navbar-default .btn-link:hover {
            color: #333
        }

        .navbar-default .btn-link[disabled]:focus,
        .navbar-default .btn-link[disabled]:hover,
        fieldset[disabled] .navbar-default .btn-link:focus,
        fieldset[disabled] .navbar-default .btn-link:hover {
            color: #ccc
        }

        .navbar-inverse {
            background-color: #222;
            border-color: #080808
        }

        .navbar-inverse .navbar-brand {
            color: #9d9d9d
        }

        .navbar-inverse .navbar-brand:focus,
        .navbar-inverse .navbar-brand:hover {
            color: #fff;
            background-color: transparent
        }

        .navbar-inverse .navbar-nav>li>a,
        .navbar-inverse .navbar-text {
            color: #9d9d9d
        }

        .navbar-inverse .navbar-nav>li>a:focus,
        .navbar-inverse .navbar-nav>li>a:hover {
            color: #fff;
            background-color: transparent
        }

        .navbar-inverse .navbar-nav>.active>a,
        .navbar-inverse .navbar-nav>.active>a:focus,
        .navbar-inverse .navbar-nav>.active>a:hover {
            color: #fff;
            background-color: #080808
        }

        .navbar-inverse .navbar-nav>.disabled>a,
        .navbar-inverse .navbar-nav>.disabled>a:focus,
        .navbar-inverse .navbar-nav>.disabled>a:hover {
            color: #444;
            background-color: transparent
        }

        .navbar-inverse .navbar-toggle {
            border-color: #333
        }

        .navbar-inverse .navbar-toggle:focus,
        .navbar-inverse .navbar-toggle:hover {
            background-color: #333
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #fff
        }

        .navbar-inverse .navbar-collapse,
        .navbar-inverse .navbar-form {
            border-color: #101010
        }

        .navbar-inverse .navbar-nav>.open>a,
        .navbar-inverse .navbar-nav>.open>a:focus,
        .navbar-inverse .navbar-nav>.open>a:hover {
            color: #fff;
            background-color: #080808
        }

        @media (max-width:767px) {
            .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
                border-color: #080808
            }
            .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
                background-color: #080808
            }
            .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
                color: #9d9d9d
            }
            .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
            .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
                color: #fff;
                background-color: transparent
            }
            .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
            .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,
            .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
                color: #fff;
                background-color: #080808
            }
            .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
            .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,
            .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
                color: #444;
                background-color: transparent
            }
        }

        .navbar-inverse .navbar-link {
            color: #9d9d9d
        }

        .navbar-inverse .navbar-link:hover {
            color: #fff
        }

        .navbar-inverse .btn-link {
            color: #9d9d9d
        }

        .navbar-inverse .btn-link:focus,
        .navbar-inverse .btn-link:hover {
            color: #fff
        }

        .navbar-inverse .btn-link[disabled]:focus,
        .navbar-inverse .btn-link[disabled]:hover,
        fieldset[disabled] .navbar-inverse .btn-link:focus,
        fieldset[disabled] .navbar-inverse .btn-link:hover {
            color: #444
        }

        .breadcrumb {
            padding: 8px 15px;
            margin-bottom: 20px;
            list-style: none;
            background-color: #f5f5f5;
            border-radius: 4px
        }

        .breadcrumb>li+li:before {
            padding: 0 5px;
            color: #ccc;
            content: "/\00a0"
        }

        .breadcrumb>.active {
            color: #777
        }

        .pagination {
            padding-left: 0;
            margin: 20px 0;
            border-radius: 4px
        }

        .pager li,
        .pagination>li {
            display: inline
        }

        .pagination>li>a,
        .pagination>li>span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.42857143;
            color: #428bca;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd
        }

        .badge,
        .label {
            font-weight: 700;
            line-height: 1;
            white-space: nowrap;
            vertical-align: baseline;
            text-align: center
        }

        .pagination>li:first-child>a,
        .pagination>li:first-child>span {
            margin-left: 0;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px
        }

        .pagination>li:last-child>a,
        .pagination>li:last-child>span {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px
        }

        .pagination>li>a:focus,
        .pagination>li>a:hover,
        .pagination>li>span:focus,
        .pagination>li>span:hover {
            color: #2a6496;
            background-color: #eee;
            border-color: #ddd
        }

        .pagination>.active>a,
        .pagination>.active>a:focus,
        .pagination>.active>a:hover,
        .pagination>.active>span,
        .pagination>.active>span:focus,
        .pagination>.active>span:hover {
            z-index: 2;
            color: #fff;
            cursor: default;
            background-color: #428bca;
            border-color: #428bca
        }

        .pagination>.disabled>a,
        .pagination>.disabled>a:focus,
        .pagination>.disabled>a:hover,
        .pagination>.disabled>span,
        .pagination>.disabled>span:focus,
        .pagination>.disabled>span:hover {
            color: #777;
            cursor: not-allowed;
            background-color: #fff;
            border-color: #ddd
        }

        .pagination-lg>li>a,
        .pagination-lg>li>span {
            padding: 10px 16px;
            font-size: 18px
        }

        .pagination-lg>li:first-child>a,
        .pagination-lg>li:first-child>span {
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px
        }

        .pagination-lg>li:last-child>a,
        .pagination-lg>li:last-child>span {
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px
        }

        .pagination-sm>li>a,
        .pagination-sm>li>span {
            padding: 5px 10px;
            font-size: 12px
        }

        .pagination-sm>li:first-child>a,
        .pagination-sm>li:first-child>span {
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px
        }

        .pagination-sm>li:last-child>a,
        .pagination-sm>li:last-child>span {
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px
        }

        .pager {
            padding-left: 0;
            margin: 20px 0;
            text-align: center;
            list-style: none
        }

        .pager li>a,
        .pager li>span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px
        }

        .pager li>a:focus,
        .pager li>a:hover {
            text-decoration: none;
            background-color: #eee
        }

        .pager .next>a,
        .pager .next>span {
            float: right
        }

        .pager .previous>a,
        .pager .previous>span {
            float: left
        }

        .pager .disabled>a,
        .pager .disabled>a:focus,
        .pager .disabled>a:hover,
        .pager .disabled>span {
            color: #777;
            cursor: not-allowed;
            background-color: #fff
        }

        a.badge:focus,
        a.badge:hover,
        a.label:focus,
        a.label:hover {
            color: #fff;
            cursor: pointer;
            text-decoration: none
        }

        .label {
            display: inline;
            padding: .2em .6em .3em;
            font-size: 75%;
            color: #fff;
            border-radius: .25em
        }

        .label:empty {
            display: none
        }

        .label-default {
            background-color: #777
        }

        .label-default[href]:focus,
        .label-default[href]:hover {
            background-color: #5e5e5e
        }

        .label-primary {
            background-color: #428bca
        }

        .label-primary[href]:focus,
        .label-primary[href]:hover {
            background-color: #3071a9
        }

        .label-success {
            background-color: #5cb85c
        }

        .label-success[href]:focus,
        .label-success[href]:hover {
            background-color: #449d44
        }

        .label-info {
            background-color: #5bc0de
        }

        .label-info[href]:focus,
        .label-info[href]:hover {
            background-color: #31b0d5
        }

        .label-warning {
            background-color: #f0ad4e
        }

        .label-warning[href]:focus,
        .label-warning[href]:hover {
            background-color: #ec971f
        }

        .label-danger {
            background-color: #d9534f
        }

        .label-danger[href]:focus,
        .label-danger[href]:hover {
            background-color: #c9302c
        }

        .badge {
            display: inline-block;
            min-width: 10px;
            padding: 3px 7px;
            font-size: 12px;
            color: #fff;
            background-color: #777;
            border-radius: 10px
        }

        .badge:empty {
            display: none
        }

        .btn-xs .badge {
            top: 0;
            padding: 1px 5px
        }

        .nav-pills>.active>a>.badge,
        a.list-group-item.active>.badge {
            color: #428bca;
            background-color: #fff
        }

        .jumbotron,
        .jumbotron .h1,
        .jumbotron h1 {
            color: inherit
        }

        .nav-pills>li>a>.badge {
            margin-left: 3px
        }

        .jumbotron {
            padding: 30px 15px;
            margin-bottom: 30px;
            background-color: #eee
        }

        .jumbotron p {
            margin-bottom: 15px;
            font-size: 21px;
            font-weight: 200
        }

        .alert,
        .thumbnail {
            margin-bottom: 20px
        }

        .alert .alert-link,
        .close {
            font-weight: 700
        }

        .jumbotron>hr {
            border-top-color: #d5d5d5
        }

        .container .jumbotron,
        .container-fluid .jumbotron {
            border-radius: 6px
        }

        .jumbotron .container {
            max-width: 100%
        }

        @media screen and (min-width:768px) {
            .jumbotron {
                padding: 48px 0
            }
            .container .jumbotron {
                padding-right: 60px;
                padding-left: 60px
            }
            .jumbotron .h1,
            .jumbotron h1 {
                font-size: 63px
            }
        }

        .thumbnail {
            display: block;
            padding: 4px;
            line-height: 1.42857143;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 4px;
            -webkit-transition: border .2s ease-in-out;
            -o-transition: border .2s ease-in-out;
            transition: border .2s ease-in-out
        }

        .thumbnail a>img,
        .thumbnail>img {
            margin-right: auto;
            margin-left: auto
        }

        a.thumbnail.active,
        a.thumbnail:focus,
        a.thumbnail:hover {
            border-color: #428bca
        }

        .thumbnail .caption {
            padding: 9px;
            color: #333
        }

        .alert {
            padding: 15px;
            border: 1px solid transparent;
            border-radius: 4px
        }

        .alert h4 {
            margin-top: 0;
            color: inherit
        }

        .alert>p,
        .alert>ul {
            margin-bottom: 0
        }

        .alert>p+p {
            margin-top: 5px
        }

        .alert-dismissable,
        .alert-dismissible {
            padding-right: 35px
        }

        .alert-dismissable .close,
        .alert-dismissible .close {
            position: relative;
            top: -2px;
            right: -21px;
            color: inherit
        }

        .modal,
        .modal-backdrop {
            top: 0;
            right: 0;
            bottom: 0;
            left: 0
        }

        .alert-success {
            color: #3c763d;
            background-color: #dff0d8;
            border-color: #d6e9c6
        }

        .alert-success hr {
            border-top-color: #c9e2b3
        }

        .alert-success .alert-link {
            color: #2b542c
        }

        .alert-info {
            color: #31708f;
            background-color: #d9edf7;
            border-color: #bce8f1
        }

        .alert-info hr {
            border-top-color: #a6e1ec
        }

        .alert-info .alert-link {
            color: #245269
        }

        .alert-warning {
            color: #8a6d3b;
            background-color: #fcf8e3;
            border-color: #faebcc
        }

        .alert-warning hr {
            border-top-color: #f7e1b5
        }

        .alert-warning .alert-link {
            color: #66512c
        }

        .alert-danger {
            color: #a94442;
            background-color: #f2dede;
            border-color: #ebccd1
        }

        .alert-danger hr {
            border-top-color: #e4b9c0
        }

        .alert-danger .alert-link {
            color: #843534
        }

        @-webkit-keyframes progress-bar-stripes {
            from {
                background-position: 40px 0
            }
            to {
                background-position: 0 0
            }
        }

        @-o-keyframes progress-bar-stripes {
            from {
                background-position: 40px 0
            }
            to {
                background-position: 0 0
            }
        }

        @keyframes progress-bar-stripes {
            from {
                background-position: 40px 0
            }
            to {
                background-position: 0 0
            }
        }

        .progress {
            height: 20px;
            margin-bottom: 20px;
            background-color: #f5f5f5;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
        }

        .progress-bar {
            float: left;
            width: 0;
            height: 100%;
            font-size: 12px;
            line-height: 20px;
            color: #fff;
            text-align: center;
            background-color: #428bca;
            -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
            box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
            -webkit-transition: width .6s ease;
            -o-transition: width .6s ease;
            transition: width .6s ease
        }

        .close,
        .list-group-item>.badge {
            float: right
        }

        .progress-bar-striped,
        .progress-striped .progress-bar {
            background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
            -webkit-background-size: 40px 40px;
            background-size: 40px 40px
        }

        .progress-bar.active,
        .progress.active .progress-bar {
            -webkit-animation: progress-bar-stripes 2s linear infinite;
            -o-animation: progress-bar-stripes 2s linear infinite;
            animation: progress-bar-stripes 2s linear infinite
        }

        .progress-bar-success {
            background-color: #5cb85c
        }

        .progress-striped .progress-bar-success {
            background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
        }

        .progress-striped .progress-bar-info,
        .progress-striped .progress-bar-warning {
            background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
            background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
        }

        .progress-bar-info {
            background-color: #5bc0de
        }

        .progress-striped .progress-bar-info {
            background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
        }

        .progress-bar-warning {
            background-color: #f0ad4e
        }

        .progress-striped .progress-bar-warning {
            background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
        }

        .progress-bar-danger {
            background-color: #d9534f
        }

        .progress-striped .progress-bar-danger {
            background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
            background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
            background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
        }

        .media {
            margin-top: 15px
        }

        .media:first-child {
            margin-top: 0
        }

        .media-right,
        .media>.pull-right {
            padding-left: 10px
        }

        .media-left,
        .media>.pull-left {
            padding-right: 10px
        }

        .media-body,
        .media-left,
        .media-right {
            display: table-cell;
            vertical-align: top
        }

        .media-middle {
            vertical-align: middle
        }

        .media-bottom {
            vertical-align: bottom
        }

        .media-heading {
            margin-top: 0;
            margin-bottom: 5px
        }

        .media-list {
            padding-left: 0;
            list-style: none
        }

        .list-group {
            padding-left: 0;
            margin-bottom: 20px
        }

        .list-group-item {
            position: relative;
            display: block;
            padding: 10px 15px;
            margin-bottom: -1px;
            background-color: #fff;
            border: 1px solid #ddd
        }

        .list-group-item:first-child {
            border-top-left-radius: 4px;
            border-top-right-radius: 4px
        }

        .list-group-item:last-child {
            margin-bottom: 0;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px
        }

        .list-group-item>.badge+.badge {
            margin-right: 5px
        }

        a.list-group-item {
            color: #555
        }

        a.list-group-item .list-group-item-heading {
            color: #333
        }

        a.list-group-item:focus,
        a.list-group-item:hover {
            color: #555;
            text-decoration: none;
            background-color: #f5f5f5
        }

        .list-group-item.disabled,
        .list-group-item.disabled:focus,
        .list-group-item.disabled:hover {
            color: #777;
            cursor: not-allowed;
            background-color: #eee
        }

        .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: #777
        }

        .list-group-item.active,
        .list-group-item.active:focus,
        .list-group-item.active:hover {
            z-index: 2;
            color: #fff;
            background-color: #428bca;
            border-color: #428bca
        }

        .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: #e1edf7
        }

        .list-group-item-success {
            color: #3c763d;
            background-color: #dff0d8
        }

        a.list-group-item-success {
            color: #3c763d
        }

        a.list-group-item-success .list-group-item-heading {
            color: inherit
        }

        a.list-group-item-success:focus,
        a.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 {
            color: #fff;
            background-color: #3c763d;
            border-color: #3c763d
        }

        .list-group-item-info {
            color: #31708f;
            background-color: #d9edf7
        }

        a.list-group-item-info {
            color: #31708f
        }

        a.list-group-item-info .list-group-item-heading {
            color: inherit
        }

        a.list-group-item-info:focus,
        a.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 {
            color: #fff;
            background-color: #31708f;
            border-color: #31708f
        }

        .list-group-item-warning {
            color: #8a6d3b;
            background-color: #fcf8e3
        }

        a.list-group-item-warning {
            color: #8a6d3b
        }

        a.list-group-item-warning .list-group-item-heading {
            color: inherit
        }

        a.list-group-item-warning:focus,
        a.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 {
            color: #fff;
            background-color: #8a6d3b;
            border-color: #8a6d3b
        }

        .list-group-item-danger {
            color: #a94442;
            background-color: #f2dede
        }

        a.list-group-item-danger {
            color: #a94442
        }

        a.list-group-item-danger .list-group-item-heading {
            color: inherit
        }

        a.list-group-item-danger:focus,
        a.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 {
            color: #fff;
            background-color: #a94442;
            border-color: #a94442
        }

        .panel-heading>.dropdown .dropdown-toggle,
        .panel-title,
        .panel-title>a {
            color: inherit
        }

        .list-group-item-heading {
            margin-top: 0;
            margin-bottom: 5px
        }

        .list-group-item-text {
            margin-bottom: 0;
            line-height: 1.3
        }

        .panel {
            margin-bottom: 20px;
            background-color: #fff;
            border: 1px solid transparent;
            border-radius: 4px;
            -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
            box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
        }

        .panel-title,
        .panel>.list-group,
        .panel>.panel-collapse>.list-group,
        .panel>.panel-collapse>.table,
        .panel>.table,
        .panel>.table-responsive>.table {
            margin-bottom: 0
        }

        .panel-body {
            padding: 15px
        }

        .panel-heading {
            padding: 10px 15px;
            border-bottom: 1px solid transparent;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px
        }

        .panel-title {
            margin-top: 0;
            font-size: 16px
        }

        .panel-footer {
            padding: 10px 15px;
            background-color: #f5f5f5;
            border-top: 1px solid #ddd;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px
        }

        .panel>.list-group .list-group-item,
        .panel>.panel-collapse>.list-group .list-group-item {
            border-width: 1px 0;
            border-radius: 0
        }

        .panel-group .panel-heading,
        .panel>.table-bordered>tbody>tr:first-child>td,
        .panel>.table-bordered>tbody>tr:first-child>th,
        .panel>.table-bordered>tbody>tr:last-child>td,
        .panel>.table-bordered>tbody>tr:last-child>th,
        .panel>.table-bordered>tfoot>tr:last-child>td,
        .panel>.table-bordered>tfoot>tr:last-child>th,
        .panel>.table-bordered>thead>tr:first-child>td,
        .panel>.table-bordered>thead>tr:first-child>th,
        .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
        .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
        .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
        .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
        .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
        .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,
        .panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
        .panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
            border-bottom: 0
        }

        .panel>.list-group:first-child .list-group-item:first-child,
        .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
            border-top: 0;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px
        }

        .panel>.list-group:last-child .list-group-item:last-child,
        .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
            border-bottom: 0;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px
        }

        .list-group+.panel-footer,
        .panel-heading+.list-group .list-group-item:first-child {
            border-top-width: 0
        }

        .panel>.panel-collapse>.table caption,
        .panel>.table caption,
        .panel>.table-responsive>.table caption {
            padding-right: 15px;
            padding-left: 15px
        }

        .panel>.table-responsive:first-child>.table:first-child,
        .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,
        .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
        .panel>.table:first-child,
        .panel>.table:first-child>tbody:first-child>tr:first-child,
        .panel>.table:first-child>thead:first-child>tr:first-child {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px
        }

        .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
        .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,
        .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
        .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
        .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
        .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
        .panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
        .panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
            border-top-left-radius: 3px
        }

        .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
        .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
        .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
        .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
        .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
        .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
        .panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
        .panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
            border-top-right-radius: 3px
        }

        .panel>.table-responsive:last-child>.table:last-child,
        .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
        .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,
        .panel>.table:last-child,
        .panel>.table:last-child>tbody:last-child>tr:last-child,
        .panel>.table:last-child>tfoot:last-child>tr:last-child {
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px
        }

        .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
        .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
        .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
        .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
        .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
        .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
        .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
        .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
            border-bottom-left-radius: 3px
        }

        .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
        .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
        .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
        .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
        .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
        .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
        .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
        .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
            border-bottom-right-radius: 3px
        }

        .panel>.panel-body+.table,
        .panel>.panel-body+.table-responsive,
        .panel>.table+.panel-body,
        .panel>.table-responsive+.panel-body {
            border-top: 1px solid #ddd
        }

        .panel>.table>tbody:first-child>tr:first-child td,
        .panel>.table>tbody:first-child>tr:first-child th {
            border-top: 0
        }

        .panel>.table-bordered,
        .panel>.table-responsive>.table-bordered {
            border: 0
        }

        .panel>.table-bordered>tbody>tr>td:first-child,
        .panel>.table-bordered>tbody>tr>th:first-child,
        .panel>.table-bordered>tfoot>tr>td:first-child,
        .panel>.table-bordered>tfoot>tr>th:first-child,
        .panel>.table-bordered>thead>tr>td:first-child,
        .panel>.table-bordered>thead>tr>th:first-child,
        .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
        .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
        .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
        .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
        .panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
        .panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
            border-left: 0
        }

        .panel>.table-bordered>tbody>tr>td:last-child,
        .panel>.table-bordered>tbody>tr>th:last-child,
        .panel>.table-bordered>tfoot>tr>td:last-child,
        .panel>.table-bordered>tfoot>tr>th:last-child,
        .panel>.table-bordered>thead>tr>td:last-child,
        .panel>.table-bordered>thead>tr>th:last-child,
        .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
        .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
        .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,
        .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
        .panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
        .panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
            border-right: 0
        }

        .panel>.table-responsive {
            margin-bottom: 0;
            border: 0
        }

        .panel-group {
            margin-bottom: 20px
        }

        .panel-group .panel {
            margin-bottom: 0;
            border-radius: 4px
        }

        .panel-group .panel+.panel {
            margin-top: 5px
        }

        .panel-group .panel-heading+.panel-collapse>.list-group,
        .panel-group .panel-heading+.panel-collapse>.panel-body {
            border-top: 1px solid #ddd
        }

        .panel-group .panel-footer {
            border-top: 0
        }

        .panel-group .panel-footer+.panel-collapse .panel-body {
            border-bottom: 1px solid #ddd
        }

        .panel-default {
            border-color: #ddd
        }

        .panel-default>.panel-heading {
            color: #333;
            background-color: #f5f5f5;
            border-color: #ddd
        }

        .panel-default>.panel-heading+.panel-collapse>.panel-body {
            border-top-color: #ddd
        }

        .panel-default>.panel-heading .badge {
            color: #f5f5f5;
            background-color: #333
        }

        .panel-default>.panel-footer+.panel-collapse>.panel-body {
            border-bottom-color: #ddd
        }

        .panel-primary {
            border-color: #428bca
        }

        .panel-primary>.panel-heading {
            color: #fff;
            background-color: #428bca;
            border-color: #428bca
        }

        .panel-primary>.panel-heading+.panel-collapse>.panel-body {
            border-top-color: #428bca
        }

        .panel-primary>.panel-heading .badge {
            color: #428bca;
            background-color: #fff
        }

        .panel-primary>.panel-footer+.panel-collapse>.panel-body {
            border-bottom-color: #428bca
        }

        .panel-success {
            border-color: #d6e9c6
        }

        .panel-success>.panel-heading {
            color: #3c763d;
            background-color: #dff0d8;
            border-color: #d6e9c6
        }

        .panel-success>.panel-heading+.panel-collapse>.panel-body {
            border-top-color: #d6e9c6
        }

        .panel-success>.panel-heading .badge {
            color: #dff0d8;
            background-color: #3c763d
        }

        .panel-success>.panel-footer+.panel-collapse>.panel-body {
            border-bottom-color: #d6e9c6
        }

        .panel-info {
            border-color: #bce8f1
        }

        .panel-info>.panel-heading {
            color: #31708f;
            background-color: #d9edf7;
            border-color: #bce8f1
        }

        .panel-info>.panel-heading+.panel-collapse>.panel-body {
            border-top-color: #bce8f1
        }

        .panel-info>.panel-heading .badge {
            color: #d9edf7;
            background-color: #31708f
        }

        .panel-info>.panel-footer+.panel-collapse>.panel-body {
            border-bottom-color: #bce8f1
        }

        .panel-warning {
            border-color: #faebcc
        }

        .panel-warning>.panel-heading {
            color: #8a6d3b;
            background-color: #fcf8e3;
            border-color: #faebcc
        }

        .panel-warning>.panel-heading+.panel-collapse>.panel-body {
            border-top-color: #faebcc
        }

        .panel-warning>.panel-heading .badge {
            color: #fcf8e3;
            background-color: #8a6d3b
        }

        .panel-warning>.panel-footer+.panel-collapse>.panel-body {
            border-bottom-color: #faebcc
        }

        .panel-danger {
            border-color: #ebccd1
        }

        .panel-danger>.panel-heading {
            color: #a94442;
            background-color: #f2dede;
            border-color: #ebccd1
        }

        .panel-danger>.panel-heading+.panel-collapse>.panel-body {
            border-top-color: #ebccd1
        }

        .panel-danger>.panel-heading .badge {
            color: #f2dede;
            background-color: #a94442
        }

        .panel-danger>.panel-footer+.panel-collapse>.panel-body {
            border-bottom-color: #ebccd1
        }

        .embed-responsive {
            position: relative;
            display: block;
            height: 0;
            padding: 0;
            overflow: hidden
        }

        .embed-responsive .embed-responsive-item,
        .embed-responsive embed,
        .embed-responsive iframe,
        .embed-responsive object,
        .embed-responsive video {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0
        }

        .embed-responsive.embed-responsive-16by9 {
            padding-bottom: 56.25%
        }

        .embed-responsive.embed-responsive-4by3 {
            padding-bottom: 75%
        }

        .well {
            min-height: 20px;
            padding: 19px;
            margin-bottom: 20px;
            background-color: #f5f5f5;
            border: 1px solid #e3e3e3;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
        }

        .well blockquote {
            border-color: #ddd;
            border-color: rgba(0, 0, 0, .15)
        }

        .well-lg {
            padding: 24px;
            border-radius: 6px
        }

        .well-sm {
            padding: 9px;
            border-radius: 3px
        }

        .close {
            font-size: 21px;
            line-height: 1;
            color: #000;
            text-shadow: 0 1px 0 #fff;
            opacity: .2
        }

        .carousel-caption,
        .carousel-control {
            text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
        }

        .close:focus,
        .close:hover {
            color: #000;
            text-decoration: none;
            cursor: pointer;
            opacity: .5
        }

        button.close {
            -webkit-appearance: none;
            padding: 0;
            cursor: pointer;
            background: 0 0;
            border: 0
        }

        .modal {
            position: fixed;
            z-index: 1040;
            display: none;
            -webkit-overflow-scrolling: touch;
            outline: 0
        }

        .modal.fade .modal-dialog {
            -webkit-transition: -webkit-transform .3s ease-out;
            -o-transition: -o-transform .3s ease-out;
            transition: transform .3s ease-out;
            -webkit-transform: translate(0, -25%);
            -ms-transform: translate(0, -25%);
            -o-transform: translate(0, -25%);
            transform: translate(0, -25%)
        }

        .modal.in .modal-dialog {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            -o-transform: translate(0, 0);
            transform: translate(0, 0)
        }

        .modal-open .modal {
            overflow-x: hidden;
            overflow-y: auto
        }

        .modal-dialog {
            position: relative;
            width: auto;
            margin: 10px
        }

        .modal-content {
            position: relative;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #999;
            border: 1px solid rgba(0, 0, 0, .2);
            border-radius: 6px;
            outline: 0;
            -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
            box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
        }

        .modal-backdrop {
            position: fixed;
            background-color: #000
        }

        .modal-backdrop.fade {
            opacity: 0
        }

        .modal-backdrop.in {
            opacity: .5
        }

        .modal-header {
            min-height: 16.43px;
            padding: 15px;
            border-bottom: 1px solid #e5e5e5
        }

        .modal-header .close {
            margin-top: -2px
        }

        .modal-title {
            margin: 0;
            line-height: 1.42857143
        }

        .modal-body {
            position: relative;
            padding: 15px
        }

        .modal-footer {
            padding: 15px;
            text-align: right;
            border-top: 1px solid #e5e5e5
        }

        .tooltip.top .tooltip-arrow,
        .tooltip.top-left .tooltip-arrow,
        .tooltip.top-right .tooltip-arrow {
            bottom: 0;
            border-width: 5px 5px 0;
            border-top-color: #000
        }

        .modal-footer .btn+.btn {
            margin-bottom: 0;
            margin-left: 5px
        }

        .modal-footer .btn-group .btn+.btn {
            margin-left: -1px
        }

        .modal-footer .btn-block+.btn-block {
            margin-left: 0
        }

        .modal-scrollbar-measure {
            position: absolute;
            top: -9999px;
            width: 50px;
            height: 50px;
            overflow: scroll
        }

        @media (min-width:768px) {
            .modal-dialog {
                width: 600px;
                margin: 30px auto
            }
            .modal-content {
                -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
                box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
            }
            .modal-sm {
                width: 300px
            }
        }

        @media (min-width:992px) {
            .modal-lg {
                width: 900px
            }
        }

        .tooltip {
            position: absolute;
            z-index: 1070;
            display: block;
            font-size: 12px;
            line-height: 1.4;
            visibility: visible;
            opacity: 0
        }

        .tooltip.in {
            opacity: .9
        }

        .tooltip.top {
            padding: 5px 0;
            margin-top: -3px
        }

        .tooltip.right {
            padding: 0 5px;
            margin-left: 3px
        }

        .tooltip.bottom {
            padding: 5px 0;
            margin-top: 3px
        }

        .tooltip.left {
            padding: 0 5px;
            margin-left: -3px
        }

        .tooltip-inner {
            max-width: 200px;
            padding: 3px 8px;
            color: #fff;
            text-align: center;
            text-decoration: none;
            background-color: #000;
            border-radius: 4px
        }

        .tooltip-arrow {
            position: absolute;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid
        }

        .tooltip.top .tooltip-arrow {
            left: 50%;
            margin-left: -5px
        }

        .tooltip.top-left .tooltip-arrow {
            left: 5px
        }

        .tooltip.top-right .tooltip-arrow {
            right: 5px
        }

        .tooltip.right .tooltip-arrow {
            top: 50%;
            left: 0;
            margin-top: -5px;
            border-width: 5px 5px 5px 0;
            border-right-color: #000
        }

        .tooltip.left .tooltip-arrow {
            top: 50%;
            right: 0;
            margin-top: -5px;
            border-width: 5px 0 5px 5px;
            border-left-color: #000
        }

        .tooltip.bottom .tooltip-arrow,
        .tooltip.bottom-left .tooltip-arrow,
        .tooltip.bottom-right .tooltip-arrow {
            border-width: 0 5px 5px;
            border-bottom-color: #000;
            top: 0
        }

        .tooltip.bottom .tooltip-arrow {
            left: 50%;
            margin-left: -5px
        }

        .tooltip.bottom-left .tooltip-arrow {
            left: 5px
        }

        .tooltip.bottom-right .tooltip-arrow {
            right: 5px
        }

        .popover {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1060;
            display: none;
            max-width: 276px;
            padding: 1px;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.42857143;
            text-align: left;
            white-space: normal;
            background-color: #fff;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            border: 1px solid #ccc;
            border: 1px solid rgba(0, 0, 0, .2);
            border-radius: 6px;
            -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
            box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
        }

        .popover.top {
            margin-top: -10px
        }

        .popover.right {
            margin-left: 10px
        }

        .popover.bottom {
            margin-top: 10px
        }

        .popover.left {
            margin-left: -10px
        }

        .popover-title {
            padding: 8px 14px;
            margin: 0;
            font-size: 14px;
            background-color: #f7f7f7;
            border-bottom: 1px solid #ebebeb;
            border-radius: 5px 5px 0 0
        }

        .popover-content {
            padding: 9px 14px
        }

        .popover>.arrow,
        .popover>.arrow:after {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid
        }

        .carousel,
        .carousel-inner {
            position: relative
        }

        .popover>.arrow {
            border-width: 11px
        }

        .popover>.arrow:after {
            content: "";
            border-width: 10px
        }

        .popover.top>.arrow {
            bottom: -11px;
            left: 50%;
            margin-left: -11px;
            border-top-color: #999;
            border-top-color: rgba(0, 0, 0, .25);
            border-bottom-width: 0
        }

        .popover.top>.arrow:after {
            bottom: 1px;
            margin-left: -10px;
            content: " ";
            border-top-color: #fff;
            border-bottom-width: 0
        }

        .popover.left>.arrow:after,
        .popover.right>.arrow:after {
            bottom: -10px;
            content: " "
        }

        .popover.right>.arrow {
            top: 50%;
            left: -11px;
            margin-top: -11px;
            border-right-color: #999;
            border-right-color: rgba(0, 0, 0, .25);
            border-left-width: 0
        }

        .popover.right>.arrow:after {
            left: 1px;
            border-right-color: #fff;
            border-left-width: 0
        }

        .popover.bottom>.arrow {
            top: -11px;
            left: 50%;
            margin-left: -11px;
            border-top-width: 0;
            border-bottom-color: #999;
            border-bottom-color: rgba(0, 0, 0, .25)
        }

        .popover.bottom>.arrow:after {
            top: 1px;
            margin-left: -10px;
            content: " ";
            border-top-width: 0;
            border-bottom-color: #fff
        }

        .popover.left>.arrow {
            top: 50%;
            right: -11px;
            margin-top: -11px;
            border-right-width: 0;
            border-left-color: #999;
            border-left-color: rgba(0, 0, 0, .25)
        }

        .popover.left>.arrow:after {
            right: 1px;
            border-right-width: 0;
            border-left-color: #fff
        }

        .carousel-inner {
            width: 100%;
            overflow: hidden
        }

        .carousel-inner>.item {
            position: relative;
            display: none;
            -webkit-transition: .6s ease-in-out left;
            -o-transition: .6s ease-in-out left;
            transition: .6s ease-in-out left
        }

        .carousel-inner>.item>a>img,
        .carousel-inner>.item>img {
            line-height: 1
        }

        @media all and (transform-3d),
        (-webkit-transform-3d) {
            .carousel-inner>.item {
                -webkit-transition: -webkit-transform .6s ease-in-out;
                -o-transition: -o-transform .6s ease-in-out;
                transition: transform .6s ease-in-out;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                -webkit-perspective: 1000;
                perspective: 1000
            }
            .carousel-inner>.item.active.right,
            .carousel-inner>.item.next {
                left: 0;
                -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0)
            }
            .carousel-inner>.item.active.left,
            .carousel-inner>.item.prev {
                left: 0;
                -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0)
            }
            .carousel-inner>.item.active,
            .carousel-inner>.item.next.left,
            .carousel-inner>.item.prev.right {
                left: 0;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
        }

        .carousel-inner>.active,
        .carousel-inner>.next,
        .carousel-inner>.prev {
            display: block
        }

        .carousel-inner>.active {
            left: 0
        }

        .carousel-inner>.next,
        .carousel-inner>.prev {
            position: absolute;
            top: 0;
            width: 100%
        }

        .carousel-inner>.next {
            left: 100%
        }

        .carousel-inner>.prev {
            left: -100%
        }

        .carousel-inner>.next.left,
        .carousel-inner>.prev.right {
            left: 0
        }

        .carousel-inner>.active.left {
            left: -100%
        }

        .carousel-inner>.active.right {
            left: 100%
        }

        .carousel-control {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 15%;
            font-size: 20px;
            color: #fff;
            text-align: center;
            opacity: .5
        }

        .carousel-control.left {
            background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
            background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
            background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
            background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
            background-repeat: repeat-x
        }

        .carousel-control.right {
            right: 0;
            left: auto;
            background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
            background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
            background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
            background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
            background-repeat: repeat-x
        }

        .carousel-control:focus,
        .carousel-control:hover {
            color: #fff;
            text-decoration: none;
            outline: 0;
            opacity: .9
        }

        .carousel-control .glyphicon-chevron-left,
        .carousel-control .glyphicon-chevron-right,
        .carousel-control .icon-next,
        .carousel-control .icon-prev {
            position: absolute;
            top: 50%;
            z-index: 5;
            display: inline-block
        }

        .carousel-control .glyphicon-chevron-left,
        .carousel-control .icon-prev {
            left: 50%;
            margin-left: -10px
        }

        .carousel-control .glyphicon-chevron-right,
        .carousel-control .icon-next {
            right: 50%;
            margin-right: -10px
        }

        .carousel-control .icon-next,
        .carousel-control .icon-prev {
            width: 20px;
            height: 20px;
            margin-top: -10px;
            font-family: serif
        }

        .carousel-control .icon-prev:before {
            content: '\2039'
        }

        .carousel-control .icon-next:before {
            content: '\203a'
        }

        .carousel-indicators {
            position: absolute;
            bottom: 10px;
            left: 50%;
            z-index: 15;
            width: 60%;
            padding-left: 0;
            margin-left: -30%;
            text-align: center;
            list-style: none
        }

        .carousel-indicators li {
            display: inline-block;
            width: 10px;
            height: 10px;
            margin: 1px;
            text-indent: -999px;
            cursor: pointer;
            background-color: #000;
            background-color: rgba(0, 0, 0, 0);
            border: 1px solid #fff;
            border-radius: 10px
        }

        .carousel-indicators .active {
            width: 12px;
            height: 12px;
            margin: 0;
            background-color: #fff
        }

        .carousel-caption {
            position: absolute;
            right: 15%;
            bottom: 20px;
            left: 15%;
            z-index: 10;
            padding-top: 20px;
            padding-bottom: 20px;
            color: #fff;
            text-align: center
        }

        .carousel-caption .btn,
        .text-hide {
            text-shadow: none
        }

        @media screen and (min-width:768px) {
            .carousel-control .glyphicon-chevron-left,
            .carousel-control .glyphicon-chevron-right,
            .carousel-control .icon-next,
            .carousel-control .icon-prev {
                width: 30px;
                height: 30px;
                margin-top: -15px;
                font-size: 30px
            }
            .carousel-control .glyphicon-chevron-left,
            .carousel-control .icon-prev {
                margin-left: -15px
            }
            .carousel-control .glyphicon-chevron-right,
            .carousel-control .icon-next {
                margin-right: -15px
            }
            .carousel-caption {
                right: 20%;
                left: 20%;
                padding-bottom: 30px
            }
            .carousel-indicators {
                bottom: 20px
            }
        }

        .btn-group-vertical>.btn-group:after,
        .btn-group-vertical>.btn-group:before,
        .btn-toolbar:after,
        .btn-toolbar:before,
        .clearfix:after,
        .clearfix:before,
        .container-fluid:after,
        .container-fluid:before,
        .container:after,
        .container:before,
        .dl-horizontal dd:after,
        .dl-horizontal dd:before,
        .form-horizontal .form-group:after,
        .form-horizontal .form-group:before,
        .modal-footer:after,
        .modal-footer:before,
        .nav:after,
        .nav:before,
        .navbar-collapse:after,
        .navbar-collapse:before,
        .navbar-header:after,
        .navbar-header:before,
        .navbar:after,
        .navbar:before,
        .pager:after,
        .pager:before,
        .panel-body:after,
        .panel-body:before,
        .row:after,
        .row:before {
            display: table;
            content: " "
        }

        .btn-group-vertical>.btn-group:after,
        .btn-toolbar:after,
        .clearfix:after,
        .container-fluid:after,
        .container:after,
        .dl-horizontal dd:after,
        .form-horizontal .form-group:after,
        .modal-footer:after,
        .nav:after,
        .navbar-collapse:after,
        .navbar-header:after,
        .navbar:after,
        .pager:after,
        .panel-body:after,
        .row:after {
            clear: both
        }

        .center-block {
            display: block;
            margin-right: auto;
            margin-left: auto
        }

        .pull-right {
            float: right !important
        }

        .pull-left {
            float: left !important
        }

        .hide {
            display: none !important
        }

        .show {
            display: block !important
        }

        .hidden,
        .visible-lg,
        .visible-lg-block,
        .visible-lg-inline,
        .visible-lg-inline-block,
        .visible-md,
        .visible-md-block,
        .visible-md-inline,
        .visible-md-inline-block,
        .visible-sm,
        .visible-sm-block,
        .visible-sm-inline,
        .visible-sm-inline-block,
        .visible-xs,
        .visible-xs-block,
        .visible-xs-inline,
        .visible-xs-inline-block {
            display: none !important
        }

        .invisible {
            visibility: hidden
        }

        .text-hide {
            font: 0/0 a;
            color: transparent;
            background-color: transparent;
            border: 0
        }

        .hidden {
            visibility: hidden !important
        }

        .affix {
            position: fixed
        }

        @-ms-viewport {
            width: device-width
        }

        @media (max-width:767px) {
            .visible-xs {
                display: block !important
            }
            table.visible-xs {
                display: table
            }
            tr.visible-xs {
                display: table-row !important
            }
            td.visible-xs,
            th.visible-xs {
                display: table-cell !important
            }
            .visible-xs-block {
                display: block !important
            }
            .visible-xs-inline {
                display: inline !important
            }
            .visible-xs-inline-block {
                display: inline-block !important
            }
        }

        @media (min-width:768px) and (max-width:991px) {
            .visible-sm {
                display: block !important
            }
            table.visible-sm {
                display: table
            }
            tr.visible-sm {
                display: table-row !important
            }
            td.visible-sm,
            th.visible-sm {
                display: table-cell !important
            }
            .visible-sm-block {
                display: block !important
            }
            .visible-sm-inline {
                display: inline !important
            }
            .visible-sm-inline-block {
                display: inline-block !important
            }
        }

        @media (min-width:992px) and (max-width:1199px) {
            .visible-md {
                display: block !important
            }
            table.visible-md {
                display: table
            }
            tr.visible-md {
                display: table-row !important
            }
            td.visible-md,
            th.visible-md {
                display: table-cell !important
            }
            .visible-md-block {
                display: block !important
            }
            .visible-md-inline {
                display: inline !important
            }
            .visible-md-inline-block {
                display: inline-block !important
            }
        }

        @media (min-width:1200px) {
            .visible-lg {
                display: block !important
            }
            table.visible-lg {
                display: table
            }
            tr.visible-lg {
                display: table-row !important
            }
            td.visible-lg,
            th.visible-lg {
                display: table-cell !important
            }
            .visible-lg-block {
                display: block !important
            }
            .visible-lg-inline {
                display: inline !important
            }
            .visible-lg-inline-block {
                display: inline-block !important
            }
            .hidden-lg {
                display: none !important
            }
        }

        @media (max-width:767px) {
            .hidden-xs {
                display: none !important
            }
        }

        @media (min-width:768px) and (max-width:991px) {
            .hidden-sm {
                display: none !important
            }
        }

        @media (min-width:992px) and (max-width:1199px) {
            .hidden-md {
                display: none !important
            }
        }

        .visible-print {
            display: none !important
        }

        @media print {
            .visible-print {
                display: block !important
            }
            table.visible-print {
                display: table
            }
            tr.visible-print {
                display: table-row !important
            }
            td.visible-print,
            th.visible-print {
                display: table-cell !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
            }
            .hidden-print {
                display: none !important
            }
        }

        /*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

        @font-face {
            font-family: FontAwesome;
            src: url(../fonts/font-awesome-4.7.0/fontawesome-webfont.eot?v=4.7.0);
            src: url(../fonts/font-awesome-4.7.0/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'), url(../fonts/font-awesome-4.7.0/fontawesome-webfont.woff2?v=4.7.0) format('woff2'), url(../fonts/font-awesome-4.7.0/fontawesome-webfont.woff?v=4.7.0) format('woff'), url(../fonts/font-awesome-4.7.0/fontawesome-webfont.ttf?v=4.7.0) format('truetype'), url(../fonts/font-awesome-4.7.0/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');
            font-weight: 400;
            font-style: normal
        }

        .fa {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        .fa-lg {
            font-size: 1.33333333em;
            line-height: .75em;
            vertical-align: -15%
        }

        .fa-2x {
            font-size: 2em
        }

        .fa-3x {
            font-size: 3em
        }

        .fa-4x {
            font-size: 4em
        }

        .fa-5x {
            font-size: 5em
        }

        .fa-fw {
            width: 1.28571429em;
            text-align: center
        }

        .fa-ul {
            padding-left: 0;
            margin-left: 2.14285714em;
            list-style-type: none
        }

        .fa-ul>li {
            position: relative
        }

        .fa-li {
            position: absolute;
            left: -2.14285714em;
            width: 2.14285714em;
            top: .14285714em;
            text-align: center
        }

        .fa-li.fa-lg {
            left: -1.85714286em
        }

        .fa-border {
            padding: .2em .25em .15em;
            border: solid .08em #eee;
            border-radius: .1em
        }

        .fa-pull-left {
            float: left
        }

        .fa-pull-right {
            float: right
        }

        .fa.fa-pull-left {
            margin-right: .3em
        }

        .fa.fa-pull-right {
            margin-left: .3em
        }

        .pull-right {
            float: right
        }

        .pull-left {
            float: left
        }

        .fa.pull-left {
            margin-right: .3em
        }

        .fa.pull-right {
            margin-left: .3em
        }

        .fa-spin {
            -webkit-animation: fa-spin 2s infinite linear;
            animation: fa-spin 2s infinite linear
        }

        .fa-pulse {
            -webkit-animation: fa-spin 1s infinite steps(8);
            animation: fa-spin 1s infinite steps(8)
        }

        @-webkit-keyframes fa-spin {
            0% {
                -webkit-transform: rotate(0);
                transform: rotate(0)
            }
            100% {
                -webkit-transform: rotate(359deg);
                transform: rotate(359deg)
            }
        }

        @keyframes fa-spin {
            0% {
                -webkit-transform: rotate(0);
                transform: rotate(0)
            }
            100% {
                -webkit-transform: rotate(359deg);
                transform: rotate(359deg)
            }
        }

        .fa-rotate-90 {
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg)
        }

        .fa-rotate-180 {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg)
        }

        .fa-rotate-270 {
            -webkit-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            transform: rotate(270deg)
        }

        .fa-flip-horizontal {
            -webkit-transform: scale(-1, 1);
            -ms-transform: scale(-1, 1);
            transform: scale(-1, 1)
        }

        .fa-flip-vertical {
            -webkit-transform: scale(1, -1);
            -ms-transform: scale(1, -1);
            transform: scale(1, -1)
        }

        :root .fa-flip-horizontal,
        :root .fa-flip-vertical,
        :root .fa-rotate-180,
        :root .fa-rotate-270,
        :root .fa-rotate-90 {
            filter: none
        }

        .fa-stack {
            position: relative;
            display: inline-block;
            width: 2em;
            height: 2em;
            line-height: 2em;
            vertical-align: middle
        }

        .fa-stack-1x,
        .fa-stack-2x {
            position: absolute;
            left: 0;
            width: 100%;
            text-align: center
        }

        .fa-stack-1x {
            line-height: inherit
        }

        .fa-stack-2x {
            font-size: 2em
        }

        .fa-inverse {
            color: #fff
        }

        .fa-glass:before {
            content: "\f000"
        }

        .fa-music:before {
            content: "\f001"
        }

        .fa-search:before {
            content: "\f002"
        }

        .fa-envelope-o:before {
            content: "\f003"
        }

        .fa-heart:before {
            content: "\f004"
        }

        .fa-star:before {
            content: "\f005"
        }

        .fa-star-o:before {
            content: "\f006"
        }

        .fa-user:before {
            content: "\f007"
        }

        .fa-film:before {
            content: "\f008"
        }

        .fa-th-large:before {
            content: "\f009"
        }

        .fa-th:before {
            content: "\f00a"
        }

        .fa-th-list:before {
            content: "\f00b"
        }

        .fa-check:before {
            content: "\f00c"
        }

        .fa-close:before,
        .fa-remove:before,
        .fa-times:before {
            content: "\f00d"
        }

        .fa-search-plus:before {
            content: "\f00e"
        }

        .fa-search-minus:before {
            content: "\f010"
        }

        .fa-power-off:before {
            content: "\f011"
        }

        .fa-signal:before {
            content: "\f012"
        }

        .fa-cog:before,
        .fa-gear:before {
            content: "\f013"
        }

        .fa-trash-o:before {
            content: "\f014"
        }

        .fa-home:before {
            content: "\f015"
        }

        .fa-file-o:before {
            content: "\f016"
        }

        .fa-clock-o:before {
            content: "\f017"
        }

        .fa-road:before {
            content: "\f018"
        }

        .fa-download:before {
            content: "\f019"
        }

        .fa-arrow-circle-o-down:before {
            content: "\f01a"
        }

        .fa-arrow-circle-o-up:before {
            content: "\f01b"
        }

        .fa-inbox:before {
            content: "\f01c"
        }

        .fa-play-circle-o:before {
            content: "\f01d"
        }

        .fa-repeat:before,
        .fa-rotate-right:before {
            content: "\f01e"
        }

        .fa-refresh:before {
            content: "\f021"
        }

        .fa-list-alt:before {
            content: "\f022"
        }

        .fa-lock:before {
            content: "\f023"
        }

        .fa-flag:before {
            content: "\f024"
        }

        .fa-headphones:before {
            content: "\f025"
        }

        .fa-volume-off:before {
            content: "\f026"
        }

        .fa-volume-down:before {
            content: "\f027"
        }

        .fa-volume-up:before {
            content: "\f028"
        }

        .fa-qrcode:before {
            content: "\f029"
        }

        .fa-barcode:before {
            content: "\f02a"
        }

        .fa-tag:before {
            content: "\f02b"
        }

        .fa-tags:before {
            content: "\f02c"
        }

        .fa-book:before {
            content: "\f02d"
        }

        .fa-bookmark:before {
            content: "\f02e"
        }

        .fa-print:before {
            content: "\f02f"
        }

        .fa-camera:before {
            content: "\f030"
        }

        .fa-font:before {
            content: "\f031"
        }

        .fa-bold:before {
            content: "\f032"
        }

        .fa-italic:before {
            content: "\f033"
        }

        .fa-text-height:before {
            content: "\f034"
        }

        .fa-text-width:before {
            content: "\f035"
        }

        .fa-align-left:before {
            content: "\f036"
        }

        .fa-align-center:before {
            content: "\f037"
        }

        .fa-align-right:before {
            content: "\f038"
        }

        .fa-align-justify:before {
            content: "\f039"
        }

        .fa-list:before {
            content: "\f03a"
        }

        .fa-dedent:before,
        .fa-outdent:before {
            content: "\f03b"
        }

        .fa-indent:before {
            content: "\f03c"
        }

        .fa-video-camera:before {
            content: "\f03d"
        }

        .fa-image:before,
        .fa-photo:before,
        .fa-picture-o:before {
            content: "\f03e"
        }

        .fa-pencil:before {
            content: "\f040"
        }

        .fa-map-marker:before {
            content: "\f041"
        }

        .fa-adjust:before {
            content: "\f042"
        }

        .fa-tint:before {
            content: "\f043"
        }

        .fa-edit:before,
        .fa-pencil-square-o:before {
            content: "\f044"
        }

        .fa-share-square-o:before {
            content: "\f045"
        }

        .fa-check-square-o:before {
            content: "\f046"
        }

        .fa-arrows:before {
            content: "\f047"
        }

        .fa-step-backward:before {
            content: "\f048"
        }

        .fa-fast-backward:before {
            content: "\f049"
        }

        .fa-backward:before {
            content: "\f04a"
        }

        .fa-play:before {
            content: "\f04b"
        }

        .fa-pause:before {
            content: "\f04c"
        }

        .fa-stop:before {
            content: "\f04d"
        }

        .fa-forward:before {
            content: "\f04e"
        }

        .fa-fast-forward:before {
            content: "\f050"
        }

        .fa-step-forward:before {
            content: "\f051"
        }

        .fa-eject:before {
            content: "\f052"
        }

        .fa-chevron-left:before {
            content: "\f053"
        }

        .fa-chevron-right:before {
            content: "\f054"
        }

        .fa-plus-circle:before {
            content: "\f055"
        }

        .fa-minus-circle:before {
            content: "\f056"
        }

        .fa-times-circle:before {
            content: "\f057"
        }

        .fa-check-circle:before {
            content: "\f058"
        }

        .fa-question-circle:before {
            content: "\f059"
        }

        .fa-info-circle:before {
            content: "\f05a"
        }

        .fa-crosshairs:before {
            content: "\f05b"
        }

        .fa-times-circle-o:before {
            content: "\f05c"
        }

        .fa-check-circle-o:before {
            content: "\f05d"
        }

        .fa-ban:before {
            content: "\f05e"
        }

        .fa-arrow-left:before {
            content: "\f060"
        }

        .fa-arrow-right:before {
            content: "\f061"
        }

        .fa-arrow-up:before {
            content: "\f062"
        }

        .fa-arrow-down:before {
            content: "\f063"
        }

        .fa-mail-forward:before,
        .fa-share:before {
            content: "\f064"
        }

        .fa-expand:before {
            content: "\f065"
        }

        .fa-compress:before {
            content: "\f066"
        }

        .fa-plus:before {
            content: "\f067"
        }

        .fa-minus:before {
            content: "\f068"
        }

        .fa-asterisk:before {
            content: "\f069"
        }

        .fa-exclamation-circle:before {
            content: "\f06a"
        }

        .fa-gift:before {
            content: "\f06b"
        }

        .fa-leaf:before {
            content: "\f06c"
        }

        .fa-fire:before {
            content: "\f06d"
        }

        .fa-eye:before {
            content: "\f06e"
        }

        .fa-eye-slash:before {
            content: "\f070"
        }

        .fa-exclamation-triangle:before,
        .fa-warning:before {
            content: "\f071"
        }

        .fa-plane:before {
            content: "\f072"
        }

        .fa-calendar:before {
            content: "\f073"
        }

        .fa-random:before {
            content: "\f074"
        }

        .fa-comment:before {
            content: "\f075"
        }

        .fa-magnet:before {
            content: "\f076"
        }

        .fa-chevron-up:before {
            content: "\f077"
        }

        .fa-chevron-down:before {
            content: "\f078"
        }

        .fa-retweet:before {
            content: "\f079"
        }

        .fa-shopping-cart:before {
            content: "\f07a"
        }

        .fa-folder:before {
            content: "\f07b"
        }

        .fa-folder-open:before {
            content: "\f07c"
        }

        .fa-arrows-v:before {
            content: "\f07d"
        }

        .fa-arrows-h:before {
            content: "\f07e"
        }

        .fa-bar-chart-o:before,
        .fa-bar-chart:before {
            content: "\f080"
        }

        .fa-twitter-square:before {
            content: "\f081"
        }

        .fa-facebook-square:before {
            content: "\f082"
        }

        .fa-camera-retro:before {
            content: "\f083"
        }

        .fa-key:before {
            content: "\f084"
        }

        .fa-cogs:before,
        .fa-gears:before {
            content: "\f085"
        }

        .fa-comments:before {
            content: "\f086"
        }

        .fa-thumbs-o-up:before {
            content: "\f087"
        }

        .fa-thumbs-o-down:before {
            content: "\f088"
        }

        .fa-star-half:before {
            content: "\f089"
        }

        .fa-heart-o:before {
            content: "\f08a"
        }

        .fa-sign-out:before {
            content: "\f08b"
        }

        .fa-linkedin-square:before {
            content: "\f08c"
        }

        .fa-thumb-tack:before {
            content: "\f08d"
        }

        .fa-external-link:before {
            content: "\f08e"
        }

        .fa-sign-in:before {
            content: "\f090"
        }

        .fa-trophy:before {
            content: "\f091"
        }

        .fa-github-square:before {
            content: "\f092"
        }

        .fa-upload:before {
            content: "\f093"
        }

        .fa-lemon-o:before {
            content: "\f094"
        }

        .fa-phone:before {
            content: "\f095"
        }

        .fa-square-o:before {
            content: "\f096"
        }

        .fa-bookmark-o:before {
            content: "\f097"
        }

        .fa-phone-square:before {
            content: "\f098"
        }

        .fa-twitter:before {
            content: "\f099"
        }

        .fa-facebook-f:before,
        .fa-facebook:before {
            content: "\f09a"
        }

        .fa-github:before {
            content: "\f09b"
        }

        .fa-unlock:before {
            content: "\f09c"
        }

        .fa-credit-card:before {
            content: "\f09d"
        }

        .fa-feed:before,
        .fa-rss:before {
            content: "\f09e"
        }

        .fa-hdd-o:before {
            content: "\f0a0"
        }

        .fa-bullhorn:before {
            content: "\f0a1"
        }

        .fa-bell:before {
            content: "\f0f3"
        }

        .fa-certificate:before {
            content: "\f0a3"
        }

        .fa-hand-o-right:before {
            content: "\f0a4"
        }

        .fa-hand-o-left:before {
            content: "\f0a5"
        }

        .fa-hand-o-up:before {
            content: "\f0a6"
        }

        .fa-hand-o-down:before {
            content: "\f0a7"
        }

        .fa-arrow-circle-left:before {
            content: "\f0a8"
        }

        .fa-arrow-circle-right:before {
            content: "\f0a9"
        }

        .fa-arrow-circle-up:before {
            content: "\f0aa"
        }

        .fa-arrow-circle-down:before {
            content: "\f0ab"
        }

        .fa-globe:before {
            content: "\f0ac"
        }

        .fa-wrench:before {
            content: "\f0ad"
        }

        .fa-tasks:before {
            content: "\f0ae"
        }

        .fa-filter:before {
            content: "\f0b0"
        }

        .fa-briefcase:before {
            content: "\f0b1"
        }

        .fa-arrows-alt:before {
            content: "\f0b2"
        }

        .fa-group:before,
        .fa-users:before {
            content: "\f0c0"
        }

        .fa-chain:before,
        .fa-link:before {
            content: "\f0c1"
        }

        .fa-cloud:before {
            content: "\f0c2"
        }

        .fa-flask:before {
            content: "\f0c3"
        }

        .fa-cut:before,
        .fa-scissors:before {
            content: "\f0c4"
        }

        .fa-copy:before,
        .fa-files-o:before {
            content: "\f0c5"
        }

        .fa-paperclip:before {
            content: "\f0c6"
        }

        .fa-floppy-o:before,
        .fa-save:before {
            content: "\f0c7"
        }

        .fa-square:before {
            content: "\f0c8"
        }

        .fa-bars:before,
        .fa-navicon:before,
        .fa-reorder:before {
            content: "\f0c9"
        }

        .fa-list-ul:before {
            content: "\f0ca"
        }

        .fa-list-ol:before {
            content: "\f0cb"
        }

        .fa-strikethrough:before {
            content: "\f0cc"
        }

        .fa-underline:before {
            content: "\f0cd"
        }

        .fa-table:before {
            content: "\f0ce"
        }

        .fa-magic:before {
            content: "\f0d0"
        }

        .fa-truck:before {
            content: "\f0d1"
        }

        .fa-pinterest:before {
            content: "\f0d2"
        }

        .fa-pinterest-square:before {
            content: "\f0d3"
        }

        .fa-google-plus-square:before {
            content: "\f0d4"
        }

        .fa-google-plus:before {
            content: "\f0d5"
        }

        .fa-money:before {
            content: "\f0d6"
        }

        .fa-caret-down:before {
            content: "\f0d7"
        }

        .fa-caret-up:before {
            content: "\f0d8"
        }

        .fa-caret-left:before {
            content: "\f0d9"
        }

        .fa-caret-right:before {
            content: "\f0da"
        }

        .fa-columns:before {
            content: "\f0db"
        }

        .fa-sort:before,
        .fa-unsorted:before {
            content: "\f0dc"
        }

        .fa-sort-desc:before,
        .fa-sort-down:before {
            content: "\f0dd"
        }

        .fa-sort-asc:before,
        .fa-sort-up:before {
            content: "\f0de"
        }

        .fa-envelope:before {
            content: "\f0e0"
        }

        .fa-linkedin:before {
            content: "\f0e1"
        }

        .fa-rotate-left:before,
        .fa-undo:before {
            content: "\f0e2"
        }

        .fa-gavel:before,
        .fa-legal:before {
            content: "\f0e3"
        }

        .fa-dashboard:before,
        .fa-tachometer:before {
            content: "\f0e4"
        }

        .fa-comment-o:before {
            content: "\f0e5"
        }

        .fa-comments-o:before {
            content: "\f0e6"
        }

        .fa-bolt:before,
        .fa-flash:before {
            content: "\f0e7"
        }

        .fa-sitemap:before {
            content: "\f0e8"
        }

        .fa-umbrella:before {
            content: "\f0e9"
        }

        .fa-clipboard:before,
        .fa-paste:before {
            content: "\f0ea"
        }

        .fa-lightbulb-o:before {
            content: "\f0eb"
        }

        .fa-exchange:before {
            content: "\f0ec"
        }

        .fa-cloud-download:before {
            content: "\f0ed"
        }

        .fa-cloud-upload:before {
            content: "\f0ee"
        }

        .fa-user-md:before {
            content: "\f0f0"
        }

        .fa-stethoscope:before {
            content: "\f0f1"
        }

        .fa-suitcase:before {
            content: "\f0f2"
        }

        .fa-bell-o:before {
            content: "\f0a2"
        }

        .fa-coffee:before {
            content: "\f0f4"
        }

        .fa-cutlery:before {
            content: "\f0f5"
        }

        .fa-file-text-o:before {
            content: "\f0f6"
        }

        .fa-building-o:before {
            content: "\f0f7"
        }

        .fa-hospital-o:before {
            content: "\f0f8"
        }

        .fa-ambulance:before {
            content: "\f0f9"
        }

        .fa-medkit:before {
            content: "\f0fa"
        }

        .fa-fighter-jet:before {
            content: "\f0fb"
        }

        .fa-beer:before {
            content: "\f0fc"
        }

        .fa-h-square:before {
            content: "\f0fd"
        }

        .fa-plus-square:before {
            content: "\f0fe"
        }

        .fa-angle-double-left:before {
            content: "\f100"
        }

        .fa-angle-double-right:before {
            content: "\f101"
        }

        .fa-angle-double-up:before {
            content: "\f102"
        }

        .fa-angle-double-down:before {
            content: "\f103"
        }

        .fa-angle-left:before {
            content: "\f104"
        }

        .fa-angle-right:before {
            content: "\f105"
        }

        .fa-angle-up:before {
            content: "\f106"
        }

        .fa-angle-down:before {
            content: "\f107"
        }

        .fa-desktop:before {
            content: "\f108"
        }

        .fa-laptop:before {
            content: "\f109"
        }

        .fa-tablet:before {
            content: "\f10a"
        }

        .fa-mobile-phone:before,
        .fa-mobile:before {
            content: "\f10b"
        }

        .fa-circle-o:before {
            content: "\f10c"
        }

        .fa-quote-left:before {
            content: "\f10d"
        }

        .fa-quote-right:before {
            content: "\f10e"
        }

        .fa-spinner:before {
            content: "\f110"
        }

        .fa-circle:before {
            content: "\f111"
        }

        .fa-mail-reply:before,
        .fa-reply:before {
            content: "\f112"
        }

        .fa-github-alt:before {
            content: "\f113"
        }

        .fa-folder-o:before {
            content: "\f114"
        }

        .fa-folder-open-o:before {
            content: "\f115"
        }

        .fa-smile-o:before {
            content: "\f118"
        }

        .fa-frown-o:before {
            content: "\f119"
        }

        .fa-meh-o:before {
            content: "\f11a"
        }

        .fa-gamepad:before {
            content: "\f11b"
        }

        .fa-keyboard-o:before {
            content: "\f11c"
        }

        .fa-flag-o:before {
            content: "\f11d"
        }

        .fa-flag-checkered:before {
            content: "\f11e"
        }

        .fa-terminal:before {
            content: "\f120"
        }

        .fa-code:before {
            content: "\f121"
        }

        .fa-mail-reply-all:before,
        .fa-reply-all:before {
            content: "\f122"
        }

        .fa-star-half-empty:before,
        .fa-star-half-full:before,
        .fa-star-half-o:before {
            content: "\f123"
        }

        .fa-location-arrow:before {
            content: "\f124"
        }

        .fa-crop:before {
            content: "\f125"
        }

        .fa-code-fork:before {
            content: "\f126"
        }

        .fa-chain-broken:before,
        .fa-unlink:before {
            content: "\f127"
        }

        .fa-question:before {
            content: "\f128"
        }

        .fa-info:before {
            content: "\f129"
        }

        .fa-exclamation:before {
            content: "\f12a"
        }

        .fa-superscript:before {
            content: "\f12b"
        }

        .fa-subscript:before {
            content: "\f12c"
        }

        .fa-eraser:before {
            content: "\f12d"
        }

        .fa-puzzle-piece:before {
            content: "\f12e"
        }

        .fa-microphone:before {
            content: "\f130"
        }

        .fa-microphone-slash:before {
            content: "\f131"
        }

        .fa-shield:before {
            content: "\f132"
        }

        .fa-calendar-o:before {
            content: "\f133"
        }

        .fa-fire-extinguisher:before {
            content: "\f134"
        }

        .fa-rocket:before {
            content: "\f135"
        }

        .fa-maxcdn:before {
            content: "\f136"
        }

        .fa-chevron-circle-left:before {
            content: "\f137"
        }

        .fa-chevron-circle-right:before {
            content: "\f138"
        }

        .fa-chevron-circle-up:before {
            content: "\f139"
        }

        .fa-chevron-circle-down:before {
            content: "\f13a"
        }

        .fa-html5:before {
            content: "\f13b"
        }

        .fa-css3:before {
            content: "\f13c"
        }

        .fa-anchor:before {
            content: "\f13d"
        }

        .fa-unlock-alt:before {
            content: "\f13e"
        }

        .fa-bullseye:before {
            content: "\f140"
        }

        .fa-ellipsis-h:before {
            content: "\f141"
        }

        .fa-ellipsis-v:before {
            content: "\f142"
        }

        .fa-rss-square:before {
            content: "\f143"
        }

        .fa-play-circle:before {
            content: "\f144"
        }

        .fa-ticket:before {
            content: "\f145"
        }

        .fa-minus-square:before {
            content: "\f146"
        }

        .fa-minus-square-o:before {
            content: "\f147"
        }

        .fa-level-up:before {
            content: "\f148"
        }

        .fa-level-down:before {
            content: "\f149"
        }

        .fa-check-square:before {
            content: "\f14a"
        }

        .fa-pencil-square:before {
            content: "\f14b"
        }

        .fa-external-link-square:before {
            content: "\f14c"
        }

        .fa-share-square:before {
            content: "\f14d"
        }

        .fa-compass:before {
            content: "\f14e"
        }

        .fa-caret-square-o-down:before,
        .fa-toggle-down:before {
            content: "\f150"
        }

        .fa-caret-square-o-up:before,
        .fa-toggle-up:before {
            content: "\f151"
        }

        .fa-caret-square-o-right:before,
        .fa-toggle-right:before {
            content: "\f152"
        }

        .fa-eur:before,
        .fa-euro:before {
            content: "\f153"
        }

        .fa-gbp:before {
            content: "\f154"
        }

        .fa-dollar:before,
        .fa-usd:before {
            content: "\f155"
        }

        .fa-inr:before,
        .fa-rupee:before {
            content: "\f156"
        }

        .fa-cny:before,
        .fa-jpy:before,
        .fa-rmb:before,
        .fa-yen:before {
            content: "\f157"
        }

        .fa-rouble:before,
        .fa-rub:before,
        .fa-ruble:before {
            content: "\f158"
        }

        .fa-krw:before,
        .fa-won:before {
            content: "\f159"
        }

        .fa-bitcoin:before,
        .fa-btc:before {
            content: "\f15a"
        }

        .fa-file:before {
            content: "\f15b"
        }

        .fa-file-text:before {
            content: "\f15c"
        }

        .fa-sort-alpha-asc:before {
            content: "\f15d"
        }

        .fa-sort-alpha-desc:before {
            content: "\f15e"
        }

        .fa-sort-amount-asc:before {
            content: "\f160"
        }

        .fa-sort-amount-desc:before {
            content: "\f161"
        }

        .fa-sort-numeric-asc:before {
            content: "\f162"
        }

        .fa-sort-numeric-desc:before {
            content: "\f163"
        }

        .fa-thumbs-up:before {
            content: "\f164"
        }

        .fa-thumbs-down:before {
            content: "\f165"
        }

        .fa-youtube-square:before {
            content: "\f166"
        }

        .fa-youtube:before {
            content: "\f167"
        }

        .fa-xing:before {
            content: "\f168"
        }

        .fa-xing-square:before {
            content: "\f169"
        }

        .fa-youtube-play:before {
            content: "\f16a"
        }

        .fa-dropbox:before {
            content: "\f16b"
        }

        .fa-stack-overflow:before {
            content: "\f16c"
        }

        .fa-instagram:before {
            content: "\f16d"
        }

        .fa-flickr:before {
            content: "\f16e"
        }

        .fa-adn:before {
            content: "\f170"
        }

        .fa-bitbucket:before {
            content: "\f171"
        }

        .fa-bitbucket-square:before {
            content: "\f172"
        }

        .fa-tumblr:before {
            content: "\f173"
        }

        .fa-tumblr-square:before {
            content: "\f174"
        }

        .fa-long-arrow-down:before {
            content: "\f175"
        }

        .fa-long-arrow-up:before {
            content: "\f176"
        }

        .fa-long-arrow-left:before {
            content: "\f177"
        }

        .fa-long-arrow-right:before {
            content: "\f178"
        }

        .fa-apple:before {
            content: "\f179"
        }

        .fa-windows:before {
            content: "\f17a"
        }

        .fa-android:before {
            content: "\f17b"
        }

        .fa-linux:before {
            content: "\f17c"
        }

        .fa-dribbble:before {
            content: "\f17d"
        }

        .fa-skype:before {
            content: "\f17e"
        }

        .fa-foursquare:before {
            content: "\f180"
        }

        .fa-trello:before {
            content: "\f181"
        }

        .fa-female:before {
            content: "\f182"
        }

        .fa-male:before {
            content: "\f183"
        }

        .fa-gittip:before,
        .fa-gratipay:before {
            content: "\f184"
        }

        .fa-sun-o:before {
            content: "\f185"
        }

        .fa-moon-o:before {
            content: "\f186"
        }

        .fa-archive:before {
            content: "\f187"
        }

        .fa-bug:before {
            content: "\f188"
        }

        .fa-vk:before {
            content: "\f189"
        }

        .fa-weibo:before {
            content: "\f18a"
        }

        .fa-renren:before {
            content: "\f18b"
        }

        .fa-pagelines:before {
            content: "\f18c"
        }

        .fa-stack-exchange:before {
            content: "\f18d"
        }

        .fa-arrow-circle-o-right:before {
            content: "\f18e"
        }

        .fa-arrow-circle-o-left:before {
            content: "\f190"
        }

        .fa-caret-square-o-left:before,
        .fa-toggle-left:before {
            content: "\f191"
        }

        .fa-dot-circle-o:before {
            content: "\f192"
        }

        .fa-wheelchair:before {
            content: "\f193"
        }

        .fa-vimeo-square:before {
            content: "\f194"
        }

        .fa-try:before,
        .fa-turkish-lira:before {
            content: "\f195"
        }

        .fa-plus-square-o:before {
            content: "\f196"
        }

        .fa-space-shuttle:before {
            content: "\f197"
        }

        .fa-slack:before {
            content: "\f198"
        }

        .fa-envelope-square:before {
            content: "\f199"
        }

        .fa-wordpress:before {
            content: "\f19a"
        }

        .fa-openid:before {
            content: "\f19b"
        }

        .fa-bank:before,
        .fa-institution:before,
        .fa-university:before {
            content: "\f19c"
        }

        .fa-graduation-cap:before,
        .fa-mortar-board:before {
            content: "\f19d"
        }

        .fa-yahoo:before {
            content: "\f19e"
        }

        .fa-google:before {
            content: "\f1a0"
        }

        .fa-reddit:before {
            content: "\f1a1"
        }

        .fa-reddit-square:before {
            content: "\f1a2"
        }

        .fa-stumbleupon-circle:before {
            content: "\f1a3"
        }

        .fa-stumbleupon:before {
            content: "\f1a4"
        }

        .fa-delicious:before {
            content: "\f1a5"
        }

        .fa-digg:before {
            content: "\f1a6"
        }

        .fa-pied-piper-pp:before {
            content: "\f1a7"
        }

        .fa-pied-piper-alt:before {
            content: "\f1a8"
        }

        .fa-drupal:before {
            content: "\f1a9"
        }

        .fa-joomla:before {
            content: "\f1aa"
        }

        .fa-language:before {
            content: "\f1ab"
        }

        .fa-fax:before {
            content: "\f1ac"
        }

        .fa-building:before {
            content: "\f1ad"
        }

        .fa-child:before {
            content: "\f1ae"
        }

        .fa-paw:before {
            content: "\f1b0"
        }

        .fa-spoon:before {
            content: "\f1b1"
        }

        .fa-cube:before {
            content: "\f1b2"
        }

        .fa-cubes:before {
            content: "\f1b3"
        }

        .fa-behance:before {
            content: "\f1b4"
        }

        .fa-behance-square:before {
            content: "\f1b5"
        }

        .fa-steam:before {
            content: "\f1b6"
        }

        .fa-steam-square:before {
            content: "\f1b7"
        }

        .fa-recycle:before {
            content: "\f1b8"
        }

        .fa-automobile:before,
        .fa-car:before {
            content: "\f1b9"
        }

        .fa-cab:before,
        .fa-taxi:before {
            content: "\f1ba"
        }

        .fa-tree:before {
            content: "\f1bb"
        }

        .fa-spotify:before {
            content: "\f1bc"
        }

        .fa-deviantart:before {
            content: "\f1bd"
        }

        .fa-soundcloud:before {
            content: "\f1be"
        }

        .fa-database:before {
            content: "\f1c0"
        }

        .fa-file-pdf-o:before {
            content: "\f1c1"
        }

        .fa-file-word-o:before {
            content: "\f1c2"
        }

        .fa-file-excel-o:before {
            content: "\f1c3"
        }

        .fa-file-powerpoint-o:before {
            content: "\f1c4"
        }

        .fa-file-image-o:before,
        .fa-file-photo-o:before,
        .fa-file-picture-o:before {
            content: "\f1c5"
        }

        .fa-file-archive-o:before,
        .fa-file-zip-o:before {
            content: "\f1c6"
        }

        .fa-file-audio-o:before,
        .fa-file-sound-o:before {
            content: "\f1c7"
        }

        .fa-file-movie-o:before,
        .fa-file-video-o:before {
            content: "\f1c8"
        }

        .fa-file-code-o:before {
            content: "\f1c9"
        }

        .fa-vine:before {
            content: "\f1ca"
        }

        .fa-codepen:before {
            content: "\f1cb"
        }

        .fa-jsfiddle:before {
            content: "\f1cc"
        }

        .fa-life-bouy:before,
        .fa-life-buoy:before,
        .fa-life-ring:before,
        .fa-life-saver:before,
        .fa-support:before {
            content: "\f1cd"
        }

        .fa-circle-o-notch:before {
            content: "\f1ce"
        }

        .fa-ra:before,
        .fa-rebel:before,
        .fa-resistance:before {
            content: "\f1d0"
        }

        .fa-empire:before,
        .fa-ge:before {
            content: "\f1d1"
        }

        .fa-git-square:before {
            content: "\f1d2"
        }

        .fa-git:before {
            content: "\f1d3"
        }

        .fa-hacker-news:before,
        .fa-y-combinator-square:before,
        .fa-yc-square:before {
            content: "\f1d4"
        }

        .fa-tencent-weibo:before {
            content: "\f1d5"
        }

        .fa-qq:before {
            content: "\f1d6"
        }

        .fa-wechat:before,
        .fa-weixin:before {
            content: "\f1d7"
        }

        .fa-paper-plane:before,
        .fa-send:before {
            content: "\f1d8"
        }

        .fa-paper-plane-o:before,
        .fa-send-o:before {
            content: "\f1d9"
        }

        .fa-history:before {
            content: "\f1da"
        }

        .fa-circle-thin:before {
            content: "\f1db"
        }

        .fa-header:before {
            content: "\f1dc"
        }

        .fa-paragraph:before {
            content: "\f1dd"
        }

        .fa-sliders:before {
            content: "\f1de"
        }

        .fa-share-alt:before {
            content: "\f1e0"
        }

        .fa-share-alt-square:before {
            content: "\f1e1"
        }

        .fa-bomb:before {
            content: "\f1e2"
        }

        .fa-futbol-o:before,
        .fa-soccer-ball-o:before {
            content: "\f1e3"
        }

        .fa-tty:before {
            content: "\f1e4"
        }

        .fa-binoculars:before {
            content: "\f1e5"
        }

        .fa-plug:before {
            content: "\f1e6"
        }

        .fa-slideshare:before {
            content: "\f1e7"
        }

        .fa-twitch:before {
            content: "\f1e8"
        }

        .fa-yelp:before {
            content: "\f1e9"
        }

        .fa-newspaper-o:before {
            content: "\f1ea"
        }

        .fa-wifi:before {
            content: "\f1eb"
        }

        .fa-calculator:before {
            content: "\f1ec"
        }

        .fa-paypal:before {
            content: "\f1ed"
        }

        .fa-google-wallet:before {
            content: "\f1ee"
        }

        .fa-cc-visa:before {
            content: "\f1f0"
        }

        .fa-cc-mastercard:before {
            content: "\f1f1"
        }

        .fa-cc-discover:before {
            content: "\f1f2"
        }

        .fa-cc-amex:before {
            content: "\f1f3"
        }

        .fa-cc-paypal:before {
            content: "\f1f4"
        }

        .fa-cc-stripe:before {
            content: "\f1f5"
        }

        .fa-bell-slash:before {
            content: "\f1f6"
        }

        .fa-bell-slash-o:before {
            content: "\f1f7"
        }

        .fa-trash:before {
            content: "\f1f8"
        }

        .fa-copyright:before {
            content: "\f1f9"
        }

        .fa-at:before {
            content: "\f1fa"
        }

        .fa-eyedropper:before {
            content: "\f1fb"
        }

        .fa-paint-brush:before {
            content: "\f1fc"
        }

        .fa-birthday-cake:before {
            content: "\f1fd"
        }

        .fa-area-chart:before {
            content: "\f1fe"
        }

        .fa-pie-chart:before {
            content: "\f200"
        }

        .fa-line-chart:before {
            content: "\f201"
        }

        .fa-lastfm:before {
            content: "\f202"
        }

        .fa-lastfm-square:before {
            content: "\f203"
        }

        .fa-toggle-off:before {
            content: "\f204"
        }

        .fa-toggle-on:before {
            content: "\f205"
        }

        .fa-bicycle:before {
            content: "\f206"
        }

        .fa-bus:before {
            content: "\f207"
        }

        .fa-ioxhost:before {
            content: "\f208"
        }

        .fa-angellist:before {
            content: "\f209"
        }

        .fa-cc:before {
            content: "\f20a"
        }

        .fa-ils:before,
        .fa-shekel:before,
        .fa-sheqel:before {
            content: "\f20b"
        }

        .fa-meanpath:before {
            content: "\f20c"
        }

        .fa-buysellads:before {
            content: "\f20d"
        }

        .fa-connectdevelop:before {
            content: "\f20e"
        }

        .fa-dashcube:before {
            content: "\f210"
        }

        .fa-forumbee:before {
            content: "\f211"
        }

        .fa-leanpub:before {
            content: "\f212"
        }

        .fa-sellsy:before {
            content: "\f213"
        }

        .fa-shirtsinbulk:before {
            content: "\f214"
        }

        .fa-simplybuilt:before {
            content: "\f215"
        }

        .fa-skyatlas:before {
            content: "\f216"
        }

        .fa-cart-plus:before {
            content: "\f217"
        }

        .fa-cart-arrow-down:before {
            content: "\f218"
        }

        .fa-diamond:before {
            content: "\f219"
        }

        .fa-ship:before {
            content: "\f21a"
        }

        .fa-user-secret:before {
            content: "\f21b"
        }

        .fa-motorcycle:before {
            content: "\f21c"
        }

        .fa-street-view:before {
            content: "\f21d"
        }

        .fa-heartbeat:before {
            content: "\f21e"
        }

        .fa-venus:before {
            content: "\f221"
        }

        .fa-mars:before {
            content: "\f222"
        }

        .fa-mercury:before {
            content: "\f223"
        }

        .fa-intersex:before,
        .fa-transgender:before {
            content: "\f224"
        }

        .fa-transgender-alt:before {
            content: "\f225"
        }

        .fa-venus-double:before {
            content: "\f226"
        }

        .fa-mars-double:before {
            content: "\f227"
        }

        .fa-venus-mars:before {
            content: "\f228"
        }

        .fa-mars-stroke:before {
            content: "\f229"
        }

        .fa-mars-stroke-v:before {
            content: "\f22a"
        }

        .fa-mars-stroke-h:before {
            content: "\f22b"
        }

        .fa-neuter:before {
            content: "\f22c"
        }

        .fa-genderless:before {
            content: "\f22d"
        }

        .fa-facebook-official:before {
            content: "\f230"
        }

        .fa-pinterest-p:before {
            content: "\f231"
        }

        .fa-whatsapp:before {
            content: "\f232"
        }

        .fa-server:before {
            content: "\f233"
        }

        .fa-user-plus:before {
            content: "\f234"
        }

        .fa-user-times:before {
            content: "\f235"
        }

        .fa-bed:before,
        .fa-hotel:before {
            content: "\f236"
        }

        .fa-viacoin:before {
            content: "\f237"
        }

        .fa-train:before {
            content: "\f238"
        }

        .fa-subway:before {
            content: "\f239"
        }

        .fa-medium:before {
            content: "\f23a"
        }

        .fa-y-combinator:before,
        .fa-yc:before {
            content: "\f23b"
        }

        .fa-optin-monster:before {
            content: "\f23c"
        }

        .fa-opencart:before {
            content: "\f23d"
        }

        .fa-expeditedssl:before {
            content: "\f23e"
        }

        .fa-battery-4:before,
        .fa-battery-full:before,
        .fa-battery:before {
            content: "\f240"
        }

        .fa-battery-3:before,
        .fa-battery-three-quarters:before {
            content: "\f241"
        }

        .fa-battery-2:before,
        .fa-battery-half:before {
            content: "\f242"
        }

        .fa-battery-1:before,
        .fa-battery-quarter:before {
            content: "\f243"
        }

        .fa-battery-0:before,
        .fa-battery-empty:before {
            content: "\f244"
        }

        .fa-mouse-pointer:before {
            content: "\f245"
        }

        .fa-i-cursor:before {
            content: "\f246"
        }

        .fa-object-group:before {
            content: "\f247"
        }

        .fa-object-ungroup:before {
            content: "\f248"
        }

        .fa-sticky-note:before {
            content: "\f249"
        }

        .fa-sticky-note-o:before {
            content: "\f24a"
        }

        .fa-cc-jcb:before {
            content: "\f24b"
        }

        .fa-cc-diners-club:before {
            content: "\f24c"
        }

        .fa-clone:before {
            content: "\f24d"
        }

        .fa-balance-scale:before {
            content: "\f24e"
        }

        .fa-hourglass-o:before {
            content: "\f250"
        }

        .fa-hourglass-1:before,
        .fa-hourglass-start:before {
            content: "\f251"
        }

        .fa-hourglass-2:before,
        .fa-hourglass-half:before {
            content: "\f252"
        }

        .fa-hourglass-3:before,
        .fa-hourglass-end:before {
            content: "\f253"
        }

        .fa-hourglass:before {
            content: "\f254"
        }

        .fa-hand-grab-o:before,
        .fa-hand-rock-o:before {
            content: "\f255"
        }

        .fa-hand-paper-o:before,
        .fa-hand-stop-o:before {
            content: "\f256"
        }

        .fa-hand-scissors-o:before {
            content: "\f257"
        }

        .fa-hand-lizard-o:before {
            content: "\f258"
        }

        .fa-hand-spock-o:before {
            content: "\f259"
        }

        .fa-hand-pointer-o:before {
            content: "\f25a"
        }

        .fa-hand-peace-o:before {
            content: "\f25b"
        }

        .fa-trademark:before {
            content: "\f25c"
        }

        .fa-registered:before {
            content: "\f25d"
        }

        .fa-creative-commons:before {
            content: "\f25e"
        }

        .fa-gg:before {
            content: "\f260"
        }

        .fa-gg-circle:before {
            content: "\f261"
        }

        .fa-tripadvisor:before {
            content: "\f262"
        }

        .fa-odnoklassniki:before {
            content: "\f263"
        }

        .fa-odnoklassniki-square:before {
            content: "\f264"
        }

        .fa-get-pocket:before {
            content: "\f265"
        }

        .fa-wikipedia-w:before {
            content: "\f266"
        }

        .fa-safari:before {
            content: "\f267"
        }

        .fa-chrome:before {
            content: "\f268"
        }

        .fa-firefox:before {
            content: "\f269"
        }

        .fa-opera:before {
            content: "\f26a"
        }

        .fa-internet-explorer:before {
            content: "\f26b"
        }

        .fa-television:before,
        .fa-tv:before {
            content: "\f26c"
        }

        .fa-contao:before {
            content: "\f26d"
        }

        .fa-500px:before {
            content: "\f26e"
        }

        .fa-amazon:before {
            content: "\f270"
        }

        .fa-calendar-plus-o:before {
            content: "\f271"
        }

        .fa-calendar-minus-o:before {
            content: "\f272"
        }

        .fa-calendar-times-o:before {
            content: "\f273"
        }

        .fa-calendar-check-o:before {
            content: "\f274"
        }

        .fa-industry:before {
            content: "\f275"
        }

        .fa-map-pin:before {
            content: "\f276"
        }

        .fa-map-signs:before {
            content: "\f277"
        }

        .fa-map-o:before {
            content: "\f278"
        }

        .fa-map:before {
            content: "\f279"
        }

        .fa-commenting:before {
            content: "\f27a"
        }

        .fa-commenting-o:before {
            content: "\f27b"
        }

        .fa-houzz:before {
            content: "\f27c"
        }

        .fa-vimeo:before {
            content: "\f27d"
        }

        .fa-black-tie:before {
            content: "\f27e"
        }

        .fa-fonticons:before {
            content: "\f280"
        }

        .fa-reddit-alien:before {
            content: "\f281"
        }

        .fa-edge:before {
            content: "\f282"
        }

        .fa-credit-card-alt:before {
            content: "\f283"
        }

        .fa-codiepie:before {
            content: "\f284"
        }

        .fa-modx:before {
            content: "\f285"
        }

        .fa-fort-awesome:before {
            content: "\f286"
        }

        .fa-usb:before {
            content: "\f287"
        }

        .fa-product-hunt:before {
            content: "\f288"
        }

        .fa-mixcloud:before {
            content: "\f289"
        }

        .fa-scribd:before {
            content: "\f28a"
        }

        .fa-pause-circle:before {
            content: "\f28b"
        }

        .fa-pause-circle-o:before {
            content: "\f28c"
        }

        .fa-stop-circle:before {
            content: "\f28d"
        }

        .fa-stop-circle-o:before {
            content: "\f28e"
        }

        .fa-shopping-bag:before {
            content: "\f290"
        }

        .fa-shopping-basket:before {
            content: "\f291"
        }

        .fa-hashtag:before {
            content: "\f292"
        }

        .fa-bluetooth:before {
            content: "\f293"
        }

        .fa-bluetooth-b:before {
            content: "\f294"
        }

        .fa-percent:before {
            content: "\f295"
        }

        .fa-gitlab:before {
            content: "\f296"
        }

        .fa-wpbeginner:before {
            content: "\f297"
        }

        .fa-wpforms:before {
            content: "\f298"
        }

        .fa-envira:before {
            content: "\f299"
        }

        .fa-universal-access:before {
            content: "\f29a"
        }

        .fa-wheelchair-alt:before {
            content: "\f29b"
        }

        .fa-question-circle-o:before {
            content: "\f29c"
        }

        .fa-blind:before {
            content: "\f29d"
        }

        .fa-audio-description:before {
            content: "\f29e"
        }

        .fa-volume-control-phone:before {
            content: "\f2a0"
        }

        .fa-braille:before {
            content: "\f2a1"
        }

        .fa-assistive-listening-systems:before {
            content: "\f2a2"
        }

        .fa-american-sign-language-interpreting:before,
        .fa-asl-interpreting:before {
            content: "\f2a3"
        }

        .fa-deaf:before,
        .fa-deafness:before,
        .fa-hard-of-hearing:before {
            content: "\f2a4"
        }

        .fa-glide:before {
            content: "\f2a5"
        }

        .fa-glide-g:before {
            content: "\f2a6"
        }

        .fa-sign-language:before,
        .fa-signing:before {
            content: "\f2a7"
        }

        .fa-low-vision:before {
            content: "\f2a8"
        }

        .fa-viadeo:before {
            content: "\f2a9"
        }

        .fa-viadeo-square:before {
            content: "\f2aa"
        }

        .fa-snapchat:before {
            content: "\f2ab"
        }

        .fa-snapchat-ghost:before {
            content: "\f2ac"
        }

        .fa-snapchat-square:before {
            content: "\f2ad"
        }

        .fa-pied-piper:before {
            content: "\f2ae"
        }

        .fa-first-order:before {
            content: "\f2b0"
        }

        .fa-yoast:before {
            content: "\f2b1"
        }

        .fa-themeisle:before {
            content: "\f2b2"
        }

        .fa-google-plus-circle:before,
        .fa-google-plus-official:before {
            content: "\f2b3"
        }

        .fa-fa:before,
        .fa-font-awesome:before {
            content: "\f2b4"
        }

        .fa-handshake-o:before {
            content: "\f2b5"
        }

        .fa-envelope-open:before {
            content: "\f2b6"
        }

        .fa-envelope-open-o:before {
            content: "\f2b7"
        }

        .fa-linode:before {
            content: "\f2b8"
        }

        .fa-address-book:before {
            content: "\f2b9"
        }

        .fa-address-book-o:before {
            content: "\f2ba"
        }

        .fa-address-card:before,
        .fa-vcard:before {
            content: "\f2bb"
        }

        .fa-address-card-o:before,
        .fa-vcard-o:before {
            content: "\f2bc"
        }

        .fa-user-circle:before {
            content: "\f2bd"
        }

        .fa-user-circle-o:before {
            content: "\f2be"
        }

        .fa-user-o:before {
            content: "\f2c0"
        }

        .fa-id-badge:before {
            content: "\f2c1"
        }

        .fa-drivers-license:before,
        .fa-id-card:before {
            content: "\f2c2"
        }

        .fa-drivers-license-o:before,
        .fa-id-card-o:before {
            content: "\f2c3"
        }

        .fa-quora:before {
            content: "\f2c4"
        }

        .fa-free-code-camp:before {
            content: "\f2c5"
        }

        .fa-telegram:before {
            content: "\f2c6"
        }

        .fa-thermometer-4:before,
        .fa-thermometer-full:before,
        .fa-thermometer:before {
            content: "\f2c7"
        }

        .fa-thermometer-3:before,
        .fa-thermometer-three-quarters:before {
            content: "\f2c8"
        }

        .fa-thermometer-2:before,
        .fa-thermometer-half:before {
            content: "\f2c9"
        }

        .fa-thermometer-1:before,
        .fa-thermometer-quarter:before {
            content: "\f2ca"
        }

        .fa-thermometer-0:before,
        .fa-thermometer-empty:before {
            content: "\f2cb"
        }

        .fa-shower:before {
            content: "\f2cc"
        }

        .fa-bath:before,
        .fa-bathtub:before,
        .fa-s15:before {
            content: "\f2cd"
        }

        .fa-podcast:before {
            content: "\f2ce"
        }

        .fa-window-maximize:before {
            content: "\f2d0"
        }

        .fa-window-minimize:before {
            content: "\f2d1"
        }

        .fa-window-restore:before {
            content: "\f2d2"
        }

        .fa-times-rectangle:before,
        .fa-window-close:before {
            content: "\f2d3"
        }

        .fa-times-rectangle-o:before,
        .fa-window-close-o:before {
            content: "\f2d4"
        }

        .fa-bandcamp:before {
            content: "\f2d5"
        }

        .fa-grav:before {
            content: "\f2d6"
        }

        .fa-etsy:before {
            content: "\f2d7"
        }

        .fa-imdb:before {
            content: "\f2d8"
        }

        .fa-ravelry:before {
            content: "\f2d9"
        }

        .fa-eercast:before {
            content: "\f2da"
        }

        .fa-microchip:before {
            content: "\f2db"
        }

        .fa-snowflake-o:before {
            content: "\f2dc"
        }

        .fa-superpowers:before {
            content: "\f2dd"
        }

        .fa-wpexplorer:before {
            content: "\f2de"
        }

        .fa-meetup:before {
            content: "\f2e0"
        }

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

        .checkbox {
            padding-left: 20px
        }

        .checkbox label {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            padding-left: 10px
        }

        .checkbox label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 20px;
            height: 20px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #ccc;
            border-radius: 3px;
            background-color: #fff;
            -webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
            -o-transition: border .15s ease-in-out, color .15s ease-in-out;
            transition: border .15s ease-in-out, color .15s ease-in-out
        }

        .checkbox label::after {
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            top: 0;
            margin-left: -20px;
            padding-left: 3px;
            padding-top: 0;
            margin-top: -1px;
            font-size: 15px;
            color: #555
        }

        .checkbox input[type=checkbox],
        .checkbox input[type=radio] {
            opacity: 0;
            z-index: 1
        }

        .checkbox input[type=checkbox]:focus+label::before,
        .checkbox input[type=radio]:focus+label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px
        }

        .checkbox input[type=checkbox]:checked+label::after,
        .checkbox input[type=radio]:checked+label::after {
            font-family: FontAwesome;
            content: "\f00c"
        }

        .checkbox input[type=checkbox]:disabled+label,
        .checkbox input[type=radio]:disabled+label {
            opacity: .65
        }

        .checkbox input[type=checkbox]:disabled+label::before,
        .checkbox input[type=radio]:disabled+label::before {
            background-color: #eee;
            cursor: not-allowed
        }

        .checkbox.checkbox-circle label::before {
            border-radius: 50%
        }

        .checkbox.checkbox-inline {
            margin-top: 0
        }

        .checkbox-success input[type=checkbox]:checked+label::before,
        .checkbox-success input[type=radio]:checked+label::before {
            background-color: #4caf50;
            border-color: #009688
        }

        .checkbox-success input[type=checkbox]:checked+label::after,
        .checkbox-success input[type=radio]:checked+label::after {
            color: #fff
        }

        .radio {
            padding-left: 20px
        }

        .radio label {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            padding-left: 5px
        }

        .radio label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #ccc;
            border-radius: 50%;
            background-color: #fff;
            -webkit-transition: border .15s ease-in-out;
            -o-transition: border .15s ease-in-out;
            transition: border .15s ease-in-out
        }

        .radio label::after {
            display: inline-block;
            position: absolute;
            content: " ";
            width: 11px;
            height: 11px;
            left: 3px;
            top: 3px;
            margin-left: -20px;
            border-radius: 50%;
            background-color: #555;
            -webkit-transform: scale(0, 0);
            -ms-transform: scale(0, 0);
            -o-transform: scale(0, 0);
            transform: scale(0, 0);
            -webkit-transition: -webkit-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
            -moz-transition: -moz-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
            -o-transition: -o-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
            transition: transform .1s cubic-bezier(.8, -.33, .2, 1.33)
        }

        .radio input[type=radio] {
            opacity: 0;
            z-index: 1
        }

        .radio input[type=radio]:focus+label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px
        }

        .radio input[type=radio]:checked+label::after {
            -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            -o-transform: scale(1, 1);
            transform: scale(1, 1)
        }

        .radio input[type=radio]:disabled+label {
            opacity: .65
        }

        .radio input[type=radio]:disabled+label::before {
            cursor: not-allowed
        }

        .radio.radio-inline {
            margin-top: 0
        }

        .radio-success input[type=radio]+label::after {
            background-color: #5cb85c
        }

        .radio-success input[type=radio]:checked+label::before {
            border-color: #5cb85c
        }

        .radio-success input[type=radio]:checked+label::after {
            background-color: #5cb85c
        }

        input[type=checkbox].styled:checked+label:after,
        input[type=radio].styled:checked+label:after {
            font-family: FontAwesome;
            content: "\f00c"
        }

        input[type=checkbox] .styled:checked+label::before,
        input[type=radio] .styled:checked+label::before {
            color: #fff
        }

        input[type=checkbox] .styled:checked+label::after,
        input[type=radio] .styled:checked+label::after {
            color: #fff
        }

        body.compensate-for-scrollbar {
            margin-right: 0 !important
        }

        body.compensate-for-scrollbar::-webkit-scrollbar {
            display: none
        }

        .fancybox-active {
            height: 100%
        }

        .fancybox-is-hidden {
            left: -9999px;
            margin: 0;
            position: absolute !important;
            top: -9999px;
            visibility: hidden
        }

        .fancybox-container {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
            height: 100%;
            left: 0;
            position: fixed;
            -webkit-tap-highlight-color: transparent;
            top: 0;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            width: 100%;
            z-index: 99992
        }

        .fancybox-container * {
            box-sizing: border-box
        }

        .fancybox-bg,
        .fancybox-inner,
        .fancybox-outer,
        .fancybox-stage {
            bottom: 0;
            left: 0;
            position: absolute;
            right: 0;
            top: 0
        }

        .fancybox-outer {
            -webkit-overflow-scrolling: touch;
            overflow-y: auto
        }

        .fancybox-bg {
            background: #1e1e1e;
            opacity: 0;
            transition-duration: inherit;
            transition-property: opacity;
            transition-timing-function: cubic-bezier(.47, 0, .74, .71)
        }

        .fancybox-is-open .fancybox-bg {
            opacity: .87;
            transition-timing-function: cubic-bezier(.22, .61, .36, 1)
        }

        .fancybox-caption,
        .fancybox-infobar,
        .fancybox-navigation .fancybox-button,
        .fancybox-toolbar {
            direction: ltr;
            opacity: 0;
            position: absolute;
            transition: opacity .25s, visibility 0s linear .25s;
            visibility: hidden;
            z-index: 99997
        }

        .fancybox-show-caption .fancybox-caption,
        .fancybox-show-infobar .fancybox-infobar,
        .fancybox-show-nav .fancybox-navigation .fancybox-button,
        .fancybox-show-toolbar .fancybox-toolbar {
            opacity: 1;
            transition: opacity .25s, visibility 0s;
            visibility: visible
        }

        .fancybox-infobar {
            color: #ccc;
            font-size: 13px;
            -webkit-font-smoothing: subpixel-antialiased;
            height: 44px;
            left: 0;
            line-height: 44px;
            min-width: 44px;
            mix-blend-mode: difference;
            padding: 0 10px;
            pointer-events: none;
            text-align: center;
            top: 0;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .fancybox-toolbar {
            right: 0;
            top: 0
        }

        .fancybox-stage {
            direction: ltr;
            overflow: visible;
            -webkit-transform: translateZ(0);
            z-index: 99994
        }

        .fancybox-is-open .fancybox-stage {
            overflow: hidden
        }

        .fancybox-slide {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            display: none;
            height: 100%;
            left: 0;
            outline: 0;
            overflow: auto;
            -webkit-overflow-scrolling: touch;
            padding: 44px;
            position: absolute;
            text-align: center;
            top: 0;
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
            white-space: normal;
            width: 100%;
            z-index: 99994
        }

        .fancybox-slide:before {
            content: "";
            display: inline-block;
            height: 100%;
            margin-right: -.25em;
            vertical-align: middle;
            width: 0
        }

        .fancybox-is-sliding .fancybox-slide,
        .fancybox-slide--current,
        .fancybox-slide--next,
        .fancybox-slide--previous {
            display: block
        }

        .fancybox-slide--next {
            z-index: 99995
        }

        .fancybox-slide--image {
            overflow: visible;
            padding: 44px 0
        }

        .fancybox-slide--image:before {
            display: none
        }

        .fancybox-slide--html {
            padding: 6px 6px
        }

        .fancybox-slide--iframe {
            padding: 44px 44px 0
        }

        .fancybox-content {
            background: #fff;
            display: inline-block;
            margin: 0 0 6px;
            max-width: 100%;
            overflow: auto;
            padding: 0;
            padding: 24px;
            position: relative;
            text-align: left;
            vertical-align: middle
        }

        .fancybox-slide--image .fancybox-content {
            -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
            animation-timing-function: cubic-bezier(.5, 0, .14, 1);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            background: 0 0;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            left: 0;
            margin: 0;
            max-width: none;
            overflow: visible;
            padding: 0;
            position: absolute;
            top: 0;
            -webkit-transform-origin: top left;
            transform-origin: top left;
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            z-index: 99995
        }

        .fancybox-can-zoomOut .fancybox-content {
            cursor: zoom-out
        }

        .fancybox-can-zoomIn .fancybox-content {
            cursor: zoom-in
        }

        .fancybox-can-drag .fancybox-content {
            cursor: -webkit-grab;
            cursor: grab
        }

        .fancybox-is-dragging .fancybox-content {
            cursor: -webkit-grabbing;
            cursor: grabbing
        }

        .fancybox-container [data-selectable=true] {
            cursor: text
        }

        .fancybox-image,
        .fancybox-spaceball {
            background: 0 0;
            border: 0;
            height: 100%;
            left: 0;
            margin: 0;
            max-height: none;
            max-width: none;
            padding: 0;
            position: absolute;
            top: 0;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            width: 100%
        }

        .fancybox-spaceball {
            z-index: 1
        }

        .fancybox-slide--html .fancybox-content {
            margin-bottom: 6px
        }

        .fancybox-slide--iframe .fancybox-content,
        .fancybox-slide--map .fancybox-content,
        .fancybox-slide--video .fancybox-content {
            height: 100%;
            margin: 0;
            overflow: visible;
            padding: 0;
            width: 100%
        }

        .fancybox-slide--video .fancybox-content {
            background: #000
        }

        .fancybox-slide--map .fancybox-content {
            background: #e5e3df
        }

        .fancybox-slide--iframe .fancybox-content {
            background: #fff;
            height: calc(100% - 44px);
            margin-bottom: 44px
        }

        .fancybox-iframe,
        .fancybox-video {
            background: 0 0;
            border: 0;
            height: 100%;
            margin: 0;
            overflow: hidden;
            padding: 0;
            width: 100%
        }

        .fancybox-iframe {
            vertical-align: top
        }

        .fancybox-error {
            background: #fff;
            cursor: default;
            max-width: 400px;
            padding: 40px;
            width: 100%
        }

        .fancybox-error p {
            color: #444;
            font-size: 16px;
            line-height: 20px;
            margin: 0;
            padding: 0
        }

        .fancybox-button {
            background: rgba(30, 30, 30, .6);
            border: 0;
            border-radius: 0;
            cursor: pointer;
            display: inline-block;
            height: 44px;
            margin: 0;
            outline: 0;
            padding: 10px;
            transition: color .2s;
            vertical-align: top;
            width: 44px
        }

        .fancybox-button,
        .fancybox-button:link,
        .fancybox-button:visited {
            color: #ccc
        }

        .fancybox-button:focus,
        .fancybox-button:hover {
            color: #fff
        }

        .fancybox-button.disabled,
        .fancybox-button.disabled:hover,
        .fancybox-button[disabled],
        .fancybox-button[disabled]:hover {
            color: #888;
            cursor: default
        }

        .fancybox-button svg {
            display: block;
            overflow: visible;
            position: relative;
            shape-rendering: geometricPrecision
        }

        .fancybox-button svg path {
            fill: transparent;
            stroke: currentColor;
            stroke-linejoin: round;
            stroke-width: 3
        }

        .fancybox-button--pause svg path:nth-child(1),
        .fancybox-button--play svg path:nth-child(2) {
            display: none
        }

        .fancybox-button--play svg path,
        .fancybox-button--share svg path,
        .fancybox-button--thumbs svg path {
            fill: currentColor
        }

        .fancybox-button--share svg path {
            stroke-width: 1
        }

        .fancybox-navigation .fancybox-button {
            height: 38px;
            opacity: 0;
            padding: 6px;
            position: absolute;
            top: 50%;
            width: 38px
        }

        .fancybox-show-nav .fancybox-navigation .fancybox-button {
            transition: opacity .25s, visibility 0s, color .25s
        }

        .fancybox-navigation .fancybox-button:after {
            content: "";
            left: -25px;
            padding: 50px;
            position: absolute;
            top: -25px
        }

        .fancybox-navigation .fancybox-button--arrow_left {
            left: 6px
        }

        .fancybox-navigation .fancybox-button--arrow_right {
            right: 6px
        }

        .fancybox-close-small {
            background: 0 0;
            border: 0;
            border-radius: 0;
            color: #555;
            cursor: pointer;
            height: 44px;
            margin: 0;
            padding: 6px;
            position: absolute;
            right: 0;
            top: 0;
            width: 44px;
            z-index: 10
        }

        .fancybox-close-small svg {
            fill: transparent;
            opacity: .8;
            stroke: currentColor;
            stroke-width: 1.5;
            transition: stroke .1s
        }

        .fancybox-close-small:focus {
            outline: 0
        }

        .fancybox-close-small:hover svg {
            opacity: 1
        }

        .fancybox-slide--iframe .fancybox-close-small,
        .fancybox-slide--image .fancybox-close-small,
        .fancybox-slide--video .fancybox-close-small {
            color: #ccc;
            padding: 5px;
            right: -12px;
            top: -44px
        }

        .fancybox-slide--iframe .fancybox-close-small:hover svg,
        .fancybox-slide--image .fancybox-close-small:hover svg,
        .fancybox-slide--video .fancybox-close-small:hover svg {
            background: 0 0;
            color: #fff
        }

        .fancybox-is-scaling .fancybox-close-small,
        .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
            display: none
        }

        .fancybox-caption {
            bottom: 0;
            color: #fff;
            font-size: 14px;
            font-weight: 400;
            left: 0;
            line-height: 1.5;
            padding: 25px 44px;
            right: 0
        }

        .fancybox-caption:before {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
            background-repeat: repeat-x;
            background-size: contain;
            bottom: 0;
            content: "";
            display: block;
            left: 0;
            pointer-events: none;
            position: absolute;
            right: 0;
            top: -25px;
            z-index: -1
        }

        .fancybox-caption:after {
            border-bottom: 1px solid hsla(0, 0%, 100%, .3);
            content: "";
            display: block;
            left: 44px;
            position: absolute;
            right: 44px;
            top: 0
        }

        .fancybox-caption a,
        .fancybox-caption a:link,
        .fancybox-caption a:visited {
            color: #ccc;
            text-decoration: none
        }

        .fancybox-caption a:hover {
            color: #fff;
            text-decoration: underline
        }

        .fancybox-loading {
            -webkit-animation: a .8s infinite linear;
            animation: a .8s infinite linear;
            background: 0 0;
            border: 6px solid hsla(0, 0%, 39%, .5);
            border-radius: 100%;
            border-top-color: #fff;
            height: 60px;
            left: 50%;
            margin: -30px 0 0 -30px;
            opacity: .6;
            padding: 0;
            position: absolute;
            top: 50%;
            width: 60px;
            z-index: 99999
        }

        @-webkit-keyframes a {
            0% {
                -webkit-transform: rotate(0);
                transform: rotate(0)
            }
            to {
                -webkit-transform: rotate(359deg);
                transform: rotate(359deg)
            }
        }

        @keyframes a {
            0% {
                -webkit-transform: rotate(0);
                transform: rotate(0)
            }
            to {
                -webkit-transform: rotate(359deg);
                transform: rotate(359deg)
            }
        }

        .fancybox-animated {
            transition-timing-function: cubic-bezier(0, 0, .25, 1)
        }

        .fancybox-fx-slide.fancybox-slide--previous {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }

        .fancybox-fx-slide.fancybox-slide--next {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }

        .fancybox-fx-slide.fancybox-slide--current {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }

        .fancybox-fx-fade.fancybox-slide--next,
        .fancybox-fx-fade.fancybox-slide--previous {
            opacity: 0;
            transition-timing-function: cubic-bezier(.19, 1, .22, 1)
        }

        .fancybox-fx-fade.fancybox-slide--current {
            opacity: 1
        }

        .fancybox-fx-zoom-in-out.fancybox-slide--previous {
            opacity: 0;
            -webkit-transform: scale3d(1.5, 1.5, 1.5);
            transform: scale3d(1.5, 1.5, 1.5)
        }

        .fancybox-fx-zoom-in-out.fancybox-slide--next {
            opacity: 0;
            -webkit-transform: scale3d(.5, .5, .5);
            transform: scale3d(.5, .5, .5)
        }

        .fancybox-fx-zoom-in-out.fancybox-slide--current {
            opacity: 1;
            -webkit-transform: scaleX(1);
            transform: scaleX(1)
        }

        .fancybox-fx-rotate.fancybox-slide--previous {
            opacity: 0;
            -webkit-transform: rotate(-1turn);
            transform: rotate(-1turn)
        }

        .fancybox-fx-rotate.fancybox-slide--next {
            opacity: 0;
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }

        .fancybox-fx-rotate.fancybox-slide--current {
            opacity: 1;
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        .fancybox-fx-circular.fancybox-slide--previous {
            opacity: 0;
            -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
            transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
        }

        .fancybox-fx-circular.fancybox-slide--next {
            opacity: 0;
            -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
            transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
        }

        .fancybox-fx-circular.fancybox-slide--current {
            opacity: 1;
            -webkit-transform: scaleX(1) translateZ(0);
            transform: scaleX(1) translateZ(0)
        }

        .fancybox-fx-tube.fancybox-slide--previous {
            -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
            transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
        }

        .fancybox-fx-tube.fancybox-slide--next {
            -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
            transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
        }

        .fancybox-fx-tube.fancybox-slide--current {
            -webkit-transform: translateZ(0) scale(1);
            transform: translateZ(0) scale(1)
        }

        .fancybox-share {
            background: #f4f4f4;
            border-radius: 3px;
            max-width: 90%;
            padding: 30px;
            text-align: center
        }

        .fancybox-share h1 {
            color: #222;
            font-size: 35px;
            font-weight: 700;
            margin: 0 0 20px
        }

        .fancybox-share p {
            margin: 0;
            padding: 0
        }

        .fancybox-share__button {
            border: 0;
            border-radius: 3px;
            display: inline-block;
            font-size: 14px;
            font-weight: 700;
            line-height: 40px;
            margin: 0 5px 10px;
            min-width: 130px;
            padding: 0 15px;
            text-decoration: none;
            transition: all .2s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            white-space: nowrap
        }

        .fancybox-share__button:link,
        .fancybox-share__button:visited {
            color: #fff
        }

        .fancybox-share__button:hover {
            text-decoration: none
        }

        .fancybox-share__button--fb {
            background: #3b5998
        }

        .fancybox-share__button--fb:hover {
            background: #344e86
        }

        .fancybox-share__button--pt {
            background: #bd081d
        }

        .fancybox-share__button--pt:hover {
            background: #aa0719
        }

        .fancybox-share__button--tw {
            background: #1da1f2
        }

        .fancybox-share__button--tw:hover {
            background: #0d95e8
        }

        .fancybox-share__button svg {
            height: 25px;
            margin-right: 7px;
            position: relative;
            top: -1px;
            vertical-align: middle;
            width: 25px
        }

        .fancybox-share__button svg path {
            fill: #fff
        }

        .fancybox-share__input {
            background: 0 0;
            border: 0;
            border-bottom: 1px solid #d7d7d7;
            border-radius: 0;
            color: #5d5b5b;
            font-size: 14px;
            margin: 10px 0 0;
            outline: 0;
            padding: 10px 15px;
            width: 100%
        }

        .fancybox-thumbs {
            background: #fff;
            bottom: 0;
            display: none;
            margin: 0;
            -webkit-overflow-scrolling: touch;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            padding: 2px 2px 4px;
            position: absolute;
            right: 0;
            -webkit-tap-highlight-color: transparent;
            top: 0;
            width: 212px;
            z-index: 99995
        }

        .fancybox-thumbs-x {
            overflow-x: auto;
            overflow-y: hidden
        }

        .fancybox-show-thumbs .fancybox-thumbs {
            display: block
        }

        .fancybox-show-thumbs .fancybox-inner {
            right: 212px
        }

        .fancybox-thumbs>ul {
            font-size: 0;
            height: 100%;
            list-style: none;
            margin: 0;
            overflow-x: hidden;
            overflow-y: auto;
            padding: 0;
            position: absolute;
            position: relative;
            white-space: nowrap;
            width: 100%
        }

        .fancybox-thumbs-x>ul {
            overflow: hidden
        }

        .fancybox-thumbs-y>ul::-webkit-scrollbar {
            width: 7px
        }

        .fancybox-thumbs-y>ul::-webkit-scrollbar-track {
            background: #fff;
            border-radius: 10px;
            box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
        }

        .fancybox-thumbs-y>ul::-webkit-scrollbar-thumb {
            background: #2a2a2a;
            border-radius: 10px
        }

        .fancybox-thumbs>ul>li {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            cursor: pointer;
            float: left;
            height: 75px;
            margin: 2px;
            max-height: calc(100% - 8px);
            max-width: calc(50% - 4px);
            outline: 0;
            overflow: hidden;
            padding: 0;
            position: relative;
            -webkit-tap-highlight-color: transparent;
            width: 100px
        }

        .fancybox-thumbs-loading {
            background: rgba(0, 0, 0, .1)
        }

        .fancybox-thumbs>ul>li {
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover
        }

        .fancybox-thumbs>ul>li:before {
            border: 4px solid #4ea7f9;
            bottom: 0;
            content: "";
            left: 0;
            opacity: 0;
            position: absolute;
            right: 0;
            top: 0;
            transition: all .2s cubic-bezier(.25, .46, .45, .94);
            z-index: 99991
        }

        .fancybox-thumbs .fancybox-thumbs-active:before {
            opacity: 1
        }

        @media (max-width:800px) {
            .fancybox-thumbs {
                width: 110px
            }
            .fancybox-show-thumbs .fancybox-inner {
                right: 110px
            }
            .fancybox-thumbs>ul>li {
                max-width: calc(100% - 10px)
            }
        }

        .mm-menu.mm-horizontal>.mm-panel {
            -webkit-transition: -webkit-transform .4s ease;
            transition: transform .4s ease
        }

        .mm-menu .mm-hidden {
            display: none
        }

        .mm-wrapper {
            overflow-x: hidden;
            position: relative
        }

        .mm-menu,
        .mm-menu>.mm-panel {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 0
        }

        .mm-menu {
            background: inherit;
            display: block;
            overflow: hidden;
            padding: 0
        }

        .mm-menu>.mm-panel {
            background: inherit;
            -webkit-overflow-scrolling: touch;
            overflow: scroll;
            overflow-x: hidden;
            overflow-y: auto;
            box-sizing: border-box;
            padding: 20px;
            -webkit-transform: translate(100%, 0);
            -moz-transform: translate(100%, 0);
            -ms-transform: translate(100%, 0);
            -o-transform: translate(100%, 0);
            transform: translate(100%, 0)
        }

        .mm-menu>.mm-panel.mm-opened {
            -webkit-transform: translate(0, 0);
            -moz-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            -o-transform: translate(0, 0);
            transform: translate(0, 0)
        }

        .mm-menu>.mm-panel.mm-subopened {
            -webkit-transform: translate(-30%, 0);
            -moz-transform: translate(-30%, 0);
            -ms-transform: translate(-30%, 0);
            -o-transform: translate(-30%, 0);
            transform: translate(-30%, 0)
        }

        .mm-menu>.mm-panel.mm-highest {
            z-index: 1
        }

        .mm-menu .mm-list {
            padding: 20px 0
        }

        .mm-menu>.mm-list {
            padding-bottom: 0
        }

        .mm-menu>.mm-list:after {
            content: '';
            display: block;
            height: 40px
        }

        .mm-panel>.mm-list {
            margin-left: -20px;
            margin-right: -20px
        }

        .mm-panel>.mm-list:first-child {
            padding-top: 0
        }

        .mm-list,
        .mm-list>li {
            list-style: none;
            display: block;
            padding: 0;
            margin: 0
        }

        .mm-list {
            font: inherit;
            font-size: 14px
        }

        .mm-list a,
        .mm-list a:hover {
            text-decoration: none
        }

        .mm-list>li {
            position: relative
        }

        .mm-list>li>a,
        .mm-list>li>span {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            color: inherit;
            line-height: 20px;
            display: block;
            padding: 10px 10px 10px 20px;
            margin: 0
        }

        .mm-list>li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
            content: '';
            border-bottom-width: 1px;
            border-bottom-style: solid;
            display: block;
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 0
        }

        .mm-list>li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
            width: auto;
            margin-left: 20px;
            position: relative;
            left: auto
        }

        .mm-list a.mm-subopen {
            background: rgba(3, 2, 1, 0);
            width: 40px;
            height: 100%;
            padding: 0;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 2
        }

        .mm-list a.mm-subopen:before {
            content: '';
            border-left-width: 1px;
            border-left-style: solid;
            display: block;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0
        }

        .mm-list a.mm-subopen.mm-fullsubopen {
            width: 100%
        }

        .mm-list a.mm-subopen.mm-fullsubopen:before {
            border-left: none
        }

        .mm-list a.mm-subopen+a,
        .mm-list a.mm-subopen+span {
            padding-right: 5px;
            margin-right: 40px
        }

        .mm-list>li.mm-selected>a.mm-subopen {
            background: 0 0
        }

        .mm-list>li.mm-selected>a.mm-fullsubopen+a,
        .mm-list>li.mm-selected>a.mm-fullsubopen+span {
            padding-right: 45px;
            margin-right: 0
        }

        .mm-list a.mm-subclose {
            text-indent: 20px;
            padding-top: 30px;
            margin-top: -20px
        }

        .mm-list>li.mm-label {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            font-size: 10px;
            text-transform: uppercase;
            text-indent: 20px;
            line-height: 25px;
            padding-right: 5px
        }

        .mm-list>li.mm-spacer {
            padding-top: 40px
        }

        .mm-list>li.mm-spacer.mm-label {
            padding-top: 25px
        }

        .mm-list a.mm-subclose:before,
        .mm-list a.mm-subopen:after {
            content: '';
            border: 2px solid transparent;
            display: inline-block;
            width: 7px;
            height: 7px;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            margin-bottom: -5px;
            position: absolute;
            bottom: 50%
        }

        .mm-list a.mm-subopen:after {
            border-top: none;
            border-left: none;
            right: 18px
        }

        .mm-list a.mm-subclose:before {
            border-right: none;
            border-bottom: none;
            margin-bottom: -15px;
            left: 22px
        }

        .mm-menu.mm-vertical .mm-list .mm-panel {
            display: none;
            padding: 10px 0 10px 10px
        }

        .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
            border-color: transparent
        }

        .mm-menu.mm-vertical .mm-list li.mm-opened>.mm-panel {
            display: block
        }

        .mm-menu.mm-vertical .mm-list>li>a.mm-subopen {
            height: 40px
        }

        .mm-menu.mm-vertical .mm-list>li>a.mm-subopen:after {
            top: 16px;
            bottom: auto
        }

        .mm-menu.mm-vertical .mm-list>li.mm-opened>a.mm-subopen:after {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .mm-menu.mm-vertical .mm-list>li.mm-label>a.mm-subopen {
            height: 25px
        }

        html.mm-opened .mm-page {
            box-shadow: inset 0 0 20px rgba(68, 72, 76, .42)
        }

        .mm-menu {
            background: #333;
            color: rgba(255, 255, 255, .6)
        }

        .mm-menu .mm-list>li:after {
            border-color: rgba(0, 0, 0, .15)
        }

        .mm-menu .mm-list>li>a.mm-subclose {
            background: rgba(0, 0, 0, .1);
            color: rgba(255, 255, 255, .3)
        }

        .mm-menu .mm-list>li>a.mm-subclose:before,
        .mm-menu .mm-list>li>a.mm-subopen:after {
            border-color: rgba(255, 255, 255, .3)
        }

        .mm-menu .mm-list>li>a.mm-subopen:before {
            border-color: rgba(0, 0, 0, .15)
        }

        .mm-menu .mm-list>li.mm-selected>a:not(.mm-subopen),
        .mm-menu .mm-list>li.mm-selected>span {
            background: rgba(0, 0, 0, .1)
        }

        .mm-menu .mm-list>li.mm-label {
            background: rgba(255, 255, 255, .05)
        }

        .mm-menu.mm-vertical .mm-list li.mm-opened>a.mm-subopen,
        .mm-menu.mm-vertical .mm-list li.mm-opened>ul {
            background: rgba(255, 255, 255, .05)
        }

        .mm-page {
            box-sizing: border-box;
            position: relative
        }

        .mm-slideout {
            -webkit-transition: -webkit-transform .4s ease;
            -ms-transition: -ms-transform .4s ease;
            transition: transform .4s ease
        }

        html.mm-opened {
            overflow: hidden;
            position: relative
        }

        html.mm-opened body {
            overflow: hidden
        }

        html.mm-background .mm-page {
            background: inherit
        }

        #mm-blocker {
            background: rgba(3, 2, 1, 0);
            display: none;
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 999999
        }

        html.mm-blocking #mm-blocker,
        html.mm-opened #mm-blocker {
            display: block
        }

        .mm-menu.mm-offcanvas {
            display: none;
            position: fixed
        }

        .mm-menu.mm-current {
            display: block
        }

        .mm-menu {
            width: 80%;
            min-width: 140px;
            max-width: 440px
        }

        html.mm-opening .mm-slideout {
            -webkit-transform: translate(80%, 0);
            -moz-transform: translate(80%, 0);
            -ms-transform: translate(80%, 0);
            -o-transform: translate(80%, 0);
            transform: translate(80%, 0)
        }

        @media all and (max-width:175px) {
            html.mm-opening .mm-slideout {
                -webkit-transform: translate(140px, 0);
                -moz-transform: translate(140px, 0);
                -ms-transform: translate(140px, 0);
                -o-transform: translate(140px, 0);
                transform: translate(140px, 0)
            }
        }

        @media all and (min-width:550px) {
            html.mm-opening .mm-slideout {
                -webkit-transform: translate(440px, 0);
                -moz-transform: translate(440px, 0);
                -ms-transform: translate(440px, 0);
                -o-transform: translate(440px, 0);
                transform: translate(440px, 0)
            }
        }

        .mm-buttonbar {
            border: 1px solid transparent;
            border-radius: 5px;
            text-align: center;
            line-height: 20px;
            overflow: hidden;
            display: block;
            padding: 0;
            margin: 0;
            position: relative
        }

        .mm-buttonbar:after {
            content: '';
            display: block;
            clear: both
        }

        .mm-buttonbar>* {
            border-left: 1px solid transparent;
            box-sizing: border-box;
            display: block;
            width: 100%;
            height: 100%;
            float: left;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden
        }

        .mm-buttonbar>a {
            text-decoration: none
        }

        .mm-buttonbar>input {
            position: absolute;
            left: -1000px;
            top: -1000px
        }

        .mm-buttonbar>input:checked+label {
            border-color: transparent !important
        }

        .mm-buttonbar>:first-child,
        .mm-buttonbar>input:first-child+* {
            border-left: none
        }

        .mm-buttonbar.mm-buttonbar-2>* {
            width: 50%
        }

        .mm-buttonbar.mm-buttonbar-3>* {
            width: 33.33%
        }

        .mm-buttonbar.mm-buttonbar-4>* {
            width: 25%
        }

        .mm-buttonbar.mm-buttonbar-5>* {
            width: 20%
        }

        .mm-header .mm-buttonbar {
            margin-top: 20px;
            margin-left: -30px;
            margin-right: -30px
        }

        .mm-footer .mm-buttonbar {
            border: none;
            border-radius: none;
            line-height: 40px;
            margin: -10px -10px 0 -20px
        }

        .mm-footer .mm-buttonbar>* {
            border-left: none
        }

        .mm-list>li>.mm-buttonbar {
            margin: 10px 20px
        }

        .mm-menu .mm-buttonbar {
            border-color: rgba(255, 255, 255, .6);
            background: #333
        }

        .mm-menu .mm-buttonbar>* {
            border-color: rgba(255, 255, 255, .6)
        }

        .mm-menu .mm-buttonbar>input:checked+label {
            background: rgba(255, 255, 255, .6);
            color: #333
        }

        em.mm-counter {
            font: inherit;
            font-size: 14px;
            font-style: normal;
            text-indent: 0;
            line-height: 20px;
            display: block;
            margin-top: -10px;
            position: absolute;
            right: 40px;
            top: 50%
        }

        em.mm-counter+a.mm-subopen {
            padding-left: 40px
        }

        em.mm-counter+a.mm-subopen+a,
        em.mm-counter+a.mm-subopen+span {
            margin-right: 80px
        }

        em.mm-counter+a.mm-fullsubopen {
            padding-left: 0
        }

        .mm-vertical em.mm-counter {
            top: 12px;
            margin-top: 0
        }

        .mm-nosubresults>em.mm-counter {
            display: none
        }

        .mm-menu em.mm-counter {
            color: rgba(255, 255, 255, .3)
        }

        html.mm-opened.mm-dragging #mm-blocker,
        html.mm-opened.mm-dragging .mm-fixed-bottom,
        html.mm-opened.mm-dragging .mm-fixed-top,
        html.mm-opened.mm-dragging .mm-menu,
        html.mm-opened.mm-dragging .mm-page {
            -webkit-transition-duration: 0s;
            -moz-transition-duration: 0s;
            -ms-transition-duration: 0s;
            -o-transition-duration: 0s;
            transition-duration: 0s
        }

        .mm-footer {
            background: inherit;
            border-top: 1px solid transparent;
            text-align: center;
            line-height: 20px;
            box-sizing: border-box;
            width: 100%;
            height: 40px;
            padding: 10px 10px 0 20px;
            position: absolute;
            z-index: 2;
            bottom: 0;
            left: 0
        }

        .mm-menu.mm-hasfooter>.mm-panel:after {
            height: 80px
        }

        .mm-menu .mm-footer {
            border-color: rgba(0, 0, 0, .15);
            color: rgba(255, 255, 255, .3)
        }

        .mm-header {
            background: inherit;
            border-bottom: 1px solid transparent;
            text-align: center;
            line-height: 20px;
            box-sizing: border-box;
            width: 100%;
            height: 60px;
            padding: 0 50px;
            position: absolute;
            z-index: 2;
            top: 0;
            left: 0
        }

        .mm-header .mm-close,
        .mm-header .mm-next,
        .mm-header .mm-prev,
        .mm-header .mm-title {
            padding-top: 30px
        }

        .mm-header .mm-title {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            display: inline-block;
            width: 100%;
            position: relative
        }

        .mm-header .mm-close,
        .mm-header .mm-next,
        .mm-header .mm-prev {
            text-decoration: none;
            display: block;
            box-sizing: border-box;
            min-width: 10px;
            height: 100%;
            position: absolute;
            top: 0;
            z-index: 1
        }

        .mm-header .mm-prev {
            padding-left: 20px;
            padding-right: 10px;
            left: 0
        }

        .mm-header .mm-close,
        .mm-header .mm-next {
            padding-left: 10px;
            padding-right: 20px;
            right: 0
        }

        .mm-header [href].mm-next:after,
        .mm-header [href].mm-prev:before {
            content: '';
            border: 2px solid transparent;
            display: inline-block;
            width: 7px;
            height: 7px;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

        .mm-header [href].mm-prev:before {
            border-right: none;
            border-bottom: none;
            margin-left: 2px;
            margin-right: 5px
        }

        .mm-header [href].mm-close:after,
        .mm-header [href].mm-next:after {
            margin-left: 5px;
            margin-right: -2px
        }

        .mm-header [href].mm-next:after {
            border-top: none;
            border-left: none
        }

        .mm-header [href].mm-close:after {
            content: 'x'
        }

        .mm-menu.mm-hassearch .mm-header {
            height: 50px;
            top: 50px
        }

        .mm-menu.mm-hassearch .mm-header .mm-close,
        .mm-menu.mm-hassearch .mm-header .mm-next,
        .mm-menu.mm-hassearch .mm-header .mm-prev,
        .mm-menu.mm-hassearch .mm-header .mm-title {
            padding-top: 20px
        }

        .mm-menu.mm-hasheader li.mm-subtitle {
            display: none
        }

        .mm-menu.mm-hasheader>.mm-panel {
            padding-top: 80px
        }

        .mm-menu.mm-hasheader>.mm-panel.mm-list {
            padding-top: 60px
        }

        .mm-menu.mm-hasheader>.mm-panel>.mm-list:first-child {
            margin-top: -20px
        }

        .mm-menu.mm-hasheader.mm-hassearch>.mm-panel {
            padding-top: 120px
        }

        .mm-menu.mm-hasheader.mm-hassearch>.mm-panel.mm-list {
            padding-top: 100px
        }

        .mm-menu .mm-header {
            border-color: rgba(0, 0, 0, .15);
            color: rgba(255, 255, 255, .3)
        }

        .mm-menu .mm-header .mm-close:after,
        .mm-menu .mm-header .mm-next:after,
        .mm-menu .mm-header .mm-prev:before {
            border-color: rgba(255, 255, 255, .3)
        }

        .mm-list li.mm-label>span {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            padding: 0;
            line-height: 25px
        }

        .mm-list li.mm-label.mm-opened a.mm-subopen:after {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .mm-list li.mm-collapsed:not(.mm-uncollapsed) {
            display: none
        }

        .mm-menu.mm-vertical .mm-list>li.mm-label>a.mm-subopen:after {
            top: 8.5px
        }

        .mm-menu .mm-list li.mm-label>div>div {
            background: rgba(255, 255, 255, .05)
        }

        .mm-search,
        .mm-search input {
            box-sizing: border-box
        }

        .mm-list>li.mm-search {
            padding: 10px;
            margin-top: -20px
        }

        .mm-list>li.mm-subtitle+li.mm-search {
            margin-top: 0
        }

        div.mm-panel>div.mm-search {
            padding: 0 0 10px 0
        }

        .mm-menu.mm-hasheader .mm-list>li.mm-search {
            margin-top: 0
        }

        .mm-menu>.mm-search {
            background: inherit;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2
        }

        .mm-search {
            padding: 10px
        }

        .mm-search input {
            border: none;
            border-radius: 30px;
            font: inherit;
            font-size: 14px;
            line-height: 30px;
            outline: 0;
            display: block;
            width: 100%;
            height: 30px;
            margin: 0;
            padding: 0 10px
        }

        .mm-search input::-ms-clear {
            display: none
        }

        .mm-menu .mm-noresultsmsg {
            text-align: center;
            font-size: 21px;
            display: none;
            padding: 60px 0
        }

        .mm-menu .mm-noresultsmsg:after {
            border: none !important
        }

        .mm-noresults .mm-noresultsmsg {
            display: block
        }

        .mm-menu li.mm-nosubresults>a.mm-subopen {
            display: none
        }

        .mm-menu li.mm-nosubresults>a.mm-subopen+a,
        .mm-menu li.mm-nosubresults>a.mm-subopen+span {
            padding-right: 10px
        }

        .mm-menu.mm-hassearch>.mm-panel {
            padding-top: 70px
        }

        .mm-menu.mm-hassearch>.mm-panel>.mm-list:first-child {
            margin-top: -20px
        }

        .mm-menu.mm-hasheader>.mm-panel>div.mm-search:first-child {
            margin-top: -10px
        }

        .mm-menu.mm-hasheader>.mm-panel>div.mm-search:first-child+.mm-list {
            padding-top: 0
        }

        .mm-menu .mm-search input {
            background: rgba(255, 255, 255, .3);
            color: rgba(255, 255, 255, .6)
        }

        .mm-menu .mm-noresultsmsg {
            color: rgba(255, 255, 255, .3)
        }

        input.mm-check,
        input.mm-toggle {
            position: absolute;
            left: -10000px
        }

        label.mm-check,
        label.mm-toggle {
            margin: 0;
            position: absolute;
            bottom: 50%;
            z-index: 2
        }

        label.mm-check:before,
        label.mm-toggle:before {
            content: '';
            display: block
        }

        label.mm-toggle {
            border-radius: 30px;
            width: 50px;
            height: 30px;
            margin-bottom: -15px
        }

        label.mm-toggle:before {
            border-radius: 30px;
            width: 28px;
            height: 28px;
            margin: 1px
        }

        input.mm-toggle:checked~label.mm-toggle:before {
            float: right
        }

        label.mm-check {
            width: 30px;
            height: 30px;
            margin-bottom: -15px
        }

        label.mm-check:before {
            border-left: 3px solid;
            border-bottom: 3px solid;
            width: 40%;
            height: 20%;
            margin: 25% 0 0 20%;
            opacity: .1;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

        input.mm-check:checked~label.mm-check:before {
            opacity: 1
        }

        .mm-menu.mm-vertical .mm-list>li label.mm-check,
        .mm-menu.mm-vertical .mm-list>li label.mm-toggle {
            bottom: auto;
            margin-bottom: 0
        }

        .mm-menu.mm-vertical .mm-list>li label.mm-toggle {
            top: 5px
        }

        .mm-menu.mm-vertical .mm-list>li label.mm-check {
            top: 5px
        }

        label.mm-check,
        label.mm-toggle {
            right: 20px
        }

        label.mm-toggle+a,
        label.mm-toggle+span {
            margin-right: 70px
        }

        label.mm-check+a,
        label.mm-check+span {
            margin-right: 50px
        }

        a.mm-subopen+label.mm-check,
        a.mm-subopen+label.mm-toggle {
            right: 50px
        }

        a.mm-subopen+label.mm-toggle+a,
        a.mm-subopen+label.mm-toggle+span {
            margin-right: 100px
        }

        a.mm-subopen+label.mm-check+a,
        a.mm-subopen+label.mm-check+span {
            margin-right: 80px
        }

        em.mm-counter+a.mm-subopen+label.mm-check,
        em.mm-counter+a.mm-subopen+label.mm-toggle {
            right: 90px
        }

        em.mm-counter+a.mm-subopen+label.mm-toggle+a,
        em.mm-counter+a.mm-subopen+label.mm-toggle+span {
            margin-right: 140px
        }

        em.mm-counter+a.mm-subopen+label.mm-check+a,
        em.mm-counter+a.mm-subopen+label.mm-check+span {
            margin-right: 120px
        }

        .mm-menu label.mm-toggle {
            background: rgba(0, 0, 0, .15)
        }

        .mm-menu label.mm-toggle:before {
            background: #333
        }

        .mm-menu input.mm-toggle:checked~label.mm-toggle {
            background: #4bd963
        }

        .mm-menu label.mm-check:before {
            border-color: rgba(255, 255, 255, .6)
        }

        html.mm-slide .mm-menu {
            -webkit-transition: -webkit-transform .4s ease;
            transition: transform .4s ease
        }

        html.mm-slide.mm-opened .mm-menu {
            -webkit-transform: translateX(-30%);
            -moz-transform: translateX(-30%);
            -ms-transform: translateX(-30%);
            -o-transform: translateX(-30%);
            transform: translateX(-30%)
        }

        html.mm-slide.mm-opening .mm-menu {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0)
        }

        html.mm-slide.mm-right.mm-opened .mm-menu {
            -webkit-transform: translateX(30%);
            -moz-transform: translateX(30%);
            -ms-transform: translateX(30%);
            -o-transform: translateX(30%);
            transform: translateX(30%)
        }

        html.mm-slide.mm-right.mm-opening .mm-menu {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0)
        }

        html.mm-slide.mm-top.mm-opened .mm-menu {
            -webkit-transform: translateY(-30%);
            -moz-transform: translateY(-30%);
            -ms-transform: translateY(-30%);
            -o-transform: translateY(-30%);
            transform: translateY(-30%)
        }

        html.mm-slide.mm-top.mm-opening .mm-menu {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0)
        }

        html.mm-slide.mm-bottom.mm-opened .mm-menu {
            -webkit-transform: translateY(30%);
            -moz-transform: translateY(30%);
            -ms-transform: translateY(30%);
            -o-transform: translateY(30%);
            transform: translateY(30%)
        }

        html.mm-slide.mm-bottom.mm-opening .mm-menu {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0)
        }

        html.mm-zoom-menu .mm-menu {
            -webkit-transition: -webkit-transform .4s ease;
            transition: transform .4s ease
        }

        html.mm-zoom-menu.mm-opened .mm-menu {
            -webkit-transform: scale(.7, .7) translateX(-30%);
            -moz-transform: scale(.7, .7) translateX(-30%);
            -ms-transform: scale(.7, .7) translateX(-30%);
            -o-transform: scale(.7, .7) translateX(-30%);
            transform: scale(.7, .7) translateX(-30%);
            -webkit-transform-origin: left center;
            -moz-transform-origin: left center;
            -ms-transform-origin: left center;
            -o-transform-origin: left center;
            transform-origin: left center
        }

        html.mm-zoom-menu.mm-opening .mm-menu {
            -webkit-transform: scale(1, 1) translateX(0);
            -moz-transform: scale(1, 1) translateX(0);
            -ms-transform: scale(1, 1) translateX(0);
            -o-transform: scale(1, 1) translateX(0);
            transform: scale(1, 1) translateX(0)
        }

        html.mm-zoom-menu.mm-right.mm-opened .mm-menu {
            -webkit-transform: scale(.7, .7) translateX(30%);
            -moz-transform: scale(.7, .7) translateX(30%);
            -ms-transform: scale(.7, .7) translateX(30%);
            -o-transform: scale(.7, .7) translateX(30%);
            transform: scale(.7, .7) translateX(30%);
            -webkit-transform-origin: right center;
            -moz-transform-origin: right center;
            -ms-transform-origin: right center;
            -o-transform-origin: right center;
            transform-origin: right center
        }

        html.mm-zoom-menu.mm-right.mm-opening .mm-menu {
            -webkit-transform: scale(1, 1) translateX(0);
            -moz-transform: scale(1, 1) translateX(0);
            -ms-transform: scale(1, 1) translateX(0);
            -o-transform: scale(1, 1) translateX(0);
            transform: scale(1, 1) translateX(0)
        }

        html.mm-zoom-menu.mm-top.mm-opened .mm-menu {
            -webkit-transform: scale(.7, .7) translateY(-30%);
            -moz-transform: scale(.7, .7) translateY(-30%);
            -ms-transform: scale(.7, .7) translateY(-30%);
            -o-transform: scale(.7, .7) translateY(-30%);
            transform: scale(.7, .7) translateY(-30%);
            -webkit-transform-origin: center top;
            -moz-transform-origin: center top;
            -ms-transform-origin: center top;
            -o-transform-origin: center top;
            transform-origin: center top
        }

        html.mm-zoom-menu.mm-top.mm-opening .mm-menu {
            -webkit-transform: scale(1, 1) translateY(0);
            -moz-transform: scale(1, 1) translateY(0);
            -ms-transform: scale(1, 1) translateY(0);
            -o-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0)
        }

        html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu {
            -webkit-transform: scale(.7, .7) translateY(30%);
            -moz-transform: scale(.7, .7) translateY(30%);
            -ms-transform: scale(.7, .7) translateY(30%);
            -o-transform: scale(.7, .7) translateY(30%);
            transform: scale(.7, .7) translateY(30%);
            -webkit-transform-origin: center bottom;
            -moz-transform-origin: center bottom;
            -ms-transform-origin: center bottom;
            -o-transform-origin: center bottom;
            transform-origin: center bottom
        }

        html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu {
            -webkit-transform: scale(1, 1) translateY(0);
            -moz-transform: scale(1, 1) translateY(0);
            -ms-transform: scale(1, 1) translateY(0);
            -o-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0)
        }

        html.mm-zoom-panels .mm-menu.mm-horizontal>.mm-panel {
            -webkit-transform: scale(1.5, 1.5) translateX(100%);
            -moz-transform: scale(1.5, 1.5) translateX(100%);
            -ms-transform: scale(1.5, 1.5) translateX(100%);
            -o-transform: scale(1.5, 1.5) translateX(100%);
            transform: scale(1.5, 1.5) translateX(100%);
            -webkit-transform-origin: left center;
            -moz-transform-origin: left center;
            -ms-transform-origin: left center;
            -o-transform-origin: left center;
            transform-origin: left center;
            -webkit-transition-property: -webkit-transform, left;
            transition-property: transform, left
        }

        html.mm-zoom-panels .mm-menu.mm-horizontal>.mm-panel.mm-opened {
            -webkit-transform: scale(1, 1) translateX(0);
            -moz-transform: scale(1, 1) translateX(0);
            -ms-transform: scale(1, 1) translateX(0);
            -o-transform: scale(1, 1) translateX(0);
            transform: scale(1, 1) translateX(0)
        }

        html.mm-zoom-panels .mm-menu.mm-horizontal>.mm-panel.mm-opened.mm-subopened {
            -webkit-transform: scale(.7, .7) translateX(-30%);
            -moz-transform: scale(.7, .7) translateX(-30%);
            -ms-transform: scale(.7, .7) translateX(-30%);
            -o-transform: scale(.7, .7) translateX(-30%);
            transform: scale(.7, .7) translateX(-30%)
        }

        .mm-menu.mm-fullscreen {
            width: 100%;
            min-width: 140px;
            max-width: 10000px
        }

        html.mm-opening.mm-fullscreen .mm-slideout {
            -webkit-transform: translate(100%, 0);
            -moz-transform: translate(100%, 0);
            -ms-transform: translate(100%, 0);
            -o-transform: translate(100%, 0);
            transform: translate(100%, 0)
        }

        @media all and (max-width:140px) {
            html.mm-opening.mm-fullscreen .mm-slideout {
                -webkit-transform: translate(140px, 0);
                -moz-transform: translate(140px, 0);
                -ms-transform: translate(140px, 0);
                -o-transform: translate(140px, 0);
                transform: translate(140px, 0)
            }
        }

        @media all and (min-width:10000px) {
            html.mm-opening.mm-fullscreen .mm-slideout {
                -webkit-transform: translate(10000px, 0);
                -moz-transform: translate(10000px, 0);
                -ms-transform: translate(10000px, 0);
                -o-transform: translate(10000px, 0);
                transform: translate(10000px, 0)
            }
        }

        html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
            -webkit-transform: translate(-100%, 0);
            -moz-transform: translate(-100%, 0);
            -ms-transform: translate(-100%, 0);
            -o-transform: translate(-100%, 0);
            transform: translate(-100%, 0)
        }

        @media all and (max-width:140px) {
            html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
                -webkit-transform: translate(-140px, 0);
                -moz-transform: translate(-140px, 0);
                -ms-transform: translate(-140px, 0);
                -o-transform: translate(-140px, 0);
                transform: translate(-140px, 0)
            }
        }

        @media all and (min-width:10000px) {
            html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
                -webkit-transform: translate(-10000px, 0);
                -moz-transform: translate(-10000px, 0);
                -ms-transform: translate(-10000px, 0);
                -o-transform: translate(-10000px, 0);
                transform: translate(-10000px, 0)
            }
        }

        .mm-menu.mm-front.mm-fullscreen.mm-bottom,
        .mm-menu.mm-front.mm-fullscreen.mm-top {
            height: 100%;
            min-height: 140px;
            max-height: 10000px
        }

        html.mm-opened.mm-fullscreen .mm-page {
            box-shadow: none !important
        }

        .mm-menu.mm-bottom,
        .mm-menu.mm-top {
            width: 100%;
            min-width: 100%;
            max-width: 100%
        }

        .mm-menu.mm-right {
            left: auto;
            right: 0
        }

        .mm-menu.mm-bottom {
            top: auto;
            bottom: 0
        }

        html.mm-right.mm-opening .mm-slideout {
            -webkit-transform: translate(-80%, 0);
            -moz-transform: translate(-80%, 0);
            -ms-transform: translate(-80%, 0);
            -o-transform: translate(-80%, 0);
            transform: translate(-80%, 0)
        }

        @media all and (max-width:175px) {
            html.mm-right.mm-opening .mm-slideout {
                -webkit-transform: translate(-140px, 0);
                -moz-transform: translate(-140px, 0);
                -ms-transform: translate(-140px, 0);
                -o-transform: translate(-140px, 0);
                transform: translate(-140px, 0)
            }
        }

        @media all and (min-width:550px) {
            html.mm-right.mm-opening .mm-slideout {
                -webkit-transform: translate(-440px, 0);
                -moz-transform: translate(-440px, 0);
                -ms-transform: translate(-440px, 0);
                -o-transform: translate(-440px, 0);
                transform: translate(-440px, 0)
            }
        }

        html.mm-front .mm-slideout {
            -webkit-transform: none !important;
            -moz-transform: none !important;
            -ms-transform: none !important;
            -o-transform: none !important;
            transform: none !important;
            z-index: 0 !important
        }

        .mm-menu.mm-front {
            z-index: 1;
            box-shadow: 0 0 15px rgba(0, 0, 0, .5)
        }

        html.mm-opened.mm-next .mm-page {
            box-shadow: none
        }

        .mm-menu.mm-front,
        .mm-menu.mm-next {
            -webkit-transition: -webkit-transform .4s ease;
            -ms-transition: -ms-transform .4s ease;
            transition: transform .4s ease;
            -webkit-transform: translate(-100%, 0);
            -moz-transform: translate(-100%, 0);
            -ms-transform: translate(-100%, 0);
            -o-transform: translate(-100%, 0);
            transform: translate(-100%, 0)
        }

        .mm-menu.mm-front.mm-right,
        .mm-menu.mm-next.mm-right {
            -webkit-transform: translate(100%, 0);
            -moz-transform: translate(100%, 0);
            -ms-transform: translate(100%, 0);
            -o-transform: translate(100%, 0);
            transform: translate(100%, 0)
        }

        .mm-menu.mm-front.mm-top {
            -webkit-transform: translate(0, -100%);
            -moz-transform: translate(0, -100%);
            -ms-transform: translate(0, -100%);
            -o-transform: translate(0, -100%);
            transform: translate(0, -100%)
        }

        .mm-menu.mm-front.mm-bottom {
            -webkit-transform: translate(0, 100%);
            -moz-transform: translate(0, 100%);
            -ms-transform: translate(0, 100%);
            -o-transform: translate(0, 100%);
            transform: translate(0, 100%)
        }

        html.mm-opening .mm-menu.mm-front,
        html.mm-opening .mm-menu.mm-next {
            -webkit-transform: translate(0, 0);
            -moz-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            -o-transform: translate(0, 0);
            transform: translate(0, 0)
        }

        .mm-menu.mm-front.mm-bottom,
        .mm-menu.mm-front.mm-top {
            height: 80%;
            min-height: 140px;
            max-height: 880px
        }

        html.mm-opened.mm-light .mm-page {
            box-shadow: 0 0 10px rgba(0, 0, 0, .3)
        }

        .mm-menu.mm-light {
            background: #f3f3f3;
            color: rgba(0, 0, 0, .6)
        }

        .mm-menu.mm-light .mm-list>li:after {
            border-color: rgba(0, 0, 0, .1)
        }

        .mm-menu.mm-light .mm-list>li>a.mm-subclose {
            background: rgba(255, 255, 255, .6);
            color: rgba(0, 0, 0, .3)
        }

        .mm-menu.mm-light .mm-list>li>a.mm-subclose:before,
        .mm-menu.mm-light .mm-list>li>a.mm-subopen:after {
            border-color: rgba(0, 0, 0, .3)
        }

        .mm-menu.mm-light .mm-list>li>a.mm-subopen:before {
            border-color: rgba(0, 0, 0, .1)
        }

        .mm-menu.mm-light .mm-list>li.mm-selected>a:not(.mm-subopen),
        .mm-menu.mm-light .mm-list>li.mm-selected>span {
            background: rgba(255, 255, 255, .6)
        }

        .mm-menu.mm-light .mm-list>li.mm-label {
            background: rgba(0, 0, 0, .03)
        }

        .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened>a.mm-subopen,
        .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened>ul {
            background: rgba(0, 0, 0, .03)
        }

        .mm-menu.mm-light .mm-buttonbar {
            border-color: rgba(0, 0, 0, .6);
            background: #f3f3f3
        }

        .mm-menu.mm-light .mm-buttonbar>* {
            border-color: rgba(0, 0, 0, .6)
        }

        .mm-menu.mm-light .mm-buttonbar>input:checked+label {
            background: rgba(0, 0, 0, .6);
            color: #f3f3f3
        }

        .mm-menu.mm-light label.mm-check:before {
            border-color: rgba(0, 0, 0, .6)
        }

        .mm-menu.mm-light em.mm-counter {
            color: rgba(0, 0, 0, .3)
        }

        .mm-menu.mm-light .mm-footer {
            border-color: rgba(0, 0, 0, .1);
            color: rgba(0, 0, 0, .3)
        }

        .mm-menu.mm-light .mm-header {
            border-color: rgba(0, 0, 0, .1);
            color: rgba(0, 0, 0, .3)
        }

        .mm-menu.mm-light .mm-header .mm-close:after,
        .mm-menu.mm-light .mm-header .mm-next:after,
        .mm-menu.mm-light .mm-header .mm-prev:before {
            border-color: rgba(0, 0, 0, .3)
        }

        .mm-menu.mm-light .mm-list li.mm-label>div>div {
            background: rgba(0, 0, 0, .03)
        }

        .mm-menu.mm-light .mm-search input {
            background: rgba(0, 0, 0, .1);
            color: rgba(0, 0, 0, .6)
        }

        .mm-menu.mm-light .mm-noresultsmsg {
            color: rgba(0, 0, 0, .3)
        }

        .mm-menu.mm-light label.mm-toggle {
            background: rgba(0, 0, 0, .1)
        }

        .mm-menu.mm-light label.mm-toggle:before {
            background: #f3f3f3
        }

        .mm-menu.mm-light input.mm-toggle:checked~label.mm-toggle {
            background: #4bd963
        }

        html.mm-opened.mm-white .mm-page {
            box-shadow: 0 0 10px rgba(0, 0, 0, .3)
        }

        .mm-menu.mm-white {
            background: #fff;
            color: rgba(0, 0, 0, .6)
        }

        .mm-menu.mm-white .mm-list>li:after {
            border-color: rgba(0, 0, 0, .1)
        }

        .mm-menu.mm-white .mm-list>li>a.mm-subclose {
            background: rgba(0, 0, 0, .06);
            color: rgba(0, 0, 0, .3)
        }

        .mm-menu.mm-white .mm-list>li>a.mm-subclose:before,
        .mm-menu.mm-white .mm-list>li>a.mm-subopen:after {
            border-color: rgba(0, 0, 0, .3)
        }

        .mm-menu.mm-white .mm-list>li>a.mm-subopen:before {
            border-color: rgba(0, 0, 0, .1)
        }

        .mm-menu.mm-white .mm-list>li.mm-selected>a:not(.mm-subopen),
        .mm-menu.mm-white .mm-list>li.mm-selected>span {
            background: rgba(0, 0, 0, .06)
        }

        .mm-menu.mm-white .mm-list>li.mm-label {
            background: rgba(0, 0, 0, .03)
        }

        .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened>a.mm-subopen,
        .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened>ul {
            background: rgba(0, 0, 0, .03)
        }

        .mm-menu.mm-white .mm-buttonbar {
            border-color: rgba(0, 0, 0, .6);
            background: #fff
        }

        .mm-menu.mm-white .mm-buttonbar>* {
            border-color: rgba(0, 0, 0, .6)
        }

        .mm-menu.mm-white .mm-buttonbar>input:checked+label {
            background: rgba(0, 0, 0, .6);
            color: #fff
        }

        .mm-menu.mm-white label.mm-check:before {
            border-color: rgba(0, 0, 0, .6)
        }

        .mm-menu.mm-white em.mm-counter {
            color: rgba(0, 0, 0, .3)
        }

        .mm-menu.mm-white .mm-footer {
            border-color: rgba(0, 0, 0, .1);
            color: rgba(0, 0, 0, .3)
        }

        .mm-menu.mm-white .mm-header {
            border-color: rgba(0, 0, 0, .1);
            color: rgba(0, 0, 0, .3)
        }

        .mm-menu.mm-white .mm-header .mm-close:after,
        .mm-menu.mm-white .mm-header .mm-next:after,
        .mm-menu.mm-white .mm-header .mm-prev:before {
            border-color: rgba(0, 0, 0, .3)
        }

        .mm-menu.mm-white .mm-list li.mm-label>div>div {
            background: rgba(0, 0, 0, .03)
        }

        .mm-menu.mm-white .mm-search input {
            background: rgba(0, 0, 0, .1);
            color: rgba(0, 0, 0, .6)
        }

        .mm-menu.mm-white .mm-noresultsmsg {
            color: rgba(0, 0, 0, .3)
        }

        .mm-menu.mm-white label.mm-toggle {
            background: rgba(0, 0, 0, .1)
        }

        .mm-menu.mm-white label.mm-toggle:before {
            background: #fff
        }

        .mm-menu.mm-white input.mm-toggle:checked~label.mm-toggle {
            background: #4bd963
        }

        html.mm-opened.mm-black .mm-page {
            box-shadow: none
        }

        .mm-menu.mm-black {
            background: #000;
            color: rgba(255, 255, 255, .6)
        }

        .mm-menu.mm-black .mm-list>li:after {
            border-color: rgba(255, 255, 255, .2)
        }

        .mm-menu.mm-black .mm-list>li>a.mm-subclose {
            background: rgba(255, 255, 255, .25);
            color: rgba(255, 255, 255, .3)
        }

        .mm-menu.mm-black .mm-list>li>a.mm-subclose:before,
        .mm-menu.mm-black .mm-list>li>a.mm-subopen:after {
            border-color: rgba(255, 255, 255, .3)
        }

        .mm-menu.mm-black .mm-list>li>a.mm-subopen:before {
            border-color: rgba(255, 255, 255, .2)
        }

        .mm-menu.mm-black .mm-list>li.mm-selected>a:not(.mm-subopen),
        .mm-menu.mm-black .mm-list>li.mm-selected>span {
            background: rgba(255, 255, 255, .25)
        }

        .mm-menu.mm-black .mm-list>li.mm-label {
            background: rgba(255, 255, 255, .15)
        }

        .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened>a.mm-subopen,
        .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened>ul {
            background: rgba(255, 255, 255, .15)
        }

        .mm-menu.mm-black .mm-buttonbar {
            border-color: rgba(255, 255, 255, .6);
            background: #000
        }

        .mm-menu.mm-black .mm-buttonbar>* {
            border-color: rgba(255, 255, 255, .6)
        }

        .mm-menu.mm-black .mm-buttonbar>input:checked+label {
            background: rgba(255, 255, 255, .6);
            color: #000
        }

        .mm-menu.mm-black label.mm-check:before {
            border-color: rgba(255, 255, 255, .6)
        }

        .mm-menu.mm-black em.mm-counter {
            color: rgba(255, 255, 255, .3)
        }

        .mm-menu.mm-black .mm-footer {
            border-color: rgba(255, 255, 255, .2);
            color: rgba(255, 255, 255, .3)
        }

        .mm-menu.mm-black .mm-header {
            border-color: rgba(255, 255, 255, .2);
            color: rgba(255, 255, 255, .3)
        }

        .mm-menu.mm-black .mm-header .mm-close:after,
        .mm-menu.mm-black .mm-header .mm-next:after,
        .mm-menu.mm-black .mm-header .mm-prev:before {
            border-color: rgba(255, 255, 255, .3)
        }

        .mm-menu.mm-black .mm-list li.mm-label>div>div {
            background: rgba(255, 255, 255, .15)
        }

        .mm-menu.mm-black .mm-search input {
            background: rgba(255, 255, 255, .3);
            color: rgba(255, 255, 255, .6)
        }

        .mm-menu.mm-black .mm-noresultsmsg {
            color: rgba(255, 255, 255, .3)
        }

        .mm-menu.mm-black label.mm-toggle {
            background: rgba(255, 255, 255, .2)
        }

        .mm-menu.mm-black label.mm-toggle:before {
            background: #000
        }

        .mm-menu.mm-black input.mm-toggle:checked~label.mm-toggle {
            background: #4bd963
        }

        #nprogress {
            pointer-events: none
        }

        #nprogress .bar {
            background: #29d;
            position: fixed;
            z-index: 99999999;
            top: 0;
            left: 0;
            width: 100%;
            height: 2px
        }

        #nprogress .peg {
            display: block;
            position: absolute;
            right: 0;
            width: 100px;
            height: 100%;
            box-shadow: 0 0 10px #29d, 0 0 5px #29d;
            opacity: 1;
            -webkit-transform: rotate(3deg) translate(0, -4px);
            -ms-transform: rotate(3deg) translate(0, -4px);
            transform: rotate(3deg) translate(0, -4px)
        }

        #nprogress .spinner {
            display: block;
            position: fixed;
            z-index: 1031;
            top: 15px;
            right: 15px
        }

        #nprogress .spinner-icon {
            width: 18px;
            height: 18px;
            box-sizing: border-box;
            border: solid 2px transparent;
            border-top-color: #29d;
            border-left-color: #29d;
            border-radius: 50%;
            -webkit-animation: nprogress-spinner .4s linear infinite;
            animation: nprogress-spinner .4s linear infinite
        }

        .nprogress-custom-parent {
            overflow: hidden;
            position: relative
        }

        .nprogress-custom-parent #nprogress .bar,
        .nprogress-custom-parent #nprogress .spinner {
            position: absolute
        }

        @-webkit-keyframes nprogress-spinner {
            0% {
                -webkit-transform: rotate(0)
            }
            100% {
                -webkit-transform: rotate(360deg)
            }
        }

        @keyframes nprogress-spinner {
            0% {
                transform: rotate(0)
            }
            100% {
                transform: rotate(360deg)
            }
        }

        .owl-carousel {
            display: none;
            width: 100%;
            -webkit-tap-highlight-color: transparent;
            position: relative;
            z-index: 1
        }

        .owl-carousel .owl-stage {
            position: relative;
            -ms-touch-action: pan-Y
        }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

        .owl-carousel .owl-stage-outer {
            position: relative;
            overflow: hidden;
            -webkit-transform: translate3d(0, 0, 0)
        }

        .owl-carousel .owl-item {
            position: relative;
            min-height: 1px;
            float: left;
            -webkit-backface-visibility: hidden;
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none
        }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%;
            -webkit-transform-style: preserve-3d
        }

        .owl-carousel .owl-dots.disabled,
        .owl-carousel .owl-nav.disabled {
            display: none
        }

        .owl-carousel .owl-dot,
        .owl-carousel .owl-nav .owl-next,
        .owl-carousel .owl-nav .owl-prev {
            cursor: pointer;
            cursor: hand;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .owl-carousel.owl-loaded {
            display: block
        }

        .owl-carousel.owl-loading {
            opacity: 0;
            display: block
        }

        .owl-carousel.owl-hidden {
            opacity: 0
        }

        .owl-carousel.owl-refresh .owl-item {
            visibility: hidden
        }

        .owl-carousel.owl-drag .owl-item {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .owl-carousel.owl-grab {
            cursor: move;
            cursor: grab
        }

        .owl-carousel.owl-rtl {
            direction: rtl
        }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

        .no-js .owl-carousel {
            display: block
        }

        .owl-carousel .animated {
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both
        }

        .owl-carousel .owl-animated-in {
            z-index: 0
        }

        .owl-carousel .owl-animated-out {
            z-index: 1
        }

        .owl-carousel .fadeOut {
            -webkit-animation-name: fadeOut;
            animation-name: fadeOut
        }

        @-webkit-keyframes fadeOut {
            0% {
                opacity: 1
            }
            100% {
                opacity: 0
            }
        }

        @keyframes fadeOut {
            0% {
                opacity: 1
            }
            100% {
                opacity: 0
            }
        }

        .owl-height {
            transition: height .5s ease-in-out
        }

        .owl-carousel .owl-item .owl-lazy {
            opacity: 0;
            transition: opacity .4s ease
        }

        .owl-carousel .owl-item img.owl-lazy {
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d
        }

        .owl-carousel .owl-video-wrapper {
            position: relative;
            height: 100%;
            background: #000
        }

        .owl-carousel .owl-video-play-icon {
            position: absolute;
            height: 80px;
            width: 80px;
            left: 50%;
            top: 50%;
            margin-left: -40px;
            margin-top: -40px;
            background: url(owl.video.play.png) no-repeat;
            cursor: pointer;
            z-index: 1;
            -webkit-backface-visibility: hidden;
            transition: -webkit-transform .1s ease;
            transition: transform .1s ease
        }

        .owl-carousel .owl-video-play-icon:hover {
            -webkit-transform: scale(1.3, 1.3);
            -ms-transform: scale(1.3, 1.3);
            transform: scale(1.3, 1.3)
        }

        .owl-carousel .owl-video-playing .owl-video-play-icon,
        .owl-carousel .owl-video-playing .owl-video-tn {
            display: none
        }

        .owl-carousel .owl-video-tn {
            opacity: 0;
            height: 100%;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: contain;
            transition: opacity .4s ease
        }

        .owl-carousel .owl-video-frame {
            position: relative;
            z-index: 1;
            height: 100%;
            width: 100%
        }

        .owl-theme .owl-nav {
            margin-top: 10px;
            text-align: center;
            -webkit-tap-highlight-color: transparent
        }

        .owl-theme .owl-nav [class*=owl-] {
            color: #fff;
            font-size: 14px;
            margin: 5px;
            padding: 4px 7px;
            background: #d6d6d6;
            display: inline-block;
            cursor: pointer;
            border-radius: 3px
        }

        .owl-theme .owl-nav [class*=owl-]:hover {
            background: #869791;
            color: #fff;
            text-decoration: none
        }

        .owl-theme .owl-nav .disabled {
            opacity: .5;
            cursor: default
        }

        .owl-theme .owl-nav.disabled+.owl-dots {
            margin-top: 10px
        }

        .owl-theme .owl-dots {
            text-align: center;
            -webkit-tap-highlight-color: transparent
        }

        .owl-theme .owl-dots .owl-dot {
            display: inline-block;
            zoom: 1
        }

        .owl-theme .owl-dots .owl-dot span {
            width: 10px;
            height: 10px;
            margin: 5px 7px;
            background: #d6d6d6;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity .2s ease;
            border-radius: 30px
        }

        .owl-theme .owl-dots .owl-dot.active span,
        .owl-theme .owl-dots .owl-dot:hover span {
            background: #869791
        }

        .owl-origin {
            -webkit-perspective: 1200px;
            -webkit-perspective-origin-x: 50%;
            -webkit-perspective-origin-y: 50%;
            -moz-perspective: 1200px;
            -moz-perspective-origin-x: 50%;
            -moz-perspective-origin-y: 50%;
            perspective: 1200px
        }

        .owl-fade-out {
            z-index: 10;
            -webkit-animation: fadeOut .7s both ease;
            -moz-animation: fadeOut .7s both ease;
            animation: fadeOut .7s both ease
        }

        .owl-fade-in {
            -webkit-animation: fadeIn .7s both ease;
            -moz-animation: fadeIn .7s both ease;
            animation: fadeIn .7s both ease
        }

        .owl-backSlide-out {
            -webkit-animation: backSlideOut 1s both ease;
            -moz-animation: backSlideOut 1s both ease;
            animation: backSlideOut 1s both ease
        }

        .owl-backSlide-in {
            -webkit-animation: backSlideIn 1s both ease;
            -moz-animation: backSlideIn 1s both ease;
            animation: backSlideIn 1s both ease
        }

        .owl-goDown-out {
            -webkit-animation: scaleToFade .7s ease both;
            -moz-animation: scaleToFade .7s ease both;
            animation: scaleToFade .7s ease both
        }

        .owl-goDown-in {
            -webkit-animation: goDown .6s ease both;
            -moz-animation: goDown .6s ease both;
            animation: goDown .6s ease both
        }

        .owl-fadeUp-in {
            -webkit-animation: scaleUpFrom .5s ease both;
            -moz-animation: scaleUpFrom .5s ease both;
            animation: scaleUpFrom .5s ease both
        }

        .owl-fadeUp-out {
            -webkit-animation: scaleUpTo .5s ease both;
            -moz-animation: scaleUpTo .5s ease both;
            animation: scaleUpTo .5s ease both
        }

        @-webkit-keyframes empty {
            0% {
                opacity: 1
            }
        }

        @-moz-keyframes empty {
            0% {
                opacity: 1
            }
        }

        @keyframes empty {
            0% {
                opacity: 1
            }
        }

        @-webkit-keyframes fadeIn {
            0% {
                opacity: 0
            }
            100% {
                opacity: 1
            }
        }

        @-moz-keyframes fadeIn {
            0% {
                opacity: 0
            }
            100% {
                opacity: 1
            }
        }

        @keyframes fadeIn {
            0% {
                opacity: 0
            }
            100% {
                opacity: 1
            }
        }

        @-webkit-keyframes fadeOut {
            0% {
                opacity: 1
            }
            100% {
                opacity: 0
            }
        }

        @-moz-keyframes fadeOut {
            0% {
                opacity: 1
            }
            100% {
                opacity: 0
            }
        }

        @keyframes fadeOut {
            0% {
                opacity: 1
            }
            100% {
                opacity: 0
            }
        }

        @-webkit-keyframes backSlideOut {
            25% {
                opacity: .5;
                -webkit-transform: translateZ(-500px)
            }
            75% {
                opacity: .5;
                -webkit-transform: translateZ(-500px) translateX(-200%)
            }
            100% {
                opacity: .5;
                -webkit-transform: translateZ(-500px) translateX(-200%)
            }
        }

        @-moz-keyframes backSlideOut {
            25% {
                opacity: .5;
                -moz-transform: translateZ(-500px)
            }
            75% {
                opacity: .5;
                -moz-transform: translateZ(-500px) translateX(-200%)
            }
            100% {
                opacity: .5;
                -moz-transform: translateZ(-500px) translateX(-200%)
            }
        }

        @keyframes backSlideOut {
            25% {
                opacity: .5;
                transform: translateZ(-500px)
            }
            75% {
                opacity: .5;
                transform: translateZ(-500px) translateX(-200%)
            }
            100% {
                opacity: .5;
                transform: translateZ(-500px) translateX(-200%)
            }
        }

        @-webkit-keyframes backSlideIn {
            0%,
            25% {
                opacity: .5;
                -webkit-transform: translateZ(-500px) translateX(200%)
            }
            75% {
                opacity: .5;
                -webkit-transform: translateZ(-500px)
            }
            100% {
                opacity: 1;
                -webkit-transform: translateZ(0) translateX(0)
            }
        }

        @-moz-keyframes backSlideIn {
            0%,
            25% {
                opacity: .5;
                -moz-transform: translateZ(-500px) translateX(200%)
            }
            75% {
                opacity: .5;
                -moz-transform: translateZ(-500px)
            }
            100% {
                opacity: 1;
                -moz-transform: translateZ(0) translateX(0)
            }
        }

        @keyframes backSlideIn {
            0%,
            25% {
                opacity: .5;
                transform: translateZ(-500px) translateX(200%)
            }
            75% {
                opacity: .5;
                transform: translateZ(-500px)
            }
            100% {
                opacity: 1;
                transform: translateZ(0) translateX(0)
            }
        }

        @-webkit-keyframes scaleToFade {
            to {
                opacity: 0;
                -webkit-transform: scale(.8)
            }
        }

        @-moz-keyframes scaleToFade {
            to {
                opacity: 0;
                -moz-transform: scale(.8)
            }
        }

        @keyframes scaleToFade {
            to {
                opacity: 0;
                transform: scale(.8)
            }
        }

        @-webkit-keyframes goDown {
            from {
                -webkit-transform: translateY(-100%)
            }
        }

        @-moz-keyframes goDown {
            from {
                -moz-transform: translateY(-100%)
            }
        }

        @keyframes goDown {
            from {
                transform: translateY(-100%)
            }
        }

        @-webkit-keyframes scaleUpFrom {
            from {
                opacity: 0;
                -webkit-transform: scale(1.5)
            }
        }

        @-moz-keyframes scaleUpFrom {
            from {
                opacity: 0;
                -moz-transform: scale(1.5)
            }
        }

        @keyframes scaleUpFrom {
            from {
                opacity: 0;
                transform: scale(1.5)
            }
        }

        @-webkit-keyframes scaleUpTo {
            to {
                opacity: 0;
                -webkit-transform: scale(1.5)
            }
        }

        @-moz-keyframes scaleUpTo {
            to {
                opacity: 0;
                -moz-transform: scale(1.5)
            }
        }

        @keyframes scaleUpTo {
            to {
                opacity: 0;
                transform: scale(1.5)
            }
        }

        .swiper-container {
            margin: 0 auto;
            position: relative;
            overflow: hidden;
            list-style: none;
            padding: 0;
            z-index: 1
        }

        .swiper-container-no-flexbox .swiper-slide {
            float: left
        }

        .swiper-container-vertical>.swiper-wrapper {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column
        }

        .swiper-wrapper {
            position: relative;
            width: 100%;
            height: 100%;
            z-index: 1;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-transition-property: -webkit-transform;
            transition-property: -webkit-transform;
            -o-transition-property: transform;
            transition-property: transform;
            transition-property: transform, -webkit-transform;
            -webkit-box-sizing: content-box;
            box-sizing: content-box
        }

        .swiper-container-android .swiper-slide,
        .swiper-wrapper {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        .swiper-container-multirow>.swiper-wrapper {
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .swiper-container-free-mode>.swiper-wrapper {
            -webkit-transition-timing-function: ease-out;
            -o-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
            margin: 0 auto
        }

        .swiper-slide {
            -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            width: 100%;
            height: 100%;
            position: relative;
            -webkit-transition-property: -webkit-transform;
            transition-property: -webkit-transform;
            -o-transition-property: transform;
            transition-property: transform;
            transition-property: transform, -webkit-transform
        }

        .swiper-invisible-blank-slide {
            visibility: hidden
        }

        .swiper-container-autoheight,
        .swiper-container-autoheight .swiper-slide {
            height: auto
        }

        .swiper-container-autoheight .swiper-wrapper {
            -webkit-box-align: start;
            -webkit-align-items: flex-start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-transition-property: height, -webkit-transform;
            transition-property: height, -webkit-transform;
            -o-transition-property: transform, height;
            transition-property: transform, height;
            transition-property: transform, height, -webkit-transform
        }

        .swiper-container-3d {
            -webkit-perspective: 1200px;
            perspective: 1200px
        }

        .swiper-container-3d .swiper-cube-shadow,
        .swiper-container-3d .swiper-slide,
        .swiper-container-3d .swiper-slide-shadow-bottom,
        .swiper-container-3d .swiper-slide-shadow-left,
        .swiper-container-3d .swiper-slide-shadow-right,
        .swiper-container-3d .swiper-slide-shadow-top,
        .swiper-container-3d .swiper-wrapper {
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d
        }

        .swiper-container-3d .swiper-slide-shadow-bottom,
        .swiper-container-3d .swiper-slide-shadow-left,
        .swiper-container-3d .swiper-slide-shadow-right,
        .swiper-container-3d .swiper-slide-shadow-top {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 10
        }

        .swiper-container-3d .swiper-slide-shadow-left {
            background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
            background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
            background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
            background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
        }

        .swiper-container-3d .swiper-slide-shadow-right {
            background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
            background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
            background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
            background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
        }

        .swiper-container-3d .swiper-slide-shadow-top {
            background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
            background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
            background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
            background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
        }

        .swiper-container-3d .swiper-slide-shadow-bottom {
            background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
            background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
            background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
            background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
        }

        .swiper-container-wp8-horizontal,
        .swiper-container-wp8-horizontal>.swiper-wrapper {
            -ms-touch-action: pan-y;
            touch-action: pan-y
        }

        .swiper-container-wp8-vertical,
        .swiper-container-wp8-vertical>.swiper-wrapper {
            -ms-touch-action: pan-x;
            touch-action: pan-x
        }

        .swiper-button-next,
        .swiper-button-prev {
            position: absolute;
            top: 50%;
            width: 27px;
            height: 44px;
            margin-top: -22px;
            z-index: 10;
            cursor: pointer;
            background-size: 27px 44px;
            background-position: center;
            background-repeat: no-repeat
        }

        .swiper-button-next.swiper-button-disabled,
        .swiper-button-prev.swiper-button-disabled {
            opacity: .35;
            cursor: auto;
            pointer-events: none
        }

        .swiper-button-prev,
        .swiper-container-rtl .swiper-button-next {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
            left: 10px;
            right: auto
        }

        .swiper-button-next,
        .swiper-container-rtl .swiper-button-prev {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
            right: 10px;
            left: auto
        }

        .swiper-button-prev.swiper-button-white,
        .swiper-container-rtl .swiper-button-next.swiper-button-white {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
        }

        .swiper-button-next.swiper-button-white,
        .swiper-container-rtl .swiper-button-prev.swiper-button-white {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
        }

        .swiper-button-prev.swiper-button-black,
        .swiper-container-rtl .swiper-button-next.swiper-button-black {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
        }

        .swiper-button-next.swiper-button-black,
        .swiper-container-rtl .swiper-button-prev.swiper-button-black {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
        }

        .swiper-button-lock {
            display: none
        }

        .swiper-pagination {
            position: absolute;
            text-align: center;
            -webkit-transition: .3s opacity;
            -o-transition: .3s opacity;
            transition: .3s opacity;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            z-index: 10
        }

        .swiper-pagination.swiper-pagination-hidden {
            opacity: 0
        }

        .swiper-container-horizontal>.swiper-pagination-bullets,
        .swiper-pagination-custom,
        .swiper-pagination-fraction {
            bottom: 10px;
            left: 0;
            width: 100%
        }

        .swiper-pagination-bullets-dynamic {
            overflow: hidden;
            font-size: 0
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            -webkit-transform: scale(.33);
            -ms-transform: scale(.33);
            transform: scale(.33);
            position: relative
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
            -webkit-transform: scale(.66);
            -ms-transform: scale(.66);
            transform: scale(.66)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
            -webkit-transform: scale(.33);
            -ms-transform: scale(.33);
            transform: scale(.33)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
            -webkit-transform: scale(.66);
            -ms-transform: scale(.66);
            transform: scale(.66)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
            -webkit-transform: scale(.33);
            -ms-transform: scale(.33);
            transform: scale(.33)
        }

        .swiper-pagination-bullet {
            width: 8px;
            height: 8px;
            display: inline-block;
            border-radius: 100%;
            background: #000;
            opacity: .2
        }

        button.swiper-pagination-bullet {
            border: none;
            margin: 0;
            padding: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none
        }

        .swiper-pagination-clickable .swiper-pagination-bullet {
            cursor: pointer
        }

        .swiper-pagination-bullet-active {
            opacity: 1;
            background: #007aff
        }

        .swiper-container-vertical>.swiper-pagination-bullets {
            right: 10px;
            top: 50%;
            -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0)
        }

        .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
            margin: 6px 0;
            display: block
        }

        .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 8px
        }

        .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            -webkit-transition: .2s top, .2s -webkit-transform;
            transition: .2s top, .2s -webkit-transform;
            -o-transition: .2s transform, .2s top;
            transition: .2s transform, .2s top;
            transition: .2s transform, .2s top, .2s -webkit-transform
        }

        .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
            margin: 0 4px
        }

        .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            white-space: nowrap
        }

        .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            -webkit-transition: .2s left, .2s -webkit-transform;
            transition: .2s left, .2s -webkit-transform;
            -o-transition: .2s transform, .2s left;
            transition: .2s transform, .2s left;
            transition: .2s transform, .2s left, .2s -webkit-transform
        }

        .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            -webkit-transition: .2s right, .2s -webkit-transform;
            transition: .2s right, .2s -webkit-transform;
            -o-transition: .2s transform, .2s right;
            transition: .2s transform, .2s right;
            transition: .2s transform, .2s right, .2s -webkit-transform
        }

        .swiper-pagination-progressbar {
            background: rgba(0, 0, 0, .25);
            position: absolute
        }

        .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
            background: #007aff;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            -webkit-transform-origin: left top;
            -ms-transform-origin: left top;
            transform-origin: left top
        }

        .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
            -webkit-transform-origin: right top;
            -ms-transform-origin: right top;
            transform-origin: right top
        }

        .swiper-container-horizontal>.swiper-pagination-progressbar,
        .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
            width: 100%;
            height: 4px;
            left: 0;
            top: 0
        }

        .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
        .swiper-container-vertical>.swiper-pagination-progressbar {
            width: 4px;
            height: 100%;
            left: 0;
            top: 0
        }

        .swiper-pagination-white .swiper-pagination-bullet-active {
            background: #fff
        }

        .swiper-pagination-progressbar.swiper-pagination-white {
            background: rgba(255, 255, 255, .25)
        }

        .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
            background: #fff
        }

        .swiper-pagination-black .swiper-pagination-bullet-active {
            background: #000
        }

        .swiper-pagination-progressbar.swiper-pagination-black {
            background: rgba(0, 0, 0, .25)
        }

        .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
            background: #000
        }

        .swiper-pagination-lock {
            display: none
        }

        .swiper-scrollbar {
            border-radius: 10px;
            position: relative;
            -ms-touch-action: none;
            background: rgba(0, 0, 0, .1)
        }

        .swiper-container-horizontal>.swiper-scrollbar {
            position: absolute;
            left: 1%;
            bottom: 3px;
            z-index: 50;
            height: 5px;
            width: 98%
        }

        .swiper-container-vertical>.swiper-scrollbar {
            position: absolute;
            right: 3px;
            top: 1%;
            z-index: 50;
            width: 5px;
            height: 98%
        }

        .swiper-scrollbar-drag {
            height: 100%;
            width: 100%;
            position: relative;
            background: rgba(0, 0, 0, .5);
            border-radius: 10px;
            left: 0;
            top: 0
        }

        .swiper-scrollbar-cursor-drag {
            cursor: move
        }

        .swiper-scrollbar-lock {
            display: none
        }

        .swiper-zoom-container {
            width: 100%;
            height: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            text-align: center
        }

        .swiper-zoom-container>canvas,
        .swiper-zoom-container>img,
        .swiper-zoom-container>svg {
            max-width: 100%;
            max-height: 100%;
            -o-object-fit: contain;
            object-fit: contain
        }

        .swiper-slide-zoomed {
            cursor: move
        }

        .swiper-lazy-preloader {
            width: 42px;
            height: 42px;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -21px;
            margin-top: -21px;
            z-index: 10;
            -webkit-transform-origin: 50%;
            -ms-transform-origin: 50%;
            transform-origin: 50%;
            -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
            animation: swiper-preloader-spin 1s steps(12, end) infinite
        }

        .swiper-lazy-preloader:after {
            display: block;
            content: '';
            width: 100%;
            height: 100%;
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
            background-position: 50%;
            background-size: 100%;
            background-repeat: no-repeat
        }

        .swiper-lazy-preloader-white:after {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
        }

        @-webkit-keyframes swiper-preloader-spin {
            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
            }
        }

        @keyframes swiper-preloader-spin {
            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
            }
        }

        .swiper-container .swiper-notification {
            position: absolute;
            left: 0;
            top: 0;
            pointer-events: none;
            opacity: 0;
            z-index: -1000
        }

        .swiper-container-fade.swiper-container-free-mode .swiper-slide {
            -webkit-transition-timing-function: ease-out;
            -o-transition-timing-function: ease-out;
            transition-timing-function: ease-out
        }

        .swiper-container-fade .swiper-slide {
            pointer-events: none;
            -webkit-transition-property: opacity;
            -o-transition-property: opacity;
            transition-property: opacity
        }

        .swiper-container-fade .swiper-slide .swiper-slide {
            pointer-events: none
        }

        .swiper-container-fade .swiper-slide-active,
        .swiper-container-fade .swiper-slide-active .swiper-slide-active {
            pointer-events: auto
        }

        .swiper-container-cube {
            overflow: visible
        }

        .swiper-container-cube .swiper-slide {
            pointer-events: none;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            z-index: 1;
            visibility: hidden;
            -webkit-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            transform-origin: 0 0;
            width: 100%;
            height: 100%
        }

        .swiper-container-cube .swiper-slide .swiper-slide {
            pointer-events: none
        }

        .swiper-container-cube.swiper-container-rtl .swiper-slide {
            -webkit-transform-origin: 100% 0;
            -ms-transform-origin: 100% 0;
            transform-origin: 100% 0
        }

        .swiper-container-cube .swiper-slide-active,
        .swiper-container-cube .swiper-slide-active .swiper-slide-active {
            pointer-events: auto
        }

        .swiper-container-cube .swiper-slide-active,
        .swiper-container-cube .swiper-slide-next,
        .swiper-container-cube .swiper-slide-next+.swiper-slide,
        .swiper-container-cube .swiper-slide-prev {
            pointer-events: auto;
            visibility: visible
        }

        .swiper-container-cube .swiper-slide-shadow-bottom,
        .swiper-container-cube .swiper-slide-shadow-left,
        .swiper-container-cube .swiper-slide-shadow-right,
        .swiper-container-cube .swiper-slide-shadow-top {
            z-index: 0;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }

        .swiper-container-cube .swiper-cube-shadow {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            background: #000;
            opacity: .6;
            -webkit-filter: blur(50px);
            filter: blur(50px);
            z-index: 0
        }

        .swiper-container-flip {
            overflow: visible
        }

        .swiper-container-flip .swiper-slide {
            pointer-events: none;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            z-index: 1
        }

        .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }

        .swiper-container-flip .swiper-slide-active,
        .swiper-container-flip .swiper-slide-active .swiper-slide-active {
            pointer-events: auto
        }

        .swiper-container-flip .swiper-slide-shadow-bottom,
        .swiper-container-flip .swiper-slide-shadow-left,
        .swiper-container-flip .swiper-slide-shadow-right,
        .swiper-container-flip .swiper-slide-shadow-top {
            z-index: 0;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }

        .swiper-container-coverflow .swiper-wrapper {
            -ms-perspective: 1200px
        }

        .select2-container {
            box-sizing: border-box;
            display: inline-block;
            margin: 0;
            position: relative;
            vertical-align: middle
        }

        .select2-container .select2-selection--single {
            box-sizing: border-box;
            cursor: pointer;
            display: block;
            height: 28px;
            user-select: none;
            -webkit-user-select: none
        }

        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 8px;
            padding-right: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .select2-container .select2-selection--single .select2-selection__clear {
            background-color: transparent;
            border: none;
            font-size: 1em
        }

        .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
            padding-right: 8px;
            padding-left: 20px
        }

        .select2-container .select2-selection--multiple {
            box-sizing: border-box;
            cursor: pointer;
            display: block;
            min-height: 32px;
            user-select: none;
            -webkit-user-select: none
        }

        .select2-container .select2-selection--multiple .select2-selection__rendered {
            display: inline;
            list-style: none;
            padding: 0
        }

        .select2-container .select2-selection--multiple .select2-selection__clear {
            background-color: transparent;
            border: none;
            font-size: 1em
        }

        .select2-container .select2-search--inline .select2-search__field {
            box-sizing: border-box;
            border: none;
            font-size: 100%;
            margin-top: 5px;
            margin-left: 5px;
            padding: 0;
            max-width: 100%;
            resize: none;
            height: 18px;
            vertical-align: bottom;
            font-family: sans-serif;
            overflow: hidden;
            word-break: keep-all
        }

        .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none
        }

        .select2-dropdown {
            background-color: #fff;
            border: 1px solid #aaa;
            border-radius: 4px;
            box-sizing: border-box;
            display: block;
            position: absolute;
            left: -100000px;
            width: 100%;
            z-index: 1051
        }

        .select2-results {
            display: block
        }

        .select2-results__options {
            list-style: none;
            margin: 0;
            padding: 0
        }

        .select2-results__option {
            padding: 6px;
            user-select: none;
            -webkit-user-select: none
        }

        .select2-results__option--selectable {
            cursor: pointer
        }

        .select2-container--open .select2-dropdown {
            left: 0
        }

        .select2-container--open .select2-dropdown--above {
            border-bottom: none;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0
        }

        .select2-container--open .select2-dropdown--below {
            border-top: none;
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        .select2-search--dropdown {
            display: block;
            padding: 4px
        }

        .select2-search--dropdown .select2-search__field {
            padding: 4px;
            width: 100%;
            box-sizing: border-box
        }

        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none
        }

        .select2-search--dropdown.select2-search--hide {
            display: none
        }

        .select2-close-mask {
            border: 0;
            margin: 0;
            padding: 0;
            display: block;
            position: fixed;
            left: 0;
            top: 0;
            min-height: 100%;
            min-width: 100%;
            height: auto;
            width: auto;
            opacity: 0;
            z-index: 99;
            background-color: #fff
        }

        .select2-hidden-accessible {
            border: 0 !important;
            clip: rect(0 0 0 0) !important;
            -webkit-clip-path: inset(50%) !important;
            clip-path: inset(50%) !important;
            height: 1px !important;
            overflow: hidden !important;
            padding: 0 !important;
            position: absolute !important;
            width: 1px !important;
            white-space: nowrap !important
        }

        .select2-container--default .select2-selection--single {
            background-color: #fff;
            border: 1px solid #aaa;
            border-radius: 4px
        }

        .select2-container--default .select2-selection--single .select2-selection__rendered {
            color: #444;
            line-height: 28px
        }

        .select2-container--default .select2-selection--single .select2-selection__clear {
            cursor: pointer;
            float: right;
            font-weight: 700;
            height: 26px;
            margin-right: 20px;
            padding-right: 0
        }

        .select2-container--default .select2-selection--single .select2-selection__placeholder {
            color: #999
        }

        .select2-container--default .select2-selection--single .select2-selection__arrow {
            height: 26px;
            position: absolute;
            top: 1px;
            right: 1px;
            width: 20px
        }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0
        }

        .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
            float: left
        }

        .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
            left: 1px;
            right: auto
        }

        .select2-container--default.select2-container--disabled .select2-selection--single {
            background-color: #eee;
            cursor: default
        }

        .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
            display: none
        }

        .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: transparent transparent #888 transparent;
            border-width: 0 4px 5px 4px
        }

        .select2-container--default .select2-selection--multiple {
            background-color: #fff;
            border: 1px solid #aaa;
            border-radius: 4px;
            cursor: text;
            padding-bottom: 5px;
            padding-right: 5px;
            position: relative
        }

        .select2-container--default .select2-selection--multiple.select2-selection--clearable {
            padding-right: 25px
        }

        .select2-container--default .select2-selection--multiple .select2-selection__clear {
            cursor: pointer;
            font-weight: 700;
            height: 20px;
            margin-right: 10px;
            margin-top: 5px;
            position: absolute;
            right: 0;
            padding: 1px
        }

        .select2-container--default .select2-selection--multiple .select2-selection__choice {
            background-color: #e4e4e4;
            border: 1px solid #aaa;
            border-radius: 4px;
            box-sizing: border-box;
            display: inline-block;
            margin-left: 5px;
            margin-top: 5px;
            padding: 0;
            padding-left: 20px;
            position: relative;
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            vertical-align: bottom;
            white-space: nowrap
        }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
            cursor: default;
            padding-left: 2px;
            padding-right: 5px
        }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
            background-color: transparent;
            border: none;
            border-right: 1px solid #aaa;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            color: #999;
            cursor: pointer;
            font-size: 1em;
            font-weight: 700;
            padding: 0 4px;
            position: absolute;
            left: 0;
            top: 0
        }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus,
        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
            background-color: #f1f1f1;
            color: #333;
            outline: 0
        }

        .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
            margin-left: 5px;
            margin-right: auto
        }

        .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
            padding-left: 5px;
            padding-right: 2px
        }

        .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
            border-left: 1px solid #aaa;
            border-right: none;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px
        }

        .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
            float: left;
            margin-left: 10px;
            margin-right: auto
        }

        .select2-container--default.select2-container--focus .select2-selection--multiple {
            border: solid #000 1px;
            outline: 0
        }

        .select2-container--default.select2-container--disabled .select2-selection--multiple {
            background-color: #eee;
            cursor: default
        }

        .select2-container--default.select2-container--disabled .select2-selection__choice__remove {
            display: none
        }

        .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
        .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
        .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0
        }

        .select2-container--default .select2-search--dropdown .select2-search__field {
            border: 1px solid #aaa
        }

        .select2-container--default .select2-search--inline .select2-search__field {
            background: 0 0;
            border: none;
            outline: 0;
            box-shadow: none;
            -webkit-appearance: textfield
        }

        .select2-container--default .select2-results>.select2-results__options {
            max-height: 200px;
            overflow-y: auto
        }

        .select2-container--default .select2-results__option .select2-results__option {
            padding-left: 1em
        }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
            padding-left: 0
        }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -1em;
            padding-left: 2em
        }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -2em;
            padding-left: 3em
        }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -3em;
            padding-left: 4em
        }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -4em;
            padding-left: 5em
        }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em
        }

        .select2-container--default .select2-results__option--group {
            padding: 0
        }

        .select2-container--default .select2-results__option--disabled {
            color: #999
        }

        .select2-container--default .select2-results__option--selected {
            background-color: #ddd
        }

        .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
            background-color: #5897fb;
            color: #fff
        }

        .select2-container--default .select2-results__group {
            cursor: default;
            display: block;
            padding: 6px
        }

        .select2-container--classic .select2-selection--single {
            background-color: #f7f7f7;
            border: 1px solid #aaa;
            border-radius: 4px;
            outline: 0;
            background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
            background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
            background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
            background-repeat: repeat-x
        }

        .select2-container--classic .select2-selection--single:focus {
            border: 1px solid #5897fb
        }

        .select2-container--classic .select2-selection--single .select2-selection__rendered {
            color: #444;
            line-height: 28px
        }

        .select2-container--classic .select2-selection--single .select2-selection__clear {
            cursor: pointer;
            float: right;
            font-weight: 700;
            height: 26px;
            margin-right: 20px
        }

        .select2-container--classic .select2-selection--single .select2-selection__placeholder {
            color: #999
        }

        .select2-container--classic .select2-selection--single .select2-selection__arrow {
            background-color: #ddd;
            border: none;
            border-left: 1px solid #aaa;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            height: 26px;
            position: absolute;
            top: 1px;
            right: 1px;
            width: 20px;
            background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
            background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
            background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
            background-repeat: repeat-x
        }

        .select2-container--classic .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0
        }

        .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
            float: left
        }

        .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
            border: none;
            border-right: 1px solid #aaa;
            border-radius: 0;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            left: 1px;
            right: auto
        }

        .select2-container--classic.select2-container--open .select2-selection--single {
            border: 1px solid #5897fb
        }

        .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
            background: 0 0;
            border: none
        }

        .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: transparent transparent #888 transparent;
            border-width: 0 4px 5px 4px
        }

        .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
            border-top: none;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            background-image: -webkit-linear-gradient(top, #fff 0, #eee 50%);
            background-image: -o-linear-gradient(top, #fff 0, #eee 50%);
            background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
            background-repeat: repeat-x
        }

        .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
            border-bottom: none;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
            background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
            background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
            background-repeat: repeat-x
        }

        .select2-container--classic .select2-selection--multiple {
            background-color: #fff;
            border: 1px solid #aaa;
            border-radius: 4px;
            cursor: text;
            outline: 0;
            padding-bottom: 5px;
            padding-right: 5px
        }

        .select2-container--classic .select2-selection--multiple:focus {
            border: 1px solid #5897fb
        }

        .select2-container--classic .select2-selection--multiple .select2-selection__clear {
            display: none
        }

        .select2-container--classic .select2-selection--multiple .select2-selection__choice {
            background-color: #e4e4e4;
            border: 1px solid #aaa;
            border-radius: 4px;
            display: inline-block;
            margin-left: 5px;
            margin-top: 5px;
            padding: 0
        }

        .select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
            cursor: default;
            padding-left: 2px;
            padding-right: 5px
        }

        .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
            background-color: transparent;
            border: none;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            color: #888;
            cursor: pointer;
            font-size: 1em;
            font-weight: 700;
            padding: 0 4px
        }

        .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #555;
            outline: 0
        }

        .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
            margin-left: 5px;
            margin-right: auto
        }

        .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
            padding-left: 5px;
            padding-right: 2px
        }

        .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px
        }

        .select2-container--classic.select2-container--open .select2-selection--multiple {
            border: 1px solid #5897fb
        }

        .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
            border-top: none;
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
            border-bottom: none;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0
        }

        .select2-container--classic .select2-search--dropdown .select2-search__field {
            border: 1px solid #aaa;
            outline: 0
        }

        .select2-container--classic .select2-search--inline .select2-search__field {
            outline: 0;
            box-shadow: none
        }

        .select2-container--classic .select2-dropdown {
            background-color: #fff;
            border: 1px solid transparent
        }

        .select2-container--classic .select2-dropdown--above {
            border-bottom: none
        }

        .select2-container--classic .select2-dropdown--below {
            border-top: none
        }

        .select2-container--classic .select2-results>.select2-results__options {
            max-height: 200px;
            overflow-y: auto
        }

        .select2-container--classic .select2-results__option--group {
            padding: 0
        }

        .select2-container--classic .select2-results__option--disabled {
            color: grey
        }

        .select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
            background-color: #3875d7;
            color: #fff
        }

        .select2-container--classic .select2-results__group {
            cursor: default;
            display: block;
            padding: 6px
        }

        .select2-container--classic.select2-container--open .select2-dropdown {
            border-color: #5897fb
        }

        .f32 .dropdown-toggle.active.flag:after {
            background-image: url(/assets/img/flags-sprite.png);
            background-repeat: no-repeat
        }

        .f32 .flag:after {
            background-image: url(/assets/img/flags-sprite.png);
            background-repeat: no-repeat
        }

        .f32 .flag.ad:after {
            background-position: -4px -9px
        }

        .f32 .flag.ae:after {
            background-position: -37px -9px
        }

        .f32 .flag.af:after {
            background-position: -73px -9px
        }

        .f32 .flag.ag:after {
            background-position: -106px -9px
        }

        .f32 .flag.ai:after {
            background-position: -140px -9px
        }

        .f32 .flag.al:after {
            background-position: -174px -9px
        }

        .f32 .flag.am:after {
            background-position: -208px -9px
        }

        .f32 .flag.ao:after {
            background-position: -243px -9px
        }

        .f32 .flag.aq:after {
            background-position: -277px -9px
        }

        .f32 .flag.ar:after {
            background-position: -310px -9px
        }

        .f32 .flag.as:after {
            background-position: -345px -9px
        }

        .f32 .flag.at:after {
            background-position: -379px -9px
        }

        .f32 .flag.au:after {
            background-position: -412px -9px
        }

        .f32 .flag.aw:after {
            background-position: -446px -9px
        }

        .f32 .flag.ax:after {
            background-position: -480px -9px
        }

        .f32 .flag.az:after {
            background-position: -4px -43px
        }

        .f32 .flag.ba:after {
            background-position: -38px -43px
        }

        .f32 .flag.bb:after {
            background-position: -72px -43px
        }

        .f32 .flag.bd:after {
            background-position: -104px -43px
        }

        .f32 .flag.be:after {
            background-position: -140px -43px
        }

        .f32 .flag.bf:after {
            background-position: -174px -43px
        }

        .f32 .flag.bg:after {
            background-position: -208px -43px
        }

        .f32 .flag.bh:after {
            background-position: -242px -43px
        }

        .f32 .flag.bi:after {
            background-position: -276px -43px
        }

        .f32 .flag.bj:after {
            background-position: -310px -43px
        }

        .f32 .flag.bl:after {
            background-position: -344px -43px
        }

        .f32 .flag.bm:after {
            background-position: -378px -43px
        }

        .f32 .flag.bn:after {
            background-position: -412px -43px
        }

        .f32 .flag.bo:after {
            background-position: -446px -43px
        }

        .f32 .flag.bq:after {
            background-position: -480px -43px
        }

        .f32 .flag.br:after {
            background-position: -4px -77px
        }

        .f32 .flag.bs:after {
            background-position: -38px -77px
        }

        .f32 .flag.bt:after {
            background-position: -72px -77px
        }

        .f32 .flag.bv:after {
            background-position: -106px -77px
        }

        .f32 .flag.bw:after {
            background-position: -140px -77px
        }

        .f32 .flag.by:after {
            background-position: -172px -77px
        }

        .f32 .flag.bz:after {
            background-position: -208px -77px
        }

        .f32 .flag.ca:after {
            background-position: -243px -77px
        }

        .f32 .flag.cc:after {
            background-position: -276px -77px
        }

        .f32 .flag.cd:after {
            background-position: -310px -77px
        }

        .f32 .flag.cf:after {
            background-position: -344px -77px
        }

        .f32 .flag.cg:after {
            background-position: -378px -77px
        }

        .f32 .flag.ch:after {
            background-position: -412px -77px
        }

        .f32 .flag.ci:after {
            background-position: -446px -77px
        }

        .f32 .flag.ck:after {
            background-position: -480px -77px
        }

        .f32 .flag.cl:after {
            background-position: -4px -111px
        }

        .f32 .flag.cm:after {
            background-position: -38px -111px
        }

        .f32 .flag.cn:after {
            background-position: -72px -111px
        }

        .f32 .flag.co:after {
            background-position: -106px -111px
        }

        .f32 .flag.cr:after {
            background-position: -140px -111px
        }

        .f32 .flag.cu:after {
            background-position: -174px -111px
        }

        .f32 .flag.cv:after {
            background-position: -208px -111px
        }

        .f32 .flag.cw:after {
            background-position: -242px -111px
        }

        .f32 .flag.cx:after {
            background-position: -276px -111px
        }

        .f32 .flag.cy:after {
            background-position: -310px -111px
        }

        .f32 .flag.cz:after {
            background-position: -344px -111px
        }

        .f32 .flag.de:after {
            background-position: -378px -111px
        }

        .f32 .flag.dj:after {
            background-position: -412px -111px
        }

        .f32 .flag.dk:after {
            background-position: -446px -111px
        }

        .f32 .flag.dm:after {
            background-position: -480px -111px
        }

        .f32 .flag.do:after {
            background-position: -4px -145px
        }

        .f32 .flag.dz:after {
            background-position: -39px -145px
        }

        .f32 .flag.ec:after {
            background-position: -62px -145px
        }

        .f32 .flag.ee:after {
            background-position: -106px -145px
        }

        .f32 .flag.eg:after {
            background-position: -140px -145px
        }

        .f32 .flag.eh:after {
            background-position: -174px -145px
        }

        .f32 .flag.er:after {
            background-position: -208px -145px
        }

        .f32 .flag.es:after {
            background-position: -242px -145px
        }

        .f32 .flag.et:after {
            background-position: -276px -145px
        }

        .f32 .flag.fi:after {
            background-position: -310px -145px
        }

        .f32 .flag.fj:after {
            background-position: -344px -145px
        }

        .f32 .flag.fk:after {
            background-position: -378px -145px
        }

        .f32 .flag.fm:after {
            background-position: -412px -145px
        }

        .f32 .flag.fo:after {
            background-position: -446px -145px
        }

        .f32 .flag.fr:after {
            background-position: -480px -145px
        }

        .f32 .flag.ga:after {
            background-position: -4px -179px
        }

        .f32 .flag.gb:after {
            background-position: -38px -179px
        }

        .f32 .flag.gd:after {
            background-position: -72px -179px
        }

        .f32 .flag.ge:after {
            background-position: -106px -179px
        }

        .f32 .flag.gf:after {
            background-position: -140px -179px
        }

        .f32 .flag.gg:after {
            background-position: -174px -179px
        }

        .f32 .flag.gh:after {
            background-position: -208px -179px
        }

        .f32 .flag.gi:after {
            background-position: -242px -179px
        }

        .f32 .flag.gl:after {
            background-position: -276px -179px
        }

        .f32 .flag.gm:after {
            background-position: -310px -179px
        }

        .f32 .flag.gn:after {
            background-position: -344px -179px
        }

        .f32 .flag.gp:after {
            background-position: -378px -179px
        }

        .f32 .flag.gq:after {
            background-position: -412px -179px
        }

        .f32 .flag.gr:after {
            background-position: -446px -179px
        }

        .f32 .flag.gs:after {
            background-position: -480px -179px
        }

        .f32 .flag.gt:after {
            background-position: -4px -213px
        }

        .f32 .flag.gu:after {
            background-position: -38px -213px
        }

        .f32 .flag.gw:after {
            background-position: -72px -213px
        }

        .f32 .flag.gy:after {
            background-position: -106px -213px
        }

        .f32 .flag.hk:after {
            background-position: -140px -213px
        }

        .f32 .flag.hm:after {
            background-position: -174px -213px
        }

        .f32 .flag.hn:after {
            background-position: -208px -213px
        }

        .f32 .flag.hr:after {
            background-position: -242px -213px
        }

        .f32 .flag.ht:after {
            background-position: -276px -213px
        }

        .f32 .flag.hu:after {
            background-position: -310px -213px
        }

        .f32 .flag.id:after {
            background-position: -344px -213px
        }

        .f32 .flag.ie:after {
            background-position: -378px -213px
        }

        .f32 .flag.il:after {
            background-position: -412px -213px
        }

        .f32 .flag.im:after {
            background-position: -446px -213px
        }

        .f32 .flag.in:after {
            background-position: -480px -213px
        }

        .f32 .flag.io:after {
            background-position: -4px -247px
        }

        .f32 .flag.iq:after {
            background-position: -38px -247px
        }

        .f32 .flag.ir:after {
            background-position: -72px -247px
        }

        .f32 .flag.is:after {
            background-position: -106px -247px
        }

        .f32 .flag.it:after {
            background-position: -140px -247px
        }

        .f32 .flag.je:after {
            background-position: -174px -247px
        }

        .f32 .flag.jm:after {
            background-position: -208px -247px
        }

        .f32 .flag.jo:after {
            background-position: -242px -247px
        }

        .f32 .flag.jp:after {
            background-position: -276px -247px
        }

        .f32 .flag.ke:after {
            background-position: -310px -247px
        }

        .f32 .flag.kg:after {
            background-position: -344px -247px
        }

        .f32 .flag.kh:after {
            background-position: -378px -247px
        }

        .f32 .flag.ki:after {
            background-position: -412px -247px
        }

        .f32 .flag.km:after {
            background-position: -446px -247px
        }

        .f32 .flag.kn:after {
            background-position: -480px -247px
        }

        .f32 .flag.kp:after {
            background-position: -4px -281px
        }

        .f32 .flag.kr:after {
            background-position: -38px -281px
        }

        .f32 .flag.kw:after {
            background-position: -72px -281px
        }

        .f32 .flag.ky:after {
            background-position: -106px -281px
        }

        .f32 .flag.kz:after {
            background-position: -140px -281px
        }

        .f32 .flag.la:after {
            background-position: -174px -281px
        }

        .f32 .flag.lb:after {
            background-position: -208px -281px
        }

        .f32 .flag.lc:after {
            background-position: -242px -281px
        }

        .f32 .flag.li:after {
            background-position: -276px -281px
        }

        .f32 .flag.lk:after {
            background-position: -310px -281px
        }

        .f32 .flag.lr:after {
            background-position: -344px -281px
        }

        .f32 .flag.ls:after {
            background-position: -378px -281px
        }

        .f32 .flag.lt:after {
            background-position: -412px -281px
        }

        .f32 .flag.lu:after {
            background-position: -446px -281px
        }

        .f32 .flag.lv:after {
            background-position: -480px -281px
        }

        .f32 .flag.ly:after {
            background-position: -4px -315px
        }

        .f32 .flag.ma:after {
            background-position: -38px -315px
        }

        .f32 .flag.mc:after {
            background-position: -72px -315px
        }

        .f32 .flag.md:after {
            background-position: -106px -315px
        }

        .f32 .flag.me:after {
            background-position: -140px -315px
        }

        .f32 .flag.mf:after {
            background-position: -174px -315px
        }

        .f32 .flag.mg:after {
            background-position: -208px -315px
        }

        .f32 .flag.mh:after {
            background-position: -242px -315px
        }

        .f32 .flag.mk:after {
            background-position: -276px -315px
        }

        .f32 .flag.ml:after {
            background-position: -310px -315px
        }

        .f32 .flag.mm:after {
            background-position: -344px -315px
        }

        .f32 .flag.mn:after {
            background-position: -378px -315px
        }

        .f32 .flag.mo:after {
            background-position: -412px -315px
        }

        .f32 .flag.mp:after {
            background-position: -446px -315px
        }

        .f32 .flag.mq:after {
            background-position: -480px -315px
        }

        .f32 .flag.mr:after {
            background-position: -4px -349px
        }

        .f32 .flag.ms:after {
            background-position: -38px -349px
        }

        .f32 .flag.mt:after {
            background-position: -72px -349px
        }

        .f32 .flag.mu:after {
            background-position: -106px -349px
        }

        .f32 .flag.mv:after {
            background-position: -140px -349px
        }

        .f32 .flag.mw:after {
            background-position: -174px -349px
        }

        .f32 .flag.mx:after {
            background-position: -208px -349px
        }

        .f32 .flag.my:after {
            background-position: -242px -349px
        }

        .f32 .flag.mz:after {
            background-position: -276px -349px
        }

        .f32 .flag.na:after {
            background-position: -310px -349px
        }

        .f32 .flag.nc:after {
            background-position: -344px -349px
        }

        .f32 .flag.ne:after {
            background-position: -378px -349px
        }

        .f32 .flag.nf:after {
            background-position: -412px -349px
        }

        .f32 .flag.ng:after {
            background-position: -446px -349px
        }

        .f32 .flag.ni:after {
            background-position: -480px -349px
        }

        .f32 .flag.nl:after {
            background-position: -4px -383px
        }

        .f32 .flag.no:after {
            background-position: -38px -383px
        }

        .f32 .flag.np:after {
            background-position: -72px -383px
        }

        .f32 .flag.nr:after {
            background-position: -106px -383px
        }

        .f32 .flag.nu:after {
            background-position: -140px -383px
        }

        .f32 .flag.nz:after {
            background-position: -174px -383px
        }

        .f32 .flag.om:after {
            background-position: -208px -383px
        }

        .f32 .flag.pa:after {
            background-position: -242px -383px
        }

        .f32 .flag.pe:after {
            background-position: -276px -383px
        }

        .f32 .flag.pf:after {
            background-position: -310px -383px
        }

        .f32 .flag.pg:after {
            background-position: -344px -383px
        }

        .f32 .flag.ph:after {
            background-position: -378px -383px
        }

        .f32 .flag.pk:after {
            background-position: -412px -383px
        }

        .f32 .flag.pl:after {
            background-position: -446px -383px
        }

        .f32 .flag.pm:after {
            background-position: -480px -383px
        }

        .f32 .flag.pn:after {
            background-position: -4px -417px
        }

        .f32 .flag.pr:after {
            background-position: -38px -417px
        }

        .f32 .flag.ps:after {
            background-position: -72px -417px
        }

        .f32 .flag.pt:after {
            background-position: -106px -417px
        }

        .f32 .flag.pw:after {
            background-position: -140px -417px
        }

        .f32 .flag.py:after {
            background-position: -174px -417px
        }

        .f32 .flag.qa:after {
            background-position: -208px -417px
        }

        .f32 .flag.re:after {
            background-position: -242px -417px
        }

        .f32 .flag.ro:after {
            background-position: -276px -417px
        }

        .f32 .flag.rs:after {
            background-position: -310px -417px
        }

        .f32 .flag.ru:after {
            background-position: -344px -417px
        }

        .f32 .flag.rw:after {
            background-position: -378px -417px
        }

        .f32 .flag.sa:after {
            background-position: -412px -417px
        }

        .f32 .flag.sb:after {
            background-position: -446px -417px
        }

        .f32 .flag.sc:after {
            background-position: -480px -417px
        }

        .f32 .flag.sd:after {
            background-position: -4px -451px
        }

        .f32 .flag.se:after {
            background-position: -38px -451px
        }

        .f32 .flag.sg:after {
            background-position: -72px -451px
        }

        .f32 .flag.sh:after {
            background-position: -106px -451px
        }

        .f32 .flag.si:after {
            background-position: -140px -451px
        }

        .f32 .flag.sj:after {
            background-position: -174px -451px
        }

        .f32 .flag.sk:after {
            background-position: -208px -451px
        }

        .f32 .flag.sl:after {
            background-position: -242px -451px
        }

        .f32 .flag.sm:after {
            background-position: -276px -451px
        }

        .f32 .flag.sn:after {
            background-position: -310px -451px
        }

        .f32 .flag.so:after {
            background-position: -344px -451px
        }

        .f32 .flag.sr:after {
            background-position: -378px -451px
        }

        .f32 .flag.ss:after {
            background-position: -412px -451px
        }

        .f32 .flag.st:after {
            background-position: -446px -451px
        }

        .f32 .flag.sv:after {
            background-position: -480px -451px
        }

        .f32 .flag.sx:after {
            background-position: -4px -485px
        }

        .f32 .flag.sy:after {
            background-position: -38px -485px
        }

        .f32 .flag.sz:after {
            background-position: -72px -485px
        }

        .f32 .flag.tc:after {
            background-position: -106px -485px
        }

        .f32 .flag.td:after {
            background-position: -140px -485px
        }

        .f32 .flag.tf:after {
            background-position: -174px -485px
        }

        .f32 .flag.tg:after {
            background-position: -208px -485px
        }

        .f32 .flag.th:after {
            background-position: -242px -485px
        }

        .f32 .flag.tj:after {
            background-position: -276px -485px
        }

        .f32 .flag.tk:after {
            background-position: -310px -485px
        }

        .f32 .flag.tl:after {
            background-position: -344px -485px
        }

        .f32 .flag.tm:after {
            background-position: -378px -485px
        }

        .f32 .flag.tn:after {
            background-position: -412px -485px
        }

        .f32 .flag.to:after {
            background-position: -446px -485px
        }

        .f32 .flag.tr:after {
            background-position: -480px -485px
        }

        .f32 .flag.tt:after {
            background-position: -515px -8px
        }

        .f32 .flag.tv:after {
            background-position: -515px -43px
        }

        .f32 .flag.tw:after {
            background-position: -515px -77px
        }

        .f32 .flag.tz:after {
            background-position: -515px -111px
        }

        .f32 .flag.ua:after {
            background-position: -515px -145px
        }

        .f32 .flag.ug:after {
            background-position: -515px -179px
        }

        .f32 .flag.um:after {
            background-position: -515px -213px
        }

        .f32 .flag.us:after {
            background-position: -515px -247px
        }

        .f32 .flag.uy:after {
            background-position: -515px -281px
        }

        .f32 .flag.uz:after {
            background-position: -515px -315px
        }

        .f32 .flag.va:after {
            background-position: -515px -349px
        }

        .f32 .flag.vc:after {
            background-position: -515px -383px
        }

        .f32 .flag.ve:after {
            background-position: -515px -417px
        }

        .f32 .flag.vg:after {
            background-position: -515px -451px
        }

        .f32 .flag.vi:after {
            background-position: -515px -485px
        }

        .f32 .flag.vn:after {
            background-position: -4px -519px
        }

        .f32 .flag.vu:after {
            background-position: -38px -519px
        }

        .f32 .flag.wf:after {
            background-position: -72px -519px
        }

        .f32 .flag.ws:after {
            background-position: -106px -519px
        }

        .f32 .flag.ye:after {
            background-position: -140px -519px
        }

        .f32 .flag.yt:after {
            background-position: -174px -519px
        }

        .f32 .flag.za:after {
            background-position: -208px -519px
        }

        .f32 .flag.zm:after {
            background-position: -242px -519px
        }

        .f32 .flag.zw:after {
            background-position: -276px -519px
        }

        .f32 .flag.ic:after {
            background-position: -310px -519px
        }

        .f32 .flag.kv:after {
            background-position: -344px -518px
        }

        .f32 .flag.xb:after {
            background-position: -378px -519px
        }

        .f32 .flag.xc:after {
            background-position: -412px -519px
        }

        .f32 .flag.xe:after {
            background-position: -446px -519px
        }

        .f32 .flag.xm:after {
            background-position: -480px -519px
        }

        .f32 .flag.xn:after {
            background-position: -514px -519px
        }

        .f32 .flag.xs:after {
            background-position: -4px -552px
        }

        .f32 .flag.xy:after {
            background-position: -38px -552px
        }

        .iti {
            position: relative;
            display: inline-block
        }

        .iti * {
            box-sizing: border-box
        }

        .iti__hide {
            display: none
        }

        .iti__v-hide {
            visibility: hidden
        }

        .iti input,
        .iti input[type=tel],
        .iti input[type=text] {
            position: relative;
            z-index: 0;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            padding-right: 36px;
            margin-right: 0
        }

        .iti__flag-container {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            padding: 1px
        }

        .iti__selected-flag {
            z-index: 1;
            position: relative;
            display: flex;
            align-items: center;
            height: 100%;
            padding: 0 6px 0 8px
        }

        .iti__arrow {
            margin-left: 6px;
            width: 0;
            height: 0;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            border-top: 4px solid #555
        }

        [dir=rtl] .iti__arrow {
            margin-right: 6px;
            margin-left: 0
        }

        .iti__arrow--up {
            border-top: none;
            border-bottom: 4px solid #555
        }

        .iti__country-list {
            position: absolute;
            z-index: 2;
            list-style: none;
            padding: 0;
            margin: 0 0 0 -1px;
            box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
            background-color: #fff;
            border: 1px solid #ccc;
            white-space: nowrap;
            max-height: 200px;
            overflow-y: scroll;
            -webkit-overflow-scrolling: touch
        }

        .iti__country-list--dropup {
            bottom: 100%;
            margin-bottom: -1px
        }

        @media (max-width:500px) {
            .iti__country-list {
                white-space: normal
            }
        }

        .iti__flag-box {
            display: inline-block;
            width: 20px
        }

        .iti__divider {
            padding-bottom: 5px;
            margin-bottom: 5px;
            border-bottom: 1px solid #ccc
        }

        .iti__country {
            display: flex;
            align-items: center;
            padding: 5px 10px;
            outline: 0
        }

        .iti__dial-code {
            color: #999
        }

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

        .iti__country-name,
        .iti__flag-box {
            margin-right: 6px
        }

        [dir=rtl] .iti__country-name,
        [dir=rtl] .iti__flag-box {
            margin-right: 0;
            margin-left: 6px
        }

        .iti--allow-dropdown input,
        .iti--allow-dropdown input[type=tel],
        .iti--allow-dropdown input[type=text],
        .iti--separate-dial-code input,
        .iti--separate-dial-code input[type=tel],
        .iti--separate-dial-code input[type=text] {
            padding-right: 6px;
            padding-left: 52px;
            margin-left: 0
        }

        [dir=rtl] .iti--allow-dropdown input,
        [dir=rtl] .iti--allow-dropdown input[type=tel],
        [dir=rtl] .iti--allow-dropdown input[type=text],
        [dir=rtl] .iti--separate-dial-code input,
        [dir=rtl] .iti--separate-dial-code input[type=tel],
        [dir=rtl] .iti--separate-dial-code input[type=text] {
            padding-right: 52px;
            padding-left: 6px;
            margin-right: 0
        }

        .iti--allow-dropdown .iti__flag-container,
        .iti--separate-dial-code .iti__flag-container {
            right: auto;
            left: 0
        }

        [dir=rtl] .iti--allow-dropdown .iti__flag-container,
        [dir=rtl] .iti--separate-dial-code .iti__flag-container {
            right: 0;
            left: auto
        }

        .iti--allow-dropdown .iti__flag-container:hover {
            cursor: pointer
        }

        .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
            background-color: rgba(0, 0, 0, .05)
        }

        .iti--allow-dropdown input[disabled]+.iti__flag-container:hover,
        .iti--allow-dropdown input[readonly]+.iti__flag-container:hover {
            cursor: default
        }

        .iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,
        .iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag {
            background-color: transparent
        }

        .iti--separate-dial-code .iti__selected-flag {
            background-color: rgba(0, 0, 0, .05)
        }

        .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
            margin-left: 6px
        }

        [dir=rtl] .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
            margin-left: 0;
            margin-right: 6px
        }

        .iti--container {
            position: absolute;
            top: -1000px;
            left: -1000px;
            z-index: 1060;
            padding: 1px
        }

        .iti--container:hover {
            cursor: pointer
        }

        .iti-mobile .iti--container {
            top: 30px;
            bottom: 30px;
            left: 30px;
            right: 30px;
            position: fixed
        }

        .iti-mobile .iti__country-list {
            max-height: 100%;
            width: 100%
        }

        .iti-mobile .iti__country {
            padding: 10px 10px;
            line-height: 1.5em
        }

        .iti__flag {
            width: 20px
        }

        .iti__flag.iti__be {
            width: 18px
        }

        .iti__flag.iti__ch {
            width: 15px
        }

        .iti__flag.iti__mc {
            width: 19px
        }

        .iti__flag.iti__ne {
            width: 18px
        }

        .iti__flag.iti__np {
            width: 13px
        }

        .iti__flag.iti__va {
            width: 15px
        }

        @media (-webkit-min-device-pixel-ratio:2),
        (min-resolution:192dpi) {
            .iti__flag {
                background-size: 5762px 15px
            }
        }

        .iti__flag.iti__ac {
            height: 10px;
            background-position: 0 0
        }

        .iti__flag.iti__ad {
            height: 14px;
            background-position: -22px 0
        }

        .iti__flag.iti__ae {
            height: 10px;
            background-position: -44px 0
        }

        .iti__flag.iti__af {
            height: 14px;
            background-position: -66px 0
        }

        .iti__flag.iti__ag {
            height: 14px;
            background-position: -88px 0
        }

        .iti__flag.iti__ai {
            height: 10px;
            background-position: -110px 0
        }

        .iti__flag.iti__al {
            height: 15px;
            background-position: -132px 0
        }

        .iti__flag.iti__am {
            height: 10px;
            background-position: -154px 0
        }

        .iti__flag.iti__ao {
            height: 14px;
            background-position: -176px 0
        }

        .iti__flag.iti__aq {
            height: 14px;
            background-position: -198px 0
        }

        .iti__flag.iti__ar {
            height: 13px;
            background-position: -220px 0
        }

        .iti__flag.iti__as {
            height: 10px;
            background-position: -242px 0
        }

        .iti__flag.iti__at {
            height: 14px;
            background-position: -264px 0
        }

        .iti__flag.iti__au {
            height: 10px;
            background-position: -286px 0
        }

        .iti__flag.iti__aw {
            height: 14px;
            background-position: -308px 0
        }

        .iti__flag.iti__ax {
            height: 13px;
            background-position: -330px 0
        }

        .iti__flag.iti__az {
            height: 10px;
            background-position: -352px 0
        }

        .iti__flag.iti__ba {
            height: 10px;
            background-position: -374px 0
        }

        .iti__flag.iti__bb {
            height: 14px;
            background-position: -396px 0
        }

        .iti__flag.iti__bd {
            height: 12px;
            background-position: -418px 0
        }

        .iti__flag.iti__be {
            height: 15px;
            background-position: -440px 0
        }

        .iti__flag.iti__bf {
            height: 14px;
            background-position: -460px 0
        }

        .iti__flag.iti__bg {
            height: 12px;
            background-position: -482px 0
        }

        .iti__flag.iti__bh {
            height: 12px;
            background-position: -504px 0
        }

        .iti__flag.iti__bi {
            height: 12px;
            background-position: -526px 0
        }

        .iti__flag.iti__bj {
            height: 14px;
            background-position: -548px 0
        }

        .iti__flag.iti__bl {
            height: 14px;
            background-position: -570px 0
        }

        .iti__flag.iti__bm {
            height: 10px;
            background-position: -592px 0
        }

        .iti__flag.iti__bn {
            height: 10px;
            background-position: -614px 0
        }

        .iti__flag.iti__bo {
            height: 14px;
            background-position: -636px 0
        }

        .iti__flag.iti__bq {
            height: 14px;
            background-position: -658px 0
        }

        .iti__flag.iti__br {
            height: 14px;
            background-position: -680px 0
        }

        .iti__flag.iti__bs {
            height: 10px;
            background-position: -702px 0
        }

        .iti__flag.iti__bt {
            height: 14px;
            background-position: -724px 0
        }

        .iti__flag.iti__bv {
            height: 15px;
            background-position: -746px 0
        }

        .iti__flag.iti__bw {
            height: 14px;
            background-position: -768px 0
        }

        .iti__flag.iti__by {
            height: 10px;
            background-position: -790px 0
        }

        .iti__flag.iti__bz {
            height: 12px;
            background-position: -812px 0
        }

        .iti__flag.iti__ca {
            height: 10px;
            background-position: -834px 0
        }

        .iti__flag.iti__cc {
            height: 10px;
            background-position: -856px 0
        }

        .iti__flag.iti__cd {
            height: 15px;
            background-position: -878px 0
        }

        .iti__flag.iti__cf {
            height: 14px;
            background-position: -900px 0
        }

        .iti__flag.iti__cg {
            height: 14px;
            background-position: -922px 0
        }

        .iti__flag.iti__ch {
            height: 15px;
            background-position: -944px 0
        }

        .iti__flag.iti__ci {
            height: 14px;
            background-position: -961px 0
        }

        .iti__flag.iti__ck {
            height: 10px;
            background-position: -983px 0
        }

        .iti__flag.iti__cl {
            height: 14px;
            background-position: -1005px 0
        }

        .iti__flag.iti__cm {
            height: 14px;
            background-position: -1027px 0
        }

        .iti__flag.iti__cn {
            height: 14px;
            background-position: -1049px 0
        }

        .iti__flag.iti__co {
            height: 14px;
            background-position: -1071px 0
        }

        .iti__flag.iti__cp {
            height: 14px;
            background-position: -1093px 0
        }

        .iti__flag.iti__cq {
            height: 12px;
            background-position: -1115px 0
        }

        .iti__flag.iti__cr {
            height: 12px;
            background-position: -1137px 0
        }

        .iti__flag.iti__cu {
            height: 10px;
            background-position: -1159px 0
        }

        .iti__flag.iti__cv {
            height: 12px;
            background-position: -1181px 0
        }

        .iti__flag.iti__cw {
            height: 14px;
            background-position: -1203px 0
        }

        .iti__flag.iti__cx {
            height: 10px;
            background-position: -1225px 0
        }

        .iti__flag.iti__cy {
            height: 14px;
            background-position: -1247px 0
        }

        .iti__flag.iti__cz {
            height: 14px;
            background-position: -1269px 0
        }

        .iti__flag.iti__de {
            height: 12px;
            background-position: -1291px 0
        }

        .iti__flag.iti__dg {
            height: 10px;
            background-position: -1313px 0
        }

        .iti__flag.iti__dj {
            height: 14px;
            background-position: -1335px 0
        }

        .iti__flag.iti__dk {
            height: 15px;
            background-position: -1357px 0
        }

        .iti__flag.iti__dm {
            height: 10px;
            background-position: -1379px 0
        }

        .iti__flag.iti__do {
            height: 14px;
            background-position: -1401px 0
        }

        .iti__flag.iti__dz {
            height: 14px;
            background-position: -1423px 0
        }

        .iti__flag.iti__ea {
            height: 14px;
            background-position: -1445px 0
        }

        .iti__flag.iti__ec {
            height: 14px;
            background-position: -1467px 0
        }

        .iti__flag.iti__ee {
            height: 13px;
            background-position: -1489px 0
        }

        .iti__flag.iti__eg {
            height: 14px;
            background-position: -1511px 0
        }

        .iti__flag.iti__eh {
            height: 10px;
            background-position: -1533px 0
        }

        .iti__flag.iti__er {
            height: 10px;
            background-position: -1555px 0
        }

        .iti__flag.iti__es {
            height: 14px;
            background-position: -1577px 0
        }

        .iti__flag.iti__et {
            height: 10px;
            background-position: -1599px 0
        }

        .iti__flag.iti__eu {
            height: 14px;
            background-position: -1621px 0
        }

        .iti__flag.iti__ez {
            height: 14px;
            background-position: -1643px 0
        }

        .iti__flag.iti__fi {
            height: 12px;
            background-position: -1665px 0
        }

        .iti__flag.iti__fj {
            height: 10px;
            background-position: -1687px 0
        }

        .iti__flag.iti__fk {
            height: 10px;
            background-position: -1709px 0
        }

        .iti__flag.iti__fm {
            height: 11px;
            background-position: -1731px 0
        }

        .iti__flag.iti__fo {
            height: 15px;
            background-position: -1753px 0
        }

        .iti__flag.iti__fr {
            height: 14px;
            background-position: -1775px 0
        }

        .iti__flag.iti__fx {
            height: 14px;
            background-position: -1797px 0
        }

        .iti__flag.iti__ga {
            height: 15px;
            background-position: -1819px 0
        }

        .iti__flag.iti__gb {
            height: 10px;
            background-position: -1841px 0
        }

        .iti__flag.iti__gd {
            height: 12px;
            background-position: -1863px 0
        }

        .iti__flag.iti__ge {
            height: 14px;
            background-position: -1885px 0
        }

        .iti__flag.iti__gf {
            height: 14px;
            background-position: -1907px 0
        }

        .iti__flag.iti__gg {
            height: 14px;
            background-position: -1929px 0
        }

        .iti__flag.iti__gh {
            height: 14px;
            background-position: -1951px 0
        }

        .iti__flag.iti__gi {
            height: 10px;
            background-position: -1973px 0
        }

        .iti__flag.iti__gl {
            height: 14px;
            background-position: -1995px 0
        }

        .iti__flag.iti__gm {
            height: 14px;
            background-position: -2017px 0
        }

        .iti__flag.iti__gn {
            height: 14px;
            background-position: -2039px 0
        }

        .iti__flag.iti__gp {
            height: 14px;
            background-position: -2061px 0
        }

        .iti__flag.iti__gq {
            height: 14px;
            background-position: -2083px 0
        }

        .iti__flag.iti__gr {
            height: 14px;
            background-position: -2105px 0
        }

        .iti__flag.iti__gs {
            height: 10px;
            background-position: -2127px 0
        }

        .iti__flag.iti__gt {
            height: 13px;
            background-position: -2149px 0
        }

        .iti__flag.iti__gu {
            height: 11px;
            background-position: -2171px 0
        }

        .iti__flag.iti__gw {
            height: 10px;
            background-position: -2193px 0
        }

        .iti__flag.iti__gy {
            height: 12px;
            background-position: -2215px 0
        }

        .iti__flag.iti__hk {
            height: 14px;
            background-position: -2237px 0
        }

        .iti__flag.iti__hm {
            height: 10px;
            background-position: -2259px 0
        }

        .iti__flag.iti__hn {
            height: 10px;
            background-position: -2281px 0
        }

        .iti__flag.iti__hr {
            height: 10px;
            background-position: -2303px 0
        }

        .iti__flag.iti__ht {
            height: 12px;
            background-position: -2325px 0
        }

        .iti__flag.iti__hu {
            height: 10px;
            background-position: -2347px 0
        }

        .iti__flag.iti__ic {
            height: 14px;
            background-position: -2369px 0
        }

        .iti__flag.iti__id {
            height: 14px;
            background-position: -2391px 0
        }

        .iti__flag.iti__ie {
            height: 10px;
            background-position: -2413px 0
        }

        .iti__flag.iti__il {
            height: 15px;
            background-position: -2435px 0
        }

        .iti__flag.iti__im {
            height: 10px;
            background-position: -2457px 0
        }

        .iti__flag.iti__in {
            height: 14px;
            background-position: -2479px 0
        }

        .iti__flag.iti__io {
            height: 10px;
            background-position: -2501px 0
        }

        .iti__flag.iti__iq {
            height: 14px;
            background-position: -2523px 0
        }

        .iti__flag.iti__ir {
            height: 12px;
            background-position: -2545px 0
        }

        .iti__flag.iti__is {
            height: 15px;
            background-position: -2567px 0
        }

        .iti__flag.iti__it {
            height: 14px;
            background-position: -2589px 0
        }

        .iti__flag.iti__je {
            height: 12px;
            background-position: -2611px 0
        }

        .iti__flag.iti__jm {
            height: 10px;
            background-position: -2633px 0
        }

        .iti__flag.iti__jo {
            height: 10px;
            background-position: -2655px 0
        }

        .iti__flag.iti__jp {
            height: 14px;
            background-position: -2677px 0
        }

        .iti__flag.iti__ke {
            height: 14px;
            background-position: -2699px 0
        }

        .iti__flag.iti__kg {
            height: 12px;
            background-position: -2721px 0
        }

        .iti__flag.iti__kh {
            height: 13px;
            background-position: -2743px 0
        }

        .iti__flag.iti__ki {
            height: 10px;
            background-position: -2765px 0
        }

        .iti__flag.iti__km {
            height: 12px;
            background-position: -2787px 0
        }

        .iti__flag.iti__kn {
            height: 14px;
            background-position: -2809px 0
        }

        .iti__flag.iti__kp {
            height: 10px;
            background-position: -2831px 0
        }

        .iti__flag.iti__kr {
            height: 14px;
            background-position: -2853px 0
        }

        .iti__flag.iti__kw {
            height: 10px;
            background-position: -2875px 0
        }

        .iti__flag.iti__ky {
            height: 10px;
            background-position: -2897px 0
        }

        .iti__flag.iti__kz {
            height: 10px;
            background-position: -2919px 0
        }

        .iti__flag.iti__la {
            height: 14px;
            background-position: -2941px 0
        }

        .iti__flag.iti__lb {
            height: 14px;
            background-position: -2963px 0
        }

        .iti__flag.iti__lc {
            height: 10px;
            background-position: -2985px 0
        }

        .iti__flag.iti__li {
            height: 12px;
            background-position: -3007px 0
        }

        .iti__flag.iti__lk {
            height: 10px;
            background-position: -3029px 0
        }

        .iti__flag.iti__lr {
            height: 11px;
            background-position: -3051px 0
        }

        .iti__flag.iti__ls {
            height: 14px;
            background-position: -3073px 0
        }

        .iti__flag.iti__lt {
            height: 12px;
            background-position: -3095px 0
        }

        .iti__flag.iti__lu {
            height: 12px;
            background-position: -3117px 0
        }

        .iti__flag.iti__lv {
            height: 10px;
            background-position: -3139px 0
        }

        .iti__flag.iti__ly {
            height: 10px;
            background-position: -3161px 0
        }

        .iti__flag.iti__ma {
            height: 14px;
            background-position: -3183px 0
        }

        .iti__flag.iti__mc {
            height: 15px;
            background-position: -3205px 0
        }

        .iti__flag.iti__md {
            height: 10px;
            background-position: -3226px 0
        }

        .iti__flag.iti__me {
            height: 10px;
            background-position: -3248px 0
        }

        .iti__flag.iti__mf {
            height: 14px;
            background-position: -3270px 0
        }

        .iti__flag.iti__mg {
            height: 14px;
            background-position: -3292px 0
        }

        .iti__flag.iti__mh {
            height: 11px;
            background-position: -3314px 0
        }

        .iti__flag.iti__mk {
            height: 10px;
            background-position: -3336px 0
        }

        .iti__flag.iti__ml {
            height: 14px;
            background-position: -3358px 0
        }

        .iti__flag.iti__mm {
            height: 14px;
            background-position: -3380px 0
        }

        .iti__flag.iti__mn {
            height: 10px;
            background-position: -3402px 0
        }

        .iti__flag.iti__mo {
            height: 14px;
            background-position: -3424px 0
        }

        .iti__flag.iti__mp {
            height: 10px;
            background-position: -3446px 0
        }

        .iti__flag.iti__mq {
            height: 14px;
            background-position: -3468px 0
        }

        .iti__flag.iti__mr {
            height: 14px;
            background-position: -3490px 0
        }

        .iti__flag.iti__ms {
            height: 10px;
            background-position: -3512px 0
        }

        .iti__flag.iti__mt {
            height: 14px;
            background-position: -3534px 0
        }

        .iti__flag.iti__mu {
            height: 14px;
            background-position: -3556px 0
        }

        .iti__flag.iti__mv {
            height: 14px;
            background-position: -3578px 0
        }

        .iti__flag.iti__mw {
            height: 14px;
            background-position: -3600px 0
        }

        .iti__flag.iti__mx {
            height: 12px;
            background-position: -3622px 0
        }

        .iti__flag.iti__my {
            height: 10px;
            background-position: -3644px 0
        }

        .iti__flag.iti__mz {
            height: 14px;
            background-position: -3666px 0
        }

        .iti__flag.iti__na {
            height: 14px;
            background-position: -3688px 0
        }

        .iti__flag.iti__nc {
            height: 10px;
            background-position: -3710px 0
        }

        .iti__flag.iti__ne {
            height: 15px;
            background-position: -3732px 0
        }

        .iti__flag.iti__nf {
            height: 10px;
            background-position: -3752px 0
        }

        .iti__flag.iti__ng {
            height: 10px;
            background-position: -3774px 0
        }

        .iti__flag.iti__ni {
            height: 12px;
            background-position: -3796px 0
        }

        .iti__flag.iti__nl {
            height: 14px;
            background-position: -3818px 0
        }

        .iti__flag.iti__no {
            height: 15px;
            background-position: -3840px 0
        }

        .iti__flag.iti__np {
            height: 15px;
            background-position: -3862px 0
        }

        .iti__flag.iti__nr {
            height: 10px;
            background-position: -3877px 0
        }

        .iti__flag.iti__nu {
            height: 10px;
            background-position: -3899px 0
        }

        .iti__flag.iti__nz {
            height: 10px;
            background-position: -3921px 0
        }

        .iti__flag.iti__om {
            height: 10px;
            background-position: -3943px 0
        }

        .iti__flag.iti__pa {
            height: 14px;
            background-position: -3965px 0
        }

        .iti__flag.iti__pe {
            height: 14px;
            background-position: -3987px 0
        }

        .iti__flag.iti__pf {
            height: 14px;
            background-position: -4009px 0
        }

        .iti__flag.iti__pg {
            height: 15px;
            background-position: -4031px 0
        }

        .iti__flag.iti__ph {
            height: 10px;
            background-position: -4053px 0
        }

        .iti__flag.iti__pk {
            height: 14px;
            background-position: -4075px 0
        }

        .iti__flag.iti__pl {
            height: 13px;
            background-position: -4097px 0
        }

        .iti__flag.iti__pm {
            height: 14px;
            background-position: -4119px 0
        }

        .iti__flag.iti__pn {
            height: 10px;
            background-position: -4141px 0
        }

        .iti__flag.iti__pr {
            height: 14px;
            background-position: -4163px 0
        }

        .iti__flag.iti__ps {
            height: 10px;
            background-position: -4185px 0
        }

        .iti__flag.iti__pt {
            height: 14px;
            background-position: -4207px 0
        }

        .iti__flag.iti__pw {
            height: 13px;
            background-position: -4229px 0
        }

        .iti__flag.iti__py {
            height: 11px;
            background-position: -4251px 0
        }

        .iti__flag.iti__qa {
            height: 8px;
            background-position: -4273px 0
        }

        .iti__flag.iti__re {
            height: 14px;
            background-position: -4295px 0
        }

        .iti__flag.iti__ro {
            height: 14px;
            background-position: -4317px 0
        }

        .iti__flag.iti__rs {
            height: 14px;
            background-position: -4339px 0
        }

        .iti__flag.iti__ru {
            height: 14px;
            background-position: -4361px 0
        }

        .iti__flag.iti__rw {
            height: 14px;
            background-position: -4383px 0
        }

        .iti__flag.iti__sa {
            height: 14px;
            background-position: -4405px 0
        }

        .iti__flag.iti__sb {
            height: 10px;
            background-position: -4427px 0
        }

        .iti__flag.iti__sc {
            height: 10px;
            background-position: -4449px 0
        }

        .iti__flag.iti__sd {
            height: 10px;
            background-position: -4471px 0
        }

        .iti__flag.iti__se {
            height: 13px;
            background-position: -4493px 0
        }

        .iti__flag.iti__sg {
            height: 14px;
            background-position: -4515px 0
        }

        .iti__flag.iti__sh {
            height: 10px;
            background-position: -4537px 0
        }

        .iti__flag.iti__si {
            height: 10px;
            background-position: -4559px 0
        }

        .iti__flag.iti__sj {
            height: 15px;
            background-position: -4581px 0
        }

        .iti__flag.iti__sk {
            height: 14px;
            background-position: -4603px 0
        }

        .iti__flag.iti__sl {
            height: 14px;
            background-position: -4625px 0
        }

        .iti__flag.iti__sm {
            height: 15px;
            background-position: -4647px 0
        }

        .iti__flag.iti__sn {
            height: 14px;
            background-position: -4669px 0
        }

        .iti__flag.iti__so {
            height: 14px;
            background-position: -4691px 0
        }

        .iti__flag.iti__sr {
            height: 14px;
            background-position: -4713px 0
        }

        .iti__flag.iti__ss {
            height: 10px;
            background-position: -4735px 0
        }

        .iti__flag.iti__st {
            height: 10px;
            background-position: -4757px 0
        }

        .iti__flag.iti__su {
            height: 10px;
            background-position: -4779px 0
        }

        .iti__flag.iti__sv {
            height: 12px;
            background-position: -4801px 0
        }

        .iti__flag.iti__sx {
            height: 14px;
            background-position: -4823px 0
        }

        .iti__flag.iti__sy {
            height: 14px;
            background-position: -4845px 0
        }

        .iti__flag.iti__sz {
            height: 14px;
            background-position: -4867px 0
        }

        .iti__flag.iti__ta {
            height: 10px;
            background-position: -4889px 0
        }

        .iti__flag.iti__tc {
            height: 10px;
            background-position: -4911px 0
        }

        .iti__flag.iti__td {
            height: 14px;
            background-position: -4933px 0
        }

        .iti__flag.iti__tf {
            height: 14px;
            background-position: -4955px 0
        }

        .iti__flag.iti__tg {
            height: 13px;
            background-position: -4977px 0
        }

        .iti__flag.iti__th {
            height: 14px;
            background-position: -4999px 0
        }

        .iti__flag.iti__tj {
            height: 10px;
            background-position: -5021px 0
        }

        .iti__flag.iti__tk {
            height: 10px;
            background-position: -5043px 0
        }

        .iti__flag.iti__tl {
            height: 10px;
            background-position: -5065px 0
        }

        .iti__flag.iti__tm {
            height: 14px;
            background-position: -5087px 0
        }

        .iti__flag.iti__tn {
            height: 14px;
            background-position: -5109px 0
        }

        .iti__flag.iti__to {
            height: 10px;
            background-position: -5131px 0
        }

        .iti__flag.iti__tr {
            height: 14px;
            background-position: -5153px 0
        }

        .iti__flag.iti__tt {
            height: 12px;
            background-position: -5175px 0
        }

        .iti__flag.iti__tv {
            height: 10px;
            background-position: -5197px 0
        }

        .iti__flag.iti__tw {
            height: 14px;
            background-position: -5219px 0
        }

        .iti__flag.iti__tz {
            height: 14px;
            background-position: -5241px 0
        }

        .iti__flag.iti__ua {
            height: 14px;
            background-position: -5263px 0
        }

        .iti__flag.iti__ug {
            height: 14px;
            background-position: -5285px 0
        }

        .iti__flag.iti__uk {
            height: 10px;
            background-position: -5307px 0
        }

        .iti__flag.iti__um {
            height: 11px;
            background-position: -5329px 0
        }

        .iti__flag.iti__un {
            height: 14px;
            background-position: -5351px 0
        }

        .iti__flag.iti__us {
            height: 11px;
            background-position: -5373px 0
        }

        .iti__flag.iti__uy {
            height: 14px;
            background-position: -5395px 0
        }

        .iti__flag.iti__uz {
            height: 10px;
            background-position: -5417px 0
        }

        .iti__flag.iti__va {
            height: 15px;
            background-position: -5439px 0
        }

        .iti__flag.iti__vc {
            height: 14px;
            background-position: -5456px 0
        }

        .iti__flag.iti__ve {
            height: 14px;
            background-position: -5478px 0
        }

        .iti__flag.iti__vg {
            height: 10px;
            background-position: -5500px 0
        }

        .iti__flag.iti__vi {
            height: 14px;
            background-position: -5522px 0
        }

        .iti__flag.iti__vn {
            height: 14px;
            background-position: -5544px 0
        }

        .iti__flag.iti__vu {
            height: 12px;
            background-position: -5566px 0
        }

        .iti__flag.iti__wf {
            height: 14px;
            background-position: -5588px 0
        }

        .iti__flag.iti__ws {
            height: 10px;
            background-position: -5610px 0
        }

        .iti__flag.iti__xk {
            height: 15px;
            background-position: -5632px 0
        }

        .iti__flag.iti__ye {
            height: 14px;
            background-position: -5654px 0
        }

        .iti__flag.iti__yt {
            height: 14px;
            background-position: -5676px 0
        }

        .iti__flag.iti__za {
            height: 14px;
            background-position: -5698px 0
        }

        .iti__flag.iti__zm {
            height: 14px;
            background-position: -5720px 0
        }

        .iti__flag.iti__zw {
            height: 10px;
            background-position: -5742px 0
        }

        .iti__flag {
            height: 15px;
            box-shadow: 0 0 1px 0 #888;
            background-image: url(../img/flags.png);
            background-repeat: no-repeat;
            background-color: #dbdbdb;
            background-position: 20px 0
        }

        @media (-webkit-min-device-pixel-ratio:2),
        (min-resolution:192dpi) {
            .iti__flag {
                background-image: url(../img/flags@2x.png)
            }
        }

        .iti__flag.iti__np {
            background-color: transparent
        }

        /*!
 * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */

        .datepicker {
            padding: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            direction: ltr
        }

        .datepicker-inline {
            width: 220px
        }

        .datepicker-rtl {
            direction: rtl
        }

        .datepicker-rtl.dropdown-menu {
            left: auto
        }

        .datepicker-rtl table tr td span {
            float: right
        }

        .datepicker-dropdown {
            top: 0;
            left: 0
        }

        .datepicker-dropdown:before {
            content: '';
            display: inline-block;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-bottom: 7px solid #999;
            border-top: 0;
            border-bottom-color: rgba(0, 0, 0, .2);
            position: absolute
        }

        .datepicker-dropdown:after {
            content: '';
            display: inline-block;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 6px solid #fff;
            border-top: 0;
            position: absolute
        }

        .datepicker-dropdown.datepicker-orient-left:before {
            left: 6px
        }

        .datepicker-dropdown.datepicker-orient-left:after {
            left: 7px
        }

        .datepicker-dropdown.datepicker-orient-right:before {
            right: 6px
        }

        .datepicker-dropdown.datepicker-orient-right:after {
            right: 7px
        }

        .datepicker-dropdown.datepicker-orient-bottom:before {
            top: -7px
        }

        .datepicker-dropdown.datepicker-orient-bottom:after {
            top: -6px
        }

        .datepicker-dropdown.datepicker-orient-top:before {
            bottom: -7px;
            border-bottom: 0;
            border-top: 7px solid #999
        }

        .datepicker-dropdown.datepicker-orient-top:after {
            bottom: -6px;
            border-bottom: 0;
            border-top: 6px solid #fff
        }

        .datepicker table {
            margin: 0;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .datepicker td,
        .datepicker th {
            text-align: center;
            width: 20px;
            height: 20px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            border: none
        }

        .table-striped .datepicker table tr td,
        .table-striped .datepicker table tr th {
            background-color: transparent
        }

        .datepicker table tr td.day.focused,
        .datepicker table tr td.day:hover {
            background: #eee;
            cursor: pointer
        }

        .datepicker table tr td.new,
        .datepicker table tr td.old {
            color: #999
        }

        .datepicker table tr td.disabled,
        .datepicker table tr td.disabled:hover {
            background: 0 0;
            color: #999;
            cursor: default
        }

        .datepicker table tr td.highlighted {
            background: #d9edf7;
            border-radius: 0
        }

        .datepicker table tr td.today,
        .datepicker table tr td.today.disabled,
        .datepicker table tr td.today.disabled:hover,
        .datepicker table tr td.today:hover {
            background-color: #fde19a;
            background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
            background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
            background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
            background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
            background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
            background-repeat: repeat-x;
            border-color: #fdf59a #fdf59a #fbed50;
            border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
            color: #000
        }

        .datepicker table tr td.today.active,
        .datepicker table tr td.today.disabled,
        .datepicker table tr td.today.disabled.active,
        .datepicker table tr td.today.disabled.disabled,
        .datepicker table tr td.today.disabled:active,
        .datepicker table tr td.today.disabled:hover,
        .datepicker table tr td.today.disabled:hover.active,
        .datepicker table tr td.today.disabled:hover.disabled,
        .datepicker table tr td.today.disabled:hover:active,
        .datepicker table tr td.today.disabled:hover:hover,
        .datepicker table tr td.today.disabled:hover[disabled],
        .datepicker table tr td.today.disabled[disabled],
        .datepicker table tr td.today:active,
        .datepicker table tr td.today:hover,
        .datepicker table tr td.today:hover.active,
        .datepicker table tr td.today:hover.disabled,
        .datepicker table tr td.today:hover:active,
        .datepicker table tr td.today:hover:hover,
        .datepicker table tr td.today:hover[disabled],
        .datepicker table tr td.today[disabled] {
            background-color: #fdf59a
        }

        .datepicker table tr td.today:hover:hover {
            color: #000
        }

        .datepicker table tr td.today.active:hover {
            color: #fff
        }

        .datepicker table tr td.range,
        .datepicker table tr td.range.disabled,
        .datepicker table tr td.range.disabled:hover,
        .datepicker table tr td.range:hover {
            background: #eee;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0
        }

        .datepicker table tr td.range.today,
        .datepicker table tr td.range.today.disabled,
        .datepicker table tr td.range.today.disabled:hover,
        .datepicker table tr td.range.today:hover {
            background-color: #f3d17a;
            background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
            background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
            background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
            background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
            background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
            background-repeat: repeat-x;
            border-color: #f3e97a #f3e97a #edde34;
            border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0
        }

        .datepicker table tr td.range.today.active,
        .datepicker table tr td.range.today.disabled,
        .datepicker table tr td.range.today.disabled.active,
        .datepicker table tr td.range.today.disabled.disabled,
        .datepicker table tr td.range.today.disabled:active,
        .datepicker table tr td.range.today.disabled:hover,
        .datepicker table tr td.range.today.disabled:hover.active,
        .datepicker table tr td.range.today.disabled:hover.disabled,
        .datepicker table tr td.range.today.disabled:hover:active,
        .datepicker table tr td.range.today.disabled:hover:hover,
        .datepicker table tr td.range.today.disabled:hover[disabled],
        .datepicker table tr td.range.today.disabled[disabled],
        .datepicker table tr td.range.today:active,
        .datepicker table tr td.range.today:hover,
        .datepicker table tr td.range.today:hover.active,
        .datepicker table tr td.range.today:hover.disabled,
        .datepicker table tr td.range.today:hover:active,
        .datepicker table tr td.range.today:hover:hover,
        .datepicker table tr td.range.today:hover[disabled],
        .datepicker table tr td.range.today[disabled] {
            background-color: #f3e97a
        }

        .datepicker table tr td.selected,
        .datepicker table tr td.selected.disabled,
        .datepicker table tr td.selected.disabled:hover,
        .datepicker table tr td.selected:hover {
            background-color: #9e9e9e;
            background-image: -moz-linear-gradient(to bottom, #b3b3b3, grey);
            background-image: -ms-linear-gradient(to bottom, #b3b3b3, grey);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(grey));
            background-image: -webkit-linear-gradient(to bottom, #b3b3b3, grey);
            background-image: -o-linear-gradient(to bottom, #b3b3b3, grey);
            background-image: linear-gradient(to bottom, #b3b3b3, grey);
            background-repeat: repeat-x;
            border-color: grey grey #595959;
            border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
            color: #fff;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
        }

        .datepicker table tr td.selected.active,
        .datepicker table tr td.selected.disabled,
        .datepicker table tr td.selected.disabled.active,
        .datepicker table tr td.selected.disabled.disabled,
        .datepicker table tr td.selected.disabled:active,
        .datepicker table tr td.selected.disabled:hover,
        .datepicker table tr td.selected.disabled:hover.active,
        .datepicker table tr td.selected.disabled:hover.disabled,
        .datepicker table tr td.selected.disabled:hover:active,
        .datepicker table tr td.selected.disabled:hover:hover,
        .datepicker table tr td.selected.disabled:hover[disabled],
        .datepicker table tr td.selected.disabled[disabled],
        .datepicker table tr td.selected:active,
        .datepicker table tr td.selected:hover,
        .datepicker table tr td.selected:hover.active,
        .datepicker table tr td.selected:hover.disabled,
        .datepicker table tr td.selected:hover:active,
        .datepicker table tr td.selected:hover:hover,
        .datepicker table tr td.selected:hover[disabled],
        .datepicker table tr td.selected[disabled] {
            background-color: grey
        }

        .datepicker table tr td.active,
        .datepicker table tr td.active.disabled,
        .datepicker table tr td.active.disabled:hover,
        .datepicker table tr td.active:hover {
            background-color: #006dcc;
            background-image: -moz-linear-gradient(to bottom, #08c, #04c);
            background-image: -ms-linear-gradient(to bottom, #08c, #04c);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
            background-image: -webkit-linear-gradient(to bottom, #08c, #04c);
            background-image: -o-linear-gradient(to bottom, #08c, #04c);
            background-image: linear-gradient(to bottom, #08c, #04c);
            background-repeat: repeat-x;
            border-color: #04c #04c #002a80;
            border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
            color: #fff;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
        }

        .datepicker table tr td.active.active,
        .datepicker table tr td.active.disabled,
        .datepicker table tr td.active.disabled.active,
        .datepicker table tr td.active.disabled.disabled,
        .datepicker table tr td.active.disabled:active,
        .datepicker table tr td.active.disabled:hover,
        .datepicker table tr td.active.disabled:hover.active,
        .datepicker table tr td.active.disabled:hover.disabled,
        .datepicker table tr td.active.disabled:hover:active,
        .datepicker table tr td.active.disabled:hover:hover,
        .datepicker table tr td.active.disabled:hover[disabled],
        .datepicker table tr td.active.disabled[disabled],
        .datepicker table tr td.active:active,
        .datepicker table tr td.active:hover,
        .datepicker table tr td.active:hover.active,
        .datepicker table tr td.active:hover.disabled,
        .datepicker table tr td.active:hover:active,
        .datepicker table tr td.active:hover:hover,
        .datepicker table tr td.active:hover[disabled],
        .datepicker table tr td.active[disabled] {
            background-color: #04c
        }

        .datepicker table tr td span {
            display: block;
            width: 23%;
            height: 54px;
            line-height: 54px;
            float: left;
            margin: 1%;
            cursor: pointer;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px
        }

        .datepicker table tr td span.focused,
        .datepicker table tr td span:hover {
            background: #eee
        }

        .datepicker table tr td span.disabled,
        .datepicker table tr td span.disabled:hover {
            background: 0 0;
            color: #999;
            cursor: default
        }

        .datepicker table tr td span.active,
        .datepicker table tr td span.active.disabled,
        .datepicker table tr td span.active.disabled:hover,
        .datepicker table tr td span.active:hover {
            background-color: #006dcc;
            background-image: -moz-linear-gradient(to bottom, #08c, #04c);
            background-image: -ms-linear-gradient(to bottom, #08c, #04c);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
            background-image: -webkit-linear-gradient(to bottom, #08c, #04c);
            background-image: -o-linear-gradient(to bottom, #08c, #04c);
            background-image: linear-gradient(to bottom, #08c, #04c);
            background-repeat: repeat-x;
            border-color: #04c #04c #002a80;
            border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
            color: #fff;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
        }

        .datepicker table tr td span.active.active,
        .datepicker table tr td span.active.disabled,
        .datepicker table tr td span.active.disabled.active,
        .datepicker table tr td span.active.disabled.disabled,
        .datepicker table tr td span.active.disabled:active,
        .datepicker table tr td span.active.disabled:hover,
        .datepicker table tr td span.active.disabled:hover.active,
        .datepicker table tr td span.active.disabled:hover.disabled,
        .datepicker table tr td span.active.disabled:hover:active,
        .datepicker table tr td span.active.disabled:hover:hover,
        .datepicker table tr td span.active.disabled:hover[disabled],
        .datepicker table tr td span.active.disabled[disabled],
        .datepicker table tr td span.active:active,
        .datepicker table tr td span.active:hover,
        .datepicker table tr td span.active:hover.active,
        .datepicker table tr td span.active:hover.disabled,
        .datepicker table tr td span.active:hover:active,
        .datepicker table tr td span.active:hover:hover,
        .datepicker table tr td span.active:hover[disabled],
        .datepicker table tr td span.active[disabled] {
            background-color: #04c
        }

        .datepicker table tr td span.new,
        .datepicker table tr td span.old {
            color: #999
        }

        .datepicker .datepicker-switch {
            width: 145px
        }

        .datepicker .datepicker-switch,
        .datepicker .next,
        .datepicker .prev,
        .datepicker tfoot tr th {
            cursor: pointer
        }

        .datepicker .datepicker-switch:hover,
        .datepicker .next:hover,
        .datepicker .prev:hover,
        .datepicker tfoot tr th:hover {
            background: #eee
        }

        .datepicker .next.disabled,
        .datepicker .prev.disabled {
            visibility: hidden
        }

        .datepicker .cw {
            font-size: 10px;
            width: 12px;
            padding: 0 2px 0 5px;
            vertical-align: middle
        }

        .input-append.date .add-on,
        .input-prepend.date .add-on {
            cursor: pointer
        }

        .input-append.date .add-on i,
        .input-prepend.date .add-on i {
            margin-top: 3px
        }

        .input-daterange input {
            text-align: center
        }

        .input-daterange input:first-child {
            -webkit-border-radius: 3px 0 0 3px;
            -moz-border-radius: 3px 0 0 3px;
            border-radius: 3px 0 0 3px
        }

        .input-daterange input:last-child {
            -webkit-border-radius: 0 3px 3px 0;
            -moz-border-radius: 0 3px 3px 0;
            border-radius: 0 3px 3px 0
        }

        .input-daterange .add-on {
            display: inline-block;
            width: auto;
            min-width: 16px;
            height: 18px;
            padding: 4px 5px;
            font-weight: 400;
            line-height: 18px;
            text-align: center;
            text-shadow: 0 1px 0 #fff;
            vertical-align: middle;
            background-color: #eee;
            border: 1px solid #ccc;
            margin-left: -5px;
            margin-right: -5px
        }

        .fileinput-button {
            position: relative;
            overflow: hidden;
            display: inline-block
        }

        .fileinput-button input {
            position: absolute;
            top: 0;
            right: 0;
            margin: 0;
            opacity: 0;
            -ms-filter: 'alpha(opacity=0)';
            font-size: 200px !important;
            direction: ltr;
            cursor: pointer
        }

        @media screen\9 {
            .fileinput-button input {
                font-size: 100%;
                height: 100%
            }
        }

        #menu-wrapper {
            position: absolute;
            background: #fff;
            width: 200px;
            box-shadow: 0 5px 6px -2px rgba(0, 0, 0, .18);
            padding: 10px 0;
            display: none;
            z-index: 99999;
            border-left: 3px solid #ffc824;
            border-bottom-left-radius: 3px
        }

        #menu-wrapper.menu-visible {
            display: block;
            position: relative
        }

        .desktop-menu,
        .desktop-menu a,
        .desktop-menu div,
        .desktop-menu li,
        .desktop-menu ul {
            margin: 0;
            padding: 0;
            border: none;
            outline: 0
        }

        .desktop-menu a {
            text-decoration: none
        }

        .desktop-menu li {
            list-style: none
        }

        .desktop-menu {
            display: inline-block;
            z-index: 500;
            width: 100%
        }

        .desktop-menu>li {
            display: block;
            font-size: 13px
        }

        .desktop-menu>li>a {
            display: block;
            z-index: 510;
            padding: 5px 10px;
            color: #222;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -o-transition: all .3s ease;
            -ms-transition: all .3s ease;
            transition: all .3s ease
        }

        .desktop-menu>li>a:after {
            content: '\f105';
            color: #ccc;
            font-size: 17px;
            right: 10px;
            position: absolute;
            pointer-events: none;
            font-family: FontAwesome
        }

        .desktop-menu>li:hover>a:after {
            color: #359fd9
        }

        .desktop-menu>li:hover>a {
            color: #359fd9
        }

        .desktop-menu>li>div {
            position: absolute;
            display: block;
            width: 650px;
            display: none;
            left: 197px;
            bottom: 0;
            opacity: 0;
            overflow: hidden;
            background-color: #fff;
            border-radius: 0 0 3px 0;
            box-shadow: 0 5px 6px -2px rgba(0, 0, 0, .18);
            top: 0;
            -webkit-transition: all .3s ease .15s;
            -moz-transition: all .3s ease .15s;
            -o-transition: all .3s ease .15s;
            -ms-transition: all .3s ease .15s;
            transition: all .3s ease .15s;
            background-repeat: no-repeat;
            background-position: bottom center;
            z-index: 9999
        }

        .desktop-menu>li:hover>div {
            opacity: 1;
            display: block;
            overflow: visible
        }

        .desktop-menu .nav-column {
            float: left;
            width: 15%;
            padding: 2.5%
        }

        .desktop-menu .nav-column-2 {
            width: 16.66666667%
        }

        .desktop-menu .nav-column-3 {
            width: 25%
        }

        .desktop-menu .nav-column-4 {
            width: 33.3333%
        }

        .desktop-menu .nav-column-5 {
            width: 41.66666667%
        }

        .desktop-menu .nav-column-6 {
            width: 50%
        }

        .desktop-menu .nav-column-7 {
            width: 58.33333333%
        }

        .desktop-menu .nav-column-8 {
            width: 66.66666667%
        }

        .desktop-menu .nav-column-9 {
            width: 75%
        }

        .desktop-menu .nav-column-10 {
            width: 83.33333333%
        }

        .desktop-menu .nav-column-12 {
            width: 100%
        }

        .desktop-menu .nav-column h3 {
            margin: 0 0 10px 0;
            line-height: 18px;
            font-size: 14px;
            color: #372f2b
        }

        .desktop-menu .nav-column h3.orange {
            color: #ff722b
        }

        .desktop-menu .nav-column li a {
            display: block;
            line-height: 26px;
            font-size: 13px;
            color: #222
        }

        .desktop-menu .nav-column li a:hover {
            color: #359fd9
        }

        #menu-toggle {
            width: 200px
        }

        #menu-toggle-button {
            padding: 10px 20px;
            cursor: pointer;
            background: #222;
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            color: #eee;
            font-size: 17px;
            border-radius: 3px;
            border-left: 3px solid #ffc824;
            text-transform: uppercase
        }

        #menu-toggle-button.open {
            border-radius: 3px
        }

        #menu-toggle:hover #menu-toggle-button {
            border-radius: 3px 3px 0 0
        }

        #menu-toggle:hover #menu-wrapper {
            display: block
        }

        .desktop-menu>li:hover {
            background: #fff9dd
        }

        .desktop-menu li.menu-subheader a {
            color: #17b1d1;
            font-size: 13px;
            margin-bottom: 5px;
            font-weight: 700
        }

        html {
            overflow-y: scroll
        }

        @media screen and (min-width:1510px) {
            html {
                overflow-y: overlay
            }
        }

        body {
            font: 13px/21px arial, sans-serif;
            -webkit-font-smoothing: antialiased;
            -webkit-text-size-adjust: 100%;
            min-height: 100%
        }

        * {
            outline: 0
        }

        input[type=checkbox]:focus {
            outline: 0
        }

        a:focus {
            outline: 0;
            outline-width: 0;
            outline-style: none
        }

        a:link,
        a:visited {
            color: #444;
            text-decoration: none
        }

        a:hover {
            color: #000;
            text-decoration: none
        }

        .clear {
            clear: both
        }

        a img {
            border: none
        }

        #footer {
            line-height: 25px;
            font-size: 12px
        }

        #copyright {
            color: #e7e7e7;
            padding: 10px 0;
            font-size: 12px;
            border-top: 3px solid #ffc824;
            box-shadow: 0 0 1px #000
        }

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

        .footer-heading {
            font-weight: 700
        }

        h1,
        h2 {
            margin: 0;
            padding: 0;
            font-size: 28px;
            font-weight: 400
        }

        h2 {
            font-size: 18px
        }

        p {
            font-size: 14px;
            line-height: 20px
        }

        #content {
            margin: 20px 0
        }

        #header {
            padding: 10px 0
        }

        h1.line,
        h2.line {
            width: 100%;
            text-align: left;
            border-bottom: 5px solid #e7e7e7;
            line-height: .1em;
            margin: 10px 0 30px 0
        }

        h1.line span,
        h2.line span {
            background: #fff;
            padding: 0 15px 0 0
        }

        .circle-loading::after {
            content: '' !important;
            position: absolute;
            width: 16px !important;
            height: 16px !important;
            border-radius: 50px;
            border: 2px solid #fecb02;
            border-top-color: #444;
            animation: loading 1s linear infinite;
            top: 11px !important
        }

        @keyframes loading {
            0% {
                transform: rotate(0)
            }
            100% {
                transform: rotate(360deg)
            }
        }

        @media screen and (max-width:1325px) {
            .hidden-sp,
            .hidden-sp-2 {
                display: none
            }
        }

        @media screen and (max-width:1508px) {
            :lang(ru) .hidden-sp-2 {
                display: none
            }
        }

        @media screen and (max-width:1475px) {
            :lang(ru) .hidden-sp {
                display: none
            }
        }

        @media screen and (max-width:1350px) {
            :lang(ru) .hidden-sa {
                display: none
            }
        }

        .form-control {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none
        }

        .sort-options-wrap select#search-sort {
            -webkit-appearance: auto;
            -moz-appearance: auto;
            appearance: auto
        }

        ul.list-roman {
            list-style-type: upper-roman;
            margin: 20px 0 0 0
        }

        .owl-carousel .single_slide {
            transform: translate3d(0, 0, 0) !important
        }

        .product-price {
            font-size: 30px;
            font-weight: 400;
            color: #222
        }

        .product-price-buy-form-wrapper .product-price-wrapper .product-main-price .price-amount,
        .product-price-buy-form-wrapper .product-price-wrapper .product-main-price.priceFormat {
            font-size: 30px
        }

        .product-price-buy-form-wrapper .product-price-wrapper .product-main-price span.price-symbol {
            font-size: 14px
        }

        .similar-compare-table .similar-compare-price .price .price-amount {
            font-size: 17px;
            font-weight: 700
        }

        .product-currency {
            font-size: 14px
        }

        .product-availability {
            font-size: 12px;
            color: #fff;
            padding: 5px 10px
        }

        .product-availability.in-stock {
            background-color: #55c65e;
            border: 1px solid #36943e
        }

        .product-availability.out-of-stock {
            background-color: #ef3f41;
            border: 1px solid #cf1f21
        }

        #product-add-to-cart-middle {
            padding: 20px 20px;
            margin: 0;
            border-top: 1px solid #e7e7e7
        }

        #product-add-to-cart-bottom {
            padding: 20px;
            border-top: 1px solid #e7e7e7
        }

        #product-add-to-cart {
            border: 1px solid #e7e7e7;
            padding: 0;
            border-radius: 5px
        }

        #product-add-to-cart-top {
            padding: 10px 20px
        }

        #product-images-slider .item {
            text-align: center;
            padding: 5px
        }

        #product-images-slider .item img {
            max-width: 100%;
            max-height: 300px;
            overflow: hidden
        }

        #product-images-slider .owl-controls {
            position: relative;
            text-align: left
        }

        #product-images-slider .owl-controls .item-link {
            position: relative;
            display: block;
            width: 60px;
            height: 60px;
            margin: 0 3px;
            border: 1px solid #e7e7e7;
            border-bottom: 4px solid #ccc;
            outline: 0
        }

        #product-images-slider .owl-controls .item-link:focus {
            -webkit-box-shadow: 0 0 8px #cc4895;
            -moz-box-shadow: 0 0 8px #cc4895;
            box-shadow: 0 0 8px #cc4895;
            outline: 0
        }

        #product-images-slider .owl-controls .active .item-link {
            border-bottom: 4px solid #4c9ed9
        }

        #product-images-slider .owl-controls .owl-page span {
            display: none
        }

        h2.title {
            font-weight: 600;
            font-size: 20px;
            margin: 20px 0 40px 0;
            border-left: 3px solid #ffc824;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            padding-left: 10px
        }

        h3.title span {
            background: #fff;
            padding-right: 12px;
            padding-left: 12px;
            font-size: 18px
        }

        ul#search-filter {
            float: left;
            width: 200px;
            list-style-type: none;
            margin: 0;
            padding: 0
        }

        ul#search-filter li {
            line-height: 50px;
            border-top: 1px solid #e7e7e7;
            padding: 0;
            margin-bottom: 20px;
            margin-top: 20px;
            font-size: 15px
        }

        ul#search-filter li.c-collapse {
            border-top: 0
        }

        ul#search-filter>li h4>.section-head,
        ul#search-filter>li h4>a {
            display: block;
            color: #333;
            font-size: 15px;
            font-weight: 700
        }

        ul#search-filter>li h4>a span {
            color: #7b7b7b;
            font-size: 12px;
            border: 1px solid #ccc;
            padding: 1px 3px;
            width: auto
        }

        ul#search-filter li:first-child {
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            border-top: none
        }

        ul#search-filter li:first-child {
            margin-top: 0
        }

        ul#search-filter ul {
            list-style-type: none;
            padding: 0;
            margin: 0
        }

        ul#search-filter li:not(.c-collapse).scroll-list {
            position: relative;
            margin-bottom: 43px;
            border-color: transparent
        }

        li:not(.c-collapse).scroll-list ul {
            height: 309px;
            overflow-x: hidden;
            overflow-y: auto
        }

        li:not(.c-collapse).scroll-list ul::-webkit-scrollbar {
            width: 6px;
            background-color: transparent;
            border-radius: 6px
        }

        li:not(.c-collapse).scroll-list ul::-webkit-scrollbar-thumb {
            background-color: #e7e7e7;
            border-radius: 20px;
            height: 10px
        }

        li:not(.c-collapse).scroll-list ul {
            scrollbar-width: thin !important
        }

        ul#search-filter ul li {
            background-color: #fff;
            line-height: 20px;
            border: none;
            font-size: 13px;
            margin: 10px 0;
            position: relative
        }

        ul#search-filter ul li.filter-clear,
        ul#search-filter ul li.more {
            font-weight: 600
        }

        ul#search-filter li.scroll-list ul li.more {
            position: absolute;
            bottom: -40px;
            display: block;
            padding: 5px 0;
            width: 100%
        }

        ul#search-filter ul li.more-hidden {
            display: none
        }

        ul#search-filter ul li a {
            display: block
        }

        ul#search-filter ul.parameter li a {
            position: relative;
            padding-left: 18px
        }

        #search-results {
            margin-left: 220px;
            padding-left: 20px;
            border-left: 1px solid #e7e7e7
        }

        .product {
            float: left;
            margin: 5px 0 5px 0;
            border-bottom: 1px solid #e7e7e7;
            height: 370px;
            width: 287px;
            text-align: left;
            position: relative
        }

        .product-carousel {
            border: 1px solid #eee;
            margin: 0;
            width: 277px
        }

        .product-narrow {
            width: 258px
        }

        .product-narrow2 {
            width: 205px
        }

        .product-carousel:hover {
            border: 1px solid #ddd;
            box-shadow: 0 0 5px rgba(0, 0, 0, .1) inset
        }

        .product-carousel.configurator:hover {
            box-shadow: none;
            border-color: #eee
        }

        .product .product-price {
            font-size: 14px;
            color: #222
        }

        .product .product-title {
            height: 50px;
            line-height: 17px;
            overflow: hidden;
            font-weight: 700;
            font-size: 14px
        }

        .product .product-title a {
            color: #222;
            display: inline-block
        }

        .product .product-title a:hover {
            color: #428bca
        }

        .product .product-description {
            color: #000;
            margin-top: 10px;
            font-size: 12px;
            height: 30px;
            overflow: hidden;
            padding: 0 15px;
            line-height: 15px
        }

        .ml-product-discriptions .product-description img {
            max-width: 100%
        }

        #search-results #heading {
            border-bottom: 1px solid #e7e7e7;
            border-top: 1px solid #e7e7e7;
            padding: 15px 0;
            margin-bottom: 15px;
            margin-top: 15px;
            position: relative;
            height: 56px;
            line-height: 25px
        }

        #search-results #heading h1 {
            font-size: 18px;
            font-weight: 700
        }

        #search-results #pagination-footer {
            border-top: none;
            margin: 30px 0;
            text-align: center;
            padding: 0
        }

        .home-products-carousel {
            padding: 0;
            margin-bottom: 20px
        }

        .home-header {
            padding: 5px 0;
            margin-bottom: 15px
        }

        #home-category-sections .home-header {
            display: flex;
            align-items: baseline;
            flex-wrap: wrap;
            justify-content: space-between
        }

        .home-header-more {
            white-space: nowrap;
            text-decoration: underline !important;
            font-weight: 700;
            font-size: 14px;
            color: #000 !important
        }

        .home-header-more:hover {
            color: #363636 !important
        }

        .home-header h2 {
            font-size: 20px;
            font-weight: 700;
            line-height: 30px;
            text-transform: uppercase
        }

        @media screen and (max-width:480px) {
            .home-header h2 {
                font-size: 18px
            }
        }

        #header-search {
            padding: 0;
            position: relative
        }

        #header-pros {
            margin-left: 30px;
            padding: 12px 0
        }

        #header-search input[type=text] {
            font-size: 16px;
            font-weight: 300;
            border-radius: 3px 0 0 3px;
            height: 42px;
            padding-top: 5px;
            padding-bottom: 5px;
            box-shadow: none;
            border-bottom: 3px solid #ffc824;
            border-right: none
        }

        #header-search input[type=submit] {
            font-weight: 300;
            border-radius: 0 3px 3px 0;
            padding: 7px 16px 7px 16px;
            text-transform: uppercase
        }

        #header-search button {
            color: #fff;
            background: #222;
            padding: 10px 20px;
            margin-left: 0
        }

        #header-search-mobile {
            position: relative;
            width: 100%;
            margin: 0;
            padding: 5px 0
        }

        #header-search-mobile input[type=text] {
            font-size: 16px;
            font-weight: 300;
            border-radius: 3px 0 0 3px;
            height: 30px;
            padding-top: 5px;
            padding-bottom: 5px;
            box-shadow: none
        }

        #search-auto-complete {
            position: absolute;
            background-color: #fff;
            border: 0 solid #ccc;
            left: 0;
            right: 0;
            z-index: 100000;
            top: 42px;
            box-shadow: 0 5px 10px -2px rgba(0, 0, 0, .18);
            display: none;
            border-top: none;
            border-bottom-left-radius: 2px;
            border-bottom-right-radius: 2px
        }

        #search-auto-complete ul {
            margin: 0;
            padding: 0;
            list-style-type: none
        }

        #search-auto-complete ul li {
            margin: 0;
            font-size: 16px
        }

        #search-auto-complete ul li:hover {
            background-color: #eee
        }

        #search-auto-complete ul li a {
            display: block;
            padding: 0 0;
            color: #000
        }

        .search-auto-complete-img {
            float: left;
            width: 50px;
            height: 38px;
            overflow: hidden;
            text-align: center;
            line-height: 38px;
            border-radius: 50%
        }

        .search-auto-complete-img i {
            font-size: 40px;
            line-height: 50px
        }

        .search-auto-complete-text {
            line-height: 25px;
            height: 25px;
            overflow: hidden;
            font-weight: 600;
            font-size: 14px
        }

        .autocomplete-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, .4);
            z-index: 2;
            display: none
        }

        #search-auto-complete ul li.auto-complete-brand.last,
        #search-auto-complete ul li.auto-complete-category.last {
            border-bottom-width: 1px;
            border-bottom-style: solid;
            border-bottom-color: #ccc
        }

        .search-auto-complete-img img {
            max-height: 38px;
            max-width: 38px
        }

        .autocomplete-wrapper {
            position: relative
        }

        .autocomplete-wrapper .header-mobile-autocomplete.open {
            position: absolute;
            width: 100%;
            background: #f9f9f9;
            left: 0;
            right: 0;
            margin: auto;
            border-width: 1px 1px 1px 1px;
            border-style: solid;
            border-color: #eaeaea
        }

        .header-mobile-autocomplete ul {
            margin: 0;
            padding: 0
        }

        .header-mobile-autocomplete ul li .search-auto-complete-img {
            display: none
        }

        .header-mobile-autocomplete ul li .search-auto-complete-text {
            margin-left: 0;
            line-height: 18px;
            height: 18px;
            text-align: left;
            color: #3a3a3a;
            font-size: 14px
        }

        .header-mobile-autocomplete ul li {
            display: block;
            padding: 9px;
            border-bottom: 1px solid #e6e6e6
        }

        .header-mobile-autocomplete ul li a {
            display: block;
            padding: 0
        }

        .header-mobile-autocomplete>a {
            display: none
        }

        #header-search .auto-complete-close,
        #header-search-mobile .auto-complete-close {
            display: block;
            position: absolute;
            right: 0;
            top: 5px;
            padding: 0;
            font-size: 15px;
            line-height: 20px;
            color: #222;
            text-indent: -71px;
            overflow: hidden;
            width: 35px;
            height: 30px;
            border-radius: 5px
        }

        #header-search .auto-complete-close {
            right: 66px;
            top: 7px;
            z-index: 3
        }

        #header-search .auto-complete-close:after,
        #header-search .auto-complete-close:before,
        #header-search-mobile .auto-complete-close:after,
        #header-search-mobile .auto-complete-close:before {
            content: "";
            display: block;
            width: 1px;
            height: 15px;
            background: #000;
            overflow: hidden;
            position: absolute;
            top: 7px;
            right: 18px
        }

        #header-search .auto-complete-close:after,
        #header-search .auto-complete-close:before {
            height: 19px;
            top: 4px
        }

        #header-search .auto-complete-close:before,
        #header-search-mobile .auto-complete-close:before {
            transform: rotate(45deg)
        }

        #header-search .auto-complete-close:after,
        #header-search-mobile .auto-complete-close:after {
            transform: rotate(-45deg)
        }

        #header-search .auto-complete-close,
        #header-search-mobile .auto-complete-close {
            display: none
        }

        #header-search-mobile li .type,
        #search-auto-complete li .type {
            color: #7b7b7b;
            text-align: left;
            font-size: 12px;
            line-height: 11px;
            margin-left: 5px;
            font-weight: 400
        }

        #search-auto-complete li .type {
            margin-left: 24px;
            padding: 8px 0 4px 0
        }

        #search-auto-complete ul li.auto-complete-category a {
            margin-top: -15px
        }

        #search-auto-complete ul li.auto-complete-brand a {
            margin-top: -8px
        }

        #header-search-mobile input[type=text] {
            border-radius: 3px 3px 0 0
        }

        #header-search-mobile input[type=text]:focus {
            border: 0 solid #fff
        }

        #search-auto-complete ul li.auto-complete-category {
            background: #fff
        }

        #search-auto-complete ul li.auto-complete-brand {
            background: #f9f9f9
        }

        input.query-autocomplete.is-loading {
            background: url(/assets/img/search-ajax-loader.gif) #fff no-repeat right 7px center;
            background-size: 24px
        }

        #header-search-mobile input.query-autocomplete.is-loading {
            background-size: 18px
        }

        .header-mobile-autocomplete ul li.auto-complete-brand.last,
        .header-mobile-autocomplete ul li.auto-complete-category.last {
            border-bottom: 2px solid #d0d0d0
        }

        .header-mobile-autocomplete ul li.auto-complete-category {
            background: #fff
        }

        .header-mobile-autocomplete ul li.auto-complete-brand {
            background: #f5f5f5
        }

        .header-mobile-autocomplete ul li {
            background: #efefef
        }

        .blue {
            background-color: #222
        }

        #header-first {
            background-color: #000;
            margin-bottom: 30px;
            box-shadow: 0 0 0 #000;
            border-bottom: 3px solid #ffc824;
            color: #fff
        }

        #header-checkout {
            background-color: #000;
            box-shadow: 0 0 1px #000;
            border-bottom: 3px solid #ffc824;
            color: #fff
        }

        #user-sidebar {
            width: 220px
        }

        #user-content {
            margin-left: 240px;
            border-left: 1px solid #e7e7e7;
            padding-left: 20px;
            min-height: 200px
        }

        .order-status-label {
            padding: 5px 10px;
            border-radius: 5px
        }

        .page-heading {
            margin: 0 0 10px 0;
            background-repeat: repeat-x;
            background-position: left top
        }

        .page-heading h1 {
            display: inline;
            font-weight: 300;
            font-size: 28px;
            line-height: 28px;
            background-color: #fff;
            margin: 0;
            padding-right: 10px
        }

        #login {
            padding-top: 50px
        }

        #login .form-wrap {
            width: 30%;
            margin: 0 auto
        }

        #login .unsubscribe.form-wrap {
            width: 45%;
            padding: 25px;
            background: #fafafa;
            box-shadow: rgb(0 0 0 / 16%) 0 1px 4px;
            border-radius: 5px
        }

        #login .unsubscrib-link {
            color: #4267b2
        }

        #login h1 {
            font-size: 18px;
            text-align: center;
            font-weight: 700;
            padding-bottom: 20px;
            border-bottom: 2px solid #e7e7e7;
            margin-bottom: 20px
        }

        #login .form-group {
            margin-bottom: 25px
        }

        #login .checkbox {
            margin-bottom: 20px;
            position: relative;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            -o-user-select: none;
            user-select: none
        }

        #login .checkbox.show:before {
            content: '\f00c';
            color: #1fa67b;
            font-size: 17px;
            margin: 1px 0 0 3px;
            position: absolute;
            pointer-events: none;
            font-family: FontAwesome
        }

        #login .checkbox .character-checkbox {
            width: 25px;
            height: 25px;
            cursor: pointer;
            border-radius: 3px;
            border: 1px solid #ccc;
            vertical-align: middle;
            display: inline-block
        }

        #login .checkbox .label {
            color: #6d6d6d;
            font-size: 13px;
            font-weight: 400
        }

        #login .forget {
            font-size: 13px;
            display: block
        }

        .header-first-popover {
            display: inline-block;
            position: relative
        }

        .header-first-popover .popover.bottom {
            width: 276px;
            top: 30px;
            font-weight: 400;
            color: #000
        }

        .header-first-popover:hover .header-link-text {
            text-decoration: underline
        }

        .header-first-popover .popover .arrow {
            right: 57px;
            left: auto
        }

        .header-first-popover .popover ul {
            list-style-type: none;
            margin: 0;
            padding: 0
        }

        .header-first-popover .popover ul li {
            padding: 2px 0
        }

        .header-first-popover .popover ul li a {
            color: #000;
            display: block
        }

        .header-first-popover .popover ul li a:hover {
            text-decoration: underline
        }

        .header-first-popover .popover ul li.line {
            border-top: 1px solid #e7e7e7;
            padding-top: 10px;
            margin-top: 10px
        }

        .header-first-popover .button-link {
            display: block;
            line-height: 42px;
            padding: 0 5px 0 15px;
            color: #000;
            font-size: 14px;
            font-weight: 700
        }

        .header-badge {
            border-radius: 3px;
            padding: 2px 7px;
            font-size: 13px;
            background-color: #222;
            box-shadow: 1px 1px 2px #555;
            color: #fff
        }

        .starRating {
            display: inline-block;
            position: relative;
            height: 40px;
            background: url(/assets/img/stars-sp.png) repeat-x 0 0;
            background-size: 42px;
            vertical-align: bottom
        }

        .starRating div {
            float: left;
            position: relative;
            height: 42px
        }

        .starRating input {
            position: relative;
            z-index: 1;
            width: 42px;
            height: 42px;
            margin: 0;
            padding: 0;
            opacity: 0;
            cursor: pointer
        }

        .starRating label {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 42px
        }

        .starRating span {
            display: none
        }

        .starRating input:checked+label,
        .starRating:hover input:checked:hover+label {
            background: url(/assets/img/stars-sp.png) repeat-x 0 -77px;
            background-size: 42px
        }

        .starRating:hover input:checked+label {
            background: 0 0
        }

        .starRating:hover input:hover+label {
            background: url(/assets/img/stars-sp.png) repeat-x 0 -77px;
            background-size: 42px
        }

        .category-pagination {
            margin: 0;
            margin-top: 40px;
            list-style-type: none;
            padding: 0
        }

        .category-pagination li {
            display: inline-block;
            border-radius: 5px;
            margin: 0 5px;
            font-size: 16px;
            font-weight: 400;
            transition-property: all;
            transition-duration: .3s;
            transition-timing-function: ease;
            transition-delay: 0s
        }

        .category-pagination li.active {
            background-color: #5cb85c;
            padding: 8px 20px;
            cursor: default
        }

        .category-pagination li a {
            display: block;
            padding: 8px 20px;
            color: #359fd9
        }

        .category-pagination li.active,
        .category-pagination li.arrow a,
        .category-pagination li:hover a {
            color: #fff
        }

        .category-pagination li.arrow {
            background-color: #359fd9;
            margin: 0 10px
        }

        .category-pagination li:hover {
            background-color: #359fd9
        }

        .category-pagination li.active:hover {
            background-color: #5cb85c
        }

        .category-pagination li.arrow:hover {
            background-color: #5cb85c
        }

        ul#search-filter ul.parameter li:before {
            width: 15px;
            height: 12px;
            content: "\f096";
            color: #ccc;
            font-size: 14px;
            font-family: FontAwesome;
            position: absolute;
            top: 0;
            left: 0;
            font-weight: 300
        }

        ul#search-filter ul.parameter li.more:before {
            content: '\f107';
            color: #359fd9
        }

        ul#search-filter ul.parameter li.filter-clear:before {
            content: '\f00d';
            color: #359fd9
        }

        ul#search-filter ul.parameter li.more.more-less:before {
            content: '\f106';
            color: #359fd9
        }

        ul#search-filter ul.parameter li:hover:before {
            content: "\f046";
            color: #359fd9
        }

        ul#search-filter ul.parameter li.more:hover:before {
            content: '\f107'
        }

        ul#search-filter ul.parameter li.filter-clear:hover:before {
            content: '\f00d'
        }

        ul#search-filter ul.parameter li.more.more-less:hover:before {
            content: '\f106'
        }

        ul#search-filter ul.parameter li.selected:before {
            width: 15px;
            height: 12px;
            content: "\f046";
            color: #039;
            font-size: 14px;
            font-family: FontAwesome;
            position: absolute;
            top: 0;
            left: 0
        }

        ul#search-filter ul.parameter li.selected:hover:before {
            content: "\f00d";
            color: #359fd9
        }

        nav:not(.mm-menu) {
            display: none
        }

        #header-mobile {
            text-align: center;
            background-color: #222;
            font-size: 16px;
            font-weight: 700;
            color: #fff;
            line-height: 40px;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            padding: 0 15px;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 99999;
            box-shadow: 0 0 3px #000;
            border-bottom: 3px solid #ffc824
        }

        #header-mobile a.mobile-menu-toggle {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            font-size: 25px;
            color: #fff;
            padding: 0 0 0 15px
        }

        #header-mobile a.mobile-header-cart {
            display: block;
            height: 40px;
            position: absolute;
            top: 0;
            right: 0;
            padding: 0 15px 0 0;
            color: #fff;
            font-size: 25px
        }

        #header-mobile a.mobile-header-cart i {
            margin-right: 10px
        }

        .container-fluid {
            max-width: 1500px
        }

        ol.breadcrumb {
            padding: 0;
            background: #fff;
            font-size: 14px
        }

        ol.breadcrumb li a {
            margin: 0;
            padding: 0;
            color: #222;
            font-weight: 600
        }

        ol.breadcrumb li:first-child a {
            color: #000
        }

        ol.breadcrumb li.active {
            color: #555
        }

        .product-thumbnail {
            border-right: 1px solid #e7e7e7;
            width: 70px;
            height: 70px;
            overflow: hidden;
            background-color: #fff
        }

        .product-thumbnail table {
            height: 100%;
            width: 100%
        }

        .product-thumbnail table td {
            vertical-align: middle;
            padding-right: 5px;
            height: 100%;
            text-align: center
        }

        .product-thumbnail table td img {
            width: 60px
        }

        #home-container-right {
            margin-left: 220px
        }

        .desktop-menu li h3 a {
            color: #359fd9
        }

        #header-search.open input[type=text] {
            border-bottom-left-radius: 0
        }

        #header-search.open input[type=submit] {
            border-bottom-right-radius: 0
        }

        #main-banner {
            margin-right: 302px
        }

        .product-bundle-badge {
            color: #000;
            background-color: #39bf87;
            padding: 0;
            line-height: 1;
            border-radius: 3px;
            font-size: 12px;
            margin: 5px 2px;
            float: left;
            overflow: hidden;
            font-weight: 600
        }

        .product-badges .product-bundle-badge:first-child {
            margin-left: 0
        }

        .product-bundle-badge.bestseller {
            background: #ffeb3b;
            border: 1px solid #ff9800
        }

        .product-bundle-badge.bestseller .left-part {
            float: left;
            background: #ffc107;
            padding: 5px
        }

        .product-bundle-badge.bestseller .right-part {
            float: left;
            padding: 5px
        }

        .product-bundle-badge.offer {
            background: #ffccbc;
            border: 1px solid #ff8a65
        }

        .product-bundle-badge.offer .left-part {
            float: left;
            background: #ffab91;
            padding: 5px
        }

        .product-bundle-badge.offer .right-part {
            float: left;
            padding: 5px
        }

        .product-bundle-badge.bundle {
            background: #7bc346;
            border: 1px solid #56923a
        }

        .product-bundle-badge.bundle .left-part {
            float: left;
            background: #66ad45;
            padding: 5px
        }

        .product-bundle-badge.bundle .right-part {
            float: left;
            padding: 5px
        }

        .product-offer-text-badge {
            float: left;
            line-height: 15px;
            border-radius: 3px;
            background: #fff;
            color: #000;
            border: 1px solid #00bcd4;
            padding: 5px;
            font-size: 12px;
            margin: 0 2px;
            font-weight: 600;
            height: 22px;
            overflow: hidden
        }

        .product-title--items-wrap .product-badges .product-offer-text-badge {
            height: auto;
            line-height: 1
        }

        .breadcrumb>li+li:before {
            padding: 0 2px 0 7px;
            color: #999
        }

        .product-price-old {
            font-size: 13px;
            color: #666;
            font-family: 'YS Text Regular'
        }

        .product-price-old .amount,
        .quotation-products .price,
        .quotation-total .total,
        .service-charge-amount {
            display: inline-block;
            direction: ltr;
            font-family: 'YS Text Regular'
        }

        #currency-switcher {
            margin-left: 20px;
            cursor: pointer;
            position: relative;
            border: 1px solid #e5e5e5;
            padding: 0 10px;
            font-weight: 700
        }

        #currency-switcher:hover {
            background: #fff;
            -webkit-box-shadow: 0 0 5px #e5e5e5;
            -moz-box-shadow: 0 0 5px #e5e5e5;
            box-shadow: 0 0 5px #e5e5e5
        }

        #currency-switcher:hover #currency-dropdown {
            display: block
        }

        #currency-switcher:hover .dropdown-shadow-cover {
            display: block
        }

        .product-qty-badge {
            position: absolute;
            background: #428bca;
            color: #fff;
            padding: 10px 15px;
            font-size: 20px;
            font-weight: 700;
            border-bottom-right-radius: 5px
        }

        .video {
            float: left;
            margin: 20px 10px 5px 0;
            border: 1px solid #e7e7e7;
            overflow: hidden;
            height: 310px;
            width: 277px;
            text-align: center;
            border-radius: 5px;
            position: relative
        }

        .video img {
            width: 100%
        }

        .video .video-title {
            height: 35px;
            line-height: 17px;
            overflow: hidden;
            font-weight: 400;
            color: #17b1d1;
            font-size: 14px;
            font-weight: 700;
            padding: 0 15px
        }

        .video .video-description {
            color: #000;
            margin-top: 10px;
            font-size: 12px;
            height: 30px;
            overflow: hidden;
            padding: 0 15px;
            line-height: 15px
        }

        .video .video-image {
            text-align: center;
            width: 100%;
            margin: 0 auto 10px auto;
            overflow: hidden
        }

        ol.progtrckr {
            margin: 0;
            padding: 0;
            list-style-type: none
        }

        ol.progtrckr li {
            display: inline-block;
            text-align: center;
            line-height: 3em
        }

        ol.progtrckr[data-progtrckr-steps="2"] li {
            width: 49%
        }

        ol.progtrckr[data-progtrckr-steps="3"] li {
            width: 33%
        }

        ol.progtrckr[data-progtrckr-steps="4"] li {
            width: 24%
        }

        ol.progtrckr[data-progtrckr-steps="5"] li {
            width: 19%
        }

        ol.progtrckr[data-progtrckr-steps="6"] li {
            width: 16%
        }

        ol.progtrckr[data-progtrckr-steps="7"] li {
            width: 14%
        }

        ol.progtrckr[data-progtrckr-steps="8"] li {
            width: 12%
        }

        ol.progtrckr[data-progtrckr-steps="9"] li {
            width: 11%
        }

        ol.progtrckr li.progtrckr-done {
            color: #000;
            border-bottom: 4px solid #9acd32
        }

        ol.progtrckr li.progtrckr-current {
            color: #000;
            border-bottom: 4px solid #9acd32
        }

        ol.progtrckr li.progtrckr-todo {
            color: silver;
            border-bottom: 4px solid silver
        }

        ol.progtrckr li:after {
            content: "\00a0\00a0"
        }

        ol.progtrckr li:before {
            position: relative;
            bottom: -2.5em;
            float: left;
            left: 50%;
            line-height: 1em
        }

        ol.progtrckr li.progtrckr-done:before {
            content: "\2713";
            color: #fff;
            background-color: #9acd32;
            height: 1.2em;
            width: 1.2em;
            line-height: 1.2em;
            border: none;
            border-radius: 1.2em
        }

        ol.progtrckr li.progtrckr-current:before {
            content: " ";
            color: #fff;
            background-color: #9acd32;
            height: 1.2em;
            width: 1.2em;
            line-height: 1.2em;
            border: none;
            border-radius: 1.2em
        }

        ol.progtrckr li.progtrckr-todo:before {
            content: "\039F";
            color: silver;
            background-color: #fff;
            font-size: 1.5em;
            bottom: -1.6em
        }

        .buy-this-check {
            border: 1px solid #d00;
            border-radius: 3px;
            padding: 2px 5px;
            width: 100px
        }

        .buy-this-check.active {
            background: #d00
        }

        .buy-this-check.active label {
            color: #fff
        }

        .variant-option,
        .variant-option:link,
        .variant-option:visited {
            color: #444;
            display: inline-block;
            text-decoration: none;
            font-weight: 700;
            text-align: center
        }

        .variant-option.selected {
            font-weight: 700;
            border: 2px solid #ffc824;
            cursor: default
        }

        .variant-option:hover {
            border: 2px solid #ffc824;
            text-decoration: none
        }

        .btn-primary,
        .btn-primary:active,
        .btn-primary:focus {
            background-color: #222;
            border: 1px solid #222;
            border-bottom: 3px solid #ffc824
        }

        .btn-primary:hover {
            background-color: #555;
            border: 1px solid #555;
            border-bottom: 3px solid #ffc824
        }

        input[type=text]:focus {
            border: 1px solid #222
        }

        small.star {
            color: #f0ad4e;
            font-weight: 700;
            font-size: 26px
        }

        .icon {
            text-align: center;
            padding: 10px 0
        }

        .icon span {
            display: inline-block;
            border-radius: 100%;
            padding: 40px;
            box-shadow: 0 0 2px #888;
            background: #f0ad4e
        }

        .icon span {
            font-size: 70px;
            color: #fff
        }

        span.steps {
            color: #f0ad4e;
            font-weight: 700;
            font-size: 22px
        }

        .payment-method.hide-this,
        input.cod.hide-this {
            display: none
        }

        .loading-small {
            background: url(/assets/img/loading-16x16.gif) no-repeat left center
        }

        input.is-loading {
            background: url(/assets/img/search-ajax-loader.gif) no-repeat right 10px center
        }

        .modal-backdrop {
            z-index: 4
        }

        .checkbox.checkbox-success {
            padding-left: 0
        }

        span.badge {
            background: #f0ad4e;
            padding: 5px;
            border-radius: 1px
        }

        .owl-category-accessory .owl-controls .owl-buttons div,
        .products-owl-carousel .owl-controls .owl-buttons div,
        .top-categories-carousel .owl-controls .owl-buttons div {
            position: absolute
        }

        .owl-category-accessory .owl-controls .owl-buttons .owl-prev,
        .products-owl-carousel .owl-controls .owl-buttons .owl-prev,
        .top-categories-carousel .owl-controls .owl-buttons .owl-prev {
            left: 0;
            top: 40%;
            height: 45px;
            width: 54px;
            padding-top: 12px;
            border-radius: 0 90px 90px 0;
            background: #39bf87
        }

        .owl-category-accessory .owl-controls .owl-buttons .owl-next,
        .products-owl-carousel .owl-controls .owl-buttons .owl-next,
        .top-categories-carousel .owl-controls .owl-buttons .owl-next {
            right: 0;
            top: 40%;
            height: 45px;
            width: 54px;
            padding-top: 12px;
            border-radius: 90px 0 0 90px;
            background: #39bf87
        }

        .top-categories-carousel .owl-controls .owl-buttons .owl-next,
        .top-categories-carousel .owl-controls .owl-buttons .owl-prev {
            background: #ffc824
        }

        .top-categories-carousel .owl-controls .owl-buttons .owl-next {
            margin-right: 0
        }

        .products-owl-carousel .owl-controls .owl-buttons .owl-next {
            margin-right: 0
        }

        .accesory-carousel .product-narrow2,
        .products-owl-carousel .product-narrow {
            width: 98%
        }

        .buy-item button {
            background: #39bf87;
            border: medium none #39bf87;
            color: #fff;
            margin-bottom: 10px;
            margin-top: 10px;
            border-radius: 3px;
            padding: 2px 12px;
            opacity: .5
        }

        .buy-item button:hover {
            opacity: 1
        }

        .checkbox.buy-this-check {
            background: #39bf87;
            color: #fff;
            border: #39bf87;
            opacity: .5
        }

        .checkbox.buy-this-check:hover {
            opacity: 1
        }

        .checkbox.buy-this-check.active {
            background: #39bf87;
            border: #39bf87;
            opacity: 1
        }

        .checkbox.buy-this-check input[type=checkbox] {
            margin-left: 5px
        }

        .checkbox.buy-this-check label::before {
            margin-left: -15px
        }

        .checkbox.buy-this-check.active label::after {
            content: "";
            font-family: FontAwesome;
            color: #555;
            display: inline-block;
            font-size: 11px;
            height: 16px;
            left: 0;
            margin-left: -15px;
            padding-left: 3px;
            padding-top: 1px;
            margin-top: -3px;
            position: absolute;
            top: 0;
            width: 16px
        }

        .discounts .prices {
            margin-bottom: 10px
        }

        .discounts .discount-percent {
            float: left;
            width: 80px
        }

        .discounts .prices .left {
            float: left;
            width: 50%;
            padding-bottom: 10px
        }

        .discounts .prices .right {
            float: left;
            width: 40%;
            padding-bottom: 10px
        }

        @media only screen and (max-width:442px) {
            .discounts .discount-percent {
                float: left;
                width: 65px
            }
            .discounts .prices .left {
                float: left;
                width: 42%;
                padding-bottom: 10px
            }
            .discounts .prices .right {
                float: left;
                width: 58%;
                padding-bottom: 10px
            }
        }

        .discounts .save {
            border-left: 1px dotted #ccc;
            padding-left: 20px;
            padding-top: 10px;
            padding-bottom: 10px
        }

        .item-condition-label i,
        .item-shipping .shipping-label i,
        .warranty-label i {
            font-size: 16px
        }

        .warranty-option {
            border-bottom: 1px dotted #ccc;
            padding-bottom: 5px
        }

        .checkbox.checkbox-success {
            padding-left: 5px
        }

        .cart-submit {
            background: #4caf50;
            border: 1px solid #009688;
            border-radius: 2px;
            color: #fff;
            margin-bottom: 25px
        }

        .cart-submit:active {
            background: #009688;
            border: 1px solid #607d8b
        }

        .cart-submit:focus {
            color: #fff;
            outline: 0
        }

        @media only screen and (min-width:399px) {
            .warranty-option {
                border-bottom: none
            }
            .ckbox,
            .rate {
                float: left
            }
        }

        @media only screen and (min-width:600px) {
            .item-condition,
            .item-shipping {
                padding-bottom: 10px
            }
            .item-condition-label,
            .item-shipping .shipping-label,
            .warranty-label {
                width: 150px;
                float: left
            }
            .condition,
            .item-shipping .shipping,
            .no-ext-warranty,
            .warranty-options {
                float: left;
                width: 307px
            }
            span.break {
                display: block
            }
        }

        #copyright .container-fluid,
        #footer .container-fluid {
            margin-top: 0
        }

        .accesories-items {
            width: 100%
        }

        .btn-group-wrap.btn-group {
            width: 100%
        }

        .selector-btn.btn.btn-default.dropdown-toggle {
            width: 100%
        }

        .open>.dropdown-menu {
            display: block;
            width: 100%
        }

        .accesories-items .selector-btn {
            background: #39bf87;
            padding: 10px 20px;
            color: #fff;
            font-weight: 700
        }

        .btn-group-wrap.open .selector-btn {
            background: #5dcf9f
        }

        .categories-list.dropdown-menu li.active,
        .categories-list.dropdown-menu>.active>a,
        .categories-list.dropdown-menu>.active>a:focus,
        .categories-list.dropdown-menu>.active>a:hover {
            background: #39bf87;
            color: #fff
        }

        .accesories-mini-cart {
            width: 100%
        }

        .accesories-mini-cart .wrap {
            border: 1px solid #ccc;
            padding: 10px;
            background: #f7f7f7;
            width: 300px;
            margin: auto
        }

        @media only screen and (max-width:358px) {
            .accesories-mini-cart .wrap {
                width: 100%
            }
        }

        @media only screen and (min-width:768px) {
            .accesories-items {
                width: 60%;
                float: left
            }
            .accesories-mini-cart {
                width: 40%;
                float: left;
                margin-top: 40px
            }
            .custom-qty {
                width: 75px;
                display: inline-block
            }
        }

        @media only screen and (min-width:985px) {
            .accesories-items {
                width: 70%
            }
            .accesories-mini-cart {
                width: 30%
            }
        }

        @media only screen and (min-width:985px) {
            .accesories-items {
                width: 80%
            }
            .accesories-mini-cart {
                width: 20%
            }
            .accesories-mini-cart .wrap {
                width: 100%
            }
        }

        .vcenter {
            vertical-align: middle !important;
            float: none
        }

        a.cartItemTitle {
            font-size: 14px;
            color: #505050;
            font-weight: 700;
            border-bottom: 1px dotted #505050
        }

        a.cartItemTitle:hover {
            color: #333
        }

        .gift-wrap-option-wrapper .btn {
            color: #428bca
        }

        .gift-wrap-option-wrapper .btn i {
            font-size: 18px
        }

        .gift-wrap-drawer {
            background: #fff;
            position: absolute;
            border: 1px solid rgba(0, 0, 0, .15);
            border-radius: 4px;
            box-shadow: 0 6px 12px rgba(0, 0, 0, .176);
            padding: 10px
        }

        .gift-wrap-drawer select {
            width: 100%;
            padding: 5px;
            border: 1px solid rgba(0, 0, 0, .15);
            border-radius: 5px;
            margin-top: 10px
        }

        .gift-wrap-drawer .well {
            margin-bottom: 0;
            width: 180px
        }

        .gift-wrap-drawer .btn.btn-danger {
            color: #fff
        }

        .gift-wrap-drawer .btn.btn-danger i {
            font-size: 14px
        }

        .required.error input[type=text],
        .required.error select {
            border: 1px solid RED
        }

        label.error {
            font-weight: 400
        }

        @media only screen and (min-width:992px) {
            .delivery-info,
            .payment-details {
                padding: 20px
            }
        }

        .checkout-wrapper .btn-default.active,
        .checkout-wrapper .btn-default.focus,
        .checkout-wrapper .btn-default:active,
        .checkout-wrapper .btn-default:focus,
        .checkout-wrapper .btn-default:hover,
        .checkout-wrapper .open>.dropdown-toggle.btn-default {
            color: #31708f;
            background-color: #d9edf7;
            border-color: #adadad;
            border: 1px solid #428bca
        }

        .checkout-wrapper .payment-details h4 {
            font-size: 15px
        }

        .dropdown-toggle {
            width: 100%
        }

        .checkout-wrapper .payment-method-options .btn-group {
            width: 100%
        }

        .checkout-wrapper .payment-method-options.not-uae .payment-method {
            width: 50%
        }

        .checkout-wrapper .payment-method-options.not-uae .dropdown-menu>li.op-card-payment,
        .checkout-wrapper .payment-method-options.not-uae .dropdown-menu>li.op-cod,
        .checkout-wrapper .payment-method-options.not-uae .payment-method.op-card-payment {
            display: none
        }

        .checkout-wrapper .payment-method i {
            font-size: 40px
        }

        .checkout-wrapper .panel-heading {
            text-transform: uppercase;
            font-weight: 700;
            padding-left: 0;
            border: none;
            font-size: 16px
        }

        .shipping-handlers .shipping-handler-wrap {
            padding: 12px;
            border: 1px solid #ccc;
            border-radius: 4px
        }

        .shipping-handlers .shipping-handler-wrap .form-group {
            margin-bottom: 0
        }

        .shipping-handlers.error .shipping-handler-wrap .form-group label {
            color: #000
        }

        .shipping-handlers.error .shipping-handler-wrap {
            border-color: RED
        }

        .shipping-handlers.close {
            display: none
        }

        .shipping-handlers.open {
            display: block
        }

        @media only screen and (min-width:586px) {
            .open>.dropdown-menu {
                display: none
            }
        }

        .product-thumbnail {
            width: 100px;
            height: 100px
        }

        .product-thumbnail table td img {
            max-width: 90px;
            max-height: 90px;
            width: auto
        }

        @media only screen and (max-width:967px) {
            table td button.btn {
                margin-top: 10px
            }
        }

        .basic-wrapper {
            padding: 0;
            padding-top: 30px
        }

        @media only screen and (max-width:740px) {
            .basic-wrapper {
                padding: 0;
                margin-top: 0
            }
        }

        .or {
            text-align: center;
            position: relative;
            padding: 10px 0;
            font-weight: 700;
            font-size: 18px;
            color: #b0b0b0;
            z-index: 1
        }

        .or:before {
            content: "";
            display: block;
            width: 100%;
            height: 1px;
            position: absolute;
            border: 1px solid #eee;
            margin: auto;
            top: 50%;
            left: 0;
            z-index: -1
        }

        .or span {
            background: #f7f7f7;
            padding: 0 20px;
            margin-top: 97px
        }

        .fb-login a,
        .fb-login a:link,
        .fb-login a:visited {
            color: #fff;
            font-weight: 700
        }

        @media only screen and (min-width:768px) {
            .fb-login {
                margin-top: 57px
            }
            .or {
                padding-top: 97px
            }
            .or:before {
                content: "";
                display: block;
                width: 1px;
                height: 282px;
                position: absolute;
                border: 1px solid #eee;
                margin: auto;
                top: 0;
                left: 50%;
                z-index: -1
            }
            .or span {
                background: #fff;
                padding: 20px 0;
                margin-top: 97px
            }
        }

        .microless-footer-logo {
            width: 175px;
            height: 60px;
            border-radius: 5px;
            background: url(https://uae.microless.com/cdn/microless-logo-grey-60.png) center center no-repeat #fff;
            opacity: .5
        }

        @media only screen and (min-width:768px) {
            #footer {
                padding-bottom: 0
            }
        }

        .btn.location {
            width: 100%;
            padding: 5px !important;
            text-align: left;
            margin-left: 0 !important
        }

        .btn.location i {
            font-size: 25px
        }

        .btn.location .address,
        .btn.location .map-location,
        .btn.location .pin {
            float: left
        }

        .btn.location .address {
            margin-left: 10px
        }

        .btn.location .address .city {
            font-weight: 700;
            font-size: 16px
        }

        .map-location,
        .map-location a {
            color: #428bca;
            font-size: 14px
        }

        @media only screen and (max-width:374px) {
            .stores-address .btn-group,
            .stores-address .btn-group-vertical {
                width: 100%
            }
        }

        .stock-buy,
        .stock-buy .buy-button,
        .stock-buy .label-cod,
        .wishlist {
            float: left
        }

        .stock-buy .label-cod {
            padding: 10px 8px
        }

        .wishlist {
            padding: 7px 0
        }

        .notify-label {
            font-size: 16px;
            padding: 10px 0
        }

        .buy-button.disabled .btn {
            cursor: not-allowed;
            background: #efefef;
            border-color: #cacaca;
            color: #cacaca;
            box-shadow: none;
            margin-right: 10px
        }

        @media only screen and (min-width:498px) {
            .notify-form,
            .notify-label {
                float: left
            }
            .notify-label {
                padding-right: 15px
            }
        }

        @media only screen and (min-width:1013px) {
            .notify-label {
                width: 196px;
                padding-right: 0
            }
        }

        .wishlist .btn {
            background: 0 0;
            border: 1px solid #d43f3a;
            color: #d43f3a
        }

        .wishlist .message {
            font-size: 12px
        }

        .wishlist .message.loading {
            border: 1px solid #999;
            background: #e3e3e3;
            color: #999;
            border-radius: 3px;
            padding: 1px 5px
        }

        .wishlist .message.success {
            border: 1px solid #398139;
            background: #5cb85c;
            color: #fff;
            border-radius: 3px;
            padding: 1px 5px
        }

        .sweet-alert a {
            color: #d43f3a;
            text-decoration: underline
        }

        .top-categories .top-category.product {
            height: 260px;
            border-color: #ffc824;
            border-radius: 2px;
            width: 268px
        }

        .top-categories .top-category.product .top-seller-category {
            text-align: center
        }

        @media screen and (min-width:1199px) {
            #search-results .top-categories .top-category.product .top-seller-category,
            .top-categories .top-category.product .top-seller-category {
                font-size: 16px
            }
        }

        .top-categories .top-category.product .top-seller-category span {
            margin-left: 5px;
            color: #d00
        }

        .pay-button button {
            background: #009cde;
            border: none
        }

        .pay-button button:hover {
            background: #0079c1
        }

        .user-wishlist-table img {
            max-width: 100px;
            max-height: 100px
        }

        li.media {
            border-bottom: 1px dashed #d6d6d6;
            padding-bottom: 15px
        }

        li.media:first-child {
            margin-top: 0
        }

        li.media .media-heading span.name {
            color: #000;
            unicode-bidi: plaintext
        }

        .list-group.order-details {
            font-size: 16px
        }

        .modalIssueReport {
            display: none;
            position: fixed;
            z-index: 99999999;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: #000;
            background-color: rgba(0, 0, 0, .4);
            top: 0;
            right: 0;
            bottom: 0;
            left: 0
        }

        .modalIssueReport.model-open {
            display: flex !important;
            align-items: center;
            justify-content: center
        }

        .modalIssueReport-content {
            background-color: #fefefe;
            border: 1px solid #888;
            width: 80%;
            border-radius: 8px
        }

        .report-icon {
            display: inline-block;
            position: relative;
            width: 14px;
            height: 11px;
            margin-right: 5px
        }

        body:not(.dark-theme) .report-icon {
            background-image: url(/assets/img/report-issue.png);
            background-position: 0 0
        }

        .report-an-issue {
            display: flex;
            align-items: center;
            margin-bottom: 12px
        }

        .report-an-issue div {
            cursor: pointer
        }

        @media screen and (max-width:480px) {
            .modalIssueReport-content {
                margin: 30% auto
            }
        }

        @media screen and (min-width:767px) {
            .modalIssueReport-content {
                width: 50%
            }
            .order-trackng-no {
                display: flex;
                flex-direction: row
            }
            .half-width {
                width: 45%
            }
        }

        @media screen and (min-width:991px) {
            .modalIssueReport-content {
                width: 40%
            }
        }

        @media screen and (min-width:1300px) {
            .modalIssueReport-content {
                width: 23%
            }
        }

        .modalIssueReport-content .modal-body,
        .modalIssueReport-content .modal-header {
            padding: 15px 30px
        }

        .modalIssueReport-content .modal-header {
            background: #efefef;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px
        }

        .modalIssueReport-content .modal-header h2 {
            font-weight: 600
        }

        .closeIssueReport {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: 700
        }

        .closeIssueReport:focus,
        .closeIssueReport:hover {
            color: #000;
            text-decoration: none;
            cursor: pointer;
            opacity: .5
        }

        #issueText.notice {
            padding: 10px;
            background: #ff0;
            color: #000
        }

        #issueText.success {
            background-color: #dff0d8e6;
            border-color: #d6e9c6;
            color: #3c763d;
            padding: 10px;
            position: absolute;
            z-index: 99;
            top: 0;
            left: 0;
            right: 0;
            bottom: -10px;
            border-bottom-left-radius: 9px;
            border-bottom-right-radius: 9px;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .report-success-img {
            background-image: url(/assets/img/report-issue-message.png);
            width: 120px;
            height: 120px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center top;
            margin: 0 auto
        }

        .report-success-head {
            font-size: 18px;
            padding: 8px 0;
            font-weight: 600
        }

        .report-success-msg {
            color: #4e4e4e
        }

        div#blockMessage {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%
        }

        .promo-code {
            padding: 10px;
            border: 1px solid #ddd;
            background: #f9f9f9;
            float: right;
            width: 270px;
            min-width: 270px
        }

        .coupon-code {
            padding: 8px;
            margin: 8px;
            background: #fff;
            font-weight: 700;
            line-height: 1.3em;
            border: 2px dashed #d6d6d6;
            border-radius: 5px;
            font-weight: 400
        }

        .coupon-code span.coupon-code-text {
            float: left;
            font-size: 16px;
            padding: 3px 0;
            margin: auto
        }

        .coupon-code button {
            float: right
        }

        .form-apply-coupon .btn {
            margin: 5px 0;
            background: #8cbd40;
            color: #fff
        }

        .code-reductions {
            display: flex;
            justify-content: flex-end;
            margin-bottom: 7px;
            font-size: 14px
        }

        .code-reductions .code-reduction-amount {
            width: 163px;
            text-align: right;
            font-family: 'YS Text Regular'
        }

        .code-reductions.sub-total {
            font-size: 16px;
            font-weight: 600
        }

        @media screen and (max-width:767px) {
            .code-reductions {
                justify-content: center;
                flex-direction: column
            }
            .code-reductions .code-reduction-amount {
                width: auto;
                text-align: center
            }
            .code-reductions .code-label {
                text-align: center
            }
            .code-reductions .code-reduction-amount span.currency {
                padding-right: 0
            }
        }

        .contact-info h3 {
            margin-top: 5px;
            border-left: 3px solid #ffc824;
            padding-left: 10px;
            font-size: 18px
        }

        .server-response.active {
            padding: 10px 0
        }

        .spinner {
            display: inline-block;
            opacity: 0;
            width: 0;
            -webkit-transition: opacity .25s, width .25s;
            -moz-transition: opacity .25s, width .25s;
            -o-transition: opacity .25s, width .25s;
            transition: opacity .25s, width .25s
        }

        .has-spinner.active {
            cursor: progress
        }

        .has-spinner.active .spinner {
            opacity: 1;
            width: auto
        }

        .has-spinner.btn-mini.active .spinner {
            width: 10px
        }

        .has-spinner.btn-small.active .spinner {
            width: 13px
        }

        .has-spinner.btn.active .spinner {
            width: 16px
        }

        .has-spinner.btn-large.active .spinner {
            width: 19px
        }

        .img-loaded {
            box-shadow: 10px 10px 5px 0 rgba(51, 51, 51, .5);
            padding: 5px;
            background: #fff;
            border: 1px solid #ddd
        }

        .removed-items a {
            border-bottom: 1px dotted #505050;
            color: #505050
        }

        .panel-heading .accordion-toggle:after {
            font-family: FontAwesome;
            content: "\f078";
            float: right;
            color: grey
        }

        .panel-heading .accordion-toggle.collapsed:after {
            font-family: FontAwesome;
            content: "\f054";
            float: right;
            color: grey
        }

        .intl-tel-input {
            display: block
        }

        .payment-social-options-dropdown {
            display: none
        }

        @media only screen and (max-width:585px) {
            .payment-method-options {
                display: none
            }
            .payment-social-options-dropdown {
                display: block;
                position: relative
            }
        }

        .payment-method-info {
            padding: 10px;
            border-top: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            margin-top: 10px
        }

        .hb-loading {
            background: url(/assets/img/horizontal-bar-loading-blue.gif) center center no-repeat;
            padding: 48px 0
        }

        .payment-method-info {
            padding: 10px
        }

        span.Keystroke {
            display: inline;
            display: inline-block;
            min-width: 1em;
            padding: .2em .3em;
            font: normal .85em/1 "Lucida Grande", Lucida, Arial, sans-serif;
            text-align: center;
            text-decoration: none;
            -moz-border-radius: .3em;
            -webkit-border-radius: .3em;
            border-radius: .3em;
            border: none;
            cursor: default;
            -moz-user-select: none;
            -webkit-user-select: none;
            user-select: none;
            background: #fafafa;
            background: -moz-linear-gradient(top, #d2d2d2, #fff);
            background: -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#fff));
            color: #323232;
            text-shadow: 0 0 2px #fff;
            -moz-box-shadow: inset 0 0 1px #fff, inset 0 0 .4em #c8c8c8, 0 .1em 0 #828282, 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);
            -webkit-box-shadow: inset 0 0 1px #fff, inset 0 0 .4em #c8c8c8, 0 .1em 0 #828282, 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9);
            box-shadow: inset 0 0 1px #fff, inset 0 0 .4em #c8c8c8, 0 .1em 0 #828282, 0 .11em 0 rgba(0, 0, 0, .4), 0 .1em .11em rgba(0, 0, 0, .9)
        }

        .compare-table table tr td:first-child {
            font-weight: 700
        }

        .compare-table .img-responsive {
            margin: auto
        }

        .compare-price {
            padding: 2px 0 32px 0
        }

        .compare-price .price-symbol {
            font-size: 16px
        }

        .compare-price .price-amount {
            font-size: 22px;
            font-weight: 400
        }

        .compare-price .old-price {
            color: #a09e9e;
            position: relative;
            display: inline-block
        }

        .compare-price .old-price>.price-amount,
        .compare-price .old-price>.price-symbol {
            font-size: 14px
        }

        .compare-price .old-price:after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            top: calc(50% - 1px);
            border-bottom: 1px solid #a09e9e
        }

        .form-remove-item {
            text-align: center
        }

        .compare-table .details-link {
            text-align: center;
            padding: 10px 0
        }

        .compare-product-image {
            text-align: center;
            line-height: 240px;
            width: 100%;
            height: 240px;
            max-width: 240px;
            overflow: hidden
        }

        .compare-product-image img {
            max-width: 240px;
            max-height: 240px
        }

        .compare-bottom-price {
            padding-top: 10px
        }

        .variant-images {
            position: absolute;
            left: 0;
            top: 0;
            display: table
        }

        .variant-images .image {
            display: table-cell;
            vertical-align: middle
        }

        .variant-images img {
            max-width: 100%;
            max-height: 340px;
            overflow: hidden
        }

        .variant-images .text {
            position: absolute;
            padding: 10px;
            left: 0;
            bottom: 0;
            background: #fff
        }

        .stars {
            margin: 10px 0
        }

        .star {
            font-size: x-large;
            width: 22px;
            display: inline-block;
            color: #c8c8c8;
            text-shadow: 1px 1px 1px #515151
        }

        .star:last-child {
            margin-right: 0
        }

        .star:before {
            content: '\2605'
        }

        .star.on {
            color: #ffb900;
            text-shadow: 1px 1px 1px #74231a
        }

        .star.half:after {
            content: '\2605';
            color: #ffb900;
            position: absolute;
            margin-left: -20px;
            width: 10px;
            overflow: hidden
        }

        .compare-list-item-wrap {
            height: 40px;
            overflow: hidden;
            margin-right: 25px;
            border-right: 1px solid #ececec;
            padding-right: 5px
        }

        .promo-code {
            width: 300px;
            border-radius: 3px
        }

        .promo-code label {
            margin-bottom: 0;
            padding: 0
        }

        .promo-code .accordion-toggle:after {
            font-family: FontAwesome;
            content: "";
            float: left;
            color: grey;
            padding-right: 10px;
            margin-left: 10px
        }

        .promo-code .accordion-toggle.collapsed:after {
            content: ""
        }

        .promo-code {
            padding: 5px
        }

        .form-apply-coupon .btn {
            margin: 0;
            background: #f4f4f4;
            color: #333
        }

        ul#search-filter ul.parameter li:before {
            top: inherit;
            left: inherit
        }

        ul#search-filter ul.parameter li.selected:before {
            top: inherit;
            left: inherit
        }

        .bug-report {
            text-align: left;
            margin-top: 10px
        }

        @media only screen and (min-width:1023px) {
            .bug-report {
                text-align: right;
                margin-top: 0
            }
        }

        @media only screen and (min-width:1198px) {
            #copyright .container-fluid {
                margin-top: 0
            }
            .copyright-info {
                padding: 11px 0
            }
        }

        ul#search-filter {
            overflow: hidden
        }

        ul#search-filter li:first-child {
            margin-top: -10px;
            padding-top: 10px
        }

        .compare-product-title {
            height: 36px;
            overflow: hidden;
            margin: 20px 0
        }

        .gift-wrap-drawer.single .well {
            padding: 0 12px
        }

        .gift-wrap-drawer.single .well p {
            margin: 5px 5px;
            font-size: 12px;
            text-align: center
        }

        .gift-wrap-drawer.single .well .checkbox label {
            padding-left: 20px
        }

        .gift-wrap-drawer.single .well .checkbox label {
            padding-left: 20px
        }

        label#coupon-code-error {
            color: #d8534e
        }

        .footer-contact .row {
            padding: 10px 0
        }

        .footer-contact .row.phone-numbers {
            font-size: 16px;
            font-weight: 400
        }

        .footer-contact .row.phone-numbers i {
            font-weight: 400
        }

        .footer-contact .footer-contact-bottom i,
        .footer-contact .row.phone-numbers i {
            padding-left: 10px;
            line-height: 35px;
            font-size: 20px;
            color: #7b7b7b;
            text-shadow: 2px 2px 1px #c8c8c8
        }

        .footer-contact .row a {
            color: #000
        }

        .footer-contact .footer-contact-bottom {
            font-size: 14px
        }

        .footer-contact .footer-contact-bottom i,
        .footer-contact .row.phone-numbers i {
            line-height: 40px;
            font-size: 18px;
            color: #666;
            margin-right: 10px;
            background: #fff;
            border: 1px solid #e2e2e2;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            padding: 0;
            text-shadow: none
        }

        .footer-contact .row a {
            color: #000;
            font-size: 18px
        }

        .container-fluid footer-contact {
            border-bottom: 1px solid #eee;
            padding-bottom: 40px;
            margin-bottom: 50px
        }

        .pba-home-sm a.gaming-pc {
            margin: 5px 0;
            padding: 3px;
            display: block;
            font-weight: 700;
            color: #222
        }

        .pba-home-sm {
            padding: 5px 0;
            text-align: center
        }

        .pba-home-sm img {
            max-width: 200px
        }

        .checkbox.buy-this-check label::before {
            margin-left: -2px
        }

        .checkbox.buy-this-check {
            width: auto;
            display: inline-block
        }

        .checkbox.buy-this-check label {
            padding-left: 28px
        }

        .checkbox.buy-this-check.active label::after {
            margin-left: 3px;
            padding: 0;
            margin-top: 0
        }

        .top-categories .top-category.product {
            width: 99%
        }

        @media screen and (min-width:542px) {
            .top-categories .top-category.product {
                width: 97.8%
            }
        }

        @media screen and (min-width:1024px) {
            .top-categories .top-category.product {
                width: 97.7%
            }
            .quick-links-feed-wrap {
                margin: 0 10px
            }
        }

        .product .ratings {
            height: 25px;
            padding: 0 15px;
            margin-top: -20px
        }

        .product .stars {
            margin: 0
        }

        .product .star {
            font-size: 16px;
            margin: 0;
            width: 18px
        }

        .check-out-order-summary .table tbody tr td {
            vertical-align: middle
        }

        .check-out-order-summary .table tbody tr td:first-child,
        .check-out-order-summary .table tbody tr td:last-child {
            text-align: center
        }

        .check-out-order-summary h4 {
            border-left: 3px solid #ffc824;
            padding-left: 8px
        }

        @media screen and (min-width:1000px) {
            .check-out-order-summary {
                width: 980px;
                margin: auto
            }
        }

        .check-out-order-summary .prd-img-wrap {
            padding: 4px;
            min-width: 90px;
            min-height: 90px;
            max-width: 90px;
            max-height: 90px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #fff;
            border-radius: 3px;
            overflow: hidden;
            width: 40px;
            height: 40px
        }

        .check-out-order-summary .prd-img-wrap img.img-responsive {
            max-height: 100%
        }

        @media screen and (max-width:992px) {
            .footer-contact-bottom .col-md-4,
            .phone-numbers .col-md-4 {
                margin: 8px 0
            }
        }

        .comodo {
            width: 113px
        }

        @media screen and (min-width:420px) and (max-width:466px) {
            .comodo {
                float: left;
                margin-left: 8px
            }
        }

        @media screen and (min-width:592px) {
            .comodo {
                float: left;
                margin-left: 8px
            }
        }

        .make-pay {
            padding-top: 50px
        }

        .make-pay p {
            font-size: 18px
        }

        .order-details-wrap {
            padding: 10px;
            border: 1px solid #ddd;
            border-top-width: 0
        }

        .order-details-wrap table {
            border-top-width: 0
        }

        .comodo-secure,
        .payment-logos {
            float: left
        }

        .ssl-secure img {
            display: block;
            max-width: 100%;
            float: left;
            margin-right: 10px
        }

        @media screen and (min-width:497px) {
            .product .product-price {
                margin-left: 15px
            }
            .product .bottom,
            .product .product-title {
                padding: 0 15px
            }
        }

        @media screen and (max-width:496px) {
            .product .product-price {
                margin-left: 7px !important;
                padding: 0 !important
            }
            .product .bottom,
            .product .product-title {
                padding: 0 7px
            }
        }

        #collapseFilterBtn {
            line-height: 40px;
            border: 1px solid #e7e7e7;
            padding: 0 15px;
            margin-bottom: 20px;
            margin-top: 20px;
            font-size: 16px;
            background-color: #fafafa;
            border-radius: 5px;
            display: block
        }

        #collapseFilterBtn .fa {
            margin-top: 13px
        }

        @media screen and (min-width:767px) {
            #collapseFilter.collapse,
            #collapseFilter.collapse.in {
                display: block;
                visibility: visible
            }
        }

        @media screen and (min-width:767px) {
            .product {
                width: 48%
            }
            #search-results .panel-body .product {
                width: 48%
            }
        }

        @media screen and (min-width:1023px) {
            .product {
                width: 33.1%
            }
            #home-container-right .product {
                width: 32%
            }
            #search-results .panel-body .product {
                width: 33.1%
            }
        }

        @media screen and (min-width:1199px) {
            .product {
                width: 24.8%
            }
            #home-container-right .product {
                width: 23.8%
            }
            #search-results .panel-body .product {
                width: 24.8%
            }
        }

        #bought-together-often-wrap .product,
        #product-accessories .product,
        #similar-products-wrap .product,
        [class^=category-].owl-carousel .product.product-carousel {
            width: 100%
        }

        @media screen and (min-width:767px) and (max-width:1200px) {
            .footer-contact .footer-contact-bottom i,
            .footer-contact .row.phone-numbers i {
                line-height: 29px;
                font-size: 20px;
                margin-right: 4px;
                width: 30px;
                height: 30px
            }
            .footer-contact .footer-contact-bottom i.fa-map-marker {
                padding: 0 9px
            }
        }

        @media screen and (max-width:767px) {
            .footer-contact .fa {
                margin-bottom: 14px
            }
            .order-trackng-no {
                display: flex;
                flex-direction: column
            }
            .half-width {
                width: 100%
            }
            .footer-contact .footer-contact-bottom i.fa-map-marker {
                padding: 0 14px
            }
        }

        #home-container-right .top-categories-carousel .owl-item .product {
            width: 100%
        }

        .place-error label.error {
            color: RED;
            font-size: 12px;
            font-style: italic
        }

        #hard-to-find .btn-info {
            color: #fff;
            background-color: #60c141;
            border-color: #5cb83f
        }

        #hard-to-find .btn-info.active,
        #hard-to-find .btn-info.focus,
        #hard-to-find .btn-info:hover,
        #hard-to-find .open>.dropdown-toggle.btn-info,
        .btn-info:active,
        .btn-info:focus {
            color: #fff;
            background-color: #50cc24;
            border-color: #2b752e
        }

        #hard-to-find h3 {
            margin-top: 5px;
            border-left: 3px solid #ffc824;
            padding-left: 10px;
            font-size: 18px
        }

        .notifyjs-corner .notifyjs-container,
        .notifyjs-corner .notifyjs-wrapper {
            margin: 10px 0
        }

        .notifyjs-custom-base a {
            border-width: 1px;
            border-style: solid;
            padding: 0 3px
        }

        .notifyjs-wrapper {
            background: #fafafa;
            margin-bottom: 10px;
            font-family: 'Open Sans', sans-serif;
            font-size: 16px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .notifyjs-custom-base {
            border-width: 1px 1px 1px 5px;
            border-style: solid;
            border-color: #e2e1e1;
            padding: 20px
        }

        .notifyjs-custom-base h5 {
            font-size: 16px;
            font-weight: 700
        }

        .notification-info {
            border-left-color: #3498db;
            color: #3498db
        }

        .notification-info a {
            color: #3498db
        }

        .notifyjs-custom-success {
            border-left-color: #2ecc71;
            color: #2ecc71
        }

        .notifyjs-custom-success a {
            color: #2ecc71;
            border-color: #2ecc71
        }

        .notifyjs-custom-warning {
            border-left-color: #e67e22;
            color: #e67e22
        }

        .notifyjs-custom-warning a {
            color: #e67e22;
            border-color: #e67e22
        }

        .notifyjs-custom-error {
            border-left-color: #e74c3c;
            color: #e74c3c
        }

        .notifyjs-custom-error a {
            color: #e74c3c;
            border-color: #e74c3c
        }

        .notifyjs-container .title {
            width: 300px;
            margin-right: 10px
        }

        .product-badges {
            margin: 10px 0
        }

        .product-badges .product-bundle-badge,
        .product-badges .product-offer-text-badge {
            font-size: 12px
        }

        .product-badges .product-offer-text-badge {
            margin: 5px 2px;
            line-height: 1
        }

        li.menu-deals {
            color: #e62e04;
            border-width: 1px 0 1px 0;
            border-color: #e62e04;
            border-style: dashed
        }

        li.menu-deals:hover {
            border-color: #17b1d1
        }

        #mobile-menu .mm-list>li.menu-deals>a,
        #mobile-menu .mm-list>li.menu-deals>span,
        li.menu-deals a {
            color: #e62e04
        }

        #mobile-menu li.profile-pic {
            background: rgba(229, 229, 229, .52);
            display: block;
            width: 120px;
            height: 120px;
            text-align: center;
            border-radius: 50%;
            margin: 10px 18px;
            border: 3px solid #fffefe;
            box-shadow: 0 0 4px rgba(144, 144, 144, .5);
            overflow: hidden
        }

        #content-data .stars .star {
            position: relative
        }

        #content-data .stars .star.half:after {
            top: 0;
            margin: 0;
            left: 0;
            width: 13px
        }

        #content-data .product .stars .star.half:after {
            top: 0;
            margin: 0;
            left: 0;
            width: 8px
        }

        .review-img-wrap {
            width: 150px;
            float: left;
            padding: 5px;
            margin: 3px;
            border: 1px solid #ccd
        }

        .review-img-wrap img {
            width: auto;
            height: 150px;
            max-width: 100%
        }

        span.price-old {
            text-decoration: line-through;
            color: #a09e9e;
            display: inline-block;
            vertical-align: middle;
            margin-top: -6px;
            margin-left: 5px;
            font-weight: 700
        }

        .review-count {
            font-size: 14px;
            display: inline-block
        }

        .media-body .remove-my-review a {
            cursor: pointer;
            color: #686868
        }

        .media-body .edit-my-review a {
            cursor: pointer
        }

        .sort-options-wrap {
            position: absolute;
            right: 15px;
            top: 15px
        }

        #search-sort {
            float: none;
            display: inline-block;
            width: auto
        }

        .breadcrumps-wrap,
        .search-query,
        .search-result-summary {
            display: inline-block
        }

        .search-result-summary {
            font-size: 14px
        }

        .col-write-review label#content-error {
            color: #ff3434;
            font-size: 12px
        }

        #header {
            font-size: 11px
        }

        .header-icons {
            margin-right: 30px;
            float: left
        }

        .h-icon {
            float: left;
            font-size: 33px
        }

        .header-icons .h-icon-text {
            float: left;
            font-size: 14px;
            line-height: 15px;
            margin-left: 5px
        }

        .h-icon.location a {
            color: #fff
        }

        .header-icons .location-text {
            float: left;
            font-size: 15px;
            margin-left: 5px;
            line-height: 15px
        }

        .header-icons .location-text a {
            color: #fff;
            border-bottom: dashed 1px #fff;
            text-decoration: none
        }

        .header-phone {
            float: right;
            line-height: 25px;
            text-align: right;
            padding-right: 5px;
            margin-top: 5px
        }

        .header-phone .phone-text {
            float: left;
            font-size: 22px
        }

        .desktop-verical-menu {
            float: left
        }

        .v-sidebar-item {
            border-radius: 5px;
            overflow: hidden;
            margin: 20px 0;
            border: 1px solid #eee
        }

        #home-container-right .top-area {
            margin-bottom: 20px
        }

        .header-first-popover .popover {
            right: 100px;
            position: absolute;
            left: -135px
        }

        .banner-area-wrap {
            margin-bottom: 20px;
            overflow: hidden
        }

        #mainbanner {
            height: 342px;
            border-radius: 5px;
            border: 0 solid #eee
        }

        #mainbanner .banner-item {
            width: 100%;
            height: 342px;
            background-repeat: no-repeat;
            background-position: center top
        }

        .business-intro {
            color: #000;
            padding: 20px 0;
            margin: 20px 0;
            font-weight: 700;
            border-top: 2px solid #eee;
            border-bottom: 2px solid #eee;
            text-align: center
        }

        .business-intro p {
            margin: 10px 0 0 0
        }

        .product .product-price {
            margin: 0 0 10px 0;
            line-height: 30px;
            padding: 0 15px
        }

        .product .product-price .price-amount,
        .product .product-price .prices .new-price {
            font-size: 20px;
            font-weight: 700;
            font-family: 'YS Text Regular'
        }

        .product .product-price span.price-symbol {
            font-size: 14px
        }

        @media screen and (max-width:472px) {
            .product .product-price .price-amount {
                font-size: 18px
            }
        }

        .search-section-wrap {
            margin-left: 220px
        }

        .prod-img-pic-wrap table {
            height: 100%;
            width: 100%
        }

        .prod-img-pic-wrap table td {
            vertical-align: middle;
            text-align: center;
            position: relative
        }

        .product-no-image {
            height: 297px;
            overflow: hidden
        }

        .product-no-image table {
            height: 100%;
            width: 100%
        }

        .product-no-image table td {
            vertical-align: middle;
            text-align: center
        }

        .product-title-price {
            padding: 20px
        }

        .top-categories-carousel {
            position: relative
        }

        .owl-carousel {
            -ms-touch-action: pan-y;
            touch-action: pan-y
        }

        .owl-carousel .owl-nav .owl-next,
        .owl-carousel .owl-nav .owl-prev {
            color: #fff;
            display: inline-block;
            zoom: 1;
            display: inline;
            margin: 5px;
            padding: 3px 20px;
            font-size: 12px;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px;
            background: #869791;
            filter: Alpha(Opacity=50);
            opacity: .5;
            position: absolute;
            height: 45px;
            width: 54px;
            background: #ffc824
        }

        .owl-carousel .owl-nav .owl-prev {
            left: -4px;
            top: 40%;
            padding-top: 12px;
            border-radius: 0 90px 90px 0
        }

        .owl-carousel .owl-nav .owl-next {
            right: -2px;
            top: 40%;
            padding-top: 12px;
            border-radius: 90px 0 0 90px
        }

        .owl-carousel .owl-item img {
            display: inline
        }

        #product-images-slider .owl-dots .owl-dot {
            position: relative;
            width: 65px;
            height: 65px;
            margin: 0 3px;
            border: 4px solid #fff;
            outline: 0;
            display: inline-block;
            zoom: 1
        }

        #product-images-slider .owl-dots .owl-dot:after {
            content: "";
            display: block;
            position: absolute;
            z-index: 999999;
            left: -4px;
            top: -4px;
            height: 65px;
            width: 65px;
            border: 1px solid #e7e7e7;
            border-bottom: 4px solid #ccc;
            background: 0 0
        }

        #product-images-slider .owl-dots .owl-dot.active:after {
            content: "";
            display: block;
            position: absolute;
            z-index: 999999;
            left: -4px;
            top: -4px;
            height: 65px;
            width: 65px;
            border: 1px solid #ffc824;
            border-bottom: 4px solid #ffc824;
            background: 0 0
        }

        .review-count {
            color: #222
        }

        .prod-img-pic-wrap table td {
            height: 300px;
            vertical-align: middle
        }

        @media screen and (min-width:992px) {
            .prod-img-pic-wrap table td {
                height: 500px
            }
        }

        .v-separator-30 {
            border-bottom: 1px solid #e7e7e7;
            margin: 15px 0 15px 0
        }

        .grey-border {
            border-left: 1px solid #eee
        }

        @media only screen and (min-width:600px) {
            .prices .price-label-text {
                float: left;
                width: 50%;
                padding-bottom: 10px
            }
            .warranty-options {
                width: 67%
            }
            .warranty-label {
                width: 23%
            }
        }

        body.pba {
            background: url(https://uae.microless.com/cdn/pba-tiles-bg.jpg) #303030;
            color: #ce131a
        }

        body.pba #header-first {
            border-bottom: 3px solid #ce131a
        }

        body.pba #menu-toggle-button {
            border-left: 3px solid #ce131a
        }

        body.pba #header-search input[type=text] {
            border-bottom: 3px solid #ce131a
        }

        body.pba .header-first-popover a {
            color: #fff
        }

        body.pba #menu-wrapper {
            border-left: 3px solid #ce131a
        }

        body.pba .btn-primary {
            border-bottom: 3px solid #ce131a
        }

        body.pba ol.breadcrumb {
            background: #fff;
            padding: 8px
        }

        body.pba #search-filter {
            background: url(https://uae.microless.com/cdn/powered-by-asus-180x42.png) center 10px no-repeat #fff;
            padding-top: 60px
        }

        body.pba .product {
            background: #fff;
            border-top: 3px solid #ce131a;
            border-bottom: 3px solid #ce131a
        }

        body.pba #footer {
            color: #ffc824
        }

        body.pba #footer .footer-contact .row a,
        body.pba #footer li a {
            color: #fff
        }

        body.pba #footer .footer-contact .row a:hover,
        body.pba #footer li a:hover {
            color: #ce131a
        }

        body.pba .footer-contact .footer-contact-bottom i,
        body.pba .footer-contact .row.phone-numbers i {
            color: #ffc824;
            text-shadow: 2px 2px 1px #000
        }

        .breadcrumps-wrap {
            margin-left: 5px
        }

        .stars-container .star-empty {
            color: transparent
        }

        .stars-container .star-full {
            background: -webkit-linear-gradient(#ffeb3b, #ff9800);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent
        }

        .stars-container .star-half-1 {
            color: transparent
        }

        .stars-container .star-half-2 {
            color: #ffb500;
            position: absolute;
            margin-left: -17px;
            font-size: 19px;
            margin-top: -1px;
            z-index: -1;
            background: -webkit-linear-gradient(#ffeb3b, #ff9800);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent
        }

        .stars-container {
            float: left
        }

        .rating-container {
            margin-top: -21px;
            margin-left: 15px;
            position: absolute
        }

        .rating-container.product-user {
            position: relative;
            margin-left: 0;
            margin-top: 10px
        }

        .reviews-count-container {
            float: left
        }

        .product-title-col .reviews-count-container {
            margin-inline-start: 10px;
            margin-top: -2px
        }

        .reviews-count-container a,
        .reviews-count-container span {
            font-size: 14px;
            color: #333
        }

        .stars-container .fa-star {
            font-size: 18px;
            -webkit-text-stroke-width: 1px;
            -webkit-text-stroke-color: #ea9514
        }

        .accesories-mini-cart .bottom-margin {
            margin-bottom: 10px
        }

        .accesories-mini-cart .product-price {
            margin-bottom: 10px;
            font-size: 14px
        }

        .accesories-mini-cart .product-price .price-amount {
            font-size: 20px;
            font-weight: 700
        }

        .accesories-mini-cart button {
            border-radius: 0
        }

        .cart-wrap form label {
            font-weight: 400
        }

        .cart-wrap button.btn.btn-success.ten-plus {
            margin-left: 4px
        }

        .cart-wrap button.btn.btn-success.ten-plus .btn-update-label {
            padding-inline-start: 4px
        }

        .warranty-text {
            font-size: 12px;
            color: #7b7b7b
        }

        .language-switcher {
            float: right;
            margin-left: 10px;
            margin-top: 17px
        }

        .language-switcher li {
            display: inline-block
        }

        .language-switcher li a {
            color: #fff;
            font-weight: 700;
            border-bottom: 1px dashed #000
        }

        .language-switcher li a:hover {
            border-color: #fff
        }

        .product-attributes-featured,
        .product-feature-bullets {
            margin: 0;
            padding: 0 0 0 15px
        }

        .product-attributes-featured li {
            line-height: 2;
            list-style-type: disc;
            color: orange;
            list-style-position: outside
        }

        .product-feature-bullets li {
            font-size: 14px;
            line-height: inherit;
            list-style-type: square;
            color: #000;
            list-style-position: outside;
            margin-top: 5px
        }

        .product-attributes-featured li span,
        .product-feature-bullets li span {
            color: #000
        }

        h4 {
            margin-top: 20px
        }

        @media screen and (max-width:767px) {
            .banner-area-wrap {
                margin-left: -15px;
                margin-right: -15px
            }
        }

        @media screen and (max-width:639px) {
            .header-first>.container-fluid {
                margin-top: 79px
            }
        }

        @media screen and (min-width:767px) and (max-width:1024px) {
            .v-sidebar-item {
                width: 200px
            }
        }

        .wrapper-banners {
            padding: 15px
        }

        .no-gutter>[class*=col-] {
            padding-right: 0;
            padding-left: 0
        }

        .mobile-side-banners .v-sidebar-item {
            margin: 4px 0;
            padding: 5px
        }

        @media screen and (min-width:768px) {
            .mobile-side-banners {
                display: none
            }
        }

        #main-banner .owl-dots {
            text-align: center;
            position: absolute;
            bottom: 5px;
            width: 100%;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            backface-visibility: hidden
        }

        #main-banner .owl-dot {
            border-radius: 50px;
            height: 10px;
            width: 10px;
            display: inline-block;
            background: rgba(127, 127, 127, .5);
            margin-left: 5px;
            margin-right: 5px;
            border: 0;
            padding: 0
        }

        #main-banner .owl-dot.active {
            background: rgba(127, 127, 127, .51);
            border: 2px solid #ffc824
        }

        @media screen and (max-width:767px) {
            #header-first>.container-fluid,
            .mm-page>.container-fluid {
                margin-top: 0
            }
            #home-container-right {
                margin-left: 0;
                margin-top: 98px
            }
        }

        #mobile-menu img.img-responsive {
            max-height: 120px
        }

        .home-carousels .product.brand {
            width: 33.1%;
            height: auto
        }

        .top-brands .product-carousel {
            border: 1px solid #f5f2f2
        }

        @media only screen and (min-width:985px) {
            .accesories-mini-cart .wrap {
                height: 467px
            }
            .accesories-mini-cart .wrap .btn-primary {
                margin-top: 40px
            }
        }

        #out-of-stock-server-response .label {
            display: inherit;
            padding: 1em;
            margin-bottom: 10px;
            white-space: normal;
            text-align: left;
            color: #eea236;
            font-weight: 100
        }

        #out-of-stock-server-response .label.label-warning {
            color: #fff
        }

        .product-price-buy-form-wrapper a.btn.notify-stock {
            color: #000;
            font-weight: 700;
            background-color: #f0ad4e;
            border-color: #eea236;
            margin-top: 15px
        }

        #out-of-stock-server-response span {
            width: 100%;
            border: 1px solid #009688;
            border-radius: 2px;
            background-color: #4caf50
        }

        #delivery-address,
        #pickup-location {
            opacity: 1;
            -webkit-transition: all .3s cubic-bezier(.075, .82, .165, 1);
            transition: all .3s cubic-bezier(.075, .82, .165, 1)
        }

        #delivery-address.fade,
        #pickup-location.fade {
            opacity: 0
        }

        #delivery-address ul {
            margin: 0;
            padding: 0
        }

        #delivery-address ul li {
            display: block;
            width: 50%;
            float: left;
            margin: 0;
            padding: 0
        }

        #delivery-address ul li .address-col {
            border: 1px solid #eee;
            padding: 10px;
            margin: 5px;
            position: relative
        }

        #delivery-address ul li .address-col .control {
            font-size: 14px;
            height: 104px;
            overflow: hidden
        }

        #delivery-address ul li .address-col .address-bottom {
            margin: 0 -10px;
            padding: 10px;
            background: #fafafa;
            margin-bottom: -10px;
            border-top: 1px solid #eee
        }

        #delivery-address ul li .address-col .address-bottom a {
            color: #5d5d5d;
            margin: 3px
        }

        #delivery-address ul li .address-col .address-bottom a:hover {
            color: #2aa1c0
        }

        #delivery-address ul li .address-col input[type=radio] {
            position: absolute;
            right: 0;
            top: 0;
            margin-right: 10px;
            margin-top: 10px
        }

        #delivery-method .btn-group {
            width: 100%
        }

        #delivery-method .btn-group label.btn {
            width: 49.5%;
            font-size: 16px;
            border-radius: 0;
            padding-top: 10px;
            padding-bottom: 10px;
            border: 2px solid #e3e5f1
        }

        #delivery-method .btn-group label.btn:first-child {
            margin-right: .5%
        }

        #delivery-method .btn-group label.btn:last-child {
            margin-left: .5%
        }

        #delivery-method .btn-group label.btn .fa {
            font-size: 18px
        }

        #pickup-location .location-wrap {
            width: 50%;
            float: left
        }

        #pickup-location .location-wrap .location-wrap-inner {
            margin: 5px
        }

        .control {
            display: block;
            position: relative;
            padding-left: 30px;
            margin-bottom: 15px;
            cursor: pointer;
            font-size: 18px
        }

        .control input {
            position: absolute;
            z-index: -1;
            opacity: 0
        }

        .control__indicator {
            position: absolute;
            top: 2px;
            left: 0;
            height: 20px;
            width: 20px;
            background: #e6e6e6
        }

        .control--radio .control__indicator {
            border-radius: 50%
        }

        .control input:focus~.control__indicator,
        .control:hover input~.control__indicator {
            background: #ccc
        }

        .control input:checked~.control__indicator {
            background: #2aa1c0
        }

        .control input:checked:focus~.control__indicator,
        .control:hover input:not([disabled]):checked~.control__indicator {
            background: #0e647d
        }

        .control input:disabled~.control__indicator {
            background: #e6e6e6;
            opacity: .6;
            pointer-events: none
        }

        .control__indicator:after {
            content: '';
            position: absolute;
            display: none
        }

        .control input:checked~.control__indicator:after {
            display: block
        }

        .control--checkbox .control__indicator:after {
            left: 8px;
            top: 4px;
            width: 3px;
            height: 8px;
            border: solid #fff;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg)
        }

        .control--checkbox input:disabled~.control__indicator:after {
            border-color: #7b7b7b
        }

        .control--radio .control__indicator:after {
            left: 7px;
            top: 7px;
            height: 6px;
            width: 6px;
            border-radius: 50%;
            background: #fff
        }

        .control--radio input:disabled~.control__indicator:after {
            background: #7b7b7b
        }

        #payment-method-options>ul>li {
            list-style: none;
            margin: 5px
        }

        #payment-method-options>ul {
            margin: 0;
            padding: 0
        }

        #payment-method-options>ul>li {
            display: block;
            width: 100%;
            padding: 10px;
            border: 1px solid #eee
        }

        #payment-method-options>ul>li label {
            margin-bottom: 0;
            line-height: 24px;
            width: 100%;
            padding: 15px;
            position: relative;
            font-size: 14px;
            cursor: auto;
            color: #8a8c9b
        }

        #payment-method-options>ul>li:not(.active) label {
            cursor: pointer
        }

        #payment-method-options>ul>li label.disabled,
        #payment-method-options>ul>li.disabled label.disabled:hover {
            color: #b7b7b7
        }

        #payment-method-options>ul>i label.disabled {
            cursor: not-allowed
        }

        #payment-method-options>ul>li label.disabled small {
            font-weight: 100;
            font-size: 13px;
            color: #737373
        }

        #payment-method-options>ul>li label .fa {
            font-size: 24px;
            margin-right: 15px
        }

        #payment-method-info {
            margin: 10px 0 0 5px
        }

        #checkout-mini-cart .item-mini-pic {
            width: 40px;
            height: 40px;
            float: left;
            margin-right: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 4px
        }

        #checkout-mini-cart .item-mini-pic img.img-responsive {
            max-height: 100%
        }

        #checkout-mini-cart .item-title {
            margin-left: 18px;
            font-size: 12px
        }

        #checkout-mini-cart ul {
            padding: 0;
            margin: 0
        }

        #checkout-mini-cart ul li {
            list-style: none;
            padding-bottom: 5px;
            padding-top: 5px;
            border-bottom: 1px solid #f1f0f0;
            margin-top: 5px
        }

        #checkout-mini-cart .item-subtotal {
            font-weight: 700;
            text-align: right;
            direction: ltr;
            font-family: 'YS Text Regular'
        }

        #mini-cart-summary {
            padding: 16px 30px;
            margin: 0 -15px -15px -15px;
            border-top: none;
            font-size: 13px
        }

        #mini-cart-summary .row>div:last-child {
            text-align: right
        }

        #mini-cart-summary span.cart-delivery-charge strong {
            color: #6e9818
        }

        #coupon>.row>div,
        #extra-information>.row>div,
        #gift-cards.gift-card-applied>.row>div,
        #mini-cart-summary>.row>div {
            margin-bottom: 14px
        }

        #mini-cart-summary #for-free-shipping {
            display: block;
            clear: both
        }

        @media screen and (max-width:991px) {
            #mini-cart-summary .grand-summary {
                font-size: 15px
            }
        }

        @media screen and (min-width:1180px) {
            #mini-cart-summary .grand-summary {
                font-size: 15px
            }
        }

        #coupon>.row>div,
        #gift-cards>.row>div {
            color: #679407
        }

        .grand-summary>hr {
            margin-top: 6px !important
        }

        .panel-body.mini-cart-panel.loading {
            position: relative
        }

        .panel-body.mini-cart-panel.loading:after {
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: url(/assets/img/horizontal-loading-30.gif) center center no-repeat rgba(236, 236, 236, .5)
        }

        .btn.location .address {
            margin-left: 19px;
            height: 108px
        }

        .location input[type=radio] {
            position: absolute
        }

        div#address-fields,
        div#pickup-location {
            margin-top: 14px
        }

        div#address-fields small {
            font-size: 12px
        }

        div#pickup-location h4 {
            margin-top: -12px;
            padding: 0 5px
        }

        span.slashed-price {
            color: #838488
        }

        .md-products-list {
            margin-bottom: 10px;
            border-bottom: 1px solid #ddd;
            padding-bottom: 12px
        }

        .md-products-list:last-child {
            border-bottom-width: 0
        }

        .cart-item-options .gift-wrap-option-wrapper,
        .cart-item-options .remove-item {
            float: left
        }

        .cart-item-options .remove-item button {
            background: 0 0;
            padding: 6px 12px
        }

        .default-btns {
            margin-bottom: 10px
        }

        .sm-price-tag {
            margin: 10px 0
        }

        #checkout-message {
            margin: 15px 5px 0 5px
        }

        .checkout-wrapper .btn-primary[disabled] {
            background-color: #dcdcdc;
            border-color: #b3b3b3;
            color: #8e8e8e
        }

        @media only screen and (max-width:967px) {
            .cart-item-options .remove-item button {
                margin-top: 0
            }
        }

        @media screen and (max-width:375px) {
            .default-btns a.btn {
                padding: 8px 16px;
                font-size: 15px
            }
            .gift-wrap-drawer {
                margin-left: 100px
            }
        }

        .cart-full-table {
            display: none
        }

        @media screen and (min-width:767px) {
            .cart-full-table {
                display: block
            }
        }

        .sm-cart-total {
            padding: 0 10px
        }

        .sm-cart-total .total-label {
            float: left
        }

        .sm-cart-total .total {
            float: right
        }

        .gift-wrap-drawer {
            z-index: 99
        }

        @media screen and (max-width:442px) {
            #delivery-method .btn-group label.btn {
                width: 100%;
                margin: 5px 0
            }
            #delivery-method .btn-group label.btn:first-child {
                margin-right: 0
            }
            #delivery-method .btn-group label.btn:last-child {
                margin-left: 0
            }
        }

        @media screen and (max-width:580px) {
            #delivery-address ul li {
                width: 100%
            }
        }

        #checkout-mini-cart ul li:last-child {
            border-bottom-width: 0
        }

        .current-price-discounted {
            margin-top: 23px
        }

        .ribbon {
            position: absolute;
            width: 65px;
            line-height: 28px;
            margin: 20px auto;
            background: #7cb30d;
            color: #fff;
            font-size: 1em;
            text-align: center;
            right: 0;
            bottom: 25px
        }

        .ribbon:before {
            content: '';
            position: absolute;
            top: 0;
            left: -14px;
            width: 0;
            height: 0;
            border-left: 14px solid transparent;
            border-top: 14px solid #7cb30d;
            border-bottom: 14px solid #7cb30d
        }

        .notifyjs-corner {
            background: #f7f7f7;
            border-width: 1px 1px 1px 0;
            border-color: #efefef;
            border-style: solid
        }

        .notifyjs-corner .buttons.close {
            position: absolute;
            right: 4px;
            top: 13px;
            float: none;
            line-height: 16px;
            font-size: 18px;
            opacity: .7
        }

        .notifyjs-custom-base {
            border-width: 0 0 0 5px
        }

        .notifyjs-custom-base a {
            border-radius: 4px;
            padding: 1px 6px
        }

        .notifyjs-corner .notifyjs-container,
        .notifyjs-corner .notifyjs-wrapper {
            background: 0 0
        }

        .notifyjs-container .title {
            width: auto
        }

        .notifyjs-custom-base {
            padding: 5px 5px 5px 20px
        }

        @media screen and (min-width:667px) {
            .notifyjs-corner {
                max-width: 640px
            }
        }

        body.rtl .notifyjs-container .title {
            margin-right: 30px
        }

        @media screen and (min-width:586px) {
            .cart-full-table .open>.dropdown-menu {
                display: block
            }
        }

        .notifyjs-container .title {
            margin-right: 45px
        }

        .rtl .notifyjs-container .title {
            margin-right: 0
        }

        .md-products-list div.remove-item {
            margin-top: 3px
        }

        .cart-item-row {
            opacity: 1;
            border: 1px solid #eee;
            -webkit-transition: opacity 1s ease-in-out;
            -moz-transition: opacity 1s ease-in-out;
            -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
            -webkit-transition: width 1s ease-in-out;
            -moz-transition: width 1s ease-in-out;
            -o-transition: width 1s ease-in-out;
            transition: width 1s ease-in-out;
            -webkit-transition: height 1s ease-in-out;
            -moz-transition: height 1s ease-in-out;
            -o-transition: height 1s ease-in-out;
            transition: height 1s ease-in-out
        }

        .cart-item-row.half-fade {
            opacity: .5
        }

        .cart-item-row.fade-out {
            opacity: 0
        }

        .cart-item-row.vc-block td.vcenter .btn,
        .cart-item-row.vc-block td.vcenter input {
            display: none
        }

        #cart-message .alert {
            -webkit-transition: all 1s ease-in-out;
            -moz-transition: all 1s ease-in-out;
            -o-transition: all 1s ease-in-out;
            transition: all 1s ease-in-out
        }

        #cart-message .alert.op-0 {
            opacity: 0
        }

        #cart-message .alert.op-1 {
            opacity: 1
        }

        .md-products-list.last {
            border-bottom-width: 0
        }

        .sm-cart-total {
            border-top: 1px solid #ddd
        }

        @media screen and (max-width:767px) {
            #content {
                margin-top: 90px
            }
            #blog-page #content {
                margin-top: 20px
            }
        }

        .cart-full-table .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
            width: 82px
        }

        #category-slider .banner-item {
            width: 100%;
            height: 170px;
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain
        }

        @media screen and (max-width:1400px) {
            #category-slider .banner-item {
                background-size: cover;
                height: 170px
            }
        }

        @media screen and (max-width:1024px) {
            #category-slider .banner-item {
                background-size: cover;
                height: 164px
            }
        }

        @media screen and (max-width:767px) {
            #category-slider .banner-item {
                background-size: cover;
                height: 111px
            }
        }

        @media screen and (max-width:736px) {
            #category-slider .banner-item {
                background-size: cover;
                height: 152px
            }
        }

        @media screen and (max-width:568px) {
            #category-slider .banner-item {
                background-size: cover;
                height: 114px
            }
        }

        @media screen and (max-width:414px) {
            #category-slider .banner-item {
                background-size: cover;
                height: 84px
            }
        }

        @media screen and (max-width:320px) {
            #category-slider .banner-item {
                background-size: cover;
                height: 66px
            }
        }

        #category-slider.owl-carousel .owl-stage-outer {
            width: 100%
        }

        ul#selected-filter {
            margin-left: 0;
            padding-left: 0
        }

        li.filter-tag {
            display: inline-block;
            padding: 5px;
            margin-left: 5px
        }

        .tag-name {
            float: left;
            padding: 3px 10px;
            background: #ffc824;
            color: #222;
            font-weight: 700;
            font-size: 12px;
            line-height: 25px
        }

        .tag-item {
            float: left;
            padding: 3px 5px 3px 12px;
            background: #fff;
            color: #222;
            border: 1px solid #dfdfdf;
            margin-left: 2px;
            font-size: 12px;
            line-height: 23px
        }

        .tag-item a {
            padding: 2px 5px;
            background: #fff;
            color: #222;
            margin-left: 5px
        }

        .tag-item a:hover {
            color: red
        }

        .filter-tag>.tag-item {
            border-left-width: 0;
            margin-left: 0
        }

        div#selected-filter-tag-holder {
            margin-top: -10px
        }

        #product-images-slider .item img {
            width: auto
        }

        .payment-rq-loading {
            background: url(../img/loading-bar-blue-107x26.gif) center center no-repeat;
            width: 107px;
            height: 26px;
            margin: 20px auto
        }

        .cart-updating {
            width: 16px;
            height: 16px;
            background: url(../img/cart-rq-update-16x16.gif) center center no-repeat;
            display: inline-block
        }

        button#btn-address-cancel {
            float: left
        }

        button#btn-address-save {
            float: right;
            background-color: #222;
            border: 1px solid #222;
            border-bottom: 3px solid #ffc824;
            color: #fff
        }

        button.checkout-continue-big {
            background-color: #82c100;
            border: 1px solid #5e8a03;
            border-bottom: 3px solid #628c0d;
            margin: 10px;
            width: 96%;
            text-transform: uppercase;
            font-weight: 600;
            padding: 10px;
            font-size: 16px;
            border-radius: 2px
        }

        button.checkout-continue-big:active,
        button.checkout-continue-big:focus,
        button.checkout-continue-big:hover {
            background-color: #70a503;
            border: 1px solid #527901;
            border-bottom: 3px solid #527901
        }

        button#btn-address-save i.fa,
        button.checkout-continue-big i.fa {
            background: #fff;
            color: #000;
            border-radius: 50%;
            width: 16px;
            height: 16px;
            padding: 2px 5px;
            font-size: 12px
        }

        button.checkout-continue-big i.fa {
            color: #628c0d
        }

        .cart-item-row.updating {
            opacity: .2
        }

        .cart-item-row.green {
            background-color: #dff0d8 !important;
            -webkit-transition: background-color NaNs linear;
            -ms-transition: background-color NaNs linear;
            transition: background-color NaNs linear
        }

        @media screen and (min-width:767px) {
            .header-first-popover .popover ul li a:hover {
                text-decoration: none
            }
        }

        .banner_container {
            margin: 0;
            background: #7cb30d;
            height: 26px;
            display: block;
            width: auto;
            padding: 0 5px;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 9
        }

        .ribbon_edge {
            float: left;
            display: inline-block;
            position: relative;
            background: #7cb30d;
            width: 2px;
            height: 26px
        }

        .ribbon_edge:after,
        .ribbon_edge:before {
            content: '';
            border-color: #7cb30d transparent;
            border-style: solid;
            width: 0;
            position: absolute;
            float: left;
            left: -16px;
            height: 0
        }

        .ribbon_edge:before {
            top: 0;
            border-width: 18px 0 0 16px
        }

        .ribbon_edge:after {
            bottom: 0;
            border-width: 0 0 18px 16px
        }

        .rectangle {
            display: inline-block;
            float: left;
            color: #fff;
            text-align: center;
            font-size: 12px;
            font-weight: 700;
            margin: 0 auto;
            padding: 0 0;
            line-height: 26px
        }

        .check-out-order-summary .table tbody tr td.with-bundle {
            padding: 0
        }

        .panel.bundle-items {
            border-width: 0;
            margin-top: 0;
            margin-bottom: 0
        }

        .panel.bundle-items h4 {
            text-align: left;
            border-left: 0
        }

        .bundle-items .panel-heading {
            cursor: pointer;
            border: none;
            padding: 0
        }

        .bundle-items .panel-heading,
        .bundle-items .panel-heading a {
            color: #4c4c4c;
            font-size: 14px
        }

        .bundle-items .panel-heading a {
            display: block;
            padding: 10px
        }

        .bundle-items .panel-heading h4 {
            margin: 0;
            padding: 0
        }

        .bundle-items .panel-heading a:after {
            font-family: fontawesome;
            content: "\f056";
            float: left;
            margin-top: 2px;
            margin-right: 6px;
            color: #a09f9f;
            font-size: 20px;
            margin-top: -3px
        }

        .bundle-items .panel-heading a.collapsed:after,
        .bundle-items .panel-heading.collapsed a.collapsed:after,
        .bundle-items .panel-heading.collapsed a:after {
            font-family: fontawesome;
            content: "\f055"
        }

        .variant-images {
            left: 15px;
            transition: opacity linear 2s
        }

        .variant-images .item {
            text-align: center;
            padding: 5px
        }

        .variant-images table {
            height: 100%;
            width: 100%
        }

        .variant-images .item img {
            width: auto;
            width: 100%;
            max-width: 100%;
            height: 300px !important;
            max-height: 100%;
            object-fit: contain;
            object-position: center
        }

        @media screen and (min-width:992px) {
            .variant-images .item img {
                height: 500px !important
            }
        }

        #menu-wrapper {
            z-index: 998
        }

        .notifyjs-corner {
            z-index: 999
        }

        img.secure-checkout {
            margin-top: 32px;
            margin-left: 14px
        }

        #mini-cart-summary span.grand-total {
            font-weight: 600
        }

        .popular-search-badges {
            margin-top: 5px
        }

        .popular-search-badges .badge {
            padding: 4px 6px;
            background-color: #fff;
            color: #666;
            border-radius: 5px;
            border: 1px solid #666
        }

        td.price-colum,
        th.price-colum {
            text-align: right
        }

        .rtl td.price-colum,
        .rtl th.price-colum {
            text-align: left
        }

        .account-order.table>tbody>tr>td,
        .account-order.table>tbody>tr>th,
        .account-order.table>tfoot>tr>td,
        .account-order.table>tfoot>tr>th,
        .account-order.table>thead>tr>td,
        .account-order.table>thead>tr>th {
            vertical-align: middle
        }

        .account-order td.with-bundle {
            border-top-width: 0
        }

        .account-order .panel.bundle-items {
            margin-top: -7px;
            margin-left: -10px;
            margin-right: -10px
        }

        .account-order span.total {
            font-size: 20px
        }

        .sort-options-wrap {
            position: absolute;
            right: 140px;
            top: 15px
        }

        .sort-options-wrap.configurator_on {
            right: 0
        }

        .view-option {
            position: absolute;
            right: 0;
            top: 15px
        }

        .view-option .btn-group a.btn.active {
            -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .1);
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .1)
        }

        #search-results.view-list .product.grid-list {
            width: 100%;
            height: auto
        }

        #search-results.view-list .product.grid-list .product-image-wrap {
            float: left;
            width: 220px;
            border-right: 1px solid #f6f6f6;
            margin-bottom: 10px
        }

        #search-results.view-list .product.grid-list .product-details-wrap {
            float: left;
            width: 75%
        }

        #search-results.view-list .product.grid-list .product-details-wrap .product-details {
            float: left;
            width: 70%
        }

        #search-results.view-list .product.grid-list .product-details-wrap .product-price {
            float: left;
            width: 30%
        }

        #search-results.view-list .product.grid-list .product-details-wrap .product-price .free-shipping,
        #search-results.view-list .product.grid-list .product-details-wrap .product-price .prices .new-price,
        #search-results.view-list .product.grid-list .product-details-wrap .product-price .prices .old-price {
            text-align: right
        }

        #search-results.view-list .product.grid-list .product-details-wrap ul {
            padding-left: 17px
        }

        #search-results.view-list .product.grid-list .product-details-wrap .product-title {
            height: auto;
            margin: 5px 0;
            padding: 0
        }

        #search-results.view-list .product.grid-list .product-details-wrap .badges {
            position: absolute;
            top: 8px;
            margin-left: 0;
            margin-right: 8px
        }

        #search-results.view-grid .product.grid-list .product-details-wrap .rating-container,
        #search-results.view-list .product.grid-list .product-details-wrap .rating-container {
            margin: 0;
            position: relative
        }

        @media screen and (min-width:638px) {
            #search-results.view-grid .product.grid-list .product-details-wrap .rating-container {
                padding: 0 15px;
                margin: 0
            }
        }

        #search-results.view-grid .product.grid-list .product-title {
            margin-bottom: 23px
        }

        #search-results .product.grid-list .product-details-wrap .rating-container .stars-container .fa-star {
            font-size: 14px
        }

        #search-results .product.grid-list .product-details-wrap .rating-container .stars-container .star-half-2 {
            margin-left: -13px;
            font-size: 14px;
            margin-top: 2px
        }

        #search-results .product.grid-list .attribute-list {
            display: none
        }

        #search-results.view-list .product.grid-list .attribute-list {
            display: block;
            margin: 5px 0
        }

        #search-results.view-list .product.grid-list .attribute-list>ul {
            padding: 0 0 5px 15px;
            margin: 0
        }

        #search-results.view-grid .product.grid-list .compare-checkbox-container {
            padding: 0 15px;
            position: absolute;
            bottom: 5px
        }

        #search-results.view-grid .product.grid-list .details-btn {
            display: none
        }

        #search-results.view-list .product.grid-list .details-btn {
            text-align: right;
            margin-top: 10px
        }

        #search-results.view-list .product.grid-list .details-btn a i {
            padding-left: 8px
        }

        #search-results .product.grid-list .old-price span {
            font-size: 14px;
            text-decoration: line-through
        }

        #search-results .product.grid-list .free-shipping {
            margin-top: 10px
        }

        #search-results .product.grid-list .old-price span {
            margin: 0;
            padding: 0
        }

        #search-results .btn-group a,
        #search-results a.btn {
            color: #222
        }

        #search-results .product.grid-list .product-details-wrap .product-price .prices {
            padding-bottom: 10px;
            line-height: 23px
        }

        #search-results.view-list .product.grid-list .product-details-wrap .product-price .prices {
            padding-top: 0
        }

        #search-results.view-grid .product.grid-list .product-details {
            position: relative
        }

        #search-results.view-grid .product.grid-list .compare-checkbox-container {
            position: absolute;
            bottom: 100%
        }

        #search-results.view-grid .product.grid-list a.product-review {
            display: block;
            position: absolute;
            top: 118px;
            left: 0
        }

        @media screen and (max-width:1200px) {
            #search-results #heading {
                height: 100px
            }
            #search-results #heading .sort-options-wrap {
                flex: 1
            }
        }

        @media screen and (max-width:1020px) {
            #search-results.view-list .product.grid-list .product-image-wrap {
                width: 220px
            }
            #search-results.view-list .product.grid-list .product-details-wrap {
                width: 70%
            }
        }

        @media screen and (max-width:525px) {
            #search-results.view-list .product.grid-list .product-image-wrap {
                width: 100%
            }
            #search-results.view-list .product.grid-list .product-details-wrap {
                width: 100%
            }
        }

        @media screen and (max-width:418px) {
            #search-results #heading .sort-options-wrap #search-sort {
                width: 110px
            }
        }

        @media screen and (max-width:379px) {
            #search-results #heading {
                height: 104px
            }
        }

        #search-results.view-list .product.grid-list .banner_container .ribbon_edge {
            float: right
        }

        #search-results.view-list .product.grid-list .banner_container .ribbon_edge:before {
            top: 0;
            border-width: 18px 18px 0 0
        }

        #search-results.view-list .product.grid-list .banner_container .ribbon_edge:after {
            bottom: 0;
            border-width: 0 18px 18px 0
        }

        #search-results.view-list .product.grid-list .banner_container .ribbon_edge:after,
        #search-results.view-list .product.grid-list .banner_container .ribbon_edge:before {
            left: initial;
            height: 0;
            right: -16px
        }

        #search-results.view-list .product.grid-list .banner_container .rectangle {
            float: right
        }

        .footer-contact .row.phone-numbers .ph-wp-num i.fa-mobile-phone {
            margin-right: 0;
            border-radius: 5px 0 0 5px
        }

        .footer-contact .row.phone-numbers .ph-wp-num i.fa-whatsapp {
            border-radius: 0 5px 5px 0;
            font-size: 26px;
            line-height: 43px
        }

        .footer-contact .row.phone-numbers .ph-wp i.fa-mobile-phone {
            margin-right: 0
        }

        @media screen and (max-width:453px) {
            .footer-contact .row.phone-numbers .ph-wp a {
                display: block;
                margin-left: 100px
            }
            .footer-contact .row.phone-numbers .ph-wp span.breaker {
                display: none
            }
            .footer-contact .row.phone-numbers .ph-wp a.first {
                margin-top: -56px
            }
        }

        #search-results.view-list .product.grid-list .product-details-wrap {
            width: auto;
            float: none
        }

        #search-results.view-list .product.grid-list .product-details-wrap .product-price {
            float: right
        }

        @media screen and (min-width:1003px) {
            #search-results.view-list .product.grid-list .product-details-wrap {
                margin-left: 240px
            }
        }

        .product-title-h1 {
            font-size: 18px;
            font-weight: 700;
            line-height: normal
        }

        #product-images-slider .owl-dots {
            text-align: center;
            margin-top: 20px
        }

        .custom-share-button {
            background-color: #fff;
            color: #343a40;
            display: flex;
            gap: 7px;
            align-items: center;
            justify-content: center;
            padding: 0
        }

        .custom-share-button .fa {
            font-size: 16px
        }

        .custom-share-menu {
            background-color: #fff;
            box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
            padding: 8px 0;
            width: 250px;
            position: absolute;
            z-index: 999999;
            left: unset !important;
            right: 0;
            margin-top: 6px
        }

        .custom-dropdown .dropdown-menu {
            width: auto;
            min-width: 190px
        }

        .custom-dropdown .dropdown-menu::after,
        .custom-dropdown .dropdown-menu::before {
            content: '';
            position: absolute;
            top: -10px;
            right: 10px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 10px 10px 10px;
            border-color: transparent transparent #fff transparent;
            display: block;
            z-index: 99999
        }

        .custom-dropdown .dropdown-menu::before {
            top: -10px;
            border-bottom: 11px solid #e2e5f1;
            border-color: transparent transparent #f1f1f1
        }

        .custom-dropdown .dropdown-menu::after {
            top: -8px;
            border-bottom: 10px solid rgb(255 255 255 / 0%);
            border-color: transparent transparent #fff
        }

        .custom-share-item {
            color: #343a40;
            padding: 6px 12px;
            display: flex;
            align-items: center;
            text-decoration: none;
            white-space: nowrap
        }

        .gift-with-share {
            display: flex;
            justify-content: space-between
        }

        .custom-share-item:hover {
            background-color: #f8f9fa
        }

        .custom-share-item .share-icon {
            width: 20px;
            height: 20px;
            margin-right: 10px;
            vertical-align: middle
        }

        .custom-share-button.dropdown-toggle::after {
            display: none
        }

        .view-grid .variants-wrap {
            height: 22px;
            position: absolute;
            top: 53px;
            overflow: hidden
        }

        .variants-wrap ul {
            margin: 0;
            padding: 0
        }

        .variants-wrap ul li {
            display: inline-block;
            padding: 0;
            margin: 0
        }

        .variants-wrap a {
            display: block;
            text-align: center;
            line-height: 20px;
            color: #fff;
            border-radius: 50%;
            font-size: 12px
        }

        .variants-wrap li span {
            color: #222;
            line-height: 15px;
            display: block;
            border: 1px solid #d2d2d2;
            padding: 2px 7px;
            font-size: 13px
        }

        .variants-wrap li span.with-color-code {
            width: 15px;
            height: 15px;
            overflow: hidden;
            text-indent: -999px;
            padding: 9px
        }

        .variants-wrap li span.selected {
            border-color: #a0a0a0;
            background: rgba(0, 0, 0, .07)
        }

        .variants-wrap li span.with-color-code.selected {
            background: #fff;
            border: 1px solid #777;
            color: #222;
            font-weight: 600;
            position: relative
        }

        .variants-wrap li span.with-color-code.selected:after {
            content: "";
            display: block;
            width: 5px;
            height: 5px;
            position: absolute;
            background: #fff;
            bottom: 6px;
            top: 6px;
            left: 6px;
            right: 6px;
            border-radius: 35%
        }

        .variants-wrap li a,
        .variants-wrap li a span {
            color: #222;
            font-size: 13px
        }

        .variants-wrap li a:hover span {
            border-color: #000
        }

        .with-color-code+.tooltip>.tooltip-inner {
            background-color: #222
        }

        .with-color-code+.tooltip>.tooltip-arrow {
            border-bottom-color: red
        }

        .variants-wrap .tooltip.in {
            opacity: 1
        }

        .variants-wrap ul {
            display: none
        }

        @media screen and (min-width:412px) {
            .view-grid .variants-wrap .variant-count,
            .view-list .variants-wrap .variant-count {
                display: none
            }
            .variants-wrap ul {
                display: block
            }
        }

        @media screen and (min-width:639px) {
            #search-results.view-list .product.grid-list .product-details-wrap .variants-wrap {
                padding: 0
            }
        }

        #search-results.view-list .product.grid-list .product-details-wrap .variants-wrap ul {
            padding-left: 0
        }

        .trade-license {
            border: 1px solid #d2d2d2;
            display: block;
            width: 215px;
            padding: 5px;
            cursor: zoom-in
        }

        .trade-license img {
            width: 100%
        }

        .trade-license .txt,
        .trade-license .txt a {
            text-align: center;
            padding: 5px
        }

        .trade-license a.fancybox {
            display: block;
            cursor: zoom-in
        }

        .product.has-bundle .product-discount-badge {
            left: 66px
        }

        #address-form .overlay {
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, .9);
            top: 0;
            left: 0;
            z-index: 9;
            background-image: url(/assets/img/horizontal-loading-30.gif);
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-position: center center
        }

        @media screen and (min-width:767px) {
            #address-form .overlay {
                background-position: 36% 50%
            }
        }

        .snow {
            background: 0 0;
            background-image: url(/assets/img/snow-01.png), url(/assets/img/snow-02.png), url(/assets/img/snow-03.png), url(/assets/img/snow-01.png);
            -webkit-animation: snow 10s cubic-bezier(.2, .3, .8, .9) infinite;
            -moz-animation: snow 10s cubic-bezier(.2, .3, .8, .9) infinite;
            -ms-animation: snow 10s cubic-bezier(.2, .3, .8, .9) infinite;
            animation: snow 10s cubic-bezier(.2, .3, .8, .9) infinite
        }

        @keyframes snow {
            0% {
                background-position: 0 0, 0 0, 0 0
            }
            50% {
                background-position: 500px 500px, 100px 200px, -100px 150px
            }
            100% {
                background-position: 500px 1000px, 200px 400px, -100px 300px
            }
        }

        @-moz-keyframes snow {
            0% {
                background-position: 0 0, 0 0, 0 0
            }
            50% {
                background-position: 500px 500px, 100px 200px, -100px 150px
            }
            100% {
                background-position: 400px 1000px, 200px 400px, 100px 300px
            }
        }

        @-webkit-keyframes snow {
            0% {
                background-position: 0 0, 0 0, 0 0
            }
            50% {
                background-position: 500px 500px, 100px 200px, -100px 150px
            }
            100% {
                background-position: 500px 1000px, 200px 400px, -100px 300px
            }
        }

        @-ms-keyframes snow {
            0% {
                background-position: 0 0, 0 0, 0 0
            }
            50% {
                background-position: 500px 500px, 100px 200px, -100px 150px
            }
            100% {
                background-position: 500px 1000px, 200px 400px, -100px 300px
            }
        }

        .collection-info {
            height: 0;
            margin: 0 -15px -10px -15px
        }

        .collection-info>div {
            padding: 4px 15px;
            font-weight: 700;
            color: #fff
        }

        .collection-info.open {
            height: 100%
        }

        .collection-info>div.success {
            background: #88ca00
        }

        .collection-info>div.danger {
            background: #e90b0b
        }

        #add-custom-product .form-group .error {
            color: #e90b0b
        }

        #add-custom-product .form-group.error input {
            width: 100%;
            border-color: #e90b0b
        }

        form#add-custom-product {
            float: left;
            padding: 20px
        }

        #server-response.success,
        .order-product-review .server-response .success,
        .write-product-review .server-response .success {
            background: #c8e6c9;
            padding: 8px 20px;
            border: 1px solid #a1caa2;
            color: #2e7d32;
            margin-top: 15px;
            border-radius: 4px;
            font-weight: 400
        }

        #server-response.success i,
        .order-product-review .server-response .success i,
        .write-product-review .server-response .success i {
            margin-right: 6px
        }

        @media screen and (min-width:768px) {
            #add-custom-product input {
                width: 100%
            }
            #add-custom-product .form-group {
                position: relative;
                margin-right: 20px
            }
            #add-custom-product .form-group .error {
                position: absolute;
                width: 100%;
                text-align: right;
                right: 0
            }
            #add-custom-product .btn-default {
                margin-top: 27px;
                transition: padding 2s linear
            }
            #add-custom-product .btn-default.loading {
                padding-left: 30px
            }
        }

        @media screen and (min-width:600px) {
            .vat-info.discount {
                margin-left: 146px;
                padding-bottom: 20px;
                color: #717171
            }
        }

        .vat-info {
            margin-bottom: 10px;
            color: #666
        }

        .off-badge {
            background: rgba(56, 174, 4, .175);
            padding: 3px 6px;
            color: #38ae04;
            margin-right: 5px;
            font-size: 12px;
            font-weight: 700
        }

        .checkout-wrapper .panel {
            border: none;
            box-shadow: none;
            -webkit-box-shadow: none;
            background: inherit
        }

        .checkout-wrapper .panel-body {
            padding: 15px;
            background: #fff;
            border-radius: 6px
        }

        .checkout-header-title {
            margin-left: 30px;
            padding: 6px 0;
            margin-top: 13px;
            border-left: 1px solid #fff;
            float: left
        }

        .checkout-header-title span {
            font-size: 18px;
            margin-left: 30px;
            font-weight: 700
        }

        .footer-contacts-container {
            background: #f7f7f7;
            border-bottom: 1px solid #e2e2e2;
            border-top: 1px solid #e2e2e2;
            padding-top: 15px;
            padding-bottom: 15px;
            margin-bottom: 30px
        }

        .popular-search-badges .badge:hover {
            color: #000
        }

        .btn,
        .btn-group-lg>.btn,
        .btn-lg {
            border-radius: 2px
        }

        .btn-group-lg>.btn,
        .btn-lg {
            padding: 12px 24px;
            font-size: 14px;
            font-weight: 700
        }

        #compare-list-bottom-drawer {
            max-width: 420px;
            width: 100%;
            background: rgba(80, 80, 80, .97);
            position: fixed;
            top: 89px;
            padding: 10px;
            z-index: 9999;
            right: 0
        }

        @media screen and (min-width:464px) {
            #compare-list-bottom-drawer {
                top: 30%
            }
        }

        .compare-items-wrapper ul {
            text-align: center;
            margin: 0;
            padding: 0
        }

        .compare-items-wrapper ul li {
            display: block;
            width: 100%;
            height: 60px;
            padding: 5px;
            margin: 5px;
            text-align: left
        }

        .compare-items-wrapper ul li .cmp-item-wrapper {
            height: 60px;
            width: 100%;
            position: relative
        }

        .compare-items-wrapper ul li .cmp-item-wrapper a.close {
            display: block;
            position: absolute;
            top: -3px;
            right: -16px;
            color: #ef7723;
            font-size: 25px;
            background: 0 0 !important;
            font-weight: 700
        }

        .compare-items-wrapper ul li .cmp-item-wrapper a.item-image {
            display: inline-block;
            width: 45px;
            vertical-align: middle;
            padding: 2px;
            background: #fff;
            border-radius: 5px;
            float: left;
            height: 45px;
            margin-right: 10px
        }

        .compare-items-wrapper ul li .cmp-item-wrapper a.item-image img {
            height: 100%;
            border-radius: 5px;
            aspect-ratio: 1/1;
            object-fit: contain
        }

        .compare-items-wrapper ul li.empty {
            background: #636363;
            position: relative
        }

        .compare-items-wrapper ul li.empty:after {
            content: "+";
            font-size: 79px;
            position: absolute;
            line-height: 74px;
            left: 3px;
            top: 3px;
            right: 3px;
            bottom: 3px
        }

        a.cmp-close {
            color: #fecb02;
            font-size: 17px;
            background: 0 0;
            width: 25px;
            margin-right: 10px;
            border: 1px solid #fecb02;
            float: left;
            border-radius: 50%;
            margin-top: 10px
        }

        a.cmp-close:hover {
            color: #fff;
            border: 1px solid #fff
        }

        a.show-comparison {
            position: relative;
            display: block;
            padding: 12px;
            background: #fecb02;
            color: #222;
            font-weight: 700;
            font-size: 16px
        }

        a.show-comparison:hover {
            background: #fff;
            color: #222
        }

        .compare-items-wrapper ul {
            display: block
        }

        .compare-items-wrapper {
            text-align: center;
            height: auto
        }

        a.bottom-drawer-ctrl {
            display: block;
            position: absolute;
            top: 45%;
            left: -96px;
            background: #fecb02;
            color: #222;
            font-size: 20px;
            padding: 12px 20px;
            transform: rotate(-90deg);
            border-radius: 3px 3px 0 0
        }

        a.bottom-drawer-ctrl span {
            margin-left: 14px
        }

        .compare-items-wrapper a.item-title {
            color: #fff
        }

        .compare-items-wrapper a.cmp-close i {
            margin-left: 5px;
            margin-top: 3px
        }

        #compare-list-bottom-drawer,
        a.bottom-drawer-ctrl {
            -webkit-transition: all .5s cubic-bezier(.18, .89, .32, 1.28) 0s;
            transition: all .5s cubic-bezier(.18, .89, .32, 1.28) 0s
        }

        #compare-list-bottom-drawer.draw-down {
            right: -420px
        }

        #compare-list-bottom-drawer.draw-down.no-items {
            right: -470px
        }

        @media screen and (max-width:1510px) {
            #compare-list-bottom-drawer.draw-down {
                right: -420px
            }
            #compare-list-bottom-drawer {
                right: 0
            }
        }

        #compare-list-bottom-drawer .compare-items-wrapper ul {
            min-height: 120px;
            margin-bottom: 20px
        }

        .compare-items-wrapper .title h4,
        .compare-items-wrapper .title p.selected-info {
            text-align: left;
            color: #fff
        }

        .compare-items-wrapper .title {
            position: relative;
            padding-bottom: 6px;
            border-bottom: 1px solid #6f6d6d;
            margin-bottom: 16px
        }

        .compare-items-wrapper .title a.title-close {
            position: absolute;
            top: 0;
            right: 0;
            display: block;
            width: 22px;
            height: 22px;
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            font-size: 0;
            text-indent: -999em
        }

        .compare-items-wrapper .title a.title-close:after,
        .compare-items-wrapper .title a.title-close:before {
            content: " ";
            position: absolute;
            top: 0;
            left: 12px;
            display: block;
            width: 2px;
            height: 100%;
            background: #fff
        }

        .compare-items-wrapper .title a.title-close:hover:after,
        .compare-items-wrapper .title a.title-close:hover:before {
            background: #fecb02
        }

        .compare-items-wrapper .title a.title-close:after {
            transform: rotate(90deg)
        }

        p.selected-info {
            position: relative
        }

        p.selected-info.loading:before {
            content: " ";
            display: block;
            background: url(/assets/img/Ripple-5s-16px.svg);
            width: 16px;
            height: 16px;
            position: absolute;
            left: 104px;
            top: 2px
        }

        .blog-entries .well {
            background-color: #fdfdfd;
            padding: 0
        }

        .blog-entries .post-body {
            padding: 18px
        }

        .blog-entries .post-title {
            margin: 20px 0 10px 0;
            font-size: 22px
        }

        .blog-entries .post-text {
            margin-bottom: 15px
        }

        .blog-entries .post-footer {
            padding: .75rem 1.25rem;
            background-color: rgba(0, 0, 0, .03);
            border-top: 1px solid rgba(0, 0, 0, .125)
        }

        .blog-entries .post-footer>div {
            float: left
        }

        .blog-entries .post-footer>div.left-side {
            width: 64%
        }

        .blog-entries .post-footer>div.right-side {
            text-align: right;
            line-height: 40px
        }

        .blog-wrapper .side-bar li {
            margin-bottom: 20px;
            font-size: 14px
        }

        .blog-wrapper .side-bar li a {
            color: #444;
            text-decoration: none;
            border-bottom: 1px dotted #444
        }

        @media (min-width:768px) {
            .blog-wrapper .lead {
                font-size: 18px
            }
        }

        .blog-entries .breadcrumb {
            padding: 0;
            background: #fff;
            font-size: 12px
        }

        .blog-entries .breadcrumb a:after {
            padding: 0 5px;
            color: #000;
            content: "\f105";
            font: normal normal normal 14px/1 FontAwesome
        }

        .blog-wrapper .pagination>.active>a,
        .blog-wrapper .pagination>.active>a:focus,
        .blog-wrapper .pagination>.active>a:hover,
        .blog-wrapper .pagination>.active>span,
        .blog-wrapper .pagination>.active>span:focus,
        .blog-wrapper .pagination>.active>span:hover {
            color: #fecb02;
            background-color: #222;
            border-color: #222
        }

        .blog-wrapper .pagination>li>a,
        .blog-wrapper .pagination>li>span {
            color: #222
        }

        @media screen and (max-width:500px) {
            .blog-wrapper>.blog-entries {
                padding: 0
            }
        }

        #m-cart-total-qnty {
            font-size: 15px;
            background: #fecc00;
            color: #000;
            padding: 2px;
            border-radius: 4px
        }

        ol.breadcrumb li a {
            font-weight: 400
        }

        .compare-table .rating-container {
            margin-top: 10px;
            margin-left: 0;
            position: relative
        }

        .compare-table .rating-container .stars-container {
            float: none
        }

        @media screen and (max-width:472px) {
            .compare-table .rating-container {
                margin-top: 10px !important
            }
        }

        .cart-action-btn {
            align-items: center;
            margin: 15px 6px 5px;
            grid-column-gap: 3px
        }

        .cart-action-btn .ml-v-space {
            margin: 0 10px;
            height: 20px
        }

        .cart-remove-item button.remove-item {
            border-radius: 0;
            border: 0 solid transparent;
            width: auto;
            background: 0 0;
            padding: 0;
            vertical-align: baseline;
            color: #686868
        }

        .cart-remove-item button.remove-item .items_status {
            padding-left: 3px
        }

        .cart-remove-item button.remove-item::before {
            content: "\f014";
            font-family: FontAwesome;
            font-size: 14px
        }

        .cart-remove-item button.remove-item:hover,
        .cart-remove-item button.remove-item:hover::before,
        .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-action form>.btn.btn-danger.btn-xs:hover {
            color: #c51e2a
        }

        .cart-remove-item button.remove-item:focus {
            outline: 0
        }

        .cart-remove-item button.remove-item:active {
            box-shadow: unset
        }

        #resp-table-body>.resp-table-row,
        #unavailable-table-body>.resp-table-row {
            border: 1px solid #eee
        }

        #resp-table-body>.resp-table-row.fade-out,
        #unavailable-table-body>.resp-table-row.fade-out {
            border: 0
        }

        .separator.fade-out {
            height: 0
        }

        #resp-table .cart-product-quantity .qty-error {
            display: block;
            position: absolute;
            font-size: 12px;
            font-weight: 100;
            color: red
        }

        @media screen and (min-width:767px) {
            #resp-table,
            #unavailable-table,
            .resp-table {
                width: 100%;
                display: table;
                border-collapse: collapse
            }
            #resp-table-header,
            .resp-table-header {
                display: table-header-group;
                background-color: #fff;
                font-weight: 700;
                font-size: 12px
            }
            .table-header-cell {
                display: table-cell;
                border: 1px solid #eee;
                vertical-align: middle;
                padding: 10px
            }
            .table-header-cell .table-header-cell {
                border: 0;
                vertical-align: middle;
                padding: 10px
            }
            #resp-table-body,
            #unavailable-table-body,
            .resp-table-body {
                display: table-row-group
            }
            .resp-table-row {
                display: table-row
            }
            #resp-table-body>.resp-table-row,
            #unavailable-table-body>.resp-table-row {
                border: 1px solid #eee;
                margin-bottom: 10px
            }
            #resp-table-body>.resp-table-row.fade-out,
            #unavailable-table-body>.resp-table-row.fade-out {
                border: 0
            }
            .resp-table-body>.resp-table-ro {
                margin-bottom: 10px
            }
            .table-body-cell {
                display: table-cell;
                vertical-align: middle;
                padding: 10px
            }
            .table-body-cell .table-body-cell {
                border: none
            }
            .table-body-cell .product-thumbnail a img {
                max-width: 90px;
                max-height: 90px;
                width: auto
            }
            .table-body-cell.cell-product {
                width: 76%
            }
            .table-body-cell.cell-product-qty {
                width: 24%;
                text-align: right;
                padding: 20px
            }
            #resp-table .cart-product-price {
                font-size: 14px;
                margin-bottom: 20px
            }
            #resp-table .cart-product-price .current-price {
                font-weight: 600;
                font-size: 16px
            }
            #resp-table .cart-product-price span.slashed-price span.price-amount {
                font-size: 14px
            }
            #resp-table .cart-product-quantity {
                margin-bottom: 20px;
                position: relative
            }
            #resp-table .cart-product-quantity .input-group .form-control {
                min-width: 42px
            }
            #resp-table .remove-item .btn {
                color: #7e859b
            }
            .cell-product-qty.plus .cart-product-quantity {
                float: right
            }
            .separator {
                height: 15px
            }
            #cart-wrapper .cart-total.clearfix {
                margin-bottom: 25px
            }
            #cart-wrapper .cart-total .col-left {
                float: right;
                text-align: right;
                margin-right: 164px
            }
            #cart-wrapper .cart-total .col-right {
                float: right;
                text-align: right;
                margin-top: -19px;
                margin-right: -300px;
                width: 163px
            }
            #cart-wrapper .cart-total.no-vat .col-right {
                margin-right: -194px
            }
        }

        #cart-wrapper #cart-total.priceFormat {
            font-weight: 600;
            font-size: 20px
        }

        @media screen and (max-width:767px) {
            #resp-table,
            #unavailable-table {
                max-width: 420px;
                margin: auto;
                padding: 10px;
                border: 1px solid #e3e5f2;
                background: #f7f7fa
            }
            .table-body-cell.cell-product .resp-table-row {
                border-bottom: 1px solid #f5f5f5
            }
            .table-body-cell.cell-thumbnail {
                float: left;
                width: 25%
            }
            .table-body-cell.cell-title {
                width: 75%;
                float: left
            }
            .table-body-cell.cell-thumbnail .product-thumbnail {
                width: 100%;
                padding-right: 5px;
                margin-top: 10px
            }
            .table-body-cell.cell-thumbnail .product-thumbnail img {
                width: 100%
            }
            #resp-table #resp-table-body>.resp-table-row,
            #unavailable-table #unavailable-table-body>.resp-table-row {
                padding: 5px;
                background: #fff;
                margin-bottom: 10px;
                border: 1px solid #e3e5f2;
                box-shadow: 0 0 5px rgba(163, 183, 224, .25098039215686274)
            }
            .table-body-cell.cell-product-subtotal {
                text-align: right
            }
            #resp-table .gift-wrap-drawer {
                margin-left: 0
            }
            .table-body-cell.cell-product-price,
            .table-body-cell.cell-product-subtotal {
                padding-top: 9px
            }
            #resp-table .cart-product-price {
                text-align: center;
                padding: 10px;
                font-size: 18px;
                border-bottom: 1px solid #f5f5f5;
                width: 100%;
                float: left;
                margin-bottom: 9px
            }
            #resp-table .cart-product-price {
                font-size: 14px;
                margin-bottom: 10px
            }
            #resp-table .cart-product-price .current-price span.price-amount {
                font-weight: 600;
                font-size: 26px
            }
            #resp-table .cart-product-price span.slashed-price span.price-amount {
                font-size: 14px
            }
            #resp-table .remove-item .btn,
            #unavailable-table .remove-item .btn {
                color: #7e859b
            }
            #resp-table .current-price-discounted {
                margin-top: 0
            }
            #resp-table .cart-product-quantity {
                max-width: 154px;
                margin-bottom: 5px;
                float: left;
                font-weight: 700
            }
            #resp-table .cart-product-quantity .input-group .btn {
                border: 1px solid #009688;
                border-radius: 2px;
                background-color: #4caf50;
                color: #fff
            }
            #resp-table .cart-product-quantity .qty-error {
                bottom: -55px
            }
            .cart-q.clearfix {
                display: none
            }
            #cart-wrapper .cart-total {
                margin-top: 20px;
                margin-bottom: 20px
            }
            #cart-wrapper .cart-total h4 {
                margin-top: 15px
            }
            #cart-wrapper .cart-total .col-left,
            #cart-wrapper .cart-total .col-right,
            #cart-wrapper .cart-total.no-vat .col-right {
                text-align: center
            }
            .promo-code {
                float: none;
                margin: auto
            }
        }

        @media screen and (max-width:750px) {
            #cart-button .pull-left.default-btns,
            #cart-button .pull-right.proceed-btn {
                max-width: 420px;
                width: 100%;
                float: none !important;
                margin: auto;
                overflow: hidden
            }
            #cart-button .pull-right.proceed-btn {
                margin-top: 10px
            }
            #cart-button .pull-left.default-btns a {
                width: 49.9%;
                padding: 12px 0
            }
            #cart-button .pull-left.default-btns a:first-child {
                float: left
            }
            #cart-button .pull-left.default-btns a:last-child {
                float: right
            }
        }

        @media screen and (max-width:480px) {
            #cart-button .pull-left.default-btns a {
                width: 100%;
                margin-bottom: 3px
            }
        }

        @media screen and (max-width:376px) {
            #cart-button .pull-left.default-btns a {
                font-size: 12px
            }
        }

        @media screen and (max-width:658px) {
            #pickup-location .location-wrap {
                width: 100%
            }
        }

        @media screen and (min-width:992px) and (max-width:1200px) {
            #pickup-location .location-wrap {
                width: 70%
            }
        }

        #cart-button .pull-left.proceed-btn a,
        #cart-button .pull-right.proceed-btn a {
            width: 100%;
            border: 1px solid #009688;
            border-radius: 2px;
            background-color: #4caf50;
            color: #fff
        }

        #cart-button .pull-left.proceed-btn a:hover,
        #cart-button .pull-right.proceed-btn a:hover {
            background-color: #8bc34a;
            border-color: #80b741
        }

        .table-body-cell.cell-product-qty .bootstrap-select>.dropdown-toggle {
            border: none
        }

        @media screen and (min-width:768px) {
            .cart-item-row .table-body-cell.cell-product-qty .cart-product-quantity select.selectpicker {
                line-height: 34px;
                padding-left: 12px;
                font-size: 14px;
                font-weight: 400;
                height: 37px;
                border-radius: 4px;
                padding-right: 20px;
                width: 93px !important;
                margin-left: 5px;
                border: 2px solid #e2e5f1;
                box-sizing: border-box;
                cursor: pointer
            }
        }

        @media screen and (max-width:767px) {
            .cart-item-row .table-body-cell.cell-product-qty .cart-product-quantity select.selectpicker {
                line-height: 34px;
                padding-left: 12px;
                font-size: 14px;
                font-weight: 400;
                height: 34px;
                border-radius: 4px;
                width: 60px !important;
                border: 1px solid #ccc
            }
            #cart-button .pull-right.proceed-btn a {
                font-size: 17px
            }
        }

        .cart-item-row .table-body-cell.cell-product-qty .cart-product-quantity .select2-container,
        .table-body-cell.cell-product-qty .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
            border-radius: 2px;
            border: 1px solid #e2e5f1;
            width: 80px;
            margin-left: 5px
        }

        .cart-item-row .table-body-cell.cell-product-qty .cart-product-quantity .select2-container {
            border: 2px solid #e2e5f1
        }

        .table-body-cell .open>.dropdown-menu {
            display: block
        }

        .table-body-cell a.cartItemTitle {
            display: block;
            margin: 6px;
            border: none
        }

        .checkout-wrapper button.checkout-continue-big {
            margin: 10px 0;
            width: 100%;
            height: 48px
        }

        #pick-delivery-method {
            padding: 0 15px;
            background: #fff
        }

        #checkout-mini-cart hr,
        #checkout-mini-cart ul li,
        #mini-cart-summary,
        .panel-body.mini-cart-panel {
            border-color: #e3e5f3
        }

        .panel-body.address-list #delivery-address ul li .address-col {
            border: 2px solid #e3e5f0;
            padding: 10px;
            margin: 5px;
            position: relative;
            background: #fff;
            border-radius: 3px
        }

        @media screen and (min-width:581px) {
            .panel-body.address-list #delivery-address ul li:nth-child(2n-1) .address-col {
                margin-inline-start: 0
            }
            .panel-body.address-list #delivery-address ul li:nth-child(2n+2) .address-col {
                margin-inline-end: 0
            }
        }

        .panel-body.address-list #delivery-address ul li:hover .address-col {
            color: #b9bed0;
            border-color: #b9bed0
        }

        .panel-body.address-list #delivery-address ul li:hover .address-col label {
            color: #9497a2
        }

        .panel-body.address-list #delivery-address ul li .address-col .control {
            color: #b4bbd0;
            padding: 0;
            font-size: 13px;
            font-weight: 400
        }

        .panel-body.address-list #delivery-address ul li.active .address-col .control {
            color: #474b58
        }

        .panel-body.address-list #delivery-address ul li .address-col .control span.name {
            font-weight: 600
        }

        .panel-body.address-list #delivery-address ul li.active .address-col {
            border-color: #000;
            overflow: hidden
        }

        .panel-body.address-list #delivery-address ul li .control--radio .control__indicator {
            display: none
        }

        a#add-new-address {
            margin-top: 10px;
            color: #2b2d35;
            background-color: #fff;
            border: 1px solid #a1a6b5;
            padding: 10px 23px
        }

        a#add-new-address i {
            color: #7bb30e
        }

        a#add-new-address:hover {
            border-color: #000
        }

        .checkout-wrapper #delivery-method .btn,
        .checkout-wrapper #pickup-location .btn {
            color: #b4bbd0;
            background-color: #fff;
            border-color: #e3e5f1
        }

        .checkout-wrapper #delivery-method .btn:active,
        .checkout-wrapper #pickup-location .btn:active {
            box-shadow: none;
            border-color: #e3e5f5
        }

        .checkout-wrapper #delivery-method .btn.active,
        .checkout-wrapper #pickup-location .btn.active {
            color: #474b57;
            background-color: #fff;
            border: 2px solid #000;
            box-shadow: none
        }

        .checkout-wrapper #pickup-location .btn.location {
            border-radius: 0
        }

        .checkout-wrapper #pickup-location .location input[type=radio] {
            display: none
        }

        .checkout-wrapper #pickup-location .map-location {
            overflow: hidden;
            margin-top: -32px;
            position: relative
        }

        .checkout-wrapper #pickup-location .map-location a {
            color: #474b56;
            font-size: 14px;
            width: 75px;
            padding: 6px 15px;
            text-align: center;
            display: block;
            background: #fff;
            border-color: #e3e5f2;
            border-width: 0 1px 1px 1px;
            border-style: solid;
            float: left
        }

        .checkout-wrapper #pickup-location .btn.location .address {
            margin-left: 10px;
            margin-top: 10px
        }

        #payment-details #payment-method-options>ul>li {
            border: 2px solid #e3e5f0;
            background: #fff;
            margin: 15px 0;
            border-radius: 3px
        }

        #payment-details #payment-method-options>ul>li.ccft,
        #payment-details #payment-method-options>ul>li[class*="-token-"] {
            display: flex;
            align-items: center
        }

        #payment-method-options .control__indicator {
            display: none
        }

        #payment-method-options>ul>li {
            padding: 0
        }

        #payment-details #payment-method-options>ul>li:first-child {
            margin-top: 0
        }

        #payment-details #payment-method-options>ul>li.active {
            border-color: #000
        }

        #payment-details #payment-method-options>ul>li.active label:not(.error) {
            color: #000
        }

        #payment-details #payment-method-options>ul>li.active label.error {
            color: #e90b0b
        }

        #credit-card-wrapper .form-group.error .input-group-addon,
        #credit-card-wrapper .form-group.error input {
            border-color: #e90b0b
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li:not(.active):hover,
        #payment-details #payment-method-options>ul>li:not(.active):hover {
            border-color: #b9bed0
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li:not(.active):hover label,
        #payment-details #payment-method-options>ul>li:not(.active):hover label {
            color: #000
        }

        #payment-details #payment-method-options>ul>li.disabled:hover {
            border-color: #e3e5f3
        }

        .checkout-wrapper .panel-default>.panel-heading {
            background: #fff;
            padding: 20px 15px
        }

        #checkout-options-container .panel-default>.panel-heading,
        .checkout-wrapper #payment-details .panel-default>.panel-heading {
            border-top-left-radius: 6px;
            border-top-right-radius: 6px
        }

        .checkout-wrapper #payment-details .panel-default>.panel-heading {
            padding: 20px 15px 5px 15px
        }

        .wrap-tabcontent .well {
            border: 1px solid #e3e5f2;
            background: #f7f7fa;
            border-top: none;
            border-radius: 0
        }

        #user-account.nav-tabs>li.active>a {
            border-color: #e3e5f2;
            background: #f7f7fa
        }

        .wrap-tabcontent .resp-table-row {
            background: #fff
        }

        .wrap-tabcontent .resp-table-row .table-body-cell.location {
            font-weight: 700
        }

        @media screen and (max-width:767px) {
            .resp-table,
            .resp-table-body,
            .resp-table-row,
            .table-body-cell {
                display: block
            }
            .resp-table-header {
                display: none
            }
            .wrap-tabcontent .resp-table-row {
                background: #fff;
                margin-bottom: 10px;
                border: 1px solid #e3e5f3;
                box-shadow: 0 0 10px rgba(0, 0, 0, .0784313725490196)
            }
            #nuser-addresses .wrap-tabcontent .table-body-cell {
                padding: 15px
            }
            #nuser-addresses .wrap-tabcontent .table-body-cell.location {
                padding-top: 0;
                padding-bottom: 0
            }
            #nuser-addresses .wrap-tabcontent .table-body-cell a.btn.btn-sm.btn-danger {
                color: #fff
            }
            #nuser-addresses .wrap-tabcontent .table-body-cell:first-child {
                padding-bottom: 0
            }
        }

        @media screen and (max-width:434px) {
            #user-account.nav-tabs>li>a {
                padding-left: 5px;
                padding-right: 5px;
                text-align: center
            }
        }

        .table-body-cell.order-status .order-status-label {
            display: inline-block
        }

        .table-body-cell.order-number {
            width: 5%
        }

        .table-body-cell.order-datetime {
            width: 8%
        }

        .table-body-cell.order-address {
            width: 27%
        }

        .table-body-cell.order-status {
            width: 15%
        }

        .table-body-cell.order-updatetime {
            width: 9%
        }

        .table-body-cell.order-comment {
            width: 30%
        }

        .table-body-cell.order-view {
            width: 6%
        }

        .table-body-cell.order-number {
            font-weight: 700;
            font-size: 14px
        }

        @media screen and (max-width:1251px) {
            .table-body-cell.order-address {
                width: 22%
            }
            .table-body-cell.order-status {
                width: 20%
            }
            .table-body-cell.order-comment {
                width: 20%
            }
            .table-body-cell.order-datetime {
                width: 13%
            }
            .table-body-cell.order-updatetime {
                width: 14%
            }
        }

        @media screen and (max-width:885px) {
            .table-body-cell.order-datetime {
                width: 18%
            }
            .table-body-cell.order-updatetime {
                width: 18%
            }
            .table-body-cell.order-address {
                width: 22%
            }
        }

        @media screen and (max-width:800px) {
            .table-body-cell.order-address,
            .table-body-cell.order-comment,
            .table-body-cell.order-datetime,
            .table-body-cell.order-number,
            .table-body-cell.order-status,
            .table-body-cell.order-updatetime,
            .table-body-cell.order-view {
                width: 100%
            }
            #nuser-orders .resp-table-body {
                overflow: hidden
            }
            #nuser-orders .wrap-tabcontent .resp-table-row {
                box-shadow: none
            }
            #nuser-orders .wrap-tabcontent .resp-table-row {
                width: 50%;
                margin: 0;
                float: left
            }
            #nuser-orders .table-body-cell.order-number {
                font-size: 24px;
                font-weight: 600;
                margin-top: 10px
            }
            #nuser-orders .table-body-cell {
                padding: 10px
            }
            #nuser-orders .table-body-cell.order-address {
                height: 141px;
                overflow: hidden
            }
            #nuser-orders .table-body-cell.order-comment {
                height: 46px;
                overflow: hidden
            }
            #nuser-orders .table-body-cell span.label {
                color: #b7bed2;
                padding: 0;
                font-size: 13px;
                font-weight: 400;
                display: block;
                text-align: left;
                padding-bottom: 5px
            }
        }

        @media screen and (max-width:574px) {
            #nuser-orders .wrap-tabcontent .resp-table-row {
                float: none;
                width: 98.5%;
                margin: 5px auto
            }
            #nuser-orders .table-body-cell.order-address {
                height: auto;
                overflow: hidden
            }
            #nuser-orders .table-body-cell.order-comment {
                height: auto;
                overflow: hidden
            }
        }

        #nuser-reviews .rating-container {
            position: relative;
            margin: 0;
            padding: 0
        }

        #nuser-reviews .stars-container {
            float: none
        }

        #nuser-reviews li {
            margin-bottom: 20px
        }

        #product-images-slider .item,
        #product-images-slider .item img {
            cursor: zoom-in
        }

        #product-images-slider .product-no-image .item,
        #product-images-slider .product-no-image .item img {
            cursor: default
        }

        .breadcrumb>li+li:before {
            padding: 0 5px;
            color: #000;
            content: "\f105";
            font: normal normal normal 14px/1 FontAwesome
        }

        .checkout-wrapper .panel.credit-card-box {
            margin-left: -15px;
            margin-right: -15px
        }

        .checkout-wrapper .panel.credit-card-box .panel-body input {
            border-color: #e3e5f4
        }

        .checkout-wrapper .panel.credit-card-box .panel-body input.error {
            border-color: #e90b0b
        }

        .checkout-wrapper .panel.credit-card-box .panel-body {
            background: #f7f7fa;
            border-color: #e3e5f3
        }

        .checkout-wrapper .panel.credit-card-box .card-expiry-date input {
            display: inline-block
        }

        .bootstrap-select.open .dropdown-menu {
            display: block
        }

        .card-expiry-date .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
        .card-expiry-date .select2-container {
            width: 32% !important;
            display: inline-block
        }

        .card-expiry-date .select2-container--default .select2-selection--single {
            border-color: #e3e5f4
        }

        .card-expiry-date span.select2-selection.select2-selection--single.error {
            border-color: #e90b0b
        }

        @media screen and (max-width:992px) {
            form#address-form~div>.panel>.panel-heading {
                text-align: center
            }
        }

        #delivery-method .btn-group label.btn:not(.active):hover {
            border-color: #b9bed0
        }

        @media screen and (max-width:1200px) {
            .card-expiry-date>label {
                width: 100%
            }
            .card-expiry-date .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
            .card-expiry-date .select2-container {
                width: 32% !important
            }
        }

        #payment-method-options li .panel.credit-card-box {
            margin: 0
        }

        #payment-method-options li .panel.credit-card-box label {
            font-size: 12px;
            padding: 0;
            width: 100%
        }

        #payment-method-options .form-group.card-expiry-date label:not(.error) {
            text-transform: uppercase
        }

        #payment-method-options li .panel.credit-card-box .btn.pay {
            background-color: #81c101;
            color: #fff;
            border-color: #628c0f;
            font-weight: 600
        }

        .card-expiry-date .bootstrap-select.error:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .btn.btn-default.dropdown-toggle.bs-placeholder {
            border-color: #e90b0b
        }

        #contact-form .error .form-control,
        #forgotPassword .error .form-control,
        #hard-to-find .error .form-control,
        #loginForm .error .form-control,
        #set-new-password .error .form-control,
        #user-signup-form .error .form-control,
        .profile-details form .error .form-control {
            border: 1px solid rgba(249, 0, 0, .41)
        }

        #contact-form .error .place-error,
        #forgotPassword .error .place-error,
        #hard-to-find .error .place-error,
        #loginForm .error .place-error,
        #set-new-password .error .place-error,
        #user-signup-form .error .place-error,
        .profile-details form .error .place-error {
            text-align: right
        }

        #contact-form .error .place-error label.error,
        #forgotPassword .error .place-error label.error,
        #hard-to-find .error .place-error label.error,
        #loginForm .error .place-error label.error,
        #set-new-password .error .place-error label.error,
        #user-signup-form .error .place-error label.error,
        .profile-details form .error .place-error label.error {
            text-align: right;
            color: #dc2449;
            font-style: normal
        }

        #contact-form .form-group,
        #forgotPassword .form-group,
        #hard-to-find .form-group,
        #loginForm .form-group,
        #set-new-password .form-group,
        #user-signup-form .form-group {
            margin-bottom: 0
        }

        #contact-form .place-error,
        #forgotPassword .place-error,
        #hard-to-find .place-error,
        #loginForm .place-error,
        #set-new-password .place-error,
        #user-signup-form .place-error,
        .profile-details form .place-error {
            height: 24px
        }

        form#contact-form .iti {
            display: table-cell
        }

        form#contact-form input#InputTel {
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px
        }

        #login .form-wrap {
            width: 38%;
            margin: 0 auto;
            text-align: center
        }

        #login .form-wrap a:link,
        #login .form-wrap a:visited {
            color: #f93b61;
            text-decoration: none
        }

        @media only screen and (min-width:768px) {
            .basic-wrapper .or span {
                background: #fff;
                padding: 20px 0
            }
        }

        .top-category.product .product-image img {
            max-width: 136px;
            max-height: 136px
        }

        .compare-items-wrapper ul li .cmp-item-wrapper a.item-title:hover {
            color: #fecb02
        }

        .compare-items-wrapper ul li .cmp-item-wrapper a.item-title {
            display: block;
            color: #fff;
            height: 45px;
            overflow: hidden
        }

        .compare-maxlimit {
            text-align: center
        }

        .compare-maxlimit strong {
            font-size: 14px
        }

        .compare-maxlimit .cart-submit.product-add-to-cart {
            max-width: 160px
        }

        .attribute-group {
            padding: 10px 0;
            border: 1px solid #efefef;
            margin-bottom: 10px
        }

        .attribute-group h3 {
            margin: 5px 15px;
            font-size: 18px;
            color: #656565
        }

        .attribute-group .row.product-attribute-row:first-child {
            border-top-width: 0
        }

        .attribute-groups h3 {
            font-size: 18px;
            color: #757575;
            margin-bottom: 0
        }

        .category-pagination li a,
        .category-pagination li.active {
            color: #222
        }

        .category-pagination li.arrow:hover,
        .category-pagination li:hover {
            background-color: #666;
            color: #fff
        }

        .category-pagination li.active:hover a,
        .category-pagination li.arrow:hover a,
        .category-pagination li:hover a {
            color: #fff
        }

        .category-pagination li.active {
            color: #222;
            background: #fecb02
        }

        .category-pagination li.arrow {
            color: #fff;
            background-color: #222
        }

        .category-pagination li a,
        .category-pagination li.active {
            padding: 5px 12px
        }

        .category-pagination li {
            border-radius: 3px
        }

        .category-pagination li.active:hover {
            color: #222;
            background: #fecb02
        }

        .desktop-menu>li>div.menu-dropdown {
            background-size: 80%
        }

        .blog-wrapper .date {
            width: 62px;
            padding: 0 0;
            text-align: center;
            background: #f5f5f5;
            font-size: 12px;
            margin-right: 10px;
            box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
            border: 1px solid rgba(0, 0, 0, .1)
        }

        .blog-wrapper .day span {
            display: block;
            font-size: 20px;
            font-weight: 700;
            padding: 10px 0
        }

        .blog-wrapper .month {
            background: #fecb02;
            color: #fff;
            font-weight: 700
        }

        .blog-wrapper .side-bar ul {
            padding: 0
        }

        .blog-wrapper .side-bar ul li {
            list-style: none
        }

        .blog-wrapper .pagination>.active>a,
        .blog-wrapper .pagination>.active>a:focus,
        .blog-wrapper .pagination>.active>a:hover,
        .blog-wrapper .pagination>.active>span,
        .blog-wrapper .pagination>.active>span:focus,
        .blog-wrapper .pagination>.active>span:hover {
            color: #232323;
            background-color: #fecb02;
            border-color: #fecb02
        }

        .blog-wrapper .pagination>li>a:hover,
        .blog-wrapper .pagination>li>span {
            background-color: #666;
            color: #fff
        }

        .blog-wrapper .pagination>li>span {
            border-radius: 0
        }

        .blog-wrapper .pagination>li>a {
            padding: 4px 12px;
            font-size: 16px;
            border: none;
            margin: 0 5px;
            border-radius: 3px;
            background-color: transparent
        }

        .blog-wrapper .pagination>li>a.next,
        .blog-wrapper .pagination>li>a.prev {
            background: #000;
            color: #fff
        }

        @media screen and (min-width:800px) {
            .cart-item-row .table-body-cell.cell-product-qty .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
            .cart-item-row .table-body-cell.cell-product-qty .cart-product-quantity .select2-container {
                width: 93px !important
            }
        }

        @media screen and (min-width:768px) {
            .cart-item-row .table-body-cell.cell-product-qty .cart-product-quantity .select2-container--default .select2-selection--single {
                border: 0;
                text-align: left
            }
        }

        @media screen and (max-width:799px) {
            .cart-item-row .table-body-cell.cell-product-qty .cart-product-quantity .select2-container {
                width: 60px !important
            }
        }

        #home-container-right .top-brand-carousel.home-carousels .product.product-carousel.brand,
        [class^=category-].owl-carousel .product {
            width: 100%
        }

        .category-topbrands.owl-carousel .top-category.product {
            width: 85%;
            height: auto
        }

        #home-container-right .top-brand-carousel.home-carousels .product.product-carousel.brand .product-image,
        .category-topbrands.owl-carousel .top-category.product .product-image {
            line-height: normal;
            height: auto
        }

        [class^=view-] .owl-carousel .owl-nav>div:hover {
            opacity: 1
        }

        .carousel-wrapper {
            overflow: hidden;
            margin: 20px 0 50px 0;
            opacity: 0;
            min-height: 222px;
            -webkit-transition: all 1s ease-in-out;
            -moz-transition: all 1s ease-in-out;
            -ms-transition: all 1s ease-in-out;
            -o-transition: all 1s ease-in-out;
            transition: all 1s ease-in-out
        }

        .carousel-wrapper.brands {
            min-height: 176px
        }

        .carousel-section-wrapper.loading {
            background: url(/assets/img/horizontal-loading-30.gif) center center no-repeat;
            background-size: 100px
        }

        #home-container-right .top-brand-carousel.home-carousels .product.product-carousel.brand,
        .brands .category-topbrands.owl-carousel .top-category.product {
            padding: 10px;
            background: #fff
        }

        @media screen and (max-width:375px) {
            .brands .category-topbrands.owl-carousel .top-category.product {
                padding: 5px
            }
            .brands .category-topbrands.owl-carousel .top-category.product.product-carousel.brand .product-image img {
                padding: 5px
            }
        }

        #home-container-right .top-brand-carousel.home-carousels .product.product-carousel.brand img,
        .brands .top-category.product .product-image img {
            width: 100%;
            max-width: 90px;
            max-height: 90px
        }

        .carousel-wrapper.loaded {
            opacity: 1
        }

        h2.category-subheading {
            font-weight: 700;
            line-height: 22px
        }

        .lazyload {
            opacity: 0;
            -webkit-transition: opacity .5s cubic-bezier(.75, -.5, 0, 1.75);
            -moz-transition: opacity .5s cubic-bezier(.75, -.5, 0, 1.75);
            -ms-transition: opacity .5s cubic-bezier(.75, -.5, 0, 1.75);
            -o-transition: opacity .5s cubic-bezier(.75, -.5, 0, 1.75);
            transition: opacity .5s cubic-bezier(.75, -.5, 0, 1.75)
        }

        .lazyload.full-loaded {
            opacity: 1
        }

        .product-image.loading {
            background: url(/assets/img/ml-loading.gif) center center no-repeat;
            background-size: 60px
        }

        #contact-form .intl-tel-input.allow-dropdown .selected-flag {
            width: 44px
        }

        #contact-form .intl-tel-input .flag-container {
            top: 0;
            height: 34px
        }

        #contact-form .intl-tel-input.allow-dropdown input[type=tel] {
            border-radius: 4px 0 0 4px
        }

        #contact-form .intl-tel-input .country-list {
            z-index: 5
        }

        #home-container-right .top-brand-carousel.home-carousels .owl-nav>div,
        #home-container-right .top-categories-carousel.home-carousels .owl-nav>div,
        .brands .category-topbrands.owl-carousel .owl-nav>div {
            top: 25%
        }

        .card-expiry-date .bootstrap-select>.dropdown-toggle.bs-placeholder {
            color: #999;
            border-color: #e3e5f4;
            border-radius: 4px
        }

        .card-expiry-date .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
            color: #5f6b87;
            border-color: #e3e5f4;
            background: 0 0
        }

        .checkout-wrapper #credit-card-wrapper .bootstrap-select.open>.dropdown-toggle.btn-default,
        .checkout-wrapper #credit-card-wrapper .bootstrap-select>.dropdown-toggle:active {
            color: #4f576d;
            background-color: #c1c7d5
        }

        #payment-form-wrap {
            float: right;
            padding-top: 15px
        }

        #payment-form-wrap label:not(.error) {
            font-size: 14px;
            padding: 0;
            width: 100%;
            color: #474b57
        }

        #make-balance-payment {
            float: right
        }

        #payment-form-wrap img.payment-cards {
            height: 40px;
            margin-right: 15px
        }

        #payment-form-wrap .panel-default,
        #payment-form-wrap .panel-default .form-control,
        #payment-form-wrap .panel-default .input-group-addon:last-child,
        .card-expiry-date .bootstrap-select>.dropdown-toggle.bs-placeholder {
            border-color: #e3e5f4
        }

        #payment-form-wrap .panel-default .error .form-control,
        #payment-form-wrap .panel-default .form-control.error {
            border-color: #e90b0b
        }

        #payment-form-wrap .input-group-addon:last-child {
            color: #606b87
        }

        #payment-form-wrap .input-group-addon {
            background-color: #e6ebf7;
            border: 1px solid #9eaac5
        }

        #payment-form-wrap #credit_card_card_number {
            border-right-width: 0
        }

        #payment-form-wrap .panel-default>.panel-heading {
            background: #f9faff
        }

        #payment-form-wrap .btn.pay {
            border-color: #848fab;
            border-radius: 4px;
            background-color: #e6ebf8;
            color: #353d52
        }

        #payment-form-wrap .panel-default .error .form-control {
            border-color: #e90b0b
        }

        #payment-form-wrap .form-group {
            margin-bottom: 22px
        }

        #payment-form-wrap label.error {
            color: #f18382;
            position: absolute;
            font-size: 12px
        }

        #payment-form-wrap .panel-default .error .input-group-addon:last-child {
            border-color: #e90b0b;
            background: #e90b0b;
            color: #fff
        }

        #payment-form-wrap .form-group.error .credit-card-number-wrap .input-group-addon {
            color: #fff;
            background: #e90b0b;
            border-color: #e90b0b;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px
        }

        #payment-method-options .payment-method-information {
            padding: 8px 15px;
            position: relative;
            font-size: 12px;
            line-height: 16px;
            color: #4d4f5a;
            display: none
        }

        #payment-method-options li.active .payment-method-information {
            display: block;
            background: #f1f8ff
        }

        @media screen and (max-width:412px) {
            #search-results.view-grid .product.grid-list .product-details {
                padding: 0 5px
            }
            .product.grid-list .product-title {
                line-height: 16px;
                font-size: 13px
            }
            .product.grid-list .product-price {
                padding: 0 5px
            }
            #search-results.view-grid .product.grid-list .compare-checkbox-container {
                padding: 5px;
                background: #fff
            }
            .view-grid .variants-wrap .variant-count span {
                padding: 2px 6px;
                color: #fff;
                background: #525252;
                border-radius: 50%;
                font-weight: 600
            }
            #header-mobile {
                box-shadow: none
            }
            #home-container-right {
                margin-top: 21.7%
            }
            #mainbanner {
                border: none
            }
        }

        #header-mobile a.mobile-header-cart {
            overflow: hidden
        }

        #m-cart-total-qnty {
            display: block;
            width: 18px;
            height: 18px;
            line-height: 22px;
            border-radius: 50%;
            text-align: center;
            float: right;
            margin-top: 9px
        }

        .mm-menu {
            background: #fff;
            color: rgba(255, 255, 255, .6)
        }

        #mobile-menu {
            box-shadow: 0 0 20px rgba(68, 72, 76, .42);
            z-index: 0
        }

        #mobile-menu .mm-list>li>a,
        #mobile-menu .mm-list>li>span {
            color: #222
        }

        #mobile-menu:before {
            content: "";
            width: 80%;
            max-width: 440px;
            height: 120px;
            background: url(/assets/img/mobile-menu-top-511x196.jpg) no-repeat;
            background-size: cover;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 99;
            border-bottom: 3px solid #ffc824;
            background-position: center
        }

        #mobile-menu.mm-menu>.mm-panel {
            top: 100px;
            background: #fff;
            bottom: 20%;
            height: 88%
        }

        .mm-menu .mm-list a.select-currency {
            background-position: 20px center !important;
            background-repeat: no-repeat !important;
            display: block;
            background-size: 12% !important;
            padding-left: 72px
        }

        .mm-menu .mm-list.currencies li a.currency {
            padding-left: 89px;
            background-repeat: no-repeat;
            background-size: 34px;
            background-position: 40px center
        }

        .mm-menu .mm-list a.select-currency.aed,
        .mm-menu .mm-list.currencies li a.currency.aed {
            background-image: url(/assets/img/flag-uae-80x40.png) !important
        }

        .mm-menu .mm-list a.select-currency.usd,
        .mm-menu .mm-list.currencies li a.currency.usd {
            background-image: url(/assets/img/flag-usa-80x40.png) !important
        }

        .mm-menu .mm-list a.select-currency.omr,
        .mm-menu .mm-list.currencies li a.currency.omr {
            background-image: url(/assets/img/flag-oman-80x40.png) !important
        }

        .mm-menu .mm-list a.select-currency.sar,
        .mm-menu .mm-list.currencies li a.currency.sar {
            background-image: url(/assets/img/flag-saudi-80x40.png) !important
        }

        .mm-menu .mm-list a.select-currency.qar,
        .mm-menu .mm-list.currencies li a.currency.qar {
            background-image: url(/assets/img/flag-qatar-80x40.png) !important
        }

        .mm-menu .mm-list a.select-currency.bhd,
        .mm-menu .mm-list.currencies li a.currency.bhd {
            background-image: url(/assets/img/flag-bahrain-80x40.png) !important
        }

        .mm-menu .mm-list a.select-currency.eur,
        .mm-menu .mm-list.currencies li a.currency.eur {
            background-image: url(/assets/img/flag-euro-80x40.png) !important
        }

        .mm-menu .mm-list a.select-currency.kwd,
        .mm-menu .mm-list.currencies li a.currency.kwd {
            background-image: url(/assets/img/flag-kuwait-80x40.png) !important
        }

        @media screen and (max-width:767px) {
            a.mobile-header-cart+a img {
                margin-top: 6px;
                height: 33px
            }
        }

        @media screen and (min-width:412px) and (max-width:767px) {
            #home-container-right {
                margin-top: 86px
            }
        }

        @media screen and (max-width:1022px) {
            .product .product-price {
                width: auto !important
            }
        }

        @media screen and (max-width:472px) {
            .product .product-title {
                font-size: 12px
            }
            #search-results #heading {
                margin-top: 20px
            }
            #search-results {
                width: auto !important
            }
        }

        @media screen and (min-width:431px) and (max-width:842px) {
            #search-results.view-list .product.grid-list .product-details-wrap .product-details {
                width: 70%
            }
        }

        @media screen and (max-width:767px) {
            #search-results #heading {
                margin-left: 0;
                margin-right: 0
            }
        }

        span.price-old {
            display: block;
            margin-left: 0;
            line-height: 14px;
            color: #606060;
            margin-top: -14px
        }

        .product .product-price {
            height: 28px
        }

        @media screen and (max-width:525px) {
            .body-page-cart>div>#header-first+.container-fluid,
            .body-page-product>div>#header-first+.container-fluid {
                padding: 0;
                margin-left: 0;
                margin-right: 0
            }
            .products-owl-carousel.owl-carousel .owl-nav .owl-next,
            .products-owl-carousel.owl-carousel .owl-nav .owl-prev {
                opacity: .5
            }
            .footer-contacts-container .container-fluid.footer-contact {
                margin-top: 10px
            }
        }

        @media screen and (max-width:767px) {
            #search-results.view-list .product.grid-list {
                margin-left: 0;
                margin-right: 0
            }
            #search-results.view-list .product.grid-list .product-image-wrap {
                border: none
            }
            #search-results.view-list .product.grid-list .product-price {
                height: auto
            }
            .cart-wrap {
                margin: 0 0
            }
        }

        #header-mobile a.mobile-header-cart {
            top: 3px
        }

        #header-mobile a.mobile-header-cart i {
            margin-right: 12px;
            font-size: 24px
        }

        #header-mobile a.mobile-header-cart #m-cart-total-qnty {
            margin-top: 0;
            margin-left: -11px;
            border: 0 solid #000;
            z-index: 9999;
            position: relative;
            font-size: 12px;
            line-height: 15px;
            background: #ffc824;
            font-weight: 700;
            font-family: arial, sans-serif !important
        }

        html.mm-opening #mm-blocker {
            background: rgba(136, 139, 156, .36)
        }

        .mm-menu .mm-list>li:after,
        .mm-menu .mm-list>li>a.mm-subopen:before {
            border-color: transparent
        }

        #mobile-menu.full-open {
            z-index: 0
        }

        .mm-menu .mm-list>li>a.mm-subclose:before,
        .mm-menu .mm-list>li>a.mm-subopen:after {
            border-color: #222;
            border-width: 1px
        }

        #search-results.view-list .product.grid-list .product-details-wrap .product-price {
            height: auto
        }

        @media screen and (min-width:767px) and (max-width:843px) {
            #search-results.view-list .product.grid-list .product-details-wrap .product-price {
                height: auto;
                margin-top: 0
            }
        }

        .sort-options-wrap .icon {
            display: inline
        }

        .sort-options-wrap .text {
            display: none
        }

        @media screen and (min-width:767px) {
            .sort-options-wrap .icon {
                display: none
            }
            .sort-options-wrap .text {
                display: inline;
                padding-right: 5px
            }
        }

        @media screen and (max-width:640px) {
            #search-results .product.grid-list .product-price,
            #search-results .product.grid-list .product-title {
                padding-left: 0;
                padding-right: 0
            }
        }

        .filter-switch {
            display: none
        }

        .close-filter {
            display: none
        }

        @media screen and (max-width:767px) {
            #collapseFilter.filter-wrap.collapse,
            #collapseFilter.filter-wrap.collapse.in {
                visibility: visible;
                display: block;
                transition: all .4s ease-in-out;
                width: 100%;
                background: #fff;
                margin-left: -15px;
                margin-right: -15px;
                top: 100%;
                position: fixed;
                z-index: 9
            }
            ul#search-filter>li {
                margin: 0 25px
            }
            ul#search-filter>li+ul>li {
                padding: 0 35px
            }
            ul#search-filter>li+ul:last-child {
                padding-bottom: 10px
            }
            #collapseFilter.filter-wrap.collapse.in.open-filter,
            #collapseFilter.filter-wrap.collapse.open-filter {
                top: 0;
                bottom: 0;
                z-index: 9999;
                background: #fff;
                overflow-y: scroll;
                height: 100%
            }
            .filter-switch {
                display: block
            }
            .filter-switch .btn {
                padding: 5px 12px
            }
            .close-filter {
                position: relative;
                margin-bottom: 42px;
                display: block
            }
            .close-filter a {
                display: block;
                width: 40px;
                height: 40px;
                background: #222;
                text-align: center;
                line-height: 40px;
                font-weight: 700;
                color: #fff;
                position: absolute;
                right: 0
            }
        }

        @media screen and (max-width:630px) {
            #search-results.view-list .product.grid-list .product-details-wrap .product-price .prices {
                padding-top: 10px
            }
        }

        @media screen and (max-width:767px) {
            #footer .subscribe-form {
                margin-bottom: 25px
            }
        }

        #search-results.view-list .product.grid-list .banner_container {
            right: 0;
            left: auto
        }

        #search-results.view-list .product.grid-list .banner_container .ribbon_edge {
            float: left
        }

        #search-results.view-list .product.grid-list .banner_container .ribbon_edge:after {
            bottom: 0;
            border-width: 0 0 18px 16px
        }

        #search-results.view-list .product.grid-list .banner_container .ribbon_edge:before {
            top: 0;
            border-width: 18px 0 0 16px
        }

        #search-results.view-list .product.grid-list .banner_container .rectangle {
            float: left
        }

        #search-results.view-list .product.grid-list .banner_container .ribbon_edge:after,
        #search-results.view-list .product.grid-list .banner_container .ribbon_edge:before {
            left: initial;
            right: 2px
        }

        .location-wrap .location-wrap-inner {
            background: #fff
        }

        .checkout-wrapper #pickup-location .btn,
        .checkout-wrapper #pickup-location .btn.active {
            border-width: 0
        }

        .checkout-wrapper #pickup-location .map-location a {
            width: 100%;
            text-align: left;
            border-width: 0;
            background: #e3e5f4
        }

        #pickup-location .location-wrap .location-wrap-inner {
            border: 2px solid #e3e5f4
        }

        #pickup-location .location-wrap .location-wrap-inner.active {
            border: 2px solid #333
        }

        .checkout-wrapper #pickup-location .active .map-location a {
            background: #333;
            color: #fff
        }

        .checkout-wrapper #pickup-location .map-location a:hover {
            background: #b9bed0
        }

        .checkout-wrapper #pickup-location .active .map-location a:hover {
            background: #424242
        }

        .checkout-wrapper #pickup-location .btn:hover {
            background: #f7f7fa
        }

        #pickup-location .location-wrap .location-wrap-inner:not(.active):hover {
            border-color: #b9bed0
        }

        .checkout-wrapper #pickup-location .location-wrap-inner:not(.active) .btn:hover {
            background: #f7f7fa;
            color: #696c77
        }

        .checkout-wrapper #pickup-location .location-wrap-inner:not(.active) .btn:hover .order-pickup-date,
        .checkout-wrapper #pickup-location .location-wrap-inner:not(.active) .btn:hover .working-hours {
            color: #696c77
        }

        .variants-wrap li span {
            padding: 4px 8px;
            border-radius: 5px;
            border-color: #d7d7d7;
            color: #444
        }

        .variants-wrap li a,
        .variants-wrap li a span {
            color: #444;
            font-size: 12px
        }

        .variants-wrap li span.selected {
            color: #000;
            font-weight: 700;
            border-color: #000;
            background: #fff
        }

        .view-grid .variants-wrap {
            height: 25px
        }

        #search-results.view-list .product.grid-list .product-details-wrap .product-price {
            position: relative
        }

        #search-results.view-list .product.grid-list .product-details-wrap .product-price .prices .new-price {
            margin-top: 14px
        }

        #search-results.view-list .product.grid-list .product-details-wrap .product-price .prices .old-price {
            position: absolute;
            right: 16px;
            top: 0;
            margin-top: 0
        }

        @media screen and (min-width:844px) {
            #search-results.view-list .product.grid-list .product-details-wrap .product-price .prices .old-price {
                right: 16px
            }
        }

        #search-results.view-grid .product.grid-list .product-details-wrap .product-price .prices .new-price,
        #search-results.view-grid .product.grid-list .product-details-wrap .product-price .prices .old-price {
            float: left
        }

        #search-results.view-grid .product.grid-list .product-details-wrap .product-price .prices .old-price {
            margin-top: 6px;
            margin-left: 10px
        }

        #search-results.view-grid .product.grid-list .variants-wrap {
            top: 53px
        }

        #search-results.view-grid .product.grid-list .free-shipping {
            margin-top: 2px
        }

        #search-results.view-grid .product.grid-list a.product-review {
            bottom: -140px;
            right: 0;
            left: initial;
            top: initial
        }

        @media screen and (max-width:398px) {
            #search-results.view-grid .product.grid-list .product-details-wrap .product-price .prices .old-price {
                float: none;
                margin: 0
            }
            #search-results.view-grid .product.grid-list .product-details-wrap .product-price .prices .new-price {
                float: none;
                margin: 0
            }
        }

        @media screen and (max-width:1278px) {
            #search-results.view-grid .product.grid-list .product-price .amount {
                font-size: 16px
            }
        }

        @media screen and (max-width:1320px) {
            #search-results.view-grid .product.grid-list a.product-review {
                bottom: -151px
            }
        }

        @media screen and (min-width:1197px) and (max-width:1238px) {
            #search-results.view-grid .product.grid-list .product-details-wrap .product-price .prices .new-price,
            #search-results.view-grid .product.grid-list .product-details-wrap .product-price .prices .old-price {
                float: none
            }
            #search-results.view-grid .product.grid-list .product-details-wrap .product-price .prices .old-price {
                margin: 0
            }
            #search-results.view-grid .product.grid-list a.product-review {
                bottom: -170px
            }
            #search-results.view-grid .product.grid-list .free-shipping {
                margin-top: 7px
            }
        }

        @media screen and (max-width:642px) {
            #search-results.view-grid .product.grid-list .compare-checkbox-container,
            #search-results.view-grid .product.grid-list .variants-wrap {
                margin: 0;
                padding: 0
            }
        }

        @media screen and (max-width:496px) {
            #search-results.view-grid .product.grid-list .product-price {
                margin-left: 0 !important;
                height: auto !important
            }
            #search-results.view-grid .product.grid-list .product-details {
                padding: 0
            }
        }

        .owl-carousel .product .product-image.loading {
            min-height: 104px
        }

        .top-brands .owl-carousel .product .product-image.loading {
            min-height: 90px
        }

        .brands .category-topbrands.owl-carousel .top-category.product {
            width: 165px
        }

        @media screen and (max-width:430px) {
            #search-results.view-grid .product.grid-list .product-details-wrap .product-price .prices .old-price {
                margin-top: 7px
            }
            #search-results.view-grid .product.grid-list a.product-review {
                bottom: -145px;
                left: 0;
                right: initial
            }
            .footer-contact .row.phone-numbers .ph-wp a:last-child {
                margin-left: 97px;
                margin-bottom: 10px
            }
            .footer-contact .row.phone-numbers .ph-wp i+a {
                margin-left: 96px
            }
        }

        @media screen and (max-width:430px) {
            #search-results.view-grid .product.grid-list .product-details-wrap .product-price .prices .old-price {
                margin-bottom: 7px;
                margin-top: 0
            }
        }

        @media screen and (max-width:1328px) {
            .footer-contact .row a {
                font-size: 17px
            }
        }

        @media screen and (max-width:1298px) {
            .footer-contact .row a {
                font-size: 16px
            }
        }

        @media screen and (max-width:1134px) {
            .footer-contact .row.phone-numbers .ph-wp a {
                display: block
            }
            .footer-contact .row.phone-numbers .ph-wp .breaker {
                display: none
            }
            .footer-contact .row.phone-numbers .ph-wp i+a {
                margin-top: -36px;
                margin-left: 69px
            }
            .footer-contact .row.phone-numbers .ph-wp a:last-child {
                margin-left: 69px
            }
        }

        @media screen and (max-width:1232px) {
            .footer-contact .footer-contact-bottom i,
            .footer-contact .row.phone-numbers i {
                margin-right: 8px
            }
        }

        @media screen and (max-width:767px) {
            .footer-contact .row.phone-numbers .ph-wp i+a {
                margin-top: -48px;
                margin-left: 91px
            }
            .footer-contact .row.phone-numbers .ph-wp a:last-child {
                margin-left: 91px;
                margin-bottom: 10px
            }
            .footer-contacts-container .container-fluid.footer-contact {
                margin-top: 0
            }
        }

        @media screen and (min-width:1003px) {
            #search-results.view-list .product.grid-list .product-details-wrap .product-details {
                margin-top: 4.5%
            }
            #search-results.view-list .product.grid-list .product-details-wrap .product-price {
                margin-top: 2.5%
            }
        }

        @media screen and (max-width:767px) {
            #search-results h1.page-title {
                font-size: 22px
            }
        }

        @media screen and (max-width:472px) {
            #home-container-right .top-categories-carousel .owl-item .product {
                height: auto
            }
        }

        @media screen and (max-width:767px) {
            #header-mobile a.mobile-menu-toggle {
                top: 5px
            }
        }

        .collection-info>div {
            padding: 4px 15px;
            font-weight: 700;
            color: #474b56;
            background: #e9e9ea4d
        }

        .variants-wrap .variant-count a {
            color: #000;
            display: inline-block;
            border-radius: 5px;
            line-height: initial;
            text-align: center;
            padding: 3px 8px;
            border: 1px solid #d7d7d7
        }

        @media screen and (max-width:350px) {
            .filter-switch {
                right: 118px
            }
        }

        @media screen and (max-width:419px) {
            #compare-list-bottom-drawer {
                width: auto
            }
        }

        #header-search-mobile input[type=text] {
            border-radius: 3px;
            font-size: 14px;
            border: none
        }

        #header-search-mobile {
            padding: 5px 0 8px 0
        }

        input#query.query-autocomplete.open {
            border-radius: 3px 3px 0 0
        }

        @media screen and (max-width:330px) {
            #home-container-right {
                margin-top: 23%
            }
        }

        .rating-container {
            line-height: 22px
        }

        #search-results.view-list a.product-review {
            position: absolute;
            bottom: 10px;
            left: 110px
        }

        .pre-order-date {
            background: #fff;
            margin-top: -10px;
            margin-bottom: 25px;
            color: #4e4e4e;
            text-align: center;
            padding: 5px;
            font-weight: 700;
            border-radius: 2px;
            border: 1px solid #eee;
            line-height: 20px
        }

        .pre-order-date .fa.fa-info-circle {
            color: #4caf4f;
            font-size: 18px;
            line-height: 21px;
            vertical-align: middle
        }

        @media screen and (min-width:767px) {
            .body-page-product #bundle-wrapper .product.product-carousel {
                width: 32.2943%;
                margin: 5px .51951666%
            }
        }

        @media screen and (min-width:1024px) {
            .body-page-product #bundle-wrapper .product.product-carousel {
                width: 23.962%;
                margin: 5px .519%
            }
        }

        @media screen and (min-width:1200px) {
            .body-page-product #bundle-wrapper .product.product-carousel {
                width: 19.3%;
                margin: .35%
            }
        }

        #home-container-right .product.product-carousel {
            position: relative
        }

        #home-container-right .product.product-carousel a.product-review-stars {
            position: absolute;
            width: 126px;
            bottom: 14px;
            right: 15px
        }

        #home-container-right .checkbox.checkbox-default.compare-checkbox {
            position: absolute;
            bottom: 4px
        }

        @media screen and (max-width:496px) {
            #home-container-right .product.product-carousel a.product-review-stars {
                left: -7px
            }
        }

        @media screen and (min-width:1198px) and (max-width:1260px) {
            #home-container-right .product.product-carousel .checkbox label {
                padding-left: 0
            }
        }

        @media screen and (max-width:528px) {
            #home-container-right .product.product-carousel a.product-review-stars {
                left: 0;
                bottom: 42px
            }
        }

        @media screen and (max-width:496px) {
            #home-container-right .product.product-carousel a.product-review-stars {
                left: -7px
            }
        }

        @media screen and (max-width:472px) {
            .rating-container {
                margin-top: 0 !important;
                margin-left: 15px;
                position: absolute
            }
            .product-review-wrap #rate-and-review .rating-container {
                margin: 15px auto 0 !important
            }
        }

        .service-items label {
            display: inline-block;
            max-width: 100%;
            margin-bottom: 5px;
            background: #eaeaea;
            padding: 2px 7px;
            color: #777;
            border-radius: 5px;
            border: 1px solid #b7b7b7
        }

        .accessories,
        .attachment {
            padding: 10px;
            background: #fbfbfb;
            border: 1px solid #eaeaea;
            border-radius: 4px;
            margin-bottom: 10px
        }

        @media screen and (max-width:480px) {
            .accessories,
            .attachment {
                padding: 0
            }
        }

        .accessories label {
            background: #fff;
            border: none;
            padding: 0 0 10px 0
        }

        label.under-warranty {
            border-color: #3d7b01;
            background: #5bb700;
            color: #fff
        }

        label.etd {
            color: #222;
            background: #fecb02;
            padding: 5px 10px;
            border-radius: 5px;
            border: 1px solid #a78b21;
            font-size: 14px
        }

        .resp-table.user-statuses .status-time label,
        .resp-table.user-statuses .table-body-cell.status-comment label {
            display: none
        }

        @media screen and (max-width:767px) {
            .resp-table.user-statuses .resp-table-row:nth-child(2n+1) {
                background: #f7f7f79c
            }
            .resp-table.user-statuses .resp-table-row:nth-child(2n) {
                background: #f9f9f9
            }
            .resp-table.user-statuses .resp-table-header,
            .resp-table.user-statuses .resp-table-row {
                padding: 5px;
                border: 1px solid #ececec;
                margin: 8px 0;
                overflow: hidden
            }
            .resp-table.user-statuses .status-time {
                width: 50%;
                float: left
            }
            .resp-table.user-statuses .status-status {
                width: 50%;
                float: left;
                padding-top: 8px
            }
            .resp-table.user-statuses .status-comment {
                width: 100%;
                float: left
            }
            .resp-table.user-statuses .status-comment.have-comment {
                border-top: 1px solid #f1f1f1;
                margin-top: 5px
            }
            .resp-table.user-statuses .table-body-cell.status-comment.have-comment label,
            .resp-table.user-statuses .table-body-cell.status-time label {
                display: block;
                color: #7d7d7d;
                font-weight: 400
            }
        }

        .resp-table.service-items .table-body-cell {
            vertical-align: top
        }

        .resp-table.service-items .resp-table-row:nth-child(2n+1) {
            background: #f9f9f9;
            border-bottom: 1px solid #e6e6e6
        }

        .resp-table.service-items .resp-table-row:nth-child(2n) {
            background: rgba(241, 241, 241, .73)
        }

        @media screen and (max-width:767px) {
            .resp-table.service-items .table-body-cell .wrap {
                padding: 10px
            }
            .resp-table.service-items .table-body-cell.service-items-sl {
                width: 15%;
                background: #222;
                margin-bottom: -40px;
                z-index: 9999;
                position: relative;
                color: #fecb02;
                font-weight: 700;
                text-align: center
            }
            .resp-table.service-items .table-body-cell.service-item {
                padding-top: 45px
            }
            .resp-table.service-items .resp-table-row {
                margin-bottom: 15px
            }
        }

        .carousel-section-wrapper a.product-review-stars {
            display: block;
            width: 120px;
            position: absolute;
            bottom: 25px;
            right: 0;
            text-align: right
        }

        .home .product a.product-review-stars .rating-container {
            right: 0
        }

        .carousel-section-wrapper .product a.product-review-stars .rating-container {
            right: 15px;
            margin-left: 0;
            margin-right: 0
        }

        @media screen and (max-width:528px) {
            .carousel-section-wrapper .product a.product-review-stars .rating-container,
            .home .product a.product-review-stars .rating-container {
                left: 0
            }
        }

        .body-page-cart a.product-review-stars .stars-container .fa-star,
        .body-page-cart a.product-review-stars .stars-container .star-half-2,
        .body-page-product a.product-review-stars .stars-container .fa-star,
        .body-page-product a.product-review-stars .stars-container .star-half-2,
        .carousel-section-wrapper a.product-review-stars .stars-container .fa-star,
        .carousel-section-wrapper a.product-review-stars .stars-container .star-half-2,
        .home .product .stars-container .fa-star,
        .home .product .stars-container .star-half-2 {
            font-size: 14px
        }

        .body-page-cart a.product-review-stars .stars-container .star-half-2,
        .body-page-product a.product-review-stars .stars-container .star-half-2,
        .carousel-section-wrapper a.product-review-stars .stars-container .star-half-2,
        .home .product .stars-container .star-half-2 {
            margin-left: -13px;
            font-size: 14px;
            margin-top: 3px
        }

        .body-page-product .products-owl-carousel .product a.product-review-stars {
            display: block;
            position: absolute;
            bottom: 10px;
            width: 120px;
            right: 7px
        }

        .body-page-product .product .compare-checkbox {
            position: absolute;
            bottom: 0
        }

        @media screen and (max-width:554px) {
            .carousel-section-wrapper a.product-review-stars {
                left: 16px;
                right: initial;
                bottom: 40px
            }
        }

        @media screen and (max-width:467px) {
            .body-page-product .products-owl-carousel .product a.product-review-stars {
                left: -7px;
                right: initial;
                bottom: 40px
            }
        }

        #bought-together-often-wrap .product-review-stars .rating-container,
        #similar-products-wrap .product-review-stars .rating-container {
            margin-top: 0;
            margin-left: 0
        }

        .body-page-product #bought-together-often-wrap .products-owl-carousel .product a.product-review-stars,
        .body-page-product #similar-products-wrap .products-owl-carousel .product a.product-review-stars {
            bottom: 10px;
            right: 0;
            height: 20px;
            overflow: hidden
        }

        @media screen and (max-width:467px) {
            .body-page-product #bought-together-often-wrap .products-owl-carousel .product a.product-review-stars,
            .body-page-product #similar-products-wrap .products-owl-carousel .product a.product-review-stars {
                bottom: 9px;
                left: 5px;
                right: initial
            }
        }

        .body-page-product #bundle-wrapper .product.product-carousel {
            position: relative
        }

        .body-page-product #bundle-wrapper .product.product-carousel a.product-review-stars {
            position: absolute;
            width: 120px;
            bottom: 10px;
            left: 10px;
            height: 20px
        }

        .body-page-product #bundle-wrapper .product.product-carousel a.product-review-stars .rating-container {
            right: 15px;
            margin: 0
        }

        @media screen and (max-width:767px) {
            .body-page-product #bundle-wrapper .product.product-carousel {
                position: relative;
                height: 345px
            }
        }

        @media screen and (max-width:472px) {
            .body-page-product #bundle-wrapper .product.product-carousel {
                height: 380px
            }
            .body-page-product #bundle-wrapper .product.product-carousel a.product-review-stars {
                bottom: 35px;
                left: 7px;
                right: initial
            }
        }

        body.filter-open div#header-mobile {
            z-index: 1
        }

        form.wishlist-add-all-form {
            display: block;
            text-align: center;
            padding: 10px 0
        }

        form.wishlist-add-all-form button.btn.btn-success {
            padding: 8px 15px;
            font-size: 14px
        }

        @media screen and (min-width:767px) {
            form.wishlist-add-all-form {
                text-align: right
            }
            form.wishlist-add-all-form button.btn.btn-success {
                width: 28%;
                padding: 10px 5px
            }
        }

        @media screen and (min-width:1200px) {
            form.wishlist-add-all-form button.btn.btn-success {
                width: 18%
            }
        }

        body.body-page-installments #content-data,
        body.installment #content-data {
            padding: 0
        }

        .installment-content h1 {
            margin: 20px 0;
            font-size: 22px
        }

        .installment-content h2 {
            margin-top: 40px;
            margin-bottom: 15px
        }

        .installment-content .bank-wrapper {
            padding: 10px;
            border: 1px solid #f3f3f3;
            margin: 10px 0;
            height: 100%
        }

        .installment-content .bank-info {
            text-align: center;
            margin-top: 10px;
            margin-bottom: 10px;
            font-size: 14px;
            font-weight: 600
        }

        .installment-content .bank-container {
            margin: 10px 0
        }

        @media screen and (min-width:500px) {
            .installment-content .bank-logo {
                margin: 10px 50px
            }
            .installment-content .bank-info {
                margin-left: 40px;
                margin-right: 40px
            }
        }

        @media screen and (min-width:767px) {
            #installment-wrapper {
                padding: 20px 60px
            }
            #installment-wrapper .installment-content {
                width: 80%;
                padding: 40px 0;
                margin: auto
            }
        }

        @media screen and (min-width:996px) {
            .installment-content .bank-container {
                width: 50%
            }
            .installment-content .bank-wrapper {
                margin: 10px
            }
        }

        .installment-content p.note {
            background: #ffff001c;
            padding: 20px
        }

        .installment-content p.note sup {
            color: red
        }

        .banks.clearfix {
            display: flex;
            flex-wrap: wrap
        }

        .category-bestoffer.owl-carousel .product .old-price span.price-old,
        .category-bestseller.owl-carousel .product .old-price span.price-old,
        .category-newitems.owl-carousel .product .old-price span.price-old,
        .product.product-carousel .old-price span.price-old {
            margin: 0
        }

        @media screen and (min-width:320px) and (max-width:1196px) {
            .product.product-carousel .new-price,
            .product.product-carousel .old-price {
                float: unset
            }
        }

        @media screen and (max-width:1002px) {
            #search-results.view-list .product.grid-list .product-details-wrap .product-price .prices .new-price {
                margin-top: 0
            }
            #search-results.view-list .product.grid-list .product-details-wrap .product-price .prices .old-price {
                margin-top: -10px
            }
            #search-results.view-list .product.grid-list .product-details-wrap .product-price .prices {
                padding-top: 8px
            }
        }

        @media screen and (min-width:497px) {
            #search-results.view-list .product.grid-list .product-details-wrap .product-price {
                width: 30% !important
            }
        }

        @media screen and (min-width:416px) {
            #search-results.view-list .product.grid-list .product-details-wrap .product-price .prices .old-price {
                right: 0
            }
        }

        @media screen and (min-width:640px) {
            #search-results.view-list .product.grid-list .product-details-wrap .product-price .prices .old-price {
                right: 16px
            }
        }

        @media screen and (max-width:630px) {
            #search-results.view-list .product.grid-list .product-details-wrap .product-price .prices .new-price {
                margin-top: 0
            }
            #search-results.view-list .product.grid-list .product-details-wrap .product-price .prices .old-price {
                margin-top: -10px
            }
        }

        @media screen and (max-width:767px) {
            #search-results.view-list .product.grid-list .product-image-wrap {
                width: 225px;
                float: none;
                margin: auto;
                border: 0
            }
        }

        @media screen and (max-width:496px) {
            #search-results.view-list .product.grid-list .product-details-wrap .product-details {
                width: 100%;
                float: none
            }
            #search-results.view-list .product.grid-list .product-details-wrap .product-price {
                width: 100%;
                float: none
            }
            #search-results.view-list .product.grid-list .product-details-wrap .details-btn,
            #search-results.view-list .product.grid-list .product-details-wrap .product-price .free-shipping,
            #search-results.view-list .product.grid-list .product-details-wrap .product-price .prices .new-price,
            #search-results.view-list .product.grid-list .product-details-wrap .product-price .prices .old-price {
                text-align: left
            }
            #search-results.view-list .product.grid-list .product-details-wrap .product-price .prices .new-price {
                float: left
            }
            #search-results.view-list .product.grid-list .product-details-wrap .product-price .prices .old-price {
                position: initial;
                float: left;
                margin-top: 3px;
                margin-left: 10px
            }
            #search-results.view-list .product.grid-list {
                position: relative;
                padding-bottom: 45px
            }
            #search-results.view-list .product-details {
                position: initial
            }
            #search-results.view-list .product.grid-list .product-price {
                margin-left: 0 !important
            }
        }

        .warranty-informations ul {
            margin: 0;
            padding: 0
        }

        .warranty-informations ul li {
            list-style: none
        }

        .warranty-informations .warranty-label {
            width: auto;
            margin-right: 10px;
            font-size: 14px;
            font-weight: 700
        }

        span.label-charges-checkout {
            line-height: normal;
            padding-inline-start: 5px
        }

        .warranty-informations .no-ext-warranty>strong {
            font-size: 14px
        }

        .product-additional-info .sku {
            float: left;
            margin-left: 0;
            margin-top: 13px
        }

        .quantity-input-group .mdl-selectfield,
        .quantity-input-group input[name=quantity] {
            font-size: 14px;
            border: 1px solid #ddd;
            border-radius: 2px
        }

        .product-additional-info .product-wishlist-compare-wrap .add-to-wish-list {
            color: #c71111;
            padding-top: 7px;
            padding-bottom: 7px;
            float: left;
            width: 50%;
            border-color: #dedede;
            background: #fbfbfb
        }

        .product-additional-info .product-wishlist-compare-wrap .compare-checkbox-container {
            width: 50%;
            float: left;
            text-align: center;
            border-style: solid;
            border-color: #dedede;
            border-width: 1px 1px 1px 0;
            color: #222;
            background: #fbfbfb
        }

        .product-additional-info .product-wishlist-compare-wrap .compare-checkbox-container .checkbox {
            margin-top: 5px;
            margin-bottom: 5px
        }

        .product-additional-info .product-wishlist-compare-wrap .add-to-wish-list,
        .product-additional-info .product-wishlist-compare-wrap .compare-checkbox-container {
            border-color: #fff;
            background: #fff;
            width: auto
        }

        .product-additional-info .product-wishlist-compare-wrap .add-to-wish-list {
            padding: 7px 0
        }

        .product-additional-info .product-wishlist-compare-wrap .compare-checkbox-container {
            padding: 0 20px
        }

        .quantity-input-group .mdl-selectfield,
        .quantity-input-group input[name=quantity] {
            width: 12%;
            float: left;
            text-align: center
        }

        .quantity-input-group .btn-lg {
            padding: 11px 24px;
            float: right;
            width: 86%
        }

        .grey-border {
            min-height: 370px
        }

        .product-title--items-wrap {
            margin-left: -15px;
            padding-left: 15px
        }

        ul.product-info-list li i {
            width: 25px;
            height: 25px;
            line-height: 24px;
            margin-right: 3px;
            font-size: 18px;
            text-align: center
        }

        ul.product-info-list li .instant-delivery-wrap i {
            border-radius: 50%;
            background: #cfe2f9;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #3b5999;
            padding: 17px
        }

        ul.product-info-list li.delivery-charges-checkout i {
            font-size: 14px;
            padding: 12px
        }

        ul.product-info-list li {
            padding: 10px;
            background: #f6faff;
            margin: 5px 0;
            color: #5c5c5c;
            list-style: none;
            border-radius: 5px
        }

        ul.product-info-list {
            margin: 0;
            padding: 0
        }

        ul.product-info-list li.left-in-stock strong {
            color: #ff8200
        }

        ul.product-info-list.instant-delivery li {
            background: rgb(255 255 0 / 26%);
            color: #000
        }

        ul.product-info-list li.delivery-charges-checkout {
            background: 0 0
        }

        ul.product-info-list li.store-stock-info {
            background: #e3edff
        }

        img.store-badge {
            margin-inline-end: 8px;
            width: 20px
        }

        .store-stock-info .stock-trust {
            display: flex;
            align-items: center;
            color: #000;
            padding-top: 3px;
            padding-inline-start: 4px
        }

        .store-stock-info .stock-info-row {
            font-weight: 700;
            color: #000
        }

        .product-price-wrapper {
            border-bottom: 1px solid #eee;
            margin-bottom: 15px;
            padding-bottom: 15px
        }

        .priceFormat {
            display: inline-block;
            direction: ltr;
            align-items: baseline;
            font-family: 'YS Text Regular'
        }

        .product-price-wrapper .the-price.priceFormat {
            display: flex
        }

        a.installment_payment .priceFormat {
            display: inline-block
        }

        .product-noreturn {
            border-bottom: 1px solid #eee;
            margin-bottom: 15px;
            padding-bottom: 15px;
            display: flex;
            place-items: center
        }

        .product-noreturn.no-policy {
            border-bottom: 0 solid #eee;
            margin-top: 7px;
            margin-bottom: 5px;
            padding-bottom: 2px;
            font-size: 12px;
            font-weight: 100
        }

        img.no-return {
            margin-right: 10px;
            width: 20px
        }

        .product-noreturn.no-policy.p-cart {
            margin: 6px
        }

        a.noreturn-plicy {
            color: #428bca
        }

        .product-price-buy-form-wrapper .instock-lable {
            color: #4caf4f;
            font-weight: 700;
            font-size: 16px
        }

        .quantity-input-group {
            padding-top: 15px
        }

        form#out-stock-notification {
            display: block;
            padding: 15px 0
        }

        @media screen and (min-width:992px) {
            .quantity-input-group .mdl-selectfield,
            .quantity-input-group input[name=quantity] {
                width: 22%;
                float: left;
                text-align: center
            }
            .quantity-input-group .btn-lg {
                padding: 11px 24px;
                float: right;
                width: 76%
            }
        }

        @media screen and (min-width:1200px) {
            .quantity-input-group .mdl-selectfield,
            .quantity-input-group input[name=quantity] {
                width: 18%
            }
            .quantity-input-group .btn-lg {
                width: 80%
            }
            .product-images-col,
            .product-title-col {
                width: 38.5%
            }
            .product-buy-col {
                width: 23%
            }
            .product_type_gift .product-images-col {
                width: 31.5%
            }
            .product_type_gift .product-title-col {
                width: 44.5%
            }
        }

        @media screen and (min-width:1400px) {
            .quantity-input-group .mdl-selectfield,
            .quantity-input-group input[name=quantity] {
                width: 15%
            }
            .quantity-input-group .btn-lg {
                width: 83%
            }
        }

        @media screen and (max-width:992px) {
            .product-buy-col {
                margin-left: 41.66666667%;
                width: 50%;
                position: relative
            }
            .product-wishlist-compare-wrap {
                margin: 15px 0
            }
            .product-price-buy-form-wrapper .discounts {
                padding-top: 15px
            }
            .product-price-buy-form-wrapper .cart-submit {
                margin-bottom: 0
            }
            .grey-border,
            .product-title--items-wrap {
                min-height: auto
            }
        }

        @media screen and (max-width:767px) {
            .product-title-col {
                float: left;
                width: 50%
            }
            .product-title-col .product-title-h1 {
                font-size: 16px
            }
            .product-buy-col {
                width: 50%;
                float: left;
                margin-left: 0;
                border: 0;
                z-index: 0
            }
            .product-images-col {
                margin-top: 20px;
                margin-bottom: 20px;
                min-height: 376px
            }
            .product-title--items-wrap {
                margin-left: -15px;
                border-right: 1px solid #eee;
                border-left: 0;
                padding-right: 15px;
                margin-right: -15px
            }
            .product-buy-col .product-price,
            .product-buy-col .the-price .product-price {
                font-size: 24px
            }
            .quantity-input-group .mdl-selectfield,
            .quantity-input-group input[name=quantity] {
                width: 16%
            }
            .quantity-input-group .btn-lg {
                width: 82%
            }
        }

        @media screen and (max-width:580px) {
            .product-title--items-wrap {
                margin: 0;
                border: 0;
                padding: 0
            }
            .product-buy-col {
                z-index: 9998;
                float: none;
                width: auto
            }
            .product-title-col {
                float: none;
                width: auto
            }
            .product-price-buy-form-wrapper .quantity-input-group {
                padding-top: 15px;
                padding-bottom: 15px
            }
        }

        #copyright>.container-fluid,
        #footer>.container-fluid,
        .footer-contacts-container>.container-fluid {
            padding-left: 15px;
            padding-right: 15px
        }

        .order-view .btn.pay,
        a#make-balance-payment {
            border: 1px solid #45a349;
            border-radius: 2px;
            background-color: #4caf50;
            color: #fff;
            font-weight: 700;
            margin-top: 10px
        }

        a#make-balance-payment {
            margin-top: 20px;
            padding: 12px 25px;
            border-radius: 4px
        }

        a#make-balance-payment:hover {
            background-color: #8bc34a
        }

        .order-view .btn.pay {
            width: 100%
        }

        .product-review-wrap .col-one,
        .product-review-wrap .col-two {
            overflow: hidden
        }

        .product-review-wrap .review-count-wrap {
            text-align: center;
            padding: 20px 0
        }

        .product-review-wrap .review-count-wrap {
            width: 290px
        }

        .product-review-wrap .stars-container .star-half-2 {
            z-index: 1
        }

        .review-count-wrap {
            text-align: center
        }

        .rating-container.no-product-reviews,
        .rating-container.product-reviews {
            position: relative;
            margin: 0;
            overflow: hidden;
            width: 102px;
            margin: 15px auto 0
        }

        .current-review-stars .rating-average {
            font-size: 16px
        }

        .current-review-stars .reviews-count-container {
            float: none
        }

        .current-review-stars .stars-container {
            float: none
        }

        .current-review-count .review-average {
            width: 80px;
            text-align: center;
            font-size: 28px;
            margin: auto;
            font-weight: 700
        }

        .current-review-count .rating-average {
            font-weight: 700
        }

        .current-review-stars .no-product-reviews .stars-container .fa-star.star-empty {
            color: #f3f3f3;
            -webkit-text-stroke-color: #dcdcdc
        }

        .product-review-wrap {
            margin-bottom: 50px;
            border-bottom: 1px solid #f5f5f5;
            padding-bottom: 10px
        }

        .rating-percentage-wrapper {
            width: 320px;
            float: left;
            padding: 20px;
            border-style: solid;
            border-width: 0 1px;
            border-color: #f1f1f1
        }

        .rating-percentage-wrapper .star_number {
            float: left;
            width: 18%;
            line-height: 25px
        }

        .rating-percentage-wrapper .percentage-bar {
            background: #f3f3f3;
            width: 71.3%;
            height: 16px;
            float: left;
            margin: 5px 0
        }

        .rating-percentage-wrapper .percentage-figure {
            float: left;
            line-height: 24px;
            margin-left: 6px;
            color: #848484;
            font-weight: 400;
            width: 8.5%;
            text-align: center
        }

        .rating-percentage-wrapper .percentage-bar .filler {
            height: 16px;
            background: -webkit-linear-gradient(#fecb02, #fecb02);
            background: -o-linear-gradient(#fecb02, #fecb02);
            background: linear-gradient(#fecb02, #fecb02)
        }

        .product-review-wrap .be-the-first {
            color: #adadad
        }

        .product-review-wrap .rating-percentage-wp {
            padding: 40px 20px;
            border-style: solid;
            border-color: #f3f3f3;
            border-width: 0 0 0 1px
        }

        @media screen and (max-width:995px) {
            .product-review-wrap .rate-this-product.no-rating {
                border-left-width: 0
            }
        }

        .login-to-rate.on {
            color: #404040;
            font-weight: 400;
            padding-top: 10px
        }

        .login-to-rate.on a {
            color: #ffa00b;
            font-weight: 700
        }

        .col-write-review .form-group {
            margin-top: 15px
        }

        .call-write-review {
            height: auto
        }

        .call-write-review.no-show,
        .col-write-review.no-show {
            height: 0;
            overflow: hidden
        }

        .call-write-review {
            font-weight: 400
        }

        .call-write-review a {
            font-weight: 700;
            color: #ff9800
        }

        .uploader-wrap {
            padding: 10px;
            border-radius: 4px;
            border: 1px solid #ccc
        }

        .col-write-review .review-submitted {
            background: ivory;
            padding: 10px;
            border: 1px solid #e6e6d2;
            border-radius: 3px;
            color: #333
        }

        .product-review-wrap.loading .starRating {
            position: relative
        }

        .product-review-wrap.loading .starRating:after {
            content: "";
            width: 40px;
            height: 40px;
            background: url(/assets/img/Ripple-0.9s-40px.svg);
            display: block;
            position: absolute;
            top: -8px;
            right: -48px
        }

        @media screen and (max-width:1137px) {
            .rating-percentage-wrapper {
                width: 300px
            }
        }

        @media screen and (min-width:995px) {
            .product-review-wrap .review-count-wrap {
                width: 262px
            }
            .product-review-wrap .col-one {
                width: 23%
            }
            .product-review-wrap .col-two {
                width: 67%
            }
        }

        @media screen and (max-width:995px) {
            .rating-percentage-wrapper {
                border-left: 0;
                padding: 0 20px 0 0
            }
            .product-review-wrap .col-one {
                width: 100%
            }
            .product-review-wrap .review-count-wrap {
                margin: auto
            }
            .product-review-wrap .col-two {
                padding-top: 20px
            }
            .product-review-wrap .col-two {
                width: 100%
            }
            .product-review-wrap .col-two .rating-percentage-wp {
                border: 0;
                border-top: 1px solid #f3efef;
                padding: 20px 0
            }
            .rating-write-review-wrapper {
                text-align: center;
                padding-top: 20px;
                margin-top: 10px
            }
        }

        @media screen and (max-width:724px) {
            .product-review-wrap .col-one {
                width: 100%
            }
            .rating-percentage-wrapper {
                width: 40%
            }
            .rating-percentage-wrapper .percentage-bar {
                width: 67.3%
            }
        }

        @media screen and (max-width:640px) {
            .product-review-wrap .review-count-wrap {
                padding: 0
            }
            .percentage-figure {
                float: right
            }
            .rating-percentage-wrapper,
            .rating-write-review-wrapper {
                float: none;
                width: 90%;
                margin: 10px auto
            }
            .rating-percentage-wrapper {
                border: 0;
                padding: 0
            }
            .rating-write-review-wrapper {
                text-align: center
            }
            .product-review-wrap .col-one {
                border: 0
            }
            .rating-write-review-wrapper {
                text-align: center;
                padding-top: 20px;
                margin-top: 10px
            }
            .starRating {
                background: url(/assets/img/stars-sp.png) repeat-x;
                height: 28px;
                background-size: 30px
            }
            .starRating div {
                height: 30px
            }
            .starRating input {
                width: 30px;
                height: 30px
            }
            .starRating input:checked+label,
            .starRating:hover input:checked:hover+label,
            .starRating:hover input:hover+label {
                background: url(/assets/img/stars-sp.png) repeat-x 0 -55px;
                background-size: 30px
            }
            .starRating label {
                height: 30px
            }
        }

        @media screen and (max-width:540px) {
            .rating-write-review-wrapper {
                width: 95%
            }
        }

        @media screen and (max-width:340px) {
            .rating-percentage-wrapper .percentage-bar {
                width: 70%
            }
        }

        .col-two.review-open .rating-percentage-wrapper {
            border-color: #fff
        }

        .submit-review button.btn {
            width: 100%;
            background: #fecb02;
            border-radius: 3px;
            font-weight: 700;
            text-transform: capitalize;
            padding: 10px
        }

        .review-likes {
            width: 55px
        }

        .media-body .review-likes {
            width: auto
        }

        .review-likes .fa {
            font-size: 20px
        }

        .review-likes .fa.fa-thumbs-up {
            color: #3abf86
        }

        .review-counts,
        .review-likes {
            float: left;
            line-height: 30px;
            margin-top: 20px
        }

        .review-counts {
            padding-left: 10px;
            font-weight: 400
        }

        .review-counts span {
            font-weight: 700
        }

        .login-to-like {
            float: left;
            width: 100%;
            padding: 5px 10px;
            background: #fffbe6;
            border: 1px solid #f1ecd7;
            font-weight: 400
        }

        .login-to-like a {
            font-weight: 700;
            color: #48c48e
        }

        .review-img-wrap {
            width: 80px;
            height: 80px;
            margin-bottom: 20px;
            margin: 3px 5px 3px 0;
            border: 1px solid #eee;
            overflow: hidden
        }

        .review-img-wrap img {
            height: auto;
            aspect-ratio: 1/1;
            object-fit: contain
        }

        a.remove-review-pic {
            display: block;
            text-align: center;
            background: #b32020;
            color: #fff;
            padding: 3px 0;
            font-size: 12px
        }

        .review-img-wrap .img-tbl-cl {
            display: table-cell;
            vertical-align: middle;
            height: auto
        }

        .review-profile-info {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

        .review-profile {
            margin-bottom: 8px;
            display: flex;
            align-items: center
        }

        .review-profile span.media-left {
            float: left
        }

        .review-profile span.media-left img {
            max-width: 45px
        }

        .review-profile h4.media-heading {
            margin: 0 0 0 8px;
            display: flex;
            flex-direction: column;
            gap: 10px
        }

        .avatar-letter {
            width: 45px;
            height: 45px;
            background-color: #d3d3d3;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 20px;
            font-weight: 700;
            color: #747474;
            overflow: hidden;
            line-height: normal
        }

        .avatar-letter img {
            object-fit: contain;
            aspect-ratio: 1.5/1;
            padding-top: 8px
        }

        .verified_purchase {
            font-size: 14px;
            padding-top: 10px;
            color: #ff9442
        }

        .variants_with_verified {
            font-size: 14px;
            display: flex;
            flex-wrap: wrap;
            align-items: end;
            margin-top: 8px
        }

        .last_review_variant_value_pipe,
        .variant_separator {
            margin: 0 10px;
            color: #dedede
        }

        span.review_variant {
            margin-right: 3px
        }

        .ml-product-discriptions ul.media-list.product-review-full {
            margin-bottom: 35px
        }

        .product-review-full .media-body {
            display: flex;
            align-items: flex-end;
            justify-content: space-between
        }

        .product-review-full .media-body .rating {
            float: left
        }

        .product-review-full .media-body .review-date,
        .product-review-full .review-date {
            float: left;
            line-height: 36px;
            margin-inline-start: 15px;
            font-weight: 700
        }

        .product-review-full .media-body .review-date small,
        .product-review-full .review-date small {
            font-size: 12px
        }

        .product-review-full li.media {
            border-bottom: 1px solid #f2f4f3
        }

        .product-review-full li.media:last-child {
            border: none
        }

        .product-review-full .review-body {
            font-weight: 100;
            line-height: 20px;
            padding: 14px 0 0;
            font-size: 14px
        }

        .product-review-full .review-images.clearfix {
            margin: 10px 0 7px
        }

        .product-review-full .from-country-name {
            font-size: 12px;
            color: #333
        }

        .name-flag .flag {
            border-radius: 5px;
            display: flex;
            border: 1px solid #e7e7e7;
            transform: scale(.8)
        }

        .name-flag .flag:after {
            border-radius: 4px
        }

        @media screen and (max-width:640px) {
            .product-review-full .review-profile span.media-left {
                float: none;
                display: block;
                text-align: center
            }
            .product-review-full .review-profile h4.media-heading {
                float: none;
                margin: 15px 0 0 00px;
                text-align: left
            }
            .product-review-full .media-body {
                display: block
            }
            .ratings-date-wrapper {
                margin: auto
            }
            .review-likes-count-wrapper {
                margin: auto
            }
            .review-img-wrap {
                width: 89px;
                height: 89px;
                float: none;
                display: inline-block
            }
            .review-counts,
            .review-likes {
                margin-top: 10px
            }
        }

        .col-write-review #files {
            margin-bottom: 10px
        }

        .col-write-review #files .review-img-wrap {
            height: auto
        }

        #search-results .carousel-wrapper {
            overflow: visible
        }

        @media screen and (min-width:768px) {
            #search-results .carousel-wrapper:not(.brands) {
                min-height: 555px
            }
        }

        @media screen and (max-width:767px) {
            #search-results .carousel-wrapper:not(.brands) {
                min-height: 505px
            }
            #search-results .owl-carousel .owl-nav .owl-next,
            #search-results .owl-carousel .owl-nav .owl-prev {
                width: 40px;
                height: 40px
            }
            #search-results .owl-carousel .owl-nav .owl-prev {
                left: -10.5px
            }
            #search-results .owl-carousel .owl-nav .owl-prev:before {
                top: 14px;
                left: 12px
            }
            #search-results .owl-carousel .owl-nav .owl-prev:after {
                top: 24px;
                left: 12px
            }
            #search-results .owl-carousel .owl-nav .owl-next:before {
                top: 14px;
                left: 14px
            }
            #search-results .owl-carousel .owl-nav .owl-next:after {
                top: 24px;
                left: 14px
            }
        }

        @media screen and (max-width:375px) {
            #search-results .carousel-wrapper:not(.brands) {
                min-height: 450px
            }
        }

        .product-decription-wrapper.full a.read-more,
        .product-decription-wrapper.short-view a.read-more {
            display: none
        }

        @media screen and (max-width:767px) {
            .product-decription-wrapper {
                transition: all 1s ease-in-out;
                overflow: hidden;
                position: relative
            }
            .product-decription-wrapper.short-view {
                height: 400px
            }
            .product-decription-wrapper.short-view:after {
                content: "";
                height: 100px;
                width: 100%;
                display: block;
                position: absolute;
                bottom: 0;
                z-index: 999;
                background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, #fff 100%);
                background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #fff 100%);
                background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #fff 100%)
            }
            .product-decription-wrapper.short-view a.read-more {
                display: block;
                padding: 0 11px;
                background: #fff;
                position: absolute;
                bottom: 10px;
                left: 0;
                right: 0;
                width: 95px;
                text-align: left;
                margin: auto;
                z-index: 9999;
                border: 1px solid rgba(0, 0, 0, .32);
                border-radius: 3px;
                box-shadow: 2px 2px 10px #22222254;
                font-size: 12px
            }
            :lang(ru) .product-decription-wrapper.short-view a.read-more {
                width: 112px
            }
            .product-decription-wrapper.short-view a.read-more:after {
                display: block;
                content: "\f078";
                font-family: fontawesome;
                position: absolute;
                top: 0;
                right: 5px
            }
            .product-decription-wrapper.full a.read-more,
            .product-decription-wrapper.full:after {
                display: none
            }
        }

        .installment-price a {
            color: #222
        }

        .installment-price a span.amount {
            font-weight: 700
        }

        .search-query span {
            display: inline-block;
            padding: 0 20px 0 5px;
            cursor: pointer;
            background: #f7f7f7;
            border: 1px solid #ececec;
            border-radius: 3px;
            line-height: 22px
        }

        .search-query.no-cat span {
            padding: 0 5px 0 5px
        }

        .search-query.have-cat span:after {
            content: "x";
            display: inline-block;
            position: absolute;
            color: #9c9c9c;
            margin-top: -1px;
            margin-left: 6px
        }

        .search-query.have-cat span:hover:after {
            color: RED
        }

        .attribute-group-wrapper>.atrribute-row {
            border-style: solid;
            border-color: #efefef;
            border-width: 1px 1px 0 1px;
            padding: 10px
        }

        .attribute-group-wrapper>.atrribute-row:last-child {
            border-bottom-width: 1px
        }

        .attribute-group-wrapper .attr-table {
            display: table;
            width: 100%
        }

        .attribute-group-wrapper .attr-table-row {
            display: table-row
        }

        .attribute-group-wrapper .attribute-name {
            display: table-cell;
            width: 18%
        }

        @media screen and (min-width:767px) {
            .attribute-group-wrapper .attribute-name {
                width: 25%
            }
        }

        .attribute-group-wrapper .attribute-value {
            display: table-cell
        }

        .attribute-group-wrapper .attribute-value ul {
            margin: 0;
            padding: 0;
            list-style: none
        }

        .bs3-radiobuttons-wrapper input[type=radio]+.label-text:before {
            content: "\f10c";
            font-family: FontAwesome;
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            width: 1em;
            display: inline-block;
            margin-right: 5px
        }

        .bs3-radiobuttons-wrapper input[type=radio]:checked+.label-text:before {
            content: "\f192";
            color: #4caf4f;
            animation: effect .1s ease-in
        }

        .bs3-radiobuttons-wrapper input[type=radio]:disabled+.label-text {
            color: #aaa
        }

        .bs3-radiobuttons-wrapper input[type=radio]:disabled+.label-text:before {
            content: "\f111";
            color: #ccc
        }

        .bs3-radiobuttons-wrapper label {
            position: relative;
            cursor: pointer;
            color: #222;
            font-size: 14px;
            font-weight: 400
        }

        .bs3-radiobuttons-wrapper input[type=radio] {
            position: absolute;
            right: 9000px
        }

        .bs3-radiobuttons-wrapper .toggle input[type=radio]+.label-text:before {
            content: "\f204";
            font-family: FontAwesome;
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            width: 1em;
            display: inline-block;
            margin-right: 10px
        }

        .bs3-radiobuttons-wrapper .toggle input[type=radio]:checked+.label-text:before {
            content: "\f205";
            color: #4caf4f;
            animation: effect 50ms ease-in
        }

        .bs3-radiobuttons-wrapper .toggle input[type=radio]:disabled+.label-text {
            color: #aaa
        }

        .bs3-radiobuttons-wrapper .toggle input[type=radio]:disabled+.label-text:before {
            content: "\f204";
            color: #ccc
        }

        @keyframes effect {
            0% {
                transform: scale(.5)
            }
            100% {
                transform: scale(1)
            }
        }

        .bs3-radiobuttons-wrapper span.warranty-price {
            font-weight: 700;
            font-family: 'YS Text Regular'
        }

        .cart-item-options .gift-wrap-option-wrapper {
            border: 1px solid #eeeff1;
            border-radius: 4px;
            background: #fbfbfb;
            margin-top: 10px;
            margin-left: 6px
        }

        .cart-item-options .gift-wrap-option-wrapper a.btn {
            padding: 4px 8px
        }

        .product-price-buy-form-wrapper .product-warrant-wrapper {
            padding-bottom: 15px;
            margin-bottom: 15px;
            border-bottom: 1px solid #eee
        }

        .accessories .checkbox.buy-this-check label {
            padding: 0 0 0 26px;
            background: 0 0
        }

        .accesories-mini-cart .wrap .btn-primary {
            background: #4caf50;
            border: 1px solid #009688;
            border-radius: 2px
        }

        @media screen and (min-width:767px) {
            .mm-page #header-first .ml-head-btm .container-fluid:after,
            .mm-page>.container-fluid:after {
                display: block;
                position: absolute;
                background: #373f5040;
                left: 0;
                top: 81px;
                opacity: 0;
                z-index: -1
            }
            .mm-page #header-first .ml-head-btm .container-fluid:after {
                top: 150px
            }
            .mm-page #header-first .ml-head-btm .container-fluid.menu-active:after,
            .mm-page>.container-fluid.menu-active:after {
                animation: fadeIn .5s ease-in 0s 1 forwards;
                z-index: 99999;
                height: 100%;
                width: 100%
            }
            @keyframes fadeIn {
                1% {
                    opacity: 0;
                    visibility: hidden
                }
                2% {
                    opacity: 0;
                    visibility: visible
                }
                100% {
                    opacity: 1;
                    visibility: visible
                }
            }
            @keyframes fadeOut {
                1% {
                    opacity: 1;
                    visibility: visible
                }
                100% {
                    opacity: 0;
                    visibility: hidden
                }
            }
            .mm-page #header-first .ml-head-btm .container-fluid.menu-active #menu-toggle,
            .mm-page>.container-fluid.menu-active #menu-toggle {
                z-index: 999999;
                position: relative
            }
            .mm-page #header-first .ml-head-btm .container-fluid.menu-active:after,
            .mm-page>.container-fluid.menu-active:after {
                z-index: 99999;
                animation: fadeIn .3s ease-in 0s 1 forwards
            }
        }

        form#subscription-form {
            display: flex;
            flex-wrap: wrap
        }

        form#subscription-form button,
        form#subscription-form input {
            margin: 0;
            display: inline-block;
            padding: 5px 5px
        }

        form#subscription-form input {
            flex: 2;
            border: 1px solid #949494;
            border-radius: 0;
            background: #fff
        }

        form#subscription-form button {
            border: 1px solid #222;
            flex: 1;
            border-left-width: 0;
            background: #222;
            color: #fff
        }

        form#subscription-form label {
            flex: 0 0 100%;
            color: #b10c0c;
            line-height: 18px
        }

        form#subscription-form.loading input {
            background: url(http://devmicroless.com/assets/img/horizontal-loading-30.gif) center center no-repeat
        }

        .footer-btn-app-download img {
            width: 130px;
            margin-right: 5px;
            margin-bottom: 8px
        }

        .footer-apps {
            margin-bottom: 30px
        }

        @media screen and (min-width:992px) and (max-width:1300px) {
            form#subscription-form input {
                flex: 2
            }
            form#subscription-form button {
                flex: 1
            }
        }

        @media screen and (max-width:992px) {
            .footer-apps {
                margin-bottom: 0
            }
        }

        @media screen and (min-width:620px) and (max-width:992px) {
            form#subscription-form {
                width: 50%
            }
        }

        @media screen and (max-width:620px) {
            form#subscription-form {
                width: 100%;
                max-width: 320px
            }
        }

        .header-country-switcher {
            float: right;
            margin-top: 18px
        }

        a.dropdown-toggle.active:after {
            display: block;
            position: absolute;
            content: "";
            width: 25px;
            height: 16px;
            left: 0;
            top: 2px;
            border-radius: 3px
        }

        .variant-option {
            margin-bottom: 5px;
            margin-right: 5px
        }

        @media screen and (max-width:767px) {
            #resp-table,
            #unavailable-table {
                padding: 0;
                border: 0;
                background: #fff
            }
            #resp-table #resp-table-body>.resp-table-row,
            #unavailable-table #unavailable-table-body>.resp-table-row {
                border: 1px solid #f1f1f1;
                box-shadow: 0 0 5px rgba(163, 183, 224, 0)
            }
        }

        .body-page-product #bought-together-often-wrap .products-owl-carousel .product.no-compare a.product-review-stars,
        .body-page-product #similar-products-wrap .products-owl-carousel .product a.product-review-stars {
            left: 15px
        }

        h2.category-subheading {
            margin-top: 25px
        }

        .top-categories.sub-categories .top-category.product {
            width: 48%;
            border: 0;
            height: 230px
        }

        @media screen and (max-width:767px) {
            #search-results .owl-carousel .owl-nav .owl-next,
            #search-results .owl-carousel .owl-nav .owl-prev {
                margin: 0
            }
            #search-results .owl-carousel .owl-nav .owl-prev {
                left: -9px
            }
            #search-results .owl-carousel .owl-nav .owl-next {
                right: -9px
            }
            .body-page-product .products-owl-carousel.owl-carousel .owl-nav .owl-prev {
                left: 0
            }
            .body-page-product .products-owl-carousel.owl-carousel .owl-nav .owl-next {
                right: 0
            }
        }

        @media screen and (max-width:420px) {
            body.body-page-category .row {
                margin-left: 0;
                margin-right: 0
            }
            body.body-page-category .row>div[class^=col-] {
                padding: 0
            }
        }

        #mobile-menu .mm-list li.mobile-country-switcher a.mm-subopen,
        #mobile-menu .mm-list li.mobile-lang-switcher a.mm-subopen {
            background: #cdf0;
            width: 100%
        }

        #mobile-menu .mm-list li.mobile-country-switcher a.mm-subopen+a,
        #mobile-menu .mm-list li.mobile-country-switcher a.mm-subopen+span,
        #mobile-menu .mm-list li.mobile-lang-switcher a.mm-subopen+span {
            margin: 0;
            text-indent: 25px
        }

        .mm-menu .mm-list>li.mm-selected>a:not(.mm-subopen),
        .mm-menu .mm-list>li.mm-selected>span {
            background: rgba(0, 0, 0, .03)
        }

        #mobile-menu .mm-list.switcher-countries>li>a:after,
        #mobile-menu .mm-list>li.mobile-country-switcher>a+a:before {
            display: block;
            content: "";
            width: 22px;
            height: 22px;
            position: absolute;
            border-radius: 50%;
            border: 1px solid #d6d6d6
        }

        #mobile-menu .mm-list.switcher-countries>li.mm-subtitle>a:after {
            left: 35px;
            top: 30px
        }

        #mobile-menu .mm-list.lang-switcher>li.mm-subtitle>a:after {
            display: none
        }

        #mobile-menu.mm-menu .mm-list>li>a.mm-subclose {
            background: rgba(0, 0, 0, .03)
        }

        #mobile-menu .mm-list.lang-switcher>li>a:after,
        #mobile-menu .mm-list.switcher-countries>li>a:after {
            top: 9px
        }

        #mobile-menu .mm-list.lang-switcher>li>a,
        #mobile-menu .mm-list.switcher-countries>li>a {
            text-indent: 30px
        }

        #mobile-menu .mm-list.switcher-countries>li.mm-subtitle>a.mm-subclose {
            text-indent: 40px
        }

        #mobile-menu .mm-list.switcher-countries.uae>li>a:after,
        #mobile-menu .mm-list.switcher-countries>li.uae>a.uae:after,
        #mobile-menu .mm-list>li>a+a.uae:before {
            background: url(/assets/img/flag-uae-63x32.png) -2px center no-repeat;
            background-size: 41px
        }

        #mobile-menu .mm-list.switcher-countries.united-arab-emirates>li>a:after,
        #mobile-menu .mm-list.switcher-countries>li.united-arab-emirates>a.united-arab-emirates:after,
        #mobile-menu .mm-list>li>a+a.united-arab-emirates:before {
            background: url(/assets/img/flag-uae-63x32.png) -2px center no-repeat;
            background-size: 41px
        }

        #mobile-menu .mm-list.switcher-countries.oman>li>a:after,
        #mobile-menu .mm-list.switcher-countries>li.oman>a.oman:after,
        #mobile-menu .mm-list>li>a+a.oman:before {
            background: url(/assets/img/flag-oman-63x32.png) -2px center no-repeat;
            background-size: 41px
        }

        #mobile-menu .mm-list.switcher-countries.saudi-arabia>li>a:after,
        #mobile-menu .mm-list.switcher-countries>li.saudi-arabia>a.saudi-arabia:after,
        #mobile-menu .mm-list>li>a+a.saudi-arabia:before {
            background: url(/assets/img/flag-saudi-arabia-63x32.png) center no-repeat;
            background-size: 41px
        }

        #mobile-menu .mm-list.switcher-countries.global>li>a:after,
        #mobile-menu .mm-list.switcher-countries>li.global>a.global:after,
        #mobile-menu .mm-list>li>a+a.global:before {
            background: url(/assets/img/flag-global-63x32.png) center no-repeat;
            background-size: 41px
        }

        #mobile-menu .mm-list.switcher-countries.kuwait>li>a:after,
        #mobile-menu .mm-list.switcher-countries>li.kuwait>a.kuwait:after,
        #mobile-menu .mm-list>li>a+a.kuwait:before {
            background: url(/assets/img/flag-kuwait-63x32.png) -2px center no-repeat;
            background-size: 41px
        }

        #mobile-menu .mm-list.switcher-countries.bahrain>li>a:after,
        #mobile-menu .mm-list.switcher-countries>li.bahrain>a.bahrain:after,
        #mobile-menu .mm-list>li>a+a.bahrain:before {
            background: url(/assets/img/flag-bahrain-63x32.png) -2px center no-repeat;
            background-size: 41px
        }

        #mobile-menu .mm-list.lang-switcher>li>a,
        #mobile-menu .mm-list.switcher-countries>li>a {
            position: relative;
            border-width: 1px 0 0 0;
            border-style: solid;
            border-color: #f5f4f4
        }

        #mobile-menu .mm-list.lang-switcher>li>a:after {
            display: block;
            content: "";
            width: 22px;
            height: 22px;
            position: absolute;
            border-radius: 50%;
            border: 1px solid #d6d6d6
        }

        #mobile-menu .mm-list.lang-switcher.english>li>a:after,
        #mobile-menu .mm-list.lang-switcher>li.english>a.english:after {
            background: url(/assets/img/flag-usa-80x40.png) -2px center no-repeat;
            background-size: 41px
        }

        #mobile-menu .mm-list.lang-switcher.arabic>li>a:after,
        #mobile-menu .mm-list.lang-switcher>li.arabic>a.arabic:after {
            background: url(/assets/img/flag-uae-63x32.png) -2px center no-repeat;
            background-size: 41px
        }

        #mobile-menu .mm-list.lang-switcher>li.russian>a.russian:after {
            background: url(/assets/img/flag-russian-63x32.png) -2px center no-repeat;
            background-size: 41px
        }

        #mobile-menu>ul>li.account>a>i {
            color: #333;
            margin-right: 5px;
            font-size: 15px
        }

        #mobile-menu>ul>li.account {
            border-bottom: 2px solid #f5f5f5
        }

        @media screen and (max-width:420px) {
            .carousel-section-wrapper .carousel-wrapper.brands {
                min-height: 0;
                height: 119px
            }
        }

        .top-categories.sub-categories {
            overflow: hidden
        }

        .blog-wrapper {
            font-size: 18px;
            color: #444;
            line-height: 22px
        }

        .blog-wrapper ol {
            padding-left: 20px;
            margin: 20px 0 20px 0
        }

        .blog-wrapper h1 {
            font-size: 32px;
            font-weight: 700;
            margin-bottom: 40px;
            color: #333;
            line-height: 1.1
        }

        .single-post-content table td {
            padding: 5px
        }

        .single-post-content table thead td {
            background: #eee
        }

        .single-post-content a,
        .single-post-content a:link,
        .single-post-content a:visited {
            text-decoration: underline;
            color: #393939
        }

        .post-cover-wrap img {
            width: 100%
        }

        .post-cover-wrap {
            margin-top: 40px
        }

        .product-review-full .remove-my-review>a:before {
            content: '\f014';
            display: inline-block;
            font-family: fontawesome;
            margin-right: 6px;
            color: #686868;
            font-size: 15px
        }

        .edit-my-review {
            padding: 0 10px
        }

        .edit-my-review a {
            color: #686868
        }

        .edit-my-review a:hover {
            color: #000
        }

        .remove-my-review {
            padding: 0 10px 0 0
        }

        .review-content .remove-my-review>a:before {
            content: '\f014';
            display: inline-block;
            font-family: fontawesome;
            color: #686868;
            font-size: 15px;
            padding-right: 5px
        }

        .product-review-full .edit-my-review>a:before {
            content: '\f044';
            display: inline-block;
            font-family: fontawesome;
            margin-right: 6px;
            color: #686868;
            font-size: 15px
        }

        .review-content .edit-my-review>a:before {
            content: '\f044';
            display: inline-block;
            font-family: fontawesome;
            color: #686868;
            font-size: 15px;
            padding-right: 5px
        }

        .edit-delete-review-container {
            display: flex;
            margin-top: 12px
        }

        .product-review-full .remove-my-review>a:hover,
        .product-review-full .remove-my-review>a:hover:before {
            color: #c51e2a
        }

        .review-content .remove-my-review>a:hover,
        .review-content .remove-my-review>a:hover:before {
            color: #c51e2a
        }

        .product-review-full .edit-my-review>a:hover:before {
            color: #000
        }

        .review-content .edit-my-review>a:hover:before {
            color: #000
        }

        .popover.confirmation .confirmation-buttons .btn {
            padding: 2px 8px
        }

        #search-results .category-subheading {
            text-align: center
        }

        a.basic-header {
            display: block;
            width: 220px;
            margin: 0 16.66%;
            padding: 10px;
            margin: 0 auto
        }

        @media screen and (max-width:767px) {
            #header-mobile a.mobile-header-logo {
                display: block;
                width: 150px;
                height: 43px;
                margin: auto
            }
            #header-mobile a.mobile-header-logo>img {
                width: 100%
            }
            .basic-wrapper .auth-page-body h4 {
                text-align: center
            }
            .basic-wrapper .fb-login a.btn-facebook {
                margin: auto;
                max-width: 236px
            }
            .basic-wrapper .fb-login {
                text-align: center
            }
            a.basic-header {
                margin: auto
            }
        }

        #header-checkout a.mobile-header-logo {
            display: block;
            width: 130px;
            margin-top: 13px
        }

        #header a.desktop-header-logo {
            display: block;
            width: 180px;
            float: left;
            margin-top: 8px
        }

        #footer .subscribe-form {
            overflow: hidden
        }

        .container-fluid.f-top {
            margin-bottom: 15px
        }

        @media screen and (min-width:1200px) {
            .col-md-3.app-icons,
            .col-md-3.subscribe-form {
                width: 20%;
                float: right
            }
        }

        @media screen and (max-width:991px) and (min-width:768px) {
            .col-xs-12.col-md-3.app-icons {
                margin: 15px 0
            }
        }

        @media screen and (min-width:1214px) {
            .footer-btn-app-download a {
                display: block
            }
        }

        #forgot-password {
            display: block;
            margin: auto
        }

        #forgot-password .info-text {
            text-align: center
        }

        #forgot-password .form-group {
            text-align: left
        }

        @media screen and (min-width:767px) {
            #forgot-password .info-text {
                text-align: left
            }
            #forgot-password .form-group {
                text-align: left
            }
        }

        @media screen and (max-width:767px) {
            #forgot-password {
                max-width: 420px
            }
        }

        .row.customer-name>div:first-child {
            padding-right: 2px
        }

        .row.customer-name>div:last-child {
            padding-left: 2px
        }

        #mini-cart-summary span.vat-percentage {
            direction: ltr;
            display: inline-block
        }

        .gender>div label {
            margin-left: 0;
            margin-right: 30px;
            padding-right: 16px
        }

        .gender>div label:hover {
            color: #777
        }

        .gender>div label>input[type=radio] {
            margin-right: 10px
        }

        @media screen and (min-width:767px) {
            .table-body-cell.action {
                text-align: right
            }
        }

        #saved-cards-button-wrap .btn.pay,
        .payment-button #payment-form-wrap .btn.pay {
            border-color: #5cb85c;
            border-radius: 4px;
            background-color: #4cae4c;
            color: #fff;
            font-weight: 600
        }

        .payment-button #payment-form-wrap .panel-default>.panel-heading {
            background: #fdfdfd
        }

        .activation-request-wrap {
            text-align: center;
            max-width: 480px;
            margin: auto
        }

        @media screen and (min-width:767px) {
            .activation-request-wrap {
                margin: 0;
                text-align: left
            }
        }

        @media screen and (min-width:992px) {
            .activation-request-wrap {
                margin: auto
            }
            .activation-request-wrap form {
                display: flex;
                align-items: center
            }
            .activation-request-wrap form .form-group {
                flex: 1;
                display: flex;
                align-items: center;
                margin-bottom: 0 !important;
                margin-right: 10px
            }
            .activation-request-wrap form .form-group input.form-control {
                height: 36px
            }
        }

        .single-post-content p {
            line-height: 30px;
            font-size: 21px;
            margin: 35px 0 0 0;
            color: #333
        }

        span.cart-delivery-charge.free {
            color: #80c300
        }

        iframe {
            border: none
        }

        .blog-post-wrapper .post-title {
            padding: 10px;
            height: 70px;
            font-size: 14px;
            font-weight: 700;
            color: #323232
        }

        .blog-post-wrapper .post-title-wrapper {
            display: block;
            height: 39px;
            overflow: hidden
        }

        .blog-post-wrapper {
            position: relative
        }

        .blog-post-wrapper .post-date {
            position: absolute;
            top: 0;
            left: 5px;
            background: #feca03;
            padding: 5px 10px;
            color: #222;
            font-weight: 700;
            font-size: 12px
        }

        .blog-post-wrapper .post-inner>a {
            display: block;
            overflow: hidden
        }

        .blog-posts .post-cover {
            transition: all .2s ease-in-out
        }

        .blog-post-wrapper:hover .post-cover {
            transform: scale(1.05)
        }

        #shipping-handlers ul {
            margin: 5px;
            padding: 0;
            list-style: none
        }

        #shipping-handlers ul li {
            list-style: none;
            display: block;
            border: 2px solid #e3e5f3;
            margin: 10px 0
        }

        #shipping-handlers ul li:hover {
            border-color: #b9bed0
        }

        #shipping-handlers ul li.checked {
            border-color: #000
        }

        #shipping-handlers ul li label {
            display: block;
            cursor: pointer;
            padding: 10px;
            margin: 0
        }

        #shipping-handlers ul li label>input {
            position: absolute;
            z-index: -1;
            opacity: 0
        }

        #shipping-handlers ul li label span {
            font-weight: 400;
            font-size: 12px;
            color: #5f6886
        }

        #shipping-handlers ul li label span.date-green {
            font-weight: 700;
            font-size: 12px;
            color: #00b607
        }

        #payment-details #payment-method-options ul li.error,
        #shipping-handlers ul li.error {
            background: #f7f7fa
        }

        #payment-details #payment-method-options ul li.error label,
        #shipping-handlers ul li.error label {
            color: #c6c8d6;
            cursor: not-allowed
        }

        #shipping-handlers ul li:last-child {
            margin-bottom: 0
        }

        #shipping-handlers ul li:first-child {
            margin-top: 0
        }

        .order-seller-review-wrapper button.btn {
            background: #ffc824;
            border: none;
            color: #252525;
            padding: 5px 20px;
            font-weight: 700;
            font-size: 12px
        }

        #order-rating .star-rating {
            font-family: FontAwesome
        }

        #order-rating .star-rating>fieldset {
            border: none;
            display: inline-block
        }

        #order-rating .star-rating>fieldset:not(:checked)>input {
            position: absolute;
            top: -9999px;
            clip: rect(0, 0, 0, 0)
        }

        #order-rating .star-rating>fieldset:not(:checked)>label {
            float: right;
            width: 1em;
            padding: 10px .05em;
            overflow: hidden;
            white-space: nowrap;
            cursor: pointer;
            font-size: 26px;
            color: #ffcb00;
            margin: 0 2px
        }

        #order-rating .star-rating>fieldset:not(:checked)>label:before {
            content: '\f006  '
        }

        #order-rating .star-rating>fieldset:not(:checked)>label:hover,
        #order-rating .star-rating>fieldset:not(:checked)>label:hover~label {
            color: #ffc824
        }

        #order-rating .star-rating>fieldset:not(:checked)>label:hover:before,
        #order-rating .star-rating>fieldset:not(:checked)>label:hover~label:before {
            content: '\f005  '
        }

        #order-rating .star-rating>fieldset>input:checked~label:before {
            content: '\f005  '
        }

        #order-rating .star-rating>fieldset>label:active {
            position: relative;
            top: 2px
        }

        .order-status-form-wrapper {
            padding: 20px 20px;
            border: 1px solid #eee;
            border-radius: 4px;
            background: #fbfbfb
        }

        .order-status-form-wrapper>form {
            display: block;
            overflow: hidden
        }

        .order-status-form-wrapper>form .form-text {
            float: left;
            width: 63%
        }

        .order-status-form-wrapper>form .form-btn {
            float: right;
            width: 37%
        }

        .order-status-col .panel-title {
            font-weight: 700
        }

        .order-status-form-wrapper>form .form-text>input {
            border-radius: 4px 0 0 4px;
            border-width: 1px 0 3px 1px;
            border-color: #222 #222 #ffcb00 #222;
            line-height: 21px;
            height: auto
        }

        .order-status-form-wrapper>form .form-btn>input {
            width: 100%;
            border-width: 1px 1px 3px 0;
            border-style: solid;
            border-color: #222 #222 #ffcb00 #222;
            border-radius: 0 4px 4px 0;
            background: #222;
            line-height: 21px
        }

        .order-status-col .panel-info {
            border-color: #ffcb00
        }

        .order-status-col .panel-info>.panel-heading {
            color: #ffcb00;
            background-color: #222;
            border-color: #222
        }

        .order-status-col .panel-info .table>tbody>tr>td {
            padding: 17px 8px
        }

        .language-switch a {
            color: #fff;
            font-size: 14px;
            font-weight: 700
        }

        .header-country-switcher {
            margin-top: 6px
        }

        .product-accessories .accesory-carousel.owl-carousel .product {
            background: #fff
        }

        .accesories-mini-cart .wrap .btn-primary {
            margin: 15px 0
        }

        .language-switch {
            margin-top: -5px;
            padding-right: 10px
        }

        .language-switch>a {
            font-family: Tajawal, sans-serif
        }

        .blog-entries .posts-wrapper .well {
            border: none;
            box-shadow: none;
            margin: 0;
            border: 1px solid #ccc;
            overflow: hidden
        }

        .blog-entries .posts-wrapper .post-inner {
            padding: 5px
        }

        .blog-entries .posts-wrapper .post-by-and-date {
            color: #868686;
            font-size: 14px;
            padding: 10px 0
        }

        .blog-entries .post-footer {
            background: 0 0;
            border: none
        }

        .blog-entries .post-body {
            border-style: solid;
            border-width: 0 1px 0 1px;
            border-color: #f9f9f9
        }

        .blog-entries .post-footer.text-muted.clearfix {
            border-color: #f9f9f9;
            border-style: solid;
            border-width: 0 1px 1px 1px
        }

        .blog-entries .post-footer a.btn.btn-default {
            display: block;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            text-indent: -137px;
            overflow: hidden;
            position: relative;
            float: right
        }

        .blog-entries .post-footer a.btn.btn-default:after {
            content: "\f054";
            display: block;
            color: #777;
            font-family: fontawesome;
            position: absolute;
            top: 8px;
            left: 15px;
            font-size: 16px;
            text-indent: 0
        }

        .blog-entries .posts-wrapper {
            margin-left: -10px;
            margin-right: -10px
        }

        .blog-entries h2.post-title {
            height: 42px;
            overflow: hidden;
            font-size: 16px;
            margin: 0;
            line-height: 21px
        }

        .blog-entries .post-footer {
            padding: 15px;
            font-size: 14px
        }

        .blog-entries .cover-image {
            height: 220px;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center
        }

        .blog-wrapper .date {
            border-radius: 5px;
            overflow: hidden;
            box-shadow: none
        }

        .posts-wrapper .the-post-wrap:hover {
            background: #fbfbfb
        }

        .posts-wrapper .the-post-wrap:hover .well {
            background: #fbfbfb
        }

        @media screen and (min-width:640px) {
            .posts-wrapper .the-post-wrap {
                float: left;
                width: 50%;
                margin-bottom: 20px
            }
        }

        @media screen and (min-width:996px) {
            .blog-entries .posts-wrapper .post-inner {
                padding: 30px 20px;
                margin: 0
            }
            .blog-wrapper {
                overflow: hidden
            }
            .blog-wrapper .side-bar {
                width: 25%;
                float: right
            }
            .posts-wrapper {
                overflow: hidden
            }
            .posts-wrapper .the-post-wrap {
                width: 33.3333%
            }
            .posts-wrapper .the-post-wrap .post-cover-wrap {
                margin-top: 0;
                overflow: hidden
            }
            .side-bar>.panel {
                margin-left: 5px;
                margin-top: 105px
            }
            .the-post-wrap:nth-child(3n-1)>.post-inner {
                border-left: 1px solid #f5f5f5;
                border-right: 1px solid #f5f5f5
            }
        }

        .blog-entries .post-date-time {
            float: left
        }

        .product .product-price .prices .new-price,
        .product .product-price .prices .old-price {
            overflow: hidden
        }

        .product .product-price .prices .currency,
        .product .product-price .prices .new-price>.amount,
        .product .product-price .prices .old-price>.price-old {
            display: block;
            float: left
        }

        .product .product-price .prices .new-price>.amount,
        .product .product-price .prices .old-price>.price-old {
            margin-left: 5px
        }

        .product .product-price,
        .product .product-price .prices .new-price .currency {
            line-height: 23px
        }

        .product .product-price .prices .old-price {
            line-height: 14px
        }

        .product.grid-list .product-price .prices .new-price .currency {
            line-height: 23px
        }

        #checkout-mini-cart .item-subtotal .extended-warranty,
        #checkout-mini-cart .item-subtotal .gift-wrap,
        #checkout-mini-cart .item-subtotal .item-qty-price {
            overflow: hidden
        }

        #checkout-mini-cart .item-subtotal .extended-warranty small,
        #checkout-mini-cart .item-subtotal .gift-wrap small {
            font-size: 12px !important
        }

        #header-checkout a.site-logo,
        #header-first a.site-logo {
            display: block;
            width: 190px;
            float: left;
            margin-top: 0
        }

        #header-checkout a.site-logo {
            margin-top: 8px
        }

        @media screen and (max-width:767px) {
            #header-checkout a.site-logo,
            #header-mobile a.site-logo {
                display: block;
                width: 150px;
                height: 43px;
                margin: auto
            }
            #header-mobile a.site-logo>img {
                margin-top: 6px;
                height: 33px;
                width: 100%
            }
            #header-checkout a.site-logo {
                margin-top: 18px;
                height: 38px;
                width: 120px
            }
        }

        @media screen and (max-width:360px) {
            #header-checkout a.site-logo {
                float: unset
            }
            .checkout-header-title {
                float: unset;
                margin: 0 auto;
                text-align: center;
                width: 100%
            }
        }

        .product span.free-pickup {
            font-weight: 700
        }

        .wishlist-price span.amount {
            display: inline-block;
            overflow: hidden;
            vertical-align: middle;
            direction: ltr
        }

        .wishlist-price span.amount span.amount-fig {
            float: left;
            margin-left: 5px
        }

        #search-results .product.grid-list .old-price span.currency {
            margin-right: 5px
        }

        .view-list .product .product-price .prices .currency,
        .view-list .product .product-price .prices .new-price>.amount,
        .view-list .product .product-price .prices .old-price>.price-old {
            float: right
        }

        .ccpayment-method-information {
            padding-top: 15px
        }

        #cart-wrapper .gift-wrap-info {
            font-size: 12px;
            padding: 0 5px;
            color: #3e89cb
        }

        #cart-wrapper .gift-wrap-info span {
            font-weight: 700;
            font-size: 14px;
            line-height: 14px;
            font-family: 'YS Text Regular'
        }

        #nuser-reviews-tab .rating-container {
            line-height: 22px;
            overflow: hidden;
            position: relative;
            margin: 0 0 20px 0
        }

        #nuser-reviews-tab .well {
            padding: 40px 0
        }

        .slider.slider-horizontal {
            width: calc(100% - 22px);
            margin-left: 11px;
            height: 20px
        }

        .slider-input .btn,
        .slider-input input {
            display: inline-block;
            width: 27%
        }

        .slider-input .btn {
            margin-top: -2px;
            width: 36%
        }

        .slider-input .form-control {
            padding: 6px 10px
        }

        #footer-home {
            padding: 10px 0
        }

        .auth-page-body .checkbox input[type=checkbox]:checked:after {
            content: "\f00c";
            display: block;
            position: absolute;
            width: 20px;
            height: 20px;
            font-family: fontawesome;
            line-height: 20px;
            left: -6px;
            top: -3px;
            visibility: visible
        }

        .auth-page-body .checkbox input[type=checkbox],
        .auth-page-body .checkbox input[type=radio] {
            opacity: 1;
            z-index: 1;
            visibility: hidden
        }

        .mobile-language-switcher {
            position: fixed;
            background: #333;
            z-index: 999999991;
            left: 32%;
            top: 14%;
            padding: 0 15px 3px 15px;
            border-radius: 5px;
            color: #fff;
            border: 1px solid #4c4b4b
        }

        .mobile-language-switcher a {
            color: #fff
        }

        @media screen and (max-width:767px) {
            .wrap-variants>.row {
                margin: 0;
                padding: 0
            }
        }

        .check-out-order-summary .table-body-cell {
            border: 1px solid #eee
        }

        .check-out-order-summary h4 {
            border-left: none;
            border-right: none;
            padding-left: 8px;
            margin: auto;
            text-align: center;
            font-size: 22px;
            padding: 0 5px 10px 5px
        }

        .check-out-order-summary .bundle-items.panel .panel-body {
            background: #fbfbfb;
            border-width: 0 1px 1px 1px;
            border-style: solid;
            border-color: #eee
        }

        .check-out-order-summary .bundle-items.panel .panel-body .resp-table-row {
            background: #fff
        }

        .check-out-order-summary .table-header-cell {
            font-size: 15px;
            color: grey
        }

        .order-amount-summary .resp-table-row>div:first-child {
            border-right: none;
            text-align: left
        }

        .order-amount-summary .resp-table-row>div:last-child {
            border-left: none;
            text-align: right
        }

        .order-amount-summary {
            background: #fdfdfd;
            margin-top: 30px
        }

        .table-body-cell.bundle-product-quantity {
            text-align: center
        }

        @media screen and (min-width:767px) {
            .check-out-order-summary {
                position: relative
            }
            .check-out-order-summary .table-header-cell.product-image {
                border-right-width: 0
            }
            .check-out-order-summary .table-header-cell.product-title {
                border-left-width: 0
            }
            .check-out-order-summary .table-body-cell.product-image,
            .check-out-order-summary .with-bundle .table-header-cell.bundle-item {
                width: 15%
            }
            .check-out-order-summary .table-header-cell.product-quantity,
            .check-out-order-summary .with-bundle .table-header-cell.bundle-product-quantity {
                width: 10%;
                text-align: center
            }
            .check-out-order-summary .table-body-cell.product-quantity {
                text-align: center
            }
            .check-out-order-summary .with-bundle {
                position: absolute;
                right: 1px;
                margin-top: -34px;
                width: 100%
            }
            .table-body-cell.bundle-product-title,
            .table-body-cell.product-title,
            .table-header-cell.bundle-product-title {
                border-left: none
            }
            .table-body-cell.bundle-item,
            .table-body-cell.product-image,
            .table-header-cell.bundle-item {
                border-right: none
            }
        }

        @media screen and (max-width:767px) {
            .check-out-order-summary .table-body-cell {
                padding: 5px;
                text-align: center
            }
            .check-out-order-summary .resp-table-row {
                overflow: hidden
            }
            .check-out-order-summary .table-body-cell.product-image {
                width: 100%
            }
            .check-out-order-summary .prd-img-wrap {
                padding: 10px;
                margin: auto;
                width: 220px
            }
            .check-out-order-summary .resp-table-row .table-body-cell {
                float: left;
                border: none
            }
            .check-out-order-summary .table-body-cell.bundle-item,
            .check-out-order-summary .table-body-cell.product-image {
                width: 100%
            }
            .check-out-order-summary .table-body-cell.bundle-product-title,
            .check-out-order-summary .table-body-cell.product-title {
                width: 88%;
                border-top: 1px solid #f3f3f3;
                padding: 15px 5px 15px 15px;
                text-align: left
            }
            .check-out-order-summary .table-body-cell.bundle-product-quantity,
            .check-out-order-summary .table-body-cell.product-quantity {
                width: 12%;
                font-size: 20px;
                border-top: 1px solid #f3f3f3;
                padding: 15px 5px
            }
            .check-out-order-summary .resp-table-row {
                overflow: hidden;
                border: 1px solid #f3f3f3;
                margin-top: 5px
            }
            .order-amount-summary .table-body-cell {
                padding: 10px
            }
            .order-amount-summary .table-body-cell.amount-title {
                width: 50%;
                text-align: left
            }
            .order-amount-summary .table-body-cell.amount {
                width: 50%;
                text-align: right
            }
        }

        body:not(.rtl) #search-results .product.grid-list .new-price>span,
        body:not(.rtl) #search-results .product.grid-list .old-price>span,
        body:not(.rtl) .carousel-section-wrapper .product .product-price .prices .new-price>span,
        body:not(.rtl) .carousel-section-wrapper .product .product-price .prices .old-price>span {
            float: none;
            display: inline-block
        }

        body:not(.rtl) #search-results .product.grid-list .old-price>span {
            line-height: 17px;
            vertical-align: middle
        }

        @media screen and (min-width:767px) {
            .product-variants-container {
                margin-left: 15px;
                margin-bottom: 30px
            }
        }

        @media screen and (max-width:767px) {
            .body-page-user_account .wrap-tabcontent .resp-table-row {
                padding: 10px
            }
        }

        .body-page-user_account .wrap-tabcontent .resp-table-row {
            background: #fff;
            border-bottom: 2px dashed #f7f7fa
        }

        @media screen and (min-width:580px) and (max-width:767px) {
            .body-page-user_account .wrap-tabcontent .resp-table-body {
                overflow: hidden
            }
            .body-page-user_account .wrap-tabcontent .resp-table-row {
                float: left;
                width: 48%;
                margin: 1%
            }
            .body-page-user_account .wrap-tabcontent .resp-table-row {
                padding: 10px
            }
            .body-page-user_account .wrap-tabcontent .resp-table-row>.table-body-cell:first-child {
                height: 66px;
                overflow: hidden
            }
        }

        .btn.add-address {
            background: #4caf50;
            border: 1px solid #009688;
            color: #fff;
            font-weight: 700
        }

        .table-body-cell span.label {
            color: #b9b9b9
        }

        @media screen and (min-width:767px) {
            .table-body-cell span.label {
                display: none
            }
        }

        .checkout-wrapper #shipping-handlers .panel-body {
            padding: 15px;
            border: 1px solid #e3e5f2;
            background: #f7f7fa
        }

        .checkout-wrapper #shipping-handlers ul li {
            background: #fff
        }

        .product.grid-list.configurator {
            height: 445px
        }

        .carousel-section-wrapper .product.configurator .configurator-button,
        .product.grid-list.configurator .configurator-button {
            position: relative;
            margin: 8px 0 0
        }

        .carousel-section-wrapper .product.configurator .configurator-button>.btn,
        .product.grid-list.configurator .configurator-button>.btn {
            background: #ffc824;
            border: 0;
            padding: 5px 10px 5px 30px
        }

        .configurator-button>.btn:before {
            content: '\f013';
            display: block;
            font-family: fontawesome;
            position: absolute;
            left: 9px;
            top: 4px;
            font-size: 17px
        }

        .carousel-section-wrapper .product.configurator .configurator-button {
            margin: 15px 0
        }

        @media screen and (max-width:480px) {
            .carousel-section-wrapper .product.configurator .configurator-button>.btn,
            .product.grid-list.configurator .configurator-button>.btn {
                padding: 3px 9px
            }
            .configurator-button>.btn:before {
                content: ' '
            }
            .configurator-button>.btn {
                font-size: 12px
            }
        }

        .no-balance-due {
            text-align: right;
            font-size: 22px;
            color: #929292
        }

        ul#search-filter li a>span {
            color: #888
        }

        ul#search-filter li:not(selected) a[data-config=disabled],
        ul#search-filter li:not(selected) a[data-config=disabled]>span {
            color: #cecece;
            cursor: not-allowed
        }

        ul#search-filter ul.parameter li.disabled:hover:before {
            content: "\f05e";
            color: #c3c3c3
        }

        .body-page-user_account .profile-wrapper,
        .body-page-user_account_payment_status .profile-wrapper {
            margin: 60px -15px 20px -15px
        }

        .body-page-user_account .profile-picture,
        .body-page-user_account_payment_status .profile-picture {
            width: 100px;
            height: 100px;
            margin: auto;
            padding: 5px;
            background: #fff;
            border: 1px solid #e2e5f1;
            border-radius: 5px;
            display: inline-block;
            margin-top: -40px;
            box-shadow: 4px 4px 10px 2px rgba(0, 0, 0, .03)
        }

        .body-page-user_account .profile-picture img.img-rounded.img-responsive,
        .body-page-user_account_payment_status .profile-picture img.img-rounded.img-responsive {
            display: block;
            margin: auto
        }

        .body-page-user_account .user-details,
        .body-page-user_account_payment_status .user-details {
            text-align: center;
            background: #f7f7fa;
            padding-bottom: 20px
        }

        .body-page-user_account .user-name h4,
        .body-page-user_account_payment_status .user-name h4 {
            margin-top: 15px;
            margin-bottom: 5px
        }

        .animated-icon1 {
            width: 30px;
            height: 20px;
            position: relative;
            margin: 0;
            -webkit-transform: rotate(0);
            -moz-transform: rotate(0);
            -o-transform: rotate(0);
            transform: rotate(0);
            -webkit-transition: .5s ease-in-out;
            -moz-transition: .5s ease-in-out;
            -o-transition: .5s ease-in-out;
            transition: .5s ease-in-out;
            cursor: pointer
        }

        .animated-icon1 span {
            display: block;
            position: absolute;
            height: 3px;
            width: 100%;
            border-radius: 9px;
            opacity: 1;
            left: 0;
            -webkit-transform: rotate(0);
            -moz-transform: rotate(0);
            -o-transform: rotate(0);
            transform: rotate(0);
            -webkit-transition: .25s ease-in-out;
            -moz-transition: .25s ease-in-out;
            -o-transition: .25s ease-in-out;
            transition: .25s ease-in-out
        }

        .animated-icon1 span {
            background: #333
        }

        .animated-icon1 span:nth-child(1) {
            top: 0
        }

        .animated-icon1 span:nth-child(2) {
            top: 10px
        }

        .animated-icon1 span:nth-child(3) {
            top: 20px
        }

        .animated-icon1.open span:nth-child(1) {
            top: 11px;
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            transform: rotate(135deg)
        }

        .animated-icon1.open span:nth-child(2) {
            opacity: 0;
            left: -60px
        }

        .animated-icon1.open span:nth-child(3) {
            top: 11px;
            -webkit-transform: rotate(-135deg);
            -moz-transform: rotate(-135deg);
            -o-transform: rotate(-135deg);
            transform: rotate(-135deg)
        }

        .animated-icon1 span {
            height: 1px
        }

        .profile-menu .navbar-collapse {
            padding: 20px 0
        }

        .profile-menu {
            margin: 15px 0
        }

        .profile-menu ul {
            padding: 0;
            margin: 0
        }

        .profile-menu ul li {
            list-style: none
        }

        .profile-menu ul li a {
            display: block;
            font-size: 14px;
            background-repeat: no-repeat;
            background-size: 16px;
            background-position: 30px center;
            padding: 15px 75px;
            color: #8389a1;
            white-space: nowrap
        }

        .profile-menu ul li.active {
            background: #f7f7fa;
            box-shadow: 2px 2px 6px 2px #f5f5f5
        }

        .profile-menu nav.navbar.navbar-light {
            display: block;
            margin-top: -55px
        }

        .profile-menu button.navbar-toggler.first-button {
            margin-top: 0
        }

        .profile-menu ul li a.dashboard {
            background-image: url(/assets/img/profile-icons/icon-dashboard-0.png)
        }

        .profile-menu ul li a.order-history {
            background-image: url(/assets/img/profile-icons/icon-order-history-0.png)
        }

        .profile-menu ul li a.profile-details {
            background-image: url(/assets/img/profile-icons/icon-profile-0.png)
        }

        .profile-menu ul li a.addressess {
            background-image: url(/assets/img/profile-icons/icon-addressess-0.png)
        }

        .profile-menu ul li a.reviews {
            background-image: url(/assets/img/profile-icons/icon-review-0.png)
        }

        .profile-menu ul li a.service-requests {
            background-image: url(/assets/img/profile-icons/icon-service-request-0.png)
        }

        .profile-menu ul li a.sign-out {
            background-image: url(/assets/img/profile-icons/icon-sign-out-0.png)
        }

        .profile-menu ul li a.inquiries {
            background-image: url(/assets/img/profile-icons/icon-inquiry-0.png)
        }

        .profile-menu ul li a.quotations {
            background-image: url(/assets/img/profile-icons/icon-quotation-0.png)
        }

        .profile-menu ul li a.wish-list {
            background-image: url(/assets/img/profile-icons/icon-wishlist-0.png)
        }

        .profile-menu ul li a.profile-payment-options {
            background-image: url(/assets/img/profile-icons/icon-payment-options-0.png)
        }

        .profile-menu ul li a.business {
            background-image: url(/assets/img/profile-icons/icon-business-0.png)
        }

        .profile-menu ul li a.active,
        .profile-menu ul li a:hover {
            filter: brightness(0)
        }

        .profile-menu ul li.active a {
            border-left: 2px solid #fc0;
            padding-left: 73px;
            color: #000
        }

        .account-pages-button {
            padding: 40px 20px;
            background: #fff;
            border: 1px solid #e2e5f0;
            border-radius: 5px;
            margin: 10px 0;
            border-bottom: 2px solid #ffcd00
        }

        .account-pages-button .title {
            font-size: 20px;
            margin-bottom: 15px
        }

        .account-pages-button.order-history {
            background: url(/assets/img/profile-icons/icon-dashboard-button-order-history.png) #f7f7fa;
            background-repeat: no-repeat;
            background-position: right 3px bottom -12px;
            background-size: 32%
        }

        .account-pages-button.login-secure {
            background: url(/assets/img/profile-icons/icon-dashboard-button-login-secure.png) #f7f7fa;
            background-repeat: no-repeat;
            background-position: right 3px bottom -12px;
            background-size: 32%
        }

        .account-pages-button.your-address {
            background: url(/assets/img/profile-icons/icon-dashboard-button-your-address.png) #f7f7fa;
            background-repeat: no-repeat;
            background-position: right 3px bottom -12px;
            background-size: 32%
        }

        .account-pages-button.reviews {
            background: url(/assets/img/profile-icons/icon-dashboard-button-reviews.png) #f7f7fa;
            background-repeat: no-repeat;
            background-position: right 3px bottom -12px;
            background-size: 32%
        }

        .account-pages-button.service-requests {
            background: url(/assets/img/profile-icons/icon-dashboard-button-service-requests.png) #f7f7fa;
            background-repeat: no-repeat;
            background-position: right 3px bottom -12px;
            background-size: 32%
        }

        .account-pages-button.inquiries {
            background: url(/assets/img/profile-icons/icon-inquiry.png) #f7f7fa;
            background-repeat: no-repeat;
            background-position: right 3px bottom -12px;
            background-size: 32%
        }

        .account-pages-button.profile-details-link {
            background: url(/assets/img/profile-icons/icon-dashboard-button-profile.png) #f7f7fa;
            background-repeat: no-repeat;
            background-position: right 3px bottom -12px;
            background-size: 32%
        }

        .account-pages-button.profile-wishlist {
            background: url(/assets/img/profile-icons/icon-dashboard-button-wishlist.png) #f7f7fa;
            background-repeat: no-repeat;
            background-position: right 3px bottom -12px;
            background-size: 32%
        }

        .account-pages-button.profile-inquiries {
            background: url(/assets/img/profile-icons/icon-dashboard-button-inquiries.png) #f7f7fa;
            background-repeat: no-repeat;
            background-position: right 3px bottom -12px;
            background-size: 32%
        }

        .account-pages-button.profile-quotations {
            background: url(/assets/img/profile-icons/icon-dashboard-button-quotations.png) #f7f7fa;
            background-repeat: no-repeat;
            background-position: right 3px bottom -12px;
            background-size: 32%
        }

        @media screen and (min-width:530px) {
            .profile-content-area {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between
            }
            .account-pages-button {
                width: 49%;
                margin: 1% 0
            }
        }

        @media screen and (min-width:767px) {
            .profile-content-area {
                flex-direction: row;
                justify-content: flex-start;
                align-items: flex-start;
                align-content: flex-start
            }
            .account-pages-button {
                margin: 0;
                margin-bottom: .5%;
                width: 49.5%;
                height: 160px
            }
            .account-pages-button:nth-child(n) {
                margin-left: 0;
                margin-right: .5%
            }
            .account-pages-button:nth-child(n+1) {
                margin-left: .5%;
                margin-right: 0
            }
            .profile-menu button.navbar-toggler.first-button {
                display: none
            }
            .profile-wrapper {
                display: flex
            }
            .profile-menu-area {
                width: 20%
            }
            .profile-content-area {
                margin-left: 40px;
                width: calc(80% - 40px)
            }
            .account-pages-button:first-child,
            .account-pages-button:nth-child(2) {
                margin-top: 0
            }
            .profile-menu {
                margin-top: 15px
            }
            .profile-menu nav.navbar.navbar-light {
                margin-top: 0
            }
            .profile-menu .navbar-collapse {
                padding: 0
            }
            .profile-menu nav.navbar .navbar-nav,
            .profile-menu nav.navbar .navbar-nav>li {
                float: none
            }
            .account-pages-button.login-secure,
            .account-pages-button.order-history,
            .account-pages-button.profile-details-link,
            .account-pages-button.profile-inquiries,
            .account-pages-button.profile-quotations,
            .account-pages-button.profile-wishlist,
            .account-pages-button.reviews,
            .account-pages-button.service-requests,
            .account-pages-button.your-address {
                background-size: 50%
            }
        }

        @media screen and (min-width:1024px) {
            .account-pages-button {
                margin: 0;
                margin-bottom: .5%;
                width: 33%;
                height: 160px
            }
            .account-pages-button:nth-child(n) {
                margin-left: 0;
                margin-right: 0
            }
            .account-pages-button:nth-child(n+1) {
                margin-left: 0;
                margin-right: 0
            }
            .account-pages-button:nth-child(3n-1) {
                margin-left: .5%;
                margin-right: .5%
            }
        }

        @media screen and (min-width:1200px) {
            .account-pages-button {
                width: 31%;
                margin-bottom: 3.5%
            }
            .account-pages-button:nth-child(3n-1) {
                margin-left: 3.5%;
                margin-right: 3.5%
            }
        }

        .address-panel,
        .customer-business,
        .inquiry-panels,
        .order-panels,
        .profile-panels,
        .quotation-panels,
        .review-list {
            margin-bottom: 15px;
            background: #fff;
            box-shadow: 2px 2px 6px 2px #f5f5f5;
            width: 100%;
            text-align: left
        }

        .order-panels {
            margin-bottom: 30px
        }

        .profile-details {
            width: 100%
        }

        .address-panel .address-heading,
        .address-panel .address-panel-heading,
        .credit-points .payment-panel-heading,
        .customer-business .customer-business-heading,
        .inquiry-panels .inquiry-panel-heading,
        .order-panel-heading,
        .order-panels .review-panel-heading,
        .order-return .order-panels .order-panel-heading,
        .panel-heading,
        .quotation-panels .quotation-panel-heading,
        .review-list .review-panel-heading,
        .saved-cards .payment-panel-heading {
            padding: 15px 30px;
            background: #eeeef4;
            display: flex;
            flex-wrap: wrap
        }

        .order-panels.assemble-card {
            border: 1px solid #eee;
            box-shadow: none
        }

        .delete-company-container {
            display: flex;
            justify-content: flex-start
        }

        .delete-company-btn {
            background: 0 0;
            border: none;
            text-decoration: underline;
            color: #c51e2a;
            cursor: pointer
        }

        .address-panel .address-panel-content,
        .profile-details .panel-content {
            padding: 15px 15px;
            background: #fff
        }

        .profile-panels.delete-user-wrapp .panel-content {
            padding: 15px
        }

        .address-panel .address-heading,
        .credit-points .payment-panel-heading .payment-head,
        .customer-business .customer-business-heading .business-head,
        .inquiry-panels .inquiry-panel-heading .inquiry-id,
        .order-panel-heading .order-id,
        .order-panels .panel-heading,
        .order-panels .review-panel-heading,
        .order-return .order-panels .order-panel-heading,
        .profile-panels,
        .quotation-panels .quotation-panel-heading .quotation-id,
        .review-list .review-panel-heading,
        .saved-cards .payment-panel-heading .payment-head {
            width: 100%;
            font-size: 16px;
            font-weight: 700
        }

        .inquiry-panels .inquiry-panel-heading .inquiry-date,
        .order-panel-heading .order-date,
        .quotation-panels .quotation-panel-heading .quotation-date {
            flex: 1;
            font-size: 13px;
            color: #939293
        }

        .inquiry-panel-heading .more-details,
        .order-panel-heading .more-details,
        .quotation-panel-heading .more-details {
            width: 35%;
            text-align: right;
            font-size: 13px
        }

        .profile-content-area .page-title {
            width: 100%;
            font-size: 18px;
            font-weight: 700;
            margin-bottom: 24px
        }

        .inquiry-status,
        .order-address-status,
        .quotation-status {
            padding: 15px;
            border-bottom: 1px solid #edeeef
        }

        .sub-heading {
            font-weight: 700
        }

        .inquiry-status .inquiry-status-label,
        .quotation-status .quotation-status-label {
            margin-top: 10px;
            display: inline-block
        }

        .inquiry-status-label .status-button,
        .order-status .status-button,
        .quotation-status-label .status-button {
            background: green;
            padding: 1px 18px 1px 28px;
            position: relative;
            border-radius: 15px;
            color: #008100;
            font-size: 12px;
            line-height: 22px;
            display: inline-block
        }

        .inquiry-status-label .status-button>span,
        .order-status .status-button>span,
        .quotation-status-label .status-button>span {
            color: #fff;
            white-space: nowrap
        }

        .inquiry-status-label .status-button:after,
        .order-status .status-button:after,
        .quotation-status-label .status-button:after {
            display: block;
            position: absolute;
            left: 6px;
            top: 4px;
            width: 15px;
            height: 15px;
            background: #fff;
            content: '\f00c';
            border-radius: 50%;
            color: inherit;
            font-family: fontawesome;
            line-height: 15px;
            text-align: center;
            font-weight: 100;
            font-size: 10px
        }

        .order-panels .order-product-price {
            padding: 15px 0;
            display: flex;
            flex-wrap: wrap
        }

        .order-panels.assemble-card .order-product-price {
            padding: 10px
        }

        .order-panels.assemble-card .order-product-price.assemble-card {
            padding: 15px
        }

        .user-service .order-panels .order-product-price {
            padding: 15px
        }

        .order-panels .order-product {
            display: flex;
            align-items: center;
            width: 100%;
            gap: 15px
        }

        .order-panels.assemble-card .order-product {
            margin-bottom: 0
        }

        .order-panels .product-quantity {
            width: 50%;
            margin-top: 15px
        }

        .order-panels .product-price {
            width: 50%;
            text-align: left
        }

        .order-panels .product-price label,
        .order-panels .product-quantity label {
            display: block;
            max-width: 100%;
            margin-bottom: 5px;
            font-size: 12px
        }

        .order-panels .order-product .product-cover {
            min-width: 75px;
            max-width: 75px;
            display: block;
            background: #fff;
            border-radius: 3px;
            padding: 5px
        }

        .order-panels .order-product .product-cover img {
            width: 100%;
            aspect-ratio: 1/1;
            object-fit: contain
        }

        .order-panels .order-product .product-title {
            font-size: 14px
        }

        .order-panels .order-product-price .product-price {
            margin-top: 15px;
            font-size: 16px;
            font-weight: 700
        }

        .order-panels .order-product-price .product-order-total .sub-total label {
            color: #b3b3c3;
            margin-right: 10px;
            font-size: 12px
        }

        .order-panels .order-sub-total {
            padding: 20px 20px;
            display: flex;
            justify-content: flex-end;
            text-align: right;
            font-size: 14px;
            font-weight: 700;
            margin: 20px;
            border-bottom: 1px solid #f5f5f6
        }

        .order-panels .order-sub-total label {
            color: #b3b3c3;
            margin-right: 15px
        }

        .inquiry-panels .inquiry-address,
        .order-panels .order-address {
            font-size: 14px
        }

        .inquiry-panels .sub-heading,
        .order-panels .sub-heading,
        .quotation-panels .sub-heading {
            font-weight: 700;
            font-size: 15px
        }

        .order-panels .sub-heading {
            padding-bottom: 12px
        }

        .flex-full {
            flex: 1
        }

        @media screen and (min-width:530px) {
            .inquiry-panel-heading,
            .order-panel-heading,
            .quotation-panel-heading {
                align-items: center
            }
            .order-panel-heading .more-details,
            .order-panel-heading .order-date {
                width: calc(50% - 65px)
            }
            .inquiry-status,
            .order-address-status,
            .quotation-status {
                display: flex;
                justify-content: space-between
            }
            .inquiry-status .inquiry-status-label,
            .order-address-status .order-status,
            .quotation-status .quotation-status-label {
                margin-top: 0;
                margin-left: 0
            }
        }

        @media screen and (min-width:640px) {
            .order-panels .order-product-price {
                display: flex;
                align-items: center;
                justify-content: space-between
            }
            .order-panels .order-product-price .product-price {
                min-width: 120px;
                text-align: left;
                margin-top: 0;
                font-weight: 600 !important
            }
            .order-panels .order-product .product-title {
                font-weight: 700
            }
        }

        @media screen and (min-width:767px) {
            .inquiry-panels .inquiry-panel-heading .inquiry-id,
            .order-panel-heading .order-id,
            .quotation-panels .quotation-panel-heading .quotation-id {
                width: auto;
                margin-bottom: 0;
                padding-right: 10px
            }
            .profile-content-area .page-title {
                margin-top: -44px
            }
            .ml-user-order-details .profile-content-area .page-title {
                margin-top: 0
            }
            .credit-points .credit-points-wrapper,
            .credit-points .payment-panel-heading,
            .customer-business .customer-business-heading,
            .inquiry-panels .inquiry-panel-heading,
            .inquiry-panels .inquiry-status,
            .order-panels .order-address-status,
            .order-panels .order-panel-heading,
            .order-panels .order-status-wrapp,
            .order-panels .user-order-products,
            .quotation-panels .quotation-details,
            .quotation-panels .quotation-panel-heading,
            .quotation-panels .quotation-status,
            .saved-cards .payment-panel-heading,
            .saved-cards .saved-cards-wrapper {
                padding: 15px 30px
            }
        }

        @media screen and (max-width:766px) {
            .credit-points .credit-points-wrapper,
            .credit-points .payment-panel-heading,
            .customer-business .customer-business-heading,
            .inquiry-panels .inquiry-panel-heading,
            .inquiry-panels .inquiry-status,
            .order-panels .order-address-status,
            .order-panels .order-panel-heading,
            .order-panels .order-status-wrapp,
            .order-panels .user-order-products,
            .quotation-panels .quotation-details,
            .quotation-panels .quotation-panel-heading,
            .quotation-panels .quotation-status,
            .saved-cards .payment-panel-heading,
            .saved-cards .saved-cards-wrapper {
                padding: 15px 15px
            }
        }

        .import_tariff {
            display: inline-block;
            position: relative;
            cursor: default
        }

        .import_tariff .import_tariff_text {
            visibility: hidden;
            width: 210px;
            background-color: #555;
            color: #fff;
            text-align: start;
            border-radius: 6px;
            padding: 5px 10px;
            position: absolute;
            z-index: 1;
            left: 100%;
            margin-left: 10px;
            top: 50%;
            transform: translateY(-50%);
            opacity: 0;
            transition: opacity .5s;
            line-height: 17px;
            font-size: 12px
        }

        .import_tariff:hover .import_tariff_text {
            visibility: visible;
            opacity: 1
        }

        .import_tariff_head {
            display: inline-block;
            white-space: nowrap
        }

        @media screen and (max-width:600px) {
            .import_tariff .import_tariff_text {
                transform: translate(-86%, 13px)
            }
            .import_tariff_text:after {
                content: " ";
                position: absolute;
                bottom: 100%;
                left: 79%;
                margin-left: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent #555 transparent
            }
        }

        @media screen and (min-width:601px) {
            .import_tariff_text:after {
                content: " ";
                position: absolute;
                top: 50%;
                right: 100%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent #555 transparent transparent
            }
        }

        #mini-cart-summary .row>div.tariff-col {
            text-align: start;
            background: #f6f6f9;
            padding: 5px 10px;
            background-color: rgba(86, 61, 124, .15);
            border: 1px solid rgba(86, 61, 124, .2);
            color: #7755a1
        }

        .order-panels .order-track-wrapp {
            padding: 15px 0
        }

        .address-panel-content input.form-control::placeholder,
        .profile-panels input.form-control::placeholder {
            color: #bfbfbf;
            font-weight: 400
        }

        .address-panel-content .form-group label .business-content .form-group label,
        .profile-panels .form-group label {
            font-size: 13px;
            font-weight: 700
        }

        .profile-panels .form-group input,
        .profile-panels .form-group select {
            font-weight: 400
        }

        .profile-panels .form-group.mdl-selectfield select {
            border: 1px solid #ccc;
            border-radius: 4px;
            padding: 6px 12px;
            color: #000
        }

        .profile-panels .mdl-selectfield:after {
            right: 12px;
            bottom: 14px;
            border-top: .36em solid rgb(0 0 0)
        }

        .profile-panels .radiotextsty {
            color: #848ba2;
            font-size: 15px;
            font-weight: 700
        }

        .profile-panels .form-group label.customradio:hover .radiotextsty {
            color: #000
        }

        .profile-panels .customradio {
            display: inline-block;
            position: relative;
            padding-left: 30px;
            margin-bottom: 0;
            cursor: pointer;
            font-size: 18px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .profile-panels .customradio input {
            position: absolute;
            opacity: 0;
            cursor: pointer
        }

        .profile-panels .checkmark {
            position: absolute;
            top: 2px;
            left: 0;
            height: 18px;
            width: 18px;
            background-color: #fff;
            border-radius: 50%;
            border: 1px solid #7e859d
        }

        .profile-panels .customradio:hover input~.checkmark {
            background-color: transparent
        }

        .profile-panels .customradio input:checked~.checkmark {
            background-color: #fff;
            border: 1px solid #8288a1
        }

        .profile-panels .checkmark:after {
            content: "";
            position: absolute;
            display: none
        }

        .customradio input:checked~.checkmark:after {
            display: block
        }

        .profile-panels .customradio .checkmark:after {
            top: 2px;
            left: 2px;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: #8389a0
        }

        .profile-panels .form-group label:last-child {
            margin-left: 15px
        }

        .profile-panels .form-group label.error:last-child {
            margin-left: 0
        }

        .profile-panels .radio-group {
            padding-top: 15px
        }

        .mdl-selectfield select {
            background-color: transparent;
            width: 100%;
            padding: 0 24px 12px 24px;
            font-size: 15px;
            color: rgba(0, 0, 0, .26);
            border: none;
            border-bottom: 1px solid rgba(0, 0, 0, .12);
            border-radius: 0;
            color: #848ba2
        }

        .mdl-selectfield select:focus {
            color: #000
        }

        .mdl-selectfield select:focus {
            outline: 0
        }

        .mdl-selectfield select {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none
        }

        .form-group.mdl-selectfield {
            position: relative
        }

        .mdl-selectfield:after {
            position: absolute;
            bottom: 16px;
            right: 24px;
            width: 0;
            height: 0;
            padding: 0;
            content: '';
            border-left: .25em solid transparent;
            border-right: .25em solid transparent;
            border-top: .375em solid rgba(125, 132, 156, .36);
            pointer-events: none
        }

        .profile-details .form-control[disabled],
        .profile-details .form-control[readonly],
        .profile-details fieldset[disabled] .form-control {
            background-color: #fff;
            cursor: not-allowed;
            color: rgb(162 162 162)
        }

        @media screen and (min-width:630px) {
            .profile-details .panel-content {
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap
            }
            .profile-details .panel-content .form-group {
                width: 48%;
                margin-bottom: 30px
            }
            .profile-details .panel-content .form-group.reason-to-delete {
                margin-bottom: 15px
            }
        }

        @media screen and (min-width:1200px) {
            .profile-details .panel-content {
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                padding: 20px 20px 20px 20px
            }
            .profile-details .panel-content .form-group {
                width: 30%
            }
            .profile-panels.delete-user-wrapp .panel-content {
                padding: 20px
            }
        }

        .profile-details>form {
            display: block;
            text-align: right
        }

        .profile-content-area form>.btn,
        .profile-content-area form>.form-footer>.btn,
        .profile-details>form>.profile-panels>.btn,
        a.btn.add-new-address {
            margin: 20px 0;
            padding: 8px 44px;
            background: #4caf50;
            border-radius: 5px;
            border: 1px solid #009688;
            color: #fff
        }

        .profile-content-area .order-recommended-buy form>.btn {
            margin: 20px 0 5px
        }

        .profile-content-area form>.form-footer>.btn {
            margin: 10px 20px
        }

        .profile-content-area form>.btn:hover,
        .profile-content-area form>.form-footer>.btn:hover,
        .profile-details>form>.profile-panels>.btn:hover,
        a.btn.add-new-address:hover {
            background-color: #8bc34a;
            border-color: #80b741
        }

        .profile-details>form>.profile-panels>.btn {
            margin: 0 20px 20px
        }

        .business-save {
            margin: 0 20px 20px !important;
            padding: 8px 44px;
            background: #4caf50;
            border-radius: 5px;
            border: 1px solid #009688;
            color: #fff
        }

        .buying-as-p {
            font-weight: 700;
            padding-bottom: 10px
        }

        .business-content .panel-content,
        .profile-details>form>.profile-panels>.panel-content {
            text-align: left
        }

        .profile-details>form {
            margin-bottom: 30px
        }

        .profile-content-area form>.form-footer {
            display: flex;
            justify-content: flex-end;
            flex-direction: column-reverse
        }

        @media screen and (min-width:506px) {
            .profile-content-area form>.form-footer {
                flex-direction: row
            }
        }

        @media screen and (min-width:992px) {
            .profile-content-area form>.form-footer>.btn {
                margin: 20px 0
            }
        }

        .profile-content-area form .form-group.error {
            position: relative
        }

        .form-group.error span.select2-selection.select2-selection--single,
        .profile-content-area form .form-group.error input.form-control,
        .profile-content-area form .form-group.error input.form-control .profile-content-area form .form-group.error .bootstrap-select .dropdown-toggle,
        .profile-content-area form .form-group.error span.select2-selection.select2-selection--single,
        .profile-content-area form .form-group.error.mdl-selectfield select {
            border-color: #e90b0b;
            background: #fff0f0;
            position: relative
        }

        .profile-content-area form .form-group .bootstrap-select .dropdown-toggle {
            border-radius: 4px
        }

        .profile-content-area form .form-group.error label.error {
            top: 100%;
            margin-top: 3px;
            color: #e90b0b;
            font-size: 12px;
            font-weight: 100;
            width: 100%;
            left: 0;
            margin-bottom: 0
        }

        .profile-content-area form .form-group.error label.error#name-error {
            top: unset
        }

        .profile-content-area form#user-details .intl-tel-input #telephone-error {
            margin-top: 0
        }

        .profile-details>form#change-password>.btn {
            text-transform: capitalize
        }

        .user-address-list {
            width: 100%;
            text-align: right
        }

        .address-panel .address-content {
            padding: 15px
        }

        .address-content .address-wrapper {
            display: flex;
            position: relative
        }

        .address-content .address-wrapper {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            border-bottom: 1px solid #eeeef4;
            padding-top: 20px
        }

        .address-content .address-wrapper:first-child {
            padding-top: 0
        }

        .address-content .address-wrapper:last-child {
            border-bottom: none
        }

        .address-content .address-wrapper .adddress-contact-number,
        .address-content .address-wrapper .address-actions,
        .address-content .address-wrapper .address-location,
        .address-content .address-wrapper .address-name {
            width: 100%;
            margin-bottom: 20px
        }

        .address-content .address-wrapper .sub-heading {
            color: #7e859b;
            font-weight: 200
        }

        .address-content .address-wrapper .address-actions {
            display: flex;
            justify-content: center;
            position: relative
        }

        .address-content .address-wrapper .address-actions .btn {
            color: #7e859b;
            border-color: #7e859b;
            border-radius: 5px;
            font-size: 12px
        }

        .address-content .address-wrapper .address-actions .btn.update-address {
            color: #df5656;
            border-color: #df5656
        }

        .address-content .address-wrapper .address-actions.not-primary .btn.delete {
            margin-left: 3px;
            margin-right: 3px
        }

        .address-content .address-wrapper .address-actions.primary .btn:first-child {
            margin-right: 5px
        }

        .address-content .address-wrapper .address-actions.primary .btn:last-child {
            margin-right: 5px
        }

        @media screen and (min-width:767px) {
            .address-content .address-wrapper {
                justify-content: space-between
            }
            .address-content .address-wrapper .adddress-contact-number,
            .address-content .address-wrapper .address-name {
                width: 49.5%
            }
            .address-content .address-wrapper .address-actions,
            .address-content .address-wrapper .address-location {
                width: 49.5%
            }
            .address-content .address-wrapper .address-actions {
                align-items: flex-end
            }
            .address-content .address-wrapper .sub-heading {
                margin-bottom: 25px
            }
        }

        @media screen and (min-width:920px) {
            .address-content .address-wrapper .address-actions {
                overflow: hidden
            }
            .address-content .address-wrapper .address-actions .btn {
                transition: transform .3s ease-in-out, opacity .6s ease-in-out;
                transform: translateX(100%);
                opacity: 0
            }
            .address-content .address-wrapper:hover .address-actions .btn {
                transform: translateX(0);
                opacity: 1
            }
            .address-content .address-wrapper:hover .address-actions .btn:hover {
                background-color: #8f95aa;
                color: #fff
            }
            .address-content .address-wrapper .address-actions .btn:nth-child(2) {
                transition-delay: .05s
            }
            .address-content .address-wrapper .address-actions .btn:nth-child(3) {
                transition-delay: .09s
            }
            .address-actions {
                position: relative
            }
            .address-content .address-wrapper .address-actions.not-primary:after {
                content: '\f041';
                border: 2px solid #bfc4d4;
                color: #b7bac5
            }
            .address-content .address-wrapper .address-actions.primary:after {
                content: '\f00c';
                border: 2px solid #4caf50;
                color: #4caf50
            }
            .address-content .address-wrapper .address-actions:after {
                width: 20px;
                height: 20px;
                background: 0 0;
                border-radius: 50%;
                font-family: fontawesome;
                text-align: center;
                line-height: 17px;
                position: absolute;
                left: 50%;
                top: calc(50% - 10px);
                transition: all .3s ease-in-out
            }
            .address-content .address-wrapper:hover .address-actions:after {
                left: -100%
            }
        }

        @media screen and (min-width:1024px) {
            .address-panel .address-content {
                padding: 15px 25px
            }
            .address-content .address-wrapper .address-name {
                width: 18%
            }
            .address-content .address-wrapper .address-location {
                width: 40%
            }
            .address-content .address-wrapper .adddress-contact-number {
                width: 23%
            }
            .address-content .address-wrapper .address-actions {
                width: 17%;
                flex-direction: column;
                align-items: flex-end
            }
            .address-actions>.btn {
                width: 100% !important;
                margin: 5px 0 !important;
                max-width: 130px
            }
        }

        .review-list .review-panel-content {
            padding: 15px;
            background: #fff
        }

        .review-list .review-wrapper {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            padding: 25px 0;
            border-bottom: 1px solid #eeeef4
        }

        .review-list .review-wrapper:last-child {
            border-bottom: none
        }

        .review-list .review-content {
            width: 100%
        }

        .rating-outof {
            padding: 0 15px;
            border-left: 1px solid #eeeef4;
            margin-left: 15px
        }

        .review-list .review-wrapper .review-image a {
            width: 75px;
            height: 75px;
            background: #fff;
            border-radius: 7%;
            padding: 5px;
            display: block
        }

        .review-list .review-wrapper .review-image img {
            width: 100%;
            aspect-ratio: 1;
            object-fit: contain;
            object-position: center
        }

        .review-list .review-star-rating .stars-container {
            float: none
        }

        .reviews-stars-container {
            flex-shrink: 0;
            margin: 0 0 0 20px
        }

        .review-list .review-product-title {
            font-weight: 700;
            margin-bottom: 8px
        }

        .review-list .review-text {
            margin-top: 15px
        }

        .review-content-text {
            margin: 16px 0;
            padding: 20px;
            background: #f9f9f9;
            border-radius: 6px
        }

        .review-list .review-date {
            font-weight: 700;
            margin-bottom: 18px
        }

        @media screen and (min-width:580px) {
            .review-list .review-wrapper {
                justify-content: space-between;
                flex-wrap: nowrap
            }
            .review-list .review-content {
                width: auto;
                text-align: left;
                margin-left: 15px;
                flex: 1
            }
        }

        @media screen and (min-width:767px) {
            .review-list .review-panel-content {
                padding: 15px 15px
            }
        }

        .profile-content-area .address-panel,
        .profile-content-area>form {
            width: 100%
        }

        .profile-content-area form {
            text-align: right
        }

        .profile-edit-review-form {
            text-align: left !important
        }

        .review-flex-title-star {
            display: flex;
            justify-content: space-between;
            align-items: flex-start
        }

        @media screen and (min-width:767px) and (max-width:900px) {
            .profile-menu-area {
                width: 26%
            }
            .profile-content-area {
                margin-left: 15px;
                width: calc(74% - 15px)
            }
            .profile-menu ul li a {
                padding: 15px 50px;
                background-position: 20px center
            }
        }

        @media screen and (min-width:900px) and (max-width:1200px) {
            .profile-menu-area {
                width: 21%
            }
            .profile-content-area {
                margin-left: 15px;
                width: calc(79% - 15px)
            }
        }

        @media screen and (min-width:920px) {
            .address-panel .address-panel-content {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                align-items: flex-start;
                padding: 15px 25px
            }
            .address-panel .address-panel-content .form-group {
                width: 48%;
                margin-bottom: 50px
            }
            .address-panel .address-panel-content .form-group:last-child,
            .address-panel .address-panel-content .form-group:nth-last-child(2) {
                margin-bottom: 15px
            }
        }

        @media screen and (min-width:1200px) {
            .address-panel .address-panel-content .form-group {
                width: 30%
            }
            .address-panel .address-panel-content .form-group:nth-last-child(3) {
                margin-bottom: 15px
            }
        }

        .user-inquiries,
        .user-quotations {
            width: 100%
        }

        .quotation-details,
        .quotation-products {
            padding: 15px
        }

        .quotation-details-wrapper {
            margin-top: 15px
        }

        .quotation-details-wrapper .message-wrapper label,
        .quotation-details-wrapper .quotation-email label,
        .quotation-details-wrapper .quotation-name label,
        .quotation-details-wrapper .quotation-reference label,
        .quotation-details-wrapper .quotation-telephone label,
        .quotation-details-wrapper .quotation-terms label {
            color: #7e859b;
            font-weight: 200
        }

        .quotation-details-wrapper .quotation-company,
        .quotation-details-wrapper .quotation-email,
        .quotation-details-wrapper .quotation-name,
        .quotation-details-wrapper .quotation-telephone,
        .quotation-details-wrapper .quotation-terms {
            margin-bottom: 20px
        }

        .quotation-status .quotation-status-label {
            margin-left: 0
        }

        .quotation-panels-content .quotation-products {
            font-weight: 700
        }

        @media screen and (min-width:530px) {
            .quotation-details-wrapper {
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                align-items: flex-start
            }
            .quotation-details-wrapper .quotation-company,
            .quotation-details-wrapper .quotation-email,
            .quotation-details-wrapper .quotation-name,
            .quotation-details-wrapper .quotation-telephone {
                width: 31%
            }
            .quotation-details-wrapper .quotation-terms {
                width: 100%;
                margin-top: 20px
            }
        }

        @media screen and (min-width:1200px) {
            .quotation-panels-content {
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                align-items: flex-start
            }
            .quotation-panels-content .quotation-details {
                flex: 1
            }
            .quotation-panels-content .quotation-status {
                margin-top: 40px;
                padding-top: 0;
                border-bottom: none
            }
            .quotation-panels-content .quotation-products {
                padding: 15px 30px;
                border-top: 1px solid #edeeef;
                width: 100%
            }
            .quotation-page .quotation-details-wrapper .quotation-name,
            .quotation-page .quotation-details-wrapper .quotation-reference {
                width: 100%
            }
        }

        .order-address-status .table-body-cell.status-time {
            white-space: nowrap
        }

        .order-address-status .order-status-updates .order-status {
            margin: 0;
            display: inline-block
        }

        .user-orders.order-details .order-status-updates .resp-table.user-statuses .resp-table-row {
            padding: 10px
        }

        .user-orders.order-details .order-status-updates .resp-table.user-statuses .resp-table-row:nth-child(2n) {
            background: rgba(249, 249, 249, .32941176470588235)
        }

        .user-orders.order-details .order-status-updates .resp-table.user-statuses .resp-table-row:nth-child(2n+1) {
            background: rgba(255, 255, 255, .611764705882353)
        }

        .user-orders.order-details .order-status-updates .resp-table.user-statuses .status-status {
            text-align: center
        }

        .user-orders.order-details {
            width: 100%
        }

        @media screen and (min-width:767px) {
            .order-status-updates .resp-table .table-body-cell,
            .order-status-updates .resp-table .table-header-cell {
                padding: 10px 20px
            }
            .order-status-updates .resp-table .table-header-cell {
                border-width: 0 0 1px 0
            }
            .order-status-updates .resp-table .resp-table-row {
                border-bottom: 1px solid #eee
            }
            .order-status-updates .resp-table .resp-table-row:last-child {
                border-bottom: none
            }
            .user-orders.order-details .order-address-status .address,
            .user-orders.order-details .order-address-status .order-status-updates {
                flex: 1
            }
        }

        .user-orders.order-details .order-product-bundle {
            border: 1px solid #eee;
            margin: 10px;
            background: rgba(247, 247, 250, .19)
        }

        .user-orders.order-details .order-panels {
            padding-bottom: 10px
        }

        .order-panels .order-product-wrapper {
            border-bottom: 1px solid rgba(229, 229, 232, .4)
        }

        .account-profile-paging {
            text-align: center;
            margin: auto
        }

        .account-profile-paging ul {
            padding: 0;
            margin: 0
        }

        .account-profile-paging ul li {
            list-style: none;
            display: inline-block;
            background: #fff;
            margin: 2px;
            border: 1px solid #dcdcdc;
            border-radius: 3px
        }

        .account-profile-paging ul li span {
            display: block;
            padding: 5px 12px
        }

        .account-profile-paging ul li.active,
        .account-profile-paging ul li:hover {
            background: #ffc824;
            border-color: transparent
        }

        .order-panels .order-address-status .order-status {
            display: inline-block
        }

        .user-orders.order-details .bundle-product-heading {
            position: relative
        }

        .user-orders.order-details .bundle-product-heading>a {
            padding: 10px;
            display: block;
            border-bottom: 1px solid #eee
        }

        .user-orders.order-details .bundle-product-heading>a.collapsed {
            border-bottom: none
        }

        .user-orders.order-details .bundle-product-heading>a:after {
            display: block;
            content: '';
            width: 25px;
            height: 25px;
            background: #fbfbfb;
            position: absolute;
            right: 15px;
            top: 7px;
            border-radius: 50%;
            border: 1px solid #ddd
        }

        .user-orders.order-details .bundle-product-heading>a:before {
            position: absolute;
            content: '\f068';
            display: block;
            right: 22px;
            top: 10px;
            z-index: 9;
            font-family: fontawesome;
            color: #ccc
        }

        .user-orders.order-details .bundle-product-heading>a.collapsed:before {
            content: '\f067'
        }

        .user-orders.order-details .order-address-status .order-address-charges #payment-form-wrap {
            float: none
        }

        @media screen and (min-width:530px) {
            .order-address-status {
                flex-wrap: wrap
            }
            .user-orders.order-details .order-address-status .address,
            .user-orders.order-details .order-address-status .order-address-charges,
            .user-orders.order-details .order-address-status .order-payment-method,
            .user-orders.order-details .order-address-status .order-status-updates,
            .user-orders.order-details .order-address-status .order-total-order-products {
                flex: 1
            }
            .user-orders.order-details .order-address-status.hide-shiping .order-payment-method {
                flex: 2
            }
        }

        @media screen and (min-width:920px) {
            .profile-wrapper .user-orders .order-panels .order-address-status {
                flex-wrap: nowrap
            }
        }

        .order-address-charges .label {
            color: #666;
            padding: 0;
            font-size: 14px
        }

        .order-address-charges .charges-row {
            display: flex;
            padding: 6px 0 0;
            border-bottom: 0 solid #eee
        }

        .order-address-charges .charges-row>div {
            flex: 1;
            text-align: left
        }

        .order-address-charges .charges-row>div:last-child {
            text-align: right
        }

        .order-address-charges .charges-row>div.charge-amount:last-child {
            font-weight: 700
        }

        .order-address-charges #payment-form-wrap img.payment-cards {
            height: 40px;
            margin-right: unset;
            margin-left: unset;
            float: none !important
        }

        .quotation-products-wrapper {
            width: 100%
        }

        .quotation-panels .quotation-products-wrapper .order-product {
            display: flex;
            align-items: center
        }

        .quotation-panels .quotation-products-wrapper .order-product .product-cover {
            width: 200px
        }

        .quotation-panels .quotation-products-wrapper .order-product .product-cover img {
            width: 100%
        }

        .quotation-panels .quotation-products-wrapper .order-product .product-title {
            margin-left: 15px;
            font-size: 14px;
            font-weight: 400
        }

        .quotation-panels .quotation-products-wrapper .product-price {
            font-size: 14px
        }

        @media screen and (min-width:920px) {
            .quotation-products-wrapper {
                padding: 15px 25px
            }
            .quotation-panels .quotation-products-wrapper .order-product .product-cover {
                width: 80px
            }
            .quotation-panels .quotation-products-wrapper .order-product-price {
                display: flex;
                align-items: center;
                justify-content: space-between;
                flex-wrap: nowrap
            }
            .quotation-panels .quotation-products-wrapper .order-product {
                width: 74%
            }
            .quotation-panels .quotation-products-wrapper .product-quantity {
                width: 6%;
                text-align: center
            }
            .quotation-panels .quotation-products-wrapper .product-price {
                width: 20%;
                text-align: right
            }
        }

        .quotation-products-wrapper .quotation-total {
            text-align: right;
            padding: 10px 25px;
            border-top: 1px solid #eee;
            font-size: 18px;
            display: flex;
            justify-content: flex-end;
            align-items: center
        }

        .quotation-products-wrapper .quotation-total .total {
            margin-left: 20px
        }

        .quotation-panels-content .items-headers {
            display: none
        }

        @media screen and (min-width:920px) {
            .quotation-panels-content .items-headers {
                display: flex;
                padding: 15px 30px;
                font-weight: 700;
                color: #7d849d
            }
            .quotation-panels-content .items-headers .heading-item {
                width: 74%
            }
            .quotation-panels-content .items-headers .heading-quantity {
                width: 6%;
                text-align: center
            }
            .quotation-panels-content .items-headers .heading-price {
                width: 20%;
                text-align: right
            }
        }

        .quotation-panels-content .quotation-attachments {
            margin-top: 40px
        }

        .quotation-panels-content .quotation-attachments .sub-heading {
            margin-bottom: 20px
        }

        .quotation-panels-content .quotation-attachments img {
            max-width: 90px;
            max-height: 90px;
            margin: 5px
        }

        .profile-details .server-response {
            width: 100%;
            position: relative
        }

        .server-response {
            width: 100%
        }

        .user-service {
            width: 100%
        }

        .address-content .address-wrapper.primary {
            border-bottom-color: #47af4c
        }

        .order-panels .order-product-price .product-price span {
            font-weight: 400;
            font-size: 12px;
            display: block;
            color: #afafaf
        }

        .order-panels .order-products-wrapper .order-product-price .product-price span {
            color: #222;
            font-weight: 600 !important;
            font-size: 16px
        }

        .order-panels .assemble-card .order-products-wrapper {
            padding: 10px
        }

        .user-service .order-panels .expected-finish-date {
            padding: 15px 30px;
            background: #f9f9f9;
            border-bottom: 1px solid #edeeef
        }

        .user-service .ml-order-details {
            flex: auto;
            text-align: right
        }

        .service-details .service-collection-delivery-location {
            flex: 1
        }

        .service-details .service-collection-delivery-location>div {
            margin-bottom: 20px
        }

        .service-details .service-collection-delivery-location .sub-heading {
            margin-bottom: 5px
        }

        .service-details .service-collection-delivery-location {
            display: flex;
            justify-content: space-between
        }

        .service-details .service-collection-delivery-location .collection_location,
        .service-details .service-collection-delivery-location .delivery-location {
            width: 48%
        }

        @media screen and (min-width:530px) {
            .service-details .service-collection-delivery-location {
                flex-wrap: wrap
            }
            .service-details .service-collection-delivery-location .collection_location,
            .service-details .service-collection-delivery-location .delivery-location {
                width: 100%
            }
        }

        @media screen and (min-width:767px) and (max-width:920px) {
            .service-details .order-status-updates,
            .service-details .service-collection-delivery-location {
                flex: 0 0 100%
            }
        }

        .service-details .order-product-price {
            display: flex;
            flex-wrap: wrap
        }

        .service-details .order-product-price .order-product {
            width: 100%;
            margin-bottom: 20px
        }

        .service-details .order-product-price .product-quantity {
            width: 30px;
            font-weight: 700;
            line-height: 31px
        }

        .service-details .order-panels .order-product-price {
            justify-content: flex-start
        }

        .service-details .item-accessories>span {
            display: inline-block;
            background: #eeeef4;
            padding: 5px 20px;
            border-radius: 14px;
            border: 1px solid #d9d9e4
        }

        .service-details .user-order-products .headers {
            display: none
        }

        .order-panels .order-product .product-title>span {
            font-size: 12px;
            margin: 2px 0;
            padding: 5px 15px;
            background: #f7f7f7;
            display: inline-block;
            font-weight: 400
        }

        @media screen and (min-width:920px) {
            .service-details .user-order-products .headers {
                padding: 15px 0;
                display: flex;
                font-weight: 700
            }
            .service-details .order-panels .order-product-price {
                align-items: flex-start
            }
            .service-details .order-product-price .order-product,
            .service-details .user-order-products .headers .header-items {
                width: calc(65% - 10px);
                margin-right: 10px
            }
            .service-details .order-product-price .product-quantity,
            .service-details .user-order-products .headers .header-qty {
                width: 10%;
                text-align: center
            }
            .service-details .order-product-price .item-accessories,
            .service-details .user-order-products .headers .header-accessory {
                width: 25%
            }
            .service-details .item-accessories>span {
                margin: 5px
            }
        }

        .service-details .service-charge {
            padding: 15px 0;
            display: flex;
            justify-content: flex-end;
            font-size: 14px
        }

        .service-details .service-charge-amount {
            font-weight: 700;
            margin-left: 10px
        }

        @media screen and (min-width:430px) {
            .service-details .service-charge {
                font-size: 16px
            }
        }

        .wish-list-wrapper {
            width: 100%
        }

        .wish-list-wrapper .wish-list-share-buttons a.btn:link,
        .wish-list-wrapper .wish-list-share-buttons a.btn:visited {
            color: #7d849d;
            text-decoration: none;
            border-color: #7c849e;
            background: #fff;
            margin: 4px 2px 5px 0
        }

        .wish-list-wrapper .wish-list-share-buttons a.btn:hover {
            border-color: #222;
            color: #222;
            background: #f7f7fa
        }

        .wish-list-wrapper .wishlist-panel {
            margin-bottom: 15px;
            background: #fff;
            box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, .03);
            width: 100%;
            text-align: left;
            margin-top: 20px;
            padding: 10px
        }

        .profile-wishlist .wish-list-wrapper .wishlist-panel {
            padding: 10px 0;
            box-shadow: unset
        }

        .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper {
            display: flex;
            flex-wrap: wrap;
            padding: 10px 5px;
            margin: 5px;
            border: 1px solid #e2e5f0
        }

        .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-action,
        .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-item-price,
        .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-product {
            width: 100%
        }

        .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-product-image-wrapper a {
            min-width: 75px;
            max-width: 75px;
            background: #fff;
            border-radius: 3px;
            padding: 5px;
            display: block
        }

        .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-product-image-wrapper img {
            width: 100%;
            aspect-ratio: 1/1;
            object-fit: contain
        }

        .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-product-title {
            font-weight: 700
        }

        .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-item-price {
            font-size: 16px;
            padding: 10px;
            font-weight: 700
        }

        .profile-content-area .wishlist-item-wrapper form>.btn {
            padding: 5px 10px;
            margin: 4px auto;
            border-radius: 0
        }

        .profile-content-area form>.btn.btn-danger {
            background: #fff;
            border: 1px solid #bd180f;
            color: #bf1400
        }

        @media screen and (min-width:992px) {
            .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper {
                align-items: center
            }
            .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-product-title {
                text-align: left;
                display: flex;
                align-items: center
            }
            .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-product-wrapper .badges .product-bundle-badge {
                margin: 5px 0
            }
            .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-item-price {
                width: 19%;
                text-align: right
            }
            .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-action {
                width: 30%
            }
            .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-action .btn {
                width: 90%;
                margin-left: 10%
            }
        }

        .profile-content-area .user-orders {
            width: 100%
        }

        .status-button.updating:after {
            content: '\f01e' !important;
            color: grey
        }

        .quotation-panels-content .quotation-statuses {
            padding: 15px
        }

        .quotation-panels-content .quotation-statuses .resp-table.user-statuses {
            margin-top: 15px
        }

        @media screen and (min-width:1200px) {
            .quotation-panels-content .quotation-statuses {
                width: 50%
            }
        }

        .quotation-panels-content .quotation-attachments a {
            display: inline-block;
            padding: 3px 7px;
            border: 1px solid #ddd;
            border-radius: 8px;
            background: #fbfbfb
        }

        .quotation-panels-content .quotation-attachments a i {
            color: #989cb1;
            font-size: 17px
        }

        .quotation-panels-content .order-quotation-flag {
            display: flex;
            justify-content: space-between;
            margin-top: 15px;
            padding: 15px 0;
            border-top: 1px solid #eee
        }

        .quotation-panels-content .order-quotation-flag label {
            color: #7e859b
        }

        .quotation-panels-content .quotation-attachments {
            padding: 15px
        }

        @media screen and (min-width:920px) {
            .quotation-panels-content .quotation-attachments {
                padding: 30px
            }
        }

        .signal {
            border: 5px solid #333;
            border-radius: 30px;
            height: 30px;
            left: 50%;
            margin: -15px 0 0 -15px;
            opacity: 0;
            position: absolute;
            top: 50%;
            width: 30px;
            animation: pulsate 1s ease-out;
            animation-iteration-count: infinite
        }

        @keyframes pulsate {
            0% {
                transform: scale(.1);
                opacity: 0
            }
            50% {
                opacity: 1
            }
            100% {
                transform: scale(1.2);
                opacity: 0
            }
        }

        .profile-details .server-response .alert {
            font-size: 12px;
            width: 100%;
            padding: 5px 10px
        }

        @media screen and (min-width:768px) {
            .order-panels .order-product {
                width: calc(90% - 10px);
                margin-right: 15px;
                flex: 1
            }
        }

        @media screen and (min-width:420px) {
            .order-panels .product-quantity {
                width: 100%;
                text-align: right;
                margin-top: 0;
                display: flex
            }
            .order-panels .product-price {
                width: 100%
            }
            .order-panels .order-product-price {
                align-items: center;
                justify-content: flex-end
            }
            .order-panels .order-product-price.assemble-card {
                justify-content: space-between
            }
        }

        .order-total-order-products .order-items-header {
            display: none
        }

        @media screen and (min-width:1024px) {
            .user-orders.order-details .order-panels .order-product-price {
                padding: 22px 0 22px
            }
            .user-orders.order-details .order-total-order-products .user-order-products {
                width: calc(100% - 230px);
                border-right: 1px solid #f5f5f6
            }
            .order-panels .product-price label {
                display: none
            }
            .order-panels .order-product {
                width: calc(75% - 10px)
            }
            .order-panels .product-quantity {
                width: 100%;
                text-align: left;
                border: none;
                display: flex;
                padding: 4px 0
            }
            .order-panels .order-product-price .product-price {
                width: auto;
                border-top: 0;
                min-width: auto;
                text-align: left;
                font-weight: 600 !important
            }
            .order-total-order-products .order-items-header {
                margin: 15px;
                padding: 0 15px;
                display: flex
            }
            .order-total-order-products .order-items-header .header-price,
            .order-total-order-products .order-items-header .header-product,
            .order-total-order-products .order-items-header .header-quantity {
                font-weight: 700;
                font-size: 12px;
                color: #8389a1
            }
            .order-total-order-products .order-items-header .header-product {
                width: calc(75% - 10px);
                margin-right: 10px
            }
            .order-total-order-products .order-items-header .header-quantity {
                width: 5%;
                text-align: right
            }
            .order-total-order-products .order-items-header .header-price {
                width: 20%;
                text-align: right
            }
        }

        .profile-content-area .more-details {
            padding-right: 15px;
            position: relative
        }

        .profile-content-area .more-details>a:after {
            display: block;
            content: '\f105';
            width: 20px;
            height: 20px;
            position: absolute;
            right: 0;
            top: 0;
            font-weight: 700;
            font-family: fontawesome
        }

        .profile-content-area .order-panels .alert {
            display: flex;
            margin: 10px 20px 0
        }

        .profile-content-area .order-panels .alert.alert-success {
            display: block
        }

        .order-address-status .order-eta {
            margin-top: 15px
        }

        .order-address-status .order-eta .eta-date {
            margin-top: 10px;
            color: #7d849d
        }

        .user-orders.order-details .expected-delivery {
            color: #8188a3
        }

        .order-address-status .order-eta .eta-date span,
        .user-orders.order-details .expected-delivery span {
            font-weight: 700
        }

        @media screen and (min-width:1024px) {
            .order-address-status .order-eta,
            .order-address-status .order-eta .eta-date {
                text-align: right
            }
        }

        .user-orders.order-details .expected-delivery {
            margin-top: 10px
        }

        @media screen and (min-width:620px) {
            .user-orders.order-details .expected-delivery {
                width: calc(50% - 65px);
                text-align: right;
                margin-top: 0
            }
        }

        @media screen and (min-width:1024px) {
            .service-details .service-collection-delivery-location .collection_location {
                margin-right: 10px
            }
            .service-details .service-collection-delivery-location .delivery-location {
                margin-left: 10px
            }
            .service-details .service-collection-delivery-location .collection_location,
            .service-details .service-collection-delivery-location .delivery-location {
                width: calc(50% - 10px)
            }
        }

        .profile-content-area .profile-panel-footer {
            width: 100%
        }

        .profile-content-area .profile-panel-footer a {
            display: flex;
            align-items: center;
            padding: 8px 28px;
            background: #f4d078;
            color: #000;
            border: 1px solid #eac25f;
            border-radius: 4px
        }

        .user-orders.service-details .order-total-order-products .user-order-products .service-charge {
            border-top: 1px solid #eee
        }

        @media screen and (min-width:1024px) {
            .user-orders.service-details .order-total-order-products .user-order-products {
                width: 100%
            }
        }

        .profile-content-area .dashboard-buttons-wrapper {
            width: 100%;
            display: flex;
            flex-wrap: wrap
        }

        .profile-content-area h1.page-heading {
            width: 100%
        }

        .profile-content-area .dashboard-text {
            width: 100%;
            margin-bottom: 20px;
            padding: 20px 20px;
            background: #f7f7fa;
            border-radius: 5px;
            border: 1px solid #e2e5ef
        }

        .product-review-full .purchased-from-microless>span {
            border: 1px solid #ed9c06;
            color: #ed9c06;
            border-radius: 4px;
            background: #fff
        }

        .build-cover {
            width: 100%;
            height: 350px;
            background: #fff;
            display: flex;
            align-content: stretch;
            position: relative
        }

        .case-cover {
            width: 70%;
            background-size: contain;
            background-repeat: no-repeat;
            background-position-y: center;
            position: absolute;
            top: 0;
            height: 100%;
            z-index: 0
        }

        .cpu-cover {
            width: 30%;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            position: absolute;
            z-index: 1;
            right: 0;
            height: 26%;
            top: 24%
        }

        .gpu-cover,
        .motherboard-cover {
            width: 30%;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            position: absolute;
            z-index: 1;
            right: 0;
            height: 26%;
            bottom: 20%
        }

        .case-cover,
        .cpu-cover,
        .gpu-cover,
        .motherboard-cover {
            cursor: zoom-in
        }

        .single-post-content {
            line-height: 30px;
            color: #333;
            padding-bottom: 30px;
            margin-bottom: 100px;
            border-bottom: 1px solid #ccc
        }

        .single-post-content iframe,
        .single-post-content img {
            max-width: 100%
        }

        .single-post-content h3 {
            font-size: 34px;
            margin: 50px 0 0 0;
            color: #333;
            font-weight: 600
        }

        .single-post-content li {
            margin-top: 20px;
            font-size: 21px
        }

        .single-post-content ul {
            margin: 29px 0 0 0;
            padding: 0 0 0 20px
        }

        @media (max-width:1199px) and (min-width:1000px) {
            .hidden-md#header-pros {
                display: block !important
            }
        }

        @media (max-width:1199px) and (min-width:992px) {
            body.rtl .hidden-md#header-pros {
                display: none !important
            }
            .header-icons {
                margin-right: 5px !important
            }
        }

        .row.blog-wrapper.posts {
            margin: auto;
            max-width: 1000px
        }

        .blog-wrapper.posts h1 {
            text-align: center
        }

        .blog-entries {
            max-width: 1250px;
            margin: auto
        }

        .blog-entries .well {
            background-color: #fff
        }

        .blog-entries .post-body {
            padding: 45px
        }

        .blog-entries h2.post-title {
            font-size: 18px;
            font-weight: 600
        }

        .blog-date {
            font-size: 14px;
            margin-bottom: 10px
        }

        #blog-user {
            padding-right: 5px
        }

        #blog-user-block {
            padding-right: 10px
        }

        .post-footer.text-muted {
            border-top: 1px solid #f9f9f9 !important
        }

        @media screen and (min-width:996px) {
            .the-post-wrap:nth-child(3n-1)>.post-inner {
                border-left: none !important;
                border-right: none !important
            }
        }

        .blog-entries .post-footer {
            padding: 3px 15px
        }

        .order-panels .order-products-bundle-products .order-product-price {
            border-bottom: 2px dashed #eeeef4
        }

        .order-panels .order-product-price:last-child {
            border-bottom: none
        }

        .order-products-wrapper .order-product-price.order-item:last-child {
            border-bottom: 0
        }

        .order-panels .order-show-more-items {
            padding: 10px 30px;
            border-top: 1px solid #edeeef;
            text-align: right
        }

        .order-panels .order-show-more-items>a {
            padding: 5px 10px 5px 5px;
            display: inline-block;
            position: relative;
            color: #777
        }

        .order-panels .order-show-more-items>a:hover {
            color: #000
        }

        .order-panels .order-show-more-items>a:after {
            display: block;
            content: '\f105';
            width: 20px;
            height: 20px;
            position: absolute;
            right: 0;
            top: 5px;
            font-weight: 700;
            font-family: fontawesome;
            background: 0 0
        }

        #search-results .seller-description {
            text-align: left !important;
            width: 100%;
            padding: 10px 0;
            margin: 15px 0;
            color: #595959
        }

        .product-offers {
            margin-top: 20px;
            border-top: 1px solid #eee;
            padding-top: 20px
        }

        .product-offers .offer-row {
            display: flex;
            padding: 10px 0;
            justify-content: flex-start;
            flex-wrap: wrap;
            align-items: center;
            margin: 5px 0
        }

        .offer-row.heading .offer-col {
            font-size: 16px;
            font-weight: 600;
            color: #585858
        }

        .product-offers .offer-row .offer-col.price-shipping .product-price {
            font-size: 14px;
            font-weight: 700
        }

        .product-offers .offer-row.heading {
            border-bottom: 1px solid #d4d4d4;
            padding: 20px 0;
            display: none
        }

        @media screen and (min-width:767px) {
            .product-offers .offer-row.heading {
                display: flex
            }
        }

        .product-offers .offer-col.seller-info .seller-name a {
            color: #222;
            font-weight: 600;
            text-decoration: underline
        }

        .product-offers .offer-row.items {
            border-bottom: 1px solid #eee
        }

        .product-offers .offer-row.items .offer-col {
            width: 100%
        }

        .product-offers .offer-row.items .offer-col>div.product-shipping-from-badge {
            align-items: center;
            margin: 7px 0 0 0
        }

        .product-offers .offer-row.items .offer-col>label.title {
            color: #6f6f6f;
            display: block;
            margin-bottom: 3px;
            padding-left: 5px;
            border-left: 2px solid #c5c5c5
        }

        .product-offers .offer-row.items .offer-col>div {
            margin-left: 5px
        }

        .product-offers .offer-row.items:last-child {
            border: none
        }

        .product-offers .offer-col.item-action .btn {
            border-radius: 2px;
            padding: 4px 10px;
            font-size: 12px;
            font-weight: 700;
            background: #4caf50;
            color: #fff;
            border: 1px solid #009688
        }

        .product-offers .offer-col.item-action .btn:hover {
            background: #8bc34a;
            border: 1px solid #77b92a
        }

        .product-offers .offer-col.delivery>ul {
            margin: 0;
            padding: 0 0 0 10px;
            list-style: none
        }

        .product-offers .offer-col.item-action .quantity-input-group {
            padding-top: 0
        }

        .body-page-product_offers .product-offer-pc .product-offer-fbm {
            padding: 10px 0
        }

        .body-page-product_offers .product-offer-fbm .fbm-label {
            padding: 4px 8px;
            background: #ffc824;
            display: inline-block;
            font-size: 10px;
            color: #424242;
            font-weight: 600;
            border-radius: 15px;
            width: auto;
            line-height: 12px
        }

        @media screen and (min-width:520px) {
            .product-offers .offer-row.items .offer-col {
                width: 50%
            }
        }

        @media screen and (min-width:767px) {
            .product-offers .offer-row.heading .offer-col {
                font-size: 14px
            }
            .product-offers .offer-row.items .offer-col>label.title {
                display: none
            }
            .product-offers .offer-row .offer-col.price-shipping {
                width: 22%
            }
            .product-offers .offer-row .offer-col.condition {
                width: 12%
            }
            .product-offers .offer-row .offer-col.seller-info {
                width: 36%
            }
            .product-offers .offer-row .offer-col.delivery {
                width: 22%
            }
            .product-offers .offer-row .offer-col.item-action {
                width: 10%;
                text-align: right
            }
            .product-offers .offer-col.delivery>ul {
                padding: 0
            }
        }

        @media screen and (min-width:768px) and (max-width:991px) {
            .product-offers .offer-row .offer-col.seller-info {
                width: 26%
            }
        }

        @media screen and (min-width:992px) and (max-width:1199px) {
            .product-offers .offer-row .offer-col.seller-info {
                width: 28%
            }
        }

        @media screen and (min-width:1200px) {
            .product-offers .offer-row .offer-col.price-shipping {
                width: 15%
            }
            .product-offers .offer-row .offer-col.condition {
                width: 15%
            }
            .product-offers .offer-row .offer-col.seller-info {
                width: 45%
            }
            .product-offers .offer-row .offer-col.delivery {
                width: 15%
            }
        }

        @media screen and (max-width:767px) {
            body.body-page-product_offers #content-data {
                padding: 0
            }
        }

        .product-buy-col .product-price-wrapper .product-sold-by {
            color: #949494;
            font-size: 12px
        }

        .product-buy-col .product-price-wrapper .product-sold-by a,
        .product-buy-col .product-price-wrapper .see-more-offer a {
            color: #222;
            font-weight: 700;
            font-size: 12px
        }

        .product-buy-col .discontinued-product {
            padding: 20px;
            background: #fffaef;
            border: 1px solid #fbf3e0;
            border-radius: 3px;
            font-weight: 700;
            color: #af9863
        }

        @media screen and (min-width:767px) {
            .product-buy-col .discontinued-product {
                margin-top: 240px
            }
        }

        @media screen and (min-width:992px) {
            .product-buy-col .discontinued-product {
                margin-top: 70px
            }
        }

        .product-buy-col .seller-call-to-action {
            margin-top: 25px;
            padding-top: 15px;
            border-top: 1px solid #eee;
            display: flex;
            justify-content: space-between;
            align-items: center
        }

        .product-buy-col .seller-call-to-action a.btn {
            background: #fff;
            font-size: 12px;
            padding: 5px 10px
        }

        .product-additional-info .new-version-product-wrap {
            display: flex;
            align-items: center;
            padding: 15px;
            border: 2px solid #ffc824;
            border-radius: 3px;
            margin-top: 10px
        }

        .product-additional-info .new-version-product-wrap .product-cover {
            width: 130px
        }

        .product-additional-info .new-version-product-wrap .product-cover img {
            width: 100%
        }

        .product-additional-info .new-version-product-wrap .product-title {
            margin-left: 20px;
            font-weight: 700
        }

        .product-additional-info .new-version-product-wrap .currency {
            font-size: 14px;
            color: #222
        }

        .product-additional-info .new-version-product-wrap .amount {
            font-size: 20px;
            font-weight: 700
        }

        .product-additional-info .new-product-version {
            margin: 20px 0
        }

        .product-additional-info .new-product-version label {
            font-size: 16px
        }

        #cart-wrapper .gift-card-data,
        #cart-wrapper .seller-information {
            font-size: 12px;
            margin: 6px
        }

        #cart-wrapper .gift-card-data .date-green {
            font-weight: 600;
            font-size: 12px
        }

        #cart-wrapper .seller-information label {
            color: #7b7b7b;
            font-weight: 400
        }

        #cart-wrapper .seller-information a {
            color: #6d6d6d;
            font-weight: 700;
            font-size: 12px
        }

        #compatible-products .product {
            height: 330px
        }

        @media screen and (min-width:767px) {
            #compatible-products .product {
                width: 31.92311%
            }
        }

        @media screen and (min-width:1024px) {
            #compatible-products .product {
                width: 23.9%
            }
        }

        @media screen and (min-width:1200px) {
            #compatible-products .product {
                width: 19.1%
            }
        }

        ul#sale-end-countdown {
            margin: 0;
            padding: 0;
            list-style: none;
            display: inline-block;
            background: #222;
            border-radius: 5px
        }

        ul#sale-end-countdown>li {
            display: inline-block;
            color: #fff;
            margin: 0;
            padding: 0 8px
        }

        ul#sale-end-countdown>li>span {
            font-weight: 700;
            margin-right: 2px;
            color: #ffc824;
            width: 20px;
            display: inline-block;
            text-align: right
        }

        #cart-wrapper .table-body-cell.cell-title>span {
            margin: 4px
        }

        .desktop-menu>li>.menu-dropdown.have-subheading>.nav-column>ul>li:first-child {
            margin-top: 31px
        }

        .desktop-menu>li>.menu-dropdown.have-subheading>.nav-column>ul>li.menu-subheader:first-child {
            margin-top: 0
        }

        #collapseFilter ul#search-filter ul.sub-category {
            margin: 10px 0 10px 10px
        }

        #collapseFilter ul#search-filter ul.sub-category-children {
            margin-left: 10px
        }

        #collapseFilter ul#search-filter ul li.cat.promo>a,
        #collapseFilter ul#search-filter ul.sub-menu>li.cat,
        #collapseFilter ul#search-filter ul.sub-menu>li>ul.sub-category>li.cat.promo>a,
        #collapseFilter ul#search-filter ul.sub-menu>li>ul.sub-category>li>a {
            font-weight: 700
        }

        #collapseFilter ul#search-filter ul.sub-menu>li>ul.sub-category>li.cat.no-children>a {
            font-weight: 400
        }

        #collapseFilter ul#search-filter ul.sub-menu>li.cat.main-cats+li>ul>li>a {
            font-weight: 400
        }

        #collapseFilter ul#search-filter>li>ul.sub-menu>li>ul>li.cat.no-children>a {
            font-weight: 700 !important
        }

        .product-title--items-wrap .new-version-product-wrap .product-price {
            margin-left: 20px;
            font-size: 18px;
            margin-top: 20px
        }

        html {
            width: 100%;
            height: 100%
        }

        #user-signin .form-submit {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap
        }

        .sp {
            width: 22px;
            height: 22px;
            clear: both;
            margin: auto;
            position: absolute;
            top: 9px;
            right: 50%;
            left: 50%
        }

        .sp-circle {
            border: 2px #e5e9f6 solid;
            border-top: 2px #808390 solid;
            border-radius: 50%;
            -webkit-animation: spCircRot .6s infinite linear;
            animation: spCircRot .6s infinite linear
        }

        @-webkit-keyframes spCircRot {
            from {
                -webkit-transform: rotate(0)
            }
            to {
                -webkit-transform: rotate(359deg)
            }
        }

        @keyframes spCircRot {
            from {
                transform: rotate(0)
            }
            to {
                transform: rotate(359deg)
            }
        }

        .body-page-cart #bought-together-often-wrap .product a.product-review-stars {
            display: block;
            height: 20px;
            position: absolute;
            bottom: 125px;
            width: 125px
        }

        .body-page-cart #bought-together-often-wrap .product a.product-review-stars .rating-container {
            margin-top: 0;
            margin-left: 0;
            left: 7px
        }

        @media screen and (min-width:472px) {
            .body-page-cart #bought-together-often-wrap .product a.product-review-stars {
                bottom: 105px
            }
        }

        @media screen and (min-width:496px) {
            .body-page-cart #bought-together-often-wrap .product a.product-review-stars .rating-container {
                left: 15px
            }
        }

        @media screen and (min-width:552px) {
            .body-page-cart #bought-together-often-wrap .product a.product-review-stars {
                bottom: 71px;
                right: 0
            }
            .body-page-cart #bought-together-often-wrap .product a.product-review-stars .rating-container {
                right: 15px;
                left: auto
            }
        }

        .menu-dropdown.have-subheading>div>ul>li.menu-subheader {
            margin-top: 20px
        }

        #recommended input[name=compare]+label {
            padding-left: 10px
        }

        #cart-wrapper #resp-table .table-body-cell.cell-thumbnail,
        #cart-wrapper #unavailable-table .table-body-cell.cell-thumbnail {
            width: 100%
        }

        #cart-wrapper #resp-table .table-body-cell.cell-thumbnail .product-thumbnail a,
        #cart-wrapper #unavailable-table .table-body-cell.cell-thumbnail .product-thumbnail a {
            display: flex;
            width: 100%;
            height: 100%;
            justify-content: center;
            align-items: center
        }

        #cart-wrapper #resp-table .table-body-cell.cell-thumbnail .product-thumbnail img,
        #cart-wrapper #unavailable-table .table-body-cell.cell-thumbnail .product-thumbnail img {
            width: auto;
            height: auto;
            max-width: 100%;
            max-height: 100%
        }

        #cart-wrapper #unavailable-table .table-body-cell.cell-thumbnail .product-thumbnail img {
            max-width: 70%;
            max-height: 70%
        }

        #cart-wrapper #resp-table .table-body-cell.cell-thumbnail .product-thumbnail,
        #cart-wrapper #unavailable-table .table-body-cell.cell-thumbnail .product-thumbnail {
            border: none;
            margin: 0;
            padding: 5px;
            border-bottom: 1px solid #f5f5f5;
            height: 160px
        }

        #cart-wrapper #resp-table .table-body-cell.cell-title,
        #cart-wrapper #unavailable-table .table-body-cell.cell-title {
            margin: 10px 0
        }

        #cart-wrapper .product-bundle-badge.bestseller {
            margin: 0 5px
        }

        @media screen and (min-width:767px) {
            #cart-wrapper #resp-table .table-body-cell.cell-thumbnail,
            #cart-wrapper #unavailable-table .table-body-cell.cell-thumbnail {
                width: 200px
            }
            #cart-wrapper #resp-table .table-body-cell.cell-title,
            #cart-wrapper #unavailable-table .table-body-cell.cell-title {
                width: auto
            }
            #cart-wrapper #resp-table .table-body-cell.cell-thumbnail .product-thumbnail,
            #cart-wrapper #unavailable-table .table-body-cell.cell-thumbnail .product-thumbnail {
                width: 100%;
                border-bottom: none
            }
        }

        .body-page-product .delivery-to {
            display: flex;
            justify-content: space-between;
            align-items: center
        }

        .body-page-product .current-delivery-info .delivery-time {
            padding: 6px 0;
            border-top: 1px solid #dee5ef;
            margin-top: 10px
        }

        .body-page-product .current-delivery-info span.delivery-date {
            font-weight: 600;
            color: #4caf50
        }

        .body-page-product .current-delivery-info span.free {
            font-weight: 600
        }

        .body-page-product .delivery-switcher a.dropdown-toggle {
            display: block;
            padding: 3px 10px;
            cursor: pointer;
            color: #5c5c5c
        }

        .body-page-product .delivery-switcher a.dropdown-toggle .caret {
            margin-left: 7px
        }

        .body-page-product .delivery-switcher .dropdown-menu {
            margin-top: 0
        }

        .body-page-product .delivery-switcher .dropdown-menu li {
            margin: 2px 0;
            padding: 0
        }

        .body-page-product .delivery-switcher .dropdown-menu li a {
            padding: 10px 25px
        }

        .body-page-product .delivery-switcher .dropdown-menu {
            box-shadow: 0 6px 12px rgba(0, 0, 0, .07);
            border: 1px solid #dee5ef;
            padding: 0
        }

        .body-page-product .delivery-switcher .dropdown-menu li a:hover {
            background-color: #eef4fb
        }

        #cart-wrapper .cart-product-delivery-info {
            margin: 6px;
            font-size: 12px
        }

        #cart-wrapper .cart-product-delivery-info span.delivery-date {
            font-weight: 600;
            color: #4caf50
        }

        #address-fields .select2-container .select2-selection--single {
            height: 34px
        }

        #address-fields .select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height: 34px
        }

        #address-fields .bootstrap-select.cities button.btn-default,
        #address-fields .bootstrap-select.country button.btn-default {
            border: 1px solid #ccc;
            border-radius: 5px
        }

        .checkout-wrapper #address-fields .open>.dropdown-toggle.btn-default {
            color: #6e6e6e;
            background-color: #f6f6f9
        }

        #address-fields .bootstrap-select.cities button.btn-default:focus,
        #address-fields .bootstrap-select.cities button.btn-default:hover,
        #address-fields .bootstrap-select.country button.btn-default:focus,
        #address-fields .bootstrap-select.country button.btn-default:hover {
            color: #333;
            background-color: #eeeff9
        }

        #address-fields .bootstrap-select .dropdown-menu>.active>a,
        #address-fields .bootstrap-select .dropdown-menu>.active>a:focus,
        #address-fields .bootstrap-select .dropdown-menu>.active>a:hover {
            background-color: #82c000
        }

        #address-fields .form-group,
        #pickup-location .form-group {
            position: relative
        }

        #address-fields .form-group.circle-loading::after {
            right: 12px;
            border: 2px solid #e3e4f3;
            top: 35px !important;
            border-top-color: #959597
        }

        #add-user-address .iti,
        #address-fields .iti,
        #edit-user-address .iti,
        #pickup-location .iti,
        #user-details .iti {
            position: relative;
            display: block
        }

        #user-details .iti .iti__country-name,
        #user-details .iti .iti__dial-code {
            font-size: 12px;
            font-weight: 400
        }

        .profile-content-area .payment-status .alert {
            border-radius: 0
        }

        .profile-content-area .payment-status {
            margin: 25px 0
        }

        .profile-content-area .payment {
            margin-bottom: 10px;
            border-bottom: 1px solid #eee
        }

        .profile-content-area .payment span.amount-fig {
            font-weight: 600;
            font-size: 15px;
            color: #222
        }

        .product-images-col .variant-images img {
            transition: opacity .2s cubic-bezier(.95, .05, .795, .035)
        }

        .gift-wrap-drawer.single .well .checkbox label::after,
        .gift-wrap-drawer.single .well .checkbox label::before {
            margin-left: -5px
        }

        #credit_card_card_number {
            letter-spacing: 11px;
            font-size: 14px;
            line-height: 34px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px
        }

        #credit_card_card_number:-ms-input-placeholder,
        #credit_card_card_number::-webkit-input-placeholder,
        #credit_card_card_number::placeholder {
            letter-spacing: auto;
            color: red !important
        }

        #payment-method-options>ul>li>label i.fa:before {
            content: "";
            display: block;
            position: absolute;
            left: 15px;
            top: 14px
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li>label i.fa:before,
        #payment-method-options>ul>li label i.fa.card-on-delivery:before,
        #payment-method-options>ul>li label i.fa.cod:before,
        .payment-type-wrap {
            width: 40px;
            height: 25px;
            content: '';
            display: block;
            background-size: 100% !important;
            background-position: center
        }

        #payment-method-options>ul>li label i.fa.cod:before {
            display: block;
            background: url(/assets/img/payment-methods/cod.svg) no-repeat;
            background-position: 0 50%;
            background-size: 100%
        }

        #payment-method-options>ul>li label i.fa.card-on-delivery:before {
            display: block;
            background: url(/assets/img/payment-methods/card-on-delivery.svg) no-repeat;
            background-position: 0 50%;
            background-size: 100%
        }

        #payment-method-options>ul>li label i.fa.money-transfer:before {
            content: "\f02a"
        }

        #payment-method-options>ul>li label i.fa.bank-transfer:before {
            content: "\f19c"
        }

        @media screen and (max-width:414px) {
            .mobile-language-switcher {
                top: 9%
            }
        }

        #search-results .top-categories.sub-categories .top-category.product .product-title {
            height: 52px;
            padding: 7px 12px 15px;
            display: flex;
            justify-content: center;
            align-items: flex-end
        }

        #search-results .top-categories.sub-categories .top-category.product {
            height: auto
        }

        #search-results .top-categories.sub-categories .top-category.product .product-image {
            line-height: 225px;
            height: 225px;
            max-width: 267px
        }

        #search-results .top-categories.sub-categories .top-category.product .product-image {
            line-height: unset;
            height: 185px;
            max-width: 100%
        }

        #search-results .top-categories.sub-categories {
            margin-top: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            row-gap: 8px;
            column-gap: 8px
        }

        .product-info-list .delivery-switcher {
            display: flex;
            justify-content: space-between;
            cursor: pointer
        }

        .product-info-list .delivery-switcher .open>.dropdown-menu {
            width: auto
        }

        .delivery-switcher .drop-menu-wrap {
            position: relative
        }

        .body-page-product .delivery-switcher .dropdown-menu li:first-child {
            margin-top: 0
        }

        .body-page-product .delivery-switcher .dropdown-menu li:last-child {
            margin-bottom: 0
        }

        .body-page-product .delivery-switcher .dropdown-menu {
            background: #f6faff
        }

        .body-page-product .delivery-switcher .dropdown-menu li a {
            background: #fff
        }

        @media screen and (min-width:620px) {
            .top-categories.sub-categories .top-category.product {
                width: 32.26%
            }
        }

        @media screen and (min-width:1200px) {
            .top-categories.sub-categories .top-category.product {
                width: calc(97.4% * (1 / 4))
            }
        }

        @media screen and (min-width:1470px) {
            .top-categories.sub-categories .top-category.product {
                width: calc(98% * (1 / 4))
            }
        }

        @media screen and (max-width:620px) {
            .top-categories.sub-categories .top-category.product {
                width: 48.5%
            }
        }

        .input-group.credit-card-number-wrap .separator {
            height: 0;
            width: 0
        }

        .input-group.credit-card-number-wrap.entered .separator {
            display: block;
            position: absolute;
            width: 1px;
            height: 17px;
            left: 78px;
            top: 9px;
            background: #cbcbd0;
            z-index: 9;
            transform: rotate(15deg)
        }

        .input-group.credit-card-number-wrap.entered .separator.first {
            left: 85px
        }

        .input-group.credit-card-number-wrap.entered .separator.second {
            left: 160px
        }

        .input-group.credit-card-number-wrap.entered .separator.third {
            left: 235px
        }

        .profile-content-area .order-panels .alert.alert-danger {
            display: block;
            margin: 10px
        }

        .guest-profile-wrapper {
            margin-left: -15px;
            margin-right: -15px
        }

        .guest-profile-wrapper .profile-content-area .page-title {
            margin-bottom: 20px;
            margin-top: 20px
        }

        .guest-profile-wrapper .order-address-status {
            padding: 15px 10px
        }

        .guest-profile-wrapper .resp-table.user-statuses .status-time {
            width: 100%
        }

        .guest-profile-wrapper #payment-form-wrap {
            float: none;
            margin: 20px auto 0
        }

        .guest-profile-wrapper #payment-form-wrap .credit-card-box {
            margin: 0
        }

        .guest-profile-wrapper .profile-content-area {
            margin-left: 0;
            width: auto
        }

        @media screen and (min-width:767px) {
            .guest-profile-wrapper .order-total-order-products .order-address-charges {
                padding: 15px;
                display: flex;
                justify-content: space-between
            }
            .guest-profile-wrapper .order-total-order-products .order-charges-wrap {
                flex: 1
            }
            .guest-profile-wrapper .order-payment-form.payment-button {
                margin-left: 15px;
                padding-left: 15px;
                border-left: 1px solid #eee;
                display: flex;
                justify-content: center;
                align-items: center
            }
            .guest-profile-wrapper #payment-form-wrap {
                margin: auto
            }
        }

        @media screen and (min-width:1200px) {
            .guest-profile-wrapper .order-total-order-products .order-address-charges {
                display: block
            }
            .guest-profile-wrapper .order-payment-form.payment-button {
                margin: 20px auto 0;
                padding: 0;
                border: 0
            }
            .guest-profile-wrapper .user-orders.order-details .order-total-order-products .user-order-products {
                flex: 1;
                width: auto
            }
        }

        #address-error .address-error {
            background: #fff;
            padding: 10px;
            text-align: center;
            color: #e90b0b;
            border: 1px solid #e90b0b
        }

        #checkout-mini-cart li .cart-product {
            display: flex;
            justify-content: flex-start;
            align-items: center
        }

        #checkout-mini-cart .item-mini-pic {
            float: left;
            margin-right: 0;
            min-width: 90px;
            min-height: 90px;
            max-width: 90px;
            max-height: 90px
        }

        @media screen and (max-width:500px) {
            #checkout-mini-cart .item-mini-pic {
                min-width: 70px;
                min-height: 70px;
                max-width: 70px;
                max-height: 70px
            }
        }

        @media screen and (min-width:1200px) {
            .profile-details #user-details .profile-panels .panel-content {
                justify-content: flex-start
            }
            .profile-details #user-details .profile-panels .panel-content .form-group {
                width: 30%;
                margin-right: 5%
            }
            .profile-details #user-details .profile-panels .panel-content .form-group:nth-child(4) {
                margin-right: 0
            }
        }

        .address-panel-content input.form-control {
            padding: 12px 0
        }

        .address-panel-content .mdl-selectfield select {
            padding: 0 0 12px 0
        }

        .product-buy-col .product-price-wrapper .product-sold-by {
            display: flex
        }

        .product-buy-col .product-price-wrapper .product-sold-by>span {
            color: #212121;
            font: 13px/21px arial, sans-serif;
            padding: .2em .2em .3em
        }

        .product-buy-col .product-price-wrapper .product-sold-by>span.label {
            padding: .2em .2em .3em 0
        }

        .product-buy-col .deliver-to-country {
            display: flex;
            float: left
        }

        .product-buy-col .deliver-to-country>span {
            font-size: 13px;
            line-height: 21px;
            padding: .2em .2em .3em;
            color: #333
        }

        .user-have-seller a {
            color: #0089ff
        }

        .seller-support {
            margin-top: 15px
        }

        .seller-not-found a {
            color: #a94442;
            font: 14px/21px arial, sans-serif;
            font-weight: 500
        }

        .quantity-input-group .mdl-selectfield {
            position: relative
        }

        .quantity-input-group .mdl-selectfield select {
            padding: 10px 13px;
            height: auto;
            border: 0;
            text-align: center
        }

        .quantity-input-group .mdl-selectfield:after {
            right: 8px;
            top: 46%
        }

        .product-buy-col .quantity-input-group {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px
        }

        .product-buy-col .quantity-input-group .product-add-to-cart,
        .product-buy-col .quantity-input-group .quantity-selector {
            float: none
        }

        .product-buy-col .quantity-input-group .quantity-selector {
            width: 20%
        }

        .product-buy-col .quantity-input-group.min-req .quantity-selector {
            width: 27%
        }

        .product-buy-col .quantity-input-group .product-add-to-cart {
            margin: 0 0 0 5px;
            flex: 1
        }

        .product-buy-col .quantity-input-group .quantity-selector .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
        .product-buy-col .quantity-input-group .quantity-selector .select2-container {
            width: 100% !important
        }

        .product-buy-col .quantity-input-group .quantity-selector .bootstrap-select.btn-group .dropdown-toggle .filter-option,
        .product-buy-col .quantity-input-group .quantity-selector .select2-container--default .select2-selection--single {
            line-height: 40px;
            height: 40px;
            text-align: center;
            font-size: 15px;
            border-radius: 2px
        }

        .product-buy-col .quantity-input-group .quantity-selector .bootstrap-select>.dropdown-toggle,
        .product-buy-col .quantity-input-group .quantity-selector .select2-container--default .select2-selection--single {
            padding-top: 0;
            padding-bottom: 0;
            border-color: #333
        }

        .product-buy-col .quantity-input-group .quantity-selector .dropdown-menu>li>a,
        .product-buy-col .quantity-input-group .quantity-selector .select2-container--default .select2-selection--single {
            text-align: center
        }

        .product-buy-col .quantity-input-group select.selectpicker {
            line-height: 40px;
            height: 40px;
            text-align: center;
            font-size: 15px;
            border-radius: 2px;
            width: 100%
        }

        .product-buy-col .quantity-input-group .quantity-selector .select2-container--default .select2-selection--single .select2-selection__rendered {
            height: 40px;
            line-height: 39px
        }

        @media screen and (min-width:420px) and (max-width:580px) {
            .product-buy-col .quantity-input-group .quantity-selector {
                width: 15%
            }
            .product-buy-col .quantity-input-group.min-req .quantity-selector {
                width: 21%
            }
        }

        @media screen and (min-width:580px) and (max-width:992px) {
            .product-buy-col .quantity-input-group .quantity-selector {
                width: 25%
            }
            .product-buy-col .quantity-input-group.min-req .quantity-selector {
                width: 34%
            }
        }

        @media screen and (min-width:993px) {
            .product-buy-col .quantity-input-group .quantity-selector {
                width: 26%
            }
            .product-buy-col .quantity-input-group.min-req .quantity-selector {
                width: 35%
            }
        }

        @media screen and (min-width:1200px) {
            .product-buy-col .quantity-input-group .quantity-selector {
                width: 22%
            }
            .product-buy-col .quantity-input-group.min-req .quantity-selector {
                width: 28%
            }
        }

        @media screen and (min-width:992px) {
            .product-images-col #product-images-slider .item img {
                max-width: 100%;
                height: auto;
                width: 100%;
                max-height: 100%;
                height: 500px !important;
                object-fit: contain;
                object-position: center
            }
        }

        .product .product-image {
            text-align: center;
            line-height: 250px;
            width: 100%;
            height: 260px;
            margin: 0 auto;
            max-width: 220px;
            overflow: hidden;
            position: relative
        }

        .product .product-image img {
            width: 100%;
            max-width: 220px;
            max-height: 220px
        }

        @media screen and (min-width:1023px) {
            .product {
                width: 25%;
                height: 425px
            }
        }

        #for-free-shipping>div {
            font-size: 12px;
            line-height: 18px;
            color: #00b607
        }

        .order-panels .order-product .product-title .sold-by,
        .user-order-products .sold-by {
            font-weight: 400;
            font-size: 12px;
            color: #444;
            padding: 4px 0
        }

        .order-panels .order-product .product-title .sold-by .seller-name,
        .user-order-products .sold-by .seller-name {
            font-weight: 700;
            color: #000
        }

        .user-order-products .sold-by {
            margin-top: 5px
        }

        .user-orders.order-details .download-invoice {
            margin-top: 6px;
            margin-left: auto
        }

        .user-orders.order-details .download-invoice a {
            display: block;
            padding: 3px 12px;
            background: #fff;
            border-radius: 5px;
            color: #585858;
            border: 1px solid #c3c3c3;
            font-size: 12px
        }

        @media screen and (min-width:620px) {
            .user-orders.order-details .expected-delivery {
                width: auto;
                margin-top: 0;
                margin-right: 0;
                margin-left: auto
            }
        }

        @media screen and (min-width:767px) {
            .user-orders.order-details .download-invoice {
                margin-top: 0
            }
            .user-orders.order-details .expected-delivery {
                margin-left: 0
            }
        }

        @media screen and (min-width:900px) and (max-width:1092px) {
            .user-orders.order-details .expected-delivery {
                margin-left: auto;
                margin-right: 0
            }
        }

        @media screen and (min-width:1093px) {
            .user-orders.order-details .expected-delivery {
                margin-right: 10px;
                margin-left: auto
            }
            .user-orders.order-details .download-invoice {
                margin-top: 0;
                margin-left: auto;
                margin-right: 0
            }
        }

        #address-form .required.error input[type=text],
        #address-form .required.error select {
            border: 1px solid #e90b0b;
            background: #fff0f0;
            position: relative
        }

        #address-form .required.error label.error {
            margin-top: 1px;
            color: #e90b0b;
            font-size: 12px;
            font-weight: 100;
            margin-bottom: 0
        }

        .form-group.required.error #first_name-error,
        .form-group.required.error #telephone-error {
            display: block !important
        }

        label.sub-label,
        label.sub-label2 {
            margin-top: 3px;
            font-size: 11px;
            line-height: 13px
        }

        .form-group.required.error label.sub-label2 {
            margin-top: 0 !important;
            margin-bottom: 0
        }

        #address-form .button-row {
            padding-top: 10px
        }

        #address-form #credit-card-wrapper .form-group .input-group-addon {
            border-radius: 0 4px 4px 0
        }

        #address-form #credit-card-wrapper .form-group.error .input-group-addon {
            color: #fff;
            background: #e90b0b
        }

        .product-variants-container .variant-option .color-swatch {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            margin: 5px auto;
            box-shadow: 0 2px 2px 0 #8a8a8a8f inset
        }

        .product-variants-container .variant-option .variant-image {
            width: 55px;
            height: 55px;
            border-radius: 0;
            margin: 5px auto;
            box-shadow: none;
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat;
            background-color: #fff;
            border: 3px solid #fff;
            border-radius: 3px
        }

        #shipping-handlers ul li.no-shipping {
            border-color: #e90b0b;
            color: #e90b0b;
            background: #fff8f8
        }

        .checkout-wrapper .panel-body.address-list.loading {
            position: relative
        }

        .checkout-wrapper .panel-body.address-list.loading:after {
            display: block;
            content: "";
            position: absolute;
            border: 2px solid #e3e4f3;
            border-top: 2px solid #ffc824;
            border-radius: 50%;
            width: 20px;
            height: 20px;
            animation: address-list-loading-spin .5s linear infinite;
            left: 0;
            right: 0;
            bottom: 30px;
            margin: auto
        }

        @keyframes address-list-loading-spin {
            0% {
                transform: rotate(0)
            }
            100% {
                transform: rotate(360deg)
            }
        }

        #checkout-page-loader {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #f7f7fa;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999;
            opacity: .9
        }

        #checkout-page-loader .mi-loader {
            width: 20px;
            height: 20px;
            border: 2px #e5e9f6 solid;
            border-top: 2px #808390 solid;
            border-radius: 50%;
            animation: mi-loader .8s linear infinite
        }

        @keyframes mi-loader {
            0% {
                transform: rotate(0)
            }
            100% {
                transform: rotate(360deg)
            }
        }

        .product.grid-list.configurator {
            height: 470px
        }

        @media screen and (min-width:1200px) {
            .profile-details #user-details .profile-panels .panel-content .form-group.telephone {
                margin-left: auto;
                margin-right: auto
            }
        }

        .user-orders.order-details .order-product-price .product-price .extra-amounts>div {
            margin: 5px 0;
            font-size: 14px;
            color: #5c5c5d
        }

        .profile-content-area .profile-panel-footer {
            display: flex
        }

        .profile-content-area .profile-panel-footer a.cancel-order {
            margin-left: auto;
            margin-right: 0;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: auto;
            line-height: 16px;
            text-decoration: underline;
            background: 0 0;
            border: 0;
            padding: 0;
            font-weight: 700;
            color: #444;
            font-size: 14px
        }

        .profile-content-area .profile-panel-footer a.cancel-order:hover {
            color: #171717
        }

        #order-cancellation-form #cancel-order {
            text-align: left;
            display: block
        }

        #order-cancellation-form #cancel-order .btn {
            margin-left: 0;
            margin-right: 0;
            color: #000;
            font-size: 13px;
            border-radius: 4px
        }

        body.body-page-configurator {
            background: #f7f7fa
        }

        body.body-page-configurator #footer {
            background: #fff
        }

        body.body-page-configurator .breadcrumb {
            background: 0 0
        }

        .configurator-wrapper .component-row {
            font-weight: 700;
            color: #7e7e7e;
            background-color: #fff
        }

        .configurator-wrapper .component-row .component-name {
            font-weight: 700;
            font-size: 16px;
            margin-top: 30px
        }

        .configurator-wrapper .component-row .component-action {
            margin-bottom: 30px
        }

        .configurator-wrapper .component-row {
            border: 1px solid #cfd1dc;
            text-align: center;
            margin-bottom: 10px;
            border-radius: 4px
        }

        .configurator-wrapper .component-row .wrapper {
            padding: 10px;
            margin: 0 10%
        }

        .configurator-wrapper .component-row .component-image {
            width: 200px;
            height: 200px;
            margin: auto
        }

        .configurator-wrapper .component-row .component-image img {
            max-height: 100%;
            max-width: 100%
        }

        .configurator-wrapper .component-row .grouped-component .component-image,
        .configurator-wrapper .component-row .ungrouped-component .component-image {
            width: auto;
            height: auto;
            padding: 15px
        }

        .configurator-wrapper .component-row .grouped-component .component-image img {
            max-height: 100%;
            max-width: 100%
        }

        .configurator-wrapper .component-row a.btn {
            background: #ffc400;
            border-radius: 5px;
            border: none;
            font-weight: 700;
            padding: 10px 20px
        }

        .configurator-wrapper .component-row a.btn i.fa {
            margin-right: 5px
        }

        .configurator-wrapper .component-row .component-title {
            margin: 15px 0
        }

        .configurator-wrapper .component-row .component-price .amount {
            font-size: 18px
        }

        .configurator-wrapper .component-row .remove-component button {
            display: block;
            position: relative;
            border: 0;
            background: #fff
        }

        .configurator-wrapper .component-row .wrapper .ungrouped-grid {
            display: flex;
            flex-wrap: wrap
        }

        .configurator-wrapper .component-row .wrapper .ungrouped-grid .grid-item-wrapper {
            width: 32.9%;
            padding: 10px;
            margin: 2px
        }

        .configurator-wrapper .component-row .wrapper .ungrouped-grid .grid-item-wrapper .component-image {
            max-height: 200px;
            height: 200px;
            width: auto;
            text-align: center;
            margin: 10px auto
        }

        .configurator-wrapper .component-row .wrapper .ungrouped-grid .grid-item-wrapper .title>label {
            overflow: hidden;
            display: inline-block;
            text-overflow: ellipsis;
            width: 100%;
            height: 66px;
            text-align: center
        }

        .configurator-wrapper .component-row .remove-component button i.fa {
            font-size: 15px;
            margin-right: 5px
        }

        .configurator-wrapper .component-row .remove-component button:hover {
            color: red
        }

        .configurator-wrapper .component-row .remove-component button i.fa {
            font-size: 15px;
            margin-right: 3px
        }

        .configurator-wrapper .component-row .multi-gpu-support form {
            display: flex;
            align-items: center
        }

        .configurator-wrapper .component-row .multi-gpu-support .bootstrap-select {
            width: auto;
            flex: 1;
            margin-left: 10px
        }

        .configurator-wrapper .component-row .quantity {
            margin-bottom: 15px
        }

        .configurator-wrapper .component-row .component-action.graphics_card .quantity {
            width: 100%
        }

        .configurator-wrapper .component-row.heading .wrapper {
            font-size: 16px;
            color: #7e7e7e;
            font-weight: 400
        }

        .configurator-wrapper .component-row button.btn.btn-default {
            border-radius: 6px;
            padding: 7px 20px
        }

        .configurator-wrapper .component-row .update-quantity button.btn.btn-default {
            padding: 7px 30px 7px 20px
        }

        .configurator-wrapper .component-row .update-quantity .bootstrap-select.btn-group .dropdown-toggle .caret {
            right: 8px
        }

        .configurator-wrapper .component-row button.btn.btn-default[type=submit] {
            background-color: #00b16a;
            font-weight: 700;
            color: #fff;
            border-radius: 6px;
            border: none;
            padding: 7px 20px;
            margin-left: 5px
        }

        .configurator-wrapper .component-row .quantity select.selectpicker {
            padding: 6px 12px;
            border-radius: 6px;
            height: 33px;
            width: 100%
        }

        .configurator-wrapper .component-row.heading {
            display: none
        }

        .configurator-wrapper .component-row.cannot-add {
            background: rgba(0, 0, 0, 0)
        }

        .configurator-wrapper .component-row.cannot-add .component-name,
        .configurator-wrapper .component-row.cannot-add .component-price .amount {
            color: #909090
        }

        .configurator-wrapper .component-row a.btn.view-more {
            padding: 5px 10px;
            font-size: 12px
        }

        .component-row-wrapper .component-name span.component-required {
            display: inline-block;
            font-size: 12px;
            margin-top: 3px;
            color: #8c8d94;
            font-weight: 500;
            margin-left: 8px
        }

        .component-row-wrapper .component-name span.component-required.error {
            color: #f94545
        }

        .configurator-wrapper .component-row a.btn.change {
            background: #fff;
            border: 1px solid #222;
            display: none
        }

        .component-row-wrapper .component-name .wrapper {
            padding: 20px
        }

        .component-row-wrapper .component-name {
            font-size: 16px;
            font-weight: 700;
            border-bottom: 1px solid #cfd1dc
        }

        @media screen and (min-width:1160px) {
            .configurator-wrapper .component-row {
                border-width: 0 0 1px 0;
                text-align: left;
                margin-bottom: 0;
                display: flex;
                align-items: center;
                flex-wrap: wrap
            }
            .configurator-wrapper .component-row.heading {
                display: flex
            }
            .configurator-wrapper .component-row .component-name {
                width: 15%
            }
            .configurator-wrapper .component-row .component-selected {
                width: 67%
            }
            .configurator-wrapper .component-row .component-price {
                width: 14.5%
            }
            .configurator-wrapper .component-row .component-action {
                width: 18.5%
            }
            .configurator-wrapper .component-row .product-wrapper {
                display: flex;
                align-items: center;
                margin: 15px 0
            }
            .configurator-wrapper .component-row .component-image {
                width: 100px;
                height: 100px
            }
            .configurator-wrapper .component-row .component-title {
                flex: 1;
                margin-left: 15px
            }
            .configurator-wrapper .component-row .component-action .wrapper {
                display: flex;
                align-items: center;
                flex-wrap: wrap
            }
            .configurator-wrapper .component-row .remove-component {
                margin-left: auto;
                margin-right: 0
            }
            .configurator-wrapper .component-row .wrapper {
                padding: 30px 10px;
                margin: 0
            }
            .configurator-wrapper .component-row .component-price .amount {
                font-size: 16px
            }
            .configurator-wrapper .component-row .component-name,
            .configurator-wrapper .component-row .component-price .amount {
                color: #222
            }
            .configurator-wrapper .component-row .component-price span.out-of-stock {
                color: #606060
            }
            .configurator-wrapper .component-row .quantity {
                margin-bottom: 15px
            }
            .configurator-wrapper .component-row .quantity .update-quantity .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
                width: auto
            }
            .configurator-wrapper .component-row .multi-gpu-support form {
                flex-wrap: wrap
            }
            .configurator-wrapper .component-row .multi-gpu-support form label {
                width: 100%
            }
            .configurator-wrapper .component-row .multi-gpu-support .bootstrap-select {
                margin-left: 0
            }
            .configurator-wrapper .component-row .component-price .wrapper {
                padding-left: 20px;
                padding-right: 20px
            }
            .configurator-wrapper .component-row .component-name {
                margin-top: 0
            }
            .configurator-wrapper .component-row .component-action {
                margin-bottom: 0
            }
            .configurator-wrapper .component-row .component-selected .grouped-component {
                display: flex
            }
            .configurator-wrapper .component-row .component-selected .grouped-component .product-wrapper,
            .configurator-wrapper .component-row .component-selected .ungrouped-component .product-wrapper {
                width: 15%
            }
            .configurator-wrapper .component-row .component-selected .grouped-component .config-group,
            .configurator-wrapper .component-row .component-selected .ungrouped-component .products-list {
                flex: 1
            }
        }

        .configurator-wrapper .component-row .multi-gpu-support form .dropdown-menu.open {
            width: auto
        }

        .configurator-wrapper .bridge {
            margin-top: 15px;
            border-top: 1px solid #dcdcdc;
            padding-top: 7px
        }

        .configurator-wrapper .cannot-add-components-wrapper {
            padding: 15px 20px;
            margin-bottom: 30px;
            color: #856404;
            background-color: #fff9e7;
            border-color: #ffeeba;
            border-radius: 4px;
            border: 1px solid rgba(157, 126, 35, .3215686274509804)
        }

        .configurator-wrapper .cannot-add-components-wrapper .info {
            font-weight: 700;
            margin-bottom: 10px;
            font-size: 14px
        }

        .configurator-wrapper .cannot-add-components-wrapper .cannot-add-row {
            display: block;
            margin-bottom: 6px
        }

        .configurator-wrapper .cannot-add-components-wrapper .config-category {
            font-weight: 700
        }

        @media screen and (min-width:767px) {
            .configurator-wrapper .cannot-add-components-wrapper .cannot-add-row {
                display: flex
            }
            .configurator-wrapper .cannot-add-components-wrapper .config-category {
                width: 200px
            }
            .configurator-wrapper .cannot-add-components-wrapper .config-product {
                flex: 1
            }
        }

        @media screen and (min-width:1280px) {
            .configurator-wrapper .component-row {
                padding: 0 20px
            }
            .configurator-wrapper .component-row .component-price .wrapper {
                padding-left: 50px;
                padding-right: 20px
            }
        }

        #address-fields .bootstrap-select.cities.circle-loading::after {
            right: 28px;
            z-index: 9
        }

        #address-fields .bootstrap-select.cities.circle-loading button.btn {
            background: #f7f7fa
        }

        .compatibility-issues {
            display: flex;
            padding: 10px 20px;
            background: #00b16a;
            color: #fff;
            align-items: center;
            flex: 1
        }

        .compatibility-issues.have-issues {
            background: #e90b0b
        }

        .compatibility-issues .label {
            font-size: 14px
        }

        .compatibility-issues .compatitbility-info {
            margin-left: 20px
        }

        .compatitbility-info .error-row {
            display: flex
        }

        .compatitbility-info .error-row .error-component {
            font-weight: 700;
            text-transform: capitalize
        }

        .compatitbility-info .error-row .build-error {
            margin-left: 10px
        }

        .compatibility-note {
            margin: 60px 0
        }

        .compatibility-note h2.title {
            margin: 0;
            border: 0;
            padding: 0 0 15px 0;
            border-bottom: 1px solid #cfd1dc
        }

        .compatibility-note .note {
            margin-top: 15px;
            display: flex
        }

        .compatibility-note .note .label {
            color: #f60;
            font-size: 14px
        }

        .compatibility-issues.start {
            background: #ffc400;
            color: #222
        }

        .compatibility-issues.start .label {
            color: #222
        }

        .configuration-forms .form-control-wrapper .form-control {
            border-color: #d9d9d9;
            background: #f9f9f9;
            padding: 12px 15px;
            line-height: normal;
            font-size: 14px;
            height: auto
        }

        .configuration-forms .form-control-wrapper.submit {
            text-align: right
        }

        .configuration-forms .configuration-checkout .summary-wraper,
        .configuration-forms .save-configuration .form-wrapper {
            background: #fff;
            padding: 34px 46px
        }

        .configuration-checkout {
            flex: 1;
            display: flex;
            flex-direction: column;
            margin-top: 60px
        }

        .compatibility-wattage-wrapper {
            display: flex
        }

        .compatibility-wattage-wrapper .wattage {
            background: #1a7bd2;
            width: 20%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            font-weight: 600;
            color: #fff;
            padding: 0 30px
        }

        .compatibility-wattage-wrapper .wattage i {
            margin-right: 5px
        }

        @media screen and (min-width:767px) {
            .configuration-forms {
                display: flex;
                justify-content: space-between
            }
            .configuration-forms .save-configuration {
                width: 54%
            }
            .configuration-checkout {
                margin-left: 15px;
                margin-top: 0
            }
        }

        .configuration-checkout .summary-wraper {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: flex-start
        }

        .configuration-forms .section-title {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 30px
        }

        .configuration-forms .form-control-wrapper,
        .configuration-forms .summary-row {
            margin-bottom: 20px
        }

        .configuration-forms .summary-row {
            margin-bottom: 20px
        }

        .configuration-forms .summary-row {
            display: flex
        }

        .configuration-forms .summary-row.form {
            margin-top: auto
        }

        .configuration-forms .summary-row .label {
            color: #6d6d71;
            font-size: 14px;
            width: 65%;
            text-align: left;
            font-weight: 400
        }

        .configuration-forms .summary-row .summary-info {
            flex: 1;
            text-align: right
        }

        .configuration-forms .summary-row.config-cost .label,
        .configuration-forms .summary-row.config-cost .summary-info {
            font-size: 16px;
            color: #222;
            font-weight: 700
        }

        .configuration-forms .summary-row.total {
            border-top: 1px solid #d9d9d9;
            padding-top: 40px;
            margin-bottom: 15px
        }

        .configuration-forms .summary-row.total .label span {
            font-size: 14px;
            font-weight: 400;
            color: #6d6d71;
            margin-left: 5px
        }

        .configuration-forms .summary-row.total .label,
        .configuration-forms .summary-row.total .summary-info {
            font-size: 16px;
            color: #222;
            font-weight: 700
        }

        .configuration-forms button.btn.save {
            border-color: #222
        }

        .configuration-forms .btn.buy-now,
        .configuration-forms .btn.save {
            padding: 12px 40px;
            border-radius: 6px;
            font-weight: 700
        }

        .configuration-forms .summary-row.form form,
        .configuration-forms .summary-row.form form .btn {
            width: 100%
        }

        .configuration-forms .summary-row.form button.btn.buy-now {
            background: #00b16a;
            color: #fff;
            border-color: #009688
        }

        @media screen and (min-width:1200px) {
            .configuration-checkout {
                margin-left: 40px
            }
            .configuration-forms .save-configuration {
                width: 60%
            }
        }

        .order-date span.estimated-date,
        .order-date span.estimated-date-label {
            color: #000
        }

        .order-status.item-feedback,
        .order-status.return-item {
            margin-top: 10px !important;
            display: block !important
        }

        .status-button.return.return-item {
            background-color: #ffc824
        }

        .return-reason.form-group.error .remark-textarea {
            border-color: #e90b0b
        }

        span.repair_problem_error {
            font-size: 12px;
            position: absolute;
            padding: 3px 0;
            color: #e90b0b
        }

        @media screen and (min-width:768px) {
            .table-class {
                margin: 0 8px
            }
            .order-product.return-item {
                width: 60% !important
            }
            .order-product.return-item.feedback-class {
                width: 100% !important
            }
            .return-reason {
                width: 36% !important
            }
            div.return-reason>select {
                width: 100%
            }
            .user-order-products.custom-width {
                width: 100% !important
            }
            .return-continue {
                width: 25%;
                padding: 5px;
                margin-left: auto
            }
        }

        @media screen and (max-width:414px) {
            .return-continue {
                width: 93% !important;
                margin: auto !important
            }
        }

        @media screen and (max-width:767px) {
            .table-class {
                margin: 15px
            }
            .return-continue {
                width: 25%;
                padding: 5px;
                margin-left: auto;
                margin-right: 15px
            }
            .order-product.return-item {
                width: 100% !important
            }
            .return-reason {
                width: 100% !important;
                margin-top: 35px
            }
            div.return-reason>select {
                width: 100%
            }
        }

        .return_item_checkbox {
            margin-right: 25px
        }

        .order-address .order-shipment-info {
            margin-top: 15px;
            border: 2px solid #ccc;
            padding: 20px
        }

        .order-address .order-shipment-info .courier-and-tracknumber {
            display: flex
        }

        .order-address .order-shipment-info .courier-and-tracknumber>div {
            flex: 1
        }

        .order-address .order-shipment-info .courier-and-tracknumber .courier-name,
        .order-address .order-shipment-info .courier-and-tracknumber .tracking-nuberr {
            font-weight: 700
        }

        .order-address .order-shipment-info .courier-and-tracknumber>div>label {
            width: 100%;
            font-size: 14px;
            font-weight: 400
        }

        .check-out-order-summary .delivery-info {
            text-align: center;
            font-size: 14px;
            font-weight: 700
        }

        .check-out-order-summary .delivery-info span {
            font-weight: 400;
            color: #6b6b6b
        }

        .return-success {
            padding: 15px 30px;
            color: green;
            font-size: 16px
        }

        .return-fail {
            padding: 15px 30px;
            color: red;
            font-size: 16px
        }

        .inside-padding h4 {
            margin-bottom: 25px
        }

        .repair-fail {
            color: red;
            font-size: 16px
        }

        .form-group.city-wrapper.circle-loading {
            position: relative
        }

        .city-wrapper.circle-loading::after {
            top: 34px !important;
            right: 9px;
            z-index: 1
        }

        .f-s-12 {
            font-size: 12px !important
        }

        .order-status.return-item .status-button.return:after {
            content: '\f0e2' !important
        }

        .return-n-b {
            border-bottom: none !important;
            padding: 38px 0 15px !important
        }

        @supports (-webkit-appearance:none) or (-moz-appearance:none) {
            input[type=checkbox][name='repair_products[]'],
            input[type=checkbox][name='return_products[]'],
            input[type=checkbox][name='review_reason[]'] {
                --active: #275EFE;
                --active-inner: #fff;
                --focus: 2px rgba(39, 94, 254, .3);
                --border: #BBC1E1;
                --border-hover: #275EFE;
                --background: #fff;
                --disabled: #F6F8FF;
                --disabled-inner: #E1E6F9;
                -webkit-appearance: none;
                -moz-appearance: none;
                height: 21px;
                outline: 0;
                display: inline-block;
                vertical-align: top;
                position: relative;
                margin: 0;
                cursor: pointer;
                border: 1px solid var(--bc, var(--border));
                background: var(--b, var(--background));
                -webkit-transition: background .3s, border-color .3s, box-shadow .2s;
                transition: background .3s, border-color .3s, box-shadow .2s
            }
            input[type=checkbox][name='repair_products[]']:after,
            input[type=checkbox][name='return_products[]']:after,
            input[type=checkbox][name='review_reason[]']:after {
                content: '';
                display: block;
                left: 0;
                top: 0;
                position: absolute;
                -webkit-transition: opacity var(--d-o, .2s), -webkit-transform var(--d-t, .3s) var(--d-t-e, ease);
                transition: opacity var(--d-o, .2s), -webkit-transform var(--d-t, .3s) var(--d-t-e, ease);
                transition: transform var(--d-t, .3s) var(--d-t-e, ease), opacity var(--d-o, .2s);
                transition: transform var(--d-t, .3s) var(--d-t-e, ease), opacity var(--d-o, .2s), -webkit-transform var(--d-t, .3s) var(--d-t-e, ease)
            }
            input[type=checkbox][name='repair_products[]']:checked,
            input[type=checkbox][name='return_products[]']:checked,
            input[type=checkbox][name='review_reason[]']:checked {
                --b: var(--active);
                --bc: var(--active);
                --d-o: .3s;
                --d-t: .6s;
                --d-t-e: cubic-bezier(.2, .85, .32, 1.2)
            }
            input[type=checkbox][name='repair_products[]']:disabled,
            input[type=checkbox][name='return_products[]']:disabled,
            input[type=checkbox][name='review_reason[]']:disabled {
                --b: var(--disabled);
                cursor: not-allowed;
                opacity: .9
            }
            input[type=checkbox][name='repair_products[]']:disabled:checked,
            input[type=checkbox][name='return_products[]']:disabled:checked,
            input[type=checkbox][name='review_reason[]']:disabled:checked {
                --b: var(--disabled-inner);
                --bc: var(--border)
            }
            input[type=checkbox][name='repair_products[]']:disabled+label,
            input[type=checkbox][name='return_products[]']:disabled+label,
            input[type=checkbox][name='review_reason[]']:disabled+label {
                cursor: not-allowed
            }
            input[type=checkbox][name='repair_products[]']:hover:not(:checked):not(:disabled),
            input[type=checkbox][name='return_products[]']:hover:not(:checked):not(:disabled),
            input[type=checkbox][name='review_reason[]']:hover:not(:checked):not(:disabled) {
                --bc: var(--border-hover)
            }
            input[type=checkbox][name='repair_products[]']:not(.switch),
            input[type=checkbox][name='return_products[]']:not(.switch),
            input[type=checkbox][name='review_reason[]']:not(.switch) {
                width: 21px
            }
            input[type=checkbox][name='repair_products[]']:not(.switch):after,
            input[type=checkbox][name='return_products[]']:not(.switch):after,
            input[type=checkbox][name='review_reason[]']:not(.switch):after {
                opacity: var(--o, 0)
            }
            input[type=checkbox][name='repair_products[]']:not(.switch):checked,
            input[type=checkbox][name='return_products[]']:not(.switch):checked,
            input[type=checkbox][name='review_reason[]']:not(.switch):checked {
                --o: 1
            }
            input[type=checkbox][name='repair_products[]']+label,
            input[type=checkbox][name='return_products[]']+label,
            input[type=checkbox][name='review_reason[]']+label {
                font-size: 14px;
                line-height: 21px;
                display: inline-block;
                vertical-align: top;
                cursor: pointer;
                margin-left: 4px
            }
            input[type=checkbox][name='repair_products[]']:not(.switch),
            input[type=checkbox][name='return_products[]']:not(.switch),
            input[type=checkbox][name='review_reason[]']:not(.switch) {
                border-radius: 7px
            }
            input[type=checkbox][name='repair_products[]']:not(.switch):after,
            input[type=checkbox][name='return_products[]']:not(.switch):after,
            input[type=checkbox][name='review_reason[]']:not(.switch):after {
                width: 5px;
                height: 9px;
                border: 2px solid var(--active-inner);
                border-top: 0;
                border-left: 0;
                left: 7px;
                top: 4px;
                -webkit-transform: rotate(var(--r, 20deg));
                transform: rotate(var(--r, 20deg))
            }
            input[type=checkbox][name='repair_products[]']:not(.switch):checked,
            input[type=checkbox][name='return_products[]']:not(.switch):checked,
            input[type=checkbox][name='review_reason[]']:not(.switch):checked {
                --r: 43deg
            }
            input[type=checkbox][name='repair_products[]'].switch,
            input[type=checkbox][name='return_products[]'].switch,
            input[type=checkbox][name='review_reason[]'].switch {
                width: 38px;
                border-radius: 11px
            }
            input[type=checkbox][name='repair_products[]'].switch:after,
            input[type=checkbox][name='return_products[]'].switch:after,
            input[type=checkbox][name='review_reason[]'].switch:after {
                left: 2px;
                top: 2px;
                border-radius: 50%;
                width: 15px;
                height: 15px;
                background: var(--ab, var(--border));
                -webkit-transform: translateX(var(--x, 0));
                transform: translateX(var(--x, 0))
            }
            input[type=checkbox][name='repair_products[]'].switch:checked,
            input[type=checkbox][name='return_products[]'].switch:checked,
            input[type=checkbox][name='review_reason[]'].switch:checked {
                --ab: var(--active-inner);
                --x: 17px
            }
            input[type=checkbox][name='repair_products[]'].switch:disabled:not(:checked):after,
            input[type=checkbox][name='return_products[]'].switch:disabled:not(:checked):after,
            input[type=checkbox][name='review_reason[]'].switch:disabled:not(:checked):after {
                opacity: .6
            }
        }

        .return.return-item span {
            color: #000 !important
        }

        .feedback.item-feedback {
            background-color: #01fecf
        }

        .feedback.item-feedback span {
            color: #000 !important
        }

        .order-status.item-feedback .status-button.feedback:after {
            content: '\f27a' !important
        }

        .order-product.feedback-class {
            padding: 30px 0
        }

        .delivery-area {
            display: block;
            width: 100%;
            clear: both;
            margin: 15px 0 0
        }

        .delivery-status {
            color: green;
            font-size: 18px;
            font-weight: 600
        }

        .delivery-time-account {
            font-weight: 600
        }

        .f-w {
            width: 100%
        }

        .error-select-rating,
        .f-w.star-error {
            position: relative
        }

        span.error-txt {
            position: absolute;
            top: -24px;
            color: red
        }

        .error-select-rating span.error-txt {
            top: -13px;
            font-family: Arial, Helvetica, sans-serif
        }

        .review-cb {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            margin: 0 0 20px 0
        }

        .review-cb div {
            padding: 0 20px 0 0
        }

        .review-label {
            vertical-align: top
        }

        .review-submit {
            margin: 20px 0;
            padding: 8px 44px;
            background: #4caf50;
            border-radius: 5px;
            border: 1px solid #009688;
            color: #fff
        }

        .text-left {
            text-align: left
        }

        .rating-stars ul {
            list-style-type: none;
            padding: 0;
            -moz-user-select: none;
            -webkit-user-select: none
        }

        .rating-stars ul>li.astar {
            display: inline-block;
            cursor: pointer
        }

        .rating-stars ul>li.astar>i.fa {
            font-size: 2em;
            color: #ccc
        }

        .rating-stars ul>li.astar.hover>i.fa {
            color: #ffcc36
        }

        .rating-stars ul>li.astar.selected>i.fa {
            color: #ff912c
        }

        .rating-stars.text-left {
            margin: 20px 0 30px
        }

        .order-product.return-item.feedback-class .product-cover {
            margin-right: 25px
        }

        .order-track-wrapp {
            display: flex;
            justify-content: space-between;
            flex-direction: column
        }

        .order-track-wrapp .order-arrival-wrapp {
            display: flex
        }

        .order-track-wrapp a.track-shipment-btn {
            margin: 24px 0;
            padding: 14px 22px;
            background: #f79e1f;
            border-radius: 4px;
            border: 1px solid #f1930f;
            color: #fff;
            font-weight: 600
        }

        .order-track-wrapp .order-track-shipment {
            margin-top: 16px
        }

        .order-track-wrapp .pannel-subhead {
            font-size: 15px;
            padding-bottom: 10px
        }

        .order-track-wrapp .track-ship-head {
            font-size: 22px
        }

        .order-status-wrapp {
            display: flex;
            align-items: center
        }

        .order-status-line,
        .order-status-link {
            flex: 1
        }

        .order-status-link {
            border-left: 1px solid #eeeef4
        }

        a.order-item-buyit {
            margin: 24px 0;
            padding: 12px 30px;
            background: #f4d078;
            border-radius: 4px;
            border: 1px solid #eac25f;
            color: #000;
            font-weight: 600;
            width: 145px;
            text-align: center
        }

        .arrival-img {
            margin: 15px 15px 0 0;
            font-size: 22px
        }

        .status-link {
            padding-bottom: 7px;
            font-weight: 600;
            font-size: 14px
        }

        .status-link img {
            padding-right: 5px
        }

        .status-right-sec {
            margin-left: 160px
        }

        .payment-type-wrap.mastercard {
            background: url(/assets/img/payment-methods/mastercard.svg) no-repeat left top
        }

        .payment-type-wrap.visa,
        .payment-type-wrap.visa-card {
            background: url(/assets/img/payment-methods/visa.svg) no-repeat left top
        }

        .payment-type-wrap.apple-pay {
            background: url(/assets/img/payment-methods/apple-pay.svg) no-repeat left top
        }

        .payment-type-wrap.bank-transfer {
            background: url(/assets/img/payment-methods/banktransfer.svg) no-repeat left top
        }

        .payment-type-wrap.cash-delivery,
        .payment-type-wrap.cash-in-store,
        .payment-type-wrap.cod {
            background: url(/assets/img/payment-methods/cod.svg) no-repeat left top
        }

        .payment-type-wrap.card-delivery,
        .payment-type-wrap.card-in-store,
        .payment-type-wrap.card-on-delivery {
            background: url(/assets/img/payment-methods/card-on-delivery.svg) no-repeat left top
        }

        .payment-type-wrap.money-transfer {
            background: url(/assets/img/payment-methods/money-transfer.svg) no-repeat left top
        }

        .payment-type-wrap.cheque {
            background: url(/assets/img/payment-methods/cheque.svg) no-repeat left top
        }

        .payment-type-wrap.amex {
            background: url(/assets/img/payment-methods/amex.svg) no-repeat left top
        }

        .payment-type-wrap.mada {
            background: url(/assets/img/payment-methods/mada.svg) no-repeat left top
        }

        .payment-type-wrap.bitcoin {
            background: url(/assets/img/payment-methods/crypto.svg) no-repeat left top
        }

        .payment-type-wrap.gift-card {
            background: url(/assets/img/payment-methods/gift-card.svg) no-repeat left top
        }

        .divider {
            width: 1px;
            margin: 4px 20px 0 0;
            background: #eeeef4
        }

        .o-payment-icons {
            display: flex;
            align-items: center
        }

        .payments-order-sec {
            padding: 15px 22px
        }

        .order-address-charges .label strong {
            font-weight: 100
        }

        .order-address-charges .label strong.total {
            font-weight: 700
        }

        strong span.amount {
            font-weight: 100
        }

        .charges-row .charge-amount strong span.total .amount {
            font-weight: 600 !important
        }

        .StatusProgress {
            position: relative;
            padding-left: 94px;
            list-style: none
        }

        .StatusProgress::before {
            display: inline-block;
            content: '';
            position: absolute;
            top: 0;
            left: 69px;
            width: 10px;
            height: 100%;
            border-left: 3px solid #ccc
        }

        .StatusProgress-item {
            position: relative;
            counter-increment: list;
            padding-left: 12px
        }

        .StatusProgress-item:not(:last-child) {
            padding-bottom: 45px
        }

        .StatusProgress-item::before {
            display: inline-block;
            content: '';
            position: absolute;
            left: -25px;
            height: 100%;
            width: 10px
        }

        .StatusProgress-item::after {
            content: '';
            display: inline-block;
            position: absolute;
            top: 0;
            left: -35px;
            width: 22px;
            height: 22px;
            border: 3px solid #ccc;
            border-radius: 50%;
            background-color: #fff
        }

        .StatusProgress-item.is-done::before {
            border-left: 3px solid #69d860
        }

        .StatusProgress-item.is-done::after {
            content: "✔";
            font-size: 14px;
            margin-top: 0;
            padding-top: 2px;
            color: #fff;
            text-align: center;
            border: 0 solid #69d860;
            background-color: #69d860
        }

        .StatusProgress-item strong {
            font-size: 15px;
            font-weight: 100
        }

        .StatusProgress-item.current strong {
            font-weight: 600
        }

        .StatusProgress-item i {
            position: absolute;
            left: -90px;
            font-size: 22px
        }

        .payments-order-disc .label {
            padding: 0;
            color: #000;
            display: inline-block;
            font-weight: 700;
            font-size: 14px
        }

        .payments-order-disc .charge-amount {
            display: inline-block;
            padding: 8px 0;
            font-weight: 700;
            font-size: 14px
        }

        .order-panels .order-product-wrapper:last-child {
            border-bottom: 0
        }

        .status-link span {
            padding-left: 10px
        }

        .quick-links-feed {
            display: flex;
            padding-bottom: 15px;
            justify-content: flex-end;
            margin-top: -16px
        }

        .link-return {
            padding-left: 10px;
            margin-left: 10px;
            border-left: 1px solid #eeeef4
        }

        .link-return,
        .link-review,
        .link-warrenty {
            color: #686868
        }

        .order-address-status .card-expiry-date .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
        .order-address-status .card-expiry-date .select2-container {
            width: 48% !important
        }

        .profile-content-area .order-address-status form {
            text-align: left
        }

        .order-panels .user-order-products .product-quantity label {
            font-weight: 100
        }

        .hide-pc {
            display: none
        }

        .hide-mobile {
            display: block
        }

        .user-orders.order-details .order-address-status .order-total-order-products {
            flex: 1.7
        }

        .order-status-wrapp .divider {
            height: 200px
        }

        .order-panels .order-product-price .product-price span {
            display: inline-block
        }

        .order-panels .order-product-wrapper .order-product-price .product-price span {
            display: inline-block;
            font-weight: 600 !important;
            color: #000;
            font-size: 14px
        }

        .order-panels .order-product-wrapper .order-product-price .product-price span.currency {
            font-weight: 400 !important
        }

        .table.gust-wishlist>tbody>tr>td {
            text-align: right;
            border-top: 0 solid #ddd;
            padding: 8px 0
        }

        .gust-wishlist-btns,
        .profile-wishlist-btns {
            display: flex;
            align-items: flex-end;
            justify-content: flex-end
        }

        .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-action form button:active {
            box-shadow: none;
            background: 0 0
        }

        .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-action form button:focus {
            outline: 0
        }

        .wishlist-fb,
        .wishlist-mail,
        .wishlist-print,
        .wishlist-tw {
            color: #fff !important;
            padding: 4px 10px;
            border-radius: 3px;
            margin-left: 10px;
            margin-bottom: 5px;
            display: flex;
            align-items: center;
            gap: 6px
        }

        .wishlist-fb {
            background: #4267b2
        }

        .wishlist-tw {
            background: #1c9deb
        }

        .wishlist-print {
            background: #fff;
            color: #000 !important;
            border: 1px solid #000
        }

        .wishlist-mail {
            background: #e0584b
        }

        .gust-wishlist-btns i,
        .profile-wishlist-btns i {
            padding-inline-end: 5px
        }

        .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper {
            padding: 15px;
            margin: 5px 0
        }

        .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-action form>.btn {
            width: 100%;
            background: 0 0;
            color: #686868;
            border: 0;
            padding: 0 0 0 15px;
            margin: 0;
            font-size: 12px
        }

        .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-action form>.btn:hover {
            color: #000
        }

        body.body-page-user-wishlist .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-action form>.btn {
            border-left: 0 solid
        }

        .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-action form>.btn.btn-danger.btn-xs {
            border: 0;
            margin: 0
        }

        .profile-wishlist .wish-list-wrapper .profile-content-area form>.btn.btn-danger {
            border: 0;
            color: #cfcfcf
        }

        .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .seller-information {
            padding-bottom: 8px;
            padding-top: 8px
        }

        .wishlist-product-deliver .cart-product-delivery-info {
            font-size: 12px
        }

        .profile-wishlist .wish-list-share-buttons {
            text-align: right;
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end
        }

        .wishlist-price span.amount span.price-symbol {
            font-size: 14px
        }

        @media screen and (min-width:992px) {
            .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-item-price {
                width: 100%;
                padding: 0;
                margin-bottom: calc(100% - 80%)
            }
            .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper {
                justify-content: space-between
            }
            .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-product {
                width: 70%;
                display: flex;
                justify-content: flex-start;
                align-content: flex-start;
                align-items: center;
                gap: 15px
            }
        }

        @media only screen and (max-width:1199px) {
            .order-track-wrapp .track-ship-head {
                font-size: 15px;
                font-weight: 600
            }
            .order-track-wrapp {
                flex-wrap: wrap
            }
        }

        @media only screen and (max-width:1023px) {
            .order-panels .product-price label {
                display: none
            }
            .quick-links-feed-wrap {
                margin: 0 10px;
                padding: 0 14px
            }
        }

        @media only screen and (max-width:991px) {
            .status-right-sec {
                margin-left: 50px
            }
            .user-orders.order-details .order-address-status .address,
            .user-orders.order-details .order-address-status .order-address-charges,
            .user-orders.order-details .order-address-status .order-payment-method,
            .user-orders.order-details .order-address-status .order-status-updates,
            .user-orders.order-details .order-address-status .order-total-order-products {
                flex: auto
            }
            .divider {
                width: 100%;
                height: 1px;
                margin: 10px 0 10px 0
            }
            .credit-points .credit-points-wrapper,
            .order-panels .order-address-status,
            .order-panels .order-status-wrapp,
            .order-panels .order-track-wrapp,
            .order-panels .user-order-products,
            .saved-cards .saved-cards-wrapper {
                padding: 15px 15px
            }
            .order-status-wrapp {
                flex-wrap: wrap
            }
            .payments-order-sec {
                padding: 15px 15px
            }
            .order-status-line {
                width: 100%;
                flex: auto;
                margin: 1px 0 30px 0;
                padding-bottom: 25px;
                border-bottom: 0 solid #eeeef4;
                border-right: 0 solid #eeeef4
            }
            .quick-links-feed-wrap {
                margin: 0 0;
                padding: 0 0
            }
            .quick-links-feed {
                display: flex;
                padding-bottom: 12px;
                padding-top: 12px;
                justify-content: center;
                margin-top: 0;
                border-top: 1px solid #eeeef4
            }
        }

        @media only screen and (max-width:919px) {
            .gust-wishlist-btns,
            .profile-wishlist-btns {
                justify-content: flex-end
            }
        }

        @media only screen and (max-width:767px) {
            .order-shipped-with-wrapp,
            .order-track-shipment,
            .order-track-wrapp .order-arrival-wrapp,
            .order-trackng-no {
                width: 100%;
                padding: 15px 0
            }
            .order-shipped-with-wrapp,
            .order-track-wrapp .order-arrival-wrapp,
            .order-trackng-no {
                border-bottom: 1px solid #eeeef4
            }
            .status-right-sec {
                margin-left: 0;
                display: flex;
                justify-content: space-evenly
            }
            .order-panels .order-product-price {
                margin: 0;
                padding: 18px 0
            }
            .user-service .order-panels .order-product-price {
                padding: 15px
            }
            .order-panels .order-product {
                width: 100%;
                margin-right: 0
            }
            a.order-item-buyit {
                text-align: center;
                margin: 16px 0;
                padding: 9px 14px;
                width: 130px
            }
            .gust-wishlist-btns,
            .profile-wishlist-btns {
                justify-content: center
            }
            .hide-pc {
                display: block
            }
            .hide-mobile {
                display: none
            }
            .order-total-order-products .order-address-charges .label strong.total .vat-details {
                display: block;
                line-height: 25px
            }
        }

        @media only screen and (max-width:560px) {
            #make-balance-payment {
                float: none;
                width: 100%
            }
            .StatusProgress-item i {
                display: none
            }
            .StatusProgress {
                padding-left: 44px
            }
            .StatusProgress::before {
                left: 19px
            }
            .status-link {
                width: 100%;
                margin: 0 auto;
                text-align: center
            }
            .order-panels .order-product .product-cover {
                width: 90px
            }
        }

        @media only screen and (max-width:480px) {
            .status-right-sec {
                flex-wrap: wrap
            }
            .order-panels .order-product {
                margin-bottom: 25px
            }
        }

        @media only screen and (max-width:419px) {
            .order-panels .product-quantity {
                width: 100%;
                text-align: right;
                margin-top: 0;
                display: flex
            }
        }

        .return-remarks {
            margin-top: 20px
        }

        .remark-textarea {
            width: 100%;
            max-width: 100%
        }

        .return-reason.mdl-selectfield:after {
            position: absolute;
            bottom: 120px;
            right: 24px;
            width: 0;
            height: 0;
            padding: 0;
            content: '';
            border-left: .25em solid transparent;
            border-right: .25em solid transparent;
            border-top: .375em solid rgba(125, 132, 156, .36);
            pointer-events: none
        }

        .mdl-selectfield.mdl-custom select {
            width: auto !important
        }

        .mdl-selectfield.mdl-custom:after {
            bottom: 20px !important;
            right: 170px !important
        }

        .return-item.full-width {
            width: 100% !important
        }

        .table-class label {
            width: 100%
        }

        .returned {
            margin-right: 50px
        }

        @media only screen and (max-width:560px) {
            .order-product.returned-item {
                align-items: flex-start;
                flex-direction: column
            }
            .product-cover.returned {
                margin-left: 15px
            }
            .order-panels .order-product .product-cover.returned img {
                width: 75%
            }
        }

        @media only screen and (min-width:561px) {
            .return-reason-title {
                white-space: nowrap
            }
            .return-detail {
                height: 50px
            }
            .order-repair .return-detail,
            .order-return .return-detail {
                height: auto
            }
            .table-class {
                width: 25%
            }
        }

        .order-details .transaction.failed a.btn.btn-default {
            background: #a94442
        }

        .order-details .transaction a.btn.btn-default {
            color: #fff;
            border: none;
            border-radius: 4px;
            margin-top: 10px
        }

        .order-details .transaction.failed .alert,
        .order-details .transaction.success .alert {
            display: block;
            margin: 0
        }

        .order-details .transaction strong span.amount {
            font-weight: 700
        }

        .order-details .transaction.failed a.btn.btn-default {
            background: #a94442
        }

        .order-details .transaction.success a.btn.btn-default {
            background: #3c763d
        }

        .border-top-charges {
            border-top: 1px solid #eee;
            margin-top: 15px
        }

        .border-top-charges div.charge-amount,
        .border-top-charges div.label {
            margin-top: 5px
        }

        a.variant-option.no-offer,
        span.variant-option.no-offer,
        span.variant-option.selected.no-offer {
            color: #aaa;
            border-color: #e1e1e1
        }

        span.variant-option.selected.no-offer {
            border-color: #ffc824
        }

        .grey-out {
            color: #aaa
        }

        .margin-left-qty {
            margin-left: 5px
        }

        .padding-left-10 {
            padding-left: 10px
        }

        .order-panels.track-order {
            box-shadow: none !important
        }

        .order-status-updates {
            padding: 15px 30px
        }

        .panel-subhead {
            padding-bottom: 0
        }

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

        .order-details-padding {
            padding: 15px 30px
        }

        .StatusProgress-item.is-done.red::after {
            background-color: red !important;
            border-color: red !important
        }

        .vat-details {
            font-weight: 100;
            color: #666;
            font-size: 14px
        }

        div.label span.strong {
            font-weight: 100 !important
        }

        .card-info-label {
            padding-inline-start: 12px
        }

        @media only screen and (max-width:529px) {
            .account-pages-button.login-secure,
            .account-pages-button.order-history,
            .account-pages-button.profile-details-link,
            .account-pages-button.profile-inquiries,
            .account-pages-button.profile-quotations,
            .account-pages-button.profile-wishlist,
            .account-pages-button.reviews,
            .account-pages-button.service-requests,
            .account-pages-button.your-address {
                width: 100%
            }
        }

        #edit-user-address .bootstrap-select .dropdown-menu>.active>a {
            background-color: #82c000
        }

        .product-buy-col .ip965-cannot-ship {
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            padding: 10px 20px;
            background: #f4645f;
            color: #fff;
            border-radius: 2px
        }

        .margin-top-14 {
            margin-top: 14px !important
        }

        .remove-primary:before {
            content: 'Primary';
            width: 50px;
            height: 20px;
            background: 0 0;
            border-radius: 50%;
            text-align: center;
            line-height: 17px;
            position: absolute;
            left: 66%;
            top: calc(50% - 10px);
            transition: all .3s ease-in-out
        }

        :lang(ru) .remove-primary:before {
            content: 'Основной'
        }

        :lang(ar) .remove-primary:before {
            content: 'الأساسي'
        }

        .input-hide {
            display: none !important
        }

        .form-group.required.error div.bootstrap-select button {
            border: 1px solid #e90b0b !important
        }

        .no-need {
            position: relative !important
        }

        .c-black {
            color: #000 !important
        }

        .inside-padding {
            padding: 15px 30px
        }

        .return-continue,
        .return-continue:active,
        .return-continue:hover {
            border: 1px solid #009688;
            border-radius: 2px;
            padding: 10px !important;
            background-color: #4caf50;
            color: #fff !important
        }

        .product-additional-info .active-offer-note {
            margin: 10px 0;
            word-break: break-word
        }

        .stock-info-wrapper {
            margin-top: 4px
        }

        .stock-info-wrapper .stock-info-row {
            display: flex;
            text-align: left;
            justify-content: space-between;
            align-items: center;
            order: 2
        }

        .stock-info-wrapper .stock-info-row:last-child {
            border-bottom: 0
        }

        .stock-info-wrapper .stock-info-row>div {
            padding: 5px 5px
        }

        .stock-info-wrapper .stock-info-row .store-stock-quantity {
            order: 3
        }

        .stock-info-wrapper .stock-info-row .store-name {
            order: 1
        }

        .stock-info-wrapper .stock-info-row .store-stock-quantity {
            font-weight: 700
        }

        .stock-info-wrapper .stock-info-row:after {
            height: 4px;
            content: "";
            border-bottom: 1px dotted #212121;
            flex: 1;
            display: block;
            order: 2;
            margin: 0 15px
        }

        #out-stock-notification .btn.btn-warning {
            position: relative;
            color: #000;
            font-weight: 700;
            white-space: normal
        }

        #out-stock-notification .btn .btn-loading {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #eea236;
            border-color: #eea236;
            opacity: 0;
            transition: opacity .25s ease-in-out
        }

        #out-stock-notification .btn.loading-state:hover {
            background-color: #eea236;
            border-color: #eea236
        }

        #out-stock-notification .btn.loading-state .btn-loading {
            opacity: 1;
            cursor: auto
        }

        .product-buy-col .out-of-stock-label {
            padding: 10px;
            background: #eee;
            font-weight: 700;
            border-radius: 4px;
            width: 100%
        }

        .product-images-col #product-images-slider .item img.offer-cover-image {
            cursor: default
        }

        .back-top-product a.btn.btn-default {
            background: #4caf50;
            color: #fff;
            border: none;
            font-size: 12px;
            border-radius: 4px;
            font-size: 14px;
            margin-top: 20px
        }

        .back-top-product a.btn.btn-default:hover {
            background: #8bc34a
        }

        .checkout-wrapper #pickup-location .location-wrap {
            position: relative
        }

        .checkout-wrapper #pickup-location .btn.location .address {
            width: auto;
            margin: 10px;
            height: 75px;
            white-space: normal
        }

        .checkout-wrapper #pickup-location .working-hours {
            color: #b4bbd0;
            padding: 0 10px
        }

        .checkout-wrapper #pickup-location .working-hours i {
            font-size: 17px
        }

        .checkout-wrapper #pickup-location .order-pickup-date {
            font-weight: 600;
            color: #b4bbd0;
            font-size: 14px;
            clear: both;
            display: block;
            white-space: initial;
            min-height: 48px;
            padding: 0 10px
        }

        .checkout-wrapper #pickup-location .working-hours .working-hrs-title {
            font-weight: 700
        }

        .checkout-wrapper #pickup-location .location-wrap-inner.active .order-pickup-date,
        .checkout-wrapper #pickup-location .location-wrap-inner.active .working-hours {
            color: #474b57
        }

        .checkout-wrapper #pickup-location .location-wrap-inner.active .order-pickup-date .store-pickup-time {
            color: #00b607
        }

        .order-product-review .star-rating,
        .order-seller-review-wrapper .star-rating {
            font-family: FontAwesome
        }

        .order-product-review .star-rating {
            margin-bottom: 10px
        }

        .order-product-review .star-rating>fieldset,
        .order-seller-review-wrapper .star-rating>fieldset {
            border: none;
            display: inline-block;
            position: relative
        }

        .order-product-review .star-rating>fieldset:not(:checked)>input,
        .order-seller-review-wrapper .star-rating>fieldset:not(:checked)>input {
            position: absolute;
            left: 10px;
            top: 10px;
            visibility: hidden;
            clip: rect(0, 0, 0, 0)
        }

        .order-product-review .star-rating>fieldset:not(:checked)>label,
        .order-seller-review-wrapper .star-rating>fieldset:not(:checked)>label {
            float: right;
            width: 1em;
            padding: 10px .05em;
            overflow: hidden;
            white-space: nowrap;
            cursor: pointer;
            font-size: 2em;
            color: #ffcb00;
            margin: 0 2px
        }

        .order-product-review .star-rating>fieldset:not(:checked)>label:before,
        .order-seller-review-wrapper .star-rating>fieldset:not(:checked)>label:before {
            content: '\f006  '
        }

        .order-product-review .star-rating>fieldset:not(:checked)>label:hover,
        .order-product-review .star-rating>fieldset:not(:checked)>label:hover~label,
        .order-seller-review-wrapper .star-rating>fieldset:not(:checked)>label:hover,
        .order-seller-review-wrapper .star-rating>fieldset:not(:checked)>label:hover~label {
            color: #ffc824
        }

        .order-product-review .star-rating>fieldset:not(:checked)>label:hover:before,
        .order-product-review .star-rating>fieldset:not(:checked)>label:hover~label:before,
        .order-seller-review-wrapper .star-rating>fieldset:not(:checked)>label:hover:before,
        .order-seller-review-wrapper .star-rating>fieldset:not(:checked)>label:hover~label:before {
            content: '\f005  '
        }

        .order-product-review .star-rating>fieldset>input:checked~label:before,
        .order-seller-review-wrapper .star-rating>fieldset>input:checked~label:before {
            content: '\f005  '
        }

        .order-product-review .star-rating>fieldsetlabel:active,
        .order-seller-review-wrapper .star-rating>fieldset>label:active {
            position: relative;
            top: 2px
        }

        .order-product-review .server-response a {
            text-decoration: underline
        }

        .order-seller-review-wrapper {
            padding-bottom: 1px
        }

        .order-seller-review-wrapper .seller-wrapper {
            padding: 10px;
            margin: 10px
        }

        .order-panels .order-seller-review-wrapper .seller-wrapper .order-product-price {
            padding: 15px 0;
            border-bottom: 1px solid #eee
        }

        .order-panels .order-seller-review-wrapper .seller-wrapper .seller-name {
            font-weight: 700;
            font-size: 18px;
            padding: 10px 0;
            border-bottom: 1px solid #d0d0d0
        }

        .order-panels .order-seller-review-wrapper .seller-wrapper .order-product-price {
            margin: 0
        }

        .order-panels .order-seller-review-wrapper .seller-wrapper .order-product .product-title {
            font-weight: 400
        }

        .order-panels .order-seller-review-wrapper .star-rate-wrapper,
        .order-panels .order-seller-review-wrapper .submit-rating-btn-wrap {
            margin-top: 10px
        }

        .profile-content-area .order-panels .order-seller-review-wrapper form.seller-review-form {
            text-align: left
        }

        .profile-content-area .order-panels .order-seller-review-wrapper form.seller-review-form .server-response p.success {
            padding: 20px;
            font-size: 18px;
            color: #155724;
            background-color: #d4edda;
            border-color: #c3e6cb
        }

        .order-panels .order-seller-review-wrapper .seller-wrapper .order-product-price:last-child {
            border: none
        }

        .order-panels .order-seller-review-wrapper .seller-wrapper .seller-name .label {
            color: #787878
        }

        @media screen and (min-width:530px) {
            .order-panels .order-seller-review-wrapper .order-product .product-cover img {
                width: auto;
                max-height: 50px;
                max-width: 50px
            }
        }

        .user-orders a.tab-btn {
            color: #9d9d9d;
            background-color: #fff;
            border-style: solid;
            border-width: 1px;
            border-color: #dee2e6;
            display: inline-block;
            border-top-left-radius: .25rem;
            border-top-right-radius: .25rem;
            padding: .7rem 3rem;
            margin-bottom: -1px;
            background: #f9f9f9
        }

        .user-orders a.tab-btn.active {
            border-color: #dee2e6 #dee2e6 #fff;
            font-weight: 700;
            background: #fff;
            color: #222
        }

        .user-orders .tabbed-views {
            border-style: solid;
            border-width: 0 1px 1px 1px;
            border-color: #dee2e6;
            padding: 10px
        }

        .user-orders .tab-pills {
            border-bottom: 1px solid #dee2e6
        }

        .order-panels .order-seller-review-wrapper .star-rating.order-rating .star:before {
            content: '\f006';
            color: #ffcb00;
            text-shadow: none
        }

        .order-panels .order-seller-review-wrapper .star-rating.order-rating .star.filled:before {
            content: '\f005 ';
            color: #ffcb00;
            text-shadow: none
        }

        .order-panels .order-seller-review-wrapper .comments-wrapper .comment {
            padding: 15px 20px;
            background: #fbfbee;
            font-size: 16px
        }

        .order-panels .order-seller-review-wrapper .star-rating.order-rating {
            margin-bottom: 15px
        }

        .profile-menu button.navbar-toggler.first-button {
            margin-top: 0;
            background: #fff;
            border: 1px solid #222;
            padding: 4px 7px
        }

        .profile-menu button.navbar-toggler .animated-icon1 span:nth-child(1) {
            top: 2px
        }

        .profile-menu button.navbar-toggler .animated-icon1 span:nth-child(3) {
            top: 18px
        }

        .profile-menu button.navbar-toggler .animated-icon1.open span:nth-child(1),
        .profile-menu button.navbar-toggler .animated-icon1.open span:nth-child(3) {
            width: 90%;
            top: 9px
        }

        .user-order-products .review-the-order {
            margin-top: 30px;
            display: flex;
            justify-content: flex-end
        }

        .user-order-products .review-the-order a.btn {
            padding: 12px 30px;
            background: #f5e0ad;
            border-radius: 4px;
            border: 1px solid #eac25f;
            color: #000;
            font-weight: 600;
            text-align: center
        }

        .user-orders .order-panels.selected {
            background: #fcf8e3
        }

        .user-orders .order-panels.selected .order-seller-review-wrapper .seller-wrapper {
            border: 1px solid #e7deb3;
            background: #fff
        }

        .order-seller-review-wrapper .form-wrapper label {
            font-size: 14px
        }

        .order-panels .order-seller-review-wrapper .star-rating.order-rating .star {
            padding: 10px .05em
        }

        #payment-details #payment-method-options>ul>li #saved-credit-card-wrapper {
            display: flex;
            flex-direction: column
        }

        #payment-details #payment-method-options>ul>li #saved-credit-card-wrapper label {
            padding: 5px 5px;
            font-size: 14px;
            margin: 2px 20px
        }

        #payment-details #payment-method-options>ul>li #saved-credit-card-wrapper label .fa {
            font-size: 16px;
            margin: 0 3px
        }

        #user-cc-form #saved-credit-card-wrapper {
            display: flex;
            flex-direction: column
        }

        .order-payment-form.payment-button {
            margin-top: 10px
        }

        #user-cc-form #saved-credit-card-wrapper>label {
            font-size: 16px;
            margin-bottom: 6px
        }

        #saved-credit-card-wrapper .saved-card-title {
            font-size: 14px;
            margin-bottom: 15px;
            font-weight: 700;
            padding-bottom: 5px;
            border-bottom: 1px solid #dadada
        }

        .profile-details h2.sub-title {
            background: #eeeef4;
            padding: 10px 20px
        }

        .profile-details .saved-cards {
            background: #fff;
            box-shadow: 2px 2px 6px 2px #f5f5f5;
            width: 100%;
            text-align: left;
            padding-bottom: 5px;
            margin-bottom: 30px
        }

        .saved-cards-wrapper .saved-card-row {
            display: flex;
            border-bottom: 1px solid #eee
        }

        .saved-cards-wrapper .saved-card-row>div {
            flex: 3;
            padding: 10px;
            display: flex;
            align-items: center;
            font-weight: 700
        }

        .saved-cards-wrapper .saved-card-row>div:last-child {
            flex: 1;
            justify-content: flex-end
        }

        .saved-cards-wrapper .saved-card-row.heading {
            font-weight: 700;
            border-bottom: 1px solid #eee;
            color: #767676
        }

        .saved-cards-wrapper .saved-card-row .action .btn {
            background: #e93535;
            font-size: 12px;
            font-weight: 700;
            color: #fff;
            border: none;
            border-radius: 4px;
            padding: 6px 20px;
            margin: 5px 0
        }

        .saved-cards .add-card,
        .saved-cards .alert.alert-warning {
            margin: 15px 20px
        }

        #card-container {
            padding: 0 20px
        }

        #card-container form#user-cc-form {
            max-width: 420px
        }

        .profile-content-area #card-container form#user-cc-form {
            text-align: left
        }

        #card-container form#user-cc-form #payment-form-wrap {
            float: none;
            padding-top: 15px
        }

        #card-container form#user-cc-form #payment-form-wrap .btn-group.bootstrap-select.required.error {
            position: relative
        }

        #card-container form#user-cc-form #payment-form-wrap .btn-group.bootstrap-select.required.error label.error {
            bottom: -25px;
            width: 100%;
            left: 0
        }

        #payment-method-options .saved-card-title {
            padding: 5px 5px;
            font-size: 14px;
            margin: 2px 20px
        }

        .saved-cards .add-card .btn {
            margin: 20px 0;
            padding: 8px 15px;
            background: #4caf50;
            border-radius: 4px;
            border: 1px solid #009688;
            color: #fff
        }

        .reward-section {
            display: inline-block;
            margin-left: 10px;
            float: right
        }

        .reward-label {
            color: red
        }

        .credit-points {
            background: #fff;
            box-shadow: 2px 2px 6px 2px #f5f5f5;
            width: 100%;
            text-align: left;
            padding-bottom: 5px
        }

        .credit-points-wrapper .credit-points-row.heading {
            font-weight: 700;
            color: #413a3a
        }

        .credit-points-wrapper .credit-points-row {
            display: flex
        }

        .credit-point {
            font-size: 15px
        }

        .search-results.well {
            background-color: #fff
        }

        .search-results-heading {
            background: #ffc824;
            padding: 10px 20px;
            border-radius: 3px
        }

        .search-results-item {
            background: #fff;
            padding: 1px 5px;
            margin-bottom: 10px
        }

        .search-results-item div a h5 {
            text-decoration: underline !important
        }

        .search-results-heading,
        .search-results.well {
            margin-right: 15px
        }

        .bottom-footer {
            padding: 20px 0
        }

        .faddress {
            display: flex;
            align-items: center
        }

        .body-page-cart #bought-together-often-wrap .products-owl-carousel .product a.product-review-stars {
            bottom: 12px
        }

        @media screen and (max-width:1243px) {
            .product .bottom {
                clear: both;
                padding-top: 12px
            }
        }

        @media screen and (max-width:1279px) and (min-width:1023px) {
            .product {
                width: 33.1%;
                height: 484px
            }
        }

        @media screen and (max-width:971px) and (min-width:636px) {
            .body-page-product #bought-together-often-wrap .products-owl-carousel .product.no-compare a.product-review-stars,
            .body-page-product #similar-products-wrap .products-owl-carousel .product a.product-review-stars {
                left: 17px
            }
        }

        @media screen and (max-width:1135px) and (min-width:767px) {
            .faddress {
                align-items: flex-start
            }
        }

        @media screen and (max-width:991px) and (min-width:768px) {
            #search-results .top-categories .top-category.product .product-image img {
                padding: 0
            }
            .row.footer-contact-bottom>div,
            .row.phone-numbers>div {
                padding-bottom: 15px
            }
        }

        @media screen and (max-width:971px) {
            .body-page-product #bought-together-often-wrap .products-owl-carousel .product a.product-review-stars,
            .body-page-product #similar-products-wrap .products-owl-carousel .product a.product-review-stars {
                bottom: 37px
            }
            .product .bottom {
                clear: both;
                padding-top: 12px
            }
            .body-page-product #bought-together-often-wrap .products-owl-carousel .product a.product-review-stars,
            .body-page-product #similar-products-wrap .products-owl-carousel .product a.product-review-stars {
                bottom: 40px
            }
        }

        @media screen and (max-width:767px) {
            .footer-contact .fa {
                margin-bottom: 0
            }
            .row.footer-contact-bottom>div,
            .row.phone-numbers>div {
                padding-bottom: 15px !important
            }
            .category-bestoffer .owl-stage,
            .category-bestseller .owl-stage,
            .category-newitems .owl-stage {
                left: -42px !important
            }
            .body-page-product #bought-together-often-wrap .products-owl-carousel .product a.product-review-stars,
            .body-page-product #similar-products-wrap .products-owl-carousel .product a.product-review-stars {
                bottom: 26px
            }
        }

        @media screen and (max-width:649px) {
            .bottom-footer .social {
                margin: 30px auto 0;
                float: unset;
                text-align: center
            }
            #footer .footer-apps,
            #footer .subscribe-form {
                text-align: center
            }
            form#subscription-form {
                flex-wrap: nowrap;
                margin: 0 auto
            }
            .bottom-footer {
                padding: 10px 0
            }
        }

        @media screen and (max-width:635px) {
            .body-page-product #bought-together-often-wrap .products-owl-carousel .product.no-compare a.product-review-stars,
            .body-page-product #similar-products-wrap .products-owl-carousel .product a.product-review-stars {
                left: 13px
            }
        }

        @media screen and (max-width:551px) {
            .body-page-cart #bought-together-often-wrap .product a.product-review-stars {
                width: 100%
            }
        }

        @media screen and (max-width:550px) {
            .buy-item button {
                margin-top: 10px
            }
        }

        @media screen and (max-width:496px) {
            .body-page-product #bought-together-often-wrap .products-owl-carousel .product.no-compare a.product-review-stars,
            .body-page-product #similar-products-wrap .products-owl-carousel .product a.product-review-stars {
                left: 5px
            }
            .carousel-section-wrapper a.product-review-stars {
                left: 10px
            }
        }

        @media screen and (max-width:375px) {
            .product .product-image {
                height: 220px
            }
        }

        @media screen and (max-width:480px) {
            .footer-contact .row a {
                font-size: 15px
            }
            .category-bestoffer .owl-stage,
            .category-bestseller .owl-stage,
            .category-newitems .owl-stage {
                left: -18px !important
            }
        }

        @media screen and (max-width:767px) and (min-width:480px) {
            .product-owl .owl-stage {
                left: -25px !important;
                padding-right: 0 !important
            }
            .product-owl .owl-stage .owl-item:last-child {
                margin-right: -4px !important
            }
            .product-owl.owl-category-accessory .owl-stage {
                left: 0 !important
            }
        }

        @media screen and (max-width:479px) {
            .product-owl .owl-stage {
                left: -5px !important;
                padding-right: 10px !important
            }
            .product-owl .owl-stage .owl-item:last-child {
                margin-right: 0 !important
            }
            .product-owl.owl-category-accessory .owl-stage {
                left: 0 !important
            }
        }

        @media screen and (max-width:472px) {
            #home-container-right .product.product-carousel a.product-review-stars {
                bottom: 64px
            }
            .carousel-section-wrapper a.product-review-stars {
                bottom: 64px
            }
        }

        @media screen and (max-width:430px) {
            #search-results.view-grid .product.grid-list a.product-review {
                bottom: -179px
            }
        }

        @media screen and (max-width:1250px) {
            #home-container-right .product.product-carousel .bottom {
                clear: both
            }
        }

        @media screen and (max-width:971px) {
            .product.product-carousel .old-price {
                float: unset;
                display: block;
                clear: both
            }
            #search-results.view-grid .product.grid-list .product-details-wrap .product-price .prices .old-price,
            .home-recommended-products .product .product-price .prices .old-price {
                margin-top: 2px;
                margin-left: 0;
                display: block;
                clear: both
            }
            #search-results.view-grid .product.grid-list .free-shipping {
                margin-top: 5px
            }
        }

        @media screen and (max-width:614px) and (min-width:497px) {
            #home-container-right .product.product-carousel .product-price {
                padding-top: 0
            }
        }

        #header-search #search-auto-complete ul li,
        .autocomplete-wrapper .header-mobile-autocomplete ul li {
            background: #fff;
            padding: 0;
            border-bottom: 1px solid #efefef
        }

        #header-search #search-auto-complete ul li:first-child {
            border-top: 1px solid #efefef
        }

        #header-search #search-auto-complete ul li a {
            width: 100%;
            padding: 10px 0 10px 18px
        }

        .autocomplete-wrapper .header-mobile-autocomplete ul li a {
            width: 100%;
            padding: 2px 0 2px 23px
        }

        #header-search #search-auto-complete ul li:hover {
            background: #e8e8e8
        }

        #header-search #search-auto-complete ul li .auto-list-wrappr,
        .autocomplete-wrapper .header-mobile-autocomplete ul li .auto-list-wrappr {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            justify-content: space-between;
            padding: 0 0
        }

        #header-search #search-auto-complete .search-auto-copyto-input,
        .autocomplete-wrapper .search-auto-copyto-input {
            position: relative;
            display: flex;
            cursor: pointer;
            padding: 12px 17px
        }

        .autocomplete-wrapper .search-auto-copyto-input {
            padding: 10px 17px
        }

        #header-search #search-auto-complete .search-auto-copyto-input.copyto-input svg,
        .autocomplete-wrapper .search-auto-copyto-input.copyto-input svg {
            width: 22px;
            height: 22px;
            opacity: .5
        }

        #header-search #search-auto-complete ul li .search-auto-complete-text strong,
        .header-mobile-autocomplete ul li .search-auto-complete-text strong {
            font-weight: 100
        }

        #header-search #search-auto-complete li.auto-complete-brand.selected,
        #header-search #search-auto-complete li.auto-complete-category.selected,
        #header-search #search-auto-complete li.auto-complete-product.selected {
            background: #e8e8e8
        }

        .autocomplete-wrapper .header-mobile-autocomplete.open {
            background-color: #fff;
            position: fixed;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            bottom: 0;
            top: 89px;
            left: 0;
            right: 0;
            font-size: 1.083333rem;
            z-index: 40
        }

        .autocomplete-wrapper #header-search-mobile .auto-complete-close {
            top: 48px;
            right: 15px;
            position: fixed
        }

        input.is-loading~div.autocomplete-wrapper a.auto-complete-close {
            opacity: 0;
            transition: all .3s
        }

        #checkout-mini-cart .cannot-ship-item {
            font-size: 12px;
            padding: 0 0 0 108px;
            color: red
        }

        #checkout-mini-cart>ul>li.cannot-ship .cart-product {
            opacity: .45
        }

        .seller-name .stars-container .fa-star.star-half {
            font-size: 18px;
            -webkit-text-stroke-width: 1px;
            -webkit-text-stroke-color: #ea9514
        }

        .seller-name .stars-container .star-half {
            color: #fff
        }

        .seller-name .review-star-rating .rating-number {
            margin-left: 10px;
            float: left
        }

        .seller-name .review-star-rating {
            margin-top: 6px
        }

        .seller-rating.review-star-rating {
            float: left;
            width: 100%;
            margin: 2px 0 10px
        }

        .seller-rating.review-star-rating .stars-container {
            margin-right: 10px
        }

        #seller-reviews .review-container {
            display: flex
        }

        #seller-reviews .review-container {
            margin: 10px 0 30px 0
        }

        #seller-reviews .review-stars {
            overflow: hidden;
            margin-right: 33px
        }

        #seller-reviews .comments-text {
            font-style: italic;
            font-size: 18px
        }

        #seller-reviews .commented-by {
            margin-top: 10px;
            margin-left: 15px
        }

        #seller-reviews .response-row {
            margin-left: 15px;
            padding: 10px;
            border-left: 1px solid #ffc824;
            background: #fffcf0
        }

        #seller-reviews .response-comment {
            font-style: italic;
            font-weight: 500;
            font-size: 14px
        }

        #seller-reviews .commented-by span {
            font-weight: 600;
            font-size: 13px
        }

        #seller-reviews .response-user span {
            font-weight: 600;
            font-size: 13px
        }

        #seller-reviews {
            margin-left: 220px;
            padding-left: 20px;
            border-left: 1px solid #e7e7e7
        }

        #seller-reviews .sub-heading {
            font-weight: 400;
            font-size: 20px;
            padding: 15px 0;
            border-bottom: 1px solid #e7e7e7;
            border-top: 1px solid #e7e7e7
        }

        #seller-reviews .review-row {
            margin-top: 30px
        }

        @media screen and (max-width:472px) {
            #seller-reviews {
                width: auto !important;
                margin-left: -15px !important;
                margin-right: -15px !important;
                border: none;
                padding-left: 10px;
                padding-right: 10px
            }
            #seller-reviews .review-container {
                flex-direction: column
            }
            #seller-reviews .review-stars {
                margin-bottom: 10px
            }
        }

        #payment-details #payment-method-options.microless-pm-option>ul>li.active {
            box-shadow: unset;
            border: 1px solid #6ca3e6
        }

        .microless-pm-option input {
            padding: 23px 15px;
            border-radius: 0;
            border: 1px solid #e9e9e9
        }

        .checkout-wrapper .microless-pm-option .panel.credit-card-box .panel-body input {
            border: 1px solid #e9e9e9
        }

        #payment-details #payment-method-options.microless-pm-option>ul>li.active #credit-card-wrapper .credit-card-box {
            border-top: 1px solid #6ca3e6
        }

        #payment-details .microless-pm-option>ul>li.active .panel-body {
            background: #fff;
            padding: 15px 24px
        }

        .microless-pm-option li.active .control--radio {
            cursor: pointer;
            padding-right: 25px
        }

        .microless-pm-option li.active .control--radio input[type=radio] {
            box-sizing: border-box;
            padding: 0
        }

        .microless-pm-option li.active .control--radio input[type=radio] input {
            font-size: 1rem;
            line-height: 1.5;
            padding: 11px 23px;
            border: 1px solid rgba(0, 0, 0, .15);
            border-radius: 0;
            outline: 0;
            background-color: transparent
        }

        .microless-pm-option .radio-button__input {
            opacity: 0;
            position: absolute
        }

        .microless-pm-option .radio-button__control {
            position: relative;
            display: inline-block;
            width: 20px;
            height: 20px;
            vertical-align: middle;
            background-color: inherit;
            color: #017b5f;
            border: 2px solid #666;
            border-radius: 24px
        }

        .microless-pm-option .radio-button__input:checked+.radio-button__control:after {
            content: "";
            display: block;
            position: absolute;
            top: 3px;
            left: 3px;
            width: 10px;
            height: 10px;
            background-color: #1b6dd1;
            border-radius: 12px
        }

        .microless-pm-option .radio-button__input:checked+.radio-button__control {
            border-color: #1b6dd1
        }

        .microless-pm-option .panel-body input:focus {
            box-shadow: unset
        }

        .microless-pm-option img.payment-cards {
            margin-top: -5px;
            width: 105px;
            display: none
        }

        .microless-pm-option li.active img.payment-cards {
            display: block
        }

        .microless-pm-option ul li:not(.active) span.po-name {
            padding-left: 24px
        }

        .microless-pm-option ul li.active>label {
            background: #f1f8ff
        }

        .microless-pm-option i.noactive {
            display: none
        }

        .microless-pm-option .radio-button__control {
            display: none
        }

        .microless-pm-option .radio-button__control.active {
            display: inline-block
        }

        span.po-name {
            padding-inline-start: 32px
        }

        span.po-name.EVY.PAY.SBP {
            text-transform: none
        }

        .microless-pm-option .input-group {
            width: 100%
        }

        .microless-pm-option .form-group.card-expiry-date .bootstrap-select .btn {
            padding: 13px 12px;
            border-radius: 0;
            border-color: #e9e9e9
        }

        @media screen and (min-width:480px) {
            input#credit_card_cvv {
                width: 120px
            }
        }

        @media screen and (max-width:420px) {
            .microless-pm-option img.payment-cards {
                display: none !important
            }
        }

        .checkout-wrapper .microless-pm-option .panel.credit-card-box .panel-body input.pf_em {
            border-style: solid none solid solid
        }

        .checkout-wrapper .microless-pm-option .panel.credit-card-box .panel-body input.pf_ey {
            border-style: solid solid solid none
        }

        input.pf_em:after {
            content: "";
            display: block;
            position: absolute;
            width: 1px;
            height: 17px;
            left: 100%;
            top: 16px;
            background: #cbcbd0;
            z-index: 9;
            transform: rotate(15deg)
        }

        input.pf_em,
        input.pf_ey {
            text-align: center
        }

        .checkout-wrapper .microless-pm-option .panel.credit-card-box .panel-body input.pf_ey {
            margin-left: -4px
        }

        .input-tooltip {
            position: relative;
            display: inline-block
        }

        .tooltip_cvv:not(.theme_mode) {
            cursor: pointer;
            position: absolute;
            top: 0;
            left: 42px;
            font-size: 14px;
            line-height: 2.1;
            padding-inline-end: 6px;
            z-index: 1
        }

        .add-to-wish-list.tooltip_cvv {
            position: relative;
            left: unset;
            top: unset
        }

        .credit_card__cvv.tooltip_cvv {
            left: unset;
            right: 3px;
            line-height: 2.5
        }

        .card-security-number .tooltip_cvv:not(.theme_mode) {
            right: 0
        }

        .tooltip_cvv i {
            color: #d8d8d8;
            font-size: 16px
        }

        .add-to-wish-list.tooltip_cvv i {
            color: #7e859b
        }

        .tooltip_cvv .tooltip_cvv_text {
            position: absolute;
            line-height: initial;
            width: 184px;
            right: 0;
            top: 87%;
            z-index: 1;
            padding: 13px 11px;
            background-color: #fff;
            border: 1px solid #e3e5f3;
            border-radius: 4px;
            color: #222;
            text-align: center;
            font-size: 13px;
            visibility: hidden;
            opacity: 0;
            box-shadow: rgb(0 0 0 / 10%) 0 1px 3px 0, rgb(0 0 0 / 6%) 0 1px 2px 0;
            transition-property: all;
            transition-duration: .5s;
            transition-timing-function: cubic-bezier(0, 1, .5, 1)
        }

        .theme_mode.tooltip_cvv .tooltip_cvv_text {
            width: 140px;
            right: -15px;
            top: unset;
            bottom: calc(-100% - 30px);
            padding: 9px 9px;
            background-color: rgb(255 255 255 / 90%);
            border: 1px solid #fff;
            text-align: center;
            font-size: 12px;
            z-index: 4
        }

        .add-to-wish-list.tooltip_cvv .tooltip_cvv_text {
            width: auto;
            left: 0;
            right: auto;
            top: unset;
            bottom: calc(100% + 12px);
            padding: 9px 9px;
            background-color: rgb(255 255 255 / 95%);
            border: 0;
            text-align: center;
            font-size: 12px
        }

        :lang(ru) .theme_mode.tooltip_cvv .tooltip_cvv_text {
            width: 160px;
            bottom: calc(-100% - 44px)
        }

        .tooltip_cvv:hover .tooltip_cvv_text {
            visibility: visible;
            opacity: 1
        }

        .add-to-wish-list.tooltip_cvv:hover .tooltip_cvv_text {
            visibility: hidden;
            opacity: 0
        }

        .add-to-wish-list.tooltip_cvv.addto:hover .tooltip_cvv_text.addto {
            visibility: visible;
            opacity: 1
        }

        .add-to-wish-list.tooltip_cvv.removefrom:hover .tooltip_cvv_text.removefrom {
            visibility: visible;
            opacity: 1
        }

        .tooltip_cvv_text::after,
        .tooltip_cvv_text::before {
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            right: 5px;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent
        }

        .tooltip_cvv_text::before {
            top: -5px;
            border-bottom: 5px solid #e2e5f1
        }

        .tooltip_cvv_text::after {
            top: -4px;
            border-bottom: 5px solid #fff
        }

        .theme_mode .tooltip_cvv_text::after,
        .theme_mode .tooltip_cvv_text::before {
            right: 19px;
            top: -9px;
            border-left: 9px solid transparent;
            border-right: 9px solid transparent;
            border-bottom: 9px solid #e2e5f1
        }

        .add-to-wish-list .tooltip_cvv_text::after,
        .add-to-wish-list .tooltip_cvv_text::before {
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            left: 12px;
            border-left: 9px solid transparent;
            border-right: 9px solid transparent;
            top: auto
        }

        .add-to-wish-list .tooltip_cvv_text::before {
            bottom: -14px;
            border-top: 14px solid rgb(243 243 243);
            border-bottom: 0
        }

        .add-to-wish-list .tooltip_cvv_text::after {
            bottom: -10px;
            border-top: 14px solid rgb(255 255 255 / 95%);
            border-bottom: 0
        }

        .tooltip_cvv .card-icon {
            background: url(/assets/img/card-icon-cvv.png) no-repeat;
            background-size: contain;
            margin: 9px auto 0;
            display: block;
            width: 84px;
            height: 49px
        }

        .form-group.card-expiry-date .separat {
            display: block;
            position: absolute;
            width: 1px;
            height: 17px;
            left: 50%;
            top: 39px;
            background: #cbcbd0;
            z-index: 9;
            transform: rotate(15deg)
        }

        @media screen and (max-width:675px) {
            #payment-details #payment-method-options>ul>li.ccft,
            #payment-details #payment-method-options>ul>li[class*="-token-"] {
                align-items: flex-start;
                flex-direction: column
            }
            #payment-method-options .card-security-number {
                padding: 0 0 18px 18px
            }
            .tooltip_cvv {
                left: 59px
            }
            .tooltip_cvv .tooltip_cvv_text {
                right: unset;
                left: -4px
            }
            .input-tooltip .tooltip_cvv .tooltip_cvv_text,
            .order-balance-payment .saved-card-input-wrap .tooltip_cvv .tooltip_cvv_text {
                right: 0;
                left: unset
            }
            .tooltip_cvv_text::after,
            .tooltip_cvv_text::before {
                right: unset;
                left: 5px
            }
            .input-tooltip .tooltip_cvv_text::after,
            .input-tooltip .tooltip_cvv_text::before,
            .order-balance-payment .saved-card-input-wrap .tooltip_cvv_text::after,
            .order-balance-payment .saved-card-input-wrap .tooltip_cvv_text::before {
                right: 5px;
                left: unset
            }
            .credit_card__cvv.tooltip_cvv {
                left: unset
            }
            .credit_card__cvv .tooltip_cvv_text::after,
            .credit_card__cvv .tooltip_cvv_text::before,
            .credit_card__cvv.tooltip_cvv .tooltip_cvv_text {
                right: 0;
                left: unset
            }
            #payment-method-options>ul>li.active>label {
                width: unset
            }
        }

        #address-form .required.error input#credit_card_expiry_year {
            border-style: solid solid solid none
        }

        #address-form .required.error input#credit_card_expiry_month {
            border-style: solid none solid solid
        }

        .checkout-wrapper .microless-pm-option .form-group.required.card-expiry-date,
        .checkout-wrapper .microless-pm-option .form-group.required.error {
            position: relative
        }

        #payment-details #payment-method-options.microless-pm-option>ul>li.active label.error {
            font-size: 12px;
            position: absolute
        }

        #payment-details #payment-method-options.microless-pm-option>ul>li.active label#credit_card_expiry_month-error {
            left: -46px;
            bottom: -21px
        }

        .pf_em_wpp {
            position: relative
        }

        #payment-details #payment-method-options.microless-pm-option>ul>li.active label#credit_card_expiry_year-error {
            left: -4px;
            bottom: -21px
        }

        .card_exp_my {
            display: flex
        }

        @media screen and (max-width:420px) {
            .input-group.credit-card-number-wrap.entered .separator.third {
                left: 155px
            }
            .input-group.credit-card-number-wrap.entered .separator.second {
                left: 108px
            }
            .input-group.credit-card-number-wrap.entered .separator.first {
                left: 61px
            }
            #credit_card_card_number {
                letter-spacing: 4px
            }
            #payment-details .microless-pm-option>ul>li.active .panel-body {
                padding: 15px 12px
            }
        }

        #payment-method-options .saved-credit-card {
            display: flex;
            justify-content: flex-start;
            align-items: center
        }

        #payment-method-options .saved-credit-card .card-security-number {
            padding: 5px 5px;
            width: 55px
        }

        #payment-method-options .saved-credit-card .card-security-number input {
            width: 100%;
            text-align: center;
            border: 1px solid #222;
            border-radius: 4px
        }

        #payment-method-options .saved-credit-card .card-security-number input:disabled {
            background: #f7f7f7;
            border-color: #dcdcdc;
            color: #eaeaea
        }

        #payment-method-options .saved-credit-card .card-security-number.error input {
            border-color: #e90b0b
        }

        #search-results>.heading-wrap {
            height: auto
        }

        #search-results .main-heading-wrapper {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            margin: 15px 0
        }

        #search-results .main-heading-wrapper .add-this-wrapper {
            margin-top: 15px;
            min-height: 35px
        }

        @media screen and (min-width:697px) and (max-width:767px),
        (min-width:1200px) {
            #search-results .main-heading-wrapper {
                flex-direction: row;
                justify-content: space-between;
                align-items: center
            }
            #search-results .main-heading-wrapper .add-this-wrapper {
                width: 399px;
                text-align: right;
                display: flex;
                justify-content: flex-end
            }
        }

        @media screen and (max-width:696px),
        (min-width:768px) and (max-width:1199px) {
            #search-results .history-clear-btn {
                margin-bottom: 20px;
                margin-top: 10px
            }
        }

        @media screen and (max-width:472px) {
            #search-results .history-clear-btn {
                margin-bottom: 0
            }
        }

        #search-results #heading .search-query.no-cat span {
            padding: 0 5px 0 5px;
            max-width: 244px;
            height: 22px;
            overflow: hidden;
            margin-bottom: -6px;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        @media screen and (min-width:420px) {
            #search-results #heading .search-query.no-cat span {
                max-width: 340px
            }
        }

        @media screen and (min-width:676px) {
            #search-results #heading .search-query.no-cat span {
                max-width: 588px
            }
        }

        @media screen and (min-width:767px) {
            #search-results #heading .search-query.no-cat span {
                max-width: 290px
            }
        }

        @media screen and (min-width:920px) {
            #search-results #heading .search-query.no-cat span {
                max-width: 444px
            }
        }

        .product-extras {
            padding: 0;
            margin: 0;
            list-style: none
        }

        .product-extras>li {
            padding: 1px 10px;
            background: #e5f0ff;
            margin: 5px 0;
            color: #5c5c5c;
            list-style: none
        }

        .product-extras>li>label {
            margin: 0;
            padding: 0;
            line-height: 0
        }

        .product-extras>li>.checkbox>label {
            padding-left: 15px
        }

        .product-extras>li>.checkbox {
            padding-left: 22px
        }

        #checkout-mini-cart .product-extras li {
            text-align: right;
            border: 0;
            color: #6b6b6b;
            padding: 0;
            margin: 0;
            font-size: 12px
        }

        #cart-wrapper .cart-product-extras {
            margin: 6px
        }

        #cart-wrapper .cart-product-extras ul {
            display: flex;
            list-style: none;
            padding: 0;
            margin: 0
        }

        #cart-wrapper .cart-product-extras ul>li {
            margin-right: 15px
        }

        #cart-wrapper .cart-product-extras ul .checkbox {
            margin: 0
        }

        #cart-wrapper .cart-product-extras ul .checkbox label::before {
            width: 14px;
            height: 14px;
            left: 0;
            margin-left: -21px;
            top: 3px
        }

        #cart-wrapper .cart-product-extras ul .checkbox label::after {
            font-size: 10px
        }

        #cart-wrapper .cart-product-extras ul .checkbox label {
            padding-left: 0
        }

        #cart-wrapper .cart-total h4.circle-loading {
            position: relative;
            color: #e0dfdf
        }

        #cart-wrapper .cart-total h4.circle-loading::after {
            top: 2px !important;
            right: 64%
        }

        .row.display-tr {
            margin: auto !important
        }

        .input-group.credit-card-number-wrap {
            width: 100%
        }

        .home .top-categories .top-category.product .product-image {
            line-height: normal;
            height: unset;
            position: relative;
            max-width: 100%
        }

        .home .top-categories .top-category.product .product-title {
            display: flex;
            align-items: center;
            justify-content: center
        }

        .home .top-categories .top-category.product .product-image img {
            width: 100%;
            max-width: 100%;
            max-height: 100%;
            padding: 0;
            border-radius: 3px
        }

        .home .top-categories .top-category.product {
            border-color: #fff
        }

        .home .top-categories .top-category.product.product-carousel:hover {
            border: 1px solid #fff;
            box-shadow: 0 0 5px rgba(0, 0, 0, .1) inset
        }

        #home-container-right .top-categories-carousel.home-carousels .top-category.product:hover .product-title a {
            color: #428bca
        }

        .login-register-checkout {
            width: 420px;
            margin: 40px auto;
            background: #ffc824;
            text-align: center;
            padding: 30px;
            border-radius: 6px;
            color: #64520f;
            font-weight: 700;
            font-size: 14px
        }

        .login-register-checkout a {
            color: #000;
            text-decoration: underline
        }

        .product .fbm-label-wrap {
            padding: 10px 5px;
            height: 45px
        }

        .product .fbm-label-wrap .fbm-label {
            padding: 4px 11px;
            background: #ffc824;
            display: inline-block;
            font-size: 10px;
            color: #424242;
            font-weight: 600;
            border-radius: 15px;
            width: auto;
            line-height: 12px
        }

        @media screen and (min-width:581px) {
            .product .fbm-label-wrap {
                padding: 10px 0
            }
            .product .fbm-label-wrap .fbm-label {
                width: auto;
                padding: 4px 8px
            }
            .show580 {
                display: none
            }
        }

        #search-results.view-grid .product.grid-list {
            width: auto;
            margin: 1%
        }

        #search-results.view-grid .product .fbm-label-wrap .fbm-label {
            width: auto
        }

        #search-results.view-grid .product.grid-list a.product-review {
            bottom: -150px
        }

        #search-results.view-grid .product.grid-list .fbm-label-wrap {
            padding: 10px 0
        }

        #search-results.view-grid #search-results-products {
            margin-left: 0;
            margin-right: 0
        }

        @media screen and (min-width:320px),
        screen and (min-width:767px) and (max-width:992px) {
            #search-results.view-grid .product.grid-list {
                width: 49%
            }
            #search-results.view-grid .product.grid-list a.product-review {
                bottom: -140px
            }
            #search-results.view-grid .product.grid-list:nth-child(2n) {
                margin-right: 0
            }
            #search-results.view-grid .product.grid-list:nth-child(2n-1) {
                margin-left: 0
            }
        }

        @media screen and (min-width:420px) {
            #search-results.view-grid .product.grid-list .fbm-label-wrap {
                padding: 10px 0
            }
        }

        @media screen and (min-width:431px) {
            #search-results.view-grid .product.grid-list a.product-review {
                bottom: -146px
            }
        }

        @media screen and (min-width:540px) and (max-width:767px),
        screen and (min-width:992px) {
            #search-results.view-grid .product.grid-list {
                margin-top: .5%;
                margin-bottom: .5%
            }
            #search-results.view-grid .product.grid-list:nth-child(3n-2) {
                margin-left: 0;
                margin-right: .5%
            }
            #search-results.view-grid .product.grid-list:nth-child(3n-1) {
                margin-left: .5%;
                margin-right: .5%
            }
            #search-results.view-grid .product.grid-list:nth-child(3n) {
                margin-right: 0;
                margin-left: .5%
            }
            #search-results.view-grid .product.grid-list {
                width: 32.4%
            }
        }

        @media screen and (min-width:1200px) {
            #search-results.view-grid #search-results-products .product.grid-list {
                width: 24.25%
            }
            #search-results.view-grid .product.grid-list:nth-child(4n-1) {
                margin-left: .5%;
                margin-right: .5%
            }
            #search-results.view-grid .product.grid-list:nth-child(4n-2) {
                margin-left: .5%;
                margin-right: .5%
            }
            #search-results.view-grid .product.grid-list:nth-child(4n+1) {
                margin-right: .5%;
                margin-left: 0
            }
            #search-results.view-grid .product.grid-list:nth-child(4n) {
                margin-left: .5%;
                margin-right: 0
            }
        }

        .accessories .accesories-items .accesory-carousel .product.product-carousel a.product-review-stars {
            position: absolute;
            width: 100%;
            margin-top: -20px;
            margin-left: -5px
        }

        @media screen and (min-width:473px) {
            .accessories .accesories-items .accesory-carousel .product.product-carousel a.product-review-stars {
                position: initial;
                width: 100%;
                margin-top: 0;
                margin-left: 0
            }
            .accessories .accesories-items .accesory-carousel .product.product-carousel .checkbox {
                margin-top: 9px;
                margin-bottom: 0
            }
        }

        @media screen and (min-width:971px) {
            .accessories .accesories-items .accesory-carousel .product.product-carousel .checkbox.buy-this-check {
                margin-top: 0
            }
        }

        .flex-row-container {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: flex-start
        }

        .flex-row-item {
            width: 49.2%;
            margin: .76%
        }

        .flex-row-item:nth-child(2n-1) {
            margin-left: 0
        }

        .flex-row-item:nth-child(2n) {
            margin-right: 0
        }

        .flex-row-item img {
            width: 100%;
            transition: .2s cubic-bezier(.4, 0, .2, 1);
            transition-property: filter
        }

        .flex-row-item:hover img {
            filter: brightness(.86)
        }

        @media screen and (min-width:992px) {
            .flex-row-item {
                width: 33%;
                margin: .25%
            }
            .flex-row-item:nth-child(3n-2) {
                margin-left: 0;
                margin-right: .25%
            }
            .flex-row-item:nth-child(3n-1) {
                margin-left: .25%;
                margin-right: .25%
            }
            .flex-row-item:nth-child(3n) {
                margin-right: 0;
                margin-left: .25%
            }
        }

        .product-buy-col .fbm-label-wrap {
            padding: 0
        }

        .product-buy-col .fbm-label-wrap .fbm-label {
            padding: 4px 15px;
            background: #ffc824;
            display: inline-block;
            font-size: 12px;
            color: #424242;
            font-weight: 600;
            border-radius: 15px;
            line-height: 12px
        }

        #cart-wrapper .bootstrap-select .dropdown-toggle:focus {
            outline: 0 auto -webkit-focus-ring-color !important;
            outline-offset: 0
        }

        .fdwrap {
            display: flex;
            align-items: center
        }

        .offer-col.seller-info .seller-name .review-star-rating {
            overflow: hidden
        }

        .offer-col.seller-info .seller-offer-note {
            margin-top: 10px;
            margin-right: 40px;
            font-style: italic;
            word-break: break-word
        }

        span.note_more {
            word-wrap: break-word
        }

        .page_404 {
            display: flex;
            align-items: flex-end;
            padding: 80px 0 150px
        }

        h1.page_404_shead {
            color: #dedede;
            font-size: 120px;
            font-weight: 700;
            margin: 15px 0
        }

        .page_404_head {
            color: #000;
            font-size: 53px;
            font-weight: 600;
            padding: 5px 0 30px;
            line-height: 53px
        }

        .page_404_sub {
            font-size: 20px;
            font-weight: 600;
            padding: 25px 0 35px;
            line-height: 28px;
            margin-bottom: 30px
        }

        .page_404_btn a {
            background: #000;
            padding: 14px 28px;
            color: #fff
        }

        .page_404_img img {
            width: 90%
        }

        @media (min-width:1020px) {
            .page_404_sub {
                max-width: 60%
            }
        }

        @media (max-width:768px) {
            .page_404 {
                flex-wrap: wrap;
                flex-direction: column-reverse;
                align-items: center;
                padding: 80px 0
            }
            .page_404_btn,
            .page_404_head,
            .page_404_sub,
            h1.page_404_shead {
                text-align: center
            }
            .page_404_img img {
                margin-bottom: 20px;
                width: 100%
            }
        }

        @media (max-width:480px) {
            h1.page_404_shead {
                font-size: 80px
            }
            .page_404_head {
                font-size: 35px;
                padding: 5px 0 0
            }
        }

        @media screen and (max-width:767px) {
            body.body-page-product_offers .container-fluid.menu-inactive {
                padding-left: 0;
                padding-right: 0
            }
        }

        .product-offer-mb .product-offer-mb-head {
            display: flex;
            align-items: center;
            margin-bottom: 15px
        }

        .product-offer-mb .product-title-h1 {
            font-size: 14px
        }

        .product-offer-mb .prod-img-pic-wrap table td,
        .product-offer-mb .product-no-image,
        .product-offer-mb .product-no-image table td {
            height: 130px
        }

        .product-offer-mb .product_offer_disc {
            padding-left: 12px
        }

        .product-offer-mb .stars-container .fa-star {
            font-size: 15px
        }

        .product-offer-mb .po_flex {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

        .product_offers_details div {
            margin: 5px 0
        }

        .po_offer_head {
            font-weight: 700;
            font-size: 15px;
            padding: 13px 0;
            border-top: 1px solid #e0e2ef
        }

        .product_offers_details {
            padding: 20px 0;
            border-top: 1px solid #e0e2ef
        }

        .po_bg_highlit {
            background: #fffae5
        }

        .po_price .product-price {
            font-weight: 700;
            font-size: 22px
        }

        .po_free_ship {
            color: #4caf50
        }

        .po_back_btn {
            padding: 15px 0;
            text-transform: uppercase;
            font-size: 12px;
            font-weight: 700
        }

        .po_back_arrow {
            width: 17px;
            padding: 0 0 3px
        }

        .product-offer-mb button {
            width: 100%;
            background: #4caf50;
            border: 1px solid #03978b;
            color: #fff;
            padding: 10px 0;
            border-radius: 5px
        }

        .product-offer-mb button:hover {
            background: #8bc34a;
            border: 1px solid #4caf50;
            color: #fff
        }

        .po_bold {
            font-weight: 600
        }

        .body-page-user-wishlist #user-wishlist .table-body-cell.wishlist-action button.btn.btn-success.btn-xs {
            background: 0 0;
            color: #686868;
            border: 0;
            padding: 0;
            margin: 0;
            font-size: 14px;
            border-left: 0
        }

        span.po_old_price {
            font-size: 16px;
            text-decoration: line-through;
            color: #b5b5b5;
            font-weight: 100;
            padding-left: 5px
        }

        .product-offer-mb .rating-container.product-user {
            padding-top: 13px;
            margin: 0
        }

        #search-results .product.grid-list .old-price span,
        .product .product-price .prices .old-price span.currency,
        .product .product-price .prices .old-price span.price-old {
            text-decoration: unset;
            color: #a09e9e
        }

        .product .product-price .prices .old-price {
            position: relative;
            overflow: visible;
            display: block;
            clear: both;
            padding-left: 0;
            padding-right: 0;
            color: #a09e9e;
            text-decoration: line-through;
            margin: 2px 0;
            margin-bottom: 5px
        }

        .product .product-price .prices .old-price>span {
            vertical-align: middle
        }

        .product .product-price .prices .old-price:after {
            height: 1px;
            width: 100%;
            background: #606060;
            display: block;
            position: absolute;
            top: 6px;
            left: 0;
            right: 0
        }

        @media screen and (min-width:520px) {
            .product .product-price .prices .old-price:after {
                top: 6px;
                left: 0;
                right: 0
            }
        }

        .product .product-price .prices span.price-old {
            font-weight: 400
        }

        @media screen and (min-width:767px) {
            #search-results .product .product-price .prices .old-price:after {
                top: 8px
            }
        }

        .product-offer-mb #product-images-slider .item img {
            min-width: 85px
        }

        .product-offer-mb #product-images-slider .item,
        .product-offer-mb #product-images-slider .item img {
            cursor: auto
        }

        .morecontent span {
            display: none
        }

        .read_note {
            background-color: #f7faff;
            padding: 10px 10px
        }

        a.morelink {
            font-weight: 600
        }

        #search-results.view-grid .product.grid-list .product-details-wrap .product-price .prices .old-price,
        #search-results.view-list .product.grid-list .product-details-wrap .product-price .prices .old-price {
            padding-left: 0;
            padding-right: 0
        }

        @media screen and (max-width:620px) {
            #search-results .top-categories.sub-categories .top-category.product .product-image img {
                padding: 0
            }
        }

        @media screen and (max-width:767px) {
            .mb_media_heading {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 15px
            }
            .review-profile {
                margin-bottom: 0;
                display: block;
                align-items: unset
            }
            .review-profile .mb_media_heading h4.media-heading {
                float: unset;
                margin: 0;
                gap: 5px
            }
            li.media .review-profile .mb_media_heading h4.media-heading span.name {
                color: #000;
                border: 0
            }
            .product-review-full .media-body .review-date {
                margin-left: 0;
                color: #979797;
                line-height: normal
            }
            .product-review-wrap #rate-and-review .col-one {
                width: 100%
            }
            .mb_media_heading .rating-container.product-user {
                margin-top: 0
            }
            .product-review-full .media-body .ratings-date-wrapper {
                padding: 6px 0
            }
            .product-review-full .review-body {
                padding: 14px 0 0
            }
        }

        @media screen and (max-width:480px) {
            .mb_media_heading .stars-container .fa-star {
                font-size: 14px
            }
        }

        @media screen and (max-width:767px) {
            .profile-wrapper .profile-content-area {
                margin-top: 30px
            }
            .blog-entries .post-date-time {
                float: unset;
                text-align: center;
                margin-top: 20px
            }
        }

        #mobile-menu.mm-menu>.mm-panel {
            -webkit-transform: translate(0, 0);
            -moz-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            -o-transform: translate(0, 0);
            transform: translate(0, 0)
        }

        #mobile-menu.mm-menu .mm-list.mm-panel.mm-highest {
            z-index: -1;
            -webkit-transform: translate(-100%, 0);
            -moz-transform: translate(-100%, 0);
            -ms-transform: translate(-100%, 0);
            -o-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
            opacity: 0;
            transition: all .3s ease
        }

        #mobile-menu.mm-menu .mm-list.mm-panel.mm-highest.mm-current.mm-opened {
            z-index: 1;
            -webkit-transform: translate(0, 0);
            -moz-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            -o-transform: translate(0, 0);
            transform: translate(0, 0);
            opacity: 1
        }

        #cart-wrapper .cart-item-options .gift-wrap-option-wrapper {
            position: relative
        }

        #cart-wrapper .cart-item-options .gift-wrap-option-wrapper .gift-wrap-drawer {
            width: 230px;
            height: auto !important
        }

        #cart-wrapper .cart-item-options .gift-wrap-option-wrapper .gift-wrap-drawer .well {
            padding: 2px 10px;
            width: auto
        }

        #cart-wrapper .cart-item-options .gift-wrap-option-wrapper .gift-wrap-drawer .well p {
            color: #428bca;
            margin-top: 3px;
            margin-bottom: 3px;
            font-size: 12px;
            text-align: center
        }

        .product-buy-col span.product-free-delivery {
            font-weight: 700;
            text-transform: uppercase
        }

        .body-page-cart .category-bestoffer.owl-carousel .product .product-price,
        .body-page-cart .category-bestseller.owl-carousel .product .product-price,
        .body-page-cart .category-newitems.owl-carousel .product .product-price,
        .body-page-cart .product.product-carousel .product-price {
            height: auto
        }

        .body-page-cart .product .product-price .prices .old-price {
            padding: 0
        }

        body.body-page-category .product.grid-list .fbm-label-wrap,
        body.body-page-search .view-list #search-results-products .product.grid-list .fbm-label-wrap {
            padding: 10px 0
        }

        .delivery-switcher .dropdown-menu {
            right: 8px;
            left: unset
        }

        .seller-information label {
            font-weight: 100;
            margin-bottom: 0
        }

        .seller-information .sellerName {
            font-weight: 700
        }

        @media screen and (max-width:767px) {
            .profile-content-area .page-title {
                width: auto
            }
            .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-product {
                display: flex;
                align-items: center;
                padding: 18px 0;
                gap: 15px
            }
            .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-item-price {
                padding: 10px 0
            }
            .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-product-wrapper {
                display: flex;
                flex-direction: column
            }
            .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-action {
                border-top: 1px solid #e2e5f0;
                padding: 15px 0
            }
            .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper {
                border: 0;
                padding: 0 15px;
                margin: 18px 0;
                background: #fff
            }
            .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-action .profile-wishlist-btns {
                display: flex;
                align-items: center;
                justify-content: space-between
            }
            .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-action .profile-wishlist-btns .wishlist-remove {
                margin-inline-start: auto
            }
            .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-action form>.btn,
            .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-action form>.btn.btn-danger.btn-xs {
                border: 0;
                padding: 0;
                font-weight: 600;
                font-size: 12px
            }
            .profile-wishlist .wish-list-wrapper .wishlist-panel {
                padding: 0;
                background: #f2f3f3
            }
            .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .seller-information {
                padding-bottom: 0
            }
            .profile-wrapper.profile-wishlist {
                margin: 60px -30px 20px -30px
            }
            .body-page-user-wishlist .profile-wrapper.profile-wishlist {
                margin: 60px -15px 20px -15px
            }
            .profile-wrapper.profile-wishlist .profile-menu-area {
                margin: 0 15px
            }
            .profile-wrapper.profile-wishlist .profile-content-area .page-title {
                margin-left: 15px;
                margin-right: 15px
            }
            .profile-wrapper.profile-wishlist .wish-list-share-buttons {
                margin: 0 15px
            }
            .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-price span.amount span.price-amount,
            .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-price span.amount span.price-symbol {
                font-weight: 700;
                font-size: 18px
            }
            .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper span.po_old_price {
                font-size: 14px
            }
            form.wishlist-add-all-form {
                background: #fff;
                padding: 0 10px
            }
            form.wishlist-add-all-form button.btn.btn-success {
                font-size: 14px
            }
        }

        @media screen and (min-width:767px) {
            body.body-page-user-wishlist .profile-content-area {
                margin-left: 0;
                width: 100%
            }
            .body-page-user-wishlist .profile-content-area .page-title {
                margin-top: 0
            }
        }

        @media screen and (min-width:768px) and (max-width:991px) {
            .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-product {
                display: flex;
                align-items: center;
                padding: 18px 0;
                gap: 15px
            }
            .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-item-price {
                padding: 10px 0
            }
            .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-product-wrapper {
                display: flex;
                flex-direction: column
            }
            .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-action {
                border-top: 1px solid #e2e5f0;
                padding: 15px 0
            }
            .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper {
                border: 1px solid #e2e5f0;
                padding: 0 10px;
                margin: 18px 0;
                background: #fff
            }
            .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-action .profile-wishlist-btns {
                display: flex;
                align-items: center;
                justify-content: space-between
            }
            .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-action .profile-wishlist-btns .wishlist-remove {
                margin-inline-start: auto
            }
            .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-action form>.btn,
            .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-action form>.btn.btn-danger.btn-xs {
                border: 0;
                padding: 0;
                font-weight: 600;
                font-size: 12px
            }
        }

        @media screen and (max-width:480px) {
            .wish-list-share-buttons a:nth-child(1) {
                order: 1
            }
            .wish-list-share-buttons a:nth-child(2) {
                order: 3
            }
            .wish-list-share-buttons a:nth-child(3) {
                order: 2
            }
            .wish-list-share-buttons a:nth-child(4) {
                order: 4
            }
            .wishlist-fb,
            .wishlist-mail,
            .wishlist-print,
            .wishlist-tw {
                padding: 6px 11px
            }
        }

        @media screen and (max-width:766px) {
            .body-page-product #bundle-wrapper .product.product-carousel {
                width: 49%;
                margin: .75%
            }
            .body-page-product #bundle-wrapper .product.product-carousel:nth-child(2n+1) {
                margin-left: 0
            }
            .body-page-product #bundle-wrapper .product.product-carousel:nth-child(2n+2) {
                margin-right: 0
            }
        }

        .product-price-buy-form-wrapper .product-price-wrapper .see-more-offer {
            margin: 13px 0 0
        }

        .privacy-terms {
            text-align: right
        }

        .privacy-terms a {
            color: #e7e7e7
        }

        .body-page-cart #cart-wrapper .cart-item-options .gift-wrap-option-wrapper .gift-wrap-drawer .checkbox.checkbox-success {
            margin-top: 4px;
            margin-bottom: 4px
        }

        @media screen and (max-width:767px) {
            .body-page-cart>div>#header-first+.container-fluid,
            .body-page-product>div>#header-first+.container-fluid {
                padding: 0;
                margin-left: 0;
                margin-right: 0
            }
            .body-page-product .cart-wrap {
                margin: 0 0
            }
            .body-page-cart #resp-table,
            .body-page-cart #unavailable-table {
                max-width: 100%;
                background: #f2f3f3
            }
            .body-page-cart .table-body-cell.cell-product .resp-table-row {
                display: flex;
                align-items: center
            }
            .body-page-cart #resp-table #resp-table-body>.resp-table-row,
            .body-page-cart #unavailable-table #unavailable-table-body>.resp-table-row {
                padding: 20px 15px;
                margin-bottom: 10px;
                position: relative
            }
            .body-page-cart #resp-table #resp-table-body>.resp-table-row.fade-out,
            .body-page-cart #unavailable-table #unavailable-table-body>.resp-table-row.fade-out {
                padding: 0;
                margin-bottom: 0;
                border: 0
            }
            .body-page-cart .no-padding {
                padding: 0 !important
            }
            .body-page-cart #cart-button .pull-left.proceed-btn,
            .body-page-cart #cart-button .pull-right.proceed-btn {
                margin-top: 0;
                position: fixed;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 999999999;
                background: #fff;
                box-shadow: 0 -5px 23px 0 #00000024;
                padding: 20px 15px;
                max-width: 100%
            }
            body.body-page-cart #content-data {
                background: #f2f3f3
            }
            body.body-page-cart h2.title {
                margin: 20px 0 20px 0
            }
            .body-page-cart #cart-wrapper #resp-table .table-body-cell.cell-thumbnail .product-thumbnail,
            .body-page-cart #cart-wrapper #unavailable-table .table-body-cell.cell-thumbnail .product-thumbnail {
                width: 125px;
                height: 125px;
                display: flex;
                justify-content: center;
                align-items: center;
                margin: unset;
                border-bottom: 0;
                padding: 10px
            }
            .body-page-cart #cart-wrapper #resp-table .table-body-cell.cell-thumbnail,
            .body-page-cart #cart-wrapper #resp-table .table-body-cell.cell-title,
            .body-page-cart #cart-wrapper #unavailable-table .table-body-cell.cell-thumbnail,
            .body-page-cart #cart-wrapper #unavailable-table .table-body-cell.cell-title {
                width: auto;
                float: unset
            }
            .body-page-cart #cart-wrapper #resp-table .table-body-cell.cell-title,
            .body-page-cart #cart-wrapper #unavailable-table .table-body-cell.cell-title {
                display: flex;
                flex-direction: column;
                width: 100%
            }
            .body-page-cart #cart-wrapper #resp-table .table-body-cell.cell-title>*,
            .body-page-cart #cart-wrapper #unavailable-table .table-body-cell.cell-title>* {
                order: 1
            }
            .body-page-cart #cart-wrapper #resp-table .table-body-cell.cell-title .cart-product-delivery-info {
                order: 2;
                margin-top: 7px
            }
            .body-page-cart #cart-wrapper #resp-table .table-body-cell.cell-title .warranty-info {
                order: 3
            }
            .body-page-cart #cart-wrapper #resp-table .table-body-cell.cell-title .cart-item-options.clearfix,
            .body-page-cart #cart-wrapper #unavailable-table .table-body-cell.cell-title .cart-item-options.clearfix {
                order: 4
            }
            .body-page-cart #cart-wrapper #resp-table .table-body-cell.cell-title .cart-action-btn,
            .body-page-cart #cart-wrapper #unavailable-table .table-body-cell.cell-title .cart-action-btn {
                order: 10;
                flex-wrap: wrap;
                grid-row-gap: 6px;
                grid-column-gap: 10px;
                position: absolute;
                bottom: 31px;
                align-self: flex-end;
                margin: 0 0 0
            }
            .body-page-cart #cart-wrapper .cart-item-row .table-body-cell.cell-product-qty .cart-product-quantity .select2-container {
                margin-left: 0
            }
            .body-page-cart #cart-wrapper .cart-item-options .gift-wrap-option-wrapper {
                margin-top: 5px;
                margin-bottom: 5px
            }
            .body-page-cart #cart-wrapper .cart-item-options .gift-wrap-option-wrapper a.btn {
                font-size: 12px
            }
            .body-page-cart #cart-wrapper .cart-product-delivery-info,
            .body-page-cart #cart-wrapper .seller-information {
                margin: 0 6px
            }
            .body-page-cart #cart-wrapper .table-body-cell.cell-product-qty {
                padding-top: 20px;
                position: relative
            }
            .body-page-cart #cart-wrapper #resp-table .cart-product-price,
            .body-page-cart #cart-wrapper #unavailable-table .cart-product-price {
                text-align: left;
                padding: 0;
                margin: 0 6px;
                font-size: 14px;
                font-weight: 600;
                width: auto;
                float: unset;
                border: 0
            }
            .body-page-cart #cart-wrapper #resp-table .cart-product-price .current-price span.price-amount {
                font-size: 14px;
                font-weight: 600
            }
            .body-page-cart #cart-wrapper .cart-product-quantity {
                display: flex;
                align-items: center
            }
            .body-page-cart #cart-wrapper #unavailable-table .cart-product-quantity {
                min-height: 34px
            }
            .body-page-cart #cart-wrapper .cart-product-quantity .input-group .form-control {
                padding: 6px 5px;
                font-weight: 100;
                max-width: 38px
            }
            .body-page-cart #cart-wrapper .cart-action-btn .ml-v-space {
                margin: 0 0
            }
            .body-page-cart #cart-wrapper #resp-table .cart-product-quantity {
                max-width: 170px
            }
            .body-page-cart #cart-wrapper #resp-table .table-body-cell.cell-title a.cartItemTitle,
            .body-page-cart #cart-wrapper #unavailable-table .table-body-cell.cell-title a.cartItemTitle {
                margin-bottom: 14px !important;
                font-size: 13px;
                line-height: 18px
            }
            .body-page-cart #cart-wrapper #resp-table .table-body-cell.cell-title a.cartItemTitle.price-with-warranty {
                margin-bottom: 14px !important
            }
            .body-page-cart #cart-wrapper #resp-table .warranty-amount,
            .body-page-cart #cart-wrapper #resp-table .warranty-amount small {
                font-size: 12px;
                font-weight: 100
            }
            .body-page-cart #cart-wrapper #resp-table .cart-price-wrapp {
                display: flex
            }
            .body-page-cart #cart-wrapper #resp-table .cart-price-wrapp div {
                margin-right: 8px
            }
            .body-page-cart #cart-wrapper #resp-table .cart-price-wrapp div:last-child {
                margin-right: 0
            }
            .body-page-cart #cart-wrapper #resp-table .cart-price-wrapp .old-price span {
                font-size: 12px;
                font-weight: 100;
                text-decoration: line-through
            }
            .body-page-cart #cart-wrapper #resp-table .cart-product-extras {
                margin-top: -30px;
                margin-bottom: 25px
            }
            .body-page-cart #bought-together-often-wrap,
            .body-page-cart #similar-products-wrap {
                margin-left: -15px;
                margin-right: -15px;
                background: #fff;
                padding-right: 15px;
                padding-left: 15px;
                padding-bottom: 30px
            }
            .body-page-cart #cart-wrapper #resp-table .gift-wrap-enable .cart-product-price {
                bottom: 170px
            }
            .body-page-cart #cart-wrapper .cart-item-options .gift-wrap-option-wrapper .gift-wrap-drawer {
                width: 214px
            }
            .body-page-cart .table-body-cell.cell-product-qty .cart-product-quantity .btn-group.bootstrap-select,
            .body-page-cart .table-body-cell.cell-product-qty .cart-product-quantity .select2-container {
                border: 0;
                width: 55px
            }
            .body-page-cart .qty-above-9 input.form-control {
                padding: 3px
            }
            .copyright-info {
                text-align: center
            }
        }

        @media screen and (max-width:460px) {
            .body-page-cart .btn.ten-plus .btn-update-label {
                display: none
            }
        }

        @media screen and (max-width:350px) {
            .body-page-cart #cart-wrapper #resp-table .table-body-cell.cell-thumbnail .product-thumbnail,
            .body-page-cart #cart-wrapper #unavailable-table .table-body-cell.cell-thumbnail .product-thumbnail {
                width: 100px;
                height: 100px
            }
            .body-page-cart #cart-wrapper .cart-item-options .gift-wrap-option-wrapper .gift-wrap-drawer {
                width: 200px
            }
            .body-page-cart #resp-table .gift-wrap-drawer {
                margin-left: -1px
            }
        }

        #category-slider-container #category-slider .item.banner-item {
            background-size: contain;
            height: 90px
        }

        @media screen and (min-width:450px) {
            #category-slider-container #category-slider .item.banner-item {
                height: 120px
            }
        }

        @media screen and (min-width:600px) {
            #category-slider-container #category-slider .item.banner-item {
                height: 160px
            }
        }

        @media screen and (min-width:1000px) {
            #category-slider-container #category-slider .item.banner-item {
                height: 160px
            }
        }

        @media screen and (min-width:1050px) {
            #category-slider-container #category-slider .item.banner-item {
                height: 185px
            }
        }

        @media screen and (min-width:1150px) {
            #category-slider-container #category-slider .item.banner-item {
                height: 199px
            }
        }

        @media screen and (min-width:1200px) {
            #category-slider-container #category-slider .item.banner-item {
                height: 235px
            }
        }

        #resp-table .cart-product-price .old-price span.slashed-price {
            text-decoration: line-through;
            font-family: 'YS Text Regular';
            font-weight: 100;
            font-size: 13px
        }

        @media screen and (max-width:350px) {
            #cart-wrapper .gift-wrap-info,
            #cart-wrapper .gift-wrap-info span {
                font-size: 12px
            }
        }

        .product-unavailable {
            color: #939393;
            padding: 8px 0
        }

        .prices .product-unavailable {
            padding: 0
        }

        #search-results.view-list .product.grid-list .product-details-wrap .product-unavailable {
            text-align: right
        }

        .body-page-cart #cart-wrapper #resp-table .cart-product-price .warranty-amount span.price-fig {
            font-weight: 100;
            font-size: 11.9px
        }

        .category-bestseller .product-carousel .product-offer-text-badge {
            float: left;
            margin: 0 0;
            padding: 4px 5px
        }

        #search-results .product-carousel .product-bundle-badge.bundle,
        .home-carousel .product-carousel .product-bundle-badge.bundle {
            margin: 0 2px 5px 0
        }

        @media screen and (max-width:767px) {
            .product .product-price,
            .product .product-price .prices .new-price .currency {
                line-height: 23px
            }
        }

        @media screen and (max-width:580px) {
            .product .fbm-label-wrap .fbm-label {
                padding: 4px 6px;
                font-size: 9px
            }
        }

        @media screen and (max-width:971px) {
            .body-page-category #search-results .category-bestoffer .product.product-carousel a.product-review-stars,
            .body-page-category #search-results .category-bestseller .product.product-carousel a.product-review-stars,
            .body-page-category #search-results .category-newitems .product.product-carousel a.product-review-stars {
                bottom: 34px
            }
        }

        @media screen and (max-width:472px) {
            .body-page-category #search-results .category-bestoffer .product.product-carousel a.product-review-stars .rating-container,
            .body-page-category #search-results .category-bestseller .product.product-carousel a.product-review-stars .rating-container,
            .body-page-category #search-results .category-newitems .product.product-carousel a.product-review-stars .rating-container {
                margin-top: -21px
            }
        }

        @media screen and (max-width:554px) {
            .body-page-category #search-results .category-bestoffer .product.product-carousel a.product-review-stars,
            .body-page-category #search-results .category-bestseller .product.product-carousel a.product-review-stars,
            .body-page-category #search-results .category-newitems .product.product-carousel a.product-review-stars {
                bottom: 60px
            }
        }

        .accessories .accesories-items .accesory-carousel .product.product-carousel a.product-review-stars {
            display: block;
            position: absolute;
            bottom: 10px;
            width: 120px;
            right: 7px
        }

        @media screen and (min-width:458px) and (max-width:472px) {
            .accessories .accesories-items .accesory-carousel .product.product-carousel a.product-review-stars {
                bottom: 39px
            }
        }

        @media screen and (max-width:457px) {
            .accessories .accesories-items .accesory-carousel .product.product-carousel a.product-review-stars {
                left: 0;
                bottom: 65px
            }
        }

        .attribute-group-wrapper {
            padding: 0
        }

        .attribute-group-wrapper .attribute-group-heading {
            font-size: 15px;
            margin: 13px 0 0 0;
            text-transform: capitalize;
            color: #000;
            background: #eff0f4;
            padding: 7px 15px;
            font-weight: 600
        }

        .attribute-group-wrapper .attribute-item-name {
            font-weight: 600
        }

        .attribute-group-wrapper .attribute-value-description {
            color: #959595
        }

        .attribute-group-wrapper .atrribute-wrapp {
            display: flex;
            border-top: 1px solid #eff0f4
        }

        .attribute-group-wrapper .atrribute-items {
            padding: 15px;
            width: 50%
        }

        .attribute-group-wrapper .atrribute-items .attribute-item-value ul {
            margin: 0;
            padding: 0;
            list-style: none;
            display: inline
        }

        .attribute-group-wrapper .atrribute-items .attribute-item-value ul li {
            display: inline;
            padding: 0;
            margin: 0;
            overflow-wrap: anywhere
        }

        .attribute-group-wrapper .atrribute-items .attribute-item-value ul li+li:before {
            content: ", ";
            margin-left: -4px
        }

        @media screen and (max-width:679px) {
            .attribute-group-wrapper .atrribute-wrapp {
                flex-direction: column
            }
            .attribute-group-wrapper .atrribute-items {
                width: 100%;
                border-top: 1px solid #eff0f4
            }
            .attribute-group-wrapper .atrribute-wrapp {
                border-top: 0 solid #eff0f4
            }
        }

        .product-sku-model {
            margin: 10px 0;
            display: flex;
            align-items: center;
            justify-content: space-between
        }

        .product-sku-model .label {
            color: #212121;
            font: 13px/21px arial, sans-serif;
            padding: .2em 0 .3em;
            font-weight: 700
        }

        .product-model-wrp {
            display: inline-block;
            margin-right: 18px
        }

        .product-sku-wrp {
            display: inline-block
        }

        .product-sku-service {
            text-align: right;
            margin: 5px 0;
            padding: 5px 0
        }

        .product-sku-service .label {
            font-size: 100%;
            color: #000
        }

        .product-additional-info .product-wishlist-compare-wrap.clearfix {
            display: flex;
            align-items: center;
            position: relative
        }

        .product-additional-info .product-wishlist-compare-wrap .add-to-wish-list.wish-list-btn {
            font-weight: 600;
            width: 46px;
            height: 46px;
            border-radius: 100%;
            background-color: #f7f7fa;
            color: #7e859b;
            font-size: 16px;
            display: flex;
            -webkit-align-items: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .product-additional-info .add-to-wish-list.wish-list-btn:focus {
            outline: 0
        }

        .product-additional-info .wish-list-btn .fa-heart {
            color: #ce0f0f;
            animation: zoom-in-zoom-out 1s ease forwards
        }

        @keyframes zoom-in-zoom-out {
            0% {
                transform: scale(1, 1)
            }
            50% {
                transform: scale(1.3, 1.3)
            }
            100% {
                transform: scale(1, 1)
            }
        }

        .product-brand-wishlist {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap
        }

        .product-band-wrapper img {
            width: 70px;
            max-width: 70px
        }

        @media screen and (max-width:331px) {
            .product-band-wrapper {
                padding: 0 0 15px 0
            }
        }

        .brand-page-logo img {
            width: 60px;
            border: 1px solid #e7e7e7;
            padding: 5px
        }

        .search-title-wrap {
            display: flex;
            align-items: center
        }

        .brand-page-logo {
            margin-right: 16px
        }

        .footer-recently-viewed-products .owl-carousel .owl-stage {
            display: flex
        }

        .footer-recently-viewed-products .owl-carousel .owl-item {
            background: #fff;
            display: flex;
            flex: 1 0 auto;
            align-items: center;
            justify-content: center
        }

        .footer-recently-viewed-products .owl-carousel .owl-item img {
            height: auto;
            width: auto;
            max-width: 70px;
            max-height: 70px
        }

        .footer-recently-viewed-products {
            padding: 20px 30px 40px;
            background: #f7f7fa
        }

        @media screen and (max-width:767px) {
            .footer-recently-viewed-products {
                padding: 20px 15px 40px
            }
        }

        .footer-recently-viewed-products .home-header h2 {
            font-size: 15px;
            font-weight: 700;
            line-height: 23px
        }

        .footer-recently-viewed-products .recently-viewed-product .product-image {
            padding: 20px
        }

        @media screen and (max-width:991px) {
            .footer-recently-viewed-products .recently-viewed-product .product-image {
                padding: 10px
            }
        }

        @media screen and (min-width:972px) {
            .footer-recently-viewed-products #recently-viewed-products-carousel {
                padding: 0 70px
            }
        }

        .footer-recently-viewed-products .owl-carousel .owl-nav .owl-next,
        .footer-recently-viewed-products .owl-carousel .owl-nav .owl-prev {
            border-radius: 50%;
            top: 30%;
            background: #cfcfcf;
            height: 44px;
            width: 44px;
            opacity: 1;
            font-size: 35px;
            margin: 0 auto;
            border: 0
        }

        .footer-recently-viewed-products .owl-carousel .owl-nav .owl-prev {
            padding: 4px 14px
        }

        .footer-recently-viewed-products .owl-carousel .owl-nav .owl-next {
            padding: 4px 17px
        }

        .footer-recently-viewed-products .owl-carousel .owl-nav .owl-next:hover,
        .footer-recently-viewed-products .owl-carousel .owl-nav .owl-prev:hover {
            background: #000
        }

        .footer-recently-viewed-products .history-product-wrapp {
            display: flex;
            width: 100%;
            margin: 0 auto;
            align-items: center;
            justify-content: center
        }

        @media screen and (min-width:972px) {
            .footer-recently-viewed-products .owl-carousel .owl-nav.disabled {
                display: block;
                opacity: .3;
                cursor: default
            }
            .footer-recently-viewed-products .owl-carousel .owl-nav .owl-next.disabled,
            .footer-recently-viewed-products .owl-carousel .owl-nav .owl-prev.disabled {
                cursor: default
            }
            .footer-recently-viewed-products .owl-carousel .owl-nav .owl-next.disabled:hover,
            .footer-recently-viewed-products .owl-carousel .owl-nav .owl-prev.disabled:hover {
                background: #cfcfcf
            }
        }

        .footer-recently-viewed-products .home-header {
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            padding: 0
        }

        @media screen and (max-width:1159px) {
            .configurator-wrapper .component-row .quantity .update-quantity .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
                width: 100px
            }
        }

        @media screen and (max-width:767px) {
            .configuration-forms .configuration-checkout .summary-wraper,
            .configuration-forms .save-configuration .form-wrapper {
                background: #fff;
                padding: 20px
            }
        }

        .vertical-sidebar-items .v-sidebar-item:last-child {
            display: none
        }

        .ml-top-header {
            background: #1e1e1e
        }

        #ml-top-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 5px 0
        }

        .ml-top-header-left {
            display: flex;
            align-items: center
        }

        .ml-phone-text {
            margin-right: 10px
        }

        .ml-header-features {
            color: #b7b7b7;
            font-size: 11px;
            padding: 0 10px
        }

        @media screen and (max-width:920px) and (min-width:768px) {
            .ml-header-features {
                padding: 0 5px
            }
        }

        .ml-header-features a {
            color: #b7b7b7
        }

        .ml-header-features.top-head-sellon a {
            color: #fff
        }

        .ml-line-left {
            border-left: 1px solid #3d3d3d
        }

        .ml-line-right {
            border-right: 1px solid #3d3d3d;
            margin-right: 10px
        }

        .ml-top-header-right.header-country-switcher {
            float: unset;
            display: flex;
            align-items: center;
            margin-top: 0
        }

        .ml-top-header-right.header-country-switcher a.dropdown-toggle.active {
            padding: 0 0 0 25px;
            font-size: 12px
        }

        .ml-top-header-right.header-country-switcher a.dropdown-toggle.active:after {
            width: 16px;
            height: 16px
        }

        .ml-top-header-right a.dropdown-toggle.active.bahrain:after,
        .ml-top-header-right a.dropdown-toggle.active.global:after,
        .ml-top-header-right a.dropdown-toggle.active.kuwait:after,
        .ml-top-header-right a.dropdown-toggle.active.oman:after,
        .ml-top-header-right a.dropdown-toggle.active.saudi-arabia:after,
        .ml-top-header-right a.dropdown-toggle.active.uae:after,
        .ml-top-header-right a.dropdown-toggle.active.united-arab-emirates:after {
            background-size: 32px
        }

        .ml-top-header-right.header-country-switcher .language-switch {
            margin-top: 0;
            line-height: 14px
        }

        .ml-top-header-right.header-country-switcher .language-switch a {
            font-size: 12px;
            min-width: 18px
        }

        .ml-head {
            display: flex
        }

        .ml-head-logo {
            display: table-cell;
            min-width: 190px;
            vertical-align: middle
        }

        #header-first .ml-head a.site-logo {
            float: unset;
            margin-top: 0;
            width: 190px
        }

        .ml-head-search {
            padding: 0 25px;
            display: table-cell;
            width: 68%;
            vertical-align: middle
        }

        .ml-head-right {
            min-width: 280px
        }

        .ml-head .ml-head-wrapp {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

        .ml-head #header-search button {
            color: #000;
            background: #ffc824;
            height: 42px
        }

        .ml-head #header-search button:hover {
            background: #ffe478
        }

        .ml-head #header-search input[type=text] {
            border: 0;
            outline: 0
        }

        .ml-head #header-search form .input-group {
            z-index: 3
        }

        .ml-head-middle#header {
            padding: 18px 0
        }

        .ml-head-account,
        .ml-head-cart,
        .ml-head-favorites {
            text-align: center;
            position: relative
        }

        .ml-head-account,
        .ml-head-favorites {
            padding: 0 11px 0 11px
        }

        .ml-head-cart {
            padding: 0 0 0 11px
        }

        .ml-head-account .button-link,
        .ml-head-cart .button-link,
        .ml-head-favorites .button-link {
            text-transform: uppercase
        }

        .ml-head-search #header-search input[type=text]:focus {
            outline: 0;
            border: 0
        }

        .ml-head-wrapp .header-first-popover .button-link {
            color: #fff;
            line-height: normal;
            font-size: 10px;
            padding: 0
        }

        .ml-head-middle #header {
            padding: 20px 0
        }

        .ml-head-wrapp .header-first-popover {
            display: block;
            position: unset
        }

        .ml-head-wrapp .header-first-popover:hover .header-link-text {
            text-decoration: unset
        }

        .ml-head-cart span#cart-total-qnty,
        .ml-head-favorites span#wishlist-total-qnty {
            position: absolute;
            top: -8px;
            right: 7px;
            width: 18px;
            height: 18px;
            border-radius: 100%;
            line-height: 12px;
            background-color: #ffc824;
            color: #000;
            font-size: 10px;
            font-weight: 700;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: center;
            justify-content: center;
            font-family: Arial, sans-serif !important
        }

        .ml-head-favorites span#wishlist-total-qnty {
            right: 12px
        }

        :lang(ru) .ml-head-favorites span#wishlist-total-qnty {
            right: 20px
        }

        :lang(ru) .ml-head-cart span#cart-total-qnty {
            right: 2px
        }

        .head-icon {
            font-size: 20px;
            padding-bottom: 10px;
            clear: both;
            text-align: center;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: center
        }

        @media screen and (min-width:768px) {
            .ml-fireworks .fire-container {
                top: 31px;
                height: 82px
            }
        }

        .ml-head-account-drop {
            display: block;
            position: relative
        }

        .ml-head-account .header-first-popover .popover .arrow {
            right: 20px
        }

        .ml-head-wrapp .header-first-popover .popover.bottom {
            width: 215px;
            top: 39px;
            left: auto;
            right: -25px
        }

        .ml-head-btm {
            background: #ffc824
        }

        .ml-btm-menu {
            display: flex;
            align-items: center;
            position: relative
        }

        #header-first.ml-header-first {
            border-bottom: 0
        }

        .ml-btm-menu #menu-toggle-button {
            padding: 8px 20px;
            cursor: pointer;
            background: #ffc824;
            box-shadow: 0 0 0 transparent;
            color: #000;
            font-size: 14px;
            border-radius: 0;
            border-left: 0;
            text-transform: uppercase;
            font-weight: 700
        }

        .ml-menu-horizontal>ul.desktop-menu {
            margin: 0;
            list-style: none;
            display: flex;
            color: #000
        }

        .ml-menu-horizontal>ul.desktop-menu>li {
            padding: 0;
            text-transform: uppercase;
            font-weight: 700;
            font-size: 12px
        }

        .ml-menu-horizontal>ul.desktop-menu>li.last_item {
            background: #ffc824;
            color: #fff
        }

        .ml-menu-horizontal>ul.desktop-menu>li.last_item a {
            color: #fff
        }

        .ml-menu-horizontal .desktop-menu>li:hover {
            box-shadow: 0 0 0;
            background: #f4f7ff
        }

        .ml-menu-horizontal .desktop-menu>li>a {
            padding: 8px 18px
        }

        .ml-menu-horizontal .desktop-menu>li:hover>a {
            color: #000
        }

        .ml-menu-horizontal .menu-dropdown.have-subheading {
            position: absolute;
            left: 0;
            right: 0;
            bottom: unset;
            top: 37px;
            max-width: 1490px;
            width: 100%;
            box-sizing: border-box;
            background-color: #f4f7ff;
            box-shadow: 0 5px 6px 0 rgba(0, 0, 0, .18);
            z-index: 9999999
        }

        .ml-menu-horizontal .desktop-menu>li>.menu-dropdown.have-subheading>.nav-column>ul>li:first-child {
            margin-top: 0
        }

        .ml-menu-horizontal .desktop-menu .nav-column li a {
            text-transform: capitalize;
            font-weight: 100;
            font-size: 13px
        }

        span.sp-text {
            text-transform: initial
        }

        .ml-menu-horizontal .desktop-menu li.menu-subheader a {
            font-size: 13px;
            font-weight: 700;
            color: #000
        }

        .ml-menu-horizontal .desktop-menu li.menu-subheader a:first-child {
            margin-top: 12px
        }

        .ml-menu-horizontal .desktop-menu li.menu-subheader a:first-child:hover {
            color: #359fd9
        }

        .ml-menu-horizontal .desktop-menu .nav-column {
            padding: 0
        }

        .ml-menu-horizontal .ml-menu-brands-wrap {
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 15px
        }

        .ml-menu-horizontal .ml-brands-item img {
            width: 65px
        }

        @media screen and (min-width:768px) and (max-width:1024px) {
            .ml-menu-horizontal .ml-brands-item img {
                width: 45px
            }
        }

        .ml-menu-horizontal .desktop-menu .nav-col-padding {
            padding: 25px
        }

        .ml-menu-horizontal .ml-menu-banner {
            display: flex;
            justify-content: flex-end
        }

        .ml-menu-horizontal .ml-menu-banner img {
            padding: 14px;
            width: 100%;
            border-radius: 17px
        }

        .ml-menu-horizontal .desktop-menu>li>a:after {
            content: none
        }

        .ml-menu-horizontal .desktop-menu li.ml-nav-view-all a {
            color: #adadad !important
        }

        @media screen and (max-width:991px) {
            .ml-menu-horizontal .desktop-menu .ml-nav-banner {
                display: none
            }
            .ml-menu-horizontal .desktop-menu .nav-column-9 {
                width: 100%
            }
        }

        @media screen and (max-width:1330px) {
            .ml-menu-horizontal ul.desktop-menu>li:nth-last-child(1) {
                display: none
            }
        }

        @media screen and (max-width:1258px) {
            .ml-menu-horizontal ul.desktop-menu>li:nth-last-child(1),
            .ml-menu-horizontal ul.desktop-menu>li:nth-last-child(2) {
                display: none
            }
        }

        @media screen and (max-width:1124px) {
            .ml-menu-horizontal ul.desktop-menu>li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) {
                display: none
            }
        }

        @media screen and (max-width:1024px) {
            .ml-menu-horizontal ul.desktop-menu>li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {
                display: none
            }
        }

        @media screen and (max-width:920px) {
            .ml-menu-horizontal ul.desktop-menu>li:not(:nth-child(1)):not(:nth-child(2)) {
                display: none
            }
        }

        @media screen and (max-width:767px) {
            .ml-menu-horizontal ul.desktop-menu>li:not(:nth-child(1)) {
                display: none
            }
        }

        @media screen and (max-width:480px) {
            .ml-menu-horizontal ul.desktop-menu>li {
                display: none
            }
        }

        .ml-menu-horizontal ul.desktop-menu .menu-dropdown.have-subheading .nav-column ul li:not(.menu-subheader):first-child {
            margin-top: 43px
        }

        .ml-menu-horizontal .desktop-menu li.ml-nav-view-all:hover a {
            color: #359fd9 !important
        }

        .ml-home-content #home-container-right {
            margin-left: unset
        }

        .ml-home-content #main-banner {
            margin-right: unset
        }

        @media screen and (min-width:1198px) {
            .ml-home-content #home-container-right #home-category-sections .home-sections-products .product.product-carousel {
                width: 16.25%
            }
            .ml-home-content #home-container-right #home-category-sections .home-sections-products .product.product-carousel:nth-child(4n),
            .ml-home-content #home-container-right #home-category-sections .home-sections-products .product.product-carousel:nth-child(4n-3) {
                margin-right: unset;
                margin-left: unset;
                margin: .25%
            }
            .ml-home-content #home-container-right #home-category-sections .home-sections-products .product.product-carousel:nth-child(6n-5) {
                margin-left: 0
            }
            .ml-home-content #home-container-right #home-category-sections .home-sections-products .product.product-carousel:nth-child(6n) {
                margin-right: 0
            }
        }

        @media screen and (max-width:1022px) {
            .ml-home-content #home-container-right #home-category-sections .home-sections-products .product.product-carousel {
                width: 32.9333%;
                margin: .3%
            }
            .ml-home-content #home-container-right #home-category-sections .home-sections-products .product.product-carousel:nth-child(3n-2) {
                margin-left: 0
            }
            .ml-home-content #home-container-right #home-category-sections .home-sections-products .product.product-carousel:nth-child(3n) {
                margin-right: 0
            }
        }

        @media screen and (max-width:767px) {
            .ml-home-content #home-container-right #home-category-sections .home-sections-products .product.product-carousel:nth-child(2n+1) {
                width: 49.28%;
                margin-left: 0;
                margin-right: .76%;
                margin-bottom: 1.4%
            }
            .ml-home-content #home-container-right #home-category-sections .home-sections-products .product.product-carousel:nth-child(2n) {
                width: 49.2%;
                margin-right: 0;
                margin-left: .76%;
                margin-bottom: 1.4%
            }
        }

        .ml-home-content .product .compare-checkbox label,
        .ml-home-content .product .product-title {
            font-size: 12px
        }

        .ml-home-content .product .product-image img {
            height: auto;
            width: auto;
            max-width: 100%;
            max-height: 187px
        }

        @media screen and (min-width:992px) {
            .ml-home-content .flex-row-item:nth-child(3n-2) {
                margin-right: .25%;
                margin-left: .25%
            }
            .ml-home-content .flex-row-item:nth-child(4n-3) {
                margin-left: 0;
                margin-right: .25%
            }
            .ml-home-content .flex-row-item {
                width: 24.6%
            }
            .ml-home-content .flex-row-item:nth-child(3n) {
                margin-right: unset;
                margin-left: unset;
                margin: .25%
            }
            .ml-home-content .flex-row-item:nth-child(4n) {
                margin-right: 0;
                margin-left: .25%
            }
        }

        @media screen and (max-width:767px) {
            .ml-home-content .container-fluid {
                margin-top: 0
            }
            .ml-home-content #home-container-right {
                margin-top: 0
            }
        }

        @media screen and (min-width:1198px) and (max-width:1500px) {
            .ml-home-content #home-container-right .product.product-carousel a.product-review-stars {
                bottom: 42px;
                left: -8px
            }
        }

        .ml-home-content #pcmainbanner {
            max-height: 300px;
            border-radius: 5px;
            border: 0 solid #eee
        }

        .ml-home-content #pcmainbanner,
        .ml-home-content #pcmainbanner .banner-item {
            display: block;
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 21.9%;
            background-size: 100%;
            background-repeat: no-repeat
        }

        @media screen and (min-width:881px) {
            .ml-home-content #mainbanner {
                display: none
            }
            .ml-home-content #pcmainbanner {
                display: block
            }
        }

        @media screen and (max-width:880px) {
            .ml-home-content #mainbanner {
                display: block;
                border: 0
            }
            .ml-home-content #mainbanner,
            .ml-home-content #mainbanner .banner-item {
                display: block;
                position: relative;
                width: 100%;
                height: 0;
                padding-bottom: 40.4%;
                background-size: 100%;
                background-repeat: no-repeat
            }
            .ml-home-content #main-banner .owl-dots {
                bottom: -25px
            }
        }

        @media screen and (max-width:320px) {
            .ml-home-content #main-banner,
            .ml-home-content #mainbanner .banner-item {
                height: 130px
            }
            .report-icon {
                width: 16px
            }
        }

        #category-slider-container #pc-category-slider {
            max-height: 300px
        }

        #category-slider-container #category-slider .item.banner-item,
        #category-slider-container #pc-category-slider .item.banner-item {
            display: block;
            position: relative;
            width: 100%;
            height: 0;
            background-size: 100%;
            background-repeat: no-repeat
        }

        @media screen and (min-width:992px) {
            .owl-carousel.category_mb_banner.owl-loaded {
                display: none
            }
            .owl-carousel.category_pc_banner.owl-loaded {
                display: block
            }
            #category-slider-container #pc-category-slider .item.banner-item {
                padding-bottom: 21.9%
            }
        }

        @media screen and (max-width:991px) {
            .owl-carousel.category_mb_banner.owl-loaded {
                display: block
            }
            .owl-carousel.category_pc_banner.owl-loaded {
                display: none
            }
            #category-slider-container #category-slider .item.banner-item {
                padding-bottom: 40.5%
            }
        }

        body:not(.home) #header-first.ml-header-first {
            margin-bottom: 0
        }

        .ml-home-content #content {
            margin: 28px 0
        }

        @media screen and (max-width:767px) {
            .ml-home-content #content {
                margin: 0 0 0
            }
            body.body-page-category .ml-home-content #content {
                margin-top: 20px
            }
            .body-page-cart .ml-home-content #content {
                margin: 0 -15px -15px
            }
        }

        .ml-head-account .popover {
            border: 0;
            border-radius: 5px
        }

        .ml-head-account .popover-content {
            padding: 18px 18px
        }

        div#header-search.open button.btn {
            border-bottom-right-radius: 0
        }

        .product-bundle-badge.bestseller .left-part,
        .product-bundle-badge.bundle .left-part,
        .product-bundle-badge.offer .left-part,
        .product-offer-text-badge i.fa.fa-exclamation-circle.fa-fw {
            display: none
        }

        .product-bundle-badge.bestseller {
            background: #518cff;
            border: 0 solid #ff9800;
            color: #fff
        }

        .product-bundle-badge.downloadable {
            background: #3b5999;
            border: 0 solid #ff9800;
            color: #fff;
            padding: 5px 10px
        }

        .product-bundle-badge.downloadable i {
            width: auto
        }

        .digital_download_wp {
            font-size: 12px;
            color: #fff;
            line-height: 16px;
            background: #5ea73f;
            padding: 2px 3px;
            max-width: 142px;
            display: block;
            margin: 8px 0;
            text-align: center
        }

        .product .product-bundle-badge.bestseller {
            margin: 0 2px 5px 0
        }

        .badges .product-offer-text-badge,
        .product-badges .product-offer-text-badge,
        .product-bundle-badge.bestseller .right-part,
        .product-bundle-badge.bundle .right-part,
        .product-bundle-badge.offer .right-part {
            padding: 5px 10px
        }

        .product-bundle-badge.offer {
            border: 0;
            background: #cef5bd;
            color: #009006
        }

        .product-offer-text-badge {
            background: #102030;
            border: 0 solid #ff8a65;
            color: #fff
        }

        .product-bundle-badge.bundle {
            border: 0
        }

        .product .product-offer-text-badge {
            clear: both;
            float: unset;
            margin: 0
        }

        .product .badges {
            position: absolute;
            top: 8px;
            left: 8px;
            margin-left: 0;
            margin-right: 8px
        }

        .product-discount-badge {
            top: 248px;
            left: 15px;
            background: #cef5bd;
            color: #009006;
            font-size: 12px;
            line-height: 1;
            text-align: center;
            z-index: 1;
            border-radius: 3px;
            font-weight: 600;
            padding: 5px 8px
        }

        @media screen and (max-width:496px) {
            .product-discount-badge {
                left: 8px
            }
        }

        @media screen and (max-width:480px) {
            .product-discount-badge {
                top: 220px
            }
        }

        @media screen and (max-width:375px) {
            .product-discount-badge {
                top: 200px
            }
        }

        .product a.product-review,
        .product a.product-review-stars {
            display: none !important
        }

        .ml-home-content #home-container-right .home-best-sellers,
        .ml-home-content #home-container-right .home-latest-products,
        .ml-home-content #home-container-right .home-offer-products,
        .ml-home-content #home-container-right .home-recommended-products,
        .ml-home-content #home-container-right .home-sections-products,
        .ml-home-content #search-results-products,
        .ml-home-content div#bundle-wrapper {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            flex-wrap: wrap
        }

        .ml-home-content .product-owl.owl-carousel .owl-item,
        .ml-home-content .product-owl.owl-carousel .owl-stage {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            flex: 1 0 auto
        }

        .ml-home-content #content .product.product-carousel,
        .ml-home-content #home-container-right .product.product-carousel,
        .ml-home-content #search-results.view-grid .product.grid-list,
        .ml-home-content .buildYourPCWrapp .product.product-carousel {
            height: auto;
            padding: 15px
        }

        @media screen and (max-width:496px) {
            .ml-home-content #content .product.product-carousel,
            .ml-home-content #home-container-right .product.product-carousel,
            .ml-home-content #search-results.view-grid .product.grid-list,
            .ml-home-content .buildYourPCWrapp .product.product-carousel {
                padding: 8px
            }
        }

        .ml-home-content #home-container-right #home-category-sections .home-sections-products .home-carousel .product.product-carousel,
        .ml-home-content .product.product-carousel {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            flex-direction: column;
            width: 100%
        }

        .ml-home-content .product.product-carousel .bottom {
            margin-top: auto
        }

        .ml-home-content #content .top-categories.sub-categories .top-category.product.product-carousel,
        .ml-home-content #home-container-right .top-category.product.product-carousel {
            padding: 0
        }

        .ml-home-content #content .top-categories.sub-categories .top-category.product.product-carousel {
            padding: 13px 0 0 0
        }

        .ml-home-content #search-results.view-grid .product.grid-list .compare-checkbox-container,
        .ml-home-content #search-results.view-grid .product.grid-list .fbm-label-wrap,
        .ml-home-content .product .bottom,
        .ml-home-content .product .fbm-label-wrap,
        .ml-home-content .product .product-price,
        .ml-home-content .product .product-title,
        .ml-home-content .variants-wrap {
            padding-left: 0;
            padding-right: 0;
            margin-left: 0 !important
        }

        .ml-home-content .product .product-price {
            height: auto
        }

        .ml-home-content #search-results.view-grid .product.grid-list .compare-checkbox-container,
        .ml-home-content .product.product-carousel .compare-checkbox-container {
            position: relative;
            bottom: auto;
            margin-top: auto
        }

        .ml-home-content .compare-checkbox-container .checkbox {
            margin-bottom: 0
        }

        .ml-home-content .product.product-carousel .bottom {
            padding-top: 0
        }

        .ml-home-content .view-list #search-results-products .product.product-carousel {
            flex-direction: row
        }

        #search-results.view-list #search-results-products .product .product-image {
            padding-right: 20px
        }

        #search-results.view-list #search-results-products .product .ml-product-wrapper {
            flex: 1
        }

        #search-results.view-list #search-results-products .product .product-details {
            flex: 3;
            margin-right: 20px;
            margin-top: 20px;
            padding-right: 10px
        }

        #search-results.view-list #search-results-products .bottom .compare-checkbox-container,
        .compare-list-view {
            display: none
        }

        #search-results.view-list #search-results-products .compare-list-view {
            display: block
        }

        .ml-home-content #search-results.view-list #search-results-products .product .product-price {
            position: absolute;
            right: 0;
            padding: 10px 15px;
            text-align: right;
            top: 22px
        }

        #search-results.view-list #search-results-products .product .bottom {
            text-align: right;
            flex: 1
        }

        #search-results.view-list #search-results-products .product.product-carousel {
            margin-bottom: 5px
        }

        @media screen and (max-width:620px) {
            .ml-home-content .view-list #search-results-products .product.product-carousel {
                flex-direction: column;
                align-items: flex-start
            }
            #search-results.view-list #search-results-products .compare-list-view {
                display: none
            }
            #search-results.view-list #search-results-products .bottom .compare-checkbox-container {
                display: block
            }
            .ml-home-content #search-results.view-list #search-results-products .product .product-price {
                position: relative;
                left: unset;
                right: unset;
                top: unset;
                padding: 10px 0;
                text-align: left
            }
            #search-results.view-list #search-results-products .product .bottom {
                text-align: left
            }
            #search-results.view-list #search-results-products .product .product-details {
                margin-right: 0;
                padding-right: 0;
                margin-bottom: 8px
            }
            #search-results.view-list #search-results-products .product .product-discount-badge {
                top: 215px
            }
            #search-results.view-list #search-results-products .product.grid-list .details-btn {
                text-align: left
            }
            #search-results.view-list #search-results-products .product .product-image {
                min-height: 225px
            }
        }

        .product-description iframe {
            max-width: 100%
        }

        .mm-slideout {
            -webkit-transition: transform .2s ease;
            -ms-transition: transform .2s ease;
            transition: transform .2s ease
        }

        .home-sections-products {
            min-height: 250px
        }

        .home-carousel-wrap {
            overflow: hidden;
            min-height: 250px
        }

        @media screen and (min-width:768px) {
            .home-carousel-wrap {
                min-height: 451px
            }
        }

        @media screen and (max-width:767px) {
            .ml-home-content #home-container-right :not(.top-category).product.product-carousel {
                min-height: 419px
            }
            .home-carousel-wrap {
                min-height: 419px
            }
        }

        .home-carousel-wrap.loading {
            background: url(/assets/img/horizontal-loading-30.gif) center center no-repeat;
            background-size: 100px
        }

        .home-carousel-wrap.loaded {
            opacity: 1
        }

        .ml-home-content .owl-nav .owl-next i,
        .ml-home-content .owl-nav .owl-prev i {
            display: none
        }

        .ml-home-content .owl-nav .owl-next,
        .ml-home-content .owl-nav .owl-prev {
            background: 0 0;
            border-color: #e2e2e2;
            border-width: 0;
            border-style: solid;
            width: 55px;
            height: 55px;
            padding: 0;
            color: #222;
            border-radius: 50%;
            box-shadow: 0 0 10px rgba(0, 0, 0, .02);
            border-color: #dadada;
            transition: opacity .3s ease-in-out
        }

        .ml-home-content .owl-carousel .owl-nav .owl-prev {
            left: 5px
        }

        .ml-home-content .owl-carousel .owl-nav .owl-next {
            right: 5px
        }

        .ml-home-content .top-categories-carousel .owl-nav .owl-next,
        .ml-home-content .top-categories-carousel .owl-nav .owl-prev {
            top: 28%
        }

        .ml-home-content .top-brand-carousel .owl-nav .owl-next,
        .ml-home-content .top-brand-carousel .owl-nav .owl-prev {
            top: 22%;
            background: #8180807d
        }

        .ml-home-content .owl-nav .owl-next:after,
        .ml-home-content .owl-nav .owl-next:before,
        .ml-home-content .owl-nav .owl-prev:after,
        .ml-home-content .owl-nav .owl-prev:before {
            content: "";
            display: block;
            width: 15px;
            height: 2px;
            background: #000;
            position: absolute
        }

        .ml-home-content .owl-nav .owl-next:before {
            transform: rotate(45deg);
            top: 21px;
            left: 22px
        }

        .ml-home-content .owl-nav .owl-next:after {
            transform: rotate(-45deg);
            top: 31px;
            left: 22px
        }

        .ml-home-content .owl-nav .owl-prev:before {
            transform: rotate(-45deg);
            top: 22px;
            left: 18px
        }

        .ml-home-content .owl-nav .owl-prev:after {
            transform: rotate(45deg);
            top: 32px;
            left: 18px
        }

        .ml-home-content #pcmainbanner .owl-nav .owl-next,
        .ml-home-content #pcmainbanner .owl-nav .owl-prev {
            background: #6d6d6d;
            width: 45px;
            height: 45px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 10
        }

        .ml-home-content #pcmainbanner .owl-nav .owl-prev {
            left: 10px
        }

        .ml-home-content #pcmainbanner .owl-nav .owl-next {
            right: 10px
        }

        .ml-home-content #pcmainbanner .owl-nav .owl-next>span,
        .ml-home-content #pcmainbanner .owl-nav .owl-prev>span {
            display: none
        }

        .ml-home-content #pcmainbanner .owl-nav .owl-next:after,
        .ml-home-content #pcmainbanner .owl-nav .owl-next:before,
        .ml-home-content #pcmainbanner .owl-nav .owl-prev:after,
        .ml-home-content #pcmainbanner .owl-nav .owl-prev:before {
            width: 12px
        }

        .ml-home-content #pcmainbanner .owl-nav .owl-next:before {
            top: 19px;
            left: 18px
        }

        .ml-home-content #pcmainbanner .owl-nav .owl-next:after {
            top: 26px;
            left: 18px
        }

        .ml-home-content #pcmainbanner .owl-nav .owl-prev:before {
            top: 18px;
            left: 15px
        }

        .ml-home-content #pcmainbanner .owl-nav .owl-prev:after {
            top: 25px;
            left: 15px
        }

        .ml-home-content .owl-nav .owl-next:hover,
        .ml-home-content .owl-nav .owl-prev:hover {
            background: #e7e7e7a6;
            opacity: 1
        }

        .ml-product-discriptions .product-decription-wrapper .product {
            width: auto;
            height: auto;
            float: unset;
            margin: unset;
            border-bottom: unset;
            text-align: unset;
            position: relative
        }

        @media screen and (max-width:767px) {
            .ml-owl {
                margin: 0 -15px
            }
            .ml-owl .category-subheading {
                padding: 0 15px
            }
        }

        @media screen and (max-width:580px) {
            .product-price-buy-form-wrapper ul.product-info-list {
                margin: 0 -15px
            }
            .product-price-buy-form-wrapper ul.product-info-list li {
                padding: 10px 15px
            }
            .product-price-buy-form-wrapper ul.product-info-list li i {
                text-align: left
            }
            .product-price-buy-form-wrapper ul.product-info-list li i.fa.fa-truck.fa-flip-horizontal.fa-fw {
                text-align: right
            }
            .stock-info-wrapper .stock-info-row>div {
                padding: 5px 0
            }
            .body-page-product .delivery-switcher a.dropdown-toggle {
                padding: 3px 0
            }
            .attribute-group-wrapper {
                margin: 0 -15px
            }
            .hide580 {
                display: none
            }
        }

        .profile-menu-area .user-email .fa {
            color: #9396a0
        }

        .profile-menu-area .user-email a:hover .fa {
            color: #444
        }

        .profile-details #user-details .profile-panels .panel-content .display-name {
            width: 100%
        }

        @media screen and (min-width:520px) {
            .product-offers .offer-row.items .offer-col.no-shipping {
                width: 33%;
                color: #f4645f
            }
        }

        .product-additional-info .product-extras>li {
            background: #fff;
            padding: 0
        }

        .product-additional-info .product-extras>li .extras-options-wrap .extra-options {
            display: flex
        }

        .product-additional-info .product-extras>li .extras-options-wrap .extra-options .extra-option {
            margin: 0
        }

        .product-additional-info .product-extras>li .extras-options-wrap .extra-options .extra-option label {
            margin: 0
        }

        .product-additional-info .product-extras>li .extras-options-wrap .extra-options .extra-option label .service-image {
            width: 50px;
            height: 50px;
            margin: auto
        }

        .product-additional-info .product-extras>li .extras-options-wrap .extra-options .extra-option label .service-image img {
            width: 100%
        }

        .product-additional-info .product-extras>li .extras-options-wrap .extra-options .extra-option label {
            background-color: #fff;
            padding: 10px 15px;
            color: #444;
            border: 2px solid #ddd;
            display: flex;
            text-decoration: none;
            border-radius: 5px;
            font-weight: 400;
            text-align: center;
            font-size: 12px;
            line-height: normal;
            width: 100%
        }

        .product-additional-info .product-extras>li .extras-options-wrap .extra-options input {
            display: none
        }

        .product-additional-info .product-extras>li .extras-options-wrap .extra-options .extra-option {
            margin: 0;
            display: flex;
            width: 125px;
            margin-right: 10px;
            margin-bottom: 10px
        }

        .product-additional-info .product-extras>li .extras-options-wrap .extra-options .extra-option label>div {
            display: flex;
            flex-direction: column
        }

        .product-additional-info .product-extras>li .extras-options-wrap .extra-options .extra-option label {
            align-items: center;
            display: flex;
            cursor: pointer
        }

        .product-additional-info .product-extras>li .extras-options-wrap .extra-options .extra-option label:hover,
        .product-additional-info .product-extras>li .extras-options-wrap .extra-options .extra-option.checked label {
            border-color: #ffc824
        }

        .product-extras .extras-options-wrap .extras-title {
            padding: 15px 0 10px 0;
            font-weight: 700;
            font-size: 15px
        }

        .product-extras .extras-options-wrap .extras-title a {
            font-size: 12px;
            color: #5ea0f3;
            margin-left: 6px
        }

        #shipping-error-container {
            margin-top: 126px;
            padding: 15px;
            border: 1px solid #e3e5f2;
            background: #f7f7fa
        }

        #shipping-error-container ul {
            margin: 0;
            padding: 0;
            list-style: none
        }

        #shipping-error-container ul li {
            border: 1px solid #e90b0b;
            color: #e90b0b;
            background: #fff8f8;
            padding: 10px;
            font-weight: 700
        }

        @media screen and (max-width:992px) {
            #shipping-error-container,
            #shipping-error-container.hidden {
                display: none
            }
        }

        .extra-price {
            margin-top: 10px
        }

        .extra-title {
            font-weight: 700
        }

        .compatibility-issues.errors {
            background-color: #f55353
        }

        .configuration-forms.no-save>.configuration-checkout {
            margin: 0
        }

        @media screen and (min-width:1200px) {
            .configuration-forms.no-save>.configuration-checkout>.section-title,
            .configuration-forms.no-save>.configuration-checkout>.summary-wraper {
                max-width: 50%
            }
        }

        .saved-card-item {
            display: grid;
            grid-template-columns: repeat(3, auto);
            grid-gap: 10px
        }

        .credit-card {
            margin-top: 0;
            margin-bottom: 12px;
            border-radius: 7px;
            width: 100%;
            max-width: 325px;
            position: relative;
            transition: all .4s ease;
            box-shadow: 0 2px 4px 0 #fff;
            min-height: 184px;
            padding: 20px;
            background: #1a1b1c;
            color: #efefef
        }

        .credit-card.selectable:hover {
            box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
        }

        .credit-card-last4 {
            font-size: 18px;
            text-align: right;
            font-weight: 600;
            unicode-bidi: plaintext
        }

        .saved-card-item .expired-card-container {
            display: flex;
            width: 100%;
            justify-content: end;
            align-items: center
        }

        .saved-card-item .expired-card {
            font-size: 12px;
            text-align: right;
            font-weight: 600;
            unicode-bidi: plaintext;
            margin-top: 10px;
            color: #fafafc;
            display: inline-block;
            padding: 2px 15px;
            background: #cf2828;
            border-radius: 15px
        }

        .credit-card-last4:before {
            content: "**** **** **** ";
            color: #6272a2;
            font-size: 20px;
            unicode-bidi: plaintext
        }

        .credit-card.mastercard .credit-card-last4:before {
            color: #8a82dd
        }

        .credit-card-name {
            font-size: 14px;
            position: absolute;
            bottom: 60px;
            left: 20px;
            max-width: 195px;
            overflow: hidden;
            height: 42px;
            text-align: left
        }

        @media screen and (max-width:375px) {
            .credit-card-name {
                max-width: 145px
            }
        }

        .credit-card-expiry {
            font-size: 18px;
            position: absolute;
            bottom: 60px;
            right: 20px;
            text-align: right
        }

        .card-expiry-txt,
        .card-holder-txt {
            font-size: 12px;
            color: #65739c
        }

        .credit-card.mastercard .card-expiry-txt,
        .credit-card.mastercard .card-holder-txt {
            color: #8a82dd
        }

        .card-holder-txt {
            text-align: left
        }

        .card-expiry-txt {
            text-align: right
        }

        .credit-card-remove {
            position: absolute;
            bottom: 0;
            left: 20px;
            right: 20px;
            text-align: center;
            border-top: 1px solid #45578c;
            padding: 12px 0
        }

        .credit-card-remove button.btn.btn-default {
            background: 0 0;
            border: 0;
            margin: 0;
            padding: 0;
            border-radius: 0
        }

        .credit-card-remove button.btn.btn-default:focus {
            outline: 0
        }

        .credit-card.visa .credit-card-remove button.btn.btn-default {
            color: #667bbb
        }

        .credit-card.mastercard .credit-card-remove button.btn.btn-default {
            color: #8a82dd
        }

        .credit-card.mastercard .credit-card-remove button.btn.btn-default:hover,
        .credit-card.visa .credit-card-remove button.btn.btn-default:hover {
            color: #fff
        }

        .credit-card-remove form {
            text-align: center
        }

        .modal {
            background-color: rgba(0, 0, 0, .4)
        }

        .credit-card-remove.action {
            padding: 0 !important
        }

        .credit-card-remove.action button.btn.btn-default {
            font-size: 12px;
            font-weight: 700;
            color: #fff;
            border: none;
            border-radius: 4px;
            padding: 6px 20px;
            margin: 5px 0
        }

        .credit-card.visa {
            background: #283a6f;
            color: #fff
        }

        .credit-card.mastercard {
            background: #4f0cd6;
            color: #e3e8ef
        }

        .credit-card.amex {
            background: #006fcf;
            color: #e3e8ef
        }

        .credit-card.mada {
            background: #36393e;
            color: #fff
        }

        .credit-card.amex .card-expiry-txt,
        .credit-card.amex .card-holder-txt,
        .credit-card.amex .credit-card-last4:before {
            color: #57a6eb
        }

        .credit-card::before {
            content: " ";
            position: absolute;
            top: 20px;
            left: 20px
        }

        .credit-card.visa::before {
            height: 16px;
            width: 50px;
            background-image: url(/assets/img/saved-cards-visa.svg);
            background-size: 46px;
            background-repeat: no-repeat;
            background-position: 0 -15px
        }

        .credit-card.mastercard::before {
            width: 50px;
            height: 26px;
            background-image: url(/assets/img/saved-cards-master.svg);
            background-size: 44px;
            background-repeat: no-repeat;
            background-position: 0 -10px
        }

        .credit-card.amex::before {
            width: 40px;
            height: 25px;
            background-image: url(/assets/img/saved-card-amex.svg);
            background-size: 44px;
            background-repeat: no-repeat;
            background-position: 0 -2px
        }

        .credit-card.mada::before {
            width: 50px;
            height: 30px;
            background-image: url(/assets/img/saved-cards-mada.svg);
            background-size: 44px;
            background-repeat: no-repeat;
            background-position: 0 -12px
        }

        .credit-card.amex .credit-card-remove {
            border-color: #0063b9
        }

        .credit-point-head {
            font-size: 13px;
            font-weight: 100
        }

        @media screen and (max-width:1380px) {
            .credit-card {
                max-width: 310px
            }
        }

        @media screen and (max-width:1280px) {
            .saved-card-item {
                grid-template-columns: repeat(2, auto)
            }
            .credit-card {
                max-width: 325px
            }
        }

        @media screen and (max-width:991px) {
            .saved-card-item {
                grid-template-columns: repeat(2, auto)
            }
            .credit-card {
                max-width: 300px
            }
        }

        @media screen and (max-width:850px) and (min-width:768px) {
            .saved-card-item {
                grid-template-columns: repeat(1, auto)
            }
            .credit-card {
                max-width: 350px
            }
        }

        @media screen and (max-width:650px) {
            .saved-card-item {
                grid-template-columns: repeat(1, auto)
            }
        }

        .variant-title {
            padding: 15px 0 10px 0;
            font-weight: 700;
            font-size: 15px
        }

        @media screen and (min-width:768px) {
            .ml-home-content #search-results .carousel-section-wrapper.ml-owl .product .product-image img,
            .ml-home-content #search-results-products .product .product-image img {
                max-height: 220px
            }
            #search-results-products .product .product-image,
            .ml-home-content #search-results .carousel-section-wrapper.ml-owl .product .product-image {
                line-height: 300px;
                height: 310px;
                max-width: 240px
            }
            #search-results.view-list #search-results-products .product .product-image {
                line-height: 220px;
                height: 250px
            }
            #search-results-products .product-discount-badge,
            .ml-home-content #search-results .carousel-section-wrapper.ml-owl .product-discount-badge {
                top: 295px
            }
            #search-results.view-list #search-results-products .product-discount-badge {
                top: 240px
            }
        }

        .total-promo-wrap {
            display: flex;
            flex-direction: column-reverse
        }

        .promo-code-wrapper {
            flex: 1
        }

        .promo-code-wrapper .promo-code {
            width: 390px;
            border: 1px solid rgb(226 229 241);
            background: #f5f6f8;
            float: right;
            position: relative;
            padding: 12px 8px
        }

        .promo-code-wrapper .promo-code .panel-body {
            padding: 10px 10px
        }

        .promo-code-wrapper .promo-code .form-inline .input-group .form-control {
            box-shadow: none;
            height: 41px;
            border-width: 1px 0 1px 1px;
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
            border-color: rgb(226 229 241)
        }

        .promo-code-wrapper .promo-code .form-inline .input-group .form-control:focus {
            border: 1px solid #e2e5f1
        }

        .promo-code-wrapper .promo-code .form-apply-coupon .input-group-btn {
            width: 1%
        }

        .promo-code-wrapper .promo-code .form-apply-coupon .input-group-btn button {
            color: #fff !important;
            padding: 8px 27px;
            font-size: 16px;
            background: #3866df;
            border: 1px solid #1d4bc3;
            margin-left: 0
        }

        :lang(ru) .promo-code-wrapper .promo-code .form-apply-coupon .input-group-btn button {
            padding: 8px 8px
        }

        .promo-code-wrapper .promo-code .form-apply-coupon .input-group-btn button:focus {
            outline: 0
        }

        .promo-code-wrapper .promo-code .form-inline .input-group {
            width: 100%
        }

        .promo-code-wrapper .promo-code hr {
            border-top: 1px solid #e2e5f1
        }

        .promo-code hr::after,
        .promo-code hr::before {
            content: "";
            width: 16px;
            height: 16px;
            background: #fff;
            display: block;
            position: absolute;
            border-radius: 50%
        }

        .promo-code hr::after {
            left: -5px;
            top: 74px;
            box-shadow: 1px 0 0 0 #ccc
        }

        .promo-code hr::before {
            right: -5px;
            top: 74px;
            box-shadow: -1px 0 0 0 #ccc
        }

        .promo-code-wrapper .coupon-code {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

        .cartpage-total {
            flex: 2.8
        }

        @media screen and (max-width:767px) {
            .promo-code-wrapper .promo-code {
                background: #fff;
                float: unset
            }
            .promo-code hr::after,
            .promo-code hr::before {
                background: #f2f3f3
            }
        }

        @media screen and (max-width:480px) {
            .promo-code-wrapper .promo-code {
                width: 100%
            }
        }

        .coupon-code span.coupon-code-text.gift-card {
            margin: auto
        }

        .form-apply-coupon .input-group-btn:last-child>.btn {
            margin-right: 0
        }

        .promo-code-wrapper .promo-code .form-apply-coupon .input-group-btn button:hover {
            background: #1d4bc3
        }

        @media screen and (max-width:375px) {
            .checkout-wrapper #pickup-location .btn.location .address {
                font-size: 13px
            }
            .checkout-wrapper #pickup-location .order-pickup-date {
                font-size: 12px
            }
        }

        .order-repair .product-price .currency,
        .order-return .product-price .currency {
            margin-right: 5px
        }

        .order-repair .order-panels .order-product,
        .order-return .order-panels .order-product {
            align-items: flex-start
        }

        .wish-list-wrapper .wishlist-panel.repair-success {
            margin-top: 0;
            padding: 0
        }

        .repair-item-warranty {
            font-size: 12px;
            margin-top: 15px
        }

        .order-repair .order-panels .order-product-price {
            align-items: center
        }

        .order-repair .product-title .qty .custom-qty,
        .order-return .product-title .qty .custom-qty {
            width: 75px;
            display: inline-block;
            margin: 5px 10px
        }

        select#issueOptions,
        select#issueType {
            border: 1px solid #ddd;
            border-radius: 4px 4px 4px 4px;
            padding: 8px 8px;
            width: 100%;
            appearance: none;
            background-image: url('data:image/svg+xml;utf8,<svg fill="%23222" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
            background-repeat: no-repeat;
            background-position: right .75em center
        }

        .issueSubmit {
            display: flex;
            justify-content: flex-end;
            margin-bottom: 0
        }

        .issueSubmit button {
            background: #4caf50;
            border: 1px solid #009688;
            border-radius: 2px;
            color: #fff
        }

        .issueSubmit button:active,
        .issueSubmit button:focus,
        .issueSubmit button:hover {
            background: #8bc34a;
            border: 1px solid #4caf50;
            color: #fff;
            outline: 0 !important
        }

        .issueForm .form-group {
            position: relative
        }

        .issueForm label.error {
            font-size: 12px;
            color: red;
            margin-bottom: 0
        }

        .issueForm .form-group select.error,
        .issueForm .form-group textarea.error {
            border: 1px solid #e90b0b !important
        }

        .titleSelection {
            background: rgba(255, 255, 153, .3)
        }

        .write-review-btn {
            padding: 8px 0
        }

        .write-review-btn a {
            background: #f2f5fd;
            border: 0;
            border-radius: 5px;
            padding: 5px 10px;
            font-size: 13px;
            font-weight: 100
        }

        .write-review-btn a:hover {
            color: #3866df
        }

        .write-product-review .profile-content-area form {
            text-align: left
        }

        .write-product-review .stars-container {
            float: unset
        }

        .write-product-review .error-select-rating {
            color: #e74c3c
        }

        form#profile-review-form {
            padding-top: 15px
        }

        .write-review-products {
            margin-bottom: 20px
        }

        .order-product-review {
            border-bottom: 4px solid #f7f7fa
        }

        .user-order-porodut-review {
            margin-top: 15px
        }

        .user-order-porodut-review .review-img-wrap {
            width: 90px;
            height: 90px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative
        }

        .ml-product-discriptions .review-img-wrap .img-tbl-cl,
        .user-order-porodut-review .review-img-wrap .img-tbl-cl {
            height: 100%;
            display: inline-block
        }

        .user-order-porodut-review .review-img-wrap a img {
            height: 100%
        }

        .user-order-porodut-review .review-img-wrap .img-tbl-cl .remove_reviewed_img {
            opacity: 0
        }

        .user-order-porodut-review .review-img-wrap .img-tbl-cl:hover .remove_reviewed_img {
            opacity: 1;
            transition: all .2s
        }

        .user-order-porodut-review .review-img-wrap .img-tbl-cl span.remove_reviewed_img {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            text-align: center;
            background: #b32020;
            color: #fff;
            cursor: pointer
        }

        :target {
            -webkit-animation: target-fade 3s 1;
            -moz-animation: target-fade 3s 1
        }

        @-webkit-keyframes target-fade {
            0% {
                background-color: rgba(0, 0, 0, .1)
            }
            100% {
                background-color: rgba(0, 0, 0, 0)
            }
        }

        @-moz-keyframes target-fade {
            0% {
                background-color: rgba(0, 0, 0, .1)
            }
            100% {
                background-color: rgba(0, 0, 0, 0)
            }
        }

        .section-gc-design {
            position: relative;
            display: flex
        }

        .section-gc-design ul {
            display: inline-flex;
            flex-wrap: wrap;
            width: 100%;
            padding: 0
        }

        .section-gc-design ul>* {
            margin: 0 6px 6px 0
        }

        .section-gc-design ul li {
            list-style: none
        }

        .section-gc-design .swiper-slide button,
        .section-gc-design ul li button {
            border: 0 solid #cfcfcf;
            padding: 0;
            border-radius: 8px;
            position: relative;
            z-index: 1;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: 0 0
        }

        .section-gc-design .view-all-gc {
            border: 1px solid #cfcfcf;
            padding: 3px;
            border-radius: 8px;
            height: 79px;
            width: 128px;
            position: relative;
            z-index: 1;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer
        }

        .section-gc-design .view-all-gc:hover {
            background: #e7e7e7
        }

        .section-gc-design .swiper-slide img,
        .section-gc-design ul li img {
            width: 100%;
            border-radius: 6px;
            aspect-ratio: 3/2;
            object-fit: cover
        }

        .section-gc-details .form-group,
        .section-gc-price .form-group {
            display: flex;
            align-items: center
        }

        .section-gc-details .form-group.gc_msg {
            align-items: normal
        }

        .section-gc-details .form-group label {
            margin-bottom: 0;
            line-height: 1.2
        }

        .section-gc-details .form-group.gc_msg label {
            padding-top: 12px
        }

        .section-gc-details .gc-amount-ul,
        .section-gc-price .gc-amount-ul {
            display: flex;
            flex-wrap: wrap;
            margin: 0;
            padding: 0;
            list-style: none
        }

        .a-button-text {
            padding: 8px 10px;
            background: #fff;
            border: 1px solid #cfcfcf;
            margin: 0 8px 8px 0;
            min-width: 70px;
            border-radius: 3px
        }

        .gift-card-form input {
            width: 100%;
            padding: 8px 8px;
            border-radius: 3px;
            border: 1px solid #cfcfcf
        }

        .gift-card-head,
        .label-instant-delivery {
            font-weight: 700
        }

        .label-instant-delivery {
            line-height: normal;
            padding: 0 5px
        }

        textarea#gift-card-message {
            width: 100%;
            padding: 8px 8px;
            border-radius: 3px;
            border: 1px solid #cfcfcf
        }

        input#gift-card-delivery {
            padding: 8px;
            background: url(/assets/img/date.png) no-repeat;
            background-position: right;
            background-size: 16px;
            background-position-x: 98%
        }

        select#gift-card-quantity {
            padding: 9px 8px;
            border-radius: 3px;
            border: 1px solid #cfcfcf
        }

        .a-input-text-addon-group.a-width-base {
            border-radius: 3px;
            border: 1px solid #cfcfcf
        }

        .a-input-text-addon-group.a-width-base.border {
            border: 1px solid #ffc824;
            background: #fff9e0
        }

        span.a-input-text-addon {
            padding: 0 5px 0 7px
        }

        #gc-amount-ul #gc-form-custom-amount {
            width: 120px;
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
            border: 0;
            border-left: 1px solid #cfcfcf
        }

        li .a-button-text:hover,
        li.selected .a-button-text {
            background: #fff9e0;
            border: 1px solid #ffc824
        }

        .gift-card-product .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
            width: 80px
        }

        .gift-card-product .gc-hidden {
            display: none
        }

        .gc-live-wrapp {
            padding: 0;
            background: #e9f3ff;
            border-radius: 3px;
            -moz-box-shadow: 0 4px 10px -3px #ddd;
            -webkit-box-shadow: 0 4px 10px -3px #ddd;
            box-shadow: 0 4px 10px -3px #ddd
        }

        .gc-cover-btm {
            position: relative
        }

        .gc-cover-image-wrapp {
            margin: 0 auto;
            text-align: center;
            display: block;
            background: #fff
        }

        #gc-cover-image-wrapp .gc-cover-img {
            background-repeat: no-repeat;
            background-size: cover;
            padding-top: 64%;
            background-position: center center;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px
        }

        .gc-live-price .price-amount,
        .gc-live-price.priceFormat {
            font-weight: 700;
            font-size: 30px
        }

        .gc-live-price span.price-symbol {
            font-size: 14px
        }

        p.gc-live-text {
            font-size: 15px;
            margin-top: 5px;
            margin-bottom: 0
        }

        .gc-live-price-wrapp {
            padding: 20px 20px 20px;
            border-left: 1px solid #d7e0ea;
            border-right: 1px solid #d7e0ea;
            border-bottom: 1px solid #d7e0ea
        }

        .gc-live-message-wrapp {
            padding: 20px 20px 0;
            border-left: 1px solid #d7e0ea;
            border-right: 1px solid #d7e0ea
        }

        .gc-live-message-wrapp:before {
            content: '';
            background: #e9f3ff;
            position: absolute;
            top: -9px;
            width: 100%;
            height: 10px;
            display: block;
            left: 0;
            border-left: 1px solid #d7e0e9;
            border-right: 1px solid #d7e0e9;
            z-index: 1
        }

        .section-gc-design .swiper-slide button.selected:after,
        .section-gc-design ul li button.selected:after {
            content: "";
            width: 30px;
            height: 30px;
            position: absolute;
            background-color: #fff;
            top: 0;
            right: 0;
            border-bottom-left-radius: 14px;
            border-top-right-radius: 6px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
        }

        .section-gc-design .swiper-slide button.selected:before,
        .section-gc-design ul li button.selected:before {
            width: 21px;
            height: 21px;
            position: absolute;
            background-color: #ffc824;
            z-index: 1;
            right: 3px;
            top: 4px;
            border-radius: 50%;
            content: '\2713';
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            line-height: normal;
            font-weight: 700;
            color: #000
        }

        #gift-card-form label.error {
            color: #ff3434;
            width: 100%;
            font-size: 12px;
            margin-bottom: 0
        }

        .gc-cover-btm .v-separator-30 {
            padding: 20px 0 0 0;
            margin: 0;
            border-left: 1px solid #d7e0ea;
            border-right: 1px solid #d7e0ea
        }

        .gift-card-live {
            margin: 0 auto
        }

        .section-gc-details {
            padding: 15px 0
        }

        #gc-quantity-wrapper .dropdown-menu {
            z-index: 9999
        }

        @media screen and (max-width:480px) {
            .section-gc-details .form-group {
                flex-direction: column
            }
            .section-gc-details .form-group .col-xs-3,
            .section-gc-details .form-group .col-xs-9 {
                width: 100%
            }
            .section-gc-details .form-group label {
                margin-bottom: 5px;
                padding-top: 0
            }
        }

        .giftCardNames {
            text-align: center;
            color: #565959;
            margin-bottom: 0
        }

        .gc-delivery-label-wrapp {
            display: flex
        }

        .price-range-wrap>.max-price,
        .product .product-price .prices .price-range-wrap>.min-price {
            display: inline-block
        }

        .product .product-price .prices .price-range-wrap>.max-price>span,
        .product .product-price .prices .price-range-wrap>.min-price>span {
            display: inline-block !important;
            float: none !important
        }

        .product .product-price .prices .price-range-wrap>.separator {
            margin: 0 5px
        }

        .product-buy-col .type-gift_card .quantity-input-group .product-add-to-cart {
            margin: 0
        }

        .similar-compare-table .tbl-img-wrap {
            word-break: break-word
        }

        .similar-compare-table .table>tbody>tr>td.first-cell {
            padding: 25px 14px
        }

        .similar-compare-table .table>tbody>tr>td {
            padding: 12px;
            word-wrap: break-word;
            white-space: normal !important
        }

        .similar-compare-table .img {
            min-width: 150px;
            min-height: 150px;
            display: flex;
            align-items: center
        }

        .similar-compare-table .img img {
            max-width: 187px;
            max-height: 187px;
            aspect-ratio: 1/1;
            object-fit: contain
        }

        .similar-compare-table .table {
            border: 1px solid #ececec
        }

        .similar-compare-table table.table td.similar-col-1 {
            width: 94% !important
        }

        .similar-compare-table table.table td.similar-col-2 {
            width: 47.001% !important
        }

        .similar-compare-table table.table td.similar-col-3 {
            width: 31.33% !important
        }

        .similar-compare-table table.table td.similar-col-4 {
            width: 23.5% !important
        }

        .similar-compare-table table.table td.similar-col-5 {
            width: 18.8% !important
        }

        .similar-compare-table table.table td.similar-col-6 {
            width: 15.66% !important
        }

        .similar-compare-table table.table tr td:first-child {
            width: 6% !important;
            white-space: nowrap !important
        }

        .similar-compare-table tr:not(:first-child) td:first-child {
            font-weight: 600
        }

        .similar-compare-table tr.even {
            background: #f3f3f3
        }

        .similar-compare-table tr:not(:first-child) td:nth-child(2) {
            background: #fbf2d3
        }

        .similar-compare-table tr:not(:first-child).odd td:nth-child(2) {
            background: #ffffe7
        }

        .similar-compare-table .similar-compare-price>span.currency-name {
            line-height: 23px
        }

        .similar-compare-table .similar-compare-price>.price>span.price {
            font-size: 17px;
            font-weight: 700
        }

        .similar-compare-table .similar-compare-price>.old-price {
            text-decoration: line-through;
            color: #666
        }

        .similar-compare-table .similar-compare-price>.old-price>span.price {
            font-size: 14px;
            font-weight: 600
        }

        .similar-compare-table form button {
            background: #ffc824;
            border: 1px solid #ea9514;
            padding: 3px 20px;
            margin-top: 5px;
            border-radius: 3px
        }

        .similar-compare-table form button:hover {
            background: #ffe478
        }

        .similar-compare-table .title {
            height: 50px;
            line-height: 17px;
            overflow: hidden;
            font-weight: 700;
            font-size: 13px;
            margin-bottom: 12px;
            margin-top: 15px
        }

        .similar-compare-table tr:first-child>td {
            border-top: none;
            background: #fff
        }

        .similar-compare-table .seller-rating.review-star-rating .stars-container {
            margin-right: 5px
        }

        #shipping-handlers .downloadable {
            margin: 5px 10px;
            border-top: 1px solid #eee;
            margin-bottom: 5px;
            padding: 5px 0
        }

        #shipping-handlers li.shipping-downloadable,
        #shipping-handlers li.shipping-downloadable>label {
            cursor: not-allowed;
            background: #fff
        }

        #downloadable-delivery .panel-body {
            padding: 15px;
            border: 1px solid #e3e5f2;
            background: #f7f7fa
        }

        #downloadable-delivery .downloadable {
            list-style: none;
            display: block;
            border: 2px solid #e3e5f3;
            cursor: pointer;
            padding: 10px;
            background: #fff
        }

        .sticky-wrapper {
            position: relative
        }

        .stuck {
            position: fixed;
            top: 30px
        }

        .checkout-summary-sticky {
            background: #fff;
            padding: 15px;
            border-radius: 6px
        }

        .checkout-wrapper .checkout-summary-sticky .panel-body {
            padding: 0
        }

        .checkout-wrapper .checkout-summary-sticky .panel-default>.panel-heading {
            padding: 5px 0 20px
        }

        .agree-pn-cu a {
            text-decoration: underline;
            color: #2162a1
        }

        .agree-pn-cu a:hover {
            columns: #565959
        }

        .is-affixed .inner-wrapper-sticky {
            margin: 0 15px
        }

        .inner-wrapper-sticky {
            transform: translate(0, 0);
            transform: translate3d(0, 0, 0);
            will-change: position, transform
        }

        @media screen and (max-width:991px) {
            .inner-wrapper-sticky {
                position: relative !important;
                transform: unset !important;
                top: unset !important;
                left: unset !important;
                width: unset !important
            }
        }

        ul#search-filter li.price-range {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            padding-bottom: 10px
        }

        ul#search-filter li.price-range span {
            margin: 0 10px;
            font-size: 14px
        }

        ul#search-filter li.price-range input {
            width: 74px;
            border-radius: 3px;
            border-width: 1px;
            padding: 2px 7px;
            border-color: #d8d6d6;
            background: #fff;
            box-shadow: none;
            border-style: solid;
            line-height: 22px
        }

        ul#search-filter .price-range-heading h4 {
            font-size: 15px;
            font-weight: 700
        }

        .btn.product-add-to-cart {
            color: #fff;
            overflow: hidden;
            position: relative;
            width: 100%;
            transition: background-color .2s ease-in-out
        }

        .btn.product-add-to-cart:hover {
            border: 1px solid #80b741
        }

        .btn.product-add-to-cart span {
            position: relative;
            white-space: nowrap
        }

        .btn-content {
            opacity: 1;
            transition: opacity .4s ease-in-out
        }

        .btn.product-add-to-cart:focus {
            outline: 0
        }

        .btn.product-add-to-cart:before {
            content: "";
            position: absolute;
            display: inline-block;
            background-color: #8bc34a;
            width: 0;
            height: 100%;
            left: 0;
            top: 0;
            transition: width .25s ease-in-out;
            z-index: 0
        }

        .btn.order-item-buyit.product-add-to-cart:before {
            background-color: #ffc824
        }

        .btn.product-add-to-cart:hover:before {
            width: 100%
        }

        .btn.product-add-to-cart.state-change {
            cursor: not-allowed;
            pointer-events: none
        }

        .btn.product-add-to-cart.state-change:before {
            width: 0
        }

        .btn.product-add-to-cart.state-change .btn-content {
            opacity: 0
        }

        .btn.product-add-to-cart.loading-state .btn-loading {
            opacity: 1
        }

        .btn.product-add-to-cart.success-state {
            background-color: #00b729
        }

        .btn.product-add-to-cart.success-state .add-success {
            opacity: 1;
            transform: translateX(-50%) translateY(-50%)
        }

        .btn.product-add-to-cart.error-state {
            background-color: #d93a40 !important;
            border-color: #c01f25 !important
        }

        .btn.product-add-to-cart.error-state .btn-error {
            opacity: 1;
            transform: translateX(-50%) translateY(-50%)
        }

        .btn.product-add-to-cart .btn-loading {
            position: absolute;
            left: 50%;
            margin-left: -11px;
            opacity: 0;
            transition: opacity .25s ease-in-out
        }

        .btn.product-add-to-cart .btn-error {
            position: absolute;
            top: 50%;
            left: 50%;
            opacity: 0;
            transform: translateX(-100%) translateY(-50%);
            transition: opacity .2s ease-in-out, transform .5s cubic-bezier(.68, -.55, .265, 1.55)
        }

        .btn.product-add-to-cart .add-success {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-300%);
            transition: opacity .2s ease-in-out, transform .3s cubic-bezier(.68, -.55, .265, 1.55)
        }

        li#price-range-control {
            position: relative
        }

        .price-range-heading {
            position: relative
        }

        .price-range-heading .filter-clear {
            position: absolute;
            margin-left: 10px;
            display: none
        }

        .price-range-heading .filter-clear.show {
            display: inline-block !important;
            top: 3px;
            right: 0;
            left: 80px
        }

        .price-range-heading .filter-clear a {
            color: #428bca;
            font-weight: 100;
            font-size: 13px
        }

        ul#selected-filter li.filter-tag:first-child {
            margin-left: -5px
        }

        .product-images-col #product-images-slider .item .video {
            float: unset;
            margin: 0;
            border: 0;
            height: auto;
            width: auto;
            border-radius: 0
        }

        .form-group label.sub-label {
            margin-bottom: 0
        }

        .address-panel .form-group label.sub-label.margin-top-14 {
            margin-top: 3px !important
        }

        .profile-content-area .product-order-total .btn.order-item-buyit {
            margin: 24px 0;
            padding: 12px 30px;
            background: #f4d078;
            border-radius: 4px;
            border: 1px solid #eac25f;
            color: #000;
            font-size: 13px;
            font-weight: 600;
            width: 145px;
            text-align: center;
            text-transform: initial
        }

        .profile-content-area .product-order-total.order-history-page form {
            text-align: left
        }

        .profile-content-area .product-order-total.order-history-page .btn.order-item-buyit {
            margin: 10px 0;
            padding: 5px 10px;
            width: 120px;
            font-size: 12px
        }

        .configurator_list_search {
            margin-top: 15px
        }

        .ml-home-content #search-results.view-list .product.product-carousel.configurator {
            align-items: center
        }

        #search-results.view-list #search-results-products .product.configurator .product-image {
            line-height: 65px;
            height: 65px;
            max-width: 75px;
            width: 75px;
            display: table-cell;
            vertical-align: middle
        }

        .ml-home-content #search-results.view-list #search-results-products .product.configurator .product-price {
            position: relative;
            top: unset;
            right: unset;
            padding: 0 0 0 15px;
            margin: 0;
            flex: 1.3;
            display: flex;
            align-items: center;
            justify-content: right
        }

        .ml-home-content #search-results.view-list #search-results-products .product.configurator .product-price .prices .old-price {
            margin: 0 0;
            margin-bottom: 0
        }

        .ml-home-content #search-results.view-list #search-results-products .product.configurator .product-details {
            margin-top: 0;
            display: table
        }

        .ml-home-content #search-results.view-list #search-results-products .product.product-carousel.configurator .bottom {
            margin: unset;
            flex: unset
        }

        .ml-home-content #search-results.view-list #search-results-products .product.product-carousel.configurator .configurator-button {
            margin: 0
        }

        .ml-home-content #search-results.view-list #search-results-products .product.product-carousel.configurator .configurator-button>.btn {
            padding: 5px 20px 5px 20px;
            border-radius: 3px;
            margin: 0 0 0 10px
        }

        .ml-home-content #search-results.view-list #search-results-products .product.product-carousel.configurator .configurator-button>.btn:hover {
            background: #ffc824
        }

        .ml-home-content #search-results.view-list #search-results-products .product.product-carousel.configurator .configurator-button>.btn:before {
            display: none
        }

        #search-results.view-list #search-results-products .product.configurator {
            padding: 10px 15px;
            border: 0;
            border-bottom: 1px solid #eee
        }

        #search-results.view-list #search-results-products .product.configurator.configurator_list_head {
            margin-bottom: 0
        }

        .configurator_list_head strong {
            font-size: 14px
        }

        #search-results.view-list #search-results-products .product.configurator.configurator_list_head .product-image {
            line-height: 20px;
            height: 20px;
            max-width: 75px
        }

        #search-results.view-list #search-results-products .product.configurator.configurator_list_head:hover {
            box-shadow: none;
            border-color: #eee
        }

        #search-results-products .configurator .product-attr-configtr {
            padding: 0 8px 0 0;
            flex: 1
        }

        input#search_table {
            border: 1px solid #ccc;
            padding: 4px 11px;
            border-radius: 3px;
            background: #fff
        }

        form#search_table_form {
            position: relative;
            display: inline-block
        }

        span.search_table_clear {
            position: absolute;
            right: 6px;
            padding: 5px;
            cursor: pointer
        }

        @media screen and (min-width:621px) {
            .ml-home-content #search-results.view-list #search-results-products .product.configurator .product-title {
                height: auto;
                display: table-cell;
                vertical-align: middle
            }
        }

        @media screen and (max-width:767px) {
            .filter-switch.configurator_on {
                right: 0
            }
            .configurator_list_head strong {
                font-size: 13px
            }
        }

        @media screen and (max-width:620px) {
            .ml-home-content .view-list #search-results-products .product.product-carousel.configurator {
                flex-direction: row
            }
            .ml-home-content #search-results.view-list #search-results-products .product.product-carousel.configurator .configurator-button>.btn {
                padding: 6px
            }
            #search-results.view-list #search-results-products .product.configurator .product-image {
                line-height: 50px;
                height: 50px;
                min-height: 50px;
                max-width: 50px;
                min-width: 50px
            }
            #search-results.view-list #search-results-products .product.configurator .product-image {
                padding-right: 10px
            }
            #search-results.view-list #search-results-products .product.configurator {
                padding: 8px
            }
            #search-results.view-list #search-results-products .product.configurator .product-price .amount {
                font-size: 12px
            }
            #search-results.view-list #search-results-products .product.configurator .product-price .prices .new-price>.amount {
                margin-left: 0
            }
            #search-results.view-list #search-results-products .product.configurator .product-details {
                margin-bottom: 0
            }
            form#search_table_form,
            input#search_table {
                width: 100%
            }
            #search-results.view-list #search-results-products .product.configurator.configurator_list_head .product-image {
                line-height: 24px;
                height: 24px;
                max-width: 50px;
                min-height: 20px
            }
            .ml-home-content #search-results.view-list #search-results-products .product.configurator .product-price {
                text-align: right;
                font-size: 12px;
                margin-right: 7px
            }
            .ml-home-content #search-results.view-list #search-results-products .product.configurator .product-details {
                margin-right: 5px
            }
            .ml-home-content #search-results.view-list #search-results-products .product.configurator .product-price .prices .old-price {
                display: none
            }
            .ml-home-content #search-results.view-list #search-results-products .product.configurator .product-price .prices .new-price span {
                display: block !important;
                clear: both;
                line-height: 16px
            }
        }

        .fancybox-container {
            z-index: 999999999
        }

        .fancybox-close-small {
            color: #000;
            width: 40px;
            height: 40px;
            padding: 0;
            right: 15px;
            top: 15px
        }

        .fancybox-close-small svg {
            stroke-width: 2
        }

        #product-images-slider .owl-stage {
            display: flex;
            align-items: center
        }

        .youtube-player .play {
            height: 72px;
            width: 72px;
            left: 50%;
            top: 50%;
            margin-left: -36px;
            margin-top: -36px;
            position: absolute;
            background: url(/assets/img/play-button.png) no-repeat;
            background-size: contain;
            cursor: pointer
        }

        #product-images-slider .owl-dot.youtube-player .play {
            width: 36px;
            height: 36px;
            transform: translate(16px, 18px)
        }

        #product-video,
        #productLightbox,
        #productReviews {
            display: none
        }

        #productLightbox .nav-tabs {
            padding: 0 15px
        }

        #productLightbox .nav-tabs>li>a {
            margin-right: 5px;
            line-height: 1;
            background-color: #eee
        }

        #productLightbox .nav>li>a:focus,
        #productLightbox .nav>li>a:hover {
            background-color: #e3e3e3;
            box-shadow: inset 0 -3px 5px 0 #d9d9d9
        }

        #productLightbox .nav-tabs>li.active>a,
        #productLightbox .nav-tabs>li.active>a:focus,
        #productLightbox .nav-tabs>li.active>a:hover {
            border: 1px solid transparent;
            border-bottom-color: #ffc824;
            background: #ffc824;
            color: #000;
            box-shadow: inset 0 -3px 5px 0 #ddb206
        }

        #productLightbox,
        #productReviews {
            width: 99%;
            height: 98%;
            max-height: 98%;
            padding: 25px;
            margin: 0;
            border-radius: 4px
        }

        #productLightbox .tab-content,
        #productReviews .tab-content {
            height: 100%
        }

        #productLightbox .tab-content.has_video {
            height: calc(100% - 37px)
        }

        #productLightbox .tab-content>.active,
        #productReviews .tab-content>.active {
            height: 100%
        }

        #productLightbox .tab-head {
            padding: 0 5px
        }

        #productLightbox .gallery-thumbs-video .swiper-wrapper {
            justify-content: center;
            align-items: flex-start;
            flex-direction: column
        }

        #productLightbox .gallery-thumbs .swiper-wrapper,
        #productReviews .gallery-thumbs .swiper-wrapper {
            align-items: center
        }

        .swiper-button-prev,
        .swiper-container-rtl .swiper-button-next {
            left: 0
        }

        .swiper-button-next,
        .swiper-container-rtl .swiper-button-prev {
            right: 0
        }

        .swiper-button-next,
        .swiper-button-prev {
            width: 28px;
            height: 24px
        }

        .swiper-slide video {
            width: 100%
        }

        .gallery {
            width: 100%;
            max-width: 100%;
            margin: 40px auto
        }

        .gallery-slider {
            height: 85%;
            width: 100%;
            padding: 10px 0
        }

        .gallery-thumbs {
            height: 15%;
            box-sizing: border-box;
            padding: 10px 0;
            width: 100%;
            padding: 0;
            overflow: hidden
        }

        .gallery-slider .swiper-slide {
            width: auto;
            display: flex;
            justify-content: center;
            height: 100%
        }

        .gallery-slider .swiper-slide img {
            display: block;
            height: auto;
            margin: 0 auto;
            object-fit: contain
        }

        .gallery-thumbs .swiper-slide {
            width: 100px;
            height: 100px;
            text-align: center;
            overflow: hidden;
            opacity: .3;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center
        }

        @media screen and (max-width:480px) {
            .gallery-thumbs .swiper-slide {
                width: 80px;
                height: 80px
            }
        }

        .gallery-thumbs .swiper-slide img {
            width: auto;
            height: auto;
            max-width: 98%;
            max-height: 98%;
            -webkit-transform: scale(.73) translateZ(0);
            -ms-transform: scale(.73) translateZ(0);
            transform: scale(.73) translateZ(0);
            -webkit-transition: all .25s ease;
            transition: all .25s ease
        }

        .gallery-thumbs .swiper-slide.swiper-slide-active {
            border: 2px solid #000
        }

        .gallery-thumbs .swiper-slide:not(.swiper-slide-active):hover img {
            -webkit-transform: scale(.97);
            -ms-transform: scale(.97);
            transform: scale(.97)
        }

        #productLightbox .tab-content>.active#p_videos {
            display: flex;
            align-items: flex-start
        }

        .gallery-slider-video {
            width: 70%;
            padding: 10px 0 0
        }

        .gallery-thumbs-video {
            width: 25%;
            box-sizing: border-box;
            padding: 10px 0 0;
            overflow: hidden
        }

        .gallery-slider-video .swiper-slide {
            display: flex;
            position: relative;
            width: 100% !important;
            overflow: hidden;
            height: auto;
            flex-direction: column
        }

        .gallery-thumbs-video .swiper-slide {
            width: 100%;
            display: flex;
            overflow: hidden;
            opacity: .3;
            cursor: pointer;
            align-items: flex-start;
            margin-bottom: 10px
        }

        .gallery-thumbs-video .swiper-slide:hover {
            opacity: 1;
            transition: all .8s
        }

        .gallery-slider-video .swiper-slide iframe {
            display: block;
            margin: 0 auto;
            border-radius: 3px;
            padding-right: 0
        }

        .gallery-slider-video .swiper-slide .videoTitle {
            text-align: left;
            font-size: 17px;
            font-weight: 500;
            padding: 12px 0 0
        }

        .gallery-thumbs-video .product-video-head {
            background: #ffc824;
            padding: 3px 10px;
            border-radius: 3px;
            font-weight: 500;
            margin-bottom: 12px
        }

        .gallery-thumbs-video .youtube-player .play {
            height: 45px;
            width: 45px;
            margin-left: -21px;
            margin-top: -21px
        }

        .gallery-thumbs-video .swiper-slide .youtube-player {
            flex: 2;
            position: relative
        }

        .gallery-thumbs-video .swiper-slide .videoThumbTitle {
            flex: 3;
            text-align: left;
            padding-left: 10px;
            font-weight: 500;
            height: 42px
        }

        .gallery-thumbs .swiper-slide-active,
        .gallery-thumbs-video .swiper-slide-active {
            opacity: 1
        }

        .gallery-thumbs-video .swiper-slide img {
            width: 100%;
            aspect-ratio: 3/2;
            object-fit: cover;
            border-radius: 3px
        }

        .gallery-slider-video .swiper-slide .frame-wrapp {
            position: relative;
            padding-top: 56.25%
        }

        .gallery-slider-video .embed-player {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 100%;
            border: none
        }

        @media screen and (max-width:767px) {
            #productLightbox,
            #productReviews {
                width: 98%;
                height: 98%;
                max-height: 98%;
                padding: 10px;
                margin: 0
            }
            .gallery-thumbs-video .swiper-slide img {
                width: 100%;
                height: auto
            }
            .swiper-button-prev,
            .swiper-container-rtl .swiper-button-next {
                left: 0;
                top: 30px
            }
            .swiper-button-next,
            .swiper-container-rtl .swiper-button-prev {
                right: unset;
                left: 10px;
                top: 30px
            }
            .swiper-button-next.swiper-button-black,
            .swiper-button-prev.swiper-button-black,
            .swiper-container-rtl .swiper-button-next.swiper-button-black,
            .swiper-container-rtl .swiper-button-prev.swiper-button-black {
                background-size: cover
            }
            .swiper-button-next,
            .swiper-button-prev {
                width: 29px;
                height: 20px
            }
            #productReviews .gallery-slider .swiper-slide img {
                width: 100%
            }
        }

        @media screen and (min-width:1200px) {
            .gallery-slider-video,
            .gallery-thumbs-video {
                padding: 25px 0 0
            }
            #productLightbox .gallery-thumbs-video .swiper-wrapper {
                transform: translate(0, 0) !important
            }
        }

        @media screen and (max-width:1199px) {
            #productLightbox .tab-content>.active#p_videos {
                flex-direction: column
            }
            .gallery-slider-video,
            .gallery-thumbs-video {
                width: 100%
            }
            .gallery-slider-video {
                height: 70%
            }
            #productLightbox .gallery-thumbs-video .swiper-wrapper {
                flex-direction: row;
                justify-content: flex-start;
                margin-left: calc(-50% + 58px)
            }
            .gallery-thumbs-video .swiper-slide {
                width: 115px;
                height: 110px;
                flex-direction: column
            }
            .gallery-slider-video .swiper-slide iframe {
                padding-right: 0
            }
            .gallery-thumbs-video .swiper-slide .videoThumbTitle {
                padding-left: 0
            }
            .gallery-slider-video .swiper-slide {
                justify-content: center
            }
            .gallery-slider-video .swiper-slide .videoTitle {
                font-size: 14px
            }
            .fancybox-close-small {
                right: 0;
                top: 6px
            }
        }

        @media screen and (min-width:767px) {
            .login-checkout {
                margin-top: 48px
            }
        }

        body.home .delivery_by {
            display: flex;
            flex-wrap: wrap;
            align-items: center
        }

        body.home .delivery_by .delivery_by_label {
            margin-right: 3px
        }

        .cart-product-note {
            margin: 6px;
            font-size: 12px;
            line-height: 16px
        }

        @media screen and (max-width:767px) {
            .cart-product-note {
                margin: 0 6px
            }
        }

        .product-sale-countdown {
            background: #fffeea;
            display: inline-block;
            padding: 2px 13px;
            border: 1px solid #fdfbd7;
            border-radius: 4px;
            margin-bottom: 5px;
            margin-top: 10px
        }

        .product-sale-countdown.list {
            margin-top: 7px;
            margin-bottom: 0;
            text-align: center;
            display: block
        }

        .vat-info+.product-sale-countdown {
            margin-top: 0
        }

        @media screen and (max-width:620px) {
            #search-results.view-list .product-sale-countdown.list.grid {
                padding: 2px 13px
            }
        }

        .product-sale-countdown label {
            font-weight: 100;
            margin-bottom: 0
        }

        .product-sale-countdown span {
            color: #ff8200;
            font-weight: 700
        }

        @media screen and (max-width:767px) {
            .product-sale-countdown.list {
                padding: 2px
            }
        }

        @media screen and (max-width:767px) {
            #header-logo {
                width: 100px
            }
            .checkout-header-title {
                float: right;
                margin-left: 0;
                border-left: none
            }
            .checkout-header-title span {
                font-size: 16px;
                margin-left: 0
            }
            #header-checkout #header {
                padding: 0
            }
            .product .product-price {
                width: 100%;
                float: none
            }
            .product input[type=submit] {
                width: 100%;
                display: block
            }
            #home-container-right {
                margin-left: 0
            }
            .col-xs-12 {
                margin: 10px 0
            }
            ul#search-filter {
                width: 100%;
                float: none;
                border-bottom: 1px solid #e7e7e7;
                margin-bottom: 20px;
                padding-bottom: 10px
            }
            #search-results {
                width: 100%;
                margin-left: 0;
                padding-left: 0;
                border-left: none
            }
        }

        @media screen and (max-width:1200px) {
            #main-banner {
                margin-right: 0
            }
        }

        @media screen and (max-width:890px) {
            .desktop-menu>li>div {
                width: 525px
            }
        }

        .btn-facebook {
            color: #fff;
            background-color: #0866ff;
            display: flex;
            align-items: center;
            border-radius: 5px
        }

        span.logo-facebook {
            background: url(/assets/img/fb-logo.svg);
            background-size: 80%;
            background-position: center center;
            background-repeat: no-repeat;
            margin-right: 12px;
            width: 30px;
            height: 30px
        }

        .swal-review h2 {
            font-size: 22px;
            margin: 5px;
            line-height: 24px
        }

        .sortable-handler {
            touch-action: none
        }

        .intl-tel-input .country-list {
            font-size: 12px
        }

        .new_to_mi {
            display: block;
            position: relative;
            text-align: center;
            text-align: center;
            margin: 20px 0 10px
        }

        .new_to_mi span {
            background: #fff;
            text-align: center;
            padding: 5px 15px
        }

        .new_to_mi::after {
            content: "";
            display: block;
            width: 100%;
            height: 1px;
            position: absolute;
            border: 1px solid #eee;
            margin: auto;
            top: 10px;
            left: 0;
            z-index: -1
        }

        #credit-card-wrapper .bootstrap-select.open .dropdown-menu {
            max-height: 130px !important;
            padding: 0
        }

        form#user-signup-form .alert-danger ul,
        section#forgot-password .alert-danger ul {
            list-style: none;
            margin: 0;
            padding: 0
        }

        .alert-danger li span.new_custom {
            margin: 8px 0 3px;
            display: inline-block
        }

        .mobile-theme-switcher>label {
            display: flex !important;
            align-items: center;
            justify-content: space-between;
            padding: 10px 10px 10px 20px;
            font-weight: 100;
            color: #000
        }

        .--switch {
            position: relative;
            display: inline-block;
            width: 45px;
            height: 22px
        }

        .--switch input {
            display: none
        }

        .--slider .fa-moon-o {
            color: #fff;
            position: absolute;
            left: 7px;
            font-size: 14px;
            display: none
        }

        .--slider .fa-sun-o {
            color: #fff;
            position: absolute;
            font-size: 14px;
            right: 7px
        }

        .--slider .fa-sun-o:before {
            text-indent: -999em;
            display: block;
            width: 13px;
            height: 13px;
            background: url(/assets/img/sun-ico.svg);
            background-size: contain;
            background-repeat: no-repeat
        }

        .--slider {
            position: absolute;
            cursor: pointer;
            display: flex;
            align-items: center;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #a7a7a7;
            -webkit-transition: .4s;
            transition: .4s;
            border-radius: 50px
        }

        .--slider:before {
            position: absolute;
            content: "";
            height: 15px;
            width: 15px;
            left: 4px;
            bottom: 4px;
            border-radius: 50%;
            background-color: #fff;
            -webkit-transition: .4s;
            transition: .4s
        }

        .--switch input:checked+.--slider .fa-moon-o {
            display: block
        }

        .--switch input:checked+.--slider .fa-sun-o {
            display: none
        }

        .--switch input:checked+.--slider {
            background-color: #505157
        }

        .--switch input:focus+.--slider {
            box-shadow: 0 0 1px #52b69a
        }

        .--switch input:checked+.--slider:before {
            -webkit-transform: translateX(22px);
            -ms-transform: translateX(22px);
            transform: translateX(22px)
        }

        .mobile-theme-switcher {
            position: relative
        }

        .ml-top-header-right .mobile-theme-switcher>label {
            padding: 0;
            margin-bottom: 0;
            color: #fff;
            width: 30px
        }

        .ml-top-header-right .--switch {
            width: 30px;
            height: 14px
        }

        .ml-top-header-right .--slider {
            background-color: #fff
        }

        .ml-top-header-right .--slider:before {
            height: 12px;
            width: 12px;
            bottom: 1px;
            left: 1px;
            background-color: #000;
            z-index: 99
        }

        .ml-top-header-right .--switch input:checked+.--slider:before {
            -webkit-transform: translateX(17px);
            -ms-transform: translateX(17px);
            transform: translateX(17px);
            background-color: #fff
        }

        .ml-top-header-right .--slider .fa-sun-o:before {
            text-indent: -999em;
            display: block;
            width: 13px;
            height: 13px;
            background: url(/assets/img/sun-ico.svg);
            background-size: contain;
            background-repeat: no-repeat
        }

        .ml-top-header-right .--slider .fa-sun-o {
            font-size: 12px
        }

        .ml-top-header-right .--slider .fa-moon-o {
            right: unset;
            left: 4px;
            bottom: 1px;
            font-size: 11px;
            display: none
        }

        .ml-top-header-right .--slider .fa-sun-o {
            left: unset;
            right: 3px;
            display: block;
            color: #000
        }

        .ml-top-header-right .--switch input:checked+.--slider .fa-moon-o {
            display: block
        }

        .ml-top-header-right .--switch input:checked+.--slider .fa-sun-o {
            display: none
        }

        body iframe#launcher {
            border-radius: 10% !important;
            height: 64px !important
        }

        #checkout-options-container>.panel {
            overflow: visible
        }

        .select2-container .select2-selection--single {
            height: 34px
        }

        .select2-container--default .select2-selection--single {
            border: 1px solid #ccc
        }

        .select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height: 32px;
            padding-left: 12px;
            font-size: 14px;
            font-weight: 400
        }

        #address-fields .select2-container,
        #deliver-to-selector .select2-container,
        #user-details .country-selct .select2-container {
            width: 100% !important
        }

        .cart-product-delivery-info .delivery-date {
            font-weight: 700;
            color: #4caf50
        }

        #deliver-to-selector .modal-body,
        #deliver-to-selector .modal-header {
            padding: 15px 30px
        }

        #deliver-to-selector .modal-header {
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
            background: #efefef
        }

        #deliver-to-selector .modal-header .modal-title {
            font-size: 18px;
            font-weight: 600
        }

        #deliver-to-selector .modal-header .close {
            margin-top: 0;
            font-size: 28px
        }

        #deliver-to-selector .modal-body .form-group .btn {
            border-radius: 4px 4px 4px 4px;
            padding: 11px 10px;
            width: 100%;
            border: 1px solid #ddd
        }

        #payment-method-options li.active #credit-card-wrapper .form-group {
            margin-bottom: 18px
        }

        #payment-method-options li.active #credit-card-wrapper .form-group.form-group-last {
            margin-bottom: 0
        }

        #payment-method-options li.active #credit-card-wrapper .input-wraper {
            display: inline;
            position: relative
        }

        #payment-method-options li.active #credit-card-wrapper .form-group label.error {
            position: absolute !important;
            display: block;
            width: auto
        }

        #payment-method-options label#credit_card_expiry_month-error,
        #payment-method-options label#credit_card_expiry_year-error {
            left: 0
        }

        #saved-credit-card-wrapper .saved-credit-card #saved_card_cvv-error {
            font-size: 12px;
            padding: 0 5px;
            color: #e90b0b
        }

        .profile-content-area .head_shippment {
            padding: 2px 30px;
            background: #eeeef4
        }

        .profile-content-area .head_shippment .ship_label {
            font-size: 13px;
            font-weight: 700
        }

        .profile-content-area .head_shippment .label_track {
            font-size: 13px;
            padding-left: 5px;
            color: #939293
        }

        #payment-method-options li:not(.active) .card-security-number.required {
            display: none
        }

        @media screen and (min-width:676px) {
            #payment-method-options>ul>li.ccft.active>label {
                width: 70%
            }
        }

        @media screen and (max-width:767px) {
            #payment-method-options>ul>li>label i.fa:before {
                left: 18px
            }
        }

        .return-window {
            font-size: 12px;
            display: flex;
            align-items: center;
            margin-top: 10px;
            font-weight: 100
        }

        .return-window-img {
            margin-right: 10px;
            width: 16px
        }

        .return-window .date-green {
            padding: 0 4px
        }

        .header_deliver_to_mb_wrapp {
            display: none
        }

        .ml-deliver-to {
            padding-top: 89px
        }

        .header_deliver_to_mb_wrapp {
            display: block;
            background: #222;
            padding: 8px 15px;
            color: #fff
        }

        .head_deliver_to {
            display: flex;
            align-items: center
        }

        .head_deliver_to_cnt {
            padding: 0 23px 0 25px;
            position: relative;
            font-size: 12px
        }

        .head_deliver_to_cnt:before {
            content: "";
            background: url(/assets/img/deliver_to_pin.png);
            width: 15px;
            height: 18px;
            display: inline-block;
            background-size: cover;
            background-repeat: no-repeat;
            position: absolute;
            left: 0;
            top: 1px
        }

        .head_deliver_to_cnt:after {
            content: "";
            background: url(/assets/img/deliver_to_arr.png);
            width: 10px;
            height: 12px;
            display: inline-block;
            background-size: contain;
            background-repeat: no-repeat;
            position: absolute;
            right: 0;
            top: 7px;
            transition: transform 150ms ease-in
        }

        .header_deliver_to_mb_wrapp .site-switcher-control {
            margin: 0
        }

        .header_deliver_to_mb_wrapp .dropdown-toggle {
            width: auto
        }

        .ml-recipient {
            position: relative;
            z-index: 10
        }

        .ml-tooltip-content,
        .ml-tooltip-content:before {
            position: absolute;
            visibility: hidden;
            opacity: 0;
            left: auto;
            right: -153px;
            pointer-events: none;
            transition: .2s;
            will-change: transform
        }

        .ml-tooltip-content {
            padding: 15px;
            max-width: 180px;
            min-width: 180px;
            line-height: 20px;
            width: max-content;
            width: -moz-max-content;
            border-radius: 6px;
            font-size: 12px;
            background-color: #fff;
            box-shadow: rgb(238 238 244) 0 4px 6px -1px, rgb(0 0 0 / 6%) 0 2px 4px -1px;
            color: #000;
            text-align: left;
            border: 1px solid #eaecf2;
            transform: translate(0, -5px) scale(.5)
        }

        .ml-tooltip-content:before {
            content: '';
            border-style: solid;
            border-width: 5px 5px 0 5px;
            border-color: rgb(255 255 255 / 90%) transparent transparent transparent;
            transition-duration: 0s;
            transform-origin: top;
            transform: translateX(0) scaleY(-1);
            bottom: calc(100% - 5px);
            left: 16px;
            right: auto
        }

        .ml-recipient:hover .ml-tooltip-content {
            visibility: visible;
            opacity: 1;
            transition-delay: .2s;
            transform: translate(0, 5px) scale(1)
        }

        .ml-recipient:hover .ml-tooltip-content:before {
            visibility: visible;
            opacity: 1;
            z-index: 1
        }

        .ml-tooltip-content {
            top: calc(100% - 1px);
            bottom: auto;
            transform: translate(0, 5px) scale(.5)
        }

        .a-arrow-border {
            border: 8px solid transparent
        }

        .a-arrow-border {
            position: absolute
        }

        .a-arrow-border {
            top: -8px;
            margin-left: -2px;
            border-top: 0;
            border-bottom-color: rgb(234 236 242)
        }

        .ml-user-order-history .order-panels {
            border: 2px solid #eaecf2;
            box-shadow: rgb(238 238 244) 0 4px 6px -1px, rgb(0 0 0 / 6%) 0 2px 4px -1px;
            margin-bottom: 20px
        }

        .ml-user-order-history .order-panel-heading {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 18px 22px;
            color: #000;
            background: #fff
        }

        .ml-oph-left {
            display: flex;
            align-items: center
        }

        .ml-oph-id .ml-order-id {
            font-size: 16px;
            font-weight: 700
        }

        .ml-oph-id .ml-order-date {
            font-size: 12px;
            color: #4f4f4f
        }

        .date-green {
            color: #00b607
        }

        .ml-v-space {
            display: block;
            border-right: 2px solid;
            width: 1px;
            height: 39px;
            border-color: #eaecf2;
            margin: 0 30px
        }

        .ml-h-space {
            display: block;
            border-bottom: 2px solid;
            width: auto;
            height: 1px;
            border-color: #eaecf2;
            margin: 0 22px
        }

        .ml-order-details {
            padding-right: 15px;
            position: relative;
            font-weight: 700;
            color: #171717;
            font-size: 14px
        }

        .ml-order-details.invoice {
            text-decoration: underline;
            padding-right: 0
        }

        .ml-order-details>a:after {
            display: block;
            content: '\f105';
            width: 20px;
            height: 20px;
            position: absolute;
            right: 0;
            top: 0;
            font-weight: 700;
            font-family: fontawesome;
            text-align: right
        }

        .ml-order-details.invoice>a:after {
            content: ''
        }

        .ml-user-order-history .order-products-wrapper {
            padding: 18px 22px
        }

        .ml-shipment-status {
            font-size: 14px;
            font-weight: 700
        }

        .ml-user-order-history .product-title a,
        .ml-user-order-history .sold-by a {
            color: #004069
        }

        .ml-o-recipient {
            padding-right: 20px
        }

        .ml-recipient:not(.hide-shiping):after {
            display: block;
            content: '\f107';
            width: 25px;
            height: 25px;
            position: absolute;
            right: 0;
            top: 0;
            font-weight: 700;
            font-family: fontawesome;
            text-align: right;
            font-size: 17px
        }

        .ml-track-shipment .order-panels .order-product-price,
        .ml-user-order-history .order-panels .order-product-price {
            padding: 18px 0;
            margin: 0
        }

        .ml-user-order-history .order-panels .order-product-price {
            justify-content: space-between
        }

        .ml-user-order-history .profile-content-area .product-order-total .btn.order-item-buyit {
            background: #4caf50;
            min-width: 162px;
            max-width: 155px;
            border-color: #45a349;
            margin: 5px 0
        }

        a.btn.order-item-buyit.raised.cart-submit.product-add-to-cart,
        button.btn.order-item-buyit.raised.cart-submit.product-add-to-cart {
            margin-top: 20px;
            border-radius: 5px
        }

        a.btn.view-gift-cart.raised.cart-submit.product-add-to-cart,
        button.btn.order-item-buyit.raised.cart-submit.product-add-to-cart {
            margin-bottom: 5px
        }

        .ml-user-order-history .btn.order-item-buyit.product-add-to-cart:before,
        a.btn.order-item-buyit.raised.cart-submit.product-add-to-cart:before,
        button.btn.order-item-buyit.raised.cart-submit.product-add-to-cart:before {
            background-color: #8bc34a
        }

        .ml-user-order-history .order-panels .order-products-wrapper .order-product-price .product-price span {
            font-size: 12px;
            color: #fff;
            font-weight: 100 !important
        }

        .ml-user-order-history .write-review-btn {
            display: flex;
            align-items: center;
            text-align: center;
            padding: 5px 0;
            min-width: 162px
        }

        .ml-user-order-history .write-review-btn a {
            background: #fff;
            border: 1px solid #7e859b;
            color: #171717;
            font-size: 12px;
            padding: 3px 8px;
            width: 100%
        }

        .ml-user-order-history .write-review-btn a:hover {
            background: #f7f7fa
        }

        .ml-user-order-history .ml-shipment-wrap.more {
            border-top: 1px solid #eaecf2;
            padding-top: 12px
        }

        .ml-user-order-history .order-products-wrapper .ml-shipment-wrap.more:first-child {
            border-top: 0;
            padding-top: 0
        }

        .ml-track-shipment .order-panels .product-price,
        .ml-user-order-history .order-panels .order-item .product-price {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            align-items: end
        }

        .ml-track-shipment .order-panels .order-product-price,
        .ml-user-order-history .order-panels .order-product-price {
            flex-wrap: unset
        }

        .ml-track-shipment .order-panels .order-product-price .product-price,
        .ml-user-order-history .order-panels .order-product-price .product-price {
            margin-top: unset
        }

        .ml-user-order-details .order-panels .order-address-status {
            padding: 0;
            padding-bottom: 20px
        }

        .ml-user-order-details .user-orders.order-details .order-address-status .order-total-order-products {
            flex: 1
        }

        .ml-user-order-details .product-quantity {
            font-weight: 100
        }

        .shipment-details-wrap {
            display: flex;
            align-items: center;
            border-left: 2px solid #eaecf2;
            margin: 0 15px;
            font-size: 12px;
            line-height: 18px
        }

        .shipment-detls {
            display: flex;
            align-items: center
        }

        .shipment-ico {
            padding: 0 12px 0 15px
        }

        .shipment-detls .lab {
            font-size: 12px;
            font-weight: 100;
            color: #575757;
            line-height: 13px
        }

        .ml-user-order-details .order-details-page .write-review-btn {
            min-width: 162px;
            max-width: 155px;
            margin: 5px 0
        }

        .ml-user-order-details .order-details-page .write-review-btn a {
            background: #f4d078;
            border-color: #e1b341;
            color: #000 !important
        }

        .ml-user-order-details .order-details-page .write-review-btn a:hover {
            background: #f3c659
        }

        .ml-user-order-details .user-orders.order-details .order-panels {
            padding-bottom: 0
        }

        .ml-user-order-details a#make-balance-payment {
            padding: 5px 22px
        }

        .ml-user-order-details a#make-balance-payment .amount {
            display: inline-block;
            direction: ltr
        }

        #make-balance-payment span.currency {
            margin-right: 5px
        }

        .transacction-disc {
            display: flex;
            align-items: center
        }

        .payments-order-sec .transacction-disc {
            padding-bottom: 7px
        }

        .payment-typ-disc {
            padding-inline-start: 12px
        }

        .payment-typ-disc .amount {
            direction: ltr;
            display: inline-block
        }

        .ml-user-order-history .new-price {
            display: inline-block
        }

        .ml-user-order-history .back-to-page {
            padding: 0;
            border: 0;
            margin-bottom: 0
        }

        .ml-user-order-history .back-to-page a {
            display: flex;
            align-items: center;
            color: #000;
            border: 0
        }

        .ml-user-order-history .back-to-page a::before {
            background: url(/assets/img/left-arrow.png);
            content: " ";
            display: block;
            width: 18px;
            height: 12px;
            background-size: contain;
            background-repeat: no-repeat;
            margin-right: 10px
        }

        .body-page-user_account_payment_status .user-orders.order-details .order-panels {
            padding-bottom: 0
        }

        .ml-user-order-history .gift-card-data {
            font-weight: 400;
            font-size: 13px;
            word-break: break-word
        }

        .ml-track-shipment .track-ship {
            border: 2px solid #eaecf2;
            box-shadow: rgb(238 238 244) 0 4px 6px -1px, rgb(0 0 0 / 6%) 0 2px 4px -1px;
            margin-bottom: 20px;
            padding: 20px 25px
        }

        .status-sec {
            display: flex;
            justify-content: space-between
        }

        .trk-ship-no-wrp {
            display: flex;
            align-items: center
        }

        .trk-ship-labl {
            color: #676767;
            font-size: 16px
        }

        .trk-ship-no {
            font-size: 19px;
            font-weight: 700
        }

        .trk-ship-status-wrp {
            display: flex;
            flex: 1
        }

        .trk-ship-no-wrp img {
            padding-right: 32px
        }

        .shipment-tracking {
            text-align: center;
            width: 33.33%;
            position: relative;
            display: block
        }

        .shipment-tracking .is-complete {
            display: block;
            position: relative;
            border-radius: 50%;
            height: 15px;
            width: 15px;
            border: 0 solid #afafaf;
            background-color: #cbcbcb;
            margin: 0 auto;
            transition: background .25s linear;
            -webkit-transition: background .25s linear;
            z-index: 2
        }

        .shipment-tracking.completed .is-complete {
            border-color: #00b607;
            border-width: 0;
            background-color: #00b607
        }

        .shipment-tracking.completed.cancelled .is-complete {
            border-color: #ffc824;
            background-color: #ffc824
        }

        .shipment-tracking.completed.cancelled p {
            color: #ffc824
        }

        .shipment-tracking.completed .is-complete.current {
            transform: scale(1);
            animation: pulse 2s infinite;
            animation-delay: 3s
        }

        @keyframes pulse {
            0% {
                transform: scale(.95);
                box-shadow: 0 0 0 0 rgb(153 199 154)
            }
            70% {
                transform: scale(1);
                box-shadow: 0 0 0 8px rgb(205 243 206)
            }
            100% {
                transform: scale(.95);
                box-shadow: 0 0 0 0 rgb(153 199 154)
            }
        }

        .shipment-tracking p {
            color: #a4a4a4;
            font-size: 14px;
            margin-top: 8px;
            margin-bottom: 0;
            line-height: 20px;
            font-weight: 700
        }

        .shipment-tracking p span {
            font-size: 12px;
            font-weight: 400
        }

        .shipment-tracking.completed p {
            color: #00b607
        }

        .shipment-tracking.completed p span {
            color: #5b5b5b
        }

        .shipment-tracking::before {
            content: '';
            display: block;
            height: 3px;
            width: calc(100% - 0px);
            background-color: #e9e9e9;
            top: 6px;
            position: absolute;
            left: calc(-50% + 0px);
            z-index: 0
        }

        .shipment-tracking:first-child:before {
            display: none
        }

        .shipment-tracking.completed:before {
            background: linear-gradient(#00b607, #00b607) #fff no-repeat 0 0;
            background-color: #e9e9e9;
            background-size: 0 100%;
            animation: stripes 1.5s linear 1 forwards
        }

        .shipment-tracking.completed:nth-child(2)::before {
            animation-delay: 0s
        }

        .shipment-tracking.completed:nth-child(3)::before {
            animation-delay: 1.5s
        }

        .shipment-tracking.completed:nth-child(4)::before {
            animation-delay: 3s
        }

        @keyframes stripes {
            to {
                background-size: 100% 100%
            }
        }

        .order-dtls-sec-heading {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-bottom: 15px
        }

        .ml-track-shipment .ml-h-space {
            margin: 0
        }

        .order-dtls-sec-more {
            display: flex;
            padding: 20px 0 0
        }

        .order-dtls-sec-more>div {
            flex: 50%
        }

        .color-gray {
            color: #4f4f4f
        }

        .order-dtls-sec-more .sub-heading {
            padding-bottom: 15px;
            font-size: 15px
        }

        .shipment-courier {
            align-items: center;
            margin-bottom: 15px
        }

        .ship-courier-img {
            margin-right: 15px
        }

        .ship-track-no {
            font-size: 16px
        }

        .track-ship.items-dtls-sec .order-panels {
            box-shadow: unset;
            margin-bottom: unset
        }

        .track-ship.items-dtls-sec .order-panels .order-product-price.order-item {
            margin: unset;
            padding: 20px 0 0
        }

        .ship-status-table {
            width: 100%;
            border-collapse: collapse
        }

        .ship-status-table td,
        .ship-status-table th {
            padding: 12px 15px;
            border: 0 solid #ddd;
            font-size: 14px
        }

        .ship-status-table tbody tr:nth-child(odd) {
            background-color: #f7f7fa
        }

        .ml-track-shipment .product-order-total .order-item-buyit {
            background: #4caf50;
            min-width: 162px;
            max-width: 155px;
            border-color: #45a349;
            margin: 5px 0;
            padding: 5px 10px;
            width: 120px;
            font-size: 12px;
            border-radius: 4px
        }

        .ml-track-shipment .order-panels .product-order-total .order-item-buyit span {
            font-size: 12px;
            color: #fff;
            font-weight: 100 !important
        }

        .ml-track-shipment .btn.order-item-buyit.product-add-to-cart:before {
            background-color: #8bc34a
        }

        .ml-track-shipment .product-title .new-price {
            display: inline-block
        }

        .ml-track-shipment .product-title .currency {
            padding: 0 4px 0 0
        }

        .shipment_arriving {
            font-size: 22px;
            font-weight: 700;
            padding: 0 0 15px;
            margin-bottom: 20px
        }

        @media screen and (min-width:1024px) {
            .ml-user-order-details .user-orders.order-details .order-panels .ml-shipment-status.order-product-price {
                padding: 0 0 12px
            }
        }

        @media screen and (min-width:768px) {
            .ml-user-order-history .back-to-page {
                margin-top: -50px
            }
            #credit-card-wrapper .panel-body {
                padding: 15px 24px
            }
        }

        @media screen and (min-width:581px) {
            .ml-track-shipment .order-panels .product-price,
            .ml-user-order-history .order-panels .order-item .product-price {
                width: unset;
                flex-direction: column
            }
        }

        @media screen and (max-width:991px) {
            .ml-shipment-status.order-product-price.order-item .ml-flex {
                display: block;
                margin-right: 0;
                width: 100%;
                margin-bottom: 0
            }
            .shipment-ico {
                padding-left: 0;
                width: 36px
            }
            .shipment-details-wrap {
                margin-left: 0;
                border-left: 0;
                justify-content: space-between;
                margin-top: 12px
            }
        }

        @media screen and (max-width:767px) {
            .ml-track-shipment .order-panels .order-product,
            .ml-user-order-history .order-panels .order-product {
                margin-right: 15px;
                width: calc(73% - 10px)
            }
            .ml-h-space {
                margin: 0 15px
            }
            .ml-user-order-history .order-panel-heading,
            .ml-user-order-history .order-products-wrapper {
                padding: 12px 15px
            }
            .ml-user-order-details .order-panels .order-address-status>div {
                margin-bottom: 15px
            }
            .ml-user-order-history .profile-content-area .page-title {
                width: 100%
            }
            .ml-user-order-history .back-to-page {
                margin-bottom: 26px
            }
            .ml-account-sidemenu:not(.dashboard) {
                display: none
            }
            .body-page-user_account .profile-wrapper:not(.dashboard) {
                margin-top: 30px
            }
            .ml-track-shipment .track-ship {
                padding: 20px 15px
            }
        }

        @media screen and (max-width:680px) {
            .trk-ship-status-wrp {
                flex-direction: column;
                padding: 20px
            }
            .shipment-tracking {
                height: 100px;
                width: auto;
                text-align: left
            }
            .shipment-tracking p {
                position: absolute;
                left: calc(0% + 32px);
                top: -14px;
                margin-top: 0
            }
            .shipment-tracking .is-complete {
                margin: 0
            }
            .shipment-tracking::before {
                height: calc(100% - 0px);
                width: 3px;
                background-color: #e9e9e9;
                left: calc(0% + 6px);
                top: calc(-90% + 0px)
            }
            .shipment-tracking.completed:before {
                background-size: 100% 0
            }
            .shipment-tracking:last-child {
                margin-bottom: -80px
            }
        }

        @media screen and (max-width:580px) {
            .ml-track-shipment .order-panels .order-product-price,
            .ml-user-order-history .order-panels .order-product-price {
                flex-wrap: wrap;
                justify-content: flex-start
            }
            .ml-track-shipment .order-panels .order-product,
            .ml-user-order-history .order-panels .order-product {
                width: 100%;
                margin-right: unset
            }
            .ml-track-shipment .product-order-total .btn.order-item-buyit,
            .ml-user-order-history .profile-content-area .product-order-total .btn.order-item-buyit,
            .ml-user-order-history .write-review-btn {
                margin-right: 6px
            }
            .ml-order-details {
                margin: 5px 0 0
            }
            .ml-oph-left {
                align-items: flex-start;
                flex-direction: column;
                gap: 5px
            }
            .ml-v-space,
            .return-window-img {
                display: none
            }
            .cart-action-btn .ml-v-space {
                display: block
            }
            .return-window {
                flex-direction: column;
                align-items: flex-start
            }
            .return-window .date-green {
                padding: 0
            }
            .ml-oph-rece {
                display: flex
            }
            .ml-recipient {
                padding-left: 3px
            }
            .ml-track-shipment .order-panels .order-product,
            .ml-user-order-history .order-panels .order-product {
                margin-bottom: 20px
            }
            .ml-tooltip-content,
            .ml-tooltip-content:before {
                left: auto;
                right: -70px
            }
            .ml-tooltip-content:before {
                left: auto;
                right: 70px
            }
            .a-arrow-border {
                left: auto;
                right: 67px
            }
            .ml-user-order-history .order-panel-heading {
                display: block
            }
            .ml-user-order-details .order-details-page .write-review-btn {
                margin: unset;
                margin-right: 6px
            }
            .shipment_arriving {
                font-size: 13px;
                font-weight: 400
            }
        }

        @media (max-width:500px) {
            .ship-status-table thead {
                display: none
            }
            .ship-status-table,
            .ship-status-table tbody,
            .ship-status-table td,
            .ship-status-table tr {
                display: block;
                width: 100%
            }
            .ship-status-table tr {
                margin-bottom: 15px
            }
            .ship-status-table td {
                padding-left: 50%;
                text-align: left;
                position: relative
            }
            .ship-status-table td::before {
                content: attr(data-label);
                position: absolute;
                left: 0;
                width: 50%;
                padding-left: 15px;
                font-size: 15px;
                font-weight: 700;
                text-align: left
            }
            .order-dtls-sec-more {
                flex-direction: column
            }
            .ship-info-sec {
                margin-top: 25px
            }
            .status-sec {
                flex-direction: column
            }
            .trk-ship-status-wrp {
                margin-top: 20px
            }
        }

        @media screen and (max-width:480px) {
            .shipment-details-wrap {
                display: block
            }
            .shipment-detls.track {
                padding-left: 0;
                margin-top: 9px
            }
            #order-cancellation-form #cancel-order .cancellation-footer {
                flex-direction: column;
                gap: 10px
            }
        }

        @media screen and (max-width:390px) {
            .ml-track-shipment .product-order-total .btn.order-item-buyit,
            .ml-user-order-details .order-details-page .write-review-btn,
            .ml-user-order-history .profile-content-area .product-order-total .btn.order-item-buyit,
            .ml-user-order-history .write-review-btn {
                margin-right: 0;
                width: 100%;
                max-width: 100%
            }
            .ml-track-shipment .order-panels .product-price,
            .ml-user-order-history .order-panels .order-item .product-price {
                display: block
            }
            .profile-content-area .profile-panel-footer a.cancel-order {
                width: 100%
            }
        }

        #product-images-slider .product-no-image {
            height: unset
        }

        .ml-flex {
            display: flex
        }

        .ml-align-items-c {
            align-items: center
        }

        .ml-align-left {
            text-align: left
        }

        .ml-align-center {
            text-align: center
        }

        .ml-align-right {
            text-align: right
        }

        .cm-remove-item i {
            background: #cfcfcf;
            padding: 4px 5px;
            border-radius: 50%
        }

        .cm-remove-item i:hover {
            background: #c00;
            color: #fff
        }

        .cm-remove-item button {
            background: 0 0;
            border: 0
        }

        .cmpre-add-to-cart .product-add-to-cart,
        .similar-compare-table .product-add-to-cart {
            display: flex;
            width: auto;
            background: #ffc824;
            border: 1px solid #ea9514;
            padding: 3px 20px;
            margin-top: 5px;
            border-radius: 3px;
            color: #000;
            font-size: 13px
        }

        .cmpre-add-to-cart .btn.product-add-to-cart:before,
        .similar-compare-table .product-add-to-cart::before {
            background: #ffe478
        }

        .cmpre-add-to-cart .btn.product-add-to-cart:hover,
        .similar-compare-table .product-add-to-cart:hover {
            border: 1px solid #ffc824
        }

        .cmpre-add-to-cart .btn.product-add-to-cart.success-state,
        .similar-compare-table .product-add-to-cart.success-state {
            background-color: #ffc824
        }

        .ml-compare-table {
            margin-bottom: 15px
        }

        .ml-compare-wrap {
            overflow: hidden;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch
        }

        .compare-table {
            min-width: 100%;
            border-collapse: collapse;
            margin-bottom: 0
        }

        .compare-table th {
            padding: 0 !important;
            position: relative;
            position: -webkit-sticky;
            position: sticky;
            left: -1px;
            margin-left: 0;
            z-index: 101;
            border-width: 0 1px 1px 0;
            border-style: solid;
            border-color: #e8e8e8;
            box-sizing: border-box;
            font-weight: 400;
            vertical-align: top
        }

        .compare-table .bg-lightgray {
            background: #fafafa
        }

        .compare-table tr {
            border: 1px solid #e8e8e8
        }

        .compare-table td {
            position: relative;
            padding: 0 !important;
            min-width: 220px;
            border-width: 0 1px 1px 0;
            border-style: solid;
            border-color: #e8e8e8;
            box-sizing: border-box;
            vertical-align: top;
            -webkit-transition: background-color .3s;
            transition: background-color .3s
        }

        .compare-table td:before {
            content: '';
            position: absolute;
            z-index: 100;
            top: -100000px;
            width: 100%;
            height: 999999px;
            background: rgba(142, 219, 255, .15);
            opacity: 0;
            pointer-events: none;
            -webkit-transition: opacity .3s;
            transition: opacity .3s
        }

        .compare-table tr:hover td:not(.compare-item-col) {
            background: rgba(142, 219, 255, .2)
        }

        .compare-table td:hover:before {
            opacity: 1
        }

        .compare-table .compare-td,
        .compare-table .compare-th {
            display: block;
            padding: 10px 10px 10px 15px;
            box-sizing: border-box;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .compare-table .compare-th {
            padding-top: 10px;
            text-align: left;
            font-weight: 700
        }

        .compare-table .compare-td {
            max-width: 100%
        }

        .ml-compare-wrap .compare-table .rating-container {
            margin-top: 0;
            display: flex;
            gap: 8px;
            align-items: center
        }

        [data-highlight=Similarities] tr.compare-highlight td:not(.compare-item-col) {
            background: #fbf2d3;
            color: #212121
        }

        [data-highlight=Differences] tr.difference-highlight td:not(.compare-item-col) {
            background: #fbf2d3;
            color: #212121
        }

        .compare-item-col {
            position: relative
        }

        .ml-cmpre-filter-wrap {
            align-items: center;
            padding: 8px 15px;
            background: #f7f7f7;
            border-radius: 3px;
            margin-bottom: 15px
        }

        .ml-cmpre-clearall button {
            padding: 6px 21px;
            background-color: #fff;
            border: 1px solid #e7e7e7;
            border-radius: 3px
        }

        .ml-cmpre-clearall button:hover {
            background: #c00;
            color: #fff;
            -webkit-transition: all .2s linear;
            -ms-transition: all .2s linear;
            transition: all .2s linear
        }

        select.ml-cmpre-switch {
            border: 1px solid #e7e7e7;
            padding: 6px 12px;
            border-radius: 3px;
            cursor: pointer
        }

        select.ml-cmpre-switch:hover {
            border-color: #d3d3d3
        }

        .ml-cmpre-filter label.ml-highlight-diff {
            padding: 0 8px
        }

        .ml-compare-table .compare-price {
            height: 69px
        }

        .compare-product-title a {
            color: #004069;
            font-weight: 700
        }

        .ml-cmpre-clearall {
            padding: 0 4px
        }

        .ml-cmpre-clearall i.fa.fa-trash-o {
            padding-right: 5px
        }

        @media screen and (max-width:375px) {
            .compare-product-image img {
                max-width: 190px;
                max-height: 190px
            }
        }

        @media screen and (max-width:340px) {
            .form-group.required.error #telephone-error {
                line-height: 17px
            }
            #address-form .required.error .intl-tel-input+label.sub-label2 {
                margin-top: 35px !important;
                line-height: 14px
            }
        }

        .similar-compare-table .review-star-rating .stars-container {
            position: relative
        }

        .similar-compare-table .review-star-rating .stars-container .star-half-2 {
            z-index: 9
        }

        #delivery-address ul li .address-col .address-bottom .address-update {
            color: #e90b0b
        }

        .card-expiry-date select#credit_card_expiry_month,
        .card-expiry-date select#credit_card_expiry_year {
            width: 45% !important;
            display: inline-block;
            vertical-align: middle;
            cursor: pointer;
            border: 1px solid #e3e5f4;
            height: 34px;
            border-radius: 4px;
            line-height: 34px;
            padding-left: 12px;
            font-size: 14px;
            font-weight: 400
        }

        .card-expiry-date select#credit_card_expiry_month.error,
        .card-expiry-date select#credit_card_expiry_year.error {
            border-color: #e90b0b
        }

        @media screen and (max-width:480px) {
            .card-expiry-date select#credit_card_expiry_month,
            .card-expiry-date select#credit_card_expiry_year {
                width: 48.3% !important;
                padding-left: 0
            }
        }

        .incmplt_address {
            cursor: pointer;
            display: inline-block;
            position: absolute;
            top: 10px;
            right: 10px;
            font-size: 16px;
            color: #e90b0b
        }

        .incmplt_address .incmplt_text {
            position: absolute;
            width: 110px;
            font-size: 12px;
            color: #e90b0b;
            text-align: center;
            padding: 2px 2px;
            border-radius: 6px;
            z-index: 1;
            top: -2px;
            right: 15px
        }

        .info-note {
            display: flex;
            align-items: center;
            padding: 5px 0 10px;
            color: #e90b0b
        }

        .info-note .text {
            padding: 0 6px
        }

        .text-red {
            color: red
        }

        label.check_save_card {
            align-items: center;
            cursor: pointer
        }

        label.check_save_card input#save_card {
            margin: 0;
            cursor: pointer
        }

        label.check_save_card span {
            padding-inline-start: 5px;
            flex: 2
        }

        #search-results-products .grid-list.configurator.product .product-price .new-price,
        #search-results-products .grid-list.configurator.product .product-price .price-amount {
            font-size: 16px
        }

        #search-results-products .grid-list.configurator.product .product-price span.price-symbol {
            font-size: 14px
        }

        #search-results-products .configurator .product-attr-configtr span.attr_name {
            display: none
        }

        .pop_attr_click {
            cursor: pointer;
            position: relative
        }

        .pop_wrapper {
            position: absolute;
            bottom: calc(0px + 20px);
            left: calc(-50% - 110px)
        }

        .pop_wrapper.bottom {
            bottom: unset;
            top: calc(0px + 20px)
        }

        .pop_wrapper i {
            color: #d8d8d8;
            font-size: 16px
        }

        .pop_wrapper .pop_text {
            font: 13px/18px arial, sans-serif;
            width: 225px;
            z-index: 1;
            background-color: #fff;
            border: 1px solid #e3e5f3;
            border-radius: 4px;
            color: #222;
            cursor: default;
            visibility: hidden;
            opacity: 0;
            box-shadow: rgb(0 0 0 / 10%) 0 1px 3px 0, rgb(0 0 0 / 6%) 0 1px 2px 0
        }

        .pop_wrapper.show .pop_text {
            visibility: visible;
            opacity: 1
        }

        .pop_text::after,
        .pop_text::before {
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            left: calc(50% + 4px)
        }

        .pop_text::before {
            bottom: -5px;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid #e2e5f1
        }

        .pop_text::after {
            bottom: -4px;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid #fff
        }

        .pop_wrapper.bottom .pop_text::after,
        .pop_wrapper.bottom .pop_text::before {
            bottom: unset;
            border-top: unset
        }

        .pop_wrapper.bottom .pop_text::before {
            top: -5px;
            border-bottom: 5px solid #e2e5f1
        }

        .pop_wrapper.bottom .pop_text::after {
            top: -4px;
            border-bottom: 5px solid #fff
        }

        .pop_head {
            padding: 7px 15px;
            text-align: left;
            border-bottom: 1px solid #eff0f4;
            font-weight: 700
        }

        .pop_desc {
            padding: 10px 15px;
            text-align: left
        }

        body.modal-open {
            padding-right: 0 !important
        }

        .currency-switcher-wrap,
        .language-switch {
            position: relative
        }

        .currency-switcher-wrap .select2-container,
        .language-switch .select2-container {
            margin-top: -2px
        }

        select.currency-selector,
        select.language-selector {
            font-size: 12px;
            padding: 1px 4px;
            border-radius: 3px;
            border-color: #3b3b3b
        }

        .currency-switcher-wrap .select2,
        select.currency-selector {
            width: 60px !important;
            margin-right: 10px;
            font-family: Tajawal, sans-serif
        }

        .language-switch .select2,
        select.language-selector {
            min-width: 60px !important;
            width: 85px !important;
            margin-right: 0;
            font-family: Tajawal, sans-serif
        }

        :lang(ru) .language-switch .select2,
        :lang(ru) select.language-selector {
            width: 92px !important
        }

        .currency-switcher-wrap .select2-container .select2-selection--single,
        .language-switch .select2-container .select2-selection--single,
        select.currency-selector,
        select.language-selector {
            height: 21px !important;
            background-color: #404040;
            border-color: #303030
        }

        .currency-switcher-wrap .select2-container--default .select2-selection--single .select2-selection__rendered,
        .language-switch .select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height: 1.9;
            padding-left: 6px;
            font-size: 12px;
            font-family: Tajawal, sans-serif;
            color: #fff
        }

        .currency-switcher-wrap .select2-container--open+.select2-container--open {
            left: -135px !important;
            right: 0 !important;
            padding-top: 14px
        }

        .language-switch .select2-container--open+.select2-container--open {
            left: -45px !important;
            right: 0 !important;
            padding-top: 14px
        }

        .currency-switcher-wrap .select2-results,
        .currency-switcher-wrap .select2-search--dropdown .select2-search__field,
        .language-switch .select2-results,
        .language-switch .select2-search--dropdown .select2-search__field {
            color: #000;
            font-size: 12px
        }

        .currency-switcher-wrap .select2-search--dropdown .select2-search__field,
        .language-switch .select2-search--dropdown .select2-search__field {
            border-radius: 4px;
            background: #303030;
            border: 1px solid #2e2e2e;
            background: #303030 url(/assets/img/select2-search.svg) calc(100% - 8px) 7px/14px 14px no-repeat;
            color: #fff
        }

        .currency-switcher-wrap .select2-selection__rendered.circle-loading:after,
        .language-switch .select2-selection__rendered.circle-loading:after {
            width: 12px !important;
            height: 12px !important;
            animation: loading 1s linear infinite;
            top: 3px !important;
            right: 5px
        }

        .currency-switcher-wrap .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
        .language-switch .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px
        }

        .currency-switcher-wrap .select2-container--open .select2-dropdown--below,
        .language-switch .select2-container--open .select2-dropdown--below {
            width: 100% !important;
            border: 0 solid #404040;
            top: 14px;
            border-radius: 5px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            background-color: #404040;
            opacity: .99;
            box-shadow: 0 6px 15.2px 4.8px rgb(41 41 41 / 33%)
        }

        .currency-switcher-wrap .select2-container--open .select2-dropdown--below:after,
        .currency-switcher-wrap .select2-container--open .select2-dropdown--below:before,
        .language-switch .select2-container--open .select2-dropdown--below:after,
        .language-switch .select2-container--open .select2-dropdown--below:before {
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            right: 16px;
            top: -12px;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 12px solid #404040
        }

        .currency-switcher-wrap .select2-search--dropdown,
        .language-switch .select2-search--dropdown {
            padding: 8px
        }

        .currency-switcher-wrap .select2-results__option {
            color: #d7d7d7;
            padding: 6px 0 6px 12px
        }

        .language-switch .select2-results__option {
            padding: 6px 12px;
            font-family: Tajawal, sans-serif
        }

        .currency-switcher-wrap .select2-container--default .select2-results__option--selected,
        .language-switch .select2-container--default .select2-results__option--selected {
            background-color: #262626
        }

        .currency-switcher-wrap .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
        .language-switch .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
            color: #fff !important
        }

        .currency-switcher-wrap .select2-container--default .select2-results>.select2-results__options {
            margin-right: 7px;
            margin-bottom: 7px
        }

        .language-switch .select2-container--default .select2-results>.select2-results__options {
            margin-right: 0;
            margin-bottom: 7px;
            margin-top: 7px
        }

        .currency-switcher-wrap .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar,
        .language-switch .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
            width: 6px;
            background-color: #303030;
            border-radius: 6px
        }

        .currency-switcher-wrap .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb,
        .language-switch .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
            background-color: #000;
            border-radius: 20px;
            height: 35px
        }

        .lang-selector-icon {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 5px
        }

        .select2-container--default .select2-selection--single .select2-selection__arrow {
            height: auto;
            top: 50%
        }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            top: 46%;
            border-width: 7px 6px 0 6px;
            margin-left: -10px;
            margin-top: -3px
        }

        .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-width: 0 6px 7px 6px
        }

        .currency-switcher-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b,
        .language-switch .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-width: 5px 4px 0 4px;
            margin-left: -4px
        }

        .currency-switcher-wrap .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
        .language-switch .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-width: 0 4px 5px 4px
        }

        .currency-switcher-wrap .select2-container--default .select2-results>.select2-results__options,
        .language-switch .select2-container--default .select2-results>.select2-results__options {
            scrollbar-color: rgb(48 48 48) rgb(0 0 0) !important;
            scrollbar-width: thin !important
        }

        @media screen and (max-width:1200px) {
            #search-results.view-list #search-results-products .product.configurator.configurator_list_head {
                display: none
            }
            #search-results-products .grid-list.configurator .product-details {
                grid-area: title
            }
            #search-results-products .grid-list.configurator .product-price {
                grid-area: price
            }
            #search-results-products .grid-list.configurator {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-template-areas: 'title title price';
                grid-row-gap: 10px
            }
            #search-results-products .configurator.grid-list .product-attr-configtr {
                padding: 0;
                width: 100%;
                position: relative;
                word-break: break-all
            }
            #search-results.view-list #search-results-products .product.configurator .product-image {
                flex: auto
            }
            #search-results.view-list #search-results-products .product.configurator .product-details {
                margin-right: 0
            }
            #search-results-products .configurator .product-attr-configtr span.attr_name {
                color: #a1a1a1
            }
            #search-results-products .configurator .product-attr-configtr span,
            #search-results-products .configurator .product-attr-configtr span.attr_name {
                display: block
            }
        }

        @media screen and (max-width:480px) {
            #payment-method-options li.active #credit-card-wrapper .form-group label.error {
                font-size: 10px
            }
            .panel-body.address-list #delivery-address ul li .address-col {
                margin: 5px 0
            }
            #payment-method-options>ul,
            #shipping-handlers ul {
                margin: 0
            }
            #search-results-products .grid-list.configurator {
                grid-template-columns: repeat(2, 1fr);
                grid-template-areas: 'title price'
            }
        }

        .order-panels #bought-together-inner-wrap .product.product-carousel {
            border: 1px solid #eaecf2
        }

        .order-panels #bought-together-inner-wrap .product.product-carousel .order-recommended-buy .btn.product-add-to-cart {
            padding: 5px 5px;
            font-size: 12px
        }

        .sort-wrapr {
            display: flex;
            align-items: center;
            justify-content: space-between;
            position: relative;
            gap: 15px
        }

        @media screen and (min-width:1201px) {
            .sort-wrapr {
                position: absolute;
                top: 12px;
                right: 0
            }
        }

        .sort-options-wrap {
            position: unset;
            right: unset;
            top: unset;
            text-align: unset
        }

        .view-option {
            position: unset;
            right: unset;
            top: unset
        }

        #search-results .view-option .btn-group a span,
        #search-results .view-option a.btn span {
            font-size: 14px;
            line-height: 20px
        }

        @media screen and (max-width:480px) {
            #search-results .view-option .btn-group a,
            #search-results .view-option a.btn {
                font-size: 0
            }
        }

        #search-results #heading .breadcrumps-wrap .breadcrumb {
            margin-bottom: 5px
        }

        #search-results #heading .sort-options-wrap select {
            height: 31px;
            line-height: 19px
        }

        .cart-wish.add-to-wish-list {
            padding-right: 0;
            font-size: 12px;
            line-height: normal
        }

        .cart-wish.tooltip_cvv i {
            font-size: 13px;
            color: #686868
        }

        .cart-wish.tooltip_cvv i:hover {
            color: #000
        }

        .cart-wish.tooltip_cvv i.fa-heart {
            color: #ce0f0f
        }

        .cart-wish.tooltip_cvv i .items_status {
            font-family: arial, sans-serif;
            padding: 0 2px;
            font-size: 12px
        }

        a.btn.view-gift-cart.raised.cart-submit.product-add-to-cart {
            border-radius: 5px;
            margin-top: 20px
        }

        @media screen and (max-width:767px) {
            a.btn.order-item-buyit.raised.cart-submit.product-add-to-cart,
            button.btn.order-item-buyit.raised.cart-submit.product-add-to-cart {
                font-size: 12px
            }
        }

        .mobile-currency-switcher label,
        .mobile-lang-switcher label {
            display: flex !important;
            align-items: center;
            justify-content: space-between;
            padding: 11px 38px 10px 20px;
            font-weight: 100;
            color: #000;
            margin-bottom: 0
        }

        span.ml-currency-title,
        span.ml-lang-title {
            background: #ffc824;
            border-radius: 20px;
            padding: 0 9px;
            font-size: 12px;
            font-weight: 700
        }

        .ml-currency-wrp {
            position: absolute;
            bottom: 0;
            top: calc(100% - 5px) !important;
            width: 100%;
            display: block;
            transition: all .4s ease
        }

        .ml-currency-wrp.move {
            top: 0 !important
        }

        .ml-currency-head {
            z-index: 9999999;
            position: fixed;
            padding: 15px;
            width: 100%
        }

        .ml-currency-head .label-currency {
            display: flex;
            margin: 0 auto;
            font-size: 14px;
            font-weight: 700;
            width: 100%;
            align-items: center;
            text-align: center;
            justify-content: center
        }

        .ml-currency-head .back-to-page::before {
            background: url(/assets/img/left-arrow.png);
            content: " ";
            display: block;
            width: 18px;
            height: 14px;
            background-size: contain;
            background-repeat: no-repeat;
            position: absolute;
            left: 15px
        }

        .ml-currency-wrp .select2-container {
            top: 0 !important
        }

        .ml-currency-wrp .select2-dropdown--below {
            display: block !important;
            position: fixed !important;
            width: 100% !important;
            height: 100%;
            z-index: 999999 !important;
            padding: 42px 15px 0
        }

        .ml-currency-wrp .select2-search--dropdown {
            padding: 8px 0
        }

        .ml-currency-wrp .select2-search--dropdown .select2-search__field {
            background: #fff url(/assets/img/select2-search.svg) calc(100% - 8px) 12px/14px 14px no-repeat;
            border: 2px solid #b3bcc5;
            border-radius: 6px;
            padding: 8px 6px
        }

        .ml-currency-wrp .select2-results {
            height: 90% !important
        }

        .ml-currency-wrp .select2-results__options {
            max-height: 100% !important;
            height: 100% !important;
            overflow-y: scroll !important
        }

        .ml-currency-wrp .select2-results__option {
            border-bottom: 1px solid #f3f5f9;
            padding: 8px 2px
        }

        .ml-currency-wrp .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
            background-color: unset;
            color: unset
        }

        .ml-crny-wrp {
            font-weight: 700;
            display: flex;
            align-items: center;
            justify-content: space-between
        }

        .crny-id {
            color: #707f8d
        }

        .crny-text {
            font-size: 14px
        }

        input.crny-rdio {
            -webkit-appearance: none;
            -moz-appearance: none;
            height: 21px;
            outline: 0;
            display: inline-block;
            vertical-align: top;
            position: relative;
            margin: 0;
            cursor: pointer;
            border: 2px solid #e1e6ef;
            transition: background .3s, border-color .3s, box-shadow .2s;
            width: 21px;
            border-radius: 50%
        }

        input.crny-rdio:checked {
            border: 6px solid #275efe
        }

        span.ml-currency-title.circle-loading::after {
            top: 14px !important
        }

        .mm-list li.mobile-currency-switcher a.mm-subopen:after {
            margin-bottom: -4px
        }

        #payment-form-wrap .input-wraper {
            display: unset
        }

        #downloadable-delivery .downloadable .date-green,
        .cart-product-delivery-info .date-green,
        .gift-card-data .date-green {
            font-weight: 700;
            font-size: 12px
        }

        .site-switcher-control {
            margin-right: 15px
        }

        .ml-top-header-right.header-country-switcher .language-switch {
            border: 0;
            padding-right: 0;
            margin-right: 0;
            min-width: 37px
        }

        .site-switcher-control a.dropdown-toggle {
            color: #fffF
        }

        .site-switcher-control.site-switcher-mb a.dropdown-toggle {
            position: relative;
            display: flex;
            align-items: center
        }

        .site-switcher-control a.dropdown-toggle span {
            display: inline-block;
            margin-right: 34px
        }

        .site-switcher-control a.dropdown-toggle.active:after {
            left: 60px
        }

        :lang(ru) .site-switcher-control a.dropdown-toggle.active:after {
            left: 69px
        }

        .site-switcher-control.site-switcher-mb a.dropdown-toggle.active:after {
            top: unset;
            left: 83px
        }

        .site-switcher-control.dropdown.open>.dropdown-menu,
        .site-switcher-control.dropdown>.dropdown-menu {
            width: 100%
        }

        #cancel-confirmation .modal-dialog,
        #cancel-confirmation.in .modal-dialog,
        #compare-max-limit .modal-dialog,
        #compare-max-limit.in .modal-dialog,
        #delete-card-confirmation .modal-dialog,
        #delete-card-confirmation.in .modal-dialog,
        #deliver-to-selector .modal-dialog,
        #deliver-to-selector.in .modal-dialog,
        #remove-pro-review .modal-dialog,
        #remove-pro-review.in .modal-dialog,
        #something-wrong .modal-dialog,
        #something-wrong.in .modal-dialog {
            width: 90%
        }

        #cancel-confirmation .modal-dialog,
        #compare-max-limit .modal-dialog,
        #delete-card-confirmation .modal-dialog,
        #deliver-to-selector .modal-dialog,
        #remove-pro-review .modal-dialog,
        #something-wrong .modal-dialog {
            top: 50% !important;
            transform: translate(0, -50%) !important;
            -ms-transform: translate(0, -50%) !important;
            -webkit-transform: translate(0, -50%) !important;
            margin: auto;
            width: 90%;
            min-height: 370px
        }

        #deliver-to-selector .modal-body p.info {
            font-size: 13px;
            padding-bottom: 10px;
            border-bottom: 1px solid #eee;
            margin-bottom: 15px
        }

        #deliver-to-selector .modal-body .manage-address.btn {
            background: #ffc824;
            color: #222;
            display: table;
            margin: 0 auto
        }

        #deliver-to-selector .modal-body .form-group .btn {
            border-radius: 4px
        }

        #deliver-to-selector .modal-body .form-group .btn:focus {
            outline: unset !important
        }

        #deliver-to-selector .modal-body .modal-address-wrapper {
            max-height: 160px;
            overflow: auto;
            margin-bottom: 10px
        }

        #deliver-to-selector .modal-body .modal-address-wrapper a.address-wrap {
            padding: 15px;
            display: block;
            border: 1px solid #eee;
            cursor: pointer;
            color: #222;
            margin-bottom: 4px
        }

        #deliver-to-selector .modal-body .modal-address-wrapper a.address-wrap .is-default {
            font-size: 12px;
            font-weight: 700;
            color: #696969
        }

        #deliver-to-selector .modal-body .modal-address-wrapper a.address-wrap.selected {
            border-color: #ffc824 !important;
            background: #fffdf5
        }

        #deliver-to-selector .modal-body .modal-address-wrapper a.address-wrap:hover {
            border-color: #ffec9f !important;
            background: #fffdf6
        }

        #deliver-to-selector .modal-body .modal-address-wrapper span.name {
            font-weight: 600
        }

        @media screen and (min-width:420px) {
            #cancel-confirmation .modal-dialog,
            #cancel-confirmation.in .modal-dialog,
            #compare-max-limit .modal-dialog,
            #compare-max-limit.in .modal-dialog,
            #delete-card-confirmation .modal-dialog,
            #delete-card-confirmation.in .modal-dialog,
            #deliver-to-selector .modal-dialog,
            #deliver-to-selector.in .modal-dialog,
            #remove-pro-review .modal-dialog,
            #remove-pro-review.in .modal-dialog,
            #something-wrong .modal-dialog,
            #something-wrong.in .modal-dialog {
                width: 400px
            }
        }

        #deliver-to-selector .partition hr {
            margin-bottom: 15px
        }

        #deliver-to-selector .partition {
            position: relative
        }

        #deliver-to-selector .partition span {
            position: absolute;
            top: -16px;
            display: block;
            padding: 5px 0;
            background: #fff;
            left: 0;
            right: 0;
            width: 40px;
            margin: auto;
            text-align: center
        }

        .saved-credit-card {
            margin-bottom: 10px;
            padding-bottom: 10px
        }

        .order-payment-form .saved-credit-card span {
            unicode-bidi: plaintext;
            padding: 0 5px
        }

        .card-security-number.required {
            display: inline-block
        }

        .card-security-number input {
            width: 45px
        }

        div#cancel-confirmation,
        div#compare-max-limit,
        div#deliver-to-selector,
        div#remove-pro-review,
        div#something-wrong {
            z-index: 999999999;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0, 0, 0, .4)
        }

        @media screen and (max-width:767px) {
            #deliver-to-selector .modal-body .manage-address.btn {
                width: 100%
            }
        }

        #deliver-to-selector .manage-address a {
            color: #428bca
        }

        .bundle-included-row {
            display: flex;
            flex-wrap: wrap;
            padding: 5px;
            border-bottom: 1px solid #eee
        }

        .bundle-included-row.heading {
            padding: 0
        }

        .bundle-included-row.heading {
            display: none
        }

        .bundle-included-row.heading>div {
            font-weight: 700;
            background: #eff0f4
        }

        .bundle-included-row>div {
            padding: 10px
        }

        .bundle-included-row .col-product {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center
        }

        .bundle-included-row .col-price,
        .bundle-included-row .col-qty {
            display: flex
        }

        .bundle-included-row .col-qty {
            font-weight: 600
        }

        .bundle-included-row .col-price span.field-label,
        .bundle-included-row .col-qty span.field-label {
            margin-right: 7px;
            font-weight: 100
        }

        .bundle-included-row .col-price {
            justify-content: flex-end;
            flex: 2
        }

        .bundle-included-row .col-price {
            flex-direction: column;
            justify-content: center;
            align-items: end
        }

        .bundle-included-row .product-title {
            display: flex;
            align-items: center;
            text-align: center;
            font-weight: 600
        }

        .bundle-included-row .col-product .product-image img {
            height: auto;
            width: auto;
            max-width: 100%;
            max-height: 187px
        }

        .bundle-included-row .col-product .product-image {
            text-align: center;
            min-height: 190px;
            background: #fff;
            padding: 5px;
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .bundle-included-row .col-price .new-price {
            font-size: 14px;
            font-weight: 700
        }

        .bundle-included-row .col-price .old-price {
            text-decoration: line-through;
            margin-left: 10px
        }

        .bundle-included-row .col-price .new-price span.price-amount {
            font-size: 16px
        }

        @media screen and (min-width:620px) {
            .bundle-included-row .col-product {
                flex-wrap: wrap;
                flex-direction: row
            }
            .bundle-included-row .col-product .product-image {
                width: 40%
            }
            .bundle-included-row .product-title {
                text-align: left;
                width: 60%
            }
            .bundle-included-row .product-title a {
                margin-left: 15px
            }
        }

        @media screen and (min-width:767px) {
            .bundle-included-row.heading {
                display: flex
            }
            .bundle-included-row .col-product {
                width: 60%
            }
            .bundle-included-row .col-qty {
                width: 10%;
                justify-content: center
            }
            .bundle-included-row .col-qty {
                align-items: center
            }
            .bundle-included-row .col-price {
                align-items: end
            }
            .bundle-included-row .col-price span.field-label,
            .bundle-included-row .col-qty span.field-label {
                display: none
            }
        }

        @media screen and (min-width:1000px) {
            .bundle-included-row .col-product .product-image {
                width: 222px
            }
        }

        .body-page-product .quantity-selector .select2-container {
            text-align: center
        }

        #payment-method-options .card-security-number {
            display: inline-block;
            position: relative
        }

        #payment-method-options .card-security-number input {
            border: 1px solid #222;
            border-radius: 4px;
            width: 65px;
            font-size: 15px;
            padding: 2px 5px
        }

        #payment-method-options .card-security-number.error input {
            border-color: #e90b0b
        }

        #payment-method-options>ul>li {
            position: relative
        }

        .configurator-wrapper .component-row .one-of-kind {
            margin-top: 10px;
            color: #eb2b2b;
            font-size: 12px;
            font-weight: 500
        }

        .breadcrumps-wrap .breadcrumb li.brand.last:last-child:before,
        .breadcrumps-wrap .breadcrumb li.no-link:last-child:before {
            content: "|"
        }

        .dark-theme .breadcrumps-wrap .breadcrumb li.brand.last:last-child:before,
        .dark-theme .breadcrumps-wrap .breadcrumb li.no-link:last-child:before {
            color: #fff !important
        }

        .form-group.country-selct label {
            display: block
        }

        .truncate,
        .truncate-lg {
            max-width: 105px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: inline-block;
            line-height: 12px;
            unicode-bidi: plaintext
        }

        .truncate-lg {
            max-width: 222px
        }

        .review-likes-count-wrapper.clearfix {
            display: flex;
            flex-direction: column
        }

        .media-body .review-likes {
            display: flex;
            align-items: center;
            justify-content: flex-end
        }

        .thump-down,
        .thump-up {
            padding: 10px;
            margin: 0 12px 0 0;
            display: inline-block
        }

        .thump-up {
            background-color: rgba(0, 0, 0, .4);
            mask: url(/assets/img/thump-up.svg);
            -webkit-mask-image: url(/assets/img/thump-up.svg)
        }

        .thump-down {
            background-color: rgba(0, 0, 0, .4);
            mask: url(/assets/img/thump-down.svg);
            -webkit-mask-image: url(/assets/img/thump-down.svg)
        }

        .review-likes a.dislike:hover .thump-down,
        .review-likes a.like:hover .thump-up,
        .thump-down.liked,
        .thump-up.liked {
            background-color: #0056ff
        }

        .thump-down,
        .thump-down.liked {
            margin: 0 12px 0 12px
        }

        .media-body .review-likes a.dislike,
        .media-body .review-likes a.like,
        .media-body .review-likes div.dislike,
        .media-body .review-likes div.like {
            display: flex;
            align-items: center;
            padding: 0 15px 0 0
        }

        .media-body .review-likes a:last-child {
            padding-right: 0
        }

        .media-body .review-likes a.dislike:hover,
        .media-body .review-likes a.like:hover {
            color: #0056ff
        }

        span.dislike-count,
        span.like-count {
            font-size: 14px
        }

        .media-body.review-star-rating {
            align-items: center;
            justify-content: space-between
        }

        .media-body.review-star-rating .review-likes {
            margin-top: 0
        }

        .item-not-found-wrap {
            text-align: center
        }

        .item-not-found {
            font-size: 20px;
            font-weight: 600;
            padding: 25px 0 0;
            line-height: 28px;
            max-width: 640px;
            margin: 0 auto
        }

        @media screen and (max-width:767px) {
            .item-not-found {
                font-size: 16px
            }
        }

        .back-to-home {
            display: block;
            clear: both;
            margin-top: 25px
        }

        .back-to-home a {
            display: inline-block
        }

        .intl-tel-input .country-list .divider {
            width: unset;
            margin: unset;
            background: unset
        }

        #balance-payment-modal {
            z-index: 999999999;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0, 0, 0, .4)
        }

        #balance-payment-modal #balance-pay-payment-options {
            margin-top: 0
        }

        #balance-payment-modal #balance-pay-payment-options .control {
            display: flex;
            position: relative;
            cursor: auto;
            align-items: center
        }

        #balance-payment-modal #balance-pay-payment-options li:not(.active) .control {
            cursor: pointer
        }

        #balance-payment-modal #balance-pay-payment-options>ul {
            margin: 0;
            padding: 0
        }

        #balance-payment-modal #balance-pay-payment-options>li {
            position: relative
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li {
            border: 2px solid #e3e5f0;
            background: #fff;
            position: relative;
            padding: 0;
            list-style: none;
            margin: 10px 0;
            border-radius: 5px;
            display: flex;
            align-items: center
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li:first-child {
            margin-top: 0
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li:last-child {
            margin-bottom: 0
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li label {
            padding: 0;
            position: relative;
            font-size: 12px;
            width: 100%;
            margin: 0;
            color: #8a8c9b
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li label.payment-opt {
            padding: 12px
        }

        #balance-payment-modal #balance-pay-payment-options .form-container {
            display: grid;
            grid-column-gap: 15px;
            grid-template-columns: minmax(0, 480px) minmax(0, 480px);
            grid-template-rows: 90px 90px 90px;
            grid-template-areas: "name name" "number number" "expiration security";
            padding: 0;
            color: #707070
        }

        #balance-payment-modal #balance-pay-payment-options .form-container .field-container:first-of-type {
            grid-area: name
        }

        #balance-payment-modal #balance-pay-payment-options .form-container .field-container:nth-of-type(2) {
            grid-area: number
        }

        #balance-payment-modal #balance-pay-payment-options .field-container {
            position: relative
        }

        #balance-payment-modal #balance-pay-payment-options .form-container .field-container:nth-of-type(3) {
            grid-area: expiration
        }

        #balance-payment-modal #balance-pay-payment-options .form-container .field-container:nth-of-type(4) {
            grid-area: security
        }

        #balance-payment-modal #balance-pay-payment-options .field-container input {
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        #balance-payment-modal #balance-pay-payment-options input {
            margin-top: 3px;
            padding: 12px;
            font-size: 16px;
            width: 100%;
            border-radius: 5px;
            border: 1px solid #d8d8d8
        }

        #balance-payment-modal #balance-pay-payment-options .card-security-number {
            display: inline-block;
            position: relative
        }

        #balance-payment-modal #balance-pay-payment-options li:not(.active) .card-security-number.required {
            display: none
        }

        #balance-payment-modal #balance-pay-payment-options .card-security-number input {
            border: 1px solid #222;
            border-radius: 4px;
            width: 65px;
            padding: 2px 5px;
            font-size: 14px;
            line-height: 20px;
            margin: 0
        }

        #balance-payment-modal #balance-pay-payment-options span.po-name {
            padding-left: 12px
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li.ccft,
        #balance-payment-modal #balance-pay-payment-options>ul>li[class*="-token-"] {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

        #balance-payment-modal #balance-pay-payment-options li.active #credit-card-wrapper .form-group {
            margin-bottom: 18px
        }

        #balance-payment-modal #balance-pay-payment-options li.active #credit-card-wrapper .form-group.form-group-last {
            margin-bottom: 0
        }

        #balance-payment-modal #balance-pay-payment-options li.active #credit-card-wrapper .input-wraper {
            display: inline;
            position: relative
        }

        #balance-payment-modal #balance-pay-payment-options li.active #credit-card-wrapper .form-group label.error {
            position: absolute !important;
            display: block;
            width: auto
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li.active {
            border-color: #000
        }

        #balance-payment-modal #balance-pay-payment-options .control input {
            position: absolute;
            z-index: -1;
            opacity: 0;
            width: auto
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa:before {
            color: #b7bed2
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li.active label,
        #balance-payment-modal #balance-pay-payment-options>ul>li.active label i.fa:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li.active span.po-name {
            color: #000
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li label .fa {
            font-size: 24px
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li .card-security-number.error input {
            border-color: #e90b0b
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li.active .balance-payment-card-form-container {
            padding: 15px 12px 12px
        }

        #balance-payment-modal .tooltip {
            position: relative;
            display: inline-block
        }

        #balance-payment-modal .input-tooltip {
            position: relative;
            display: block
        }

        .wrapper-card-no {
            position: relative
        }

        .ccicon {
            position: absolute;
            right: 8px;
            width: 40px;
            height: 25px;
            top: 50%;
            transform: translateY(-50%);
            overflow: hidden;
            pointer-events: none;
            display: flex;
            margin-top: 2px
        }

        #payment-method-options .ccicon {
            margin-top: 1px
        }

        .ccicon svg {
            width: 100%;
            height: 100%
        }

        #balance-payment-modal .tooltip .tooltiptext {
            visibility: hidden;
            width: 120px;
            background-color: #000;
            color: #fff;
            text-align: center;
            padding: 4px;
            border-radius: 6px;
            position: absolute;
            z-index: 1;
            top: -48px;
            right: -62%;
            font-size: 12px;
            opacity: 0;
            transition: opacity .2s
        }

        #balance-payment-modal .tooltip:hover .tooltiptext {
            visibility: visible;
            opacity: 1
        }

        #balance-payment-modal .tooltip .tooltiptext::after {
            content: " ";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: 43px;
            border-width: 5px;
            border-style: solid;
            border-color: #000 transparent transparent transparent
        }

        #balance-payment-modal .tooltip_cvv {
            cursor: pointer;
            position: absolute;
            right: 0;
            font-size: 16px;
            padding-right: 9px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 1;
            left: auto
        }

        #balance-payment-modal .tooltip_cvv .tooltip_text {
            position: absolute;
            line-height: initial;
            width: 184px;
            right: 0;
            top: 87%;
            z-index: 1;
            padding: 13px 11px;
            background-color: #fff;
            border: 1px solid #eceef2;
            color: #222;
            text-align: center;
            font-size: 13px;
            visibility: hidden;
            opacity: 0;
            border-radius: 5px;
            box-shadow: rgba(0, 0, 0, .18) 0 2px 4px
        }

        #balance-payment-modal .tooltip_cvv:hover .tooltip_text {
            visibility: visible;
            opacity: 1
        }

        #balance-payment-modal .tooltip_text::before {
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            right: 10px;
            top: -5px;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 5px solid #e2e5f1
        }

        #balance-payment-modal .tooltip_text::after {
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            right: 10px;
            top: -4px;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 5px solid #fff
        }

        #balance-payment-modal .tooltip_cvv .card-icon {
            background: url(/assets/img/card-icon-cvv.png) no-repeat;
            background-size: contain;
            margin: 9px auto 0;
            display: block;
            width: 84px;
            height: 49px
        }

        #balance-payment-modal #balance-pay-payment-options .field-container.error input {
            border-color: #f39292
        }

        #balance-payment-modal button.btn.mobile-pay-btn.btn-default {
            width: 100%;
            color: #fff;
            background: #4caf50;
            font-size: 16px;
            font-weight: 700;
            height: auto;
            border-color: #009688;
            border-style: solid;
            padding: 10px 20px;
            border-radius: 5px;
            margin: 40px 0 0;
            height: 48px
        }

        #balance-payment-modal button.btn.mobile-pay-btn.btn-default:hover {
            background-color: #8bc34a;
            border-color: #80b741
        }

        #balance-payment-modal .modal-title {
            font-size: 18px;
            font-weight: 600
        }

        #balance-payment-modal #balance-pay-payment-options .field-container input[name=checkout_save_card] {
            width: 20px;
            margin: 0
        }

        #balance-payment-modal .order-balance-payment {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            position: fixed;
            z-index: 99999999;
            overflow: auto;
            top: 0;
            right: 5px;
            bottom: 0;
            left: 5px;
            margin: 0 auto
        }

        #balance-payment-modal .order-balance-payment .modal-header {
            padding: 15px 30px
        }

        #balance-payment-modal .order-balance-payment .modal-body {
            padding: 30px 30px
        }

        #balance-payment-modal .order-balance-payment .modal-header {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

        #balance-payment-modal .modal-header .close {
            font-size: 28px
        }

        .modal-dialog.order-balance-payment {
            max-width: 500px;
            width: 95%
        }

        .order-balance-payment .modal-content {
            width: 100%
        }

        @media (min-width:768px) {
            #balance-payment-modal .order-balance-payment {
                margin: 0 auto
            }
            .modal-dialog.order-balance-payment {
                width: 500px
            }
        }

        @media (max-width:425px) {
            #balance-payment-modal .order-balance-payment .modal-body,
            #balance-payment-modal .order-balance-payment .modal-header {
                padding: 15px 15px
            }
            #balance-payment-modal button.btn.mobile-pay-btn.btn-default {
                width: 100%
            }
        }

        #balance-payment-modal .order-balance-payment .modal-content {
            box-shadow: none;
            border: 0;
            margin: 5% auto;
            overflow: auto
        }

        .input-container iframe {
            display: none !important
        }

        .input-container .frame--activated iframe {
            display: block !important
        }

        .input-container .frame--activated iframe {
            display: block !important
        }

        .input-container .frame--activated iframe {
            display: block !important
        }

        span.price-symbol {
            font-weight: 400
        }

        .a-button-text,
        .amount,
        .new-price,
        .old-price,
        .price,
        .product-price,
        .similar-compare-table .similar-compare-price>.old-price {
            font-family: 'YS Text Regular'
        }

        .body-page-product .product-variants-container a.variant-option.un-related {
            border-color: #f4f4f4;
            color: #e2e2e2
        }

        a.variant-option.no-offer,
        span.variant-option.no-offer,
        span.variant-option.selected.no-offer {
            color: unset;
            border-color: unset
        }

        span.variant-option.selected.no-offer {
            border-color: unset
        }

        .variant-option:hover {
            border: unset
        }

        .body-page-product .product-variants-container a.variant-option.un-related {
            border-color: unset;
            color: unset
        }

        .variant-option.selected {
            font-weight: unset;
            border: unset;
            cursor: unset
        }

        .variants-wrapper {
            font-size: 0
        }

        span.variant-op-wrp {
            display: inline-block;
            padding: 7px 10px;
            border: 2px solid #ddd;
            border-radius: 5px;
            font-size: 12px;
            margin: 0 3px 6px
        }

        .variant-option {
            margin-bottom: 0;
            margin-right: 0
        }

        #product-images-slider .item,
        #product-images-slider .item img,
        .variant-images {
            background: #444
        }

        a.variant-option.no-offer .variant-op-wrp,
        span.variant-option.no-offer .variant-op-wrp,
        span.variant-option.selected.no-offer .variant-op-wrp {
            color: #aaa;
            border-color: #e1e1e1
        }

        span.variant-option.selected.no-offer .variant-op-wrp {
            border-color: #ffc824
        }

        .variant-option:hover .variant-op-wrp {
            border: 2px solid #ffc824
        }

        .body-page-product .product-variants-container a.variant-option.un-related .variant-op-wrp {
            border-color: #f4f4f4;
            color: #e2e2e2
        }

        .variant-option.selected .variant-op-wrp {
            font-weight: 700;
            border: 2px solid #ffc824;
            cursor: default
        }

        .body-page-product .select2-dropdown {
            z-index: 9999
        }

        .body-page-page .updated-at {
            margin-bottom: 20px
        }

        #search-results-products .configurator-group .configurator-group-title {
            font-size: 16px;
            margin-bottom: 20px;
            font-weight: 600
        }

        .configurator-wrapper .config-group {
            margin-bottom: 15px
        }

        .configurator-wrapper .config-group .config-group-item {
            margin: 5px 10px;
            font-size: 12px;
            position: relative
        }

        .configurator-wrapper .ungrouped-component .products-list .title {
            position: relative
        }

        .configurator-wrapper .config-group .config-group-item .selectpicker,
        .configurator-wrapper .ungrouped-component .products-list .title .selectpicker {
            position: absolute;
            margin-left: 40px;
            margin-top: 3px
        }

        .configurator-wrapper .config-group .config-group-item label {
            display: inline
        }

        .component-row .config-group-item.selected input,
        .configurator-wrapper .ungrouped-component .products-list .title.selected input,
        .ungrouped-grid .grid-item-wrapper.selected .title input {
            margin-right: 60px
        }

        .configurator-wrapper .component-row .component-selected .ungrouped-component .products-list .title a.btn,
        .configurator-wrapper .component-row .config-group .config-group-item a.btn,
        .configurator-wrapper .component-row .wrapper .ungrouped-grid .grid-item-wrapper .title a.btn {
            padding: 1px 10px;
            font-size: 11px;
            margin-top: -4px;
            margin-left: 10px
        }

        .configurator-wrapper .config-group-title {
            font-size: 16px
        }

        .configurator-wrapper .component-action .save-action {
            text-align: right;
            padding: 5px 10px
        }

        .configurator-wrapper .component-row .save-action button.btn.btn-default {
            border-radius: 2px;
            padding: 2px 15px
        }

        #configurator-reset {
            margin-top: 20px;
            text-align: right
        }

        #configurator-reset .btn {
            border-radius: 5px
        }

        #configurator-reset .reset-info {
            margin-top: 10px
        }

        .configurator-wrapper .component-row-wrapper {
            margin: 10px 0
        }

        .configurator-wrapper .component-row .component-selected .grouped-component,
        .configurator-wrapper .component-row .component-selected .ungrouped-component {
            display: flex
        }

        .body-page-product .configure-build a.configure-build {
            font-weight: 600;
            background: #ffc824;
            border-color: #f2c100;
            width: 100%;
            margin: 0 0 10px 0;
            padding: 10px 24px
        }

        .body-page-product .configure-build a.configure-build .fa {
            font-size: 17px
        }

        #gear {
            animation-name: ckw;
            animation-duration: 1.5s;
            animation-iteration-count: infinite;
            transform-origin: 50% 50%;
            display: inline-block;
            animation-timing-function: linear;
            height: 30px
        }

        #gear2 {
            animation-name: ccw;
            animation-duration: 1.5s;
            animation-iteration-count: infinite;
            transform-origin: 50% 50%;
            display: inline-block;
            animation-timing-function: linear;
            position: absolute;
            top: 23px;
            left: 15px;
            height: 30px
        }

        @keyframes ckw {
            0% {
                transform: rotate(0)
            }
            100% {
                transform: rotate(360deg)
            }
        }

        @keyframes ccw {
            0% {
                transform: rotate(360deg)
            }
            100% {
                transform: rotate(0)
            }
        }

        div#gear-loader-container {
            position: fixed;
            top: 10%;
            right: 45px
        }

        #gear-loader-container .gear-loader {
            position: relative
        }

        .configurator-header {
            display: flex;
            align-items: baseline;
            justify-content: space-between
        }

        #template-wrapper {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
            padding: 20px;
            border-bottom: 1px solid #cfd1dc
        }

        #template-wrapper .image {
            width: 150px
        }

        #template-wrapper .image img {
            max-width: 100%;
            max-height: 100%
        }

        #template-wrapper .product-title {
            margin-left: 13px;
            width: 50%
        }

        #template-wrapper .product-title a {
            font-size: 14px
        }

        .build-type-choice-wrapper {
            display: flex
        }

        .build-type-choice-wrapper .build-type-choice {
            padding: 10px;
            margin: 10px;
            border: 1px solid #414141;
            flex: 1
        }

        .build-type-choice-wrapper .build-type-choice .cover-image {
            height: 440px
        }

        .build-type-choice-wrapper .build-type-choice .cover-image.loading {
            background: url(/assets/img/ml-loading.gif) center center no-repeat;
            background-size: 60px
        }

        .build-type-choice-wrapper .build-type-choice img {
            max-width: 100%;
            height: 100%
        }

        .build-type-choice-wrapper .build-type-choice .title {
            margin: 18px 0 0
        }

        .build-type-choice-wrapper .build-type-choice .title label {
            font-size: 16px;
            text-align: center;
            width: 100%
        }

        .build-type-choice-wrapper .build-type-choice:hover {
            border-color: #676767
        }

        .choose-build-type-wrap .continue-wrapper button#continue {
            margin: 15px 10px;
            font-size: 16px;
            padding: 8px 25px;
            background: #ffc824;
            border: 0;
            border-radius: 3px;
            color: #262626;
            font-weight: 600
        }

        .choose-build-type-wrap .continue-wrapper {
            text-align: right;
            min-height: 70px
        }

        .component-row .ungrouped.more-products {
            text-align: right
        }

        .component-row .config-group-item input,
        .ungrouped-component .products-list .title input,
        .ungrouped-grid .grid-item-wrapper .title input {
            margin-right: 18px
        }

        .component-row .config-group-item input:before,
        .ungrouped-component .products-list .title input:before,
        .ungrouped-grid .grid-item-wrapper .title input:before {
            content: "";
            width: 8px;
            height: 8px;
            background: #7e7e7e;
            display: block;
            border-radius: 50%;
            margin: 3px 20px
        }

        .component-row .config-group-item.active input:before,
        .ungrouped-component .products-list .title.active input:before,
        .ungrouped-grid .grid-item-wrapper .title.active input:before {
            background: #50f04f
        }

        .body-page-cart .cart-unavailable-item-label {
            display: inline-block;
            font-size: 12px;
            font-weight: 700;
            color: #ffc824;
            margin: 0 6px
        }

        .body-page-cart #unavailable-table a.cartItemTitle {
            color: #bfbfbf
        }

        #bought-together-carousel .product .product-bundle-badge.bestseller {
            margin-top: 5px
        }

        .ml-icon-success {
            border: 1px solid;
            border-radius: 50%;
            padding: 3px;
            font-size: 9px;
            font-weight: 100
        }

        .final-cost-ship {
            display: flex;
            align-items: baseline;
            gap: 12px;
            margin-left: -15px;
            margin-right: -15px;
            font-size: 12px;
            line-height: 18px;
            margin-bottom: 8px
        }

        #cancel-confirmation .modal-title {
            font-size: 16px;
            font-weight: 600
        }

        #cancel-confirmation .modal-body {
            padding-top: 0
        }

        #cancel-confirmation .modal-body,
        #cancel-confirmation .modal-header {
            padding: 15px 30px
        }

        #cancel-confirmation .modal-header {
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
            background: #efefef
        }

        #cancel-confirmation .modal-header .modal-title {
            font-size: 18px;
            font-weight: 600
        }

        #cancel-confirmation .modal-header .close {
            margin-top: 0;
            font-size: 28px
        }

        #order-cancellation-form #cancel-order .cancellation-footer {
            display: flex;
            justify-content: space-between;
            margin-bottom: 0
        }

        #order-cancellation-form #cancel-comment-control {
            cursor: pointer;
            padding: 3px 0;
            border-radius: 7px;
            text-decoration: underline
        }

        .ml-user-order-details .alert.alert-success {
            margin-bottom: 20px
        }

        .delete-head {
            padding-bottom: 8px;
            font-size: 16px
        }

        .delete-subhead a {
            font-size: 13px;
            color: #c51e2a
        }

        .profile-details .delete-account-wrapp .profile-panels .panel-content {
            display: block;
            font-size: 13px;
            font-weight: 100
        }

        .profile-details .delete-account-wrapp #delete-account .profile-panels .panel-content .form-group {
            width: 100%
        }

        .profile-details .delete-account-wrapp .profile-panels .form-group label:last-child {
            margin-left: 0
        }

        .delete-subhead {
            font-size: 13px;
            font-weight: 700;
            padding: 0
        }

        .delete-agree label {
            display: inline-flex;
            cursor: pointer
        }

        .delete-agree input[type=checkbox] {
            margin: 0;
            margin-right: 12px
        }

        select.delete-resone {
            padding: 12px 8px;
            border-radius: 5px;
            cursor: pointer;
            max-width: 100%
        }

        .delete-advised {
            color: #686868;
            font-weight: 600;
            font-size: 12px
        }

        .delete-account-btn {
            border-radius: 4px;
            padding: 8px 20px;
            font-weight: 700
        }

        .btn-default.disabled.delete-account-btn {
            background-color: #c8c8c8;
            color: #fff;
            border-color: #c1c1c1
        }

        .delete-account-btn.agreed {
            background-color: #ef685b;
            color: #fff;
            border-color: #ef685b
        }

        .account-closure {
            color: #c51e2a
        }

        .account-delete-confim-wrap {
            text-align: center;
            padding: 25px 0;
            max-width: 680px;
            margin: 0 auto
        }

        .account-delete-confim-head {
            font-size: 20px;
            font-weight: 700;
            margin: 20px 0 15px
        }

        .account-delete-confim-desc {
            font-size: 14px;
            padding: 0 0 12px;
            font-weight: 100;
            line-height: 23px
        }

        span.gc-terms a {
            text-decoration: underline
        }

        #search-results .main-heading-wrapper.brand-list-page .page-title,
        #search-results .main-heading-wrapper.seller-list-page .page-title {
            font-size: 22px;
            font-weight: 600
        }

        .main-heading-wrapper.seller-list-page {
            padding: 15px 20px;
            border-radius: 8px;
            background-color: #fff;
            gap: 15px;
            border: 1px solid #eee;
            background: #f8f8fa
        }

        .customers-count {
            font-size: 20px;
            font-weight: 600
        }

        .customers-label {
            font-weight: 600;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 7px
        }

        .customers-label i {
            font-size: 18px
        }

        .lastdays {
            color: #a5a5a5;
            font-size: 14px;
            font-weight: 100;
            margin-top: 5px
        }

        .seller-store-logo {
            margin-right: 16px;
            border-radius: 8px;
            background: #fff;
            width: 120px;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .seller-store-logo img {
            width: 55px;
            padding: 5px
        }

        .seller-store-info {
            align-items: flex-end
        }

        .seller-store-info .seller-customers {
            padding: 0 10px
        }

        .delivery-hour-feature {
            display: flex;
            align-items: center;
            background-color: #ffe048;
            color: #000;
            padding: 0 14px 0 0;
            border-radius: 5px;
            font-weight: 700;
            border-radius: 15px;
            width: fit-content;
            margin-bottom: 14px
        }

        .delivery-hour-icon {
            font-size: 16px;
            margin-right: 9px;
            background: #fecb03;
            border-radius: 22px;
            width: 49px;
            height: 29px;
            text-align: center;
            padding: 4px 20px
        }

        .delivery-hour-text {
            font-size: 12px
        }

        .toggle-review-content {
            border: none;
            outline-color: transparent !important
        }

        @media screen and (max-width:767px) {
            #search-results .main-heading-wrapper.seller-list-page h1.page-title {
                font-size: 18px
            }
            .seller-store-logo {
                width: 50px
            }
            .seller-store-logo img {
                width: 40px
            }
        }

        :lang(ru) .ml-menu-horizontal .desktop-menu .nav-column li a {
            text-transform: none
        }

        div#category-slider-container {
            padding-bottom: 15px
        }

        @media screen and (max-width:767px) {
            div#category-slider-container {
                margin: 0 -15px;
                margin-top: -20px
            }
        }

        @media screen and (max-width:579px) {
            .review-flex-title-star {
                flex-direction: column
            }
            .reviews-stars-container {
                margin: 8px 0
            }
            .review-list .review-product-title {
                margin-top: 16px
            }
        }

        @media screen and (max-width:700px) {
            .stars-gap {
                display: grid;
                grid-template-columns: repeat(5, auto);
                gap: 5px
            }
            .variants_with_verified {
                display: block
            }
            .last_review_variant_value_pipe {
                display: none
            }
        }

        @media screen and (min-width:769px) and (max-width:1079px) {
            #copyright>.container-fluid,
            #footer>.container-fluid,
            .container,
            .container-fluid,
            .footer-contacts-container>.container-fluid {
                width: calc(100% - 44px) !important
            }
            .footer-recently-viewed-products {
                padding: 20px 44px 40px
            }
        }

        @media screen and (min-width:1080px) and (max-width:1570px) {
            #copyright>.container-fluid,
            #footer>.container-fluid,
            .container,
            .container-fluid,
            .footer-contacts-container>.container-fluid {
                width: calc(100% - 88px) !important
            }
        }

        .ratings-bar-wrap {
            padding: 0 10px;
            margin-top: 10px
        }

        .ratings-bar-wrap .rating-info-wrap {
            flex-wrap: nowrap;
            width: 100%;
            display: flex;
            align-items: center;
            margin-bottom: 5px
        }

        .ratings-bar-wrap .rating-info-wrap .rating-text {
            width: 19%;
            text-align: left
        }

        .ratings-bar-wrap.lang-ru .rating-info-wrap .rating-text {
            width: 30%
        }

        .ratings-bar-wrap .rating-info-wrap .rating-progress {
            flex-grow: 1
        }

        .ratings-bar-wrap .rating-info-wrap .rating-percentage {
            width: 15%;
            text-align: right;
            font-size: 12px
        }

        .ratings-bar-wrap .rating-info-wrap .rating-progress .progress {
            height: 10px;
            margin: 0
        }

        .ratings-bar-wrap .rating-info-wrap .rating-progress .progress .progress-bar {
            background: linear-gradient(#ffeb3b, #ff9800)
        }

        #rate-and-review #only-rating-no-review {
            border-color: #f3f3f3;
            border-width: 0 0 0 1px;
            border-style: solid;
            padding: 0 20px
        }

        #rate-and-review #only-rating-no-review .no-review-title {
            font-weight: 600
        }

        #rate-and-review #only-rating-no-review .no-review-msg {
            background: #f0f2f2;
            padding: 10px 20px;
            border-radius: 7px;
            margin-top: 10px
        }

        #rate-and-review {
            display: flex;
            flex-wrap: wrap
        }

        #rate-and-review .review-calculation-info {
            padding: 7px 10px
        }

        #rate-and-review .review-calculation-info #review-rating-how {
            padding: 0 6px
        }

        #rate-and-review .review-calculation-info a {
            font-weight: 600;
            margin-bottom: 10px;
            display: block
        }

        #rate-and-review .review-calculation-info a span {
            margin-top: 5px
        }

        .review-calculation-info>a.collapsed>.fa.fa-angle-down::before {
            content: "\f107"
        }

        .review-calculation-info>a>.fa.fa-angle-down::before {
            content: "\f106"
        }

        .profile-content-area>.alert.alert-success.activation-success {
            width: 100%
        }

        .mobile-agent #header-mobile {
            padding: 0
        }

        .mobile-agent #header-first,
        .mobile-agent #header-first #header,
        .mobile-agent #menu {
            display: none
        }

        .mobile-agent #header-mobile a.site-logo {
            display: block;
            width: 150px;
            height: 43px;
            margin: auto
        }

        .mobile-agent #header-mobile a.site-logo>img {
            margin-top: 6px;
            height: 33px;
            width: 100%
        }

        .mobile-agent #header-mobile a.mobile-menu-toggle {
            top: 5px
        }

        .mobile-agent #header-mobile a.mobile-header-cart,
        .mobile-agent #header-mobile a.mobile-menu-toggle {
            position: unset;
            padding: 0;
            height: 34px
        }

        .mobile-agent .header_deliver_to_mb_wrapp {
            padding: 8px 0
        }

        .mobile-agent .ml-home-content #mainbanner {
            display: block
        }

        .ml-mobile-head-flex {
            display: flex;
            align-items: center
        }

        @media screen and (max-width:767px) {
            .ml-head {
                flex-wrap: wrap;
                align-items: end
            }
            .ml-head-middle #header {
                padding: 15px 0
            }
            .ml-head-logo {
                order: 1;
                flex-grow: 1;
                min-width: 160px
            }
            .ml-head-search {
                flex: 1 0 100%;
                order: 3;
                padding: 8px 0 0
            }
            .ml-head-right {
                min-width: unset;
                order: 2
            }
            .ml-head .ml-head-wrapp {
                justify-content: unset
            }
            .site-switcher-control a.dropdown-toggle.active:after {
                left: 0
            }
            body:not(.mobile-agent) .site-switcher-control a.dropdown-toggle {
                margin-left: 32px
            }
            #header-first .ml-head a.site-logo {
                width: 160px
            }
            .ml-head-account-drop .fa-angle-down,
            .ml-head-account-drop .header-link-text,
            .ml-head-cart .header-link-text,
            .site-switcher-control a.dropdown-toggle span.deliver-to-label {
                display: none !important
            }
            .head-icon {
                padding-bottom: 0
            }
            .ml-head-cart span#cart-total-qnty {
                top: -12px;
                right: 0;
                margin-top: -19px;
                margin-left: 20px;
                border: 0 solid #000;
                z-index: 99;
                position: relative;
                font-size: 11px;
                line-height: 16px;
                background: #ffc824;
                font-weight: 700;
                font-family: arial, sans-serif !important
            }
            :lang(ru) .site-switcher-control a.dropdown-toggle.active:after {
                left: 0
            }
            .currency-switcher-wrap .select2,
            select.currency-selector {
                width: 52px !important
            }
        }

        @media screen and (max-width:480px) {
            #menu-toggle {
                width: 100%
            }
        }

        .gc-deliver-btn {
            padding: 8px 20px;
            border: 1px solid #d9dfe4;
            border-radius: 25px;
            background: #fff
        }

        .gc-deliver-btn.active {
            background: #ffc824;
            border-color: #ffc824
        }

        form#contact-form .iti__country-list {
            z-index: 4
        }

        .gift-card-selection {
            width: 100%;
            height: 100%;
            margin-left: auto;
            margin-right: auto
        }

        .gift-card-selection .swiper-slide {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-shrink: 1
        }

        .gift-card-next,
        .gift-card-prev {
            position: absolute;
            top: 50%;
            width: 40px;
            height: 25px;
            margin-top: -22px;
            z-index: 10;
            cursor: pointer;
            background-size: 50px 52px;
            background-position: center;
            background-repeat: no-repeat
        }

        .gift-card-next.swiper-button-disabled,
        .gift-card-prev.swiper-button-disabled {
            opacity: .35;
            cursor: auto;
            pointer-events: none
        }

        .gift-card-prev {
            background-image: url(/assets/img/arrow-with-circle-bg.svg);
            left: -1px;
            right: auto;
            transform: rotate(180deg)
        }

        .gift-card-next {
            background-image: url(/assets/img/arrow-with-circle-bg.svg);
            right: -1px;
            left: auto
        }

        .lang-selector-icon {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 5px
        }

        .lang-selector-icon img {
            width: 13px
        }

        .ml-top-header-right .lang-selector-icon img {
            margin-top: -3px
        }

        #grouped-shipment-wrapper .panel-body {
            border: 0 solid #e3e5f3;
            padding: 0;
            background: 0 0
        }

        #grouped-shipment-wrapper .shipping-groups .shipping-group {
            display: flex;
            gap: 20px;
            background: #fff;
            padding: 15px;
            margin-bottom: 15px;
            border-radius: 6px
        }

        #grouped-shipment-wrapper .couriers-head {
            font-size: 15px;
            color: #000;
            font-weight: 700;
            padding: 8px 0
        }

        #grouped-shipment-wrapper .shipping-items-head {
            font-size: 15px;
            font-weight: 700;
            padding: 8px 0
        }

        #grouped-shipment-wrapper .shipping-group-items {
            flex: 2
        }

        #grouped-shipment-wrapper .shipping-group-couriers {
            font-size: 12px;
            flex: 1
        }

        #grouped-shipment-wrapper ul {
            padding: 0;
            margin: 0
        }

        #grouped-shipment-wrapper ul li {
            list-style: none;
            padding-bottom: 5px;
            padding-top: 5px;
            margin-top: 5px
        }

        #grouped-shipment-wrapper ul.couriers-lists label {
            display: flex;
            flex-direction: column
        }

        #grouped-shipment-wrapper ul.couriers-lists label .shipping-handler-label {
            display: flex;
            align-items: flex-start;
            line-height: 18px
        }

        #grouped-shipment-wrapper li .cart-product {
            display: flex;
            justify-content: flex-start;
            align-items: center
        }

        #grouped-shipment-wrapper .item-mini-pic {
            min-width: 75px;
            max-width: 75px;
            padding: 5px;
            background: #fff;
            border-radius: 5px
        }

        #grouped-shipment-wrapper .item-mini-pic img {
            width: 100%;
            aspect-ratio: 1/1;
            object-fit: contain
        }

        #grouped-shipment-wrapper .item-title {
            margin-inline-start: 18px;
            font-size: 12px
        }

        #grouped-shipment-wrapper .item-ind-title {
            color: #000;
            line-height: 18px
        }

        #grouped-shipment-wrapper .item-sold-by {
            padding: 6px 0
        }

        #grouped-shipment-wrapper .item-qty {
            padding: 3px 0 5px 0
        }

        #grouped-shipment-wrapper .item-ind-price {
            font-size: 16px;
            font-weight: 700
        }

        #grouped-shipment-wrapper .item-subtotal {
            font-weight: 700;
            text-align: right;
            direction: ltr;
            font-family: 'YS Text Regular'
        }

        #grouped-shipment-wrapper .item-others {
            font-weight: 700;
            font-family: 'YS Text Regular'
        }

        #grouped-shipment-wrapper .shipping-group-couriers ul li:last-child {
            border-bottom: none
        }

        .shipping-groups .shipping-group-couriers input[type=radio] {
            margin-inline-end: 10px;
            margin-top: 3px
        }

        .shipping-groups .cannot-ship-item {
            font-size: 12px;
            padding: 3px 0 0 0;
            color: red
        }

        @media screen and (max-width:767px) {
            #grouped-shipment-wrapper .shipping-groups .shipping-group {
                flex-direction: column-reverse
            }
        }

        .product-reviews-wrapper {
            padding-bottom: 10px;
            border-bottom: 1px solid #e2e2e2;
            margin: 20px 0
        }

        .product-reviews-wrapper .product-review-aggregate-wrapper .reviews-count-container {
            margin-left: auto;
            margin-right: auto
        }

        .product-reviews-wrapper .product-review-aggregate-wrapper .reviews-count-container .review-count {
            margin-left: auto;
            margin-right: auto
        }

        .product-reviews-wrapper #product-images-slider .item img {
            height: auto
        }

        .product-reviews-wrapper #product-images-slider .prod-img-pic-wrap table td {
            height: auto;
            cursor: auto
        }

        .product-reviews-wrapper #product-images-slider .item img {
            cursor: pointer
        }

        .product-reviews-wrapper .product-review-cover-title .product-title-h1 {
            margin-top: 15px;
            margin-bottom: 15px
        }

        .product-reviews-wrapper .ratings-bar-wrap {
            padding: 0;
            margin-top: 10px
        }

        @media (min-width:768px) {
            .product-reviews-wrapper .product-review-cover-title .product-title-h1 {
                margin-top: 0;
                margin-bottom: 0
            }
        }

        #reviews-pagination .review-pagination-wrap {
            margin: 0;
            margin-top: 40px;
            list-style-type: none;
            padding: 0
        }

        #product-reviews-full-wrapper .review-filters-wrap .form-group {
            width: 100%;
            margin: 10px 0
        }

        #product-reviews-full-wrapper .product-review-aggregate-wrapper .current-review-count {
            display: none
        }

        #product-reviews-full-wrapper .product-review-aggregate-wrapper .current-review-stars {
            display: flex;
            flex-wrap: wrap;
            align-content: space-between;
            align-items: center
        }

        #product-reviews-full-wrapper .product-review-aggregate-wrapper .rating-container.product-reviews {
            position: relative;
            margin: 0;
            overflow: hidden;
            width: 102px;
            margin: 0
        }

        #product-reviews-full-wrapper .product-review-aggregate-wrapper .reviews-count-container {
            width: 100%;
            flex: none;
            text-align: left;
            margin-top: 2px
        }

        #product-reviews-full-wrapper .product-review-aggregate-wrapper .current-review-count {
            display: none
        }

        #product-reviews-full-wrapper .product-review-aggregate-wrapper .current-review-stars .rating-average {
            margin-left: 15px;
            line-height: 18px
        }

        h2.title.review-title {
            margin-bottom: 20px
        }

        @media (min-width:992px) {
            #product-reviews-full-wrapper .form-group.mdl-selectfield:last-child {
                margin-right: 0
            }
            #product-reviews-full-wrapper .form-group.mdl-selectfield:first-child {
                margin-left: 0
            }
        }

        @media (min-width:768px) {
            #product-reviews-full-wrapper .review-filters-wrap {
                gap: 10px
            }
            #product-reviews-full-wrapper .review-filters-wrap .form-group {
                width: calc(50% - 10px);
                margin: 10px 10px
            }
            #product-reviews-full-wrapper .review-filters-wrap .form-group:nth-child(even) {
                margin-right: 0
            }
            #product-reviews-full-wrapper .review-filters-wrap .form-group:nth-child(odd) {
                margin-left: 0
            }
        }

        @media (min-width:992px) {
            #product-reviews-full-wrapper .review-filters-wrap .form-group {
                width: calc(33.33% - 6.67px)
            }
            #product-reviews-full-wrapper .review-filters-wrap .form-group:nth-child(3n+1) {
                margin-left: 0;
                margin-right: 5px
            }
            #product-reviews-full-wrapper .review-filters-wrap .form-group:nth-child(3n) {
                margin-right: 0;
                margin-left: 5px
            }
            #product-reviews-full-wrapper .review-filters-wrap .form-group:nth-child(3n+2) {
                margin-left: 5px;
                margin-right: 5px
            }
            #product-reviews-full-wrapper .product-review-aggregate-wrapper .current-review-stars {
                margin-bottom: 15px
            }
        }

        @media (min-width:1024px) {
            #product-reviews-full-wrapper .review-filters-wrap .form-group {
                width: calc(20% - 8px);
                margin-left: 5px;
                margin-right: 5px
            }
            #product-reviews-full-wrapper .review-filters-wrap .form-group:nth-child(3n),
            #product-reviews-full-wrapper .review-filters-wrap .form-group:nth-child(3n+1),
            #product-reviews-full-wrapper .review-filters-wrap .form-group:nth-child(3n+2) {
                margin-left: 5px;
                margin-right: 5px
            }
            #product-reviews-full-wrapper .review-filters-wrap .form-group:first-child {
                margin-left: 0
            }
            #product-reviews-full-wrapper .review-filters-wrap .form-group:last-child {
                margin-right: 0
            }
            h2.title.review-title {
                margin-bottom: 40px
            }
        }

        @media (max-width:992px) {
            .product-reviews-wrapper .product-review-aggregate-wrapper .col-one {
                max-width: 480px;
                margin: 0;
                margin-bottom: 30px
            }
        }

        #reviews-pagination .review-pagination-wrap li {
            border-radius: 3px
        }

        #reviews-pagination .review-pagination-wrap li {
            display: inline-block;
            border-radius: 5px;
            margin: 0 5px;
            font-size: 16px;
            font-weight: 400;
            transition-property: all;
            transition-duration: .3s;
            transition-timing-function: ease;
            transition-delay: 0s
        }

        #reviews-pagination .review-pagination-wrap li a,
        #reviews-pagination .review-pagination-wrap li.active {
            padding: 5px 12px
        }

        #reviews-pagination .review-pagination-wrap li.arrow {
            color: #fff;
            background-color: #222
        }

        #reviews-pagination .review-pagination-wrap li.active {
            color: #222;
            background: #fecb02
        }

        #reviews-pagination .review-pagination-wrap li a {
            display: block
        }

        #reviews-pagination .review-pagination-wrap li.arrow a {
            color: #fff
        }

        #reviews-pagination {
            border-top: none;
            margin: 30px 0;
            text-align: center;
            padding: 0
        }

        .review-filters-wrap .form-group {
            border: 1px solid #d2d1da;
            position: relative;
            padding: 2px 0 2px 0;
            border-radius: 5px
        }

        .review-filters-wrap .form-group label {
            margin-left: 10px;
            background: #fff;
            position: absolute;
            top: -10px;
            padding: 0 10px;
            color: #434752;
            font-family: Arial, san-serif;
            font-weight: 400;
            font-size: 14px;
            z-index: 3
        }

        .review-filters-wrap .form-group .form-control {
            border: 0;
            box-shadow: none;
            padding: 6px 20px
        }

        .review-filters-wrap .form-wrap {
            display: flex;
            flex-wrap: wrap
        }

        .review-filters-wrap .form-group {
            width: 100%;
            margin: 10px 0
        }

        .review-filters-wrap .form-group select.ratings {
            color: #fec325
        }

        .review-filters-wrap .form-group .select2-container--default .select2-selection--single {
            border: 0
        }

        .review-filters-wrap .form-group.users.mdl-selectfield:after {
            display: none
        }

        @media screen and (max-width:657px) and (min-width:520px) {
            .review-filters-wrap .form-group {
                width: 47.4%;
                margin: 10px 5px
            }
        }

        @media screen and (max-width:980px) and (min-width:658px) {
            .review-filters-wrap .form-group {
                width: 30%
            }
        }

        @media screen and (min-width:980px) {
            .review-filters-wrap .form-group {
                width: 44%;
                margin: 10px
            }
        }

        @media screen and (min-width:1240px) {
            .review-filters-wrap .form-group {
                width: 46%
            }
        }

        @media screen and (min-width:1000px) {
            .review-filters-wrap .form-group {
                width: 30.9%
            }
        }

        @media screen and (min-width:1150px) {
            .review-filters-wrap .form-group {
                width: 18%
            }
        }

        @media screen and (max-width:768px) {
            .product-reviews-full-wrapper .product-reviews-wrap .media-list.product-review-full {
                padding: 0 15px
            }
        }

        .review-filters-wrap {
            margin-bottom: 25px
        }

        .product-reviews-wrap>.no-review-title {
            text-align: center;
            margin: 20px 10px;
            font-size: 14px;
            font-weight: 700
        }

        .have-more-reviews a {
            font-weight: 600;
            text-decoration: underline;
            color: #ec9d1a
        }

        .have-more-reviews a:hover {
            color: #888
        }

        .product-reviews-wrap #rate-and-review {
            width: 80%;
            display: block
        }

        .cant-notify {
            font-size: 14px;
            font-weight: 700;
            text-align: center;
            border: 1px solid transparent;
            border-radius: 4px;
            display: block;
            background-color: #f0ad4e;
            color: #000;
            width: 100%;
            cursor: default
        }

        .change-email-btn {
            margin-top: 8px;
            text-align: start;
            position: absolute;
            color: #428bca !important;
            font-size: 12px;
            line-height: 12px
        }

        .otp-input {
            width: 40px;
            height: 40px;
            font-size: 18px;
            text-align: center;
            border-radius: 5px
        }

        .otp-form {
            display: flex;
            flex-direction: row;
            justify-content: center;
            gap: 8px;
            margin: 30px 0 45px
        }

        .profile-details .change-email-wrapp .profile-panels .panel-content {
            display: block;
            font-size: 13px;
            font-weight: 100
        }

        .profile-details .change-email-wrapp #dchange-email .profile-panels .panel-content .form-group {
            width: 100%
        }

        .profile-details .dchange-email-wrapp .profile-panels .form-group label:last-child {
            margin-left: 0
        }

        .save-change-email {
            background: #4caf50;
            border-radius: 5px;
            border: 1px solid #009688;
            color: #fff;
            padding: 8px 44px
        }

        .save-change-email:focus,
        .save-change-email:hover {
            background-color: #449d44;
            border-color: #398439;
            color: #fff;
            outline: 0
        }

        .save-change-email-form-group {
            margin-bottom: 40px !important;
            margin-top: 25px
        }

        .change-email-content {
            margin-bottom: 25px
        }

        .relative-form-group {
            position: relative
        }

        .info-box {
            display: flex;
            align-items: flex-start;
            background-color: #f7f7fa;
            padding: 15px;
            border-radius: 5px;
            margin: 15px 0;
            border: 1px solid #eeeef4
        }

        .info-icon {
            font-size: 20px;
            color: #1a73e8;
            margin-right: 10px;
            margin-top: 5px
        }

        .info-content {
            flex: 1
        }

        .info-box .info-text {
            font-weight: 700;
            margin-bottom: 10px;
            font-size: 14px
        }

        .info-box p {
            margin: 5px 0;
            color: #202124;
            font-size: 13px
        }

        .change-email-options a,
        .change-email-options button.submit-change-email-btn {
            color: #428bca;
            font-size: 13px;
            text-decoration: none;
            border: none;
            background: 0 0;
            cursor: pointer;
            font-weight: 700
        }

        .change-email-subhead {
            font-size: 15px;
            font-weight: 700;
            margin-bottom: 5px
        }

        .info-icon i {
            color: #202124
        }

        .change-email-options {
            display: flex;
            flex-direction: row;
            justify-content: center;
            gap: 8px;
            margin-top: 10px
        }

        @media screen and (max-width:465px) {
            .email-form-group {
                display: block
            }
            .change-email-options,
            .change-email-options a,
            .change-email-options form {
                display: block
            }
            .change-email-options.email-verification {
                margin-left: auto;
                margin-right: auto;
                width: 100px
            }
            .submit-change-email-btn {
                padding: 0;
                margin-top: 5px
            }
        }

        .review-modal {
            display: none;
            position: fixed;
            z-index: 99999999;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: #000;
            background-color: rgba(0, 0, 0, .4);
            top: 0;
            right: 0;
            bottom: 0;
            left: 0
        }

        .review-modal.model-open {
            display: flex !important;
            align-items: center;
            justify-content: center
        }

        .review-modal-content {
            background-color: #fff;
            width: 90%;
            max-width: 720px;
            border-radius: 22px
        }

        .review-writer {
            align-items: center;
            justify-content: start
        }

        .review-writer-info {
            display: flex;
            flex-direction: column;
            margin-inline-start: 24px
        }

        .review-writer-name {
            font-size: 20px;
            font-weight: 700
        }

        .review-writer-email {
            font-size: 14px
        }

        .review-modal-content .avatar-letter {
            width: 55px;
            height: 55px
        }

        .review-stars-all {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 25px 0
        }

        .review-form-wrap textarea {
            border-color: #888;
            resize: none;
            padding: 15px
        }

        .review-form-wrap .uploader-wrap {
            margin: 35px 0;
            padding: 0;
            border: 0
        }

        .review-form-wrap .upload {
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #ddd;
            border-radius: 5px;
            padding: 10px;
            cursor: pointer;
            font-size: 14px;
            color: #007bff;
            text-align: center;
            position: relative
        }

        .review-form-wrap .upload .icon {
            font-size: 24px;
            color: #007bff
        }

        .review-form-wrap .upload input[type=file] {
            display: none
        }

        .review-form-wrap .upload>img {
            width: 35px;
            padding: 5px
        }

        .review-form-wrap .review-img-wrap {
            height: 106px
        }

        .review-head {
            font-size: 20px
        }

        #review-modal .submit-review {
            text-align-last: end
        }

        #review-modal .submit-review button.btn {
            padding: 8px 16px;
            border-radius: 5px;
            width: auto;
            border: 0;
            cursor: pointer;
            font-size: 14px
        }

        #review-modal .modal-header {
            position: relative;
            border-bottom: none;
            padding: 40px;
            text-align: center;
            color: #000;
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-direction: row-reverse
        }

        #review-modal .modal-body {
            padding: 10px 40px 40px
        }

        #review-modal .modal-header span.close-review-modal {
            display: block;
            font-size: 28px;
            cursor: pointer;
            font-weight: 600;
            color: #686868
        }

        #review-modal .modal-header span.close-review-modal:hover {
            color: #000
        }

        #rate-and-review a#add-product-review {
            font-size: 14px;
            margin-top: 10px;
            display: inline-block;
            border: 1px solid #949494;
            padding: 5px 18px;
            border-radius: 5px
        }

        #rate-and-review a#add-product-review:hover {
            background: #f5f5f5
        }

        #review-modal .review-form-wrap label {
            margin-top: 15px
        }

        .review-form-wrap .submit-review .cancel {
            background: #f5f5f5;
            color: #333;
            margin-inline-end: 10px
        }

        @media screen and (max-width:980px) {
            .profile-details .change-email-server-response .alert {
                position: relative;
                top: 0;
                width: 100%;
                padding: 5px 10px
            }
            .change-email-panel-content {
                padding: 20px 15px !important
            }
        }

        @media screen and (max-width:1200px) {
            .email-form-group {
                margin-bottom: 40px !important
            }
        }

        @media screen and (max-width:680px) {
            #review-modal .modal-body {
                padding: 10px 20px 20px
            }
            #review-modal .modal-header {
                padding: 25px
            }
            .review-modal-content .avatar-letter {
                width: 40px;
                height: 40px
            }
            .review-writer-info {
                margin-inline-start: 14px
            }
        }

        #installment-payment.loading iframe {
            background: url(/assets/img/search-ajax-loader.gif) #fff no-repeat center center
        }

        #payment-details #payment-method-options .form-container .field-container {
            position: relative
        }

        #payment-details #payment-method-options .form-container .field-container:first-of-type {
            grid-area: name
        }

        #payment-details #payment-method-options .form-container .field-container:nth-of-type(2) {
            grid-area: number
        }

        #payment-details #payment-method-options .form-container .field-container:nth-of-type(3) {
            grid-area: expiration
        }

        #payment-details #payment-method-options .form-container .field-container:nth-of-type(4) {
            grid-area: security
        }

        #payment-details #payment-method-options li.active .display-td {
            padding: 20px 15px;
            margin: auto;
            text-align: center;
            background: #f7f7fa
        }

        #payment-details #payment-method-options .form-container {
            display: grid;
            grid-column-gap: 10px;
            grid-template-columns: minmax(0, 150px) minmax(0, auto);
            grid-template-rows: auto;
            grid-template-areas: "name name""number number""expiration security";
            padding: 15px 25px;
            color: #707070
        }

        #payment-method-options li.active .payment-card-form-container label {
            font-size: 12px;
            padding: 0;
            width: 100%
        }

        #payment-details #payment-method-options .form-container .field-container label {
            padding: 0;
            font-size: 13px
        }

        #payment-details #payment-method-options .form-container .field-container input {
            margin: 0;
            padding: 15px;
            font-size: 16px;
            width: 100%;
            border-radius: 3px;
            border: 1px solid #dcdcdc
        }

        #payment-details #payment-method-options li.active .form-container .field-container input {
            padding: 8px 12px
        }

        #payment-details #payment-method-options li.active .form-container .field-container input[name=cvv] {
            width: 130px
        }

        #payment-details #payment-method-options li.active .form-container .field-container label.error {
            position: absolute;
            font-size: 12px;
            left: 0;
            bottom: -25px
        }

        #payment-details #payment-method-options li.active .form-container .tooltip_cvv .tooltip_text {
            position: absolute;
            line-height: initial;
            width: 184px;
            right: 0;
            top: 87%;
            z-index: 1;
            padding: 13px 11px;
            background-color: #fff;
            border: 1px solid #eceef2;
            color: #222;
            text-align: center;
            font-size: 13px;
            visibility: hidden;
            opacity: 0;
            border-radius: 5px;
            box-shadow: rgba(0, 0, 0, .18) 0 2px 4px
        }

        #payment-details #payment-method-options li.active .form-container .tooltip_cvv:hover .tooltip_text {
            visibility: visible;
            opacity: 1
        }

        #payment-details #payment-method-options li.active .display-td img {
            margin: auto
        }

        #payment-details #payment-method-options li.active .display-td {
            padding: 20px 15px;
            margin: auto;
            text-align: center
        }

        #payment-details #payment-method-options li.active .field-container label.check_save_card.ml-flex {
            width: fit-content;
            cursor: pointer
        }

        #payment-details #payment-method-options li.active .field-container label.check_save_card.ml-flex input {
            width: 16px;
            cursor: pointer
        }

        #payment-details #payment-method-options>ul>li .card-security-number label.error {
            font-size: 12px;
            width: auto;
            white-space: nowrap;
            top: 1px;
            padding: 0 7px
        }

        #payment-method-options .card-security-number .saved-card-input-wrap {
            display: flex;
            padding: 15px;
            flex-direction: row-reverse
        }

        #payment-method-options>ul>li[class*="-token-"].active .tooltip_cvv:not(.theme_mode) {
            top: unset;
            left: unset;
            right: unset
        }

        @media screen and (max-width:675px) {
            #payment-method-options .card-security-number .saved-card-input-wrap {
                padding: 0;
                flex-direction: row
            }
            #payment-details #payment-method-options>ul>li[class*="-token-"].active .tooltip_cvv:not(.theme_mode) {
                left: 63px
            }
        }

        .product-buy-col .quantity-input-group .quantity-selector.highlight .select2-container--default .select2-selection--single {
            border-color: #ffc824
        }

        .product.product-carousel a.acc-buy-min-req {
            background: #39bf87;
            color: #fff;
            border: #39bf87;
            opacity: .5;
            border-radius: 3px;
            padding: 2px 15px;
            display: inline-block
        }

        .product.product-carousel a.acc-buy-min-req:hover {
            opacity: 1
        }

        .order-item a.add-to-cart-min-req {
            background: #4caf50;
            min-width: 162px;
            max-width: 155px;
            border-color: #45a349;
            margin: 5px 0;
            display: inline-block;
            margin-top: 20px;
            border-radius: 5px;
            padding: 5px 10px;
            width: 120px;
            font-size: 12px;
            text-align: center;
            text-transform: initial;
            font-size: 12px;
            color: #fff;
            font-weight: 100 !important
        }

        .ml-compare-table a.cmpre-add-to-cart-min-req {
            display: inline-block;
            width: auto;
            background: #ffc824;
            border: 1px solid #ea9514;
            padding: 3px 20px;
            margin-top: 5px;
            border-radius: 3px;
            color: #000;
            font-size: 13px
        }

        .similar-compare-table a.similar-product-add-to-cart {
            display: inline-block;
            width: auto;
            background: #ffc824;
            border: 1px solid #ea9514;
            padding: 3px 20px;
            border-radius: 3px;
            color: #000;
            font-size: 13px
        }

        .similar-compare-table a.similar-product-add-to-cart:hover {
            background: #ffe478
        }

        .product-offers a.offers-add-to-cart-min-req {
            border-radius: 2px;
            padding: 4px 10px;
            font-size: 12px;
            font-weight: 700;
            background: #4caf50;
            color: #fff;
            border: 1px solid #009688;
            display: inline-block
        }

        .product-offer-mb a.offers-add-to-cart-min-req {
            width: 100%;
            background: #4caf50;
            border: 1px solid #03978b;
            color: #fff;
            padding: 10px 0;
            border-radius: 5px;
            text-align: center;
            font-size: 14px;
            font-weight: 200
        }

        .product-shipping-from-badge {
            display: flex;
            margin-bottom: 15px
        }

        .shipping-badge {
            display: flex;
            align-items: center;
            background: #d9d9d9;
            padding: 0 10px;
            border-radius: 20px;
            font-size: 12px;
            line-height: 20px;
            margin-inline-end: 5px
        }

        .s-badge-label {
            padding-inline-start: 4px;
            font-weight: 600
        }

        .product-offer-mb .po_delivery {
            text-align-last: end
        }

        .product_offers_details .s-badge-label,
        .product_offers_details .shipping-badge {
            margin: 0 !important
        }

        @media screen and (max-width:768px) {
            .body-page-product .have-more-reviews {
                margin-bottom: 35px
            }
            .shipping-badge {
                font-size: 11px
            }
        }

        .payment-social {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

        .payment-options-logos {
            flex-wrap: wrap;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            margin: 15px 0
        }

        .social {
            margin-bottom: 15px
        }

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

        .social ul li {
            display: inline-block;
            margin-inline-end: 15px
        }

        .social ul li a {
            color: #fff;
            text-decoration: none
        }

        .social ul li a:hover {
            color: #428bca
        }

        .social ul li:last-child {
            margin-inline-end: 0
        }

        .social a.fb {
            color: #3b5997
        }

        .social a.fb:hover {
            color: #0f2e6d
        }

        .social a.tw {
            color: #29c5f6
        }

        .social a.tw:hover {
            color: #009acd
        }

        .social a.ins {
            color: #987e63
        }

        .social a.ins:hover {
            color: #6f594e
        }

        .social a.gpl {
            color: #e3411f
        }

        .social a.gpl:hover {
            color: #ca3737
        }

        .social a.fb,
        .social a.ins,
        .social a.tw {
            width: 38px;
            height: 38px;
            font-size: 18px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            background-color: #ffc824;
            border-radius: 100%
        }

        .social .fa {
            font-size: 20px;
            color: #222
        }

        .balance-form.payment-options-logos {
            margin: 10px 0;
            padding: 0 30px
        }

        @media screen and (max-width:768px) {
            .social {
                text-align: start
            }
            .payment-social {
                flex-wrap: wrap;
                flex-direction: column;
                align-items: self-start
            }
        }

        @media screen and (max-width:649px) {
            .social {
                margin: 15px auto;
                text-align: center
            }
            .payment-social {
                align-items: center
            }
        }

        .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
            background-color: #4d4d4d
        }

        .view-on-map a {
            color: #445893
        }

        .assemble-card-action {
            display: flex
        }

        .assemble-card-action .btn.assemble-btn {
            margin-top: 10px !important;
            margin-bottom: 10px !important
        }

        .assemble-card-action .btn.assemble-btn:hover {
            color: #fff !important;
            background-color: #8bc34a;
            border-color: #8bc34a
        }

        .assemble-card-action .btn.assemble-btn:focus {
            color: #fff !important;
            background-color: #8bc34a;
            outline: 0;
            box-shadow: none
        }

        .assemble-card-close-btn {
            padding-top: 10px;
            padding-bottom: 10px;
            display: flex;
            padding-inline-start: 15px
        }

        .delete-card-action-container {
            display: flex;
            justify-content: end;
            gap: 10px;
            align-items: center;
            margin-top: 20px
        }

        .badge-sixty-minutes {
            background-image: url(/assets/img/badge-sixty-en.svg);
            background-repeat: no-repeat;
            width: 180px;
            height: 46px;
            margin-bottom: 14px;
            display: block;
            clear: both
        }

        :lang(ar) .badge-sixty-minutes {
            background-image: url(/assets/img/badge-sixty-ar.svg);
            width: 180px;
            height: 46px
        }

        :lang(ru) .badge-sixty-minutes {
            background-image: url(/assets/img/badge-sixty-ru.svg);
            width: 180px;
            height: 46px
        }

        a.to-home.btn.btn-primary {
            color: #fff
        }

        .information .import_fee_txt {
            line-height: 19px !important;
            color: #e90b0b
        }

        a.store-marker {
            text-decoration: underline;
            color: #000
        }

        a.store-marker:hover {
            color: #09579b
        }

        span.flag:after {
            content: "";
            display: inline-block;
            width: 25px;
            height: 16px;
            background-image: url(/assets/img/flags-sprite.png);
            background-repeat: no-repeat
        }

        .name-flag {
            display: flex;
            gap: 5px;
            align-items: center
        }

        .home .top-categories .top-category.product.product-carousel,
        .ml-home-content #content .top-categories.sub-categories .top-category.product.product-carousel {
            padding: 0;
            background: #f5f5f5;
            border-radius: 8px
        }

        body.dark-theme .ml-home-content #content .top-categories.sub-categories .top-category.product.product-carousel,
        body.dark-theme.home .top-categories .top-category.product.product-carousel {
            background: #3d3d3d
        }

        #search-results .top-categories.sub-categories {
            row-gap: 25px;
            column-gap: 25px;
            margin-bottom: 45px
        }

        #search-results .top-categories.sub-categories .top-category.product {
            width: unset;
            height: unset
        }

        #search-results .top-categories.sub-categories .top-category.product .product-image,
        .home .top-categories .top-category.product .product-image {
            line-height: unset;
            height: unset;
            padding: 30px 40px 10px
        }

        #search-results .top-categories.sub-categories .top-category.product .product-image img,
        .home .top-categories .top-category.product .product-image img {
            max-width: 100%;
            height: auto;
            width: 100%;
            max-height: unset;
            aspect-ratio: 1/1;
            object-fit: contain;
            display: flex;
            align-items: center
        }

        @media screen and (min-width:1200px) {
            #search-results .top-categories.sub-categories .top-category.product {
                flex: 0 0 calc((100% / 5) - 20px);
                width: calc((100% / 5) - 20px)
            }
        }

        @media screen and (max-width:1199px) {
            #search-results .top-categories.sub-categories .top-category.product {
                flex: 0 0 calc((100% / 4) - 18.75px);
                width: calc((100% / 4) - 18.75px)
            }
            #search-results .top-categories .top-category.product .top-seller-category,
            .top-categories .top-category.product .top-seller-category {
                font-size: 14px
            }
        }

        @media screen and (max-width:991px) {
            #search-results .top-categories.sub-categories .top-category.product {
                flex: 0 0 calc((100% / 3) - 16.9px);
                width: calc((100% / 3) - 16.9px)
            }
            #search-results .top-categories.sub-categories .top-category.product .product-image,
            .home .top-categories .top-category.product .product-image {
                padding: 20px 20px 5px
            }
        }

        @media screen and (max-width:767px) {
            #search-results .top-categories.sub-categories {
                row-gap: 8px;
                column-gap: 8px
            }
            #search-results .top-categories.sub-categories .top-category.product {
                flex: 0 0 calc((100% / 4) - 6px);
                width: calc((100% / 4) - 6px)
            }
        }

        @media screen and (max-width:680px) {
            #search-results .top-categories.sub-categories .top-category.product {
                flex: 0 0 calc((100% / 3) - 5.33px);
                width: calc((100% / 3) - 5.33px)
            }
        }

        @media screen and (max-width:375px) {
            #search-results .top-categories.sub-categories .top-category.product {
                flex: 0 0 calc((100% / 2) - 4px);
                width: calc((100% / 2) - 4px)
            }
        }

        .home .top-categories .top-category.product .product-title {
            height: 52px;
            padding: 7px 12px 15px;
            display: flex;
            justify-content: center;
            align-items: flex-end
        }

        .auth-page-bg {
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 25px 0
        }

        .auth-page-container {
            width: 100%;
            max-width: 450px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column
        }

        .auth-page-card {
            width: 100%;
            border-radius: 10px;
            border: 1px solid #ccc;
            padding: 45px
        }

        .auth-page-card a.basic-header {
            padding: 0;
            text-align: center
        }

        .microless-logo img {
            width: 190px;
            max-width: 190px;
            margin-bottom: 16px
        }

        .auth-page-heading {
            margin-bottom: 25px;
            padding-top: 25px
        }

        .auth-page-heading h4 {
            text-align-last: start;
            font-weight: 700
        }

        .auth-page-body .form-control {
            padding: 10px 14px;
            border-radius: 8px;
            border: 1px solid #ccc;
            height: 46px
        }

        .auth-page-body.verify_email .form-control {
            height: 52px;
            width: 52px;
            padding: 5px
        }

        .page-sub-head {
            padding-bottom: 20px
        }

        .btn-wrap {
            margin-top: 25px
        }

        .big-ybtn {
            background: #ffcf00;
            color: #111 !important;
            border: 1px solid #c7990e;
            border-radius: 8px;
            padding: 14px 0;
            font-size: 16px;
            font-weight: 600;
            width: 100%;
            margin-bottom: 16px;
            transition: background .2s;
            position: relative
        }

        .big-ybtn.is-loading::after {
            content: "";
            position: absolute;
            inset: 0;
            background: rgb(254 203 0);
            border-radius: inherit
        }

        .big-ybtn.is-loading::before {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            width: 18px;
            height: 18px;
            margin: -9px 0 0 -9px;
            border: 2px solid #000;
            border-top-color: transparent;
            border-radius: 50%;
            z-index: 2;
            animation: spin .8s linear infinite
        }

        @keyframes spin {
            to {
                transform: rotate(360deg)
            }
        }

        .button-as-link {
            background: 0 0;
            border: none;
            padding: 0;
            font: inherit;
            cursor: pointer;
            font-weight: 700
        }

        .button-as-link:hover {
            color: #000;
            text-decoration: none
        }

        .empty-btm .big-ybtn {
            margin-bottom: 0
        }

        .big-ybtn:hover {
            background: #ffd900
        }

        .remember-forgot-wrap {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

        .remember-forgot-wrap .checkbox {
            margin: 3px
        }

        .remember-forgot-wrap .checkbox label,
        .remember-forgot-wrap a {
            color: #000
        }

        .sign-up-txt {
            text-align: center;
            margin-top: 30px;
            font-size: 13px
        }

        .sign-up-txt a {
            font-weight: 600
        }

        .terms-links {
            text-align: center;
            width: 100%;
            margin-top: 20px
        }

        .terms-links a {
            color: #333;
            text-decoration: underline
        }

        @media (max-width:480px) {
            .auth-page-container {
                max-width: 100%
            }
            .auth-page-card {
                padding: 25px 15px
            }
            .auth-page-body.verify_email .form-control {
                height: 46px;
                width: 46px;
                padding: 4px
            }
        }

        @media (max-width:375px) {
            .auth-page-body.verify_email .form-control {
                height: 46px;
                width: 36px
            }
        }

        @media (max-width:320px) {
            .auth-page-body.verify_email .form-control {
                height: 46px;
                width: 36px
            }
        }

        .faster-fbm-delivery {
            position: relative;
            width: 100%;
            border-radius: 5px;
            background: #dcf1d3;
            border: 1px solid #4caf50;
            margin: 20px 0
        }

        .faster-fbm-delivery:hover {
            background: #c9e5bd
        }

        .faster-fbm-delivery .faster-fbm-inner {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 12px;
            padding: 10px 12px
        }

        .faster-fbm-delivery .faster-fbm-data {
            width: 95%;
            display: flex;
            gap: 6px;
            justify-content: space-between;
            align-items: center;
            flex: 1 1;
            color: #000
        }

        .faster-fbm-delivery .faster-fbm-ribbon {
            width: 100%;
            display: flex;
            align-items: center;
            gap: 12px;
            font-weight: 600
        }

        .faster-fbm-label {
            background: #4caf50;
            padding: 1px 8px;
            border-radius: 5px;
            font-size: 12px;
            color: #fff
        }

        .faster-fbm-date,
        .faster-fbm-price {
            font-weight: 700;
            font-size: 14px
        }

        .faster-fbm-price {
            text-align-last: end;
            line-height: 12px;
            min-width: 100px
        }

        .faster-fbm-arrow {
            display: flex;
            align-items: center;
            justify-self: center
        }

        @media screen and (max-width:991px) {
            .faster-fbm-date,
            .faster-fbm-price {
                font-size: 13px
            }
            .faster-fbm-delivery .faster-fbm-inner,
            .faster-fbm-delivery .faster-fbm-ribbon {
                gap: 8px
            }
        }

        @media screen and (min-width:992px) and (max-width:1060px) {
            .faster-fbm-delivery .faster-fbm-ribbon {
                flex-direction: column;
                align-items: flex-start;
                gap: 5px
            }
        }

        @media screen and (min-width:581px) and (max-width:830px) {
            .faster-fbm-delivery .faster-fbm-ribbon {
                flex-direction: column;
                align-items: flex-start;
                gap: 5px
            }
        }

        @media screen and (max-width:425px) {
            .faster-fbm-delivery .faster-fbm-ribbon {
                flex-direction: column;
                align-items: flex-start;
                gap: 5px
            }
        }

        @media screen and (max-width:375px) {
            .review-profile-info {
                flex-direction: column;
                align-items: flex-start
            }
            .product-review-full .review-date {
                line-height: 22px;
                margin-inline-start: 0
            }
        }

        .ml-product-wrapper {
            position: relative
        }

        .badge-wrapper {
            position: absolute;
            bottom: 0;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding-bottom: 8px;
            gap: 5px;
            width: 100%
        }

        .badge-wrapper .badge-sixty-minutes {
            background-size: contain;
            width: 100%;
            height: 32px;
            margin-bottom: 0
        }

        .toggle-password {
            position: absolute;
            top: 50%;
            right: 12px;
            transform: translateY(-50%);
            cursor: pointer;
            color: #999;
            font-size: 14px;
            transition: color .2s ease
        }

        .toggle-password:hover {
            color: #333
        }

        .position-relative {
            position: relative
        }

        .upload-response.error {
            padding: 6px 23px;
            background: #af2727;
            color: #fff;
            display: inline-block;
            border-radius: 2px;
            margin-bottom: 10px
        }

        :root {
            --white: white;
            --text: #e1e1e1;
            --text-primary: #a1a1a1;
            --black: #000000;
            --bg-main: #262626;
            --bg-primary: #303030;
            --bg-secondary: #282828;
            --bg-four: #404040;
            --border-color: #303030;
            --border-color-primary: #404040;
            --yellow: #ffc824;
            --green: #82c100;
            --red: #c51e2a;
            --gray: gray;
            --warning-yellow: #ffc107;
            --checkout-bg: #f8f8f8;
            --anchor-link: #2996ff
        }

        .theme-toggle:hover {
            cursor: pointer
        }

        .ml-header-features.mode-switcher {
            color: var(--white)
        }

        body.dark-theme {
            color-scheme: dark
        }

        body.dark-theme {
            background-color: var(--bg-main) !important;
            color: var(--white)
        }

        body.dark-theme .digital_download_wp i,
        body.dark-theme .digital_download_wp strong {
            color: var(--text)
        }

        body.dark-theme .fancybox-content {
            background: var(--bg-four)
        }

        body.dark-theme .ml-home-content #search-results .carousel-section-wrapper.ml-owl .product .product-image img.full-loaded,
        body.dark-theme .ml-home-content #search-results-products .product .product-image img.full-loaded,
        body.dark-theme .ml-owl .product .product-image img.full-loaded,
        body.dark-theme .product-owl .product .product-image img.full-loaded {
            border-radius: 5px;
            padding: 8px;
            background: #fff
        }

        body.dark-theme .top-categories .ml-owl .product .product-image img.full-loaded {
            background: unset
        }

        body.dark-theme .mobile-theme-switcher>label {
            color: var(--text)
        }

        body.dark-theme .currency-switcher-wrap .select2-results,
        body.dark-theme .currency-switcher-wrap .select2-search--dropdown .select2-search__field,
        body.dark-theme .language-switch .select2-results,
        body.dark-theme .language-switch .select2-search--dropdown .select2-search__field {
            color: var(--text)
        }

        body.dark-theme button:focus {
            outline: 0 !important
        }

        body.dark-theme #header-search input[type=text] {
            background: var(--bg-primary);
            color: var(--white)
        }

        body.dark-theme .product-carousel {
            background-color: var(--bg-primary);
            border-color: var(--border-color);
            color: var(--white)
        }

        body.dark-theme .product-carousel:hover {
            border-color: var(--border-color-primary);
            box-shadow: 0 0 5px rgb(255 255 255 / 10%) inset
        }

        body.dark-theme #home-category-sections .home-header a,
        body.dark-theme #search-results-products .delivery_by .delivery_by_label,
        body.dark-theme .ml-owl .bottom .free-shipping .delivery_by,
        body.dark-theme .product .free-shipping div:last-child,
        body.dark-theme .product .product-price,
        body.dark-theme .product .product-title a,
        body.dark-theme.home .delivery_by .delivery_by_label {
            color: var(--text) !important
        }

        body.dark-theme.home .top-categories .top-category.product {
            border-color: var(--border-color)
        }

        body.dark-theme .footer-recently-viewed-products {
            background: var(--bg-primary)
        }

        body.dark-theme .footer-recently-viewed-products a {
            color: var(--text)
        }

        body.dark-theme .footer-contacts-container {
            background: var(--black);
            border-color: var(--black)
        }

        body.dark-theme .footer-contact .row a {
            color: var(--text)
        }

        body.dark-theme .footer-contact .footer-contact-bottom i {
            background: var(--bg-secondary);
            border-color: var(--bg-secondary);
            color: var(--text)
        }

        body.dark-theme .footer-recently-viewed-products .owl-carousel .owl-nav .owl-next,
        body.dark-theme .footer-recently-viewed-products .owl-carousel .owl-nav .owl-prev {
            background: var(--black)
        }

        body.dark-theme .footer-recently-viewed-products .owl-carousel .owl-nav .owl-next:hover,
        body.dark-theme .footer-recently-viewed-products .owl-carousel .owl-nav .owl-prev:hover {
            background: var(--bg-four)
        }

        @media screen and (min-width:972px) {
            body.dark-theme .footer-recently-viewed-products .owl-carousel .owl-nav .owl-next.disabled:hover,
            body.dark-theme .footer-recently-viewed-products .owl-carousel .owl-nav .owl-prev.disabled:hover {
                background: var(--bg-secondary)
            }
        }

        body.dark-theme .quick-links ul.list-none a {
            color: var(--text)
        }

        body.dark-theme form#subscription-form button {
            background: var(--black);
            border-color: var(--border-color)
        }

        body.dark-theme #copyright {
            background-color: var(--black)
        }

        body.dark-theme ol.breadcrumb {
            background: var(--bg-main) !important
        }

        body.dark-theme .breadcrumb>li+li:before,
        body.dark-theme .bs3-radiobuttons-wrapper label,
        body.dark-theme .installment-price a,
        body.dark-theme .product-buy-col .deliver-to-country>span,
        body.dark-theme .product-buy-col .product-price-wrapper .product-sold-by a,
        body.dark-theme .product-buy-col .product-price-wrapper .product-sold-by>span,
        body.dark-theme .product-buy-col .product-price-wrapper .see-more-offer a,
        body.dark-theme .product-price,
        body.dark-theme .product-price-old,
        body.dark-theme .product-sku-model .label,
        body.dark-theme ol.breadcrumb li a,
        body.dark-theme ol.breadcrumb li.active,
        body.dark-theme ol.breadcrumb li:first-child a,
        body.dark-theme.body-page-product .delivery-switcher a.dropdown-toggle {
            color: var(--text)
        }

        body.dark-theme ul.product-info-list li {
            background: var(--bg-primary);
            color: var(--text)
        }

        body.dark-theme .store-stock-info .stock-info-row,
        body.dark-theme .store-stock-info .stock-trust {
            color: var(--text)
        }

        body.dark-theme ul.product-info-list.instant-delivery li {
            background: var(--black)
        }

        body.dark-theme .stock-info-wrapper .stock-info-row:after {
            border-color: var(--text)
        }

        body.dark-theme .dropdown-menu,
        body.dark-theme .open>.dropdown-toggle.btn-default,
        body.dark-theme .order-amount-summary {
            background-color: var(--bg-primary)
        }

        body.dark-theme .check-out-order-summary .delivery-info span,
        body.dark-theme .check-out-order-summary .table-header-cell,
        body.dark-theme .dropdown-menu>li>a {
            color: var(--text)
        }

        body.dark-theme .product-buy-col .quantity-input-group .quantity-selector .bootstrap-select>.dropdown-toggle {
            border-color: var(--border-color);
            background: var(--border-color);
            color: var(--text)
        }

        body.dark-theme .dropdown-menu>li>a:focus,
        body.dark-theme .dropdown-menu>li>a:hover {
            background-color: var(--bg-main)
        }

        body.dark-theme .check-out-order-summary .table-body-cell,
        body.rtl.dark-theme .check-out-order-summary .table-body-cell {
            border-color: var(--bg-secondary)
        }

        body.dark-theme .attribute-group-wrapper .atrribute-wrapp,
        body.dark-theme .current-review-count .review-average,
        body.dark-theme .grey-border,
        body.dark-theme .product-price-buy-form-wrapper .product-warrant-wrapper,
        body.dark-theme .product-price-wrapper,
        body.dark-theme .product-review-wrap,
        body.dark-theme .product-review-wrap .rate-this-product.no-rating,
        body.dark-theme .v-separator-30,
        body.dark-theme hr {
            border-color: var(--border-color-primary)
        }

        body.dark-theme .attribute-group-wrapper .attribute-group-heading {
            color: var(--text);
            background: var(--bg-primary)
        }

        body.dark-theme .vat-info {
            color: var(--text-primary)
        }

        body.dark-theme .ml-product-discriptions td {
            background: var(--bg-main)
        }

        body.dark-theme .product-additional-info .product-extras>li {
            background: #262626
        }

        body.dark-theme .product-additional-info .product-extras>li .extras-options-wrap .extra-options .extra-option label {
            background-color: #1c1b1b;
            color: var(--text)
        }

        body.dark-theme .product-additional-info .product-extras>li .extras-options-wrap .extra-options .extra-option label:hover,
        body.dark-theme .product-additional-info .product-extras>li .extras-options-wrap .extra-options .extra-option.checked label {
            border-color: #ffc824;
            color: #ffc824
        }

        body.dark-theme .product-extras .extras-options-wrap .extras-title {
            color: var(--text)
        }

        body.dark-theme .avatar-letter {
            background-color: var(--bg-four);
            color: var(--text-primary)
        }

        @media screen and (max-width:767px) {
            body.dark-theme li.media .review-profile .mb_media_heading h4.media-heading span.name {
                color: var(--text)
            }
        }

        body.dark-theme .custom-share-button {
            background-color: transparent;
            color: #fff
        }

        body.dark-theme .custom-share-item .share-icon {
            filter: invert(100%)
        }

        body.dark-theme #collapseFilter ul#search-filter ul li.cat.promo>a,
        body.dark-theme #collapseFilter ul#search-filter ul.sub-menu>li>ul.sub-category>li.cat.promo>a {
            color: var(--white)
        }

        body.dark-theme .accessories,
        body.dark-theme .attachment {
            background: var(--bg-four);
            border-color: var(--border-color-primary)
        }

        body.dark-theme .product-accessories .accesory-carousel.owl-carousel .product {
            background: var(--bg-primary)
        }

        body.dark-theme .nav-tabs>li>a {
            background-color: var(--bg-secondary);
            color: var(--gray)
        }

        body.dark-theme .nav-tabs>li>a:focus,
        body.dark-theme .nav-tabs>li>a:hover {
            background-color: var(--bg-primary);
            color: var(--black);
            border-color: var(--bg-primary)
        }

        body.dark-theme .accesories-wrap .nav-tabs>li>a:focus,
        body.dark-theme .accesories-wrap .nav-tabs>li>a:hover {
            color: var(--text)
        }

        body.dark-theme .nav-tabs>li.active>a,
        body.dark-theme .nav-tabs>li.active>a:focus,
        body.dark-theme .nav-tabs>li.active>a:hover {
            background-color: var(--bg-primary);
            color: var(--text);
            border-color: var(--bg-primary)
        }

        body.dark-theme .nav-tabs {
            border-color: var(--border-color-primary)
        }

        body.dark-theme .accesories-mini-cart .wrap {
            background: var(--bg-main);
            border-color: var(--bg-main)
        }

        body.dark-theme .product-additional-info .product-wishlist-compare-wrap .add-to-wish-list.wish-list-btn {
            background: var(--bg-primary);
            color: var(--text)
        }

        body.dark-theme .product-additional-info .product-wishlist-compare-wrap .add-to-wish-list.wish-list-btn:hover {
            background: var(--bg-four)
        }

        body.dark-theme .product-additional-info .product-wishlist-compare-wrap .add-to-wish-list {
            border-color: var(--border-color)
        }

        body.dark-theme .product-additional-info .product-wishlist-compare-wrap .compare-checkbox-container {
            background: var(--bg-main);
            border-color: var(--bg-main);
            color: var(--text)
        }

        body.dark-theme .modalIssueReport-content {
            background-color: var(--bg-primary);
            border-color: var(--border-color-primary)
        }

        body.dark-theme #cancel-confirmation .modal-header,
        body.dark-theme .modalIssueReport-content .modal-header {
            background: var(--bg-four)
        }

        body.dark-theme .profile-content-area .profile-panel-footer a.cancel-order {
            color: var(--text-primary)
        }

        body.dark-theme .profile-content-area .profile-panel-footer a.cancel-order:hover {
            color: var(--text)
        }

        body.dark-theme #order-cancellation-form #cancel-order .btn {
            background-color: var(--bg-primary);
            color: var(--text)
        }

        body.dark-theme #order-cancellation-form #cancel-order .btn:hover {
            background-color: var(--bg-main)
        }

        body.dark-theme #order-cancellation-form #cancel-order .cancellation-footer .btn.btn-default,
        body.rtl.dark-theme #order-cancellation-form #cancel-order .cancellation-footer .btn.btn-default {
            border-color: var(--border-color-primary)
        }

        body.dark-theme .modal-footer,
        body.dark-theme .modal-header {
            border-color: var(--bg-four)
        }

        body.dark-theme .form-control,
        body.dark-theme select#issueOptions,
        body.dark-theme select#issueType {
            background: var(--bg-main);
            background-color: var(--bg-main);
            border-color: var(--border-color);
            color: var(--text)
        }

        body.dark-theme select#issueOptions,
        body.dark-theme select#issueType {
            background-image: url('data:image/svg+xml;utf8,<svg fill="%23ffffff" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
            background-repeat: no-repeat;
            background-position: right .75em center
        }

        body.dark-theme .profile-details .form-control[disabled],
        body.dark-theme .profile-details .form-control[readonly],
        body.dark-theme .profile-details fieldset[disabled] .form-control {
            background: var(--bg-main)
        }

        body.dark-theme .ml-home-content .owl-nav .owl-next:after,
        body.dark-theme .ml-home-content .owl-nav .owl-next:before,
        body.dark-theme .ml-home-content .owl-nav .owl-prev:after,
        body.dark-theme .ml-home-content .owl-nav .owl-prev:before {
            background: var(--white)
        }

        body.dark-theme .variant-option,
        body.dark-theme .variant-option:link,
        body.dark-theme .variant-option:visited {
            background: var(--bg-primary);
            color: var(--text);
            border-color: var(--border-color-primary)
        }

        body.dark-theme .variant-option:hover {
            border: 2px solid var(--yellow)
        }

        body.dark-theme #header-search #search-auto-complete ul li,
        body.dark-theme .autocomplete-wrapper .header-mobile-autocomplete ul li {
            background: var(--bg-primary);
            border-color: var(--border-color-primary)
        }

        body.dark-theme #header-search #search-auto-complete .search-auto-copyto-input.copyto-input svg,
        body.dark-theme .autocomplete-wrapper .search-auto-copyto-input.copyto-input svg {
            fill: var(--white)
        }

        body.dark-theme #search-auto-complete ul li a {
            color: var(--text)
        }

        body.dark-theme #header-search #search-auto-complete li.auto-complete-brand.selected,
        body.dark-theme #header-search #search-auto-complete li.auto-complete-category.selected,
        body.dark-theme #header-search #search-auto-complete li.auto-complete-product.selected,
        body.dark-theme #header-search #search-auto-complete ul li:hover {
            background: var(--bg-four)
        }

        body.dark-theme #search-results,
        body.dark-theme #search-results #heading,
        body.dark-theme ul#search-filter li {
            border-color: var(--border-color-primary)
        }

        body.dark-theme .reviews-count-container a,
        body.dark-theme .reviews-count-container span {
            color: var(--text-primary)
        }

        body.dark-theme .variant-option.selected {
            border-color: var(--yellow)
        }

        body.dark-theme .table>tbody>tr>td,
        body.dark-theme .table>tbody>tr>th,
        body.dark-theme .table>tfoot>tr>td,
        body.dark-theme .table>tfoot>tr>th,
        body.dark-theme .table>thead>tr>td,
        body.dark-theme .table>thead>tr>th {
            border-color: var(--border-color-primary)
        }

        body.dark-theme ul#search-filter ul li {
            background: var(--bg-main)
        }

        body.dark-theme ul#search-filter ul li a {
            color: var(--text-primary)
        }

        body.dark-theme a.cartItemTitle,
        body.dark-theme ul#search-filter ul li a:hover,
        body.dark-theme ul#search-filter ul li.main-cats a,
        body.dark-theme ul#search-filter ul li.more a,
        body.dark-theme ul#search-filter>li h4>.section-head,
        body.dark-theme ul#search-filter>li h4>a {
            color: var(--text)
        }

        body.dark-theme #unavailable-table a.cartItemTitle {
            color: #585858
        }

        body.dark-theme .search-query span,
        body.dark-theme ul#search-filter li.price-range input {
            background: var(--bg-primary);
            border-color: var(--border-color-primary)
        }

        body.dark-theme #search-results-products .variants-wrap li span {
            border-color: var(--border-color-primary);
            color: var(--text-primary)
        }

        body.dark-theme #search-results-products .variants-wrap li span:hover {
            border-color: var(--black)
        }

        body.dark-theme #search-results-products .variants-wrap li span.selected {
            color: var(--text);
            border-color: var(--black);
            background: var(--bg-four)
        }

        body.dark-theme #search-results-products .variants-wrap li span.selected,
        body.dark-theme #search-results-products .variants-wrap li span:hover {
            border-color: var(--yellow)
        }

        body.dark-theme #search-results-products .variants-wrap .variant-count a {
            border: 1px solid var(--border-color-primary);
            background: var(--bg-four);
            color: var(--text)
        }

        body.dark-theme .popover {
            background-color: var(--bg-primary)
        }

        body.dark-theme .header-first-popover .popover ul li a {
            color: var(--text)
        }

        body.dark-theme .header-first-popover .popover ul li.line {
            border-top-color: var(--border-color-primary)
        }

        body.dark-theme .popover.bottom>.arrow:after {
            border-bottom-color: var(--bg-primary)
        }

        body.dark-theme .category-pagination li a {
            color: var(--text)
        }

        body.dark-theme .category-pagination li.arrow {
            background-color: var(--bg-primary)
        }

        body.dark-theme .category-pagination li.arrow:hover,
        body.dark-theme .category-pagination li:hover {
            background-color: var(--bg-four)
        }

        body.dark-theme .product-additional-info .product-extras>li {
            background: var(--bg-main);
            color: var(--text)
        }

        body.dark-theme .product-additional-info .product-extras>li .extras-options-wrap .extra-options .extra-option label {
            background: var(--bg-primary);
            color: var(--text);
            border-color: var(--border-color-primary)
        }

        body.dark-theme .product-additional-info .product-extras>li .extras-options-wrap .extra-options .extra-option label:hover,
        body.dark-theme .product-additional-info .product-extras>li .extras-options-wrap .extra-options .extra-option.checked label {
            border-color: var(--yellow)
        }

        body.dark-theme .product-sku-service .label {
            color: var(--text)
        }

        body.dark-theme .checkbox.buy-this-check.active label::after {
            color: var(--text)
        }

        @media screen and (max-width:767px) {
            body.dark-theme .product-title--items-wrap {
                border-color: var(--border-color-primary)
            }
        }

        body.dark-theme .section-gc-design ul li button {
            border: 0 solid var(--border-color-primary);
            background: 0 0
        }

        body.dark-theme .section-gc-design ul li button.selected,
        body.dark-theme .section-gc-design ul li button:hover {
            border: 0 solid var(--yellow);
            background: 0 0
        }

        body.dark-theme input#gift-card-delivery {
            background-color: var(--bg-four)
        }

        body.dark-theme li.media .media-heading span.name {
            color: var(--text)
        }

        body.dark-theme .thump-down,
        body.dark-theme .thump-up {
            background-color: var(--gray)
        }

        body.dark-theme .thump-down.liked,
        body.dark-theme .thump-up.liked {
            background-color: var(--yellow)
        }

        body.dark-theme .review-likes a.dislike:hover .thump-down,
        body.dark-theme .review-likes a.like:hover .thump-up,
        body.dark-theme .thump-down.liked,
        body.dark-theme .thump-up.liked {
            background-color: var(--yellow)
        }

        body.dark-theme .product-review-wrap .rating-percentage-wp {
            border-color: var(--border-color-primary)
        }

        body.dark-theme .media-body .review-likes a.dislike:hover,
        body.dark-theme .media-body .review-likes a.like:hover {
            color: var(--yellow)
        }

        body.dark-theme li:not(.c-collapse).scroll-list ul::-webkit-scrollbar-thumb {
            background-color: var(--black)
        }

        body.dark-theme .product-noreturn {
            border-color: var(--border-color-primary)
        }

        body.dark-theme .gc-terms a {
            color: var(--text)
        }

        body.dark-theme .last_review_variant_value_pipe,
        body.dark-theme .variant_separator {
            color: var(--border-color-primary)
        }

        body.dark-theme .fancybox-close-small {
            color: var(--text)
        }

        body.dark-theme .fancybox-close-small svg {
            opacity: 1
        }

        body.dark-theme .gift-card-next,
        body.dark-theme .gift-card-prev,
        body.dark-theme .swiper-button-next.swiper-button-black,
        body.dark-theme .swiper-button-prev.swiper-button-black,
        body.dark-theme .swiper-container-rtl .swiper-button-next.swiper-button-black,
        body.dark-theme .swiper-container-rtl .swiper-button-prev.swiper-button-black {
            filter: invert(1)
        }

        body.dark-theme .gallery-thumbs .swiper-slide.swiper-slide-active {
            border-color: var(--text)
        }

        body.dark-theme .gc-deliver-btn {
            border-color: var(--border-color-primary);
            background: var(--bg-main)
        }

        body.dark-theme .gc-deliver-btn.active {
            background: var(--bg-four);
            border-color: var(--bg-four)
        }

        body.dark-theme ul.product-info-list li .instant-delivery-wrap i {
            background: var(--bg-secondary);
            color: var(--text)
        }

        body.dark-theme ul.product-info-list li.delivery-charges-checkout {
            background: 0 0
        }

        body.dark-theme ul.product-info-list li.delivery-charges-checkout i {
            background: var(--bg-primary)
        }

        body.dark-theme .product-buy-col .quantity-input-group .quantity-selector.highlight .select2-container--default .select2-selection--single {
            border-color: var(--red)
        }

        body.dark-theme .shipping-badge {
            background: var(--border-color-primary)
        }

        body.dark-theme .product-offer-mb .shipping-badge {
            background: var(--gray)
        }

        body.dark-theme #rate-and-review a#add-product-review {
            background: var(--bg-primary);
            border-color: var(--bg-four);
            color: var(--text)
        }

        body.dark-theme #rate-and-review a#add-product-review:hover {
            background: var(--bg-four);
            border-color: var(--gray)
        }

        body.dark-theme .badge-sixty-minutes {
            background-image: url(/assets/img/badge-sixty-en-dark.svg)
        }

        body.dark-theme:lang(ar) .badge-sixty-minutes {
            background-image: url(/assets/img/badge-sixty-ar-dark.svg)
        }

        body.dark-theme :lang(ru) .badge-sixty-minutes {
            background-image: url(/assets/img/badge-sixty-ru-dark.svg)
        }

        body.dark-theme a.store-marker {
            color: var(--text)
        }

        body.dark-theme a.store-marker:hover {
            color: var(--text-primary)
        }

        body.dark-theme .faster-fbm-delivery {
            background: var(--bg-primary);
            border: 1px solid var(--bg-four)
        }

        body.dark-theme .faster-fbm-delivery:hover {
            background: var(--bg-four);
            border: 1px solid var(--border-color-primary)
        }

        body.dark-theme .faster-fbm-delivery .faster-fbm-data {
            color: var(--text)
        }

        body.dark-theme .faster-fbm-arrow img {
            filter: invert(1)
        }

        body.dark-theme .product-review-full .from-country-name {
            color: var(--text-primary)
        }

        body.dark-theme .name-flag .flag {
            border-color: var(--bg-main)
        }

        body.dark-theme .main-heading-wrapper.seller-list-page {
            background-color: var(--bg-primary);
            border-color: var(--bg-four)
        }

        body.dark-theme .seller-store-logo {
            background: var(--bg-secondary)
        }

        body.dark-theme .cart-item-options .gift-wrap-option-wrapper {
            background: var(--bg-four);
            border-color: var(--border-color-primary)
        }

        body.dark-theme .table-body-cell.cell-product-qty .bootstrap-select>.dropdown-toggle {
            color: var(--text);
            background: var(--bg-four)
        }

        body.dark-theme .table-body-cell.cell-product-qty .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
            border-color: var(--border-color-primary)
        }

        body.dark-theme .cart-remove-item button.remove-item {
            color: var(--text)
        }

        body.dark-theme .cart-remove-item button.remove-item:hover,
        body.dark-theme .cart-remove-item button.remove-item:hover::before {
            color: var(--red)
        }

        body.dark-theme .promo-code-wrapper .promo-code {
            background: var(--bg-primary);
            border-color: var(--border-color)
        }

        body.dark-theme .promo-code-wrapper .promo-code .form-inline .input-group .form-control {
            border-color: var(--border-color-primary)
        }

        body.dark-theme .promo-code-wrapper .promo-code a {
            color: var(--text)
        }

        body.dark-theme .gift-wrap-drawer {
            background: var(--bg-four);
            border-color: var(--border-color-primary)
        }

        body.dark-theme .gift-wrap-drawer .well {
            background: var(--bg-four);
            border-color: var(--border-color)
        }

        body.dark-theme .gift-wrap-drawer select {
            background: var(--bg-primary);
            border-color: var(--border-color)
        }

        body.dark-theme #cart-button .btn-default {
            background: var(--bg-primary);
            border-color: var(--border-color-primary);
            color: var(--text-primary)
        }

        body.dark-theme #cart-button .btn-default:hover {
            background: var(--bg-four);
            border-color: var(--border-color-primary);
            color: var(--text)
        }

        body.dark-theme #cart-wrapper .seller-information a,
        body.dark-theme #cart-wrapper .seller-information label,
        body.dark-theme #cart-wrapper .table-body-cell.cell-title>span {
            color: var(--text-primary) !important
        }

        body.dark-theme .cart-item-row.green {
            background-color: var(--bg-primary) !important
        }

        body.dark-theme .promo-code-wrapper .promo-code hr {
            border-top: 1px solid var(--border-color-primary)
        }

        body.dark-theme .promo-code hr::after,
        body.dark-theme .promo-code hr::before {
            background: var(--bg-main)
        }

        body.dark-theme .promo-code hr::before {
            box-shadow: -1px 0 0 0 var(--border-color-primary)
        }

        body.dark-theme .promo-code hr::after {
            box-shadow: 1px 0 0 0 var(--border-color-primary)
        }

        body.dark-theme .coupon-code {
            background: var(--border-color-primary);
            border: 2px dashed var(--black)
        }

        body.dark-theme .cart-item-row .table-body-cell.cell-product-qty .cart-product-quantity .select2-container,
        body.dark-theme .cart-item-row .table-body-cell.cell-product-qty .cart-product-quantity select.selectpicker {
            border: 1px solid var(--border-color)
        }

        body.dark-theme .cart-wish.tooltip_cvv i,
        body.dark-theme .removed-items a,
        body.dark-theme .review-form-wrap .upload {
            color: var(--text)
        }

        body.dark-theme .cart-wish.tooltip_cvv i:hover,
        body.dark-theme .review-head {
            color: var(--white)
        }

        body.dark-theme .cart-wish.tooltip_cvv i.fa-heart {
            color: var(--yellow)
        }

        body.dark-theme .review-form-wrap .upload,
        body.dark-theme .review-img-wrap {
            border-color: var(--border-color-primary)
        }

        @media screen and (min-width:767px) {
            body.dark-theme #cart-wrapper #resp-table .table-body-cell.cell-thumbnail .product-thumbnail,
            body.dark-theme #cart-wrapper #unavailable-table .table-body-cell.cell-thumbnail .product-thumbnail {
                border-radius: 5px
            }
        }

        @media screen and (max-width:767px) {
            body.dark-theme #resp-table #resp-table-body>.resp-table-row,
            body.dark-theme #unavailable-table #unavailable-table-body>.resp-table-row {
                background: var(--bg-primary)
            }
            body.dark-theme.body-page-cart #bought-together-often-wrap,
            body.dark-theme.body-page-cart #resp-table,
            body.dark-theme.body-page-cart #similar-products-wrap,
            body.dark-theme.body-page-cart #unavailable-table {
                background: var(--bg-main)
            }
            body.dark-theme #resp-table #resp-table-body>.resp-table-row,
            body.dark-theme #unavailable-table #unavailable-table-body>.resp-table-row {
                border-color: var(--border-color)
            }
            body.dark-theme.body-page-cart #content-data {
                background: var(--bg-four)
            }
            body.dark-theme .table-body-cell.cell-product .resp-table-row {
                border-bottom-color: var(--border-color-primary)
            }
            body.dark-theme.body-page-cart .product-thumbnail {
                background-color: var(--bg-primary)
            }
            body.dark-theme.body-page-cart #cart-button .pull-left.proceed-btn,
            body.dark-theme.body-page-cart #cart-button .pull-right.proceed-btn {
                background: var(--bg-four);
                box-shadow: 0 -5px 23px 0 rgb(0 0 0 / 56%)
            }
            body.dark-theme #resp-table .cart-remove-item button.btn.btn-xs.remove-item,
            body.dark-theme #unavailable-table .cart-remove-item button.btn.btn-xs.remove-item {
                color: var(--text)
            }
            body.dark-theme.body-page-cart #cart-wrapper button.btn.btn-xs.remove-item:before {
                color: var(--text)
            }
        }

        body.dark-theme .checkout-wrapper .panel-default>.panel-heading {
            background: var(--bg-primary);
            color: var(--text)
        }

        body.dark-theme #pick-delivery-method,
        body.dark-theme .checkout-summary-sticky {
            background: var(--bg-primary)
        }

        body.dark-theme .checkout-wrapper #delivery-method .btn,
        body.dark-theme .checkout-wrapper #pickup-location .btn {
            color: var(--text-primary);
            background-color: var(--bg-primary);
            border-color: var(--border-color-primary)
        }

        body.dark-theme .checkout-wrapper #delivery-method .btn.active,
        body.dark-theme .checkout-wrapper #pickup-location .btn.active {
            color: var(--text);
            background-color: var(--bg-four);
            border-color: var(--yellow)
        }

        body.dark-theme .checkout-wrapper .panel-body,
        body.dark-theme .panel-body.address-list {
            background: var(--bg-primary);
            border: 0
        }

        body.dark-theme #checkout-mini-cart hr,
        body.dark-theme #checkout-mini-cart ul li,
        body.dark-theme #mini-cart-summary,
        body.dark-theme .panel-body.mini-cart-panel {
            border-color: var(--border-color-primary)
        }

        body.dark-theme .item-qty-price .separator {
            background: var(--bg-primary)
        }

        body.dark-theme .panel-body.address-list #delivery-address ul li .address-col {
            background: var(--bg-four);
            border-color: var(--border-color-primary)
        }

        body.dark-theme .panel-body.address-list #delivery-address ul li.active .address-col {
            border-color: var(--yellow)
        }

        body.dark-theme .panel-body.address-list #delivery-address ul li .address-col .control {
            color: var(--text-primary)
        }

        body.dark-theme .panel-body.address-list #delivery-address ul li.active .address-col .control {
            color: var(--text)
        }

        body.dark-theme #delivery-address ul li .address-col .address-bottom {
            background: var(--bg-main);
            border-color: var(--border-color-primary)
        }

        body.dark-theme #delivery-address ul li .address-col .address-bottom a {
            color: var(--text-primary)
        }

        body.dark-theme #delivery-address ul li .address-col .address-bottom .address-update {
            color: #e90b0b
        }

        body.dark-theme #delivery-address ul li .address-col .address-bottom a:hover,
        body.dark-theme a#add-new-address:hover {
            color: var(--yellow)
        }

        body.dark-theme a#add-new-address {
            color: var(--text);
            background-color: var(--bg-four);
            border-color: var(--border-color)
        }

        body.dark-theme .checkout-wrapper #shipping-handlers .panel-body {
            border-color: var(--border-color);
            background: var(--bg-primary)
        }

        body.dark-theme .panel-body.address-list #delivery-address ul li:not(.active):hover .address-col {
            color: var(--text);
            border-color: var(--black)
        }

        body.dark-theme .panel-body.address-list #delivery-address ul li:hover .address-col .control {
            color: var(--text)
        }

        body.dark-theme .checkout-wrapper #shipping-handlers ul li {
            background: var(--bg-four);
            color: var(--text-primary);
            border-color: var(--border-color-primary)
        }

        body.dark-theme .checkout-wrapper #shipping-handlers ul li:hover {
            border-color: var(--black)
        }

        body.dark-theme .checkout-wrapper #shipping-handlers ul li.checked {
            color: var(--text);
            border-color: var(--yellow)
        }

        body.dark-theme #payment-details .panel-body {
            background: var(--bg-primary);
            border-color: var(--border-color)
        }

        body.dark-theme #payment-details #payment-method-options>ul>li {
            background: var(--bg-four);
            border-color: var(--bg-main)
        }

        body.dark-theme #payment-details #payment-method-options>ul>li:hover {
            color: var(--text);
            border-color: var(--black)
        }

        body.dark-theme #payment-details #payment-method-options>ul>li:hover label:not(.error) {
            color: var(--text)
        }

        body.dark-theme #payment-details #payment-method-options>ul>li.active {
            border-color: var(--yellow)
        }

        body.dark-theme #credit-card-wrapper .panel-body,
        body.dark-theme #credit-card-wrapper .panel-heading.display-table {
            background: var(--bg-four);
            border: 0
        }

        body.dark-theme #payment-details #payment-method-options>ul>li.active label:not(.error) {
            color: var(--text)
        }

        body.dark-theme #payment-method-options li label {
            color: var(--text-primary)
        }

        body.dark-theme #shipping-handlers ul li label span {
            color: var(--green)
        }

        body.dark-theme .checkout-wrapper .panel.credit-card-box .panel-body input {
            border-color: var(--border-color)
        }

        body.dark-theme .card-expiry-date select#credit_card_expiry_month.error,
        body.dark-theme .card-expiry-date select#credit_card_expiry_year.error,
        body.dark-theme .checkout-wrapper .panel.credit-card-box .panel-body input.error {
            border-color: #e90b0b
        }

        body.dark-theme #payment-form-wrap .panel-default,
        body.dark-theme #payment-form-wrap .panel-default .form-control,
        body.dark-theme #payment-form-wrap .panel-default .input-group-addon:last-child,
        body.dark-theme .card-expiry-date .bootstrap-select>.dropdown-toggle.bs-placeholder {
            border-color: var(--border-color)
        }

        body.dark-theme #payment-form-wrap .panel-default.credit-card-box,
        body.dark-theme .payment-button #payment-form-wrap .panel-default>.panel-heading {
            background-color: var(--bg-four);
            border-color: var(--border-color)
        }

        body.dark-theme #payment-form-wrap .input-group-addon {
            background-color: var(--bg-primary);
            border: 1px solid var(--border-color)
        }

        body.dark-theme .card-expiry-date .btn-default {
            background-color: var(--bg-main);
            color: var(--text);
            border-color: var(--border-color)
        }

        body.dark-theme #payment-method-options .input-group-addon {
            background-color: var(--bg-primary);
            border-color: var(--border-color);
            color: var(--text)
        }

        body.dark-theme #mini-cart-summary .checkout-vat div>div,
        body.dark-theme #payment-form-wrap label:not(.error) {
            color: var(--text-primary) !important
        }

        body.dark-theme .c-black {
            color: var(--text-primary) !important
        }

        body.dark-theme .checkout-wrapper #pickup-location .order-pickup-date,
        body.dark-theme .checkout-wrapper #pickup-location .working-hours {
            color: var(--text-primary)
        }

        body.dark-theme .checkout-wrapper #pickup-location .location-wrap-inner.active .order-pickup-date,
        body.dark-theme .checkout-wrapper #pickup-location .location-wrap-inner.active .working-hours {
            color: var(--text)
        }

        body.dark-theme .checkout-wrapper #pickup-location .map-location a {
            color: var(--text-primary);
            background: var(--bg-four)
        }

        body.dark-theme .checkout-wrapper #pickup-location .map-location a:hover {
            background: var(--black)
        }

        body.dark-theme .checkout-wrapper #pickup-location .active .map-location a {
            background: var(--bg-secondary)
        }

        body.dark-theme .checkout-wrapper #pickup-location .active .map-location a:hover {
            background: var(--bg-primary)
        }

        body.dark-theme #pickup-location .location-wrap .location-wrap-inner {
            border-color: var(--border-color-primary)
        }

        body.dark-theme #pickup-location .location-wrap .location-wrap-inner.active {
            border-color: var(--yellow)
        }

        body.dark-theme #pickup-location .location-wrap .location-wrap-inner:not(.active):hover {
            border-color: var(--black)
        }

        body.dark-theme .checkout-wrapper #pickup-location .location-wrap-inner:not(.active) .btn:hover {
            background: var(--bg-four);
            color: var(--text)
        }

        body.dark-theme .checkout-wrapper #pickup-location .location-wrap-inner:not(.active) .btn:hover .order-pickup-date,
        body.dark-theme .checkout-wrapper #pickup-location .location-wrap-inner:not(.active) .btn:hover .working-hours {
            color: var(--text)
        }

        body.dark-theme input:focus {
            box-shadow: none
        }

        body.dark-theme .card-expiry-date .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
            color: var(--text)
        }

        body.dark-theme .checkout-wrapper #credit-card-wrapper .bootstrap-select.open>.dropdown-toggle.btn-default,
        body.dark-theme .checkout-wrapper #credit-card-wrapper .bootstrap-select>.dropdown-toggle:active {
            color: var(--text);
            background-color: var(--bg-main)
        }

        body.dark-theme #address-fields .btn-default {
            background: var(--bg-main);
            border-color: var(--bg-main)
        }

        body.dark-theme #address-fields .bootstrap-select.cities button.btn-default,
        body.dark-theme #address-fields .bootstrap-select.country button.btn-default {
            border-color: var(--border-color);
            color: var(--text-primary)
        }

        body.dark-theme #address-fields .bootstrap-select.cities button.btn-default:focus,
        body.dark-theme #address-fields .bootstrap-select.cities button.btn-default:hover,
        body.dark-theme #address-fields .bootstrap-select.country button.btn-default:focus,
        body.dark-theme #address-fields .bootstrap-select.country button.btn-default:hover {
            background-color: var(--bg-four)
        }

        body.dark-theme .checkout-wrapper #address-fields .open>.dropdown-toggle.btn-default {
            background-color: var(--bg-main)
        }

        body.dark-theme .bootstrap-select.btn-group .no-results {
            background: var(--bg-primary)
        }

        body.dark-theme .intl-tel-input .country-list {
            background-color: var(--bg-secondary);
            border-color: var(--bg-main)
        }

        body.dark-theme .intl-tel-input .country-list .divider {
            border-color: var(--border-color-primary)
        }

        body.dark-theme #address-fields button#btn-address-save {
            border-bottom-color: var(--yellow)
        }

        body.dark-theme #address-fields button#btn-address-cancel {
            background: var(--bg-main);
            color: var(--text)
        }

        body.dark-theme #address-fields button#btn-address-cancel:hover,
        body.dark-theme #address-fields button#btn-address-save:hover {
            background: var(--bg-four)
        }

        body.dark-theme #delivery-method .btn-group label.btn:not(.active):hover {
            border-color: var(--black);
            color: var(--text)
        }

        body.dark-theme .offer-row.heading .offer-col,
        body.dark-theme .product-offers .offer-col.seller-info .seller-name a {
            color: var(--text)
        }

        body.dark-theme .product-offers {
            border-top-color: var(--border-color-primary)
        }

        body.dark-theme .product-offers .offer-row.heading,
        body.dark-theme .product-offers .offer-row.items {
            border-bottom-color: var(--border-color-primary)
        }

        body.dark-theme .seller-offer-note a.morelink {
            color: var(--text)
        }

        body.dark-theme .change-deliveryto {
            border-color: var(--border-color-primary) !important
        }

        body.dark-theme #deliver-to-selector .partition span,
        body.dark-theme .modal-content {
            background-color: var(--bg-primary)
        }

        body.dark-theme #deliver-to-selector .modal-body p.info {
            border-bottom-color: var(--border-color-primary)
        }

        body.dark-theme #deliver-to-selector .modal-body .modal-address-wrapper a.address-wrap {
            border-color: var(--border-color-primary);
            color: var(--text-primary)
        }

        body.dark-theme #deliver-to-selector .modal-body .modal-address-wrapper a.address-wrap:hover {
            border-color: var(--yellow) !important;
            background: var(--bg-four);
            color: var(--text)
        }

        body.dark-theme #deliver-to-selector .modal-body .modal-address-wrapper a.address-wrap.selected {
            background: var(--bg-four);
            color: var(--text)
        }

        body.dark-theme #deliver-to-selector .modal-header {
            background: var(--bg-four);
            border-top-left-radius: 8px;
            border-top-right-radius: 8px
        }

        body.dark-theme #balance-payment-modal .order-balance-payment .modal-content,
        body.dark-theme #payment-method-options .saved-credit-card .card-security-number input,
        body.dark-theme #payment-method-options .saved-credit-card .card-security-number input:disabled {
            background: var(--bg-main);
            border-color: var(--black)
        }

        body.dark-theme #saved-credit-card-wrapper .saved-card-title {
            border-bottom-color: var(--border-color-primary)
        }

        body.dark-theme #checkout-mini-cart .item-mini-pic {
            display: flex;
            align-items: center;
            background: #fff;
            border-radius: 3px;
            overflow: hidden
        }

        body.dark-theme #address-error .address-error {
            background: var(--bg-primary)
        }

        body.dark-theme .card-expiry-date select#credit_card_expiry_month,
        body.dark-theme .card-expiry-date select#credit_card_expiry_year {
            background: var(--bg-main);
            border-color: var(--border-color)
        }

        body.dark-theme #payment-method-options .card-security-number input {
            background: var(--bg-main);
            border-color: var(--border-color)
        }

        body.dark-theme #downloadable-delivery .panel-body {
            border: 1px solid var(--border-color);
            background: var(--bg-primary)
        }

        body.dark-theme #downloadable-delivery .downloadable {
            background: var(--bg-four);
            border: 2px solid var(--yellow)
        }

        body.dark-theme #payment-details #payment-method-options li.active .form-container .field-container input {
            border-color: var(--border-color);
            background: var(--bg-main);
            color: var(--text)
        }

        body.dark-theme #payment-details #payment-method-options li.active .display-td {
            background: var(--bg-primary)
        }

        body.dark-theme .check-out-order-summary .bundle-items.panel .panel-body {
            background: var(--bg-primary);
            border-color: var(--border-color)
        }

        body.dark-theme .check-out-order-summary .bundle-items.panel .panel-body .resp-table-row {
            background: var(--bg-four)
        }

        body.dark-theme .check-out-order-summary .bundle-items .panel-heading,
        body.dark-theme .check-out-order-summary .bundle-items .panel-heading a {
            color: var(--white)
        }

        body.dark-theme .iti__country-list {
            background-color: #303030
        }

        body.dark-theme .iti__country-list,
        body.dark-theme .iti__divider {
            border-color: var(--border-color-primary)
        }

        body.dark-theme #mini-cart-summary .row>div.tariff-col {
            background: var(--bg-four)
        }

        body.dark-theme #grouped-shipment-wrapper .shipping-groups .shipping-group {
            background: var(--bg-primary);
            border-color: var(--border-color-primary);
            color: var(--text)
        }

        body.dark-theme #grouped-shipment-wrapper .shipping-group-couriers ul li {
            border-color: var(--border-color-primary)
        }

        body.dark-theme #grouped-shipment-wrapper .couriers-head,
        body.dark-theme #grouped-shipment-wrapper .item-ind-title {
            color: var(--text)
        }

        body.dark-theme #payment-method-options li.active .payment-method-information {
            background: var(--bg-primary);
            color: var(--text)
        }

        body.dark-theme .agree-pn-cu a,
        body.dark-theme .similar-compare-table a {
            color: var(--text);
            text-decoration: underline
        }

        body.dark-theme #balance-payment-modal #balance-pay-payment-options>ul>li {
            background: var(--bg-primary);
            border: 2px solid var(--bg-four)
        }

        body.dark-theme #balance-payment-modal #balance-pay-payment-options>ul>li:not(.active):hover {
            color: var(--text);
            border-color: var(--black)
        }

        body.dark-theme #balance-payment-modal #balance-pay-payment-options>ul>li.active {
            border-color: var(--yellow);
            color: var(--text);
            background: var(--bg-four)
        }

        body.dark-theme #balance-payment-modal #balance-pay-payment-options li label {
            color: var(--text-primary)
        }

        body.dark-theme #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa:before {
            color: var(--text-primary)
        }

        body.dark-theme #balance-payment-modal #balance-pay-payment-options>ul>li.active label i.fa:before,
        body.dark-theme #balance-payment-modal #balance-pay-payment-options>ul>li.active span.po-name,
        body.dark-theme #balance-payment-modal #balance-pay-payment-options>ul>li:hover label i.fa:before,
        body.dark-theme #balance-payment-modal #balance-pay-payment-options>ul>li:hover span.po-name {
            color: var(--text)
        }

        body.dark-theme #balance-payment-modal #balance-pay-payment-options .field-container input {
            border-color: var(--border-color);
            background: var(--bg-main);
            color: var(--text)
        }

        body.dark-theme .check-out-order-summary .table-body-cell {
            border: 1px solid #282828
        }

        body.dark-theme .auth-page-body .text-right a {
            color: var(--text-primary)
        }

        body.dark-theme .basic-wrapper .or span {
            background: var(--bg-main)
        }

        body.dark-theme .or:before {
            border-color: var(--border-color-primary)
        }

        body.dark-theme #forgot-password .form-control {
            background-color: var(--bg-four)
        }

        body.dark-theme .auth-page-body .form-control {
            background-color: var(--bg-main)
        }

        body.dark-theme #forgot-password .btn-primary,
        body.dark-theme .auth-page-body .btn-primary {
            background-color: var(--black)
        }

        body.dark-theme .auth-page-body .sign-up-txt,
        body.dark-theme .auth-page-body p {
            color: var(--text-primary)
        }

        body.dark-theme .auth-page-body a:hover {
            color: var(--text)
        }

        body.dark-theme #forgot-password .btn-primary:hover,
        body.dark-theme .btn-primary:hover {
            background-color: var(--bg-four);
            border-color: var(--border-color-primary);
            border-bottom-color: var(--yellow)
        }

        body.dark-theme .new_to_mi span {
            background: var(--bg-main)
        }

        body.dark-theme .new_to_mi::after {
            border-color: var(--border-color-primary)
        }

        body.dark-theme #forgot-password .alert-danger a,
        body.dark-theme .auth-page-body a,
        body.dark-theme .remember-forgot-wrap .checkbox label,
        body.dark-theme .remember-forgot-wrap a,
        body.dark-theme .terms-links a {
            color: var(--text)
        }

        body.dark-theme .auth-page-card {
            border-color: var(--border-color-primary);
            background: var(--bg-primary)
        }

        body.dark-theme .toggle-password:hover {
            color: var(--text)
        }

        body.dark-theme .profile-content-area .dashboard-text,
        body.dark-theme.body-page-user_account .user-details,
        body.dark-theme.body-page-user_account_payment_status .user-details {
            background: var(--bg-primary);
            border-color: var(--border-color)
        }

        body.dark-theme .account-pages-button {
            border-color: var(--border-color);
            border-bottom-color: var(--yellow);
            background-color: var(--bg-primary);
            color: var(--text)
        }

        body.dark-theme.body-page-user_account .profile-picture,
        body.dark-theme.body-page-user_account_payment_status .profile-picture {
            background: var(--bg-four);
            border-color: var(--bg-secondary)
        }

        body.dark-theme .profile-menu ul li a {
            color: var(--text-primary)
        }

        body.dark-theme .profile-menu ul li:hover a {
            color: var(--text)
        }

        body.dark-theme .address-panel,
        body.dark-theme .customer-business,
        body.dark-theme .inquiry-panels,
        body.dark-theme .order-panels,
        body.dark-theme .profile-panels,
        body.dark-theme .quotation-panels,
        body.dark-theme .review-list {
            background: var(--bg-primary);
            box-shadow: 2px 2px 6px 2px var(--bg-main)
        }

        body.dark-theme .address-panel .address-heading,
        body.dark-theme .address-panel .address-panel-heading,
        body.dark-theme .credit-points .payment-panel-heading,
        body.dark-theme .customer-business .customer-business-heading,
        body.dark-theme .inquiry-panels .inquiry-panel-heading,
        body.dark-theme .order-panel-heading,
        body.dark-theme .order-panels .review-panel-heading,
        body.dark-theme .order-return .order-panels .order-panel-heading,
        body.dark-theme .panel-heading,
        body.dark-theme .quotation-panels .quotation-panel-heading,
        body.dark-theme .review-list .review-panel-heading,
        body.dark-theme .saved-cards .payment-panel-heading {
            background: var(--bg-four)
        }

        body.dark-theme .inquiry-status,
        body.dark-theme .order-address-status,
        body.dark-theme .quotation-status {
            border-bottom-color: var(--border-color-primary)
        }

        body.dark-theme .credit-points .credit-points-wrapper,
        body.dark-theme .credit-points .payment-panel-heading a,
        body.dark-theme .inquiry-panels .inquiry-panel-heading a,
        body.dark-theme .inquiry-panels .inquiry-status a,
        body.dark-theme .order-address-charges .label,
        body.dark-theme .order-panels .order-address-status a,
        body.dark-theme .order-panels .order-panel-heading a,
        body.dark-theme .order-panels .order-product-wrapper .order-product-price .product-price span,
        body.dark-theme .order-panels .order-products-wrapper .order-product-price .product-price span,
        body.dark-theme .order-panels .order-status-wrapp a,
        body.dark-theme .order-panels .user-order-products a,
        body.dark-theme .profile-content-area .order-product .product-title>a,
        body.dark-theme .profile-menu ul li a.active.order-history,
        body.dark-theme .profile-menu ul li.active a,
        body.dark-theme .profile-menu-area .user-email .fa,
        body.dark-theme .quotation-panels .quotation-details a,
        body.dark-theme .quotation-panels .quotation-panel-heading a,
        body.dark-theme .quotation-panels .quotation-status a,
        body.dark-theme .saved-cards .payment-panel-heading a,
        body.dark-theme .saved-cards .saved-cards-wrapper a,
        body.dark-theme a.nav-link.sign-out {
            color: var(--text)
        }

        body.dark-theme .charges-row.border-top-charges .charge-amount span.amount,
        body.dark-theme .order-address-charges .label {
            color: var(--text) !important
        }

        body.dark-theme .order-panels .order-product .product-title .sold-by,
        body.dark-theme .user-order-products .sold-by {
            color: var(--text-primary)
        }

        body.dark-theme .order-panels .order-product .product-title .sold-by a {
            color: var(--text)
        }

        body.dark-theme .order-panels.assemble-card {
            border-color: var(--border-color-primary)
        }

        body.dark-theme .profile-menu ul li.active {
            background: var(--bg-primary);
            box-shadow: 2px 2px 6px 2px var(--bg-main)
        }

        body.dark-theme .order-address-charges .charges-row,
        body.dark-theme .order-panels .order-show-more-items,
        body.dark-theme .profile-content-area .profile-panel-footer {
            border-top-color: var(--border-color-primary)
        }

        body.dark-theme .order-status-link {
            border-left-color: var(--border-color-primary)
        }

        body.dark-theme .divider {
            background: var(--bg-four)
        }

        body.dark-theme .address-content .address-wrapper {
            border-bottom-color: var(--border-color-primary);
            color: var(--text-primary)
        }

        body.dark-theme .address-content .address-wrapper .sub-heading,
        body.dark-theme .address-content .address-wrapper.primary,
        body.dark-theme .payments-order-disc .label {
            color: var(--text)
        }

        body.dark-theme .address-content .address-wrapper .address-actions .btn {
            background-color: var(--bg-four);
            border-color: var(--border-color-primary);
            color: var(--text-primary)
        }

        body.dark-theme .address-content .address-wrapper .address-actions .btn:hover {
            background: var(--bg-secondary);
            border-color: var(--bg-secondary);
            color: var(--white)
        }

        body.dark-theme .form-group label.sub-label,
        body.dark-theme .quotation-details-wrapper .message-wrapper label,
        body.dark-theme .quotation-details-wrapper .quotation-email label,
        body.dark-theme .quotation-details-wrapper .quotation-name label,
        body.dark-theme .quotation-details-wrapper .quotation-reference label,
        body.dark-theme .quotation-details-wrapper .quotation-telephone label,
        body.dark-theme .quotation-details-wrapper .quotation-terms label {
            color: var(--text-primary)
        }

        body.dark-theme #deliver-to-selector .modal-body .form-group .btn,
        body.dark-theme .address-panel .btn-default,
        body.dark-theme .profile-panels .form-group.mdl-selectfield select {
            background: var(--bg-main);
            border-color: var(--bg-main)
        }

        body.dark-theme #deliver-to-selector .modal-body .form-group .btn,
        body.dark-theme .address-panel .bootstrap-select button.btn-default,
        body.dark-theme .address-panel .bootstrap-select.city button.btn-default,
        body.dark-theme .profile-panels .form-group.mdl-selectfield select {
            border-color: var(--border-color);
            color: var(--text-primary)
        }

        body.dark-theme #deliver-to-selector .modal-body .form-group .btn {
            border-color: var(--border-color-primary)
        }

        body.dark-theme #deliver-to-selector .modal-body .form-group .btn:focus,
        body.dark-theme #deliver-to-selector .modal-body .form-group .btn:hover,
        body.dark-theme .address-panel .bootstrap-select button.btn-default:focus,
        body.dark-theme .address-panel .bootstrap-select button.btn-default:hover,
        body.dark-theme .profile-panels .form-group.mdl-selectfield select:focus,
        body.dark-theme .profile-panels .form-group.mdl-selectfield select:hover {
            background-color: var(--bg-four);
            color: var(--text)
        }

        body.dark-theme .order-panels .order-product .product-title>span {
            background: var(--bg-four)
        }

        body.dark-theme .order-panels .order-product-wrapper {
            border-bottom-color: var(--border-color-primary)
        }

        body.dark-theme .quotation-products-wrapper .quotation-total,
        body.dark-theme .user-orders.service-details .order-total-order-products .user-order-products .service-charge {
            border-top-color: var(--border-color-primary)
        }

        @media screen and (min-width:1200px) {
            body.dark-theme .quotation-panels-content .quotation-products {
                border-top-color: var(--border-color-primary)
            }
        }

        body.dark-theme .user-orders.order-details .order-product-bundle {
            border-color: var(--border-color)
        }

        body.dark-theme .order-panels .order-products-bundle-products .order-product-price,
        body.dark-theme .user-orders.order-details .bundle-product-heading>a {
            border-bottom-color: var(--border-color-primary)
        }

        body.dark-theme .user-orders.order-details .bundle-product-heading>a:after {
            background: var(--bg-primary);
            border-color: var(--border-color)
        }

        body.dark-theme .order-panels .order-show-more-items>a:hover {
            color: var(--text)
        }

        body.dark-theme .order-panels .user-order-products .review-the-order a {
            color: var(--black)
        }

        body.dark-theme .write-review-btn a {
            color: var(--text-primary) !important;
            background: var(--bg-four);
            border: 1px solid var(--bg-secondary)
        }

        body.dark-theme .order-product-review {
            border-bottom-color: var(--border-color)
        }

        body.dark-theme .uploader-wrap {
            border-color: var(--border-color-primary)
        }

        @media screen and (min-width:1024px) {
            body.dark-theme .user-orders.order-details .order-total-order-products .user-order-products {
                border-right: var(--border-color)
            }
        }

        body.dark-theme .order-product.return-item.returned-item .return-detail {
            color: var(--text-primary)
        }

        @media screen and (min-width:920px) {
            body.dark-theme .quotation-panels-content .items-headers {
                color: var(--text)
            }
        }

        body.dark-theme .wish-list-wrapper .wishlist-panel {
            background: var(--bg-main);
            border-top: 1px solid var(--bg-main)
        }

        body.dark-theme .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper {
            border-color: var(--border-color);
            background: var(--bg-primary)
        }

        body.dark-theme .wishlist-product-title a {
            color: var(--text)
        }

        body.dark-theme .seller-information a.sellerName,
        body.dark-theme .seller-information label {
            color: var(--text-primary)
        }

        body.dark-theme .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-action form>.btn {
            color: var(--text-primary)
        }

        body.dark-theme .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-action form>.btn:hover {
            color: var(--text)
        }

        @media screen and (max-width:991px) {
            body.dark-theme .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-action {
                border-top-color: var(--border-color-primary)
            }
        }

        @media screen and (max-width:767px) {
            body.dark-theme form.wishlist-add-all-form {
                background: var(--bg-main)
            }
        }

        body.dark-theme .review-list .review-panel-content {
            background: var(--bg-primary)
        }

        body.dark-theme .review-list .review-wrapper {
            border-bottom-color: var(--border-color-primary)
        }

        body.dark-theme .review-list .review-wrapper .review-image {
            border-color: var(--border-color-primary)
        }

        body.dark-theme .review-list .review-product-title a {
            color: var(--text)
        }

        body.dark-theme .review-list .review-date {
            color: var(--text-primary)
        }

        body.dark-theme .rating-outof {
            border-left: 1px solid var(--border-color-primary)
        }

        body.dark-theme .address-panel .address-panel-content,
        body.dark-theme .profile-details .panel-content {
            background: var(--bg-primary)
        }

        body.dark-theme .credit-points,
        body.dark-theme .profile-details .saved-cards {
            background: var(--bg-primary);
            box-shadow: 2px 2px 6px 2px var(--bg-main)
        }

        body.dark-theme .credit-points-wrapper .credit-points-row.heading {
            color: var(--text)
        }

        body.dark-theme .credit-card {
            box-shadow: 0 2px 4px 0 var(--bg-primary)
        }

        body.dark-theme .profile-panels .mdl-selectfield:after {
            border-top-color: var(--white)
        }

        body.dark-theme .order-address-status .order-eta .eta-date,
        body.dark-theme .order-total-order-products .vat-details {
            color: var(--text-primary)
        }

        body.dark-theme .profile-menu ul li a.active,
        body.dark-theme .profile-menu ul li a:hover {
            filter: brightness(2);
            color: var(--text)
        }

        body.dark-theme .profile-menu ul li a.active {
            border-left: 2px solid var(--white)
        }

        body.dark-theme .select2-container--default .select2-selection--single {
            background-color: var(--bg-main);
            border-color: var(--border-color);
            color: var(--text)
        }

        body.dark-theme .select2-container--default .select2-selection--single .select2-selection__rendered {
            color: var(--text)
        }

        body.dark-theme .product-buy-col .quantity-input-group .quantity-selector .select2-container--default .select2-selection--single {
            border-color: var(--text)
        }

        body.dark-theme .select2-dropdown {
            background-color: var(--bg-primary);
            border-color: var(--border-color-primary);
            box-shadow: 0 6px 12px rgb(0 0 0 / 18%)
        }

        body.dark-theme .custom-dropdown .dropdown-menu::before {
            border-bottom: 11px solid var(--bg-secondary);
            border-color: transparent transparent var(--bg-secondary)
        }

        body.dark-theme .custom-dropdown .dropdown-menu::after {
            border-bottom: 10px solid var(--bg-primary);
            border-color: transparent transparent var(--bg-primary)
        }

        .custom-share-menu {
            border: unset
        }

        body.dark-theme .select2-container--default .select2-search--dropdown .select2-search__field {
            background-color: var(--bg-main);
            border-color: var(--border-color);
            border-radius: 4px
        }

        body.dark-theme .user-orders .tabbed-views {
            border-color: var(--border-color-primary)
        }

        body.dark-theme .user-orders .order-panels.selected {
            background: var(--bg-primary)
        }

        body.dark-theme .user-orders .order-panels.selected .order-seller-review-wrapper .seller-wrapper {
            border: 1px solid var(--yellow);
            background: var(--bg-four)
        }

        body.dark-theme .user-orders a.tab-btn.active {
            border-color: var(--border-color-primary);
            font-weight: 700;
            background: var(--bg-four);
            color: var(--text)
        }

        body.dark-theme .user-orders a.tab-btn {
            border-color: var(--border-color-primary);
            background: var(--bg-primary)
        }

        body.dark-theme .order-panels .order-seller-review-wrapper .seller-wrapper .seller-name {
            border-bottom: 1px solid var(--border-color)
        }

        body.dark-theme .user-orders .tab-pills {
            border-bottom: 1px solid var(--border-color-primary)
        }

        body.dark-theme #payment-form-wrap .panel-default .error .form-control,
        body.dark-theme #payment-form-wrap .panel-default .form-control.error {
            border-color: #e90b0b
        }

        body.dark-theme .profile-content-area .head_shippment {
            background: var(--bg-four)
        }

        body.dark-theme .ml-user-order-history .order-panels {
            border: 2px solid var(--border-color-primary)
        }

        body.dark-theme .ml-h-space,
        body.dark-theme .ml-v-space {
            border-color: var(--border-color-primary)
        }

        body.dark-theme .ml-user-order-history .order-panel-heading {
            background: var(--bg-primary)
        }

        body.dark-theme .ml-user-order-history .ml-shipment-wrap.more {
            border-top: 1px solid var(--border-color-primary)
        }

        body.dark-theme .ml-oph-id .ml-order-date {
            color: var(--text-primary)
        }

        body.dark-theme .ml-oph-rece {
            color: var(--text)
        }

        body.dark-theme .ml-tooltip-content {
            background-color: var(--bg-four);
            box-shadow: rgb(38 38 38) 0 4px 6px -1px, rgb(0 0 0 / 6%) 0 2px 4px -1px;
            color: var(--text);
            border: 1px solid var(--bg-secondary)
        }

        body.dark-theme .ml-tooltip-content:before {
            border-color: rgb(64 64 64) transparent transparent transparent
        }

        body.dark-theme .a-arrow-border {
            border-bottom-color: var(--bg-secondary)
        }

        body.dark-theme .ml-user-order-history .write-review-btn a:hover {
            background: var(--bg-secondary)
        }

        body.dark-theme.home .top-categories .top-category.product.product-carousel:hover {
            border-color: var(--border-color-primary);
            box-shadow: 0 0 5px rgb(255 255 255 / 10%) inset
        }

        body.dark-theme .order-panels .order-product .product-title .sold-by .seller-name,
        body.dark-theme .user-order-products .sold-by .seller-name {
            color: var(--text)
        }

        body.dark-theme .shipment-detls .lab {
            color: var(--text-primary)
        }

        body.dark-theme .shipment-details-wrap {
            border-left-color: var(--border-color-primary)
        }

        body.dark-theme .ml-user-order-details .order-details-page .write-review-btn a:hover {
            background: #f3c659
        }

        body.dark-theme .ml-oph-id .ml-order-id {
            color: var(--text)
        }

        body.dark-theme .ml-user-order-history .back-to-page a {
            color: var(--text)
        }

        body.dark-theme .ml-user-order-history .back-to-page a {
            color: var(--text)
        }

        body.dark-theme .ml-user-order-history .back-to-page a::before {
            background: url(/assets/img/left-arrow-w.png);
            content: " ";
            background-size: contain;
            background-repeat: no-repeat
        }

        body.dark-theme .order-panels #bought-together-inner-wrap .product.product-carousel {
            border-color: var(--border-color-primary)
        }

        body.dark-theme .order-repair .product-title .qty .custom-qty,
        body.dark-theme .order-return .product-title .qty .custom-qty,
        body.dark-theme .remark-textarea {
            color: var(--text) !important
        }

        body.dark-theme .order-repair .product-title .qty .custom-qty:disabled,
        body.dark-theme .order-return .product-title .qty .custom-qty:disabled,
        body.dark-theme .remark-textarea:disabled {
            color: var(--gray) !important
        }

        body.dark-theme input[type=checkbox][name='repair_products[]'],
        body.dark-theme input[type=checkbox][name='return_products[]'],
        body.dark-theme input[type=checkbox][name='review_reason[]'] {
            background-color: var(--black);
            border-color: var(--border-color-primary)
        }

        body.dark-theme input[type=checkbox][name='repair_products[]']:hover:not(:checked):not(:disabled),
        body.dark-theme input[type=checkbox][name='return_products[]']:hover:not(:checked):not(:disabled),
        body.dark-theme input[type=checkbox][name='review_reason[]']:hover:not(:checked):not(:disabled) {
            border-color: var(--yellow)
        }

        body.dark-theme input[type=checkbox][name='repair_products[]']:checked,
        body.dark-theme input[type=checkbox][name='return_products[]']:checked,
        body.dark-theme input[type=checkbox][name='review_reason[]']:checked {
            background-color: var(--yellow);
            border: 1px solid var(--border-color)
        }

        body.dark-theme input[type=checkbox][name='repair_products[]']:not(.switch):after,
        body.dark-theme input[type=checkbox][name='return_products[]']:not(.switch):after,
        body.dark-theme input[type=checkbox][name='review_reason[]']:not(.switch):after {
            border-color: var(--black) !important
        }

        body.dark-theme .return-reason.form-group select {
            color: var(--text) !important
        }

        body.dark-theme .return-reason.form-group select:disabled {
            color: var(--gray) !important
        }

        body.dark-theme .ml-user-order-details .user-orders.order-details .order-panels .alert.alert-success {
            color: #f3f3f3;
            background-color: #175100;
            border-color: #195700
        }

        body.dark-theme .delete-advised {
            color: var(--text-primary)
        }

        body.dark-theme .info-box {
            background-color: var(--border-color-primary);
            border-color: var(--border-color)
        }

        body.dark-theme .info-icon i {
            color: #fff
        }

        body.dark-theme .info-box p {
            color: #fff
        }

        body.dark-theme .payment-type-wrap.visa,
        body.dark-theme .payment-type-wrap.visa-card {
            background: url(/assets/img/payment-methods/visa-dark.svg) no-repeat left top
        }

        body.dark-theme .payment-type-wrap.mastercard {
            background: url(/assets/img/payment-methods/mastercard-dark.svg) no-repeat left top
        }

        body.dark-theme .payment-type-wrap.mada {
            background: url(/assets/img/payment-methods/mada-dark.svg) no-repeat left top
        }

        body.dark-theme .ml-order-details.invoice a {
            text-decoration: underline;
            text-decoration-color: var(--text)
        }

        body.dark-theme .col-sm-6.contact-info .panel.panel-default {
            background-color: var(--bg-primary);
            border-color: var(--border-color)
        }

        body.dark-theme .col-sm-6.contact-info table.table a {
            color: var(--text)
        }

        body.dark-theme form#contact-form input,
        body.dark-theme form#contact-form textarea {
            background: var(--bg-primary);
            border-color: var(--border-color)
        }

        body.dark-theme form#contact-form .input-group-addon {
            background-color: var(--bg-four);
            border-color: var(--border-color-primary);
            color: var(--text)
        }

        body.dark-theme .order-status-form-wrapper {
            background: var(--bg-primary);
            border-color: var(--border-color)
        }

        body.dark-theme .order-status-form-wrapper>form .form-btn>input {
            background: var(--black)
        }

        body.dark-theme .order-status-form-wrapper>form .form-text>input {
            border-color: var(--bg-main)
        }

        body.dark-theme .installment-content .bank-info {
            color: var(--text-primary)
        }

        body.dark-theme .installment-content .bank-wrapper {
            background: var(--bg-primary);
            border-color: var(--border-color-primary)
        }

        body.dark-theme .hard-to-find .panel {
            background: var(--bg-primary);
            border-color: var(--border-color)
        }

        body.dark-theme .hard-to-find .input-group-addon {
            background-color: var(--bg-four);
            border-color: var(--border-color-primary);
            color: var(--text-primary)
        }

        body.dark-theme .login-to-rate.on,
        body.dark-theme .ml-product-discriptions .review-likes a,
        body.dark-theme .product-reviews-wrap .review-likes a,
        body.dark-theme a.advertise-with-us {
            color: var(--text)
        }

        body.dark-theme .product-reviews-wrapper,
        body.dark-theme .review-filters-wrap .form-group {
            border-color: var(--gray)
        }

        body.dark-theme .remove-my-review a {
            color: var(--text-primary)
        }

        body.dark-theme .edit-my-review a {
            color: var(--text-primary)
        }

        body.dark-theme .product-review-full .remove-my-review>a:hover:before,
        body.dark-theme .remove-my-review a:hover {
            color: var(--text)
        }

        body.dark-theme .edit-my-review a:hover,
        body.dark-theme .product-review-full .edit-my-review>a:hover:before,
        body.dark-theme .review-content .edit-my-review>a:hover:before {
            color: var(--text)
        }

        body.dark-theme .product-review-full li.media {
            border-bottom-color: var(--border-color-primary)
        }

        body.dark-theme #rate-and-review .form-control {
            background: var(--bg-four);
            background-color: var(--bg-four)
        }

        body.dark-theme #rate-and-review .uploader-wrap,
        body.dark-theme .product-buy-col .out-of-stock-label {
            background: var(--bg-four)
        }

        body.dark-theme .submit-review .btn-default {
            border-color: var(--bg-main)
        }

        body.dark-theme .po_bg_highlit {
            background: var(--bg-four)
        }

        body.dark-theme .product_offers_details {
            border-top-color: var(--border-color-primary)
        }

        body.dark-theme .po_offer_head {
            border-top-color: var(--border-color-primary)
        }

        body.dark-theme .po_back_btn a {
            color: var(--text)
        }

        body.dark-theme .product_offers_details .po_sold_by,
        body.dark-theme .product_offers_details .po_sold_by a {
            color: var(--text-primary)
        }

        @media screen and (max-width:679px) {
            body.dark-theme .attribute-group-wrapper .atrribute-items {
                border-top-color: var(--border-color-primary)
            }
        }

        @media screen and (max-width:995px) {
            body.dark-theme .product-review-wrap .col-two .rating-percentage-wp {
                border-top-color: var(--border-color-primary)
            }
        }

        @media screen and (max-width:767px) {
            body.dark-theme .filter-switch .btn-default {
                background-color: var(--bg-four);
                border-color: var(--border-color-primary);
                color: var(--text)
            }
            body.dark-theme .product-decription-wrapper.short-view:after {
                background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, var(--bg-four) 100%);
                background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, var(--bg-four) 100%);
                background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, var(--bg-four) 100%)
            }
            body.dark-theme .product-decription-wrapper.short-view a.read-more {
                background: var(--bg-main);
                color: var(--yellow)
            }
        }

        @media screen and (max-width:679px) {
            body.dark-theme .attribute-group-wrapper .atrribute-items {
                border-top-color: var(--border-color-primary)
            }
        }

        body.dark-theme .accesories-items .selector-btn {
            border-color: var(--border-color-primary)
        }

        body.dark-theme .attribute-group-wrapper .attribute-item-value a,
        body.dark-theme .product-attributes-featured li span {
            color: var(--text)
        }

        body.dark-theme .product-feature-bullets li {
            color: var(--text)
        }

        body.dark-theme .product-offer-text-badge {
            background: var(--yellow);
            color: var(--bg-main)
        }

        body.dark-theme .order-status-col .table>tbody>tr>td {
            background: var(--bg-primary)
        }

        body.dark-theme .bundle-included-row {
            border-bottom: 1px solid var(--border-color-primary)
        }

        body.dark-theme #login .unsubscribe.form-wrap {
            background: var(--bg-four);
            color: var(--text)
        }

        body.dark-theme.body-page-consumable_find_model .printer-search-box-wrapper #search-result-list {
            background: var(--bg-secondary);
            box-shadow: 5px 5px 15px rgb(22 22 22 / 56%)
        }

        body.dark-theme.body-page-consumable_find_model .printer-search-box-wrapper #search-result-list ul li {
            border-top: 1px solid var(--border-color-primary)
        }

        body.dark-theme.body-page-consumable_find_model .printer-search-box-wrapper #search-result-list ul li a {
            color: var(--text-primary)
        }

        body.dark-theme.body-page-consumable_find_model .printer-search-box-wrapper #search-result-list ul li:last-child {
            border-bottom: 1px solid var(--bg-secondary)
        }

        body.dark-theme.body-page-consumable_find_model .printer-search-box-wrapper #search-result-list ul li:hover {
            background-color: var(--bg-primary);
            color: var(--text)
        }

        body.dark-theme.body-page-consumable_find_model #search-close:not(.circle-loading):after,
        body.dark-theme.body-page-consumable_find_model #search-close:not(.circle-loading):before {
            background: var(--bg-secondary)
        }

        body.dark-theme #ModalIssueReport .blockUI.blockMsg.blockElement {
            background-color: var(--bg-main) !important;
            border-top-left-radius: 0 px !important;
            border-top-right-radius: 0 !important
        }

        body.dark-theme #ModalIssueReport .report-success-head {
            color: var(--text)
        }

        body.dark-theme #ModalIssueReport .report-success-msg {
            color: var(--text-primary)
        }

        body.dark-theme div#blockMessage {
            color: var(--text-primary)
        }

        body.dark-theme .read_note {
            background-color: var(--bg-primary)
        }

        body.dark-theme .ml-cmpre-filter-wrap {
            background: var(--bg-primary)
        }

        body.dark-theme .compare-table .bg-lightgray {
            background: var(--bg-secondary)
        }

        body.dark-theme .compare-table tr {
            border: 1px solid var(--border-color)
        }

        body.dark-theme select.ml-cmpre-switch {
            border: 1px solid var(--bg-secondary)
        }

        body.dark-theme .ml-cmpre-clearall button {
            background-color: var(--bg-four);
            border: 1px solid var(--bg-secondary)
        }

        body.dark-theme .ml-cmpre-clearall button:hover {
            background-color: #c00
        }

        body.dark-theme .compare-product-image img {
            border-radius: 5px
        }

        body.dark-theme .cm-remove-item i {
            background: var(--bg-four)
        }

        body.dark-theme .cm-remove-item i:hover {
            background: #c00
        }

        body.dark-theme .product-additional-info .new-version-product-wrap .currency,
        body.dark-theme .product-additional-info .new-version-product-wrap .product-title a {
            color: var(--text)
        }

        body.dark-theme .product-sale-countdown {
            background: var(--bg-four);
            border: 1px solid var(--border-color-primary)
        }

        body.dark-theme .price-range-wrap .separator {
            background: var(--bg-primary)
        }

        body.dark-theme .a-button-text {
            background: var(--bg-primary);
            border: 1px solid var(--border-color-primary)
        }

        body.dark-theme li.selected .a-button-text {
            color: var(--yellow);
            border-color: var(--yellow)
        }

        body.dark-theme .a-input-text-addon-group.a-width-base,
        body.dark-theme .gift-card-form input,
        body.dark-theme select#gift-card-quantity,
        body.dark-theme textarea#gift-card-message {
            border: 1px solid var(--border-color-primary)
        }

        body.dark-theme .a-input-text-addon-group.a-width-base {
            background: var(--bg-primary)
        }

        body.dark-theme .a-input-text-addon-group.a-width-base.border {
            border-color: var(--yellow)
        }

        body.dark-theme #gc-amount-ul #gc-form-custom-amount {
            border-left: 1px solid var(--border-color-primary);
            border-radius: 0
        }

        body.dark-theme .gc-cover-image-wrapp {
            background: var(--bg-main)
        }

        body.dark-theme .gc-live-wrapp {
            background: var(--bg-four);
            -moz-box-shadow: 0 4px 10px -3px var(--black);
            -webkit-box-shadow: 0 4px 10px -3px var(--black);
            box-shadow: 0 4px 10px -3px var(--black)
        }

        body.dark-theme .gc-live-message-wrapp:before {
            background: var(--bg-four)
        }

        body.dark-theme .gc-live-price .product-price {
            color: var(--white)
        }

        body.dark-theme .gc-live-price-wrapp {
            border-bottom: 1px solid var(--bg-four)
        }

        body.dark-theme .gc-cover-btm .v-separator-30,
        body.dark-theme .gc-live-message-wrapp,
        body.dark-theme .gc-live-message-wrapp:before,
        body.dark-theme .gc-live-price-wrapp {
            border-left: 1px solid var(--bg-four) !important;
            border-right: 1px solid var(--bg-four) !important
        }

        body.dark-theme .border span.a-input-text-addon {
            color: var(--yellow)
        }

        body.dark-theme li .a-button-text:hover {
            color: var(--yellow);
            border-color: var(--yellow)
        }

        body.dark-theme #showAllGiftCardDesign .modal-header {
            background: var(--bg-four);
            border-color: var(--bg-secondary)
        }

        body.dark-theme .giftCardNames {
            color: var(--text-primary)
        }

        body.dark-theme .section-gc-design ul li:hover .giftCardNames {
            color: var(--yellow)
        }

        body.dark-theme .section-gc-design .view-all-gc {
            border-color: var(--bg-four)
        }

        body.dark-theme .section-gc-design .view-all-gc:hover {
            background: var(--bg-four)
        }

        body.dark-theme .datepicker table tr td.day.today:hover {
            color: var(--text)
        }

        body.dark-theme .datepicker :where(.datepicker-switch,
        .next,
        .prev,
        tfoottrth):hover,
        body.dark-theme .datepicker table tr td :where(span.focused,
        span:hover),
        body.dark-theme .datepicker table tr td.day:not(.disabled):hover {
            background: var(--bg-four)
        }

        body.dark-theme .datepicker-dropdown:after {
            border-bottom-color: var(--bg-primary)
        }

        body.dark-theme .datepicker-dropdown.datepicker-orient-top:after,
        body.dark-theme .datepicker-dropdown.datepicker-orient-top:before {
            border-top-color: var(--bg-primary)
        }

        body.dark-theme #header-search input.query-autocomplete.is-loading {
            background: url(/assets/img/loading.gif) var(--bg-primary) no-repeat right 9px center;
            background-size: 24px
        }

        body.dark-theme #header-search .auto-complete-close:after,
        body.dark-theme #header-search .auto-complete-close:before {
            background: var(--text)
        }

        body.dark-theme .history-clear-btn button {
            background: var(--bg-primary);
            border-color: var(--border-color-primary);
            color: var(--text)
        }

        body.dark-theme .history-clear-btn button:hover {
            background: var(--bg-four)
        }

        body.dark-theme .pop_wrapper .pop_text {
            background-color: var(--bg-four);
            border: 1px solid var(--border-color-primary);
            color: var(--text)
        }

        body.dark-theme .pop_head {
            border-bottom: 1px solid var(--border-color)
        }

        body.dark-theme .pop_text::after,
        body.dark-theme .pop_text::before {
            border-top: 5px solid var(--bg-four)
        }

        body.dark-theme .pop_wrapper.bottom .pop_text::after,
        body.dark-theme .pop_wrapper.bottom .pop_text::before {
            border-top: unset;
            border-bottom: 5px solid var(--bg-four)
        }

        body.dark-theme .brand-page-logo img {
            border-color: var(--border-color-primary)
        }

        @media screen and (max-width:767px) {
            body.dark-theme #collapseFilter.filter-wrap.collapse {
                background: var(--bg-main)
            }
            body.dark-theme ul#search-filter {
                border-color: var(--border-color-primary)
            }
        }

        body.dark-theme .search-result-summary,
        body.dark-theme .sort-options-wrap {
            color: var(--text)
        }

        body.dark-theme .login-to-like {
            background: var(--bg-primary);
            border-color: var(--border-color)
        }

        body.dark-theme .login-to-like a {
            color: var(--yellow)
        }

        body.dark-theme .account-profile-paging ul li {
            background: var(--bg-primary);
            border: 1px solid transparent
        }

        body.dark-theme .account-profile-paging ul li a {
            color: var(--text)
        }

        body.dark-theme .account-profile-paging ul li.active,
        body.dark-theme .account-profile-paging ul li:hover {
            background: var(--yellow);
            border-color: var(--border-color-primary);
            color: var(--black)
        }

        body.dark-theme .account-profile-paging ul li:hover a {
            color: var(--black)
        }

        body.dark-theme .review-content-text {
            background: var(--bg-secondary)
        }

        body.dark-theme .bundle-included-row.heading>div {
            color: var(--text);
            background: var(--bg-primary)
        }

        body.dark-theme .component-row-wrapper .component-name {
            border-color: var(--border-color-primary)
        }

        body.dark-theme .configurator-wrapper .component-row,
        body.dark-theme .configurator-wrapper .component-row-wrapper {
            background-color: var(--bg-primary);
            border-color: var(--border-color-primary)
        }

        body.dark-theme .bundle-included-row .col-price .new-price span.amount,
        body.dark-theme .bundle-included-row .product-title a {
            color: var(--white)
        }

        body.dark-theme .component-title a,
        body.dark-theme .configuration-forms .summary-row.config-cost .label,
        body.dark-theme .configuration-forms .summary-row.config-cost .summary-info,
        body.dark-theme .configuration-forms .summary-row.total .label,
        body.dark-theme .configuration-forms .summary-row.total .summary-info,
        body.dark-theme .configurator-wrapper .component-row .component-name,
        body.dark-theme .configurator-wrapper .component-row .component-price .amount,
        body.dark-theme .configurator-wrapper .component-row.heading .wrapper {
            color: var(--text)
        }

        body.dark-theme input#search_table {
            border-color: var(--border-color-primary);
            background: var(--bg-four)
        }

        body.dark-theme #search-results.view-list #search-results-products .product.configurator.configurator_list_head {
            border-bottom: 1px solid var(--border-color-primary)
        }

        body.dark-theme #search-results.view-list #search-results-products .product.configurator.configurator_list_head:hover {
            border-color: var(--border-color);
            border-bottom-color: var(--border-color-primary)
        }

        body.dark-theme .configurator-wrapper .component-row a.btn.change {
            background: var(--bg-four);
            border: 1px solid var(--border-color);
            color: var(--text)
        }

        body.dark-theme.body-page-configurator #footer {
            background: var(--bg-main)
        }

        body.dark-theme .configuration-forms .configuration-checkout .summary-wraper,
        body.dark-theme .configuration-forms .save-configuration .form-wrapper {
            background: var(--bg-primary)
        }

        body.dark-theme .configuration-forms .summary-row .label,
        body.dark-theme .configuration-forms .summary-row.total .label span {
            color: var(--text-primary)
        }

        body.dark-theme #search-results.view-list #search-results-products .product.configurator {
            border-bottom: 1px solid var(--bg-primary)
        }

        body.dark-theme .compatibility-note h2.title,
        body.dark-theme .configuration-forms .summary-row.total {
            border-color: var(--border-color-primary)
        }

        body.dark-theme #template-wrapper {
            background-color: var(--bg-primary);
            border-color: var(--border-color-primary)
        }

        body.dark-theme #template-wrapper .product-title a {
            color: var(--text)
        }

        body.dark-theme .blog-wrapper,
        body.dark-theme .blog-wrapper a,
        body.dark-theme .blog-wrapper h1 {
            color: var(--text)
        }

        body.dark-theme .blog-entries .posts-wrapper .well {
            border-color: var(--border-color-primary)
        }

        body.dark-theme .blog-entries .post-body {
            border-color: var(--border-color)
        }

        body.dark-theme .blog-entries .well {
            background-color: var(--bg-primary)
        }

        body.dark-theme .blog-entries .post-footer.text-muted.clearfix {
            border: 0
        }

        body.dark-theme .post-footer.text-muted {
            border-top-color: var(--border-color-primary) !important
        }

        body.dark-theme .the-post-wrap:hover .post-footer.text-muted {
            border-top-color: var(--border-color) !important
        }

        body.dark-theme .posts-wrapper .the-post-wrap:hover {
            background: var(--bg-primary)
        }

        body.dark-theme .posts-wrapper .the-post-wrap:hover .well {
            background: var(--bg-four)
        }

        body.dark-theme .blog-entries .the-post-wrap:hover .post-body {
            border-color: var(--bg-four)
        }

        body.dark-theme .single-post-content table thead td {
            background: var(--bg-primary)
        }

        body.dark-theme .single-post-content,
        body.dark-theme .single-post-content a,
        body.dark-theme .single-post-content a:link,
        body.dark-theme .single-post-content a:visited,
        body.dark-theme .single-post-content h3,
        body.dark-theme .single-post-content p {
            color: var(--text)
        }

        body.dark-theme .single-post-content {
            border-bottom-color: var(--border-color-primary)
        }

        body.dark-theme .blog-wrapper .pagination>li>a.next,
        body.dark-theme .blog-wrapper .pagination>li>a.prev {
            background: var(--bg-primary)
        }

        body.dark-theme .blog-wrapper .pagination>li>a.next:hover,
        body.dark-theme .blog-wrapper .pagination>li>a.prev:hover {
            background: var(--bg-four)
        }

        body.dark-theme .compare-table .details-link a {
            color: var(--text-primary)
        }

        body.dark-theme .compare-product-title a,
        body.dark-theme .compare-table .details-link a:hover {
            color: var(--text)
        }

        body.dark-theme .compare-bottom-price {
            border-left-color: var(--border-color-primary)
        }

        @media screen and (max-width:412px) {
            body.dark-theme #search-results.view-grid .product.grid-list .compare-checkbox-container {
                background: var(--bg-primary)
            }
        }

        @media screen and (max-width:767px) {
            body.dark-theme .table-responsive {
                border: 1px solid var(--border-color)
            }
        }

        body.dark-theme .category_rank a {
            color: var(--text-primary)
        }

        body.dark-theme #mobile-menu .mm-list>li>a,
        body.dark-theme #mobile-menu .mm-list>li>span,
        body.dark-theme #mobile-menu>ul>li.account>a>i {
            color: var(--text)
        }

        body.dark-theme #mobile-menu.mm-menu>.mm-panel {
            background: var(--bg-primary)
        }

        body.dark-theme .mm-menu .mm-list>li>a.mm-subclose:before,
        body.dark-theme .mm-menu .mm-list>li>a.mm-subopen:after {
            border-color: var(--white)
        }

        body.dark-theme #mobile-menu>ul>li.account {
            border-bottom-color: var(--border-color-primary)
        }

        body.dark-theme #mobile-menu li.profile-pic {
            border-color: var(--border-color-primary)
        }

        body.dark-theme #mobile-menu.mm-menu .mm-list>li>a.mm-subclose {
            background: var(--bg-four)
        }

        body.dark-theme #mobile-menu .mm-list.lang-switcher>li>a,
        body.dark-theme #mobile-menu .mm-list.switcher-countries>li>a {
            border-color: var(--border-color-primary)
        }

        body.dark-theme span.ml-currency-label {
            color: var(--text)
        }

        body.dark-theme .ml-currency-head .back-to-page::before {
            background: url(/assets/img/left-arrow-w.png)
        }

        body.dark-theme .ml-currency-wrp .select2-search--dropdown .select2-search__field {
            background: var(--bg-main) url(/assets/img/select2-search.svg) calc(100% - 8px) 12px/14px 14px no-repeat;
            border-color: var(--border-color-primary)
        }

        body.dark-theme .ml-currency-wrp .select2-results__option {
            border-bottom: 1px solid var(--border-color-primary);
            background-color: transparent
        }

        body.dark-theme input.crny-rdio {
            border: 2px solid var(--border-color-primary)
        }

        body.dark-theme input.crny-rdio:checked {
            border: 6px solid var(--yellow)
        }

        body.dark-theme .build_help_inner {
            background: var(--bg-primary)
        }

        body.dark-theme .build_help_top:after {
            border-color: var(--bg-primary)
        }

        body.dark-theme#seller.sell-on .hero .our-history-wrapper .history-highlight-line,
        body.dark-theme#seller.sell-on .hero .our-history-wrapper .history-line,
        body.dark-theme#seller.sell-on .hero .our-history-wrapper h2.sub-title,
        body.dark-theme#seller.sell-on section.your-beneficts .content-wrap .benefit-title {
            color: var(--text)
        }

        body.dark-theme#seller.sell-on section.your-beneficts .benefits-wrapper>div {
            background: var(--bg-primary)
        }

        body.dark-theme#seller.sell-on section.your-beneficts .content-wrap .benefit-description {
            color: var(--text-primary)
        }

        body.dark-theme#seller.sell-on .hero .our-history-wrapper a.call-to-action.start-selling {
            box-shadow: 8px 8px 20px var(--bg-four)
        }

        body.dark-theme#seller .form-wrapper .form-group .control-label,
        body.dark-theme.categories .delivery-fees h2,
        body.dark-theme.categories .delivery-fees p,
        body.dark-theme.categories .seller-fees h2,
        body.dark-theme.categories .seller-fees p,
        body.dark-theme.categories .seller-fees-left li,
        body.dark-theme.faq .content p,
        body.dark-theme.faq .faq-outer-right p,
        body.dark-theme.faq .overview-outer h2,
        body.dark-theme.faq .set>a,
        body.dark-theme.pricing .selling-fees-container h2,
        body.dark-theme.pricing .selling-fees-leftbar h3,
        body.dark-theme.pricing .selling-fees-leftbar p,
        body.dark-theme.pricing .shipping-fees-rightbar h4,
        body.dark-theme.pricing .shipping-fees-rightbar p,
        body.dark-theme.works .before-register-container h2,
        body.dark-theme.works .before-register-rightbar a,
        body.dark-theme.works .before-register-rightbar p,
        body.dark-theme.works .perpare-your-details li,
        body.dark-theme.works .rightbar-top-right {
            color: var(--text)
        }

        body.dark-theme#seller .form-wrapper .form-group .control-label,
        body.dark-theme.faq .faq-inner-con,
        body.dark-theme.faq .overview-outer.pricing-outer,
        body.dark-theme.works .before-register-container.after-register-outer {
            background: var(--bg-primary)
        }

        body.dark-theme.works .after-register-outer li {
            background: var(--bg-four)
        }

        body.dark-theme.faq .set {
            border-bottom-color: var(--border-color-primary)
        }

        body.dark-theme#seller .form-wrapper .form-group {
            border-color: var(--border-color-primary)
        }

        body.dark-theme#seller .form-wrapper .form-group.invalid {
            border-color: #e62e04
        }

        @media only screen and (max-width:991px) {
            body.dark-theme.faq .overview-outer.pricing-outer {
                background: var(--bg-primary)
            }
        }

        body.dark-theme#seller.sell-on section.your-beneficts .benefits-wrapper>div {
            box-shadow: 2px 2px 20px var(--bg-secondary)
        }

        body.dark-theme#seller header.seller-header:not(.seller-landing) {
            background: var(--bg-main);
            border-bottom-color: var(--border-color-primary)
        }

        body.dark-theme#seller .registration-form-wrapper {
            background: var(--bg-primary);
            border-color: var(--border-color)
        }

        body.dark-theme#seller .registration-form-wrapper.is_active_seller {
            background: url(/assets/img/seller-menu-pattern-dark.jpg)
        }

        body.dark-theme#seller .registration-form-wrapper.registration-complete {
            background: url(/assets/img/pattern-about-shopping-dark.jpg)
        }

        body.dark-theme#seller .registration-form-wrapper .menu-wrapper {
            background: url(/assets/img/seller-menu-pattern-dark.jpg)
        }

        body.dark-theme#seller .form-control {
            background: var(--bg-primary);
            background-color: var(--bg-primary);
            color: var(--text)
        }

        body.dark-theme#seller .form-group.disabled,
        body.dark-theme#seller .form-group.disabled input.disabled,
        body.dark-theme#seller .form-group.mdl-selectfield.disabled,
        body.dark-theme#seller .form-group.mdl-selectfield.disabled .form-control {
            background: var(--bg-secondary) !important
        }

        body.dark-theme#seller .form-wrapper .form-group.disabled .control-label {
            background: var(--bg-secondary) !important
        }

        body.dark-theme#seller .form-wrapper .form-group.disabled .control-label:before {
            background: var(--bg-primary)
        }

        body.dark-theme#seller .form-wrapper .form-group.disabled.invalid {
            border-color: var(--border-color-primary)
        }

        body.dark-theme#seller .form-wrapper .form-submit button,
        body.dark-theme#seller .header-action-button a {
            box-shadow: 8px 8px 20px var(--bg-main)
        }

        body.dark-theme#seller .registration-form-wrapper .menu-wrapper li>div {
            color: var(--text-primary)
        }

        body.dark-theme#seller .registration-form-wrapper .menu-wrapper li.active>div,
        body.dark-theme#seller .registration-form-wrapper .menu-wrapper li:hover a {
            color: var(--text)
        }

        body.dark-theme#seller .uploaded-file.upload-success {
            background: var(--bg-secondary);
            border-color: var(--border-color-primary)
        }

        body.dark-theme#seller .form-wrapper .form-submit .back-button a.btn {
            border-color: var(--border-color-primary);
            color: var(--text);
            background: var(--bg-four)
        }

        body.dark-theme#seller .form-wrapper .form-sections#vat-details a,
        body.dark-theme#seller .page-footer .copyright,
        body.dark-theme#seller .page-footer .footer-links ul li a {
            color: var(--text-primary)
        }

        body.dark-theme#seller .seller-terms-heds-wrap h3,
        body.dark-theme#seller .seller-terms-heds-wrap li,
        body.dark-theme#seller .seller-terms-heds-wrap p {
            color: var(--text)
        }

        body.dark-theme#seller .form-wrapper .form-sections form[name=user_signin] .register-links a {
            color: var(--text)
        }

        body.dark-theme#seller .form-wrapper .facebook-login-buttton .btn {
            background: #3c5a99;
            color: var(--text);
            border-color: var(--bg-four)
        }

        body.dark-theme#seller .form-wrapper .facebook-login-buttton .btn:hover {
            color: var(--black);
            background: var(--white)
        }

        body.dark-theme#seller .login-error {
            color: var(--white);
            background-color: #3e2626;
            border-color: #341b1b
        }

        body.dark-theme#seller .form-group:not(.disabled) select,
        body.dark-theme#seller input:-webkit-autofill,
        body.dark-theme#seller textarea {
            -webkit-box-shadow: 0 0 0 200px var(--bg-primary) inset !important;
            -webkit-text-fill-color: var(--text)
        }

        body.dark-theme .ink-toner-search-result-wrapper .request-ink-toner-wrapper,
        body.dark-theme.body-page-consumable_find_model .printer-search-box-wrapper,
        body.dark-theme.body-page-consumable_find_model .product-wrapper {
            background: var(--bg-primary)
        }

        body.dark-theme.body-page-consumable_find_model .product-title a {
            color: var(--text)
        }

        body.dark-theme.body-page-consumable_find_model .printer-search-box-wrapper {
            box-shadow: 5px 5px 15px var(--bg-secondary)
        }

        body.dark-theme.body-page-consumable_find_model .printer-search-box-wrapper input#search_printer {
            background: var(--bg-four)
        }

        body.dark-theme.body-page-assistant .step-head h3 {
            color: var(--text)
        }

        body.dark-theme.body-page-assistant .selected-checkbox .inputGroup label:before {
            border: var(--border-color)
        }

        body.dark-theme.body-page-assistant .selected-checkbox .inputGroup label {
            box-shadow: rgb(34 34 34) 0 0 8px 5px
        }

        body.dark-theme.body-page-assistant.assistResult .ml-home-content {
            background: var(--bg-main);
            border-bottom-color: var(--border-color)
        }

        body.dark-theme .assistant-result-head,
        body.dark-theme .assistant-result-list-product,
        body.dark-theme .assistant-result-top-product {
            background: var(--bg-primary)
        }

        body.dark-theme .assi-product-item .product-name,
        body.dark-theme .assistant-result-top-product .product-name,
        body.dark-theme .cd-multi-steps.text-bottom li.current span,
        body.dark-theme.body-page-assistant .startover button {
            color: var(--text)
        }

        body.dark-theme.body-page-assistant .startover button:hover {
            color: var(--black)
        }

        @media only screen and (min-width:768px) {
            body.dark-theme .cd-multi-steps.text-bottom.count li>span::before {
                color: var(--black)
            }
        }

        body.dark-theme .assi-product-item {
            border-color: var(--border-color-primary)
        }

        body.dark-theme.body-page-service_request .addition-information-outer,
        body.dark-theme.body-page-service_request .ather-computers-outer,
        body.dark-theme.body-page-service_request .request-information-leftbar .collection-method-wrapper,
        body.dark-theme.body-page-service_request .request-information-rightbar,
        body.dark-theme.body-page-service_request .selected-checkbox .inputGroup {
            background: var(--bg-primary)
        }

        body.dark-theme.body-page-service_request .laptop-support-inner h2 {
            color: var(--text)
        }

        body.dark-theme.body-page-service_request .addition-information-outer textarea,
        body.dark-theme.body-page-service_request .city-select select,
        body.dark-theme.body-page-service_request .request-information-leftbar input,
        body.dark-theme.body-page-service_request textarea[name=additional_info]:focus {
            background: var(--bg-four);
            border: 2px solid var(--border-color) !important;
            color: var(--text)
        }

        body.dark-theme.body-page-service_request .request-information-leftbar .collection-method-wrapper {
            box-shadow: 0 0 10px px 0 var(--black)
        }

        body.dark-theme.body-page-service_request .request-information-rightbar h3,
        body.dark-theme.body-page-service_request .thanqu-outer h2 {
            color: var(--text)
        }

        body.dark-theme.body-page-service_request .request-information-rightbar {
            border: 1px solid var(--bg-main)
        }

        body.dark-theme .ml-track-shipment .track-ship {
            border: 2px solid var(--border-color-primary);
            box-shadow: 2px 2px 6px 2px var(--bg-main);
            background: var(--bg-primary)
        }

        body.dark-theme .color-gray,
        body.dark-theme .ml-order-details a,
        body.dark-theme .shipment-tracking.completed p span,
        body.dark-theme .trk-ship-labl {
            color: var(--text-primary)
        }

        body.dark-theme .ml-oph-id .ml-order-id a,
        body.dark-theme .ml-order-details a:hover,
        body.dark-theme .track-ship .product-title a {
            color: var(--text)
        }

        body.dark-theme .ship-status-table tbody tr:nth-child(odd) {
            background-color: var(--bg-four)
        }

        body.dark-theme #menu-wrapper,
        body.dark-theme .ml-menu-horizontal .menu-dropdown.have-subheading {
            background: var(--bg-four)
        }

        body.dark-theme .custom-share-item,
        body.dark-theme .desktop-menu .nav-column li a,
        body.dark-theme .desktop-menu>li>a {
            color: var(--text)
        }

        body.dark-theme .custom-dropdown .dropdown-item.custom-share-item:hover {
            background-color: var(--bg-main)
        }

        body.dark-theme .desktop-menu li .menu-dropdown {
            background-color: var(--bg-primary) !important
        }

        body.dark-theme .ml-menu-horizontal .desktop-menu>li>a {
            color: var(--black)
        }

        body.dark-theme .ml-menu-horizontal .desktop-menu>li.last_item>a {
            color: var(--text)
        }

        body.dark-theme .desktop-menu .nav-column li a:hover,
        body.dark-theme .desktop-menu>li:hover>a,
        body.dark-theme .desktop-menu>li:hover>a:after,
        body.dark-theme .ml-menu-horizontal .desktop-menu li.menu-subheader a:first-child:hover,
        body.dark-theme .ml-menu-horizontal .desktop-menu li.ml-nav-view-all:hover a {
            color: #ffc824 !important
        }

        body.dark-theme .ml-menu-horizontal .desktop-menu>li:hover {
            background: var(--bg-primary)
        }

        body.dark-theme .ml-menu-horizontal .desktop-menu>li:hover>a {
            color: var(--text)
        }

        body.dark-theme .desktop-menu>li:hover {
            background: var(--bg-primary)
        }

        body.rtl.dark-theme .breadcrumb>li+li:before {
            color: var(--text)
        }

        @media screen and (min-width:767px) {
            body.rtl.dark-theme #search-results {
                border-right-color: var(--border-color-primary)
            }
        }

        body.rtl.dark-theme .order-status-link {
            border-right-color: var(--border-color-primary)
        }

        body.dark-theme form#subscription-form input {
            border-color: var(--border-color-primary);
            background: var(--bg-four)
        }

        body.rtl.dark-theme #contact-form .input-group-addon:last-child {
            border-color: var(--border-color-primary)
        }

        body.rtl.dark-theme #selected-filter .tag-item {
            border-color: var(--border-color-primary)
        }

        body.rtl.dark-theme .shipment-details-wrap {
            border-left-color: unset;
            border-right-color: var(--border-color-primary)
        }

        body.rtl.dark-theme #gc-amount-ul #gc-form-custom-amount {
            border-right-color: var(--border-color-primary)
        }

        body.rtl.dark-theme #header-search input.query-autocomplete.is-loading {
            background: url(/assets/img/loading.gif) var(--bg-primary) no-repeat left 9px center;
            background-size: 24px
        }

        body.rtl.dark-theme #header-search-mobile input.query-autocomplete.is-loading {
            background: url(/assets/img/loading.gif) var(--bg-four) no-repeat left 7px center;
            background-size: 18px
        }

        body.rtl.dark-theme #header-search .auto-complete-close {
            right: auto;
            left: 67px
        }

        body.rtl.dark-theme .ml-currency-wrp .select2-search--dropdown .select2-search__field {
            background: var(--bg-main) url(/assets/img/select2-search.svg) calc(0% + 8px) 12px/14px 14px no-repeat
        }

        body.rtl.dark-theme .ml-user-order-history .back-to-page a:before {
            background: url(/assets/img/left-arrow-w.png)
        }

        body.rtl.dark-theme .check-out-order-summary .table-body-cell.bundle-item,
        body.rtl.dark-theme .check-out-order-summary .table-header-cell.bundle-item,
        body.rtl.dark-theme .check-out-order-summary .table-header-cell.product-image,
        body.rtl.dark-theme .order-amount-summary .resp-table-row>div:first-child,
        body.rtl.dark-theme .order-amount-summary .resp-table-row>div:last-child {
            border-color: var(--bg-secondary);
            border-right: 1px solid var(--bg-secondary)
        }

        body.rtl.dark-theme .rating-outof {
            border-right: 1px solid var(--border-color-primary)
        }

        @media screen and (min-width:767px) {
            body.dark-theme #resp-table-header,
            body.dark-theme .resp-table-header {
                background-color: var(--bg-primary)
            }
            body.dark-theme .table-header-cell {
                border-color: var(--bg-secondary)
            }
            body.dark-theme #resp-table-body,
            body.dark-theme #unavailable-table-body,
            body.dark-theme .resp-table-body {
                background: var(--bg-primary)
            }
            body.dark-theme #resp-table-body>.resp-table-row,
            body.dark-theme #unavailable-table-body>.resp-table-row {
                border-color: var(--bg-secondary)
            }
            body.dark-theme .separator {
                background: var(--bg-main)
            }
        }

        body.dark-theme .page_404_head {
            color: var(--text)
        }

        body.dark-theme .sort-options-wrap select#search-sort {
            background: var(--bg-four);
            border-color: var(--border-color-primary)
        }

        body.dark-theme .sort-options-wrap select#search-sort:focus {
            box-shadow: none
        }

        body.dark-theme .popular-search-badges .badge {
            background-color: var(--bg-primary);
            color: var(--text-primary);
            border-color: var(--border-color-primary)
        }

        body.dark-theme .popular-search-badges .badge:hover {
            color: var(--text)
        }

        body.dark-theme .checkbox label::before {
            background-color: var(--bg-four);
            border: 1px solid var(--boredr-color)
        }

        body.dark-theme .gift-wrap-drawer .checkbox label::before {
            background-color: var(--bg-primary);
            border-color: var(--border-color-primary)
        }

        body.dark-theme .checkbox label::after {
            color: var(--text)
        }

        body.dark-theme #search-results .view-option .btn-group .btn-default {
            background-color: var(--bg-primary);
            border-color: var(--border-color-primary);
            color: var(--text)
        }

        body.dark-theme #search-results .view-option .btn-group .btn-default.active {
            background-color: var(--bg-four)
        }

        body.dark-theme #search-results.view-list .product.grid-list .details-btn .btn-default {
            background: var(--bg-four);
            border-color: var(--border-color);
            color: var(--text-primary)
        }

        body.dark-theme #search-results.view-list .product.grid-list .details-btn .btn-default:hover {
            color: var(--text);
            background: var(--bg-main)
        }

        body.dark-theme div>iframe>html {
            background: var(--bg-main)
        }

        body.dark-theme .report-icon {
            background-image: url(/assets/img/report-issue-dark.png);
            background-position: 0 0
        }

        body.dark-theme .tag-item {
            background: var(--bg-four);
            color: var(--text);
            border-color: var(--border-color-primary)
        }

        body.dark-theme .tag-item a {
            background: var(--bg-four);
            color: var(--text)
        }

        @media screen and (max-width:767px) {
            body.dark-theme .table-responsive.compare-table {
                border-color: var(--border-color-primary)
            }
        }

        body.dark-theme ul#search-filter ul.parameter li.filter-clear:before,
        body.dark-theme ul#search-filter ul.parameter li.selected:before,
        body.dark-theme ul#search-filter ul.parameter li.selected:hover:before {
            color: var(--yellow)
        }

        body.dark-theme ul#search-filter ul.parameter li:hover:before {
            color: var(--white)
        }

        body.dark-theme .alert-danger,
        body.dark-theme .alert-info,
        body.dark-theme .alert-success,
        body.dark-theme .alert-warning,
        body.dark-theme .removed-items a {
            color: var(--text);
            background-color: var(--bg-four);
            border-color: var(--border-color-primary)
        }

        body.dark-theme .alert-danger {
            color: var(--text)
        }

        body.dark-theme .alert-warning {
            color: var(--text)
        }

        body.dark-theme .alert-info {
            color: var(--text)
        }

        body.dark-theme iframe#launcher {
            border-radius: 10% !important;
            height: 64px !important
        }

        @media screen and (max-width:767px) {
            body.dark-theme iframe#launcher {
                width: 47px
            }
        }

        body.dark-theme #header-search-mobile input[type=text] {
            background: var(--bg-four)
        }

        body.dark-theme .v-sidebar-item {
            border-color: var(--border-color-primary)
        }

        body.dark-theme.body-page-user_account .profile-picture img.img-rounded.img-responsive,
        body.dark-theme.body-page-user_account_payment_status .profile-picture img.img-rounded.img-responsive {
            filter: contrast(0)
        }

        body.dark-theme .header-mobile-autocomplete ul li .search-auto-complete-text {
            color: var(--text)
        }

        body.dark-theme .autocomplete-wrapper .header-mobile-autocomplete.open {
            border-color: var(--bg-primary);
            background-color: var(--bg-primary)
        }

        body.dark-theme #header-search-mobile .auto-complete-close {
            background: var(--bg-four);
            border-color: var(--bg-four);
            color: var(--text)
        }

        body.dark-theme #header-search-mobile .auto-complete-close:after,
        body.dark-theme #header-search-mobile .auto-complete-close:before {
            background: var(--white)
        }

        body.dark-theme #header-search-mobile input.query-autocomplete.is-loading {
            background: url(/assets/img/loading.gif) var(--bg-four) no-repeat right 7px center;
            background-size: 18px
        }

        body.dark-theme .close {
            color: var(--gray);
            opacity: .5;
            text-shadow: 0 1px 0 var(--gray)
        }

        body.dark-theme .close:hover {
            color: var(--text)
        }

        body.dark-theme .similar-compare-table tr:first-child>td {
            border-top: none;
            background: var(--bg-main)
        }

        body.dark-theme .similar-compare-table tr:not(:first-child).odd td:nth-child(2) {
            background: #1b1b1b
        }

        body.dark-theme .similar-compare-table tr:not(:first-child) td:nth-child(2) {
            background: var(--bg-main)
        }

        body.dark-theme .similar-compare-table tr.even {
            background: #353535
        }

        body.dark-theme .similar-compare-table .table {
            border: 1px solid #353535
        }

        body.dark-theme .similar-compare-table .title a {
            color: #fff
        }

        body.dark-theme .similar-compare-table form button {
            color: #000
        }

        body.dark-theme .tooltip_cvv i.fa-question-circle {
            color: #8b8b8b
        }

        body.dark-theme #balance-payment-modal .tooltip_cvv .tooltip_text,
        body.dark-theme .tooltip_cvv .tooltip_cvv_text {
            background-color: var(--bg-four);
            border: 1px solid var(--border-color);
            color: var(--text);
            box-shadow: rgb(0 0 0 / 18%) 0 2px 4px
        }

        body.dark-theme #balance-payment-modal .tooltip_cvv .tooltip_text::before,
        body.dark-theme .tooltip_cvv_text::before {
            border-bottom: 5px solid var(--border-color)
        }

        body.dark-theme #balance-payment-modal .tooltip_cvv .tooltip_text::after,
        body.dark-theme .tooltip_cvv_text::after {
            border-bottom: 5px solid var(--bg-four)
        }

        body.dark-theme .theme_mode .tooltip_cvv_text::before {
            border-bottom: 9px solid var(--border-color)
        }

        body.dark-theme .theme_mode .tooltip_cvv_text::after {
            border-bottom: 9px solid var(--bg-four)
        }

        body.dark-theme .add-to-wish-list .tooltip_cvv_text::before {
            border-top: 14px solid var(--border-color);
            border-bottom: 0
        }

        body.dark-theme .add-to-wish-list .tooltip_cvv_text::after {
            border-top: 14px solid var(--bg-four);
            border-bottom: 0
        }

        body.dark-theme #for-free-shipping>div,
        body.dark-theme .date-green {
            color: var(--green)
        }

        body.dark-theme .date-yellow {
            color: var(--warning-yellow)
        }

        body.dark-theme .blockUI.blockOverlay {
            background: var(--bg-primary) !important
        }

        body.dark-theme .blockUI.blockMsg.blockPage {
            background: var(--black) !important;
            border: 1px solid var(--border-color) !important;
            color: var(--text) !important
        }

        body.dark-theme .review-images .review-img-wrap {
            border-color: var(--border-color-primary)
        }

        body.dark-theme.body-page-product .product-variants-container a.variant-option.un-related {
            border-color: #222;
            color: #585858
        }

        body.dark-theme.body-page-product .product-variants-container a.variant-option.un-related {
            border-color: unset;
            color: unset
        }

        body.dark-theme .variant-option,
        body.dark-theme .variant-option:link,
        body.dark-theme .variant-option:visited {
            background: unset;
            color: unset;
            border-color: unset
        }

        body.dark-theme .variant-option:hover {
            border: unset
        }

        body.dark-theme .variant-option .variant-op-wrp,
        body.dark-theme .variant-option:link .variant-op-wrp,
        body.dark-theme .variant-option:visited .variant-op-wrp {
            background: var(--bg-primary);
            color: var(--text);
            border-color: var(--border-color-primary)
        }

        body.dark-theme .variant-option:hover .variant-op-wrp {
            border: 2px solid var(--yellow)
        }

        body.dark-theme .variant-option.selected .variant-op-wrp {
            border: 2px solid #ffc824
        }

        body.dark-theme.body-page-product .product-variants-container a.variant-option.un-related .variant-op-wrp {
            border-color: #222;
            color: #585858
        }

        body.dark-theme #rate-and-review #only-rating-no-review .no-review-msg {
            background: #303030
        }

        body.dark-theme #rate-and-review .review-calculation-info a {
            color: var(--white)
        }

        body.dark-theme #rate-and-review #only-rating-no-review {
            border-color: var(--border-color-primary)
        }

        body.dark-theme .review-filters-wrap .form-group label {
            background: var(--bg-main);
            color: var(--text)
        }

        body.dark-theme .review-modal-content {
            background-color: var(--bg-primary)
        }

        body.dark-theme .product-reviews-wrapper .product-review-cover-title .product-title-h1,
        body.dark-theme .product-reviews-wrapper .product-review-cover-title a.roduct-title-link {
            color: var(--text)
        }

        body.dark-theme #checkout-page-loader {
            background: var(--bg-primary) !important
        }

        body.dark-theme .select2-container--default .select2-results__option--selected {
            background-color: var(--bg-main)
        }

        body.dark-theme .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
            background-color: var(--bg-four)
        }

        body.dark-theme .currency-switcher-wrap .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
        body.dark-theme .language-switch .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
            background-color: var(--bg-main)
        }

        body.dark-theme #address-form .required.error input[type=text],
        body.dark-theme #address-form .required.error select,
        body.dark-theme .form-group.error span.select2-selection.select2-selection--single,
        body.dark-theme .profile-content-area form .form-group.error input.form-control,
        body.dark-theme .profile-content-area form .form-group.error input.form-control .profile-content-area form .form-group.error .bootstrap-select .dropdown-toggle,
        body.dark-theme .profile-content-area form .form-group.error span.select2-selection.select2-selection--single,
        body.dark-theme .profile-content-area form .form-group.error.mdl-selectfield select {
            background: var(--border-color-primary)
        }

        body.dark-theme .change-email-options button.link.btn-primary,
        body.dark-theme button#verify-email-resend.btn-primary {
            background-color: var(--black)
        }

        body.dark-theme #otp .form-control {
            border-color: #7b7b7b
        }

        @media (prefers-color-scheme:dark) {
            body.device-theme {
                color-scheme: dark
            }
            body.device-theme {
                background-color: var(--bg-main);
                color: var(--text)
            }
            body.device-theme #header-search input[type=text] {
                background: var(--bg-primary);
                color: var(--white)
            }
            body.device-theme #home-category-sections .home-header a,
            body.device-theme #search-results-products .delivery_by .delivery_by_label,
            body.device-theme .ml-owl .bottom .free-shipping .delivery_by,
            body.device-theme .product .free-shipping div:last-child,
            body.device-theme .product .product-price,
            body.device-theme .product .product-title a,
            body.device-theme.home .delivery_by .delivery_by_label {
                color: var(--text) !important
            }
            body.device-theme ul.product-info-list li {
                background: var(--bg-primary);
                color: var(--text)
            }
            body.device-theme ol.breadcrumb {
                background: var(--bg-main)
            }
            body.device-theme .attribute-group-wrapper .atrribute-wrapp,
            body.device-theme .current-review-count .review-average,
            body.device-theme .grey-border,
            body.device-theme .product-price-buy-form-wrapper .product-warrant-wrapper,
            body.device-theme .product-price-wrapper,
            body.device-theme .product-review-wrap,
            body.device-theme .product-review-wrap .rate-this-product.no-rating,
            body.device-theme .v-separator-30,
            body.device-theme hr {
                border-color: var(--border-color-primary)
            }
            body.device-theme .product-additional-info .product-wishlist-compare-wrap .add-to-wish-list.wish-list-btn {
                background: var(--bg-primary);
                color: var(--text)
            }
            body.device-theme .product-additional-info .product-wishlist-compare-wrap .add-to-wish-list {
                border-color: var(--border-color)
            }
            body.device-theme .product-additional-info .product-wishlist-compare-wrap .compare-checkbox-container {
                background: var(--bg-main);
                border-color: var(--bg-main);
                color: var(--text)
            }
            body.device-theme ul#search-filter ul li {
                background: var(--bg-main)
            }
            body.device-theme ul#search-filter ul li a {
                color: var(--text-primary)
            }
            body.device-theme #search-results,
            body.device-theme #search-results #heading,
            body.device-theme ul#search-filter li {
                border-color: var(--border-color-primary)
            }
            body.device-theme a.cartItemTitle,
            body.device-theme ul#search-filter ul li a:hover,
            body.device-theme ul#search-filter ul li.main-cats a,
            body.device-theme ul#search-filter ul li.more a,
            body.device-theme ul#search-filter>li h4>.section-head,
            body.device-theme ul#search-filter>li h4>a {
                color: var(--text)
            }
            body.device-theme #unavailable-table a.cartItemTitle {
                color: #585858
            }
            body.device-theme .cart-item-options .gift-wrap-option-wrapper {
                background: var(--bg-four);
                border-color: var(--border-color-primary)
            }
            body.device-theme .table-body-cell.cell-product-qty .bootstrap-select>.dropdown-toggle {
                color: var(--text);
                background: var(--bg-four)
            }
            body.device-theme .table-body-cell.cell-product-qty .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
                border-color: var(--border-color-primary)
            }
            body.device-theme .cart-remove-item button.remove-item {
                color: var(--text)
            }
            body.device-theme .cart-remove-item button.remove-item:hover {
                color: var(--red)
            }
            body.device-theme .promo-code-wrapper .promo-code {
                background: var(--bg-primary);
                border-color: var(--border-color)
            }
            body.device-theme .promo-code-wrapper .promo-code .form-inline .input-group .form-control {
                border-color: var(--border-color-primary)
            }
            body.device-theme .promo-code-wrapper .promo-code a {
                color: var(--text)
            }
            body.device-theme .gift-wrap-drawer {
                background: var(--bg-four);
                border-color: var(--border-color-primary)
            }
            body.device-theme .gift-wrap-drawer .well {
                background: var(--bg-four);
                border-color: var(--border-color)
            }
            body.device-theme .gift-wrap-drawer select {
                background: var(--bg-primary);
                border-color: var(--border-color)
            }
            body.device-theme #cart-button .btn-default {
                background: var(--bg-primary);
                border-color: var(--border-color-primary);
                color: var(--text)
            }
            body.device-theme #cart-button .btn-default:hover {
                background: var(--white);
                border-color: var(--white);
                color: var(--black)
            }
            body.device-theme #cart-wrapper .seller-information a,
            body.device-theme #cart-wrapper .seller-information label,
            body.device-theme #cart-wrapper .table-body-cell.cell-title>span {
                color: var(--text-primary) !important
            }
            body.device-theme .cart-item-row.green {
                background-color: var(--bg-primary) !important
            }
            body.device-theme .product-sale-countdown {
                background: var(--bg-four);
                border: 1px solid var(--border-color-primary)
            }
            body.device-theme .product-attributes-featured li span {
                color: var(--text)
            }
            body.device-theme .reviews-count-container a,
            body.device-theme .reviews-count-container span {
                color: var(--text-primary)
            }
            @media screen and (max-width:767px) {
                body.device-theme #resp-table #resp-table-body>.resp-table-row,
                body.device-theme #unavailable-table #unavailable-table-body>.resp-table-row {
                    background: var(--bg-primary)
                }
                body.device-theme.body-page-cart #bought-together-often-wrap,
                body.device-theme.body-page-cart #resp-table,
                body.device-theme.body-page-cart #similar-products-wrap,
                body.device-theme.body-page-cart #unavailable-table {
                    background: var(--bg-main)
                }
                body.device-theme #resp-table #resp-table-body>.resp-table-row,
                body.device-theme #unavailable-table #unavailable-table-body>.resp-table-row {
                    border-color: var(--border-color)
                }
                body.device-theme.body-page-cart #content-data {
                    background: var(--bg-four)
                }
                body.device-theme .table-body-cell.cell-product .resp-table-row {
                    border-bottom-color: var(--border-color-primary)
                }
                body.device-theme.body-page-cart .product-thumbnail {
                    background-color: var(--bg-primary)
                }
                body.device-theme.body-page-cart #cart-button .pull-left.proceed-btn,
                body.device-theme.body-page-cart #cart-button .pull-right.proceed-btn {
                    background: var(--bg-four);
                    box-shadow: 0 -5px 23px 0 rgb(0 0 0 / 56%)
                }
                body.device-theme #resp-table .cart-remove-item button.btn.btn-xs.remove-item,
                body.device-theme #unavailable-table .cart-remove-item button.btn.btn-xs.remove-item {
                    color: var(--text);
                    background: var(--black);
                    padding: 7px 9px
                }
                body.device-theme.body-page-cart #cart-wrapper button.btn.btn-xs.remove-item:before {
                    color: var(--text)
                }
            }
            body.device-theme .footer-recently-viewed-products {
                background: var(--bg-primary)
            }
            body.device-theme .footer-recently-viewed-products a {
                color: var(--text)
            }
            body.device-theme .footer-contacts-container {
                background: var(--black);
                border-color: var(--black)
            }
            body.device-theme .footer-contact .row a {
                color: var(--text)
            }
            body.device-theme .footer-contact .footer-contact-bottom i {
                background: var(--bg-secondary);
                border-color: var(--bg-secondary);
                color: var(--text)
            }
            body.device-theme .footer-recently-viewed-products .owl-carousel .owl-nav .owl-next,
            body.device-theme .footer-recently-viewed-products .owl-carousel .owl-nav .owl-prev {
                background: var(--black)
            }
            body.device-theme .footer-recently-viewed-products .owl-carousel .owl-nav .owl-next:hover,
            body.device-theme .footer-recently-viewed-products .owl-carousel .owl-nav .owl-prev:hover {
                background: var(--bg-four)
            }
            @media screen and (min-width:972px) {
                body.device-theme .footer-recently-viewed-products .owl-carousel .owl-nav .owl-next.disabled:hover,
                body.device-theme .footer-recently-viewed-products .owl-carousel .owl-nav .owl-prev.disabled:hover {
                    background: var(--bg-secondary)
                }
            }
            body.device-theme .quick-links ul.list-none a {
                color: var(--text)
            }
            body.device-theme form#subscription-form button {
                background: var(--black);
                border-color: var(--border-color)
            }
            @media screen and (min-width:767px) {
                body.device-theme #resp-table-header,
                body.device-theme .resp-table-header {
                    background-color: var(--bg-primary)
                }
                body.device-theme .table-header-cell {
                    border-color: var(--bg-secondary)
                }
                body.device-theme #resp-table-body,
                body.device-theme #unavailable-table-body,
                body.device-theme .resp-table-body {
                    background: var(--bg-primary)
                }
                body.device-theme #resp-table-body>.resp-table-row,
                body.device-theme #unavailable-table-body>.resp-table-row {
                    border-color: var(--bg-secondary)
                }
                body.device-theme .separator {
                    background: var(--bg-main)
                }
            }
            body.device-theme #forgot-password .form-control,
            body.device-theme .auth-page-body .form-control {
                background-color: var(--bg-four)
            }
            body.device-theme .form-control,
            body.device-theme select#issueOptions,
            body.device-theme select#issueType {
                background: var(--bg-main);
                background-color: var(--bg-main);
                border-color: var(--border-color);
                color: var(--text)
            }
            body.device-theme .checkout-wrapper .panel-default>.panel-heading {
                background: var(--bg-primary);
                color: var(--text)
            }
            body.device-theme .checkout-wrapper #delivery-method .btn.active,
            body.device-theme .checkout-wrapper #pickup-location .btn.active {
                color: var(--text);
                background-color: var(--bg-four);
                border-color: var(--yellow)
            }
            body.device-theme .checkout-wrapper .panel-body,
            body.device-theme .panel-body.address-list {
                background: var(--bg-primary);
                border: 0
            }
            body.device-theme .checkout-wrapper #shipping-handlers .panel-body {
                border-color: var(--border-color);
                background: var(--bg-primary)
            }
            body.device-theme #payment-details .panel-body {
                background: var(--bg-primary);
                border-color: var(--border-color)
            }
            body.device-theme .checkout-wrapper #delivery-method .btn,
            body.device-theme .checkout-wrapper #pickup-location .btn {
                color: var(--text-primary);
                background-color: var(--bg-primary);
                border-color: var(--border-color-primary)
            }
            body.device-theme .panel-body.address-list #delivery-address ul li .address-col {
                background: var(--bg-four);
                border-color: var(--border-color-primary);
                box-shadow: 0 0 10px rgb(0 0 0 / 28%)
            }
            body.device-theme #delivery-address ul li .address-col .address-bottom {
                background: var(--bg-main);
                border-color: var(--border-color-primary)
            }
            body.device-theme .checkout-wrapper #shipping-handlers ul li {
                background: var(--bg-four);
                color: var(--text-primary);
                border-color: var(--border-color-primary)
            }
            body.device-theme #payment-details #payment-method-options>ul>li {
                background: var(--bg-four);
                border-color: var(--border-color-primary)
            }
            body.device-theme #payment-details #payment-method-options>ul>li.active {
                border-color: var(--yellow)
            }
            body.device-theme .panel-body.address-list #delivery-address ul li.active .address-col .control {
                color: var(--text)
            }
            body.device-theme a#add-new-address {
                color: var(--text);
                background-color: var(--bg-four);
                border-color: var(--border-color)
            }
            body.device-theme #grouped-shipment-wrapper .shipping-groups .shipping-group {
                background: var(--bg-primary);
                border-color: var(--border-color-primary);
                color: var(--text)
            }
            body.device-theme #grouped-shipment-wrapper .couriers-head,
            body.device-theme #grouped-shipment-wrapper .item-ind-title {
                color: var(--text)
            }
            body.device-theme #pick-delivery-method,
            body.device-theme .checkout-summary-sticky {
                background: var(--bg-primary)
            }
            body.device-theme .auth-page-body .text-right a {
                color: var(--text-primary)
            }
            body.device-theme .basic-wrapper .or span {
                background: var(--bg-main)
            }
            body.device-theme .or:before {
                border-color: var(--border-color-primary)
            }
            body.device-theme #forgot-password .form-control,
            body.device-theme .auth-page-body .form-control {
                background-color: var(--bg-four)
            }
            body.device-theme #forgot-password .btn-primary,
            body.device-theme .auth-page-body .btn-primary {
                background-color: var(--black)
            }
            body.device-theme .auth-page-body a,
            body.device-theme .auth-page-body p {
                color: var(--text-primary)
            }
            body.device-theme .auth-page-body a:hover {
                color: var(--text)
            }
            body.device-theme #forgot-password .btn-primary:hover,
            body.device-theme .btn-primary:hover {
                background-color: var(--bg-four);
                border-color: var(--border-color-primary);
                border-bottom-color: var(--yellow)
            }
            body.device-theme .new_to_mi span {
                background: var(--bg-main)
            }
            body.device-theme .new_to_mi::after {
                border-color: var(--border-color-primary)
            }
            body.device-theme .auth-page-card {
                border-color: var(--border-color-primary);
                background: var(--bg-primary)
            }
            body.dark-theme.body-page-user_account_payment_status .user-details,
            body.device-theme .profile-content-area .dashboard-text,
            body.device-theme.body-page-user_account .user-details {
                background: var(--bg-primary);
                border-color: var(--border-color)
            }
            body.dark-theme .order-panels #bought-together-inner-wrap .product.product-carousel {
                border: 1px solid #4f4f4f
            }
            body.device-theme .account-pages-button {
                border-color: var(--border-color);
                border-bottom-color: var(--yellow);
                background-color: var(--bg-primary);
                color: var(--text)
            }
            body.dark-theme.body-page-user_account_payment_status .profile-picture,
            body.device-theme.body-page-user_account .profile-picture {
                background: var(--bg-four);
                border-color: var(--bg-secondary)
            }
            body.device-theme .profile-menu ul li a {
                color: var(--text-primary)
            }
            body.device-theme .profile-menu ul li:hover a {
                color: var(--text)
            }
            body.device-theme .address-panel,
            body.device-theme .inquiry-panels,
            body.device-theme .order-panels,
            body.device-theme .profile-panels,
            body.device-theme .quotation-panels,
            body.device-theme .review-list {
                background: var(--bg-primary);
                box-shadow: 2px 2px 6px 2px var(--bg-main)
            }
            body.device-theme .address-panel .address-heading,
            body.device-theme .address-panel .address-panel-heading,
            body.device-theme .credit-points .payment-panel-heading,
            body.device-theme .customer-business .customer-business-heading,
            body.device-theme .inquiry-panels .inquiry-panel-heading,
            body.device-theme .order-panel-heading,
            body.device-theme .order-panels .review-panel-heading,
            body.device-theme .order-return .order-panels .order-panel-heading,
            body.device-theme .panel-heading,
            body.device-theme .quotation-panels .quotation-panel-heading,
            body.device-theme .review-list .review-panel-heading,
            body.device-theme .saved-cards .payment-panel-heading {
                background: var(--bg-four)
            }
            body.device-theme .inquiry-status,
            body.device-theme .order-address-status,
            body.device-theme .quotation-status {
                border-bottom-color: var(--border-color-primary)
            }
            body.device-theme .credit-points .credit-points-wrapper,
            body.device-theme .credit-points .payment-panel-heading a,
            body.device-theme .inquiry-panels .inquiry-panel-heading a,
            body.device-theme .inquiry-panels .inquiry-status a,
            body.device-theme .order-address-charges .label,
            body.device-theme .order-panels .order-address-status a,
            body.device-theme .order-panels .order-panel-heading a,
            body.device-theme .order-panels .order-product-wrapper .order-product-price .product-price span,
            body.device-theme .order-panels .order-products-wrapper .order-product-price .product-price span,
            body.device-theme .order-panels .order-status-wrapp a,
            body.device-theme .order-panels .user-order-products a,
            body.device-theme .profile-content-area .order-product .product-title>a,
            body.device-theme .profile-menu ul li a.active.order-history,
            body.device-theme .profile-menu ul li.active a,
            body.device-theme .profile-menu-area .user-email .fa,
            body.device-theme .quotation-panels .quotation-details a,
            body.device-theme .quotation-panels .quotation-panel-heading a,
            body.device-theme .quotation-panels .quotation-status a,
            body.device-theme .saved-cards .payment-panel-heading a,
            body.device-theme .saved-cards .saved-cards-wrapper a,
            body.device-theme a.nav-link.sign-out {
                color: var(--text)
            }
            body.device-theme .charges-row.border-top-charges .charge-amount span.amount,
            body.device-theme .order-address-charges .label {
                color: var(--text) !important
            }
            body.device-theme .order-panels .order-product .product-title .sold-by,
            body.device-theme .user-order-products .sold-by {
                color: var(--text-primary)
            }
            body.device-theme .profile-menu ul li.active {
                background: var(--bg-primary);
                box-shadow: 2px 2px 6px 2px var(--bg-main)
            }
            body.device-theme .order-address-charges .charges-row,
            body.device-theme .order-panels .order-show-more-items,
            body.device-theme .profile-content-area .profile-panel-footer {
                border-top-color: var(--border-color-primary)
            }
            body.device-theme .order-status-link {
                border-left-color: var(--border-color-primary)
            }
            body.device-theme .divider {
                background: var(--bg-four)
            }
            body.device-theme .address-content .address-wrapper {
                border-bottom-color: var(--border-color-primary);
                color: var(--text-primary)
            }
            body.device-theme .address-content .address-wrapper .sub-heading,
            body.device-theme .address-content .address-wrapper.primary,
            body.device-theme .payments-order-disc .label {
                color: var(--text)
            }
            body.device-theme .address-content .address-wrapper .address-actions .btn {
                background-color: var(--bg-four);
                border-color: var(--border-color-primary);
                color: var(--text-primary)
            }
            @media screen and (min-width:920px) {
                body.device-theme .address-content .address-wrapper:hover .address-actions .btn:hover {
                    background-color: var(--bg-four)
                }
            }
            body.device-theme .form-group label.sub-label,
            body.device-theme .quotation-details-wrapper .message-wrapper label,
            body.device-theme .quotation-details-wrapper .quotation-email label,
            body.device-theme .quotation-details-wrapper .quotation-name label,
            body.device-theme .quotation-details-wrapper .quotation-reference label,
            body.device-theme .quotation-details-wrapper .quotation-telephone label,
            body.device-theme .quotation-details-wrapper .quotation-terms label {
                color: var(--text-primary)
            }
            body.device-theme #deliver-to-selector .modal-body .form-group .btn,
            body.device-theme .address-panel .btn-default,
            body.device-theme .profile-panels .form-group.mdl-selectfield select {
                background: var(--bg-main);
                border-color: var(--bg-main)
            }
            body.device-theme #deliver-to-selector .modal-body .form-group .btn,
            body.device-theme .address-panel .bootstrap-select button.btn-default,
            body.device-theme .address-panel .bootstrap-select.city button.btn-default,
            body.device-theme .profile-panels .form-group.mdl-selectfield select {
                border-color: var(--border-color);
                color: var(--text-primary)
            }
            body.device-theme #deliver-to-selector .modal-body .form-group .btn:focus,
            body.device-theme #deliver-to-selector .modal-body .form-group .btn:hover,
            body.device-theme .address-panel .bootstrap-select button.btn-default:focus,
            body.device-theme .address-panel .bootstrap-select button.btn-default:hover,
            body.device-theme .profile-panels .form-group.mdl-selectfield select:focus,
            body.device-theme .profile-panels .form-group.mdl-selectfield select:hover {
                background-color: var(--bg-four);
                color: var(--text)
            }
            body.device-theme .order-panels .order-product .product-title>span {
                background: var(--bg-four)
            }
            body.device-theme .order-panels .order-product-wrapper {
                border-bottom: var(--border-color-primary)
            }
            body.device-theme .quotation-products-wrapper .quotation-total,
            body.device-theme .user-orders.service-details .order-total-order-products .user-order-products .service-charge {
                border-top-color: var(--border-color-primary)
            }
            @media screen and (min-width:1200px) {
                body.device-theme .quotation-panels-content .quotation-products {
                    border-top-color: var(--border-color-primary)
                }
            }
            body.device-theme .user-orders.order-details .order-product-bundle {
                border-color: var(--border-color)
            }
            body.device-theme .order-panels .order-products-bundle-products .order-product-price,
            body.device-theme .user-orders.order-details .bundle-product-heading>a {
                border-bottom-color: var(--border-color-primary)
            }
            body.device-theme .user-orders.order-details .bundle-product-heading>a:after {
                background: var(--bg-primary);
                border-color: var(--border-color)
            }
            body.device-theme .order-panels .user-order-products .review-the-order a {
                color: var(--black)
            }
            body.device-theme .write-review-btn a {
                color: var(--text-primary) !important;
                background: var(--bg-four)
            }
            body.device-theme .order-product-review {
                border-bottom-color: var(--border-color)
            }
            body.device-theme .uploader-wrap {
                border-color: var(--border-color-primary)
            }
            @media screen and (min-width:1024px) {
                body.device-theme .user-orders.order-details .order-total-order-products .user-order-products {
                    border-right: var(--border-color)
                }
            }
            body.device-theme .order-product.return-item.returned-item .return-detail {
                color: var(--text-primary)
            }
            @media screen and (min-width:920px) {
                body.device-theme .quotation-panels-content .items-headers {
                    color: var(--text)
                }
            }
            body.device-theme .wish-list-wrapper .wishlist-panel {
                background: var(--bg-main)
            }
            body.device-theme .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper {
                border-color: var(--border-color);
                background: var(--bg-primary)
            }
            body.device-theme .wishlist-product-title a {
                color: var(--text)
            }
            body.device-theme .seller-information a.sellerName,
            body.device-theme .seller-information label {
                color: var(--text-primary)
            }
            body.device-theme .profile-wishlist .wish-list-wrapper .wishlist-panel .wishlist-item-wrapper .wishlist-action form>.btn {
                color: var(--text-primary)
            }
            body.device-theme .review-list .review-panel-content {
                background: var(--bg-primary)
            }
            body.device-theme .review-list .review-wrapper {
                border-bottom-color: var(--border-color-primary)
            }
            body.device-theme .review-list .review-wrapper .review-image {
                border-color: var(--border-color-primary)
            }
            body.device-theme .review-list .review-product-title a {
                color: var(--text)
            }
            body.device-theme .review-list .review-date {
                color: var(--text-primary)
            }
            body.device-theme .address-panel .address-panel-content,
            body.device-theme .profile-details .panel-content {
                background: var(--bg-primary)
            }
            body.device-theme .credit-points,
            body.device-theme .profile-details .saved-cards {
                background: var(--bg-primary);
                box-shadow: 2px 2px 6px 2px var(--bg-main)
            }
            body.device-theme .credit-points-wrapper .credit-points-row.heading {
                color: var(--text)
            }
            body.device-theme .credit-card {
                box-shadow: 0 2px 4px 0 var(--bg-primary)
            }
            body.device-theme .profile-panels .mdl-selectfield:after {
                border-top-color: var(--white)
            }
            body.device-theme .ml-user-order-history .order-panels {
                border: 2px solid var(--border-color-primary)
            }
            body.device-theme .ml-h-space,
            body.device-theme .ml-v-space {
                border-color: var(--border-color-primary)
            }
            body.dark-theme #credit_card_card_holder_name:focus,
            body.dark-theme #credit_card_card_number:focus,
            body.dark-theme #credit_card_cvv:focus,
            body.dark-theme .card-expiry-date select#credit_card_expiry_month:focus,
            body.dark-theme .card-expiry-date select#credit_card_expiry_year:focus {
                border-color: #545454
            }
            body.dark-theme .info-box {
                background-color: var(--border-color-primary);
                border-color: var(--border-color)
            }
            body.device-theme#seller.sell-on .hero .our-history-wrapper .history-highlight-line,
            body.device-theme#seller.sell-on .hero .our-history-wrapper .history-line,
            body.device-theme#seller.sell-on .hero .our-history-wrapper h2.sub-title,
            body.device-theme#seller.sell-on section.your-beneficts .content-wrap .benefit-title {
                color: var(--text)
            }
            body.device-theme#seller.sell-on section.your-beneficts .benefits-wrapper>div {
                background: var(--bg-primary)
            }
            body.device-theme#seller.sell-on section.your-beneficts .content-wrap .benefit-description {
                color: var(--text-primary)
            }
            body.device-theme#seller.sell-on .hero .our-history-wrapper a.call-to-action.start-selling {
                box-shadow: 8px 8px 20px var(--bg-four)
            }
            body.device-theme#seller .form-wrapper .form-group .control-label,
            body.device-theme.categories .delivery-fees h2,
            body.device-theme.categories .delivery-fees p,
            body.device-theme.categories .seller-fees h2,
            body.device-theme.categories .seller-fees p,
            body.device-theme.categories .seller-fees-left li,
            body.device-theme.faq .content p,
            body.device-theme.faq .faq-outer-right p,
            body.device-theme.faq .overview-outer h2,
            body.device-theme.faq .set>a,
            body.device-theme.pricing .selling-fees-container h2,
            body.device-theme.pricing .selling-fees-leftbar h3,
            body.device-theme.pricing .selling-fees-leftbar p,
            body.device-theme.pricing .shipping-fees-rightbar h4,
            body.device-theme.pricing .shipping-fees-rightbar p,
            body.device-theme.works .before-register-container h2,
            body.device-theme.works .before-register-rightbar a,
            body.device-theme.works .before-register-rightbar p,
            body.device-theme.works .perpare-your-details li,
            body.device-theme.works .rightbar-top-right {
                color: var(--text)
            }
            body.device-theme#seller .form-wrapper .form-group .control-label,
            body.device-theme.faq .faq-inner-con,
            body.device-theme.faq .overview-outer.pricing-outer,
            body.device-theme.works .before-register-container.after-register-outer {
                background: var(--bg-primary)
            }
            body.device-theme.works .after-register-outer li {
                background: var(--bg-four)
            }
            body.device-theme.faq .set {
                border-bottom-color: var(--border-color-primary)
            }
            body.device-theme#seller .form-wrapper .form-group {
                border-color: var(--border-color-primary)
            }
            body.device-theme#seller .form-wrapper .form-group.invalid {
                border-color: #e62e04
            }
            @media only screen and (max-width:991px) {
                body.device-theme.faq .overview-outer.pricing-outer {
                    background: var(--bg-primary)
                }
            }
            body.device-theme#seller.sell-on section.your-beneficts .benefits-wrapper>div {
                box-shadow: 2px 2px 20px var(--bg-secondary)
            }
            body.device-theme#seller header.seller-header:not(.seller-landing) {
                background: var(--bg-main);
                border-bottom-color: var(--border-color-primary)
            }
            body.device-theme#seller .registration-form-wrapper {
                background: var(--bg-primary);
                border-color: var(--border-color)
            }
            body.device-theme#seller .registration-form-wrapper .menu-wrapper {
                background: url(/assets/img/seller-menu-pattern-dark.jpg)
            }
            body.device-theme#seller .form-control {
                background: var(--bg-primary);
                background-color: var(--bg-primary);
                color: var(--text)
            }
            body.device-theme#seller .form-group.disabled,
            body.device-theme#seller .form-group.disabled input.disabled,
            body.device-theme#seller .form-group.mdl-selectfield.disabled,
            body.device-theme#seller .form-group.mdl-selectfield.disabled .form-control {
                background: var(--bg-secondary) !important
            }
            body.device-theme#seller .form-wrapper .form-group.disabled .control-label {
                background: var(--bg-secondary) !important
            }
            body.device-theme#seller .form-wrapper .form-group.disabled .control-label:before {
                background: var(--bg-primary)
            }
            body.device-theme#seller .form-wrapper .form-group.disabled.invalid {
                border-color: var(--border-color-primary)
            }
            body.device-theme#seller .form-wrapper .form-submit button,
            body.device-theme#seller .header-action-button a {
                box-shadow: 8px 8px 20px var(--bg-main)
            }
            body.device-theme#seller .registration-form-wrapper .menu-wrapper li>div {
                color: var(--text-primary)
            }
            body.device-theme#seller .registration-form-wrapper .menu-wrapper li.active>div,
            body.device-theme#seller .registration-form-wrapper .menu-wrapper li:hover a {
                color: var(--text)
            }
            body.device-theme#seller .form-wrapper .form-submit .back-button a.btn {
                border-color: var(--border-color-primary);
                color: var(--text);
                background: var(--bg-four)
            }
            body.device-theme#seller .form-wrapper .form-control-file,
            body.device-theme#seller .form-wrapper .form-sections#vat-details a,
            body.device-theme#seller .page-footer .copyright,
            body.device-theme#seller .page-footer .footer-links ul li a {
                color: var(--text-primary)
            }
            body.device-theme#seller .seller-terms-heds-wrap h3,
            body.device-theme#seller .seller-terms-heds-wrap li,
            body.device-theme#seller .seller-terms-heds-wrap p {
                color: var(--text)
            }
            body.device-theme#seller .form-wrapper .form-sections form[name=user_signin] .register-links a {
                color: var(--text)
            }
            body.device-theme#seller .form-wrapper .facebook-login-buttton .btn {
                background: #3c5a99;
                color: var(--text);
                border-color: var(--bg-four)
            }
            body.device-theme#seller .form-wrapper .facebook-login-buttton .btn:hover {
                color: var(--black);
                background: var(--white)
            }
            body.device-theme .product-user .stars-container .star-empty {
                color: #262626
            }
            body.device-theme .price-range-wrap .separator {
                background: var(--bg-primary)
            }
            body.light-theme input {
                background: var(--white)
            }
            body.device-theme .product-carousel {
                border-color: var(--border-color)
            }
            body.device-theme .variant-option .variant-op-wrp {
                background: var(--bg-primary);
                color: var(--text)
            }
            body.device-theme #search-results .view-option .btn-group .btn-default {
                background-color: var(--bg-primary);
                border-color: var(--border-color-primary);
                color: var(--text)
            }
            body.device-theme #search-results .view-option .btn-group .btn-default.active {
                background-color: var(--bg-four)
            }
            body.device-theme .search-query span,
            body.device-theme ul#search-filter li.price-range input {
                background: var(--bg-primary);
                border-color: var(--border-color-primary)
            }
            body.device-theme ol.breadcrumb li a,
            body.device-theme ol.breadcrumb li:first-child a {
                color: var(--text)
            }
            body.device-theme ul#search-filter ul.parameter li.selected:before {
                color: var(--yellow)
            }
            body.device-theme .popular-search-badges .badge {
                background-color: var(--bg-primary);
                color: var(--text-primary);
                border-color: var(--border-color-primary)
            }
            body.device-theme .checkbox label::before {
                background-color: var(--bg-four);
                border: 1px solid var(--boredr-color)
            }
            body.device-theme #search-results.view-list .product.grid-list .details-btn .btn-default {
                background: var(--bg-four);
                border-color: var(--border-color);
                color: var(--text-primary)
            }
            body.device-theme .breadcrumb>li+li:before,
            body.device-theme .bs3-radiobuttons-wrapper label,
            body.device-theme .installment-price a,
            body.device-theme .product-buy-col .deliver-to-country>span,
            body.device-theme .product-buy-col .product-price-wrapper .product-sold-by a,
            body.device-theme .product-buy-col .product-price-wrapper .product-sold-by>span,
            body.device-theme .product-buy-col .product-price-wrapper .see-more-offer a,
            body.device-theme .product-price,
            body.device-theme .product-price-old,
            body.device-theme .product-sku-model .label,
            body.device-theme ol.breadcrumb li a,
            body.device-theme ol.breadcrumb li.active,
            body.device-theme ol.breadcrumb li:first-child a,
            body.device-theme.body-page-product .delivery-switcher a.dropdown-toggle {
                color: var(--text)
            }
            body.device-theme .vat-info {
                color: var(--text-primary)
            }
            body.device-theme .col-sm-6.contact-info .panel.panel-default {
                background-color: var(--bg-primary);
                border-color: var(--border-color)
            }
            body.device-theme#seller header.seller-header:not(.seller-landing) {
                background: var(--bg-main);
                border-bottom-color: var(--border-color-primary)
            }
            body.device-theme#seller:not(.dark-theme)>.content-main-wrapper {
                background-image: none
            }
            body.device-theme .main-heading-wrapper.seller-list-page {
                background-color: var(--bg-primary);
                border-color: var(--bg-four)
            }
            body.device-theme .seller-store-logo {
                background: var(--bg-secondary)
            }
            body.device-theme #rate-and-review #only-rating-no-review .no-review-msg {
                background: var(--bg-secondary)
            }
            body.device-theme #header-search .auto-complete-close:after,
            body.device-theme #header-search .auto-complete-close:before {
                background: var(--text)
            }
        }

        body.light-theme {
            background-color: var(--white) !important
        }

        body.light-theme {
            color-scheme: light
        }

        body.light-theme.checkout {
            background-color: var(--checkout-bg) !important
        }

        #balance-pay-payment-options>ul>li>label i.fa.bitpay:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li>label i.fa.bitpay:before,
        #payment-method-options>ul>li>label i.fa.bitpay:before {
            width: 40px;
            height: 25px;
            content: '';
            display: block;
            background-size: 100% !important;
            background-position: center
        }

        #balance-pay-payment-options>ul>li>label i.fa.bitpay:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li>label i.fa.bitpay:before,
        #payment-method-options>ul>li>label i.fa.bitpay:before {
            background: url(/assets/img/payment-methods/crypto.svg) no-repeat
        }

        #balance-pay-payment-options>ul>li.bitpay .payment-method-information {
            padding: 5px 13px;
            margin: 0;
            position: relative;
            font-size: 12px;
            line-height: 16px;
            color: #4d4f5a
        }

        .payment-type-wrap.bitpay {
            background: url(/assets/img/payment-methods/crypto.svg) no-repeat left top
        }

        #balance-pay-payment-options>ul>li.bitpay .payment-method-information {
            padding: 5px 13px;
            margin: 0;
            position: relative;
            font-size: 12px;
            line-height: 16px;
            color: #4d4f5a
        }

        #balance-pay-payment-options>ul>li>label i.fa.paypal:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.paypal:before,
        #payment-method-options>ul>li>label i.fa.paypal:before {
            width: 40px;
            height: 25px;
            content: '';
            display: block;
            background-size: 100% !important;
            background-position: center
        }

        #balance-pay-payment-options>ul>li>label i.fa.paypal:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.paypal:before,
        #payment-method-options>ul>li>label i.fa.paypal:before,
        .payment-type-wrap.paypal {
            background: url(/assets/img/payment-methods/paypal.svg) no-repeat left top
        }

        #balance-pay-payment-options>ul>li.paypal {
            flex-wrap: wrap
        }

        #balance-pay-payment-options>ul>li.paypal.active>.payment-method-information {
            display: block
        }

        #balance-pay-payment-options>ul>li.paypal>.payment-method-information {
            font-size: 11px;
            padding: 7px 10px;
            background: #f9f9f9;
            width: 100%;
            border-top: 1px solid #eee;
            display: none;
            color: #595555;
            border-radius: 0 0 5px 5px
        }

        #balance-pay-payment-options>ul>li.paypal {
            flex-wrap: wrap
        }

        #balance-pay-payment-options>ul>li.paypal.active>.payment-method-information {
            display: block
        }

        #balance-pay-payment-options>ul>li.paypal>.payment-method-information {
            font-size: 11px;
            padding: 7px 10px;
            background: #f9f9f9;
            width: 100%;
            border-top: 1px solid #eee;
            display: none;
            color: #595555;
            border-radius: 0 0 5px 5px
        }

        body.dark-theme #balance-pay-payment-options>ul>li.paypal>.payment-method-information {
            color: var(--text);
            background: #4d4d4d;
            border-top: 1px solid #686868
        }

        #balance-pay-payment-options>ul>li label i.fa.evy-pay-credit-card:before,
        #balance-pay-payment-options>ul>li label i.fa.evy-pay-vimc:before,
        #balance-pay-payment-options>ul>li label i.fa.sbp-evy-pay:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.evy-pay-credit-card:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.evy-pay-vimc:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.sbp-evy-pay:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li.active label i.fa.evy-pay-vimc:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li:hover label i.fa.evy-pay-vimc:before,
        #payment-method-options>ul>li label i.fa.evy-pay-credit-card:before,
        #payment-method-options>ul>li label i.fa.evy-pay-vimc:before,
        #payment-method-options>ul>li label i.fa.sbp-evy-pay:before,
        #payment-method-options>ul>li.active label i.fa.evy-pay-vimc:before {
            width: 40px;
            height: 25px;
            content: '';
            display: block;
            background-size: 100% !important;
            background-position: center
        }

        #balance-pay-payment-options>ul>li label i.fa.evy-pay-vimc:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.evy-pay-vimc:before,
        #payment-method-options>ul>li label i.fa.evy-pay-vimc:before,
        .payment-type-wrap.evy-pay-credit-card,
        .payment-type-wrap.evy-pay-vimc {
            background: url(/assets/img/payment-methods/add-new-card.svg) no-repeat
        }

        #payment-method-options>ul>li label i.fa.evy-pay-credit-card:before {
            background: url(/assets/img/payment-methods/mir.svg) no-repeat
        }

        #payment-method-options>ul>li label i.fa.sbp-evy-pay:before {
            background: url(/assets/img/payment-methods/sbp.svg) no-repeat
        }

        .payment-type-wrap.evy-pay,
        .payment-type-wrap.mir {
            background: url(/assets/img/payment-methods/mir.svg) no-repeat left top
        }

        .payment-type-wrap.sbp-evy-pay {
            background: url(/assets/img/payment-methods/sbp.svg) no-repeat left top
        }

        #balance-pay-payment-options>ul>li label i.fa.evy-pay-credit-card.visa:before,
        #balance-pay-payment-options>ul>li label i.fa.evy-pay-vimc.visa:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.evy-pay-credit-card.visa:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.evy-pay-vimc.visa:before {
            background: url(/assets/img/payment-methods/visa.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        body.dark-theme #balance-pay-payment-options>ul>li label i.fa.evy-pay-credit-card.visa:before,
        body.dark-theme #balance-pay-payment-options>ul>li label i.fa.evy-pay-vimc.visa:before,
        body.dark-theme #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.evy-pay-credit-card.visa:before,
        body.dark-theme #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.evy-pay-vimc.visa:before {
            background: url(/assets/img/payment-methods/visa-dark.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        #balance-pay-payment-options>ul>li label i.fa.evy-pay-credit-card.mastercard:before,
        #balance-pay-payment-options>ul>li label i.fa.evy-pay-vimc.mastercard:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.evy-pay-credit-card.mastercard:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.evy-pay-vimc.mastercard:before {
            background: url(/assets/img/payment-methods/mastercard.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        body.dark-theme #balance-pay-payment-options>ul>li label i.fa.evy-pay-credit-card.mastercard:before,
        body.dark-theme #balance-pay-payment-options>ul>li label i.fa.evy-pay-vimc.mastercard:before,
        body.dark-theme #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.evy-pay-credit-card.mastercard:before,
        body.dark-theme #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.evy-pay-vimc.mastercard:before {
            background: url(/assets/img/payment-methods/mastercard-dark.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        #balance-pay-payment-options>ul>li label i.fa.evy-pay-credit-card.american.express:before,
        #balance-pay-payment-options>ul>li label i.fa.evy-pay-credit-card.amex:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.evy-pay-credit-card.american.express:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.evy-pay-credit-card.amex:before {
            background: url(/assets/img/payment-methods/amex.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        #balance-pay-payment-options>ul>li label i.fa.evy-pay-credit-card:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.evy-pay-credit-card:before {
            background: url(/assets/img/payment-methods/mir.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        #balance-pay-payment-options>ul>li label i.fa.sbp-evy-pay:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.sbp-evy-pay:before {
            background: url(/assets/img/payment-methods/sbp.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        .tamara-promo-wrap {
            display: block;
            margin: 8px 0
        }

        .tamara-promo {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 10px;
            border: 1px solid #d9d9d9;
            border-radius: 6px
        }

        .tamara-promo-wrap :hover {
            background-color: #fcfcfc
        }

        .tamara-learn-more {
            color: #7a7a7a !important;
            text-decoration: underline !important
        }

        .tamara-additonal-fee {
            font-size: 12px;
            line-height: 17px;
            padding-top: 8px
        }

        .tamara-logo img {
            width: 70px
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.tamara:before,
        #payment-method-options>ul>li label i.fa.tamara:before,
        .payment-type-wrap.tamara {
            background: url(/assets/img/payment-methods/tamara.svg) no-repeat
        }

        :lang(ar) #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.tamara:before,
        :lang(ar) #payment-method-options>ul>li label i.fa.tamara:before,
        :lang(ar) .payment-type-wrap.tamara {
            background: url(/assets/img/payment-methods/tamara-ar.svg) no-repeat
        }

        #balance-pay-payment-options>ul>li label i.fa.tamara:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.tamara:before,
        #payment-method-options>ul>li label i.fa.tamara:before {
            width: 40px;
            height: 25px;
            content: '';
            display: block;
            background-size: 100% !important;
            background-position: center
        }

        #balance-pay-payment-options>ul>li label i.fa.tamara:before {
            background: url(/assets/img/payment-methods/tamara.svg) no-repeat
        }

        :lang(ar) #balance-pay-payment-options>ul>li label i.fa.tamara:before {
            background: url(/assets/img/payment-methods/tamara-ar.svg) no-repeat
        }

        body.dark-theme .tamara-promo {
            border-color: var(--border-color-primary)
        }

        body.dark-theme .tamara-text {
            color: var(--white)
        }

        body.dark-theme .tamara-promo-wrap :hover {
            background-color: var(--bg-primary)
        }

        @media (prefers-color-scheme:dark) {
            body.device-theme #rate-and-review .review-calculation-info a,
            body.device-theme .tamara-text {
                color: var(--white)
            }
            body.device-theme .tamara-promo {
                border-color: var(--border-color-primary)
            }
            body.dark-theme .tamara-promo-wrap :hover {
                background-color: var(--bg-primary)
            }
        }

        #tamaraLightbox {
            display: none
        }

        #tamaraLightbox {
            width: 96%;
            height: 98%;
            max-height: 100%;
            padding: 0;
            margin: 0;
            border-radius: 18px;
            overflow: hidden
        }

        @media screen and (min-width:820px) {
            #tamaraLightbox {
                width: 60%;
                height: 70%;
                max-height: 70%
            }
        }

        @media screen and (min-width:1200px) {
            #tamaraLightbox {
                width: 35%;
                height: 70%;
                max-height: 70%
            }
        }

        #balance-pay-payment-options>ul>li label i.fa.credit-card-amex-sa:before,
        #balance-pay-payment-options>ul>li label i.fa.credit-card-full:before,
        #balance-pay-payment-options>ul>li label i.fa.credit-card-installment:before,
        #balance-pay-payment-options>ul>li label i[class*="-token-"].fa:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.checkout-credit-card.mastercard:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.checkout-credit-card.visa:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.checkout-credit-card:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.credit-card-amex-sa:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.credit-card-full:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.credit-card-installment:before,
        #payment-method-options>ul>li label i.fa.credit-card-amex-sa.american.express:before,
        #payment-method-options>ul>li label i.fa.credit-card-amex-sa.amex:before,
        #payment-method-options>ul>li label i.fa.credit-card-amex-sa.mastercard:before,
        #payment-method-options>ul>li label i.fa.credit-card-amex-sa.newcard:before,
        #payment-method-options>ul>li label i.fa.credit-card-full.american.express:before,
        #payment-method-options>ul>li label i.fa.credit-card-full.amex:before,
        #payment-method-options>ul>li label i.fa.credit-card-full.mastercard:before,
        #payment-method-options>ul>li label i.fa.credit-card-full.newcard:before,
        #payment-method-options>ul>li label i.fa.credit-card-full.visa:before,
        #payment-method-options>ul>li label i.fa.credit-card-installment:before,
        #payment-method-options>ul>li label i[class*="-token-"].fa.american.express:before,
        #payment-method-options>ul>li label i[class*="-token-"].fa.amex:before,
        #payment-method-options>ul>li label i[class*="-token-"].fa.mada:before,
        #payment-method-options>ul>li label i[class*="-token-"].fa.mastercard:before,
        #payment-method-options>ul>li label i[class*="-token-"].fa.visa:before,
        #payment-method-options>ul>li.active label i.fa.credit-card-amex-sa.newcard:before,
        #payment-method-options>ul>li.active label i.fa.credit-card-full.newcard:before,
        #payment-method-options>ul>li:hover label i.fa.credit-card-amex-sa.newcard:before,
        #payment-method-options>ul>li:hover label i.fa.credit-card-full.newcard:before {
            width: 40px;
            height: 25px;
            content: '';
            display: block;
            background-size: 100% !important;
            background-position: center
        }

        #payment-method-options .credit-card-amex-sa .form-group.error .input-group-addon,
        #payment-method-options .credit-card-amex-sa .form-group.error input,
        #payment-method-options .credit-card-full .form-group.error .input-group-addon,
        #payment-method-options .credit-card-full .form-group.error input {
            border-color: #e90b0b
        }

        #payment-method-options .credit-card-amex-sa img.payment-cc-card,
        #payment-method-options .credit-card-full img.payment-cc-cards,
        #payment-method-options ul>li.credit-card-amex-sa .balance-payment-card-form-container img.payment-cc-cards,
        #payment-method-options ul>li.credit-card-full .balance-payment-card-form-container img.payment-cc-cards,
        ul>li.credit-card-amex-sa .balance-payment-card-form-container img.payment-cards,
        ul>li.credit-card-full .balance-payment-card-form-container img.payment-cards {
            height: 40px;
            float: unset !important
        }

        @media screen and (max-width:767px) {
            #payment-method-options .credit-card-amex-sa img.payment-cc-cards,
            #payment-method-options .credit-card-full img.payment-cc-cards,
            ul>li.credit-card-amex-sa .balance-payment-card-form-container img.payment-cards,
            ul>li.credit-card-amex-sa .balance-payment-card-form-container img.payment-type-wrap.credit-card-full,
            ul>li.credit-card-full .balance-payment-card-form-container img.payment-cards,
            ul>li.credit-card-full .balance-payment-card-form-container img.payment-cc-cards {
                height: 24px
            }
        }

        #payment-method-options .credit-card-amex-sa .bootstrap-select>.dropdown-toggle:active,
        #payment-method-options .credit-card-full .bootstrap-select.open>.dropdown-toggle.btn-default,
        #payment-method-options .credit-card-full .bootstrap-select>.dropdown-toggle:active {
            color: #4f576d;
            background-color: #c1c7d5
        }

        #payment-method-options>ul>li label i.fa.credit-card-amex-sa:before,
        #payment-method-options>ul>li label i.fa.credit-card-full:before {
            content: "\f283"
        }

        #balance-pay-payment-options>ul>li label i.fa.credit-card-installment:before {
            background: url(/assets/img/payment-methods/installment.svg) no-repeat
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li.active.credit-card-installment .balance-payment-card-form-container {
            width: 100%;
            margin: 5px 10px
        }

        #balance-pay-payment-options>ul>li label i[class*="-token-"].fa.visa:before,
        #payment-method-options>ul>li label i.fa.credit-card-amex-sa.visa:before,
        #payment-method-options>ul>li label i.fa.credit-card-full.visa:before,
        #payment-method-options>ul>li label i[class*="-token-"].fa.visa:before {
            background: url(/assets/img/payment-methods/visa.svg) no-repeat
        }

        body.dark-theme #balance-pay-payment-options>ul>li label i[class*="-token-"].fa.visa:before,
        body.dark-theme #payment-method-options>ul>li label i.fa.credit-card-amex-sa.visa:before,
        body.dark-theme #payment-method-options>ul>li label i.fa.credit-card-full.visa:before,
        body.dark-theme #payment-method-options>ul>li label i[class*="-token-"].fa.visa:before {
            background: url(/assets/img/payment-methods/visa-dark.svg) no-repeat
        }

        #balance-pay-payment-options>ul>li label i[class*="-token-"].fa.mastercard:before,
        #payment-method-options>ul>li label i.fa.credit-card-amex-sa.mastercard:before,
        #payment-method-options>ul>li label i.fa.credit-card-full.mastercard:before,
        #payment-method-options>ul>li label i[class*="-token-"].fa.mastercard:before {
            background: url(/assets/img/payment-methods/mastercard.svg) no-repeat
        }

        body.dark-theme #balance-pay-payment-options>ul>li label i[class*="-token-"].fa.mastercard:before,
        body.dark-theme #payment-method-options>ul>li label i.fa.credit-card-amex-sa.mastercard:before,
        body.dark-theme #payment-method-options>ul>li label i.fa.credit-card-full.mastercard:before,
        body.dark-theme #payment-method-options>ul>li label i[class*="-token-"].fa.mastercard:before {
            background: url(/assets/img/payment-methods/mastercard-dark.svg) no-repeat
        }

        #balance-pay-payment-options>ul>li label i[class*="-token-"].fa.american.express:before,
        #balance-pay-payment-options>ul>li label i[class*="-token-"].fa.amex:before,
        #payment-method-options>ul>li label i.fa.credit-card-amex-sa.american.express:before,
        #payment-method-options>ul>li label i.fa.credit-card-amex-sa.amex:before,
        #payment-method-options>ul>li label i.fa.credit-card-full.american.express:before,
        #payment-method-options>ul>li label i.fa.credit-card-full.amex:before,
        #payment-method-options>ul>li label i[class*="-token-"].fa.american.express:before,
        #payment-method-options>ul>li label i[class*="-token-"].fa.amex:before {
            background: url(/assets/img/payment-methods/amex.svg) no-repeat
        }

        #balance-pay-payment-options>ul>li label i[class*="-token-"].fa.mada:before,
        #balance-pay-payment-options>ul>li.active label i[class*="-token-"].fa.mada:before,
        #balance-pay-payment-options>ul>li:hover label i[class*="-token-"].fa.mada:before,
        #payment-method-options>ul>li label i.fa.credit-card-amex-sa.mada:before,
        #payment-method-options>ul>li label i.fa.credit-card-full.mada:before,
        #payment-method-options>ul>li label i[class*="-token-"].fa.mada:before {
            background: url(/assets/img/payment-methods/mada.svg) no-repeat
        }

        body.dark-theme #balance-pay-payment-options>ul>li label i[class*="-token-"].fa.mada:before,
        body.dark-theme #balance-pay-payment-options>ul>li.active label i[class*="-token-"].fa.mada:before,
        body.dark-theme #balance-pay-payment-options>ul>li:hover label i[class*="-token-"].fa.mada:before,
        body.dark-theme #payment-method-options>ul>li label i.fa.credit-card-amex-sa.mada:before,
        body.dark-theme #payment-method-options>ul>li label i.fa.credit-card-full.mada:before,
        body.dark-theme #payment-method-options>ul>li label i[class*="-token-"].fa.mada:before {
            background: url(/assets/img/payment-methods/mada-dark.svg) no-repeat
        }

        #payment-method-options>ul>li label i.fa.credit-card-amex-sa.newcard:before,
        #payment-method-options>ul>li label i.fa.credit-card-full.newcard:before {
            background: url(/assets/img/payment-methods/add-new-card.svg) no-repeat
        }

        #payment-method-options>ul>li label i.fa.credit-card-installment:before {
            background: url(/assets/img/payment-methods/installment.svg) no-repeat
        }

        #payment-method-options .credit-card-amex-sa .form-group .input-group-addone,
        #payment-method-options .credit-card-full .form-group .input-group-addon {
            border-radius: 0 4px 4px 0
        }

        #payment-method-options .credit-card-amex-sa .form-group.error .input-group-addon,
        #payment-method-options .credit-card-full .form-group.error .input-group-addon {
            color: #fff;
            background: #e90b0b
        }

        .payment-type-wrap.credit-card-full,
        .payment-type-wrap.credit-card-installment {
            background: url(/assets/img/payment-methods/card-on-delivery.svg) no-repeat left top
        }

        #payment-details #payment-method-options>ul>li.credit-card-amex-sa .tooltip_cvv:not(.theme_mode),
        #payment-details #payment-method-options>ul>li.credit-card-full .tooltip_cvv:not(.theme_mode) {
            top: 5px;
            left: 104px;
            width: 21px;
            height: 26px;
            padding: 2px
        }

        #payment-method-options .credit-card-amex-sa .bootstrap-select.open .dropdown-menu,
        #payment-method-options .credit-card-full .bootstrap-select.open .dropdown-menu {
            max-height: 130px !important;
            padding: 0
        }

        #payment-method-options .credit-card-amex-sa.active .form-group,
        #payment-method-options .credit-card-full.active .form-group {
            margin-bottom: 18px
        }

        #payment-method-options .credit-card-amex-sa.active .form-group.form-group-last,
        #payment-method-options .credit-card-full.active .form-group.form-group-last {
            margin-bottom: 0
        }

        #payment-method-options .credit-card-amex-sa.active .input-wraper,
        #payment-method-options .credit-card-full.active .input-wraper {
            display: inline;
            position: relative
        }

        #payment-method-options .credit-card-amex-sa.active.form-group label.error,
        #payment-method-options .credit-card-full.active .form-group label.error,
        #payment-method-options li.active #credit-card-wrapper .form-group label.error {
            position: absolute !important;
            display: block;
            width: auto
        }

        #payment-method-options .credit-card-amex-sa.active.form-group label.error,
        #payment-method-options .credit-card-full.active .form-group label.error {
            position: absolute !important;
            display: block;
            width: auto
        }

        @media screen and (min-width:768px) {
            #payment-method-options .credit-card-amex-sa.active .payment-card-form-container .panel-body,
            #payment-method-options .credit-card-full.active .payment-card-form-container .panel-body {
                padding: 15px 24px
            }
        }

        @media screen and (max-width:480px) {
            #payment-method-options .credit-card-amex-sa.active .payment-card-form-container .form-group label.error,
            #payment-method-options .credit-card-full.active .payment-card-form-container .form-group label.error {
                font-size: 10px
            }
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.credit-card-amex-sa:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.credit-card-full:before {
            background: url(/assets/img/payment-methods/add-new-card.svg) no-repeat
        }

        #balance-pay-payment-options>ul>li label i.fa.credit-card-amex-sa.visa:before,
        #balance-pay-payment-options>ul>li label i.fa.credit-card-full.visa:before,
        #balance-pay-payment-options>ul>li label i[class*="-token-"].fa.visa:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.credit-card-amex-sa.visa:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.credit-card-full.visa:before {
            background: url(/assets/img/payment-methods/visa.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        body.dark-theme #balance-pay-payment-options>ul>li label i.fa.credit-card-amex-sa.visa:before,
        body.dark-theme #balance-pay-payment-options>ul>li label i.fa.credit-card-full.visa:before,
        body.dark-theme #balance-pay-payment-options>ul>li label i[class*="-token-"].fa.visa:before,
        body.dark-theme #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.credit-card-amex-sa.visa:before,
        body.dark-theme #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.credit-card-full.visa:before {
            background: url(/assets/img/payment-methods/visa-dark.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        #balance-pay-payment-options>ul>li label i.fa.credit-card-amex-sa.mastercard:before,
        #balance-pay-payment-options>ul>li label i.fa.credit-card-full.mastercard:before,
        #balance-pay-payment-options>ul>li label i[class*="-token-"].fa.mastercard:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.credit-card-amex-sa.mastercard:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.credit-card-full.mastercard:before {
            background: url(/assets/img/payment-methods/mastercard.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        body.dark-theme #balance-pay-payment-options>ul>li label i.fa.credit-card-amex-sa.mastercard:before,
        body.dark-theme #balance-pay-payment-options>ul>li label i.fa.credit-card-full.mastercard:before,
        body.dark-theme #balance-pay-payment-options>ul>li label i[class*="-token-"].fa.mastercard:before,
        body.dark-theme #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.credit-card-amex-sa.mastercard:before,
        body.dark-theme #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.credit-card-full.mastercard:before {
            background: url(/assets/img/payment-methods/mastercard-dark.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        #balance-pay-payment-options>ul>li label i.fa.credit-card-amex-sa.american.express:before,
        #balance-pay-payment-options>ul>li label i.fa.credit-card-amex-sa.amex:before,
        #balance-pay-payment-options>ul>li label i.fa.credit-card-full.american.express:before,
        #balance-pay-payment-options>ul>li label i.fa.credit-card-full.amex:before,
        #balance-pay-payment-options>ul>li label i[class*="-token-"].fa.american.express:before,
        #balance-pay-payment-options>ul>li label i[class*="-token-"].fa.amex:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.checkout-credit-card.amex:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.credit-card-amex-sa.american.express:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.credit-card-amex-sa.amex:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.credit-card-full.american.express:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.credit-card-full.amex:before {
            background: url(/assets/img/payment-methods/amex.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.credit-card-full.mada:before {
            background: url(/assets/img/payment-methods/mada.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        body.dark-theme #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.credit-card-full.mada:before {
            background: url(/assets/img/payment-methods/mada-dark.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li.active.credit-card-full,
        #balance-payment-modal #balance-pay-payment-options>ul>li.active.credit-card-installment {
            flex-wrap: wrap
        }

        .checkout-wrapper li.credit-card-full.active .payment-card-form-container {
            margin: 0;
            padding: 15px 30px
        }

        #payment-details #payment-method-options li.credit-card-full.active .payment-card-form-container {
            margin: 0;
            padding: 0
        }

        #payment-details #payment-method-options li.credit-card-amex-sa.active .form-container .field-container,
        #payment-details #payment-method-options li.credit-card-full.active .form-container .field-container {
            position: relative;
            margin-bottom: 25px
        }

        #payment-details #payment-method-options li.credit-card-full.active .form-container .field-container:last-child {
            margin-bottom: 10px
        }

        #payfort-iframe.loading {
            background: url(/assets/img/horizontal-bar-loading-blue.gif) center center no-repeat;
            min-height: 555px
        }

        #payfort-iframe #credit_card_iframe_merchant_page {
            min-height: 555px
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.credit-card-installment:before {
            background: url(/assets/img/payment-methods/installment.svg) no-repeat
        }

        #balance-pay-payment-options>ul>li label i.fa.credit-card-amex-sa:before,
        #balance-pay-payment-options>ul>li label i.fa.credit-card-full:before,
        #balance-pay-payment-options>ul>li label i[class*="-token-"].fa:before {
            background: url(/assets/img/payment-methods/add-new-card.svg) no-repeat
        }

        #balance-pay-payment-options>ul>li.active.credit-card-full,
        #balance-pay-payment-options>ul>li.active.credit-card-installment,
        #balance-pay-payment-options>ul>li.credit-card-amex-sa {
            flex-wrap: wrap
        }

        #balance-pay-payment-options>ul>li.active.credit-card-amex-sa .balance-payment-card-form-container,
        #balance-pay-payment-options>ul>li.active.credit-card-full .balance-payment-card-form-container,
        #balance-pay-payment-options>ul>li.active.credit-card-installment .balance-payment-card-form-container {
            margin: 10px;
            padding: 0
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li.active:not(.credit-card-amex-sa) .balance-payment-card-form-container,
        #balance-payment-modal #balance-pay-payment-options>ul>li.active:not(.credit-card-full) .balance-payment-card-form-container,
        #balance-payment-modal #balance-pay-payment-options>ul>li.active:not(.credit-card-installment) .balance-payment-card-form-container {
            padding: 0
        }

        .body-page-user_account #balance-payment-modal #balance-pay-payment-options>ul>li.active:not(.checkout-credit-card) .balance-payment-card-form-container {
            margin: 0 15px
        }

        .body-page-user_account #balance-payment-modal #balance-pay-payment-options>ul>li.credit-card-full.active:not(.checkout-credit-card) .balance-payment-card-form-container {
            margin: 10px 15px 15px
        }

        body.rtl #payment-details #payment-method-options>ul>li.credit-card-amex-sa .tooltip_cvv:not(.theme_mode),
        body.rtl #payment-details #payment-method-options>ul>li.credit-card-full .tooltip_cvv:not(.theme_mode) {
            left: unset;
            right: 102px;
            top: 6px
        }

        body.rtl.body-page-user_account #balance-payment-modal .credit-card-amex-sa .balance-payment-card-form-container .tooltip_cvv,
        body.rtl.body-page-user_account #balance-payment-modal .credit-card-full .balance-payment-card-form-container .tooltip_cvv {
            top: 30px
        }

        #payment-method-options>ul>li label i.fa.benefit-debit-card:before,
        #payment-method-options>ul>li label i.fa.knet:before {
            content: '';
            width: 34px;
            height: 24px;
            display: block;
            border-radius: 3px
        }

        #payment-method-options>ul>li label i.fa.knet:before {
            background: url(/assets/img/KNETLogo.svg) no-repeat;
            background-position: 0 50%;
            background-size: 34px
        }

        #payment-method-options>ul>li label i.fa.benefit-debit-card:before {
            background: url(/assets/img/benefit-logo-2.svg) no-repeat;
            background-position: center 50%;
            background-size: 23px
        }

        #balance-pay-payment-options>ul>li label i.fa.benefit-debit-card:before,
        #balance-pay-payment-options>ul>li label i.fa.knet:before {
            width: 40px;
            height: 25px;
            content: '';
            display: block;
            background-size: 100% !important;
            background-position: center
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.knet:before {
            background: url(/assets/img/KNETLogo.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.benefit-debit-card:before {
            background: url(/assets/img/benefit-logo-2.svg) no-repeat;
            background-position: center;
            background-size: 74%
        }

        #balance-pay-payment-options>ul>li label i.fa.knet:before {
            background: url(/assets/img/KNETLogo.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        #balance-pay-payment-options>ul>li label i.fa.benefit-debit-card:before {
            background: url(/assets/img/benefit-logo-2.svg) no-repeat;
            background-position: center;
            background-size: 74%
        }

        #balance-pay-payment-options>ul>li label i.fa.amwal-pay:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.amwal-pay:before,
        #payment-method-options>ul>li label i.fa.amwal-pay:before {
            width: 40px;
            height: 25px;
            content: '';
            display: block;
            background-size: 100% !important;
            background-position: center
        }

        #balance-pay-payment-options>ul>li label i.fa.amwal-pay:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.amwal-pay:before,
        #payment-method-options>ul>li label i.fa.amwal-pay:before,
        .payment-type-wrap.amwal-pay {
            background: url(/assets/img/payment-methods/add-new-card.svg) no-repeat left top
        }

        #balance-pay-payment-options>ul>li label i.fa.qiwi-pay:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.qiwi-pay:before,
        #payment-method-options>ul>li label i.fa.qiwi-pay:before {
            width: 40px;
            height: 25px;
            content: '';
            display: block;
            background-size: 100% !important;
            background-position: center
        }

        #balance-pay-payment-options>ul>li label i.fa.qiwi-pay:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.qiwi-pay:before,
        #payment-method-options>ul>li label i.fa.qiwi-pay:before,
        .payment-type-wrap.qiwi-pay {
            background: url(/assets/img/payment-methods/add-new-card.svg) no-repeat left top
        }

        #balance-pay-payment-options>ul>li label i.fa.qiwi-pay-mir:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.qiwi-pay-mir:before,
        #payment-method-options>ul>li label i.fa.qiwi-pay-mir:before {
            width: 40px;
            height: 25px;
            content: '';
            display: block;
            background-size: 100% !important;
            background-position: center
        }

        #balance-pay-payment-options>ul>li label i.fa.qiwi-pay-mir:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.qiwi-pay-mir:before,
        #payment-method-options>ul>li label i.fa.qiwi-pay-mir:before,
        .payment-type-wrap.qiwi-pay-mir {
            background: url(/assets/img/payment-methods/mir.svg) no-repeat left top
        }

        #balance-pay-payment-options>ul>li label i.fa.checkout-credit-card:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.checkout-credit-card.mastercard:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.checkout-credit-card.visa:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.checkout-credit-card:before,
        #payment-method-options>ul>li label i.fa.checkout-credit-card:before,
        #payment-method-options>ul>li.active label i.fa.checkout-credit-card:before,
        #payment-method-options>ul>li:hover label i.fa.checkout-credit-card:before {
            width: 40px;
            height: 25px;
            content: '';
            display: block;
            background-size: 100% !important;
            background-position: center
        }

        #checkout-credit-card-frame img.payment-cards,
        #credit-card-wrapper img.payment-cards,
        #credit-card-wrapper img.payment-cc-cards,
        #payment-method-options ul>li.checkout-credit-card .balance-payment-card-form-container img.payment-cc-cards,
        ul>li.checkout-credit-card .balance-payment-card-form-container img.payment-cards {
            height: 40px;
            float: unset !important
        }

        @media screen and (max-width:767px) {
            #checkout-credit-card-frame img.payment-cards,
            #credit-card-wrapper img.payment-cards,
            ul>li.checkout-credit-card .balance-payment-card-form-container img.payment-cards,
            ul>li.checkout-credit-card .balance-payment-card-form-container img.payment-cc-cards {
                height: 24px
            }
        }

        #payment-method-options>ul>li label i.fa.checkout-credit-card:before {
            background: url(/assets/img/payment-methods/add-new-card.svg) no-repeat
        }

        #payment-method-options #checkout-credit-card-frame .checkout-frame-form,
        li.checkout-credit-card .balance-payment-card-form-container .checkout-frame-form,
        li.checkout-credit-card .payment-card-form-container .checkout-frame-form {
            padding: 10px 24px 15px
        }

        #payment-method-options li.active.checkout-credit-card .payment-card-form-container {
            padding: 20px
        }

        #payment-method-options li.active.checkout-credit-card .payment-card-form-container .icon-container {
            position: absolute;
            top: 0;
            bottom: 0;
            display: flex;
            justify-content: center;
            width: 26px;
            margin: 0 7px
        }

        @media screen and (max-width:767px) {
            #payment-method-options #checkout-credit-card-frame .checkout-frame-form,
            li.checkout-credit-card .balance-payment-card-form-container .checkout-frame-form,
            li.checkout-credit-card .payment-card-form-container .checkout-frame-form {
                padding: 10px 15px 15px
            }
        }

        #payment-method-options #checkout-credit-card-frame .panel-heading,
        li.checkout-credit-card .balance-payment-card-form-container .panel-heading,
        li.checkout-credit-card .payment-card-form-container .panel-heading {
            padding: 20px 0;
            background: #fff;
            border-bottom: 1px solid #e3e5f2
        }

        #checkout-credit-card-frame iframe,
        li.checkout-credit-card .balance-payment-card-form-container iframe,
        li.checkout-credit-card .payment-card-form-container iframe {
            height: 38px !important
        }

        #checkout-credit-card-frame .card-date-and-code li.checkout-credit-card .payment-card-form-container .card-date-and-code,
        li.checkout-credit-card .balance-payment-card-form-container .card-date-and-code {
            display: flex;
            justify-content: space-between
        }

        #checkout-credit-card-frame .card-number-frame,
        li.checkout-credit-card .balance-payment-card-form-container .card-number-frame,
        li.checkout-credit-card .payment-card-form-container .card-number-frame {
            margin-bottom: 10px
        }

        #checkout-credit-card-frame label,
        li.checkout-credit-card .balance-payment-card-form-container label,
        li.checkout-credit-card .payment-card-form-container label {
            display: block;
            height: 10px;
            color: #13395e;
            font-size: 14px;
            line-height: 10px;
            padding: 15px 24px
        }

        #payment-method-options #checkout-credit-card-frame label,
        li.checkout-credit-card .balance-payment-card-form-container label,
        li.checkout-credit-card .payment-card-form-container label {
            padding: 12px 2px;
            line-height: 26px;
            height: auto;
            font-size: 12px !important
        }

        #checkout-credit-card-frame .date-and-code,
        li.checkout-credit-card .balance-payment-card-form-container .date-and-code,
        li.checkout-credit-card .payment-card-form-container .date-and-code {
            display: flex;
            margin-bottom: 20px
        }

        #checkout-credit-card-frame .date-and-code>div:nth-child(1),
        li.checkout-credit-card .balance-payment-card-form-container .date-and-code>div:nth-child(1),
        li.checkout-credit-card .payment-card-form-container .date-and-code>div:nth-child(1) {
            width: 50%
        }

        #checkout-credit-card-frame .date-and-code>div:nth-child(2) li.checkout-credit-card .payment-card-form-container .date-and-code>div:nth-child(2),
        li.checkout-credit-card .balance-payment-card-form-container .date-and-code>div:nth-child(2) {
            width: 50%
        }

        #checkout-credit-card-frame .input-container,
        li.checkout-credit-card .balance-payment-card-form-container .input-container,
        li.checkout-credit-card .payment-card-form-container .input-container {
            position: relative;
            display: flex;
            height: 40px
        }

        #checkout-credit-card-frame .card-number-frame,
        li.checkout-credit-card .balance-payment-card-form-container .card-number-frame,
        li.checkout-credit-card .payment-card-form-container .card-number-frame {
            height: 40px
        }

        #checkout-credit-card-frame .icon-container:last-child,
        li.checkout-credit-card .balance-payment-card-form-container .icon-container:last-child,
        li.checkout-credit-card .payment-card-form-container .icon-container:last-child {
            right: 0
        }

        #checkout-credit-card-frame .icon-container.payment-method,
        li.checkout-credit-card .balance-payment-card-form-container .icon-container.payment-method,
        li.checkout-credit-card .payment-card-form-container .icon-container.payment-method {
            right: 0
        }

        #checkout-credit-card-frame .input-container.card-number,
        li.checkout-credit-card .balance-payment-card-form-container .input-container.card-number,
        li.checkout-credit-card .payment-card-form-container .input-container.card-number {
            margin-bottom: 8px
        }

        #checkout-credit-card-frame .input-container.expiry-date,
        li.checkout-credit-card .balance-payment-card-form-container .input-container.expiry-date,
        li.checkout-credit-card .payment-card-form-container .input-container.expiry-date {
            margin-right: 8px
        }

        #checkout-credit-card-frame .card-number-frame,
        #checkout-credit-card-frame .cvv-frame li.checkout-credit-card .payment-card-form-containere .card-number-frame,
        #checkout-credit-card-frame .expiry-date-frame,
        li.checkout-credit-card .balance-payment-card-form-container .cvv-frame,
        li.checkout-credit-card .balance-payment-card-form-container .expiry-date-frame,
        li.checkout-credit-card .balance-payment-card-form-containere .card-number-frame,
        li.checkout-credit-card .payment-card-form-container .card-number-frame,
        li.checkout-credit-card .payment-card-form-container .cvv-frame,
        li.checkout-credit-card .payment-card-form-container .expiry-date-frame {
            flex: 1 1 auto;
            padding-left: 40px
        }

        #checkout-credit-card-frame div+button,
        li.checkout-credit-card .balance-payment-card-form-container div+button,
        li.checkout-credit-card .payment-card-form-container div+button {
            margin-top: 8px
        }

        #checkout-credit-card-frame .icon-container li.checkout-credit-card .payment-card-form-container {
            top: 0;
            bottom: 0;
            display: flex;
            justify-content: center;
            width: 26px;
            margin: 0 7px
        }

        #checkout-credit-card-frame .icon-container img,
        li.checkout-credit-card .balance-payment-card-form-container .icon-container img,
        li.checkout-credit-card .payment-card-form-container .icon-container img {
            width: 20px
        }

        #checkout-credit-card-frame .icon-container.payment-method,
        li.checkout-credit-card .balance-payment-card-form-container .icon-container.payment-method,
        li.checkout-credit-card .payment-card-form-container .icon-container.payment-method {
            transform: translateY(-50%) rotateY(90deg);
            transition: opacity .15s ease-out;
            opacity: 0;
            top: 50%
        }

        #checkout-credit-card-frame .icon-container.payment-method.show,
        li.checkout-credit-card .balance-payment-card-form-container .icon-container.payment-method.show,
        li.checkout-credit-card .payment-card-form-container .icon-container.payment-method.show {
            opacity: 1;
            transition: all .4s ease-out;
            transform: translateY(-50%) rotateY(0)
        }

        #checkout-credit-card-frame .icon-container.payment-method img,
        li.checkout-credit-card .balance-payment-card-form-container .icon-container.payment-method img,
        li.checkout-credit-card .payment-card-form-container .icon-container.payment-method img {
            width: 100%
        }

        #checkout-credit-card-frame .frame,
        li.checkout-credit-card .balance-payment-card-form-container .frame,
        li.checkout-credit-card .payment-card-form-container .frame {
            opacity: 0
        }

        #checkout-credit-card-frame .card-number-frame,
        #checkout-credit-card-frame .cvv-frame,
        #checkout-credit-card-frame .expiry-date-frame,
        li.checkout-credit-card .balance-payment-card-form-container .card-number-frame,
        li.checkout-credit-card .balance-payment-card-form-container .cvv-frame,
        li.checkout-credit-card .balance-payment-card-form-container .expiry-date-frame,
        li.checkout-credit-card .payment-card-form-container .card-number-frame,
        li.checkout-credit-card .payment-card-form-container .cvv-frame,
        li.checkout-credit-card .payment-card-form-container .expiry-date-frame {
            opacity: 1;
            border: solid 1px #e3e5f4;
            border-radius: 3px;
            background-color: #fff;
            background: #fff
        }

        #checkout-credit-card-frame .card-number-frame input,
        li.checkout-credit-card .balance-payment-card-form-container .card-number-frame input,
        li.checkout-credit-card .payment-card-form-container .card-number-frame input {
            background-color: #fff;
            background: #fff
        }

        #checkout-credit-card-frame .frame--activated.frame--focus,
        li.checkout-credit-card .balance-payment-card-form-container .frame--activated.frame--focus,
        li.checkout-credit-card .payment-card-form-container .frame--activated.frame--focus {
            border: solid 1px #13395e;
            box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%)
        }

        #checkout-credit-card-frame .frame--activated.frame--invalid,
        li.checkout-credit-card .balance-payment-card-form-container .frame--activated.frame--invalid,
        li.checkout-credit-card .payment-card-form-container .frame--activated.frame--invalid {
            border: solid 1px #d96830;
            box-shadow: 0 2px 5px 0 rgba(217, 104, 48, .15)
        }

        #checkout-credit-card-frame .error-message,
        li.checkout-credit-card .balance-payment-card-form-container .error-message,
        li.checkout-credit-card .payment-card-form-container .error-message {
            display: block;
            color: #c9501c;
            font-size: .9rem;
            margin: 8px 0 0 1px;
            font-weight: 300
        }

        #checkout-credit-card-frame .success-payment-message,
        li.checkout-credit-card .balance-payment-card-form-container .success-payment-message,
        li.checkout-credit-card .payment-card-form-container .success-payment-message {
            color: #13395e;
            line-height: 1.4
        }

        #checkout-credit-card-frame .token,
        li.checkout-credit-card .balance-payment-card-form-container .token,
        li.checkout-credit-card .payment-card-form-container .token {
            color: #b35e14;
            font-size: .9rem;
            font-family: monospace
        }

        #checkout-credit-card-frame .date-and-code .input-container,
        #checkout-credit-card-frame .input-container.card-number,
        li.checkout-credit-card .balance-payment-card-form-container .date-and-code .input-container,
        li.checkout-credit-card .balance-payment-card-form-container .input-container.card-number,
        li.checkout-credit-card .payment-card-form-container .date-and-code .input-container,
        li.checkout-credit-card .payment-card-form-container .input-container.card-number {
            margin-top: 0;
            border-radius: 6px
        }

        li.checkout-credit-card .payment-card-form-container .input-container.card-number {
            margin-bottom: 25px
        }

        #checkout-credit-card-frame label.check_save_card,
        li.checkout-credit-card .balance-payment-card-form-container label.check_save_card,
        li.checkout-credit-card .payment-card-form-container label.check_save_card {
            display: inline-block
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.checkout-credit-card:before {
            background: url(/assets/img/payment-methods/add-new-card.svg) no-repeat
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.checkout-credit-card.visa:before {
            background: url(/assets/img/payment-methods/visa.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.checkout-credit-card.mastercard:before {
            background: url(/assets/img/payment-methods/mastercard.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.checkout-credit-card.american.express:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.checkout-credit-card.amex:before {
            background: url(/assets/img/payment-methods/amex.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li.active.checkout-credit-card #checkout-credit-card-frame,
        #balance-payment-modal li.active.checkout-credit-card .balance-payment-card-form-container,
        #balance-payment-modal li.active.checkout-credit-card .payment-card-form-container {
            width: 100%
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li.checkout-credit-card.active #checkout-credit-card-frame,
        #balance-payment-modal li.checkout-credit-card.active .balance-payment-card-form-container,
        #balance-payment-modal li.checkout-credit-card.active .payment-card-form-container {
            margin: 5px;
            padding: 5px
        }

        #balance-payment-modal #payment-method-options li.active #checkout-credit-card-frame,
        #balance-payment-modalli.checkout-credit-card.active .balance-payment-card-form-container,
        #balance-payment-modalli.checkout-credit-card.active .payment-card-form-container {
            padding: 10px
        }

        #balance-payment-modal #checkout-credit-card-frame iframe,
        #balance-payment-modal li.checkout-credit-card .balance-payment-card-form-container iframe,
        #balance-payment-modal li.checkout-credit-card .payment-card-form-container iframe {
            height: 38px !important
        }

        #balance-payment-modal #checkout-credit-card-frame .card-date-and-code,
        #balance-payment-modal li.checkout-credit-card .balance-payment-card-form-container .card-date-and-code,
        #balance-payment-modal li.checkout-credit-card .payment-card-form-container .card-date-and-code {
            display: flex;
            justify-content: space-between
        }

        #balance-payment-modal #checkout-credit-card-frame .card-number-frame,
        #balance-payment-modal li.checkout-credit-card .balance-payment-card-form-container .card-number-frame,
        #balance-payment-modal li.checkout-credit-card .payment-card-form-container .card-number-frame {
            margin-bottom: 10px
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li #checkout-credit-card-frame label {
            display: block;
            height: 10px;
            color: #595555;
            line-height: 10px;
            margin: 2px 0;
            padding: 0 15px;
            font-size: 12px !important
        }

        #balance-payment-modal #checkout-credit-card-frame .date-and-code {
            display: flex;
            margin-bottom: 8px
        }

        #balance-payment-modal #checkout-credit-card-frame .date-and-code>div:nth-child(1) {
            width: 55.715%
        }

        #balance-payment-modal #checkout-credit-card-frame .date-and-code>div:nth-child(2) {
            width: 45.719%
        }

        #balance-payment-modal #checkout-credit-card-frame .input-container {
            position: relative;
            display: flex;
            height: 32px
        }

        #balance-payment-modal #checkout-credit-card-frame .card-number-frame {
            height: 30px
        }

        #balance-payment-modal #checkout-credit-card-frame .icon-container:last-child {
            right: 0
        }

        #balance-payment-modal #checkout-credit-card-frame .icon-container.payment-method {
            right: 0
        }

        #balance-payment-modal #checkout-credit-card-frame .input-container.card-number {
            margin-bottom: 8px
        }

        #balance-payment-modal #checkout-credit-card-frame .input-container.expiry-date {
            margin-right: 8px
        }

        #balance-payment-modal #checkout-credit-card-frame .card-number-frame,
        #balance-payment-modal #checkout-credit-card-frame .cvv-frame,
        #balance-payment-modal #checkout-credit-card-frame .expiry-date-frame,
        #balance-payment-modal li.checkout-credit-card .balance-payment-card-form-container .card-number-frame,
        #balance-payment-modal li.checkout-credit-card .balance-payment-card-form-container .cvv-frame,
        #balance-payment-modal li.checkout-credit-card .balance-payment-card-form-container .expiry-date-frame,
        #balance-payment-modal li.checkout-credit-card .payment-card-form-container .card-number-frame,
        #balance-payment-modal li.checkout-credit-card .payment-card-form-container .cvv-frame,
        #balance-payment-modal li.checkout-credit-card .payment-card-form-container .expiry-date-frame {
            flex: 1 1 auto;
            padding-left: 40px
        }

        #balance-payment-modal #checkout-credit-card-frame div+button,
        #balance-payment-modal li.checkout-credit-card .balance-payment-card-form-container div+button,
        #balance-payment-modal li.checkout-credit-card .payment-card-form-container div+button {
            margin-top: 8px
        }

        #balance-payment-modal #checkout-credit-card-frame .icon-container,
        #balance-payment-modal li.checkout-credit-card .balance-payment-card-form-container .icon-container,
        #balance-payment-modal li.checkout-credit-card .payment-card-form-container .icon-container {
            position: absolute;
            top: 0;
            bottom: 0;
            display: flex;
            justify-content: center;
            width: 26px;
            margin: 0 7px
        }

        #balance-payment-modal #checkout-credit-card-frame .icon-container img,
        #balance-payment-modal li.checkout-credit-card .balance-payment-card-form-container .icon-container img,
        #balance-payment-modal li.checkout-credit-card .payment-card-form-container .icon-container img {
            width: 20px
        }

        #balance-payment-modal #checkout-credit-card-frame .icon-container.payment-method,
        #balance-payment-modal li.checkout-credit-card .balance-payment-card-form-container .icon-container.payment-method,
        #balance-payment-modal li.checkout-credit-card .payment-card-form-container .icon-container.payment-method {
            transform: translateY(-50%) rotateY(90deg);
            transition: opacity .15s ease-out;
            opacity: 0;
            top: 50%
        }

        #balance-payment-modal #checkout-credit-card-frame .icon-container.payment-method.show,
        #balance-payment-modal li.checkout-credit-card .balance-payment-card-form-container .icon-container.payment-method.show,
        #balance-payment-modal li.checkout-credit-card .payment-card-form-container .icon-container.payment-method.show {
            opacity: 1;
            transition: all .4s ease-out;
            transform: translateY(-50%) rotateY(0)
        }

        #balance-payment-modal #checkout-credit-card-frame .icon-container.payment-method img,
        #balance-payment-modal li.active.checkout-credit-card .balance-payment-card-form-container .icon-container.payment-method img,
        #balance-payment-modal li.active.checkout-credit-card .payment-card-form-container .icon-container.payment-method img {
            width: 100%
        }

        #balance-payment-modal #checkout-credit-card-frame .frame,
        #balance-payment-modal li.checkout-credit-card .balance-payment-card-form-container .frame,
        #balance-payment-modal li.checkout-credit-card .payment-card-form-container .frame {
            opacity: 0
        }

        #balance-payment-modal #checkout-credit-card-frame .frame--activated,
        #balance-payment-modal li.checkout-credit-card .balance-payment-card-form-container .frame--activated,
        #balance-payment-modal li.checkout-credit-card .payment-card-form-container .frame--activated {
            opacity: 1
        }

        #balance-payment-modal #checkout-credit-card-frame .frame--activated.frame--focus,
        #balance-payment-modal li.checkout-credit-card .balance-payment-card-form-container .frame--activated.frame--focus,
        #balance-payment-modal li.checkout-credit-card .payment-card-form-container .frame--activated.frame--focus {
            border: solid 1px #13395e;
            box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%)
        }

        #balance-payment-modal #checkout-credit-card-frame .frame--activated.frame--invalid,
        #balance-payment-modal li.checkout-credit-card .balance-payment-card-form-container .frame--activated.frame--invalid,
        #balance-payment-modal li.checkout-credit-card .payment-card-form-container .frame--activated.frame--invalid {
            border: solid 1px #d96830;
            box-shadow: 0 2px 5px 0 rgba(217, 104, 48, .15)
        }

        #balance-payment-modal #checkout-credit-card-frame .error-message,
        #balance-payment-modal li.checkout-credit-card .balance-payment-card-form-container .error-message,
        #balance-payment-modal li.checkout-credit-card .payment-card-form-container .error-message {
            display: block;
            color: #c9501c;
            font-size: .9rem;
            margin: 8px 0 0 1px;
            font-weight: 300
        }

        #balance-payment-modal #checkout-credit-card-frame .success-payment-message,
        #balance-payment-modal li.checkout-credit-card .balance-payment-card-form-container .success-payment-message,
        #balance-payment-modal li.checkout-credit-card .payment-card-form-container .success-payment-message {
            color: #13395e;
            line-height: 1.4
        }

        #balance-payment-modal #checkout-credit-card-frame .token,
        #balance-payment-modal li.checkout-credit-card .balance-payment-card-form-container .token,
        #balance-payment-modal li.checkout-credit-card .payment-card-form-container .token {
            color: #b35e14;
            font-size: .9rem;
            font-family: monospace
        }

        #balance-payment-modal #checkout-credit-card-frame .date-and-code .input-container,
        #balance-payment-modal #checkout-credit-card-frame .input-container.card-number,
        #balance-payment-modal li.checkout-credit-card .balance-payment-card-form-container .date-and-code .input-container,
        #balance-payment-modal li.checkout-credit-card .balance-payment-card-form-container.input-container.card-number,
        #balance-payment-modal li.checkout-credit-card .payment-card-form-container .date-and-code .input-container,
        #balance-payment-modal li.checkout-credit-card .payment-card-form-container .input-container.card-number {
            margin-top: 8px;
            border-radius: 4px;
            border: 1px solid #d8d8d8;
            margin-bottom: 20px
        }

        #balance-payment-modal li.checkout-credit-card .balance-payment-card-form-container .field-container,
        #balance-payment-modal li.checkout-credit-card .balance-payment-card-form-container .input-container.card-number {
            width: 100%
        }

        #balance-payment-modal #checkout-credit-card-frame label.check_save_card,
        #balance-payment-modal li.checkout-credit-card .balance-payment-card-form-container label.check_save_car,
        #balance-payment-modal li.checkout-credit-card .payment-card-form-container label.check_save_car {
            display: inline-block
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li.checkout-credit-card {
            flex-wrap: wrap
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li.active.credit-card-installment #checkout-credit-card-installment-frame {
            width: 100%;
            margin: 5px 10px
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li #checkout-credit-card-frame label.check_save_card {
            margin-bottom: 15px
        }

        #balance-pay-payment-options>ul>li label i.fa.checkout-credit-card:before {
            background: url(/assets/img/payment-methods/add-new-card.svg) no-repeat
        }

        #balance-pay-payment-options>ul>li label i.fa.checkout-credit-card.visa:before {
            background: url(/assets/img/payment-methods/visa.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        #balance-pay-payment-options>ul>li label i.fa.checkout-credit-card.mastercard:before {
            background: url(/assets/img/payment-methods/mastercard.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        #balance-pay-payment-options>ul>li label i.fa.checkout-credit-card.american.express:before,
        #balance-pay-payment-options>ul>li label i.fa.checkout-credit-card.amex:before {
            background: url(/assets/img/payment-methods/amex.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container {
            width: 100%
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card.active .balance-payment-card-form-container {
            margin: 5px;
            padding: 5px
        }

        #payment-method-options li.active #checkout-credit-card-frame {
            padding: 10px
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card.active .balance-payment-card-form-container iframe,
        #checkout-credit-card-frame iframe {
            height: 38px !important
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card.active .balance-payment-card-form-container .card-date-and-code,
        #checkout-credit-card-frame .card-date-and-code {
            display: flex;
            justify-content: space-between
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card.active .balance-payment-card-form-container .card-number-frame,
        #checkout-credit-card-frame .card-number-frame {
            margin-bottom: 10px
        }

        #balance-pay-payment-options>ul>li #checkout-credit-card-frame label,
        #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container label {
            display: block;
            height: 10px;
            color: #595555;
            line-height: 10px;
            margin: 2px 0;
            padding: 0 15px;
            font-size: 12px !important
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .date-and-code,
        #checkout-credit-card-frame .date-and-code {
            display: flex;
            margin-bottom: 8px
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .date-and-code>div:nth-child(1),
        #checkout-credit-card-frame .date-and-code>div:nth-child(1) {
            width: 55.715%
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .date-and-code>div:nth-child(2),
        #checkout-credit-card-frame .date-and-code>div:nth-child(2) {
            width: 45.719%
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .input-container,
        #checkout-credit-card-frame .input-container {
            position: relative;
            display: flex;
            height: 40px
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .card-number-frame,
        #checkout-credit-card-frame .card-number-frame {
            height: 40px
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .icon-container:last-child,
        #checkout-credit-card-frame .icon-container:last-child {
            right: 0
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .icon-container.payment-method,
        #checkout-credit-card-frame .icon-container.payment-method {
            right: 0
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .input-container.card-number,
        #checkout-credit-card-frame .input-container.card-number {
            margin-bottom: 8px
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .input-container.expiry-date,
        #checkout-credit-card-frame .input-container.expiry-date {
            margin-right: 8px
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .card-number-frame,
        #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .cvv-frame,
        #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .expiry-date-frame,
        #checkout-credit-card-frame .card-number-frame,
        #checkout-credit-card-frame .cvv-frame,
        #checkout-credit-card-frame .expiry-date-frame {
            flex: 1 1 auto;
            padding-left: 40px
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container div+button,
        #checkout-credit-card-frame div+button {
            margin-top: 8px
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .icon-container,
        #checkout-credit-card-frame .icon-container {
            position: absolute;
            top: 0;
            bottom: 0;
            display: flex;
            justify-content: center;
            width: 26px;
            margin: 0 7px
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .icon-container img,
        #checkout-credit-card-frame .icon-container img {
            width: 20px
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .icon-container.payment-method,
        #checkout-credit-card-frame .icon-container.payment-method {
            transform: translateY(-50%) rotateY(90deg);
            transition: opacity .15s ease-out;
            opacity: 0;
            top: 50%
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .icon-container.payment-method.show,
        #checkout-credit-card-frame .icon-container.payment-method.show {
            opacity: 1;
            transition: all .4s ease-out;
            transform: translateY(-50%) rotateY(0)
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .icon-container.payment-method img,
        #checkout-credit-card-frame .icon-container.payment-method img {
            width: 100%
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .frame,
        #checkout-credit-card-frame .frame {
            opacity: 0
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .frame--activated,
        #checkout-credit-card-frame .frame--activated {
            opacity: 1
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .frame--activated.frame--focus,
        #checkout-credit-card-frame .frame--activated.frame--focus {
            border: solid 1px #13395e;
            box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%)
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .frame--activated.frame--invalid,
        #checkout-credit-card-frame .frame--activated.frame--invalid {
            border: solid 1px #d96830;
            box-shadow: 0 2px 5px 0 rgba(217, 104, 48, .15)
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .error-message,
        #checkout-credit-card-frame .error-message {
            display: block;
            color: #c9501c;
            font-size: .9rem;
            margin: 8px 0 0 1px;
            font-weight: 300
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .success-payment-message,
        #checkout-credit-card-frame .success-payment-message {
            color: #13395e;
            line-height: 1.4
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .token,
        #checkout-credit-card-frame .token {
            color: #b35e14;
            font-size: .9rem;
            font-family: monospace
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .date-and-code .input-container,
        #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .input-container.card-number,
        #checkout-credit-card-frame .date-and-code .input-container,
        #checkout-credit-card-frame .input-container.card-number {
            margin-top: 8px;
            border-radius: 4px;
            border: none;
            margin-bottom: 20px
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .input-container.card-number {
            margin-bottom: 40px
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container label.check_save_card,
        #checkout-credit-card-frame label.check_save_card {
            display: inline-block
        }

        #balance-pay-payment-options>ul>li.checkout-credit-card {
            flex-wrap: wrap
        }

        #balance-pay-payment-options>ul>li.active.checkout-credit-card {
            flex-wrap: wrap
        }

        #balance-pay-payment-options>ul>li.active.checkout-credit-card .balance-payment-card-form-container {
            margin: 5px;
            padding: 5px
        }

        #balance-pay-payment-options>ul>li.active.credit-card-installment #checkout-credit-card-installment-frame,
        #balance-pay-payment-options>ul>li.active.credit-card-installment .balance-payment-card-form-container {
            width: 100%;
            margin: 0 10px
        }

        #balance-pay-payment-options>ul>li.active.credit-card-installment #checkout-credit-card-installment-frame #installment-payment,
        #balance-pay-payment-options>ul>li.active.credit-card-installment .balance-payment-card-form-container #installment-payment {
            padding-bottom: 5px
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li.active:not(.checkout-credit-card) .balance-payment-card-form-container {
            padding: 0
        }

        body.rtl #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .card-number-frame,
        body.rtl #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .cvv-frame,
        body.rtl #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .expiry-date-frame,
        body.rtl #checkout-credit-card-frame .card-number-frame,
        body.rtl #checkout-credit-card-frame .cvv-frame,
        body.rtl #checkout-credit-card-frame .expiry-date-frame {
            padding-left: unset;
            padding-right: 40px
        }

        body.rtl #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .input-container.expiry-date,
        body.rtl #checkout-credit-card-frame .input-container.expiry-date {
            margin-right: unset;
            margin-left: 8px
        }

        body.dark-theme #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .card-number-frame,
        body.dark-theme #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .cvv-frame,
        body.dark-theme #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container input.card-number,
        body.dark-theme #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container input.cvv,
        body.dark-theme #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container input.expiry-date,
        body.dark-theme #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-containere .expiry-date-frame,
        body.dark-theme #checkout-credit-card-frame .card-number-frame,
        body.dark-theme #checkout-credit-card-frame .cvv-frame,
        body.dark-theme #checkout-credit-card-frame .expiry-date-frame,
        body.dark-theme #checkout-credit-card-frame input.card-number,
        body.dark-theme #checkout-credit-card-frame input.cvv,
        body.dark-theme #checkout-credit-card-frame input.expiry-date {
            border: solid 1px var(--border-color-primary);
            background-color: var(--bg-main);
            background: var(--bg-main)
        }

        body.dark-theme #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .panel-heading,
        body.dark-theme #payment-method-options #checkout-credit-card-frame .panel-heading {
            background: var(--bg-four);
            border-bottom: 1px solid var(--bg-four)
        }

        body.dark-theme #balance-payment-modal #checkout-credit-card-frame .input-container,
        body.dark-theme #balance-payment-modal .checkout-credit-card .balance-payment-card-form-container .input-container {
            height: 33px
        }

        body.dark-theme #balance-payment-modal #balance-pay-payment-options>ul>li #checkout-credit-card-frame label,
        body.dark-theme #balance-payment-modal #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-containere label {
            color: var(--text-primary)
        }

        body.dark-theme #payment-method-options li.active.checkout-credit-card .payment-card-form-container {
            background: #303030
        }

        body.dark-theme #checkout-credit-card-frame,
        body.dark-theme li.checkout-credit-card .balance-payment-card-form-container {
            background: var(--bg-four)
        }

        body.dark-theme #checkout-credit-card-frame .frame--activated,
        body.dark-theme li.checkout-credit-card .balance-payment-card-form-container .frame--activated {
            border: solid 1px var(--border-color);
            border-radius: 3px
        }

        body.dark-theme #checkout-credit-card-frame .date-and-code .input-container,
        body.dark-theme #checkout-credit-card-frame .input-container.card-number,
        body.dark-theme .checkout-credit-card.active .balance-payment-card-form-container .date-and-code .input-container,
        body.dark-theme .checkout-credit-card.active .balance-payment-card-form-container .input-container.card-number {
            background: var(--bg-main);
            background-color: var(--bg-main)
        }

        body.dark-theme #balance-pay-payment-options>ul>li label i.fa.checkout-credit-card.visa:before {
            background: url(/assets/img/payment-methods/visa-dark.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        body.dark-theme #balance-pay-payment-options>ul>li label i.fa.checkout-credit-card.mastercard:before {
            background: url(/assets/img/payment-methods/mastercard-dark.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        body.dark-theme #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.checkout-credit-card.visa:before {
            background: url(/assets/img/payment-methods/visa-dark.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        body.dark-theme #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.checkout-credit-card.mastercard:before {
            background: url(/assets/img/payment-methods/mastercard-dark.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        body.dark-theme #checkout-credit-card-frame .card-number-frame,
        body.dark-theme #checkout-credit-card-frame .cvv-frame,
        body.dark-theme #checkout-credit-card-frame .expiry-date-frame,
        body.dark-theme li.checkout-credit-card .balance-payment-card-form-container .card-number-frame,
        body.dark-theme li.checkout-credit-card .balance-payment-card-form-container .cvv-frame,
        body.dark-theme li.checkout-credit-card .balance-payment-card-form-container .expiry-date-frame,
        body.dark-theme li.checkout-credit-card .payment-card-form-container .card-number-frame,
        body.dark-theme li.checkout-credit-card .payment-card-form-container .cvv-frame,
        body.dark-theme li.checkout-credit-card .payment-card-form-container .expiry-date-frame {
            border: solid 1px #262626;
            background: #262626
        }

        body.rtl #checkout-credit-card-frame .input-container.expiry-date,
        body.rtl .checkout-credit-card.active .balance-payment-card-form-container .input-container.expiry-date {
            margin-left: 8px;
            margin-right: unset
        }

        #frames-element-card-number .card-number.field--autofilled,
        #frames-element-cvv .cvv.field--autofilled,
        #frames-element-expiry-date .expiry-date.field--autofilled {
            -webkit-box-shadow: inset 0 0 0 30px #fff !important;
            -moz-box-shadow: inset 0 0 0 30px #fff !important;
            box-shadow: inset 0 0 0 30px #fff !important
        }

        body.rtl #balance-payment-modal #checkout-credit-card-frame .card-number-frame,
        body.rtl #balance-payment-modal #checkout-credit-card-frame .cvv-frame,
        body.rtl #balance-payment-modal #checkout-credit-card-frame .expiry-date-frame,
        body.rtl #balance-payment-modal .checkout-credit-card.active .balance-payment-card-form-container .cvv-frame,
        body.rtl #balance-payment-modal .checkout-credit-card.active .balance-payment-card-form-container .expiry-date-frame,
        body.rtl #checkout-credit-card-frame .card-number-frame,
        body.rtl #checkout-credit-card-frame .cvv-frame body.rtl #balance-payment-modal .checkout-credit-card.active .balance-payment-card-form-container .card-number-frame,
        body.rtl #checkout-credit-card-frame .expiry-date-frame,
        body.rtl .checkout-credit-card.active .balance-payment-card-form-container .card-number-frame,
        body.rtl .checkout-credit-card.active .balance-payment-card-form-container .cvv-frame,
        body.rtl .checkout-credit-card.active .balance-payment-card-form-container .expiry-date-frame {
            padding-left: unset;
            padding-right: 40px
        }

        .body-page-user_account #balance-pay-payment-options>ul>li.checkout-credit-card .balance-payment-card-form-container .input-container {
            height: 40px
        }

        li.checkout-credit-card .error-message.error-message__card-number,
        li.checkout-credit-card .error-message.error-message__cvv,
        li.checkout-credit-card .error-message.error-message__expiry-date {
            position: absolute;
            top: 35px;
            font-size: 12px;
            color: #e90b0b
        }

        .body-page-user_account #balance-payment-modal #balance-pay-payment-options>ul>li.checkout-credit-card.active .balance-payment-card-form-container {
            margin: 10px 15px 15px
        }

        #balance-pay-payment-options>ul>li label i.fa.contact-pay-credit-card:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.contact-pay-credit-card.american.express:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.contact-pay-credit-card.amex:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.contact-pay-credit-card.mastercard:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.contact-pay-credit-card.visa:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.contact-pay-credit-card:before,
        #payment-method-options>ul>li label i.fa.contact-pay-credit-card:before,
        #payment-method-options>ul>li.active label i.fa.contact-pay-credit-card:before {
            width: 40px;
            height: 25px;
            content: '';
            display: block;
            background-size: 100% !important;
            background-position: center
        }

        #balance-pay-payment-options>ul>li label i.fa.contact-pay-credit-card:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.contact-pay-credit-card:before,
        #payment-method-options>ul>li label i.fa.contact-pay-credit-card:before {
            background: url(/assets/img/payment-methods/add-new-card.svg) no-repeat
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.contact-pay-credit-card.visa:before {
            background: url(/assets/img/payment-methods/visa.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        body.dark-theme #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.contact-pay-credit-card.visa:before {
            background: url(/assets/img/payment-methods/visa-dark.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.contact-pay-credit-card.mastercard:before {
            background: url(/assets/img/payment-methods/mastercard.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        body.dark-theme #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.contact-pay-credit-card.mastercard:before {
            background: url(/assets/img/payment-methods/mastercard-dark.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.contact-pay-credit-card.american.express:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.contact-pay-credit-card.amex:before {
            background: url(/assets/img/payment-methods/amex.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        #balance-pay-payment-options>ul>li label i.fa.contact-pay-credit-card.visa:before {
            background: url(/assets/img/payment-methods/visa.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        body.dark-theme #balance-pay-payment-options>ul>li label i.fa.contact-pay-credit-card.visa:before {
            background: url(/assets/img/payment-methods/visa-dark.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        #balance-pay-payment-options>ul>li label i.fa.contact-pay-credit-card.mastercard:before {
            background: url(/assets/img/payment-methods/mastercard.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        body.dark-theme #balance-pay-payment-options>ul>li label i.fa.contact-pay-credit-card.mastercard:before {
            background: url(/assets/img/payment-methods/mastercard-dark.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        #balance-pay-payment-options>ul>li label i.fa.contact-pay-credit-card.american.express:before,
        #balance-pay-payment-options>ul>li label i.fa.contact-pay-credit-card.amex:before {
            background: url(/assets/img/payment-methods/amex.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        #balance-pay-payment-options>ul>li label i.fa.life-pay-credit-card:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.life-pay-credit-card:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li.active label i.fa.life-pay-credit-card:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li:hover label i.fa.life-pay-credit-card:before,
        #payment-method-options>ul>li label i.fa.life-pay-credit-card:before,
        #payment-method-options>ul>li.active label i.fa.life-pay-credit-card:before,
        #payment-method-options>ul>li:hover label i.fa.life-pay-credit-card:before {
            width: 40px;
            height: 25px;
            content: '';
            display: block;
            background-size: 100% !important;
            background-position: center
        }

        #balance-pay-payment-options>ul>li label i.fa.life-pay-credit-card:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.life-pay-credit-card:before,
        #payment-method-options>ul>li label i.fa.life-pay-credit-card:before {
            background: url(/assets/img/payment-methods/add-new-card.svg) no-repeat
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.life-pay-credit-card.visa:before {
            background: url(/assets/img/payment-methods/visa.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        body.dark-theme #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.life-pay-credit-card.visa:before {
            background: url(/assets/img/payment-methods/visa-dark.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.life-pay-credit-card.mastercard:before {
            background: url(/assets/img/payment-methods/mastercard.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        body.dark-theme #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.life-pay-credit-card.mastercard:before {
            background: url(/assets/img/payment-methods/mastercard-dark.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.life-pay-credit-card.american.express:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.life-pay-credit-card.amex:before {
            background: url(/assets/img/payment-methods/amex.svg) no-repeat;
            background-position: center;
            background-size: 100%
        }

        #balance-pay-payment-options>ul>li label i.fa.apple-pay-web:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li>label i.fa.apple-pay-web:before,
        #payment-method-options>ul>li>label i.fa.apple-pay-web:before {
            width: 40px;
            height: 25px;
            content: '';
            display: block;
            background-size: 100% !important;
            background-position: center
        }

        #balance-pay-payment-options>ul>li label i.fa.apple-pay-web:before,
        #balance-payment-modal #balance-pay-payment-options>ul>li label i.fa.apple-pay-web:before,
        #payment-method-options>ul>li label i.fa.apple-pay-web:before,
        .payment-type-wrap.apple-pay-web {
            background: url(/assets/img/payment-methods/apple-pay.svg) no-repeat left top
        }

        img.applePay {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto
        }

        #balance-payment-modal button.btn.mobile-pay-btn.btn-default.active-apple-pay-button,
        button.checkout-continue-big.active-apple-pay-button {
            background-color: #000;
            border-color: #000;
            color: #fff
        }

        #balance-payment-modal button.btn.mobile-pay-btn.btn-default.active-apple-pay-button:hover,
        button.checkout-continue-big.active-apple-pay-button:hover {
            background-color: #0a0a0a;
            border-color: #0a0a0a
        }