@import url(fonts/catamaran/stylesheet.css);

@import url(fonts/reem-kufi/stylesheet.css);

@import url(fonts/montrast/stylesheet.css);

@-webkit-keyframes wave {

  50% {

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

  }

}

@keyframes wave {

  50% {

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

  }

}

@keyframes linear-wipe {

  to {

    background-position: 200% center;

  }

}

@-webkit-keyframes linear-wipe {

  to {

    background-position: 200% center;

  }

}

@keyframes blink-color {

  0%,

  to {

    background-color: #ddd;

  }

  50% {

    background-color: #fff;

  }

}

@-webkit-keyframes blink-color {

  0%,

  to {

    background-color: rgba(250, 128, 114, 50%);

  }

  50% {

    background-color: rgba(255, 255, 255, 100%);

  }

}

:root {

  --default-black: #000;

}

html {

  font-size: 16px;

  line-height: 16px;

  scroll-behavior: smooth;

}

::-moz-selection {

  color: #eee;

  background: #333;

}

::selection {

  color: #eee;

  background: #333;

}

input {-webkit-box-shadow: none;box-shadow: none;/* -webkit-appearance: none; */border-radius: 0;}

body {

  font-size: 1rem;

  font-weight: 400;

  color: var(--default-black);

  background-color: #fff;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  text-rendering: optimizeLegibility;

  position: relative;

}

body.noscroll {

  width: 100vw;

  height: 100vh;

  overflow: hidden;

}

:focus {

  outline: 0 !important;

}

button {

  border-radius: 0;

  -webkit-appearance: none;

}

a {

  -webkit-transition: 0.3s color ease-in-out;

  -o-transition: 0.3s color ease-in-out;

  transition: 0.3s color ease-in-out;

}

a,

a:focus,

a:visited {

  color: var(--default-black);

}

.footerwebsite .footer-middle > ul > li > a:hover,

a:active,

a:hover {

  color: #000;

}

a,

a:active,

a:focus,

a:hover,

a:visited {

  text-decoration: none;

}

.desc-box-wrapper .desc-box .desc-box-content > p,

p,

ul {

  margin: 0;

}

.hero-video > video,

.hero-video > video[poster],

.home-twin-banners a > img,

.sogo-header .header-left .main-logo a > img,

.swiper-slide > a > img,

hr {

  width: 100%;

}

ul {

  list-style: none;

  padding: 0;

}

label {

  margin-bottom: 0;

  font-weight: 400;

}

.header-padding {

  height: 105px;

  -webkit-transition: height 0.3s ease-in-out;

  -o-transition: height 0.3s ease-in-out;

  transition: height 0.3s ease-in-out;

}

.sogo-header,

.sogo-header

  .header-right

  .header-quick-menu

  > ul

  > li

  .quick-btn-wrapper

  .quick-btn-menu

  ul

  > li

  > a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.sogo-header {

  border-bottom: 1px solid #ddd;

  position: fixed;

  z-index: 990;

  background: #fff;

  -webkit-transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out,

    inset 0.3s ease-in-out;

  -o-transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out,

    inset 0.3s ease-in-out;

  transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out,

    inset 0.3s ease-in-out;

}

.sogo-header.header-minimized {

  height: 45px;

  inset: 0 0 45px 0;

  opacity: 0.8;

}

.sogo-header.hovered {

  opacity: 1;

}

.sogo-header,

.sogo-header.hovered.header-minimized {

  height: 105px;

  inset: 0 0 105px 0;

}

.sogo-header .header-left {

  width: 20%;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding-left: 2.5rem;

}

.sogo-header .header-left .main-logo,

.sogo-header .header-right .header-quick-menu > ul > li .quick-btn-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.sogo-header .header-left .main-logo {

  width: 180px;

  height: 28px;

  -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;

  -o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;

  transition: width 0.3s ease-in-out, height 0.3s ease-in-out;

}

.sogo-header.header-minimized .header-left .main-logo {

  width: 120px;

}

.sogo-header.hovered.header-minimized .header-left .main-logo {

  width: 180px;

  height: 28px;

}

.sogo-header .header-left,

.sogo-header .header-right,

.sogo-header .header-right .header-quick-menu > ul,

.swiper-slide > a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.sogo-header .header-right {

  width: 80%;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: end;

  -ms-flex-align: end;

  align-items: flex-end;

}

.sogo-header .header-right .header-quick-menu,

.sogo-header

  .header-right

  .header-quick-menu

  > ul

  > li

  .quick-btn-wrapper

  .quick-btn {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

.sogo-header .header-right .header-quick-menu {

  height: 60px;

  -webkit-transition: height 0.3s ease-in-out;

  -o-transition: height 0.3s ease-in-out;

  transition: height 0.3s ease-in-out;

  z-index: 1;

}

.sogo-header.header-minimized .header-right .header-quick-menu {

  height: 0;

}

.sogo-header.header-minimized .header-right .header-quick-menu > ul {

  -webkit-transform: translateY(-100%);

  -ms-transform: translateY(-100%);

  transform: translateY(-100%);

}

.sogo-header.hovered.header-minimized .header-right .header-quick-menu {

  height: 60px;

}

.sogo-header.hovered .header-right .header-quick-menu > ul {

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

}

.sogo-header .header-right .header-quick-menu > ul {

  -webkit-transition: -webkit-transform 0.25s ease-in-out;

  -o-transition: transform 0.25s ease-in-out;

  transition: transform 0.25s ease-in-out;

  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;

}

.sogo-header .header-right .header-quick-menu > ul > li {

  margin: 0 0.6rem;

}

.sogo-header .header-right .header-quick-menu > ul > li .quick-btn-wrapper {

  position: relative;

}

.sogo-header

  .header-right

  .header-quick-menu

  > ul

  > li

  .quick-btn-wrapper

  > span {

  font-weight: 600;

}

.sogo-header

  .header-right

  .header-quick-menu

  > ul

  > li

  .quick-btn-wrapper

  .quick-btn {

  background: 0 0;

  padding: 0;

  border: 2px solid transparent;

  border-radius: 0;

  -webkit-transition: border-color 0.25s ease-in-out,

    border-radius 0.5s ease-in-out;

  -o-transition: border-color 0.25s ease-in-out, border-radius 0.5s ease-in-out;

  transition: border-color 0.25s ease-in-out, border-radius 0.5s ease-in-out;

  min-width: 35px;

  min-height: 35px;

}

.sogo-header

  .header-right

  .header-quick-menu

  > ul

  > li

  .quick-btn-wrapper

  .cart-btn

  > i,

.sogo-header

  .header-right

  .header-quick-menu

  > ul

  > li

  .quick-btn-wrapper

  .fav-btn

  > i,

.sogo-header

  .header-right

  .header-quick-menu

  > ul

  > li

  .quick-btn-wrapper

  .language-btn

  > i {

  margin-right: 0.25rem;

}

.sogo-header

  .header-right

  .header-quick-menu

  > ul

  > li

  .quick-btn-wrapper

  .quick-btn

  > i,

.sogo-product-container

  .product-right

  .product-details-upper

  .name-fav

  .product-fav

  button

  > i {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-transition: -webkit-transform 0.1s ease-in-out;

  -o-transition: transform 0.1s ease-in-out;

  transition: transform 0.1s ease-in-out;

  transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;

}

.sogo-header

  .header-right

  .header-quick-menu

  > ul

  > li

  .quick-btn-wrapper

  .quick-btn

  > i::before {

  height: 25px;

}

.sogo-header

  .header-right

  .header-quick-menu

  > ul

  > li

  .quick-btn-wrapper

  .quick-btn:active

  > i {

  -webkit-transform: scale(1.3);

  -ms-transform: scale(1.3);

  transform: scale(1.3);

}

.cart-container

  .cart-wrapper

  .cart-side

  .cart-content

  .cart-row

  .row-btn-group

  .cart-fav-btn:hover

  > img,

.product-card:hover .product-image-wrapper > a > .product-image,

.show-menu:active > i {

  /* -webkit-transform: scale(1.2); */

  -ms-transform: scale(1.2);

  /* transform: scale(1.2); */

}

.sogo-header

  .header-right

  .header-quick-menu

  > ul

  > li

  .quick-btn-wrapper

  .quick-btn

  > span {

  font-size: 0.9rem;

  font-weight: 600;

  text-transform: capitalize;

}

.sogo-header

  .header-right

  .header-quick-menu

  > ul

  > li

  .quick-btn-wrapper

  .quick-btn-menu {

  position: absolute;

  top: 100%;

  left: 0;

  background-color: #fff;

  z-index: 999;

  opacity: 0;

  visibility: visible;

  pointer-events: none;

  -webkit-transition: opacity 0.4s ease-in-out;

  -o-transition: opacity 0.4s ease-in-out;

  transition: opacity 0.4s ease-in-out;

}

.sogo-header

  .header-right

  .header-quick-menu

  > ul

  > li

  .quick-btn-wrapper

  .quick-btn-menu

  ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  min-width: 150px;

  background-color: #fff;

  border: 1px solid #eee;

  border-bottom: none;

  box-shadow: 0 5px 5px -4px rgb(0 0 0/16%);

  -webkit-box-shadow: 0 5px 5px -4px rgb(0 0 0/16%);

  position: relative;

}

.sogo-header

  .header-right

  .header-quick-menu

  > ul

  > li

  .quick-btn-wrapper

  .quick-btn-menu

  ul::before {

  content: "";

  top: -7px;

  left: 6px;

  position: absolute;

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

  border-bottom: 10px solid #eee;

  z-index: -1;

}

.sogo-header

  .header-right

  .header-quick-menu

  > ul

  > li

  .quick-btn-wrapper

  .quick-btn-menu

  ul

  > li {

  border-bottom: 1px solid #eee;

}

.sogo-header

  .header-right

  .header-quick-menu

  > ul

  > li

  .quick-btn-wrapper

  .quick-btn-menu

  ul

  > li

  > a {

  padding: 0.5rem 0.8rem;

  font-size: 0.9rem;

  font-weight: 500;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

}

.sogo-header

  .header-right

  .header-quick-menu

  > ul

  > li

  .quick-btn-wrapper

  .quick-btn-menu

  ul

  > li

  > a:hover {

  background-color: #eee;

  color: #f40305;

}

.sogo-header

  .header-right

  .header-quick-menu

  > ul

  > li

  .quick-btn-wrapper

  .quick-btn-menu.language

  ul

  > li

  > a

  > img {

  margin-right: 0.4rem;

}

.prod-colors {

  display: flex;

  flex-direction: row;

}



.prod-colors .colors-img {

  width: 16%;

  margin-left: 8px;

}



.prod-colors .colors-img img {

  width: 100%;

}

span.price-text {

  display: none !important;

}

@media screen and (min-width: 992px) {

  .sogo-header

    .header-right

    .header-quick-menu

    > ul

    > li

    .quick-btn-wrapper

    .search-btn.active {

    border-color: #333333d9;

    border-radius: 0.35rem;

  }

}

@media screen and (min-width: 768px) {

  .sogo-header

    .header-right

    .header-quick-menu

    > ul

    > li

    .quick-btn-wrapper:hover

    .quick-btn-menu {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

  }

  .btn-menu-visible {

    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;

  }

}

@media screen and (max-width: 991px) {

  .sogo-header .header-left {

    width: 30%;

  }

  .sogo-header .header-left .main-logo a > img {

    width: 150px;

  }

  .sogo-header .header-right {

    width: 70%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

  }

  .header-padding,

  .sogo-header .header-right .header-quick-menu {

    height: 45px;

  }

  .sogo-header {

    height: 45px;

    inset: 0 0 45px 0;

    opacity: 1;

  }

  .sogo-header.header-hidden {

    top: -45px;

  }

  .sogo-header

    .header-right

    .header-quick-menu

    > ul

    > li

    .quick-btn-wrapper

    .quick-btn-menu {

    top: 35px;

  }

  .sogo-header

    .header-right

    .header-quick-menu

    > ul

    > li

    .quick-btn-wrapper

    .quick-btn:active,

  .sogo-header

    .header-right

    .header-quick-menu

    > ul

    > li

    .quick-btn-wrapper

    .quick-btn:focus {

    outline: 0;

  }

  .sogo-header

    .header-right

    .header-quick-menu

    > ul

    > li

    .quick-btn-wrapper

    .quick-btn

    > i {

    width: 25px;

    height: 25px;

  }

  .header-quick-menu > ul > li:nth-child(1),

  .header-quick-menu > ul > li:nth-child(2) {

    display: none;

  }

}

@media screen and (max-width: 767px) {

  .sogo-header .header-left .main-logo a > img {

    width: 75px;

  }

  .sogo-header .header-left {

    padding-left: 1.5rem;

  }

}

@media screen and (max-width: 479px) {

  .sogo-header .header-right .header-quick-menu > ul > li {

    margin: 0;

  }

}

.swiper-slide > a {

  position: relative;

}

.main-slider1 {

  display: none;

}

.main-slider1 img {

  width: 100%;

}

.main-slider0 img {

  width: 100% !important;

}

@media screen and (max-width: 991px) {

  /* .main-slider0 {

    display: none;

  }

  .main-slider1 {

    display: block;

  } */

}

.hero-video {

  margin: 1rem auto;

  max-width: 1280px;

  -webkit-transition: margin 0.3s ease-in-out;

  -o-transition: margin 0.3s ease-in-out;

  transition: margin 0.3s ease-in-out;

}

.home-twin-banners,

.home-twin-banners .twin-left {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.home-twin-banners {

  overflow: hidden;

  margin-bottom: 6rem;

}

.home-twin-banners .twin-left {

  width: 50%;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: end;

  -ms-flex-align: end;

  align-items: flex-end;

  padding-right: 7rem;

  -webkit-transform: translateY(300px);

  -ms-transform: translateY(300px);

  transform: translateY(300px);

  -webkit-transition: -webkit-transform 0.3s ease-in-out;

  -o-transition: transform 0.3s ease-in-out;

  transition: transform 0.3s ease-in-out;

  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;

}

.home-twin-banners .twin-left.segment-1 {

  -webkit-transform: translateY(200px) !important;

  -ms-transform: translateY(200px) !important;

  transform: translateY(200px) !important;

}

.home-twin-banners .twin-left.segment-2 {

  -webkit-transform: translateY(100px) !important;

  -ms-transform: translateY(100px) !important;

  transform: translateY(100px) !important;

}

.home-twin-banners .twin-left.segment-3 {

  -webkit-transform: translateY(0) !important;

  -ms-transform: translateY(0) !important;

  transform: translateY(0) !important;

}

.home-twin-banners a {

  width: 100%;

}

.twin-text {

  display: block;

  margin-top: 1.5rem;

  font-size: 1.4rem;

  max-width: 275px;

  font-weight: 300;

  text-align: right;

}

.twin-text.gallery-twin-text {

  -webkit-transition: -webkit-transform 1s ease-in-out;

  -o-transition: transform 1s ease-in-out;

  transition: transform 1s ease-in-out;

  transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;

  margin-bottom: 1rem;

  width: 100%;

}

.home-twin-banners .twin-right {

  width: 50%;

}

.home-gallery,

.home-single-banner,

.home-twin-banners a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.home-single-banner {

  width: 100%;

  margin: 10rem 0 5rem;

  padding: 0 4rem;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-transition: -webkit-transform 0.5s ease-in-out;

  -o-transition: transform 0.5s ease-in-out;

  transition: transform 0.5s ease-in-out;

  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

}

.home-single-banner.segment-1 {

  -webkit-transform: scale(0.9);

  -ms-transform: scale(0.9);

  transform: scale(0.9);

}

.contact-wrapper .contact-info:hover .contact-logo-wrapper > img,

.home-single-banner.segment-2 {

  -webkit-transform: scale(0.8);

  -ms-transform: scale(0.8);

  transform: scale(0.8);

}

.home-single-banner a > img {

  max-width: 820px;

}

.home-gallery {

  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;

  -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;

  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;

}

.home-gallery .gallery-upper,

.home-gallery .gallery-upper .upper-left {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.home-gallery,

.home-gallery .gallery-upper .upper-left {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.home-gallery .gallery-upper .upper-left {

  width: 55%;

  position: relative;

  -webkit-box-align: end;

  -ms-flex-align: end;

  align-items: flex-end;

  -webkit-transform: translateY(-10%);

  -ms-transform: translateY(-10%);

  transform: translateY(-10%);

}

.home-gallery .gallery-upper .upper-left a {

  -webkit-transition: -webkit-transform 1s ease-in-out;

  -o-transition: transform 1s ease-in-out;

  transition: transform 1s ease-in-out;

  transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;

  width: 100%;

}

.home-gallery .gallery-lower .gallery-slider a > img,

.home-gallery .gallery-upper .upper-left a > img,

.home-gallery .gallery-upper .upper-right a > img,

.home-single-with-cap .single-item a img,

.home-static-single a img {

  width: 100%;

}

.home-gallery .gallery-upper .upper-right {

  padding-left: 5rem;

  width: 45%;

}

.home-gallery .gallery-lower .gallery-slider a,

.home-gallery .gallery-upper .upper-left a,

.home-gallery .gallery-upper .upper-right a,

.home-single-with-cap .single-cap span,

.home-single-with-cap .single-item a,

.footerwebsite .footer-bottom > a,

.footerwebsite

  .footer-middle

  .newsletter-wrapper

  .newsletter-group

  .newsletter-button

  > i {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.home-gallery .gallery-lower {

  margin: 6rem 0;

  overflow: hidden;

}

.home-gallery .gallery-lower .gallery-slider-header {

  -webkit-transition-property: -webkit-transform;

  -o-transition-property: transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform;

  -webkit-transition-duration: 300ms;

  -o-transition-duration: 300ms;

  transition-duration: 300ms;

  margin-bottom: 1.5rem;

}

.home-gallery .gallery-lower .gallery-slider-header > span {

  color: #333;

  font-weight: 500;

  font-size: 1.6rem;

  letter-spacing: 7px;

  font-family: "Montserrat-Medium", sans-serif;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding-left: 1rem;

}

.home-gallery .gallery-lower .gallery-slider a {

  width: 100%;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  justify-content: center;

}

.home-gallery .gallery-lower .gallery-slider a > img {

  margin-bottom: 1rem;

}

.home-gallery .gallery-lower .gallery-slider a > .product-caption {

  display: flex;

  align-items: center;

  /* justify-content: center; */

  flex-direction: column;

  width: 100%;

  height: 74px;

}

.home-gallery

  .gallery-lower

  .gallery-slider

  a

  > .product-caption

  .product-name {

  font-size: 0.9rem;

  font-weight: 600;

  width: 100%;

  text-align: center;

  padding-right: 0.5rem;

}

.home-gallery

  .gallery-lower

  .gallery-slider

  a

  > .product-caption

  .product-price {

  font-family: "Montserrat-Medium";

  margin-top: 10px;

}

.home-gallery

  .gallery-lower

  .gallery-slider

  a

  > .product-caption

  .product-price

  .price-new {

}

.home-gallery

  .gallery-lower

  .gallery-slider

  a

  > .product-caption

  .product-price

  .price-old {

  font-weight: 500;

  color: #999;

  text-decoration: line-through;

  font-size: 0.8rem;

}



.home-gallery .gallery-lower .gallery-slider .swiper-wrapper {

  -webkit-transition-duration: 300ms !important;

  -o-transition-duration: 300ms !important;

  transition-duration: 300ms !important;

}

.home-gallery .gallery-lower .gallery-slider .swiper-slide {

  /*width: calc(100% / 3) !important;

  margin-right: 6rem;*/

  padding: 0;

}

.lights-off {

  background-color: #ffffff !important;

  color: #000000 !important;

}

.home-single-with-cap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding: 5rem 0;

  background-color: #1d1d27;

}

.home-single-with-cap .single-cap,

.home-static-single {

  -webkit-transition: padding 0.3s ease-in-out;

  -o-transition: padding 0.3s ease-in-out;

  transition: padding 0.3s ease-in-out;

}

.home-single-with-cap .single-cap span {

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  max-width: 390px;

  padding: 3rem 5rem;

  color: #fff;

  font-size: 1.6rem;

  font-weight: 300;

  -webkit-transition: padding 0.3s ease-in-out, -webkit-transform 1s ease-in-out;

  -o-transition: transform 1s ease-in-out, padding 0.3s ease-in-out;

  transition: transform 1s ease-in-out, padding 0.3s ease-in-out;

  transition: transform 1s ease-in-out, padding 0.3s ease-in-out,

    -webkit-transform 1s ease-in-out;

}

.home-single-with-cap .single-cap,

.home-single-with-cap .single-item {

  width: 50%;

}

.home-static-single {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  background-color: #1d1d27;

  padding: 6rem;

}

@media screen and (max-width: 1199px) {

  .hero-video {

    margin: 3rem auto;

  }

  .home-twin-banners {

    margin-bottom: 5rem;

  }

  .home-gallery .gallery-lower {

    margin: 5rem 0;

  }

}

@media screen and (max-width: 991px) {

  .home-twin-banners .twin-left {

    padding-right: 2.5rem;

    width: 45%;

  }

  .home-twin-banners .twin-right {

    width: 55%;

  }

  .twin-text {

    font-size: 1.2rem;

    max-width: 275px;

  }

  .home-gallery .gallery-upper .upper-left {

    width: 45%;

    margin-right: 1rem;

  }

  .home-gallery .gallery-upper .upper-right {

    width: 55%;

    padding: 0;

  }

  .home-single-banner {

    margin: 8rem 0 4rem;

    padding: 0;

  }

  .home-single-banner a > img {

    width: 100%;

  }

  .home-static-single {

    padding: 3rem;

  }

  .home-single-with-cap {

    padding: 2.5rem 0;

  }

  .home-single-with-cap .single-cap span {

    max-width: 390px;

    padding: 2rem;

    font-size: 1.3rem;

  }

}

@media screen and (max-width: 539px) {

  .hero-video {

    margin: 1.5rem auto 1rem;

  }

  .home-twin-banners {

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse;

  }

  .home-twin-banners .twin-right {

    width: 100%;

    margin-bottom: 1rem;

  }

  .home-twin-banners .twin-left {

    padding-right: 0;

    width: 100%;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .twin-text {

    max-width: initial;

    text-align: center;

    padding: 0 1rem;

  }

  .home-twin-banners {

    margin-bottom: 2rem;

  }

  .home-single-banner {

    margin: 2rem 0;

  }

  .home-gallery .gallery-upper {

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse;

  }

  .home-gallery .gallery-upper .upper-left {

    width: 100%;

    margin-right: 0;

  }

  .home-gallery .gallery-upper .upper-right {

    width: 100%;

    margin-bottom: 1rem;

  }

  .home-gallery .gallery-lower .gallery-slider .swiper-slide {

    /* width: calc((100% / 2) - 2rem) !important; */

    /* margin-right: 2rem; */

  }

  .home-single-with-cap .single-cap {

    width: 40%;

  }

  .home-single-with-cap .single-item {

    width: 60%;

  }

  .home-single-with-cap .single-cap span {

    max-width: initial;

    padding: 1rem;

    font-size: 0.9rem;

  }

  .home-static-single {

    padding: 1rem;

  }

}

.footerwebsite {

  border-top: 1px solid #eee;

  box-shadow: 0 0 50px -15px rgb(0 0 0/0%);

  -webkit-box-shadow: 0 0 50px -15px rgb(0 0 0/0%);

  -webkit-transition: -webkit-box-shadow 0.25s ease-in-out;

  -o-transition: box-shadow 0.25s ease-in-out;

  transition: box-shadow 0.25s ease-in-out;

  transition: box-shadow 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out;

}

.footerwebsite .footer-upper .footer-triple-info {

  padding: 3rem 0 0;

}

.footerwebsite .footer-upper .footer-triple-info,

.footerwebsite .footer-upper .footer-triple-info > div,

.sogo-product-container

  .product-right

  .product-details-lower

  .product-cart-buttons

  .cart-count-buttons

  > .minus

  > i,

.sogo-product-container

  .product-right

  .product-details-lower

  .product-cart-buttons

  .cart-count-buttons

  > .plus

  > i,

.special-popup .popup-wrapper a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

.footerwebsite .footer-upper .footer-triple-info > div > div {

  margin: 1rem;

  padding: 1rem;

}

.footerwebsite .footer-upper .footer-triple-info > div > div i {

  margin-bottom: 1rem;

  font-size: 2.5rem;

}

.footerwebsite .footer-middle,

.footerwebsite .footer-upper .footer-triple-info > div > div,

.footerwebsite .footer-upper .footer-triple-info > div > div span {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.footerwebsite .footer-upper .footer-triple-info > div > div span {

  font-size: 1.15rem;

  font-family: "Montserrat-Medium", sans-serif;

  text-transform: uppercase;

  letter-spacing: 0.025rem;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  text-align: center;

}

.footerwebsite

  .footer-upper

  .footer-triple-info

  > div

  > div

  span

  > em.inline-spacing {

  font-style: normal;

}

.footerwebsite .footer-middle {

  padding-top: 3rem;

}

.footerwebsite .footer-middle .middle-heading {

  display: block;

  margin-bottom: 1rem;

  font-weight: 500;

}

.footerwebsite .footer-middle,

.footerwebsite .footer-middle .newsletter-wrapper,

.footerwebsite .footer-middle .newsletter-wrapper .newsletter-group,

.footerwebsite .footer-upper .footer-triple-info > div > div,

.footerwebsite .footer-upper .footer-triple-info > div > div i,

.footerwebsite .footer-upper .footer-triple-info > div > div span {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.footerwebsite .footer-middle .newsletter-wrapper {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.footerwebsite .footer-middle .newsletter-wrapper .newsletter-group {

  position: relative;

  margin-bottom: 1rem;

}

.footerwebsite

  .footer-middle

  .newsletter-wrapper

  .newsletter-group

  .newsletter {

  border-radius: 0;

  border: 1px solid #ccc;

  width: 350px;

  height: 40px;

  padding: 1rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  font-size: 0.9rem;

  padding-right: 40px;

  -webkit-transition: border-color 0.3s ease-in-out;

  -o-transition: border-color 0.3s ease-in-out;

  transition: border-color 0.3s ease-in-out;

}

.footerwebsite

  .footer-middle

  .newsletter-wrapper

  .newsletter-group

  .newsletter:focus {

  outline: 0;

  border-color: #000;

}

.footerwebsite

  .footer-middle

  .newsletter-wrapper

  .newsletter-group

  .newsletter-button {

  border: 0;

  background: 0 0;

  width: 40px;

  height: 40px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  padding: 0;

  position: absolute;

  right: 0;

  top: 0;

}

.footerwebsite

  .footer-middle

  .newsletter-wrapper

  .newsletter-group

  .newsletter-button:active,

.footerwebsite

  .footer-middle

  .newsletter-wrapper

  .newsletter-group

  .newsletter-button:focus,

.to-top > button:focus {

  outline: 0;

}

.footerwebsite .footer-middle .newsletter-wrapper .cbx {

  width: 780px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin: 0;

}

.footerwebsite .footer-middle .newsletter-wrapper .cbx > span:first-child {

  width: 18px;

}

.footerwebsite .footer-middle .newsletter-wrapper .cbx > span:last-child {

  width: calc(100% - 18px);

  font-size: 0.9rem;

  font-weight: 300;

}

.footerwebsite .footer-middle > ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  font-weight: 600;

  margin-bottom: 2rem;

}

.footerwebsite .footer-middle .footer-social > ul > li:not(:last-child),

.footerwebsite .footer-middle > ul > li:not(:last-child) {

  margin-right: 1rem;

}

.footerwebsite .footer-middle > ul > li > a {

  color: #555;

  -webkit-transition: color 0.3s ease-in-out;

  -o-transition: color 0.3s ease-in-out;

  transition: color 0.3s ease-in-out;

}

.footerwebsite .footer-middle .footer-social {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  margin-bottom: 3.5rem;

}

.footerwebsite .footer-middle .footer-social > ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 0.5rem;

}

.footerwebsite .footer-middle .footer-social > ul > li > a {

  width: 35px;

  height: 35px;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  padding: 1.2rem;

  position: relative;

  border: 2px solid transparent;

  border-radius: 0;

  -webkit-transition: border-radius 0.3s ease-in-out,

    -webkit-box-shadow 0.3s ease-in-out;

  -o-transition: box-shadow 0.3s ease-in-out, border-radius 0.3s ease-in-out;

  transition: box-shadow 0.3s ease-in-out, border-radius 0.3s ease-in-out;

  transition: box-shadow 0.3s ease-in-out, border-radius 0.3s ease-in-out,

    -webkit-box-shadow 0.3s ease-in-out;

}

.footerwebsite .footer-middle .footer-social > ul > li > a:hover {

  border-radius: 0.35rem;

  box-shadow: 0 0 8px 2px rgb(0 0 0/10%);

  -webkit-box-shadow: 0 0 8px 2px rgb(0 0 0/10%);

}

.footerwebsite .footer-middle .footer-social > ul > li > a > i {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  position: absolute;

  top: 53%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.footerwebsite .footer-middle .bottom-navigation > ul,

.footerwebsite .footer-middle .footer-social,

.footerwebsite .footer-middle .footer-social > ul > li > a,

.footerwebsite .footer-middle .footer-social > ul > li > a > i,

.footerwebsite .footer-middle .mobile-apps,

.sogo-product-container

  .product-right

  .product-details-upper

  .product-info

  .product-price

  #power-discount,

.sogo-product-container

  .product-right

  .product-details-upper

  .product-info

  .product-price

  #power-price,

.sogo-product-container

  .product-right

  .product-details-upper

  .product-info

  .product-price

  #power-price

  > li,

ul.megamenu {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.footerwebsite .footer-middle .mobile-apps i {

  margin-right: 0.5rem;

  font-size: 1.2rem;

}

.footerwebsite .footer-middle .bottom-navigation > ul > li:not(:last-child) {

  margin-right: 2.5rem;

}

.footerwebsite .footer-middle .bottom-navigation > ul > li > a {

  color: #999;

  -webkit-transition: color 0.3s ease-in-out;

  -o-transition: color 0.3s ease-in-out;

  transition: color 0.3s ease-in-out;

}

.footerwebsite .footer-middle .bottom-navigation > ul > li > a:hover,

.sogo-product-container

  .product-right

  .product-details-lower

  .product-tags

  .tags

  > span:hover {

  color: #000;

}

.footerwebsite .footer-middle .bottom-navigation > ul > li:last-child > a {

  color: #000;

}

.footerwebsite .footer-bottom {

}

.footerwebsite .footer-bottom .copy-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: end;

  -ms-flex-align: end;

  align-items: flex-end;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin-right: 1rem;

}

.footerwebsite .footer-bottom .copy-wrapper > span {

  color: #eee;

  font-size: 0.9rem;

}

.footerwebsite .footer-bottom .copy-wrapper > small {

  color: #aaa;

  font-size: 0.8rem;

}

.footerwebsite .footer-bottom .copy-wrapper > small > a {

  color: #aaa;

  -webkit-transition: color 0.3s ease-in-out;

  -o-transition: color 0.3s ease-in-out;

  transition: color 0.3s ease-in-out;

}

.footerwebsite .footer-bottom .copy-wrapper > small > a:hover {

  color: #fff;

}

.footerwebsite .footer-bottom > a > img {

  height: 15px;

}

.to-top {

  position: fixed;

  bottom: 5rem;

  right: 3rem;

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  -webkit-transition: all 0.25s ease-in-out;

  -o-transition: all 0.25s ease-in-out;

  transition: all 0.25s ease-in-out;

  z-index: 98;

}

.to-top.visible {

  opacity: 1;

  visibility: visible;

  pointer-events: all;

}

.to-top > button {

  position: relative;

  background-color: transparent;

  width: 40px;

  height: 40px;

  border: 1px solid transparent;

  border-radius: 0;

  -webkit-transition: background-color 0.25s ease-in-out,

    border-color 0.25s ease-in-out, border-radius 0.5s ease-in-out;

  -o-transition: background-color 0.25s ease-in-out,

    border-color 0.25s ease-in-out, border-radius 0.5s ease-in-out;

  transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out,

    border-radius 0.5s ease-in-out;

}

.to-top > button:hover {

  background-color: #ffffff85;

  border-color: #333333d9;

  border-radius: 0.35rem;

}

.to-top > button > i {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.footer-payments,

.gdpr-dissmissable .gdpr-header > span,

.to-top > button {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.footer-payments,

.to-top > button {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

.footer-payments {

  padding: 2rem 5rem;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.footer-payments .payment-method {

  margin: 1rem;

}

.footer-payments .payment-method:hover > img {

  -webkit-filter: grayscale(0);

  filter: grayscale(0);

}

.footer-payments .payment-method > img {

  -webkit-filter: grayscale(1);

  filter: grayscale(1);

  -webkit-transition: -webkit-filter 0.5s ease-in-out;

  -o-transition: filter 0.5s ease-in-out;

  transition: filter 0.5s ease-in-out;

  transition: filter 0.5s ease-in-out, -webkit-filter 0.5s ease-in-out;

}

.gdpr-dissmissable {

  position: fixed;

  right: 2rem;

  bottom: 2rem;

  max-width: 300px;

  font-size: 0.9rem;

  background: #fff;

  border: 1px solid #ddd;

  z-index: 100;

  padding: 0.75rem;

}

.gdpr-dissmissable .gdpr-header {

  margin-bottom: 0.5rem;

  position: relative;

}

.gdpr-dissmissable .gdpr-header > button {

  position: absolute;

  right: -0.5rem;

  top: -0.5rem;

  font-size: 1.3rem;

  border: 0;

  background-color: transparent;

}

.gdpr-dissmissable .gdpr-header > span {

  font-weight: 600;

  font-size: 1rem;

}

.gdpr-dissmissable .gdpr-header > span > i {

  margin-right: 0.5rem;

  margin-top: 0.25rem;

}

.gdpr-dissmissable .gdpr-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

}

.gdpr-dissmissable .gdpr-content > span {

  font-size: 0.9rem;

}

.gdpr-dissmissable .gdpr-content > span > a {

  text-decoration: underline;

  font-weight: 600;

}

.gdpr-dissmissable .gdpr-content > button {

  font-size: 0.9rem;

  border: 1px solid #333;

  background: #333;

  color: #fff;

  padding: 0.25rem 0.5rem;

  margin-top: 0.5rem;

  -webkit-transition: background 0.25s ease-in-out, color 0.25s ease-in-out;

  -o-transition: background 0.25s ease-in-out, color 0.25s ease-in-out;

  transition: background 0.25s ease-in-out, color 0.25s ease-in-out;

}

.gdpr-dissmissable .gdpr-content > button:active,

.gdpr-dissmissable .gdpr-content > button:hover {

  background: #fff;

  color: #333;

}

@media screen and (max-width: 991px) {

  .footerwebsite .footer-middle .bottom-navigation > ul > li > a {

    text-align: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

}

@media screen and (max-width: 767px) {

  .footerwebsite .footer-upper .footer-triple-info {

    -webkit-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

    padding: 1rem;

  }

  .footerwebsite .footer-middle {

    padding: 1rem;

  }

  .footerwebsite .footer-upper .footer-triple-info > div > div {

    width: 33%;

    height: 100%;

    margin: 0.25rem;

    padding: 0.75rem;

    border-radius: 0.5rem;

    box-shadow: 0 0 10px 2px rgb(0 0 0/9%);

    -webkit-box-shadow: 0 0 10px 2px rgb(0 0 0/9%);

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;

  }

  .footerwebsite .footer-upper .footer-triple-info > div > div span {

    font-size: 1rem;

  }

  .footerwebsite .footer-middle .newsletter-wrapper {

    margin-bottom: 1.5rem;

    width: 100%;

  }

  .gdpr-dissmissable .gdpr-content > button,

  .footerwebsite .footer-middle .newsletter-wrapper .cbx,

  .footerwebsite .footer-middle .newsletter-wrapper .newsletter-group,

  .footerwebsite

    .footer-middle

    .newsletter-wrapper

    .newsletter-group

    .newsletter {

    width: 100%;

  }

  .footerwebsite .footer-middle > ul {

    margin-bottom: 1rem;

    padding: 0;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    width: 100%;

  }

  .footerwebsite .footer-middle > ul > li:not(:last-child) {

    margin-right: 0;

    border-bottom: 1px solid #ccc;

  }

  .footerwebsite .footer-middle > ul > li > a {

    padding: 0.5rem 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

  .footerwebsite .footer-middle .footer-social > ul > li > a {

    border-radius: 0.35rem;

    box-shadow: 0 0 8px 2px rgb(0 0 0/10%);

    -webkit-box-shadow: 0 0 8px 2px rgb(0 0 0/10%);

    padding: 1rem;

  }

  .footerwebsite .footer-middle .footer-social {

    margin-bottom: 1.5rem;

  }

  .footerwebsite .footer-middle .footer-social > ul > li:not(:last-child) {

    margin-right: 0.5rem;

  }

  .footerwebsite .footer-middle .bottom-navigation > ul {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    width: 100%;

  }

  .footerwebsite .footer-middle .bottom-navigation > ul > li:not(:last-child) {

    margin-right: initial;

  }

  .footerwebsite .footer-bottom .copy-wrapper,

  .footerwebsite .footer-middle .bottom-navigation > ul > li {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

  .footerwebsite .footer-middle .bottom-navigation > ul > li {

    margin: 0.5rem !important;

    width: calc(50% - 1rem);

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .footerwebsite .footer-bottom {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    /* justify-content: space-between; */

    padding: 0 2rem;

  }

  .footerwebsite .footer-bottom .copy-wrapper {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    margin-right: 0;

  }

  .to-top {

    /* bottom: 10rem; */

    right: 2rem;

  }

  .to-top > button {

    background-color: #ffffff85;

    border-color: #333333d9;

  }

  .footer-payments {

    padding: 1rem 2rem;

  }

  .footer-payments .payment-method {

    margin: 0.5rem;

  }

  .footer-payments .payment-method:hover > img {

    -webkit-filter: grayscale(1);

    filter: grayscale(1);

  }

  .gdpr-dissmissable {

    bottom: 0;

    left: 0;

    right: 0;

    max-width: 100%;

    border: 0;

    border-top: 1px solid #e5e5e5;

  }

}

@media screen and (max-width: 539px) {

  .footerwebsite .footer-upper .footer-triple-info > div > div {

    margin: 0.25rem;

    padding: 0.5rem;

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

  }

  .footerwebsite .footer-upper .footer-triple-info > div > div:active,

  .footerwebsite .footer-upper .footer-triple-info > div > div:hover {

    background-color: #333;

    color: #fff;

  }

  .footerwebsite .footer-upper .footer-triple-info > div > div i {

    margin-bottom: 0;

    font-size: 1.5rem;

    height: 50px;

  }

  .footerwebsite .footer-middle .mobile-apps,

  .footerwebsite .footer-upper .footer-triple-info > div > div,

  .footerwebsite .footer-upper .footer-triple-info > div > div span {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

  .footerwebsite .footer-upper .footer-triple-info > div > div span {

    font-size: 0.7rem;

    height: 65px;

    font-weight: 500;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

  .footerwebsite .footer-middle .footer-social > ul {

    margin-bottom: 1.5rem;

  }

  .footerwebsite .footer-middle .mobile-apps {

    width: 100%;

  }

  .footerwebsite .footer-middle .mobile-apps i {

    width: 25%;

    text-align: right;

    margin-right: 1rem;

    font-size: 1.5rem;

  }

  .footerwebsite .footer-middle .mobile-apps a {

    width: 75%;

    padding-right: 2rem;

  }

  .footerwebsite .footer-bottom {

    padding: 0 1rem;

    padding-bottom: 6rem;

  }

  .footerwebsite .footer-middle .bottom-navigation > ul > li > a {

    font-size: 0.9rem;

  }

}

.cbx {

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  cursor: pointer;

  padding: 0.125rem;

  border-radius: 6px;

  overflow: hidden;

  -webkit-transition: all 0.2s ease;

  -o-transition: all 0.2s ease;

  transition: all 0.2s ease;

  font-weight: 400;

}

.cbx:not(:last-child) {

  margin-right: 6px;

}

.cbx span {

  float: left;

  vertical-align: middle;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.cbx span:first-child {

  position: relative;

  width: 18px;

  height: 18px;

  border-radius: 0;

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  border: 1px solid #333;

  -webkit-transition: all 0.2s ease;

  -o-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.cbx span:first-child svg {

  position: absolute;

  top: 3px;

  left: 2px;

  fill: none;

  stroke: #fff;

  stroke-width: 2;

  stroke-linecap: round;

  stroke-linejoin: round;

  stroke-dasharray: 16px;

  stroke-dashoffset: 16px;

  -webkit-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

  -webkit-transition-delay: 0.1s;

  -o-transition-delay: 0.1s;

  transition-delay: 0.1s;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.cbx span:last-child {

  padding-left: 8px;

  line-height: 18px;

  width: calc(100% - 18px);

}

.cbx:hover span:first-child {

  border-color: #333;

}

.inp-cbx {

  position: absolute;

  visibility: hidden;

}

.inp-cbx:checked + .cbx span:first-child {

  background: #333;

  border-color: #333;

  animation: wave 0.4s ease;

  -webkit-animation: wave 0.4s ease;

}

.inp-cbx:checked + .cbx span:first-child svg {

  stroke-dashoffset: 0;

}

.inline-svg {

  position: absolute;

  width: 0;

  height: 0;

  pointer-events: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.select-hidden {

  display: none;

  visibility: hidden;

  padding-right: 10px;

}

.select,

.select-styled {

  background-color: transparent;

  position: relative;

}

.select {

  cursor: pointer;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  padding: 0.25rem;

  height: 100%;

}

.select-styled {

  padding: 0;

  -o-transition: all 0.2s ease-in;

  -webkit-transition: all 0.2s ease-in;

  transition: all 0.2s ease-in;

  font-weight: 400;

}

.select-styled.active:after,

.select-styled:active:after {

  border-color: transparent transparent #000;

}

.select-options,

.select-options li {

  margin: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.select-options {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  position: absolute;

  top: 120%;

  right: calc(-25px - 1.5rem);

  z-index: 1000;

  padding: 0;

  list-style: none;

  background-color: #fff;

  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out,

    top 0.3s ease-in-out;

  -o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out,

    top 0.3s ease-in-out;

  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out,

    top 0.3s ease-in-out;

  border-bottom: 1px solid #eee;

  border-right: 1px solid #eee;

  border-left: 1px solid #eee;

  min-width: 150px;

}

.select-options.visible {

  top: calc(100% + 1px);

  opacity: 1;

  visibility: visible;

  pointer-events: all;

}

.select-options,

.select-options.visible.fade {

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

}

.select-options li {

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -o-transition: all 0.2s ease-in;

  -webkit-transition: all 0.2s ease-in;

  transition: all 0.2s ease-in;

  align-items: center;

  padding: 0.5rem;

  height: 35px;

  font-size: 0.9rem;

  font-weight: 500;

}

.select-options li .selected-selected-sort {

  padding: 0 0.5rem;

}

.select-options li:hover {

  font-weight: 600;

  font-size: 0.925rem;

}

.radio input,

.select-options li[rel="hide"] {

  display: none;

}

.radio {

  margin: 1rem 0;

  display: block;

  cursor: pointer;

}

.radio input + span {

  line-height: 20px;

  height: 20px;

  padding-left: 20px;

  display: block;

  position: relative;

}

.radio input + span:not(:empty) {

  padding-left: 30px;

}

.radio input + span:after,

.radio input + span:before {

  content: "";

  width: 20px;

  height: 20px;

  display: block;

  border-radius: 50%;

  left: 0;

  top: 0;

  position: absolute;

}

.radio input + span:before {

  background: #333;

  -webkit-transition: background 0.2s ease,

    -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);

  -o-transition: background 0.2s ease,

    transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);

  transition: background 0.2s ease,

    transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);

  transition: background 0.2s ease,

    transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2),

    -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);

}

.radio input + span:after {

  background: #fff;

  -webkit-transform: scale(0.78);

  -ms-transform: scale(0.78);

  transform: scale(0.78);

  -webkit-transition: -webkit-transform 0.6s

    cubic-bezier(0.175, 0.885, 0.32, 1.4);

  -o-transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);

  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);

  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4),

    -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);

}

.radio input:checked + span:before {

  -webkit-transform: scale(1.04);

  -ms-transform: scale(1.04);

  transform: scale(1.04);

  background: #333;

}

.radio input:checked + span:after {

  -webkit-transform: scale(0.5);

  -ms-transform: scale(0.5);

  transform: scale(0.5);

  -webkit-transition: -webkit-transform 0.3s ease;

  -o-transition: transform 0.3s ease;

  transition: transform 0.3s ease;

  transition: transform 0.3s ease, -webkit-transform 0.3s ease;

}

.radio:hover input + span:before {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

}

.radio:hover input + span:after {

  -webkit-transform: scale(0.88);

  -ms-transform: scale(0.88);

  transform: scale(0.88);

}

.radio:hover input:checked + span:after {

  -webkit-transform: scale(0.4);

  -ms-transform: scale(0.4);

  transform: scale(0.4);

}

.sogo-input-wrapper.input-col-2 {

  width: calc(50% - 0.5rem);

}

.sogo-input-wrapper.input-col-1 {

  width: calc(100% - 0.25rem);

}

.sogo-input-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  margin: 0.25rem;

}

.sogo-input-wrapper .input-label {

  font-size: 0.9rem;

  font-weight: 500;

  margin: 0.5rem 0;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.sogo-input-wrapper .input-label.required {

  padding-left: 1rem;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

}

#login-content .login-right .login-bottom p,

#search

  .search-result-wrapper

  .search-categories

  .search-category-results

  > ul

  > li

  > ul

  > li

  > a,

.cart-wrapper

  .cart-side

  .cart-content

  .cart-row

  > div.cart-product-content

  .cart-product-model

  > .numeric-span,

.cart-wrapper

  .cart-side

  .cart-content

  .cart-row

  > div.cart-product-content

  .cart-product-price

  .price-new,

.cart-wrapper

  .cart-side

  .cart-content

  .cart-row

  > div.cart-product-info

  .cart-product-total

  .numeric-span,

.sogo-input-wrapper .radio input + span {

  font-size: 0.9rem;

}

.sogo-input-wrapper .input-label.required::before {

  content: "*";

  left: 0.2rem;

  top: 75%;

  font-size: 1.3rem;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  color: #f40305;

  position: absolute;

}

.sogo-input-wrapper .sogo-input {

  border-radius: 0;

  background: #fff;

  border: 1px solid #999;

  padding: 0.25rem 0.5rem;

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  height: 40px;

  font-size: 0.9rem;

}

.sogo-input-wrapper textarea.sogo-input {

  resize: vertical;

  height: initial;

}

.sogo-input-wrapper .sogo-input:focus,

.sogo-input-wrapper .sogo-input:hover {

  border-color: #333;

}

fieldset {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin-bottom: 1rem;

}

fieldset:last-of-type {

  margin-bottom: 0.5rem;

}

fieldset legend {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin: 0 0.25rem;

  font-weight: 500;

  border-bottom: none;

}

.sogo-danger-button,

.sogo-default-button,

.sogo-primary-button {

  border: 1px solid #333;

  margin: 0;

  padding: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  background-color: #333;

  color: #fff;

  padding: 0.5rem 1rem;

  -webkit-transition: all 0.25s ease-in-out;

  -o-transition: all 0.25s ease-in-out;

  transition: all 0.25s ease-in-out;

}

a.sogo-primary-button {

  color: #fff !important;

}

.sogo-danger-button,

.sogo-default-button {

  border: 1px solid #ccc;

  background-color: #eee;

  color: #333;

}

.sogo-danger-button {

  border: 1px solid #d43f3a;

  background-color: #f40305;

  color: #fff;

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.sogo-danger-button:active,

.sogo-danger-button:hover {

  color: #fff;

  background-color: #666;

}

@media screen and (min-width: 768px) {

  .sogo-primary-button:hover {

    background-color: #666;

  }

  .sogo-default-button:hover {

    color: #fff;

    background-color: #666;

  }

}

@media screen and (max-width: 767px) {

  .sogo-default-button:active {

    color: #fff;

    background-color: #666;

  }

  .sogo-primary-button:active {

    background-color: #666;

  }

  .sogo-input-wrapper.input-col-2 {

    width: calc(100% - 0.25rem);

  }

}

@media screen and (max-width: 640px) {

  .cbx {

    width: 100%;

    margin-bottom: 4px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

  }

}

li.divider {

  border-bottom: 3px solid #ccc !important;

}

.date input {

  cursor: pointer;

}

.empty-content .sogo-form-buttons {

  margin: 0 !important;

}

.numeric-span {

  font-family: "Montserrat-Medium", sans-serif !important;

}

#register-content .register-right .register-header,

.empty-content > p,

.empty-message {

  margin-bottom: 1.5rem;

}

.hidden {

  display: none;

}

.password-wrapper {

  position: relative;

  width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.password-wrapper > input {

  padding-right: 1.5rem !important;

  width: 100%;

}

.show-password {

  position: absolute;

  top: 50%;

  right: 0.3rem;

  background: 0 0;

  border: 0;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}

.show-password,

.show-password > i,

.sogo-loader {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

.show-password > i {

  font-size: 1.2rem;

}

.sogo-loader {

  position: fixed;

  inset: 0;

  background-color: #fff;

  z-index: 999999;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;

  -o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;

  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;

}

.sogo-loader.active {

  opacity: 1;

  visibility: visible;

}

.modaal-noscroll {

  overflow: hidden;

  position: fixed;

  inset: 0;

}

.modaal-header {

  margin-bottom: 2rem;

}

.modaal-header .modaal-title,

.sogo-product-container

  .product-right

  .product-details-middle

  .product-options

  .power-option

  .list-option

  > li

  > span {

  font-weight: 600;

}

.modaal-overlay {

  z-index: 10000;

}

.modaal-wrapper {

  z-index: 10001;

}

.sogo-breadcrumb {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 1.5rem;

  width: 100%;

  border-bottom: 1px solid #e5e5e5;

}

.success-container .sogo-breadcrumb,

body[class^="account-"] .sogo-breadcrumb,

body[class^="information-"]:not(.information-news-news) .sogo-breadcrumb,

body[class^="product-product"] .sogo-breadcrumb {

  border-bottom: none;

}

.content-wrapper .sogo-breadcrumb {/* padding: 0.75rem 2rem; *//* margin: 0; */}

.sogo-container {

  padding: 1.5rem 2rem 2rem;

  background-color: #ffffff;

}

.content-wrapper .sogo-content .sogo-content-header {

  font-weight: 500;

  font-size: 1.6rem;

  padding: 1rem 2rem;

  width: 100%;

}

.sogo-breadcrumb > li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  position: relative;

  margin-right: 0.8rem;

}

.sogo-breadcrumb > li:last-child {

  margin-right: 0;

}

.sogo-breadcrumb > li > a {

  display: inline-block;

  padding: 0 0.4rem;

  position: relative;

}

.bf-cell label:first-letter,

.sogo-breadcrumb > li > a:first-letter {

  text-transform: uppercase;

}

.sogo-breadcrumb > li > a::before {

  content: "";

  position: absolute;

  background-color: #333;

  height: 1px;

  width: 85%;

  bottom: 0;

  left: 0.25rem;

  opacity: 0;

  -webkit-transition: opacity 0.3s ease-in-out;

  -o-transition: opacity 0.3s ease-in-out;

  transition: opacity 0.3s ease-in-out;

}

.sogo-breadcrumb > li:not(:first-child) > a:hover::before {

  opacity: 1;

}

.sogo-breadcrumb > li > span {

  display: inline-block;

  padding: 0.5rem;

  color: #999;

  cursor: default;

}

.sogo-breadcrumb > li:not(:last-child)::before {

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-42%) scale(0.7);

  -ms-transform: translateY(-42%) scale(0.7);

  transform: translateY(-42%) scale(0.7);

  right: -1.2rem;

  content: url(./iconoir/icons/nav-arrow-right.svg);

}

.fancybox__container {

  z-index: 10001;

}

@media screen and (max-width: 991px) {

  .sogo-breadcrumb {

    margin: 0.75rem 0;

  }

}

@media screen and (max-width: 767px) {

  .modaal-inner-wrapper {

    padding: 80px 1rem;

  }

  .sogo-container {

    padding: 0;

    background-color: #f7f6f6;

  }

  .sogo-breadcrumb {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

    overflow-x: auto;

    margin: 0;

    padding: 0.5rem 1rem !important;

    width: 100%;

    white-space: nowrap;

  }

  .sogo-breadcrumb > li > a,

  .sogo-breadcrumb > li > span {

    font-size: 0.8rem;

    padding: 0.2rem;

  }

}

.required-areas,

.required-areas em {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.required-areas {

  margin: 1rem 0;

  padding-left: 1rem;

  position: relative;

  font-size: 0.9rem;

}

.required-areas em {

  font-style: normal;

  font-weight: 600;

  color: #f40305;

  font-size: 1.5rem;

  position: absolute;

  left: 0;

}

.special-popup,

.special-popup-overlay {

  position: fixed;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;

  -o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;

  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;

}

.special-popup {

  top: 10%;

  width: 70%;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

  background-position: center;

  background-repeat: no-repeat;

  background-size: auto;

  pointer-events: none;

}

.special-popup.visible {

  opacity: 1;

  visibility: visible;

  pointer-events: all;

  z-index: 9999;

}

.special-popup .popup-wrapper {

  width: 100%;

  position: relative;

}

.special-popup-overlay {

  inset: 0;

  background-color: #000;

}

.special-popup .popup-wrapper a > img {

  width: 100%;

}

.special-popup .popup-wrapper .dissmiss-special-popup,

.special-popup .popup-wrapper .dissmiss-special-popup > i {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

.special-popup .popup-wrapper .dissmiss-special-popup {

  top: 0;

  right: 0;

  width: 40px;

  height: 40px;

  background-color: #333;

  color: #fff;

  position: absolute;

  border: 0;

  z-index: 1;

}

.special-popup .popup-wrapper .dissmiss-special-popup > i {

  font-size: 2rem;

}

.special-popup.visible + .special-popup-overlay {

  opacity: 0.8;

  visibility: visible;

  z-index: 9998;

  max-width: 100vw;

  max-height: 100vh;

}

.mobile-popup {

  display: none;

}

@media screen and (max-width: 992px) {

  .special-popup {

    width: 85%;

  }

}

@media screen and (max-width: 768px) {

  .special-popup {

    width: 90%;

  }

  .desktop-popup {

    display: none;

  }

  .mobile-popup {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

}

.container-megamenu,

.megamenu-nav,

.megamenu-pattern,

.megamenu-wrapper,

ul.megamenu > li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.megamenu-wrapper {

  border-radius: 0;

  -moz-border-radius: 0;

  -webkit-border-radius: 0;

  background-color: #fbf9f8;

  color: initial;

}

ul.megamenu > li {

  float: unset;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}

ul.megamenu > li.with-sub-menu > a {

}

ul.megamenu > li:last-child > a {

  color: #000;

  display: inline;

  line-height: 45px;

}

ul.megamenu > li > a {

  color: #333;

  text-shadow: none;

  height: 44px;

  padding: 0 1rem;

  -webkit-transition: color 0.3s ease-in-out;

  -o-transition: color 0.3s ease-in-out;

  transition: color 0.3s ease-in-out;

}

ul.megamenu > li > .sub-menu {

  position: absolute !important;

  left: 0;

  right: 0 !important;

  top: 100% !important;

  box-shadow: none !important;

  -webkit-box-shadow: none !important;

}

ul.megamenu > li > .sub-menu > .content {

  box-shadow: none !important;

  -webkit-box-shadow: none !important;

  border: 0;

  border-bottom: 1px solid #ddd;

}

.megamenu-header,

.show-menu,

ul.megamenu > li > a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

.megamenu-header {

  height: 45px;

}

.show-menu {

  margin: 0 0.6rem;

  padding: 0;

  background: 0 0;

  border: 2px solid transparent;

  border-radius: 0;

  -webkit-transition: border-color 0.25s ease-in-out,

    border-radius 0.5s ease-in-out;

  -o-transition: border-color 0.25s ease-in-out, border-radius 0.5s ease-in-out;

  transition: border-color 0.25s ease-in-out, border-radius 0.5s ease-in-out;

}

.show-menu:focus {

  outline: 0;

}

.show-menu > i {

  width: 35px;

  height: 35px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-transition: -webkit-transform 0.1s ease-in-out;

  -o-transition: transform 0.1s ease-in-out;

  transition: transform 0.1s ease-in-out;

  transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;

}

ul.megamenu > li > a strong {

  font-weight: bold;

  text-shadow: none;

  font-size: 0.85rem;

  font-family: "Montserrat-Medium";

}

/* ul.megamenu > li.active > a,

ul.megamenu > li.home > a,

ul.megamenu > li:hover > a,

ul.megamenu > li > a:hover {

  background-color: #fff;

  color: #f40305;

} */

ul.megamenu > li:first-child > a {

  border-radius: 0;

  -moz-border-radius: 0;

  -webkit-border-radius: 0;

}

.megamenu-overlay {

  display: none;

}

.expand-submenu,

ul.megamenu li .sub-menu .content .static-menu a.main-menu {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

ul.megamenu li .sub-menu .content .static-menu a.main-menu {

  font-weight: 500;

  position: relative !important;

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  font-size: 0.8rem;

}

ul.megamenu li .sub-menu .content .static-menu a.main-menu:hover {

  font-weight: 600;

  letter-spacing: 2px;

  padding-left: 1rem;

}

ul.megamenu li .sub-menu .content .categories {

  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out,

    -webkit-transform 0.5s ease-in-out;

  -o-transition: transform 0.5s ease-in-out, opacity 0.3s ease-in-out,

    visibility 0.3s ease-in-out;

  transition: transform 0.5s ease-in-out, opacity 0.3s ease-in-out,

    visibility 0.3s ease-in-out;

  transition: transform 0.5s ease-in-out, opacity 0.3s ease-in-out,

    visibility 0.3s ease-in-out, -webkit-transform 0.5s ease-in-out;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateX(5%);

  -ms-transform: translateX(5%);

  transform: translateX(5%);

}

ul.megamenu li .sub-menu .content.slide .categories {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateX(0);

  -ms-transform: translateX(0);

  transform: translateX(0);

}

.expand-submenu {

  border: 0;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  background-color: transparent;

  height: 44px;

  padding-left: 0.2rem;

  padding-right: 1rem;

}

.expand-submenu > i {

  padding: 0;

  padding-top: 0.3rem;

}

.expand-submenu > i::before {

  content: "\f282";

  display: inline-block;

  font-family: bootstrap-icons !important;

  font-style: normal;

  font-weight: 400 !important;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  vertical-align: -0.125em;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  font-size: 1rem;

}

@media screen and (min-width: 992px) {

  .mainmenu * {

    position: initial !important;

  }

  .mainmenu .row,

  ul.megamenu li .sub-menu .content .static-menu .menu ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  ul.megamenu li .sub-menu .content .static-menu .menu ul {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

  .megamenu-header {

    display: none;

  }

  .megamenu-header * {

    margin: 0;

    padding: 0;

  }

  .megamenu-upper-container {

    display: none;

  }

  ul.megamenu li .sub-menu .content .static-menu a.main-menu::before {

    content: "";

    width: 5px;

    height: 2px;

    position: absolute !important;

    left: 0;

    top: 45%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    opacity: 0;

    visibility: hidden;

    background-color: #333;

    -webkit-transition: opacity 0.3s ease-in-out, visibilty 0.3s ease-in-out,

      left 0.3s ease-in-out;

    -o-transition: opacity 0.3s ease-in-out, visibilty 0.3s ease-in-out,

      left 0.3s ease-in-out;

    transition: opacity 0.3s ease-in-out, visibilty 0.3s ease-in-out,

      left 0.3s ease-in-out;

  }

  ul.megamenu li .sub-menu .content .static-menu a.main-menu:hover::before {

    opacity: 1;

    visibility: visible;

    left: 0.25rem;

  }

}

@media screen and (max-width: 1199px) {

  ul.megamenu > li > a strong {

    letter-spacing: 1px;

    -webkit-box-decoration-break: clone;

    box-decoration-break: clone;

    display: inline;

  }

}

@media screen and (max-width: 991px) {

  .megamenu-wrapper {

    position: fixed;

    top: 0;

    left: 0;

    background-color: #fff;

    bottom: 0;

    width: 280px;

    z-index: 999999;

    overflow-x: hidden;

    overflow-y: auto;

    visibility: hidden;

    -webkit-transform: translate3d(-280px, 0, 0);

    transform: translate3d(-280px, 0, 0);

    -webkit-transition: all 0.5s ease-in-out 0s;

    -o-transition: all 0.5s ease-in-out 0s;

    transition: all 0.5s ease-in-out 0s;

  }

  .megamenu-wrapper.so-megamenu-active {

    visibility: visible;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

  ul.megamenu li .sub-menu .content .static-menu a.main-menu:hover,

  ul.megamenu > li > a strong {

    letter-spacing: 1px;

  }

  .megamenu-pattern {

    width: 100%;

    max-height: 700px;

  }

  .megamenu-wrapper,

  ul.megamenu,

  ul.megamenu li.active .sub-menu .content .categories .menu > ul {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }

  .megamenu-container,

  .megamenu-wrapper {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

  .megamenu-wrapper {

    padding: 0;

    border: 0;

  }

  .megamenu-container {

    width: 100%;

  }

  ul.megamenu > li {

    width: 100%;

    border-bottom: 1px solid #eee;

    -webkit-transition: padding 0.3s ease-in-out;

    -o-transition: padding 0.3s ease-in-out;

    transition: padding 0.3s ease-in-out;

  }

  #remove-megamenu,

  ul.megamenu > li.with-sub-menu > button {

    padding: 0;

    position: absolute;

    width: 44px;

    height: 44px;

    right: 0;

  }

  ul.megamenu > li.with-sub-menu > button {

    top: 0;

  }

  ul.megamenu > li.with-sub-menu > button > i::before {

    content: "\f64d";

    display: inline-block;

    font-family: bootstrap-icons !important;

    font-style: normal;

    font-weight: 400 !important;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    vertical-align: -0.125em;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    font-size: 0.8rem;

  }

  ul.megamenu > li > .sub-menu > .content {

    border-bottom: none;

    padding: 0;

  }

  ul.megamenu > li > .sub-menu .row {

    margin: 0;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }

  ul.megamenu > li > .sub-menu .row > [class*="col-"] {

    padding: 0;

    width: 100%;

  }

  ul.megamenu li.active .sub-menu .content .categories {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

    -webkit-transition: opacity 0.3s ease-in-out 0.25s,

      visibility 0.3s ease-in-out 0.25s,

      -webkit-transform 0.5s ease-in-out 0.25s;

    -o-transition: transform 0.5s ease-in-out 0.25s,

      opacity 0.3s ease-in-out 0.25s, visibility 0.3s ease-in-out 0.25s;

    transition: transform 0.5s ease-in-out 0.25s, opacity 0.3s ease-in-out 0.25s,

      visibility 0.3s ease-in-out 0.25s;

    transition: transform 0.5s ease-in-out 0.25s, opacity 0.3s ease-in-out 0.25s,

      visibility 0.3s ease-in-out 0.25s,

      -webkit-transform 0.5s ease-in-out 0.25s;

  }

  ul.megamenu,

  ul.megamenu li.active .sub-menu .content .categories .menu > ul {

    width: 100%;

  }

  ul.megamenu li.active .sub-menu .content .categories .menu > ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

  ul.megamenu > li.with-sub-menu.active > button > i::before {

    content: "\f63b";

  }

  ul.megamenu li .sub-menu .content .static-menu a.main-menu {

    padding: 0.5rem 1rem;

  }

  ul.megamenu > li > .sub-menu {

    top: 44px !important;

    border-top: 1px solid #eee;

  }

  .megamenu-upper-container,

  ul.megamenu > li {

    position: relative;

  }

  #remove-megamenu {

    text-align: initial;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    cursor: pointer;

    background: #000;

  }

  #remove-megamenu > i,

  .megamenu-upper-container

    .megamenu-action-buttons

    .megamenu-btn-wrapper

    .megamenu-btn-header

    > button::after {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

  #remove-megamenu > i {

    color: #fff;

    font-size: 1.5rem;

  }

  ul.megamenu {

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

  }

  ul.megamenu > li > a {

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

  }

  #remove-megamenu,

  .megamenu-overlay,

  .megamenu-upper-container > a,

  ul.megamenu > li > .sub-menu .row {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

  .megamenu-overlay {

    position: fixed;

    background: rgba(0, 0, 0, 80%);

    inset: 0;

    z-index: 999998;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;

    -o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;

    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;

  }

  .megamenu-overlay.active {

    opacity: 1;

    visibility: visible;

  }

  .show-menu {

    margin: 0;

  }

  .megamenu-upper-container,

  .megamenu-upper-container .megamenu-logo {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

  }

  .megamenu-upper-container > a {

    width: calc(100% - 44px);

    height: 44px;

  }

  .megamenu-upper-container .megamenu-logo {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: 44px;

    width: 100%;

    background: #000;

    padding-left: 1rem;

  }

  .megamenu-upper-container .megamenu-logo > img {

    width: 75px;

    height: 12.5px;

  }

  .megamenu-upper-container,

  .megamenu-upper-container .megamenu-action-buttons {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }

  .megamenu-upper-container .megamenu-action-buttons {

    width: 100%;

    background-color: #eee;

  }

  .megamenu-upper-container .megamenu-action-buttons .megamenu-btn-wrapper {

    border-bottom: 1px solid #ccc;

  }

  .megamenu-upper-container .megamenu-action-buttons,

  .megamenu-upper-container

    .megamenu-action-buttons

    .megamenu-btn-wrapper

    .megamenu-btn-header {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

  .megamenu-upper-container

    .megamenu-action-buttons

    .megamenu-btn-wrapper

    .megamenu-btn-header

    > button {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 1rem;

    color: #333;

    background: #ddd;

    border: 0;

    width: 100%;

    padding: 0.5rem;

    font-weight: 600;

    position: relative;

    height: 48px;

  }

  .megamenu-upper-container

    .megamenu-action-buttons

    .megamenu-btn-wrapper

    .megamenu-btn-header

    > button

    > img {

    margin: 0 0.7rem 0 0.2rem;

    width: 18px;

  }

  .megamenu-upper-container

    .megamenu-action-buttons

    .megamenu-btn-wrapper

    .megamenu-btn-header

    > button::after {

    position: absolute;

    right: 0;

    top: 0;

    display: inline-block;

    font-family: bootstrap-icons !important;

    font-style: normal;

    font-weight: 400 !important;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    vertical-align: -0.125em;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    height: 47px;

    width: 47px;

    font-size: 1rem;

    -webkit-transition: -webkit-transform 0.3s ease-in-out;

    -o-transition: transform 0.3s ease-in-out;

    transition: transform 0.3s ease-in-out;

    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;

    content: "\f282";

    display: flex;

  }

  .megamenu-upper-container

    .megamenu-action-buttons

    .megamenu-btn-wrapper

    .megamenu-btn-header

    > button[aria-expanded="true"]::after {

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

  }

  .megamenu-upper-container

    .megamenu-action-buttons

    .megamenu-btn-wrapper

    .megamenu-btn-header

    > button[aria-expanded="false"]::after {

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

  }

  .megamenu-upper-container

    .megamenu-action-buttons

    .megamenu-btn-wrapper

    .megamenu-btn-header

    > button

    > i {

    margin-right: 0.5rem;

  }

  .megamenu-upper-container

    .megamenu-action-buttons

    .megamenu-btn-wrapper

    > div:nth-child(2),

  .megamenu-upper-container

    .megamenu-action-buttons

    .megamenu-btn-wrapper

    > div:nth-child(2)

    .megamenu-btn-body

    ul {

    margin: 0;

    padding: 0;

  }

  .megamenu-upper-container

    .megamenu-action-buttons

    .megamenu-btn-wrapper

    > div:nth-child(2)

    .megamenu-btn-body

    ul

    > li {

    border-top: 1px solid #ddd;

  }

  .megamenu-upper-container

    .megamenu-action-buttons

    .megamenu-btn-wrapper

    > div:nth-child(2)

    .megamenu-btn-body

    ul

    > li

    > a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 0.5rem 0.75rem;

  }

  .megamenu-upper-container

    .megamenu-action-buttons

    .megamenu-btn-wrapper

    > div:nth-child(2)

    .megamenu-btn-body

    ul

    > li

    > a

    > img {

    width: 16px;

    height: 12px;

    margin-right: 0.5rem;

  }

}

.zoom {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  cursor: crosshair;

}

.zoom > img {

  -webkit-transition: opacity 0.3s ease-in-out;

  -o-transition: opacity 0.3s ease-in-out;

  transition: opacity 0.3s ease-in-out;

  background: #fff;

}

.zoom > img:first-child {

  width: 100%;

}

.product-page-wrapper {

  background-color: #ffffff;

}

.sogo-product-container {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  margin-bottom: 2rem;

}

.sogo-product-container .product-left {

  width: 50%;

}

.sogo-product-container .product-left > ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.sogo-product-container .product-left > ul > li:not(:last-child) {

  margin-bottom: 2rem;

}

.sogo-product-container .product-left .mobile-product-slider {

  display: none;

}

.sogo-product-container .product-left .mobile-product-slider .product-image {

  background-color: #fff;

}

.sogo-product-container .product-right {

  width: 50%;

  position: -moz-sticky;

  position: -ms-sticky;

  position: -o-sticky;

  position: sticky;

  top: 60px;

  padding-left: 3rem;

  -webkit-transition: top 0.3s ease-in-out;

  -o-transition: top 0.3s ease-in-out;

  transition: top 0.3s ease-in-out;

}

.sogo-product-container .product-right .product-details-upper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  margin-bottom: 1.25rem;

}

.sogo-product-container .product-right .product-details-upper .name-fav {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}

.sogo-product-container

  .product-right

  .product-details-upper

  .name-fav

  .product-name {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 0.5rem;

  flex-wrap: wrap;

  width: 80%;

}

.sogo-product-container

  .product-right

  .product-details-upper

  .name-fav

  .product-name

  span {

  font-size: 1.5rem;

  font-weight: 300;

}

.sogo-product-container

  .product-right

  .product-details-upper

  .name-fav

  .product-fav

  button {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  border: 0;

  background-color: transparent;

  cursor: pointer;

  position: relative;

}

.fade-rotate {

  animation-name: rotateIn, fadeOut;

  -webkit-animation-name: rotateIn, fadeOut;

  animation-duration: 0.75s, 1s;

  -webkit-animation-duration: 0.75s, 1s;

}

.fav-hidden,

.sogo-product-container

  .product-right

  .product-details-upper

  .name-fav

  .product-fav

  button {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

.fav-hidden {

  position: absolute;

  z-index: 9999;

  opacity: 1;

  left: 0;

  top: 0;

}

.sogo-product-container

  .product-right

  .product-details-upper

  .product-info

  .detail-info {

  margin-bottom: 1.25rem;

}

.sogo-product-container

  .product-right

  .product-details-upper

  .product-info

  .detail-info

  > li {

  font-weight: 500;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.sogo-product-container

  .product-right

  .product-details-upper

  .product-info

  .detail-info

  > li

  > a,

.sogo-product-container

  .product-right

  .product-details-upper

  .product-info

  .detail-info

  > li

  > div {

  font-weight: 400;

  font-size: 0.9rem;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  margin-left: 0.5rem;

}

.sogo-product-container .product-right .product-details-upper .product-info,

.sogo-product-container

  .product-right

  .product-details-upper

  .product-info

  .detail-info,

.sogo-product-container

  .product-right

  .product-details-upper

  .product-info

  .product-price {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.sogo-product-container

  .product-right

  .product-details-upper

  .product-info

  .product-price

  #power-discount

  .power-discount-product {

  font-family: "Montserrat-Medium", sans-serif;

  margin-top: 1rem;

  padding: 0.5rem 1rem;

  background-color: #f40305;

  color: #fff;

  font-weight: 700;

  z-index: 1;

}

.sogo-product-container

  .product-right

  .product-details-upper

  .product-info

  .product-price

  .old-price {

  margin-top: 0.5rem;

}

.sogo-product-container

  .product-right

  .product-details-upper

  .product-info

  .product-price

  .price-text {

  font-weight: 400;

  margin-right: 0.5rem;

  font-size: 1.4rem;

}

.fav-hidden,

.sogo-product-container

  .product-right

  .product-details-upper

  .product-info

  .product-price

  span {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.sogo-product-container

  .product-right

  .product-details-upper

  .product-info

  .product-price

  .product-old-price {

  font-family: "Montserrat-Medium", sans-serif;

  font-size: 1.2rem;

  text-decoration: line-through;

  color: #777;

  margin-right: 0.5rem;

}

.sogo-product-container

  .product-right

  .product-details-upper

  .product-info

  .product-price

  .product-new-price {

  font-family: "Montserrat-Medium", sans-serif;

  font-size: 1.4rem;

  font-weight: 600;

}

.sogo-product-container .product-right .product-details-middle {

  margin-bottom: 2rem;

}

.sogo-product-container

  .product-right

  .product-details-middle

  .product-options

  .option-text {

  font-weight: 300;

  margin-right: 0.5rem;

  font-size: 1.3rem;

}

.sogo-product-container

  .product-right

  .product-details-middle

  .product-options

  .power-option {

  margin-top: 1rem;

  -webkit-transition: height 0.25s ease-in-out;

  -o-transition: height 0.25s ease-in-out;

  transition: height 0.25s ease-in-out;

}

.sogo-product-container

  .product-right

  .product-details-middle

  .product-options

  .power-option

  .product-option-label {

  font-weight: 500;

  margin-bottom: 0.25rem;

}

.sogo-product-container

  .product-right

  .product-details-lower

  .social-share-buttons

  .share-buttons

  ul,

.sogo-product-container

  .product-right

  .product-details-middle

  .product-options

  .power-option

  .list-option {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin: 0;

  padding: 0;

  list-style: none;

  overflow-x: auto;

}

.sogo-product-container

  .product-right

  .product-details-lower

  .social-share-buttons

  .share-buttons

  ul

  > li,

.sogo-product-container

  .product-right

  .product-details-middle

  .product-options

  .power-option

  .list-option

  > li {

  padding: 0.5rem;

  width: 35px;

  height: 35px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  background-color: #eee;

  border: 1px solid #ccc;

  margin-right: 0.5rem;

  -webkit-transition: background-color 0.25s ease-in-out,

    -webkit-box-shadow 0.25s ease-in-out;

  -o-transition: box-shadow 0.25s ease-in-out,

    background-color 0.25s ease-in-out;

  transition: box-shadow 0.25s ease-in-out, background-color 0.25s ease-in-out;

  transition: box-shadow 0.25s ease-in-out, background-color 0.25s ease-in-out,

    -webkit-box-shadow 0.25s ease-in-out;

}

.sogo-product-container

  .product-right

  .product-details-lower

  .social-share-buttons

  .share-buttons

  ul

  > li:hover,

.sogo-product-container

  .product-right

  .product-details-middle

  .product-options

  .power-option

  .list-option

  > li:hover {

  cursor: pointer;

  background-color: #ddd;

  box-shadow: inset 0 0 10px -3px rgb(0 0 0/35%);

  -webkit-box-shadow: inset 0 0 10px -3px rgb(0 0 0/35%);

}

.sogo-product-container

  .product-right

  .product-details-middle

  .product-options

  .power-option

  .list-option

  > li:active {

  background-color: #ddd;

  box-shadow: inset 0 0 10px 0 rgb(0 0 0/50%);

  -webkit-box-shadow: inset 0 0 10px 0 rgb(0 0 0/50%);

}

.sogo-product-container

  .product-right

  .product-details-middle

  .product-options

  .power-option

  .list-option

  > li.selected {

  background-color: #ddd;

  box-shadow: inset 0 0 10px -3px rgb(0 0 0/35%);

  -webkit-box-shadow: inset 0 0 10px -3px rgb(0 0 0/35%);

}

.sogo-product-container

  .product-right

  .product-details-middle

  .product-options

  .power-option

  .product-option-error {

  color: #da4f49;

  margin-top: 0.5rem;

}

.power-inactive {

  background-image: none !important;

  background-color: #f40305 !important;

  border-color: #bd362f !important;

}

.sogo-product-container .product-right .product-details-lower,

.sogo-product-container .product-right .product-details-middle {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.sogo-product-container

  .product-right

  .product-details-lower

  .product-cart-buttons {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

  margin-bottom: 1rem;

}

.sogo-product-container

  .product-right

  .product-details-lower

  .product-cart-buttons

  .cart-count-buttons {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: stretch;

  -ms-flex-align: stretch;

  align-items: stretch;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  width: calc(40% - 1.5rem);

  margin-right: 1.5rem;

}

.sogo-product-container

  .product-right

  .product-details-lower

  .product-cart-buttons

  .cart-count-buttons

  > .minus {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  padding: 0.5rem 0.5rem 0.3rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  background-color: #eee;

  border: 1px solid #ccc;

  border-right: none;

  width: 45px;

  height: 45px;

  -webkit-transition: -webkit-box-shadow 0.1s ease-in-out;

  -o-transition: box-shadow 0.1s ease-in-out;

  transition: box-shadow 0.1s ease-in-out;

  transition: box-shadow 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out;

}

.sogo-product-container

  .product-right

  .product-details-lower

  .product-cart-buttons

  .cart-count-buttons

  > .minus:focus,

.sogo-product-container

  .product-right

  .product-details-lower

  .product-cart-buttons

  .cart-count-buttons

  > .plus:focus,

.sogo-product-container

  .product-right

  .product-details-lower

  .product-cart-buttons

  .cart-count-buttons

  > .quantity-input-wrapper

  #input-quantity,

.sogo-product-container

  .product-right

  .product-details-lower

  .product-cart-buttons

  .cart-count-buttons

  > .quantity-input-wrapper

  #input-quantity:focus {

  outline: 0;

}

.sogo-product-container

  .product-right

  .product-details-lower

  .product-cart-buttons

  .cart-count-buttons

  > .minus:active {

  box-shadow: inset 0 0 10px -3px rgb(0 0 0/35%);

  -webkit-box-shadow: inset 0 0 10px -3px rgb(0 0 0/35%);

}

.sogo-product-container

  .product-right

  .product-details-lower

  .product-cart-buttons

  .cart-count-buttons

  > .quantity-input-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  border: 1px solid #ccc;

  width: calc(100% - 90px);

  height: 45px;

  background: #fff;

}

.sogo-product-container

  .product-right

  .product-details-lower

  .product-cart-buttons

  .cart-count-buttons

  > .quantity-input-wrapper

  #input-quantity {

  text-align: center;

  font-size: 1.3rem;

  font-weight: 600;

  border: 0;

  padding: 0 0.5rem;

  height: 30px;

  width: 100%;

}

.sogo-product-container

  .product-right

  .product-details-lower

  .product-cart-buttons

  .cart-count-buttons

  > .quantity-input-wrapper

  .quantity-packs {

  height: 15px;

  font-size: 12px;

  font-weight: 500;

}

.sogo-product-container

  .product-right

  .product-details-lower

  .product-cart-buttons

  .cart-count-buttons

  > .plus {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  padding: 0.5rem 0.5rem 0.3rem;

  background-color: #eee;

  border: 1px solid #ccc;

  border-left: none;

  width: 45px;

  height: 45px;

  -webkit-transition: -webkit-box-shadow 0.1s ease-in-out;

  -o-transition: box-shadow 0.1s ease-in-out;

  transition: box-shadow 0.1s ease-in-out;

  transition: box-shadow 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out;

}

.sogo-product-container

  .product-right

  .product-details-lower

  .product-cart-buttons

  .cart-count-buttons

  > .plus:active {

  box-shadow: inset 0 0 10px -3px rgb(0 0 0/35%);

  -webkit-box-shadow: inset 0 0 10px -3px rgb(0 0 0/35%);

}

.sogo-product-container

  .product-right

  .product-details-lower

  .product-cart-buttons

  #button-cart {

  border: 0;

  background-color: #f00;

  color: #fff;

  font-weight: 600;

  text-transform: uppercase;

  padding: 0.35rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  width: 60%;

  -webkit-transition: background-color 0.3s ease-in-out;

  -o-transition: background-color 0.3s ease-in-out;

  transition: background-color 0.3s ease-in-out;

}

.sogo-product-container

  .product-right

  .product-details-lower

  .product-cart-buttons

  #button-cart:disabled {

  cursor: not-allowed;

}

.sogo-product-container

  .product-right

  .product-details-lower

  .product-cart-buttons

  #button-cart:focus {

  outline: 0;

}

.sogo-product-container

  .product-right

  .product-details-lower

  .product-cart-buttons

  #button-cart:hover {

  background-color: #ca5764;

}

.sogo-product-container

  .product-right

  .product-details-lower

  .product-attributes,

.sogo-product-container

  .product-right

  .product-details-lower

  .product-description {

  margin-bottom: 0.5rem;

}

.sogo-product-container

  .product-right

  .product-details-lower

  .product-attributes

  > a,

.sogo-product-container

  .product-right

  .product-details-lower

  .product-description

  > a {

  font-weight: 400;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.cart-wrapper .cart-side .cart-content .cart-row .row-btn-group > button > i,

.content-wrapper .sogo-content .filter-sort .sort-view #grid-view-2 > i,

.content-wrapper .sogo-content .filter-sort .sort-view #grid-view > i,

.content-wrapper .sogo-content .filter-sort .sort-view #show-filter > i,

.sogo-product-container .product-right .product-details-lower .min-info > i,

.sogo-product-container

  .product-right

  .product-details-lower

  .product-attributes

  > a

  > i,

.sogo-product-container

  .product-right

  .product-details-lower

  .product-description

  > a

  > i,

.sogo-product-container

  .product-right

  .product-details-lower

  .product-tags

  .tags

  > i,

.sogo-product-container

  .product-right

  .product-details-lower

  .social-share-buttons

  .share-buttons

  ul

  > li

  > a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

.attribute-table {

  width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  max-width: 650px;

}

.attribute-table .attribute-header,

.input-label.default-address + div {

  margin-bottom: 1rem;

}

.attribute-table .attribute-header > span {

  font-family: "Montserrat-Medium", sans-serif;

  font-size: 1.5rem;

  font-weight: 400;

}

.attribute-table .attribute-details {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-bottom: 0.5rem;

  padding-bottom: 0.5rem;

  border-bottom: 1px solid #eee;

}

.attribute-table .attribute-details:last-child {

  margin-bottom: 0;

  padding-bottom: 0;

  border-bottom: none;

}

.attribute-table .attribute-details .attribute-name {

  width: 50%;

  font-weight: 600;

  position: relative;

  padding-right: 2rem;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

}

.attribute-table .attribute-details .attribute-name::after {

  position: absolute;

  content: ":";

  right: 1rem;

  font-weight: 700;

  top: 40%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}

.attribute-table .attribute-details .attribute-text {

  width: 60%;

}

.modaal-attribute .modaal-container,

.modaal-description .modaal-container {

  max-width: 650px;

}

.modaal-attribute,

.modaal-description {

  -webkit-backdrop-filter: blur(3px);

  backdrop-filter: blur(3px);

}

#account-content .account-left .account-settings .tab-content .tab-pane > ul,

#login-content .login-right .login-form > form,

#register-content .register-right .register-form > form,

.contact-wrapper .contact-form > form,

.desc-box-wrapper,

.desc-box-wrapper .desc-box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.desc-box-wrapper .desc-box {

  margin-bottom: 0.5rem;

  padding-bottom: 0.5rem;

  border-bottom: 1px solid #eee;

}

.desc-box-wrapper .desc-box:last-child {

  margin-bottom: 0;

  padding-bottom: 0;

  border-bottom: none;

}

.desc-box-wrapper .desc-box .desc-box-header {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-bottom: 0.5rem;

}

.desc-box-wrapper .desc-box .desc-box-header > i,

.sogo-product-container

  .product-right

  .product-details-lower

  .product-tags

  .tags

  > a {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

.desc-box-wrapper .desc-box .desc-box-header > i {

  -webkit-transform: scale(0.8);

  -ms-transform: scale(0.8);

  transform: scale(0.8);

  margin-right: 0.5rem;

}

.desc-box-wrapper .desc-box .desc-box-header > span {

  font-family: "Montserrat-Medium", sans-serif;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  font-weight: 600;

  font-size: 1.2rem;

}

.desc-box-wrapper .desc-box .desc-box-content,

.desc-box-wrapper .desc-box .desc-box-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.checkout-guest-shipping form,

.sogo-product-container .product-right .product-details-lower .product-tags {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.sogo-product-container

  .product-right

  .product-details-lower

  .product-tags

  .tags {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  cursor: default;

}

.sogo-product-container

  .product-right

  .product-details-lower

  .product-tags

  .tags

  > a {

  margin: 0 0.25rem;

  padding: 0.25rem;

  background-color: #eee;

  font-weight: 500;

  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;

  -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;

  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;

}

.sogo-product-container

  .product-right

  .product-details-lower

  .product-tags

  .tags

  > a:hover {

  background-color: #ccc;

}

.sogo-product-container

  .product-right

  .product-details-lower

  .product-tags

  .tags

  > span {

  font-size: 1.1rem;

  font-weight: 500;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-right: 0.5rem;

  color: var(--default-black);

  -webkit-transition: color 0.3s ease-in-out;

  -o-transition: color 0.3s ease-in-out;

  transition: color 0.3s ease-in-out;

}

.sogo-product-container

  .product-right

  .product-details-lower

  .social-share-buttons {

  margin-top: 1rem;

}

.sogo-product-container .product-right .product-details-lower .min-info,

.sogo-product-container

  .product-right

  .product-details-lower

  .social-share-buttons

  .share-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 0.5rem;

}

.sogo-product-container

  .product-right

  .product-details-lower

  .social-share-buttons

  .share-header

  > span {

  font-weight: 600;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.sogo-product-container

  .product-right

  .product-details-lower

  .social-share-buttons

  .share-buttons

  ul

  > li

  > a

  > i {

  color: #333;

}

.sogo-product-container .product-right .product-details-lower .min-info {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 0.75rem;

  border-width: 1px;

  border-style: dashed;

  border-radius: 0.25rem;

}

.product-related-container {

  width: 100%;

}

.product-related-header {

  width: 100%;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-bottom: 1rem;

}

.product-no-image,

.product-related-header,

.product-related-header > span {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.product-related-header > span {

  font-weight: 600;

  font-family: "Montserrat-Medium", sans-serif;

  text-transform: uppercase;

  letter-spacing: 3px;

}



.product-no-image {

  padding: 1rem 0;

  width: 100%;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



@media screen and (min-width: 768px) {

  .product-related-wrapper .owl-stage-outer {

    width: calc(100% + 1rem);

    padding: 0 0.5rem;

  }

}



@media screen and (max-width: 1199px) {

  .sogo-product-container

    .product-right

    .product-details-lower

    .product-cart-buttons

    .cart-count-buttons {

    width: calc(60% - 1rem);

    margin-right: 1rem;

  }

  .sogo-product-container

    .product-right

    .product-details-lower

    .product-cart-buttons

    #button-cart {

    width: 40%;

  }

}

@media screen and (max-width: 992px) {

  .sogo-container {

    padding: 0;

    padding-bottom: 2rem;

  }

}

@media screen and (max-width: 767px) {

  .sogo-product-container {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }

  .sogo-product-container .product-left {

    width: 100%;

  }

  .sogo-product-container .product-right {

    width: 100%;

    padding-top: 1rem;

    padding-left: 0;

    z-index: 99;

  }

  .sogo-product-container

    .product-right

    .product-details-upper

    .name-fav

    .product-name

    span {

    font-weight: 300;

    font-size: 1.5rem;

  }

  .sogo-product-container .product-right .product-details-upper {

    padding: 0.5rem 2.5rem;

    margin-bottom: 0;

  }

  .sogo-product-container

    .product-right

    .product-details-lower

    .product-cart-buttons.sticked {

    margin-bottom: 0;

    position: fixed;

    bottom: 0;

    background-color: #fff;

    left: 0;

    right: 0;

    padding: 0.5rem;

    border-top: 1px solid #eee;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    z-index: 99;

  }

  .sogo-product-container

    .product-right

    .product-details-lower

    .product-cart-buttons.sticked

    .cart-count-buttons {

    width: calc(50% - 0.5rem);

    margin-right: 0.5rem;

  }

  .sogo-product-container

    .product-right

    .product-details-lower

    .product-cart-buttons.sticked

    #button-cart {

    width: 50%;

    height: 40px;

  }

  .sogo-product-container

    .product-right

    .product-details-lower

    .product-cart-buttons

    #button-cart:hover {

    background-color: #000;

  }

  .sogo-product-container

    .product-right

    .product-details-lower

    .product-cart-buttons

    #button-cart:active {

    background-color: #333;

  }

  .sogo-product-container .product-right .product-details-middle {

    padding: 0.5rem 2.5rem;

    margin: 0;

  }

  .sogo-product-container

    .product-right

    .product-details-middle

    .product-options,

  .sogo-product-container

    .product-right

    .product-details-middle

    .product-options

    .power-option {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }

  .sogo-product-container .product-right .product-details-lower {

    padding: 0.5rem 2.5rem;

  }

  .product-related-header {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-size: 1.3rem;

  }

  .product-related-wrapper {

    padding: 0 1rem;

  }

  .sogo-product-container

    .product-right

    .product-details-lower

    .product-cart-buttons.sticked

    .cart-count-buttons

    > .minus,

  .sogo-product-container

    .product-right

    .product-details-lower

    .product-cart-buttons.sticked

    .cart-count-buttons

    > .plus {

    width: 40px;

    height: 40px;

  }

  .sogo-product-container

    .product-right

    .product-details-lower

    .product-cart-buttons.sticked

    .cart-count-buttons

    > .quantity-input-wrapper {

    height: 40px;

  }

  .sogo-product-container

    .product-right

    .product-details-lower

    .product-cart-buttons.sticked

    .cart-count-buttons

    > .quantity-input-wrapper

    #input-quantity {

    height: 25px;

  }

  .sogo-product-container

    .product-right

    .product-details-lower

    .product-cart-buttons.sticked

    .cart-count-buttons

    > .quantity-input-wrapper

    .quantity-packs {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding-right: 0;

    width: 100%;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

  .sogo-product-container .product-left > ul {

    display: none;

  }

  .sogo-product-container .product-left .mobile-product-slider {

    display: block;

    margin-bottom: 3rem;

    width: 100% !important;

  }

  .sogo-product-container .product-left .mobile-product-slider .product-image {

    width: 100%;

  }

  .sogo-product-container

    .product-left

    .mobile-product-slider

    .product-progress {

    top: unset;

    bottom: 0;

  }

  .sogo-product-container

    .product-left

    .mobile-product-slider

    .product-progress

    > span {

    background: #333;

  }



  [id^="gb-widget"] {

    bottom: 80px !important;

  }

}

.iziToast {

  font-family: inherit;

}

#login-content .login-right b,

#register-content .register-right b,

.bf-attr-filter.active label,

.content-wrapper .sogo-content .content-left .side-categories > a.active,

.iziToast-message a {

  font-weight: 600;

}

@media screen and (min-width: 992px) {

  .sogo-header ~ .iziToast-wrapper-topRight {

    top: 100px;

    -webkit-transition: top 0.3s ease-in-out;

    -o-transition: top 0.3s ease-in-out;

    transition: top 0.3s ease-in-out;

  }

  .sogo-header.header-minimized ~ .iziToast-wrapper-topRight {

    top: 40px;

  }

}

@media only screen and (min-width: 568px) {

  .iziToast {

    border-radius: 0;

  }

  .iziToast:after {

    content: "";

    z-index: -1;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border-radius: 0;

    border: 1px solid #eee;

    box-shadow: 0 0 8px -2px rgb(0 0 0/20%);

    -webkit-box-shadow: 0 0 8px -2px rgb(0 0 0/20%);

  }

}

#account-content .account-right img,

#login-content .login-left .login-banner img,

#register-content .register-left .register-banner img,

#register-content

  .register-right

  .register-form

  > form

  fieldset:hover

  legend::after,

.contact-wrapper .contact-form > form fieldset:hover legend::after,

.product-wrapper {

  width: 100%;

}

.product-related-wrapper .product-card {

  background-color: #fff;

  margin-top: 0.5rem;

  margin-bottom: 0.5rem;

}

.product-card {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  position: relative;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}

.product-card,

.product-card .product-image-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.product-card [class^="swiper-pagination product-card-pagination"] {

  top: 0.75rem;

  left: 0.75rem;

  bottom: auto;

  right: auto;

  width: auto;

  color: #fff;

  background-color: rgba(0 0 0/30%);

  height: 25px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 0 0.75rem;

  font-family: "Montserrat-Medium", sans-serif;

  border-radius: 0.8rem;

  font-size: 0.9rem;

  -webkit-transition: background-color 0.3s ease-in-out;

  -o-transition: background-color 0.3s ease-in-out;

  transition: background-color 0.3s ease-in-out;

}

.product-card

  [class^="swiper-pagination product-card-pagination"]

  > span:first-child {

  margin-right: 0.25rem;

}

.product-card

  [class^="swiper-pagination product-card-pagination"]

  > span:last-child {

  margin-left: 0.25rem;

}

.product-card:active [class^="swiper-pagination product-card-pagination"] {

  background-color: rgba(0 0 0/90%);

}

.product-card .product-image-wrapper > a {

  height: 100%;

  overflow: hidden;

}

.product-card .product-image-wrapper > a > .product-image {

  width: 100%;

  -webkit-transition: -webkit-transform 2s cubic-bezier(0.23, 1, 0.32, 1);

  -o-transition: transform 2s cubic-bezier(0.23, 1, 0.32, 1);

  transition: transform 2s cubic-bezier(0.23, 1, 0.32, 1);

  transition: transform 2s cubic-bezier(0.23, 1, 0.32, 1),

    -webkit-transform 2s cubic-bezier(0.23, 1, 0.32, 1);

}

.item.product-card .product-caption,

.product-card .product-caption {

  height: 100px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

.product-card .product-caption .product-name-wrapper {

  padding: 0;

}

.product-card .product-caption .product-name-wrapper > a,

.product-card .product-image-wrapper > a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

}

.product-card .product-caption .product-name-wrapper > a .product-name {

  font-weight: 500;

  font-size: 0.9rem;

}

.product-card .product-caption .product-price-wrapper,

.product-card .product-card-buttons {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.product-card .product-caption .product-price-wrapper {

  font-family: "Montserrat-Medium", sans-serif;

}

.product-card .product-caption .product-price-wrapper .product-old-price {

  text-decoration: line-through;

  font-weight: 500;

  font-size: 0.8rem;

  color: #888;

  padding: -1px 1rem;

  -webkit-transform: scaleY(0.9);

  -ms-transform: scaleY(0.9);

  transform: scaleY(0.9);

}

.product-card .product-caption .product-price-wrapper .product-new-price {

  font-size: 0.9rem;

  -webkit-transform: scaleY(0.9);

  -ms-transform: scaleY(0.9);

  transform: scaleY(0.9);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding: -1px 1rem;

  padding-bottom: 0.5rem;

}

.product-card .product-card-buttons {

  position: absolute;

  right: 0.75rem;

  top: 0.75rem;

  z-index: 1;

  gap: 0.5rem;

}

.product-card .product-card-buttons .product-cart-btn,

.product-card .product-card-buttons .product-fav-btn {

  background-color: rgba(0 0 0/30%);

  border: 0;

  width: 35px;

  height: 35px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  padding: 0;

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  -webkit-transition: background-color 0.3s ease-in-out,

    opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;

  -o-transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out,

    visibility 0.3s ease-in-out;

  transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out,

    visibility 0.3s ease-in-out;

  color: #fff;

}

.product-card .product-card-buttons .product-cart-btn > i,

.product-card .product-card-buttons .product-fav-btn > i {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  font-size: 1.2rem;

}

.product-card:hover .product-card-buttons .product-cart-btn,

.product-card:hover .product-card-buttons .product-fav-btn {

  opacity: 1;

  visibility: visible;

  pointer-events: all;

}

.product-grid,

.product-grid-2 {

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.product-grid .product-card {

  width: calc(25% - 1.5rem);

  margin-left: 1rem;

  margin-right: 1rem;

  margin-bottom: 1rem;

  background-color: #fff;

}

.product-grid .product-card:nth-child(4n) {

  margin-left: 1rem;

  margin-right: 0;

}

.product-grid .product-card:nth-child(4n + 1) {

  margin-right: 1rem;

  margin-left: 0;

}

.product-grid-2 .product-card {

  width: calc(50% - 0.25rem);

  margin-left: 0.25rem;

  margin-right: 0.25rem;

  margin-bottom: 1rem;

  -webkit-transition: all 0.15s ease-in-out;

  -o-transition: all 0.15s ease-in-out;

  transition: all 0.15s ease-in-out;

  background-color: #fff;

}

.product-grid-2 .product-card:nth-child(2n) {

  margin-left: 0.25rem;

  margin-right: 0;

}

.product-grid-2 .product-card:nth-child(2n + 1) {

  margin-right: 0.25rem;

  margin-left: 0;

}

@media screen and (min-width: 767px) {

  .product-related-wrapper .product-card {

    -webkit-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

  }

  .product-related-wrapper .product-card:hover {

    box-shadow: 0 2px 8px 0 rgb(0 0 0/15%);

    -webkit-box-shadow: 0 2px 8px 0 rgb(0 0 0/15%);

  }

  .product-grid .product-card {

    -webkit-transition: all 0.15s ease-in-out;

    -o-transition: all 0.15s ease-in-out;

    transition: all 0.15s ease-in-out;

  }

  .product-grid .product-card:hover {

    box-shadow: 0 2px 4px 0 rgb(0 0 0/8%);

    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0/8%);

  }

}

@media screen and (max-width: 767px) {

  .product-card .product-card-buttons .product-fav-btn {

    opacity: 1;

    visibility: visible;

    pointer-events: all;

  }

  .product-card:hover .product-image-wrapper > a > .product-image {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

  .product-grid .product-card,

  .product-grid-2 .product-card,

  .product-related-wrapper .product-card {

    box-shadow: 0 2px 4px 0 rgb(0 0 0/8%);

    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0/8%);

  }

  .product-card .product-caption .product-name-wrapper > a .product-name,

  .product-card .product-caption .product-price-wrapper .product-new-price {

    font-size: 0.8rem;

  }

  .product-card .product-caption .product-price-wrapper .product-old-price {

    font-size: 0.7rem;

  }

}

@media screen and (max-width: 480px) {

  .product-card .product-caption {

    padding-left: 10px;

    padding-top: 10px;

    height: auto;

    padding-bottom: 10px;

  }

  .product-card .product-caption .product-name-wrapper {

    height: 100%;

  }

  .product-card .product-caption .product-price-wrapper {

    height: 100%;

  }

}

.content-wrapper .sogo-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  width: 100%;

  background-color: #ffffff;

}

.content-wrapper .sogo-content .filter-sort {

  width: 100%;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  padding: 0 2rem;

  height: 60px;

  background-color: #ffffff;

  z-index: 100;

  border-bottom: 1px solid transparent;

  -webkit-transition: top 0.3s ease-in-out, background-color 0.3s ease-in-out,

    border 0.1s ease-in-out;

  -o-transition: top 0.3s ease-in-out, background-color 0.3s ease-in-out,

    border 0.1s ease-in-out;

  transition: top 0.3s ease-in-out, background-color 0.3s ease-in-out,

    border 0.1s ease-in-out;

}

.content-wrapper .sogo-content .filter-sort + .sticky-filter-gap {

  width: 100%;

  height: 0;

}

.content-wrapper .sogo-content .filter-sort.sticked + .sticky-filter-gap {

  height: 60px;

}

.content-wrapper .sogo-content .filter-sort.sticked {

  position: fixed;

  top: 105px;

  left: 0;

  right: 0;

  border-color: #ddd;

  background-color: #eee;

}

.sogo-header.header-minimized

  ~ .content-wrapper

  .sogo-content

  .filter-sort.sticked {

  top: 45px;

}

.sogo-header.header-minimized.hovered

  ~ .content-wrapper

  .sogo-content

  .filter-sort.sticked {

  top: 105px;

}

.content-wrapper .sogo-content .content-left + .content-left-gap {

  width: 20%;

  height: 0;

  display: none;

}

.content-wrapper .sogo-content .content-left.sticked + .content-left-gap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.content-wrapper .sogo-content .content-left.sticked {

  position: fixed;

  top: 165px;

  left: 0;

  right: 0;

}

.sogo-header.header-minimized

  ~ .content-wrapper

  .sogo-content

  .content-left.sticked {

  top: 105px;

  max-height: calc(100% - 200px);

  overflow: auto;

}

.sogo-header.header-minimized.hovered

  ~ .content-wrapper

  .sogo-content

  .content-left.sticked {

  top: 165px;

}

.content-wrapper .sogo-content .filter-sort .filter-side {

  visibility: hidden;

  pointer-events: none;

  opacity: 0;

  position: absolute;

  top: 60px;

  left: 0;

  right: 0;

  z-index: 999;

  border-bottom: 1px solid #ccc;

  background-color: #f7f6f6f0;

  overflow: auto;

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.content-wrapper .sogo-content .filter-sort .filter-side.filter-active {

  visibility: visible;

  pointer-events: all;

  opacity: 1;

}

.content-wrapper .sogo-content .filter-sort .sort-view {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  height: 100%;

  width: 100%;

}

.content-wrapper .sogo-content .filter-sort .sort-view > * {

  margin-right: 0.5rem;

  height: 100%;

}

.content-wrapper .sogo-content .filter-sort .sort-view > :last-child {

  margin-right: 0;

}

.content-wrapper .sogo-content .filter-sort .sort-view #show-filter {

  background: 0 0;

  border: 0;

  font-weight: 400;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin-right: 0;

}

.content-wrapper .sogo-content .filter-sort .sort-view #grid-view-2:focus,

.content-wrapper .sogo-content .filter-sort .sort-view #grid-view:focus,

.content-wrapper .sogo-content .filter-sort .sort-view #show-filter:focus {

  outline: 0;

}

.content-wrapper .sogo-content .filter-sort .sort-view #grid-view,

.content-wrapper .sogo-content .filter-sort .sort-view #grid-view-2 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  border: 0;

  background: 0 0;

}

.content-wrapper .sogo-content .filter-sort .sort-view .sort-wrapper {

  padding: 0 1.5rem;

}

.content-wrapper .sogo-content .filter-sort .sort-view .sort-wrapper > span {

  -webkit-transform: translateY(4px);

  -ms-transform: translateY(4px);

  transform: translateY(4px);

}

#search

  .search-result-wrapper

  .search-categories

  .search-category-results

  > ul

  > li

  > ul,

.content-wrapper .sogo-content .content-left .side-categories > a,

.content-wrapper .sogo-content .filter-sort .sort-view .limit-wrapper,

.content-wrapper .sogo-content .filter-sort .sort-view .sort-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.content-wrapper .sogo-content .content-left {

  width: 20%;

  padding: 2rem;

  -webkit-transition: top 0.3s ease-in-out;

  -o-transition: top 0.3s ease-in-out;

  transition: top 0.3s ease-in-out;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  font-family: "Montserrat-Medium", sans-serif;

}

.content-wrapper .sogo-content .content-left .side-categories > a {

  padding: 0.5rem 0;

  position: relative;

  padding-left: 0.75rem;

  border-bottom: 1px solid #eee;

}

.content-wrapper .sogo-content .content-left .side-categories > a::before {

  content: "";

  position: absolute;

  left: 8px;

  top: 42%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 3px;

  height: 3px;

  background-color: #333;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: left 0.3s ease-in-out, opacity 0.3s ease-in-out,

    visibility 0.3s ease-in-out;

  -o-transition: left 0.3s ease-in-out, opacity 0.3s ease-in-out,

    visibility 0.3s ease-in-out;

  transition: left 0.3s ease-in-out, opacity 0.3s ease-in-out,

    visibility 0.3s ease-in-out;

}

.content-wrapper

  .sogo-content

  .content-left

  .side-categories

  > a.active::before,

.content-wrapper

  .sogo-content

  .content-left

  .side-categories

  > a:hover::before {

  opacity: 1;

  visibility: visible;

  left: 4px;

}

.content-wrapper .sogo-content .content-left .side-categories > a:first-child {

  padding-top: 0;

}

.content-wrapper .sogo-content .content-left .side-categories > a:last-child,

.content-wrapper .sogo-content .content-left .side-categories > div:last-child {

  border-bottom: none;

}

.content-wrapper .sogo-content .content-left .side-categories > div {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  border-bottom: 1px solid #eee;

}

.content-wrapper

  .sogo-content

  .content-left

  .side-categories

  > div

  > div:first-child,

.content-wrapper

  .sogo-content

  .content-left

  .side-categories

  > div

  > div:first-child

  > button {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}

.content-wrapper

  .sogo-content

  .content-left

  .side-categories

  > div

  > div:first-child

  > a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 0.5rem 0;

  position: relative;

  padding-left: 0.75rem;

  width: 80%;

}

.content-wrapper

  .sogo-content

  .content-left

  .side-categories

  > div

  > div:first-child

  > a.active {

  font-weight: 600;

}

.content-wrapper

  .sogo-content

  .content-left

  .side-categories

  > div

  > div:first-child

  > a.active::before,

.content-wrapper

  .sogo-content

  .content-left

  .side-categories

  > div

  > div:first-child

  > a:hover::before {

  opacity: 1;

  visibility: visible;

  left: 4px;

}

.content-wrapper

  .sogo-content

  .content-left

  .side-categories

  > div

  > div:first-child

  > a::before {

  content: "";

  position: absolute;

  left: 8px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 3px;

  height: 3px;

  background-color: #333;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: left 0.3s ease-in-out, opacity 0.3s ease-in-out,

    visibility 0.3s ease-in-out;

  -o-transition: left 0.3s ease-in-out, opacity 0.3s ease-in-out,

    visibility 0.3s ease-in-out;

  transition: left 0.3s ease-in-out, opacity 0.3s ease-in-out,

    visibility 0.3s ease-in-out;

}

.content-wrapper

  .sogo-content

  .content-left

  .side-categories

  > div

  > div:first-child

  > button {

  background: 0 0;

  border: 0;

  padding: 0;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  width: 20%;

}

.content-wrapper

  .sogo-content

  .content-left

  .side-categories

  > div

  > div:first-child

  > button:focus {

  outline: 0;

}

.content-wrapper

  .sogo-content

  .content-left

  .side-categories

  > div

  > div:first-child

  > button[aria-expanded="false"]

  > i::before {

  content: "\f64d";

}

.content-wrapper

  .sogo-content

  .content-left

  .side-categories

  > div

  > div:first-child

  > button[aria-expanded="true"]

  > i::before {

  content: "\f63b";

}

.content-wrapper

  .sogo-content

  .content-left

  .side-categories

  > div

  > div:first-child

  > button

  > i {

  padding: 0.25rem 0;

  font-size: 0.8rem;

  color: #333;

}

.content-wrapper

  .sogo-content

  .content-left

  .side-categories

  > div

  > div:last-child

  > a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 0.25rem 0;

  position: relative;

  padding-left: 0.75rem;

  margin-left: 1.5rem;

}

.content-wrapper

  .sogo-content

  .content-left

  .side-categories

  > div

  > div:last-child

  > a.active {

  font-weight: 600;

}

.content-wrapper

  .sogo-content

  .content-left

  .side-categories

  > div

  > div:last-child

  > a.active::before,

.content-wrapper

  .sogo-content

  .content-left

  .side-categories

  > div

  > div:last-child

  > a:hover::before {

  opacity: 1;

  visibility: visible;

  left: 4px;

}

.content-wrapper

  .sogo-content

  .content-left

  .side-categories

  > div

  > div:last-child

  > a::before {

  content: "";

  position: absolute;

  left: 8px;

  top: 42%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 3px;

  height: 3px;

  background-color: #333;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: left 0.3s ease-in-out, opacity 0.3s ease-in-out,

    visibility 0.3s ease-in-out;

  -o-transition: left 0.3s ease-in-out, opacity 0.3s ease-in-out,

    visibility 0.3s ease-in-out;

  transition: left 0.3s ease-in-out, opacity 0.3s ease-in-out,

    visibility 0.3s ease-in-out;

}

.content-wrapper .sogo-content .empty-content {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

}

.content-wrapper .sogo-content .empty-content > a {

  display: block;

  margin-top: 1rem;

}

.content-wrapper .sogo-content .empty-content,

.content-wrapper .sogo-content .product-layout {

  width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding: 2rem;

}

.sogo-pagination,

.sogo-pagination > ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.sogo-pagination {

  width: 100%;

  padding: 1.5rem 0;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: end;

  -ms-flex-align: end;

  align-items: flex-end;

}

.sogo-pagination > ul {

  margin: 1rem 0;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  border-radius: 0;

  border: 0;

}

.content-wrapper .sogo-content .wishlist-layout .sogo-pagination > ul > li > a,

.sogo-pagination > ul > li,

.sogo-pagination > ul > li > a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

.sogo-pagination > ul > li {

  border-radius: 0;

  margin: 0.25rem;

  border: 1px solid #d5d5d5;

  -webkit-transition: border 0.2s ease-in-out;

  -o-transition: border 0.2s ease-in-out;

  transition: border 0.2s ease-in-out;

  background-color: #fff;

}

.sogo-pagination > ul > li.active,

.sogo-pagination > ul > li:hover {

  border-color: #333;

}

.content-wrapper .sogo-content .wishlist-layout .sogo-pagination > ul > li > a,

.sogo-pagination > ul > li > a {

  width: 25px;

  height: 25px;

}

#account-content

  .account-left

  .account-settings

  .order-content

  .order-pagination

  > ul

  > li

  > a

  > i,

#account-content

  .account-left

  .account-settings

  .return-content

  .return-pagination

  > ul

  > li

  > a

  > i,

.content-wrapper

  .sogo-content

  .wishlist-layout

  .sogo-pagination

  > ul

  > li

  > a

  > i,

.sogo-pagination > ul > li > a > i {

  font-size: 0.8rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

#account-content

  .account-left

  .account-settings

  .order-content

  .order-pagination

  > ul

  > li

  > span,

#account-content

  .account-left

  .account-settings

  .return-content

  .return-pagination

  > ul

  > li

  > span,

.content-wrapper

  .sogo-content

  .wishlist-layout

  .sogo-pagination

  > ul

  > li

  > span,

.sogo-pagination > ul > li > span {

  width: 25px;

  height: 25px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  font-size: 1.1rem;

  font-weight: 600;

}

.select-options .close-li {

  display: none;

}

@media screen and (max-width: 991px) {

  .content-wrapper .sogo-content .filter-sort.sticked {

    top: 45px;

  }

  .content-wrapper .sogo-content .content-left {

    padding: 0.5rem;

  }

  .content-wrapper .sogo-content .product-layout {

    padding: 1rem;

  }

  .content-wrapper .sogo-content .content-left.sticked {

    position: fixed;

    top: 105px;

    left: 0;

    right: 0;

  }

  .content-wrapper .sogo-content .content-left .side-categories > a,

  .content-wrapper

    .sogo-content

    .content-left

    .side-categories

    > div

    > div:first-child

    > a,

  .content-wrapper

    .sogo-content

    .content-left

    .side-categories

    > div

    > div:last-child

    > a {

    font-size: 0.9rem;

  }

  .content-wrapper

    .sogo-content

    .content-left

    .side-categories

    > div

    > div:first-child

    > a {

    width: calc(100% - 35px);

  }

  .content-wrapper

    .sogo-content

    .content-left

    > div

    > div:first-child

    > button {

    width: 35px;

    height: 35px;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

}

@media screen and (max-width: 767px) {

  .content-wrapper .sogo-content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }

  .content-wrapper .sogo-content .filter-sort {

    position: fixed;

    bottom: 0;

    height: 50px;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    z-index: 99;

    border-top: 1px solid #ddd;

    width: 100%;

    padding: 0;

  }

  .content-wrapper .sogo-content .content-left {

    width: 100%;

    padding: 0 0.5rem;

  }

  .content-wrapper

    .sogo-content

    .content-left

    .side-categories

    > a:first-child {

    padding-top: 0.5rem;

    border-top: 1px solid #eee;

  }

  .content-wrapper .sogo-content .content-left .side-categories > a:last-child {

    border-bottom: 1px solid #eee;

  }

  .content-wrapper

    .sogo-content

    .content-left

    .side-categories

    > div:first-child {

    border-top: 1px solid #eee;

  }

  .content-wrapper

    .sogo-content

    .content-left

    .side-categories

    > div:last-child {

    border-bottom: 1px solid #eee;

  }

  .content-wrapper .sogo-content .content-left .side-categories > a,

  .content-wrapper

    .sogo-content

    .content-left

    .side-categories

    > div

    > div:first-child

    > a {

    font-size: 1rem;

  }

  .content-wrapper .sogo-content .product-layout {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

  .select-options {

    opacity: 0;

    visibility: hidden;

    -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out !important;

    -o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out !important;

    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out !important;

  }

  .select-options.visible {

    opacity: 1;

    visibility: visible;

    position: fixed;

    inset: 0;

    z-index: 100001;

    padding: 45px 1rem 1rem;

  }

  .select {

    cursor: default;

  }

  .select-options li {

    font-size: 1rem;

    height: 45px;

    border-top: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

    margin-bottom: 0.5rem;

    cursor: pointer;

  }

  .select-options li:hover {

    font-weight: 500;

    font-size: initial;

  }

  .select-options li .selected-sort {

    padding-right: 0.3rem;

  }

  .select-options li:active {

    font-weight: 600;

    font-size: 1rem;

  }

  #close-sort,

  .select-options .close-li {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 45px;

  }

  .select-options .close-li {

    position: absolute;

    top: 0;

    right: 0;

    padding: 0 !important;

    height: 45px !important;

    border-top: none;

    border-bottom: none;

    margin: 0 !important;

  }

  #close-sort {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin: 0;

    border: 0;

    background: 0 0;

    height: 45px;

    font-size: 1.5rem;

  }

  #close-sort:focus {

    outline: 0;

  }

  .content-wrapper

    .sogo-content

    .content-left

    .side-categories

    > div

    > div:last-child

    > a {

    padding: 0.25rem 0.75rem;

    margin: 0;

  }

  .content-wrapper .sogo-content .filter-sort .sort-view #show-filter,

  .content-wrapper .sogo-content .filter-sort .sort-view .sort-wrapper {

    width: 50%;

    padding: 0;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-weight: 600;

  }

  .content-wrapper

    .sogo-content

    .filter-sort

    .sort-view

    .sort-wrapper

    .select-styled {

    font-weight: 600;

  }

  .content-wrapper .sogo-content .empty-content {

    padding: 1rem;

  }

}

.box {

  border: 0 !important;

  border-radius: 0 !important;

  margin-bottom: 0 !important;

}

.bf-form {

  display: -webkit-box !important;

  display: -ms-flexbox !important;

  display: flex !important;

  -ms-flex-wrap: wrap !important;

  flex-wrap: wrap !important;

  padding: 1rem 3rem !important;

}

.bf-attr-header {

  border-radius: 0 !important;

  border: 0 !important;

  padding-bottom: 0.5rem !important;

  background: 0 0 !important;

  font-weight: 600 !important;

  font-size: 1.1rem;

}

.bf-attr-header .bf-arrow {

  display: none !important;

}

.bf-attr-block-cont,

.bf-attr-header {

  padding: 0 !important;

}

.bf-form > [class^="bf-attr-"] {

  width: calc(25% - 3rem) !important;

  margin: 0 1.5rem;

}

.bf-form > .bf-buttonclear-box {

  width: 100% !important;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  padding-top: 1.5rem;

}

.bf-attr-group-header,

.bf-cell.bf-c-1,

.box-heading {

  display: none !important;

}

.bf-cell {

  border-bottom: none !important;

  padding: 0.25rem 0 !important;

  height: auto !important;

}

.bf-form .bf-buttonsubmit {

  margin-right: 2rem !important;

  height: 40px;

  min-width: 150px !important;

  display: -webkit-box !important;

  display: -ms-flexbox !important;

  display: flex !important;

  -webkit-box-align: center !important;

  -ms-flex-align: center !important;

  align-items: center !important;

  -webkit-box-pack: center !important;

  -ms-flex-pack: center !important;

  justify-content: center !important;

  border-radius: 0 !important;

  background-color: #eee !important;

  border: 2px solid #ccc !important;

  color: #333 !important;

  font-size: 1rem !important;

}

#search .search-input-wrapper > input:focus,

.bf-buttonclear:focus,

.bf-form .bf-buttonsubmit:focus {

  outline: 0;

}

.bf-buttonclear {

  text-decoration: none !important;

}

.bf-row {

  display: -webkit-box !important;

  display: -ms-flexbox !important;

  display: flex !important;

  -webkit-box-align: center !important;

  -ms-flex-align: center !important;

  align-items: center !important;

}



@media screen and (min-width: 768px) and (max-width: 991px) {

  .bf-form > [class^="bf-attr-"] {

    width: calc(25% - 1.5rem) !important;

    margin: 0 0.75rem !important;

  }



  .bf-attr-filter:not(.active) .bf-c-2 label {

    font-size: 0.9rem;

  }



  .bf-form {

    padding: 1rem !important;

  }

}



@media screen and (min-width: 768px) {

  .bf-attr-block-cont {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

  .bf-row {

    width: 50%;

  }



  .bf-sliding {

    max-height: 250px;

  }



  .bf-c-2 {

    padding-right: 1.5rem;

  }

  .bf-attr-filter:not(.active) .bf-c-2 label {

    -webkit-transition: font-weight 0.15s ease-in-out;

    -o-transition: font-weight 0.15s ease-in-out;

    transition: font-weight 0.15s ease-in-out;

  }

  .bf-attr-filter:not(.active) .bf-c-2:hover label {

    font-weight: 500;

  }

  .bf-c-3 {

    position: absolute;

    right: 0.75rem;

    top: 48%;

    width: 20px !important;

    height: 20px !important;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    padding: 0 !important;

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

}

.bf-cell label {

  text-transform: lowercase;

}

.bf-form > .bf-buttonclear-mobile,

.filter-close-wrapper {

  display: none;

}

@media screen and (max-width: 767px) {

  .bf-attr-header {

    padding: 1rem !important;

  }

  .bf-panel-wrapper {

    position: fixed !important;

    inset: 0 !important;

    z-index: 100001 !important;

    background-color: #fff !important;

  }

  .bf-form {

    padding: 0 0 70px !important;

  }

  .bf-form > [class^="bf-attr-"] {

    width: 100% !important;

    margin: 0 !important;

  }

  .bf-form > .bf-buttonclear-box {

    position: fixed !important;

    bottom: 0 !important;

    left: 0 !important;

    right: 0 !important;

    border-top: 1px solid #eee !important;

    height: auto !important;

    z-index: 99 !important;

    width: 100% !important;

    box-shadow: 0 6px 9px 3px rgb(0 0 0/50%) !important;

    -webkit-box-shadow: 0 6px 9px 3px rgb(0 0 0/50%) !important;

    background-color: #fff !important;

    padding: 0.5rem !important;

  }

  .bf-form > .bf-buttonclear-mobile.visible {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

  .bf-form > .bf-buttonclear-mobile {

    border-radius: 0.25rem;

    text-align: center;

    background-color: #f40305;

    color: #fff;

    position: relative;

    display: none;

    -webkit-transition: all 0.25s ease-in-out;

    -o-transition: all 0.25s ease-in-out;

    transition: all 0.25s ease-in-out;

    border: 0;

    width: auto;

    height: 30px;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding: 0 1rem;

    margin-left: 1rem;

    margin-bottom: 0.5rem;

    font-size: 0.9rem;

  }

  .bf-form > .bf-buttonclear-mobile > i {

    margin-right: 0.5rem;

  }

  .bf-form .bf-buttonsubmit {

    margin-right: 0 !important;

    font-weight: 500 !important;

    border: 1px solid #ccc !important;

    background-color: #eee !important;

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    width: 100% !important;

    -webkit-box-align: center !important;

    -ms-flex-align: center !important;

    align-items: center !important;

    text-align: center !important;

    -webkit-box-pack: center !important;

    -ms-flex-pack: center !important;

    justify-content: center !important;

    padding: 0.6rem !important;

    height: auto !important;

  }

  .bf-form .bf-buttonclear {

    display: none !important;

  }

  .brainyfilter-panel input {

    text-align: left !important;

  }

  .bf-attr-header {

    background-color: #eee !important;

    border-top: 1px solid #ccc !important;

    border-bottom: 1px solid #ccc !important;

  }

  .bf-attr-block-cont .bf-attr-filter {

    border-bottom: 1px solid #eee !important;

    padding: 0.25rem 1rem;

  }

  .bf-attr-block-cont .bf-attr-filter:last-child {

    border: 0 !important;

  }

  .bf-form > .bf-attr-block:last-child {

    margin-bottom: 0;

  }

  .filter-close-wrapper {

    display: block;

    overflow: auto;

    max-width: calc(100% - 45px);

  }

  .filter-close-wrapper .active-filters {

    width: 100%;

    height: 45px;

    padding: 0.5rem 45px 0.3rem 1rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

  .filter-close-wrapper #close-filter {

    position: absolute;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin: 0;

    border: 0;

    background: #fff;

    width: 45px;

    height: 45px;

    font-size: 1.5rem;

    right: 0;

    top: 0;

    z-index: 99;

  }

  .filter-close-wrapper #close-filter,

  .filter-close-wrapper .filter-item,

  .filter-close-wrapper .filter-item > a,

  .filter-close-wrapper .filter-item > button {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .filter-close-wrapper .filter-item {

    background-color: #333;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin-right: 0.5rem;

    border-radius: 0.25rem;

    white-space: nowrap;

  }

  .filter-close-wrapper .filter-item > a,

  .filter-close-wrapper .filter-item > button {

    color: #fff;

    height: calc(45px - 0.8rem);

  }

  .filter-close-wrapper .filter-item > a {

    font-size: 0.9rem;

    padding: 0 0.5rem;

    border-right: 1px solid #555;

  }

  .filter-close-wrapper .filter-item > button {

    background-color: transparent;

    border: 0;

  }

  .filter-close-wrapper .filter-item > button:focus {

    outline: 0;

  }

  .bf-row {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

  }

  .bf-c-3 {

    width: 25px !important;

    height: 25px !important;

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

  .box .box-content.brainyfilter-panel {

    max-height: 100vh;

    overflow: auto;

  }

}

.log-reg-tab {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  font-size: 1.2rem;

  margin-bottom: 2rem;

}

.log-reg-tab a {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  position: relative;

  color: #555;

  -webkit-transition: color 0.3s ease-in-out, font-weight 0.1s ease-in-out;

  -o-transition: color 0.3s ease-in-out, font-weight 0.1s ease-in-out;

  transition: color 0.3s ease-in-out, font-weight 0.1s ease-in-out;

}

.log-reg-tab a.active,

.log-reg-tab a:active,

.log-reg-tab a:hover {

  color: #333;

  font-weight: 600;

}

.log-reg-tab a:first-child {

  padding-right: 2rem;

}

.log-reg-tab a:first-child::before {

  content: "";

  position: absolute;

  top: 50%;

  right: 0.75rem;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 2px;

  height: 100%;

  background-color: #333;

}

#login-content,

#register-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

#login-content .login-left,

#register-content .register-left {

  width: 45%;

}

#login-content .login-left .login-banner:hover img,

#register-content .register-left .register-banner:hover img {

  -webkit-transform: scale(1.5) !important;

  -ms-transform: scale(1.5) !important;

  transform: scale(1.5) !important;

  -webkit-transition-duration: 1s !important;

  -o-transition-duration: 1s !important;

  transition-duration: 1s !important;

}

#login-content .login-right,

#register-content .register-right {

  width: 55%;

  padding-left: 2rem;

}

#register-content .register-right .register-header .register-gdpr {

  margin-top: 1rem;

  font-size: 0.9rem;

  padding: 0.5rem;

  background-color: #eee;

}

#register-content .register-right .register-header .register-gdpr a {

  font-weight: 600;

  text-decoration: underline;

}

#register-content .register-right .register-header span:first-child {

  font-weight: 500;

  font-size: 1.5rem;

}

#login-content .login-right .login-form > form > div:first-child,

#login-content .login-right .login-form > form > div:first-child > label {

  margin-top: 0;

}

#register-content .register-right .register-form > form .text-danger,

.contact-wrapper .contact-form > form .text-danger {

  color: #f40305;

  font-size: 0.9rem;

  margin-top: 0.25rem;

}

#login-content .login-right .login-form .text-danger {

  color: #f40305;

  font-size: 0.9rem;

  margin-bottom: 0.25rem;

  margin-left: 0.25rem;

}

#account-content .account-left .account-settings > form fieldset legend,

#register-content .register-right .register-form > form fieldset legend,

.contact-wrapper .contact-form > form fieldset legend {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin: 0 0.25rem;

  font-weight: 500;

  border-bottom: none;

  width: auto;

}

#account-content .account-left .account-settings > form fieldset legend::after,

#register-content .register-right .register-form > form fieldset legend::after,

.contact-wrapper .contact-form > form fieldset legend::after,

.request-form form fieldset legend::after,

.sogo-checkout-panel-group fieldset legend::after {

  content: "";

  height: 2px;

  position: absolute;

  width: 0%;

  background-color: #333;

  left: 0;

  bottom: -2px;

  -webkit-transition: width 0.3s ease-in-out;

  -o-transition: width 0.3s ease-in-out;

  transition: width 0.3s ease-in-out;

}

#register-content .register-right .register-form .form-agree {

  margin-bottom: 1rem;

  margin-left: 0.25rem;

}

#register-content .register-right a > b {

  text-decoration: underline;

}

#login-content .login-right .login-bottom {

  margin: 1rem 0.25rem 0.25rem;

}

#login-content .login-right .login-bottom p:first-child {

  font-weight: 500;

  margin-bottom: 1.5rem;

}

#login-content .login-right .login-bottom p:first-child > a:hover {

  text-decoration: underline;

}

#login-content .login-right .login-bottom p:last-child > a {

  text-decoration: underline;

}

#login-content .sogo-primary-button {

  margin: 1.5rem 0.25rem;

  position: relative;

}

#login-content .sogo-primary-button::before,

#register-content .sogo-primary-button::before {

  display: inline-block;

  font-family: bootstrap-icons !important;

  font-style: normal;

  font-weight: 400 !important;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  vertical-align: -0.125em;

  -webkit-font-smoothing: antialiased;

  left: 1rem;

  position: absolute;

  font-size: 1.25rem;

  color: #aaa;

}

#login-content .sogo-primary-button::before {

  content: "\f47b";

  -webkit-transform: scaleY(0.8);

  -ms-transform: scaleY(0.8);

  transform: scaleY(0.8);

}

#register-content .sogo-primary-button,

.contact-wrapper .contact-form .form-button > button {

  position: relative;

  width: 100%;

}

#register-content .sogo-primary-button::before {

  content: "\f4dd";

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}

@media screen and (max-width: 991px) {

  #register-content .register-right .register-header {

    margin-bottom: 1rem;

  }

  .required-areas {

    margin-top: 0.5rem;

    padding-left: 1rem;

    position: relative;

    font-size: 0.9rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

  #register-content .register-right .register-form > form fieldset {

    margin-bottom: 0.5rem;

  }

}

@media screen and (max-width: 768px) {

  .log-reg-tab {

    padding: 1rem;

    border: 1px solid #aaa;

    width: 100%;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    background-color: #fff;

  }

  #login-content,

  #register-content {

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse;

  }

  #login-content .login-left .login-banner img,

  #register-content .register-left .register-banner img {

    width: 100%;

    height: 100%;

  }

  #login-content .login-left .login-banner,

  #register-content .register-left .register-banner {

    max-height: 500px;

    overflow: hidden;

  }

  #login-content .login-left,

  #login-content .login-right,

  #register-content .register-left,

  #register-content .register-right,

  #register-content .register-right .sogo-primary-button {

    width: 100%;

  }

  #login-content .login-right,

  #register-content .register-right {

    padding: 0.5rem 1rem 2.5rem;

  }

  #register-content .register-right .register-header span:first-child {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    margin-bottom: 1rem;

  }

  #login-content .login-right .login-bottom p {

    font-size: 1rem;

  }

}

.forgotten-heading {

  font-weight: 500;

  font-size: 1.6rem;

  margin-bottom: 1rem;

}

.forgotten-heading + .forgotten-sub-info {

  padding: 0.5rem;

  font-size: 0.9rem;

  background-color: #eee;

}

.contact-wrapper .contact-info div > address,

.forgotten-heading + .forgotten-sub-info .required-areas {

  margin: 0;

}

#account-content,

.forgotten-form-buttons,

.forgotten-heading {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

#login-content .forgotten-form-buttons .sogo-primary-button,

#login-content .forgotten-form-buttons a {

  margin: 0.25rem;

  width: calc(50% - 0.5rem);

}

#account-content {

  min-height: 250px;

}

#account-content .account-left,

#account-content .account-right {

  width: 50%;

}

#account-content .account-right {

  padding-left: 2rem;

}

#account-content .account-right:hover img {

  -webkit-transform: scale(1.5) !important;

  -ms-transform: scale(1.5) !important;

  transform: scale(1.5) !important;

  -webkit-transition-duration: 1s !important;

  -o-transition-duration: 1s !important;

  transition-duration: 1s !important;

}

#account-content .account-left .account-settings {

  padding-bottom: 1rem;

}

#account-content .account-left .account-settings .nav {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 2rem;

}

#account-content .account-left .account-settings .nav .nav-item {

  float: none;

  background-color: #6666;

  width: 33.33%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

#account-content .account-left .account-settings .nav .nav-item.active {

  background-color: #333;

}

#account-content .account-left .account-settings .nav.nav-pills > li.active > a,

#account-content

  .account-left

  .account-settings

  .nav.nav-pills

  > li.active

  > a:focus,

#account-content

  .account-left

  .account-settings

  .nav.nav-pills

  > li.active

  > a:hover {

  color: #fff;

  font-weight: 500;

}

#account-content .account-left .account-settings .nav.nav-pills > li > a {

  color: #333;

  background: 0 0;

  border-radius: 0;

  padding: 0.5rem 1em;

}

#account-content .account-left .account-settings .nav.nav-pills > li + li {

  margin-left: 0.25rem;

}

#account-content

  .account-left

  .account-settings

  .tab-content

  .tab-pane

  > ul

  > li {

  border-bottom: 1px solid #ccc;

  -webkit-transition: background-color 0.3s ease-in-out;

  -o-transition: background-color 0.3s ease-in-out;

  transition: background-color 0.3s ease-in-out;

}

#account-content

  .account-left

  .account-settings

  .tab-content

  .tab-pane

  > ul

  > li:hover {

  background-color: #eee;

}

#account-content

  .account-left

  .account-settings

  .tab-content

  .tab-pane

  > ul

  > li:first-child {

  border-top: 1px solid #ccc;

}

#account-content

  .account-left

  .account-settings

  .tab-content

  .tab-pane

  > ul

  > li

  > a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding: 0.5rem 0;

  -webkit-transition: font-weight 0.25s ease-in-out, padding 0.25s ease-in-out;

  -o-transition: font-weight 0.25s ease-in-out, padding 0.25s ease-in-out;

  transition: font-weight 0.25s ease-in-out, padding 0.25s ease-in-out;

  position: relative;

}

#account-content .account-left .account-settings .form-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  margin-bottom: 1rem;

}

#account-content

  .account-left

  .account-settings

  .form-header

  > span:first-child {

  font-weight: 500;

  font-size: 1.6rem;

}

#account-content

  .account-left

  .account-settings

  .form-header

  > span:last-child {

  margin-top: 0;

}

#account-content

  .account-left

  .account-settings

  .order-content

  .order-card-wrapper

  .order-card

  .order-card-content

  .order-products

  .order-products-wrapper

  .order-product

  > a

  > img,

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-content

  .order-product-card

  .order-product-content-wrapper

  .order-product-image

  > a

  > img,

#account-content .account-left .account-settings > form .required-areas,

#account-content

  .account-left

  .account-settings

  > form

  fieldset:hover

  legend::after {

  width: 100%;

}

#account-content .account-left .account-settings > form .text-danger {

  color: #f40305;

  font-size: 0.9rem;

  margin-top: 0.25rem;

}

#account-content

  .account-left

  .account-settings

  > form

  .sogo-input-wrapper

  > .input-group,

#account-content

  .account-left

  .account-settings

  > form

  .sogo-input-wrapper

  > .input-group

  > .input-group-btn

  > button {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  width: 100%;

}

#account-content

  .account-left

  .account-settings

  > form

  .sogo-input-wrapper

  > .input-group

  > .sogo-input {

  width: calc(100% - 35px);

  border-right: none;

}

#account-content

  .account-left

  .account-settings

  > form

  .sogo-input-wrapper

  > .input-group

  > .input-group-btn {

  width: 35px;

  height: 40px;

  z-index: 99;

}

#account-content

  .account-left

  .account-settings

  > form

  .sogo-input-wrapper

  > .input-group

  > .input-group-btn

  > button

  > i {

  color: #fff;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  font-size: 1.4rem;

}

#account-content

  .account-left

  .account-settings

  > form

  .sogo-input-wrapper

  > .input-group

  > .input-group-btn

  > button {

  padding: 0;

  height: 100%;

  background-color: #333;

  border-radius: 0;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

#account-content

  .account-left

  .account-settings

  > form

  .sogo-input-wrapper

  > button

  > i {

  margin-right: 0.5rem;

}

#account-content .account-left .account-settings .sogo-form-buttons {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  margin: 0.25rem;

}

#account-content .account-left .account-settings .setting-mobile {

  display: none;

}

#account-content

  .account-left

  .account-settings

  .account-setting-content

  .address-slider {

  padding-top: 3rem;

}

#account-content

  .account-left

  .account-settings

  .account-setting-content

  .address-slider.single-item {

  padding-top: 0;

}

#account-content

  .account-left

  .account-settings

  .account-setting-content

  .address-slider

  .address-pagination {

  bottom: auto;

  top: 0;

  left: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  width: 100%;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

#account-content

  .account-left

  .account-settings

  .account-setting-content

  .address-slider

  .address-pagination

  > span,

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-content

  .order-info-pagination

  > span,

#account-content

  .account-left

  .account-settings

  .return-info-wrapper

  .return-info-content

  .return-info-pagination

  > span {

  font-size: 1.75rem;

  color: #888;

  font-weight: 600;

  width: auto;

  height: auto;

  background: 0 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

#account-content

  .account-left

  .account-settings

  .account-setting-content

  .address-card {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  margin: 0.75rem;

  padding: 0.5rem;

  padding-bottom: 0;

  border: 2px dashed #aaa;

}

#account-content

  .account-left

  .account-settings

  .account-setting-content

  .address-slider

  + .sogo-form-buttons {

  margin: 0;

  margin-top: 0.5rem;

}

#account-content

  .account-left

  .account-settings

  .account-setting-content

  .address-card

  .address-card-content

  address {

  padding: 0.5rem;

  margin-bottom: 0;

  font-style: inherit;

  line-height: initial;

  background-color: #eee;

  border: 1px solid #ddd;

}

#account-content

  .account-left

  .account-settings

  .account-setting-content

  .address-card

  .address-card-footer {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  width: 100%;

}

#account-content

  .account-left

  .account-settings

  .account-setting-content

  .address-card

  .address-card-footer

  .default-address {

  padding: 0.5rem;

  padding-left: 0;

}

#account-content

  .account-left

  .account-settings

  .account-setting-content

  .address-card

  .address-card-footer

  .default-address

  > span

  > i,

.input-label.default-address > i {

  margin-right: 0.5rem;

  line-height: 1.2rem;

  color: #1da1f2;

  font-size: 1.2rem;

}

#account-content

  .account-left

  .account-settings

  .account-setting-content

  .address-card

  .address-card-footer

  .default-address

  > span {

  padding: 0.25rem 0;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  border-radius: 0.25rem;

  font-weight: 500;

}

#account-content

  .account-left

  .account-settings

  .account-setting-content

  .address-card

  .address-card-footer

  .address-button-wrapper

  > a {

  font-weight: 600;

  min-width: 40px;

  text-align: center;

  padding: 0.75rem;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

#account-content

  .account-left

  .account-settings

  .account-setting-content

  .address-card

  .address-card-footer

  .address-button-wrapper

  > a:first-child {

  margin-right: 0.5rem;

}

#account-content

  .account-left

  .account-settings

  .account-setting-content

  .address-card

  .address-card-footer

  .address-button-wrapper

  > a:last-child {

  color: #f40305;

}

#account-content .account-left .account-settings .order-content,

#account-content .account-left .account-settings .return-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

#account-content

  .account-left

  .account-settings

  .order-content

  .order-card-wrapper,

#account-content

  .account-left

  .account-settings

  .return-content

  .return-card-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 1rem;

}

#account-content

  .account-left

  .account-settings

  .order-content

  .order-products

  .order-card-wrapper

  .swiper-slide

  a

  > img,

#account-content

  .account-left

  .account-settings

  .return-content

  .return-products

  .return-card-wrapper

  .swiper-slide

  a

  > img {

  width: 60px;

  height: 90px;

}

#account-content

  .account-left

  .account-settings

  .order-content

  .order-card-wrapper

  .order-card,

#account-content

  .account-left

  .account-settings

  .return-content

  .return-card-wrapper

  .return-card {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  border: 2px dashed #aaa;

  padding: 1rem;

  width: calc(50% - 0.25rem);

  -webkit-transition: background-color 0.3s ease-in-out;

  -o-transition: background-color 0.3s ease-in-out;

  transition: background-color 0.3s ease-in-out;

  background-color: #fff;

  box-shadow: 0 2px 8px 0 rgb(0 0 0/15%);

  -webkit-box-shadow: 0 2px 8px 0 rgb(0 0 0/15%);

}

#account-content

  .account-left

  .account-settings

  .order-content

  .order-card-wrapper

  .order-card:hover,

#account-content

  .account-left

  .account-settings

  .return-content

  .return-card-wrapper

  .return-card:hover {

  background-color: #eee;

}

#account-content

  .account-left

  .account-settings

  .order-content

  .order-card-wrapper

  > .order-card:first-child,

#account-content

  .account-left

  .account-settings

  .return-content

  .return-card-wrapper

  > .return-card:first-child {

  margin-right: 0.25rem;

}

#account-content

  .account-left

  .account-settings

  .order-content

  .order-card-wrapper

  > .order-card:last-child,

#account-content

  .account-left

  .account-settings

  .return-content

  .return-card-wrapper

  > .return-card:last-child {

  margin-left: 0.25rem;

}

#account-content

  .account-left

  .account-settings

  .order-content

  .order-card-wrapper

  .order-card

  .order-card-content,

#account-content

  .account-left

  .account-settings

  .return-content

  .return-card-wrapper

  .return-card

  .return-card-content {

  margin-bottom: 1rem;

}

#account-content

  .account-left

  .account-settings

  .order-content

  .order-card-wrapper

  .order-card

  .order-card-content

  .order-details,

#account-content

  .account-left

  .account-settings

  .return-content

  .return-card-wrapper

  .return-card

  .return-card-content

  .return-details {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 0.75rem;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

#account-content

  .account-left

  .account-settings

  .order-content

  .order-card-wrapper

  .order-card

  .order-card-content

  .order-products

  .products-header {

  display: block;

  font-weight: 600;

  text-decoration: underline;

  margin: 0.5rem 0;

}

#account-content

  .account-left

  .account-settings

  .order-content

  .order-card-wrapper

  .order-card

  .order-card-content

  .order-products

  .products-header

  + .swiper-container {

  padding-bottom: 0.75rem;

}

#account-content

  .account-left

  .account-settings

  .order-content

  .order-card-wrapper

  .order-card

  .order-card-content

  .order-products

  .order-products-wrapper,

div[id*="-custom-field"] {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

}

#account-content

  .account-left

  .account-settings

  .order-content

  .order-card-wrapper

  .order-card

  .order-card-content

  .order-products

  .order-products-wrapper

  .order-product {

  width: calc(25% - 0.5rem);

  margin-right: 0.5rem;

}

#account-content

  .account-left

  .account-settings

  .order-content

  .order-card-wrapper

  .order-card

  .order-card-content

  .order-products

  .order-products-wrapper

  .order-product

  > a {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

}

#account-content

  .account-left

  .account-settings

  .order-content

  .order-card-wrapper

  .order-card

  .order-card-footer,

#account-content

  .account-left

  .account-settings

  .return-content

  .return-card-wrapper

  .return-card

  .return-card-footer {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

}

#account-content

  .account-left

  .account-settings

  .order-content

  .order-card-wrapper

  .order-card

  .order-card-footer

  > a,

#account-content

  .account-left

  .account-settings

  .return-content

  .return-card-wrapper

  .return-card

  .return-card-footer

  > a {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  width: 40px;

  height: 40px;

  background-color: #333;

  -webkit-transition: background-color 0.3s ease-in-out;

  -o-transition: background-color 0.3s ease-in-out;

  transition: background-color 0.3s ease-in-out;

}

#account-content

  .account-left

  .account-settings

  .order-content

  .order-card-wrapper

  .order-card

  .order-card-footer

  > a:active,

#account-content

  .account-left

  .account-settings

  .order-content

  .order-card-wrapper

  .order-card

  .order-card-footer

  > a:hover,

#account-content

  .account-left

  .account-settings

  .return-content

  .return-card-wrapper

  .return-card

  .return-card-footer

  > a:active,

#account-content

  .account-left

  .account-settings

  .return-content

  .return-card-wrapper

  .return-card

  .return-card-footer

  > a:hover {

  background-color: #999;

}

#account-content

  .account-left

  .account-settings

  .order-content

  .order-card-wrapper

  .order-card

  .order-card-footer

  > a

  > i,

#account-content

  .account-left

  .account-settings

  .return-content

  .return-card-wrapper

  .return-card

  .return-card-footer

  > a

  > i {

  color: #fff;

  font-size: 1.2rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

#account-content

  .account-left

  .account-settings

  .order-content

  .order-pagination

  > ul,

#account-content

  .account-left

  .account-settings

  .return-content

  .return-pagination

  > ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  margin: 1rem 0;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  border-radius: 0;

  border: 0;

}

#account-content

  .account-left

  .account-settings

  .order-content

  .order-pagination

  > ul

  > li,

#account-content

  .account-left

  .account-settings

  .return-content

  .return-pagination

  > ul

  > li,

.content-wrapper .sogo-content .wishlist-layout .sogo-pagination > ul > li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  border-radius: 0;

  margin: 0.25rem;

  border: 1px solid #ddd;

  -webkit-transition: border 0.2s ease-in-out;

  -o-transition: border 0.2s ease-in-out;

  transition: border 0.2s ease-in-out;

}

#account-content

  .account-left

  .account-settings

  .order-content

  .order-pagination

  > ul

  > li.active,

#account-content

  .account-left

  .account-settings

  .order-content

  .order-pagination

  > ul

  > li:hover,

#account-content

  .account-left

  .account-settings

  .return-content

  .return-pagination

  > ul

  > li.active,

#account-content

  .account-left

  .account-settings

  .return-content

  .return-pagination

  > ul

  > li:hover,

.content-wrapper

  .sogo-content

  .wishlist-layout

  .sogo-pagination

  > ul

  > li.active,

.content-wrapper

  .sogo-content

  .wishlist-layout

  .sogo-pagination

  > ul

  > li:hover {

  border-color: #333;

}

#account-content

  .account-left

  .account-settings

  .order-content

  .order-pagination

  > ul

  > li

  > a,

#account-content

  .account-left

  .account-settings

  .return-content

  .return-pagination

  > ul

  > li

  > a {

  width: 25px;

  height: 25px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  background: #fff;

}

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-header

  > span,

#account-content

  .account-left

  .account-settings

  .return-info-wrapper

  .return-info-header

  > span {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  margin-bottom: 1rem;

  font-weight: 500;

  font-size: 1.6rem;

}

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-content

  .order-details-card,

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-content

  .order-invoice-card,

#account-content

  .account-left

  .account-settings

  .return-info-wrapper

  .return-info-content

  .return-details-card,

#account-content

  .account-left

  .account-settings

  .return-info-wrapper

  .return-info-content

  .return-invoice-card {

  padding-top: 3rem;

  margin: 0.75rem;

}

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-content

  .order-details-card

  .order-details-header,

#account-content

  .account-left

  .account-settings

  .return-info-wrapper

  .return-info-content

  .return-details-card

  .return-details-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-content

  .order-details-card

  .order-details-header

  > span,

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-content

  .order-invoice-card

  .order-invoice-header

  > span,

#account-content

  .account-left

  .account-settings

  .return-info-wrapper

  .return-info-content

  .return-details-card

  .return-details-header

  > span,

#account-content

  .account-left

  .account-settings

  .return-info-wrapper

  .return-info-content

  .return-invoice-card

  .return-invoice-header

  > span,

#account-content

  .account-left

  .account-settings

  .return-info-wrapper

  .return-info-content

  .return-product-card

  .return-product-content-wrapper

  .return-product-header

  > span {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding: 0.5rem;

  background-color: #333;

  color: #fff;

  font-weight: 600;

  font-size: 1.1rem;

  width: 100%;

}

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-content

  .order-details-card

  .order-details-content,

#account-content

  .account-left

  .account-settings

  .return-info-wrapper

  .return-info-content

  .return-details-card

  .return-details-content {

  padding: 0.5rem;

}

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-content

  .order-invoice-card

  .order-invoice-header,

#account-content

  .account-left

  .account-settings

  .return-info-wrapper

  .return-info-content

  .return-invoice-card

  .return-invoice-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-content

  .order-invoice-card

  .order-invoice-content,

#account-content

  .account-left

  .account-settings

  .return-info-wrapper

  .return-info-content

  .return-invoice-card

  .return-invoice-content {

  margin-bottom: 0.5rem;

  padding: 0.5rem;

}

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-content

  .order-info-pagination,

#account-content

  .account-left

  .account-settings

  .return-info-wrapper

  .return-info-content

  .return-info-pagination {

  bottom: auto;

  top: 0;

  left: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  width: 100%;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  background: #fff;

}

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-content

  .order-history-wrapper,

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-content

  .order-product-card-wrapper,

#account-content

  .account-left

  .account-settings

  .return-info-wrapper

  .return-info-content

  .return-history-wrapper,

#account-content

  .account-left

  .account-settings

  .return-info-wrapper

  .return-info-content

  .return-product-card-wrapper {

  padding-top: 3rem;

  margin: 0.75rem;

  max-height: 500px;

  overflow-x: hidden;

  overflow-y: auto;

}

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-content

  .order-product-card,

#account-content

  .account-left

  .account-settings

  .return-info-wrapper

  .return-info-content

  .return-product-card {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  margin-bottom: 2rem;

  padding-right: 1rem;

}

#account-content

  .account-left

  .account-settings

  .return-info-wrapper

  .return-info-content

  .return-product-card {

  margin-bottom: 0;

}

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-content

  .order-product-card

  .order-product-buttons,

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-content

  .order-product-card

  .order-product-content-wrapper,

#account-content

  .account-left

  .account-settings

  .return-info-wrapper

  .return-info-content

  .return-product-card

  .return-product-content-wrapper,

#account-content

  .account-left

  .account-settings

  .return-info-wrapper

  .return-info-content

  .return-product-card

  .return-product-content-wrapper

  .return-product-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-content

  .order-product-card

  .order-product-buttons

  > a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  border: 1px solid #333;

  color: #fff;

  background-color: #333;

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  padding: 0.5rem;

  margin-right: 0.5rem;

}

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-content

  .order-product-card

  .order-product-buttons

  > a:hover {

  background-color: #666;

}

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-content

  .order-product-card

  .order-product-buttons

  > a

  > i {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin-right: 0.5rem;

  font-size: 0.9rem;

}

#account-content

  .account-left

  .account-settings

  .return-info-wrapper

  .return-info-content

  .return-product-card

  .return-product-content-wrapper {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-content

  .order-product-card

  .order-product-content-wrapper

  .order-product-image {

  padding: 0.5rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  border-left: 1px solid #ccc;

  border-top: 1px solid #ccc;

  border-bottom: 1px solid #ccc;

  width: 40%;

}

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-content

  .order-product-card

  .order-product-image

  .order-product-content-wrapper

  > a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-content

  .order-product-card

  .order-product-content-wrapper

  .order-product-description {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  width: 60%;

  border-top: 1px solid #ccc;

  border-bottom: 1px solid #ccc;

  border-right: 1px solid #ccc;

  padding: 0 1.5rem;

}

#account-content

  .account-left

  .account-settings

  .return-info-wrapper

  .return-info-content

  .return-product-card

  .return-product-content-wrapper

  .return-product-description {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  width: 60%;

  border: 0;

  padding: 0.5rem;

}

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-content

  .order-product-card

  .order-product-content-wrapper

  .order-product-description

  .order-product-content,

#account-content

  .account-left

  .account-settings

  .return-info-wrapper

  .return-info-content

  .return-product-card

  .return-product-content-wrapper

  .return-product-description

  .return-product-content {

  padding-bottom: 0.5rem;

}

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-content

  .order-product-card

  .order-product-content-wrapper

  .order-product-description

  .order-product-bill-details {

  border-top: 1px solid #ccc;

  padding-top: 0.5rem;

}

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-content

  .order-history-card,

#account-content

  .account-left

  .account-settings

  .return-info-wrapper

  .return-info-content

  .return-history-card {

  padding-bottom: 2rem;

}

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-content

  .order-history-card

  .order-history-content,

#account-content

  .account-left

  .account-settings

  .return-info-wrapper

  .return-info-content

  .return-history-card

  .return-history-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  padding: 0.5rem;

}

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-content

  .order-history-header

  > span,

#account-content

  .account-left

  .account-settings

  .return-info-wrapper

  .return-info-content

  .return-history-header

  > span {

  border: 1px solid #333;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding: 0.5rem;

  background-color: #333;

  color: #fff;

  font-weight: 600;

  font-size: 1.1rem;

  width: 100%;

}

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-content

  .order-history-card

  .order-history-content

  .order-history-description,

#account-content

  .account-left

  .account-settings

  .return-info-wrapper

  .return-info-content

  .return-history-card

  .return-history-content

  .return-history-description {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  margin-top: 1rem;

}

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-content

  .order-history-card

  .order-history-content

  .order-history-description

  > span,

#account-content

  .account-left

  .account-settings

  .return-info-wrapper

  .return-info-content

  .return-history-card

  .return-history-content

  .return-history-description

  > span {

  text-decoration: underline;

  font-weight: 600;

  margin-bottom: 0.5rem;

}

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-content

  .order-history-card

  .order-history-content

  .order-history-description

  .history-description,

#account-content

  .account-left

  .account-settings

  .return-info-wrapper

  .return-info-content

  .return-history-card

  .return-history-content

  .return-history-description

  .history-description,

.cart-wrapper .cart-side .cart-content .cart-row > div {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

#account-content

  .account-left

  .account-settings

  .order-info-wrapper

  .order-info-content

  .order-history-header,

#account-content

  .account-left

  .account-settings

  .return-info-wrapper

  .return-info-content

  .return-history-header,

.detail-row,

.detail-row.bill {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.detail-row.bill {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

}

.detail-row {

  padding: 0.25rem 0;

}

.detail-row > span:first-child {

  font-weight: 600;

  margin-right: 1rem;

  position: relative;

}

.detail-row > span:first-child::after {

  content: ":";

  position: absolute;

  right: -0.5rem;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}

.order-product-content + span,

.return-product-content + span {

  font-weight: 600;

  margin-right: 1rem;

}

.detail-small {

  padding-bottom: 0.5rem;

}

.detail-small > span {

  font-size: 0.9rem;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  padding: 0.5rem;

  background: hsla(200, 10%, 10%, 10%);

  border-radius: 0.25rem;

  margin-right: 0.5rem;

  border: 1px solid #ccc;

}

#account-content

  .account-left

  .account-settings

  .order-content

  .sogo-form-buttons,

#account-content

  .account-left

  .account-settings

  .return-content

  .sogo-form-buttons {

  margin: 0 !important;

}

@media screen and (min-width: 992px) {

  #account-content

    .account-left

    .account-settings

    .order-content

    .order-card-wrapper,

  #account-content

    .account-left

    .account-settings

    .return-content

    .return-card-wrapper {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 1rem;

  }

  #account-content

    .account-left

    .account-settings

    .tab-content

    .tab-pane

    > ul

    > li

    > a::before {

    content: "";

    position: absolute;

    background-color: #333;

    width: 5px;

    height: 2px;

    left: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.25s ease-in-out;

    -o-transition: all 0.25s ease-in-out;

    transition: all 0.25s ease-in-out;

  }

  #account-content

    .account-left

    .account-settings

    .tab-content

    .tab-pane

    > ul

    > li

    > a:hover::before {

    opacity: 1;

    visibility: visible;

  }

  #account-content

    .account-left

    .account-settings

    .tab-content

    .tab-pane

    > ul

    > li

    > a:hover {

    padding-left: 1rem;

    font-weight: 500;

  }

}

@media screen and (max-width: 991px) {

  #account-content

    .account-left

    .account-settings

    .order-content

    .order-card-wrapper

    .order-card,

  #account-content

    .account-left

    .account-settings

    .order-info-wrapper

    .order-info-content

    .order-product-card

    .order-product-content-wrapper

    .order-product-description

    .order-product-bill-details,

  #account-content

    .account-left

    .account-settings

    .order-info-wrapper

    .order-info-content

    .order-product-card

    .order-product-content-wrapper

    .order-product-description

    .order-product-content,

  #account-content

    .account-left

    .account-settings

    .return-content

    .return-card-wrapper

    .return-card,

  #account-content

    .account-left

    .account-settings

    .return-info-wrapper

    .return-info-content

    .return-product-card

    .return-product-content-wrapper

    .return-product-description

    .return-product-bill-details,

  #account-content

    .account-left

    .account-settings

    .return-info-wrapper

    .return-info-content

    .return-product-card

    .return-product-content-wrapper

    .return-product-description

    .return-product-content,

  .order-product-content + span,

  .return-product-content + span {

    font-size: 0.9rem;

  }

  #account-content

    .account-left

    .account-settings

    .order-content

    .order-card-wrapper,

  #account-content

    .account-left

    .account-settings

    .return-content

    .return-card-wrapper {

    padding: 0.5rem;

  }

  #account-content .account-right {

    padding-left: 0;

  }

  #account-content .account-left .account-settings .nav {

    margin-bottom: 0;

  }

  #account-content

    .account-left

    .account-settings

    .tab-content

    .tab-pane

    > ul

    > li:first-child {

    border-top: none;

  }

  #account-content .account-left .account-settings .nav.nav-pills > li > a {

    text-align: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-size: 0.9rem;

  }

  #account-content .account-left .account-settings .nav.nav-pills > li + li {

    margin: 0;

  }

  #account-content

    .account-left

    .account-settings

    .nav.nav-pills

    > li:not(:last-child) {

    border-right: 1px solid #eee;

  }

  #account-content

    .account-left

    .account-settings

    .tab-content

    .tab-pane

    > ul

    > li

    > a {

    padding-left: 0.5rem;

    font-weight: 500;

  }

  #account-content

    .account-left

    .account-settings

    .account-setting-content

    .address-slider

    .address-pagination,

  #account-content

    .account-left

    .account-settings

    .order-info-wrapper

    .order-info-content

    .order-info-pagination,

  #account-content

    .account-left

    .account-settings

    .return-info-wrapper

    .return-info-content

    .return-info-pagination {

    padding-left: 0.7rem;

  }

  #account-content

    .account-left

    .account-settings

    .order-info-wrapper

    .order-info-header,

  #account-content

    .account-left

    .account-settings

    .return-info-wrapper

    .return-info-header {

    padding-left: 0.75rem;

  }

  .account-order-info .sogo-breadcrumb {

    padding-left: 0.3rem;

  }

  #account-content

    .account-left

    .account-settings

    .order-info-wrapper

    .order-info-content

    .order-product-card,

  #account-content

    .account-left

    .account-settings

    .return-info-wrapper

    .return-info-content

    .return-product-card {

    padding-right: 0.5rem;

  }

  #account-content .account-left .account-settings .form-header,

  #account-content

    .account-left

    .account-settings

    .order-info-wrapper

    .order-info-content

    .order-product-card

    .order-product-content-wrapper

    .order-product-description,

  #account-content

    .account-left

    .account-settings

    .return-info-wrapper

    .return-info-content

    .return-product-card

    .return-product-content-wrapper

    .return-product-description,

  #account-content .account-left .account-settings > form {

    padding: 0.5rem;

  }

  .account-order-info .order-info-buttons,

  .account-return-info .return-info-buttons {

    margin: 0 0.75rem 1rem;

  }

}

@media screen and (max-width: 767px) {

  #account-content,

  #account-content

    .account-left

    .account-settings

    .order-content

    .order-card-wrapper,

  #account-content

    .account-left

    .account-settings

    .return-content

    .return-card-wrapper {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }

  #account-content

    .account-left

    .account-settings

    .order-content

    .order-card-wrapper,

  #account-content

    .account-left

    .account-settings

    .return-content

    .return-card-wrapper {

    padding: 0;

  }

  #account-content .account-left,

  #account-content .account-right {

    width: 100%;

  }

  .account-container {

    padding: 0.5rem 1.5rem 1.5rem;

  }

  .account-container .sogo-breadcrumb {

    padding: 0 0 0.5rem !important;

  }

  #account-content .account-left .account-settings .setting-desktop {

    display: none;

  }

  #account-content .account-left .account-settings .setting-mobile {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    width: 100%;

  }

  #account-content .account-left .account-settings .form-header,

  #account-content .account-left .account-settings > form {

    padding: 0;

  }

  #account-content

    .account-left

    .account-settings

    .setting-mobile

    > div

    > div:first-child

    > button {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    border: 0;

    background-color: #6666;

    -webkit-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    font-weight: 500;

    border-bottom: 1px solid #eee;

    position: relative;

    padding: 1rem 3rem 1rem 1rem;

  }

  #account-content

    .account-left

    .account-settings

    .setting-mobile

    > div

    > div:first-child

    > button::after {

    content: "\f282";

    position: absolute;

    top: 50%;

    right: 1rem;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    display: inline-block;

    font-family: bootstrap-icons !important;

    font-style: normal;

    font-weight: 400 !important;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    vertical-align: -0.125em;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    -webkit-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

  }

  #account-content

    .account-left

    .account-settings

    .setting-mobile

    > div

    > div:first-child

    > button[aria-expanded="true"] {

    background-color: #333;

    font-weight: 600;

    color: #fff;

  }

  #account-content

    .account-left

    .account-settings

    .setting-mobile

    > div

    > div:first-child

    > button[aria-expanded="true"]::after {

    -webkit-transform: translateY(-50%) rotate(-90deg);

    -ms-transform: translateY(-50%) rotate(-90deg);

    transform: translateY(-50%) rotate(-90deg);

  }

  #account-content

    .account-left

    .account-settings

    .setting-mobile

    > div

    > div:first-child

    > button

    > i {

    margin-right: 0.75rem;

  }

  #account-content

    .account-left

    .account-settings

    .setting-mobile

    > div

    > div:last-child

    > div

    > ul {

    margin: 0 !important;

    padding: 0 !important;

  }

  #account-content

    .account-left

    .account-settings

    .setting-mobile

    > div

    > div:last-child

    > div

    > ul

    > li {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin: 0;

    padding: 0;

  }

  #account-content

    .account-left

    .account-settings

    .setting-mobile

    > div

    > div:last-child

    > div

    > ul

    > li

    > a {

    padding: 0.5rem 1rem;

  }

  #account-content

    .account-left

    .account-settings

    > form

    fieldset

    > :not(legend) {

    margin: 0.25rem 0 !important;

  }

  #account-content

    .account-left

    .account-settings

    > form

    fieldset

    > :not(legend):last-of-type {

    margin: 0 !important;

  }

  #account-content .account-left .account-settings > form fieldset legend {

    margin-bottom: 1rem;

  }

  #account-content

    .account-left

    .account-settings

    > form

    fieldset

    > .input-col-2 {

    width: 100% !important;

  }

  #account-content .account-left .account-settings .sogo-form-buttons {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    width: 100%;

    margin: 0;

  }

  #account-content .account-left .account-settings .sogo-form-buttons > a,

  #account-content .account-left .account-settings .sogo-form-buttons > input {

    width: 50%;

  }

  #account-content

    .account-left

    .account-settings

    .sogo-form-buttons

    > :first-child {

    margin-right: 0.25rem;

  }

  #account-content

    .account-left

    .account-settings

    .sogo-form-buttons

    > :last-child {

    margin-left: 0.25rem;

  }

  #account-content .account-left .account-settings .order-content .order-card-,

  #account-content

    .account-left

    .account-settings

    .return-content

    .return-card-wrapper {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

  #account-content

    .account-left

    .account-settings

    .order-content

    .order-card-wrapper

    .order-card,

  #account-content

    .account-left

    .account-settings

    .return-content

    .return-card-wrapper

    .return-card {

    width: 100%;

    margin: 0 !important;

  }

  #account-content

    .account-left

    .account-settings

    .order-content

    .order-card-wrapper

    .order-card:first-child,

  #account-content

    .account-left

    .account-settings

    .return-content

    .return-card-wrapper

    .return-card:first-child {

    margin-bottom: 1rem !important;

  }

  #account-content

    .account-left

    .account-settings

    .order-content

    .sogo-primary-button,

  #account-content

    .account-left

    .account-settings

    .return-content

    .sogo-primary-button {

    width: 100%;

    margin: 0;

  }

  #account-content

    .account-left

    .account-settings

    .account-setting-content

    .address-card,

  #account-content

    .account-left

    .account-settings

    .order-info-wrapper

    .order-info-content

    .order-details-card:last-child,

  #account-content

    .account-left

    .account-settings

    .order-info-wrapper

    .order-info-content

    .order-history-card:last-child,

  #account-content

    .account-left

    .account-settings

    .order-info-wrapper

    .order-info-content

    .order-history-wrapper,

  #account-content

    .account-left

    .account-settings

    .order-info-wrapper

    .order-info-content

    .order-invoice-card:last-child,

  #account-content

    .account-left

    .account-settings

    .order-info-wrapper

    .order-info-content

    .order-product-card-wrapper,

  #account-content

    .account-left

    .account-settings

    .order-info-wrapper

    .order-info-content

    .order-product-card:last-child,

  #account-content

    .account-left

    .account-settings

    .return-info-wrapper

    .return-info-content

    .return-details-card:last-child,

  #account-content

    .account-left

    .account-settings

    .return-info-wrapper

    .return-info-content

    .return-history-card:last-child,

  #account-content

    .account-left

    .account-settings

    .return-info-wrapper

    .return-info-content

    .return-history-wrapper,

  #account-content

    .account-left

    .account-settings

    .return-info-wrapper

    .return-info-content

    .return-invoice-card:last-child,

  #account-content

    .account-left

    .account-settings

    .return-info-wrapper

    .return-info-content

    .return-product-card-wrapper,

  #account-content

    .account-left

    .account-settings

    .return-info-wrapper

    .return-info-content

    .return-product-card:last-child {

    margin: 0;

  }

  #account-content

    .account-left

    .account-settings

    .account-setting-content

    .address-card {

    padding: 0;

    border: 0;

  }

  #account-content

    .account-left

    .account-settings

    .account-setting-content

    .address-card

    .address-card-content

    address {

    border: 0;

    border-bottom: 1px solid #ddd;

  }

  #account-content .account-left .account-settings {

    padding-bottom: 0.5rem;

  }

  .account-order-info .order-info-buttons,

  .account-order-info .return-info-buttons {

    margin: 0 0 1rem;

  }

  #account-content

    .account-left

    .account-settings

    .account-setting-content

    .address-slider

    .address-pagination,

  #account-content

    .account-left

    .account-settings

    .order-info-wrapper

    .order-info-content

    .order-info-pagination,

  #account-content

    .account-left

    .account-settings

    .order-info-wrapper

    .order-info-header,

  #account-content

    .account-left

    .account-settings

    .return-info-wrapper

    .return-info-content

    .return-info-pagination,

  #account-content

    .account-left

    .account-settings

    .return-info-wrapper

    .return-info-header {

    padding-left: 0;

  }

  #account-content

    .account-left

    .account-settings

    .order-info-wrapper

    .order-info-content

    .order-details-card,

  #account-content

    .account-left

    .account-settings

    .order-info-wrapper

    .order-info-content

    .order-history-card,

  #account-content

    .account-left

    .account-settings

    .order-info-wrapper

    .order-info-content

    .order-invoice-card,

  #account-content

    .account-left

    .account-settings

    .order-info-wrapper

    .order-info-content

    .order-product-card,

  #account-content

    .account-left

    .account-settings

    .return-info-wrapper

    .return-info-content

    .return-details-card,

  #account-content

    .account-left

    .account-settings

    .return-info-wrapper

    .return-info-content

    .return-history-card,

  #account-content

    .account-left

    .account-settings

    .return-info-wrapper

    .return-info-content

    .return-invoice-card,

  #account-content

    .account-left

    .account-settings

    .return-info-wrapper

    .return-info-content

    .return-product-card {

    margin: 0;

    margin-bottom: 1.5rem;

  }

  .account-return-info .return-info-buttons {

    margin: 0;

  }

}

@media screen and (max-width: 479px) {

  #account-content

    .account-left

    .account-settings

    .account-setting-content

    .address-card

    .address-card-footer,

  #account-content

    .account-left

    .account-settings

    .order-info-wrapper

    .order-info-content

    .order-product-card

    .order-product-content-wrapper,

  #account-content

    .account-left

    .account-settings

    .return-info-wrapper

    .return-info-content

    .return-product-card

    .return-product-content-wrapper {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }

  #account-content

    .account-left

    .account-settings

    .account-setting-content

    .address-card

    .address-card-footer

    > div {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

  }

  #account-content

    .account-left

    .account-settings

    .order-info-wrapper

    .order-info-content

    .order-product-card

    .order-product-content-wrapper

    .order-product-description,

  #account-content

    .account-left

    .account-settings

    .order-info-wrapper

    .order-info-content

    .order-product-card

    .order-product-content-wrapper

    .order-product-image,

  #account-content

    .account-left

    .account-settings

    .return-info-wrapper

    .return-info-content

    .return-product-card

    .return-product-content-wrapper

    .return-product-description {

    width: 100%;

    border: 0;

  }

  #account-content

    .account-left

    .account-settings

    .order-info-wrapper

    .order-info-content

    .order-product-card,

  #account-content

    .account-left

    .account-settings

    .return-info-wrapper

    .return-info-content

    .return-product-card {

    border: 1px solid #ccc;

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse;

    padding: 0;

    margin-bottom: 1.5rem;

  }

  #account-content

    .account-left

    .account-settings

    .order-info-wrapper

    .order-info-content

    .order-product-card:last-child,

  #account-content

    .account-left

    .account-settings

    .return-info-wrapper

    .return-info-content

    .return-product-card:last-child {

    margin-bottom: 0;

  }

  #account-content

    .account-left

    .account-settings

    .order-info-wrapper

    .order-info-content

    .order-product-card

    .order-product-buttons,

  #account-content

    .account-left

    .account-settings

    .return-info-wrapper

    .return-info-content

    .return-product-card

    .return-product-buttons {

    padding: 0.5rem;

  }

  #account-content

    .account-left

    .account-settings

    .order-info-wrapper

    .order-info-content

    .order-product-card

    .order-product-buttons

    > a,

  #account-content

    .account-left

    .account-settings

    .return-info-wrapper

    .return-info-content

    .return-product-card

    .return-product-buttons

    > a {

    width: calc(50% - 0.25rem);

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

  #account-content

    .account-left

    .account-settings

    .order-info-wrapper

    .order-info-content

    .order-product-card

    .order-product-buttons

    > a:first-child,

  #account-content

    .account-left

    .account-settings

    .return-info-wrapper

    .return-info-content

    .return-product-card

    .return-product-buttons

    > a:first-child {

    margin-right: 0.25rem;

  }

  #account-content

    .account-left

    .account-settings

    .order-info-wrapper

    .order-info-content

    .order-product-card

    .order-product-buttons

    > a:last-child,

  #account-content

    .account-left

    .account-settings

    .return-info-wrapper

    .return-info-content

    .return-product-card

    .return-product-buttons

    > a:last-child {

    margin-left: 0.25rem;

    margin-right: 0;

  }

}

.success-container .sogo-content .content-header {

  font-weight: 500;

  font-size: 1.6rem;

}

.success-container .sogo-content .content-message {

  margin: 1rem 0;

}

.success-container .sogo-content .content-message a,

.success-container .sogo-content .content-message > p > a {

  text-decoration: underline;

  font-weight: 600;

}

.success-container .sogo-content .content-buttons {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.product-card[data-in_stock="false"] .product-image-wrapper,

[data-in_stock="false"] {

  position: relative;

}

[data-in_stock="false"] .product-image {

  opacity: 0.5;

  -webkit-filter: grayscale(1);

  filter: grayscale(1);

}

[data-in_stock="false"]::after {

  content: attr(data-stock-text);

  position: absolute;

  color: #f40305;

  font-weight: 600;

  font-size: 0.9rem;

  text-align: center;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  width: 70%;

  z-index: 1;

}

[class^="stock-request"],

[class^="stock-request"] > i,

[data-in_stock="false"]::after {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

[class^="stock-request"] {

  background-color: #333;

  color: #fff;

  border: 0;

  padding: 0 1rem;

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: 35px;

}

[class^="stock-request"] > i {

  margin-right: 0.5rem;

}

@media screen and (max-width: 991px) {

  .sogo-container.success-container {

    padding: 1rem;

    padding-top: 0;

  }

  .sogo-container.success-container .sogo-breadcrumb {

    padding-left: 0 !important;

  }

}

@media screen and (max-width: 767px) {

  .content-wrapper .sogo-content .sogo-content-header {

    padding: 0.5rem 1rem;

  }

  .account-wishlist .sogo-content .empty-content,

  .success-container .sogo-content {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .account-wishlist .sogo-content .empty-content .empty-info,

  .empty-button {

    text-align: center;

  }

  .content-wrapper .sogo-content .empty-content,

  .success-container .sogo-content .content-buttons {

    width: 100%;

  }

  .empty-button {

    width: 100%;

  }

  .success-container .sogo-content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }

  .success-container .sogo-content .lottie {

    margin: auto !important;

    margin-bottom: 1rem !important;

  }

  .success-container .sogo-content .empty-info p {

    text-align: center;

    font-size: 1rem;

  }

  [class^="stock-request"] {

    padding: 0 0.5rem;

    font-size: 0.9rem;

  }

  [class^="stock-request"] > i {

    display: none;

  }

}

.content-wrapper .sogo-content .wishlist-layout {

  width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding: 1rem 2rem 2rem;

}

.account-wishlist .sogo-breadcrumb {

  padding: 1.5rem 2rem;

}

.account-wishlist .sogo-content .empty-content,

.cart-wrapper .summary-side .total-cart table,

.sogo-checkout-panel-group fieldset:hover legend::after {

  width: 100%;

}

.content-wrapper .sogo-content .wishlist-layout .sogo-pagination {

  width: 100%;

  padding: 1.5rem 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: end;

  -ms-flex-align: end;

  align-items: flex-end;

}

.content-wrapper .sogo-content .wishlist-layout .sogo-pagination > ul {

  margin: 1rem 0;

  border-radius: 0;

  border: 0;

}

.clear-wishlist,

.clear-wishlist a,

.clear-wishlist a > i,

.content-wrapper .sogo-content .wishlist-layout .sogo-pagination > ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.clear-wishlist {

  width: 100%;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  padding-bottom: 1rem;

}

.clear-wishlist a,

.clear-wishlist a > i {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

.clear-wishlist a {

  height: 40px;

  padding: 0.5rem 3.5rem 0.5rem 0.5rem;

  background-color: #f40305;

  color: #fff;

  position: relative;

  -webkit-transition: all 0.25s ease-in-out;

  -o-transition: all 0.25s ease-in-out;

  transition: all 0.25s ease-in-out;

}

.clear-wishlist a > i {

  font-size: 1rem;

  position: absolute;

  right: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 2.5rem;

  height: 100%;

  border-left: 2px solid #ff7e7e;

}

.cart-wrapper .cart-side .cart-header #clear-cart:hover,

.clear-wishlist a:hover {

  opacity: 0.7;

}

@media screen and (max-width: 767px) {

  .account-wishlist .sogo-content .empty-header {

    text-align: center;

  }

  .content-wrapper .sogo-content .wishlist-layout.product-grid {

    padding: 1rem;

  }

  .product-card .product-card-buttons .product-cart-btn {

    opacity: 1;

    visibility: visible;

    pointer-events: all;

  }

  .wishlist-layout.product-grid .product-card {

    width: calc(50% - 0.25rem);

    margin-left: 0.25rem;

    margin-right: 0.25rem;

    margin-bottom: 1rem;

  }

  .wishlist-layout.product-grid .product-card:nth-child(2n + 1) {

    margin-right: 0.25rem;

    margin-left: 0;

  }

  .wishlist-layout.product-grid .product-card:nth-child(2n) {

    margin-left: 0.25rem;

    margin-right: 0;

  }

  .clear-wishlist {

    padding: 0 1rem;

  }

  .clear-wishlist a {

    width: 100%;

    border-radius: 0;

    height: 40px;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-weight: 600;

  }

  .clear-wishlist a > i {

    width: 2rem;

  }

}

.cart-body,

.checkout-cart .sogo-breadcrumb {/* background-color: #f7f6f6; */}

.checkout-cart .success-container .sogo-breadcrumb {

  background-color: #fff;

  border: 0;

}

.cart-body {/* padding: 1rem 2rem; */width: 100%;}

.cart-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

}

.cart-wrapper .cart-side {

  width: calc(65% - 2rem);

  margin-right: 2rem;

  background-color: #fff;

  box-shadow: 0 2px 4px 0 rgb(0 0 0/8%);

  -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0/8%);

}

.cart-wrapper .cart-side > .alert {

  padding: 0.5rem 1rem !important;

}

.cart-wrapper .cart-side > .alert.alert-danger {

  color: #f40305 !important;

  background-color: #ebccd1 !important;

}

.cart-wrapper .cart-side > .alert.alert-success {

  color: #29bb89 !important;

  background-color: #dff0d8 !important;

}

.cart-wrapper .cart-side .alert {

  padding: 7px;

  border-radius: 0;

  font-size: 16px;

  position: relative;

  margin: 0;

}

.cart-wrapper .cart-side .alert.alert-danger a,

.cart-wrapper .cart-side .alert.alert-success a {

  color: #ece2e1;

}

#search .search-input-wrapper > button.search-clear:hover,

.cart-wrapper .cart-side .alert.alert-danger a:hover,

.cart-wrapper .cart-side .alert.alert-success a:hover {

  color: #333;

}

.cart-wrapper .cart-side .alert.alert-success {

  color: #fff;

  background-color: #29bb89;

  border-color: transparent;

  border-radius: 0;

}

.cart-wrapper .cart-side .alert.alert-danger {

  color: #f40305;

  border-color: transparent;

  border-radius: 0;

  background-color: transparent;

  font-size: 0.9rem;

  padding: 0.5rem;

}

.cart-container

  .cart-wrapper

  .cart-side

  .alert.alert-danger.stock-alert

  > i::after {

  content: "\f333";

  display: inline-block;

  font-family: bootstrap-icons !important;

  font-style: normal;

  font-weight: 400 !important;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  vertical-align: -0.125em;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  position: absolute;

  left: 25px;

  bottom: -20px;

  color: #f40305;

}

.cart-wrapper .cart-side .alert .close:focus,

.cart-wrapper .cart-side .alert .close:hover {

  opacity: 1;

}

.cart-wrapper .cart-side .alert button.close {

  opacity: 0.8;

  font-size: 1.3rem;

  color: #333;

  position: absolute;

  top: 50%;

  right: 0.7rem;

  -webkit-transition: opacity 0.25s ease-in-out;

  -o-transition: opacity 0.25s ease-in-out;

  transition: opacity 0.25s ease-in-out;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}

.cart-wrapper .cart-side .cart-header {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  padding: 1rem;

  border-bottom: 1px solid #ece2e1;

}

.cart-wrapper .cart-side .cart-header,

.cart-wrapper .cart-side .cart-header .header-buttons {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.cart-wrapper .cart-side .cart-header .header-buttons > a:first-child {

  margin-right: 0.5rem;

}

.cart-wrapper .cart-side .cart-header #clear-cart {

  padding: 0.5rem 3.5rem 0.5rem 1rem;

  background-color: #f00;

  color: #fff;

  border-radius: 0;

  position: relative;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-transition: all 0.25s ease-in-out;

  -o-transition: all 0.25s ease-in-out;

  transition: all 0.25s ease-in-out;

}

.cart-wrapper .cart-side .cart-header #clear-cart i {

  font-size: 1rem;

  position: absolute;

  right: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 2.5rem;

  height: 100%;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  padding-left: 0;

  border-left: 2px solid #fffbfb7d;

}

.cart-wrapper .cart-side .cart-header .cart-heading,

.cart-wrapper .summary-side .summary-header .summary-heading {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  font-weight: 500;

  font-size: 1.6rem;

}

.cart-wrapper .cart-side .cart-content {

  padding: 0.5rem;

}

.cart-wrapper .cart-side .cart-content .cart-row,

.cart-wrapper .cart-side .cart-header #clear-cart,

.cart-wrapper .cart-side .cart-header #clear-cart i {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.cart-wrapper .cart-side .cart-content .cart-row {

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  padding: 0.5rem;

  -webkit-transition: background-color 0.25s ease-in-out;

  -o-transition: background-color 0.25s ease-in-out;

  transition: background-color 0.25s ease-in-out;

  border-bottom: 1px solid #e5e5e5;

}

.cart-wrapper .cart-side .cart-content .cart-row:last-child {

  border-bottom: none;

}

.cart-wrapper .cart-side .cart-content .cart-row.stock-alert {

  -webkit-animation-duration: 1200ms;

  animation-duration: 1200ms;

  -webkit-animation-name: blink-color;

  animation-name: blink-color;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-direction: alternate;

  animation-direction: alternate;

  -webkit-animation: blink-color 1200ms infinite;

  animation: blink-color 1200ms infinite;

}

.cart-container

  .cart-wrapper

  .cart-side

  .cart-content

  .cart-row:not(.stock-alert):hover {

  background-color: #f7f6f6;

}

.cart-container

  .cart-wrapper

  .cart-side

  .cart-content

  .cart-row:not(:last-child) {

  border-bottom: 1px solid #ece2e1;

}

.cart-wrapper

  .cart-side

  .cart-content

  .cart-row

  > div.cart-product-content

  .cart-product-name {

  font-weight: 600;

  margin-top: 0.75rem;

}

.cart-wrapper

  .cart-side

  .cart-content

  .cart-row

  > div.cart-product-content

  .cart-product-model {

  font-size: 0.9rem;

  margin-bottom: 0.5rem;

}

.cart-wrapper

  .cart-side

  .cart-content

  .cart-row

  > div.cart-product-content

  .cart-product-price

  strong,

.cart-wrapper

  .cart-side

  .cart-content

  .cart-row

  > div.cart-product-info

  strong {

  font-weight: 500;

}

.cart-wrapper

  .cart-side

  .cart-content

  .cart-row

  > div.cart-product-content

  .cart-product-options

  > br:first-child {

  display: none;

}

.cart-wrapper .cart-side .cart-content .cart-row .row-btn-group {

  width: calc(100% - 0.25rem);

  margin: 0.25rem 0.25rem 0.5rem;

}

.cart-wrapper .cart-side .cart-content .cart-row .row-btn-group > button {

  background-color: #fff;

  height: 40px;

  border: 1px solid #999;

  width: calc(50% - 2px);

  padding: 0;

  -webkit-transition: all 0.25s ease-in-out;

  -o-transition: all 0.25s ease-in-out;

  transition: all 0.25s ease-in-out;

}

.cart-container

  .cart-wrapper

  .cart-side

  .cart-content

  .cart-row

  > div:nth-child(1) {

  width: 20%;

}

.cart-container

  .cart-wrapper

  .cart-side

  .cart-content

  .cart-row

  > div:nth-child(1)

  img {

  width: 100%;

}

.cart-container

  .cart-wrapper

  .cart-side

  .cart-content

  .cart-row

  > div:nth-child(2) {

  width: 50%;

  margin-left: 1.5rem;

}

.cart-container

  .cart-wrapper

  .cart-side

  .cart-content

  .cart-row

  > div:nth-child(3) {

  width: 30%;

  -webkit-box-align: end;

  -ms-flex-align: end;

  align-items: flex-end;

  padding-right: 0.5rem;

}

.cart-container

  .cart-wrapper

  .cart-side

  .cart-content

  .cart-row

  .cart-product-content

  .cart-product-name {

  font-weight: 600;

  font-size: 14px;

}

.cart-container

  .cart-wrapper

  .cart-side

  .cart-content

  .cart-row

  .cart-product-content

  .cart-product-model {

  font-size: 10px;

  margin-top: 3px;

}

.cart-container

  .cart-wrapper

  .cart-side

  .cart-content

  .cart-row

  .cart-product-content

  .cart-product-price {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  margin-top: 5px;

}

.cart-container

  .cart-wrapper

  .cart-side

  .cart-content

  .cart-row

  .cart-product-content

  .cart-product-price

  .price-old {

  font-size: 14px;

  color: #999;

  text-decoration: line-through;

}

.cart-container

  .cart-wrapper

  .cart-side

  .cart-content

  .cart-row

  .cart-product-content

  .cart-product-price

  .price-new {

  font-weight: 600;

}

.cart-container

  .cart-wrapper

  .cart-side

  .cart-content

  .cart-row

  .row-btn-group {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  margin: 1rem 0;

}

.cart-container

  .cart-wrapper

  .cart-side

  .cart-content

  .cart-row

  .row-btn-group

  > button {

  height: 35px;

}

.cart-container

  .cart-wrapper

  .cart-side

  .cart-content

  .cart-row

  .row-btn-group

  .cart-fav-btn {

  background: 0 0;

  border: 0;

  outline: 0;

  margin-right: 1rem;

  background-color: #ece2e1;

  border-radius: 2px;

}

.cart-container

  .cart-wrapper

  .cart-side

  .cart-content

  .cart-row

  .row-btn-group

  .cart-fav-btn

  > img,

.sogo-checkout-panel-group .panel .panel-heading .panel-title > a > i::before {

  -webkit-transition: -webkit-transform 0.25s ease-in-out;

  -o-transition: transform 0.25s ease-in-out;

  transition: transform 0.25s ease-in-out;

  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;

}

.cart-container

  .cart-wrapper

  .cart-side

  .cart-content

  .cart-row

  .row-btn-group

  .cart-product-remove {

  border: 0;

  outline: 0;

  width: auto;

  height: auto;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  background: 0 0;

  font-size: 14px;

  padding: 5px 4px 0 6px;

  -webkit-transition: background-color 0.25s ease-in-out,

    color 0.25s ease-in-out;

  -o-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;

  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;

  background-color: #ece2e1;

  border-radius: 2px;

}

.cart-container

  .cart-wrapper

  .cart-side

  .cart-content

  .cart-row

  .row-btn-group

  .cart-product-remove:hover {

  background-color: #f40305;

  color: #fff;

}

.cart-wrapper .summary-side {

  width: 35%;

  padding: 2rem 1.5rem;

  background-color: #fff;

  box-shadow: 0 2px 4px 0 rgb(0 0 0/8%);

  -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0/8%);

  position: sticky;

  top: 70px;

  -webkit-transition: top 0.25s ease-in-out;

  -o-transition: top 0.25s ease-in-out;

  transition: top 0.25s ease-in-out;

}

.cart-wrapper .summary-side .summary-table .detail-row,

.cart-wrapper .summary-side .total-cart .detail-row {

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}

.cart-wrapper .summary-side .total-cart tbody tr td {

  padding: 8px;

}

.cart-wrapper .summary-side .total-cart tbody tr > td:last-child {

  text-align: right;

}

.cart-container

  .cart-wrapper

  .summary-side

  .total-cart

  tbody

  tr

  td:nth-child(2n-1) {

  text-align: left;

}

.cart-container

  .cart-wrapper

  .summary-side

  .total-cart

  tbody

  tr

  td:nth-child(2n),

.cart-wrapper .summary-side .summary-table tr td:nth-child(2) {

  text-align: right;

}

.cart-wrapper .summary-side .product-count {

  font-size: 1.2rem;

  display: block;

  margin-top: 0.5rem;

}

.cart-wrapper .summary-side .summary-table {

  margin: 1.5rem 0;

}

.cart-wrapper .summary-side .summary-table tbody tr td {

  border-color: #ece2e1;

}

.cart-container

  .cart-wrapper

  .summary-side

  .summary-table

  tbody

  tr:last-child

  td {

  border-bottom: 1px solid #ece2e1;

}

.cart-wrapper .summary-side .summary-table tfoot td {

  border: 0;

}

.cart-wrapper .summary-side .summary-table tfoot:before {

  line-height: 3.5em;

  content: ".";

  color: #fff;

  display: block;

}

.offset-y {

  top: 110px;

}

.cart-container

  .cart-wrapper

  .summary-side

  .summary-footer

  .proceed-checkout-btn {

  border: 0;

  background-color: #29bb89;

  padding: 3px;

  margin-top: 1rem;

  width: 100%;

  font-weight: 500;

  text-transform: capitalize;

  color: #fff;

  font-size: 22px;

}

.confirm-modal {

  text-align: center;

}

.confirm-modal .modal-body {

  padding-right: 30px;

}

.cart-container

  .cart-wrapper

  .summary-side

  .summary-footer

  .proceed-checkout-btn,

.confirm-modal .confirm-buttons {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

.confirm-modal .confirm-buttons .modal-btn {

  padding: 1rem;

  background-color: #333;

  color: #fff;

  border-radius: 3px;

  margin-right: 1rem;

  width: 150px;

  height: 40px;

  font-weight: 700;

  text-align: center;

  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out,

    opacity 0.2s ease-in-out;

  -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out,

    opacity 0.2s ease-in-out;

  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out,

    opacity 0.2s ease-in-out;

}

.confirm-modal .confirm-buttons .modal-btn:nth-child(1):hover {

  background-color: #29bb89;

  color: #fff;

}

.confirm-modal .confirm-buttons .modal-btn:nth-child(2):hover {

  background-color: #f22613;

  color: #fff;

}

.confirm-modal .confirm-buttons .modal-btn:hover {

  opacity: 0.8;

}

.cart-wrapper

  .cart-side

  .cart-content

  .cart-row

  .cart-product-info

  .cart-product-quantity {

  position: relative;

}

.cart-wrapper

  .cart-side

  .cart-content

  .cart-row

  .cart-product-info

  .cart-product-quantity

  > input {

  padding-bottom: 1.5rem;

  font-weight: 600;

  font-size: 0.9rem;

  text-align: center;

  height: 45px;

}

.cart-wrapper

  .cart-side

  .cart-content

  .cart-row

  .cart-product-info

  .cart-product-quantity

  > span {

  position: absolute;

  right: 0.5rem;

  bottom: 0;

  line-height: normal;

  font-size: 0.9rem;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

  text-align: center;

}

.sogo-checkout-panel-group fieldset legend {

  position: relative;

  width: auto;

}

@media screen and (min-width: 992px) and (max-width: 1199px) {

  .seller-banner-wrapper .banner-left {

    width: 250px;

  }

  .seller-banner-wrapper .banner-right {

    width: calc(100% - (250px + 1rem));

  }

  .seller-banner-wrapper .banner-right #find-category {

    width: 70%;

  }

  .seller-banner-wrapper .banner-right .write-seller-review {

    width: 30%;

  }

  .header-center .center-container .quick-access > ul > li:not(:last-child) {

    margin-right: 1.3rem;

  }

}

@media screen and (max-width: 991px) {

  .cart-wrapper {

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

  .cart-wrapper .cart-side {

    width: 100%;

    margin-right: 0;

  }

  .cart-wrapper .summary-side {

    width: 100%;

    position: initial;

    border-bottom: 1px solid #ece2e1;

    box-shadow: 0 -1px 4px 0 rgb(0 0 0/8%);

    -webkit-box-shadow: 0 -1px 4px 0 rgb(0 0 0/8%);

    padding: 0;

  }

  .cart-wrapper .summary-side .summary-table {

    margin: 0;

  }

  .cart-wrapper .summary-side .summary-header {

    padding: 1rem;

  }

  .cart-wrapper .summary-side .summary-table tbody tr td {

    padding: 0.5rem 1rem;

  }

  .cart-wrapper .cart-side .cart-content {

    max-height: 750px;

    overflow: auto;

  }

  .cart-wrapper .summary-side .summary-footer {

    position: fixed;

    bottom: 0;

    left: 0;

    background: #eee;

    width: 100%;

    padding: 0.5rem 1rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    z-index: 99;

    border-top: 1px solid #d5d5d5;

  }

  .cart-wrapper .summary-side .total-cart {

    width: 50%;

  }

  .cart-container

    .cart-wrapper

    .summary-side

    .total-cart

    tbody

    tr

    td:nth-child(2n-1) {

    text-align: right;

  }

  .cart-container

    .cart-wrapper

    .summary-side

    .total-cart

    tbody

    tr

    td:nth-child(2n) {

    text-align: left;

  }

  .cart-container

    .cart-wrapper

    .summary-side

    .summary-footer

    .proceed-checkout-btn {

    width: 50%;

    margin-top: 0;

  }

  .cart-wrapper .summary-side .total-cart .h4 {

    font-size: 1.4rem;

  }

}

@media screen and (min-width: 786px) {

  .cart-wrapper

    .cart-side

    .cart-content

    .cart-row

    .row-btn-group

    > button:hover {

    background-color: #333;

    color: #fff;

    border: 1px solid #333;

  }

}

@media screen and (max-width: 767px) {

  .checkout-cart .success-container .sogo-breadcrumb {

    background-color: #f7f6f6;

    border: 0;

  }

  .cart-wrapper

    .cart-side

    .cart-content

    .cart-row

    .row-btn-group

    > button:active {

    background-color: #333;

    color: #fff;

    border: 1px solid #333;

  }

  .cart-wrapper .cart-side .cart-header .cart-heading,

  .cart-wrapper .summary-side .summary-header .summary-heading {

    font-size: 1.3rem;

  }

  .cart-body {

    padding: 1rem;

  }

  .cart-wrapper .cart-side .cart-content .cart-row .cart-product-info {

    width: 100%;

  }

  .cart-container

    .cart-wrapper

    .cart-side

    .cart-content

    .cart-row

    .row-btn-group

    .cart-product-remove

    .remove-text {

    display: none;

  }

  .cart-container

    .cart-wrapper

    .cart-side

    .cart-content

    .cart-row

    .row-btn-group

    > button {

    height: 40px !important;

    width: 40px !important;

    margin: 0;

  }

  .cart-wrapper .cart-side .cart-content .cart-row {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

  .cart-container

    .cart-wrapper

    .cart-side

    .cart-content

    .cart-row

    > div:nth-child(3) {

    width: 100%;

  }

  .cart-container

    .cart-wrapper

    .cart-side

    .cart-content

    .cart-row

    > div:not(:nth-child(1)) {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin: 0;

    padding: 0;

    margin-top: 1rem;

  }

  .cart-container

    .cart-wrapper

    .cart-side

    .cart-content

    .cart-row

    .cart-product-info {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-align: center !important;

    -ms-flex-align: center !important;

    align-items: center !important;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

  .cart-wrapper .cart-side .alert.alert-danger {

    margin-top: 0;

    padding-right: 2.5rem;

  }

  .cart-wrapper .cart-side .cart-header {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }

  .cart-wrapper .cart-side .cart-header .header-buttons {

    margin-top: 1rem;

    font-size: 0.9rem;

    text-align: center;

  }

  .cart-container

    .cart-wrapper

    .cart-side

    .cart-content

    .cart-row

    .cart-product-image {

    text-align: center;

  }

  .cart-wrapper .cart-side .cart-content .cart-row > div {

    width: 100% !important;

  }

  .cart-container

    .cart-wrapper

    .cart-side

    .cart-content

    .cart-row

    > div:nth-child(2) {

    margin-top: 1rem;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .cart-container

    .cart-wrapper

    .cart-side

    .cart-content

    .cart-row

    > div:nth-child(3) {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

  .cart-container

    .cart-wrapper

    .cart-side

    .cart-content

    .cart-row

    .cart-product-info

    .cart-product-total {

    -webkit-box-ordinal-group: 3;

    -ms-flex-order: 2;

    order: 2;

  }

  .cart-container

    .cart-wrapper

    .cart-side

    .cart-content

    .cart-row

    .cart-product-info

    .row-btn-group {

    -webkit-box-ordinal-group: 4;

    -ms-flex-order: 3;

    order: 3;

    width: 35%;

  }

  .cart-container

    .cart-wrapper

    .cart-side

    .cart-content

    .cart-row

    .cart-product-info

    .cart-product-total {

    width: 65%;

  }

  .cart-container

    .cart-wrapper

    .cart-side

    .cart-content

    .cart-row

    .cart-product-info

    .product-quantity {

    width: 100%;

  }

  .cart-container

    .cart-wrapper

    .cart-side

    .cart-content

    .cart-row

    .cart-product-content

    .cart-product-price

    .price-old {

    text-align: right;

  }

  .cart-container

    .cart-wrapper

    .cart-side

    .cart-content

    .cart-row:not(:last-child) {

    margin-bottom: 2rem;

  }

  .cart-wrapper .cart-side .cart-content .cart-row {

    border: 1px solid #e5e5e5 !important;

    padding: 1rem;

    text-align: center;

    margin-bottom: 1rem;

  }

  .checkout-cart .success-container .sogo-content .content-message {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;

  }

}

.sogo-container.information-container,

.sogo-container.information-container .sogo-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

}

.sogo-container.information-container .sogo-content .content-header {

  font-weight: 500;

  font-size: 1.6rem;

  margin-bottom: 1rem;

}

.checkout-payment-address #payment-existing,

.checkout-shipping-address #shipping-existing,

.sogo-container.information-container .sogo-content .content-message {

  margin-bottom: 1rem;

}

.contact-wrapper,

.contact-wrapper .contact-header,

.contact-wrapper .contact-info .contact-phone > span {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.contact-wrapper .contact-header {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  margin-bottom: 1rem;

}

.contact-wrapper .contact-header .contact-logo-wrapper {

  margin-bottom: 1rem;

  position: relative;

  background-color: #fff;

}

.contact-wrapper .contact-header .contact-logo-wrapper::after,

.contact-wrapper .contact-header .contact-logo-wrapper::before {

  content: "";

  position: absolute;

  width: 0%;

  background-color: #333;

  top: -0.1rem;

  bottom: -0.1rem;

  z-index: -1;

  -webkit-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

}

.contact-wrapper .contact-header .contact-logo-wrapper::before {

  left: -0.1rem;

}

.contact-wrapper .contact-header .contact-logo-wrapper::after {

  right: -0.1rem;

}

.contact-wrapper .contact-info:hover .contact-logo-wrapper::after,

.contact-wrapper .contact-info:hover .contact-logo-wrapper::before {

  width: calc(50% + 0.1rem);

}

.contact-wrapper .contact-header .contact-logo-wrapper > img {

  max-width: 200px;

  background-color: #fff;

  padding: 1rem;

  position: relative;

  -webkit-transition: all 0.25s ease-in-out;

  -o-transition: all 0.25s ease-in-out;

  transition: all 0.25s ease-in-out;

}

.contact-wrapper .contact-header > span {

  font-weight: 500;

  font-size: 1.6rem;

  width: 100%;

}

.contact-wrapper .contact-info {

  width: 50%;

  padding-right: 2rem;

}

.contact-wrapper .contact-info,

.contact-wrapper .contact-info > span {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.contact-wrapper .contact-info .contact-store > span.info-heading {

  font-weight: 600;

  font-size: 1.2rem;

  margin-bottom: 0.25rem;

}

.contact-wrapper .contact-info .contact-phone,

.contact-wrapper .contact-info .contact-phone > a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin: 0.5rem 0;

}

.contact-wrapper .contact-info .contact-phone > span {

  margin-left: 0.5rem;

}

.contact-wrapper .contact-info .contact-phone > span.info-heading {

  font-weight: 600;

  font-size: 1rem;

  margin: 0;

}

.contact-wrapper .contact-info .contact-phone > a {

  margin: 0 0.5rem;

}

.contact-wrapper .contact-info .contact-phone > a:hover {

  text-decoration: underline;

}

#search

  .search-result-wrapper

  .search-categories

  .search-category-results

  > ul

  > li

  > ul

  > li,

.contact-wrapper .contact-form {

  width: 50%;

}

.contact-wrapper .contact-gdpr {

  margin-top: 1rem;

  font-size: 0.9rem;

  padding: 0.5rem;

  background-color: #eee;

}

.contact-wrapper .contact-gdpr > a,

.empty-search > a,

.required-warning a {

  font-weight: 600;

  text-decoration: underline;

}

.contact-wrapper .contact-form .form-button {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  margin-right: 0.25rem;

}

.contact-wrapper .contact-form .form-button > button::before {

  content: "\f2e3";

  display: inline-block;

  font-family: bootstrap-icons !important;

  font-style: normal;

  font-weight: 400 !important;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  vertical-align: -0.125em;

  -webkit-font-smoothing: antialiased;

  -webkit-transform: scaleY(0.8);

  -ms-transform: scaleY(0.8);

  transform: scaleY(0.8);

  left: 1rem;

  position: absolute;

  font-size: 1.25rem;

  color: #aaa;

}

@media screen and (max-width: 991px) {

  .contact-wrapper .contact-info,

  .information-container .sogo-content {

    padding-left: 0.5rem;

  }

  .contact-wrapper .contact-info .contact-phone {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

  .contact-wrapper .contact-info .contact-phone > span.info-heading {

    width: 50%;

    margin-bottom: 0.5rem;

  }

  .contact-wrapper .contact-info .contact-phone > a {

    width: calc(50% - 1rem);

  }

}

@media screen and (max-width: 767px) {

  .information-container .sogo-content {

    padding: 0 1rem;

  }

  .contact-wrapper {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    padding: 1rem;

    padding-bottom: 0;

  }

  .contact-wrapper .contact-info {

    width: 100%;

    padding-right: 0;

  }

  .contact-wrapper .contact-form,

  .contact-wrapper .contact-form .form-button > button,

  .sogo-container.information-container .sogo-content .content-buttons {

    width: 100%;

  }

  .contact-wrapper .contact-form .form-button {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: initial;

    -ms-flex-pack: initial;

    justify-content: initial;

    margin: 0.25rem;

  }

  .contact-wrapper .contact-info .contact-logo-wrapper::after,

  .contact-wrapper .contact-info .contact-logo-wrapper::before {

    width: calc(50% + 0.1rem);

  }

  .contact-wrapper .contact-info:active .contact-logo-wrapper::after,

  .contact-wrapper .contact-info:active .contact-logo-wrapper::before,

  .contact-wrapper .contact-info:hover .contact-logo-wrapper::after,

  .contact-wrapper .contact-info:hover .contact-logo-wrapper::before {

    animation: wrap 1s normal forwards ease-in-out;

    -webkit-animation: wrap 1s normal forwards ease-in-out;

  }

  @keyframes wrap {

    0% {

      width: calc(0%);

    }

    to {

      width: calc(50% + 0.1rem);

    }

  }

  @-webkit-keyframes wrap {

    form {

      width: calc(0%);

    }

    to {

      width: calc(50% + 0.1rem);

    }

  }

}

.checkout-checkout .sogo-content {/* padding: 1.5rem 2rem; */}

.sogo-checkout-panel-group {

  width: 100%;

  margin-bottom: 0;

}

.sogo-checkout-panel-group .panel {

  border-radius: 0;

  border: 0;

  background-color: transparent;

  margin: 0.5rem 0 !important;

  -webkit-box-shadow: none;

  box-shadow: none;

}

.sogo-checkout-panel-group .panel .panel-heading {

  border-radius: 0;

  border: 1px solid #ddd;

  background-color: transparent;

  padding: 0;

  margin: 0;

}

.sogo-checkout-panel-group .panel .panel-heading .panel-title {

  margin: 0;

  padding: 0;

  font-size: initial;

}

.sogo-checkout-panel-group .panel .panel-heading .panel-title > a,

.sogo-checkout-panel-group .panel .panel-heading .panel-title > span {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  padding: 0.75rem;

  background-color: #e5e5e5;

}

.sogo-checkout-panel-group .panel .panel-heading .panel-title > a {

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.sogo-checkout-panel-group .panel .panel-heading .panel-title > a.collapsed {

  color: #333;

  background-color: #e5e5e5;

}

.sogo-checkout-panel-group

  .panel

  .panel-heading

  .panel-title

  > a.not-collapsed {

  color: #fff;

  background-color: #333;

}

.sogo-checkout-panel-group

  .panel

  .panel-heading

  .panel-title

  > a.collapsed

  > i::before {

  -webkit-transform: rotate(0);

  -ms-transform: rotate(0);

  transform: rotate(0);

}

.sogo-checkout-panel-group

  .panel

  .panel-heading

  .panel-title

  > a.not-collapsed

  > i::before {

  -webkit-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  transform: rotate(180deg);

}

.sogo-checkout-panel-group .panel .panel-collapse {

  background-color: #fff;

  border: 0;

}

.sogo-checkout-panel-group .panel .panel-collapse .panel-body {

  padding: 1rem;

  border: 1px solid #ddd;

  border-top: none;

}

.checkout-login,

.checkout-login-header > span {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.checkout-login .checkout-new-customer {

  width: 50%;

  padding-right: 2rem;

}

.checkout-login .checkout-new-customer,

.checkout-login

  .checkout-new-customer

  .new-customer-form

  .new-customer-radio-group,

.checkout-login .checkout-returning-customer,

.checkout-login-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.checkout-login .checkout-new-customer .new-customer-form > p {

  font-size: 0.9rem;

  margin-bottom: 1rem;

  padding: 0.5rem;

  background-color: #eee;

}

.checkout-login .checkout-returning-customer {

  width: 50%;

}

.checkout-login

  .checkout-returning-customer

  .returning-customer-form

  .returning-customer-form-buttons {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-top: 0.75rem;

}

.checkout-login

  .checkout-returning-customer

  .returning-customer-form

  .returning-customer-form-buttons

  > input {

  margin: 0.25rem 0.75rem 0.25rem 0.25rem;

}

.checkout-login

  .checkout-returning-customer

  .returning-customer-form

  .returning-customer-form-buttons

  > a {

  text-decoration: underline;

  font-weight: 600;

}

.checkout-login-header > span {

  font-size: 1.6rem;

  margin-bottom: 0.5rem;

}

.checkout-login-header > p {

  font-size: 1rem;

}

.checkout-guest legend,

.checkout-guest-shipping legend,

.checkout-payment-address #payment-existing .sogo-input-wrapper,

.checkout-payment-address legend,

.checkout-payment-method .sogo-input-wrapper,

.checkout-register legend,

.checkout-shipping-address #shipping-existing .sogo-input-wrapper,

.checkout-shipping-address legend,

.checkout-shipping-method .sogo-input-wrapper {

  margin: 0;

}

.checkout-shipping-method .shipping-method-title {

  margin: 0.5rem 0;

  font-weight: 600;

}

.checkout-payment-address .payment-address-radio,

.checkout-payment-method .payment-method-radio,

.checkout-shipping-address .shipping-address-radio,

.checkout-shipping-method .shipping-method-radio {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.checkout-payment-address .payment-address-radio .radio,

.checkout-payment-method .payment-method-radio .radio,

.checkout-shipping-address .shipping-address-radio .radio,

.checkout-shipping-method .shipping-method-radio .radio {

  margin: 0.5rem 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.checkout-payment-address .payment-address-radio .radio > span,

.checkout-payment-method .payment-method-radio .radio > span,

.checkout-shipping-address .shipping-address-radio .radio > span,

.checkout-shipping-method .shipping-method-radio .radio > span {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  white-space: nowrap;

  word-break: keep-all;

}

.checkout-payment-method .payment-method-radio .radio > span > img,

.checkout-shipping-method .shipping-method-radio .radio > span > img {

  width: auto !important;

  max-width: 75px !important;

  margin-right: 0.75rem;

}

.checkout-confirm .checkout-bank-transfer,

.checkout-confirm .checkout-product-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.checkout-confirm .checkout-product-wrapper .owl-nav,

.checkout-confirm .checkout-product-wrapper .owl-nav > button > i {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

.checkout-confirm .checkout-product-wrapper .owl-nav {

  width: 100%;

  margin-top: 1rem;

}

.checkout-confirm .checkout-product-wrapper .owl-nav > button {

  margin: 1rem;

}

.checkout-confirm .checkout-product-wrapper .owl-nav > button.disabled > i {

  color: #999;

}

.checkout-confirm .checkout-product-wrapper .owl-nav > button > i {

  font-size: 2rem;

  color: #333;

  -webkit-transition: 0.05s ease-in-out;

  -o-transition: 0.05s ease-in-out;

  transition: 0.05s ease-in-out;

}

.checkout-confirm

  .checkout-product-wrapper

  .owl-nav

  > button:not(.disabled):active

  > i {

  -webkit-transform: scale(1.2);

  -ms-transform: scale(1.2);

  transform: scale(1.2);

}

.checkout-confirm .checkout-product-wrapper .checkout-product-card {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  border: 1px solid #eee;

  padding: 0.5rem;

  border-radius: 0.25rem;

  width: calc(100% - 1px);

  background: #f5f5f5;

}

.checkout-confirm .checkout-product-wrapper .checkout-product-card .detail-row {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  font-size: 0.9rem;

}

.checkout-confirm

  .checkout-product-wrapper

  .checkout-product-card

  .detail-row

  > span:first-child {

  width: 30%;

}

.checkout-confirm

  .checkout-product-wrapper

  .checkout-product-card

  .detail-row

  > span:last-child {

  width: 70%;

}

.checkout-confirm .checkout-product-wrapper .checkout-product-footer {

  border-top: 1px solid #d5d5d5;

  border-bottom: 1px solid #d5d5d5;

  margin: 0.75rem 0;

  padding: 0.75rem 0;

}

#search .search-result-wrapper .search-categories .search-category-results > ul,

.blog-container .sogo-blog-right .latest-blogs .latest-blogs-wrapper ul,

.checkout-confirm .checkout-bank-transfer .payment-method-header,

.search-product-card > a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.checkout-confirm

  .checkout-bank-transfer

  .payment-method-header

  .payment-instruction {

  font-size: 1.1rem;

  font-weight: 600;

  margin-bottom: 0.5rem;

}

#search

  .search-result-wrapper

  .search-categories

  .search-category-results

  > ul

  > li,

.checkout-confirm

  .checkout-bank-transfer

  .payment-method-header

  .payment-description {

  margin-bottom: 0.5rem;

}

.checkout-confirm .checkout-bank-transfer .payment-method-content {

  padding: 1rem;

  background-color: #eee;

  font-size: 0.9rem;

}

.checkout-guest .checkout-guest-buttons {

  margin: 0;

}

.checkout-guest .checkout-shipping-checkbox {

  margin: 0;

  margin-top: 0.75rem;

}

.checkout-confirm .checkout-bank-transfer .payment-method-buttons,

.checkout-guest .checkout-guest-buttons,

.checkout-guest-shipping .guest-shipping-buttons,

.checkout-payment-address .payment-address-buttons,

.checkout-payment-method .payment-method-buttons,

.checkout-register .checkout-register-buttons,

.checkout-shipping-address .shipping-address-buttons,

.checkout-shipping-method .shipping-method-buttons {

  margin-top: 0.75rem;

}

.checkout-payment-address #payment-new,

.checkout-shipping-address #shipping-new {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.checkout-guest fieldset > .sogo-input-wrapper:nth-child(2n + 1),

.checkout-guest-shipping form > .sogo-input-wrapper:nth-child(2n + 1),

.checkout-payment-address #payment-new > .sogo-input-wrapper:nth-child(2n + 1),

.checkout-register fieldset > .sogo-input-wrapper:nth-child(2n + 1),

.checkout-shipping-address

  #shipping-new

  > .sogo-input-wrapper:nth-child(2n + 1) {

  margin-left: 0;

  width: calc(50% - 0.25rem);

}

.checkout-guest fieldset > .sogo-input-wrapper:nth-child(2n),

.checkout-guest-shipping form > .sogo-input-wrapper:nth-child(2n),

.checkout-payment-address #payment-new > .sogo-input-wrapper:nth-child(2n),

.checkout-register fieldset > .sogo-input-wrapper:nth-child(2n),

.checkout-shipping-address #shipping-new > .sogo-input-wrapper:nth-child(2n) {

  margin-right: 0;

  width: calc(50% - 0.25rem);

}

.checkout-register .register-address-side {

  margin-bottom: 1rem;

}

.required-warning {

  background-color: #eee;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  font-size: 0.9rem;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  padding: 0.5rem;

  margin-bottom: 0.75rem;

}

.required-warning .required-areas {

  margin-bottom: 0;

}

.sogo-input-wrapper .text-danger {

  color: #f40305;

  font-size: 0.9rem;

  margin-top: 0.25rem;

}

@media screen and (max-width: 767px) {

  .checkout-checkout .sogo-content {

    padding: 0.5rem 1rem;

  }

  .checkout-login {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

  .checkout-login .checkout-new-customer {

    width: 100%;

    padding-right: 0;

  }

  .checkout-login .checkout-returning-customer {

    width: 100%;

  }

  .checkout-login .checkout-new-customer .new-customer-form > input {

    width: 100%;

    margin-bottom: 1rem;

  }

  .checkout-guest fieldset > .sogo-input-wrapper:nth-child(2n),

  .checkout-guest fieldset > .sogo-input-wrapper:nth-child(2n + 1),

  .checkout-guest-shipping form > .sogo-input-wrapper:nth-child(2n),

  .checkout-guest-shipping form > .sogo-input-wrapper:nth-child(2n + 1),

  .checkout-payment-address #payment-new > .sogo-input-wrapper:nth-child(2n),

  .checkout-payment-address

    #payment-new

    > .sogo-input-wrapper:nth-child(2n + 1),

  .checkout-register fieldset > .sogo-input-wrapper:nth-child(2n),

  .checkout-register fieldset > .sogo-input-wrapper:nth-child(2n + 1),

  .checkout-shipping-address #shipping-new > .sogo-input-wrapper:nth-child(2n),

  .checkout-shipping-address

    #shipping-new

    > .sogo-input-wrapper:nth-child(2n + 1) {

    margin: 0.25rem 0;

    width: 100%;

  }

  .checkout-confirm .checkout-bank-transfer .payment-method-buttons,

  .checkout-guest .checkout-guest-buttons,

  .checkout-guest-shipping .guest-shipping-buttons,

  .checkout-payment-address .payment-address-buttons,

  .checkout-payment-method .payment-method-buttons,

  .checkout-register .checkout-register-buttons,

  .checkout-shipping-address .shipping-address-buttons,

  .checkout-shipping-method .shipping-method-buttons {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

  }

  .checkout-confirm

    .checkout-bank-transfer

    .payment-method-buttons

    > .sogo-primary-button,

  .checkout-guest .checkout-guest-buttons > .sogo-primary-button,

  .checkout-guest-shipping .guest-shipping-buttons > .sogo-primary-button,

  .checkout-payment-address .payment-address-buttons > .sogo-primary-button,

  .checkout-payment-method .payment-method-buttons > .sogo-primary-button,

  .checkout-register .checkout-register-buttons > .sogo-primary-button,

  .checkout-shipping-address .shipping-address-buttons > .sogo-primary-button,

  .checkout-shipping-method .shipping-method-buttons > .sogo-primary-button {

    width: 100%;

  }

  .checkout-checkout fieldset legend {

    margin: 0;

  }

}

/* #search,

.search-overlay {

  position: fixed;

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

} */

/* #search {

  z-index: 989;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  background: #fff;

  border-bottom: 1px solid #ddd;

  -webkit-transform: translateY(30px);

  -ms-transform: translateY(30px);

  transform: translateY(30px);

  -webkit-transition: top 0.3s ease-in-out, opacity 0.2s ease-in-out,

    visibility 0.2s ease-in-out, -webkit-transform 0.3s ease-in-out;

  -o-transition: top 0.3s ease-in-out, transform 0.3s ease-in-out,

    opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;

  transition: top 0.3s ease-in-out, transform 0.3s ease-in-out,

    opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;

  transition: top 0.3s ease-in-out, transform 0.3s ease-in-out,

    opacity 0.2s ease-in-out, visibility 0.2s ease-in-out,

    -webkit-transform 0.3s ease-in-out;

} */

/* #search.active {

  opacity: 1;

  visibility: visible;

  pointer-events: all;

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

} */

/* .search-overlay {

  inset: 0;

  background-color: #000;

  z-index: 988;

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.search-overlay.active {

  opacity: 0.8;

  visibility: visible;

  pointer-events: all;

} */

/* .sogo-header.header-minimized + #search {

  top: 45px;

}

#search,

.sogo-header.hovered + #search,

.sogo-header.hovered.header-minimized + #search {

  top: 105px;

  left: 0;

}

#search,

#search .search-input-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

} */

#search .search-input-wrapper {

  padding: 1rem 2rem;

}

#search .search-input-wrapper > input {

  border: 0;

  padding: 1rem;

  width: calc(100% - 45px);

}

#search .search-input-wrapper > button.search-remove,

#search .search-input-wrapper > button.search-search {

  border: 0;

  padding: 1rem;

  background: 0 0;

  font-size: 20px;

  width: 75px;

  height: 50px;

  position: relative;

  align-items: center;

}

#search .search-input-wrapper > button.search-remove > i,

#search .search-input-wrapper > button.search-search > i {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

#search .search-input-wrapper > button.search-clear {

  display: none;

  border: 0;

  align-items: center;

  background: 0 0;

  height: auto;

  font-size: 15px;

  font-weight: 600;

  color: #999;

  /* padding: 0.5rem 1rem 1rem; */

  -webkit-transition: color 0.25s ease-in-out;

  -o-transition: color 0.25s ease-in-out;

  transition: color 0.25s ease-in-out;

}

#search .search-input-wrapper .search-search {

  display: none;

  font-size: 1.5rem;

}

/* #search .search-input-wrapper .search-remove,

#search .search-input-wrapper .search-search {

  opacity: 0.6;

  -webkit-transition: opacity 0.3s ease-in-out;

  -o-transition: opacity 0.3s ease-in-out;

  transition: opacity 0.3s ease-in-out;

} */

#search .search-input-wrapper > button:hover {

  opacity: 1;

}

.search-heading {

  font-weight: 500;

  font-size: 1.6rem;

}

.empty-search {

  margin-top: 1rem;

}

.product-search .content-wrapper .sogo-content .product-layout {

  width: 100%;

  padding-top: 0;

}

.search-title {

  padding: 1rem 2rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.search-title > span:nth-child(1) {

  font-weight: 500;

  font-size: 1.6rem;

  margin-bottom: 0.5rem;

}

.search-title > span:nth-child(2) {

  font-size: 1.2rem;

  color: #666;

}

#search .search-result-wrapper {

  display: none;

  width: 100%;

  padding: 1rem 2rem;

  max-height: 400px;

  background-color: #f7f6f6;

  border-top: 1px solid #ddd;

}

#search .search-result-wrapper.visible,

#search .search-result-wrapper.visible .os-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

#search .search-result-wrapper .search-categories {

  width: 20%;

  padding-right: 2rem;

  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;

  -o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;

  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;

}

#search .search-result-wrapper .search-categories.empty-category {

  opacity: 0;

  padding: 0;

  visibility: hidden;

  width: 0%;

  height: 0;

}

#search .search-result-wrapper .search-categories .search-categories-header,

#search .search-result-wrapper .search-products .search-products-header {

  margin-bottom: 1rem;

  font-size: 1.3rem;

  font-weight: 600;

  display: inline-block;

  border-bottom: 2px solid #ddd;

}

#search .search-result-wrapper .search-products .search-products-header,

#search

  .search-result-wrapper

  .search-products.empty-category

  .search-products-header {

  margin-left: 1rem !important;

}

#search

  .search-result-wrapper

  .search-categories

  .search-category-results

  > ul

  > li

  > ul

  > li:not(:last-child) {

  margin-right: 1rem;

  position: relative;

  font-weight: 500;

}

#search

  .search-result-wrapper

  .search-categories

  .search-category-results

  > ul

  > li

  > ul

  > li::before {

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-47%) scale(0.7);

  -ms-transform: translateY(-47%) scale(0.7);

  transform: translateY(-47%) scale(0.7);

  right: -1.3rem;

  content: url(./iconoir/icons/nav-arrow-right.svg);

}

#search

  .search-result-wrapper

  .search-categories

  .search-category-results

  > ul

  > li

  > ul

  > li:last-child::before {

  content: "";

}

#search

  .search-result-wrapper

  .search-categories

  .search-category-results

  > ul

  > li

  > ul

  > li:last-child

  > a {

  color: #777;

  text-decoration: underline;

  padding-left: 0.5rem;

}

#search .search-result-wrapper .search-products {

  width: 80%;

  position: relative;

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

#search .search-result-wrapper .search-products.empty-category,

.search-product-card .search-product-image > img {

  width: 100%;

}

#search

  .search-result-wrapper

  .search-products.empty-category

  .search-products-header,

#search

  .search-result-wrapper

  .search-products.empty-product

  .search-products-header {

  margin-left: 0;

}

#search

  .search-result-wrapper

  .search-products

  .search-product-results

  .empty-search-result

  .empty-icons,

#search .search-result-wrapper .search-products .search-view-all {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

#search .search-result-wrapper .search-products .search-view-all {

  font-weight: 500;

  font-size: 0.9rem;

  border: 0;

  background: 0 0;

  text-decoration: underline;

  margin-left: 0.6rem;

  margin-bottom: 1rem;

}

#search

  .search-result-wrapper

  .search-products

  .search-product-results

  .empty-search-result {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 0.5rem 0.25rem;

}

#search

  .search-result-wrapper

  .search-products

  .search-product-results

  .empty-search-result

  .empty-icons {

  width: 50px;

  height: 50px;

  position: relative;

}

#search

  .search-result-wrapper

  .search-products

  .search-product-results

  .empty-search-result

  .empty-icons

  > i:nth-child(1) {

  left: 50%;

  top: 55%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  font-size: 1.6rem;

}

#search

  .search-result-wrapper

  .search-products

  .search-product-results

  .empty-search-result

  .empty-icons

  > i:nth-child(2) {

  left: 20%;

  top: 15%;

  font-size: 1.6rem;

}

#search

  .search-result-wrapper

  .search-products

  .search-product-results

  .empty-search-result

  .empty-icons

  > i {

  position: absolute;

}

#search

  .search-result-wrapper

  .search-products

  .search-product-results

  .empty-search-result

  #search-no-item {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  font-weight: 500;

}

#search

  .search-result-wrapper

  .search-products

  .search-product-results

  .search-product-card-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding: 0.5rem;

  padding-top: 0;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

#search

  .search-result-wrapper

  .search-products

  .search-product-results

  .search-product-card-wrapper

  > .search-product-card {

  margin: 0 0.5rem 0.75rem;

}

.search-product-card {

  background-color: #fff;

  box-shadow: 0 2px 4px 0 rgb(0 0 0/15%);

  -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0/15%);

  width: calc(160px - 1rem);

}

.search-product-card .search-product-description {

  padding: 0.25rem 0.5rem;

}

.search-product-card .search-product-description .search-product-name {

  margin-bottom: 0.25rem;

}

.search-product-card .search-product-description .search-product-name > span {

  font-size: 0.8rem;

  font-weight: 500;

}

.search-product-card .search-product-description .search-product-price {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  font-family: "Montserrat-Medium", sans-serif;

}

.search-product-card

  .search-product-description

  .search-product-price

  .price-old {

  margin-right: 0.5rem;

  text-decoration: line-through;

  color: #999;

  font-size: 0.8rem;

}

.search-product-card

  .search-product-description

  .search-product-price

  .price-new {

  font-size: 0.8rem;

}

.matched {

  background: 0 0;

  font-weight: 700;

  padding: 0;

}

@media screen and (min-width: 768px) and (max-width: 1199px) {

  #search .search-result-wrapper .search-categories .search-categories-header,

  #search .search-result-wrapper .search-products .search-products-header {

    font-size: 1.1rem;

  }

}

@media screen and (max-width: 991px) {

  .search-title {

    padding: 1rem;

  }

  .search-title > span:nth-child(1) {

    font-weight: 500;

    font-size: 1.3rem;

  }

  .search-title > span:nth-child(2) {

    font-size: 1.1rem;

    color: #666;

  }

  #search,

  .sogo-header.hovered + #search,

  .sogo-header.hovered.header-minimized + #search {

    top: 45px;

  }

  #search .search-input-wrapper > input {

    padding: 0.5rem;

  }

  #search .search-input-wrapper {

    padding: 0 1rem;

  }

  #search .search-result-wrapper {

    padding: 1rem;

  }

  #search .search-result-wrapper .search-categories {

    width: 25%;

    padding-right: 1rem;

  }

  #search .search-result-wrapper .search-products {

    width: 75%;

  }

  .search-product-card {

    width: calc(25% - 1rem);

  }

}

@media screen and (min-width: 768px) {

  #mobile-search {

    display: none;

  }

}

@media screen and (max-width: 767px) {

  /* #search,

  .search-overlay {

    display: none;

  } */

  #mobile-search {

    position: fixed;

    inset: 0;

    background-color: #f7f6f6;

    z-index: 999;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;

    -o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;

    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;

  }

  #mobile-search.active {

    opacity: 1;

    visibility: visible;

    pointer-events: all;

  }

  #mobile-search .mobile-search-upper {

    height: 80px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    padding: 1rem;

    position: relative;

    box-shadow: 0 2px 4px 0 rgb(0 0 0/8%);

    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0/8%);

  }

  #mobile-search .mobile-search-upper > button {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    background-color: transparent;

    border: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    height: calc(100% - 2rem);

    width: 50px;

  }

  #mobile-search .mobile-search-upper > button.mobile-search-btn > i,

  #mobile-search .mobile-search-upper > button.mobile-search-clear > i,

  #mobile-search .mobile-search-upper > button.mobile-search-close > i {

    font-size: 1.9rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

  #mobile-search .mobile-search-upper > button.mobile-search-btn > i,

  #mobile-search .mobile-search-upper > button.mobile-search-clear > i {

    font-size: 1.2rem;

  }

  #mobile-search .mobile-search-upper > button.mobile-search-clear > i {

    font-size: 1.3rem;

  }

  #mobile-search .mobile-search-upper > button.mobile-search-close {

    position: absolute;

    left: 1rem;

  }

  #mobile-search .mobile-search-upper > button.mobile-search-btn {

    position: absolute;

    right: 1rem;

  }

  #mobile-search .mobile-search-upper > button.mobile-search-clear {

    position: absolute;

    right: calc(1rem + 50px);

    display: none;

  }

  #mobile-search .mobile-search-upper > #mobile-quick-search {

    width: 100%;

    padding: 0 100px 0 50px;

    line-height: normal;

    font-weight: 500;

    border: 1px solid #ccc;

  }

  #mobile-search .mobile-search-result-wrapper {

    max-height: calc(100vh - 80px);

    overflow: auto;

    padding: 1rem;

  }

  #mobile-search .mobile-search-button-gap {

    display: none;

  }

  #mobile-search.with-button .mobile-search-button-gap {

    display: block;

    height: 60px;

  }

  #mobile-search .mobile-search-result-wrapper .pop-categories {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    text-align: center;

  }

  #mobile-search

    .mobile-search-result-wrapper

    .pop-categories

    .pop-cat-header

    .search-anim {

    max-width: 200px;

  }

  #mobile-search .mobile-search-result-wrapper .pop-categories .pop-cat-header {

    margin-bottom: 2rem;

  }

  #mobile-search

    .mobile-search-result-wrapper

    .pop-categories

    .pop-cat-header

    > span {

    font-weight: 600;

    text-transform: uppercase;

    position: relative;

  }

  #mobile-search

    .mobile-search-result-wrapper

    .pop-categories

    .pop-cat-header

    > span::before {

    content: "";

    position: absolute;

    bottom: -0.2rem;

    width: 50%;

    height: 2px;

    background-color: #333;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

  }

  #mobile-search

    .mobile-search-result-wrapper

    .mobile-search-category-results

    > ul,

  #mobile-search .mobile-search-result-wrapper .pop-categories,

  #mobile-search

    .mobile-search-result-wrapper

    .pop-categories

    .pop-cat-body

    > ul,

  .mobile-search-product-card-wrapper {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }

  #mobile-search

    .mobile-search-result-wrapper

    .pop-categories

    .pop-cat-body

    > ul

    > li:not(:last-child) {

    margin-bottom: 0.3rem;

  }

  #mobile-search

    .mobile-search-result-wrapper

    .pop-categories

    .pop-cat-body

    > ul

    > li

    > a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-size: 1.1rem;

  }

  #mobile-search .mobile-search-result-wrapper .mobile-search-category-results {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    margin-bottom: 1.5rem;

  }

  #mobile-search

    .mobile-search-result-wrapper

    .mobile-search-category-results.empty-category,

  #mobile-search

    .mobile-search-result-wrapper

    .mobile-search-category-results.empty-product {

    margin-bottom: 0;

  }

  #mobile-search

    .mobile-search-result-wrapper

    .mobile-search-category-results

    .mobile-search-category-header,

  #mobile-search

    .mobile-search-result-wrapper

    .mobile-search-product-results

    .mobile-search-product-header {

    margin-bottom: 1.25rem;

  }

  #mobile-search

    .mobile-search-result-wrapper

    .mobile-search-category-results

    .mobile-search-category-header

    > span,

  #mobile-search

    .mobile-search-result-wrapper

    .mobile-search-product-results

    .mobile-search-product-header

    > span {

    font-size: 1.2rem;

    font-weight: 600;

    position: relative;

  }

  #mobile-search

    .mobile-search-result-wrapper

    .mobile-search-category-results

    .mobile-search-category-header

    > span::before,

  #mobile-search

    .mobile-search-result-wrapper

    .mobile-search-product-results

    .mobile-search-product-header

    > span::before {

    position: absolute;

    content: "";

    width: 100%;

    height: 2px;

    bottom: -0.2rem;

    background-color: #ddd;

  }

  #mobile-search

    .mobile-search-result-wrapper

    .mobile-search-category-results

    > ul

    > li {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 0.5rem;

  }

  #mobile-search

    .mobile-search-result-wrapper

    .mobile-search-category-results

    > ul

    > li

    > ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

  #mobile-search

    .mobile-search-result-wrapper

    .mobile-search-category-results

    > ul

    > li

    > ul

    > li {

    margin-right: 1.5rem;

    position: relative;

  }

  #mobile-search

    .mobile-search-result-wrapper

    .mobile-search-category-results

    > ul

    > li

    > ul

    > li:last-child

    > a {

    font-weight: 400;

    color: #999;

    text-decoration: underline;

  }

  #mobile-search

    .mobile-search-result-wrapper

    .mobile-search-category-results

    > ul

    > li

    > ul

    > li:not(:last-child)::before {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-47%) scale(0.7);

    -ms-transform: translateY(-47%) scale(0.7);

    transform: translateY(-47%) scale(0.7);

    right: -1.3rem;

    content: url(./iconoir/icons/nav-arrow-right.svg);

  }

  #mobile-search

    .mobile-search-result-wrapper

    .mobile-search-category-results

    > ul

    > li

    > ul

    > li

    > a {

    font-weight: 500;

  }

  #mobile-search

    .mobile-search-result-wrapper

    .mobile-search-product-results

    .empty-search-result {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding: 2rem;

  }

  #mobile-search

    .mobile-search-result-wrapper

    .mobile-search-product-results

    .empty-search-result

    .empty-icons {

    position: relative;

    width: 45px;

    height: 45px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

  #mobile-search

    .mobile-search-result-wrapper

    .mobile-search-product-results

    .empty-search-result

    .empty-icons

    > i:first-child {

    font-size: 2rem;

    position: absolute;

    left: 0;

    top: 0;

    width: 45px;

    height: 45px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

  #mobile-search

    .mobile-search-result-wrapper

    .mobile-search-product-results

    .empty-search-result

    .empty-icons

    > i:last-child {

    font-size: 1.8rem;

    left: -8%;

    top: -3.5%;

    position: absolute;

    width: 45px;

    height: 45px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

  #mobile-search

    .mobile-search-result-wrapper

    .mobile-search-product-results

    .empty-search-result

    #search-no-item {

    padding-left: 0.75rem;

  }

  .mobile-search-product-card-wrapper .mobile-search-product-card {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    padding: 0.5rem;

    margin-bottom: 0.5rem;

    background-color: #fff;

    box-shadow: 0 2px 8px 0 rgb(0 0 0/15%);

    -webkit-box-shadow: 0 2px 8px 0 rgb(0 0 0/15%);

  }

  .mobile-search-product-card-wrapper .mobile-search-product-card.last-card {

    margin-bottom: 60px;

  }

  .mobile-search-product-card-wrapper .mobile-search-product-card > a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

  }

  .mobile-search-product-card-wrapper

    .mobile-search-product-card

    > a

    .search-product-image {

    width: 50px;

    height: 75px;

  }

  .mobile-search-product-card-wrapper

    .mobile-search-product-card

    > a

    .search-product-image

    > img {

    width: 50px;

  }

  .mobile-search-product-card-wrapper

    .mobile-search-product-card

    > a

    .search-product-description {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: calc(100% - 50px);

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

  }

  #mobile-search .mobile-search-bottom > button,

  .mobile-search-product-card-wrapper

    .mobile-search-product-card

    > a

    .search-product-description

    .search-product-name {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding: 0 0.5rem;

    width: 60%;

  }

  .mobile-search-product-card-wrapper

    .mobile-search-product-card

    > a

    .search-product-description

    .search-product-price {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    font-family: "Montserrat-Medium", sans-serif;

    width: 40%;

    padding-right: 0.5rem;

  }

  .mobile-search-product-card-wrapper

    .mobile-search-product-card

    > a

    .search-product-description

    .search-product-name

    > span {

    font-size: 0.9rem;

  }

  .mobile-search-product-card-wrapper

    .mobile-search-product-card

    > a

    .search-product-description

    .search-product-price

    > span.price-old {

    text-decoration: line-through;

    font-weight: 500;

    font-size: 0.8rem;

    color: #888;

    -webkit-transform: scaleY(0.9);

    -ms-transform: scaleY(0.9);

    transform: scaleY(0.9);

  }

  .mobile-search-product-card-wrapper

    .mobile-search-product-card

    > a

    .search-product-description

    .search-product-price

    > span.price-new {

    -webkit-transform: scaleY(0.9);

    -ms-transform: scaleY(0.9);

    transform: scaleY(0.9);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    font-size: 0.9rem;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

  }

  #mobile-search .mobile-search-bottom {

    display: none;

    position: fixed;

    bottom: 0;

    left: 0;

    right: 0;

    padding: 0.5rem;

    width: 100%;

    box-shadow: 0 6px 9px 3px rgb(0 0 0/50%);

    -webkit-box-shadow: 0 6px 9px 3px rgb(0 0 0/50%);

    background-color: #fff;

  }

  #mobile-search .mobile-search-bottom > button {

    font-weight: 500;

    border: 1px solid #ccc;

    background-color: #eee;

    width: 100%;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding: 0.6rem;

  }

}

.fancybox__thumb {

  border-radius: 0;

  padding-top: 90px;

  background-size: contain;

}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {

  border-radius: 0;

  border: 2px solid #000;

}

.fancybox__thumbs .carousel__slide {

  width: 60px;

  padding: 0 5px 25px;

}

.blog-flash-swiper {

  max-width: 100%;

}

.blog-flash-swiper .swiper-wrapper {

  -webkit-box-align: stretch;

  -ms-flex-align: stretch;

  align-items: stretch;

}

.blog-container .flash-blog,

.blog-container .sogo-content,

.main-blog {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

}

.blog-container .sogo-content {

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.blog-container .flash-blog {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  margin-bottom: 1.5rem;

  padding: 1rem;

  background: #fff;

  box-shadow: 0 2px 8px 0 rgb(0 0 0/15%);

  -webkit-box-shadow: 0 2px 8px 0 rgb(0 0 0/15%);

}

.blog-container .flash-blog .flash-blog-header {

  margin-bottom: 1rem;

}

.blog-container .flash-blog .flash-blog-header > span,

.blog-container .sogo-blog-left .blog-card-header span,

.single-blog-header span {

  font-weight: 500;

  font-size: 1.6rem;

}

.blog-container .flash-blog .blog-slide-item,

.blog-container .flash-blog .blog-slide-item > a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

.blog-container .flash-blog .blog-slide-item {

  -webkit-box-align: stretch;

  -ms-flex-align: stretch;

  align-items: stretch;

  padding: 0.5rem 1rem;

  background-color: #333;

  height: 100%;

}

.text-slide .owl-item {

  margin: 0 -1px;

}

.blog-container .flash-blog .blog-slide-item > a {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  font-size: 0.9rem;

  color: #fff;

  padding: 0 1rem;

  word-break: break-word;

  width: 100%;

  text-align: center;

}

.blog-container .sogo-blog-left {

  width: calc(70% - 2rem);

  padding: 1rem;

  margin-right: 2rem;

  background: #fff;

  box-shadow: 0 2px 8px 0 rgb(0 0 0/15%);

  -webkit-box-shadow: 0 2px 8px 0 rgb(0 0 0/15%);

}

.blog-container .sogo-blog-left .blog-card-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

  margin-bottom: 1rem;

}

.blog-container .sogo-blog-left,

.blog-container .sogo-blog-left .blog-card-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.blog-container .sogo-blog-left .blog-card-wrapper {

  width: 100%;

}

.blog-container .sogo-blog-left .blog-card-wrapper .blog-card-group-1 {

  -webkit-box-align: stretch;

  -ms-flex-align: stretch;

  align-items: stretch;

}

.blog-container

  .sogo-blog-left

  .blog-card-wrapper

  .blog-card-group-1

  .blog-card-group-1-left {

  width: 60%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.blog-container

  .sogo-blog-left

  .blog-card-wrapper

  .blog-card-group-1

  .blog-card-group-1-right {

  width: 40%;

}

.blog-container .sogo-blog-left .blog-card-wrapper .blog-card-group-1,

.blog-container .sogo-blog-left .blog-card-wrapper .blog-card-group-2 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

  margin-bottom: 0.8rem;

}

.blog-container .sogo-blog-left .blog-card-wrapper .blog-card-group-3,

.blog-container .sogo-blog-left [class^="blog-card\["] > a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

}

.blog-container .sogo-blog-left .blog-card-wrapper [class^="blog-card\["] {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.blog-container .sogo-blog-left .blog-card-wrapper .blog-card\[0\] {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding-right: 0.8rem;

  width: 60%;

  overflow: hidden;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}

.blog-container .sogo-blog-left .blog-card-wrapper .blog-card\[1\] {

  padding-bottom: 0.4rem;

}

.blog-container .sogo-blog-left .blog-card-wrapper .blog-card\[2\] {

  padding-top: 0.4rem;

}

.blog-container .sogo-blog-left .blog-card-wrapper .blog-card\[3\],

.blog-container .sogo-blog-left .blog-card-wrapper .blog-card\[3\] img {

  width: 100%;

}

.blog-container .sogo-blog-left .blog-card-wrapper .blog-card\[4\] {

  width: 50%;

  padding-right: 0.4rem;

}

.blog-container .sogo-blog-left .blog-card-wrapper .blog-card\[5\] {

  width: 50%;

  padding-left: 0.4rem;

}

.blog-container .sogo-blog-left .blog-card-wrapper .blog-card\[1\] > a,

.blog-container .sogo-blog-left .blog-card-wrapper .blog-card\[2\] > a {

  max-height: 250px;

}

.blog-container .sogo-blog-left .blog-card-wrapper .blog-card\[3\] > a {

  max-height: 300px;

}

.blog-container .sogo-blog-left .blog-card-wrapper .blog-card\[4\] > a,

.blog-container .sogo-blog-left .blog-card-wrapper .blog-card\[5\] > a {

  max-height: 500px;

}

.blog-container .sogo-blog-left [class^="blog-card\["] > a {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  height: 100%;

  position: relative;

  overflow: hidden;

  border-radius: 0.25rem;

}

.blog-container .sogo-blog-left [class^="blog-card\["] > a:hover::before {

  left: 0.5rem;

  opacity: 1;

  visibility: visible;

}

.blog-container

  .sogo-blog-left

  [class^="blog-card\["]

  > a:hover

  .blog-desktop-header {

  padding-left: 1.5rem;

}

.blog-container .sogo-blog-left [class^="blog-card\["] > a::before {

  position: absolute;

  content: ">";

  left: 0;

  top: 0.125rem;

  z-index: 2;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.25s ease-in-out;

  -o-transition: all 0.25s ease-in-out;

  transition: all 0.25s ease-in-out;

  font-size: 1.4rem;

  color: #ccc;

}

.blog-container .sogo-blog-left [class^="blog-card\["] .blog-tags,

.blog-container .sogo-blog-left [class^="blog-card\["] .blog-tags > span {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.blog-container .sogo-blog-left [class^="blog-card\["] .blog-tags {

  margin-top: 0.25rem;

}

.blog-container .sogo-blog-left [class^="blog-card\["] .blog-tags > span {

  margin: 0.25rem 0.25rem 0.125rem;

  margin-left: 0;

  padding: 0.25rem 0.35rem 0.1rem;

  background-color: #666;

  color: #fff;

  border-radius: 0.25rem;

  font-weight: 500;

  font-size: 0.8rem;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  cursor: default;

}

.blog-container .sogo-blog-left .blog-desktop-header {

  position: absolute;

  top: 0;

  z-index: 1;

  background: rgba(0 0 0/50%);

  color: #fff;

  padding: 0.5rem;

  width: 100%;

  left: 0;

  right: 0;

  font-weight: 500;

  -webkit-transition: padding 0.25s ease-in-out;

  -o-transition: padding 0.25s ease-in-out;

  transition: padding 0.25s ease-in-out;

}

.blog-container .sogo-blog-left [class^="blog-card\["] a:hover .blog-card-info {

  bottom: 0;

}

.blog-container .sogo-blog-left [class^="blog-card\["] a:hover > img {

  -ms-transform: scale(1.1);

  transform: scale(1.1);

  -webkit-transform: scale(1.05);

}

.blog-container .sogo-blog-left [class^="blog-card\["] a > img {

  -o-object-fit: cover;

  object-fit: cover;

  transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;

}

.blog-container .sogo-blog-left [class^="blog-card\["] .blog-card-info {

  z-index: 1;

  background: rgba(0 0 0/50%);

  color: #fff;

  padding: 0.5rem;

  width: 100%;

  position: absolute;

  left: 0;

  right: 0;

  -webkit-transition: bottom 0.3s ease-in-out;

  -o-transition: bottom 0.3s ease-in-out;

  transition: bottom 0.3s ease-in-out;

  bottom: -50%;

}

.blog-container .sogo-blog-left [class^="blog-card\["] .blog-card-info,

.blog-container

  .sogo-blog-left

  [class^="blog-card\["]

  .blog-card-info

  .blog-card-title,

.blog-container .sogo-blog-right {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.blog-container

  .sogo-blog-left

  [class^="blog-card\["]

  .blog-card-info

  .blog-card-title {

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

}

.blog-container

  .sogo-blog-left

  [class^="blog-card\["]

  .blog-card-info

  .blog-card-title

  .blog-title {

  font-weight: 600;

  font-size: 1.1rem;

  margin-bottom: 1rem;

  display: none;

}

.blog-container

  .sogo-blog-left

  [class^="blog-card\["]

  .blog-card-info

  .blog-card-sub-info {

  font-size: 0.8rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.blog-container

  .sogo-blog-left

  [class^="blog-card\["]

  .blog-card-info

  .blog-card-sub-info

  .blog-date {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  width: 100%;

}

.blog-container

  .sogo-blog-left

  [class^="blog-card\["]

  .blog-card-info

  .blog-card-sub-info

  .blog-date

  > i {

  padding-top: 0.25rem;

  margin-right: 0.5rem;

}

.blog-container

  .sogo-blog-left

  [class^="blog-card\["]

  .blog-card-info

  .blog-card-sub-info

  .read-more {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  width: 100%;

}

.blog-container

  .sogo-blog-left

  [class^="blog-card\["]

  .blog-card-info

  .blog-card-sub-info

  .read-more

  > i {

  margin-left: 0.5rem;

}

.blog-container .sogo-blog-right {

  width: 30%;

  background: #fff;

  padding: 1rem;

  box-shadow: 0 2px 8px 0 rgb(0 0 0/15%);

  -webkit-box-shadow: 0 2px 8px 0 rgb(0 0 0/15%);

}

.blog-container .sogo-blog-right .latest-blogs {

  position: sticky;

  position: -webkit-sticky;

  top: 60px;

}

.blog-container .sogo-blog-right .latest-blogs > span {

  font-weight: 500;

  font-size: 1.6rem;

  margin-bottom: 1rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.blog-container .sogo-blog-right .latest-blogs .latest-blogs-wrapper {

  max-height: calc(5 * (75px + 1.5rem));

  overflow: auto;

}

.blog-container .sogo-blog-right .latest-blogs .latest-blogs-wrapper ul > li {

  border-bottom: 1px solid #ddd;

  margin-bottom: 0.75rem;

  padding-bottom: 0.75rem;

}

.blog-container

  .sogo-blog-right

  .latest-blogs

  .latest-blogs-wrapper

  ul

  > li:last-child {

  border-bottom: none;

  margin-bottom: 0;

  padding-bottom: 0;

}

.mini-blog-card {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  height: 75px;

}

.mini-blog-card .mini-blog-image {

  width: calc(75px + 1rem);

  height: 75px;

  margin-right: 1rem;

}

.mini-blog-card .mini-blog-image > a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

  height: 100%;

}

.mini-blog-card .mini-blog-image > a > img {

  width: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  border-radius: 0.25rem;

}

.mini-blog-card .mini-blog-content > a {

  font-size: 0.9rem;

  font-weight: 500;

}

.blog-container.empty-blog .sogo-breadcrumb {

  border: 0;

}

.blog-container .empty-content,

.mini-blog-card {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.blog-container .empty-content {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

}

.blog-container .empty-content .empty-info {

  margin-bottom: 1rem;

}

@media screen and (max-width: 991px) {

  .sogo-container.blog-container {

    padding-bottom: 0;

  }

  .blog-container .sogo-breadcrumb {

    padding: 1rem 2rem;

    margin: 0;

  }

  .blog-container .empty-content {

    padding: 2rem;

    padding-top: 0;

  }

  .blog-container .flash-blog {

    padding: 1rem 2.5rem;

  }

  .main-blog {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    padding: 0 2rem;

  }

  .blog-container .sogo-blog-left {

    width: 100%;

    margin-right: 0;

    margin-bottom: 1.5rem;

  }

  .blog-container .sogo-blog-right {

    width: 100%;

    margin-bottom: 2rem;

  }

  .blog-container .sogo-blog-right .latest-blogs .latest-blogs-wrapper ul {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

  .blog-container

    .sogo-blog-right

    .latest-blogs

    .latest-blogs-wrapper

    > ul

    > li {

    width: 50%;

  }

  .blog-container .sogo-blog-left [class^="blog-card\["] .blog-card-info {

    bottom: 0;

  }

  .blog-container

    .sogo-blog-left

    [class^="blog-card\["]

    .blog-card-info

    .blog-card-title

    .blog-title {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

  .blog-container .sogo-blog-left .blog-desktop-header {

    display: none;

  }

  .sogo-content.blog-single {

    padding: 2rem;

  }

  .information-news-news .sogo-breadcrumb {

    padding: 0 2rem 0.5rem;

  }

}

@media screen and (max-width: 767px) {

  .blog-container .empty-content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;

  }

  .blog-container .flash-blog {

    padding: 1rem;

    margin-bottom: 1.5rem;

    box-shadow: none;

    -webkit-box-shadow: none;

    border-bottom: 1px solid #e5e5e5;

  }

  .main-blog {

    padding: 0;

  }

  .blog-container .sogo-blog-left .blog-card-wrapper .blog-card-group-1,

  .blog-container .sogo-blog-left .blog-card-wrapper .blog-card-group-3,

  .blog-container .sogo-blog-right .latest-blogs .latest-blogs-wrapper ul {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }

  .blog-container

    .sogo-blog-left

    .blog-card-wrapper

    .blog-card-group-1

    .blog-card-group-1-left,

  .blog-container

    .sogo-blog-left

    .blog-card-wrapper

    .blog-card-group-1

    .blog-card-group-1-right {

    width: 100%;

    margin: 0;

  }

  .blog-container .sogo-blog-left .blog-card-wrapper [class^="blog-card\["] {

    width: 100%;

    padding: 0;

    margin-bottom: 2rem;

  }

  .blog-container

    .sogo-blog-left

    .blog-card-wrapper

    [class^="blog-card\["]

    > a {

    max-height: initial !important;

    height: 350px;

  }

  .blog-container .sogo-blog-left [class^="blog-card\["] a > img,

  .blog-container

    .sogo-blog-right

    .latest-blogs

    .latest-blogs-wrapper

    > ul

    > li {

    width: 100%;

  }

  .blog-container .sogo-blog-right .latest-blogs .latest-blogs-wrapper ul {

    -ms-flex-wrap: initial;

    flex-wrap: initial;

  }

  .sogo-content.blog-single {

    padding: 1rem;

  }

  .blog-container .sogo-blog-left .blog-card-wrapper .blog-card-group-1,

  .blog-container .sogo-blog-left .blog-card-wrapper .blog-card-group-2 {

    margin-bottom: 0;

  }

}

.single-blog-header {

  margin-bottom: 1rem;

}



.single-blog-content * {

  font-size: 1.4rem !important;

  font-family: "Catamaran", -apple-system, system-ui, BlinkMacSystemFont,

    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;

  font-weight: 300;

  line-height: 1.8rem;

}

.information-news-news .sogo-breadcrumb {

  padding: 0 0 1rem;

}

@media screen and (min-width: 768px) {

  .blog-container .sogo-breadcrumb {

    border: 0;

  }

}

.request-form .sogo-input-wrapper {

  margin-left: 0;

  margin-right: 0;

}

.input-wrapper-group {

  width: 100%;

}

.input-wrapper-group,

.input-wrapper-group .wrapper-group-left,

.input-wrapper-group .wrapper-group-right {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.input-wrapper-group .wrapper-group-left {

  width: 170px;

  margin-right: 2rem;

}

.input-wrapper-group .wrapper-group-right {

  width: calc(100% - (170px + 2rem));

}

.input-wrapper-group

  .wrapper-group-right

  > .sogo-input-wrapper.input-col-2:nth-child(2n + 1) {

  margin-right: 0.25rem;

}

.input-wrapper-group

  .wrapper-group-right

  > .sogo-input-wrapper.input-col-2:nth-child(2n) {

  margin-left: 0.25rem;

}

.input-wrapper-group .wrapper-group-bottom {

  width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

}

.input-wrapper-group .wrapper-group-bottom #stock-request-btn {

  margin-top: 1rem;

}

.request-form legend {

  margin-bottom: 1rem;

  width: auto;

  position: relative;

}

.request-form .sogo-input-wrapper.input-col-1,

.request-form form fieldset:hover legend::after {

  width: 100%;

}

.request-form .sogo-input-wrapper.input-col-2 {

  width: calc(50% - 0.25rem);

}

.stock-product-model {

  font-weight: 600;

  font-size: 0.7rem;

  margin-top: 0.5rem;

}

.stock-product-image {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.stock-product-image > img {

  border: 1px solid #999;

  padding: 0.25rem;

}

.sogo-product-container

  .product-right

  .product-details-lower

  .product-cart-buttons.product-out-of-stock

  #button-cart,

.sogo-product-container

  .product-right

  .product-details-lower

  .product-cart-buttons.product-out-of-stock

  .stock-request-product {

  width: 50%;

}

.sogo-product-container

  .product-right

  .product-details-lower

  .product-cart-buttons.product-out-of-stock

  .stock-request-product:focus {

  color: #fff;

}

@media screen and (min-width: 768px) {

  .sogo-product-container

    .product-right

    .product-details-lower

    .product-cart-buttons.product-out-of-stock

    .stock-request-product:hover {

    color: #f7f6f6;

  }

}

@media screen and (max-width: 767px) {

  .input-wrapper-group {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }

  .input-wrapper-group .wrapper-group-left {

    width: 100%;

    margin-right: 0;

  }

  .input-wrapper-group .wrapper-group-bottom #stock-request-btn,

  .input-wrapper-group .wrapper-group-right {

    width: 100%;

  }

  .input-wrapper-group .wrapper-group-right > .sogo-input-wrapper.input-col-2 {

    width: 100%;

    margin: 0.25rem 0 !important;

  }

  .sogo-product-container

    .product-right

    .product-details-lower

    .product-cart-buttons.product-out-of-stock

    .stock-request-product:active {

    color: #f7f6f6;

  }

}



.modaal-size-chart img {

  width: 100%;

}



.modaal-size-chart {

  width: 70%;

  left: 50%;

  transform: translateX(-50%);

  transition: width 0.25s ease-in-out, left 0.25s ease-in-out;

}



@media all and (max-width: 1023px) {

  .modaal-size-chart {

    width: 80%;

    left: 50%;

    transform: translateX(-50%);

  }

}

@media all and (max-width: 991px) {

  .modaal-size-chart {

    width: 90%;

  }

}

@media all and (max-width: 767px) {

  .modaal-size-chart {

    width: 100%;

  }

}