@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);
@charset "UTF-8";
.transition {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

.ellips {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

body {
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-style: normal;
  line-height: 150%;
  font-weight: 400;
  color: #000000;
}

h1, .h1 {
  font-size: 3.75rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
  line-height: 150%;
}

h2, .h2 {
  font-size: 2.375rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  line-height: 150%;
}

h3, .h3 {
  font-size: 1.875rem;
  font-weight: 400;
  margin-bottom: 0.5rem;
  line-height: 150%;
}

h4, .h4 {
  font-size: 1.75rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  line-height: 150%;
}

h5, .h5 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  line-height: 150%;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
  line-height: 150%;
}
p:empty {
  margin: 0;
}

.gd-text, .animated-button-outline label, .animated-button-outline span {
  background: #272262;
  background: linear-gradient(to right, #272262 0%, #00A69C 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.row {
  margin-right: -16px;
  margin-left: -16px;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table;
}
.container-fluid:after {
  clear: both;
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 0px) {
  .container {
    max-width: 100% !important;
  }
}
@media (min-width: 576px) {
  .container {
    max-width: 100% !important;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 100% !important;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px !important;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1320px !important;
  }
}
@media (min-width: 1440px) {
  .container {
    max-width: 1320px !important;
  }
}

[class^=col-],
[class*=" col-"] { /* เลือก element ที่มี 'col-' อยู่ใน class name */
  padding-right: 16px;
  padding-left: 16px;
}

.flashsale {
  background: rgba(109, 204, 201, 0.2);
  padding: 24px;
}
.flashsale .item-box {
  margin: 10px 0px;
}
@media all and (max-width: 768px) {
  .flashsale {
    padding: 16px;
  }
}
.flashsale p {
  margin-bottom: 0;
}
.flashsale .countdown-inner {
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .flashsale .countdown-inner {
    justify-content: center;
  }
}
.flashsale .insidecontainer-main {
  border-radius: 4px;
  position: relative;
  margin: 0;
}
.flashsale .insidecontainer-main .title-border {
  margin-bottom: 24px;
  border-radius: 4px;
  background-color: #fff;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .flashsale .insidecontainer-main .title-border {
    margin-bottom: 16px;
  }
}
.flashsale .insidecontainer-main .title-border *:not(img) {
  padding: 10px;
}
.flashsale .footer {
  background-color: white;
  width: 100%;
  border-radius: 4px;
  margin: 24px 0px;
  padding: 24px;
}
.flashsale .flashprogress {
  margin: 5px auto;
  height: 16px;
  background-color: #E62129;
  background-size: cover;
  position: relative;
  border-radius: 4px;
}
.flashsale .flashprogress .bar_text {
  text-transform: uppercase;
  font-size: 14px;
  color: #fff;
  z-index: 2;
  position: absolute;
  bottom: 0;
  top: 0;
  width: 100%;
  text-align: center;
  line-height: 18px;
}
.flashsale .flashprogress .bar-wrapper {
  width: 100%;
  background: transparent;
  overflow: hidden;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 1;
  height: 16px;
  border-radius: 4px;
}
.flashsale .shortby {
  display: flex;
  gap: 16px;
  list-style: none;
  align-items: center;
}
.flashsale .sf-flashsale-timer {
  background-color: white;
  margin-bottom: 24px;
  width: 100%;
  border-radius: 4px;
}
@media screen and (max-width: 768px) {
  .flashsale .sf-flashsale-timer {
    margin-bottom: 16px;
  }
}
.flashsale .sf-flashsale-timer .flashsale-data-box {
  padding: 16px 24px;
  gap: 32px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
@media screen and (max-width: 768px) {
  .flashsale .sf-flashsale-timer .flashsale-data-box {
    padding: 8px 8px;
  }
}
.flashsale .sf-flashsale-timer .flashsale-data-box .flashsale-text {
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 39px */
  color: #E62129;
}
@media screen and (max-width: 1040px) {
  .flashsale .sf-flashsale-timer .flashsale-data-box .flashsale-text {
    font-size: 18px;
  }
}
.flashsale .sf-flashsale-timer .flashsale-data-box .see-all-link {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
@media screen and (max-width: 1040px) {
  .flashsale .sf-flashsale-timer .flashsale-data-box .see-all-link {
    font-size: 14px;
  }
}
.flashsale .sf-flashsale-timer .flashsale-data-box .timer-box .countdown-inner > div {
  background-color: #E62129;
  color: #fff;
  border-radius: 4px;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 36px */
  padding: 4px 8px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .flashsale .sf-flashsale-timer .flashsale-data-box .timer-box .countdown-inner > div {
    font-size: 1.5rem;
  }
}
.flashsale .sf-flashsale-timer .flashsale-data-box .timer-box .countdown-inner > .colon {
  min-width: 0;
  background-color: transparent;
  color: #000;
  padding: 0px 0px;
}

.slick-arrow {
  font-size: 2rem !important;
}
.slick-arrow.arrowcircle {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 40px;
}

.sf-product-slider .slick-list, .sf-blog-slider .slick-list {
  padding: 5px 0 10px 0;
}

.sliderdemo .slick-dots.rectangle li {
  border-radius: 0px;
  width: 25px;
  height: 10px;
}

.animated-button {
  position: relative;
  display: inline-block;
  height: 42px;
  padding: 10px 24px 10px 20px;
  font-size: 1rem;
  color: #F8F8F8;
  text-align: center;
  text-decoration: none;
  background: linear-gradient(90deg, #383D40 0%, #383D40 100%);
  border: none;
  border-radius: 30px;
  overflow: hidden;
  cursor: pointer;
  transition: background 0.5s ease-in-out;
  border: 0px solid transparent !important;
}
.animated-button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #272262 0%, #00A69C 100%);
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  z-index: 0;
}
.animated-button:hover {
  color: #fff;
}
.animated-button:hover::after {
  color: #fff;
  opacity: 1;
}
.animated-button:hover .icon-cart {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7482%) hue-rotate(204deg) brightness(106%) contrast(107%);
}
.animated-button span, .animated-button svg, .animated-button label, .animated-button i, .animated-button div {
  position: relative;
  z-index: 1;
}
.animated-button:active::after {
  background: linear-gradient(90deg, #383D40 0%, #383D40 100%);
}

.animated-button-outline {
  position: relative;
  display: inline-block;
  height: 42px;
  padding: 10px 24px 10px 20px;
  font-size: 1rem;
  line-height: 100%;
  color: #383D40;
  text-align: center;
  text-decoration: none;
  background: transparent; /* No background */
  border: 2px solid transparent; /* Transparent border initially */
  border-radius: 30px;
  cursor: pointer;
  transition: color 0.5s ease-in-out, border-color 0.5s ease-in-out, background-position 0.5s ease-in-out;
  background-image: linear-gradient(white, white), linear-gradient(90deg, #383D40 0%, #383D40 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}
.animated-button-outline:hover {
  background-size: 120%;
  background-position: 70%;
  background-image: linear-gradient(white, white), linear-gradient(90deg, #272262 0%, #00A69C 100%);
}
.animated-button-outline span, .animated-button-outline svg, .animated-button-outline label, .animated-button-outline i {
  position: relative;
  z-index: 1;
}

.animated-button-color {
  position: relative;
  display: inline-block;
  height: 42px;
  padding: 10px 24px 10px 20px;
  font-size: 1rem;
  color: #F8F8F8;
  text-align: center;
  text-decoration: none;
  background: linear-gradient(90deg, #272262 0%, #00A69C 100%);
  border: none;
  border-radius: 20px;
  overflow: hidden;
  cursor: pointer;
  transition: background 0.5s ease-in-out;
  border: 0px solid transparent !important;
}
.animated-button-color::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #272262 0%, #00A69C 100%);
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  z-index: 0;
}
.animated-button-color:hover {
  color: #fff;
}
.animated-button-color:hover::after {
  color: #fff;
  opacity: 1;
}
.animated-button-color:hover .icon-cart {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7482%) hue-rotate(204deg) brightness(106%) contrast(107%);
}
.animated-button-color span, .animated-button-color svg, .animated-button-color label, .animated-button-color i, .animated-button-color div, .animated-button-color img {
  position: relative;
  z-index: 1;
}
.animated-button-color:active::after {
  background: linear-gradient(90deg, #222526 0%, #222526 100%);
}

.blog-row {
  row-gap: 28px;
}

.blog-column {
  padding-right: 12px;
  padding-left: 12px;
}

.blog-card {
  height: 100%;
  transition: box-shadow 0.5s ease-out;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #E1E1E1;
}
.blog-card .blog-image-container {
  height: 195px;
  overflow: auto;
}
@media screen and (max-width: 992px) {
  .blog-card .blog-image-container {
    height: 224px;
  }
}
.blog-card .blog-image-container img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 195px;
}
@media screen and (max-width: 992px) {
  .blog-card .blog-image-container img {
    height: 100%;
  }
}
.blog-card .blog-content {
  padding: 16px 24px 24px 24px;
  background: #fff;
  transition: background 0.5s ease-out;
  height: 100%;
}
@media screen and (max-width: 992px) {
  .blog-card .blog-content {
    padding: 16px;
  }
}
.blog-card .blog-content .post-title {
  color: #06509D;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 16px;
}
.blog-card .blog-content .post-short-description {
  color: #909090;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 16px;
}
.blog-card .blog-content .view-wraps .readmore {
  color: #11C3BE;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
  display: flex;
  gap: 5px;
}
.blog-card .blog-content .view-wraps .readmore:hover {
  color: #47C2FE;
}
.blog-card .blog-content .tag-blog {
  display: flex;
  flex-wrap: nowrap;
  overflow: auto;
  gap: 8px;
  padding: 2px 0px;
}
.blog-card .blog-content .tag-blog::-webkit-scrollbar {
  display: none;
}
.blog-card .blog-content .tag-blog .tag-item {
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding: 4px 12px;
  color: #909090;
  border-radius: 20px;
  border: 1px solid #909090;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 150%;
}
.blog-card .blog-content .tag-blog .tag-item:hover {
  border: 1px solid #06509D;
  color: #06509D;
}
.blog-card:hover .blog-content {
  background: #FEC618;
}

.row-amg-card {
  row-gap: 40px;
  margin-top: 60px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .row-amg-card {
    margin-top: 40px;
  }
}

.box-amg-card {
  transition: all 0.3s ease;
}
.box-amg-card .title-text {
  color: #2B3B62;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 150%; /* 36px */
}
.box-amg-card .blog-list-date {
  color: #CACACA;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
.box-amg-card .box-amg-img {
  position: relative;
  overflow: hidden;
  padding-bottom: 36%;
}
@media screen and (max-width: 768px) {
  .box-amg-card .box-amg-img {
    padding-bottom: 60%;
  }
}
.box-amg-card .box-amg-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.box-amg-card .box-amg-detail {
  padding: 20px 28px 40px 28px;
  margin: 0px !important;
  background: #fff;
}
.box-amg-card .box-amg-detail .line-card {
  width: 89px;
  height: 4px;
  background: #B33A39;
  margin: 12px 0px;
}
.box-amg-card .box-amg-detail .text-detail-box {
  color: #373737;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%; /* 24px */
  margin-bottom: 20px;
}
.box-amg-card .box-amg-detail .learn-more {
  color: #12365A;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  text-decoration-line: underline;
  display: flex;
  align-items: center;
  gap: 14px;
}
.box-amg-card .box-amg-detail .learn-more::after {
  content: "";
  display: block;
  width: 14px;
  height: 13px;
  transition: all 0.3s ease;
  opacity: 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M0.684425 0.75L8.19631 0.75C8.29783 0.75 8.50085 0.858695 8.60236 0.858695L13.9825 6.61957C14.1855 6.83696 14.1855 7.16304 13.9825 7.38044L8.60236 13.1413C8.50085 13.25 8.39934 13.25 8.19631 13.25L0.684423 13.25C0.481399 13.25 0.278375 13.1413 0.176863 12.9239C0.0753508 12.7065 0.176864 12.4891 0.278376 12.3804L5.35398 6.94565L0.278377 1.51087C0.176865 1.40217 0.0753518 1.07609 0.176864 0.96739C0.278376 0.858695 0.4814 0.75 0.684425 0.75ZM8.0948 1.83696L2.00408 1.83696L6.57212 6.72826C6.77514 6.94565 6.77514 7.27174 6.57212 7.48913L2.00408 12.3804L8.0948 12.3804L12.9674 7.05435L8.0948 1.83696Z' fill='%2312365A'/%3E%3C/svg%3E");
}
.box-amg-card:hover {
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}
.box-amg-card:hover .learn-more {
  color: #EC4F44;
}
.box-amg-card:hover .learn-more::after {
  content: "";
  display: block;
  width: 30px;
  height: 13px;
  opacity: 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M0.684425 0.75L8.19631 0.75C8.29783 0.75 8.50085 0.858695 8.60236 0.858695L13.9825 6.61957C14.1855 6.83696 14.1855 7.16304 13.9825 7.38044L8.60236 13.1413C8.50085 13.25 8.39934 13.25 8.19631 13.25L0.684423 13.25C0.481399 13.25 0.278375 13.1413 0.176863 12.9239C0.0753508 12.7065 0.176864 12.4891 0.278376 12.3804L5.35398 6.94565L0.278377 1.51087C0.176865 1.40217 0.0753518 1.07609 0.176864 0.96739C0.278376 0.858695 0.4814 0.75 0.684425 0.75ZM8.0948 1.83696L2.00408 1.83696L6.57212 6.72826C6.77514 6.94565 6.77514 7.27174 6.57212 7.48913L2.00408 12.3804L8.0948 12.3804L12.9674 7.05435L8.0948 1.83696Z' fill='%23EC4F44'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M8.19631 0.75L0.684423 0.75C0.481399 0.75 0.278374 0.858694 0.176862 0.96739C0.0753499 1.07609 0.176863 1.40217 0.278375 1.51087L5.35397 6.94565L0.278374 12.3804C0.176862 12.4891 0.0753489 12.7065 0.176861 12.9239C0.278373 13.1413 0.481398 13.25 0.684422 13.25L8.19631 13.25C8.39934 13.25 8.50085 13.25 8.60236 13.1413L13.9825 7.38044C14.1855 7.16304 14.1855 6.83696 13.9825 6.61957L8.60236 0.858695C8.50085 0.858695 8.29782 0.75 8.19631 0.75Z' fill='%23EC4F44'/%3E%3C/svg%3E");
  background-position: left center, right center;
  background-repeat: no-repeat, no-repeat;
}

.blog-items .box-amg-img {
  padding-bottom: 50%;
}
.blog-items .title-text {
  height: 65px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 12px;
}
.blog-items .text-detail-box {
  height: 75px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 40px !important;
}
.blog-items .line-img-bottom {
  display: flex;
}
.blog-items .line-img-bottom .line-img-1 {
  width: 15%;
  background: #EC4F44;
  height: 6px;
}
.blog-items .line-img-bottom .line-img-2 {
  width: 25%;
  background: #12365A;
  height: 6px;
}
.blog-items .line-img-bottom .line-img-3 {
  width: 60%;
  background: #1A8CA9;
  height: 6px;
}

.product-box {
  border-radius: 10px;
  background: #FFF;
  border-radius: 10px;
  border: 1px solid #E1E1E1;
  padding: 16px;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .product-box {
    padding: 12px 11px;
  }
}
.product-box:hover {
  border: 2px solid #FEC618;
}
.product-box .product-info {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .product-box .product-info {
    padding: 10px;
  }
}
.product-box .product-info .model {
  color: #06509D;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%; /* 18px */
  word-wrap: break-word;
  margin-top: 8px;
  margin-bottom: 0px;
}
.product-box .product-info .name {
  color: #212121;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%; /* 21px */
  word-wrap: break-word;
  margin-bottom: 8px;
}
.product-box .product-info .name a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.product-box .product-info .code {
  margin-top: 2px;
  color: #212121;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 150%; /* 18px */
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.product-box .product-info .stock {
  display: none;
  color: #00695A;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 150%; /* 18px */
  word-wrap: break-word;
}
.product-box .product-info .price-wrap {
  margin-top: 10px;
  display: none;
}
.product-box .product-info .price-wrap .price-wrap-1 {
  -moz-column-gap: 12px;
       column-gap: 12px;
  width: 100%;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .product-box .product-info .price-wrap .price-wrap-1 {
    flex-wrap: wrap;
  }
}
.product-box .product-info .price-wrap .price-wrap-2 {
  width: 30%;
  text-align: right;
}
.product-box .product-info .price-wrap .special-price {
  color: #E70800;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 150%; /* 24px */
  height: 30px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .product-box .product-info .price-wrap .special-price {
    font-size: 1.125rem;
  }
}
.product-box .product-info .price-wrap .strike-price {
  color: #C2C2C2;
  font-size: 1rem;
  font-weight: 400;
  line-height: 160%;
  margin-left: 0px;
  margin-right: 0px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .product-box .product-info .price-wrap .strike-price {
    font-size: 0.75rem;
  }
}
.product-box .product-info .price-wrap .price-margin {
  display: none;
  color: #FFFFFF !important;
  font-size: 0.75rem;
  font-weight: 400;
  background-color: #E70800;
  border-radius: 0px !important;
  line-height: 150%; /* 18px */
  margin: 0px;
  padding: 0px 4px;
}
.product-box .product-info .price-wrap .normal-price {
  color: #212121;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 150%; /* 24px */
  word-wrap: break-word;
  height: 25px;
  overflow: hidden;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .product-box .product-info .price-wrap .normal-price {
    font-size: 1.125rem;
  }
}
.product-box .product-image {
  width: 100%; /* Makes the container responsive */
  max-width: 600px; /* Set maximum width to limit the container size */
  position: relative; /* Needed for the padding-bottom hack */
  padding-bottom: 100%; /* 16:9 aspect ratio (9 / 16 * 100) */
  overflow: hidden; /* Hide any overflow */
}
.product-box .product-image img {
  position: absolute; /* Position the image absolutely within the container */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; /* Adjust how the image fits within the container */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.product-badges .top-left, .product-badges .top-center, .product-badges .top-right,
.product-badges .middle-left, .product-badges .middle-center, .product-badges .middle-right,
.product-badges .bottom-left, .product-badges .bottom-center, .product-badges .bottom-right {
  max-width: 100%;
  height: 100%;
  position: absolute;
  background-size: contain !important;
  text-align: center;
  /*min-height: 20px; min-width: 50px;*/
  background-repeat: no-repeat !important;
  z-index: 1;
  display: flex;
  align-items: center;
}

.product-badges .top-left {
  top: 0;
  left: 0;
}
.product-badges .top-center {
  top: 0;
  left: 50%;
  right: 50%;
  text-align: center;
}
.product-badges .top-right {
  top: 0;
  right: 0;
}
.product-badges .middle-left {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.product-badges .middle-center {
  top: 50%;
  left: 50%;
  right: 50%;
  transform: translateY(-50%);
  text-align: center;
}
.product-badges .middle-right {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.product-badges .bottom-left {
  bottom: 0;
  left: 0;
}
.product-badges .bottom-center {
  bottom: 0;
  left: 50%;
  right: 50%;
  text-align: center;
}
.product-badges .bottom-right {
  bottom: 0;
  right: 0;
}

.section-contact {
  padding: 60px 0;
  background-color: #F6F6F6;
}
@media screen and (max-width: 992px) {
  .section-contact {
    padding: 24px 0;
  }
}
.section-contact .box-logo {
  border: 1px solid #383D40;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  gap: 10px;
}
@media screen and (max-width: 992px) {
  .section-contact .box-logo {
    padding: 120px 0px;
  }
}
.section-contact .box-logo .text-1 {
  text-align: center;
  font-size: 5rem;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -4px;
  text-transform: uppercase;
}
.section-contact .box-logo .text-2 {
  text-align: center;
  font-size: 3.125rem;
  font-weight: 700;
  line-height: 100%;
  text-transform: uppercase;
}
.section-contact .box-logo .text-3 {
  text-align: center;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 150%;
  text-transform: uppercase;
}
.section-contact .box-logo .text-4 {
  text-align: center;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 150%;
  text-transform: uppercase;
}
@media screen and (max-width: 992px) {
  .section-contact .box-form {
    margin-top: 24px;
  }
}
.section-contact .box-form h2 {
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 2.6px;
  margin-bottom: 0;
}
.section-contact .box-form h3 {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 2.6px;
  margin-bottom: 12px;
}
@media screen and (max-width: 992px) {
  .section-contact .box-form h3 {
    font-size: 1.875rem;
  }
}
.section-contact .box-form h4 {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 150%;
}
.section-contact .box-form .contactus .row {
  margin: 40px 0px;
  row-gap: 20px;
}
@media screen and (max-width: 992px) {
  .section-contact .box-form .contactus .row {
    margin: 32px 0px;
  }
}
.section-contact .box-form .contactus .row .form-group {
  margin-bottom: 0;
}
.section-contact .box-form .contactus .row label {
  display: none;
}
.section-contact .box-form .contactus .row .box-radio {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .section-contact .box-form .contactus .row .box-radio {
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
  }
}
.section-contact .box-form .contactus .row .box-radio .list-radio {
  display: flex;
  align-items: center;
}
.section-contact .box-form .contactus .row .box-radio label {
  margin-bottom: 0px;
  margin-right: 40px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 150%;
}
.section-contact .box-form .contactus .row .box-radio .show-elements {
  display: inline-block !important;
}
.section-contact .box-form .contactus .row .box-radio .radio-elements {
  width: 24px;
  height: 24px;
  margin-right: 16px;
  accent-color: #383D40;
}
.section-contact .box-form .contactus .row input, .section-contact .box-form .contactus .row textarea {
  border-radius: 20px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 150%;
}
.section-contact .box-form .contactus .row .form-group:nth-child(3) {
  padding-right: 8px;
}
@media screen and (max-width: 992px) {
  .section-contact .box-form .contactus .row .form-group:nth-child(3) {
    width: 100% !important;
    padding-right: 0px;
  }
}
.section-contact .box-form .contactus .row .form-group:nth-child(4) {
  padding-left: 8px;
}
@media screen and (max-width: 992px) {
  .section-contact .box-form .contactus .row .form-group:nth-child(4) {
    width: 100% !important;
    padding-left: 0px;
  }
}
.section-contact .box-form .contactus .row .form_category {
  display: none;
}
.section-contact .box-form .contactus .btn-primary {
  border-radius: 20px !important;
  width: 177px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
}
@media screen and (max-width: 992px) {
  .section-contact .box-form .contactus .btn-primary {
    width: 100%;
  }
}
.section-contact .box-form .contactus .contactbtn {
  margin-bottom: 0px;
}
@media screen and (max-width: 992px) {
  .section-contact .box-form .contactus .contactbtn {
    margin-bottom: 24px;
  }
}

.nav-main {
  transition: all 0.5s ease-in-out;
  top: -100px;
}
.nav-main.sticking {
  top: 0;
  position: fixed;
  width: 100%;
  background-color: #fff !important;
  z-index: 10000;
}
.nav-main .header-main {
  padding: 27px 0px;
  background: #FFF;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  z-index: 100;
}
.nav-main .header-main .menu-main {
  display: flex;
  justify-content: space-between;
  height: 100%;
  align-items: center;
}
.nav-main .header-main .main-lv {
  color: #12365A;
  font-size: 1rem;
  font-weight: 700;
  line-height: 150%; /* 24px */
  cursor: pointer;
}
.nav-main .header-main .main-lv:hover {
  color: #1A8CA9;
}
.nav-main .header-main .nav-lv-sub {
  display: flex;
}
.nav-main .header-main .nav-lv-sub::after {
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.6451 14.4781L11.6451 14.4781L11.6415 14.4746L7.35909 10.242C7.31628 10.1951 7.28278 10.1405 7.2604 10.081C7.23714 10.0192 7.22636 9.95336 7.22868 9.88735C7.23101 9.82133 7.24639 9.75643 7.27394 9.69639C7.3015 9.63635 7.34068 9.58237 7.38921 9.53756L7.3958 9.53148L7.40216 9.52517C7.44888 9.47883 7.50429 9.44217 7.56521 9.41728C7.62612 9.3924 7.69136 9.37979 7.75716 9.38017L7.75795 9.38017C7.88882 9.38072 8.01425 9.43257 8.10732 9.52455C8.10753 9.52476 8.10774 9.52497 8.10795 9.52517L11.6465 13.0637L12.0001 13.4173L12.3536 13.0637L15.8926 9.52478C15.8927 9.52463 15.8929 9.52448 15.893 9.52434C15.9866 9.43149 16.1132 9.37939 16.2451 9.37939C16.3771 9.37939 16.5039 9.43166 16.5976 9.52478L16.598 9.52518C16.6448 9.57166 16.682 9.62696 16.7074 9.68789C16.7328 9.74882 16.7459 9.81417 16.7459 9.88018C16.7459 9.94619 16.7328 10.0115 16.7074 10.0725C16.682 10.1334 16.6448 10.1887 16.598 10.2352L16.5979 10.2352L16.5965 10.2366L12.3565 14.4766L12.3565 14.4766L12.3551 14.4781C12.3086 14.5249 12.2533 14.5621 12.1923 14.5875C12.1314 14.6129 12.0661 14.626 12.0001 14.626C11.934 14.626 11.8687 14.6129 11.8078 14.5875C11.7468 14.5621 11.6915 14.5249 11.6451 14.4781Z' fill='%2312365A' stroke='%2312365A'/%3E%3C/svg%3E");
  content: "";
  width: 24px;
  height: 24px;
  transform: rotate(0deg);
  transition: transform 250ms ease-in-out;
}
.nav-main .header-main .nav-lv-sub:hover {
  filter: brightness(0) saturate(100%) invert(39%) sepia(92%) saturate(391%) hue-rotate(145deg) brightness(98%) contrast(96%);
}
.nav-main .header-main .nav-lv-sub.active {
  color: #1A8CA9;
}
.nav-main .header-main .nav-lv-sub.active::after {
  transform: rotate(180deg);
  filter: brightness(0) saturate(100%) invert(39%) sepia(92%) saturate(391%) hue-rotate(145deg) brightness(98%) contrast(96%);
}
.nav-main .box-nav-sub-all {
  position: relative;
}
.nav-main .nav-lv-2 {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  height: 0; /* ซ่อนกล่องด้วยการตั้งความสูงเป็น 0 */
  overflow: hidden; /* ซ่อนเนื้อหาภายใน */
  transition: opacity 0.3s ease, visibility 0.3s ease;
  padding: 0 0; /* ซ่อน padding ตอนที่กล่องถูกซ่อน */
  width: 100%;
  background: #fff;
}
.nav-main .nav-lv-2.active {
  visibility: visible;
  opacity: 1;
  height: auto;
  padding: 20px 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 50;
}
.nav-main .nav-lv-2 .box-nav-lv-3 {
  display: flex;
  gap: 20px;
}
.nav-main .nav-lv-2 .box-nav-lv-3 .nav-lv-3 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.nav-main .nav-lv-2 .box-nav-lv-3 .nav-lv-3 .sub-lv {
  color: #12365A;
  font-size: 1rem;
  font-weight: 700;
  line-height: 150%; /* 24px */
}
.nav-main .nav-lv-2 .box-nav-lv-3 .nav-lv-3 .sub-lv:hover {
  color: #1A8CA9;
}
.nav-main .nav-lv-2 .text-header {
  color: #12365A;
  font-size: 2.375rem;
  font-weight: 600;
  line-height: 150%; /* 57px */
  margin-bottom: 10px;
}
.nav-main .nav-lv-2 .text-header .cl-tw {
  color: #1A8CA9;
}
.nav-main .nav-lv-2 .text-header-sub {
  color: #373737;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%; /* 24px */
  margin-bottom: 0px;
}

.box-right {
  display: flex;
  gap: 24px;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .box-right {
    justify-content: flex-end;
  }
}
.box-right .lang-main {
  display: flex;
  align-items: center;
}
.box-right .lang-main .lang-line {
  background: #C2C2C2;
  width: 10px;
  height: 1px;
}
.box-right .lang-main .lang-text {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  color: #909090;
  border-radius: 30px;
  border: 1px solid #C2C2C2;
  background: #FFF;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
.box-right .lang-main .lang-text.active, .box-right .lang-main .lang-text:hover {
  color: #383D40;
  font-weight: 500;
  background: #E1E1E1;
}

.side-menu-close {
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translate(0%, -50%);
}
.side-menu-close span {
  height: 3px;
  width: 28px;
  background: #231916;
  position: relative;
  opacity: 1;
  margin-bottom: 5px;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
.side-menu-close span span:nth-child(1) {
  top: -5px;
}
.side-menu-close span span:nth-child(3) {
  bottom: -5px;
}
.side-menu-close span:last-child {
  margin-bottom: 0px;
}

.side-menu-wrap {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateX(-110%);
  transition: transform 250ms ease-in-out;
  background: #fff;
  overflow-y: hidden;
  z-index: 50;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  height: 100vh;
}
.side-menu-wrap .side-menu-close {
  position: absolute;
  right: 0px;
  top: 15px;
  height: 40px;
  width: 40px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.side-menu-wrap.meun-mb span {
  height: 2px;
  width: 32px;
  background: #212121;
  margin-left: 8px;
}
.side-menu-wrap.meun-mb .side-menu-close {
  height: 40px;
  width: 40px;
}
.side-menu-wrap.meun-mb span:nth-child(1) {
  transform: translateY(9px) rotate(45deg);
  -webkit-transform: translateY(9px) rotate(45deg);
  -moz-transform: translateY(9px) rotate(45deg);
  -ms-transform: translateY(9px) rotate(45deg);
  -o-transform: translateY(9px) rotate(45deg);
}
.side-menu-wrap.meun-mb span:nth-child(2) {
  opacity: 0;
}
.side-menu-wrap.meun-mb span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
  -webkit-transform: translateY(-7px) rotate(-45deg);
  -moz-transform: translateY(-7px) rotate(-45deg);
  -ms-transform: translateY(-7px) rotate(-45deg);
  -o-transform: translateY(-7px) rotate(-45deg);
}
.side-menu-wrap .logo {
  border-bottom: 1px solid #fcfcfa;
  padding: 10px 0 10px 10px;
  display: block;
  text-align: center;
  margin-left: 30px;
  margin-right: 30px;
}
.side-menu-wrap .logo svg {
  fill: #fff;
  max-width: 100%;
  max-width: 150px;
}
.side-menu-wrap .logo img {
  max-width: 120px;
}
.side-menu-wrap.opened {
  box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.1);
  transform: translate(0, 0);
  width: 100%;
  transition: 0.8s;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -ms-transition: 0.8s;
  -o-transition: 0.8s;
}
.side-menu-wrap .search-box {
  padding: 16px;
  display: flex;
  justify-content: space-between;
}
.side-menu-wrap .search-box .search {
  border: none;
  border: 1px solid transparent !important;
  display: flex;
  height: 42px;
  max-width: 509px;
  min-width: 299px;
  width: 80%;
  border-radius: 20px;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  background-size: 120%;
  background-position: 70%;
  background-image: linear-gradient(white, white), linear-gradient(90deg, #272262 0%, #00A69C 100%);
  padding: 0px 16px 0px 43px;
}
.side-menu-wrap .search-box .icon-search {
  position: absolute;
  z-index: 11;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}
.side-menu-wrap .mobile-menu-box {
  padding-bottom: 20px;
  overflow: auto;
  height: calc(100% - 125px);
}
.side-menu-wrap .mobile-menu-box .menu-main {
  display: flex;
  padding: 20px 16px 60px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 28px;
}
.side-menu-wrap .mobile-menu-box .menu-main .main-lv {
  color: #12365A;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 150%; /* 42px */
  width: 100%;
  position: relative;
}
.side-menu-wrap .mobile-menu-box .menu-main .main-lv.active {
  color: #1A8CA9;
}
.side-menu-wrap .mobile-menu-box .menu-main .main-lv.nav-lv-sub::after {
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.6451 14.4781L11.6451 14.4781L11.6415 14.4746L7.35909 10.242C7.31628 10.1951 7.28278 10.1405 7.2604 10.081C7.23714 10.0192 7.22636 9.95336 7.22868 9.88735C7.23101 9.82133 7.24639 9.75643 7.27394 9.69639C7.3015 9.63635 7.34068 9.58237 7.38921 9.53756L7.3958 9.53148L7.40216 9.52517C7.44888 9.47883 7.50429 9.44217 7.56521 9.41728C7.62612 9.3924 7.69136 9.37979 7.75716 9.38017L7.75795 9.38017C7.88882 9.38072 8.01425 9.43257 8.10732 9.52455C8.10753 9.52476 8.10774 9.52497 8.10795 9.52517L11.6465 13.0637L12.0001 13.4173L12.3536 13.0637L15.8926 9.52478C15.8927 9.52463 15.8929 9.52448 15.893 9.52434C15.9866 9.43149 16.1132 9.37939 16.2451 9.37939C16.3771 9.37939 16.5039 9.43166 16.5976 9.52478L16.598 9.52518C16.6448 9.57166 16.682 9.62696 16.7074 9.68789C16.7328 9.74882 16.7459 9.81417 16.7459 9.88018C16.7459 9.94619 16.7328 10.0115 16.7074 10.0725C16.682 10.1334 16.6448 10.1887 16.598 10.2352L16.5979 10.2352L16.5965 10.2366L12.3565 14.4766L12.3565 14.4766L12.3551 14.4781C12.3086 14.5249 12.2533 14.5621 12.1923 14.5875C12.1314 14.6129 12.0661 14.626 12.0001 14.626C11.934 14.626 11.8687 14.6129 11.8078 14.5875C11.7468 14.5621 11.6915 14.5249 11.6451 14.4781Z' fill='%2312365A' stroke='%2312365A'/%3E%3C/svg%3E");
  content: "";
  width: 32px;
  height: 32px;
  transform: rotate(0deg);
  transition: transform 250ms ease-in-out;
  position: absolute;
  top: 0;
  right: 0;
  background-size: cover;
}
.side-menu-wrap .mobile-menu-box .menu-main .main-lv.nav-lv-sub.active::after {
  transform: rotate(180deg);
}
.side-menu-wrap .mobile-menu-box .menu-main .main-lv .nav-lv-2 {
  position: unset;
  transform: unset;
  transition: all 0.3s ease-in-out;
}
.side-menu-wrap .mobile-menu-box .menu-main .main-lv .nav-lv-2.active {
  padding: 10px 0 0 0;
}
.side-menu-wrap .mobile-menu-box .menu-main .main-lv .nav-lv-2 .nav-lv-3 {
  gap: 10px;
}
.side-menu-wrap .mobile-menu-box .menu-main .main-lv .nav-lv-2 .nav-lv-3 .sub-lv {
  color: #12365A;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 150%; /* 30px */
}
.side-menu-wrap .mobile-menu-box .menu-main .main-lv .nav-lv-2 .col-menu-sub {
  padding-left: 28px;
  padding-right: 0;
}
.side-menu-wrap .user-menu {
  border-top: 1px solid #e1e1e1;
  padding: 16px;
  width: 100%;
  position: fixed;
  bottom: 0;
  display: flex;
  justify-content: center;
  z-index: 10000;
  background: white;
}
.side-menu-wrap .menu-list {
  padding: 16px;
}
.side-menu-wrap .menu-list .text-menu-list {
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%; /* 22.5px */
  text-transform: uppercase;
}
.side-menu-wrap .menu-list .text-menu-list:hover {
  font-weight: 500;
}
.side-menu-wrap .menu-list .text-menu-list:hover:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #272262 0%, #00A69C 100%);
}
.side-menu-wrap .menu-list .text-menu-list.sub-menu {
  display: flex;
  justify-content: space-between;
}
.side-menu-wrap .menu-list .text-menu-list.sub-menu:after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.22918 9.21917C7.37223 9.08155 7.56406 9.00635 7.76252 9.01009C7.96098 9.01384 8.14984 9.09622 8.28759 9.23914L11.992 13.1712L15.6965 9.23914C15.7638 9.16491 15.8453 9.10495 15.9363 9.06281C16.0272 9.02067 16.1257 8.99722 16.2258 8.99383C16.326 8.99045 16.4258 9.00721 16.5194 9.04311C16.613 9.07901 16.6984 9.13333 16.7706 9.20285C16.8428 9.27237 16.9003 9.35567 16.9397 9.44782C16.9791 9.53997 16.9996 9.6391 17 9.73932C17.0004 9.83954 16.9807 9.93882 16.942 10.0313C16.9033 10.1237 16.8465 10.2075 16.7748 10.2776L12.5312 14.7708C12.4614 14.8433 12.3776 14.901 12.285 14.9403C12.1923 14.9797 12.0927 15 11.992 15C11.8914 15 11.7917 14.9797 11.6991 14.9403C11.6064 14.901 11.5227 14.8433 11.4528 14.7708L7.20921 10.2776C7.07159 10.1345 6.99639 9.94271 7.00013 9.74424C7.00388 9.54578 7.08626 9.35692 7.22918 9.21917Z' fill='%2300306B'/%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  background-size: 100%;
}
.side-menu-wrap #close-frames-mb, .side-menu-wrap #back-frames-mb {
  display: flex;
  align-items: center;
}

.sidebarBackdrop, .sidebarFilterBackdrop, .custom-overlay {
  background: rgba(0, 0, 0, 0.6);
  display: none;
  height: 100vh;
  left: 0;
  opacity: 0.5;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 20;
}
.sidebarBackdrop.show, .sidebarFilterBackdrop.show, .custom-overlay.show {
  display: block;
}

.lds-rolling {
  display: none !important;
}

.announcement-bar {
  position: relative;
  background: linear-gradient(90deg, #272262 0%, #00A69C 100%);
  display: flex;
  padding: 10px 24px;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 992px) {
  .announcement-bar {
    justify-content: start;
  }
}
.announcement-bar .announcement-content {
  color: #FFF;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 150%;
}
@media screen and (max-width: 768px) {
  .announcement-bar .announcement-content {
    font-size: 0.875rem;
    width: 80%;
  }
}
.announcement-bar .close-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 24px;
}
@media screen and (max-width: 768px) {
  .announcement-bar .close-btn {
    top: 20px;
  }
}
.announcement-bar .close-btn::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.20895 7.21806C7.34279 7.08416 7.52428 7.00893 7.71352 7.00893C7.90276 7.00893 8.08425 7.08416 8.21808 7.21806L11.9955 10.9988L15.773 7.21806C15.8388 7.14984 15.9176 7.09543 16.0046 7.05799C16.0917 7.02056 16.1854 7.00085 16.2801 7.00003C16.3749 6.9992 16.4689 7.01728 16.5566 7.05319C16.6443 7.08911 16.724 7.14214 16.791 7.20921C16.858 7.27628 16.911 7.35603 16.9469 7.44381C16.9827 7.53159 17.0008 7.62565 17 7.72049C16.9991 7.81533 16.9795 7.90906 16.9421 7.99621C16.9047 8.08335 16.8503 8.16217 16.7821 8.22806L13.0047 12.0088L16.7821 15.7895C16.9121 15.9242 16.9841 16.1046 16.9824 16.2919C16.9808 16.4792 16.9058 16.6584 16.7734 16.7908C16.6411 16.9232 16.4621 16.9983 16.275 17C16.0879 17.0016 15.9076 16.9296 15.773 16.7995L11.9955 13.0188L8.21808 16.7995C8.08348 16.9296 7.90321 17.0016 7.71609 17C7.52896 16.9983 7.34997 16.9232 7.21765 16.7908C7.08533 16.6584 7.01027 16.4792 7.00864 16.2919C7.00702 16.1046 7.07895 15.9242 7.20895 15.7895L10.9864 12.0088L7.20895 8.22806C7.07516 8.09411 7 7.91247 7 7.72306C7 7.53366 7.07516 7.35201 7.20895 7.21806Z' fill='white'/%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  background-size: 100%;
  display: block;
}

#globalSearchModal.search-overlay {
  background: rgba(225, 228, 228, 0.4196078431);
}
#globalSearchModal .search-form input[name=search] {
  width: 90%;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
#globalSearchModal .search-form .input-group-append {
  width: 10%;
}
#globalSearchModal .search-form .input-group-append .search-btn {
  width: 100%;
}
#globalSearchModal .modal-body {
  box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.1);
}
#globalSearchModal .close-btn {
  position: absolute;
  top: 0;
  right: 5px;
}

.box-widget {
  position: fixed;
  z-index: 1000;
  bottom: 9px;
  right: 9px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
  border-radius: 50px;
}
.box-widget .icon-phone::after {
  content: "";
  background-image: url("/default_image/w-phone.png");
  width: 50px;
  height: 50px;
  background-size: 100%;
  display: block;
  margin: auto;
}
.box-widget .icon-phone:hover::after {
  background-image: url("/default_image/w-phone-h.png");
}
.box-widget .icon-line {
  color: #00C500;
  font-size: 12px;
  font-weight: 400;
  line-height: 150%; /* 18px */
}
.box-widget .icon-line::before {
  content: "";
  background-image: url("/default_image/w-line.png");
  width: 50px;
  height: 50px;
  background-size: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
.box-widget .icon-line:hover::before {
  background-image: url("/default_image/w-line-h.png");
}
.box-widget .phonee-widget:hover .hover-content {
  display: block;
}
.box-widget .hover-content {
  position: absolute;
  top: -20px;
  right: 85%;
  background: #fff;
  padding: 15px 12px;
  border-radius: 12px;
  z-index: 1;
  width: 240px;
  box-shadow: 0 6px 10px 0 rgba(40, 55, 132, 0.1490196078);
  display: none;
  transition: 0.5s ease-out;
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
}
.box-widget .wid-title {
  color: #383D40;
  font-weight: 700;
  line-height: 1.5;
  font-size: 1.125rem;
  text-align: left;
  text-align: center;
}
.box-widget .btn-primary {
  width: 100%;
  border-radius: 20px;
}

.line-side-popover {
  height: 300px;
  width: 300px;
  box-shadow: 0 6px 10px 0 rgba(40, 55, 132, 0.1490196078);
  height: 300px;
  width: 300px;
}
.line-side-popover .line-button-container {
  position: fixed;
  right: 20px;
  top: 90%;
  z-index: 20;
}
.line-side-popover .line-button {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none'%3E%3Crect width='50' height='50' fill='%2300C500' rx='25'/%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M35.995 30.046c-2.939 3.405-9.5 7.535-10.995 8.169-1.431.606-1.289-.31-1.228-.703l.008-.05c.026-.14.092-.54.197-1.2.052-.37.104-.924-.04-1.28-.157-.396-.774-.594-1.233-.7C15.973 33.398 11 28.66 11 23.012c0-6.295 6.272-11.429 14-11.429 7.715 0 14 5.134 14 11.429 0 2.52-.984 4.79-3.005 7.034Zm-1.872-3.616h-3.936a.264.264 0 0 1-.262-.264v-6.15c0-.145.118-.263.262-.263h3.936c.145 0 .263.118.263.263v1.003a.264.264 0 0 1-.263.264h-2.676v1.043h2.676c.145 0 .263.119.263.264v1.003a.264.264 0 0 1-.263.264h-2.676v1.042h2.676c.145 0 .263.12.263.264v1.003a.264.264 0 0 1-.263.264Zm-18.487 0h3.936a.264.264 0 0 0 .263-.264v-1.003a.264.264 0 0 0-.263-.264h-2.676v-4.883a.264.264 0 0 0-.263-.263h-.997a.264.264 0 0 0-.262.263v6.15c0 .145.118.264.262.264Zm6.298-6.677h-.997a.263.263 0 0 0-.263.263v6.15c0 .146.118.264.263.264h.997a.263.263 0 0 0 .262-.264v-6.15a.263.263 0 0 0-.262-.263Zm7.033 6.413v-6.15a.267.267 0 0 0-.276-.263h-.984c-.144 0-.275.118-.275.263v3.643l-2.795-3.788c0-.009-.004-.017-.013-.026l-.026-.026-.014-.014h-.013c0-.008-.004-.013-.013-.013v-.013h-.026l-.013-.013h-.013c-.009 0-.013-.005-.013-.013H23.43c-.144 0-.276.118-.276.263v6.15c0 .145.132.264.276.264h.984a.267.267 0 0 0 .275-.264v-3.655l2.795 3.8a.23.23 0 0 0 .066.066h.013c0 .01.004.014.013.014l.013.013h.027v.013h.026c.017.009.04.013.065.013h.984a.267.267 0 0 0 .276-.264Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M11 11h28v28H11z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 50px;
  vertical-align: middle;
  width: 50px;
}
.line-side-popover .popover-header {
  background-color: #383D40 !important;
  color: #fff;
  text-align: center;
}
.line-side-popover .popover-close {
  color: #fff;
}
.line-side-popover .line-icon-head {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M17.854 13.604c-2.1 2.432-6.786 5.383-7.854 5.835-1.022.433-.92-.221-.877-.501l.005-.036c.02-.1.066-.387.141-.858.037-.264.075-.66-.028-.914-.113-.283-.553-.424-.881-.5C3.552 16 0 12.615 0 8.58 0 4.084 4.48.417 10 .417c5.51 0 10 3.667 10 8.163 0 1.8-.703 3.422-2.146 5.024Zm-1.337-2.582h-2.812a.188.188 0 0 1-.187-.189V6.44c0-.103.084-.188.187-.188h2.812c.103 0 .187.085.187.188v.717a.189.189 0 0 1-.187.188h-1.912v.745h1.912c.103 0 .187.085.187.189v.716a.189.189 0 0 1-.187.188h-1.912v.745h1.912c.103 0 .187.085.187.189v.716a.189.189 0 0 1-.187.189Zm-13.206 0h2.812a.189.189 0 0 0 .188-.189v-.716a.189.189 0 0 0-.188-.189H4.211V6.44a.189.189 0 0 0-.187-.188H3.31a.189.189 0 0 0-.187.188v4.394c0 .103.084.188.187.188Zm4.499-4.77h-.712a.188.188 0 0 0-.188.188v4.393c0 .104.084.189.188.189h.712a.188.188 0 0 0 .187-.189V6.44a.188.188 0 0 0-.187-.188Zm5.024 4.581V6.44a.19.19 0 0 0-.197-.188h-.703c-.103 0-.197.085-.197.188v2.602L9.741 6.337c0-.007-.003-.013-.01-.02L9.713 6.3l-.01-.01h-.01c0-.006-.002-.009-.008-.009v-.01h-.02l-.009-.009h-.009c-.006 0-.01-.003-.01-.01H8.88a.197.197 0 0 0-.197.19v4.392c0 .104.093.189.197.189h.702a.19.19 0 0 0 .197-.189V8.222l1.996 2.715a.17.17 0 0 0 .047.047h.01c0 .006.003.01.01.01l.009.009h.019v.01h.018a.123.123 0 0 0 .047.009h.703a.19.19 0 0 0 .197-.189Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  width: 20px;
  margin-right: 5px;
}
.line-side-popover .popover-header .popover-close {
  cursor: pointer;
  float: right;
  text-align: right;
}

.footer-main {
  border-top: 1px solid #CACACA;
  background: #FFF;
}
.footer-main .footer-main-one {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media screen and (max-width: 922px) {
  .footer-main .footer-main-one {
    padding-bottom: 0px;
  }
}
.footer-main .footer-menu {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 220px;
  margin: auto;
  gap: 20px;
}
@media screen and (max-width: 922px) {
  .footer-main .footer-menu {
    padding-top: 10px;
    gap: 10px;
    padding-bottom: 10px;
    text-align: center;
  }
}
.footer-main .footer-menu a {
  color: #12365A;
  font-size: 1rem;
  font-weight: 700;
  line-height: 150%; /* 24px */
}
.footer-main .footer-menu a:hover {
  color: #1A8CA9;
}
.footer-main .logo-site {
  margin-top: 10px;
  margin-bottom: 10px;
}
.footer-main .text-footer {
  max-width: 648px;
}
@media screen and (max-width: 922px) {
  .footer-main .text-footer {
    margin-bottom: 20px;
  }
}
.footer-main .text-footer p {
  color: #373737;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%; /* 24px */
  margin-bottom: 10px;
}
.footer-main .text-footer p:last-child {
  margin-bottom: 0px;
}
.footer-main .footer-copyright {
  padding: 10px 0px;
  background: #12365A;
}
.footer-main .footer-copyright .footer-bottom-copyright {
  text-align: center;
  color: #FFF;
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
.footer-main .footer-icon {
  display: flex;
  gap: 20px;
  height: 100%;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width: 922px) {
  .footer-main .footer-icon {
    justify-content: center;
  }
}
.footer-main .footer-icon .facebook-icon-img {
  width: 24px;
  height: 24px;
  margin: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_503_348)'%3E%3Cpath d='M15.997 3.985H18.188V0.169C17.81 0.117 16.51 0 14.996 0C8.06401 0 9.95001 7.85 9.67401 9H6.18701V13.266H9.67301V24H13.947V13.267H17.292L17.823 9.001H13.946C14.134 6.177 13.185 3.985 15.997 3.985Z' fill='%232B3B62'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_503_348'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.footer-main .footer-icon .facebook-icon-img:hover {
  filter: brightness(0) saturate(100%) invert(39%) sepia(92%) saturate(391%) hue-rotate(145deg) brightness(98%) contrast(96%);
}
.footer-main .footer-icon .line-icon-img {
  width: 24px;
  height: 24px;
  margin: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.4105 24H18.5895C21.5776 24 24 21.5776 24 18.5895V5.41055C24 2.42241 21.5776 0 18.5895 0H5.4105C2.42236 0 0 2.42241 0 5.41055V18.5895C0 21.5776 2.42236 24 5.4105 24ZM11.9975 4.37587C16.4097 4.37587 19.9992 7.28888 19.9992 10.8693C19.9992 12.3022 19.4436 13.5928 18.284 14.8646H18.2844C16.6056 16.7968 12.8516 19.1503 11.9976 19.5102C11.1671 19.8601 11.2634 19.3126 11.3014 19.0963L11.3045 19.0788C11.3248 18.9584 11.4187 18.3938 11.4187 18.3938C11.4456 18.1894 11.4735 17.8725 11.3928 17.6703C11.3031 17.4475 10.9484 17.332 10.6878 17.2757C6.84253 16.7675 3.99591 14.0792 3.99591 10.8693C3.99591 7.28888 7.58574 4.37587 11.9975 4.37587ZM17.3372 12.9368H15.0922H15.0892C15.0048 12.9368 14.9364 12.8684 14.9364 12.784V12.7816V12.7814V9.2955V9.29527V9.29198C14.9364 9.20761 15.0048 9.13922 15.0892 9.13922H15.0922H17.3372C17.4213 9.13922 17.49 9.20794 17.49 9.29198V9.85945C17.49 9.94383 17.4216 10.0123 17.3372 10.0123H15.8094V10.6015H17.3372C17.4213 10.6015 17.49 10.6703 17.49 10.7543V11.3218C17.49 11.4062 17.4216 11.4746 17.3372 11.4746H15.8094V12.0639H17.3372C17.4213 12.0639 17.49 12.1327 17.49 12.2167V12.7841C17.49 12.8684 17.4216 12.9368 17.3372 12.9368ZM9.17447 12.7842C9.17447 12.8686 9.10608 12.9369 9.0217 12.9369H6.77667H6.77367C6.6893 12.9369 6.62091 12.8686 6.62091 12.7842V12.7817V12.7815V9.29209C6.62091 9.20772 6.6893 9.13933 6.77367 9.13933H7.34114C7.42514 9.13933 7.49391 9.20804 7.49391 9.29209V12.0639H9.0217C9.1057 12.0639 9.17447 12.1327 9.17447 12.2167V12.7842ZM10.375 9.13912H9.80752C9.72314 9.13912 9.65475 9.20756 9.65475 9.29189V12.784C9.65475 12.8684 9.72314 12.9368 9.80752 12.9368H10.375C10.4594 12.9368 10.5278 12.8684 10.5278 12.784V9.29189C10.5278 9.20752 10.4594 9.13912 10.375 9.13912ZM13.6707 9.13912H14.2381C14.3225 9.13912 14.391 9.20752 14.3909 9.29189V12.784C14.3909 12.8684 14.3225 12.9368 14.2381 12.9368H13.6738C13.6237 12.9368 13.5758 12.911 13.5462 12.8709L11.9464 10.7105V12.784C11.9464 12.8684 11.878 12.9368 11.7937 12.9368H11.2262C11.1418 12.9368 11.0734 12.8684 11.0734 12.784V9.29189C11.0734 9.20756 11.1418 9.13912 11.2262 9.13912H11.7905C11.8427 9.13912 11.8896 9.16697 11.9202 9.20831L13.5179 11.366V9.29189C13.5179 9.20756 13.5863 9.13912 13.6707 9.13912Z' fill='%232B3B62'/%3E%3C/svg%3E");
}
.footer-main .footer-icon .line-icon-img:hover {
  filter: brightness(0) saturate(100%) invert(39%) sepia(92%) saturate(391%) hue-rotate(145deg) brightness(98%) contrast(96%);
}
.footer-main .footer-icon .x-icon-img {
  width: 24px;
  height: 24px;
  margin: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cg clip-path='url(%23clip0_561_11349)'%3E%3Cpath d='M13.4695 11.5913L18.8703 19.3165H16.6538L12.2466 13.0127V13.0123L11.5995 12.087L6.45117 4.72266H8.6677L12.8224 10.6659L13.4695 11.5913Z' fill='%2312365A'/%3E%3Cpath d='M22.0737 0H3.26024C1.82807 0 0.666992 1.16108 0.666992 2.59325V21.4067C0.666992 22.8389 1.82807 24 3.26024 24H22.0737C23.5059 24 24.667 22.8389 24.667 21.4067V2.59325C24.667 1.16108 23.5059 0 22.0737 0ZM15.975 20.3525L11.5151 13.8617L5.93134 20.3525H4.48821L10.8743 12.9295L4.48821 3.63521H9.35902L13.5822 9.78152L18.8696 3.63521H20.3128L14.2232 10.7139H14.2228L20.8458 20.3525H15.975Z' fill='%2312365A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_561_11349'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.666992)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.footer-main .footer-icon .x-icon-img:hover {
  filter: brightness(0) saturate(100%) invert(39%) sepia(92%) saturate(391%) hue-rotate(145deg) brightness(98%) contrast(96%);
}
.footer-main .footer-icon .in-icon-img {
  width: 24px;
  height: 24px;
  margin: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_561_11362)'%3E%3Cpath d='M21.7732 0H2.22682C1.63623 0 1.06983 0.234611 0.65222 0.65222C0.234611 1.06983 0 1.63623 0 2.22682L0 21.7732C0 22.3638 0.234611 22.9302 0.65222 23.3478C1.06983 23.7654 1.63623 24 2.22682 24H21.7732C22.3638 24 22.9302 23.7654 23.3478 23.3478C23.7654 22.9302 24 22.3638 24 21.7732V2.22682C24 1.63623 23.7654 1.06983 23.3478 0.65222C22.9302 0.234611 22.3638 0 21.7732 0ZM8.18182 18.9927C8.182 19.0593 8.16904 19.1252 8.1437 19.1867C8.11836 19.2483 8.08112 19.3042 8.03412 19.3513C7.98713 19.3985 7.9313 19.4359 7.86983 19.4614C7.80836 19.4869 7.74246 19.5 7.67591 19.5H5.52C5.45333 19.5002 5.38729 19.4872 5.32566 19.4618C5.26404 19.4363 5.20804 19.399 5.1609 19.3518C5.11376 19.3047 5.0764 19.2487 5.05097 19.1871C5.02555 19.1254 5.01255 19.0594 5.01273 18.9927V9.95455C5.01273 9.82001 5.06617 9.69098 5.1613 9.59585C5.25644 9.50072 5.38546 9.44727 5.52 9.44727H7.67591C7.81021 9.44763 7.93889 9.50124 8.03372 9.59633C8.12856 9.69142 8.18182 9.82024 8.18182 9.95455V18.9927ZM6.59727 8.59091C6.19272 8.59091 5.79725 8.47095 5.46088 8.24619C5.12451 8.02143 4.86234 7.70197 4.70752 7.32822C4.5527 6.95446 4.5122 6.54319 4.59112 6.14641C4.67005 5.74963 4.86486 5.38516 5.15092 5.0991C5.43698 4.81304 5.80145 4.61823 6.19822 4.5393C6.595 4.46038 7.00628 4.50089 7.38003 4.6557C7.75379 4.81052 8.07325 5.07269 8.29801 5.40906C8.52276 5.74543 8.64273 6.1409 8.64273 6.54545C8.64273 7.08794 8.42723 7.60821 8.04363 7.99181C7.66003 8.37541 7.13976 8.59091 6.59727 8.59091ZM19.4509 19.0282C19.4511 19.0895 19.4391 19.1502 19.4158 19.2069C19.3924 19.2635 19.3581 19.315 19.3147 19.3584C19.2714 19.4017 19.2199 19.436 19.1632 19.4594C19.1066 19.4828 19.0458 19.4947 18.9845 19.4945H16.6664C16.6051 19.4947 16.5443 19.4828 16.4877 19.4594C16.431 19.436 16.3795 19.4017 16.3362 19.3584C16.2929 19.315 16.2585 19.2635 16.2351 19.2069C16.2118 19.1502 16.1998 19.0895 16.2 19.0282V14.7941C16.2 14.1614 16.3855 12.0232 14.5459 12.0232C13.1209 12.0232 12.8305 13.4864 12.7732 14.1436V19.0336C12.7732 19.1562 12.725 19.2738 12.639 19.361C12.553 19.4483 12.4361 19.4982 12.3136 19.5H10.0745C10.0134 19.5 9.95279 19.4879 9.89628 19.4645C9.83978 19.441 9.78846 19.4066 9.74526 19.3633C9.70206 19.32 9.66784 19.2686 9.64455 19.212C9.62126 19.1554 9.60937 19.0948 9.60955 19.0336V9.915C9.60937 9.85382 9.62126 9.79321 9.64455 9.73663C9.66784 9.68006 9.70206 9.62864 9.74526 9.58531C9.78846 9.54199 9.83978 9.50762 9.89628 9.48416C9.95279 9.46071 10.0134 9.44864 10.0745 9.44864H12.3136C12.4373 9.44864 12.5559 9.49777 12.6434 9.58523C12.7309 9.67269 12.78 9.79131 12.78 9.915V10.7032C13.3091 9.90818 14.0932 9.29727 15.7664 9.29727C19.4727 9.29727 19.4482 12.7582 19.4482 14.6591L19.4509 19.0282Z' fill='%2312365A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_561_11362'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.footer-main .footer-icon .in-icon-img:hover {
  filter: brightness(0) saturate(100%) invert(39%) sepia(92%) saturate(391%) hue-rotate(145deg) brightness(98%) contrast(96%);
}

.slick-slider .slick-dots li {
  width: 12px;
  height: 12px;
  margin: 4px;
  opacity: 0.5;
}
.slick-slider .slick-dots li.slick-active {
  width: 32px;
  height: 12px;
  border-radius: 20px;
  opacity: 1;
}

.grid-1 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
}
.grid-1 .item-box {
  flex: 0 0 100%;
  max-width: 100%;
}
@media screen and (max-width: 767.98px) {
  .grid-1 .item-box {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 922px) {
  .grid-1 .item-box {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

.grid-2 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
}
.grid-2 .item-box {
  flex: 0 0 50%;
  max-width: 50%;
}
@media screen and (max-width: 767.98px) {
  .grid-2 .item-box {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 922px) {
  .grid-2 .item-box {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

.grid-3 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
}
.grid-3 .item-box {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
@media screen and (max-width: 767.98px) {
  .grid-3 .item-box {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 922px) {
  .grid-3 .item-box {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

.grid-4 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
}
.grid-4 .item-box {
  flex: 0 0 25%;
  max-width: 25%;
}
@media screen and (max-width: 767.98px) {
  .grid-4 .item-box {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 922px) {
  .grid-4 .item-box {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

.grid-5 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
}
.grid-5 .item-box {
  flex: 0 0 20%;
  max-width: 20%;
}
@media screen and (max-width: 767.98px) {
  .grid-5 .item-box {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 922px) {
  .grid-5 .item-box {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

.grid-6 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
}
.grid-6 .item-box {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
@media screen and (max-width: 767.98px) {
  .grid-6 .item-box {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 922px) {
  .grid-6 .item-box {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

.slider-sg .slider-category-page {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  row-gap: 40px;
}
.slider-sg .slider-category-page .item-box {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
@media screen and (max-width: 767.98px) {
  .slider-sg .slider-category-page .item-box {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 922px) {
  .slider-sg .slider-category-page .item-box {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media screen and (max-width: 768px) {
  .slider-sg .slider-category-page {
    row-gap: 24px;
  }
}
.slider-sg .slider-category-page .banner-slider {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 100px;
}
.slider-sg .cat-info {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  row-gap: 16px;
}
.slider-sg .cat-info:hover .prod-img {
  border: 2px solid #FEC618;
}
.slider-sg .cat-info .prod-img {
  max-width: 160px;
  max-height: 160px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 1px solid #E1E1E1;
  border-radius: 100%;
}
.slider-sg .cat-info .prod-img img {
  width: 100%;
}
.slider-sg .cat-info .link-cat {
  color: #212121;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%; /* 24px */
  text-transform: uppercase;
}

.header-page {
  position: relative;
  overflow: hidden;
}
.header-page .overlay-bg {
  position: absolute;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(22, 22, 22, 0.72) 42%, rgba(28, 28, 28, 0.8) 100%);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100vh;
  z-index: 2;
}
.header-page .header-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 101%;
  -o-object-fit: cover;
     object-fit: cover;
}
.header-page .header-text-page {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 520px;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 992px) {
  .header-page .header-text-page {
    padding-top: 40px;
    padding-bottom: 40px;
    min-height: 482px;
  }
}

.title-main-page {
  color: #1A8CA9;
  font-size: 3.75rem;
  font-weight: 500;
  line-height: 150%; /* 90px */
  text-transform: capitalize;
}
@media screen and (max-width: 768px) {
  .title-main-page {
    font-size: 2.875rem;
    line-height: 120%;
  }
}

.text-header-page {
  color: #FFF;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 150%; /* 36px */
  max-width: 1096px;
}
@media screen and (max-width: 768px) {
  .text-header-page {
    font-size: 1.25rem;
  }
}

.donwload-bch {
  padding-top: 20px;
  padding-bottom: 20px;
  background: #12365A;
}
.donwload-bch .text-dn-1 {
  color: #FFF;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%; /* 27px */
  text-align: center;
  margin-bottom: 4px;
}
.donwload-bch .text-dn-2 {
  color: #FFF;
  font-size: 38px;
  font-weight: 600;
  line-height: 150%; /* 57px */
  text-align: center;
  margin-bottom: 10px;
}
.donwload-bch .donwload-bm-page {
  display: flex;
  width: 200px;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  margin: auto;
  color: #EC4F44;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%; /* 24px */
  background: #FFF;
}
.donwload-bch .donwload-bm-page:hover {
  color: #233050;
  background: #FFF;
}

.donwload-doas {
  padding-top: 40px;
  padding-bottom: 40px;
  background: #F2F2F2;
}
.donwload-doas .text-dn-1 {
  color: #12365A;
  text-align: center;
  font-size: 2.375rem;
  font-weight: 600;
  line-height: 150%; /* 57px */
  margin-bottom: 8px;
}
.donwload-doas .text-dn-1 span {
  color: #1A8CA9;
}
.donwload-doas .text-dn-2 {
  color: #161C2D;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%; /* 57px */
  text-align: center;
  margin-bottom: 34px;
}
.donwload-doas .donwload-bm-page {
  display: flex;
  width: 200px;
  padding: 9px 60.207px 10px 60.56px;
  justify-content: center;
  align-items: center;
  margin: auto;
  color: #FFF;
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 150%; /* 24px */
  border: 1px solid #233050;
  background: #2B3B62;
}
.donwload-doas .donwload-bm-page:hover {
  color: #233050;
  border: 1px solid #2B3B62;
  background: #FFF;
}

.score-icon-box {
  background: #12365A;
  padding: 40px 60px;
}
@media screen and (max-width: 992px) {
  .score-icon-box {
    padding: 20px 16px;
  }
}
.score-icon-box .score-box-row {
  display: flex;
  flex-wrap: wrap;
  row-gap: 14px;
}
@media screen and (max-width: 992px) {
  .score-icon-box .score-box-row {
    padding: 40px 0px;
  }
}
.score-icon-box .score-box-row .score-main {
  width: 20%;
}
@media screen and (max-width: 992px) {
  .score-icon-box .score-box-row .score-main {
    width: 100%;
  }
}
.score-icon-box .score-box-row .score-main .score-icon {
  height: 134px;
  background-repeat: no-repeat;
  background-position: center bottom;
  margin-bottom: 10px;
}
.score-icon-box .score-box-row .score-main .score-icon.score-icon-1 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='87' height='100' viewBox='0 0 87 100' fill='none'%3E%3Cpath d='M36.0494 9.53354C36.0494 14.7966 32.5966 19.0703 28.3319 19.0703C24.0691 19.0703 20.6133 14.7966 20.6133 9.53354C20.6133 4.26448 24.0691 -0.000236511 28.3319 -0.000236511C32.5966 -0.000236511 36.0494 4.26448 36.0494 9.53354Z' fill='white'/%3E%3Cpath d='M15.313 48.3264L14.0853 46.2021L11.7036 42.0859L11.0074 40.8821L15.722 35.1952C15.5624 39.5726 15.4208 43.949 15.313 48.3264ZM41.0031 36.021C40.9732 35.1613 40.9323 34.3015 40.8994 33.4418L42.9509 35.1503L43.9393 35.9721L34.6918 41.3848L33.8211 40.0912L41.0031 36.021ZM26.1394 71.0822C26.1394 54.6208 38.8667 41.1464 55.013 39.9316C55.1836 36.7281 55.4479 31.868 55.392 32.8374L55.3771 32.8284L55.1467 32.6569L54.2241 31.9707L52.375 30.6033L48.6758 27.8646L41.2823 22.3891C40.4974 21.8156 39.6118 21.5054 38.7371 21.4346C38.6882 21.4236 38.6443 21.4027 38.5915 21.3977C37.3268 21.2431 36.0721 21.1493 34.8184 21.0516L34.7905 21.1643L38.0968 23.9569L34.1452 25.9426L35.9724 29.0774L30.9337 40.2069L30.1269 24.8835L30.8559 24.2661L29.8925 20.8052H26.7697L25.8103 24.2661L26.5354 24.8815L25.7315 40.2049L20.6898 29.0774L22.522 25.9426L18.5704 23.9569L21.8767 21.1613L21.8468 21.0516C20.5931 21.1493 19.3394 21.2431 18.0737 21.3977C17.9551 21.4116 17.8394 21.4436 17.7247 21.4924C16.5258 21.5812 15.313 22.1267 14.3715 23.1291L1.44074 37.0872L1.39287 37.141L1.37791 37.156C0.135195 48.2766 1.03481 40.2428 0.759543 42.7282L0.763532 42.7352L0.782482 42.7691L0.849306 42.9008L0.982952 43.1671L1.25124 43.6977L1.79082 44.7579L2.86198 46.8793L5.01329 51.121L9.31491 59.6046C11.2827 58.6262 13.2196 57.5919 15.1415 56.5327C15.1116 58.334 15.0527 60.1352 15.0298 61.9364C15.0298 62.0222 15.0557 62.087 15.0597 62.1708H16.079L17.235 99.0293H27.7452C27.8878 94.214 27.9277 87.7771 27.9197 81.4827C26.7697 78.2283 26.1394 74.7286 26.1394 71.0822Z' fill='white'/%3E%3Cpath d='M29.5645 85.3006L29.9963 99.0293H40.5065C40.5235 98.5087 40.5344 97.9541 40.5494 97.3976C35.9017 94.4175 32.0948 90.2425 29.5645 85.3006Z' fill='white'/%3E%3Cpath d='M59.3852 68.7554C56.3881 67.6763 55.1653 66.9093 55.1653 65.7953C55.1653 64.8168 55.9024 63.8085 58.1644 63.8085C60.6728 63.8085 62.3094 64.6124 63.1841 65.0273L64.2264 61.0917C63.0056 60.5372 61.4358 60.0126 59.1408 59.9388V56.8719H55.7279V60.1841C51.9987 60.8813 49.8374 63.2869 49.8374 66.3887C49.8374 69.7697 52.3817 71.5071 56.1088 72.7608C58.7229 73.6315 59.839 74.4723 59.839 75.7958C59.839 77.1522 58.4776 77.9541 56.4569 77.9541C54.1939 77.9541 52.1364 77.226 50.6742 76.4241L49.625 80.4974C50.9535 81.2304 53.2155 81.8887 55.5523 81.9944V85.3066H59.0022V81.7171C63.0056 81.0529 65.1679 78.4039 65.1679 75.3061C65.1679 72.1345 63.5302 70.2196 59.3852 68.7554Z' fill='white'/%3E%3Cpath d='M57.3989 92.7013C45.4884 92.7013 35.7931 83.004 35.7931 71.0915C35.7931 59.177 45.4884 49.4816 57.3989 49.4816C69.3134 49.4816 79.0108 59.177 79.0108 71.0915C79.0108 83.004 69.3134 92.7013 57.3989 92.7013ZM85.705 73.6517C84.9979 73.6138 84.4524 73.0174 84.4843 72.3122C84.5032 71.9063 84.5142 71.4974 84.5142 71.0915C84.5142 70.3824 85.0837 69.8099 85.7938 69.8099C85.9743 69.8099 86.1439 69.8468 86.3005 69.9176C86.2705 69.1895 86.2366 68.4624 86.1519 67.7463C86.0062 67.8471 85.8387 67.9229 85.6532 67.9508C85.5824 67.9568 85.5185 67.9618 85.4477 67.9618C84.8323 67.9618 84.2908 67.5139 84.19 66.8846C84.1232 66.4757 84.0564 66.0738 83.9726 65.6758C83.835 64.9836 84.2798 64.3094 84.974 64.1698C85.1505 64.1289 85.325 64.1309 85.4886 64.1698C85.2582 63.2363 84.9869 62.3227 84.6708 61.433C84.5511 61.5547 84.4045 61.6515 84.2389 61.7163C84.0823 61.7761 83.9228 61.809 83.7622 61.809C83.2565 61.809 82.7768 61.5038 82.5753 61.0052C82.4227 60.6242 82.2661 60.2502 82.0956 59.8801C81.8054 59.2398 82.0876 58.4769 82.7319 58.1866C82.8955 58.1128 83.063 58.0729 83.2346 58.0729C82.8027 57.2212 82.33 56.3914 81.8203 55.5875C81.7266 55.7311 81.6079 55.8608 81.4633 55.9635C81.2428 56.1201 80.9825 56.1919 80.7372 56.1919C80.3293 56.1919 79.9303 55.9984 79.68 55.6394C79.4516 55.3052 79.2112 54.9791 78.9659 54.652C78.538 54.0934 78.6457 53.2886 79.2092 52.8587C79.3568 52.745 79.5274 52.6762 79.6969 52.6393C79.0836 51.8963 78.4263 51.1861 77.7421 50.5079C77.6843 50.6755 77.6005 50.8321 77.4778 50.9657C77.2245 51.247 76.8754 51.3866 76.5323 51.3866C76.2241 51.3866 75.9149 51.2769 75.6696 51.0515C75.3674 50.7782 75.0592 50.5079 74.743 50.2476C74.2035 49.7958 74.1287 48.989 74.5825 48.4504C74.6982 48.3097 74.8278 48.207 74.9774 48.1342C74.2254 47.5518 73.4405 47.0142 72.6326 46.5085C72.6147 46.6741 72.5598 46.8416 72.473 46.9922C72.2347 47.4031 71.8068 47.6415 71.36 47.6415C71.1485 47.6415 70.9301 47.5857 70.7317 47.476C70.3746 47.2715 70.0175 47.078 69.6525 46.8955C69.0202 46.5773 68.7708 45.8064 69.09 45.178C69.1728 45.0185 69.2825 44.8808 69.4101 44.7711C68.5474 44.3762 67.6598 44.0241 66.7542 43.7139C66.7721 43.8775 66.7572 44.047 66.7093 44.2186C66.5457 44.7781 66.0351 45.1411 65.4845 45.1411C65.3658 45.1411 65.2432 45.1262 65.1235 45.0903C64.7335 44.9776 64.3386 44.8659 63.9406 44.7691C63.2554 44.5976 62.8355 43.9074 63.0031 43.2212C63.051 43.0327 63.1407 42.8731 63.2524 42.7255C62.3069 42.534 61.3545 42.3834 60.38 42.2847C60.4469 42.4582 60.4878 42.6348 60.4728 42.8302C60.4279 43.5094 59.8694 44.0301 59.1962 44.0301C59.1702 44.0301 59.1403 44.0261 59.1144 44.0261C58.7085 44.0001 58.3035 43.9852 57.8936 43.9802C57.1835 43.9692 56.627 43.3788 56.6379 42.6757C56.6439 42.4911 56.6878 42.3146 56.7666 42.166C55.7952 42.185 54.8387 42.2518 53.8942 42.3685C53.9869 42.5081 54.0538 42.6737 54.0867 42.8502C54.1984 43.5463 53.7246 44.2046 53.0265 44.3203C52.6216 44.3911 52.2196 44.4619 51.8207 44.5477C51.7319 44.5637 51.6461 44.5756 51.5604 44.5756C50.9649 44.5756 50.4333 44.1567 50.3107 43.5533C50.2698 43.3788 50.2728 43.2092 50.3047 43.0497C49.3761 43.2781 48.4666 43.5613 47.5789 43.8795C47.6986 44.0001 47.7953 44.1438 47.8602 44.3093C48.1265 44.9626 47.8133 45.7116 47.153 45.9759C46.779 46.1285 46.407 46.2901 46.042 46.4596C45.8634 46.5404 45.6849 46.5773 45.5064 46.5773C45.0227 46.5773 44.5579 46.307 44.3415 45.8363C44.2677 45.6727 44.2298 45.5042 44.2228 45.3326C43.374 45.7735 42.5522 46.2482 41.7483 46.7618C41.8929 46.8506 42.0196 46.9683 42.1263 47.1109C42.5293 47.6914 42.3886 48.4893 41.8132 48.8972C41.48 49.1316 41.1529 49.3719 40.8308 49.6213C40.5944 49.8018 40.3211 49.8886 40.0518 49.8886C39.6678 49.8886 39.2888 49.721 39.0355 49.3939C38.9238 49.2493 38.85 49.0867 38.8091 48.9161C38.075 49.5295 37.3719 50.1888 36.7027 50.873C36.8662 50.9248 37.0228 51.0146 37.1605 51.1333C37.6831 51.61 37.722 52.4179 37.2462 52.9425C36.974 53.2457 36.7136 53.5519 36.4533 53.867C36.2 54.1752 35.835 54.3338 35.463 54.3338C35.1767 54.3338 34.8905 54.2411 34.6521 54.0436C34.5185 53.9319 34.4107 53.7962 34.3319 53.6526C33.7595 54.4116 33.2239 55.1955 32.7282 56.0104C32.8918 56.0233 33.0543 56.0712 33.2079 56.159C33.8223 56.5051 34.0457 57.285 33.6996 57.8964C33.5021 58.2554 33.3126 58.6145 33.1301 58.9835C32.9037 59.4293 32.4529 59.6896 31.9842 59.6896C31.7887 59.6896 31.5932 59.6438 31.4117 59.554C31.2511 59.4742 31.1155 59.3625 31.0057 59.2338C30.6148 60.1016 30.2647 60.9902 29.9605 61.9058C30.1271 61.8838 30.3026 61.8888 30.4771 61.9417C31.1583 62.1362 31.5453 62.8473 31.3518 63.5285C31.2401 63.9155 31.1364 64.3154 31.0357 64.7094C30.898 65.2938 30.3734 65.6918 29.793 65.6918C29.6962 65.6918 29.5955 65.6788 29.4908 65.6529C29.3092 65.607 29.1467 65.5212 29.007 65.4095C28.8175 66.354 28.6759 67.3205 28.5792 68.3009C28.7467 68.234 28.9292 68.1912 29.1227 68.1852C29.8299 68.2281 30.3694 68.8325 30.3245 69.5396C30.3026 69.9435 30.2916 70.3494 30.2857 70.7564C30.2767 71.4615 29.7072 72.025 29.007 72.025H28.9891C28.8066 72.022 28.635 71.9791 28.4824 71.9083C28.5054 72.8758 28.5792 73.8262 28.6989 74.7697C28.8475 74.675 29.007 74.6082 29.1856 74.5802C29.8857 74.4586 30.541 74.9293 30.6597 75.6255C30.7305 76.0334 30.8043 76.4314 30.8901 76.8293C31.0407 77.5195 30.5998 78.1987 29.9096 78.3513C29.8149 78.3682 29.7291 78.3772 29.6404 78.3772C29.5546 78.3772 29.4768 78.3513 29.394 78.3363C29.6364 79.2678 29.9186 80.1814 30.2497 81.0751C30.3654 80.9574 30.5071 80.8576 30.6706 80.7918C31.3179 80.5185 32.0739 80.8307 32.3452 81.48C32.5018 81.858 32.6634 82.228 32.8399 82.595C33.1381 83.2363 32.8638 83.9973 32.2265 84.3005C32.062 84.3773 31.8834 84.4073 31.7159 84.4122C32.1597 85.269 32.6394 86.0928 33.164 86.8967C33.2528 86.7481 33.3685 86.6154 33.5171 86.5077C34.0976 86.1018 34.8975 86.2374 35.3054 86.8089C35.5378 87.14 35.7831 87.4692 36.0324 87.7843C36.4683 88.3418 36.3716 89.1477 35.813 89.5816C35.6684 89.6953 35.5038 89.7651 35.3403 89.803C35.9586 90.534 36.6169 91.2372 37.3111 91.9084C37.3649 91.7409 37.4507 91.5853 37.5694 91.4496C38.0421 90.917 38.853 90.8761 39.3776 91.3509C39.6788 91.6202 39.988 91.8825 40.3061 92.1418C40.8547 92.5876 40.9395 93.3915 40.4907 93.938C40.3829 94.0797 40.2413 94.1764 40.0927 94.2532C40.8547 94.8277 41.6476 95.3623 42.4644 95.855C42.4814 95.6934 42.5293 95.5308 42.615 95.3752C42.9561 94.7529 43.7351 94.5305 44.3534 94.8666C44.7105 95.0621 45.0725 95.2526 45.4436 95.4321C46.0759 95.7453 46.3342 96.5102 46.024 97.1475C45.9382 97.3171 45.8006 97.4268 45.663 97.5445C46.5486 97.9335 47.4522 98.2925 48.3788 98.5957C48.3568 98.4222 48.3618 98.2436 48.4127 98.0671C48.6062 97.3879 49.3163 96.995 49.9905 97.1795C50.3845 97.2952 50.7794 97.3939 51.1774 97.4906C51.8656 97.6522 52.2904 98.3404 52.1299 99.0346C52.089 99.2131 51.9942 99.3697 51.8885 99.5093C52.833 99.6908 53.7895 99.8255 54.7609 99.9182C54.6971 99.7507 54.6562 99.5721 54.6681 99.3806C54.7051 98.6755 55.3045 98.1788 56.0146 98.1688C56.4165 98.1938 56.8224 98.2047 57.2314 98.2047C57.9365 98.2067 58.508 98.7872 58.502 99.4923C58.502 99.6729 58.4591 99.8434 58.3963 100C59.3637 99.9671 60.3122 99.8903 61.2577 99.7636C61.161 99.62 61.0862 99.4694 61.0562 99.2909C60.9306 98.5957 61.3953 97.9295 62.0915 97.8028C62.4964 97.73 62.8954 97.6522 63.2933 97.5624C63.9775 97.4099 64.6657 97.8437 64.8223 98.5319C64.8592 98.7084 64.8592 98.884 64.8303 99.0515C65.7708 98.7962 66.6943 98.502 67.5979 98.1579C67.4713 98.0432 67.3346 97.9295 67.2638 97.7579C66.9846 97.1067 67.2918 96.3556 67.941 96.0784C68.316 95.9238 68.6891 95.7562 69.0531 95.5797C69.6934 95.2815 70.4594 95.5478 70.7616 96.1841C70.8434 96.3536 70.8763 96.5262 70.8803 96.6977C71.736 96.2459 72.5678 95.7562 73.3697 95.2246C73.2171 95.1349 73.0755 95.0292 72.9608 94.8805C72.5488 94.3071 72.6815 93.5072 73.251 93.0923C73.5821 92.8559 73.9053 92.6086 74.2254 92.3532C74.7839 91.9164 75.5878 92.0111 76.0266 92.5597C76.1344 92.7033 76.2092 92.8609 76.257 93.0235C76.9791 92.3981 77.6713 91.7409 78.3316 91.0487C78.174 90.9968 78.0174 90.917 77.8837 90.8013C77.3551 90.3346 77.2993 89.5277 77.7601 88.9991C78.0323 88.6859 78.2996 88.3718 78.553 88.0576C78.9958 87.5051 79.7997 87.4133 80.3542 87.8581C80.4918 87.9678 80.5956 88.1035 80.6773 88.2511C81.2468 87.4771 81.7754 86.6802 82.2661 85.8524C82.0996 85.8395 81.932 85.8115 81.7714 85.7278C81.1501 85.3897 80.9197 84.6157 81.2548 83.9904C81.4503 83.6333 81.6338 83.2723 81.8123 82.9022C82.1255 82.2639 82.8845 81.9936 83.5248 82.3088C83.6914 82.3926 83.83 82.5053 83.9407 82.6419C84.3267 81.7583 84.6738 80.8497 84.972 79.9231C84.9052 79.9361 84.8383 79.957 84.7675 79.957C84.6558 79.957 84.5441 79.9421 84.4284 79.9082C83.7442 79.7246 83.3493 79.0195 83.5318 78.3363C83.6395 77.9434 83.7402 77.5474 83.835 77.1495C83.9936 76.4633 84.6778 76.0234 85.3659 76.186C85.5485 76.2279 85.709 76.3117 85.8477 76.4144C86.0212 75.4799 86.1519 74.5244 86.2366 73.558C86.09 73.6138 85.9314 73.6517 85.7649 73.6517H85.705Z' fill='white'/%3E%3C/svg%3E");
}
.score-icon-box .score-box-row .score-main .score-icon.score-icon-2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='79' height='100' viewBox='0 0 79 100' fill='none'%3E%3Cpath d='M11.6934 71.0039L12.6044 100H20.2504C20.5421 90.1637 20.2396 71.0039 20.2396 71.0039C20.2396 71.0039 14.8486 70.9035 11.6934 71.0039Z' fill='white'/%3E%3Cpath d='M21.4902 71.0039L21.9517 100H25.8506C26.0001 90.1637 25.8447 71.0039 25.8447 71.0039C25.8447 71.0039 23.0959 70.9035 21.4902 71.0039Z' fill='white'/%3E%3Cpath d='M22.4203 32.9819C23.8801 36.5245 22.7419 40.3517 19.876 41.5389C17.0089 42.7178 13.4974 40.8024 12.0388 37.2658C10.5813 33.7184 11.7195 29.8924 14.5854 28.7064C17.4561 27.5287 20.9581 29.4357 22.4203 32.9819Z' fill='white'/%3E%3Cpath d='M20.3164 61.1855L20.3176 61.0983L20.3129 61.1545L20.2949 61.0767L20.3164 61.1855Z' fill='white'/%3E%3Cpath d='M32.2847 29.1329L29.8731 39.9162L21.8506 42.2034C21.7202 42.2416 21.609 42.3086 21.4895 42.3648L23.1382 44.603L21.517 46.2218L22.5548 48.4708L20.3238 61.2256L20.3345 61.2758L20.3214 61.24L20.3142 61.2758L20.3166 61.2268L15.7194 49.0471L16.3268 46.6582L14.4174 45.3383L15.6489 43.2304C14.6267 43.3464 10.9477 43.9537 10.6823 44.0147C10.3069 44.0984 9.54409 45.4949 9.42811 45.7233L3.16189 58.2461C1.62791 64.883 1.4689 68.0275 0.556641 73.0897C3.15113 73.5261 5.75877 73.8693 8.38075 74.1191C8.76933 69.9548 9.55007 63.7651 9.61702 61.2615L10.3224 59.6343C10.5843 64.2804 10.8772 68.9254 11.206 73.5656C11.2096 73.623 11.2287 73.6756 11.2371 73.7353C16.6365 73.2918 22.0311 72.8566 27.4257 72.4154C27.4257 72.3592 27.4401 72.3078 27.4329 72.248C26.6988 64.174 25.8344 56.1096 24.8874 48.0487L29.157 47.1269L33.4779 46.1943L33.7027 46.1477L36.2637 43.601L36.2673 43.5903L36.2745 43.5676L36.2996 43.4779L36.4036 43.1252L36.6092 42.4198L39.9259 31.1045C37.3984 30.3692 34.8517 29.7116 32.2847 29.1329Z' fill='white'/%3E%3Cpath d='M19.3599 42.4775L20.0151 45.0122L19.073 46.6992L17.8379 45.2047L18.0136 42.5971L19.3599 42.4775Z' fill='white'/%3E%3Cpath d='M19.7255 45.3735L21.6552 61.011L20.5529 62.6992L19.16 61.2262L18.1855 45.5039L19.7255 45.3735Z' fill='white'/%3E%3Cpath d='M60.5527 71.0039L61.4614 100H69.1062C69.3991 90.1637 69.099 71.0039 69.099 71.0039C69.099 71.0039 63.7056 70.9035 60.5527 71.0039Z' fill='white'/%3E%3Cpath d='M55.0098 71.0039L55.4713 100H59.3702C59.5196 90.1637 59.363 71.0039 59.363 71.0039C59.363 71.0039 56.6155 70.9035 55.0098 71.0039Z' fill='white'/%3E%3Cpath d='M58.5007 32.9819C57.042 36.5245 58.1791 40.3517 61.0462 41.5389C63.9121 42.7178 67.4212 40.8024 68.8834 37.2658C70.3457 33.7184 69.205 29.8924 66.338 28.7064C63.4685 27.5287 59.9629 29.4357 58.5007 32.9819Z' fill='white'/%3E%3Cpath d='M78.8523 56.4609C78.8487 56.3868 78.8487 56.3737 78.8523 56.4609V56.4609Z' fill='white'/%3E%3Cpath d='M60.3708 61.1168L60.3672 61.1312V61.1348L60.3708 61.1168Z' fill='white'/%3E%3Cpath d='M70.5035 61.175C70.5848 59.7845 70.653 58.3928 70.7271 57.0023L71.3177 58.0927L71.7577 58.9034L70.5035 61.175ZM78.8537 57.1219L78.2643 56.1618L77.3257 54.629L75.4438 51.5611L71.6836 45.4264C71.4122 44.99 71.0786 44.6265 70.7092 44.3348C70.5693 44.1758 70.4162 44.0538 70.2453 44.0156C70.2381 44.0132 70.2285 44.012 70.2202 44.0096C69.8483 43.8003 67.2993 43.462 64.5243 43.2276L65.6661 45.5938L63.9229 46.8994L64.4956 49.238L60.3683 61.1918L60.3695 61.2575L60.3611 61.2121L60.3456 61.2575L60.3587 61.1894L58.2114 48.7251L59.1464 46.5132L57.6423 44.941L59.1643 43.028L59.1607 42.9658C58.8499 42.9682 58.5533 42.973 58.2951 42.9861C55.1889 41.4498 51.7216 39.7245 51.4586 39.6635L44.5061 28.3614C42.2571 29.7291 40.0572 31.1711 37.9062 32.6847L45.4972 43.5684C50.422 47.3752 52.9579 47.9097 55.9218 49.0324C55.0263 56.768 54.1941 64.5048 53.4911 72.2488C53.4851 72.3086 53.4983 72.36 53.4983 72.4162C58.8929 72.8586 64.2923 73.2926 69.6893 73.7362C69.6929 73.6764 69.7144 73.6238 69.7216 73.5676C69.7395 73.3058 69.7503 73.0439 69.7694 72.7833C70.6398 73.2233 71.5078 73.6632 72.389 74.0781L78.6684 61.1296L78.8621 60.7255L78.9111 60.6239L78.9374 60.5713L78.9446 60.5593V60.5533C78.9589 61.1224 78.8537 57.1219 78.8537 57.1219Z' fill='white'/%3E%3Cpath d='M61.2515 42.9571L60.6465 45.4296L61.5575 47.0664L62.7209 45.5994L62.5356 43.0611L61.2515 42.9571Z' fill='white'/%3E%3Cpath d='M60.9229 45.7811L59.1797 61.0348L60.2414 62.668L61.5614 61.2213L62.3863 45.8923L60.9229 45.7811Z' fill='white'/%3E%3Cpath d='M40.2919 0.0051651H38.4184H27.7583C28.3943 -0.318846 25.6456 14.2665 32.8002 17.7852C36.0499 19.5045 37.4511 20.1118 37.6675 21.323C37.982 23.0088 37.9569 23.615 37.9569 23.627C38.4028 23.285 38.8739 22.9526 39.3533 22.625C39.8412 22.9526 40.3098 23.285 40.757 23.627C40.757 23.615 40.7259 23.0088 41.0451 21.323C41.2592 20.1118 42.6628 19.5045 45.9125 17.7852C53.0635 14.2665 50.3159 -0.318846 50.9544 0.0051651H40.2919Z' fill='white'/%3E%3Cpath d='M47.3958 28.9408C46.0053 28.5665 43.9775 27.6806 43.9775 27.0409C43.9775 26.4132 42.0789 25.7784 41.6939 24.5062C41.3173 23.246 41.1918 18.0583 41.1918 18.0583L39.3553 18.8617L37.52 18.0583C37.52 18.0583 37.3909 23.246 37.0131 24.5062C36.6365 25.7784 34.7342 26.4132 34.7342 27.0409C34.7342 27.6806 32.7112 28.5665 31.3184 28.9408C29.9219 29.321 29.9219 29.5828 29.9219 30.2093C29.9219 30.7844 48.7887 30.7844 48.7887 30.2093C48.7887 29.5828 48.7887 29.321 47.3958 28.9408Z' fill='white'/%3E%3Cpath d='M48.803 32.8418H29.9062V30.0775H48.803V32.8418Z' fill='white'/%3E%3Cpath d='M49.42 33.8125H29.293V32.3216H49.42V33.8125Z' fill='white'/%3E%3Cpath d='M24.8004 3.69904C24.4154 3.69904 23.9372 3.80784 23.7674 4.03501C23.6299 4.22272 23.6299 4.60292 23.7674 5.09552L23.7841 5.14454C24.9857 10.2701 29.1572 13.5784 34.4048 13.5784C34.8866 13.5784 35.378 13.5449 35.8598 13.4959L35.9292 13.4816H36.0583C41.1349 13.4816 47.1429 10.9074 47.7885 3.69904H39.4766H24.8518H24.8004ZM34.4048 15.8262C28.0824 15.8262 23.062 11.8448 21.6033 5.68137C21.1813 4.16413 21.5746 3.21601 21.9787 2.68037C22.8444 1.54215 24.3604 1.45128 24.8004 1.45128H24.8518H39.4766H50.1367L50.1008 2.60864C50.0937 2.78439 50.0865 2.95895 50.0733 3.13112C49.6812 12.4234 42.2815 15.7293 36.0583 15.7293C35.5107 15.7891 34.9536 15.8262 34.4048 15.8262Z' fill='white'/%3E%3Cpath d='M42.7853 13.4808L42.8523 13.4952C43.3341 13.5537 43.8231 13.5777 44.3073 13.5777C49.5549 13.5777 53.7276 10.2694 54.9304 5.14378L54.9447 5.09476C55.0822 4.60217 55.0846 4.22196 54.9459 4.03425C54.7738 3.80708 54.2931 3.69828 53.9105 3.69828H53.8029H39.2355H30.9224C31.586 10.9102 37.5832 13.4808 42.6502 13.4808H42.7853ZM44.3073 15.8242C43.7562 15.8242 43.1942 15.7884 42.649 15.7286C36.4282 15.7286 29.0274 12.4227 28.6364 3.10406C28.6292 2.95819 28.622 2.78363 28.6113 2.60668L28.5742 1.45052H39.2355H53.8627H53.9105C54.3517 1.45052 55.8677 1.54139 56.7334 2.67962C57.1375 3.21406 57.5285 4.16338 57.1052 5.68061C55.6501 11.844 50.6274 15.8242 44.3073 15.8242Z' fill='white'/%3E%3C/svg%3E");
}
.score-icon-box .score-box-row .score-main .score-icon.score-icon-3 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='106' height='100' viewBox='0 0 106 100' fill='none'%3E%3Cpath d='M16.9167 74.1541C9.03971 74.1395 3.45584 71.283 4.47128 69.0434C5.48987 66.7681 11.1461 65.4285 17.0426 65.3907C22.9422 65.4138 28.5324 66.7534 29.4817 69.035C30.4269 71.2872 24.7958 74.1458 16.9167 74.1541ZM33.3987 69.421C31.7381 66.1681 24.2986 64.2316 16.9377 64.1865C9.57995 64.2505 2.05017 66.1901 0.286793 69.4252C-1.4598 72.6006 5.9336 77.0001 16.7541 77.041C27.5746 77.019 35.0467 72.6153 33.3987 69.421Z' fill='white'/%3E%3Cpath d='M26.7234 74.1243L33.2629 76.5926L29.1875 79.8477L24.1953 75.6002L26.7234 74.1243Z' fill='white'/%3E%3Cpath d='M89.0804 74.1541C81.2013 74.1458 75.5723 71.2872 76.5154 69.035C77.4668 66.7534 83.0549 65.4138 88.9566 65.3907C94.851 65.4285 100.509 66.7681 101.528 69.0434C102.543 71.283 96.9595 74.1395 89.0804 74.1541ZM105.712 69.4252C103.947 66.1901 96.4172 64.2505 89.0594 64.1865C81.6985 64.2316 74.259 66.1681 72.5984 69.421C70.9525 72.6153 78.4225 77.019 89.2451 77.041C100.064 77.0001 107.457 72.6006 105.712 69.4252Z' fill='white'/%3E%3Cpath d='M79.2737 74.1243L72.7363 76.5926L76.8096 79.8477L81.8039 75.6002L79.2737 74.1243Z' fill='white'/%3E%3Cpath d='M53.1679 93.9829C37.8262 93.9525 26.9554 88.0025 28.9317 83.3313C30.9175 78.5919 41.931 75.7952 53.4145 75.7218C64.899 75.7721 75.7866 78.5614 77.6381 83.3187C79.476 88.0109 68.5139 93.9661 53.1679 93.9829ZM85.2665 84.118C82.0282 77.3404 67.5456 73.3059 53.213 73.2094C38.8826 73.3395 24.2195 77.3855 20.7851 84.1264C17.3821 90.7457 31.7839 99.9182 52.8553 100C73.9246 99.9528 88.4744 90.7729 85.2665 84.118Z' fill='white'/%3E%3Cpath d='M42.1836 51.8222L43.2788 86.7363H52.4859C52.8373 74.893 52.4733 51.8222 52.4733 51.8222C52.4733 51.8222 45.981 51.7026 42.1836 51.8222Z' fill='white'/%3E%3Cpath d='M53.3594 51.8222L54.4566 86.7363H63.6617C64.0131 74.893 63.6512 51.8222 63.6512 51.8222C63.6512 51.8222 57.1568 51.7026 53.3594 51.8222Z' fill='white'/%3E%3Cpath d='M59.7568 8.35079C59.7568 12.9622 56.7357 16.7051 53.0023 16.7051C49.2678 16.7051 46.2383 12.9622 46.2383 8.35079C46.2383 3.73725 49.2678 0.000692368 53.0023 0.000692368C56.7357 0.000692368 59.7568 3.73725 59.7568 8.35079Z' fill='white'/%3E%3Cpath d='M53.0012 40.1555L52.9844 40.0999L52.997 40.166L53.0012 40.1555Z' fill='white'/%3E%3Cpath d='M66.6712 22.6275C66.4823 20.433 64.8847 19.235 62.6514 18.8973C62.5916 18.8878 59.7781 18.5238 58.6767 18.4389L58.6515 18.5333L61.5499 20.9837L58.0871 22.7219L59.6879 25.4672L53.0068 40.2215L53.0215 40.2949L52.9963 40.2435L52.9743 40.2949L52.9879 40.2215L46.3026 25.4672L47.9076 22.7219L44.4469 20.9837L47.3432 18.5333L47.318 18.441C46.2187 18.5259 43.7157 18.8196 43.5741 18.8973H43.5678C41.4446 19.2036 39.7327 20.4309 39.548 22.6275L37.0566 54.1324C38.4938 54.2541 39.9299 54.3464 41.3702 54.4219C41.3723 54.4303 41.3723 54.4387 41.3744 54.4492H41.7961C43.378 54.5289 44.9609 54.5803 46.5428 54.6055L46.547 54.4492H59.6732L59.6753 54.6055C61.2604 54.5803 62.8423 54.5289 64.4231 54.4492H64.6245C64.6245 54.445 64.6266 54.4408 64.6266 54.4366C66.1404 54.3579 67.652 54.2603 69.1636 54.1324L66.6712 22.6275Z' fill='white'/%3E%3Cpath d='M54.369 18.2356L55.2072 21.2651L53.0001 23.1387L50.793 21.2651L51.6332 18.2356H54.369Z' fill='white'/%3E%3Cpath d='M54.5665 21.6559L55.5368 40.1394L53.0003 42.0098L50.4648 40.1394L51.4341 21.6559H54.5665Z' fill='white'/%3E%3Cpath d='M17.1055 48.2134L17.802 70.3926H23.6492C23.8747 62.8681 23.645 48.2134 23.645 48.2134C23.645 48.2134 19.5182 48.1379 17.1055 48.2134Z' fill='white'/%3E%3Cpath d='M10.0039 48.2134L10.7025 70.3926H16.5476C16.7731 62.8681 16.5434 48.2134 16.5434 48.2134C16.5434 48.2134 12.4166 48.1379 10.0039 48.2134Z' fill='white'/%3E%3Cpath d='M12.5801 20.6005C12.5801 23.5293 14.4998 25.9043 16.8737 25.9043C19.2465 25.9043 21.1683 23.5293 21.1683 20.6005C21.1683 17.6675 19.2465 15.2925 16.8737 15.2925C14.4998 15.2925 12.5801 17.6675 12.5801 20.6005Z' fill='white'/%3E%3Cpath d='M16.8814 40.7872L16.877 40.8005V40.8027L16.8814 40.7872Z' fill='white'/%3E%3Cpath d='M26.1231 38.7107L24.7993 40.9996L24.1153 42.1798C24.0555 39.7461 23.9779 37.3113 23.8866 34.8755L26.5092 38.0425L26.1231 38.7107ZM31.8696 35.9675L31.8612 35.9612L31.8339 35.9298L24.644 28.1661C24.1006 27.5881 23.3957 27.286 22.7076 27.2555C22.6645 27.2409 21.1781 27.0646 20.4795 27.0111L20.4658 27.0688L22.3047 28.6266L20.106 29.7322L21.1246 31.4746L16.8835 40.8423L16.8919 40.8916L16.8751 40.8559L16.8604 40.8916L16.8688 40.8423L12.6256 31.4746L13.641 29.7322L11.4412 28.6266L13.2812 27.0709L13.2644 27.009C12.5679 27.0625 11.1087 27.2304 11.0793 27.2388C10.1174 27.3174 9.1974 28.0056 8.79248 29.0808L5.06641 39.1418C5.99163 46.4733 7.71725 46.851 9.00438 51.0449C9.90862 50.6736 10.8045 50.2854 11.694 49.8826H24.2569C24.2611 49.8396 24.2758 49.7997 24.2758 49.7546C24.2632 48.7518 24.2307 47.7489 24.2118 46.7461C25.2808 47.3377 26.3571 47.9115 27.4512 48.456L29.8471 43.7375L31.0409 41.3762L31.6388 40.1961L31.9388 39.6065L32.0867 39.3107L32.1633 39.1649L32.2 39.0904L32.2105 39.0726L32.2126 39.0684C32.0584 37.6848 32.5598 42.1546 31.8696 35.9675Z' fill='white'/%3E%3Cpath d='M16.009 26.6199L15.4688 28.5763L16.8765 29.791L18.2759 28.5763L17.7388 26.6199H16.009Z' fill='white'/%3E%3Cpath d='M15.8805 28.828L15.2637 40.772L16.8749 41.9805L18.4862 40.772L17.8673 28.828H15.8805Z' fill='white'/%3E%3Cpath d='M88.9961 48.7585L89.6926 70.9355H95.5398C95.7632 63.4131 95.5335 48.7585 95.5335 48.7585C95.5335 48.7585 91.4088 48.683 88.9961 48.7585Z' fill='white'/%3E%3Cpath d='M81.8945 48.7585L82.5911 70.9355H88.4382C88.6617 63.4131 88.4319 48.7585 88.4319 48.7585C88.4319 48.7585 84.3072 48.683 81.8945 48.7585Z' fill='white'/%3E%3Cpath d='M84.4688 21.1475C84.4688 24.0743 86.3926 26.4492 88.7613 26.4492C91.1352 26.4492 93.0591 24.0743 93.0591 21.1475C93.0591 18.2145 91.1352 15.8417 88.7613 15.8417C86.3926 15.8417 84.4688 18.2145 84.4688 21.1475Z' fill='white'/%3E%3Cpath d='M88.7678 41.3341L88.7656 41.3474V41.3496L88.7678 41.3341Z' fill='white'/%3E%3Cpath d='M99.0472 40.3727L97.0541 30.0945C96.8149 28.9112 96.0155 28.2745 94.8837 27.9272C94.7567 27.8307 93.071 27.6083 92.3723 27.5548L92.3555 27.6125L94.1955 29.1703L91.9968 30.276L93.0154 32.0184L88.7711 41.386L88.7795 41.4353L88.7658 41.4007L88.7512 41.4353L88.7596 41.386L84.5132 32.0184L85.5328 30.276L83.332 29.1703L85.1709 27.6167L85.1552 27.5528C84.4555 27.6063 82.9974 27.7751 82.968 27.7835C81.856 27.9902 81.0882 28.5514 80.6832 29.6245L76.9551 39.6866C77.8793 47.0192 79.608 47.3947 80.892 51.5918C81.7962 51.2194 82.6931 50.8292 83.5848 50.4284H93.092C93.0752 50.6519 93.0563 50.8848 93.0447 51.1019C95.0483 51.275 97.0582 51.3799 99.0702 51.4124C99.0325 47.6685 99.4993 45.003 99.0472 40.3727Z' fill='white'/%3E%3Cpath d='M87.8975 27.5165L87.3594 29.4278L88.7671 30.6152L90.1665 29.4278L89.6315 27.5165H87.8975Z' fill='white'/%3E%3Cpath d='M87.7734 29.6749L87.1523 41.3462L88.7657 42.5273L90.3749 41.3462L89.7591 29.6749H87.7734Z' fill='white'/%3E%3C/svg%3E");
}
.score-icon-box .score-box-row .score-main .score-icon.score-icon-4 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='100' viewBox='0 0 101 100' fill='none'%3E%3Cpath d='M40.1934 40.2204C40.1934 46.9762 44.6283 52.457 50.1013 52.457C55.5731 52.457 60.0047 46.9762 60.0047 40.2204C60.0047 33.4567 55.5731 27.986 50.1013 27.986C44.6283 27.986 40.1934 33.4567 40.1934 40.2204Z' fill='white'/%3E%3Cpath d='M40.2821 65.2972L42.6389 61.2722L37.5681 58.7301L41.811 55.1399L41.7739 55.004C40.163 55.1253 38.56 55.25 36.9334 55.4466C36.7368 55.4657 36.5481 55.5926 36.3594 55.6847C36.3391 55.6847 36.3054 55.6701 36.2774 55.6667C33.2971 55.5274 30.6617 57.9146 30.391 61.1386L29.4688 72.8393C34.3182 76.6767 40.2416 79.2042 46.7346 79.8535L46.7548 79.5704L40.2821 65.2972Z' fill='white'/%3E%3Cpath d='M70.1293 61.1386C69.8552 57.9146 67.2187 55.5263 64.2474 55.6667C64.1317 55.6746 64.0295 55.7049 63.9273 55.7173C63.706 55.6005 63.4925 55.4713 63.2634 55.4466C61.6401 55.25 60.0248 55.1253 58.4184 55.004L58.3847 55.1399L62.6275 58.7301L57.5568 61.2722L59.8978 65.2972L53.4453 79.548L53.4622 79.8535C60.0865 79.202 66.1369 76.5823 71.0313 72.6225L70.1293 61.1386Z' fill='white'/%3E%3Cpath d='M52.4073 59.4255L53.334 58.6178L52.0995 54.103H48.0903L46.8647 58.6178L47.7959 59.421L46.7546 79.5682L46.7344 79.8513C47.8442 79.9625 48.9676 80.0254 50.0999 80.0254C51.2345 80.0254 52.3545 79.9625 53.461 79.8513L53.4441 79.5457L52.4073 59.4255Z' fill='white'/%3E%3Cpath d='M50.2516 21.9094C34.7607 21.9094 22.1579 34.51 22.1579 49.9987C22.1579 65.4896 34.7607 78.0924 50.2516 78.0924C65.7403 78.0924 78.3409 65.4896 78.3409 49.9987C78.3409 34.51 65.7403 21.9094 50.2516 21.9094ZM50.2516 82.6465C32.2478 82.6465 17.6016 68.0003 17.6016 49.9987C17.6016 31.9993 32.2478 17.3553 50.2516 17.3553C68.251 17.3553 82.8972 31.9993 82.8972 49.9987C82.8972 68.0003 68.251 82.6465 50.2516 82.6465Z' fill='white'/%3E%3Cpath d='M56.6552 6.40576C56.6552 9.94093 53.7862 12.8145 50.2488 12.8145C46.7147 12.8145 43.8457 9.94093 43.8457 6.40576C43.8457 2.87059 46.7147 0.000437737 50.2488 0.000437737C53.7862 0.000437737 56.6552 2.87059 56.6552 6.40576Z' fill='white'/%3E%3Cpath d='M52.527 19.5703H47.9707V6.40582H52.527V19.5703Z' fill='white'/%3E%3Cpath d='M43.8457 93.5969C43.8457 90.0595 46.7147 87.1882 50.2488 87.1882C53.7862 87.1882 56.6552 90.0595 56.6552 93.5969C56.6552 97.1265 53.7862 100 50.2488 100C46.7147 100 43.8457 97.1265 43.8457 93.5969Z' fill='white'/%3E%3Cpath d='M52.527 93.5977H47.9707V80.4287H52.527V93.5977Z' fill='white'/%3E%3Cpath d='M93.8425 56.4023C90.3085 56.4023 87.4395 53.5344 87.4395 49.997C87.4395 46.4618 90.3085 43.5951 93.8425 43.5951C97.3799 43.5951 100.249 46.4618 100.249 49.997C100.249 53.5344 97.3799 56.4023 93.8425 56.4023Z' fill='white'/%3E%3Cpath d='M93.8425 52.2754H80.6758V47.7213H93.8425V52.2754Z' fill='white'/%3E%3Cpath d='M6.65308 43.5931C10.1905 43.5931 13.064 46.461 13.064 49.9962C13.064 53.5336 10.1905 56.4004 6.65308 56.4004C3.12352 56.4004 0.25 53.5336 0.25 49.9962C0.25 46.461 3.12352 43.5931 6.65308 43.5931Z' fill='white'/%3E%3Cpath d='M19.8236 52.2754H6.65234V47.7213H19.8236V52.2754Z' fill='white'/%3E%3Cpath d='M85.6028 23.7052C83.1022 26.2103 79.048 26.2103 76.5441 23.7052C74.0469 21.2012 74.0435 17.1505 76.5441 14.6465C79.048 12.1415 83.1022 12.1415 85.6028 14.6465C88.1033 17.1505 88.1033 21.2012 85.6028 23.7052Z' fill='white'/%3E%3Cpath d='M73.3761 30.0977L70.1543 26.8759L79.4668 17.5622L82.6897 20.784L73.3761 30.0977Z' fill='white'/%3E%3Cpath d='M14.8969 76.2961C17.3975 73.8 21.4561 73.8 23.9556 76.2961C26.4562 78.7966 26.4562 82.8553 23.9556 85.3547C21.4561 87.8576 17.3975 87.8576 14.8969 85.3592C12.3963 82.8553 12.3963 78.7966 14.8969 76.2961Z' fill='white'/%3E%3Cpath d='M21.0362 82.4395L17.8145 79.2177L27.1236 69.9063L30.3454 73.128L21.0362 82.4395Z' fill='white'/%3E%3Cpath d='M76.5439 85.3567C74.0479 82.8561 74.0479 78.7975 76.5439 76.298C79.049 73.8008 83.1032 73.8008 85.6026 76.298C88.1032 78.7975 88.1032 82.8561 85.6026 85.3612C83.1032 87.8595 79.049 87.8595 76.5439 85.3567Z' fill='white'/%3E%3Cpath d='M79.4635 82.4375L70.1543 73.1182L73.3761 69.8998L82.6852 79.2191L79.4635 82.4375Z' fill='white'/%3E%3Cpath d='M23.9556 14.6465C26.4562 17.1516 26.4562 21.2012 23.9556 23.7052C21.455 26.2103 17.3964 26.2103 14.8969 23.7052C12.3963 21.2012 12.3963 17.1516 14.8969 14.6465C17.3964 12.1426 21.455 12.1426 23.9556 14.6465Z' fill='white'/%3E%3Cpath d='M27.1236 30.0977L17.8145 20.784L21.0362 17.5622L30.3454 26.8759L27.1236 30.0977Z' fill='white'/%3E%3C/svg%3E");
}
.score-icon-box .score-box-row .score-main .score-icon.score-icon-5 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='105' height='100' viewBox='0 0 105 100' fill='none'%3E%3Cpath d='M78.8927 75.7559C82.1114 75.7559 84.7132 72.6306 84.7132 68.7887C84.7132 64.9416 82.1114 61.833 78.8927 61.833C75.683 61.833 73.0723 64.9416 73.0723 68.7887C73.0723 72.6306 75.683 75.7559 78.8927 75.7559Z' fill='white'/%3E%3Cpath d='M26.25 66.7756C26.25 71.7322 29.5992 75.7559 33.7496 75.7559C37.891 75.7559 41.253 71.7322 41.253 66.7756C41.253 61.8202 37.891 57.8043 33.7496 57.8043C29.5992 57.8043 26.25 61.8202 26.25 66.7756Z' fill='white'/%3E%3Cpath d='M55.3195 75.9688C60.4489 75.9688 64.5941 71.1913 64.5941 65.3055C64.5941 59.4198 60.4489 54.6526 55.3195 54.6526C50.1863 54.6526 46.041 59.4198 46.041 65.3055C46.041 71.1913 50.1863 75.9688 55.3195 75.9688Z' fill='white'/%3E%3Cpath d='M54.4757 99.6839C54.6997 99.6839 54.9224 99.7133 55.1502 99.7133C55.0913 99.7133 55.0452 99.7172 54.9902 99.7172C54.8136 99.7172 54.6485 99.6967 54.4757 99.6839ZM74.7373 93.0277L74.0923 83.5342C73.8274 80.0391 71.36 78.0337 68.5751 77.5896C68.483 77.5781 65.5945 77.1404 63.8399 76.942L63.8438 76.9331C63.5699 76.9062 63.3203 76.8781 63.122 76.8653L63.0836 76.992L67.0612 80.2567L62.3042 82.568L64.5016 86.2269L58.5416 98.9966C58.5032 99.0133 58.4699 99.0222 58.4405 99.0325L57.4743 81.4085L58.3522 80.6957L57.1914 77.2518H53.4378L52.286 80.6957L53.1601 81.4085L52.1862 99.2872H52.1772L52.1862 99.1848L46.1289 86.2269L48.3302 82.568L43.577 80.2567L47.5508 76.9843L47.5162 76.8653C47.2974 76.887 47.035 76.9062 46.7663 76.9369L46.7701 76.9497C45.1038 77.1404 42.5941 77.5179 42.447 77.6063C42.4214 77.6063 42.3919 77.5896 42.3919 77.5896C39.5828 78.0337 37.1064 80.0391 36.8543 83.5342L36.1914 93.2312L36.002 95.9431C41.9862 98.5474 48.5669 100 55.4842 100C62.3886 100 68.9642 98.5474 74.9357 95.9507L74.8269 94.3318L74.7373 93.0277Z' fill='white'/%3E%3Cpath d='M37.4559 23.7744C34.7146 23.7744 32.4852 26.0038 32.4852 28.7426C32.4852 31.48 34.7146 33.7094 37.4559 33.7094C40.1934 33.7094 42.4202 31.48 42.4202 28.7426C42.4202 26.0038 40.1934 23.7744 37.4559 23.7744ZM37.4559 38.2949C32.1857 38.2949 27.8984 34.0115 27.8984 28.7426C27.8984 23.475 32.1857 19.1902 37.4559 19.1902C42.7222 19.1902 47.007 23.475 47.007 28.7426C47.007 34.0115 42.7222 38.2949 37.4559 38.2949Z' fill='white'/%3E%3Cpath d='M95.3075 18.2835C92.5701 18.2835 90.3407 20.5104 90.3407 23.2478C90.3407 25.9866 92.5701 28.2185 95.3075 28.2185C98.0488 28.2185 100.278 25.9866 100.278 23.2478C100.278 20.5104 98.0488 18.2835 95.3075 18.2835ZM95.3075 32.8027C90.0399 32.8027 85.7539 28.518 85.7539 23.2478C85.7539 17.9815 90.0399 13.6993 95.3075 13.6993C100.578 13.6993 104.865 17.9815 104.865 23.2478C104.865 28.518 100.578 32.8027 95.3075 32.8027Z' fill='white'/%3E%3Cpath d='M9.62717 44.2804C6.88586 44.2804 4.65903 46.5098 4.65903 49.2472C4.65903 51.9885 6.88586 54.2192 9.62717 54.2192C12.3646 54.2192 14.594 51.9885 14.594 49.2472C14.594 46.5098 12.3646 44.2804 9.62717 44.2804ZM9.62717 58.8047C4.35956 58.8047 0.0722656 54.5174 0.0722656 49.2472C0.0722656 43.9783 4.35956 39.6962 9.62717 39.6962C14.8948 39.6962 19.1808 43.9783 19.1808 49.2472C19.1808 54.5174 14.8948 58.8047 9.62717 58.8047Z' fill='white'/%3E%3Cpath d='M68.5574 52.8945C67.9291 51.8195 67.5413 50.5832 67.5413 49.2459C67.5413 48.4959 67.6885 47.7869 67.8996 47.106H39.0161C39.1274 43.0018 39.4717 39.1304 39.9964 35.5188C39.2016 35.8183 38.3544 36.0026 37.456 36.0026C36.2658 36.0026 35.1562 35.6878 34.1657 35.1823C33.6512 38.9563 33.3261 42.9455 33.225 47.106H16.5263C16.7401 47.7869 16.886 48.4959 16.886 49.2459C16.886 50.5832 16.502 51.8195 15.8711 52.8945H68.5574Z' fill='white'/%3E%3Cpath d='M9.62645 41.9883C10.6349 41.9883 11.5948 42.1943 12.4676 42.5667C13.3673 37.2031 15.2114 32.1608 17.8465 27.6354C21.9905 28.7143 26.1728 29.6114 30.3757 30.3255C30.2618 29.8162 30.1927 29.2889 30.1927 28.745C30.1927 27.2054 30.6803 25.781 31.4993 24.6049C28.0836 24.0251 24.6793 23.3648 21.302 22.5444C27.1224 15.1332 35.2197 9.64671 44.525 7.2036C41.5802 10.6769 39.0859 15.5747 37.1893 21.5104C37.2789 21.5065 37.3633 21.4835 37.4555 21.4835C39.4903 21.4835 41.323 22.3269 42.6437 23.677C45.8995 13.3248 50.8472 7.09481 55.4826 7.09481C60.4597 7.09481 65.7951 14.2693 69.0125 26.0216C60.7668 26.7959 52.4751 26.8253 44.2255 26.1816C44.5289 26.9815 44.7144 27.8402 44.7144 28.745C44.7144 29.9083 44.415 30.9923 43.9299 31.9662C47.777 32.2644 51.6278 32.4602 55.4826 32.4602C60.4379 32.4602 65.3894 32.2094 70.3294 31.7205C70.9757 35.1107 71.4556 38.7875 71.7244 42.6973C72.6612 42.2545 73.6991 41.9883 74.8035 41.9883C75.7634 41.9883 76.6772 42.1841 77.5141 42.5245C77.2415 38.4996 76.7565 34.6448 76.0731 31.0281C80.7981 30.3729 85.4923 29.4706 90.152 28.3611C88.8531 27.0493 88.0481 25.2461 88.0481 23.2483C88.0481 23.1242 88.0775 23.0077 88.0839 22.8861C83.6866 23.9087 79.2585 24.761 74.7959 25.3612C72.7661 17.6723 69.8098 11.3719 66.229 7.15113C74.9878 9.40355 82.6653 14.3743 88.4128 21.0829C89.031 19.1197 90.4387 17.5149 92.2906 16.6651C83.231 6.44468 70.0888 0.000946045 55.4826 0.000946045C30.6751 0.000946045 10.0821 18.5758 6.57031 42.6845C7.50072 42.2493 8.52967 41.9883 9.62645 41.9883Z' fill='white'/%3E%3Cpath d='M100.166 28.6146C98.8759 29.7805 97.1841 30.5113 95.3066 30.5113C95.0673 30.5113 94.8369 30.4627 94.6027 30.4396C97.0919 35.5229 98.652 41.154 99.0359 47.105H81.705C81.9175 47.7872 82.0634 48.4949 82.0634 49.2461C82.0634 50.5835 81.6794 51.8185 81.0485 52.8948H99.0359C98.4024 62.6801 94.6232 71.6028 88.7067 78.6339C88.1872 78.378 87.6176 78.1975 87.0315 78.1079C86.956 78.1002 84.1046 77.7073 82.9912 77.6152L78.6003 77.4335H75.8295L71.4475 77.6152C71.198 77.6357 70.878 77.6715 70.5273 77.7125C73.2904 78.3152 75.6311 80.2042 75.9012 83.3384L76.7958 95.0664C93.4087 86.9973 104.928 69.8546 104.928 49.9974C104.928 42.3493 103.216 35.1019 100.166 28.6146Z' fill='white'/%3E%3Cpath d='M35.1328 77.4333H32.3531L27.9749 77.615C26.8487 77.7071 24.0102 78.1 23.9346 78.1077C23.3395 78.196 22.7752 78.3701 22.2594 78.6337C16.9752 72.3551 13.4097 64.5624 12.2553 56.0006C11.4375 56.3206 10.5557 56.5113 9.62788 56.5113C8.45944 56.5113 7.37162 56.2093 6.39258 55.7178C8.36473 73.0909 19.1662 87.7663 34.1461 95.0547L35.0445 83.3382C35.3056 80.204 37.6501 78.315 40.426 77.711C40.0805 77.6713 39.7592 77.6355 39.5071 77.615L35.1328 77.4333Z' fill='white'/%3E%3Cpath d='M74.8049 44.2804C72.0636 44.2804 69.8368 46.5098 69.8368 49.2472C69.8368 51.9885 72.0636 54.2192 74.8049 54.2192C77.5424 54.2192 79.7718 51.9885 79.7718 49.2472C79.7718 46.5098 77.5424 44.2804 74.8049 44.2804ZM74.8049 58.8047C69.5373 58.8047 65.25 54.5174 65.25 49.2472C65.25 43.9783 69.5373 39.6962 74.8049 39.6962C80.0725 39.6962 84.3585 43.9783 84.3585 49.2472C84.3585 54.5174 80.0725 58.8047 74.8049 58.8047Z' fill='white'/%3E%3C/svg%3E");
}
.score-icon-box .score-box-row .score-main .score-text-number {
  color: #FFF;
  font-size: 6.25rem;
  font-weight: 900;
  line-height: normal;
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 0px;
}
.score-icon-box .score-box-row .score-main .title-text-number {
  color: #FFF;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%; /* 27px */
  margin-bottom: 0px;
}

.contact-us-ctn {
  position: relative;
  overflow: hidden;
}
.contact-us-ctn .contact-box-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 101%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 992px) {
  .contact-us-ctn .contact-box-bg {
    -o-object-fit: unset;
       object-fit: unset;
  }
}
.contact-us-ctn .contact-width {
  width: 100%;
  max-width: 1096px;
  margin: auto;
  padding: 40px 0px;
}
@media screen and (max-width: 992px) {
  .contact-us-ctn .contact-width {
    padding: 20px 16px 40px 16px;
  }
}
.contact-us-ctn .contact-width .contact-one .tilte-contact {
  color: #FFF;
  font-size: 38px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 57px */
  margin-bottom: 14px;
}
@media screen and (max-width: 992px) {
  .contact-us-ctn .contact-width .contact-one .tilte-contact {
    margin-top: 40px;
  }
}
.contact-us-ctn .contact-width .contact-one .contact-text {
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%; /* 24px */
  margin-bottom: 0px;
}
@media screen and (max-width: 992px) {
  .contact-us-ctn .contact-width .contact-one .contact-text {
    margin-bottom: 40px;
  }
}
.contact-us-ctn .contact-width .contact-two {
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact-us-ctn .contact-width .contact-two .contact-link {
  display: flex;
  width: 312px;
  padding: 9px 0px 8px 0px;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  background: #12365A;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%; /* 24px */
}
.contact-us-ctn .contact-width .contact-two .contact-link:hover {
  color: #233050;
  border: 1px solid #2B3B62;
  background: #FFF;
}

.box-list-link-group {
  padding-top: 40px;
  padding-bottom: 40px;
}
.box-list-link-group .title-sub-corporate {
  color: #2B3B62;
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 42px */
  padding: 16px 0px;
  margin-bottom: 20px;
}
.box-list-link-group .box-list-link {
  border-radius: 8px;
  border: 1px solid #1A8CA9;
  padding: 20px 12px;
}
.box-list-link-group .box-list-link .list-link {
  display: flex;
  flex-wrap: wrap;
  row-gap: 12px;
  margin-bottom: 0;
  padding-left: 0;
}
.box-list-link-group .box-list-link .list-link .width-item {
  width: 25%;
  list-style: none;
  padding: 0px 6px;
}
@media screen and (max-width: 922px) {
  .box-list-link-group .box-list-link .list-link .width-item {
    width: 100%;
  }
}
.box-list-link-group .box-list-link .list-link .width-item .link-item {
  border-radius: 6px;
  padding: 6px 12px;
  height: 60px;
  display: flex;
  align-items: center;
  color: #12365A;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
}
.box-list-link-group .box-list-link .list-link .width-item .link-item:hover {
  background: #12365A;
  color: #FFF;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 30px */
}

.blog-home .product-grid-view {
  margin-left: -7.5px !important;
  margin-right: -7.5px !important;
}
.blog-home .title-border {
  margin-bottom: 28px;
}
.blog-home .title-blog-h {
  color: #2B3B62;
  text-align: center;
  font-size: 2.375rem;
  font-weight: 600;
  line-height: 150%; /* 57px */
}
@media screen and (max-width: 922px) {
  .blog-home .grid-3 {
    row-gap: 15px;
  }
}
@media screen and (max-width: 922px) {
  .blog-home .grid-3 .item-box {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.blog-home .footer {
  margin-top: 28px;
}
.blog-home .view-all {
  display: flex;
  width: 220px;
  height: 38px;
  padding: 9px 0px 10px 0px;
  justify-content: center;
  align-items: center;
  border: 1px solid #2B3B62;
  margin: auto;
  color: #2B3B62;
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%; /* 24px */
}

.section-slider-page {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media screen and (max-width: 922px) {
  .section-slider-page .slick-slide {
    padding: 0px;
  }
}
.section-slider-page .slick-arrow {
  background: #fff;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  border: 1px solid #CACACA;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 922px) {
  .section-slider-page .slick-arrow {
    width: 32px;
    height: 32px;
  }
}
.section-slider-page .slick-arrow:after {
  position: unset;
  font-size: 3.125rem;
  color: #CACACA;
}
@media screen and (max-width: 922px) {
  .section-slider-page .slick-arrow:after {
    font-size: 0.9375rem;
  }
}
.section-slider-page .slick-arrow.slick-prev {
  left: -20px;
}
@media screen and (max-width: 922px) {
  .section-slider-page .slick-arrow.slick-prev {
    left: -15px;
  }
}
.section-slider-page .slick-arrow.slick-next {
  right: -20px;
}
@media screen and (max-width: 922px) {
  .section-slider-page .slick-arrow.slick-next {
    right: -15px;
  }
}
.section-slider-page .box-slider-page {
  display: flex;
}
@media screen and (max-width: 922px) {
  .section-slider-page .box-slider-page {
    flex-wrap: wrap;
  }
}
.section-slider-page .box-slider-page .box-img {
  width: 50%;
  position: relative;
  overflow: hidden;
  padding-bottom: 43%;
}
@media screen and (max-width: 922px) {
  .section-slider-page .box-slider-page .box-img {
    width: 100%;
    padding-bottom: 86%;
  }
}
.section-slider-page .box-slider-page .box-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-slider-page .box-slider-page .box-text {
  width: 50%;
  background: #12365A;
  padding: 40px;
}
@media screen and (max-width: 922px) {
  .section-slider-page .box-slider-page .box-text {
    width: 100%;
    padding: 40px 20px;
  }
}
.section-slider-page .box-slider-page .box-text .title-slider-box {
  color: #FFF;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 150%; /* 42px */
  padding-bottom: 26px;
  border-bottom: 2px solid var(--Bright-red, #EC4F44);
  margin-bottom: 28px;
}
.section-slider-page .box-slider-page .box-text .text-slider-box {
  color: #FFF;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%; /* 27px */
  margin-bottom: 28px;
  height: 245px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (max-width: 922px) {
  .section-slider-page .box-slider-page .box-text .text-slider-box {
    height: 270px;
    -webkit-line-clamp: 10;
  }
}
.section-slider-page .box-slider-page .box-text .link-bm {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
  height: 46px;
  padding: 0px 18px;
  flex-direction: column;
  justify-content: center;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%; /* 24px */
  border: 3px solid #FFF;
}

.detail-page .box-amg-detail {
  margin-top: 40px;
  margin-bottom: 40px;
}
.detail-page .box-amg-detail .title-sub-page {
  color: #1A8CA9;
  /* 28 bold_heading */
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 150%; /* 42px */
  margin-bottom: 24px;
}
.detail-page .box-amg-detail .title-text-sub {
  color: #373737;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.detail-page .box-amg-detail .text-sub {
  color: #373737;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
}
.detail-page .box-amg-detail .text-amg-detail {
  color: #373737;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%; /* 24px */
  margin-bottom: 24px;
}
.detail-page .box-amg-detail .text-amg-detail:last-child {
  margin-bottom: 0px;
}
.detail-page .box-amg-detail ul li {
  margin-bottom: 10px;
}
.detail-page .box-amg-detail .box-contant-sub {
  margin-top: 58px;
  margin-bottom: 40px;
}

.contact-page .row-address {
  margin-bottom: 40px;
}
.contact-page .box-contact-address {
  margin-top: 40px;
  margin-bottom: 64px;
}
@media screen and (max-width: 992px) {
  .contact-page .box-contact-address {
    margin-bottom: 60px;
  }
}
.contact-page .box-contact-address .text-amg-cl {
  color: #2B3B62;
  font-size: 2.375rem;
  font-weight: 600;
  line-height: 150%; /* 57px */
  margin-bottom: 18px;
}
.contact-page .box-contact-address .text-address {
  color: #373737;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%; /* 24px */
  margin-bottom: 10px;
}
.contact-page .box-contact-address .box-gruop-icon {
  margin-bottom: 8px;
}
.contact-page .box-contact-address .box-gruop-icon:last-child {
  margin-bottom: 0px;
}
.contact-page .box-contact-address .box-gruop-icon .icon {
  color: #373737;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%; /* 24px */
  display: flex;
  align-items: center;
  gap: 8px;
}
.contact-page .box-contact-address .box-gruop-icon .icon.icon-phone::before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.1118 14.2705C17.4642 13.6307 16.6502 13.6307 16.0025 14.2705C15.5124 14.7613 15.0135 15.2523 14.5322 15.743C14.4009 15.8833 14.2871 15.9094 14.1296 15.813C13.8145 15.6377 13.4732 15.4976 13.1668 15.3048C11.7402 14.4021 10.5412 13.2452 9.48218 11.9481C8.95705 11.2996 8.48448 10.6073 8.16065 9.82726C8.09063 9.6695 8.10811 9.56438 8.23939 9.44169C8.72951 8.96842 9.21086 8.4775 9.70098 7.9867C10.3749 7.3031 10.3749 6.51436 9.70098 5.82199C9.31589 5.43637 8.93084 5.05069 8.54575 4.66506C8.1519 4.27068 7.75801 3.86765 7.35542 3.47326C6.70776 2.84225 5.89383 2.84225 5.24618 3.47326C4.74731 3.96405 4.27469 4.46355 3.76707 4.94558C3.3032 5.39255 3.06691 5.93601 3.0144 6.56703C2.93563 7.60119 3.18943 8.5739 3.54826 9.52043C4.27469 11.4836 5.38622 13.2365 6.73405 14.8315C8.55449 16.9963 10.725 18.7054 13.2631 19.9411C14.4096 20.4932 15.5912 20.9226 16.8777 20.9927C17.7617 21.0453 18.5319 20.8175 19.1533 20.1251C19.5734 19.6518 20.0548 19.2224 20.5011 18.7666C21.1663 18.0918 21.1663 17.2855 20.5011 16.6195C19.7134 15.8307 18.9257 15.042 18.1293 14.2532L18.1118 14.2705Z' stroke='%2312365A' stroke-width='1.2' stroke-miterlimit='10'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
.contact-page .box-contact-address .box-gruop-icon .icon.icon-fax::before {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg clip-path='url(%23clip0_217_11745)'%3E%3Cpath d='M17.7244 3.37482H15.2944V0.241699H2.70563V3.37482H0.275635V14.6248H2.70563V17.7579H15.2944V14.6248H17.7244V3.37482ZM3.83063 1.3667H14.1694V3.37482H3.83063V1.3667ZM14.1694 16.6329H3.83063V7.70045H14.1694V16.6329ZM16.5994 13.4998H15.2944V6.57545H2.70563V13.4998H1.40063V4.49983H16.5881L16.5994 13.4998Z' fill='%2312365A'/%3E%3Cpath d='M6.677 8.95459H11.3176V10.0796H6.677V8.95459Z' fill='%2312365A'/%3E%3Cpath d='M6.68262 11.3228H11.3232V12.4478H6.68262V11.3228Z' fill='%2312365A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_217_11745'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
.contact-page .box-contact-address .box-gruop-icon .icon.icon-mail::before {
  content: "";
  width: 18px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14' fill='none'%3E%3Cpath d='M16.418 0H1.58203C0.710789 0 0 0.724985 0 1.61538V12.3846C0 13.272 0.707625 14 1.58203 14H16.418C17.287 14 18 13.2775 18 12.3846V1.61538C18 0.728 17.2924 0 16.418 0ZM16.1995 1.07692L9.03354 8.39401L1.80559 1.07692H16.1995ZM1.05469 12.1616V1.83325L6.13403 6.9752L1.05469 12.1616ZM1.80046 12.9231L6.883 7.73338L8.66391 9.53623C8.87006 9.74493 9.20275 9.74425 9.40806 9.53457L11.1445 7.76149L16.1995 12.9231H1.80046ZM16.9453 12.1616L11.8903 7L16.9453 1.83838V12.1616Z' fill='%2312365A'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
.contact-page .box-contact-address .box-gruop-icon .icon.icon-web::before {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg clip-path='url(%23clip0_217_11759)'%3E%3Cpath d='M15.364 2.63602C13.6641 0.936176 11.404 0 9 0C6.59602 0 4.33593 0.936176 2.63602 2.63602C0.936176 4.33593 0 6.59602 0 9C0 11.404 0.936176 13.6641 2.63602 15.364C4.33593 17.0638 6.59602 18 9 18C11.404 18 13.6641 17.0638 15.364 15.364C17.0638 13.6641 18 11.404 18 9C18 6.59602 17.0638 4.33593 15.364 2.63602ZM5.63878 1.80179C5.34632 2.28871 5.08412 2.86225 4.85779 3.51478C4.73667 3.86392 4.62899 4.2293 4.53343 4.60709C3.90041 4.47353 3.29692 4.31132 2.73273 4.12207C3.50107 3.1371 4.49617 2.3375 5.63878 1.80179ZM2.12161 5.02678C2.8003 5.26943 3.53563 5.47369 4.31079 5.63734C4.14826 6.53404 4.0526 7.4873 4.02739 8.47266H1.07262C1.15485 7.22387 1.52652 6.05296 2.12161 5.02678ZM2.11957 12.9698C1.52568 11.9445 1.15478 10.7747 1.07262 9.52734H4.02739C4.05257 10.5119 4.14809 11.4643 4.31033 12.3604C3.53471 12.5237 2.79882 12.7275 2.11957 12.9698ZM2.73038 13.8749C3.29516 13.6859 3.89925 13.5239 4.53284 13.3907C4.6285 13.7693 4.73643 14.1354 4.85779 14.4853C5.08412 15.1378 5.34632 15.7113 5.63878 16.1982C4.49501 15.662 3.49907 14.8612 2.73038 13.8749ZM8.47266 16.9274C8.17594 16.9078 7.88347 16.8725 7.59646 16.8212C6.82351 16.3445 6.05159 15.069 5.56924 13.2022C6.49891 13.0588 7.47594 12.9737 8.47266 12.9516V16.9274ZM8.47266 11.8966C7.40021 11.9195 6.34697 12.0124 5.34442 12.1704C5.20007 11.3688 5.1069 10.4838 5.08166 9.52734H8.47266V11.8966ZM8.47266 8.47266H5.08166C5.1069 7.51553 5.20017 6.62991 5.3447 5.82789C6.34697 5.9863 7.40007 6.07975 8.47266 6.10309V8.47266ZM8.47266 5.04809C7.47587 5.02555 6.49902 4.94009 5.56966 4.79612C6.05204 2.93027 6.82376 1.65537 7.59649 1.17882C7.88351 1.12746 8.17597 1.09216 8.47266 1.07262V5.04809ZM15.8804 5.03016C16.4743 6.05556 16.8452 7.22528 16.9274 8.47266H13.9726C13.9474 7.48814 13.8519 6.53565 13.6896 5.63963C14.4653 5.47632 15.2011 5.27245 15.8804 5.03016ZM15.2696 4.12513C14.7048 4.31413 14.1007 4.47609 13.4671 4.60934C13.3715 4.23074 13.2635 3.86462 13.1422 3.51478C12.9159 2.86225 12.6537 2.28871 12.3612 1.80179C13.505 2.33803 14.5009 3.13875 15.2696 4.12513ZM9.52734 1.07262C9.82403 1.09216 10.1165 1.12746 10.4035 1.17882C11.1765 1.65551 11.9484 2.93101 12.4308 4.79777C11.5011 4.94125 10.5241 5.02629 9.52734 5.04837V1.07262ZM9.52734 6.10337C10.5998 6.08052 11.653 5.98757 12.6556 5.82964C12.7999 6.63121 12.8931 7.51623 12.9183 8.47269H9.52734V6.10337ZM9.52734 9.52734H12.9183C12.8931 10.4845 12.7998 11.3701 12.6553 12.1721C11.653 12.0137 10.6 11.9203 9.52734 11.8969V9.52734ZM10.4035 16.8212C10.1165 16.8725 9.82406 16.9078 9.52734 16.9274V12.9519C10.5241 12.9744 11.501 13.0599 12.4303 13.2039C11.948 15.0697 11.1763 16.3446 10.4035 16.8212ZM12.3612 16.1982C12.6537 15.7113 12.9159 15.1378 13.1422 14.4853C13.2633 14.1361 13.371 13.7707 13.4666 13.3929C14.0996 13.5264 14.7031 13.6887 15.2673 13.8779C14.4989 14.8629 13.5038 15.6625 12.3612 16.1982ZM15.8784 12.9732C15.1997 12.7306 14.4644 12.5263 13.6892 12.3627C13.8517 11.466 13.9474 10.5127 13.9726 9.52734H16.9273C16.8452 10.7761 16.4735 11.947 15.8784 12.9732Z' fill='%2312365A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_217_11759'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 992px) {
  .contact-page .row-form .form-group {
    width: 100% !important;
  }
}
.contact-page .row-form .form-group label {
  color: #373737;
  font-size: 1rem;
  font-weight: 700;
  line-height: 150%; /* 24px */
}
.contact-page .row-form .form-group input, .contact-page .row-form .form-group select {
  height: 50px;
}
.contact-page .row-form .g-recaptcha {
  margin-bottom: 12px;
}
.contact-page .row-form .contactbtn button {
  width: 220px !important;
  border-radius: 5px;
  color: #FFF;
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 150%; /* 24px */
}
@media screen and (max-width: 992px) {
  .contact-page .row-form .contactbtn button {
    width: 100% !important;
  }
}

.banner-main {
  position: relative;
}
.banner-main .header-text-category {
  position: absolute;
  z-index: 100;
  height: 100%;
  display: flex;
  align-items: center;
  width: 100%;
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #12365A;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.cl-pr {
  color: #1A8CA9 !important;
}

.box-contant-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 46px 24px 46px 60px;
  gap: 24px;
}
@media screen and (max-width: 992px) {
  .box-contant-left {
    padding: 24px 16px 40px 16px;
  }
}

.box-contant-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 46px 60px 46px 24px;
  gap: 24px;
}
@media screen and (max-width: 992px) {
  .box-contant-right {
    padding: 24px 16px 40px 16px;
  }
}
@keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.product-grid-view .fpo {
  position: relative;
  margin: 1% auto;
  display: block;
}
.product-grid-view .block {
  height: 12px;
  margin-bottom: 8px;
}
.product-grid-view .block2 {
  width: 30%;
}
.product-grid-view .block3 {
  width: 50%;
}
.product-grid-view .block4 {
  width: 60%;
}
.product-grid-view .block5 {
  width: 80%;
}
.product-grid-view .block6 {
  width: 100%;
}
.product-grid-view #prthumb {
  box-sizing: border-box;
  width: 100%;
  background: #fff;
  position: relative;
  margin: auto;
}
.product-grid-view .pr-image {
  box-sizing: border-box;
  display: block;
  width: 100%;
  margin-bottom: 10px;
  height: 200px;
}
.product-grid-view .pr-content {
  clear: both;
  box-sizing: border-box;
  background: #fff;
  width: 100%;
}

.product-list-view .fpo {
  position: relative;
  margin: 0 auto;
  display: block;
}
.product-list-view .block {
  height: 12px;
  margin-bottom: 8px;
}
.product-list-view .block2 {
  width: 30%;
}
.product-list-view .block3 {
  width: 50%;
}
.product-list-view .block4 {
  width: 60%;
}
.product-list-view .block5 {
  width: 80%;
}
.product-list-view .block6 {
  width: 100%;
}
.product-list-view #prthumb {
  box-sizing: border-box;
  min-width: 250px;
  background: #fff;
  position: relative;
  margin: auto;
  display: flex;
}
.product-list-view .pr-image {
  box-sizing: border-box;
  display: block;
  width: 250px;
  min-width: 250px;
  padding: 16px;
}
.product-list-view .pr-content {
  clear: both;
  box-sizing: border-box;
  padding: 16px;
  background: #fff;
  width: 100%;
}

.pulsate {
  background: linear-gradient(-45deg, #DDDDDD, #F0F0F0, #DDDDDD, #F0F0F0);
  background-size: 400% 400%;
  animation: Gradient 2.25s ease infinite;
}

.skelton-listing-title {
  height: 50px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 1rem;
}

.skelton-filter-title {
  height: 10px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 1rem;
  border-radius: 0.25rem;
}
.skelton-filter-title.w-50 {
  width: 50%;
}
.skelton-filter-title.w-70 {
  width: 70%;
}
.skelton-filter-title.w-90 {
  width: 90%;
}

.skelton-filter-contents {
  height: 10px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 1rem;
  border-radius: 0.25rem;
}
.skelton-filter-contents.w-50 {
  width: 50%;
}
.skelton-filter-contents.w-70 {
  width: 70%;
}
.skelton-filter-contents.w-90 {
  width: 90%;
}

.filter-bar {
  height: 40px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 1rem;
}

.skelton-product-img-box {
  box-sizing: border-box;
  display: block;
  width: 100%;
  margin-bottom: 10px;
  height: 500px;
}

.skelton-product-name {
  height: 50px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 1rem;
}

.skelton-short_desc {
  height: 20px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 1rem;
}

.skelton-sku-name {
  height: 20px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 1rem;
}

.skelton-review-wrap {
  height: 20px;
  width: 100%;
  margin-top: 0;
  margin: 1rem 0;
}

.skelton-outer-price {
  display: flex;
  margin: 0;
}

.skelton-price-offer {
  height: 20px;
  width: 30%;
  margin-top: 0;
  margin-bottom: 1rem;
}

.skelton-qty-box {
  height: 20px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 1rem;
}

.skelton-option-add-cart {
  height: 50px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 1rem;
}

.skelton-social-share {
  height: 30px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 1rem;
}

.skelton-product-desc-title {
  height: 20px;
  width: 30%;
  margin-top: 0;
  margin-bottom: 1rem;
}

.skelton-product-description {
  height: 150px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 1rem;
}

@media all and (max-width: 767px) {
  .skelton-product-img-box {
    height: 300px;
  }
}
.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 0.85rem;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 5px;
}
.badge:empty {
  display: none;
}
.badge.badge-primary {
  background-color: #FEC618;
  color: #fff;
}
.badge.badge-danger {
  background-color: #ff0000;
  color: #fff;
}
.badge.badge-success {
  background-color: #28a745;
  color: #fff;
}
.badge.badge-warning, .badge.badge-info {
  background-color: #ffc107;
  color: #fff;
}

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

.table-wrapper {
  overflow: hidden;
  width: 100%;
  overflow-x: auto;
}

.table-primary th {
  border-bottom: 2px solid #000;
  border-top: none;
  color: #000;
  background-color: #fff;
  font-size: 0.875rem;
  font-weight: bold;
  padding: 0.75rem;
}
.table-primary tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.table-primary tr:nth-of-type(even) {
  background-color: #fff;
}
.table-primary td {
  border-bottom: 1px solid #CECECE;
  border-top: none;
  font-size: 0.75rem;
  padding: 0.75rem;
}
.table-primary .btn {
  padding: 10px 18px;
  width: 100%;
}

.table-header, .table-content {
  display: table-row-group;
  width: 100%;
}
.table-header li, .table-content li {
  display: table-cell;
  padding: 0.75rem;
  vertical-align: middle;
}
.table-header li li, .table-content li li {
  border: none;
}
.table-header li:first-child, .table-content li:first-child {
  text-align: left !important;
  padding-left: 0 !important;
}
.table-header ul, .table-content ul {
  margin: 0;
  padding: 0;
  display: table-row;
}
.table-header ul ul, .table-content ul ul {
  display: block;
}
.table-header ul ul li, .table-content ul ul li {
  display: block;
}

.cart-table, .table-secondary {
  background-color: #fff;
  font-size: 0.875rem;
}
.cart-table .table-header li, .table-secondary .table-header li {
  padding: 0.75rem;
  text-align: center;
  border: none;
  background-color: #fff;
  color: #FEC618;
  font-size: 0.75rem;
  font-weight: normal;
}
.cart-table .table-header li:after, .table-secondary .table-header li:after {
  display: none;
}
.cart-table .table-content .cart-item-list:not(:last-child), .table-secondary .table-content .cart-item-list:not(:last-child) {
  border-bottom: 1px solid #f2f2f2;
}
.cart-table .table-content li, .table-secondary .table-content li {
  border: none;
  text-align: center;
  vertical-align: middle;
  padding: 10px;
}
.cart-table .table-content li.product, .table-secondary .table-content li.product {
  text-align: left;
}
.cart-table .table-content li.product .cart-img, .table-secondary .table-content li.product .cart-img {
  max-width: 80px;
}
.cart-table .table-content li.product img, .table-secondary .table-content li.product img {
  margin-right: 0;
  /*border: 1px solid $border;*/
  max-width: 100%;
}
.cart-table .box-border .table, .table-secondary .box-border .table {
  margin-bottom: 0;
}
.cart-table .number-spinner button i, .table-secondary .number-spinner button i {
  color: #FEC618;
}
.cart-table .number-spinner button:hover i, .table-secondary .number-spinner button:hover i {
  color: #fff;
}

.cart-col .table {
  border: 1px solid #CECECE;
}

.table-header {
  font-weight: 500;
  color: #FEC618;
  border: none;
  padding: 0.75rem;
}

.table-content {
  background: #fff;
  border-top: 1px solid #CECECE;
  border-bottom: 1px solid #CECECE;
}

.cart-img {
  float: left;
  margin-right: 10px;
  max-width: 70px;
}

.cart-item-desc {
  padding-left: 90px;
}
.cart-item-desc .link-product-name {
  font-size: 0.75rem;
  color: #000000;
  font-weight: normal;
}
.cart-item-desc .link-product-name:hover, .cart-item-desc .link-product-name:active, .cart-item-desc .link-product-name.active {
  color: black !important;
}
.cart-item-desc .sku-wrap .sku, .cart-item-desc .sku-wrap label {
  margin-bottom: 0.25rem;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-size: 0.75rem;
}
.cart-item-desc .sku-wrap .gtext {
  color: #000000;
  margin-left: 5px;
}

.cart-item-list .normal-price {
  font-size: 0.75rem;
  color: #000000;
}
.cart-item-list .icon-cart-remove:hover {
  background-color: transparent;
  opacity: 0.8;
}
.cart-item-list .icon-cart-remove .fa-trash-alt {
  font-size: 1.5rem;
  font-weight: 500;
}
.cart-item-list .icon-cart-remove .fa-trash-alt:before {
  content: "\f057";
}

.scroll-table {
  overflow-x: auto;
  padding: 0 1px 15px 1px;
}
.scroll-table .table {
  width: 1500px;
}

.table-wrapper {
  display: inline-block;
  width: 100%;
}

.table, .table-resize {
  display: table;
  width: 100%;
  border-collapse: collapse;
}

.table .active-btn, .table .inactive-btn {
  padding: 2px 5px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.75rem;
  color: #fff;
  display: inline-block;
  min-width: 42px;
}
.table .active-btn {
  background: #FEC618;
}
.table .edit-view {
  color: #FEC618;
}
.table .edit-view a {
  color: #FEC618;
}
.table .head-border li {
  border: none;
}
.table .active {
  background: #FEC618;
  color: #fff;
  border-radius: 5px;
  padding: 2px 5px;
  font-size: 0.75rem;
}
.table .inactive {
  color: #fff;
  border-radius: 5px;
  padding: 2px 5px;
  font-size: 0.75rem;
}
.table .spinner {
  display: inline-block;
}
.table .product img {
  float: left;
  margin-right: 10px;
}
.table .product .name {
  color: #FEC618;
  font-weight: bold;
  padding-top: 2px;
}
.table .price .chk-label {
  color: #FEC618;
  margin-top: 2px;
}

.shop-table {
  display: table;
  width: 100%;
  border-collapse: collapse;
}
.shop-table .table-head {
  display: table-row;
  background-color: #E6E6E6;
}
.shop-table .table-head .box {
  padding: 8px;
  border: 1px solid #CECECE;
  font-weight: 700;
}
.shop-table .table-row {
  display: table-row;
}
.shop-table .table-row:nth-child(odd) .box {
  padding: 8px;
  border: 1px solid #CECECE;
}
.shop-table .table-row:nth-child(even) .box {
  padding: 8px;
  border: 1px solid #CECECE;
}
.shop-table .box {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.shop-table .box .inner-box {
  white-space: nowrap;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  font-size: 0.875rem;
}
.shop-table .chk-wrap {
  display: inline-block;
}
.shop-table .chk-wrap .chkmark {
  margin: 0 auto;
}
.shop-table .price-wrap .price {
  font-weight: 700;
}
.shop-table .price-wrap .old-price {
  padding: 0;
  font-size: 0.875rem;
}
.shop-table .qty-wrap {
  min-width: 200px;
}

.table-footer .form-row {
  padding: 0.5rem 0;
  margin: 0;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border: none;
}
.table-footer .form-row .col-6 + .col-6 {
  text-align: right;
}
.table-footer .form-row h4, .table-footer .form-row h5 {
  margin: 0;
}
.table-footer .form-row:not(:last-child) {
  border-bottom: 1px solid #CECECE !important;
}
.table-footer .total, .table-footer .total-price {
  font-size: 1rem;
  color: #000000;
}
.table-footer .total.primary, .table-footer .total-price.primary {
  font-size: 1rem;
  color: #000000;
}
.table-footer ul, .table-footer ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.table-footer .promo-dis {
  font-size: 1rem;
  color: #ff0000;
}

.view-footer-row {
  cursor: pointer;
  color: #000000;
  font-size: 0.75rem;
}
.view-footer-row i {
  vertical-align: baseline;
}

.group-acc-description {
  border-bottom: 1px solid #CECECE;
}
.group-acc-description:first-child {
  border-top: 1px solid #CECECE;
}
.group-acc-description .accordion-btn {
  padding-left: 0;
  padding-right: 0;
}
.group-acc-description .accordion-btn:not(.collapsed) .fa-plus:before {
  content: "\f068";
}
.group-acc-description .card-body {
  padding-left: 0;
  padding-right: 0;
}

.accordion_plus .set {
  position: relative;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #CECECE;
}
.accordion_plus .set > a {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  color: #000000;
  text-transform: uppercase;
  padding: 12px 0;
  font-size: 1.125rem;
  letter-spacing: -0.45px;
}
.accordion_plus .set:first-child {
  border-top: 1px solid #CECECE;
}
.accordion_plus .contents {
  display: none;
  position: relative;
  padding: 15px 0;
  line-height: 1.5;
}
.accordion_plus .contents p {
  margin: 0;
  letter-spacing: 1px;
}

.accordion_arrow {
  margin: 30px auto;
  max-width: 560px;
}
.accordion_arrow .set {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 30px;
}
.accordion_arrow .set > a {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  color: #000000;
  padding: 10px 0;
  border-bottom: 1px solid #f2f2f2;
  font-size: 1.125rem;
  letter-spacing: -0.45px;
  font-weight: bold;
}
.accordion_arrow .contents {
  display: none;
  position: relative;
  padding: 15px 0;
  line-height: 1.5;
  font-size: 1rem;
  letter-spacing: 1px;
}
.accordion_arrow .contents p {
  margin: 0;
  letter-spacing: 1px;
  font-size: 1rem;
}
.accordion_arrow .review-star {
  margin-left: auto;
}
.accordion_arrow p {
  margin: 0;
}

.fr-table {
  border: none;
  border-collapse: collapse;
  empty-cells: show;
  max-width: 100%;
  width: 100%;
}
.fr-table th {
  background-color: #E6E6E6;
  border: 1px solid #f2f2f2;
  padding: 8px 10px;
}
.fr-table td {
  padding: 8px 10px;
  border: 1px solid #f2f2f2;
}

@media all and (max-width: 768px) {
  .cart-table .unit-price {
    line-height: 1.25;
  }
  .cart-table .total .normal-price {
    line-height: 1.25;
  }
}
html {
  box-sizing: border-box;
  height: 100%;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

* html .clearfix {
  zoom: 1;
} /* IE6 */
*:first-child + html .clearfix {
  zoom: 1;
} /* IE7 */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q {
  quotes: none;
  border-left: solid 2px #5E35B1;
  margin-left: 0;
  padding-left: 5px;
  color: #5E35B1;
}

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

a {
  text-decoration: none;
  color: #000000;
  transition: all 0.5s ease-in-out 0s;
}
a:hover, a:active, a.active {
  color: #AFAFAF;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #CECECE;
  margin: 1em 0;
  padding: 0;
}

img {
  line-height: 1;
  vertical-align: top;
  max-width: 100%;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template, .hide {
  display: none !important;
}

html[lang=th] h1, html[lang=th] h2, html[lang=th] h3, html[lang=th] h4, html[lang=th] h5 {
  line-height: 1.5;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
  line-height: 1.5;
}
p:empty {
  margin: 0;
}

iframe {
  max-width: 100%;
}

address {
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.full {
  width: 100%;
}

.half {
  width: 50%;
}

.fontweight_400 {
  font-weight: 400;
}

.fontweight_500 {
  font-weight: 500;
}

.fontweight_bold {
  font-weight: bold;
}

.w_break {
  word-break: break-word;
}

.main-title {
  font-size: 1.5rem;
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2;
  margin: 0;
  border: none;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin-bottom: 30px;
}
.main-title .total-item, .main-title .gift-popup-handler {
  font-weight: 400;
  font-size: 0.875rem;
  color: #000000;
  white-space: nowrap;
  margin-left: 5px;
}
.main-title.center {
  text-align: center;
}
.main-title.more_tspace {
  margin-top: 30px;
}
.main-title.more_bspace {
  margin-bottom: 30px;
}
.main-title.both_space {
  margin: 30px 0px;
}
.main-title.right {
  text-align: right;
}

.sub-title {
  font-size: 1.125rem;
  color: #000000;
  font-weight: normal;
  text-transform: capitalize;
  line-height: 1.2;
  margin: 0;
  border: none;
}
.sub-title.center {
  text-align: center;
}
.sub-title.more_tspace {
  margin-top: 30px;
}
.sub-title.more_bspace {
  margin-bottom: 30px;
}
.sub-title.bspace_15 {
  margin-bottom: 15px;
}
.sub-title.both_space {
  margin: 30px 0px;
}
.sub-title.right {
  text-align: right;
}
.sub-title.main_title {
  color: #000000;
  margin-bottom: 10px;
}

.small-title {
  color: #000000;
  margin: 0 0 10px 0;
  border: none;
}
.small-title.center {
  text-align: center;
}
.small-title.more_tspace {
  margin-top: 30px;
}
.small-title.more_bspace {
  margin-bottom: 30px;
}
.small-title.both_space {
  margin: 30px 0px;
}
.small-title.right {
  text-align: right;
}
.small-title.bg {
  background-color: #E6E6E6;
  padding: 10px;
}

.mini-title {
  font-size: 0.75rem;
  color: #000000;
}
.mini-title.center {
  text-align: center;
}
.mini-title.more_tspace {
  margin-top: 30px;
}
.mini-title.more_bspace {
  margin-bottom: 30px;
}
.mini-title.both_space {
  margin: 30px 0px;
}
.mini-title.right {
  text-align: right;
}

.text-mini {
  font-size: 0.75rem;
  color: #000000;
  font-family: helvetica;
}

.text-small {
  font-size: 0.875rem;
  color: #000000;
  font-family: helvetica;
}

.text-normal {
  font-size: 1rem;
  color: #000000;
  font-family: helvetica;
}

.text-large {
  font-size: 1.5rem;
  color: #000000;
  font-family: helvetica;
}

.text-xlarge {
  font-size: 2rem;
  color: #000000;
  font-family: helvetica;
}

.text-xxlarge {
  font-size: 2.5rem;
  color: #000000;
  font-family: helvetica;
}

.strike-price {
  font-size: 0.75rem;
  color: #D8D8D8;
  text-decoration: line-through;
}

.special-price {
  font-size: 1rem;
  color: #000000;
}

.price-margin {
  font-size: 0.75rem;
  color: #fff !important;
  background-color: #ff0000;
  padding: 0px 5px;
  margin: 0 8px;
  display: inline-flex;
  align-items: center;
}

.normal-price {
  font-size: 0.875rem;
  color: #000000;
}

.bg-default {
  width: 50px;
  height: 50px;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #CECECE;
}

.bg-primary {
  width: 50px;
  height: 50px;
  display: inline-block;
  background-color: #FEC618;
  border: 1px solid #CECECE;
}

.bg-secondary {
  width: 50px;
  height: 50px;
  display: inline-block;
  background-color: #06509D;
  border: 1px solid #CECECE;
}

.text-default-color, .text-default {
  color: #000000;
}

.text-primary-color, .text-primary {
  color: #FEC618;
}

.text-secondary-color, .text-secondary {
  color: #06509D;
}

.text-success-color, .text-success {
  color: #28a745;
}

.text-danger-color, .text-danger, .text-failed, .text-red {
  color: #ff0000;
}

.text-warning-color, .text-warning, .text-pending {
  color: #ffc107;
}

.text-info-color, .text-info {
  color: #17a2b8;
}

.text-light-color, .text-light {
  color: #f8f9fa;
}

.text-dark-color, .text-dark {
  color: #343a40;
}

.text-muted-color, .text-muted {
  color: #06509D;
}

.text-white-color, .text-white {
  color: #fff;
}

.text-processing {
  color: #17a2b8;
}

.link-mini {
  font-size: 0.7rem;
  color: #000000;
}

.link-small {
  font-size: 0.85rem;
  color: #000000;
}

.link-normal {
  font-size: 1rem;
  color: #000000;
}

.link-large {
  font-size: 1.5rem;
  color: #000000;
}

.link-xlarge {
  font-size: 2rem;
  color: #000000;
}

.link-xxlarge {
  font-size: 2.5rem;
  color: #000000;
}

.link-default-color, .link-default {
  color: #000000;
}
.link-default-color:hover, .link-default-color:active, .link-default-color.active, .link-default:hover, .link-default:active, .link-default.active {
  color: black !important;
}

.link-primary-color, .link-primary {
  color: #FEC618;
}
.link-primary-color:hover, .link-primary-color:active, .link-primary-color.active, .link-primary:hover, .link-primary:active, .link-primary.active {
  color: #7c5e01 !important;
}

.link-secondary-color, .link-secondary {
  color: #06509D;
}
.link-secondary-color:hover, .link-secondary-color:active, .link-secondary-color.active, .link-secondary:hover, .link-secondary:active, .link-secondary.active {
  color: #00050a !important;
}

.link-success-color, .link-success {
  color: #28a745;
}
.link-success-color:hover, .link-success-color:active, .link-success-color.active, .link-success:hover, .link-success:active, .link-success.active {
  color: #0a2c12 !important;
}

.link-danger-color, .link-danger {
  color: #ff0000;
}
.link-danger-color:hover, .link-danger-color:active, .link-danger-color.active, .link-danger:hover, .link-danger:active, .link-danger.active {
  color: #660000 !important;
}

.link-warning-color, .link-warning {
  color: #ffc107;
}
.link-warning-color:hover, .link-warning-color:active, .link-warning-color.active, .link-warning:hover, .link-warning:active, .link-warning.active {
  color: #6d5200 !important;
}

.link-info-color, .link-info {
  color: #17a2b8;
}
.link-info-color:hover, .link-info-color:active, .link-info-color.active, .link-info:hover, .link-info:active, .link-info.active {
  color: #062a30 !important;
}

.link-light-color, .link-light {
  color: #f8f9fa;
}
.link-light-color:hover, .link-light-color:active, .link-light-color.active, .link-light:hover, .link-light:active, .link-light.active {
  color: #9fadba !important;
}

.link-dark-color, .link-dark {
  color: #343a40;
}
.link-dark-color:hover, .link-dark-color:active, .link-dark-color.active, .link-dark:hover, .link-dark:active, .link-dark.active {
  color: black !important;
}

.link-muted-color, .link-muted {
  color: #06509D;
}
.link-muted-color:hover, .link-muted-color:active, .link-muted-color.active, .link-muted:hover, .link-muted:active, .link-muted.active {
  color: #00050a !important;
}

.link-white-color, .link-white {
  color: #fff;
}
.link-white-color:hover, .link-white-color:active, .link-white-color.active, .link-white:hover, .link-white:active, .link-white.active {
  color: #b3b3b3 !important;
}

.link-product-name {
  color: #000000;
  font-size: 0.875rem;
  font-weight: bold;
}
.link-product-name:hover, .link-product-name:active, .link-product-name.active {
  color: black !important;
}

.label-default {
  background-color: #000000;
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #FFF;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.label-default[href]:hover, .label-default[href]:focus {
  background-color: black;
}

.label-primary {
  background-color: #FEC618;
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #FFF;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: #e2ab01;
}

.label-success {
  background-color: #28a745;
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #FFF;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.label-success[href]:hover, .label-success[href]:focus {
  background-color: #1e7e34;
}

.label-info {
  background-color: #17a2b8;
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #FFF;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.label-info[href]:hover, .label-info[href]:focus {
  background-color: #117a8b;
}

.label-warning {
  background-color: #ffc107;
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #FFF;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: #d39e00;
}

.label-danger {
  background-color: #ffc107;
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #FFF;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: #d39e00;
}

.line-default {
  border-bottom: 1px solid #CECECE;
  display: block;
}

.line-primary {
  border-bottom: 1px solid #FEC618;
  display: block;
}

.line-secondary {
  border-bottom: 1px solid #06509D;
  display: block;
}

.primary-font {
  font-family: helvetica;
}

.secondary-font {
  font-family: cursive;
}

.emphasis-default {
  font-weight: 500;
}

.color_schema {
  width: 80px;
  height: 80px;
  display: inline-block;
  border: 1px solid transparent;
  border-radius: 7px;
}
.color_schema.default {
  background-color: #000000;
}
.color_schema.primary {
  border-color: #CECECE;
  background-color: #FEC618;
}
.color_schema.secondary {
  background-color: #06509D;
}
.color_schema.success {
  background-color: #28a745;
}
.color_schema.danger {
  background-color: #ff0000;
}
.color_schema.warning {
  background-color: #ffc107;
}
.color_schema.info {
  background-color: #17a2b8;
}
.color_schema.light {
  border-color: #CECECE;
  background-color: #f8f9fa;
}
.color_schema.dark {
  background-color: #343a40;
}
.color_schema.placeholder_color {
  background-color: #D8D8D8;
}
.color_schema.gray_dark {
  background-color: #E6E6E6;
}

/*Custom ScrollBar*/
.chscroll::-webkit-scrollbar {
  -webkit-appearance: none;
}

.chscroll::-webkit-scrollbar:vertical {
  width: 10px;
}

.chscroll::-webkit-scrollbar:horizontal {
  height: 10px;
}

.chscroll::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white; /* should match background, can't be transparent */
  background-color: rgba(0, 0, 0, 0.5);
}

.chscroll::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 8px;
}

@media all and (max-width: 767px) {
  .main-title {
    font-size: 1.125rem;
    margin-bottom: 1rem;
  }
}
.breadcrumb-bg {
  background: rgba(255, 255, 255, 0.5);
  z-index: 100;
  position: relative;
  z-index: 3;
}

.breadcrumb {
  background: transparent;
  color: #000;
  white-space: nowrap;
  overflow-x: auto;
  padding: 0 !important;
  margin: 0 !important;
  position: relative;
}
.breadcrumb::-webkit-scrollbar {
  display: none;
}
.breadcrumb ul {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}
.breadcrumb li {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  text-transform: capitalize;
  padding: 10px 0;
  color: #373737;
  line-height: 150%;
  margin-bottom: 0px !important;
}
.breadcrumb li + li:before {
  content: "/";
  margin: 0 5px;
}
.breadcrumb li a {
  padding: 0;
  color: #373737;
}
.breadcrumb li a:hover, .breadcrumb li a:active, .breadcrumb li a.active {
  color: #373737 !important;
}
.breadcrumb li.active {
  color: #b7b7b7;
}
.breadcrumb li.active a {
  color: #b7b7b7;
}
.breadcrumb li:last-child {
  color: #12365A;
}
.breadcrumb li:last-child a {
  color: #12365A;
}
.breadcrumb p {
  display: inline-block;
  margin: 0;
  padding: 0;
}

input[type=submit], input[type=button], .btn, .btn-primary, .btn-success, .btn-secondary, .btn-danger, .btn-warning, .btn-info, .btn-ternary, .btn-light,
.btn-outline-default, .btn-outline-primary, .btn-outline-secondary, .btn-outline-info, .btn-outline-success, .btn-icon, .btn-link,
.btn-outline-warning, .btn-outline-danger, .btn-outline-light, .btn-outline-dark, .btn-outline, .btn-default, .btn-dark, .btn-back, .facebook-btn,
.btn-white, .overlay-icon {
  display: inline-block;
  text-align: center;
  font-weight: 300;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 0.5rem 0.75rem;
  line-height: 1.5;
  font-size: 1rem;
  border-radius: 5px;
  transition: background-color 0.4s 0.3s, color 0.8s;
  /*min-width: 85px;*/
}
input[type=submit]:not(:disabled):not(.disabled), input[type=button]:not(:disabled):not(.disabled), .btn:not(:disabled):not(.disabled), .btn-primary:not(:disabled):not(.disabled), .btn-success:not(:disabled):not(.disabled), .btn-secondary:not(:disabled):not(.disabled), .btn-danger:not(:disabled):not(.disabled), .btn-warning:not(:disabled):not(.disabled), .btn-info:not(:disabled):not(.disabled), .btn-ternary:not(:disabled):not(.disabled), .btn-light:not(:disabled):not(.disabled),
.btn-outline-default:not(:disabled):not(.disabled), .btn-outline-primary:not(:disabled):not(.disabled), .btn-outline-secondary:not(:disabled):not(.disabled), .btn-outline-info:not(:disabled):not(.disabled), .btn-outline-success:not(:disabled):not(.disabled), .btn-icon:not(:disabled):not(.disabled), .btn-link:not(:disabled):not(.disabled),
.btn-outline-warning:not(:disabled):not(.disabled), .btn-outline-danger:not(:disabled):not(.disabled), .btn-outline-light:not(:disabled):not(.disabled), .btn-outline-dark:not(:disabled):not(.disabled), .btn-outline:not(:disabled):not(.disabled), .btn-default:not(:disabled):not(.disabled), .btn-dark:not(:disabled):not(.disabled), .btn-back:not(:disabled):not(.disabled), .facebook-btn:not(:disabled):not(.disabled),
.btn-white:not(:disabled):not(.disabled), .overlay-icon:not(:disabled):not(.disabled) {
  cursor: pointer;
}
input[type=submit].disabled, input[type=button].disabled, .btn.disabled, .btn-primary.disabled, .btn-success.disabled, .btn-secondary.disabled, .btn-danger.disabled, .btn-warning.disabled, .btn-info.disabled, .btn-ternary.disabled, .btn-light.disabled,
.btn-outline-default.disabled, .btn-outline-primary.disabled, .btn-outline-secondary.disabled, .btn-outline-info.disabled, .btn-outline-success.disabled, .btn-icon.disabled, .btn-link.disabled,
.btn-outline-warning.disabled, .btn-outline-danger.disabled, .btn-outline-light.disabled, .btn-outline-dark.disabled, .btn-outline.disabled, .btn-default.disabled, .btn-dark.disabled, .btn-back.disabled, .facebook-btn.disabled,
.btn-white.disabled, .overlay-icon.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
input[type=submit] .btn-icons, input[type=submit] i, input[type=button] .btn-icons, input[type=button] i, .btn .btn-icons, .btn i, .btn-primary .btn-icons, .btn-primary i, .btn-success .btn-icons, .btn-success i, .btn-secondary .btn-icons, .btn-secondary i, .btn-danger .btn-icons, .btn-danger i, .btn-warning .btn-icons, .btn-warning i, .btn-info .btn-icons, .btn-info i, .btn-ternary .btn-icons, .btn-ternary i, .btn-light .btn-icons, .btn-light i,
.btn-outline-default .btn-icons,
.btn-outline-default i, .btn-outline-primary .btn-icons, .btn-outline-primary i, .btn-outline-secondary .btn-icons, .btn-outline-secondary i, .btn-outline-info .btn-icons, .btn-outline-info i, .btn-outline-success .btn-icons, .btn-outline-success i, .btn-icon .btn-icons, .btn-icon i, .btn-link .btn-icons, .btn-link i,
.btn-outline-warning .btn-icons,
.btn-outline-warning i, .btn-outline-danger .btn-icons, .btn-outline-danger i, .btn-outline-light .btn-icons, .btn-outline-light i, .btn-outline-dark .btn-icons, .btn-outline-dark i, .btn-outline .btn-icons, .btn-outline i, .btn-default .btn-icons, .btn-default i, .btn-dark .btn-icons, .btn-dark i, .btn-back .btn-icons, .btn-back i, .facebook-btn .btn-icons, .facebook-btn i,
.btn-white .btn-icons,
.btn-white i, .overlay-icon .btn-icons, .overlay-icon i {
  vertical-align: baseline;
}

.more-height {
  padding: 0.75rem !important;
}

.btn:focus, .btn.focus, .btn.active, a:focus, a.active {
  box-shadow: none !important;
}

.remove-space {
  display: none;
}

.btn-default {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}
.btn-default:focus, .btn-default.focus {
  color: #fff;
  background-color: black;
  border-color: black;
}
.btn-default:hover {
  color: #fff;
  background-color: black;
  border-color: black;
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  color: #fff;
  background-color: black;
  border-color: black;
}
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
  color: #fff;
  background-color: black;
  border-color: black;
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  background-image: none;
}
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
  background-color: #000000;
  border-color: #000000;
}
.btn-default .badge {
  color: #000000;
  background-color: #fff;
}

.btn-primary {
  color: #fff;
  background-color: #0073AA;
  border-color: transparent;
}
.btn-primary:focus, .btn-primary.focus {
  color: #F8F8F8;
  background-color: #05407E;
}
.btn-primary:hover {
  color: #F8F8F8;
  background-color: #05407E;
}

.btn-secondary {
  color: #fff;
  background-color: #06509D;
  border-color: #06509D;
}
.btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
  background-color: #04376c;
  border-color: #011122;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #04376c;
  border-color: #043262;
}
.btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #04376c;
  border-color: #043262;
}
.btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus, .open > .btn-secondary.dropdown-toggle:hover, .open > .btn-secondary.dropdown-toggle:focus, .open > .btn-secondary.dropdown-toggle.focus {
  color: #fff;
  background-color: #032549;
  border-color: #011122;
}
.btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle {
  background-image: none;
}
.btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled].focus, fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary.focus {
  background-color: #06509D;
  border-color: #06509D;
}
.btn-secondary .badge {
  color: #06509D;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #1e7e34;
  border-color: #0f401b;
}
.btn-success:hover {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7631;
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7631;
}
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #176128;
  border-color: #0f401b;
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  background-image: none;
}
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success .badge {
  color: #28a745;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #117a8b;
  border-color: #093e47;
}
.btn-info:hover {
  color: #fff;
  background-color: #117a8b;
  border-color: #107282;
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #107282;
}
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: #0d5e6b;
  border-color: #093e47;
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  background-image: none;
}
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info .badge {
  color: #17a2b8;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: #d39e00;
  border-color: #876500;
}
.btn-warning:hover {
  color: #fff;
  background-color: #d39e00;
  border-color: #c99700;
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #d39e00;
  border-color: #c99700;
}
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #af8300;
  border-color: #876500;
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  background-image: none;
}
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning .badge {
  color: #ffc107;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #e20;
  border-color: #e20;
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #bb1b00;
  border-color: #6f1000;
}
.btn-danger:hover {
  color: #fff;
  background-color: #bb1b00;
  border-color: #b11900;
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bb1b00;
  border-color: #b11900;
}
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #971600;
  border-color: #6f1000;
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  background-image: none;
}
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
  background-color: #e20;
  border-color: #e20;
}
.btn-danger .badge {
  color: #e20;
  background-color: #fff;
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:focus, .btn-dark.focus {
  color: #fff;
  background-color: #1d2124;
  border-color: black;
}
.btn-dark:hover {
  color: #fff;
  background-color: #1d2124;
  border-color: #191b1e;
}
.btn-dark:active, .btn-dark.active, .open > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #191b1e;
}
.btn-dark:active:hover, .btn-dark:active:focus, .btn-dark:active.focus, .btn-dark.active:hover, .btn-dark.active:focus, .btn-dark.active.focus, .open > .btn-dark.dropdown-toggle:hover, .open > .btn-dark.dropdown-toggle:focus, .open > .btn-dark.dropdown-toggle.focus {
  color: #fff;
  background-color: #0d0f10;
  border-color: black;
}
.btn-dark:active, .btn-dark.active, .open > .btn-dark.dropdown-toggle {
  background-image: none;
}
.btn-dark.disabled:hover, .btn-dark.disabled:focus, .btn-dark.disabled.focus, .btn-dark[disabled]:hover, .btn-dark[disabled]:focus, .btn-dark[disabled].focus, fieldset[disabled] .btn-dark:hover, fieldset[disabled] .btn-dark:focus, fieldset[disabled] .btn-dark.focus {
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark .badge {
  color: #343a40;
  background-color: #fff;
}

.btn-light {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}
.btn-light:focus, .btn-light.focus {
  color: #212529;
  background-color: #bcc7d0;
  border-color: #8999a9;
}
.btn-light:hover {
  color: #212529;
  background-color: #bcc7d0;
  border-color: #b0bac5;
}
.btn-light:active, .btn-light.active, .open > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #bcc7d0;
  border-color: #b0bac5;
}
.btn-light:active:hover, .btn-light:active:focus, .btn-light:active.focus, .btn-light.active:hover, .btn-light.active:focus, .btn-light.active.focus, .open > .btn-light.dropdown-toggle:hover, .open > .btn-light.dropdown-toggle:focus, .open > .btn-light.dropdown-toggle.focus {
  color: #212529;
  background-color: #a7b5c1;
  border-color: #8999a9;
}
.btn-light:active, .btn-light.active, .open > .btn-light.dropdown-toggle {
  background-image: none;
}
.btn-light.disabled:hover, .btn-light.disabled:focus, .btn-light.disabled.focus, .btn-light[disabled]:hover, .btn-light[disabled]:focus, .btn-light[disabled].focus, fieldset[disabled] .btn-light:hover, fieldset[disabled] .btn-light:focus, fieldset[disabled] .btn-light.focus {
  background-color: #dae0e5;
  border-color: #d3d9df;
}
.btn-light .badge {
  color: #dae0e5;
  background-color: #212529;
}

.btn-icon {
  color: #000;
  background-color: #fff;
  border-color: #CECECE;
}
.btn-icon:focus, .btn-icon.focus {
  color: #000;
  background-color: #e6e6e6;
  border-color: #8e8e8e;
}
.btn-icon:hover {
  color: #000;
  background-color: #e6e6e6;
  border-color: #afafaf;
}
.btn-icon:active, .btn-icon.active, .open > .btn-icon.dropdown-toggle {
  color: #000;
  background-color: #e6e6e6;
  border-color: #afafaf;
}
.btn-icon:active:hover, .btn-icon:active:focus, .btn-icon:active.focus, .btn-icon.active:hover, .btn-icon.active:focus, .btn-icon.active.focus, .open > .btn-icon.dropdown-toggle:hover, .open > .btn-icon.dropdown-toggle:focus, .open > .btn-icon.dropdown-toggle.focus {
  color: #000;
  background-color: #d4d4d4;
  border-color: #8e8e8e;
}
.btn-icon:active, .btn-icon.active, .open > .btn-icon.dropdown-toggle {
  background-image: none;
}
.btn-icon.disabled:hover, .btn-icon.disabled:focus, .btn-icon.disabled.focus, .btn-icon[disabled]:hover, .btn-icon[disabled]:focus, .btn-icon[disabled].focus, fieldset[disabled] .btn-icon:hover, fieldset[disabled] .btn-icon:focus, fieldset[disabled] .btn-icon.focus {
  background-color: #fff;
  border-color: #CECECE;
}
.btn-icon .badge {
  color: #fff;
  background-color: #000;
}

.btn-link {
  color: #000;
  background-color: #fff;
  border-color: #CECECE;
}
.btn-link:focus, .btn-link.focus {
  color: #000;
  background-color: #e6e6e6;
  border-color: #8e8e8e;
}
.btn-link:hover {
  color: #000;
  background-color: #e6e6e6;
  border-color: #afafaf;
}
.btn-link:active, .btn-link.active, .open > .btn-link.dropdown-toggle {
  color: #000;
  background-color: #e6e6e6;
  border-color: #afafaf;
}
.btn-link:active:hover, .btn-link:active:focus, .btn-link:active.focus, .btn-link.active:hover, .btn-link.active:focus, .btn-link.active.focus, .open > .btn-link.dropdown-toggle:hover, .open > .btn-link.dropdown-toggle:focus, .open > .btn-link.dropdown-toggle.focus {
  color: #000;
  background-color: #d4d4d4;
  border-color: #8e8e8e;
}
.btn-link:active, .btn-link.active, .open > .btn-link.dropdown-toggle {
  background-image: none;
}
.btn-link.disabled:hover, .btn-link.disabled:focus, .btn-link.disabled.focus, .btn-link[disabled]:hover, .btn-link[disabled]:focus, .btn-link[disabled].focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link.focus {
  background-color: #fff;
  border-color: #CECECE;
}
.btn-link .badge {
  color: #fff;
  background-color: #000;
}

.btn-outline-default {
  color: #000000;
  background-image: none;
  background-color: transparent;
  border-color: #000000;
}
.btn-outline-default:hover {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}
.btn-outline-default:focus, .btn-outline-default.focus {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}
.btn-outline-default:active, .btn-outline-default.active, .open > .btn-outline-default.dropdown-toggle {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}
.btn-outline-default:active:hover, .btn-outline-default:active:focus, .btn-outline-default:active.focus, .btn-outline-default.active:hover, .btn-outline-default.active:focus, .btn-outline-default.active.focus, .open > .btn-outline-default.dropdown-toggle:hover, .open > .btn-outline-default.dropdown-toggle:focus, .open > .btn-outline-default.dropdown-toggle.focus {
  color: #fff;
  background-color: dark(#000000, 17%);
  border-color: dark(#000000, 25%);
}
.btn-outline-default.disabled:focus, .btn-outline-default.disabled.focus, .btn-outline-default:disabled:focus, .btn-outline-default:disabled.focus {
  border-color: light(#000000, 20%);
}
.btn-outline-default.disabled:hover, .btn-outline-default:disabled:hover {
  border-color: light(#000000, 20%);
}

.btn-outline-primary {
  color: #0073AA;
  background-image: none;
  background-color: transparent;
  border-color: #0073AA;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #0073AA;
  border-color: #0073AA;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  color: #fff;
  background-color: #0073AA;
  border-color: #0073AA;
}
.btn-outline-primary:active, .btn-outline-primary.active, .open > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #0073AA;
  border-color: #0073AA;
}
.btn-outline-primary:active:hover, .btn-outline-primary:active:focus, .btn-outline-primary:active.focus, .btn-outline-primary.active:hover, .btn-outline-primary.active:focus, .btn-outline-primary.active.focus, .open > .btn-outline-primary.dropdown-toggle:hover, .open > .btn-outline-primary.dropdown-toggle:focus, .open > .btn-outline-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: dark(#0073AA, 17%);
  border-color: dark(#0073AA, 25%);
}
.btn-outline-primary.disabled:focus, .btn-outline-primary.disabled.focus, .btn-outline-primary:disabled:focus, .btn-outline-primary:disabled.focus {
  border-color: light(#0073AA, 20%);
}
.btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover {
  border-color: light(#0073AA, 20%);
}

.btn-outline-secondary {
  color: #06509D;
  background-image: none;
  background-color: transparent;
  border-color: #06509D;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #06509D;
  border-color: #06509D;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  color: #fff;
  background-color: #06509D;
  border-color: #06509D;
}
.btn-outline-secondary:active, .btn-outline-secondary.active, .open > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #06509D;
  border-color: #06509D;
}
.btn-outline-secondary:active:hover, .btn-outline-secondary:active:focus, .btn-outline-secondary:active.focus, .btn-outline-secondary.active:hover, .btn-outline-secondary.active:focus, .btn-outline-secondary.active.focus, .open > .btn-outline-secondary.dropdown-toggle:hover, .open > .btn-outline-secondary.dropdown-toggle:focus, .open > .btn-outline-secondary.dropdown-toggle.focus {
  color: #fff;
  background-color: dark(#06509D, 17%);
  border-color: dark(#06509D, 25%);
}
.btn-outline-secondary.disabled:focus, .btn-outline-secondary.disabled.focus, .btn-outline-secondary:disabled:focus, .btn-outline-secondary:disabled.focus {
  border-color: light(#06509D, 20%);
}
.btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover {
  border-color: light(#06509D, 20%);
}

.btn-outline-info {
  color: #17a2b8;
  background-image: none;
  background-color: transparent;
  border-color: #17a2b8;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:focus, .btn-outline-info.focus {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:active, .btn-outline-info.active, .open > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:active:hover, .btn-outline-info:active:focus, .btn-outline-info:active.focus, .btn-outline-info.active:hover, .btn-outline-info.active:focus, .btn-outline-info.active.focus, .open > .btn-outline-info.dropdown-toggle:hover, .open > .btn-outline-info.dropdown-toggle:focus, .open > .btn-outline-info.dropdown-toggle.focus {
  color: #fff;
  background-color: dark(#17a2b8, 17%);
  border-color: dark(#17a2b8, 25%);
}
.btn-outline-info.disabled:focus, .btn-outline-info.disabled.focus, .btn-outline-info:disabled:focus, .btn-outline-info:disabled.focus {
  border-color: light(#17a2b8, 20%);
}
.btn-outline-info.disabled:hover, .btn-outline-info:disabled:hover {
  border-color: light(#17a2b8, 20%);
}

.btn-outline-success {
  color: #28a745;
  background-image: none;
  background-color: transparent;
  border-color: #28a745;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:active, .btn-outline-success.active, .open > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:active:hover, .btn-outline-success:active:focus, .btn-outline-success:active.focus, .btn-outline-success.active:hover, .btn-outline-success.active:focus, .btn-outline-success.active.focus, .open > .btn-outline-success.dropdown-toggle:hover, .open > .btn-outline-success.dropdown-toggle:focus, .open > .btn-outline-success.dropdown-toggle.focus {
  color: #fff;
  background-color: dark(#28a745, 17%);
  border-color: dark(#28a745, 25%);
}
.btn-outline-success.disabled:focus, .btn-outline-success.disabled.focus, .btn-outline-success:disabled:focus, .btn-outline-success:disabled.focus {
  border-color: light(#28a745, 20%);
}
.btn-outline-success.disabled:hover, .btn-outline-success:disabled:hover {
  border-color: light(#28a745, 20%);
}

.btn-outline-warning {
  color: #ffc107;
  background-image: none;
  background-color: transparent;
  border-color: #ffc107;
}
.btn-outline-warning:hover {
  color: #fff;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  color: #fff;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:active, .btn-outline-warning.active, .open > .btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:active:hover, .btn-outline-warning:active:focus, .btn-outline-warning:active.focus, .btn-outline-warning.active:hover, .btn-outline-warning.active:focus, .btn-outline-warning.active.focus, .open > .btn-outline-warning.dropdown-toggle:hover, .open > .btn-outline-warning.dropdown-toggle:focus, .open > .btn-outline-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: dark(#ffc107, 17%);
  border-color: dark(#ffc107, 25%);
}
.btn-outline-warning.disabled:focus, .btn-outline-warning.disabled.focus, .btn-outline-warning:disabled:focus, .btn-outline-warning:disabled.focus {
  border-color: light(#ffc107, 20%);
}
.btn-outline-warning.disabled:hover, .btn-outline-warning:disabled:hover {
  border-color: light(#ffc107, 20%);
}

.btn-outline-danger {
  color: #e20;
  background-image: none;
  background-color: transparent;
  border-color: #e20;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #e20;
  border-color: #e20;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  color: #fff;
  background-color: #e20;
  border-color: #e20;
}
.btn-outline-danger:active, .btn-outline-danger.active, .open > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #e20;
  border-color: #e20;
}
.btn-outline-danger:active:hover, .btn-outline-danger:active:focus, .btn-outline-danger:active.focus, .btn-outline-danger.active:hover, .btn-outline-danger.active:focus, .btn-outline-danger.active.focus, .open > .btn-outline-danger.dropdown-toggle:hover, .open > .btn-outline-danger.dropdown-toggle:focus, .open > .btn-outline-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: dark(#e20, 17%);
  border-color: dark(#e20, 25%);
}
.btn-outline-danger.disabled:focus, .btn-outline-danger.disabled.focus, .btn-outline-danger:disabled:focus, .btn-outline-danger:disabled.focus {
  border-color: light(#e20, 20%);
}
.btn-outline-danger.disabled:hover, .btn-outline-danger:disabled:hover {
  border-color: light(#e20, 20%);
}

.btn-outline-light {
  color: #dae0e5;
  background-image: none;
  background-color: transparent;
  border-color: #dae0e5;
}
.btn-outline-light:hover {
  color: #fff;
  background-color: #dae0e5;
  border-color: #dae0e5;
}
.btn-outline-light:focus, .btn-outline-light.focus {
  color: #fff;
  background-color: #dae0e5;
  border-color: #dae0e5;
}
.btn-outline-light:active, .btn-outline-light.active, .open > .btn-outline-light.dropdown-toggle {
  color: #fff;
  background-color: #dae0e5;
  border-color: #dae0e5;
}
.btn-outline-light:active:hover, .btn-outline-light:active:focus, .btn-outline-light:active.focus, .btn-outline-light.active:hover, .btn-outline-light.active:focus, .btn-outline-light.active.focus, .open > .btn-outline-light.dropdown-toggle:hover, .open > .btn-outline-light.dropdown-toggle:focus, .open > .btn-outline-light.dropdown-toggle.focus {
  color: #fff;
  background-color: dark(#dae0e5, 17%);
  border-color: dark(#dae0e5, 25%);
}
.btn-outline-light.disabled:focus, .btn-outline-light.disabled.focus, .btn-outline-light:disabled:focus, .btn-outline-light:disabled.focus {
  border-color: light(#dae0e5, 20%);
}
.btn-outline-light.disabled:hover, .btn-outline-light:disabled:hover {
  border-color: light(#dae0e5, 20%);
}

.btn-outline-dark {
  color: #343a40;
  background-image: none;
  background-color: transparent;
  border-color: #343a40;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:active, .btn-outline-dark.active, .open > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:active:hover, .btn-outline-dark:active:focus, .btn-outline-dark:active.focus, .btn-outline-dark.active:hover, .btn-outline-dark.active:focus, .btn-outline-dark.active.focus, .open > .btn-outline-dark.dropdown-toggle:hover, .open > .btn-outline-dark.dropdown-toggle:focus, .open > .btn-outline-dark.dropdown-toggle.focus {
  color: #fff;
  background-color: dark(#343a40, 17%);
  border-color: dark(#343a40, 25%);
}
.btn-outline-dark.disabled:focus, .btn-outline-dark.disabled.focus, .btn-outline-dark:disabled:focus, .btn-outline-dark:disabled.focus {
  border-color: light(#343a40, 20%);
}
.btn-outline-dark.disabled:hover, .btn-outline-dark:disabled:hover {
  border-color: light(#343a40, 20%);
}

.btn-outline {
  color: #000;
  background-image: none;
  background-color: transparent;
  border-color: #000;
}
.btn-outline:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-outline:focus, .btn-outline.focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-outline:active, .btn-outline.active, .open > .btn-outline.dropdown-toggle {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-outline:active:hover, .btn-outline:active:focus, .btn-outline:active.focus, .btn-outline.active:hover, .btn-outline.active:focus, .btn-outline.active.focus, .open > .btn-outline.dropdown-toggle:hover, .open > .btn-outline.dropdown-toggle:focus, .open > .btn-outline.dropdown-toggle.focus {
  color: #fff;
  background-color: dark(#000, 17%);
  border-color: dark(#000, 25%);
}
.btn-outline.disabled:focus, .btn-outline.disabled.focus, .btn-outline:disabled:focus, .btn-outline:disabled.focus {
  border-color: light(#000, 20%);
}
.btn-outline.disabled:hover, .btn-outline:disabled:hover {
  border-color: light(#000, 20%);
}

.btn-outline-icon {
  color: #000;
  background-image: none;
  background-color: transparent;
  border-color: #000;
}
.btn-outline-icon:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-outline-icon:focus, .btn-outline-icon.focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-outline-icon:active, .btn-outline-icon.active, .open > .btn-outline-icon.dropdown-toggle {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-outline-icon:active:hover, .btn-outline-icon:active:focus, .btn-outline-icon:active.focus, .btn-outline-icon.active:hover, .btn-outline-icon.active:focus, .btn-outline-icon.active.focus, .open > .btn-outline-icon.dropdown-toggle:hover, .open > .btn-outline-icon.dropdown-toggle:focus, .open > .btn-outline-icon.dropdown-toggle.focus {
  color: #fff;
  background-color: dark(#000, 17%);
  border-color: dark(#000, 25%);
}
.btn-outline-icon.disabled:focus, .btn-outline-icon.disabled.focus, .btn-outline-icon:disabled:focus, .btn-outline-icon:disabled.focus {
  border-color: light(#000, 20%);
}
.btn-outline-icon.disabled:hover, .btn-outline-icon:disabled:hover {
  border-color: light(#000, 20%);
}

.btn-outline-link {
  color: #000;
  background-image: none;
  background-color: transparent;
  border-color: #000;
}
.btn-outline-link:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-outline-link:focus, .btn-outline-link.focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-outline-link:active, .btn-outline-link.active, .open > .btn-outline-link.dropdown-toggle {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-outline-link:active:hover, .btn-outline-link:active:focus, .btn-outline-link:active.focus, .btn-outline-link.active:hover, .btn-outline-link.active:focus, .btn-outline-link.active.focus, .open > .btn-outline-link.dropdown-toggle:hover, .open > .btn-outline-link.dropdown-toggle:focus, .open > .btn-outline-link.dropdown-toggle.focus {
  color: #fff;
  background-color: dark(#000, 17%);
  border-color: dark(#000, 25%);
}
.btn-outline-link.disabled:focus, .btn-outline-link.disabled.focus, .btn-outline-link:disabled:focus, .btn-outline-link:disabled.focus {
  border-color: light(#000, 20%);
}
.btn-outline-link.disabled:hover, .btn-outline-link:disabled:hover {
  border-color: light(#000, 20%);
}

.btn-xxlg {
  padding: 2rem 1rem;
  line-height: 2;
  font-size: 1.75rem;
  border-radius: 0.9rem;
}

.btn-xlg {
  padding: 1.8rem 1rem;
  line-height: 1.7;
  font-size: 1.5rem;
  border-radius: 0.7rem;
}

.btn-lg {
  padding: 1.5rem 1rem;
  line-height: 1.5;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}

.btn-sm {
  padding: 0.25rem 0.5rem;
  line-height: 1.5;
  font-size: 0.875rem;
  border-radius: 0.4rem;
}

.btn-xsm {
  padding: 0.15rem 0.5rem;
  line-height: 1rem;
  font-size: 0.675rem;
  border-radius: 0.3rem;
}

.btn-back {
  color: #333;
  background-color: #AFAFAF;
  border-color: #8c8c8c;
}
.btn-back:focus, .btn-back.focus {
  color: #333;
  background-color: #969696;
  border-color: #4c4c4c;
}
.btn-back:hover {
  color: #333;
  background-color: #969696;
  border-color: #6d6d6d;
}
.btn-back:active, .btn-back.active, .open > .btn-back.dropdown-toggle {
  color: #333;
  background-color: #969696;
  border-color: #6d6d6d;
}
.btn-back:active:hover, .btn-back:active:focus, .btn-back:active.focus, .btn-back.active:hover, .btn-back.active:focus, .btn-back.active.focus, .open > .btn-back.dropdown-toggle:hover, .open > .btn-back.dropdown-toggle:focus, .open > .btn-back.dropdown-toggle.focus {
  color: #333;
  background-color: #848484;
  border-color: #4c4c4c;
}
.btn-back:active, .btn-back.active, .open > .btn-back.dropdown-toggle {
  background-image: none;
}
.btn-back.disabled:hover, .btn-back.disabled:focus, .btn-back.disabled.focus, .btn-back[disabled]:hover, .btn-back[disabled]:focus, .btn-back[disabled].focus, fieldset[disabled] .btn-back:hover, fieldset[disabled] .btn-back:focus, fieldset[disabled] .btn-back.focus {
  background-color: #AFAFAF;
  border-color: #8c8c8c;
}
.btn-back .badge {
  color: #AFAFAF;
  background-color: #333;
}

.facebook-btn {
  color: #fff;
  background-color: #4e71a4;
  border-color: #466593;
  color: #fff !important;
}
.facebook-btn:focus, .facebook-btn.focus {
  color: #fff;
  background-color: #3e5981;
  border-color: #1d2a3c;
}
.facebook-btn:hover {
  color: #fff;
  background-color: #3e5981;
  border-color: #324969;
}
.facebook-btn:active, .facebook-btn.active, .open > .facebook-btn.dropdown-toggle {
  color: #fff;
  background-color: #3e5981;
  border-color: #324969;
}
.facebook-btn:active:hover, .facebook-btn:active:focus, .facebook-btn:active.focus, .facebook-btn.active:hover, .facebook-btn.active:focus, .facebook-btn.active.focus, .open > .facebook-btn.dropdown-toggle:hover, .open > .facebook-btn.dropdown-toggle:focus, .open > .facebook-btn.dropdown-toggle.focus {
  color: #fff;
  background-color: #324969;
  border-color: #1d2a3c;
}
.facebook-btn:active, .facebook-btn.active, .open > .facebook-btn.dropdown-toggle {
  background-image: none;
}
.facebook-btn.disabled:hover, .facebook-btn.disabled:focus, .facebook-btn.disabled.focus, .facebook-btn[disabled]:hover, .facebook-btn[disabled]:focus, .facebook-btn[disabled].focus, fieldset[disabled] .facebook-btn:hover, fieldset[disabled] .facebook-btn:focus, fieldset[disabled] .facebook-btn.focus {
  background-color: #4e71a4;
  border-color: #466593;
}
.facebook-btn .badge {
  color: #4e71a4;
  background-color: #fff;
}
.facebook-btn:hover {
  color: #fff !important;
  background-color: #2b73d1;
  border-color: #2b73d1;
}

.radius-20 {
  border-radius: 20px !important;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-primary:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #FEC618;
  border-color: #fbbe01;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled):active.focus {
  color: #fff;
  background-color: #e2ab01;
  border-color: #7c5e01;
}
.btn-primary:not(:disabled):not(.disabled):active:hover {
  color: #fff;
  background-color: #e2ab01;
  border-color: #be9001;
}
.btn-primary:not(:disabled):not(.disabled):active:active, .btn-primary:not(:disabled):not(.disabled):active.active, .open > .btn-primary:not(:disabled):not(.disabled):active.dropdown-toggle {
  color: #fff;
  background-color: #e2ab01;
  border-color: #be9001;
}
.btn-primary:not(:disabled):not(.disabled):active:active:hover, .btn-primary:not(:disabled):not(.disabled):active:active:focus, .btn-primary:not(:disabled):not(.disabled):active:active.focus, .btn-primary:not(:disabled):not(.disabled):active.active:hover, .btn-primary:not(:disabled):not(.disabled):active.active:focus, .btn-primary:not(:disabled):not(.disabled):active.active.focus, .open > .btn-primary:not(:disabled):not(.disabled):active.dropdown-toggle:hover, .open > .btn-primary:not(:disabled):not(.disabled):active.dropdown-toggle:focus, .open > .btn-primary:not(:disabled):not(.disabled):active.dropdown-toggle.focus {
  color: #fff;
  background-color: #be9001;
  border-color: #7c5e01;
}
.btn-primary:not(:disabled):not(.disabled):active:active, .btn-primary:not(:disabled):not(.disabled):active.active, .open > .btn-primary:not(:disabled):not(.disabled):active.dropdown-toggle {
  background-image: none;
}
.btn-primary:not(:disabled):not(.disabled):active.disabled:hover, .btn-primary:not(:disabled):not(.disabled):active.disabled:focus, .btn-primary:not(:disabled):not(.disabled):active.disabled.focus, .btn-primary:not(:disabled):not(.disabled):active[disabled]:hover, .btn-primary:not(:disabled):not(.disabled):active[disabled]:focus, .btn-primary:not(:disabled):not(.disabled):active[disabled].focus, fieldset[disabled] .btn-primary:not(:disabled):not(.disabled):active:hover, fieldset[disabled] .btn-primary:not(:disabled):not(.disabled):active:focus, fieldset[disabled] .btn-primary:not(:disabled):not(.disabled):active.focus {
  background-color: #FEC618;
  border-color: #fbbe01;
}
.btn-primary:not(:disabled):not(.disabled):active .badge {
  color: #FEC618;
  background-color: #fff;
}

.btn-block {
  display: block;
  width: 100%;
}

.button-switch {
  font-size: 0.875rem;
  line-height: 1.5;
  height: 1.5rem;
  margin-bottom: 0.625em;
  position: relative;
  width: 4.5em;
  padding: 0 !important;
  margin: 0 0.5rem 0 0;
}
.button-switch .lbl-off,
.button-switch .lbl-on {
  cursor: pointer;
  position: absolute;
  transition: opacity 0.25s ease-out 0.1s;
  margin-bottom: 0;
  color: #fff;
}
.button-switch .lbl-off {
  right: 20px;
}
.button-switch .lbl-on {
  opacity: 0;
  left: 15px;
}
.button-switch .switch {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 0;
  font-size: 1em;
  left: 0;
  line-height: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 0;
  border-width: 0;
}
.button-switch .switch:before, .button-switch .switch:after {
  content: "";
  font-size: 1em;
  position: absolute;
}
.button-switch .switch:before {
  border-radius: 1.25em;
  background: #06509D;
  color: #fff;
  height: 1.875em;
  left: 0;
  top: -0.1875em;
  transition: background-color 0.25s ease-out 0.1s;
  width: 4.5em;
}
.button-switch .switch:after {
  border-radius: 50%;
  background: #fff;
  height: 1.5em;
  left: 0.25em;
  transform: translate(0, 0);
  transition: transform 0.25s ease-out 0.1s;
  width: 1.5em;
  z-index: 9;
}
.button-switch .switch:checked:after {
  transform: translate(2.5em, 0);
}
.button-switch .switch:checked ~ .lbl-off {
  opacity: 0;
}
.button-switch .switch:checked ~ .lbl-on {
  opacity: 1;
  color: #fff;
}
.button-switch .switch.switch-orange:checked:before {
  background: #0073AA;
}

* {
  outline: none;
}

input[type=text], input[type=email], input[type=password],
input[type=tel], input[type=number], input[type=search], textarea, select, .form-elements {
  width: 100%;
  padding: 0.625rem 1.5rem;
  line-height: 1.5;
  background-color: #fff;
  border: 1px solid #CECECE;
  border-radius: 8px;
  color: #212121;
  font-weight: 400;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
input[type=text]:disabled, input[type=text].disabled, input[type=email]:disabled, input[type=email].disabled, input[type=password]:disabled, input[type=password].disabled,
input[type=tel]:disabled,
input[type=tel].disabled, input[type=number]:disabled, input[type=number].disabled, input[type=search]:disabled, input[type=search].disabled, textarea:disabled, textarea.disabled, select:disabled, select.disabled, .form-elements:disabled, .form-elements.disabled {
  background-color: #000000;
  opacity: 1;
  /*pointer-events: none;*/
  cursor: not-allowed;
}
input[type=text]:disabled::-moz-placeholder, input[type=text].disabled::-moz-placeholder, input[type=email]:disabled::-moz-placeholder, input[type=email].disabled::-moz-placeholder, input[type=password]:disabled::-moz-placeholder, input[type=password].disabled::-moz-placeholder, input[type=tel]:disabled::-moz-placeholder, input[type=tel].disabled::-moz-placeholder, input[type=number]:disabled::-moz-placeholder, input[type=number].disabled::-moz-placeholder, input[type=search]:disabled::-moz-placeholder, input[type=search].disabled::-moz-placeholder, textarea:disabled::-moz-placeholder, textarea.disabled::-moz-placeholder, select:disabled::-moz-placeholder, select.disabled::-moz-placeholder, .form-elements:disabled::-moz-placeholder, .form-elements.disabled::-moz-placeholder {
  color: #909090;
}
input[type=text]:disabled::placeholder, input[type=text].disabled::placeholder, input[type=email]:disabled::placeholder, input[type=email].disabled::placeholder, input[type=password]:disabled::placeholder, input[type=password].disabled::placeholder,
input[type=tel]:disabled::placeholder,
input[type=tel].disabled::placeholder, input[type=number]:disabled::placeholder, input[type=number].disabled::placeholder, input[type=search]:disabled::placeholder, input[type=search].disabled::placeholder, textarea:disabled::placeholder, textarea.disabled::placeholder, select:disabled::placeholder, select.disabled::placeholder, .form-elements:disabled::placeholder, .form-elements.disabled::placeholder {
  color: #909090;
}
input[type=text]:not(:disabled):not(.disabled):focus, input[type=text]:not(:disabled):not(.disabled).focus, input[type=text]:not(:disabled):not(.disabled):hover, input[type=text]:not(:disabled):not(.disabled).hover, input[type=text]:not(:disabled):not(.disabled):active, input[type=text]:not(:disabled):not(.disabled).active, input[type=email]:not(:disabled):not(.disabled):focus, input[type=email]:not(:disabled):not(.disabled).focus, input[type=email]:not(:disabled):not(.disabled):hover, input[type=email]:not(:disabled):not(.disabled).hover, input[type=email]:not(:disabled):not(.disabled):active, input[type=email]:not(:disabled):not(.disabled).active, input[type=password]:not(:disabled):not(.disabled):focus, input[type=password]:not(:disabled):not(.disabled).focus, input[type=password]:not(:disabled):not(.disabled):hover, input[type=password]:not(:disabled):not(.disabled).hover, input[type=password]:not(:disabled):not(.disabled):active, input[type=password]:not(:disabled):not(.disabled).active,
input[type=tel]:not(:disabled):not(.disabled):focus,
input[type=tel]:not(:disabled):not(.disabled).focus,
input[type=tel]:not(:disabled):not(.disabled):hover,
input[type=tel]:not(:disabled):not(.disabled).hover,
input[type=tel]:not(:disabled):not(.disabled):active,
input[type=tel]:not(:disabled):not(.disabled).active, input[type=number]:not(:disabled):not(.disabled):focus, input[type=number]:not(:disabled):not(.disabled).focus, input[type=number]:not(:disabled):not(.disabled):hover, input[type=number]:not(:disabled):not(.disabled).hover, input[type=number]:not(:disabled):not(.disabled):active, input[type=number]:not(:disabled):not(.disabled).active, input[type=search]:not(:disabled):not(.disabled):focus, input[type=search]:not(:disabled):not(.disabled).focus, input[type=search]:not(:disabled):not(.disabled):hover, input[type=search]:not(:disabled):not(.disabled).hover, input[type=search]:not(:disabled):not(.disabled):active, input[type=search]:not(:disabled):not(.disabled).active, textarea:not(:disabled):not(.disabled):focus, textarea:not(:disabled):not(.disabled).focus, textarea:not(:disabled):not(.disabled):hover, textarea:not(:disabled):not(.disabled).hover, textarea:not(:disabled):not(.disabled):active, textarea:not(:disabled):not(.disabled).active, select:not(:disabled):not(.disabled):focus, select:not(:disabled):not(.disabled).focus, select:not(:disabled):not(.disabled):hover, select:not(:disabled):not(.disabled).hover, select:not(:disabled):not(.disabled):active, select:not(:disabled):not(.disabled).active, .form-elements:not(:disabled):not(.disabled):focus, .form-elements:not(:disabled):not(.disabled).focus, .form-elements:not(:disabled):not(.disabled):hover, .form-elements:not(:disabled):not(.disabled).hover, .form-elements:not(:disabled):not(.disabled):active, .form-elements:not(:disabled):not(.disabled).active {
  background-color: #fff;
  border-color: #2B3B62;
  outline: 0;
}
input[type=text]:not(:disabled):not(.disabled):focus::-moz-placeholder, input[type=text]:not(:disabled):not(.disabled).focus::-moz-placeholder, input[type=text]:not(:disabled):not(.disabled):hover::-moz-placeholder, input[type=text]:not(:disabled):not(.disabled).hover::-moz-placeholder, input[type=text]:not(:disabled):not(.disabled):active::-moz-placeholder, input[type=text]:not(:disabled):not(.disabled).active::-moz-placeholder, input[type=email]:not(:disabled):not(.disabled):focus::-moz-placeholder, input[type=email]:not(:disabled):not(.disabled).focus::-moz-placeholder, input[type=email]:not(:disabled):not(.disabled):hover::-moz-placeholder, input[type=email]:not(:disabled):not(.disabled).hover::-moz-placeholder, input[type=email]:not(:disabled):not(.disabled):active::-moz-placeholder, input[type=email]:not(:disabled):not(.disabled).active::-moz-placeholder, input[type=password]:not(:disabled):not(.disabled):focus::-moz-placeholder, input[type=password]:not(:disabled):not(.disabled).focus::-moz-placeholder, input[type=password]:not(:disabled):not(.disabled):hover::-moz-placeholder, input[type=password]:not(:disabled):not(.disabled).hover::-moz-placeholder, input[type=password]:not(:disabled):not(.disabled):active::-moz-placeholder, input[type=password]:not(:disabled):not(.disabled).active::-moz-placeholder, input[type=tel]:not(:disabled):not(.disabled):focus::-moz-placeholder, input[type=tel]:not(:disabled):not(.disabled).focus::-moz-placeholder, input[type=tel]:not(:disabled):not(.disabled):hover::-moz-placeholder, input[type=tel]:not(:disabled):not(.disabled).hover::-moz-placeholder, input[type=tel]:not(:disabled):not(.disabled):active::-moz-placeholder, input[type=tel]:not(:disabled):not(.disabled).active::-moz-placeholder, input[type=number]:not(:disabled):not(.disabled):focus::-moz-placeholder, input[type=number]:not(:disabled):not(.disabled).focus::-moz-placeholder, input[type=number]:not(:disabled):not(.disabled):hover::-moz-placeholder, input[type=number]:not(:disabled):not(.disabled).hover::-moz-placeholder, input[type=number]:not(:disabled):not(.disabled):active::-moz-placeholder, input[type=number]:not(:disabled):not(.disabled).active::-moz-placeholder, input[type=search]:not(:disabled):not(.disabled):focus::-moz-placeholder, input[type=search]:not(:disabled):not(.disabled).focus::-moz-placeholder, input[type=search]:not(:disabled):not(.disabled):hover::-moz-placeholder, input[type=search]:not(:disabled):not(.disabled).hover::-moz-placeholder, input[type=search]:not(:disabled):not(.disabled):active::-moz-placeholder, input[type=search]:not(:disabled):not(.disabled).active::-moz-placeholder, textarea:not(:disabled):not(.disabled):focus::-moz-placeholder, textarea:not(:disabled):not(.disabled).focus::-moz-placeholder, textarea:not(:disabled):not(.disabled):hover::-moz-placeholder, textarea:not(:disabled):not(.disabled).hover::-moz-placeholder, textarea:not(:disabled):not(.disabled):active::-moz-placeholder, textarea:not(:disabled):not(.disabled).active::-moz-placeholder, select:not(:disabled):not(.disabled):focus::-moz-placeholder, select:not(:disabled):not(.disabled).focus::-moz-placeholder, select:not(:disabled):not(.disabled):hover::-moz-placeholder, select:not(:disabled):not(.disabled).hover::-moz-placeholder, select:not(:disabled):not(.disabled):active::-moz-placeholder, select:not(:disabled):not(.disabled).active::-moz-placeholder, .form-elements:not(:disabled):not(.disabled):focus::-moz-placeholder, .form-elements:not(:disabled):not(.disabled).focus::-moz-placeholder, .form-elements:not(:disabled):not(.disabled):hover::-moz-placeholder, .form-elements:not(:disabled):not(.disabled).hover::-moz-placeholder, .form-elements:not(:disabled):not(.disabled):active::-moz-placeholder, .form-elements:not(:disabled):not(.disabled).active::-moz-placeholder {
  color: #212121;
}
input[type=text]:not(:disabled):not(.disabled):focus::placeholder, input[type=text]:not(:disabled):not(.disabled).focus::placeholder, input[type=text]:not(:disabled):not(.disabled):hover::placeholder, input[type=text]:not(:disabled):not(.disabled).hover::placeholder, input[type=text]:not(:disabled):not(.disabled):active::placeholder, input[type=text]:not(:disabled):not(.disabled).active::placeholder, input[type=email]:not(:disabled):not(.disabled):focus::placeholder, input[type=email]:not(:disabled):not(.disabled).focus::placeholder, input[type=email]:not(:disabled):not(.disabled):hover::placeholder, input[type=email]:not(:disabled):not(.disabled).hover::placeholder, input[type=email]:not(:disabled):not(.disabled):active::placeholder, input[type=email]:not(:disabled):not(.disabled).active::placeholder, input[type=password]:not(:disabled):not(.disabled):focus::placeholder, input[type=password]:not(:disabled):not(.disabled).focus::placeholder, input[type=password]:not(:disabled):not(.disabled):hover::placeholder, input[type=password]:not(:disabled):not(.disabled).hover::placeholder, input[type=password]:not(:disabled):not(.disabled):active::placeholder, input[type=password]:not(:disabled):not(.disabled).active::placeholder,
input[type=tel]:not(:disabled):not(.disabled):focus::placeholder,
input[type=tel]:not(:disabled):not(.disabled).focus::placeholder,
input[type=tel]:not(:disabled):not(.disabled):hover::placeholder,
input[type=tel]:not(:disabled):not(.disabled).hover::placeholder,
input[type=tel]:not(:disabled):not(.disabled):active::placeholder,
input[type=tel]:not(:disabled):not(.disabled).active::placeholder, input[type=number]:not(:disabled):not(.disabled):focus::placeholder, input[type=number]:not(:disabled):not(.disabled).focus::placeholder, input[type=number]:not(:disabled):not(.disabled):hover::placeholder, input[type=number]:not(:disabled):not(.disabled).hover::placeholder, input[type=number]:not(:disabled):not(.disabled):active::placeholder, input[type=number]:not(:disabled):not(.disabled).active::placeholder, input[type=search]:not(:disabled):not(.disabled):focus::placeholder, input[type=search]:not(:disabled):not(.disabled).focus::placeholder, input[type=search]:not(:disabled):not(.disabled):hover::placeholder, input[type=search]:not(:disabled):not(.disabled).hover::placeholder, input[type=search]:not(:disabled):not(.disabled):active::placeholder, input[type=search]:not(:disabled):not(.disabled).active::placeholder, textarea:not(:disabled):not(.disabled):focus::placeholder, textarea:not(:disabled):not(.disabled).focus::placeholder, textarea:not(:disabled):not(.disabled):hover::placeholder, textarea:not(:disabled):not(.disabled).hover::placeholder, textarea:not(:disabled):not(.disabled):active::placeholder, textarea:not(:disabled):not(.disabled).active::placeholder, select:not(:disabled):not(.disabled):focus::placeholder, select:not(:disabled):not(.disabled).focus::placeholder, select:not(:disabled):not(.disabled):hover::placeholder, select:not(:disabled):not(.disabled).hover::placeholder, select:not(:disabled):not(.disabled):active::placeholder, select:not(:disabled):not(.disabled).active::placeholder, .form-elements:not(:disabled):not(.disabled):focus::placeholder, .form-elements:not(:disabled):not(.disabled).focus::placeholder, .form-elements:not(:disabled):not(.disabled):hover::placeholder, .form-elements:not(:disabled):not(.disabled).hover::placeholder, .form-elements:not(:disabled):not(.disabled):active::placeholder, .form-elements:not(:disabled):not(.disabled).active::placeholder {
  color: #212121;
}
input[type=text].error, input[type=text].is-invalid, input[type=email].error, input[type=email].is-invalid, input[type=password].error, input[type=password].is-invalid,
input[type=tel].error,
input[type=tel].is-invalid, input[type=number].error, input[type=number].is-invalid, input[type=search].error, input[type=search].is-invalid, textarea.error, textarea.is-invalid, select.error, select.is-invalid, .form-elements.error, .form-elements.is-invalid {
  border-color: #e20;
}
input[type=text].error ~ .error-msg, input[type=text].is-invalid ~ .error-msg, input[type=email].error ~ .error-msg, input[type=email].is-invalid ~ .error-msg, input[type=password].error ~ .error-msg, input[type=password].is-invalid ~ .error-msg,
input[type=tel].error ~ .error-msg,
input[type=tel].is-invalid ~ .error-msg, input[type=number].error ~ .error-msg, input[type=number].is-invalid ~ .error-msg, input[type=search].error ~ .error-msg, input[type=search].is-invalid ~ .error-msg, textarea.error ~ .error-msg, textarea.is-invalid ~ .error-msg, select.error ~ .error-msg, select.is-invalid ~ .error-msg, .form-elements.error ~ .error-msg, .form-elements.is-invalid ~ .error-msg {
  display: block;
}
input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=search]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder, .form-elements::-moz-placeholder {
  color: #909090;
}
input[type=text]::placeholder, input[type=email]::placeholder, input[type=password]::placeholder,
input[type=tel]::placeholder, input[type=number]::placeholder, input[type=search]::placeholder, textarea::placeholder, select::placeholder, .form-elements::placeholder {
  color: #909090;
}
input[type=text].small, input[type=email].small, input[type=password].small,
input[type=tel].small, input[type=number].small, input[type=search].small, textarea.small, select.small, .form-elements.small {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
input[type=text].large, input[type=email].large, input[type=password].large,
input[type=tel].large, input[type=number].large, input[type=search].large, textarea.large, select.large, .form-elements.large {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.small:not([size]):not([multiple]) {
  height: calc(1.8125rem + 2px);
}

select.large:not([size]):not([multiple]) {
  height: calc(2.875rem + 2px);
}

.col-form-label {
  padding-top: calc(0.625rem + 1px);
  padding-bottom: calc(0.625rem + 1px);
  margin-bottom: 0 !important;
  font-size: inherit;
  line-height: 1.5;
}

.error, .red, .strick {
  color: #ff0000;
  font-size: 0.75rem;
  font-weight: 500;
}

.error-msg {
  color: #ff0000;
  margin-top: 0.25rem;
  font-size: 0.75rem;
}

.inputgroup {
  position: relative;
}
.inputgroup.icons-left .fc-inner-iocns {
  left: 0;
}
.inputgroup.icons-left .form-elements {
  padding-left: 35px;
}
.inputgroup.icons-left .form-elements.fc-lg {
  padding-left: 40px;
}
.inputgroup.icons-left i:after {
  right: -90%;
}
.inputgroup.icons-right .fc-inner-iocns {
  right: 0;
}
.inputgroup.icons-right .form-elements {
  padding-right: 35px;
}
.inputgroup.icons-right i:after {
  left: -90%;
}
.inputgroup.icons-both .fc-inner-iocns.left {
  left: 0;
}
.inputgroup.icons-both .fc-inner-iocns.left i:after {
  right: -90%;
}
.inputgroup.icons-both .form-elements {
  padding-right: 35px;
  padding-left: 35px;
}
.inputgroup.icons-both .form-elements.fc-lg {
  padding-right: 40px;
  padding-left: 40px;
}
.inputgroup.icons-both .fc-inner-iocns.right {
  right: 0;
}
.inputgroup.icons-both .fc-inner-iocns.right i:after {
  left: -90%;
}

.fc-inner-iocns {
  position: absolute;
  top: 0;
  /*z-index: 2;*/
  display: block;
  height: calc(2.5625rem + 4px);
  line-height: calc(2.5625rem + 4px);
  min-width: 35px;
  text-align: center;
  /*pointer-events: none;*/
}
.fc-inner-iocns.left-pos {
  left: 0;
}
.fc-inner-iocns.right-pos {
  right: 0;
}
.fc-inner-iocns i {
  position: relative;
  font-style: normal;
  font-weight: 400;
}
.fc-inner-iocns i:after {
  content: "";
  position: absolute;
  border-right: 1px solid #CECECE;
  height: 80%;
  top: 50%;
  transform: translateY(-50%);
}

.inputgroup-icon {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.inputgroup-icon > .form-elements,
.inputgroup-icon > .custom-select,
.inputgroup-icon > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}
.inputgroup-icon > .form-elements + .form-control,
.inputgroup-icon > .form-elements + .custom-select,
.inputgroup-icon > .form-elements + .custom-file,
.inputgroup-icon > .custom-select + .form-control,
.inputgroup-icon > .custom-select + .custom-select,
.inputgroup-icon > .custom-select + .custom-file,
.inputgroup-icon > .custom-file + .form-control,
.inputgroup-icon > .custom-file + .custom-select,
.inputgroup-icon > .custom-file + .custom-file {
  margin-left: -1px;
}
.inputgroup-icon > .form-control:not(:last-child),
.inputgroup-icon > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.inputgroup-icon > .form-control:not(:first-child),
.inputgroup-icon > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.inputgroup-icon:hover .inputgroup-text, .inputgroup-icon:hover .form-elements, .inputgroup-icon.hover .inputgroup-text, .inputgroup-icon.hover .form-elements {
  border-color: #CECECE;
}

.inner-icon .icon-append .inputgroup-text {
  border-right: none !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.inner-icon .icon-append + .form-elements {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.outer-icon .icon-prepend .inputgroup-text {
  border: none;
}
.outer-icon .icon-append .inputgroup-text {
  border: none;
}

.inputgroup-text {
  display: flex;
  align-items: center;
  padding: 0.625rem 1.5rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  /*color: $inputgroup-icon-color;*/
  text-align: center;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #CECECE;
  border-radius: 8px;
}
.inputgroup-text input[type=radio],
.inputgroup-text input[type=checkbox] {
  margin-top: 0;
}

.icon-prepend {
  display: flex;
  margin-right: -1px;
}

.icon-append {
  display: flex;
  margin-left: -1px;
}

textarea {
  margin: 0;
  padding: 9px 10px;
  height: 80px;
  resize: vertical;
  width: 100%;
  border-radius: 5px;
}
textarea.mid-height {
  height: 50px;
}

.live-search-list {
  background: #fff;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border: 1px solid #CECECE;
  border-radius: 8px;
  margin-top: 5px;
}
.live-search-list li {
  margin: 10px;
  padding: 0;
}
.live-search-list:hover {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  transition: box-shadow 500ms;
}

.fileupload {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.fileupload input[type=file] {
  position: absolute;
  opacity: 0;
  width: 100%;
  line-height: 35px;
}
.fileupload .lable-file {
  cursor: pointer;
  margin-right: 10px;
}

.file-name-wrap {
  color: #AFAFAF;
  display: block;
  font-size: 0.75rem;
  margin-top: 0.2rem;
}
.file-name-wrap .error-msg {
  color: #AFAFAF;
}

.form-rows {
  margin-bottom: 12px;
  clear: both;
}

.form-row label, .form-group label {
  margin-bottom: 0.5rem;
  display: inline-block;
}

.form-group {
  margin-bottom: 1rem;
}

.chk-group .chk-wrap, .chk-group .custom-radio, .radio-group .chk-wrap, .radio-group .custom-radio, .custom-radio-group .chk-wrap, .custom-radio-group .custom-radio {
  margin-right: 10px;
  display: inline-flex;
}
.chk-group .radio-wrap, .radio-group .radio-wrap, .custom-radio-group .radio-wrap {
  margin-right: 10px;
}

.chk-groupd, .radio-groupd {
  margin-right: 10px;
  display: inline-flex !important;
}

.chk-wrap {
  padding-bottom: 0;
}
.chk-wrap input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.chk-wrap .chkmark {
  position: relative;
  display: block;
  cursor: pointer;
  line-height: 28px;
  transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
}
.chk-wrap .chkmark:before {
  border: 1px solid #CECECE;
  display: inline-block;
  width: 25px;
  height: 25px;
  background: #fff;
  content: "";
  margin: 2px 10px 0 0;
  float: left;
  cursor: pointer;
  border-radius: 5px;
}
.chk-wrap input[type=checkbox]:checked + .chkmark::after {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  color: #FEC618;
  position: absolute;
  left: 3px;
  top: 0;
  font-size: 1.125rem;
}
.chk-wrap.check-wrap-inline label {
  display: inline-block;
}
.chk-wrap .bg-color, .chk-wrap .bg-img {
  display: inline-block;
  width: 25px;
  border-radius: 5px;
  height: 25px;
  margin-right: 5px;
}

.custom-chk {
  display: inline-flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.custom-chk > span {
  padding: 0.625rem 1.5rem;
  font-size: 0.875rem;
  color: #000000;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  cursor: pointer;
  display: inline-flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  color: #000000;
  background-color: #e9ecef;
}
.custom-chk > span:hover {
  background: #FEC618;
  color: #fff;
}
.custom-chk > span figure {
  text-align: center;
}
.custom-chk input[type=checkbox] {
  display: none;
}
.custom-chk input[type=checkbox]:checked + span {
  background-color: #FEC618;
  color: #fff;
  border-color: #FEC618;
}
.custom-chk input[type=checkbox]:disabled + span {
  background-color: #e9ecef;
  border-color: #ced4da;
  pointer-events: none;
}
.custom-chk input[type=checkbox].error + span {
  border: 1px solid #ff0000;
}
.custom-chk i {
  margin-right: 8px;
}

.radio-wrap input[type=radio] {
  position: absolute;
  opacity: 0;
}
.radio-wrap .radio-label {
  position: relative;
  padding-left: 26px;
  cursor: pointer;
  padding-top: 2px;
}
.radio-wrap .radio-label:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  border: 1px solid #CECECE;
  width: 20px;
  height: 20px;
  cursor: pointer;
  border-radius: 50%;
  background: #fff;
}
.radio-wrap .radio-label i {
  display: none;
}
.radio-wrap input[type=radio]:checked + .radio-label:after {
  position: absolute;
  left: 4px;
  top: 4px;
  content: "";
  width: 12px;
  height: 12px;
  background: #FEC618;
  border-radius: 50%;
}

.custom-radio {
  display: flex;
  flex-wrap: wrap;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.custom-radio > span {
  padding: 0.625rem 1.5rem;
  font-size: 0.875rem;
  color: #000000;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  cursor: pointer;
  margin-left: -20px;
  display: inline-flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  color: #000000;
  background-color: #e9ecef;
}
.custom-radio > span:hover {
  background: #FEC618;
  color: #fff;
}
.custom-radio > span figure {
  text-align: center;
}
.custom-radio input[type=radio] {
  opacity: 0;
}
.custom-radio input[type=radio]:checked + span, .custom-radio input[type=radio].checked + span {
  background-color: #FEC618;
  color: #fff;
  border-color: #FEC618;
}
.custom-radio input[type=radio]:disabled + span, .custom-radio input[type=radio].disabled + span {
  background-color: #e9ecef;
  border-color: #ced4da;
  pointer-events: none;
}
.custom-radio input[type=radio].error + span {
  border: 1px solid #ff0000;
}
.custom-radio i {
  margin-right: 8px;
}

.switch-vertical {
  width: 115px;
}
.switch-vertical .web-status {
  color: #000;
  padding-left: 25px;
}
.switch-vertical label {
  font-size: 0.875rem;
  line-height: 18px;
  display: block;
  width: 128px;
  height: 18px;
  margin: 0px;
  padding-left: 25px;
  text-transform: uppercase;
}
.switch-vertical .toggle-outside {
  background: #28a745;
  position: absolute;
  width: 16px;
  height: 34px;
  left: 0;
  top: 3px;
}
.switch-vertical .toggle-inside {
  height: 16px;
  left: 0px;
  top: 0px;
  width: 16px;
  transition: all 0.25s ease-in-out;
}
.switch-vertical input ~ input:checked ~ .toggle-outside .toggle-inside {
  top: 18px;
}
.switch-vertical .trv-bottom {
  top: 18px;
  transition: all 0.25s ease-in-out;
}
.switch-vertical .switch-open {
  background: #28a745;
}
.switch-vertical .switch-close {
  background: #000000;
}

.chosen-container-single .chosen-single {
  padding: 0.625rem 1.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #CECECE;
}
.chosen-container-single .chosen-results li {
  padding: 0.625rem 1.5rem;
  line-height: 1.5;
}

.chosen-container {
  max-width: 250px;
  min-width: 250px;
}
.chosen-container .chosen-drop {
  border: 1px solid #CECECE;
  border-top: 0;
}
.chosen-container.chosen-with-drop .chosen-drop {
  margin-top: -1px;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #FEC618;
  color: #fff;
}

.chosen-disabled .chosen-single {
  /*background-color: $input-disabled-bg;*/
  opacity: 1;
  pointer-events: none;
}

.chosen-container-multi .chosen-results li {
  padding: 0.625rem 1.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  background-color: #fff;
  background-clip: padding-box;
}
.chosen-container-multi .chosen-results li.search-choice {
  background-color: #FEC618;
  padding: 15px;
}
.chosen-container-multi .chosen-choices li {
  padding: 0.625rem 1.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  background-color: #fff;
  background-clip: padding-box;
}
.chosen-container-multi .chosen-choices li.search-choice {
  background-color: #000000;
  margin: 1px;
  border-radius: 8px;
}

.date-pickers {
  display: block;
  width: 100%;
  padding: 0.625rem 1.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #CECECE;
  border-radius: 8px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.file-wrapper {
  position: relative;
  margin-bottom: 0px;
  display: inline-block;
}
.file-wrapper input[type=file] {
  position: absolute;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0;
  bottom: 0;
}
.file-wrapper i {
  display: inline-block;
  font-size: 1rem;
}
.file-wrapper .btn {
  display: block;
  background: #FEC618;
  margin-top: 0;
  padding: 10px 15px;
  border-color: #FEC618;
}

.btn-file {
  position: relative;
  overflow: hidden;
  vertical-align: middle;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  filter: alpha(opacity=0);
  opacity: 0;
  direction: ltr;
}

.search-wrap {
  position: relative;
  display: block;
}
.search-wrap input[type=text] {
  padding-left: 40px;
}
.search-wrap .icon-search {
  position: absolute;
  left: 10px;
  bottom: 12px;
  display: inline-block;
  font-size: 1rem;
  cursor: pointer;
  color: #CECECE;
}
.search-wrap .icon-search:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f002";
}
.search-wrap .icon-search:hover {
  color: #06509D;
}
.search-wrap button {
  padding: 0;
  border: none;
}

.qty-box .product-label {
  padding-right: 10px;
  display: none;
}

.spinergroup, .number-spinner {
  position: relative;
  width: 180px;
  background-color: #fff;
  max-width: 180px;
  min-width: 150px;
  height: 45px;
  border: 1px solid #CECECE;
  border-radius: 3px;
  text-align: center;
  overflow: hidden;
  display: inline-block;
}
.spinergroup .spinNum, .number-spinner .spinNum {
  border: none;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  background-color: transparent;
  text-align: center;
}
.spinergroup .spinNum:hover, .spinergroup .spinNum:active, .spinergroup .spinNum:focus, .number-spinner .spinNum:hover, .number-spinner .spinNum:active, .number-spinner .spinNum:focus {
  box-shadow: none !important;
}
.spinergroup .decrease, .spinergroup .increase, .number-spinner .decrease, .number-spinner .increase {
  position: absolute;
  top: 0;
  width: 45px;
  height: 45px;
  cursor: pointer;
  border: none;
  -webkit-appearance: none;
  background-color: transparent;
  z-index: 9;
  padding: 0;
}
.spinergroup .decrease span, .spinergroup .increase span, .number-spinner .decrease span, .number-spinner .increase span {
  line-height: 45px;
  height: 45px;
  display: block;
  z-index: -1;
  position: relative;
}
.spinergroup .increase, .number-spinner .increase {
  right: 0;
  border-left: 1px solid #CECECE;
}
.spinergroup .decrease, .number-spinner .decrease {
  left: 0;
  border-right: 1px solid #CECECE;
}
.spinergroup.cart-spiner, .number-spinner.cart-spiner {
  border-radius: 0;
}
.spinergroup.cart-spiner .decrease, .number-spinner.cart-spiner .decrease {
  border-right: none;
}
.spinergroup.cart-spiner .increase, .number-spinner.cart-spiner .increase {
  border-left: none;
}

/*.number-spinner {
	//@include inline-flex;
	display:  inline-flex !important;
	@include align-items(center);
	border: 1px solid $border;
	input, button, .spinNum, .input-text {
		border:none; background: transparent;
		height: 45px;text-align: center;
		min-width: 60px;width: 60px;
		border-radius: 0;
		max-width: 60px;
		&:focus {
			box-shadow: none !important; outline: none !important;
		} 
	}
	button {
		cursor: pointer;
		transition: all 0.5s;
		i {
			vertical-align: baseline;
		}
		&:hover {
			color: $white;
			background: $primary;
		}
	}
	button:disabled {
		cursor: not-allowed;
	}
	&:after {
		display: none;
	}
}*/
.coupan {
  display: flex;
}
.coupan .form-elements {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.coupan .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

select {
  height: 40px;
  min-height: 40px;
}

select {
  background-color: white;
  /* inline SVG */
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20448%22%20enable-background%3D%22new%200%200%20256%20448%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.arrow%7Bfill%3A%23424242%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M255.9%20168c0-4.2-1.6-7.9-4.8-11.2-3.2-3.2-6.9-4.8-11.2-4.8H16c-4.2%200-7.9%201.6-11.2%204.8S0%20163.8%200%20168c0%204.4%201.6%208.2%204.8%2011.4l112%20112c3.1%203.1%206.8%204.6%2011.2%204.6%204.4%200%208.2-1.5%2011.4-4.6l112-112c3-3.2%204.5-7%204.5-11.4z%22%2F%3E%3C%2Fsvg%3E%0A");
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: auto 30%;
  border-radius: 1.25rem;
  padding: 5px 30px 5px 20px;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
select::-ms-expand {
  display: none;
}

select.unselected {
  color: #909090;
}

.custom-select {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIkAAABFCAMAAABJ0DU0AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAPUExURXR0dM3NzcPDw3l5ef///yUnomoAAAMHSURBVHjaYmBiGByACSCAGFgYmQcDYGQBCCAGlkHhFEYWFoAAArpkEDgF6BAWgAACuWTAnQJyCAtAAIFdMsBOATuEBSCAIC4ZUKdAHMICEEBQlwygU6AOYQEIIJhLBswpMIewAAQQ3CUD5BS4Q1gAAgjhkgFxCsIhLAABhOSSAXAKkkNYAAII2SV0dwqyQ1gAAgjFJXR2CopDWAACCNUldHUKqkNYAAIIzSV0dAqaQ1gAAgjdJXRzCrpDWAACCMMldHIKhkNYAAII0yV0cQqmQ1gAAgiLS+jgFCwOYQEIIGwuoblTsDmEBSCAsLqExk7B6hAWgADC7hKaOgW7Q1gAAgiHS2joFBwOYQEIIFwuoZlTcDmEBSCAcLqERk7B6RAWgADC7RKaOAW3Q1gAAgiPS2jgFDwOYQEIIHwuobpT8DmEBSCA8LqEyk7B6xAWgADC7xKqOgW/Q1gAAoiAS6joFAIOYQEIIEIuoZpTCDmEBSCACLqESk4h6BAWgAAi7BKqOIWwQ1gAAogIl1DBKUQ4hAUggIhxCcVOIcYhLAABRJRLKHQKUQ5hAQgg4lxCkVOIcwgLQAAR6RIKnEKkQ1gAAohYl5DtFGIdwgIQQES7hEynEO0QFoAAIt4lZDmFeIewAAQQCS4hwykkOIQFIIBIcQnJTiHFISwAAUSSS0h0CkkOYQEIINJcQpJTSHMIC0AAkegSEpxCokNYAAKIVJcQ7RRSHcICEEAku4RIp5DsEBaAACLdJUQ5hXSHsAAEEBkuIcIpZDiEBSCAyHEJQaeQ4xAWgAAiyyUEnEKWQ1gAAog8l+B1CnkOYQEIIDJdgscpZDqEBSCAyHUJTqeQ6xAWgAAi2yU4nEK2Q1gAAoh8l2B1CvkOYQEIIApcgsUpFDiEBSCAKHEJhlMocQgLQABR5BI0p1DkEBaAAKLMJShOocwhLAABRKFLkJxCoUNYAAKIUpfAnUKpQ1gAAohil0CdQrFDWAACiHKXgJ1CuUNYAAKICi4BOoUKDmEBCCBquISFiRqGAAQYAEQxfnijrllqAAAAAElFTkSuQmCC");
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 10px;
  color: #12365A;
  padding-right: 25px;
}

.drop-size-wrap {
  display: block;
}

.drop-size-wrap, .qty_dropdown {
  position: relative;
  display: inline;
}

select::-ms-expand {
  display: none;
}

.lte8 .tooltipwrap .tooltip {
  display: none;
}
.lte8 .tooltipwrap:hover .tooltip {
  display: block;
}

.searchbtn-form {
  width: 100%;
  max-width: 400px;
  display: flex;
}
.searchbtn-form .input-group {
  position: relative;
}
.searchbtn-form input[type=text] {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}
.searchbtn-form .btn {
  cursor: pointer;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.searchbtn-form .btn i {
  color: #FEC618;
  vertical-align: baseline;
  font-weight: 600;
}

.select_country {
  border-radius: 8px;
  border: 1px solid #CECECE;
  display: flex;
  align-items: center;
}
.select_country .form-elements {
  border: none;
  opacity: 0;
  width: 0 !important;
  padding-left: 85px !important;
}
.select_country input[type=text] {
  border: none;
}
.select_country input[type=text]:not(:disabled):not(.disabled):focus, .select_country input[type=text]:not(:disabled):not(.disabled).focus {
  box-shadow: none;
}
.select_country input[type=text]:not(:disabled):not(.disabled):hover, .select_country input[type=text]:not(:disabled):not(.disabled).hover {
  box-shadow: none;
}
.select_country .iti {
  border-right: 1px solid #CECECE;
  background: rgba(0, 0, 0, 0.05);
  max-width: 100px;
}

.securephone_wrap .iti, .reservephone_wrap .iti {
  display: flex;
  align-items: center;
  width: auto;
  max-width: 85px;
  padding: 0.5rem 0.75rem;
}
.securephone_wrap .iti .country_flag, .reservephone_wrap .iti .country_flag {
  max-width: 20px;
}

.dropdown-toggle {
  padding-right: 27px;
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.dropdown-toggle:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  transform: rotate(360deg);
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  position: absolute;
  right: 10px;
  border: none;
}
.dropdown-toggle.no-icon:after {
  display: none;
}

option {
  color: #000;
}
option:disabled {
  color: #e2e2e2;
  opacity: 0.5;
}

.form-groups {
  margin-bottom: 10px;
}

.btns-group {
  display: flex;
  margin-top: 1rem;
}
.btns-group .first-btn {
  margin-right: 1rem;
}
.btns-group .last-btn {
  margin-left: 1rem;
}

.alert {
  transition: all 0.4s ease-in-out 0s;
  border-radius: 10px;
  margin: 15px 0;
  padding: 12px 20px 12px 20px;
  position: relative;
}
.alert .close {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 1 !important;
  font-size: 20px !important;
  height: 100%;
  line-height: 100%;
  text-shadow: none;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-dismissable {
  position: relative;
  padding-right: 4rem;
}

.alert-success, .alert-successs {
  border: solid 1px #c3e6cb;
  background: #d4edda;
  color: #155724;
}

.alert-primary {
  border: solid 1px #b8daff;
  background: #cce5ff;
  color: #004085;
}

.alert-warning {
  border: solid 1px #ffeeba;
  background: #fff3cd;
  color: #856404;
}

.alert-danger, .alert-dangers {
  border: solid 1px #f5c6cb;
  background: #f8d7da;
  color: #721c24;
}

.alert-light {
  border: solid 1px #fdfdfe;
  background: #fefefe;
  color: #818182;
}

.alert-dark {
  border: solid 1px #c6c8ca;
  background: #d6d8d9;
  color: #1b1e21;
}

.swal2-content .alert {
  text-align: left;
}
.swal2-content .alert > .glyphicon {
  text-align: center;
  width: 50px;
}

.toast {
  background-color: #030303;
}
.toast.toast-success {
  background-color: #51A351;
}
.toast.toast-error {
  background-color: #BD362F;
}
.toast.toast-info {
  background-color: #2F96B4;
}
.toast.toast-warning {
  background-color: #F89406;
}

.modal-header .modal-title {
  font-size: 1rem;
  color: #000000;
  font-weight: bold;
  display: inline-block;
}
.modal-header .modal-title img {
  max-height: 50px;
}
.modal-header .close {
  background: none;
  border: none;
  float: right;
  font-weight: normal;
  line-height: 1;
  color: #000;
  padding: 0px;
  font-size: 1.5rem;
  cursor: pointer;
  padding: 1rem;
}

.modal-backdrop {
  background-color: #06509D;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.6;
}

.bg-overlay-default {
  background: #6c757d;
  color: #fff;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.bg-overlay {
  width: 50px;
  height: 50px;
  display: inline-block;
  background-color: #06509D;
  opacity: 0.6;
  border: 1px solid #CECECE;
}

.bg-overlay-dark {
  background: #212529;
  color: #fff;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.modal-fixed-footer .modal-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 0;
  box-shadow: none;
}
.modal-fixed-footer .modal-body {
  position: absolute;
  top: 50px;
  bottom: 60px;
  width: 100%;
  font-weight: 300;
  overflow: auto;
}
.modal-fixed-footer .modal-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 60px;
  padding: 10px;
}

.modal-content .modal-header {
  margin-left: 1rem;
  margin-right: 1rem;
  padding-left: 0rem;
  padding-right: 0rem;
}

.scroll_modal .modal-body {
  max-height: 500px;
  overflow-y: auto;
}

.sucess-msg .ok, .error-msg .ok {
  font-size: 3rem;
}

.sucess-msg .ok {
  color: #28a745;
}

.icon-close {
  cursor: pointer;
}

.swal2-container {
  z-index: 99999999 !important;
}

#toast-container {
  z-index: 999999999 !important;
}

.or-wrap {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.pagenum {
  display: block;
  text-align: center;
}

.pagination {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin: 0;
}
.pagination ul.pagination {
  padding: 0;
  margin: 0;
}
.pagination li {
  letter-spacing: normal;
  line-height: 30px;
  margin: 0 8px 8px 0;
  display: inline-block;
  position: relative;
}
.pagination li a, .pagination li span {
  position: relative;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  vertical-align: top;
  display: block;
  outline: none;
  color: #D8D8D8;
  border: 1px solid #f2f2f2;
}
.pagination li a:hover, .pagination li a:active, .pagination li a.active, .pagination li span:hover, .pagination li span:active, .pagination li span.active {
  color: #fff;
  border-color: #ddd;
}
.pagination li.active a, .pagination li.active span {
  color: #FEC618;
  border: 1px solid black;
}
.pagination li.pagination-next a, .pagination li.pagination-prev a {
  padding: 0 15px;
  border: 1px solid #f2f2f2;
}
.pagination li.pagination-next a:hover, .pagination li.pagination-prev a:hover {
  position: relative;
}
.pagination .next a, .pagination .prev a, .pagination .previous a {
  text-indent: -9999px;
  position: relative;
  display: block;
  outline: none;
}
.pagination .next a:after, .pagination .prev a:after, .pagination .previous a:after {
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  display: inline-block;
  text-align: center;
  left: 0px;
  text-indent: -1px;
  font-size: 1.125rem;
  width: 100%;
}
.pagination .next a:before, .pagination .prev a:before, .pagination .previous a:before {
  display: none;
}
.pagination .next:hover:after, .pagination .prev:hover:after, .pagination .previous:hover:after {
  height: 0;
}
.pagination .next.disabled, .pagination .prev.disabled, .pagination .previous.disabled {
  display: none;
}
.pagination .next a:after {
  content: "\f061";
  text-indent: 2px;
}
.pagination .prev a:after, .pagination .previous a:after {
  content: "\f060";
}
.pagination .pagination-first, .pagination .pagination-last {
  display: none;
}
.pagination.second_type li a, .pagination.second_type li span {
  border: none;
  background: none;
}
.pagination.second_type li a:hover, .pagination.second_type li span:hover {
  border: none;
  background: none;
  font-weight: bold;
  color: inherit;
}
.pagination.second_type li.active {
  border: none;
  background-color: transparent;
  font-weight: bold;
}
.pagination.second_type li:first-child a, .pagination.second_type li:first-child span, .pagination.second_type li:last-child a, .pagination.second_type li:last-child span {
  font-size: 0;
}
.pagination.second_type li:first-child span:after, .pagination.second_type li:first-child a:after {
  content: "\f100" !important;
}
.pagination.second_type li:last-child span:after, .pagination.second_type li:last-child a:after {
  content: "\f101" !important;
}

[uib-popover-popup].popover,
[uib-popover-html-popup].popover,
[uib-popover-template-popup].popover {
  opacity: 1 !important;
  border-radius: 0;
  border: none;
}
[uib-popover-popup].popover .varient-tooltip > span,
[uib-popover-html-popup].popover .varient-tooltip > span,
[uib-popover-template-popup].popover .varient-tooltip > span {
  border-radius: 4px;
}

.varient-tooltip {
  transition: none !important;
}
.varient-tooltip span, .varient-tooltip img {
  padding: 5px;
  border: 1px solid #f2f2f2;
  width: 120px;
  height: 120px;
}
.varient-tooltip span:not(:empty), .varient-tooltip img:not(:empty) {
  width: -moz-fit-content !important;
  width: fit-content !important;
  font-size: 0.75rem;
  font-weight: bold;
}

.slick-arrow {
  font-size: 2rem !important;
}
.slick-arrow.arrowcircle {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 40px;
}

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

.table-wrapper {
  overflow: hidden;
  width: 100%;
  overflow-x: auto;
}

.table-primary th {
  border-bottom: 2px solid #000;
  border-top: none;
  color: #000;
  background-color: #fff;
  font-size: 0.875rem;
  font-weight: bold;
  padding: 0.75rem;
}
.table-primary tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.table-primary tr:nth-of-type(even) {
  background-color: #fff;
}
.table-primary td {
  border-bottom: 1px solid #CECECE;
  border-top: none;
  font-size: 0.75rem;
  padding: 0.75rem;
}
.table-primary .btn {
  padding: 10px 18px;
  width: 100%;
}

.table-header, .table-content {
  display: table-row-group;
  width: 100%;
}
.table-header li, .table-content li {
  display: table-cell;
  padding: 0.75rem;
  vertical-align: middle;
}
.table-header li li, .table-content li li {
  border: none;
}
.table-header li:first-child, .table-content li:first-child {
  text-align: left !important;
  padding-left: 0 !important;
}
.table-header ul, .table-content ul {
  margin: 0;
  padding: 0;
  display: table-row;
}
.table-header ul ul, .table-content ul ul {
  display: block;
}
.table-header ul ul li, .table-content ul ul li {
  display: block;
}

.cart-table, .table-secondary {
  background-color: #fff;
  font-size: 0.875rem;
}
.cart-table .table-header li, .table-secondary .table-header li {
  padding: 0.75rem;
  text-align: center;
  border: none;
  background-color: #fff;
  color: #FEC618;
  font-size: 0.75rem;
  font-weight: normal;
}
.cart-table .table-header li:after, .table-secondary .table-header li:after {
  display: none;
}
.cart-table .table-content .cart-item-list:not(:last-child), .table-secondary .table-content .cart-item-list:not(:last-child) {
  border-bottom: 1px solid #f2f2f2;
}
.cart-table .table-content li, .table-secondary .table-content li {
  border: none;
  text-align: center;
  vertical-align: middle;
  padding: 10px;
}
.cart-table .table-content li.product, .table-secondary .table-content li.product {
  text-align: left;
}
.cart-table .table-content li.product .cart-img, .table-secondary .table-content li.product .cart-img {
  max-width: 80px;
}
.cart-table .table-content li.product img, .table-secondary .table-content li.product img {
  margin-right: 0;
  /*border: 1px solid $border;*/
  max-width: 100%;
}
.cart-table .box-border .table, .table-secondary .box-border .table {
  margin-bottom: 0;
}
.cart-table .number-spinner button i, .table-secondary .number-spinner button i {
  color: #FEC618;
}
.cart-table .number-spinner button:hover i, .table-secondary .number-spinner button:hover i {
  color: #fff;
}

.cart-col .table {
  border: 1px solid #CECECE;
}

.table-header {
  font-weight: 500;
  color: #FEC618;
  border: none;
  padding: 0.75rem;
}

.table-content {
  background: #fff;
  border-top: 1px solid #CECECE;
  border-bottom: 1px solid #CECECE;
}

.cart-img {
  float: left;
  margin-right: 10px;
  max-width: 70px;
}

.cart-item-desc {
  padding-left: 90px;
}
.cart-item-desc .link-product-name {
  font-size: 0.75rem;
  color: #000000;
  font-weight: normal;
}
.cart-item-desc .link-product-name:hover, .cart-item-desc .link-product-name:active, .cart-item-desc .link-product-name.active {
  color: black !important;
}
.cart-item-desc .sku-wrap .sku, .cart-item-desc .sku-wrap label {
  margin-bottom: 0.25rem;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-size: 0.75rem;
}
.cart-item-desc .sku-wrap .gtext {
  color: #000000;
  margin-left: 5px;
}

.cart-item-list .normal-price {
  font-size: 0.75rem;
  color: #000000;
}
.cart-item-list .icon-cart-remove:hover {
  background-color: transparent;
  opacity: 0.8;
}
.cart-item-list .icon-cart-remove .fa-trash-alt {
  font-size: 1.5rem;
  font-weight: 500;
}
.cart-item-list .icon-cart-remove .fa-trash-alt:before {
  content: "\f057";
}

.scroll-table {
  overflow-x: auto;
  padding: 0 1px 15px 1px;
}
.scroll-table .table {
  width: 1500px;
}

.table-wrapper {
  display: inline-block;
  width: 100%;
}

.table, .table-resize {
  display: table;
  width: 100%;
  border-collapse: collapse;
}

.table .active-btn, .table .inactive-btn {
  padding: 2px 5px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.75rem;
  color: #fff;
  display: inline-block;
  min-width: 42px;
}
.table .active-btn {
  background: #FEC618;
}
.table .edit-view {
  color: #FEC618;
}
.table .edit-view a {
  color: #FEC618;
}
.table .head-border li {
  border: none;
}
.table .active {
  background: #FEC618;
  color: #fff;
  border-radius: 5px;
  padding: 2px 5px;
  font-size: 0.75rem;
}
.table .inactive {
  color: #fff;
  border-radius: 5px;
  padding: 2px 5px;
  font-size: 0.75rem;
}
.table .spinner {
  display: inline-block;
}
.table .product img {
  float: left;
  margin-right: 10px;
}
.table .product .name {
  color: #FEC618;
  font-weight: bold;
  padding-top: 2px;
}
.table .price .chk-label {
  color: #FEC618;
  margin-top: 2px;
}

.shop-table {
  display: table;
  width: 100%;
  border-collapse: collapse;
}
.shop-table .table-head {
  display: table-row;
  background-color: #E6E6E6;
}
.shop-table .table-head .box {
  padding: 8px;
  border: 1px solid #CECECE;
  font-weight: 700;
}
.shop-table .table-row {
  display: table-row;
}
.shop-table .table-row:nth-child(odd) .box {
  padding: 8px;
  border: 1px solid #CECECE;
}
.shop-table .table-row:nth-child(even) .box {
  padding: 8px;
  border: 1px solid #CECECE;
}
.shop-table .box {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.shop-table .box .inner-box {
  white-space: nowrap;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  font-size: 0.875rem;
}
.shop-table .chk-wrap {
  display: inline-block;
}
.shop-table .chk-wrap .chkmark {
  margin: 0 auto;
}
.shop-table .price-wrap .price {
  font-weight: 700;
}
.shop-table .price-wrap .old-price {
  padding: 0;
  font-size: 0.875rem;
}
.shop-table .qty-wrap {
  min-width: 200px;
}

.table-footer .form-row {
  padding: 0.5rem 0;
  margin: 0;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border: none;
}
.table-footer .form-row .col-6 + .col-6 {
  text-align: right;
}
.table-footer .form-row h4, .table-footer .form-row h5 {
  margin: 0;
}
.table-footer .form-row:not(:last-child) {
  border-bottom: 1px solid #CECECE !important;
}
.table-footer .total, .table-footer .total-price {
  font-size: 1rem;
  color: #000000;
}
.table-footer .total.primary, .table-footer .total-price.primary {
  font-size: 1rem;
  color: #000000;
}
.table-footer ul, .table-footer ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.table-footer .promo-dis {
  font-size: 1rem;
  color: #ff0000;
}

.view-footer-row {
  cursor: pointer;
  color: #000000;
  font-size: 0.75rem;
}
.view-footer-row i {
  vertical-align: baseline;
}

.group-acc-description {
  border-bottom: 1px solid #CECECE;
}
.group-acc-description:first-child {
  border-top: 1px solid #CECECE;
}
.group-acc-description .accordion-btn {
  padding-left: 0;
  padding-right: 0;
}
.group-acc-description .accordion-btn:not(.collapsed) .fa-plus:before {
  content: "\f068";
}
.group-acc-description .card-body {
  padding-left: 0;
  padding-right: 0;
}

.accordion_plus .set {
  position: relative;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #CECECE;
}
.accordion_plus .set > a {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  color: #000000;
  text-transform: uppercase;
  padding: 12px 0;
  font-size: 1.125rem;
  letter-spacing: -0.45px;
}
.accordion_plus .set:first-child {
  border-top: 1px solid #CECECE;
}
.accordion_plus .contents {
  display: none;
  position: relative;
  padding: 15px 0;
  line-height: 1.5;
}
.accordion_plus .contents p {
  margin: 0;
  letter-spacing: 1px;
}

.accordion_arrow {
  margin: 30px auto;
  max-width: 560px;
}
.accordion_arrow .set {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 30px;
}
.accordion_arrow .set > a {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  color: #000000;
  padding: 10px 0;
  border-bottom: 1px solid #f2f2f2;
  font-size: 1.125rem;
  letter-spacing: -0.45px;
  font-weight: bold;
}
.accordion_arrow .contents {
  display: none;
  position: relative;
  padding: 15px 0;
  line-height: 1.5;
  font-size: 1rem;
  letter-spacing: 1px;
}
.accordion_arrow .contents p {
  margin: 0;
  letter-spacing: 1px;
  font-size: 1rem;
}
.accordion_arrow .review-star {
  margin-left: auto;
}
.accordion_arrow p {
  margin: 0;
}

.fr-table {
  border: none;
  border-collapse: collapse;
  empty-cells: show;
  max-width: 100%;
  width: 100%;
}
.fr-table th {
  background-color: #E6E6E6;
  border: 1px solid #f2f2f2;
  padding: 8px 10px;
}
.fr-table td {
  padding: 8px 10px;
  border: 1px solid #f2f2f2;
}

@media all and (max-width: 768px) {
  .cart-table .unit-price {
    line-height: 1.25;
  }
  .cart-table .total .normal-price {
    line-height: 1.25;
  }
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > a {
  margin-right: 2px;
  line-height: 1.5;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > a.active > a, .nav-tabs > a.active > a:hover, .nav-tabs > a.active > a:focus {
  color: #eeeeee;
  background-color: #337ab7;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}

.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 0.25rem;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #eeeeee;
  background-color: #eeeeee;
}

.banner_slider_container {
  position: relative;
}
.banner_slider_container .loader_wrapper {
  min-height: 400px;
}
.banner_slider_container .loader {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  z-index: 1000;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}

.loader-wrapper {
  position: fixed;
  background: #fff;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999999999;
}
.loader-wrapper .loader {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  z-index: 1000;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}

.lds-rolling {
  position: relative;
  display: none;
}

.lds-rolling div, .lds-rolling div:after {
  position: absolute;
  width: 40px;
  height: 40px;
  border: 5px solid #FEC618;
  border-top-color: #fff;
  border-radius: 50%;
}

.lds-rolling div {
  animation: lds-rolling 1s linear infinite;
  top: 50px;
  left: 50px;
}

.lds-rolling div:after {
  transform: rotate(90deg);
}

.lds-rolling {
  width: 100px !important;
  height: 100px !important;
  margin: 0 auto;
}

.loader {
  text-align: center;
}

@keyframes lds-rolling {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.products .lazy-image-loader, .products img[src$=".gif"], .blog-img .lazy-image-loader, .blog-img img[src$=".gif"], .MagicScroll .lazy-image-loader, .MagicScroll img[src$=".gif"] {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  display: block !important;
}

.lazyloaded { /* Safari, Chrome and Opera > 12.1 */ /* Firefox < 16 */ /* Internet Explorer */ /* Opera < 12.1 */
  animation: fadein 1s;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
/* Safari, Chrome and Opera > 12.1 */
/* Internet Explorer */
/* Opera < 12.1 */
.banner, .popin {
  bottom: 0 !important;
  left: 0 !important;
  position: fixed !important;
  background-color: rgb(61, 61, 61) !important;
  box-sizing: content-box !important;
  display: block;
  width: 100%;
  z-index: 16777002 !important;
}

.ccb-banner-container {
  margin: 10px 40px !important;
}

.ccb-top {
  padding: 10px 0 0 0 !important;
  overflow: hidden !important;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.ccb-title {
  float: left !important;
  font-weight: 700 !important;
  margin: 0 !important;
  text-transform: none !important;
  color: #fff;
  font-size: 1.125rem;
}

.ccb-info {
  border-radius: 25px !important;
  border-style: solid !important;
  border-width: 2px !important;
  cursor: pointer !important;
  float: left !important;
  overflow: hidden !important;
  padding: 1px 6px !important;
  position: relative !important;
  left: 15px !important;
  top: 0px !important;
  white-space: nowrap !important;
  min-width: 8px;
  font-size: 0.875rem;
  color: #fff;
  line-height: 20px;
}

.ccb-banner-family-heading {
  color: rgb(255, 255, 255) !important;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  text-align: justify;
}

.ccb-info-link {
  display: inline-block !important;
  max-width: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  top: 4px !important;
}

.ccb-info-link a {
  color: #fff !important;
}

.ccb-info div {
  transition: all 0.5s !important;
}

.ccb-info-icon {
  display: inline-block !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  left: -2px !important;
  position: relative !important;
  top: -1px !important;
}

.ccb-info:hover .ccb-info-link {
  max-width: 1000px !important;
  color: #fff;
}

.ccb-banner-middle {
  margin: 10px 0 !important;
}

.ccb-bottom {
  overflow: hidden;
}

.ccb-banner-bottom-part-2, .ccb-banner-bottom-part-3 {
  display: inline-block;
}

.ccb-banner-button {
  background-color: rgb(61, 61, 61);
  color: rgb(255, 255, 255);
  font-size: 0.875rem !important;
  margin: 10px 10px 10px 0 !important;
  border-color: #fff !important;
  border-style: solid !important;
  border-radius: 25px !important;
  border-width: 1px !important;
  cursor: pointer;
  display: inline-block !important;
  padding: 5px 10px !important;
  text-align: center !important;
}
.ccb-banner-button.update-cookie {
  display: none !important;
}
.ccb-banner-button.update-cookie.updateactive {
  display: inline-block !important;
}

.ccb-banner-middle {
  margin: 10px 0 !important;
  color: #fff;
}
.ccb-banner-middle.scrolled {
  max-height: 100px;
  overflow-y: auto !important;
  line-height: normal;
  display: none;
}
.ccb-banner-middle ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ccb-banner-button:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(61, 61, 61);
}

.ccb-banner-toggle-panel {
  color: rgb(255, 255, 255) !important;
  font-size: 0.875rem !important;
}

.ccb-banner-toggle-panel {
  float: right;
  cursor: pointer;
  margin-top: 15px !important;
}

.ccb-sticky {
  bottom: 0 !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  cursor: pointer !important;
  position: fixed !important;
  padding: 6px 8px !important;
  z-index: 16777001 !important;
  background-color: rgb(61, 61, 61) !important;
  color: #fff !important;
  font-size: 0.875rem !important;
  cursor: pointer;
}
.ccb-sticky.right {
  right: 0;
}
.ccb-sticky .svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}
.ccb-sticky .ccb-sticky-label {
  font-size: 0.875rem;
  color: #fff;
}

.cookies_wrap .cat-name {
  font-size: 0.875rem;
  font-weight: bold;
  margin-bottom: 5px;
}
.cookies_wrap .cookie-contents {
  font-size: 0.75rem;
  margin-bottom: 5px;
}
.cookies_wrap .toggle_links {
  margin-bottom: 10px;
  font-size: 0.75rem;
}
.cookies_wrap .toggle_links a {
  color: #fff;
}
.cookies_wrap .toggle_contents {
  display: none;
  margin-bottom: 10px;
  font-size: 0.75rem;
}
.cookies_wrap .toggle_contents td {
  padding: 5px 0;
}
.cookies_wrap .cookie_wrapper_option {
  margin-top: 0 !important;
  margin-left: 15px;
}
.cookies_wrap .privacy-list {
  display: flex;
  -moz-align-items: end;
  -ms-align-items: end;
  align-items: end;
  padding-bottom: 10px;
  padding-top: 10px;
}
.cookies_wrap .button-switch {
  margin-left: 5px;
}
.cookies_wrap ::-webkit-scrollbar {
  width: 6px;
}
.cookies_wrap ::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-radius: 40px;
}
.cookies_wrap ::-webkit-scrollbar-track {
  background-color: #656565;
  border-radius: 40px;
}
.cookies_wrap .button-switch {
  font-size: 8px;
}

@media all and (max-width: 767px) {
  .ccb-banner-container {
    margin: 10px 20px !important;
  }
}
@font-face {
  font-family: "icomoon";
  src: url(/fonts/icomoon.eot?69f960e6c51c9bd7d5a506f3fa0b6b10);
  src: url(/fonts/icomoon.eot?69f960e6c51c9bd7d5a506f3fa0b6b10#iefix) format("embedded-opentype"), url(/fonts/icomoon.ttf?731c0f4d2659411fe40d26af904fad44) format("truetype"), url(/fonts/icomoon.woff?8a8212dfc67f3ba3164bd5a1e98834f5) format("woff"), url(/fonts/icomoon.svg?1393aad08554ae3a7d1a0e2110e8863a#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon-cart {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-cart:before {
  content: "\e900";
}

@font-face {
  font-family: "icomoons";
  src: url(/fonts/icomoons.eot?eca4a69eec642007ab25d64575401aa0);
  src: url(/fonts/icomoons.eot?eca4a69eec642007ab25d64575401aa0#iefix) format("embedded-opentype"), url(/fonts/icomoons.ttf?1de4ff6dae3afa02c777d59363d77a20) format("truetype"), url(/fonts/icomoons.woff?9644ea8a61c305286b17e1abdc58dce2) format("woff"), url(/fonts/icomoons.svg?1fbc7bd169258dffe74fee43b4f46b5d#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon-wishlist, .icon-compare {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-wishlist:before {
  content: "\e900";
}

.icon-compare:before {
  content: "\e901";
}

.fr-view .fr-video.fr-dvi {
  display: block;
}

.fr-video {
  text-align: center;
  display: block;
  margin-bottom: 5px;
}
.fr-video.fr-fvl {
  text-align: left;
}
.fr-video.fr-fvr {
  text-align: right;
}

img.fr-dib {
  margin: 0 auto 5px auto;
  display: block;
  float: none;
}
img.fr-dib.fr-fir {
  margin-right: 0;
}
img.fr-dib.fr-fil {
  margin-left: 0;
}
img.fr-fic {
  margin-bottom: 5px;
}

.fr-view {
  word-wrap: break-word;
}
.fr-view ol, .fr-view ul {
  padding-left: 25px;
  margin: 10px 0 3px 0;
}
.fr-view ol li, .fr-view ul li {
  margin-bottom: 5px;
}
.fr-view ol {
  list-style: decimal;
}
.fr-view ul {
  list-style: disc;
}
.fr-view table {
  border-collapse: collapse;
  empty-cells: show;
  max-width: 100%;
}
.fr-view table td, .fr-view table th {
  border: 1px solid #CECECE;
  padding: 8px 10px;
}

.fr-emoticon {
  background-repeat: no-repeat !important;
  max-width: 75px;
  max-height: 75px;
  min-width: 25px;
  min-height: 25px;
  display: inline-block;
}

.fr-toolbar.fr-desktop.fr-inline {
  max-width: 400px;
  white-space: normal;
}
.fr-toolbar.fr-desktop.fr-inline button {
  min-width: auto;
}

.fr-text-bordered {
  border-top: solid 1px #CECECE;
  border-bottom: solid 1px #CECECE;
  padding: 10px 0;
}

.fr-file:after {
  content: "📎";
}

.fr-emoticon-img {
  font-size: inherit;
  height: 1em;
  width: 1em;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: -0.1em 0.1em 0.1em;
  line-height: 1;
  vertical-align: middle;
  background-repeat: no-repeat !important;
}

.flashprogress {
  margin: 5px auto;
  height: 16px;
  /*background: url(../images/flashsale.png) 0 no-repeat;*/
  background-color: #FEC618;
  background-size: cover;
  position: relative;
  border-radius: 8px;
}
.flashprogress .bar_text {
  text-transform: uppercase;
  font-size: 10px;
  color: #fff;
  z-index: 2;
  position: absolute;
  bottom: 0;
  top: 0;
  width: 100%;
  text-align: center;
  line-height: 18px;
}
.flashprogress .bar-wrapper {
  width: 100%;
  background: transparent;
  overflow: hidden;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 1;
  height: 16px;
  border-radius: 8px;
}
.flashprogress .progress-width {
  background: #fff;
  /*float: right;*/
  position: relative;
  height: 18px;
}
.flashprogress .complement-color {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #262d25;
}
.flashprogress .fire {
  background: url(/images/fire.png?f5233259f90b05efbf3867f564628853) 0 no-repeat;
  width: 18px;
  height: 21px;
  background-size: contain;
  position: absolute;
  left: 3px;
}

.soldout_badge {
  display: block;
  height: 18px;
  border-radius: 8px;
  margin: 5px auto;
  line-height: 18px;
  background-color: #7f201C;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.75rem;
  text-align: center;
}
.soldout_badge .sold-img {
  max-width: 30px;
  display: none;
}

.product-badges .top-left, .product-badges .top-center, .product-badges .top-right,
.product-badges .middle-left, .product-badges .middle-center, .product-badges .middle-right,
.product-badges .bottom-left, .product-badges .bottom-center, .product-badges .bottom-right {
  max-width: 100%;
  height: 100%;
  position: absolute;
  background-size: contain !important;
  text-align: center;
  background-repeat: no-repeat !important;
  z-index: 1;
  display: flex;
  align-items: center;
}

.product-badges .top-left {
  top: 0;
  left: 0;
}
.product-badges .top-center {
  top: 0;
  left: 50%;
  right: 50%;
  text-align: center;
}
.product-badges .top-right {
  top: 0;
  right: 0;
}
.product-badges .middle-left {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.product-badges .middle-center {
  top: 50%;
  left: 50%;
  right: 50%;
  transform: translateY(-50%);
  text-align: center;
}
.product-badges .middle-right {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.product-badges .bottom-left {
  bottom: 0;
  left: 0;
}
.product-badges .bottom-center {
  bottom: 0;
  left: 50%;
  right: 50%;
  text-align: center;
}
.product-badges .bottom-right {
  bottom: 0;
  right: 0;
}

.products.blog.product-grid-view > li {
  margin-bottom: 10px;
}

.container .banner-slider.container {
  padding-left: 0;
  padding-right: 0;
}

.blogslider-row {
  margin-left: -7.5px;
  margin-right: -7.5px;
}

.home-container .slick-slider img {
  width: 100%;
}

.g-recaptcha > div, .g-recaptcha .rc-anchor-normal {
  width: 100% !important;
}

.banner-innerImg {
  position: relative;
  overflow: hidden;
  text-align: center;
  height: 100%;
}

.banner-innerImg img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: inherit;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.bannerimg.col-sm-12 .banner-innerImg img {
  position: static;
  transform: none;
  width: auto;
  text-align: center;
}

.slider-sg {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.slider-sg .products.product-grid-view {
  margin-left: 0px;
  margin-right: 0px;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.slider-sg .product-grid-view .prod-img {
  margin-top: 0;
  padding: 0px;
  text-align: left;
}
.slider-sg .sldr-thumblist .slick-track {
  min-width: 100%;
}
.slider-sg .item-box {
  list-style: none;
}

ul.disc {
  list-style: disc;
  padding-left: 20px;
}

body .MagicScroll img[src$=".gif"] {
  padding-top: 50%;
}
body .MagicScroll .mcs-item:first-child img[src$=".gif"] {
  padding: 50% !important;
  width: 100%;
  min-height: 190px;
}
body .MagicScroll .mcs-item {
  white-space: normal !important;
  line-height: initial;
  font-size: inherit;
}

.banner-tworow-slider li > .product-item-info:first-child {
  margin-bottom: 10px;
}

.banner-onerow-slider .product-item-info {
  margin-bottom: 0px;
}

.product-main-img .mz-nav-controls {
  display: none;
}

.MagicScroll .product-item-info {
  margin-bottom: 0;
}
.MagicScroll .prod-img,
.MagicScroll .blog-img {
  position: relative !important;
  height: initial;
  line-height: 0;
  margin-bottom: 10px;
  transition: all 0.5s;
}

.banner-slider {
  overflow: hidden;
}

.zoom-gallery .MagicScroll .mcs-item img {
  max-height: initial;
  -o-object-fit: contain;
     object-fit: contain;
}

.popular-products-contain {
  margin: 0;
}
.popular-products-contain .slider-sg {
  padding: 0;
}

.MagicScroll .prod-img a, .MagicScroll .blog-img a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow, .MagicScroll.MagicScroll-arrows-outside .mcs-button-arrow, .MagicScroll.MagicScroll-arrows-true .mcs-button-arrow {
  width: 30px;
  height: 40px;
  opacity: 1;
  background: #fff;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.11);
}
.MagicScroll .mcs-loader {
  display: none;
}

.btn-groups .back_cart {
  margin-right: 1rem;
}
.btn-groups .btn:first-child {
  margin-right: 1rem;
}

@media all and (max-width: 768px) {
  .banner-innerImg img {
    height: auto;
    position: static;
    transform: translate(0);
    max-width: 100%;
  }
  .content .banner-slider.container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .banner-slider .bannerimg {
    margin-bottom: 10px;
    padding: 0;
  }
  .MagicScroll-horizontal .mcs-item li {
    padding: 5px 7.5px;
  }
  .slider-sg .product-grid-view .prod-img, .slider-sg .product-grid-view .product-info {
    text-align: center;
    padding: 5px;
  }
}
.modal .empty-cart {
  padding: 1rem;
}
#miniCart .modal-header {
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  justify-content: flex-start;
}
#miniCart .modal-header .modal-count {
  margin: 0 0 0 auto;
}
#miniCart .modal-header .close {
  float: none;
  padding-left: 0;
  padding-right: 0;
  margin-right: 16px;
  vertical-align: bottom;
  font-weight: bold;
  opacity: 1;
  margin-left: inherit;
}

#mini_cart_detail {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  height: calc(100% - 69px);
  pointer-events: auto;
  background-color: #fff;
  outline: 0;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}
#mini_cart_detail .bottom-container {
  border-top: 1px solid #CECECE;
  padding: 0 20px;
}
#mini_cart_detail ul, #mini_cart_detail ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

.modal.left .modal-dialog,
.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 400px;
  height: 100%;
  transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
  padding: 10px 20px;
}

.modal.left.fade .modal-dialog {
  left: -320px;
  transition: opacity 0.3s linear, left 0.3s ease-out;
}
.modal.left.fade.show .modal-dialog {
  left: 0;
}
.modal.right.fade .modal-dialog {
  right: -320px;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.right.fade.show .modal-dialog {
  right: 0;
}

.modal-content {
  border-radius: 0;
  border: none;
}

.modal-dialog-slideout {
  min-height: 100%;
  margin: 0 0 0 auto;
  background: #fff;
}

.modal.fade .modal-dialog.modal-dialog-slideout {
  transform: translate(100%, 0) scale(1);
  transition: all 0.5s;
}
.modal.fade.show .modal-dialog.modal-dialog-slideout {
  transform: translate(0, 0);
  display: flex;
  align-items: stretch;
  -webkit-box-align: stretch;
  height: 100%;
}
.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}

.modal-dialog-slideout .modal-content {
  border: 0;
}

.bottom-container {
  /*border-top: 1px solid $border;*/
}
.bottom-container .link-primary {
  text-transform: uppercase;
}
.bottom-container .img-left img {
  max-width: 20px;
  padding: 0 2px;
  vertical-align: baseline;
}

.cartaction {
  text-align: center;
  margin: 10px 0;
}

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

.cart-details {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.cart-details .total-items {
  text-align: left;
}
.cart-details .subtotle {
  text-align: right;
}
.cart-details .subtotal {
  display: flex;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  font-weight: bold;
  margin-bottom: 10px;
}
.cart-details .total {
  margin-left: auto;
}

.price-container {
  padding: 10px 0;
  font-size: 1.125rem;
  border-bottom: 1px solid #CECECE;
}

.minicart-item {
  margin-bottom: 10px;
  padding-bottom: 10px;
  width: 100%;
  float: left;
  text-align: left;
  border-bottom: 1px solid #CECECE;
  padding-top: 0;
  position: relative;
}
.minicart-item > * {
  line-height: 1rem;
}
.minicart-item .title a {
  color: #000000;
  font-weight: bold;
  display: inline-block;
}
.minicart-item .title a:hover, .minicart-item .title a:active, .minicart-item .title a.active {
  color: black !important;
}
.minicart-item .mini-cart-icon-remove {
  position: absolute;
  top: 15px;
  right: 15px;
}
.minicart-item .product-item-details p {
  margin-bottom: 6px;
}
.minicart-item .product-item-details .remove {
  float: right;
}
.minicart-item .product-item-details .pr-option {
  font-weight: 400;
  margin-bottom: 2px;
}
.minicart-item .product-item-details .pr-option i {
  font-weight: 500;
}
.minicart-item:last-child {
  border: none;
}

.placeholder {
  float: left;
  text-align: center;
  padding: 0;
  max-width: 80px;
}

.product-item-details {
  padding-top: 0;
  padding-left: 88px;
}
.product-item-details p {
  margin-bottom: 0.5rem;
  color: #000000;
  font-size: 1rem;
}
.product-item-details .strike-price {
  color: #909090;
  font-size: 13px;
}
.product-item-details .mini_qty {
  margin-bottom: 0.5rem;
}
.product-item-details .pr-option {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-weight: 500;
  cursor: pointer;
}
.product-item-details .pr-title {
  font-weight: 500;
  margin: 3px 0;
}
.product-item-details .sku-wrap div {
  margin-bottom: 0.5rem;
  color: #000000;
}
.product-item-details .qty-wrap, .product-item-details .sku-wrap {
  margin-bottom: 0.5rem;
}

@media all and (max-width: 480px) {
  .modal.left .modal-dialog,
  .modal.right .modal-dialog {
    width: 300px;
  }
}
.main-title.order-payment {
  margin-top: 30px;
}

.product-item-info .review-wrap, .product-item-info .prod-desc, .product-item-info .addtocart-btn {
  display: none;
}
.product-item-info .product-title {
  height: auto;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}

.insidecontainer {
  border: 1px solid #CECECE;
  border-radius: 20px;
  position: relative;
  margin: 40px 0;
}
.insidecontainer .title-border {
  margin-bottom: 15px;
  position: relative;
  position: absolute;
  bottom: calc(100% - 10px);
  background: #fff;
  padding: 0 15px;
  margin: 0 auto;
  left: 0;
  right: 0;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 99;
}
.insidecontainer h3 {
  margin: 0 !important;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.insidecontainer p {
  margin-bottom: 0;
}
.insidecontainer .countdown-inner {
  padding-left: 10px;
}

.see-all {
  font-size: 1rem;
  font-weight: 700;
  position: relative;
  text-decoration: none;
  display: inline-block;
  margin-left: auto;
}
.see-all img {
  vertical-align: middle;
  margin-left: 20px;
}
.see-all:after {
  display: block;
  content: "";
  border-bottom: solid 3px;
  transform: scaleX(0);
  border-color: inherit;
  transition: transform 250ms ease-in-out;
  transform-origin: 100% 50%;
}
.see-all:hover:after {
  transform: scaleX(1);
  transform-origin: 0 50%;
}

.title-border h3 {
  text-align: center;
  margin-bottom: 30px;
  margin-top: 30px;
}
.title-border h3 p {
  margin: 0;
}

.banner-slider {
  /*.title_style {
      font-size: $font-large;
      margin: 0;padding: 0;
      position: relative;
      text-transform: uppercase;
      &:after {
          content: "";
          width: 100%;
          height: 2px;
          background: #0094d9;
          position: absolute;
          left: 0;
          bottom: -1px;
      } 
  }*/
}
.banner-slider .title-border {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .banner-slider .title-border {
    margin-bottom: 24px;
  }
}
.banner-slider .title-border span.title_style {
  font-size: 30px;
  font-weight: 700;
  line-height: normal;
}
.banner-slider p {
  margin: 0;
}
.banner-slider h3 {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  margin: 0;
}
.banner-slider .flash-timer {
  font-size: 0.875rem;
  background-color: #0094d9;
  padding: 4px 10px 4px 10px;
  border-radius: 50px;
  margin-left: 10px;
  color: #fff;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  white-space: nowrap;
}
.banner-slider .flash-timer .countdown-inner {
  margin: 0;
  padding: 0 0 0 5px;
  display: inline-flex;
  list-style: none;
}
.banner-slider .flash-timer .countdown-inner li {
  padding: 0 2px;
}
.banner-slider .number {
  position: relative;
}
.banner-slider .number:not(:last-child, :first-child):after {
  content: ":";
  padding: 0 5px;
}
.banner-slider .see-all {
  font-size: 1rem;
  font-weight: 700;
  position: relative;
  text-decoration: none;
  display: inline-block;
  margin-left: auto;
  padding: 0;
  color: #FEC618;
}
.banner-slider .see-all:after {
  display: block;
  content: "";
  border-bottom: solid 3px;
  transform: scaleX(0);
  border-color: inherit;
  transition: transform 250ms ease-in-out;
  transform-origin: 100% 50%;
}
.banner-slider .see-all:hover:after {
  transform: scaleX(1);
  transform-origin: 0 50%;
}
.banner-slider .see-all img {
  vertical-align: middle;
  margin: 0px 0px 0 24px;
}

.cat-info .product-title {
  text-align: center;
}

.brand-wrap .product-title {
  font-weight: normal;
  text-align: center;
}

body .selectors.MagicScroll .mcs-item {
  width: auto !important;
  margin: 0 5px;
}

html[lang=th] .banner-slider .title-border span {
  font-size: 20px;
}
html[lang=th] .banner-slider .title-border span.title_style {
  font-size: 40px;
}
html[lang=th] .banner-slider .title-border span .see-all {
  font-size: 20px;
}

@media all and (max-width: 767px) {
  .banner-slider .title-border h3, .banner-slider .title-border h2 {
    display: block;
    text-align: center;
  }
  .banner-slider .title-border span.title_style {
    display: block;
  }
  .see-all {
    text-transform: uppercase;
    font-size: 0.875rem;
  }
}
.ui-menu {
  z-index: 99999999;
}
.ui-menu .ui-menu-item {
  margin: 10px;
  border-bottom: 1px solid #CECECE;
  padding-bottom: 15px;
}
.ui-menu .ui-menu-item-wrapper {
  display: block;
}
.ui-menu .search-img {
  float: left;
  margin-right: 10px;
  max-width: 50px;
}
.ui-menu .search-result {
  padding: 15px;
  text-align: right;
  clear: both;
  overflow: hidden;
  position: sticky;
  background: #fff;
  bottom: 0;
}
.ui-menu .search-prod-desc {
  padding-left: 65px;
}
.ui-menu .search-prod-desc .name {
  padding-bottom: 5px;
  word-break: break-all;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 95%;
}
.ui-menu .search-prod-desc .price-wrap {
  -moz-justify-content: left;
  -ms-justify-content: left;
  justify-content: left;
  -ms-flex-pack: left;
}
.ui-menu .search-prod-desc .price-wrap span {
  margin-right: 10px !important;
  margin-left: 0 !important;
}
.ui-menu.search-dropdown {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
}

.ui-menu::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}

.ui-menu::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5;
}

.ui-menu::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #FEC618;
}

.full-banner {
  text-align: center;
}
.full-banner .slide {
  background-repeat: no-repeat;
}
.full-banner .slide.bannerheight {
  background-size: auto 100%;
}
.full-banner .slide.bannerheight.bannerheightstart {
  background-position: center left;
}
.full-banner .slide.bannerheight.bannerheightmiddle {
  background-position: center center;
}
.full-banner .slide.bannerheight.bannerheightend {
  background-position: center right;
}
.full-banner .slide.bannerwidth {
  background-size: 100% auto;
}
.full-banner .slide.bannerwidth.bannerwidthstart {
  background-position: center top;
}
.full-banner .slide.bannerwidth.bannerwidthmiddle {
  background-position: center center;
}
.full-banner .slide.bannerwidth.bannerwidthend {
  background-position: center bottom;
}
.full-banner .slide.stratched {
  background-size: 100% 100%;
}

.banner_slider_container {
  position: relative;
}
.banner_slider_container .loader_wrapper {
  min-height: 400px;
}
.banner_slider_container .loader {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 180px;
  z-index: 1000;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}

.slick-dots li {
  width: 6px;
  height: 6px;
  border-radius: 6px;
}

/* Hide all the slide except first slide */
.desktop_banner .slide:nth-child(n+2) {
  display: none;
}

/* Once slick is initialized show all the the slides */
.desktop_banner.slick-initialized .slide {
  display: block;
}

/* Hide all the slide except first slide */
.mobile_banner .slide:nth-child(n+2) {
  display: none;
}

/* Once slick is initialized show all the the slides */
.mobile_banner.slick-initialized .slide {
  display: block;
}

.desktop_banner {
  display: block !important;
}

.mobile_banner {
  display: none !important;
}

.prod-cat-label {
  display: flex;
  flex-wrap: wrap;
  /*@include justify-content(space-between);*/
  align-items: center;
  margin: 30px 0;
}
.prod-cat-label.nospace {
  margin: 0;
}
.prod-cat-label h2, .prod-cat-label h4 {
  font-size: 1.125rem;
  margin-bottom: 0;
}
.prod-cat-label h2 span, .prod-cat-label h4 span {
  color: #1446c4;
  font-weight: 300;
  font-size: 90%;
  vertical-align: middle;
  margin-left: auto;
}
.prod-cat-label h2 span.icon, .prod-cat-label h4 span.icon {
  margin-left: auto;
  margin-right: 10px;
  background: #123dad;
  color: #fff;
  border-radius: 6px;
  padding: 3px 5px;
}
.prod-cat-label h2 .icon-img, .prod-cat-label h4 .icon-img {
  display: inline-block;
  vertical-align: middle;
}
.prod-cat-label h2 .icon-img img, .prod-cat-label h4 .icon-img img {
  max-height: 40px;
}
.prod-cat-label h2 + span, .prod-cat-label h4 + span {
  margin-left: auto;
}

/* Aspect ratio */
.aspect-ratio {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.aspect-ratio img {
  position: absolute;
  height: 100%;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
}

@media all and (max-width: 767px) {
  .aspect-ratio {
    padding-bottom: 100%;
  }
  .desktop_banner {
    display: none !important;
  }
  .mobile_banner {
    display: block !important;
  }
  .banner_slider_container .loader_wrapper {
    min-height: 200px;
  }
  .full-banner {
    text-align: center;
  }
  .full-banner .slide {
    background-repeat: no-repeat;
  }
  .full-banner .slide.bannerheight {
    background-size: contain;
  }
  .full-banner .slide.bannerheight.bannerheightstart {
    background-position: center left;
  }
  .full-banner .slide.bannerheight.bannerheightmiddle {
    background-position: center center;
  }
  .full-banner .slide.bannerheight.bannerheightend {
    background-position: center right;
  }
  .full-banner .slide.bannerwidth {
    background-size: 100% auto;
  }
  .full-banner .slide.bannerwidth.bannerwidthstart {
    background-position: center top;
  }
  .full-banner .slide.bannerwidth.bannerwidthmiddle {
    background-position: center center;
  }
  .full-banner .slide.bannerwidth.bannerwidthend {
    background-position: center bottom;
  }
  .full-banner .slide.stratched {
    background-size: 100% 100%;
  }
  .full-banner {
    padding-right: 0;
    padding-left: 0;
  }
}
.tablist .cms-tab-data {
  font-size: 0.875rem;
  border-radius: 0;
  margin-right: 8px;
}
.tablist .nav-tabs {
  flex-wrap: nowrap;
  overflow-y: auto;
  white-space: nowrap;
}
.tablist .nav-tabs::-webkit-scrollbar {
  display: none;
}

.grid-1 li {
  width: 100%;
}

.grid-2 li {
  width: 50%;
}

.grid-3 li {
  width: 33.33%;
}

.grid-4 li {
  width: 25%;
}

.grid-5 li {
  width: 20%;
}

.grid-6 li {
  width: 16.666%;
}

.box-border {
  border: 1px solid #CECECE;
  padding: 25px;
}

.box-border-stop {
  border: 1px solid #CECECE;
  padding: 25px;
  margin-top: 30px;
}

.box-border-sbottom {
  border: 1px solid #CECECE;
  padding: 25px;
  margin-bottom: 30px;
}

.box-wrap {
  padding: 15px;
  background: #fff;
  margin-bottom: 10px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.box-wrap.no_shadow {
  box-shadow: none;
  margin-bottom: 0;
  padding: 0;
}
.box-wrap.gray_bg {
  background-color: #f6f6f6;
}

.custom-message {
  margin-top: 0;
  position: fixed;
  top: 10px;
  transform: translateX(-50%);
  left: 50%;
  z-index: 9999;
}

.blog-social {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
}
.blog-social li a, .blog-social li .tinyLink {
  padding: 0;
  font-size: 1.5rem;
}
.blog-social li:not(:last-child) {
  margin-right: 24px;
}

@media all and (min-width: 768px) {
  .m-view {
    display: none;
  }
}
@media all and (min-width: 1550px) {
  .header-search .categories {
    height: 33px;
  }
}
@media all and (max-width: 992px) {
  .grid-2 li,
  .grid-3 li,
  .grid-4 li,
  .grid-5 li,
  .grid-6 li {
    width: 25% !important;
  }
}
@media all and (max-width: 767px) {
  .m-txt-center {
    text-align: center;
  }
  .m-txt-right {
    text-align: right;
  }
  .text-xs-center {
    text-align: center;
  }
  .grid-2 li,
  .grid-3 li,
  .grid-4 li,
  .grid-5 li,
  .grid-6 li {
    width: 50% !important;
  }
  .review-star {
    font-size: 0.875rem;
  }
  h1 {
    font-size: 1.5rem;
  }
  h2 {
    font-size: 1.125rem;
  }
  h3 {
    font-size: 1.125rem;
  }
  h4 {
    font-size: 1rem;
  }
}