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: 0.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: -0.5em;
}

sub {
  bottom: -0.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: 0.35em 0.625em 0.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 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.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, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.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, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 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: 0.2;
}

.close:focus,
.close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.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: 1500px;
  overflow: hidden;
}

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

.show-more::before {
  height: 55px;
  content: -webkit-gradient(
    linear,
    0 100%,
    0 0,
    from(#fff),
    color-stop(0.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: 0.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: 0.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;
  text-align: justify;
}

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

div {
  display: block;
}

b,
strong {
  font-weight: 700;
  line-height: 2.2;
}

.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;
  margin-bottom: 10px;
}

.logo h1 {
  margin-top: 0;
}

.cat-pad-top li a {
  color: #fc4c02;
  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: 10%;
  top: 10px;
  position: absolute;
}

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, 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;
    border-radius: 25px;
  }
  .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: 0.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, 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;
  list-style: none;
}

.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: 0.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 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.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;
  margin-left: 10%;
}

.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: 0.9em;
  text-indent: -13px;
}

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

.leftSubNavMenu p a {
  color: #222 !important;
  font-size: 0.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, 0.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: 0.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: 0.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: 0.9em;
  color: #000;
  display: block;
}

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

.cat-pad:nth-child(4n + 1) .cat-pad-header {
  border-bottom: 2px solid #fc4c02;
}

.cat-pad:nth-child(4n + 2) .cat-pad-header {
  border-bottom: 2px solid #fc4c02;
}

.cat-pad:nth-child(4n + 3) .cat-pad-header {
  border-bottom: 2px solid #fc4c02;
}

.cat-pad:nth-child(4n + 4) .cat-pad-header {
  border-bottom: 2px solid #fc4c02;
}

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

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

.cat-pad:nth-child(4n + 1) .cat-pad-header h2 {
  background: #fc4c02;
  text-align: center;
}

.cat-pad:nth-child(4n + 2) .cat-pad-header h2 {
  background: #fc4c02;
  text-align: center;
}

.cat-pad:nth-child(4n + 3) .cat-pad-header h2 {
  background: #fc4c02;
  text-align: center;
  padding-left: 25px;
}

.cat-pad:nth-child(4n + 4) .cat-pad-header h2 {
  background: #fc4c02;
  text-align: center;
}

.cat-pad-header h2 a {
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
  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: 20%;
  height: auto;
  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, 0.3);
}

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

.list-product-color {
  margin: 0;
  padding: 0;
  position: absolute;
  right: 110px;
  top: 200px;
  /* z-index: 1;*/
  display: none;
}

.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, 0.8);
  z-index: 999;
  position: relative;
  padding: 5px;
  display: none;
  color: #fff;
  font-size: 0.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: 0.85em;
  font-weight: 500;
  display: block;
  margin-top: 28px;
  color: #000;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.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: 0.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;
}
.item-wrap .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, 0.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: bold;
  margin: 0 10px;
  display: block;
  text-align: center;
  text-transform: uppercase;
  color: black;
}
.name-brand {
  margin: 2px 10px;
}
.name-brand a {
  color: #080;
}
.list-product-item:hover .home-product-title a {
  color: #ff8400;
}
.list-product-price {
  width: 100%;
  text-align: center;
}
.list-product-meta-price {
  color: #fc4c02;
  font-weight: 700;
  font-size: 14px;
}
.list-product-old-price {
  text-decoration: line-through;
  font-size: 0.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: 0.9em;
  line-height: 18px;
  font-family: Arial;
  border-radius: 3px;
  color: #fff;
  background: rgba(102, 102, 102, 0.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, 0.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: 0.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: 0.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: 0.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, 0.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: 0.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: 0.9em;
  color: #fff;
  text-indent: 28px;
  background: rgba(218, 37, 28, 0.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: 0.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: 100%;
    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 {
    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;
  }
  .home-product-pad {
    width: 80%;
  }

  #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, 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: 50%;
  }
  .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 (min-width: 992px) {
  .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: 80%;
  }
  .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: 0.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, 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: 0.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, 0.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: 0.9em;
  cursor: pointer;
}
.date-reply {
  color: #888;
  font-size: 0.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 0.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 0.2s;
  -o-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.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: 0.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: 0.95em;
}
#ajxInicator {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.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, 0.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 0.5s;
  -o-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.spot-ps:hover nav {
  visibility: visible;
  opacity: 0.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, 0.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: 50px;
  margin-top: 20px;
  margin-left: 20px;
}
#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: 25px;
  color: #000;
  margin-right: 20px;
  margin-top: 0 !important;
  text-transform: uppercase;
  font-weight: 700;
}
.prod-title h1 sup {
  font-size: 0.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, 0.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: 0.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 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.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, 0.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: 2em;
  font-weight: 700;
  color: #fc4c02;
  display: inline-block;
  line-height: 28px;
  vertical-align: top;
  margin-bottom: 20px;
}
.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: 0.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: 0.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: 0.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, 0.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, 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: 0.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: 0.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, 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: 0.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: #459d02;
  color: #fff;
  font-size: 0.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, 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, 0.97);
  line-height: 22px;
  border: none;
  font-size: 0.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: 0.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, 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: -0.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);
  text-align: center;
}
.no-bg {
  background: transparent !important;
}
.widget-footer h2 {
  line-height: 40px;
  font-size: 20px;
  text-align: center;
}
.widget-footer h3 {
  font-size: 52px;
  font-weight: bold;
  text-align: left;
  color: #414143;
}
.widget-footer h4 {
  line-height: 20px;
  font-size: 14px;
  color: #989996;
  text-align: center;
}
.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;
  text-align: center;
}
.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: 0.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: 34%;
  font-size: 12px;
}
.prod-rate.catalog-m span {
  white-space: nowrap;
  font-size: 0.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 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.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(0.8);
  transition: 0.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: 0.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;
  list-style: none;
}
.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: 0.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: disc;
  line-height: 2.2;
}
.group-cart-product-item .cart-product-item {
  border-bottom: 1px dotted #f7f7f7;
  padding-bottom: 5px;
  width: 100%;
  float: left;
  padding-top: 8px;
  list-style: none;
}
.group-cart-product-item .cart-product-item:last-child {
  border-bottom: none;
}
.checkout-cart-list {
  width: 100%;
}
.cart-product-item ul li {
  float: left;
  list-style: none;
}
.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: 0.9em;
}
.checkout-cart-list .add-number {
  margin-right: 0;
}
.cart-product-gift {
  color: #f34580;
  font-size: 0.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: 0.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, 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: 0.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 0.5s linear;
  -o-transition: opacity 0.5s linear;
  -webkit-transition: opacity 0.5s linear;
  transition: opacity 0.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: 0.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: 0.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: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.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: 0.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: 0.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: #fc4c02;
}
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: 0.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, 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, 0.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: 0.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, 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, 0.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;
    margin-bottom: 5%;
    margin-left: 5%;
  }
  .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%;
  }
  .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;
    margin-top: 40px;
  }
  .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: 12px;
  }
  #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;
    border-radius: 25px;
  }
  .leftNavMenu .menu-item a {
    font-size: 16px;
  }
  ul.info-tabs li:first-child {
    padding: 5px 10px;
  }
  #homepage .wtitle ol li.breadcrum-item:first-child {
  }
  #homepage .wtitle ol li.breadcrum-item:nth-child(2) {
  }
  #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: 500;
  }
  .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: 0.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;
  width: 100%;
  border-bottom: 1px dotted #ccc;
  margin-top: 5px;
  padding-bottom: 10px;
}
.list-cuahang {
  float: left;
  margin-bottom: 30px;
  width: 25%;
  padding: 10px;
  list-style: none;
}
@media (min-width: 991px) .logo {
  display: none !important;
}

@media (max-width: 992px) {
  .list-cuahang {
    width: 33%;
  }
}

@media (max-width: 766px) {
  .list-cuahang {
    width: 50%;
  }
}

.list-cuahang article {
  border: 1px solid #d7d7d7;
  padding: 10px;
  height: 150px;
}
.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: 30%; */
}
.new-desc-box p {
  font-size: 14px;
  margin-bottom: 15px;
  line-height: 25px;
}
#news_artical * {
  font-family: arial, helvetica, sans-serif;
}
#news_artical img {
  max-width: 100% !important;
  height: auto !important;
}
.see_now {
  position: absolute;
  top: 195px;
  background: #fe4a06;
  width: 92%;
  height: 30px;
  text-align: center;
  color: #fff;
  margin-top: 0px;
  font-size: 20px;
  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: 355px;
}
@media (max-width: 991px) {
  .top-right-nav {
    display: none;
  }
}
@media (max-width: 776px) {
  .item-wrap {
    margin: 5px;
    border: 1px solid #f2eded;
    height: auto;
  }
}
.item-wrap:hover {
  position: relative;
  z-index: 6;
  -webkit-box-shadow: 0 0 5px 3px rgba(230, 219, 219, 0.55);
  -moz-box-shadow: 0 0 5px 3px rgba(230, 219, 219, 0.55);
  box-shadow: 0 0 5px 3px rgba(230, 219, 219, 0.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%;
  height: 380px;
}
.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: 10%;
}
#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;
  list-style: none;
}
.cat-tree-sub-box li:hover {
  height: 40px;
  background: #f2f2f2;
}
.prod-offer {
  border-bottom: 3px dotted #f1f1f1;
  padding-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: 10px;
  text-align: right;
}
@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;
  }
  .col-md-4 {
    text-align: center;
  }
}

@media (max-width: 991px) {
  .col-md-4 {
    text-align: center;
    display: none;
  }
}
@media (max-width: 991px) {
  .header-phone {
    display: none;
  }
}
@media (min-width: 992px) {
  .mb {
    display: none !important;
  }
}
.header-call {
  line-height: 25px;
  border-bottom: 1px solid #eddfdf;
  padding-left: 10%;
}
.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: 20px;
  font-weight: bold;
  line-height: 1em;
  padding: 15px;
  text-align: center;
  border: 1px solid #fc4c01;
}
.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: #ffffff;
  font-size: 20px;
  border: 2px solid red;
  background-color: red;
  cursor: pointer;
}
.logo-mb img {
  margin-left: 35px;
  height: 35px;
  display: none;
}
.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;
}

@media only screen and (min-width: 960px) {
  /* styles for browsers larger than 960px; */
  .cat-tree-item {
    padding: 0 10px;
  }
}
@media only screen and (min-width: 980px) {
  /* styles for browsers larger than 960px; */
  .cat-tree-item {
    padding: 0 6px;
  }
}
@media only screen and (min-width: 1024px) {
  /* styles for browsers larger than 960px; */
  .cat-tree-item {
    padding: 0 10px;
  }
}
@media only screen and (min-width: 1440px) {
  /* styles for browsers larger than 1440px; */
  .cat-tree-item {
    padding: 0 19px;
  }
}
@media only screen and (min-width: 2000px) {
  /* for sumo sized (mac) screens */
}
@media only screen and (max-device-width: 480px) {
  /* styles for mobile browsers smaller than 480px; (iPhone) */
}
@media only screen and (device-width: 768px) {
  /* default iPad screens */
}
/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* For landscape layouts only */
}