/* category.css */

.list-img-tutorial-size {
  list-style:none;
}

.list-img-tutorial-size li {
  display:block;
  text-align:center;
}

.list-img-tutorial-size li img {
  max-width:100%;
}

#product {
  padding-top:20px;
  position:relative;
}

#product:before {
  position:absolute;
  content:'';
  height:2px;
  background:#eee;
  left:10px;
  right:10px;
  width:auto;
  bottom:0;
  display:block;
}

#product-info {
  border-left:2px solid #eee;
}

#product-info-neo {
  padding:15px;
  padding-bottom:0;
  background:#f9f9f9;
}

.product-img {
  position:relative;
}

.product-img:before {
  position:absolute;
  content:'';
  right:-2px;
  top:0;
  bottom:0;
  width:2px;
  background:#eee;
}

.zoomContainer {
  overflow:hidden;
  z-index:90;
}

.large-image img {
  max-width:100%;
}

#thumb-slider .owl-prev,
#thumb-slider .owl-next {
  top:18px;
}

#thumb-slider .owl-prev {
  left:0;
}

#thumb-slider .owl-next {
  right:0;
}

.btn-wrap {
  display:inline-block;
  vertical-align:middle;
}

.btn-wrap .btn-plus,
.btn-wrap .btn-min {
  border:1px solid #eee;
  float:left;
  width:25px;
  height:36px;
  box-sizing:border-box;
  background:#f9f9f9;
  font-size:20px;
}

.btn-wrap input[type="text"] {
  height:36px;
  float:left;
  width:30px;
  box-sizing:border-box;
  border-radius:0;
  text-align:center;
  margin:0;
}

.sold-out {
  display:inline-block;
  border:1px solid #ff6c34;
  padding:2px 10px;
  color:#FF0000;
  line-height:24px;
  border-radius:3px;
}

#cart_btn {
  float:left;
  height:36px;
  padding:0 7px;
  line-height:40px;
  text-align:center;
  background:#ff3945;
  margin-left:5px;
  border-radius:3px;
  color:#FFF;
  text-transform:uppercase;
}

#cart_btn i {
  font-size:15px;
  padding-right:3px;
}

.box-order {
  display:table-cell;
  vertical-align:middle;
  height:40px;
  padding-bottom:15px;
}

.product-wish {
  display:inline-block;
  vertical-align:middle;
}

.product-wish .wishlist-btn {
  height:36px;
  width:36px;
  display:block;
  border-radius:3px;
  line-height:40px;
  text-align:center;
  padding:0;
  font-size:22px;
  background:none;
  color:#002b70;
}

.product-wish .wishlist-btn:hover {
  box-shadow:none;
  color:#ef0000;
  background:transparent;
}

#price {
  padding:0;
  display:block;
  vertical-align:middle;
  overflow:hidden;
}

#price i {
  color:#c70404;
  display:block;
  font-size:14px;
}

.product_price_change {
  font-size:18px;
  margin-bottom:5px;
  color: #002b70;
  font-weight:500;
  padding-right:5px;
}

.product_old_price_detals {
  text-decoration:line-through;
  color:#949494;
  font-size:14px;
}

.product-title {
  font-weight:500;
  margin-bottom:5px;
}

.line {
  height:1px;
  background:#eee;
  margin:5px 0;
  margin-bottom:20px;
}

.neo {
  z-index:99 !important;
}

.current-seller {
  padding:10px;
  border-radius:4px;
  border:1px solid #ececec;
  background:#FFF;
}

.current-seller .text {
  display:inline-block;
  vertical-align:middle;
  width:85%;
  padding-left:5px;
  line-height:18px;
}

.current-seller .name .text {
  color: #002b70;
}

.current-seller .bestseller-info,
.current-seller .name,
.current-seller .warranty-info,
.current-seller .undo-info,
.current-seller .gift-info {
  margin:0 0 8px;
}

.current-seller .bestseller-info i,
.current-seller .name i,
.current-seller .warranty-info i,
.current-seller .undo-info i,
.current-seller .gift-info i {
  background-repeat:no-repeat;
  display:inline-block;
  vertical-align:middle;
  font-size:20px;
  width:10%;
}

.current-seller .name i {
  color:#f583b4;
}

.current-seller .warranty-info i {
  color:#00ab15;
}

.current-seller .gift-info i {
  color:red;
}

.additional {
  padding:10px;
  border-radius:4px;
  border:1px solid #ececec;
  margin:12px 0;
  background:#FFF;
}

.additional .item i,
.additional .item img {
  display:inline-block;
  vertical-align:middle;
  font-size:16px;
  width:10%;
}

.additional .item p {
  margin-bottom:0;
  display:inline-block;
  vertical-align:middle;
  width:85%;
}

.additional .item {
  margin-bottom:10px;
}

.register-to-sell {
  padding-top:10px;
  position:relative;
  border-top:1px dashed rgba(0,0,0,.12);
}

.register-to-sell a {
  line-height:20px;
  color: #002b70;
}

.register-to-sell p {
  display:inline-block;
  vertical-align:middle;
  line-height:20px;
  margin-bottom:0;
}

.list-combo-shopping .item,
.list-gift-shopping .item {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-bottom:10px;
  width:100%;
}

.list-combo-shopping .checkbox-wrap,
.list-gift-shopping .radio-wrap {
  margin:0 4px 0 0;
}

.list-combo-shopping .item .image,
.list-gift-shopping .item .image {
  border:1px solid #d8d8d8;
  text-align:center;
  margin-right:8px;
  padding:2px;
}

.list-combo-shopping .item .image img,
.list-gift-shopping .item .image img {
  float:left;
}

.list-combo-shopping .item .name,
.list-gift-shopping .item .name {}

.list-combo-shopping .item .price-box,
.list-gift-shopping .item .price-box {
  font-weight:500;
  text-align:right;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
}

.list-combo-shopping .item .price-box .price-new,
.list-gift-shopping .item .price-box .price-new {
  display:block;
  line-height:initial;
}

.list-combo-shopping .item .price-box .price-old,
.list-gift-shopping .item .price-box .price-old {
  line-height:initial;
}

.list-combo-shopping .item .price-box .label-sale,
.list-gift-shopping .item .price-box .label-sale {}

.list-combo-shopping .checkbox input[type=checkbox],
.list-gift-shopping .radio input[type=radio],
.fonts-box .checkbox input[type=checkbox] {
  display:none;
}

.list-combo-shopping .checkbox input[type=checkbox]+span.ico,
.list-gift-shopping .radio input[type=radio]+span.ico,
.fonts-box .checkbox input[type=checkbox]+span.ico {
  width:18px;
  height:18px;
  display:inline-block;
  background-image:url(../img/check-off.png);
  vertical-align:middle;
  color:#a6a6a6;
  margin-right:2px;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  cursor:pointer;
  background-color:#fff;
}

.list-combo-shopping .checkbox input[type=checkbox]:checked+span.ico,
.list-gift-shopping .radio input[type=radio]:checked+span.ico,
.fonts-box .checkbox input[type=checkbox]:checked+span.ico {
  background-image:url(../img/check-on.svg);
  background-color:#FFF;
}

.fonts-wrap {
  margin-bottom:20px;
}

.fonts-box {
  position:relative;
}

.fonts-box .checkbox {
  margin:0;
  position:absolute;
  left:5px;
  top:5px;
}

.fonts-box .checkbox input[type=checkbox]+span.ico {
  background-color:#fff;
}

.fonts-wrap .note {
  position:absolute;
  left:30px;
  top:7px;
  z-index:99;
  text-align:left;
}

.fonts-wrap {
  position:relative;
}

select[name="change-fonts"]:focus {
  background-color:#e6f3ff;
}

.list-combo-shopping .disabled .image,
.list-combo-shopping .disabled .name,
.list-combo-shopping .disabled .price-box {
  opacity:.5;
}

.combo-shopping-total .add-combo {
  background:#ff313d;
  color:#fff;
  border:0;
  font-size:12px;
  font-weight:400;
  border-radius:3px;
  padding:6px 10px 5px;
}

.combo-shopping-total {
  text-align:right;
  margin-bottom:10px;
}

.combo-shopping-total .add-combo.disabled {
  background:#ccc;
}

.combo-shopping-total.disabled {
  opacity:.3;
}

.combo-shopping-total span,
.combo-shopping-total strong {
  display:inline-block;
  vertical-align:middle;
  font-weight:400;
}

.list-gift-shopping .radio-wrap {
  margin:0;
  position:absolute;
  left:0;
  top:-2px;
}

.list-gift-shopping .item {
  position:relative;
  border:1px solid #eee;
  padding:3px;
}

.list-gift-shopping .radio input[type=radio]+span.ico {
  background-color:#fff;
  border-radius:2px;
  margin:0;
}

.list-gift-shopping .item .image {
  padding:0;
  border:0;
}

.list-gift-shopping .item .price-box {
  text-align:left;
}

.list-attribute {
  list-style:none;
  white-space:nowrap;
}

.attribute-item {
  display:inline-block;
  border: 1px solid #002b70;
  font-size:12px;
  margin-right:5px;
  margin-bottom:5px;
  color: #002b70;
  border-radius:2px;
}

.attribute-item a {
  color: #002b70;
  padding:2px 5px;
  display:block;
  transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -webkit-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  position:relative;
}

.attribute-group {
  margin-bottom:12px;
  overflow:hidden;
  box-sizing:border-box;
  position:relative;
}

.attr-pos {
  padding-bottom:3px;
  position:absolute;
}

.attr-pos .block-heading {
  margin-bottom:0;
}

.attribute-item a.active
/*,
.attribute-item a:hover */ {
  background: #002b70;
  color:#FFF;
}

.attribute-item a span {
  position:absolute;
  background:#6d6d6d;
  color:#FFF;
  white-space:nowrap;
  opacity:0;
  visibility:hidden;
  top:-23px;
  left:0;
  padding:0 5px;
  font-size:11px;
  border-radius:3px;
}

.attribute-item a span:after {
  position:absolute;
  content:'';
  bottom:-6px;
  left:10px;
  border-top:6px solid #6d6d6d;
  border-bottom:0 solid transparent;
  border-left:3px solid transparent;
  border-right:3px solid transparent;
}

.attribute-item a:hover span {
  opacity:1;
  visibility:visible;
}

#product_details {
  padding-top:20px;
  position:relative;
}

#product_content {}

.rating-wrap {
  display:block;
  overflow:hidden;
}

.cmt-cnt {
  width:100%;
  height:auto;
  min-height:35px;
  padding:5px 0;
  overflow:auto;
  margin-bottom:20px;
  position:relative;
}

.cmt-cnt img,
.emoji-wysiwyg-editor img {}

.cmt-cnt:last-child {
  border-bottom:none;
}

.cmt-cnt img.user {
  width:65px;
  height:65px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:50%;
  background-color:#c4cde0;
  margin-bottom:10px;
}

.cmt-cnt .del-com {
  background:url(../img/close.png) no-repeat center;
  display:block;
  width:11px;
  height:11px;
  position:absolute;
  left:5px;
  top:5px;
  cursor:pointer;
}

.thecom {
  width:auto;
  height:auto;
  min-height:35px;
  background-color:#fff;
  line-height:18px;
}

.thecom h5 {
  display:inline;
  float:left;
  font-size:13px;
  color:#3b5998;
  margin:0 15px 0 0;
  line-height:15px;
}

.thecom h5.admin-user {
  color:#EA1B1B;
}

.thecom .com-dt {
  display:inline;
  float:right;
  font-size:12px;
  line-height:15px;
  color:#949494;
}

.thecom p {
  width:auto;
  margin:0 5px 0 45px;
  color:#4e5665;
}

.btn-review {
  border:0;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  background-color: #002b70;
  color:#fff;
  line-height:40px;
  padding:0 20px;
  cursor:pointer;
}

.new-com-bt span {
  display:inline;
  font-size:13px;
  margin-left:10px;
  line-height:30px;
}

.new-com-cnt {
  width:100%;
  height:auto;
  min-height:110px;
}

.the-new-com {
  width:95%;
  height:auto;
  min-height:40px;
  padding:5px;
  margin-bottom:5px;
  border:#ececec 1px solid;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  background-color:#fdfdfd;
  color:#333;
  resize:none;
  outline:0;
}

.new-com-cnt input[type="text"] {
  margin:0;
  padding:5px;
  border:#ececec 1px solid;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  background-color:#fdfdfd;
  color:#333;
  margin-bottom:5px;
  outline:0;
  line-height:22px;
  display:block;
  width:95%;
}

.cmt-container textarea:focus,
.new-com-cnt input[type="text"]:focus {
  border-color:rgba(82,168,236,0.8);
  outline:0;
  outline:thin dotted \9;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.4);
  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.4);
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.4);
}

.bt-add-com {
  display:inline;
  float:left;
  padding:0 10px;
  margin-right:10px;
  cursor:pointer;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}

.bt-cancel-com {
  display:inline;
  float:left;
  padding:0 10px;
  cursor:pointer;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}

.new-com-cnt {
  width:100%;
  height:auto;
  display:none;
  padding-top:10px;
  margin-bottom:10px;
}
}

textarea,
.emoji-wysiwyg-editor {
  width:100%;
  height:100px;
  border:1px solid #d0d0d0;
  padding:15px;
  font-size:13px;
  font-weight:400;
  border-radius:3px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);
  -webkit-font-smoothing:antialiased;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

.new-comment {
  margin-bottom:20px;
}

.pr-name {
  color:#3b5998;
  font-size:13px;
}

.review-title {
  text-transform:uppercase;
  font-size:20px;
  line-height:30px;
  margin-bottom:10px;
}

.comment-box {
  padding:10px;
  box-sizing:border-box;
}

.left-cmt-box {
  border-right:1px solid #efefef;
}

.right-cmt-box {
  float:left;
  box-sizing:border-box;
  padding-left:50px;
  border-left:1px solid #efefef;
  margin-left:-1px;
}

.rating-box {
  text-align:center;
  margin-bottom:10px;
}

.review-header {
  text-transform:capitalize;
  font-size:16px;
  color:#000;
  line-height:25px;
  margin-bottom:10px;
}

.total-review-point {
  font-weight:500;
  font-size:40px;
  color:red;
  line-height:35px;
}

.comments-count {
  color:#848484;
}

#rating-count {
  margin-bottom:5px;
  position:relative;
}

#rating-count:before {
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:25px;
  z-index:999;
}

.rating-num {
  display:inline-block;
  padding-right:10px;
}

.progress {
  display:inline-block;
  width:200px;
  height:10px;
  border-radius:5px;
  background:#e2e2e2;
}

.progress-bar {
  height:10px;
  background:#029000;
  border-radius:5px;
}

.rate-1 .progress-bar {
  background:#8e8e8e;
}

.rate-2 .progress-bar {
  background:#af2a15;
}

.rate-3 .progress-bar {
  background:#ff0;
}

.rate-4 .progress-bar {
  background:#029000;
}

.rate-5 .progress-bar {
  background:red;
}

.rating-detail {
  text-align:center;
  display:inline-block;
  margin:0 auto;
}

.rating-detail .item {
  padding:5px 0;
  width:100%;
  margin:0 auto;
  text-align:left;
}

.cmt-item {
  margin-bottom:10px;
}

.cmt-item label {
  line-height:30px;
}

.review-box {
  position:relative;
  margin-bottom:20px;
  border-bottom:1px solid #efefef;
}

.cmt-img {
  float:left;
  width:20%;
  text-align:center;
  box-sizing:border-box;
}

.cmt-detail {
  float:right;
  width:80%;
  box-sizing:border-box;
}

.cmt-name {
  font-weight:500;
  font-size:14px;
  line-height:20px;
  margin-bottom:5px;
}

.cmt-date {
  font-size:13px;
  color:#8a8a8a;
  margin:0;
}

.cmt-rating {
  position:relative;
  display:inline-block;
  margin-right:10px;
  margin-bottom:10px;
  padding:2px;
}

.cmt-rating:before {
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:20px;
  z-index:999;
}

.cmt-title {
  display:inline-block;
  font-weight:400;
  color:#000;
  font-size:17px;
  text-transform:capitalize;
}

.cmt-content {
  margin:0;
  margin-bottom:10px;
}

.js-quick-reply {
  color:#3cc;
  margin-right:20px;
  line-height:30px;
  display:inline-block;
}

.thank-question {
  font-size:13px;
  color:#656565;
  padding:0;
  display:inline-block;
  line-height:30px;
}

.thank-count {
  font-size:13px;
  color:#656565;
  padding:0;
  display:inline-block;
  line-height:30px;
}

.thank-review {
  border:0;
  background:#3cc;
  line-height:30px;
  padding:0 10px;
  border-radius:3px;
  color:#fff;
  cursor:pointer;
}

.thank-review i {
  padding-right:5px;
}

.quick-reply input[type="text"],
.quick-reply textarea {
  margin:0;
  padding:5px;
  border:#ececec 1px solid;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  background-color:#fdfdfd;
  color:#333;
  margin-bottom:5px;
  outline:0;
  line-height:22px;
  display:block;
  width:100%;
}

.bt-add-reply,
.bt-cancel-reply {
  display:inline;
  float:left;
  padding:0 10px;
  margin-right:10px;
  cursor:pointer;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}

.review_action {
  margin-bottom:12px;
}

.quick-reply {
  display:none;
  margin-bottom:15px;
}

.reply-cmt {
  margin-top:15px;
}

.reply-cmt .cmt-cnt {
  background:#f9f9f9;
  padding:10px 0;
  margin-bottom:10px;
}

#rating-pro {
  float:left;
  position:relative;
}

#rating-pro:before {
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:25px;
  z-index:999;
}

.comments-count-pro {
  float:left;
  line-height:25px;
  padding:0 10px;
  color:#0085c3;
}

.cmt-filter-box {
  float:left;
  padding:2px 0;
  padding-right:10px;
  box-sizing:border-box;
  position:relative;
}

.cmt-filter-box button {
  width:100%;
  height:36px;
  padding:5px 10px;
  font-size:14px;
  position:relative;
  padding-right:30px;
  background:#fff;
  color:#484848;
  border:solid 1px #d6d6d6;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  outline:0;
  cursor:pointer;
  text-align:left;
}

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

.cmt-filter-box button:before {
  content:'';
  width:0;
  height:0;
  border-top:6px solid #9b9b9b;
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  position:absolute;
  right:10px;
  top:15px;
}

.cap-filter {
  float:left;
  padding-right:20px;
  line-height:40px;
}

.cmt-filter-box ul li {
  display:block;
  padding:5px 10px;
  clear:both;
  font-weight:400;
  line-height:1.42857143;
  color:#333;
  white-space:nowrap;
  cursor:pointer;
  position:relative;
}

.cmt-filter {
  margin-bottom:20px;
}

.fonts-text {
  padding:0 10px;
  border:1px solid #f5f5f5 !important;
  border-top:30px solid #f5f5f5 !important;
  margin-bottom:10px;
  font-size:20px;
  line-height:40px;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  height:70px;
  background:#FFF;
}

select[name="change-fonts"] {
  padding:.2rem .5rem;
}

.toltip {
  position:relative;
  display:inline-block;
}

.tutorial {
  position:absolute;
  bottom:100%;
  width:195px;
  left:-30px;
  background:#fff;
  padding:5px;
  z-index:9999;
  text-align:left;
  box-shadow:0 0 3px #ccc;
  font-size:13px;
  border-radius:5px;
  line-height:16px;
  color:#333;
  display:none;
}

.toltip:after {
  position:absolute;
  content:'';
  border-top:10px solid #ffff;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  top:-6px;
  z-index:99999;
  left:2px;
  display:none;
}

.toltip:hover .tutorial,
.toltip:hover:after {
  display:block;
}

#thumb-slider.owl-carousel .owl-item {
  width:auto !important;
}

#thumb-slider.owl-carousel .owl-item img {
  float:left;
}

.box-scroll {
  width:100%;
  overflow:hidden;
  overflow-x:scroll;
  margin-top:0;
  padding-top:25px;
}

.box-scroll::-webkit-scrollbar {
  width:4px;
  height:4px;
}

.box-scroll::-webkit-scrollbar-track {
  background:#f1f1f1;
  border-radius:2px;
}

.box-scroll::-webkit-scrollbar-thumb {
  background:red;
  border-radius:2px;
}

.box-scroll::-webkit-scrollbar-thumb:hover {
  background:#3cc;
}

#thumb-slider {
  margin-bottom:10px;
}

/* category.css */