@charset "UTF-8";
.mt-1 {
  margin-top: 1rem !important; }

.mt-2 {
  margin-top: 2rem !important; }

.mt-3 {
  margin-top: 3rem !important; }

.mt-4 {
  margin-top: 4rem !important; }

.mt-5 {
  margin-top: 5rem !important; }

.mt-6 {
  margin-top: 6rem !important; }

.mt-7 {
  margin-top: 7rem !important; }

.mt-8 {
  margin-top: 8rem !important; }

.mt-9 {
  margin-top: 9rem !important; }

.mt-10 {
  margin-top: 10rem !important; }

.mb-1 {
  margin-bottom: 1rem !important; }

.mb-2 {
  margin-bottom: 2rem !important; }

.mb-3 {
  margin-bottom: 3rem !important; }

.mb-4 {
  margin-bottom: 4rem !important; }

.mb-5 {
  margin-bottom: 5rem !important; }

.mb-6 {
  margin-bottom: 6rem !important; }

.mb-7 {
  margin-bottom: 7rem !important; }

.mb-8 {
  margin-bottom: 8rem !important; }

.mb-9 {
  margin-bottom: 9rem !important; }

.mb-10 {
  margin-bottom: 10rem !important; }

@media (min-width: 576px) {
  .mt-sm-0 {
    margin-top: 0rem !important; }

  .mt-sm-1 {
    margin-top: 1rem !important; }

  .mt-sm-2 {
    margin-top: 2rem !important; }

  .mt-sm-3 {
    margin-top: 3rem !important; }

  .mt-sm-4 {
    margin-top: 4rem !important; }

  .mt-sm-5 {
    margin-top: 5rem !important; }

  .mt-sm-6 {
    margin-top: 6rem !important; }

  .mt-sm-7 {
    margin-top: 7rem !important; }

  .mt-sm-8 {
    margin-top: 8rem !important; }

  .mt-sm-9 {
    margin-top: 9rem !important; }

  .mt-sm-10 {
    margin-top: 10rem !important; }

  .mb-sm-0 {
    margin-bottom: 0rem !important; }

  .mb-sm-1 {
    margin-bottom: 1rem !important; }

  .mb-sm-2 {
    margin-bottom: 2rem !important; }

  .mb-sm-3 {
    margin-bottom: 3rem !important; }

  .mb-sm-4 {
    margin-bottom: 4rem !important; }

  .mb-sm-5 {
    margin-bottom: 5rem !important; }

  .mb-sm-6 {
    margin-bottom: 6rem !important; }

  .mb-sm-7 {
    margin-bottom: 7rem !important; }

  .mb-sm-8 {
    margin-bottom: 8rem !important; }

  .mb-sm-9 {
    margin-bottom: 9rem !important; }

  .mb-sm-10 {
    margin-bottom: 10rem !important; } }
@media (min-width: 768px) {
  .mt-md-0 {
    margin-top: 0rem !important; }

  .mt-md-1 {
    margin-top: 1rem !important; }

  .mt-md-2 {
    margin-top: 2rem !important; }

  .mt-md-3 {
    margin-top: 3rem !important; }

  .mt-md-4 {
    margin-top: 4rem !important; }

  .mt-md-5 {
    margin-top: 5rem !important; }

  .mt-md-6 {
    margin-top: 6rem !important; }

  .mt-md-7 {
    margin-top: 7rem !important; }

  .mt-md-8 {
    margin-top: 8rem !important; }

  .mt-md-9 {
    margin-top: 9rem !important; }

  .mt-md-10 {
    margin-top: 10rem !important; }

  .mb-md-0 {
    margin-bottom: 0rem !important; }

  .mb-md-1 {
    margin-bottom: 1rem !important; }

  .mb-md-2 {
    margin-bottom: 2rem !important; }

  .mb-md-3 {
    margin-bottom: 3rem !important; }

  .mb-md-4 {
    margin-bottom: 4rem !important; }

  .mb-md-5 {
    margin-bottom: 5rem !important; }

  .mb-md-6 {
    margin-bottom: 6rem !important; }

  .mb-md-7 {
    margin-bottom: 7rem !important; }

  .mb-md-8 {
    margin-bottom: 8rem !important; }

  .mb-md-9 {
    margin-bottom: 9rem !important; }

  .mb-md-10 {
    margin-bottom: 10rem !important; } }
@media (min-width: 992px) {
  .mt-lg-0 {
    margin-top: 0rem !important; }

  .mt-lg-1 {
    margin-top: 1rem !important; }

  .mt-lg-2 {
    margin-top: 2rem !important; }

  .mt-lg-3 {
    margin-top: 3rem !important; }

  .mt-lg-4 {
    margin-top: 4rem !important; }

  .mt-lg-5 {
    margin-top: 5rem !important; }

  .mt-lg-6 {
    margin-top: 6rem !important; }

  .mt-lg-7 {
    margin-top: 7rem !important; }

  .mt-lg-8 {
    margin-top: 8rem !important; }

  .mt-lg-9 {
    margin-top: 9rem !important; }

  .mt-lg-10 {
    margin-top: 10rem !important; }

  .mb-lg-0 {
    margin-bottom: 0rem !important; }

  .mb-lg-1 {
    margin-bottom: 1rem !important; }

  .mb-lg-2 {
    margin-bottom: 2rem !important; }

  .mb-lg-3 {
    margin-bottom: 3rem !important; }

  .mb-lg-4 {
    margin-bottom: 4rem !important; }

  .mb-lg-5 {
    margin-bottom: 5rem !important; }

  .mb-lg-6 {
    margin-bottom: 6rem !important; }

  .mb-lg-7 {
    margin-bottom: 7rem !important; }

  .mb-lg-8 {
    margin-bottom: 8rem !important; }

  .mb-lg-9 {
    margin-bottom: 9rem !important; }

  .mb-lg-10 {
    margin-bottom: 10rem !important; } }
@media (min-width: 1200px) {
  .mt-xl-0 {
    margin-top: 0rem !important; }

  .mt-xl-1 {
    margin-top: 1rem !important; }

  .mt-xl-2 {
    margin-top: 2rem !important; }

  .mt-xl-3 {
    margin-top: 3rem !important; }

  .mt-xl-4 {
    margin-top: 4rem !important; }

  .mt-xl-5 {
    margin-top: 5rem !important; }

  .mt-xl-6 {
    margin-top: 6rem !important; }

  .mt-xl-7 {
    margin-top: 7rem !important; }

  .mt-xl-8 {
    margin-top: 8rem !important; }

  .mt-xl-9 {
    margin-top: 9rem !important; }

  .mt-xl-10 {
    margin-top: 10rem !important; }

  .mb-xl-0 {
    margin-bottom: 0rem !important; }

  .mb-xl-1 {
    margin-bottom: 1rem !important; }

  .mb-xl-2 {
    margin-bottom: 2rem !important; }

  .mb-xl-3 {
    margin-bottom: 3rem !important; }

  .mb-xl-4 {
    margin-bottom: 4rem !important; }

  .mb-xl-5 {
    margin-bottom: 5rem !important; }

  .mb-xl-6 {
    margin-bottom: 6rem !important; }

  .mb-xl-7 {
    margin-bottom: 7rem !important; }

  .mb-xl-8 {
    margin-bottom: 8rem !important; }

  .mb-xl-9 {
    margin-bottom: 9rem !important; }

  .mb-xl-10 {
    margin-bottom: 10rem !important; } }
@media (min-width: 1600px) {
  .mt-xxl-0 {
    margin-top: 0rem !important; }

  .mt-xxl-1 {
    margin-top: 1rem !important; }

  .mt-xxl-2 {
    margin-top: 2rem !important; }

  .mt-xxl-3 {
    margin-top: 3rem !important; }

  .mt-xxl-4 {
    margin-top: 4rem !important; }

  .mt-xxl-5 {
    margin-top: 5rem !important; }

  .mt-xxl-6 {
    margin-top: 6rem !important; }

  .mt-xxl-7 {
    margin-top: 7rem !important; }

  .mt-xxl-8 {
    margin-top: 8rem !important; }

  .mt-xxl-9 {
    margin-top: 9rem !important; }

  .mt-xxl-10 {
    margin-top: 10rem !important; }

  .mb-xxl-0 {
    margin-bottom: 0rem !important; }

  .mb-xxl-1 {
    margin-bottom: 1rem !important; }

  .mb-xxl-2 {
    margin-bottom: 2rem !important; }

  .mb-xxl-3 {
    margin-bottom: 3rem !important; }

  .mb-xxl-4 {
    margin-bottom: 4rem !important; }

  .mb-xxl-5 {
    margin-bottom: 5rem !important; }

  .mb-xxl-6 {
    margin-bottom: 6rem !important; }

  .mb-xxl-7 {
    margin-bottom: 7rem !important; }

  .mb-xxl-8 {
    margin-bottom: 8rem !important; }

  .mb-xxl-9 {
    margin-bottom: 9rem !important; }

  .mb-xxl-10 {
    margin-bottom: 10rem !important; } }
.m-b-1 {
  margin-bottom: .4rem !important; }

.m-b-2 {
  margin-bottom: .8rem !important; }

.m-b-3 {
  margin-bottom: 1.6rem !important; }

.m-b-4 {
  margin-bottom: 2.4rem !important; }

.m-b-5 {
  margin-bottom: 4.8rem !important; }

.ls-10 {
  letter-spacing: .01em !important; }

.ls-0 {
  letter-spacing: 0 !important; }

.ls-n-10 {
  letter-spacing: -.01em !important; }

.ls-n-15 {
  letter-spacing: -.015em !important; }

.ls-n-20 {
  letter-spacing: -.02em !important; }

.ls-n-25 {
  letter-spacing: -.025em !important; }

.bg-gray {
  background-color: #f4f4f4 !important; }

.bg-dark {
  background-color: #222529 !important; }

.bg-dark2 {
  background-color: #2f3946 !important; }

.bg-primary {
  background-color: #f4631b !important; }

.bg-secondary {
  background-color: #ff7272 !important; }

.text-dark {
  color: #222529 !important; }

.text-primary {
  color: #f4631b !important; }

.text-secondary {
  color: #ff7272 !important; }

.text-body {
  color: #777 !important; }

.font1 {
  font-family: "Open Sans", sans-serif !important; }

.font2 {
  font-family: Poppins, sans-serif !important; }

.font3 {
  font-family: 'Segoe Script','Savoye LET' !important; }

.font4 {
  font-family: Oswald, sans-serif !important; }

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }

  .d-lg-block {
    display: block !important; }

  .w-lg-max {
    flex: 1;
    -ms-flex: 1;
    max-width: 100%; } }
@media (max-width: 767px) {
  .w-md-100 {
    width: 100% !important; }

  .w-md-50 {
    width: 50% !important; } }
@media (max-width: 575px) {
  .w-sm-100 {
    width: 100% !important; }

  .w-sm-50 {
    width: 50% !important; } }
@media (max-width: 479px) {
  .w-xs-100 {
    width: 100% !important; } }
@media (max-width: 400px) {
  .w-xxs-100 {
    width: 100% !important; } }
.round-images img {
  border-radius: 50% !important; }

.box-shadow-none {
  box-shadow: none !important; }

.text-transform-none {
  text-transform: none; }

.line-height-1 {
  line-height: 1 !important; }

.title-decorate::before,
.title-decorate::after {
  content: '';
  top: 50%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.08);
  flex: 1; }

.title-decorate::before {
  margin-right: 2rem; }

.title-decorate::after {
  margin-left: 2rem; }

/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: 0;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
  z-index: 0; }
.owl-carousel .owl-animated-out {
  z-index: 1; }
.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
  	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  	calculation of the height of the owl-item that breaks page layouts
   */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("../images/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin: 0;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  color: #222529;
  font-size: 3rem; }
  .owl-theme .owl-nav [class*='owl-'] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #222529;
    margin: 0;
    font-size: 3rem;
    padding: 4px 7px;
    background: transparent;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-'] i:before {
      margin: 0;
      width: auto; }
    .owl-theme .owl-nav [class*='owl-']:not(.disabled):hover {
      background: transparent;
      color: #222529;
      text-decoration: none; }
  .owl-theme .owl-nav .owl-prev {
    left: 0; }
  .owl-theme .owl-nav .owl-next {
    right: 0; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 2.5rem; }
.owl-theme .owl-dots {
  line-height: 1;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      position: relative;
      width: 15px;
      height: 15px;
      margin: 2px 2px;
      background: transparent;
      display: block;
      -webkit-backface-visibility: visible;
      transition: all .3s ease;
      border: 2px solid rgba(0, 0, 0, 0.4);
      border-radius: 50%; }
      .owl-theme .owl-dots .owl-dot span:before {
        content: '';
        display: block;
        width: .7rem;
        height: .7rem;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -.35rem;
        margin-left: -.35rem;
        background-color: #f4631b;
        opacity: 0;
        visibility: hidden;
        transform: scale(0);
        transition: all .3s;
        border-radius: 50%; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      border-color: #f4631b;
      background: transparent; }
    .owl-theme .owl-dots .owl-dot.active span:before {
      opacity: 1;
      visibility: visible;
      transform: scale(1); }
.owl-theme.owl-theme-light .owl-dots .owl-dot span {
  border-color: #fff;
  background: transparent; }
  .owl-theme.owl-theme-light .owl-dots .owl-dot span:before {
    border-color: #fff; }
.owl-theme.owl-theme-light .owl-dots .owl-dot.active span, .owl-theme.owl-theme-light .owl-dots .owl-dot:hover span {
  border-color: #f4631b;
  background: transparent; }
.owl-theme.owl-theme-light .owl-dots .owl-dot.active span:before {
  border-color: #f4631b; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #fff;
  opacity: 0.4; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
  overflow-y: auto; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  top: 0;
  right: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before, .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8; }

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0; }

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0; }

/*
 *  Bootstrap TouchSpin - v4.2.5
 *  A mobile and touch friendly input spinner component for Bootstrap 3 & 4.
 *  http://www.virtuosoft.eu/code/bootstrap-touchspin/
 *
 *  Made by István Ujj-Mészáros
 *  Under Apache License v2.0 License
 */
/* This CSS file is unnecessary if you are not using vertical buttons functionality */
.bootstrap-touchspin .input-group-btn-vertical {
  position: absolute;
  right: 0;
  height: 100%;
  z-index: 11; }

.bootstrap-touchspin.input-group {
  max-width: 68px;
  padding-right: 20px;
  margin-bottom: 0; }

.bootstrap-touchspin .form-control {
  text-align: center;
  margin-bottom: 0;
  height: 4.2rem;
  max-width: 46px;
  padding: 1.1rem 1rem; }
  .bootstrap-touchspin .form-control:not(:focus) {
    border-color: #ccc; }

.bootstrap-touchspin .input-group-btn-vertical > .btn {
  position: absolute;
  right: 0;
  height: 2rem;
  padding: 0;
  width: 2rem;
  text-align: center;
  font-size: 1.2rem; }
  .bootstrap-touchspin .input-group-btn-vertical > .btn:before {
    position: relative;
    margin: 0;
    width: auto;
    line-height: 1;
    width: auto;
    top: -.1rem;
    margin-right: -.2rem; }

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0;
  top: 0; }

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  border-radius: 0;
  bottom: 0; }

/*! nouislider - 11.1.0 - 2018-04-02 11:18:13 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-target {
  position: relative;
  direction: ltr; }

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1; }

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0; }

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0; }

/* Offset direction
 */
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0; }

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0; }

.noUi-horizontal .noUi-origin {
  height: 0; }

.noUi-handle {
  position: absolute; }

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s; }

.noUi-state-drag * {
  cursor: inherit !important; }

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: .3rem; }

.noUi-horizontal .noUi-handle {
  width: 1.1rem;
  height: 1.1rem;
  left: -.55rem;
  top: -.3em; }

.noUi-vertical {
  width: .3rem;
  height: 150px; }

.noUi-vertical .noUi-handle {
  width: 1.1rem;
  height: 1.1rem;
  left: -.4rem;
  top: -.5rem; }

html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
  right: -.55rem;
  left: auto; }

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #dfdfdf;
  border-radius: 0; }

.noUi-connects {
  border-radius: 0; }

.noUi-connect {
  background: #000; }

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize; }

.noUi-vertical .noUi-draggable {
  cursor: ns-resize; }

.noUi-handle {
  border-radius: 50%;
  background: #000;
  cursor: pointer; }

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8; }

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed; }

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-pips {
  position: absolute;
  color: #999; }

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center; }

.noUi-value-sub {
  color: #ccc;
  font-size: 10px; }

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC; }

.noUi-marker-sub {
  background: #AAA; }

.noUi-marker-large {
  background: #AAA; }

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%; }

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%); }

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%); }

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px; }

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px; }

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px; }

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%; }

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%, 0);
  padding-left: 25px; }

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%); }

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px; }

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px; }

.noUi-marker-vertical.noUi-marker-large {
  width: 15px; }

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap; }

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%; }

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%; }

.alert {
  display: flex;
  align-items: center;
  font-family: Poppins, sans-serif;
  margin-bottom: 2rem;
  padding: 1.6rem 1.5rem;
  border-radius: 0; }
  .alert i {
    font-size: 1.7em;
    width: 3.9rem; }
  .alert.icon-sm i {
    font-size: 1.1em;
    width: 2.9rem; }
  .alert .pixel-icon {
    height: 16px;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-bottom: 1px; }
  .alert .alert-wrapper h4 {
    letter-spacing: -.05em;
    margin-bottom: 1.4rem; }
  .alert .alert-wrapper p {
    line-height: 2.4rem;
    margin-bottom: 2rem; }
  .alert .alert-wrapper ul {
    margin: 2rem 0 0 2.5rem;
    list-style: disc; }
  .alert .alert-wrapper li {
    line-height: 2.5rem; }
  .alert .alert-wrapper .btn {
    text-transform: none;
    font-weight: 400;
    font-size: 1.3rem;
    padding: 0.533rem 0.933rem; }
  .alert .alert-close {
    z-index: 2;
    padding: .95rem 0 .95rem 2.5rem;
    cursor: pointer;
    width: 1em;
    height: 1em;
    color: #000;
    background: transparent url(../images/elements/alert/close.svg) center/1em auto no-repeat;
    border: 0;
    border-radius: 0;
    opacity: 0.5;
    transition: opacity .2s;
    margin-left: auto; }
    .alert .alert-close:hover {
      opacity: 1; }
  .alert.alert-intro {
    font-size: 1.5rem; }

.alert-rounded {
  border-radius: 5px; }

.alert.alert-default {
  background-color: #f2f2f2;
  border-color: #eaeaea;
  color: #737373; }
  .alert.alert-default .alert-link {
    color: #4c4c4c; }

.alert.alert-dark {
  background-color: #3a3f45;
  border-color: #0b0c0e;
  color: #d5d8dc; }
  .alert.alert-dark .alert-link {
    color: #fff; }

.alert.alert-primary {
  background-color: #0088cc;
  border-color: #007ebd;
  color: #fff; }

.alert.alert-secondary {
  background-color: #e36159;
  border-color: #e1554c;
  color: #fff; }

.alert.alert-tertiary {
  background-color: #2baab1;
  border-color: #299fa5;
  color: #fff; }

.alert.alert-quaternary {
  background-color: #383f48;
  border-color: #323840;
  color: #fff; }

.alert.alert-sm {
  padding: .5rem 1rem; }

.alert.alert-lg {
  padding: 2rem; }

@keyframes maskUp {
  from {
    transform: translate(0, 100%); }
  to {
    transform: translate(0, 0); } }
@keyframes maskRight {
  from {
    transform: translate(-100%, 0); }
  to {
    transform: translate(0, 0); } }
@keyframes maskDown {
  from {
    transform: translate(0, -100%); }
  to {
    transform: translate(0, 0); } }
@keyframes maskLeft {
  from {
    transform: translate(100%, 0); }
  to {
    transform: translate(0, 0); } }
.maskUp {
  animation-name: maskUp; }

.maskRight {
  animation-name: maskRight; }

.maskDown {
  animation-name: maskDown; }

.maskLeft {
  animation-name: maskLeft; }

@keyframes fadeInUpShorter {
  from {
    opacity: 0;
    transform: translate(0, 50px); }
  to {
    opacity: 1;
    transform: none; } }
.fadeInUpShorter {
  animation-timing-function: ease-out;
  animation-name: fadeInUpShorter; }

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate(0, 2000px); }
  to {
    opacity: 1;
    transform: none; } }
.fadeInUpBig {
  animation-timing-function: ease-out;
  animation-name: fadeInUpBig; }

@keyframes fadeInLeftShorter {
  from {
    opacity: 0;
    transform: translate(50px, 0); }
  to {
    opacity: 1;
    transform: none; } }
.fadeInLeftShorter {
  animation-timing-function: ease-out;
  animation-name: fadeInLeftShorter; }

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate(2000px, 0); }
  to {
    opacity: 1;
    transform: none; } }
.fadeInLeftBig {
  animation-timing-function: ease-out;
  animation-name: fadeInLeftBig; }

@keyframes fadeInRightShorter {
  from {
    opacity: 0;
    transform: translate(-50px, 0); }
  to {
    opacity: 1;
    transform: none; } }
.fadeInRightShorter {
  animation-timing-function: ease-out;
  animation-name: fadeInRightShorter; }

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate(-2000px, 0); }
  to {
    opacity: 1;
    transform: none; } }
.fadeInRightBig {
  animation-timing-function: ease-out;
  animation-name: fadeInRightBig; }

.fadeIn {
  animation-name: fadeIn; }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeInDownShorter {
  from {
    opacity: 0;
    transform: translate(0, -50px); }
  to {
    opacity: 1;
    transform: none; } }
.fadeInDownShorter {
  animation-name: fadeInDownShorter;
  animation-timing-function: ease-out; }

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate(0, -2000px); }
  to {
    opacity: 1;
    transform: none; } }
.fadeInDownBig {
  animation-name: fadeInDownBig;
  animation-timing-function: ease-out; }

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
.flash {
  animation-name: flash; }

@keyframes shake {
  0%, 100% {
    transform: translateX(0);
    opacity: 1; }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    transform: translateX(10px); } }
.shake {
  animation-name: shake; }

@keyframes tada {
  0% {
    transform: scale(1); }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg); }
  100% {
    transform: scale(1) rotate(0);
    opacity: 1; } }
.tada {
  animation-name: tada; }

@keyframes pulse {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1);
    opacity: 1; } }
.pulse {
  animation-name: pulse; }

@keyframes swing {
  0% {
    transform: rotate(0); }
  20% {
    transform: rotate(15deg); }
  40% {
    transform: rotate(-10deg); }
  60% {
    transform: rotate(5deg); }
  80% {
    transform: rotate(-5deg); }
  100% {
    transform: rotate(0);
    opacity: 1; } }
.swing {
  animation-name: swing; }

@keyframes wobble {
  0% {
    transform: translateX(0%); }
  15% {
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    transform: translateX(20%) rotate(3deg); }
  45% {
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    transform: translateX(10%) rotate(2deg); }
  75% {
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    transform: translateX(0%);
    opacity: 1; } }
.wobble {
  animation-name: wobble; }

@keyframes blurIn {
  from {
    opacity: 0;
    filter: blur(20px);
    transform: scale(1.3); }
  to {
    opacity: 1;
    filter: blur(0);
    transform: none; } }
.blurIn {
  animation-name: blurIn; }

@keyframes dotPulse {
  from {
    opacity: 1;
    transform: scale(0.2); }
  to {
    opacity: 0;
    transform: scale(1); } }
.dotPulse {
  animation-name: dotPulse;
  animation-iteration-count: infinite;
  animation-duration: 4s; }

@keyframes slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    transform: translateZ(0); } }
@keyframes slideInDown {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    transform: translateZ(0); } }
@keyframes slideInLeft {
  0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    transform: translateZ(0); } }
@keyframes slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    transform: translateZ(0); } }
@keyframes flipInX {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: perspective(400px) rotateX(90deg); }
  to {
    transform: perspective(400px); } }
@keyframes flipInY {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: perspective(400px) rotateY(-90deg); }
  to {
    transform: perspective(400px); } }
@keyframes brightIn {
  0% {
    animation-timing-function: ease-in;
    filter: brightness(0%); }
  to {
    filter: brightness(100%); } }
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
    opacity: 1; }
  40% {
    transform: translateY(-30px); }
  60% {
    transform: translateY(-15px); } }
.bounce {
  animation-name: bounce; }

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3); }
  50% {
    opacity: 1;
    transform: scale(1.05); }
  70% {
    transform: scale(0.9); }
  100% {
    transform: scale(1); } }
.bounceIn {
  animation-name: bounceIn; }

@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  60% {
    transform: translateY(-30px); }
  80% {
    transform: translateY(10px); }
  100% {
    transform: translateY(0);
    opacity: 1; } }
.bounceInUp {
  animation-name: bounceInUp; }

@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }
  60% {
    transform: translateY(30px); }
  80% {
    transform: translateY(-10px); }
  100% {
    transform: translateY(0);
    opacity: 1; } }
.bounceInDown {
  animation-name: bounceInDown; }

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  60% {
    transform: translateX(30px); }
  80% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(0);
    opacity: 1; } }
.bounceInLeft {
  animation-name: bounceInLeft; }

@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  60% {
    transform: translateX(-30px); }
  80% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0);
    opacity: 1; } }
.bounceInRight {
  animation-name: bounceInRight; }

@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0; }
  100% {
    transform: rotate(0);
    opacity: 1; } }
.rotateIn {
  animation-name: rotateIn; }

@keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: left bottom; }
  100% {
    opacity: 1;
    transform: rotate(0); } }
.rotateInUpLeft {
  animation-name: rotateInUpLeft; }

@keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: left bottom; }
  100% {
    opacity: 1;
    transform: rotate(0); } }
.rotateInDownLeft {
  animation-name: rotateInDownLeft; }

@keyframes rotateInUpRight {
  0% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: right bottom; }
  100% {
    opacity: 1;
    transform: rotate(0); } }
.rotateInUpRight {
  animation-name: rotateInUpRight; }

@keyframes rotateInDownRight {
  0% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: right bottom; }
  100% {
    opacity: 1;
    transform: rotate(0); } }
.rotateInDownRight {
  animation-name: rotateInDownRight; }

.brightIn {
  animation-name: brightIn; }

@keyframes customSVGLineAnimTwo {
  from {
    stroke-dasharray: 820;
    stroke-dashoffset: 500; }
  to {
    stroke-dasharray: 1120;
    stroke-dashoffset: 500; } }
.customSVGLineAnimTwo {
  animation-name: customSVGLineAnimTwo; }

.appear-animate {
  opacity: 0; }

.appear-animation-visible {
  opacity: 1; }

.banner {
  position: relative;
  font-size: 1.6rem; }
  .banner figure {
    margin: 0; }
  .banner img {
    width: 100%;
    object-fit: cover; }
  .banner h1,
  .banner h2,
  .banner h3,
  .banner h4,
  .banner h5,
  .banner h6 {
    line-height: 1; }
  .banner .container:not(.banner-content) {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }

.ibanner {
  font-size: 10px; }

aside .banner {
  font-size: 1.6rem; }

.banner-layer {
  position: absolute;
  left: 6%;
  right: 6%; }

.banner-content {
  position: relative; }

.banner-layer-top {
  top: 7%; }

.banner-layer-bottom {
  bottom: 5%; }

.banner-layer-space {
  left: 0;
  right: 0;
  padding: 1em 1.5625em; }

.banner-layer-left {
  right: auto; }

.banner-layer-right {
  left: auto; }

.banner-layer-center {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.banner-layer-middle {
  top: 50%;
  transform: translateY(-50%); }

.bg-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.banner-h-100 {
  height: 100vh; }

@media (max-width: 1199px) {
  .banner {
    font-size: 1.4rem; }

  .ibanner {
    font-size: 1rem; } }
@media (max-width: 767px) {
  .banner-md-vw-small {
    font-size: 1.8vw; }

  .banner-md-vw {
    font-size: 2.3vw; }

  .banner-md-vw-large {
    font-size: 3vw; } }
@media (max-width: 575px) {
  .banner-md-vw-small {
    font-size: 2.3vw; }

  .banner-sm-vw {
    font-size: 1.2rem; }

  .banner-sm-vw-large {
    font-size: 4vw; } }
.breadcrumb-nav {
  color: #000;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 3.5rem; }

.breadcrumb {
  margin-bottom: 0;
  padding: 1.5rem 0;
  border-radius: 0;
  background-color: transparent; }

.breadcrumb-item {
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.05em;
  line-height: 24px;
  text-transform: uppercase; }
  .breadcrumb-item + .breadcrumb-item {
    padding-left: 1.3rem; }
    .breadcrumb-item + .breadcrumb-item:before {
      color: inherit;
      padding-right: 1.1rem;
      content: "";
      font-size: 12px;
      font-family: 'porto';
      vertical-align: middle;
      margin-top: -2px; }
  .breadcrumb-item a:not(:first-child) {
    margin-left: 5px; }
  .breadcrumb-item a, .breadcrumb-item.active {
    color: inherit; }

.btn {
  transition: all .3s;
  text-transform: uppercase;
  padding: 1em 1.6em;
  border-radius: 0;
  font-size: 1.4rem;
  font-weight: 700;
  font-family: Poppins, sans-serif;
  line-height: 1.429; }
  .btn:focus {
    box-shadow: none; }

a.btn.disabled {
  pointer-events: auto;
  cursor: not-allowed; }

.btn-xs {
  padding: .2em .5em;
  font-size: 1.1rem; }

.btn-sm {
  padding: .5em 1em;
  font-size: 1.1rem; }

.btn-md {
  padding: 1em 1.2em;
  font-size: 1.2rem; }

.btn-lg {
  padding: 1em 2.15em;
  font-size: 1.4rem; }

.btn-xl {
  padding: 1.125em 2.75em;
  font-size: 1.125em; }

.btn-icon-left i {
  padding-right: .7rem; }

.btn-icon-right i {
  padding-left: .7rem; }

.btn-primary {
  border-color: #f4631b;
  background-color: #f4631b;
  color: #fff;
  box-shadow: none; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary.focus {
    border-color: #f67e42;
    background-color: #f67e42;
    color: #fff;
    box-shadow: none; }
  .btn-primary.disabled, .btn-primary:disabled {
    border-color: #f4631b;
    background-color: #f4631b;
    color: #fff; }
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    border-color: #c6480a;
    background-color: #d24c0a;
    color: #fff; }

.btn-secondary {
  border-color: #ff7272;
  background-color: #ff7272;
  color: #fff;
  box-shadow: none; }
  .btn-secondary:hover, .btn-secondary:focus, .btn-secondary.focus {
    border-color: #ff9b9b;
    background-color: #ff9b9b;
    color: #fff;
    box-shadow: none; }
  .btn-secondary.disabled, .btn-secondary:disabled {
    border-color: #ff7272;
    background-color: #ff7272;
    color: #fff; }
  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
    border-color: #ff3232;
    background-color: #ff3f3f;
    color: #fff; }

.btn-outline {
  border-color: #ccc;
  background-color: transparent;
  background-image: none;
  color: #ccc; }
  .btn-outline:hover, .btn-outline.focus {
    border-color: #999;
    background-color: transparent;
    color: #999;
    box-shadow: none; }
  .btn-outline.disabled, .btn-outline:disabled {
    background-color: transparent;
    color: #ccc; }
  .btn-outline:not(:disabled):not(.disabled):active, .btn-outline:not(:disabled):not(.disabled).active, .show > .btn-outline.dropdown-toggle {
    border-color: #999;
    background-color: transparent;
    color: #999; }

.btn-outline-primary {
  border-color: #f4631b;
  background-color: transparent;
  background-image: none;
  color: #f4631b; }
  .btn-outline-primary:hover, .btn-outline-primary.focus {
    border-color: #f4631b;
    background-color: #f4631b;
    color: #fff;
    box-shadow: none; }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    background-color: transparent;
    color: #f4631b; }
  .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    border-color: #f4631b;
    background-color: #f4631b;
    color: #fff; }

.btn-outline-secondary {
  border-color: #ff7272;
  background-color: transparent;
  background-image: none;
  color: #ff7272; }
  .btn-outline-secondary:hover, .btn-outline-secondary.focus {
    border-color: #ff7272;
    background-color: #ff7272;
    color: #fff;
    box-shadow: none; }
  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    background-color: transparent;
    color: #ff7272; }
  .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
    border-color: #ff7272;
    background-color: #ff7272;
    color: #fff; }

.btn-dark {
  border-color: #222529;
  background-color: #222529;
  color: #fff;
  box-shadow: none; }
  .btn-dark:hover, .btn-dark:focus, .btn-dark.focus {
    border-color: #34393f;
    background-color: #34393f;
    color: #fff;
    box-shadow: none; }
  .btn-dark.disabled, .btn-dark:disabled {
    border-color: #222529;
    background-color: #222529;
    color: #fff; }
  .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
    border-color: #050606;
    background-color: #0b0c0d;
    color: #fff; }

.btn-gray {
  border-color: #f4f4f4;
  background-color: #f4f4f4;
  color: #222529;
  box-shadow: none; }
  .btn-gray:hover, .btn-gray:focus, .btn-gray.focus {
    border-color: #f4631b;
    background-color: #f4631b;
    color: #fff;
    box-shadow: none; }
  .btn-gray.disabled, .btn-gray:disabled {
    border-color: #f4f4f4;
    background-color: #f4f4f4;
    color: #222529; }
  .btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle {
    border-color: #d4d4d4;
    background-color: #dbdbdb;
    color: #222529; }

.btn-default:hover {
  background-color: #dedede;
  border-color: #dedede; }

.btn-link {
  padding-top: 0;
  padding-bottom: 0;
  color: #f4631b;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  letter-spacing: 0;
  text-transform: initial; }
  .btn-link:hover, .btn-link:focus {
    color: #f4631b;
    text-decoration: underline; }

.btn-rounded {
  border-radius: 7px; }

.btn-ellipse {
  border-radius: 2rem; }

.btn-social-login {
  display: flex;
  margin-right: 10px;
  margin-left: 10px;
  background-color: #f4631b;
  font-family: Poppins, sans-serif;
  text-decoration: none;
  text-transform: uppercase; }
  .btn-social-login span, .btn-social-login i {
    color: #fff; }
  .btn-social-login i {
    margin-top: -1px;
    padding-right: 6px; }

.btn-facebook {
  background: #3a589d; }

.btn-gplus {
  background: #dd4e31; }

.btn-twitter {
  background: #1aa9e1; }

.btn-warning {
  color: #fff; }
  .btn-warning:hover {
    color: #fff; }

.btn-outline-warning:hover {
  color: #fff; }

.owl-dots .owl-dot,
.owl-nav .owl-prev,
.owl-nav .owl-next {
  outline: none; }

a:focus {
  outline: none; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
.mfp-container .mfp-preloader,
.porto-loading-icon {
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0 auto;
  border: 2px solid transparent;
  border-radius: 50%;
  border-top-color: #f4631b;
  border-image: none;
  text-indent: -9999px;
  -webkit-animation: spin .75s infinite linear;
  animation: spin .75s infinite linear;
  z-index: 3; }

.mfp-container .mfp-preloader:before,
.porto-loading-icon:before {
  position: absolute;
  top: -2px;
  right: 0;
  left: -2px;
  width: inherit;
  height: inherit;
  border: inherit;
  border-radius: inherit;
  border-top-color: inherit;
  content: '';
  -webkit-animation: spin 1.5s infinite ease;
  animation: spin 1.5s infinite ease; }

.card {
  margin-bottom: 3rem;
  border: 1px solid #ddd;
  border-radius: 0;
  font-size: 1.4rem; }

.card-header {
  margin: 0;
  padding: 1.2rem 1.5rem;
  border-radius: 0;
  border-color: #ddd;
  background-color: #f5f5f5;
  color: #000;
  font-weight: 700;
  line-height: 1.5;
  text-transform: uppercase; }
  .card-header:after {
    display: block;
    clear: both;
    content: ''; }
  .card-header .card-edit {
    margin-top: .1rem;
    float: right;
    color: #f4631b;
    font-size: 1.3rem;
    font-weight: 400;
    text-transform: capitalize; }

.card-body {
  min-height: 135px;
  padding: 2rem 1.5rem;
  border-top: 0;
  border-radius: 0; }
  .card-body a {
    text-decoration: underline; }
  .card-body h4 {
    margin-bottom: .7rem;
    color: #666; }

.card.card-accordion {
  margin-bottom: .5rem;
  padding: 0;
  border: 0; }
  .card.card-accordion .card-header {
    cursor: pointer;
    position: relative;
    padding-left: 0;
    padding-right: 25px;
    background: transparent;
    font-family: Poppins, sans-serif;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: -.025em;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: none;
    white-space: nowrap; }
    .card.card-accordion .card-header:after {
      content: '\e81b';
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translateY(-50%);
      font-family: 'porto';
      transition: .35s; }
    .card.card-accordion .card-header.collapsed:after {
      content: '\e81c';
      transition: .35s; }
  .card.card-accordion .card-body {
    min-height: 0;
    padding: 0; }
  .card.card-accordion p {
    margin-bottom: .4rem;
    padding: 1.3rem 0;
    letter-spacing: 0; }

.card-accordion.accordion-boxed {
  border: 1px solid #ddd; }
  .card-accordion.accordion-boxed .card-header {
    border: 0;
    padding-left: 1.5rem;
    background-color: #f5f5f5; }
  .card-accordion.accordion-boxed p {
    padding: 1.5rem; }
  .card-accordion.accordion-boxed i {
    margin-right: 1rem; }

.product-countdown-container {
  display: flex;
  position: absolute;
  padding: 1rem .7rem .9rem;
  justify-content: center;
  flex-wrap: wrap;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  opacity: 0.7;
  letter-spacing: -.01em;
  visibility: visible;
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
  transition: opacity .3s ease;
  background: #f4631b;
  z-index: 6; }
  .product-countdown-container .product-countdown-title {
    display: inline-block;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    margin-bottom: 0;
    margin-right: 3px; }
  .product-countdown-container .product-countdown {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    z-index: 6;
    line-height: 1;
    opacity: 1;
    color: #fff; }
    .product-countdown-container .product-countdown .countdown-amount {
      display: block;
      padding-bottom: 2px;
      font-weight: 400;
      font-size: 1.3rem;
      line-height: 1;
      margin-bottom: 0;
      text-transform: uppercase; }

.product-default:not(.count-down):hover .product-countdown,
.product-default:not(.count-down):hover .product-countdown-container {
  opacity: 0;
  visibility: hidden; }

.countdown-type1 {
  padding: 5rem 0; }
  .countdown-type1 .countdown-amount {
    font-size: 1.7rem;
    color: #da7940;
    font-weight: 700; }
  .countdown-type1 .countdown-period {
    font-size: 1.7rem;
    color: #2e353e;
    font-weight: 700;
    padding: 0 4px; }
  .countdown-type1 .countdown-section {
    display: flex;
    padding: 0 7px; }
  .countdown-type1 .countdown-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .countdown-type1 .countdown-row .countdown-section {
      width: auto; }

.countdown-type2 {
  padding: 5rem 0; }
  .countdown-type2 .countdown-amount {
    font-size: 3.8rem;
    color: #b3642a;
    font-weight: 600; }
  .countdown-type2 .countdown-period {
    font-size: 1.4rem;
    color: #b3642a;
    font-weight: 600;
    padding: 0 4px; }
  .countdown-type2 .countdown-section {
    display: flex;
    align-items: baseline; }
  .countdown-type2 .countdown-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .countdown-type2 .countdown-row .countdown-section {
      width: auto; }

.countdown-parallax {
  padding: 9.5rem 0 8.4rem; }
  .countdown-parallax .countdown-type3 .countdown-amount {
    font-size: 5.6rem;
    color: #fff; }
  .countdown-parallax .countdown-type3 .countdown-period {
    font-size: 1.7rem;
    color: #fff; }
  .countdown-parallax .countdown-type3 .countdown-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .countdown-parallax .countdown-type3 .countdown-row .countdown-section {
      width: auto;
      padding: 0 1.5rem; }

@media (max-width: 479px) {
  .countdown-type1 .countdown-section {
    padding: 0;
    margin: 0 4px; } }
.count-container {
  margin-bottom: 4rem; }

.count-wrapper {
  margin-bottom: .9rem;
  color: #222529;
  font: 400 2.8rem/1 Poppins, sans-serif;
  text-transform: uppercase; }

.count-title {
  margin-bottom: 0;
  color: #777;
  font: 600 1.6rem/1 "Open Sans", sans-serif; }

@media (min-width: 992px) {
  .count-wrapper {
    font-size: 3.6rem; } }
.feature-box {
  color: #7b858a;
  font-size: 1.5rem;
  line-height: 2;
  margin-bottom: 4rem; }
  .feature-box i {
    display: inline-block;
    margin-bottom: 2.2rem;
    color: #f4631b;
    font-size: 5rem;
    line-height: 1; }
    .feature-box i:before {
      margin: 0; }
  .feature-box h3 {
    margin-bottom: 2rem;
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.1;
    letter-spacing: 0; }
  .feature-box p {
    margin-bottom: 0; }
  .feature-box.border-top-primary {
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.05); }
    .feature-box.border-top-primary .feature-box-content {
      border-top: 4px solid #f4631b;
      padding: 30px 20px 10px 20px; }

.feature-box-content {
  color: #7b858a;
  font-size: 1.5rem;
  line-height: 1.9;
  padding-left: 10px;
  padding-right: 10px; }

.feature-rounded i {
  width: 80px;
  height: 80px;
  border-radius: 500px;
  font-size: 35px;
  line-height: 80px; }

.flag {
  display: inline-block;
  width: 16px;
  height: 11px;
  margin-top: -1px;
  margin-right: 6px;
  margin-left: 1px;
  vertical-align: middle;
  line-height: 0;
  background: url(../images/flags.png) no-repeat; }
  .flag.flag-ad {
    background-position: -16px 0; }
  .flag.flag-ae {
    background-position: -32px 0; }
  .flag.flag-af {
    background-position: -48px 0; }
  .flag.flag-ag {
    background-position: -64px 0; }
  .flag.flag-ai {
    background-position: -80px 0; }
  .flag.flag-al {
    background-position: -96px 0; }
  .flag.flag-am {
    background-position: -112px 0; }
  .flag.flag-an {
    background-position: -128px 0; }
  .flag.flag-ao {
    background-position: -144px 0; }
  .flag.flag-ar {
    background-position: -160px 0; }
  .flag.flag-as {
    background-position: -176px 0; }
  .flag.flag-at {
    background-position: -192px 0; }
  .flag.flag-au {
    background-position: -208px 0; }
  .flag.flag-aw {
    background-position: -224px 0; }
  .flag.flag-az {
    background-position: -240px 0; }
  .flag.flag-ba {
    background-position: 0 -11px; }
  .flag.flag-bb {
    background-position: -16px -11px; }
  .flag.flag-bd {
    background-position: -32px -11px; }
  .flag.flag-be {
    background-position: -48px -11px; }
  .flag.flag-bf {
    background-position: -64px -11px; }
  .flag.flag-bg {
    background-position: -80px -11px; }
  .flag.flag-bh {
    background-position: -96px -11px; }
  .flag.flag-bi {
    background-position: -112px -11px; }
  .flag.flag-bj {
    background-position: -128px -11px; }
  .flag.flag-bm {
    background-position: -144px -11px; }
  .flag.flag-bn {
    background-position: -160px -11px; }
  .flag.flag-bo {
    background-position: -176px -11px; }
  .flag.flag-br {
    background-position: -192px -11px; }
  .flag.flag-bs {
    background-position: -208px -11px; }
  .flag.flag-bt {
    background-position: -224px -11px; }
  .flag.flag-bv {
    background-position: -240px -11px; }
  .flag.flag-bw {
    background-position: 0 -22px; }
  .flag.flag-by {
    background-position: -16px -22px; }
  .flag.flag-bz {
    background-position: -32px -22px; }
  .flag.flag-ca {
    background-position: -48px -22px; }
  .flag.flag-catalonia {
    background-position: -64px -22px; }
  .flag.flag-cd {
    background-position: -80px -22px; }
  .flag.flag-cf {
    background-position: -96px -22px; }
  .flag.flag-cg {
    background-position: -112px -22px; }
  .flag.flag-ch {
    background-position: -128px -22px; }
  .flag.flag-ci {
    background-position: -144px -22px; }
  .flag.flag-ck {
    background-position: -160px -22px; }
  .flag.flag-cl {
    background-position: -176px -22px; }
  .flag.flag-cm {
    background-position: -192px -22px; }
  .flag.flag-cn {
    background-position: -208px -22px; }
  .flag.flag-co {
    background-position: -224px -22px; }
  .flag.flag-cr {
    background-position: -240px -22px; }
  .flag.flag-cu {
    background-position: 0 -33px; }
  .flag.flag-cv {
    background-position: -16px -33px; }
  .flag.flag-cw {
    background-position: -32px -33px; }
  .flag.flag-cy {
    background-position: -48px -33px; }
  .flag.flag-cz {
    background-position: -64px -33px; }
  .flag.flag-de {
    background-position: -80px -33px; }
  .flag.flag-dj {
    background-position: -96px -33px; }
  .flag.flag-dk {
    background-position: -112px -33px; }
  .flag.flag-dm {
    background-position: -128px -33px; }
  .flag.flag-do {
    background-position: -144px -33px; }
  .flag.flag-dz {
    background-position: -160px -33px; }
  .flag.flag-ec {
    background-position: -176px -33px; }
  .flag.flag-ee {
    background-position: -192px -33px; }
  .flag.flag-eg {
    background-position: -208px -33px; }
  .flag.flag-eh {
    background-position: -224px -33px; }
  .flag.flag-england {
    background-position: -240px -33px; }
  .flag.flag-er {
    background-position: 0 -44px; }
  .flag.flag-es {
    background-position: -16px -44px; }
  .flag.flag-et {
    background-position: -32px -44px; }
  .flag.flag-eu {
    background-position: -48px -44px; }
  .flag.flag-fi {
    background-position: -64px -44px; }
  .flag.flag-fj {
    background-position: -80px -44px; }
  .flag.flag-fk {
    background-position: -96px -44px; }
  .flag.flag-fm {
    background-position: -112px -44px; }
  .flag.flag-fo {
    background-position: -128px -44px; }
  .flag.flag-fr {
    background-position: -144px -44px; }
  .flag.flag-ga {
    background-position: -160px -44px; }
  .flag.flag-gb {
    background-position: -176px -44px; }
  .flag.flag-gd {
    background-position: -192px -44px; }
  .flag.flag-ge {
    background-position: -208px -44px; }
  .flag.flag-gf {
    background-position: -224px -44px; }
  .flag.flag-gg {
    background-position: -240px -44px; }
  .flag.flag-gh {
    background-position: 0 -55px; }
  .flag.flag-gi {
    background-position: -16px -55px; }
  .flag.flag-gl {
    background-position: -32px -55px; }
  .flag.flag-gm {
    background-position: -48px -55px; }
  .flag.flag-gn {
    background-position: -64px -55px; }
  .flag.flag-gp {
    background-position: -80px -55px; }
  .flag.flag-gq {
    background-position: -96px -55px; }
  .flag.flag-gr {
    background-position: -112px -55px; }
  .flag.flag-gs {
    background-position: -128px -55px; }
  .flag.flag-gt {
    background-position: -144px -55px; }
  .flag.flag-gu {
    background-position: -160px -55px; }
  .flag.flag-gw {
    background-position: -176px -55px; }
  .flag.flag-gy {
    background-position: -192px -55px; }
  .flag.flag-hk {
    background-position: -208px -55px; }
  .flag.flag-hm {
    background-position: -224px -55px; }
  .flag.flag-hn {
    background-position: -240px -55px; }
  .flag.flag-hr {
    background-position: 0 -66px; }
  .flag.flag-ht {
    background-position: -16px -66px; }
  .flag.flag-hu {
    background-position: -32px -66px; }
  .flag.flag-ic {
    background-position: -48px -66px; }
  .flag.flag-id {
    background-position: -64px -66px; }
  .flag.flag-ie {
    background-position: -80px -66px; }
  .flag.flag-il {
    background-position: -96px -66px; }
  .flag.flag-im {
    background-position: -112px -66px; }
  .flag.flag-in {
    background-position: -128px -66px; }
  .flag.flag-io {
    background-position: -144px -66px; }
  .flag.flag-iq {
    background-position: -160px -66px; }
  .flag.flag-ir {
    background-position: -176px -66px; }
  .flag.flag-is {
    background-position: -192px -66px; }
  .flag.flag-it {
    background-position: -208px -66px; }
  .flag.flag-je {
    background-position: -224px -66px; }
  .flag.flag-jm {
    background-position: -240px -66px; }
  .flag.flag-jo {
    background-position: 0 -77px; }
  .flag.flag-jp {
    background-position: -16px -77px; }
  .flag.flag-ke {
    background-position: -32px -77px; }
  .flag.flag-kg {
    background-position: -48px -77px; }
  .flag.flag-kh {
    background-position: -64px -77px; }
  .flag.flag-ki {
    background-position: -80px -77px; }
  .flag.flag-km {
    background-position: -96px -77px; }
  .flag.flag-kn {
    background-position: -112px -77px; }
  .flag.flag-kp {
    background-position: -128px -77px; }
  .flag.flag-kr {
    background-position: -144px -77px; }
  .flag.flag-kurdistan {
    background-position: -160px -77px; }
  .flag.flag-kw {
    background-position: -176px -77px; }
  .flag.flag-ky {
    background-position: -192px -77px; }
  .flag.flag-kz {
    background-position: -208px -77px; }
  .flag.flag-la {
    background-position: -224px -77px; }
  .flag.flag-lb {
    background-position: -240px -77px; }
  .flag.flag-lc {
    background-position: 0 -88px; }
  .flag.flag-li {
    background-position: -16px -88px; }
  .flag.flag-lk {
    background-position: -32px -88px; }
  .flag.flag-lr {
    background-position: -48px -88px; }
  .flag.flag-ls {
    background-position: -64px -88px; }
  .flag.flag-lt {
    background-position: -80px -88px; }
  .flag.flag-lu {
    background-position: -96px -88px; }
  .flag.flag-lv {
    background-position: -112px -88px; }
  .flag.flag-ly {
    background-position: -128px -88px; }
  .flag.flag-ma {
    background-position: -144px -88px; }
  .flag.flag-mc {
    background-position: -160px -88px; }
  .flag.flag-md {
    background-position: -176px -88px; }
  .flag.flag-me {
    background-position: -192px -88px; }
  .flag.flag-mg {
    background-position: -208px -88px; }
  .flag.flag-mh {
    background-position: -224px -88px; }
  .flag.flag-mk {
    background-position: -240px -88px; }
  .flag.flag-ml {
    background-position: 0 -99px; }
  .flag.flag-mm {
    background-position: -16px -99px; }
  .flag.flag-mn {
    background-position: -32px -99px; }
  .flag.flag-mo {
    background-position: -48px -99px; }
  .flag.flag-mp {
    background-position: -64px -99px; }
  .flag.flag-mq {
    background-position: -80px -99px; }
  .flag.flag-mr {
    background-position: -96px -99px; }
  .flag.flag-ms {
    background-position: -112px -99px; }
  .flag.flag-mt {
    background-position: -128px -99px; }
  .flag.flag-mu {
    background-position: -144px -99px; }
  .flag.flag-mv {
    background-position: -160px -99px; }
  .flag.flag-mw {
    background-position: -176px -99px; }
  .flag.flag-mx {
    background-position: -192px -99px; }
  .flag.flag-my {
    background-position: -208px -99px; }
  .flag.flag-mz {
    background-position: -224px -99px; }
  .flag.flag-na {
    background-position: -240px -99px; }
  .flag.flag-nc {
    background-position: 0 -110px; }
  .flag.flag-ne {
    background-position: -16px -110px; }
  .flag.flag-nf {
    background-position: -32px -110px; }
  .flag.flag-ng {
    background-position: -48px -110px; }
  .flag.flag-ni {
    background-position: -64px -110px; }
  .flag.flag-nl {
    background-position: -80px -110px; }
  .flag.flag-no {
    background-position: -96px -110px; }
  .flag.flag-np {
    background-position: -112px -110px; }
  .flag.flag-nr {
    background-position: -128px -110px; }
  .flag.flag-nu {
    background-position: -144px -110px; }
  .flag.flag-nz {
    background-position: -160px -110px; }
  .flag.flag-om {
    background-position: -176px -110px; }
  .flag.flag-pa {
    background-position: -192px -110px; }
  .flag.flag-pe {
    background-position: -208px -110px; }
  .flag.flag-pf {
    background-position: -224px -110px; }
  .flag.flag-pg {
    background-position: -240px -110px; }
  .flag.flag-ph {
    background-position: 0 -121px; }
  .flag.flag-pk {
    background-position: -16px -121px; }
  .flag.flag-pl {
    background-position: -32px -121px; }
  .flag.flag-pm {
    background-position: -48px -121px; }
  .flag.flag-pn {
    background-position: -64px -121px; }
  .flag.flag-pr {
    background-position: -80px -121px; }
  .flag.flag-ps {
    background-position: -96px -121px; }
  .flag.flag-pt {
    background-position: -112px -121px; }
  .flag.flag-pw {
    background-position: -128px -121px; }
  .flag.flag-py {
    background-position: -144px -121px; }
  .flag.flag-qa {
    background-position: -160px -121px; }
  .flag.flag-re {
    background-position: -176px -121px; }
  .flag.flag-ro {
    background-position: -192px -121px; }
  .flag.flag-rs {
    background-position: -208px -121px; }
  .flag.flag-ru {
    background-position: -224px -121px; }
  .flag.flag-rw {
    background-position: -240px -121px; }
  .flag.flag-sa {
    background-position: 0 -132px; }
  .flag.flag-sb {
    background-position: -16px -132px; }
  .flag.flag-sc {
    background-position: -32px -132px; }
  .flag.flag-scotland {
    background-position: -48px -132px; }
  .flag.flag-sd {
    background-position: -64px -132px; }
  .flag.flag-se {
    background-position: -80px -132px; }
  .flag.flag-sg {
    background-position: -96px -132px; }
  .flag.flag-sh {
    background-position: -112px -132px; }
  .flag.flag-si {
    background-position: -128px -132px; }
  .flag.flag-sk {
    background-position: -144px -132px; }
  .flag.flag-sl {
    background-position: -160px -132px; }
  .flag.flag-sm {
    background-position: -176px -132px; }
  .flag.flag-sn {
    background-position: -192px -132px; }
  .flag.flag-so {
    background-position: -208px -132px; }
  .flag.flag-somaliland {
    background-position: -224px -132px; }
  .flag.flag-sr {
    background-position: -240px -132px; }
  .flag.flag-ss {
    background-position: 0 -143px; }
  .flag.flag-st {
    background-position: -16px -143px; }
  .flag.flag-sv {
    background-position: -32px -143px; }
  .flag.flag-sx {
    background-position: -48px -143px; }
  .flag.flag-sy {
    background-position: -64px -143px; }
  .flag.flag-sz {
    background-position: -80px -143px; }
  .flag.flag-tc {
    background-position: -96px -143px; }
  .flag.flag-td {
    background-position: -112px -143px; }
  .flag.flag-tf {
    background-position: -128px -143px; }
  .flag.flag-tg {
    background-position: -144px -143px; }
  .flag.flag-th {
    background-position: -160px -143px; }
  .flag.flag-tibet {
    background-position: -176px -143px; }
  .flag.flag-tj {
    background-position: -192px -143px; }
  .flag.flag-tk {
    background-position: -208px -143px; }
  .flag.flag-tl {
    background-position: -224px -143px; }
  .flag.flag-tm {
    background-position: -240px -143px; }
  .flag.flag-tn {
    background-position: 0 -154px; }
  .flag.flag-to {
    background-position: -16px -154px; }
  .flag.flag-tr {
    background-position: -32px -154px; }
  .flag.flag-tt {
    background-position: -48px -154px; }
  .flag.flag-tv {
    background-position: -64px -154px; }
  .flag.flag-tw {
    background-position: -80px -154px; }
  .flag.flag-tz {
    background-position: -96px -154px; }
  .flag.flag-ua {
    background-position: -112px -154px; }
  .flag.flag-ug {
    background-position: -128px -154px; }
  .flag.flag-um {
    background-position: -144px -154px; }
  .flag.flag-us {
    background-position: -160px -154px; }
  .flag.flag-uy {
    background-position: -176px -154px; }
  .flag.flag-uz {
    background-position: -192px -154px; }
  .flag.flag-va {
    background-position: -208px -154px; }
  .flag.flag-vc {
    background-position: -224px -154px; }
  .flag.flag-ve {
    background-position: -240px -154px; }
  .flag.flag-vg {
    background-position: 0 -165px; }
  .flag.flag-vi {
    background-position: -16px -165px; }
  .flag.flag-vn {
    background-position: -32px -165px; }
  .flag.flag-vu {
    background-position: -48px -165px; }
  .flag.flag-wales {
    background-position: -64px -165px; }
  .flag.flag-wf {
    background-position: -80px -165px; }
  .flag.flag-ws {
    background-position: -96px -165px; }
  .flag.flag-xk {
    background-position: -112px -165px; }
  .flag.flag-ye {
    background-position: -128px -165px; }
  .flag.flag-yt {
    background-position: -144px -165px; }
  .flag.flag-za {
    background-position: -160px -165px; }
  .flag.flag-zanzibar {
    background-position: -176px -165px; }
  .flag.flag-zm {
    background-position: -192px -165px; }
  .flag.flag-zw {
    background-position: -208px -165px; }

@font-face {
  font-family: "porto";
  src: url("../fonts/porto.eot?64334846");
  src: url("../fonts/porto.eot?64334846#iefix") format("embedded-opentype"), url("../fonts/porto.woff2?64334846") format("woff2"), url("../fonts/porto.woff?64334846") format("woff"), url("../fonts/porto.ttf?64334846") format("truetype"), url("../fonts/porto.svg?64334846#porto") format("svg");
  font-style: normal;
  font-weight: normal;
  font-display: swap; }
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'porto';
		font-display: swap;
		src: url('../fonts/porto.svg?64334846#porto') format('svg');
	}
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "porto";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-cart-thick:before {
  content: '\e700'; }
.icon-check-circle:before {
  content: '\e701'; }
.icon-envelop:before {
  content: '\e702'; }
.icon-business-book:before {
  content: '\e703'; }
.icon-long-arrow-right:before {
  content: '\e704'; }
.icon-percent-shape:before {
  content: '\e705'; }
.icon-sale-label:before {
  content: '\e706'; }
.icon-help-circle:before {
  content: '\e707'; }
.icon-sale-discount:before {
  content: '\e708'; }
.icon-shipping-truck:before {
  content: '\e709'; }
.icon-user-3:before {
  content: '\e70a'; }
.icon-long-arrow-alt:before {
  content: '\e70b'; }
.icon-map-location:before {
  content: '\e70c'; }
.icon-phone-call:before {
  content: '\e70d'; }
.icon-tablet:before {
  content: '\e70e'; }
.icon-spin1:before {
  content: '\e800'; }
.icon-spin2:before {
  content: '\e801'; }
.icon-spin3:before {
  content: '\e802'; }
.icon-spin4:before {
  content: '\e803'; }
.icon-spin5:before {
  content: '\e804'; }
.icon-spin6:before {
  content: '\e805'; }
.icon-firefox:before {
  content: '\e806'; }
.icon-chrome:before {
  content: '\e807'; }
.icon-opera:before {
  content: '\e808'; }
.icon-ie:before {
  content: '\e809'; }
.icon-phone:before {
  content: '\e80a'; }
.icon-down-dir:before {
  content: '\e80b'; }
.icon-cart:before {
  content: '\e80c'; }
.icon-up-dir:before {
  content: '\e80d'; }
.icon-mode-grid:before {
  content: '\e80e'; }
.icon-mode-list:before {
  content: '\e80f'; }
.icon-compare:before {
  content: '\e810'; }
.icon-wishlist:before {
  content: '\e811'; }
.icon-search:before {
  content: '\e812'; }
.icon-left-dir:before {
  content: '\e813'; }
.icon-right-dir:before {
  content: '\e814'; }
.icon-down-open:before {
  content: '\e815'; }
.icon-left-open:before {
  content: '\e816'; }
.icon-right-open:before {
  content: '\e817'; }
.icon-up-open:before {
  content: '\e818'; }
.icon-angle-left:before {
  content: '\e819'; }
.icon-angle-right:before {
  content: '\e81a'; }
.icon-angle-up:before {
  content: '\e81b'; }
.icon-angle-down:before {
  content: '\e81c'; }
.icon-down:before {
  content: '\e81d'; }
.icon-left:before {
  content: '\e81e'; }
.icon-right:before {
  content: '\e81f'; }
.icon-up:before {
  content: '\e820'; }
.icon-angle-double-left:before {
  content: '\e821'; }
.icon-angle-double-right:before {
  content: '\e822'; }
.icon-angle-double-up:before {
  content: '\e823'; }
.icon-angle-double-down:before {
  content: '\e824'; }
.icon-mail:before {
  content: '\e825'; }
.icon-location:before {
  content: '\e826'; }
.icon-skype:before {
  content: '\e827'; }
.icon-right-open-big:before {
  content: '\e828'; }
.icon-left-open-big:before {
  content: '\e829'; }
.icon-down-open-big:before {
  content: '\e82a'; }
.icon-up-open-big:before {
  content: '\e82b'; }
.icon-cancel:before {
  content: '\e82c'; }
.icon-user:before {
  content: '\e82d'; }
.icon-mail-alt:before {
  content: '\e82e'; }
.icon-fax:before {
  content: '\e82f'; }
.icon-lock:before {
  content: '\e830'; }
.icon-company:before {
  content: '\e831'; }
.icon-city:before {
  content: '\e832'; }
.icon-post:before {
  content: '\e833'; }
.icon-country:before {
  content: '\e834'; }
.icon-calendar:before {
  content: '\e835'; }
.icon-doc:before {
  content: '\e836'; }
.icon-mobile:before {
  content: '\e837'; }
.icon-clock:before {
  content: '\e838'; }
.icon-chat:before {
  content: '\e839'; }
.icon-tag:before {
  content: '\e83a'; }
.icon-folder:before {
  content: '\e83b'; }
.icon-folder-open:before {
  content: '\e83c'; }
.icon-forward:before {
  content: '\e83d'; }
.icon-reply:before {
  content: '\e83e'; }
.icon-cog:before {
  content: '\e83f'; }
.icon-cog-alt:before {
  content: '\e840'; }
.icon-wrench:before {
  content: '\e841'; }
.icon-quote-left:before {
  content: '\e842'; }
.icon-quote-right:before {
  content: '\e843'; }
.icon-gift:before {
  content: '\e844'; }
.icon-dollar:before {
  content: '\e845'; }
.icon-euro:before {
  content: '\e846'; }
.icon-pound:before {
  content: '\e847'; }
.icon-rupee:before {
  content: '\e848'; }
.icon-yen:before {
  content: '\e849'; }
.icon-rouble:before {
  content: '\e84a'; }
.icon-try:before {
  content: '\e84b'; }
.icon-won:before {
  content: '\e84c'; }
.icon-bitcoin:before {
  content: '\e84d'; }
.icon-ok:before {
  content: '\e84e'; }
.icon-chevron-left:before {
  content: '\e84f'; }
.icon-chevron-right:before {
  content: '\e850'; }
.icon-export:before {
  content: '\e851'; }
.icon-star:before {
  content: '\e852'; }
.icon-star-empty:before {
  content: '\e853'; }
.icon-plus-squared:before {
  content: '\e854'; }
.icon-minus-squared:before {
  content: '\e855'; }
.icon-plus-squared-alt:before {
  content: '\e856'; }
.icon-minus-squared-alt:before {
  content: '\e857'; }
.icon-truck:before {
  content: '\e858'; }
.icon-lifebuoy:before {
  content: '\e859'; }
.icon-pencil:before {
  content: '\e85a'; }
.icon-users:before {
  content: '\e85b'; }
.icon-video:before {
  content: '\e85c'; }
.icon-menu:before {
  content: '\e85d'; }
.icon-desktop:before {
  content: '\e85e'; }
.icon-doc-inv:before {
  content: '\e85f'; }
.icon-circle:before {
  content: '\e860'; }
.icon-circle-empty:before {
  content: '\e861'; }
.icon-circle-thin:before {
  content: '\e862'; }
.icon-mini-cart:before {
  content: '\e863'; }
.icon-paper-plane:before {
  content: '\e864'; }
.icon-attention-alt:before {
  content: '\e865'; }
.icon-info:before {
  content: '\e866'; }
.icon-compare-link:before {
  content: '\e867'; }
.icon-cat-default:before {
  content: '\e868'; }
.icon-cat-computer:before {
  content: '\e869'; }
.icon-cat-couch:before {
  content: '\e86a'; }
.icon-cat-garden:before {
  content: '\e86b'; }
.icon-cat-gift:before {
  content: '\e86c'; }
.icon-cat-shirt:before {
  content: '\e86d'; }
.icon-cat-sport:before {
  content: '\e86e'; }
.icon-cat-toys:before {
  content: '\e86f'; }
.icon-tag-line:before {
  content: '\e870'; }
.icon-bag:before {
  content: '\e871'; }
.icon-search-1:before {
  content: '\e872'; }
.icon-plus:before {
  content: '\e873'; }
.icon-minus:before {
  content: '\e874'; }
.icon-search-2:before {
  content: '\e875'; }
.icon-bag-1:before {
  content: '\e876'; }
.icon-online-support:before {
  content: '\e877'; }
.icon-shopping-bag:before {
  content: '\e878'; }
.icon-us-dollar:before {
  content: '\e879'; }
.icon-shipped:before {
  content: '\e87a'; }
.icon-list:before {
  content: '\e87b'; }
.icon-money:before {
  content: '\e87c'; }
.icon-shipping:before {
  content: '\e87d'; }
.icon-support:before {
  content: '\e87e'; }
.icon-bag-2:before {
  content: '\e87f'; }
.icon-grid:before {
  content: '\e880'; }
.icon-bag-3:before {
  content: '\e881'; }
.icon-direction:before {
  content: '\e882'; }
.icon-home:before {
  content: '\e883'; }
.icon-magnifier:before {
  content: '\e884'; }
.icon-magnifier-add:before {
  content: '\e885'; }
.icon-magnifier-remove:before {
  content: '\e886'; }
.icon-phone-1:before {
  content: '\e887'; }
.icon-clock-1:before {
  content: '\e888'; }
.icon-heart:before {
  content: '\e889'; }
.icon-heart-1:before {
  content: '\e88a'; }
.icon-earphones-alt:before {
  content: '\e88b'; }
.icon-credit-card:before {
  content: '\e88c'; }
.icon-action-undo:before {
  content: '\e88d'; }
.icon-envolope:before {
  content: '\e88e'; }
.icon-chart:before {
  content: '\e88f'; }
.icon-category-home:before {
  content: '\e900'; }
.icon-category-motors:before {
  content: '\e901'; }
.icon-category-music:before {
  content: '\e902'; }
.icon-category-gifts:before {
  content: '\e903'; }
.icon-category-electronics:before {
  content: '\e904'; }
.icon-category-fashion:before {
  content: '\e905'; }
.icon-category-hot-deals:before {
  content: '\e906'; }
.icon-tag-percent:before {
  content: '\e907'; }
.icon-joystick:before {
  content: '\e908'; }
.icon-category-furniture:before {
  content: '\e909'; }
.icon-category-garden:before {
  content: '\e90a'; }
.icon-category-lanterns-lighting:before {
  content: '\e90b'; }
.icon-category-mechanics:before {
  content: '\e90c'; }
.icon-category-motorcycles:before {
  content: '\e90d'; }
.icon-category-sound-video:before {
  content: '\e90e'; }
.icon-category-steering:before {
  content: '\e90f'; }
.icon-category-external-accessories:before {
  content: '\e910'; }
.icon-category-fluids:before {
  content: '\e911'; }
.icon-category-internal-accessories:before {
  content: '\e912'; }
.icon-category-chains:before {
  content: '\e913'; }
.icon-category-frames:before {
  content: '\e914'; }
.icon-category-pedals:before {
  content: '\e915'; }
.icon-category-saddle:before {
  content: '\e916'; }
.icon-category-tools:before {
  content: '\e917'; }
.icon-search-3:before {
  content: '\e918'; }
.icon-secure-payment:before {
  content: '\e919'; }
.icon-user-2:before {
  content: '\e91a'; }
.icon-wishlist-2:before {
  content: '\e91b'; }
.icon-gift-2:before {
  content: '\e91c'; }
.icon-edit:before {
  content: '\e91d'; }
.icon-chef:before {
  content: '\e91e'; }
.icon-smiling-girl:before {
  content: '\e91f'; }
.icon-tshirt:before {
  content: '\e920'; }
.icon-boy-broad-smile:before {
  content: '\e921'; }
.icon-smiling-baby:before {
  content: '\e922'; }
.icon-bars:before {
  content: '\e923'; }
.icon-twitter:before {
  content: '\f099'; }
.icon-facebook:before {
  content: '\f09a'; }
.icon-spinner:before {
  content: '\f110'; }
.icon-instagram:before {
  content: '\f16d'; }
.icon-check-empty:before {
  content: '\f87a'; }
.icon-check:before {
  content: '\f87b'; }
.icon-shopping-cart:before {
  content: '\e8ba'; }
.icon-phone-2:before {
  content: '\e8bb'; }
.icon-percent-circle:before {
  content: '\e8bf'; }
.icon-pulley:before {
  content: '\e8c1'; }
.icon-password-lock:before {
  content: '\e8c2'; }
.icon-pin:before {
  content: '\e8c4'; }
.icon-rotulo:before {
  content: '\e8c6'; }
.icon-comida-organica:before {
  content: '\e8c7'; }
.icon-estrela:before {
  content: '\e8c8'; }
.icon-fazer-compras:before {
  content: '\e8c9'; }
.icon-gluten:before {
  content: '\e8ca'; }
.icon-arrow-forward-right:before {
  content: '\e8cc'; }

form {
  margin-bottom: 3.5rem; }
  form h2 {
    margin-top: 3.4rem;
    margin-bottom: 2.3rem; }

.form-group {
  margin-bottom: 1.4rem; }
  .form-group .form-control,
  .form-group .select-custom {
    margin-bottom: 0; }
  .form-group .form-control + .form-control {
    margin-top: 1rem; }

.form-group-sm {
  max-width: 480px;
  margin-bottom: .9rem; }

.form-control {
  padding-left: 1.2rem;
  height: 46px;
  margin-bottom: 1rem;
  transition: all .3s;
  border: 1px solid #dfdfdf;
  border-radius: 0;
  background-color: #fff;
  color: #777;
  font-family: "Open Sans", sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5; }
  .form-control:focus {
    border-color: #dfdfdf;
    background-color: #fff;
    color: #777;
    box-shadow: none; }

.form-control-sm {
  height: 4.6rem;
  padding: .8rem 1.2rem; }

select.form-control:not([size]):not([multiple]) {
  height: 6rem; }

select.form-control-sm:not([size]):not([multiple]) {
  padding: 0;
  padding-left: 1.2rem;
  height: 3.7rem;
  font-size: 1.4rem;
  letter-spacing: -.013em; }

.main .form-control::-webkit-input-placeholder,
.main .form-control::-moz-placeholder,
.main .form-control:-ms-input-placeholder,
.main .form-control::-ms-input-placeholder,
.main .form-control::placeholder {
  font-family: Poppins, sans-serif; }

textarea.form-control {
  padding-top: .8rem;
  min-height: 151px;
  border-color: #ebebeb; }

.form-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 2rem;
  margin-bottom: 3.5rem;
  font-size: 1.2rem;
  vertical-align: middle; }
  .form-footer .form-footer-right {
    margin-right: 0;
    margin-left: auto; }
    .form-footer .form-footer-right .btn {
      margin: 0; }
  .form-footer .btn {
    margin-right: 3rem; }

.forget-pass {
  line-height: 1.3; }

label {
  margin: 0 0 .6rem;
  color: #222529;
  font-family: Poppins, sans-serif;
  font-size: 1.2rem;
  font-weight: 700; }

.required-field > label:after {
  margin: 0 0 0 .45rem;
  color: #e02b27;
  font-size: 1.2rem;
  content: '*'; }

.required {
  color: #e02b27; }
  .required + .form-footer {
    margin-top: .8rem; }

.select-custom {
  position: relative;
  margin-bottom: 1rem;
  background: #fff; }
  .select-custom select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    position: relative;
    z-index: 1;
    background: transparent; }
    .select-custom select:focus {
      background: transparent; }
    @media (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .select-custom select::-ms-expand {
        display: none; }
      .select-custom select:focus::-ms-value {
        background: transparent;
        color: currentColor; } }
  .select-custom:after {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 1.9rem;
    transform: translateY(-50%);
    font-family: 'porto';
    font-size: 1.6rem;
    content: '\e81c';
    padding-bottom: 2px;
    font-weight: 400; }
  .select-custom .form-control,
  .select-custom .form-control-sm {
    padding-right: 4rem; }

.form-group-custom-control {
  margin-top: 1.3rem; }
  .form-group-custom-control .custom-control {
    margin-top: 0;
    margin-bottom: 2rem; }
  .form-group-custom-control .custom-radio {
    margin-bottom: 2.2rem;
    padding-left: 2.9rem; }
  .form-group-custom-control + .form-group-custom-control {
    margin-top: -.5rem; }
  .form-group-custom-control .custom-control-label {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: initial;
    color: #777777;
    font-size: 13px; }

.custom-control {
  position: relative;
  margin-top: 3rem;
  margin-bottom: 3rem;
  padding-left: 3rem; }

.custom-control-label {
  position: static;
  margin-bottom: 0; }
  .custom-control-label:before, .custom-control-label:after {
    top: 0;
    left: 0;
    width: 2rem;
    height: 2rem;
    line-height: 2rem; }
  .custom-control-label:before {
    border: 1px solid #ccc;
    background-color: #fff; }
  .custom-radio .custom-control-label:after {
    top: 4px;
    left: .4rem;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%; }

.custom-radio .custom-control-input {
  position: absolute;
  z-index: 333;
  opacity: 0;
  left: 4px;
  top: 3px; }
.custom-radio .custom-control {
  padding-left: 2.9rem; }

.custom-checkbox .custom-control-label:after {
  top: 0;
  left: 4px; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
  background-color: transparent; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
  background: none;
  color: #222529;
  content: '\e84e';
  font-family: 'porto'; }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:before {
  background-color: #f4631b; }

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none; }

.custom-radio .custom-control-label:before {
  background-color: transparent !important; }

.custom-radio .custom-control-input:checked ~ .custom-control-label:after {
  background-image: none;
  background-color: #f4631b; }

.form-control-tooltip {
  position: relative;
  padding-right: 4rem; }
  .form-control-tooltip .input-tooltip {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    transition: all .3s;
    color: #777;
    font-size: 2.4rem; }
    .form-control-tooltip .input-tooltip:hover, .form-control-tooltip .input-tooltip:focus {
      color: #000; }

.form-input {
  padding: 1rem 1.2rem;
  border: 1px solid #ddd;
  border-radius: 2px; }

.form-wide {
  width: 100%; }

@media (min-width: 768px) {
  form,
  .form-footer {
    margin-bottom: 4rem; }

  form h2 {
    margin-top: 4.4rem; } }
@media (min-width: 992px) {
  form,
  .form-footer {
    margin-bottom: 5rem; } }
.info-box {
  display: flex;
  align-items: center;
  width: 100%;
  color: #222529; }
  .info-box i {
    color: inherit;
    font-size: 3.7rem;
    text-align: center; }
    .info-box i:before {
      width: auto;
      margin: 0 .1em; }
  .info-box h4 {
    color: inherit;
    margin-bottom: 0;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.1; }
  .info-box p {
    margin-bottom: 0;
    font-size: 1.3rem;
    line-height: 1.6; }
  .info-box .porto-info {
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    color: #2f6473; }

.info-box.with-icon p:before {
  float: left;
  content: '\f05a';
  color: #5bc0de;
  font-family: "Font Awesome 5 Free";
  font-size: 2rem;
  font-weight: 900;
  line-height: 1;
  margin-right: 5px;
  margin-top: 3px; }

.info-box-icon-left {
  justify-content: center; }
  .info-box-icon-left i {
    line-height: 0;
    margin-right: 1.5rem; }

.info-box-icon-right {
  justify-content: center; }
  .info-box-icon-right .info-box-content {
    text-align: right; }
  .info-box-icon-right i {
    line-height: 0;
    margin-left: 1.5rem; }

.info-box-icon-top {
  flex-direction: column;
  align-items: unset;
  justify-content: center; }
  .info-box-icon-top .info-box-content {
    text-align: center; }
  .info-box-icon-top i {
    line-height: 0;
    margin-bottom: 1.5rem; }

.info-box-img {
  flex-direction: column; }
  .info-box-img .info-desc {
    font-size: 1.6rem;
    color: #777; }

.modal form {
  margin: 0; }
  .modal form .form-group {
    max-width: 480px; }
  .modal form .form-control {
    max-width: 100%; }

.modal-body {
  padding: 1.5rem; }

.modal-content {
  border-radius: 0;
  box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35); }

.modal-header,
.modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 80px;
  padding-right: 1.5rem;
  padding-left: 1.5rem; }

.modal-title {
  font-weight: 400; }

.close {
  font-size: 2.2rem; }

@media (min-width: 576px) {
  .modal-content {
    margin-top: 20px;
    margin-bottom: 20px; }

  .modal-body {
    max-height: calc(100vh - 210px);
    padding-top: 2rem;
    overflow-y: auto; }

  .modal-header,
  .modal-footer,
  .modal-body {
    padding-right: 2em;
    padding-left: 2rem; } }
@media (min-width: 992px) {
  .modal-dialog {
    max-width: 800px; }

  .modal-header,
  .modal-footer,
  .modal-body {
    padding-right: 3rem;
    padding-left: 3rem; } }
@media (max-width: 479px) {
  .modal-open,
  .modal-open .modal {
    padding-right: 0 !important; } }
.page-header {
  padding: 5.5rem 0;
  color: #222529;
  background-color: #f4f4f4;
  text-align: center; }
  .page-header .breadcrumb {
    padding-top: .5rem;
    padding-bottom: 0; }
    .page-header .breadcrumb a {
      color: #f4631b; }
      .page-header .breadcrumb a:hover {
        text-decoration: underline; }
    .page-header .breadcrumb .breadcrumb-item:last-child:before {
      padding-right: .8rem; }
  .breadcrumb-nav + .page-header {
    margin-top: -2rem; }

.page-header h1,
.page-title {
  margin-bottom: .4rem;
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: -.05em;
  color: #222529; }

@media (min-width: 768px) {
  .breadcrumb-nav + .page-header {
    margin-top: -3rem; } }
@media (min-width: 992px) {
  .breadcrumb-nav + .page-header {
    margin-top: -4rem; } }
.toolbox {
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-between;
  -ms-flex-pack: justify;
  margin-bottom: 1rem;
  font-size: 1.2rem;
  line-height: 1.5; }
  .toolbox .select-custom:after {
    right: 1.5rem;
    font-size: 1.6rem;
    color: #222529; }
  .toolbox .select-custom .form-control {
    max-width: 160px;
    padding-right: 2.5rem;
    padding-left: .8rem;
    font-size: 1.3rem;
    padding-top: 1px; }
  .toolbox label {
    margin: 1px 1.1rem 0 0;
    color: #777;
    font-size: 1.3rem;
    font-weight: 400;
    font-family: "Open Sans", sans-serif; }
  .toolbox .form-control {
    display: inline-block;
    margin-bottom: 0;
    padding: 0 .8rem;
    color: #777; }
    .toolbox .form-control:focus {
      color: #777; }
  .toolbox select.form-control:not([size]):not([multiple]) {
    height: 34px; }
  .toolbox .toolbox-show .select-custom:after {
    right: 1rem; }

.toolbox,
.toolbox-left,
.toolbox-right,
.toolbox-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.toolbox-item {
  margin-bottom: 10px; }
  .toolbox-item:not(:last-child) {
    margin-right: 10px; }
  .toolbox-item.layout-modes {
    margin-top: -1px; }
  .toolbox-item.toolbox-sort {
    margin-right: 1.5rem; }
  .toolbox-item .select-custom {
    margin-bottom: 0; }

.toolbox-pagination {
  border-top: 1px solid #efefef;
  padding-top: 2.5rem;
  margin-bottom: 3.5rem; }

.pagination {
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  color: #706f6c;
  font-size: 1.4rem;
  font-weight: 600;
  font-family: Poppins, sans-serif; }

.page-item:not(:first-child) {
  margin-left: .5rem; }
.page-item.active .page-link {
  color: #706f6c;
  background-color: transparent;
  border-color: #f4631b; }
.page-item.disabled {
  display: none; }

.page-link {
  border: 1px solid #ccc;
  padding: 0 .5em;
  min-width: 2.2em;
  color: inherit;
  line-height: 2.1em;
  text-align: center; }
  .page-link:hover, .page-link:focus {
    color: #706f6c;
    background-color: transparent;
    border-color: #f4631b;
    box-shadow: none; }
  .page-link i {
    font-size: 2rem; }

span.page-link,
.page-link-btn {
  border: 0; }

.layout-btn {
  display: inline-block;
  width: 1.2em;
  color: #000;
  font-size: 16px;
  line-height: 34px;
  text-align: center; }
  .layout-btn:not(:last-child) {
    margin-right: 4px; }
  .layout-btn.active {
    color: #f4631b; }

@media (min-width: 992px) {
  .toolbox-pagination {
    margin-bottom: 0; } }
@media (max-width: 991px) {
  aside .toolbox-item {
    display: block; }
    aside .toolbox-item:after {
      content: normal; }

  .toolbox:not(.toolbox-pagination) {
    padding: 10px;
    background-color: #f4f4f4;
    margin-bottom: 2rem; }
    .toolbox:not(.toolbox-pagination) .toolbox-item {
      margin-bottom: 0; }

  .toolbox label {
    font-size: 11px;
    font-weight: 600;
    color: #222529; }
  .toolbox .select-custom .form-control {
    font-size: 11px;
    font-weight: 600;
    max-width: 140px;
    text-transform: uppercase;
    color: #222529; } }
@media (max-width: 767px) {
  .toolbox label {
    display: none; }
  .toolbox .select-custom:after {
    padding: 0; } }
@media (max-width: 575px) {
  .toolbox .layout-modes {
    display: none; }
  .toolbox .toolbox-show, .toolbox .toolbox-sort {
    margin-right: 0; }
  .toolbox .select-custom .form-control {
    max-width: 132px; } }
.minipopup-area {
  position: fixed;
  right: 20px;
  bottom: 20px;
  font-size: 1.1em;
  text-align: center;
  z-index: 20002; }

.minipopup-box {
  position: absolute;
  right: -100px;
  text-align: left;
  margin: auto auto 20px;
  padding: 20px;
  line-height: 1.4;
  box-shadow: 0 1px 30px rgba(0, 0, 0, 0.08);
  word-break: break-word;
  transform: translateY(-100%);
  width: 300px;
  z-index: 1000;
  background: #fff;
  opacity: 0;
  transition: right .4s ease-in-out, opacity .4s ease-in-out; }
  .minipopup-box.active {
    right: 0;
    opacity: 1; }
  .minipopup-box .product {
    display: flex;
    align-items: center;
    margin-bottom: 20px; }
  .minipopup-box figure {
    max-width: 60px;
    margin-right: 10px;
    margin-bottom: 0; }
  .minipopup-box .product-detail {
    font-family: Poppins, sans-serif;
    font-weight: 500; }
    .minipopup-box .product-detail .product-name {
      display: inline-block;
      color: #222529;
      font-size: 12px;
      font-weight: 700;
      line-height: 1.4em; }
      .minipopup-box .product-detail .product-name:hover {
        color: #f4631b; }
    .minipopup-box .product-detail p {
      font-size: 12px;
      letter-spacing: -.025em;
      margin-top: .5rem;
      margin-bottom: 0; }
  .minipopup-box .product-action .btn {
    min-width: 120px;
    letter-spacing: .025em;
    font-size: 11.2px;
    padding: 11.2px 22.4px; }
  .minipopup-box .product-action .btn.viewcart {
    background-color: #efefef;
    color: #000; }
  .minipopup-box .product-action .btn.checkout {
    float: right; }

.wishlist-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-width: 4px 0 0;
  font-weight: 600;
  line-height: 1.5;
  padding: 15px 20px;
  width: 250px;
  border-radius: 0;
  background-color: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity .35s, visibility .35s;
  z-index: 100; }
  .wishlist-popup .wishlist-popup-msg {
    font-weight: 600;
    line-height: 1.6;
    text-align: center; }
  .wishlist-popup.active {
    opacity: 1;
    visibility: visible;
    z-index: 1071; }

.login-popup .mfp-content {
  margin-top: 2.1rem;
  max-width: 872px;
  background-color: #fff; }
.login-popup .btn-regist {
  margin-top: 3.6rem;
  font-size: 1.6rem;
  letter-spacing: -.025em; }
.login-popup .form-footer-right {
  margin-bottom: .6rem; }
.login-popup .form-input {
  height: 42px; }
.login-popup .container {
  padding: 3.9rem 3.6rem 4.7rem; }
.login-popup .title {
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: -.01em;
  line-height: 1.45;
  margin-bottom: .9rem; }
.login-popup form {
  display: block; }
.login-popup label {
  color: #777;
  font-family: "Open Sans", sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.57;
  margin-bottom: .6rem; }
.login-popup .form-footer {
  margin: 1rem 0 2.1rem; }
  .login-popup .form-footer .custom-control {
    margin: 0 0 0 auto;
    font-size: 1.3rem;
    padding-left: 2.5rem; }
.login-popup .forget-password {
  color: #222529;
  font-size: 1.4rem;
  font-family: "Open Sans", sans-serif;
  font-weight: 600; }
.login-popup .btn-block {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  padding: 1.5rem 2.4rem;
  letter-spacing: -.02em; }
.login-popup .form-control {
  padding-left: 2.5rem; }
  .login-popup .form-control:hover {
    outline: none; }
.login-popup .custom-control-label {
  margin-top: 2px;
  font-size: 1.2rem; }

.newsletter-popup {
  position: relative;
  max-width: 740px;
  margin-right: auto;
  margin-left: auto;
  padding: 64px 40px;
  border-radius: 0;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.12); }

.mfp-bg {
  background-color: #777777; }

button.mfp-close {
  position: absolute;
  top: 0;
  right: 0;
  overflow: visible;
  opacity: 0.65;
  cursor: pointer;
  background: transparent;
  border: 0;
  text-indent: -9999px;
  transform: rotateZ(45deg);
  color: #838383; }
  button.mfp-close:hover {
    opacity: 1; }
  .mfp-image-holder button.mfp-close {
    width: 41px;
    color: #fff;
    text-align: left; }
  button.mfp-close:after {
    content: '';
    position: absolute;
    height: 17px;
    top: 12px;
    left: 20px;
    border-left: 1px solid; }
  button.mfp-close:before {
    content: '';
    position: absolute;
    width: 17px;
    top: 20px;
    left: 12px;
    border-top: 1px solid; }

.newsletter-popup-content {
  max-width: 357px; }
  .newsletter-popup-content .form-control {
    height: auto;
    padding: 7px 12px 9px 22px;
    border-radius: 3rem 0 0 3rem;
    font-size: 1.36rem;
    line-height: 2.4;
    border: none;
    background-color: #f4f4f4; }
    .newsletter-popup-content .form-control::placeholder {
      position: relative;
      top: 2px;
      color: #999; }
  .newsletter-popup-content .btn {
    margin-left: -1px;
    padding: 0 32px 0 25px;
    border-radius: 0 3rem 3rem 0;
    font-size: 1.28rem;
    font-family: "Open Sans", sans-serif;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase; }

.logo-newsletter {
  display: inline-block;
  max-width: 111px;
  height: auto; }

.newsletter-popup h2 {
  margin: 24px 0 5px;
  color: #313131;
  font-size: 1.8rem;
  font-weight: 700;
  text-transform: uppercase; }

.newsletter-popup p {
  font-size: 1.4rem;
  line-height: 1.85;
  letter-spacing: -.02em;
  margin-bottom: 2.4rem; }

.newsletter-popup form {
  margin: 0 0 2.7rem; }

.newsletter-popup .custom-control {
  margin: 0 0 4px 1px;
  padding-left: 2.5rem; }

.newsletter-subscribe {
  font-size: 1.1rem;
  text-align: left; }
  .newsletter-subscribe .checkbox {
    margin: 1.5rem 0; }
  .newsletter-subscribe input {
    margin-right: .5rem;
    vertical-align: middle; }
  .newsletter-subscribe label {
    margin-top: .2rem;
    color: inherit;
    font-size: 1.2rem;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    text-transform: none; }

.mfp-newsletter.mfp-removing {
  transition: opacity .35s ease-out;
  opacity: 0; }

.mfp-ready .mfp-preloader {
  display: none; }

.mfp-zoom-out-cur .mfp-bg {
  opacity: .8;
  background-color: #0b0b0b; }
.mfp-zoom-out-cur .mfp-counter {
  color: #fff; }
.mfp-zoom-out-cur .mfp-arrow-right:before {
  border-left: 0; }
.mfp-zoom-out-cur .mfp-arrow-left:before {
  border-right: 0; }

.mfp-ajax-product.mfp-bg,
.login-popup.mfp-bg {
  opacity: .6;
  background-color: transparent; }

.mfp-ajax-product .product-single-container {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.mfp-wrap .mfp-content {
  transition: all .35s ease-out;
  opacity: 0; }

.login-popup.mfp-wrap .mfp-content {
  max-width: 525px; }

.mfp-ajax-product.mfp-wrap .mfp-content {
  max-width: 931px; }

.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }

.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0; }

.mfp-ajax-product {
  z-index: 1058; }

.mfp-bg.mfp-newsletter, .mfp-bg.login-popup,
.mfp-wrap.mfp-newsletter,
.mfp-wrap.login-popup {
  z-index: 1058; }

@media (max-width: 991px) {
  .mfp-container {
    padding: .6rem; } }
@media (max-width: 479px) {
  .minipopup-area {
    right: 10px; }

  .minipopup-box {
    width: 290px; }

  .newsletter-popup {
    padding: 54px 30px; } }
@media (min-width: 768px) {
  .login-popup .col-md-6 {
    padding: 0 2rem; }
    .login-popup .col-md-6:first-child {
      border-right: 1px solid #f5f6f6; } }
.product-intro.owl-carousel.owl-theme .owl-nav.disabled + .owl-dots {
  margin: 0; }
.product-intro.owl-carousel.owl-theme .owl-dots {
  top: -58px;
  position: absolute;
  right: 0; }
.product-intro.owl-carousel.owl-theme .owl-dots .owl-dot span {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  border: 2px solid;
  background: none;
  margin: 5px 2px;
  border-radius: 7px;
  border-color: rgba(0, 68, 102, 0.4);
  transition: opacity .2s; }
.product-intro.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .product-intro.owl-carousel.owl-theme .owl-dots .owl-dot:hover span {
  background: none;
  border-color: #f4631b; }
  .product-intro.owl-carousel.owl-theme .owl-dots .owl-dot.active span:before, .product-intro.owl-carousel.owl-theme .owl-dots .owl-dot:hover span:before {
    display: none; }
  .product-intro.owl-carousel.owl-theme .owl-dots .owl-dot.active span:after, .product-intro.owl-carousel.owl-theme .owl-dots .owl-dot:hover span:after {
    content: '';
    position: absolute;
    left: 3px;
    bottom: 3px;
    right: 3px;
    top: 3px;
    border-radius: 10px;
    background-color: #f4631b; }
.product-intro.owl-carousel.owl-theme .owl-nav {
  color: #333;
  font-size: 2.4rem; }
  .product-intro.owl-carousel.owl-theme .owl-nav .owl-prev,
  .product-intro.owl-carousel.owl-theme .owl-nav .owl-next {
    opacity: 0;
    transition: opacity .2s, transform .4s;
    top: 30%;
    width: 30px; }
  .product-intro.owl-carousel.owl-theme .owl-nav .owl-prev {
    text-align: left;
    left: -30px;
    padding-right: 30px;
    transform: translateX(-10px); }
  .product-intro.owl-carousel.owl-theme .owl-nav .owl-next {
    text-align: right;
    right: -30px;
    padding-left: 30px;
    transform: translateX(10px); }
.product-intro.owl-carousel.owl-theme:hover .owl-prev,
.product-intro.owl-carousel.owl-theme:hover .owl-next {
  transform: translateX(0);
  opacity: 1; }

.product-panel {
  margin-bottom: 3.5rem; }
  .product-panel .section-title {
    color: #313131;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    margin-bottom: 2.4rem; }
    .product-panel .section-title h2 {
      font-weight: 700;
      font-size: 1.6rem;
      font-family: "Open Sans", sans-serif;
      letter-spacing: -0.01em;
      line-height: 22px;
      text-transform: uppercase; }

.tooltiptext {
  visibility: hidden;
  position: absolute;
  background-color: #333;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  letter-spacing: .01em;
  text-align: center;
  padding: 1rem .7rem;
  z-index: 1;
  opacity: 0;
  transition: opacity .3s;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%); }

figure .porto-loading-icon {
  position: absolute; }

.product-default {
  color: #777;
  margin-bottom: 2rem;
  transition: box-shadow .3s ease-in-out; }
  .product-default a {
    color: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .product-default a:hover {
      color: #f4631b;
      text-decoration: none; }
  .product-default figure {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 1.6rem; }
    .product-default figure > a:first-child {
      width: 100%;
      height: 100%; }
    .product-default figure img {
      transition: opacity 0.3s ease-in-out;
      height: auto;
      width: 100%; }
    .product-default figure img:last-child {
      opacity: 0;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      left: 0; }
    .product-default figure img:first-child {
      opacity: 1;
      position: relative; }
  .product-default .label-group {
    position: absolute;
    top: .8rem;
    left: .8rem; }
  .product-default .product-label {
    display: block;
    text-align: center;
    margin-bottom: 5px;
    text-transform: uppercase;
    padding: 5px 11px;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
    line-height: 1;
    border-radius: 12px; }
    .product-default .product-label.label-hot {
      background-color: #2ba968; }
    .product-default .product-label.label-sale {
      background-color: #da5555; }
    .product-default .product-label.label-number {
      display: flex;
      position: relative;
      padding: 0;
      margin-left: auto;
      margin-right: auto;
      align-items: center;
      justify-content: center;
      width: 32px;
      height: 32px;
      border-radius: 50%;
      font-size: 1.6rem;
      background-color: #f4631b;
      color: #fff; }
      .product-default .product-label.label-number span {
        margin-left: 1px; }
  .product-default .product-details {
    display: flex;
    display: -ms-flexbox;
    padding: 0 .8rem;
    flex-direction: column;
    -ms-flex-direction: column;
    align-items: center;
    -ms-flex-align: center;
    justify-content: center;
    -ms-flex-pack: center; }
  .product-default .category-wrap {
    width: 100%;
    white-space: nowrap; }
  .product-default .category-list {
    text-align: center;
    font-weight: 400;
    font-size: 1rem;
    font-family: "Open Sans", sans-serif;
    line-height: 1.7;
    opacity: .8;
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden; }
  .product-default .product-title {
    max-width: 100%;
    font-weight: 400;
    font-size: 1.5rem;
    font-family: Poppins, sans-serif;
    line-height: 1.35;
    letter-spacing: .005em;
    margin-bottom: .4rem; }
    .product-default .product-title a {
      display: block; }
  .product-default .title-wrap .product-title {
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 20px);
    margin-bottom: 0.5rem; }
  .product-default .title-wrap .btn-icon-wish {
    margin-top: -2px; }
  .product-default .product-action {
    position: relative;
    margin-bottom: 1.5rem;
    color: #333;
    text-align: center; }
  .product-default .btn-add-cart,
  .product-default .btn-icon-wish,
  .product-default .btn-quickview {
    border: 1px solid #f4f4f4;
    background: #f4f4f4;
    color: #6f6e6b;
    line-height: 34px; }
  .product-default .btn-icon-wish,
  .product-default .btn-quickview {
    display: inline-block;
    position: absolute;
    top: 0;
    margin: 0 2px;
    width: 36px;
    height: 36px;
    font-size: 1.6rem;
    text-align: center;
    opacity: 0;
    transition: all .25s ease; }
    .product-default .btn-icon-wish.checked,
    .product-default .btn-quickview.checked {
      color: #e27c7c; }
      .product-default .btn-icon-wish.checked i:before,
      .product-default .btn-quickview.checked i:before {
        content: '\e88a'; }
    .product-default .btn-icon-wish:hover,
    .product-default .btn-quickview:hover {
      color: #333; }
  .product-default .btn-icon-wish {
    left: 0; }
    .product-default .btn-icon-wish.added-wishlist i::before {
      content: '\e88a';
      color: #da5555; }
  .product-default .btn-quickview {
    font-size: 1.4rem;
    right: 0; }
  .product-default:not(.inner-icon) .btn-add-cart:not(.product-type-simple) i {
    display: none; }
  .product-default .btn-add-cart {
    display: inline-block;
    padding: 0 1.4rem;
    font-size: 1.2rem;
    font-weight: 600;
    font-family: Poppins, sans-serif;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    transition: all .25s ease; }
    .product-default .btn-add-cart i {
      font-size: 1.5rem;
      line-height: 32px; }
      .product-default .btn-add-cart i:before {
        margin: 0 4px 0 0;
        font-weight: 800; }
  .product-default.product-unfold .btn-add-cart i {
    display: inline-block; }
  .product-default.product-unfold .btn-icon-wish,
  .product-default.product-unfold .btn-quickview {
    position: relative; }
  .product-default.product-unfold:hover .product-action a.btn-quickview {
    right: 0; }
  .product-default.product-unfold:hover .product-action a.btn-icon-wish {
    left: 0; }
  .product-default:hover {
    z-index: 1;
    box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.08);
    transition: box-shadow .3s ease-in-out; }
    .product-default:hover figure img:first-child {
      opacity: 0;
      transition: opacity 0.3s ease-in-out; }
    .product-default:hover figure img:last-child {
      opacity: 1;
      transition: opacity 0.3s ease-in-out; }
    .product-default:hover .btn-add-cart {
      background: #2b2b2d;
      border-color: #2b2b2d;
      color: #fff; }
      .product-default:hover .btn-add-cart.product-type-simple i {
        display: inline-block; }
    .product-default:hover .product-action a {
      opacity: 1; }
      .product-default:hover .product-action a.btn-icon-wish {
        left: -40px; }
      .product-default:hover .product-action a.btn-quickview {
        right: -40px; }

.tooltip-top:after {
  content: "";
  position: absolute;
  top: 96%;
  left: 50%;
  margin-left: -6px;
  border-width: 6px;
  border-style: solid;
  border-color: #333 transparent transparent transparent; }

.old-price {
  text-decoration: line-through;
  font-size: 1.4rem;
  letter-spacing: .005em;
  color: #999;
  margin-right: 3px; }

.product-price {
  color: #222529;
  font-size: 1.8rem;
  line-height: 1; }

.price-box {
  margin-bottom: 1.4rem;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  line-height: 1; }

.ratings-container {
  line-height: 1;
  margin: 0 0 12px 1px;
  cursor: pointer;
  position: relative;
  display: inline-block; }
  .ratings-container .product-ratings,
  .ratings-container .ratings {
    position: relative;
    display: inline-block;
    font-size: 11px;
    letter-spacing: .1em;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }
  .ratings-container .product-ratings {
    height: 11px; }
    .ratings-container .product-ratings:before {
      content: "";
      color: rgba(0, 0, 0, 0.16); }
    .ratings-container .product-ratings:hover .tooltiptext {
      visibility: visible;
      opacity: 1; }
  .ratings-container .ratings {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden; }
    .ratings-container .ratings:before {
      content: "";
      color: #6a6a6d; }

.product-select-group {
  display: flex;
  display: -ms-flexbox; }

.product-select {
  margin: 0 4px 0 0;
  cursor: pointer; }
  .product-select.type-image {
    width: 32px;
    height: 32px;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, 0.09); }
    .product-select.type-image.checked, .product-select.type-image.hover {
      border: 1px solid #f4631b; }
  .product-select.type-check {
    margin: 5px;
    overflow: visible;
    display: block;
    position: relative;
    width: 12px;
    height: 12px;
    border-radius: 50%; }
    .product-select.type-check:after {
      content: '';
      background-color: transparent;
      border: 1px solid black;
      position: absolute;
      left: -3px;
      top: -3px;
      border-radius: 50%;
      width: 18px;
      display: block;
      height: 18px; }
    .product-select.type-check.checked:before {
      font-size: 8px;
      content: '\f00c';
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      -webkit-font-smoothing: antialiased;
      text-indent: 0;
      position: absolute;
      left: 0;
      top: 50%;
      width: 100%;
      color: #fff;
      height: 12px;
      line-height: 12px;
      margin-top: -6px;
      text-align: center; }

.product-nav-filter {
  display: flex;
  align-items: center; }

.product-nav-thumbs a,
.product-nav-thumbs span {
  margin-right: .6rem;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent !important;
  border: 1px solid #e9e9e9;
  transition: border-color .35s; }
  .product-nav-thumbs a:hover,
  .product-nav-thumbs span:hover {
    border-color: #1d70ba; }

.product-nav-dots {
  padding-top: 2px; }

.product-nav-dots a,
.product-nav-dots span {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  border: .2rem solid #fff;
  margin-right: .6rem;
  transition: box-shadow .35s ease;
  box-shadow: 0 0 0 0.1rem #999; }
  .product-nav-dots a:hover, .product-nav-dots a.active,
  .product-nav-dots span:hover,
  .product-nav-dots span.active {
    box-shadow: 0 0 0 0.1rem #222529; }

.product-single-qty {
  display: inline-block;
  max-width: 104px;
  vertical-align: middle; }
  .product-single-qty .bootstrap-touchspin.input-group {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-width: none;
    padding-right: 0; }
  .product-single-qty .bootstrap-touchspin .form-control {
    width: 2.7em;
    height: 36px;
    padding: 10px 2px;
    color: #222529;
    font-size: 1.4rem;
    font-family: Poppins, sans-serif;
    text-align: center; }
  .product-single-qty .bootstrap-touchspin .form-control,
  .product-single-qty .bootstrap-touchspin .form-control:not(:focus),
  .product-single-qty .btn-outline:not(:disabled):not(.disabled):active {
    border-color: #dae2e6; }
  .product-single-qty .btn {
    width: 2.2em;
    padding: 0; }
  .product-single-qty .btn.btn-down-icon:hover:before, .product-single-qty .btn.btn-down-icon:hover:after,
  .product-single-qty .btn.btn-up-icon:hover:before,
  .product-single-qty .btn.btn-up-icon:hover:after {
    background-color: #f4631b; }
  .product-single-qty .btn.btn-outline {
    border-color: #e7e7e7; }
  .product-single-qty .btn.btn-down-icon:after,
  .product-single-qty .btn.btn-up-icon:before,
  .product-single-qty .btn.btn-up-icon:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 9px;
    height: 1px;
    margin-left: -.55rem;
    background: #222529;
    content: ''; }
  .product-single-qty .btn.btn-up-icon:before {
    transform: rotate(90deg); }
  .product-single-qty .horizontal-quantity::-webkit-outer-spin-button, .product-single-qty .horizontal-quantity::-webkit-inner-spin-button {
    -webkit-appearance: none; }

.config-swatch-list {
  margin: 1.5rem 0 0;
  padding: 0;
  font-size: 0;
  list-style: none; }
  .config-swatch-list li a {
    position: relative;
    display: block;
    width: 2.8rem;
    height: 2.8rem;
    margin: 3px 6px 3px 0;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); }
  .config-swatch-list li .color-panel {
    display: inline-block;
    width: 1.7rem;
    height: 1.7rem;
    border: 1px solid #fff;
    transition: all .3s;
    margin-right: 1.5rem; }
  .config-swatch-list li span:last-child {
    cursor: pointer; }
  .config-swatch-list li:hover span:last-child {
    color: #f4631b; }
  .config-swatch-list li.active a:before {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: #fff;
    font-family: 'porto';
    font-size: 1.1rem;
    line-height: 1;
    content: '\e84e'; }
  .config-swatch-list a:hover .color-panel,
  .config-swatch-list a:focus .color-panel,
  .config-swatch-list li.active .color-panel {
    box-shadow: 0 0 0 .1rem #dfdfdf; }

.modal#addCartModal {
  width: 340px;
  top: calc((100% - 320px) / 2);
  left: calc((100% - 320px) / 2);
  padding: 10px !important;
  overflow: hidden; }
  .modal#addCartModal .modal-dialog {
    margin: 0; }
  .modal#addCartModal .modal-content {
    margin: 0;
    border: none;
    box-shadow: none; }

.add-cart-box {
  padding: 19px 10px 20px !important;
  border-top: 4px solid #f4631b;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); }
  .add-cart-box h4 {
    font-weight: 500;
    color: #f4631b;
    margin-bottom: 1.8rem; }
  .add-cart-box img {
    margin: 0 auto 10px;
    width: 120px; }
  .add-cart-box .btn-actions {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-around;
    -ms-flex-pack: distribute; }
    .add-cart-box .btn-actions .btn-primary {
      width: 140px;
      padding: 8px 0;
      font: 500 16px "Open Sans", sans-serif;
      border: none;
      cursor: pointer; }
      .add-cart-box .btn-actions .btn-primary:focus, .add-cart-box .btn-actions .btn-primary:active, .add-cart-box .btn-actions .btn-primary:active:focus {
        outline: none;
        border: none;
        box-shadow: none; }

.divide-line > .col-1:nth-child(n) {
  border-right: 1px solid rgba(0, 0, 0, 0.09);
  border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
.divide-line > .col-1:nth-child(12n) {
  border-right: none; }
.divide-line > .col-2:nth-child(n) {
  border-right: 1px solid rgba(0, 0, 0, 0.09);
  border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
.divide-line > .col-2:nth-child(6n) {
  border-right: none; }
.divide-line > .col-3:nth-child(n) {
  border-right: 1px solid rgba(0, 0, 0, 0.09);
  border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
.divide-line > .col-3:nth-child(4n) {
  border-right: none; }
.divide-line > .col-4:nth-child(n) {
  border-right: 1px solid rgba(0, 0, 0, 0.09);
  border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
.divide-line > .col-4:nth-child(3n) {
  border-right: none; }
.divide-line > .col-5:nth-child(n) {
  border-right: 1px solid rgba(0, 0, 0, 0.09);
  border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
.divide-line > .col-5:nth-child(2n) {
  border-right: none; }
.divide-line > .col-6:nth-child(n) {
  border-right: 1px solid rgba(0, 0, 0, 0.09);
  border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
.divide-line > .col-6:nth-child(2n) {
  border-right: none; }
.divide-line > .col-7:nth-child(n) {
  border-right: 1px solid rgba(0, 0, 0, 0.09);
  border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
.divide-line > .col-7:nth-child(1n) {
  border-right: none; }
.divide-line > .col-8:nth-child(n) {
  border-right: 1px solid rgba(0, 0, 0, 0.09);
  border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
.divide-line > .col-8:nth-child(1n) {
  border-right: none; }
.divide-line > .col-9:nth-child(n) {
  border-right: 1px solid rgba(0, 0, 0, 0.09);
  border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
.divide-line > .col-9:nth-child(1n) {
  border-right: none; }
.divide-line > .col-10:nth-child(n) {
  border-right: 1px solid rgba(0, 0, 0, 0.09);
  border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
.divide-line > .col-10:nth-child(1n) {
  border-right: none; }
.divide-line > .col-11:nth-child(n) {
  border-right: 1px solid rgba(0, 0, 0, 0.09);
  border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
.divide-line > .col-11:nth-child(1n) {
  border-right: none; }
.divide-line:not(.up-effect) .product-default .btn-quickview {
  width: calc(100% - 30px);
  margin: 0 15px; }
.divide-line:not(.up-effect) .product-default .product-details {
  padding: 0 1.5rem; }
.divide-line.up-effect {
  margin-top: -2rem; }
.divide-line.up-effect .product-default {
  padding-top: 5rem;
  margin: 0;
  transition: .3s; }
  .divide-line.up-effect .product-default .product-action {
    transition: .3s;
    opacity: 0; }
  .divide-line.up-effect .product-default:hover {
    padding-top: 1rem;
    padding-bottom: 4rem; }
    .divide-line.up-effect .product-default:hover .product-action {
      opacity: 1; }
.divide-line .product-default {
  margin-bottom: 0; }
.divide-line .product-default:hover {
  box-shadow: 0 25px 35px -5px rgba(0, 0, 0, 0.1); }
  .divide-line .product-default:hover figure {
    box-shadow: none; }

.inner-quickview figure {
  position: relative; }
  .inner-quickview figure .btn-quickview {
    position: absolute;
    padding: .8rem 1.4rem;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    color: #fff;
    background-color: #f4631b;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: .025em;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;
    visibility: hidden;
    opacity: 0;
    transform: none;
    margin: 0;
    border: none;
    line-height: 1.82;
    transition: padding-top .2s, padding-bottom .2s;
    z-index: 2; }
    .inner-quickview figure .btn-quickview:hover {
      color: #fff;
      opacity: 1; }
.inner-quickview .product-details {
  align-items: flex-start;
  -ms-flex-align: start; }
.inner-quickview .category-wrap, .inner-quickview .title-wrap {
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -ms-flex-pack: justify;
  align-items: center;
  -ms-flex-align: center;
  width: 100%; }
  .inner-quickview .category-wrap .btn-icon-wish, .inner-quickview .title-wrap .btn-icon-wish {
    transform: none;
    opacity: 1;
    width: auto;
    height: auto;
    border: none;
    overflow: visible;
    font-size: 1.5rem;
    line-height: 0; }
.inner-quickview .category-list {
  text-align: left; }
.inner-quickview .category-wrap .btn-icon-wish {
  font-size: 1.6rem;
  padding-top: 1px; }
.inner-quickview:hover .btn-quickview {
  visibility: visible;
  opacity: .85; }

.inner-icon {
  position: relative;
  margin-bottom: 1.9rem; }
  .inner-icon:not(.product-widget) .product-details {
    padding: 0; }
  .inner-icon .category-list {
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc( 100% - 20px ); }
  .inner-icon .product-title {
    font-family: Poppins, sans-serif;
    letter-spacing: -.01em; }
  .inner-icon .ratings-container {
    margin-left: 0; }
  .inner-icon .price-box {
    margin-bottom: 1.5rem;
    font-family: "Open Sans", sans-serif; }
  .inner-icon .btn-icon-group {
    z-index: 2; }
  .inner-icon .btn-icon-wish,
  .inner-icon .btn-quickview {
    top: auto; }
  .inner-icon .btn-icon-wish {
    left: auto;
    right: 0; }
  .inner-icon:not(.product-widget):hover {
    box-shadow: none; }
    .inner-icon:not(.product-widget):hover figure .btn-quickview {
      padding-top: 1.2rem;
      padding-bottom: 1.3rem;
      transition: padding-top .2s, padding-bottom .2s, opacity .2s; }
  .inner-icon .btn-add-cart,
  .inner-icon .btn-icon-wish,
  .inner-icon .btn-quickview {
    background-color: transparent; }
  .inner-icon figure {
    position: relative; }
    .inner-icon figure .btn-icon-group {
      position: absolute;
      top: 1.5rem;
      right: 1.5rem; }
    .inner-icon figure .btn-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #ddd;
      border-radius: 50%;
      margin: 0 0 5px;
      width: 36px;
      height: 36px;
      padding: 0;
      opacity: 0;
      visibility: hidden;
      transition: opacity .3s, background-color .3s, color .3s, border-color .3s;
      transform: none; }
      .inner-icon figure .btn-icon i:not(.fa)::before {
        font-weight: 400; }
      .inner-icon figure .btn-icon .fa {
        font-size: 12px;
        font-weight: 600; }
      .inner-icon figure .btn-icon i {
        font-size: 1.6rem;
        margin-bottom: 0; }
        .inner-icon figure .btn-icon i:before {
          margin: 0; }
      .inner-icon figure .btn-icon i.icon-bag {
        font-size: 1.8rem; }
      .inner-icon figure .btn-icon:hover {
        background-color: #f4631b;
        border-color: #f4631b;
        color: #fff; }
  .inner-icon:hover .btn-icon {
    background-color: #fff;
    border-color: #ddd;
    color: black;
    visibility: visible;
    opacity: 1;
    overflow: hidden; }

.left-details .product-details {
  -ms-flex-align: start;
  align-items: flex-start; }
.left-details .btn-icon-wish,
.left-details .btn-quickview,
.left-details .btn-add-cart {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
  color: black; }
.left-details .btn-icon-wish,
.left-details .btn-quickview {
  transform: none; }
.left-details .btn-add-cart {
  margin-left: 0;
  padding: 0 1.5rem; }

.hidden-description {
  position: relative; }
  .hidden-description:hover figure {
    box-shadow: none; }
  .hidden-description:hover .btn-add-cart {
    background-color: #f4f4f4;
    position: absolute; }
  .hidden-description:hover .product-details {
    opacity: 1;
    transform: translateY(0); }
  .hidden-description:hover .product-action a.btn-quickview {
    left: 0; }
  .hidden-description figure {
    margin-bottom: 0; }
    .hidden-description figure .btn-icon-group {
      top: 1rem;
      right: 1rem; }
  .hidden-description .product-details {
    position: absolute;
    width: 100%;
    bottom: 46px;
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.09);
    opacity: 0;
    transform: translateY(5px);
    transition: all .3s ease; }
  .hidden-description.product-default .product-details {
    padding: 1rem; }
  .hidden-description .product-action {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    margin-bottom: 0; }
  .hidden-description .btn-quickview {
    transform: none;
    background-color: #f4631b;
    color: #fff;
    width: 50%;
    margin: 0;
    border: none;
    height: 45px;
    left: 0;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: .025em;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;
    line-height: 45px; }
  .hidden-description:hover .product-action .btn-quickview {
    opacity: .85; }
    .hidden-description:hover .product-action .btn-quickview:hover {
      opacity: 1;
      color: #fff; }
  .hidden-description .btn-add-cart {
    position: absolute;
    z-index: 3;
    justify-content: center;
    margin: 0;
    width: 50%;
    height: 45px;
    border: none;
    background: #f4f4f4;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: .025em;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;
    line-height: 45px; }
    .hidden-description .btn-add-cart:hover {
      background-color: #f46017;
      color: #fff; }

.full-width {
  padding-left: 10px;
  padding-right: 10px;
  margin: 0;
  display: flex;
  flex-wrap: wrap; }
  .full-width [class*='col-'] {
    padding-right: 10px;
    padding-left: 10px; }

.no-gaps {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  padding-right: 0; }
  .no-gaps [class*='col-'] {
    padding-right: 0;
    padding-left: 0; }
  .no-gaps .product-details {
    padding: 0 1rem; }
  .no-gaps .product-default {
    margin-bottom: 0; }
  .no-gaps .product-default:nth-child(even) figure > a:first-child:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(33, 37, 41, 0.01); }

.inner-icon-inline figure .btn-icon-group {
  display: flex;
  flex-direction: row; }
.inner-icon-inline figure .btn-icon {
  margin-left: 5px; }

.product-overlay figure {
  margin: 0; }
  .product-overlay figure > a:first-child:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(27, 27, 23, 0);
    transition: all .25s; }
  .product-overlay figure .btn-quickview,
  .product-overlay figure .btn-icon-group {
    z-index: 1; }
  .product-overlay figure .btn-icon {
    border-color: #fff;
    border-width: 2px;
    color: #fff;
    background-color: #4d4d4a;
    opacity: 0; }
  .product-overlay figure .btn-icon-wish {
    position: relative; }
  .product-overlay figure .btn-add-cart i {
    display: inline-block; }
.product-overlay .product-details {
  align-items: center;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  transform: scale(0.8);
  transition: all .4s; }
  .product-overlay .product-details .product-category,
  .product-overlay .product-details .product-title a,
  .product-overlay .product-details .product-price {
    color: #fff; }
  .product-overlay .product-details a:hover {
    color: #f4631b; }
  .product-overlay .product-details .ratings-container .product-ratings:before {
    color: rgba(255, 255, 255, 0.6); }
  .product-overlay .product-details .ratings-container .ratings::before {
    color: #fff; }
  .product-overlay .product-details .price-box {
    margin-bottom: 0; }
  .product-overlay .product-details .category-list {
    text-align: center;
    width: 100%; }
.product-overlay:hover figure, .product-overlay:nth-child(even):hover figure {
  box-shadow: none; }
  .product-overlay:hover figure > a:first-child:after, .product-overlay:nth-child(even):hover figure > a:first-child:after {
    background-color: rgba(27, 27, 23, 0.6); }
  .product-overlay:hover figure .btn-quickview,
  .product-overlay:hover figure .btn-icon, .product-overlay:nth-child(even):hover figure .btn-quickview,
  .product-overlay:nth-child(even):hover figure .btn-icon {
    opacity: .85;
    visibility: visible; }
    .product-overlay:hover figure .btn-quickview:hover,
    .product-overlay:hover figure .btn-icon:hover, .product-overlay:nth-child(even):hover figure .btn-quickview:hover,
    .product-overlay:nth-child(even):hover figure .btn-icon:hover {
      opacity: 1; }
  .product-overlay:hover figure .btn-icon, .product-overlay:nth-child(even):hover figure .btn-icon {
    border-color: #fff;
    border-width: 2px;
    color: #fff;
    background-color: #4d4d4a;
    opacity: .85; }
.product-overlay:hover .product-details, .product-overlay:nth-child(even):hover .product-details {
  opacity: 1;
  transform: scale(1); }

.overlay-dark figure {
  margin: 0; }
  .overlay-dark figure > a:first-child:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(27, 27, 23, 0.3);
    transition: all .25s; }
  .overlay-dark figure .btn-quickview,
  .overlay-dark figure .btn-icon-group {
    z-index: 1; }
  .overlay-dark figure .btn-icon {
    border-color: #fff;
    border-width: 2px;
    color: #fff;
    background-color: #4d4d4a;
    opacity: 0;
    margin-left: 8px; }
  .overlay-dark figure .btn-quickview {
    border: 2px solid #fff;
    background-color: #4d4d4a;
    border-radius: 2rem;
    padding: 1rem 2.3rem;
    width: auto;
    height: auto;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, 50%);
    opacity: 0;
    transition: all .1s; }
.overlay-dark .product-details {
  position: absolute;
  width: 100%;
  left: 2rem;
  bottom: 4rem;
  opacity: 0;
  transform: translateY(10px);
  transition: all .4s; }
  .overlay-dark .product-details .product-category,
  .overlay-dark .product-details .product-title a,
  .overlay-dark .product-details .product-price {
    color: #fff; }
  .overlay-dark .product-details a:hover {
    color: #f4631b; }
  .overlay-dark .product-details .ratings-container .product-ratings:before {
    color: rgba(255, 255, 255, 0.6); }
  .overlay-dark .product-details .price-box {
    margin-bottom: 0; }
.overlay-dark:hover figure, .overlay-dark:nth-child(even):hover figure {
  box-shadow: none; }
  .overlay-dark:hover figure > a:first-child:after, .overlay-dark:nth-child(even):hover figure > a:first-child:after {
    background-color: rgba(27, 27, 23, 0.7); }
  .overlay-dark:hover figure .btn-quickview,
  .overlay-dark:hover figure .btn-icon, .overlay-dark:nth-child(even):hover figure .btn-quickview,
  .overlay-dark:nth-child(even):hover figure .btn-icon {
    opacity: .85; }
    .overlay-dark:hover figure .btn-quickview:hover,
    .overlay-dark:hover figure .btn-icon:hover, .overlay-dark:nth-child(even):hover figure .btn-quickview:hover,
    .overlay-dark:nth-child(even):hover figure .btn-icon:hover {
      background-color: #4d4d4a;
      opacity: 1; }
  .overlay-dark:hover figure .btn-icon, .overlay-dark:nth-child(even):hover figure .btn-icon {
    border-color: #fff;
    border-width: 2px;
    color: #fff;
    background-color: #4d4d4a;
    opacity: .85; }
.overlay-dark:hover .product-details, .overlay-dark:nth-child(even):hover .product-details {
  opacity: 1;
  transform: translateY(0); }

.creative-grid {
  margin-left: -10px;
  margin-right: -10px; }
  .creative-grid .product-default {
    padding: 0 10px 20px;
    margin-bottom: 0; }
    .creative-grid .product-default .btn-add-cart i {
      display: inline-block; }
  .creative-grid figure {
    height: 100%; }
    .creative-grid figure img {
      height: 100%;
      object-fit: cover; }
  .creative-grid .overlay-dark figure .btn-quickview {
    padding: 8px 15px;
    max-width: 128px;
    max-height: 41px;
    border-radius: 5rem; }
  .creative-grid .inner-icon:not(.product-widget):hover figure .btn-quickview {
    padding-top: 7px; }
  .creative-grid .grid-height-1-2 {
    height: 300px; }
  .creative-grid .grid-height-1 {
    height: 600px; }
  .creative-grid .grid-col-sizer {
    width: 25%; }
  .creative-grid .btn-icon-wish {
    position: relative; }

.inner-btn figure .btn-icon-group {
  top: auto;
  left: auto;
  right: 1.5rem;
  bottom: 1.5rem; }
.inner-btn figure .btn-icon {
  position: relative;
  margin-bottom: 0; }
.inner-btn figure .btn-quickview {
  background-color: #fff; }
  .inner-btn figure .btn-quickview i {
    font-size: 1.4rem; }
.inner-btn figure .btn-add-cart i {
  display: inline-block; }

.quantity-input .product-details {
  align-items: center; }
.quantity-input .product-single-qty {
  margin: 0 0 1rem; }
.quantity-input .btn-add-cart {
  margin: 0 0 1rem 2px; }
.quantity-input .btn-add-cart:hover {
  background-color: #f4631b;
  border-color: #f4631b;
  color: #fff; }
.quantity-input .category-list {
  text-align: center; }

.product-list {
  display: flex;
  display: -ms-flexbox;
  align-items: center; }
  .product-list:not(.inner-icon) .btn-add-cart:not(.product-type-simple) i {
    display: block; }
  .product-list .product-action {
    margin-bottom: 0; }
  .product-list:hover .btn-icon {
    padding-right: .8rem;
    transition: .35s; }
    .product-list:hover .btn-icon i {
      opacity: 1;
      transition: .35s; }
    .product-list:hover .btn-icon span {
      padding-left: 1.3rem;
      transition: .35s; }
  .product-list figure {
    max-width: 250px;
    margin-right: 1.2rem;
    margin-bottom: 0; }
    .product-list figure img {
      object-fit: cover;
      height: 100%; }
  .product-list .product-details {
    padding-top: 3px;
    max-width: calc(100% - 270px); }
  .product-list .product-title {
    margin-bottom: .6rem;
    font-weight: 600;
    font-size: 1.8rem;
    font-family: "Open Sans", sans-serif; }
  .product-list .ratings-container {
    margin: 0 0 10px 0px; }
  .product-list .product-description {
    display: -webkit-box;
    margin-bottom: 1.6rem;
    max-width: 100%;
    font-weight: 400;
    font-size: 1.4rem;
    font-family: "Open Sans", sans-serif;
    line-height: 24px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
  .product-list .price-box {
    margin-bottom: 1.6rem; }
  .product-list .category-list {
    margin-bottom: -1px; }
  .product-list .btn-add-cart {
    margin: 0 3px 5px 0;
    padding: 0 1.4rem;
    background-color: #f4631b;
    border-color: #f4631b;
    color: #fff; }
  .product-list .btn-icon {
    position: relative;
    transition: .35s; }
    .product-list .btn-icon i {
      position: absolute;
      display: inline-block;
      opacity: 0;
      left: 8px;
      transition: .35s; }
      .product-list .btn-icon i::before {
        margin: 0;
        line-height: 1;
        font-weight: 800; }
      .product-list .btn-icon i.fa {
        top: 26%; }
    .product-list .btn-icon span {
      display: inline-block;
      transition: .35s; }
  .product-list .btn-icon-wish,
  .product-list .btn-quickview {
    position: static;
    opacity: 1;
    background-color: #f4f4f4;
    border: 1px solid #f4f4f4;
    color: #333333;
    margin: 0 0 5px;
    line-height: 32px; }
  .product-list .btn-icon-wish {
    position: relative; }
  .product-list:hover {
    box-shadow: none; }
    .product-list:hover figure {
      box-shadow: none; }
    .product-list:hover .product-action a.btn-icon-wish {
      left: 0; }

.product-widget {
  display: flex;
  display: -ms-flexbox;
  margin-bottom: 1.6rem; }
  .product-widget figure {
    max-width: 84px;
    margin-right: 1rem;
    margin-bottom: 0; }
    .product-widget figure img {
      object-fit: cover;
      height: 100%; }
  .product-widget .ratings-container {
    margin-bottom: 1rem; }
  .product-widget .product-details {
    margin-bottom: 2px;
    max-width: calc(100% - 104px); }
  .product-widget .product-title {
    margin-bottom: .5rem;
    font-size: 1.4rem; }
  .product-widget .price-box {
    margin-bottom: 0; }
  .product-widget .product-price {
    font-size: 1.5rem; }
  .product-widget .old-price {
    font-size: 1.2rem; }
  .product-widget:hover, .product-widget:hover figure {
    box-shadow: none; }

.row-joined.product-nogap .product-details {
  padding: 0 1rem; }
  .row-joined.product-nogap .product-details .category-wrap {
    position: relative; }

.product-quick-view {
  padding: 3rem;
  background-color: #fff; }
  .product-quick-view .product-single-filter label {
    margin-right: 0; }
  .product-quick-view .product-single-details .product-title {
    width: 100%; }
  .product-quick-view .view-cart {
    padding: 13px 10px;
    font-size: .8em;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: underline; }
  .product-quick-view .product-single-details .product-single-filter:last-child {
    margin-left: -1px; }

.image-bg-white {
  filter: brightness(1.08); }

.post-slider > .owl-stage-outer,
.products-slider > .owl-stage-outer {
  margin: -10px -20px;
  padding: 10px 20px; }

@media (max-width: 1280px) {
  .post-slider > .owl-stage-outer,
  .products-slider > .owl-stage-outer {
    margin: -10px -15px;
    padding: 10px 15px; } }
.modal-backdrop.show {
  opacity: 0; }

@media (max-width: 1200px) {
  .product-intro.owl-carousel.owl-theme .owl-nav .owl-prev {
    left: 10px; }
  .product-intro.owl-carousel.owl-theme .owl-nav .owl-next {
    right: 10px; } }
@media (max-width: 1159px) {
  .product-intro.owl-carousel.owl-theme .owl-nav .owl-prev {
    left: -30px; }
  .product-intro.owl-carousel.owl-theme .owl-nav .owl-next {
    right: -30px; } }
@media (max-width: 1000px) {
  .product-intro.owl-carousel.owl-theme .owl-nav .owl-prev {
    left: 10px; }
  .product-intro.owl-carousel.owl-theme .owl-nav .owl-next {
    right: 10px; } }
@media (min-width: 576px) {
  .divide-line > .col-sm-1:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-sm-1:nth-child(12n) {
    border-right: none; }

  .divide-line > .col-sm-2:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-sm-2:nth-child(6n) {
    border-right: none; }

  .divide-line > .col-sm-3:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-sm-3:nth-child(4n) {
    border-right: none; }

  .divide-line > .col-sm-4:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-sm-4:nth-child(3n) {
    border-right: none; }

  .divide-line > .col-sm-5:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-sm-5:nth-child(2n) {
    border-right: none; }

  .divide-line > .col-sm-6:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-sm-6:nth-child(2n) {
    border-right: none; }

  .divide-line > .col-sm-7:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-sm-7:nth-child(1n) {
    border-right: none; }

  .divide-line > .col-sm-8:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-sm-8:nth-child(1n) {
    border-right: none; }

  .divide-line > .col-sm-9:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-sm-9:nth-child(1n) {
    border-right: none; }

  .divide-line > .col-sm-10:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-sm-10:nth-child(1n) {
    border-right: none; }

  .divide-line > .col-sm-11:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-sm-11:nth-child(1n) {
    border-right: none; } }
@media (min-width: 768px) {
  .divide-line > .col-md-1:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-md-1:nth-child(12n) {
    border-right: none; }

  .divide-line > .col-md-2:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-md-2:nth-child(6n) {
    border-right: none; }

  .divide-line > .col-md-3:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-md-3:nth-child(4n) {
    border-right: none; }

  .divide-line > .col-md-4:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-md-4:nth-child(3n) {
    border-right: none; }

  .divide-line > .col-md-5:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-md-5:nth-child(2n) {
    border-right: none; }

  .divide-line > .col-md-6:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-md-6:nth-child(2n) {
    border-right: none; }

  .divide-line > .col-md-7:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-md-7:nth-child(1n) {
    border-right: none; }

  .divide-line > .col-md-8:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-md-8:nth-child(1n) {
    border-right: none; }

  .divide-line > .col-md-9:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-md-9:nth-child(1n) {
    border-right: none; }

  .divide-line > .col-md-10:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-md-10:nth-child(1n) {
    border-right: none; }

  .divide-line > .col-md-11:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-md-11:nth-child(1n) {
    border-right: none; }

  .product-quick-view .product-single-details {
    position: absolute;
    right: 0;
    height: 100% !important;
    overflow-y: auto; }
    .product-quick-view .product-single-details::-webkit-scrollbar {
      height: 10px;
      width: 3px; }
    .product-quick-view .product-single-details::-webkit-scrollbar-thumb {
      background: #ebebeb;
      border-radius: 10px;
      position: absolute; }
    .product-quick-view .product-single-details::-webkit-scrollbar-track {
      background: #fff;
      border-radius: 10px;
      margin: 8px;
      width: 100%; } }
@media (min-width: 992px) {
  .divide-line > .col-lg-1:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-lg-1:nth-child(12n) {
    border-right: none; }

  .divide-line > .col-lg-2:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-lg-2:nth-child(6n) {
    border-right: none; }

  .divide-line > .col-lg-3:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-lg-3:nth-child(4n) {
    border-right: none; }

  .divide-line > .col-lg-4:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-lg-4:nth-child(3n) {
    border-right: none; }

  .divide-line > .col-lg-5:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-lg-5:nth-child(2n) {
    border-right: none; }

  .divide-line > .col-lg-6:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-lg-6:nth-child(2n) {
    border-right: none; }

  .divide-line > .col-lg-7:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-lg-7:nth-child(1n) {
    border-right: none; }

  .divide-line > .col-lg-8:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-lg-8:nth-child(1n) {
    border-right: none; }

  .divide-line > .col-lg-9:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-lg-9:nth-child(1n) {
    border-right: none; }

  .divide-line > .col-lg-10:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-lg-10:nth-child(1n) {
    border-right: none; }

  .divide-line > .col-lg-11:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-lg-11:nth-child(1n) {
    border-right: none; } }
@media (min-width: 1200px) {
  .divide-line > .col-xl-1:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-xl-1:nth-child(12n) {
    border-right: none; }

  .divide-line > .col-xl-2:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-xl-2:nth-child(6n) {
    border-right: none; }

  .divide-line > .col-xl-3:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-xl-3:nth-child(4n) {
    border-right: none; }

  .divide-line > .col-xl-4:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-xl-4:nth-child(3n) {
    border-right: none; }

  .divide-line > .col-xl-5:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-xl-5:nth-child(2n) {
    border-right: none; }

  .divide-line > .col-xl-6:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-xl-6:nth-child(2n) {
    border-right: none; }

  .divide-line > .col-xl-7:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-xl-7:nth-child(1n) {
    border-right: none; }

  .divide-line > .col-xl-8:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-xl-8:nth-child(1n) {
    border-right: none; }

  .divide-line > .col-xl-9:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-xl-9:nth-child(1n) {
    border-right: none; }

  .divide-line > .col-xl-10:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-xl-10:nth-child(1n) {
    border-right: none; }

  .divide-line > .col-xl-11:nth-child(n) {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  .divide-line > .col-xl-11:nth-child(1n) {
    border-right: none; }

  .col-xl-7col .product-default .product-title,
  .col-xl-8col .product-default .product-title {
    font-size: 1.3rem; }
  .col-xl-7col .old-price,
  .col-xl-8col .old-price {
    font-size: 1.2rem; }
  .col-xl-7col .product-price,
  .col-xl-8col .product-price {
    font-size: 1.5rem; } }
@media (max-width: 575px) {
  .product-list {
    flex-direction: column;
    -ms-flex-direction: column; }
    .product-list figure {
      max-width: none;
      margin-right: 0;
      margin-bottom: 2rem; }
    .product-list .product-details {
      max-width: none;
      width: 100%; }
    .product-list:not(.inner-icon) .btn-add-cart:not(.product-type-simple) i {
      display: block; }
    .product-list .product-action > a {
      padding: 0;
      width: 34px;
      height: 34px; }
      .product-list .product-action > a i {
        display: inline-block; }
    .product-list .btn-icon {
      margin-right: 1px; }
      .product-list .btn-icon i {
        position: static;
        opacity: 1; }
      .product-list .btn-icon:hover {
        padding: 0; }
      .product-list .btn-icon span {
        display: none; }
      .product-list .btn-icon:not(.product-type-simple) i {
        margin-top: 1.1rem; }

  .product-quick-view {
    padding: 2rem; }
    .product-quick-view .product-single-details .product-title {
      font-size: 2.6rem; } }
@media (max-width: 479px) {
  .product-price {
    font-size: 1.3rem; }

  .product-quick-view {
    padding: 2rem; } }
.product-category-panel {
  margin-bottom: 35px; }
  .product-category-panel .owl-carousel {
    margin-top: -10px;
    padding-top: 10px; }
  .product-category-panel .owl-carousel .owl-nav button.owl-prev, .product-category-panel .owl-carousel .owl-nav button.owl-next {
    width: 30px;
    font-size: 24px;
    color: #333;
    line-height: 22px; }
  .product-category-panel .owl-carousel .owl-nav button.owl-prev {
    left: -41px; }
  .product-category-panel .owl-carousel .owl-nav button.owl-next {
    right: -41px; }
  .product-category-panel .section-title {
    padding-bottom: 1rem;
    border-bottom: 1px solid  #dbdbdb;
    margin-bottom: 2.5rem; }
    .product-category-panel .section-title h2 {
      font-weight: 700;
      font-size: 1.6rem;
      line-height: 1.2;
      font-family: "Open Sans", sans-serif;
      letter-spacing: -0.05em;
      color: #282d3b;
      text-transform: uppercase; }

.product-category {
  color: #1d2127;
  margin-bottom: 2rem;
  position: relative; }
  .product-category a:hover {
    color: inherit; }
  .product-category img {
    width: 100%; }
  .product-category figure {
    margin-bottom: 0;
    position: relative; }
    .product-category figure:after {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: transparent;
      transition: all 0.3s;
      z-index: 1;
      content: ""; }
  .product-category:hover figure:after {
    background-color: rgba(27, 27, 23, 0.15); }
  .owl-item > .product-category {
    margin-bottom: 0; }

.category-content {
  padding: 2rem;
  display: flex;
  display: -ms-flex-box;
  flex-direction: column;
  -ms-flex-direction: column;
  align-items: center;
  -ms-flex-align: center; }
  .category-content h3 {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.35;
    font-family: "Open Sans", sans-serif;
    letter-spacing: -.005em;
    margin-bottom: 1rem;
    text-transform: uppercase; }
  .category-content span {
    font-weight: 400;
    font-size: 10.2px;
    line-height: 1.8;
    font-family: "Open Sans", sans-serif;
    letter-spacing: normal;
    margin-top: -10px;
    text-transform: uppercase;
    opacity: .7;
    color: #1d2127; }
    .category-content span mark {
      padding: 0;
      background-color: transparent;
      color: inherit; }

.content-left-center .category-content,
.content-left-bottom .category-content,
.content-center .category-content,
.content-center-bottom .category-content {
  padding: 20.4px 25.5px;
  position: absolute;
  width: 100%;
  transform: translateY(-50%);
  z-index: 2; }
  .content-left-center .category-content h3,
  .content-left-center .category-content span,
  .content-left-bottom .category-content h3,
  .content-left-bottom .category-content span,
  .content-center .category-content h3,
  .content-center .category-content span,
  .content-center-bottom .category-content h3,
  .content-center-bottom .category-content span {
    color: #fff; }

.content-left-center .category-content,
.content-center .category-content {
  left: 0;
  top: 50%; }

.content-left-center .category-content {
  align-items: flex-start; }

.content-left-bottom .category-content {
  align-items: flex-start;
  left: 0;
  bottom: 0;
  transform: none; }

.content-center-bottom figure {
  min-height: 90px; }
.content-center-bottom .category-content {
  bottom: 0;
  transform: none;
  padding: 20.4px 0; }
  .content-center-bottom .category-content h3,
  .content-center-bottom .category-content span {
    margin-bottom: 0;
    color: #1d2127; }

.overlay-lighter figure:after {
  background-color: rgba(27, 27, 23, 0); }
.overlay-lighter:hover figure:after {
  background-color: rgba(27, 27, 23, 0.15); }

.overlay-darker figure:after {
  background-color: rgba(27, 27, 23, 0.25); }
.overlay-darker:hover figure:after {
  background-color: rgba(27, 27, 23, 0.4); }

.overlay-light figure:after {
  background-color: rgba(27, 27, 23, 0.75); }
.overlay-light:hover figure:after {
  background-color: rgba(27, 27, 23, 0.6); }

.hidden-count .category-content span {
  max-height: 10px;
  transition: all .5s;
  transform: translateY(20%);
  opacity: 0; }
.hidden-count:hover .category-content span {
  max-height: 30px;
  transform: none;
  opacity: .7; }

.creative-grid .product-category {
  margin-bottom: 0;
  padding-bottom: 2rem; }
  .creative-grid .product-category.content-left-bottom .category-content {
    margin-bottom: 20px; }
  .creative-grid .product-category figure {
    height: 100%; }
    .creative-grid .product-category figure img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      padding: 0; }

.height-600 {
  height: 600px; }

.height-400 {
  height: 400px; }

.height-300 {
  height: 300px; }

.height-200 {
  height: 200px; }

@media (min-width: 1199px) {
  .col-5col-1 {
    flex: 0 0 20%;
    max-width: 20%; } }
@media (max-width: 767px) {
  .height-600 {
    height: 400px; }

  .height-300 {
    height: 200px; } }
@media (max-width: 450px) {
  .content-center-bottom .category-content {
    padding: 16.8px 21px;
    text-align: center;
    flex-wrap: wrap; } }
@media (max-width: 400px) {
  .content-center-bottom .category-content {
    padding-bottom: 1rem; } }
@media (max-width: 1200px) {
  .product-category-panel .owl-carousel .owl-nav button.owl-next, .product-category-panel .owl-carousel .owl-nav button.owl-prev {
    width: 15px; }
  .product-category-panel .owl-carousel .owl-nav button.owl-next {
    right: -18px; }
  .product-category-panel .owl-carousel .owl-nav button.owl-prev {
    left: -18px; } }
@media (max-width: 1159px) {
  .product-category-panel .owl-carousel .owl-nav button.owl-next, .product-category-panel .owl-carousel .owl-nav button.owl-prev {
    width: 30px; }
  .product-category-panel .owl-carousel .owl-nav button.owl-next {
    right: -41px; }
  .product-category-panel .owl-carousel .owl-nav button.owl-prev {
    left: -41px; } }
@media (max-width: 1024px) {
  .product-category-panel .owl-carousel .owl-nav button.owl-next, .product-category-panel .owl-carousel .owl-nav button.owl-prev {
    width: 15px; }
  .product-category-panel .owl-carousel .owl-nav button.owl-next {
    right: -18px; }
  .product-category-panel .owl-carousel .owl-nav button.owl-prev {
    left: -18px; } }
.testimonial-owner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-content: center; }
  .testimonial-owner figure {
    max-width: 40px;
    margin-right: 25px;
    margin-bottom: 2rem; }
    .testimonial-owner figure.max-width-none {
      max-width: none;
      margin: 0; }
  .testimonial-owner h4 {
    display: block;
    margin-bottom: .5rem;
    padding-top: .7rem;
    color: #111;
    font-size: 1.4rem;
    text-transform: uppercase; }
  .testimonial-owner span {
    display: block;
    color: #666;
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: .045em;
    line-height: 1.2;
    font-weight: 600; }

.testimonial blockquote {
  position: relative;
  margin: 0 0 0 15px;
  padding: 1rem 2rem;
  color: #f4631b; }
  .testimonial blockquote:before, .testimonial blockquote:after {
    position: absolute;
    font-family: 'Playfair Display';
    font-size: 5rem;
    font-weight: 900;
    line-height: 1; }
  .testimonial blockquote:before {
    top: 0;
    left: -0.4em;
    content: '\201C'; }
  .testimonial blockquote p {
    margin-bottom: 0;
    font-family: inherit;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    color: #62615e; }
.testimonial.blockquote-both blockquote:after {
  display: block;
  content: '\201D';
  right: 0;
  bottom: -5px;
  line-height: 24px; }
.testimonial.owner-center blockquote,
.testimonial.owner-center > p {
  text-align: center; }
.testimonial.owner-center .testimonial-title {
  text-align: center; }
.testimonial.owner-center .testimonial-owner {
  justify-content: center; }
  .testimonial.owner-center .testimonial-owner span {
    text-align: center; }
  .testimonial.owner-center .testimonial-owner figure, .testimonial.owner-center .testimonial-owner img {
    margin-left: auto;
    margin-right: auto; }
.testimonial.testimonial-border {
  border: 1px solid;
  border-top-color: #dfdfdf;
  border-bottom-color: #dfdfdf;
  border-left-color: #ececec;
  border-right-color: #ececec;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4); }
.testimonial.testimonial-border-bottom .testimonial-owner {
  border-top: 1px solid #f2f2f2; }
.testimonial.inner-blockquote figure {
  margin-top: 15px;
  margin-bottom: 10px; }
.testimonial.inner-blockquote blockquote {
  padding: 6px 20px; }
.testimonial.inner-blockquote .testimonial-title {
  margin-top: 28px; }
.testimonial .testimonial-arrow-down {
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 8px solid #CCC;
  height: 0;
  margin: 0 0 0 40px;
  width: 0; }

@media (max-width: 480px) {
  .testimonial blockquote:before {
    left: -15px; } }
.social-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: #fff;
  background-color: #f4631b;
  font-size: 14px;
  line-height: 3.2rem;
  text-align: center;
  text-decoration: none;
  opacity: 1; }
  .social-icon + .social-icon {
    margin-left: .6rem; }
  .social-icons .social-icon:hover, .social-icons .social-icon:focus {
    color: #fff;
    text-decoration: none;
    opacity: .85; }
  .social-icon.social-facebook {
    background-color: #3b5a9a; }
  .social-icon.social-twitter {
    background-color: #1aa9e1; }
  .social-icon.social-instagram {
    background-color: #7c4a3a; }
  .social-icon.social-linkedin {
    background-color: #0073b2; }
  .social-icon.social-gplus {
    background-color: #dd4b39; }
  .social-icon.social-mail {
    background-color: #dd4b39; }

.nav-tabs {
  margin: 0;
  border: 0;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 2px; }
  .nav-tabs .nav-item {
    margin-bottom: -3px; }
    .nav-tabs .nav-item:not(:last-child) {
      margin-right: 3.5rem; }
    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-item .nav-link.active {
      border-bottom-color: #f4631b;
      color: #f4631b; }
  .nav-tabs .nav-link {
    padding: 1.2rem 0;
    border: 0;
    border-bottom: 2px solid transparent;
    color: #282d3b;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1;
    font-family: Poppins, sans-serif;
    text-transform: uppercase; }
    .nav-tabs .nav-link:hover {
      color: #f4631b; }

.tabs .tab-content {
  border: 1px solid #eee;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
  padding: 1.5rem; }
.tabs .nav-tabs {
  border-bottom: 0; }
  .tabs .nav-tabs .nav-item.show .nav-link,
  .tabs .nav-tabs .nav-item .nav-link.active {
    border-top-color: #f4631b;
    color: #f4631b;
    background: #fff; }
  .tabs .nav-tabs .nav-item:not(:last-child) {
    margin-right: .1rem; }
  .tabs .nav-tabs .nav-link {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 3px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: none;
    background: #f4f4f4;
    text-transform: none;
    font-weight: 400;
    line-height: 2.4rem;
    margin-bottom: -1px;
    padding: 0.8rem 1.6rem; }
    .tabs .nav-tabs .nav-link:focus, .tabs .nav-tabs .nav-link:hover {
      border-top-color: #f4631b; }
.tabs .tab-pane p:last-child {
  line-height: 2.4rem; }

.tabs-bottom .nav-tabs .nav-item.show .nav-link,
.tabs-bottom .nav-tabs .nav-item .nav-link.active {
  border-top: none;
  border-bottom-color: #f4631b; }
.tabs-bottom .nav-tabs .nav-item:not(:last-child) {
  margin-right: .1rem; }
.tabs-bottom .nav-tabs .nav-link {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 3px solid #eee;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-top: none;
  margin-top: -1px; }
  .tabs-bottom .nav-tabs .nav-link:focus, .tabs-bottom .nav-tabs .nav-link:hover {
    border-bottom-color: #f4631b; }

.tabs-left {
  border-top: 1px solid #eee; }
  .tabs-left .tab-content {
    border-top: 0; }
  .tabs-left .nav-tabs .nav-item.show .nav-link,
  .tabs-left .nav-tabs .nav-item .nav-link.active {
    border-left: 3px solid #f4631b; }
  .tabs-left .nav-tabs .nav-item:not(:last-child) {
    margin-right: .1rem; }
  .tabs-left .nav-tabs .nav-link {
    border: 0;
    border-left: 3px solid #eee;
    margin-right: -1px; }
    .tabs-left .nav-tabs .nav-link:focus, .tabs-left .nav-tabs .nav-link:hover {
      border-left-color: #f4631b; }

.tabs-right {
  border-top: 1px solid #eee; }
  .tabs-right .tab-content {
    border-top: 0; }
  .tabs-right .nav-tabs .nav-item.show .nav-link,
  .tabs-right .nav-tabs .nav-item .nav-link.active {
    border-right: 3px solid #f4631b; }
  .tabs-right .nav-tabs .nav-item:not(:last-child) {
    margin-right: 0; }
  .tabs-right .nav-tabs .nav-link {
    border: 0;
    border-right: 3px solid #eee; }
    .tabs-right .nav-tabs .nav-link:focus, .tabs-right .nav-tabs .nav-link:hover {
      border-right-color: #f4631b; }

.nav-justified .nav-link {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center; }

.tabs-vertical {
  display: flex; }
  .tabs-vertical .nav-tabs {
    flex-flow: column nowrap;
    width: 27.8%;
    border: 0; }
  .tabs-vertical .tab-content {
    flex: 1; }
  .tabs-vertical .nav-link:last-child {
    border-bottom: 1px solid #eee !important; }

.tabs-secondary .nav-tabs .nav-item.show .nav-link, .tabs-secondary .nav-tabs .nav-item .nav-link.active {
  border-top-color: #ff7272;
  color: #ff7272; }
.tabs-secondary .nav-tabs .nav-link:focus, .tabs-secondary .nav-tabs .nav-link:hover {
  border-top-color: #ff7272;
  color: #ff7272; }
.tabs-secondary.tabs-bottom .nav-tabs .nav-item.show .nav-link, .tabs-secondary.tabs-bottom .nav-tabs .nav-item .nav-link.active {
  border-bottom-color: #ff7272; }
.tabs-secondary.tabs-bottom .nav-tabs .nav-link:focus, .tabs-secondary.tabs-bottom .nav-tabs .nav-link:hover {
  border-bottom-color: #ff7272; }
.tabs-secondary.tabs-left .nav-tabs .nav-item.show .nav-link, .tabs-secondary.tabs-left .nav-tabs .nav-item .nav-link.active {
  border-left-color: #ff7272; }
.tabs-secondary.tabs-left .nav-tabs .nav-link:focus, .tabs-secondary.tabs-left .nav-tabs .nav-link:hover {
  border-left-color: #ff7272; }
.tabs-secondary.tabs-right .nav-tabs .nav-item.show .nav-link, .tabs-secondary.tabs-right .nav-tabs .nav-item .nav-link.active {
  border-right-color: #ff7272; }
.tabs-secondary.tabs-right .nav-tabs .nav-link:focus, .tabs-secondary.tabs-right .nav-tabs .nav-link:hover {
  border-right-color: #ff7272; }

.tabs-tertiary .nav-tabs .nav-item.show .nav-link, .tabs-tertiary .nav-tabs .nav-item .nav-link.active {
  border-top-color: #2baab1;
  color: #2baab1; }
.tabs-tertiary .nav-tabs .nav-link:focus, .tabs-tertiary .nav-tabs .nav-link:hover {
  border-top-color: #2baab1;
  color: #2baab1; }
.tabs-tertiary.tabs-bottom .nav-tabs .nav-item.show .nav-link, .tabs-tertiary.tabs-bottom .nav-tabs .nav-item .nav-link.active {
  border-bottom-color: #2baab1; }
.tabs-tertiary.tabs-bottom .nav-tabs .nav-link:focus, .tabs-tertiary.tabs-bottom .nav-tabs .nav-link:hover {
  border-bottom-color: #2baab1; }
.tabs-tertiary.tabs-left .nav-tabs .nav-item.show .nav-link, .tabs-tertiary.tabs-left .nav-tabs .nav-item .nav-link.active {
  border-left-color: #2baab1; }
.tabs-tertiary.tabs-left .nav-tabs .nav-link:focus, .tabs-tertiary.tabs-left .nav-tabs .nav-link:hover {
  border-left-color: #2baab1; }
.tabs-tertiary.tabs-right .nav-tabs .nav-item.show .nav-link, .tabs-tertiary.tabs-right .nav-tabs .nav-item .nav-link.active {
  border-right-color: #2baab1; }
.tabs-tertiary.tabs-right .nav-tabs .nav-link:focus, .tabs-tertiary.tabs-right .nav-tabs .nav-link:hover {
  border-right-color: #2baab1; }

.tabs-dark .nav-tabs .nav-item.show .nav-link, .tabs-dark .nav-tabs .nav-item .nav-link.active {
  border-top-color: #222529;
  color: #222529; }
.tabs-dark .nav-tabs .nav-link:focus, .tabs-dark .nav-tabs .nav-link:hover {
  border-top-color: #222529;
  color: #222529; }
.tabs-dark.tabs-bottom .nav-tabs .nav-item.show .nav-link, .tabs-dark.tabs-bottom .nav-tabs .nav-item .nav-link.active {
  border-bottom-color: #222529; }
.tabs-dark.tabs-bottom .nav-tabs .nav-link:focus, .tabs-dark.tabs-bottom .nav-tabs .nav-link:hover {
  border-bottom-color: #222529; }
.tabs-dark.tabs-left .nav-tabs .nav-item.show .nav-link, .tabs-dark.tabs-left .nav-tabs .nav-item .nav-link.active {
  border-left-color: #222529; }
.tabs-dark.tabs-left .nav-tabs .nav-link:focus, .tabs-dark.tabs-left .nav-tabs .nav-link:hover {
  border-left-color: #222529; }
.tabs-dark.tabs-right .nav-tabs .nav-item.show .nav-link, .tabs-dark.tabs-right .nav-tabs .nav-item .nav-link.active {
  border-right-color: #222529; }
.tabs-dark.tabs-right .nav-tabs .nav-link:focus, .tabs-dark.tabs-right .nav-tabs .nav-link:hover {
  border-right-color: #222529; }

.tabs-simple .tab-content {
  border: 0;
  box-shadow: none;
  padding: 3rem 0; }
.tabs-simple .nav-tabs .nav-item.show .nav-link,
.tabs-simple .nav-tabs .nav-item .nav-link.active {
  border-bottom-color: #555;
  color: #777; }
.tabs-simple .nav-tabs .nav-item:not(:last-child) {
  margin-right: .1rem; }
.tabs-simple .nav-tabs .nav-link {
  border: 0;
  border-bottom: 3px solid #eee;
  text-transform: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 2.4rem;
  margin-bottom: -1px;
  color: #777;
  background: none;
  padding: 15px 30px;
  margin-bottom: 1.5rem; }
  .tabs-simple .nav-tabs .nav-link:focus, .tabs-simple .nav-tabs .nav-link:hover {
    border-bottom-color: #555; }

.tabs-with-icon .nav-tabs .nav-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: none;
  margin-bottom: 1rem; }
.tabs-with-icon .icon-content {
  position: relative;
  height: 75px;
  width: 75px;
  line-height: 75px;
  text-align: center;
  font-size: 3rem;
  border: 1px solid #dfdfdf;
  border-radius: 50%;
  margin-bottom: 1.5rem; }
  .tabs-with-icon .icon-content:after {
    content: '';
    border: 5px solid #f4f4f4;
    border-radius: 50%;
    display: block;
    height: 100%;
    padding: 1px;
    position: absolute;
    top: 0;
    width: 100%;
    transform: scale(1.2);
    transition: transform .3s; }
  .tabs-with-icon .icon-content:hover:after {
    transform: scale(1.3); }

.product-single-tabs.product-tabs-list .product-desc-content p {
  margin-bottom: 1.3rem; }
.product-single-tabs.product-tabs-list .product-desc-content ul,
.product-single-tabs.product-tabs-list .product-desc-content ol {
  padding-left: 5.8rem;
  margin-bottom: 2rem; }
.product-single-tabs.product-tabs-list .product-desc-content li::before {
  left: 2.4rem; }

.product-slider-tab .tab-content {
  position: relative; }
  .product-slider-tab .tab-content > .tab-pane {
    display: block !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 0 !important;
    opacity: 0;
    z-index: -1;
    transition: visibility .3s, opacity .3s; }
    .product-slider-tab .tab-content > .tab-pane:not(.active) {
      overflow: hidden;
      visibility: hidden; }
  .product-slider-tab .tab-content > .active {
    position: relative;
    height: auto !important;
    opacity: 1;
    z-index: auto; }

@media (min-width: 992px) {
  .product-single-tabs.product-tabs-list {
    padding-bottom: 2px; }
    .product-single-tabs.product-tabs-list .col-lg-2 {
      -ms-flex: 0 0 21.4%;
      flex: 0 0 21.4%;
      max-width: 21.4%; }
    .product-single-tabs.product-tabs-list .col-lg-10 {
      -ms-flex: 0 0 78.6%;
      flex: 0 0 78.6%;
      max-width: 78.6%; }
    .product-single-tabs.product-tabs-list .nav.nav-tabs {
      flex-direction: column;
      border: none; }
      .product-single-tabs.product-tabs-list .nav.nav-tabs .nav-item {
        margin-right: 0;
        margin-bottom: .8rem;
        border-bottom: 1px solid #e7e7e7; }
      .product-single-tabs.product-tabs-list .nav.nav-tabs .nav-link {
        display: inline-block;
        padding: 1.4rem 0 1.5rem;
        margin-bottom: -1px; }
    .product-single-tabs.product-tabs-list .tab-pane {
      padding-top: .5rem; }
    .product-single-tabs.product-tabs-list .tab-content {
      padding-left: .9rem; } }
@media (max-width: 479px) {
  .nav-tabs .nav-item:not(:last-child) {
    margin-right: 2.5rem; } }
.tooltip {
  font-family: "Open Sans", sans-serif;
  font-size: 1.3rem; }
  .tooltip.show {
    opacity: 1; }
  .tooltip .arrow {
    width: 1rem;
    height: 1rem; }

.bs-tooltip-top,
.bs-tooltip-auto[x-placement^='top'] {
  padding: 1rem 0; }

.bs-tooltip-top .arrow:before,
.bs-tooltip-auto[x-placement^='top'] .arrow:before {
  margin-left: -.5rem;
  border-width: 1rem 1rem 0;
  border-top-color: #ddd; }

.bs-tooltip-right,
.bs-tooltip-auto[x-placement^='right'] {
  padding: 0 1rem; }

.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^='right'] .arrow {
  width: 1rem;
  height: 2rem; }

.bs-tooltip-right .arrow:before,
.bs-tooltip-auto[x-placement^='right'] .arrow:before {
  border-width: 1rem 1rem 1rem 0;
  border-right-color: #ddd; }

.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^='bottom'] {
  padding: 1rem 0; }

.bs-tooltip-bottom .arrow:before,
.bs-tooltip-auto[x-placement^='bottom'] .arrow:before {
  margin-left: -.5rem;
  border-width: 0 1rem 1em;
  border-bottom-color: #ddd; }

.bs-tooltip-left,
.bs-tooltip-auto[x-placement^='left'] {
  padding: 0 1rem; }

.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^='left'] .arrow {
  width: 1rem;
  height: 1rem; }

.bs-tooltip-left .arrow:before,
.bs-tooltip-auto[x-placement^='left'] .arrow:before {
  border-width: 1rem 0 1rem 1rem;
  border-left-color: #ddd; }

.tooltip-inner {
  max-width: 270px;
  padding: 1.2rem 1.5rem;
  border: 1px solid #ddd;
  border-radius: .1rem;
  background-color: #f4f4f4;
  color: #777;
  text-align: left; }

html {
  overflow-x: hidden;
  font-size: 62.5%;
  font-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  color: #777;
  background: #fff;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.2px;
  font-family: "Open Sans", sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden; }
  body:not(.loaded) > :not(.loading-overlay) {
    visibility: hidden !important;
    transition: none !important; }
    body:not(.loaded) > :not(.loading-overlay) * {
      visibility: hidden !important;
      transition: none !important; }

::-moz-selection {
  background-color: #f4631b;
  color: #fff; }

::selection {
  background-color: #f4631b;
  color: #fff; }

p {
  margin-bottom: 1.5rem; }

ul,
ol {
  margin: 0 0 2.25rem;
  padding: 0;
  list-style: none; }

b,
strong {
  font-weight: 700; }

em,
i {
  font-style: italic; }

hr {
  max-width: 1730px;
  margin: 5.5rem auto 5.2rem;
  border: 0;
  border-top: 1px solid #e7e7e7; }

sub,
sup {
  font-size: 70%; }

sup {
  font-size: 50%; }

sub {
  bottom: -.25em; }

img {
  display: block;
  max-width: 100%;
  height: auto; }

button:focus {
  outline: none; }

body.modal-open {
  padding-right: 0 !important; }

@keyframes rotating {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
@keyframes bouncedelay {
  0%,
	80%,
	100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes bouncedelay {
  0%,
	80%,
	100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    transform: scale(1); } }
.loading-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all .5s ease-in-out;
  background: #fff;
  opacity: 1;
  visibility: visible;
  z-index: 999999; }
  .loaded > .loading-overlay {
    opacity: 0;
    visibility: hidden; }

.bounce-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70px;
  margin: -9px 0 0 -35px;
  transition: all .2s;
  text-align: center;
  z-index: 10000; }
  .bounce-loader .bounce1,
  .bounce-loader .bounce2,
  .bounce-loader .bounce3 {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background-color: #CCC;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    -webkit-animation: 1.4s ease-in-out 0s normal both infinite bouncedelay;
    animation: 1.4s ease-in-out 0s normal both infinite bouncedelay; }
  .bounce-loader .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s; }
  .bounce-loader .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s; }

.mobile-cart > div,
.mobile-sidebar,
.custom-scrollbar {
  -webkit-overflow-scrolling: touch; }
  .mobile-cart > div::-webkit-scrollbar,
  .mobile-sidebar::-webkit-scrollbar,
  .custom-scrollbar::-webkit-scrollbar {
    height: 10px;
    width: 6px; }
  .mobile-cart > div::-webkit-scrollbar-thumb,
  .mobile-sidebar::-webkit-scrollbar-thumb,
  .custom-scrollbar::-webkit-scrollbar-thumb {
    background: #e5e5e5;
    border-radius: 10px;
    position: absolute; }
  .mobile-cart > div::-webkit-scrollbar-track,
  .mobile-sidebar::-webkit-scrollbar-track,
  .custom-scrollbar::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    margin: 8px;
    width: 100%; }

.loading:not(.load-more-overlay),
.load-more-overlay.loading::after {
  animation: spin 650ms infinite linear;
  border: 2px solid #fff;
  border-radius: 32px;
  border-top: 2px solid rgba(0, 0, 0, 0.4) !important;
  border-right: 2px solid rgba(0, 0, 0, 0.4) !important;
  border-bottom: 2px solid rgba(0, 0, 0, 0.4) !important;
  content: "";
  display: block;
  height: 20px;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -10px;
  right: auto;
  position: absolute;
  width: 20px;
  z-index: 3; }

.load-more-overlay {
  position: relative; }
  .load-more-overlay.loading::after {
    content: ''; }
  .load-more-overlay::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: .8;
    z-index: 3; }

.popup-loading-overlay {
  position: relative; }
  .popup-loading-overlay.porto-loading-icon::before {
    content: ''; }
  .popup-loading-overlay::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: .8; }

.col-6.fade.in {
  opacity: 1;
  transition: opacity .5s; }

.col-6.fade {
  opacity: 0;
  transition: opacity .5s; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }
@media (max-width: 767px) {
  html {
    font-size: 9px; } }
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-bottom: 1.8rem;
  color: #222529;
  font-weight: 700;
  line-height: 1.1;
  font-family: Poppins, sans-serif; }

h1, .h1 {
  font-size: 3.6rem;
  font-weight: 400;
  line-height: 1.223; }

h2, .h2 {
  font-size: 3rem;
  line-height: 1.5; }

h3, .h3 {
  font-size: 2.5rem;
  line-height: 1.28; }

h4, .h4 {
  font-size: 2rem;
  line-height: 1.35; }

h5, .h5 {
  font-size: 1.4rem;
  line-height: 1.429; }

h6, .h6 {
  font-size: 1.3rem;
  line-height: 1.385;
  font-weight: 600; }

a {
  transition: all .3s;
  color: #f4631b;
  text-decoration: none; }

a:hover,
a:focus {
  color: #f4631b;
  text-decoration: none; }

.heading {
  margin-bottom: 3rem;
  color: #222529; }
  .heading .title {
    margin-bottom: 1.6rem; }
  .heading p {
    letter-spacing: -.015em; }
  .heading p:last-child {
    margin-bottom: 0; }

.light-title {
  margin-bottom: 2rem;
  font-weight: 300; }

.section-title {
  text-transform: uppercase;
  font-size: 1.8rem; }

.section-sub-title {
  font-size: 1.6rem;
  text-transform: uppercase; }

@media (min-width: 768px) {
  h1, .h1 {
    font-size: 4.5rem; }

  h2, .h2 {
    font-size: 2.5rem; }

  .heading {
    margin-bottom: 4rem; } }
@media (min-width: 992px) {
  h1, .h1 {
    font-size: 5rem; }

  h2, .h2 {
    font-size: 3rem; }

  .heading {
    margin-bottom: 5rem; } }
.page-wrapper {
  position: relative;
  left: 0;
  transition: all .25s; }

.main {
  flex: 1 1 auto; }

.row {
  margin-left: -10px;
  margin-right: -10px; }

[class*="col-"] {
  padding-left: 10px;
  padding-right: 10px; }

.row-sparse {
  margin-left: -15px;
  margin-right: -15px; }
  .row-sparse > [class*="col-"] {
    padding-left: 15px;
    padding-right: 15px; }

.row-sm {
  margin-left: -6px;
  margin-right: -6px; }
  .row-sm > [class*="col-"] {
    padding-left: 6px;
    padding-right: 6px; }

.row-joined {
  margin-left: 0;
  margin-right: 0; }
  .row-joined > [class*="col-"] {
    padding-left: 0;
    padding-right: 0; }

.gutter-sm {
  margin-left: -10px;
  margin-right: -10px; }
  .gutter-sm > * {
    padding-left: 10px;
    padding-right: 10px; }

.container :not(.sticky-header) > .container,
.container :not(.sticky-header) > .container-fluid {
  padding-left: 0;
  padding-right: 0; }

.ajax-overlay {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: .8;
  background-color: #0b0b0b;
  z-index: 1055; }

@media (max-width: 1280px) {
  .container-fluid {
    padding-left: 20px;
    padding-right: 20px; } }
@media (min-width: 1440px) {
  .container {
    max-width: 1420px; } }
@media (min-width: 1200px) {
  .col-xl-5col {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; }

  .col-xl-5col-2 {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%; }

  .col-xl-7col {
    -ms-flex: 0 0 14.2857%;
    flex: 0 0 14.2857%;
    max-width: 14.2857%; }

  .col-xl-8col {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%; }

  .row-xl-tight {
    margin-left: -5px;
    margin-right: -5px; }
    .row-xl-tight > [class*="col-"] {
      padding-left: 5px;
      padding-right: 5px; } }
@media (min-width: 992px) {
  .container {
    padding-left: 10px;
    padding-right: 10px; }

  .row-lg {
    margin-left: -15px;
    margin-right: -15px; }
    .row-lg [class*="col-"] {
      padding-left: 15px;
      padding-right: 15px; } }
@media (max-width: 991px) {
  .container {
    max-width: none; }

  .mmenu-active .page-wrapper, .sidebar-opened .page-wrapper {
    left: 260px; } }
@media (min-width: 768px) {
  .row-md-tight {
    margin-left: -5px;
    margin-right: -5px; }
    .row-md-tight > [class*="col-"] {
      padding-left: 5px;
      padding-right: 5px; } }
.cols-1 > * {
  max-width: 100%;
  flex: 0 0 100%; }

.cols-2 > * {
  max-width: 50%;
  flex: 0 0 50%; }

.cols-3 > * {
  max-width: 33.3333%;
  flex: 0 0 33.3333%; }

.cols-4 > * {
  max-width: 25%;
  flex: 0 0 25%; }

.cols-5 > * {
  max-width: 20%;
  flex: 0 0 20%; }

.cols-6 > * {
  max-width: 16.6667%;
  flex: 0 0 16.6667%; }

.cols-7 > * {
  max-width: 14.2857%;
  flex: 0 0 14.2857%; }

.cols-8 > * {
  max-width: 12.5%;
  flex: 0 0 12.5%; }

@media (min-width: 480px) {
  .cols-xs-1 > * {
    max-width: 100%;
    flex: 0 0 100%; }

  .cols-xs-2 > * {
    max-width: 50%;
    flex: 0 0 50%; }

  .cols-xs-3 > * {
    max-width: 33.3333%;
    flex: 0 0 33.3333%; }

  .cols-xs-4 > * {
    max-width: 25%;
    flex: 0 0 25%; }

  .cols-xs-5 > * {
    max-width: 20%;
    flex: 0 0 20%; }

  .cols-xs-6 > * {
    max-width: 16.6667%;
    flex: 0 0 16.6667%; }

  .cols-xs-7 > * {
    max-width: 14.2857%;
    flex: 0 0 14.2857%; }

  .cols-xs-8 > * {
    max-width: 12.5%;
    flex: 0 0 12.5%; } }
@media (min-width: 576px) {
  .cols-sm-1 > * {
    max-width: 100%;
    flex: 0 0 100%; }

  .cols-sm-2 > * {
    max-width: 50%;
    flex: 0 0 50%; }

  .cols-sm-3 > * {
    max-width: 33.3333%;
    flex: 0 0 33.3333%; }

  .cols-sm-4 > * {
    max-width: 25%;
    flex: 0 0 25%; }

  .cols-sm-5 > * {
    max-width: 20%;
    flex: 0 0 20%; }

  .cols-sm-6 > * {
    max-width: 16.6667%;
    flex: 0 0 16.6667%; }

  .cols-sm-7 > * {
    max-width: 14.2857%;
    flex: 0 0 14.2857%; }

  .cols-sm-8 > * {
    max-width: 12.5%;
    flex: 0 0 12.5%; } }
@media (min-width: 768px) {
  .cols-md-1 > * {
    max-width: 100%;
    flex: 0 0 100%; }

  .cols-md-2 > * {
    max-width: 50%;
    flex: 0 0 50%; }

  .cols-md-3 > * {
    max-width: 33.3333%;
    flex: 0 0 33.3333%; }

  .cols-md-4 > * {
    max-width: 25%;
    flex: 0 0 25%; }

  .cols-md-5 > * {
    max-width: 20%;
    flex: 0 0 20%; }

  .cols-md-6 > * {
    max-width: 16.6667%;
    flex: 0 0 16.6667%; }

  .cols-md-7 > * {
    max-width: 14.2857%;
    flex: 0 0 14.2857%; }

  .cols-md-8 > * {
    max-width: 12.5%;
    flex: 0 0 12.5%; } }
@media (min-width: 992px) {
  .cols-lg-1 > * {
    max-width: 100%;
    flex: 0 0 100%; }

  .cols-lg-2 > * {
    max-width: 50%;
    flex: 0 0 50%; }

  .cols-lg-3 > * {
    max-width: 33.3333%;
    flex: 0 0 33.3333%; }

  .cols-lg-4 > * {
    max-width: 25%;
    flex: 0 0 25%; }

  .cols-lg-5 > * {
    max-width: 20%;
    flex: 0 0 20%; }

  .cols-lg-6 > * {
    max-width: 16.6667%;
    flex: 0 0 16.6667%; }

  .cols-lg-7 > * {
    max-width: 14.2857%;
    flex: 0 0 14.2857%; }

  .cols-lg-8 > * {
    max-width: 12.5%;
    flex: 0 0 12.5%; } }
@media (min-width: 1200px) {
  .cols-xl-1 > * {
    max-width: 100%;
    flex: 0 0 100%; }

  .cols-xl-2 > * {
    max-width: 50%;
    flex: 0 0 50%; }

  .cols-xl-3 > * {
    max-width: 33.3333%;
    flex: 0 0 33.3333%; }

  .cols-xl-4 > * {
    max-width: 25%;
    flex: 0 0 25%; }

  .cols-xl-5 > * {
    max-width: 20%;
    flex: 0 0 20%; }

  .cols-xl-6 > * {
    max-width: 16.6667%;
    flex: 0 0 16.6667%; }

  .cols-xl-7 > * {
    max-width: 14.2857%;
    flex: 0 0 14.2857%; }

  .cols-xl-8 > * {
    max-width: 12.5%;
    flex: 0 0 12.5%; } }
@media (min-width: 1600px) {
  .cols-xxl-1 > * {
    max-width: 100%;
    flex: 0 0 100%; }

  .cols-xxl-2 > * {
    max-width: 50%;
    flex: 0 0 50%; }

  .cols-xxl-3 > * {
    max-width: 33.3333%;
    flex: 0 0 33.3333%; }

  .cols-xxl-4 > * {
    max-width: 25%;
    flex: 0 0 25%; }

  .cols-xxl-5 > * {
    max-width: 20%;
    flex: 0 0 20%; }

  .cols-xxl-6 > * {
    max-width: 16.6667%;
    flex: 0 0 16.6667%; }

  .cols-xxl-7 > * {
    max-width: 14.2857%;
    flex: 0 0 14.2857%; }

  .cols-xxl-8 > * {
    max-width: 12.5%;
    flex: 0 0 12.5%; } }
.owl-carousel .owl-nav .disabled {
  opacity: .5;
  cursor: default; }
.owl-carousel .owl-dots .owl-dot span {
  width: 16px;
  height: 16px;
  border-width: 2px; }
  .owl-carousel .owl-dots .owl-dot span:before {
    margin: 0;
    width: 8px;
    height: 8px;
    transform: translate(-50%, -50%); }
.owl-carousel .owl-dots .owl-dot:hover span:before, .owl-carousel .owl-dots .owl-dot.active span:before {
  transform: translate(-50%, -50%); }
.owl-carousel.dots-m-0 .disabled + .owl-dots {
  margin: 0; }
.owl-carousel.dots-mt-1 .disabled + .owl-dots {
  margin-top: 1rem; }
.owl-carousel.nav-big .owl-nav {
  font-size: 3.7rem; }
  .owl-carousel.nav-big .owl-nav i {
    padding: 4px 7px; }
.owl-carousel.nav-large .owl-nav {
  font-size: 4.5rem; }
  .owl-carousel.nav-large .owl-nav i {
    padding: 4px 2px; }
.owl-carousel.nav-image-center .owl-nav button {
  top: 35%; }
.owl-carousel.show-nav-hover .owl-nav {
  opacity: 0;
  transition: opacity .2s, color .2s; }
.owl-carousel.show-nav-hover:hover .owl-nav {
  opacity: 1; }
.owl-carousel .owl-nav .owl-prev {
  left: 1vw; }
.owl-carousel .owl-nav .owl-next {
  right: 1vw; }
@media (min-width: 992px) {
  .owl-carousel.nav-outer .owl-prev {
    left: -1.7vw; }
  .owl-carousel.nav-outer .owl-next {
    right: -1.7vw; }
  .owl-carousel.nav-outer.nav-large .owl-prev {
    left: -2.3vw; }
  .owl-carousel.nav-outer.nav-large .owl-next {
    right: -2.3vw; } }
.owl-carousel.nav-top .owl-nav .owl-prev, .owl-carousel.nav-top .owl-nav .owl-next {
  top: -4px; }
.owl-carousel.nav-top .owl-nav .owl-prev {
  left: unset;
  right: 3rem; }
.owl-carousel.nav-top .owl-nav .owl-next {
  right: 0; }
.owl-carousel.dots-top .owl-dots {
  position: absolute;
  right: 0;
  bottom: 100%;
  margin: 0 0 3.4rem; }
.owl-carousel.dots-small .owl-dots span {
  width: 14px;
  height: 14px; }
  .owl-carousel.dots-small .owl-dots span:before {
    width: 4px;
    height: 4px; }
.owl-carousel.dots-simple .owl-dots .owl-dot.active span::before {
  background-color: #222529; }
.owl-carousel.dots-simple .owl-dots .owl-dot span {
  margin: 1px 1px 2px 0px;
  border: none; }
  .owl-carousel.dots-simple .owl-dots .owl-dot span::before {
    opacity: 1;
    visibility: visible;
    background-color: #D6D6D6; }
.owl-carousel.images-center img {
  width: auto;
  margin: auto; }

.dots-left .owl-dots {
  text-align: left; }

.owl-carousel-lazy {
  display: block; }
  .owl-carousel-lazy .home-slide:first-child,
  .owl-carousel-lazy .category-slide:first-child,
  .owl-carousel-lazy .owl-item:first-child .home-slide,
  .owl-carousel-lazy .owl-item:first-child .category-slide {
    display: block; }
  .owl-carousel-lazy:not(.owl-loaded) > *:not(:first-child) {
    display: none; }

.home-slide,
.category-slide {
  width: 100%; }

div.slide-bg {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }

img.slide-bg {
  object-fit: cover;
  object-position: center top; }

.owl-carousel.dot-inside .owl-dots {
  position: absolute;
  right: 3.6rem;
  left: 3.6rem;
  bottom: 4.1rem;
  text-align: center; }

.owl-carousel:not(.owl-loaded) {
  flex-wrap: nowrap;
  overflow: hidden; }
  .owl-carousel:not(.owl-loaded)[class*='cols-']:not(.gutter-no) {
    margin-left: -10px !important;
    margin-right: -10px !important;
    width: auto; }
  .owl-carousel:not(.owl-loaded).row {
    display: flex; }

.noUi-target {
  background: #eee; }

.noUi-handle {
  background: #f4631b; }

.noUi-connect {
  background: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.38) inset; }

.sticky-header {
  transition: left .25s; }
  .sticky-header.fixed {
    display: flex;
    position: fixed;
    right: 0;
    left: 0;
    width: 100%;
    padding: 0;
    background: #fff;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.06);
    z-index: 1040; }
    .sticky-header.fixed .logo {
      max-width: 100px; }
      .sticky-header.fixed .logo img {
        transform: scale(0.8);
        transform-origin: left center; }
  .sticky-header.header-middle.fixed {
    height: 60px; }
  .sticky-header.deprecated-sticky:not(.fixed) .logo,
  .sticky-header.deprecated-sticky:not(.fixed) .cart-dropdown {
    display: none; }
  .sticky-header.deprecated-sticky.fixed .main-nav {
    width: auto; }
  .main .sticky-header:not(.fixed) > .container {
    padding-left: 0;
    padding-right: 0; }
  .main .sticky-header.fixed {
    min-height: 38px;
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    z-index: 997; }
    .main .sticky-header.fixed .container {
      margin: 0 auto; }
  .main .sticky-header.toolbox.fixed {
    padding: 1.5rem;
    padding-right: 1.5rem !important;
    background-color: #f4f4f4;
    margin: 0 !important; }
    .main .sticky-header.toolbox.fixed .toolbox-left {
      margin-right: 3rem; }
  .sidebar-opened .sticky-header.fixed:not(.sticky-header), .mmenu-active .sticky-header.fixed {
    left: 260px;
    transition: left .25s; }

.sticky-navbar {
  display: flex;
  position: fixed;
  left: 0;
  right: 0;
  top: 100%;
  width: 100%;
  background-color: #fff;
  border-top: 1px solid #e7e7e7;
  opacity: 0;
  visibility: hidden;
  transition: all .25s;
  z-index: 997; }
  .sticky-navbar.fixed {
    opacity: 1;
    visibility: visible;
    transform: translateY(-100%); }
    .sidebar-opened .sticky-navbar.fixed, .mmenu-active .sticky-navbar.fixed {
      left: 260px;
      transition: all .25s; }
  .sticky-navbar .sticky-info {
    flex: 0 0 20%;
    max-width: 20%;
    padding: 1rem 0; }
    .sticky-navbar .sticky-info:not(:last-child) {
      border-right: 1px solid #e7e7e7; }
    .sticky-navbar .sticky-info a {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      color: #222529;
      font-family: Poppins, sans-serif;
      font-size: 9px;
      font-weight: 600;
      text-transform: uppercase; }
    .sticky-navbar .sticky-info i {
      font-size: 27px;
      font-weight: 400; }
      .sticky-navbar .sticky-info i span {
        font-style: normal;
        right: -4px;
        top: 3px; }

@media (min-width: 576px) {
  .sticky-navbar {
    display: none; } }
@media (max-width: 991px) {
  .sidebar-opened .sticky-header.fixed {
    left: 260px;
    transition: left .25s; }

  .main .sticky-header.toolbox.fixed .toolbox-left {
    margin-right: 0; } }
header {
  position: relative; }
  header .container,
  header .container-fluid {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
    justify-content: space-between;
    -ms-flex-pack: justify;
    position: relative; }
  header p {
    margin-bottom: 0; }

header a {
  color: inherit; }

.header-top {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #999;
  font-size: 1.2rem; }
.header-middle {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  color: #fff;
  background: #f4631b; }

.header-left,
.header-center,
.header-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.header-center,
.header-right {
  margin-left: auto; }

.header-bottom .header-center {
  width: 100%; }
.header-bottom:not(.fixed) .header-left,
.header-bottom:not(.fixed) .header-right {
  display: none; }
.header-bottom .header-right {
  padding-right: 2.6rem;
  color: #222529; }
.header-bottom.fixed .header-center {
  margin-left: 4.7rem;
  width: auto; }
.header-bottom.fixed .main-nav .float-right {
  display: none; }
.header-bottom.fixed .logo {
  max-width: 89px; }
.header-bottom.fixed .header-search-inline.header-search {
  margin-right: 2.3rem; }
  .header-bottom.fixed .header-search-inline.header-search i {
    font-size: 2.3rem; }
  .header-bottom.fixed .header-search-inline.header-search .header-search-wrapper {
    display: flex;
    position: absolute;
    margin-top: 10px;
    border: 5px solid #f4631b; }
  .header-bottom.fixed .header-search-inline.header-search:not(.show) .header-search-wrapper {
    display: none; }
  .header-bottom.fixed .header-search-inline.header-search .search-toggle, .header-bottom.fixed .header-search-inline.header-search .header-search-inline .btn:after {
    display: block; }

.header-transparent {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 1040; }

/* .logo {
	@include css(max-width, header, logo, max-width);
} */
.header-contact {
  align-items: center;
  text-transform: uppercase; }
  .header-contact i {
    margin-right: 1.1rem;
    font-size: 2.9rem; }
  .header-contact img {
    margin-right: .7rem; }
  .header-contact h6 {
    margin: 0;
    font-size: 1.1rem;
    line-height: 1.3;
    color: #777; }
  .header-contact a {
    display: block;
    font-size: 1.8rem;
    font-weight: 700;
    white-space: nowrap; }

.mobile-menu-toggler {
  border: 0;
  background: transparent;
  color: #222529;
  padding: 1rem .5rem;
  margin-right: .5rem;
  font-size: 20px;
  line-height: 0;
  cursor: pointer; }

.badge-circle {
  position: absolute;
  top: 1px;
  right: 0;
  width: 1.6rem;
  border-radius: 50%;
  color: #fff;
  background: #ff5b5b;
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 1.6rem;
  font-family: "Open Sans", sans-serif;
  text-align: center; }

header .social-icon {
  border-radius: 50%;
  font-size: 13px;
  width: 2.6rem;
  height: 2.6rem;
  line-height: 2.6rem; }
  header .social-icon:not(:hover):not(:active):not(:focus) {
    background-color: transparent; }
  header .social-icon + .social-icon {
    margin-left: 2px; }
header .separator {
  height: 20px;
  border-left: 1px solid rgba(0, 0, 0, 0.04);
  margin: 0 10px; }

.top-notice {
  position: relative;
  padding: 0.9rem 2rem 1.1rem;
  font-size: 1.3rem;
  line-height: 2;
  letter-spacing: .025em; }
  .top-notice h5 {
    color: inherit;
    font-size: inherit;
    font-weight: 500; }
  .top-notice small {
    font-size: .8461em;
    letter-spacing: .025em;
    opacity: .5; }
  .top-notice a {
    color: inherit;
    font-weight: 700; }
  .top-notice .category {
    display: inline-block;
    padding: .3em .8em;
    background: #151719;
    font-size: 1rem; }
  .top-notice .mfp-close {
    top: 50%;
    transform: translateY(-50%) rotateZ(45deg) translateZ(0);
    color: inherit;
    opacity: .7;
    z-index: 10; }
    .top-notice .mfp-close:hover {
      opacity: 1; }

.header-icon:not(:last-child) {
  margin-right: 2rem; }
.header-icon i {
  font-size: 2.7rem; }
.header-icon:hover {
  color: #222529; }

.minicart-icon {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 20px;
  border: 2px solid #222529;
  border-radius: 0 0 5px 5px;
  position: relative;
  opacity: 0.9;
  margin: 6px 3px 0;
  z-index: 1; }
  .minicart-icon::before {
    content: "";
    position: absolute;
    border: 2px solid;
    border-color: inherit;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    left: 50%;
    top: -8px;
    margin-left: -7px;
    width: 15px;
    height: 11px; }

.cart-count {
  z-index: 1; }

@media (min-width: 992px) {
  .mobile-menu-toggler {
    display: none; } }
@media (max-width: 991px) {
  .main-nav {
    display: none; }

  .minicart-icon {
    width: 24px; }

  .header-search i {
    font-size: 2.4rem; } }
@media (max-width: 767px) {
  .header .separator {
    display: none; }

  .logo {
    max-width: 100px; } }
@media (max-width: 575px) {
  .top-notice {
    line-height: 1.5; }

  .header-icon:not(:last-child) {
    margin-right: 1.2rem; } }
.dropdownmenu-wrapper {
  position: relative;
  background-color: #fff; }

.dropdown-toggle i {
  font-size: 2.8rem; }
.dropdown-toggle:not(.dropdown-arrow):after {
  display: none; }

.dropdown-arrow:after {
  content: "";
  border: 0;
  margin: -5px 2px 0 11px;
  font-size: 15px;
  font-family: porto;
  width: auto;
  height: auto; }
.dropdown-arrow .badge-circle {
  top: 3px;
  left: 19px;
  z-index: 2; }

.cart-dropdown a:hover,
.cart-dropdown a:focus {
  color: inherit; }
.cart-dropdown .mobile-cart {
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: auto;
  width: 300px;
  margin: 0;
  transform: translate(340px);
  transition: transform .2s ease-in-out 0s;
  background-color: #fff;
  z-index: 1050;
  border: none;
  border-radius: 0;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15); }
  .cart-opened .cart-dropdown .mobile-cart {
    transform: none; }
  .cart-dropdown .mobile-cart .btn-close {
    position: absolute;
    left: -4.2rem;
    top: .7rem;
    font-size: 3.3rem;
    color: #fff;
    font-weight: 300; }

.cart-product-info {
  color: #696969; }

.cart-opened .cart-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1050; }

.header-dropdowns {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center; }

.header-menu:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  z-index: 1151;
  margin-left: -9px;
  margin-top: -1rem;
  border-width: 0 9px 10px;
  border-style: solid;
  border-color: transparent transparent #fff;
  visibility: hidden;
  opacity: 1;
  transform: translateY(-1rem); }

.header-dropdown {
  position: relative;
  line-height: 1.5;
  padding: 5px 0; }
  .header-dropdown > a {
    padding: 0 5px; }
    .header-dropdown > a:after {
      content: '\e81c';
      font-family: 'porto';
      font-weight: 400;
      margin-left: .5rem; }
  .header-dropdown img {
    display: inline-block;
    max-width: none;
    margin: -2px 6px 0 1px; }
  .header-dropdown ul {
    position: absolute;
    top: -300rem;
    z-index: 1150;
    min-width: 100%;
    margin: 0;
    padding: .5rem 0;
    background: #fff;
    box-shadow: 0 10px 30px 10px rgba(0, 0, 0, 0.05);
    transition: transform .2s ease-out;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-1rem); }
    .header-dropdown ul a {
      display: block;
      padding: 0.5em 1.5em;
      color: #777;
      white-space: nowrap; }
      .header-dropdown ul a:hover {
        background: #f4f4f4; }
  .header-dropdown + .header-dropdown {
    margin-left: 1.4rem; }
  .header-dropdown:hover .header-menu:before,
  .header-dropdown:hover ul {
    top: 100%;
    opacity: 1;
    visibility: visible;
    transform: none; }

.cart-dropdown .dropdownmenu-wrapper {
  padding: 2rem;
  overflow-y: auto;
  height: 100%; }
  .cart-dropdown .dropdownmenu-wrapper:before {
    right: 28px;
    left: auto; }
  .cart-dropdown .dropdownmenu-wrapper:after {
    right: 29px;
    left: auto; }
.cart-dropdown .product {
  display: -ms-flexbox;
  display: flex;
  margin: 0 !important;
  padding: 2rem 0;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #e6ebee;
  box-shadow: none !important;
  font-family: Poppins, sans-serif; }
.cart-dropdown .product-image-container {
  position: relative;
  max-width: 80px;
  width: 100%;
  margin: 0;
  margin-left: auto;
  border: 1px solid #f4f4f4; }
  .cart-dropdown .product-image-container a:after {
    display: none; }
.cart-dropdown .product-title {
  padding-right: 1.5rem;
  margin-bottom: 1.1rem;
  font-size: 1.4rem;
  line-height: 19px;
  color: #222529;
  font-weight: 500; }
  .cart-dropdown .product-title a {
    color: #222529; }
.cart-dropdown .product-details {
  margin-bottom: 3px;
  font-size: 1.3rem; }
.cart-dropdown .btn-remove {
  position: absolute;
  top: -11px;
  right: -9px;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  color: inherit;
  background-color: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
  text-align: center;
  line-height: 2rem;
  font-size: 1.8rem;
  font-weight: 500; }
  .cart-dropdown .btn-remove span {
    display: block;
    margin-top: 1px; }
  .cart-dropdown .btn-remove:hover, .cart-dropdown .btn-remove:focus {
    color: #f4631b; }
.sticky-header .cart-dropdown {
  margin-top: 0;
  margin-bottom: 0; }

.dropdown-cart-header,
.dropdown-cart-total {
  font-weight: 700;
  line-height: 38px; }

.dropdown-cart-header {
  margin-bottom: 1.7rem; }

.dropdown-cart-total {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
  margin-bottom: 1.4rem;
  font-size: 1.3rem;
  font-family: Poppins, sans-serif; }
  .dropdown-cart-total .cart-total-price {
    margin-left: auto;
    font-size: 1.5rem; }

.dropdown-cart-header {
  font-size: 2rem;
  font-family: Poppins, sans-serif; }
  .dropdown-cart-header a:hover {
    text-decoration: underline; }

.dropdown-cart-action .btn {
  padding: 1.3rem 2.5rem 1.4rem;
  border-radius: .2rem;
  color: #fff;
  height: auto;
  font-size: 1.2rem;
  font-weight: 600;
  font-family: Poppins, sans-serif;
  letter-spacing: .025em;
  border-color: transparent; }
  .dropdown-cart-action .btn:last-child:hover {
    color: #fff; }
.dropdown-cart-action .view-cart {
  margin: 1rem 0;
  background: #e7e7e7;
  color: #222529; }
  .dropdown-cart-action .view-cart:hover, .dropdown-cart-action .view-cart:focus {
    background: #f1f1f1;
    color: #222529; }

.compare-dropdown .dropdown-toggle {
  text-transform: uppercase; }
  .compare-dropdown .dropdown-toggle i {
    margin-top: -.2rem;
    margin-right: .2rem; }
    .compare-dropdown .dropdown-toggle i:before {
      margin: 0; }
  .compare-dropdown .dropdown-toggle:after {
    display: none; }

.compare-products {
  margin: 0;
  padding: 0;
  list-style: none; }
  .compare-products .product {
    position: relative;
    margin: 0;
    padding: .5rem 0;
    box-shadow: none !important; }
    .compare-products .product:hover {
      box-shadow: none; }
  .compare-products .product-title {
    margin: 0;
    color: #696969;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.35;
    text-transform: uppercase; }
  .compare-products .btn-remove {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 50%;
    right: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.3rem;
    height: 2.3rem;
    margin-top: -1.2rem;
    padding: .5rem 0;
    color: #777;
    font-size: 1.3rem;
    line-height: 1;
    text-align: center;
    overflow: hidden; }

.compare-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 2rem; }
  .compare-actions .action-link {
    display: inline-block;
    color: #777;
    font-size: 1.1rem;
    text-transform: uppercase; }
  .compare-actions .btn {
    min-width: 110px;
    margin-left: auto;
    padding: .9rem 1rem;
    border: 0;
    border-radius: .2rem;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: .025rem;
    text-align: center;
    text-transform: uppercase; }

.btn-remove {
  position: absolute;
  top: -10px;
  right: -8px;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  color: #474747;
  background-color: #fff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4);
  text-align: center;
  line-height: 2rem; }
  .btn-remove:hover, .btn-remove:focus {
    color: #f4631b; }

.icon-cancel:before {
  content: "";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }

@media (min-width: 992px) {
  .dropdown-expanded > a,
  .dropdown-expanded .header-menu:before {
    display: none; }
  .dropdown-expanded li + li {
    margin-left: 0; }
  .dropdown-expanded ul {
    position: static;
    display: flex;
    display: -ms-flexbox;
    padding: 0;
    border: 0;
    background-color: transparent;
    box-shadow: none;
    opacity: 1;
    visibility: visible; }
    .dropdown-expanded ul a {
      padding: 0;
      color: inherit; }
      .dropdown-expanded ul a:hover {
        background-color: transparent; }
  .dropdown-expanded .header-menu ul {
    transform: none; } }
@media (max-width: 575px) {
  .compare-dropdown {
    display: none; } }
@media (max-width: 480px) {
  .cart-dropdown .dropdown-menu, .compare-dropdown .dropdown-menu {
    width: 262px; } }
.header-search {
  position: relative; }
  .header-search form {
    margin: 0; }
  .header-search .form-control,
  .header-search select {
    margin: 0;
    border: 0;
    color: inherit;
    font-size: 1.3rem;
    height: 100%;
    box-shadow: none; }
  .header-search .form-control,
  .header-search .select-custom {
    background: #fff; }
  @media (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .header-search .form-control {
      flex: 1; } }
  .header-search .form-control::placeholder {
    color: #a8a8a8; }
  .header-search:not(.header-search-category) .form-control {
    border-radius: 5rem; }
  .header-search:not(.header-search-category) .btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    border: 0;
    padding: 0 .8em;
    color: #333; }

.search-toggle:after {
  content: '';
  position: absolute;
  right: calc(50% - 10px);
  bottom: -10px;
  border: 10px solid transparent;
  border-bottom-color: #d0d5d8; }
  .header-search:not(.show) .search-toggle:after {
    display: none; }

.search-toggle i:before {
  font-size: 19px; }

.header-search-category .form-control {
  border-radius: 5rem 0 0 5rem; }
.header-search-category .btn {
  border-radius: 0 5rem 5rem 0; }

.header-search-wrapper {
  display: flex;
  display: -ms-flexbox;
  position: absolute;
  right: -2.3rem;
  z-index: 999;
  margin-top: 10px;
  color: #8d8d8d;
  box-sizing: content-box;
  height: 48px;
  border-radius: 5rem;
  border: 0 solid #d0d5d8; }
  .header-search-wrapper:after {
    display: block;
    clear: both;
    content: ''; }
  .header-search:not(.show) .header-search-wrapper {
    display: none; }
  .header-search-wrapper .select-custom {
    margin: 0;
    width: 15.1rem;
    flex: 0 0 15.1rem; }
    .header-search-wrapper .select-custom:after {
      font-size: 1.4rem;
      line-height: 0;
      margin-top: 1px;
      right: 13px; }
  .header-search-wrapper select {
    width: 100%;
    border-left: 1px solid #e7e7e7;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    line-height: 36px;
    letter-spacing: .005em;
    color: inherit;
    -moz-appearance: none;
    -webkit-appearance: none; }
    .header-search-wrapper select:focus {
      outline: none; }
  .header-search-wrapper .btn {
    position: relative;
    padding: 0 0 3px 0;
    border: 0;
    border-left: 1px solid #e7e7e7;
    min-width: 65px;
    color: #222529;
    font-size: 2rem;
    background: #fff; }
    .header-search-wrapper .btn:before {
      display: inline-block;
      margin-top: 5px;
      font-weight: 800; }

.header-search-popup .form-control {
  min-width: 266px;
  padding: 4px 22px;
  font-size: 1.4rem;
  line-height: 20px; }
  .header-search-popup .form-control:focus {
    border: #e7e7e7; }

.header-search-inline .form-control {
  min-width: 21rem;
  padding: 1rem 2rem; }
@media (min-width: 992px) {
  .header-search-inline .search-toggle,
  .header-search-inline .btn:after {
    display: none; }
  .header-search-inline.header-search .header-search-wrapper {
    display: flex;
    display: -ms-flex;
    position: static;
    margin: 0;
    border-width: 0; } }

@media (max-width: 767px) {
  .header-search .form-control {
    min-width: 17rem; } }
@media (max-width: 575px) {
  .header-search-wrapper {
    left: 15px;
    right: 15px; } }
.menu,
.menu li,
.menu ul,
.menu ol {
  margin: 0;
  padding: 0;
  list-style: none; }

.menu {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5; }
  .menu:after {
    display: block;
    clear: both;
    content: ''; }
  .menu .show > ul,
  .menu .show > .megamenu {
    opacity: 1; }
  .menu li > a {
    display: block;
    padding: .8rem 1.8rem;
    transition: .2s ease-out;
    color: #777; }
  .menu li:hover > a, .menu li.show > a, .menu li.active > a {
    background: #f4f4f4; }
  .menu > li {
    float: left;
    position: relative;
    margin-right: 2.8rem; }
    .menu > li > a {
      padding: 1rem 0;
      font-size: 13px;
      font-weight: 400;
      color: #555; }
    .menu > li:hover > a, .menu > li.show > a, .menu > li.active > a {
      color: #f4631b;
      background: transparent; }
    .menu > li > .sf-with-ul:before {
      content: '';
      position: absolute;
      z-index: 1000;
      left: 50%;
      bottom: 0;
      margin-left: -14px;
      border: 10px solid;
      border-color: transparent transparent #fff;
      opacity: 0; }
    .menu > li.show > .sf-with-ul:before {
      opacity: 1;
      visibility: visible; }
  .menu .megamenu {
    display: none;
    position: absolute;
    z-index: 999;
    background-color: #fff;
    box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.15);
    border: 1px solid #eee;
    border-top: 3px solid #f4631b;
    left: 15px;
    padding: 10px 20px;
    width: 580px; }
    .menu .megamenu.megamenu-3cols {
      width: 600px; }
    .menu .megamenu .row > div {
      padding-top: 1.5rem; }
    .menu .megamenu img {
      width: 300px;
      height: 100%;
      object-fit: cover; }
    .menu .megamenu .submenu {
      margin: 0;
      padding-top: 0;
      border-top: none;
      display: block;
      position: static;
      box-shadow: none;
      min-width: 0; }
      .menu .megamenu .submenu a {
        padding: 7px 8px 8px 0;
        font-family: "Open Sans", sans-serif;
        font-size: 12px; }
      .menu .megamenu .submenu li:hover a {
        text-decoration: underline;
        background: transparent; }
  .menu .nolink {
    cursor: default;
    display: inline-block;
    padding-bottom: 11px;
    font-weight: 700;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    color: #333; }
  .menu ul {
    display: none;
    position: absolute;
    min-width: 200px;
    padding: 5px 0;
    border-top: 3px solid #f4631b;
    top: 100%;
    left: 0;
    z-index: 101;
    background-color: #fff;
    box-shadow: 0 29px 29px rgba(0, 0, 0, 0.1); }
    .menu ul.custom-scrollbar {
      max-height: 80vh;
      overflow-y: auto; }
    .menu ul a {
      font-family: "Open Sans", sans-serif;
      font-size: 12px; }
    .menu ul ul {
      top: -5px;
      left: 100%; }
    .menu ul li {
      position: relative; }
      .menu ul li:hover ul {
        display: block; }
  .menu.sf-arrows .sf-with-ul + ul > li {
    position: relative; }
  .menu.sf-arrows .sf-with-ul:after {
    position: absolute;
    right: 1rem;
    content: '\e81a';
    font-family: 'porto'; }
  .menu.sf-arrows > li > .sf-with-ul:after {
    content: '\e81c';
    position: static;
    margin-left: 5px;
    font-weight: 400; }

.main-nav .menu {
  text-transform: uppercase;
  font-size: 1.4rem;
  font-family: "Open Sans", sans-serif; }
  .main-nav .menu > li {
    margin-right: 3rem; }
    .main-nav .menu > li > a {
      font-size: 1.3rem;
      font-weight: 700;
      padding: 20px 0 21px;
      letter-spacing: 0;
      color: #222529;
      letter-spacing: 0; }
    .main-nav .menu > li:hover > a, .main-nav .menu > li.show > a, .main-nav .menu > li.active > a {
      color: #ff6840; }
    .main-nav .menu > li:first-child > a {
      padding-left: 0; }
    .main-nav .menu > li:not(.float-right):last-child, .main-nav .menu > li:not(.float-right) + li.float-right {
      margin-right: 0; }
  .main-nav .menu.sf-arrows ul {
    border-top: none; }
  .main-nav .menu > li > ul {
    left: -15px; }
  .main-nav .menu .megamenu {
    top: 100%;
    left: -15px;
    border-top: none; }
    .main-nav .menu .megamenu img {
      height: 100%;
      object-fit: cover; }

.tip {
  display: inline-block;
  position: relative;
  margin: -2px 0 0 1rem;
  padding: 3px 4px;
  border-radius: 2px;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  line-height: 1;
  text-transform: uppercase;
  vertical-align: middle;
  z-index: 1; }
  .tip:before {
    position: absolute;
    top: 50%;
    right: 100%;
    left: auto;
    margin-top: -3px;
    border: 3px solid transparent;
    border-width: 3px 2px 0 2px;
    content: ''; }

.tip-new {
  background-color: #0fc567; }
  .tip-new:not(.tip-top):before {
    border-right-color: #0fc567; }
  .tip-new.tip-top:before {
    border-top-color: #0fc567; }

.tip-hot {
  background-color: #eb2771; }
  .tip-hot:not(.tip-top):before {
    border-right-color: #eb2771; }
  .tip-hot.tip-top:before {
    border-right-color: #eb2771; }

.tip-top {
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: 6px;
  margin-left: -2px;
  transform: translate(-50%); }
  .tip-top:before {
    top: 100%;
    right: 70%;
    margin: 0; }

.menu-banner {
  height: 100%; }
  .menu-banner figure {
    margin-bottom: 0;
    height: 100%; }
  .menu-banner .banner-content {
    position: absolute;
    top: 50%;
    left: 2rem;
    transform: translateY(-50%); }
  .menu-banner h4 {
    font-size: 2.7rem;
    font-weight: 600;
    line-height: 1;
    color: #485156;
    margin-bottom: 3.5rem; }
    .menu-banner h4 span {
      font-size: 3.1rem;
      font-weight: 700; }
    .menu-banner h4 b {
      font-size: 3.2rem;
      color: #f4762a;
      font-family: Oswald, sans-serif; }
    .menu-banner h4 i {
      position: absolute;
      top: 33.5%;
      font-family: Oswald, sans-serif;
      font-size: 1.8rem;
      font-style: normal;
      transform: translateY(-50%) rotate(-90deg); }
  .menu-banner .btn {
    font-family: Oswald, sans-serif;
    border-radius: 1px;
    font-weight: 300;
    color: #fff; }
  .menu-banner.menu-banner-2 {
    max-height: 317px; }
    .menu-banner.menu-banner-2 figure img {
      object-position: center 80%; }
    .menu-banner.menu-banner-2 .banner-content {
      top: 10px;
      left: auto;
      right: 10px;
      transform: none; }
      .menu-banner.menu-banner-2 .banner-content b {
        color: #f4631b; }
    .menu-banner.menu-banner-2 i {
      position: absolute;
      font-style: normal;
      font-size: 108px;
      font-weight: 800;
      line-height: 1;
      letter-spacing: .02em;
      color: #fff;
      top: 58px;
      left: -58px;
      transform: rotate(-90deg); }
    .menu-banner.menu-banner-2 .btn {
      position: absolute;
      bottom: 10px;
      padding: 8px 32px;
      left: 50%;
      transform: translateX(-50%);
      border-radius: 2px;
      font-weight: 300; }

.mobile-menu-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 260px;
  background-color: #1d1e20;
  font-size: 1.2rem;
  line-height: 1.5;
  z-index: 1051;
  transform: translateX(-100%);
  transition: transform .25s;
  overflow-y: auto; }
  .mmenu-active .mobile-menu-container {
    transform: translateX(0); }
  .mobile-menu-container .social-icons {
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0; }
  .mobile-menu-container .social-icon + .social-icon {
    margin-left: 1.2rem; }
  .mobile-menu-container .search-wrapper {
    display: flex;
    position: relative;
    align-items: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
    .mobile-menu-container .search-wrapper .form-control {
      background: #282e36;
      border: 0;
      line-height: 22px;
      padding: 8px 12px;
      height: 38px; }
    .mobile-menu-container .search-wrapper .btn {
      position: absolute;
      right: 28px; }

.mobile-menu-wrapper {
  position: relative;
  padding: 4.7rem 0 3rem; }

.mobile-menu-close {
  position: absolute;
  top: 1.2rem;
  right: 2.1rem;
  padding: .4rem;
  color: #fff;
  line-height: 1;
  cursor: pointer;
  z-index: 9;
  font-size: 1.3rem; }

.mobile-menu-overlay {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all .25s;
  background: #000;
  opacity: 0;
  visibility: hidden;
  z-index: 1050; }

.mmenu-active .mobile-menu-overlay {
  opacity: .35;
  visibility: visible; }

.mmenu-active .sidebar-product {
  display: none; }

.mmenu-active .mobile-sidebar {
  display: none; }

.mobile-nav {
  margin: 0 0 2rem;
  padding: 0; }

.mobile-menu {
  margin: 0;
  padding: 0;
  list-style: none; }
  .mobile-menu li ul {
    display: none; }
  .mobile-menu > li > a {
    text-transform: uppercase; }
  .mobile-menu li {
    display: block;
    position: relative; }
    .mobile-menu li:not(:last-child) {
      border-bottom: 1px solid #242527; }
    .mobile-menu li a {
      display: block;
      position: relative;
      margin-left: 1.1rem;
      margin-right: 1.1rem;
      padding: 1rem 0 1.1rem .7rem;
      color: #fff;
      font-size: 1.3rem; }
      .mobile-menu li a:hover, .mobile-menu li a:focus {
        color: #fff;
        text-decoration: none; }
    .mobile-menu li.open > a, .mobile-menu li.active > a {
      color: #fff;
      background-color: #282e36; }
    .mobile-menu li > div {
      padding-left: 1rem; }
    .mobile-menu li ul {
      margin: 0;
      padding: 0; }
      .mobile-menu li ul li a {
        padding-left: 2.5rem; }
      .mobile-menu li ul ul li a {
        padding-left: 3.5rem; }

.mmenu-btn {
  display: block;
  position: absolute;
  top: 46%;
  right: .5rem;
  width: 3rem;
  height: 3rem;
  margin-top: -1.5rem;
  text-align: center;
  border-radius: 0;
  outline: none;
  font-weight: bold;
  background-color: transparent;
  color: #fff;
  font-size: 1.7rem;
  line-height: 3rem;
  cursor: pointer; }
  .open > .mmenu-btn::after {
    content: '\e81b'; }
  .mmenu-btn:after {
    display: inline-block;
    margin-top: -2px;
    font-family: 'porto';
    content: '\e81c'; }
  .open > a > .mmenu-btn:after {
    content: '\e81b'; }

.side-menu-wrapper {
  border: 1px solid #e7e7e7; }

.side-menu-title {
  padding: 1.5rem 2rem;
  margin-bottom: 0;
  background: #f6f7f9;
  font-size: 1.4rem;
  text-transform: uppercase; }

.side-menu li {
  position: relative; }
  .side-menu li > a {
    display: block;
    border-bottom: 1px solid #e7e7e7;
    padding: 1.2rem 0;
    color: #555;
    font-weight: 600; }
  .side-menu li i {
    margin-right: 1.2rem;
    font-size: 20px;
    line-height: 1;
    vertical-align: middle; }
.side-menu ul {
  display: none;
  padding-left: 1.0714em; }
.side-menu:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  margin-top: -1px;
  background: #fff; }

.side-menu-toggle {
  position: absolute;
  top: 1rem;
  right: 0;
  width: 24px;
  color: #222529;
  text-align: center;
  line-height: 24px;
  cursor: pointer; }
  .side-menu-toggle:before {
    content: '\e81c';
    font-family: 'porto';
    font-weight: 600; }
    .show > .side-menu-toggle:before {
      content: '\e81b'; }

.menu-vertical ul,
.menu-vertical .megamenu {
  top: 0;
  left: 100%;
  margin-left: -1px;
  border-top: 0; }
.menu-vertical.sf-arrows > li > .sf-with-ul:before {
  top: 50%;
  bottom: auto;
  left: calc(95% - 12px);
  margin: -10px 0 0;
  border-width: 10px 12px 10px 0;
  border-color: transparent;
  border-right-color: #fff;
  transition: .2s; }
.menu-vertical.sf-arrows > li > .sf-with-ul:after {
  content: '\e81a';
  position: absolute;
  right: 2.8rem;
  color: #838b90;
  font-size: 1.5rem; }
.menu-vertical.sf-arrows > li.show > .sf-with-ul:before {
  left: calc(100% - 12px); }
.menu-vertical.sf-arrows > li.show > .sf-with-ul:after {
  color: inherit; }
.menu-vertical.sf-arrows > li:hover > .sf-with-ul:after {
  color: inherit; }
.menu-vertical .nolink {
  font-size: 1.3rem;
  font-weight: 700; }
.menu-vertical > li {
  float: none;
  margin: 0;
  padding: 0 1.8rem 0 1.6rem; }
  .menu-vertical > li:not(:first-child) {
    border-top: 1px solid #fff; }
    .menu-vertical > li:not(:first-child) > a {
      margin-top: -1px;
      border-top: 1px solid #e7e7e7; }
  .menu-vertical > li > a {
    display: block;
    padding: 1.2rem 1rem 1.4rem .5rem;
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: capitalize;
    transition: none; }
  .menu-vertical > li i {
    position: relative;
    margin-right: 8px;
    top: 1px; }
.menu-vertical > li:hover,
.menu-vertical > li.show,
.menu-vertical > li.active {
  background: #f4631b; }
  .menu-vertical > li:hover > a,
  .menu-vertical > li.show > a,
  .menu-vertical > li.active > a {
    border-bottom-color: transparent;
    color: #fff; }
  .menu-vertical > li:hover + li > a,
  .menu-vertical > li.show + li > a,
  .menu-vertical > li.active + li > a {
    border-top-color: transparent; }

.menu-custom-block {
  display: flex;
  justify-content: flex-end;
  padding-top: 1rem;
  padding-bottom: .9rem; }
  .menu-custom-block a {
    display: block;
    position: relative;
    padding: 0 15px;
    text-transform: uppercase;
    font-family: Poppins, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 32px; }
    .menu-custom-block a:not(:hover) {
      color: #465157; }
    .menu-custom-block a:last-child {
      padding-right: 0; }

.menu-item-sale {
  text-align: center; }
  .menu-item-sale a {
    display: inline-block;
    margin: 7px 0px 20px;
    padding: 1.6rem 4rem;
    background-color: #f4f4f4;
    color: #ff7272;
    font-size: 1.4rem;
    font-weight: 700; }

.toggle-menu-wrap .side-nav {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0; }

.side-menu-wrapper {
  position: relative; }

.side-menu-title.cursor-pointer {
  cursor: pointer; }
  .side-menu-title.cursor-pointer + .side-nav {
    display: none;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 4px 4px; }

@media (max-width: 1199px) {
  .menu-item-sale a {
    padding-left: 1.2rem;
    padding-right: 1.2rem; } }
@media (max-width: 575px) {
  .menu-custom-block {
    display: none; } }
footer {
  font-size: 1.3rem;
  line-height: 23px; }
  footer .container {
    position: relative; }
  footer p {
    color: inherit; }

.footer a {
  color: #777; }

footer a:hover,
footer a:focus {
  color: #222529; }

.footer-top {
  background: #f4631b;
  padding-top: 2rem;
  padding-bottom: 2rem; }
.footer-middle {
  padding-top: 4.8rem;
  padding-bottom: 1.4rem; }
.footer-bottom {
  border-top: 1px solid #e1e1e1;
  padding-bottom: 2.4rem;
  padding-top: 2.6rem; }

footer .social-icon {
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  color: #222529;
  font-size: 1.4rem;
  line-height: 3rem; }
  footer .social-icon:not(:hover):not(:active):not(:focus) {
    background: transparent; }
  footer .social-icon + .social-icon {
    margin-left: 0; }
footer .payment-icons {
  margin-right: 2px; }
  footer .payment-icons .payment-icon {
    display: inline-block;
    vertical-align: middle;
    margin: 1px;
    width: 56px;
    height: 32px;
    background-color: #d6d3cc;
    background-size: 80% auto;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity .25s;
    filter: invert(1);
    border-radius: 4px; }
    footer .payment-icons .payment-icon:hover {
      opacity: .7; }
    footer .payment-icons .payment-icon.paypal {
      background-size: 85% auto;
      background-position: 50% 48%; }
    footer .payment-icons .payment-icon.stripe {
      background-size: 60% auto; }
footer .widget {
  margin-bottom: 3rem; }
footer .widget-title {
  color: #2b2b2d;
  font-size: 1.6rem;
  font-family: "Open Sans", sans-serif;
  text-transform: none;
  margin: 0 0 1.5rem; }
footer .tagcloud a {
  padding: .6em;
  margin: 0 .8rem .8rem 0;
  border: 1px solid #313438;
  color: inherit;
  font-size: 11px;
  background: transparent; }
  footer .tagcloud a:hover {
    border-color: #fff;
    background: transparent; }
footer .contact-info {
  margin: 0;
  padding: 0; }
  footer .contact-info li {
    position: relative;
    margin-bottom: 1rem;
    line-height: 1.4; }
footer .contact-info-label {
  display: block;
  color: #2b2b2d;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 1px; }

.footer-ribbon {
  position: absolute;
  top: 0;
  margin: -16px 0 0;
  padding: 10px 20px 6px;
  color: #fff;
  font-size: 1.6em;
  z-index: 101;
  background-color: #0088cc;
  font-family: 'Shadows Into Light',sans-serif;
  font-weight: 400; }
  .footer-ribbon::before {
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 0;
    width: 7px;
    right: 100%;
    border-right: 10px solid #005580;
    border-top: 16px solid transparent; }

#scroll-top {
  height: 40px;
  position: fixed;
  right: 15px;
  width: 40px;
  z-index: 9999;
  bottom: 0;
  color: #fff;
  background-color: #43494e;
  font-size: 16px;
  text-align: center;
  line-height: 1;
  padding: 11px 0;
  visibility: hidden;
  opacity: 0;
  border-radius: 0 0 0 0;
  transition: all .3s, margin-right 0s;
  transform: translateY(40px); }
  #scroll-top > i {
    position: absolute;
    height: 24px;
    line-height: 24px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
    #scroll-top > i::before {
      font-weight: 700;
      font-size: 2rem; }
  #scroll-top:hover, #scroll-top:focus {
    background-color: #3a4045; }
  #scroll-top.fixed {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    color: #FFF;
    width: 49px;
    height: 48px;
    right: 10px;
    text-align: center;
    text-decoration: none;
    z-index: 996;
    transition: background 0.3s ease-out;
    background: rgba(64, 64, 64, 0.75); }
    #scroll-top.fixed:hover {
      color: #f4631b; }

@media (max-width: 575px) {
  footer {
    margin-bottom: 68px; }

  #scroll-top {
    display: none; } }
.header {
  z-index: 998; }
  .header.box-shadow {
    box-shadow: 0 28px 57px rgba(0, 0, 0, 0.06); }

.top-message {
  color: inherit;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.28333px; }

.gap {
  color: #e7e7e7;
  font-size: 1.2em;
  font-weight: 300; }
  .top-message + .gap {
    position: relative;
    top: -2px; }

.mobile-menu-toggler {
  margin: .8rem;
  margin-left: 0;
  padding: .7rem 1.1rem;
  color: #fff;
  font-size: 1.4rem; }

.header-dropdown > a {
  padding: 0; }
.header-dropdown a {
  letter-spacing: .025em;
  text-transform: uppercase; }
.header-dropdown:not(.dropdown-expanded) .header-menu:before {
  border-bottom-color: #ccc; }
.header-dropdown:not(.dropdown-expanded) ul {
  border: 1px solid #ccc; }
.header-dropdown:not(.dropdown-expanded) .header-menu:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -9px;
  border-width: 0 9px 10px;
  border-style: solid;
  border-color: transparent transparent #fff;
  margin-top: 2px;
  z-index: 1151;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-1rem); }
.header-dropdown:not(.dropdown-expanded):hover .header-menu:after {
  top: 100%;
  opacity: 1;
  visibility: visible; }
.header-dropdown.dropdown-expanded li a {
  display: inline-block; }
.header-dropdown.dropdown-expanded li:not(:first-child):before {
  content: '|';
  display: inline-block;
  vertical-align: top;
  margin: 0 16px 0 15px;
  color: #e7e7e7;
  font-size: 1.2em;
  line-height: 1; }

.cart-dropdown {
  margin-right: 1px; }

.header-icon {
  margin-top: -4px;
  transition: none; }
  .header-icon a {
    color: inherit;
    transition: none; }
  .header-icon:hover, .header-icon:focus, .header-icon:active {
    color: inherit; }

.minicart-icon {
  border-color: #fff; }

.cart-count {
  top: -5px;
  right: -8px;
  background-color: #222529;
  font-size: 1rem; }

.sticky-header.fixed .minicart-icon {
  border-color: #222529; }
.sticky-header.fixed .header-icon {
  color: #222529; }

.sticky-logo {
  display: none; }

.header-middle.fixed .logo img:not(.sticky-logo) {
  display: none; }
.header-middle.fixed .sticky-logo {
  display: block; }
.header-middle.fixed .mobile-menu-toggler {
  color: #222529; }

.header-bottom.fixed .logo {
  max-width: 100px; }

.header-search-inline {
  margin-right: 1.5rem; }
  .header-search-inline .form-control {
    width: 348px;
    font-size: 1.4rem;
    padding-left: 3rem;
    padding-right: 1.5rem; }
  .header-search-inline .select-custom:after {
    right: 25px; }
  .header-search-inline .btn {
    padding-bottom: 0;
    padding-right: 4px; }
    .header-search-inline .btn:before {
      margin-top: 0;
      font-weight: 400; }

.header-search-popup .header-search-wrapper {
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15); }

.header-search-wrapper .btn:before {
  font-weight: 400; }

.search-toggle i {
  line-height: 1; }

.menu .tip {
  position: absolute;
  top: 0;
  right: -5px;
  margin: 0;
  padding: 2px;
  font-size: 9px; }
  .menu .tip:before {
    border-right-color: transparent;
    border-top-color: #eb2771;
    top: 100%;
    left: 2px;
    margin-top: 0; }

@media (max-width: 991px) {
  .header-search {
    margin-right: 1.8rem; }
    .header-search .form-control {
      flex: 1;
      width: 240px;
      min-width: 1px; }

  .header-search-wrapper {
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15); } }
@supports (-ms-ime-align: auto) {
  .header-search-wrapper .select-custom {
    flex-basis: 14.91rem;
    width: 14.91rem; } }
.product-default.inner-icon {
  position: relative;
  padding: 1rem 1rem 0; }
  .product-default.inner-icon .product-title {
    font-family: "Open Sans", sans-serif;
    letter-spacing: -.01em; }
  .product-default.inner-icon .product-details {
    padding: 0; }
  .product-default.inner-icon .category-list {
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc( 100% - 20px ); }
  .product-default.inner-icon .btn-icon-wish,
  .product-default.inner-icon .btn-quickview {
    top: auto; }
  .product-default.inner-icon .btn-icon-wish {
    left: auto;
    right: 1rem; }
  .product-default.inner-icon .ratings-container {
    margin-left: 0; }
  .product-default.inner-icon .price-box {
    margin-bottom: 1.7rem; }
  .product-default.inner-icon .old-price {
    color: #a7a7a7;
    letter-spacing: inherit; }
  .product-default.inner-icon:not(.product-widget):hover {
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.1); }
    .product-default.inner-icon:not(.product-widget):hover .img-effect a:first-child::after {
      opacity: 1; }
    .product-default.inner-icon:not(.product-widget):hover figure .btn-quickview {
      padding-top: 1.2rem;
      padding-bottom: 1.3rem; }
  .product-default.inner-icon .btn-icon-wish {
    background-color: transparent; }
  .product-default.inner-icon .btn-quickview {
    background-color: #222529; }

.inner-quickview figure .btn-quickview {
  padding: .8rem 1.4rem;
  transition-property: padding-top, padding-bottom, opacity;
  transition-duration: .25s;
  line-height: 1.82;
  z-index: 2; }
  .inner-quickview figure .btn-quickview:hover {
    color: #fff; }
.inner-quickview .category-wrap .btn-icon-wish {
  font-size: 1.6rem;
  padding-top: 1px; }

.breadcrumb-item {
  line-height: 27px; }

footer .widget-title {
  letter-spacing: -.01em;
  line-height: 1.4; }
footer .social-icons {
  margin-top: 4px; }

.contact-widget .widget-title {
  font-weight: 600;
  font-size: 11px;
  letter-spacing: .2px;
  line-height: 1;
  text-transform: uppercase;
  color: #777;
  margin-bottom: 0; }
.contact-widget > a {
  color: #222529;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8; }

.widget-newsletter-title {
  font-size: 1.8rem;
  line-height: 19px;
  margin-bottom: 0; }

p.widget-newsletter-content {
  font-size: 1.3rem;
  letter-spacing: 0.005em;
  line-height: 20px; }

span.widget-newsletter-content {
  font-size: 1.6rem;
  letter-spacing: 0.005em;
  line-height: 20px; }

.footer-submit-wrapper .form-control {
  width: 419px;
  min-width: 1px;
  border-radius: 24px 0 0 24px;
  padding-left: 25px;
  border: none;
  height: 48px;
  font-size: 1.4rem; }
  .footer-submit-wrapper .form-control::placeholder {
    color: #999; }
.footer-submit-wrapper .btn {
  padding-left: 25px;
  padding-right: 30px;
  border-radius: 0 24px 24px 0;
  height: 48px;
  font-family: "Open Sans", sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  background: #333; }

@media (min-width: 768px) {
  .footer-middle .col-md-4 {
    flex-basis: 30%;
    max-width: 30%; } }
@media (min-width: 992px) and (max-width: 1440px) {
  .contact-widget.follow {
    margin-left: 4rem; } }
@media (max-width: 991px) {
  .widget-newsletter-title {
    margin-bottom: 2.4rem; }

  .widget-newsletter-content {
    margin-bottom: 2.4rem; }

  .footer-submit-wrapper .form-control {
    flex: 1; } }
.about .feature-box h3 {
  margin-bottom: 1.2rem;
  text-transform: none;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  color: #21293c; }
.about .feature-box i {
  margin-bottom: 1.3rem;
  font-size: 5.5rem; }
.about .feature-box p {
  line-height: 27px; }

.page-header-bg {
  padding: 8.3rem 0 8.7rem; }
  .page-header-bg h1 {
    color: #1e3636;
    font-size: 3.6rem;
    font-weight: 900;
    margin-bottom: 2.4rem;
    letter-spacing: 0; }
    .page-header-bg h1 span {
      display: block;
      color: #1e3636;
      font-size: .5em;
      font-weight: 700;
      line-height: 1.2;
      font-family: Poppins, sans-serif;
      letter-spacing: 0; }
  .page-header-bg .btn {
    padding: 11px 29px;
    font-family: Oswald, sans-serif;
    font-weight: inherit;
    font-size: inherit;
    letter-spacing: 0;
    z-index: 3; }

.subtitle {
  color: #21293c;
  font-size: 1.9rem; }

.about-section {
  padding: 1rem 0 2.5rem;
  color: #7b858a;
  font-size: 1.5rem;
  line-height: 1.8; }
  .about-section .subtitle {
    margin-bottom: 1.7rem; }
  .about-section p {
    margin-bottom: 2rem;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px; }
  .about-section .lead {
    font-family: Poppins, sans-serif;
    color: #21293c;
    font-size: 1.8rem;
    line-height: 1.5;
    font-weight: 400; }

.features-section {
  padding: 5.1rem 0 2rem; }
  .features-section .subtitle {
    margin-bottom: 1.7rem; }
  .features-section h3 {
    font-family: Poppins, sans-serif; }
  .features-section .feature-box {
    padding: 3rem 4rem; }

.testimonials-section {
  padding: 5.1rem 0 7rem; }
  .testimonials-section .subtitle {
    margin-bottom: 5.2rem; }

.testimonials-carousel blockquote {
  margin-bottom: 0; }
.testimonials-carousel.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: .5rem; }

.testimonial-title {
  display: block;
  margin-bottom: 2px;
  font-size: 1.6rem;
  text-transform: uppercase;
  color: #2b2b2d; }

.counters-section {
  padding: 5rem 0 2.4rem; }

.count-container .count-wrapper {
  color: #0087cb;
  font-size: 3.2rem;
  font-weight: 800;
  line-height: 3.2rem;
  font-family: "Open Sans", sans-serif; }
.count-container span:not(.count-to) {
  font-size: 1.9rem; }
.count-container .count-title {
  color: #7b858a;
  font-size: 1.4rem;
  font-weight: 600; }

.team-info figure {
  position: relative; }
.team-info:hover .prod-full-screen {
  opacity: 1; }
.team-info .prod-full-screen {
  display: flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  background-color: #222529;
  border-radius: 50%;
  bottom: 5px;
  right: 5px; }
  .team-info .prod-full-screen i {
    color: #fff; }

.owl-carousel.images-left img {
  width: auto; }

@media (min-width: 992px) {
  .counters-section .col-md-4 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; } }
@media (min-width: 768px) {
  .about-section {
    padding-top: 3.1rem;
    padding-bottom: 4.5rem; } }
@media (min-width: 576px) {
  .testimonial blockquote {
    margin-left: 85px;
    padding: 2rem 3rem 1.5rem 2rem; } }
@keyframes navItemArrow {
  0% {
    position: relative;
    right: -1px; }
  50% {
    position: relative;
    right: 3px; }
  100% {
    position: relative;
    right: -1px; } }
.blog-section {
  padding-bottom: 1.6rem; }

.post {
  margin-bottom: 4.1rem; }
  .post a {
    color: inherit; }
    .post a:hover, .post a:focus {
      text-decoration: underline; }
  .post .read-more {
    float: right; }
    .post .read-more i:before {
      margin: 0; }

.post-media {
  position: relative;
  margin-bottom: 1.7rem;
  border-radius: 0;
  background-color: #ccc; }
  .post-media .prod-full-screen {
    display: flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    background-color: #f4631b;
    border-radius: 50%; }
    .post-media .prod-full-screen i {
      color: #fff; }
  .post-media:hover .prod-full-screen {
    opacity: 1; }
  .post-media .post-date {
    position: absolute;
    top: 1rem;
    left: 1rem;
    width: 4.5rem;
    padding: 1rem .8rem .8rem;
    color: #fff;
    background: #222529;
    font-family: Poppins, sans-serif;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .05em; }
  .post-media .day {
    display: block;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1; }
  .post-media .month {
    display: block;
    font-size: 1.12rem;
    line-height: 1;
    opacity: .6; }
  .post-media img {
    width: 100%; }

.post-slider {
  margin-bottom: 3rem; }
  .post-slider .owl-dots {
    position: absolute;
    right: 0;
    bottom: .25rem;
    left: 0;
    margin: 0 !important; }

.post-body {
  margin-left: 0;
  padding-bottom: 2.1rem;
  border: 0;
  line-height: 24px; }
  .post-body .post-date {
    width: 40px;
    margin-right: 10px;
    float: left;
    text-align: center;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); }
    .post-body .post-date .day {
      display: block;
      padding: 1.1rem 0.2rem;
      background-color: #f4f4f4;
      color: #08c;
      font-size: 1.6rem;
      font-weight: 700;
      line-height: 1.375; }
    .post-body .post-date .month {
      display: block;
      padding: 0.4rem 0.2rem 0.7rem;
      border-radius: 0 0 0.2rem 0.2rem;
      background-color: #08c;
      color: #fff;
      font-size: 1.2rem;
      line-height: 1.33;
      box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset; }

.post-title {
  margin-bottom: 1.3rem;
  color: #222529;
  font-family: "Open Sans", sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.35; }

.post-content {
  font-size: 1.3rem; }
  .post-content:after {
    display: block;
    clear: both;
    content: ''; }
  .post-content p {
    margin-bottom: 7px; }

.post-comment {
  color: #999;
  font-size: 1rem;
  text-transform: uppercase; }

.post-meta > span {
  display: inline-block;
  margin-right: 1.5rem; }
.post-meta i {
  margin-right: .5rem; }
  .post-meta i:before {
    margin: 0; }

.single {
  margin-bottom: 2.3rem; }
  .single .post-media {
    margin-bottom: 3rem; }
  .single .post-meta {
    margin-bottom: 2rem;
    margin-left: 49px; }
    .single .post-meta a {
      color: #999;
      font-size: 1rem;
      text-transform: uppercase; }
  .single .post-title {
    margin-bottom: -8px;
    font-size: 3rem;
    color: #f4631b;
    font-weight: 700;
    font-family: Poppins, sans-serif;
    line-height: 40px; }
  .single h3 {
    font-size: 2rem;
    font-weight: 600; }
    .single h3 i {
      margin-right: 7px;
      font-size: 2rem; }
  .single .post-share {
    margin-bottom: 2.4rem; }
    .single .post-share h3 {
      margin-bottom: 2.2rem;
      letter-spacing: -.01em; }
  .single .post-content {
    margin-bottom: 5.7rem; }
    .single .post-content p {
      margin-bottom: 2rem;
      font-family: "Open Sans", sans-serif;
      font-weight: 400;
      font-size: 14px;
      line-height: 24px; }
    .single .post-content h3 {
      margin-bottom: 2rem;
      color: #21293c;
      font-size: 18px;
      font-weight: 400;
      line-height: 27px; }
  .single .social-icon {
    width: 29px;
    height: 29px; }
    .single .social-icon + .social-icon {
      margin-left: 0.8rem; }

.post-share {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 2.6rem;
  padding: 2.8rem 0; }
  .post-share h3 {
    margin-right: 2rem; }
  .post-share .social-icons {
    color: #fff; }

.post-author {
  margin-bottom: 2.2rem;
  padding-bottom: 2.7rem; }
  .post-author:after {
    display: block;
    clear: both;
    content: ''; }
  .post-author h3 {
    margin-bottom: 2rem;
    letter-spacing: -.01em; }
  .post-author figure {
    max-width: 80px;
    margin-right: 2rem;
    margin-bottom: 0;
    float: left; }
  .post-author h4 {
    margin: 1rem;
    font-weight: 600;
    font-size: 1.6rem;
    letter-spacing: .03em;
    color: #f4631b;
    font-family: "Open Sans", sans-serif; }
  .post-author .author-content {
    font-size: 1.3rem;
    line-height: 1.8; }
    .post-author .author-content p:last-child {
      margin-bottom: 0;
      line-height: 1.7; }

.zoom-effect {
  position: relative;
  overflow: hidden; }
  .zoom-effect img {
    transition: transform .2s; }
  .zoom-effect:hover img {
    transform: scale(1.1, 1.1); }

.post-date-in-media .post-media {
  margin-bottom: 1.9rem;
  overflow: hidden; }
  .post-date-in-media .post-media img {
    transition: transform .2s; }
.post-date-in-media .post-media:hover img {
  transform: scale(1.1, 1.1); }
.post-date-in-media .post-body {
  margin-left: 0;
  padding-bottom: 2rem;
  border: 0; }
.post-date-in-media .post-title {
  margin-bottom: .7rem;
  font-size: 1.7rem;
  font-family: Poppins, sans-serif;
  font-weight: 700; }
.post-date-in-media p {
  font-size: 1.3rem;
  line-height: 1.846; }
.post-date-in-media .post-comment {
  color: #999;
  font-size: 1rem;
  text-transform: uppercase; }

.comment-respond h3 {
  margin-bottom: 2.9rem;
  letter-spacing: -.01em; }
  .comment-respond h3 + p {
    margin-bottom: 2.6rem; }
.comment-respond label {
  margin-bottom: .7rem;
  font-size: 1.4rem;
  font-family: "Open Sans", sans-serif; }
.comment-respond .form-control {
  height: 37px; }
.comment-respond .form-group {
  margin-bottom: 2rem; }
.comment-respond form {
  margin-bottom: 0;
  padding: 3rem;
  background-color: #f5f5f5; }
  .comment-respond form p {
    margin-bottom: 2rem;
    line-height: 1.75; }
  .comment-respond form textarea {
    margin-top: 1px;
    min-height: 170px; }
  .comment-respond form .form-group-custom-control .custom-control-label {
    font-family: "Open Sans", sans-serif;
    font-size: 1.4rem;
    line-height: 1.75;
    font-weight: 700;
    color: #222529; }
.comment-respond .form-group-custom-control {
  padding-top: 1px; }
.comment-respond .custom-control-label:before,
.comment-respond .custom-control-label:after {
  width: 13px;
  height: 13px; }
.comment-respond .custom-checkbox .custom-control-label:after {
  top: 2px;
  left: 1px;
  font-weight: 300;
  font-size: 1.2rem; }
.comment-respond .custom-control-label:before,
.comment-respond .custom-control-label:after {
  top: 5px;
  left: 0;
  width: 13px;
  height: 13px;
  line-height: 2rem; }
.comment-respond .custom-control {
  padding-left: 2.2rem; }
.comment-respond .btn-sm {
  letter-spacing: 0.01em; }

.related-posts {
  padding-top: 3.2rem;
  margin-bottom: 5rem; }
  .related-posts h4 {
    margin-bottom: 1.4rem;
    font-size: 2rem;
    text-transform: uppercase;
    letter-spacing: -.01em; }
  .related-posts .post {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0; }
    .related-posts .post p {
      margin-bottom: 1rem; }
  .related-posts .post-body {
    padding-bottom: 0;
    border-bottom: 0; }
  .related-posts .post-media {
    margin-bottom: 2rem; }
  .related-posts .post-title {
    color: #0077b3;
    margin-bottom: 1rem;
    font-size: 16.8px; }
  .related-posts .post-content {
    margin-left: 55px; }
  .related-posts .read-more {
    float: left;
    color: #222529;
    font-size: 12.6px;
    font-weight: 600; }

.sidebar {
  position: relative;
  height: 100%;
  font-size: 1.3rem; }
  .sidebar .widget {
    margin-bottom: 3.1rem; }
  .sidebar .sidebar-wrapper {
    padding-bottom: 4.2rem; }
    .sidebar .sidebar-wrapper .widget:last-child {
      margin-bottom: 0;
      padding-bottom: 3rem; }

.widget-post .widget-title {
  margin-bottom: 1.7rem; }

.widget-title {
  margin: .5rem 0 1.3rem;
  color: #313131;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase; }

.widget form {
  margin-bottom: 0; }

.list {
  padding: 0;
  list-style: none;
  font-size: 1.3rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  margin-top: -8px;
  margin-bottom: 0; }
  .list li {
    display: block;
    position: relative;
    margin: 0;
    padding: 6px 0 6px 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    line-height: 24px; }
    .list li:before {
      content: "";
      position: relative;
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      margin-left: -11px;
      margin-right: 6px;
      font-size: 7.2px;
      opacity: .7;
      vertical-align: middle; }
    .list li:hover::before {
      animation: navItemArrow 0.6s linear infinite; }
    .list li a {
      color: inherit; }
  .list li:first-child {
    border-top-width: 0; }
  .list .list {
    margin-top: 5px;
    margin-bottom: -6px;
    border-bottom: none; }
    .list .list li:first-child {
      border-top-width: 1px; }

.widget.widget-categories .widget-title {
  margin-top: 1px;
  margin-bottom: 1.8rem; }

.tagcloud:after {
  display: block;
  clear: both;
  content: ''; }
.tagcloud a {
  margin: .4rem .4rem .4rem 0;
  padding: .4rem .8rem;
  line-height: 1;
  display: inline-block;
  text-decoration: none;
  font-size: 10.5px;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 10px;
  background-color: #222529;
  color: #fff; }

.simple-post-list {
  margin: 0;
  padding: 0;
  list-style: none; }
  .simple-post-list li {
    padding-bottom: 15px; }
    .simple-post-list li:after {
      display: block;
      clear: both;
      content: ''; }
    .simple-post-list li:last-child {
      padding-top: 15px;
      border-top: 1px dotted #ececec; }
  .simple-post-list .post-media {
    width: 5rem;
    margin: 0 1rem 0 0;
    float: left;
    border-radius: 0;
    line-height: 0; }
    .simple-post-list .post-media img {
      display: block;
      width: 100%;
      max-width: none;
      height: auto; }
  .simple-post-list .post-info a {
    display: inline-block;
    margin-bottom: 2px;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #f4631b; }
    .simple-post-list .post-info a:hover {
      text-decoration-line: underline; }
  .simple-post-list .post-info .post-meta {
    letter-spacing: 0.01em;
    font-size: 1.1rem; }

.comment-list {
  padding-bottom: 4px; }

.comments {
  position: relative; }
  .comments .img-thumbnail {
    position: absolute;
    top: 0;
    padding: 0;
    border: 0; }
  .comments .comment-block {
    padding: 2rem 2rem 3.5rem;
    margin-left: 11.5rem;
    position: relative; }
    .comments .comment-block p {
      font-size: 0.9em;
      line-height: 21px;
      margin: 0;
      padding: 0; }
    .comments .comment-block .date {
      color: #999;
      font-size: 0.9em; }
  .comments .comment-by {
    display: block;
    padding: 0 0 4px 0;
    margin: 0;
    font-size: 1.3rem;
    line-height: 21px;
    letter-spacing: -.005em;
    color: #999; }
    .comments .comment-by strong {
      font-size: 1.4rem;
      letter-spacing: 0.005em;
      color: #7b858a; }
  .comments .comment-footer {
    margin-top: 5px; }
  .comments .comment-arrow {
    position: absolute;
    left: -15px;
    height: 0;
    top: 28px;
    width: 0;
    border-bottom: 15px solid transparent;
    border-top: 15px solid transparent;
    border-right: 15px solid #f4f4f4; }
  .comments .comment-action {
    color: var(--primary-color); }

@media (max-width: 991px) {
  .sidebar.mobile-sidebar {
    position: fixed; } }
@media (max-width: 767px) {
  .comment-respond .form-footer {
    margin-bottom: 3rem; } }
@media (max-width: 767px) {
  .comment-respond .form-footer {
    margin-bottom: 2rem; } }
@media (max-width: 575px) {
  .comment-respond form {
    padding: 1.5rem; } }
.sidebar-shop {
  font-size: 1.3rem; }
  .sidebar-shop .product-widget .product-title {
    margin-bottom: .4rem;
    font-family: "Open Sans", sans-serif; }
  .sidebar-shop .product-widget .product-details {
    margin-bottom: 1px; }
  .sidebar-shop .widget:after {
    display: block;
    clear: both;
    content: ''; }
  .sidebar-shop .widget:not(:last-child) {
    margin-bottom: 3rem;
    border-bottom: 0; }
  .sidebar-shop .widget-title {
    margin: 0;
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    padding-bottom: 1rem;
    border-bottom: 1px solid #dfdfdf;
    line-height: 1.4;
    text-transform: uppercase; }
    .sidebar-shop .widget-title a {
      display: block;
      position: relative;
      color: inherit; }
      .sidebar-shop .widget-title a:hover, .sidebar-shop .widget-title a:focus {
        text-decoration: none; }
      .sidebar-shop .widget-title a:before, .sidebar-shop .widget-title a:after {
        display: inline-block;
        position: absolute;
        top: 50.4%;
        right: 2px;
        width: 10px;
        height: 2px;
        margin-top: -1px;
        transition: all .35s;
        background: #222529;
        content: ''; }
      .sidebar-shop .widget-title a.collapsed:after {
        transform: rotate(-90deg); }
  .sidebar-shop .widget-body {
    padding: 1.5rem 0 .7rem; }
  .sidebar-shop .widget-featured {
    position: relative;
    padding-bottom: .5rem; }
    .sidebar-shop .widget-featured .widget-body {
      padding-top: 1.5rem; }
    .sidebar-shop .widget-featured .product-sm:last-child {
      margin-bottom: 0; }
    .sidebar-shop .widget-featured .ratings-container {
      margin-left: 0; }

.widget-featured-products .product-widget {
  margin-bottom: 1.6rem; }
  .widget-featured-products .product-widget figure {
    margin-right: 1.2rem;
    max-width: 84px;
    flex-shrink: 0; }
  .widget-featured-products .product-widget .ratings-container {
    margin-bottom: 1.2rem;
    margin-top: 2px; }

.widget .owl-carousel .owl-nav {
  position: absolute;
  top: -3.5rem;
  right: 1px;
  line-height: 0; }
  .widget .owl-carousel .owl-nav button.owl-next,
  .widget .owl-carousel .owl-nav button.owl-prev {
    padding: 0 .4rem !important;
    border-radius: 0;
    color: #222529;
    font-size: 1.8rem;
    line-height: 1;
    background-color: transparent; }
  .widget .owl-carousel .owl-nav i:before {
    width: auto;
    margin: 0; }

.cat-list {
  margin: 0;
  padding: 0;
  list-style: none; }
  .cat-list li {
    position: relative;
    margin-bottom: 1.3rem;
    font-size: 14px;
    font-weight: 500; }
    .cat-list li:last-child {
      margin-bottom: 0; }
    .cat-list li a {
      color: #777;
      font-weight: 500; }
      .cat-list li a:hover, .cat-list li a:focus {
        color: #f4631b; }
  .cat-list .products-count {
    margin-left: 3px;
    font-size: 13px;
    font-weight: 500; }

.cat-sublist {
  margin-top: 1.3rem;
  margin-left: 1.4rem; }

span.toggle {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  position: absolute;
  right: -5px;
  top: -3px;
  margin: 0;
  padding: 0;
  width: 24px;
  height: 24px;
  line-height: 23px;
  font-family: 'Porto';
  font-weight: 900;
  color: #222529; }
  span.toggle::before {
    content: "\e81b"; }
  .collapsed span.toggle::before {
    content: "\e81c"; }

.config-size-list {
  margin: 0;
  padding: 0;
  font-size: 0;
  list-style: none; }

.config-size-list li {
  display: -ms-inline-flexbox;
  display: inline-flex; }

.config-size-list a {
  display: block;
  position: relative;
  min-width: 32px;
  text-align: center;
  margin: 3px 6px 3px 0;
  padding: 4px 8px;
  transition: all .3s;
  border: 1px solid #e9e9e9;
  color: #777;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.6rem;
  text-decoration: none; }
  .config-size-list a:hover, .config-size-list a:focus, .config-size-list a.active {
    border-color: #f4631b;
    background-color: #f4631b;
    color: #fff;
    text-decoration: none; }

.price-slider-wrapper {
  padding: 1.5rem .4rem .5rem .6rem; }

.filter-price-action {
  margin-top: 2.5rem;
  padding-bottom: .5rem; }
  .filter-price-action .btn {
    padding: 5px 1.5rem 6px 1.5rem;
    font-size: 1.2rem;
    font-weight: 600;
    font-family: "Open Sans", sans-serif; }
  .filter-price-action .filter-price-text {
    font-size: 1.2rem;
    line-height: 2; }

.widget-block {
  font-size: 1.5rem;
  line-height: 1.42; }
  .widget-block h5 {
    margin-bottom: 1.5rem;
    color: #313131;
    font-size: 1.4rem;
    font-weight: 600;
    font-family: "Open Sans", sans-serif; }
  .widget-block p {
    font-size: 1.4rem;
    line-height: 1.75;
    margin-bottom: 0; }
  .widget-block .widget-title {
    padding-bottom: 3px; }

.widget .config-swatch-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: .3rem; }
  .widget .config-swatch-list li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    font-size: 1.3rem; }
    .widget .config-swatch-list li a {
      margin: 3px 6px 3px 0;
      box-shadow: none; }
.widget.widget-color .widget-body {
  padding-top: .6rem; }
.widget.widget-size .widget-body {
  padding-top: 1.1rem; }

.shop-toggle.sidebar-toggle {
  display: inline-flex;
  position: static;
  align-items: center;
  width: auto;
  height: 34px;
  background: #fff;
  padding: 0 8px;
  text-transform: uppercase;
  color: inherit;
  border: 1px solid #e7e7e7;
  cursor: pointer;
  margin-right: 1rem;
  margin-top: 0;
  z-index: 1; }
  .shop-toggle.sidebar-toggle span {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: -.05em;
    margin-left: .6rem;
    color: #222528; }
  .sidebar-opened .shop-toggle.sidebar-toggle {
    z-index: 1; }
    .sidebar-opened .shop-toggle.sidebar-toggle i::before {
      content: "\f1de"; }

.horizontal-filter {
  margin-bottom: 2rem;
  padding: 6px 0 0px;
  background-color: #f4f4f4; }
  .horizontal-filter.filter-sorts {
    padding: 12px 12px 2px; }
    .horizontal-filter.filter-sorts .select-custom select {
      border: none; }
  .horizontal-filter:not(.filter-sorts) .toolbox-item:not(:last-child) {
    margin-right: 1.6rem; }
  .horizontal-filter:not(.filter-sorts).toolbox label {
    margin: 0px 1rem 1px 0px;
    font-family: Poppins, sans-serif;
    letter-spacing: -.025em; }
  .horizontal-filter:not(.filter-sorts).toolbox .form-control {
    padding: 0 .8rem 2px;
    color: #222529;
    font-family: 'poppins'; }
  .horizontal-filter:not(.filter-sorts).toolbox .select-custom .form-control {
    padding-right: 2.4rem; }
  .horizontal-filter:not(.filter-sorts) .toolbox-item.toolbox-sort {
    margin-right: 3.2rem; }
  .horizontal-filter .filter-price-form {
    font-family: "Open Sans", sans-serif;
    font-size: 1.36rem; }
    .horizontal-filter .filter-price-form .btn {
      font-family: inherit;
      padding: .7rem 1.2rem;
      font-size: 1.2rem;
      font-weight: 400; }
  .horizontal-filter .input-price {
    display: block;
    width: 50px;
    padding: 6px;
    line-height: 1.45;
    outline: none;
    border: 1px solid rgba(0, 0, 0, 0.09); }
  .horizontal-filter select {
    border: 0; }
  .horizontal-filter:not(.filter-sorts) {
    background-color: #fff; }
    .horizontal-filter:not(.filter-sorts) .layout-btn {
      width: 36px;
      border: 1px solid #dfdfdf;
      line-height: 34px; }
      .horizontal-filter:not(.filter-sorts) .layout-btn.active {
        color: #222529;
        border-color: #222529; }
      .horizontal-filter:not(.filter-sorts) .layout-btn:not(:last-child) {
        margin-right: 8px; }
  .horizontal-filter .select-custom select {
    border: 1px solid #dfdfdf; }

.sort-menu-trigger {
  display: block;
  color: #313131;
  font-size: 12px;
  line-height: 1.4;
  text-transform: uppercase; }

.sort-list li {
  padding: 1rem 0;
  font-size: 12px;
  text-transform: uppercase; }
  .sort-list li a {
    color: inherit;
    font-weight: 600; }
  .sort-list li:hover, .sort-list li:focus, .sort-list li.active {
    color: #f4631b; }
.sort-list.cat-list li {
  margin-bottom: 0; }
  .sort-list.cat-list li span.toggle {
    top: 5px; }

.filter-toggle span {
  margin-bottom: 2px;
  color: #777;
  font-size: 1.3rem;
  letter-spacing: -.02em; }
.filter-toggle a {
  display: inline-block;
  position: relative;
  width: 46px;
  height: 26px;
  margin-left: 7px;
  border-radius: 13px;
  background: #e6e6e6;
  text-decoration: none; }
  .filter-toggle a:before {
    position: absolute;
    left: 0;
    width: 42px;
    height: 22px;
    -webkit-transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
    transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
    transition: all .3s linear;
    border-radius: 11px;
    background-color: #fff;
    content: ''; }
  .filter-toggle a:after {
    position: absolute;
    left: 0;
    width: 22px;
    height: 22px;
    -webkit-transform: translate3d(2px, 2px, 0);
    transform: translate3d(2px, 2px, 0);
    transition: all .2s ease-in-out;
    border-radius: 11px;
    background-color: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
    content: ''; }
.filter-toggle.opened a {
  background-color: #f4631b; }
.filter-toggle.opened a:before {
  -webkit-transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0);
  transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0); }
.filter-toggle.opened a:after {
  -webkit-transform: translate3d(22px, 2px, 0);
  transform: translate3d(22px, 2px, 0); }

.shop-off-canvas .mobile-sidebar {
  display: block;
  position: fixed;
  padding: 1.3rem .8rem 1.3rem .9rem;
  top: 0;
  bottom: 0;
  left: 0;
  width: 300px;
  margin: 0;
  transform: translate(-300px);
  transition: transform 0.2s ease-in-out 0s;
  background-color: #fff;
  z-index: 9999;
  overflow-y: auto; }
.shop-off-canvas .widget {
  border: none; }
  .shop-off-canvas .widget:not(:last-child) {
    border-bottom: 1px solid #e7e7e7; }
.shop-off-canvas .sidebar-wrapper {
  width: 100% !important; }

.sidebar-opened .shop-off-canvas .mobile-sidebar {
  transform: none; }

.sidebar-opened .shop-off-canvas .sidebar-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  opacity: .35;
  z-index: 9999; }

.sidebar-toggle {
  display: flex;
  position: static;
  margin-right: .8rem;
  margin-top: 0;
  padding: 0 1.1rem 0 3px;
  align-items: center;
  width: auto;
  height: 34px;
  text-transform: uppercase;
  line-height: 36px;
  color: inherit;
  border: 1px solid #dfdfdf;
  background: #fff;
  cursor: pointer; }
  .sidebar-toggle span {
    margin-left: 0rem;
    font-size: 1.3rem;
    letter-spacing: -.05em; }
  .sidebar-toggle:hover span {
    color: #f4631b; }

.sidebar-opened .sidebar-toggle i::before {
  content: "\f1de"; }

.slide-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 11.4%;
  text-transform: uppercase; }
  .boxed-slide-1 .slide-content {
    text-align: center; }
  .boxed-slide-2 .slide-content {
    left: 6.8%;
    color: #222529; }

.boxed-slide-1 h4 {
  font-family: Oswald, sans-serif;
  font-size: 2.7rem;
  font-weight: 500;
  letter-spacing: -.08em;
  margin-bottom: 0; }
.boxed-slide-1 h5 {
  font-family: "Open Sans", sans-serif;
  font-size: 3rem;
  font-weight: 800;
  letter-spacing: -.025em;
  margin-top: -5px;
  margin-bottom: 0; }
.boxed-slide-1 span {
  display: block;
  position: relative;
  width: 100%;
  color: #222529;
  letter-spacing: .05em;
  font-weight: 700;
  margin-bottom: -6px;
  margin-top: 3px; }
  .boxed-slide-1 span::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 1px;
    background-color: #74b0bb; }
  .boxed-slide-1 span::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 1px;
    background-color: #74b0bb; }
.boxed-slide-1 b {
  font-size: 3.6rem;
  font-weight: 800;
  color: #222529;
  letter-spacing: .025em; }
  .boxed-slide-1 b i {
    font-weight: 500; }
.boxed-slide-1 p {
  font-size: 13px;
  font-weight: 700;
  color: #222529;
  letter-spacing: .03em;
  margin-top: -5px;
  margin-bottom: 2.2rem; }

.boxed-slide-2 h5 {
  font-family: "Open Sans", sans-serif;
  font-size: 1.8rem;
  font-weight: 800;
  margin-bottom: 0; }
  .boxed-slide-2 h5 span {
    font-family: Oswald, sans-serif;
    font-size: 2.9rem; }
  .boxed-slide-2 h5 i {
    font-family: Poppins, sans-serif;
    font-style: normal;
    font-size: 1.6rem;
    margin-left: -2px;
    margin-bottom: 5px; }
.boxed-slide-2 h4 {
  font-size: 3.2rem;
  font-weight: 800;
  font-family: "Open Sans", sans-serif;
  letter-spacing: -.02em;
  margin-bottom: 3rem;
  margin-top: -3px; }
.boxed-slide-2 .btn {
  font-family: Oswald, sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  letter-spacing: .04em;
  padding: 9px 17.5px 13px;
  margin-bottom: 1.3rem; }

.btn-loadmore {
  box-shadow: none;
  padding: 1.3rem 3rem;
  border: 1px solid #e7e7e7;
  font-size: 1.2rem;
  font-family: "Open Sans", sans-serif;
  color: #555; }
  .btn-loadmore:hover {
    border-color: #ccc; }

.category-banner {
  padding: 6.8rem 0; }
  .category-banner .coupon-sale-text {
    font-family: "Open Sans", sans-serif; }
  .category-banner h3 {
    font-size: 3em;
    margin-left: 1.8rem;
    margin-bottom: 1.6rem; }
  .category-banner h4 {
    font-size: 1.125em;
    line-height: 1.7; }
  .category-banner h5 {
    font-size: 1em; }
  .category-banner .btn {
    font-size: .75em;
    letter-spacing: .01em;
    padding: 1em 1.6em;
    margin-left: 1.8rem; }

@media (min-width: 992px) {
  .filter-sorts .toolbox-left {
    position: relative; }
  .filter-sorts .toolbox-item.toolbox-sort {
    margin-left: 0;
    margin-right: 1rem;
    background-color: #fff; }
  .filter-sorts select {
    border: 0;
    text-transform: uppercase; }
  .filter-sorts .mobile-sidebar.sidebar-shop {
    left: 0;
    padding: 0;
    visibility: visible;
    z-index: 2; }

  .sort-list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    margin-top: 10px;
    padding: 10px 15px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    z-index: 99; }
    .sort-list:before, .sort-list:after {
      content: '';
      position: absolute;
      bottom: 100%;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #fff;
      border-left: 10px solid transparent; }
    .sort-list:before {
      left: 21px;
      z-index: 999; }
    .sort-list:after {
      left: 20px;
      border-right-width: 11px;
      border-bottom: 11px solid #e8e8e8;
      border-left-width: 11px; }

  .sort-menu-trigger {
    min-width: 140px;
    height: 34px;
    padding-left: .8rem;
    color: #777;
    line-height: 34px;
    z-index: 9; }
    .sort-menu-trigger:hover, .sort-menu-trigger:focus {
      text-decoration: none; }

  .toolbox-item.opened .sort-list {
    display: block; } }
.sidebar-toggle svg {
  stroke: #222529;
  fill: #fff;
  width: 28px; }

.product-ajax-grid + .bounce-loader {
  bottom: -1rem;
  top: auto; }

@media (min-width: 992px) {
  .sidebar-toggle {
    display: none; } }
@media (max-width: 991px) {
  .sort-menu-trigger {
    margin-bottom: 1.5rem;
    font-weight: 700; }

  .shop-off-canvas .sidebar-wrapper {
    padding: 2rem; }
  .shop-off-canvas .sidebar-toggle {
    margin-right: 0; }
  .shop-off-canvas .toolbox {
    justify-content: flex-start; }
  .shop-off-canvas .toolbox-right {
    margin-left: auto; }
  .shop-off-canvas .toolbox .toolbox-item:not(:last-child) {
    margin-left: .7rem; }

  .sidebar-toggle span {
    font-size: 11px;
    font-weight: 600;
    color: #222529; }

  .sidebar-shop .widget {
    padding: 2rem 0;
    border: 0; }
    .sidebar-shop .widget:first-child {
      padding-top: 0; }
    .sidebar-shop .widget:not(:last-child) {
      border-bottom: 1px solid #e7e7e7; }

  .horizontal-filter, .horizontal-filter.filter-sorts, .horizontal-filter:not(.filter-sorts) {
    padding: 10px;
    background-color: #f4f4f4; } }
@media (max-width: 767px) {
  .category-content {
    padding: 1rem; }

  .category-banner h3 {
    margin-left: -2px; }
  .category-banner .btn {
    margin-left: 0; }

  .horizontal-filter:not(.filter-sorts).toolbox .select-custom .form-control {
    padding-top: 3px; } }
@media (max-width: 575px) {
  .home-slide1 {
    font-size: 2.5vw; }

  .horizontal-filter.filter-sorts {
    justify-content: unset; }
  .horizontal-filter .toolbox-item.toolbox-sort {
    margin-right: 0; }

  .boxed-slide img {
    min-height: 250px; }

  .horizontal-filter:not(.filter-sorts) .toolbox-item:not(:last-child) {
    margin-right: 0; } }
@media (max-width: 479px) {
  .horizontal-filter {
    justify-content: stretch; }

  .horizontal-filter:not(.filter-sorts) .toolbox-item.toolbox-sort {
    margin-right: 0;
    margin-left: 0; }

  .sidebar-toggle {
    margin-right: 2px; } }
@media (min-width: 992px) and (max-width: 1420px) {
  .sidebar-shop .product-widget figure {
    max-width: 70px;
    margin-right: 1.5rem; } }
.contact-two > .container {
  margin-bottom: .6rem; }
.contact-two #map {
  margin-bottom: 3.2rem;
  height: 400px;
  background-color: #e5e3df; }
  .contact-two #map address {
    margin: 0;
    padding: .625rem .875rem;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5; }
  .contact-two #map a {
    display: inline-block;
    margin-top: .8rem;
    font-size: 1.2rem;
    text-transform: uppercase; }
.contact-two .required-field > label:after {
  margin-bottom: .4rem;
  color: #777;
  font-size: 1.3rem; }
.contact-two .contact-info {
  margin-bottom: 3rem;
  padding-top: .4rem; }
.contact-two .contact-info > div {
  margin-bottom: 2rem; }
  .contact-two .contact-info > div:after {
    display: block;
    clear: both;
    content: ''; }
.contact-two .contact-info i {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  float: left;
  border-radius: 50%;
  background-color: #3b3b3b;
  color: #fff;
  font-size: 1.4rem;
  text-align: center; }
.contact-two .contact-info p {
  margin-bottom: 0;
  margin-left: 5.5rem; }
  .contact-two .contact-info p:first-of-type {
    padding-top: .1rem; }
.contact-two label {
  margin-bottom: 1.1rem;
  color: #777;
  font-family: "Open Sans",sans-serif;
  font-size: 1.4rem;
  font-weight: 400; }
.contact-two .form-control {
  border-color: rgba(0, 0, 0, 0.09);
  height: 37px; }
.contact-two .form-group {
  margin-bottom: 1.8rem; }
.contact-two textarea.form-control {
  min-height: 208px; }
.contact-two .form-footer {
  margin-top: 1.6rem; }
.contact-two .btn {
  padding: 0.7rem 1.3rem .7rem 1.4rem;
  font-size: 1.4rem;
  font-weight: 400;
  text-transform: none; }
.contact-two .contact-title {
  margin-top: 1.6rem;
  margin-bottom: 1.3rem;
  font-size: 2rem; }
.contact-two p {
  padding-bottom: 5px;
  font-size: 14px;
  line-height: 22px; }
.contact-two .porto-sicon-title {
  margin: 0;
  margin-left: 1.5rem;
  color: #777;
  font-weight: 400;
  font-size: 1.4rem; }
.contact-two .contact-time {
  padding-top: 4px; }
  .contact-two .contact-time .contact-title {
    margin-bottom: 1.4rem; }
  .contact-two .contact-time .porto-sicon-title {
    margin-top: 1px; }
  .contact-two .contact-time .porto-sicon-box {
    margin-bottom: 2.3rem; }

@media (min-width: 768px) {
  #map {
    height: 380px;
    margin-bottom: 5rem; } }
@media (min-width: 992px) {
  #map {
    height: 460px;
    margin-bottom: 6rem; } }
.cart-message {
  padding: .8rem 0 1.9rem 3px; }
  .cart-message::before {
    content: "\f00c";
    position: relative;
    margin-right: .6rem;
    top: 2px;
    font-size: 20px;
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    color: #0cc485; }
  .cart-message span {
    color: #222529;
    font-size: 1.6rem; }

.single-cart-notice {
  line-height: 24px;
  font-size: 1.6rem;
  color: #222529; }

.view-cart {
  padding: 14px 27px 13px;
  margin: 3px 0;
  height: 48px;
  font-family: "Open Sans", sans-serif; }

.add-cart {
  padding: 12px 27px 10px 26px;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -.015em;
  line-height: 24px; }
  .add-cart:before {
    font-size: 1.8rem;
    line-height: 0;
    vertical-align: middle;
    margin-right: 8px;
    font-weight: 900; }

.add-wishlist {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 17px 8px;
  color: #222529;
  font-size: 1.2rem;
  font-weight: 700;
  font-family: Poppins, sans-serif;
  letter-spacing: -.015em;
  text-transform: uppercase;
  white-space: nowrap; }
  .add-wishlist i {
    margin-right: 4px;
    font-size: 1.6rem; }
    .add-wishlist i:before {
      font-weight: 700; }

.added-wishlist i::before {
  content: '\e88a';
  color: #da5555; }

.add-compare:before {
  content: '\e810';
  font-size: 1.8rem;
  font-family: 'porto';
  margin-right: 6px; }

.product-widgets-container {
  margin-bottom: 3.8rem; }
  .product-widgets-container .product-single-details {
    margin-bottom: 3px; }
  .product-widgets-container .section-sub-title {
    margin-bottom: 1.6rem; }
  .product-widgets-container figure {
    max-width: 75px;
    margin-right: .7rem; }
  .product-widgets-container .product-details {
    margin-bottom: 2px; }
  .product-widgets-container .ratings-container {
    margin-bottom: 1.2rem;
    margin-left: 0; }
  .product-widgets-container .product-title {
    font-size: 1.4rem;
    font-family: "Open Sans", sans-serif; }
  .product-widgets-container .product-price {
    font-size: 1.5rem; }

.product-single-container:not(.product-quick-view) .product-action .add-cart.added-to-cart:before {
  display: none; }
.product-single-container:not(.product-quick-view) .product-action .add-cart.added-to-cart:after {
  margin-left: 8px;
  font-family: 'Font Awesome 5 Free';
  content: "\f00c";
  font-weight: 600;
  font-size: 1.6rem; }

.product-single-details {
  margin-bottom: 1.1rem; }
  .product-single-details .product-action .add-cart {
    display: inline-flex;
    align-items: center; }
    .product-single-details .product-action .add-cart:before {
      content: "\e8ba";
      margin-top: -2px;
      font-family: "Porto";
      font-weight: 600;
      font-size: 1.8rem;
      margin-right: 7px; }
  .sticky-sidebar .product-single-details {
    margin-bottom: 2.7rem; }
  .product-single-details .product-title {
    margin-bottom: 1.1rem;
    color: #222529;
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: -.01em;
    width: calc( 100% - 70px ); }
  .product-single-details .product-nav {
    position: absolute;
    display: flex;
    top: 4px;
    right: 10px; }
    .product-single-details .product-nav.top-0 {
      top: 0; }
    .product-single-details .product-nav a {
      color: #222529; }
    .product-single-details .product-nav .product-prev, .product-single-details .product-nav .product-next {
      float: left;
      margin-left: 2px; }
      .product-single-details .product-nav .product-prev.disabled > a, .product-single-details .product-nav .product-next.disabled > a {
        color: #999;
        cursor: no-drop; }
      .product-single-details .product-nav .product-prev:hover .product-popup, .product-single-details .product-nav .product-next:hover .product-popup {
        display: block; }
    .product-single-details .product-nav a:hover {
      color: #333; }
    .product-single-details .product-nav .product-link {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      width: 28px;
      height: 28px;
      line-height: 23px;
      border: 2px solid #e7e7e7;
      border-radius: 14px;
      text-align: center;
      text-decoration: none;
      font-family: 'porto'; }
    .product-single-details .product-nav .product-prev .product-link::before {
      content: '\e819';
      display: block; }
    .product-single-details .product-nav .product-next .product-link::before {
      content: '\e81a';
      display: block; }
    .product-single-details .product-nav .product-popup {
      position: absolute;
      top: 31px;
      display: none;
      right: 0;
      font-size: 13px;
      z-index: 999;
      width: 110px;
      box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
      text-align: center;
      background-color: #fff; }
      .product-single-details .product-nav .product-popup::before {
        right: 36px;
        border-bottom: 7px solid #333;
        border-left: 7px solid transparent !important;
        border-right: 7px solid transparent !important;
        content: "";
        position: absolute;
        top: -5px; }
    .product-single-details .product-nav .box-content {
      border-top: 3px solid #222529;
      display: block;
      padding: 10px 10px 11px; }
      .product-single-details .product-nav .box-content > span {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: block;
        padding-top: 5px;
        line-height: 1.4em;
        font-size: 12px;
        font-weight: 600;
        text-align: center;
        color: #797876; }
    .product-single-details .product-nav .product-next .product-popup::before {
      right: 7px; }
  .product-single-details .product-filters-container {
    padding-top: 2px;
    padding-bottom: 1.4rem; }
    .product-single-details .product-filters-container + .price-box {
      margin-top: 2.2rem;
      margin-bottom: .8rem; }
  .product-single-details .price-box {
    margin-bottom: 2.3rem;
    color: #222529;
    font-weight: 600;
    font-family: Poppins, sans-serif; }
  .product-single-details .product-filtered-price {
    display: none;
    margin-bottom: 1.3rem;
    margin-top: .7rem; }
  .product-single-details .new-price {
    color: #222529;
    font-size: 2.4rem;
    letter-spacing: -0.02em;
    vertical-align: middle;
    line-height: 0.8;
    margin-left: 3px; }
  .product-single-details .product-price {
    color: #222529;
    font-size: 2.4rem;
    letter-spacing: -.02em;
    vertical-align: middle;
    line-height: .8; }
  .product-single-details .old-price {
    position: relative;
    top: 2px;
    color: #a7a7a7;
    font-size: 1.9rem;
    font-weight: 600;
    vertical-align: middle; }
    .product-single-details .old-price + .product-price {
      margin-left: .4rem; }
  .product-single-details .add-wishlist:before {
    margin-right: .3rem; }
  .product-single-details .short-divider {
    width: 40px;
    height: 0;
    border-top: 2px solid #e7e7e7;
    margin: 0 0 2.2rem;
    text-align: left; }
  .product-single-details .product-single-filter:last-child {
    display: none;
    margin-bottom: 1rem;
    margin-top: -2px; }
  .product-single-details .divider + .product-action {
    margin-top: -.5rem; }
  .product-single-details .product-action + .divider {
    margin-top: 1.6rem; }
  .product-single-details .ratings-container {
    margin-bottom: 2.1rem;
    display: flex;
    align-items: center; }
    .product-single-details .ratings-container .product-ratings,
    .product-single-details .ratings-container .ratings {
      font-size: 1.3rem; }
    .product-single-details .ratings-container .product-ratings {
      height: 14px;
      margin-left: -1px;
      margin-right: 1px; }
      .product-single-details .ratings-container .product-ratings:before {
        color: #999; }
    .product-single-details .ratings-container .ratings:before {
      color: #FD5B5A; }
  .product-single-details .rating-link {
    color: #999;
    font-size: 1.3rem;
    font-weight: 400;
    padding-left: 1rem; }
    .product-single-details .rating-link:hover {
      text-decoration: underline; }
  .product-single-details .rating-link-separator {
    padding-left: .9rem;
    font-size: 1.3rem; }
  .product-single-details .product-desc {
    margin-bottom: 1.8rem;
    font-size: 1.6rem;
    letter-spacing: -.015em;
    line-height: 1.6875; }
    .product-single-details .product-desc a {
      color: #222529; }
  .product-single-details .product-action {
    padding: 1.5rem 0 1.6rem;
    border-top: 1px solid #e7e7e7; }
  .product-single-details .container {
    align-items: center;
    -ms-flex-align: center; }
    .product-single-details .container img {
      max-width: 5rem;
      max-height: 5rem;
      margin-right: 2rem; }
  .product-single-details .product-single-qty {
    margin: .5rem .5rem .5rem 1px; }
    .product-single-details .product-single-qty .form-control {
      height: 48px;
      font-size: 1.6rem;
      font-weight: 700; }
  .product-single-details .clear-btn {
    display: inline-block;
    background-color: #f4f4f4;
    margin-top: -3px;
    margin-left: -3px;
    padding: 5px 8px;
    font-size: 1rem;
    color: #777; }
    .product-single-details .clear-btn:hover {
      background-color: #f4631b;
      color: #fff; }

.product-filters-container select.form-control:not([size]):not([multiple]) {
  margin-bottom: 0;
  height: 42px;
  font-weight: 600; }
.product-filters-container .select-custom {
  max-width: 282px;
  width: 100%; }
  .product-filters-container .select-custom::after {
    right: 1.5rem;
    color: #222529; }

.product-single-container .cart-sticky .sticky-header.fixed {
  top: 58px;
  box-shadow: none;
  border: 1px solid #e7e7e7;
  animation: none; }

main .sticky-header:not(.fixed) .sticky-img, main .sticky-header:not(.fixed) .sticky-detail {
  display: none; }
main .sticky-header:not(.fixed).container {
  padding-left: 0;
  padding-right: 0; }
main .sticky-header.fixed .container, main .sticky-header.fixed .container-fluid {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; }
main .sticky-header.fixed .product-action {
  flex: 1;
  -ms-flex: 1;
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 260px;
  text-align: right; }
main .sticky-header .sticky-img img {
  margin: 0;
  max-width: 60px;
  max-height: 60px; }
main .sticky-header .sticky-detail {
  display: flex;
  margin-bottom: 5px; }
main .sticky-header .product-title {
  margin-right: 2rem;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600; }
main .sticky-header .price-box {
  margin: 0;
  color: #2b2b2d;
  font-family: 'Oswald', 'Poppins';
  font-weight: 400;
  line-height: normal; }
main .sticky-header .old-price {
  font-size: 1.4rem; }
main .sticky-header .product-price {
  font-size: 1.8rem; }
main .sticky-header .ratings-container {
  display: block;
  line-height: 24px; }
main .sticky-header .product-ratings:before {
  color: rgba(0, 0, 0, 0.16); }

.product-both-info .row .col-lg-12 {
  margin-bottom: 12px; }
.product-both-info .product-single-details {
  margin-top: 0; }
  .product-both-info .product-single-details .product-desc {
    border-bottom: 0; }
.product-both-info .product-single-gallery .label-group {
  left: 1.8rem; }

.single-info-list {
  margin-bottom: 1.7rem;
  padding: 0;
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: .005em;
  text-transform: uppercase; }
  .single-info-list li {
    margin-bottom: 1rem;
    letter-spacing: .001em; }
    .single-info-list li strong {
      color: #222529;
      letter-spacing: 0; }

.product-single-filter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem; }
  .product-single-filter label {
    margin-right: 4.2rem;
    min-width: 5rem;
    margin-bottom: 0;
    color: #777;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    letter-spacing: .005em;
    text-transform: uppercase; }
  .product-single-filter .config-swatch-list {
    display: inline-flex;
    margin: 0; }
  .product-single-filter .config-size-list li {
    margin-bottom: 0;
    margin-right: 0;
    color: #777; }
    .product-single-filter .config-size-list li a {
      margin: 3px 6px 3px 0;
      min-width: 3.2rem;
      height: 2.6rem;
      border: 1px solid #eee;
      color: inherit;
      font-size: 1.1rem;
      font-weight: 500;
      line-height: 2.6rem;
      background-color: #fff; }
      .product-single-filter .config-size-list li a:not(.disabled):hover {
        border-color: #f4631b;
        background-color: #f4631b;
        color: #fff; }
      .product-single-filter .config-size-list li a.disabled {
        cursor: not-allowed;
        text-decoration: none;
        background-color: transparent;
        opacity: 0.5; }
      .product-single-filter .config-size-list li a.filter-color {
        height: 2.8rem;
        min-width: 2.8rem; }
    .product-single-filter .config-size-list li.active a {
      border-color: #f4631b;
      outline: none;
      color: #fff;
      background-color: #f4631b; }
      .product-single-filter .config-size-list li.active a.filter-color:before {
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        font-family: 'porto';
        font-size: 1.1rem;
        line-height: 1;
        content: '\e84e'; }
  .product-single-filter .config-img-list li a {
    height: 100%; }
  .product-single-filter .config-img-list li img {
    width: 30px;
    height: 30px; }
  .product-single-filter.product-single-qty {
    max-width: 148px;
    max-height: 7.5rem;
    border-bottom: 0; }

.product-single-qty label {
  color: #222529;
  font-weight: 600;
  font-size: 1.5rem; }

.product-single-share {
  display: -ms-flexbox;
  display: flex;
  margin-top: .7rem;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; }
  .product-single-share label {
    margin-right: 1.2rem;
    margin-bottom: .5rem;
    color: #222529;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.1;
    font-family: "Open Sans", sans-serif;
    letter-spacing: .005em;
    text-transform: uppercase; }
  .product-single-share .social-icons {
    margin-top: 2px; }
    .product-single-share .social-icons.vertical {
      display: flex;
      flex-direction: column; }
      .product-single-share .social-icons.vertical .social-icon {
        border-radius: 0; }
  .product-single-share .social-icon {
    line-height: 2em;
    border: 2px solid transparent;
    margin: 0.2857em 1px 0.2857em 0; }

.product-single-share:not(.icon-with-color) .social-icon {
  border-radius: 50%; }
  .product-single-share:not(.icon-with-color) .social-icon:not(:hover):not(:active):not(:focus) {
    color: #222529;
    background-color: transparent;
    border-color: #e7e7e7; }

.product-single-gallery {
  margin-bottom: 3.3rem; }
  .product-single-gallery .sticky-slider:not(.sticked) {
    position: relative !important; }
  .product-single-gallery a {
    display: block; }
  .product-single-gallery img {
    display: block;
    width: 100%;
    max-width: none; }
  .product-single-gallery .prod-thumbnail .owl-nav {
    font-size: 1.6rem;
    color: #f4631b; }
    .product-single-gallery .prod-thumbnail .owl-nav .owl-prev {
      left: 1.5rem; }
    .product-single-gallery .prod-thumbnail .owl-nav .owl-next {
      right: 1.5rem; }
  .product-single-gallery .owl-nav {
    font-size: 2.8rem; }
    .product-single-gallery .owl-nav .owl-prev {
      left: 2.5rem; }
    .product-single-gallery .owl-nav .owl-next {
      right: 2.5rem; }
    .product-single-gallery .owl-nav button {
      transition: opacity .5s; }
  .product-single-gallery .product-item {
    position: relative;
    z-index: 2; }
    .product-single-gallery .product-item:not(:last-child) {
      margin-bottom: 4px; }
    .product-single-gallery .product-item:hover .prod-full-screen {
      opacity: 1; }
  .product-single-gallery .product-single-grid {
    margin-bottom: 3.6rem; }
  .product-single-gallery .label-group {
    position: absolute;
    z-index: 100;
    top: 1.1rem;
    left: 1.1rem; }
  .product-single-gallery .product-label {
    display: block;
    text-align: center;
    margin-bottom: 5px;
    text-transform: uppercase;
    padding: 7px;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    border-radius: 12px; }
    .product-single-gallery .product-label.label-hot {
      background-color: #2ba968; }
    .product-single-gallery .product-label.label-sale {
      background-color: #da5555; }
    .product-single-gallery .product-label.label-new {
      background-color: #08c; }

.prod-thumbnail {
  display: flex;
  display: -ms-flexbox;
  margin: 8px 0 0;
  padding: 0 1px; }
  .prod-thumbnail > .owl-dot {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 4px; }
  .prod-thumbnail.owl-theme .owl-nav [class*='owl-']:hover {
    color: #f4631b; }
  .prod-thumbnail img {
    width: 100%;
    cursor: pointer; }
  .prod-thumbnail .owl-dot.active img, .prod-thumbnail img:hover {
    border: 2px solid #21293c; }

.transparent-dots {
  position: absolute;
  top: 1.6rem;
  left: 2.6rem;
  width: 110px;
  margin: 0;
  padding: 0;
  z-index: 99; }
  .transparent-dots .owl-dot {
    flex: 1;
    max-width: 108px;
    margin-bottom: 2px; }
    .transparent-dots .owl-dot img {
      border: 0;
      border: 1px solid rgba(0, 0, 0, 0.1);
      transition: border-color .2s; }
    .transparent-dots .owl-dot.active img, .transparent-dots .owl-dot:hover img {
      border: 1px solid #f4631b;
      transition: border-color .2s; }

.product-slider-container:not(.container) {
  position: relative;
  padding-left: 1px;
  padding-right: 1px; }
  .product-slider-container:not(.container):hover .prod-full-screen {
    opacity: 1; }
  .product-slider-container:not(.container) button.owl-prev:not(.disabled),
  .product-slider-container:not(.container) button.owl-next:not(.disabled) {
    opacity: 1; }

.prod-full-screen {
  position: absolute;
  right: 2rem;
  bottom: 1.7rem;
  transition: all .5s;
  outline: none;
  opacity: 0;
  z-index: 1; }
  .prod-full-screen i {
    color: #000;
    font-size: 1.4rem;
    cursor: pointer; }

.product-single-tabs .tab-pane {
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: #7b858a;
  line-height: 1.92; }
.product-single-tabs .sticky-header {
  height: auto; }
.product-single-tabs .nav.nav-tabs .nav-link {
  color: #818692; }
  .product-single-tabs .nav.nav-tabs .nav-link.active {
    color: #222529; }
.product-single-tabs .nav.nav-tabs .nav-link {
  font-family: "Open Sans", sans-serif;
  font-size: 1.3rem; }
  .product-single-tabs .nav.nav-tabs .nav-link:hover, .product-single-tabs .nav.nav-tabs .nav-link.active {
    border-bottom-color: #222529; }
.product-single-tabs .nav-item {
  font-size: 1.3rem; }

.scrolling-box .tab-pane + .tab-pane {
  margin-top: 3.5rem;
  border-top: 2px solid #dae2e6; }

.product-size-content {
  padding-top: 2rem;
  padding-bottom: .5rem; }
  .product-size-content img {
    margin: 0 auto 2rem; }

.product-desc-content {
  margin-bottom: 2.5rem; }
  .product-desc-content .feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.9rem;
    border-style: solid;
    border-width: 2px;
    width: 64px;
    height: 64px;
    line-height: 60px;
    border-radius: 60px;
    font-size: 28px;
    color: #f4631b;
    background: transparent;
    border-color: #f4631b; }
  .product-desc-content .feature-box p {
    font-size: 14px;
    line-height: 27px;
    color: #4a505e;
    letter-spacing: 0; }
  .product-desc-content .feature-box h3 {
    margin-bottom: .8rem;
    font-size: 1.4rem; }
  .product-desc-content p {
    margin-bottom: 2.3rem;
    letter-spacing: .005em; }
  .product-desc-content ul,
  .product-desc-content ol {
    margin-bottom: 2.4rem;
    padding-left: 7.4rem;
    letter-spacing: .005em;
    position: relative;
    padding-top: 2px; }
  .product-desc-content li {
    margin-bottom: 9px;
    letter-spacing: 0; }
    .product-desc-content li:before {
      content: '\f058';
      position: absolute;
      left: 4rem;
      display: inline-block;
      margin-top: -2px;
      vertical-align: middle;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      margin-right: 1.8rem;
      color: #21293c;
      font-size: 1.6rem; }
  .product-desc-content img.float-right,
  .product-desc-content img.float-left {
    max-width: 50%; }
  .product-desc-content img {
    padding-top: 4px; }
  .product-desc-content .feature-box i {
    display: inline-block;
    font-size: 2.8rem;
    float: none;
    margin-bottom: 0;
    margin-top: 3px; }
  .product-desc-content .feature-box-content {
    margin-left: 0; }

.table.table-striped {
  margin-top: 2rem;
  margin-bottom: 5.9rem; }
  .table.table-striped td, .table.table-striped th {
    padding: 1.1rem 1.2rem; }
  .table.table-striped tr:nth-child(odd) {
    background-color: #f9f9f9; }

.product-tags-content h4 {
  margin: 0 0 2rem;
  font-size: 1.8rem;
  font-weight: 700;
  text-transform: uppercase; }
.product-tags-content form {
  margin-bottom: 2rem; }
.product-tags-content .form-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch; }
.product-tags-content .form-control {
  margin-right: 10px; }
.product-tags-content .btn {
  padding-top: .5rem;
  padding-bottom: .5rem; }

.product-reviews-content {
  padding-top: 2px;
  padding-bottom: 2.5rem;
  line-height: 1.92; }
  .product-reviews-content .required {
    color: #222529; }
  .product-reviews-content .reviews-title {
    margin-bottom: 1.6rem;
    font-size: 2rem;
    font-weight: 400; }
    .product-reviews-content .reviews-title + p {
      padding-bottom: .4rem;
      letter-spacing: 0.005em; }
  .product-reviews-content .ratings-container {
    margin: -3px -2px .5rem 0; }
  .product-reviews-content .divider {
    border-top: 1px solid #e7e7e7;
    margin: 4rem 0; }
  .product-reviews-content .comments .comment-block {
    padding-bottom: 2.3rem;
    background-color: #f5f7f7; }

.comment-container {
  display: flex;
  display: -ms-flexbox;
  padding: 29px 0 8px; }
  .comment-container:not(:first-child) {
    border-top: 1px solid #e7e7e7; }
  .comment-container .comment-avatar {
    flex: 1 0 auto;
    padding: 0 22px 5px 8px; }
  .comment-container img {
    border-radius: 10rem; }
  .comment-container .ratings-container {
    margin-bottom: 6px; }
  .comment-container .product-ratings,
  .comment-container .ratings {
    font-size: 14px; }
  .comment-container .product-ratings:before {
    color: #999; }
  .comment-container .ratings:before {
    color: #FD5B5A; }
  .comment-container .comment-info {
    font-family: "Open Sans", sans-serif;
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: -.02em; }
  .comment-container .avatar-name {
    display: inline;
    font-family: inherit;
    font-size: inherit; }
  .comment-container .comment-text {
    letter-spacing: -0.015em; }

.add-product-review {
  padding-top: 5px; }
  .add-product-review .custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
    top: 4px;
    left: 2px; }
  .add-product-review form {
    padding: 3.5rem 2rem 3.3rem;
    border-radius: 3px;
    background-color: #f4f4f4; }
  .add-product-review h3 {
    margin-bottom: 1.6rem;
    font-size: 2rem;
    font-weight: 400;
    letter-spacing: -.01em; }
  .add-product-review label {
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 1.4rem;
    line-height: 1;
    margin-bottom: 1.1rem; }
  .add-product-review .rating-stars {
    margin-bottom: 1rem; }
  .add-product-review .form-control {
    margin-top: 1.4rem;
    margin-bottom: 1.6rem;
    font-size: 1.4rem;
    max-width: 100%;
    height: 37px; }
  .add-product-review textarea.form-control {
    min-height: 170px; }
  .add-product-review .btn {
    padding: .55em 1rem .5em;
    font-weight: 400;
    text-transform: none;
    font-family: "Open Sans", sans-serif; }
  .add-product-review .custom-control-label {
    letter-spacing: .005em;
    line-height: 1.9; }
    .add-product-review .custom-control-label:before, .add-product-review .custom-control-label:after {
      top: 6px;
      left: 0;
      width: 15px;
      height: 15px;
      font-size: 1.2rem;
      font-weight: 300; }
  .add-product-review .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #0075ff;
    border-color: #0075ff; }
  .add-product-review .custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
    color: #fff; }
  .add-product-review .custom-control {
    padding-left: 2.2rem;
    margin-bottom: 1rem;
    margin-top: -6px; }

.rating-stars {
  display: flex;
  display: -ms-flexbox;
  position: relative;
  height: 14px;
  font-size: 1.4rem;
  margin-bottom: 2.8rem; }
  .rating-stars a {
    color: #706f6c;
    text-indent: -9999px;
    letter-spacing: 1px;
    width: 16px; }
  .rating-stars a:before {
    content: '';
    position: absolute;
    left: 0;
    height: 14px;
    line-height: 1;
    font-family: 'Font Awesome 5 Free';
    text-indent: 0;
    overflow: hidden;
    white-space: nowrap; }
  .rating-stars a.active:before,
  .rating-stars a:hover:before {
    content: '\f005\f005\f005\f005\f005';
    font-weight: 900; }
  .rating-stars .star-1 {
    z-index: 10; }
  .rating-stars .star-2 {
    z-index: 9; }
  .rating-stars .star-3 {
    z-index: 8; }
  .rating-stars .star-4 {
    z-index: 7; }
  .rating-stars .start-5 {
    z-index: 6; }
  .rating-stars .star-1:before {
    width: 16px; }
  .rating-stars .star-2:before {
    width: 32px; }
  .rating-stars .star-3:before {
    width: 48px; }
  .rating-stars .star-4:before {
    width: 64px; }
  .rating-stars .star-5:before {
    content: '\f005\f005\f005\f005\f005'; }

.products-section {
  padding-top: 3.8rem;
  padding-bottom: 3rem; }
  .products-section .owl-carousel.dots-top .owl-dots {
    margin: 0px -2px 3.5rem; }
    .products-section .owl-carousel.dots-top .owl-dots span {
      border-color: rgba(0, 68, 102, 0.4); }
  .products-section .owl-carousel.dots-top .owl-dot.active span {
    border-color: #f4631b; }
  .products-section .product-title {
    margin-bottom: 4px; }
  .products-section .price-box {
    margin-bottom: 1.4rem; }
  .products-section h2 {
    font-family: "Poppins";
    padding-bottom: 1rem;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 3.4rem;
    font-size: 1.8rem;
    line-height: 22px;
    letter-spacing: -.01em;
    text-transform: uppercase; }
  .products-section.pt-sm {
    padding-top: 2.5rem; }

.product-sidebar-right {
  margin-bottom: 1.7rem; }
  .product-sidebar-right .product-single-gallery {
    margin-bottom: 2.7rem; }
  .product-sidebar-right .product-single-details {
    margin-bottom: 0.6rem; }
  .product-sidebar-right .product-desc-content p {
    margin-bottom: 1.3rem;
    letter-spacing: .005em; }
  .product-sidebar-right .product-desc-content ul {
    margin-bottom: 2rem;
    padding-left: 5.8rem; }
  .product-sidebar-right .product-desc-content li::before {
    left: 2.4rem; }

.products-section .container-fluid {
  padding-right: 20px;
  padding-left: 20px; }

.custom-product-filters .config-size-list li a {
  height: 28px;
  font-size: 13px;
  border: 1px solid #e9e9e9;
  color: #222529;
  background-color: #f4f4f4; }
.custom-product-filters .config-color-list img {
  width: 30px;
  height: 30px; }
.custom-product-filters .config-color-list li a {
  height: 100%; }

.single-product-custom-block .porto-heading {
  padding: 0.85em 2em;
  margin-bottom: 1.7rem;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
  margin-right: 20px;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 1.2rem; }

.custom-product-single-share {
  position: absolute;
  top: 0;
  right: 0rem; }
  .custom-product-single-share .social-icon {
    display: block;
    margin: 0;
    margin-bottom: 2px;
    border-radius: 0; }

.custom-product-single-tabs {
  padding: 7rem 0 3rem; }
  .custom-product-single-tabs .add-product-review form {
    background-color: #f7f7f7; }
  .custom-product-single-tabs .product-desc-content ul,
  .custom-product-single-tabs .product-desc-content ol {
    margin-bottom: 2rem;
    padding-left: 5.8rem; }
  .custom-product-single-tabs .product-desc-content li::before {
    left: 2.4rem; }
  .custom-product-single-tabs .product-desc-content p {
    margin-bottom: 1.3rem; }
  .custom-product-single-tabs .nav.nav-tabs .nav-link {
    font-size: 1.5rem;
    padding: 1.1rem 0 1rem;
    margin-right: 1.5rem;
    background-color: transparent; }

.product-single-tab-two .product-desc-content p {
  margin-bottom: 1.3rem; }
.product-single-tab-two .product-desc-content ul {
  margin-bottom: 2rem;
  padding-left: 5.8rem; }
.product-single-tab-two .product-desc-content li::before {
  left: 2.4rem; }

.product-left-sidebar .product-single-details {
  margin-bottom: .8rem; }

.table.table-size thead tr th,
.table.table-size tbody tr td {
  border: 0;
  color: #21293c;
  font-size: 1.4rem;
  letter-spacing: .005em;
  text-transform: uppercase; }
.table.table-size thead tr th {
  padding: 2.8rem 1.5rem 1.7rem;
  background-color: #f4f4f2;
  font-weight: 600; }
.table.table-size tbody tr td {
  padding: 1.1rem 1.5rem;
  background-color: #fff;
  font-weight: 700; }
.table.table-size tbody tr:nth-child(2n) td {
  background-color: #ebebeb; }

@media (max-width: 1199px) {
  .transparent-dots {
    width: 90px; } }
@media (min-width: 768px) {
  .custom-product-single-tabs .nav.nav-tabs .nav-item {
    margin-bottom: -3px; }
  .custom-product-single-tabs .nav.nav-tabs .nav-link {
    padding: 1.1rem 0 1rem;
    font-size: 1.8rem;
    margin-right: 1.5rem; }

  .products-section {
    padding-top: 4.8rem;
    padding-bottom: 3.6rem; }

  .product-both-info .product-single-share {
    -ms-flex-pack: end;
    justify-content: flex-end; }

  .add-product-review form {
    padding-left: 3rem;
    padding-right: 3rem; }

  .product-both-info-bottom .col-md-4:last-child strong {
    order: 2;
    margin-left: 20px;
    margin-right: 0; } }
@media (min-width: 992px) {
  .product-both-info .row .col-lg-12 {
    margin-bottom: 4px; }

  .main-content .col-lg-7 {
    -ms-flex: 0 0 54%;
    flex: 0 0 54%;
    max-width: 54%; }
  .main-content .col-lg-5 {
    -ms-flex: 0 0 46%;
    flex: 0 0 46%;
    max-width: 46%; }

  .product-full-width {
    padding-right: 3.5rem; }
    .product-full-width .product-single-details .product-title {
      font-size: 4rem; }

  .table.table-size thead tr th {
    padding-top: 2.9rem;
    padding-bottom: 2.9rem; }
  .table.table-size thead tr th,
  .table.table-size tbody tr td {
    padding-right: 4.2rem;
    padding-left: 3rem; } }
@media (min-width: 1200px) {
  .product-both-info .product-single-share {
    margin-top: -13px; } }
@media (max-width: 991px) {
  .single-product-custom-block {
    margin-right: 4rem; }
    .single-product-custom-block .porto-heading {
      padding: 0.85em 1em;
      margin-bottom: 0.7rem;
      margin-right: 1rem; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .product-all-icons.product-action .product-single-qty {
    margin-right: 50%;
    margin-bottom: 1.2rem; } }
@media (min-width: 576px) {
  .product-tags-content .form-control {
    width: 250px; } }
@media (max-width: 767px) {
  .product-size-content .table.table-size {
    margin-top: 3rem; } }
@media (max-width: 575px) {
  .transparent-dots {
    width: 70px; }

  .rating-stars a:before {
    line-height: 1.2; }

  .ratings-container .ratings,
  .ratings-container .product-ratings {
    line-height: 1.2; } }
@media (max-width: 480px) {
  .pg-vertical .product-thumbs-wrap {
    height: 165px; }
  .pg-vertical .vertical-thumbs {
    max-width: 48px; }
  .pg-vertical .product-slider-container {
    max-width: calc(100% - 53px); }

  .product-size-content .table.table-size th,
  .product-size-content .table.table-size td {
    padding-left: 1rem;
    padding-right: .5rem;
    font-size: 1.2rem; }

  .product-reviews-content .reviews-title {
    font-size: 1.7rem; }

  .custom-product-single-tabs .nav.nav-tabs .nav-item:not(:last-child) {
    margin-right: 0; }
  .custom-product-single-tabs .nav.nav-tabs .nav-link {
    font-size: 1.4rem; } }
.sidebar-product .widget.widget-product-categories {
  margin-bottom: 3rem;
  padding: 1.8rem 1.5rem 1.3rem;
  border: 1px solid #e7e7e7; }
  .sidebar-product .widget.widget-product-categories .widget-body {
    padding: 2px 0 .5rem 1.4rem; }
    .sidebar-product .widget.widget-product-categories .widget-body:after {
      display: block;
      clear: both;
      content: ''; }
  .sidebar-product .widget.widget-product-categories .cat-list li {
    margin-bottom: .5rem; }
    .sidebar-product .widget.widget-product-categories .cat-list li:last-child {
      margin-bottom: -2px; }
  .sidebar-product .widget.widget-product-categories a {
    display: block;
    position: relative;
    padding: 4px 0;
    color: #7a7d82;
    font-weight: 600; }
  .sidebar-product .widget.widget-product-categories .widget-title {
    color: #7a7d82;
    font-weight: 600;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    line-height: 24px; }
.sidebar-product .widget-title a:after {
  content: '\e81b';
  display: inline-block;
  position: absolute;
  top: 46%;
  right: 2px;
  transform: translateY(-50%);
  transition: all .35s;
  font-family: 'porto';
  font-size: 1.7rem;
  font-weight: 600;
  color: #222529; }
.sidebar-product .widget-title a.collapsed:after {
  content: '\e81c'; }
.sidebar-product .sidebar-toggle {
  position: fixed;
  padding-left: 10px;
  top: 50%;
  z-index: 9999;
  left: 0; }

.custom-sidebar-toggle {
  display: flex;
  position: fixed;
  padding: 0;
  align-items: center;
  justify-content: center;
  top: 20%;
  left: 0;
  width: 40px;
  height: 40px;
  transition: left .2s ease-in-out 0s;
  border: #dcdcda solid 1px;
  border-left-width: 0;
  background: #fff;
  font-size: 17px;
  line-height: 38px;
  text-align: center;
  cursor: pointer;
  z-index: 999;
  margin-top: 50px; }

.sidebar-opened .custom-sidebar-toggle {
  left: 260px;
  z-index: 9000; }
  .sidebar-opened .custom-sidebar-toggle i:before {
    content: ""; }

.sidebar-product {
  margin-bottom: 2.8rem; }
  .sidebar-product .widget:not(:last-child):not(.widget-info) {
    margin-bottom: 2.9rem; }
  .sidebar-product .widget-info {
    margin: 0px 0 4.8rem; }
    .sidebar-product .widget-info li {
      display: flex;
      align-items: center;
      margin-bottom: 2.2rem; }
    .sidebar-product .widget-info i {
      margin: 1px 1.9rem 0 4px; }
  .sidebar-product .widget-featured {
    padding-bottom: 3rem; }
    .sidebar-product .widget-featured .widget-body {
      padding-top: 1.9rem; }
    .sidebar-product .widget-featured .owl-carousel .owl-nav {
      top: -4.1rem; }
  .sidebar-product .widget-title {
    margin: 0;
    text-transform: none;
    border-bottom-width: 1px;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 24px; }
  .sidebar-product .widget-subtitle {
    color: #7a7d82;
    margin-bottom: 3rem;
    font-size: 1.3rem;
    font-weight: 400; }
  .sidebar-product .widget-body {
    padding-left: 0;
    padding-top: 2.3rem; }
    .sidebar-product .widget-body p {
      line-height: 27px;
      font-size: 1.3rem;
      color: #222529;
      letter-spacing: .01em;
      font-weight: 500;
      margin-bottom: 3rem; }
  .sidebar-product .product-widget {
    margin-bottom: 1.3rem; }
    .sidebar-product .product-widget figure {
      margin-right: .8rem;
      max-width: 75px; }
    .sidebar-product .product-widget .widget-body {
      padding-top: 1.9rem; }
  .sidebar-product .ratings-container {
    margin-left: 0;
    margin-bottom: 1.2rem; }
  .sidebar-product .owl-carousel .owl-nav {
    top: -4.1rem;
    right: 1px; }
    .sidebar-product .owl-carousel .owl-nav button.owl-prev,
    .sidebar-product .owl-carousel .owl-nav button.owl-next {
      font-size: 1.8rem; }

.widget-info ul {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin: 0; }
  aside .widget-info ul {
    display: block; }
.widget-info li {
  margin-bottom: 2rem; }
.widget-info li:not(:last-child) {
  margin-right: 2.5rem; }
  aside .widget-info li:not(:last-child) {
    border-bottom: 1px solid rgba(231, 231, 231, 0.8);
    padding-bottom: 2.2rem;
    margin-right: 0; }
.widget-info i {
  min-width: 40px;
  margin-right: 15px;
  color: #f4631b;
  font-size: 4rem;
  line-height: 1; }
  .widget-info i:before {
    margin: 0; }
  aside .widget-info i {
    margin-left: 7px; }
.widget-info h4 {
  display: inline-block;
  margin-bottom: 0;
  color: #6b7a83;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.286;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase; }

.product-single-collapse {
  line-height: 1.9;
  margin-bottom: 3.2rem;
  margin-top: -3px; }
  .product-single-collapse p {
    margin-bottom: 1.3rem; }
  .product-single-collapse .collapse-body-wrapper {
    padding-top: 3.1rem;
    padding-bottom: 2px; }
  .product-single-collapse .product-desc-content {
    margin-bottom: 1.3rem; }
    .product-single-collapse .product-desc-content ul, .product-single-collapse .product-desc-content ol {
      padding-left: 5.8rem;
      margin-bottom: 2rem; }
    .product-single-collapse .product-desc-content li::before {
      left: 2.4rem; }

.product-collapse-title {
  margin: 0;
  font-size: 1.4rem;
  line-height: 1;
  text-transform: uppercase; }
  .product-collapse-title a {
    display: flex;
    align-items: center;
    position: relative;
    padding: 1.4rem 1.5rem 1.5rem;
    border-bottom: 1px solid #ddd;
    color: inherit; }
    .product-collapse-title a:hover, .product-collapse-title a:focus {
      color: inherit;
      text-decoration: none; }
    .product-collapse-title a:before {
      content: '\e81b';
      margin-right: 1rem;
      font-family: 'porto';
      font-size: 2rem;
      font-weight: 400; }
    .product-collapse-title a:after {
      display: block;
      position: absolute;
      bottom: -.2rem;
      left: 0;
      width: 100%;
      height: .2rem;
      transform-origin: left center;
      transform: scale(1, 1);
      transition: transform .4s;
      background-color: #f4631b;
      content: ''; }
    .product-collapse-title a.collapsed:before {
      content: '\e81c'; }
    .product-collapse-title a.collapsed:after {
      transform-origin: right center;
      transform: scale(0, 1); }

.collapse-body-wrapper {
  padding: 3rem 0 1.5rem 2rem; }

.maga-sale-container {
  font-family: "Oswald";
  position: relative; }
  .maga-sale-container .mega-content {
    margin: 1.1rem;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    border: 1px solid #f6f5f0; }
  .maga-sale-container .mega-price-box {
    position: relative;
    display: flex;
    margin: 4.4rem .5rem 2.4rem 0;
    align-items: center;
    justify-content: center;
    color: #fff; }
    .maga-sale-container .mega-price-box .price-big {
      font-size: 4rem;
      margin-right: 5px;
      z-index: 1; }
    .maga-sale-container .mega-price-box .price-desc {
      display: flex;
      flex-direction: column;
      font-size: 1.4rem;
      line-height: 1.1;
      z-index: 1; }
    .maga-sale-container .mega-price-box em {
      font-size: 1.8rem;
      font-style: unset; }
    .maga-sale-container .mega-price-box:before, .maga-sale-container .mega-price-box:after {
      position: absolute;
      content: '';
      display: block;
      width: 94px;
      border: 0 solid #f4631b;
      border-width: 50px 0;
      border-bottom-color: transparent;
      border-radius: 50%; }
    .maga-sale-container .mega-price-box:before {
      transform: rotate(-60deg);
      top: -34%; }
    .maga-sale-container .mega-price-box:after {
      transform: rotate(120deg);
      margin-left: 8px;
      top: -41%; }
  .maga-sale-container .mega-title {
    margin-left: .8rem;
    transform: scaleX(0.6);
    font-size: 3.8rem;
    letter-spacing: .07em;
    line-height: 1.1;
    color: #113952; }
  .maga-sale-container .mega-subtitle {
    margin-left: .8rem;
    font-size: 1.6rem;
    letter-spacing: .17em;
    color: #113952; }

.custom-maga-sale-container {
  margin-bottom: 3.4rem; }
  .custom-maga-sale-container .mega-price-box {
    margin: 4.2rem .8rem 3rem 0; }
    .custom-maga-sale-container .mega-price-box .price-big {
      font-size: 4.7rem;
      margin-right: 5px;
      margin-top: 2px; }
    .custom-maga-sale-container .mega-price-box .price-desc {
      font-size: 1.6rem; }
    .custom-maga-sale-container .mega-price-box em {
      font-size: 2.2rem;
      margin-bottom: 1px;
      margin-top: 3px; }
    .custom-maga-sale-container .mega-price-box:before, .custom-maga-sale-container .mega-price-box:after {
      width: 120px;
      border-width: 60px 0; }
    .custom-maga-sale-container .mega-price-box:after {
      margin-left: 9px; }
  .custom-maga-sale-container .mega-title {
    margin-left: 0;
    font-size: 4.4rem;
    white-space: nowrap;
    padding-top: 4px;
    margin-right: 1.5rem; }
  .custom-maga-sale-container .mega-subtitle {
    font-size: 1.9rem;
    margin-left: 0;
    letter-spacing: .1em; }

@media (min-width: 992px) {
  .main-content-wrap {
    overflow: hidden; }
    .main-content-wrap .main-content {
      margin-left: -25%;
      transition: .15s linear; }
    .main-content-wrap .sidebar-shop {
      left: -25%;
      transition: .15s linear;
      visibility: hidden;
      z-index: -1; }
    .sidebar-opened .main-content-wrap > .sidebar-shop {
      left: 0;
      visibility: visible;
      z-index: 0; }
    .sidebar-opened .main-content-wrap > .main-content {
      margin-left: 0; }
    body:not(.sidebar-opened) .main-content-wrap > .main-content {
      max-width: 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%; }

  .sidebar-toggle {
    display: none; } }
@media (min-width: 576px) {
  .sidebar-product .widget.widget-product-categories {
    padding: 2.4rem 3rem 2.5rem; } }
@media (max-width: 1199px) {
  .maga-sale-container .mega-title {
    font-size: 3rem; }

  .custom-maga-sale-container .mega-price-box:before, .custom-maga-sale-container .mega-price-box:after {
    width: 100px;
    border-width: 52px 0; }

  .custom-maga-sale-container .mega-price-box .price-big {
    margin-top: -3px; }

  .maga-sale-container .mega-title {
    margin-right: 0; } }
@media (max-width: 991px) {
  .mobile-sidebar {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 260px;
    padding: 2rem;
    margin: 0;
    transform: translate(-260px);
    transition: transform .2s ease-in-out 0s;
    background-color: #fff;
    z-index: 9999;
    overflow-y: auto; }
    .sidebar-opened .mobile-sidebar {
      transform: none; }

  .sidebar-opened .sidebar-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: .35;
    z-index: 8999; } }
@media (max-width: 575px) {
  .widget-info ul {
    display: block; } }
.section-title, .section-sub-title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  color: #313131;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 23px;
  text-transform: none; }

.banner img {
  object-fit: cover; }

.intro-section {
  position: relative; }

.home-slide {
  height: 532px;
  padding: 1.5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .home-slide h2 {
    color: #444;
    font-family: "Open Sans", sans-serif;
    font-size: 1.6875em;
    line-height: 1.2;
    letter-spacing: -0.01em; }
  .home-slide h1 {
    font-size: 3.75em;
    line-height: 1.2;
    letter-spacing: -0.05em;
    margin-left: -3px;
    margin-bottom: 7px; }
  .home-slide .btn {
    padding: 1.25em 3.125em;
    font-family: "Open Sans", sans-serif;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.42857; }
  .home-slide .banner-layer {
    left: 0;
    right: 0; }

.home-slider-sidebar {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  z-index: 1; }
  .home-slider-sidebar .container {
    position: relative; }
  .home-slider-sidebar ul {
    font-size: 1.7rem;
    white-space: nowrap;
    font-weight: 600;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -63px;
    color: #171f2f; }
  .home-slider-sidebar li {
    position: relative;
    padding-right: 35px;
    margin-bottom: 15px;
    text-align: right;
    cursor: pointer;
    line-height: 27px; }
    .home-slider-sidebar li.active {
      color: #ff6840; }
    .home-slider-sidebar li:after {
      content: '';
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      border-top: 2px solid;
      width: 16px; }

.featured-products-section {
  padding: 7rem 0 3.4rem; }

.cat-section {
  padding: 7rem 0 5rem; }
  .cat-section .product-category {
    padding: 3.9rem 0 3.5rem;
    background: #fff;
    transition: box-shadow .2s; }
    .cat-section .product-category:hover {
      box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.1); }
      .cat-section .product-category:hover i {
        color: #f67434; }
      .cat-section .product-category:hover h3 {
        color: #ff6840; }

.category-content {
  padding: 0; }
  .category-content i {
    margin-bottom: 1.5rem;
    color: #222529;
    font-size: 4.2rem;
    line-height: 1; }
  .category-content h3 {
    margin-bottom: 0;
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: none; }

.categories-slider .owl-stage-outer {
  margin: -1rem;
  padding: 1rem; }

.new-products-section {
  padding: 7rem 0 2.1rem; }
  .new-products-section .banner, .new-products-section .container > .row:last-child {
    margin-bottom: 3.5rem; }

.banner1 img, .banner2 img {
  min-height: 190px; }
.banner1 h3, .banner2 h3 {
  font-size: 2.1875em;
  line-height: 1.2; }
.banner1 h4, .banner2 h4 {
  margin-bottom: 1.4rem;
  color: #444444;
  font-size: 1em;
  line-height: 19px; }
  .banner1 h4 b, .banner2 h4 b {
    display: block;
    font-size: 1.425em;
    line-height: 1.5; }
.banner1 .btn, .banner2 .btn {
  padding: .8rem 2rem;
  font-family: "Open Sans", sans-serif;
  font-size: 1.2rem; }
.banner1 .banner-layer, .banner2 .banner-layer {
  left: 15px;
  right: 15px;
  margin: 0; }

.special-offer-section {
  padding: 7rem 0 2.5rem; }
  .special-offer-section .subtitle {
    padding: 1.6rem 0 1.9rem;
    border-bottom: 1px solid #eaeaea;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 24px; }
  .special-offer-section .nav-tabs .nav-item .nav-link {
    padding: 1.5rem 1.8rem;
    background: transparent;
    border-bottom-width: 3px;
    font-family: "Open Sans", sans-serif;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 1.6875;
    text-transform: none; }
  .special-offer-section .nav-tabs .nav-item:not(:last-child) {
    margin-right: 1px; }

.banner3 {
  max-width: 450px; }
  .banner3 img {
    min-height: 220px; }
  .banner3 h3 {
    font-size: 1.5em;
    text-indent: -2px; }
  .banner3 h4 {
    font-size: 1.375em;
    font-weight: 600; }
  .banner3 del {
    font-size: 80%;
    color: #aeaeae;
    margin-right: 7px; }
  .banner3 .btn {
    padding: 1em 2.5em;
    font-family: "Open Sans", sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: -.01em; }
  .banner3 .banner-layer-left {
    left: 12%;
    margin-top: 5px; }

.cat-banners-section {
  padding: 4.8rem 0 2.8rem; }

.cat-banner {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 2rem;
  padding: 3.2rem;
  border: 1px solid #e7e7e7;
  font-size: 1.6rem; }
  .cat-banner figure {
    flex: 1;
    margin-bottom: 0; }
  .cat-banner img {
    display: inline-block; }
  .cat-banner h3 {
    font-family: "Open Sans", sans-serif;
    font-size: 1.0625em;
    line-height: 20px;
    white-space: nowrap; }
  .cat-banner .btn {
    font-family: "Open Sans", sans-serif;
    font-size: 0.75em;
    letter-spacing: -0.025em;
    padding: .8rem 2rem; }
  .cat-banner .cat-content {
    flex: 1; }

.feature-boxes-container {
  padding: 8rem 0 6rem; }

.feature-box i {
  margin-bottom: 2.7rem;
  font-size: 5rem; }
.feature-box h3 {
  margin-bottom: 3px;
  font-size: 1.8rem;
  line-height: 1.5; }
.feature-box h5 {
  color: #21293c;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 1.6875; }
.feature-box p {
  font-size: 1.6rem;
  line-height: 1.625; }

.product-widgets-container {
  padding: 7rem 0 5.5rem; }
  .product-widgets-container .section-sub-title {
    padding-top: 1.6rem; }
  .product-widgets-container .product-widget figure {
    margin-right: .7rem; }
  .product-widgets-container .product-widget .product-title {
    font-family: "Open Sans", sans-serif;
    font-size: .9em; }
  .product-widgets-container .product-widget .product-price {
    font-size: 1.3rem; }
  .product-widgets-container .product-widget .old-price {
    color: #444;
    font-size: 1.1rem; }
  .product-widgets-container .product-widget .ratings-container {
    margin-bottom: 1rem; }
  .product-widgets-container.lg-images .product-widget figure {
    max-width: 84px;
    margin-right: 1.2rem; }

.count-down {
  border: 3px solid #f4631b;
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin-bottom: 2.8rem; }
  .count-down figure {
    max-width: 100%;
    margin-bottom: 0;
    margin-right: 0; }
  .count-down .product-name {
    position: absolute;
    left: 0;
    right: 0;
    top: 1.6rem;
    z-index: 1;
    margin-bottom: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 1.6rem;
    line-height: 27px; }
  .count-down .product-details {
    padding: .4rem 1.6rem 4.8rem; }
  .count-down .product-title {
    margin-bottom: .5rem;
    font-family: "Open Sans", sans-serif;
    font-size: 1.6rem;
    letter-spacing: -.01em; }
  .count-down .ratings-container {
    margin-bottom: 1.3rem; }
  .count-down .old-price {
    letter-spacing: inherit; }
  .count-down .product-price {
    font-size: 1.8rem; }
  .count-down .label-group {
    left: auto;
    top: -2px;
    right: -2px; }
  .count-down .product-label {
    border-radius: 0; }
  .count-down .label-primary {
    background-color: #f4631b;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: -.1px;
    line-height: 1;
    padding: 5px 11px;
    margin-bottom: 0; }
  .count-down .label-dark {
    background-color: #222529;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: -.1px;
    line-height: 16px; }
  .count-down:hover {
    box-shadow: none; }
    .count-down:hover img {
      transform: none; }
  .count-down .product-countdown-container {
    align-items: center;
    position: absolute;
    bottom: -13rem;
    left: 15%;
    right: 15%;
    padding: 5px;
    color: #444;
    background: #f4f4f4;
    border-radius: 3.2rem;
    line-height: 27px;
    opacity: 1; }
  .count-down .product-countdown-title {
    color: #444;
    font-family: Oswald, sans-serif;
    font-size: 1.1rem;
    letter-spacing: -.01em;
    text-transform: uppercase; }
  .count-down .product-countdown {
    color: #444;
    font-size: 1.3rem;
    font-family: Oswald, sans-serif;
    letter-spacing: -.01em; }

.brands-slider {
  margin-bottom: 4.8rem; }

@media (min-width: 992px) {
  .banner1 .col-lg-4:first-child, .banner2 .col-lg-4:last-child {
    padding-left: 3rem; }

  .banner1 .col-lg-4:last-child {
    padding-left: 4rem; }

  .banner2 .col-lg-4:first-child {
    padding-right: 4rem; } }
@media (min-width: 1200px) {
  .cat-banner {
    font-size: 0.83333vw; } }
@media (min-width: 1440px) {
  .special-offer-section .nav-tabs .nav-item .nav-link {
    padding-left: 2.2rem;
    padding-right: 2.2rem; }

  .cat-banner figure {
    min-width: 139px; } }
.category-banner {
  padding: 7rem 0;
  background-position: center;
  background-size: cover;
  font-size: 1.6rem; }
  .category-banner h2 {
    margin-left: -3px;
    margin-bottom: 1.7rem;
    font-size: 3.25em;
    letter-spacing: -.05em;
    line-height: 48px; }
  .category-banner h3 {
    font-size: 1.5em;
    color: #444444; }
  .category-banner h4 {
    color: #444;
    font-size: 1.25em;
    line-height: normal; }

.sidebar-shop .widget-title {
  padding: 8px 0;
  letter-spacing: .05em; }
  .sidebar-shop .widget-title a:before, .sidebar-shop .widget-title a:after {
    right: 3px; }
.sidebar-shop .widget-body {
  padding-top: 2.4rem; }
.sidebar-shop .config-swatch-list {
  display: block;
  margin-left: 1.5rem;
  margin-top: 1.3rem; }
  .sidebar-shop .config-swatch-list li a {
    margin-bottom: 7px;
    width: 28px;
    height: 28px;
    color: #000;
    font-size: 1.2rem;
    line-height: 26px;
    text-indent: 37px; }
    .sidebar-shop .config-swatch-list li a:before {
      text-indent: 0; }
    .sidebar-shop .config-swatch-list li a:hover, .sidebar-shop .config-swatch-list li a.active {
      color: #f4631b; }

.cat-list {
  padding-left: 1.5rem; }
  .cat-list li {
    color: #000;
    font-size: 1.2rem;
    font-weight: 400;
    margin-bottom: 1.1rem; }
    .cat-list li a {
      color: inherit;
      font-weight: inherit; }
  .cat-list .products-count {
    color: #899296; }

.cat-sublist {
  margin-left: 1.3rem;
  margin-top: 1.1rem; }

.main-content > .row {
  margin-bottom: 1.5rem; }

.toolbox label {
  margin-top: -2px; }

@media (min-width: 992px) {
  .toolbox-pagination {
    margin-bottom: .7rem; } }
@media (max-width: 991px) {
  .sidebar-shop .widget {
    padding: 1.5rem 0; }
    .sidebar-shop .widget:not(:last-child) {
      border-bottom: 0;
      margin-bottom: 0; } }
.product-single-details .product-title {
  margin-bottom: 1.2rem; }
.product-single-details .ratings-container {
  margin-bottom: 2.3rem; }
.product-single-details .product-desc {
  line-height: 1.6872; }
.product-single-details .single-info-list {
  margin-bottom: 1.8rem; }

.product-single-gallery {
  margin-bottom: 3.1rem; }

.product-single-tabs .nav.nav-tabs .nav-item .nav-link {
  line-height: 1.4; }

.product-desc-content ul, .product-desc-content li {
  letter-spacing: inherit; }

.products-section h2 {
  font-size: 1.6rem; }
.products-section .product-default.inner-quickview {
  padding: 1.4rem 0 0; }
  .products-section .product-default.inner-quickview:hover {
    box-shadow: none; }
.products-section .owl-carousel.dots-top .owl-dots span {
  border-color: rgba(162, 59, 8, 0.4); }

.product-single-container ~ .product-widgets-container .section-sub-title {
  padding-top: 0;
  border-bottom: 0;
  color: #222529;
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase; }

.page-header-bg {
  padding: 8rem 0 8.8rem; }
  .page-header-bg h1 {
    margin-bottom: 2.8rem;
    letter-spacing: inherit;
    line-height: 1; }
    .page-header-bg h1 span {
      line-height: 25px; }
  .page-header-bg .btn {
    letter-spacing: inherit; }
    .page-header-bg .btn:not(:hover):not(:active) {
      background-color: #010204; }

.about .subtitle {
  font-family: "Open Sans", sans-serif;
  letter-spacing: -.01em;
  line-height: normal; }
.about .feature-box i {
  margin-bottom: 0.8rem;
  font-size: 5.6rem;
  margin-top: 4px; }
.about .feature-box p {
  font-size: 1.5rem;
  line-height: 27px; }

.about-section p {
  line-height: 27px; }

.features-section {
  padding-top: 5rem; }

.testimonials-section {
  padding-top: 5rem; }
  .testimonials-section .subtitle {
    margin-bottom: 4.8rem; }

.testimonial-owner {
  align-items: center; }
  .testimonial-owner figure {
    max-width: 25px;
    margin-bottom: 5px;
    margin-right: 27px; }
  .testimonial-owner span {
    font-size: 1.28rem;
    letter-spacing: inherit;
    line-height: 16px; }

.testimonial blockquote:before {
  font-size: 4.8rem; }

.testimonial blockquote:before,
.count-container .count-wrapper {
  color: #ff6840; }

.count-container .count-wrapper {
  margin-bottom: 1rem; }

@media (min-width: 768px) {
  .about-section {
    padding-top: 3rem; } }
.contact-two h2 {
  margin-bottom: 1.7rem; }
.contact-two .contact-title {
  margin-top: 1.5rem;
  margin-bottom: 1.2rem;
  font-size: 1.6rem; }
.contact-two p {
  line-height: 27px; }
.contact-two label {
  margin-bottom: 1.2rem; }
.contact-two .contact-info i {
  background: #08c; }
.contact-two .porto-sicon-title {
  margin-bottom: 2px; }
.contact-two .contact-time .contact-title {
  margin-bottom: 1.3rem; }
.contact-two .contact-time .porto-sicon-title {
  margin-top: 0;
  margin-bottom: 1px; }

.custom-hidden {
  display: none !important; }

.custom-pointer {
  cursor: pointer; }

.custom-green {
  color: #0CB200; }

.custom-yellow {
  color: #FFE600; }

.custom-bg-yellow {
  background-color: #FFE600; }

.custom-href {
  color: #000000; }
  .custom-href:hover {
    color: #000000;
    text-decoration: underline; }

.no-p-container {
  padding-left: 0px;
  padding-right: 0px; }

.no-m-row {
  margin-left: 0px;
  margin-right: 0px; }

.border-gray {
  border: solid 1px #E6E6E6; }

.open-sans {
  font-family: "Open Sans", sans-serif; }

@media screen and (max-width: 650px) {
  .breadcrumb-nav .breadcrumb {
    flex-direction: column; }
    .breadcrumb-nav .breadcrumb .breadcrumb-item:first-child {
      margin-left: 3rem; } }

.chat-bot {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background-color: #FFE600;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 999;
  cursor: pointer;
  transition: all .3s; }
  .chat-bot i {
    font-size: 4rem; }
  @media screen and (max-width: 500px) {
    .chat-bot {
      width: 50px;
      height: 50px; }
      .chat-bot i {
        font-size: 3rem; } }

.custom-btn-wish.added-wishlist i::before {
  content: "";
  color: #FFE600; }

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
label,
a {
  font-family: "Open Sans", sans-serif; }

/*
.main-nav .menu li a.page-index { 
	&.page-active {
		-webkit-text-decoration-color: $yellow;
		text-decoration: underline;
		text-decoration-color: $yellow;
		text-decoration-thickness: 0.3em;

		&.icon-a {
			border-bottom: solid 0.3rem #FFE600;
			font-size: 2.5rem;
			padding: 5px 5px 0px 5px !important;
		}
	}
}

.header-right a.page-index {
	&.page-active {
		border-bottom: solid 0.3rem #FFE600;
		font-size: 2.5rem;
		padding: 5px 5px 0px 5px !important;
	}
}*/
@media screen and (max-width: 1200px) {
  .main-nav .menu > li > a {
    font-size: 1.1rem; } }

.main-nav .menu > li:hover > a {
  color: #FFE600; }

.header-right a:hover > i {
  transition: all .3s;
  color: #FFE600; }

::selection {
  background-color: #FFE600;
  color: #000000; }

.active {
  color: #FFE600 !important; }

.svg-active {
  filter: invert(86%) sepia(44%) saturate(1297%) hue-rotate(359deg) brightness(103%) contrast(102%); }

.custom-btn-wish {
  margin-top: -2px;
  cursor: pointer; }
  .custom-btn-wish i {
    font-size: 2.5rem !important;
    color: #393E3A !important; }
  .custom-btn-wish:hover {
    color: #FFE600 !important;
    border-color: #FFE600 !important; }
    .custom-btn-wish:hover i::before {
      color: #FFE600 !important; }

.login-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("../images/custom/login-bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  @media screen and (max-width: 650px) {
    .login-wrapper {
      align-items: flex-start; } }
  .login-wrapper .login-frame {
    margin: 20px;
    padding: 40px 20px;
    border: solid 3px #fff;
    width: 622px;
    max-width: 100%;
    height: 508px;
    max-height: 100%;
    background-color: #FFE600;
    display: flex;
    justify-content: center; }
    .login-wrapper .login-frame .login-container {
      width: 100%;
      max-width: 387px; }
      .login-wrapper .login-frame .login-container img {
        max-height: 100px; }
      .login-wrapper .login-frame .login-container form {
        margin: 50px 0 !important; }
        .login-wrapper .login-frame .login-container form input {
          padding: 17px 26px;
          margin: 12.5px 0 !important;
          font-size: 14px; }
          .login-wrapper .login-frame .login-container form input::placeholder {
            color: #000;
            opacity: 1; }
        .login-wrapper .login-frame .login-container form .form-footer {
          flex-wrap: wrap;
          justify-content: center;
          gap: 25px; }
          .login-wrapper .login-frame .login-container form .form-footer .forget-password {
            font-size: 15px;
            text-decoration: underline;
            margin-right: auto; }
          .login-wrapper .login-frame .login-container form .form-footer button {
            font-size: 15px;
            padding: 17px 35px;
            border: 2px solid #000000;
            cursor: pointer;
            color: #000;
            background-color: #FFE600;
            margin: 0; }
            .login-wrapper .login-frame .login-container form .form-footer button:hover {
              color: #FFE600;
              background-color: #000; }

.login-footer {
  position: absolute;
  bottom: 0;
  color: #000;
  width: 100%;
  text-align: center;
  padding: 40px 20px; }

.cart-count {
  top: 10px;
  color: #000;
  background-color: #FFE600; }
  .cart-count.sticky {
    right: 1px; }

.icon-a {
  padding: 10px 0 !important;
  font-size: 2.5rem !important; }

.mymec-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 4rem;
  margin-bottom: 4rem; }
  @media screen and (max-width: 640px) {
    .mymec-links {
      grid-template-columns: 1fr; } }
  .mymec-links a {
    width: 100%;
    background-color: #F5F5F5;
    border: 1px solid #CFCECE;
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
    color: #000;
    font-weight: bold;
    font-size: 18px;
    padding: 10px; }
    @media screen and (max-width: 1200px) {
      .mymec-links a {
        font-size: 16px; } }
    .mymec-links a span {
      display: flex;
      align-items: center;
      gap: 1.5rem; }
      .mymec-links a span i {
        font-size: 3rem; }
        .mymec-links a span i.fa-arrow-right {
          font-size: 1.5rem; }

.green {
  color: #0CB200; }

.yellow {
  color: #FFE600; }

.black {
  color: #000000; }

.darkgrey {
  color: #5D5D5D; }

.orange {
  color: #FCA000; }
  .orange td.quantity {
    color: #FCA000 !important; }

.red {
  color: #FF0000; }
  .red td.quantity {
    color: #FF0000 !important; }

.hide {
  display: none !important; }

.cb {
  color: white;
  outline: none;
  border: none;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding: 6px 13px;
  display: flex;
  gap: 5px;
  cursor: pointer;
  align-items: center;
  border: 1px solid #D2D2D2; }
  .cb.green {
    background-color: #0CB200; }
  .cb.yellow {
    background-color: #FFE600;
    color: #000; }
  .cb.red {
    background-color: #FF0000; }
  .cb.white {
    background-color: white;
    color: #000; }
  .cb i {
    font-size: 1rem; }

.ct {
  width: 100%;
  border: 1px solid #CFCECE;
  margin: 4rem 0; }
  .ct .ct-head {
    width: 100%;
    background-color: #F5F5F5;
    border-bottom: 1px solid #CFCECE;
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
    color: #000;
    font-weight: bold;
    font-size: 18px;
    padding: 10px; }
    @media screen and (max-width: 1200px) {
      .ct .ct-head {
        font-size: 16px; } }
    @media screen and (max-width: 600px) {
      .ct .ct-head {
        font-size: 12px; } }
    .ct .ct-head span {
      display: flex;
      align-items: center;
      gap: 1.5rem; }
      .ct .ct-head span i {
        font-size: 3rem; }
        .ct .ct-head span i.fa-arrow-right {
          font-size: 1.5rem; }
  .ct .ct-table {
    overflow: auto;
    padding: 50px 30px 10px 30px; }
    .ct .ct-table table {
      color: #000;
      width: 100%;
      font-family: "Open Sans", sans-serif;
      font-size: 14px; }
      @media screen and (max-width: 1200px) {
        .ct .ct-table table {
          font-size: 12px; } }
      .ct .ct-table table th,
      .ct .ct-table table td {
        padding: 10px; }
      @media screen and (max-width: 1000px) {
        .ct .ct-table table .desktop-only {
          display: none; } }
      .ct .ct-table table thead {
        font-weight: bold; }
        .ct .ct-table table thead.grey {
          background-color: #F5F5F5; }
        .ct .ct-table table thead .thead-row-gray {
          height: 4.7rem;
          border-bottom: 1px solid #CFCECE; }
        .ct .ct-table table thead .block {
          white-space: nowrap; }
      .ct .ct-table table tbody tr {
        border-bottom: 1px solid #F0F0F0; }
        .ct .ct-table table tbody tr.bottom-row-gray {
          border-bottom: 1px solid #CFCECE; }
      .ct .ct-table table tbody .status {
        font-weight: bold;
        text-transform: uppercase; }
      .ct .ct-table table tbody .buttons {
        display: flex;
        gap: 10px; }
        .ct .ct-table table tbody .buttons .cb {
          color: white; }
      .ct .ct-table table tbody .add-cart-container {
        display: flex;
        align-items: center;
        justify-content: center; }
        .ct .ct-table table tbody .add-cart-container .form-control {
          font-weight: 600; }
        .ct .ct-table table tbody .add-cart-container .btn-add-cart {
          margin-left: 5px;
          background-color: #FFE600;
          width: 100%;
          padding: 5px 20px;
          color: #000000;
          text-align: center;
          cursor: pointer; }
          .ct .ct-table table tbody .add-cart-container .btn-add-cart:hover {
            border-color: transparent; }
            .ct .ct-table table tbody .add-cart-container .btn-add-cart:hover i {
              color: #000000; }
      .ct .ct-table table tbody .first-col {
        width: 1%; }
      .ct .ct-table table tbody .quantity {
        color: #0CB200; }
      .ct .ct-table table tbody .notes {
        margin-bottom: 5px 0px;
        padding-left: 25px;
        white-space: pre-line;
        width: 50vw; }
        .ct .ct-table table tbody .notes strong {
          margin-right: 10px; }
        .ct .ct-table table tbody .notes i {
          vertical-align: middle;
          margin-right: 10px; }
      .ct .ct-table table tbody .product {
        min-width: 180px;
        white-space: initial; }
        .ct .ct-table table tbody .product a {
          text-decoration: none; }
        .ct .ct-table table tbody .product:hover a {
          text-decoration: underline; }
      .ct .ct-table table tbody i:hover {
        color: #FFE600;
        transition: color 0.3s; }
      .ct .ct-table table tbody .order-notes {
        width: 200px;
        display: flex;
        align-items: center;
        padding: 5px 10px; }
        .ct .ct-table table tbody .order-notes textarea {
          padding: 5px 10px;
          height: 35px;
          min-width: 100px; }
      .ct .ct-table table tbody textarea {
        width: 100%;
        border: solid 1px #CFCECE;
        max-height: 500px;
        padding: 10px; }
      .ct .ct-table table tbody .accordion-notes {
        visibility: collapse;
        height: 0px;
        transition: all .3s; }
        .ct .ct-table table tbody .accordion-notes td {
          height: 0px;
          padding: 0px;
          transition: all .4s; }
          .ct .ct-table table tbody .accordion-notes td textarea {
            height: 0px;
            border: none;
            padding: 0px;
            width: 100%;
            transition: all .4s; }
        .ct .ct-table table tbody .accordion-notes.open {
          height: 220px;
          visibility: visible; }
          .ct .ct-table table tbody .accordion-notes.open td {
            height: 220px;
            padding: 10px; }
            .ct .ct-table table tbody .accordion-notes.open td textarea {
              height: 220px;
              border: solid 1px #CFCECE;
              padding: 10px;
              max-height: 500px; }
      .ct .ct-table table select {
        font-family: 'Open Sans';
        font-size: 14px;
        border: 1px solid #CFCECE;
        color: #000;
        padding: 7px 10px; }
      .ct .ct-table table .ct-checkbox {
        padding: 0;
        height: 70px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .ct .ct-table table .ct-checkbox label {
          position: relative;
          cursor: pointer;
          font-size: 22px;
          user-select: none; }
          .ct .ct-table table .ct-checkbox label input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0; }
            .ct .ct-table table .ct-checkbox label input:checked ~ .checkmark {
              background-color: #000; }
              .ct .ct-table table .ct-checkbox label input:checked ~ .checkmark:after {
                display: block; }
          .ct .ct-table table .ct-checkbox label .checkmark {
            height: 25px;
            width: 25px;
            background-color: white;
            border: 1px solid #CFCECE; }
            @media screen and (max-width: 800px) {
              .ct .ct-table table .ct-checkbox label .checkmark {
                height: 15px;
                width: 15px; } }
            .ct .ct-table table .ct-checkbox label .checkmark:after {
              content: "";
              position: absolute;
              display: none;
              left: 10px;
              top: 6px;
              width: 5px;
              height: 10px;
              border: solid white;
              border-width: 0 3px 3px 0;
              transform: rotate(45deg); }
              @media screen and (max-width: 800px) {
                .ct .ct-table table .ct-checkbox label .checkmark:after {
                  left: 5px;
                  top: 2.5px;
                  height: 8px;
                  width: 4px;
                  border-width: 0 2px 2px 0; } }
          .ct .ct-table table .ct-checkbox label:hover input:not(:checked) ~ .checkmark {
            border-color: #000; }
    .ct .ct-table.no-padding {
      padding: 0px; }
      .ct .ct-table.no-padding td {
        white-space: nowrap; }
  .ct .ct-footer {
    width: 100%;
    background-color: #F5F5F5;
    color: #000;
    font-weight: bold;
    font-size: 15px;
    padding: 10px; }
    @media screen and (max-width: 1200px) {
      .ct .ct-footer {
        font-size: 13px; } }
  .ct a {
    color: #000;
    text-decoration: underline; }

.details-link {
  text-decoration: underline !important;
  cursor: pointer; }

.back-link {
  color: #0A0A0A;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  cursor: pointer; }
  .back-link i {
    font-size: 1.5rem; }
  .back-link a {
    font-weight: bold;
    text-decoration: underline; }
    .back-link a:visited {
      color: #000; }

.details,
#reso {
  padding: 0 10px;
  flex-grow: 1;
  display: flex;
  flex-direction: column; }
  @media screen and (max-width: 640px) {
    .details,
    #reso {
      padding: 0; } }
  .details .buttons,
  #reso .buttons {
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
    gap: .5em;
    flex-wrap: wrap;
    margin-bottom: 1.5em; }
    .details .buttons button,
    #reso .buttons button {
      font-size: 15px; }
  .details .back-link,
  #reso .back-link {
    margin-bottom: 1.5em; }
  .details .info,
  #reso .info {
    font-size: 14px;
    display: flex;
    gap: 1.5em;
    width: 100%;
    color: #000;
    margin-bottom: 1.5em;
    padding-top: 2rem;
    border-top: 1px solid #676767; }
    @media screen and (max-width: 1200px) {
      .details .info,
      #reso .info {
        font-size: 12px; } }
    @media screen and (max-width: 640px) {
      .details .info,
      #reso .info {
        flex-direction: column; } }
    .details .info > div,
    #reso .info > div {
      width: 50%; }
      @media screen and (max-width: 640px) {
        .details .info > div,
        #reso .info > div {
          width: 100%; } }
    .details .info strong,
    #reso .info strong {
      line-height: 1em; }
  .details .info2,
  #reso .info2 {
    margin-bottom: 1.5em;
    color: #000;
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 14px; }
    @media screen and (max-width: 1200px) {
      .details .info2,
      #reso .info2 {
        font-size: 12px; } }
    .details .info2 a,
    #reso .info2 a {
      text-decoration: underline;
      cursor: pointer; }
  .details .communication-label,
  #reso .communication-label {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5em;
    font-size: 14px;
    margin-bottom: 1.5em; }
    .details .communication-label .status,
    #reso .communication-label .status {
      display: flex;
      flex-wrap: wrap;
      color: #000;
      align-items: center; }
      .details .communication-label .status strong,
      #reso .communication-label .status strong {
        font-size: 18px;
        margin-right: 5px; }
    .details .communication-label .buttons,
    #reso .communication-label .buttons {
      justify-content: center;
      margin: 0;
      margin-left: auto; }
      .details .communication-label .buttons button,
      #reso .communication-label .buttons button {
        font-size: 11px; }
  .details .ct,
  #reso .ct {
    margin-top: 0; }
    @media screen and (max-width: 640px) {
      .details .ct,
      #reso .ct {
        max-width: 85vw; } }
    .details .ct .ct-table,
    #reso .ct .ct-table {
      padding: 0; }
      .details .ct .ct-table thead tr,
      #reso .ct .ct-table thead tr {
        border-bottom: 1px solid #CFCECE; }

#reso .ct {
  margin-bottom: 1.5em; }
  #reso .ct .ct-table tr.checked {
    background-color: #FFFBD9; }
  #reso .ct .ct-table .product-single-qty {
    display: flex;
    flex-direction: column;
    align-items: center; }
    #reso .ct .ct-table .product-single-qty span {
      font-style: italic; }

.product-single-qty button {
  background-color: white; }

.c-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 3em;
  margin-bottom: 3em; }
  @media screen and (max-width: 1200px) {
    .c-cards {
      grid-template-columns: repeat(2, 1fr); } }
  @media screen and (max-width: 1000px) {
    .c-cards {
      grid-template-columns: 1fr; } }
  @media screen and (max-width: 640px) {
    .c-cards {
      grid-gap: 1.5em; } }
  .c-cards.files {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 3em;
    margin-bottom: 3em; }
    @media screen and (max-width: 1280px) {
      .c-cards.files {
        grid-template-columns: repeat(3, 1fr); } }
    @media screen and (max-width: 640px) {
      .c-cards.files {
        grid-template-columns: 1fr 1fr; } }
    @media screen and (max-width: 640px) {
      .c-cards.files {
        grid-gap: 1.5em; } }
  .c-cards .c-card {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .c-cards .c-card .bordered-card {
      width: 100%;
      height: 100%;
      color: #000;
      border: 3px solid #FFE600;
      padding: 1.5em;
      position: relative; }
      .c-cards .c-card .bordered-card > div:not(:last-child) {
        margin-bottom: 1.5em; }
      .c-cards .c-card .bordered-card.add-address:hover {
        background-color: #FFE600; }
      .c-cards .c-card .bordered-card.add-address .address {
        text-align: center; }
        .c-cards .c-card .bordered-card.add-address .address span {
          font-weight: bold; }
      .c-cards .c-card .bordered-card .card-info {
        margin-top: .5em;
        display: flex;
        flex-direction: column;
        font-size: 14px;
        color: #5D5D5D; }
        @media screen and (max-width: 1000px) {
          .c-cards .c-card .bordered-card .card-info {
            font-size: 12px; } }
        .c-cards .c-card .bordered-card .card-info strong {
          color: #000;
          font-size: 16px; }
          @media screen and (max-width: 1000px) {
            .c-cards .c-card .bordered-card .card-info strong {
              font-size: 14px; } }
      .c-cards .c-card .bordered-card .address {
        display: flex;
        flex-direction: column; }
        .c-cards .c-card .bordered-card .address strong {
          font-size: 20px;
          font-weight: bold; }
          @media screen and (max-width: 1200px) {
            .c-cards .c-card .bordered-card .address strong {
              font-size: 18px; } }
        .c-cards .c-card .bordered-card .address span {
          font-size: 15px; }
          @media screen and (max-width: 1200px) {
            .c-cards .c-card .bordered-card .address span {
              font-size: 13px; } }
      .c-cards .c-card .bordered-card .buttons {
        display: flex;
        gap: 1.5em; }
      .c-cards .c-card .bordered-card .news {
        position: absolute;
        top: -1.5px;
        left: -2px;
        color: #000;
        font-size: 14px;
        font-weight: bold;
        padding: .25em 1em; }
        @media screen and (max-width: 1280px) {
          .c-cards .c-card .bordered-card .news {
            font-size: 12px; } }
        @media screen and (max-width: 640px) {
          .c-cards .c-card .bordered-card .news {
            font-size: 10px; } }
        .c-cards .c-card .bordered-card .news.yellow {
          background-color: #FFE600; }
        .c-cards .c-card .bordered-card .news.green {
          background-color: #0CB200;
          color: white; }
        .c-cards .c-card .bordered-card .news.orange {
          background-color: #FCA000; }
    .c-cards .c-card .title {
      margin-top: .5em;
      color: #000;
      font-weight: bold;
      font-size: 20px;
      text-align: center; }
      @media screen and (max-width: 1280px) {
        .c-cards .c-card .title {
          font-size: 18px; } }
      @media screen and (max-width: 640px) {
        .c-cards .c-card .title {
          font-size: 16px; } }
    .c-cards .c-card.doc {
      cursor: pointer; }
      .c-cards .c-card.doc .bordered-card {
        display: flex;
        justify-content: center;
        align-items: center; }
        .c-cards .c-card.doc .bordered-card img {
          padding: 1.5em; }
          .c-cards .c-card.doc .bordered-card img.document {
            width: 130px;
            max-width: 100%; }
    .c-cards .c-card.file .bordered-card {
      border-bottom-width: 1.5px; }
      .c-cards .c-card.file .bordered-card img {
        margin: auto; }
    .c-cards .c-card .c-footer {
      padding: .5em;
      width: 100%;
      border: 3px solid #FFE600;
      border-top: none;
      display: flex;
      justify-content: flex-end;
      gap: 1.5em;
      color: #000;
      font-size: 16px; }
      .c-cards .c-card .c-footer i {
        cursor: pointer; }
        .c-cards .c-card .c-footer i:hover {
          color: #FFE600; }

.amministrativo {
  display: flex;
  gap: 4em; }
  @media screen and (max-width: 640px) {
    .amministrativo {
      gap: 1.5em; } }
  .amministrativo .gridview-listing .col-3 {
    white-space: nowrap; }
  .amministrativo .gridview-listing img {
    width: auto;
    height: 30px; }
  .amministrativo .gridview-listing .title {
    color: #000;
    margin-top: 0.5em;
    color: #000;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase; }
    .amministrativo .gridview-listing .title:hover {
      text-decoration: underline; }
  .amministrativo .label {
    padding: 3px 10px;
    font-weight: bold; }
    .amministrativo .label.new-updates {
      background-color: #FFE600;
      color: #000; }
    .amministrativo .label.renewed {
      background-color: #0CB200;
      color: #FFF; }
    .amministrativo .label.not-renewed {
      background-color: #FCA000;
      color: #000; }

.amministrativo .toolbox-right form,
.amministrativo-detail .toolbox-right form {
  margin-bottom: 0; }
.amministrativo .toolbox-right .form-control,
.amministrativo-detail .toolbox-right .form-control {
  margin-top: -1px; }
.amministrativo .toolbox-right .container-searchbox,
.amministrativo-detail .toolbox-right .container-searchbox {
  margin-bottom: 1rem; }
.amministrativo .c-cards,
.amministrativo-detail .c-cards {
  width: 100%; }
.amministrativo .fas,
.amministrativo-detail .fas {
  color: #000;
  cursor: pointer; }
  .amministrativo .fas:hover,
  .amministrativo-detail .fas:hover {
    color: #FFE600; }
.amministrativo .view.gridview-listing,
.amministrativo-detail .view.gridview-listing {
  padding-bottom: 100px; }
  .amministrativo .view.gridview-listing .row,
  .amministrativo-detail .view.gridview-listing .row {
    border-color: #D1D1D1;
    color: #000; }
    .amministrativo .view.gridview-listing .row:last-child,
    .amministrativo-detail .view.gridview-listing .row:last-child {
      border-bottom: 1px solid #D1D1D1; }
    .amministrativo .view.gridview-listing .row .img-icon,
    .amministrativo-detail .view.gridview-listing .row .img-icon {
      width: 180px;
      height: 100px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .amministrativo .view.gridview-listing .row .img-icon img,
      .amministrativo-detail .view.gridview-listing .row .img-icon img {
        max-width: 100%;
        max-height: 100%; }
    .amministrativo .view.gridview-listing .row .data,
    .amministrativo-detail .view.gridview-listing .row .data {
      color: #5D5D5D; }
    .amministrativo .view.gridview-listing .row a,
    .amministrativo-detail .view.gridview-listing .row a {
      color: #000; }
.amministrativo .toolbox-pagination,
.amministrativo-detail .toolbox-pagination {
  margin-left: 0 !important; }

.cards-container {
  width: 75%; }

.sidebar-documentale {
  width: 25%;
  display: flex;
  flex-direction: column;
  color: #000;
  gap: 3em;
  padding-bottom: 1.5em; }
  @media screen and (max-width: 1200px) {
    .sidebar-documentale {
      width: 300px; } }
  @media screen and (max-width: 640px) {
    .sidebar-documentale {
      flex-grow: 1; } }
  .sidebar-documentale .sidebar-block {
    display: flex;
    flex-direction: column;
    gap: 1em; }
    .sidebar-documentale .sidebar-block .title {
      font-size: 20px;
      font-weight: bold;
      text-align: left; }
      @media screen and (max-width: 1280px) {
        .sidebar-documentale .sidebar-block .title {
          font-size: 18px; } }
      @media screen and (max-width: 640px) {
        .sidebar-documentale .sidebar-block .title {
          font-size: 16px; } }
    .sidebar-documentale .sidebar-block .list {
      display: flex;
      flex-direction: column; }
      .sidebar-documentale .sidebar-block .list > div {
        border-bottom: 1px solid #939393; }
      .sidebar-documentale .sidebar-block .list .list-row {
        padding: 1em 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: .5em; }
        .sidebar-documentale .sidebar-block .list .list-row .content {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          font-size: 15px;
          gap: .25em;
          color: #000; }
          @media screen and (max-width: 1280px) {
            .sidebar-documentale .sidebar-block .list .list-row .content {
              font-size: 14px; } }
          @media screen and (max-width: 640px) {
            .sidebar-documentale .sidebar-block .list .list-row .content {
              font-size: 13px; } }
          .sidebar-documentale .sidebar-block .list .list-row .content .content-title {
            font-weight: bold; }
          .sidebar-documentale .sidebar-block .list .list-row .content .meta {
            color: #636363; }
          .sidebar-documentale .sidebar-block .list .list-row .content .link {
            text-decoration: underline;
            cursor: pointer;
            margin-top: .25em; }
        .sidebar-documentale .sidebar-block .list .list-row .icons {
          display: flex;
          gap: 1.5em;
          color: #000;
          font-size: 16px; }
          @media screen and (max-width: 640px) {
            .sidebar-documentale .sidebar-block .list .list-row .icons {
              font-size: 14px;
              gap: .5em; } }
          .sidebar-documentale .sidebar-block .list .list-row .icons i {
            cursor: pointer; }
            .sidebar-documentale .sidebar-block .list .list-row .icons i:hover {
              color: #FFE600; }

.company-info {
  display: flex;
  flex-wrap: wrap;
  color: #000;
  font-size: 15px;
  gap: 2em;
  margin-bottom: 1.5em; }
  @media screen and (max-width: 1000px) {
    .company-info {
      font-size: 13px; } }
  .company-info > div:not(:last-child) {
    border-right: 1px solid #E7E6E6; }
    @media screen and (max-width: 640px) {
      .company-info > div:not(:last-child) {
        border: none; } }
  .company-info .company-block {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    padding-right: 4em;
    gap: .25em; }
    .company-info .company-block select {
      color: #000;
      font-size: 15px;
      font-weight: bold;
      border: 1px solid #CFCECE;
      padding: .25em 1em; }
    .company-info .company-block span,
    .company-info .company-block strong {
      padding-left: 1.5em; }
    .company-info .company-block strong {
      margin-bottom: .5em; }

.orders-div {
  display: flex; }
  @media screen and (max-width: 1100px) {
    .orders-div {
      flex-wrap: wrap; } }
  .orders-div .main-table {
    margin: 0;
    border: none; }
    .orders-div .main-table .ct-table {
      padding-top: 0; }
      @media screen and (max-width: 1100px) {
        .orders-div .main-table .ct-table {
          padding: 0; } }

.orders-btns {
  width: 200px;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  margin-bottom: 1.5rem; }
  @media screen and (max-width: 1100px) {
    .orders-btns {
      flex-direction: row;
      width: 100%;
      justify-content: center;
      flex-wrap: wrap; } }
  .orders-btns a {
    text-decoration: none;
    outline: none;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    width: 200px;
    height: 67px;
    gap: 1.5rem;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    background-color: white;
    border: 2px solid #FFE600;
    user-select: none; }
    .orders-btns a i {
      font-size: 3rem; }
      .orders-btns a i.fa-arrow-right {
        font-size: 1.5rem; }
    @media screen and (max-width: 640px) {
      .orders-btns a {
        font-size: 13px; } }
    .orders-btns a.selected {
      background-color: #FFE600;
      cursor: default !important; }
      .orders-btns a.selected:hover {
        color: #000 !important; }
    .orders-btns a:not(.selected) {
      cursor: pointer; }
      .orders-btns a:not(.selected):hover {
        background-color: #FFE600; }

.btn-yellow {
  border-color: #FFE600;
  background-color: #FFE600;
  color: #0A0A0A;
  box-shadow: none;
  padding: 0rem 1.6rem; }
  .btn-yellow:hover {
    border-color: #000000;
    background-color: #0A0A0A;
    color: #FFE600; }

.no-row {
  border-bottom: none !important; }

.header-middle {
  background-color: #FFE600; }

.sticky-wrapper .header-middle {
  background-color: #FFE600; }
  .sticky-wrapper .header-middle .header-left .logo {
    max-width: 100%;
    padding-right: 2.5rem; }
    .sticky-wrapper .header-middle .header-left .logo img {
      width: 262px; }
      @media screen and (max-width: 380px) {
        .sticky-wrapper .header-middle .header-left .logo img {
          width: 200px;
          margin: 0 auto; } }

.footer {
  border-top: solid 2px #FFE600;
  border-bottom: solid 2px #FFE600; }
  .footer .container .footer-middle {
    padding: 2rem 0rem; }
    .footer .container .footer-middle i {
      color: #000000;
      transform: rotateY(180deg); }
    .footer .container .footer-middle .container-logo-footer {
      width: 70%;
      height: 100%;
      max-height: 50px;
      margin-top: 2px; }
      .footer .container .footer-middle .container-logo-footer a {
        width: 100%; }
        .footer .container .footer-middle .container-logo-footer a img {
          height: 100%;
          object-fit: contain; }

.header-right a {
  color: #000000; }

.header-bottom:not(.fixed) .sticky-button {
  display: none; }
.header-bottom .sticky-button {
  display: inline; }

.offer-container {
  background-color: #D4D4D4; }
  .offer-container .offer-text {
    font-size: 3rem;
    color: #000000;
    font-weight: bold;
    text-transform: uppercase; }
    @media screen and (max-width: 540px) {
      .offer-container .offer-text {
        font-size: 2rem; } }

.container-y-card {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-top: -15px; }
  @media screen and (max-width: 992px) {
    .container-y-card {
      position: relative; }
      .container-y-card .d-flex.justify-content-between {
        flex-direction: column;
        width: 100%;
        align-items: center; } }

.y-card {
  background-color: #FFE600;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex: 0 0 30%;
  max-width: 30%;
  z-index: 1;
  padding: 7px;
  cursor: pointer;
  color: #000000;
  font-weight: bold;
  font-size: 1.3em; }
  .y-card img {
    padding-left: 20px; }
  .y-card i {
    padding-right: 20px; }
  @media screen and (max-width: 992px) {
    .y-card {
      padding: 20px 10px;
      margin-top: 10px;
      width: 50%;
      max-width: 50%; } }
  @media screen and (max-width: 660px) {
    .y-card {
      width: 90%;
      max-width: 90%; }
      .y-card img {
        padding-left: 10px; }
      .y-card i {
        padding-right: 10px; } }

.owl-theme .owl-dots .owl-dot span {
  background-color: #D6D6D6;
  border-color: #D6D6D6; }
.owl-theme .owl-dots .owl-dot.active span {
  border-color: #FFE600;
  background-color: #FFE600; }
  .owl-theme .owl-dots .owl-dot.active span::before {
    background-color: #FFE600; }

.gray-content {
  background-color: #F8F8F8;
  padding: 25px; }
  .gray-content h4 {
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif; }
  .gray-content .row-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000000;
    border-bottom: solid 1px #707070; }
    .gray-content .row-content i {
      cursor: pointer;
      margin-left: 10px; }
    .gray-content .row-content .description-content p {
      margin: 0px; }
    .gray-content .row-content .description-content a {
      color: #000000; }
    .gray-content .row-content:last-child {
      border-bottom: none; }

.news-container {
  background-color: #F8F8F8;
  padding: 30px; }
  .news-container h4 {
    font-family: "Open Sans", sans-serif; }
  .news-container .row-news .news p {
    margin: 15px 0px;
    font-size: 1.8rem; }

.product-mecstore {
  border: solid 1px #E7E7E7; }
  .product-mecstore .product-default.inner-quickview figure {
    margin-bottom: 0px; }
    .product-mecstore .product-default.inner-quickview figure .btn-icon {
      border-color: transparent;
      color: black;
      visibility: visible;
      opacity: 1;
      overflow: hidden;
      right: 0rem; }
      .product-mecstore .product-default.inner-quickview figure .btn-icon:hover {
        background-color: transparent;
        border-color: #f4631b;
        color: #f4631b; }
  .product-mecstore .product-default.inner-quickview .product-details {
    padding: 10px;
    padding-top: 0px;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    min-height: 200px;
    justify-content: space-between; }
    .product-mecstore .product-default.inner-quickview .product-details .disponibility {
      margin: 5px 0px;
      text-transform: uppercase; }
    .product-mecstore .product-default.inner-quickview .product-details .product-title {
      font-weight: bold; }
      .product-mecstore .product-default.inner-quickview .product-details .product-title a {
        white-space: initial;
        overflow: initial;
        text-overflow: initial; }
    .product-mecstore .product-default.inner-quickview .product-details .add-cart-section {
      display: flex;
      flex-direction: column;
      width: 100%; }
      .product-mecstore .product-default.inner-quickview .product-details .add-cart-section .quantity-container {
        display: flex;
        justify-content: space-between;
        margin-bottom: 15px;
        align-items: center; }
        @media screen and (max-width: 500px) {
          .product-mecstore .product-default.inner-quickview .product-details .add-cart-section .quantity-container {
            flex-direction: column;
            align-items: center; }
            .product-mecstore .product-default.inner-quickview .product-details .add-cart-section .quantity-container .product-price {
              margin: 10px 0px;
              font-size: 1.8rem; } }
      .product-mecstore .product-default.inner-quickview .product-details .add-cart-section .btn-add-cart {
        background-color: #FFE600;
        width: 100%;
        padding: 5px 10px;
        text-transform: uppercase;
        color: #000000;
        text-align: center; }
        .product-mecstore .product-default.inner-quickview .product-details .add-cart-section .btn-add-cart:hover {
          border-color: transparent; }
  .product-mecstore .product-default.inner-quickview.inner-icon {
    margin-bottom: 0px;
    padding: 0px; }
    .product-mecstore .product-default.inner-quickview.inner-icon:not(.product-widget):hover {
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); }
  .product-mecstore .product-default.inner-quickview:hover .btn-add-cart {
    border-color: transparent; }
  .product-mecstore .product-default.inner-quickview:hover .product-default {
    box-shadow: 0 0 0 0 black; }
  .product-mecstore:hover {
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.1); }
    .product-mecstore:hover a {
      color: #000000; }
  .product-mecstore .btn-icon-group {
    z-index: 0; }

.sub-header {
  width: 100%; }
  .sub-header .name-page {
    background: transparent linear-gradient(180deg, #EBEBEB 0%, #EFEFEF 7%, #F5F5F5 18%, #F8F8F8 47%, #F8F8F8 100%) 0% 0% no-repeat padding-box;
    text-transform: uppercase;
    color: #000000;
    font-size: 2.5em;
    font-weight: bold; }
  .sub-header ol {
    padding: 1.5rem !important; }

.container-table {
  border: solid 2px #E7E7E7;
  margin-bottom: 60px; }
  .container-table .table-title {
    display: flex;
    justify-content: space-between;
    background-color: #F5F5F5; }
    .container-table .table-title span {
      font-size: 2em;
      font-weight: bold;
      text-transform: uppercase;
      color: #000000; }
      .container-table .table-title span.underline {
        text-decoration: underline;
        font-size: 1.5em; }
  .container-table .mecstore-table {
    color: #000000;
    margin-bottom: 0px; }
    .container-table .mecstore-table tr td {
      padding: 0.75rem; }
      .container-table .mecstore-table tr td a {
        color: #000000;
        text-decoration: underline; }
      .container-table .mecstore-table tr td:first-child {
        padding: 10px 20px; }
    .container-table .mecstore-table tr .status-col .status-cel {
      font-weight: bold;
      text-transform: uppercase; }
    .container-table .mecstore-table thead tr {
      font-weight: bold; }
      .container-table .mecstore-table thead tr th,
      .container-table .mecstore-table thead tr td {
        border-top: none; }
    .container-table .mecstore-table .button-col {
      display: flex;
      justify-content: end; }

.fattura-button,
.exel-button {
  background-color: #0CB200;
  display: flex;
  color: #fff;
  font-weight: bold;
  margin-right: 5px;
  padding: 5px 15px; }
  .fattura-button img,
  .exel-button img {
    filter: brightness(0) invert(1);
    margin-right: 10px; }

.widget-title {
  font-size: 1.2rem; }

.container-searchbox {
  display: flex;
  justify-content: space-between;
  border: solid 1px #CFCECE;
  height: 43px; }
  .container-searchbox input[type='search'] {
    border-radius: 0px;
    border: none;
    width: 100%;
    padding: 5px; }

.price-slider-wrapper .noUi-target {
  background-color: #EFEFEF; }
  .price-slider-wrapper .noUi-target .noUi-base .noUi-connects .noUi-connect {
    box-shadow: 0 1px 2px 0 #FFE600 inset; }
  .price-slider-wrapper .noUi-target .noUi-base .noUi-origin .noUi-handle {
    background-color: #FFE600; }

form.checkbox-filter-container {
  display: flex;
  flex-direction: column; }
  form.checkbox-filter-container label.checkbox-filter {
    line-height: 23px;
    font-family: "Open Sans", sans-serif;
    letter-spacing: 0px;
    color: #0A0A0A;
    font-size: 14px;
    font-weight: 500; }
    form.checkbox-filter-container label.checkbox-filter input[type='checkbox'] {
      height: 18px;
      width: 18px;
      margin-right: 5px;
      vertical-align: middle; }

.toolbox .toolbox-item .page-item.active .page-link {
  border-color: #CCCCCC;
  color: #f4631b; }
  .toolbox .toolbox-item .page-item.active .page-link:hover {
    border-color: #f4631b; }
.toolbox .toolbox-left p.toolbox-left {
  font-size: 15px; }
.toolbox .toolbox-right .select-custom.mr-4 {
  margin: 0px; }
  .toolbox .toolbox-right .select-custom.mr-4 select {
    max-width: 220px; }

@media screen and (max-width: 992px) {
  .only-dsktp {
    display: none; } }

.custom-hr {
  width: 100%;
  margin: 0px; }

.single-product-description {
  max-width: 50%; }
  @media screen and (max-width: 1200px) {
    .single-product-description {
      max-width: 100%; } }

.add-prop-order {
  width: 100%; }
  .add-prop-order h3 {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px; }
  .add-prop-order input[type='text'] {
    width: 100%;
    height: 50px;
    border: solid 1px #CFCECE;
    padding-left: 10px; }
  .add-prop-order textarea {
    resize: none;
    width: 100%;
    height: 150px;
    border: solid 1px #CFCECE;
    padding-left: 10px;
    padding-top: 15px;
    font-size: 15px; }

.c-button {
  height: 47px;
  border: solid 2px;
  font-size: 15px;
  padding: 0em 1.6em;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
  transition: all .3s; }
  .c-button i {
    margin-right: 5px; }
  .c-button.red {
    background-color: #FF0000;
    color: #fff;
    border-color: #FF0000; }
    .c-button.red:hover {
      background-color: #fff;
      color: #FF0000;
      border-color: #FF0000; }
  .c-button.green {
    background-color: #0CB200;
    color: #fff;
    border-color: #0CB200; }
    .c-button.green:hover {
      background-color: #fff;
      color: #0CB200;
      border-color: #0CB200; }
  .c-button.yellow {
    background-color: #FFE600;
    color: #000000;
    border-color: #FFE600; }
    .c-button.yellow:hover {
      background-color: #000000;
      color: #FFE600;
      border-color: #FFE600; }
  .c-button.white {
    background-color: #fff;
    color: #000000;
    font-weight: 400;
    border: solid 1px;
    border-color: #D2D2D2;
    text-transform: lowercase; }
    .c-button.white:hover {
      background-color: #949494;
      color: #fff; }

.card-accordion.accordion-boxed .card-header {
  font-family: "Open Sans", sans-serif; }

.accordion-boxed a:hover {
  color: #000000; }
.accordion-boxed a:focus {
  color: #000000; }

.label-container-input {
  width: 100%; }
  .label-container-input p {
    font-size: 15px;
    color: #000000; }
  .label-container-input .container-input {
    width: 100%;
    display: flex;
    align-items: stretch;
    color: #000000; }
    .label-container-input .container-input select {
      width: 50%;
      height: 45px;
      font-size: 14px;
      border: solid 1px #CFCECE;
      padding-left: 10px;
      padding-right: 10px; }
    .label-container-input .container-input button {
      width: 40%;
      font-size: 15px;
      font-weight: bold;
      text-transform: uppercase;
      margin-left: 20px;
      max-width: 280px;
      border: solid 1px #CFCECE;
      background-color: #fff;
      cursor: pointer; }
      .label-container-input .container-input button:hover {
        background-color: #949494;
        color: #fff;
        transition: all .3s; }
    @media screen and (max-width: 576px) {
      .label-container-input .container-input {
        flex-direction: column; }
        .label-container-input .container-input select,
        .label-container-input .container-input button {
          width: 100%;
          padding: 5px; }
        .label-container-input .container-input button {
          margin-top: 15px;
          margin-left: 0;
          max-width: none; } }

.post .post-media {
  /*max-height: 610px;*/ }
  .post .post-media.news {
    /*height: 425px;*/ }
  .post .post-media img {
    /*max-height: 610px;*/
    width: 100%;
    height: 100%;
    object-fit: cover; }
.post .custom-post-date {
  font-size: 1.8rem; }
.post .post-title {
  font-size: 1.8rem; }
  .post .post-title.single-post {
    font-size: 2.5rem;
    color: #000000;
    font-family: "Open Sans", sans-serif; }
.post a.custom-bt-post {
  border: solid 2px #FFE600;
  padding: 7px;
  color: #000000;
  text-transform: uppercase;
  font-weight: 700; }
  .post a.custom-bt-post i {
    margin-left: 15px; }
  .post a.custom-bt-post:hover {
    background-color: #000000;
    color: #FFE600;
    text-decoration: none;
    transition: all .3s; }

.others-news {
  border-bottom: solid 2px #FFE600;
  padding: 10px 0px;
  margin-bottom: 10px; }
  .others-news .date-post {
    font-size: 1.6rem; }
  .others-news h4 {
    font-family: "Open Sans", sans-serif; }
  .others-news a {
    font-size: 1.5rem;
    color: #000000;
    font-weight: bold;
    text-transform: uppercase; }
    .others-news a:hover {
      color: #000000;
      text-decoration: underline; }
  @media screen and (max-width: 990px) {
    .others-news .date-post {
      margin-bottom: 1rem; }
    .others-news h4 {
      font-size: 1.5rem; } }

.checkout-page {
  color: #000000; }

.widget-links a {
  font-size: 1.2rem;
  line-height: 25px; }

.announcement {
  border: solid 1px #CFCECE;
  padding: 20px;
  display: flex;
  color: #000000;
  position: relative; }
  .announcement .container-img {
    width: 100%;
    max-width: 30%;
    height: 100%;
    padding-right: 20px; }
    .announcement .container-img img {
      height: 100%;
      max-height: 350px;
      object-fit: cover; }
    @media screen and (max-width: 650px) {
      .announcement .container-img {
        min-height: 150px;
        max-width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 20px; } }
  .announcement .description {
    width: 100%; }
    .announcement .description p {
      font-size: 1.4rem; }
    .announcement .description h3 {
      font-size: 1.8rem;
      font-family: "Open Sans", sans-serif; }
    .announcement .description .description-row {
      display: flex;
      margin-bottom: 10px;
      font-size: 1.6rem;
      flex-wrap: wrap; }
      .announcement .description .description-row .info {
        margin-right: 30px; }
        .announcement .description .description-row .info i {
          margin-right: 10px;
          transform: rotateY(180deg); }
      .announcement .description .description-row .status {
        background-color: #FFE600;
        color: #000000;
        font-weight: bold;
        font-size: 1.6rem;
        text-transform: uppercase;
        padding: 5px;
        margin-right: 10px; }
      .announcement .description .description-row .price {
        font-size: 2.5rem;
        font-weight: bold;
        white-space: nowrap; }
      .announcement .description .description-row.gray {
        color: #929292;
        font-weight: 400; }
      .announcement .description .description-row.justify {
        justify-content: space-between;
        align-items: center; }
        @media screen and (max-width: 400px) {
          .announcement .description .description-row.justify {
            flex-direction: column;
            align-items: start; }
            .announcement .description .description-row.justify .description-row-right {
              margin-top: 10px; } }
  .announcement .edit {
    position: absolute;
    cursor: pointer;
    bottom: 0px;
    right: 0px;
    background-color: #FFE600;
    border: solid 1px #FFE600;
    padding: 10px;
    font-size: 1.5rem; }
    .announcement .edit a {
      color: #000000; }
    .announcement .edit:hover {
      background-color: #000000;
      transition: all .3s; }
      .announcement .edit:hover a {
        color: #FFE600; }
  @media screen and (max-width: 650px) {
    .announcement {
      flex-direction: column; } }

.remember h3 {
  text-transform: uppercase;
  font-size: 1.5rem; }
.remember li {
  color: #000000;
  font-size: 1.5rem;
  display: flex;
  align-items: baseline; }
  .remember li i {
    margin-right: 10px; }
@media screen and (max-width: 992px) {
  .remember label {
    font-size: 1.5rem; } }

input[type=file]::file-selector-button {
  border: 1px solid #CFCECE;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
  background-color: #F5F5F5;
  font-size: 14px;
  transition: all .3s; }
  input[type=file]::file-selector-button:hover {
    background-color: #CFCECE; }

#delete-file {
  color: #000000;
  text-decoration: underline;
  cursor: pointer; }

.container-images {
  display: flex; }
  .container-images .container-img {
    margin-bottom: 120px;
    width: 100%;
    height: 100%;
    max-width: 150px;
    max-height: 150px;
    border: solid 1px #CFCECE;
    position: relative;
    margin-right: 17px; }
    .container-images .container-img img {
      height: 100%;
      object-fit: cover; }
    .container-images .container-img i {
      position: absolute;
      top: 0px;
      right: 0px;
      background-color: #CFCECE;
      padding: 6px;
      cursor: pointer; }

.drag-area {
  background-color: #F5F5F5;
  font-size: 1.4rem;
  height: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000000;
  cursor: pointer; }
  .drag-area i {
    font-size: 5rem; }
  .drag-area p {
    display: block;
    margin-left: 20px; }
  .drag-area input[type=file] {
    width: 100%;
    height: 100%; }

.form-control {
  color: #000000;
  font-size: 1.4rem; }

select.form-control:not([size]):not([multiple]) {
  height: 43px !important;
  max-width: 180px !important; }

.form-group label,
.select-custom label {
  font-size: 1.4rem; }

.resume-container {
  margin: 80px auto;
  color: #000000;
  font-size: 1.4rem; }
  .resume-container h4 {
    font-size: 1.4rem;
    margin-bottom: 5px;
    text-transform: uppercase; }
  .resume-container p {
    margin-bottom: 5px; }

.popUpImg {
  width: 30vw;
  /*height: 60vh;*/
  position: absolute;
  background-color: #fff;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  border: solid 2px gray;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .popUpImg img {
    width: 100%;
    height: 90%;
    object-fit: cover; }
  .popUpImg p {
    margin-top: 10px;
    width: 100%;
    text-align: center;
    color: #000000;
    font-size: 1.5rem; }
  @media screen and (max-width: 770px) {
    .popUpImg {
      width: 50vw; } }

/*************************/
/*changes from 20/06/2022*/
/*************************/
/*changes 20/06/2022 - providers menu */
.sticky-header .main-nav .menu .megamenu.megamenu-3cols {
  width: 1000px; }
  .sticky-header .main-nav .menu .megamenu.megamenu-3cols.providers {
    width: 994px;
    left: -180px !important;
    overflow-y: scroll; }
    @media (min-width: 1440px) {
      .sticky-header .main-nav .menu .megamenu.megamenu-3cols.providers {
        width: 1420px;
        left: -207px !important;
        overflow-y: scroll; } }
    @media (max-height: 890px) {
      .sticky-header .main-nav .menu .megamenu.megamenu-3cols.providers {
        height: calc(100vh - 180px); } }
    .sticky-header .main-nav .menu .megamenu.megamenu-3cols.providers .submenu a {
      padding: 1px 8px !important; }
.sticky-header.fixed .main-nav .menu .megamenu.megamenu-3cols.providers {
  width: 994px;
  left: -280px !important; }
  @media (min-width: 1440px) {
    .sticky-header.fixed .main-nav .menu .megamenu.megamenu-3cols.providers {
      width: 1420px;
      left: -310px !important; } }
  @media (max-height: 890px) {
    .sticky-header.fixed .main-nav .menu .megamenu.megamenu-3cols.providers {
      height: calc(100vh - 60px); } }

/*changes 20/06/2022 - page "aggiornamento prezzi" */
.prices .ct {
  border: 0; }
  .prices .ct thead {
    background-color: #F5F5F5; }
    .prices .ct thead .thead-row-gray {
      border-top: 1px solid #CFCECE; }
  .prices .ct .ct-footer {
    background-color: #FFFFFF; }
.prices .toolbox-pagination {
  border-top: 0; }

/*changes 27/06/2022 - product page */
.tooltipBox {
  position: relative; }
  .tooltipBox .i {
    display: inline-flex;
    width: 15px;
    height: 15px;
    border: 1px solid #747474;
    border-radius: 50%;
    color: #747474;
    font-size: 11px;
    justify-content: center;
    align-items: center;
    cursor: pointer; }
  .tooltipBox.availability .i {
    color: #747474;
    border-color: #747474; }
  .tooltipBox .tooltipContainer {
    border: 1px solid #747474;
    /* display:inline-block; */
    min-width: 400px;
    position: absolute;
    background-color: #fff;
    display: none;
    z-index: 99999999999999; }
    @media screen and (max-width: 992px) {
      .tooltipBox .tooltipContainer {
        position: relative;
        width: 100%;
        margin-bottom: 20px; } }
    .tooltipBox .tooltipContainer .tooltipHead {
      font-size: 12px;
      font-weight: bold;
      color: #000;
      background-color: #EBEBEB;
      padding: 15px;
      text-transform: uppercase; }
    .tooltipBox .tooltipContainer .tooltipBody {
      font-size: 14px;
      color: #747474;
      padding: 15px; }
      @media screen and (max-width: 400px) {
        .tooltipBox .tooltipContainer .tooltipBody {
          padding: 10px;
          font-size: 12px; } }
      .tooltipBox .tooltipContainer .tooltipBody .tooltipTable .row .col-sm-3 {
        padding-right: 50px; }
        @media screen and (max-width: 400px) {
          .tooltipBox .tooltipContainer .tooltipBody .tooltipTable .row .col-sm-3 {
            padding-right: 10px;
            border-right: 1px solid #747474; } }
      .tooltipBox .tooltipContainer .tooltipBody .tooltipTable .row strong {
        font-size: 12px;
        white-space: nowrap; }
        @media screen and (max-width: 400px) {
          .tooltipBox .tooltipContainer .tooltipBody .tooltipTable .row strong {
            white-space: normal; } }

.span-btn-wish-txt {
  font-size: 11px;
  font-weight: 600; }

.order-alert {
  padding: 20px;
  background-color: rgba(252, 160, 0, 0.18);
  color: #fca000;
  display: flex; }

.product-single-details .product-action-box {
  /* display: flex; */
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0 3rem;
  /*justify-content: space-between;*/
  align-items: center; }
  .product-single-details .product-action-box .price-box {
    margin-bottom: 0; }

.suggested {
  display: flex;
  padding: 30px 0;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf; }
  @media screen and (max-width: 400px) {
    .suggested {
      display: block; } }
  .suggested p {
    margin: 0;
    font-weight: bold;
    width: 50%; }
    @media screen and (max-width: 400px) {
      .suggested p {
        width: 100%; }
        .suggested p:first-child {
          margin-bottom: 20px; } }

.download {
  font-size: 14px;
  font-weight: 700;
  display: flex;
  color: #000; }
  .download:before {
    margin-right: 5px;
    content: '';
    width: 20px;
    height: 20px;
    background: url(../images/custom_icons/download.svg) 0 0 no-repeat;
    background-size: contain;
    transition: all 300ms; }
  .download:hover {
    color: #000;
    opacity: 0.6; }

@media (min-width: 992px) {
  .modal-dialog {
    max-width: 500px; } }
.modal-dialog .modal-body {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #000; }
.modal-dialog .modal-footer {
  justify-content: center;
  border-top: none; }
  .modal-dialog .modal-footer .inner {
    display: flex;
    justify-content: center;
    width: 70%; }
    .modal-dialog .modal-footer .inner .btn {
      width: 58%;
      margin: 0 1%; }
      .modal-dialog .modal-footer .inner .btn.btn-cancel {
        background-color: #CFCECE; }
      .modal-dialog .modal-footer .inner .btn.btn-confirm {
        background-color: #FFE600; }

.product-mecstore .product-default.inner-quickview .product-details .product-title {
  height: 65px;
  max-height: 6.5rem;
  overflow: hidden; }
.product-mecstore .product-default.inner-quickview .product-details .add-cart-section .quantity-container {
  margin-bottom: 10px; }

tr.product-default {
  margin-bottom: unset;
  color: unset;
  transition: none; }
  tr.product-default .product-title {
    font-size: unset;
    line-height: unset; }
  tr.product-default:hover {
    z-index: unset;
    box-shadow: unset;
    transition: unset; }
  tr.product-default .btn-add-cart {
    display: unset;
    padding: unset;
    font-size: unset;
    font-weight: unset;
    line-height: unset;
    transition: unset;
    border: unset; }
    tr.product-default .btn-add-cart i {
      font-size: unset;
      line-height: unset; }
  tr.product-default a {
    color: unset;
    white-space: unset;
    overflow: unset;
    text-overflow: unset; }

.c-cards {
  grid-template-columns: repeat(4, 1fr); }
  @media screen and (max-width: 1440px) {
    .c-cards {
      grid-template-columns: repeat(3, 1fr); } }
  @media screen and (max-width: 1200px) {
    .c-cards {
      grid-template-columns: repeat(2, 1fr); } }
  @media screen and (max-width: 1000px) {
    .c-cards {
      grid-template-columns: 1fr; } }
  .c-cards .c-card .title {
    text-transform: uppercase; }

.amministrativo .toolbox-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 10px;
  /*.toolbox-item { margin-bottom:0; }*/ }
  .amministrativo .toolbox-right span {
    padding-right: 20px; }
    .amministrativo .toolbox-right span.page-link {
      padding: 0; }
@media screen and (min-width: 1000px) {
  .amministrativo .c-cards .c-card .bordered-card {
    height: 240px; } }

.detail .toolbox-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 10px; }
  .detail .toolbox-right span {
    padding-right: 20px; }

.product-single-qty button {
  z-index: 0 !important; }

.logos {
  padding: 30px 0;
  border-bottom: solid 2px #FFE600; }
  .logos .logo-carousel .owl-stage {
    display: flex;
    align-items: center; }
    .logos .logo-carousel .owl-stage .owl-item img {
      padding: 0 30px; }
  .logos .logo-carousel .owl-dots {
    display: none; }

@media screen and (min-width: 1100px) {
  .menu li {
    margin-right: 1.5rem !important; } }
@media screen and (min-width: 1440px) {
  .menu li {
    margin-right: 3rem !important; } }

.numresults {
  font-size: 1.6rem;
  margin-bottom: 0; }

@media screen and (min-width: 1100px) {
  .sticky-button.one {
    padding-left: 1.5rem !important; } }
@media screen and (min-width: 1440px) {
  .sticky-button.one {
    padding-left: 3rem !important; } }
@media screen and (min-width: 1100px) {
  .sticky-button.two {
    padding-right: 1.5rem !important;
    margin-right: 1.5rem !important; } }
@media screen and (min-width: 1440px) {
  .sticky-button.two {
    padding-right: 3rem !important;
    margin-right: 3rem !important; } }

.container-filters {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .container-filters .select-custom {
    margin-bottom: 0 !important; }
    .container-filters .select-custom select.form-control {
      height: 43px !important;
      margin: 0 !important; }
  .container-filters .container-searchbox {
    border-color: #dfdfdf !important; }

@media screen and (min-width: 1100px) {
  .toolbox.toolbox-orders {
    /* margin-left:230px; */
    padding: 0 10px; } }
.toolbox .toolbox-right .select-custom.mr-4 {
  margin-bottom: 10px; }

.ct a.page-link {
  color: inherit;
  text-decoration: none; }

.toolbox-pagination {
  padding-left: 20px;
  padding-right: 20px; }
  @media screen and (max-width: 600px) {
    .toolbox-pagination {
      display: block; } }
  @media screen and (max-width: 600px) {
    .toolbox-pagination .toolbox-left,
    .toolbox-pagination .toolbox-right {
      margin: 10px auto;
      display: flex;
      justify-content: center; } }
  .toolbox-pagination .pagination .select-custom select {
    height: 31px; }
  .toolbox-pagination select.form-control:not([size]):not([multiple]) {
    height: 31px !important; }

.mymec .ct-table table tbody .buttons button {
  white-space: nowrap; }
.mymec .ct-table table tbody .details {
  text-align: center;
  padding: 0 10px; }

.nowrap {
  white-space: nowrap; }

@media screen and (max-width: 600px) {
  .container.mymec,
  .container.orders {
    padding-left: 0;
    padding-right: 0; } }
@media screen and (max-width: 600px) {
  .container.mymec .ct-table,
  .container.orders .ct-table {
    padding-left: 0;
    padding-right: 0; } }
.container.mymec .toolbox-pagination,
.container.orders .toolbox-pagination {
  border: 0; }

/* pagina recupero password*/
.recovery .text {
  font-size: 17px; }
.recovery .form-footer {
  justify-content: flex-end; }

/*end changes*/
/* ajax loader */
#overlay {
  position: fixed;
  top: 0;
  z-index: 99999999999999;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(0, 0, 0, 0.6); }

.loader-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff; }

.spin {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #FFE600 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear; }

@keyframes sp-anime {
  100% {
    transform: rotate(360deg); } }
.is-hide {
  display: none; }

.btn-home-slider {
  border: solid 2px #FFE600;
  padding: 7px;
  color: #000;
  text-transform: uppercase;
  font-weight: 700;
  transition: all .3s; }
  .btn-home-slider.post a.custom-bt-post:hover {
    background-color: #000;
    color: #FFE600;
    text-decoration: none; }

#chooseModal .btn-success {
  background-color: #FFE600;
  color: #000;
  border: 0; }

/*BLOG SECTION*/
.blog-section .post-body {
  justify-content: space-between;
  border-bottom: 1px solid #dfdfdf; }
  .blog-section .post-body .custom-post-date {
    white-space: nowrap; }
    .blog-section .post-body .custom-post-date p {
      margin-bottom: 0; }
  .blog-section .post-body .post-title {
    font-size: 20px; }
  .blog-section .post-body .bt-container {
    text-align: right; }
    @media screen and (max-width: 575px) {
      .blog-section .post-body .bt-container {
        text-align: left; } }
    .blog-section .post-body .bt-container a {
      white-space: nowrap; }
  @media screen and (max-width: 575px) {
    .blog-section .post-body {
      padding-bottom: 4.1rem; } }

/*****************************/
/* nick's changes 07-11-2022 */
/*****************************/
/* .orders,
.preorders { */
.orders-btns {
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 10px;
  margin-bottom: 3.6rem; }
  .orders-btns a {
    width: 100%;
    /* height: 67px; */
    gap: 1.5rem; }

/* } */
.orders .toolbox-orders {
  width: 100%; }
  .orders .toolbox-orders form {
    width: 100%;
    margin-bottom: 0.5rem; }
    .orders .toolbox-orders form .container-filters {
      justify-content: space-between;
      color: #5d5d5d; }
      .orders .toolbox-orders form .container-filters .container-searchbox {
        height: auto; }
      .orders .toolbox-orders form .container-filters.mymecstore-orders {
        justify-content: space-between;
        width: 100%; }
      .orders .toolbox-orders form .container-filters .filters {
        display: flex;
        border: 1px solid #dfdfdf; }
      .orders .toolbox-orders form .container-filters .btn {
        background: none;
        border-left: 1px solid #dfdfdf;
        padding: 5px 15px;
        font-size: 1.5rem;
        font-weight: normal;
        color: #5d5d5d;
        transition: all .3s; }
        .orders .toolbox-orders form .container-filters .btn:hover {
          background-color: #FFE600;
          color: #000; }
    .orders .toolbox-orders form input[type=text],
    .orders .toolbox-orders form input[type=date],
    .orders .toolbox-orders form input[type=search],
    .orders .toolbox-orders form select,
    .orders .toolbox-orders form select.form-control:not([size]):not([multiple]) {
      height: unset !important;
      border: none;
      padding: 5px 10px;
      border-left: 1px solid #dfdfdf;
      color: #5d5d5d;
      font-size: 1.3rem; }
      .orders .toolbox-orders form input[type=text]:focus, .orders .toolbox-orders form input[type=text]:focus-visible,
      .orders .toolbox-orders form input[type=date]:focus,
      .orders .toolbox-orders form input[type=date]:focus-visible,
      .orders .toolbox-orders form input[type=search]:focus,
      .orders .toolbox-orders form input[type=search]:focus-visible,
      .orders .toolbox-orders form select:focus,
      .orders .toolbox-orders form select:focus-visible,
      .orders .toolbox-orders form select.form-control:not([size]):not([multiple]):focus,
      .orders .toolbox-orders form select.form-control:not([size]):not([multiple]):focus-visible {
        outline: none; }
    .orders .toolbox-orders form input:first-child {
      border-left: none; }
    .orders .toolbox-orders form input[type=date],
    .orders .toolbox-orders form input[type=search],
    .orders .toolbox-orders form select,
    .orders .toolbox-orders form select.form-control:not([size]):not([multiple]) {
      cursor: pointer; }
.orders .ct .ct-table {
  padding-left: 10px;
  padding-right: 10px; }
  .orders .ct .ct-table th {
    background-color: #EFEFEF; }
.orders .toolbox-pagination {
  padding-left: 10px;
  padding-right: 10px; }

.preorders .details, #reso {
  padding: 0 10px; }

.mymecstore {
  cursor: pointer; }
  .mymecstore.selected span {
    border-bottom: 3px solid #ffe600; }
  .mymecstore .megamenu {
    text-transform: none;
    max-width: 460px; }
    .mymecstore .megamenu .col-lg ul li {
      margin-right: 0 !important; }
    .mymecstore .megamenu .col-lg.border-left {
      border-color: #707070; }
      .mymecstore .megamenu .col-lg.border-left ul {
        padding-left: 20px; }

.preorders {
  margin-bottom: 95px; }
  .preorders .ct {
    border: 0;
    margin: 0; }
    .preorders .ct .ct-table {
      padding: 0; }
      .preorders .ct .ct-table table thead {
        height: auto;
        border: 0;
        background-color: #EFEFEF; }
        .preorders .ct .ct-table table thead th {
          padding: 5px 10px; }
  .preorders .buttons {
    display: flex;
    justify-content: flex-end; }
    .preorders .buttons .cb {
      padding: 10px 20px; }
      .preorders .buttons .cb.confirm_order {
        border: 0; }
        .preorders .buttons .cb.confirm_order:before {
          content: '';
          background: url(../images/custom_icons/last-order-sent_white.svg) 0 0 no-repeat;
          width: 23px;
          height: 26px;
          margin-right: 15px;
          display: block; }
      .preorders .buttons .cb.back {
        background: transparent; }

.summary .cb {
  font-size: 1.5rem; }
.summary .ct {
  border: 0; }
  .summary .ct .ct-table table {
    border: 1px solid #ddd; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  opacity: 1 !important; }

.delivery-box {
  margin-top: 90px; }
  .delivery-box .card-accordion.accordion-boxed {
    padding: 20px; }

/*# sourceMappingURL=demo21.min.css.map */
