@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 #fecb00;
    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 #fecb00;
    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 #fecb00;
    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 #fecb00;
    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 #fecb00;
    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 #fecb00;
    color: #fff
}

#header-checkout {
    background-color: #000;
    box-shadow: 0 0 1px #000;
    border-bottom: 3px solid #fecb00;
    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 #fecb00
}

#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 #fecb00;
    cursor: default
}

.variant-option:hover {
    border: 2px solid #fecb00;
    text-decoration: none
}

.btn-primary,
.btn-primary:active,
.btn-primary:focus {
    background-color: #222;
    border: 1px solid #222;
    border-bottom: 3px solid #fecb00
}

.btn-primary:hover {
    background-color: #555;
    border: 1px solid #555;
    border-bottom: 3px solid #fecb00
}

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: #fecb00
}

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

.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 #fecb00;
    border-bottom: 4px solid #fecb00;
    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: #fecb00
}

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: #fecb00;
    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 #fecb00
}

@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: #fecb00;
    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 #fecb00;
    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 #fecb00;
    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: #fecb00;
    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: #fecb00;
    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: #fecb00
}

#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: #ffd91c;
    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: #fecb00;
    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: #fecb00;
    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 #fecb00;
    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: #fecb00;
    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 #fecb00;
    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: #fecb00
}

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

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

.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: #fecb00;
    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 #fecb00;
    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: #fecb00;
    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: #fecb00;
    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: #fecb00;
    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: #f0c000;
    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: #f0c000;
    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: #ffd91c
}

.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: #f0c000;
    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: #e63737;
    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: #fecb00
}

.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 #fecb00;
    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 #fecb00
}

.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: #ffd91c;
    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: #fecb00;
    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: #fecb00
}

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

.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: #fecb00;
    background: #fecb00;
    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: #fecb00;
    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: #e63737;
    background-color: #e63737
}

.shipment-tracking.completed.cancelled p {
    color: #e63737
}

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

.cmpre-add-to-cart .btn.product-add-to-cart.success-state,
.similar-compare-table .product-add-to-cart.success-state {
    background-color: #fecb00
}

.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: #fecb00;
    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: #fecb00;
    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: #fecb00 !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: #fff
}

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: #fecb00
}

.variant-option:hover .variant-op-wrp {
    border: 2px solid #fecb00
}

.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 #fecb00;
    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: #fecb00;
    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: #fecb00;
    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: #e63737;
    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: #fecb00;
        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: #fecb00;
    border-color: #fecb00
}

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: #e63737
}

.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: #fecb00;
    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: #fecb00;
    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: #fecb00;
    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: #fecb00;
    --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: #fecb00;
    color: #fecb00
}

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: #ffd91c !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 #fecb00
}

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
}