/* bodoni-moda-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'Bodoni Moda';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/bodoni-moda-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* bodoni-moda-900 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Bodoni Moda';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/bodoni-moda-v23-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }


  @charset "UTF-8";
  .owl-carousel .owl-item img {
      height: auto
  }

  .owl-loaded .owl-stage:after {
      content: ""
  }

  .owl-carousel:not(.owl-loaded) {
      flex-wrap: nowrap;
      overflow: hidden
  }

  .owl-carousel:not(.owl-loaded)[class*=cols-]:not(.gutter-no) {
      margin-left: -10px!important;
      margin-right: -10px!important;
      width: auto
  }

  .owl-theme .owl-nav.disabled+.owl-dots {
      margin-top: 1.5rem
  }

  .owl-theme.owl-shadow-carousel .owl-nav.disabled+.owl-dots {
      margin-top: 4rem
  }

  .owl-theme .owl-nav .owl-next,
  .owl-theme .owl-nav .owl-prev {
      margin: 0;
      transform: translateY(-50%);
      font-size: 20px;
      font-weight: 400;
      color: #EF6523;
  }

  .owl-theme .owl-nav .owl-next i:before,
  .owl-theme .owl-nav .owl-prev i:before {
      margin: 0
  }

  .owl-theme .owl-nav .owl-next:not(.disabled):active .owl-theme .owl-nav .owl-next:not(.disabled):focus,
  .owl-theme .owl-nav .owl-next:not(.disabled):active .owl-theme .owl-nav .owl-prev:not(.disabled):focus,
  .owl-theme .owl-nav .owl-next:not(.disabled):hover,
  .owl-theme .owl-nav .owl-prev:not(.disabled):active .owl-theme .owl-nav .owl-next:not(.disabled):focus,
  .owl-theme .owl-nav .owl-prev:not(.disabled):active .owl-theme .owl-nav .owl-prev:not(.disabled):focus,
  .owl-theme .owl-nav .owl-prev:not(.disabled):hover {
      background-color: #EF6523;
      border-color: #EF6523;
      color: #fff
  }

  .owl-theme .owl-nav .owl-next.disabled,
  .owl-theme .owl-nav .owl-prev.disabled {
      color: #ccc
  }

  .owl-theme .owl-nav .owl-prev {
      left: -40px
  }

  .owl-theme .owl-nav .owl-next {
      right: -40px
  }

  .owl-theme .owl-dots .owl-dot.active span {
      background-color: #26c;
      border-color: #26c
  }

  .owl-theme .owl-dots .owl-dot span {
      margin: 5px
  }

  @media (max-width:1300px) {
      .owl-theme .owl-nav .owl-prev {
          left: 20px
      }
      .owl-theme .owl-nav .owl-next {
          right: 20px
      }
  }

  .owl-nav-full .owl-nav {
      opacity: 0;
      transition: opacity 0.4s
  }

  .owl-nav-full .owl-nav .owl-next,
  .owl-nav-full .owl-nav .owl-prev {
      margin: 0;
      top: 25%;
      height: 50%;
      transform: none;
      border: 0;
      font-size: 3rem;
      font-weight: 400;
      color: #333;
      border-radius: 0;
      background-color: rgba(255, 255, 255, 0.8);
      transition: 0.4s
  }

  .owl-nav-full .owl-nav .owl-next:not(.disabled):hover,
  .owl-nav-full .owl-nav .owl-prev:not(.disabled):hover {
      color: #26c;
      background-color: rgba(255, 255, 255, 0.8)
  }

  .owl-nav-full .owl-nav .owl-next.disabled,
  .owl-nav-full .owl-nav .owl-prev.disabled {
      visibility: hidden;
      opacity: 0
  }

  .owl-nav-full .owl-nav .owl-prev {
      left: 0;
      box-shadow: 4px 0px 7px -5px rgba(0, 0, 0, 0.2)
  }

  .owl-nav-full .owl-nav .owl-next {
      right: 0;
      box-shadow: -4px 0px 7px -5px rgba(0, 0, 0, 0.2)
  }

  .owl-nav-full:hover .owl-nav {
      opacity: 1
  }

  .owl-nav-full:hover .owl-prev {
      left: 0
  }

  .owl-nav-full:hover .owl-next {
      right: 0
  }

  .owl-nav-arrow .owl-nav .owl-next,
  .owl-nav-arrow .owl-nav .owl-prev {
      margin: 0;
      color: #666;
      font-weight: 400;
      width: 1em;
      height: 1em;
      font-size: 4.5rem;
      border: none
  }

  .owl-nav-arrow .owl-nav .owl-next i,
  .owl-nav-arrow .owl-nav .owl-prev i {
      display: none
  }

  .owl-nav-arrow .owl-nav .owl-next:before,
  .owl-nav-arrow .owl-nav .owl-prev:before {
      font-family: "riode"
  }

  .owl-nav-arrow .owl-nav .owl-next:not(.disabled):active,
  .owl-nav-arrow .owl-nav .owl-next:not(.disabled):focus,
  .owl-nav-arrow .owl-nav .owl-next:not(.disabled):hover,
  .owl-nav-arrow .owl-nav .owl-prev:not(.disabled):active,
  .owl-nav-arrow .owl-nav .owl-prev:not(.disabled):focus,
  .owl-nav-arrow .owl-nav .owl-prev:not(.disabled):hover {
      background-color: transparent;
      color: #26c
  }

  .owl-nav-arrow .owl-nav .owl-next.disabled,
  .owl-nav-arrow .owl-nav .owl-prev.disabled {
      color: #aaa
  }

  .owl-nav-arrow .owl-nav .owl-next {
      right: 5%
  }

  .owl-nav-arrow .owl-nav .owl-next:before {
      content: ""
  }

  .owl-nav-arrow .owl-nav .owl-prev {
      left: 5%;
      margin-right: 20px
  }

  .owl-nav-arrow .owl-nav .owl-prev:before {
      content: ""
  }

  .owl-nav-inner .owl-nav .owl-next,
  .owl-nav-inner .owl-nav .owl-prev {
      opacity: 0;
      visibility: hidden
  }

  .owl-nav-inner .owl-nav .owl-prev {
      left: 0
  }

  .owl-nav-inner .owl-nav .owl-next {
      right: 0
  }

  .owl-nav-inner:hover .owl-next,
  .owl-nav-inner:hover .owl-prev {
      opacity: 1;
      visibility: visible
  }

  .owl-nav-inner:hover .owl-prev {
      left: 2rem
  }

  .owl-nav-inner:hover .owl-next {
      right: 2rem
  }

  .owl-nav-top .owl-nav {
      position: absolute;
      display: flex;
      top: -5.3rem;
      right: -0.4rem;
      color: #ccc
  }

  .owl-nav-top .owl-nav .owl-next:not(.disabled) .owl-prev:not(.disabled) {
      color: #777
  }

  .owl-nav-top .owl-nav .owl-next,
  .owl-nav-top .owl-nav .owl-prev {
      position: static;
      transform: translateY(-11%)
  }

  .owl-nav-top .owl-nav .owl-next {
      margin-right: 5px
  }

  .owl-nav-top .owl-nav i {
      padding: 0.1rem 0.5rem;
      font-size: 1.8rem;
      font-weight: 700
  }

  .owl-nav-top .owl-nav i:before {
      margin: 0
  }

  .owl-nav-top.owl-nav-arrow .owl-nav .owl-next,
  .owl-nav-top.owl-nav-arrow .owl-nav .owl-prev {
      font-size: 3.4rem
  }

  .owl-nav-bottom .owl-nav {
      position: absolute;
      bottom: 1.7rem;
      right: -0.4rem;
      color: #999
  }

  .owl-nav-bottom .owl-nav i {
      font-size: 2rem;
      font-weight: 700
  }

  .owl-nav-bottom .owl-nav i:before {
      margin: 0
  }

  .owl-nav-bottom .owl-prev {
      margin-right: 0.8rem
  }

  .owl-dot-white .owl-dots .owl-dot span {
      background-color: #fff;
      border-color: #fff;
      opacity: 0.8
  }

  .owl-dot-white .owl-dots .owl-dot.active span {
      background-color: #fff;
      border-color: #fff;
      opacity: 1
  }

  .owl-dot-grey .owl-dots .owl-dot span {
      background-color: #efefef;
      border-color: #efefef
  }

  .owl-dot-grey .owl-dots .owl-dot.active span {
      background-color: #999;
      border-color: #999
  }

  .owl-dot-dark .owl-dots .owl-dot span {
      background-color: #a1a1a1;
      border-color: #a1a1a1
  }

  .owl-dot-dark .owl-dots .owl-dot.active span {
      background-color: #333;
      border-color: #333
  }

  .owl-dot-inner .owl-dots {
      position: absolute;
      bottom: 4.5rem;
      left: 50%;
      transform: translateX(-50%)
  }

  .brand-carousel .owl-stage {
      display: flex;
      align-items: center
  }

  .brand-carousel .owl-item img {
      width: auto;
      margin: auto
  }

  .brand-carousel:not(.loaded) {
      text-align: center;
      align-items: center
  }

  .owl-carousel .slide-animate {
      transform: translate3d(0, 0, 0) scale(1);
      will-change: filter, transform, opacity;
      visibility: hidden;
      opacity: 0
  }

  .owl-carousel .slide-animate.show-content {
      visibility: visible;
      opacity: 1
  }

  .owl-full-height,
  .owl-full-height .owl-item,
  .owl-full-height .owl-stage,
  .owl-full-height .owl-stage-outer,
  .owl-same-height .owl-item>* {
      height: 100%
  }

  .owl-same-height .owl-stage {
      display: flex
  }

  .owl-full-height .owl-item img {
      height: 100%;
      width: 100%;
      object-fit: cover
  }

  .owl-shadow-carousel .owl-stage-outer {
      margin: -30px;
      padding: 30px
  }

  .owl-nav-bg .owl-nav .owl-prev {
      left: 15.4%
  }

  .owl-nav-bg .owl-nav .owl-next {
      right: 15.4%
  }

  .owl-nav-bg .owl-nav [class*=owl-] {
      width: 4.8rem;
      height: 4.8rem;
      border-width: 2px;
      font-size: 3.2rem;
      color: #666;
      border-color: #666
  }

  .owl-nav-bg .owl-nav [class*=owl-].disabled {
      border-color: #acabab
  }

  .owl-nav-bg .owl-nav i {
      line-height: 1;
      margin-bottom: 2px
  }

  .owl-nav-fade .owl-nav .owl-prev {
      opacity: 0;
      margin-left: 4rem
  }

  .owl-nav-fade .owl-nav .owl-next {
      opacity: 0;
      margin-right: 4rem
  }

  .owl-nav-fade:hover .owl-nav .owl-prev {
      opacity: 1;
      margin-left: 0
  }

  .owl-nav-fade:hover .owl-nav .owl-next {
      opacity: 1;
      margin-right: 0
  }

  .owl-split .owl-item:not(:last-child) {
      position: relative
  }

  .owl-split .owl-item:not(:last-child):after {
      content: "";
      position: absolute;
      left: 100%;
      top: 0;
      bottom: 0;
      width: 1px;
      background-color: #ebebeb
  }

  .owl-middle .owl-stage {
      display: flex;
      align-items: center
  }

  .rotate-slider {
      padding-left: 17.9%
  }

  .rotate-slider .owl-stage-outer {
      margin: -20px;
      padding: 20px;
      padding-left: 23%;
      margin-left: -23%
  }

  .rotate-slider .owl-item {
      transition: 1s;
      box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.1)
  }

  .rotate-slider .owl-item:not(.active) {
      transform: scale(0.8) translateX(100%);
      transform-origin: left
  }

  .rotate-slider .owl-nav .owl-next {
      right: auto;
      left: 40px;
      font-size: 36px
  }

  .rotate-slider .owl-nav .owl-next:before {
      content: ""
  }

  .rotate-slider .owl-nav .owl-prev {
      display: none
  }



  table {
      width: 100%;
      border-collapse: collapse
  }

  table td,
  table th {
      padding: 0
  }

  .section {
      padding: 7rem 0
  }

  .grey-section {
      background: #f6f7f9
  }

  .background-section {
      background-repeat: no-repeat
  }

  .parallax {
      background-color: #3c3f41
  }

  .count-to {
      display: inline-block;
      margin-bottom: 1.6rem;
      font-size: 5rem;
      font-weight: 700;
      line-height: 1
  }

  .count-to:after {
      content: "+"
  }

  .count-title {
      color: #222;
      font-weight: 600;
      line-height: 1.4em;
      margin-bottom: 0.7rem;
      font-size: 2rem
  }

  .counter-descri {
      line-height: 1.86em;
      margin-bottom: 0
  }

  .count-float:after {
      content: "K+"
  }

  .symbol-dollar:after {
      display: none
  }

  .symbol-dollar:before {
      content: "$"
  }

  .symbol-percent:after {
      content: "%"
  }

  .count-queue {
      display: flex;
      justify-content: center;
      align-items: center
  }

  .queue-score .count-to:after {
      content: ""
  }

  .queue-score .count-to:not(:last-child):after {
      display: inline-block;
      content: ":";
      width: 32px
  }

  .queue-days .count-to:after {
      content: ""
  }

  .queue-days .count-to:not(:last-child):after {
      display: inline-block;
      content: "/";
      font-weight: 400;
      width: 25px
  }

  .symbol-no:after {
      display: none
  }

  .element-section {
      padding: 10.5rem 0 13.5rem;
      background-color: #F3F6F9
  }

  .element-section p {
      font-size: 1.6rem;
      line-height: 1.4
  }

  .element-section .title {
      font-size: 4rem
  }

  .elements>div {
      margin-bottom: 3rem;
      transition: transform 0.3s
  }

  .elements>div>a {
      display: block
  }

  .elements>div .element-accordian .element-img {
      background-position: calc(-180px * (1 - 1)) 0
  }

  .elements>div .element-accordian .element-hover-img {
      background-position: calc(-180px * 1 + 90px) 0
  }

  .elements>div .element-banner .element-img {
      background-position: calc(-180px * (2 - 1)) 0
  }

  .elements>div .element-banner .element-hover-img {
      background-position: calc(-180px * 2 + 90px) 0
  }

  .elements>div .element-blog .element-img {
      background-position: calc(-180px * (3 - 1)) 0
  }

  .elements>div .element-blog .element-hover-img {
      background-position: calc(-180px * 3 + 90px) 0
  }

  .elements>div .element-button .element-img {
      background-position: calc(-180px * (4 - 1)) 0
  }

  .elements>div .element-button .element-hover-img {
      background-position: calc(-180px * 4 + 90px) 0
  }

  .elements>div .element-cta .element-img {
      background-position: calc(-180px * (5 - 1)) 0
  }

  .elements>div .element-cta .element-hover-img {
      background-position: calc(-180px * 5 + 90px) 0
  }

  .elements>div .element-icon-box .element-img {
      background-position: calc(-180px * (6 - 1)) 0
  }

  .elements>div .element-icon-box .element-hover-img {
      background-position: calc(-180px * 6 + 90px) 0
  }

  .elements>div .element-portfolio .element-img {
      background-position: calc(-180px * (7 - 1)) 0
  }

  .elements>div .element-portfolio .element-hover-img {
      background-position: calc(-180px * 7 + 90px) 0
  }

  .elements>div .element-category .element-img {
      background-position: calc(-180px * (8 - 1)) 0
  }

  .elements>div .element-category .element-hover-img {
      background-position: calc(-180px * 8 + 90px) 0
  }

  .elements>div .element-product .element-img {
      background-position: calc(-180px * (9 - 1)) 0
  }

  .elements>div .element-product .element-hover-img {
      background-position: calc(-180px * 9 + 90px) 0
  }

  .elements>div .element-tab .element-img {
      background-position: calc(-180px * (10 - 1)) 0
  }

  .elements>div .element-tab .element-hover-img {
      background-position: calc(-180px * 10 + 90px) 0
  }

  .elements>div .element-testimonial .element-img {
      background-position: calc(-180px * (11 - 1)) 0
  }

  .elements>div .element-testimonial .element-hover-img {
      background-position: calc(-180px * 11 + 90px) 0
  }

  .elements>div .element-title .element-img {
      background-position: calc(-180px * (12 - 1)) 0
  }

  .elements>div .element-title .element-hover-img {
      background-position: calc(-180px * 12 + 90px) 0
  }

  .elements>div .element-typography .element-img {
      background-position: calc(-180px * (13 - 1)) 0
  }

  .elements>div .element-typography .element-hover-img {
      background-position: calc(-180px * 13 + 90px) 0
  }

  .elements>div .element-video .element-img {
      background-position: calc(-180px * (14 - 1)) 0
  }

  .elements>div .element-video .element-hover-img {
      background-position: calc(-180px * 14 + 90px) 0
  }

  .elements>div .element-icon .element-img {
      background-position: calc(-180px * (15 - 1)) 0
  }

  .elements>div .element-icon .element-hover-img {
      background-position: calc(-180px * 15 + 90px) 0
  }

  .elements>div:hover {
      transform: scale(1.3);
      z-index: 1
  }

  .element {
      display: flex;
      position: relative;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 3.4rem 0 2.6rem;
      background-color: #fff;
      border-radius: 1rem;
      box-shadow: 0 2rem 3rem rgba(0, 0, 0, 0.05), 0 0 5px rgba(0, 0, 0, 0.05);
      transition: transform 0.3s
  }

  .element svg {
      fill: #666
  }

  .element svg circle,
  .element svg ellipse,
  .element svg line,
  .element svg path,
  .element svg polyline,
  .element svg rect {
      stroke: #666
  }

  .element.element-icon svg {
      margin-top: -1.1rem
  }

  .element .element-img {
      width: 90px;
      height: 70px;
      background-image: url(../images/elements.png);
      background-repeat: no-repeat;
      transition: opacity 0.3s, visibility 0.3s
  }

  .element .element-hover-img {
      position: absolute;
      width: 90px;
      height: 70px;
      left: 50%;
      top: 1.2rem;
      background-image: url(../images/elements.png);
      transform: translateX(-50%);
      visibility: hidden;
      opacity: 0;
      transition: opacity 0.3s, visibility 0.3s
  }

  .element p {
      margin: 1.4rem 0 0;
      text-align: center;
      color: #222;
      font-size: 1.6rem;
      font-weight: 600;
      line-height: 1.2;
      text-transform: uppercase
  }

  .element.active .element-img,
  .element:hover .element-img {
      opacity: 0;
      visibility: hidden
  }

  .element.active .element-hover-img,
  .element:hover .element-hover-img {
      opacity: 1;
      visibility: visible
  }

  @media (max-width:575px) {
      .element-section .element-type {
          max-width: 30rem;
          margin: 0 auto
      }
      .elements>div:hover {
          transform: scale(1.05)
      }
	  .form-box{
	  	padding:0px 15px 10px;
	  }
  }

  @font-face {
      font-family: "riode";
      src: url("../fonts/riode115b.eot?5gap68");
      src: url("../fonts/riode115b.eot?5gap68#iefix") format("embedded-opentype"), url("../fonts/riode115b.ttf?5gap68") format("truetype"), url("../fonts/riode115b.woff?5gap68") format("woff"), url("../fonts/riode115b.html?5gap68#riode") format("svg");
      font-weight: normal;
      font-style: normal;
      font-display: block
  }

  [class*=" d-icon-"],
  [class^=d-icon-] {
      display: inline-block;
      line-height: 1
  }

  [class*=" d-icon-"]:before,
  [class^=d-icon-]:before {
      font-family: "riode"!important;
      speak: never;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
  }

  .d-icon-truck:before {
      content: ""
  }

  .d-icon-service:before {
      content: ""
  }

  .d-icon-secure:before {
      content: ""
  }

  .d-icon-lock:before {
      content: ""
  }

  .d-icon-percent:before {
      content: ""
  }

  .d-icon-layer:before {
      content: ""
  }

  .d-icon-alert:before {
      content: ""
  }

  .d-icon-database:before {
      content: ""
  }

  .d-icon-money:before {
      content: ""
  }

  .d-icon-shoppingbag:before {
      content: ""
  }

  .d-icon-t-shirt1:before {
      content: ""
  }

  .d-icon-t-shirt2:before {
      content: ""
  }

  .d-icon-hat:before {
      content: ""
  }

  .d-icon-officebag:before {
      content: ""
  }

  .d-icon-handbag:before {
      content: ""
  }

  .d-icon-backpack:before {
      content: ""
  }

  .d-icon-shoes:before {
      content: ""
  }

  .d-icon-pillow:before {
      content: ""
  }

  .d-icon-dress:before {
      content: ""
  }

  .d-icon-loungewear:before {
      content: ""
  }

  .d-icon-desktop:before {
      content: ""
  }

  .d-icon-laptop:before {
      content: ""
  }

  .d-icon-gamepad1:before {
      content: ""
  }

  .d-icon-wireless:before {
      content: ""
  }

  .d-icon-projector:before {
      content: ""
  }

  .d-icon-drone1:before {
      content: ""
  }

  .d-icon-drone2:before {
      content: ""
  }

  .d-icon-radio:before {
      content: ""
  }

  .d-icon-battery:before {
      content: ""
  }

  .d-icon-plugin:before {
      content: ""
  }

  .d-icon-memory:before {
      content: ""
  }

  .d-icon-ball:before {
      content: ""
  }

  .d-icon-basketball1:before {
      content: ""
  }

  .d-icon-babycare:before {
      content: ""
  }

  .d-icon-card:before {
      content: ""
  }

  .d-icon-gamepad2:before {
      content: ""
  }

  .d-icon-camera1:before {
      content: ""
  }

  .d-icon-camera2:before {
      content: ""
  }

  .d-icon-babywear:before {
      content: ""
  }

  .d-icon-abacus:before {
      content: ""
  }

  .d-icon-pot:before {
      content: ""
  }

  .d-icon-freezer:before {
      content: ""
  }

  .d-icon-cook:before {
      content: ""
  }

  .d-icon-student:before {
      content: ""
  }

  .d-icon-category:before {
      content: ""
  }

  .d-icon-basketball2:before {
      content: ""
  }

  .d-icon-watch:before {
      content: ""
  }

  .d-icon-tcard:before {
      content: ""
  }

  .d-icon-heartbeat:before {
      content: ""
  }

  .d-icon-watch-round:before {
      content: ""
  }

  .d-icon-washbowl:before {
      content: ""
  }

  .d-icon-bridge-lamp:before {
      content: ""
  }

  .d-icon-lamp:before {
      content: ""
  }

  .d-icon-sofa:before {
      content: ""
  }

  .d-icon-sofa2:before {
      content: ""
  }

  .d-icon-bed:before {
      content: ""
  }

  .d-icon-table:before {
      content: ""
  }

  .d-icon-table-lamp:before {
      content: ""
  }

  .d-icon-table-tv:before {
      content: ""
  }

  .d-icon-mirror:before {
      content: ""
  }

  .d-icon-volume:before {
      content: ""
  }

  .d-icon-bars2:before {
      content: ""
  }

  .d-icon-bars:before {
      content: ""
  }

  .d-icon-phone:before {
      content: ""
  }

  .d-icon-user:before {
      content: ""
  }

  .d-icon-search:before {
      content: ""
  }

  .d-icon-search2:before {
      content: ""
  }

  .d-icon-bag:before {
      content: ""
  }

  .d-icon-map:before {
      content: ""
  }

  .d-icon-info:before {
      content: ""
  }

  .d-icon-refresh:before {
      content: ""
  }

  .d-icon-left-arrow:before {
      content: ""
  }

  .d-icon-right-arrow:before {
      content: ""
  }

  .d-icon-down-arrow:before {
      content: ""
  }

  .d-icon-up-arrow:before {
      content: ""
  }

  .d-icon-ruler:before {
      content: ""
  }

  .d-icon-zoom:before {
      content: ""
  }

  .d-icon-right-circle:before {
      content: ""
  }

  .d-icon-left-circle:before {
      content: ""
  }

  .d-icon-up-circle:before {
      content: ""
  }

  .d-icon-down-circle:before {
      content: ""
  }

  .d-icon-angle-right:before {
      content: ""
  }

  .d-icon-angle-left:before {
      content: ""
  }

  .d-icon-angle-up:before {
      content: ""
  }

  .d-icon-angle-down:before {
      content: ""
  }

  .d-icon-star:before {
      content: ""
  }

  .d-icon-star-full:before {
      content: ""
  }

  .d-icon-heart:before {
      content: ""
  }

  .d-icon-heart-full:before {
      content: ""
  }

  .d-icon-close:before {
      content: ""
  }

  .d-icon-play-circle:before {
      content: ""
  }

  .d-icon-home:before {
      content: ""
  }

  .d-icon-filter-2:before {
      content: ""
  }

  .d-icon-switch:before {
      content: ""
  }

  .d-icon-switch-left-on:before {
      content: ""
  }

  .d-icon-switch-right-on:before {
      content: ""
  }

  .d-icon-filter-3:before {
      content: ""
  }

  .d-icon-check:before {
      content: ""
  }

  .d-icon-alert-solid:before {
      content: ""
  }

  .d-icon-headphone:before {
      content: ""
  }

  .d-icon-mode-grid:before {
      content: ""
  }

  .d-icon-mode-list:before {
      content: ""
  }

  .d-icon-cancel:before {
      content: ""
  }

  .d-icon-instagram:before {
      content: ""
  }

  .d-icon-solid-check:before {
      content: ""
  }

  .d-icon-play-solid:before {
      content: ""
  }

  .d-icon-mobile:before {
      content: ""
  }

  .d-icon-minus:before {
      content: ""
  }

  .d-icon-plus:before {
      content: ""
  }

  .d-icon-wifi:before {
      content: ""
  }

  .d-icon-times:before {
      content: ""
  }

  .d-icon-times-circle:before {
      content: ""
  }

  .d-icon-random:before {
      content: ""
  }

  .d-icon-th-list:before {
      content: ""
  }

  .d-icon-rocket:before {
      content: ""
  }

  .d-icon-map-marker:before {
      content: ""
  }

  .d-icon-birthday-cake:before {
      content: ""
  }

  .d-icon-gift:before {
      content: ""
  }

  .d-icon-female:before {
      content: ""
  }

  .d-icon-clock:before {
      content: ""
  }

  .d-icon-comments:before {
      content: ""
  }

  .d-icon-rotate-left:before {
      content: ""
  }

  .d-icon-rotate-right:before {
      content: ""
  }

  .d-icon-reading:before {
      content: ""
  }

  .d-icon-feeder:before {
      content: ""
  }

  .d-icon-birthday-cake2:before {
      content: ""
  }

  .d-icon-skirt:before {
      content: ""
  }

  .d-icon-toy:before {
      content: ""
  }

  .d-icon-butterfly:before {
      content: ""
  }

  .d-icon-babycare2:before {
      content: ""
  }

  .d-icon-butterfly2:before {
      content: ""
  }

  .d-icon-dinner-set:before {
      content: ""
  }

  .d-icon-ball2:before {
      content: ""
  }

  .d-icon-apple:before {
      content: ""
  }

  .d-icon-icecream:before {
      content: ""
  }

  .d-icon-cake:before {
      content: ""
  }

  .d-icon-meat:before {
      content: ""
  }

  .d-icon-bread:before {
      content: ""
  }

  .d-icon-cocktail:before {
      content: ""
  }

  .d-icon-food:before {
      content: ""
  }

  .d-icon-birthday-cake3:before {
      content: ""
  }

  .d-icon-cash:before {
      content: ""
  }

  .d-icon-service2:before {
      content: ""
  }

  .d-icon-car:before {
      content: ""
  }

  .d-icon-ball3:before {
      content: ""
  }

  .d-icon-compare:before {
      content: ""
  }

  .d-icon-jar:before {
      content: ""
  }

  .d-icon-radish:before {
      content: ""
  }

  .d-icon-arrow-down:before {
      content: ""
  }

  .d-icon-arrow-left:before {
      content: ""
  }

  .d-icon-arrow-right:before {
      content: ""
  }

  .d-icon-arrow-up:before {
      content: ""
  }

  .d-icon-earth:before {
      content: ""
  }

  .d-icon-long-arrow-left:before {
      content: ""
  }

  .d-icon-long-arrow-right:before {
      content: ""
  }

  .d-icon-long-arrow-down:before {
      content: ""
  }

  .d-icon-long-arrow-up:before {
      content: ""
  }

  .d-icon-pill:before {
      content: ""
  }

  .d-icon-cylinder:before {
      content: ""
  }

  .d-icon-medical-bag:before {
      content: ""
  }

  .d-icon-graph:before {
      content: ""
  }

  .form .form-control {
      margin-bottom: 2rem
  }

  .form-control {
      display: block;
      width: 100%;
      min-height: 4.5rem;
      padding: 0.85rem 2rem;
      border: 1px solid #e3e3e3;
      font-size: 1.4rem;
      line-height: 1.5;
      font-weight: 400;
      color: #666;
      background-color: transparent;
      border-radius: 0;
      box-shadow: none;
      outline: 0
  }

  .form-control::placeholder {
      color: inherit;
      transition: color 0.3s
  }

  .form-control::-webkit-input-placeholder {
      color: inherit;
      transition: color 0.3s
  }

  .form-control::-moz-placeholder {
      color: inherit;
      transition: color 0.3s
  }

  .form-control:focus::placeholder {
      color: transparent
  }

  .form-control:focus::-webkit-input-placeholder {
      color: transparent
  }

  .form-control:focus::-moz-placeholder {
      color: transparent
  }

  .form-control.form-solid {
      background-color: #fff;
      border: 0;
      color: #8d8d8d
  }

  textarea {
      font-family: inherit;
      min-width: 100%;
      max-width: 100%
  }

  .custom-checkbox {
      position: absolute;
      opacity: 0
  }

  .custom-checkbox+label {
      display: block;
      position: relative;
      padding-left: 2.4rem;
      cursor: pointer
  }

  .custom-checkbox+label:before {
      content: "";
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      width: 18px;
      height: 18px;
      line-height: 17px;
      border: 1px solid #ebebeb;
      border-radius: 2px
  }

  @media (-ms-high-contrast:active),
  (-ms-high-contrast:none) {
      .custom-checkbox+label:before {
          line-height: 14px
      }
  }

  .custom-checkbox:checked+label:before {
      content: "";
      border-color: #222;
      background: #222;
      color: #fff;
      font-size: 9px;
      font-weight: 600;
      font-family: "Font Awesome 5 Free";
      text-align: center
  }

  .select-box,
  .select-menu {
      position: relative
  }

  .select-box select,
  .select-menu select {
      position: relative;
      max-width: 14rem;
      min-height: auto;
      width: auto;
      height: 100%;
      padding-left: 9px;
      padding-right: 25px;
      border: 1px solid #d7d7d7;
      border-radius: 2px;
      color: inherit;
      background-color: transparent;
      font-size: 1.2rem;
      font-family: inherit;
      letter-spacing: inherit;
      z-index: 1;
      -moz-appearance: none;
      -webkit-appearance: none
  }

  .select-box select:focus,
  .select-menu select:focus {
      outline: none
  }

  .select-box:before,
  .select-menu:before {
      content: "";
      font-family: "Font Awesome 5 Free";
      position: absolute;
      font-weight: 900;
      font-size: 9px;
      right: 8px;
      top: 50%;
      transform: translateY(-50%)
  }

  .select-box option {
      font-size: 1.2rem
  }

  @media (-ms-high-contrast:active),
  (-ms-high-contrast:none) {
      select::-ms-expand {
          display: none
      }
      select:focus::-ms-value {
          background: transparent;
          color: currentColor
      }
  }

  input::-webkit-inner-spin-button,
  input::-webkit-outer-spin-button {
      -webkit-appearance: none
  }

  .quantity {
      -moz-appearance: textfield;
      max-width: 48px
  }

  .input-group {
      display: inline-flex;
      width: 11rem;
      height: 4.5rem
  }

  .input-group .form-control {
      flex: 1;
      padding: 0;
      height: inherit;
      font-size: 1.4rem;
      border: solid #ebebeb;
      border-width: 1px 0;
      color: #222;
      text-align: center
  }

  .input-group button {
      padding: 0;
      width: 3.1rem;
      border: 1px solid #ebebeb;
      font-size: 1.2rem;
      color: #222;
      background-color: transparent;
      cursor: pointer;
      -webkit-appearance: none
  }

  .custom-radio {
      position: relative
  }

  .custom-radio input {
      display: none
  }

  input[type=radio]~label {
      padding-left: 2.5rem
  }

  input[type=radio]~label:after,
  input[type=radio]~label:before {
      position: absolute;
      content: "";
      display: inline-block;
      border-radius: 50%;
      top: 50%;
      transform: translateY(-50%)
  }

  input[type=radio]~label:before {
      left: 0;
      width: 1.8rem;
      height: 1.8rem;
      background-color: #fff;
      border: 1px solid #cdcdcd
  }

  input[type=radio]~label:after {
      width: 0.8rem;
      height: 0.8rem;
      left: 0.5rem;
      background: #666;
      opacity: 0
  }

  input[type=radio]:checked~label:after {
      opacity: 1
  }

  .input-wrapper input.form-control {
      flex: 1;
      min-width: 40px;
      font-size: 1.2rem
  }

  .input-wrapper-inline {
      display: flex;
      position: relative;
      max-width: 61.3rem;
      width: 100%;
      height: 45px
  }

  .input-wrapper-inline .btn {
      line-height: 1
  }

  .input-wrapper-round {}

  .input-wrapper-round .form-control {
      position: relative;
      border-radius: 2.4rem
  }

  .input-wrapper-round .btn {
      border-radius: 2.4rem;
      line-height: 1
  }

  .input-wrapper-round.input-wrapper-inline .form-control {
      border-radius: 2.4rem 0 0 2.4rem
  }

  .input-wrapper-round.input-wrapper-inline .btn {
      border-radius: 0 2.4rem 2.4rem 0
  }

  .form-wrapper.form-wrapper-inline {
      display: flex;
      align-items: center;
      justify-content: space-between
  }

  .form-wrapper.form-wrapper-inline form {
      flex: 1 1 0
  }

  @media (max-width:991px) {
      .form-wrapper.form-wrapper-inline {
          display: block;
          text-align: center
      }
      .form-wrapper.form-wrapper-inline form {
          margin-left: auto;
          margin-right: auto
      }
  }

  .btn-absolute input.form-control {
      width: 100%;
      padding: 1rem 4rem 1rem 1.5rem;
      color: #666;
      font-size: 1.3rem
  }

  .btn-absolute .btn {
      position: absolute;
      width: auto;
      height: 100%;
      min-width: 4.3rem;
      right: 0;
      font-size: 1.7rem
  }

  .btn-absolute .btn:hover {
      color: #26c
  }

  .btn-absolute .btn i {
      margin-left: 0
  }

  .dark-theme .form-control:focus option {
      background-color: #fff
  }

  .icon-box .icon-box-title {
      margin: 0 0 0.7rem;
      text-transform: uppercase;
      font-size: 1.5rem;
      letter-spacing: -0.025em;
      line-height: 1.6
  }

  .icon-box p {
      margin: 0;
      font-size: 1.4rem;
      font-weight:100;
      line-height: 1.72;
      letter-spacing: 0;
      color: #373434;
      letter-spacing: 0.03em!important;
  }

  .icon-box i:before {
      margin: 0
  }

  .icon-box .icon-box-content {
      text-align: center
  }

  .icon-box-icon {
      display: inline-block;
      margin-bottom: 2.6rem;
      font-size: 3.4rem;
      font-weight: 600;
      line-height: 0;
      color: #222
  }

  .icon-box-icon svg {
      height: 3.4rem;
      width: 4.8rem
  }

  .icon-box-side {
      display: flex;
      align-items: center;
      justify-content: center
  }

  .icon-box-side .icon-box-content {
      text-align: left;
      font-family:Poppins, sans-serif;
  }

  .icon-box-side .icon-box-icon {
      margin-right: 1.5rem;
      margin-bottom: 0
  }

  .icon-box-side .icon-box-title {
      margin: 0
  }

  .icon-border .icon-box-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 5.2rem;
      height: 5.2rem;
      border-radius: 50%;
      border: 1px solid #222;
      font-size: 2.5rem
  }

  .icon-border svg {
      height: 2.4rem
  }

  .icon-inversed .icon-box-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 5rem;
      height: 5rem;
      border-radius: 50%;
      background-color: #26c;
      color: #fff;
      font-size: 2.5rem
  }

  .icon-inversed svg {
      height: 2.4rem;
      fill: white
  }

  .icon-solid .icon-box-icon {
      font-size: 4.8rem;
      color: #26c
  }

  .icon-solid svg {
      width: 5.4rem;
      height: 5.4rem;
      fill: #26c
  }

  .icon-solid.icon-box-side {
      align-items: flex-start
  }

  .icon-solid.icon-box-side svg {
      width: 4.8rem;
      height: 4.8rem
  }

  .icon-box-tiny .icon-box-icon {
      margin: 0 1rem 0 0;
      font-size: 2.8rem
  }

  .icon-box-tiny svg {
      height: 2.8rem;
      width: 2.8rem
  }

  .icon-box-tiny .icon-box-title {
      margin-bottom: 0;
      display: flex;
      align-items: center;
      justify-content: center
  }

  @media (max-width:991px) {
      .icon-box-side {
          flex-direction: column
      }
      .icon-box-side .icon-box-icon {
          display: inline-block;
          margin: 0 0 0rem 0;
          padding: 2rem
      }
      .icon-box-side .icon-box-content {
          text-align: center
      }
  }

  .menu-icon {
      display: inline-block;
      color: #fff;
      width: 1.7rem
  }

  .menu-icon:after,
  .menu-icon:before {
      display: block;
      content: "";
      width: 100%
  }

  .menu-icon:before {
      height: 6px;
      border-top: 2px solid;
      border-bottom: 2px solid
  }

  .menu-icon:after {
      height: 4px;
      border-bottom: 2px solid
  }

  .minicart-icon {
      display: inline-block;
      position: relative;
      width: 2.5em;
      height: 2.5em;
      margin-top: 1px;
      border: solid 2px;
      border-radius: 2px;
      text-align: center;
      transition: background 0.4s, border-color 0.4s
  }

  .minicart-icon:before {
      content: "";
      position: absolute;
      top: -0.75em;
      left: 0.585em;
      width: 1em;
      height: 0.5em;
      border-radius: 10px 10px 0 0;
      border: inherit;
      border-bottom: none;
      transition: transform 0.4s
  }

  .instagram {
      position: relative;
      overflow: hidden;
      border-radius: 0.3rem
  }

  .instagram a {
      display: block;
      position: relative;
      height: 100%
  }

  .instagram a:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background-color: #000;
      opacity: 0;
      transition: opacity 0.3s;
      z-index: 1
  }

  .instagram a:after {
      content: "";
      display: inline-block;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%) rotate(90deg) scale(2);
      font-size: 3rem;
      font-family: "riode";
      color: #fff;
      opacity: 0;
      transition: opacity 0.3s, transform 0.3s;
      z-index: 1
  }

  .instagram img {
      display: block;
      transition: transform 0.3s;
      width: 100%;
      height: auto
  }

  .instagram:hover a:before {
      opacity: 0.5
  }

  .instagram:hover a:after {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg) scale(1)
  }

  .instagram:hover img {
      transform: scale(1.15)
  }

  .instagram-info .instagram-content {
      position: absolute;
      left: 3rem;
      bottom: 3rem;
      font-size: 1.4rem;
      letter-spacing: 0;
      color: #fff;
      opacity: 0;
      z-index: 2;
      transition: opacity 0.3s
  }

  .instagram-info .instagram-content i {
      display: inline-block;
      margin-right: 0.8rem;
      vertical-align: middle;
      font-size: 1.6rem
  }

  .instagram-info .instagram-content .d-icon-comments:before {
      font-size: 1em
  }

  .instagram-info .instagram-content a {
      display: inline-block;
      color: #fff
  }

  .instagram-info .instagram-content a:not(:last-child) {
      margin-right: 2rem
  }

  .instagram-info .instagram-content a:before {
      content: none
  }

  .instagram-info:hover .instagram-content {
      opacity: 1
  }

  .member {
      text-align: center;
      margin-bottom: 2rem
  }

  .member img {
      display: block;
      width: 100%
  }

  .member figure {
      position: relative;
      margin-bottom: 1.5rem
  }

  .member-job,
  .member-name {
      text-transform: uppercase;
      font-size: 1.4rem;
      margin-bottom: 0
  }

  .member-job {
      font-size: 1.2rem;
      font-weight: 400;
      color: inherit;
      text-transform: none
  }

  /*.minipopup-area {
      position: fixed;
      left: 30px;
      bottom: 30px;
      z-index: 9999
  }

  .dark-theme .minipopup-box {
      background-color: #222
  }*/

  .dark-theme .minipopup-box .price-box>.product-price,
  .dark-theme .minipopup-box .product.product-cart .product-name,
  .dark-theme .minipopup-box .product.product-cart .product-quantity,
  .dark-theme .minipopup-box .product.product-compare .product-name,
  .dark-theme .minipopup-box .product.product-compare .product-quantity {
      color: #999
  }

  .dark-theme .minipopup-box .minipopup-title {
      color: #fff
  }

  .minipopup-box {
      position: absolute;
      left: -8rem;
      width: 303px;
      padding: 2rem;
      background-color: #fff;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
      transform: translateY(-100%);
      opacity: 0;
      transition: opacity 0.3s, left 0.3s ease-out, transform 0.3s;
      z-index: 9999
  }

  .minipopup-box.show {
      opacity: 1;
      left: 0
  }

  .minipopup-box.focus {
      transform: scale(0.98) translateY(-100%)
  }

  .minipopup-box .product.product-cart,
  .minipopup-box .product.product-compare {
      margin-top: 0
  }

  .minipopup-box .product.product-cart .product-name,
  .minipopup-box .product.product-compare .product-name {
      display: block;
      font-size: 1.4rem;
      margin-bottom: 3px;
      color: #000;
      font-weight: 400
  }

  .minipopup-box .product.product-cart,
  .minipopup-box .product.product-compare {
      margin-top: 0
  }

  .minipopup-box .product.product-cart .product-media,
  .minipopup-box .product.product-compare .product-media {
      margin-right: 1.7rem;
      height: 9rem
  }

  .minipopup-box .product.product-cart .product-detail,
  .minipopup-box .product.product-compare .product-detail {
      margin-top: 0.3rem
  }

  .minipopup-box .product.product-cart .product-name,
  .minipopup-box .product.product-compare .product-name {
      display: block;
      font-size: 1.4rem;
      margin-bottom: 1.1rem;
      color: #000;
      font-weight: 400;
      line-height: 1.4;
      letter-spacing: -0.025em
  }

  .minipopup-box .product.product-cart .product-name:hover,
  .minipopup-box .product.product-compare .product-name:hover {
      color: #26c
  }

  .minipopup-box .product.product-cart .product-price,
  .minipopup-box .product.product-compare .product-price {
      margin-bottom: -0.2rem;
      font-size: 1.3rem
  }

  .minipopup-box .product.product-cart .product-quantity,
  .minipopup-box .product.product-compare .product-quantity {
      margin-right: 0.7rem;
      font-size: 1.4rem;
      font-weight: 600;
      color: #222
  }

  .minipopup-box .product.product-cart .product-quantity:after,
  .minipopup-box .product.product-compare .product-quantity:after {
      margin: 0 0 -0.2rem 0.7rem;
      font-size: 1.2rem
  }

  .minipopup-box .product.product-cart.product-purchased .purchased-title,
  .minipopup-box .product.product-compare.product-purchased .purchased-title {
      margin-bottom: 1.9rem
  }

  .minipopup-box .product.product-cart.product-purchased .product-detail,
  .minipopup-box .product.product-compare.product-purchased .product-detail {
      margin-top: 0.1rem
  }

  .minipopup-box .product.product-cart.product-purchased .product-name,
  .minipopup-box .product.product-compare.product-purchased .product-name {
      margin-bottom: 1.2rem
  }

  .minipopup-box img {
      max-width: 9rem;
      max-height: 9rem
  }

  .minipopup-box .ratings-container {
      margin-bottom: 0
  }

  .minipopup-box .product-price {
      color: #26c;
      margin-bottom: 3px
  }

  .minipopup-box .action-group {
      justify-content: space-around;
      margin-top: 2rem
  }

  .minipopup-box .btn.btn-sm {
      padding: 0.92em 2.07em;
      font-weight: 600;
      letter-spacing: -0.025em;
      border-width: 1px
  }

  .minipopup-box .btn.btn-outline {
      margin-right: 0.7rem;
      padding: 0.92em 2.2em
  }

  .minipopup-title {
      margin-bottom: 1.5rem;
      color: #222;
      font-size: 1.5rem;
      font-weight: 700;
      text-align: center;
      letter-spacing: -0.035em;
      line-height: 1
  }

  .minipopup-title .btn {
      margin-left: 1rem
  }

  .purchased-time {
      color: #26c;
      font-size: 1.2rem
  }

  @media (max-width:479px) {
      .minipopup-area {
          left: 9px
      }
  }

  .overlay,
  .overlay-visible {
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      color: #fff;
      transition: padding 0.3s ease-out, background-color 0.3s, opacity 0.3s
  }

  .overlay {
      padding-top: 10rem;
      background: rgba(0, 0, 0, 0.3);
      opacity: 0
  }

  a>.overlay {
      cursor: pointer
  }

  figure:hover .overlay {
      padding-top: 0;
      opacity: 1
  }

  .overlay.social-links {
      flex-direction: row
  }

  .overlay .social-links {
      justify-content: center
  }

  .overlay a:hover {
      color: #fff;
      text-decoration: underline
  }

  .overlay a.social-link {
      border-color: #fff
  }

  .overlay .social-link:hover {
      color: #fff;
      text-decoration: none
  }

  figure:hover .overlay-visible {
      background: rgba(34, 102, 204, 0.9);
      padding-bottom: 9rem
  }

  .overlay-transparent {
      background: transparent
  }

  .overlay-dark,
  .overlay-effect1,
  .overlay-effect2,
  .overlay-effect3,
  .overlay-effect4,
  .overlay-light {
      overflow: hidden
  }

  .overlay-dark figure,
  .overlay-effect1 figure,
  .overlay-effect2 figure,
  .overlay-effect3 figure,
  .overlay-effect4 figure,
  .overlay-light figure {
      overflow: hidden
  }

  .overlay-dark .banner,
  .overlay-dark figure,
  .overlay-effect1 .banner,
  .overlay-effect1 figure,
  .overlay-effect2 .banner,
  .overlay-effect2 figure,
  .overlay-effect3 .banner,
  .overlay-effect3 figure,
  .overlay-effect4 .banner,
  .overlay-effect4 figure,
  .overlay-light .banner,
  .overlay-light figure {
      position: relative
  }

  .overlay-dark.banner:after,
  .overlay-dark figure:after,
  .overlay-dark figure>a:after,
  .overlay-effect1 figure:after,
  .overlay-effect1 figure>a:after,
  .overlay-effect1.banner:after,
  .overlay-effect2 figure:after,
  .overlay-effect2 figure>a:after,
  .overlay-effect2.banner:after,
  .overlay-effect3 figure:after,
  .overlay-effect3 figure>a:after,
  .overlay-effect3.banner:after,
  .overlay-effect4 figure:after,
  .overlay-effect4 figure>a:after,
  .overlay-effect4.banner:after,
  .overlay-light.banner:after,
  .overlay-light figure:after,
  .overlay-light figure>a:after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: #222;
      opacity: 0;
      transition: opacity 0.3s, background 0.3s, transform 0.3s
  }

  .overlay-dark.banner:hover:after,
  .overlay-dark:hover figure:after,
  .overlay-dark:hover figure>a:after,
  .overlay-effect1.banner:hover:after,
  .overlay-effect1:hover figure:after,
  .overlay-effect1:hover figure>a:after,
  .overlay-effect2.banner:hover:after,
  .overlay-effect2:hover figure:after,
  .overlay-effect2:hover figure>a:after,
  .overlay-effect3.banner:hover:after,
  .overlay-effect3:hover figure:after,
  .overlay-effect3:hover figure>a:after,
  .overlay-effect4.banner:hover:after,
  .overlay-effect4:hover figure:after,
  .overlay-effect4:hover figure>a:after,
  .overlay-light.banner:hover:after,
  .overlay-light:hover figure:after,
  .overlay-light:hover figure>a:after {
      opacity: 0.2
  }

  .overlay-dark.banner-fixed:after,
  .overlay-dark.post>figure:after,
  .overlay-effect1.banner-fixed:after,
  .overlay-effect1.post>figure:after,
  .overlay-effect2.banner-fixed:after,
  .overlay-effect2.post>figure:after,
  .overlay-effect3.banner-fixed:after,
  .overlay-effect3.post>figure:after,
  .overlay-effect4.banner-fixed:after,
  .overlay-effect4.post>figure:after,
  .overlay-light.banner-fixed:after,
  .overlay-light.post>figure:after {
      content: none
  }

  .overlay-dark.post>figure>a:after,
  .overlay-effect1.post>figure>a:after,
  .overlay-effect2.post>figure>a:after,
  .overlay-effect3.post>figure>a:after,
  .overlay-effect4.post>figure>a:after,
  .overlay-light.post>figure>a:after {
      z-index: 1
  }

  .overlay-effect2 figure:before,
  .overlay-effect2 figure>a:before,
  .overlay-effect2.banner:before,
  .overlay-effect4 figure:before,
  .overlay-effect4 figure>a:before,
  .overlay-effect4.banner:before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background-color: #fff;
      opacity: 0.2;
      transition: opacity 0.5s ease, transform 0.5s ease
  }

  .overlay-effect2.banner-fixed:before,
  .overlay-effect2.post>figure:before,
  .overlay-effect4.banner-fixed:before,
  .overlay-effect4.post>figure:before {
      content: none
  }

  .banner.overlay-light figure:after,
  .overlay-light figure>a:after {
      background: #ccc
  }

  .banner.overlay-dark figure:after,
  .overlay-dark figure>a:after {
      background: #222
  }

  .overlay-zoom {
      overflow: hidden
  }

  .overlay-zoom figure {
      overflow: hidden
  }

  .overlay-zoom img {
      transition: transform 0.3s
  }

  .overlay-zoom:hover img {
      transform: scale(1.08)
  }

  .overlay-effect1:hover:after,
  .overlay-effect1:hover figure:after,
  .overlay-effect1:hover figure>a:after {
      transform: scale(1, 1);
      visibility: visible;
      opacity: 0;
      transition: transform 0.5s linear, opacity 0.5s linear
  }

  .overlay-effect1 figure:after,
  .overlay-effect1 figure>a:after {
      transform: scale(0, 1);
      opacity: 0.4;
      background-color: #fff;
      visibility: hidden
  }

  .overlay-effect2:hover:after,
  .overlay-effect2:hover:before,
  .overlay-effect2:hover figure:after,
  .overlay-effect2:hover figure:before,
  .overlay-effect2:hover figure>a:after,
  .overlay-effect2:hover figure>a:before {
      opacity: 0;
      transform: none
  }

  .overlay-effect2 figure:after,
  .overlay-effect2 figure>a:after {
      transform: translateX(-100%);
      background-color: #fff;
      opacity: 0.2;
      transition: transform 0.9s ease, opacity 0.9s ease
  }

  .overlay-effect2 figure:before,
  .overlay-effect2 figure>a:before {
      transform: translateX(100%);
      transition: transform 0.9s ease, opacity 0.9s ease
  }

  .overlay-effect3:hover:after,
  .overlay-effect3:hover figure:after,
  .overlay-effect3:hover figure>a:after {
      top: 100%;
      left: -100%;
      transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 200%, 0)
  }

  .overlay-effect3 figure:after,
  .overlay-effect3 figure>a:after {
      left: 50%;
      width: 120%;
      height: 60px;
      background-color: #fff;
      transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
      transition: 0.5s linear, top 0.5s linear, left 0.5s linear
  }

  .overlay-effect4:hover:after,
  .overlay-effect4:hover:before,
  .overlay-effect4:hover figure:after,
  .overlay-effect4:hover figure:before,
  .overlay-effect4:hover figure>a:after,
  .overlay-effect4:hover figure>a:before {
      transform: scale(1, 1)
  }

  .overlay-effect4 figure:after,
  .overlay-effect4 figure>a:after {
      transform: scale(0, 1);
      background-color: #fff
  }

  .overlay-effect4 figure:before,
  .overlay-effect4 figure>a:before {
      transform: scale(1, 0);
      transition: transform 0.3s
  }

  .overlay-filter img {
      transition: filter 0.4s
  }

  .overlay-blur:hover img {
      filter: blur(4px)
  }

  .overlay-brightness:hover img {
      filter: brightness(1.5)
  }

  .overlay-contrast:hover img {
      filter: contrast(1.5)
  }

  .overlay-grayscale:hover img {
      filter: grayscale(1)
  }

  .overlay-hue:hover img {
      filter: hue-rotate(270deg)
  }

  .overlay-opacity:hover img {
      filter: opacity(0.5)
  }

  .overlay-saturate:hover img {
      filter: saturate(3)
  }

  .overlay-sepia:hover img {
      filter: sepia(0.5)
  }

  .particle-effect {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
  }

  .snowfall {
      background-image: url(../images/effects/s1.png), url(../images/effects/s2.png), url(../images/effects/s3.png);
      animation: snow 10s linear infinite;
      z-index: 1
  }

  @keyframes snow {
      0% {
          background-position: 0px 0px, 0px 0px, 0px 0px
      }
      50% {
          background-position: 500px 500px, 100px 300px, -200px 250px
      }
      to {
          background-position: 400px 800px, 300px 600px, -200px 400px
      }
  }

  .sparkle {
      background-image: url(../images/effects/sparkle1.png), url(../images/effects/sparkle2.png);
      animation: sparkle 60s linear infinite
  }

  @keyframes sparkle {
      0% {
          background-position: 0px 0px, 0px 0px, 0px 0px
      }
      to {
          background-position: -500px -1000px, -400px -400px, 300px 300px
      }
  }

  @keyframes kenBurnsToRight {
      0% {
          transform: scale(1.2)
      }
      to {
          transform: scale(1)
      }
  }

  @keyframes kenBurnsToLeft {
      0% {
          transform: scale(1.2)
      }
      to {
          transform: scale(1)
      }
  }

  .kenBurnsToRight {
      animation-name: kenBurnsToRight;
      animation-timing-function: linear;
      animation-fill-mode: both;
      transform-origin: right
  }

  .kenBurnsToLeft {
      animation-name: kenBurnsToLeft;
      animation-timing-function: linear;
      animation-fill-mode: both;
      transform-origin: left
  }

  .kenBurnsToLeftTop {
      animation-name: kenBurnsToLeft;
      animation-timing-function: linear;
      animation-fill-mode: both;
      transform-origin: left top
  }

  .kenBurnsToRightTop {
      animation-name: kenBurnsToRight;
      animation-timing-function: linear;
      animation-fill-mode: both;
      transform-origin: right top
  }

  .page-subtitle {
      margin-bottom: 0.5rem;
      text-transform: uppercase;
      font-size: 2rem;
      line-height: 1.2
  }

  .page-title {
      margin-bottom: 0;
      text-transform: uppercase;
      font-size: 4rem;
      line-height: 1.125;
      color: #222
  }

  .page-title+.breadcrumb {
      padding: 1em 0
  }

  .breadcrumb-nav .breadcrumb {
      padding: 1.4rem 0
  }

  .breadcrumb-nav .breadcrumb li:not(:last-child):after {
      margin-left: 0.8rem;
      opacity: 0.5
  }

  .breadcrumb {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      color: #666;
      font-family: Poppins, sans-serif;
      font-size: 1.4rem
  }

  .breadcrumb a {
      color: inherit
  }

  .breadcrumb a:hover {
      color: #222
  }

  .breadcrumb li:not(:last-child) a {
      color: #999;
      transition: color 0.3s
  }

  .breadcrumb li:hover:not(:last-child) a {
      color: #222
  }

  .breadcrumb .delimiter {
      margin: 0 0.7em;
      font-size: 1.19rem;
      opacity: 0.5
  }

  .breadcrumb li:not(:last-child):after {
      content: "";
      position: relative;
      margin: 0 0.6em;
      font-size: 1.2rem;
      font-weight: 600;
      font-family: "Font Awesome 5 Free";
      color: #999
  }

  .breadcrumb li:last-child {
      color: #222
  }

  .breadcrumb-sm {
      padding: 1.1rem 0;
      color: inherit
  }

  .breadcrumb-sm li:last-child {
      color: inherit
  }

  .page-header {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 250px;
      padding: 3em 1em;
      background-color: #C8C3BF;
      background-position: center;
      background-size: cover;
      text-align: center;
      color: #222
  }

  .page-header .breadcrumb {
      justify-content: center
  }

  .page-header .breadcrumb li:not(:last-child):after {
      content: none
  }

  .page-header>.breadcrumb li,
  .page-header>.breadcrumb li a,
  .page-header>.page-subtitle,
  .page-header>.page-title {
      color: #fff
  }

  .page-header>.breadcrumb li:not(:last-child) a {
      opacity: 0.5;
      transition: opacity 0.3s
  }

  .page-header>.breadcrumb li:hover a {
      color: #fff;
      opacity: 1
  }

  @media (max-width:767px) {
      .page-title {
          font-size: 3.6rem
      }
  }

  .pagination {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      font-size: 1.4rem;
      letter-spacing: 0.01em;
      justify-content: center;
      color: #222
  }

  .page-link-next i,
  .page-link-prev i {
      font-size: 1.9rem
  }

  .page-link-prev i {
      margin-right: 0.5rem
  }

  .page-link-next i {
      margin-left: 0.5rem
  }

  .page-link {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 3rem;
      height: 4rem;
      padding: 0 0.3rem;
      line-height: 1;
      background-color: transparent;
      border: 0.1rem solid transparent;
      transition: border 0.3s
  }

  .active>.page-link,
  :hover:not(.disabled)>.page-link {
      border-color: #dadada;
      color: #222
  }

  .disabled>.page-link {
      color: #aaa
  }

  .page-link-next,
  .page-link-prev {
      min-width: 8rem;
      padding: 1.2rem
  }

  .page-item:not(:last-child) {
      margin-right: 0.5rem
  }

  .page-item-dots {
      white-space: nowrap
  }

  .page-item-dots:before {
      content: "...";
      margin-top: -0.9em;
      margin-right: 0.5rem;
      display: inline-block;
      vertical-align: middle
  }

  .show-info {
      margin: 0;
      color: #222
  }

  .show-info span {
      margin: 0 0.5rem;
      color: #222
  }

  .page-item-total {
      margin-right: 0.5rem
  }

  @media (min-width:576px) {
      .page-item-dots,
      .page-item-total {
          margin-right: 2rem
      }
  }

  .dark-theme .show-info {
      color: #999
  }

  .mfp-wrap {
      z-index: 3000
  }

  .mfp-bg {
      z-index: 3000;
      background: #000;
      opacity: 0;
      transition: opacity 0.3s ease-out
  }

  .mfp-bg.mfp-ready {
      opacity: 0.7
  }

  .mfp-bg.mfp-removing {
      opacity: 0
  }

  .mfp-container {
      padding: 4rem 2rem
  }

  .mfp-container video {
      width: 100%;
      height: 100%
  }

  .mfp-close {
      transform: rotateZ(45deg);
      transition: transform 0.3s;
      width: 18px;
      height: 18px;
      opacity: 1
  }

  .mfp-wrap .mfp-close {
      top: 20px;
      right: 20px
  }

  .mfp-content .mfp-close {
      top: -25px;
      right: 0
  }

  .mfp-iframe-holder .mfp-close,
  .mfp-image-holder .mfp-close {
      top: 15px;
      right: 0
  }

  .mfp-close span {
      display: none
  }

  .mfp-close:after,
  .mfp-close:before {
      content: "";
      display: block;
      position: absolute;
      background-color: #fff;
      width: 2px;
      height: 100%;
      top: 0;
      left: calc(50% - 1px)
  }

  .mfp-close:before {
      width: 100%;
      height: 2px;
      top: calc(50% - 1px);
      left: 0
  }

  .mfp-close:focus,
  .mfp-close:hover {
      transform: rotateZ(135deg) scale(1.5)
  }

  .mfp-arrow,
  .pswp__button--arrow--left,
  .pswp__button--arrow--right {
      width: 4.8rem;
      height: 4.8rem;
      color: #fff;
      border-radius: 50%;
      font-size: 2.4rem;
      font-weight: 900;
      font-family: "riode";
      text-align: center;
      opacity: 0.5;
      right: 10%;
      transition: opacity 0.3s;
      border: 2px solid
  }

  .pswp__ui>button:before {
      background: transparent;
      position: static;
      line-height: 44px
  }

  .pswp__ui>button.pswp__button--arrow--left:before {
      margin-right: 3px
  }

  .pswp__ui>button.pswp__button--arrow--right:before {
      margin-left: 3px
  }

  .pswp__ui>button:hover {
      opacity: 1
  }

  .pswp__button--arrow--right:before {
      content: "";
      font-family: "riode"
  }

  .mfp-arrow:after,
  .mfp-arrow:before {
      content: "";
      position: static;
      display: inline;
      margin: 0;
      border: 0
  }

  .mfp-arrow:after {
      content: none
  }

  button.mfp-arrow {
      border: 2px solid
  }

  .mfp-arrow-left,
  .pswp__button--arrow--left {
      left: 10%
  }

  .mfp-arrow-left:before,
  .pswp__button--arrow--left:before {
      content: "";
      font-family: "riode"
  }

  .mfp-content>* {
      position: relative;
      margin: auto;
      background-color: #fff;
      box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
      opacity: 0
  }

  .mfp-ready .mfp-content>* {
      opacity: 1
  }

  .mfp-removing .mfp-content>* {
      opacity: 0
  }

  /*.login-popup {
      max-width: 490px;
      padding: 4rem;
      border-radius: 0.3rem
  }*/

  .login-popup .tab {
      font-size: 1.8rem;
      color: #ccc
  }
.text-end{
	text-align:end;
}
	.btn.hover:hover{
	background-color:#000;
	}
  .login-popup .tab .nav-item {
      flex: none
  }

  .login-popup .nav-item .nav-link {
      padding: 0 0 1px;
      color: #999;
      font-size: 1.8rem;
      font-weight: 700;
      letter-spacing: 0.025em!important;
      line-height: 2.43;
      transition: font-size 0.3s, color 0.3s
  }
p.signup{
	    font-size: 17px;
    font-weight: 500;
    color: #ee6623;
}

  .login-popup .nav-item .nav-link.active {
      font-size: 3rem
  }

  .login-popup .delimiter {
      margin: 0 0.8rem
  }

  .login-popup .tab-pane {
      padding: 0
  }

  .login-popup form {
      margin-bottom: 1.2rem
  }

  .login-popup .form-group {
      margin-bottom: 1.8rem
  }

  .login-popup .form-group label {
      display: inline-block;
      margin-bottom: 8px;
      font-size: 1.3rem;
      line-height: 1
  }

  .login-popup .form-group .form-control {
      padding: 1.2rem 1.5rem 1.1rem;
      height: 3.7rem;
      font-size: 1.3rem;
      color: #999;
      border-radius: 0.3rem;
      border-color: #e1e1e1
  }

  .login-popup .form-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-bottom: 2.3rem;
      font-size: 1.2rem
  }

  .login-popup .custom-checkbox+label {
      padding-left: 2.6rem
  }

  .login-popup .btn {
         /*height: 4.7rem;*/
    padding: 15px 35px;
    border-radius: 100vmax;
    font-size: 1.3rem;
  }
 .btn-center {
    text-align: center;
}
.tab .nav>li>a:focus,.tab .nav>li>a:hover{
	background-color:transparent!important;
}
.login-popup .btn:hover{
	background-color:#EF6523;
	border:1px solid #EF6523;
}
  .login-popup .lost-link {
          text-align: right;
    color: #5e5a5a;
    font-size: 1.2rem;
    font-size: 16px;
    font-weight: 600;
  }

  .login-popup .lost-link:hover {
      color: #ee6623;
  }

  .login-popup .form-choice label {
      display: flex;
      align-items: center;
      margin-bottom: 1.3rem;
      font-size: 1.2rem;
      color: #666
  }

  .login-popup .form-choice label:after,
  .login-popup .form-choice label:before {
      content: "";
      height: 1px;
      flex: 1;
      background: #e1e1e1
  }

  .login-popup .form-choice label:after {
      margin-left: 3rem
  }

  .login-popup .form-choice label:before {
      margin-right: 3rem
  }

  .login-popup .social-link {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 3.6rem;
      height: 3.6rem;
      font-size: 1.4rem;
      border-radius: 0.3rem;
      color: #fff
  }

  .login-popup .social-link.social-google {
      background-color: #db402c
  }

  .login-popup .social-link.social-facebook {
      background-color: #3b5998
  }

  .login-popup .social-link.social-twitter {
      background-color: #1ab2e8
  }

  .container>.login-popup {
      margin: 0 auto;
     box-shadow: 0 0 10px #c89262;
    font-family: Poppins, sans-serif;
  }

  .newsletter-popup {
      text-align: center;
      background-size: cover;
      border-radius: 1rem
  }

  .newsletter-popup .btn {
      min-width: auto;
      padding: 0.5em 1.5em;
      font-size: 1.3rem
  }

  .newsletter-popup p {
      max-width: 100%;
      margin: 0 0.2rem 2.5rem;
      font-size: 1.4rem;
      line-height: 1.7
  }

  .newsletter-popup label {
      display: inline;
      font-size: 1.2rem
  }

  .newsletter-popup label:before {
      border-color: #666
  }

  .newsletter-popup .email {
      border: 0;
      color: #999;
      background: #f4f4f4
  }

  .newsletter-popup .form-control {
      border: 1px solid #222;
      background-color: #fff;
      border-right: none
  }

  .newsletter-popup .input-wrapper-inline {
      margin-bottom: 2.6rem;
      height: 4.6rem
  }

  .newsletter-popup .input-wrapper-inline .form-control {
      margin: 0;
      padding-left: 1.2rem;
      padding-right: 1.2rem;
      border-radius: 0.3rem 0 0 0.3rem
  }

  .newsletter-popup .input-wrapper-inline .btn {
      margin: 0;
      border-radius: 0 0.3rem 0.3rem 0
  }

  .newsletter-popup .custom-checkbox+label {
      padding-left: 2.6rem
  }

  .newsletter-pop1 {
      display: flex;
      max-width: 72rem;
      background-position: 60% center
  }

  .newsletter-pop1 h4 {
      margin-bottom: 0.6rem;
      font-size: 2rem;
      font-weight: 800;
      line-height: 1.2
  }

  .newsletter-pop1 h2 {
      margin-bottom: 0.7rem;
      font-size: 3.2rem;
      line-height: 1.2;
      letter-spacing: -0.04375em
  }

  .newsletter-pop1 h2 span {
      font-weight: 800
  }

  .newsletter-pop1 .newsletter-content {
      margin-left: auto;
      max-width: 41.4rem;
      padding: 7.1rem 4.2rem 5rem
  }

  @media (max-width:767px) {
      .newsletter-pop1 .newsletter-content {
          max-width: 36rem;
          padding-left: 2rem;
          padding-right: 2rem
      }
      .newsletter-pop1 .login-popup {
          max-width: 500px;
          padding: 3.5rem 2rem
      }
  }

  @media (max-width:575px) {
      .newsletter-pop1 {
          background-image: none!important
      }
      .newsletter-pop1 .newsletter-content {
          margin-left: auto;
          margin-right: auto
      }
  }

  .newsletter-pop2 {
      max-width: 50rem
  }

  .newsletter-pop2 img {
      border-radius: 1rem 1rem 0 0;
      min-height: 200px;
      object-fit: cover
  }

  .newsletter-pop2 h2 {
      margin: 2.5rem 0 0.5rem;
      font-size: 24px;
      line-height: 1.25
  }

  .newsletter-pop2 p {
      font-size: 14px;
      line-height: 1.7
  }

  .newsletter-pop2 .input-wrapper-inline {
      max-width: 38rem;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 17px
  }

  .newsletter-pop2 .social-links {
      margin: 1.7rem 0 3rem
  }

  .newsletter-pop2 .social-link:not(:hover),
  .newsletter-pop2 .social-link:not(:hover):before {
      color: #999
  }

  .newsletter-pop2 .newsletter-content {
      padding: 0 2rem
  }

  .newsletter-pop3 {
      border-radius: 1rem;
      max-width: 54rem;
      padding: 5.4rem 4rem 2.8rem
  }

  .newsletter-pop3 h2 {
      font-size: 24px;
      line-height: 1.25;
      margin-bottom: 0
  }

  .newsletter-pop3 p {
      margin: 8px 21px 24px;
      font-size: 14px;
      line-height: 1.7
  }

  .newsletter-pop3 .input-wrapper-inline {
      flex-direction: column;
      align-items: center;
      height: unset;
      margin-bottom: 4.8rem
  }

  .newsletter-pop3 .input-wrapper-inline .btn {
      margin-top: 2rem;
      padding: 1.4rem 4.4rem;
      border-radius: 0.3rem
  }

  .newsletter-pop3 .form-control {
      border: 1px solid #e1e1e1;
      max-width: 46rem
  }

  .newsletter-pop3 .form-control::placeholder {
      text-align: center
  }

  .newsletter-pop3 .form-check {
      justify-content: space-between;
      align-items: center
  }

  .newsletter-pop3 .form-privacy {
      text-decoration: underline
  }

  @media (max-width:575px) {
      .newsletter-pop3 {
          padding: 5.4rem 2rem 2.8rem
      }
      .newsletter-pop3 p {
          margin: 8px 5px 24px
      }
      .newsletter-pop3 .form-check {
          flex-direction: column
      }
  }

  .newsletter-pop4 {
      position: relative;
      border-radius: 100%;
      background: transparent;
      max-width: 580px;
      height: 580px
  }

  .newsletter-pop4:before {
      position: absolute;
      content: "";
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      border-radius: 100%;
      background-color: #191919;
      opacity: 0.6
  }

  .newsletter-pop4 h4 {
      font-size: 26px;
      line-height: 1.15;
      margin-bottom: 0
  }

  .newsletter-pop4 h2 {
      font-size: 36px;
      line-height: 1.5
  }

  .newsletter-pop4 p {
      font-size: 14px;
      line-height: 1.7
  }

  .newsletter-pop4 .input-wrapper-inline {
      max-width: 40.6rem;
      margin-left: auto;
      margin-right: auto
  }

  .newsletter-pop4 .input-wrapper-inline .form-control {
      border-color: #fff;
      border-radius: 23px 0 0 23px
  }

  .newsletter-pop4 .input-wrapper-inline .btn {
      border-radius: 0 23px 23px 0
  }

  @media (max-width:490px) {
      .newsletter-pop4 {
          padding: 0 2rem
      }
      .newsletter-pop4:before {
          border-radius: 100px
      }
      .newsletter-pop4 h4 {
          margin-bottom: 2.5rem
      }
  }

  .newsletter-pop5 {
      position: relative;
      max-width: 50rem
  }

  .newsletter-pop5>figure img {
      min-height: 57rem;
      object-fit: cover
  }

  .newsletter-pop5 h2 {
      font-weight: 32px;
      line-height: 1
  }

  .newsletter-pop5 p {
      font-size: 14px;
      line-height: 1.7;
      margin-bottom: 23px
  }

  .newsletter-pop5 .newsletter-content {
      top: 51%;
      left: 50%;
      max-width: 100%;
      transform: translateX(-50%)
  }

  .newsletter-pop5 .form-control {
      border-color: #e1e1e1
  }

  .newsletter-pop5 .input-wrapper-inline {
      width: 38rem;
      max-width: 100%;
      margin-bottom: 18px
  }

  .newsletter-pop5 .form-checkbox {
      margin-bottom: 26px
  }

  .newsletter-pop5 .social-links {
      position: relative
  }

  .newsletter-pop5 .social-links:after,
  .newsletter-pop5 .social-links:before {
      position: absolute;
      content: "";
      top: 50%;
      border-top: 1px solid #e1e1e1;
      width: 10.6rem
  }

  .newsletter-pop5 .social-links:before {
      left: -100%
  }

  .newsletter-pop5 .social-links:after {
      right: -100%
  }

  .newsletter-pop5 .social-links .social-link {
      width: 36px;
      height: 36px;
      line-height: 36px;
      border: none;
      border-radius: 3px;
      color: #fff
  }

  .newsletter-pop5 .social-links .fa-google {
      background-color: #db402c
  }

  .newsletter-pop5 .social-links .social-link.social-linkedin:hover {
      background: #db552c;
      border-color: #db552c
  }

  .newsletter-pop5 .social-links .fa-facebook-f {
      background-color: #3b5998
  }

  .newsletter-pop5 .social-links .fa-twitter {
      background-color: #1ab2e8
  }

  @media (max-width:575px) {
      .newsletter-pop5 .social-links:after,
      .newsletter-pop5 .social-links:before {
          display: none
      }
      .newsletter-pop5 h2 {
          line-height: 1.1
      }
      .newsletter-pop5 .newsletter-content {
          top: 45%;
          padding: 0 2rem
      }
  }

  .mfp-product .mfp-container {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 4rem 2rem 4rem
  }

  .mfp-product .mfp-content {
      max-width: 98.8rem;
      margin: auto
  }

  .mfp-product .product {
      background-color: #fff;
      margin-bottom: 2rem;
      padding: 3rem 1.5rem;
      border-radius: 1rem
  }

  .mfp-product .product-single .product-details {
      padding: 0
  }

  .mfp-product .product-details {
      position: absolute;
      overflow-y: auto;
      height: 100%;
      top: 0
  }

  .mfp-product .mfp-close {
      position: absolute;
      top: -2.7rem;
      right: 0
  }

  .mfp-product .owl-nav .owl-next,
  .mfp-product .owl-nav .owl-prev {
      width: 3.6rem;
      height: 3.6rem;
      font-size: 3rem
  }

  .mfp-product .owl-nav .owl-next {
      right: 1rem
  }

  .mfp-product .owl-nav .owl-prev {
      left: 1rem
  }

  .dark-theme .mfp-content .product-divider {
      border-color: #e1e1e1
  }

  .dark-theme .mfp-content .product {
      background-color: #222
  }

  .dark-theme .newsletter-popup .form-privacy,
  .dark-theme .newsletter-popup label {
      color: #999
  }

  .pswp__bg {
      background-color: rgba(0, 0, 0, 0.7)
  }

  .pswp__img--placeholder--blank {
      background-color: #F2F3F5
  }

  .pswp__ui--fit .pswp__caption,
  .pswp__ui--fit .pswp__top-bar {
      background-color: transparent
  }

  .pswp__caption__center {
      text-align: center
  }

  .mfp-ready.mfp-zoom-popup .mfp-content {
      transform: scale(1)
  }

  .mfp-removing.mfp-zoom-popup .mfp-content,
  .mfp-zoom-popup .mfp-content {
      transition: 0.2s ease-in-out;
      transform: scale(0.8)
  }

  .mfp-ready.mfp-flip-popup .mfp-content {
      transform: translateY(0) perspective(600px) rotateX(0)
  }

  .mfp-flip-popup .mfp-content,
  .mfp-removing.mfp-flip-popup .mfp-content {
      transition: 0.3s ease-out;
      transform: translateY(-20px) perspective(600px) rotateX(20deg)
  }

  .mfp-content video {
      width: 100%;
      height: 100%
  }

  .mfp-video-popup .mfp-content {
      max-width: 1000px
  }

  .mfp-video-popup {
      z-index: 10000
  }

  .mfp-img-popup .mfp-content {
      width: unset
  }

  @media (max-width:767px) {
      .mfp-product .product {
          padding: 2rem 1rem
      }
      .mfp-arrow {
          color: #444
      }
      .mfp-product .product-details {
          position: relative
      }
  }

  @media (min-width:768px) {
      .mfp-product .row {
          margin: 0 -1.5rem
      }
      .mfp-product .row>.col-md-6 {
          padding-left: 1.5rem;
          padding-right: 1.5rem
      }
      .mfp-product .product-gallery {
          margin-bottom: 0
      }
      .mfp-product .pr-md-3 {
          padding-right: 1.5rem!important
      }
  }

  .equal-height .product {
      height: 100%
  }

  .product-shadow {
      transition: box-shadow 0.3s
  }

  .product-shadow:hover {
      box-shadow: 0 15px 25px -20px rgba(0, 0, 0, 0.5)
  }

  .product-label-round .product-label {
      padding: 0.5rem 1.1rem;
      border-radius: 1rem
  }

  .text-center .product-details {
      padding-left: 0.5rem;
      padding-right: 0.5rem
  }

  .product-wrap {
      margin-bottom: 2rem
  }

  .product {
      position: relative;
      overflow: hidden;
      font-family: Poppins, sans-serif;
      font-size: 1.4rem;
      color: #999;
      transition: 0.3s;

  }
  .product.top-categories{
      border: 1px solid #c1c3c3;
      border-radius: 10px;
  }

  .product:hover .product-action,
  .product:hover .product-action-vertical {
      visibility: visible;
      opacity: 1
  }

  .product-media:hover img:first-child {
      opacity: 0
  }

  .product-media:hover img:last-child {
      opacity: 1
  }

  .product-media {
      position: relative;
      margin-bottom: 0;
      transition: box-shadow 0.3s
  }
  .product-media:after{

  }

  .product-media img {
      display: block;
      width: 100%;
      height: auto;
      transition: all 0.5s
  }

  .product-media img:last-child {
      position: absolute;
      opacity: 0;
      left: 0;
      right: 0;
      top: 0;
      left: 0;
      object-fit: cover
  }

  .product-media img:first-child {
      position: relative;
      opacity: 1
  }

  .product-label-group {
      display: flex;
      flex-direction: column;
      position: absolute;
      left: 2rem;
      top: 2rem;
      max-width: 10rem
  }

  .product-label {
      display: inline-block;
      text-align: center;
      margin-bottom: 0.5rem;
      padding: 0.5rem 1.1rem;
      font-size: 1.1rem;
      border-radius: 2px;
      font-weight: 600;
      line-height: 1;
      color: #fff;
      text-transform: uppercase
  }

  .product-label.label-new {
      background: #EF6523;
  }

  .product-label.label-sale {
      background: #d26e4b
  }

  .product-label.label-top {
      background: #26c
  }

  .product-label.label-stock {
      background: #999
  }

  .btn-product-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 3.6rem;
      height: 3.6rem;
      margin-bottom: 0.5rem;
      border: 1px solid #e1e1e1;
      border-radius: 50%;
      background-color: #fff;
      color: #999;
      font-size: 1.6rem;
      font-weight: 700;
      transition: border-color 0.3s, color 0.3s, background-color 0.3s
  }

  .btn-product-icon:hover {
      border-color: #EF6523;
      color: #fff;
      background-color: #EF6523;
  }

  .btn-product-icon:not(.btn-wishlist) i {
      margin-bottom: 2px
  }

  .btn-product-icon.btn-quickview i {
      font-size: inherit
  }

  .btn-product-icon.btn-compare i {
      font-size: 1.8rem
  }

  .btn-product {
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 1;
      padding: 1.14em 0;
      background-color: #26c;
      color: #fff;
      font-family: Poppins, sans-serif;
      font-size: 1.4rem;
      font-weight: 700;
      line-height: 1.2;
      letter-spacing: -0.025em;
      text-transform: uppercase;
      transition: opacity 0.3s
  }

  .btn-product:hover {
      color: #fff
  }

  .btn-quickview {
      opacity: 0.8;
      transition: opacity 0.3s
  }

  .btn-quickview:hover {
      opacity: 1
  }

  .btn-quickview i {
      font-size: 1.4rem
  }

  .btn-wishlist {
      line-height: 1
  }

  .btn-wishlist.loading:after,
  .btn-wishlist.loading:before {
      z-index: 1
  }

  .product-action-vertical {
      position: absolute;
      top: 15px;
      right: 15px;
      transition: opacity 0.3s, visibility 0.3s;
      opacity: 0;
      visibility: hidden
  }

  .product-action-vertical .btn-wishlist.loading {
      overflow: hidden
  }

  .product-action {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      align-items: center;
      background-color: transparent;
      z-index: 10;
      transition: opacity 0.3s, visibility 0.3s;
      opacity: 0
  }

  .product-details {
      position: relative;
      background-color: #fff;
      padding-top: 1.4rem;
      padding-bottom: 2rem
  }

  .product-details>.btn-wishlist {
      position: absolute;
      top: 1.2rem;
      right: 0;
      color: #999;
      z-index: 1;
      font-size: 1.6rem
  }

  .product-details>.btn-wishlist i {
      display: inline-block;
      margin: 0;
      transition: transform 0.3s
  }

  .product-details>.btn-wishlist:hover {
      color: #26c
  }

  .product-details>.btn-wishlist:hover i {
      transform: rotateY(180deg)
  }

  .product-details>:last-child {
      margin-bottom: 0
  }

  .product-details .product-action {
      position: relative;
      opacity: 1;
      visibility: visible
  }

  .product-cat {
      margin-bottom: 0.5rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1;
      text-transform: uppercase;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden
  }

  .product-cat a:hover {
      color: #EF6523;
  }

  .product-name {
      margin-bottom: 0.3rem;
      font-family: inherit;
      font-size: 1.4rem;
      font-weight: 400;
      letter-spacing: -0.01em;
      color: #666;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
  }

  .product-name a:hover {
      color: #EF6523;
  }

  .product-price {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: block;
      align-items: center;
      flex-wrap: wrap;
      margin-bottom: 0.3rem;
      font-size: 1.6rem;
      font-weight: 600;
      line-height: 1.86;
      color: #222
  }

  .product-price .old-price {
      color: #aaa
  }

  .product-price .new-price {
      margin-right: 1rem;
      text-decoration: none
  }

  .dark-theme .old-price {
      color: #666
  }

  .dark-theme .product.product-with-qty .quantity,
  .dark-theme .product.product-with-qty button {
      color: #999
  }

  .dark-theme .rating-reviews {
      color: #999
  }

  .dark-theme .ratings-full:before {
      color: #666
  }

  .ratings-container {
      display: flex;
      align-items: center;
      margin-left: 1px;
      line-height: 1.1;
      margin-bottom: 1.2rem;
      font-size: 11px;
      letter-spacing: 0.2em
  }

  .ratings-full {
      cursor: pointer
  }

  .ratings,
  .ratings-full {
      position: relative;
      font-family: "riode"
  }

  .ratings-full+.rating-reviews {
      margin-left: 1rem
  }

  .ratings-full:before {
      content: "" "" "" "" "";
      color: rgba(0, 0, 0, 0.16);
      font-family: "riode"
  }

  .ratings-full:hover .tooltiptext {
      visibility: visible;
      opacity: 1
  }

  .ratings {
      position: absolute;
      top: 0;
      left: 0;
      white-space: nowrap;
      overflow: hidden
  }

  .ratings:before {
      content: "" "" "" "" "";
      color: #d26e4b;
      font-family: "riode"
  }

  .rating-reviews {
      margin: 2px 0;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 1.1rem;
      color: #aaa;
      letter-spacing: 0;
      text-transform: capitalize
  }

  .rating-reviews:hover {
      color: #EF6523;
  }

  .product-variations {
      display: flex
  }

  .ratings-container+.product-variations {
      margin-top: -5px
  }

  .product-variations>a:not(.size-guide) {
      display: inline-block;
      position: relative;
      margin: 3px 5px 3px 0;
      padding: 0 5px;
      border-radius: 2px;
      background-color: transparent;
      background-size: cover;
      font-size: 1.2rem;
      font-family: inherit;
      text-align: center;
      vertical-align: middle;
      cursor: pointer;
      width: 2.6rem;
      height: 2.6rem;
      color: #222;
      transition: 0.3s;
      border: 1px solid #e1e1e1
  }

  .product-variations>a:not(.size-guide):last-child {
      margin-right: 0
  }

  .product-variations .color:not(.active) {
      border: none
  }

  .product-variations>a.active,
  .product-variations>a:not(.size-guide):hover {
      border: 1px solid;
      box-shadow: inset 0 0 0 2px #fff
  }

  .product-details .product-action,
  .product-hide-details .product-action {
      position: relative;
      opacity: 1
  }

  .product-details .product-action .btn-wishlist,
  .product-hide-details .product-action .btn-wishlist {
      position: static
  }

  .product-details .btn-cart,
  .product-hide-details .btn-cart {
      display: block;
      max-width: 14rem;
      line-height: 2.9;
      padding: 0 0.6em;
      text-align: center;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      color: #222;
      background-color: transparent;
      border: 2px solid #ccc;
      margin-right: 5px;
      border-radius: 0.3rem
  }

  .product-details .btn-cart i,
  .product-hide-details .btn-cart i {
      margin-right: 0.8rem;
      font-size: 1.8rem
  }

  .product-details .btn-cart,
  .product-hide-details .btn-cart {
      flex: 1;
      height: 4.2rem;
      font-size: 1.3rem;
      transition: color 0.3s, background-color 0.3s, border-color 0.3s;
      z-index: 1
  }

  .product-details .btn-quickview,
  .product-hide-details .btn-quickview {
      margin: 0 0 0 1.6rem
  }

  .product-details .btn-product-icon,
  .product-hide-details .btn-product-icon {
      width: auto;
      border: 0;
      background-color: transparent;
      color: #222;
      transition: color 0.3s, background-color 0.3s, visibility 0.3s
  }

  .product-details .btn-product-icon i,
  .product-hide-details .btn-product-icon i {
      font-size: 1.8rem
  }

  .product-details .btn-product-icon:hover,
  .product-hide-details .btn-product-icon:hover {
      color: #26c
  }

  .product:hover .product-action .btn-cart {
      color: #fff;
      background-color: #444;
      border-color: #444
  }

  @media (-ms-high-contrast:none),
  screen and (-ms-high-contrast:active) {
      .product-details .btn-cart,
      .product-hide-details .btn-cart {
          flex: 0 0 12.3rem
      }
  }

  @media (-ms-high-contrast:none) and (max-width:575px),
  screen and (-ms-high-contrast:active) and (max-width:575px) {
      .product-details .btn-cart,
      .product-hide-details .btn-cart {
          flex: 0 0 9.5rem
      }
  }

  .product-classic .btn-quickview {
      opacity: 1
  }

  .product-classic .btn-quickview i:before {
      content: ""
  }

  .product-classic .btn-wishlist {
      margin: 0 0 0 1.6rem
  }

  .product-classic .btn-quickview,
  .product-classic .btn-wishlist {
      transform: translateX(-200%);
      opacity: 0;
      visibility: hidden;
      transition: transform 0.3s, opacity 0.3s, visibility 0.3s, color 0.3s, background-color 0.3s, border-color 0.3s
  }

  .product-classic .btn-quickview {
      transition: transform 0.5s, opacity 0.5s, visibility 0.5s, color 0.3s, background-color 0.3s, border-color 0.3s
  }

  .product-classic:hover .btn-quickview,
  .product-classic:hover .btn-wishlist {
      transform: translateX(0);
      opacity: 1;
      visibility: visible
  }

  .product-classic .product-details {
      padding-left: 0
  }

  .product-classic .ratings-container {
      margin-bottom: 1.5rem
  }

  .product-slideup-content {
      overflow: hidden
  }

  .product-slideup-content .product-hide-details {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      transition: transform 0.3s;
      background-color: #fff
  }

  .product-slideup-content .product-details {
      padding-bottom: 1px;
      background-color: #fff;
      transition: transform 0.3s
  }

  .product-slideup-content .btn-quickview,
  .product-slideup-content .btn-wishlist {
      opacity: 0;
      visibility: hidden;
      transition: transform 0.4s, opacity 0.3s, visibility 0.3s, color 0.3s, background-color 0.3s
  }

  .product-slideup-content .btn-quickview {
      transform: translateX(-200%)
  }

  .product-slideup-content .btn-wishlist {
      transform: translateX(200%)
  }

  .product-slideup-content:hover .btn-quickview,
  .product-slideup-content:hover .btn-wishlist {
      transform: translateX(0);
      opacity: 1;
      visibility: visible
  }

  .product-slideup .product-details {
      padding-bottom: 0;
      background-color: #fff;
      transition: transform 0.3s
  }

  .product-slideup .ratings-container {
      margin-bottom: 0
  }

  .product-slideup .btn-quickview,
  .product-slideup .btn-wishlist {
      opacity: 0;
      visibility: hidden;
      transition: transform 0.4s, opacity 0.3s, visibility 0.3s, color 0.3s, background-color 0.3s
  }

  .product-slideup .btn-quickview {
      transform: translateX(-200%)
  }

  .product-slideup .btn-wishlist {
      transform: translateX(200%)
  }

  .product-slideup .product-action {
      display: flex;
      position: absolute;
      padding-top: 1.5rem;
      top: 100%;
      bottom: auto;
      visibility: hidden;
      opacity: 0
  }

  .product-slideup:hover {
      transform: translateY(-58px)
  }

  .product-slideup:hover .btn-quickview,
  .product-slideup:hover .btn-wishlist {
      transform: translateX(0);
      opacity: 1;
      visibility: visible
  }

  .product-slideup:hover .product-action {
      visibility: visible;
      opacity: 1
  }

  .product-slideup-content .btn-cart,
  .product-slideup .btn-cart {
      margin-right: 0
  }

  .product-slideup-content .btn-wishlist,
  .product-slideup .btn-wishlist {
      position: static;
      margin: 0 1.6rem 0 0
  }

  .split-line {
      overflow: hidden
  }

  .product-image-gap {
      padding: 0.9rem;
      border: 1px solid #e1e1e1;
      background-color: #fff
  }

  .product-image-gap .product-details {
      padding: 1.8rem 1rem 1rem
  }

  .product-image-gap .ratings-container {
      margin-bottom: 0
  }

  .product-image-gap:hover {
      box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05)
  }

  @media (max-width:479px) {
      .product-image-gap .product-details {
          padding: 1.8rem 0 1rem
      }
  }

  .product-list {
      display: flex;
      align-items: center;
      margin-bottom: 2rem
  }

  .product-list .product-media {
      flex: 0 0 28rem;
      max-width: 28rem;
      margin: 0 2rem 0 0
  }

  .product-list .product-details {
      padding: 0;
      flex: 1
  }

  .product-list .product-label {
      font-size: 1.1rem
  }

  .product-list .btn-quickview {
      opacity: 1
  }

  .product-list .btn-wishlist {
      margin: 0 0 0 0.8rem
  }

  .product-list .btn-quickview,
  .product-list .btn-wishlist {
      transform: translateX(-200%);
      opacity: 0;
      visibility: hidden;
      transition: transform 0.3s, opacity 0.3s, visibility 0.3s, color 0.3s, background-color 0.3s
  }

  .product-list .btn-quickview {
      transition: transform 0.5s, opacity 0.5s, visibility 0.5s, color 0.3s, background-color 0.3s
  }

  .product-list .ratings-container {
      margin-bottom: 0.8rem
  }

  .product-list .product-name {
      font-size: 1.8rem;
      font-weight: 600;
      letter-spacing: -0.025em;
      color: #222
  }

  .product-list .product-price {
      font-size: 1.8rem;
      font-weight: 600
  }

  .product-list .product-short-desc {
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      margin-bottom: 2rem;
      text-transform: none;
      font-size: 1.4rem;
      line-height: 1.78;
      color: #666
  }

  .product-list:hover .btn-quickview,
  .product-list:hover .btn-wishlist {
      transform: translateX(0);
      opacity: 1;
      visibility: visible
  }

  .product-list-sm {
      display: flex;
      align-items: center;
      margin-bottom: 2rem
  }

  .product-list-sm .product-media {
      flex: 0 0 10rem;
      max-width: 10rem;
      margin: 0 1rem 0 0
  }

  .product-list-sm .product-details {
      flex: 0 0 calc(100% - 10rem);
      max-width: calc(100% - 10rem);
      padding: 0
  }

  .product-list-sm .product-name {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      margin-bottom: 0.7rem;
      white-space: normal;
      color: #222;
      padding-left: 0
  }

  .product-list-sm .product-name:hover {
      color: #26c
  }

  .product-list-sm .ratings-container {
      margin: 0
  }

  .product-list-sm .product-price {
      font-size: 1.4rem
  }

  .product-list-sm+.product-list {
      margin-top: 2rem
  }

  .product-list-sm .btn-cart {
      margin-top: 2rem;
      height: 3.3rem;
      max-width: 11.7rem;
      border: 1px solid #d7d7d7;
      color: #d26e4b;
      background: transparent;
      font-size: 1.2rem
  }

  .product-list-sm .btn-cart:hover {
      border-color: #d26e4b;
      background: #d26e4b
  }

  .product.text-center .product-cat {
      padding: 0
  }

  .product.text-center .product-action,
  .product.text-center .product-price,
  .product.text-center .product-variations,
  .product.text-center .ratings-container {
      justify-content: center
  }

  .product.shadow-media:hover .product-media {
      box-shadow: 0px 20px 20px -16px rgba(0, 0, 0, 0.5)
  }

  .product.cart-full .product-price,
  .product.product-with-qty .product-details .product-price {
      margin-bottom: 1rem
  }

  .product.cart-full .btn-cart,
  .product.product-with-qty .product-details .btn-cart {
      padding: 0;
      border-color: #ebebeb
  }

  .product.cart-full .btn-cart:active,
  .product.cart-full .btn-cart:focus,
  .product.cart-full .btn-cart:hover,
  .product.product-with-qty .product-details .btn-cart:active,
  .product.product-with-qty .product-details .btn-cart:focus,
  .product.product-with-qty .product-details .btn-cart:hover {
      background-color: #26c;
      border-color: #26c;
      color: #fff
  }

  .product.cart-full .btn-cart {
      max-width: none;
      width: 100%
  }

  .product.product-with-qty .product-details {
      padding-left: 0;
      padding-right: 0
  }

  .product.product-with-qty .btn-cart {
      max-width: 12.3rem;
      margin-right: 0
  }

  .product.product-with-qty .btn-cart i {
      display: none
  }

  .product.product-with-qty .product-quantity {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 2rem
  }

  .product.product-with-qty button {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      color: #333;
      font-size: 1rem;
      width: 24px;
      height: 24px;
      border-radius: 0.3rem;
      border: none;
      background: #f4f4f4;
      cursor: pointer;
      transition: background-color 0.3s, color 0.3s
  }

  .product.product-with-qty button:hover {
      background-color: #26c;
      color: #fff
  }

  .product.product-with-qty .quantity {
      min-height: auto;
      width: 3.2rem;
      padding: 0;
      font-weight: 700;
      font-size: 1.2rem;
      border: none;
      text-align: center;
      color: #222
  }

  .product.product-variable:not(.cart-full) .btn-cart:after {
      display: none;
      font-family: "riode";
      content: "";
      font-size: 1.8rem;
      font-weight: 400
  }

  .product:hover.product-with-qty .btn-cart {
      background-color: transparent;
      color: #222
  }

  @media (max-width:575px) {
      .product-list {
          display: block
      }
      .product-list .product-media {
          margin: 0;
          max-width: 100%
      }
      .product-list .product-details {
          padding: 1.8rem 0 2rem
      }
      .product-action-vertical {
          top: 10px;
          right: 10px
      }
  }

  @media (max-width:479px) {
      .product-details .btn-cart,
      .product-hide-details .btn-cart {
          max-width: 4.2rem;
          display: flex
      }
      .product-details .btn-cart span,
      .product-hide-details .btn-cart span {
          display: none
      }
      .product-details .btn-cart i,
      .product-hide-details .btn-cart i {
          margin-right: 0
      }
      .product.product-with-qty .product-details .btn-cart {
          max-width: 4.2rem;
          padding: 0.78em 0
      }
      .product.product-with-qty .btn-cart i {
          display: block
      }
      .product.product-with-qty .product-quantity {
          margin-right: 1rem
      }
      .cart-full .product-details .btn-cart span {
          display: inline
      }
      .cart-full .btn-cart i {
          display: none
      }
      .product-label-group {
          left: 1.2rem;
          top: 1.2rem
      }
      .btn-quickview {
          font-size: 1.1rem
      }
      .btn-product-icon {
          width: 3.2rem;
          height: 3.2rem;
          font-size: 1.3rem
      }
      .product.product-variable:not(.cart-full) .btn-cart:after {
          display: block
      }
      .product.product-variable:not(.cart-full) .btn-cart i {
          display: none
      }
  }

  .product-filters {
      margin-right: 1.5rem
  }

  .product-single-carousel,
  .product-thumbs-wrap {
      flex-basis: 100%;
      max-width: 100%
  }

  .product-single-carousel .owl-nav .owl-next,
  .product-single-carousel .owl-nav .owl-prev {
      color: #222;
      border: 0
  }

  .product-image {
      position: relative
  }

  .product-thumbs-wrap {
      position: relative;
      margin-top: 1rem;
      overflow: hidden
  }

  .product-thumbs-wrap img {
      display: block
  }

  .product-thumbs-wrap button {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 2.4rem;
      border: 0;
      transition: opacity 0.3s, transform 0.3s;
      z-index: 1;
      opacity: 0;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
      -webkit-appearance: none;
      cursor: pointer
  }

  .product-thumbs-wrap:hover button:not(.disabled) {
      opacity: 0.9;
      transform: none
  }

  .product-thumbs-wrap button:not(.disabled):hover {
      opacity: 1
  }

  .product-thumbs-wrap>button {
      display: none
  }

  .product-thumbs-wrap button,
  .product-thumbs .owl-nav .owl-next,
  .product-thumbs .owl-nav .owl-prev {
      background-color: #fff;
      color: #666;
      font-size: 1.6rem
  }

  .product-thumb:before,
  .product-thumbs-wrap button {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0
  }

  .product-thumbs {
      transition: top 0.3s ease-out;
      display: flex
  }

  .product-thumbs.owl-carousel {
      margin: 0 -0.5rem;
      width: calc(100% + 1rem)
  }

  .product-thumbs .owl-stage {
      display: flex
  }

  .product-thumbs .owl-prev {
      transform: translateX(-100%);
      left: 0.5rem
  }

  .product-thumbs .owl-next {
      left: auto;
      right: 0.5rem;
      transform: translateX(100%)
  }

  .product-thumb {
      position: relative;
      margin: 0 0.5rem;
      cursor: pointer;
      overflow: hidden
  }

  .product-thumb:before {
      content: "";
      transition: border-color 0.3s;
      border: 2px solid transparent
  }

  .product-thumb.active:before {
      border-color: #26c
  }

  .product-thumb .btn-play {
      position: relative;
      display: block;
      z-index: 2
  }

  .product-thumb .btn-play:before {
      content: "";
      position: absolute;
      left: -100px;
      top: -100px;
      right: -100px;
      bottom: -100px;
      background: rgba(0, 0, 0, 0.1);
      transition: background 0.3s
  }

  .product-thumb .btn-play:after {
      content: "";
      font-family: "Font Awesome 5 Free";
      font-size: 16px;
      font-weight: 800;
      color: #fff;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border: 2px solid #fff;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      line-height: 36px;
      text-align: center;
      transition: box-shadow 0.3s
  }

  .product-thumb .btn-play:hover:before {
      background: rgba(0, 0, 0, 0.2)
  }

  .product-thumb .btn-play:hover:after {
      box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.2)
  }

  .product-thumb .btn-video:after {
      content: ""
  }

  .product-single {
      color: inherit
  }

  .product-single .product-details {
      padding: 0 0 3rem;
      background-color: transparent
  }

  .container-fluid .product-single .product-details {
      padding-top: 4px
  }

  aside+div .product-single .product-details {
      padding-top: 2px
  }

  .product-single .product-cat {
      margin-bottom: 1.3rem;
      color: #999;
      font-size: 1.3rem;
      font-weight: 400;
      letter-spacing: -0.025em
  }

  .product-single .product-cat span {
      margin-right: 0.7rem
  }

  .product-single .product-name {
      margin-bottom: 0.6rem;
      font-size: 2.6rem;
      font-weight: 700;
      letter-spacing: -0.025em;
      white-space: normal;
      color: #222
  }

  .product-single .product-price {
      display: block;
      margin-bottom: 1.1rem;
      color: #d26e4b;
      font-size: 3rem;
      font-weight: 700;
      letter-spacing: -0.025em;
      line-height: 1
  }

  .product-single .old-price {
      font-size: 2.4rem;
      font-weight: 600
  }

  .product-single .rating-reviews {
      font-size: 1.2rem
  }

  .product-single .rating-reviews:not(:hover) {
      color: #999
  }

  .product-single .ratings-container {
      margin-bottom: 1.7rem;
      font-size: 14px
  }

  .product-single .ratings-container .ratings:before {
      color: #666
  }

  .product-single .ratings-full {
      margin-top: -2px
  }

  .product-single label {
      color: #222;
      font-weight: 600;
      text-transform: uppercase
  }

  .product-single .product-action {
      display: inline-block
  }

  .product-single .product-action .btn-wishlist {
      position: relative
  }

  .product-single .divider {
      margin-left: -1rem;
      margin-right: 1.8rem
  }

  .product-single .social-links {
      color: #999
  }

  .product-single .social-link {
      border: none
  }

  .product-single .social-link.social-facebook:hover {
      background-color: transparent;
      color: #3b5998
  }

  .product-single .social-link.social-twitter:hover {
      background-color: transparent;
      color: #1da1f2
  }

  .product-single .social-link.social-pinterest:hover {
      background-color: transparent;
      color: #bd081c
  }

  .product-single .product-footer>* {
      margin-bottom: 1rem
  }

  .product-single .btn-compare,
  .product-single .btn-wishlist {
      display: inline-block;
      padding: 0.5rem 0;
      font-weight: 400;
      font-size: 1.4rem;
      background-color: transparent;
      transition: color 0.3s;
      text-transform: none;
      color: #666
  }

  .product-single .btn-compare i,
  .product-single .btn-wishlist i {
      display: inline-block;
      margin: 0 0.5rem 0.3rem 0;
      vertical-align: middle;
      font-size: 1.8rem;
      line-height: 0
  }

  .product-single .btn-compare:hover,
  .product-single .btn-wishlist:hover {
      color: #26c
  }

  .product-single .btn-compare i {
      margin-right: 0.8rem;
      font-size: 2.1rem
  }

  .product-single .quantity {
      font-weight: 700
  }

  .product-single .product-meta+.product-countdown-container {
      margin-top: 0.4rem
  }

  .product-single .product-countdown-container {
      display: inline-flex;
      align-items: center;
      margin-bottom: 2.5rem;
      padding: 1rem 1.6rem;
      border: 1px solid #444;
      background-color: #444;
      text-transform: none;
      line-height: 1;
      color: #fff;
      border-radius: 0.3rem
  }

  .product-single .product-countdown-container label {
      margin-right: 0.5rem;
      text-transform: none;
      color: #fff
  }

  .product-single .product-countdown-container .product-sale-info {
      position: relative;
      padding-right: 1.5rem
  }

  .product-single .product-countdown-container .product-sale-info i {
      margin-right: 0.8rem
  }

  .product-single .product-countdown-container .product-sale-info:after {
      content: "";
      display: block;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 1px;
      height: 2.4rem;
      background: rgba(255, 255, 255, 0.2)
  }

  .product-single .product-countdown-container .product-sale-info+label {
      margin-left: 1.5rem
  }

  .product-single .product-label-group {
      top: 2rem;
      left: 2.5rem;
      z-index: 2;
      align-items: flex-start
  }

  .product-single .product-label {
      color: #fff
  }

  .product-single .product-variations>a:not(.size-guide) {
      width: 3rem;
      height: 3rem
  }

  .product-single .color {
      border: 0
  }

  .product-single .size {
      width: 3.6rem
  }

  .product-single .accordion ul {
      list-style: none;
      padding-left: 0
  }

  .product-single .rating-form label,
  .product-single form label {
      font-weight: 400;
      font-size: 1.3rem;
      text-transform: none;
      color: #666
  }

  .dark-theme .ratings-container .ratings:before {
      color: #26c
  }

  .dark-theme .social-links {
      color: #666
  }

  .dark-theme .btn-compare,
  .dark-theme .btn-wishlist {
      color: #999
  }

  .dark-theme .btn-compare.added,
  .dark-theme .btn-wishlist.added {
      color: #fff
  }

  .dark-theme .product-variation-clean:not(:hover) {
      color: #fff
  }

  .dark-theme .product-form.btn-cart:disabled,
  .dark-theme .product-form.btn-external:disabled {
      background-color: #666;
      color: #aaa
  }

  .product-meta {
      margin-bottom: 1.8rem;
      color: #999;
      font-size: 1.2rem
  }

  .product-meta span {
      margin: 0 1.9rem 0 3px
  }

  .product-form {
      display: flex;
      align-items: flex-start;
      flex-wrap: nowrap;
      line-height: 3rem;
      margin: 0 0 1rem
  }

  .product-form>label {
      min-width: 7rem;
      margin-bottom: 1rem;
      text-transform: capitalize;
      font-size: 16px;
      font-weight: 400;
      letter-spacing: -0.025em
  }

  .product-form.product-variations {
      line-height: 37px
  }

  .product-form .select-box:before {
      right: 1.4rem;
      font-size: 1.2rem;
      color: #222
  }

  .product-form select {
      max-width: none;
      padding: 0.8rem 3rem 0.8rem 1.4rem;
      color: #222;
      border-color: #ebebeb;
      font-size: 1.3rem
  }

  .product-form .product-variations {
      display: block;
      margin-top: -3px;
      margin-bottom: -3px
  }

  .product-form.product-qty {
      line-height: 4.5rem
  }

  .product-form .quantity-minus {
      border-radius: 0.3rem 0 0 0.3rem
  }

  .product-form .quantity-plus {
      border-radius: 0 0.3rem 0.3rem 0
  }

  .product-form .input-group {
      margin-right: 1rem
  }

  .product-form .btn-cart,
  .product-form .btn-external {
      border: 0;
      flex: 1;
      min-width: 13rem;
      font-size: 1.4rem;
      border-radius: 0.3rem;
      background-color: #EF6523;
      transition: background-color 0.3s;
      color: #fff;
      cursor: pointer;
      max-width: 20.7rem;
      height: 4.5rem
  }

  .product-form .btn-cart:disabled,
  .product-form .btn-external:disabled {
      background-color: #e4eaec;
      cursor: not-allowed;
      color: #999
  }

  .product-form .btn-cart i,
  .product-form .btn-external i {
      margin-right: 0.8rem;
      margin-top: -1px;
      font-size: 1.8rem;
      line-height: 0;
      vertical-align: middle
  }

  .product-form .btn-cart i:before,
  .product-form .btn-external i:before {
      margin: 0
  }

  .product-form .btn-cart:hover:not(:disabled),
  .product-form .btn-external:hover:not(:disabled) {
      background-color: #34363b;
  }

  .product-external .product-short-desc {
      color: #ee8204
  }

  .product-external .product-form button {
      background: #ee8204
  }

  .stock {
      display: inline-block;
      padding: 4px 2rem;
      margin-bottom: 2rem;
      border-radius: 2px;
      color: #fff;
      font-weight: 600
  }

  .in-stock {
      background: #d26e4b
  }

  .out-of-stock {
      background: #ccc
  }

  .product-single .product-label.label-stock {
      white-space: nowrap;
      background: #ccc
  }

  .hurryup-bar>p {
      margin-bottom: 0.5rem;
      color: #222;
      background: transparent;
      padding: 0
  }

  .hurryup-bar .bar {
      position: relative;
      display: block;
      width: 100%;
      max-width: 38rem;
      height: 14px;
      background: #eee;
      border-radius: 10px
  }

  .hurryup-bar .stock-bar {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      display: block;
      background: #d26e4b;
      border-radius: 10px
  }

  .product-form-group {
      position: relative;
      display: flex;
      align-items: flex-start;
      flex-wrap: wrap;
      flex: 1
  }

  .product-form-group>* {
      margin-bottom: 1rem
  }

  .product-form-group .product-variations {
      margin-bottom: 7px
  }

  .product-form-group tr {
      border-bottom: 1px solid #eee
  }

  .product-form-group td {
      padding: 2rem 0
  }

  .product-form-group .item-name {
      padding-left: 2rem;
      color: #222;
      line-height: 1.4
  }

  .product-form-group .item-price {
      font-weight: 600;
      color: #222;
      padding-left: 4.5rem
  }

  .size-guide {
      display: inline-flex;
      align-items: center;
      font-weight: 300
  }

  .size-guide i {
      margin-right: 0.8rem;
      font-size: 2.1rem;
      color: #666
  }

  .select-box+.size-guide {
      margin-left: 10px
  }

  .product-variation-price {
      display: none;
      padding-top: 25px
  }

  .product-variation-price span {
      margin-bottom: 1rem;
      color: #222;
      font-size: 2.4rem;
      font-weight: 700;
      letter-spacing: -0.025em
  }

  .product-variation-clean {
      display: block;
      position: absolute;
      margin-top: 1rem;
      padding: 0.3em 1em;
      left: 0;
      top: calc(100% - 10px);
      font-size: 1rem;
      line-height: 1.6;
      background: #f4f4f4;
      color: #000
  }

  .related-products {
      margin-top: 6.5rem
  }

  @media (min-width:992px) {
      .pg-vertical .product-thumbs-wrap {
          order: -1;
          max-width: 109px;
          margin: 0 1rem 0 0
      }
      .pg-vertical .product-single-carousel {
          max-width: calc(100% - 119px)
      }
      .pg-vertical .product-thumbs {
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0
      }
      .pg-vertical .product-thumb {
          margin: 0 0 1rem
      }
      .pg-vertical .thumb-down,
      .pg-vertical .thumb-up {
          display: flex;
          width: 100%;
          height: 2.4rem
      }
      .pg-vertical .thumb-up {
          transform: translateY(-100%)
      }
      .pg-vertical .thumb-up i:before {
          content: ""
      }
      .pg-vertical .thumb-down {
          top: auto;
          transform: translateY(100%)
      }
      .pg-vertical .thumb-down i:before {
          content: ""
      }
      .pg-vertical .product-label-group {
          left: 14rem
      }
  }

  .product-single.product-sticky-both .p-sticky {
      top: 88px
  }

  .product-single.product-sticky-both .product-details {
      padding: 0
  }

  .product-tabs.tab-nav-simple .nav-link {
      font-size: 2rem;
      font-weight: 700;
      text-transform: capitalize;
      color: #222;
      letter-spacing: 0
  }

  .social-links {
      display: inline-flex;
      flex-wrap: wrap;
      align-items: center
  }

  .social-links.square-link .social-link {
      border-radius: 0
  }

  .social-links.rounded-link,
  .social-links.square-link {
      display: flex;
      justify-content: center
  }

  .social-links.rounded-link .social-link,
  .social-links.square-link .social-link {
      margin: 5px 15px;
      border: none;
      font-size: 24px;
      width: 45px;
      height: 45px;
      line-height: 45px
  }

  .social-links.rounded-link .social-link:not(:hover),
  .social-links.square-link .social-link:not(:hover) {
      color: #fff;
      background-color: #e1e1e1
  }

  .social-links.rounded-link .social-link {
      border-radius: 0.3rem
  }

  .social-link-active {
      display: flex;
      justify-content: center
  }

  .social-link-active .social-link {
      border: none;
      margin: 1rem;
      font-size: 26px;
      line-height: 60px;
      width: 60px;
      height: 60px;
      color: #fff
  }

  .social-link-active .social-facebook {
      background: #3b5998;
      border-color: #3b5998
  }

  .social-link-active .social-twitter {
      background: #1da1f2;
      border-color: #1da1f2
  }

  .social-link-active .social-linkedin {
      background: #0073b2;
      border-color: #0073b2
  }

  .social-link-active .social-email {
      background: #dd4b39;
      border-color: #dd4b39
  }

  .social-link-active .social-google {
      background: #dd4b39;
      border-color: #dd4b39
  }

  .social-link-active .social-pinterest {
      background: #bd081c;
      border-color: #bd081c
  }

  .social-link-active .social-reddit {
      background: #ff4107;
      border-color: #ff4107
  }

  .social-link-active .social-tumblr {
      background: #304e6c;
      border-color: #304e6c
  }

  .social-link-active .social-vk {
      background: #6383a8;
      border-color: #6383a8
  }

  .social-link-active .social-youtube {
      background: #26c;
      border-color: #26c
  }

  .social-link-active .social-whatsapp {
      background: #3c8a38;
      border-color: #3c8a38
  }

  .social-link-active .social-xing {
      background: #1a7576;
      border-color: #1a7576
  }

  .social-link-active .social-instagram {
      background: #7c4a3a;
      border-color: #7c4a3a
  }

  .social-link {
      margin: 2px 8px 2px 0;
      width: 30px;
      height: 30px;
      line-height: 31px;
      font-size: 1.5rem;
      border-radius: 50%;
      background: #fff;
      border: none;
      color: #ee6623;
      transition: color 0.4s, border 0.4s, background 0.4s;
      text-align: center
  }

  .social-link:last-child {
      margin-right: 0
  }

  .social-link i {
      letter-spacing: -0.001em;
      line-height: 1
  }

  .social-link:hover {
      background: #26c;
      border-color: #26c;
      color: #fff
  }

  .social-link.social-facebook:hover {
      background: #3b5998;
      border-color: #3b5998
  }

  .social-link.social-twitter:hover {
      background: #1da1f2;
      border-color: #1da1f2
  }

  .social-link.social-linkedin:hover {
      background: #0073b2;
      border-color: #0073b2
  }

  .social-link.social-email:hover {
      background: #dd4b39;
      border-color: #dd4b39
  }

  .social-link.social-google:hover {
      background: #dd4b39;
      border-color: #dd4b39
  }

  .social-link.social-pinterest:hover {
      background: #bd081c;
      border-color: #bd081c
  }

  .social-link.social-reddit:hover {
      background: #ff4107;
      border-color: #ff4107
  }

  .social-link.social-tumblr:hover {
      background: #304e6c;
      border-color: #304e6c
  }

  .social-link.social-vk:hover {
      background: #6383a8;
      border-color: #6383a8
  }

  .social-link.social-youtube:hover {
      background: #26c;
      border-color: #26c
  }

  .social-link.social-whatsapp:hover {
      background: #3c8a38;
      border-color: #3c8a38
  }

  .social-link.social-xing:hover {
      background: #1a7576;
      border-color: #1a7576
  }

  .social-link.social-instagram:hover {
      background: #7c4a3a;
      border-color: #7c4a3a
  }

  .no-border .social-link {
      border: 0;
      line-height: 30px
  }

  .no-border .social-link:not(:hover) {
      background: transparent
  }

  .no-backgrond .social-link {
      background-color: none;
      line-height: 30px
  }

  .no-backgrond .social-link:not(:hover) {
      background: transparent
  }

  .inline-links .social-link {
      display: inline-block;
      margin-right: 2rem;
      width: auto;
      height: auto;
      border: 0;
      color: inherit
  }

  .inline-links .social-link:not(:last-child) {
      margin-right: 2rem
  }

  .inline-links .social-link:hover {
      background: transparent
  }

  .inline-links .social-link.social-facebook:hover {
      color: #3b5998
  }

  .inline-links .social-link.social-twitter:hover {
      color: #1da1f2
  }

  .inline-links .social-link.social-linkedin:hover {
      color: #0073b2
  }

  .inline-links .social-link.social-email:hover {
      color: #dd4b39
  }

  .inline-links .social-link.social-google:hover {
      color: #dd4b39
  }

  .inline-links .social-link.social-pinterest:hover {
      color: #bd081c
  }

  .inline-links .social-link.social-reddit:hover {
      color: #ff4107
  }

  .inline-links .social-link.social-tumblr:hover {
      color: #304e6c
  }

  .inline-links .social-link.social-vk:hover {
      color: #6383a8
  }

  .inline-links .social-link.social-whatsapp:hover {
      color: #3c8a38
  }

  .inline-links .social-link.social-xing:hover {
      color: #1a7576
  }

  .inline-links .social-link.social-instagram:hover {
      color: #7c4a3a
  }

  .social-link-template .inline-links .social-link {
      font-size: 24px;
      margin: 3px 19px
  }

  .social-link-template .inline-links .social-link:not(:hover) {
      color: #999
  }

  .social-default .social-link {
      width: 45px;
      height: 45px;
      margin: 3px 7.5px;
      line-height: 45px;
      font-size: 24px
  }

  .social-default .social-link:not(:hover) {
      color: #999
  }

  .page-content.with-sidebar {
      padding-bottom: 10rem;
      overflow: hidden
  }

  .right-sidebar-active .right-sidebar .sidebar-close,
  .right-sidebar-active .right-sidebar .sidebar-overlay,
  .sidebar-active .sidebar .sidebar-close,
  .sidebar-active .sidebar .sidebar-overlay,
  .top-sidebar-active .top-sidebar .sidebar-close,
  .top-sidebar-active .top-sidebar .sidebar-overlay {
      visibility: visible;
      opacity: 1
  }

  .right-sidebar-active .right-sidebar .sidebar-content,
  .sidebar-active .sidebar .sidebar-content,
  .top-sidebar-active .top-sidebar .sidebar-content {
      transform: translateX(0);
      opacity: 1
  }

  .top-sidebar-active .category-sidebar {
      display: none
  }

  .sidebar-active .page-wrapper {
      margin-left: 250px;
      margin-right: -250px
  }

  .right-sidebar-active .page-wrapper {
      margin-left: -250px;
      margin-right: 250px
  }

  .sidebar-content,
  .sidebar-overlay,
  .sidebar-toggle {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1200
  }

  .sidebar-overlay {
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.8);
      opacity: 0;
      visibility: hidden;
      transition: visibility 0.4s, opacity 0.4s
  }

  .sidebar-close {
      opacity: 0;
      visibility: hidden;
      transition: visibility 0.4s, opacity 0.4s
  }

  .sidebar-toggle {
      display: flex;
      align-items: center;
      justify-content: center;
      top: 160px;
      width: 40px;
      height: 40px;
      font-size: 1.4rem;
      color: #fff;
      background-color: rgba(28, 26, 26, 0.8)
  }

  .sidebar-close {
      position: fixed;
      margin: 0;
      left: calc(100vw - 52px);
      top: 12px;
      font-size: 3.5rem;
      color: #ccc;
      z-index: 1201
  }

  .sidebar-close:hover {
      color: #ccc
  }

  .sidebar-content {
      bottom: 0;
      width: 30rem;
      padding: 2rem;
      transform: translateX(-100%);
      overflow: auto;
      background-color: #fff;
      opacity: 0;
      line-height: 1.3;
      transition: transform 0.4s, opacity 0.4s
  }

  .sidebar-content .widget {
      border-top: 3px solid #eee
  }

  .sidebar-content .widget-body {
      margin-bottom: 1.8rem;
      opacity: 1;
      transition: opacity 0.3s
  }

  .sidebar-content .sidebar-close {
      display: flex;
      position: static;
      align-items: center;
      margin-bottom: 2rem;
      text-transform: uppercase;
      letter-spacing: -0.025em;
      line-height: 1
  }

  .sidebar-content .d-icon-times {
      width: 1.6rem;
      height: 1.6rem;
      margin-right: 0.6rem
  }

  .sidebar-content .widget.price-with-count .filter-items>li {
      display: flex;
      align-items: center;
      justify-content: space-between
  }

  .sidebar-content .btn-filter {
      padding: 0.86em 2em;
      border-radius: 2px
  }

  .sidebar-content .btn-filter:active,
  .sidebar-content .btn-filter:focus,
  .sidebar-content .btn-filter:hover {
      background-color: #26c;
      border-color: #26c
  }

  .right-sidebar {
      order: 2
  }

  .right-sidebar .sidebar-toggle {
      left: auto;
      right: 0
  }

  .right-sidebar .sidebar-close {
      left: 50px
  }

  .right-sidebar .sidebar-content {
      transform: translateX(100%);
      left: auto;
      right: 0
  }

  @media (max-width:991px) {
      .right-sidebar .sidebar-close {
          left: 20px
      }
  }

  @media (min-width:992px) {
      .sidebar-fixed .sidebar-close,
      .sidebar-fixed .sidebar-overlay,
      .sidebar-fixed .sidebar-toggle {
          display: none
      }
      .sidebar-fixed .sidebar-content {
          position: relative;
          overflow: visible;
          padding: 0;
          opacity: 1;
          z-index: 22
      }
      .sidebar-fixed .sidebar-content {
          width: auto;
          transform: none
      }
  }

  .right-sidebar .sidebar-content::-webkit-scrollbar {
      width: 0
  }

  .tag {
      display: inline-block;
      padding: 0.6rem 1.3rem;
      margin: 0.5rem 1rem 0.5rem 0;
      border: 1px solid #ccc;
      font-size: 1.2rem;
      line-height: 1.35;
      letter-spacing: -0.01em;
      transition: color 0.3s, border-color 0.3s
  }

  .tag:hover {
      color: #26c;
      border-color: #26c
  }

  .sidebar-content .form-control {
      border-color: #ccc;
      border-radius: 0.3rem
  }

  .widget-collapsible>.widget-title.collapsed {
      padding-bottom: 2.7rem
  }

  .widget-collapsible>.widget-title.collapsed .widget-collapsible>.widget-title {
      padding-bottom: 0
  }

  .widget-collapsible .toggle-btn {
      display: block;
      position: absolute;
      top: 36px;
      right: 12px;
      padding: 0;
      width: 10px;
      opacity: 1
  }

  .widget-collapsible .toggle-btn:after,
  .widget-collapsible .toggle-btn:before {
      content: "";
      position: absolute;
      border-top: 2px solid #666;
      width: 10px;
      transition: transform 0.3s
  }

  .widget-collapsible>.collapsed .toggle-btn:before {
      transform: rotate(90deg)
  }

  .widget-collapsible>.collapsed .toggle-btn:after {
      transform: rotate(180deg)
  }

  .widget-collapsible .collapsed~.widget-body {
      opacity: 0.1
  }

  .widget-collapsible p {
      margin-bottom: 0;
      color: #aaa;
      line-height: 1.86
  }

  .toolbox-wrap .widget-title,
  .widget-collapsible .widget-title {
      position: relative;
      cursor: pointer;
      margin: 0;
      padding: 2.6rem 0.3rem 1.8rem;
      font-size: 1.8rem;
      font-weight: 600;
      letter-spacing: -0.03em;
      text-transform: none;
      border: none;
      transition: padding 0.3s
  }

  .filter-items.search-ul li {
      padding: 13.5px 3px
  }

  .filter-items li {
      padding: 13px 3px 13px 30px;
      font-size: 1.3rem;
      color: #222
  }

  .filter-items>li:not(:last-child) {
      border-bottom: 1px solid #eee
  }

  .filter-items a {
      position: relative;
      display: block
  }

  .filter-items a:hover {
      color: #EF6523;
  }

  .filter-items .active>a:before {
      content: "";
      color: #fff;
      background-color: #222;
      border-color: #222
  }

  .filter-items.search-ul a:before {
      content: none
  }

  .filter-items .children li {
      padding: 5.5px 0
  }

  .filter-items li span {
      margin-left: 0.5rem;
      color: #aaa
  }

  .filter-items .with-ul>a>i {
      content: "";
      position: absolute;
      top: 50%;
      right: 0.7rem;
      line-height: 0;
      margin: -1.3rem -3px 0 0;
      padding: 1.2rem 5px;
      font-size: 1.2rem;
      font-family: "Font Awesome 5 Free";
      font-weight: 600;
      transition: transform 0.3s
  }

  .filter-items .show>a {
      color: #EF6523;
  }

  .filter-items .show>a i {
      transform: rotate(-180deg)
  }

  .filter-items ul {
      display: none;
      position: relative;
      margin: 1rem 0 -0.5rem;
      padding-left: 1.3rem
  }

  .filter-items ul:before {
      content: "";
      position: absolute;
      left: 2px;
      top: 4px;
      bottom: 3px;
      border-left: 1px solid #eee
  }

  .filter-items .color {
      top: 50%;
      display: inline-block;
      margin-right: 0.8rem;
      margin-top: -4.5px;
      width: 0.9rem;
      height: 0.9rem;
      border-radius: 50%
  }

  .widget-vendor-info li span {
      display: inline-block;
      margin-left: 0
  }

  .widget-vendor-info li span:first-child {
      min-width: 10.5rem;
      padding-right: 1rem;
      color: #333
  }

  .widget-vendor-info li span.ratings-container {
      margin-bottom: 0;
      padding-right: 0;
      font-size: 1.3rem
  }

  .widget-vendor-info .seller-name .details {
      color: #222
  }

  .widget-vendor-info .filter-items li {
      display: flex;
      padding: 14px 3px 13px 0px
  }

  .widget-contact-vendor .form-control {
      min-height: 4.1rem;
      padding: 1.2rem 2rem;
      border: 1px solid #e1e1e1;
      line-height: 1.5;
      border-radius: 3px;
      font-size: 14px;
      font-weight: 300;
      color: #999;
      transition: color 0.3s, border-color 0.3s
  }

  .widget-contact-vendor .form-control:focus {
      border-color: #222
  }

  .widget-contact-vendor .form-control:not(:last-child) {
      margin-bottom: 1rem
  }

  .widget-contact-vendor .btn {
      margin: 0.8rem 0 1.2rem;
      padding: 0.8em 1.65em;
      letter-spacing: -0.025em
  }

  .store {
      font-size: 1.3rem;
      line-height: 1.85;
      text-align: center;
      margin-bottom: 2rem
  }

  .store a.social-link {
      border-color: transparent
  }

  .store h4 {
      margin-bottom: 0;
      font-size: 1.8rem;
      font-weight: 700;
      letter-spacing: -0.025em;
      text-transform: uppercase
  }

  .store figure {
      position: relative
  }

  .store img {
      width: 100%;
      display: block
  }

  .tab-content {
      background-color: transparent
  }

  .nav-tabs {
      display: flex;
      flex-wrap: wrap;
      border-bottom: 1px solid #ebebeb
  }

  .nav-tabs .nav-item .nav-link.active,
  .nav-tabs .nav-item.show .nav-link,
  .nav-tabs .nav-item:hover .nav-link {
      color: #222
  }

  .nav-link {
      display: block;
      margin-bottom: -0.1rem;
      padding: 1.6rem 0.2rem;
      font-size: 1.6rem;
      font-weight: 700;
      line-height: 1;
      letter-spacing: 0;
      text-align: center;
      border-radius: 0;
      border: 0;
      transition: border 0.35s, color 0.35s, background-color 0.35s
  }

  .nav-link-with-img {
      position: relative;
      margin-bottom: -4px;
      height: 100%;
      padding: 1.5rem 0 2rem
  }

  .nav-link-with-img figure {
      height: 7.4rem;
      width: 12.1rem
  }

  .nav-link-with-img .img-cat-title {
      position: absolute;
      bottom: 1.5rem;
      font-size: 1.4rem;
      font-weight: 500;
      min-width: 12.1rem
  }

  .nav-link-with-img:after {
      content: "";
      position: absolute;
      bottom: 0;
      width: 100%;
      border-bottom: 4px solid #26c;
      transform: scaleX(0) translateX(-50%);
      transform-origin: left;
      transition: transform 0.3s
  }

  .nav-link-with-img.active:after,
  .nav-link-with-img:hover:after {
      transform: scaleX(1) translateX(-50%)
  }

  .nav-item:not(:last-child) {
      margin-right: 2.5rem
  }

  .nav-fill .nav-item {
      flex: 1
  }

  .tab-content {
      position: relative
  }

  .tab-content>.tab-pane {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      height: 0!important;
      opacity: 0;
      z-index: -1;
      transition: visibility 0.3s, opacity 0.3s
  }

  .tab-content>.tab-pane:not(.active) {
      overflow: hidden;
      visibility: hidden
  }

  .tab-content>.active {
      position: relative;
      height: auto!important;
      opacity: 1;
      z-index: auto
  }

  .tab-pane {
      padding: 2.3rem 0;
      line-height: 1.72;
      color: #666
  }

  .tab-pane p {
          line-height: 1.5;
    font-size: 17px;
    color: #000;
  }

  .tab-nav-simple .nav-link {
      border-bottom: 2px solid transparent;
      background-color: transparent;
      color: #666
  }

  .tab-nav-simple .nav-item .nav-link.active,
  .tab-nav-simple .nav-item.show .nav-link,
  .tab-nav-simple .nav-item:hover .nav-link {
      border-bottom-color: #26c
  }

  .tab-nav-center .nav {
      justify-content: center
  }

  .tab-nav-right .nav {
      justify-content: flex-end
  }

  .tab-nav-boxed .nav-item {
      margin-right: 0
  }

  .tab-nav-boxed .nav-link {
      padding-left: 2.4rem;
      padding-right: 2.4rem
  }

  .tab-nav-round .nav-item:not(:last-child) {
      margin-right: 2px
  }

  .tab-nav-round .nav-link {
      margin-bottom: 0;
      border-radius: 2.3rem;
      background-color: #f2f3f5
  }

  .tab-nav-round .nav-tabs {
      border-bottom: 0
  }

  .tab-boxed .tab-pane {
      padding-left: 2rem;
      padding-right: 2rem
  }

  .tab-outline .tab-content {
      border: 1px solid #ebebeb
  }

  .tab-outline .nav-tabs {
      border-bottom: 0
  }

  .tab-outline .nav-link {
      padding-top: 1.4rem;
      padding-bottom: 1.5rem;
      border: 1px solid transparent;
      border-top-width: 2px
  }

  .tab-outline .nav-item .nav-link.active,
  .tab-outline .nav-item.show .nav-link,
  .tab-outline .nav-item:hover .nav-link {
      border-color: #ebebeb;
      border-top-color: #26c
  }

  .tab-outline2 .nav {
      position: relative;
      z-index: 1
  }

  .tab-outline2 .tab-content {
      border: 1px solid #ebebeb
  }

  .tab-outline2 .nav-tabs {
      border-bottom: 0
  }

  .tab-outline2 .nav-link {
      padding: 1.5rem 2.4rem;
      border: 1px solid transparent
  }

  .tab-outline2 .nav-item .nav-link.active,
  .tab-outline2 .nav-item.show .nav-link,
  .tab-outline2 .nav-item:hover .nav-link {
      border-color: #ebebeb;
      border-bottom-color: #fff
  }

  .tab-vertical {
      display: flex
  }

  .tab-vertical .nav-tabs {
      flex-flow: column nowrap;
      width: 27.8%;
      border: 0;
      border-right: 2px solid #ebebeb
  }

  .tab-vertical .tab-content {
      flex: 1
  }

  .tab-vertical .nav-item {
      margin-right: 0
  }

  .tab-vertical .nav-link {
      position: relative;
      margin-right: -2px;
      padding-left: 2rem;
      width: calc(100% + 2px);
      border: 0;
      text-align: left
  }

  .tab-vertical .nav-link:after {
      content: "";
      display: block;
      position: absolute;
      right: 0;
      width: 2px;
      height: calc(100% - 6px);
      top: 50%;
      transform: translateY(-50%);
      background-color: transparent;
      z-index: 1
  }

  .tab-vertical .tab-pane {
      padding: 1.7rem 2rem
  }

  .tab-vertical.tab-simple .nav-link {
      margin-right: -2px
  }

  .tab-vertical.tab-simple .nav-link:after {
      content: "";
      display: block;
      position: absolute;
      right: 0;
      width: 2px;
      height: calc(100% - 6px);
      top: 50%;
      transform: translateY(-50%) scale(0);
      background-color: transparent;
      transition: transform 0.3s;
      z-index: 1
  }

  .tab-vertical.tab-simple .nav-item .nav-link.active,
  .tab-vertical.tab-simple .nav-item.show .nav-link,
  .tab-vertical.tab-simple .nav-item:hover .nav-link {
      color: #26c
  }

  .tab-vertical.tab-simple .nav-item .nav-link.active:after,
  .tab-vertical.tab-simple .nav-item.show .nav-link:after,
  .tab-vertical.tab-simple .nav-item:hover .nav-link:after {
      background-color: #26c;
      transform: translateY(-50%) scale(1)
  }

  @media (max-width:767px) {
      .tab-vertical {
          flex-flow: column nowrap
      }
      .tab-vertical .nav-tabs,
      .tab-vertical .tab-content {
          width: 100%
      }
      .tab-vertical .nav-tabs {
          border: 0
      }
      .tab-vertical .tab-content {
          padding-left: 0
      }
      .tab-vertical.tab-simple .nav-link:after {
          height: 2px;
          width: 100%;
          background-color: transparent;
          top: calc(100% - 2px);
          transform: scale(0)
      }
      .tab-vertical.tab-simple .nav-item .nav-link.active:after,
      .tab-vertical.tab-simple .nav-item.show .nav-link:after,
      .tab-vertical.tab-simple .nav-item:hover .nav-link:after {
          transform: scale(1)
      }
  }

  .tab-inverse .tab-content {
      border-color: #fff
  }

  .tab-inverse .nav-tabs {
      border: 0
  }

  .tab-inverse .nav-link {
      margin: 0;
      width: 100%
  }

  .tab-inverse .nav-item .nav-link.active,
  .tab-inverse .nav-item.show .nav-link,
  .tab-inverse .nav-item:hover .nav-link {
      background-color: #fff;
      border-color: #fff
  }

  .tab-inverse.tab-simple .nav-link {
      padding-top: 1.4rem;
      border-top: 2px solid transparent
  }

  .tab-inverse.tab-simple .nav-item .nav-link.active,
  .tab-inverse.tab-simple .nav-item.show .nav-link,
  .tab-inverse.tab-simple .nav-item:hover .nav-link {
      border-top-color: #26c
  }

  .tab-nav-solid .nav-link {
      padding-bottom: 1.6rem;
      border: 0
  }

  .tab-nav-solid .nav-item .nav-link.active,
  .tab-nav-solid .nav-item.show .nav-link,
  .tab-nav-solid .nav-item:hover .nav-link {
      color: #fff;
      background-color: #26c;
      border-color: #26c
  }

  @media (max-width:767px) {
      .nav-link {
          font-size: 1.4rem
      }
      .tab-nav-boxed .nav-link {
          padding-left: 1rem;
          padding-right: 1rem
      }
  }

  @media (max-width:479px) {
      .tab-nav-round .nav-link {
          margin-bottom: 0.5rem
      }
  }

  .nav-filters {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      color: #666
  }

  .nav-filters li:not(:last-child) {
      margin-right: 1.8rem
  }

  .nav-filter {
      display: inline-block;
      position: relative;
      padding: 0.5rem 0;
      font-size: 1.4rem;
      letter-spacing: -0.01em;
      line-height: 1;
      transition: color 0.3s
  }

  .nav-filter.active {
      color: #26c
  }

  .filter-underline .nav-filter {
      border-bottom: 1px solid transparent;
      transition: color 0.3s, border-color 0.3s
  }

  .filter-underline .nav-filter.active {
      border-color: #26c
  }

  .testimonial blockquote {
      position: relative;
      margin-bottom: 2rem;
      padding: 1.5rem 2rem;
      font-size: 1.4rem;
      line-height: 1.75;
      color: #666;
      background-color: #f6f7f9;
      overflow: visible
  }

  .testimonial blockquote:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 30px;
      display: block;
      width: 12px;
      height: 12px;
      background-color: #f6f7f9;
      transform: rotate(-45deg) translateY(60%)
  }

  .testimonial-info {
      display: flex;
      align-items: center;
      padding: 0 2rem
  }

  .testimonial-info .testimonial-author-thumbnail {
      margin-right: 1.5rem;
      width: 5rem;
      height: 5rem;
      overflow: hidden;
      border-radius: 50%
  }

  .testimonial-info img {
      width: 100%;
      height: auto
  }

  .testimonial-info cite {
      font-size: 1.4rem;
      font-weight: 400;
      font-style: normal;
      color: #222;
      line-height: 1
  }

  .testimonial-info cite span {
      display: block;
      margin-top: 0.7rem;
      font-size: 1.2rem;
      font-weight: 400;
      text-transform: none;
      color: #999;
      line-height: 1
  }

  .testimonial-inversed blockquote:after {
      right: 45px;
      left: auto
  }

  .testimonial-inversed .testimonial-author-thumbnail {
      order: 2;
      margin-left: 1.5rem;
      margin-right: 0
  }

  .testimonial-inversed .testimonial-info {
      justify-content: flex-end
  }

  .testimonial-inversed cite {
      text-align: right
  }

  .testimonial-centered {
      padding: 3.8rem 3rem 4rem;
      background-color: #f6f7f9;
      text-align: center
  }

  .testimonial-centered .testimonial-info {
      display: block;
      margin: 0;
      padding: 0
  }

  .testimonial-centered .testimonial-author-thumbnail {
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 2rem;
      width: 7rem;
      height: 7rem
  }

  .testimonial-centered blockquote {
      margin-left: auto;
      margin-right: auto;
      background-color: transparent
  }

  .testimonial-centered blockquote:after {
      content: none
  }

  .testimonial-centered .testimonial-title {
      margin-bottom: 2.6rem;
      font-size: 1.8rem;
      letter-spacing: 0;
      line-height: 1.2
  }

  .testimonial-centered blockquote {
      padding: 0
  }

  .testimonial-centered cite span {
      margin-top: 0.8rem
  }

  .testimonial-centered.testimonial-border {
      background-color: transparent;
      box-shadow: 0 0 0 2px #edeef0 inset
  }

  .testimonial-bg {
      padding: 2rem 2rem 0.8rem;
      background-color: transparent
  }

  .testimonial-bg .testimonial-author-thumbnail {
      margin-bottom: 2.3rem
  }

  .testimonial-bg blockquote {
      max-width: 86rem;
      color: rgba(255, 255, 255, 0.8)
  }

  .testimonial-bg cite {
      text-transform: uppercase;
      font-weight: 600;
      color: #fff
  }

  .testimonial-bg cite span {
      color: rgba(255, 255, 255, 0.8)
  }

  .tooltiptext {
      font-family: Poppins, sans-serif;
      position: absolute;
      padding: 1rem 0.7rem;
      bottom: 150%;
      left: 48%;
      background-color: #333;
      color: #fff;
      font-size: 1.3rem;
      font-weight: 400;
      letter-spacing: 0.01em;
      text-align: center;
      visibility: hidden;
      opacity: 0;
      transform: translateX(-50%);
      z-index: 1;
      transition: opacity 0.3s
  }

  .tooltip-bottom:after,
  .tooltip-top:after {
      content: "";
      position: absolute;
      left: 50%;
      margin-left: -6px;
      border-width: 6px;
      border-style: solid
  }

  .tooltip-top:after {
      top: 96%;
      border-color: #333 transparent transparent transparent
  }

  .tooltip-bottom:after {
      top: -37%;
      border-color: transparent transparent #333 transparent
  }

  .title {
      display: flex;
      flex-wrap: wrap;
      position: relative;
      align-items: center;
      text-align: center;
      line-height: 1.1;
      margin-bottom: 2.6rem;
      text-transform: capitalize;
      font-size: 3rem;
      font-weight: 100;
      line-height: 1;
      letter-spacing: -0.0125em;
      color: #222;
      z-index: 1;
      font-family: 'Bodoni Moda'!important;
  }

  .title.title-center {
      justify-content: center
  }

  .title.title-descri {
      font-size: 3rem
  }

  .title-line:after {
      flex: 1;
      margin-left: 3rem;
      content: "";
      height: 2px;
      background-color: #e1e1e1
  }

  .title-line.title-underline:after {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1
  }

  .title-right-line:before {
      flex: 1;
      margin-right: 3rem;
      content: "";
      height: 2px;
      background-color: #e1e1e1
  }

  @media (max-width:479px) {
      .title-line:before {
          margin-right: 1.5rem
      }
      .title-line:after {
          margin-left: 1.5rem
      }
  }

  .title-underline {
      display: block;
      text-align: left
  }

  .title-underline:after {
      margin: 0;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1
  }

  .title-underline span {
      display: inline-block;
      position: relative;
      z-index: 2;
      line-height: 2.28
  }

  .title-underline span:after {
      content: "";
      position: absolute;
      display: block;
      width: 100%;
      height: 2px;
      bottom: 0;
      background-color: #26c
  }

  .title-wrapper .title {
      margin-bottom: 0.5rem
  }

  .title-wrapper p {
      margin-bottom: 2.3rem;
      font-size: 1.4rem;
      line-height: 1.71;
      color: #999
  }

  .title-simple {
      display: block
  }

  .title-simple:after,
  .title-simple:before {
      content: none
  }

  .title-sm {
      font-size: 2rem
  }

  .title-icon {
      flex-direction: column
  }

  .title-icon>i {
      margin-top: 1rem;
      font-size: 1.8rem;
      color: #26c
  }

  .title-icon:after,
  .title-icon:before {
      content: none
  }

  .title-white {
      color: #fff
  }

  .title-white:after,
  .title-white:before {
      background-color: #fff;
      opacity: 0.1
  }

  .title-white>.title {
      color: #fff
  }

  .title-white>.title:after,
  .title-white>.title:before {
      background-color: #fff;
      opacity: 0.1
  }

  .title-white>p {
      color: #fff;
      opacity: 0.5
  }

  .title-link {
      justify-content: space-between;
      padding: 1rem 0;
      border-bottom: 1px solid #e1e1e1
  }

  .title-link:after,
  .title-link:before {
      content: none
  }

  .title-link a {
      color: #444;
      font-size: 1.2rem
  }

  .title-link a:hover {
      color: #26c
  }

  .title-link i {
      font-size: 1rem
  }

  .with-link {
      display: flex;
      justify-content: space-between;
      line-height: 1
  }

  .with-link:after {
      background-color: #e1e1e1
  }

  .with-link a {
      display: inline-flex;
      align-items: center;
      margin-left: auto;
      font-weight: 700;
      font-size: 13px;
      line-height: 2.05em;
      text-transform: uppercase;
      letter-spacing: -0.325px;
      color: #222;
      transition: color 0.3s
  }

  .with-link a:hover {
      color: #26c
  }

  .with-link i {
      margin-left: 0.9rem;
      font-size: 1.9rem;
      line-height: 0
  }

  .title-echo {
      display: flex;
      position: relative;
      justify-content: center;
      align-items: center;
      text-align: center;
      margin-bottom: 7px;
      color: #f3f3f3;
      font-size: 8.89rem;
      letter-spacing: -0.2px
  }

  .title-echo span {
      position: absolute;
      font-size: 3.74rem;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      color: #222
  }

  @media (max-width:767px) {
      .title-echo {
          font-size: 3.2em
      }
  }

  .vendor-details {
      display: flex;
      align-items: center;
      margin-bottom: 2rem
  }

  .vendor-logo {
      margin-right: 1rem
  }

  .vendor-name {
      margin-bottom: 0.5rem;
      font-weight: 600;
      font-size: 1.5rem;
      letter-spacing: -0.025em
  }

  .vendor-products-count {
      font-weight: 400;
      font-size: 1.2rem;
      color: #666
  }

  .vendor-products.grid-type {
      display: grid;
      grid-template-columns: repeat(auto-fill, calc(100% / 3));
      grid-auto-rows: 1fr
  }

  .vendor-products.grid-type .vendor-product {
      grid-column-end: span 1;
      grid-row-end: span 1
  }

  .market .store {
      position: relative;
      box-shadow: 0px 0px 25px 0px #ddd;
      border-radius: 0.3rem;
      overflow: hidden;
      margin-bottom: 2rem
  }

  .market .store .store-content {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 9;
      width: 100%;
      height: 100%;
      padding: 2rem 2.5rem;
      background: rgba(0, 0, 0, 0.45);
      color: #fff
  }

  .market .store .store-title {
      display: flex;
      align-items: center
  }

  .market .store .store-title a {
      display: inline-block;
      margin-bottom: 0;
      color: #fff;
      text-shadow: rgba(0, 0, 0, 0.8) 0 1px 0;
      font-size: 25px
  }

  .market .store .featured-label {
      width: max-content;
      width: -moz-max-content;
      width: -webkit-max-content;
      display: inline-block;
      margin-left: 1rem;
      padding: 0.4rem 1rem;
      font-size: 1rem;
      text-transform: uppercase;
      font-weight: 600;
      background: #2d54a3;
      color: #fff;
      border-radius: 3px;
      box-shadow: 0px 0px 25px -5px #afafaf
  }

  .market .store .ratings-container {
      margin: 0 0 1.1rem 0.2rem;
      font-size: 1.4rem;
      letter-spacing: 0.3em
  }

  .market .store .ratings-full:before {
      content: "" "" "" "" "";
      color: #d26e4b
  }

  .market .store p {
      margin-bottom: 0.2rem;
      line-height: 1.65
  }

  .market .store .store-phone {
      font-size: 1.3rem
  }

  .market .store .store-phone i {
      margin: 0 0.3rem 0.4rem 0;
      font-size: 1.1rem;
      transform: rotateZ(93deg);
      vertical-align: middle
  }

  .market .store .store-footer {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      padding: 2.5rem 2rem 2.4rem;
      background-color: #fff;
      z-index: 90
  }

  .market .store .seller-avatar {
      width: 7rem;
      height: 7rem;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0.6rem;
      position: absolute;
      background-color: #fff;
      right: 2.5rem;
      bottom: 6rem;
      overflow: hidden;
      box-shadow: 0px 0px 30px -6px #afafaf
  }

  .market .store .seller-avatar img {
      border-radius: 50%
  }

  .market .store .btn-link {
      text-transform: capitalize
  }

  .market .store .btn-link i {
      font-size: 2rem
  }

  .store-list {
      display: flex;
      align-items: center
  }

  .store-list .store-header {
      position: relative
  }

  .store-list .store-header .featured-label {
      position: absolute;
      top: 1rem;
      left: 1.5rem;
      margin-left: 0;
      padding-top: 0.3rem;
      padding-bottom: 0.3rem
  }

  .store-list .store-content {
      position: relative;
      background-color: #fff
  }

  .store-list .store-title a {
      color: #222
  }

  .store-list .store-footer {
      position: relative
  }

  .vendor-type2 .vendor-details .ratings-container {
      font-size: 1.2rem
  }

  .vendor-type2 .vendor-products.grid-type.gutter-xs {
      margin: -2.5px
  }

  .vendor-type2 .vendor-products.grid-type.gutter-xs>* {
      padding: 2.5px
  }

  .vendor-type2 .vendor-products.grid-type .vendor-product:first-child {
      grid-column-end: span 2;
      grid-row-end: span 2
  }

  .vendor-type2 .vendor-products.grid-type .product-media {
      border-radius: 0.3rem;
      overflow: hidden;
      height: 100%
  }

  .vendor-type2 .vendor-products.grid-type .product-media img {
      height: 100%
  }

  .vendor-type3 .vendor-details {
      flex-direction: column;
      margin-bottom: 10px
  }

  .vendor-type3 .vendor-name {
      display: flex;
      flex-direction: column;
      align-items: center
  }

  .vendor-type3 .vendor-name a {
      margin-bottom: 5px
  }

  .vendor-type3 .vendor-logo {
      position: relative;
      margin-right: 0;
      transform: translateY(-50%)
  }

  .vendor-type3 .vendor-logo img {
      position: relative;
      border-radius: 100%;
      transition: transform 0.35s
  }

  .vendor-type3 .vendor-logo:before {
      content: "";
      position: absolute;
      top: 0%;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 100%;
      z-index: -1;
      background-color: #26c
  }

  .vendor-type3.vendor-widget:hover .vendor-logo img {
      transform: translateY(-10px)
  }

  .vendor-type3 .vendor-personal {
      margin-top: -25px
  }

  .widget-title {
      margin-bottom: 2rem;
      padding: 1.1rem 0;
      font-size: 1.6rem;
      font-weight: 700;
      text-transform: uppercase;
      line-height: 1.2;
      border-bottom: 1px solid #e1e1e1;
      letter-spacing: -0.025em
  }

  .widget-products .widget-title {
      padding: 2.8rem 0.3rem 1.6rem;
      font-size: 1.8rem;
      font-weight: 600;
      letter-spacing: -0.03em
  }

  .hotspot {
      position: relative
  }

  .hotspot>a {
      display: flex;
      width: 4rem;
      height: 4rem;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      transition: background-color 0.35s, color 0.35s
  }

  .hotspot>a:before {
      font-family: "Font Awesome 5 Free";
      font-size: 1.4rem;
      font-weight: 900;
      color: #fff
  }

  .hotspot.hotspotspread>a:after {
      content: "";
      position: absolute;
      background-color: #fff;
      width: 4rem;
      height: 4rem;
      border-radius: 50%;
      z-index: -1;
      animation: hotspot-animate 2s infinite
  }

  .hotspot:after {
      position: absolute;
      display: block;
      content: "";
      height: 100%;
      width: 100%
  }

  .hotspot:hover .tooltip {
      visibility: visible;
      opacity: 1
  }

  .hotspot.hotspot-type1>a {
      background-color: #222
  }

  .hotspot.hotspot-type1>a:before {
      content: ""
  }

  .hotspot.hotspot-type1:hover>a {
      background-color: #26c
  }

  .hotspot.hotspot-type2>a {
      background-color: #222
  }

  .hotspot.hotspot-type2>a:before {
      content: ""
  }

  .hotspot.hotspot-type2:hover>a {
      background-color: #26c
  }

  .hotspot.hotspot-type3>a {
      background-color: #222
  }

  .hotspot.hotspot-type3>a:before {
      content: "";
      font-weight: 400
  }

  .hotspot.hotspot-type3:hover>a {
      background-color: #26c
  }

  .hotspot.hotspot-type4>a:before {
      content: "";
      color: #222
  }

  .hotspot.hotspot-type4:hover>a:before {
      color: #26c
  }

  @keyframes spotFlash {
      0% {
          opacity: 1
      }
      50% {
          opacity: 0.5
      }
      to {
          opacity: 1
      }
  }

  .hotspot.hotspot-style-flash>a {
      animation-name: spotFlash;
      animation-iteration-count: infinite;
      animation-duration: 3s
  }

  .tooltip {
      position: absolute;
      display: block;
      padding: 1rem;
      background-color: #fff;
      visibility: hidden;
      opacity: 0;
      width: 240px;
      transition: opacity 0.3s;
      box-shadow: 0 5px 14px 0 rgba(155, 155, 155, 0.1);
      z-index: 11
  }

  .tooltip .tooltip-name {
      font-size: 1.4rem;
      font-weight: 400;
      line-height: 3.6rem;
      color: #444;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-bottom: 0
  }

  .tooltip .tooltip-price {
      font-size: 1.6rem;
      font-weight: 400;
      letter-spacing: -0.025em;
      color: #222;
      margin-bottom: 0.8rem
  }

  .tooltip .btn {
      padding: 0.7em 3.78em;
      border-radius: 0.3rem
  }

  @media (max-width:767px) {
      .tooltip {
          display: none
      }
  }

  .hotspot-right .tooltip {
      left: 130%;
      top: -100%
  }

  .hotspot-right:after {
      top: 0;
      left: 100%
  }

  .hotspot-left .tooltip {
      right: 130%;
      top: -100%
  }

  .hotspot-left:after {
      top: 0;
      right: 100%
  }

  .hotspot-top .tooltip {
      bottom: 130%;
      right: -220%
  }

  .hotspot-top:after {
      bottom: 100%
  }

  .hotspot-bottom .tooltip {
      top: 130%;
      right: -220%
  }

  .hotspot-bottom:after {
      top: 100%
  }

  @keyframes hotspot-animate {
      0% {
          transform: scale(1);
          opacity: 1
      }
      to {
          transform: scale(3);
          opacity: 0
      }
  }

  .header {
      font-family: Poppins, sans-serif;
      letter-spacing: -0.025em;
      background: #fff
  }




  .header-border {
      border-bottom: 1px solid #e1e1e1
  }

  .has-center .header-left,
  .has-center .header-right {
      flex: 1
  }

  .cart-dropdown.cart-dropdown-white:hover .minicart-icon {
      background-color: #fff
  }

  .cart-dropdown.cart-dropdown-white:hover .cart-count {
      color: #26c
  }

  .cart-dropdown.type2 .cart-toggle {
      align-items: center
  }

  .cart-dropdown.type2:hover {
      color: #EF6523!important;
  }

  .cart-dropdown.type2 .cart-count {
      position: absolute;
      right: -2px;
      top: 7px;
      width: 1.5rem;
      height: 1.5rem;
      font-size: 0.9rem;
      line-height: 1.7;
      text-align: center;
      border-radius: 50%;
      background-color: #EF6523;
      color: #fff;
      z-index: 1
  }

  .cart-dropdown.type2 .label-block .cart-count {
      width: 2rem;
      height: 2rem;
      font-size: 1.1rem;
      line-height: 2rem;
  }

  .cart-dropdown.type3 .cart-toggle {
      padding: 1.5rem 1.5rem 1.5rem 1.5rem;
      background-color: #26c;
      color: rgba(255, 255, 255, 0.8);
      transition: 0.3s
  }

  .cart-dropdown.type3 .cart-toggle i {
      font-size: 1.5rem;
      margin-right: 7px
  }

  .dark-theme .cart-dropdown .cart-total {
      border-color: #333
  }

  .compare-dropdown .compare-toggle:after {
      content: none
  }

  .compare-dropdown .compare-btn {
      display: flex;
      justify-content: center;
      border-radius: 3px;
      padding: 0.9em 2em;
      line-height: 1.5;
      letter-spacing: 0.01em;
      font-weight: 700
  }

  .wishlist-dropdown .wishlist-toggle:after {
      content: none
  }

  .wishlist-dropdown .wishlist-btn {
      display: flex;
      justify-content: center;
      border-radius: 3px;
      padding: 0.9em 2em;
      line-height: 1.5;
      letter-spacing: 0.01em;
      font-weight: 700
  }

  .header-top .login-dropdown {
      margin-left: 0
  }

  .off-canvas .dropdown-box {
      position: fixed;
      top: 0;
      right: -34rem;
      max-width: 34rem;
      width: 100%;
      height: 100vh;
      min-width: auto;
      padding: 2.9rem 3rem;
      opacity: 1;
      visibility: visible;
      transition: right 0.3s;
      transform: none;
      z-index: 2999;
      box-shadow: none;
      overflow-x: hidden;
      overflow-y: auto
  }

  .off-canvas .dropdown-box .login-popup {
      padding: 0
  }

  .off-canvas .canvas-overlay {
      position: fixed;
      left: 0;
      width: 100vw;
      top: -10vh;
      height: 120vh;
      background: rgba(0, 0, 0, 0.3);
      z-index: 2998;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s
  }

  .off-canvas .canvas-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid #e1e1e1;
      padding-bottom: 1.3rem
  }

  .off-canvas .canvas-title {
      margin-bottom: 0;
      font-size: 1.6rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: -0.018em
  }

  .off-canvas .btn-close {
      font-size: 12px;
      font-weight: 600;
      color: #999
  }

  .off-canvas .btn-close:active,
  .off-canvas .btn-close:focus,
  .off-canvas .btn-close:hover {
      color: #26c
  }

  .off-canvas .btn-close i {
      margin-right: 0;
      font-size: 1.9rem
  }

  .off-canvas .product-cart,
  .off-canvas .product-compare,
  .off-canvas .product-wishlist {
      margin-top: 2rem
  }

  .off-canvas.opened .dropdown-box {
      right: 0
  }

  .off-canvas.opened .canvas-overlay {
      opacity: 1;
      visibility: visible
  }

  .off-canvas:hover .dropdown-box {
      top: 0
  }

  @media (max-width:479px) {
      .off-canvas .dropdown-box {
          max-width: 30.4rem
      }
  }

  .product.product-cart-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-bottom: 1.3rem;
      border-bottom: 1px solid #edeef0
  }

  .product.product-cart-header a,
  .product.product-cart-header span {
      font-size: 1.4rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: -0.025em;
      line-height: 1;
      color: #222529
  }

  .product.product-cart-header a {
      padding: 0;
      padding-bottom: 0;
      color: #222529;
      line-height: 1
  }

  .product.product-cart-header a:hover {
      text-decoration: underline
  }

  .product.product-cart,
  .product.product-compare,
  .product.product-wishlist {
      display: flex;
      align-items: center;
      font-size: 1.3rem
  }

  .product.product-cart:not(:first-child),
  .product.product-compare:not(:first-child),
  .product.product-wishlist:not(:first-child) {
      margin-top: 2rem
  }

  .product.product-cart .product-media,
  .product.product-compare .product-media,
  .product.product-wishlist .product-media {
      position: static;
      width: 8rem;
      margin-right: 2.5rem
  }

  .product.product-cart .product-media a,
  .product.product-compare .product-media a,
  .product.product-wishlist .product-media a {
      display: block;
      height: 100%;
      padding: 0
  }

  .product.product-cart .product-media img,
  .product.product-compare .product-media img,
  .product.product-wishlist .product-media img {
      height: 100%
  }

  .product.product-cart .product-detail,
  .product.product-compare .product-detail,
  .product.product-wishlist .product-detail {
      flex: 1;
      margin: 0 1rem 0rem 0
  }

  .product.product-cart .product-name,
  .product.product-compare .product-name,
  .product.product-wishlist .product-name {
      white-space: normal;
      padding: 0;
      margin-bottom: 0.9rem;
      margin-right: 1rem;
      font-size: 1.4rem;
      font-weight: 600;
      line-height: 1.34;
      letter-spacing: -0.35px;
      font-family: Poppins, sans-serif;
      color: #666
  }

  .product.product-cart .product-name:hover,
  .product.product-compare .product-name:hover,
  .product.product-wishlist .product-name:hover {
      color: #26c
  }

  .product.product-cart .price-box,
  .product.product-compare .price-box,
  .product.product-wishlist .price-box {
      display: flex;
      align-items: center;
      font-size: 1.6rem;
      line-height: 1
  }

  .product.product-cart .product-price,
  .product.product-compare .product-price,
  .product.product-wishlist .product-price {
      font-size: 1.6rem;
      letter-spacing: -0.35px
  }

  .product.product-cart .product-quantity,
  .product.product-compare .product-quantity,
  .product.product-wishlist .product-quantity {
      align-items: center;
      display: flex;
      margin-right: 1rem;
      font-weight: 400
  }

  .product.product-cart .product-quantity:after,
  .product.product-compare .product-quantity:after,
  .product.product-wishlist .product-quantity:after {
      margin-left: 1rem;
      content: "X";
      text-transform: none;
      line-height: 0;
      font-size: 1.5rem
  }

  .product.product-cart .product-price,
  .product.product-compare .product-price,
  .product.product-wishlist .product-price {
      margin: 0;
      color: #222
  }

  .product.product-cart .btn-close,
  .product.product-compare .btn-close,
  .product.product-wishlist .btn-close {
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      width: 2.2rem;
      height: 2.2rem;
      right: -0.4rem;
      top: 50%;
      transform: translateY(-50%);
      border-radius: 50%;
      background-color: #fff;
      color: #222;
      font-size: 1.2rem;
      border: 1px solid #ccc
  }

  .product.product-cart .btn-close i,
  .product.product-compare .btn-close i,
  .product.product-wishlist .btn-close i {
      margin-right: 4px;
      margin-top: 0px;
      font-size: 1.2rem
  }

  .product.product-cart .btn-close:hover,
  .product.product-compare .btn-close:hover,
  .product.product-wishlist .btn-close:hover {
      color: #26c;
      border-color: #26c
  }

  .product.product-cart:last-child,
  .product.product-compare:last-child,
  .product.product-wishlist:last-child {
      margin-bottom: 0
  }

  @media (max-width:991px) {
      .cart-dropdown .cart-label {
          display: none
      }
  }

  @media (max-width:575px) {
      .cart-dropdown .product .product-media,
      .compare-dropdown .product .product-media {
          margin-right: 1rem
      }
      .cart-dropdown .dropdown-box,
      .compare-dropdown .dropdown-box {
          min-width: 31rem
      }
      .cart-dropdown .cart-total,
      .compare-dropdown .cart-total {
          font-size: 1.3rem
      }
  }



  @media (min-width:768px) {
      .element-cta .banner-one-col {
          display: flex
      }
      .element-cta .banner-left-section {
          width: 35.77%
      }
      .element-cta .banner-left-section .banner {
          min-width: 43rem;
          top: 50%;
          transform: translateY(-50%)
      }
      .element-cta .banner-right-section {
          width: 64.23%
      }
  }

  @media (min-width:992px) {
      .element-cta .banner-left-section .banner {
          min-width: 68rem
      }
  }

  @media (max-width:1199px) {
      .element-cta .banner-left-section img {
          max-width: 56rem
      }
  }

  @media (max-width:991px) {
      .element-cta .banner-left-section img {
          max-width: 43rem;
          width: 100%
      }
  }

  @media (max-width:767px) {
      .element-cta .banner-4 .banner-content {
          display: block!important
      }
      .element-cta .banner-left-section img {
          max-width: 100%
      }
      .element-cta .banner-one-col .banner {
          position: static
      }
      .element-cta .banner-right-section .banner-content {
          left: 1rem;
          text-align: center
      }
  }

  @media (max-width:575px) {
      .element-cta .banner {
          font-size: 0.9rem
      }
      .element-cta .banner-group .banner {
          font-size: 1.2rem
      }
      .element-cta .banner-newsletter .icon-box {
          display: block;
          text-align: center
      }
      .element-cta .banner-newsletter .icon-box-icon {
          margin-right: 0;
          margin-bottom: 1rem
      }
      .element-cta .banner-newsletter .icon-box-content {
          text-align: center
      }
  }

  @media (max-width:479px) {
      .element-cta .banner-group .banner {
          font-size: 1rem
      }
  }

  .title-desc-container {
      margin: 0 auto;
      text-align: center;
      max-width: 65rem
  }

  .title-custom-cross {
      display: flex;
      align-items: center;
      font-size: 1.4rem
  }

  .title-custom-cross.title-line:after,
  .title-custom-cross.title-right-line:before {
      max-width: 6rem
  }

  .title-underline-simple.title-underline span:after {
      content: none
  }

  .title-custom-underline:after {
      content: "";
      position: absolute;
      top: 3.4rem;
      left: 50%;
      transform: translateX(-50%);
      padding: 0 4rem;
      border: 2px solid #26c
  }

  .instagram-masonry .height-x25 {
      height: 407px
  }

  .instagram-masonry .height-x2 {
      height: 326px
  }

  .instagram-masonry .height-x1 {
      height: 163px
  }

  .instagram-masonry .height-x15 {
      height: 244px
  }

  .instagram-masonry .grid-item {
      overflow: hidden;
      padding: 1rem
  }

  .instagram-masonry img {
      height: 100%;
      width: 100%;
      object-fit: cover
  }

  .instagram-masonry .instagram {
      height: 100%
  }

  @media (max-width:767px) {
      .instagram-masonry .height-x25 {
          height: 305px
      }
      .instagram-masonry .height-x2 {
          height: 244px
      }
      .instagram-masonry .height-x1 {
          height: 122px
      }
      .instagram-masonry .height-x15 {
          height: 183px
      }
  }

  .posts {
      transition: height 0.4s
  }

  .posts .post-meta a:not(:first-child) {
      margin-left: 0.5rem
  }

  .posts .post-cats {
      margin-bottom: 1.6rem
  }

  .posts .btn:after {
      margin-top: 4px
  }

  .posts .video-play {
      text-align: center;
      width: 6.8rem;
      height: 6.8rem;
      border: 2px solid #fff;
      border-radius: 50%;
      font-size: 1.8rem;
      font-weight: 600;
      line-height: 6.4rem;
      transition: background 0.3s, color 0.3s, box-shadow 0.3s, opacity 0.3s
  }

  .posts .video-play:hover {
      box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0.2);
      background-color: #fff;
      color: #26c
  }

  .posts .post.paused .video-play:before,
  .posts .post .video-play:before {
      margin-left: 4px;
      content: ""
  }

  .posts .post.playing .video-play:before {
      margin-left: 0;
      content: ""
  }

  .posts .btn i {
      margin-left: 0.3rem;
      font-size: 1.4rem
  }

  .posts .post-classic .post-content,
  .posts .post-grid .post-content,
  .posts .post-list .post-content {
      line-height: 1.85
  }

  .posts .post-classic .post-details {
      padding: 3.8rem 0.5rem 2rem
  }

  .posts .post-classic .post-title {
      margin-bottom: 1.4rem
  }

  .posts .post-classic .post-content {
      margin-bottom: 2.8rem
  }

  .posts .post-list .post-details {
      padding-top: 3.8rem
  }

  .posts .post-grid {
      margin-bottom: 1.5rem
  }

  .posts .post-grid .post-details {
      padding-left: 0.5rem;
      padding-right: 0.5rem
  }

  .posts .post-grid .post-meta {
      margin-bottom: 0.4rem
  }

  .posts .post-grid .post-content {
      margin-bottom: 2.8rem
  }

  .post-slider .owl-stage-outer {
      padding: 2rem;
      margin: -2rem
  }

  @media (min-width:1600px) {
      .post-slider .owl-stage-outer {
          padding: 5rem;
          margin: -5rem
      }
      .post-slider .post-frame {
          box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.05)
      }
  }

  @media (min-width:1200px) {
      .posts .post-list .post-media {
          margin-right: 2rem;
          width: calc(42.74% - 2rem)
      }
      .posts .post-list .post-details {
          width: 57.26%
      }
  }

  @media (max-width:767px) {
      .posts .post-list {
          display: block
      }
      .posts .post-list .post-details,
      .posts .post-list .post-media {
          margin: 0;
          width: 100%
      }
  }

  @media (max-width:479px) {
      .post-slider .owl-stage-outer {
          padding: 5rem 1.5rem;
          margin: -5rem -1.5rem
      }
  }

  .shop-banner-default .banner-subtitle,
  .shop-boxed-banner .banner-subtitle {
      margin-bottom: 0.6rem;
      font-size: 2em
  }

  .shop-banner-default .banner-title,
  .shop-boxed-banner .banner-title {
      margin-bottom: 2.4rem;
      font-size: 4em;
      letter-spacing: -0.035em
  }

  .shop-banner-default .btn,
  .shop-boxed-banner .btn {
      padding: 1.2em 2.8em;
      border-color: #919EB2
  }

  .shop-banner-default .btn i,
  .shop-boxed-banner .btn i {
      vertical-align: middle;
      margin-left: 0.7rem;
      font-size: 2.2rem
  }

  .shop-banner-default .btn:active,
  .shop-banner-default .btn:focus,
  .shop-banner-default .btn:hover,
  .shop-boxed-banner .btn:active,
  .shop-boxed-banner .btn:focus,
  .shop-boxed-banner .btn:hover {
      border-color: #fff
  }

  .shop-banner-default {
      padding: 7.5rem 5.7% 8.3rem
  }

  .shop-boxed-banner {
      padding: 7.4rem 7% 8.4rem
  }

  .cph-header {
      min-height: 350px;
      height: auto
  }

  .cph-header .category img {
      width: 80px;
      height: 80px;
      border-radius: 50%
  }

  .cph-header .category-icon {
      padding: 1.7rem 1rem
  }

  .toolbox,
  .toolbox-item,
  .toolbox-item-full,
  .toolbox-left,
  .toolbox-right {
      display: flex;
      align-items: center;
      flex-wrap: wrap
  }

  .toolbox {
      position: relative;
      z-index: 21;
      justify-content: space-between
  }

  .toolbox.toolbox-pagination {
      z-index: 20
  }

  .toolbox {
      font-size: 1.3rem;
      line-height: 1.5;
      padding: 3.5rem 0.2rem 1rem;
      transition: margin 0.4s;
      background-color: transparent
  }

  .toolbox.sticky-toolbox {
      padding-top: 3rem
  }

  .toolbox-left>:not(:last-child),
  .toolbox-right>:not(:last-child),
  .toolbox>:not(:last-child) {
      margin-right: 1.8rem
  }

  .toolbox label {
      margin-right: 0.8rem;
      font-weight: 600;
      text-transform: uppercase
  }

  .toolbox select {
      cursor: pointer;
      padding-top: 0.85rem;
      padding-bottom: 0.85rem;
      border-color: #ebebeb;
      z-index: 0
  }

  .toolbox .select-box .form-control {
      color: #222
  }

  .toolbox .select-box:before {
      font-size: 1rem;
      right: 1rem;
      z-index: 1
  }

  .toolbox .toolbox-sort .form-control {
      max-width: 15rem;
      padding-left: 1.4rem
  }

  .toolbox .toolbox-sort:before {
      right: 1.4rem;
      z-index: 2
  }

  .toolbox-item {
      flex-wrap: nowrap;
      margin-bottom: 1rem
  }

  .toolbox-item label {
      color: #222
  }

  .toolbox-item-full {
      flex-basis: 100%
  }

  .btn-layout {
      color: #dadada;
      font-size: 22px;
      padding: 0 2px
  }

  .btn-layout:last-child {
      padding-right: 0
  }

  .btn-layout.active,
  .btn-layout:hover {
      color: #333
  }

  .btn-layout+.btn-layout {
      margin-left: 2px
  }

  .select-menu {
      color: #222
  }

  .select-menu:before {
      right: 1.25em;
      font-size: 1.2rem;
      margin-top: 1px
  }

  .select-menu ul,
  .select-menu ul:before {
      content: "";
      position: absolute;
      border: 1px solid #eee;
      width: 11px
  }

  .select-menu ul {
      top: 100%;
      z-index: 1000;
      width: 18rem;
      margin-top: 1rem;
      padding: 1rem 1.4rem 1rem;
      background-color: #fff;
      opacity: 0;
      visibility: hidden
  }

  .select-menu ul:before {
      top: -6px;
      left: 22px;
      height: 11px;
      border-width: 1px 0 0 1px;
      background-color: #fff;
      transform: rotate(45deg)
  }

  .select-menu.opened>ul {
      opacity: 1;
      visibility: visible
  }

  .dark-theme .select-menu {
      color: #999
  }

  .dark-theme select.form-control {
      background-color: transparent
  }

  .dark-theme .toolbox-item label {
      color: #999
  }

  .dark-theme .toolbox .select-box .form-control {
      color: #999
  }

  .dark-theme .btn-layout {
      color: #666
  }

  .dark-theme .btn-layout.active,
  .dark-theme .btn-layout:hover {
      color: #26c
  }

  .select-menu-toggle,
  .select-menu select {
      position: relative;
      border: 1px solid #ebebeb;
      padding: 0.8rem 4rem 0.8rem 1.4rem;
      font-size: 1.2rem;
      line-height: 1.5;
      letter-spacing: -0.03em
  }

  .select-menu-toggle {
      border-radius: 2px
  }

  .select-menu select {
      max-width: 17.2rem;
      padding: 0.85rem 2.6rem 0.85rem 0.9rem
  }

  .select-item {
      padding: 6px 0.7rem 4px 1.2rem;
      color: #222;
      background: #eee;
      letter-spacing: -0.01em
  }

  .select-item i {
      padding: 0.5rem 0.6rem 0.7rem;
      margin-left: 5px;
      font-size: 9px;
      vertical-align: middle
  }

  .select-items {
      display: none
  }

  .toolbox+.select-items {
      font-size: 1.2rem;
      margin: 2px 0 1.8rem
  }

  .select-items>* {
      display: inline-block;
      margin: 0 0.8rem 0.5rem 0
  }

  .select-items .filter-clean {
      margin-left: 1.2rem
  }

  .sticky-content-wrapper+.select-items {
      font-size: 1.2rem;
      margin: 2px 0 1.8rem
  }

  .toolbox-pagination {
      position: relative;
      margin-bottom: 1rem;
      padding: 2.5rem 0.2rem;
      border-top: 1px solid #e1e1e1
  }

  .toolbox-horizontal .show-info {
      color: #999;
      font-size: inherit
  }

  .toolbox-horizontal.fixed .sidebar-content,
  .toolbox-horizontal.fixed .sidebar-overlay {
      min-height: 100vh
  }

  .left-sidebar-toggle,
  .right-sidebar-toggle,
  .sidebar-content .filter-actions .sidebar-toggle-btn,
  .toolbox .top-sidebar-toggle {
      padding: 0.61em 0.92em 0.61em;
      margin-right: 2rem;
      font-weight: 700;
      line-height: 1.2
  }

  .left-sidebar-toggle .d-icon-filter-2,
  .right-sidebar-toggle .d-icon-filter-2,
  .sidebar-content .filter-actions .sidebar-toggle-btn .d-icon-filter-2,
  .toolbox .top-sidebar-toggle .d-icon-filter-2 {
      font-size: 1.4rem
  }

  .left-sidebar-toggle .d-icon-filter-2:before,
  .right-sidebar-toggle .d-icon-filter-2:before,
  .sidebar-content .filter-actions .sidebar-toggle-btn .d-icon-filter-2:before,
  .toolbox .top-sidebar-toggle .d-icon-filter-2:before {
      font-weight: 600
  }

  .toolbox .toolbox-left .left-sidebar-toggle {
      font-weight: 600
  }

  .toolbox-item.right-sidebar-toggle {
      margin-right: 0
  }

  .toolbox-wrap {
      display: flex;
      flex-direction: column-reverse;
      line-height: 1.3
  }

  .toolbox-wrap .toolbox>* {
      line-height: 37px
  }

  .toolbox-wrap .toolbox-layout {
      display: flex
  }

  .toolbox-wrap option {
      text-transform: none
  }

  .toolbox-wrap .toolbox-layout {
      display: flex
  }

  .toolbox-wrap .sidebar-content .widget-title {
      padding-bottom: 1rem
  }

  .sticky-toolbox.fixed {
      position: fixed;
      background-color: #fff;
      padding: 1rem 2rem 0
  }

  .widget .widget-body .filter-actions {
      display: block;
      padding: 0 0 1.5rem 0.2rem
  }

  .filter-price-text {
      font-size: 1.3rem;
      color: #222
  }

  .filter-items a:before {
      content: "";
      position: absolute;
      border: 1px solid #999;
      width: 18px;
      height: 18px;
      border-radius: 2px;
      top: 50%;
      transform: translateY(-50%);
      left: -2.7rem;
      font-size: 0.7em;
      font-weight: 900;
      font-family: "Font Awesome 5 Free";
      text-align: center;
      text-indent: 1px;
      line-height: 1.7em
  }

  @media (-webkit-min-device-pixel-ratio:1.5),
  (min--moz-device-pixel-ratio:1.5),
  (min-device-pixel-ratio:1.5) {
      .filter-items a:before {
          text-indent: 0
      }
  }

  .toolbox .btn-link {
      padding: 0
  }

  .filter-clean {
      font-size: 1.4rem;
      margin-left: auto;
      color: #222;
      transition: color 0.3s
  }

  .filter-clean:hover {
      color: #26c
  }

  .shop-sidebar {
      position: relative
  }

  .shop-sidebar .btn-outline:not(:hover) {
      color: #26c;
      background-color: #fff
  }

  .shop-sidebar .left-sidebar-toggle,
  .shop-sidebar .sidebar-toggle-btn {
      padding: 0.8em 1.04em
  }

  .shop-sidebar .filter-actions {
      display: flex;
      align-items: center;
      padding-right: 0.6rem;
      margin-bottom: 2rem
  }

  .btn-icon-right i {
      margin-left: 0.8rem;
      font-size: 1.8rem
  }

  @media (min-width:576px) {
      .toolbox-horizontal .toolbox-left {
          margin-right: auto
      }
      .mr-sm-auto {
          margin-right: auto!important
      }
  }

  @media (min-width:992px) {
      .sidebar-fixed {
          transition: margin 0.4s
      }
      .sidebar-fixed .filter-actions:first-child {
          padding-top: 3rem
      }
      .sidebar-fixed+.main-content {
          transition: flex-basis 0.4s, max-width 0.4s
      }
      .sticky-sidebar-wrapper.closed {
          height: 0
      }
      .closed.sidebar {
          margin-left: -25%
      }
      .closed.right-sidebar {
          margin-right: -25%
      }
      .closed+.main-content {
          max-width: 100%;
          flex-basis: 100%
      }
      .main-content-wrap {
          overflow: hidden
      }
      .sidebar-toggle-remain .toggle-remain {
          position: absolute;
          transition: 0.4s;
          left: 0
      }
  }

  @media (min-width:992px) and (-ms-high-contrast:active),
  (min-width:992px) and (-ms-high-contrast:none) {
      .sidebar-toggle-remain .toggle-remain {
          top: 2.7rem
      }
  }

  @media (min-width:992px) {
      .sidebar-toggle-remain .filter-clean {
          line-height: 3.7rem
      }
  }

  @media (min-width:992px) {
      .sidebar-toggle-remain.sidebar .toggle-remain i {
          transition: transform 0.3s
      }
      .sidebar-toggle-remain.sidebar.closed .toggle-remain {
          left: calc(100% + 30px)
      }
      .sidebar-toggle-remain.sidebar.closed .toggle-remain i {
          transform: rotateY(180deg)
      }
      .sidebar-toggle-remain.sidebar.closed+*>.toolbox:first-child {
          margin-left: 10.8rem
      }
      .sidebar-toggle-remain.sidebar .toggle-remain:before {
          content: "";
          position: absolute;
          background-color: #fff;
          right: calc(100% + 2px);
          width: 20px;
          bottom: -2px;
          top: -2px
      }
  }

  @media (min-width:992px) {
      .sidebar-toggle-remain.right-sidebar.closed .toggle-remain {
          left: -3rem;
          transform: translateX(-100%)
      }
      .sidebar-toggle-remain.right-sidebar.closed .toggle-remain i:before {
          content: ""
      }
      .sidebar-toggle-remain.right-sidebar.closed+*>.toolbox:first-child {
          padding-right: 11rem
      }
  }

  @media (min-width:992px) {
      .toolbox-wrap .sidebar-content {
          border-top: 3px solid #eee;
          transition: border 0.3s
      }
      .toolbox-wrap .sidebar-content>div {
          border-bottom: 3px solid #eee
      }
      .toolbox-wrap .sidebar-content .widget {
          border: none
      }
  }

  @media (min-width:992px) {
      .shop-sidebar .filter-actions {
          margin-bottom: 0
      }
  }

  @media (min-width:992px) {
      .toolbox .sidebar-content {
          max-width: none
      }
  }

  @media (min-width:992px) {
      .toolbox-horizontal .sidebar-fixed .sidebar-content {
          padding-bottom: 0
      }
      .toolbox-horizontal .widget {
          position: relative;
          margin-bottom: 1rem;
          color: #222;
          border-bottom: none
      }
      .toolbox-horizontal .widget .widget-title {
          position: relative;
          border: 1px solid #ebebeb;
          padding: 8px 4rem 8px 1.4rem;
          margin-bottom: 0;
          font-size: 1.2rem;
          line-height: 1.5;
          font-weight: 400;
          text-transform: capitalize;
          border-radius: 2px
      }
      .toolbox-horizontal .widget:before {
          content: "";
          font-family: "Font Awesome 5 free";
          position: absolute;
          top: 50%;
          right: 1.25em;
          margin-top: 1px;
          transform: translateY(-50%);
          font-size: 1.2rem;
          font-weight: 900
      }
      .toolbox-horizontal .widget.opened>ul {
          opacity: 1;
          visibility: visible
      }
      .toolbox-horizontal .widget ul,
      .toolbox-horizontal .widget ul:before {
          content: "";
          position: absolute;
          border: 1px solid #eee
      }
      .toolbox-horizontal .widget ul {
          top: 100%;
          z-index: 1000;
          width: 21rem;
          margin-top: 1rem;
          padding: 1rem 1.4rem;
          background-color: #fff;
          opacity: 0;
          visibility: hidden
      }
      .toolbox-horizontal .widget ul:before {
          top: -6px;
          left: 22px;
          height: 11px;
          width: 11px;
          border-width: 1px 0 0 1px;
          background-color: #fff;
          transform: rotate(45deg)
      }
      .toolbox-horizontal .widget ul li {
          display: flex;
          justify-content: space-between
      }
  }

  @media (min-width:992px) {
      .toolbox-wrap .filter-actions:first-child {
          padding: 0
      }
      .toolbox-wrap .sidebar-toggle-btn {
          display: none
      }
      .toolbox-wrap>.closed {
          margin: 0
      }
      .toolbox-wrap>.closed .sidebar-content {
          display: none;
          border-color: transparent;
          background: transparent
      }
      .toolbox-wrap .filter-clean {
          display: none;
          position: absolute;
          right: 0;
          top: -40px
      }
  }

  @media (min-width:1200px) {
      .select-menu:not(:last-child):not(.toolbox-show) {
          margin-right: 2rem
      }
      .toolbox .shop-sidebar {
          margin-right: 2rem
      }
  }

  @media (max-width:991px) {
      .toolbox .sidebar-fixed {
          margin-right: 0
      }
      .toolbox .sidebar-content {
          display: block
      }
      .sidebar-content .select-menu {
          display: block;
          margin: 0;
          font-size: 1.4rem
      }
      .sidebar-content .select-menu ul {
          position: static;
          width: 100%;
          padding: 0;
          border: 0;
          color: #666;
          margin: 0 0 1.1rem;
          opacity: 1;
          visibility: visible
      }
      .sidebar-content .select-menu ul a:before {
          width: 18px;
          height: 18px;
          margin-top: 0
      }
      .sidebar-content .select-menu:before,
      .sidebar-content .select-menu>a:before,
      .sidebar-content .select-menu ul:before {
          content: none
      }
      .sidebar-content .select-menu-toggle {
          display: block;
          border-width: 3px 0 0;
          padding: 2rem 2px 1.6rem;
          font-size: 1.5rem;
          font-weight: 600;
          text-transform: capitalize
      }
      .sidebar-content .toolbox-item:first-child a {
          border: none
      }
  }

  @media (max-width:767px) {
      .toolbox-item.show-info,
      .toolbox-item>span,
      .toolbox-item label {
          display: none
      }
  }

  @media (max-width:575px) {
      .toolbox-item.select-box {
          margin-right: 0
      }
      .toolbox-item.select-box~.toolbox-item.right-sidebar-toggle {
          margin-left: 1rem
      }
      .toolbox-item.toolbox-layout {
          display: none
      }
      .sticky-sidebar .filter-actions .sidebar-toggle-btn,
      .toolbox .toolbox-left .left-sidebar-toggle {
          margin-right: 1rem
      }
      .toolbox .toolbox-left {
          margin: 0
      }
      .toolbox .left-sidebar-toggle {
          margin-right: 0.5rem
      }
      .toolbox .toolbox-sort .form-control {
          max-width: 12.8rem
      }
      .toolbox-horizontal {
          justify-content: flex-start;
          flex-direction: row
      }
      .toolbox-horizontal .toolbox-left {
          margin-right: auto
      }
      .toolbox-horizontal .toolbox-right {
          margin-left: auto
      }
      .toolbox-horizontal .toolbox-item.toolbox-show {
          margin-right: 0
      }
      .toolbox-pagination {
          flex-direction: column
      }
      .toolbox-pagination>.show-info {
          margin-right: 0
      }
      .toolbox-pagination>:not(:last-child) {
          margin-bottom: 1rem
      }
  }

  @media (max-width:479px) {
      .sticky-toolbox.fixed {
          padding: 1rem 1.5rem 0
      }
      .toolbox {
          padding-right: 0;
          padding-left: 0
      }
      .toolbox .toolbox-sort .form-control {
          max-width: 12.5rem;
          padding-left: 1rem
      }
      .toolbox select {
          padding-top: 0.63rem;
          padding-bottom: 0.63rem;
          padding-right: 2rem
      }
      .toolbox .btn-sm.toolbox-item,
      .toolbox .btn.toolbox-item {
          font-size: 1.2rem;
          padding: 0.61em 0.92em 0.61em
      }
  }

  .cart-added-alert {
      display: none;
      margin-bottom: 1rem
  }

  .container>.cart-added-alert:first-child {
      margin-top: -1rem
  }

  .cart-added-alert span {
      color: #222
  }

  .cart-added-alert .btn-success,
  .cart-added-alert span {
      vertical-align: middle
  }

  .product-details .product-navigation {
      padding: 0.2rem 2px 0.3rem
  }

  .product-gallery {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 3rem;
      position: sticky
  }

  .product-gallery.product-gallery-sticky {
      top: 2rem;
      padding-bottom: 3rem;
      transition: top 0.3s
  }

  .sticky-header-active .product-gallery.product-gallery-sticky {
      top: 8rem
  }

  .product-gallery.row>* {
      display: flex;
      align-items: center
  }

  .product-gallery.row .product-image-full {
      right: 2rem
  }

  .product-image-full {
      display: block;
      position: absolute;
      padding: 1rem;
      right: 1rem;
      bottom: 1rem;
      color: #999;
      font-size: 2rem;
      line-height: 1;
      opacity: 0;
      transition: opacity 0.3s;
      z-index: 1
  }

  :hover>.product-image-full {
      opacity: 1
  }

  .product-navigation {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      padding: 2rem 2px 1.1rem
  }

  .product-navigation .breadcrumb {
      margin: 0 2rem 1rem 0;
      font-size: inherit
  }

  .product-navigation .product-nav {
      margin-bottom: 1rem
  }

  .product-nav {
      display: flex;
      position: relative;
      color: #999
  }

  .product-nav i {
      vertical-align: middle;
      font-size: 1.9rem;
      line-height: 0
  }

  .product-nav li+li {
      margin-left: 2rem
  }

  .product-nav .product-nav-next>a,
  .product-nav .product-nav-prev>a {
      display: flex;
      align-items: center
  }

  .product-nav .product-nav-prev i {
      margin-right: 2px
  }

  .product-nav .product-nav-next i {
      margin-left: 2px
  }

  .product-nav .product-name {
      padding-right: 0;
      color: #666;
      font-size: 1.2rem;
      font-weight: 400;
      white-space: normal
  }

  .product-nav li:hover .product-nav-popup {
      opacity: 1;
      visibility: visible;
      transform: none
  }

  .product-nav-popup {
      position: absolute;
      top: 126%;
      right: 16px;
      z-index: 30;
      width: 120px;
      padding: 0 5px 5px;
      line-height: 1.5;
      text-align: center;
      background-color: #fff;
      box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);
      visibility: hidden;
      opacity: 0;
      transform: scale(0.9);
      transform-origin: top;
      transition: opacity 0.3s, transform 0.3s
  }

  .product-nav-popup:before {
      content: "";
      position: absolute;
      top: -8px;
      right: 18px;
      width: 16px;
      height: 16px;
      transform: rotate(45deg);
      background-color: #fff;
      box-shadow: inherit
  }

  .product-nav-popup img {
      position: relative;
      padding-top: 5px;
      background-color: #fff
  }

  .product-nav-prev .product-nav-popup:before {
      right: 6.6rem
  }

  .product-tabs .nav-link {
      padding: 1rem 2.5rem;
      line-height: 1.2
  }

  .product-tabs .nav-item {
      margin-right: 0
  }

  .product-tabs .tab-pane {
      padding: 1.5rem 0.2rem;
      line-height: 1.86
  }

  .product-footer+.product-tabs {
      margin-top: 2.5rem
  }

  .product-status .list-type li,
  .product-tabs .tab-pane .list-type li {
      padding-left: 3rem
  }

  .product-status {
      line-height: 2
  }

  #product-tab-description .description-title,
  .card-description .description-title {
      font-size: 2rem;
      line-height: 24px
  }

  #product-tab-description .description-title~p,
  .card-description .description-title~p {
      line-height: 1.86
  }

  #product-tab-description li,
  .card-description li {
      position: relative;
      padding-left: 2.4rem
  }

  #product-tab-description li:before,
  .card-description li:before {
      position: absolute;
      display: block;
      left: 3px;
      top: 2px;
      content: "";
      font-family: "riode";
      font-weight: 700;
      font-size: 1.2rem;
      color: #222
  }

  #product-tab-description .table tbody,
  .card-description .table tbody {
      line-height: 1.8
  }

  #product-tab-description .table td,
  #product-tab-description .table th,
  .card-description .table td,
  .card-description .table th {
      padding: 10px;
      text-align: left;
      vertical-align: top;
      border-bottom: 1px solid #e9e9e9
  }

  @media (min-width:768px) {
      #product-tab-description .pl-md-6,
      .card-description .pl-md-6 {
          padding-left: 3rem!important
      }
  }

  #product-tab-description .btn-play,
  .card-description .btn-play {
      display: flex;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      align-items: center;
      justify-content: center;
      padding: 0;
      font-size: 35px;
      width: 78px;
      height: 78px;
      border-radius: 50%;
      background-color: #222;
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
      color: #fff
  }

  #product-tab-description .icon-box-icon,
  .card-description .icon-box-icon {
      font-size: 3rem;
      border-color: #cdcdcd
  }

  #product-tab-description .icon-box-content p,
  .card-description .icon-box-content p {
      font-size: 1.3rem;
      color: #999
  }

  #product-tab-description .divider,
  .card-description .divider {
      margin: 1.3rem 0 1.3rem;
      height: 4.4rem
  }

  #product-tab-description figure img,
  .card-description figure img {
      vertical-align: middle
  }

  #product-tab-description .icon-box-icon,
  .card-body .icon-box-icon {
      width: 5.1rem;
      height: 5.1rem;
      margin-right: 2rem
  }

  #product-tab-description .icon-box-icon .d-icon-truck,
  .card-body .icon-box-icon .d-icon-truck {
      font-size: 3.6rem
  }

  #product-tab-description .icon-box-title,
  .card-body .icon-box-title {
      margin-bottom: 0.2rem
  }

  #product-tab-description .icon-box-wrap {
      max-width: 559px
  }

  #product-tab-additional label,
  .card-additional label {
      display: inline-block;
      min-width: 20rem;
      color: #222
  }

  #product-tab-additional p,
  .card-additional p {
      display: inline-block;
      margin-bottom: 0
  }

  #product-tab-size-guide,
  .card-sizeguide {
      display: block
  }

  #product-tab-size-guide .size-image,
  .card-sizeguide .size-image {
      flex: 0 0 36%;
      text-align: center;
      padding: 0 10px
  }

  #product-tab-size-guide .size-table,
  .card-sizeguide .size-table {
      flex: 1;
      font-size: 14px;
      text-transform: uppercase;
      color: #21293c
  }

  #product-tab-size-guide .size-table thead th,
  .card-sizeguide .size-table thead th {
      padding: 30px 0 30px 10px;
      font-weight: 600;
      background: #f4f4f2;
      text-align: left
  }

  #product-tab-size-guide .size-table tbody tr>*,
  .card-sizeguide .size-table tbody tr>* {
      padding: 12px 0 12px 10px;
      font-weight: 700;
      text-align: left
  }

  #product-tab-size-guide .size-table tbody tr:nth-child(2n),
  .card-sizeguide .size-table tbody tr:nth-child(2n) {
      background-color: #ebebeb
  }

  #product-tab-reviews .comments-list li,
  .card-reviews .comments-list li {
      padding-bottom: 3rem;
      margin-bottom: 3rem;
      border-bottom: 1px solid #e1e1e1
  }

  #product-tab-reviews .comments,
  .card-reviews .comments {
      padding: 1rem
  }

  #product-tab-reviews .comment p,
  .card-reviews .comment p {
      margin-bottom: 0
  }

  #product-tab-reviews .comment-rating,
  .card-reviews .comment-rating {
      right: 0;
      top: 3rem;
      font-size: 1.2rem;
      margin-bottom: 1rem
  }

  #product-tab-reviews .ratings-full,
  .card-reviews .ratings-full {
      margin-right: 0
  }

  #product-tab-reviews .reply,
  .card-reviews .reply {
      margin-bottom: 0
  }

  #product-tab-reviews .reply p,
  .card-reviews .reply p {
      margin-bottom: 2.5rem;
      font-size: 1.3rem;
      color: #666
  }

  #product-tab-reviews .reply .btn,
  .card-reviews .reply .btn {
      padding: 1.2em 2.97em
  }

  #product-tab-reviews .reply .btn i,
  .card-reviews .reply .btn i {
      font-size: 1.9rem;
      margin-left: 1rem
  }

  #product-tab-reviews .form-checkbox,
  .card-reviews .form-checkbox {
      font-size: 1.3rem
  }

  #product-tab-reviews .form-control-label,
  .card-reviews .form-control-label {
      padding-left: 0
  }

  #product-tab-reviews .form-control-label:before,
  .card-reviews .form-control-label:before {
      display: inline-block;
      position: relative;
      transform: none;
      vertical-align: middle;
      margin-right: 0.5rem
  }

  #product-tab-reviews .btn.btn-link.active,
  #product-tab-reviews .btn.btn-link:hover,
  .card-reviews .btn.btn-link.active,
  .card-reviews .btn.btn-link:hover {
      color: #26c
  }

  #product-tab-reviews {
      padding-top: 3rem
  }

  .product-details .collapse:after {
      color: #26c
  }

  .accordion-border .card {
      padding: 0 1.3rem
  }

  .rating-form {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      margin-bottom: 2.2rem
  }

  .rating-form label {
      margin-right: 1rem
  }

  .rating-stars {
      display: flex;
      position: relative;
      height: 14px;
      font-size: 1.4rem
  }

  .rating-stars a {
      color: #999;
      text-indent: -9999px;
      letter-spacing: 1px;
      width: 16px;
      letter-spacing: 0.2em
  }

  .rating-stars a:before {
      content: "";
      position: absolute;
      left: 0;
      height: 14px;
      line-height: 1;
      font-family: "riode";
      text-indent: 0;
      overflow: hidden;
      white-space: nowrap
  }

  .rating-stars a.active:before,
  .rating-stars a:hover:before {
      content: "";
      color: #d26e4b
  }

  .rating-stars .star-1 {
      z-index: 10
  }

  .rating-stars .star-2 {
      z-index: 9
  }

  .rating-stars .star-3 {
      z-index: 8
  }

  .rating-stars .star-4 {
      z-index: 7
  }

  .rating-stars .start-5 {
      z-index: 6
  }

  .rating-stars .star-1:before {
      width: 20%
  }

  .rating-stars .star-2:before {
      width: 40%
  }

  .rating-stars .star-3:before {
      width: 60%
  }

  .rating-stars .star-4:before {
      width: 80%
  }

  .rating-stars .star-5:before {
      content: ""
  }

  .product-sticky-content:not(.fixed) .sticky-product-details {
      display: none
  }

  .product-sticky-content:not(.fixed) .container {
      padding: 0
  }

  .product-sticky-content.fixed {
      padding: 1rem 0
  }

  .product-sticky-content.fixed .container {
      display: flex;
      align-items: center
  }

  .product-sticky-content.fixed .product-form {
      flex: 1
  }

  .product-sticky-content.fixed .product-form-group {
      justify-content: flex-end
  }

  .product-sticky-content.fixed .product-form,
  .product-sticky-content.fixed .product-form-group>* {
      margin-bottom: 0
  }

  .product-sticky-content.fixed .product-form>label {
      display: none
  }

  .product-sticky-content.fixed .input-group {
      margin-right: 0.8rem
  }

  .sticky-product-details {
      display: flex;
      align-items: center
  }

  .sticky-product-details img {
      display: block;
      width: 9rem;
      height: 9rem
  }

  .sticky-product-details .product-image {
      margin-right: 1rem;
      max-width: 9rem
  }

  .sticky-product-details .product-title {
      margin-bottom: 0.5rem;
      font-weight: 700
  }

  .sticky-product-details .product-price {
      font-weight: 600
  }

  .sticky-product-details .product-price,
  .sticky-product-details .product-title {
      font-size: 2rem
  }

  .sticky-product-details .product-price,
  .sticky-product-details .ratings-container {
      margin-bottom: 0
  }

  .sticky-product-details .product-info {
      display: flex
  }

  .sticky-product-details .product-price {
      margin-right: 2rem
  }

  aside .service-list {
      padding: 0 2rem;
      border: 1px solid #eee
  }

  aside .service-list>* {
      justify-content: flex-start;
      padding: 2.2rem 0
  }

  aside .service-list>:not(:last-child) {
      border-bottom: 1px solid #e1e1e1
  }

  aside .service-list i {
      margin-left: 5px;
      font-size: 3.2rem
  }

  aside .service-list .icon-box-title {
      font-size: 1.5rem;
      letter-spacing: 0;
      line-height: 1.2
  }

  aside .service-list p {
      line-height: 1.2
  }

  aside .service-list .icon-box1 i {
      margin-left: 0;
      font-size: 3.7rem
  }

  aside .banner-content {
      left: 5%;
      top: 12%;
      width: 90%
  }

  aside .banner-subtitle {
      font-weight: 500;
      font-size: 16px;
      color: #777777
  }

  aside .banner-title {
      font-size: 2.3rem;
      line-height: 1.4em
  }

  aside .owl-nav-top .owl-nav {
      top: -5.1rem
  }

  aside .owl-nav-top .owl-nav i {
      padding: 0.1rem;
      font-size: 1.2rem
  }

  aside .owl-nav-top .owl-nav i:before {
      font-weight: 600
  }

  .review-form-section .review-medias {
      margin-top: 3rem;
      margin-bottom: 1rem
  }

  .review-form-section .review-medias>.btn {
      display: flex;
      align-items: center
  }

  .review-form-section .file-input {
      position: relative;
      margin-right: 2rem;
      padding: 0;
      width: auto;
      background-repeat: no-repeat;
      background-size: cover
  }

  .review-form-section .file-input-wrapper {
      display: block;
      width: 80px;
      height: 80px;
      background-repeat: no-repeat;
      background-size: cover
  }

  .review-form-section input[type=file] {
      width: 0!important;
      height: 0!important;
      overflow: hidden;
      opacity: 0
  }

  .review-form-section .btn-action {
      position: absolute;
      right: -10px;
      top: -10px;
      height: 22px;
      width: 22px;
      display: flex;
      justify-content: center;
      line-height: 22px;
      font-size: 10px;
      border-radius: 50%;
      background-color: #fff;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
      cursor: pointer;
      transition: box-shadow 0.3s
  }

  .review-form-section .btn-action:before {
      font-family: "Font Awesome 5 Free";
      font-weight: 600
  }

  .review-form-section .btn-upload:before {
      content: ""
  }

  .review-form-section .btn-remove {
      top: auto;
      bottom: -10px
  }

  .review-form-section .btn-remove:before {
      content: "";
      font-size: 12px
  }

  .review-medias {
      display: flex;
      align-items: flex-start;
      flex-wrap: wrap
  }

  .avg-rating-container {
      display: flex;
      align-items: center;
      margin-bottom: 1rem
  }

  .avg-rating-container mark {
      font-size: 6rem;
      font-weight: 700;
      letter-spacing: -0.025em;
      line-height: 1;
      color: #26c;
      background: none;
      margin-right: 1.8rem
  }

  .avg-rating-container .rating-reviews:hover {
      color: #999
  }

  .ratings-item {
      display: flex;
      align-items: center
  }

  .ratings-item .ratings-container {
      margin-right: 1.8rem
  }

  .ratings-item .progress-value {
      margin-left: 2rem
  }

  .rating-percent {
      background: #eee;
      height: 0.8rem;
      width: 20rem;
      max-width: 100%;
      border-radius: 1rem
  }

  .rating-percent span {
      display: block;
      height: 100%;
      border-radius: inherit;
      background: #999
  }

  .comments .toolbox {
      padding: 0 0 1rem;
      margin-bottom: 3rem;
      border-bottom: 1px solid #e1e1e1
  }

  .comments .toolbox .btn {
      font-size: 1.3rem;
      padding: 0.82em 1.08em
  }

  .comments .toolbox .toolbox-sort .form-control {
      min-width: 15rem
  }

  .comments .toolbox-pagination {
      border: none
  }

  .comments .page-item {
      margin-bottom: 0
  }

  .comments .file-input-wrappers {
      display: flex
  }

  .comments .file-input-wrappers>* {
      width: 6rem;
      height: 6rem;
      margin-right: 1rem;
      cursor: zoom-in
  }

  .comments .file-input-wrappers img {
      height: 100%
  }

  .comments .feeling i {
      font-size: 1.4rem
  }

  .comments .btn-play {
      display: flex;
      justify-content: center;
      align-items: center
  }

  .comments .btn-play i {
      width: 3rem;
      height: 3rem;
      line-height: 3rem;
      text-align: center;
      border-radius: 50%;
      color: #fff;
      background: rgba(0, 0, 0, 0.7)
  }

  .review-form-section .review-form-wrapper {
      position: fixed;
      top: 0;
      bottom: 0;
      right: -100%;
      background-color: #fff;
      z-index: 1101;
      box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.1);
      padding: 3rem;
      transition: right 0.3s;
      overflow: auto
  }

  .review-form-section .review-overlay {
      position: fixed;
      left: 0;
      width: 100vw;
      top: -10vh;
      height: 120vh;
      background: rgba(0, 0, 0, 0.3);
      z-index: 1100;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s
  }

  .review-form-section.opened .review-form-wrapper {
      right: 0
  }

  .review-form-section.opened .review-overlay {
      opacity: 1;
      visibility: visible
  }

  @media (max-width:575px) {
      #product-tab-reviews .comments-list>ul,
      .card-body .comments-list>ul {
          padding: 0
      }
      #product-tab-reviews .comment-body,
      .card-body .comment-body {
          padding-left: 1.5rem
      }
      #product-tab-additional label {
          min-width: 13rem
      }
  }

  @media (min-width:576px) {
      #product-tab-size-guide .size-table tbody th,
      #product-tab-size-guide thead th:first-child,
      .card-sizeguide .size-table tbody th,
      .card-sizeguide thead th:first-child {
          padding-left: 3rem
      }
      #product-tab-size-guide {
          display: flex
      }
  }

  @media (min-width:992px) {
      .product-form select {
          width: 20rem
      }
      .product-single .product-details {
          padding-left: 1rem
      }
      .product-details.row {
          padding-left: 0
      }
      .product-details.row>:last-child {
          padding-left: 2rem
      }
  }

  @media (min-width:1600px) {
      .container-fluid .product-thumbs.owl-carousel {
          width: calc(100% + 20px);
          margin: 0 -10px
      }
      .container-fluid .product-thumb {
          margin: 0 10px
      }
      .container-fluid .product-thumbs-wrap {
          margin-top: 20px
      }
      .container-fluid .product-thumbs .owl-prev {
          left: 10px
      }
      .container-fluid .product-thumbs .owl-next {
          right: 10px
      }
      .container-fluid .pg-vertical .product-thumb {
          margin: 0 0 20px
      }
      .container-fluid .pg-vertical .product-thumbs-wrap {
          margin: 0 20px 0 0
      }
      .container-fluid .pg-vertical .product-single-carousel {
          max-width: calc(100% - 129px)
      }
  }

  @media (min-width:992px) and (max-width:1199px) {
      aside .service-list {
          padding: 0 1rem
      }
  }

  @media (min-width:768px) and (max-width:1035px) {
      .product-single #product-tab-size-guide {
          display: block
      }
  }

  @media (max-width:991px) {
      aside .service-list .icon-box-side {
          flex-direction: row
      }
      aside .service-list .icon-box-side .icon-box-icon {
          padding: 0;
          margin: 0 2rem 0 0
      }
      aside .service-list .icon-box-side .icon-box-content {
          text-align: left
      }
  }

  .product-sticky-both .btn-cart {
      margin-bottom: 1rem
  }

  .product-sticky-both .product-action {
      display: flex
  }

  .product-sticky-both .btn-wishlist {
      margin-bottom: 1rem
  }

  @media (min-width:992px) {
      .product-sticky-both .btn-cart {
          max-width: 100%
      }
      .product-sticky-both .product-form .p-relative,
      .product-sticky-both .product-form .select-box {
          margin-right: 0;
          width: 100%
      }
      .product-sticky-both .product-form select {
          flex: 1;
          width: 100%
      }
  }

  @media (max-width:991px) {
      #product-tab-description .icon-box-side,
      .card-body .icon-box-side {
          flex-direction: row
      }
      #product-tab-description .icon-box-icon,
      .card-body .icon-box-icon {
          display: inline-flex;
          margin-bottom: 0;
          padding: 0
      }
      #product-tab-description .icon-box-content,
      .card-body .icon-box-content {
          text-align: left
      }
      .review-form-wrapper {
          width: 45rem
      }
  }

  @media (max-width:575px) {
      .review-form-wrapper {
          width: 30rem
      }
      .review-form-wrapper .file-input-wrapper {
          width: 6rem;
          height: 6rem
      }
      .review-form-wrapper .file-input {
          margin-right: 1rem
      }
  }

  .dark-theme .avg-rating-title,
  .dark-theme .product-nav .product-name,
  .dark-theme .progress-value {
      color: #999
  }

  .dark-theme .size-image img {
      filter: invert(1)
  }

  .dark-theme .size-table {
      color: #fff
  }

  .dark-theme .size-table thead th {
      background: #999
  }

  .dark-theme .size-table tbody tr:nth-child(2n) {
      background-color: #999
  }

  .dark-theme .rating-percent {
      background: #999
  }

  .dark-theme .rating-percent span {
      background: #fff
  }

  .post-single .post-details {
      padding: 4rem 0 0 0
  }

  .post-single .post-author {
      text-transform: uppercase
  }

  .post-single .post-title {
      margin-bottom: 2.5rem;
      font-size: 2.4rem
  }

  .post-single .post-body a {
      text-decoration: underline;
      color: #222
  }

  .post-single .post-body a:hover {
      color: #26c
  }

  .post-single .post-body h4 {
      margin-bottom: 2rem;
      font-size: 2rem;
      line-height: 1.2
  }

  .post-single .post-body p {
      line-height: 1.72
  }

  .post-single .post-body li,
  .post-single .post-body p {
      text-align: justify
  }

  .post-single .post-body figcaption {
      color: #999
  }

  .post-single .post-body figcaption a {
      color: inherit;
      border-bottom: 1px solid #999;
      text-decoration: none;
      transition: border-color 0.3s, color 0.3s
  }

  .post-single .post-body figcaption a:hover {
      border-color: #26c
  }

  .post-single .with-img {
      display: flex
  }

  .post-single .with-img figure {
      display: table;
      margin: 0 auto
  }

  .post-single .with-img .list {
      margin-left: 0;
      line-height: 1.82
  }

  .post-single .with-img li:not(:last-child) {
      margin-bottom: 0.3rem
  }

  .post-single blockquote {
      padding-left: 6rem
  }

  .post-single blockquote p {
      font-size: 1.8rem
  }

  .post-single blockquote:before {
      display: inline-block;
      position: absolute;
      left: 0;
      top: 0;
      font-family: "Font Awesome 5 Free";
      content: "";
      font-weight: 900;
      font-size: 2.5rem;
      color: #222;
      line-height: 1
  }

  .post-single .post-author-detail {
      position: relative;
      display: flex;
      align-items: flex-start;
      margin-top: 6rem;
      padding: 3rem;
      border: 1px solid #e1e1e1;
      z-index: 1
  }

  .post-single .author-media {
      max-width: 6rem;
      flex: 0 0 6rem;
      margin-right: 1.8rem;
      overflow: hidden
  }

  .post-single .author-media img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover
  }

  .post-single .author-header {
      flex-wrap: wrap;
      margin: 0.2rem 0 1.2rem
  }

  .post-single .author-header :not(i) {
      line-height: 1
  }

  .post-single .author-header .author-name {
      font-size: 1.8rem;
      line-height: 1.2
  }

  .post-single .author-header .author-title {
      font-size: 1.3rem;
      line-height: 1.86
  }

  .post-single .author-header .author-link {
      display: inline-block;
      font-size: 1.3rem;
      margin: 1rem 0;
      text-decoration: none
  }

  .post-single .author-header .author-link:hover {
      color: #26c
  }

  .post-single .author-body {
      flex-grow: 1
  }

  @media (max-width:575px) {
      .post-single blockquote {
          padding-left: 4rem
      }
      .post-single blockquote p {
          font-size: 1.6rem
      }
      .post-single .post-author-detail {
          padding: 1.7rem
      }
  }

  .post-footer {
      display: flex;
      align-items: center
  }

  .post-footer .social-icons {
      margin-left: auto
  }

  .post-footer .social-icon {
      display: inline-block;
      margin: 0.3rem 2.8rem 0.3rem 0;
      font-size: 1.5rem;
      color: #999
  }

  .post-footer .social-icon.social-pinterest {
      margin-right: 1rem
  }

  .page-nav {
      padding-bottom: 1rem;
      border-bottom: 1px solid #ebebeb;
      display: flex;
      align-items: center;
      width: 100%
  }

  .pager-link {
      position: relative;
      color: #999;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      flex: 0 0 50%;
      max-width: 50%;
      font-weight: 400;
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
      font-size: 1.3rem;
      font-weight: 400;
      text-transform: uppercase;
      line-height: 1.5;
      transition: all 0.35s ease
  }

  .pager-link+.pager-link {
      border-left: 0.1rem solid #ebebeb
  }

  .pager-link:after {
      display: block;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      font-family: "riode";
      font-size: 2rem;
      font-weight: 400;
      line-height: 1;
      transition: all 0.35s ease 0.05s
  }

  .pager-link.pager-link-prev {
      padding-right: 3rem;
      padding-left: 4.2rem
  }

  .pager-link.pager-link-prev:after {
      content: "";
      left: 0.2rem
  }

  .pager-link.pager-link-next {
      padding-left: 3rem;
      padding-right: 4.2rem;
      align-items: flex-end;
      text-align: right
  }

  .pager-link.pager-link-next:after {
      content: "";
      right: 0.2rem
  }

  .pager-link:focus,
  .pager-link:hover {
      color: #999
  }

  .pager-link:focus .pager-link-title,
  .pager-link:hover .pager-link-title {
      box-shadow: 0 0.2rem 0 #333
  }

  .pager-link-title {
      display: inline-block;
      margin-top: 0.6rem;
      flex: 0 0 auto;
      color: #222;
      font-size: 1.5rem;
      font-weight: 700;
      text-transform: none;
      transition: all 0.35s ease;
      max-width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
  }

  @media (max-width:575px) {
      .pager-link-title {
          display: none
      }
      .pager-link.pager-link-next {
          border: 0
      }
  }

  .related-posts {
      padding: 7rem 0 4.5rem
  }

  .related-posts .post-details {
      padding: 2.3rem 0 1rem
  }

  .related-posts .post-title {
      text-transform: none
  }

  .related-posts .post-content {
      margin-bottom: 1.8rem;
      line-height: 1.72
  }

  .comments .title-simple,
  .related-posts .title-simple,
  .reply .title-simple {
      font-size: 2.4rem
  }

  .element-animation .element-animate {
      border-bottom: 1px solid #e1e1e1;
      padding: 8rem 0
  }

  .element-animation h2 {
      font-size: 30px;
      font-weight: 700;
      line-height: 1em;
      margin: 0
  }

  .shop-table {
      text-align: left
  }

  .shop-table tbody {
      border-bottom: 1px solid #e1e1e1
  }

  .shop-table td {
      padding: 1.5rem 1rem 1.5rem 0;
      border-top: 1px solid #e1e1e1;
      font-size: 1.4rem
  }

  .shop-table th {
      padding: 0.3rem 0 0.3rem;
      font-size: 1.6rem;
      font-weight: 600;
      line-height: 1.875;
      text-transform: uppercase;
      color: #222
  }

  .shop-table img {
      display: block;
      max-width: 100px
  }

  .shop-table .product-thumbnail a {
      display: block;
      width: 100px
  }

  .shop-table .remove {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 2.3rem;
      height: 2.3rem;
      font-size: 1.2rem;
      color: #222;
      border: 1px solid #ccc;
      border-radius: 50%
  }

  .shop-table .product-name {
      white-space: normal;
      color: #000
  }

  .shop-table td.product-remove {
      padding-right: 0;
      width: 23px
  }

  .shop-table .product-price {
      display: table-cell
  }

  .share-on>* {
      margin-right: 2.8rem
  }

  .share-on .social-link {
      border: none;
      width: auto;
      height: auto
  }

  .share-on .social-link.social-facebook {
      color: #3b5998
  }

  .share-on .social-link.social-twitter {
      color: #1da1f2
  }

  .share-on .social-link.social-pinterest {
      color: #bd081c
  }

  .share-on .social-link.social-email {
      color: #dd4b39
  }

  .share-on .social-link.social-whatsapp {
      color: #3c8a38
  }

  .share-on .social-link.social-icon:hover {
      background-color: transparent;
      color: #26c
  }

  @media (min-width:768px) {
      .wishlist-table td.product-price {
          width: 130px
      }
      .wishlist-table td.product-stock-status {
          width: 130px
      }
  }

  @media (min-width:992px) {
      .wishlist-table td.product-price {
          width: 107px
      }
      .wishlist-table td.product-stock-status {
          width: 201px
      }
      .wishlist-table td.product-add-to-cart {
          width: 235px
      }
  }

  @media (max-width:767px) {
      .shop-table {
          text-align: center
      }
      .shop-table thead {
          display: none
      }
      .shop-table tbody,
      .shop-table td,
      .shop-table tr {
          display: block
      }
      .shop-table tbody {
          border: 1px solid #e1e1e1
      }
      .shop-table tr {
          position: relative;
          padding: 4rem 1rem 4rem
      }
      .shop-table tr+tr {
          border-top: 1px solid #e1e1e1
      }
      .shop-table td {
          padding: 0;
          border: none
      }
      .shop-table .product-thumbnail {
          margin-bottom: 1rem
      }
      .shop-table .btn-product,
      .shop-table .product-thumbnail a,
      .shop-table td {
          margin-left: auto;
          margin-right: auto
      }
      .shop-table .product-stock-status {
          margin-bottom: 1rem
      }
      .shop-table .btn-product {
          max-width: 220px
      }
      .shop-table .product-remove {
          position: absolute;
          right: 2rem;
          top: 2rem;
          padding: 0.5rem;
          width: auto
      }
      .shop-table .product-quantity {
          margin-bottom: 1rem
      }
      .wishlist-table td.product-price {
          display: block;
          width: 100%
      }
  }

  .wishlist-table th.product-name {
      padding-left: 2px;
      width: 120px
  }

  .wishlist-table .wishlist-out-stock {
      color: #d26e4b
  }

  .wishlist-table .wishlist-in-stock {
      color: #26c
  }

  .wishlist-table .btn-product {
      padding: 1.4rem;
      white-space: nowrap;
      width: 13rem;
      margin: 0 auto;
      font-size: 1.2rem;
      transition: color 0.3s, background-color 0.3s
  }

  .wishlist-table .btn-product:hover {
      color: #fff;
      background-color: #26c
  }

  .wishlist-table .btn-product.btn-disabled {
      border-color: #f2f3f5!important;
      background-color: #f2f3f5!important
  }

  .wishlist-page {
      border-top: 1px solid #e1e1e1
  }

  .wishlist-empty {
      padding: 20px 0 70px
  }

  .wishlist-empty .main-content {
      text-align: center
  }

  .wishlist-empty .wishlist-icon {
      font-size: 80px
  }

  .wishlist-empty .wishlist-descri {
      font-size: 14px;
      margin: 22px 0
  }

  .wishlist-empty .btn {
      width: 20rem;
      margin-top: 1rem
  }

  .cart.main {
      border-top: 1px solid #e1e1e1
  }

  .cart .accordion {
      border-bottom: 1px solid #e1e1e1
  }

  .cart .card-header {
      font-size: 1.4rem
  }

  .cart .card-header>a {
      padding-left: 2px
  }

  .cart .card-body {
      margin-bottom: 2.4rem;
      padding: 0
  }

  .cart .form-control {
      font-family: Poppins, sans-serif
  }

  .cart .remove {
      margin-right: 0;
      width: 2rem;
      text-align: center
  }

  .cart .summary {
      line-height: 2.15
  }

  .cart .summary .title {
      margin-bottom: 1rem;
      padding-bottom: 1.8rem;
      border-bottom: 1px solid #e1e1e1
  }

  .cart .btn-checkout {
      display: block;
      padding-top: 1.06em;
      padding-bottom: 1.06em;
      border-color: #333;
      background-color: #333
  }

  .cart .product-thumbnail figure {
      position: relative;
      display: inline-block
  }

  .cart .shop-table th {
      padding: 0.2rem 0 1.8rem;
      font-size: 1.3rem;
      font-weight: 700;
      color: #999;
      line-height: 1;
      letter-spacing: -0.025em
  }

  .cart .shop-table td {
      padding: 1.6rem 2rem 1.6rem 0
  }

  .cart .shop-table td:last-child {
      padding-right: 0
  }

  .cart .shop-table td:first-child {
      padding: 2rem 2rem 1.5rem 0
  }

  .cart .shop-table .quantity.form-control {
      font-weight: 700
  }

  .cart .product-remove {
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      font-size: 1.2rem;
      width: 2.3rem;
      height: 2.3rem;
      border: 1px solid #ccc;
      border-radius: 50%;
      background-color: #fff;
      color: #222
  }

  .cart .shipping {
      margin-bottom: 0.3rem
  }

  .cart .btn {
      border-width: 1px
  }

  .cart .shipping-row-last .summary-subtitle {
      padding: 2.4rem 0 1.9rem
  }

  .cart .shipping-row-last li {
      padding-bottom: 0.3rem
  }

  .step-by {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      padding: 0.9rem 0
  }

  .step-by .title.title-step {
      margin: 0 3.4rem 0 1rem;
      font-size: 2rem;
      text-transform: uppercase;
      font-weight: 700;
      color: #666;
      letter-spacing: -0.5px;
      padding: 0.4rem 0
  }

  .step-by .title.title-step:not(:last-child):after {
      content: "";
      display: inline-block;
      position: absolute;
      right: -3rem;
      top: 52%;
      line-height: 0;
      vertical-align: middle;
      font-family: "Font Awesome 5 Free";
      font-weight: 700;
      font-size: 1.7rem;
      background-color: #fff;
      color: #ccc
  }

  .step-by .title.title-step.visited {
      color: #222
  }

  .step-by .title.title-step.visited~.active:before {
      color: #222
  }

  .step-by .title.title-step.active {
      color: #26c
  }

  .step-by .title.title-step:first-child {
      margin-left: 0
  }

  .step-by .title.title-step:first-child:before {
      display: none
  }

  .step-by .title.title-step:last-child {
      margin-right: 0
  }

  .summary {
      padding: 2.4rem 3rem 3rem;
      border: 1px solid #e1e1e1;
      border-radius: 2px
  }

  .summary td:last-child,
  .summary th:last-child {

  }

  .summary th {
      text-align: left
  }

  .summary .form-control {
      width: 100%;
      max-width: 100%
  }

  .summary-title {
      font-size: 1.8rem;
      font-weight: 700;
      letter-spacing: -0.01em;
      color: #222;
      text-transform: uppercase;
      padding-bottom: 1.9rem;
      margin-bottom: 0;
      border-bottom: 1px solid #e1e1e1
  }

  .summary-subtotal {
      border-bottom: 1px solid #e1e1e1
  }

  .summary-subtitle {
      font-size: 1.6rem;
      font-weight: 600;
      letter-spacing: -0.01em;
      color: #222;
      margin-bottom: 0;
      padding: 2rem 0
  }

  .summary-subtotal-price {
      font-size: 1.4rem;
      font-weight: 600;
      color: #222;
      margin-bottom: 0;
      font-family: Poppins, sans-serif
  }

  .summary-total-price {
      font-size: 2rem;
      letter-spacing: -0.025em;
      font-weight: 700;
      color: #222;
      text-align: right;
      margin-bottom: 0;
      font-family: Poppins, sans-serif
  }

  .total .summary-subtitle {
      padding: 2.4rem 0 2.3rem
  }

  @media (max-width:767px) {
      .summary {
          padding-left: 2rem;
          padding-right: 2rem
      }
      .cart .shop-table td {
          padding: 0
      }
      .cart .shop-table td.product-price {
          display: block;
          width: 100%;
          text-align: center
      }
      .cart .shop-table tr {
          padding: 2rem 0 3rem
      }
      .cart .shop-table .product-quantity,
      .cart .shop-table .product-subtotal,
      .cart .shop-table .product-thumbnail {
          margin-bottom: 0.5rem
      }
  }

  .shipping-address {
      padding-bottom: 2.4rem;
      border-bottom: 1px solid #e1e1e1
  }

  .shipping-address label {
      display: block;
      margin-bottom: 1.4rem;
      font-size: 1.5rem
  }

  .shipping-address .form-control {
      margin-bottom: 1.5rem;
      padding: 1rem 1.4rem;
      font-size: 1.3rem;
      border-color: #e1e1e1;
      color: #999;
      min-height: 4.1rem
  }

  .shipping-address .btn {
      padding: 0.9em 1.7em
  }

  .checkout .select-box,
  .checkout input.form-control,
  .shipping-address .select-box,
  .shipping-address input.form-control {
      background-color: #fff
  }

  .checkout .select-box .form-control,
  .checkout input.form-control .form-control,
  .shipping-address .select-box .form-control,
  .shipping-address input.form-control .form-control {
      padding: 1rem 1.4rem 0.8rem;
      font-size: 1.4rem;
      color: #666
  }

  .checkout .select-box:before,
  .checkout input.form-control:before,
  .shipping-address .select-box:before,
  .shipping-address input.form-control:before {
      font-family: "riode";
      content: "";
      right: 1.5rem;
      font-size: 1.1rem;
      z-index: 2
  }

  .cart-total {
      text-align: right
  }

  .cart-total .btn-calc {
      margin-bottom: 1.8rem
  }

  .cart-total td,
  .cart-total th {
      border-top: 1px solid #e1e1e1
  }

  .cart-subtotal th {
      font-weight: 400
  }

  .cart-subtotal td,
  .cart-subtotal th {
      padding: 1.5rem 0
  }

  .order-total {
      font-size: 1.6rem;
      font-weight: 600;
      color: #26c
  }

  .order-total td,
  .order-total th {
      padding-top: 1.9rem
  }

  .cart-table .product-name {
      font-weight: 600;
      color: #222;
      line-height: 1.86
  }

  .cart-table .product-price {
      width: 100px
  }

  .cart-table .product-quantity {
      width: 135px
  }

  .cart-table .product-subtotal {
      width: 85px;
      color: #222
  }

  .cart-table .input-group button,
  .cart-table .input-group input {
      border-color: #eee
  }

  .cart-table .input-group .quantity-minus {
      border-radius: 0.3rem 0 0 0.3rem
  }

  .cart-table .input-group .quantity-plus {
      border-radius: 0 0.3rem 0.3rem 0
  }

  .cart-actions {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap
  }

  .cart-actions .btn-icon-left {
      padding: 1.06em 2.2em
  }

  .cart-actions .btn-icon-left i {
      margin-right: 0.8rem;
      font-size: 2rem
  }

  .cart-actions button {
      padding: 1.07em 2.23em
  }

  .cart-actions button.btn-disabled {
      border-color: #222!important;
      background-color: transparent!important;
      border-width: 1px;
      color: #222!important;
      opacity: 0.4;
      cursor: default
  }

  .cart-coupon-box .coupon-title {
      margin-bottom: 2.3rem;
      padding-top: 0.8rem;
      font-size: 1.8rem
  }

  #coupon_code {
      padding-left: 1.6rem;
      padding-right: 1.6rem;
      font-size: 1.3rem;
      border: none;
      border-bottom: 1px solid #e1e1e1;
      transition: border-color 0.3s;
      border-radius: 0
  }

  @media (min-width:992px) {
      .cart.main .product-thumbnail {
          width: 12rem
      }
      .cart.main .product-price {
          width: 11rem
      }
      .cart.main .product-quantity {
          width: 17.7rem
      }
      .cart.main .product-subtotal {
          width: 13.2rem
      }
      .cart.main .product-close {
          width: 2.3rem
      }
  }

  .cart-page {
      border-top: 1px solid #e1e1e1
  }

  .cart-empty {
      padding: 20px 0 70px
  }

  .cart-empty .main-content {
      text-align: center
  }

  .cart-empty .cart-icon {
      font-size: 80px
  }

  .cart-empty .cart-descri {
      font-size: 14px;
      margin: 22px 0
  }

  .cart-empty .btn {
      width: 20rem;
      margin-top: 1rem
  }

  .checkout {
      line-height: 1.54
  }

  .checkout.main {
      border-top: 1px solid #e1e1e1
  }

  .checkout .alert.card-header {
      padding-top: 1.2rem;
      padding-bottom: 1.3rem;
      background-color: #fff;
      border: 1px dashed #cacbcc;
      text-transform: none
  }

  .checkout .alert.card-header>a {
      display: inline-block;
      padding: 0
  }

  .checkout .alert.card-header>a:after,
  .checkout .alert.card-header>a:before {
      content: none
  }

  .checkout .alert-icon>i {
      margin-right: 0.8rem
  }

  .checkout .alert-body {
      transition: display 0.3s
  }

  .checkout .alert-body p {
      font-size: 1.3rem
  }

  .checkout .alert-body.expanding {
      display: none
  }

  .checkout .alert-body.collapsing {
      display: block
  }

  .checkout .alert-body .form-control {
      margin: 0
  }

  .checkout .checkbox {
      margin: 0.6rem 0 1.6rem 0.2rem
  }

  .checkout .link-group .btn {
      padding: 1em 2.5em
  }

  .checkout .link-group span {
      margin: 0 1.1rem;
      font-size: 1.4rem
  }

  .checkout .lost-link {
      font-size: 1.3rem;
      color: #000
  }

  .checkout .social-link {
      border-radius: 0.3rem;
      color: #fff
  }

  .checkout .social-link.social-google {
      background-color: #dd4b39;
      border-color: #dd4b39
  }

  .checkout .social-link.social-facebook {
      background-color: #3b5998;
      border-color: #3b5998
  }

  .checkout .social-link.social-twitter {
      background-color: #1da1f2;
      border-color: #1da1f2
  }

  .checkout .check-coupon-box .form-control {
      max-width: 42.5rem
  }

  .checkout .check-coupon-box .btn {
      padding: 1.04em 2.05em;
      border-width: 1px
  }

  .checkout label {
      display: block;
      padding-left: 0.2rem;
      margin-bottom: 1rem;
      font-size: 1.4rem;
      line-height: 0.9
  }

  .checkout .form .title.title-simple {
      margin-top: 0.3rem;
      font-size: 1.8rem
  }

  .checkout .select-box select {
      max-width: 100%;
      width: 100%
  }

  .checkout .form-control {
      margin-bottom: 2.1rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      font-size: 1.3rem;
      font-family: Poppins, sans-serif;
      transition: background-color 0.3s, border-color 0.3s;
      color: #999;
      min-height: 4.1rem;
      border-radius: 0.3rem
  }

  .checkout .form-control:not(:focus) {
      background-color: #fff
  }

  .checkout .form-control:not(select):focus {
      border-color: #000
  }

  .checkout textarea.form-control {
      padding-top: 1.5rem
  }

  .checkout .form-checkbox {
      padding-top: 0.7rem;
      margin-bottom: 2.8rem
  }

  .checkout .form-control-label {
      padding-left: 2.6rem;
      margin-bottom: 0;
      font-size: 1.4rem;
      line-height: 2.58
  }

  .checkout .product-name {
      font-size: 1.4rem;
      letter-spacing: 0;
      white-space: normal
  }

  .checkout .btn-order {
      width: 100%;
      border-color: #333;
      background-color: #333;
      transition: opacity 0.3s
  }

  .checkout .btn-order:hover {
      opacity: 0.9
  }

  .checkout .card {
      background: transparent
  }

  .checkout .card-header {
      font-size: 1.4rem;
      line-height: 3rem;
      text-transform: capitalize;
      font-weight: 300
  }

  .checkout .card-header a {
      padding: 0 0 0 2.5rem
  }

  .checkout .card-header a:after,
  .checkout .card-header a:before {
      position: absolute;
      content: "";
      display: inline-block;
      border-radius: 50%;
      top: 50%;
      transform: translateY(-50%)
  }

  .checkout .card-header a:before {
      left: 0;
      width: 1.8rem;
      height: 1.8rem;
      background-color: #fff;
      border: 1px solid #cdcdcd
  }

  .checkout .card-header a.collapse:after {
      width: 0.8rem;
      height: 0.8rem;
      left: 0.5rem;
      background: #666
  }

  .checkout .card-body {
      padding: 0.2rem 0 1.1rem 2.9rem;
      line-height: 1.4
  }

  .checkout .payment.accordion {
      border-bottom: 1px solid #e1e1e1;
      padding-bottom: 2rem
  }

  .checkout .payment.accordion .summary-subtitle {
      font-size: 1.5rem
  }

  .checkout .checkout-info {
      padding: 1.5rem 0;
      margin: 0;
      font-size: 1.3rem;
      font-weight: 400;
      letter-spacing: 0.01em;
      font-family: Poppins, sans-serif
  }

  .checkout .product-quantity {
      margin-left: 0.4rem
  }

  .checkout .title.title-simple {
      font-weight: 700
  }

  .checkout .summary .form-control-label {
      line-height: 1.4
  }

  .checkout .summary .form-control-label:before {
      top: 0;
      transform: none
  }

  .checkout .summary .form-control-label a {
      color: #000
  }

  .checkout .summary .form-control-label a:hover {
      color: #26c
  }

  .summary .title {
      margin-bottom: 1.9rem;
      padding-bottom: 2.2rem;
      border-bottom: 1px solid #e1e1e1
  }

  .order-table {
      color: #222
  }

  .order-table th {
      padding: 0 0 0.7rem 0;
      font-size: 1.6rem;
      font-weight: 600
  }

  .order-table td {
      padding-bottom: 0.6rem;
      line-height: 2.2
  }

  .order-table .order-total td {
      border-bottom: none;
      padding: 1.2rem 0 0
  }

  .order-table .shipping-row label {
      margin-bottom: 1.5rem
  }

  .order-table .shipping-row-last {
      border-bottom: 1px solid #e1e1e1
  }

  .order-table .shipping-row-last label {
      margin-bottom: 2.1rem;
      color: #666
  }

  .order-table .summary-subtotal {
      border-top: 1px solid #e1e1e1
  }

  .order-table .summary-subtotal td:first-child {
      padding: 0.4rem 0 0.3rem
  }

  .order-table .summary-subtotal-price {
      padding-top: 1rem
  }

  .order-table tbody>tr:nth-child(2) td {
      padding-bottom: 1.6rem
  }

  .sumnary-shipping ul {
      list-style: none;
      margin: 0;
      padding: 0;
      text-align: left
  }

  .sumnary-shipping .summary-subtitle {
      padding-bottom: 2.2rem;
      text-align: left
  }

  .summary-total {
      border-bottom: 1px solid #e1e1e1
  }

  .summary-total .summary-subtitle {
      padding: 2.3rem 0 2.1rem
  }

  @media (max-width:479px) {
      .order-table tbody .product-name,
      .order-table tbody .product-total {
          padding-bottom: 2rem;
          line-height: 1.2
      }
      .order-table tbody>tr:nth-child(2) td {
          padding-bottom: 2rem
      }
  }

  .order .title {
      font-size: 2rem
  }

  .order .order-message {
      max-width: 34rem;
      padding: 3rem;
      box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
      border-radius: 1rem
  }

  .order .order-message .icon-box-icon {
      margin-right: 3.2rem
  }

  .order .order-message svg {
      width: 5rem;
      height: 5rem;
      stroke: #26c
  }

  .order .order-message .icon-box-title {
      font-size: 1.8rem
  }

  .order .order-results {
      display: flex;
      flex-wrap: wrap;
      margin: 4.8rem 0 1.9rem
  }

  .order .overview-item {
      display: flex;
      position: relative;
      flex-direction: column;
      flex-wrap: wrap;
      margin-bottom: 3rem
  }

  .order .overview-item:not(:last-child) {
      margin-right: 3rem;
      padding-right: 3.1rem
  }

  .order .overview-item:not(:last-child):after {
      content: "";
      position: absolute;
      right: 0;
      top: 50%;
      display: block;
      transform: translateY(-50%);
      width: 1px;
      height: 42px;
      background: #e1e1e1
  }

  .order .overview-item span {
      text-transform: uppercase
  }

  .order .overview-item strong {
      color: #222;
      font-weight: 600;
      font-size: 2rem
  }

  .order .btn.btn-back {
      font-size: 1.3rem
  }

  .order .summary-subtotal:last-child {
      border-bottom: none
  }

  .order .address-info {
      border-bottom: 1px solid #e1e1e1
  }

  .order .address-info p {
      color: #666;
      font-family: Poppins, sans-serif;
      line-height: 2.15
  }

  .order-details {
      border: 1px solid #e1e1e1;
      border-radius: 3px;
      padding: 0.4rem 3rem
  }

  .order-details-table .product-name {
      padding: 1.6rem 0 1.8rem;
      font-size: 1.4rem;
      font-weight: 400;
      line-height: 1.42;
      color: #000;
      white-space: inherit
  }

  .order-details-table .product-name i {
      font-size: 1rem
  }

  .order-details-table .product-name span {
      font-weight: 700;
      color: #222
  }

  .order-details-table th>.summary-subtitle {
      font-size: 1.8rem;
      font-weight: 600;
      text-align: left
  }

  .order-details-table .product-price {
      display: block
  }

  .order-details-table .product-price,
  .order-details-table .summary-subtotal-price {
      text-align: right
  }

  .order-details-table .summary-subtotal-price {
      font-weight: 600;
      color: #666
  }

  .order-details-table .product-price {
      font-size: 1.4rem;
      color: #666;
      font-weight: 400;
      padding-top: 1.2rem
  }

  .order-details-table thead {
      border-bottom: 1px solid #e1e1e1
  }

  .order-details-table thead .summary-subtitle {
      font-size: 1.8rem
  }

  .order-details-table tbody tr:first-child td {
      padding-top: 3.2rem
  }

  .order-details-table tbody tr:first-child td.product-price {
      padding-top: 2.8rem
  }

  @media (max-width:767px) {
      .order .order-message {
          font-size: 2rem
      }
      .order .overview-item {
          flex-direction: row;
          width: 100%;
          align-items: center
      }
      .order .overview-item:not(:last-child):after {
          content: none
      }
      .order .overview-item span {
          margin-right: 2rem
      }
  }

  @media (max-width:575px) {
      .order .order-details {
          padding: 0 2rem
      }
      .order .order-message {
          font-size: 1.8rem
      }
      .order .overview-item {
          font-size: 1.6rem
      }
  }

  @media (max-width:479px) {
      .order .order-details {
          padding: 0 1.5rem
      }
      .order .order-message {
          font-size: 1.6rem
      }
      .order .overview-item {
          font-size: 1.4rem
      }
      .step-by .title.title-step {
          font-size: 1.8rem
      }
      .step-by .title.title-step:after {
          font-size: 1.4rem;
          top: 50%
      }
  }

  .sample-icons .tab-pane {
      overflow: hidden
  }

  .sample-icon-circle {
      margin-bottom: 2rem
  }

  .sample-icon-circle i {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto;
      width: 64px;
      height: 64px;
      border-radius: 50%;
      font-size: 30px;
      background: #26c;
      color: #fff
  }

  .sample-icon {
      display: flex;
      align-items: center;
      line-height: 41px
  }

  .sample-icon span {
      font-size: 12px;
      white-space: nowrap
  }

  .sample-icon i {
      display: inline-block;
      margin-right: 10px;
      width: 32px;
      font-size: 20px;
      text-align: center
  }

  .sample-icon:hover {
      color: #26c;
      background: #f2f3f5;
      border-radius: 4px
  }

  .sample-icon:hover i {
      font-size: 30px
  }

  .sample-icon-list i {
      font-size: 22px
  }

  @media (min-width:1200px) {
      .cols-xl-12>* {
          flex: 0 0 8.3333%;
          max-width: 8.3333%
      }
  }

  .faq .breadcrumb {
      padding: 1.2rem 0 1.1rem
  }

  .faq .page-header {
      height: 30.3rem
  }

  .faq .page-subtitle {
      margin-bottom: 0.3rem;
      font-size: 3rem
  }

  .faq .page-title {
      margin-bottom: 0.2rem;
      font-size: 5rem
  }

  .faq section {
      padding-top: 4.1rem
  }

  .faq .card {
      border-width: 1px 0 0 0;
      border-color: #ebebeb
  }

  .faq .card:last-child {
      border-color: #ebebeb
  }

  .faq .card-header {
      font-size: 1.6rem;
      text-transform: none;
      letter-spacing: -0.025em
  }

  .faq .card-header a {
      padding: 1.7rem 1rem
  }

  .faq .card-header a:after {
      font-size: 1.5rem;
      right: 1.3rem;
      color: #999
  }

  .faq .card-body {
      padding: 0.2rem 1rem
  }

  .compare-page {
      border-top: 1px solid #e1e1e1
  }

  .compare-default {
      padding-bottom: 60px
  }

  .compare-default .container {
      overflow-x: auto
  }

  .compare-default .container>div:nth-child(2n) .compare-col {
      background-color: #f8f8f8
  }

  .compare-default .riode-compare-table .compare-value:last-child .to-right,
  .compare-default .riode-compare-table .compare-value:nth-child(2) .to-left {
      pointer-events: none;
      color: #e1e1e1
  }

  .compare-default .compare-row {
      display: flex;
      width: 100%
  }

  .compare-default .compare-col {
      flex: 0 0 20%;
      max-width: 20%;
      padding: 25px 0
  }

  @media (max-width:1199px) {
      .compare-default .compare-col {
          flex: 0 0 25%;
          max-width: 25%
      }
  }

  @media (max-width:810px) {
      .compare-default .compare-col {
          flex: 0 0 45%;
          max-width: 45%
      }
  }

  @media (max-width:575px) {
      .compare-default .compare-col {
          flex: 0 0 63%;
          max-width: 63%
      }
  }

  .compare-default .compare-field {
      color: #999;
      font-size: 14px;
      font-weight: 600;
      text-align: right;
      padding-right: 5rem
  }

  .compare-default .compare-basic .compare-field {
      display: flex;
      justify-content: flex-end;
      align-items: center
  }

  .compare-default .compare-basic .compare-value {
      padding-right: 0
  }

  .compare-default .compare-value {
      position: relative;
      padding-right: 1rem;
      padding-left: 2rem;
      color: #222
  }

  @media (max-width:575px) {
      .compare-default .compare-field {
          padding-right: 2rem
      }
      .compare-default .compare-value {
          padding-left: 10px
      }
  }

  .compare-default .btn-product-icon {
      line-height: 34px;
      display: block;
      width: 36px;
      height: 36px
  }

  .compare-default .btn-default {
      margin: 0 5px 5px;
      color: #999;
      border: 1px solid #e1e1e1;
      border-radius: 3px;
      transition: border-color 0.3s, color 0.3s, background-color 0.3s;
      overflow: hidden
  }

  .compare-default .btn-default.btn-cart:hover,
  .compare-default .btn-default:hover {
      background-color: #344cef;
      border-color: transparent;
      color: #fff
  }

  .compare-default .product:hover .btn-cart:not(.btn-default:hover) {
      background-color: #fff;
      color: #999;
      border: 1px solid #e1e1e1;
      border-radius: 3px
  }

  .compare-default .btn-cart {
      flex: unset
  }

  .compare-default .btn-wishlist {
      transform: translateX(0);
      opacity: 1;
      visibility: visible
  }

  .compare-default .btn-wishlist i {
      line-height: 3.2rem
  }

  .compare-default .btn-moving {
      position: absolute;
      visibility: hidden;
      opacity: 0;
      top: 50%;
      transform: translateY(-50%);
      transition: opacity 0.2s, visibility 0.2s, left 0.2s, right 0.2s
  }

  .compare-default .btn-right {
      right: 0px
  }

  .compare-default .btn-left {
      left: 0px
  }

  .compare-default .product-details {
      padding-right: 0
  }

  .compare-default .product-details .product-action {
      display: inline-flex
  }

  .compare-default .product:hover .btn-moving {
      visibility: visible;
      opacity: 1
  }

  .compare-default .product:hover .btn-left {
      left: -30px
  }

  .compare-default .product:hover .btn-right {
      right: -30px
  }

  .compare-default .compare-title {
      font-weight: 600
  }

  .compare-default .product-price {
      color: #26c;
      font-size: inherit;
      font-weight: 400
  }

  .compare-default .compare-availability p {
      margin: 0;
      padding: 0
  }

  .compare-default .compare-availability .stock {
      color: #b10001
  }

  .compare-default .compare-availability .in-stock {
      color: #a8ce6e;
      background-color: unset
  }

  .compare-default .compare-rating .ratings-container {
      font-size: inherit;
      margin: 0
  }

  .compare-default .compare-rating .rating-reviews {
      font-size: inherit
  }

  .compare-empty {
      padding: 20px 0 70px
  }

  .compare-empty .main-content {
      text-align: center
  }

  .compare-empty .compare-icon {
      font-size: 80px
  }

  .compare-empty .compare-descri {
      font-size: 14px;
      margin: 22px 0
  }

  .compare-empty .btn {
      width: 20rem;
      margin-top: 1rem
  }

  .countdown-default {
      display: flex;
      justify-content: center;
      border-radius: 0.3rem;
      overflow: hidden
  }

  .countdown-default .countdown-row {
      display: flex;
      justify-content: center;
      line-height: 1.5
  }

  .countdown-default .countdown-amount {
      font-size: 3rem;
      color: #222;
      letter-spacing: -0.025em;
      line-height: 1;
      padding-top: 10px
  }

  .countdown-default .countdown-period {
      font-size: 1.4rem;
      text-transform: lowercase;
      padding-bottom: 10px;
      color: #9A9A9A
  }

  .countdown-default .countdown-section {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      box-sizing: content-box;
      width: 73px;
      margin: 10px 22px;
      border: 1px solid transparent
  }

  @media (min-width:576px) {
      .countdown-default:not(.ct-2-grid) .countdown-section:not(:first-child):before {
          content: ":";
          position: absolute;
          color: #9A9A9A;
          font-size: 3rem;
          margin-right: 19px;
          top: 50%;
          left: calc(0% - 25px);
          transform: translateY(-50%)
      }
  }

  @media (max-width:575px) {
      .countdown-default:not(.ct-2-grid) .countdown-row {
          display: grid;
          grid-template-columns: repeat(2, calc(100% / 2))
      }
  }

  .border-split .countdown-row {
      position: relative
  }

  .border-split .countdown-row:before,
  .border-split .countdown-row:after {
      position: absolute;
      content: ""
  }

  .border-split .countdown-row:before {
      left: 0;
      right: 0;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      top: 50%
  }

  .border-split .countdown-row:after {
      top: 0;
      bottom: 0;
      border-left: 1px solid rgba(255, 255, 255, 0.1);
      left: 50%
  }

  .countdown-type1 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #313439;
      padding: 1.4rem 5rem;
      border-radius: 0.3rem
  }

  .countdown-type1 .banner-title {
      font-size: 24px;
      line-height: 1.2
  }

  .countdown-type1 .banner-subtitle {
      font-size: 18px;
      line-height: 1.2
  }

  .countdown-type1 .countdown-content-center {
      margin-left: auto;
      margin-right: auto
  }

  .countdown-type1 .countdown-content-center .countdown-section {
      background-color: #414449
  }

  .countdown-type1 .countdown-content-center .countdown-amount {
      color: #fff
  }

  .countdown-type1 .btn {
      position: relative;
      color: #fff;
      transition: color 0.2s
  }

  .countdown-type1 .btn:after {
      position: absolute;
      content: "";
      top: 100%;
      border-bottom: 2px solid;
      width: 100%;
      padding-top: 6px
  }

  .countdown-type1 .btn:hover {
      color: #26c
  }

  @media (max-width:1199px) {
      .countdown-type1 {
          flex-direction: column;
          align-items: unset
      }
      .countdown-type1 .countdown-content-right {
          text-align: right
      }
  }

  @media (max-width:575px) {
      .countdown-type1 {
          padding: 1.4rem;
          align-items: center
      }
      .countdown-type1 .countdown-content-left {
          flex-direction: column;
          text-align: center
      }
  }

  .cd-section-border .countdown-section {
      border: 1px solid #ccc
  }

  .countdown-type2 {
      padding: 1rem
  }

  .countdown-type2 .countdown {
      background-color: #f5f5f5;
      padding: 1.3rem 1rem
  }

  .countdown-type3 {
      padding: 1rem
  }

  .countdown-type3 .countdown {
      display: flex;
      padding: 22px 25px;
      background-size: cover;
      justify-content: flex-start
  }

  .countdown-type3 .countdown-row {
      display: grid;
      grid-template-columns: repeat(2, calc(100% / 2))
  }

  .countdown-type3 .countdown-section {
      padding: 0 5px;
      margin: 1rem;
      border-radius: 0.3rem
  }

  .countdown-type3 .countdown-1 {
      background-image: url(../images/elements/count/2-2.jpg)
  }

  .countdown-type3 .countdown-1 .countdown-section {
      background-color: #6e6e6c
  }

  .countdown-type3 .countdown-1 .countdown-amount {
      color: #fff
  }

  .countdown-type3 .countdown-1 .countdown-period {
      color: #ccc
  }

  .countdown-type3 .countdown-2 {
      background-image: url(../images/elements/count/3-2.jpg)
  }

  .countdown-type3 .countdown-2 .countdown-amount {
      color: #fff
  }

  .countdown-type3 .countdown-2 .countdown-period {
      color: #FFFFFFA6
  }

  .element-counter .count-to {
      margin-bottom: 15px;
      color: #26c;
      letter-spacing: -0.025em;
      font-size: 48px
  }

  .element-counter .count-title {
      font-size: 18px;
      margin-bottom: 10px;
      line-height: 1.4em;
      letter-spacing: -0.01em
  }

  @media (max-width:1199px) {
      .element-counter .counter-part {
          margin-bottom: 20px
      }
  }

  .counter-box .counter {
      box-shadow: 5px 5px 20px 0px rgba(34, 34, 34, 0.1);
      padding: 54px 10px 48px
  }

  .counter-box .count-title {
      margin-bottom: 7px
  }

  .counter-block .counter {
      display: flex;
      justify-content: center;
      border: 3px solid #eee;
      transition: background-color 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
      padding: 31px 0px 30px 0px
  }

  .counter-block .count-to {
      padding-right: 2rem;
      margin: 0;
      border-right: 2px solid #eee;
      min-width: 130px
  }

  .counter-block .count-title {
      margin-bottom: 0
  }

  .counter-block .counter-content {
      padding-left: 20px;
      text-align: left
  }

  .counter-simple {
      background-color: #f8f8f8
  }

  .counter-simple .count-to {
      color: #222;
      margin-bottom: 0
  }

  .counter-simple .count-title {
      margin-top: 5px;
      color: #666
  }

  .counter-background {
      background-color: #313439
  }

  .counter-background .count-to {
      color: #fff;
      margin-bottom: 0
  }

  .counter-background .count-title {
      padding-top: 5px;
      color: rgba(255, 255, 255, 0.68)
  }

  .counter-background figure {
      margin-bottom: 3rem
  }

  @media (max-width:1199px) {
      .counter-background figure {
          margin-bottom: 1rem
      }
  }

  .counter-seperate {
      background-color: #f8f8f8
  }

  .counter-seperate .count-to {
      margin: 5px 0 3px
  }

  .counter-seperate .count-title {
      color: #666
  }

  .counter-inline .row {
      margin: 0 -20px
  }

  .counter-inline .counter-part {
      padding: 0 2rem
  }

  .counter-inline .counter {
      padding: 1.3rem 0 1.3rem 2rem
  }

  .counter-inline .inline-count {
      display: flex;
      align-items: center;
      color: #222
  }

  @media (max-width:1199px) {
      .counter-inline .row {
          margin: 0 -10px
      }
      .counter-inline .counter-part {
          padding: 0 1rem
      }
      .counter-inline .counter {
          padding-left: 1rem
      }
  }

  .counter-inline .count-to {
      font-size: 14px;
      margin: 0
  }

  .counter-inline .border-dot .counter {
      border: 1px dashed #848484
  }

  .counter-inline .border-dot .counter .count-to {
      font-weight: 400
  }

  .counter-inline .border-solid .counter {
      background-color: #444;
      border-radius: 0.3rem
  }

  .title-descri {
      margin-left: auto;
      margin-right: auto;
      width: 65rem;
      max-width: 90%
  }

  .entrance-banner .banner img {
      border-radius: 1rem;
      min-height: 500px;
      object-fit: cover
  }

  .entrance-banner .banner-slide1 .banner-content {
      bottom: 13.2%;
      left: 8.6%
  }

  .entrance-banner .banner-slide1 .banner-title {
      font-size: 6em;
      font-weight: 800
  }

  .entrance-banner .banner-slide1 .banner-descri {
      font-size: 2em;
      line-height: 1.2
  }

  @media (max-width:575px) {
      .entrance-banner .banner-slide1 .banner-title>span {
          display: block
      }
  }

  .entrance-banner .banner-slide2 .banner-content {
      right: 13.5%
  }

  .entrance-banner .banner-slide2 .banner-title {
      font-size: 5em
  }

  .entrance-banner .banner-slide2 .banner-subtitle {
      font-size: 1.8em
  }

  .entrance-banner .banner-slide2 .banner-descri {
      color: #EB5B50;
      font-size: 2em
  }

  .kenburns-banner img {
      min-height: 400px;
      max-height: 800px;
      object-fit: cover
  }

  .kenburns-banner .banner {
      overflow: hidden
  }

  @media (max-width:767px) {
      .kenburns-banner .banner {
          font-size: 6px
      }
  }

  .kenburns-banner .banner-content {
      position: absolute;
      bottom: 12.5%
  }

  .kenburns-banner .banner-subtitle {
      font-size: 3.6em;
      color: #a6c76c
  }

  .kenburns-banner .banner-title {
      margin-left: -2px;
      font-size: 8em;
      font-weight: 800
  }

  .kenburns-banner .banner-descri {
      font-size: 3em
  }

  .hover-banner .banner {
      margin-bottom: 20px;
      border-radius: 1rem;
      overflow: hidden
  }

  .hover-banner .banner h2 {
      font-size: 20px
  }

  .niche-slider figure img {
      height: calc(100vh - 103px);
      min-height: 450px;
      object-fit: cover;
      object-position: top
  }

  .niche-slider .banner-subtitle {
      margin-bottom: 0.7rem;
      font-size: 4em;
      letter-spacing: 1px
  }

  .niche-slider .banner-title {
      font-size: 6em
  }

  .niche-slider p {
      font-size: 1.8em;
      margin-bottom: 3.3rem
  }

  .niche-slider .btn {
      padding: 1.25em 2.85em;
      border-radius: 3px
  }

  .niche-slider .h-divider {
      display: block;
      width: 4.9rem;
      height: 4px;
      color: #fff;
      margin-bottom: 2.2rem
  }

  .niche-slider .banner-content {
      margin-top: 2px
  }

  .niche-slider .duration {
      animation-duration: 30s
  }

  .niche-slide1 {
      overflow: hidden
  }

  .niche-slide1 .banner-content {
      left: 16.2%
  }

  .niche-slide1 .h-divider {
      background-color: #20C7D9
  }

  .niche-slide1 .banner-subtitle {
      color: #20C7D9
  }

  @media (max-width:575px) {
      .niche-slide1 .banner-content {
          left: 8%
      }
  }

  .niche-slide2 {
      background-position: 75%
  }

  .niche-slide2 .banner-content {
      right: 10.45%
  }

  .show-code {
      position: absolute;
      padding: 3px 10px;
      visibility: hidden;
      opacity: 0;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -10px);
      z-index: 100;
      border-radius: 3px;
      color: #fff;
      background-color: #26c;
      overflow: hidden;
      transition: visibility 0.35s, opacity 0.35s, transform 0.35s
  }

  .code-template {
      position: relative
  }

  .code-template .show-code>i {
      font-size: 14px
  }

  .code-template .code-style {
      display: none
  }

  .code-template:hover .show-code {
      cursor: pointer;
      visibility: visible;
      opacity: 1;
      transform: translate(-50%, 0)
  }

  .code-popup {
      border-radius: 5px;
      width: 1000px;
      max-width: 100%;
      z-index: 4000
  }

  .code-console {
      border-radius: 5px
  }

  .code-console .CodeMirror {
      background-color: #f4f4f4;
      padding: 2rem 1rem 1rem 2rem;
      height: 580px;
      max-height: 80vh;
      color: #666
  }

  .code-console .CodeMirror-vscrollbar::-webkit-scrollbar {
      width: 5px
  }

  .code-console .CodeMirror-vscrollbar::-webkit-scrollbar-thumb {
      margin-right: 2px;
      background: rgba(0, 0, 0, 0.3);
      border-radius: 5px;
      cursor: pointer;
      transition: background 0.3s
  }

  .code-console .CodeMirror-hscrollbar::-webkit-scrollbar {
      height: 5px
  }

  .code-console .CodeMirror-hscrollbar::-webkit-scrollbar-thumb {
      margin-bottom: 2px;
      background: rgba(0, 0, 0, 0.3);
      border-radius: 5px;
      cursor: pointer;
      transition: background 0.3s
  }

  .code-console .code-text {
      display: block!important;
      opacity: 0;
      padding: 0;
      border: none;
      height: 1px
  }

  .code-console .tooltiptext {
      padding: 9px;
      top: 165%;
      left: 48%;
      height: 29px;
      z-index: 999;
      font-size: 12px;
      white-space: nowrap;
      border-radius: 5px
  }

  .code-console .code-copy {
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #666;
      font-weight: 600;
      padding: 2rem;
      box-shadow: 0 15px 15px -15px rgba(0, 0, 0, 0.1)
  }

  .copy-icon {
      position: relative;
      font-size: 21px
  }

  .copy-icon:hover {
      cursor: pointer;
      color: #26c;
      transition: color 0.35s
  }

  .copy-icon:hover .tooltiptext {
      visibility: visible;
      opacity: 1
  }

  .banner-image figure {
      height: 63rem;
      overflow: hidden
  }

  .banner-image figure img {
      height: 63rem;
      object-fit: cover
  }

  .banner-image .btn {
      font-size: 1.4em
  }

  .banner-image .btn i {
      margin-left: 0.7rem
  }

  .banner-image.banner-fixed>.container {
      z-index: 15
  }

  .banner-image .banner-content {
      left: 2.1%;
      margin-top: -0.5rem
  }

  .banner-image .banner-subtitle {
      margin-bottom: 1.3rem;
      font-family: "Segoe Script";
      font-size: 3em
  }

  .banner-image .label-star {
      margin-left: 1.4rem
  }

  .banner-image .banner-title {
      margin-left: -2px;
      font-size: 6.4em;
      margin-bottom: 0
  }

  .banner-image h3 {
      margin: -0.7rem 0 0.6rem;
      font-size: 5.6em
  }

  .banner-image p {
      font-weight: 500;
      font-size: 1.6rem;
      line-height: 1.4
  }

  .banner-background {
      padding: 9.4rem 0 10.3rem;
      background-color: #6b6b6b
  }
  .banner-background.new{
      padding:7rem 0 7.5rem;
  }
  .banner-background.new .banner-title {
      margin-bottom: 0.7rem;
      font-size: 4em;
      letter-spacing: 0.025em;
      font-family: 'Bodoni Moda'!important;
      /* font-weight: 800!important; */
      text-transform: uppercase;
  }

  .banner-background .banner-subtitle {
      margin-bottom: 1.6rem;
      font-family: 'Bodoni Moda'!important;
      font-size: 3em;
      line-height: 1.6;
      letter-spacing: 0.03em!important;
  }

  .banner-background .banner-title {
      margin-bottom: 0.7rem;
      font-size: 4.3em;
      letter-spacing: 0.025em;
      font-family: 'Bodoni Moda'!important;
      /* font-weight: 800!important; */
      text-transform: uppercase;

  }

  .banner-background p {
      margin-bottom: 2.8rem;
      font-weight: 500;
      font-size: 1.8em
  }

  .banner-background .input-wrapper {
      max-width: 60rem;
      width: 100%;
      height: 4.8rem
  }

  .banner-background .input-wrapper .form-control {
      position: relative;
      flex: 1;
      padding-left: 2.4rem;
      border: 1px solid #e7e7e7;
      border-right: 0;
      font-size: 1.2rem
  }

  .banner-background .input-wrapper .btn {
      min-width: 12.3rem
  }

  .banner-background .btn {
      /*padding: 1.22em 2.7em;
      font-weight: 600*/
      padding: 1.3em 3.5em;
      font-weight: 400;
      /* font-size: 12px; */
      border: 1px solid #fff;
      border-radius: 100vmax;
  }

  .video-banner {
      background-attachment: fixed
  }

  .video-banner .banner-content {
      padding: 84px 0 85px
  }

  .video-banner .banner-title {
      font-size: 3em;
      line-height: 1.4em;
      letter-spacing: 0.03em
  }

  .video-banner .banner-subtitle {
      font-size: 16px;
      letter-spacing: -0.025em
  }

  .video-banner .btn-play {
      width: 61px;
      height: 61px
  }

  .video-banner i {
      font-size: 35px;
      margin: 0
  }

  .floating-set {
      background-color: #f8f8f8
  }

  .floating-set .floating-template {
      position: relative
  }

  .floating-set .bg-yel-float {
      padding: 37px 0 38px;
      background-color: #F0D67C
  }

  .floating-set .floating-content {
      position: relative;
      text-align: center;
      left: 50%;
      transform: translate(-50%, -50%)
  }

  .floating-set .floating-content img {
      border-radius: 1rem;
      box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.06)
  }

  .floating-set .floating-speed-image1 .floating {
      background-image: url("../images/elements/floating/float-set3.jpg")
  }

  .floating-set .floating-speed-image2 .floating {
      background-image: url("../images/elements/floating/float-set4.jpg")
  }

  .float-scroll {
      background-color: #313439
  }

  .float-scroll h2 {
      font-size: 26px;
      letter-spacing: 0.025em
  }

  .float-scroll .scroll-area {
      display: flex;
      align-items: center;
      min-height: 100vh
  }

  .float-scroll .skrollr {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      padding: 0 1rem;
      background-color: #3B3E42;
      height: 200px;
      width: 100%
  }

  .float-scroll .scroll-entire {
      margin-bottom: 140px
  }

  @media (max-width:767px) {
      .float-scroll .scroll-area {
          min-height: 70vh
      }
  }

  .hotspot-section,
  .hotspot-section .banner-content {
      position: relative;
      display: inline-block;
      z-index: 1
  }

  .banner-hotspot>figure img {
      object-fit: cover;
      min-height: 60rem;
      border-radius: 10px
  }

  .hotspot-container,
  .hotspot-container .hotspot {
      position: absolute
  }

  .hotspot-container {
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 2
  }

  .hotspot-container>figure {
      position: relative;
      z-index: -1
  }

  .hotspot-container .hotspot-type4:not(:hover) a:before {
      color: #fff
  }

  .style-section {
      background-color: #f8f8f8;
      padding: 7.5rem 0 7rem
  }

  .style-section .hotspot-style {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin: 0 -0.5rem
  }

  @media (max-width:1199px) {
      .style-section .hotspot-style {
          justify-content: space-around
      }
  }

  .style-section .hotspot-type {
      width: 220px;
      min-width: 220px;
      height: 122px;
      margin: 1rem;
      border: 6px solid #eee;
      background-color: #fff
  }

  .style-section i {
      color: #fff
  }

  .style-section .hotspot-type,
  .style-section .hotspot-type a {
      display: flex;
      justify-content: center;
      align-items: center
  }

  .style-section a {
      width: 4rem;
      height: 4rem;
      margin: 0.5rem;
      border-radius: 100%
  }

  .style-section .hotspot-type1 .no-hover,
  .style-section .hotspot-type2 .no-hover,
  .style-section .hotspot-type3 .no-hover {
      background-color: #222
  }

  .style-section .hotspot-type1 .hover,
  .style-section .hotspot-type2 .hover,
  .style-section .hotspot-type3 .hover {
      background-color: #26c
  }

  .style-section .hotspot-type4 .no-hover i {
      color: #222
  }

  .style-section .hotspot-type4 .hover i {
      color: #26c
  }

  .popup-video .banner-content {
      padding: 97px 0
  }

  .popup-video .banner-title {
      font-size: 3em;
      line-height: 1.4em;
      letter-spacing: -0.025em
  }

  .popup-video .banner-subtitle {
      font-size: 16px;
      letter-spacing: -0.01em
  }

  .popup-video .btn-play {
      border: none;
      width: 77px;
      height: 78px
  }

  .popup-video i {
      font-size: 35px;
      margin: 0
  }

  .popup-video video {
      max-width: 100%;
      height: auto
  }

  .video-slider .banner img,
  .video-slider .banner video {
      height: 63rem;
      object-fit: cover
  }

  .video-slider .banner figure {
      height: 63rem;
      overflow: hidden
  }

  .video-slider .banner .btn {
      font-size: 14px
  }

  .video-slider .banner .btn i {
      margin-left: 0.7rem
  }

  .video-slide1.banner-fixed>.container {
      z-index: 15
  }

  .video-slide1 .banner-content {
      left: 2.1%;
      margin-top: -0.5rem
  }

  .video-slide1 .banner-subtitle {
      margin-bottom: 1.3rem;
      font-family: "Segoe Script";
      font-size: 3em
  }

  .video-slide1 .label-star {
      margin-left: 1.4rem
  }

  .video-slide1 .banner-title {
      margin-left: -2px;
      font-size: 6.4em;
      margin-bottom: 0
  }

  .video-slide1 h3 {
      margin: -0.7rem 0 0.6rem;
      font-size: 5.6em
  }

  .video-slide1 p {
      font-weight: 500;
      font-size: 1.6rem;
      line-height: 1.4
  }

  .video-slide2 img {
      object-position: 80%
  }

  .video-slide2 .banner-content {
      max-width: 38rem;
      right: 5.5%;
      margin-top: -0.3rem
  }

  .video-slide2 .banner-subtitle {
      font-size: 2.4em;
      line-height: 1.1
  }

  .video-slide2 .banner-subtitle strong {
      font-size: 1.67em;
      line-height: 0.98
  }

  .video-slide2 .banner-title {
      font-size: 10em;
      margin-right: -2px
  }

  .video-slide2 p {
      font-size: 1.8em;
      line-height: 1.33
  }

  .video-slide3 .banner-subtitle {
      font-size: 3em
  }

  .video-slide3 .banner-title {
      font-size: 6em
  }

  .video-slide3 p {
      font-weight: 300;
      opacity: 0.8;
      font-size: 1.8em;
      line-height: 1.4
  }

  .video-slide3 video {
      display: block;
      width: 100%
  }

  .video-slide3 figure:after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: rgba(43, 151, 223, 0.3);
      z-index: 1
  }

  .inner-video figure:hover .video-play {
      opacity: 1;
      visibility: visible
  }

  .svg-floating {
      margin-top: -60px
  }

  .svg-floating .svg-floating-item {
      overflow: hidden
  }

  .svg-floating .svg-background img {
      min-height: 500px
  }

  .svg-floating .svg-notice {
      position: absolute;
      bottom: 13%;
      right: 22%
  }

  .svg-template {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%)
  }

  .svg-template svg {
      fill: #fff
  }

  .svg-template figure {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%)
  }

  .svg-template img {
      min-height: 398px
  }

  .big-slider .banner-subtitle {
      font-size: 1.4em;
      font-weight: 400;
      line-height: 2em;
      letter-spacing: 2.3px
  }

  .big-slider .banner-title {
      position: relative;
      margin: 0px 0px 30px -5px;
      font-size: 3.6em;
      line-height: 1.1em;
      letter-spacing: -0.025em
  }

  .big-slider .banner-title:after {
      content: " ";
      position: absolute;
      left: 0;
      height: 4px;
      width: 4.9rem;
      top: 115%;
      background: #faca2a
  }

  .big-slider P {
      font-size: 1.1em;
      font-weight: 400;
      line-height: 1.8em;
      letter-spacing: -0.01em
  }

  .big-slider .banner img {
      min-height: 444px;
      object-fit: cover
  }

  .big-slider.owl-carousel .owl-nav button.owl-prev {
      left: 4.5%
  }

  .big-slider.owl-carousel .owl-nav button.owl-next {
      right: 4.5%
  }

  .big-slide1 .banner-content {
      left: 16.1%
  }

  .big-slide1 .ls-super {
      letter-spacing: 8px
  }

  .big-slide2 .banner-content {
      position: absolute;
      right: 17.5%;
      left: auto;
      transform: translate(0, -50%)
  }

  .big-slide2 .banner-title:after {
      background-color: #26c;
      margin-bottom: 40px
  }

  .big-slide2 p {
      font-size: 14px
  }

  .big-slide2 .btn {
      border-radius: 0.3rem;
      padding: 0.92em 1.61em
  }

  .slide-effect img {
      max-width: 573px
  }

  .slide-effect .slider-name {
      text-align: center;
      font-size: 20px;
      margin-top: 25px
  }

  .element-subcategory .category-column {
      padding: 35px 42px 20px;
      border: 8px solid #eee
  }

  .element-subcategory .category-column .category-box {
      display: flex;
      flex-wrap: wrap;
      align-items: end;
      margin-bottom: 2rem
  }

  .element-subcategory .category-column .category-name {
      margin-bottom: 0;
      margin-right: 2.4rem;
      font-size: 1.4rem;
      letter-spacing: 0;
      color: #666
  }

  .element-subcategory .category-column a {
      display: inline-block;
      position: relative;
      margin-right: 2rem;
      font-size: 1.3rem;
      font-weight: 400;
      color: #999
  }

  .element-subcategory .category-column a:before {
      content: "";
      position: absolute;
      left: 0;
      bottom: -1px;
      width: 100%;
      border-bottom: 1px solid;
      transform: scaleX(0);
      transition: transform 0.3s
  }

  .element-subcategory .category-column a:hover {
      color: #26c
  }

  .element-subcategory .category-column a:hover:before {
      transform: scale(1)
  }

  .element-subcategory .category-column a:not(:last-child):after {
      content: "";
      position: absolute;
      height: 14px;
      margin-left: 1rem;
      top: 50%;
      border-left: 1px solid #999;
      transform: translateY(-50%)
  }

  .grid-section .banner-content {
      padding: 0 1.5rem
  }

  .grid-section figure {
      border-radius: 3px;
      overflow: hidden
  }

  .grid-banner .banner-content {
      left: 5.2%;
      right: 5.2%;
      padding: 0
  }

  .grid-banner .banner-title {
      margin: 2px 0px 5px 0px;
      color: #FFFFFF;
      font-size: 4.2rem;
      font-weight: 700;
      letter-spacing: -1.5px;
      line-height: 1.2
  }

  .grid-banner .banner-subtitle {
      color: #AAAAAA;
      font-size: 14px;
      font-weight: 400;
      line-height: 2.14em;
      letter-spacing: normal
  }

  .grid-banner .banner-price {
      color: #FFFFFF;
      font-size: 14px;
      font-weight: 700;
      line-height: 1.42em;
      letter-spacing: 0px
  }

  .grid-banner .banner-price span {
      margin-left: 3px;
      font-size: 24px;
      color: #fec348
  }

  .grid-banner .banner-price sup {
      font-size: 14px
  }

  .grid-banner1 .banner-content {
      top: 13.4%
  }

  .grid-banner1 .banner-subtitle {
      margin: 0px 0px 13px 0px;
      color: #222222;
      font-size: 1.6rem;
      font-weight: 400;
      text-transform: uppercase;
      line-height: 1em;
      letter-spacing: -0.3px
  }

  .grid-banner1 .banner-title {
      font-size: 2.6em;
      letter-spacing: -1px
  }

  .grid-banner2 img,
  .grid-banner3 img {
      object-position: 20% center
  }

  .grid-banner2 .banner-content,
  .grid-banner3 .banner-content {
      padding-left: 8.5%
  }

  .grid-banner2 .banner-title {
      font-size: 2.4em
  }

  .grid-banner2 .banner-title span {
      font-size: 1.25em
  }

  .grid-banner2 .banner-subtitle {
      margin-bottom: 1.5rem;
      font-size: 1.4rem
  }

  .grid-banner2 .banner-price-info {
      font-size: 1.8em
  }

  .grid-banner2 .banner-price-info ins {
      text-decoration: none
  }

  .grid-banner2 .banner-price-info del {
      opacity: 0.5
  }

  .grid-banner3 .banner-subtitle {
      font-size: 1.8em
  }

  .grid-banner3 .banner-title {
      margin-bottom: 0.3rem;
      font-size: 2.6em
  }

  .grid-banner3 .banner-desc {
      font-size: 1.8rem
  }

  .grid-banner3 p {
      margin-bottom: 1.3rem;
      opacity: 0.5
  }

  .reorder-section {
      background-color: #313439
  }

  .reorder-section .height-x2 {
      height: 400px
  }

  .reorder-section .height-x1 {
      height: 200px
  }

  .reorder-section h2 {
      color: rgba(255, 255, 255, 0.1);
      font-weight: 700;
      margin-bottom: 0
  }

  .reorder-section .grid-item1 h2 {
      font-size: 40em
  }

  .reorder-section .grid-item2 h2,
  .reorder-section .grid-item3 h2,
  .reorder-section .grid-item4 h2 {
      font-size: 18em
  }

  .reorder-section p {
      color: #FFFFFF;
      font-size: 2em;
      margin: 0;
      white-space: nowrap;
      font-weight: 700
  }

  .reorder-section .grid-item1 {
      background-color: #26c
  }

  .reorder-section .grid-item2 {
      background-color: #a8c26e
  }

  .reorder-section .grid-item3 {
      background-color: #b10001
  }

  .reorder-section .grid-item4 {
      background-color: #d26e4b
  }

  .breadcrumb-element .default-breadcrumb {
      justify-content: center;
      padding: 23.5px 10px
  }

  .breadcrumb-element .dark-section {
      border-radius: 1rem;
      background-color: #222
  }

  .breadcrumb-element .bread-inline {
      padding-left: 7rem;
      padding-right: 7rem
  }

  @media (min-width:992px) {
      .breadcrumb-element .bread-inline {
          flex-direction: row;
          justify-content: space-between
      }
  }

  @media (max-width:991px) {
      .breadcrumb-element .bread-inline {
          align-items: flex-start
      }
  }

  .breadcrumb-element .breadcrumb-resize-padding {
      padding-left: 7rem;
      padding-right: 7rem
  }

  @media (max-width:575px) {
      .breadcrumb-element .breadcrumb-resize-padding {
          padding-left: 2rem;
          padding-right: 2rem
      }
  }

  .store-listing1 .toolbox,
  .store-listing .toolbox {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      padding: 20px;
      box-shadow: 1px 1px 20px 0px #E9E9E9;
      background-color: #fff
  }

  .store-listing1 .toolbox .btn,
  .store-listing .toolbox .btn {
      margin-right: 1.9rem;
      padding: 0.6em 0.9em 0.64em
  }

  .store-listing1 .toolbox .btn i,
  .store-listing .toolbox .btn i {
      font-size: 1.5rem;
      margin-right: 0.8rem
  }

  .store-listing1 .toolbox-item,
  .store-listing .toolbox-item {
      margin-bottom: 0
  }

  .store-listing1 .toolbox-item.toolbox-sort,
  .store-listing .toolbox-item.toolbox-sort {
      margin-right: 1.3rem
  }

  .store-listing1 .toolbox-item .form-control,
  .store-listing .toolbox-item .form-control {
      min-width: 15.2rem;
      border-color: #e1e1e1
  }

  .store-listing1 .toolbox-item label,
  .store-listing .toolbox-item label {
      margin-right: 1rem
  }

  .store-listing1 .store-count,
  .store-listing .store-count {
      margin: 0 0 0.4rem;
      color: #222
  }

  .store-listing1 .btn-layout,
  .store-listing .btn-layout {
      margin: 0;
      font-size: 1.9rem;
      color: #999
  }

  .store-listing1 .btn-layout.active,
  .store-listing1 .btn-layout:hover,
  .store-listing .btn-layout.active,
  .store-listing .btn-layout:hover {
      color: #222
  }

  .store-listing1 .form-wrapper,
  .store-listing .form-wrapper {
      display: none;
      position: relative;
      background-color: #fff;
      margin-top: 3.2rem;
      padding: 3.2rem 2rem;
      box-shadow: 1px 1px 20px 0px #E9E9E9
  }

  .store-listing1 .form-wrapper:before,
  .store-listing .form-wrapper:before {
      position: absolute;
      content: "";
      left: 50%;
      transform: translateX(-50%);
      bottom: 100%;
      border-right: 13px solid transparent;
      border-bottom: 21px solid #fff;
      border-left: 13px solid transparent
  }

  .store-listing1 .form-wrapper .input-wrapper-inline,
  .store-listing .form-wrapper .input-wrapper-inline {
      max-width: 100%;
      height: 4.2rem
  }

  .store-listing1 .form-wrapper .form-control,
  .store-listing .form-wrapper .form-control {
      margin-right: 1rem;
      min-height: 4.2rem;
      border-color: #eee
  }

  .store-listing1 .form-wrapper .btn,
  .store-listing .form-wrapper .btn {
      padding: 0.7em 1.63em;
      text-transform: capitalize;
      font-weight: 400
  }

  .store-listing1 .store,
  .store-listing1 .store-banner img,
  .store-listing .store,
  .store-listing .store-banner img {
      min-height: 29rem
  }

  .store-listing1 .store-header {
      max-width: 27.6rem;
      flex: 0 0 27.6rem
  }

  .store-listing1 .store,
  .store-listing1 .store-banner img {
      min-height: 14rem;
      width: 100%
  }

  .store-listing1 .store-content {
      padding: 1.2rem 1rem 1.4rem 4%;
      color: #666
  }

  .store-listing1 .store-content p {
      position: relative;
      padding-left: 2.7rem;
      font-size: 1.5rem
  }

  .store-listing1 .store-content p:before {
      position: absolute;
      content: "";
      font-family: "Font Awesome 5 Free";
      left: 0;
      top: 0;
      font-weight: 900;
      font-size: 1.6rem;
      line-height: 1.3;
      color: #0bb90b
  }

  .store-listing1 .ratings-container {
      margin-bottom: 1.4rem
  }

  .store-listing1 .store-title {
      margin-bottom: 1.2rem
  }

  .store-listing1 .store-title a {
      font-size: 3.4rem
  }

  .store-listing1 .store-footer {
      margin: 0 5.5rem 0.4rem 0;
      padding: 1rem 2rem
  }

  .vendor .widget-collasible .cart-icon {
      margin-top: -0.4rem;
      right: 0.1rem;
      font-size: 1.7rem;
      color: #222
  }

  .vendor .sidebar-content .widget-body {
      margin-bottom: 2rem
  }

  .vendor .widget-contact-vendor .btn {
      margin: 1rem 0
  }

  .vendor .widget-store-time {
      font-size: 1.3rem;
      color: #aaa
  }

  .vendor .widget-store-time li:not(:last-child) {
      border-bottom: 1px solid #edeef0
  }

  .vendor .widget-store-time li {
      padding: 8.5px 3px
  }

  .vendor .widget-store-time label {
      color: #222;
      display: inline-block;
      min-width: 10.4rem;
      padding-right: 1rem;
      line-height: 2
  }

  .vendor-store-banner>figure img {
      min-height: 34.5rem
  }

  .vendor-store-content {
      top: 0;
      height: 100%;
      left: 0;
      max-width: 32rem;
      padding: 3rem;
      background-color: rgba(0, 0, 0, 0.65);
      width: 100%
  }

  .vendor-store-content figure img {
      width: 8rem;
      height: 8rem
  }

  .vendor-store-content .vendor-store-title {
      padding: 0;
      font-size: 2rem;
      margin: 1rem 0 1.8rem;
      color: #fff
  }

  .vendor-store-content li {
      padding-bottom: 0.8rem
  }

  .vendor-store-content li i {
      font-size: 1.8rem;
      width: 2rem;
      margin: 0 0.6rem 0 -3.1rem;
      text-align: center
  }

  .vendor-store-content li span {
      display: inline-block
  }

  .vendor-store-content ul {
      padding-left: 2.8rem;
      font-size: 1.4rem;
      font-weight: 400;
      color: #fff;
      opacity: 0.6;
      list-style: none;
      line-height: 1.86;
      letter-spacing: -0.025em
  }

  @media (max-width:991px) {
      .store-list {
          display: block;
          height: calc(100% - 2rem)
      }
      .store-list .store-footer {
          position: absolute
      }
      .store-list .store-content {
          margin-bottom: 3rem;
          padding-left: 2rem;
          padding-right: 2rem;
          height: auto
      }
      .store-listing1 .store-header {
          max-width: 100%;
          flex: 0 0 100%
      }
      .store-listing1 .store-title a {
          font-size: 2.5rem
      }
  }

  @media (max-width:767px) {
      .vendor-store-content {
          max-width: 100%;
          background-color: rgba(0, 0, 0, 0.15)
      }
      .vendor-store-content ul {
          opacity: 1
      }
      .store-listing .toolbox {
          display: block
      }
      .store-listing .toolbox .btn {
          margin-right: 1rem
      }
      .store-listing .toolbox p {
          font-size: 1.3rem
      }
  }

  .element-product-banner {}

  .element-product-banner .products-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, calc(100% / 11));
      margin: -1rem
  }

  .element-product-banner .products-grid>* {
      padding: 1rem
  }

  .element-product-banner .products-grid .banner-wrapper {
      grid-column-end: span 3;
      grid-row-end: span 6
  }

  .element-product-banner .products-grid .banner-wrapper .banner {
      height: 100%;
      min-height: 30rem
  }

  .element-product-banner .products-grid .product {
      grid-column-end: span 2;
      grid-row-end: span 3
  }

  .element-product-banner .products-grid .product-details {
      padding: 1rem 0 0
  }

  .element-product-banner .products-grid .banner-content {
      top: 3.7rem;
      left: 8.3%
  }

  .element-product-banner .products-grid .banner-subtitle {
      margin-bottom: 0.9rem;
      font-size: 1.6rem;
      opacity: 0.8
  }

  .element-product-banner .products-grid .banner-title {
      margin-bottom: 1.7rem;
      font-size: 3rem
  }

  .element-product-banner .products-grid .banner-price-info {
      margin-bottom: 1.8rem;
      font-size: 1.8rem
  }

  .element-product-banner .products-grid .banner-price-info strong {
      margin-left: 0.4rem;
      font-size: 2rem
  }

  .element-product-banner .products-grid .btn-outline {
      padding: 0.92em 2.1em
  }

  .element-product-banner .products-grid .btn-outline i {
      margin-left: 0.7rem
  }

  @media (max-width:991px) {
      .element-product-banner .products-grid {
          grid-template-columns: repeat(auto-fill, calc(100% / 4))
      }
      .element-product-banner .products-grid .banner-wrapper {
          grid-column-end: span 2;
          grid-row-end: span 2
      }
      .element-product-banner .products-grid .product {
          grid-column-end: span 1;
          grid-row-end: span 1
      }
  }

  @media (max-width:767px) {
      .element-product-banner .products-grid {
          grid-template-columns: repeat(auto-fill, calc(100% / 3))
      }
  }

  @media (max-width:575px) {
      .element-product-banner .products-grid {
          grid-template-columns: repeat(auto-fill, calc(100% / 2))
      }
  }

  .grid-type {
      display: grid;
      grid-template-columns: repeat(auto-fill, calc(100% / 5));
      margin: -1rem
  }

  @media (max-width:991px) {
      .grid-type {
          grid-template-columns: repeat(auto-fill, calc(100% / 4))
      }
  }

  @media (max-width:767px) {
      .grid-type {
          grid-template-columns: repeat(auto-fill, calc(100% / 3))
      }
  }

  @media (max-width:575px) {
      .grid-type {
          grid-template-columns: repeat(auto-fill, calc(100% / 2))
      }
  }

  .grid-type .banner img {
      min-height: 300px;
      object-fit: cover
  }

  .grid-type .product-wrap {
      padding: 0 10px;
      grid-row-end: span 1;
      grid-column-end: span 1
  }

  .grid-type .product-single-wrap {
      grid-column-end: span 2
  }

  .grid-type .banner-content {
      top: 10.9%;
      left: 8.2%
  }

  .grid-type .banner,
  .grid-type .banner>figure,
  .grid-type .banner>figure img {
      height: 100%
  }

  .grid-type .banner-title {
      font-size: 28px
  }

  .grid-type .banner-subtitle {
      font-size: 18px
  }

  .grid-type .btn {
      padding: 13px 28px
  }

  .grid-type .btn:not(:hover) {
      border-color: #8f8f8f
  }

  .element-products-single-product .container {
      max-width: 1420px
  }

  .element-products-single-product .product-single {
      border: 1px solid #e1e1e1;
      border-radius: 0.4rem;
      padding: 1rem
  }

  .element-products-single-product .product-single .product-name {
      margin-bottom: 0.8rem;
      font-size: 2rem;
      line-height: 1.2
  }

  .element-products-single-product .product-single .product-price {
      color: #333;
      font-size: 2.6rem
  }

  .element-products-single-product .product-single .ratings-container {
      margin-bottom: 2.1rem;
      font-size: 1.2rem
  }

  .element-products-single-product .product-single .ratings:before {
      color: #d26e4b
  }

  .element-products-single-product .product-single .product-form {
      margin-bottom: 0.7rem;
      line-height: 2.4rem
  }

  .element-products-single-product .product-single .product-form>label {
      margin-right: 0.7rem;
      font-size: 1.2rem
  }

  .element-products-single-product .product-single .product-form .btn-cart:disabled {
      background-color: #eee;
      color: #222
  }

  .element-products-single-product .product-single .product-variations>a:not(.size-guide) {
      width: auto;
      height: 2.6rem
  }

  .element-products-single-product .grid-type {
      display: grid;
      grid-template-columns: repeat(auto-fill, calc(100% / 4));
      margin: -1rem
  }

  .element-products-single-product .grid-type>* {
      padding: 1rem
  }

  .element-products-single-product .grid-type .product-single-wrap {
      grid-row-end: span 2;
      grid-column-end: span 2
  }

  .element-products-single-product .grid-type .product-wrap {
      margin-bottom: 0;
      grid-row-end: span 1;
      grid-column-end: span 1
  }

  .element-products-single-product .countdown-container {
      position: absolute;
      bottom: 2rem;
      max-width: 73%;
      padding: 0.7rem 1rem;
      border-radius: 0.3rem;
      background-color: #444
  }

  .element-products-single-product .product-list-sm {
      margin-bottom: 0
  }

  .element-products-single-product .product-list-sm .product-media {
      flex: 0 0 50%;
      max-width: 50%;
      margin: 0 1rem 0 0
  }

  .element-products-single-product .product-list-sm .product-details {
      max-width: calc(50% - 1rem);
      flex: 0 0 calc(50% - 1rem)
  }

  @media (max-width:767px) {
      .element-products-single-product .product-list-sm {
          display: block
      }
  }

  @media (min-width:1600px) {
      .element-products-single-product .col-md-6:first-child {
          max-width: calc(50% + 1rem);
          flex: 0 0 calc(50% + 1rem)
      }
      .element-products-single-product .col-md-6:last-child {
          max-width: calc(50% - 1rem);
          flex: 0 0 calc(50% - 1rem)
      }
  }

  @media (max-width:1199px) {
      .element-products-single-product .grid-type {
          grid-template-columns: repeat(auto-fill, calc(100% / 3))
      }
  }

  @media (max-width:991px) {
      .element-products-single-product .grid-type {
          grid-template-columns: repeat(auto-fill, calc(100% / 2))
      }
      .md-order-1 {
          order: -1
      }
  }

  @media (max-width:767px) {
      .element-products-single-product .grid-type {
          grid-template-columns: repeat(auto-fill, calc(100% / 3))
      }
      .element-products-single-product .product-list-sm .product-media {
          flex: 0 0 100%;
          max-width: 100%;
          margin: 0
      }
      .element-products-single-product .product-list-sm .product-details {
          max-width: 100%;
          flex: 0 0 100%
      }
      .element-products-single-product .product-list-sm .product-name a {
          display: block;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap
      }
  }

  @media (max-width:575px) {
      .element-products-single-product .grid-type {
          grid-template-columns: repeat(auto-fill, calc(100% / 2))
      }
  }

  .element-product-grid .grid-type .product-details {
      padding: 12px 5px;
      background: transparent
  }

  .element-product-grid .grid-type .product {
      margin-bottom: 0;
      background: #f7f8fc
  }

  .element-product-grid .grid-type .grid-height-2 .product {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between
  }

  @media (min-width:992px) {
      .element-product-grid .grid-type .product .product-media {
          padding: 0 13.5%
      }
  }

  .element-product-grid .grid-type {
      display: grid;
      grid-template-columns: repeat(auto-fill, calc(100% / 4))
  }

  .element-product-grid .grid-type .grid-item {
      grid-row-end: span 1;
      grid-column-end: span 1;
      padding: 0.5rem
  }

  .element-product-grid .grid-type .grid-item.grid-height-2 {
      grid-row-end: span 2;
      grid-column-end: span 2
  }

  @media (max-width:991px) {
      .element-product-grid .grid-type .grid-type {
          grid-template-columns: repeat(auto-fill, calc(100% / 2))
      }
      .element-product-grid .grid-type .grid-height-2 {
          order: -1
      }
  }

  .element-product-grid .product-list-sm {
      display: flex;
      align-items: center;
      margin-bottom: 2rem
  }

  .element-product-grid .product-list-sm .product-media {
      margin: 0;
      flex: 0 0 41.7%;
      max-width: 41.7%
  }

  .element-product-grid .product-list-sm .product-details {
      padding-right: 0.5rem
  }

  .element-product-grid .product-list-sm .product-price {
      font-size: 1.6rem;
      overflow: hidden;
      text-overflow: ellipsis
  }

  .grid-type-other {
      display: grid;
      grid-template-columns: repeat(auto-fill, calc(100% / 4));
      grid-template-rows: repeat(auto-fill, calc(100% / 3));
      margin: -10px;
      padding: 10px
  }

  .grid-type-other .height-x3 {
      grid-row-end: span 3;
      grid-column-end: span 1
  }

  .grid-type-other .product,
  .grid-type-other .product-media>a,
  .grid-type-other .product-media img {
      height: 100%
  }

  .grid-type-other .product {
      border: 1px solid #ebebeb;
      transition: border-color 0.3s
  }

  .grid-type-other .product:hover {
      border-color: #26c
  }

  @media (max-width:1199px) {
      .grid-type-other {
          grid-template-columns: repeat(auto-fill, calc(100% / 3))
      }
  }

  @media (max-width:800px) {
      .grid-type-other {
          grid-template-columns: repeat(auto-fill, calc(100% / 2));
          grid-template-rows: repeat(auto-fill, calc(100% / 5))
      }
  }

  @media (max-width:575px) {
      .grid-type-other {
          grid-template-columns: repeat(auto-fill, calc(100% / 1))
      }
  }

  .product-tab-underline .nav-link {
      position: relative;
      font-size: 2rem;
      letter-spacing: 0;
      line-height: 1;
      padding: 1.7rem 1.5rem 1.6rem;
      color: #999
  }

  .product-tab-underline .nav-link:after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: 1px;
      max-width: 100%;
      width: 5.7rem;
      height: 4px;
      background: #26c;
      transform: scaleX(0) translateX(-50%);
      transform-origin: left;
      transition: transform 0.3s
  }

  .product-tab-underline .nav-link.active:after,
  .product-tab-underline .nav-link:hover:after {
      transform: scaleX(1) translateX(-50%)
  }

  .product-tab-underline .nav-item:not(:last-child) {
      margin-right: 1px
  }

  .product-tab-underline .tab-pane {
      padding: 2.2rem 0
  }

  .product-tab-underline .nav {
      margin-bottom: 8px
  }

  .product-tab-filter .nav-filter {
      font-size: 1.6rem
  }

  .product-tab-filter .nav-filter.active,
  .product-tab-filter .nav-filter:hover {
      color: #d26e4b
  }

  .product-tab-filter .toolbox {
      display: flex;
      align-items: center
  }

  .product-tab-filter .toolbox .toolbox-left {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      flex: 1
  }

  .product-tab-filter .product-filters {
      margin-right: 1.8rem
  }

  .product-tab-filter .nav-filters li {
      margin-right: 2.2rem
  }

  @media (max-width:991px) {
      .product-tab-box .tab {
          margin-top: 10px
      }
  }

  .product-tab-box .tab-pane {
      padding-top: 8px
  }

  .product-tab-box .nav-item .nav-link {
      padding: 1.3rem 2.2rem;
      margin-bottom: 1rem;
      font-size: 1.3rem;
      text-transform: uppercase;
      border: 1px solid #ccc;
      border-radius: 0.3rem;
      color: #222;
      letter-spacing: -0.025em
  }

  .product-tab-box .nav-item .nav-link.active,
  .product-tab-box .nav-item .nav-link:hover {
      color: #26c!important;
      border-color: #26c
  }

  .product-tab-box .nav-item:not(:last-child) {
      margin-right: 1rem
  }

  .product-tab-box .product-border {
      background-color: #fff;
      border: 1px solid #fff;
      border-radius: 0.3rem;
      transition: border-color 0.3s;
      overflow: hidden
  }

  .product-tab-box .product-border:hover {
      border-color: #26c
  }

  .image-box {
      text-align: center;
      margin-bottom: 2rem
  }

  .image-box img {
      display: block;
      width: 100%
  }

  .image-box figure {
      position: relative;
      margin-bottom: 1.5rem
  }

  .image-box-job,
  .image-box-name {
      text-transform: uppercase;
      font-size: 1.4rem;
      margin-bottom: 0
  }

  .image-box-job {
      font-size: 1.2rem;
      font-weight: 400;
      color: inherit;
      text-transform: none
  }

  .image-overlay {
      font-size: 1.3rem;
      line-height: 1.85;
      text-align: center;
      margin-bottom: 2rem
  }

  .image-overlay a.social-link {
      border-color: transparent
  }

  .image-overlay h4 {
      margin-bottom: 0;
      font-size: 1.8rem;
      font-weight: 700;
      letter-spacing: -0.025em;
      text-transform: uppercase
  }


  .image-overlay figure {
      position: relative
  }

  .image-overlay img {
      width: 100%;
      display: block
  }

  /* Mobile View */
  .custom-section {
    padding: 20px;
    text-align: center;
  }

  /* Desktop View */
  @media screen and (min-width: 768px) {
    .custom-section {
      height: 500px; /* Set the height of the section to 400 pixels for desktop */
    }
      .custom-section-one {
      height: 450px; /* Set the height of the section to 400 pixels for desktop */
    }
      .product.top-categories{
      height:330px;
  }
  }
  /**********tab css start here**************/
  #customersCats{
     margin-top:1.2rem;

  }

  .nav-link.active, .nav-link:focus,  .nav-link:hover {
      background-color: transparent;
      border-color: transparent;
      border-bottom: 3px solid #EF6523;
  }
  a.nav-link{
    color:#333;
  }
  .justify-content-center {
      -webkit-box-pack: center!important;
      -webkit-justify-content: center!important;
      -ms-flex-pack: center!important;
      justify-content: center!important;
  }
  ul#customersCats.nav{
      display: flex;
      padding-left: 0;
      margin-bottom: 0;
      list-style: none;
      font-family: 'Alata';
      font-size: 19px;
      font-weight: 200;
      color: #5b4949;
  }
  @media screen and (max-width: 991px) {
   ul#customersCats.nav{
          align-items: center;
			max-width: 100%;
			overflow-x: auto;
			overflow-y: hidden;
      }
  }