@import url(custom.min.css);
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

@font-face {
  font-family: Gazpacho;
  src: url("../fonts/gazpacho/Gazpacho-Regular.eot");
  src: url("../fonts/gazpacho/Gazpacho-Regular.eot") format("embedded-opentype"),
    url("../fonts/gazpacho/Gazpacho-Regular.woff2") format("woff2"),
    url("../fonts/gazpacho/Gazpacho-Regular.woff") format("woff"),
    url("../fonts/gazpacho/Gazpacho-Regular.ttf") format("truetype");
}

/* --------------------------------- GLOBAL VARIABLES ---------------------------------*/
/* ------ GENERAL VARIABLES ----- */
:root {
  --primary: #204029;
  --dark-primary: #102015;
  --secondary: #f5f5dc;
  --secondary-light: #fafaf2;
  --light-blue: #deedf5;
  --light-green: #6a8070;
  --extra-light-green: #b5bfb8;
  --golden: #e2ce95;
  --golden-light: #f7efd8;
  --white: #ffffff;
  --black: #000000;
  --dark-grey: #555555;
  --light-grey: #e5e5e5;
  --green-gradient: linear-gradient(to right bottom, #204029, #274e32);

  /* ----- FONT FAMILY ----- */
  --font-primary: "DM Sans", sans-serif;
  --font-secondary: "Gazpacho", sans-serif;

  /* ----- DESKTOP TYPOGRAPHY ----- */
  --h1-size: 44px;
  --h2-size: 40px;
  --h3-size: 36px;
  --h4-size: 32px;

  /* ------ MOBILE TYPOGRAPHY ----- */
  --h1-mobile-size: 32px;
  --h2-mobile-size: 30px;
  --h3-mobile-size: 28px;
  --h4-mobile-size: 24px;
}

.modal-backdrop {
  background: var(--light-green);
}

body {
  font-family: var(--font-primary);
  font-size: 16px;
  color: var(--primary);
  padding-top: 95px;

  .page-content {
    margin: 0 auto;

    h1 {
      padding: 2rem 0;
    }
  }
}

a {
  color: var(--primary);
  text-decoration: none;
}

a,
a:focus,
button:focus {
  outline: 0;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: inherit;
}

.nohover a:hover {
  /*background-color: #FFFFFF !important;*/
}

.table a {
  color: var(--black);
}

.space {
  height: 20px;
}

img {
  max-width: 100%;
  border: none;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: var(--font-secondary);
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 20px;
}

.footer {
  background: var(--green-gradient);
}

.btn {
  font-size: 16px;
}

.top-header-right,
.loginModal .modal-dialog,
.loginModal .btn-grp,
.home-slider .container,
.content-sec-btm .content-sec-btm-grid,
.item-slider-section-tile .item-slider-section-tile-img-sec,
.productdetailpopup .modal-dialog,
.category-home-section,
.product-list-head,
.product-list-head form,
.gridView .product-more-list-tile .product-more-list-tile-img-sec,
.listView .product-more-list-tile,
.listView .product-more-list-tile .product-more-list-tile-img-sec,
.sendMessagemodal .modal-dialog,
.category-list-tile .category-list-tile-img,
.view-mode,
.make-offer-page .make-offer-container-tile .dropdown .makeoffer-dropdown li,
.make-offer-page .make-offer-container-tile .make-offer-inner .img-sec,
.moreItemspopup .make-offer-container-tile-inner .img-sec,
.moreItemspopup .moreItemspopup-grid,
.product-detail-section .Product-img-container,
.make-offer-container > .row,
.profile-section .profile-section-image,
.no-product-items,
.Product-img-container,
.flex-row-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.loginModal input.login_btn_dropdown,
.home-slider .container .shopnow-btn,
.content-sec-btm
  .content-sec-btm-grid-tile-inner
  .content-sec-btm-grid-tile-inner-left
  a,
.content-sec-btm .content-sec-btm-grid-tile-inner img,
.item-slider-section-tile .item-slider-section-tile-bottom-sec,
.item-slider-section-tile:hover .item-slider-section-tile-bottom-sec,
.gridView .product-more-list-tile .product-more-list-tile-bottom-sec,
.gridView .product-more-list-tile:hover .product-more-list-tile-bottom-sec,
.category-list-tile .category-list-tile-img img,
.category-list-tile span,
.make-offr-submit {
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}

.success_msg_outer {
  background: #c3f7c3;
  padding: 1rem;
  margin-bottom: 1.5rem;
  border-radius: 4px;
  height: auto;

  .fa-check {
    font-size: 1.7rem;
  }
}

.fa-check {
  margin-right: 0.5rem;
}

.error_msg_outer {
  background: #f8d7da;
  padding: 1rem;
  margin-bottom: 1.5rem;
  height: auto;
  border-radius: 4px;

  .fa-times {
    margin-right: 0.5rem;
    font-size: 1.7rem;
  }
}

/* --------------------------------- LOGIN MODAL --------------------------------- */
.loginModal {
  z-index: 9999999;
}

.loginModal .modal-dialog {
  max-width: 430px;
  align-items: center;
  -webkit-align-items: center;
  height: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

.loginModal h4 {
  color: var(--black);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-align: left;
}

.loginModal .modal-content {
  width: 100%;
}

.loginModal input[type="text"],
.loginModal input[type="password"] {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  height: 40px;
  outline: 0;
  background-color: var(--white);
}

.loginModal .btn-grp {
  margin: 10px 0 14px 0;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
}

.loginModal .btn-grp label {
  font-weight: 400;
  font-size: 13px;
  display: flex;
  align-items: center;
}

.loginModal .btn-grp label input {
  margin: 0;
  margin-right: 4px;
}

.loginModal .btn-grp a {
  font-size: 13px;
}

.loginModal input.login_btn_dropdown {
  width: 100%;
  border-radius: 7px;
  padding: 10px;
  height: auto;
  font-size: 16px;
  letter-spacing: 0.04em;
  border: 0;
  position: relative;
  margin-bottom: 15px;
}

.loginModal input.login_btn_dropdown,
.login-form-page-inner .subm_btt,
.product-detail-section .make-offer-btn {
  background-color: var(--primary);
  color: var(--white);
}

.loginModal input.login_btn_dropdown:hover {
  transform: translateY(-2px);
}

.loginModal .reglink {
  display: block;
  text-align: center;
  margin: 11px 0;
}

.loginModal .reglink a {
  color: var(--black);
  font-weight: 600;
}

.loginModal .reglink a:hover {
  text-decoration: underline;
}

.loginModal .modal-body {
  padding: 15px 25px;
}

.loginModal .login-form button {
  background-color: var(--primary);
  color: var(--white);
  padding: 6px 20px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: 0;
  border-radius: 5px;
  font-weight: 600;
  font-size: 14px;
}

.modal-header .close {
  outline: 0;
  font-weight: normal;
  opacity: 1;
  font-size: 27px;
}

.productdetailpopup .modal-content {
  width: 100%;
  border-radius: 3px;
  padding: 10px;
  border-radius: 10px;
}

/* --------------------------------- TOP HEADER --------------------------------- */
header {
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  position: fixed;
  z-index: 999999;
  width: 100%;
  background: var(--white);
  top: 0;
  box-shadow: 0 0 5px 2px var(--light-grey);
}

header .top-header {
  position: relative;
  height: 36px;
  background: var(--golden-light);
}

header .top-header a,
header .top-header span {
  color: var(--primary);
}

header.scroll {
  -webkit-transform: translateY(-36px);
  -ms-transform: translateY(-36px);
  transform: translateY(-36px);
}

header .top-header .top-header-inner {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  align-items: center;
  color: var(--primary);
}

.top-header a,
.top-header .dropdown-toggle i,
.top-header .dropdown-toggle span,
.top-header .dropdown-toggle .user-welcome-sec {
  transition: 0.2s;
}

.top-header a:hover,
.top-header .dropdown-toggle:hover i,
.top-header .dropdown-toggle:hover span,
.top-header .dropdown-toggle:hover .user-welcome-sec {
  color: var(--light-green);
}

.top-header .add-item:hover i {
  transform: rotate(90deg);
}

.top-header-left .top-header-menu {
  text-align: left;
  display: flex;
  list-style: none;
  margin: 0 1rem;
  font-size: 16px;
  align-items: center;
}

.top-header-left .top-header-menu li {
  margin-right: 2rem;
}

.top-header-right {
  width: 45%;
}

@media only screen and (max-width: 1439px) {
  .top-header-right {
    width: 65%;
  }
}

@media only screen and (min-width: 992px) {
  .top-header-left {
  }
}

@media only screen and (max-width: 991px) {
  .top-header-left {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 991px) {
  .top-header-right {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.top-header-right select {
  width: 100px !important;
  border: 0 !important;
}

.top-header-right .bootstrap-select button {
  outline: 0;
  background: transparent !important;
  border: 0;
  box-shadow: inherit !important;
  outline: 0 !important;
  font-size: 13px;
  width: auto;
}

.top-header-right .bootstrap-select button:focus {
  outline: 0 !important;
}

.top-header-right .bootstrap-select button .caret {
  top: 5px !important;
  border: 0 !important;
  right: 0px !important;
}

.top-header-right .bootstrap-select button .caret::after {
  content: "\f10d";
  font-family: Flaticon;
  position: relative;
  font-size: 12px;
}

.dropdown-menu {
  top: 2.5rem;
}

.top-header-right .bootstrap-select .dropdown-menu li a {
  font-size: 16px;
  padding: 5px 13px;
}

.language-switch-btn,
.user-welcome-sec {
  display: inline-block;
}

.flaticon-user-1:before {
  font-size: 18px;
}

.user-welcome-sec {
  margin-left: 10px;
  position: relative;
}

.user-welcome-sec .welcom-usr span {
  margin-left: 5px;
  font-weight: 600;
}

.user-welcome-sec .welcom-usr .bootstrap-select span {
  font-weight: 500;
}

.top-header-right .right-top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.top-header .container,
.top-header-inner,
.top-header-right,
.top-header-left,
.top-header-left .top-header-menu,
.top-header-right .right-top .add-item {
  height: 100%;
}

.top-header-right .right-top .add-item {
  font-size: 16px;
  display: flex;
  align-items: center;
  border-left: 1px solid;
  border-right: 1px solid;
  padding: 0 0.5em;
}

.top-header-right .right-top > a i {
  padding: 0 0.8rem;
  transition: 0.2s;
  font-size: 12px;
  font-weight: 700;
}

.top-header-right .right-top .dropdown button {
  background-color: transparent;
  color: var(--primary);
  border: 0;
  margin-left: 16px;
  padding: 0;
}

.top-header-right .right-top .dropdown button:hover {
  outline: 0;
  background-color: transparent;
  box-shadow: inherit;
}

.top-header-right .dropdown.open > .dropdown-toggle.btn-primary {
  background-color: transparent;
  border: 0;
  color: var(--light-green);
}

.bootstrap-select.btn-group .dropdown-menu,
.top-header-right .dropdown .dropdown-menu {
  border-radius: 0px 0px 10px 10px !important;
  padding: 0;
}

.top-header-right .dropdown .dropdown-menu {
  border-radius: 0;
  right: 0;
  right: inherit;
  font-size: 16px;
  min-width: auto;
}

.top-header-right .dropdown .dropdown-menu a {
  padding: 7px 10px;
}

/* --------------------------------- MIDDLE HEADER --------------------------------- */
.middle-header {
  .attn-messages {
    text-align: center;
    color: red;
    padding-top: 1rem;
  }
}

/* --------------------------------- BOTTOM HEADER --------------------------------- */
.bottom-header-section {
  display: flex;
  justify-content: space-between;
}

.bottom-header-left,
.bottom-header-right {
  display: flex;
  align-items: center;
  width: 15%;
}

.bottom-header-right {
  justify-content: end;
}

.bottom-header-left .main-logo img {
  width: 192px;
  height: auto;
  object-fit: contain;
}

.main-navigation .main-navigation-inner {
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.main-navigation .main-navigation-inner .navbar {
  border-radius: 3rem;
  margin: 4px 0 !important;
}

.main-navigation .main-navigation-inner .navbar-default .navbar-nav > li > a {
  font-weight: 600;
  color: var(--primary);
  position: relative;
  border: 0;
  letter-spacing: 0.04em;
}

.main-navigation
  .main-navigation-inner
  .navbar-default
  .navbar-nav
  > li
  > a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 3px;
  opacity: 0;
  bottom: -2px;
  background: var(--primary);
}

.main-navigation
  .main-navigation-inner
  .navbar-default
  .navbar-nav
  > li
  > a.active::after {
  opacity: 1;
}

.navbar-default {
  background-color: var(--white) fff;
  border: 0;
  border-radius: 0;
  margin: 28px 0 !important;
  padding: 0 0;
}

.navbar-nav > li {
  padding: 0 20px;
}

.navbar-nav > li > a {
  padding-left: 0;
  padding-right: 0;
}

.search-pop {
  position: absolute;
  top: -115%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--white);
  z-index: 9999;
  height: 87px;
  padding: 30px 50px;
  transition: all 0.2s cubic-bezier(0.31, -0.105, 0.43, 1.4);
}

.search-pop.active {
  top: 0;
}

@media only screen and (max-width: 991px) {
  .search-pop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    opacity: 1;
  }

  .search-pop.active {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
  }

  .search-pop form {
    width: 100%;
  }
}

.search-pop form {
  position: relative;
}

.search-pop form input {
  width: 100%;
  font-size: 18px;
  border: 0;
  outline: 0;
  border-bottom: 1px solid #ddd;
  height: 40px;
  padding-right: 40px;
}

.search-pop form button {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 22px;
  background-color: transparent;
  border: 0;
  height: 40px;
}

.search-pop .flaticon-cancel {
  position: absolute;
  right: 15px;
  top: 10px;
  cursor: pointer;
}

.search-btn button {
  background: transparent;
  padding: 0.8rem 2.8rem;
  border: 1px solid var(--primary);
  border-radius: 25px;
  font-size: 16px;
  color: var(--primary);
  font-weight: 500;
  text-transform: uppercase;
  line-height: 22px;
  letter-spacing: 0.04em;
}

.search-btn button i {
  font-weight: 700;
  margin-left: 0.5rem;
}

/* --------------------------------- HERO SLIDER --------------------------------- */
.home-slider-section {
  background-color: #fbfbfb;
  padding: 3rem 0 7rem 0;

  .home-slider {
    img {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 7px;
      z-index: -1;
    }

    .shopnow-btn {
      position: relative;
      width: fit-content;
      color: var(--primary);
      text-transform: uppercase;
      font-weight: 600;
      letter-spacing: 0.06em;
      display: inline-block;
      margin-bottom: 15px;
      padding-right: 3.5rem;
      line-height: 20px;
      border-bottom: 1px solid transparent;

      &:hover {
        opacity: 0.8;
      }
    }

    .slick-dots {
      position: absolute;
      bottom: -7rem;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      z-index: 1;
      padding: 0;

      li {
        display: inline-block;
        padding: 2px;

        button {
          text-indent: -9999px;
          border: none;
          border-radius: 5px;
          width: 5px;
          height: 5px;
          background-color: var(--golden);
          padding: 0;
        }
      }
    }

    .slick-track {
      padding: 2rem 0;

      .slick-slide {
        margin: 0 2rem;
        height: 250px;

        &:focus {
          outline: 0;
        }

        div {
          height: 100%;

          .item {
            position: relative;

            .slider-caption {
              width: 100%;
              display: flex;
              flex-direction: column;
              justify-content: end;

              h2 {
                padding: 0 1.5rem;
              }

              &:after {
                position: absolute;
                content: "";
                height: 100%;
                width: 100%;
                background: linear-gradient(
                  transparent 25%,
                  var(--secondary) 75%
                );
                z-index: -1;
                border-radius: 6px;
              }
            }
          }
        }
      }
    }

    .slick-active button {
      width: 3.75em !important;
      background-color: var(--primary) !important;
    }
  }
}

@media only screen and (min-width: 993px) {
  .home-slider h1 {
    font-size: 2em;
  }

  .home-slider .shopnow-btn {
    margin-left: 1.5rem;
    font-size: 1em;
  }
}

@media only screen and (max-width: 992px) {
  .home-slider h1 {
    font-size: 1.3em;
  }

  .home-slider .shopnow-btn {
    padding: 0 10px;
    font-size: 13px;
  }
}

.slick-next .flaticon-left-arrow-2:before {
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
  right: 10px;
}

.slick-prev .flaticon-left-arrow-2:before {
  left: 10px;
}

.slick-next .flaticon-left-arrow-2:before,
.slick-prev .flaticon-left-arrow-2:before {
  content: "\f127";
  position: absolute;
  top: 40%;
  width: 4.2rem;
  height: 4.2rem;
  font-size: 3rem;
  background: var(--primary);
  color: var(--white);
  border: 1px solid var(--primary);
  border-radius: 50%;
  padding: 0px 6px;
  z-index: 1;
  cursor: pointer;
  transition: 0.3s;
}

.itemSlider .slick-next .flaticon-left-arrow-2:before {
  right: -1%;
}

.itemSlider .slick-prev .flaticon-left-arrow-2:before {
  left: -1%;
}

.slick-next .flaticon-left-arrow-2:hover:before,
.slick-prev .flaticon-left-arrow-2:hover:before {
  background: var(--white);
  color: var(--primary);
  border: 1px solid var(--primary);
}

.navbar-collapse {
  padding: 0;
}

.content-sec-btm {
  position: relative;
  padding: 50px 0 60px 0;
  background: var(--secondary);

  .container {
    max-width: 1100px;

    h2 {
      text-align: center;
      padding-bottom: 2rem;
      color: var(--primary);
      font-weight: 700;
    }

    .content-sec-btm-grid {
      margin: 0 -9px;

      .content-sec-btm-grid-tile {
        -ms-flex: 0 0 33.3%;
        flex: 0 0 33.3%;
        padding: 0 16px;
        margin-bottom: 15px;

        .content-sec-btm-grid-tile-inner {
          min-height: 200px;
          padding: 18px 20px;
          color: var(--white);
          display: -ms-flexbox;
          display: flex;
          border-radius: 5px;
          transition: 0.2s;
          background: var(--green-gradient);

          &:hover {
            opacity: 0.9;
            box-shadow: 0 0 10px var(--light-green);

            img {
              transform: scale(1.05);
            }

            h4 {
              border-bottom: 1px solid var(--white);

              .flaticon-left-arrow-2:before {
                -moz-transform: scale(-1, 1) translateX(-2rem);
                -webkit-transform: scale(-1, 1) translateX(-2rem);
                -o-transform: scale(-1, 1) translateX(-2rem);
                -ms-transform: scale(-1, 1) translateX(-2rem);
                transform: scale(-1, 1) translateX(-2rem);
              }
            }
          }

          img {
            width: 59px;
          }

          p {
            font-size: 14px;
            font-weight: 4;
            line-height: 22px;
            font-weight: 400;
          }

          .content-sec-btm-grid-tile-inner-left {
            width: 100%;
            display: flex;
            flex-direction: column;

            .card-item-top {
              display: flex;
              justify-content: space-between;

              h3 {
                margin: 0;
                font-weight: 700;
              }
            }

            .card-item-bottom {
              margin-top: auto;
              padding: 3px 0;

              h4 {
                display: inline-block;
                margin: 0;
                text-transform: uppercase;
                font-family: var(--primary);
                font-weight: 400;
                position: relative;
                line-height: 22px;
                padding-right: 3.5rem;
              }
            }
          }
        }
      }
    }
  }
}

@media only screen and (min-width: 620px) and (max-width: 767px) {
  .content-sec-btm .content-sec-btm-grid-tile {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media only screen and (max-width: 620px) {
  .content-sec-btm .content-sec-btm-grid-tile {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.see-more-btn {
  position: relative;
  padding-right: 3.5rem;
  text-transform: uppercase;
  font-size: 18px;
}

.home-slider-section
  .home-slider
  a.shopnow-btn:hover
  .flaticon-left-arrow-2:before,
.category-home-section
  .see-more-categories
  a:hover
  .flaticon-left-arrow-2:before,
.home-item-slider-section
  .main-added-items.top
  .see-more-added
  a:hover
  .flaticon-left-arrow-2:before {
  -moz-transform: scale(-1, 1) translateX(-2rem);
  -webkit-transform: scale(-1, 1) translateX(-2rem);
  -o-transform: scale(-1, 1) translateX(-2rem);
  -ms-transform: scale(-1, 1) translateX(-2rem);
  transform: scale(-1, 1) translateX(-2rem);
}

.home-slider-section .home-slider a.shopnow-btn:hover,
.category-home-section .see-more-categories a:hover,
.home-item-slider-section .main-added-items.top .see-more-added a:hover {
  border-bottom: 1px solid var(--primary);
}

.home-slider-section .home-slider .shopnow-btn .flaticon-left-arrow-2:before,
.content-sec-btm-grid-tile-inner h4 .flaticon-left-arrow-2:before,
.category-home-section .see-more-categories .flaticon-left-arrow-2:before,
.home-item-slider-section
  .main-added-items.top
  .see-more-added
  .flaticon-left-arrow-2:before {
  content: "\f127";
  -moz-transform: scale(-1, 1) translateX(-1rem);
  -webkit-transform: scale(-1, 1) translateX(-1rem);
  -o-transform: scale(-1, 1) translateX(-1rem);
  -ms-transform: scale(-1, 1) translateX(-1rem);
  transform: scale(-1, 1) translateX(-1rem);
  bottom: 0;
  position: absolute;
  font-size: 2rem;
  transition: 0.3s;
  line-height: 22px;
}

.home-item-slider-section {
  background: var(--secondary-light);
}

.home-item-slider-section .featured_wrps {
  padding-bottom: 5em;
}

@media only screen and (max-width: 992px) {
  .home-item-slider-section .item-slider-section-heading {
    font-size: 1.5em;
  }
}

/* --------------------------------- ITEMS SLIDER --------------------------------- */
.itemSlider {
  margin: 0 -9px;
}

.itemSlider .item {
  padding: 0 9px;
}

.item-slider-section-tile {
  position: relative;
  padding: 0 10px;
}

.item-slider-section-tile .item-slider-section-tile-img-sec {
  width: 100%;
  height: 400px;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}

.item-slider-section-tile .item-slider-section-tile-img-sec .action-tiles {
  display: flex;
  justify-content: center;
}

.item-slider-section-tile
  .item-slider-section-tile-img-sec
  .action-tiles
  .makeoffer-btn {
  margin-left: 2rem;
}

.item-slider-section-tile .item-slider-section-tile-img-sec a {
  height: 100%;
  transition: 0.5s;
}

.item-slider-section-tile:hover .item-slider-section-tile-img-sec img {
  transform: scale(1.2) rotate(2deg);
}

.item-slider-section-tile:hover .product-item-title {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 1px;
}

.item-slider-section-tile .item-slider-section-tile-img-sec::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}

.item-slider-section-tile .item-slider-section-tile-img-sec:hover::before {
  opacity: 1;
}

.item-slider-section-tile
  .item-slider-section-tile-img-sec
  .condition-new-label {
  position: absolute;
  right: 0;
  top: 10px;
  color: var(--white);
  border-radius: 4px 0 0 4px;
  padding: 2px 7px;
  font-size: 12px;
  text-transform: capitalize;
  display: inline-block;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .item-slider-section-tile
    .item-slider-section-tile-img-sec
    .condition-new-label {
    font-size: 10px;
  }
}

.item-slider-section-tile
  .item-slider-section-tile-img-sec
  .condition-used-label {
  position: absolute;
  right: 0;
  top: 10px;
  color: var(--white);
  background-color: var(--primary);
  border-radius: 4px 0 0 4px;
  padding: 2px 7px;
  font-size: 12px;
  text-transform: capitalize;
  display: inline-block;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .item-slider-section-tile
    .item-slider-section-tile-img-sec
    .condition-used-label {
    font-size: 10px;
  }
}

.item-slider-section-tile .item-slider-section-tile-img-sec img {
  width: auto;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
  position: relative;
}

.item-slider-section-tile .item-slider-section-tile-bottom-sec {
  text-align: left;
  position: relative;
  z-index: 1;
}

.item-slider-section-tile .item-slider-section-tile-bottom-sec h3 {
  font-family: var(--font-primary);
  margin: 9px 0 3px 0;
  color: var(--primary);
}

.item-slider-section-tile .item-slider-section-tile-bottom-sec h4 {
  color: var(--black);
  font-size: 15px;
  text-transform: capitalize;
  margin-bottom: 0;
  letter-spacing: 0.05em;
}

@media only screen and (max-width: 992px) {
  .item-slider-section-tile .item-slider-section-tile-bottom-sec h4 {
    font-size: 13px;
  }
}

@media only screen and (max-width: 992px) {
  .item-slider-section-tile .item-slider-section-tile-bottom-sec h3 {
    font-size: 17px;
  }
}

@media only screen and (max-width: 767px) {
  .item-slider-section-tile .item-slider-section-tile-bottom-sec h3 {
    font-size: 15px;
  }
}

.item-slider-section-tile
  .item-slider-section-tile-bottom-sec
  .product-item-brand {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.item-slider-section-tile
  .item-slider-section-tile-bottom-sec
  .product-item-title {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
}

.item-slider-section-tile
  .item-slider-section-tile-bottom-sec
  span.product-item-price {
  color: var(--primary);
  font-size: 16px;
  line-height: 22px;
  margin-top: 1rem;
}

.item-slider-section-tile .item-slider-section-tile-bottom-sec span {
  color: #8d8c8c;
  display: block;
  font-size: 12px;
}

@media only screen and (max-width: 767px) {
  .item-slider-section-tile .item-slider-section-tile-bottom-sec span {
    font-size: 10px;
  }
}

.item-slider-section-tile .item-slider-section-tile-bottom-sec span i {
  color: var(--black);
  font-style: normal;
}

.item-slider-section-tile .action-tiles .makeoffer-btn {
  background-color: var(--primary);
  color: var(--white);
  line-height: 22px;
  padding: 7px 17px;
  border-radius: 3px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.06em;
  display: inline-block;
  opacity: 0;
}

@media only screen and (max-width: 992px) {
  .item-slider-section-tile .action-tiles .makeoffer-btn {
    font-size: 11px;
    padding: 6px 12px;
  }
}

.item-slider-section-tile .action-tiles .makeoffer-btn:hover {
  opacity: 0.8;
}

.item-slider-section-tile .action-tiles {
  position: absolute;
  top: 40%;
  width: 100%;
  left: 0;
  text-align: center;
  z-index: 2;
  padding: 1rem;
}

.item-slider-section-tile .action-tiles a.show-details {
  background-color: var(--primary);
  color: var(--white);
  text-transform: capitalize;
  width: 37px;
  height: 37px;
  padding: 0;
  display: inline-block;
  text-align: center;
  font-size: 20px;
  line-height: 37px;
  border-radius: 25px;
}

.item-slider-section-tile .action-tiles a:hover {
  background-color: var(--white);
  color: var(--primary);
}

.item-slider-section-tile .action-tiles .makeoffer-btn,
.item-slider-section-tile .action-tiles .show-details {
  transition: all 0.3s ease-in-out;
  opacity: 0;
  -webkit-transform: translate(0, 15px);
  -ms-transform: translate(0, 15px);
  -o-transform: translate(0, 15px);
  transform: translate(0, 15px);
}

.item-slider-section-tile .action-tiles .show-details:nth-child(1) {
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.item-slider-section-tile .action-tiles .show-details:nth-child(2) {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media only screen and (min-width: 992px) {
  .item-slider-section-tile:hover .item-slider-section-tile-bottom-sec {
    /*transform: translateY(-60px);*/
  }
}

@media only screen and (max-width: 991px) {
  .item-slider-section-tile:hover .item-slider-section-tile-bottom-sec {
    /*transform: translateY(-20px);*/
  }
}

.item-slider-section-tile:hover .makeoffer-btn {
  opacity: 1;
}

.item-slider-section-tile:hover .action-tiles a:nth-child(1),
.item-slider-section-tile:hover .action-tiles a:nth-child(2),
.item-slider-section-tile:hover .action-tiles a:nth-child(3) {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

.item-slider-section-tile:hover .action-tiles a:nth-child(2) {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.zoomContainer {
  z-index: 99999;
}

.productdetailpopup .modal-dialog {
  padding: 20px;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  margin: 0;
  height: 100%;
  margin: 0 auto;
}

@media only screen and (min-width: 992px) {
  .productdetailpopup .modal-dialog {
    width: 850px;
  }
}

.productdetailpopup .modal-content {
  width: 100%;
  border-radius: 3px;
  padding: 10px;
  border-radius: 10px;
}

.productdetailpopup button.close {
  opacity: 1;
  color: var(--white);
  font-weight: normal;
  font-size: 36px;
  right: 11px;
  position: absolute;
  top: 11px;
}

.productdetailpopup button.close:focus {
  outline: 0;
}

#product_item_gallery,
#product_item_gallery-detail {
  overflow: hidden;
  margin: 0;
}

#product_item_gallery .item,
#product_item_gallery-detail .item {
  margin-bottom: 5px;
}

#product_item_gallery .item a,
#product_item_gallery-detail .item a {
  cursor: pointer;
}

#product_item_gallery .slick-arrow {
  position: absolute;
  z-index: 2;
  font-size: 9px;
  width: 12px;
  border: 1px solid #ddd;
  height: 20px;
  top: 29%;
  background: var(--white);
  cursor: pointer;
  line-height: 17px;
}

#product_item_gallery .slick-arrow.slick-next {
  right: 0;
}

.productdetailpopup h3 {
  margin-top: 0;
  font-size: 1.4em;
  color: var(--black);
  font-weight: 600;
  letter-spacing: 0.05em;
  margin-bottom: 12px;
  text-transform: capitalize;
}

.productdetailpopup .bottom-price {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  margin-bottom: 15px;
}

.productdetailpopup h4 {
  font-weight: 600;
  display: inline-block;
  margin-right: 6px;
  font-size: 1.5em;
  margin: 0;
  margin-right: 8px;
  position: relative;
  padding-right: 11px;
}

.productdetailpopup h4::after {
  content: "";
  position: absolute;
  right: 0;
  top: 6px;
  height: 12px;
  width: 2px;
  background-color: var(--black);
  opacity: 0.2;
}

.productdetailpopup .ship-price {
  color: var(--black);
  display: inline-block;
  margin-right: 11px;
}

.productdetailpopup .ship-price i {
  font-weight: 600;
  font-style: normal;
}

.productdetailpopup .post-dte {
  color: #666666;
  font-size: 12px;
}

.productdetailpopup .post-dte i {
  color: var(--black);
  font-style: normal;
}

.productdetailpopup .bottom-usr,
.product-detail-section .bottom-usr {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 9px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.01em;
  border-radius: 4px;
  border: 1px solid var(--extra-light-green);
  box-shadow: 0 0 1px var(--light-green);
}

.productdetailpopup .bottom-usr span,
.product-detail-section .bottom-usr span {
}

.productdetailpopup .bottom-usr span i,
.product-detail-section .bottom-usr span i {
  font-weight: 600;
  font-style: normal;
  margin-left: 5px;
}

.productdetailpopup .bottom-usr span i a,
.product-detail-section .bottom-usr span i a {
  font-weight: 600;
  font-style: normal;
  font-size: 1.05em;
  color: var(--black);
}

.productdetailpopup .bottom-usr .rating-usr {
  display: inline-block;
  font-size: 12px;
  color: #ffc107;
}

.productdetailpopup p {
  margin-top: 12px;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 9px;
}

.productdetailpopup table {
  width: 100%;
}

.productdetailpopup table td {
  padding: 4px 0;
  font-size: 13px;
  color: var(--black);
}

.productdetailpopup table td:nth-child(1) {
  width: 30%;
  color: #666666;
}

.productdetailpopup .make-offer-btn {
  color: var(--white);
  padding: 9px 23px;
  border-radius: 3px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.06em;
  display: inline-block;
  margin-top: 19px;
  font-size: 1em;
  outline: 0;
  border: 0;
}

.productdetailpopup .make-offer-btn:hover {
  opacity: 0.8;
}

/* --------------------------------- HOME CATEGORIES --------------------------------- */
.category-home-section {
  padding: 10px 0 25px 0;
  position: relative;
  min-height: 450px;
}

.category-home-section .main-categories-items.top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3rem 0 1rem;
}

.category-home-section .main-categories-items.top .categories-title h2 {
  color: var(--primary);
  font-weight: 700;
}

.category-home-section .main-categories-items-inner {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(192px, 1fr));
  grid-gap: 15px;
}

.category-home-section .main-categories-items-inner .category-item-wrapper {
  transition: 0.2s;
}

.category-home-section
  .main-categories-items-inner
  .category-item-wrapper:hover {
  opacity: 0.8;
}

.category-home-section .main-categories-items-inner .category-item-wrapper a {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.category-home-section .main-categories-items-inner .category-item-wrapper img {
  height: 192px;
  width: 192px;
  object-fit: cover;
  border-radius: 50%;
  margin: auto;
}

.category-home-section
  .main-categories-items-inner
  .category-item-wrapper
  a
  span {
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
  color: var(--primary);
  padding: 20px 10px;
}

/* --------------------------------- FOOTER --------------------------------- */

.footer {
  text-align: center;
  overflow: hidden;
}

.footer .footer-columns {
  display: flex;
}

.footer-top {
  padding-top: 2.5em;
  padding-bottom: 2em;
}

.footer-logo a {
  display: block;
  width: 24%;
}

.footer-top .footer-logo img {
  margin-bottom: 15px;
  filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(42deg) brightness(150%)
    contrast(102%);
}

.footer-top .first-col {
  width: 28%;
  text-align: left;
  padding-right: 3em;
}

.footer-top .first-col .follow-us a {
  display: block;
  width: 42px;
  border-radius: 25px;
}

.footer-top .first-col .follow-us a i {
  display: block;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 18px;
  background: var(--secondary);
  color: var(--primary);
  border-radius: 25px;
  transition: 0.3s;
}

.footer-top .first-col .follow-us a i:hover {
  background: transparent;
  border: 1px solid;
  color: var(--secondary);
}

.footer-top .second-col {
  width: 42%;
  text-align: left;
}

.footer-top .second-col ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.footer-top .third-col {
  width: 30%;
  padding-left: 2em;
}

.footer-top .short-about,
.footer-top .follow-us {
  color: var(--white);
}

.footer-top .short-about {
  font-size: 14px;
  line-height: 24px;
}

.footer-top .follow-us {
  font-weight: 700;
  line-height: 24px;
}

.footer li {
  display: inline-block;
  padding: 4px 15px;
}

.footer li a {
  font-size: 16px;
  color: var(--white);
  transition: 0.2s;
}

.footer li a:hover {
  color: var(--extra-light-green);
  border-bottom: 1px solid;
}

.footer-top .third-col .subscription-wrapper form {
  background: var(--golden);
  border-radius: 5px;
  padding: 1em;
  text-align: left;
  color: var(--primary);
}

.footer-top .third-col form h4 {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}

.footer-top .third-col form p {
  font-size: 14px;
  line-height: 24px;
}

.footer-top .third-col form .subscribe-text {
  margin-bottom: 2rem;
}

.footer-top .third-col form .email-field p {
  margin: 0;
  font-weight: 500;
}

.footer-top .third-col .field.btn {
  padding: 0;
  margin-top: 1.5rem;
}

.footer-top .third-col .field.btn button {
  background: transparent;
  padding: 0.5rem 2rem;
  border: 1px solid var(--primary);
  border-radius: 25px;
  text-transform: uppercase;
  font-weight: 500;
  transition: 0.2s;
}

.footer-top .third-col .field.btn button:hover {
  background: var(--secondary);
  border: 1px solid var(--secondary);
  box-shadow: 0 0px 2px var(--dark-grey);
}

.footer-top .third-col .text-share {
  color: var(--white);
  font-size: 12px;
  padding: 5px 0;
}

.footer-top .third-col input[type="text"] {
  width: 100%;
  background: var(--secondary);
  border: none;
  border-radius: 4px;
  padding: 0.7rem 1rem;
}

.footer-bottom {
  padding: 15px 0;
  text-align: center;
  background: var(--dark-primary);
  color: var(--white);
  font-size: 14px;
}

.footer-bottom .footer-columns {
  justify-content: space-between;
}

.footer-bottom a {
  color: var(--white);
  margin-left: 0.1em;
}

.footer-bottom span {
  font-size: 13px;
  color: #8f8d8d;
  display: block;
}

/* --------------------------------- SIDE CATEGORY MENU --------------------------------- */
.side-category-menu#menu h4 {
  color: var(--primary);
  letter-spacing: 0.04em;
  font-size: 24px;
}

#navbar {
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}

#navbar li {
  list-style: none;
}

#navbar li a {
  display: block;
  position: relative;
  width: 100%;
  padding: 1rem 0;
  font-size: 18px;
  line-height: 24px;
}

#navbar li > a {
  cursor: pointer;
}

#navbar li a:hover,
#navbar li a.active {
  border-bottom: 1px solid var(--golden);
}

#navbar li a.sub-btn::before {
  content: "\f10c";
  font-family: Flaticon;
  font-style: normal;
  position: absolute;
  right: 0;
  font-size: 13px;
  font-weight: 600;
  top: 5px;
  transform: rotate(90deg);
  transition: 0.3s;
}

#navbar li ul a::before {
  content: "";
}

/*#navbar li a span {
  float: right;
  color: var(--black);
  display: inline-block;
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 50%;
  line-height: 25px;
  font-size: 12px;
}*/

#navbar li ul {
  display: none;
  padding-left: 2rem !important;
}

#navbar li:hover ul,
#navbar li.hover ul {
  position: relative;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}

#navbar li:hover li a,
#navbar li.hover li a {
  color: #000;
}

#navbar li li a:hover {
  color: #357;
}

/* --------------------------------- CATEGORY PAGE --------------------------------- */
.product-list-head {
  width: 100%;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  margin: 1.5rem 0 2rem 0;
  color: var(--primary);
}

.product-list-title h1 {
  display: inline-block;
}

.product-list-title span {
  padding-left: 2rem;
}

.product-list-head form {
  position: relative;
  align-items: center;
  -webkit-align-items: center;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 0 0 0 5px;
}

.product-list-head form .bootstrap-select {
  width: 100px !important;
  border: 0;
}

.product-list-head form .bootstrap-select .dropdown-toggle {
  height: 31px;
  background: transparent;
  box-shadow: inherit;
  border: 0;
  margin: 0 !important;
  outline: 0 !important;
  font-size: 13px;
}

.product-list-head form .bootstrap-select .dropdown-toggle .caret {
  top: 25% !important;
  border: 0 !important;
  right: 3px !important;
  margin-top: -2px;
  vertical-align: middle;
  width: 15px;
  height: 19px;
}

.product-list-head form .bootstrap-select .dropdown-toggle .caret::after {
  content: "\f10d";
  font-family: Flaticon;
  position: relative;
  font-size: 10px;
}

.product-list-head form .bootstrap-select .dropdown-menu > li > a {
  padding: 4px 8px;
  font-size: 13px;
}

.product-list-head form input {
  width: 200px;
  outline: 0;
  height: 31px;
  border: 0;
  padding: 0 6px;
}

.product-list-head form button[type="submit"] {
  height: 33px;
  text-transform: uppercase;
  border: 0;
  width: 66px;
  margin: -9px -1px;
  border-radius: 5px;
  font-weight: 600;
}

.category-home-section .main-categories-items.top,
.home-item-slider-section .main-added-items.top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3rem 0 1rem;
}

.category-list .main-categories-items-inner {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(285px, 1fr));
  grid-gap: 30px;
}

.category-list .main-categories-items-inner .category-item {
  background: var(--secondary);
  object-fit: cover;
  border-radius: 5px;
}

.category-list .main-categories-items-inner .category-item-wrapper {
  transition: 0.2s;
}

.category-list .main-categories-items-inner .category-item-wrapper:hover {
  opacity: 0.8;
}

.contain_image a {
  height: 320px;
}

.category-list .main-categories-items-inner .category-item-wrapper a {
  display: flex;
}

.category-list .main-categories-items-inner .category-item-wrapper img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 5px 5px 0 0;
}

.contain_cat_name h4 {
  margin: 0;
  font-size: var(--h4-mobile-size);
}

.category-list
  .main-categories-items-inner
  .category-item-wrapper
  .contain_cat_name
  a {
  font-weight: 700;
  line-height: 25px;
  color: var(--primary);
  padding: 20px;
}

.category-list
  .main-categories-items-inner
  .category-item-wrapper
  .contain_cat_name
  span {
  margin: 0 1rem;
  font-weight: 400;
}

/* --------------------------------- PAGINATION --------------------------------- */
.pagination_wrapper {
  color: var(--black);
}

.pagination_wrapper .left {
  padding: 2px 0;
}

.pagination.pagination-normal li a {
  width: 100%;
  height: 100%;
  padding: 10px 5px;
  color: var(--primary);
  border-radius: 25px;
  border: 0;
  margin-left: 0;
  text-align: center;
  transition: 0.2s;
}

.pagination.pagination-normal li a.next,
.pagination.pagination-normal li a.prev,
.pagination.pagination-normal li a.forward,
.pagination.pagination-normal li a.backward {
  background: var(--primary);
  color: #fff;
}

.pagination li {
  display: inline-block;
  width: 40px;
  height: 40px;
  position: relative;
}

.pagination.pagination-normal li.active a {
  background-color: var(--golden);
  color: var(--primary) !important;
  border: none;
}

.pagination.pagination-normal li.active a:hover {
  border: none;
  background: var(--golden);
}

.pagination.pagination-normal li a:hover {
  border: 1px solid var(--primary);
  color: var(--primary) !important;
  background: transparent;
}

i.flaticon-left-arrow-2.next,
i.flaticon-left-arrow-2.prev,
.pagination i.fa.fa-angle-double-right,
.pagination i.fa.fa-angle-double-left {
  font-size: 2.5rem;
  line-height: 4rem;
}

.pagination i.flaticon-left-arrow-2.next:before,
.pagination i.flaticon-left-arrow-2.prev:before {
  position: absolute;
  top: 0;
  left: 7px;
}

.pagination i.flaticon-left-arrow-2.next:before {
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.pagination i.fa.fa-angle-double-right:before,
.pagination i.fa.fa-angle-double-left:before {
  position: absolute;
  top: 0;
}

.pagination i.fa.fa-angle-double-right:before {
  left: 13px;
}

.pagination i.fa.fa-angle-double-left:before {
  left: 12px;
}

/* --------------------------------- ITEMS VIEW PAGE --------------------------------- */

/* --- Grid view --- */
.gridView .product-more-list-tile {
  position: relative;
}

.gridView .product-more-list-tile .product-more-list-tile-img-sec {
  width: 100%;
  height: 350px;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}

.gridView .product-more-list-tile .product-more-list-tile-img-sec > a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  cursor: pointer;
  z-index: 1;
  transition: 0.5s;
}

.item-slider-section-tile
  .item-slider-section-tile-img-sec
  .action-tiles
  .makeoffer-btn {
  margin-left: 2rem;
}

@media only screen and (max-width: 620px) {
  .gridView .product-more-list-tile .product-more-list-tile-img-sec {
    height: 146px;
  }
}

.gridView .product-more-list-tile .product-more-list-tile-img-sec::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}

.gridView
  .product-more-list-tile
  .product-more-list-tile-img-sec:hover::before {
  opacity: 1;
}

.gridView
  .product-more-list-tile
  .product-more-list-tile-img-sec
  .condition-new-label {
  position: absolute;
  right: 0;
  top: 10px;
  border-radius: 4px 0 0 4px;
  padding: 2px 7px;
  font-size: 12px;
  text-transform: capitalize;
  display: inline-block;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .gridView
    .product-more-list-tile
    .product-more-list-tile-img-sec
    .condition-new-label {
    font-size: 10px;
  }
}

.gridView
  .product-more-list-tile
  .product-more-list-tile-img-sec
  .condition-used-label {
  position: absolute;
  right: 0;
  top: 10px;
  color: var(--white);
  background-color: var(--primary);
  border-radius: 4px 0 0 4px;
  padding: 2px 7px;
  font-size: 12px;
  text-transform: capitalize;
  display: inline-block;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .gridView
    .product-more-list-tile
    .product-more-list-tile-img-sec
    .condition-used-label {
    font-size: 10px;
  }
}

.gridView .product-more-list-tile .product-more-list-tile-img-sec img {
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  position: relative;
  object-fit: cover;
}

.gridView .product-more-list-tile .product-more-list-tile-bottom-sec {
  text-align: left;
  position: relative;
  z-index: 1;
}

.gridView
  .product-more-list-tile
  .product-more-list-tile-bottom-sec
  .product-item-brand,
.listView
  .product-more-list-tile
  .product-more-list-tile-bottom-sec
  .product-item-brand {
  font-family: var(--font-primary);
  margin: 9px 0 3px 0;
  color: var(--primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

@media only screen and (max-width: 992px) {
  .gridView .product-more-list-tile .product-more-list-tile-bottom-sec h4 {
    font-size: 13px;
  }
}

.gridView
  .product-more-list-tile
  .product-more-list-tile-bottom-sec
  .product-item-title,
.listView
  .product-more-list-tile
  .product-more-list-tile-bottom-sec
  .product-item-title {
  font-family: var(--font-primary);
  margin: 0;
}

.gridView
  .product-more-list-tile:hover
  .product-more-list-tile-bottom-sec
  .product-item-title,
.listView
  .product-more-list-tile:hover
  .product-more-list-tile-bottom-sec
  .product-item-title {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 1px;
}

@media only screen and (max-width: 992px) {
  .gridView .product-more-list-tile .product-more-list-tile-bottom-sec h3 {
    font-size: 17px;
  }
}

@media only screen and (max-width: 767px) {
  .gridView .product-more-list-tile .product-more-list-tile-bottom-sec h3 {
    font-size: 15px;
  }
}

.gridView
  .product-more-list-tile
  .product-more-list-tile-bottom-sec
  span.product-item-price,
.listView
  .product-more-list-tile
  .product-more-list-tile-bottom-sec
  span.product-item-price {
  display: block;
  color: var(--primary);
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  margin-top: 1rem;
}

@media only screen and (max-width: 767px) {
  .gridView .product-more-list-tile .product-more-list-tile-bottom-sec span {
    font-size: 10px;
  }
}

.gridView .product-more-list-tile .product-more-list-tile-bottom-sec span {
  color: #8d8c8c;
  display: block;
  font-size: 12px;
}

.gridView .product-more-list-tile .product-more-list-tile-bottom-sec span i {
  color: var(--black);
  font-style: normal;
}

.gridView
  .product-more-list-tile
  .product-more-list-tile-bottom-sec
  .makeoffer-btn {
  background-color: var(--primary);
  color: var(--white);
  padding: 8px 17px;
  border-radius: 3px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.06em;
  display: inline-block;
  margin-top: 19px;
  font-size: 13px;
  transition: 0.3s;
  display: none;
}

@media only screen and (max-width: 992px) {
  .gridView
    .product-more-list-tile
    .product-more-list-tile-bottom-sec
    .makeoffer-btn {
    font-size: 11px;
    padding: 6px 12px;
  }
}

.gridView
  .product-more-list-tile
  .product-more-list-tile-bottom-sec
  .makeoffer-btn:hover,
.listView
  .product-more-list-tile
  .product-more-list-tile-bottom-sec
  .makeoffer-btn:hover {
  background: var(--white);
  color: var(--primary);
  border: 1px solid;
}

.gridView .product-more-list-tile .action-tiles,
.listView .product-more-list-tile .action-tiles {
  display: flex;
  justify-content: space-evenly;
  position: absolute;
  top: 40%;
  width: 100%;
  left: 0;
  text-align: center;
  z-index: 2;
}

.gridView .product-more-list-tile .action-tiles a,
.listView .product-more-list-tile .action-tiles a {
  background-color: var(--primary);
  color: var(--white);
  text-transform: capitalize;
  width: 37px;
  height: 37px;
  padding: 0;
  display: inline-block;
  text-align: center;
  font-size: 20px;
  line-height: 37px;
  border-radius: 25px;
  opacity: 0;
  -webkit-transform: translate(0, 15px);
  -ms-transform: translate(0, 15px);
  -o-transform: translate(0, 15px);
  transform: translate(0, 15px);
}

.gridView .product-more-list-tile .action-tiles a:hover,
.listView .product-more-list-tile .action-tiles a:hover {
  background-color: var(--white);
  color: var(--primary);
}

.gridView .product-more-list-tile .action-tiles .send-message,
.listView .product-more-list-tile .action-tiles .send-message {
  border-radius: 5px !important;
  width: 100px !important;
  font-size: 22px;
}

.gridView .product-more-list-tile .action-tiles .send-message,
.gridView .product-more-list-tile .action-tiles .show-details,
.listView .product-more-list-tile .action-tiles .send-message,
.listView .product-more-list-tile .action-tiles .show-details {
  transition: all 0.3s ease-in-out;
  opacity: 0;
  -webkit-transform: translate(0, 15px);
  -ms-transform: translate(0, 15px);
  -o-transform: translate(0, 15px);
  transform: translate(0, 15px);
}

.gridView .product-more-list-tile .action-tiles .show-details:nth-child(1),
.listView .product-more-list-tile .action-tiles .show-details:nth-child(1) {
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.gridView .product-more-list-tile .action-tiles .show-details:nth-child(2),
.listView .product-more-list-tile .action-tiles .show-details:nth-child(2) {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media only screen and (min-width: 992px) {
  .gridView .product-more-list-tile:hover .product-more-list-tile-bottom-sec {
  }
}

@media only screen and (max-width: 991px) {
  .gridView .product-more-list-tile:hover .product-more-list-tile-bottom-sec {
  }
}

.gridView .product-more-list-tile:hover .makeoffer-btn {
  opacity: 1;
}

.gridView .product-more-list-tile:hover img {
  transform: scale(1.2) rotate(2deg);
}

.gridView .product-more-list-tile:hover .action-tiles a:nth-child(1),
.gridView .product-more-list-tile:hover .action-tiles a:nth-child(2),
.gridView .product-more-list-tile:hover .action-tiles a:nth-child(3),
.listView .product-more-list-tile:hover .action-tiles a:nth-child(1),
.listView .product-more-list-tile:hover .action-tiles a:nth-child(2),
.listView .product-more-list-tile:hover .action-tiles a:nth-child(3) {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

.gridView .product-more-list-tile:hover .action-tiles a:nth-child(2),
.listView .product-more-list-tile:hover .action-tiles a:nth-child(2) {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.gridView .listView-content {
  display: none;
}

/* --- List view --- */
.listView .product-more-list-tile {
  position: relative;
  margin-bottom: 15px;
  border: 1px solid #ddd;
  margin: 15px;
  border-radius: 4px;
  margin-bottom: 15px;
}

.listView .product-more-list-tile .product-more-list-tile-img-sec {
  width: 100%;
  height: 225px;
  background-color: #fbfbfb;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  position: relative;
  overflow: hidden;
  -ms-flex: 0 0 263px;
  flex: 0 0 263px;
  max-width: 263px;
}

.listView .product-more-list-tile .product-more-list-tile-img-sec::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: all 0.5s ease-in-out;
  z-index: 1;
}

.listView
  .product-more-list-tile
  .product-more-list-tile-img-sec
  .condition-new-label {
  position: absolute;
  right: 0;
  top: 10px;
  color: var(--white);
  background-color: #8ce387;
  border-radius: 4px 0 0 4px;
  padding: 2px 7px;
  font-size: 12px;
  text-transform: capitalize;
  display: inline-block;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .listView
    .product-more-list-tile
    .product-more-list-tile-img-sec
    .condition-new-label {
    font-size: 10px;
  }
}

.listView
  .product-more-list-tile
  .product-more-list-tile-img-sec
  .condition-used-label {
  position: absolute;
  right: 0;
  top: 10px;
  color: var(--white);
  background-color: var(--primary);
  border-radius: 4px 0 0 4px;
  padding: 2px 7px;
  font-size: 12px;
  text-transform: capitalize;
  display: inline-block;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .listView
    .product-more-list-tile
    .product-more-list-tile-img-sec
    .condition-used-label {
    font-size: 10px;
  }
}

.listView .product-more-list-tile .product-more-list-tile-img-sec img {
  max-width: 100%;
  max-height: 100%;
  transition: all 0.2s;
  position: relative;
}

.listView .product-more-list-tile .product-more-list-tile-bottom-sec {
  width: calc(100% - 265px);
  text-align: left;
  padding: 0px 20px;
  position: relative;
  background-color: var(--white);
  z-index: 1;
}

.listView .product-more-list-tile .product-more-list-tile-bottom-sec h4 {
  color: var(--black);
  font-size: 17px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  letter-spacing: 0.05em;
}

@media only screen and (max-width: 992px) {
  .listView .product-more-list-tile .product-more-list-tile-bottom-sec h4 {
    font-size: 13px;
  }
}

.listView .product-more-list-tile .product-more-list-tile-bottom-sec h3 {
  margin: 11px 0 8px 0;
}

@media only screen and (max-width: 992px) {
  .listView .product-more-list-tile .product-more-list-tile-bottom-sec h3 {
    font-size: 17px;
  }
}

@media only screen and (max-width: 767px) {
  .listView .product-more-list-tile .product-more-list-tile-bottom-sec h3 {
    font-size: 15px;
  }
}

.listView .product-more-list-tile .product-more-list-tile-bottom-sec span {
  color: #8d8c8c;
  display: block;
  font-size: 12px;
}

@media only screen and (max-width: 767px) {
  .listView .product-more-list-tile .product-more-list-tile-bottom-sec span {
    font-size: 10px;
  }
}

.listView .product-more-list-tile .product-more-list-tile-bottom-sec span i {
  color: var(--black);
  font-style: normal;
}

.listView
  .product-more-list-tile
  .product-more-list-tile-bottom-sec
  .makeoffer-btn {
  color: var(--white);
  padding: 7px 14px;
  border-radius: 3px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.06em;
  display: inline-block;
  margin-top: 19px;
  font-size: 12px;
  transition: 0.3s;
}

@media only screen and (max-width: 992px) {
  .listView
    .product-more-list-tile
    .product-more-list-tile-bottom-sec
    .makeoffer-btn {
    font-size: 11px;
    padding: 6px 12px;
  }
}

.listView .product-more-list-tile .product-more-list-tile-bottom-sec table {
  width: 100%;
}

.listView .product-more-list-tile .product-more-list-tile-bottom-sec table td {
  padding: 4px 0;
  font-size: 13px;
  color: var(--black);
}

.listView
  .product-more-list-tile
  .product-more-list-tile-bottom-sec
  table
  td:nth-child(1) {
  width: 30%;
  color: #666666;
}

.listView .product-more-list-tile .action-tiles {
  position: absolute;
  top: 40%;
  width: 100%;
  left: 0;
  text-align: center;
  z-index: 2;
}

.listView .product-more-list-tile:hover .makeoffer-btn {
  opacity: 1;
}

.listView .product-more-list-tile:hover img {
  transform: scale(1.05);
}

.listView
  .product-more-list-tile:hover
  .product-more-list-tile-img-sec::before {
  opacity: 1;
}

/* --- Send message --- */
.sendMessagemodal h4 {
  text-align: center;
  color: var(--black);
  margin-bottom: 30px;
  font-weight: 600;
}

.sendMessagemodal .modal-dialog {
  max-width: 430px;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  margin: 0;
  height: 100%;
  margin: 0 auto;
}

.sendMessagemodal .modal-content {
  width: 100%;
}

.sendMessagemodal input[type="text"] {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  height: 40px;
  outline: 0;
  box-shadow: inherit;
  padding: 6px 0;
}

.sendMessagemodal textarea {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  height: 40px;
  outline: 0;
  min-height: 100px;
  box-shadow: inherit;
  padding: 6px 0;
}

.sendMessagemodal .modal-body {
  padding: 15px 25px;
}

.sendMessagemodal .sendMessagemodal-btn {
  padding: 8px 20px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: 0;
  border-radius: 5px;
  font-weight: 600;
  font-size: 14px;
}

.sendMessagemodal .sendMessagemodal-btn:hover {
  opacity: 0.8;
}

.sendMessagemodal .frm-ctrl-btn {
  text-align: center;
}

.sendMessagemodal button.close {
  opacity: 1;
  color: var(--white);
  font-weight: normal;
  font-size: 36px;
  right: 11px;
  position: absolute;
  top: 11px;
}

.category-list-tile .category-list-tile-img {
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  height: 225px;
  margin-bottom: 25px;
  overflow: hidden;
  background-color: #f5f5f5;
}

.category-list-tile .category-list-tile-img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.category-list-tile span {
  display: inline-block;
  position: absolute;
  z-index: 1;
  background-color: var(--white);
  bottom: 43px;
  right: 30px;
  text-transform: uppercase;
  color: var(--black);
  padding: 8px 18px;
  z-index: 1;
  font-size: 12px;
  font-weight: 600;
  -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
}

.category-list-tile span i {
  display: inline-block;
  font-style: normal;
  margin-left: 4px;
  font-weight: bold;
  font-size: 1.1em;
}

.category-list-tile:hover span {
  right: 35px;
  bottom: 54px;
}

.product-list-head-right {
  display: flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}

.view-mode {
  margin-left: 15px;
  align-items: center;
  -webkit-align-items: center;
}

.view-mode a {
  font-size: 15px;
  border: 1px solid #ddd;
  border-radius: 2px;
  margin-left: 5px;
  width: 30px;
  display: inline-block;
  text-align: center;
  height: 30px;
  line-height: 25px;
  position: relative;
  color: #5b5858;
}

.view-mode a i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.view-mode a i.flaticon-list {
  top: 56%;
  font-size: 17px;
}

.product-more-list.listView .col-lg-4 {
  width: 100%;
}

.tab-tiles {
  width: 420px !important;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  margin-bottom: 30px;
}

.tab-tiles li {
  float: left;
  width: calc(100% / 3) !important;
  border: 0 !important;
}

.tab-tiles li a {
  padding: 7px 10px;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  border: 1px solid #ddd !important;
  border-width: 1px 1px 1px 1px !important;
  color: #5b5858;
  position: relative;
  border-radius: 4px !important;
  margin: 0 1px;
}

/* --------------------------------- SINGLE PRODUCT PAGE --------------------------------- */
.breadcrumb {
  margin-top: 20px;
  padding: 0;
  background: none;

  a {
    font-size: 16px;
    line-height: 22px;
    color: #000;
  }

  & > li + li {
    &:before {
      content: none;
    }
  }

  .flaticon-left-arrow-2 {
    &:before {
      transform: rotate(180deg);
      display: inline-block;
      font-size: 18px;
      font-weight: 600;
      margin: 0 10px;
    }
  }
}

.product-detail-section .productdetailpopup-left {
  margin-bottom: 15px;
}

.product-detail-section .productdetailpopup-left .slick-vertical {
  width: 80px;
}

.product-detail-section .productdetailpopup-left .slick-vertical .slick-slide {
  border: none;
}

.product-detail-section .Product-img-container {
  width: 82%;
  float: right;
  border-radius: 5px;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  background-color: #f5f5f5;
}

.product-detail-section .Product-img-containera .zoom {
  position: relative;
  width: 100%;
}

.product-detail-section .Product-img-container a.zoom img {
  width: 100%;
  height: 600px;
  object-fit: cover;
  position: relative;
}

.product-detail-section a.no-image {
  max-width: 100%;
  max-height: 100%;
}

.product-detail-section a.no-image svg {
  width: 50%;
  height: 400px;
  transform: translateX(50%);
  filter: invert(0.8);
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .product-detail-section .Product-img-container {
    height: 189px;
  }
}

@media only screen and (max-width: 767px) {
  .product-detail-section .Product-img-container {
    height: 350px;
  }

  .product-detail-section .Product-img-container img {
    max-height: 350px;
  }
}

.product-detail-section .productdetailpopup-right h1 {
  color: #000;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 44px;
}

.product-detail-section .productdetail-top.title {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.product-detail-section .post-dte {
  color: var(--light-green);
  font-size: 12px;
}

.product-detail-section .post-dte i {
  color: var(--primary);
  font-style: normal;
}

.product-detail-section .productdetail-description {
  color: #000;
}

.product-detail-section .bottom-price {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.productdetail-bottom.bottom-price h4 {
  font-family: "DM Sans";
}

.productdetailpopup h4,
.product-detail-section h4 {
  color: var(--black);
}

.product-detail-section h4 {
  font-weight: 700;
  display: inline-block;
  margin-right: 6px;
  font-size: 1.3em;
  margin: 0;
  margin-right: 8px;
  position: relative;
  padding-right: 11px;
}

/*.product-detail-section h4::after {
  content: "";
  position: absolute;
  right: 0;
  top: 6px;
  height: 12px;
  width: 2px;
  background-color: var(--black);
  opacity: 0.2;
}*/

.product-detail-section .ship-price {
  color: var(--black);
  display: inline-block;
  margin-right: 11px;
  font-size: 1.1em;
}

.product-detail-section .ship-price i {
  font-weight: 600;
  font-style: normal;
}

.product-detail-section .bottom-usr {
  margin-bottom: 2rem;
}

.product-detail-section .bottom-usr .rating-usr {
  display: inline-block;
  font-size: 12px;
  color: #ffc107;
}

.product-detail-section .bottom-usr .profile-section-image img {
  width: 80px;
  border-radius: 50%;
  display: inline-block;
}

.product-detail-section .bottom-usr .user-data-status {
  width: 100%;
  padding-left: 2rem;
}

.product-detail-section .bottom-usr .user-data-status .review-stats {
  font-size: 14px;
}

.product-detail-section .bottom-usr .review-stats p {
  margin: 5px 0;
  color: #000;
  text-transform: lowercase;
}

.product-detail-section .bottom-usr .review-stats p i.fa.fa-circle {
  font-size: 5px;
  padding: 0 1rem;
  margin: 0;
  vertical-align: middle;
  color: var(--extra-light-green);
}

.product-detail-section .bottom-usr .reviews-a {
  float: right;
  font-size: 14px;
  margin-left: 6px;
}

.product-detail-section p {
  margin: 15px 0;
  line-height: 22px;
}

.product-detail-section table {
  width: 100%;
}

.product-detail-section table th {
  padding-bottom: 1rem;
}

.product-detail-section table td {
  padding: 4px 0;
  font-size: 14px;
  color: var(--black);
}

.product-detail-section table td:nth-child(1) {
  width: 20%;
}

.product-detail-section .make-offer-btn {
  color: var(--white);
  padding: 10px 23px;
  margin-top: 1rem;
  margin-bottom: 4rem;
  border-radius: 25px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  display: inline-block;
  font-size: 1em;
  outline: 0;
  border: 1px solid var(--primary);
  transition: 0.3s;
}

.product-detail-section .make-offer-btn:hover {
  background: transparent;
  color: var(--primary);
  border: 1px solid;
}

.innersubheader h4,
.innersubheader h3 {
  color: var(--black);
  font-weight: 700;
  letter-spacing: 0.04em;
  font-size: 20px;
  padding: 15px 0 15px 0;
  margin: 0;
}

.make-offer-page .make-offer-container-tile {
  margin-top: 15px;
}

.make-offer-page .make-offer-container-tile .willpay-span {
  color: #797171;
  font-style: italic;
  display: block;
  margin-top: 8px;
  font-size: 11px;
  font-style: italic;
  text-align: right;
}

.make-offer-page .make-offer-container-tile a.more-it {
  font-weight: 600;
  font-size: 12px;
  display: inline-block;
  margin-bottom: 6px;
  font-style: italic;
  color: #2a498e;
}

.make-offer-page .make-offer-container-tile a.more-it:hover {
  text-decoration: underline;
}

.make-offer-page .make-offer-container-tile h3 {
  margin: 0;
  font-size: 16px;
  text-align: center;
  margin-bottom: 25px;
  font-weight: 600;
}

.make-offer-page .make-offer-container-tile .dropdown {
  margin-bottom: 15px;
}

.make-offer-page .make-offer-container-tile .dropdown .dropdown-toggle {
  width: 100%;
  text-align: left;
  border-radius: 4px;
  border: 1px solid #ddd;
  background: transparent;
  color: var(--black);
  position: relative;
  height: 40px;
  outline: 0 !important;
  padding: 7px 10px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.02em;
}

.make-offer-page .make-offer-container-tile .dropdown .caret {
  border: 0;
  position: absolute;
  right: 20px;
}

.make-offer-page .make-offer-container-tile .dropdown .caret::after {
  content: "\f10d";
  font-family: Flaticon;
  position: relative;
  font-size: 10px;
}

.make-offer-page .make-offer-container-tile .dropdown .makeoffer-dropdown {
  width: 100%;
  padding: 6px 0;
  border: 1px solid #ddd;
}

.make-offer-page .make-offer-container-tile .dropdown .makeoffer-dropdown li {
  padding: 10px 10px;
  position: relative;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.make-offer-page
  .make-offer-container-tile
  .dropdown
  .makeoffer-dropdown
  li
  > div {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}

.make-offer-page
  .make-offer-container-tile
  .dropdown
  .makeoffer-dropdown
  li
  .check-container {
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
  width: 18px;
  height: 16px;
  margin-right: 7px;
}

.make-offer-page
  .make-offer-container-tile
  .dropdown
  .makeoffer-dropdown
  li
  .check-container
  input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.make-offer-page
  .make-offer-container-tile
  .dropdown
  .makeoffer-dropdown
  li
  .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.make-offer-page
  .make-offer-container-tile
  .dropdown
  .makeoffer-dropdown
  li
  .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.make-offer-page
  .make-offer-container-tile
  .dropdown
  .makeoffer-dropdown
  li
  .check-container
  input:checked
  ~ .checkmark:after {
  display: block;
}

.make-offer-page
  .make-offer-container-tile
  .dropdown
  .makeoffer-dropdown
  li
  .check-container
  .checkmark:after {
  content: "\f126";
  font-family: Flaticon;
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  top: -5px;
  left: 2px;
}

.make-offer-page
  .make-offer-container-tile
  .dropdown
  .makeoffer-dropdown
  li
  img {
  width: 26px;
  height: 25px;
  object-fit: cover;
  border: 1px solid #efefef;
  border-radius: 4px;
  margin-right: 4px;
}

.make-offer-page .make-offer-container-tile .dropdown .makeoffer-dropdown li a {
  background: transparent;
  padding: 0;
  color: #707070;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 23ch;
}

.make-offer-page
  .make-offer-container-tile
  .dropdown
  .makeoffer-dropdown
  li
  span.rate {
  font-weight: 600;
  font-size: 13px;
}

.make-offer-page .make-offer-container-tile .make-offer-inner .img-sec {
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  border: 1px solid #ddd;
  height: 158px;
  margin-bottom: 15px;
  border-radius: 4px;
}

.make-offer-page .make-offer-container-tile .make-offer-inner .img-sec img {
  max-width: 100%;
  max-height: 100%;
}

.make-offer-page .make-offer-container-tile .make-offer-inner h5 {
  text-align: center;
  font-size: 15px;
}

.make-offer-page .make-offer-container-tile-inner {
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 10px;
  position: relative;
  margin: 0 auto;
  margin-bottom: 15px;
}

.make-offer-page .make-offer-container-tile-inner.userside {
  background-color: #fafafa;
}

.make-offer-page .make-offer-container-tile-inner::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 48%;
  -webkit-transform: trnslateX(-50%);
  -ms-transform: trnslateX(-50%);
  transform: trnslateX(-50%);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  bottom: 100%;
}

.ammount-slider {
  border-bottom: 1px solid #ddd;
  padding-bottom: 3px;
  display: inline-block;
  width: 100%;
  text-align: left;
}

.ammount-slider .doller-move {
  font-size: 22px;
  color: #bebebe;
  font-weight: 400;
  margin-right: 2px;
}

.ammount-slider input {
  border: 0;
  outline: 0;
  font-size: 22px;
  color: #aeaeae;
  font-weight: 600;
  color: #434343;
  display: inline-block;
  vertical-align: top;
  background: transparent;
  padding: 0;
  width: 100%;
}

.moreItemspopup button.close {
  position: absolute;
  top: 14px;
  color: var(--black);
  right: 16px;
  z-index: 999;
  opacity: 1;
  font-size: 35px;
  font-weight: normal;
}

.moreItemspopup .modal-dialog {
  width: 100%;
  margin: 0;
}

.moreItemspopup .modal-content {
  border: 0;
  min-height: 100vh;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.98);
  padding: 15px;
}

.moreItemspopup .make-offer-container-tile-inner {
  background-color: var(--white);
}

.moreItemspopup .make-offer-container-tile-inner .flaticon-cancel {
  position: absolute;
  right: -10px;
  top: -7px;
  width: 25px;
  height: 25px;
  background: var(--white);
  border: 1px solid #f7f3f3;
  border-radius: 50%;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);
  font-size: 10px;
  text-align: center;
  line-height: 24px;
  cursor: pointer;
  transition: all 0.2s;
}

.moreItemspopup .make-offer-container-tile-inner .flaticon-cancel:hover {
  transform: scale(1.05);
}

.moreItemspopup .make-offer-container-tile-inner::before {
  display: none;
}

.moreItemspopup .make-offer-container-tile-inner h5 {
  text-align: center;
  font-size: 14px;
  color: var(--black);
  margin-top: 12px;
  margin-bottom: 4px;
}

.moreItemspopup .make-offer-container-tile-inner .willpay-span {
  display: block;
  margin-top: 10px;
  font-size: 12px;
  font-style: italic;
}

.moreItemspopup .make-offer-container-tile-inner .img-sec {
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  height: 162px;
  border: 1px solid #efefef;
}

.moreItemspopup .make-offer-container-tile-inner .img-sec img {
  max-width: 100%;
  max-height: 100%;
}

.moreItemspopup .moreItemspopup-grid {
  align-items: center;
  justify-content: center;
}

.moreItemspopup .moreItemspopup-grid .moreItemspopup-tile {
  width: 275px;
  padding: 0 15px;
  margin-bottom: 15px;
}

.moreItemspopup h4 {
  text-align: center;
  margin-bottom: 29px;
  color: var(--black);
  letter-spacing: 0.04em;
}

.popup-amount-total {
  text-align: center;
  font-size: 22px;
  font-weight: 300;
}

.popup-amount-total span {
  color: var(--black);
  font-weight: 600;
  margin-top: 25px;
  margin-left: 10px;
  font-size: 25px;
}

.expand-btn {
  position: absolute;
  right: 5px;
  z-index: 5555555555;
  width: 27px;
  top: 5px;
  z-index: 0;
}

.productdetailpopup .product_gallery_item {
  padding: 5px;
}

.textarea-block {
  margin: 0 auto;
  margin-bottom: 25px;
  overflow: hidden;
}

.textarea-block textarea {
  width: 100%;
  border: 1px solid #ddd;
  height: 120px;
  border-radius: 4px;
  padding: 15px;
  margin: 20px 0;
}

.make-offr-submit {
  background-color: var(--primary);
  color: var(--white);
  border-radius: 3px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.06em;
  display: inline-block;
  margin-top: 19px;
  padding: 9px 23px;
  font-size: 1em;
  border: 0;
  float: right;
}

.make-offr-submit:hover {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}

.make-offer-container > .row {
  justify-content: center;
  -webkit-justify-content: center;
}

.remodal-overlay {
  position: fixed;
  z-index: 999999 !important;
}

.remodal-wrapper {
  z-index: 999999 !important;
}

body.remodal-is-active .remodal {
  padding: 12px !important;
  background-color: var(--white);
}

body.remodal-is-active .remodal .productdetailpopup-right {
  text-align: left;
}

.innersubheader h4 {
  color: var(--black);
  font-weight: 700;
  letter-spacing: 0.04em;
  font-size: 20px;
  margin: 0;
}

.buy-form-inner .main_form_inner {
  padding: 0 0 15px 0;
  margin: 0;
}

@media only screen and (min-width: 620px) {
  .buy-form-inner .main_form_inner {
    float: left;
    width: 50%;
    padding: 0 15px;
  }
}

.buy-form-inner .title-class {
  margin-bottom: 20px;
}

.buy-form-inner .addr-head {
  margin-bottom: 5px;
  margin-top: 20px;
}

.row {
  margin-bottom: 2rem;

  .main_form_inner label {
    margin: 0 0 5px 0;
    padding: 0;
  }
}

.gray {
  color: var(--black);
  padding: 5px;
  background-color: #f0f0f0;
  text-transform: uppercase;

  th {
    font-weight: normal;
  }
}

.submit,
.subm_btt {
  background-color: var(--primary);
  border-radius: 25px;
  moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  padding: 6px 25px;
  color: var(--white);
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  margin-top: 10px;
  border: 1px solid var(--primary);
  transition: 0.3s;

  &.back {
    background: transparent;
    color: var(--primary);

    &:hover {
      border: 1px solid var(--light-green);
      background: #eeeeee;
    }
  }

  &.offer {
    color: var(--golden);
  }
}

.submit:hover,
.subm_btt:hover {
  color: var(--primary);
  border: 1px solid var(--primary);
  background: transparent;
}

th,
td {
  vertical-align: middle !important;
}

a.btn-tggle {
  font-size: 13px;
  margin-bottom: 5px;
  border-radius: 5px;
  color: var(--black);
  font-weight: 600;
  background-color: #f5f5f5;
}

.editprofile_step_outer .sub_box {
  border: 1px solid #ddd !important;
  padding: 25px;
  border-radius: 0 0 5px 5px;
  margin-bottom: 10px;
}

form[name="frmSettings"] a.my_settings {
  background-color: #f5f5f5;
  text-decoration: none;
  border-bottom: 1px solid #d6d6d6;
  font-size: 14px;
  margin-bottom: 5px;
  border-radius: 5px;
  color: var(--black);
  display: block;
  padding: 2%;
  font-size: 13px;
  font-weight: 600;
}

.innersubheader2 h3 {
  color: #3c3b3b;
  font-size: 1.25em;
  font-weight: normal;
  padding: 25px 0 15px 0;
  margin: 0;
}

.navigation div a {
  color: var(--white) fff;
}

.refer-division {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 15px 25px;
}

.refer-division .heading {
  border-bottom: 1px solid #ddd;
  color: var(--black);
  font-weight: 700;
  letter-spacing: 0.04em;
  font-size: 20px;
  margin-bottom: 20px;
  padding: 6px 0;
  margin-bottom: 10px;
  display: block;
}

.refer-division td {
  font-size: 14px;
  line-height: 24px;
}

.subheader h2 {
  font-size: 18px;
  display: block;
  margin-bottom: 5px;
}

.contact-modal {
  padding: 0 !important;
}

@media only screen and (min-width: 40.063em) {
  .contact-modal {
    max-width: 550px !important;
  }
}

.contact-modal #inlinebox1 {
  margin: 0 !important;
  width: 100% !important;
  padding: 5px 15px !important;
}

.contact-modal .main_form_outer {
  background-color: var(--white);
}

.contact-modal .main_form_inner > h4 {
  font-weight: 600;
  font-size: 20px;
  padding: 10px 0;
}

.contact-modal .main_form_inner label {
  text-align: left;
}

.contact-modal .main_form_outer {
  padding: 15px 0 !important;
}

.contact-modal input {
  margin-bottom: 10px;
}

.no-product-items {
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  height: 350px;
  font-weight: #303030;
  color: #303030;
  font-weight: 600;
  opacity: 0.6;
}

.no-product-items img {
  max-width: 58px;
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
  opacity: 0.6;
}

.no-product-items span {
  display: block;
}

.login-form-page-inner {
  max-width: 512px;
  margin: 15px auto;
  padding: 18px 52px;
  margin-bottom: 25px;
  border-radius: 10px;
  border: 1px solid #ddd;
  position: relative;
}

@media only screen and (max-width: 500px) {
  .login-form-page-inner {
    padding: 18px 20px;
  }
}

.login-form-page-inner h4 {
  text-align: center;
  font-weight: 600;
  font-size: 21px;
}

.login-form-page-inner input,
.login-form-page-inner select {
  border: 0;
  box-shadow: inherit !important;
  border-bottom: 1px solid #ddd;
  padding: 6px 0;
  border-radius: 0;
}

.login-form-page-inner input:focus,
.login-form-page-inner select:focus {
  box-shadow: inherit !important;
  border: 0;
  border-bottom: 1px solid #ddd;
  outline: 0;
}

.login-form-page-inner label {
  font-size: 13px;
  font-weight: 500;
}

.login-form-page-inner .new-usr-label {
  text-align: center;
  display: block;
  font-size: 15px;
  font-weight: 600;
}

.login-form-page-inner .mandatory {
  text-align: center;
}

.login-form-page-inner::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  height: 9px;
  border: 1px solid #dcdcdc;
  bottom: -9px;
  z-index: -1;
  background: var(--white) dfd;
  border-radius: 0 0 10px 10px;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
}

.Product-img-container {
  position: relative;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  background-color: #fbfbfb;
}

.loginModal .maintext_small.warning {
  background: #f8d7da;
  color: #721c24 !important;
  font-size: 11px !important;
  padding: 5px;
  border-radius: 5px;
}

.login-form-page-inner div.warning {
  background: #f8d7da;
  text-align: center;
  margin: 5px 0;
  padding: 4px;
  border-radius: 4px;
  color: #721c24 !important;
}

.new-reg-form {
  max-width: 600px;
  margin: 0 auto;
  border: 1px solid #f7f5f5;
  padding: 20px 30px;
  border-radius: 10px;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.1);
  margin-bottom: 25px;
  position: relative;
}

.new-reg-form h4 {
  font-weight: 600;
  font-size: 19px;
}

.new-reg-form .msg-lbl {
  margin-top: 14px;
  font-size: 13px;
}

.new-reg-form .msg-lbl a {
  text-decoration: underline;
  font-size: 14px;
  color: #5a5959;
  font-weight: 600;
}

.new-reg-form::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  height: 9px;
  border: 1px solid #dcdcdc;
  bottom: -9px;
  z-index: -1;
  background: var(--white) dfd;
  border-radius: 0 0 10px 10px;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
}

.nav-tabs.nav-justified > .active > a {
  color: var(--black);
}

.table > tbody > tr > th {
  font-size: 13px;
}

.custom-text-panel label {
  margin-bottom: 0px;
  color: #ababab;
  font-weight: normal;
}

.custom-text-panel input:-moz-read-only {
  background: transparent;
  border: 0;
  padding: 0;
  font-weight: 600;
  font-size: 16px;
  box-shadow: inherit;
  width: auto;
  display: inline-block;
}

.custom-text-panel input:read-only {
  background: transparent;
  border: 0;
  padding: 0;
  font-weight: 600;
  font-size: 16px;
  box-shadow: inherit;
  width: auto;
  display: inline-block;
}

.custom-text-panel .grid-sec i {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
}

.custom-text-panel input[name="quantityREQD"] {
  border: 0;
  padding: 0;
  box-shadow: inherit;
  display: inline-block;
  width: auto;
  border-bottom: 1px solid #ddd;
}

/* --------------------------------- ONLINE MEMBERS PAGE --------------------------------- */
.member-list-section {
  padding: 2rem 3rem 0px;

  .online_member_list {
    padding: 15px;
    border: 1px solid var(--extra-light-green);
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 15px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);

    .member_img {
      width: 80px;
      height: 80px;
      border-radius: 50px;
      background-color: #cfcfcf;
      float: left;
      margin-right: 11px;

      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }

    .member_details {
      display: flex;
      justify-content: space-between;
      align-items: center;
      min-height: 80px;

      .member_details_content {
        width: 75%;

        .member_details_title {
          margin-bottom: 10px;

          h4 {
            display: inline;
            font-family: var(--font-primary);
            font-size: 20px;
            padding-right: 2rem;
          }

          .member_details_stats {
            display: inline-block;

            p {
              margin: 0;

              i.fa.fa-circle {
                font-size: 5px;
                padding: 0 1rem;
                margin: 0;
                vertical-align: middle;
                color: var(--extra-light-green);
              }
            }
          }
        }

        .member_short_desc p {
          margin: 0;
        }
      }

      .member_detail_chat {
        width: 25%;
        margin-left: 1rem;
        text-align: right;
        font-weight: 500;

        a {
          line-height: 22px;
          color: var(--primary);
          letter-spacing: 0.5px;
          text-transform: uppercase;
          border: 1px solid;
          border-radius: 25px;
          padding: 8px 16px;
          transition: 0.3s;

          i.flaticon-chat {
            margin-left: 8px;
          }

          &:hover {
            text-decoration: none;
            background: var(--primary);
            border-color: var(--primary);
            color: var(--white);
          }
        }
      }
    }
  }
}

.online_member_list h4 {
  font-family: var(--font-primary);
  font-size: 20px;
  margin: 5px 0 3px 0;
}

.online_member_list a:hover {
  text-decoration: underline;
}

.heading-style-h4 h4 {
  position: relative;
}

.heading-style-h4 h4::before {
  content: "";
  background-color: var(--primary);
  width: 5px;
  height: 20px;
  position: absolute;
  left: -21px;
}

.alert-custom {
  padding: 12px;
}

.alert-custom a {
  display: inline-block;
  margin: 0 auto;
  background: var(--primary);
  margin-top: 10px;
  padding: 5px 13px;
  font-size: 13px;
  color: var(--white);
  border-radius: 3px;
}

.form-control {
  box-shadow: inherit;
  border-radius: 3px;
}

.form-control:focus {
  box-shadow: inherit;
}

/* --------------------------------- FAQ PAGE --------------------------------- */
.accordion {
  .faq-item {
    background-color: var(--white);
    border-radius: 0px;
    border: 0;
    margin-bottom: 1.7rem;

    b {
      font-weight: 600;
    }

    button[aria-expanded="true"] {
      border: 1px solid var(--extra-light-green);
      border-radius: 4px;
      background: var(--secondary);
    }
  }

  button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    color: var(--primary);
    font-weight: 400;
    border: none;
    background: none;
    outline: none;
    padding: 1rem 4rem 1rem 1rem;

    h4 {
      font-family: var(--font-primary);
      font-size: 20px;
      transition: 0.3s;
      margin: 0;
    }

    &:hover,
    &:focus {
      cursor: pointer;
      color: var(--light-green) !important;

      &:after {
        cursor: pointer;
        color: var(--light-green);
        border: 1px solid var(--light-green);
      }
    }

    .icon {
      display: inline-block;
      position: absolute;
      top: 10px;
      right: 10px;
      width: 22px;
      height: 22px;
      border: 1px solid;
      border-radius: 22px;

      &:before {
        display: block;
        position: absolute;
        content: "";
        top: 9px;
        left: 5px;
        width: 10px;
        height: 2px;
        background: currentColor;
      }

      &:after {
        display: block;
        position: absolute;
        content: "";
        top: 5px;
        left: 9px;
        width: 2px;
        height: 10px;
        background: currentColor;
      }
    }
  }

  button[aria-expanded="true"] {
    color: var(--light-green);

    .icon {
      &:after {
        width: 0;
      }
    }

    + .faq-content {
      opacity: 1;
      max-height: 35em;
      transition: all 200ms linear;
      will-change: opacity, max-height;
      background: #fafaf2;
      border-radius: 0px 0px 5px 5px;
    }
  }

  .faq-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
    padding: 0 1rem;

    p {
      padding: 1.5rem 0;
    }
  }
}

/* --------------------------------- CONTACT US PAGE --------------------------------- */
.contact-form-section {
  padding: 25px;
  border: 1px solid #ddd;
  border-radius: 5px;

  .contact-form-content {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 15px;
    font-size: 13px;
    line-height: 22px;
  }

  form {
    .col-lg-6 {
      float: left;
    }
  }

  .contact-form-tile {
    margin-bottom: 15px;

    label {
      font-weight: 600;
      font-size: 13px;
      margin-bottom: 6px;
    }
  }

  input[type="submit"] {
    max-width: 300px;
  }
}

/* --------------------------------- HELP CENTER PAGE --------------------------------- */
.help-content {
  .row {
    display: flex;
    flex-wrap: wrap;
  }

  .pagination_wrapper {
    width: 100%;
  }

  .search_cat_container {
    h3 {
      font-weight: 600;
      font-size: 16px;
      color: var(--black);
    }

    li {
      a {
        font-size: 13px;
        font-weight: 600;
      }
    }
  }
}

/* --------------------------------- SITEMAP PAGE --------------------------------- */
.sitemap-section {
  .subheader_hlp {
    font-weight: 600;
    color: var(--black);
    border-bottom: 1px solid #ddd;
    padding-bottom: 3px;
    font-size: 16px;
  }

  li a {
    font-size: 13px;
    font-weight: 600;

    &:hover {
      color: var(--primary);
    }
  }
}

/* --------------------------------- PRIVACY PAGE --------------------------------- */
.privacy-policy-section {
}

.body1 {
  padding: 0;
  padding-bottom: 15px;
}

@media only screen and (max-width: 768px) {
  p {
    font-size: 14px;
  }

  .innersubheader h4 {
    font-size: 18px;
  }
}

.nav-tabs.nav-justified > li.active {
  border-bottom: 0;
}

.profile-edit-section label {
  font-size: 13px;
  font-weight: 600;
}

a#update_location {
  float: right;
  text-decoration: underline;
  font-size: 13px;
  font-style: italic;
  color: var(--black);
}

a.img-edit {
  position: absolute;
  right: 9px;
  text-align: center;
  font-size: 12px;
  color: var(--black);
  padding: 5px 8px;
  display: inline-block;
  width: auto;
  text-transform: capitalize;
  color: var(--white);
  z-index: 5;
  font-weight: 500;
  border-radius: 2px;
  top: 13px;
}

a.img-edit:hover {
  opacity: 0.7;
}

.escrowpayments-clickbtn {
  color: #333 !important;
  font-style: italic;
}

.escrowpayments-clickbtn:hover {
  text-decoration: underline;
}

.viewfeedback-form {
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}

.viewfeedback-form input {
  width: 202px;
  display: inline-block;
  height: 33px;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

.viewfeedback-form select {
  width: 110px;
  display: inline-block;
  height: 33px;
  border-radius: 0;
  border-radius: 3px 0 0 3px;
  font-size: 13px;
}

.viewfeedback-form a.link_style3 {
  width: 103px;
  height: 33px;
  display: inline-block;
  border: 0;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  border: 1px solid #ccc;
  border-radius: 0 4px 4px 0;
  line-height: 34px;
  text-align: center;
  transition: 0.3s;
}

.viewfeedback-form a.link_style3:hover {
  background: var(--primary);
  color: white;
  border: 1px solid var(--primary);
  opacity: 0.8;
}

.ajax-upload-dragdrop .ajax-file-upload {
  background: var(--primary);
  color: var(--white);
  padding: 8px 19px;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.2s;
}

.ajax-upload-dragdrop .ajax-file-upload:hover {
  opacity: 0.8;
}

@media only screen and (max-width: 767px) {
  .productdetailpopup .modal-dialog {
    max-width: 468px;
    margin-top: 38px;
  }

  .productdetailpopup-right {
    font-size: 12px;
  }
}

@media only screen and (max-width: 620px) {
  .product-list-head-right {
    width: 100%;
    margin-top: 15px;
    justify-content: space-between;
    -ms-justify-content: space-between;
  }
}

@media only screen and (max-width: 520px) {
  .listView .product-more-list-tile .product-more-list-tile-bottom-sec {
    width: 100%;
    border-top: 1px solid #ddd;
    padding: 15px 0;
  }

  .listView .product-more-list-tile .product-more-list-tile-img-sec {
    margin: 0 auto;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 490px) {
  .product-list-head-right {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: center;
    -ms-justify-content: center;
  }

  .product-list-head form {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 425px) {
  .product-list-head form {
    padding: 0;
    width: 100%;
    border: 0;
  }

  .product-list-head form .bootstrap-select {
    width: 100% !important;
  }

  .product-list-head form input {
    border: 1px solid #ddd;
    width: 100%;
    height: 45px;
    margin-top: 6px;
    padding: 0 10px;
    border-radius: 4px;
  }

  .product-list-head form .bootstrap-select .dropdown-toggle {
    height: 45px;
    border: 1px solid #ddd;
    padding: 0 10px !important;
    border-radius: 4px;
  }

  .product-list-head form button[type="submit"] {
    border-radius: 0;
    margin: 0;
    width: 100%;
    font-size: 13px;
    height: 45px;
    margin-top: 6px;
    font-weight: 500;
    border-radius: 4px;
  }
}

.user-status {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
}

.user-status .chat-off,
.user-status .chat-active {
  padding: 2px 7px;
  color: #fff;
  border-radius: 4px;
}

.user-status .chat-off {
  background-color: #000;
}

.user-status .chat-active {
  background-color: var(--light-green);
  color: #fff;
}

.user-status .chat-off .status-off,
.user-status .chat-active .status-on {
  font-weight: 600;
}

.user-status a {
  color: var(--white);
}

.user-status span {
  margin-right: 4px;
}

.pr_deatails_xtralinks {
  border: 0;
  padding: 15px;
  border-radius: 5px;
  background: transparent;
  border: 1px solid var(--extra-light-green);
  margin-top: 30px;
}

.pr_deatails_xtralinks > a {
  color: var(--light-green);
}

.pr_deatails_xtralinks a {
  font-weight: 500;
  margin: 0 40px 0 0;
}

.pr_deatails_xtralinks a:hover {
  text-decoration: underline;
}

.pr_deatails_xtralinks i {
  color: var(--light-green);
  padding-right: 5px;
}

.pr_deatails_xtralinks .glyphicon-tasks {
  top: 3px;
}

.pr_deatails_xtralinks .user-status {
  float: right;
}

.pr_deatails_xtralinks .user-status a {
  margin: 0;
}

.layoutmodi1.status_outer {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
  background: #687abb;
  border-radius: 0 3px 3px 0;
  top: 9px;
  padding: 5px 7px;
}

.layoutmodi1.status_outer a.online_msg_link,
.layoutmodi1.status_outer .chat_online,
.layoutmodi1.status_outer .chat_offline {
  color: var(--white);
}

.layoutmodi1.status_outer a.online_msg_link {
  font-size: 12px;
  float: right;
  height: 14px;
  line-height: 14px;
  display: block;
  margin-left: 5px;
}

.layoutmodi1.status_outer .chat_online {
  width: 9px;
  height: 9px;
}

.no-search-result {
  display: flex;
  display: flex-box;
  min-height: 300px;
  align-items: center;
  -ms-align-items: center;
  justify-content: center;
  text-align: center;
  -ms-justify-content: center;
  -ms-text-align: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.no-search-result img {
  max-width: 150px;
}

.no-search-result span {
  display: block;
  font-weight: 500;
  color: #969696;
  font-size: 15px;
}

.detail-user-table .navigation {
  background: var(--white);
}

.detail-user-table .grey h4 {
  font-weight: 600;
  font-size: 15px;
}

.mfp-close {
  opacity: 1;
}

.home_product_outer {
  display: none;
}

.homepage_contentsec .success_msg {
  display: flex;
  align-items: center;
  -ms-align-items: center;

  p {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: var(--primary);
  }
}

a.cont-btn {
  background: #4bcf68;
  padding: 5px 12px;
  margin: 5px 0;
  display: inline-block;
  color: var(--white);
  border-radius: 2px;
}

.buy-form-inner h2 {
  color: var(--black);
  font-weight: 700;
  letter-spacing: 0.04em;
  font-size: 22px;
  margin: 0;
  padding: 15px 0;
  text-align: center;
}

.custom-msg {
  padding: 13px;
  border-radius: 4px;
}

.flex-row-center {
  justify-content: center;
  -webkit-justify-content: center;
}

.product_item_gallery img {
  max-height: 65px;
}

.nav-tabs.nav-justified > li > a {
  border: 0;
}

#product_item_gallery .item,
#product_item_gallery-detail .item {
  height: 105px;
}

#product_item_gallery .item img,
#product_item_gallery-detail .item img {
  max-width: 80px;
  height: 100%;
  border-radius: 4px;
  object-fit: cover;
}

.zoomContainer {
  height: auto !important;
}

@media screen and (max-width: 800px) {
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
  }
}

img.mfp-img {
  max-height: 590px !important;
}

.gridView .product-more-list-tile .product-more-list-tile-bottom-sec {
  min-height: 110px;
}

.product_list_item .product_heading a {
  color: var(--black);
}

.product_list_item h4.prdct_price span {
  color: var(--black);
  font-weight: 600;
}

/*theme*/
.main-navigation
  .main-navigation-inner
  .navbar-default
  .navbar-nav
  > li
  > a::after {
  background: var(--primary);
}

.item-slider-section-tile
  .item-slider-section-tile-img-sec
  .condition-new-label {
  background-color: #8ce387;
}

.productdetailpopup .make-offer-btn {
  background-color: var(--primary);
}

.pr_deatails_xtralinks .glyphicon {
  color: var(--primary);
}

.product-list-head form button[type="submit"] {
  background-color: var(--primary);
  color: var(--white);
}

.view-mode a.active {
  background-color: var(--primary);
  color: var(--white);
  border: 1px solid var(--primary);
}

.gridView
  .product-more-list-tile
  .product-more-list-tile-img-sec
  .condition-new-label {
  background-color: #8ce387;
  color: var(--white);
}

.sendMessagemodal .sendMessagemodal-btn {
  background-color: var(--primary);
  color: var(--white);
}

.make-offer-page .make-offer-container-tile-inner::before {
  border-bottom: 13px solid var(--primary);
}

.make-offer-page
  .make-offer-container-tile
  .dropdown
  .makeoffer-dropdown
  li
  .check-container
  .checkmark:after {
  color: var(--primary);
}

.side-category-menu#menu ul li a:hover {
  color: var(--primary);
}

.side-category-menu#menu ul li a span {
  background-color: rgba(255, 218, 184, 0.3);
}

.tab-tiles li.active a {
  background-color: var(--primary) !important;
  color: var(--white) !important;
  border: 1px solid var(--primary) !important;
}

.help-content .search_cat_container li a:hover {
  color: var(--primary);
}

.listView
  .product-more-list-tile
  .product-more-list-tile-bottom-sec
  .makeoffer-btn {
  background-color: var(--primary);
}

.listView
  .product-more-list-tile
  .product-more-list-tile-bottom-sec
  .makeoffer-btn {
  background-color: var(--primary);
}

.category-drop,
#category-close {
  background: var(--primary);
}

.productdetailpopup .make-offer-btn,
a.img-edit {
  background-color: var(--primary);
}

.hor_bar {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0 !important;
}

.hor_bar a {
  float: left;
  width: 100%;
  color: var(--black);
  font-size: 13px;
  padding: 2%;
  background: #f5f5f5;
  border-bottom: 1px solid #d6d6d6;
}

.hor_bar a:hover,
.hor_bar a:active {
  background-color: var(--primary);
  color: var(--white) !important;
  text-decoration: none;
  border-bottom: 1px solid #d6d6d6;
}

/* --------------------------------- My Booth styles --------------------------------- */
.comm_input {
  padding: 8px 8px 8px 10px;
  border: none;
  background-color: var(--secondary);
  font-size: 16px;
  color: var(--primary);
  -moz-border-radius: 5px;
  margin: 0 !important;
}

@media only screen and (min-width: 620px) {
  .buy-form-inner .comm_input,
  .buy-form-inner .form-control {
    margin-bottom: 13px !important;
  }
}

.homepage_contentsec {
  padding: 4rem 0;

  &.maintext2 {
    text-align: center;
    padding: 1rem 0;
    font-size: 18px;
  }

  &.user-account {
    padding: 2rem 0;

    ul {
      list-style: none;
      margin: 0;
      padding: 0;
    }

    #menu li a {
      display: block;
      width: 100%;
      text-decoration: none;
      font-weight: normal;
      font-size: 18px;
      padding: 1rem;
    }

    .col-lg-3,
    .col-lg-9 {
      float: left;

      @media only screen and (max-width: 992px) {
        float: none;
      }
    }

    .col-lg-3 {
      width: 20%;

      @media only screen and (max-width: 1439px) {
        width: 25%;
      }

      @media only screen and (max-width: 992px) {
        width: 100%;
      }
    }

    .col-lg-9 {
      width: 80%;

      @media only screen and (max-width: 1439px) {
        width: 75%;
      }

      @media only screen and (max-width: 992px) {
        width: 100%;
      }
    }

    .my-booth-title {
      padding: 0.5rem 0;
    }

    .profile-side-menu li {
      background: transparent;
      border-radius: 4px;
      line-height: 22px;

      &:hover {
        background-color: var(--golden) !important;

        a {
          color: var(--black) !important;
        }
      }
    }

    .innersubheader {
      display: flex;
      justify-content: center;
      align-items: center;

      .back-btn {
        display: block;
        position: relative;
        background-color: var(--primary);
        color: var(--white);
        z-index: 1;
        padding: 0.5rem 2rem;
        font-size: 14px;
        text-transform: uppercase;
        border-radius: 3px;
        float: right;
        transition: all 0.2s;
        letter-spacing: 0.05rem;

        &:hover {
          transform: translateY(-2px);
          color: var(--white);
        }
      }

      &.payment-failure {
        position: relative;
        justify-content: center;
        flex-direction: column;
        height: 50vh;

        .row.warning {
          padding: 3rem 1rem;
          margin-bottom: 0;
        }

        .submit {
          margin-bottom: 1rem;
          position: absolute;
          bottom: 0;
        }
      }
    }

    .form-section {
      float: inherit;
      padding: 1.5rem;
      width: 100%;
      background: var(--secondary-light);
      border-radius: 5px;

      &.account-summary,
      &.feedback-form {
        h3 {
          padding: 0;
          padding-bottom: 20px;
        }

        .my-booth-tab li a {
          border: 0 !important;

          &:hover,
          &:focus {
            background: var(--white);
            color: var(--black) !important;
            border-radius: 4px 4px 0 0;
          }
        }

        .my-booth-tab li.active a {
          background: var(--white) !important;
          color: var(--black) !important;
          border-radius: 4px 4px 0 0;
          box-shadow: 0px -6px 5px -5px #ccc;
        }

        .tabcontainer_new {
          border-top: none;
          padding: 15px;
          background: var(--white);
        }

        .table-responsive {
          @media only screen and (max-width: 767px) {
            border: none;
          }

          .nav-tabs.nav-justified {
            display: flex;

            @media only screen and (max-width: 1439px) {
              flex-wrap: wrap;
            }

            li {
              width: auto;

              @media only screen and (max-width: 992px) {
                width: 100%;
              }
            }
          }

          form {
            padding: 0;
          }
        }

        .pay-form,
        .main_form_outer {
          border-radius: 5px;
          position: relative;
          background: var(--white);
          box-shadow: 0px -6px 5px -5px #ccc;

          h4 {
            text-align: center;
            font-weight: 600;
            font-size: 21px;
            margin-bottom: 21px;
          }

          p {
            font-size: 16px;
            line-height: 22px;
          }

          .saleofferformeitem_inner {
            display: flex;
            justify-content: space-between;

            &:nth-child(odd) {
              background: var(--secondary);
            }

            &:nth-child(even) {
              background: var(--secondary-light);
            }

            label {
              font-weight: 400;
              font-size: 16px;
              padding: 0.5rem 1rem;
              margin: 0;

              b {
                font-weight: 700;
              }
            }
          }

          h5 {
            font-weight: 600;
            font-size: 17px;
          }
        }

        .profile-section-bottom {
          box-shadow: 0px -6px 5px -5px #ccc;

          form {
            border-radius: 5px;

            .custom-text-div {
              margin-bottom: 3rem;

              div {
                line-height: 22px;
                font-size: 16px;
              }

              label {
                font-size: 16px;
              }
            }
          }
        }

        .buy-form-inner {
          padding: 0;

          .button-bottom {
            margin-top: 2rem;
          }
        }

        .payment-form {
          margin-top: 2rem;
        }

        .rating-container {
          display: flex;
          flex-wrap: wrap;
          margin: 6px -15px;
          overflow: hidden;

          .lbl {
            border: 1px solid #ccc;
            border-radius: 4px;
            position: relative;
            margin-bottom: 2rem;

            label {
              padding: 6px;
              cursor: pointer;
              position: relative;
              z-index: 1;
              margin: 0;
              font-size: 18px;
              line-height: 22px;
              width: 100%;
            }
          }

          input[type="radio"] {
            margin: 0;
            margin-right: 5px;
            width: 20px;
            height: 20px;
            vertical-align: top;
          }
        }

        .main_form_inner {
          margin-bottom: 2rem;

          &.buttons {
            text-align: center;
          }

          &.prod-title {
            h4 {
              text-align: center;
              font-size: 20px;
            }
          }
        }

        .user-messages {
          span.new-message {
            background: var(--golden);
            padding: 0 0.5rem;
            color: var(--primary);
            border-radius: 4px;
            box-shadow: 0 1px 5px 0px #ddd;
          }

          tr:nth-child(1n + 2) {
            &:hover {
              background: var(--secondary);

              .read-message {
                text-decoration: underline;
                text-underline-offset: 2px;
              }
            }
          }
        }
      }

      &.user-profile {
        .profile-section {
          .profile-section-image {
            margin: 2rem auto;
            align-items: center;
            -webkit-align-items: center;
            justify-content: start;
            -webkit-justify-content: start;
            width: 100%;
            text-align: center;

            img {
              width: 148px;
              height: 148px;
              object-fit: cover;
              border-radius: 50%;
              overflow: hidden;
            }
          }

          .profile-section-inner {
            .contact-details-head,
            .account-details-head,
            .account-confid-head,
            .account-password-head,
            .account-feedback-head {
              display: flex;
              justify-content: space-between;
              align-items: center;
              border-bottom: 1px solid var(--primary);
              padding-bottom: 14px;
              margin: 2rem 0;

              h4 {
                font-weight: 700;
                margin: 0;
              }
            }

            .custom-text-div {
              margin-bottom: 3rem;

              div {
                line-height: 22px;
                font-size: 16px;
              }

              label {
                font-size: 16px;
              }
            }

            .profile-section-bottom {
              border: 1px solid #f1f0f0;
              padding: 15px 20px;
              margin-bottom: 20px;
              border-radius: 10px;
              box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.1);
            }

            .profile-section-bottom .user_prof_R {
              font-weight: 600;
            }

            .profile-section-bottom .user_prof_L {
              padding: 2% 0;
            }

            .profile-section-bottom .user_prof_gray {
              background-color: var(--white);
            }

            .profile-section-bottom h4 {
              font-weight: 600;
              border-bottom: 1px solid #f9f5f5;
              padding-bottom: 14px;
            }
          }

          form {
            background: transparent;
            padding: 0;
          }

          #confidForm,
          #frmImage {
            .main_form_inner {
              position: relative;

              .custom-text-div {
                margin-bottom: 2rem;

                input {
                  padding: 0;
                  height: initial;
                  width: initial;
                  margin-bottom: 0;
                  display: none;
                  cursor: pointer;
                }

                label {
                  font-weight: 400;
                  cursor: pointer;
                  margin: 0;

                  &:before {
                    content: "";
                    -webkit-appearance: none;
                    background-color: transparent;
                    border: 2px solid var(--dark-primary);
                    border-radius: 3px;
                    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
                      inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
                    padding: 8px;
                    display: inline-block;
                    position: relative;
                    vertical-align: middle;
                    margin-right: 1rem;
                  }
                }
              }
            }

            input:checked + label:after {
              content: "";
              display: block;
              position: absolute;
              top: -0.3rem;
              left: 2.4rem;
              width: 8px;
              height: 20px;
              border: solid var(--primary);
              border-width: 0 2px 2px 0;
              transform: rotate(45deg);
            }
          }
        }
      }

      .nav-tabs.nav-justified > li > a {
        font-size: 16px;
        font-weight: 700;
        color: var(--black);

        span {
          font-size: 13px;
          font-weight: 400;
        }

        &.active {
          background: var(--white);
          box-shadow: 0px -6px 5px -5px #ccc;
        }

        &:hover {
          background: var(--white) !important;
        }
      }
    }

    form {
      padding: 2rem;
      background: var(--white);
      border-radius: 0px 0px 5px 5px;

      .row.success {
        text-align: center;
        margin: 1rem 0;
        font-weight: 600;
      }
    }

    .tabContent {
      background: var(--white);
      border-radius: 0px 0px 5px 5px;
      padding: 1.5rem;
      border: 1px #9d9d9d;
      border-top: none;
    }

    .edit-profile-btn {
      text-align: center;

      a {
        display: inline-block;
        margin-top: 3rem;
        padding: 1rem 2rem;
        background: var(--white);
        border: 1px solid var(--primary);
        border-radius: 25px;
      }

      .profile-img,
      .profile-details {
        margin: 0 3rem;
        text-transform: uppercase;
        font-weight: 500;

        i {
          margin-left: 1rem;
        }
      }
    }
  }
}

/* ------------------------------ LOGIN --------------------------------- */
.login_container {
  border: 1px solid #cfcfcf;
  width: 524px;
  background: url(login_bg.jpg) 0% 100% var(--white) fff repeat-x;
  margin: 0 auto;
  padding: 15px;
  font-size: 12px;
}

.login_icon {
  width: 106px;
  height: 107px;
  background: url(login_icon.png) 0% 50% no-repeat;
  border-right: 1px solid #cfcfcf;
  padding: 25px 15px 25px 0;
}

.textbox_style1 {
  width: 290px;
  height: 20px;
  padding: 5px;
  background-color: var(--white) fff;
  border: 1px solid #cbcbcb;
}

.login_tble {
}

.login_tble td {
  padding: 10px 0 0 10px;
}

.login_tble a {
  font-size: 11px;
  font-weight: bold;
  color: #626262;
  padding-left: 5px;
}

.login_tble a:hover {
  color: var(--black);
  text-decoration: underline;
  padding-left: 5px;
}

.list_tbl {
  margin: 0 0 0px 0;
}

.list_tbl td {
  padding: 5px;
  color: #333333;
  font-size: 12px;
  padding: 10px;
  border-bottom: #dcdcdc solid 1px;
}

.navigation {
  color: var(--white) fff;
  border: none !important;
  background-color: var(--primary);
  padding: 8px;
  font-size: 12px;
}

.list_tbl th {
  padding: 8px;
  background-color: #1f1f1f !important;
  color: var(--white) !important;
}

.list_tbl td a:link,
.list_tbl td a:visited,
.list_tbl td a:active {
  color: #363105 !important;
  text-decoration: underline;
}

.list_tbl td a:hover {
  color: var(--black) !important;
  text-decoration: none;
}

.search_container {
  border: none !important;
  padding: 8px;
  font-size: 12px;
}

.search_container_listing {
  padding: 10px 0;
}

.search_container_listing .form-control {
  margin-bottom: 5px;
}

.search_table td {
  padding: 0 5px !important;
  border-bottom: none !important;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
}

.left {
  float: left;
}

.right {
  float: right;
}

.sucess_msg {
  background-color: #ecffec;
  color: #009900;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 9px;
  text-align: center;
  border: 1px solid #009900;
}

.reg_icon {
  background: url(reg_icon.jpg) 0% 50% no-repeat;
}

.tabContent {
  border-left: #d5d5d5 solid 1px;
  border-right: #d5d5d5 solid 1px;
  border-bottom: #d5d5d5 solid 1px;
}

.tabContent_new {
  padding: 10px;
  border: 1px solid #d9d9d9;
  border-top: none;
}

/*# sourceMappingURL=newstyle.css.map */

/*Drag'n'Drop zone for images*/
label.chkImage {
  padding-left: 15px !important;
}

label.control-label {
  width: 100%;
  text-align: center;
}

.preview-zone {
  text-align: center;

  .box {
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0;
    position: relative;
    background: #ffffff;
    width: 100%;

    .box-header {
      color: #444;
      display: block;
      padding: 10px;
      position: relative;
      border-bottom: 1px solid #f4f4f4;
      margin-bottom: 10px;

      .box-tools {
        position: absolute;
        right: 10px;
        top: 5px;

        button {
          border: none;
          padding: 0.5rem;
          border-radius: 4px;
          transition: 0.3s;
          background: var(--light-grey);

          &:hover {
            box-shadow: 0 1px 3px 0px var(--extra-light-green);
          }
        }
      }
    }
  }
}

.dropzone-wrapper {
  border: 2px dashed var(--light-green);
  border-radius: 10px;
  color: #92b0b3;
  position: relative;
  height: 150px;

  .comm_div {
    text-align: center;
    padding: 1rem;
  }

  .dropzone-desc {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    width: 40%;
    top: 50px;
    font-size: 16px;
  }

  .dropzone,
  .dropzone:focus {
    position: absolute;
    outline: none !important;
    width: 100%;
    height: 150px;
    cursor: pointer;
    opacity: 0;
  }

  &:hover,
  &.dragover {
    background: #ecf0f5;
  }
}