@keyframes loadingBar {
  0% {
  transform:translateX(0);
}
5% {
  transform:translateX(0);
  width:18px;
  transform-origin:right;
}
50% {
  transform:translateX(50px);
  width:10px;
}
55% {
  transform:translateX(42px);
  width:18px;
}
100% {
  transform:translateX(0);
}
}

.call-back {
  margin-top:16px;
  margin-bottom:5px;
  padding:8px 6px;
  background:var(--primary-color);
  border-radius:4px;
}

.call-back input[type="tel"] {
  height:38px;
  font-size:14px;
  padding:5px;
  margin:0;
  border:0;
  border-radius:4px;
}

.call-back button[type="submit"] {
  height:38px;
  background:#fff;
  color:var(--primary-color);
  font-size:14px;
  margin:0;
  border:0;
  border-radius:4px;
}

input:disabled,
button[name=submit]:disabled {
  border-color:#aaa;
  background:#aaa;
}

.d-none {
  display:none !important;
}

select[name="rating"] {
  display:inline-block;
  width:auto;
  position:relative;
  font-size:13px;
  margin-left:10px;
  background:#52b858;
  color:#fff;
  padding:2px 8px;
  box-sizing:border-box;
  line-height:1.4;
  -webkit-appearance:none;
  border-radius:2px;
  border:none;
}

select[name=rating]:before {
  right:100%;
  top:50%;
  border:solid transparent;
  content:" ";
  height:0;
  width:0;
  position:absolute;
  pointer-events:none;
  border-color:rgba(82,184,88,0);
  border-right-color:#52b858;
  border-width:6px;
  margin-top:-6px;
}

.selected select[name=rating] {
  display:inline-block;
}

input[type="file"] {
  display:none;
  margin:5px 0;
}

.avatar {
  padding:0;
  float:none;
  display:inline;
  height:auto;
  border:none;
  border-radius:50%;
  box-shadow:0 0 3px 1px rgba(0,0,0,0.2);
}

#comments {
  margin-top:10px;
}

.loading-bar {
  top:32px;
  display:none;
  position:fixed;
  right:0;
  width:70px;
  border:0;
  background:transparent;
  z-index:999999;
}

.loading-bar:before {
  content:"";
  display:inline-block;
  width:5px;
  height:6px;
  background:#888;
  border-radius:50%;
  animation:loadingBar 1s ease infinite;
  box-shadow:0 0 5px 1px #fff;
}

.rotate-180 {
  transition:all 0.5s ease;
  transform:rotate(-180deg);
}

.w-0 {
  width:0 !important;
}

#respond {
  width:100%;
  max-width:800px;
  display:block;
  width:100%;
  margin:0 auto;
  padding:0;
  background-color:#fff;
  line-height:1.5;
}

a:focus,
a:hover {
  outline:none;
}

.sortby-button {
  display:inline-block;
  padding:6px 12px;
  margin:0;
  font-size:13px;
  line-height:1.5;
  background:#eeeeee;
  border:none;
  margin-right:10px;
  cursor:pointer;
}

.sortby-button.active {
  background-color:#ee4d2d;
  color:#fff;
}

.sortby-button:not(.active):hover {
  background-color:#d5d5d5;
}

.comm-field {
  position:relative;
  width:100%;
  margin-bottom:2px;
}

.comm-field_wrap {
  padding:0;
  margin:0;
  background:transparent;
  position:relative;
}

.comm-field_textarea {
  margin-bottom:5px;
  padding:10px;
  display:inline;
  width:100%;
  height:75px;
  background-color:#fff;
  min-height:75px;
  color:#1c1e21;
  line-height:20px;
}

.comm_form:not(.review_form).comm_form:not(.review_form) .comm-extension {
  position:absolute;
  right:10px;
  top:calc(50% - 15px);
  cursor:pointer;
  width:30px;
  height:30px;
  border-radius:30px;
  background-color:rgb(196,196,196);
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  justify-content:center;
  color:white;
}

.comm-input_image {
  margin:0;
  line-height:1;
  display:inline-block;
  vertical-align:middle;
  color:var(--primary-color);
  cursor:pointer;
}

.comm_form:not(.review_form) .comm-extension:hover {
  background-color:var(--primary-color);
}

.form-group .comm-field_wrap {
  width:100%;
  vertical-align:baseline;
  padding:6px 0;
  position:relative;
}

.form-group .comm-field_wrap input {
  height:42px !important;
  padding-left:28px;
  width:100%;
  display:inline-block;
  float:none;
  clear:both;
  margin:0;
  box-sizing:border-box;
  font-size:15px;
  vertical-align:baseline;
}

.form-group .comm-field_icon {
  display:inline-block;
  font-size:17px;
  line-height:23px;
  opacity:.3;
  padding:0;
  margin:0;
  position:absolute;
  top:12px;
  left:8px;
  width:20px;
  text-align:left;
}

.form-group .comm-field_icon i {
  vertical-align:middle;
}

.span-protection {
  display:block;
  height:42px;
  background:#f5f5f5;
  padding:8px 10px;
  font-size:13px;
  color:#aaa;
  text-align:center;
}

.captcha-group {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
}

.captcha-label {
  display:inherit;
}

.refresh-captcha {
  font-size:18px;
  margin-top:6px;
  margin-left:8px;
}

.text-captcha {
  max-width:140px;
  padding:5px;
  padding-left:6px !important;
}

@media screen and (max-width:849px) {
  .form-group .col {
    padding-bottom:0;
  }
}

.commTextMaxLength {
  display:none;
  font-size:11px;
  color:#aaa;
  position:absolute;
  top:3px;
  right:5px;
}

.comment-actions {
  font-size:13px;
  display:flex;
  justify-content:space-between;
  width:100%;
  box-sizing:border-box;
  padding:10px;
  margin:30px 0;
  background:#F0F2F5;
}

.sort-comm-buttons a:not(.active) i {
  opacity:0;
}

.sort-comm-buttons a {
  margin-left:5px;
}

.sort-comm-buttons a {
  color:#777777;
}

.sort-comm-buttons a.active,
.sort-comm-buttons a:hover {
  color:var(--primary-color);
  font-weight:bolder;
}

.comment-list li .description,
.commentlist li .description {
  font-style:inherit !important;
}

ol.commentlist {
  float:unset;
  margin-left:0;
  padding:0;
  list-style:none;
  border:none;
}

ol.commentlist li,
ul.commentlist li {
  margin-left:0 !important;
}

ol.commentlist li:first-child, ul.commentlist li:first-child {
  padding-top: 0;
}

.commentlist.children {
  margin-left:63px !important;
}

.no-comment {
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  justify-content:center;
  flex-direction:column;
  font-size:18px;
  color:rgb(141,141,141);
  margin:50px auto;
  text-align:center;
}

.no-comment-image {
  margin:0 auto 20px;
  max-width:130px;
}

li.comment {
  float:unset;
  margin:10px 0 0;
  list-style:none;
  padding:0;
  border:none;
}

.comment-left.vcard {
  width:52px;
  float:left;
  position:relative;
  text-align:center;
  line-height:16px;
  align-items:flex-start;
}

.comment-right {
  margin-left:60px;
}

.commentlist.children .comment-right {
  margin-left:52px;
}

.comment-content {
  display:inline-block;
  position:relative;
  min-width:200px;
  margin:0;
  padding:10px 12px;
  border-radius:17px;
  background:#F0F2F5;
  line-height:1.5;
  vertical-align:middle;
}

.comment-attachment,
.filter-list {
  width:100%;
  position:relative;
  padding-top:8px;
  overflow-y:auto;
  border-spacing:0;
  white-space:nowrap;
}

.filter-list {
  padding: 0;
  margin: 0;
}
.commment-image {
  display:inline-flex;
  position:relative;
  width:74px;
  height:74px;
  margin:0 .625rem 0 0;
  cursor:zoom-in;
}

.woocommerce img.pswp__img,
.woocommerce-page img.pswp__img {
  object-fit:cover;
}

.pswp__caption__center {
  text-align:left !important;
  overflow:hidden;
  display:-webkit-box;
  text-overflow:ellipsis;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  white-space:normal;
}

.filter-list li {
  border:1px solid #e5e5e5;
  border-radius:14px;
  position:relative;
  display:inline-block;
  margin-right:8px;
  padding:0;
  cursor:pointer;
  transition:.3s;
}

.filter-list li label {
  color:#facc15;
  padding:3px 12px;
  cursor:pointer;
}

.filter-review li.current {
  border:1px solid var(--primary-color);
}

.filter-review li.current label {
  color:#333;
}

.filter-list li i {
  font-size:11px;
}

.comm_form .commment-image {
  width:60px;
  height:60px;
}

.commment-image img {
  object-fit:cover !important;
  vertical-align:unset;
  border-radius:.5rem;
  cursor:zoom-in;
}

.commment-image .comment-image-remove {
  position:absolute;
  top:-.4rem;
  right:-.4rem;
  width:1.3rem;
  height:1.3rem;
  background-color:rgb(238,238,238);
  color:rgb(153,153,153);
  cursor:pointer;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  justify-content:center;
  border-radius:2rem;
}

.add-attachment {
  align-items:center;
  background:rgba(115,129,54,.05);
  border:2px dashed rgba(115,129,54,.2);
  vertical-align:text-bottom;
  border-radius:7px;
  box-sizing:border-box;
}

.add-attachment>button {
  background-color:inherit;
  color:var(--primary-color);
  font-size:1.2em;
  line-height:1;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  border-radius:7px;
}

.add-attachment>button:hover {
  background:var(--primary-color);
}

.add-attachment>button i {
  margin:0 !important;
}

.comment-author {
  display:inline-block;
  font-size:16px;
  font-weight:600;
  text-align:left;
}

.meta .verified,
.user-verify {
  font-size:14px;
  margin-left:2px;
  cursor:pointer;
  color:#2ba832;
}

.comment-metadata {
  display:inline-block;
  position:absolute;
  float:right;
  top:15px;
  right:12px;
}

.sticky-icon {
  position:relative;
  background:#f44336;
  height:18px;
  width:18px;
  color:#ffffff;
  font-size:10px;
  margin-bottom:0;
  text-align:center;
  border-radius:50%;
  line-height:20px;
}

.comment-author {
  font-size:17px;
}

.comment-body {
  width:100%;
  padding:0;
  margin:0;
  font-size:15px;
  background:inherit;
  border:none;
}

.comment-body a {
  background:inherit;
  font-size:inherit;
  font-weight:600;
}

.comment-body p {
  width:100%;
  margin:0;
  font-size:inherit;
  overflow:hidden;
}

.comm-readmore {
  font-size:16px;
  cursor:pointer;
  color:var(--primary-color);
}

.comm-copy_link {
  cursor:pointer;
  margin-left:6px;
}

.comment-date {
  display: none;
  position:relative;
  padding-left:10px;
  color:#999;
  line-height:2.5;
}

.comment-text .star-rating {
  font-size:15px;
}

.comment-text .review-recommend:before,
.comment-date:before {
  background-color:#f1f1f1;
  content:'';
  height:14px;
  left:0;
  position:absolute;
  top:calc(50% - 7px);
  ;
  width:1px;
}

.comment-footer {
  display:flex;
  padding-left:5px;
  font-size:13px;
  font-weight:normal;
  color:#999;
}

.comment-footer button,
.comment-footer a {
  font-size:inherit;
  margin:0;
  margin-right:10px;
  font-weight:inherit;
  border:none;
  padding:0;
  color:#65676B;
  background:inherit;
  text-transform:inherit;
  cursor:pointer;
}

.review-like.active i {
  font-weight:900;
}

.comment-footer button i {
  vertical-align:baseline;
}

.comment-footer button:hover {
  box-shadow: none;
  color: inherit;
  background: inherit;
}

.comment-footer .comm-like.active,
.comm-reply_button:focus {
  border:none;
  color:#1877F2;
}

.like-count {
  display:flex;
  position:absolute;
  bottom:-11px;
  line-height:1;
  align-items:center;
  padding:2px;
  border-radius:10px;
  right:2px;
  z-index:0;
  background:#fff;
  -webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.2);
  box-shadow:0 1px 3px 0 rgba(0,0,0,0.2);
  z-index:1;
}

.comm-like img {
  display:inline-block !important;
}

.comm-like_count {
  color:#65676B;
  font-size:13px;
  margin-left:2px;
  margin-right:2px;
}

.comm-reply.comm_level-2 {
  margin-top:4px;
}

.commentlist.children .vcard {
  width:45px;
}

.commentlist.children .comment-author {
  font-size:16px;
}

.comm-load-reply {
  padding-top:5px;
  padding-bottom:5px;
  font-size:15px;
  color:#65676B;
  font-weight:600;
}

.load-more-comm {
  margin:25px auto 20px auto;
  width:auto;
  font-size:14px !important;
  padding:6px 30px;
  text-align:center;
  cursor:pointer;
}

#reviews .load-more-review {
  width:100%;
  font-size:16px;
  font-weight:inherit;
  color:var(--primary-color);
  background-color:#fff;
  padding:2px 20px;
  border:1px solid var(--primary-color);
  border-radius:5px;
}

.load-more-review:before,
.load-more-comm:before {
  content:"\f06e";
  font-family:"Font Awesome 5 Pro";
  font-weight:400;
  margin-right:5px;
}

.navigation.pagination {
  display:inline-block;
  margin:30px auto 15px;
  width:100%;
  text-align:center;
}

.page-numbers[disabled="disabled"] {
  display:none;
}

li.page-numbers:not(.current) {
  cursor:pointer;
}

.nav-links {
  padding:0 !important;
  margin:0 !important;
}

.page-numbers.current,
.nav-links a:hover {
  background:#1da1f2;
  color:#fff;
}

.comment-right.single .comment-content {
  background-color:#b7b2b2;
}

.contact-message,
.comm-message {
  background-color:#fff8ed;
  font-size:14px;
  text-align:center;
  color:#d3760c;
  border:none;
  padding:5px 10px;
  width:100%;
  box-sizing:border-box;
  margin-top:10px;
  border-radius:3px;
}

.comment_container .description p,
.comm-message p {
  margin-bottom:5px;
  text-align:left;
}

.user-rating {
  text-align:center;
  margin:5px 0 15px;
}

.review-tag {
  position:relative;
  font-size:15px;
  margin-top:10px;
  margin-right:-10px;
  display:flex;
  text-align:center;
  align-items:center;
  max-width:550px;
  flex-wrap:wrap;
  align-content:center;
  justify-content:flex-start;
  flex-direction:row;
}

.comment-text .review-tag {
  display:block;
  width:100%;
  text-align:left;
  margin-right:0;
  overflow-y:auto;
  border-spacing:0;
  white-space:nowrap;
}

.review-tag label {
  display:inline-block !important;
  width:auto;
  font-weight:normal;
  margin-right:10px;
  margin-bottom:8px;
  padding:7px 12px;
  background:#f4f4f4;
  color:inherit;
  border-radius:5px;
  flex:1 1 auto;
  cursor:pointer;
}

.review-tag input[type=checkbox]:checked+label {
  background-color:var(--primary-color);
  color:#fff;
  border-color:var(--primary-color);
}

.comment-text .review-recommend {
  position:relative;
  font-size:13px;
  margin:0.5em;
  margin-right:0;
  padding-left:7px;
}

.review-tag input[type=checkbox],
.review-recommend input[type=checkbox],
.filter-list li input[type=radio] {
  clip:rect(0,0,0,0);
  overflow:hidden;
  position:absolute;
  height:1px;
  width:1px;
}

.review_form .review-recommend {
  margin:10px 0;
}

.review-recommend label i {
  font-size:18px;
  margin-right:5px;
}

.comment-text .review-recommend i,
.review-recommend input[type=checkbox]:checked+label i {
  font-weight:900 !important;
  color:#ee1b24;
  margin-right:5px;
}

.user-rating .stars {
  font-size:24px;
  margin:8px 0 0;
  position:relative;
  display:inline-block;
  white-space:nowrap;
  margin-bottom:5px;
}

.stars.review-product {
  font-size:34px;
  text-align:right;
}

.vertical-middle {
  vertical-align:middle;
}

.user-rating div.stars a,
.user-rating div.stars .star,
.user-rating div.stars .star.active {
  display:inline-block;
  position:relative;
  font-size: inherit;
  font-style:initial;
  line-height:1.2;
  width:1em;
  height:1em;
  color:#b8b8b8;
}

.user-rating div.stars a,
.user-rating div.stars .star.active {
  color:transparent !important;
}

.user-rating div.stars .rating-value {
  position:absolute;
  top:0;
  left:0;
  right:0;
  overflow:hidden;
  height:25px;
}

.user-rating div.stars a:before,
.user-rating div.stars .star:before {
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:1em;
  height:1em;
  line-height:1;
  font-family:Rarting Star;
  color:#f99200;
  content:'\e021';
  text-indent:0;
}

.user-rating div.stars a:after {
  content: ""!important;
  display: none;
}

.user-rating div.stars a:hover~a:before,
.user-rating div.stars .star:hover~.star:before {
  content:'\e021';
}

.user-rating div.stars:hover a:before,
.user-rating div.stars:hover .star:before {
  content:'\e020';
}

.user-rating div.stars.selected a.active:before,
.user-rating div.stars .star.active:before {
  content:'\e020';
}

.user-rating div.stars.selected a.active~a:before,
.user-rating div.stars.selected .star.active~a:before {
  content:'\e021';
}

.user-rating div.stars.selected a:not(.active):before,
.user-rating div.stars.selected .star:not(.active):before {
  content:'\e020';
}

.woo-review-box {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  height:auto;
  border:1px solid var(--primary-color);
  border-radius:8px;
  padding:15px;
  background-color:#fff;
  margin-bottom:20px;
}

.woo-review-box:before {
  display:table;
  content:" ";
}

.woo-review-box:after {
  display:table;
  content:" ";
  clear:both;
}

.woo-review-box>div {
  display:inline-flex;
  text-align:center;
  flex-direction:column;
  border-right:1px solid #ddd;
  padding-right:10px;
  padding-left:10px;
}

.woo-review-box .scores {
  font-size:12px;
  width:25%;
  text-align:center;
  justify-content:space-around;
  line-height:1.4;
}

.woo-review-box .scores p {
  font-size:14px;
  font-weight:500;
  margin:0;
}

.woo-review-box .review-action {
  width:25%;
  height:auto;
  margin:0;
  border-right:unset;
  justify-content:space-around;
}

.woo-review-box .point {
  color:#f99200;
  font-size:40px;
  line-height:60px;
  font-weight:600;
}

.scores .stars {
  font-size:32px;
  margin-bottom:0;
  margin-left:2px;
}

.text-gray {
  color:#99a2aa;
}

.comm_form {
  width:100%;
  margin-top:15px;
}

.review_form {
  padding:10px 0 0;
  margin-bottom:0;
  border-top:1px solid #ddd;
}

.woo-review-box .statistical {
  width:50%;
  font-size:12px;
}

.statistical .woo-star {
  font-size:20px;
}

.woo-review-box .bar-container {
  width:100%;
  background-color:#f1f1f1;
  text-align:center;
  color:white;
}

.woo-review-box .side {
  float:left;
  margin-right:10px;
}

.woo-review-box .side.right {
  float:right;
}

.woo-review-box .middle {
  float:left;
  width:68%;
  padding-top:7px;
}

.bar-container .bar {
  height:8px;
  background-color:#f99200;
}

.reviews_detail .right {
  width:25%;
  text-align:right;
}

.filter-review {
  position:relative;
  font-size:15px;
  margin-top:10px;
  margin-bottom:0;
}

.filter-review select {
  width:auto;
  display:inline-block;
  margin-bottom: 0;
  height: 1.85rem;
  border-radius:0;
}

.filter-review label {
  display:inline-block;
  margin:0;
}

.user-rating label {
  font-weight:600;
  vertical-align:middle;
}

.filter-review .text-label {
  min-width: 76px;
  font-weight:600;
  vertical-align:middle;
  font-size:14px;
  line-height: 1rem;
}

.filter-review .has-image {
  margin-top: 12px;
}

#btn-review,
.contact-submit,
.comm_submit {
  padding:5px 12px !important;
  margin:8px 0 0;
  font-size:14px !important;
  white-space:nowrap;
  vertical-align:middle;
  -ms-touch-action:manipulation;
  touch-action:manipulation;
  color:#fff;
  border-radius:4px !important;
}

#btn-review i {
  width:20px;
  height:20px;
  margin-right:0.5rem;
  font-size:11px;
  line-height:20px;
  text-align:center;
  background:#fff;
  color:var(--primary-color);
  border-radius:50%;
}

.rating-box {
  font-size:24px;
  text-align:left;
  margin-left:-2px;
  margin-bottom:3px;
  line-height:1;
  position:relative;
  white-space:nowrap;
  font-style:normal;
  color:#b8b8b8;
}

.woo-star {
  color:#ccc;
}

.woo-star.active {
  color:var(--primary-color);
}

@media (max-width:991.88px) {
  .woo-review-box {
    padding:15px 5px;
  }
  .woo-review-box .point {
    font-size:26px;
  }
  .scores .stars {
    font-size:22px;
  }
}

@media (max-width:767.88px) {
  .stars.review-product {
    font-size:32px;
  }
  .no-comment-image {
    max-width:100px;
  }
  .no-comment {
    font-size:16px;
  }
  .woo-review-box .scores {
    width:33.33333%;
  }
  .woo-review-box .statistical {
    width:66.66667%;
    border-right:unset;
  }
  .woo-review-box .review-action {
    width:100%;
  }
  .commentlist.children {
    margin-left:42px !important;
  }
  .comment-right {
    margin-left:42px;
  }
  .commentlist.children .comment-right {
    margin-left:32px;
  }
  .comment-left.vcard {
    width:36px;
  }
  .commentlist.children .vcard {
    width:26px;
  }
}

@media (max-width:576px) {
  .commment-image {
    width:64px;
    height:64px;
  }
}

@font-face {
  font-family:Rarting Star;
  src:url(../fonts/woo/WooCommerce.eot);
  src:url(../fonts/woo/WooCommerce.eot?#iefix) format("embedded-opentype"),url(../fonts/woo/WooCommerce.woff) format("woff"),url(../fonts/woo/WooCommerce.ttf) format("truetype"),url(../fonts/woo/WooCommerce.svg#WooCommerce) format("svg");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}