body,
html {
    overflow-x: hidden
}

body {
    position: relative
}

@media(min-width:766px) {
    @font-face {
        font-family: Roboto;
        font-style: normal;
        font-weight: 400;
        src: local('Roboto'), local('Roboto-Regular'), url(/theme/fonts/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
        unicode-range: U+102-103, U+1EA0-1EF1, U+20AB
    }
    @font-face {
        font-family: Roboto;
        font-style: normal;
        font-weight: 400;
        src: local('Roboto'), local('Roboto-Regular'), url(/theme/fonts/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
        unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
    }
    @font-face {
        font-family: Roboto;
        font-style: normal;
        font-weight: 400;
        src: local('Roboto'), local('Roboto-Regular'), url(/theme/fonts/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
        unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
    }
    @font-face {
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        src: local('Roboto Medium'), local('Roboto-Medium'), url(/theme/fonts/mbmhprMH69Zi6eEPBYVFhRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
        unicode-range: U+102-103, U+1EA0-1EF1, U+20AB
    }
    @font-face {
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        src: local('Roboto Medium'), local('Roboto-Medium'), url(/theme/fonts/oOeFwZNlrTefzLYmlVV1UBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
        unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
    }
    @font-face {
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        src: local('Roboto Medium'), local('Roboto-Medium'), url(/theme/fonts/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
        unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
    }
    @font-face {
        font-family: Roboto;
        font-style: normal;
        font-weight: 700;
        src: local('Roboto Bold'), local('Roboto-Bold'), url(/theme/fonts/PwZc-YbIL414wB9rB1IAPRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
        unicode-range: U+102-103, U+1EA0-1EF1, U+20AB
    }
    @font-face {
        font-family: Roboto;
        font-style: normal;
        font-weight: 700;
        src: local('Roboto Bold'), local('Roboto-Bold'), url(/theme/fonts/97uahxiqZRoncBaCEI3aWxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
        unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
    }
    @font-face {
        font-family: Roboto;
        font-style: normal;
        font-weight: 700;
        src: local('Roboto Bold'), local('Roboto-Bold'), url(/theme/fonts/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
        unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
    }
    @font-face {
        font-family: Roboto;
        font-style: italic;
        font-weight: 400;
        src: local('Roboto Italic'), local('Roboto-Italic'), url(/theme/fonts/K23cxWVTrIFD6DJsEVi07RTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
        unicode-range: U+102-103, U+1EA0-1EF1, U+20AB
    }
    @font-face {
        font-family: Roboto;
        font-style: italic;
        font-weight: 400;
        src: local('Roboto Italic'), local('Roboto-Italic'), url(/theme/fonts/vSzulfKSK0LLjjfeaxcREhTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
        unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
    }
    @font-face {
        font-family: Roboto;
        font-style: italic;
        font-weight: 400;
        src: local('Roboto Italic'), local('Roboto-Italic'), url(/theme/fonts/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
        unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
    }
    @font-face {
        font-family: Roboto;
        font-style: italic;
        font-weight: 500;
        src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(/theme/fonts/OLffGBTaF0XFOW1gnuHF0b6up8jxqWt8HVA3mDhkV_0.woff2) format('woff2');
        unicode-range: U+102-103, U+1EA0-1EF1, U+20AB
    }
    @font-face {
        font-family: Roboto;
        font-style: italic;
        font-weight: 500;
        src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(/theme/fonts/OLffGBTaF0XFOW1gnuHF0SYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
        unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
    }
    @font-face {
        font-family: Roboto;
        font-style: italic;
        font-weight: 700;
        src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(/theme/fonts/t6Nd4cfPRhZP44Q5QAjcC76up8jxqWt8HVA3mDhkV_0.woff2) format('woff2');
        unicode-range: U+102-103, U+1EA0-1EF1, U+20AB
    }
    @font-face {
        font-family: Roboto;
        font-style: italic;
        font-weight: 700;
        src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(/theme/fonts/t6Nd4cfPRhZP44Q5QAjcCyYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
        unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
    }
    @font-face {
        font-family: Roboto;
        font-style: italic;
        font-weight: 700;
        src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(/theme/fonts/t6Nd4cfPRhZP44Q5QAjcC44P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
        unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
    }
    @font-face {
        font-family: Roboto;
        font-style: italic;
        font-weight: 500;
        src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(/theme/fonts/OLffGBTaF0XFOW1gnuHF0Y4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
        unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
    }
}

#Window {
    position: fixed;
    left: 10px;
    bottom: 10px;
    max-width: 220px;
    padding: 16px;
    background: #fff;
    font-size: 14px;
    border: 1px solid #ccc;
    color: #333;
    border-radius: 4px;
    opacity: 0;
    z-index: 999999
}

#Window b {
    font-weight: 700;
    font-size: 16px;
    color: #4fa838
}

body {
    margin: 0
}

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
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

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

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 {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

a {
    color: #337ab7;
    text-decoration: none
}

a:focus,
a:hover {
    color: #23527c;
    text-decoration: underline
}

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

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

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

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    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;
    display: inline-block;
    max-width: 100%;
    height: auto
}

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

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

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    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
}

[role=button] {
    cursor: pointer
}

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

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

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

.btn.active,
.btn:active {
    outline: 0;
    background-image: none;
    -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 {
    cursor: not-allowed;
    opacity: .65;
    -webkit-box-shadow: none;
    box-shadow: none
}

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none
}

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

.btn-default.focus,
.btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

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

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

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

.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled].focus,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default.focus,
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: #337ab7;
    border-color: #2e6da4
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40
}

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

.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #fff
}

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

.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

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

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

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

.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled].focus,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success.focus,
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.focus,
.btn-info:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

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

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

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

.btn-info.disabled.focus,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled].focus,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info.focus,
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.focus,
.btn-warning:focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

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

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

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

.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled].focus,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning.focus,
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.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

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

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

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

.btn-danger.disabled.focus,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled].focus,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger.focus,
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 {
    color: #337ab7;
    font-weight: 400;
    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: #23527c;
    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.3333333;
    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%
}

.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.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 {
    z-index: 2
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
    float: left
}

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

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

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

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

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

.btn-group>.btn-group {
    float: left
}

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

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

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

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

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

.btn-group>.btn-lg+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 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 .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 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
}

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

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

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

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

.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
    float: none;
    display: table-cell;
    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
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

#Sup-Mid-Right {
    vertical-align: top;
    margin-bottom: 10px;
    margin-left: 15px;
    font-size: 1.1em;
    float: left;
    margin-right: 10px;
    width: 92%!important
}

.rutgon {
    height: 2000px;
    overflow: hidden
}

.rutgon * {
    font-family: Roboto, Arial, sans-serif, 'Open Sans';

}

.show-more::before {
    height: 55px;
    margin-top: -45px;
    content: -webkit-gradient(linear, 0 100%, 0 0, from(#fff), color-stop(.2, #fff), to(rgba(255, 255, 255, 0)));
    display: block
}

.show-more {
    cursor: pointer
}

.box_rutgon {
    height: 930px;
    overflow: hidden
}

.readmore {
    width: 120px;
    background: #bfbfbf;
    text-align: center;
    height: 30px;
    line-height: 30px;
    display: block;
    margin-left: 40%;
    color: #fff
}

.col.prod-descp-detail .show-more a {
    width: 120px;
    background: #bfbfbf;
    text-align: center;
    height: 30px;
    line-height: 30px;
    display: block;
    margin-left: 40%;
    color: #fff
}

.dhn {
    width: 100%;
    margin-top: 10px;
    text-align: center;
    border: 1px #ebe5e5 solid;
    padding: 20px
}

.dhn_left * {
    text-align: left
}

.dhn_left .title {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
    width: 100%
}

.dhn_left .price {
    font-weight: 700;
    margin-bottom: 10px;
    width: 100%
}

.dhn_left .price span {
    color: red;
    margin-left: 10px
}

.dhn_left .ship {
    margin-bottom: 10px;
    background: url(/theme/v1/images/truck.png) no-repeat;
    padding-left: 34px;
    padding-top: 5px
}

.dhn_left .nhantien {
    margin-bottom: 10px;
    background: url(/theme/v1/images/atm.png) no-repeat;
    padding-left: 34px
}

.dhn_left .camket {
    background: url(/theme/v1/images/camket.png) no-repeat;
    padding-left: 34px
}

.dhn_right {
    background: #68b207;
    padding: 8px;
    margin-top: 10px
}

.dhn_right input {
    margin-bottom: 8px;
    padding: 0 10px
}

.dhn_popup {
    padding: 8px;
    margin-top: 10px
}

.dhn_popup input {
    margin-bottom: 8px;
    padding: 6px 10px
}

.btndmn {
    text-align: center;
    width: 100%;
    display: flex;
}

.btndmn button {
    background: #ff9108;
    color: #fff;
    padding: 5px 15px;
    text-transform: uppercase;
    border: none;
    margin: 5px;
}

.bardhn {
    margin-top: 27px;
    text-align: center;
    width: 100%
}

.bardhn span {
    background: #fff;
    padding: 8px 15px;
    color: #000;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px
}

.content-Left {
    width: 100%
}

.footer-meta-info * {
    float: left;
    margin-right: 10px
}

@media(min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 0
}

.tooltip.in {
    opacity: .9
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.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 {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.modal-footer:after,
.modal-footer:before {
    content: " ";
    display: table
}

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

.btn-group-vertical>.btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.modal-footer:after,
.modal-header:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.fade.show {
    opacity: 1 !important;
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none!important
}

.affix {
    position: fixed
}

@font-face {
    font-family: FontAwesome;
    src: url(/theme/fonts/optz/awesome.eot);
    src: url(/theme/fonts/optz/awesome.eot) format('embedded-opentype'), url(/theme/fonts/optz/awesome.woff2) format('woff2'), url(/theme/fonts/optz/awesome.woff) format('woff'), url(/theme/fonts/optz/awesome.ttf) format('truetype'), url(/theme/fonts/optz/awesome.svg#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-user:before {
    content: ""
}

.fa-check:before {
    content: ""
}

.fa-clock-o:before {
    content: ""
}

.fa-check-square-o:before {
    content: ""
}

.fa-chevron-up:before {
    content: ""
}

.fa-shopping-cart:before {
    content: ""
}

.fa-phone-square:before {
    content: ""
}

.fa-chain:before,
.fa-link:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: ""
}

.fa-map:before {
    content: ""
}

.fa-calendar:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-external-link:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-star-o:before {
    content: ""
}

.fa-home:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-comments:before {
    content: ""
}

.fa-thumbs-o-up:before {
    content: ""
}

.fa-angle-right:before {
    content: ""
}

.fa-map-marker:before {
    content: ""
}

.fa-bell:before {
    content: ""
}

.fa-credit-card:before {
    content: ""
}

.fa-angle-left:before {
    content: ""
}

.fa-chevron-circle-left:before {
    content: ""
}

.fa-chevron-circle-right:before {
    content: ""
}

.fa-floppy-o:before,
.fa-save:before {
    content: ""
}

.fa-close:before,
.fa-remove:before,
.fa-times:before {
    content: ""
}

.fa-pencil:before {
    content: ""
}

.fa-angle-double-left:before {
    content: ""
}

.fa-angle-double-right:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-times-circle:before {
    content: ""
}

.fa-trash-o:before {
    content: ""
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: ""
}

.fa-lock:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

.fa-spinner:before {
    content: ""
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    -moz-animation: fa-spin 2s infinite linear;
    -o-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-moz-keyframes blink {
    50% {
        border-color: red
    }
}

@-webkit-keyframes blink {
    50% {
        border-color: red
    }
}

@keyframes blink {
    50% {
        border-color: red
    }
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
mark,
menu,
nav,
object,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
var,
video {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font: inherit
}

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

body {
    font-family: Roboto, Arial, sans-serif, 'Open Sans';
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    -webkit-font-smoothing: antialiased
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

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

.hidden {
    display: none
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

a {
    text-decoration: none!important;
    color: #333
}

div {
    display: block
}

b,
strong {
    font-weight: 700
}

.container {
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
    padding: 0 15px
}

#toplink {
    background-color: #ccc;
    display: block;
    border-bottom: 1px solid #e5e5e5;
    height: 28px;
    line-height: 28px
}

#top-banner {
    background: #fff;
    margin: 10px 0 0 0;
    max-height: 80px;
    overflow: hidden
}

#top-banner .container {
    display: table;
    overflow: hidden
}

#expbanner a {
    display: table-cell;
    margin: 0 auto;
    text-align: center;
    height: 70px;
    vertical-align: middle
}

#expbanner img {
    box-shadow: 0 0 4px #ddd;
    display: table
}

#header {
    /* border-bottom: 1px solid #ff8400 */
}

.toplink .fa {
    color: #e13939
}

.top-info-phone span {
    margin: 0 5px;
    color: #333
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.float-center {
    text-align: center
}

.row {
    clear: both;
    margin: 0
}

.col {
    float: left
}

.toplink {
    width: 50%
}

.toplink li {
    padding: 0 15px;
    white-space: nowrap
}

.toplink a {
    color: #333
}

.toplink li.active {
    background: #fff;
    border-radius: 5px 5px 0 0;
    padding: 3px 20px 0 20px;
    margin: 4px 0 0 0;
    border: 1px solid #ddd;
    border-bottom: #fff;
    font-weight: 700
}

.toplink.float-left li {
    float: left
}

.toplink.float-right li {
    float: right
}

.top-info-phone {
    position: relative;
    text-indent: 5px;
    padding: 0 20px 0 0
}

.i-view-more {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid #888;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    position: absolute;
    top: 48%;
    right: 5px
}

.i-view-more:hover {
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.info-help-phone {
    display: none
}

.top-info-phone .hd-sp-drop {
    position: relative;
    display: inline-block;
    height: 28px;
    width: 30px;
    float: right;
    line-height: 28px;
    z-index: 10
}

.top-info-phone .hd-sp-drop:hover .info-help-phone {
    display: block;
    z-index: 1;
    position: absolute;
    background: #fff;
    border: 1px solid #ddd;
    width: 250px;
    line-height: 25px;
    left: -10px;
    top: calc(100% - 1px);
    border-radius: 0 0 4px 4px
}

.hd-sp-drop-bg {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%
}

.top-info-phone .hd-sp-drop:hover .hd-sp-drop-bg {
    background: #fff;
    border: 1px solid #ddd;
    border-bottom: none
}

.top-info-phone .hd-sp-drop .i-view-more {
    right: 10px;
    z-index: 3
}

.top-info-phone .hd-sp-drop:hover .i-view-more {
    border-top-color: #000
}

.info-help-phone span {
    display: block;
    margin: 0
}

.info-help-phone .fa {
    width: 25px;
    font-size: 1.2em
}

.info-help-phone img {
    vertical-align: sub;
    padding: 0 3px
}

.toplink .policy-link {
    position: relative
}

.toplink .policy-link .fa {
    font-size: 1.3em;
    padding-right: 5px
}

.toplink .policy-info {
    display: none
}

.toplink .policy-link:hover .policy-info {
    display: block;
    z-index: 999;
    position: absolute;
    background: #fff;
    border: 1px solid #ddd;
    width: 300px;
    line-height: 25px;
    right: -106px;
    top: 27px;
    overflow: hidden;
    border-radius: 0 0 4px 4px
}

.toplink .policy-info span {
    display: block;
    padding: 0 10px
}

.policy-info .fa {
    width: 20px;
    color: #666;
    font-weight: 100
}

.policy-info a {
    color: #333
}

.logo {
    margin-top: 10px
}

.logo h1 {
    margin-top: 0
}

.cat-pad-top li a {
    color: #e13939;
    font-weight: 700
}

.logo img {
    height: 50px;
    clear: both;
    margin: 0 auto 0 auto;
    display: block;
    font-size: 0;
    text-indent: -1000px
}

.label-search {
    margin: 7px 0;
    width: 500px
}

#searchBox {
    padding: 0;
    float: left;
    left: 160px;
    top: 10px;
    position: absolute;
    width: 450px;
}

form#frmSearch {
    display: block;
    height: 100%;
    position: relative
}

.txtQuery {
    width: 95%!important;
    margin: 0 36px 0 0;
    padding: 0;
    height: 40px;
    position: static;
    border: solid 1px #ddd;
    border-right: none;
    text-indent: 10px;
    outline: 0;
    border-radius: 25px;
}

.support-form {
    position: relative;
    z-index: 10;
    margin-bottom: 10px
}

.support-form>.box-contact-support {
    position: absolute;
    background: #f6fcfe;
    width: 100%;
    right: 0;
    top: 0;
    padding: 10px 20px;
    border: solid 1px #000;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .25)
}

.txt-query {
    width: 95%!important;
    margin: 0;
    padding: 0;
    line-height: 30px;
    position: static;
    border: solid 1px #ddd;
    text-indent: 10px;
    outline: 0
}

.box-contact-support .form-row {
    margin: 10px 0
}

.box-contact-support .form-row input {
    width: 100%
}

.search-cat {
    outline: 0;
    -webkit-user-select: none;
    -webkit-appearance: none;
    position: absolute;
    right: 40px;
    border: none;
    top: 1px;
    height: 30px;
    border-left: 1px solid #eee;
    padding: 0 10px;
    color: #999
}

.ac_results {
    box-shadow: 0 2px 4px #888;
    border: none
}

.ac_odd {
    background-color: #fcf8e3
}

.ac_over {
    background-color: #68b207;
    color: #fff
}

.ac_results li {
    padding: 3px 6px
}

.ac_over i {
    color: #ffb909!important;
    font-weight: 500
}

.ac_over .ac-price font {
    color: #fff!important;
    font-weight: 700
}

#frmSearch .i-view-more {
    right: 41px;
    top: 14px
}

#btnFindSubmitPad {
    float: none;
    display: inline-block;
    height: 40px;
    background: #fc4c02;
    border: solid 1px #ccc;
    position: absolute;
    right: 20px;
    top: 0;
    width: 40px;
    border-radius: 25px;
}

@media(max-width: 766px) {
    #btnFindSubmitPad {
        border-radius: 0px;
        height: 35px;
        right: 0px;
    }
    .txtQuery {
        border-radius: 0px;
        height: 35px;
    }
}

#btnFindSubmit {
    width: 100%;
    height: 100%;
    color: #fff;
    background: url(/theme/v1/images/search-icon-20.png) no-repeat 3px center;
    border: none;
    padding: 0 15px;
    text-indent: 10px;
    font-weight: 700;
    margin-left: 6px;
}

.account {
    margin: 0 40px;
    padding: 8px 0;
    width: 170px;
    position: relative;
    display: inline-block
}

.account-login {
    font-weight: 700
}

.account-link span {
    white-space: nowrap
}

.account-link .fa {
    color: #000;
    float: left;
    padding: 4px;
    margin: 0 8px 0 0;
    border: 2px solid #000;
    border-radius: 50%;
    overflow: hidden;
    width: 30px;
    height: 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.account-link .account-login-more {
    display: block;
    font-size: .9em
}

.account .account-box {
    display: none
}

.account-box.acc-info li:nth-child(4) {
    display: none
}

.account.hover .account-box:before {
    position: absolute;
    content: "";
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ddd;
    top: -8px
}

.account.hover .account-box:after {
    position: absolute;
    content: "";
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    top: -7px
}

.account.hover .acc-login,
.account.hover .account-box,
.cart.hover .cart-box {
    display: block;
    position: absolute;
    line-height: 25px;
    z-index: 999;
    background: #fff;
    padding: 5px 20px;
    top: 48px;
    min-width: 170px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5)
}

.cart .cart-box.show,
.cart.hover .cart-box.show {
    display: block!important;
    position: fixed!important;
    border: 1px solid #ddd;
    line-height: 25px;
    z-index: 999;
    background: #fff;
    padding: 5px 20px;
    width: 500px;
    height: 380px
}

.cart-box .close,
.cart-box.show:after,
.cart-box.show:before {
    display: none
}

.account-box .account-input {
    border: 1px solid #ddd;
    padding: 0 5px;
    margin: 5px 0;
    width: 100%
}

.account-box a {
    color: #000
}

.register-accout {
    text-align: right
}

.login-submit {
    width: 100%
}

#btnLoginSubmit,
.btn-login {
    width: 100%;
    margin: 5px 0;
    background: #000;
    border: 1px solid #000;
    line-height: 25px;
    color: #fff
}

.login-social {
    border-top: 1px solid #eee;
    margin: 10px 0;
    padding: 10px 0
}

.login-social .signin-openID:first-child {
    margin-right: 14px
}

.login-social .signin-openID {
    margin: 10px 0;
    padding-right: 10px;
    text-indent: 30px;
    line-height: 24px;
    border-radius: 12px;
    color: #fff
}

.login-social .signin-openID.facebook {
    background: #546ea6 url(/theme/v1/images/Facebook.png) no-repeat 0 center
}

.login-social .signin-openID.google {
    background: #df5656 url(/theme/v1/images/GooglePlus.png) no-repeat 0 center
}

.cart {
    padding: 8px 0;
    position: relative;
    width: 150px;
    margin: 0 20px 0 0
}

.headhua {
    float: left;
    margin-top: 13px;
    margin-left: 20px
}

.hua1 {
    float: left
}

.hua1 i {
    color: #ff8400;
    font-size: 22px;
    float: left;
    margin-top: 5px
}

.breadcrum-item {
    float: left;
    margin-right: 5px
}

.breadcrum-item .fa-angle-right {
    margin-left: 5px
}

@media (min-width:481px) and (max-width:767px) {
    .headhua {
        display: none
    }
    #center {
        margin-top: 20px!important
    }
}

@media (min-width:320px) and (max-width:480px) {
    .headhua {
        display: none
    }
    #center {
        margin-top: 50px!important
    }
}

.headhua icon {
    background: url(/theme/v1/images/ic_khien.png) no-repeat;
    width: 30px;
    height: 30px;
    display: block;
    float: left;
    margin-top: 6px
}

.headhua span {
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    width: 100px;
    display: block;
    font-weight: 700;
    float: left
}

.cart .fa-shopping-cart {
    font-size: 1.8em;
    line-height: .9em;
    color: #c93c02;
    float: left;
    text-indent: -1px;
    padding: 4px;
    margin: 0 8px 0 0;
    overflow: hidden;
    width: 30px;
    height: 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.cart .cart-item-count {
    position: absolute;
    top: 3px;
    left: 16px;
    background: #ffb909;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-size: 9px
}

.cart-title {
    font-weight: 700;
    color: #ff8400;
    margin-top: 8px
}

.cart-status {
    white-space: nowrap;
    color: #000
}

.cart b {
    color: #da251c
}

.cart-total b {
    float: right;
    width: 40%
}

.cart .cart-box {
    display: none
}

.cart.hover .cart-box {
    width: 300px;
    right: -20px
}

.cart.hover .cart-box:before {
    position: absolute;
    content: "";
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ddd;
    top: -8px
}

.cart.hover .cart-box:after {
    position: absolute;
    content: "";
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    top: -7px
}

.cart-box .cart-item {
    border-top: 1px dotted #ddd;
    padding: 5px 0;
    line-height: 20px;
    white-space: nowrap
}

.cart-box .cart-item1 img {
    width: 40px;
    padding-right: 10px;
    height: auto;
    max-height: 50px
}

.cart-box .cart-item2 {
    width: 40%;
    padding-right: 10px;
    white-space: normal
}

.cart-box .cart-item3,
.cart-box .cart-item4 {
    width: 30%
}

.cart-box .cart-item5 {
    float: right
}

.cart-box .cart-item .fa-trash-o {
    color: #aaa;
    font-size: 1.3em
}

.cart-box .cart-item3.product {
    font-weight: 700;
    color: #000
}

.cart-box .cart-total {
    border-top: 1px solid #ddd;
    padding: 8px 0
}

.cart-box .cart-checkout {
    display: block;
    margin: 0 0 5px 0;
    background: #000;
    line-height: 32px;
    font-weight: 500;
    font-size: 1.2em;
    border-radius: 3px;
    color: #fff;
    text-align: center
}

.visited-box:after,
.visited-box:before {
    display: table;
    content: '';
    clear: both
}

.visited-box .visited-item {
    border-top: 1px dotted #ddd;
    padding: 5px 0;
    line-height: 20px;
    white-space: nowrap
}

.visited-box .visited-item:first-child {
    border-top: none
}

.visited-box .visited-item::after {
    clear: both;
    content: '';
    display: table
}

.visited-box .visited-item1 img {
    width: 40px;
    padding-right: 10px;
    height: auto;
    max-height: 50px
}

.visited-box .visited-item2 {
    width: 80%;
    padding-right: 10px;
    white-space: normal;
    min-height: 36px
}

.visited-box .visited-item3 {
    width: 30%;
    margin-left: 40px
}

.visited-box .visited-item4 {
    width: 30%;
    color: #888
}

.visited-box .visited-item5 {
    float: right
}

.visited-box .visited-item .fa-trash-o {
    color: #aaa;
    font-size: 1.3em
}

.visited-box .visited-item3.product {
    font-weight: 700;
    color: #000
}

.visited-box .cart-total {
    border-top: 1px solid #ddd;
    padding: 8px 0
}

.visited-box .cart-checkout {
    display: block;
    margin: 0 0 5px 0;
    background: #000;
    line-height: 32px;
    font-weight: 500;
    font-size: 1.2em;
    border-radius: 3px;
    color: #fff;
    text-align: center
}

.visited-box .visited-more {
    width: 100%;
    margin: 5px 0;
    background: #000;
    border: 1px solid #000;
    line-height: 25px;
    color: #fff;
    display: block;
    text-align: center
}

.visited-pager {
    clear: both;
    text-align: right;
    border-top: solid 1px #ddd
}

.visited-inner {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

li.visited-page-item {
    display: inline-block;
    margin: 2px
}

li.visited-page-item a {
    display: block;
    border: solid 1px #ccc;
    padding: 0 2px;
    width: 20px;
    text-align: center;
    line-height: 23px;
    height: 23px
}

li.visited-page-item.active a {
    background: #ffb909;
    color: #fff
}

.visited-pager ul:before {
    content: 'Trang '
}

.visited-box h2 {
    border-top: solid 1px #ddd;
    font-weight: 700;
    border-bottom: solid 1px #ddd;
    padding: 3px 2px
}

#account_history b,
.visited-products h2 b {
    color: #f67a3a
}

div#visited {
    margin: 5px
}

.account-box {
    width: 320px
}

.account-box .google {
    margin-left: 20px
}

.account-box #login-account {
    padding-top: 10px
}

.visited-count {
    position: absolute;
    top: 0;
    left: 20px;
    display: block;
    width: 20px;
    height: 20px;
    font-size: 11px;
    color: #fff;
    background: #68b207;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    box-shadow: 0 0 1px 0 #68b207
}

.topnav {
    height: 40px;
    line-height: 40px;
    background: #f2f2f2;
    position: relative
}

.top-home-nav {
    line-height: 40px;
    height: 40px;
    width: 230px
}

.top-home-nav .home-item {
    color: #ff8400;
    border-radius: 4px 4px 0 0;
    font-weight: 700;
    position: relative;
    text-align: center;
    float: left;
    width: 100%;
    text-transform: uppercase
}

.top-home-nav .home-item .icon-home {
    padding-right: 10px
}

.top-home-nav .icon-home:before {
    content: "≡";
    position: absolute;
    top: 5px;
    left: 10px;
    font-weight: 100;
    font-size: 2em;
    font-family: Verdana;
    line-height: 35px
}

.top-home-nav.hover.mobile .icon-home:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    font: 100 normal normal 20px/26px FontAwesome;
    width: 100%;
    text-align: center
}

.top-right-nav {
    height: 40px;
    width: 100%
}

.leftNavMenu {
    width: 100%
}

.top-menu-item {
    padding: 0 20px
}

.leftNavMenu,
.leftSubNavMenu {
    display: none
}

.leftNavMenu .menu-item.hover .leftSubNavMenu,
.leftNavMenu>.menu-item>.hover .leftSubNavMenu,
.top-home-nav.hover .leftNavMenu {
    display: block
}

.leftNavMenu {
    top: 0;
    width: 230px;
    z-index: 99;
    border-top: none;
    width: 100%
}

.leftNavMenu .menu-item {
    float: left;
    line-height: 40px;
    height: 40px;
    display: block;
    position: relative
}

.leftNavMenu li.cat-tree-item:hover .cat-tree-sub {
    display: block
}

.leftNavMenu .menu-item:hover a {
    color: #000
}

.leftNavMenu .menu-item:hover img {
    -moz-filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.leftNavMenu .menu-item a {
    padding: 0;
    font-weight: 100;
    font-size: 1.1em;
    width: 100%;
}

.leftNavMenu li:first-child.menu-item a {
    padding-left: 0
}

.leftNavMenu li:first-child.menu-item a .fa-home {
    color: #fff;
    font-size: 26px
}

.leftNavMenu .menu-item .bgcat {
    height: 14px;
    bottom: 6px;
    margin-right: 11px;
    float: left;
    width: 1px;
    margin-top: 13px;
    display: block
}

.leftNavMenu li:first-child.menu-item .bgcat {
    background: 0 0;
    width: 0;
    margin-right: 0
}

.leftSubNavMenu {
    -webkit-column-width: 190px;
    -webkit-column-gap: 0;
    -moz-column-width: 190px;
    -moz-column-gap: 0;
    column-width: 190px;
    column-gap: 0;
    column-fill: auto;
    left: 228px;
    top: 0;
    height: 100%;
    position: absolute;
    padding: 5px 0;
    width: 717px;
    background: #fff;
    min-height: calc(100% + 1px);
    overflow: hidden;
    border: 1px solid #000;
    z-index: 999
}

.leftNavMenu .menu-item:nth-child(4n+1) .leftSubNavMenu {
    border-color: #ffb909
}

.leftNavMenu .menu-item:nth-child(4n+2) .leftSubNavMenu {
    border-color: #000
}

.leftNavMenu .menu-item:nth-child(4n+3) .leftSubNavMenu {
    border-color: #68b207
}

.leftNavMenu .menu-item:nth-child(4n+4) .leftSubNavMenu {
    border-color: #000
}

.leftSubNavMenu p {
    display: block;
    line-height: 20px;
    float: left;
    margin: 0 0 0 5px;
    min-width: 190px;
    padding: 0;
    font-size: .9em;
    text-indent: -13px
}

.leftSubNavMenu p.menu-item1 a {
    font-weight: 500;
    color: #000!important
}

.leftSubNavMenu p a {
    color: #222!important;
    font-size: .9em;
    line-height: 22px!important
}

.leftSubNavMenu p:hover a {
    color: red!important
}

.leftSubNavMenu .menu-item1 img {
    width: 19px!important;
    height: auto;
    margin-left: 5px;
    -moz-filter: brightness(1)!important;
    -webkit-filter: brightness(1)!important;
    filter: brightness(1)!important
}

.leftSubNavMenu .menu-item2 {
    padding-left: 23px
}

.leftSubNavMenu .menu-item2 a:before {
    content: "▪ ";
    color: #aaa;
    padding-right: 5px
}

.cheap-label {
    margin: 0 15px;
    line-height: 20px;
    display: none!important
}

.home-slider {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px
}

.slider {
    top: 0;
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    border-right: solid 5px #000
}

.slider-main {
    position: relative
}

.img-slider-load {
    background: url(../images/red-loading.gif) no-repeat 50px 50px;
    width: 100%
}

.slider img {
    width: 970px;
    height: 375px
}

.slider-nav {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 376px;
    border-left: 1px solid #ddd;
    margin-top: -1px;
    z-index: 2;
    background: rgba(255, 255, 255, .9)
}

.slider-nav li {
    display: block;
    clear: both;
    height: 75px;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    position: relative
}

.slider-nav li:last-child {
    border-bottom: none
}

.slider-nav li.active {
    background: #fff
}

.slider-nav li.active:last-child {
    border-bottom: 1px solid #ddd
}

.slider-nav li.active:before {
    right: 100%;
    top: 49%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: transparent;
    border-right-color: #ccc;
    border-width: 10px;
    margin-top: -8px
}

.slider-nav li.active:after {
    right: 100%;
    top: 49%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: transparent;
    border-right-color: #fff;
    border-width: 9px;
    margin-top: -7px
}

h3.slider-nav-title {
    line-height: 20px;
    font-weight: 700;
    font-size: .9em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

h3.slider-nav-title i {
    font-weight: 100;
    color: #888;
    display: block
}

.slider-nav-img {
    width: 52px;
    height: 52px;
    border-radius: 3px;
    float: left;
    margin-right: 10px;
    overflow: hidden
}

.slider-nav-img img {
    width: 52px;
    height: 52px
}

#homepage .brand-pad {
    margin: 13px 0;
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center;
    height: 75px
}

#homepage .brand-item {
    height: 50px;
    margin: 10px 20px;
    overflow: hidden;
    display: inline-block
}

#homepage .brand-item img {
    vertical-align: middle;
    overflow: hidden;
    max-height: 50px;
    max-width: 120px;
    margin: 0 auto;
    opacity: .6
}

#homepage .brand-item:hover img {
    opacity: 1
}

.support-pad-main {
    margin: 10px 0 10px 240px
}

.imguudai {
    height: 40px;
    margin-left: 69px;
    width: 700px;
    margin-top: -8px
}

#brand {
    display: block;
    margin-bottom: 10px;
    float: left
}

#brand .brand-one {
    width: 20%;
    float: left;
    margin-bottom: 10px
}

.brand-one img {
    margin-right: 5%;
    float: left;
    width: 95%
}

.last_brand img {
    margin-right: 0;
    width: 100%
}

@media(max-width:992px) {
    .support-pad-main {
        margin: 10px 0 10px 0
    }
    @media(max-width:500px) {
        .support-pad-main {
            display: none
        }
    }
}

ul.articles li {
    display: inline-block;
    width: 32%;
    margin: 2px;
    vertical-align: top
}

.support-thumb {
    float: left;
    margin-right: 10px
}

.support-time {
    font-size: .9em;
    color: #000;
    display: block
}

.cat-pad {
    clear: both;
    display: table;
    margin-bottom: 20px;
}

.cat-pad:nth-child(4n+1) .cat-pad-header {
    border-color: #ddd
}

.cat-pad:nth-child(4n+2) .cat-pad-header {
    border-color: #ddd
}

.cat-pad:nth-child(4n+3) .cat-pad-header {
    border-color: #ddd
}

.cat-pad:nth-child(4n+4) .cat-pad-header {
    border-color: #ddd
}

.cat-pad-header {
    border-bottom: 1px solid;
    height: 39px;
    line-height: 35px;
    overflow: hidden;
}

.cat-pad-header h2 {
    float: left;
    width: auto;
    min-width: 230px;
    padding: 0 30px 0 10px;
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 40px;
    height: 40px;
    border-bottom: 5px solid #fc4c02;
}

.cat-pad:nth-child(4n+1) .cat-pad-header h2 {
    background: #fff
}

.cat-pad:nth-child(4n+2) .cat-pad-header h2 {
    background: #fff
}

.cat-pad:nth-child(4n+3) .cat-pad-header h2 {
    background: #fff
}

.cat-pad:nth-child(4n+4) .cat-pad-header h2 {
    background: #fff
}

.cat-pad-header h2 a {
    color: #000;
    text-transform: uppercase;
    font-size: 30px;
    white-space: nowrap;
    font-weight: 600;
}

.cat-pad-header h2 a img {
    width: 24px;
    max-height: 24px;
    margin-right: 10px;
    vertical-align: middle;
    -moz-filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}


/* .cat-pad-header h2:after {
	position: absolute;
	width: 0;
	height: 0;
	content: "";
	border-width: 16px;
	border-style: solid;
	border-color: transparent #fff transparent transparent;
	right: 0;
	top: 0
} */

.cat-pad-top {
    float: right
}

.cat-pad-top li {
    float: left;
    padding: 0 20px;
    position: relative;
    list-style: none
}

.cat-pad-top li:last-child {
    padding-right: 10px
}

.cat-pad-top li:last-child:after {
    content: "»";
    font-size: 1.3em;
    padding-left: 10px;
    color: #999
}

.cat-pad:nth-child(4n+1) .subcat-pad {
    border-color: #000
}

.cat-pad:nth-child(4n+2) .subcat-pad {
    border-color: #000
}

.cat-pad:nth-child(4n+3) .subcat-pad {
    border-color: #000
}

.cat-pad:nth-child(4n+4) .subcat-pad {
    border-color: #000
}

.subcat-pad {
    width: 226px;
    height: 472px;
    overflow: hidden
}

.subcat-pad-main {
    padding-top: 10px
}

.subcat-pad-main .subcat-item {
    padding: 0 10px;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.subcat-pad-main .subcat-item:hover,
.subcat-pad-main .subcat-item:hover a {
    color: #fff
}

.subcat-pad-main .subcat-item.more {
    text-align: right
}

.subcat-pad-main .subcat-item.more:after {
    content: "»";
    font-size: 1.3em;
    padding-left: 10px;
    color: #999
}

.cat-pad .subcat-item.more:hover {
    background: 0 0!important;
    color: #333
}

.subcat-pad-main .subcat-item.more:hover a {
    color: #333
}

.cat-pad:nth-child(4n+1) .subcat-item:hover {
    background: #ffb909
}

.cat-pad:nth-child(4n+2) .subcat-item:hover {
    background: #000
}

.cat-pad:nth-child(4n+3) .subcat-item:hover {
    background: #68b207
}

.cat-pad:nth-child(4n+4) .subcat-item:hover {
    background: #000
}

.subcat-brand-item {
    display: block;
    border: 1px solid #ddd;
    margin: 15px 20px;
    height: 60px;
    border-radius: 4px;
    background: #fff
}

.subcat-brand-item img {
    max-width: 120px;
    max-height: 30px;
    display: block;
    margin: 15px auto
}

.home-product-pad {
    overflow: hidden
}

.home-product-banner {
    overflow: hidden
}

.home-product-banner img {
    width: 100%
}

.list-product-item {
    width: 200px;
    height: 240px;
    overflow: hidden;
    position: relative
}

.corner-ribbon.top-right {
    width: 100px;
    position: absolute;
    top: 5px;
    left: auto;
    right: -28px;
    text-align: center;
    line-height: 30px;
    letter-spacing: 1px;
    color: #f0f0f0;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #e43;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

.list-product-discount {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 20px;
    top: 20px;
    height: 25px;
    line-height: 25px;
    z-index: 1;
    background: #fc4c02;
    pointer-events: none;
    border-radius: 15px;
}

.list-product-color {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 110px;
    top: 215px;
    z-index: 1;
}

.list-product-discount span {
    padding: 0 6px;
    color: #fff
}

.color-point {
    height: 15px;
    width: 15px;
    display: inline;
    border-radius: 10px;
    color: transparent;
}

.centre {
    text-align: center !important;
}


/* .list-product-discount span:before {
	content: "";
	float: left;
	position: absolute;
	top: 0;
	left: -15px;
	width: 0;
	height: 0;
	border-color: transparent #fffa52 transparent transparent;
	border-style: solid;
	border-width: 15px 15px 15px 0;
	z-index: 1
}

.list-product-discount span:after {
	content: "";
	position: absolute;
	top: 13px;
	left: -5px;
	float: left;
	width: 4px;
	height: 4px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	-moz-box-shadow: -1px -1px 2px #004977;
	-webkit-box-shadow: -1px -1px 2px #004977;
	box-shadow: -1px -1px 2px #004977
} */
    .info-gift {
        width: 100%;
        border-radius: 3px;
        background-color: rgba(246, 69, 129, .8);
        z-index: 999;
        position: relative;
        padding: 5px;
        display: none;
        color: #fff;
        font-size: .9em;
        bottom: 45px;
        top: -1px
    }
    .list-product-gift.active {
        height: 32px;
        background: url(/theme/v1/images/gift-24.png) no-repeat 12px center;
        border-radius: 4px;
        top: 5px;
        left: 5px;
        position: absolute;
        cursor: pointer;
        z-index: 9
    }
    .list-product-gift.active:before {
        content: "Tặng quà";
        line-height: 25px;
        font-size: .85em;
        font-weight: 500;
        display: block;
        margin-top: 28px;
        color: #000;
        border-radius: 3px;
        background: rgba(255, 255, 255, .8);
        width: 60px;
        text-transform: uppercase
    }
    .list-product-gift.promo.active {
        top: 128px;
        right: 5px;
        left: auto
    }
    .list-product-gift.promo.active .info-gift {
        top: 35px
    }
    .list-product-gift.promo.active .info-gift:after {
        right: 10px;
        left: auto
    }
    .info-gift a {
        color: #fff;
        display: block
    }
    .info-gift a:hover {
        color: #fff;
        display: block
    }
    .name-gift {
        width: 180px;
        height: 30px;
        vertical-align: middle;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 15px
    }
    .list-product-gift:hover .info-gift {
        display: block
    }
    .list-product-gift.hover .info-gift:after,
    .list-product-gift:hover .info-gift:after {
        position: absolute;
        content: "";
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #f64581;
        top: -6px;
        left: 22px;
        opacity: .8
    }
    .list-product-thumb {
        text-align: center;
        overflow: hidden;
        height: 150px;
        margin: 10px;
        display: block
    }
    span.image-thumb {
        position: relative;
        width: 100%;
        height: 100%;
        display: table
    }
    span.image-thumb a {
        display: table-cell;
        vertical-align: middle
    }
    .list-product-thumb img {
        max-width: 100%;
        max-height: 150px
    }
    .list-product-thumb img.is-thumb {
        max-width: none;
        max-height: none
    }
    .home-product-pad .home-product-title {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
        margin-bottom: 5px;
        text-align: center;
        font-size: 16px;
    }
    .home-product-freeship {
        margin: 0 10px;
        position: relative
    }
    .list-product-freeship {
        background: rgba(255, 185, 9, .28) url(/theme/v1/images/free-shipping-25.png) no-repeat 5px 0;
        margin: 5px 0;
        line-height: 25px;
        width: 100%;
        display: inline-block;
        text-indent: 35px;
        color: #68b207
    }
    .txt-product-freeship {
        background: #68b207 url(/theme/v1/images/Free-ship-white.png) no-repeat 5px center;
        text-indent: 35px;
        position: absolute;
        line-height: 25px;
        width: 100%;
        border-radius: 3px;
        color: #fff;
        bottom: 5px
    }
    .product-list-item-right .home-product-freeship {
        position: absolute
    }
    .product-list-item-right .txt-product-freeship {
        position: initial;
        margin-top: 145px;
        padding-right: 10px
    }
    .home-product-title a {
        font-weight: 500;
        margin: 0 10px;
        display: block;
        overflow: hidden;
        text-align: center;
    }
    .name-brand {
        margin: 2px 10px
    }
    .name-brand a {
        color: #080
    }
    .list-product-item:hover .home-product-title a {
        color: #ff8400
    }
    .list-product-price {
        margin-left: 10px;
        width: 100%;
        text-align: center;
    }
    .list-product-meta-price {
        color: #fc4c02;
        font-weight: 700;
        font-size: 19px;
    }
    .list-product-old-price {
        text-decoration: line-through;
        font-size: .9em;
        color: #555
    }
    .content-Right .xst-pad {
        top: inherit;
        bottom: 0
    }
    .xst-pad {
        display: block;
        position: absolute;
        top: 70px;
        width: 90%;
        margin: 10px;
        padding: 3px 7px;
        font-size: .9em;
        line-height: 18px;
        font-family: Arial;
        border-radius: 3px;
        color: #fff;
        background: rgba(102, 102, 102, .3);
        z-index: 20
    }
    .xst-br {
        display: inline-block;
        text-align: left
    }
    .xst-val {
        display: inline-block;
        float: right
    }
    .xst-qty {
        background: #fff;
        padding: 1px 3px;
        border-radius: 2px
    }
    .xst-qty.msQty {
        color: #00f
    }
    .xst-qty.msBkQty {
        color: red
    }
    .xst-qty.msBadQty {
        color: #888
    }
    .xst-qty.msRealQty {
        color: gold
    }
    .xst-qty.msQty0 {
        color: grey;
        font-weight: 400
    }
    .list-product-item:hover .xst-pad,
    .product-catalog-item:hover .xst-pad,
    .row-prod.prod-item:hover .xst-pad {
        background: rgba(102, 102, 102, .8)
    }
    .list-product-item:hover .xst-qty,
    .product-catalog-item:hover .xst-qty {
        background: 0 0;
        color: #fff
    }
    #footer {
        border-top: 1px solid #d5d5d5;
        margin-top: 20px;
        background: #f4f5f7
    }
    #footer .container {
        padding: 10px 0
    }
    .footer-info {
        display: block;
        padding: 10px;
        background: #e9e9e9
    }
    .footer-list li {
        background: #fff;
        margin-bottom: 10px;
        padding: 10px
    }
    .footer-info h3 {
        font-weight: 700;
        color: #e13939!important;
        margin-bottom: 2px
    }
    .footer-info h2 {
        line-height: 40px;
        text-transform: uppercase;
        font-weight: 700
    }
    .footer-info li {
        line-height: 25px
    }
    .footer-meta-info {
        display: block;
        border-top: 1px solid #ddd;
        padding-top: 11px;
        margin: 10px 0;
        height: 24px
    }
    .footer-meta-info h3 {
        text-transform: uppercase;
        font-size: 1.4em
    }
    .footer-meta-info h3 i {
        text-transform: none;
        display: inline-block;
        font-size: .9em
    }
    .footer-meta-info h3 i:before {
        content: " - "
    }
    .footer-apps {
        margin-bottom: 5px
    }
    .footer-meta-brand {
        width: 50%;
        display: inline-block
    }
    .footer-meta-info-brand {
        margin-top: 10px
    }
    .footer-meta-info-brand .brand-name {
        font-weight: 700
    }
    .footer-meta-info-brand .brand-name i {
        font-weight: 100
    }
    .footer-meta-info-brand .item span {
        padding-right: 5px;
        font-weight: 700
    }
    .footer-meta-info-brand .item .phone-number {
        font-weight: 400
    }
    .footer-info .footer-social.title {
        line-height: 45px;
        padding-right: 5px
    }
    .footer-info .brand-name.item i {
        color: #000
    }
    .footer-info .brand-name.item span {
        font-weight: 400
    }
    .footer-info .footer-social-item {
        line-height: 30px;
        margin: 5px;
        width: 30px;
        height: 30px;
        border-radius: 20px;
        text-align: center;
        color: #fff;
        font-size: 1.4em
    }
    .footer-verified.title {
        line-height: 40px
    }
    .footer-verified {
        padding-top: 10px;
        display: inline-block;
        margin-bottom: 10px;
        float: right
    }
    .footer-verified-title {
        font-weight: 700
    }
    .footer-app-item {
        margin-right: 10px
    }
    .footer-verified-item {
        position: relative;
        border: solid 1px #ddd;
        margin-right: 10px;
        padding: 0;
        height: 57px;
        text-align: center;
        font-size: 12px!important;
        vertical-align: middle
    }
    .footer-verified-item img {
        height: 57px;
        width: auto;
        margin-right: 10px
    }
    .footer-bottom {
        font-size: .95em;
        margin-top: 10px
    }
    #tl_pop {
        z-index: 2000
    }
    .vn_trusted_text {
        margin-right: 0;
        padding-top: 20px
    }
    .footer-payment {
        margin-top: 5px;
        display: table
    }
    .footer-payment.title {
        margin-right: 10px
    }
    .footer-payment.img {
        background: url(/theme/v1/images/visa-mastercard.png) no-repeat right center;
        height: 39px;
        width: 258px
    }
    .attri-sel.size .i-view-more {
        left: 250px
    }
    .list-prod-related {
        width: 100%
    }
    .delivery-type .icon {
        margin-right: 10px
    }
    #scrolltop {
        background-color: #000;
        bottom: 2em;
        color: #fff;
        display: none;
        text-align: center;
        opacity: .5;
        line-height: 33px;
        width: 35px;
        height: 35px;
        border-radius: 20px;
        position: fixed;
        right: 1.5em;
        text-decoration: none;
        z-index: 99
    }
    #scrolltop .fa {
        font-size: 1.3em
    }
    #scrolltop:hover {
        opacity: 1;
        transition: 1s
    }
    .info-prod.prod-price.salefree {
        margin: 10px 0;
        border: 1px dashed #68b207;
        line-height: 22px;
        position: relative
    }
    .info-prod.prod-price.salefree .promo-free-title {
        background: rgba(104, 178, 7, .41);
        font-weight: 500;
        padding: 5px 10px;
        text-indent: 40px;
        color: #fff
    }
    .info-prod.prod-price.salefree:before {
        background: url(/theme/v1/images/free.png) no-repeat;
        content: "";
        width: 64px;
        height: 64px;
        position: absolute;
        left: -16px;
        top: -16px
    }
    .info-prod.prod-price.salefree .promo-free {
        display: block;
        margin: 5px 10px;
        padding-bottom: 5px;
        border-bottom: 1px dashed #68b207
    }
    .info-prod.prod-price.salefree li:last-child .promo-free {
        border-bottom: none
    }
    .info-prod.prod-price.salefree a .title {
        font-size: 1.1em;
        color: #68b207
    }
    .info-prod.prod-price.salefree .more {
        font-size: .9em
    }
    .prod-select-price-item {
        margin-right: 20px;
        display: inline-block
    }
    .prod-descp img {
        max-width: 100%;
        height: auto!important;
        width: auto
    }
    .prod-descp a[href$='.PDF'],
    .prod-descp a[href$='.pdf'] {
        padding: 5px;
        border-radius: 3px;
        background: url(/theme/v1/images/pdficon_small.png) no-repeat left center;
        padding-left: 20px
    }
    .cat-bar,
    .catalog-bar {
        background: #000;
        margin-bottom: 10px;
        line-height: 25px;
        padding: 5px 0 0 5px;
        width: 100%
    }
    .catalog-bar.sticky {
        z-index: 999
    }
    .cat-bar-item {
        padding: 0 10px;
        line-height: 25px;
        color: #fff;
        display: inline-block
    }
    .cat-bar-item.active {
        border-radius: 3px 3px 0 0;
        background: #fff;
        color: #000;
        display: inline-block
    }
    #cart-popup {
        z-index: 3000!important
    }
    .list-brand-search {
        margin: 5px 0
    }
    .list-brand-search .q-brand-search {
        margin: 5px 0 5px 10px;
        border: 1px solid #ddd;
        border-radius: 3px 0 0 3px;
        line-height: 24px;
        outline: 0;
        padding: 0 5px;
        width: calc(100% - 46px)
    }
    .list-brand-search .btn-brand-search {
        text-indent: 100px;
        width: 26px;
        height: 26px;
        border-radius: 0 3px 3px 0;
        overflow: hidden;
        background: #68b207 url(/theme/v1/images/search-icon-20.png) no-repeat center;
        border: 1px solid #68b207;
        margin: 0 0 0 -4px;
        line-height: 22px;
        outline: 0
    }
    .list-brand-filter .list-brand-check,
    .list-size-filter .list-brand-check {
        max-height: 305px;
        overflow-y: auto
    }
    .container ::-webkit-scrollbar {
        width: 10px;
        margin-right: 5px
    }
    .container ::-webkit-scrollbar-track {
        background: #fafafa;
        border: 1px solid #eee;
        border-right: none;
        border-radius: 5px
    }
    .container ::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background: #eee;
        border: 1px solid #ddd;
        border-right: none
    }
    .container ::-webkit-scrollbar-thumb:active {
        background: #ccc
    }
    a.btn-admin-edit {
        position: absolute;
        top: 0;
        left: 0;
        padding-right: 4px;
        line-height: 24px;
        font-size: .9em;
        color: #fff;
        text-indent: 28px;
        background: rgba(218, 37, 28, .7) url(/theme/v1/images/Edit.png) no-repeat 5px center;
        display: none;
        z-index: 99
    }
    .promo-item {
        border-bottom: 1px dashed #ffb909;
        min-height: 70px
    }
    .promo-item:hover .btn-admin-edit {
        display: block
    }
    .btn-admin-edit.btn-global {
        position: fixed;
        top: 40px;
        width: 34px;
        height: 34px;
        right: 0;
        border-radius: 17px;
        line-height: 35px;
        text-align: center;
        z-index: 2000;
        opacity: .4;
        box-shadow: 0 2px 5px #ddd
    }
    .btn-admin-edit.btn-global:hover,
    .btn-admin-edit.btn-global>a:hover {
        opacity: 1
    }
    .btn-admin-edit.btn-global>a {
        color: #fff;
        width: 34px;
        height: 34px;
        background: #000;
        display: block;
        margin-bottom: 1px;
        border-radius: 3px 0 0 3px
    }
    .btn-admin-edit.btn-global>a.seo {
        background: #c924d5
    }
    @media(min-width:768px) {
        .container {
            width: 780px
        }
        #aboutpage .leftNavMenu,
        #homepage .leftNavMenu,
        #search0page .leftNavMenu,
        .Page-left,
        .account-link-pad,
        .bar-buy.prod-name,
        .button-buy:after,
        .cart-link-pad,
        .catalog-bar,
        .cheap-label,
        .content-Right,
        .prod-rate.catalog-m span,
        .search-cat,
        .slider-nav h3.slider-nav-title,
        .slider-nav li:last-child,
        .sub-links,
        .subcat-pad,
        .support-info-left,
        .ticker-promo-box {
            display: none
        }
        .slider-nav {
            width: 74px
        }
        #aboutpage .top-home-nav.hover .leftNavMenu,
        #homepage .top-home-nav.hover .leftNavMenu,
        #search0page .top-home-nav.hover .leftNavMenu,
        #toplink,
        .bx-contact {
            display: block
        }
        #center .container {
            display: table
        }
        #homepage .prod-offer {
            width: 477px
        }
        #homepage .more-support {
            width: 253px;
            float: right
        }
        .info-prod.info-price.prod-select-price .title {
            display: inline-block
        }
        #header {
            background: #fff
        }
        .account,
        .cart {
            width: 40px;
            margin: 0 20px 0 0
        }
        .account.hover .acc-login,
        .account.hover .account-box {
            right: -60px
        }
        .cart.hover .cart-box:after,
        .cart.hover .cart-box:before {
            right: 35px
        }
        .account.hover .acc-login:after,
        .account.hover .acc-login:before,
        .account.hover .account-box:after,
        .account.hover .account-box:before {
            right: 75px
        }
        .label-search {
            width: 350px
        }
        .home-slider {
            height: 520px;
            margin-right: auto;
            margin-left: auto;
            max-width: 100%
        }
        .img-slider-load {
            width: 752px
        }
        .slider {
            left: 0
        }
        .slider img {
            width: 750px;
            height: 300px
        }
        .leftSubNavMenu {
            width: 552px
        }
        .home-product-banner {
            width: 750px
        }
        .home-product-list {
            overflow: hidden
        }
        #catpage .Slider-banner .slides {
            width: 750px;
            height: 267px
        }
        .list-product-item {
            width: 186px
        }
        .footer-meta-brand,
        .pad-order-right {
            width: 100%
        }
        .footer-verified {
            float: left
        }
        .Page-right {
            width: 750px;
            margin: 0
        }
        .product-catalog-item {
            margin: 0 5px
        }
        #contenedor {
            width: 768px
        }
        #wrap-top-info .top-info-right {
            margin-left: 0
        }
        #wrap-top-info .list-product-item-related {
            width: 188px
        }
        .footer-meta-info h3 {
            font-size: 1.3em
        }
        .rate-comments {
            width: 470px;
            border-left: 1px solid #ddd;
            padding-left: 20px
        }
        .checkout-left {
            width: 100%;
            margin: 20px 0 0 0
        }
        .account-row-left,
        .wrap-profiles-address {
            width: 100%
        }
        .product-list-details .product-list-count,
        .product-list-title .product-list-count {
            width: 10%
        }
        .product-list-details .product-list-status,
        .product-list-title .product-list-status {
            width: 10%
        }
        .product-list-details .product-list-date,
        .product-list-details .product-list-id,
        .product-list-details .product-list-price,
        .product-list-details .product-list-total-price,
        .product-list-title .product-list-date,
        .product-list-title .product-list-id,
        .product-list-title .product-list-price,
        .product-list-title .product-list-total-price {
            width: 14%
        }
        .order-complete-product-list .product-list-details .product-list-id,
        .order-complete-product-list .product-list-details .product-list-price,
        .order-complete-product-list .product-list-details .product-list-total-price,
        .order-complete-product-list .product-list-title .product-list-id,
        .order-complete-product-list .product-list-title .product-list-price,
        .order-complete-product-list .product-list-title .product-list-total-price {
            width: 15%
        }
        .order-complete-product-list .product-list-details .product-list-status,
        .order-complete-product-list .product-list-title .product-list-status {
            width: 0
        }
        .order-complete-product-list .product-list-details .product-list-name,
        .order-complete-product-list .product-list-title .product-list-name {
            width: 45%
        }
        .promo-wrap .promo-item {
            width: 29%;
            border: 1px solid #fff;
            height: 382px;
            margin: 10px 2%
        }
        .promo-item .promo-more {
            display: none;
            position: absolute
        }
        .Promo-product-item {
            width: 212px
        }
    }
    @media(min-width:992px) {
        .container {
            width: 1000px
        }
        .top-home-nav {
            display: none
        }
        .header {
            background: #fff;
            box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
            padding: 12px 0 0 0
        }
        .account-link-pad,
        .bar-buy.prod-name,
        .bx-contact,
        .cart-link-pad,
        .delivery-type .icon,
        .form-item-title,
        .prod-rate.catalog-m span {
            display: none
        }
        #homepage .more-support {
            width: 100%
        }
        #aboutpage .leftNavMenu,
        #homepage .top-home-nav .leftNavMenu,
        #search0page .leftNavMenu,
        #stickyheader .item1,
        #toplink,
        .Page-left,
        .cheap-label,
        .content-Right,
        .search-cat,
        .slider-nav li:last-child,
        .sub-links,
        .support-info-left,
        .ticker-promo-box {
            display: block!important
        }
        .footer-meta-brand {
            width: 100%
        }
        .footer-verified {
            float: right
        }
        .checkout-wrap .checkout-col {
            float: right!important;
            margin-left: 20px!important
        }
        #checkout-info {
            float: left!important;
            margin: 0!important
        }
        .ticker-promo-box {
            width: 500px
        }
        .slider-nav {
            width: 73px
        }
        .pad-order-right {
            width: calc(100% - 220px)
        }
        #header {
            background: #fff
        }
        .footer-info-last {
            float: right;
            margin-top: 10px;
            width: 28%
        }
        .account,
        .cart {
            width: 40px
        }
        .account.hover .acc-login,
        .account.hover .account-box {
            right: -60px
        }
        .cart.hover .cart-box:after,
        .cart.hover .cart-box:before {
            right: 35px
        }
        .account.hover .acc-login:after,
        .account.hover .acc-login:before,
        .account.hover .account-box:after,
        .account.hover .account-box:before {
            right: 75px
        }
        .home-slider {
            width: unset
        }
        #homepage .brand-pad {
            margin-left: 200px
        }
        .slider img {
            width: 970px;
            height: 375px
        }
        .leftSubNavMenu {
            width: 771px
        }
        .label-search {
            width: 500px
        }
        .subcat-pad {
            display: block;
            height: 502px
        }
        .info-prod.prod-old-price {
            FLOAT: LEFT;
            margin-right: 20px
        }
        .home-product-pad {
            width: 741px
        }
        .home-product-banner {
            width: 100%;
            height: 270px
        }
        #catpage .Slider-banner .slides {
            width: 753px;
            height: 267px
        }
        .list-product-item {
            width: 192px
        }
        .footer-meta-info h3 i {
            display: inline-block
        }
        #wrap-top-info .top-info-right {
            margin-left: 20px
        }
        #wrap-top-info .prod-offer {
            width: 450px
        }
        #wrap-top-info .sup-item:hover .info-help-phone {
            right: -118px
        }
        #homepage .list-product-item-related {
            width: 217.5px
        }
        #contenedor {
            width: 500px
        }
        .footer-meta-info h3 {
            font-size: 1.4em
        }
        .Page-right {
            width: 753px;
            margin-left: 15px
        }
        .product-catalog-item {
            margin: 0 0 20px 0
        }
        .rate-comments {
            width: 380px;
            padding-left: 22px
        }
        .checkout-wrap .checkout-col {
            width: 474px
        }
        .checkout-left {
            margin: 0 0 0 20px
        }
        .account-row-left,
        .wrap-profiles-address {
            width: 50%
        }
        .promo-wrap .promo-item {
            height: 436px
        }
        .Promo-product-item {
            width: 206px
        }
    }
    @media(min-width:1200px) {
        .container {
            width: 1236px
        }
        .header-logo {
            margin: 20px 0
        }
        .Page-left {
            width: 230px!important
        }
        #aboutpage .leftNavMenu,
        #homepage .leftNavMenu,
        #search0page .leftNavMenu,
        #stickyheader .item1,
        #toplink,
        .Page-left,
        .account-link-pad,
        .bar-buy.prod-name,
        .bx-contact,
        .cart-link-pad,
        .cheap-label,
        .content-Right,
        .delivery-type .icon,
        .form-item-title,
        .info-support,
        .prod-rate.catalog-m span,
        .search-cat,
        .slider-nav h3.slider-nav-title,
        .slider-nav li:last-child,
        .sub-links,
        .support-info-left {
            display: block
        }
        .slider-nav {
            width: 250px
        }
        .pad-order-right {
            width: calc(100% - 220px)
        }
        .ticker-promo-box {
            width: 600px
        }
        #header {
            background: #fff
        }
        .account {
            width: 170px
        }
        .account.hover .acc-login,
        .account.hover .account-box {
            right: 10px
        }
        .cart {
            width: 200px
        }
        .cart.hover .cart-box:after,
        .cart.hover .cart-box:before {
            right: 145px
        }
        .cart-box-inner .close {
            display: none
        }
        .account.hover .acc-login:after,
        .account.hover .acc-login:before,
        .account.hover .account-box:after,
        .account.hover .account-box:before {
            right: 135px
        }
        .home-slider {
            margin-top: 13px;
            width: 1206px
        }
        .slider img {
            width: 976px;
            height: 328px
        }
        .label-search {
            width: 410px
        }
        .leftSubNavMenu {
            width: 977px
        }
        .home-product-pad {
            width: 977px
        }
        .home-product-banner {
            width: 976px;
            height: 270px
        }
        .list-product-item {
            width: 192.7px
        }
        #catpage .Slider-banner .slides {
            width: 953px;
            height: 267px
        }
        .footer-meta-info h3 i {
            display: inline-block
        }
        #wrap-top-info .top-info-right {
            width: 686px;
            margin-left: 20px
        }
        #wrap-top-info .prod-offer {
            width: 100%
        }
        .info-prod.prod-old-price {
            float: none
        }
        #stickyheader .item2 {
            width: auto
        }
        #wrap-top-info .more-support {
            float: right
        }
        .checkout-wrap .checkout-col {
            width: 574px
        }
        #wrap-top-info .sup-item:hover .info-help-phone {
            right: -150px
        }
        #wrap-top-info .content-Left {
            width: 855px
        }
        #wrap-top-info .list-product-item-related {
            width: 214.7px
        }
        #contenedor {
            width: 500px;
        }
        #wrap-top-info .top-info-right {
            width: 735px
        }
        .footer-meta-info h3 {
            font-size: 1.4em
        }
        .Page-right {
            width: 953px
        }
        .rate-comments {
            width: 540px;
            padding-left: 25px
        }
        .promo-wrap .promo-item {
            height: 420px
        }
        .Promo-product-item {
            width: 198px
        }
    }
    @media print {
        .order-complete {
            font-family: "Times New Roman", Georgia, Serif
        }
        #checkoutCompletepage #footer,
        #checkoutCompletepage #header,
        #checkoutCompletepage .pad-order-right .row-message {
            display: none
        }
        .order-complete {
            border: none!important;
            box-shadow: none!important
        }
        .order-complete-inner {
            padding: 0!important
        }
    }
    #brandpage .cat-tree-item a:after {
        display: none
    }
    #brandpage .cat-tree-nav {
        margin-left: 5px
    }
    .box-brand {
        width: 100%
    }
    .img-brand img {
        width: 190px;
        vertical-align: middle;
        padding: 25px 0;
        margin-left: 5px
    }
    .description-brand {
        border-bottom: 1px solid #ddd;
        margin-bottom: 15px
    }
    .description-brand h2 {
        font-size: 18px
    }
    .info-brand-detail {
        width: 100%;
        text-align: justify;
        line-height: 24px;
        padding: 5px;
        position: relative
    }
    .info-brand-detail h2 {
        font-size: 16px;
        color: #0092db
    }
    .info-brand-detail p {
        margin-top: 10px
    }
    .info-brand-detail ul li:before {
        width: 4px;
        height: 4px;
        line-height: 4px;
        content: "";
        border-radius: 4px;
        position: absolute;
        background-color: grey;
        margin-top: 10px;
        margin-left: -10px
    }
    .info-brand-detail ul li {
        margin-left: 20px
    }
    .info-brand-detail img {
        width: 100%
    }
    #searchpage .cat-tree-item a:after {
        display: none
    }
    .key-search {
        font-weight: 600
    }
    .key-search:first-letter {
        text-transform: uppercase;
        margin-left: 5px
    }
    .more-list-prod {
        position: relative;
        background-color: #fff;
        padding-bottom: 20px;
        width: 100%
    }
    #orderpage {
        background-color: #fff
    }
    #orderpage .order-wrap {
        width: 100%
    }
    .order-wrap .title-cart {
        background-color: #fff
    }
    .order-wrap .cart-product-name {
        width: 58%
    }
    .order-wrap .cart-product-count,
    .order-wrap .cart-product-money,
    .order-wrap .cart-product-price {
        width: 10%
    }
    .order-wrap .checkout-footer-right {
        width: 32%;
        float: right;
        margin-right: 2%
    }
    .pad-order.prod-credit {
        width: auto;
        margin-top: 20px
    }
    .button-print.prod-credit {
        width: auto;
        float: right
    }
    .pad-order .button-buy {
        margin: 0;
        width: 180px
    }
    .button-print .button-buy {
        margin: 0;
        width: 146px;
        background-color: green
    }
    .button-print .btn-order {
        display: inline-block;
        cursor: pointer;
        color: #fff;
        font-size: 16px;
        text-align: center;
        height: 32px;
        text-decoration: none
    }
    .button-print .btn-order-icon {
        height: 32px;
        width: 40px
    }
    .pad-order .text-btn {
        width: auto
    }
    .button-print .text-btn {
        width: auto;
        line-height: 32px
    }
    .text-message {
        padding: 10px
    }
    .buy-continue {
        width: 50%
    }
    .wrap-checkout-complete {
        width: 100%
    }
    .checkout-complete-center {
        width: 100%
    }
    .row-message {
        width: 100%;
        text-align: justify;
        padding-bottom: 5px
    }
    .checkout-complete-top {
        margin: 10px 0
    }
    .checkout-complete-top h2 {
        font-size: 20px;
        font-weight: 500;
        text-align: center
    }
    .icon-print {
        background: url(/theme/v1/images/Print-20.png) no-repeat center center;
        border-right: 1px solid #4da64d
    }
    .support-info-left {
        width: 200px
    }
    .pad-support-warp {
        border: 1px solid #ddd;
        border-radius: 3px
    }
    .title-support-item {
        line-height: 30px;
        padding-left: 5px;
        border-bottom: 1px dashed #ddd;
        width: calc(100% - 5px)
    }
    .sup-item-row {
        padding: 5px
    }
    .sup-item-row-add {
        margin-left: 22px;
        line-height: 18px
    }
    .sales-support .sup-item {
        margin-top: 5px;
        margin-bottom: 5px;
        border-bottom: 1px dashed #ddd;
        padding-bottom: 5px
    }
    .sales-support .sup-item.last {
        border-bottom: none
    }
    .sales-support .icon-support {
        margin-left: 20px
    }
    .warranty-support {
        width: 100%
    }
    .warranty-supp-title {
        width: calc(100% - 5px);
        background-color: #efefef;
        line-height: 30px;
        padding-left: 5px
    }
    .warranty-supp-row {
        padding-left: 5px;
        line-height: 22px;
        margin-top: 8px
    }
    .warranty-phone-item span {
        margin-left: 10px
    }
    .warranty-supp-row .fa-envelope,
    .warranty-supp-row .fa-phone {
        margin-right: 5px
    }
    .warranty-supp-row a {
        color: #0092db
    }
    .hour-warranty {
        font-size: .9em
    }
    .warranty-phone-item {
        padding-left: 19px
    }
    .warranty-phone-item:before {
        border-left: 5px solid #888;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        position: absolute;
        content: "";
        margin-top: 4px
    }
    .pad-order-right {
        margin-right: 5px;
        margin-bottom: 20px
    }
    .order-complete {
        width: 100%;
        background-color: #fff;
        border: 1px solid #ddd;
        box-shadow: 1px 1px 1px 1px #f5f5f5;
        font-size: 1.05em
    }
    .order-complete-inner {
        padding: 40px
    }
    .order-complete-header-left {
        display: inline-block
    }
    .order-complete-header-right {
        float: right
    }
    .company-logo img {
        width: 110px
    }
    .company-order-name {
        margin-left: 10px
    }
    .company-order h2 {
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 500
    }
    .bar-code {
        margin-right: 20px
    }
    .ordercomplete-row {
        margin-top: 10px;
        clear: both
    }
    .payment-method,
    .shipping-method {
        float: left;
        width: 50%
    }
    .order-font,
    .payment-method .title,
    .shipping-method .title {
        font-weight: 700
    }
    .order-complete-middle-left,
    .order-complete-middle-right {
        width: 48%;
        margin-right: 2%;
        margin-top: 20px
    }
    .billing-address {
        line-height: 25px;
        margin-bottom: 20px
    }
    .billing-add-title h3,
    .order-complete-product h3 {
        font-size: 17px;
        font-weight: 700
    }
    .billing-add-title h3 {
        margin-bottom: 10px
    }
    .order-complete-product h3 {
        margin-top: 15px
    }
    .body-address-details {
        width: 100%
    }
    .body-address-details li {
        display: block;
        clear: both
    }
    .body-address-details .after {
        display: inline;
        table-layout: fixed
    }
    .billing-add-item {
        min-width: 111px;
        font-weight: 700;
        padding-right: 10px;
        display: inline-block
    }
    .order-complete-product-list {
        width: 100%;
        border: 1px solid #e3e3e3;
        clear: both
    }
    .order-complete-product-list .product-list-title {
        width: 100%;
        background-color: #f7f7f7;
        line-height: 26px;
        border-bottom: 1px solid #e3e3e3
    }
    .product-list-title li {
        float: left;
        border-right: 1px solid #eaeaea;
        font-weight: 700;
        padding: 2px 5px;
        height: 28px;
        display: table-cell;
        text-align: center;
        overflow: hidden
    }
    .product-list-title li:last-child {
        border-right: none
    }
    .group-product-list-item li {
        float: left;
        width: 100%;
        text-align: center;
        border-bottom: 1px dashed #eaeaea
    }
    .group-product-list-item li:last-child {
        border-bottom: none
    }
    .product-list-details li {
        border: none!important
    }
    .group-product-list-item .product-list-details {
        width: 100%;
        line-height: 30px
    }
    .product-list-title .product-list-name {
        text-align: center
    }
    .group-product-list .group-product-list-item {
        width: 100%;
        background-color: #fff
    }
    .product-list-details .product-list-name {
        width: 30%;
        text-align: left;
        padding: 0 10px
    }
    .pay-details {
        float: right;
        clear: both;
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 25px;
        text-align: right
    }
    .total-bill-text {
        float: right;
        clear: both;
        margin-bottom: 20px
    }
    .pay-details-item {
        margin-right: 15px;
        font-weight: 700
    }
    .order-complete-note {
        clear: both;
        width: 100%
    }
    .order-complete-note-inner {
        border: 1px dashed #ddd;
        padding: 10px
    }
    .order-complete-end {
        clear: both;
        margin-top: 10px
    }
    .order-complete-end h3 {
        text-align: center;
        font-size: 20px;
        margin-top: 20px;
        font-weight: 400
    }
    .wrap-account {
        width: 100%;
        background-color: #fff
    }
    .wrap-account-left {
        width: 200px
    }
    .account-left-inner {
        border: 1px solid #ddd;
        border-radius: 3px
    }
    .account-left-inner .account-title {
        padding: 5px 0 0 5px;
        background: #f8f8f8
    }
    .icon-account {
        background: url(/theme/v1/images/EditUser-20.png) no-repeat left center;
        width: 20px;
        height: 20px;
        display: inline-block
    }
    .account-title h2 {
        font-size: 14px;
        font-weight: 500;
        padding-left: 5px;
        display: inline-block;
        line-height: 26px;
        vertical-align: top
    }
    .account-menu {
        padding: 5px 10px
    }
    .account-menu-dropdown {
        line-height: 34px
    }
    .account-menu-dropdown li:nth-child(5) {
        display: none
    }
    .account-menu-dropdown li a:hover {
        display: block;
        color: #000
    }
    .account-menu-dropdown .fa,
    .edit-account .fa {
        margin-right: 5px
    }
    .account-menu-dropdown li.active a {
        color: #000
    }
    .profiles-images {
        text-align: center;
        margin-top: 10px;
        position: relative
    }
    .profiles-images img {
        max-width: 100px;
        border: 1px solid #ddd;
        border-radius: 3px
    }
    .profiles-images:hover {
        cursor: pointer
    }
    .profiles-images:hover .edit-avata {
        display: block
    }
    .edit-avata {
        width: 98px;
        height: 20px;
        background-color: rgba(0, 0, 0, .5);
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        position: absolute;
        left: 50px;
        bottom: 21px;
        display: none
    }
    .edit-avata .fa {
        color: #fff;
        text-align: left;
        font-size: .9em;
        margin-right: 3px
    }
    .text-avata {
        color: #fff;
        font-size: 1em;
        line-height: 20px
    }
    .wrap-account-right {
        width: calc(100% - 215px)
    }
    .wallet-section {
        border: none!important;
        margin-bottom: 30px!important
    }
    h3.w-title {
        text-transform: inherit!important
    }
    .account-row {
        width: 100%;
        margin-bottom: 15px
    }
    .account-row-title {
        font-size: 1.1em;
        font-weight: 500;
        margin-bottom: 5px;
        clear: both
    }
    .account-row-inner {
        width: 100%
    }
    .account-row-left {
        margin-bottom: 10px;
        padding: 0 10px 10px 10px
    }
    .wrap-profiles-address {
        padding: 0 10px 20px 10px
    }
    .account-general {
        width: 100%;
        border: 1px solid #ddd;
        border-radius: 3px;
        padding: 5px
    }
    .account-row-left.account-address .account-general {
        min-height: 157px
    }
    .account-lable h3 {
        font-weight: 500
    }
    .profiles-address-top {
        width: 100%;
        line-height: 24px;
        margin-bottom: 10px;
        background: #fff6c7;
        border-radius: 3px;
        padding: 5px 5px 0 10px
    }
    .profiles-address-top h3,
    .profiles-coupon-top h3,
    .profiles-feedback-top h3,
    .profiles-help-top h3,
    .profiles-warranty-top h3,
    .profiles-wishlist-top h3 {
        font-weight: 500;
        font-size: 1.2em;
        color: #000
    }
    .profiles-address-top .box-soft {
        padding-bottom: 3px;
        margin-top: -2px
    }
    .profiles-address-top .box-soft .list-sort {
        padding: 0
    }
    .list-feedback-lable .box-soft:after,
    .list-warranty-lable .box-soft:after,
    .profiles-address-top .box-soft:after {
        display: inline-block;
        width: 0;
        height: 0;
        vertical-align: middle;
        border-top: 4px solid #888;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        content: "";
        margin-left: -15px
    }
    .account-lable {
        border-bottom: 1px dashed #ddd;
        line-height: 25px;
        margin-bottom: 7px
    }
    .account-content {
        padding-left: 10px
    }
    .account-content .coupon-user {
        font-weight: 500;
        font-size: 1.1em;
        color: #000
    }
    .account-content ul li {
        line-height: 28px
    }
    .account-content .before {
        width: 100px
    }
    .account-content .after {
        display: table-cell
    }
    .edit-account a:hover,
    .new-address a:hover {
        color: #000;
        cursor: pointer
    }
    .ordered-info .account-lable {
        border-bottom: none
    }
    .ordered-content {
        width: calc(100% - 22px);
        border: 1px solid #ddd;
        border-radius: 3px;
        margin: 0 10px
    }
    .ordered-content .product-list-title {
        width: 100%;
        background-color: #f7f7f7;
        line-height: 24px
    }
    .ordered-content .product-list-name {
        width: 48%;
        text-align: center
    }
    .ordered-content .group-product-list-account .product-list-name {
        text-align: left
    }
    .ordered-content .group-product-list-account .product-list-price {
        text-align: right;
        padding-right: 10px;
        padding-left: 10px
    }
    .group-product-list-account,
    .wrap-product-list-account {
        width: 100%
    }
    .group-product-list-account .product-list-details {
        width: 100%;
        line-height: 30px
    }
    .group-product-list-account li {
        float: left;
        width: 100%;
        border-bottom: 1px dashed #f7f7f7;
        text-align: center;
        display: table-cell;
        line-height: 24px;
        padding: 2px 0
    }
    .group-product-list-account>li:nth-child(2n) {
        background: #fcfcfc
    }
    .group-product-list-account li:last-child {
        border: none
    }
    .group-product-list-account a,
    .view-all-order a:hover {
        color: #000
    }
    .view-all-order {
        margin-top: 10px
    }
    .view-all-order .fa {
        margin-left: 5px
    }
    .select-option {
        width: 100px;
        height: 32px;
        border: 1px solid #ddd;
        border-radius: 3px;
        padding: 5px
    }
    .star-require {
        color: #000;
        margin-left: 3px
    }
    .update-wrap {
        margin-left: 220px;
        margin-top: 30px;
        clear: both
    }
    .update-button {
        width: 150px;
        line-height: 34px;
        background-color: #000;
        border: none;
        outline: 0;
        color: #fff;
        cursor: pointer;
        border-radius: 3px
    }
    .profiles-coupon-top {
        width: 100%;
        line-height: 30px;
        margin-bottom: 10px;
        padding: 0 10px;
        background: #fff6c7
    }
    .form-input-address {
        clear: both
    }
    .form-input-address .form-input-purchase {
        margin: 15px 7px
    }
    .add-default .fa,
    .new-address .fa {
        margin-right: 5px
    }
    .name-member {
        color: #19abe0
    }
    .add-member {
        line-height: 20px;
        margin-top: 5px;
        margin-bottom: 5px
    }
    .new-address {
        margin-right: 15px
    }
    .add-default {
        margin-left: 10px;
        color: #000;
        display: none;
        float: right
    }
    .wrap-profiles-address.active .add-default {
        display: block
    }
    .account-lable.active .add-default {
        display: block;
        margin-top: -27px
    }
    .wrap-profiles-address.active .delete-add {
        display: none
    }
    .wrap-profiles-address.active .account-general {
        border: 1px solid #000;
        border-radius: 3px;
        background: rgba(217, 237, 247, .39)
    }
    .edit-account .delete-add {
        margin-left: 10px
    }
    .wrap-profiles-address .edit-account {
        margin-left: 10px;
        margin-top: 10px
    }
    .edit-account .fa-caret-right {
        margin-left: 5px
    }
    .manager-order {
        width: 100%
    }
    .total-bill-history {
        margin: 15px 12% 15px 0
    }
    .total-bill-history .total-order {
        border: none;
        font-size: 1.2em
    }
    .account-coupon-row {
        width: calc(100% - 20px);
        margin: 0 10px;
        padding: 0 15px;
        border: 1px dashed #ddd;
        border-radius: 3px;
        background-color: #fafdfd;
        line-height: 35px
    }
    .account-coupon-row span {
        font-weight: 500;
        font-size: 1.1em;
        color: #000
    }
    .manager-coupon,
    .manager-wishlist {
        margin-top: 15px
    }
    .coupon-list-title {
        width: 100%;
        background-color: #f7f7f7;
        line-height: 30px
    }
    .group-coupon-list {
        width: 100%
    }
    .group-coupon-list li {
        float: left;
        width: 100%;
        border-bottom: 1px dashed #f7f7f7;
        margin-top: 5px;
        margin-bottom: 5px
    }
    .coupon-list-title li {
        float: left;
        border-right: 1px solid #eaeaea;
        font-weight: 500;
        text-align: center
    }
    .coupon-list-title li:last-child,
    .group-coupon-list li:last-child {
        border: none
    }
    .coupon-list-details .coupon-item,
    .coupon-list-title .coupon-item {
        padding-right: 0;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }
    .coupon-list-details .coupon-date,
    .coupon-list-details .coupon-status,
    .coupon-list-title .coupon-date,
    .coupon-list-title .coupon-status {
        width: 19%
    }
    .coupon-list-details .coupon-id,
    .coupon-list-title .coupon-id {
        width: 10%
    }
    .coupon-list-title .coupon-content {
        width: 50%
    }
    .coupon-list-details {
        width: 100%
    }
    .coupon-list-details li {
        border: none
    }
    .coupon-list-details .coupon-id {
        color: #000
    }
    .coupon-list-details .coupon-content {
        width: calc(50% - 20px);
        text-align: left;
        padding-left: 10px;
        padding-right: 10px
    }
    .coupon-list-details a:hover {
        color: #000
    }
    .profiles-help-top {
        line-height: 31px
    }
    .profiles-feedback-top,
    .profiles-warranty-top {
        border-bottom: 1px dashed #ddd;
        line-height: 31px
    }
    .quick-help-inner {
        border: 1px solid #ddd;
        border-radius: 3px
    }
    .quick-help-row {
        width: 100%;
        background-color: #f7f7f7;
        line-height: 40px;
        border-bottom: 1px solid #fff
    }
    .quick-help-row h3 {
        font-size: 1.2em;
        display: inline-block;
        vertical-align: middle
    }
    .quick-help-row.first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }
    .quick-help-row.last-child {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        border-bottom: none
    }
    .quick-help-row input[type=checkbox]+label span {
        width: 20px;
        height: 20px;
        border-radius: 20px;
        margin-left: 10px;
        background: url(/theme/v1/images/PlusMath-20.png) no-repeat center center;
        border-color: #000
    }
    .quick-help-row input[type=checkbox]:checked+label span {
        background: url(/theme/v1/images/minusMath-20.png) no-repeat center center;
        border-color: #000
    }
    .quick-help-detail {
        background-color: #fff;
        padding: 0 40px 5px 40px;
        line-height: 25px
    }
    .quick-help-detail p {
        padding: 5px 0
    }
    .quick-help-detail ul li {
        margin-left: 20px
    }
    .quick-help-detail ul li:before {
        width: 4px;
        height: 4px;
        line-height: 4px;
        content: "";
        border-radius: 4px;
        position: absolute;
        background-color: grey;
        margin-top: 10px;
        margin-left: -10px
    }
    .form-bookOrder {
        padding: 0 50px
    }
    .group-book-row,
    .group-feedback-row,
    .group-warranty-row {
        line-height: 30px;
        margin: 15px 0
    }
    .group-book-row.item .before {
        margin-top: 65px
    }
    .group-book-row .before,
    .group-feedback-row .before,
    .group-warranty-row .before {
        width: 120px;
        font-weight: 500
    }
    .group-book-row .input-text,
    .group-feedback-row .input-text,
    .group-warranty-row .input-text {
        width: 70%
    }
    .group-book-row .input-text.book-price {
        width: 20%
    }
    .images-product-book {
        margin: 0!important;
        height: 170px
    }
    .images-product-book a {
        cursor: pointer
    }
    .images-product-book img {
        max-width: 230px;
        border: 1px solid #ddd;
        border-radius: 3px
    }
    .group-book-row .update-button,
    .group-feedback-row .update-button,
    .group-warranty-row .update-button {
        margin-left: 120px
    }
    .info-feedback,
    .wrap-warranty {
        padding: 10px 50px
    }
    .group-feedback-row .select-option {
        width: 25%
    }
    .content-input {
        width: calc(71% - 2px);
        border: 1px solid #ddd;
        border-radius: 3px;
        height: 100px
    }
    .group-feedback-row .input-text.patcha {
        width: 100px;
        margin-right: 15px
    }
    .input-patcha {
        height: 30px
    }
    .list-feedback-lable h3,
    .list-warranty-lable {
        font-size: 1.2em
    }
    .list-feedback,
    .list-warranty {
        margin-top: 30px
    }
    .feedback-row .fa-flag,
    .feedback-row a {
        color: #69b00a
    }
    .feedback-detail,
    .warranty-detail {
        width: calc(100% - 5px);
        border: 1px solid #ddd;
        border-radius: 3px;
        margin-top: 10px
    }
    .feedback-list-title,
    .warranty-list-title {
        width: 100%;
        background-color: #f7f7f7;
        line-height: 30px;
        font-weight: 500
    }
    .feedback-list-title li,
    .warranty-list-title li {
        float: left;
        border-right: 1px solid #eaeaea
    }
    .feedback-list-title li:last-child,
    .warranty-list-title li:last-child {
        border-right: none
    }
    .feedback-list-body .feedback-list-date,
    .feedback-list-body .feedback-list-status,
    .feedback-list-title .feedback-list-date,
    .feedback-list-title .feedback-list-status,
    .warranty-list-item .warranty-list-date,
    .warranty-list-item .warranty-list-status,
    .warranty-list-title .warranty-list-date,
    .warranty-list-title .warranty-list-status {
        text-align: center;
        width: 15%
    }
    .feedback-list-title .feedback-list-content {
        text-align: center;
        width: calc(70% - 2px)
    }
    .warranty-list-title .warranty-list-product {
        text-align: center;
        width: calc(55% - 3px)
    }
    .warranty-list-body {
        width: 100%
    }
    .feedback-list-body {
        width: 100%;
        background-color: #fff
    }
    .warranty-list-item {
        width: 100%;
        background-color: #fff;
        line-height: 30px;
        border-bottom: 1px dashed #efefef
    }
    .warranty-list-item.last {
        border-bottom: none
    }
    .feedback-list-body li,
    .warranty-list-item li {
        float: left;
        line-height: 32px
    }
    .feedback-list-body .feedback-list-content {
        width: calc(70% - 22px);
        text-align: left;
        padding: 0 10px
    }
    .warranty-list-item .warranty-list-product {
        width: calc(55% - 23px);
        text-align: left;
        padding: 0 10px
    }
    .feedback-ask-row {
        width: 100%
    }
    .feedback-ask-row h3 {
        display: inline-block;
        vertical-align: middle
    }
    .feedback-ask-row input[type=checkbox]+label span {
        width: 16px;
        height: 16px;
        border-radius: 16px;
        background: url(/theme/v1/images/Plus-16.png) no-repeat center center;
        border-color: #fff
    }
    .feedback-ask-row input[type=checkbox]:checked+label span {
        background: url(/theme/v1/images/minus-16.png) no-repeat center center
    }
    .feedback-answer {
        margin-left: 20px
    }
    ul.feedback-ask li {
        line-height: 20px;
        background: url(/theme/v1/images/Talk-16.png) no-repeat top left;
        padding-left: 17px
    }
    ul.feedback-reply .feedback-icon {
        clear: both;
        display: block;
        padding-left: 20px
    }
    .feedback-icon.reply {
        background: url(/theme/v1/images/Assistant-16.png) no-repeat top left;
        font-style: italic;
        color: #888
    }
    .title-reply a {
        color: #000;
        font-size: .9em;
        cursor: pointer
    }
    .date-reply {
        color: #888;
        font-size: .9em
    }
    .checkout-btn .fa {
        margin-right: 10px
    }
    .pay-info-text .checkout-btn {
        margin-bottom: 20px!important
    }
    .box-order-wrap {
        border: 1px solid #ddd;
        float: left
    }
    ul.answer-tree li:last-child {
        background: #fff url(/theme/v1/images/lastnode.png) no-repeat
    }
    .slides {
        padding: 0;
        width: 100%;
        display: block;
        margin: 0 auto;
        position: relative
    }
    .slides * {
        user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -webkit-touch-callout: none
    }
    .slides input {
        display: none
    }
    .slide-container {
        display: block
    }
    .slide {
        top: 0;
        opacity: 0;
        width: 976px;
        height: 270px;
        display: block;
        position: absolute;
        transform: scale(1);
        transition: all .7s ease-in-out;
        visibility: hidden
    }
    .slide img {
        max-width: 100%;
        max-height: 100%
    }
    .nav label {
        width: 50px;
        height: 100%;
        position: absolute;
        opacity: 0;
        z-index: 9;
        cursor: pointer;
        display: none;
        -moz-transition: opacity .2s;
        -o-transition: opacity .2s;
        -webkit-transition: opacity .2s;
        transition: opacity .2s;
        color: #fff;
        font-size: 30px;
        text-align: center;
        line-height: 270px;
        -webkit-text-shadow: 0 0 10px #777;
        text-shadow: 0 0 15px #777
    }
    .slide+.nav label {
        opacity: .5
    }
    .nav label:hover {
        opacity: 1
    }
    .nav .banner-next {
        right: 0
    }
    input:checked+.slide-container .slide {
        opacity: 1;
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        -moz-transition: opacity 1s ease-in-out;
        -o-transition: opacity 1s ease-in-out;
        -webkit-transition: opacity 1s ease-in-out;
        transition: opacity 1s ease-in-out;
        visibility: visible
    }
    .slide>a {
        display: block
    }
    .say-hello {
        font-weight: 400;
        color: #666
    }
    input:checked+.slide-container .nav label {
        display: block
    }
    .avatar-edit {
        display: inline-block
    }
    .day_month {
        color: #888
    }
    .weekday {
        color: #0094ff
    }
    .Sunday {
        color: red;
        font-weight: 700
    }
    .today {
        color: #080;
        font-weight: 500
    }
    .yesterday {
        color: #000;
        font-weight: 500
    }
    .error {
        color: #ff6a00;
        font-size: .95em
    }
    #ajxInicator {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 9999;
        background: rgba(255, 255, 255, .5)
    }
    #ajxInicator div {
        margin: 0 auto;
        text-align: center;
        vertical-align: middle;
        background: #f8ed98;
        padding: 10px;
        border-radius: 0 0 5px 5px;
        box-shadow: 10px 10px 5px rgba(50, 50, 50, .75);
        width: 320px
    }
    .job-qty {
        color: #333
    }
    .jobs-list ul {
        margin: 10px 0
    }
    .job_content li {
        position: relative;
        margin-left: 20px;
        list-style-position: inside;
        line-height: 25px
    }
    .job_content li:before {
        content: "";
        width: 5px;
        height: 5px;
        position: absolute;
        background: #888;
        left: -12px;
        border-radius: 3px;
        top: 10px
    }
    .job_content h3 {
        font-weight: 700;
        font-size: 1.15em;
        color: #333;
        margin-top: 10px
    }
    .job_content em,
    .job_content i {
        font-style: italic
    }
    .delivery-add select {
        width: 100%
    }
    .btn-buy-primary {
        position: absolute;
        display: none
    }
    #catalog {
        margin-top: 15px
    }
    .form-mesages {
        color: #fd0000!important;
        line-height: 22px;
        margin: 10px 0!important
    }
    .form-mesages p:before {
        content: " - "
    }
    .prod-item {
        position: relative
    }
    .number-buy .title {
        min-width: 100px;
        display: inline-block;
        font-size: 15px
    }
    .info-spec.prod-brand .info,
    .info-spec.prod-brand .title {
        display: table-cell
    }
    .prod-brand .brand-link.more {
        margin-left: 10px;
        white-space: normal
    }
    .prod-brand .brand-link {
        margin-right: 10px
    }
    .stock {
        text-indent: 22px;
        line-height: 30px;
        height: 30px;
        font-weight: 500;
        display: inline-block
    }
    .stock.stk_y {
        background: url(/theme/v1/images/Cart-Y.png) no-repeat 0 center;
        color: #009688
    }
    .stock.stk_l {
        background: url(/theme/v1/images/Talk.png) no-repeat 0 center;
        color: #000
    }
    .stock.stk_s {
        background: url(/theme/v1/images/Cart-S.png) no-repeat 0 center;
        color: #ffb909
    }
    .stock.stk_n {
        background: url(/theme/v1/images/Cart-N.png) no-repeat 0 center;
        color: #000
    }
    td.ac-st {
        display: none
    }
    .spot-ps {
        position: relative
    }
    .spot-ps nav {
        position: absolute;
        top: 36%;
        left: 0;
        width: 100%;
        height: 0;
        display: block;
        visibility: hidden;
        opacity: 0;
        -moz-transition: opacity .5s;
        -o-transition: opacity .5s;
        -webkit-transition: opacity .5s;
        transition: opacity .5s
    }
    .spot-ps:hover nav {
        visibility: visible;
        opacity: .8
    }
    .spot-ps nav div {
        width: 100%;
        border-radius: 3px 3px 0 0;
        display: block;
        height: 100%;
        margin: 0 auto
    }
    .spot-ps nav div label {
        display: block;
        width: 30px;
        height: 60px;
        font-size: 30px;
        padding: 12px 5px;
        margin: 0;
        background: rgba(255, 185, 9, .35)
    }
    .spot-ps nav div label i {
        display: block;
        color: #ffb909
    }
    .spot-ps nav div label i:hover,
    .spot-ps nav div label:hover i {
        color: #fff
    }
    .spot-ps nav div label.number {
        float: left;
        padding: 5px;
        line-height: 20px;
        text-align: center;
        font-size: 1em!important;
        color: #fff
    }
    .spot-ps nav div label.prev {
        border-radius: 0 60px 60px 0
    }
    .spot-ps nav div label.next {
        border-radius: 60px 0 0 60px
    }
    .top-fb-like {
        position: absolute;
        right: 0;
        bottom: 0;
        overflow: hidden;
        border: 1px solid #000;
        background-color: #000;
        padding: 0 10px;
        border-radius: 4px 4px 0 0
    }
    .top-fb-like a {
        color: #fff
    }
    .top-fb-like:hover {
        border: solid 1px #000;
        border-bottom: none
    }
    a.notify-icon {
        position: fixed;
        bottom: 0;
        left: 10px;
        padding: 0 10px;
        background: #000 url(/theme/v1/images/notify-icon.png) no-repeat 5px 2px;
        color: #fff;
        border-radius: 3px 3px 0 0;
        line-height: 27px;
        text-indent: 24px;
        border: solid 1px #fff;
        border-bottom: none;
        z-index: 100
    }
    .spec-conts {
        clear: both;
        margin: 20px auto;
        border-top: solid 1px #ddd
    }
    .arrow_box {
        position: relative;
        background: #fff;
        border: 1px solid #c2e1f5
    }
    .arrow_box:after,
    .arrow_box:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }
    .arrow_box:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 10px;
        margin-left: -10px
    }
    .arrow_box:before {
        border-color: rgba(194, 225, 245, 0);
        border-bottom-color: #c2e1f5;
        border-width: 11px;
        margin-left: -11px
    }
    .desc-xeo {
        margin: 10px 0 10px 0;
        position: relative;
        background: #fff;
        line-height: 1.8em
    }
    @media(max-width:450px) {
        .desc-xeo {
            margin: 10px
        }
    }
    .desc-xeo:after,
    .desc-xeo:before {
        display: block;
        clear: both;
        content: ''
    }
    .collapsed {
        overflow: visible
    }
    .xeo-desc {
        border-bottom: solid 1px #ddd
    }
    .xeo-desc h2 {
        font-size: 1.3em;
        color: #333;
        margin-bottom: 9px
    }
    .xeo-desc h3 {
        font-size: 1.2em;
        color: #333;
        margin-bottom: 6px
    }
    .xeo-desc h4 {
        font-size: 1.1em;
        color: #333;
        margin-bottom: 3px
    }
    .xeo-desc ol,
    .xeo-desc ul {
        margin-left: 30px;
        list-style: initial
    }
    .xeo-desc-more {
        display: block;
        margin: 0 auto;
        text-align: center;
        width: 100px;
        margin-top: -1px;
        line-height: 12px
    }
    .a-readmore {
        margin: 0 auto;
        display: inline-block;
        line-height: 12px;
        text-align: center;
        background: #fff;
        border: solid 1px #ddd;
        border-top: none;
        margin-top: 0;
        border-radius: 0 0 5px 5px;
        padding: 0 8px;
        width: 100%
    }
    .a-readmore .fa {
        color: #dc143c
    }
    .xeo-tags li {
        display: inline-block;
        padding: 0;
        margin: 5px 20px 10px 0;
        border-radius: 3px
    }
    .xeo-tags li a {
        color: #1a0dab
    }
    .xeo-tags li a:hover {
        text-decoration: underline!important
    }
    .arrow_boxTTNH {
        display: none;
        background-color: #dfedfa;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 10px;
        position: absolute;
        width: 200px;
        z-index: 99999;
        color: #000;
        margin-left: -10px
    }
    .arrow_boxTTNH:after,
    .arrow_boxTTNH:before {
        bottom: 100%;
        left: 60%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }
    .arrow_boxTTNH:after {
        border-color: rgba(136, 183, 213, 0);
        border-bottom-color: #dfedfa;
        border-width: 10px;
        margin-left: -10px
    }
    .arrow_boxTTNH:before {
        border-color: rgba(194, 225, 245, 0);
        border-bottom-color: #ccc;
        border-width: 11px;
        margin-left: -11px
    }
    .center-box {
        position: fixed;
        top: 36px;
        right: 10px;
        width: 300px;
        background: #000;
        padding: 20px;
        box-shadow: 0 0 10px 5px #ccc;
        z-index: 1000;
        color: #fff;
        border-radius: 5px
    }
    .center-box .box-inner {
        position: relative
    }
    .center-box .box-inner .btn-close {
        display: block;
        top: -20px;
        right: -20px;
        width: 20px;
        height: 20px;
        position: absolute;
        background: url(../images/btn_close.gif) no-repeat center
    }
    .center-box #lnk-translate2 {
        color: #fff
    }
    .deactive {
        display: none
    }
    .active {
        display: block
    }
    .account-view {
        padding: 0;
        overflow: hidden;
        border: 5px solid #eee;
        margin-top: 15px;
        border-radius: 5px
    }
    #TB_iframeContent {
        height: 300px;
        max-height: 500px
    }
    #x-data a.reload {
        color: #fff;
        font-size: 14px
    }
    a[data-id="382"]~.leftSubNavMenu {
        height: 476px
    }
    a[data-id="906"]~.leftSubNavMenu {
        background: #fff url(/theme/v1/images/mypham-background.jpg) no-repeat right top
    }
    a[data-id="290"]~.leftSubNavMenu {
        background: #fff url(/theme/v1/images/yte-background.jpg) no-repeat right top
    }
    a[data-id="514"]~.leftSubNavMenu {
        background: #fff url(/theme/v1/images/vanphong-bg.jpg) no-repeat right top
    }
    a[data-id="1"]~.leftSubNavMenu {
        background: #fff url(/theme/v1/images/phanmem-background.jpg) no-repeat right top
    }
    a[data-id="680"]~.leftSubNavMenu {
        background: #fff
    }
    a[data-id="880"]~.leftSubNavMenu {
        background: #fff url(/theme/v1/images/congngheso-bg.jpg) no-repeat right top
    }
    a[data-id="229"]~.leftSubNavMenu {
        background: #fff url(/theme/v1/images/treem-bg.jpg) no-repeat right top
    }
    a[data-id="728"]~.leftSubNavMenu {
        background: #fff url(/theme/v1/images/noithat-bg.jpg) no-repeat right top
    }
    a[data-id="426"]~.leftSubNavMenu {
        background: #fff url(/theme/v1/images/quatang-bg.jpg) no-repeat right top
    }
    a[data-id="1013"]~.leftSubNavMenu {
        background: #fff url(/theme/v1/images/bg-dienlanh.jpg) no-repeat right top
    }
    a[data-id="1060"]~.leftSubNavMenu {
        background: #fff url(/theme/v1/images/tivi-bg.jpg) no-repeat right top
    }
    a[data-id="1070"]~.leftSubNavMenu {
        background: #fff url(/theme/v1/images/bg-bachhoa.jpg) no-repeat right top
    }
    .wtitle {
        height: 30px
    }
    #wrap-top-info {
        margin-bottom: 20px;
        width: 100%;
        float: left
    }
    .breadcrum {
        margin-bottom: 3px;
        padding-left: 0
    }
    .wtitle ol li {
        float: left;
        line-height: 28px;
        margin: 0;
        position: relative;
        list-style: none
    }
    .leftNavMenu {
        padding-left: 0
    }
    .wtitle ol li a {
        display: inline-block
    }
    .wtitle ol li:last-child .fa-angle-right {
        visibility: hidden
    }
    .wtitle .fa-angle-right {
        margin: 0;
        display: inline-block;
        line-height: 28px;
        padding: 0 5px
    }
    .images-box {
        width: 500px
    }
    .wbx-img-view {
        width: 60px;
        margin-left: 5px;
        margin-top: 5px
    }
    .wbx-img-zoom {
        width: 400px;
        text-align: center
    }
    .bx-img-view {
        position: relative;
        width: 100%;
        height: 400px;
        padding-right: 15px;
        border-right: 1px solid #ddd
    }
    .bx-img-view ol li {
        margin: 5px;
        border: 1px solid #fff
    }
    .bx-img-view ol li:hover {
        border: 1px solid #ddd;
        width: 60px;
        display: block
    }
    .pre-img {
        color: #999;
        margin-left: 28px
    }
    .next-img {
        color: #999;
        margin-left: 28px
    }
    #contenedor {
        position: relative;
        float: left;
        background-color: #fff;
        z-index: 4;
        vertical-align: top;
        max-width: 100%
    }
    .social-box {
        width: 500px;
        float: left;
        margin: 10px 0
    }
    .googleplus {
        color: #c00;
        border: 1px solid #ddd;
        padding: 3px 5px;
        margin: 0 20px 0 0;
        float: left
    }
    .top-info-right {
        float: left;
        margin-left: 15px;
        margin-bottom: 10px
    }
    .prod-offer .rate-item {
        margin: 0
    }
    .prod-title h1 {
        font-size: 30px;
        color: #000;
        margin-right: 20px;
        margin-top: 0!important;
        text-transform: uppercase;
        font-weight: 700
    }
    .prod-title h1 sup {
        font-size: .5em;
        color: #fff;
        font-weight: 100;
        margin: 10px;
        background: #aaa;
        padding: 5px;
        border-radius: 3px
    }
    .prod-title-p {
        color: #003;
        font-size: 16px;
        margin-bottom: 5px
    }
    .attri-sel,
    .info-prod {
        line-height: 28px
    }
    .info-prod.info-freeship.prod-frreship .more {
        background: url(/theme/v1/images/free-shipping-25.png) no-repeat left center;
        padding-left: 30px;
        color: #68b207;
        display: inline-block
    }
    .attri-sel .title {
        min-width: 100px;
        white-space: nowrap;
        display: table-cell;
        vertical-align: top
    }
    .info-prod.prod-brand,
    .info-prod.prod-madein {
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .option-thumb li {
        display: inline-block
    }
    .info-prod.prod-price.saleoff {
        margin: 7px 0;
        border: 1px dashed gold;
        padding: 0 5px;
        background-color: rgba(255, 218, 39, .26);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .info-prod.prod-price.saleoff .info {
        font-size: 1.2em
    }
    .saleoff .time {
        font-size: 1.1em;
        color: #000
    }
    .info-prod.prod-brand .info a {
        color: #000
    }
    .box-delivery {
        width: 100%;
        float: left;
        border: 1px solid #ddd
    }
    .delivery-add {
        padding: 10px 10px 0 10px
    }
    .sel-add {
        font-size: 12px;
        width: 100%;
        -webkit-user-select: none;
        -webkit-appearance: none;
        border: 1px solid #e7e7e7;
        border-radius: 3px;
        height: 26px;
        padding: 4px;
        color: #888;
        margin-top: 10px
    }
    .delivery-type {
        border-top: 1px dashed #ddd;
        float: left;
        padding: 10px;
        width: 100%
    }
    .icon-deli-type {
        background: url(/theme/v1/images/Transit-25.png) no-repeat left;
        width: 25px;
        height: 25px;
        float: left
    }
    .deli-type>p {
        line-height: 25px;
        vertical-align: middle
    }
    .deli-type-item {
        margin-top: 7px
    }
    .icon-money-type {
        background: url(/theme/v1/images/Refund-25.png) no-repeat left;
        width: 25px;
        height: 25px;
        float: left;
        margin-top: 5px
    }
    .money-type {
        padding-top: 5px;
        margin-top: 5px
    }
    .txt-deli-type {
        width: 160px;
        margin-left: 10px;
        float: left
    }
    .prod-attri {
        padding-top: 15px
    }
    .attri-sel-size {
        margin-bottom: 15px;
        line-height: 30px;
        width: 263px;
        float: left;
        margin-right: 10px;
        position: relative;
        height: 20px
    }
    .attri-sel-size .i-view-more {
        top: 12px
    }
    .attr-sel-color {
        float: left;
        width: 200px;
        line-height: 30px
    }
    .attr-sel-color ul {
        margin-top: 5px;
        width: 400px
    }
    .op-size {
        font-size: 12px;
        -webkit-user-select: none;
        -webkit-appearance: none;
        width: 180px;
        border: 1px solid #ddd;
        height: 26px;
        padding: 4px;
        color: #888;
        position: absolute;
        margin-left: 5px
    }
    .attri-sel.color .title {
        padding-top: 5px
    }
    .prod-promotion {
        border: 1px dashed #ffb909;
        background: #ffefc8;
        margin-bottom: 20px;
        display: table;
        width: 100%;
        min-height: 71px;
        border-bottom: none
    }
    .prod-promotion,
    .promo-item {
        position: relative
    }
    .promo-item-name {
        display: block;
        padding: 8px 45px 3px 0;
        font-size: 1.1em;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: o-ellipsis-lastline;
        display: -webkit-box
    }
    .promo-item-time {
        font-size: .9em;
        padding: 5px 32px 0 10px;
        display: block
    }
    .promo-item-thumb {
        width: 46px;
        max-height: 46px;
        float: left;
        overflow: hidden;
        margin: 10px;
        border: 1px solid #ddd;
        padding: 2px;
        display: table-cell;
        background: #fff
    }
    .promo-ribbon {
        position: absolute;
        right: -5px;
        top: -5px;
        z-index: 1;
        overflow: hidden;
        width: 75px;
        height: 75px;
        text-align: right
    }
    .promo-ribbon span {
        font-size: 10px;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        line-height: 20px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        width: 100px;
        display: block;
        background: #ffb909;
        boxshadow: 0 3px 10px -5px #000;
        position: absolute;
        top: 19px;
        right: -21px
    }
    .promo-ribbon span::before {
        content: "";
        position: absolute;
        left: 0;
        top: 100%;
        z-index: -1;
        border-left: 3px solid #ffb909;
        border-right: 3px solid transparent;
        border-bottom: 3px solid transparent;
        border-top: 3px solid #ffb909
    }
    .promo-ribbon span::after {
        content: "";
        position: absolute;
        right: 0;
        top: 100%;
        z-index: -1;
        border-left: 3px solid transparent;
        border-right: 3px solid #ffb909;
        border-bottom: 3px solid transparent;
        border-top: 3px solid #ffb909
    }
    .promo-item-thumb img {
        max-width: 100%;
        margin: 0 auto;
        display: block
    }
    .color-item {
        width: 30px;
        height: 30px;
        border: 1px solid #ddd;
        display: block;
        float: left;
        margin: 0 10px 0 0;
        overflow: hidden;
        padding: 1px;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }
    .color-item:hover {
        -moz-transform: scale3d(1.3, 1.3, 1.3);
        -ms-transform: scale3d(1.3, 1.3, 1.3);
        -o-transform: scale3d(1.3, 1.3, 1.3);
        -webkit-transform: scale3d(1.3, 1.3, 1.3);
        transform: scale3d(1.3, 1.3, 1.3)
    }
    .color-item img {
        width: 100%;
        vertical-align: top
    }
    .color-item.active {
        border: 1px solid #68b207;
        box-shadow: 0 0 2px rgba(104, 178, 7, .72);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    .add-number {
        height: 30px;
        margin: 0 10px 10px 0;
        display: flex;
    }
    .ui-spinner-button .fa {
        font-size: 1.2em;
        color: #888;
        padding: 3px 0;
        line-height: 5px;
        vertical-align: middle
    }
    input.txtQty {
        line-height: 28px;
        border-radius: 2px;
        border: 1px solid #ddd;
        padding: 0 10px;
        width: 50px;
    }
    #txtQty {
        width: 60px;
    }
    .center {
        text-align: center;
    }
    .button-changenumber {
        height: 34px;
    }
    .prod-price .p-price {
        font-size: 2.0em;
        font-weight: 700;
        color: #fc4c02;
        display: inline-block;
        line-height: 28px;
        vertical-align: top;
    }
    .prod-price .info .more-vat {
        font-size: 9pt;
        color: #666;
        display: inline-block;
        line-height: 28px;
        vertical-align: top
    }
    .prod-old-price .info {
        text-decoration: line-through;
        font-size: 1.2em
    }
    .col.prod-order,
    .prod-offer {
        width: 385px;
        float: left;
        margin-right: 20px
    }
    fieldset,
    label {
        margin: 0;
        padding: 0
    }
    .prod-rate {
        position: relative;
        overflow: hidden;
    }
    .rating {
        border: none;
        float: left
    }
    .rating>input {
        display: none
    }
    .rating>label:before {
        padding: 0 5px 0 0;
        font-size: 0.75em;
        font-family: FontAwesome;
        display: inline-block;
        content: ""
    }
    .rating>label {
        color: #ddd;
        float: right
    }
    .rating:not(:checked)>label:hover,
    .rating:not(:checked)>label:hover~label,
    .rating>input:checked~label {
        color: #ffb909
    }
    .rating>input:checked+label:hover,
    .rating>input:checked~label:hover,
    .rating>input:checked~label:hover~label,
    .rating>label:hover~input:checked~label {
        color: #ff8d00
    }
    .color-box {
        width: 19px;
        height: 19px;
        border: 1px solid #ddd;
        overflow: hidden;
        float: left;
        margin-right: 9px;
        margin-bottom: 10px
    }
    .list-color ul {
        margin: 10px
    }
    .list-color ul li a:hover {
        width: 19px;
        height: 19px;
        border: 1px solid #0025c5
    }
    .color-box a {
        cursor: pointer
    }
    .prod-credit {
        width: 100%;
        float: left;
        margin-bottom: 15px
    }
    .btn-order {
        display: inline-block;
        cursor: pointer;
        color: #fff;
        height: 35px;
        text-decoration: none;
        text-align: center;
        border-radius: 3px
    }
    .btn-order .text-btn,
    .btn-order:active,
    .btn-order:hover {
        color: #fff;
        font-size: 13px;
        font-weight: 700
    }
    .btn-order:hover .text-btn {
        color: #eee
    }
    .btn-order-icon {
        height: 35px;
        float: left;
        font-size: .8em;
        width: 40px
    }
    .button-buy {
        background-color: #fc4c01;
        margin-right: 20px;
        display: block;
        margin-bottom: 10px;
    }
    .button-buy:active {
        background-color: #000
    }
    .icon-spcart {
        background: url(/theme/v1/images/ShoppingCart-32.png) no-repeat center center;
        border-right: 1px solid #fed6a4
    }
    .icon-love {
        background: url(/theme/v1/images/flash.png) no-repeat center center;
        border-right: 1px solid #93ed98
    }
    .text-btn {
        text-align: center;
        line-height: 35px;
        display: inline-block;
        padding: 0 15px
    }
    .send-support {
        background-color: #3fb946;
        font-size: 18px;
        position: relative;
        display: block;
        margin-right: 20px;
    }
    .box-contact-support {
        display: none
    }
    .send-support:active .box-contact-support {
        display: block;
        position: absolute;
        z-index: 999;
        background: #fff;
        border: 1px solid #ddd;
        padding: 10px 20px;
        width: 400px;
        left: -50%;
        top: 100%
    }
    .info-prod.prod-price.freeship {
        width: 100%;
        display: block;
        padding-bottom: 10px;
        margin: 0 0 15px 0;
        float: right
    }
    .bcht {
        font-size: 17px;
        font-weight: 700;
        display: block
    }
    .iconfb,
    .iconzl {
        display: block
    }
    .iconfb img,
    .iconzl img {
        height: 20px;
        margin-right: 10px
    }
    .info-prod.prod-price.freeship .title {
        display: block;
        line-height: 23px;
        padding-left: 28px;
        background: url(/theme/v1/images/checked_green.png) 0 4px no-repeat;
        display: block
    }
    .info-prod.prod-price.freeship .iconhome {
        line-height: 22px;
        padding-left: 28px;
        background: url(/theme/v1/images/icom_home.png) 0 1px no-repeat;
        display: block
    }
    .info-prod.prod-price.freeship .iconghdm {
        line-height: 22px;
        padding-left: 28px;
        background: url(/theme/v1/images/icon_like.png) 0 1px no-repeat;
        display: block
    }
    .iconhl {
        line-height: 22px;
        padding-left: 28px;
        background: url(/theme/v1/images/icon-phone.png) 0 1px no-repeat;
        display: block;
        margin-bottom: 5px
    }
    .iconmail {
        line-height: 21px;
        padding-left: 28px;
        background: url(/theme/v1/images/icon-mail.png) 0 1px no-repeat;
        display: block
    }
    .info-prod.prod-price.freeship .more a {
        color: #000;
        line-height: 15px;
        float: right
    }
    .box-contact-support h3 {
        color: #000;
        font-size: 1.2em;
        font-weight: 500
    }
    .box-contact-support .txtQuery {
        width: 100%;
        margin: 8px 0;
        padding: 0;
        height: 30px;
        border: 1px solid #eee;
        text-indent: 10px;
        outline: 0
    }
    .box-contact-support #btnSend {
        border-radius: 4px;
        border: 1px solid #000;
        width: 30%;
        text-align: center;
        line-height: 30px;
        color: #fff;
        margin: 0 auto;
        display: block;
        background: #000
    }
    .btn-send {
        border-radius: 4px;
        border: 1px solid #000;
        width: 30%;
        text-align: center;
        line-height: 30px;
        color: #fff;
        margin: 0 auto;
        display: block;
        background: #000
    }
    .sup-item {
        float: left;
        margin-bottom: 15px;
        line-height: 24px
    }
    .detail-info-phone {
        line-height: 26px;
        position: relative
    }
    .supp-address {
        font-weight: 700;
        float: left;
        color: green;
        margin-right: 10px
    }
    .title-support {
        display: block
    }
    .bx-contact .sup-item {
        width: 100%;
        float: left;
        margin: 10px 0 0 0
    }
    .bx-contact .sub-item.row {
        display: block;
        margin-left: 10px
    }
    .sup-item .fa {
        padding-right: 5px;
        font-size: 1.4em;
        line-height: .75em;
        vertical-align: -15%
    }
    .sup-item .fa-users,
    .sup-item .info-help-phone .fa {
        display: none
    }
    .sup-item .info-help-phone {
        display: block;
        width: 100%;
        padding: 0 5px 5px 20px;
        line-height: 20px
    }
    .sup-item .info-help-phone span {
        display: inline-block;
        width: 48%;
        margin: 0;
        line-height: 25px
    }
    .sup-item .info-help-phone .name-user-help {
        max-width: 70px;
        overflow: hidden;
        white-space: nowrap;
        margin-right: 8px;
        font-weight: 500
    }
    .sup-item .supp-hotline,
    .sup-item .worktime-hd {
        font-weight: 500
    }
    .sup-item .worktime-hd {
        padding-right: 5px
    }
    .supp-address .icon-chat {
        margin-right: 10px;
        float: left;
        max-height: 24px
    }
    .sup-item .icon-chat img {
        width: 24px;
        margin-right: 5px
    }
    .sup-item .icon-chat {
        margin-right: 8px;
        display: inline-block;
        padding-top: 5px;
        line-height: 24px;
        min-width: 79px
    }
    .number-chat {
        padding: 0 5px;
        margin-bottom: 5px;
        float: right
    }
    .bx-contact {
        width: 100%;
        float: left;
        text-align: left;
        padding: 10px;
        line-height: 22px;
        background-color: #fcfcfc;
        border: 1px solid #eee;
        margin-bottom: 10px
    }
    .title-cnt {
        font-size: 1.1em;
        text-transform: uppercase;
        border-bottom: 1px solid #ddd;
        padding-bottom: 5px;
        display: block
    }
    .bx-contact .fa {
        padding-right: 5px;
        font-size: .8em;
        font-size: 1.2em;
        color: #888
    }
    .box-setup {
        width: 100%;
        float: left;
        text-align: left;
        padding: 5px;
        line-height: 22px;
        background-color: rgba(255, 246, 199, .79);
        border: 1px dashed gold;
        margin-bottom: 15px;
        border-radius: 3px
    }
    .title-setup {
        background: url(/theme/v1/images/Maintenance-24.png) no-repeat left;
        height: 32px;
        display: block;
        padding-left: 33px;
        text-transform: uppercase;
        line-height: 32px;
        font-size: 1.1em
    }
    .info-setup {
        border-top: 1px solid rgba(255, 215, 0, .36);
        margin-top: 5px;
        padding-top: 5px
    }
    .row-setup {
        background: url(/theme/v1/images/Checkmark.png) no-repeat left 6px;
        padding-left: 12px
    }
    .box-setup .setup-view {
        color: #000;
        margin-left: 5px;
        font-size: 12px
    }
    .row-setup .fa {
        margin-left: 3px
    }
    #main-content {
        float: left;
        width: 100%
    }
    .content-Left {
        float: left
    }
    .prodes_st {
        margin: 0;
        line-height: 24px;
        font-size: 1.15em;
        padding-top: 15px;
        margin-bottom: 15px
    }
    .prod-descp-detail {
        float: none
    }
    .prod-descp-detail p {
        margin-top: 7px
    }
    .col.prod-descp-detail a {
        color: #000
    }
    .prod-descp-detail table {
        border: 1px solid #ddd;
        margin: auto
    }
    .prod-descp-detail table td {
        padding: 10px;
        border: 1px solid #ddd
    }
    .prod-descp-detail ul li {
        margin-left: 20px;
        margin-top: 5px
    }
    .prod-descp-detail ul li:before {
        width: 4px;
        height: 4px;
        line-height: 4px;
        content: "";
        border-radius: 4px;
        position: absolute;
        background-color: grey;
        margin-top: 10px;
        margin-left: -10px
    }
    .prod-descp-detail ol li {
        list-style-type: decimal;
        margin-left: 30px;
        margin-top: 5px
    }
    .prod-descp h2 {
        font-size: 18px;
        margin-top: 15px;
        font-weight: 500
    }
    .prod-descp h3 {
        font-size: 16px;
        font-weight: 500
    }
    .tab-comments,
    .tab-specifications {
        width: 100%;
        margin-top: 15px;
        margin-bottom: 15px
    }
    .prod-descp-detail iframe {
        max-width: 100%
    }
    .title-sepcs h2 {
        font-size: 18px;
        color: #333
    }
    .body-sepcs {
        margin-top: 10px;
        width: 100%;
        border: 1px solid #eee;
        border-bottom: none;
        line-height: 36px
    }
    .body-sepcs li:nth-child(2n+1) {
        background-color: #fcfcfc;
        border-bottom: 1px solid #eee
    }
    .body-sepcs li:nth-child(2n+2) {
        background-color: #fff;
        border-bottom: 1px solid #eee
    }
    .item-before {
        font-weight: 500;
        min-width: 200px;
        padding-left: 10px;
        border-right: 1px solid #eee
    }
    .item-after {
        padding: 0 10px;
        display: table-cell
    }
    .body-sepcs .group {
        display: table;
        width: 100%
    }
    .group .item-before {
        width: 100%;
        border: none;
        font-size: 1.15em;
        font-weight: 700
    }
    .group .item-after {
        display: none
    }
    .body-sepcs a {
        display: inline-block
    }
    .body-sepcs a:hover {
        color: #000;
        text-decoration: underline!important
    }
    .top-box-comments {
        padding: 15px;
        border: solid 1px #ccc
    }
    .title-new-comment h3,
    .top-box-comments h3 {
        font-size: 16px;
        font-weight: 500
    }
    .rate-box {
        width: 239px;
        text-align: left;
        margin-left: 15px
    }
    .txt-rate {
        font-size: 1em;
        font-weight: 500;
        margin-bottom: 5px
    }
    .rating-box-comment {
        width: 120px;
        text-align: center;
        overflow: hidden;
        margin-top: -5px
    }
    .rating-box-comment .fa-lg {
        font-size: 1.15em;
        color: #ccc;
        margin: 2px
    }
    .rating-box-comment .rated {
        color: #ffb909
    }
    .rating-box {
        background: url(/theme/v1/images/StarFilled-24.png) repeat-x center;
        height: 20px;
        width: 0%
    }
    .count-rate {
        vertical-align: middle
    }
    .rate-item {
        margin-bottom: 25px
    }
    .box-rate-progess {
        overflow: hidden;
        margin-bottom: 5px
    }
    .count-star .fa-lg {
        color: #a4a4a4;
        font-size: .7em;
        padding-left: 2px
    }
    .rate-number {
        margin-left: 10px
    }
    .bar-progess-rate {
        width: 99px;
        height: 16px;
        background-color: #fff;
        margin-left: 10px;
        margin-top: 3px;
        border: 1px solid #ddd;
        border-radius: 2px
    }
    .button-comment {
        width: 140px;
        height: 30px;
        line-height: 28px;
        border: 1px solid #0092db;
        background-color: #0092db;
        border-radius: 3px;
        color: #fff;
        cursor: pointer;
        margin: 0 auto;
        text-align: center
    }
    .wrap-tab-comments {
        width: 100%
    }
    .form-comment {
        overflow: hidden;
        margin-top: 10px;
        min-height: 182px
    }
    .input-account-form {
        margin-bottom: 5px
    }
    .input-form {
        width: calc(100% - 8px);
        height: 24px;
        border: 1px solid #ddd;
        border-radius: 3px;
        padding-left: 5px
    }
    .info-form-comment,
    .input-comment {
        width: 100%;
        height: 60px;
        border: 1px solid #ddd;
        border-radius: 3px;
        text-indent: 5px
    }
    .title-form {
        margin-right: 5px;
        line-height: 22px
    }
    .input-account-form:nth-child(3) .title-form {
        display: none
    }
    .box-view-comments,
    .info-form {
        padding: 1px;
        width: 100%
    }
    .view-comments {
        width: 100%
    }
    #allcomment {
        height: 540px;
        overflow: hidden;
        width: 100%
    }
    .title-new-comment {
        border-top: 1px solid #ececec;
        padding-top: 10px;
        width: 100%;
        float: left
    }
    .comment-filter.active {
        color: #0092db
    }
    .comment-filter {
        color: #888;
        display: inline-block;
        margin-right: 15px
    }
    .review-row {
        float: left;
        width: 100%;
        position: relative;
        background: #f1f1f1;
        padding: 5px 20px;
        margin-bottom: 10px
    }
    .view-comments-item .star-rated {
        line-height: 30px
    }
    .content-comments a {
        color: #0092db
    }
    .content-comments a:hover {
        color: #dc143c;
        text-decoration: underline
    }
    .star-rated .fa {
        font-size: 1.15em
    }
    .name-member.admin-member:after {
        content: "Quản trị viên";
        font-size: .8em;
        font-weight: 100;
        padding: 2px 5px;
        color: #fff;
        background: #69b00a;
        margin-left: 10px;
        border-radius: 3px
    }
    .img-member-thumb {
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        border-radius: 3px;
        margin-right: 5px;
        font-weight: 700;
        box-shadow: 0 0 3px rgba(0, 0, 0, .5);
        text-shadow: 1px 1px 0 #fff
    }
    .img-member-thumb img {
        width: 100%;
        float: left;
        border-radius: 3px
    }
    .view-comments .last {
        border-bottom: none
    }
    .view-comments-item-left {
        width: 20%;
        text-align: center
    }
    .img-memmber-thumb img {
        width: 50px;
        height: 50px
    }
    .star-rated .rated {
        color: gold
    }
    .star-rated .unrate {
        color: #ccc
    }
    .view-comments-item-right {
        width: 80%
    }
    .title-view-comments {
        font-weight: 500;
        color: #69b00a
    }
    .page-comment {
        width: calc(100% - 20px);
        text-align: right;
        margin: 0 15px 5px 0
    }
    .content-comments {
        color: #000
    }
    .time-comment {
        display: inline-block;
        color: #999
    }
    .relate-com-item.like-comment span {
        margin-left: 5px;
        color: #999;
        font-size: .9em
    }
    .relate-com-item,
    .relate-com-item~label {
        display: inline-block;
        margin-right: 20px;
        color: #0092db;
        cursor: pointer
    }
    .review-like {
        color: #0092db
    }
    .relate-comment label span {
        display: none!important
    }
    .row.rep-box-comment {
        display: block;
        visibility: hidden
    }
    .rep-comment:active~.rep-box-comment {
        visibility: visible
    }
    .rep-box-comment {
        background: #fff;
        padding: 10px
    }
    textarea.txt-reply-comm {
        width: 100%;
        border: 1px solid #eee;
        background: #f5f5f5;
        height: 100px;
        text-indent: 5px
    }
    .info-contact-comm {
        line-height: 25px;
        border: 1px solid #eee;
        min-width: 250px;
        text-indent: 8px;
        text-transform: capitalize;
        outline: 0
    }
    .send-comment.btn-send {
        display: inline-block;
        margin-left: -4px;
        border-radius: 0;
        line-height: 25px;
        width: 120px
    }
    .row.view-comments-item.level-2,
    .row.view-comments-item.level-3,
    .row.view-comments-item.level-4 {
        background: #f1f1f1;
        margin-left: 25px;
        padding: 8px;
        margin-top: 5px
    }
    .content-Right {
        width: 300px;
        float: right
    }
    .prod-viewed-wrap {
        width: 300px;
        border: 1px solid #ddd;
        float: left;
        margin-top: 15px
    }
    .prod-viewed {
        width: 288px;
        margin: 5px
    }
    .prod-viewed h2 {
        font-size: 18px;
        font-weight: 700
    }
    .row-prod {
        width: 100%;
        float: left;
        border-top: 1px solid #ddd;
        padding: 5px 0 5px 0;
        overflow: hidden
    }
    .img-thumb-view {
        width: 130px;
        float: left;
        margin: 5px;
        position: relative;
        text-align: center
    }
    .img-thumb-view img {
        max-width: 100%;
        max-height: 100%
    }
    .txt-thumb-view {
        width: 130px;
        float: left;
        margin: 5px
    }
    .txt-thumb-view p:first-child {
        font-weight: 600
    }
    .viewmore-nsx a {
        color: #000
    }
    .price-old {
        text-decoration: line-through;
        color: #999
    }
    .price-new {
        color: #000;
        font-weight: 700;
        font-size: 1.1em
    }
    .cir-discount {
        position: absolute;
        margin: 0;
        padding: 0;
        width: 28px;
        line-height: 28px;
        height: 28px;
        border-radius: 16px;
        background-color: #ffb909;
        color: #fff;
        right: 5px;
        font-size: .9em;
        text-align: center
    }
    .last-view {
        float: right;
        right: 10px;
        color: #888
    }
    .title-more-list-prod h2 {
        font-size: 1.4em;
        font-weight: 500;
        line-height: 40px;
        margin-top: 10px;
        border-bottom: 1px solid #eee
    }
    .more-prod {
        width: 33%
    }
    .title-more-prod-col h3 {
        font-size: 1.15em;
        font-weight: 500;
        line-height: 40px;
        text-indent: 34px;
        white-space: nowrap;
        text-overflow: ellipsis
    }
    .more-prod.col1 h3 {
        background: url(/theme/v1/images/new-badge.png) no-repeat left bottom
    }
    .more-prod.col2 h3 {
        background: url(/theme/v1/images/hot-badge.png) no-repeat left bottom
    }
    .more-prod.col3 h3 {
        background: url(/theme/v1/images/wow-badge.png) no-repeat left bottom
    }
    .more-prod .more-prod-item {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 25px;
        width: 75%;
        margin-left: 13px;
        text-indent: 10px;
        border-left: 2px solid
    }
    .more-prod.col1 .more-prod-item {
        border-color: #68b207
    }
    .more-prod.col2 .more-prod-item {
        border-color: #000
    }
    .more-prod.col3 .more-prod-item {
        border-color: #000
    }
    #slideshow {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden
    }
    .prev {
        float: left;
        text-align: left
    }
    .next {
        float: right;
        text-align: right
    }
    .stickyheader-wrapper {
        width: 100%;
        height: 40px;
        position: relative;
        z-index: 5
    }
    #stickyheader {
        width: 100%;
        top: 0;
        left: 0;
        height: 40px;
        background-color: #fff;
        box-shadow: 0 4px 4px -2px rgba(0, 0, 0, .15);
        z-index: 2000;
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    #stickyheader .item1 {
        float: right
    }
    #stickyheader .item2 {
        float: none
    }
    .bar-buy.product-tabs ul li {
        float: left;
        text-align: center;
        border-left: 1px solid #ddd
    }
    .bar-buy.product-tabs ul li:last-child {
        border-right: 1px solid #ddd
    }
    .box-product-tabs img {
        vertical-align: middle;
        padding-right: 5px
    }
    .box-product-tabs a {
        color: #999;
        line-height: 41px;
        display: block;
        padding: 0 20px;
        font-size: 1.1em
    }
    .tabs-item {
        width: 25px;
        height: 25px;
        display: block
    }
    .bar-buy.product-tabs ul li:hover {
        background-color: #ffb909;
        cursor: pointer;
        border-left: 1px solid #ffb909
    }
    .bar-buy.product-tabs ul li:hover a {
        color: #fff
    }
    .bar-buy.product-tabs ul li:hover img {
        -moz-filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1)
    }
    .bar-buy.add-number {
        margin: 5px 0;
        width: 50px
    }
    .bar-buy.prod-name {
        font-size: 1.3em;
        line-height: 40px;
        margin-right: 40px;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden
    }
    .bar-buy.prod-price {
        line-height: 40px;
        font-size: 1.3em;
        margin-right: 10px;
        color: #000
    }
    .bar-buy.prod-credit {
        width: auto;
        height: 26px;
        margin: 5px 0;
        float: left
    }
    .bar-buy .button-buy {
        margin-right: 2px;
        padding: 0 5px;
        border-radius: 3px
    }
    .bar-buy input.txtQty {
        width: 30px;
        text-align: center;
        background-color: rgba(255, 255, 255, .97);
        line-height: 22px;
        border: none;
        font-size: .7em;
        margin-top: 4px;
        margin-left: 7px;
        padding: 0 3px
    }
    .desp-nsx h2 {
        font-size: 16px;
        color: #0092db;
        margin-bottom: 5px
    }
    .desp-nsx h3 {
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 5px
    }
    .bar-buy .text-btn-buy {
        color: #fff;
        vertical-align: middle;
        padding: 0 5px 0 8px;
        font-size: 1.3em
    }
    .bar-buy .btn-order-icon {
        border-right: none
    }
    .bar-buy .ui-spinner.ui-widget {
        font-size: 1.3em
    }
    .bar-buy.prod-credit div {
        height: 30px;
        line-height: 18px;
        font-size: 1.3em;
        width: 160px
    }
    .bar-buy.prod-credit div .text-btn-support {
        margin-top: 5px;
        margin-left: 15px
    }
    .bar-buy.prod-credit .icon-spcart {
        background-position: center;
        width: 30px;
        height: 30px;
        padding: 0;
        margin: 0
    }
    .text-bar-left {
        width: 400px;
        float: left;
        margin-top: 5px
    }
    .text-bar-left h3 {
        font-size: 1.3em;
        font-weight: 100
    }
    .buy-bar-right {
        float: left;
        margin-top: 5px
    }
    .Box-view-NSX {
        margin-top: 10px;
        float: left;
        width: 100%
    }
    .Box-prod-tags {
        margin-top: 10px;
        border-top: 1px solid #ddd;
        float: left;
        width: 100%;
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
        padding-top: 5px
    }
    .Box-related-prod {
        margin-top: 10px;
        float: left;
        width: 100%
    }
    .Box-prod-tags .fa {
        color: #000;
        font-size: 1.4em
    }
    .title-nsx h2 {
        font-size: 18px;
        margin-top: 10px;
        margin-left: 10px
    }
    .desp-nsx {
        padding: 10px 0
    }
    .desp-nsx img {
        max-width: 100%;
        height: auto
    }
    .img-nsx {
        width: auto;
        max-width: 200px;
        padding: 0 20px 10px 0;
        float: left
    }
    .img-nsx img {
        width: 100%
    }
    .txt-nsx {
        text-align: justify
    }
    .txt-nsx p {
        margin-bottom: 8px
    }
    .prod-tags ul li {
        float: left;
        padding: 0 10px 0 10px;
        margin-right: 10px;
        font-size: .97em;
        line-height: 25px
    }
    .prod-tags ul li:hover a {
        color: #000
    }
    .prod-tags ul li a {
        color: #0092db
    }
    .title-tags,
    .title-useful {
        text-transform: uppercase;
        line-height: 25px;
        font-weight: 700
    }
    .bg-tags {
        margin: 0;
        padding: 0;
        list-style: none
    }
    .bg-tags li {
        float: left;
        height: 24px;
        line-height: 24px;
        position: relative;
        font-size: 11px;
        margin-right: 20px;
        margin-bottom: 10px
    }
    .bg-tags a {
        padding: 5px 10px 6px 12px;
        background: #7fbf4d;
        color: #fff;
        text-decoration: none;
        moz-border-radius-bottomright: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
        -moz-border-radius-topright: 4px;
        -webkit-border-top-right-radius: 4px;
        border-top-right-radius: 4px
    }
    .bg-tags a:before {
        content: "";
        float: left;
        position: absolute;
        top: 0;
        left: -12px;
        width: 0;
        height: 0;
        border-color: transparent #7fbf4d transparent transparent;
        border-style: solid;
        border-width: 12px 12px 12px 0
    }
    .bg-tags a:after {
        content: "";
        position: absolute;
        top: 10px;
        left: 0;
        float: left;
        width: 4px;
        height: 4px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        background: #fff;
        -moz-box-shadow: -1px -1px 2px #004977;
        -webkit-box-shadow: -1px -1px 2px #004977;
        box-shadow: -1px -1px 2px #004977
    }
    .Box-useful-info {
        margin-top: 10px;
        float: left;
        width: 100%
    }
    .Box-useful-info .fa {
        color: #000;
        font-size: 1.4em
    }
    .content-useful-inner {
        border: 1px dashed #ddd;
        border-radius: 3px
    }
    .useful-item {
        width: 100%;
        background-color: #f7f7f7;
        line-height: 35px;
        border-bottom: 1px solid #fff
    }
    .useful-item:last-child {
        border-bottom: none
    }
    .useful-item.first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }
    .useful-item.last-child {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        border: none
    }
    useful-item label {
        float: left
    }
    .useful-detail img {
        max-width: 100%;
        height: auto
    }
    .useful-detail iframe {
        max-width: 100%!important
    }
    .useful-item h3 {
        font-size: 1.1em;
        vertical-align: middle;
        line-height: 1.7em;
        display: inline-block;
        padding: 6px
    }
    .useful-item h3 .useful-link {
        color: #000
    }
    .useful-detail {
        background-color: #fff;
        padding: 0 40px 5px 40px;
        line-height: 25px
    }
    .useful-detail-desc {
        padding: 0 10px 0 35px;
        line-height: 20px;
        text-align: justify;
        margin-bottom: 5px;
        display: none
    }
    .useful-detail {
        text-align: justify;
        margin: 0;
        padding: 5px 15px
    }
    .useful-detail h2 {
        font-size: 14px;
        font-weight: 500;
        margin-top: 5px
    }
    .useful-detail h3 {
        font-size: 13px;
        font-weight: 500
    }
    .useful-detail ul li {
        margin-left: 20px
    }
    .useful-detail ul li:before {
        width: 4px;
        height: 4px;
        line-height: 4px;
        content: "";
        border-radius: 4px;
        position: absolute;
        background-color: grey;
        margin-top: 10px;
        margin-left: -10px
    }
    .useful-detail td {
        border: 1px solid #7a7a7a;
        padding: 5px;
        text-align: left
    }
    .useful-item input[type=checkbox]:checked+label span {
        background: url(/theme/v1/images/minusMath-20.png) no-repeat center center;
        border-color: #000;
        background-size: 14px
    }
    .useful-item input[type=checkbox]+label span {
        width: 16px;
        height: 16px;
        border-radius: 14px;
        margin-left: 5px;
        background: url(/theme/v1/images/PlusMath-20.png) no-repeat center center;
        border-color: #000;
        background-size: 14px
    }
    .Box-related-prod h2 {
        font-weight: 700;
        font-size: 1.3em;
        padding: 8px 5px
    }
    .list-product-item-related {
        width: 211px;
        height: 250px;
        overflow: hidden;
        border: 1px solid #ddd;
        margin: 0 -1px -1px 0;
        position: relative
    }
    .list-product-item-related .list-product-price {
        clear: none
    }
    .sub-links {
        float: right;
        margin-right: 10px
    }
    .sub-links li {
        margin-left: 20px!important
    }
    .breadcrum-menu {
        display: none
    }
    .breadcrum-item img {
        width: 20px;
        vertical-align: middle;
        margin-right: 5px
    }
    .breadcrum-item.hover .breadcrum-menu {
        display: block;
        position: absolute;
        background-color: #fff;
        border: 1px solid #ddd;
        z-index: 99;
        left: 0
    }
    .breadcrum-menu:after,
    .breadcrum-menu:before {
        position: absolute;
        content: "";
        border-left: 6px solid transparent;
        border-right: 6px solid transparent
    }
    .breadcrum-menu:before {
        border-bottom: 6px solid #ddd;
        top: -6px;
        left: 15px
    }
    .breadcrum-menu:after {
        border-bottom: 6px solid #fff;
        top: -5px;
        left: 15px
    }
    .breadcrum-item a:hover {
        color: #000
    }
    .breadcrum-menu-item {
        margin: 0 10px 0 20px!important;
        text-indent: 0!important;
        line-height: 30px!important;
        width: 177px
    }
    .breadcrum-menu-item a {
        line-height: 26px!important;
        float: left
    }
    .breadcrum-menu-item a:before {
        position: absolute;
        content: "";
        width: 4px;
        height: 4px;
        border-radius: 2px;
        top: 12px;
        background: #b7b7a6;
        left: -11px
    }
    .Page-left {
        width: 200px;
        float: left;
        border-radius: 3px;
        box-shadow: 0 0 3px rgba(0, 0, 0, .5);
        border-bottom: solid 1px #ccc
    }
    .list-brand-filter,
    .list-size-filter {
        margin-bottom: 10px
    }
    .box-brand-filter,
    .box-color-filter,
    .box-price-filter,
    .box-size-filter,
    .cat-menu {
        width: 100%
    }
    .cat-menu-title {
        line-height: 34px;
        color: #000;
        border-bottom: solid 1px #ccc;
        text-shadow: 1px 1px 0 #fff;
        background: #eee;
        font-weight: 700
    }
    #_filters .cat-menu-title {
        margin-top: 10px
    }
    .cat-menu-title a {
        color: #000
    }
    .cat-menu-title h2 {
        font-weight: 700;
        line-height: 34px;
        padding-left: 10px;
        text-align: left;
        font-size: 1.1em;
        letter-spacing: -.5px;
        text-transform: uppercase
    }
    .cat-tree {
        position: relative
    }
    .cat-tree-nav {
        max-height: 450px;
        overflow-x: hidden;
        overflow-y: auto;
        padding-left: 0
    }
    #brandpage .cat-tree-nav,
    #searchpage .cat-tree-nav {
        overflow-y: auto
    }
    #searchpage .cat-tree-nav {
        max-height: 940px
    }
    #brandpage .cat-tree-nav {
        max-height: 1400px
    }
    .cat-tree-nav li:last-child {
        border-bottom: none
    }
    .cat-tree-item {
        padding: 0 3px
    }
    .list-brand-check {
        padding-left: 0
    }
    .list-brand-check li {
        list-style: none
    }
    .cat-tree-item .menu-text {
        padding-right: 10px;
        color: #434343;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: bold;
    }
    .cat-tree-item .cat-tree-sub-item .menu-text {
        color: #000;
        padding-left: 10px
    }
    .cat-tree-item a {
        display: block;
        line-height: 40px;
        text-align: left;
        position: relative;
        height: 40px
    }
    ul.cat-tree-nav .cat-tree-item a i.menu-icon {
        display: table-cell;
        width: 30px
    }
    .home_news {
        max-width: 100%;
    }
    .cat-tree-item:hover a {
        color: #fff
    }
    .mfl2 {
        width: 245px;
        background: #fff
    }
    .centre {
        text-align: center;
    }
    .widget-footer {
        background: rgb(255, 255, 255);
    }
    .no-bg {
        background: transparent !important;
    }
    .widget-footer h2 {
        line-height: 40px;
        font-size: 20px;
    }
    .widget-footer h3 {
        font-size: 52px;
        font-weight: bold;
        text-align: left;
    }
    .widget-footer h4 {
        line-height: 20px;
        font-size: 14px;
        color: #989996;
    }
    .shop-list {
        background: #414143;
        font-size: 30px !important;
        color: white !important;
        font-weight: 500;
    }
    .city-name-footer {
        background: #fff;
        color: #fc4c02;
        font-size: 27px;
        box-shadow: 0 0 5px 3px rgb(63 55 55 / 55%);
        border-radius: 5px 0px 0px 5px;
        padding: 8px;
        text-transform: uppercase;
        font-weight: bold;
    }
    .phone-city-footer {
        background: #fc4c02;
        color: #fff;
        font-size: 27px;
        border-radius: 0px 5px 5px 0px;
        padding: 8px;
        box-shadow: 0 0 5px 3px rgb(63 55 55 / 55%);
    }
    .city-header {
        margin: 15px 0px;
    }
    .address-footer {
        height: 60px;
        background: white;
        border-radius: 15px;
        padding: 10px 20px;
        font-size: 12px !important;
        margin: 5px;
        box-shadow: 0 0 5px 3px rgb(63 55 55 / 55%);
    }
    .address-footer i {
        color: #fc4c02;
    }
    .cat-tree-sub-2 {
        width: 245px;
        padding-left: 10px;
        background: #fff
    }
    .mfl2:hover .menu-text,
    .mfl3:hover .menu-text {
        color: #e13939
    }
    .header-logo .label-search {
        position: relative
    }
    .cat-tree-item.no-sub a:after,
    .cat-tree-sub-item a:after {
        display: none
    }
    .cat-tree-item a:hover {
        color: #000
    }
    .cat-tree-item img {
        width: 25px!important;
        padding-right: 5px
    }
    .cat-tree-sub {
        min-width: 210px;
        -webkit-column-break-inside: avoid;
        -webkit-column-width: 180px;
        -moz-column-width: 180px;
        column-width: 180px;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        display: none;
        top: 41px;
        left: 2px;
        z-index: 9996;
        position: absolute;
        background-color: #fff;
        box-shadow: 2px 2px 5px #ccc
    }
    .cat-tree-sub-box {
        padding-left: 0
    }
    .cat-tree-sub-box li:last-child {
        border-bottom: none
    }
    .cat-tree-nav li {
        padding-left: 0;
        list-style: none
    }
    .cat-tree-sub-item {
        padding-left: 0;
        line-height: 33px;
        list-style: none;
        position: relative
    }
    .cat-tree-sub-item a {
        color: #333!important
    }
    .cat-tree-item:hover .cat-tree-sub {
        display: block
    }
    .cat-tree-sub-2 li {
        padding-left: 0;
        list-style: none
    }
    .cat-tree-sub-2 li a {
        display: block;
        height: 40px;
        line-height: 40px
    }
    .cat-tree-sub-2 li:hover a {
        color: #e13939
    }
    .brand-checker,
    .form-checker {
        height: 14px;
        width: 14px;
        float: left;
        left: 0;
        margin-top: 5px;
        border: 1px solid #ccc;
        border-radius: 2px;
        margin-right: 5px
    }
    .brand-checker input,
    .color-checker input,
    .form-checker input {
        -moz-appearance: none;
        -webkit-appearance: none
    }
    .color-checker {
        height: 30px;
        width: 30px;
        float: left;
        left: 0;
        margin: 0 10px 10px 0;
        border: 1px solid #ddd;
        border-radius: 2px;
        position: relative
    }
    .list-color li {
        display: inline-block
    }
    .list-brand-check.children {
        display: none
    }
    .list-brand-check li {
        line-height: 25px;
        padding-left: 10px
    }
    .children li {
        padding-left: 0
    }
    .count-item {
        color: #999
    }
    .brand-checker:hover {
        height: 14px;
        width: 14px;
        border: 1px solid #000
    }
    .list-brand-check label:hover span {
        margin-bottom: 0;
        line-height: 14px;
        cursor: pointer;
        color: #000
    }
    .checked input:checked {
        height: 14px;
        width: 14px;
        background: url(/theme/v1/images/Checked-24.png) no-repeat left;
        border-radius: 2px;
        margin-top: -1px;
        margin-left: -1px;
        display: block
    }
    .color-checker .checked input:checked {
        background: #fff url(/theme/v1/images/Checked-16.png) no-repeat center center;
        height: 16px;
        width: 16px;
        position: absolute;
        border-radius: 8px;
        top: -4px;
        right: -9px;
        outline: 0
    }
    .view-brand-all,
    .view-brand-close {
        color: #000;
        position: relative;
        cursor: pointer
    }
    .view-brand-close {
        display: none
    }
    .view-brand-all .fa-caret-down,
    .view-brand-close .fa-caret-up {
        padding-left: 10px;
        font-size: .9em
    }
    .list-price ul {
        margin-left: 10px
    }
    .list-price ul li {
        line-height: 25px
    }
    .list-price ul li a:hover {
        color: #000
    }
    .filter-price-item {
        width: 72px;
        border: 1px solid #ddd;
        border-radius: 2px;
        line-height: 26px;
        height: 26px;
        text-indent: 5px
    }
    .title-price {
        font-weight: 700;
        margin: 5px
    }
    .input-price {
        margin-left: 0;
        margin-bottom: 10px
    }
    .price-search {
        background: url(/theme/v1/images/search-icon-20.png) no-repeat center center;
        width: 26px;
        height: 26px;
        background-color: #68b207;
        border: none;
        border-radius: 2px;
        padding-bottom: 9px
    }
    .Page-right {
        float: right;
        display: block
    }
    .Slider-banner {
        height: 267px;
        margin: 0;
        overflow: hidden
    }
    .Slider-banner img {
        width: 100%;
        overflow: hidden
    }
    .Wrap-product-catalog {
        width: 100%;
        margin-top: 10px
    }
    .check-misa-bar {
        border-bottom: solid 1px #ededed;
        margin: 0 0 10px 0
    }
    ul.misa-tabs {
        margin: 0;
        padding: 0;
        list-style: none
    }
    ul.misa-tabs li {
        background: 0 0;
        color: #222;
        display: inline-block;
        padding: 0;
        cursor: pointer;
        width: 100px;
        text-align: center;
        border: solid 1px #ddd;
        border-bottom: none;
        border-radius: 3px 3px 0 0
    }
    ul.misa-tabs li a {
        padding: 4px 10px;
        display: block
    }
    ul.misa-tabs li:first-child,
    ul.misa-tabs li:first-child:hover {
        text-align: right;
        font-weight: 700;
        border: solid 1px #fff;
        border-bottom: none;
        background: #fff;
        width: 120px
    }
    ul.misa-tabs li.current {
        background: #ededed;
        color: #222;
        border: solid 1px #ddd;
        border-bottom: none
    }
    ul.misa-tabs li:hover {
        background: #000;
        color: #fff;
        border: solid 1px #ffb909;
        border-bottom: none
    }
    ul.misa-tabs li:hover a {
        color: #fff
    }
    .body-product-brand-list,
    .body-product-catalog-grid,
    .body-product-catalog-list,
    .body-product-search-list {
        width: 100%;
        margin-bottom: 15px;
        text-align: center
    }
    .body-product-catalog-grid ul {
        padding-left: 0
    }
    .body-product-catalog-list ul li {
        border-bottom: 1px solid #ddd;
        width: 100%;
        clear: both
    }
    .body-product-catalog-list ul li:last-child {
        border-bottom: none
    }
    .body-product-catalog-grid ul li {
        display: inline-block;
        float: left;
        vertical-align: top
    }
    .product-catalog-item {
        height: 100%;
        padding-bottom: 40px;
        position: relative;
        border: 1px solid #fff;
        text-align: left;
        width: 100%
    }
    .product-catalog-item .buy-now-button {
        position: absolute;
        width: calc(100% - 16px);
        bottom: 0;
        left: 0
    }
    .product-catalog-item:hover .home-product-title a {
        color: #000
    }
    .prod-rate.catalog-m {
        margin-left: 40%;
        font-size: 12px;
    }
    .prod-rate.catalog-m span {
        white-space: nowrap;
        font-size: .9em;
        line-height: 25px
    }
    .product-catalog-item.hover,
    .product-catalog-item:hover {
        cursor: pointer
    }
    .product-catalog-item.hover .buy-now-button,
    .product-catalog-item:hover .buy-now-button {
        visibility: visible
    }
    .product-catalog-item:hover .buy-now-button .txt-buy-now {
        color: #fff;
        text-shadow: -1px 0 1px #a00
    }
    .buy-now-button {
        text-align: center;
        text-transform: uppercase;
        display: block;
        visibility: hidden;
        margin: 8px;
        background: #de251c;
        border-radius: 2px
    }
    .txt-buy-now {
        line-height: 29px;
        text-align: center;
        display: block
    }
    .Box-paging {
        width: 100%;
        margin: 0;
        margin-bottom: 15px!important
    }
    .list-pagination {
        text-align: center
    }
    .pagination-end,
    .pagination-first,
    .pagination-item {
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 3px;
        padding: 8px 10px;
        margin: 0 2px
    }
    .pagination-end .fa-angle-right,
    .pagination-first .fa-angle-left {
        margin: 0 5px;
        color: #999;
        font-weight: 700
    }
    .pagination-item.active {
        background-color: #000;
        border: 1px solid #000;
        color: #fff;
        display: initial
    }
    .description-catalog {
        padding: 20px;
        float: left;
        background-color: #fff;
        width: 100%
    }
    .title-desc-catalog h2 {
        font-size: 1.5em;
        font-weight: 700
    }
    .content-categories {
        line-height: 20px
    }
    .content-categories a {
        color: #000
    }
    .content-categories h2 {
        font-size: 18px;
        color: #000;
        margin-top: 10px;
        font-weight: 500
    }
    .content-categories h3 {
        font-size: 16px;
        margin-top: 10px;
        font-weight: 500
    }
    .content-categories ul li {
        margin-left: 20px;
        margin-top: 5px
    }
    .content-categories ol li {
        list-style-type: decimal;
        margin-left: 30px;
        margin-top: 5px
    }
    .content-categories ul li:before {
        width: 4px;
        height: 4px;
        line-height: 4px;
        content: "";
        border-radius: 4px;
        position: absolute;
        background-color: grey;
        margin-top: 10px;
        margin-left: -10px
    }
    .content-categories p {
        margin-top: 10px
    }
    .content-categories img {
        max-width: 100%;
        padding: 10px
    }
    #subcatpage .cat-tree-item a:after {
        display: none
    }
    #subcatpage .cat-tree-nav {
        margin-left: 5px
    }
    .box-zone {
        width: 100%;
        clear: both;
        background: #fff;
        margin: 15px 8px
    }
    .box-zone::after,
    .box-zone::before {
        content: '';
        display: block;
        clear: both
    }
    .title-zone>span {
        line-height: 26px
    }
    .title-zone h2 {
        font-size: 1.4em;
        margin-right: 5px
    }
    .list-sort {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-appearance: none;
        width: 180px;
        border: 1px solid #ddd;
        border-radius: 3px;
        height: 26px;
        padding: 4px;
        color: #888;
        margin-left: 5px;
        outline: 0;
        background: #fff
    }
    .box-sub-page {
        height: 26px;
        line-height: 26px;
        margin-right: 20px
    }
    .box-sub-page>span {
        border: 1px solid #adadad;
        display: inline-block;
        line-height: 24px;
        border-radius: 3px;
        color: #ffb909;
        font-weight: 700;
        height: 24px;
        overflow: hidden
    }
    .box-sub-page>span a {
        display: block;
        line-height: 24px;
        color: #333;
        font-weight: 400;
        padding: 0 5px
    }
    .box-sub-page>span.brand-links:hover {
        position: relative;
        overflow: visible;
        vertical-align: top;
        z-index: 2
    }
    .box-sub-page>span.brand-links:hover>span {
        background: #fff;
        display: block;
        box-shadow: 0 0 5px 1px #aaa
    }
    .box-sort:after {
        display: inline-block;
        width: 0;
        height: 0;
        vertical-align: middle;
        border-top: 4px solid #888;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        content: "";
        margin-left: -15px
    }
    .view-sort {
        margin-left: 10px
    }
    .button-view {
        -webkit-appearance: none;
        -webkit-user-select: none;
        width: 30px;
        height: 26px;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 3px;
        margin-right: 5px;
        float: left
    }
    .button-view.grid {
        background: url(/theme/v1/images/Grid.png) no-repeat center
    }
    .button-view.list {
        background: url(/theme/v1/images/List.png) no-repeat center
    }
    .button-view.grid.active {
        width: 30px;
        height: 26px;
        border: 1px solid #adadad;
        border-radius: 3px;
        background: url(/theme/v1/images/Grid-active.png) no-repeat center
    }
    .button-view.list.active {
        width: 30px;
        height: 26px;
        border: 1px solid #adadad;
        border-radius: 3px;
        background: url(/theme/v1/images/List-active.png) no-repeat center
    }
    .zone-filter {
        width: 100%;
        border-top: 1px solid #ddd;
        padding-top: 5px;
        margin-top: 5px
    }
    .zone-filter-item {
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 10px
    }
    .filter-lable {
        text-transform: uppercase;
        line-height: 26px
    }
    .filter-lable.delete a {
        font-weight: 500;
        color: #000
    }
    .list-filter ul li {
        float: left;
        background-color: #fdfdfd;
        padding: 3px 5px;
        border: 1px solid #efefef;
        border-radius: 2px;
        margin: 0 3px
    }
    .close-filter {
        margin-left: 5px;
        color: #888
    }
    .product-mode-list-item:hover .buy-now {
        background-color: #000;
        color: #fff!important
    }
    .product-mode-list-item:hover .txt-buy-now {
        color: #fff
    }
    .product-mode-list-item {
        width: 100%;
        float: left;
        padding-bottom: 5px;
        padding-top: 15px
    }
    .product-mode-list-item.last {
        border-bottom: none
    }
    .manager-wishlist .product-mode-list-item {
        padding-bottom: 0
    }
    .manager-wishlist .list-product-thumb {
        margin: 0
    }
    .product-list-item-left {
        width: 200px;
        position: relative;
        vertical-align: top;
        margin-right: 15px
    }
    .product-list-item-right {
        width: calc(100% - 220px);
        display: table-cell;
        vertical-align: top;
        position: relative;
        cursor: pointer;
        text-align: left
    }
    .product-list-item-right .star-rated {
        margin: 5px 10px
    }
    .short-description {
        margin-left: 10px;
        text-align: justify
    }
    .short-description a {
        color: #000;
        font-size: 1em
    }
    .short-description .fa-lg {
        color: #000;
        font-size: 1.1em;
        line-height: 8px;
        padding-left: 5px
    }
    .buy-now {
        border: 1px solid #000;
        background-color: #fff;
        width: 144px;
        height: 30px;
        margin-left: 10px;
        text-align: center;
        color: #000;
        text-transform: uppercase;
        font-weight: 700;
        position: absolute;
        right: 0;
        top: 30px
    }
    .checkout-wrap {
        background-color: #fff
    }
    .checkout-wrap .checkout-col {
        display: inline-block;
        float: left
    }
    .checkout-box {
        border: 1px solid #ddd;
        border-radius: 3px;
        overflow: hidden
    }
    .sub-title-cart {
        padding: 5px 10px;
        background-color: #efefef;
        border-top: 1px dashed #eee;
        border-bottom: 1px dashed #eee;
        margin: 0 0 12px 0
    }
    .box-pay-info .title-cart,
    .box-shipping-info .title-cart {
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd
    }
    .form-input-purchase {
        margin: 30px 40px
    }
    .form-item-title {
        width: 89px;
        text-align: left;
        padding-right: 10px;
        float: left;
        font-weight: 500;
        line-height: 30px
    }
    label.form-item {
        margin-left: 10px;
        margin-bottom: 5px
    }
    label .txt-check {
        line-height: 25px
    }
    textarea.address-user {
        line-height: 25px;
        height: 70px;
        width: 346px
    }
    .form-input-purchase label.other-address {
        border-top: 1px dashed #ddd;
        padding: 10px 0
    }
    label.form-check {
        display: block
    }
    .shipping-info-text {
        margin: 5px 20px
    }
    .ship-time .ship-check {
        display: inline-block;
        line-height: 25px;
        margin-left: 9%
    }
    .ship-item {
        line-height: 27px
    }
    .ship-item.weight-product span {
        color: #000
    }
    .form-item {
        margin-bottom: 10px;
        display: block
    }
    #bill-info input,
    #bill-info textarea {
        border: 1px solid #000;
        padding: 10px
    }
    .form-input.input-item.name-user,
    input#ctl00_body_txtFullName {
        text-transform: capitalize
    }
    .form-item .input-item {
        outline: 0;
        position: relative;
        width: 350px
    }
    .form-input,
    .form-item select {
        border: 1px solid #ddd;
        background-color: #fdfdfd;
        height: 30px;
        color: #666;
        outline: 0;
        padding: 0 10px;
        border-radius: 2px
    }
    .form-input-purchase .form-item select {
        width: 150px
    }
    .form-check.input-item {
        line-height: 25px;
        display: block;
        margin-bottom: 3px
    }
    .more-address-box {
        margin: 10px 0
    }
    #ship-methods {
        position: relative
    }
    .select-ship {
        display: block;
        line-height: 25px;
        margin: 0 0 0 15px
    }
    .select-ship .info-ship {
        margin-left: 21px
    }
    .select-ship label i {
        color: #ffb909
    }
    .pay-info-body {
        margin: 0 20px
    }
    .box-pay-info .payment {
        display: block;
        line-height: 25px;
        margin: 5px
    }
    .price-nb-cost {
        font-weight: 700;
        color: #f79831
    }
    .has-price-nb {
        color: #666
    }
    .form-radio {
        height: 12px;
        width: 12px;
        float: left;
        left: 0;
        margin-top: 5px;
        border: 1px solid #ccc;
        border-radius: 12px;
        margin-right: 5px
    }
    input[type=radio]+label span {
        display: inline-block;
        width: 14px;
        height: 14px;
        margin: -1px 4px 0 0;
        vertical-align: middle;
        border: 1px solid #ddd;
        border-radius: 8px;
        background-color: #fff;
        cursor: pointer
    }
    input[type=radio]+label.price-nb {
        border: solid 1px transparent;
        padding: 5px;
        margin-left: -5px;
        cursor: pointer;
        display: block;
        line-height: 18px
    }
    input[type=radio]:checked+label.price-nb {
        border: solid 1px #000
    }
    input[type=radio]+label.price-nb:hover {
        border: solid 1px #68b207
    }
    input[type=radio]+label.price-nb span {
        border: 1px solid #ffb909;
        border-radius: unset
    }
    input[type=radio]:checked+label span {
        background: url(/theme/v1/images/radio-checked.png) no-repeat center center;
        border-color: #000
    }
    input[type=checkbox]+label span {
        display: inline-block;
        width: 14px;
        height: 14px;
        margin: -1px 4px 0 0;
        vertical-align: middle;
        border: 1px solid #ddd;
        border-radius: 2px;
        background-color: #fff;
        cursor: pointer
    }
    input[type=checkbox]:checked+label span {
        background: url(/theme/v1/images/Checked-24.png) no-repeat center center
    }
    .rdo-attr-label {
        display: inline-block;
        padding-right: 20px;
        padding-left: 3px;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        cursor: pointer
    }
    .rdo-attr-label:hover {
        -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -o-transform: scale(1.3);
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    .checked-radio input:checked {
        width: 16px;
        height: 16px;
        background: url(/theme/v1/images/radio-checked.png) no-repeat left center;
        outline: 0;
        position: absolute;
        margin-left: -2px;
        margin-top: -2px
    }
    .more-info-checked {
        opacity: 0;
        height: 0;
        overflow: hidden;
        visibility: hidden;
        display: none;
        transform: scale(.8);
        transition: .5s
    }
    input[type=checkbox]:checked~.more-info-checked,
    input[type=radio]:checked~.more-info-checked {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        overflow: visible;
        visibility: visible;
        height: auto;
        width: 100%;
        display: block
    }
    .more-info-checked .box-info-payment {
        border: 1px solid #ddd;
        border-radius: 3px;
        margin: 10px 0;
        background: #fbfbfb
    }
    .bank-list-item img {
        height: 30px;
        vertical-align: middle;
        margin: 4px;
        border: 1px solid #ddd
    }
    .bank-list-item:hover img {
        border-color: #000
    }
    .info-payment-top {
        padding-left: 10px
    }
    .info-payment-center {
        padding-left: 10px;
        padding-right: 10px
    }
    .info-payment-item {
        margin-top: 10px;
        border-bottom: 1px dotted #ddd;
        clear: both
    }
    .info-payment-item:last-child {
        border-bottom: none
    }
    .payment-thumb {
        width: 100px;
        height: 100px;
        display: inline-block;
        margin-right: 15px
    }
    .payment-detail {
        display: inline-block;
        vertical-align: top;
        line-height: 20px
    }
    .payment-detail-row .detail-row b {
        width: 75px;
        font-weight: 500;
        display: inline-block
    }
    .payment-detail-title {
        text-align: left;
        font-weight: 700
    }
    .info-payment-item:last-child {
        border-bottom: none
    }
    .payment-bankname {
        font-weight: 700
    }
    .payment-online {
        margin-left: 10px;
        line-height: 30px
    }
    .payment-online li span {
        margin-left: 10px
    }
    .form-input-note {
        border: 1px solid #e3e3e3;
        border-radius: 3px;
        width: 100%;
        height: 50px;
        padding: 0 8px
    }
    .text-bill {
        text-align: right;
        float: right
    }
    .text-bill:before {
        content: " ";
        display: inline-block
    }
    .tax-bill {
        text-align: right;
        color: #646464;
        font-size: .9em
    }
    .border-bill {
        border-top: 1px solid #000;
        padding-top: 5px;
        margin-top: 5px
    }
    .total-bill {
        color: #000;
        font-size: 16px;
        text-align: right;
        float: right;
        font-weight: 500
    }
    .title-cart {
        padding: 5px;
        background: #f8f8f8;
        border-bottom: 1px solid #ddd
    }
    .sub-title-cart h2,
    .title-cart h2 {
        font-size: 16px;
        font-weight: 500;
        padding-left: 10px;
        display: inline-block;
        line-height: 26px;
        vertical-align: bottom
    }
    .sub-title-cart .fa,
    .title-cart .fa {
        color: #000
    }
    .checkout-cart {
        width: 100%
    }
    .checkout-cart-title {
        border-bottom: 1px dashed #ddd;
        line-height: 30px;
        height: 30px;
        font-weight: 500;
        overflow: hidden
    }
    .checkout-cart-title li {
        float: left;
        border-left: 1px solid #fff
    }
    .checkout-cart-title li:first-child {
        border-left: none
    }
    .checkout-cart-list .cart-product-name,
    .checkout-cart-title .cart-product-name {
        width: 30%;
        text-align: left;
        margin-left: 10px
    }
    .order-wrap .cart-product-name {
        width: 49%
    }
    .checkout-cart-list .cart-product-money,
    .checkout-cart-list .cart-product-price,
    .checkout-cart-title .cart-product-money,
    .checkout-cart-title .cart-product-price {
        width: 15%;
        text-align: center;
        margin: 0 5px
    }
    .cart-product-attributes {
        font-size: .95em;
        color: #69b028
    }
    .checkout-cart-list .cart-product-count,
    .checkout-cart-title .cart-product-count {
        width: 11%;
        margin: 0 5px;
        text-align: center
    }
    .checkout-cart-list .cart-product-delete {
        margin: 0 5px
    }
    .cart-product-money {
        font-weight: 500
    }
    .cart-product-delete {
        display: block;
        font-size: 1.2em
    }
    .cart-product-delete .fa-trash-o {
        color: #aaa;
        font-size: 1.1em;
        text-align: center
    }
    .bill-row .text-right {
        width: 57%;
        display: inline-block;
        float: left
    }
    li {
        list-style: none
    }
    .group-cart-product-item .cart-product-item {
        border-bottom: 1px dotted #f7f7f7;
        padding-bottom: 5px;
        width: 100%;
        float: left;
        padding-top: 8px
    }
    .group-cart-product-item .cart-product-item:last-child {
        border-bottom: none
    }
    .checkout-cart-list {
        width: 100%
    }
    .cart-product-item ul li {
        float: left
    }
    .cart-product-images {
        width: 50px;
        height: 50px;
        text-align: center;
        margin-right: 10px;
        overflow: hidden
    }
    .cart-product-images img {
        max-width: 100%
    }
    .cart-product-title {
        line-height: 20px;
        font-weight: 500
    }
    .cart-product-price .cart-product-price-meta,
    .cart-product-price .cart-product-price-old {
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }
    .cart-product-price-old {
        text-decoration: line-through
    }
    .cart-product-price-sale {
        color: #69b00a;
        font-size: .9em
    }
    .checkout-cart-list .add-number {
        margin-right: 0
    }
    .cart-product-gift {
        color: #f34580;
        font-size: .95em;
        line-height: 20px;
        display: block;
        margin-left: 50px
    }
    .cart-product-gift a {
        color: #000
    }
    .cart-product-money .cart-product-gift,
    .cart-product-price .cart-product-gift {
        display: block
    }
    .cart-product-gift .fa-lg {
        vertical-align: -4%;
        margin-right: 3px
    }
    .add-number-cart {
        width: 45px;
        height: 23px
    }
    .add-number-cart .txtQty-cart {
        border-radius: 3px;
        width: 30px;
        height: 23px;
        text-align: center
    }
    .add-number-cart .txtQty-cart.gift {
        border: 1px solid #fff;
        border-radius: 3px;
        width: 45px;
        height: 23px;
        text-align: center
    }
    .checkout-footer {
        border-top: 1px solid #eee;
        background-color: #f8f8f8;
        width: 100%;
        padding-bottom: 15px;
        padding-top: 15px
    }
    .row-item {
        width: 100%
    }
    .checkout-footer-right {
        float: left;
        text-align: right;
        width: 57%;
        margin-right: 3%;
        line-height: 25px
    }
    .checkout-footer-left {
        float: left;
        width: 38%;
        margin-left: 2%;
        border: solid 1px #000;
        padding: 10px;
        border-radius: 3px
    }
    .buy-other a {
        color: #000;
        font-weight: 500;
        margin-left: 10px;
        vertical-align: middle
    }
    .buy-continue:before,
    .checkout-footer-left:before {
        border-right: 5px solid #000;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        position: absolute;
        content: "";
        margin-top: 5px
    }
    .text-right {
        text-align: right
    }
    .total-order {
        color: #da251c;
        border-top: 1px solid #ddd;
        clear: both;
        font-weight: 700
    }
    .text-coupon {
        font-weight: 500;
        text-align: right;
        float: right
    }
    .gift-coupon img {
        margin-bottom: 3px;
        vertical-align: middle;
        margin-right: 5px
    }
    .bill-row .text-right-coupon {
        width: 57%;
        display: inline-block;
        float: left
    }
    .bill-row.code-coupon {
        clear: both;
        padding: 10px 0
    }
    .bill-row.code-coupon:after,
    .bill-row.code-coupon:before {
        content: '';
        display: block;
        clear: both
    }
    .input-code-coupon {
        height: 31px;
        border: 1px solid #ddd;
        background: #fff;
        width: 200px;
        float: right;
        position: relative
    }
    .input-code-coupon .txt-code-coupon {
        width: 120px;
        border: none;
        height: 28px;
        text-indent: 5px;
        float: left;
        outline: 0;
        color: #080;
        text-align: right
    }
    .input-code-coupon.code-fail .txt-code-coupon {
        color: #c00;
        text-decoration: line-through
    }
    .input-code-coupon.code-ok .txt-code-coupon {
        color: #080;
        font-weight: 700
    }
    .code-ok:before {
        color: #080;
        content: "";
        font: normal normal normal 14px/1 FontAwesome;
        display: block;
        top: 0;
        left: 5px;
        width: 16px;
        position: absolute;
        line-height: 29px
    }
    .code-ok:after {
        display: block;
        content: 'mã hợp lệ';
        font-style: italic
    }
    .input-code-coupon .txt-code-coupon::-moz-placeholder,
    .input-code-coupon .txt-code-coupon::-webkit-input-placeholder,
    .input-code-coupon .txt-code-coupon:focus::-moz-placeholder,
    .input-code-coupon .txt-code-coupon:focus::-webkit-input-placeholder {
        color: #080;
        font-size: 11px;
        font-weight: 400
    }
    .input-code-coupon .txt-code-coupon:focus {
        outline: 0;
        font-size: 1.3em;
        font-weight: 700!important
    }
    .btn-code-coupon {
        border: none;
        background: #000;
        color: #fff;
        padding: 8px 11px;
        line-height: 13px
    }
    .bank-list {
        position: relative;
        border: 1px solid #ddd;
        height: 40px;
        overflow: hidden
    }
    .bank-list .bank-list-item:hover {
        color: #000
    }
    .bank-list:hover {
        height: auto
    }
    .bank-list:after {
        content: "";
        width: 0;
        height: 0;
        border-left: 5px transparent solid;
        border-right: 5px transparent solid;
        border-top: 5px solid #ddd;
        border-bottom: none;
        position: absolute;
        right: 5px;
        top: 15px
    }
    .checkout-finish {
        clear: both;
        position: relative;
        margin: 10px 0 0 0
    }
    .checkout-finish .checkout-btn {
        float: right;
        margin: 10px 18px 0 0;
        display: block;
        background: #ff8400;
        border: 1px solid #ccc;
        padding: 8px 18px;
        color: #fff;
        font-size: 1.2em;
        cursor: pointer
    }
    .checkout-finish .checkout-btn[disabled] {
        background: #aaa;
        border: 1px solid #758186
    }
    .wrap-login {
        width: 450px;
        margin: auto;
        float: none!important
    }
    .wrap-login-inner {
        width: 100%;
        position: relative
    }
    .tabGroup {
        width: 100%;
        background-color: #000;
        border-radius: 3px;
        padding-top: 5px;
        margin: 15px 0
    }
    .tabGroup:after {
        clear: both;
        display: block;
        content: ''
    }
    .tabGroup>input[type=radio] {
        position: absolute;
        left: -100px;
        top: -100px
    }
    .tabGroup>label.first {
        margin-left: 10px
    }
    .tabGroup>input[type=radio]+label {
        display: inline-block;
        border-bottom: 0;
        padding: 5px 10px;
        color: #fff;
        background-color: #000
    }
    .tabGroup>input[type=radio]:focus+label {
        border: 1px dashed #ddd
    }
    .tabGroup>input[type=radio]:checked+label {
        background-color: #fff;
        border-bottom: 1px solid #fff;
        margin-bottom: -1px;
        color: #333;
        border-top: 1px solid #000;
        border-radius: 3px 3px 0 0
    }
    .tabGroup>div {
        width: 100%;
        display: none;
        border: 1px solid #ddd;
        background-color: #fff;
        padding: 10px 10px;
        overflow: auto;
        border-radius: 0 0 3px 3px;
        border-top: none
    }
    .tab1:checked~.tab1,
    .tab2:checked~.tab2,
    .tab3:checked~.tab3 {
        display: block
    }
    .wrap-login-inner #login-account,
    .wrap-login-inner #regis-account {
        padding: 5px 10px 0 10px;
        position: relative
    }
    #login-account .newsletter {
        font-style: italic;
        margin-top: 7px
    }
    .float-right.newsletter {
        margin: 10px 0 20px
    }
    .wrap-login-inner .account-input {
        width: 100%;
        line-height: 20px;
        border: 1px solid #ddd;
        padding: 5px;
        margin: 5px 0
    }
    .tabGroup .fa-lg {
        font-size: 14px;
        margin: 0 5px 0 0;
        text-align: center;
        line-height: 14px
    }
    .wrap-login-inner .account-forget-pass,
    .wrap-login-inner .account-forget-pass a {
        line-height: 37px;
        color: #000;
        float: right;
        margin-bottom: 20px
    }
    .wrap-login-inner .login-social {
        border-top: 1px dashed #ddd;
        padding-top: 20px;
        padding-bottom: 0;
        position: relative
    }
    .wrap-login-inner .login-social:before {
        border-top: 1px dashed #ddd;
        background: #ddd;
        content: "Hoặc";
        width: 45px;
        height: 20px;
        position: absolute;
        top: -10px;
        left: 46%;
        border-radius: 10px;
        text-align: center;
        color: #666
    }
    .close-form {
        position: absolute;
        left: 530px;
        color: #fff;
        cursor: pointer;
        display: none
    }
    .close-form .fa-times-circle {
        font-size: 1.3em;
        margin-top: 6px
    }
    .reset-pass-form .account-input {
        line-height: 17px
    }
    .reset-pass-form #btnLoginSubmit {
        width: 50px
    }
    .account-forget-pass input[type=checkbox]:checked+label span {
        background: 0 0;
        width: 100px;
        height: 30px
    }
    .account-forget-pass input[type=checkbox]+label span {
        width: 100px;
        height: 30px;
        position: absolute;
        background: 0 0;
        border: none;
        right: 15px;
        z-index: 999
    }
    .attri-vals {
        display: table-cell
    }
    .info-prod>.title {
        display: inline-block;
        min-width: 84px!important;
        font-size: 15px
    }
    .op-select {
        font-size: 12px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-appearance: none;
        border: 1px solid #ddd;
        height: 26px;
        line-height: 26px;
        padding: 0 5px;
        color: #888
    }
    .info-prod>.info {
        font-size: 18px
    }
    .prod-select-price {
        display: table
    }
    .prod-select-price>.info,
    .prod-select-price>.title {
        display: table-cell
    }
    .spec-tip {
        font-style: normal;
        color: #58b3f0
    }
    .wrap-microsite {
        margin-top: 1px
    }
    .wrap-microsite img {
        height: auto
    }
    .body-microsite {
        width: 100%
    }
    .pg-prod-ls {
        text-align: center
    }
    .product-microsite p {
        margin-top: 10px
    }
    .product-microsite-item {
        position: relative;
        width: 224px;
        border: 1px solid #fff;
        background: #fff;
        line-height: 20px;
        text-align: left
    }
    .product-microsite-item:hover .buy-now-button {
        display: block;
        visibility: visible
    }
    .product-microsite-item:hover {
        border: 1px solid #ddd;
        box-shadow: 1px 1px 10px #eee;
        border-radius: 3px
    }
    li.col.prod-km-item {
        float: inherit;
        display: inline-block;
        vertical-align: top;
        margin: 10px 5px
    }
    li.col.prod-km-item.sperator {
        margin: 0;
        display: block
    }
    .product-microsite .home-product-title a {
        font-weight: 500;
        margin-bottom: 5px;
        color: #333
    }
    .product-microsite-item:hover .home-product-title a {
        color: #000
    }
    .product-microsite .list-product-meta-price {
        font-size: 1.5em
    }
    .product-microsite .txt-buy-now {
        height: 24px;
        color: #fff
    }
    .product-microsite .buy-now-button {
        margin: 8px;
        background: #000
    }
    .product-microsite .list-product-discount {
        right: 8px
    }
    .promo-wrap .promo-item {
        float: left;
        position: relative;
        overflow: hidden
    }
    .promo-item .promo-images {
        text-align: center;
        padding: 10px
    }
    .promo-item .promo-images img {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
        max-height: 250px
    }
    .promo-item .promo-title {
        font-weight: 500;
        padding: 0 10px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: -o-ellipsis-lastline
    }
    .promo-item .promo-subtitle {
        padding: 0 10px;
        margin: 4px 0;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: -o-ellipsis-lastline
    }
    .promo-item .promo-info {
        text-align: justify;
        line-height: 20px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden
    }
    .promo-item .promo-more {
        padding: 0;
        text-align: center;
        width: calc(100% - 20px);
        bottom: 10px;
        left: 10px
    }
    .promo-item .promo-more a {
        width: 48%;
        color: #fff;
        float: left;
        padding: 5px 0;
        background: #000
    }
    .promo-item .promo-more a:first-child {
        margin-right: 4%;
        background: #000
    }
    .promo-item .promo-time {
        clear: both;
        padding: 0 10px
    }
    .promo-time .time-end,
    .promo-time .time-start {
        color: #000;
        font-weight: 500
    }
    .promo-wrap .promo-item:hover .promo-more {
        display: block
    }
    .promo-wrap .promo-item:hover {
        border: 1px solid #ddd;
        box-shadow: 1px 1px 1px 1px #f5f5f5
    }
    .Box-paging-promo {
        width: 100%;
        margin: 20px 0 15px 0
    }
    .promo-time {
        line-height: 20px
    }
    .Promo-info-detail {
        padding: 10px;
        line-height: 26px;
        font-size: 1.15em
    }
    .Promo-info-detail .promo-desc {
        clear: both;
        padding-top: 5px
    }
    .Promo-info-detail td {
        border: 1px solid #333;
        padding: 5px
    }
    .Promo-info-detail a {
        color: #000
    }
    .Promo-info-detail em,
    .Promo-info-detail i {
        font-style: italic
    }
    .Promo-info-detail p {
        margin-top: 7px
    }
    .Promo-info-detail h1 {
        text-align: center;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 700;
        margin-bottom: 10px
    }
    .Promo-info-detail h3 {
        font-size: 1.15em;
        font-weight: 700;
        margin-top: 7px
    }
    .Promo-info-detail h2 {
        font-size: 1.25em;
        font-weight: 500;
        margin-top: 7px
    }
    .Promo-info-detail ul li {
        margin-left: 20px
    }
    .Promo-info-detail ul li:before {
        width: 4px;
        height: 4px;
        line-height: 4px;
        content: "";
        border-radius: 4px;
        position: absolute;
        background-color: grey;
        margin-top: 10px;
        margin-left: -10px
    }
    .Promo-info-detail img {
        max-width: 100%;
        height: auto
    }
    .Promo-product-relate {
        padding: 10px
    }
    .Promo-product-box {
        width: 100%;
        margin-bottom: 20px;
        border-radius: 3px;
        padding-top: 10px
    }
    .Promo-product-title h2 {
        font-size: 18px;
        color: #000;
        margin-bottom: 5px
    }
    .Promo-product-item {
        display: table-cell;
        position: relative;
        padding: 15px 9px;
        background: #fff;
        margin: 10px 11px;
        border: 1px solid #ddd
    }
    .promo-desc ol li {
        list-style-type: decimal;
        margin-left: 40px
    }
    .Promo-product-item .home-product-title {
        margin: 5px 0
    }
    ul#ticker-promos .ticker-active li span {
        width: 440px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .Promo-detail {
        width: 100%
    }
    .Box-list-promotions {
        width: 200px
    }
    .wrap-promotion {
        width: calc(100% - 220px)
    }
    .wrap-list-promo {
        border: 1px solid #ddd;
        border-radius: 3px
    }
    .title-promotion h1 {
        font-weight: 700;
        font-size: 20px;
        padding-bottom: 10px;
        text-transform: uppercase
    }
    .wrap-list-promo-title {
        background-color: #efefef;
        height: 34px
    }
    .wrap-list-promo-title h2 {
        font-weight: 500;
        line-height: 34px;
        text-align: center;
        font-size: 1.1em;
        text-transform: uppercase
    }
    .wrap-list-promo-body ul li {
        margin: 5px;
        border-bottom: 1px dashed #ddd;
        padding: 5px 0
    }
    .list-promo-item a:hover {
        color: #000
    }
    .list-promo-item.last {
        border-bottom: none
    }
    .promo-item-img {
        width: 50px;
        height: 50px;
        float: left;
        margin-right: 5px
    }
    .promo-item-img img {
        max-height: 100%;
        max-width: 100%
    }
    .promo-item-txt {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden
    }
    .Promo-product-detail {
        padding-top: 10px;
        width: 100%
    }
    .Promo-product-images {
        width: 300px;
        height: 300px;
        float: left;
        margin: 10px 20px 10px 0
    }
    .Promo-product-images img {
        max-width: 100%;
        max-height: 100%
    }
    .Promo-product-title h1 {
        font-size: 2em;
        color: #000;
        margin-right: 20px;
        font-weight: 500
    }
    .promo-product-subtitle {
        color: #003;
        font-size: 1.2em;
        margin-bottom: 5px
    }
    .Promo-sub {
        margin: 10px 0
    }
    .Promo-product-offer {
        margin-right: 50px
    }
    .row-offer>.title {
        display: inline-block;
        min-width: 100px!important
    }
    .row-offer.prod-brand {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .row-offer.prod-brand .info a {
        color: #000
    }
    .Promo-btn-order {
        cursor: pointer;
        font-size: 20px;
        height: 40px;
        width: 200px;
        text-align: center;
        border-radius: 3px
    }
    .Promo-btn-order .text-btn,
    .Promo-btn-order:active,
    .Promo-btn-order:hover {
        color: #fff
    }
    .Promo-btn-order .icon-spcart {
        background-size: 32px
    }
    .promo-product-content {
        margin-top: 10px
    }
    .body-sepcs.promo-sepcs {
        width: auto
    }
    .tabPromotion {
        width: 100%;
        border-radius: 3px;
        padding-top: 5px;
        position: relative
    }
    .tabPromotion:before {
        border-top: 2px solid #000;
        position: absolute;
        content: "";
        width: 100%;
        top: 40px
    }
    .tabPromotion:after {
        clear: both;
        display: block;
        content: ''
    }
    .tabPromotion>input[type=radio] {
        position: absolute;
        left: -100px;
        top: -100px
    }
    .tabPromotion>label.first {
        margin-left: 10px
    }
    .tabPromotion>input[type=radio]+label {
        display: inline-block;
        padding: 5px 10px;
        color: #333;
        cursor: pointer;
        font-size: 15px;
        border-bottom: 2px solid #ddd;
        margin-right: 10px
    }
    .tabPromotion>input[type=radio]:focus+label {
        border: 1px dashed #ddd
    }
    .tabPromotion>input[type=radio]:checked+label {
        background-color: #fff;
        color: #fff;
        border-radius: 4px 4px 0 0;
        border-bottom: 2px solid #000;
        background: #000;
        padding-top: 9px
    }
    .tabPromotion>div {
        display: none;
        background-color: #fff;
        overflow: auto;
        border-radius: 0 0 3px 3px;
        border-top: none
    }
    .tabContact {
        width: 100%;
        border-radius: 3px;
        padding-top: 5px;
        margin-top: 17px;
        position: relative
    }
    .tabContact:before {
        border-top: 2px solid #000;
        position: absolute;
        content: "";
        width: 100%;
        top: 40px
    }
    .tabContact:after {
        clear: both;
        display: block;
        content: ''
    }
    .tabContact>input[type=radio] {
        position: absolute;
        left: -100px;
        top: -100px
    }
    .tabContact>label.first {
        margin-left: 10px
    }
    .tabContact>input[type=radio]+label {
        display: inline-block;
        padding: 5px 10px;
        color: #333;
        cursor: pointer;
        text-transform: uppercase;
        font-size: 15px;
        border-bottom: 2px solid #ddd;
        margin-right: 10px
    }
    .tabContact>input[type=radio]:focus+label {
        border: 1px dashed #ddd
    }
    .tabContact>input[type=radio]:checked+label {
        background-color: #fff;
        color: #fff;
        border-radius: 4px 4px 0 0;
        border-bottom: 2px solid #000;
        background: #000;
        padding-top: 9px
    }
    .tabContact>div {
        display: none;
        background-color: #fff;
        padding: 10px 10px;
        overflow: auto;
        border-radius: 0 0 3px 3px;
        border-top: none
    }
    .container-panel .support-info-left {
        width: 202px;
        margin-top: 385px
    }
    .panel-right {
        margin-bottom: 20px;
        width: calc(100% - 220px)
    }
    .wrap-contact {
        width: 100%
    }
    .panel-title h1 {
        font-weight: 700;
        font-size: 20px;
        padding: 10px 0;
        text-transform: uppercase
    }
    .panel-info-title {
        font-size: 1.1em;
        padding-top: 10px
    }
    .panel-info-name {
        text-transform: uppercase;
        font-weight: 500;
        font-size: 16px;
        padding-top: 10px
    }
    .info-item {
        line-height: 20px;
        margin: 10px 0
    }
    .panel-about-title,
    .panel-jobs-title {
        font-size: 18px;
        margin-top: 15px;
        font-weight: 500
    }
    .about-content,
    .jobs-content {
        font-size: 1.15em
    }
    .about-content h2 {
        font-size: 18px;
        color: #000;
        margin-top: 15px;
        font-weight: 500
    }
    .about-content h3 {
        margin-top: 15px;
        font-weight: 500
    }
    .about-content p {
        margin-top: 7px
    }
    .about-content ol li,
    .about-content ul li {
        margin-left: 20px
    }
    .about-content ol li {
        list-style-type: decimal
    }
    .about-content ul li:before {
        width: 4px;
        height: 4px;
        line-height: 4px;
        content: "";
        border-radius: 4px;
        position: absolute;
        background-color: grey;
        margin-top: 10px;
        margin-left: -10px
    }
    .jobs-content {
        margin-top: 10px
    }
    .jobs-item {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px dashed #ddd;
        margin-bottom: 40px
    }
    .jobs-list ul li {
        list-style-type: circle;
        margin-left: 30px
    }
    .jobs-list ul li a,
    .jobs-list ul li a:hover {
        color: #000
    }
    .jobs-item-title {
        text-transform: uppercase;
        font-weight: 500;
        padding-bottom: 10px;
        color: green;
        font-size: 1.2em
    }
    .job_content p {
        margin-top: 7px
    }
    .job_content h3 {
        font-weight: 700;
        margin-top: 8px
    }
    .info-item .fa {
        padding-right: 5px;
        font-size: 1.4em;
        line-height: .75em;
        vertical-align: -3%;
        font-weight: 100
    }
    .info-item .title {
        font-weight: 500
    }
    .info-item .supp-hotline {
        font-weight: 500
    }
    .panel-input-contact .row-input-item {
        margin: 10px 0
    }
    .panel-form-mail {
        border-top: 1px dashed #ddd
    }
    .mail-to {
        color: #000
    }
    .input-account-form .input-form {
        display: inline-block;
        width: 35%
    }
    .input-form {
        border: 1px solid #ddd;
        background-color: #fdfdfd;
        height: 28px;
        color: #666;
        outline: 0;
        text-indent: 5px;
        border-radius: 2px
    }
    .input-item-title {
        font-weight: 500;
        margin-right: 10px;
        text-align: right;
        width: 110px;
        float: left;
        line-height: 32px
    }
    .input-form.row-input {
        width: 45%
    }
    .input-form.row-select {
        width: 25%;
        text-indent: 0
    }
    textarea.content {
        height: 100px
    }
    .patcha-info {
        width: 32%;
        margin-left: 10px;
        vertical-align: top
    }
    .input-form.input-patcha {
        width: 114px;
        height: 22px
    }
    .send-contact {
        margin: 10px 18px 0 0;
        display: block;
        background: #000;
        border: 1px solid #000;
        padding: 8px 35px;
        color: #fff;
        font-size: 1.2em;
        border-radius: 2px
    }
    .btn-contact {
        float: left;
        clear: both;
        margin-left: 25%;
        margin-top: 10px
    }
    .panel-map {
        clear: both;
        margin-top: 20px
    }
    .panel-map-title {
        font-weight: 500;
        margin: 10px 0
    }
    .panel-map-img img {
        max-width: 100%
    }
    .wrap-notfound {
        width: 100%;
        text-align: center
    }
    .notfound {
        display: inline-block;
        margin-top: 20px
    }
    .notfoundimg {
        float: left;
        text-align: center;
        margin-right: 10px
    }
    .notfoundimg img {
        width: 100%
    }
    .notfoundtext {
        float: left;
        line-height: 0;
        text-align: center;
        margin-left: 10px
    }
    .container-found .support-info-left,
    .wrap-serverError .support-info-left {
        width: 200px;
        margin-top: 10px
    }
    .error404 {
        font-size: 70px;
        line-height: normal
    }
    .txtfound {
        font-size: 16px
    }
    .txtopp {
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 10px;
        padding-bottom: 15px
    }
    .found-search {
        width: 485px;
        margin: 10px auto
    }
    .searchBox-found {
        background: #fff;
        width: 100%;
        padding: 0;
        float: left;
        position: relative
    }
    #btnFindSubmitPad-found {
        float: none;
        display: inline-block;
        height: 30px;
        background: #000;
        border: solid 1px #000;
        position: absolute;
        right: 0;
        top: 0
    }
    #btnFindSubmit-found {
        width: 100%;
        height: 100%;
        color: #fff;
        background: url(/theme/v1/images/search-icon-20.png) no-repeat 3px center;
        border: none;
        padding: 0 15px;
        text-indent: 10px;
        font-weight: 700
    }
    .txtQuery-found {
        width: 100%;
        margin: 0 36px 0 0;
        padding: 0;
        height: 30px;
        position: static;
        border: solid 1px #ddd;
        border-right: none;
        text-indent: 10px;
        outline: 0
    }
    .search-cat-found {
        outline: 0;
        -webkit-user-select: none;
        -webkit-appearance: none;
        position: absolute;
        right: 40px;
        border: none;
        top: 1px;
        height: 30px;
        border-left: 1px solid #eee;
        padding: 0 10px;
        color: #999
    }
    .tab-link-error {
        font-size: 16px
    }
    .tab-link-error a {
        border-right: 1px solid #333;
        padding: 0 10px
    }
    .tab-link-error .last {
        border: none
    }
    .tab-link-error a:hover {
        color: #000
    }
    .tab-link-error .fa {
        font-size: 1.05em;
        line-height: 0
    }
    .search0-right {
        margin-left: 202px;
        text-align: center;
        width: calc(100% - 220px);
        min-height: 480px
    }
    .search0img img {
        width: 100%
    }
    .txt-search0 {
        font-size: 16px;
        margin-bottom: 20px
    }
    .keysearch0 {
        color: #000;
        font-weight: 500
    }
    .Support-Left {
        width: 200px
    }
    .support-info-left.support {
        margin-top: 10px
    }
    .Support-Left .cat-menu-title h2 {
        letter-spacing: normal
    }
    .Support-Left .cat-tree-item img {
        padding-right: 7px
    }
    .wtitle.support {
        padding-right: 25px
    }
    .titleFrm-support {
        padding-top: 5px;
        padding-right: 5px;
        font-weight: 500
    }
    .frmSearch-support {
        padding-top: 4px
    }
    form#frmSearch-support {
        display: block;
        height: 100%;
        position: relative;
        float: left
    }
    .txt-search-support {
        width: 380px;
        padding: 0;
        height: 25px;
        position: static;
        border: solid 1px #ddd;
        text-indent: 10px;
        outline: 0
    }
    .btnSearch-support {
        float: none;
        display: inline-block;
        height: 24px;
        background: #68b207;
        border: solid 1px #68b207;
        position: absolute;
        right: -1px;
        top: 0
    }
    .btnFindSubmit-support {
        width: 100%;
        height: 100%;
        color: #fff;
        background: url(/theme/v1/images/search-icon-20.png) no-repeat 3px center;
        border: none;
        padding: 0 15px;
        text-indent: 10px;
        font-weight: 700
    }
    .pg-body li {
        list-style-type: circle;
        padding: 0!important;
        margin: 0 0 0 25px;
        line-height: 26px
    }
    .pg-header h2 {
        font-size: 18px;
        color: #31708f;
        font-weight: 700;
        margin: 7px 0
    }
    .pg-header h1 {
        text-align: center;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 700;
        margin-top: 10px
    }
    .pg-body h2 {
        font-size: 18px;
        font-weight: 700;
        margin: 7px 0;
        color: #000
    }
    .pg-body h3 {
        font-weight: 500;
        font-size: 16px;
        margin-top: 10px
    }
    .pg-body a {
        color: #000
    }
    .pg-body .info-gift a {
        color: #fff
    }
    .pg-footer {
        display: block;
        clear: both
    }
    .pg-footer h2 {
        font-size: 18px;
        color: #31708f;
        font-weight: 500
    }
    .cate-bar {
        border-bottom: solid 2px #ddd;
        margin: 0 0 10px 0
    }
    .cate-bar ul.info-tabs {
        margin: 0;
        padding: 0;
        list-style: none
    }
    ul.info-tabs li {
        background: 0 0;
        color: #333;
        display: inline-block;
        padding: 0;
        cursor: pointer;
        text-align: center;
        border: solid 1px #ddd;
        border-bottom: none;
        border-radius: 3px 3px 0 0
    }
    ul.info-tabs li a {
        padding: 4px 10px;
        display: block
    }
    ul.info-tabs li:first-child,
    ul.info-tabs li:first-child:hover {
        font-weight: 700;
        border: solid 1px #fff;
        border-bottom: none;
        background: #fff;
        padding-right: 30px
    }
    ul.info-tabs li.current {
        background: #ededed;
        color: #222;
        border: solid 1px #ddd;
        border-bottom: none;
        font-weight: 700;
        text-shadow: 1px 1px 0 #fff
    }
    ul.info-tabs li:hover {
        background: #000;
        border: solid 1px #ffb909;
        border-bottom: none
    }
    ul.info-tabs li h1 {
        display: block;
        font-size: 18px
    }
    ul.info-tabs li:hover a {
        color: #fff;
        text-shadow: none
    }
    .sub-pages-nav {
        border-top: solid 1px #ccc;
        margin-top: 10px;
        padding-top: 3px
    }
    .abc-bar {
        text-align: center
    }
    .abc-bar-head {
        line-height: 18px;
        margin-right: 10px;
        font-weight: 700;
        display: inline-block
    }
    .abc-bar a {
        display: inline-block;
        padding: 0;
        box-shadow: 0 0 2px rgba(0, 0, 0, .5);
        border-radius: 3px;
        line-height: 18px;
        margin-right: 5px
    }
    .abc-bar a.abc-active,
    .abc-bar a:hover {
        color: #000
    }
    .abc-bar a .first-char {
        display: inline-block;
        text-align: center;
        padding: 0 3px;
        font-weight: 700
    }
    .abc-bar a .char-qty {
        display: inline-block;
        text-align: center;
        background: #eee;
        text-shadow: 1px 1px 0 #fff;
        font-size: .85em;
        padding: 0 3px;
        line-height: 18px;
        float: right
    }
    ul.useful-read li {
        display: block;
        padding: 0 0 8px 8px;
        position: relative;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    ul.useful-read li:before {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        content: "";
        position: absolute;
        top: 3px;
        left: 0
    }
    ul.useful-read li a:hover {
        text-decoration: underline!important
    }
    ul.useful-read li a {
        color: #0094e6
    }
    .smart-filter {
        display: inline-block;
        position: relative
    }
    .smart-filter .pop-filter {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 100;
        min-width: 200px;
        border: solid 1px #ccc;
        background: #fff;
        visibility: hidden;
        opacity: 0;
        -moz-transition: opacity .5s linear;
        -o-transition: opacity .5s linear;
        -webkit-transition: opacity .5s linear;
        transition: opacity .5s linear
    }
    .smart-filter:hover .pop-filter {
        visibility: visible;
        opacity: 1
    }
    .smart-filter.hover .pop-filter {
        visibility: visible;
        opacity: 1
    }
    .pop-filter .cat-tree-item a:after {
        content: '';
        display: none
    }
    .pop-filter li {
        border: none!important
    }
    .range-active {
        color: #000;
        font-weight: 700
    }
    .count-item {
        margin-left: 5px
    }
    .range-active~.count-item {
        color: #000
    }
    .range-close-item .fa {
        font-size: 1.15em;
        color: #000
    }
    .cat-tree-item .count-item {
        border-radius: 50%;
        display: table-cell;
        width: 20px;
        line-height: 20px;
        text-align: center;
        padding-right: 5px;
        color: #999;
        font-weight: 400;
        font-size: .9em
    }
    .cat-tree-item.level1 {
        font-weight: 700
    }
    .cat-tree-item.level2 {
        padding-left: 20px
    }
    .cat-tree-item.level3 {
        padding-left: 30px
    }
    .cat-tree-item.level4 {
        padding-left: 40px
    }
    .cat-tree-item.level5 {
        padding-left: 50px
    }
    li.cat-tree-item.level2 a {
        color: #ffb909
    }
    li.cat-tree-item.level3 a {
        font-size: .9em;
        color: #6ec5fd
    }
    .ticker-container {
        height: 60px;
        width: 100%;
        text-align: center;
        position: relative;
        background-color: #fff;
        color: #000;
        font-size: 1em;
        margin-bottom: 15px
    }
    .ticker-container .ticker-caption {
        height: 50%;
        width: 100%;
        display: table;
        position: absolute;
        z-index: 1;
        text-transform: uppercase
    }
    .ticker-container .ticker-caption p {
        height: inherit;
        width: inherit;
        display: table-cell;
        vertical-align: middle;
        font-weight: 700
    }
    .ticker-container ul {
        list-style: none;
        padding: 0;
        height: auto
    }
    .ticker-container ul div {
        overflow: hidden;
        position: absolute;
        z-index: 0;
        display: inline;
        min-width: 100%;
        left: 0;
        height: 50%;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        -webkit-transition: .25s ease-in-out;
        transition: .25s ease-in-out
    }
    .ticker-container ul div.ticker-active {
        top: 30px;
        color: #000
    }
    .ticker-container ul div.not-active {
        top: 60px
    }
    .ticker-container ul div.remove {
        top: 0
    }
    .ticker-container ul div li {
        padding: 0
    }
    .ticker-container ul div li a {
        color: #000
    }
    @media(min-width:500px) {
        .ticker-container {
            height: 30px;
            text-align: left
        }
        .ticker-container .ticker-caption {
            height: 100%;
            width: 100px
        }
        .ticker-container .ticker-caption p {
            text-align: left;
            padding-left: 7px
        }
        .ticker-container ul {
            margin-left: 110px;
            height: 100%
        }
        .ticker-container ul div {
            height: 100%;
            left: 110px
        }
        .ticker-container ul div.ticker-active {
            top: 0
        }
        .ticker-container ul div.not-active {
            top: 30px
        }
        .ticker-container ul div.remove {
            top: -30px
        }
    }
    @media(min-width:768px) {
        .ticker-container {
            margin-bottom: 10px
        }
    }
    @media(min-width:992px) {
        .ticker-container {
            margin-bottom: 20px
        }
    }
    #cart-popup .modal-body {
        margin: 0;
        padding: 5px;
        position: relative;
        z-index: 20;
        overflow-y: visible
    }
    #cart-popup .modal-body iframe {
        border-radius: 5px
    }
    #cart-popup .modal-body button.close {
        position: absolute;
        top: 10px;
        right: 10px;
        background: #000;
        opacity: 1;
        border-radius: 10px;
        width: 20px;
        height: 20px;
        color: #fff;
        text-shadow: none;
        text-indent: 1px;
        font-size: 20px
    }
    #cart-popup .modal-dialog {
        width: 800px;
        margin-top: 60px
    }
    .modal-backdrop {
        z-index: 2999
    }
    .modal-backdrop {
        z-index: 2999;
        opacity: .8
    }
    @media screen and (max-width:800px) {
        #cart-popup {
            width: 100%;
            bottom: 0!important;
            top: inherit
        }
    }
    .sm_item {
        border: dotted 1px #ccc;
        border-bottom: none;
        display: block;
        padding: 3px 5px 3px 10px;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }
    #map {
        border-bottom: dotted 1px #ccc;
        -moz-column-width: 200px;
        -webkit-column-width: 200px;
        column-width: 200px
    }
    #map td {
        overflow: hidden;
        white-space: nowrap;
        width: 25%
    }
    #map a {
        text-decoration: none;
        line-height: 24px
    }
    #map .cat-icon img {
        max-width: 100%;
        max-height: 100%;
        border: none
    }
    #map .cat-icon {
        display: block;
        float: left;
        width: 24px;
        height: 24px;
        margin-right: 5px;
        padding: 1px;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }
    .sm_0 {
        font-weight: 500;
        font-size: 1.2em;
        text-transform: uppercase
    }
    .sm_0 a {
        color: #000
    }
    .sm_1 {
        font-weight: 500;
        font-size: 1.1em;
        padding-left: 10px
    }
    .sm_2 {
        padding-left: 25px
    }
    .sm_3 {
        padding-left: 40px
    }
    .sm_4 {
        padding-left: 55px
    }
    .sm_5 {
        padding-left: 70px
    }
    section.promo-summary img.small {
        text-align: left;
        float: left;
        margin: 3px 10px;
        vertical-align: middle
    }
    .btn-promo-more {
        display: block;
        width: 180px;
        margin: 10px auto
    }
    .support-form .box-inner {
        position: relative;
        z-index: 10
    }
    .support-form .box-close {
        position: absolute;
        top: -5px;
        right: -16px;
        display: block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        text-align: center;
        text-indent: 1px;
        color: #fff;
        font-size: 16px;
        line-height: 18px;
        text-shadow: 1px 1px 0 #888
    }
    .alert {
        display: block;
        z-index: 99999;
        border-radius: 0 0 5px 5px;
        margin-bottom: 15px
    }
    .social-box .social-button {
        display: block;
        padding: 0;
        margin: 0;
        white-space: nowrap;
        font-size: 0;
        max-height: 26px;
        float: left;
        overflow-y: hidden;
        padding-right: 20px;
        overflow-x: hidden
    }
    .phone-number a:active,
    .phone-number a:hover {
        color: #0092db;
        text-decoration: underline!important
    }
    .vldsum-pad {
        display: block;
        clear: both
    }
    .checkout-vld-sum:after,
    .checkout-vld-sum:before,
    .checkout-wrap:after,
    .checkout-wrap:before,
    .vldsum-pad:after,
    .vldsum-pad:before {
        content: '';
        display: block;
        clear: both
    }
    .checkout-vld-sum {
        float: left;
        display: inline-block;
        padding: 0 10px
    }
    .checkout-vld-sum>p>a {
        color: #fd0000;
        padding-left: 10px;
        line-height: 22px
    }
    .checkout-vld-sum>p>a:before {
        content: " - "
    }
    .checkout-vld-sum>p>a:active,
    .checkout-vld-sum>p>a:hover {
        text-decoration: underline
    }
    .checkout-vld-sum>p.sum-head {
        font-weight: 700;
        padding-left: 0;
        color: #fd0000;
        line-height: 22px
    }
    .checkout-cart:after,
    .checkout-cart:before,
    .sticky:after,
    .sticky:before {
        content: '';
        display: table;
        clear: both
    }
    .hover .fa {
        color: #000
    }
    .rate-sumary-item {
        width: 100%
    }
    a.review-rbt:hover {
        color: #000
    }
    a.review-rbt {
        color: #ffb909
    }
    span.review-count {
        color: #333
    }
    .rate-box-scroll {
        position: relative
    }
    .rvw-count {
        position: absolute;
        top: 11px;
        left: 23px;
        min-width: 26px;
        display: block;
        line-height: 16px;
        text-align: center;
        background: #ffb909;
        color: #fff;
        border: 2px solid #ffb909;
        font-size: .9em;
        font-weight: 500
    }
    .bar-buy.product-tabs ul li:hover a .rvw-count {
        color: #fff;
        background: #ffb909;
        border: 2px solid #fff;
        z-index: 10
    }
    .bar-buy.product-tabs ul li:hover a .rvw-count:after {
        content: '';
        position: absolute;
        border-width: 3px;
        border-color: #ffb909 transparent transparent transparent;
        border-style: solid;
        bottom: -6px;
        left: 8px
    }
    .list-color {
        text-align: center
    }
    @media(max-width:767px) {
        .top-fb-like {
            display: none
        }
        div#stickyheader {
            overflow: visible
        }
        div#stickyheader.static {
            border-bottom: solid 1px #ddd;
            box-shadow: none
        }
        div#stickyheader .col.item1 .box-product-tabs a {
            color: #999;
            line-height: 30px;
            display: block;
            padding: 0 10px 0 15px;
            font-size: 1.1em;
            height: 30px
        }
        .bar-buy.product-tabs ul li:last-child {
            float: right
        }
        #slideshow.fullscreen {
            border: none
        }
        ul.leftNavMenu {
            background: #fff
        }
    }
    div[data-fname=meta] .img-member-thumb {
        visibility: hidden;
        display: none
    }
    div[data-fname=meta] .name-member {
        font-weight: 700;
        color: #fb352b
    }
    div[data-fname=meta] .content-comments,
    div[data-fname=meta] .relate-comment {
        margin-left: 0
    }
    #expbanner {
        height: 70px
    }
    .ft-cats-links {
        margin: 0;
        padding: 0;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start
    }
    .ft-cats-links li {
        display: inline-flex;
        padding: 3px 5px 3px 5px;
        margin: 0;
        width: 160px
    }
    .ft-cats-links li a {
        color: #ffb909
    }
    .ft-cats-links li a:hover {
        text-decoration: underline
    }
    .ft-cats-links li img {
        margin-right: 5px
    }
    p>a {
        color: #333
    }
    p>a:hover {
        text-decoration: underline!important
    }
    .leftSubNavMenu p a:hover {
        text-decoration: none!important
    }
    @media(max-width:380px) {
        .sup-item .info-help-phone {
            padding-left: 3px
        }
        .useful-item label {
            display: none
        }
        .more-support {
            display: none
        }
    }
    @media(max-width:320px) {
        .sup-item .info-help-phone .name-user-help {
            margin-right: 3px;
            width: 55px;
            text-align: left;
            padding-left: 5px;
            font-size: .9em;
            margin-right: 3px
        }
        .name-user-help i {
            display: none
        }
        .tabGroup>input[type=radio]+label {
            width: 30%;
            text-align: center;
            padding: 5px 0
        }
    }
    @media(max-width:420px) {
        .topnav {
            position: relative;
            top: -100px
        }
        .tabGroup .login-social .signin-openID {
            display: block;
            float: inherit;
            text-align: center;
            width: auto;
            margin: 10px 0 0 0
        }
        .sup-item .info-help-phone span {
            white-space: nowrap
        }
        #btn-buy-primary,
        #btn-support {
            width: 100%!important
        }
        #btn-buy-primary {
            margin-bottom: 10px
        }
        .order-complete-middle-left,
        .order-complete-middle-right {
            width: 100%!important;
            margin: 0!important
        }
        iframe {
            width: 100%!important
        }
        .box-sort,
        .view-sort {
            display: none
        }
    }
    @media(max-width:767px) {
        @media(min-width: 560px) {
            .sup-item .info-help-phone>span {
                width: 30%
            }
        }
        body {
            margin-bottom: 86px
        }
        #slideshow.fullscreen {
            height: auto
        }
        .ft-cats-links li {
            margin: 0 10px
        }
        .topnav {
            position: relative;
            top: -80px;
            width: 40px;
            z-index: 1000;
            background: 0 0
        }
        .prod-descp img {
            max-width: 100%;
            height: auto;
            max-height: none
        }
        iframe {
            width: 100%!important
        }
        .home-slider {
            margin-bottom: 10px
        }
        .slider-nav {
            height: unset;
            bottom: 3px;
            top: unset;
            right: 3px;
            background: rgba(0, 0, 0, .5);
            border-radius: 3px;
            border: none
        }
        .slider-nav li {
            width: 33px;
            height: 33px;
            padding: 5px;
            float: left;
            clear: none;
            border: none;
            border-radius: 3px
        }
        .slider-nav li.active {
            border: solid 1px red
        }
        .slider-nav li.active:after,
        .slider-nav li.active:before {
            display: none
        }
        .slider-nav-title {
            display: none
        }
        .slider-nav-img,
        .slider-nav-img img {
            width: 23px;
            height: 23px;
            padding: 0;
            margin: 0
        }
        #catpage .Slider-banner,
        #ctl00_pageBody_buyerAddress_txtPhone,
        #homepage .brand-pad,
        #toplink,
        .account-link-pad,
        .bar-buy .ui-spinner.ui-widget,
        .bar-buy.col.prod-name,
        .box-delivery,
        .breadcrum-item img,
        .bx-contact,
        .cart-link-pad,
        .cart-product-images,
        .cart-product-price,
        .container-found .support-info-left,
        .content-Right,
        .form-item-title,
        .misa-tabs li:first-child,
        .pagination-item:nth-child(7),
        .pagination-item:nth-child(8),
        .pay-info-text .checkout-btn,
        .prod-rate.catalog-m span,
        .product-list-date,
        .product-list-id,
        .promo-summary img.small,
        .search-cat,
        .sub-links,
        .subcat-pad,
        .support-info-left,
        .top-right-nav,
        .wrap-account-left,
        .wrap-serverError .support-info-left,
        form#frmSearch .i-view-more {
            display: none!important
        }
        #searchpage .wtitle,
        .anchor-comment .text,
        .anchor-intro,
        .anchor-spec {
            display: none!important
        }
        .bar-buy.product-tabs ul li,
        .bar-buy.product-tabs ul li:hover {
            border-left: none;
            background: 0 0;
            margin-right: 0
        }
        .bar-buy.product-tabs ul li:hover {
            pointer-events: none
        }
        .bar-buy.product-tabs ul li:hover a {
            pointer-events: all
        }
        .bar-buy.product-tabs ul li:last-child {
            border-right: none
        }
        .bar-buy.product-tabs ul li .rvw-count {
            left: 5px
        }
        div#stickyheader .col.item1 .box-product-tabs a {
            line-height: 45px;
            padding: 0 0 0 5px;
            height: 45px
        }
        .content-Right {
            width: 100%;
            display: block!important
        }
        .prod-viewed {
            width: 100%
        }
        .prod-viewed-wrap {
            width: 100%
        }
        .txt-thumb-view {
            width: 195px
        }
        .leftNavMenu .menu-item {
            height: auto!important
        }
        .ft-cats-links li a,
        p>a {
            color: #333;
            font-weight: 400;
            font-size: 1.2em
        }
        a[data-id="382"]~.leftSubNavMenu {
            height: auto
        }
        a~.leftSubNavMenu {
            background: rgba(255, 255, 255, .9)!important;
            padding-left: 30px
        }
        .leftNavMenu .menu-item.hover {
            position: relative
        }
        .hover .leftNavMenu:before {
            position: absolute;
            content: "";
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid #fff;
            top: -10px;
            left: 23px
        }
        .leftSubNavMenu {
            position: static;
            max-width: 320px;
            margin: -1px 0 0 -1px
        }
        .breadcrum-item.hover .breadcrum-menu {
            min-width: 100%!important
        }
        #btn-buy-primary:after {
            content: "";
            display: block;
            font-size: .6em;
            line-height: 7px
        }
        .description-brand {
            margin: 0 10px 15px 10px!important
        }
        .checkout-finish .checkout-btn {
            float: initial!important;
            margin: 0 auto!important;
            width: 80%
        }
        .stickyheader-wrapper {
            width: 100%;
            height: 45px!important
        }
        #stickyheader {
            top: inherit!important;
            bottom: 0!important;
            box-shadow: 0 0 1px 1px rgba(0, 0, 0, .15)!important;
            height: 45px!important;
            line-height: 28px
        }
        #scrolltop {
            bottom: 4em!important
        }
        #stickyheader .item2 {
            float: inherit!important
        }
        .bar-buy.prod-price {
            line-height: 45px!important;
            font-size: 1.25em!important
        }
        .bar-buy .text-btn-buy {
            font-size: 1.2em!important;
            line-height: 35px!important;
            font-weight: 500;
            padding: 5px 6px!important
        }
        #cart-popup .modal-dialog,
        #center,
        #center .container,
        #contenedor,
        #top-banner .container,
        .Page-right,
        .box-delivery,
        .col.prod-order,
        .container-found .panel-right,
        .content-Left,
        .form-item .input-item,
        .more-support,
        .prod-offer,
        .social-box,
        .wrap-account-right,
        .wrap-serverError .panel-right {
            width: 100%!important;
            margin: 0;
            padding: 0;
            margin-bottom: 15px
        }
        .Page-left,
        .footer-meta-brand {
            width: 98%!important;
            margin: 0 1%!important
        }
        .footer-verified {
            float: left
        }
        #cart-popup .modal-dialog,
        #catalog {
            margin: 0!important
        }
        .cat-tree-sub {
            left: 32px!important;
            top: inherit!important
        }
        .zone-filter {
            margin-top: 10px
        }
        .order-complete-header-left {
            width: auto!important
        }
        input#btnFindSubmit {
            width: 30px;
            text-indent: 30px
        }
        .content-Left {
            padding: 0 8px
        }
        .leftNavMenu {
            top: 26px;
            left: -15px;
            width: 320px;
            margin-top: 16px;
            text-indent: 0;
            z-index: 1000
        }
        #header .container {
            display: block;
            height: 80px;
            padding-top: 4px
        }
        .account-box,
        .cart-box {
            right: 0!important;
            top: 32px!important
        }
        .account.hover .account-box:after,
        .account.hover .account-box:before,
        .cart.hover .cart-box:after,
        .cart.hover .cart-box:before {
            right: 9px
        }
        .logo {
            margin-top: 0
        }
        .account-box .fa {
            color: #000!important;
            width: auto!important;
            font-size: 14px!important
        }
        .cart-box.show {
            width: 95%!important;
            left: 0!important;
            margin: 0 10px;
            box-shadow: 0 0 4px #ccc
        }
        .list-product-freeship {
            text-indent: 5px;
            background: rgba(255, 185, 9, .28)
        }
        .product-list-count {
            width: 20%!important
        }
        .order-complete-inner {
            padding: 20px!important
        }
        .order-complete-header {
            position: relative
        }
        .label-search {
            margin: 0;
            display: table;
            BACKGROUND-COLOR: #fff;
            clear: both
        }
        .footer-meta-info {
            padding: 10px
        }
        .more-list-prod {
            width: calc(100% - 40px)
        }
        #center .container {
            display: block!important
        }
        .ship-time .ship-check {
            display: block!important;
            width: 100%!important
        }
        .top-info-right {
            margin-right: 16px;
            margin-top: 10px;
            float: none
        }
        .description-catalog {
            padding: 10px
        }
        .slider {
            left: 0;
            width: 100%;
            border: none
        }
        .footer-info,
        .label-search {
            left: 0;
            width: 100%
        }
        .slider img {
            width: 100%;
            height: auto!important
        }
        .more-prod {
            width: 100%!important;
            display: block;
            margin-top: 10px
        }
        .Slider-banner {
            height: 85px!important
        }
        #header {
            height: 47px;
            width: 100%
        }
        .body-product-catalog-list li {
            width: calc(50% - 20px)
        }
        .product-mode-list-item .short-description {
            padding-right: 10px
        }
        .product-catalog-item {
            width: 100%
        }
        .desc-xeo {
            margin: 5px 10px
        }
        .logo {
            width: 100%;
            height: 40px;
            display: none;
        }
        .logo-mb {
            display: block;
        }
        @media(min-width:767px) {
            .logo-mb {
                display: none;
            }
        }
        @media(max-width:350px) {
            .logo {
                margin-left: 10px
            }
            .account-box {
                right: -50px!important
            }
            .cart-box {
                right: 0
            }
        }
        .top-home-nav .home-item i {
            text-indent: -3px;
            font-size: 1.1em
        }
        .top-home-nav .home-item {
            overflow: hidden;
            height: 32px;
            margin-top: 4px
        }
        .bar-code {
            margin: 0!important
        }
        .top-home-nav {
            position: absolute;
            top: 0;
            width: 40px;
            height: 40px;
            border: none;
            background: 0 0;
            text-indent: 50px
        }
        .account,
        .cart {
            width: 32px;
            margin: 5px;
            padding: 0;
            position: absolute;
            right: 0
        }
        .account {
            right: 42px
        }
        .account .fa,
        .cart .fa {
            color: #ff8400;
            border-color: #fff;
            font-size: 1.4em;
            width: 27px;
            height: 27px
        }
        .cat-pad-header h2 {
            width: 80%
        }
        .home-product-pad {
            height: auto
        }
        .home-product-list {
            margin: 0;
            width: 100%;
            height: 495px;
            overflow: hidden
        }
        .home-product-banner {
            display: none;
            min-height: 89px
        }
        #homepage .list-product-item {
            width: 50%;
            margin: 0 0 0 -1px;
            border-bottom: 1px solid #ddd;
            height: 252px
        }
        .more-prod .more-prod-item {
            width: 90%!important
        }
        .slide {
            width: 100%!important;
            min-height: 98px
        }
        .ac_results {
            width: calc(100% - 10px)!important;
            left: 5px!important;
            border: none!important;
            box-shadow: 0 2px 10px #888
        }
        .ac_results td {
            font-family: Roboto, Arial, sans-serif, 'Open Sans';
            font-size: 13px
        }
        #footer .container,
        #slideshow.fullscreen,
        .rate-box {
            border: none;
            padding: 0
        }
        .footer-info h2 {
            background-color: #ffb909;
            color: #fff;
            text-indent: 20px;
            line-height: 25px;
            text-transform: none;
            margin-top: 10px
        }
        .footer-info .footer-list {
            margin: 0 30px
        }
        .footer-info .footer-info-last {
            margin: 10px
        }
        .footer-meta-info h3 {
            font-size: 1.2em
        }
        .footer-meta-info-brand {
            width: 100%;
            margin-bottom: 10px
        }
        .body-sepcs li span {
            border: none;
            min-width: auto;
            display: inline-block
        }
        .body-sepcs li span.item-before:after {
            content: ": "
        }
        #catpage .Slider-banner .slides {
            width: 100%
        }
        .col.body-product-catalog-grid li {
            width: 48%
        }
        .rate-box {
            margin-bottom: 20px;
            border: none!important
        }
        .rate-comments {
            width: 100%;
            margin: 0;
            border-top: 1px solid #ddd;
            padding: 15px
        }
        .form-comment {
            min-height: auto!important
        }
        .page-comment {
            text-align: center;
            margin: 0
        }
        .info-prod.prod-brand,
        .txt-nsx {
            float: none;
            font-size: 1.1em;
            width: 100%!important
        }
        .wtitle .fa-angle-right,
        label.form-item {
            margin-left: 5px!important
        }
        .checkout-left {
            width: 100%;
            margin: 20px 0 0 0
        }
        .form-input-purchase {
            margin: 20px!important
        }
        .col.breadcrum {
            padding: 5px
        }
        .wtitle ol li {
            line-height: 23px!important
        }
        #catpage .wtitle {
            display: none
        }
        .prod-offer {
            margin-top: 10px
        }
        .text-btn {
            width: auto!important;
            font-size: 17px
        }
        .btn-order-icon {
            width: 40px!important
        }
        #contenedor {
            width: 100%!important;
            display: block!important;
            overflow: hidden
        }
        .prod-title h1 {
            font-size: 1.5em!important
        }
        .info-prod.prod-price.freeship {
            margin-bottom: 15px
        }
        div.logo {
            background: 0 0
        }
        #homepage .list-prod-related {
            height: auto!important
        }
        #homepage .list-product-item-related,
        .payment-method,
        .shipping-method {
            width: 100%!important;
            height: auto!important
        }
        #homepage .home-product-title a {
            margin: 0 10px;
            font-size: 14px
        }
        #homepage .Box-related-prod {
            border-bottom: 1px solid #ddd
        }
        .detail-info-phone .phone-number a,
        .phone-number a,
        .sup-item .info-help-phone span a {
            color: #000!important
        }
        .input-account-form,
        .prod-rate {
            clear: both
        }
        .button-comment {
            margin-left: 0!important
        }
        .checkout-cart-list .cart-product-money,
        .checkout-cart-list .cart-product-name,
        .checkout-cart-title .cart-product-money,
        .checkout-cart-title .cart-product-name {
            width: 30%!important
        }
        .checkout-cart-list .cart-product-count,
        .checkout-cart-title .cart-product-count {
            width: 20%!important
        }
        .bill-row .text-right {
            width: auto!important
        }
        .checkout-footer-left {
            width: auto!important;
            padding: 0;
            border: none
        }
        .checkout-footer-right {
            width: auto!important;
            float: right!important
        }
        .account-row-left,
        .wrap-profiles-address {
            width: 100%
        }
        .product-list-details .product-list-price,
        .product-list-details .product-list-status,
        .product-list-details .product-list-total-price,
        .product-list-title .product-list-price,
        .product-list-title .product-list-status,
        .product-list-title .product-list-total-price {
            width: 25%
        }
        .product-list-details .product-list-name,
        .product-list-title .product-list-name {
            width: 50%
        }
        .order-complete-product-list .product-list-details .product-list-name,
        .order-complete-product-list .product-list-title .product-list-name {
            width: 50%
        }
        .order-complete-product-list .product-list-details .product-list-details .product-list-status,
        .order-complete-product-list .product-list-details .product-list-price,
        .order-complete-product-list .product-list-details .product-list-title .product-list-status,
        .order-complete-product-list .product-list-title .product-list-price {
            display: none;
            width: 0
        }
        .order-complete-product-list .product-list-details .product-list-count,
        .order-complete-product-list .product-list-title .product-list-count {
            width: 10%
        }
        .order-complete-product-list .product-list-details .product-list-total-price,
        .order-complete-product-list .product-list-title .product-list-total-price {
            width: 30%
        }
        .account-row {
            padding: 0 15px!important
        }
        .product-list-item-left {
            width: 29%!important;
            margin-right: 1%!important
        }
        .product-list-item-right {
            width: 70%!important
        }
        .buy-now {
            position: relative!important;
            width: 146px!important;
            margin: 0 0 0 10px!important;
            top: 10px!important
        }
        .button-buy .text-btn-buy {
            line-height: 35px
        }
        .wrap-login {
            width: 96%!important;
            margin: 0 auto
        }
        .promo-wrap .promo-item {
            width: 96%;
            margin: 0 2% 10px;
            border: 1px solid #ddd;
            height: auto
        }
        .promo-item .promo-more {
            display: block;
            position: static;
            margin: 10px auto
        }
        .Promo-product-item {
            width: calc(100% - 34px)
        }
        .product-catalog-item {
            border-top: 1px solid #ddd!important
        }
        .body-product-catalog-grid ul {
            display: flex;
            -ms-flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap
        }
        .buy-now-button {
            visibility: visible!important
        }
        .buy-now-button a {
            color: #fff
        }
        input#ctl00_pageBody_buyerAddress_txtPhone {
            margin-top: 15px
        }
        .wrap-microsite {
            width: 96%;
            margin: 0 2%
        }
        .product-microsite-item {
            border: 1px solid #ddd!important;
            box-shadow: 1px 1px 1px 1px #f5f5f5;
            width: 100%!important;
            padding-top: 10px
        }
        .product-microsite-item .buy-now-button {
            display: block
        }
        li.col.prod-km-item {
            margin: 5px!important;
            width: calc(100% - 10px)!important
        }
        .spot-ps:hover nav {
            all: unset;
            display: none
        }
        .info-support {
            overflow-x: hidden
        }
        input[type=number],
        input[type=password],
        input[type=tel],
        input[type=text],
        textarea {
            font-size: 12px
        }
        .leftNavMenu .menu-item a {
            font-size: 16px
        }
        ul.info-tabs li:first-child {
            padding: 5px 10px
        }
        #homepage .wtitle ol li.breadcrum-item:first-child {
            display: none
        }
        #homepage .wtitle ol li.breadcrum-item:nth-child(2) {
            display: none
        }
        #stickyheader .container {
            padding: 0 5px
        }
    }
    @media(max-width:500px) {
        ul.info-tabs {
            text-align: center
        }
        ul.info-tabs li:first-child {
            clear: both;
            display: block
        }
        ul.info-tabs li.li-tab-ds {
            clear: left
        }
        .home-product-title a,
        .list-product-meta-price {
            font-weight: 400
        }
        .cat-bar-item {
            padding: 0 5px
        }
    }
    @media(max-width:500px) {
        .voice-mic {
            right: 32px
        }
    }
    #jquery-overlay {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px
    }
    #jquery-lightbox {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0
    }
    #jquery-lightbox a img {
        border: none
    }
    #lightbox-container-image-box {
        position: relative;
        background-color: #fff;
        width: 250px;
        height: 250px;
        margin: 0 auto
    }
    #lightbox-container-image {
        padding: 10px
    }
    #lightbox-loading {
        position: absolute;
        top: 40%;
        left: 0;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0
    }
    #lightbox-nav {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10
    }
    #lightbox-container-image-box>#lightbox-nav {
        left: 0
    }
    #lightbox-nav a {
        outline: 0
    }
    #lightbox-nav-btnNext,
    #lightbox-nav-btnPrev {
        width: 49%;
        height: 100%;
        zoom: 1;
        display: block
    }
    #lightbox-nav-btnPrev {
        left: 0;
        float: left
    }
    #lightbox-nav-btnNext {
        right: 0;
        float: right
    }
    #lightbox-container-image-data-box {
        font: 10px Verdana, Helvetica, sans-serif;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.4em;
        overflow: auto;
        width: 100%;
        padding: 0 10px 0
    }
    #lightbox-container-image-data {
        padding: 0 10px;
        color: #666
    }
    #lightbox-container-image-data #lightbox-image-details {
        width: 70%;
        float: left;
        text-align: left
    }
    #lightbox-image-details-caption {
        font-weight: 700
    }
    #lightbox-image-details-currentNumber {
        display: block;
        clear: left;
        padding-bottom: 1em
    }
    #lightbox-secNav-btnClose {
        width: 66px;
        float: right;
        padding-bottom: .7em
    }
    .ac_results {
        padding: 0;
        border: 1px solid #000;
        background-color: #fff;
        overflow: hidden;
        z-index: 99999
    }
    .ac_results ul {
        width: 100%;
        list-style-position: outside;
        list-style: none;
        padding: 0;
        margin: 0
    }
    .ac_results li {
        margin: 0;
        padding: 2px 5px;
        cursor: default;
        display: block;
        font: menu;
        font-size: 12px;
        line-height: 16px;
        overflow: hidden
    }
    .ac_odd {
        background-color: #eee
    }
    .ac_over,
    .ac_over .ac-price,
    .ac_over a {
        background-color: #080;
        color: #fff
    }
    .ac_down {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #1f98c7;
        display: inline-block
    }
    .ac-btn {
        margin-left: 20px;
        color: #0070be
    }
    .ac-brand {
        color: #0070be
    }
    .ac-price {
        color: #dc0a23
    }
    .ac-img img {
        border-radius: 50%
    }
    .new-supp-relate ul {
        width: 100%;
        float: left
    }
    .list-new-item {
        float: left;
        margin-bottom: 30px;
        width: 100%
    }
    .list-cuahang {
        float: left;
        margin-bottom: 30px;
        width: 25%;
        padding: 10px;
        list-style: none
    }
    @media(max-width: 766px) {
        .list-cuahang {
            width: 100%;
        }
    }
    .list-cuahang article {
        border: 1px solid #d7d7d7;
        padding: 10px;
        height: 130px
    }
    .link_map {
        float: right;
        text-decoration: underline;
        font-style: italic;
        font-weight: 100;
        font-size: 14px
    }
    .title-city {
        width: 100%;
        margin-bottom: 10px;
        padding-bottom: 10px;
        line-height: 22px;
        font-weight: 700;
        font-size: 18px;
        color: #000;
        margin-top: 0;
        border-bottom: 1px solid #e9e9e9
    }
    .list-cuahang img,
    .list-new-item img {
        float: left;
        margin-right: 10px
    }
    .new-title {
        font-size: 18px;
        font-weight: 700;
        display: block;
        margin-bottom: 5px
    }
    .new-img {
        margin-top: 10px
    }
    .new-img img {
        width: 200px;
        height: 200px
    }
    .new-desc-box p {
        font-size: 15px;
        margin-bottom: 15px
    }
    #news_artical * {
        font-family: arial, helvetica, sans-serif;
        font-size: 15px
    }
    #news_artical img {
        max-width: 100%!important;
        height: auto!important
    }
    .see_now {
        position: absolute;
        top: 185px;
        background: #fe4a06;
        width: 92%;
        height: 40px;
        text-align: center;
        color: #fff;
        margin-top: 0px;
        font-size: 28px;
        left: 10px;
        text-transform: uppercase;
        display: none;
    }
    .see_now a {
        color: #fff;
    }
    .list-product-item:hover .see_now {
        display: block;
    }
    .item-wrap {
        margin: 5px;
        border: 1px solid #f2eded;
        height: 365px;
    }
    @media(max-width: 766px) {
        .item-wrap {
            margin: 5px;
            border: 1px solid #f2eded;
            height: 310px;
        }
    }
    .item-wrap:hover {
        position: relative;
        z-index: 6;
        -webkit-box-shadow: 0 0 5px 3px rgba(230, 219, 219, .55);
        -moz-box-shadow: 0 0 5px 3px rgba(230, 219, 219, .55);
        box-shadow: 0 0 5px 3px rgba(230, 219, 219, .55);
    }
    .more-support {
        padding: 25px;
        background: #f2f2f2;
    }
    .more-support-header {
        background: #2bb673;
        margin-top: 10px;
        text-align: center;
        color: white;
    }
    .promo-header-text {
        font-size: 27px;
        text-transform: uppercase;
        font-weight: 600;
    }
    .list-product-cate {
        width: 20% !important;
        height: 265px !important;
    }
    .list-product-cate-detail {
        width: 20% !important;
        height: 380px !important;
    }
    .w100 {
        width: 100%;
    }
    .leftNavMenu li a {
        display: inline-block;
        width: auto;
        line-height: 35px;
        padding: 0;
        text-decoration: none;
        color: #ffffff;
    }
    /*--- Hide Sub Sublists ---*/
    .leftNavMenu li:hover ul ul {
        display: none;
    }
    /*--- Sublevel UL's display and position on hover ---*/
    .leftNavMenu li:hover ul {
        display: block;
    }
    .leftNavMenu li li:hover ul {
        margin-left: 200px;
        margin-top: -35px;
        display: block;
    }
    .footer-map {
        /* background-image: url(/pictures/common/map_left.png); */
        background: #b8b9bb;
        border-right: 2px solid white;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .mt-20 {
        margin-top: 20px;
    }
    #subcribe {
        padding: 0;
        float: left;
        position: absolute;
        width: 240px;
    }
    #btnSubSubmit {
        float: none;
        display: inline-block;
        height: 40px;
        background: #fc4c02;
        border: solid 1px #ccc;
        position: absolute;
        right: 12px;
        top: 0;
        width: 70px;
        border-radius: 25px;
    }
    .cat-tree-sub-box li {
        border: 1px solid #f2f2f2;
        height: 40px;
    }
    .cat-tree-sub-box li:hover {
        height: 40px;
        background: #f2f2f2;
    }
    .prod-offer {
        border-bottom: 3px dotted #f1f1f1;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .color-select {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .color-select-choice {
        margin-left: 15px;
        width: 35%;
        height: 30px;
    }
    @media(max-width:766px) {
        .color-select-choice {
            width: 60%
        }
    }
    .color-select-text {
        font-weight: bold;
        font-size: 18px;
    }
    @media(max-width:766px) {
        .cat-pad-header h2 a {
            font-size: 16px !important;
        }
    }
    .call-now-mb {
        display: none;
    }
    @media(max-width:766px) {
        .call-now-mb {
            position: fixed;
            left: 0px;
            bottom: 0px;
            background: #fc4c01;
            color: white;
            border-radius: 0px 15px 0px 0px;
            height: 35px;
            display: block;
            padding: 10px 10px;
            z-index: 100;
        }
    }
    .address-mb {
        display: none;
    }
    @media(max-width:766px) {
        .address-mb {
            position: fixed;
            right: 0px;
            bottom: 0px;
            background: #2bb673;
            ;
            color: white;
            border-radius: 15px 0px 0px 0px;
            height: 35px;
            display: block;
            padding: 10px 10px;
            z-index: 100;
        }
        .phone-city-footer {
            font-size: 20px;
        }
        .city-name-footer {
            font-size: 20px;
        }
        .bot-info p {
            font-size: 18px !important;
        }
        .pc {
            display: none !important;
        }
    }
    @media(min-width:768px) {
        .mb {
            display: none !important;
        }
    }
    .header-call {
        line-height: 25px;
        border-bottom: 1px solid #eddfdf;
    }
    .header-cart {
        height: 35px;
        border-right: 1px solid;
        padding-right: 20px;
    }
    @media(max-width: 766px) {
        .header-cart {
            height: 28px;
        }
    }
    .header-phone {
        padding: 5px 10px 5px 10px;
        position: absolute;
        right: -25px;
        top: 20px;
        height: 35px;
        line-height: 25px;
        z-index: 1;
        background: #fc4c02;
        pointer-events: none;
        border-radius: 15px;
        color: #fff;
        font-size: 18px;
    }
    .header-cart-zone {
        margin-top: 10px;
    }
    @media(max-width: 766px) {
        .header-cart-zone {
            margin-top: 20px;
        }
    }
    .icon-more-submenu {
        float: right;
        padding: 10px;
    }
    .mt-10 {
        margin-top: 10px;
    }
    .tabs {
        display: block;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0;
        overflow: hidden;
    }
    .tabs [class^="tab"] label,
    .tabs [class*=" tab"] label {
        color: #000;
        cursor: pointer;
        display: block;
        font-size: 1.1em;
        font-weight: 300;
        line-height: 1em;
        padding: 2rem 0;
        text-align: center;
        border: 1px solid #e4cdcd;
    }
    .tabs [class*=" tab"] label:hover,
    .tabs [class^=" tab"] label:hover {
        background: #fc4c02;
        color: #efedef;
    }
    .tabs [class^="tab"] [type="radio"],
    .tabs [class*=" tab"] [type="radio"] {
        border-bottom: 1px solid rgba(239, 237, 239, 0.5);
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: block;
        width: 100%;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .tabs [class^="tab"] [type="radio"]:checked+div,
    .tabs [class*=" tab"] [type="radio"]:checked+div {
        opacity: 1;
    }
    .tabs [class^="tab"] [type="radio"]+div,
    .tabs [class*=" tab"] [type="radio"]+div {
        display: block;
        opacity: 0;
        padding: 2rem 0;
        width: 90%;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .tabs .tab-2 {
        width: 50%;
    }
    .tabs .tab-2 [type="radio"]+div {
        width: 200%;
        margin-left: 200%;
    }
    .tabs .tab-2 [type="radio"]:checked+div {
        margin-left: 0;
    }
    .tabs .tab-2:last-child [type="radio"]+div {
        margin-left: 100%;
    }
    .tabs .tab-2:last-child [type="radio"]:checked+div {
        margin-left: -100%;
    }
    .tab-header:hover {
        background: #fc4c02;
        color: #fff !important;
    }
    .viewmore {
        text-align: center;
        color: #fc4c02;
        font-size: 20px;
    }
    .logo-mb img {
        margin-left: 35px;
        height: 35px;
    }
    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: #f2f2f2;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 20px;
        z-index: 9999;
    }
    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 14px;
        color: #818181;
        display: block;
        border-bottom: 1px solid;
        transition: 0.3s;
    }
    .sidenav button {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 14px;
        color: #818181;
        display: block;
        border-bottom: 1px solid;
        transition: 0.3s;
        width: 100%;
        text-align: left;
        border: none;
        border-bottom: 1px solid;
    }
    .sidenav a:hover {
        color: #f1f1f1;
    }
    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        border: none;
    }
    @media screen and (max-height: 450px) {
        .sidenav {
            padding-top: 15px;
        }
        .sidenav a {
            font-size: 18px;
        }
    }
    .menu-mb {
        padding-left: 0px;
    }
    .sub-menu-mb {
        padding-left: 0px;
        background: #ffffff;
    }
    .item-color-list {
        left: 30%;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 30%;
        top: 150px;
        height: 25px;
        line-height: 25px;
        z-index: 1;
        pointer-events: none;
    }
    /* The bar container */
    .bar-container {
        width: 100%;
        background-color: #f1f1f1;
        text-align: center;
        color: white;
    }
    /* Individual bars */
    .bar-5 {
        width: 60%;
        height: 18px;
        background-color: #ffb806;
    }
    .bar-4 {
        width: 30%;
        height: 18px;
        background-color: #ffb806;
    }
    .bar-3 {
        width: 10%;
        height: 18px;
        background-color: #ffb806;
    }
    .bar-2 {
        width: 4%;
        height: 18px;
        background-color: #ffb806;
    }
    .bar-1 {
        width: 15%;
        height: 18px;
        background-color: #ffb806;
    }
    .modal-backdrop {
        background-color: #0000007a !important;
    }
    .cart-popup-list {
        border-bottom: 1px solid #d2bdbd;
        padding: 20px 0px;
    }
    .cart-popup-total {
        padding: 20px 10px;
    }
    .cart-popup-total h3 {
        font-size: 18px;
    }
    .cart-popup-total p {
        font-size: 16px;
    }
    .cart-total {
        margin: 0px;
        padding: 1px;
        position: absolute;
        top: 12px;
        left: 25px;
        height: 15px;
        line-height: 15px;
        z-index: 1;
        background: #fc4c02;
        pointer-events: none;
        border-radius: 65px;
        color: white;
    }