/* input(556,80): run-time error CSS1046: Expect comma, found '255'
input(556,87): run-time error CSS1046: Expect comma, found ')'
input(4051,19): run-time error CSS1030: Expected identifier, found '.'
input(4051,40): run-time error CSS1025: Expected comma or open brace, found ')'
input(7318,24): run-time error CSS1036: Expected expression, found ';'
input(8091,28): run-time error CSS1036: Expected expression, found ';'
input(8195,29): run-time error CSS1036: Expected expression, found ';'
input(8373,29): run-time error CSS1036: Expected expression, found ';'
input(8809,24): run-time error CSS1036: Expected expression, found ';'
input(8814,23): run-time error CSS1036: Expected expression, found ';'
input(8815,20): run-time error CSS1036: Expected expression, found ';'
input(8816,19): run-time error CSS1036: Expected expression, found ';'
input(9148,22): run-time error CSS1036: Expected expression, found ';'
input(9149,33): run-time error CSS1036: Expected expression, found ';'
input(9937,20): run-time error CSS1036: Expected expression, found ';'
input(10008,20): run-time error CSS1036: Expected expression, found ';'
input(10022,24): run-time error CSS1036: Expected expression, found ';'
input(10331,23): run-time error CSS1036: Expected expression, found ';'
input(10445,29): run-time error CSS1036: Expected expression, found ';'
input(10670,24): run-time error CSS1036: Expected expression, found ';' */
@import '/css/pages/index.css';

/*@font-face {
    font-family: 'iranSans';
    src: url('../Themes/Emporium/Content/fonts/IRANSans.ttf');
}

@font-face {
    font-family: 'iranSansNum';
    src: url(../Themes/Emporium/Content/css/'../fonts/IRANSansWeb/(FaNum/).ttf');
}*/
@import url("fonts/fontiran.css");

.product-selectors select {
  font-family: 'IRANSansX';
}

.custom-select {
  height: 32px;
  border-radius: 4px;
  border: 1px solid #ACACAC;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 12px;
}

.search-btn {
  background: var(--color-primary);
  border: 1px solid var(--color-primary);
  border-radius: 4px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #FFFFFF;
}

@media screen and (min-width:576px) {
  .item-cards .card-item {
    padding: 24px;
  }
}

@media screen and (max-width:575px) {
  .item-cards .card-item {
    padding: 28px 10px 0;
  }
}

/* Start search form media query */
@media screen and (max-width:767px) {
  /*.master-wrapper-content {
    padding: 0px !important;
  }*/

  .header {
    height: 48px;
  }

  .navbar {
    padding-top: 0px !important;
  }

  .navbar-brand img {
    height: 41px !important;
  }

  .head-items .search {
    padding: 32px 27px;
  }

  .navbar .navbar-toggler {
    position: absolute;
    right: 2vw !important;
    top: 0px !important;
    border: none;
    padding: 11px;
    outline: none;
  }

  .head-items .search .card {
    background: #FFFFFF;
    width: 100%;
    border: none;
  }

  .head-items .search .card-body {
    padding: 20px;
  }

    .head-items .search .card-body .col-md-4 {
      padding-left: 8px;
      padding-right: 8px;
      position: relative;
    }

      .head-items .search .card-body .col-md-4 .down-arrow {
        position: absolute;
        left: 12px;
        top: 42px;
      }

      .head-items .search .card-body .col-md-4 select {
        direction: rtl;
        font-weight: 300;
        font-size: 16px;
        line-height: 24px;
        color: #333333;
      }

  .head-items .search .head .btn-group {
    width: 100%;
    direction: ltr;
    display: flex;
    justify-content: space-between;
  }

    .head-items .search .head .btn-group label {
      border: none;
      font-family: 'IRANSansX';
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      color: #6D83AC;
      height: 40px;
      border-radius: 0;
      border: none;
      outline: none !important;
      border: 1px solid #646464;
      border-radius: 24px;
      max-width: 100px;
    }

    .head-items .search .head .btn-group .active-btn {
      color: #FFFFFF;
      background: var(--color-primary);
      border: none !important;
      outline: none !important;
    }

    .head-items .search .head .btn-group label img {
      display: none;
    }

    .head-items .search .head .btn-group label:hover {
      color: #FFFFFF;
      background: var(--color-primary-hover);
      border: none !important;
      outline: none !important;
    }

  .custom-select {
    height: 40px;
    border-radius: 4px;
    border: 1px solid #ACACAC;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 12px;
    margin-top: 28px;
  }

  .search-btn {
    width: 100%;
    height: 40px;
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: 4px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #FFFFFF;
    margin-top: 16px;
  }

  .search-button-container {
    padding-left: 8px;
    padding-right: 8px;
  }

  nav {
    box-shadow: 0px 4px 8px rgba(100, 100, 100, 0.16);
    position: absolute !important;
    z-index: 1000;
    width: 100%;
    top: 0px;
    box-shadow: none !important;
  }

  .navbar-collapse {
    background: #fff;
    box-shadow: 0px 6px 5px 1px #8f8f8f1c;
    margin-top: -3px;
    padding: 0 10px 0px;
    border-radius: 0 0 15px 15px;
    z-index: 999;
  }

    .navbar-collapse.collapse.show {
      background: transparent;
      box-shadow: none;
    }

  .cart-login-buttons {
    top: 0px !important;
  }
}

@media screen and (min-width:768px) {
  .head-items .search {
    margin-top: -202px;
    height: 168px;
  }

    .head-items .search .card {
      background: #FFFFFF;
      border: 1px solid #ACACAC;
      box-shadow: 0px 0px 4px rgba(51, 51, 51, 0.24);
      border-radius: 8px;
      height: 100%;
      width: 416px;
    }

    .head-items .search .head {
      height: 41px;
      border-bottom: 1px solid #ACACAC;
    }

    .head-items .search .card-body {
      padding: 20px;
    }

      .head-items .search .card-body .col-md-4 {
        padding-left: 8px;
        padding-right: 8px;
        position: relative;
      }

        .head-items .search .card-body .col-md-4 .down-arrow {
          position: absolute;
          left: 12px;
          top: 9px;
        }

        .head-items .search .card-body .col-md-4 select {
          direction: rtl;
          font-weight: 300;
          font-size: 16px;
          line-height: 24px;
          color: #333333;
        }

    .head-items .search .head .btn-group {
      width: 100%;
      direction: ltr;
      overflow: hidden;
    }

      .head-items .search .head .btn-group label {
        border: none;
        font-family: 'IRANSansX';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #6D83AC;
        height: 41px;
        border-radius: 0;
        border: none;
        outline: none !important;
      }

      .head-items .search .head .btn-group .active-btn {
        color: var(--color-primary);
        background: var(--color-primary-50);
        border: none !important;
        outline: none !important;
        border-bottom: 2px solid var(--color-primary) !important;
      }

      .head-items .search .head .btn-group label:hover {
        color: var(--color-primary-hover);
        background: var(--color-primary-50);
        border: none !important;
        outline: none !important;
        border-bottom: 2px solid var(--color-primary-hover) !important;
      }
}

/* End search form media query */

@media screen and (max-width:1024px) {
  .cart tr.cart-item-row {
    padding-bottom: 129px;
  }

    .cart tr.cart-item-row .subtotal {
      background-color: transparent !important;
      border: none !important;
      height: 50px;
      bottom: 44px;
    }

    .cart tr.cart-item-row .quantity {
      background-color: transparent !important;
      border: none !important;
      height: 129px;
      /* display: flex;
    flex-wrap: wrap; */
    }

    .cart tr.cart-item-row .unit-price {
      background-color: transparent !important;
      border: none !important;
      bottom: 94px;
    }

  .cart-delete-botton {
    display: block;
    position: relative;
    font-size: 14px;
    padding: 0 5px;
    font-weight: 500;
    cursor: pointer;
  }

    .cart-delete-botton img {
      display: none;
    }

  .cart .remove-from-cart {
    width: 100%;
    background: #eee;
    bottom: 0px;
    top: auto !important;
    height: 38px;
    padding: 7px;
  }

  td.quantity label.td-title {
    max-width: unset !important;
    padding: 5px 0px;
  }

  .quantity select,
  .quantity input {
    height: 36px !important;
  }

  .collapse {
    z-index: -1;
  }

  .navbar-text .nav-buttons {
    z-index: 10000;
    position: absolute;
    left: 12px;
    top: 21px;
  }

  .navbar .container-fluid {
    position: relative;
    z-index: 1;
  }

  .nav-buttons .icon-item .mobile-icon img {
    /* margin-top: -8px; */
  }

  .cart-login-buttons .mobile-flyout-wrapper {
    z-index: 1085 !important;
  }

  .checkout-page .section.payment-method {
    margin-bottom: 0px;
  }

  .payment-method-page .section.order-summary.side-panel {
    margin-bottom: 0px;
  }

  .master-wrapper-content, .html-account-page .master-wrapper-content {
    padding-bottom: 48px !important;
  }

  .card .payment-method .method-list li {
    max-width: 100% !important;
  }

  .payment-method .method-list {
    padding-left: 0px !important;
  }
}

@media screen and (min-width:1025px) {
  .mini-shopping-cart > div:before {
    left: 30px !important;
  }

  .mini-shopping-cart {
    left: -20px !important;
  }

  .icon-item.mobile-icon {
    display: none;
  }
}


@media screen and (max-width:991px) {
  .icon-item {
    width: 24px;
  }

  .navbar-brand {
    width: 100%;
  }

    .navbar-brand span {
      width: 100%;
      display: flex;
      justify-content: center;
    }

  .nav-item {
    padding-right: 0px;
    text-align: right;
  }

  .cart-login-buttons {
    position: absolute;
    left: 10px;
    top: 13px;
    display: block;
    padding-top: 11px;
    z-index: 1080;
  }

    .cart-login-buttons .icon-item {
      margin: 0 10px;
    }

  .navbar-collapse {
    position: absolute;
    left: 0px;
    width: max-content;
    min-width: 30%;
    height: 100%;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    z-index: 1060;
  }

    .navbar-collapse .navbar-text .icon-item {
      width: auto !important;
    }

  .typo-tpoic h5 {
    text-align: center !important;
  }
}

@media screen and (min-width:992px) {
  .page-container {
    margin: 0 120px;
  }

  .typo-tpoic .provience-agancies-card {
    margin-top: 108px;
  }
}

.navbar {
  background: transparent !important;
}

  .navbar .navbar-toggler {
    position: absolute;
    right: 4vw;
    top: 15px;
    border: none;
    padding: 11px;
    outline: none;
  }

    .navbar .navbar-toggler:focus {
      outline: none !important;
      box-shadow: none;
      border: none;
    }

  .navbar .container-fluid {
    justify-content: center;
  }

.navbar-collapse {
  display: flex !important;
  justify-content: space-between;
}

.navbar-brand {
  z-index: 0;
}

  .navbar-brand img {
    height: 48px;
  }

.navbar-nav .nav-item {
  padding: 8px 1.2vw;
}

  .navbar-nav .nav-item img {
    margin: 0 3px;
  }

  .navbar-nav .nav-item * {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0px;
    color: #6D83AC;
    font-style: normal;
  }

.navbar-text .nav-buttons img {
  display: block;
  padding-right: 20px;
  /* margin-top: -5px; */
}

.head-items .head-image {
  display: block;
  position: relative;
  /* overflow: hidden; */
}

  .head-items .head-image img {
    display: block;
    position: relative;
    max-width: 100%;
  }

  .head-items .head-image .filter-color {
    position: absolute;
    width: 100%;
    height: 105%;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, #ffffff75 77%, #ffffff 91.31%, rgb(255 255 255) 100%);
    /* linear-gradient(180deg, #FFFFFF 70.31%, rgba(255, 255, 255, 0) 96.35%); figma version */
    /* opacity: 0.45; */
  }

.typo-section {
  text-align: center;
  padding: 56px 68px 76px;
}

  .typo-section h2 {
    font-style: normal;
    font-weight: 500;
    font-size: 38px;
    line-height: 66px;
    color: #333333;
  }

  .typo-section h6 {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    padding-top: 20px;
  }

.item-cards .card {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #E0E2E5;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
}

  .item-cards .card .typo-sec {
    height: 55px;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 54px;
    color: #333333;
  }

.icon-item {
  position: relative;
  padding-top: 3px;
}

  .icon-item .icon-notif {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 8px;
    top: -5px;
    background: var(--color-primary);
    font-family: 'IRANSansX';
    /*iranSansNum*/
    color: #fff;
    border-radius: 50%;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    padding: 0px;
  }

.clickable {
  cursor: pointer;
}


.topic-block {
  /* padding-top: 20vh !important; */
  margin-bottom: 32px !important;
}

.header {
  margin-top: 0px !important;
  overflow: unset !important;
}

/*.master-wrapper-content {
  padding-top: 0px !important;
}*/

.btn-warning-box-outline {
  background: #FFFFFF;
  border: 1px solid var(--color-primary) !important;
  border-radius: 32px !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: var(--color-primary);
  margin-bottom: 36px;
}

.brands-section {
  padding: 0;
  margin-bottom: 40px;
}

.brands-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 98px;
  border: 1px solid #E0E2E5;
  border-radius: 16px;
  width: 100%;
}

  .brands-container img {
    width: 186px;
    margin: 2px;
    max-height: 100%;
    max-width: fit-content;
    margin: 0 auto;
    padding: 16px;
  }

.brands-typo {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 66px;
  text-align: center;
  color: #333333;
  width: 100%;
  padding: 64px 0 0;
}

.category-item .card {
  width: 256px;
  height: 274px;
}

  .category-item .card .image-container {
    height: 215px;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
  }

    .category-item .card .image-container img {
      position: absolute;
      margin: auto 0;
      max-height: 100%;
      max-width: 100%;
      display: block;
    }

  .category-item .card .typo-sec {
    height: 59px;
    width: 100%;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 66px;
    text-align: center;
    color: #333333;
  }

.footer-marks {
  display: flex;
  width: unset !important;
}

  .footer-marks .footer-mark {
    width: 120px;
    height: 120px;
    min-width: 120px;
    border: 1px solid #E0E2E5;
    margin-right: 24px;
    position: relative;
    display: block;
    background: #FFFFFF;
    border: 1px solid #E0E2E5;
    border-radius: 24px;
  }

    .footer-marks .footer-mark img {
      width: 762%;
      max-width: 76%;
      margin: 12%;
    }

.add-to-cart-button {
  font-size: 15px;
  border-radius: 32px !important;
}

._add-to-cart-button img {
  padding: 0 5px;
}

.compare-products .add-to-compare-list-button:before {
  content: none !important;
}

.compare-products .add-to-compare-list-button img {
  padding: 0 5px;
}

.compare-products .add-to-compare-list-button img {
  fill: #333333;
}

.ui-tabs .ui-state-active {
  background: var(--color-primary-50);
  border-radius: 8px 8px 0px 0px;
  color: var(--color-primary);
}

.ui-tabs-nav {
  border-bottom: 1px solid var(--color-primary-50);
}

.ui-tabs .ui-tabs-tab a {
  text-decoration: none;
  color: #6D83AC !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

  .ui-tabs .ui-tabs-tab a:hover {
    text-decoration: none;
    color: var(--color-primary-hover) !important;
  }

.ui-tabs .ui-state-active a {
  color: var(--color-primary) !important;
  text-decoration: none;
  border-bottom: 2px solid var(--color-primary) !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

.productTabs-header ul {
  display: flex;
  justify-content: center;
}

.manufacturer-page .page-title {
  position: relative;
  margin-bottom: 10px;
}

  .manufacturer-page .page-title .title-bar-brand-icon {
    height: 45px;
    position: absolute;
    top: 5px;
    right: 5px;
  }

.product-selectors .product-page-size {
  display: none !important;
}

.product-sorting select {
  border-radius: 4px !important;
  color: #333333 !important;
  font-size: 16px !important;
}

.no-decoration {
  text-decoration: none;
}

.inline-specific-speciality-wrapper {
  display: flex;
  max-width: 100%;
  overflow: hidden;
  flex-wrap: wrap;
  padding: 0px;
  justify-content: center;
  height: 35px;
  border-top: 1px solid var(--color-backgrounds-dark);
  border-bottom: 1px solid var(--color-backgrounds-dark);
  padding: 8px 0;
}

  .inline-specific-speciality-wrapper .inline-specific-speciality {
    /*    white-space: nowrap;*/
    overflow: hidden;
    width: 50%;
    text-align: center;
  }

    .inline-specific-speciality-wrapper .inline-specific-speciality:nth-child(odd) {
      border-left: 1px solid var(--color-backgrounds-dark);
    }

    .inline-specific-speciality-wrapper .inline-specific-speciality:nth-child(even) {
      border-right: 1px solid var(--color-backgrounds-dark);
    }

    .inline-specific-speciality-wrapper .inline-specific-speciality span {
      font-weight: 500;
      font-size: 12px;
      line-height: 19px;
    }

.product-box-add-to-cart-button {
  border-radius: 32px !important;
}

.product-specifications {
  min-height: 40px;
}

.quantity-box {
  border: none;
  box-shadow: none !important;
}

.item-box .product-item .details .add-info {
  padding-top: 8px;
}

  .item-box .product-item .details .add-info .prices {
    height: 60px;
    padding-top: 10px;
  }

.product-grid .item-box {
  border-radius: 16px;
}

.prices .off-badge {
  display: block;
  /* position: absolute; */
  right: 10px;
  background: var(--color-danger-50);
  color: var(--color-danger);
  border-radius: 5px;
  width: 35px;
  height: 24px;
  text-align: center;
  padding-top: 2px;
  margin: 0 5px;
}

/*.ico-cart:before {
  content: none !important;
}*/

.flyout-cart-scroll-area {
  padding: 0px !important;
  margin: 0px !important;
}

  .flyout-cart-scroll-area p {
    padding: 0px !important;
    margin: 0px !important;
  }

.checkout-whithout-margin-top .checkout-attributes {
  margin-top: 0px;
}

.shopping-cart-totals {
  padding: 1rem 0 0;
  border-top: 1px solid #8c8f90;
  margin-top: 1.5rem;
}

  .shopping-cart-totals div {
    text-align: center;
    font-size: 1.6rem;
    color: var(--color-primary);
  }

  .shopping-cart-totals .price {
    padding-top: 5px;
  }

.checkout-buttons .checkout-button {
  border-radius: 32px;
}

.cart .remove-from-cart button:after {
  content: none !important;
}

.cart .remove-from-cart button {
  position: relative;
}

  .cart .remove-from-cart button img {
    width: 24px;
    height: 24px;
    position: relative;
    left: 0px;
    top: 0px;
  }

/* .cart .product {
  min-width: 25vw;
} */

.common-buttons .link-button {
  background: none !important;
  color: var(--color-primary) !important;
  border: none;
  outline: none;
}

.common-buttons .link-button-warning {
  background: none !important;
  color: var(--color-secondary) !important;
  border: none;
  outline: none;
}

.common-buttons .link-button a {
  text-decoration: none;
}

.checkout-form-input label {
  min-width: 160px;
}

.checkout-form-input input {
  height: 38px !important;
  border: 1px solid #9FA0A3;
  border-radius: 4px;
}

  .checkout-form-input input::-webkit-outer-spin-button,
  .checkout-form-input input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  /* Firefox */
  .checkout-form-input input[type=number] {
    -moz-appearance: textfield;
  }

.checkout-alerts .alert {
  border-radius: 4px;
  width: fit-content;
  position: relative;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #333333;
}

  .checkout-alerts .alert img {
    padding: 12px;
    position: absolute;
    right: 0px;
    top: 0px;
  }

.checkout-alerts2 .alert {
  border-radius: 4px;
  width: fit-content;
  position: relative;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #333333;
  padding: 9px;
  padding-right: 46px;
}

  .checkout-alerts2 .alert img {
    padding: 12px;
    position: absolute;
    right: 13px;
    top: 12px;
  }

.checkout-alerts .Info {
  background: #E3F2FC;
  color: #333333;
}

.checkout-alerts .Warning {
  background: #fff8d5;
  color: #333333;
}

.checkout-alerts .Error {
  background: #ffd5d5;
  color: #333333;
}

.checkout-alerts .Success {
  background: #ddf5e2;
  color: #333333;
}

.checkout-alerts .title-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 32px;
}

.checkout-alerts .slimmer-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
}

.button-outline {
  border: 1px solid var(--color-primary);
  border-radius: 32px;
  color: var(--color-primary);
  background: #fff;
  padding: 10px 40px;
}

  .button-outline.disabled {
    border: 1px solid #BEC9DC !important;
    color: #BEC9DC !important;
  }

.field-validation-valid {
  display: none !important;
}

.field-validation-error {
  padding: 12px;
}

.are-u-affilate span {
  padding: 1rem;
}

.big-loader-image {
  max-width: 100px;
}

.checkout-modal {
  display: flex;
  flex-direction: column;
  justify-content: center
}

.__select-pickup-point .pickup-point {
  border: 1px solid #E0E2E5;
  background: #fff;
  padding: 32px 26px 26px;
  margin-bottom: 16px;
  text-align: right;
}

  .__select-pickup-point .pickup-point.active {
    border: 1px solid #9FA0A3;
    background: var(--color-border-light);
  }

  .__select-pickup-point .pickup-point .pickup-points-title {
    color: #1B1B1B;
    font-weight: 500;
    font-size: 16px;
  }

    .__select-pickup-point .pickup-point .pickup-points-title:before {
      margin-top: 4px;
    }

  .__select-pickup-point .pickup-point .data-section {
    padding: 24px 26px 0;
  }

    .__select-pickup-point .pickup-point .data-section div {
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 24px;
      color: #333333;
    }

.order-progress .active-step:not(.last) a::before {
  width: 30px;
  height: 30px;
  background: var(--color-primary);
  box-shadow: 0px 0px 7px var(--color-primary);
  content: "\30";
  font-size: 16px;
  padding: 7px;
}

.order-progress .active-step:not(.last) a:hover::before {
  font-size: 9px;
  padding: 6px;
}

.order-progress .active-step a::after {
  background: var(--color-primary);
}

/*.checkout-confirm .products-list {
  margin-bottom: 0px;
}

  .checkout-confirm .products-list .item {
    min-width: 150px;
  }

  .checkout-confirm .products-list .image {
    margin: 0 8px 0 16px;
    width: 41px;
    height: 41px;
  }


.checkout-confirm .card {
  border-radius: 0px;
}

  .checkout-confirm .card .card-header {
    background: var(--color-border-light);
  }*/

.-btn-outline {
  padding: 7px 13px;
  gap: 6px;
  width: 176px;
  height: 38px;
  background: #FFFFFF;
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
  border-radius: 32px;
}

.success-icon {
  background: #E7F6EA;
  border: 1px solid #239142;
  width: 92px;
  height: 92px;
  padding: 27px;
  border-radius: 50%;
}

  .success-icon::after {
    content: "\30";
    font-size: 36px;
    color: #239142;
    font-family: "emporium-icons";
  }

.alert-icon {
  display: block;
  position: absolute;
  top: 21.5px;
  right: 13.5px;
}

  .alert-icon::after {
    content: "\54";
    font-size: 36px;
    color: #239142;
    font-family: "emporium-icons";
    font-weight: 700;
  }

.unsuccess-icon {
  background: #FFEAED;
  border: 1px solid #D02129;
  width: 92px;
  height: 92px;
  padding: 27px;
  border-radius: 50%;
}

  .unsuccess-icon::after {
    content: "\76";
    font-size: 36px;
    color: #D02129;
    font-family: "emporium-icons";
  }

.receiept-page .order-completed * {
  font-weight: 500;
}

.no-content-after::after {
  content: none !important;
}


.no-content-before::before {
  content: none !important;
}

.down-arrow-image-icon {
  padding-right: 0px !important;
}

.profile-menu-box {
  left: 60% !important;
  width: 200px !important;
}

.new-address-next-step-button {
  width: 100%;
  border-radius: 32px !important;
}

  .new-address-next-step-button[disabled] {
    background: #ACACAC;
  }

    .new-address-next-step-button[disabled]:hover {
      background: #ACACAC;
    }

.page .page-body {
  padding: 10px;
}

.footer-block a {
  text-decoration: none !important;
}


.search-btn:hover {
  background: var(--color-primary-hover) !important;
  color: #fff !important;
}

.productTabs.ui-tabs .ui-tabs-panel {
  padding: 28px 38px !important;
  background: #fff;
}

  .product-specs-box,
  .product-specs-box .data-table td,
  .productTabs.ui-tabs .ui-tabs-panel,
  .productTabs.ui-tabs .ui-tabs-panel p {
    background: var(--color-border-light);
    border-radius: 8px;
  }

.mega-menu .has-sublist.product-icon.mega-menu-categories.root-category-items.root-category-items {
  display: inline-block !important;
}

.header-menu > ul > li > a {
  white-space: nowrap;
}

.header-menu > ul.mega-menu {
  padding: 0px;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  width: 100%;
  padding: 0px;
}

.header-menu > ul > li > a,
.header-menu > ul > li > span,
.mega-menu .sublist li a {
  text-decoration: none;
  /*  color: #6D83AC !important;*/
}

  .header-menu > ul > li > a:hover,
  .header-menu > ul > li > span:hover,
  .mega-menu .sublist li a:hover {
    color: #0d3070 !important;
  }

.header-menu {
  background: none !important;
}

.mega-menu .has-sublist .sublist-wrap {
  right: 0 !important;
  left: auto !important;
  border-radius: 8px;
}

.has-sublist .sublist-wrap .sublist {
  padding-left: 0px;
}

.categories-in-side-panel.open.opened {
  background: #fff !important;
}

.header-menu .all-categories,
.header-menu .all-categories li {
  display: none !important;
}

.flyout-cart-scroll-area {
  padding-top: 20px !important;
}

  .flyout-cart-scroll-area p {
    padding-bottom: 20px !important;
  }

.ico-wishlist .wishlist-qty {
  left: 100% !important;
}

/*.ico-cart .cart-qty */

.ico-cart .cart-label img {
  padding: 0px;
  /* height: 25px; */
  /* min-width: 25px; */
  /* margin-top: -4px; */
  max-width: max-content;
}

.cart-login-buttons .icon-item .mobile-icon img {
  /* margin-top: -2px; */
}

.specification-separator {
  color: #E0E2E5;
  font-size: 18px;
  padding-top: 5px;
}

.block-category-navigation li a,
.block-manufacturer-navigation li a,
.block-recently-viewed-products li a,
.toggleControl,
.breadcrumb li a {
  text-decoration: none;
}

.rotate_animation {
  -webkit-animation: spin 4s linear infinite;
  -moz-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.productTabs-body div {
  position: relative;
  display: block;
  max-width: 100%;
  margin: 0px !important;
}

.product-specs-box .data-table td {
  padding: 12px 25px !important;
}

.productTabs-header ul {
  margin-bottom: 9px;
}

.product-name .manufacturers {
  display: flex;
}

  .product-name .manufacturers .value a img {
    display: block;
    max-height: 24px !important;
    margin-top: 8px;
  }

  .product-name .manufacturers .insurance-badge a img {
    max-height: 40px !important;
    display: block;
    max-width: max-content;
    width: 40px;
    height: 40px;
  }

.attributes-wrapper ul > li {
  width: fit-content;
}

.attributes-wrapper ul {
  list-style: disc;
  padding: 0 16px;
}

  .attributes-wrapper ul .value {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: right;
    color: #333333;
  }

  .attributes-wrapper ul .title {
    min-width: 85px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: right;
    color: #646464;
    padding-left: 12px;
    display: inline-block;
    white-space: nowrap;
  }

.ui-tabs .ui-tabs-nav {
  justify-content: right;
}

.product-specs-box .data-table td.spec-name {
  font-style: normal;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 48px !important;
  color: #646464;
}

.product-specs-box .data-table td.spec-value {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 48px;
  color: #333333;
  border-right: none !important;
  border-bottom: 1px solid #E0E2E5;
  border-radius: 0px !important;
}

.product-specs-box .data-table tr:last-child td.spec-value {
  border-bottom: 0px;
}

.product-specs-box .data-table tbody tr {
  border: none;
}

.product-specs-box .data-table {
  background: var(--color-border-light);
  border: none !important;
}

.non-discounted-price span {
  text-decoration: line-through;
}

.product-item .ribbon {
  position: relative;
}

  .product-item .ribbon .left-side-ribbon {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 14px;
    top: 14px;
    z-index: 100;
  }

    .product-item .ribbon .left-side-ribbon .ribbon-item {
      width: 58px;
      height: 58px;
      padding: 2px;
      position: relative;
    }

      .product-item .ribbon .left-side-ribbon .ribbon-item img {
        width: 100%;
        height: 100%;
      }

      .product-item .ribbon .left-side-ribbon .ribbon-item label {
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 58px !important;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        font-family: 'IRANSansX';
        line-height: 55px;
      }

.red-badge-label {
  color: #C31822;
}

.discount {
  text-decoration: none !important;
  color: #C31822;
  background: #FFEAED;
  border-radius: 4px;
  padding: 2px 8px;
  margin-left: 12px;
}

.text-right {
  text-align: right !important;
}

.deligates-details .title-text {
  min-width: 90px;
  width: 10vw;
}

.card .payment-method .method-list li {
  padding: 10px 30px 0 !important;
  margin: 0px !important;
  border: none !important;
  border-bottom: 1px solid #E0E2E5 !important;
  width: 100%;
  max-width: 491px;
}

  .card .payment-method .method-list li:last-child {
    border-bottom: none !important;
  }

.payment-method .method-list input[type="radio"] + label:before {
  right: 0px !important;
  top: 60% !important;
}

.simple-black-text::after {
  text-decoration: none;
  font-style: normal;
  color: #000 !important;
  font-size: 18px;
  padding: 5px;
}

.yekta-bmpl-icon {
  left: 24px;
  top: 24px;
  height: 50px;
  width: auto;
  position: absolute;
}


.order-progress li a {
  width: 100% !important;
  max-width: 180px;
}

.order-progress li {
  display: contents !important;
}

.order-progress ul {
  display: flex;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  justify-content: center;
  padding-top: 10px;
}

.page-with-sidebar .shipping-method .method-list {
  margin: 0px;
  padding: 0px;
}

  .page-with-sidebar .shipping-method .method-list li {
    margin: 0px;
    border: none;
    padding: 10px 30px;
    border-bottom: 1px solid #E0E2E5;
    width: 100%;
    max-width: 100%;
  }

    .page-with-sidebar .shipping-method .method-list li:last-of-type {
      border-bottom: none !important;
    }

  .page-with-sidebar .shipping-method .method-list input[type="radio"] + label:before {
    right: 0px;
    top: 40px;
  }

.brand-container img {
  display: block;
  position: relative;
}

.brand-container {
  /* padding: 15px 12px 5px; */
  height: 75px;
  width: 100%;
  max-height: 75px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

  .brand-container .brand-box {
    width: 100%;
    display: flex;
    justify-content: center;
  }

    .brand-container .brand-box .brand-icon {
      padding-right: 0px !important;
    }

    .brand-container .brand-box .ensurance-badge {
      position: absolute;
      right: 12px;
      top: 12px;
      background: #fff;
    }

      .brand-container .brand-box .ensurance-badge * {
        max-width: 42.24px;
        width: 42.24px;
        padding: 2px;
        background: #FFFFFF;
        border: 1px solid #F4F5F9;
        border-radius: 4px;
      }

    .brand-container .brand-box .sale-ghesti {
      position: absolute;
      left: 12px;
      top: 12px;
      background: #fff;
    }

      .brand-container .brand-box .sale-ghesti * {
        max-width: 42.24px;
        width: 42.24px;
        padding: 2px;
        background: #FFFFFF;
        border: 1px solid #F4F5F9;
        border-radius: 4px;
      }

  .brand-container .brand-icon * {
    max-height: 46px;
  }

  .brand-container .brand-icon img {
    padding: 3px;
  }

.clear-cart-button-primary::before {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  margin-left: 10px;
  font-size: 20px;
  color: var(--color-primary) !important;
  font-weight: normal;
  text-transform: none;
  transition: all .2s ease !important;
  z-index: 1;
  font-family: "emporium-icons";
  box-sizing: border-box;
  content: "\5a";
}

.clear-cart-button-warning::before {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  margin-left: 10px;
  font-size: 20px;
  color: var(--color-secondary) !important;
  font-weight: normal;
  text-transform: none;
  transition: all .2s ease !important;
  z-index: 1;
  font-family: "emporium-icons";
  box-sizing: border-box;
  content: "\5a";
}

.order-summary-content .order-review-data {
  display: flex;
  flex-direction: column;
  width: 100%;
}

  .order-summary-content .order-review-data > div {
    height: unset !important;
    width: 100%;
    max-width: 100%;
    margin: 20px 0;
    padding: 0;
  }

    .order-summary-content .order-review-data > div .title {
      margin: 0px !important;
      text-align: right;
      padding: 0 25px;
    }

    .order-summary-content .order-review-data > div .info-list {
      text-align: right;
      padding: 10px 25px;
    }

.billing-info-wrap > div .sub-title {
  display: block;
  height: min-content;
  padding: 10px 20px 0;
  text-align: right;
}

  .billing-info-wrap > div .sub-title strong {
    font-size: 16px;
  }

.ico-cart img,
.icon-item img {
  width: auto;
  height: 20px;
  display: block;
}

.home-head {
  position: relative;
  display: block;
}

.mrl-1 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

#product_enteredQuantity_53::-ms-expand {
  display: none;
  color: #fff;
}

.pager ul {
  padding: 0px;
}

.zi-upper {
  z-index: 1081 !important;
}

.item-box .buttons .button-2 {
  border: none;
  height: 45px;
  padding: 0 25px;
  border-radius: 3px;
  background-color: var(--color-primary);
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  transition: all .2s ease
}

  .item-box .buttons .button-2:hover {
    background-color: var(--color-primary-hover) !important;
  }

.order-completed .details {
  border: none !important;
  padding: 0px !important;
  margin: 0px !important;
}

.header-menu .mega-menu .root-category-items {
  display: inline-block !important;
}

.header-links a {
  text-decoration: none;
}

.header-lower:after {
  content: none !important;
  display: none !important;
}

.mr-1p {
  margin-right: 1% !important;
}

.page-body .home-page-product-grid {
  /*  margin-top: 60px !important;*/
  margin-bottom: 0px !important;
}

.pos-relative {
  position: relative;
}


.video-section {
  height: 75vh;
  width: 100%;
  overflow: hidden;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}


.pos-relative .video-section video {
  position: absolute;
  left: auto;
  top: 0px;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}

/* .typo-tpoic {
  padding-left: 10px;
} */

.typo-tpoic h5 {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 38px;
  color: #333333;
  text-align: right;
}

.typo-tpoic p {
  /*    padding-top: 16px;*/
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #222222;
  text-align: right;
}

.typo-tpoic ul {
  /*    padding-top: 16px;*/
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #222222;
  text-align: right;
  padding: 0px !important;
  padding-right: 28px !important;
}

.typo-tpoic button.btn {
  width: 366px;
  background: var(--color-primary);
  border-radius: 32px;
  border: 1px solid var(--color-primary);
}


.select-plan-image-container {
  display: flex;
  justify-content: center;
  position: relative;
}

.select-plan-image {
  width: 100%;
  height: max-content;
  display: block;
  max-width: 481px;
}

.typo-tpoic ul li {
  display: flex;
  position: relative;
}

.typo-tpoic .list-icon {
  width: 24px;
  height: 24px;
  padding-left: 8px;
  position: absolute;
  top: 0px;
  right: -28px;
}

.typo-tpoic ul li img {
  display: block;
  /*  height: 40px;
  width: 40px;*/
  /*  min-height: 40px;*/
  padding-top: 0px !important;
}

/*.special-menu-item {
  color: #6D83AC !important;
  border: 1px#6D83AC solid !important;
  border-radius: 32px;
  padding: 0 12px;
  margin-top: 5px;
}

  .special-menu-item span {
    padding: 7px !important;
  }*/

.text-justify {
  text-align: justify;
}

.no-border {
  border: 0px !important;
}

.provience-agancies-card {
  background: #E0E2E5 !important;
}

  .provience-agancies-card .section-header {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #333333;
  }

  .provience-agancies-card .sec-1 {
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: #545454;
  }

  .provience-agancies-card .sec-2 {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #222222;
  }


.page.topic-page .page-title {
  text-align: center !important;
}

.homepage-categories {
  background: #F6F6F6;
  padding: 64px 16px 80px;
  width: 100%;
}

  .homepage-categories .items-container {
    max-width: 1217px;
  }

.header .header-links-wrapper .header-links ul {
  margin-bottom: 0px;
}

.home-head .header-lower.pos-relative {
  padding-top: 0px;
}

@media screen and (max-width:1140px) and (min-width:1024px) {

  .header-links a,
  .header-menu > ul > li > a,
  .header-menu > ul > li > span {
    font-size: 10px !important;
  }
}

@media screen and (max-width:600px) {
  .main-panel .payment-method {
    padding-top: 45px;
  }

  .yekta-bmpl-icon {
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}

.select2-selection.select2-selection--single {
  height: auto !important;
}

  .select2-selection.select2-selection--single .select2-selection__rendered {
    white-space: normal !important;
  }



/* Ajax Filter Start */
/*
* Copyright 2015 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

/*
* Copyright 2015 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

/* GLOBAL */

.nopAjaxFilters7Spikes {
  position: relative;
}

.clearFilterOptionsAll {
  position: absolute;
  top: 17px;
  right: 25px;
  max-width: 65px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  color: #8c8c8c;
  cursor: pointer;
  z-index: 1;
  transition: all .2s ease;
}

  .clearFilterOptionsAll:hover {
    color: var(--color-primary-hover);
  }

.filtersPanel:after {
  content: "";
  display: block;
  clear: both;
}

.filter-block {
  display: block;
  position: relative;
  float: none;
  width: auto;
}

.selected-options .filtersTitlePanel {
  display: none;
}

.filter-block .title {
  position: relative;
  padding: 0 !important;
}

  .filter-block .title:before {
    display: none !important;
    content: none !important;
  }

.filter-block .toggleControl {
  position: relative;
  display: block;
  padding: 14px 35px 14px 50px;
  width: 100%;
  cursor: pointer;
  text-align: left;
  font-weight: 300;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.filter-block.selected-options .toggleControl {
  padding-right: 20px;
}

.filter-block .toggleControl:before {
  content: "\77";
  display: inline-block;
  position: absolute;
  left: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(0);
  -ms-transform: translateY(-50%) rotate(0);
  transform: translateY(-50%) rotate(0);
  font-size: 10px;
  color: var(--color-primary);
  text-transform: none;
  transition: all .4s ease;
}

.filter-block .toggleControl.closed:before {
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}

.filter-block a.clearFilterOptions,
.filter-block a.clearPriceRangeFilter {
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  font-size: 0;
  width: 48px;
  height: 48px;
  text-align: center;
  cursor: pointer;
}

  .filter-block a.clearFilterOptions:before,
  .filter-block a.clearPriceRangeFilter:before {
    content: "\76";
    display: block;
    text-transform: none;
    font-size: 11px;
    line-height: 50px;
    color: #8c8c8c;
    transition: all .2s ease;
  }


  .filter-block a.clearFilterOptions:hover:before,
  .filter-block a.clearPriceRangeFilter:hover:before {
    color: var(--color-primary);
  }

.filtersGroupPanel {
  padding: 18px;
}


  .filtersGroupPanel ul:after {
    content: "";
    display: block;
    clear: both;
  }


/* SEARCH CRITERIA */


.selected-options-list > li {
  display: block;
  margin-bottom: 8px;
  font-size: 0;
}

  .selected-options-list > li label {
    display: block;
    margin-bottom: 10px;
    font-size: 15px;
    color: #8c8c8c;
    font-weight: 700;
  }

  .selected-options-list > li span {
    display: inline-block;
    vertical-align: top;
    padding: 0 12px;
    margin: 0 5px 5px 0;
    line-height: 30px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    background-color: var(--color-primary);
    border-radius: 3px;
    cursor: pointer;
    transition: all .2s ease;
  }

    .selected-options-list > li span:after {
      content: "\76";
      display: inline-block;
      margin-left: 10px;
      vertical-align: top;
      font-size: 8px;
      color: #fff;
      font-weight: normal;
      opacity: .5;
      transition: all .2s ease;
    }

    .selected-options-list > li span:hover {
      background-color: #7c9a16;
    }

      .selected-options-list > li span:hover:after {
        opacity: 1;
      }

.number-of-returned-products {
  display: block !important;
  margin-bottom: 50px;
  text-transform: none;
  text-align: center;
  line-height: 25px;
  font-size: 14px;
  color: #aaa;
}

.nopAjaxFilters7Spikes .number-of-returned-products {
  display: none !important;
}


/* RANGE SLIDER */


.priceRangeFilterPanel7Spikes .filtersGroupPanel,
.specificationFilterPanel7Spikes .filtersGroupPanel {
  position: relative;
}

.priceRangeMinMaxPanel,
.specification-min-max-panel {
  margin-bottom: 10px;
  overflow: hidden;
  font-size: 14px;
  color: #8c8c8c;
}

.priceRangeMinPanel,
.specification-min-panel {
  float: left;
}

.priceRangeMaxPanel,
.specification-max-panel {
  float: right;
}

.ui-slider {
  position: relative;
  width: auto;
  height: 10px;
  margin: 0 10px 12px;
  max-width: 257px;
  padding: 10px 0 0;
  border-bottom: 3px solid #c5c5c5;
}

.ui-slider-range {
  position: absolute;
  height: 3px;
  background-color: var(--color-primary);
}

.ui-slider-handle {
  position: absolute;
  top: 2px;
  width: 19px;
  height: 19px;
  margin-left: -8px;
  background: #fff;
  border: 1px solid var(--color-primary);
  border-radius: 50%;
}

  .ui-slider-handle span {
    position: absolute;
    top: -35px;
    left: 50%;
    margin-left: -19px;
    min-width: 38px;
    height: 18px;
    padding: 0 2px;
    line-height: 18px;
    color: rgba(255, 255, 255, .7);
    font-size: 11px;
    text-align: center;
    background: #2c2c2c;
  }

    .ui-slider-handle span:before {
      content: "";
      position: absolute;
      bottom: -3px;
      left: 50%;
      margin-left: -2px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 4px 3px 0 3px;
      border-color: #2c2c2c transparent transparent transparent;
    }

.priceRangeCurrentPricesPanel,
.specification-current-value-panel {
  margin-top: 15px;
  overflow: hidden;
  color: #8c8c8c;
  font-weight: 700;
  font-size: 14px;
  text-align: left;
}

.currentMaxPrice,
.current-max-value {
  float: right;
}

.has-specification-slider .checkbox-list {
  display: none;
}


/* CHECKBOX MODE */


.filtersGroupPanel .checkbox-list input {
  position: absolute;
  opacity: 0;
}

.filtersGroupPanel .checkbox-list label {
  display: block;
  position: relative;
  max-width: 100%;
  padding: 9px 0 9px 27px;
  text-transform: none;
  text-align: left;
  font-size: 15px;
  color: #909090;
  font-weight: 400;
  cursor: pointer;
  z-index: 2;
  transition: all .2s ease-in-out;
}

  .filtersGroupPanel .checkbox-list label:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

.filtersGroupPanel .checkbox-list li.disabled label {
  opacity: 0.4;
  cursor: default;
}


/* COLOR SQUARES */


.colorOptions li {
  position: relative;
}

.colorOptions label:before {
  display: none !important;
}

.colorOptions .color {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
  width: 19px;
  height: 19px;
  border: 1px solid #dadada;
  border-radius: 50%;
  font-size: 0;
}

.colorOptions li.checked .color.image label:after {
  background: none !important;
}

.colorOptions .checked .color {
  left: 1px;
  width: 16px;
  height: 16px;
  border: 1px solid #fff;
  box-shadow: 0 0 0 2px #868686;
}


/* DROPDOWN MODE */


.filtersDropDownPanel select {
  width: 100%;
}

.filtersDropDownPanel.disabled select {
  opacity: .6;
  cursor: default;
}

.filtersDropDownPanel option[disabled] {
  color: #ccc;
}


/* AJAX LOADER */


.productPanelAjaxBusy {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}

  .productPanelAjaxBusy:before,
  .productPanelAjaxBusy:after,
  .infinite-scroll-loader:before,
  .infinite-scroll-loader:after {
    content: "";
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border: 0px solid var(--color-primary);
    border-radius: 50%;
    -webkit-animation: loader 1.6s cubic-bezier(0, 0, 0.09, 0.99) infinite;
    -moz-animation: loader 1.6s cubic-bezier(0, 0, 0.09, 0.99) infinite;
    animation: loader 1.6s cubic-bezier(0, 0, 0.09, 0.99) infinite;
  }

  .productPanelAjaxBusy:after,
  .infinite-scroll-loader:after {
    animation-delay: .8s;
  }

.infinite-scroll-loader {
  display: none;
  position: relative;
  margin: 0 auto;
  width: 50px;
  height: 50px;
  font-size: 0;
}


/* NO RESULTS POPUP */


.k-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1080;
  width: 100%;
  height: 100%;
  background: #444;
  opacity: 0.6;
}

.ajaxFilters.k-window {
  position: absolute;
  left: 50% !important;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border: 1px solid #ccc;
  padding: 0 !important;
  width: 500px !important;
  height: auto !important;
  max-width: 100%;
  background: #fff;
  z-index: 1090;
}

.ajaxFilters .k-window-titlebar {
  display: block;
  padding: 25px 0;
  margin: 0 auto !important;
  width: calc(100% - 100px);
  font-size: 22px;
  text-transform: none;
  font-weight: 700;
  color: #444;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ajaxFilters .k-window-actions {
  position: absolute;
  top: 25px;
  right: 25px;
  font-size: 0;
}

  .ajaxFilters .k-window-actions a {
    display: block;
  }

  .ajaxFilters .k-window-actions .k-icon {
    display: block;
    font-size: 0;
  }

    .ajaxFilters .k-window-actions .k-icon:before {
      content: "\7a";
      display: block;
      font-size: 20px;
      color: #444;
      font-weight: normal;
      opacity: .6;
      transition: opacity .1s ease;
    }

    .ajaxFilters .k-window-actions .k-icon:hover:before {
      opacity: 1;
    }

.ajaxFilters .k-window-content {
  padding: 10px 30px 30px;
  font-size: 15px;
  color: #8c8c8c;
}


@media all and (min-width:481px) and (max-width:1024px) {
  .product-selectors.infinite-scroll-enabled .product-sorting {
    margin-left: 8px;
  }

  .product-selectors.infinite-scroll-enabled .filters-button-wrapper {
    width: calc(50% - 4px);
    display: inline-block !important;
    vertical-align: top;
  }
}

@media all and (max-width:480px) {
  .product-selectors.infinite-scroll-enabled .product-sorting {
    width: 100%;
  }
}


@media all and (max-width: 1024px) {
  .nopAjaxFilters7Spikes {
    position: fixed;
    top: 0;
    left: -100%;
    z-index: 1070;
    width: 320px;
    max-width: 100%;
    height: 100%;
    background-color: #fff;
    overflow: hidden;
    transition: all .3s ease;
  }

    .nopAjaxFilters7Spikes.open {
      left: 0;
    }

    .nopAjaxFilters7Spikes .close-side-menu-text:before {
      content: "\e904";
      font-size: 21px;
    }

    .nopAjaxFilters7Spikes .filtersPanel {
      max-height: calc(100vh - 97px);
      overflow-y: scroll;
    }

    .nopAjaxFilters7Spikes .filter-block {
      margin: 0 0 2px;
      border: none;
      border-radius: 0;
    }

  .product-selectors > div.filters-button-wrapper {
    float: none;
    display: block !important;
    margin: 0 0 8px;
    width: 100%;
  }

  .filters-button {
    position: relative;
    display: block !important;
    padding: 0 25px;
    background-color: var(--color-primary);
    height: 50px;
    width: 100%;
    border: none;
    font-size: 15px;
    line-height: 21px;
    border-radius: 3px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
  }

    .filters-button:before {
      content: "\e904";
      font-family: "emporium-icons";
      display: inline-block;
      vertical-align: bottom;
      margin: 0 10px 0 -25px;
      text-transform: none;
      font-size: 22px;
      line-height: normal;
      color: #fff;
      font-weight: normal;
    }

  .clearFilterOptionsAll {
    top: 17px;
    right: 50px;
    color: #fff;
  }

  .nopAjaxFilters7Spikes .close-btn {
    display: block;
    width: 50px;
    height: 50px;
    font-size: 0;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
  }

  .filtersGroupPanel {
    padding: 25px 30px 23px;
  }

  .filtersDropDownPanel,
  .priceRangeFilterPanel7Spikes .filtersGroupPanel,
  .specificationFilterPanel7Spikes .filtersGroupPanel {
    padding: 30px;
  }
}

@media all and (min-width:1025px) {

  /* .filter-block:first-of-type .toggleControl {
      padding-right: 110px;
  } */
  .filter-block.selected-options:first-of-type .toggleControl {
    padding-right: 100px;
  }

  .selected-options .clearFilterOptionsAll {
    right: 25px;
  }

  .clearFilterOptionsAll {
    right: 40px;
  }
}


@media all and (min-width: 1281px) {
  .filtersGroupPanel {
    padding: 18px 30px;
  }
}

.clearFilterOptionsAll {
  left: 25px;
  right: auto;
}

.filter-block .toggleControl {
  padding: 14px 50px 14px 35px;
  text-align: right;
}

.filter-block.selected-options .toggleControl {
  padding-left: 20px;
  padding-right: 0;
}

.filter-block .toggleControl:before {
  right: 25px;
  left: auto;
}

.filter-block .toggleControl.closed:before {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

.filter-block a.clearFilterOptions,
.filter-block a.clearPriceRangeFilter {
  left: 0;
  right: auto;
}

.selected-options-list > li span:after {
  margin-right: 10px;
  margin-left: auto;
}

.priceRangeMinPanel,
.specification-min-panel {
  float: right;
}

.priceRangeMaxPanel,
.specification-max-panel {
  float: left;
}

.ui-slider-handle span {
  left: auto;
  right: 50%;
  margin-right: -19px;
  margin-left: auto;
}

  .ui-slider-handle span:before {
    right: 50%;
    left: auto;
    margin-right: -2px;
    margin-left: auto;
  }

.priceRangeCurrentPricesPanel,
.specification-current-value-panel {
  text-align: right;
}

.currentMaxPrice,
.current-max-value {
  float: left;
}

.filtersGroupPanel .checkbox-list label {
  padding: 9px 27px 9px 0;
  text-align: right;
}

  .filtersGroupPanel .checkbox-list label:before {
    right: 0;
    left: auto;
  }

.colorOptions .color {
  right: 0;
  left: auto;
}

.colorOptions .checked .color {
  right: 1px;
  left: auto;
}

/* NO RESULTS POPUP */

.k-overlay {
  right: 0;
  left: auto;
}

.ajaxFilters .k-window-actions {
  left: 25px;
  right: auto;
}


@media all and (min-width:481px) and (max-width:1024px) {
  .product-selectors.infinite-scroll-enabled .product-sorting {
    margin-right: 8px;
    margin-left: auto;
  }
}


@media all and (max-width: 1024px) {
  .nopAjaxFilters7Spikes {
    right: -100%;
    left: auto;
  }

    .nopAjaxFilters7Spikes.open {
      right: 0;
    }

  .filters-button:before {
    margin: 0 -25px 0 10px;
  }

  .clearFilterOptionsAll {
    left: 50px;
    right: auto;
  }

  .nopAjaxFilters7Spikes .close-btn {
    left: 5px;
    right: auto;
  }
}


@media all and (min-width:1025px) {

  /* .filter-block:first-of-type .toggleControl {
    padding-left: 110px;
    padding-right: 0;
  } */

  .filter-block.selected-options:first-of-type .toggleControl {
    padding-left: 100px;
    padding-right: 0;
  }

  .selected-options .clearFilterOptionsAll {
    left: 25px;
    right: auto;
  }

  .clearFilterOptionsAll {
    left: 40px;
    right: auto;
  }
}

/* Ajax Filter End */

.clearFilterOptionsAll {
  max-width: 75px;
}

.close-menu-btn,
.close-side-menu-btn {
  cursor: pointer;
}

.ui-tabs .ui-tabs-nav li:first-of-type {
  margin-right: 0px;
}

.scroll-x-row {
  overflow: hidden;
  overflow-x: scroll;
  flex-wrap: nowrap !important;
}

.no-wrap-row {
  flex-wrap: nowrap !important;
}

.brands-section .brand-item {
  width: 217px;
}

  .brands-section .brand-item:not(:first-child) {
    margin-right: 24px;
  }

.brands-section > div {
  width: max-content;
  margin: 0 auto;
  padding-bottom: 10px;
  padding-top: 48px;
}

.price-per-ring {
  font-weight: 500;
  font-size: 12px;
  line-height: 19px;
  padding: 8px;
  color: var(--color-text-grey);
}

.product-title p {
  margin: 0px;
}

.item-box .product-title {
  height: 60px !important;
}

@media (hover:hover) {

  .home-products-row::-webkit-scrollbar,
  .home-products-row::-webkit-scrollbar-track,
  .home-products-row::-webkit-scrollbar-thumb,
  .scroll-x-row::-webkit-scrollbar,
  .scroll-x-row::-webkit-scrollbar-track,
  .scroll-x-row::-webkit-scrollbar-thumb {
    opacity: 0;
    transition: opacity 1s, visibility 1s;
    height: 12px !important;
  }

  .home-products-row:hover::-webkit-scrollbar,
  .scroll-x-row:hover::-webkit-scrollbar {
    opacity: 1;
    transition: opacity 1s, visibility 1s;
    height: 12px !important;
  }

  /*.home-products-row:hover::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
    transition: opacity 1s, visibility 1s;
  }*/

  /* Handle */
  .home-products-row:hover::-webkit-scrollbar-thumb,
  .scroll-x-row:hover::-webkit-scrollbar-thumb {
    background: #a1a1a1e2;
    border-radius: 5px;
    transition: opacity 1s, visibility 1s;
    height: 12px !important;
  }

    /* Handle on hover */
    .home-products-row:hover::-webkit-scrollbar-thumb:hover,
    .scroll-x-row:hover::-webkit-scrollbar-thumb:hover {
      background: #c3c3c3e2;
      transition: opacity 1s, visibility 1s;
    }
}

.header-menu ul.mega-menu > li:not(.special-menu-item) > a.active span {
  color: var(--color-primary);
  border-bottom: 1px solid var(--color-primary);
  padding-bottom: 5px;
}

.topic-header-baner {
  width: 100%;
  height: 88px;
  display: flex;
  justify-content: center;
  background: var(--color-primary-50);
  top: 62px;
  overflow: hidden;
}

  .topic-header-baner .title {
    font-weight: 500;
    font-size: 24px;
    line-height: 66px;
    color: var(--color-primary);
    padding: 10px;
    min-width: fit-content;
  }

  .topic-header-baner img {
    display: block;
    margin-top: -30px;
    width: 260px;
    height: 109px;
  }

.page.topic-page {
  min-height: 40vh;
}

.topic-body img {
  display: block;
  width: 100%;
  max-width: 100%;
}

.topic-body p {
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 30px !important;
  color: var(--color-text-grey) !important;
  text-align: justify !important;
}

/* Numbered  */

/* Danger */
.topic-body .numbered {
  padding-right: 21px;
  border-right: 2px solid var(--color-danger-600);
  position: relative;
}

  .topic-body .numbered .number {
    position: absolute;
    width: 28px;
    height: 28px;
    border: 2px solid var(--color-danger-600);
    color: var(--color-danger-600);
    background: #fff;
    border-radius: 50%;
    text-align: center;
    right: -15px;
    top: 0;
    font-weight: 900;
    font-size: 16px;
    line-height: 28px;
  }

  .topic-body .numbered:after {
    content: '';
    width: 10px;
    height: 10px;
    background: var(--color-danger-600);
    display: block;
    position: absolute;
    bottom: -2px;
    right: -6px;
    border-radius: 50%;
  }

/* End of Danger */
/* Primary */


.topic-body .numbered-primary {
  padding-right: 21px;
  border-right: 2px solid var(--color-primary);
  position: relative;
}

  .topic-body .numbered-primary .number {
    position: absolute;
    width: 28px;
    height: 28px;
    border: 2px solid var(--color-primary);
    color: var(--color-primary);
    background: #fff;
    border-radius: 50%;
    text-align: center;
    right: -15px;
    top: 0;
    font-weight: 900;
    font-size: 16px;
    line-height: 28px;
  }

  .topic-body .numbered-primary:after {
    content: '';
    width: 10px;
    height: 10px;
    background: var(--color-primary);
    display: block;
    position: absolute;
    bottom: -2px;
    right: -6px;
    border-radius: 50%;
  }

.topic-body .sub-item {
  display: flex;
  margin-right: -21px;
}

  .topic-body .sub-item p {
    margin-top: 0px;
  }

  .topic-body .sub-item::before {
    content: '';
    height: 2px;
    border-top: 2px dashed var(--color-primary);
    display: block;
    min-width: 57px;
    margin-top: 15px;
    margin-left: 10px;
  }


/* End of Primary */
/* End of Numbered */

.btn-primary-title {
  width: 100% !important;
  height: 62px !important;
  background-color: var(--color-primary) !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 30px !important;
  padding: 16px !important;
}

.light-background {
  background-color: var(--color-backgrounds-light);
}

.btn-primary {
  background-color: var(--color-primary) !important;
}

.text-danger {
  color: var(--color-danger-600);
}

.primary-text {
  color: var(--color-primary);
}

.danger-text {
  color: var(--color-danger-600);
}

.topic-body .text-danger {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  text-align: justify;
}


@media screen and (min-width:992px) {
  .has-p-l {
    padding-left: 4vw !important;
  }

  .has-p-r {
    padding-right: 4vw !important;
  }
}

.product-grid .item-box .productQuantityDropdown {
  padding: 0 10px 0 15px !important;
}

.shipping-method .method-list li .disabled label, .payment-method .method-list li .disabled label {
  color: var(--color-gray) !important;
}

.terms-of-service-quota {
  padding: 8px;
}

  .terms-of-service-quota label {
    font-weight: 500 !important;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: -0.011em;
    text-decoration-line: underline;
    color: #333333 !important;
  }

.nf-row-username .nf-on-focus-make-top.username {
  width: 100% !important;
}

.nf-row-password {
  padding-top: 15px;
}

  .nf-row-password #txtLoginPassword {
    width: 100% !important;
    margin-top: 10px;
  }

.nf-row-otp #txtLoginOtp {
  margin-top: 15px;
}

.password-recovery-page .form-fields .buttons {
  margin-top: 15px;
}

.modal.login-modal {
  background: #33333399;
}

  .modal.login-modal .modal-content {
    border: none;
    border-radius: 30px;
    padding: 48px 50px;
  }

    .modal.login-modal .modal-content .modal-header {
      text-align: center;
      font-weight: 700;
      font-size: 16px;
      line-height: 24px;
      color: #131313;
      padding: 0;
      justify-content: center;
      padding-bottom: 24px;
    }

      .modal.login-modal .modal-content .modal-header .modal-title {
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        letter-spacing: 0.0024em;
        color: #131313;
      }

    .modal.login-modal .modal-content .modal-body {
      padding-top: 24px;
    }

      .modal.login-modal .modal-content .modal-body p {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        text-align: right;
        letter-spacing: 0.0016em;
        color: #333333;
      }

      .modal.login-modal .modal-content .modal-body .form-group {
        display: flex;
        flex-direction: column;
      }

        .modal.login-modal .modal-content .modal-body .form-group label {
          font-weight: 500;
          font-size: 16px;
          line-height: 24px;
          text-align: right;
          letter-spacing: 0.0016em;
          color: #333333;
          padding-bottom: 14px;
        }

        .modal.login-modal .modal-content .modal-body .form-group input {
          height: 48px;
          background: #FFFFFF;
          border: 1px solid #9FA0A3;
          border-radius: 8px;
          padding: 12px;
          font-weight: 400;
          font-size: 16px;
          line-height: 24px;
          text-align: right;
          letter-spacing: 0.0016em;
          color: #545454;
          margin-bottom: 32px;
        }

      .modal.login-modal .modal-content .modal-body button {
        width: 100%;
        border-radius: 50px;
      }

.customer-blocks h5 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.0024em;
  color: #131313;
  padding-bottom: 24px;
  margin-bottom: 0px;
}

.customer-blocks .new-wrapper {
  min-height: unset !important;
  border-radius: 30px !important;
  max-width: 462px !important;
}

  .customer-blocks .new-wrapper .timer .timer {
    padding-bottom: 16px !important;
    padding-top: 4px !important;
  }

  .customer-blocks .new-wrapper .timer .resend-code {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    letter-spacing: 0.0014em;
    color: #004F8C;
    cursor: pointer;
    padding-bottom: 16px;
  }

.customer-blocks .custom-form .change-number {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.0014em;
  color: #004F8C;
  padding-top: 24px;
  cursor: pointer;
}

.customer-blocks .custom-form.form-fields {
  border-top: 1px solid #E0E2E5;
  padding-top: 24px;
}

  .customer-blocks .custom-form.form-fields p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: right;
    letter-spacing: 0.0016em;
    color: #333333;
  }

  .customer-blocks .custom-form.form-fields button {
    width: 100%;
    border-radius: 50px;
    height: 48px;
  }

  .customer-blocks .custom-form.form-fields .inputs {
    position: relative;
  }

    .customer-blocks .custom-form.form-fields .inputs label {
      padding-bottom: 14px;
    }

    .customer-blocks .custom-form.form-fields .inputs input {
      width: 100%;
      height: 48px;
      background: #FFFFFF;
      border: 1px solid #9FA0A3;
      border-radius: 8px;
    }

    .customer-blocks .custom-form.form-fields .inputs .error-section {
      position: absolute;
      top: 100px;
      font-size: 10px;
      right: 20px;
    }

/* Spinner Start */

.lds-spinner,
.lds-spinner div,
.lds-spinner div:after {
  box-sizing: border-box;
}

.lds-spinner {
  color: currentColor;
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
}

  .lds-spinner div {
    transform-origin: 20px 20px;
    animation: lds-spinner 1.2s linear infinite;
  }

    .lds-spinner div:after {
      content: " ";
      display: block;
      position: absolute;
      top: 1.6px;
      left: 18.4px;
      width: 3.2px;
      height: 8.8px;
      border-radius: 20%;
      background: currentColor;
    }

    .lds-spinner div:nth-child(1) {
      transform: rotate(0deg);
      animation-delay: -1.1s;
    }

    .lds-spinner div:nth-child(2) {
      transform: rotate(30deg);
      animation-delay: -1s;
    }

    .lds-spinner div:nth-child(3) {
      transform: rotate(60deg);
      animation-delay: -0.9s;
    }

    .lds-spinner div:nth-child(4) {
      transform: rotate(90deg);
      animation-delay: -0.8s;
    }

    .lds-spinner div:nth-child(5) {
      transform: rotate(120deg);
      animation-delay: -0.7s;
    }

    .lds-spinner div:nth-child(6) {
      transform: rotate(150deg);
      animation-delay: -0.6s;
    }

    .lds-spinner div:nth-child(7) {
      transform: rotate(180deg);
      animation-delay: -0.5s;
    }

    .lds-spinner div:nth-child(8) {
      transform: rotate(210deg);
      animation-delay: -0.4s;
    }

    .lds-spinner div:nth-child(9) {
      transform: rotate(240deg);
      animation-delay: -0.3s;
    }

    .lds-spinner div:nth-child(10) {
      transform: rotate(270deg);
      animation-delay: -0.2s;
    }

    .lds-spinner div:nth-child(11) {
      transform: rotate(300deg);
      animation-delay: -0.1s;
    }

    .lds-spinner div:nth-child(12) {
      transform: rotate(330deg);
      animation-delay: 0s;
    }

@keyframes lds-spinner {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
/* End Of Spinner */

.otp-input {
  display: flex;
  justify-content: space-between;
  width: 264px;
  direction: ltr;
  margin: 0 auto;
}

  .otp-input input {
    width: 48px !important;
    height: 48px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 40px !important;
    text-align: center !important;
    letter-spacing: 0.003em !important;
    color: #131313 !important;
    border: 1px solid #004F8C !important;
    border-radius: 8px !important;
    box-sizing: content-box !important;
    padding: 0 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
  }

    .otp-input input::-webkit-outer-spin-button,
    .otp-input input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }

.otp-container {
  position: relative;
}

#otpVerifyErrorMessage {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  letter-spacing: 0.0012em;
  color: #B50315;
  width: 100%;
  padding-top: 16px;
  margin-bottom: 0px;
}

.customer-info-page .usename-title {
  width: 100%;
  max-width: unset !important;
}

.customer-info-page .title {
  text-align: right !important;
  margin-top: 32px !important;
}

  .customer-info-page .title strong {
    color: #004F8C !important;
    text-align: right !important;
    font-size: 20px !important;
    font-weight: 500 !important;
  }

.customer-info-page .buttons {
  text-align: left !important;
}

  .customer-info-page .buttons .save-customer-info-button {
    border-radius: 50px;
    background: var(--primary-colors-900-default, #004F8C);
  }

.footer .footer-container {
  padding: 68px 80px 32px;
}

.footer .foot-header hr {
  margin-top: 32px;
  margin-bottom: 32px;
}

.footer .foot-header img {
  width: 264px;
  height: 45px;
  display: block;
  max-width: 100%;
  position: relative;
}

.footer .foot-header .address {
  color: #545454;
  text-align: right;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.038px;
}

  .footer .foot-header .address strong {
    color: #333;
    text-align: right;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.038px;
  }

  .footer .foot-header .address span {
    padding: 0 24px
  }

.footer .foot-body {
  display: flex;
}

  .footer .foot-body .foot-body-sec {
    width: 100%;
    display: flex;
  }

    .footer .foot-body .foot-body-sec .footer-block {
      width: unset !important;
      text-align: right;
      margin-left: 97px;
      margin-right: 0px;
    }

.footer .foot-copy-right {
  width: 100%;
  background: #AFBACC;
  color: #333;
  text-align: center;
  font-size: 16px;
  font-family: IRANSansFaNum;
  line-height: 30px;
  padding: 24px;
  font-weight: 400;
  line-height: 30px;
}

  .footer .foot-copy-right .brand-name {
    color: #B81736;
    font-weight: 700;
  }

.sec-block-container {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
}

  .sec-block-container .enamad-sec,
  .sec-block-container .samandehi-sec {
    display: flex;
    justify-content: center;
  }

    .sec-block-container .enamad-sec a,
    .sec-block-container .samandehi-sec img {
      display: flex;
      width: 140px;
      height: 140px;
      padding: 17.5px 12.833px 16.333px 12.833px;
      flex-shrink: 0;
      border-radius: 24px;
      border: 1px solid #E0E2E5;
      background: #FFF;
      justify-content: center;
    }

  .sec-block-container .social {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

.account-info-buttons {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

  .account-info-buttons .alert {
    min-width: 200px;
  }

@media screen and (min-width:1024px) {
  .footer .foot-body .foot-body-sec {
    width: 50%;
  }

  .sec-block-container .enamad-sec {
    justify-content: end;
  }

  .sec-block-container .samandehi-sec {
    justify-content: end;
  }
}

@media screen and (max-width:1023px) {
  .footer .foot-header .footer-logo {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
  }

    .footer .foot-header .footer-logo img {
      width: 258px;
      height: 43px;
    }

  .footer .foot-header .address {
    /*    display: flex;
    flex-direction: column;*/
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.038px;
  }

    .footer .foot-header .address span {
      visibility: hidden;
      display: block;
      height: 16px;
    }

    .footer .foot-header .address strong {
      font-weight: 700;
    }

  .footer .footer-container {
    padding: 38px 24px 32px;
  }

  .footer .foot-body {
    display: flex;
    flex-direction: column-reverse;
  }

    .footer .foot-body .foot-body-sec {
      justify-content: center;
    }

    .footer .foot-body .footer-block {
      margin-left: 0px !important;
      border-bottom: none !important
    }

      .footer .foot-body .footer-block .title {
        padding: 0;
        color: #333;
        text-align: right;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: 0.038px;
      }

      .footer .foot-body .footer-block ul {
        display: block;
        color: #646464;
        text-align: right;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 21px;
        letter-spacing: 0.02px;
      }

  .foot-body-sec .sec-block-container {
    flex-direction: column;
  }

  .mobile-top-padding32 {
    margin-top: 32px;
  }
}

@media screen and (max-width:485px) {
  .account-info-buttons {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }

    .account-info-buttons * {
      margin: 0 auto;
    }
}

.disabled-button-container {
  position: relative;
}

  .disabled-button-container button.product-box-add-to-cart-button {
    background: var(--color-text-grey) !important;
  }

    .disabled-button-container button.product-box-add-to-cart-button:hover {
      background: var(--color-text-grey) !important;
    }

  .disabled-button-container::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }

.return-condition-text-alert {
  background: rgba(226, 44, 47, 0.12);
  border-radius: 8px;
  padding: 8px 12px !important;
  color: #B81736;
  text-align: justify;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

ul.return-condition-text-list li {
  color: #545454;
  text-align: justify;
  font-family: IRANSansFaNum;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

.typo-tpoic .provience-agancies-card .active-agancy-container {
  width: 100%;
  display: flex;
  justify-content: center;
}

  .typo-tpoic .provience-agancies-card .active-agancy-container button.btn.btn-primary {
    border-radius: 8px;
    max-width: 100%;
  }

  .typo-tpoic .provience-agancies-card .active-agancy-container .agancy-address {
    color: #545454;
    text-align: justify;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
  }

.typo-tpoic .provience-agancies-card .inactive-agancies button.btn {
  border-radius: 8px !important;
  border: 0px solid #07C !important;
  background: #ACACAC !important;
}

.instellment-topic p, .instellment-topic ul li {
  color: #222 !important;
  text-align: right;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

.instellment-topic h5 {
  color: #333 !important;
  text-align: right;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.instellment-topic button {
  display: flex;
  justify-content: center;
}

  .instellment-topic button img {
    width: 16px;
    height: 16px;
    max-width: max-content;
    display: block;
    margin: 4px;
  }

.instellment-topic {
  padding-top: 49px;
  margin-top: -70px !important;
}

  .instellment-topic .col-12 p {
    margin-top: 0px;
    margin-bottom: 16px;
  }

  .instellment-topic .col-12 h5 {
    margin-top: 24px;
    margin-bottom: 16px;
  }

  .instellment-topic .select-plan-image {
    width: 481px !important;
    max-width: 100% !important;
    display: block !important;
  }

#ownerForm > div {
  color: #333;
  text-align: right;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

#ownerForm span {
  padding: 10px 0 0 14px;
}

#ownerForm .alert-danger {
  width: max-content;
  display: inline-block;
  /*  height: 42px;*/
  padding-top: 10px;
  padding-right: 14px;
  display: inline-flex;
  color: #B81736;
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
  border-radius: 4px;
  background: #FAEFEF !important;
  border: none !important;
  padding-bottom: 8px;
}

  #ownerForm .alert-danger img {
    display: block;
    margin-left: 8px;
    width: 24px;
    height: 24px;
  }

.cursor-initial {
  cursor: initial !important;
}

.order-details-area .billing-info-wrap .info-list .repost button {
  border-radius: 8px;
  background-color: #004F8C;
  color: #fff;
}

.payment-method .method-list li:not(:first-of-type) {
  padding-top: 26px !important;
}

.payment-method .method-list li .payment-details label {
  color: #1B1B1B;
  text-align: right;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 99%;
  letter-spacing: 0.2px;
}

  .payment-method .method-list li .payment-details label.disabled {
    color: #ACACAC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 99%;
    letter-spacing: 0.2px;
  }

.payment-method .method-list li .payment-details .method-select {
  padding: 24px 0;
}

  .payment-method .method-list li .payment-details .method-select .payment-logo {
    width: 64px;
    height: 82px;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #036FAE;
    background: #FFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

    .payment-method .method-list li .payment-details .method-select .payment-logo img {
      display: block;
      max-width: 100%;
    }

.payment-method .method-list li .payment-details input[type="radio"] + label:before {
  top: 16px !important;
}

.payment-method .method-list li:not(:first-of-type) .payment-details input[type="radio"] + label:before {
  top: 32px !important;
}

.header-links:has(.search-box-container) {
  position: relative;
}

.header-links .search-box {
  position: absolute;
  z-index: 10000000000;
  background: #fff;
  width: 105% !important;
  height: 120%;
  top: -10px;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

  .header-links .search-box input {
    border-radius: 8px;
    border: 1px solid #9FA0A3;
    background: #FFF;
    height: 40px;
    padding: 8px 12px;
    gap: 16px;
    color: #545454;
    text-align: right;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.014px;
  }

  .header-links .search-box button {
    margin-right: 8px;
    border-radius: 50px;
    background: #004F8C;
    color: #FFF;
    text-align: right;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.017px;
    display: flex;
    width: 89px;
    padding: 9.5px 24px;
    gap: 4px;
  }

  .header-links .search-box .ico-close {
    padding: 12px;
  }

    .header-links .search-box .ico-close:before {
      font-size: 16px;
    }

/* tire-insurance */

.tire-insurance .card.backgrounded {
  border-radius: 8px;
  background: #F6F6F6;
  border: none;
  padding: 24px 16px 32px;
}

.tire-insurance .card .header-title {
  color: var(--color-primary);
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0.06px;
  border-bottom: 3px solid var(--color-danger-800);
  display: block;
  padding: 0 15px;
}

.tire-insurance .card .informations .title {
  color: var(--color-primary);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.038px;
  margin-bottom: 0px;
  margin-top: 24px;
}

.tire-insurance .card .informations .items .item {
  color: var(--color-text-grey);
  text-align: justify;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.026px;
  display: flex;
  padding-top: 16px;
}

  .tire-insurance .card .informations .items .item .number {
    color: var(--color-text-white);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
    width: 28px;
    height: 28px;
    max-width: 28px;
    max-height: 28px;
    min-width: 28px;
    min-height: 28px;
    display: block;
    background: var(--color-danger);
    border-radius: 50%;
    margin-left: 8px;
  }

.tire-insurance-document > div .title {
  color: var(--color-primary);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: -0.24px;
  padding-top: 64px;
}

.tire-insurance-document .insurance-item {
  min-width: 300px;
}

  .tire-insurance-document .insurance-item:not(:first-of-type) {
    padding-right: 16px;
  }

  .tire-insurance-document .insurance-item .insurance-item-card {
    max-width: 100%;
    border-radius: 16px;
    border: 1px solid var(--color-backgrounds-light);
    background: var(--color-text-white);
    text-align: center;
    position: relative;
    padding: 24px;
  }

    .tire-insurance-document .insurance-item .insurance-item-card .index {
      background: var(--color-primary-50);
      width: 30px;
      height: 30px;
      border-radius: 50%;
      padding: 5px;
      min-width: 30px;
      min-height: 30px;
      display: block;
      color: var(--color-primary);
      text-align: center;
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 24px;
      letter-spacing: 0.026px;
      position: absolute;
      right: 16px;
      top: 16px;
    }

    .tire-insurance-document .insurance-item .insurance-item-card img {
      display: block;
      margin: 0 auto;
    }

    .tire-insurance-document .insurance-item .insurance-item-card .title {
      color: var(--color-text-dark);
      text-align: center;
      font-size: 14px;
      font-style: normal;
      font-weight: 700;
      line-height: 21px;
      letter-spacing: 0.02px;
      padding-top: 24px;
    }

.tire-insurance-document .insurance-row {
  flex-wrap: nowrap;
  overflow-x: scroll;
}

/* tire-insurance */


.contact-badge-back-cover.opened {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: transparent;
  z-index: 9999;
}

.contact-badge {
  position: fixed;
  bottom: 26px;
  right: 80px;
  width: 80px;
  height: 80px;
  min-width: 80px;
  min-height: 80px;
  max-width: 80px;
  max-height: 80px;
  border-radius: 40.5px;
  background: var(--color-secondary-500);
  box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.10);
  display: flex;
  overflow: hidden;
  z-index: 10000;
  transition-duration: 1s;
  white-space: nowrap;
}

  .contact-badge.opened {
    width: 224px;
    max-width: 224px;
  }

  .contact-badge img {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    display: block;
    padding: 16px;
    box-sizing: initial;
  }

  .contact-badge .contact-info {
    color: var(--color-text-white);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
    padding: 12px 18px;
    text-align: center;
  }

    .contact-badge .contact-info div:not(:first-child) {
      margin-top: 9px;
    }

@media screen and (max-width:1024px) {
  .contact-badge {
    right: 24px;
    bottom: 24px;
  }
}

@charset "UTF-8"; /*!
 * Bootstrap  v5.2.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13,110,253;
  --bs-secondary-rgb: 108,117,125;
  --bs-success-rgb: 25,135,84;
  --bs-info-rgb: 13,202,240;
  --bs-warning-rgb: 255,193,7;
  --bs-danger-rgb: 220,53,69;
  --bs-light-rgb: 248,249,250;
  --bs-dark-rgb: 33,37,41;
  --bs-white-rgb: 255,255,255;
  --bs-black-rgb: 0,0,0;
  --bs-body-color-rgb: 33,37,41;
  --bs-body-bg-rgb: 255,255,255;
  --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd
}

*, ::after, ::before {
  box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
  :root {
    scroll-behavior: smooth
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: 1px solid;
  opacity: .25
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2
}

.h1, h1 {
  font-size: calc(1.375rem + 1.5vw)
}

@media (min-width:1200px) {
  .h1, h1 {
    font-size: 2.5rem
  }
}

.h2, h2 {
  font-size: calc(1.325rem + .9vw)
}

@media (min-width:1200px) {
  .h2, h2 {
    font-size: 2rem
  }
}

.h3, h3 {
  font-size: calc(1.3rem + .6vw)
}

@media (min-width:1200px) {
  .h3, h3 {
    font-size: 1.75rem
  }
}

.h4, h4 {
  font-size: calc(1.275rem + .3vw)
}

@media (min-width:1200px) {
  .h4, h4 {
    font-size: 1.5rem
  }
}

.h5, h5 {
  font-size: 1.25rem
}

.h6, h6 {
  font-size: 1rem
}

p {
  margin-top: 0;
  margin-bottom: 1rem
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit
}

ol, ul {
  padding-left: 2rem
}

dl, ol, ul {
  margin-top: 0;
  margin-bottom: 1rem
}

  ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0
  }

dt {
  font-weight: 700
}

dd {
  margin-bottom: .5rem;
  margin-left: 0
}

blockquote {
  margin: 0 0 1rem
}

b, strong {
  font-weight: bolder
}

.small, small {
  font-size: .875em
}

.mark, mark {
  padding: .1875em;
  background-color: var(--bs-highlight-bg)
}

sub, sup {
  position: relative;
  font-size: .75em;
  line-height: 0;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

a {
  color: var(--bs-link-color);
  text-decoration: underline
}

  a:hover {
    color: var(--bs-link-hover-color)
  }

  a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
  }

code, kbd, pre, samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: .875em
}

  pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
  }

code {
  font-size: .875em;
  color: var(--bs-code-color);
  word-wrap: break-word
}

a > code {
  color: inherit
}

kbd {
  padding: .1875rem .375rem;
  font-size: .875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: .25rem
}

  kbd kbd {
    padding: 0;
    font-size: 1em
  }

figure {
  margin: 0 0 1rem
}

img, svg {
  vertical-align: middle
}

table {
  caption-side: bottom;
  border-collapse: collapse
}

caption {
  padding-top: .5rem;
  padding-bottom: .5rem;
  color: #6c757d;
  text-align: left
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent
}

tbody, td, tfoot, th, thead, tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0
}

label {
  display: inline-block
}

button {
  border-radius: 0
}

  button:focus:not(:focus-visible) {
    outline: 0
  }

button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

button, select {
  text-transform: none
}

[role=button] {
  cursor: pointer
}

select {
  word-wrap: normal
}

  select:disabled {
    opacity: 1
  }

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important
}

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button
}

  [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer
  }

::-moz-focus-inner {
  padding: 0;
  border-style: none
}

textarea {
  resize: vertical
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: calc(1.275rem + .3vw);
  line-height: inherit
}

@media (min-width:1200px) {
  legend {
    font-size: 1.5rem
  }
}

legend + * {
  clear: left
}

::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field {
  padding: 0
}

::-webkit-inner-spin-button {
  height: auto
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield
}

::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
  padding: 0
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button
}

output {
  display: inline-block
}

iframe {
  border: 0
}

summary {
  display: list-item;
  cursor: pointer
}

progress {
  vertical-align: baseline
}

[hidden] {
  display: none !important
}

.lead {
  font-size: 1.25rem;
  font-weight: 300
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-1 {
    font-size: 5rem
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-2 {
    font-size: 4.5rem
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-3 {
    font-size: 4rem
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-4 {
    font-size: 3.5rem
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-5 {
    font-size: 3rem
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-6 {
    font-size: 2.5rem
  }
}

.list-unstyled {
  padding-left: 0;
  list-style: none
}

.list-inline {
  padding-left: 0;
  list-style: none
}

.list-inline-item {
  display: inline-block
}

  .list-inline-item:not(:last-child) {
    margin-right: .5rem
  }

.initialism {
  font-size: .875em;
  text-transform: uppercase
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem
}

  .blockquote > :last-child {
    margin-bottom: 0
  }

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: .875em;
  color: #6c757d
}

  .blockquote-footer::before {
    content: "— "
  }

.img-fluid {
  max-width: 100%;
  height: auto
}

.img-thumbnail {
  padding: .25rem;
  background-color: #fff;
  border: 1px solid var(--bs-border-color);
  border-radius: .375rem;
  max-width: 100%;
  height: auto
}

.figure {
  display: inline-block
}

.figure-img {
  margin-bottom: .5rem;
  line-height: 1
}

.figure-caption {
  font-size: .875em;
  color: #6c757d
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto
}

@media (min-width:576px) {
  .container, .container-sm {
    max-width: 540px
  }
}

@media (min-width:768px) {
  .container, .container-md, .container-sm {
    max-width: 720px
  }
}

@media (min-width:992px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 960px
  }
}

@media (min-width:1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px
  }
}

@media (min-width:1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px
  }
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x))
}

  .row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
  }

.col {
  flex: 1 0 0%
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%
}

.col-auto {
  flex: 0 0 auto;
  width: auto
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%
}

.col-3 {
  flex: 0 0 auto;
  width: 25%
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%
}

.col-6 {
  flex: 0 0 auto;
  width: 50%
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%
}

.col-9 {
  flex: 0 0 auto;
  width: 75%
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%
}

.col-12 {
  flex: 0 0 auto;
  width: 100%
}

.offset-1 {
  margin-left: 8.33333333%
}

.offset-2 {
  margin-left: 16.66666667%
}

.offset-3 {
  margin-left: 25%
}

.offset-4 {
  margin-left: 33.33333333%
}

.offset-5 {
  margin-left: 41.66666667%
}

.offset-6 {
  margin-left: 50%
}

.offset-7 {
  margin-left: 58.33333333%
}

.offset-8 {
  margin-left: 66.66666667%
}

.offset-9 {
  margin-left: 75%
}

.offset-10 {
  margin-left: 83.33333333%
}

.offset-11 {
  margin-left: 91.66666667%
}

.g-0, .gx-0 {
  --bs-gutter-x: 0
}

.g-0, .gy-0 {
  --bs-gutter-y: 0
}

.g-1, .gx-1 {
  --bs-gutter-x: 0.25rem
}

.g-1, .gy-1 {
  --bs-gutter-y: 0.25rem
}

.g-2, .gx-2 {
  --bs-gutter-x: 0.5rem
}

.g-2, .gy-2 {
  --bs-gutter-y: 0.5rem
}

.g-3, .gx-3 {
  --bs-gutter-x: 1rem
}

.g-3, .gy-3 {
  --bs-gutter-y: 1rem
}

.g-4, .gx-4 {
  --bs-gutter-x: 1.5rem
}

.g-4, .gy-4 {
  --bs-gutter-y: 1.5rem
}

.g-5, .gx-5 {
  --bs-gutter-x: 3rem
}

.g-5, .gy-5 {
  --bs-gutter-y: 3rem
}

@media (min-width:576px) {
  .col-sm {
    flex: 1 0 0%
  }

  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-sm-0 {
    margin-left: 0
  }

  .offset-sm-1 {
    margin-left: 8.33333333%
  }

  .offset-sm-2 {
    margin-left: 16.66666667%
  }

  .offset-sm-3 {
    margin-left: 25%
  }

  .offset-sm-4 {
    margin-left: 33.33333333%
  }

  .offset-sm-5 {
    margin-left: 41.66666667%
  }

  .offset-sm-6 {
    margin-left: 50%
  }

  .offset-sm-7 {
    margin-left: 58.33333333%
  }

  .offset-sm-8 {
    margin-left: 66.66666667%
  }

  .offset-sm-9 {
    margin-left: 75%
  }

  .offset-sm-10 {
    margin-left: 83.33333333%
  }

  .offset-sm-11 {
    margin-left: 91.66666667%
  }

  .g-sm-0, .gx-sm-0 {
    --bs-gutter-x: 0
  }

  .g-sm-0, .gy-sm-0 {
    --bs-gutter-y: 0
  }

  .g-sm-1, .gx-sm-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-sm-1, .gy-sm-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-sm-2, .gx-sm-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-sm-2, .gy-sm-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-sm-3, .gx-sm-3 {
    --bs-gutter-x: 1rem
  }

  .g-sm-3, .gy-sm-3 {
    --bs-gutter-y: 1rem
  }

  .g-sm-4, .gx-sm-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-sm-4, .gy-sm-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-sm-5, .gx-sm-5 {
    --bs-gutter-x: 3rem
  }

  .g-sm-5, .gy-sm-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:768px) {
  .col-md {
    flex: 1 0 0%
  }

  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-md-0 {
    margin-left: 0
  }

  .offset-md-1 {
    margin-left: 8.33333333%
  }

  .offset-md-2 {
    margin-left: 16.66666667%
  }

  .offset-md-3 {
    margin-left: 25%
  }

  .offset-md-4 {
    margin-left: 33.33333333%
  }

  .offset-md-5 {
    margin-left: 41.66666667%
  }

  .offset-md-6 {
    margin-left: 50%
  }

  .offset-md-7 {
    margin-left: 58.33333333%
  }

  .offset-md-8 {
    margin-left: 66.66666667%
  }

  .offset-md-9 {
    margin-left: 75%
  }

  .offset-md-10 {
    margin-left: 83.33333333%
  }

  .offset-md-11 {
    margin-left: 91.66666667%
  }

  .g-md-0, .gx-md-0 {
    --bs-gutter-x: 0
  }

  .g-md-0, .gy-md-0 {
    --bs-gutter-y: 0
  }

  .g-md-1, .gx-md-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-md-1, .gy-md-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-md-2, .gx-md-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-md-2, .gy-md-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-md-3, .gx-md-3 {
    --bs-gutter-x: 1rem
  }

  .g-md-3, .gy-md-3 {
    --bs-gutter-y: 1rem
  }

  .g-md-4, .gx-md-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-md-4, .gy-md-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-md-5, .gx-md-5 {
    --bs-gutter-x: 3rem
  }

  .g-md-5, .gy-md-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:992px) {
  .col-lg {
    flex: 1 0 0%
  }

  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-lg-0 {
    margin-left: 0
  }

  .offset-lg-1 {
    margin-left: 8.33333333%
  }

  .offset-lg-2 {
    margin-left: 16.66666667%
  }

  .offset-lg-3 {
    margin-left: 25%
  }

  .offset-lg-4 {
    margin-left: 33.33333333%
  }

  .offset-lg-5 {
    margin-left: 41.66666667%
  }

  .offset-lg-6 {
    margin-left: 50%
  }

  .offset-lg-7 {
    margin-left: 58.33333333%
  }

  .offset-lg-8 {
    margin-left: 66.66666667%
  }

  .offset-lg-9 {
    margin-left: 75%
  }

  .offset-lg-10 {
    margin-left: 83.33333333%
  }

  .offset-lg-11 {
    margin-left: 91.66666667%
  }

  .g-lg-0, .gx-lg-0 {
    --bs-gutter-x: 0
  }

  .g-lg-0, .gy-lg-0 {
    --bs-gutter-y: 0
  }

  .g-lg-1, .gx-lg-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-lg-1, .gy-lg-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-lg-2, .gx-lg-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-lg-2, .gy-lg-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-lg-3, .gx-lg-3 {
    --bs-gutter-x: 1rem
  }

  .g-lg-3, .gy-lg-3 {
    --bs-gutter-y: 1rem
  }

  .g-lg-4, .gx-lg-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-lg-4, .gy-lg-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-lg-5, .gx-lg-5 {
    --bs-gutter-x: 3rem
  }

  .g-lg-5, .gy-lg-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:1200px) {
  .col-xl {
    flex: 1 0 0%
  }

  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-xl-0 {
    margin-left: 0
  }

  .offset-xl-1 {
    margin-left: 8.33333333%
  }

  .offset-xl-2 {
    margin-left: 16.66666667%
  }

  .offset-xl-3 {
    margin-left: 25%
  }

  .offset-xl-4 {
    margin-left: 33.33333333%
  }

  .offset-xl-5 {
    margin-left: 41.66666667%
  }

  .offset-xl-6 {
    margin-left: 50%
  }

  .offset-xl-7 {
    margin-left: 58.33333333%
  }

  .offset-xl-8 {
    margin-left: 66.66666667%
  }

  .offset-xl-9 {
    margin-left: 75%
  }

  .offset-xl-10 {
    margin-left: 83.33333333%
  }

  .offset-xl-11 {
    margin-left: 91.66666667%
  }

  .g-xl-0, .gx-xl-0 {
    --bs-gutter-x: 0
  }

  .g-xl-0, .gy-xl-0 {
    --bs-gutter-y: 0
  }

  .g-xl-1, .gx-xl-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-xl-1, .gy-xl-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-xl-2, .gx-xl-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-xl-2, .gy-xl-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-xl-3, .gx-xl-3 {
    --bs-gutter-x: 1rem
  }

  .g-xl-3, .gy-xl-3 {
    --bs-gutter-y: 1rem
  }

  .g-xl-4, .gx-xl-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-xl-4, .gy-xl-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-xl-5, .gx-xl-5 {
    --bs-gutter-x: 3rem
  }

  .g-xl-5, .gy-xl-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:1400px) {
  .col-xxl {
    flex: 1 0 0%
  }

  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-xxl-0 {
    margin-left: 0
  }

  .offset-xxl-1 {
    margin-left: 8.33333333%
  }

  .offset-xxl-2 {
    margin-left: 16.66666667%
  }

  .offset-xxl-3 {
    margin-left: 25%
  }

  .offset-xxl-4 {
    margin-left: 33.33333333%
  }

  .offset-xxl-5 {
    margin-left: 41.66666667%
  }

  .offset-xxl-6 {
    margin-left: 50%
  }

  .offset-xxl-7 {
    margin-left: 58.33333333%
  }

  .offset-xxl-8 {
    margin-left: 66.66666667%
  }

  .offset-xxl-9 {
    margin-left: 75%
  }

  .offset-xxl-10 {
    margin-left: 83.33333333%
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%
  }

  .g-xxl-0, .gx-xxl-0 {
    --bs-gutter-x: 0
  }

  .g-xxl-0, .gy-xxl-0 {
    --bs-gutter-y: 0
  }

  .g-xxl-1, .gx-xxl-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-xxl-1, .gy-xxl-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-xxl-2, .gx-xxl-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-xxl-2, .gy-xxl-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-xxl-3, .gx-xxl-3 {
    --bs-gutter-x: 1rem
  }

  .g-xxl-3, .gy-xxl-3 {
    --bs-gutter-y: 1rem
  }

  .g-xxl-4, .gx-xxl-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-xxl-4, .gy-xxl-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-xxl-5, .gx-xxl-5 {
    --bs-gutter-x: 3rem
  }

  .g-xxl-5, .gy-xxl-5 {
    --bs-gutter-y: 3rem
  }
}

.table {
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: var(--bs-table-color);
  vertical-align: top;
  border-color: var(--bs-table-border-color)
}

  .table > :not(caption) > * > * {
    padding: .5rem .5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
  }

  .table > tbody {
    vertical-align: inherit
  }

  .table > thead {
    vertical-align: bottom
  }

.table-group-divider {
  border-top: 2px solid currentcolor
}

.caption-top {
  caption-side: top
}

.table-sm > :not(caption) > * > * {
  padding: .25rem .25rem
}

.table-bordered > :not(caption) > * {
  border-width: 1px 0
}

  .table-bordered > :not(caption) > * > * {
    border-width: 0 1px
  }

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0
}

.table-borderless > :not(:first-child) {
  border-top-width: 0
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color)
}

.table-striped-columns > :not(caption) > tr > :nth-child(2n) {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color)
}

.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color)
}

.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color)
}

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #bacbe6;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #cbccce;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #bcd0c7;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #badce3;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #e6dbb9;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #dfc2c4;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #dfe0e1;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #373b3e;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch
}

@media (max-width:575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

.form-label {
  margin-bottom: .5rem
}

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

.col-form-label-lg {
  padding-top: calc(.5rem + 1px);
  padding-bottom: calc(.5rem + 1px);
  font-size: 1.25rem
}

.col-form-label-sm {
  padding-top: calc(.25rem + 1px);
  padding-bottom: calc(.25rem + 1px);
  font-size: .875rem
}

.form-text {
  margin-top: .25rem;
  font-size: .875em;
  color: #6c757d
}

.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .375rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-control {
    transition: none
  }
}

.form-control[type=file] {
  overflow: hidden
}

  .form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
  }

.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.form-control::-webkit-date-and-time-value {
  height: 1.5em
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1
}

.form-control:disabled {
  background-color: #e9ecef;
  opacity: 1
}

.form-control::-webkit-file-upload-button {
  padding: .375rem .75rem;
  margin: -.375rem -.75rem;
  -webkit-margin-end: .75rem;
  margin-inline-end: .75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.form-control::file-selector-button {
  padding: .375rem .75rem;
  margin: -.375rem -.75rem;
  -webkit-margin-end: .75rem;
  margin-inline-end: .75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none
  }

  .form-control::file-selector-button {
    transition: none
  }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: .375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0
}

  .form-control-plaintext:focus {
    outline: 0
  }

  .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
  }

.form-control-sm {
  min-height: calc(1.5em + .5rem + 2px);
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: .25rem
}

  .form-control-sm::-webkit-file-upload-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
  }

  .form-control-sm::file-selector-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
  }

.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
  padding: .5rem 1rem;
  font-size: 1.25rem;
  border-radius: .5rem
}

  .form-control-lg::-webkit-file-upload-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem
  }

  .form-control-lg::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem
  }

textarea.form-control {
  min-height: calc(1.5em + .75rem + 2px)
}

textarea.form-control-sm {
  min-height: calc(1.5em + .5rem + 2px)
}

textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px)
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem
}

  .form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
  }

  .form-control-color::-moz-color-swatch {
    border: 0 !important;
    border-radius: .375rem
  }

  .form-control-color::-webkit-color-swatch {
    border-radius: .375rem
  }

  .form-control-color.form-control-sm {
    height: calc(1.5em + .5rem + 2px)
  }

  .form-control-color.form-control-lg {
    height: calc(1.5em + 1rem + 2px)
  }

.form-select {
  display: block;
  width: 100%;
  padding: .375rem 2.25rem .375rem .75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: .375rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

@media (prefers-reduced-motion:reduce) {
  .form-select {
    transition: none
  }
}

.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: .75rem;
  background-image: none
}

.form-select:disabled {
  background-color: #e9ecef
}

.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #212529
}

.form-select-sm {
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: .5rem;
  font-size: .875rem;
  border-radius: .25rem
}

.form-select-lg {
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: .5rem
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: .125rem
}

  .form-check .form-check-input {
    float: left;
    margin-left: -1.5em
  }

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right
}

  .form-check-reverse .form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left: 0
  }

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: .25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0,0,0,.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact
}

  .form-check-input[type=checkbox] {
    border-radius: .25em
  }

  .form-check-input[type=radio] {
    border-radius: 50%
  }

  .form-check-input:active {
    filter: brightness(90%)
  }

  .form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
  }

  .form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd
  }

    .form-check-input:checked[type=checkbox] {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
    }

    .form-check-input:checked[type=radio] {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
    }

  .form-check-input[type=checkbox]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
  }

  .form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
  }

    .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
      cursor: default;
      opacity: .5
    }

.form-switch {
  padding-left: 2.5em
}

  .form-switch .form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 2em;
    transition: background-position .15s ease-in-out
  }

@media (prefers-reduced-motion:reduce) {
  .form-switch .form-check-input {
    transition: none
  }
}

.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0
}

  .form-switch.form-check-reverse .form-check-input {
    margin-right: -2.5em;
    margin-left: 0
  }

.form-check-inline {
  display: inline-block;
  margin-right: 1rem
}

.btn-check {
  position: absolute;
  clip: rect(0,0,0,0);
  pointer-events: none
}

  .btn-check:disabled + .btn, .btn-check[disabled] + .btn {
    pointer-events: none;
    filter: none;
    opacity: .65
  }

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

  .form-range:focus {
    outline: 0
  }

    .form-range:focus::-webkit-slider-thumb {
      box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)
    }

    .form-range:focus::-moz-range-thumb {
      box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)
    }

  .form-range::-moz-focus-outer {
    border: 0
  }

  .form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
  }

@media (prefers-reduced-motion:reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none
  }
}

.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem
}

.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -moz-appearance: none;
  appearance: none
}

@media (prefers-reduced-motion:reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none
  }
}

.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe
}

.form-range::-moz-range-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem
}

.form-range:disabled {
  pointer-events: none
}

  .form-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
  }

  .form-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
  }

.form-floating {
  position: relative
}

  .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select {
    height: calc(3.5rem + 2px);
    line-height: 1.25
  }

  .form-floating > label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1rem .75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out
  }

@media (prefers-reduced-motion:reduce) {
  .form-floating > label {
    transition: none
  }
}

.form-floating > .form-control, .form-floating > .form-control-plaintext {
  padding: 1rem .75rem
}

  .form-floating > .form-control-plaintext::-moz-placeholder, .form-floating > .form-control::-moz-placeholder {
    color: transparent
  }

  .form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: transparent
  }

  .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown), .form-floating > .form-control:not(:-moz-placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
  }

  .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
  }

  .form-floating > .form-control-plaintext:-webkit-autofill, .form-floating > .form-control:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: .625rem
  }

.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  opacity: .65;
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
  opacity: .65;
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: .65;
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control-plaintext ~ label {
  border-width: 1px 0
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%
}

  .input-group > .form-control, .input-group > .form-floating, .input-group > .form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
  }

    .input-group > .form-control:focus, .input-group > .form-floating:focus-within, .input-group > .form-select:focus {
      z-index: 5
    }

  .input-group .btn {
    position: relative;
    z-index: 2
  }

    .input-group .btn:focus {
      z-index: 5
    }

.input-group-text {
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: .375rem
}

.input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  border-radius: .5rem
}

.input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text {
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: .25rem
}

.input-group-lg > .form-select, .input-group-sm > .form-select {
  padding-right: 3rem
}

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select, .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: #198754
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  color: #fff;
  background-color: rgba(25,135,84,.9);
  border-radius: .375rem
}

.is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip {
  display: block
}

.form-control.is-valid, .was-validated .form-control:valid {
  border-color: #198754;
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

  .form-control.is-valid:focus, .was-validated .form-control:valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem rgba(25,135,84,.25)
  }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + .75rem);
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-valid, .was-validated .form-select:valid {
  border-color: #198754
}

  .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-position: right .75rem center,center right 2.25rem;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
  }

  .form-select.is-valid:focus, .was-validated .form-select:valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem rgba(25,135,84,.25)
  }

.form-control-color.is-valid, .was-validated .form-control-color:valid {
  width: calc(3rem + calc(1.5em + .75rem))
}

.form-check-input.is-valid, .was-validated .form-check-input:valid {
  border-color: #198754
}

  .form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
    background-color: #198754
  }

  .form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 .25rem rgba(25,135,84,.25)
  }

  .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
    color: #198754
  }

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: .5em
}

.input-group > .form-control:not(:focus).is-valid, .input-group > .form-floating:not(:focus-within).is-valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-control:not(:focus):valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .was-validated .input-group > .form-select:not(:focus):valid {
  z-index: 3
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: #dc3545
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  color: #fff;
  background-color: rgba(220,53,69,.9);
  border-radius: .375rem
}

.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip {
  display: block
}

.form-control.is-invalid, .was-validated .form-control:invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

  .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem rgba(220,53,69,.25)
  }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + .75rem);
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-invalid, .was-validated .form-select:invalid {
  border-color: #dc3545
}

  .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-position: right .75rem center,center right 2.25rem;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
  }

  .form-select.is-invalid:focus, .was-validated .form-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem rgba(220,53,69,.25)
  }

.form-control-color.is-invalid, .was-validated .form-control-color:invalid {
  width: calc(3rem + calc(1.5em + .75rem))
}

.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
  border-color: #dc3545
}

  .form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked {
    background-color: #dc3545
  }

  .form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus {
    box-shadow: 0 0 0 .25rem rgba(220,53,69,.25)
  }

  .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
    color: #dc3545
  }

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: .5em
}

.input-group > .form-control:not(:focus).is-invalid, .input-group > .form-floating:not(:focus-within).is-invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-control:not(:focus):invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .was-validated .input-group > .form-select:not(:focus):invalid {
  z-index: 4
}

.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family:;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: #212529;
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0.375rem;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .btn {
    transition: none
  }
}

.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color)
}

.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color)
}

.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color)
}

  .btn-check:checked + .btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check) + .btn:active:focus-visible {
    box-shadow: var(--bs-btn-focus-box-shadow)
  }

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity)
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130,138,145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60,153,110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754
}

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11,172,204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217,164,6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225,83,97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211,212,213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66,70,73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529
}

.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13,110,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none
}

.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108,117,125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none
}

.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25,135,84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none
}

.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13,202,240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none
}

.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255,193,7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none
}

.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220,53,69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none
}

.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248,249,250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none
}

.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33,37,41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: none;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  text-decoration: underline
}

  .btn-link:focus-visible {
    color: var(--bs-btn-color)
  }

  .btn-link:hover {
    color: var(--bs-btn-hover-color)
  }

.btn-group-lg > .btn, .btn-lg {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: 0.5rem
}

.btn-group-sm > .btn, .btn-sm {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 0.25rem
}

.fade {
  transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
  .fade {
    transition: none
  }
}

.fade:not(.show) {
  opacity: 0
}

.collapse:not(.show) {
  display: none
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
  .collapsing {
    transition: none
  }
}

.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
  .collapsing.collapse-horizontal {
    transition: none
  }
}

.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
  position: relative
}

.dropdown-toggle {
  white-space: nowrap
}

  .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
  }

  .dropdown-toggle:empty::after {
    margin-left: 0
  }

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: #212529;
  --bs-dropdown-bg: #fff;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: 0.375rem;
  --bs-dropdown-border-width: 1px;
  --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-dropdown-link-color: #212529;
  --bs-dropdown-link-hover-color: #1e2125;
  --bs-dropdown-link-hover-bg: #e9ecef;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius)
}

  .dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: var(--bs-dropdown-spacer)
  }

.dropdown-menu-start {
  --bs-position: start
}

  .dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0
  }

.dropdown-menu-end {
  --bs-position: end
}

  .dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto
  }

@media (min-width:576px) {
  .dropdown-menu-sm-start {
    --bs-position: start
  }

    .dropdown-menu-sm-start[data-bs-popper] {
      right: auto;
      left: 0
    }

  .dropdown-menu-sm-end {
    --bs-position: end
  }

    .dropdown-menu-sm-end[data-bs-popper] {
      right: 0;
      left: auto
    }
}

@media (min-width:768px) {
  .dropdown-menu-md-start {
    --bs-position: start
  }

    .dropdown-menu-md-start[data-bs-popper] {
      right: auto;
      left: 0
    }

  .dropdown-menu-md-end {
    --bs-position: end
  }

    .dropdown-menu-md-end[data-bs-popper] {
      right: 0;
      left: auto
    }
}

@media (min-width:992px) {
  .dropdown-menu-lg-start {
    --bs-position: start
  }

    .dropdown-menu-lg-start[data-bs-popper] {
      right: auto;
      left: 0
    }

  .dropdown-menu-lg-end {
    --bs-position: end
  }

    .dropdown-menu-lg-end[data-bs-popper] {
      right: 0;
      left: auto
    }
}

@media (min-width:1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start
  }

    .dropdown-menu-xl-start[data-bs-popper] {
      right: auto;
      left: 0
    }

  .dropdown-menu-xl-end {
    --bs-position: end
  }

    .dropdown-menu-xl-end[data-bs-popper] {
      right: 0;
      left: auto
    }
}

@media (min-width:1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start
  }

    .dropdown-menu-xxl-start[data-bs-popper] {
      right: auto;
      left: 0
    }

  .dropdown-menu-xxl-end {
    --bs-position: end
  }

    .dropdown-menu-xxl-end[data-bs-popper] {
      right: 0;
      left: auto
    }
}

.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer)
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: 0;
  border-right: .3em solid transparent;
  border-bottom: .3em solid;
  border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer)
}

.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: 0;
  border-bottom: .3em solid transparent;
  border-left: .3em solid
}

.dropend .dropdown-toggle:empty::after {
  margin-left: 0
}

.dropend .dropdown-toggle::after {
  vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer)
}

.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: ""
}

.dropstart .dropdown-toggle::after {
  display: none
}

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: .3em solid;
  border-bottom: .3em solid transparent
}

.dropstart .dropdown-toggle:empty::after {
  margin-left: 0
}

.dropstart .dropdown-toggle::before {
  vertical-align: 0
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0
}

  .dropdown-item:focus, .dropdown-item:hover {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg)
  }

  .dropdown-item.active, .dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-active-bg)
  }

  .dropdown-item.disabled, .dropdown-item:disabled {
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: transparent
  }

.dropdown-menu.show {
  display: block
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: .875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color)
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow:;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd
}

.btn-group, .btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle
}

  .btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    flex: 1 1 auto
  }

    .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
      z-index: 1
    }

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

  .btn-toolbar .input-group {
    width: auto
  }

.btn-group {
  border-radius: .375rem
}

  .btn-group > .btn-group:not(:first-child), .btn-group > :not(.btn-check:first-child) + .btn {
    margin-left: -1px
  }

  .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
  }

  .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
  }

.dropdown-toggle-split {
  padding-right: .5625rem;
  padding-left: .5625rem
}

  .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
    margin-left: 0
  }

.dropstart .dropdown-toggle-split::before {
  margin-right: 0
}

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
  padding-right: .375rem;
  padding-left: .375rem
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
  padding-right: .75rem;
  padding-left: .75rem
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center
}

  .btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
    width: 100%
  }

    .btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) {
      margin-top: -1px
    }

    .btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0
    }

    .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn ~ .btn {
      border-top-left-radius: 0;
      border-top-right-radius: 0
    }

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight:;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .nav-link {
    transition: none
  }
}

.nav-link:focus, .nav-link:hover {
  color: var(--bs-nav-link-hover-color)
}

.nav-link.disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default
}

.nav-tabs {
  --bs-nav-tabs-border-width: 1px;
  --bs-nav-tabs-border-color: #dee2e6;
  --bs-nav-tabs-border-radius: 0.375rem;
  --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
  --bs-nav-tabs-link-active-color: #495057;
  --bs-nav-tabs-link-active-bg: #fff;
  --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

  .nav-tabs .nav-link {
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    background: 0 0;
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius)
  }

    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
      isolation: isolate;
      border-color: var(--bs-nav-tabs-link-hover-border-color)
    }

    .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
      color: var(--bs-nav-link-disabled-color);
      background-color: transparent;
      border-color: transparent
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
      color: var(--bs-nav-tabs-link-active-color);
      background-color: var(--bs-nav-tabs-link-active-bg);
      border-color: var(--bs-nav-tabs-link-active-border-color)
    }

  .nav-tabs .dropdown-menu {
    margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
    border-top-left-radius: 0;
    border-top-right-radius: 0
  }

.nav-pills {
  --bs-nav-pills-border-radius: 0.375rem;
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd
}

  .nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: var(--bs-nav-pills-border-radius)
  }

    .nav-pills .nav-link:disabled {
      color: var(--bs-nav-link-disabled-color);
      background-color: transparent;
      border-color: transparent
    }

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
      color: var(--bs-nav-pills-link-active-color);
      background-color: var(--bs-nav-pills-link-active-bg)
    }

.nav-fill .nav-item, .nav-fill > .nav-link {
  flex: 1 1 auto;
  text-align: center
}

.nav-justified .nav-item, .nav-justified > .nav-link {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center
}

  .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
    width: 100%
  }

.tab-content > .tab-pane {
  display: none
}

.tab-content > .active {
  display: block
}

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(0, 0, 0, 0.55);
  --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
  --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
  --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
  --bs-navbar-toggler-border-radius: 0.375rem;
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}

  .navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between
  }

.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap
}

  .navbar-brand:focus, .navbar-brand:hover {
    color: var(--bs-navbar-brand-hover-color)
  }

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight:;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

  .navbar-nav .nav-link.active, .navbar-nav .show > .nav-link {
    color: var(--bs-navbar-active-color)
  }

  .navbar-nav .dropdown-menu {
    position: static
  }

.navbar-text {
  padding-top: .5rem;
  padding-bottom: .5rem;
  color: var(--bs-navbar-color)
}

  .navbar-text a, .navbar-text a:focus, .navbar-text a:hover {
    color: var(--bs-navbar-active-color)
  }

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition)
}

@media (prefers-reduced-motion:reduce) {
  .navbar-toggler {
    transition: none
  }
}

.navbar-toggler:hover {
  text-decoration: none
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height,75vh);
  overflow-y: auto
}

@media (min-width:576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

    .navbar-expand-sm .navbar-nav {
      flex-direction: row
    }

      .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
      }

      .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
      }

    .navbar-expand-sm .navbar-nav-scroll {
      overflow: visible
    }

    .navbar-expand-sm .navbar-collapse {
      display: flex !important;
      flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
      display: none
    }

    .navbar-expand-sm .offcanvas {
      position: static;
      z-index: auto;
      flex-grow: 1;
      width: auto !important;
      height: auto !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none
    }

      .navbar-expand-sm .offcanvas .offcanvas-header {
        display: none
      }

      .navbar-expand-sm .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
      }
}

@media (min-width:768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

    .navbar-expand-md .navbar-nav {
      flex-direction: row
    }

      .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
      }

      .navbar-expand-md .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
      }

    .navbar-expand-md .navbar-nav-scroll {
      overflow: visible
    }

    .navbar-expand-md .navbar-collapse {
      display: flex !important;
      flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
      display: none
    }

    .navbar-expand-md .offcanvas {
      position: static;
      z-index: auto;
      flex-grow: 1;
      width: auto !important;
      height: auto !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none
    }

      .navbar-expand-md .offcanvas .offcanvas-header {
        display: none
      }

      .navbar-expand-md .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
      }
}

@media (min-width:992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

    .navbar-expand-lg .navbar-nav {
      flex-direction: row
    }

      .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
      }

      .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
      }

    .navbar-expand-lg .navbar-nav-scroll {
      overflow: visible
    }

    .navbar-expand-lg .navbar-collapse {
      display: flex !important;
      flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
      display: none
    }

    .navbar-expand-lg .offcanvas {
      position: static;
      z-index: auto;
      flex-grow: 1;
      width: auto !important;
      height: auto !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none
    }

      .navbar-expand-lg .offcanvas .offcanvas-header {
        display: none
      }

      .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
      }
}

@media (min-width:1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

    .navbar-expand-xl .navbar-nav {
      flex-direction: row
    }

      .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
      }

      .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
      }

    .navbar-expand-xl .navbar-nav-scroll {
      overflow: visible
    }

    .navbar-expand-xl .navbar-collapse {
      display: flex !important;
      flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
      display: none
    }

    .navbar-expand-xl .offcanvas {
      position: static;
      z-index: auto;
      flex-grow: 1;
      width: auto !important;
      height: auto !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none
    }

      .navbar-expand-xl .offcanvas .offcanvas-header {
        display: none
      }

      .navbar-expand-xl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
      }
}

@media (min-width:1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

    .navbar-expand-xxl .navbar-nav {
      flex-direction: row
    }

      .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
      }

      .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
      }

    .navbar-expand-xxl .navbar-nav-scroll {
      overflow: visible
    }

    .navbar-expand-xxl .navbar-collapse {
      display: flex !important;
      flex-basis: auto
    }

    .navbar-expand-xxl .navbar-toggler {
      display: none
    }

    .navbar-expand-xxl .offcanvas {
      position: static;
      z-index: auto;
      flex-grow: 1;
      width: auto !important;
      height: auto !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none
    }

      .navbar-expand-xxl .offcanvas .offcanvas-header {
        display: none
      }

      .navbar-expand-xxl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
      }
}

.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start
}

  .navbar-expand .navbar-nav {
    flex-direction: row
  }

    .navbar-expand .navbar-nav .dropdown-menu {
      position: absolute
    }

    .navbar-expand .navbar-nav .nav-link {
      padding-right: var(--bs-navbar-nav-link-padding-x);
      padding-left: var(--bs-navbar-nav-link-padding-x)
    }

  .navbar-expand .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand .navbar-toggler {
    display: none
  }

  .navbar-expand .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none
  }

    .navbar-expand .offcanvas .offcanvas-header {
      display: none
    }

    .navbar-expand .offcanvas .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible
    }

.navbar-dark {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-border-width: 1px;
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: 0.375rem;
  --bs-card-box-shadow:;
  --bs-card-inner-border-radius: calc(0.375rem - 1px);
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
  --bs-card-cap-color:;
  --bs-card-height:;
  --bs-card-color:;
  --bs-card-bg: #fff;
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius)
}

  .card > hr {
    margin-right: 0;
    margin-left: 0
  }

  .card > .list-group {
    border-top: inherit;
    border-bottom: inherit
  }

    .card > .list-group:first-child {
      border-top-width: 0;
      border-top-left-radius: var(--bs-card-inner-border-radius);
      border-top-right-radius: var(--bs-card-inner-border-radius)
    }

    .card > .list-group:last-child {
      border-bottom-width: 0;
      border-bottom-right-radius: var(--bs-card-inner-border-radius);
      border-bottom-left-radius: var(--bs-card-inner-border-radius)
    }

    .card > .card-header + .list-group, .card > .list-group + .card-footer {
      border-top: 0
    }

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color)
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y)
}

.card-subtitle {
  margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0
}

.card-text:last-child {
  margin-bottom: 0
}

.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x)
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

  .card-header:first-child {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
  }

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

  .card-footer:last-child {
    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
  }

.card-header-tabs {
  margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0
}

  .card-header-tabs .nav-link.active {
    background-color: var(--bs-card-bg);
    border-bottom-color: var(--bs-card-bg)
  }

.card-header-pills {
  margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-.5 * var(--bs-card-cap-padding-x))
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius)
}

.card-img, .card-img-bottom, .card-img-top {
  width: 100%
}

.card-img, .card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card-img, .card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card-group > .card {
  margin-bottom: var(--bs-card-group-margin)
}

@media (min-width:576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap
  }

    .card-group > .card {
      flex: 1 0 0%;
      margin-bottom: 0
    }

      .card-group > .card + .card {
        margin-left: 0;
        border-left: 0
      }

      .card-group > .card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
      }

        .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top {
          border-top-right-radius: 0
        }

        .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom {
          border-bottom-right-radius: 0
        }

      .card-group > .card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
      }

        .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top {
          border-top-left-radius: 0
        }

        .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom {
          border-bottom-left-radius: 0
        }
}

.accordion {
  --bs-accordion-color: #212529;
  --bs-accordion-bg: #fff;
  --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: 1px;
  --bs-accordion-border-radius: 0.375rem;
  --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: #212529;
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #86b7fe;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: #0c63e4;
  --bs-accordion-active-bg: #e7f1ff
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition)
}

@media (prefers-reduced-motion:reduce) {
  .accordion-button {
    transition: none
  }
}

.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}

  .accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform)
  }

.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition)
}

@media (prefers-reduced-motion:reduce) {
  .accordion-button::after {
    transition: none
  }
}

.accordion-button:hover {
  z-index: 2
}

.accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}

.accordion-header {
  margin-bottom: 0
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

  .accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius)
  }

    .accordion-item:first-of-type .accordion-button {
      border-top-left-radius: var(--bs-accordion-inner-border-radius);
      border-top-right-radius: var(--bs-accordion-inner-border-radius)
    }

  .accordion-item:not(:first-of-type) {
    border-top: 0
  }

  .accordion-item:last-of-type {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
  }

    .accordion-item:last-of-type .accordion-button.collapsed {
      border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
      border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
    }

    .accordion-item:last-of-type .accordion-collapse {
      border-bottom-right-radius: var(--bs-accordion-border-radius);
      border-bottom-left-radius: var(--bs-accordion-border-radius)
    }

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.accordion-flush .accordion-collapse {
  border-width: 0
}

.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0
}

  .accordion-flush .accordion-item:first-child {
    border-top: 0
  }

  .accordion-flush .accordion-item:last-child {
    border-bottom: 0
  }

  .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
    border-radius: 0
  }

.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg:;
  --bs-breadcrumb-border-radius:;
  --bs-breadcrumb-divider-color: #6c757d;
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius)
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x)
}

  .breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider, "/")
  }

.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color)
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: #fff;
  --bs-pagination-border-width: 1px;
  --bs-pagination-border-color: #dee2e6;
  --bs-pagination-border-radius: 0.375rem;
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: #e9ecef;
  --bs-pagination-hover-border-color: #dee2e6;
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: #e9ecef;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: #6c757d;
  --bs-pagination-disabled-bg: #fff;
  --bs-pagination-disabled-border-color: #dee2e6;
  display: flex;
  padding-left: 0;
  list-style: none
}

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .page-link {
    transition: none
  }
}

.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color)
}

.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow)
}

.active > .page-link, .page-link.active {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color)
}

.disabled > .page-link, .page-link.disabled {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color)
}

.page-item:not(:first-child) .page-link {
  margin-left: -1px
}

.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius)
}

.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius)
}

.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: 0.5rem
}

.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: 0.25rem
}

.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: 0.375rem;
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius)
}

  .badge:empty {
    display: none
  }

.btn .badge {
  position: relative;
  top: -1px
}

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: 1px solid var(--bs-alert-border-color);
  --bs-alert-border-radius: 0.375rem;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius)
}

.alert-heading {
  color: inherit
}

.alert-link {
  font-weight: 700
}

.alert-dismissible {
  padding-right: 3rem
}

  .alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem
  }

.alert-primary {
  --bs-alert-color: #084298;
  --bs-alert-bg: #cfe2ff;
  --bs-alert-border-color: #b6d4fe
}

  .alert-primary .alert-link {
    color: #06357a
  }

.alert-secondary {
  --bs-alert-color: #41464b;
  --bs-alert-bg: #e2e3e5;
  --bs-alert-border-color: #d3d6d8
}

  .alert-secondary .alert-link {
    color: #34383c
  }

.alert-success {
  --bs-alert-color: #0f5132;
  --bs-alert-bg: #d1e7dd;
  --bs-alert-border-color: #badbcc
}

  .alert-success .alert-link {
    color: #0c4128
  }

.alert-info {
  --bs-alert-color: #055160;
  --bs-alert-bg: #cff4fc;
  --bs-alert-border-color: #b6effb
}

  .alert-info .alert-link {
    color: #04414d
  }

.alert-warning {
  --bs-alert-color: #664d03;
  --bs-alert-bg: #fff3cd;
  --bs-alert-border-color: #ffecb5
}

  .alert-warning .alert-link {
    color: #523e02
  }

.alert-danger {
  --bs-alert-color: #842029;
  --bs-alert-bg: #f8d7da;
  --bs-alert-border-color: #f5c2c7
}

  .alert-danger .alert-link {
    color: #6a1a21
  }

.alert-light {
  --bs-alert-color: #636464;
  --bs-alert-bg: #fefefe;
  --bs-alert-border-color: #fdfdfe
}

  .alert-light .alert-link {
    color: #4f5050
  }

.alert-dark {
  --bs-alert-color: #141619;
  --bs-alert-bg: #d3d3d4;
  --bs-alert-border-color: #bcbebf
}

  .alert-dark .alert-link {
    color: #101214
  }

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem
  }
}

.progress {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: #e9ecef;
  --bs-progress-border-radius: 0.375rem;
  --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius)
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition)
}

@media (prefers-reduced-motion:reduce) {
  .progress-bar {
    transition: none
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height)
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
  .progress-bar-animated {
    animation: none
  }
}

.list-group {
  --bs-list-group-color: #212529;
  --bs-list-group-bg: #fff;
  --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
  --bs-list-group-border-width: 1px;
  --bs-list-group-border-radius: 0.375rem;
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: #495057;
  --bs-list-group-action-hover-color: #495057;
  --bs-list-group-action-hover-bg: #f8f9fa;
  --bs-list-group-action-active-color: #212529;
  --bs-list-group-action-active-bg: #e9ecef;
  --bs-list-group-disabled-color: #6c757d;
  --bs-list-group-disabled-bg: #fff;
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius)
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section
}

  .list-group-numbered > .list-group-item::before {
    content: counters(section, ".") ". ";
    counter-increment: section
  }

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit
}

  .list-group-item-action:focus, .list-group-item-action:hover {
    z-index: 1;
    color: var(--bs-list-group-action-hover-color);
    text-decoration: none;
    background-color: var(--bs-list-group-action-hover-bg)
  }

  .list-group-item-action:active {
    color: var(--bs-list-group-action-active-color);
    background-color: var(--bs-list-group-action-active-bg)
  }

.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
}

  .list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
  }

  .list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
  }

  .list-group-item.disabled, .list-group-item:disabled {
    color: var(--bs-list-group-disabled-color);
    pointer-events: none;
    background-color: var(--bs-list-group-disabled-bg)
  }

  .list-group-item.active {
    z-index: 2;
    color: var(--bs-list-group-active-color);
    background-color: var(--bs-list-group-active-bg);
    border-color: var(--bs-list-group-active-border-color)
  }

  .list-group-item + .list-group-item {
    border-top-width: 0
  }

    .list-group-item + .list-group-item.active {
      margin-top: calc(-1 * var(--bs-list-group-border-width));
      border-top-width: var(--bs-list-group-border-width)
    }

.list-group-horizontal {
  flex-direction: row
}

  .list-group-horizontal > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
  }

  .list-group-horizontal > .list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
  }

    .list-group-horizontal > .list-group-item + .list-group-item.active {
      margin-left: calc(-1 * var(--bs-list-group-border-width));
      border-left-width: var(--bs-list-group-border-width)
    }

@media (min-width:576px) {
  .list-group-horizontal-sm {
    flex-direction: row
  }

    .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
      border-bottom-left-radius: var(--bs-list-group-border-radius);
      border-top-right-radius: 0
    }

    .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
      border-top-right-radius: var(--bs-list-group-border-radius);
      border-bottom-left-radius: 0
    }

    .list-group-horizontal-sm > .list-group-item.active {
      margin-top: 0
    }

    .list-group-horizontal-sm > .list-group-item + .list-group-item {
      border-top-width: var(--bs-list-group-border-width);
      border-left-width: 0
    }

      .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
      }
}

@media (min-width:768px) {
  .list-group-horizontal-md {
    flex-direction: row
  }

    .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
      border-bottom-left-radius: var(--bs-list-group-border-radius);
      border-top-right-radius: 0
    }

    .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
      border-top-right-radius: var(--bs-list-group-border-radius);
      border-bottom-left-radius: 0
    }

    .list-group-horizontal-md > .list-group-item.active {
      margin-top: 0
    }

    .list-group-horizontal-md > .list-group-item + .list-group-item {
      border-top-width: var(--bs-list-group-border-width);
      border-left-width: 0
    }

      .list-group-horizontal-md > .list-group-item + .list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
      }
}

@media (min-width:992px) {
  .list-group-horizontal-lg {
    flex-direction: row
  }

    .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
      border-bottom-left-radius: var(--bs-list-group-border-radius);
      border-top-right-radius: 0
    }

    .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
      border-top-right-radius: var(--bs-list-group-border-radius);
      border-bottom-left-radius: 0
    }

    .list-group-horizontal-lg > .list-group-item.active {
      margin-top: 0
    }

    .list-group-horizontal-lg > .list-group-item + .list-group-item {
      border-top-width: var(--bs-list-group-border-width);
      border-left-width: 0
    }

      .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
      }
}

@media (min-width:1200px) {
  .list-group-horizontal-xl {
    flex-direction: row
  }

    .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
      border-bottom-left-radius: var(--bs-list-group-border-radius);
      border-top-right-radius: 0
    }

    .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
      border-top-right-radius: var(--bs-list-group-border-radius);
      border-bottom-left-radius: 0
    }

    .list-group-horizontal-xl > .list-group-item.active {
      margin-top: 0
    }

    .list-group-horizontal-xl > .list-group-item + .list-group-item {
      border-top-width: var(--bs-list-group-border-width);
      border-left-width: 0
    }

      .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
      }
}

@media (min-width:1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row
  }

    .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
      border-bottom-left-radius: var(--bs-list-group-border-radius);
      border-top-right-radius: 0
    }

    .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
      border-top-right-radius: var(--bs-list-group-border-radius);
      border-bottom-left-radius: 0
    }

    .list-group-horizontal-xxl > .list-group-item.active {
      margin-top: 0
    }

    .list-group-horizontal-xxl > .list-group-item + .list-group-item {
      border-top-width: var(--bs-list-group-border-width);
      border-left-width: 0
    }

      .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
      }
}

.list-group-flush {
  border-radius: 0
}

  .list-group-flush > .list-group-item {
    border-width: 0 0 var(--bs-list-group-border-width)
  }

    .list-group-flush > .list-group-item:last-child {
      border-bottom-width: 0
    }

.list-group-item-primary {
  color: #084298;
  background-color: #cfe2ff
}

  .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
    color: #084298;
    background-color: #bacbe6
  }

  .list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #084298;
    border-color: #084298
  }

.list-group-item-secondary {
  color: #41464b;
  background-color: #e2e3e5
}

  .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
    color: #41464b;
    background-color: #cbccce
  }

  .list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #41464b;
    border-color: #41464b
  }

.list-group-item-success {
  color: #0f5132;
  background-color: #d1e7dd
}

  .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
    color: #0f5132;
    background-color: #bcd0c7
  }

  .list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #0f5132;
    border-color: #0f5132
  }

.list-group-item-info {
  color: #055160;
  background-color: #cff4fc
}

  .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
    color: #055160;
    background-color: #badce3
  }

  .list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #055160;
    border-color: #055160
  }

.list-group-item-warning {
  color: #664d03;
  background-color: #fff3cd
}

  .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
    color: #664d03;
    background-color: #e6dbb9
  }

  .list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #664d03;
    border-color: #664d03
  }

.list-group-item-danger {
  color: #842029;
  background-color: #f8d7da
}

  .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
    color: #842029;
    background-color: #dfc2c4
  }

  .list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #842029;
    border-color: #842029
  }

.list-group-item-light {
  color: #636464;
  background-color: #fefefe
}

  .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
    color: #636464;
    background-color: #e5e5e5
  }

  .list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #636464;
    border-color: #636464
  }

.list-group-item-dark {
  color: #141619;
  background-color: #d3d3d4
}

  .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
    color: #141619;
    background-color: #bebebf
  }

  .list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #141619;
    border-color: #141619
  }

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: .25em .25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: .375rem;
  opacity: .5
}

  .btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
  }

  .btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
    opacity: 1
  }

  .btn-close.disabled, .btn-close:disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: .25
  }

.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%)
}

.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color:;
  --bs-toast-bg: rgba(255, 255, 255, 0.85);
  --bs-toast-border-width: 1px;
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: 0.375rem;
  --bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-toast-header-color: #6c757d;
  --bs-toast-header-bg: rgba(255, 255, 255, 0.85);
  --bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius)
}

  .toast.showing {
    opacity: 0
  }

  .toast:not(.show) {
    display: none
  }

.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none
}

  .toast-container > :not(:last-child) {
    margin-bottom: var(--bs-toast-spacing)
  }

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}

  .toast-header .btn-close {
    margin-right: calc(-.5 * var(--bs-toast-padding-x));
    margin-left: var(--bs-toast-padding-x)
  }

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color:;
  --bs-modal-bg: #fff;
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: 1px;
  --bs-modal-border-radius: 0.5rem;
  --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-modal-inner-border-radius: calc(0.5rem - 1px);
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: 1px;
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg:;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: 1px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none
}

.modal.fade .modal-dialog {
  transition: transform .3s ease-out;
  transform: translate(0,-50px)
}

@media (prefers-reduced-motion:reduce) {
  .modal.fade .modal-dialog {
    transition: none
  }
}

.modal.show .modal-dialog {
  transform: none
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02)
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2)
}

  .modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
  }

  .modal-dialog-scrollable .modal-body {
    overflow-y: auto
  }

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg)
}

  .modal-backdrop.fade {
    opacity: 0
  }

  .modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity)
  }

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius)
}

  .modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
  }

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height)
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding)
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

  .modal-footer > * {
    margin: calc(var(--bs-modal-footer-gap) * .5)
  }

@media (min-width:576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15)
  }

  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto
  }

  .modal-sm {
    --bs-modal-width: 300px
  }
}

@media (min-width:992px) {
  .modal-lg, .modal-xl {
    --bs-modal-width: 800px
  }
}

@media (min-width:1200px) {
  .modal-xl {
    --bs-modal-width: 1140px
  }
}

.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0
}

  .modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen .modal-footer, .modal-fullscreen .modal-header {
    border-radius: 0
  }

  .modal-fullscreen .modal-body {
    overflow-y: auto
  }

@media (max-width:575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

    .modal-fullscreen-sm-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-footer, .modal-fullscreen-sm-down .modal-header {
      border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
      overflow-y: auto
    }
}

@media (max-width:767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

    .modal-fullscreen-md-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0
    }

    .modal-fullscreen-md-down .modal-footer, .modal-fullscreen-md-down .modal-header {
      border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
      overflow-y: auto
    }
}

@media (max-width:991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

    .modal-fullscreen-lg-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-footer, .modal-fullscreen-lg-down .modal-header {
      border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
      overflow-y: auto
    }
}

@media (max-width:1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

    .modal-fullscreen-xl-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-footer, .modal-fullscreen-xl-down .modal-header {
      border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
      overflow-y: auto
    }
}

@media (max-width:1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

    .modal-fullscreen-xxl-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-footer, .modal-fullscreen-xxl-down .modal-header {
      border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
      overflow-y: auto
    }
}

.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin:;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: #fff;
  --bs-tooltip-bg: #000;
  --bs-tooltip-border-radius: 0.375rem;
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  padding: var(--bs-tooltip-arrow-height);
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0
}

  .tooltip.show {
    opacity: var(--bs-tooltip-opacity)
  }

  .tooltip .tooltip-arrow {
    display: block;
    width: var(--bs-tooltip-arrow-width);
    height: var(--bs-tooltip-arrow-height)
  }

    .tooltip .tooltip-arrow::before {
      position: absolute;
      content: "";
      border-color: transparent;
      border-style: solid
    }

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow {
  bottom: 0
}

  .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
    top: -1px;
    border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-top-color: var(--bs-tooltip-bg)
  }

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow {
  left: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width)
}

  .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
    right: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-right-color: var(--bs-tooltip-bg)
  }

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow {
  top: 0
}

  .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {
    bottom: -1px;
    border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-bottom-color: var(--bs-tooltip-bg)
  }

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow {
  right: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width)
}

  .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
    left: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-left-color: var(--bs-tooltip-bg)
  }

.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius)
}

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: #fff;
  --bs-popover-border-width: 1px;
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: 0.5rem;
  --bs-popover-inner-border-radius: calc(0.5rem - 1px);
  --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color:;
  --bs-popover-header-bg: #f0f0f0;
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: #212529;
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius)
}

  .popover .popover-arrow {
    display: block;
    width: var(--bs-popover-arrow-width);
    height: var(--bs-popover-arrow-height)
  }

    .popover .popover-arrow::after, .popover .popover-arrow::before {
      position: absolute;
      display: block;
      content: "";
      border-color: transparent;
      border-style: solid;
      border-width: 0
    }

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow, .bs-popover-top > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

  .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-top > .popover-arrow::before {
    border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
  }

  .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before {
    bottom: 0;
    border-top-color: var(--bs-popover-arrow-border)
  }

  .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after {
    bottom: var(--bs-popover-border-width);
    border-top-color: var(--bs-popover-bg)
  }

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow, .bs-popover-end > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width)
}

  .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-end > .popover-arrow::before {
    border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
  }

  .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before {
    left: 0;
    border-right-color: var(--bs-popover-arrow-border)
  }

  .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-end > .popover-arrow::after {
    left: var(--bs-popover-border-width);
    border-right-color: var(--bs-popover-bg)
  }

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow, .bs-popover-bottom > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

  .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::before {
    border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
  }

  .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before {
    top: 0;
    border-bottom-color: var(--bs-popover-arrow-border)
  }

  .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after {
    top: var(--bs-popover-border-width);
    border-bottom-color: var(--bs-popover-bg)
  }

.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow, .bs-popover-start > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width)
}

  .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-start > .popover-arrow::before {
    border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
  }

  .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::before {
    right: 0;
    border-left-color: var(--bs-popover-arrow-border)
  }

  .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-start > .popover-arrow::after {
    right: var(--bs-popover-border-width);
    border-left-color: var(--bs-popover-bg)
  }

.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius)
}

  .popover-header:empty {
    display: none
  }

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color)
}

.spinner-border, .spinner-grow {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg)
  }
}

.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent
}

.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em
}

@keyframes spinner-grow {
  0% {
    transform: scale(0)
  }

  50% {
    opacity: 1;
    transform: none
  }
}

.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0
}

.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem
}

@media (prefers-reduced-motion:reduce) {
  .spinner-border, .spinner-grow {
    --bs-spinner-animation-speed: 1.5s
  }
}

.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color:;
  --bs-offcanvas-bg: #fff;
  --bs-offcanvas-border-width: 1px;
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)
}

@media (max-width:575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
  }
}

@media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-sm {
    transition: none
  }
}

@media (max-width:575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
  }
}

@media (max-width:575.98px) {
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
  }
}

@media (max-width:575.98px) {
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
  }
}

@media (max-width:575.98px) {
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
  }
}

@media (max-width:575.98px) {
  .offcanvas-sm.show:not(.hiding), .offcanvas-sm.showing {
    transform: none
  }
}

@media (max-width:575.98px) {
  .offcanvas-sm.hiding, .offcanvas-sm.show, .offcanvas-sm.showing {
    visibility: visible
  }
}

@media (min-width:576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important
  }

    .offcanvas-sm .offcanvas-header {
      display: none
    }

    .offcanvas-sm .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important
    }
}

@media (max-width:767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
  }
}

@media (max-width:767.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-md {
    transition: none
  }
}

@media (max-width:767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
  }
}

@media (max-width:767.98px) {
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
  }
}

@media (max-width:767.98px) {
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
  }
}

@media (max-width:767.98px) {
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
  }
}

@media (max-width:767.98px) {
  .offcanvas-md.show:not(.hiding), .offcanvas-md.showing {
    transform: none
  }
}

@media (max-width:767.98px) {
  .offcanvas-md.hiding, .offcanvas-md.show, .offcanvas-md.showing {
    visibility: visible
  }
}

@media (min-width:768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important
  }

    .offcanvas-md .offcanvas-header {
      display: none
    }

    .offcanvas-md .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important
    }
}

@media (max-width:991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
  }
}

@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-lg {
    transition: none
  }
}

@media (max-width:991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
  }
}

@media (max-width:991.98px) {
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
  }
}

@media (max-width:991.98px) {
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
  }
}

@media (max-width:991.98px) {
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
  }
}

@media (max-width:991.98px) {
  .offcanvas-lg.show:not(.hiding), .offcanvas-lg.showing {
    transform: none
  }
}

@media (max-width:991.98px) {
  .offcanvas-lg.hiding, .offcanvas-lg.show, .offcanvas-lg.showing {
    visibility: visible
  }
}

@media (min-width:992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important
  }

    .offcanvas-lg .offcanvas-header {
      display: none
    }

    .offcanvas-lg .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important
    }
}

@media (max-width:1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
  }
}

@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-xl {
    transition: none
  }
}

@media (max-width:1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
  }
}

@media (max-width:1199.98px) {
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
  }
}

@media (max-width:1199.98px) {
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
  }
}

@media (max-width:1199.98px) {
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
  }
}

@media (max-width:1199.98px) {
  .offcanvas-xl.show:not(.hiding), .offcanvas-xl.showing {
    transform: none
  }
}

@media (max-width:1199.98px) {
  .offcanvas-xl.hiding, .offcanvas-xl.show, .offcanvas-xl.showing {
    visibility: visible
  }
}

@media (min-width:1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important
  }

    .offcanvas-xl .offcanvas-header {
      display: none
    }

    .offcanvas-xl .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important
    }
}

@media (max-width:1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
  }
}

@media (max-width:1399.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-xxl {
    transition: none
  }
}

@media (max-width:1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
  }
}

@media (max-width:1399.98px) {
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
  }
}

@media (max-width:1399.98px) {
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
  }
}

@media (max-width:1399.98px) {
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
  }
}

@media (max-width:1399.98px) {
  .offcanvas-xxl.show:not(.hiding), .offcanvas-xxl.showing {
    transform: none
  }
}

@media (max-width:1399.98px) {
  .offcanvas-xxl.hiding, .offcanvas-xxl.show, .offcanvas-xxl.showing {
    visibility: visible
  }
}

@media (min-width:1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important
  }

    .offcanvas-xxl .offcanvas-header {
      display: none
    }

    .offcanvas-xxl .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important
    }
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: transform .3s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .offcanvas {
    transition: none
  }
}

.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%)
}

.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%)
}

.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%)
}

.offcanvas.show:not(.hiding), .offcanvas.showing {
  transform: none
}

.offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
  visibility: visible
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000
}

  .offcanvas-backdrop.fade {
    opacity: 0
  }

  .offcanvas-backdrop.show {
    opacity: .5
  }

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

  .offcanvas-header .btn-close {
    padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
    margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
    margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
    margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y))
  }

.offcanvas-title {
  margin-bottom: 0;
  line-height: 1.5
}

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: .5
}

  .placeholder.btn::before {
    display: inline-block;
    content: ""
  }

.placeholder-xs {
  min-height: .6em
}

.placeholder-sm {
  min-height: .8em
}

.placeholder-lg {
  min-height: 1.2em
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite
}

@keyframes placeholder-glow {
  50% {
    opacity: .2
  }
}

.placeholder-wave {
  -webkit-mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);
  mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite
}

@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
    mask-position: -200% 0%
  }
}

.clearfix::after {
  display: block;
  clear: both;
  content: ""
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(13,110,253,var(--bs-bg-opacity,1)) !important
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(108,117,125,var(--bs-bg-opacity,1)) !important
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(25,135,84,var(--bs-bg-opacity,1)) !important
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(13,202,240,var(--bs-bg-opacity,1)) !important
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(255,193,7,var(--bs-bg-opacity,1)) !important
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(220,53,69,var(--bs-bg-opacity,1)) !important
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(248,249,250,var(--bs-bg-opacity,1)) !important
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(33,37,41,var(--bs-bg-opacity,1)) !important
}

.link-primary {
  color: #0d6efd !important
}

  .link-primary:focus, .link-primary:hover {
    color: #0a58ca !important
  }

.link-secondary {
  color: #6c757d !important
}

  .link-secondary:focus, .link-secondary:hover {
    color: #565e64 !important
  }

.link-success {
  color: #198754 !important
}

  .link-success:focus, .link-success:hover {
    color: #146c43 !important
  }

.link-info {
  color: #0dcaf0 !important
}

  .link-info:focus, .link-info:hover {
    color: #3dd5f3 !important
  }

.link-warning {
  color: #ffc107 !important
}

  .link-warning:focus, .link-warning:hover {
    color: #ffcd39 !important
  }

.link-danger {
  color: #dc3545 !important
}

  .link-danger:focus, .link-danger:hover {
    color: #b02a37 !important
  }

.link-light {
  color: #f8f9fa !important
}

  .link-light:focus, .link-light:hover {
    color: #f9fafb !important
  }

.link-dark {
  color: #212529 !important
}

  .link-dark:focus, .link-dark:hover {
    color: #1a1e21 !important
  }

.ratio {
  position: relative;
  width: 100%
}

  .ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
  }

  .ratio > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }

.ratio-1x1 {
  --bs-aspect-ratio: 100%
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030
}

.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020
}

.sticky-bottom {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 1020
}

@media (min-width:576px) {
  .sticky-sm-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-sm-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

@media (min-width:768px) {
  .sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-md-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

@media (min-width:992px) {
  .sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-lg-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

@media (min-width:1200px) {
  .sticky-xl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-xl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

@media (min-width:1400px) {
  .sticky-xxl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-xxl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch
}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: ""
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentcolor;
  opacity: .25
}

.align-baseline {
  vertical-align: baseline !important
}

.align-top {
  vertical-align: top !important
}

.align-middle {
  vertical-align: middle !important
}

.align-bottom {
  vertical-align: bottom !important
}

.align-text-bottom {
  vertical-align: text-bottom !important
}

.align-text-top {
  vertical-align: text-top !important
}

.float-start {
  float: left !important
}

.float-end {
  float: right !important
}

.float-none {
  float: none !important
}

.opacity-0 {
  opacity: 0 !important
}

.opacity-25 {
  opacity: .25 !important
}

.opacity-50 {
  opacity: .5 !important
}

.opacity-75 {
  opacity: .75 !important
}

.opacity-100 {
  opacity: 1 !important
}

.overflow-auto {
  overflow: auto !important
}

.overflow-hidden {
  overflow: hidden !important
}

.overflow-visible {
  overflow: visible !important
}

.overflow-scroll {
  overflow: scroll !important
}

.d-inline {
  display: inline !important
}

.d-inline-block {
  display: inline-block !important
}

.d-block {
  display: block !important
}

.d-grid {
  display: grid !important
}

.d-table {
  display: table !important
}

.d-table-row {
  display: table-row !important
}

.d-table-cell {
  display: table-cell !important
}

.d-flex {
  display: flex !important
}

.d-inline-flex {
  display: inline-flex !important
}

.d-none {
  display: none !important
}

.shadow {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important
}

.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important
}

.shadow-none {
  box-shadow: none !important
}

.position-static {
  position: static !important
}

.position-relative {
  position: relative !important
}

.position-absolute {
  position: absolute !important
}

.position-fixed {
  position: fixed !important
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important
}

.top-0 {
  top: 0 !important
}

.top-50 {
  top: 50% !important
}

.top-100 {
  top: 100% !important
}

.bottom-0 {
  bottom: 0 !important
}

.bottom-50 {
  bottom: 50% !important
}

.bottom-100 {
  bottom: 100% !important
}

.start-0 {
  left: 0 !important
}

.start-50 {
  left: 50% !important
}

.start-100 {
  left: 100% !important
}

.end-0 {
  right: 0 !important
}

.end-50 {
  right: 50% !important
}

.end-100 {
  right: 100% !important
}

.translate-middle {
  transform: translate(-50%,-50%) !important
}

.translate-middle-x {
  transform: translateX(-50%) !important
}

.translate-middle-y {
  transform: translateY(-50%) !important
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-0 {
  border: 0 !important
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-top-0 {
  border-top: 0 !important
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-end-0 {
  border-right: 0 !important
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-bottom-0 {
  border-bottom: 0 !important
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-start-0 {
  border-left: 0 !important
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb),var(--bs-border-opacity)) !important
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb),var(--bs-border-opacity)) !important
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb),var(--bs-border-opacity)) !important
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb),var(--bs-border-opacity)) !important
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb),var(--bs-border-opacity)) !important
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb),var(--bs-border-opacity)) !important
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb),var(--bs-border-opacity)) !important
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb),var(--bs-border-opacity)) !important
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb),var(--bs-border-opacity)) !important
}

.border-1 {
  --bs-border-width: 1px
}

.border-2 {
  --bs-border-width: 2px
}

.border-3 {
  --bs-border-width: 3px
}

.border-4 {
  --bs-border-width: 4px
}

.border-5 {
  --bs-border-width: 5px
}

.border-opacity-10 {
  --bs-border-opacity: 0.1
}

.border-opacity-25 {
  --bs-border-opacity: 0.25
}

.border-opacity-50 {
  --bs-border-opacity: 0.5
}

.border-opacity-75 {
  --bs-border-opacity: 0.75
}

.border-opacity-100 {
  --bs-border-opacity: 1
}

.w-25 {
  width: 25% !important
}

.w-50 {
  width: 50% !important
}

.w-75 {
  width: 75% !important
}

.w-100 {
  width: 100% !important
}

.w-auto {
  width: auto !important
}

.mw-100 {
  max-width: 100% !important
}

.vw-100 {
  width: 100vw !important
}

.min-vw-100 {
  min-width: 100vw !important
}

.h-25 {
  height: 25% !important
}

.h-50 {
  height: 50% !important
}

.h-75 {
  height: 75% !important
}

.h-100 {
  height: 100% !important
}

.h-auto {
  height: auto !important
}

.mh-100 {
  max-height: 100% !important
}

.vh-100 {
  height: 100vh !important
}

.min-vh-100 {
  min-height: 100vh !important
}

.flex-fill {
  flex: 1 1 auto !important
}

.flex-row {
  flex-direction: row !important
}

.flex-column {
  flex-direction: column !important
}

.flex-row-reverse {
  flex-direction: row-reverse !important
}

.flex-column-reverse {
  flex-direction: column-reverse !important
}

.flex-grow-0 {
  flex-grow: 0 !important
}

.flex-grow-1 {
  flex-grow: 1 !important
}

.flex-shrink-0 {
  flex-shrink: 0 !important
}

.flex-shrink-1 {
  flex-shrink: 1 !important
}

.flex-wrap {
  flex-wrap: wrap !important
}

.flex-nowrap {
  flex-wrap: nowrap !important
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important
}

.justify-content-start {
  justify-content: flex-start !important
}

.justify-content-end {
  justify-content: flex-end !important
}

.justify-content-center {
  justify-content: center !important
}

.justify-content-between {
  justify-content: space-between !important
}

.justify-content-around {
  justify-content: space-around !important
}

.justify-content-evenly {
  justify-content: space-evenly !important
}

.align-items-start {
  align-items: flex-start !important
}

.align-items-end {
  align-items: flex-end !important
}

.align-items-center {
  align-items: center !important
}

.align-items-baseline {
  align-items: baseline !important
}

.align-items-stretch {
  align-items: stretch !important
}

.align-content-start {
  align-content: flex-start !important
}

.align-content-end {
  align-content: flex-end !important
}

.align-content-center {
  align-content: center !important
}

.align-content-between {
  align-content: space-between !important
}

.align-content-around {
  align-content: space-around !important
}

.align-content-stretch {
  align-content: stretch !important
}

.align-self-auto {
  align-self: auto !important
}

.align-self-start {
  align-self: flex-start !important
}

.align-self-end {
  align-self: flex-end !important
}

.align-self-center {
  align-self: center !important
}

.align-self-baseline {
  align-self: baseline !important
}

.align-self-stretch {
  align-self: stretch !important
}

.order-first {
  order: -1 !important
}

.order-0 {
  order: 0 !important
}

.order-1 {
  order: 1 !important
}

.order-2 {
  order: 2 !important
}

.order-3 {
  order: 3 !important
}

.order-4 {
  order: 4 !important
}

.order-5 {
  order: 5 !important
}

.order-last {
  order: 6 !important
}

.m-0 {
  margin: 0 !important
}

.m-1 {
  margin: .25rem !important
}

.m-2 {
  margin: .5rem !important
}

.m-3 {
  margin: 1rem !important
}

.m-4 {
  margin: 1.5rem !important
}

.m-5 {
  margin: 3rem !important
}

.m-auto {
  margin: auto !important
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important
}

.mx-1 {
  margin-right: .25rem !important;
  margin-left: .25rem !important
}

.mx-2 {
  margin-right: .5rem !important;
  margin-left: .5rem !important
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

.my-1 {
  margin-top: .25rem !important;
  margin-bottom: .25rem !important
}

.my-2 {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important
}

.mt-0 {
  margin-top: 0 !important
}

.mt-1 {
  margin-top: .25rem !important
}

.mt-2 {
  margin-top: .5rem !important
}

.mt-3 {
  margin-top: 1rem !important
}

.mt-4 {
  margin-top: 1.5rem !important
}

.mt-5 {
  margin-top: 3rem !important
}

.mt-auto {
  margin-top: auto !important
}

.me-0 {
  margin-right: 0 !important
}

.me-1 {
  margin-right: .25rem !important
}

.me-2 {
  margin-right: .5rem !important
}

.me-3 {
  margin-right: 1rem !important
}

.me-4 {
  margin-right: 1.5rem !important
}

.me-5 {
  margin-right: 3rem !important
}

.me-auto {
  margin-right: auto !important
}

.mb-0 {
  margin-bottom: 0 !important
}

.mb-1 {
  margin-bottom: .25rem !important
}

.mb-2 {
  margin-bottom: .5rem !important
}

.mb-3 {
  margin-bottom: 1rem !important
}

.mb-4 {
  margin-bottom: 1.5rem !important
}

.mb-5 {
  margin-bottom: 3rem !important
}

.mb-auto {
  margin-bottom: auto !important
}

.ms-0 {
  margin-left: 0 !important
}

.ms-1 {
  margin-left: .25rem !important
}

.ms-2 {
  margin-left: .5rem !important
}

.ms-3 {
  margin-left: 1rem !important
}

.ms-4 {
  margin-left: 1.5rem !important
}

.ms-5 {
  margin-left: 3rem !important
}

.ms-auto {
  margin-left: auto !important
}

.p-0 {
  padding: 0 !important
}

.p-1 {
  padding: .25rem !important
}

.p-2 {
  padding: .5rem !important
}

.p-3 {
  padding: 1rem !important
}

.p-4 {
  padding: 1.5rem !important
}

.p-5 {
  padding: 3rem !important
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important
}

.px-1 {
  padding-right: .25rem !important;
  padding-left: .25rem !important
}

.px-2 {
  padding-right: .5rem !important;
  padding-left: .5rem !important
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.py-1 {
  padding-top: .25rem !important;
  padding-bottom: .25rem !important
}

.py-2 {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important
}

.pt-0 {
  padding-top: 0 !important
}

.pt-1 {
  padding-top: .25rem !important
}

.pt-2 {
  padding-top: .5rem !important
}

.pt-3 {
  padding-top: 1rem !important
}

.pt-4 {
  padding-top: 1.5rem !important
}

.pt-5 {
  padding-top: 3rem !important
}

.pe-0 {
  padding-right: 0 !important
}

.pe-1 {
  padding-right: .25rem !important
}

.pe-2 {
  padding-right: .5rem !important
}

.pe-3 {
  padding-right: 1rem !important
}

.pe-4 {
  padding-right: 1.5rem !important
}

.pe-5 {
  padding-right: 3rem !important
}

.pb-0 {
  padding-bottom: 0 !important
}

.pb-1 {
  padding-bottom: .25rem !important
}

.pb-2 {
  padding-bottom: .5rem !important
}

.pb-3 {
  padding-bottom: 1rem !important
}

.pb-4 {
  padding-bottom: 1.5rem !important
}

.pb-5 {
  padding-bottom: 3rem !important
}

.ps-0 {
  padding-left: 0 !important
}

.ps-1 {
  padding-left: .25rem !important
}

.ps-2 {
  padding-left: .5rem !important
}

.ps-3 {
  padding-left: 1rem !important
}

.ps-4 {
  padding-left: 1.5rem !important
}

.ps-5 {
  padding-left: 3rem !important
}

.gap-0 {
  gap: 0 !important
}

.gap-1 {
  gap: .25rem !important
}

.gap-2 {
  gap: .5rem !important
}

.gap-3 {
  gap: 1rem !important
}

.gap-4 {
  gap: 1.5rem !important
}

.gap-5 {
  gap: 3rem !important
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
  font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
  font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
  font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
  font-size: 1.25rem !important
}

.fs-6 {
  font-size: 1rem !important
}

.fst-italic {
  font-style: italic !important
}

.fst-normal {
  font-style: normal !important
}

.fw-light {
  font-weight: 300 !important
}

.fw-lighter {
  font-weight: lighter !important
}

.fw-normal {
  font-weight: 400 !important
}

.fw-bold {
  font-weight: 700 !important
}

.fw-semibold {
  font-weight: 600 !important
}

.fw-bolder {
  font-weight: bolder !important
}

.lh-1 {
  line-height: 1 !important
}

.lh-sm {
  line-height: 1.25 !important
}

.lh-base {
  line-height: 1.5 !important
}

.lh-lg {
  line-height: 2 !important
}

.text-start {
  text-align: left !important
}

.text-end {
  text-align: right !important
}

.text-center {
  text-align: center !important
}

.text-decoration-none {
  text-decoration: none !important
}

.text-decoration-underline {
  text-decoration: underline !important
}

.text-decoration-line-through {
  text-decoration: line-through !important
}

.text-lowercase {
  text-transform: lowercase !important
}

.text-uppercase {
  text-transform: uppercase !important
}

.text-capitalize {
  text-transform: capitalize !important
}

.text-wrap {
  white-space: normal !important
}

.text-nowrap {
  white-space: nowrap !important
}

.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important
}

.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity)) !important
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity)) !important
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb),var(--bs-text-opacity)) !important
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb),var(--bs-text-opacity)) !important
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity)) !important
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb),var(--bs-text-opacity)) !important
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity)) !important
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb),var(--bs-text-opacity)) !important
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb),var(--bs-text-opacity)) !important
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity)) !important
}

.text-muted {
  --bs-text-opacity: 1;
  color: #6c757d !important
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0,0,0,.5) !important
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255,255,255,.5) !important
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important
}

.text-opacity-25 {
  --bs-text-opacity: 0.25
}

.text-opacity-50 {
  --bs-text-opacity: 0.5
}

.text-opacity-75 {
  --bs-text-opacity: 0.75
}

.text-opacity-100 {
  --bs-text-opacity: 1
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity)) !important
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity)) !important
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity)) !important
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity)) !important
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity)) !important
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity)) !important
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity)) !important
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity)) !important
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity)) !important
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
  --bs-bg-opacity: 1
}

.bg-gradient {
  background-image: var(--bs-gradient) !important
}

.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important
}

.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important
}

.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important
}

.pe-none {
  pointer-events: none !important
}

.pe-auto {
  pointer-events: auto !important
}

.rounded {
  border-radius: var(--bs-border-radius) !important
}

.rounded-0 {
  border-radius: 0 !important
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important
}

.rounded-5 {
  border-radius: var(--bs-border-radius-2xl) !important
}

.rounded-circle {
  border-radius: 50% !important
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important
}

.visible {
  visibility: visible !important
}

.invisible {
  visibility: hidden !important
}

@media (min-width:576px) {
  .float-sm-start {
    float: left !important
  }

  .float-sm-end {
    float: right !important
  }

  .float-sm-none {
    float: none !important
  }

  .d-sm-inline {
    display: inline !important
  }

  .d-sm-inline-block {
    display: inline-block !important
  }

  .d-sm-block {
    display: block !important
  }

  .d-sm-grid {
    display: grid !important
  }

  .d-sm-table {
    display: table !important
  }

  .d-sm-table-row {
    display: table-row !important
  }

  .d-sm-table-cell {
    display: table-cell !important
  }

  .d-sm-flex {
    display: flex !important
  }

  .d-sm-inline-flex {
    display: inline-flex !important
  }

  .d-sm-none {
    display: none !important
  }

  .flex-sm-fill {
    flex: 1 1 auto !important
  }

  .flex-sm-row {
    flex-direction: row !important
  }

  .flex-sm-column {
    flex-direction: column !important
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-sm-start {
    justify-content: flex-start !important
  }

  .justify-content-sm-end {
    justify-content: flex-end !important
  }

  .justify-content-sm-center {
    justify-content: center !important
  }

  .justify-content-sm-between {
    justify-content: space-between !important
  }

  .justify-content-sm-around {
    justify-content: space-around !important
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !important
  }

  .align-items-sm-start {
    align-items: flex-start !important
  }

  .align-items-sm-end {
    align-items: flex-end !important
  }

  .align-items-sm-center {
    align-items: center !important
  }

  .align-items-sm-baseline {
    align-items: baseline !important
  }

  .align-items-sm-stretch {
    align-items: stretch !important
  }

  .align-content-sm-start {
    align-content: flex-start !important
  }

  .align-content-sm-end {
    align-content: flex-end !important
  }

  .align-content-sm-center {
    align-content: center !important
  }

  .align-content-sm-between {
    align-content: space-between !important
  }

  .align-content-sm-around {
    align-content: space-around !important
  }

  .align-content-sm-stretch {
    align-content: stretch !important
  }

  .align-self-sm-auto {
    align-self: auto !important
  }

  .align-self-sm-start {
    align-self: flex-start !important
  }

  .align-self-sm-end {
    align-self: flex-end !important
  }

  .align-self-sm-center {
    align-self: center !important
  }

  .align-self-sm-baseline {
    align-self: baseline !important
  }

  .align-self-sm-stretch {
    align-self: stretch !important
  }

  .order-sm-first {
    order: -1 !important
  }

  .order-sm-0 {
    order: 0 !important
  }

  .order-sm-1 {
    order: 1 !important
  }

  .order-sm-2 {
    order: 2 !important
  }

  .order-sm-3 {
    order: 3 !important
  }

  .order-sm-4 {
    order: 4 !important
  }

  .order-sm-5 {
    order: 5 !important
  }

  .order-sm-last {
    order: 6 !important
  }

  .m-sm-0 {
    margin: 0 !important
  }

  .m-sm-1 {
    margin: .25rem !important
  }

  .m-sm-2 {
    margin: .5rem !important
  }

  .m-sm-3 {
    margin: 1rem !important
  }

  .m-sm-4 {
    margin: 1.5rem !important
  }

  .m-sm-5 {
    margin: 3rem !important
  }

  .m-sm-auto {
    margin: auto !important
  }

  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-sm-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-sm-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-sm-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-sm-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-sm-0 {
    margin-top: 0 !important
  }

  .mt-sm-1 {
    margin-top: .25rem !important
  }

  .mt-sm-2 {
    margin-top: .5rem !important
  }

  .mt-sm-3 {
    margin-top: 1rem !important
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important
  }

  .mt-sm-5 {
    margin-top: 3rem !important
  }

  .mt-sm-auto {
    margin-top: auto !important
  }

  .me-sm-0 {
    margin-right: 0 !important
  }

  .me-sm-1 {
    margin-right: .25rem !important
  }

  .me-sm-2 {
    margin-right: .5rem !important
  }

  .me-sm-3 {
    margin-right: 1rem !important
  }

  .me-sm-4 {
    margin-right: 1.5rem !important
  }

  .me-sm-5 {
    margin-right: 3rem !important
  }

  .me-sm-auto {
    margin-right: auto !important
  }

  .mb-sm-0 {
    margin-bottom: 0 !important
  }

  .mb-sm-1 {
    margin-bottom: .25rem !important
  }

  .mb-sm-2 {
    margin-bottom: .5rem !important
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important
  }

  .mb-sm-auto {
    margin-bottom: auto !important
  }

  .ms-sm-0 {
    margin-left: 0 !important
  }

  .ms-sm-1 {
    margin-left: .25rem !important
  }

  .ms-sm-2 {
    margin-left: .5rem !important
  }

  .ms-sm-3 {
    margin-left: 1rem !important
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important
  }

  .ms-sm-5 {
    margin-left: 3rem !important
  }

  .ms-sm-auto {
    margin-left: auto !important
  }

  .p-sm-0 {
    padding: 0 !important
  }

  .p-sm-1 {
    padding: .25rem !important
  }

  .p-sm-2 {
    padding: .5rem !important
  }

  .p-sm-3 {
    padding: 1rem !important
  }

  .p-sm-4 {
    padding: 1.5rem !important
  }

  .p-sm-5 {
    padding: 3rem !important
  }

  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-sm-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-sm-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-sm-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-sm-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-sm-0 {
    padding-top: 0 !important
  }

  .pt-sm-1 {
    padding-top: .25rem !important
  }

  .pt-sm-2 {
    padding-top: .5rem !important
  }

  .pt-sm-3 {
    padding-top: 1rem !important
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important
  }

  .pt-sm-5 {
    padding-top: 3rem !important
  }

  .pe-sm-0 {
    padding-right: 0 !important
  }

  .pe-sm-1 {
    padding-right: .25rem !important
  }

  .pe-sm-2 {
    padding-right: .5rem !important
  }

  .pe-sm-3 {
    padding-right: 1rem !important
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important
  }

  .pe-sm-5 {
    padding-right: 3rem !important
  }

  .pb-sm-0 {
    padding-bottom: 0 !important
  }

  .pb-sm-1 {
    padding-bottom: .25rem !important
  }

  .pb-sm-2 {
    padding-bottom: .5rem !important
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important
  }

  .ps-sm-0 {
    padding-left: 0 !important
  }

  .ps-sm-1 {
    padding-left: .25rem !important
  }

  .ps-sm-2 {
    padding-left: .5rem !important
  }

  .ps-sm-3 {
    padding-left: 1rem !important
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important
  }

  .ps-sm-5 {
    padding-left: 3rem !important
  }

  .gap-sm-0 {
    gap: 0 !important
  }

  .gap-sm-1 {
    gap: .25rem !important
  }

  .gap-sm-2 {
    gap: .5rem !important
  }

  .gap-sm-3 {
    gap: 1rem !important
  }

  .gap-sm-4 {
    gap: 1.5rem !important
  }

  .gap-sm-5 {
    gap: 3rem !important
  }

  .text-sm-start {
    text-align: left !important
  }

  .text-sm-end {
    text-align: right !important
  }

  .text-sm-center {
    text-align: center !important
  }
}

@media (min-width:768px) {
  .float-md-start {
    float: left !important
  }

  .float-md-end {
    float: right !important
  }

  .float-md-none {
    float: none !important
  }

  .d-md-inline {
    display: inline !important
  }

  .d-md-inline-block {
    display: inline-block !important
  }

  .d-md-block {
    display: block !important
  }

  .d-md-grid {
    display: grid !important
  }

  .d-md-table {
    display: table !important
  }

  .d-md-table-row {
    display: table-row !important
  }

  .d-md-table-cell {
    display: table-cell !important
  }

  .d-md-flex {
    display: flex !important
  }

  .d-md-inline-flex {
    display: inline-flex !important
  }

  .d-md-none {
    display: none !important
  }

  .flex-md-fill {
    flex: 1 1 auto !important
  }

  .flex-md-row {
    flex-direction: row !important
  }

  .flex-md-column {
    flex-direction: column !important
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-md-wrap {
    flex-wrap: wrap !important
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-md-start {
    justify-content: flex-start !important
  }

  .justify-content-md-end {
    justify-content: flex-end !important
  }

  .justify-content-md-center {
    justify-content: center !important
  }

  .justify-content-md-between {
    justify-content: space-between !important
  }

  .justify-content-md-around {
    justify-content: space-around !important
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !important
  }

  .align-items-md-start {
    align-items: flex-start !important
  }

  .align-items-md-end {
    align-items: flex-end !important
  }

  .align-items-md-center {
    align-items: center !important
  }

  .align-items-md-baseline {
    align-items: baseline !important
  }

  .align-items-md-stretch {
    align-items: stretch !important
  }

  .align-content-md-start {
    align-content: flex-start !important
  }

  .align-content-md-end {
    align-content: flex-end !important
  }

  .align-content-md-center {
    align-content: center !important
  }

  .align-content-md-between {
    align-content: space-between !important
  }

  .align-content-md-around {
    align-content: space-around !important
  }

  .align-content-md-stretch {
    align-content: stretch !important
  }

  .align-self-md-auto {
    align-self: auto !important
  }

  .align-self-md-start {
    align-self: flex-start !important
  }

  .align-self-md-end {
    align-self: flex-end !important
  }

  .align-self-md-center {
    align-self: center !important
  }

  .align-self-md-baseline {
    align-self: baseline !important
  }

  .align-self-md-stretch {
    align-self: stretch !important
  }

  .order-md-first {
    order: -1 !important
  }

  .order-md-0 {
    order: 0 !important
  }

  .order-md-1 {
    order: 1 !important
  }

  .order-md-2 {
    order: 2 !important
  }

  .order-md-3 {
    order: 3 !important
  }

  .order-md-4 {
    order: 4 !important
  }

  .order-md-5 {
    order: 5 !important
  }

  .order-md-last {
    order: 6 !important
  }

  .m-md-0 {
    margin: 0 !important
  }

  .m-md-1 {
    margin: .25rem !important
  }

  .m-md-2 {
    margin: .5rem !important
  }

  .m-md-3 {
    margin: 1rem !important
  }

  .m-md-4 {
    margin: 1.5rem !important
  }

  .m-md-5 {
    margin: 3rem !important
  }

  .m-md-auto {
    margin: auto !important
  }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-md-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-md-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-md-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-md-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-md-0 {
    margin-top: 0 !important
  }

  .mt-md-1 {
    margin-top: .25rem !important
  }

  .mt-md-2 {
    margin-top: .5rem !important
  }

  .mt-md-3 {
    margin-top: 1rem !important
  }

  .mt-md-4 {
    margin-top: 1.5rem !important
  }

  .mt-md-5 {
    margin-top: 3rem !important
  }

  .mt-md-auto {
    margin-top: auto !important
  }

  .me-md-0 {
    margin-right: 0 !important
  }

  .me-md-1 {
    margin-right: .25rem !important
  }

  .me-md-2 {
    margin-right: .5rem !important
  }

  .me-md-3 {
    margin-right: 1rem !important
  }

  .me-md-4 {
    margin-right: 1.5rem !important
  }

  .me-md-5 {
    margin-right: 3rem !important
  }

  .me-md-auto {
    margin-right: auto !important
  }

  .mb-md-0 {
    margin-bottom: 0 !important
  }

  .mb-md-1 {
    margin-bottom: .25rem !important
  }

  .mb-md-2 {
    margin-bottom: .5rem !important
  }

  .mb-md-3 {
    margin-bottom: 1rem !important
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-md-5 {
    margin-bottom: 3rem !important
  }

  .mb-md-auto {
    margin-bottom: auto !important
  }

  .ms-md-0 {
    margin-left: 0 !important
  }

  .ms-md-1 {
    margin-left: .25rem !important
  }

  .ms-md-2 {
    margin-left: .5rem !important
  }

  .ms-md-3 {
    margin-left: 1rem !important
  }

  .ms-md-4 {
    margin-left: 1.5rem !important
  }

  .ms-md-5 {
    margin-left: 3rem !important
  }

  .ms-md-auto {
    margin-left: auto !important
  }

  .p-md-0 {
    padding: 0 !important
  }

  .p-md-1 {
    padding: .25rem !important
  }

  .p-md-2 {
    padding: .5rem !important
  }

  .p-md-3 {
    padding: 1rem !important
  }

  .p-md-4 {
    padding: 1.5rem !important
  }

  .p-md-5 {
    padding: 3rem !important
  }

  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-md-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-md-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-md-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-md-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-md-0 {
    padding-top: 0 !important
  }

  .pt-md-1 {
    padding-top: .25rem !important
  }

  .pt-md-2 {
    padding-top: .5rem !important
  }

  .pt-md-3 {
    padding-top: 1rem !important
  }

  .pt-md-4 {
    padding-top: 1.5rem !important
  }

  .pt-md-5 {
    padding-top: 3rem !important
  }

  .pe-md-0 {
    padding-right: 0 !important
  }

  .pe-md-1 {
    padding-right: .25rem !important
  }

  .pe-md-2 {
    padding-right: .5rem !important
  }

  .pe-md-3 {
    padding-right: 1rem !important
  }

  .pe-md-4 {
    padding-right: 1.5rem !important
  }

  .pe-md-5 {
    padding-right: 3rem !important
  }

  .pb-md-0 {
    padding-bottom: 0 !important
  }

  .pb-md-1 {
    padding-bottom: .25rem !important
  }

  .pb-md-2 {
    padding-bottom: .5rem !important
  }

  .pb-md-3 {
    padding-bottom: 1rem !important
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-md-5 {
    padding-bottom: 3rem !important
  }

  .ps-md-0 {
    padding-left: 0 !important
  }

  .ps-md-1 {
    padding-left: .25rem !important
  }

  .ps-md-2 {
    padding-left: .5rem !important
  }

  .ps-md-3 {
    padding-left: 1rem !important
  }

  .ps-md-4 {
    padding-left: 1.5rem !important
  }

  .ps-md-5 {
    padding-left: 3rem !important
  }

  .gap-md-0 {
    gap: 0 !important
  }

  .gap-md-1 {
    gap: .25rem !important
  }

  .gap-md-2 {
    gap: .5rem !important
  }

  .gap-md-3 {
    gap: 1rem !important
  }

  .gap-md-4 {
    gap: 1.5rem !important
  }

  .gap-md-5 {
    gap: 3rem !important
  }

  .text-md-start {
    text-align: left !important
  }

  .text-md-end {
    text-align: right !important
  }

  .text-md-center {
    text-align: center !important
  }
}

@media (min-width:992px) {
  .float-lg-start {
    float: left !important
  }

  .float-lg-end {
    float: right !important
  }

  .float-lg-none {
    float: none !important
  }

  .d-lg-inline {
    display: inline !important
  }

  .d-lg-inline-block {
    display: inline-block !important
  }

  .d-lg-block {
    display: block !important
  }

  .d-lg-grid {
    display: grid !important
  }

  .d-lg-table {
    display: table !important
  }

  .d-lg-table-row {
    display: table-row !important
  }

  .d-lg-table-cell {
    display: table-cell !important
  }

  .d-lg-flex {
    display: flex !important
  }

  .d-lg-inline-flex {
    display: inline-flex !important
  }

  .d-lg-none {
    display: none !important
  }

  .flex-lg-fill {
    flex: 1 1 auto !important
  }

  .flex-lg-row {
    flex-direction: row !important
  }

  .flex-lg-column {
    flex-direction: column !important
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-lg-start {
    justify-content: flex-start !important
  }

  .justify-content-lg-end {
    justify-content: flex-end !important
  }

  .justify-content-lg-center {
    justify-content: center !important
  }

  .justify-content-lg-between {
    justify-content: space-between !important
  }

  .justify-content-lg-around {
    justify-content: space-around !important
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !important
  }

  .align-items-lg-start {
    align-items: flex-start !important
  }

  .align-items-lg-end {
    align-items: flex-end !important
  }

  .align-items-lg-center {
    align-items: center !important
  }

  .align-items-lg-baseline {
    align-items: baseline !important
  }

  .align-items-lg-stretch {
    align-items: stretch !important
  }

  .align-content-lg-start {
    align-content: flex-start !important
  }

  .align-content-lg-end {
    align-content: flex-end !important
  }

  .align-content-lg-center {
    align-content: center !important
  }

  .align-content-lg-between {
    align-content: space-between !important
  }

  .align-content-lg-around {
    align-content: space-around !important
  }

  .align-content-lg-stretch {
    align-content: stretch !important
  }

  .align-self-lg-auto {
    align-self: auto !important
  }

  .align-self-lg-start {
    align-self: flex-start !important
  }

  .align-self-lg-end {
    align-self: flex-end !important
  }

  .align-self-lg-center {
    align-self: center !important
  }

  .align-self-lg-baseline {
    align-self: baseline !important
  }

  .align-self-lg-stretch {
    align-self: stretch !important
  }

  .order-lg-first {
    order: -1 !important
  }

  .order-lg-0 {
    order: 0 !important
  }

  .order-lg-1 {
    order: 1 !important
  }

  .order-lg-2 {
    order: 2 !important
  }

  .order-lg-3 {
    order: 3 !important
  }

  .order-lg-4 {
    order: 4 !important
  }

  .order-lg-5 {
    order: 5 !important
  }

  .order-lg-last {
    order: 6 !important
  }

  .m-lg-0 {
    margin: 0 !important
  }

  .m-lg-1 {
    margin: .25rem !important
  }

  .m-lg-2 {
    margin: .5rem !important
  }

  .m-lg-3 {
    margin: 1rem !important
  }

  .m-lg-4 {
    margin: 1.5rem !important
  }

  .m-lg-5 {
    margin: 3rem !important
  }

  .m-lg-auto {
    margin: auto !important
  }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-lg-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-lg-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-lg-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-lg-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-lg-0 {
    margin-top: 0 !important
  }

  .mt-lg-1 {
    margin-top: .25rem !important
  }

  .mt-lg-2 {
    margin-top: .5rem !important
  }

  .mt-lg-3 {
    margin-top: 1rem !important
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important
  }

  .mt-lg-5 {
    margin-top: 3rem !important
  }

  .mt-lg-auto {
    margin-top: auto !important
  }

  .me-lg-0 {
    margin-right: 0 !important
  }

  .me-lg-1 {
    margin-right: .25rem !important
  }

  .me-lg-2 {
    margin-right: .5rem !important
  }

  .me-lg-3 {
    margin-right: 1rem !important
  }

  .me-lg-4 {
    margin-right: 1.5rem !important
  }

  .me-lg-5 {
    margin-right: 3rem !important
  }

  .me-lg-auto {
    margin-right: auto !important
  }

  .mb-lg-0 {
    margin-bottom: 0 !important
  }

  .mb-lg-1 {
    margin-bottom: .25rem !important
  }

  .mb-lg-2 {
    margin-bottom: .5rem !important
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important
  }

  .mb-lg-auto {
    margin-bottom: auto !important
  }

  .ms-lg-0 {
    margin-left: 0 !important
  }

  .ms-lg-1 {
    margin-left: .25rem !important
  }

  .ms-lg-2 {
    margin-left: .5rem !important
  }

  .ms-lg-3 {
    margin-left: 1rem !important
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important
  }

  .ms-lg-5 {
    margin-left: 3rem !important
  }

  .ms-lg-auto {
    margin-left: auto !important
  }

  .p-lg-0 {
    padding: 0 !important
  }

  .p-lg-1 {
    padding: .25rem !important
  }

  .p-lg-2 {
    padding: .5rem !important
  }

  .p-lg-3 {
    padding: 1rem !important
  }

  .p-lg-4 {
    padding: 1.5rem !important
  }

  .p-lg-5 {
    padding: 3rem !important
  }

  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-lg-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-lg-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-lg-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-lg-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-lg-0 {
    padding-top: 0 !important
  }

  .pt-lg-1 {
    padding-top: .25rem !important
  }

  .pt-lg-2 {
    padding-top: .5rem !important
  }

  .pt-lg-3 {
    padding-top: 1rem !important
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important
  }

  .pt-lg-5 {
    padding-top: 3rem !important
  }

  .pe-lg-0 {
    padding-right: 0 !important
  }

  .pe-lg-1 {
    padding-right: .25rem !important
  }

  .pe-lg-2 {
    padding-right: .5rem !important
  }

  .pe-lg-3 {
    padding-right: 1rem !important
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important
  }

  .pe-lg-5 {
    padding-right: 3rem !important
  }

  .pb-lg-0 {
    padding-bottom: 0 !important
  }

  .pb-lg-1 {
    padding-bottom: .25rem !important
  }

  .pb-lg-2 {
    padding-bottom: .5rem !important
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important
  }

  .ps-lg-0 {
    padding-left: 0 !important
  }

  .ps-lg-1 {
    padding-left: .25rem !important
  }

  .ps-lg-2 {
    padding-left: .5rem !important
  }

  .ps-lg-3 {
    padding-left: 1rem !important
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important
  }

  .ps-lg-5 {
    padding-left: 3rem !important
  }

  .gap-lg-0 {
    gap: 0 !important
  }

  .gap-lg-1 {
    gap: .25rem !important
  }

  .gap-lg-2 {
    gap: .5rem !important
  }

  .gap-lg-3 {
    gap: 1rem !important
  }

  .gap-lg-4 {
    gap: 1.5rem !important
  }

  .gap-lg-5 {
    gap: 3rem !important
  }

  .text-lg-start {
    text-align: left !important
  }

  .text-lg-end {
    text-align: right !important
  }

  .text-lg-center {
    text-align: center !important
  }
}

@media (min-width:1200px) {
  .float-xl-start {
    float: left !important
  }

  .float-xl-end {
    float: right !important
  }

  .float-xl-none {
    float: none !important
  }

  .d-xl-inline {
    display: inline !important
  }

  .d-xl-inline-block {
    display: inline-block !important
  }

  .d-xl-block {
    display: block !important
  }

  .d-xl-grid {
    display: grid !important
  }

  .d-xl-table {
    display: table !important
  }

  .d-xl-table-row {
    display: table-row !important
  }

  .d-xl-table-cell {
    display: table-cell !important
  }

  .d-xl-flex {
    display: flex !important
  }

  .d-xl-inline-flex {
    display: inline-flex !important
  }

  .d-xl-none {
    display: none !important
  }

  .flex-xl-fill {
    flex: 1 1 auto !important
  }

  .flex-xl-row {
    flex-direction: row !important
  }

  .flex-xl-column {
    flex-direction: column !important
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-xl-start {
    justify-content: flex-start !important
  }

  .justify-content-xl-end {
    justify-content: flex-end !important
  }

  .justify-content-xl-center {
    justify-content: center !important
  }

  .justify-content-xl-between {
    justify-content: space-between !important
  }

  .justify-content-xl-around {
    justify-content: space-around !important
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !important
  }

  .align-items-xl-start {
    align-items: flex-start !important
  }

  .align-items-xl-end {
    align-items: flex-end !important
  }

  .align-items-xl-center {
    align-items: center !important
  }

  .align-items-xl-baseline {
    align-items: baseline !important
  }

  .align-items-xl-stretch {
    align-items: stretch !important
  }

  .align-content-xl-start {
    align-content: flex-start !important
  }

  .align-content-xl-end {
    align-content: flex-end !important
  }

  .align-content-xl-center {
    align-content: center !important
  }

  .align-content-xl-between {
    align-content: space-between !important
  }

  .align-content-xl-around {
    align-content: space-around !important
  }

  .align-content-xl-stretch {
    align-content: stretch !important
  }

  .align-self-xl-auto {
    align-self: auto !important
  }

  .align-self-xl-start {
    align-self: flex-start !important
  }

  .align-self-xl-end {
    align-self: flex-end !important
  }

  .align-self-xl-center {
    align-self: center !important
  }

  .align-self-xl-baseline {
    align-self: baseline !important
  }

  .align-self-xl-stretch {
    align-self: stretch !important
  }

  .order-xl-first {
    order: -1 !important
  }

  .order-xl-0 {
    order: 0 !important
  }

  .order-xl-1 {
    order: 1 !important
  }

  .order-xl-2 {
    order: 2 !important
  }

  .order-xl-3 {
    order: 3 !important
  }

  .order-xl-4 {
    order: 4 !important
  }

  .order-xl-5 {
    order: 5 !important
  }

  .order-xl-last {
    order: 6 !important
  }

  .m-xl-0 {
    margin: 0 !important
  }

  .m-xl-1 {
    margin: .25rem !important
  }

  .m-xl-2 {
    margin: .5rem !important
  }

  .m-xl-3 {
    margin: 1rem !important
  }

  .m-xl-4 {
    margin: 1.5rem !important
  }

  .m-xl-5 {
    margin: 3rem !important
  }

  .m-xl-auto {
    margin: auto !important
  }

  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-xl-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-xl-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-xl-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-xl-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-xl-0 {
    margin-top: 0 !important
  }

  .mt-xl-1 {
    margin-top: .25rem !important
  }

  .mt-xl-2 {
    margin-top: .5rem !important
  }

  .mt-xl-3 {
    margin-top: 1rem !important
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important
  }

  .mt-xl-5 {
    margin-top: 3rem !important
  }

  .mt-xl-auto {
    margin-top: auto !important
  }

  .me-xl-0 {
    margin-right: 0 !important
  }

  .me-xl-1 {
    margin-right: .25rem !important
  }

  .me-xl-2 {
    margin-right: .5rem !important
  }

  .me-xl-3 {
    margin-right: 1rem !important
  }

  .me-xl-4 {
    margin-right: 1.5rem !important
  }

  .me-xl-5 {
    margin-right: 3rem !important
  }

  .me-xl-auto {
    margin-right: auto !important
  }

  .mb-xl-0 {
    margin-bottom: 0 !important
  }

  .mb-xl-1 {
    margin-bottom: .25rem !important
  }

  .mb-xl-2 {
    margin-bottom: .5rem !important
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important
  }

  .mb-xl-auto {
    margin-bottom: auto !important
  }

  .ms-xl-0 {
    margin-left: 0 !important
  }

  .ms-xl-1 {
    margin-left: .25rem !important
  }

  .ms-xl-2 {
    margin-left: .5rem !important
  }

  .ms-xl-3 {
    margin-left: 1rem !important
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important
  }

  .ms-xl-5 {
    margin-left: 3rem !important
  }

  .ms-xl-auto {
    margin-left: auto !important
  }

  .p-xl-0 {
    padding: 0 !important
  }

  .p-xl-1 {
    padding: .25rem !important
  }

  .p-xl-2 {
    padding: .5rem !important
  }

  .p-xl-3 {
    padding: 1rem !important
  }

  .p-xl-4 {
    padding: 1.5rem !important
  }

  .p-xl-5 {
    padding: 3rem !important
  }

  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-xl-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-xl-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-xl-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-xl-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-xl-0 {
    padding-top: 0 !important
  }

  .pt-xl-1 {
    padding-top: .25rem !important
  }

  .pt-xl-2 {
    padding-top: .5rem !important
  }

  .pt-xl-3 {
    padding-top: 1rem !important
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important
  }

  .pt-xl-5 {
    padding-top: 3rem !important
  }

  .pe-xl-0 {
    padding-right: 0 !important
  }

  .pe-xl-1 {
    padding-right: .25rem !important
  }

  .pe-xl-2 {
    padding-right: .5rem !important
  }

  .pe-xl-3 {
    padding-right: 1rem !important
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important
  }

  .pe-xl-5 {
    padding-right: 3rem !important
  }

  .pb-xl-0 {
    padding-bottom: 0 !important
  }

  .pb-xl-1 {
    padding-bottom: .25rem !important
  }

  .pb-xl-2 {
    padding-bottom: .5rem !important
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important
  }

  .ps-xl-0 {
    padding-left: 0 !important
  }

  .ps-xl-1 {
    padding-left: .25rem !important
  }

  .ps-xl-2 {
    padding-left: .5rem !important
  }

  .ps-xl-3 {
    padding-left: 1rem !important
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important
  }

  .ps-xl-5 {
    padding-left: 3rem !important
  }

  .gap-xl-0 {
    gap: 0 !important
  }

  .gap-xl-1 {
    gap: .25rem !important
  }

  .gap-xl-2 {
    gap: .5rem !important
  }

  .gap-xl-3 {
    gap: 1rem !important
  }

  .gap-xl-4 {
    gap: 1.5rem !important
  }

  .gap-xl-5 {
    gap: 3rem !important
  }

  .text-xl-start {
    text-align: left !important
  }

  .text-xl-end {
    text-align: right !important
  }

  .text-xl-center {
    text-align: center !important
  }
}

@media (min-width:1400px) {
  .float-xxl-start {
    float: left !important
  }

  .float-xxl-end {
    float: right !important
  }

  .float-xxl-none {
    float: none !important
  }

  .d-xxl-inline {
    display: inline !important
  }

  .d-xxl-inline-block {
    display: inline-block !important
  }

  .d-xxl-block {
    display: block !important
  }

  .d-xxl-grid {
    display: grid !important
  }

  .d-xxl-table {
    display: table !important
  }

  .d-xxl-table-row {
    display: table-row !important
  }

  .d-xxl-table-cell {
    display: table-cell !important
  }

  .d-xxl-flex {
    display: flex !important
  }

  .d-xxl-inline-flex {
    display: inline-flex !important
  }

  .d-xxl-none {
    display: none !important
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important
  }

  .flex-xxl-row {
    flex-direction: row !important
  }

  .flex-xxl-column {
    flex-direction: column !important
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important
  }

  .justify-content-xxl-center {
    justify-content: center !important
  }

  .justify-content-xxl-between {
    justify-content: space-between !important
  }

  .justify-content-xxl-around {
    justify-content: space-around !important
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important
  }

  .align-items-xxl-start {
    align-items: flex-start !important
  }

  .align-items-xxl-end {
    align-items: flex-end !important
  }

  .align-items-xxl-center {
    align-items: center !important
  }

  .align-items-xxl-baseline {
    align-items: baseline !important
  }

  .align-items-xxl-stretch {
    align-items: stretch !important
  }

  .align-content-xxl-start {
    align-content: flex-start !important
  }

  .align-content-xxl-end {
    align-content: flex-end !important
  }

  .align-content-xxl-center {
    align-content: center !important
  }

  .align-content-xxl-between {
    align-content: space-between !important
  }

  .align-content-xxl-around {
    align-content: space-around !important
  }

  .align-content-xxl-stretch {
    align-content: stretch !important
  }

  .align-self-xxl-auto {
    align-self: auto !important
  }

  .align-self-xxl-start {
    align-self: flex-start !important
  }

  .align-self-xxl-end {
    align-self: flex-end !important
  }

  .align-self-xxl-center {
    align-self: center !important
  }

  .align-self-xxl-baseline {
    align-self: baseline !important
  }

  .align-self-xxl-stretch {
    align-self: stretch !important
  }

  .order-xxl-first {
    order: -1 !important
  }

  .order-xxl-0 {
    order: 0 !important
  }

  .order-xxl-1 {
    order: 1 !important
  }

  .order-xxl-2 {
    order: 2 !important
  }

  .order-xxl-3 {
    order: 3 !important
  }

  .order-xxl-4 {
    order: 4 !important
  }

  .order-xxl-5 {
    order: 5 !important
  }

  .order-xxl-last {
    order: 6 !important
  }

  .m-xxl-0 {
    margin: 0 !important
  }

  .m-xxl-1 {
    margin: .25rem !important
  }

  .m-xxl-2 {
    margin: .5rem !important
  }

  .m-xxl-3 {
    margin: 1rem !important
  }

  .m-xxl-4 {
    margin: 1.5rem !important
  }

  .m-xxl-5 {
    margin: 3rem !important
  }

  .m-xxl-auto {
    margin: auto !important
  }

  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-xxl-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-xxl-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-xxl-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-xxl-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-xxl-0 {
    margin-top: 0 !important
  }

  .mt-xxl-1 {
    margin-top: .25rem !important
  }

  .mt-xxl-2 {
    margin-top: .5rem !important
  }

  .mt-xxl-3 {
    margin-top: 1rem !important
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important
  }

  .mt-xxl-5 {
    margin-top: 3rem !important
  }

  .mt-xxl-auto {
    margin-top: auto !important
  }

  .me-xxl-0 {
    margin-right: 0 !important
  }

  .me-xxl-1 {
    margin-right: .25rem !important
  }

  .me-xxl-2 {
    margin-right: .5rem !important
  }

  .me-xxl-3 {
    margin-right: 1rem !important
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important
  }

  .me-xxl-5 {
    margin-right: 3rem !important
  }

  .me-xxl-auto {
    margin-right: auto !important
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important
  }

  .mb-xxl-1 {
    margin-bottom: .25rem !important
  }

  .mb-xxl-2 {
    margin-bottom: .5rem !important
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important
  }

  .mb-xxl-auto {
    margin-bottom: auto !important
  }

  .ms-xxl-0 {
    margin-left: 0 !important
  }

  .ms-xxl-1 {
    margin-left: .25rem !important
  }

  .ms-xxl-2 {
    margin-left: .5rem !important
  }

  .ms-xxl-3 {
    margin-left: 1rem !important
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important
  }

  .ms-xxl-5 {
    margin-left: 3rem !important
  }

  .ms-xxl-auto {
    margin-left: auto !important
  }

  .p-xxl-0 {
    padding: 0 !important
  }

  .p-xxl-1 {
    padding: .25rem !important
  }

  .p-xxl-2 {
    padding: .5rem !important
  }

  .p-xxl-3 {
    padding: 1rem !important
  }

  .p-xxl-4 {
    padding: 1.5rem !important
  }

  .p-xxl-5 {
    padding: 3rem !important
  }

  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-xxl-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-xxl-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-xxl-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-xxl-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-xxl-0 {
    padding-top: 0 !important
  }

  .pt-xxl-1 {
    padding-top: .25rem !important
  }

  .pt-xxl-2 {
    padding-top: .5rem !important
  }

  .pt-xxl-3 {
    padding-top: 1rem !important
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important
  }

  .pt-xxl-5 {
    padding-top: 3rem !important
  }

  .pe-xxl-0 {
    padding-right: 0 !important
  }

  .pe-xxl-1 {
    padding-right: .25rem !important
  }

  .pe-xxl-2 {
    padding-right: .5rem !important
  }

  .pe-xxl-3 {
    padding-right: 1rem !important
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important
  }

  .pe-xxl-5 {
    padding-right: 3rem !important
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important
  }

  .pb-xxl-1 {
    padding-bottom: .25rem !important
  }

  .pb-xxl-2 {
    padding-bottom: .5rem !important
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important
  }

  .ps-xxl-0 {
    padding-left: 0 !important
  }

  .ps-xxl-1 {
    padding-left: .25rem !important
  }

  .ps-xxl-2 {
    padding-left: .5rem !important
  }

  .ps-xxl-3 {
    padding-left: 1rem !important
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important
  }

  .ps-xxl-5 {
    padding-left: 3rem !important
  }

  .gap-xxl-0 {
    gap: 0 !important
  }

  .gap-xxl-1 {
    gap: .25rem !important
  }

  .gap-xxl-2 {
    gap: .5rem !important
  }

  .gap-xxl-3 {
    gap: 1rem !important
  }

  .gap-xxl-4 {
    gap: 1.5rem !important
  }

  .gap-xxl-5 {
    gap: 3rem !important
  }

  .text-xxl-start {
    text-align: left !important
  }

  .text-xxl-end {
    text-align: right !important
  }

  .text-xxl-center {
    text-align: center !important
  }
}

@media (min-width:1200px) {
  .fs-1 {
    font-size: 2.5rem !important
  }

  .fs-2 {
    font-size: 2rem !important
  }

  .fs-3 {
    font-size: 1.75rem !important
  }

  .fs-4 {
    font-size: 1.5rem !important
  }
}

@media print {
  .d-print-inline {
    display: inline !important
  }

  .d-print-inline-block {
    display: inline-block !important
  }

  .d-print-block {
    display: block !important
  }

  .d-print-grid {
    display: grid !important
  }

  .d-print-table {
    display: table !important
  }

  .d-print-table-row {
    display: table-row !important
  }

  .d-print-table-cell {
    display: table-cell !important
  }

  .d-print-flex {
    display: flex !important
  }

  .d-print-inline-flex {
    display: inline-flex !important
  }

  .d-print-none {
    display: none !important
  }
}
/*# sourceMappingURL=bootstrap.min.css.map */

/*
    .carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%;list-style:none}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}

*/

/*! perfect-scrollbar - v0.5.8
* http://noraesae.github.com/perfect-scrollbar/
* Copyright (c) 2014 Hyunje Alex Jun; Licensed MIT */
.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {
  display: block
}

.ps-container > .ps-scrollbar-x-rail {
  display: none;
  position: absolute;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  -ms-filter: "alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: background-color .2s linear,opacity .2s linear;
  -moz-transition: background-color .2s linear,opacity .2s linear;
  -o-transition: background-color .2s linear,opacity .2s linear;
  transition: background-color .2s linear,opacity .2s linear;
  bottom: 3px;
  height: 8px
}

  .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    position: absolute;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
    bottom: 0;
    height: 8px
  }

  .ps-container > .ps-scrollbar-x-rail.in-scrolling {
    background-color: #eee;
    opacity: .9;
    -ms-filter: "alpha(Opacity=90)";
    filter: alpha(opacity=90)
  }

.ps-container > .ps-scrollbar-y-rail {
  display: none;
  position: absolute;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  -ms-filter: "alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: background-color .2s linear,opacity .2s linear;
  -moz-transition: background-color .2s linear,opacity .2s linear;
  -o-transition: background-color .2s linear,opacity .2s linear;
  transition: background-color .2s linear,opacity .2s linear;
  right: 3px;
  width: 8px
}

  .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    position: absolute;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
    right: 0;
    width: 8px
  }

  .ps-container > .ps-scrollbar-y-rail.in-scrolling {
    background-color: #eee;
    opacity: .9;
    -ms-filter: "alpha(Opacity=90)";
    filter: alpha(opacity=90)
  }

.ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail {
  opacity: .6;
  -ms-filter: "alpha(Opacity=60)";
  filter: alpha(opacity=60)
}

  .ps-container:hover > .ps-scrollbar-x-rail.in-scrolling, .ps-container:hover > .ps-scrollbar-y-rail.in-scrolling {
    background-color: #eee;
    opacity: .9;
    -ms-filter: "alpha(Opacity=90)";
    filter: alpha(opacity=90)
  }

  .ps-container:hover > .ps-scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: .9;
    -ms-filter: "alpha(Opacity=90)";
    filter: alpha(opacity=90)
  }

    .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
      background-color: #999
    }

  .ps-container:hover > .ps-scrollbar-y-rail:hover {
    background-color: #eee;
    opacity: .9;
    -ms-filter: "alpha(Opacity=90)";
    filter: alpha(opacity=90)
  }

    .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
      background-color: #999
    }
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

  .slick-list:focus {
    outline: none;
  }

  .slick-list.dragging {
    cursor: pointer;
  }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

  .slick-track:before,
  .slick-track:after {
    display: table;
    content: '';
  }

  .slick-track:after {
    clear: both;
  }

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

html,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
select,
input,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea,
select, option {
  direction: rtl;
  font-family: 'IRANSansX' !important;
}

@-webkit-keyframes shake {

  10%, 90% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  20%, 80% {
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
  }

  30%, 50%, 70% {
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }

  40%, 60% {
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
  }
}

@-moz-keyframes shake {

  10%, 90% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  20%, 80% {
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
  }

  30%, 50%, 70% {
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }

  40%, 60% {
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
  }
}

@keyframes shake {

  10%, 90% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  20%, 80% {
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
  }

  30%, 50%, 70% {
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }

  40%, 60% {
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
  }
}



@-webkit-keyframes swiping {

  30%, 70% {
    -webkit-transform: rotate(-70deg);
    -ms-transform: rotate(-70deg);
    transform: rotate(-70deg);
  }

  60%, 100% {
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}

@-moz-keyframes swiping {

  30%, 70% {
    -webkit-transform: rotate(-70deg);
    -ms-transform: rotate(-70deg);
    transform: rotate(-70deg);
  }

  60%, 100% {
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}

@keyframes swiping {

  30%, 70% {
    -webkit-transform: rotate(-70deg);
    -ms-transform: rotate(-70deg);
    transform: rotate(-70deg);
  }

  60%, 100% {
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}


@-webkit-keyframes widthplay {
  30% {
    width: 55%;
    opacity: .2;
  }

  65% {
    width: 50%;
    opacity: .6;
  }

  100% {
    width: 100%;
    opacity: .4;
  }
}

@-moz-keyframes widthplay {
  30% {
    width: 55%;
    opacity: .2;
  }

  65% {
    width: 50%;
    opacity: .6;
  }

  100% {
    width: 100%;
    opacity: .4;
  }
}

@keyframes widthplay {
  30% {
    width: 55%;
    opacity: .2;
  }

  65% {
    width: 50%;
    opacity: .6;
  }

  100% {
    width: 100%;
    opacity: .4;
  }
}


@-webkit-keyframes updating {
  100% {
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@-moz-keyframes updating {
  100% {
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@keyframes updating {
  100% {
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}


@-webkit-keyframes emailing {
  0% {
    -webkit-transform: scale(.2);
    -ms-transform: scale(.2);
    transform: scale(.2);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@-moz-keyframes emailing {
  0% {
    -webkit-transform: scale(.2);
    -ms-transform: scale(.2);
    transform: scale(.2);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes emailing {
  0% {
    -webkit-transform: scale(.2);
    -ms-transform: scale(.2);
    transform: scale(.2);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}


@-webkit-keyframes stars {
  0% {
    -webkit-transform: scale(.8) rotate(-15deg);
    -ms-transform: scale(.8) rotate(-15deg);
    transform: scale(.8) rotate(-15deg);
  }

  25% {
    -webkit-transform: scale(.8) rotate(15deg);
    -ms-transform: scale(.8) rotate(15deg);
    transform: scale(.8) rotate(15deg);
  }

  40% {
    -webkit-transform: scale(1.2) rotate(0deg);
    -ms-transform: scale(1.2) rotate(0deg);
    transform: scale(1.2) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
  }
}

@-moz-keyframes stars {
  0% {
    -webkit-transform: scale(.8) rotate(-15deg);
    -ms-transform: scale(.8) rotate(-15deg);
    transform: scale(.8) rotate(-15deg);
  }

  25% {
    -webkit-transform: scale(.8) rotate(15deg);
    -ms-transform: scale(.8) rotate(15deg);
    transform: scale(.8) rotate(15deg);
  }

  40% {
    -webkit-transform: scale(1.2) rotate(0deg);
    -ms-transform: scale(1.2) rotate(0deg);
    transform: scale(1.2) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
  }
}

@keyframes stars {
  0% {
    -webkit-transform: scale(.8) rotate(-15deg);
    -ms-transform: scale(.8) rotate(-15deg);
    transform: scale(.8) rotate(-15deg);
  }

  25% {
    -webkit-transform: scale(.8) rotate(15deg);
    -ms-transform: scale(.8) rotate(15deg);
    transform: scale(.8) rotate(15deg);
  }

  40% {
    -webkit-transform: scale(1.2) rotate(0deg);
    -ms-transform: scale(1.2) rotate(0deg);
    transform: scale(1.2) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
  }
}

@-webkit-keyframes loader {
  0% {
    border-width: 3px;
  }

  15% {
    opacity: 1;
  }

  100% {
    border-width: 3px;
    opacity: 0;
    width: 50px;
    height: 50px;
  }
}

@-moz-keyframes loader {
  0% {
    border-width: 3px;
  }

  15% {
    opacity: 1;
  }

  100% {
    border-width: 3px;
    opacity: 0;
    width: 50px;
    height: 50px;
  }
}

@keyframes loader {
  0% {
    border-width: 3px;
  }

  15% {
    opacity: 1;
  }

  100% {
    border-width: 3px;
    opacity: 0;
    width: 50px;
    height: 50px;
  }
}



/*********** CSS RESET **********/

* {
  margin: 0;
  outline: none;
  padding: 0;
  text-decoration: none;
  box-sizing: border-box;
}

  *:before,
  *:after {
    font-family: "emporium-icons";
    box-sizing: border-box;
  }

html {
  margin: 0 !important;
  -webkit-text-size-adjust: none;
}

ol,
ul {
  list-style: none;
}

a img {
  border: none;
}

a:active {
  outline: none;
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  margin: 0;
  border: 0;
  padding: 0;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input::-moz-placeholder {
  opacity: 1;
}

input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 1000px #fff;
}

script {
  display: none !important;
}


/*********** GLOBAL STYLES **********/


@font-face {
  font-family: 'emporium-icons';
  src: url('icons/emporium-icons.woff') format('woff'), url('icons/emporium-icons.svg#emporium-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
  max-width: 100%;
  overflow-x: hidden;
  /* responsive navigation & filters scroll bug fix*/
  background-color: #fff;
  font: normal 12px 'Roboto', sans-serif;
  color: #000;
  direction: rtl;
}

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

p {
  line-height: 20px;
}

a {
  color: inherit;
  cursor: pointer;
}

img {
  max-width: 100%;
}

a img {
  opacity: 0.99;
  /*firefox scale bug fix*/
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea,
select {
  height: 45px;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  padding: 0 20px;
  vertical-align: middle;
  font-size: 15px;
  color: #8c8c8c;
  font-family: 'Roboto', sans-serif;
}

  input:-webkit-autofill,
  textarea:-webkit-autofill,
  select:-webkit-autofill {
    /* Chrome/Opera/Safari */
    color: #8c8c8c !important;
  }



  input[type="text"]::-webkit-input-placeholder,
  input[type="password"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #8c8c8c;
  }

  input[type="text"]::-moz-input-placeholder,
  input[type="password"]::-moz-input-placeholder,
  input[type="email"]::-moz-input-placeholder,
  input[type="tel"]::-moz-input-placeholder,
  textarea::-moz-input-placeholder {
    /* Firefox 19+ */
    color: #8c8c8c;
  }

  input[type="text"]::-ms-input-placeholder,
  input[type="password"]::-ms-input-placeholder,
  input[type="email"]::-ms-input-placeholder,
  input[type="tel"]::-ms-input-placeholder,
  textarea::-ms-input-placeholder {
    /* IE 10+ */
    color: #8c8c8c;
  }

  input[type="text"]::input-placeholder,
  input[type="password"]::input-placeholder,
  input[type="email"]::input-placeholder,
  input[type="tel"]::input-placeholder,
  textarea::input-placeholder {
    /* Firefox 18- */
    color: #8c8c8c;
  }




textarea {
  min-height: 150px;
  padding: 15px 20px;
}

select {
  min-width: 50px;
  padding: 0 6px;
  cursor: pointer;
}

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

input[type="checkbox"],
input[type="radio"] {
  position: absolute;
  right: -9999px;
}

  input[type="checkbox"],
  input[type="radio"],
  input[type="checkbox"] + *,
  input[type="radio"] + * {
    vertical-align: middle;
  }


    input[type="radio"] + label,
    input[type="checkbox"] + label {
      font-weight: 300;
      color: #8c8c8c;
      user-select: none;
      cursor: pointer;
    }

      input[type="radio"] + label:before,
      input[type="checkbox"] + label:before {
        content: "";
        display: inline-block;
        margin-left: 10px;
        width: 17px;
        height: 17px;
        border-radius: 50%;
        border: 1px solid #e7e7e7;
        vertical-align: text-top;
        background-color: #fff;
      }

      input[type="checkbox"] + label:before {
        border-radius: 0;
      }

    input[type="radio"]:checked + label:before,
    input[type="checkbox"]:checked + label:before {
      margin-right: 1px;
      margin-top: 1px;
      width: 16px;
      height: 16px;
      box-shadow: 0 0 0 1px #e7e7e7;
      border: 3px solid #fff;
      background-color: var(--color-primary);
    }


input[type="button"],
input[type="submit"],
button {
  cursor: pointer;
}

label,
label + * {
  vertical-align: middle;
}

.product-grid,
.category-grid,
.topic-block,
.news-list-homepage {
  position: relative;
  z-index: 0;
  /* giving priority to header and header-menu */
  margin: 0 auto 50px;
}

  .product-grid:last-child,
  .category-grid:last-child,
  .topic-block:last-child,
  .news-list-homepage:last-child {
    margin-bottom: 0;
  }


.master-wrapper-content {
  overflow: hidden;
  padding: 0px 10px 80px;
}

  .master-wrapper-content select,
  .k-window select {
    height: 45px;
    width: auto;
    max-width: 100%;
    padding: 0 20px 0 35px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    background: #fff url('../Themes/Emporium/Content/img/select-arrow-dark.svg') no-repeat left 15px center;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
  }

    .master-wrapper-content select::ms-expand,
    .k-window select::ms-expand {
      display: none;
    }

.master-column-wrapper:after {
  content: "";
  display: block;
  clear: both;
}

.center-2 .product-grid,
.center-2 .category-grid,
.center-2 .topic-block {
  width: 100%;
}

.center-2,
.side-2 {
  margin: 0 0 50px;
}

  .side-2:last-child {
    margin-bottom: 0;
  }

.page {
  /*	min-height: 200px;*/
  text-align: center;
}

.page-title {
  padding: 0 10px;
  margin: 0 0 25px;
  text-align: center;
}

  .page-title h1 {
    font-size: 26px;
    color: #444444;
  }

  .page:after,
  .page-title:after,
  .page-body:after {
    content: "";
    display: block;
    clear: both;
  }

.buttons {
  text-align: center;
}

.link-rss {
  display: none;
  width: 24px;
  height: 24px;
  font-size: 0 !important;
}

  .link-rss:before {
    content: "\73";
    display: block;
    font-size: 24px;
    color: #8c8c8c;
    text-transform: none;
    font-weight: normal;
    transition: color .2s ease;
  }

  .link-rss:hover:before {
    color: var(--color-primary);
  }

.category-description ul,
.manufacturer-description ul,
.full-description ul,
.topic-html-content ul,
.topic-page ul,
.post-body ul,
.custom-tab ul {
  margin: 12px 0;
  padding: 0 36px 0 0;
  list-style: disc;
  text-align: right;
  font-size: 15px;
  color: #8c8c8c;
  font-weight: 400;
}

.category-description ol,
.manufacturer-description ol,
.full-description ol,
.topic-html-content ol,
.topic-page ol,
.post-body ol,
.custom-tab ol {
  margin: 12px 0;
  padding: 0 36px 0 0;
  list-style: decimal;
  text-align: right;
  font-size: 15px;
  color: #8c8c8c;
  font-weight: 400;
}

.category-description p,
.manufacturer-description,
.vendor-description,
.manufacturer-description p,
.vendor-description p,
.full-description p,
.topic-html-content p,
.topic-page p,
.post-body p,
.news-body p,
.custom-tab p,
.ui-dialog-content p {
  margin: 10px 0;
  line-height: 1.5;
  font-size: 15px;
  color: #8c8c8c;
  font-weight: 400;
}


/*********** GLOBAL FORMS ***********/


.fieldset,
.section {
  position: relative;
  margin: 0 0 20px;
}

  .fieldset .title,
  .section .title {
    margin: 0 0 10px;
  }

    .fieldset .title strong,
    .section .title strong {
      font-weight: 300;
      font-size: 16px;
      color: #444;
    }

.form-fields {
  position: relative;
  font-size: 14px;
  line-height: 1.5;
  color: #444;
}

  .form-fields > a {
    display: inline-block;
    color: #8c8c8c;
    text-decoration: underline;
  }

.inputs {
  position: relative;
  margin: 20px 0 0;
  text-align: center;
  white-space: nowrap;
  /*fix for 'required' elements*/
  font-size: 0;
}

  .inputs:first-child {
    margin-top: 0;
  }


  .inputs:after {
    content: "";
    display: block;
    clear: both;
  }

  .inputs > label {
    display: inline-block;
    max-width: calc(100% - 10px);
    width: auto;
    font-size: 15px;
    margin: 0 0 8px;
    font-weight: bold;
    color: #444444;
    text-align: right;
    white-space: normal;
  }

  .inputs > .required {
    position: absolute;
    top: 0;
    left: 0;
  }

  .inputs > * {
    float: right;
    clear: both;
  }

  .inputs.reversed > * {
    float: none;
  }

  .inputs input[type="text"],
  .inputs input[type="password"],
  .inputs input[type="email"],
  .inputs input[type="tel"],
  .inputs select,
  .inputs textarea {
    height: 45px;
    color: #8c8c8c;
    border-radius: 3px;
    width: 100%;
    vertical-align: middle;
  }

    .inputs select:only-of-type {
      width: 100%;
    }

  .inputs .option-list {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
  }

    .inputs .option-list li {
      float: right;
      margin: 0 0 15px 10px;
    }

    .inputs .option-list label {
      display: inline;
      width: auto;
      margin: 0 3px;
    }

.login-form-in-header .inputs.reversed {
  text-align: center;
}

.required {
  margin: 0 5px 0 0;
  /*siblings offset*/
  font-size: 15px;
  color: #444;
  font-weight: 700;
}

.message-error,
.field-validation-error,
.field-validation-error *,
.username-not-available-status,
.poll-vote-error,
.password-error {
  display: block;
  margin: 2px 0 0;
  font-size: 13px;
  color: #ff4f60;
  font-weight: 700;
  text-align: right;
  white-space: normal;
}

.page-body > .message-error,
.enter-address > .message-error,
.payment-info form > .message-error {
  line-height: 1.5;
  margin-bottom: 15px;
}

.input-validation-error {
  border-bottom: 2px solid #ff4f60 !important;
}

.field-validation-valid,
.username-available-status {
  display: block;
  line-height: 17px;
  font-size: 13px;
  color: var(--color-primary);
  font-weight: 700;
}

.captcha-box {
  margin: 25px 0 0;
  text-align: center;
  line-height: 0;
  /*firefox line-height bug fix*/
}

  .captcha-box > div {
    display: inline-block;
  }

  .captcha-box input {
    height: auto;
  }


/*********** GLOBAL TABLES ***********/


.table-wrapper {
  overflow-x: auto;
}

.cart,
.data-table,
.compare-products-table,
.forums-table-section table {
  margin: 0 0 20px;
  border-collapse: initial;
  border-spacing: 0px;
}

  .cart th,
  .data-table th,
  .forums-table-section th {
    border-top: 1px solid #eee;
    background-color: #f9f9f9;
    padding: 20px;
    white-space: nowrap;
    font-size: 17px;
    color: #959595;
    font-weight: 300;
  }

  .cart td,
  .data-table td,
  .forums-table-section td {
    min-width: 50px;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    padding: 20px;
    font-size: 15px;
    color: #444;
    font-weight: 400;
  }

td.product-picture {
  font-size: 0 !important;
}

  td.product-picture a {
    display: inline-block;
    width: 80px;
  }

.data-table td {
  font-size: 17px;
}

  .cart th:first-child,
  .data-table th:first-child,
  .forums-table-section th:first-child,
  .cart td:first-child,
  .data-table td:first-child,
  .forums-table-section td:first-child {
    border-right: 1px solid #eee;
  }

  .cart th:last-child,
  .data-table th:last-child,
  .forums-table-section th:last-child,
  .cart td:last-child,
  .data-table td:last-child,
  .forums-table-section td:last-child {
    border-left: 1px solid #eee;
  }

.cart tr:first-child th:first-child,
.data-table tr:first-child th:first-child,
.forums-table-section table tr:first-child th:first-child {
  border-top-right-radius: 3px;
}

.cart tr:first-child th:last-child,
.data-table tr:first-child th:last-child,
.forums-table-section table tr:first-child th:last-child {
  border-top-left-radius: 3px;
}

.cart tr:last-child td:first-child,
.data-table tr:last-child td:first-child,
.forums-table-section table tr:last-child td:first-child {
  border-bottom-right-radius: 3px;
}

.cart tr:last-child td:last-child,
.data-table tr:last-child td:last-child,
.forums-table-section table tr:last-child td:last-child {
  border-bottom-left-radius: 3px;
}

td .attributes {
  padding: 20px 0;
  margin: 0;
}

.cart a,
.data-table a,
.compare-products-table a,
.forums-table-section a {
  color: var(--color-primary);
}

.cart .product a,
.data-table .product a,
.compare-products-table .product a,
.forums-table-section .product a {
  color: #444;
  transition: all .2s ease;
}

  .cart .product a:hover,
  .data-table .product a:hover,
  .compare-products-table .product a:hover,
  .forums-table-section .product a:hover {
    color: var(--color-primary);
  }

.cart .edit-item a,
.data-table .edit-item a,
.compare-products-table .edit-item a,
.forums-table-section .edit-item a {
  color: var(--color-primary);
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 700;
}

.cart .attributes,
.data-table .attributes,
.compare-products-table .attributes,
.forums-table-section table .attributes {
  font-size: 15px;
  color: #8c8c8c;
  max-width: none;
}

.cart td.date,
.data-table td.date,
.compare-products-table td.date,
.forums-table-section td.date {
  white-space: nowrap;
}

td.product-picture {
  font-size: 0;
}

.select,
.select-boxes {
  position: relative;
  overflow: hidden;
}

  .select input[type="checkbox"],
  .select-boxes input[type="checkbox"] {
    position: absolute;
    right: -9999px;
  }

  .select label,
  .select-boxes label {
    display: block !important;
    width: 17px;
    height: 17px;
    border-radius: 0;
    border: 1px solid #eeeeee;
    vertical-align: text-top;
    background-color: #fff;
    cursor: pointer;
  }

  .select input[type="checkbox"]:checked + label,
  .select-boxes input[type="checkbox"]:checked + label {
    margin-right: 1px;
    margin-top: 1px;
    width: 16px;
    height: 16px;
    box-shadow: 0 0 0 1px #e7e7e7;
    border: 3px solid #fff;
    background-color: var(--color-primary);
  }


  .select label:before,
  .select-boxes label:before {
    content: none !important;
    display: none !important;
  }

.cart .product,
.data-table .product,
.data-table .message,
.data-table .info,
.data-table .name,
.forum-table .forum-details,
.forum-table .topic-details {
  text-align: right;
}

.cart .remove-from-cart,
.cart .add-to-cart,
.data-table .select-boxes,
.data-table .order {
  text-align: center;
}

.cart .unit-price {
  white-space: nowrap;
}

.cart .qty-input,
.cart .qty-dropdown {
  margin: -5px 0;
  padding: 0 7px;
  width: 40px;
  height: 40px;
  font-size: 14px;
  color: #444;
  text-align: center;
  background-position: left 10px center
}

.cart .qty-dropdown {
  text-align: right;
  padding: 0 5px 0 20px;
}

.cart .subtotal span {
  display: inline-block;
  color: #444;
  white-space: nowrap;
  font-weight: 700;
}

.cart .subtotal .discount,
.cart .discount-additional-info {
  white-space: nowrap;
  font-size: 12px;
}

.cart .remove-from-cart {
  position: relative;
}

  .cart .remove-from-cart button {
    /*position: absolute;
	top: 0; right: 0;
	bottom: 0; left: 0;
	margin: auto;*/
    width: 24px;
    height: 24px;
    border: none;
    background: none;
    transition: 0.2s ease;
  }

    .cart .remove-from-cart button:after {
      content: "\7a";
      display: block;
      font-size: 18px;
      color: #444;
    }

    .cart .remove-from-cart button:hover {
      transform: rotate(-90deg);
    }

.td-title {
  font-weight: 300;
  color: #8c8c8c;
}

  .td-title + span {
    display: inline-block;
    vertical-align: middle;
  }

.button-1 {
  border: none;
  height: 45px;
  padding: 0 25px;
  border-radius: 3px;
  background-color: #eebe00;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  transition: all .2s ease;
}

  .button-1:hover {
    background-color: #e8af00;
  }


/*********** NOTIFICATIONS & POPUPS  ***********/


.bar-notification {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1040;
  width: 100%;
  padding: 20px 6%;
  min-height: 60px;
  color: #fff;
  overflow: hidden;
}

  .bar-notification.success {
    background-color: var(--color-success);
  }

  .bar-notification.warning {
    background-color: var(--color-warning);
  }

  .bar-notification.error {
    background-color: var(--color-danger);
  }

  .bar-notification .content {
    float: right;
    max-width: calc(100% - 50px);
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    margin: 0 0 0 10px;
  }

    .bar-notification .content a {
      color: #fff;
      text-decoration: underline;
    }

  .bar-notification .close {
    float: left;
    cursor: pointer;
    opacity: 0.7;
    font-size: 0;
  }

    .bar-notification .close:before {
      content: "\7a";
      display: block;
      width: 32px;
      height: 32px;
      line-height: 32px;
      text-align: center;
      font-size: 20px;
      color: #fff;
      text-transform: none;
      font-weight: normal;
    }

    .bar-notification .close:hover {
      opacity: 1;
    }

.noscript {
  background-color: #ff9;
  padding: 10px;
  text-align: center;
}

.ajax-loading-block-window {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1030;
  width: 100% !important;
  height: 100% !important;
  background-color: rgba(255, 255, 255, .7);
}

  .ajax-loading-block-window:before,
  .ajax-loading-block-window:after {
    content: "";
    position: fixed;
    display: inline-block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border: 0px solid var(--color-primary);
    border-radius: 50%;
    -webkit-animation: loader 1.6s cubic-bezier(0, 0, 0.09, 0.99) infinite;
    -moz-animation: loader 1.6s cubic-bezier(0, 0, 0.09, 0.99) infinite;
    animation: loader 1.6s cubic-bezier(0, 0, 0.09, 0.99) infinite;
  }

  .ajax-loading-block-window:after {
    animation-delay: .8s;
  }

.ui-dialog {
  position: absolute !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding-bottom: 30px;
  width: 600px !important;
  max-width: 95%;
  box-shadow: 0 0 20px rgba(0, 0, 0, .15);
  background-color: #fff;
  z-index: 1050;
}

.ui-dialog-titlebar {
  display: block;
  padding: 25px 0;
  margin: 0 auto;
  width: calc(100% - 100px);
  font-size: 22px;
  text-transform: none;
  font-weight: 700;
  color: #444;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

  .ui-dialog-titlebar .ui-dialog-title {
    font-size: 22px;
    font-weight: 700;
    color: #444;
  }

  .ui-dialog-titlebar button {
    position: absolute;
    top: 25px;
    left: 25px;
    border: none;
    background: transparent;
    overflow: hidden;
    font-size: 0;
    text-align: center;
    opacity: 0.5;
  }

    .ui-dialog-titlebar button:before {
      content: "\7a";
      text-transform: none;
      font-weight: normal;
      font-size: 20px;
      line-height: 24px;
    }

    .ui-dialog-titlebar button:hover {
      opacity: 0.9;
    }

.ui-dialog-content {
  padding: 0 30px;
  height: auto !important;
  overflow: auto;
}

  .ui-dialog-content .page {
    min-height: 0;
    text-align: center;
  }

  .ui-dialog-content .page-title {
    margin: 0 0 12px;
    padding: 0;
  }

    .ui-dialog-content .page-title h1 {
      font-size: 15px;
      text-transform: uppercase;
      color: #8c8c8c;
    }

  .ui-dialog-content .tooltip {
    margin: 5px 0;
    line-height: 20px;
  }

  .ui-dialog-content button {
    margin-top: 20px;
  }

.eu-cookie-bar-notification {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1050;
  width: 90%;
  max-width: 600px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 3px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  padding: 20px;
  text-align: center;
}

  .eu-cookie-bar-notification .text {
    margin-bottom: 20px;
    line-height: 1.5;
    font-size: 15px;
    color: #8c8c8c;
  }

  .eu-cookie-bar-notification button {
    height: 45px;
    margin: 10px 0 20px;
    border: none;
    background-color: #eebe00;
    border-radius: 3px;
    padding: 0 25px;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    transition: all .1s ease;
  }

    .eu-cookie-bar-notification button:hover {
      background-color: #e8af00;
    }

  .eu-cookie-bar-notification a {
    display: block;
    font-size: 13px;
    color: #8c8c8c;
    font-weight: 700;
    text-transform: uppercase;
  }

.scroll-back-button {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 6vw;
  width: 50px;
  height: 50px;
  border: 1px solid var(--color-primary);
  border-radius: 3px;
  text-align: center;
  background: rgba(255, 255, 255, .6);
  cursor: pointer;
}

  .scroll-back-button:before {
    content: '\77';
    display: inline-block;
    position: absolute;
    color: var(--color-primary);
    font-size: 14px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    -ms-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
  }


/*********** HEADER ***********/




.admin-header-links {
  background-color: #333;
  text-align: center;
  color: #fff;
}

  .admin-header-links .impersonate {
    display: inline-block;
  }

  .admin-header-links a,
  .admin-header-links span {
    display: inline-block;
    margin: 0 10px;
    line-height: 35px;
    font-weight: bold;
  }

.header {
  margin: 0 auto;
  text-align: center;
}

  .header:after {
    content: "";
    display: none;
    clear: both;
  }

.header-logo a {
  display: inline-block;
  max-width: 100%;
  line-height: 0;
  /*firefox line-height bug fix*/
}

  .header-logo a img {
    max-width: 100%;
    max-height: 45px;
  }

.header-links-wrapper {
  position: relative;
  margin: 0 0 20px;
}

.personal-button {
  position: relative;
}

.profile-menu-box {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 25px;
  width: 150px;
  padding: 10px 0;
  border-radius: 3px;
  background: #fff;
  font-size: 14px;
  opacity: 0;
  visibility: hidden;
  text-align: right;
  pointer-events: none;
  box-shadow: 0 0 20px rgba(0, 0, 0, .16);
  z-index: 1020;
  transition: all .2s ease;
}

  .profile-menu-box:after {
    content: " ";
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 8px;
    margin-left: -8px;
  }

  .profile-menu-box.open {
    margin-top: 8px;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .profile-menu-box > a,
  .header-form-holder > a {
    display: block !important;
    padding: 10px 17px;
    color: #444444;
  }

  .profile-menu-box span:before,
  .profile-menu-box a:before {
    display: inline-block !important;
    color: #8e8e8e;
    font-size: 17px;
    vertical-align: middle;
    margin-left: 10px;
    min-width: 20px;
    font-weight: normal;
    text-transform: none;
  }

.close-side-menu {
  display: none;
}


/*********** FLYOUT CART MOBILE ***********/



a.ico-cart {
  display: inline-block;
  font-size: 13px;
  color: #8c8c8c;
  transition: color .2s ease;
}

  a.ico-cart:before {
    display: block;
    margin-bottom: 4px;
    font-size: 26px;
    color: #8e8e8e;
    transition: color .2s ease;
  }

.mini-shopping-cart .close-side-menu {
  display: none;
}

.mini-shopping-cart .flyout-cart-scroll-area {
  position: relative;
  width: 100%;
  padding: 20px 0 0;
  background-color: #fff;
}

.flyout-lower {
  background-color: #f6f6f6;
  border-radius: 0 3px 3px 0;
}

.mini-shopping-cart:after {
  content: "";
  display: block;
  clear: both;
}

.mini-shopping-cart .count {
  float: right;
  padding: 20px 15px 20px 0;
}

  .mini-shopping-cart .count a {
    font-size: 14px;
    color: #8c8c8c;
  }

    .mini-shopping-cart .count a:hover {
      color: var(--color-primary);
      text-decoration: none;
    }

    .mini-shopping-cart .count a:before {
      content: "\64";
      display: inline-block;
      vertical-align: bottom;
      margin: 0 0 0 5px;
      font-size: 20px;
    }

.flyout-cart-scroll-area > p {
  padding: 0 20px 20px;
  font-size: 14px;
  color: #8c8c8c;
  text-align: center;
}

.flyout-cart .items {
  position: relative;
  padding: 0 10px;
  margin-bottom: 15px;
  border-radius: 3px 3px 0 0;
  background: #fff;
  text-align: right;
  overflow: hidden;
}

.mini-shopping-cart .item {
  overflow: hidden;
  margin: 15px 0 0;
}

  .mini-shopping-cart .item.first {
    margin-top: 0;
  }

.mini-shopping-cart .picture {
  float: right;
  width: 78px;
  height: auto;
  border: 1px solid #eee;
  border-radius: 3px;
  text-align: center;
  overflow: hidden;
  font-size: 0;
}

  .mini-shopping-cart .picture a {
    display: block;
    position: relative;
    overflow: hidden;
  }

    .mini-shopping-cart .picture a:before {
      content: "";
      display: block;
      padding-top: 100%;
      margin: 0;
    }

  .mini-shopping-cart .picture img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
  }

.mini-shopping-cart .product {
  position: relative;
  margin: 0 90px 0 30px;
  text-align: right;
}

  .mini-shopping-cart .product:after {
    content: "";
    display: block;
    clear: both;
  }

  .mini-shopping-cart .product .remove-item {
    position: absolute;
    top: 0;
    left: -30px;
    right: auto;
    font-size: 0 !important;
    width: 18px;
    height: 18px;
    text-align: center;
    border-radius: 2px;
    background-color: #f1f1f1;
    text-decoration: none;
    transition: all .1s ease;
  }

    .mini-shopping-cart .product .remove-item:after {
      content: "\7a";
      display: block;
      font-size: 8px;
      line-height: 18px;
      color: #8e8e8e;
      transition: all .1s ease;
    }

    .mini-shopping-cart .product .remove-item:hover {
      background-color: #e9e9e9;
      text-decoration: none;
    }

      .mini-shopping-cart .product .remove-item:hover::after {
        text-decoration: none;
      }

.mini-shopping-cart .name a {
  display: block;
  margin: 0 0 5px;
  font-size: 14px;
  color: #444444;
}

.mini-shopping-cart .attributes {
  padding: 0;
  margin: 0 0 5px;
  font-size: 14px;
  color: #8c8c8c;
}

.mini-shopping-cart .right {
  display: inline-block;
}

.mini-shopping-cart .quantity {
  margin: 0 0 0 4px;
  font-size: 0;
  color: #8c8c8c;
  float: right;
}

  .mini-shopping-cart .quantity span {
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
  }

  .mini-shopping-cart .quantity:after {
    content: "x";
    display: inline-block;
    margin-right: 3px;
    font-size: 16px;
    font-weight: 700;
    color: #8c8c8c;
    text-transform: none;
    font-family: "Roboto";
  }

.mini-shopping-cart .price {
  font-size: 16px;
  font-weight: bold;
  color: var(--color-primary);
  float: left;
}

.mini-shopping-cart .totals {
  float: left;
  padding: 20px 0 20px 15px;
  font-size: 15px;
  text-align: left;
  color: #8c8c8c;
}

  .mini-shopping-cart .totals strong {
    display: inline-block;
    color: var(--color-primary);
    font-size: 18px;
  }

.mini-shopping-cart .buttons {
  padding: 0 15px 15px;
  margin-bottom: 0;
  text-align: left;
  clear: both;
}

  .mini-shopping-cart .buttons button {
    display: inline-block;
    width: 100%;
    padding: 0 15px;
  }

.mini-shopping-cart button + button {
  margin-top: 10px;
  background-color: #ddd;
  color: #8c8c8c;
}

.mini-shopping-cart .buttons button:hover {
  background-color: #e8af00;
}

.mini-shopping-cart button + button:hover {
  background-color: #d1d1d1 !important;
}

/******** LOGIN FORM IN HEADER ********/



.profile-menu-box.login-form-in-header {
  padding: 20px 0 0;
  width: 255px;
}

.login-form-in-header .fieldset {
  margin: 0;
}

.login-form-in-header .returning-wrapper .form-fields {
  padding: 0;
  min-height: 0;
}

.login-form-in-header .form-fields {
  font-size: 0;
}

.login-form-in-header .external-authentication > * {
  padding: 20px;
  background-color: #f6f6f6;
  border-radius: 0 0 3px 3px;
}

.login-form-in-header form {
  padding: 0 20px;
}

.login-form-in-header .external-authentication {
  margin: 0;
}

.login-form-in-header .in-header-register {
  text-align: center;
}

  .login-form-in-header .in-header-register .register-button {
    display: inline-block;
    background-color: transparent;
    border: none;
    padding: 15px 20px 15px 0;
    font-size: 12px;
    text-transform: uppercase;
    color: #8c8c8c;
    font-weight: bold;
    background: url('../Themes/Emporium/Content/img/register-icon.png') right center no-repeat;
    transition: all .2s ease;
  }

    .login-form-in-header .in-header-register .register-button:hover {
      color: var(--color-primary);
    }

.login-form-in-header .title {
  display: none;
}

.login-form-in-header .inputs {
  margin: 6px 0 0;
}

  .login-form-in-header .inputs:first-child {
    margin-top: 0;
  }

  .login-form-in-header .inputs label {
    display: none;
  }

.login-form-in-header .forgot-password {
  width: 100%;
}

.login-form-in-header .inputs.reversed {
  margin: 0 0 15px;
}

  .login-form-in-header .inputs.reversed label {
    display: inline-block;
    width: auto;
    margin: 0;
    font-size: 12px;
    line-height: 17px;
    height: 17px;
    color: #8c8c8c;
    text-align: right;
    cursor: pointer;
    user-select: none;
  }

    .login-form-in-header .inputs.reversed label:before {
      vertical-align: text-bottom;
    }

.inputs.reversed input[type="checkbox"] {
  position: absolute;
  right: -9999px;
}

  .inputs.reversed input[type="checkbox"] + label {
    cursor: pointer;
  }

.login-form-in-header .inputs input[type="text"],
.login-form-in-header .inputs input[type="email"],
.login-form-in-header .inputs input[type="password"] {
  height: 45px;
  padding: 0 15px 0 35px;
  line-height: 45px;
  border-radius: 3px;
}

.login-form-in-header .inputs input:focus + .inputs-icons {
  color: var(--color-primary);
}

input + .inputs-icons {
  position: absolute;
  top: 0;
  left: 15px;
  right: auto;
}

.inputs-icons {
  display: none;
  font-size: 15px;
  color: #8e8e8e;
  line-height: 45px;
  font-family: "emporium-icons";
}

.button-1.checkout-as-guest-button {
  margin: 0 0 10px 10px;
  background-color: #f1f1f1;
  color: #8c8c8c;
}

  .button-1.checkout-as-guest-button:hover {
    background-color: #eaeaea;
  }

.login-form-in-header .inputs-icons {
  display: inline-block;
  text-transform: lowercase;
}

.login-form-in-header .login-button {
  display: block;
  width: 100%;
  border: none;
  height: 45px;
  border-radius: 3px;
  background-color: #eebe00;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}

  .login-form-in-header .login-button:hover {
    background-color: #e8af00;
  }

.login-form-in-header a.facebook-btn {
  display: block;
  width: 100%;
  height: 35px;
  border-radius: 3px;
  line-height: 35px;
  background-color: #3270ab;
  color: #fff !important;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
  background-image: none !important;
}

  .login-form-in-header a.facebook-btn:hover {
    background-color: #4065a3;
  }

  .login-form-in-header a.facebook-btn:before {
    content: "\6e";
    display: inline-block;
    margin-left: 10px;
    font-size: 17px;
    color: #fff !important;
    text-transform: none;
  }

  .login-form-in-header a.facebook-btn:after {
    content: "log in with facebook";
    display: inline-block;
    font-family: "Roboto";
  }

.login-form-in-header .forgot-password {
  display: block;
  margin-bottom: 15px;
}

  .login-form-in-header .forgot-password a {
    display: block;
    width: 100%;
    background-color: #f6f6f6;
    padding: 5px 10px;
    font-size: 11px;
    color: #8c8c8c;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
  }



/******** END OF LOGIN FORM IN HEADER ********/



.header-links ul {
  display: inline-block;
  font-size: 0;
}

.ico-wishlist:before {
  content: "\63";
}

.ico-cart:before {
  content: "\64";
}

.personal-button > span:before,
.ico-account:before {
  content: "\61";
}

.profile-menu-box .ico-inbox {
  font-size: 0;
}

.ico-inbox span {
  font-size: 14px;
  vertical-align: middle;
}

.ico-inbox:before {
  content: "\41";
}

.ico-compare:before {
  content: "\62";
}

.ico-search:before {
  content: "\65";
}

.ico-logout:before {
  content: "\42";
}

.ico-close:before {
  content: "\76";
}

.ico-login:before {
  content: "\78";
}

.ico-register:before {
  content: "\79";
}

.search-box {
  position: relative;
}

  .search-box form {
    position: relative;
  }

    .search-box form:after {
      content: "";
      display: block;
      clear: both;
    }

  .search-box input.search-box-text {
    float: right;
    height: 45px;
    border: 1px solid #eeeeee;
    border-left: 0;
    font-size: 14px;
    color: #959595;
    border-radius: 0 3px 3px 0;
  }

    .search-box input.search-box-text::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #959595;
    }

    .search-box input.search-box-text::-moz-placeholder {
      /* Firefox 19+ */
      color: #959595;
    }

    .search-box input.search-box-text:-ms-input-placeholder {
      /* IE 10+ */
      color: #959595;
    }

    .search-box input.search-box-text:-moz-placeholder {
      /* Firefox 18- */
      color: #959595;
    }

  .search-box .search-box-button {
    float: right;
    width: 45px;
    height: 45px;
    padding: 0;
    border: none;
    /*background: #ccc url('../Themes/Emporium/Content/img/search-button.png') center no-repeat;
	font-size: 0;*/
    border: 1px solid #eeeeee;
    border-right: 0;
    border-radius: 3px 0 0 3px;
  }

    .search-box .search-box-button:before {
      text-transform: none;
      font-size: 20px;
      content: "\65";
      font-weight: 100;
      vertical-align: middle;
    }

    .search-box .search-box-button:hover {
      background-color: #e8af00;
    }

.ui-helper-hidden-accessible {
  display: none;
}

.ui-autocomplete {
  position: absolute;
  padding: 5px 0;
  max-width: 100%;
  border-radius: 0 0 3px 3px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 0 13px rgba(0, 0, 0, .1);
  z-index: 1070;
}

  .ui-autocomplete li:first-child {
    border-top: none;
  }

  .ui-autocomplete a {
    display: block;
    padding: 5px 10px;
    text-align: right;
    font-size: 14px;
    color: #444444;
  }

    .ui-autocomplete a.ui-state-focus {
      background-color: #f6f6f6;
    }

  .ui-autocomplete img {
    display: inline-block;
    width: 50px;
    margin-left: 10px;
    border: 1px solid #eeeeee;
    border-radius: 2px;
    vertical-align: middle;
  }

  .ui-autocomplete span {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 60px);
  }

.header-selectors-wrapper {
  font-size: 0;
}

  .header-selectors-wrapper > div {
    display: inline-block;
    margin: 0 5px 10px;
    vertical-align: middle;
  }

.language-list {
  max-width: 100%;
  font-size: 0;
}

  .language-list li {
    display: inline-block;
    margin: 0 1px;
  }

  .language-list a {
    display: block;
    position: relative;
    width: 32px;
    height: 32px;
    line-height: 0;
  }

  .language-list img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }

.slider-wrapper.theme-custom {
  margin: 0 auto 30px;
  /*overrides default slider*/
}


/*********** FOOTER ***********/



.footer {
  border-top: 3px solid #E0E2E5;
  background-color: #F6F6F6;
  text-align: center;
  overflow: hidden;
}

.footer-upper {
  margin: 55px 0;
  overflow: hidden;
}

.footer-logo {
  margin: 0 0 25px;
}

.footer-block a {
  transition: color .2s ease;
  font-size: 14px;
  line-height: 24px;
  color: #545454;
}

  .footer-block a:hover {
    color: var(--color-primary);
  }

.footer .newsletter .title {
  margin: 0 0 13px;
  font-size: 15px;
  color: #8c8c8c;
  text-transform: none;
}

.newsletter .title strong {
  font-weight: normal;
}

.newsletter-email {
  display: block;
  overflow: hidden;
  max-width: 255px;
  margin: 0 auto;
}

  .newsletter-email .newsletter-subscribe-text {
    float: right;
    width: calc(100% - 47px);
    height: 47px;
    border-radius: 0 3px 3px 0;
    border-left: 0;
  }

    .newsletter-email .newsletter-subscribe-text:focus {
      border-color: #e7e7e7;
    }

    .newsletter-email .newsletter-subscribe-text::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #959595;
    }

    .newsletter-email .newsletter-subscribe-text::-moz-placeholder {
      /* Firefox 19+ */
      color: #959595;
    }

    .newsletter-email .newsletter-subscribe-text:-ms-input-placeholder {
      /* IE 10+ */
      color: #959595;
    }

    .newsletter-email .newsletter-subscribe-text:-moz-placeholder {
      /* Firefox 18- */
      color: #959595;
    }

  .newsletter-email .newsletter-subscribe-button {
    float: right;
    width: 47px;
    height: 47px;
    padding: 0;
    border: none;
    border-radius: 3px 0 0 3px;
    background: #eebe00 url('../Themes/Emporium/Content/img/subscribe-button.png') center no-repeat;
    font-size: 0;
    transition: all .2s ease;
  }

    .newsletter-email .newsletter-subscribe-button:hover {
      background-color: #e8af00;
    }

  .newsletter-email .options {
    height: 0;
    overflow: hidden;
    clear: both;
  }

.newsletter-validation,
.newsletter-result {
  margin: 10px 0;
  line-height: 20px;
  font-size: 13px;
  color: #444;
}

  .newsletter-validation .please-wait {
    display: none !important;
  }

.footer-middle {
  margin-bottom: 50px;
  overflow: hidden;
}

  .footer-middle .social-icons,
  .footer-middle .pay-options {
    margin-top: 40px;
  }

.pay-options img {
  margin: 0 2px;
  max-width: 30px;
}

.social-sharing ul {
  font-size: 0;
}

.social-sharing li {
  display: inline-block;
  margin: 0 3px;
}

.social-sharing a {
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
}

  .social-sharing a:before {
    display: block;
    font-size: 22px;
    color: #8e8e8e;
    transition: color .2s ease;
  }

  .social-sharing a:hover:before {
    color: var(--color-primary);
  }

.social-sharing .facebook:before {
  content: "\6e";
}

.social-sharing .twitter:before {
  content: "\6f";
}

.social-sharing .google:before {
  content: "\70";
}

.social-sharing .pinterest:before {
  content: "\44";
}

.social-sharing .instagram:before {
  content: "\74";
}

.social-sharing .linkedin:before {
  content: "\75";
}

.social-sharing .vimeo:before {
  content: "\71";
}

.social-sharing .youtube:before {
  content: "\72";
}

.social-sharing .rss:before {
  content: "\73";
}

.footer-lower {
  overflow: hidden;
  font-size: 11px;
}

  .footer-lower > div {
    display: block;
    margin: 5px 10px 0;
    color: #a0a0a0;
    font-size: 14px;
  }

    .footer-lower > div:first-child {
      margin-top: 0;
    }

    .footer-lower > div a {
      color: #ededed;
    }

  .footer-lower .theme-selector {
    margin: 15px 0 0;
  }

.theme-selector select {
  width: 170px;
  height: 36px;
}

.footer-block ul {
  display: none;
  padding: 10px 0;
  background-color: #f6f6f6;
}

  .footer-block ul li {
    padding: 8px;
  }

.footer-block {
  border-bottom: 1px solid #eeeeee;
  border-right: 1px solid #E0E2E5;
  margin: 0px;
  padding: 0 16px;
}

  .footer-block:first-child {
    border-top: 1px solid #eeeeee;
  }

.footer .title {
  margin-bottom: 15px;
  text-transform: uppercase;
  color: #444444;
  font-size: 14px;
}

.footer-block .title {
  position: relative;
  margin: 0;
  padding: 15px 45px;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

  .footer-block .title:before,
  .footer-block .title:after {
    content: "\77";
    position: absolute;
    display: inline-block;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 9px;
    color: var(--color-primary);
    text-transform: none;
    transition: all .3s ease;
  }

  .footer-block .title:after {
    right: auto;
    left: 20px;
  }

  .footer-block .title.open:before,
  .footer-block .title.open:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
  }

.footer-lower {
  padding: 30px 20px;
  background-color: #444444;
}



/*********** SMALL PRODUCT CAROUSELS ***********/


.small-products .nop-jcarousel.product-grid .slick-carousel {
  margin: 0 !important;
}

.small-products .nop-jcarousel .slick-slide {
  padding: 0 !important;
}

.small-products .item-box {
  border-radius: 3px !important;
  overflow: hidden;
  max-height: 225px;
}

  .small-products .item-box .product-item {
    font-size: 0;
  }

    .small-products .item-box .product-item > div {
      display: inline-block;
      vertical-align: top;
    }

  .small-products .item-box .prices .actual-price {
    display: block;
    margin: 0;
  }

  .small-products .item-box .product-item > div:first-child {
    width: 120px;
  }

  .small-products .item-box .picture {
    margin: 0;
    border-radius: 0;
  }

    .small-products .item-box .picture > a:before {
      padding-top: 100%;
    }

  .small-products .item-box .details {
    width: calc(100% - 120px);
    padding: 13px;
    text-align: right;
  }

  .small-products .item-box .prices {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .small-products .item-box .buttons,
  .small-products .item-box .btn-wrapper {
    display: none;
  }

  .small-products .item-box .product-title,
  .small-products .item-box .title {
    padding: 0;
    height: auto;
    max-height: 39px;
  }

  .small-products .item-box .prices > *:last-child:not(:empty) {
    margin: 0;
  }

.two-row-carousels {
  padding: 0 20px;
}

  .two-row-carousels .product-grid .title {
    font-size: 24px;
  }

  .two-row-carousels:after {
    content: "";
    display: block;
    clear: both;
  }

  .two-row-carousels .slick-slide {
    min-height: 241px;
  }

  .two-row-carousels .slick-arrow {
    position: absolute;
    top: auto;
    bottom: 101px;
    width: 40px;
    height: 40px;
    background-color: #fff;
    cursor: pointer;
    border: 1px solid #eee;
    border-radius: 50%;
    text-align: center;
    font-size: 0;
    transition: all .2s ease;
    z-index: 1;
  }

    .two-row-carousels .slick-arrow:before {
      display: block;
      color: #d0d0d0;
      font-size: 12px;
      line-height: 40px;
      transition: all .2s ease;
      text-transform: none;
    }

    .two-row-carousels .slick-arrow:hover {
      background-color: var(--color-primary);
      border: 1px solid var(--color-primary);
    }

      .two-row-carousels .slick-arrow:hover:before {
        color: #fff;
      }

  .two-row-carousels .slick-prev:before {
    content: "\6a";
  }

  .two-row-carousels .slick-prev {
    right: 0;
    margin-right: -20px;
  }

  .two-row-carousels .slick-next:before {
    content: "\6b";
  }

  .two-row-carousels .slick-next {
    left: 0;
    margin-left: -20px;
  }

  .two-row-carousels .slick-list {
    border: 1px solid #eee;
    border-radius: 3px;
  }

  .two-row-carousels .slick-slide > div {
    font-size: 0;
  }

    .two-row-carousels .slick-slide > div:first-child {
      border-bottom: 1px solid #eee;
    }

  .two-row-carousels .item-box {
    float: none !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
  }




/*********** LEFT/RIGHT COLUMN ***********/



.block {
  border: 1px solid #eee;
  border-radius: 3px;
  margin: 0 0 10px;
  text-align: center;
}

  .block .title {
    position: relative;
    padding: 14px 50px 14px 20px;
    font-size: 17px;
    color: #444444;
    background-color: #f6f6f6;
    cursor: pointer;
    text-align: right;
  }

    .block .title strong {
      font-weight: 300;
      display: block;
    }

    .block .title:before {
      content: "\77";
      display: inline-block;
      position: absolute;
      right: 25px;
      top: 50%;
      -webkit-transform: translateY(-50%) rotate(90deg);
      -ms-transform: translateY(-50%) rotate(90deg);
      transform: translateY(-50%) rotate(90deg);
      font-size: 10px;
      color: var(--color-primary);
      text-transform: none;
      transition: all .4s ease;
    }

    .block .title.open:before {
      -webkit-transform: translateY(-50%) rotate(0deg);
      -ms-transform: translateY(-50%) rotate(0deg);
      transform: translateY(-50%) rotate(0deg);
    }

  .block .listbox {
    display: none;
    padding: 18px;
    text-align: right;
  }

    .block .listbox:after {
      content: "";
      display: block;
      clear: both;
    }

  .block .poll {
    padding: 10px 0;
  }

  .block .list li.active > a {
    color: var(--color-primary);
    font-weight: bold;
  }

  .block .list a {
    display: inline-block;
    padding: 8px 0;
    font-size: 15px;
    color: #8c8c8c;
    transition: all .2s ease;
  }

.block-recently-viewed-products a.product-picture {
  padding: 0;
}

.block .list a:hover {
  color: var(--color-primary);
}

.block .list .product-picture {
  display: none;
}

.block .sublist {
  padding: 0 15px;
}

.block .view-all {
  margin: 7px 0;
}

  .block .view-all a {
    display: block;
    margin: 15px 0 0;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    color: var(--color-primary);
    transition: all .2s ease;
  }

    .block .view-all a:hover {
      color: #5c7600;
    }

.block .tags {
  margin: 0 0 10px;
}

  .block .tags ul {
    font-size: 0;
  }

  .block .tags li,
  .product-tags-all-page li {
    display: inline-block;
    position: relative;
    margin: 0 10px;
    overflow: hidden;
    font-size: 16px !important;
    /*setting base size*/
  }

    .block .tags li a,
    .product-tags-all-page li a {
      float: right;
      line-height: 30px;
      color: #8c8c8c;
      transition: all .2s ease;
    }

      .block .tags li a:hover,
      .product-tags-all-page li a:hover {
        color: var(--color-primary)
      }

.poll > strong {
  display: block;
  margin: 0 0 20px;
  font-size: 18px;
  color: var(--color-primary);
}

.poll-options,
.poll-results {
  margin: 0 0 15px;
  overflow: hidden;
}

.home-page-polls .poll-options li {
  margin-bottom: 5px;
  text-align: right;
}

.home-page-polls .poll .buttons {
  margin-top: 30px;
}

.home-page-polls .poll-total-votes {
  margin-top: 0;
}

.home-page-polls .answer label {
  display: block;
  border: 1px solid #eeeeee;
  border-radius: 3px;
  padding: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #444444;
  cursor: pointer;
  transition: all .2s ease;
}

.home-page-polls .answer input[type="radio"]:checked + label:before {
  border: 4px solid #fff;
  background-color: var(--color-primary);
}

.home-page-polls .answer:hover label {
  background-color: #f6f6f6;
}

.home-page-polls .poll {
  max-width: 500px;
  margin: 0 auto;
}

.poll .buttons,
.poll-total-votes {
  margin-top: 15px;
}

  .poll .buttons button {
    padding: 10px 20px;
    border: none;
    background-color: #f1f1f1;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    color: #8c8c8c;
    transition: all .2s ease;
  }

    .poll .buttons button:hover {
      background-color: #e8af00;
      color: #fff;
    }

.home-page-polls .poll button {
  border-radius: 3px;
  background-color: #eebe00;
  padding: 15px 30px;
  color: #fff;
}

.poll-total-votes {
  display: block;
  margin: 10px 0 0;
  font-weight: bold;
  text-align: left;
  font-size: 13px;
  text-transform: uppercase;
  color: #8c8c8c;
}

.block .poll .buttons {
  text-align: right;
}

.block .poll-options li,
.poll-results li {
  display: block;
  margin-bottom: 15px;
  font-size: 15px;
  color: #8c8c8c;
  text-align: right;
}

  .block .poll-options li:last-child {
    margin-bottom: 0;
  }

.block .poll-results li:last-child {
  margin-bottom: 10px;
}


.home-page-polls {
  text-align: center;
  margin: 0 10px 50px;
}

  .home-page-polls .title {
    margin: 0 0 20px;
    font-size: 28px;
    color: #444444;
  }

    .home-page-polls .title strong {
      font-weight: bold;
    }

.answer {
  position: relative;
  overflow: hidden;
}

  .answer input[type="radio"] {
    position: absolute;
    right: -9999px;
  }

  .answer label {
    display: block;
    padding: 7px 0;
    font-size: 15px;
    color: #8c8c8c;
    cursor: pointer;
    transition: all .2s ease;
  }

.block .answer label:hover {
  color: var(--color-primary);
}

.block .answer:after {
  content: "";
  display: block;
  clear: both;
}

.answer span:last-child {
  float: left;
  font-size: 13px;
}

.answer span strong {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  font-size: 15px;
  color: #444444;
}

.answer label:before {
  content: "";
  display: inline-block;
  margin-left: 10px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #eeeeee;
  vertical-align: bottom;
  background-color: #fff;
}

.answer input[type="radio"]:checked + label:before {
  margin-right: 1px;
  width: 17px;
  height: 17px;
  margin-left: 9px;
  box-shadow: 0 0 0 1px #e7e7e7;
  border: 3px solid #fff;
  background-color: var(--color-primary);
}


.block.product-filters .listbox {
  color: #444444;
  padding: 18px 30px;
  font-size: 15px;
}

.product-filters .listbox .filter-title {
  padding: 5px 0px;
  color: #444;
  font-size: 15px;
}

.product-filters .selected-price-range {
  overflow: hidden;
  margin: 5px 0 12px;
  font-size: 15px;
}

  .product-filters .selected-price-range .from {
    float: left;
  }

  .product-filters .selected-price-range .to {
    float: right;
  }

.product-filters .listbox .filter-content .group {
  padding: 0px 0px 0px 0px;
}

.product-filters .listbox .filter-content .name {
  padding: 5px 0px 3px 0px;
}

.product-filters .listbox .filter-title strong {
  font-size: 16px;
}

.product-filters .listbox .filter-title strong,
.product-filters .listbox .filter-content .name strong {
  font-weight: 400;
}

.product-filters .listbox .product-spec-filter .filter-content {
  padding: 10px 0px 10px 0px;
}

.product-filters .listbox .filter-content li.item {
  padding: 8px 0px;
}

.product-filters .ui-slider {
  position: relative;
  width: auto;
  height: 10px;
  margin: 0 10px 22px;
  max-width: 257px;
  padding: 10px 0 0;
  border-bottom: 3px solid #c5c5c5;
}

.product-filters .ui-slider-range {
  position: absolute;
  height: 3px;
  background-color: var(--color-primary);
}

.product-filters .ui-slider-handle {
  position: absolute;
  top: 2px;
  width: 19px;
  height: 19px;
  margin-left: -8px;
  background: #fff;
  border: 1px solid var(--color-primary);
  border-radius: 50%;
}

  .product-filters .ui-slider-handle span {
    position: absolute;
    top: -35px;
    left: 50%;
    margin-left: -19px;
    min-width: 38px;
    height: 18px;
    padding: 0 2px;
    line-height: 18px;
    color: rgba(255, 255, 255, .7);
    font-size: 11px;
    text-align: center;
    background: #2c2c2c;
  }

    .product-filters .ui-slider-handle span:before {
      content: "";
      position: absolute;
      bottom: -3px;
      left: 50%;
      margin-left: -2px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 4px 3px 0 3px;
      border-color: #2c2c2c transparent transparent transparent;
    }

/********** CATEGORY PAGE **********/



.breadcrumb {
  margin: 0 20px 5px;
  text-align: center;
}

.center-1 .breadcrumb {
  margin-bottom: 20px;
}

.breadcrumb ul {
  font-size: 0;
}

.breadcrumb li {
  display: inline-block;
  font-size: 14px;
  /*reset zeroing*/
  line-height: 1.5;
  color: #a9a9a9;
}

  .breadcrumb li:last-child span {
    display: none;
  }

  .breadcrumb li > a,
  .breadcrumb li > span,
  .breadcrumb li > strong {
    margin: 0 3px;
    transition: color .2s ease;
  }

.breadcrumb strong {
  font-weight: normal;
}

.breadcrumb a:hover,
.breadcrumb a:hover span {
  color: var(--color-primary);
}

.breadcrumb .delimiter {
  display: inline-block;
  margin-left: 5px;
  font-size: 0;
}

  .breadcrumb .delimiter:before {
    content: "\6b";
    display: block;
    font-size: 7px;
  }

.category-description,
.manufacturer-description,
.vendor-description,
.contact-vendor {
  margin: 0 0 40px;
}

.contact-vendor-button {
  border: none;
  padding: 0 25px;
  height: 45px;
  background-color: #eebe00;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 3px;
  transition: all .1s ease;
}

  .contact-vendor-button:hover {
    background-color: #e8af00;
  }

.filters-button-wrapper {
  display: none !important;
}

.product-selectors {
  margin: 0 0 20px;
  text-align: center;
  font-size: 0;
}

  .product-selectors:after {
    content: "";
    display: block;
    clear: both;
  }

  .product-selectors .product-sorting,
  .product-selectors .product-page-size {
    width: calc(50% - 4px);
    display: inline-block;
    vertical-align: top;
  }

  .product-selectors .product-page-size {
    margin-right: 8px;
  }

  .product-selectors select {
    display: block;
    padding: 0 20px 0 40px;
    width: 100%;
    height: 50px;
    border: none;
    background-color: #f1f1f1;
    background-image: url('../Themes/Emporium/Content/img/select-arrow-dark.svg');
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #8c8c8c;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

#products-pagesize-desktop {
  display: none;
}

.product-selectors .product-viewmode {
  display: none;
}

  .product-selectors .product-viewmode span {
    vertical-align: middle;
  }

  .product-selectors .product-viewmode a {
    display: inline-block;
    width: 30px;
    height: 45px;
    margin: 0 0 0 8px;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    font-size: 0;
    opacity: 0.5;
  }

    .product-selectors .product-viewmode a:last-child {
      margin: 0;
    }

    .product-selectors .product-viewmode a.grid {
      background-image: url('../Themes/Emporium/Content/img/view-grid.png');
    }

    .product-selectors .product-viewmode a.list {
      background-image: url('../Themes/Emporium/Content/img/view-list.png');
    }

    .product-selectors .product-viewmode a.selected {
      opacity: 1;
    }

.item-grid:after {
  content: "";
  display: block;
  clear: both;
}

.item-box {
  position: relative;
  width: 49%;
  float: right;
  margin: 0 2% 2% 0;
  border: 1px solid #eeeeee;
  background-color: #fff;
  border-radius: 3px;
  overflow: hidden;
}

  .item-box:nth-child(2n+1) {
    margin-right: 0;
    clear: both;
  }

  .item-box .picture {
    z-index: 1;
    overflow: hidden;
    background-color: #fff;
    margin: 0 0 5px;
    border-radius: 2px 2px 0 0;
  }

    .item-box .picture > a {
      display: block;
      position: relative;
      overflow: hidden;
    }

      .item-box .picture > a:before {
        content: "";
        display: block;
        padding-top: 100%;
      }

      .item-box .picture > a img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: none;
        height: 100%;
      }

  .item-box .manufacturer-item .picture > a img,
  .item-box .vendor-item .picture > a img {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    max-width: 100%;
    height: auto;
  }

  .item-box .details {
    padding: 10px;
  }

  .item-box .product-title,
  .item-box .title {
    height: 39px;
    margin: 0 0 7px;
    overflow: hidden;
    font-size: 15px;
    font-weight: normal;
    color: #444444;
  }

    .item-box .product-title a,
    .item-box .title a {
      display: block;
    }

  .item-box .sku {
    display: none;
    /*remove if you want to show sku*/
    font-size: 13px;
    color: #8c8c8c;
    margin-bottom: 5px;
  }

  .item-box .product-rating-box {
    display: inline-block;
    margin: 0 0 8px;
  }

  .item-box .rating {
    background: url('../Themes/Emporium/Content/img/rating1.gif') right repeat-x;
    width: 65px;
    height: 12px;
  }

    .item-box .rating div {
      background: url('../Themes/Emporium/Content/img/rating2.gif') right repeat-x;
      height: 12px;
    }

  .item-box .description {
    display: none;
    /*hidden by design*/
    height: 30px;
    margin: 0 0 10px;
    overflow: hidden;
  }

    .item-box .description a {
      display: block;
      overflow: hidden;
    }

  .item-box .prices {
    overflow: hidden;
  }

    .item-box .prices *:empty {
      display: none;
    }

    .item-box .prices * {
      display: inline-block;
    }

  .item-box .old-price {
    font-size: 14px;
    color: #999;
    text-decoration: line-through;
  }

  .item-box .actual-price {
    font-size: 18px;
    color: var(--color-primary);
    font-weight: bold;
  }

    .item-box .old-price + .actual-price,
    .item-box .actual-price + .tax-shipping-info {
      margin-right: 5px;
    }

  .item-box .tax-shipping-info {
    color: #8c8c8c;
  }

    .item-box .tax-shipping-info a {
      color: var(--color-primary);
    }

  .item-box .base-price-pangv {
    color: #8c8c8c;
  }

  .item-box .buttons {
    display: none;
    font-size: 0;
  }

  .item-box button {
    height: 40px;
    padding: 0 5%;
    vertical-align: middle;
    border: none;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .item-box .button-2 {
    width: 100%;
    background-color: #f1f1f1;
    border-radius: 3px;
    font-weight: bold;
    font-size: 14px;
    color: #8c8c8c;
    text-transform: uppercase;
    transition: all .2s ease;
  }

  .item-box .buttons .button-2:hover {
    background-color: #eebe00;
    color: #fff;
  }

  .item-box .product-rating-box {
    margin-bottom: 10px;
  }

  .item-box .btn-wrapper {
    display: none;
    font-size: 0;
  }

    .item-box .btn-wrapper .button-2 {
      margin-right: 4px;
      width: 40px;
      height: 40px;
      line-height: 40px;
      font-size: 0;
      border-radius: 30px;
      background-color: #f1f1f1;
      border: 0;
      font-size: 0;
      backface-visibility: hidden;
      transition: all .1s ease;
    }

    .item-box .btn-wrapper button:before {
      transition: all .1s ease;
      text-transform: none;
      font-weight: normal;
      font-size: 18px;
      color: #8e8e8e;
    }

    .item-box .btn-wrapper .add-to-wishlist-button:before {
      content: "\63";
    }

    .item-box .btn-wrapper .add-to-compare-list-button:before {
      content: "\62";
    }

    .item-box .btn-wrapper button:hover {
      background-color: var(--color-primary);
    }


      .item-box .btn-wrapper button:hover:before {
        color: #fff;
      }

.home-page-category-grid,
.sub-category-grid,
.manufacturer-grid {
  margin: 0 auto 45px;
}

  .home-page-category-grid .item-box {
    background-color: #f6f6f6;
  }

.category-grid .item-box {
  border: none;
}

  .category-grid .item-box .picture {
    border: none;
    background: transparent;
    margin: 0;
  }

    .category-grid .item-box .picture a:before {
      padding-top: 73.33%;
    }

.vendor-item .picture,
.manufacturer-item .picture {
  margin-bottom: 0
}

.vendor-item .title,
.manufacturer-item .title,
.category-grid .item-box .title {
  margin-bottom: 0;
  height: auto;
}

  .vendor-item .title a,
  .manufacturer-item .title a,
  .category-grid .item-box .title a {
    display: block;
    padding: 16px 15px;
    font-size: 13px;
    color: #444444;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    transition: color .2s ease;
  }

.sub-category-grid .item-box .title a {
  white-space: normal;
  text-overflow: initial;
}

.vendor-item:hover .title a,
.manufacturer-item:hover .title a,
.category-grid .item-box:hover .title a {
  color: var(--color-primary);
}

.home-page-advantages {
  margin-bottom: 45px;
  overflow: hidden;
}

.advantages-item {
  padding: 10px 15px;
  margin-bottom: 5px;
  background-color: #f6f6f6;
  overflow: hidden;
  text-align: right;
}

  .advantages-item > div {
    display: inline-block;
    vertical-align: middle;
  }

  .advantages-item .description {
    display: none;
  }

  .advantages-item .picture {
    width: 40px;
    height: 40px;
  }

    .advantages-item .picture img {
      max-height: 100%;
      max-width: 100%;
    }

  .advantages-item .info {
    width: calc(100% - 55px);
    padding-right: 10px;
  }

  .advantages-item .title {
    font-size: 15px;
    color: #444444;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3px;
  }

    .advantages-item .title a {
      transition: all .2s ease;
    }

      .advantages-item .title a:hover {
        color: var(--color-primary);
      }

.product-grid .title {
  margin: 0 0 25px;
  font-size: 28px;
  color: #444444;
  font-weight: bold;
  text-align: center;
}

.pager {
  margin: 0 0 20px;
}

  .pager:last-child {
    margin-bottom: 0;
  }

  .pager ul {
    text-align: center;
    font-size: 0;
  }

  .pager li {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
  }

    .pager li a,
    .pager li span {
      display: block;
      width: 38px;
      height: 38px;
      line-height: 37px;
      border-radius: 50%;
      text-align: center;
      font-size: 15px;
      /*reset zeroing*/
      cursor: pointer;
      color: #8c8c8c;
      transition: all .3s ease;
    }

      .pager li a:hover,
      .pager li span {
        color: #fff;
        background-color: var(--color-primary);
        border-color: var(--color-primary) !important;
      }

        .pager li a:hover::before {
          color: #fff;
        }

      .pager li a:before {
        display: block;
        font-size: 12px;
        color: #d0d0d0;
        line-height: 37px;
        transition: all .3s ease;
      }

    .pager li.previous-page a,
    .pager li.next-page a,
    .pager li.first-page a,
    .pager li.last-page a {
      font-size: 0;
      background-color: #fff;
    }

      .pager li.previous-page a:hover,
      .pager li.next-page a:hover,
      .pager li.first-page a:hover,
      .pager li.last-page a:hover {
        background-color: var(--color-primary);
      }

.previous-page a,
.next-page a,
.first-page a,
.last-page a {
  border: 1px solid #e4e4e4;
}

  .previous-page a:before,
  .next-page a:before {
    content: "\6a";
  }

  .next-page a:before {
    content: "\6b";
  }

  .first-page a:before {
    content: "\57";
  }

  .last-page a:before {
    content: "\56";
  }


/********** PRODUCT PAGE **********/


.product-details-page .product-grid {
  width: 100%;
}

.mobile-name-holder {
  margin-bottom: 30px;
}

  .mobile-name-holder .breadcrumb {
    margin: 0 0 20px;
  }

.product-essential {
  margin: 0 0 20px;
}

  .product-essential:after {
    content: "";
    display: block;
    clear: both;
  }

.gallery {
  margin: 0 auto 40px;
  max-width: 500px;
}

  .gallery .picture {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    text-align: center;
    font-size: 0;
  }

    .gallery .picture:before {
      content: "";
      display: block;
      width: 100%;
      padding-top: 100%;
    }

    .gallery .picture img {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto;
      max-height: 100%;
    }

  .gallery .picture-thumbs {
    margin: 10px 0 0;
    overflow: hidden;
    text-align: center;
    font-size: 0;
  }

  .gallery .thumb-item {
    display: inline-block;
    position: relative;
    width: 85px;
    margin: 0 4px 10px;
    border-radius: 3px;
    border: 1px solid #eeeeee;
    overflow: hidden;
    background-color: #fff;
    cursor: pointer;
  }

    .gallery .thumb-item:before {
      content: "";
      display: block;
      padding-top: 100%;
    }

    .gallery .thumb-item img {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      max-width: 100%;
      max-height: 100%;
      margin: auto;
    }

.overview {
  position: relative;
  margin: 0 0 20px;
}

  .product-name .manufacturers,
  .overview .manufacturers {
    font-size: 15px;
    color: #8c8c8c;
  }

    .product-name .manufacturers .value,
    .overview .manufacturers .value {
      display: inline-block;
      color: var(--color-primary);
    }

      .product-name .manufacturers .value:hover,
      .overview .manufacturers .value:hover {
        color: #7c9a16;
      }

.discontinued-product {
  margin: 0 0 20px;
  color: #ff4f60;
}

.overview .product-name {
  margin: 0 0 25px;
}

.product-name h1 {
  margin-bottom: 10px;
  font-size: 26px;
  color: #444444;
  font-weight: bold;
  line-height: 54px;
}

.overview .short-description {
  margin: 0 0 30px;
  padding: 0 10px;
  font-size: 16px;
  line-height: 1.5;
  color: #8c8c8c;
}

.product-reviews-overview {
  margin: 0 0 20px;
  /*not present in variant-overview*/
}

.product-review-box {
  display: inline-block;
  margin: 0 0 5px;
}

  .product-review-box .rating {
    width: 65px;
    height: 12px;
    background: url('../Themes/Emporium/Content/img/rating1.gif') right repeat-x;
  }

    .product-review-box .rating div {
      height: 12px;
      background: url('../Themes/Emporium/Content/img/rating2.gif') right repeat-x;
    }

.product-no-reviews a {
  font-size: 14px;
  color: #8c8c8c;
  transition: color .2s ease;
}

  .product-review-links a:hover,
  .product-no-reviews a:hover {
    color: var(--color-primary);
  }

.product-review-links {
  font-size: 14px;
  color: #8c8c8c;
}

  .product-review-links a,
  .product-review-links span {
    display: inline-block;
  }

  .product-review-links .separator {
    display: inline-block;
    margin: 0 5px;
  }

  .product-review-links a {
    transition: color .2s ease;
  }

.overview .compare-products {
  margin-bottom: 40px;
}

.compare-products .add-to-compare-list-button {
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  color: #8c8c8c;
  text-transform: uppercase;
  border: none;
  background: transparent;
  transition: all .2s ease;
}

  .compare-products .add-to-compare-list-button:before {
    content: "\62";
    display: inline-block;
    vertical-align: text-bottom;
    margin-left: 10px;
    font-size: 18px;
    color: #8c8c8c;
    text-transform: none;
    font-weight: normal;
    transition: all .2s ease;
  }

  .compare-products .add-to-compare-list-button:hover,
  .compare-products .add-to-compare-list-button:hover:before {
    color: var(--color-primary);
  }

    .compare-products .add-to-compare-list-button:hover:before {
      -webkit-transform: rotate3d(1, 0, 0, 180deg);
      -ms-transform: rotate3d(1, 0, 0, 180deg);
      transform: rotate3d(1, 0, 0, 180deg);
    }

.overview .stock,
.variant-overview .stock {
  display: inline-block;
  padding: 10px 20px;
  margin: 0 0 20px;
  font-weight: bold;
  font-size: 13px;
  color: #8c8c8c;
  text-transform: uppercase;
  background-color: #f6f6f6;
  border-radius: 2px;
}

  .overview .stock .label,
  .variant-overview .stock .label {
    display: none;
  }

.back-in-stock-subscription {
  margin: 0 0 15px;
  font-size: 0;
  backface-visibility: hidden;
}

  .back-in-stock-subscription:before {
    content: "\45";
    display: inline-block;
    margin-left: 7px;
    vertical-align: bottom;
    color: #8c8c8c;
    font-size: 17px;
    transition: color .2s ease;
  }

  .back-in-stock-subscription:hover:before {
    color: var(--color-primary);
    -webkit-animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    -moz-animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
  }

  .back-in-stock-subscription button {
    background: transparent;
    border: none;
    font-size: 12px;
    font-weight: bold;
    color: #8c8c8c;
    text-transform: uppercase;
    transition: color .2s ease;
  }

.overview .additional-details,
.variant-overview .additional-details {
  margin-bottom: 30px;
}

  .overview .additional-details div,
  .variant-overview .additional-details div {
    margin: 0 0 5px;
    font-size: 15px;
    color: #8c8c8c;
  }

    .overview .additional-details div .value,
    .variant-overview .additional-details div .value {
      display: inline-block;
      color: #444444;
    }

      .overview .additional-details div .value a,
      .variant-overview .additional-details div .value a {
        color: var(--color-primary);
        text-decoration: none;
      }

        .overview .additional-details div .value a:hover,
        .variant-overview .additional-details div .value a:hover {
          color: #7c9a16;
        }

.overview .delivery {
  margin: 20px 0 10px;
}

.variant-overview .delivery {
  margin: 20px 0 0;
}

.delivery .free-shipping {
  color: #8c8c8c;
  font-size: 14px;
}

.delivery .delivery-date {
  font-size: 14px;
  color: #8c8c8c;
}

.free-shipping + .delivery-date {
  margin: 5px 0 0;
}

.download-sample {
  font-size: 0;
  margin: 30px 0;
}

  .download-sample a {
    font-size: 13px;
    color: var(--color-primary);
    font-weight: bold;
    text-transform: uppercase;
  }

    .download-sample a:before {
      content: "\4a";
      display: inline-block;
      margin-left: 10px;
      font-size: 18px;
      text-transform: none;
      font-weight: normal;
      vertical-align: text-bottom;
    }

.overview-buttons div {
  display: inline-block;
  margin: 0 5px 10px;
}

.attributes {
  padding: 10px;
  font-size: 15px;
  text-align: right;
  margin: 0 auto 20px;
}

  .attributes:only-child {
    margin-bottom: 0;
  }

.attributes-wrapper > div {
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}

  .attributes-wrapper > div.product-prices-box {
    max-width: none;
  }

.attributes dl {
  overflow: hidden;
}

.attributes dt,
.attributes .attribute-label,
.giftcard label {
  display: block;
  font-size: 15px;
  margin: 0 0 5px;
  white-space: nowrap;
  font-weight: bold;
  color: #444444;
}

.attributes dt,
.attributes dd {
  text-align: center;
}

  .attributes dd li {
    text-align: right;
  }

.attributes .required {
  color: #444444;
}

.attributes dd {
  margin: 0 0 20px;
}

  .attributes dd:last-child {
    margin-bottom: 0;
  }

.attributes li {
  margin: 8px 0 10px;
}

.attributes dd select,
.product-details-page .attributes dd select:only-child {
  max-width: 100%;
}

.product-details-page .attributes dd select {
  max-width: calc(100% - 60px);
}

.attributes select + .qty-box {
  margin-top: 10px;
}

.attributes dd input[type="text"],
.attributes dd input[type="password"],
.attributes dd input[type="tel"],
.attributes dd input[type="email"],
.attributes dd select:only-child {
  width: 100%;
  line-height: 45px;
}

.attributes option.disabled {
  color: #ddd;
}

.attributes li.disabled {
  pointer-events: none;
  opacity: 0.5;
}

  .attributes li.disabled label {
    text-decoration: line-through;
  }

.attribute-squares li.disabled {
  position: relative;
  opacity: 1;
}

  .attribute-squares li.disabled:before {
    content: "\7a";
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: 1px;
    right: 1px;
    border-radius: 2px;
    background-color: #fff;
    text-align: center;
    font-size: 19px;
    line-height: 30px;
    color: rgb(255, 79, 96);
  }

.attributes.rental-attributes {
  font-size: 0;
}

  .attributes.rental-attributes > div {
    display: inline-block;
    width: 49%;
  }

    .attributes.rental-attributes > div:nth-child(2n) {
      margin-right: 2%
    }

    .attributes.rental-attributes > div:only-child {
      width: 100%;
      margin-left: 0;
    }

  .attributes.rental-attributes input {
    height: 45px;
    padding: 0 20px;
    border-radius: 3px;
    text-align: right;
  }

.product-estimate-shipping {
  margin: 20px 0 10px;
  color: #8c8c8c;
}

  .product-estimate-shipping a {
    display: block;
  }

  .product-estimate-shipping i {
    display: inline-block;
    transform: rotate(45deg);
    margin: 0 9px 6px 0;
    border: solid black;
    border-width: 0 1px 1px 0;
    padding: 3px 3px;
  }

  .product-estimate-shipping .shipping-loading {
    display: none !important;
    /*disable preloader*/
  }

  .product-estimate-shipping .shipping-title {
    margin: 0 0 5px;
    font-size: 15px;
  }

  .product-estimate-shipping .shipping-price {
    margin: 0 5px 0 0;
    vertical-align: middle;
    color: #000;
  }

  .product-estimate-shipping .shipping-address {
    white-space: nowrap;
    font-size: 12px;
  }

    .product-estimate-shipping .shipping-address span {
      display: inline-block;
      max-width: calc(100% - 30px);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

  .product-estimate-shipping .shipping-date {
    margin: 15px 0 0;
    font-size: 14px;
  }

.product-social-buttons {
  margin-bottom: 30px;
}

.product-social-label {
  display: inline-block;
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: bold;
  color: #444444;
}

.product-social-sharing li {
  display: inline-block;
  margin: 0 5px;
  vertical-align: top;
}

  .product-social-sharing li a {
    display: block;
    font-size: 0;
    backface-visibility: hidden;
  }

    .product-social-sharing li a:before,
    .email-a-friend:before {
      display: block;
      font-size: 22px;
      color: #8e8e8e;
      transition: all .5s ease;
    }

    .product-social-sharing li a:hover:before,
    .product-social-sharing .email-a-friend:hover:before {
      -webkit-transform: rotate3d(0, 1, 0, 360deg);
      -ms-transform: rotate3d(0, 1, 0, 360deg);
      transform: rotate3d(0, 1, 0, 360deg);
    }

.product-social-sharing a.twitter:before {
  content: "\6f";
}

.product-social-sharing a.facebook:before {
  content: "\6e";
}

.product-social-sharing a.pinterest:before {
  content: "\44";
}

.product-social-sharing a.google:before {
  content: "\70";
}

.product-social-sharing .email-a-friend:before {
  content: "\6d";
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
}

.product-social-sharing .email-a-friend {
  position: relative;
}

  .product-social-sharing .email-a-friend button {
    width: 22px;
    height: 22px;
    border: none;
    background: transparent;
    font-size: 0;
  }

.product-social-sharing li a:hover:before,
.email-a-friend:hover:before {
  color: var(--color-primary);
}

.attributes .qty-box {
  margin: 0 5px 0 0;
}

  .attributes .qty-box label {
    display: none;
  }

  .attributes .qty-box input[type="text"] {
    width: 50px;
    height: 45px;
    text-align: center;
    border-radius: 3px;
  }


.gender label,
.option-list li label,
.inputs.accept-consent label,
td.remove-from-cart label,
td.add-to-cart label,
.terms-of-service label,
.terms-of-agreement label,
.selector label,
.use-reward-points label {
  display: inline-block;
  font-size: 15px;
  cursor: pointer;
  transition: all .2s ease;
}

.attributes .datepicker {
  width: 100%;
  text-align: center;
}

.ui-datepicker {
  width: 280px;
  background-color: #fff;
  text-align: center;
  box-shadow: 0 0 15px rgba(0, 0, 0, .1);
  border-radius: 3px;
  overflow: hidden;
}

.ui-datepicker-header {
  position: relative;
  height: 32px;
  background-color: var(--color-primary);
  color: #fff;
  overflow: hidden;
}

  .ui-datepicker-header a {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 40px;
    height: 32px;
    line-height: 32px;
    font-size: 0;
    transition: all .2s ease;
  }

    .ui-datepicker-header a:hover {
      background-color: rgba(0, 0, 0, .1);
    }

    .ui-datepicker-header a:before {
      display: block;
      font-size: 10px;
      color: #fff;
    }

    .ui-datepicker-header a.ui-datepicker-prev {
      right: 0;
    }

      .ui-datepicker-header a.ui-datepicker-prev:before {
        content: "\6a";
      }

    .ui-datepicker-header a.ui-datepicker-next {
      left: 0;
    }

      .ui-datepicker-header a.ui-datepicker-next:before {
        content: "\6b";
      }

.ui-datepicker-title {
  position: relative;
  z-index: 0;
  line-height: 32px;
  letter-spacing: 1px;
  font-weight: bold;
  text-transform: uppercase;
}

.ui-datepicker-calendar th {
  background-color: #f6f6f6;
}

.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
  width: 14.285%;
}

  .ui-datepicker-calendar th span,
  .ui-datepicker-calendar td a {
    display: block;
    font-size: 14px;
    color: #8c8c8c;
    min-height: 32px;
    line-height: 32px;
    border-radius: 3px;
    transition: all .2s ease;
  }

  .ui-datepicker-calendar th span {
    font-size: 13px;
  }

  .ui-datepicker-calendar td a:hover {
    background-color: #f1f1f1;
  }

.ui-datepicker-calendar a.ui-state-active:hover,
.ui-datepicker-calendar a.ui-state-active {
  background-color: var(--color-primary);
  color: #fff;
}

.attribute-squares {
  font-size: 0;
}

  .attribute-squares li {
    display: inline-block;
    margin: 0 5px 5px;
    line-height: normal !important;
    text-align: center;
  }

  .attribute-squares label {
    display: block;
    margin: 0 !important;
    overflow: hidden;
  }

  .attribute-squares input[type="radio"] {
    position: absolute;
    left: auto;
    z-index: -1;
    opacity: 0;
    margin-top: -25px;
  }

  .attribute-squares span {
    display: block;
    user-select: none;
  }

.attribute-square {
  display: block !important;
  width: 32px !important;
  height: 32px !important;
  border: 2px solid #e7e7e7;
  border-radius: 3px;
  cursor: pointer;
}

.selected-value .attribute-square {
  border-color: #868686;
}

.image-squares .tooltip-container {
  position: absolute;
  display: block;
  width: 200px;
  color: #000000;
  background: #FFFFFF;
  border: 1px solid #eeeeee;
  text-align: center;
  visibility: hidden;
  border-radius: 5px;
}

  .image-squares .tooltip-container:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -7px;
    width: 0;
    height: 0;
    border-bottom: 7px solid #eeeeee;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
  }

  .image-squares .tooltip-container:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-bottom: 6px solid #f6f6f6;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
  }

.image-squares li:hover .tooltip-container {
  visibility: visible;
  margin-left: -83px;
  margin-top: 5px;
  z-index: 999;
}

.image-squares .tooltip-header {
  background-color: #f6f6f6;
  height: 25px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  padding-right: 10px;
  padding-top: 5px;
  text-align: right;
  color: #8c8c8c;
  width: 198px;
  font-size: 13px;
  border-bottom: 1px #EEEEEE solid;
}

.image-squares .tooltip-body {
  margin: 5px;
}

  .image-squares .tooltip-body img {
    border: 0px #FFF;
    width: 190px;
  }

.giftcard {
  margin: 0 0 20px;
  overflow: hidden;
  clear: both;
}

  .giftcard div {
    margin: 0 0 20px;
  }

  .giftcard label {
    display: block;
    margin: 0 0 5px;
  }

  .giftcard input,
  .giftcard textarea {
    width: 100%;
    height: 45px;
    line-height: 45px;
    border-radius: 3px;
  }

  .giftcard textarea {
    height: 150px;
    line-height: 1.5;
  }

.overview .prices,
.variant-overview .prices {
  margin: 10px 0;
  overflow: hidden;
  font-size: 14px;
  color: #8c8c8c
}

  .overview .prices > div,
  .variant-overview .prices > div {
    margin: 0 0 5px;
  }

    .overview .prices > div label,
    .overview .prices > div span,
    .variant-overview .prices > div label,
    .variant-overview .prices > div span {
      display: inline-block;
    }

.overview .old-product-price,
.variant-overview .old-product-price {
  color: #8c8c8c;
  text-decoration: line-through;
}

  .overview .old-product-price span,
  .overview .old-product-price label,
  .variant-overview .old-product-price span,
  .variant-overview .old-product-price label {
    font-size: 17px;
  }

.overview .non-discounted-price,
.variant-overview .non-discounted-price {
  font-size: 14px;
  color: #8c8c8c;
}

.overview .product-price,
.variant-overview .product-price {
  font-size: 25px;
  color: var(--color-primary);
  font-weight: bold;
}

.grouped-product-box {
  margin-bottom: 40px;
}

  .grouped-product-box label {
    display: none;
    margin: 0 0 15px;
    color: #787878;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
  }

.grouped-btn {
  display: block;
  max-width: 320px;
  height: 45px;
  line-height: 45px;
  margin: 0 auto;
  padding: 0 15px;
  text-align: center;
  background-color: #f1f1f1;
  border-radius: 3px;
  font-size: 13px;
  color: #8c8c8c;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: bold;
  transition: all .2s ease;
}

  .grouped-btn:before {
    content: "\4b";
    display: inline-block;
    vertical-align: bottom;
    margin-left: 10px;
    font-size: 12px;
    color: #8e8e8e;
    text-transform: none;
    transition: all .2s ease;
  }

  .grouped-btn:hover {
    background-color: #eebe00;
    color: #fff;
  }

    .grouped-btn:hover:before {
      color: #fff;
    }

  .grouped-btn span {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
  }

  .grouped-btn strong {
    display: inline-block;
    vertical-align: top;
  }

.tier-prices {
  margin: 20px 0 30px;
  font-size: 15px;
  color: #8c8c8c;
}

  .tier-prices .title {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: bold;
    color: #444444;
  }

  .tier-prices .prices-table {
    border: 1px solid #e7e7e7;
    overflow: hidden;
    border-radius: 3px;
  }

  .tier-prices .prices-row {
    float: right;
    width: 50%;
  }

    .tier-prices .prices-row > div {
      padding: 10px;
    }

  .tier-prices .item-price {
    color: var(--color-primary);
  }

  .tier-prices .tbody {
    border-right: 1px solid #e7e7e7;
  }

.customer-entered-price {
  margin: 30px 0;
  overflow: hidden;
  padding: 10px;
}

  .customer-entered-price .price-input {
    margin-bottom: 5px;
  }

    .customer-entered-price .price-input label {
      display: block;
      font-size: 15px;
      margin: 0 0 5px;
      font-weight: bold;
      color: #444444;
    }

  .customer-entered-price .enter-price-input {
    border-radius: 3px;
    height: 45px;
    width: 150px;
    text-align: center;
  }

  .customer-entered-price .price-range {
    color: #8c8c8c;
  }

.overview .add-to-cart {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 10px;
  width: calc(100% - 55px);
  max-width: 330px;
}

.variant-overview .add-to-cart {
  display: inline-block;
}

.variant-overview .add-to-wishlist {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  margin-right: 5px;
}

.overview .min-qty-notification,
.variant-overview .min-qty-notification {
  margin: 0 0 10px;
  font-size: 14px;
  color: #8c8c8c;
}

.overview .add-to-cart-panel {
  position: relative;
  font-size: 0;
}

.variant-overview .add-to-cart-panel {
  position: relative;
  font-size: 0;
  display: inline-block;
  vertical-align: top;
}

.overview .qty-label,
.variant-overview .qty-label {
  position: absolute;
  right: -25px;
  line-height: 36px;
  display: none !important;
}

.overview .qty-input,
.variant-overview .qty-input,
.overview .qty-dropdown,
.variant-overview .qty-dropdown {
  border-radius: 3px;
  height: 45px;
  padding: 12px;
  text-align: center;
  color: #444444;
  font-size: 14px;
  vertical-align: top;
}

.overview .qty-dropdown,
.variant-overview .qty-dropdown {
  margin-left: 10px;
  width: 73px;
  padding: 0 17px 0 33px;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  background: url(../Themes/Emporium/Content/img/select-arrow-dark.svg) no-repeat left 15px center;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.variant-overview .qty-dropdown,
.variant-overview .add-to-cart-qty-wrapper {
  margin-left: 5px;
}

.overview .qty-input,
.variant-overview .qty-input {
  padding-left: 27px;
  width: 80px;
}

.variant-buttons-wrapper {
  font-size: 0;
}

.overview .qty-dropdown + .add-to-cart-button {
  width: calc(100% - 85px);
  max-width: 250px;
}

.overview .add-to-cart-qty-wrapper + .add-to-cart-button {
  padding: 0;
  width: calc(100% - 90px);
  max-width: 250px;
}

.add-to-cart-qty-wrapper {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}

/*iOS bug fix start*/
.add-to-cart-qty-wrapper {
  width: 80px;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px #e7e7e7;
  text-align: right;
}

  .add-to-cart-qty-wrapper .qty-input,
  .add-to-cart-qty-wrapper .qty-dropdown {
    width: 62px;
    border: none;
    background: none;
    padding-left: 9px;
  }

  /*iOS bug fix end, makes buttons clickable*/

  .add-to-cart-qty-wrapper .plus,
  .add-to-cart-qty-wrapper .minus {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    display: inline-block;
    width: 15px;
    height: 18px;
    margin: 3px;
    background-color: #f1f1f1;
    text-align: center;
    font-family: "emporium-icons" !important;
    font-size: 7px;
    line-height: 18px;
    color: #8e8e8e;
    cursor: pointer;
    user-select: none;
    transition: all .2s ease;
  }

  .add-to-cart-qty-wrapper .minus {
    top: auto;
    bottom: 0;
  }

    .add-to-cart-qty-wrapper .plus:hover,
    .add-to-cart-qty-wrapper .minus:hover {
      background-color: #eaeaea;
    }

.overview .add-to-cart-button,
.variant-overview .add-to-cart-button {
  padding: 0 15px;
  font-size: 15px;
  vertical-align: top;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}

.variant-overview .add-to-cart-button {
  padding: 0 14px;
  width: 140px;
}

.overview .add-to-wishlist {
  display: inline-block;
  margin-right: 5px;
}

  .overview .add-to-wishlist button {
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border: none;
    border-radius: 3px;
    font-weight: bold;
    color: #8c8c8c;
    font-size: 0;
    text-transform: uppercase;
    text-align: center;
    background-color: #f1f1f1;
    transition: all .1s ease;
  }

    .overview .add-to-wishlist button:hover {
      background-color: #eaeaea;
    }

    .overview .add-to-wishlist button:before {
      content: "\63";
      display: inline-block;
      vertical-align: bottom;
      color: #8c8c8c;
      font-size: 17px;
      text-transform: none;
      font-weight: normal;
    }

.pre-order-availability-date {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  color: #8c8c8c;
}

  .pre-order-availability-date label {
    vertical-align: top;
  }

.full-description,
.product-specs-box {
  margin: 0 -10px;
  padding: 0 10px;
  background-color: #f6f6f6;
  clear: both;
}

.full-description {
  padding: 20px;
  line-height: 1.5;
  font-size: 15px;
  color: #8c8c8c;
  font-weight: 400;
}

.product-specs-box {
  padding: 10px 10px 30px;
}

  .product-specs-box thead {
    display: none;
  }

  .product-specs-box .spec-group-name {
    display: none !important;
  }

.product-details-page .related-products-grid,
.product-details-page .also-purchased-products-grid {
  margin-top: 70px;
}

.product-collateral .title {
  margin: 0 0 10px;
  letter-spacing: 2px;
  font-size: 15px;
  color: #444;
  font-weight: 700;
  text-transform: uppercase;
}

.product-tags-box .title,
.product-details-page .product-grid .title {
  font-size: 24px;
  color: #444444;
  font-weight: bold;
  text-transform: none;
  letter-spacing: normal;
}

.product-specs-box .data-table {
  border: 1px solid #eeeeee;
  border-radius: 3px;
  text-align: right;
  margin: 0;
}

  .product-specs-box .data-table td {
    padding: 20px 25px;
    border: none;
  }

.data-table td .color-squares {
  margin: -5px 0;
  display: inline-block;
  vertical-align: middle;
}

.product-specs-box .data-table td.spec-value {
  font-size: 16px;
  color: #444444;
  border-right: 1px solid #eeeeee;
}

.product-specs-box .data-table td.spec-name {
  font-size: 17px;
  color: #8c8c8c;
  font-weight: 300;
}

.attributes-wrapper {
  margin-bottom: 30px;
  border: 1px solid #eeeeee;
  border-radius: 3px;
  padding: 10px;
}

.product-variant-line .attributes-wrapper {
  border: none;
}

.product-tags-list {
  font-size: 0;
}

.product-tags-box {
  margin: 50px 0 85px;
}

  .product-tags-box:last-child {
    margin-bottom: 0;
  }

  .product-tags-box .title {
    margin-bottom: 20px;
  }

.product-tags-list li {
  display: inline-block;
  color: #8c8c8c;
  font-size: 16px;
  /*reset zeroing*/
}

  .product-tags-list li.separator {
    margin: 0 3px 0 5px;
  }

.product-tags-list a {
  display: inline-block;
  line-height: 24px;
  color: var(--color-primary);
  transition: color .2s ease;
}

  .product-tags-list a:hover {
    color: #7c9a16;
  }

.product-collateral > div.product-variant-list {
  margin: 50px 0;
}

.product-variant-line {
  margin: 0 0 15px;
  border: 1px solid #eeeeee;
  border-radius: 3px;
  padding: 30px 10px;
}

  .product-variant-line:after {
    content: "";
    display: block;
    clear: both;
  }

.variant-picture {
  position: relative;
  width: 100%;
  max-width: 330px;
  max-height: 330px;
  margin: 0 auto 15px;
  border-radius: 3px;
  overflow: hidden;
}

  .variant-picture img {
    max-width: 100%;
  }

.variant-overview {
  width: 100%;
}

  .variant-overview .variant-name {
    margin: 0 0 10px;
    font-size: 22px;
    color: #444444;
    font-weight: 700;
  }

  .variant-overview .variant-description {
    margin: 0 0 15px;
    line-height: 1.5;
    font-size: 15px;
    color: #8c8c8c;
  }

  .variant-overview .add-to-wishlist-button {
    display: block;
    float: none;
    clear: both;
    width: 45px;
    height: 45px;
    margin: 0 auto;
    font-size: 0;
    border: none;
    background-color: #f2f2f2;
    border-radius: 3px;
    transition: all .1s ease;
  }

    .variant-overview .add-to-wishlist-button:before {
      display: block;
      content: "\63";
      font-size: 20px;
      color: #8e8e8e;
      transition: all .2s ease;
    }

    .variant-overview .add-to-wishlist-button:hover {
      background-color: #eaeaea;
    }

.ui-tabs {
  margin: 0 0 20px;
}

  .ui-tabs .ui-tabs-nav {
    overflow: hidden;
    text-align: center;
  }

    .ui-tabs .ui-tabs-nav li {
      display: inline-block;
      margin: 0 15px;
    }

      .ui-tabs .ui-tabs-nav li a {
        display: inline-block;
        padding: 15px;
        font-size: 15px;
        letter-spacing: 1px;
        font-weight: 700;
        color: #8c8c8c;
        border-bottom: 2px solid transparent;
        text-transform: uppercase;
        transition: all .1s ease;
      }

        .ui-tabs .ui-tabs-nav li a:hover {
          color: var(--color-primary);
        }

      .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
      .ui-tabs .ui-state-active.ui-tabs-active a {
        color: var(--color-primary);
        border-bottom: 2px solid var(--color-primary);
      }

  .ui-tabs .ui-tabs-panel {
    background-color: #f6f6f6;
    padding: 40px 20px;
    margin: 0 -10px;
  }

  .ui-tabs .ui-tabs-hide {
    display: none;
  }



/********** ESTIMATE SHIPPING **********/



.estimate-shipping-popup {
  position: relative;
  max-width: 800px;
  margin: auto;
  background-color: #fff;
  padding: 25px;
  transform: scale(0.8);
  transition: all 0.2s ease;
  opacity: 0;
}

  .estimate-shipping-popup strong {
    visibility: hidden;
    font-weight: 300;
    text-transform: uppercase;
    color: #222;
  }

.mfp-ready .estimate-shipping-popup {
  transform: scale(1);
  opacity: 1;
}

.mfp-removing .estimate-shipping-popup {
  transform: scale(0.8);
  opacity: 0;
}

.estimate-shipping-popup-zoom-in.mfp-removing {
  transition: all 0.3s ease;
  opacity: 0;
}

.estimate-shipping-row {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  position: relative;
}

.estimate-shipping-row-item {
  flex: 0 1 100%;
}

.mfp-container .address-item {
  display: block;
  width: auto;
  margin: 10px 0 0 !important;
  border: none;
  padding: 0;
}

  .mfp-container .address-item + div {
    padding: 0 15px 0 0;
  }

.estimate-shipping-address-control {
  width: 100%;
}

select.estimate-shipping-address-control {
  padding: 0 20px 0 27px;
  background: #fff url(../Themes/Emporium/Content/img/select-arrow-dark.svg) no-repeat left 10px center;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.mfp-container .address-item .required {
  position: absolute;
  top: -6px;
  left: -9px;
}

.mfp-container .shipping-options {
  position: relative;
  /*preloader referrence*/
  margin: 10px 0 30px;
}

.mfp-container .shipping-header-item {
  align-self: flex-end;
  border: none !important;
  padding: 12px 5px !important;
  font-size: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mfp-container .shipping-options-body {
  display: table;
  table-layout: fixed;
  width: 100%;
  border: 1px solid #f0f0f0;
  border-collapse: collapse;
}

.mfp-container .shipping-option {
  display: table-row;
  font-size: 14px;
  cursor: pointer;
}

  .mfp-container .shipping-option.active {
    background-color: #f2f2f2;
  }

  .mfp-container .shipping-option > div {
    display: table-cell;
    border-top: 1px solid #f0f0f0;
    padding: 12px 11px 11px;
  }

.mfp-container .shipping-item {
  overflow: hidden;
  padding: 8px 0;
  overflow-wrap: break-word;
}

.estimate-shipping-row-item-radio {
  flex: 0 0 30px;
  width: 24px;
}

.estimate-shipping-radio {
  display: none;
}

  .estimate-shipping-radio:checked + label:before {
    margin: 0 !important;
    position: relative;
    bottom: 1px;
  }

  .estimate-shipping-radio:checked + label:after {
    display: none;
  }

.apply-shipping-button-container {
  text-align: center;
}

.mfp-container .apply-shipping-button {
  min-width: 120px;
  border: none;
  height: 45px;
  padding: 0 25px;
  border-radius: 3px;
  background-color: #eebe00;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  transition: all .2s ease;
}

  .mfp-container .apply-shipping-button:hover {
    background-color: #e8af00;
  }

.mfp-container .no-shipping-options {
  padding: 30px 15px;
  text-align: center;
}

.mfp-container .message-failure {
  margin: 10px 0 -5px;
}

@media all and (max-width: 600px) {

  .estimate-shipping-popup {
    padding: 25px 3%;
  }

  .mfp-container .shipping-address {
    flex-flow: column;
  }

  .mfp-container .address-item {
    width: 100%;
  }

    .mfp-container .address-item + div {
      padding: 0;
    }
}




/********** PRODUCT REVIEWS **********/




.product-reviews-page h1 a {
  font-style: italic;
  transition: all .1s ease;
}

  .product-reviews-page h1 a:hover {
    color: #8c8c8c;
  }

.write-review .title,
.comment-form-btn {
  position: relative;
  height: 45px;
  margin: 0 0 45px;
}

  .write-review .title strong,
  .comment-form-btn strong {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0 25px;
    height: 45px;
    max-width: 100%;
    border-radius: 3px;
    font-size: 14px;
    line-height: 45px;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #eebe00;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    transition: all .3s ease;
  }

    .write-review .title strong span,
    .comment-form-btn strong span {
      transition: all .1s ease;
    }

    .product-reviews-page .title strong:before,
    .comment-form-btn strong:before,
    .close-comment-form:before {
      display: inline-block;
      vertical-align: bottom;
      margin-left: 10px;
      font-size: 16px;
      text-transform: none;
      font-weight: normal;
      transition: all .1s ease;
    }

  .product-reviews-page .title .close-review-form,
  .comment-form-btn .close-comment-form {
    background-color: #e5e5e5;
    color: #8c8c8c;
    width: 0;
    max-width: 0;
    padding: 0;
    opacity: .4;
  }


    .product-reviews-page .title .close-review-form:before,
    .comment-form-btn .close-comment-form:before {
      content: "\76";
      color: #8c8c8c;
      font-size: 12px;
    }

.product-reviews-page .title .write-review-title:before {
  content: "\79";
  color: #fff;
  opacity: .6;
}

.product-reviews-page .title .close-review-form:hover {
  background-color: #eaeaea;
}

.product-reviews-page .title .write-review-title:hover {
  background-color: #e8af00;
}

.comment-form-btn .open-comment-form,
.product-reviews-page .title .write-review-title {
  transition: width .3s ease .3s, max-width .3s ease .3s, padding .3s ease .3s, opacity .3s ease .3s, background-color .2s ease 0s;
  opacity: 1;
}

.comment-form-btn.open .open-comment-form,
.product-reviews-page .title.open .write-review-title {
  width: 0;
  max-width: 0;
  padding: 0;
  opacity: .4;
  transition-delay: 0s;
}

.comment-form-btn .open-comment-form span,
.comment-form-btn .open-comment-form:before,
.product-reviews-page .title .write-review-title span,
.product-reviews-page .title .write-review-title:before {
  opacity: 1;
}

.comment-form-btn.open .open-comment-form span,
.comment-form-btn.open .open-comment-form:before,
.product-reviews-page .title.open .write-review-title span,
.product-reviews-page .title.open .write-review-title:before {
  opacity: 0;
}

.comment-form-btn.open .close-comment-form,
.product-reviews-page .title.open .close-review-form {
  width: auto;
  max-width: 280px;
  padding: 0 25px;
  opacity: 1;
  transition: width .3s ease .3s, max-width .3s ease .3s, padding .3s ease .3s, opacity .3s ease .3s, background-color .2s ease 0s;
}

.comment-form-btn .close-comment-form:before,
.comment-form-btn .close-comment-form span,
.product-reviews-page .title .close-review-form span,
.product-reviews-page .title .close-review-title:before {
  opacity: 0;
}

.comment-form-btn.open .close-comment-form:before,
.comment-form-btn.open .close-comment-form span,
.product-reviews-page .title.open .close-review-form span,
.product-reviews-page .title.open .close-review-title:before {
  opacity: 1;
}

.write-review {
  margin: 0 0 50px;
  text-align: center;
}

.write-review-collapse {
  display: none;
  padding: 20px;
  max-width: 740px;
  margin: 0 auto;
  border-radius: 3px;
  border: 1px solid #eeeeee;
  background-color: #fff;
}

.write-review .form-fields {
  margin: 0 0 15px;
}

.write-review .review-rating {
  text-align: center;
  margin-top: 20px;
}

  .write-review .review-rating > label {
    display: block;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 700;
  }

.review-rating .tooltip {
  position: relative;
}

  .review-rating .tooltip:hover .tooltiptext {
    opacity: 1;
  }

.review-rating .tooltiptext {
  position: absolute;
  bottom: 100%;
  margin-bottom: 10px;
  background: #e5e5e5;
  left: 50%;
  padding: 8px 15px;
  border-radius: 3px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-weight: normal;
  color: #444;
  opacity: 0;
  pointer-events: none;
  transition: all .2s ease;
}

  .review-rating .tooltiptext:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #e5e5e5;
    border-width: 8px;
    margin-left: -8px;
  }

.review-rating ul {
  font-size: 0;
  vertical-align: middle;
}

.rating-options {
  display: inline-block;
  overflow: hidden;
  font-size: 0;
}

.write-review .rating-options * {
  float: right;
}

.write-review .rating-options input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.write-review .rating-options label {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-position: 0 0;
  background-size: contain;
  font-size: 0;
  cursor: pointer;
}

  .write-review .rating-options label:before,
  .write-review .rating-options input[type="radio"]:checked + label:before {
    display: inline-block;
    content: "\e900";
    color: #ffcd46;
    font-size: 25px;
    border: none;
    background-color: transparent;
    box-shadow: none;
    margin: 0;
    width: 25px;
    height: 25px;
    line-height: 1;
    transition: all .2s ease;
  }

.write-review .rating-options:hover label:before {
  color: #ffcd46 !important;
}

.write-review .rating-options:hover label:hover:before,
.write-review .rating-options:hover input:checked ~ label:before,
.write-review .rating-options input:checked ~ label:hover:before {
  color: #ffcd46;
}

.write-review .rating-options label:hover ~ label:before {
  color: #e0e0e0 !important;
}

.write-review .rating-options:hover input:checked ~ label:hover ~ label:before,
.write-review .rating-options input:checked ~ label:hover ~ label:before,
.write-review .rating-options input:checked ~ label ~ label:before {
  color: #e0e0e0;
}

.write-review .rating-options input:checked + label:before {
  -webkit-animation: stars .7s linear;
  -moz-animation: stars .7s linear;
  animation: stars .7s linear;
}


.write-review .review-rating li.first {
  color: #ff4f60;
}

.write-review .product-review-links,
.write-review .product-review-box {
  margin: 0 0 15px;
}

  .write-review .product-review-links a {
    font-size: 16px;
    color: #8c8c8c;
    font-weight: 700;
    transition: all .1s ease;
  }

    .write-review .product-review-links a:hover {
      color: #444;
    }

.write-review .captcha-box {
  margin: 15px 0 0;
}

.write-review .button-1 {
  display: block;
  border: none;
  padding: 0 25px;
  height: 45px;
  width: 100%;
  border-radius: 3px;
  background-color: #eebe00;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  transition: all .2s ease;
}

  .write-review .button-1:hover {
    background-color: #e8af00;
  }

.product-reviews-page .result,
.product-reviews-page .message-error {
  margin: 0 0 20px;
}

.product-review-list {
  overflow: hidden;
  margin-bottom: 30px;
  border: 1px solid #e7e7e7;
  background-color: #fff;
  border-radius: 3px;
}

  .product-review-list:last-child {
    margin-bottom: 0;
  }

.product-review-item {
  border-bottom: 1px solid #e7e7e7;
  padding: 30px 20px;
  text-align: center;
  overflow: hidden;
}

  .product-review-item:last-child {
    border-bottom: 0;
  }

  .product-review-item .product-review-box {
    display: block;
    margin-bottom: 12px;
    margin: 0 0 5px;
  }

    .product-review-item .product-review-box .rating {
      margin: 0 auto;
    }

  .product-review-item .review-item-head {
    margin: 0 0 15px;
    text-align: center;
  }

  .product-review-item .review-title {
    font-size: 15px;
    font-weight: 400;
    color: #444;
  }

  .product-review-item .review-text {
    margin: 0 0 25px;
    font-size: 15px;
    color: #8c8c8c;
  }

.review-type-rating-ext .review-title {
  display: none;
}

.product-review-item .review-text:last-child {
  margin-bottom: 0;
}

.product-review-item .review-info {
  margin: 0 0 10px;
}

  .product-review-item .review-info .avatar {
    margin: 15px 0;
    font-size: 0;
  }

    .product-review-item .review-info .avatar a {
      display: block;
      font-size: 0;
      line-height: normal;
    }

  .product-review-item .review-info a,
  .product-review-item .review-info span span {
    display: inline-block;
    font-weight: 300;
    font-size: 17px;
    line-height: 18px;
    color: #8c8c8c;
    transition: all .1s ease;
  }

  .product-review-item .review-info .user,
  .product-review-item .review-info .user a {
    font-size: 17px;
    color: #8c8c8c;
  }

.product-review-helpfulness {
  margin-top: 30px;
}

.product-review-item .review-info a:hover {
  color: #444;
}

.product-review-item .review-info span span {
  font-size: 14px;
}

.product-review-item .review-info span {
  display: block;
  vertical-align: middle;
  line-height: 18px;
}

.product-review-item .review-info .separator {
  margin: 0 5px;
  font-size: 18px;
  font-weight: 300;
  visibility: hidden;
}

.product-review-item .review-info span label {
  display: none;
}

.product-review-helpfulness > span {
  display: block;
  margin-top: 10px;
  font-size: 15px;
  color: #8c8c8c;
}


  .product-review-helpfulness > span:first-child {
    margin-top: 0;
  }

.vote-stats > span {
  display: inline-block;
  margin: 0 3px;
}

.product-review-helpfulness .vote {
  display: inline-block;
  padding: 5px 5px 0 5px;
  font-size: 0;
  cursor: pointer;
}

  .product-review-helpfulness .vote:before {
    display: block;
    font-size: 20px;
    color: #8c8c8c;
    transition: all .2s ease;
  }

  .product-review-helpfulness .vote:hover:before {
    color: var(--color-primary);
  }

  .product-review-helpfulness .vote:first-child:before {
    content: "\46";
  }

  .product-review-helpfulness .vote:last-child:before {
    content: "\47";
  }

  .product-review-helpfulness .vote:first-child:hover:before {
    content: "\e902";
  }

  .product-review-helpfulness .vote:last-child:hover:before {
    content: "\e901";
  }

.product-review-helpfulness .result {
  margin: 0 10px 0 0;
}

.product-review-item .reply {
  margin: 30px 0 0;
  padding: 15px;
  border-radius: 3px;
  background-color: #f6f6f6;
}

.product-review-item .reply-header {
  margin: 0 0 10px;
  font-weight: 700;
  font-size: 15px;
  color: #444;
}

.product-review-item .reply-text {
  font-size: 14px;
}


/********** WISHLIST & COMPARE LIST **********/



.wishlist-content {
  margin: 0 0 20px;
}

  .wishlist-content > .message-error {
    margin: 0 0 20px !important;
    text-align: center;
  }

  .wishlist-content .tax-shipping-info {
    margin: 0 0 30px;
    font-size: 15px;
    color: #444;
  }

  .wishlist-content .cart {
    margin-bottom: 30px;
  }

  .wishlist-content .buttons {
    font-size: 0;
  }

  .wishlist-content .button-2 {
    position: relative;
    display: block;
    border: none;
    height: 45px;
    width: 255px;
    line-height: 45px;
    padding: 0 20px;
    margin: 0 auto 7px;
    background-color: #f1f1f1;
    border-radius: 3px;
    font-size: 14px;
    text-transform: uppercase;
    color: #8c8c8c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .1s ease;
  }

    .wishlist-content .button-2:hover {
      background-color: #eaeaea;
    }

  .wishlist-content .wishlist-add-to-cart-button:before {
    content: "\64";
  }

.update-wishlist-button,
.email-a-friend-wishlist-button {
  position: relative;
  overflow: hidden;
}

  .update-wishlist-button span,
  .email-a-friend-wishlist-button span {
    position: relative;
    z-index: 1;
  }

  .update-wishlist-button:before {
    content: "\59";
  }

  .update-wishlist-button:hover:before {
    -webkit-animation: updating 1s linear infinite;
    -moz-animation: updating 1s linear infinite;
    animation: updating 1s linear infinite;
  }

  .update-wishlist-button:hover::after {
    height: 100%;
    opacity: .6;
    transition: all .5s ease-in;
  }

  .email-a-friend-wishlist-button:before {
    content: "\6d";
  }

  .email-a-friend-wishlist-button:hover:before {
    -webkit-animation: emailing .2s linear;
    -moz-animation: emailing .2s linear;
    animation: emailing .2s linear;
  }


.wishlist-page .share-info {
  margin: 70px -10px 50px;
  background-color: #f9f9f9;
  padding: 30px 20px;
}

.wishlist-page .share-label {
  display: block;
  margin-bottom: 10px;
  font-size: 15px;
  color: #8c8c8c;
}

.wishlist-page .share-info a {
  display: block;
  font-size: 15px;
  color: var(--color-primary);
}

.compare-products-page .page-body {
  text-align: center;
}

.compare-products-page .clear-list {
  position: relative;
  display: inline-block;
  padding: 0 25px;
  margin: 0 0 8px;
  font-weight: 700;
  border-radius: 3px;
  color: #8c8c8c;
  background-color: #f6f6f6;
  font-size: 13px;
  height: 45px;
  line-height: 45px;
  text-transform: uppercase;
  overflow: hidden;
  transition: all .2s ease;
}

  .compare-products-page .clear-list span {
    position: relative;
    z-index: 1;
  }

  .compare-products-page .clear-list:before {
    content: "\5a";
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 10px;
    font-size: 20px;
    color: #8c8c8c;
    text-transform: none;
    font-weight: normal;
    transition: all .2s ease !important;
    z-index: 1;
  }

  .compare-products-page .clear-list:hover:before {
    -webkit-animation: swiping 0.82s cubic-bezier(0.035, 0.225, 0.885, 0.290) both;
    -moz-animation: swiping 0.82s cubic-bezier(0.035, 0.225, 0.885, 0.290) both;
    animation: swiping 0.82s cubic-bezier(0.035, 0.225, 0.885, 0.290) both;
  }

.compare-products-table {
  display: none;
}

.compare-products-mobile {
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  margin: 0 -10px;
}

  .compare-products-mobile .compare-section > ul {
    padding: 17px 10px;
    text-align: right;
    overflow: hidden;
  }

  .compare-products-mobile .product {
    overflow: hidden;
  }

    .compare-products-mobile .product .item {
      position: relative;
    }

  .compare-products-mobile .product-name {
    padding-left: 40px;
    font-size: 15px;
    color: #444;
    font-weight: 700;
  }

  .compare-products-mobile .item {
    padding: 3px 10px;
  }

    .compare-products-mobile .item .picture,
    .compare-products-mobile .item img {
      display: inline-block;
      vertical-align: middle;
      margin-left: 10px;
      max-width: 50px;
    }

    .compare-products-mobile .item .details,
    .compare-products-mobile .item > span,
    .compare-products-mobile .item > p {
      display: inline-block;
      vertical-align: middle;
      max-width: calc(100% - 63px);
      font-size: 15px;
      font-weight: 400;
      color: #8c8c8c;
    }

    .compare-products-mobile .item p {
      vertical-align: top;
      margin-bottom: 20px
    }


  .compare-products-mobile .title {
    padding: 15px 20px;
    font-size: 17px;
    color: #8c8c8c;
    font-weight: 300;
    background-color: #f6f6f6;
  }

.compare-section.product .title {
  display: none;
}

.compare-products-page .remove-button {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 3px;
  background-color: #f1f1f1;
  text-align: center;
  font-size: 0;
  border: none;
  transition: all .1s ease;
}

  .compare-products-page .remove-button:hover {
    background-color: #e9e9e9;
  }

  .compare-products-page .remove-button:before {
    content: "\4d";
    display: block;
    color: #8c8c8c;
    font-size: 16px;
  }

.compare-products-mobile .remove-button {
  position: absolute;
  top: 8px;
  left: 5px;
  right: auto;
}

.compare-products-mobile .price .item span {
  font-size: 17px;
  font-weight: 700;
  color: var(--color-primary);
}

.compare-products-page .attribute-squares {
  display: inline-block;
  vertical-align: middle;
}

.compare-products-page .attribute-square {
  margin: 0 auto;
}


/*********** TOPICS ***********/



.topic-block {
  margin: 0 auto 30px;
  padding: 0 10px;
  text-align: center;
  /*	max-width: 1000px;*/
}

.home-page .topic-block {
  margin: 0 0 30px;
}

.topic-block-title {
  margin: 0 0 20px;
}

  .topic-block-title h1 {
    font-weight: 700;
    color: #444;
  }

  .topic-block-title h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 50px;
    color: #222222;
  }

.topic-block-body p {
  line-height: 1.5;
  font-size: 16px;
  color: #8c8c8c;
  font-weight: 400;
}

.topic-block-body li {
  font-size: 15px;
  color: #8c8c8c;
  line-height: 2;
}

.topic-block a,
.topic-page a {
  text-decoration: underline;
}

.topic-page .page-body {
  line-height: 20px;
  max-width: 1194px;
  margin: 0 auto;
}

.topic-page ul,
.topic-page ol {
  font-size: 15px;
  line-height: 1.5;
  color: #8c8c8c;
}


.home-page .topic-block {
  margin: 0 auto 50px;
  text-align: center;
}

.home-page .topic-block-title h2 {
  font-size: 28px;
  color: #444444;
}

.home-page .topic-block-body {
  padding: 0 10px;
}

.popup-window .topic-page {
  padding: 15px;
}

.not-found-page p {
  margin: 30px 0;
}

.topic-password {
  text-align: center;
}

.enter-password-title {
  margin: 0 0 20px;
  color: #8c8c8c;
  font-size: 15px;
}

.enter-password-form {
  display: inline-block;
  overflow: hidden;
}

  .enter-password-form input[type="password"] {
    float: right;
    width: calc(100% - 100px);
    height: 36px;
    border-radius: 0 3px 3px 0;
  }

  .enter-password-form button {
    float: right;
    width: 100px;
    height: 36px;
    border: none;
    border-radius: 3px 0 0 3px;
    padding: 0 20px;
  }

.password-error {
  margin: 0 0 10px;
}


/*********** CONTACT & EMAIL A FRIEND ***********/



.contact-page .form-fields,
.email-a-friend-page .form-fields,
.apply-vendor-page .form-fields {
  margin: 0 0 15px;
}

.contact-page .message-error,
.email-a-friend-page .message-error,
.apply-vendor-page .message-error {
  margin: 0 0 10px;
}

.contact-page .topic-block {
  margin-bottom: 40px;
}

.email-a-friend-page .title {
  margin: 0 0 30px;
  font-size: 16px;
}

  .email-a-friend-page .title h2 {
    font-size: 16px;
    font-weight: 300;
  }

  .email-a-friend-page .title a {
    color: var(--color-primary);
  }

.apply-vendor-page .terms-of-service {
  margin: 30px 0;
}

.bb-code-editor-wrapper {
  margin-bottom: 5px;
}


/********** REGISTRATION, LOGIN, ACCOUNT PAGES  **********/



.login-page .title strong,
.registration-page .title strong {
  font-weight: 300;
  color: #8c8c8c;
}

.registration-page .page-title + .message-error {
  margin-bottom: 30px;
}

.gender {
  font-size: 0;
}

  .gender span:first-child {
    display: inline-block;
    margin-left: 40px;
  }

  .gender label {
    display: inline-block;
    padding: 8px 0;
    width: auto !important;
    cursor: pointer;
    font-weight: 300;
  }

  .gender input:checked + label {
    color: #444;
  }

.date-picker-wrapper {
  width: 100%;
}

.date-of-birth .date-picker-wrapper select {
  border-radius: 0;
  padding: 0 10px 0 25px;
  width: 46%;
  background: #fff url(../Themes/Emporium/Content/img/select-arrow-dark.svg) no-repeat left 10px center;
}

  .date-of-birth .date-picker-wrapper select:first-child {
    border-radius: 0 3px 3px 0;
    width: 27%;
  }

  .date-of-birth .date-picker-wrapper select:last-child {
    border-radius: 3px 0 0 3px;
    width: 27%;
  }

.date-of-birth select + select {
  margin: 0 -1px 0 0;
}

#check-availability-button {
  display: block;
  border: none;
  border-radius: 3px;
  vertical-align: top;
  background-color: #f1f1f1;
  color: #8c8c8c;
  text-transform: uppercase;
  padding: 0 20px;
  margin: 10px auto 0;
  height: 45px;
  font-size: 13px;
  font-weight: 700;
  transition: all .1s ease;
}

  #check-availability-button:hover {
    background-color: #eaeaea;
  }

#username-availabilty {
  display: block;
  margin: 5px 0 0;
  text-align: center;
  font-size: 13px;
}

  #username-availabilty:empty {
    display: none;
  }

.login-page .forgot-password {
  font-size: 13px !important;
  font-weight: 700 !important;
}

.vat-status,
.vat-note {
  display: block;
  margin: 5px 0 0;
  text-align: center;
  font-size: 12px;
  /*reset zeroing*/
  white-space: normal;
}

.inputs.accept-consent {
  margin: 0 0 20px;
  text-align: center;
}

  .inputs.accept-consent .read {
    font-size: 15px;
    color: var(--color-primary);
    cursor: pointer;
    transition: all .1s ease;
  }

.center-2 .product-list .item-box .buttons .button-2:hover {
  background-color: #e8af00;
}

.email-a-friend-page .button-1:only-child,
.contact-page .buttons .button-1:only-child,
.forum-edit-page .button-1:only-child,
.registration-page .button-1:only-child,
.apply-vendor-page .button-1:only-child {
  width: 100%;
}

.forum-edit-page .buttons,
.private-message-send-page .buttons,
.move-topic-page .buttons {
  font-size: 0;
}

  .forum-edit-page .buttons button,
  .private-message-send-page .buttons button,
  .move-topic-page .buttons button {
    width: 49%;
    margin: 0 2% 0 0;
  }

    .forum-edit-page .buttons button:nth-child(2n+1),
    .private-message-send-page .buttons button:nth-child(2n+1),
    .move-topic-page .buttons button:nth-child(2n+1) {
      margin-right: 0;
    }

.account-page .button-1,
.return-request-page .button-1,
.user-agreement-page .button-1 {
  width: auto;
  min-width: 125px;
}

.account-page .save-customer-info-button {
  min-width: 100px !important;
}

.registration-result-page .result {
  margin: 0 0 30px;
  color: #8c8c8c;
}

.login-page .in-header-register {
  display: none;
}

.page.login-page {
  text-align: center;
}

.login-page .page-title,
.registration-page .page-title {
  text-align: center;
}

.login-page .customer-blocks {
  margin: 0 0 50px;
}

  .login-page .customer-blocks:after {
    content: "";
    display: block;
    clear: both;
  }

  .login-page .customer-blocks + .topic-block {
    margin-bottom: 50px;
  }

.login-page .new-wrapper,
.login-page .returning-wrapper form,
.registration-page .page-body,
.email-a-friend-page .page-body form,
.password-recovery-page .page-body,
.private-message-send-page .page-body,
.contact-page .page-body form,
.apply-vendor-page .page-body form,
.forum-edit-page .page-body,
.form-style,
.move-topic-page .page-body {
  max-width: 600px;
  margin: 0 auto 30px;
  border: 1px solid #eee;
  border-radius: 3px;
}

.registration-page .page-body,
.email-a-friend-page .page-body form,
.contact-page .page-body form,
.apply-vendor-page .page-body form,
.forum-edit-page .page-body,
.password-recovery-page .page-body,
.private-message-send-page .page-body,
.move-topic-page .page-body {
  max-width: none;
  margin-bottom: 0;
}

.registration-page,
.email-a-friend-page,
.contact-page,
.apply-vendor-page,
.forum-edit-page,
.password-recovery-page,
.private-message-send-page,
.move-topic-page {
  max-width: 800px;
  margin: 0 auto;
}

  .email-a-friend-page .page-body form,
  .contact-page .page-body form,
  .apply-vendor-page .page-body form,
  .forum-edit-page .page-body,
  .form-style,
  .password-recovery-page .page-body,
  .private-message-send-page .page-body,
  .move-topic-page .page-body {
    padding: 40px 20px;
  }

  .login-page .title,
  .registration-page .title {
    margin: 0;
    padding: 18px;
    font-size: 18px;
    color: #8c8c8c;
    background-color: #f9f9f9;
    border-radius: 3px 3px 0 0;
    text-align: center;
  }


.login-page .topic-block-title h2 {
  color: #444;
}

.title + .message-error {
  margin: 20px 20px 0;
}

.login-page .title strong {
  font-weight: 300;
}

.login-page .text {
  padding: 30px 20px 20px;
  font-size: 16px;
  line-height: 1.8;
  font-weight: 400;
  color: #8c8c8c;
}

.new-wrapper .text:before {
  content: "\79";
  display: block;
  margin-bottom: 15px;
  font-size: 55px;
  line-height: initial;
  color: #c6c6c6;
}

.returning-wrapper .form-fields,
.registration-page .form-fields {
  padding: 30px 20px 20px;
}

label[for="Newsletter"],
.inputs.accept-consent label {
  color: #444 !important;
}

.login-page .buttons,
.registration-page .buttons {
  padding: 10px 20px 20px;
}

.login-page .inputs.reversed label,
.login-page .inputs.reversed span {
  margin: 0;
  width: auto;
  font-size: 13px;
  /*reset zeroing*/
  color: #8c8c8c;
  font-weight: 400;
}

.login-page .inputs.reversed label {
  float: right;
  clear: none;
}

.login-page .inputs.reversed span {
  float: left;
  clear: none;
}

.login-page .inputs.reversed a:hover {
  color: #444;
}

.login-page .inputs.reversed input[type="checkbox"] + label:before {
  vertical-align: bottom;
}

.login-page .returning-wrapper .external-authentication {
  clear: both;
}

.login-page .external-authentication > * {
  margin: 30px -10px 0;
  padding: 30px 0;
  width: calc(100% + 20px);
  background-color: #f9f9f9;
  text-align: center;
}

.login-page .external-authentication .buttons {
  margin: 0;
  padding: 0;
}

.external-authentication .title {
  display: none;
}

.password-recovery-page .tooltip {
  margin: 0 0 20px;
  font-size: 15px;
  color: #8c8c8c;
  line-height: 1.5;
}

.password-recovery-page .result {
  margin: 0 0 5px;
  font-weight: bold;
}

.select-navigation {
  padding: 20px;
  background-color: #f6f6f6;
  text-align: center;
}

  .select-navigation select {
    background-color: #fff;
    width: 300px;
  }

.html-account-page .side-2 {
  margin-bottom: 3px;
}

.html-account-page .master-wrapper-content {
  padding: 40px 0 0;
}

.account-page {
  padding: 40px 10px;
  background-color: #f6f6f6;
}

  .account-page .data-table {
    text-align: center;
  }

  .account-page .fieldset {
    margin-bottom: 40px;
  }

.registration-page .fieldset {
  margin-bottom: 20px;
}

.account-page .section > .title,
.reward-points-overview,
.forum-subscriptions-page .description {
  text-align: center;
}

.account-page .title {
  margin-bottom: 20px;
  font-size: 18px;
  color: #8c8c8c;
  text-align: center;
}

  .account-page .title strong {
    font-size: 18px;
    color: #8c8c8c;
    font-weight: 300;
  }

.customer-info-page .page-body,
.change-password-page .page-body,
.check-gift-card-balance-page .page-body,
.avatar-page .page-body,
.address-edit-page .page-body,
.vendorinfo-page .page-body {
  padding: 20px;
  max-width: 740px;
  margin: 0 auto;
  border-radius: 3px;
  border: 1px solid #eeeeee;
  background-color: #fff;
}

.account-page .inputs {
  text-align: right;
}

.account-page .button-2 {
  border: none;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  border-radius: 3px;
  vertical-align: top;
  background-color: #f1f1f1;
  font-size: 13px;
  color: #8c8c8c;
  text-transform: uppercase;
  font-weight: 700;
  transition: all .1s ease;
}

  .account-page .button-2:hover {
    background-color: #eaeaea;
  }

  .account-page .button-2.return-items-button {
    display: block;
    width: auto;
    height: auto;
    margin: 20px auto 0;
    padding: 0;
    background-color: transparent;
    transition: all .2s ease;
  }

    .account-page .button-2.return-items-button:before {
      content: "\4f";
      display: inline-block;
      vertical-align: bottom;
      margin-left: 10px;
      font-size: 14px;
      color: #8c8c8c;
      text-transform: none;
      font-weight: normal;
      transition: all .2s ease;
    }

    .account-page .button-2.return-items-button:hover,
    .account-page .button-2.return-items-button:hover:before {
      color: var(--color-primary);
    }

.account-page .edit-address {
  margin: 0 0 20px;
}

.account-page .description,
.reward-points-overview,
.result {
  margin-bottom: 20px;
  line-height: 1.5;
  font-size: 17px;
  color: #8c8c8c;
  font-weight: 300;
  text-align: center;
}

.result {
  text-align: center;
}

.html-account-page .multi-factor-authentication-page .page-title {
  padding: 0 0 0 0;
}

.multi-factor-authentication-page .page-body {
  width: 90%;
  margin: 0 auto;
}

  .multi-factor-authentication-page .page-body .description {
    text-align: right;
    line-height: 26px;
  }

.multi-factor-authentication-page .form-fields {
  position: relative;
  padding: 30px 15px;
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #eeeeee;
}

.multi-factor-authentication-page .fieldset {
  padding: 20px 0px 0px 0px;
}

.account-page.multi-factor-authentication-page .buttons {
  text-align: center;
  margin: 40px auto 10px;
}

.multi-factor-authentication-page .payment-method .method-list li {
  padding: 0;
}

.multi-factor-authentication-page .payment-method .payment-logo {
  text-align: center;
}

.multi-factor-authentication-config-page table {
  margin: 20px 0px;
}

.multi-factor-authentication-config-page .buttons {
  margin-top: 20px;
}

.account-page.multi-factor-authentication-page .payment-method .method-list input[type="radio"] + label:before {
  position: initial;
  left: 0;
  top: 0;
  margin-top: 2px;
  transform: none;
}

.account-page.multi-factor-authentication-page .payment-method .method-list li {
  max-width: 740px;
  padding: 30px 65px;
}

.address-item,
.add-button,
.order-item,
.request-item {
  padding: 40px 20px;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 3px;
  vertical-align: top;
}

  .add-button:before {
    display: block;
    margin-bottom: 40px;
    content: "\55";
    font-size: 100px;
    color: #8e8e8e;
  }

  .address-item .title,
  .order-item .title,
  .request-item .title {
    margin-bottom: 12px;
    color: #444;
  }

    .address-item .title strong,
    .order-item .title strong,
    .request-item .title strong {
      font-weight: 700;
      color: #444;
      font-size: 18px;
    }

.email-to-revalidate,
.email-to-revalidate-note {
  display: inline-block;
  margin: 10px 5px;
  vertical-align: top;
  font-size: 12px;
  /*reset zeroing*/
  white-space: normal;
}

.address-item .info,
.order-item .info {
  margin: 0 0 30px;
}

  .address-item .info span,
  .order-item .info span {
    display: inline-block;
  }

.address-item li,
.order-item li,
.request-item li {
  margin-bottom: 3px;
  font-size: 16px;
  color: #959595;
  line-height: 1.3;
}

  .address-item li label,
  .address-item li a,
  .address-item li span,
  .order-item li label,
  .order-item li a,
  .order-item li span,
  .request-item li label,
  .request-item li a,
  .request-item li span {
    display: inline-block;
  }

.address-list-page .info li > label,
.order-list-page .info li > label {
  display: none;
}

.address-item .name,
.address-item .email {
  font-weight: 700;
  font-size: 16px;
  color: #444;
}

.address-item .email {
  margin-bottom: 10px;
}

.button-2.edit-address-button,
.button-2.delete-address-button {
  border: none;
  border-radius: 3px;
  width: 40px;
  height: 40px;
  margin: 0 2px;
  background-color: #f1f1f1;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 0;
}

.button-2.edit-address-button {
  background-image: url('../Themes/Emporium/Content/img/edit-icon.png');
}

.button-2.delete-address-button {
  background-image: url('../Themes/Emporium/Content/img/delete-icon.png');
}

.return-request-list-page a {
  font-weight: bold;
  color: #444;
}

.return-request-list-page .comments {
  margin: 15px 0 0;
}

.user-agreement-page .terms-of-agreement {
  margin: 0 0 20px;
  text-align: center;
}

.reward-points-overview {
  margin: 0 0 15px;
}

.avatar-page .message-error {
  margin: 0 0 10px;
}

.avatar-page .fieldset {
  margin: 0 auto 30px;
  text-align: center;
}

.avatar-page .image {
  margin: 0 0 10px;
}

.account-page .button-1 {
  height: 40px;
  line-height: 40px;
  font-size: 13px;
  font-weight: 700;
}

.avatar-page .info {
  margin: 0 0 30px;
  font-size: 15px;
  color: #959595;
  text-align: center;
}

.account-page.avatar-page .buttons {
  text-align: center;
}

.avatar-page .upload-image {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

  .avatar-page .upload-image + label {
    display: inline-block;
    cursor: pointer;
  }

  .avatar-page .upload-image.valid + label {
    background-color: var(--color-primary);
    color: #fff;
  }

    .avatar-page .upload-image.valid + label:hover {
      background-color: #5c7600;
    }

    .avatar-page .upload-image.valid + label:before {
      content: "\30";
      display: inline-block;
      vertical-align: middle;
      margin-left: 10px;
      color: #fff;
      text-transform: lowercase;
      font-size: 13px;
    }

  .avatar-page .upload-image:focus + label,
  .avatar-page .upload-image + label:hover {
    background-color: #eaeaea;
  }

.vendorinfo-page .vendor-picture {
  margin: 10px 0 0;
  text-align: center;
}

  .vendorinfo-page .vendor-picture img {
    display: block;
    margin: 0 auto 10px;
  }

.reward-points-history {
  margin-bottom: 0;
}


.gdpr-tools-page .form-fields + .buttons {
  margin-top: 30px;
}

.check-gift-card-balance-page .captcha-box {
  margin-bottom: 25px;
}

/********** SHOPPING CART **********/



.order-progress {
  margin: 0 0 40px;
  text-align: center;
}

  .order-progress ul {
    font-size: 0;
  }

  .order-progress li {
    display: inline-block;
  }

  .order-progress a {
    position: relative;
    width: 50px;
    height: 50px;
    display: block;
    font-size: 0;
    /*reset zeroing*/
  }

    .order-progress a:before {
      content: "";
      position: absolute;
      display: block;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 15px;
      height: 15px;
      background-color: #eee;
      border-radius: 50%;
      border: 0;
      color: #fff;
      box-shadow: none;
      z-index: 1;
      transition: all .5s ease 0s, color .4s ease .4s;
    }

  .order-progress .active-step.last a:before {
    content: "\64";
    font-size: 20px;
    text-indent: -2px;
    background-color: #fff;
    width: 50px;
    height: 50px;
    color: #8e8e8e;
    line-height: 43px;
    text-align: center;
    font-weight: normal;
    text-transform: none;
    border: 3px solid var(--color-primary);
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
  }

  .order-progress a:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    top: 50%;
    left: auto;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 3px;
    background-color: #eee;
    z-index: 0;
  }

  .order-progress li:first-child a:after,
  .order-progress li:last-child a:after {
    width: 50%;
  }

  .order-progress li:first-child a:after {
    left: 0;
    right: auto;
  }

  .order-progress .active-step a {
    cursor: pointer;
  }

  .order-progress .active-step:not(.last) a:hover:before {
    background-color: var(--color-primary);
    width: 20px;
    height: 20px;
    transition: all .3s ease;
  }

  .order-progress li.inactive-step a {
    cursor: default;
  }

.checkout-buttons .button-1 {
  width: 100%;
  font-size: 15px;
}

.no-data {
  text-align: center;
  font-size: 15px;
  color: #8c8c8c;
}

.shopping-cart-page .common-buttons button,
.shopping-cart-page .estimate-shipping-button,
.shopping-cart-page .cart-collaterals .button-2,
.checkout-page .button-2,
.order-details-page .page-title a,
.order-details-page .repost .button-2 {
  display: inline-block;
  border: none;
  height: 45px;
  line-height: 45px;
  padding: 0 25px;
  margin: 0 2px;
  background-color: #f1f1f1;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #8c8c8c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all .1s ease;
}

  .shopping-cart-page .common-buttons button:hover,
  .shopping-cart-page .estimate-shipping-button:hover,
  .shopping-cart-page .cart-collaterals .button-2:hover,
  .checkout-page .button-2:hover,
  .order-details-page .page-title a:hover,
  .order-details-page .repost .button-2:hover {
    background-color: #eaeaea;
  }

.shopping-cart-page .common-buttons {
  margin-bottom: 50px;
  font-size: 0;
}

  .shopping-cart-page .common-buttons button,
  .shopping-cart-page .estimate-shipping-button {
    position: relative;
    display: block;
    margin: 0 auto 7px;
    padding: 0 20px;
    width: 255px;
  }

    .shopping-cart-page .common-buttons button:before,
    .shopping-cart-page .estimate-shipping-button:before,
    .wishlist-content .button-2:before {
      position: relative;
      display: inline-block;
      vertical-align: bottom;
      margin-left: 10px;
      font-size: 20px;
      color: #8c8c8c;
      font-weight: normal;
      text-transform: none;
      transition: all .2s ease !important;
      z-index: 1;
    }

    .shopping-cart-page .estimate-shipping-button:before {
      content: '\e66d';
    }

.shopping-cart-page .continue-shopping-button:before {
  content: "\64";
}

.update-cart-button:before {
  content: "\59";
}

.clear-cart-button:before {
  content: "\5a";
}

.clear-cart-button:hover:before {
  -webkit-animation: swiping 0.82s cubic-bezier(0.035, 0.225, 0.885, 0.290) both;
  -moz-animation: swiping 0.82s cubic-bezier(0.035, 0.225, 0.885, 0.290) both;
  animation: swiping 0.82s cubic-bezier(0.035, 0.225, 0.885, 0.290) both;
}

.clear-cart-button span,
.update-cart-button span {
  position: relative;
  z-index: 1;
}

.update-cart-button:hover:before {
  -webkit-animation: updating 1s linear infinite;
  -moz-animation: updating 1s linear infinite;
  animation: updating 1s linear infinite;
}

.shopping-cart-page .tax-shipping-info {
  margin: 0 0 30px;
  font-size: 14px;
  color: #444;
}

.shopping-cart-page .product-grid {
  clear: both;
  float: right;
  width: 100%;
  margin: 70px 0 0;
}

.remove-discount-button,
.remove-gift-card-button {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  margin: 0 5px 0 0;
  border: none;
  background: #f1f1f1 url('../Themes/Emporium/Content/img/close.png') center no-repeat;
  cursor: pointer;
}

  .remove-discount-button:hover,
  .remove-gift-card-button:hover {
    background-color: #e9e9e9;
  }

.shopping-cart-page .message-error {
  margin: 0 0 20px !important;
  font-size: 13px;
}

.shopping-cart-page .order-summary-content > .message-error {
  text-align: center;
}

.cart-options {
  margin: 0;
  text-align: center;
}

  .cart-options > *:last-child {
    margin-bottom: 2px;
  }

  .cart-options .common-buttons {
    font-size: 0;
  }

    .cart-options .common-buttons button {
      min-width: 150px;
      margin: 0 5px 5px;
    }

  .cart-options .checkout-attributes {
    text-align: right;
  }

    .cart-options .checkout-attributes dl {
      max-width: 400px;
      margin: 0 auto;
    }

    .cart-options .checkout-attributes dt {
      margin: 0 0 5px;
      font-weight: bold;
    }

    .cart-options .checkout-attributes dd {
      margin: 0 0 15px;
    }

    .cart-options .checkout-attributes li {
      line-height: 24px;
    }

.section.options {
  margin-bottom: 3px;
}

.checkout-attributes,
.selected-checkout-attributes {
  padding: 30px 20px;
  margin: 20px 0 0;
  border-radius: 3px;
  background-color: #f6f6f6;
  font-size: 15px;
  color: #444;
}

.cart-footer:after {
  content: "";
  display: block;
  clear: both;
}

.cart-footer .total-info {
  margin: 0 0 30px;
}

  .cart-footer .total-info:only-child {
    margin: 0;
  }

.totals {
  border-radius: 3px;
  padding: 50px 20px;
  background-color: #f6f6f6;
}

  .totals > div {
    max-width: 400px;
    margin-left: auto !important;
    margin-right: auto !important;
  }


.cart-total td {
  width: 50%;
  padding: 7px 5px;
  font-size: 16px;
  color: #444;
  font-weight: 400;
}

  .cart-total td span {
    display: inline-block;
  }

  .cart-total td label {
    display: inline-block;
    font-size: 16px;
    color: #444;
    font-weight: 400;
  }

.order-total td label,
.order-total td span {
  font-size: 22px;
  color: var(--color-primary);
  font-weight: 700;
}

.cart-total-left {
  text-align: right;
}

.cart-total-right {
  text-align: left;
}

.cart-total .order-total {
  font-size: 16px;
  color: var(--color-primary);
}

.terms-of-service {
  margin: 0 0 30px;
  text-align: center;
}

  .terms-of-service input[type="checkbox"] + label {
    display: inline;
    cursor: pointer;
    font-weight: 400;
    font-size: 16px;
  }

    .terms-of-service input[type="checkbox"] + label:before {
      vertical-align: middle;
    }

  .terms-of-service .read {
    display: inline-block;
    margin: 0 3px 0 0;
    font-size: 15px;
    font-weight: 400;
    cursor: pointer;
    color: var(--color-primary);
  }

    .terms-of-service .read:hover {
      color: #7c9a16;
    }

.cart-footer .addon-buttons > img:first-child,
.cart-footer .addon-buttons > p:first-child {
  margin: 20px 0 0;
}

.cart-collaterals {
  max-width: 100%;
  margin: 0 auto 30px;
}

  .cart-collaterals > div {
    border: 1px solid #eee;
    border-radius: 3px;
    margin: 0 0 10px;
    overflow: hidden;
  }

    .cart-collaterals > div > .title {
      position: relative;
      display: block;
      height: 60px;
      padding: 0 20px 0 20px;
      margin: 0;
      line-height: 60px;
      color: #444;
      font-size: 18px;
      font-weight: 300;
      text-align: center;
      background-color: #f6f6f6;
      border-radius: 3px 3px 0 0;
      cursor: pointer;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      transition: all .1s ease;
    }

      .cart-collaterals > div > .title a {
        display: block;
        margin: 0 -20px;
        padding: 0 20px;
      }

      .cart-collaterals > div > .title:hover {
        color: var(--color-primary);
      }

      .cart-collaterals > div > .title:before {
        content: "\57";
        position: absolute;
        display: inline-block;
        top: 50%;
        right: 20px;
        left: auto;
        font-size: 10px;
        color: var(--color-primary);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        text-transform: none;
        transition: all .3s ease;
      }

  .cart-collaterals .deals .title.open:before {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
  }

  .cart-collaterals > div > .list {
    display: none;
    padding: 30px 20px;
  }

  .cart-collaterals .title {
    margin: 0 0 10px;
    font-size: 18px;
    color: #444;
  }

  .cart-collaterals .hint {
    margin: 0 0 20px;
    font-size: 15px;
    color: #8c8c8c;
  }

  .cart-collaterals .coupon-code {
    overflow: hidden;
    font-size: 0;
  }

    .cart-collaterals .coupon-code input[type="text"],
    .cart-collaterals .coupon-code input[type="email"],
    .cart-collaterals .coupon-code input[type="tel"] {
      float: right;
      width: calc(100% - 105px);
    }

    .cart-collaterals .coupon-code button {
      float: right;
      width: 100px;
      padding: 0 15px;
      height: 45px;
      margin: 0 5px 0 0;
      border-radius: 3px;
    }

  .cart-collaterals .message-failure {
    margin: 5px 0 0;
    color: #ff4f60;
    font-size: 13px;
    font-weight: 700
  }

  .cart-collaterals .message-success {
    margin: 5px 0 0;
    color: var(--color-primary);
    font-size: 13px;
    font-weight: 700
  }

  .cart-collaterals .current-code {
    margin: 7px 0 0;
    color: #444;
    font-size: 14px;
  }

.coupon-code + .current-code {
  margin-top: 10px;
}

.cart-collaterals .shipping-results {
  margin: 30px 0 0;
}

  .cart-collaterals .shipping-results li {
    margin: 10px 0 0;
    font-size: 14px;
    color: #8c8c8c;
  }

    .cart-collaterals .shipping-results li strong {
      color: #444;
    }

    .cart-collaterals .shipping-results li:first-child {
      margin-top: 0;
    }

  .cart-collaterals .shipping-results .option-description {
    font-weight: 400;
  }

.coupon-box + .giftcard-box,
.shipping-options .buttons {
  margin-top: 30px;
}

.estimate-shipping-result {
  margin-top: 20px;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  color: #ff4f60;
}


/********** CHECKOUT **********/



.checkout-page .section {
  margin: 0 0 50px;
}

  .checkout-page .section .title {
    margin: 0 0 30px;
    text-align: center;
  }

.checkout-page .add-button:before {
  content: none;
  display: none;
}

.checkout-page .select-billing-address > .title {
  display: none;
}

.checkout-page .order-summary > .title strong {
  font-size: 24px;
  font-weight: 700;
}

.checkout-page .min-amount-warning {
  display: block;
  margin: 0 0 25px;
  text-align: center;
  font-size: 13px;
  color: #ff4f60;
  font-weight: 700;
}

.ship-to-same-address,
.pickup-in-store {
  margin-top: 40px !important;
  text-align: center;
}

  .ship-to-same-address input[type="checkbox"] + label,
  .pickup-in-store input[type="checkbox"] + label {
    font-weight: 700;
    color: #444;
  }

  .pickup-in-store .description {
    margin: 10px 0 0;
    font-size: 15px;
    color: #8c8c8c;
    font-weight: 400;
  }

.pickup-points .message-error {
  text-align: center;
  margin: 20px 0 !important;
}

.checkout-page .address-grid {
  overflow: hidden;
  font-size: 0;
}

.address-grid > div {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}







.checkout-page .message-error {
  text-align: center;
  margin-top: 25px;
}

.checkout-page .multiple-locations {
  text-align: center;
  margin-bottom: 25px;
  font-weight: 700;
  color: var(--color-primary);
}

.checkout-page .add-button .btn-holder:before {
  display: block;
  margin-bottom: 40px;
  content: "\55";
  font-size: 100px;
  color: #8e8e8e;
  transition: all .3s ease;
}

.checkout-page .add-button .btn-holder.open:before {
  color: var(--color-primary);
}

.checkout-page .add-button .enter-address {
  display: none;
}

.checkout-page .btn-holder {
  position: relative;
  padding-bottom: 45px;
}

  .checkout-page .btn-holder label {
    position: absolute;
    display: inline-block;
    top: auto;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    line-height: 45px;
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    transition: all .3s ease;
  }


.add-button .btn-holder .open-address-form {
  transition: width .3s ease .3s, max-width .3s ease .3s, padding .3s ease .3s, opacity .3s ease .3s, background-color .2s ease 0s;
  opacity: 1;
}

.add-button .btn-holder.open .open-address-form {
  max-width: 0;
  padding: 0;
  opacity: .4;
  transition-delay: 0s;
}

.checkout-page .btn-holder .close-address-form {
  max-width: 0;
  padding: 0;
  opacity: .4;
}

.add-button .btn-holder.open .close-address-form {
  max-width: 280px;
  padding: 0 25px;
  opacity: 1;
  transition: width .3s ease .3s, max-width .3s ease .3s, padding .3s ease .3s, opacity .3s ease .3s, background-color .2s ease 0s;
}

.checkout-page .edit-address {
  padding-top: 40px;
  margin: 0 0 30px;
}

.checkout-page .address-box {
  margin: 0 0 25px;
}

.checkout-page .address-item li {
  padding: 2px 0;
}

  .checkout-page .address-item li label,
  .checkout-page .address-item li span {
    display: inline-block;
  }

  .checkout-page .address-item li.name {
    margin: 0;
  }

  .checkout-page .address-item li.country {
    margin: 5px 0 0;
    font-size: 16px;
  }

.checkout-page .pickup-points .title {
  display: none;
  margin: 0 0 40px;
}

.checkout-page .select-pickup-point {
  text-align: center;
}

  .checkout-page .select-pickup-point li {
    display: inline-block;
    margin: 0 5px;
    font-size: 15px;
    color: #444;
    font-weight: 700;
  }

.checkout-page .select-address select {
  max-width: 100%;
}

.checkout-page .pickup-points-map {
  height: 300px;
  margin: 20px 0 0;
}

.payment-logo {
  margin-bottom: 10px;
}

.shipping-method .method-list,
.payment-method .method-list {
  margin: 0 0 30px;
}

  .shipping-method .method-list li,
  .payment-method .method-list li {
    position: relative;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 22px 70px 22px 22px;
    max-width: 560px;
    text-align: right;
    margin: 0 auto 10px;
  }

    .shipping-method .method-list li label,
    .payment-method .method-list li label {
      display: block;
      width: 100%;
      font-weight: 700;
      color: #444;
      font-size: 18px;
    }

  .shipping-method .method-list input[type="radio"] + label:before,
  .payment-method .method-list input[type="radio"] + label:before {
    position: absolute;
    top: 50%;
    right: 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

.shipping-method .method-description,
.payment-method .payment-description {
  margin: 5px 0 0;
  font-size: 16px;
  color: #8c8c8c;
  font-weight: 400;
}

.shipping-method .pickup-points ~ .method-list[style*="display: none;"] ~ .buttons {
  display: none;
}

.checkout-page .select-pickup-point label {
  display: none;
}

.use-reward-points {
  margin: 0 0 30px;
  text-align: center;
}

.payment-info .info {
  margin: 0 0 30px;
}

  .payment-info .info table {
    max-width: 800px;
    border: 1px solid #eee;
    border-radius: 3px;
    margin: 0 auto;
  }

  .payment-info .info td {
    padding: 5px;
  }

  .payment-info .info tr:first-child td {
    padding-top: 30px;
  }

  .payment-info .info tr:last-child td {
    padding-bottom: 30px;
  }

  .payment-info .info td label {
    font-size: 14px;
  }

  .payment-info .info td:first-child {
    text-align: left;
  }

  .payment-info .info td:only-child {
    text-align: center;
  }

  .payment-info .info td + td {
    text-align: right;
  }

  .payment-info .info td select:only-of-type,
  .payment-info .info td input:only-of-type {
    width: 100% !important;
    max-width: 250px;
  }

  .payment-info .info td p {
    margin: 10px 0;
    font-size: 16px;
    color: #444;
  }

.message-error.validation-summary-errors {
  text-align: center;
}

.order-confirm-page .order-review-data .billing-info .title,
.order-confirm-page .order-review-data .shipping-info .title,
.opc .order-review-data .billing-info .title,
.opc .order-review-data .shipping-info .title {
  margin: -45px -20px 30px;
  height: 60px;
  line-height: 60px;
  background-color: #f9f9f9;
  border-radius: 3px 3px 0 0;
}

.order-review-data > div .info-list .name,
.order-review-data > div .title {
  margin-bottom: 10px;
}

  .order-review-data > div .info-list .name,
  .order-review-data > div .title strong {
    font-weight: 700;
    font-size: 16px;
    color: #444;
  }

.confirm-order .terms-of-service {
  text-align: center;
}

.order-completed .details {
  max-width: 800px;
  border: 1px solid #eee;
  border-radius: 3px;
  padding: 30px;
  margin: 0 auto 30px;
  text-align: center;
}

  .order-completed .details a {
    display: inline-block;
    margin: 20px 0 0;
    padding: 0 20px;
    max-width: 100%;
    height: 45px;
    line-height: 45px;
    background-color: #eee;
    color: #8c8c8c;
    border-radius: 3px;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 700;
    text-transform: uppercase;
  }

.order-completed .order-number {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-primary);
}

.opc {
  max-width: 1000px;
  margin: 0 auto;
}

  .opc > li {
    border: 1px solid #eee;
    border-radius: 3px;
    margin-bottom: 10px;
    overflow: hidden;
  }

    .opc > li:last-child {
      margin-bottom: 0;
    }

  .opc .step-title {
    position: relative;
    height: 60px;
    line-height: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #f6f6f6;
    padding: 0 40px;
    text-align: center;
  }


  .opc > li.allow:not(.active) .step-title:after {
    content: "\30";
    position: absolute;
    display: inline-block;
    top: 0;
    left: 20px;
    right: auto;
    color: var(--color-primary);
    font-size: 20px;
    line-height: 60px;
  }

  .opc input[type="checkbox"] ~ label:before {
    content: "";
    display: inline-block;
    margin-left: 10px;
    width: 17px;
    height: 17px;
    border: 1px solid #eeeeee;
    vertical-align: text-top;
    background-color: #fff;
  }

  .opc input[type="checkbox"]:checked ~ label:before {
    margin-right: 1px;
    width: 16px;
    height: 16px;
    box-shadow: 0 0 0 1px #e7e7e7;
    border: 3px solid #fff;
    background-color: var(--color-primary);
  }

  .opc input[type="checkbox"] ~ label {
    font-weight: 700;
    color: #444;
  }

  .opc .ship-to-same-address,
  .opc .pickup-in-store {
    margin-top: 0 !important;
  }

  .opc .section.new-billing-address,
  .opc .section.new-shipping-address {
    max-width: 600px;
    margin: 0 auto;
  }

  .opc .allow .step-title,
  .opc .allow .step-title .number,
  .opc .allow .step-title .title {
    cursor: pointer;
  }

  .opc .step-title .number,
  .opc .step-title .title {
    display: inline-block;
    font-size: 18px;
    color: #444;
    font-weight: 300;
  }

  .opc .step-title .number {
    margin: 0 0 0 5px;
  }

  .opc > li.active .step-title .number,
  .opc > li.active .step-title .title {
    font-weight: 700;
    color: var(--color-primary);
  }

  .opc .step {
    padding: 40px 20px;
    overflow: hidden;
  }

  .opc .section {
    margin: 0 0 15px;
    text-align: center;
  }

    .opc .section > label,
    .opc .select-pickup-points > label {
      display: block;
      font-weight: 700;
      color: #444;
      font-size: 15px;
      margin: 0 0 10px;
    }

  .opc .payment-info .info {
    margin: 0;
  }

    .opc .payment-info .info table {
      border: none;
    }

  .opc input[type="text"],
  .opc input[type="email"],
  .opc input[type="tel"],
  .opc input[type="password"],
  .opc select:only-of-type {
    max-width: 100%;
  }

  .opc select {
    padding: 0 20px 0 27px;
    background: #fff url(../Themes/Emporium/Content/img/select-arrow-dark.svg) no-repeat left 10px center;
  }

  .opc .buttons {
    margin-bottom: 0;
    font-size: 0;
  }

  .opc .pickup-points .buttons {
    display: none;
  }

  .opc #opc-confirm_order .buttons,
  .opc #opc-payment_info .buttons,
  .opc .checkout-data > div:not(.section) {
    float: right;
    clear: both;
    width: 100%;
    margin: 30px 0 0;
  }

  .opc .back-link {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 10px 0;
  }

    .opc .back-link small {
      display: none;
    }

    .opc .back-link a {
      display: block;
      padding: 0 20px;
      border-radius: 3px;
      background-color: #eee;
      height: 45px;
      min-width: 95px;
      line-height: 45px;
      color: #959595;
      font-size: 14px;
      text-transform: uppercase;
      font-weight: 700;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .opc .back-link,
    .opc .back-link + .button-1 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

  .opc .please-wait {
    display: block;
    margin: 10px 0 0;
  }

  .opc .terms-of-service {
    text-align: center;
  }


/*********** ORDER DETAILS & RETURN REQUEST ***********/



.order-review-data,
.order-details-area,
.shipment-details-area {
  margin: 0 0 50px;
  overflow: hidden;
}

.order-details-page,
.order-overview {
  text-align: center;
}

.order-review-data > div,
.order-details-area > div,
.shipment-details-area > div {
  padding: 45px 20px;
  margin: 0 0 20px;
  border: 1px solid #eee;
  border-radius: 3px;
  text-align: center;
}

  .order-review-data > div > div,
  .order-details-area > div > div,
  .shipment-details-area > div > div {
    margin-bottom: 40px;
  }

    .order-review-data > div > div:last-child,
    .order-details-area > div > div:last-child,
    .shipment-details-area > div > div:last-child {
      margin-bottom: 0;
    }

.order-review-data li,
.order-details-area li,
.shipment-details-area li {
  padding: 2px 0;
  font-size: 16px;
  color: #8c8c8c;
}

.order-review-data .title,
.order-details-area .title,
.shipment-details-area .title {
  margin: 0 0 15px;
  font-size: 18px;
  color: #444;
}

.order-details-page .page-title {
  margin: 0 0 40px;
  overflow: hidden;
}

  .order-details-page .page-title h1 {
    margin: 0 0 30px;
  }

.order-details-page .order-overview {
  margin: 0 0 40px;
  line-height: 20px;
}

  .order-details-page .order-overview .order-number {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 700;
    color: var(--color-primary);
  }

.order-overview-content li {
  font-size: 16px;
  color: #8c8c8c;
  line-height: 1.5;
  font-weight: 300;
}

  .order-overview-content li strong {
    display: inline-block;
    color: #444;
  }

.order-details-page .tax-shipping-info {
  margin: 0 0 10px;
  font-size: 15px;
  color: #444;
}

.order-details-page .actions {
  margin: 20px 0 0;
  overflow: hidden;
  font-size: 0;
}

  .order-details-page .actions button {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 5px 0 0;
    padding: 0 20px;
    height: 45px;
    border-radius: 3px;
    border: none;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
  }

    .order-details-page .actions button:first-child {
      margin-top: 0;
    }

  .order-details-page .actions .button-2 {
    background-color: #e7e7e7;
    color: #8c8c8c;
  }

.section.shipments {
  margin-bottom: 50px;
}

td.view-details a,
td.download a {
  display: inline-block;
  padding: 10px 20px;
  margin: -7px 0;
  border-radius: 3px;
  background-color: #f1f1f1;
  color: #8c8c8c;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  transition: all .2s ease;
}

  td.view-details a:hover,
  td.download a:hover {
    background-color: #eaeaea;
  }

.downloadable-products-page td.order a {
  color: #444;
}

.return-request-file > div {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  font-size: 13px;
  overflow: hidden;
}

.qq-uploader .qq-upload-drop-area,
.qq-uploader .qq-upload-list {
  float: right;
  width: calc(100% - 45px);
  height: 45px;
  line-height: 45px;
  border: 1px solid #e7e7e7;
  border-right: none;
  border-radius: 3px;
  background-color: #fff;
  padding: 0 20px 0 0;
  text-align: right;
  font-size: 13px;
  color: #000;
}

.qq-uploader .qq-upload-button {
  width: 45px;
  height: 45px;
  line-height: 45px;
  padding: 0;
  display: inline-block;
  float: left;
  border: none;
  border-radius: 3px 0 0 3px;
  background-color: #eebe00;
  font-size: 0;
  transition: all .2s ease;
}

  .qq-uploader .qq-upload-button:before {
    content: "\e903";
    font-size: 16px;
    color: #fff;
  }

  .qq-uploader .qq-upload-button:hover {
    background-color: #e8af00;
  }

.return-request-page .qq-upload-list li {
  background-color: transparent !important;
  font-size: 13px;
  color: #444 !important;
  padding: 0 !important;
  line-height: 45px;
}

.qq-uploader .qq-upload-drop-area,
.qq-uploader .qq-upload-extra-drop-area {
  width: calc(100% - 45px);
  height: 100%;
  min-height: 45px;
  background: #fff9e0;
  text-align: right;
}

  .qq-uploader .qq-upload-drop-area span {
    top: 0;
    right: 0;
    margin: 0;
  }


/*********** SEARCH & SITEMAP ***********/


.search-page .search-input .fieldset {
  margin: 0;
}

.search-page .search-input form {
  background-color: #f6f6f6;
  margin: 0 -10px 40px;
  padding: 30px 0;
}

.search-input input + label {
  display: inline;
  margin: 0 2px 0 0;
}

.basic-search {
  padding: 0 20px 30px;
}

.advanced-search {
  padding: 30px 20px;
  border-top: 2px solid #fff;
}

  .basic-search > .inputs,
  .advanced-search > .inputs {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

.search-page .search-input form .buttons {
  padding: 0 20px;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.search-page .search-input form button {
  width: 100%;
}

.advanced-search .price-range {
  display: block;
  width: 100%;
  font-size: 0;
}

  .advanced-search .price-range input {
    width: calc(50% - 5px);
    font-size: 13px;
  }

    .advanced-search .price-range input:nth-child(2) {
      margin-right: 10px;
    }

.search-input .warning,
.search-results .result {
  display: block;
  margin: 10px 0 0;
  font-weight: normal;
  color: #ff4f60;
}

.search-results {
  margin: 30px 0 0;
}

.sitemap-page .description {
  margin: 0 auto 30px;
  max-width: 1000px;
  font-size: 15px;
  color: #8c8c8c;
  text-align: center;
}

.sitemap-page .entity {
  border: 1px solid #eee;
  border-radius: 3px 3px 0 0;
  border-bottom: none;
  padding: 30px 20px;
  text-align: center;
}


  .sitemap-page .entity + .entity {
    border-radius: 0;
  }

  .sitemap-page .entity:last-child {
    border-radius: 0 0 3px 3px;
    border-bottom: 1px solid #eee;
  }

.sitemap-page .entity-title {
  margin: 0 0 20px;
}

  .sitemap-page .entity-title h2 {
    font-size: 17px;
    color: #444;
    text-transform: uppercase;
    letter-spacing: 2px;
  }

.sitemap-page .entity-body {
  line-height: 24px;
}

.sitemap-page li {
  display: inline-block;
  margin: 0 5px;
}

.sitemap-page a {
  display: block;
  padding: 5px;
  color: var(--color-primary);
  font-size: 15px;
  transition: all .2s ease;
}

  .sitemap-page a:hover {
    color: #7c9a16;
  }

  .sitemap-page a:empty {
    display: none;
  }


/********** BLOG & NEWS **********/

.block-blog-archive .year {
  margin-top: 10px;
}

.year strong {
  display: block;
  cursor: default;
}

.blog-page .post,
.news-items .news-item {
  position: relative;
  margin: 0 0 20px;
  border: 1px solid #eeeeee;
  border-radius: 3px;
  overflow: hidden;
}

.blog-page .post-details,
.news-items .news-item {
  padding: 30px 15px;
}

.center-2 .blog-page .post,
.center-2 .news-items .news-item {
  text-align: right;
}

.blog-page .post:after,
.news-items .item:after {
  content: "";
  display: block;
  clear: both;
}

.post-title,
.news-title {
  display: block;
  margin: 0 0 20px;
  font-size: 25px;
  font-weight: 300;
  color: #444444;
}

.post-date,
.news-date {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.3px;
  color: var(--color-primary);
  margin-bottom: 10px;
  text-transform: uppercase;
}

  .post-date + .read-comments {
    margin-right: 15px;
  }

.post-body,
.news-body {
  line-height: 1.5;
  font-size: 16px;
  color: #8c8c8c;
  font-weight: 400;
}

  .post-body + .buttons,
  .news-body + .buttons {
    margin-top: 25px;
  }

  .post-body p:first-child,
  .news-body p:first-child {
    margin-top: 0;
  }

.back-to-all-button {
  display: inline-block;
  margin: 0 auto 20px;
  width: auto;
  text-align: center;
  font-size: 13px;
  color: #959595;
  text-transform: uppercase;
  font-weight: 700;
  transition: all .2s ease;
}

  .back-to-all-button:before {
    content: "\6a";
    display: inline-block;
    margin-left: 7px;
    color: #959595;
    text-transform: none;
    font-weight: normal;
    font-size: 10px;
    transition: all .2s ease;
  }

  .back-to-all-button:hover,
  .back-to-all-button:hover:before {
    color: var(--color-primary);
  }

.blogpost-page .page-title,
.news-item-page .page-title {
  margin-bottom: 15px;
}

.blogpost-page .post-date,
.news-item-page .news-date {
  display: block;
  margin-bottom: 25px;
}

.blogpost-page .post-body,
.news-item-page .news-body {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 900px;
  text-align: justify;
}

.blogpost-page .post-body {
  border-bottom: 1px solid #eee;
  padding: 0 30px;
  margin: 0 -10px 20px;
}

.blog-page .tags,
.blogpost-page .tags {
  margin: 0 0 5px;
  overflow: hidden;
}

  .blog-page .tags label,
  .blogpost-page .tags label {
    display: inline-block;
    font-size: 0;
  }

    .blog-page .tags label:before,
    .blogpost-page .tags label:before {
      content: "\58";
      display: inline-block;
      margin-left: 7px;
      font-size: 16px;
      color: #8c8c8c;
    }

  .blog-page .tags ul,
  .blogpost-page .tags ul {
    display: inline-block;
    font-size: 0;
  }

  .blog-page .tags li,
  .blogpost-page .tags li {
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
  }

    .blog-page .tags li.separator,
    .blogpost-page .tags li.separator {
      margin: 0 3px 0 5px;
    }

  .blog-page .tags a,
  .blogpost-page .tags a {
    display: inline-block;
    color: var(--color-primary);
    line-height: 24px;
    transition: all .2s ease;
  }

    .blog-page .tags a:hover,
    .blogpost-page .tags a:hover {
      color: #7c9a16;
    }

.blog-posts .buttons,
.news-items .buttons {
  text-align: right;
}

.blog-posts .read-more,
.news-items .read-more {
  display: inline-block;
  padding: 0 25px;
  border-radius: 3px;
  background-color: #eebe00;
  height: 45px;
  line-height: 45px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  transition: all .2s ease;
}

  .blog-posts .read-more:hover,
  .news-items .read-more:hover {
    background-color: #e8af00;
  }

.read-comments {
  font-size: 13px;
  color: #8c8c8c;
  font-weight: 700;
  transition: all .2s ease;
}

  .read-comments:before {
    content: "\52";
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    font-weight: normal;
    text-transform: none;
    color: #8c8c8c;
    font-size: 16px;
    transition: all .2s ease;
  }

  .read-comments:hover,
  .read-comments:hover:before {
    color: var(--color-primary);
  }

.new-comment {
  padding: 40px 20px;
}

.comment-list {
  padding: 0 10px 40px;
}

.new-comment,
.comment-list {
  margin: 70px -10px 0;
  background-color: #f6f6f6;
}

  .new-comment > *,
  .comment {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }

  .new-comment + .comment-list {
    margin-top: 0;
  }

  .new-comment .title {
    margin: 0 auto 20px;
  }

    .new-comment .title strong {
      font-weight: 700;
      font-size: 26px;
      color: #444;
    }

  .new-comment form {
    display: none;
  }

.comment-form-btn strong:before {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 10px;
  font-size: 16px;
  text-transform: none;
  font-weight: normal;
}

.open-comment-form:hover {
  background-color: #e8af00;
}

.open-comment-form:before {
  content: "\52";
  color: #fff;
}

.new-comment .notifications {
  font-size: 15px;
  color: #8c8c8c;
}

.new-comment .result {
  margin: 20px 0 0;
  color: var(--color-primary);
}

.comment-list .comment {
  background-color: #fff;
  border: 1px solid #eee;
  border-top: none;
  padding: 30px 20px;
  text-align: right;
}

  .comment-list .comment:first-child {
    border-top: 1px solid #eee;
    border-radius: 3px 3px 0 0;
  }

  .comment-list .comment:last-child {
    border-radius: 0 0 3px 3px;
  }


.new-comment .form-fields {
  padding-top: 30px;
  margin: 0 auto 15px;
  max-width: 500px;
}

.new-comment textarea {
  width: 100%;
}

.comment-list .title {
  margin: 0 0 10px;
  font-weight: bold;
}

.blog-comment:after,
.news-comment:after {
  content: "";
  display: block;
  clear: both;
}

.comment-info {
  margin: 0 0 15px;
  font-size: 0;
  overflow: hidden;
}

  .comment-info .username {
    display: inline-block;
    margin-bottom: 3px;
    font-size: 17px;
    color: #444;
    font-weight: 700;
  }

  .comment-info .avatar {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 70px;
    height: 70px;
    overflow: hidden;
  }

    .comment-info .avatar img {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      max-width: 100%;
      height: auto;
      margin: auto;
    }

.name-and-time {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: calc(100% - 80px);
  text-align: right;
}

.comment-time {
  font-size: 14px;
  color: #aaa;
}

.comment-body,
.comment-text {
  font-size: 15px;
  color: #8c8c8c;
  line-height: 1.5;
}

.news-item-page .inputs:first-child label {
  display: block;
}

.news-list-homepage {
  margin: 0 auto 50px;
  text-align: center;
}

  .news-list-homepage .title {
    margin: 0 0 7px;
    font-size: 28px;
    color: #444444;
  }

    .news-list-homepage .title strong {
      font-weight: bold;
    }

  .news-list-homepage .view-all {
    margin-bottom: 15px;
  }

    .news-list-homepage .view-all a {
      display: inline-block;
      line-height: 32px;
      color: var(--color-primary);
      letter-spacing: 1.3px;
      text-transform: uppercase;
      font-size: 13px;
      font-weight: bold;
      transition: all .2s ease;
    }

      .news-list-homepage .view-all a:after {
        content: "\57";
        display: inline-block;
        margin-right: 7px;
        font-size: 8px;
        color: var(--color-primary);
        vertical-align: bottom;
        text-transform: none;
        transition: all .2s ease;
      }

      .news-list-homepage .view-all a:hover,
      .news-list-homepage .view-all a:hover:after {
        color: #7c9a16;
      }

.post-details,
.news-item {
  padding: 30px 15px;
}

/********** FORUM & PROFILE **********/


.forums-main-page .topic-block {
  margin-bottom: 0;
}

.forums-main-page .topic-block-title h2 {
  color: #444;
  font-size: 28px;
}

.forums-header {
  margin: 0 0 30px;
  text-align: center;
}

  .forums-header:after {
    content: "";
    display: block;
    clear: both;
  }

.current-time {
  margin: 27px 0 30px;
  color: var(--color-primary);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
}

.forum-search-box {
  margin: 0 0 45px;
  text-align: center;
}

.forum-search-box {
  display: block;
  padding: 0 !important;
  margin: 0 auto 20px;
  width: 100%;
  max-width: 600px;
}

  .forum-search-box form {
    padding: 0 !important;
  }

  .forum-search-box .basic {
    overflow: hidden;
    margin: 0 0 15px;
  }

  .forum-search-box.search-box input.search-box-text {
    padding: 0 15px 0 5px;
    width: calc(100% - 45px);
    height: 45px;
  }

  .forum-search-box.search-box .search-box-button {
    float: right;
    width: 45px;
    height: 45px;
    border: none;
    background: #ccc url('../Themes/Emporium/Content/img/search-button.png') center no-repeat;
    font-size: 0;
    border: 1px solid #eeeeee;
    border-right: 0;
    border-radius: 3px 0 0 3px;
  }

    .forum-search-box.search-box .search-box-button:hover {
      background-color: var(--color-primary);
    }

  .forum-search-box .advanced > a {
    font-size: 15px;
    color: #8c8c8c;
    transition: color .2s ease
  }

    .forum-search-box .advanced > a:hover {
      color: var(--color-primary);
    }

.forum-search-page .basic-search .forum-search-text {
  text-align: center;
  font-size: 15px;
}

  .forum-search-page .basic-search .forum-search-text::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #aaa;
  }

  .forum-search-page .basic-search .forum-search-text::-moz-placeholder {
    /* Firefox 19+ */
    color: #aaa;
  }

  .forum-search-page .basic-search .forum-search-text:-ms-input-placeholder {
    /* IE 10+ */
    color: #aaa;
  }

  .forum-search-page .basic-search .forum-search-text:-moz-placeholder {
    /* Firefox 18- */
    color: #aaa;
  }

.forum-search-page .inputs.reversed {
  text-align: center;
}

.forum-search-page .advanced-search {
  margin: 0 -10px 30px;
  padding: 30px;
  max-width: 800px;
  background-color: #f6f6f6;
}

.forum-search-page .search-error {
  padding: 15px;
  margin: 30px 0 0;
  font-size: 13px;
  color: #ff4f60;
  font-weight: 700;
  text-align: center;
}

.forum-search-page .fieldset {
  margin: 0;
}

.forum-search-page .search-results {
  margin: 40px 0 0;
}

.no-result {
  font-size: 15px;
  color: #8c8c8c;
  text-align: center;
}


/* forum group */

.forums-table-section {
  margin: 0 0 50px;
}

  .forums-table-section a {
    vertical-align: middle;
  }

.forums-table-section-title {
  margin: 0 0 25px;
  overflow: hidden;
  text-align: center;
}

  .forums-table-section-title > a,
  .forums-table-section-title strong {
    font-size: 24px;
    font-weight: 700;
    color: #444;
  }

.forums-table-section .view-all a {
  display: inline-block;
  margin-top: 10px;
  height: 45px;
  line-height: 45px;
  padding: 0 25px;
  border-radius: 3px;
  background-color: #eebe00;
  color: #fff !important;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 15px;
  transition: all .2s ease;
}

  .forums-table-section .view-all a:hover {
    background-color: #e8af00;
  }

.forums-table-section .image div {
  font-size: 0;
  width: 24px;
  height: 24px;
  margin: auto;
}

  .forums-table-section .image div:before {
    content: "\32";
    display: block;
    color: #8e8e8e;
    font-size: 24px;
    font-weight: normal;
    text-transform: none;
  }


  .forums-table-section .image div.sticky:before {
    color: #ffa20f;
  }

  .forums-table-section .image div.announcement:before {
    color: #e5323f;
  }

.forums-table-section .latest-post {
  white-space: nowrap;
}

/* forum-page, topic-page */



.forum-page .forum-info,
.forum-topic-page .topic-name,
.forum-page .forum-name {
  margin: 0 0 30px;
  text-align: center;
}

.forum-page .forums-table-section {
  margin: 0;
}

.forum-page .forum-description {
  margin-top: -5px;
}

  .forum-page .forum-description p {
    font-size: 15px;
    color: #8c8c8c;
  }

.forum-actions,
.topic-actions {
  margin: 0 0 25px;
  font-size: 0;
  text-align: center;
}

  .forum-actions .actions a,
  .topic-actions .actions a {
    display: inline-block;
    padding: 0 10px;
    margin: 0 6px 6px 0;
    width: calc(50% - 3px);
    height: 45px;
    line-height: 45px;
    font-size: 13px;
    color: #8c8c8c;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #f1f1f1;
    border-radius: 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all .2s ease;
  }

    .topic-actions .actions a:nth-child(2n),
    .forum-actions .actions a:nth-child(2n+1) {
      margin-right: 0;
    }

  .topic-actions .pager {
    margin-top: 50px;
  }

.pager.upper {
  display: none;
}

.forum-actions .actions a:hover,
.topic-actions .actions a:hover {
  background-color: #eaeaea;
}

.forum-actions .actions a:before,
.topic-actions .actions a:before,
.topic-post .post-actions a:before {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 10px;
  color: #8c8c8c;
  font-size: 17px;
  text-transform: none;
  font-weight: normal;
}

.forum-actions .actions a.edit-topic-button,
.topic-actions .actions a.edit-topic-button {
  width: 100%;
  margin: 0 0 6px;
}

.forum-actions .actions .new-topic:before {
  content: "\52";
}

.forum-actions .actions .watch-forum:before,
.topic-actions .actions .watch-forum:before,
.topic-actions .watch-topic-button:before {
  content: "\31";
}

.topic-actions .reply-topic-button:before {
  content: "\4f";
}

.topic-actions .move-topic-button:before {
  content: "\33";
}

.topic-actions .edit-topic-button:before {
  content: "\4c";
}

.topic-actions .delete-topic-button:before {
  content: "\4d";
}

.topic-actions.lower .actions {
  display: none;
}

.forum-table a {
  display: inline-block;
  color: #444;
  font-weight: 700;
  transition: color .2s ease;
}

  .forum-table a:hover {
    color: var(--color-primary);
  }

.forum-details .forum-title a,
.topic-details .topic-title a {
  font-size: 18px;
}

.forum-description,
.topic-details .topic-pager,
.topic-details .topic-starter,
.topic-details .topic-starter,
td.latest-post {
  font-size: 16px;
  color: #8c8c8c;
}

.forum-page .pager {
  margin-top: 30px;
}

td.topics,
td.posts,
td.views,
td.replies,
td.votes {
  font-weight: 700;
}


/* topic post */

.topic-post {
  margin: 0 0 20px;
  border: 1px solid #eee;
  border-radius: 3px;
  overflow: hidden;
}

  .topic-post:after {
    content: "";
    display: block;
    clear: both;
  }

  .topic-post .post-head {
    padding: 0 17px;
    background-color: #f6f6f6;
    text-align: right;
    height: 45px;
  }

  .topic-post .post-time {
    display: inline-block;
  }

    .topic-post .post-time span,
    .topic-post .post-time label {
      display: inline-block;
      color: #aaa;
      font-size: 14px;
      line-height: 43px;
    }


  .topic-post .post-link-button {
    float: left;
    font-size: 15px;
    font-weight: 700;
    line-height: 43px;
    color: #8c8c8c;
  }

  .topic-post .post-info {
    padding: 15px 10px;
    text-align: right;
    font-size: 0;
  }

  .topic-post .user-info {
    position: relative;
    display: inline-block;
    vertical-align: top;
    min-height: 105px;
    padding-right: 120px;
  }

  .topic-post .username {
    display: block;
    margin-bottom: 5px;
    font-size: 17px;
    color: #444;
    font-weight: 700;
  }

  .topic-post .avatar {
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    vertical-align: top;
    width: 105px;
    overflow: hidden;
    font-size: 0;
  }

    .topic-post .avatar a {
      display: block;
    }

    .topic-post .avatar img {
      max-width: 100%;
    }

  .topic-post .user-stats {
    margin: 0 0 15px;
    font-size: 14px;
    color: #8c8c8c;
    line-height: 1.1;
  }

    .topic-post .user-stats span {
      display: inline-block;
      margin: 0 3px 0 0;
    }

  .topic-post .pm-button {
    display: inline-block;
    margin: 0;
    padding: 0;
    height: auto;
    background-color: transparent;
    font-size: 13px;
    line-height: 16px;
  }

    .topic-post .pm-button:before {
      position: static;
      margin-left: 10px;
      vertical-align: bottom;
      color: var(--color-primary);
    }

  .topic-post .post-actions {
    font-size: 0;
    text-align: left;
    overflow: hidden;
  }

    .topic-post .post-actions > div {
      display: inline-block;
      float: left;
      vertical-align: top;
    }

    .topic-post .post-actions a {
      display: inline-block;
      vertical-align: top;
      margin: 0 5px 0 0;
      font-size: 0;
      width: 40px;
      height: 40px;
      line-height: 40px;
      background-color: #f1f1f1;
      border-radius: 3px;
      text-align: center;
      transition: all .2s ease;
    }

      .topic-post .post-actions a:hover {
        background-color: #eaeaea;
      }

      .topic-post .post-actions a:before {
        margin: 0;
      }

    .topic-post .post-actions .edit-post-button:before {
      content: "\4c";
    }

    .topic-post .post-actions .delete-post-button:before {
      content: "\4d";
    }

    .topic-post .post-actions .quote-post-button {
      width: auto;
      padding: 0 25px;
      background-color: #eebe00;
      color: #fff;
      font-size: 13px;
      text-transform: uppercase;
      font-weight: 700;
    }

      .topic-post .post-actions .quote-post-button:hover {
        background-color: #e8af00;
      }

  .topic-post .post-content {
    padding: 20px;
  }

  .topic-post .post-body {
    position: relative;
    text-align: right;
    font-size: 15px;
    margin-bottom: 40px;
  }

  .topic-post .user-posted-image,
  .latest-posts .user-posted-image {
    max-width: 100%;
    height: auto;
  }

  .topic-post .quote,
  .latest-posts .quote {
    margin: 10px 0;
    background-color: #f6f6f6;
    border-radius: 3px;
    padding: 15px 10px;
  }

  .topic-post .post-actions > div.post-vote {
    float: right;
  }

  .topic-post .post-vote > span {
    display: inline-block;
    vertical-align: top;
    width: 25px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
  }

    .topic-post .post-vote > span:before {
      display: block;
      font-size: 20px;
      color: #8c8c8c;
      text-align: center;
    }

  .topic-post .post-vote > .vote.up:before {
    content: "\46";
  }

  .topic-post .post-vote > .vote.down:before {
    content: "\47";
  }

  .topic-post .post-vote > .vote.up:hover:before {
    content: "\e902";
    color: var(--color-primary);
  }

  .topic-post .post-vote > .vote.down:hover:before {
    content: "\e901";
    color: var(--color-primary);
  }

  .topic-post .post-vote > div {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    font-weight: 700;
    color: #8c8c8c;
  }

  .topic-post .signature {
    border-top: 1px dashed #eee;
    padding: 20px 0 0;
    margin-bottom: 30px;
    font-size: 15px;
    color: #aaa;
    text-align: right;
  }

/* forum edit & send message */


.forum-edit-page strong,
.private-message-send-page a {
  font-size: 18px;
  font-weight: normal;
  vertical-align: middle;
}

.forum-edit-page .buttons,
.private-message-send-page .buttons {
  margin: 15px 0 0;
  text-align: center;
}

  .forum-edit-page .buttons button,
  .move-topic-page .buttons button,
  .private-messages .buttons button {
    min-width: 115px;
    border: none;
    padding: 0 25px;
    height: 45px;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .1s ease;
  }

.forum-edit-page button.button-2,
.move-topic-page button.button-2,
.private-messages button.button-2 {
  color: #8c8c8c;
  background-color: #f1f1f1;
}

  .forum-edit-page button.button-2:hover,
  .move-topic-page button.button-2:hover,
  .private-messages button.button-2:hover {
    background-color: #dfdfdf;
  }

.forum-edit-page .inputs span {
  vertical-align: middle;
  margin-right: 5px;
  font-size: 12px;
  /*reset zeroing*/
}

.private-message-send-page .message label {
  display: none;
}

/* inbox & view message */


.private-message-view-page .buttons .button-2 {
  background-color: #f1f1f1;
}

.private-messages .page-title {
  text-align: center;
}

.private-messages-page td.date {
  white-space: normal;
}

.private-messages-page .td-title {
  display: none;
}

.private-messages .data-table a,
.private-messages .data-table td {
  color: #8c8c8c;
  font-weight: 400;
}

.private-messages-page td,
.private-messages-page th {
  text-align: right;
}

.private-messages-page .data-table .pm-unread {
  color: #444;
  font-weight: 700;
}

.private-messages-page .buttons button {
  width: 80%;
  max-width: 200px;
  margin: 0 5px;
}

.private-messages-page button + button {
  margin-top: 15px;
}

.private-message-view-page .view-message {
  border: 1px solid #eee;
  border-radius: 3px;
  padding: 30px 20px;
  margin: 0 auto 30px;
  max-width: 800px;
}

.private-message-view-page .message-head li {
  margin-bottom: 10px;
  font-size: 15px;
  color: #8c8c8c;
}

.private-message-view-page .message-head label {
  display: inline-block;
  font-weight: 300;
}

.private-message-view-page .message-head {
  margin-bottom: 30px;
}

  .private-message-view-page .message-head span {
    font-weight: 700;
    margin: 0 5px 0 0;
    vertical-align: middle;
  }

.private-message-view-page .message-body {
  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
  color: #8c8c8c;
}

.private-message-view-page .message {
  display: block !important;
  margin: 15px 0;
  border: 1px solid #ccc;
  padding: 15px;
}

.private-message-view-page .buttons {
  font-size: 0;
}

.private-message-view-page .reply-pm-button,
.private-message-view-page .delete-pm-button {
  display: inline-block;
  width: calc(40% - 5px);
  margin-bottom: 10px;
  max-width: 150px;
}

.private-message-view-page .reply-pm-button {
  margin-left: 10px;
}

.private-message-view-page .back-pm-button {
  display: block;
  margin: 0 auto;
  width: 80%;
  max-width: 310px;
}

/* profile page  */

.profile-info-box {
  overflow: hidden;
  border: 1px solid #eee;
  border-radius: 3px;
  padding: 30px 20px;
  max-width: 650px;
  margin: 0 auto;
  background-color: #fff;
  text-align: center;
}

  .profile-info-box .avatar {
    margin: 0 auto 20px;
    font-size: 0;
  }

  .profile-info-box .profile-stats {
    margin: 0 0 10px;
  }

  .profile-info-box .title {
    margin: 0 0 13px;
    font-size: 16px;
    color: #444;
  }

  .profile-info-box .avatar {
    max-width: 180px;
    border-radius: 3px;
    overflow: hidden;
  }

  .profile-info-box .stats {
    font-size: 15px;
    color: #8c8c8c;
    font-weight: 300;
  }

    .profile-info-box .stats li {
      margin-bottom: 6px;
    }

    .profile-info-box .stats span {
      display: inline-block;
      font-weight: 700;
    }

.profile-page .ui-tabs-nav,
.private-messages-page .ui-tabs-nav {
  font-size: 0;
}

  .profile-page .ui-tabs-nav li,
  .private-messages-page .ui-tabs-nav li {
    max-width: calc(50% - 10px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 5px;
  }

.profile-page .topic {
  padding: 30px 20px;
  background-color: #fff;
  border: 1px solid #eee;
  border-top: 0;
}

  .profile-page .topic:first-child {
    border-top: 1px solid #eee;
    border-radius: 3px 3px 0 0;
  }

  .profile-page .topic:last-child {
    border-radius: 0 0 3px 3px;
  }

  .profile-page .topic:only-child {
    border-radius: 3px;
  }

.profile-page .topic-title {
  margin: 0 0 7px;
  font-size: 16px;
}

  .profile-page .topic-title label {
    display: inline-block;
    font-weight: 300;
    color: #8c8c8c;
  }

  .profile-page .topic-title a {
    font-weight: 700;
    color: #444;
  }

.profile-page .topic-data {
  color: #8c8c8c;
  font-size: 14px;
  margin-bottom: 15px;
  font-weight: 300;
}

  .profile-page .topic-data label {
    display: inline-block;
  }

.profile-page .topic-body {
  font-size: 15px;
  font-weight: 400;
  color: #8c8c8c;
  line-height: 1.5;
}

.pm-button {
  position: relative;
  display: inline-block;
  border: none;
  height: 45px;
  line-height: 45px;
  max-width: 80%;
  padding: 0 55px 0 25px;
  margin: 15px auto 0;
  background-color: #f1f1f1;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #8c8c8c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color .1s ease, padding .3s ease;
}

  .pm-button:before {
    content: "\6d";
    position: absolute;
    display: inline-block;
    top: 0;
    right: 25px;
    font-size: 20px;
    color: #8c8c8c;
    text-transform: none;
    transition: all .3s linear !important;
    font-weight: normal;
  }

  .pm-button:hover::before {
    -webkit-animation: emailing .2s linear;
    -moz-animation: emailing .2s linear;
    animation: emailing .2s linear;
  }

.csharpcode {
  margin: 10px 0;
  padding: 10px 15px;
  color: #444;
  white-space: normal;
  text-align: right;
  border: 1px dotted #cacaca;
  border-radius: 3px;
}


.page-title {
  text-align: right !important;
}

.checkout-attributes dd select,
.checkout-attributes dd input {
  width: 100%;
  border-radius: 4px;
}

@media all and (max-width: 480px) {
  .private-messages-page thead {
    display: none;
  }

  .private-messages-page .data-table,
  .private-messages-page tbody,
  .private-messages-page tr,
  .private-messages-page td {
    display: block;
  }

  .private-messages-page tr {
    margin: 0 0 20px;
    border: 1px solid #eee !important;
    border-radius: 3px;
  }

    .private-messages-page tr:last-child {
      margin: 0;
    }

  .private-messages-page td {
    border-left: none !important;
    border-right: none !important;
    background-color: #fff;
    text-align: center;
  }

    .private-messages-page td:first-child {
      border-radius: 3px 3px 0 0 !important;
      border-top: 0 !important;
    }

    .private-messages-page td:last-child {
      border-radius: 0 0 3px 3px !important;
      border-bottom: 0;
    }

  .private-messages-page .select label {
    margin: 0 auto;
  }

  .private-messages-page .select input[type="checkbox"]:checked + label {
    margin-right: auto;
    margin-bottom: 1px;
  }

  .private-messages-page .td-title {
    display: inline-block;
  }
}


@media all and (max-width: 1024px) {


  /*.order-details-page .data-table .attributes,
	.shipment-details-page .data-table .sku,*/
  .order-details-page .shipments thead,
  .order-details-page .products thead,
  .order-list-page .recurring-payments thead,
  .return-request-page .data-table thead,
  .shipment-details-page .data-table thead,
  .downloadable-products-page .data-table thead,
  .reward-points-history .data-table thead,
  .wishlist-page thead,
  .cart thead {
    display: none;
  }

  .order-details-page .shipments .data-table,
  .order-details-page .shipments tbody,
  .order-details-page .shipments tr,
  .order-details-page .shipments td,
  .order-details-page .products .data-table,
  .order-details-page .products tbody,
  .order-details-page .products tr,
  .order-details-page .products td,
  .order-list-page .recurring-payments td,
  .order-list-page .recurring-payments tr,
  .return-request-page .data-table tbody,
  .return-request-page .data-table tr,
  .return-request-page .data-table td,
  .shipment-details-page .data-table,
  .shipment-details-page .data-table tbody,
  .shipment-details-page .data-table tr,
  .shipment-details-page .data-table td,
  .reward-points-history .data-table tr,
  .reward-points-history .data-table td,
  .downloadable-products-page .data-table tr,
  .downloadable-products-page .data-table td,
  .wishlist-page tbody,
  .wishlist-page tr,
  .wishlist-page td,
  .cart tbody,
  .cart tr,
  .cart td {
    display: block;
  }

    .order-details-page .shipments tr,
    .order-details-page .products tr,
    .return-request-page .data-table tr,
    .shipment-details-page .data-table tr,
    .order-list-page .recurring-payments tr,
    .reward-points-history .data-table tr,
    .downloadable-products-page .data-table tr,
    .wishlist-page tr,
    .cart tr {
      margin: 0 0 20px;
      border: 1px solid #eee !important;
      border-radius: 3px;
    }

    .downloadable-products-page .data-table td.product,
    .reward-points-history .data-table td.message {
      text-align: center;
    }

  .order-details-page .products tr,
  .cart tr,
  .wishlist-page tr {
    position: relative;
    background-color: #fff;
    overflow: hidden;
    padding-bottom: 70px;
  }

    .order-details-page .shipments tr:last-child,
    .order-details-page .products tr:last-child,
    .shipment-details-page .data-table tr:last-child,
    .return-request-page .data-table tr:last-child,
    .order-list-page .recurring-payments tr:last-child,
    .reward-points-history .data-table tr:last-child,
    .downloadable-products-page .data-table tr:last-child
    .wishlist-page tr:last-child,
    .cart tr:last-child {
      margin-bottom: 0;
    }

  .order-details-page .shipments td,
  .shipment-details-page .data-table td,
  .order-details-page .products td,
  .return-request-page .data-table td,
  .order-list-page .recurring-payments td,
  .reward-points-history .data-table td,
  .downloadable-products-page .data-table td,
  .wishlist-page td,
  .cart td {
    border-left: none !important;
    border-right: none !important;
    background-color: #fff;
    text-align: center;
  }


    .order-details-page .shipments td:first-child,
    .order-details-page .products td:first-child,
    .return-request-page .data-table td:first-child,
    .shipment-details-page .data-table td:first-child,
    .order-list-page .recurring-payments td:first-child,
    .reward-points-history .data-table td:first-child,
    .downloadable-products-page .data-table td:first-child,
    .wishlist-page td:first-child,
    .cart td:first-child {
      border-radius: 3px 3px 0 0 !important;
      border-top: 0 !important;
    }

    .order-details-page .shipments td:last-child,
    .order-details-page .products td:last-child,
    .shipment-details-page .data-table td:last-child,
    .return-request-page .data-table td:last-child,
    .order-list-page .recurring-payments td:last-child,
    .reward-points-history .data-table td:last-child,
    .downloadable-products-page .data-table td:last-child,
    .wishlist-page td:last-child,
    .cart td:last-child {
      border-radius: 0 0 3px 3px !important;
      border-bottom: 0;
    }


    .order-details-page .products td.unit-price,
    .cart td.unit-price,
    .wishlist-page td.unit-price {
      position: absolute;
      top: auto;
      right: auto;
      bottom: 35px;
      left: 0;
      float: left;
      background-color: #f6f6f6 !important;
      padding: 9px 10px 2px 20px;
      width: 65%;
      height: 35px;
      border-top: 1px solid #eee !important;
      border-bottom: 0 !important;
      text-align: left;
      overflow: hidden;
    }

      .order-details-page .products td.unit-price *,
      .cart td.unit-price *,
      .wishlist-page td.unit-price * {
        color: #8c8c8c !important;
        font-weight: 700 !important;
        font-size: 15px !important;
      }



    .order-details-page .products td.total,
    .order-details-page .products td.subtotal,
    .cart td.total,
    .cart td.subtotal,
    .wishlist-page td.total,
    .wishlist-page td.subtotal {
      position: absolute;
      bottom: 0;
      left: 0;
      right: auto;
      top: auto;
      background-color: #f6f6f6 !important;
      width: 62%;
      height: 35px;
      border: none !important;
      padding: 0px 10px 9px 20px;
      text-align: left;
      overflow: hidden;
    }

      .order-details-page .products td.total *,
      .order-details-page .products td.subtotal *,
      .cart td.total *,
      .cart td.subtotal *,
      .wishlist-page td.total *,
      .wishlist-page td.subtotal * {
        font-weight: 700 !important;
        color: #444 !important;
      }


    .order-details-page .products td.quantity,
    .cart td.quantity,
    .wishlist-page td.quantity {
      position: absolute;
      top: auto;
      right: 0;
      bottom: 0;
      width: 38%;
      height: 70px;
      padding: 20px 20px 20px 5px;
      overflow: hidden;
      border-top: 1px solid #eee !important;
      border-bottom: 0 !important;
      background-color: #f6f6f6 !important;
      text-align: right;
    }

    .order-details-page .products td.quantity,
    .cart td.quantity,
    .wishlist-page td.quantity {
      color: #8c8c8c !important;
    }

      .order-details-page .products td.quantity span,
      .cart td.quantity span,
      .wishlist-page td.quantity span {
        line-height: 30px;
      }


  td.shipment-id {
    background-color: #f6f6f6 !important;
  }

  td.quantity label.td-title {
    display: inline-block;
    max-width: calc(100% - 45px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }


  td label {
    color: #8c8c8c;
    font-weight: 300;
  }

  td .attributes {
    padding: 7px 0;
    margin: 0;
  }

  td.remove-from-cart,
  td.add-to-cart {
    padding: 10px;
    font-size: 0;
  }

    td.remove-from-cart input[type="checkbox"] + label,
    td.add-to-cart input[type="checkbox"] + label {
      font-size: 13px;
      text-transform: uppercase;
      font-weight: 700;
      user-select: none;
    }

      td.remove-from-cart input[type="checkbox"] + label:before,
      td.add-to-cart input[type="checkbox"] + label:before {
        vertical-align: bottom;
      }

  td.product-picture {
    padding: 4px !important;
    float: right;
    width: 90px;
    border: none !important;
  }

  td.product {
    border: none !important;
    padding: 15px;
  }

  td.product-picture + td.product {
    margin-right: 90px;
    text-align: right;
  }
}


@media all and (min-width: 768px) and (max-width: 1024px) {

  .order-details-page .products tr,
  .shipment-details-page .data-table tr,
  .return-request-page .data-table tr,
  .reward-points-history .data-table tr,
  .downloadable-products-page .data-table tr,
  .wishlist-page tr,
  .cart tr {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 10px);
    margin-right: 20px;
  }


    .order-details-page .products tr:nth-child(2n+1),
    .return-request-page .data-table tr:nth-child(2n+1),
    .shipment-details-page .data-table tr:nth-child(2n+1),
    .reward-points-history .data-table tr:nth-child(2n+1),
    .downloadable-products-page .data-table tr:nth-child(2n+1),
    .wishlist-page tr:nth-child(2n+1),
    .cart tr:nth-child(2n+1) {
      margin-right: 0;
    }

  .shipment-details-page .data-table,
  .return-request-page .data-table,
  .order-details-page .products .data-table,
  .account-page .cart,
  .account-page .data-table,
  .account-page .compare-products-table,
  .account-page .forums-table-section table,
  .wishlist-page .cart,
  .cart {
    text-align: right;
    font-size: 0;
  }

    .cart td.product,
    .data-table td.product,
    .data-table td.message,
    .data-table td.info,
    .data-table td.name,
    .forum-table td.forum-details,
    .forum-table td.topic-details {
      text-align: right;
    }
}


@media all and (min-width: 769px) and (max-width: 1600px) {


  .account-page .recurring-payments .data-table td label {
    display: inline-block;
  }

  .account-page .recurring-payments .data-table thead {
    display: none;
  }

  .account-page .recurring-payments .data-table tbody,
  .account-page .recurring-payments .data-table tr,
  .account-page .recurring-payments .data-table td {
    display: block;
  }


  .order-list-page .recurring-payments tr {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 12.5px);
    margin-right: 25px;
  }


    .order-list-page .recurring-payments tr:nth-child(2n+1) {
      margin-right: 0;
    }
}

@media all and (min-width: 1025px) and (max-width: 1600px) {


  .order-list-page .recurring-payments td {
    border-left: none !important;
    border-right: none !important;
  }

    .order-list-page .recurring-payments td:first-child {
      border-radius: 3px 3px 0 0 !important;
      border-top: 1px solid #eee;
    }

  .compare-products-table td {
    vertical-align: top;
  }

  .cart td,
  .compare-products-table td,
  .forums-table-section td {
    font-size: 16px;
  }
}

@media all and (max-width: 1024px) {

  .header-upper .header-selectors-wrapper {
    display: none;
  }

  .desktop {
    display: none !important;
  }

  .category-navigation-title, .category-navigation-list-wrapper {
    display: none !important;
  }

  .admin-header-links {
    position: fixed;
    top: 0;
    z-index: 1030;
    width: 100%;
  }

  .responsive-nav-wrapper-parent {
    position: relative;
    top: 0;
    z-index: 1020;
    width: 100%;
    background-color: #fff;
    border-bottom: 3px solid #eeeeee;
  }

  .admin-header-links ~ .responsive-nav-wrapper-parent {
    top: 35px;
  }

    .admin-header-links ~ .responsive-nav-wrapper-parent ~ .header {
      margin-top: 100px;
    }

  .header {
    margin-top: 65px;
  }

  .mobile-selector {
    overflow: hidden;
  }

  .header-selectors-wrapper > div {
    margin: 0;
    display: block;
    position: relative;
  }

  .profile-menu-box > a,
  .selector-title {
    display: block;
    padding: 15px 20px;
    line-height: 18px;
    font-size: 13px;
    color: #8c8c8c;
    font-weight: 700;
    background-color: #f6f6f6;
    border-top: 3px solid #fff;
    cursor: pointer;
    text-transform: uppercase;
  }

    .selector-title:after {
      content: "\6a";
      display: inline-block;
      float: left;
      font-size: 9px;
      font-family: "emporium-icons";
      transform: rotate(90deg);
      text-transform: none;
      color: #8c8c8c;
      transition: all .3s ease;
    }

    .selector-title.open:after {
      transform: rotate(-90deg);
    }

  .mobile-collapse {
    display: none;
    background-color: #efefef;
    padding: 10px 0;
  }

  .header-selectors-wrapper > div input[type="radio"] {
    display: none;
  }

  .header-selectors-wrapper > div label {
    display: block;
    padding: 10px 38px;
    line-height: 18px;
    font-size: 14px;
    font-weight: 400;
  }

  .header-selectors-wrapper > div input[type="radio"]:checked + label {
    color: #97c300;
  }

  .header-selectors-wrapper > div input[type="radio"] + label:before {
    content: none;
    display: none;
  }


  /* RESPONSIVE NAV WRAPPER */

  .responsive-nav-wrapper {
    position: relative;
    padding: 11px 0;
    background-color: #fff;
    text-align: center;
    font-size: 0;
    width: calc(100% - 20px);
    margin: 0 auto;
  }

  .header-logo {
    display: none;
  }

  .mobile-logo {
    position: relative;
    display: inline-block;
    text-align: center;
    max-width: calc(100% - 180px);
  }

    .mobile-logo .logo {
      position: relative;
      display: block;
      max-width: 100%;
      height: 40px;
      width: 200px;
      margin: 0 auto;
    }

    .mobile-logo img {
      position: absolute;
      display: inline-block;
      width: auto;
      max-width: 100%;
      max-height: 100%;
      height: auto;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
    }

  .responsive-nav-wrapper:after {
    content: "";
    display: block;
    clear: both;
  }

  .responsive-nav-wrapper > div {
    position: relative;
    display: inline-block;
    vertical-align: top;
  }

    .responsive-nav-wrapper > div > span,
    .responsive-nav-wrapper > div > a {
      position: relative;
      display: block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      font-size: 0;
      cursor: pointer;
    }

      .responsive-nav-wrapper > div > span:before,
      .responsive-nav-wrapper > div > a:before {
        display: inline-block;
        font-family: "emporium-icons";
        font-size: 18px;
        color: #8e8e8e;
      }

  .responsive-nav-wrapper .menu-title span:before {
    content: "\67";
  }

  .responsive-nav-wrapper .search-wrap span:before {
    content: "\65";
  }

  .shopping-cart-link > a {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 0;
  }

    .shopping-cart-link > a:before {
      content: "\64";
      display: inline-block;
      font-family: "emporium-icons";
      font-size: 24px;
    }

  .shopping-cart-link .cart-qty {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    background-color: #97c300;
    font-size: 10px;
    height: auto;
    padding: 0 1px;
    width: auto;
    min-width: 15px;
    min-height: 15px;
    line-height: 15px;
    border-radius: 50%;
    color: #fff;
  }

  .responsive-nav-wrapper .menu-title,
  .responsive-nav-wrapper .search-wrap {
    float: right;
  }

  .responsive-nav-wrapper .shopping-cart-link,
  .responsive-nav-wrapper .personal-button {
    float: left;
  }


  /* RESPONSIVE MENU */

  .overlayOffCanvas {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1060;
    background-color: rgba(0,0,0,0);
    transition: background 0.3s ease;
  }

    .overlayOffCanvas.show {
      background-color: rgba(0,0,0,0.4);
    }

  .scrollYRemove {
    overflow: hidden !important;
    -ms-touch-action: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .header-menu.ps-container .ps-scrollbar-y-rail {
    visibility: hidden !important; /*scroll is active, but invisible*/
  }

  .header-menu,
  .profile-menu-box,
  .store-search-box {
    position: fixed;
    top: 0;
    right: -100%;
    width: 320px;
    max-width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #fff;
    text-align: right;
    margin-top: 0 !important;
    opacity: 1;
    padding: 0;
    border-radius: 0;
    pointer-events: auto;
    transition: all 0.3s ease;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    box-shadow: none;
    z-index: 1070 !important;
  }

  .store-search-box {
    width: 400px;
  }

    .header-menu.open,
    .profile-menu-box.open,
    .store-search-box.open {
      right: 0;
    }

  .header-menu .close-menu,
  .close-side-menu,
  .mobile-flyout-wrapper .close-side-menu {
    display: block;
    padding: 15px 20px;
    background-color: #97c300;
    color: #fff;
  }

    .close-menu span,
    .close-side-menu span {
      display: inline-block;
      line-height: 17px;
      font-size: 14px;
      color: #fff;
      text-transform: uppercase;
    }

    .close-menu .close-menu-text,
    .close-side-menu .close-side-menu-text {
      font-weight: 700;
      letter-spacing: 1px;
    }

  .close-menu .close-menu-btn,
  .close-side-menu-btn {
    float: left;
    font-size: 0 !important;
  }

  .close-menu-text:before,
  .close-side-menu-text:before {
    content: "\67";
    display: inline-block;
    margin-left: 15px;
    font-family: "emporium-icons";
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0;
    color: #fff !important;
    text-transform: none;
    vertical-align: bottom;
  }

  .profile-menu-box .close-side-menu-text:before {
    content: "\61";
  }

  .store-search-box .close-side-menu-text:before {
    content: "\65";
  }

  .close-menu-btn:before,
  .close-side-menu-btn:before {
    content: "\7a";
    display: inline-block;
    margin: 0 !important;
    font-family: "emporium-icons";
    text-transform: none;
    font-size: 16px;
    color: #fff !important;
    vertical-align: bottom;
  }

  .header-menu .all-categories,
  .header-menu .all-categories li {
    background-color: #f6f6f6;
  }

  .header-menu > ul li:after {
    content: "";
    display: block;
    clear: both;
  }

  .header-menu > ul li > a,
  .header-menu > ul li > span,
  .profile-menu-box > a,
  .header-form-holder > a {
    display: block;
    position: relative;
    z-index: 0;
    padding: 16px 18px !important;
    font-size: 13px;
    line-height: 17px;
    color: #8c8c8c;
    font-weight: 700;
    text-transform: uppercase;
  }

  .header-menu > ul li {
    border-bottom: 3px solid #fff;
  }

  .header-menu .top-menu > li {
    border-bottom: 0;
  }


  .header-menu > ul li:last-child,
  .header-menu > ul li:last-child,
  .header-menu > ul li.back-button {
    border-bottom: 0;
  }

  .header-menu > ul li > .with-subcategories {
    float: right;
    width: calc(100% - 50px);
  }

  .header-menu .all-categories > span {
    float: right;
    width: calc(100% - 50px);
    cursor: default;
  }

    .header-menu .all-categories > span:before {
      content: "\66";
      display: inline-block;
      margin-left: 10px;
      font-size: 17px;
      vertical-align: bottom;
      font-family: "emporium-icons";
      color: #8c8c8c;
      font-weight: normal;
      text-transform: none;
      transition: all .2s ease;
    }


  .plus-button {
    position: relative;
    z-index: 1;
    float: left;
    width: 50px;
    height: 50px;
    cursor: pointer;
  }

    .plus-button:before {
      content: "\6b";
      position: absolute;
      display: block;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      font-family: "emporium-icons";
      font-size: 10px;
      color: #8c8c8c;
    }

  .ico-compare,
  .ico-wishlist {
    display: block;
    padding: 15px 20px;
    line-height: 18px;
    font-size: 13px;
    font-weight: 700;
    color: #8c8c8c;
    background-color: #f6f6f6;
    border-top: 3px solid #fff;
    cursor: pointer;
    text-transform: uppercase;
  }


    .ico-compare:before,
    .ico-wishlist:before {
      display: inline-block;
      font-family: "emporium-icons";
      margin-left: 10px;
      font-size: 17px;
      color: #8e8e8e;
      font-weight: normal;
      text-transform: none;
      vertical-align: bottom;
    }


  /* NEW ACCOUNT STYLING */

  .personal-button {
    position: static !important;
  }

  /* END ACCOUNT STYLING */

  .wishlist-qty {
    display: none;
  }

  .header-menu {
    overflow-y: auto;
  }

    .header-menu .sublist-wrap {
      position: fixed;
      top: 0;
      right: 0;
      z-index: 2;
      width: 320px;
      height: 100%;
      box-shadow: 1px 0 5px rgba(0,0,0,0.5);
      overflow-y: auto;
      background-color: #fff !important;
      transition: all 0.3s ease;
    }

    .header-menu .sublist-wrap {
      right: -100%;
    }

      .header-menu .sublist-wrap.active {
        right: 0;
      }

    .header-menu ul li.back-button {
      background-color: #97c300;
    }

    .header-menu .back-button span {
      padding: 15px 20px !important;
      text-align: left;
      color: #fff;
      text-transform: uppercase;
      cursor: pointer;
    }

      .header-menu .back-button span:before {
        content: "\6a";
        display: inline-block;
        margin-left: 10px;
        font-family: "emporium-icons";
        font-size: 10px;
        text-transform: none;
      }


  /*********** MOBILE FLYOUT CART ************/

  .mobile-flyout-wrapper .close-side-menu-text:before {
    content: "\64";
  }

  .mobile-flyout-wrapper .flyout-cart-scroll-area {
    max-height: calc(100vh - 97px);
    overflow-y: scroll;
  }

  .mobile-flyout-wrapper {
    position: fixed;
    top: 0;
    right: -100%;
    width: 400px;
    max-width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #fff;
    text-align: right;
    margin-top: 0 !important;
    opacity: 1;
    padding: 0;
    border-radius: 0;
    pointer-events: auto;
    transition: all 0.3s ease;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    box-shadow: none;
    z-index: 1070 !important;
  }

    .mobile-flyout-wrapper.open {
      right: 0;
    }

    .mobile-flyout-wrapper .close-side-menu {
      display: block;
    }



  /******** LOGIN FORM IN HEADER ********/


  .profile-menu-box.login-form-in-header {
    padding: 0;
    width: 320px;
  }

  .login-form-in-header form {
    padding: 20px 20px 0;
  }



  /* SEARCH BOX */

  .search-box form {
    padding: 20px;
  }

  .search-box input.search-box-text {
    width: calc(100% - 45px);
    padding: 0 15px 0 5px;
  }

  .ui-autocomplete {
    width: calc(100% - 40px) !important;
  }


  /* HEADER LINKS */

  #topcartlink {
    display: none;
  }

  .header-links-wrapper .header-links > ul {
    display: none;
  }

  .header-links-wrapper.open {
    display: block;
  }

  /* ACCOUNT PAGES */




  .html-account-page .block {
    float: none;
    width: auto;
    text-align: center;
  }

    .html-account-page .block .listbox {
      display: block !important;
    }


  .item-box .btn-wrapper {
    display: none !important;
  }
}






@media all and (max-width: 1024px) and (min-width: 481px) {
  .page-body .product-selectors > div.filters-button-wrapper {
    float: none;
    display: inline-block !important;
    margin: 0 0 8px 4px;
    width: calc(50% - 4px) !important;
  }
}






@media all and (max-width: 480px) {
  .page-body .product-selectors .product-sorting, .product-selectors .product-page-size {
    width: 100% !important;
  }
}


@media all and (min-width: 481px) {

  /* GLOBAL STYLES */

  .side-2:after {
    content: "";
    display: block;
    clear: both;
  }

  /* FOOTER */

  .footer-middle {
    text-align: center;
    font-size: 0;
  }

  .footer-block {
    display: inline-block;
    border-bottom: 0;
    width: 31.33%;
    margin: 0 1%;
    vertical-align: top;
  }

    .footer-block .title {
      padding: 0 15px 5px;
      border: none;
    }

    .footer-block:first-child {
      border-top: none;
    }

    .footer-block ul {
      display: block;
      background-color: transparent;
    }

    .footer-block .title:before,
    .footer-block .title:after {
      display: none;
    }

  .social-icons {
    padding-top: 35px;
    border-top: 1px solid #eeeeee;
  }

  .newsletter-email {
    max-width: 355px;
  }

  /* LEFT/RIGHT COLUMN */

  .block {
    float: right;
    width: 48%;
    margin: 0 1% 2%;
    text-align: right;
  }

    .block:nth-of-type(2n+1) {
      clear: right;
    }


    .block .tags li,
    .product-tags-all-page li {
      margin: 0 5px;
    }



  /* CATEGORY PAGE & GRIDS */

  .item-box {
    width: 49%;
    text-align: center;
  }

    .item-box:nth-child(2n+1) {
      margin-right: 0;
      clear: both;
    }



  /* PRODUCT PAGE */

  .attributes-wrapper {
    max-width: 560px;
    margin: 0 auto 30px;
  }

  .product-additional {
    margin: 0 -10px 60px;
  }

  .attributes select + .qty-box {
    margin-top: 0;
    vertical-align: top;
  }


  /* REVIEW PAGE */
  /* WISHLIST & COMPARE LIST */
  /* TOPICS */

  .enter-password-form input[type="password"] {
    width: 300px !important;
  }

  /* CONTACT PAGE & EMAILaFRIEND */
  /* REGISTRATION, LOGIN, MY ACCOUNT */

  .login-page .title strong,
  .registration-page .title strong {
    font-size: 18px;
  }

  .date-of-birth .date-picker-wrapper select {
    padding: 0 35px 0 20px;
    background: #fff url(../Themes/Emporium/Content/img/select-arrow-dark.svg) no-repeat left 15px center;
  }

  .account-page {
    padding: 40px 20px;
  }

  .customer-info-page .page-body,
  .change-password-page .page-body,
  .check-gift-card-balance-page .page-body,
  .avatar-page .page-body,
  .address-edit-page .page-body,
  .vendorinfo-page .page-body {
    padding: 50px;
  }

  .date-of-birth .date-picker-wrapper select,
  .date-of-birth .date-picker-wrapper select:first-child,
  .date-of-birth .date-picker-wrapper select:last-child {
    width: 33.33%;
  }

  .address-item .title,
  .order-item .title,
  .request-item .title {
    text-align: center;
  }

  .address-item:first-child,
  .add-button:first-child,
  .order-item:first-child,
  .request-item:first-child {
    margin-top: 0;
  }


  /* SHOPPING CART & CHECKOUT */


  .cart-collaterals > div > .list {
    padding: 30px;
  }

  .order-review-data,
  .order-details-area,
  .shipment-details-area {
    font-size: 0;
    margin: 0 0 30px;
    text-align: center;
  }

    .order-review-data > div,
    .order-details-area > div,
    .shipment-details-area > div {
      display: inline-block;
      vertical-align: top;
      width: calc(50% - 12.5px);
      margin-right: 25px;
      max-width: 590px;
    }

      .order-review-data > div:nth-child(2n + 1),
      .order-details-area > div:nth-child(2n + 1),
      .shipment-details-area > div:nth-child(2n + 1) {
        margin-right: 0;
      }

  .checkout-page .edit-address {
    padding: 40px 20px 0;
  }


  .payment-logo {
    display: inline-block;
    margin: 0 0 0 15px;
    vertical-align: middle;
  }


    .payment-logo + .payment-details {
      display: inline-block;
      vertical-align: middle;
      max-width: calc(100% - 90px);
    }

  .shipping-method .method-list li,
  .payment-method .method-list li {
    padding: 22px 85px 22px 22px;
  }

  .shipping-method .method-list input[type="radio"] + label:before,
  .shipping-method .method-list input[type="checkbox"] + label:before,
  .payment-method .method-list input[type="radio"] + label:before,
  .payment-method .method-list input[type="checkbox"] + label:before {
    right: 35px;
  }


  /* SEARCH PAGE & SITEMAP */
  /* BLOG & NEWS */
  /* FORUM & PROFILE */



  .forum-actions .actions a,
  .forum-actions .actions a:nth-child(2n+1) {
    padding: 0 20px;
    margin: 0 3px;
    width: auto;
  }

  .topic-post .post-info {
    padding: 30px 30px 25px;
  }

  .topic-post .avatar {
    width: 160px;
  }

  .topic-post .user-info {
    padding-right: 175px;
    min-height: 160px;
  }

  .topic-post .username {
    margin: 5px 0;
  }

  .topic-post .post-content {
    padding: 0 30px 30px;
  }


  .topic-post .post-vote > span {
    width: 30px;
  }

  .product-specs-box .data-table colgroup col:first-child {
    width: 30%;
  }
}

@media all and (max-width: 481px) {

  .item-box {
    width: 96%;
    text-align: center;
    margin-right: 2% !important;
  }

  .checkout-form-input {
    flex-direction: column;
    text-align: right;
  }

    .checkout-form-input input {
      width: 100%;
    }

  .button-outline {
    width: 100%;
  }

  .footer-middle {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

    .footer-middle .footer-block {
      width: 50%;
      border: none;
      text-align: right;
      padding: 10px;
    }

      .footer-middle .footer-block .title {
        padding: 8px;
      }

      .footer-middle .footer-block .list {
        display: block !important;
        background: none;
      }

  .footer-block .title:before, .footer-block .title:after {
    content: none !important;
  }

  .footer-middle .footer-marks.socials-and-payments {
    width: 100%;
    min-width: 100%;
    display: flex;
    justify-content: center;
  }

    .footer-middle .footer-marks.socials-and-payments .footer-mark {
      margin: 13px;
    }

  .product-specs-box .data-table colgroup col:first-child {
    width: max-content;
  }

  .productTabs.ui-tabs .ui-tabs-panel {
    padding: 0 !important
  }
}

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

  /* GLOBAL STYLES */
  .master-wrapper-content,
  .html-account-page .master-wrapper-content {
    padding: 60px 20px;
  }

  .page {
    clear: both;
    text-align: right;
  }

  .link-rss {
    display: block;
    float: left;
    margin: 5px 0 0;
  }

  /* NOTIFICATIONS & POPUPS */

  .eu-cookie-bar-notification {
    padding: 50px;
  }

  .bar-notification {
    padding: 14px 40px 14px 20px;
  }

    .bar-notification .content {
      font-size: 17px;
      line-height: 32px;
    }

  /* LEFT/RIGHT COLUMN */

  .center-2 {
    margin: 0 0 50px;
  }

  .block {
    width: 31.3333%;
    margin: 0 1% 2%;
  }

    .block:nth-of-type(2n+1) {
      clear: none;
    }

    .block:nth-of-type(3n+1) {
      clear: right;
    }

  /* CATEGORY PAGE & GRIDS */

  .two-row-carousels {
    padding: 0 10px;
  }

  .home-page .topic-block-body {
    padding: 0 20px;
  }

  .vendor-item .title a,
  .manufacturer-item .title a,
  .category-grid .item-box .title a {
    padding: 19px 15px;
  }

  .home-page .topic-block-title h2,
  .product-grid .title,
  .news-list-homepage .title,
  .home-page-polls .title {
    font-size: 30px;
  }

  .shopping-cart-page .product-grid .title {
    font-size: 26px;
  }

  .item-box .product-title,
  .item-box .title {
    padding: 0 10px;
    font-weight: 700;
    line-height: 22px;
  }

  .item-box .product-title,
  .item-box .title {
    padding: 0 10px;
  }

  .home-page-advantages {
    font-size: 0;
  }

  .advantages-item {
    display: inline-block;
    width: calc(50% - 2.5px);
    margin: 0 5px 5px 0;
  }

    .advantages-item:nth-child(2n+1) {
      margin-right: 0;
    }

    .advantages-item:only-child {
      width: 100%;
      margin: 0;
    }


  .news-list-homepage:after {
    content: "";
    display: block;
    clear: both;
  }

  .news-list-homepage .news-item {
    float: right;
    padding: 30px;
    width: 49.3%;
    margin-right: 1.4%;
  }

    .news-list-homepage .news-item:nth-child(2n+1) {
      margin-right: 0;
      clear: right;
    }


  .breadcrumb {
    margin: 0 0 5px;
  }

  .page-title,
  .category-description,
  .manufacturer-description,
  .vendor-description {
    text-align: center;
  }


  .item-box .picture {
    position: relative;
    backface-visibility: hidden;
  }

  .item-box .btn-wrapper {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    min-width: 130px;
    pointer-events: none;
    transition: opacity .2s ease;
  }

  .item-box:hover .btn-wrapper {
    opacity: 1;
    pointer-events: auto;
  }


  .item-box .buttons {
    display: block;
  }


  .item-box .product-rating-box {
    margin-bottom: 12px;
  }

  .item-box .prices > *:last-child:not(:empty) {
    margin-bottom: 15px;
  }


  .pager li {
    margin: 0 2px;
  }

  /* PRODUCT PAGE */

  .product-details-page {
    text-align: center;
  }

  .full-description,
  .product-specs-box {
    margin: 0 -20px;
    padding: 40px 30px;
  }

    .full-description + .product-collateral .product-specs-box {
      padding-top: 0;
      padding-bottom: 40px;
    }


  .product-tags-box {
    margin-top: 60px;
  }

  .attributes-wrapper > div.product-prices-box,
  .attributes-wrapper > div.tier-prices {
    padding: 0;
  }

  .overview-buttons {
    text-align: right;
  }

    .overview-buttons div {
      margin: 0 0 10px 10px;
    }

  .overview .qty-label,
  .variant-overview .qty-label {
    position: static;
    right: 0;
    margin: 0 0 0 5px;
  }

  .variant-picture {
    float: right;
  }

    .variant-picture + .variant-overview {
      width: auto;
      text-align: right;
      margin: 0 350px 0 0;
    }

  .variant-overview .tax-shipping-info {
    text-align: right;
  }

  .product-variant-line .attributes-wrapper,
  .product-variant-line .attributes {
    padding: 0;
  }


    .product-variant-line .attributes dt,
    .product-variant-line .attributes dd {
      text-align: right;
    }

    .product-variant-line .attributes-wrapper > div {
      margin-right: 0;
    }

  .tier-prices .table-wrapper {
    border: 1px solid #e7e7e7;
    border-radius: 3px;
  }

  .tier-prices .prices-table {
    display: table;
    width: 100%;
    border: none;
    border-collapse: collapse;
  }

  .tier-prices .prices-row {
    display: table-row;
    border-top: 1px solid #e7e7e7;
    float: none;
    width: auto;
  }

    .tier-prices .prices-row:first-child {
      border-top: 0;
    }

  .tier-prices .tbody {
    border-right: none;
  }

  .tier-prices .prices-row > div {
    display: table-cell;
  }

  .tier-prices .field-header {
    min-width: 100px;
  }

  .rental-attributes dt {
    min-width: 75px;
  }

  .attribute-squares {
    text-align: center;
  }

    .attribute-squares li {
      margin: 0 0 10px 10px;
    }

  .attributes-wrapper > div.tier-prices {
    max-width: none;
  }



  /* REVIEW PAGE */

  .write-review-collapse {
    padding: 40px 60px;
  }


  /* TABLES */



  /* WISHLIST & COMPARE LIST */


  .share-info,
  .tax-shipping-info,
  .wishlist-content .buttons {
    text-align: center;
  }

  .wishlist-content .button-2 {
    display: inline-block;
    margin: 0 3.5px 7px;
  }

  .wishlist-content .wishlist-add-to-cart-button {
    display: block;
    width: 517px;
    margin: 0 auto;
  }

  .wishlist-content .button-2,
  .wishlist-content .wishlist-add-to-cart-button {
    display: inline-block;
    min-width: 200px;
    width: auto;
    margin: 0 3.5px;
    font-weight: 700;
  }

  .wishlist-page .share-info {
    margin: 70px -20px 50px;
  }

  .compare-products-page img {
    width: 100%;
    max-width: 280px;
  }

  .compare-products-mobile {
    margin: 0 -20px;
  }

  .compare-products-table td {
    padding: 20px 10px;
    font-size: 15px;
    color: #8c8c8c;
    font-weight: 400;
    text-align: center;
  }

  .compare-products-table .remove-product td {
    padding: 0;
  }

  .compare-products-table .product-price td {
    color: #97c300;
    font-size: 17px;
    font-weight: 700;
  }

  .compare-products-table .product-name td {
    font-size: 16px;
    font-weight: 700;
  }

  .compare-products-table .product-picture td {
    padding: 10px;
  }

  .compare-products-table .remove-product td {
    position: relative;
    text-align: left;
  }

    .compare-products-table .remove-product td button {
      position: absolute;
      top: 5px;
      left: 5px;
      z-index: 1;
    }

  .compare-products-table .product-name td a {
    color: #444;
  }

  .compare-products-table tr td:first-child {
    padding: 20px;
    min-width: 170px;
    max-width: 170px;
    color: #8c8c8c;
    font-size: 17px;
    background-color: #f6f6f6;
    text-align: left;
    font-weight: 300;
  }

  .compare-products-table tr td.empty:first-child {
    padding: 0;
    font-size: 0;
  }

  .compare-products-table .full-description {
    display: none;
  }

  .compare-products-table-mobile img {
    max-width: 160px;
  }


  /* TOPICS */
  /* CONTACT PAGE & EMAILaFRIEND */

  .registration-page,
  .private-messages,
  .email-a-friend-page,
  .contact-page,
  .apply-vendor-page,
  .forum-edit-page,
  .registration-page .page-title,
  .private-messages .page-title,
  .email-a-friend-page .page-title,
  .contact-page .page-title,
  .apply-vendor-page .page-title,
  .forum-edit-page .page-title {
    text-align: center;
  }

  .private-messages-page button + button {
    margin-top: 0;
  }

  .ui-tabs .ui-tabs-panel {
    margin: 0 -20px;
    padding: 50px 6vw;
  }

  .private-messages-page td.date,
  .private-messages-page th.date {
    white-space: nowrap;
    width: 20%;
  }


  /* REGISTRATION, LOGIN, MY ACCOUNT */

  .customer-info-page .page-body,
  .change-password-page .page-body,
  .check-gift-card-balance-page .page-body,
  .avatar-page .page-body,
  .address-edit-page .page-body,
  .vendorinfo-page .page-body,
  .form-style {
    padding: 50px 65px;
  }

  .login-page .external-authentication > * {
    margin: 30px -20px 0;
    width: calc(100% + 40px);
  }


  .account-page #Username,
  .registration-page #Username {
    max-width: calc(100% - 200px);
  }

  #check-availability-button {
    position: absolute;
    top: 30px;
    left: 0;
    right: auto;
    width: 190px;
    margin: 0;
    float: none;
    clear: none;
  }

  .address-list,
  .order-list,
  .return-request-list-page .page-body {
    font-size: 0;
  }

  .address-item,
  .add-button,
  .order-item,
  .request-item,
  .address-grid > div {
    display: inline-block;
    width: calc(50% - 12.5px);
    margin: 25px 25px 0 0;
    text-align: center;
  }

    .address-item:nth-child(2),
    .order-item:nth-child(2),
    .request-item:nth-child(2),
    .address-grid > div:nth-child(2) {
      margin-top: 0;
    }

    .address-item:nth-child(2n+1),
    .order-item:nth-child(2n+1),
    .request-item:nth-child(2n+1),
    .address-grid > div:nth-child(2n+1) {
      margin-right: 0;
    }

  .checkout-page .address-grid .add-button:only-child {
    display: block !important;
    margin-right: auto !important;
    margin-left: auto;
    float: none;
  }

  /* SHOPPING CART & CHECKOUT */

  .cart-collaterals:after {
    content: "";
    display: block;
    clear: both;
  }

  .cart-collaterals > div {
    float: right;
    width: calc(50% - 5px);
    margin: 0 10px 10px 0;
  }

    .cart-collaterals > div:nth-child(2n+1) {
      margin-right: 0;
    }

  .shopping-cart-page .common-buttons {
    text-align: center;
  }

    .shopping-cart-page .common-buttons button {
      display: inline-block;
      margin: 0 3.5px 7px;
    }

  .cart-options {
    text-align: left;
  }

    .cart-options .common-buttons button {
      margin: 0 10px 0 0;
    }

    .cart-options .checkout-attributes {
      padding: 40px;
    }

    .cart-options .attribute-squares {
      text-align: right;
    }

    .cart-options dd:last-child {
      margin-bottom: 0;
    }

  .order-details-page .options,
  .order-details-page .tax-shipping-info {
    text-align: center;
  }

  .order-details-page .total-info {
    overflow: hidden;
  }

  .order-details-page .actions {
    text-align: center;
  }

    .order-details-page .actions button {
      min-width: 0;
    }

  .order-progress {
    overflow: hidden;
    padding-top: 10px;
    margin: 0 0 50px;
  }

    .order-progress a {
      padding: 0 5px;
      margin-bottom: 40px;
      width: 120px;
      height: 70px;
    }

      .order-progress a span {
        position: absolute;
        display: block;
        top: 80px;
        right: 0;
        width: 100%;
        text-align: center;
        font-size: 13px;
        color: #8c8c8c;
        font-weight: 700;
        text-transform: uppercase;
      }

    .order-progress .inactive-step span {
      color: #b7b7b7;
    }

    .order-progress .active-step.last a span {
      color: #97c300;
    }

    .order-progress .active-step.last a:before {
      font-size: 22px;
      width: 65px;
      height: 65px;
      line-height: 57px;
    }


  /* SEARCH & SITEMAP */

  .search-page .search-input form {
    margin: 0 -20px 40px;
    padding: 45px 0;
  }


  /* BLOG & NEWS */



  .center-2 .news-items:after,
  .center-2 .blog-page:after {
    content: "";
    display: block;
    clear: both;
  }

  .center-2 .blog-page .post,
  .center-2 .news-items .news-item {
    float: right;
    width: calc(50% - 15px);
    margin: 0 30px 30px;
  }

  .center-2 .blog-page .post-details,
  .center-2 .news-items .news-item {
    padding: 40px;
  }

    .center-2 .blog-page .post:nth-child(2n+1),
    .center-2 .news-items .news-item:nth-child(2n+1) {
      margin-right: 0;
      clear: right;
    }

  .blogpost-page .post-body,
  .news-item-page .news-body {
    padding: 0 0 20px;
    margin: 0 auto 20px;
  }

    .blogpost-page .post-body p {
      padding: 0 20px;
    }


  .blog-page .tags,
  .blogpost-page .tags {
    text-align: center;
  }

  .blogpost-page,
  .news-item-page {
    text-align: center;
  }


  .post-date,
  .news-date {
    text-align: center;
  }


  .new-comment,
  .comment-list {
    margin-right: -20px;
    margin-left: -20px;
  }

  .comment-list {
    padding: 0 20px 50px;
  }

  .new-comment {
    text-align: center;
  }

    .new-comment textarea {
      width: 500px;
    }

  .comment-list .comment {
    position: relative;
    padding: 35px;
  }

  .comment-info {
    float: right;
    margin: 0;
  }

    .comment-info .avatar {
      width: 125px;
      height: 125px;
    }

  .name-and-time {
    position: absolute;
    top: 35px;
    right: 180px;
    width: auto;
    margin-right: 0;
  }

  .comment-info + .comment-content {
    margin: 55px 145px 0 0;
  }

  /* FORUM & PROFILE */


  .forum-name h1 {
    margin: 0 40px;
  }

  .forums-main-page .topic-block-title h2 {
    font-size: 30px;
  }

  .forums-table-section-title .link-rss {
    float: left;
    margin: 0;
  }

  .forums-table-section .view-all {
    text-align: center;
  }

  .forum-actions .pager.upper {
    display: block;
  }

  .topic-actions .actions a,
  .topic-actions .actions a.edit-topic-button {
    display: inline-block;
    width: auto;
    padding: 0 18px;
    margin: 0 2.5px;
  }

    .topic-actions .actions a:nth-child(2n) {
      margin-right: 3px;
    }


  .forum-topic-page .topic-options {
    float: right;
  }

  .topic-post .quote,
  .latest-posts .quote {
    padding: 15px 25px;
  }

  .forum-search-page .advanced-search {
    margin: 0 auto 30px;
    padding: 35px 30px 40px;
  }




  .private-message-view-page .message-head li {
    display: inline-block;
    margin-left: 20px;
  }

  .private-message-view-page .message-head span:after {
    content: "|";
    margin: 0 25px 0 0;
  }

  .private-message-view-page .message-head li:last-child span:after {
    content: none;
  }

  .private-message-view-page .buttons button {
    display: inline-block;
    margin: 0 5px;
    width: auto;
    width: 25%;
    max-width: 220px;
  }

  .profile-info-box {
    padding: 40px;
  }

  .profile-page .topic {
    padding: 33px 50px;
    overflow: hidden;
  }

  .profile-page .topic-title,
  .profile-page .topic-data {
    float: right;
    width: 22%;
    clear: both;
  }

  .profile-page .topic-body {
    margin-right: 24%;
  }

  .home-head {
    height: 83vh;
  }

  .product-specs-box .data-table colgroup col:first-child {
    width: 25%;
  }

  .topic-body {
    margin-top: -70px !important;
  }

  .home-products-row .item-box {
    width: 46%;
    margin-right: 2% !important;
  }
}

@media all and (max-width: 767px) {
  .add-to-cart-panel {
    position: fixed !important;
    bottom: 0px;
    background: #fff;
    width: 100%;
    right: 0px;
    padding: 10px;
    z-index: 1035;
    display: flex !important;
    justify-content: space-between;
    border-top: 1px solid #acacac;
  }

    .add-to-cart-panel button {
      width: unset;
    }

  .price-container {
    display: flex;
    justify-content: space-between;
  }

    .price-container .priceperring {
      padding-top: 32px;
    }

  .video-section {
    height: 32vh;
  }

    .video-section video {
      height: 32vh;
    }

  .home-products-row .item-box {
    width: 98%;
    margin-right: 2%;
  }
}

@media all and (min-width: 1025px) {

  /* GLOBAL STYLES */

  .mobile {
    display: none !important;
  }

  .admin-header-links {
    float: right;
    font-size: 12px;
    background: none;
    color: #bbb;
  }

    .admin-header-links:only-child {
      float: none;
      display: block;
    }

    .admin-header-links a,
    .admin-header-links span {
      line-height: 30px;
      font-weight: normal;
      transition: 0.2s ease;
    }

      .admin-header-links a:hover {
        color: #fff;
      }

  .product-grid,
  .category-grid,
  .topic-block,
  .news-list-homepage {
    margin: 0 auto 50px;
  }

    .product-grid:last-child,
    .category-grid:last-child,
    .topic-block:last-child,
    .news-list-homepage:last-child {
      margin-bottom: 0;
    }

  .center-2 .category-grid {
    margin: 0 0 30px;
  }

  .center-2 .product-grid,
  .center-2 .category-grid,
  .center-2 .topic-block {
    width: 100%;
  }

  .category-description,
  .manufacturer-description,
  .vendor-description {
    margin: 0 0 30px;
  }

  .center-2 {
    margin: 0 0 50px 0;
    float: left;
    width: 70%;
  }

  .side-2 {
    border: 1px solid #eeeeee;
    float: right;
    width: 27%;
  }

  .inputs {
    text-align: right;
  }

  /* HEADER */

  .header {
    position: relative;
    z-index: 1020;
    margin: 0 auto;
    text-align: right;
  }

  .header-upper {
    background-color: #444444;
    text-align: left;
  }

  .header-selectors-wrapper:after {
    content: "";
    display: block;
    clear: both;
  }

  .header-selectors-wrapper select {
    padding: 0 0 0 15px;
    background: transparent;
    border: none;
    color: #ababab;
    height: 30px;
    font-size: 13px;
    min-width: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .currency-selector.desktop,
  .language-selector.desktop .select-wrap,
  .tax-display-type-selector {
    position: relative;
  }

    .currency-selector.desktop:before,
    .language-selector.desktop .select-wrap:before,
    .tax-display-type-selector .select-wrap:before {
      content: "\6b";
      position: absolute;
      top: 50%;
      right: auto;
      left: 0;
      transform: translateY(-50%) rotate(-90deg);
      display: inline-block;
      font-family: "emporium-icons";
      font-size: 7px;
      color: #ababab;
      pointer-events: none;
    }

  .header-selectors-wrapper,
  .header-lower {
    width: calc(100% - 110px);
    margin: 0 auto;
  }

  .header-menu {
    /* padding: 0 55px; */
    padding: 0 2vw !important;
  }

  .all-categories {
    display: none !important;
  }

  .header-menu:after {
    content: "";
    display: block;
    clear: both;
  }

  .header-menu > ul {
    float: left;
  }

  .header-menu-parent {
    font-size: 0;
  }

  .category-navigation-list-wrapper {
    display: inline-block;
    position: relative;
    border-left: 3px solid #fff;
    overflow: hidden;
  }

    .category-navigation-list-wrapper * {
      font-size: 0;
    }

  .category-navigation-list {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 10px;
    padding: 10px 0;
    border: 1px solid #eeeeee;
    opacity: 0;
    pointer-events: none;
    width: 100%;
    background-color: #fff;
    transition: all .3s ease;
    z-index: 1099;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
  }

    .category-navigation-list > li > .sublist-wrap {
      margin-top: -16px;
    }

      .category-navigation-list > li > .sublist-wrap .sublist-wrap {
        margin-right: -1px;
      }

  .category-navigation-list-wrapper .sublist-wrap {
    position: absolute;
    font-size: 0;
    top: 0;
    right: 100%;
    margin: 0;
    width: 0 !important;
    border: none;
    padding: 15px 0;
    background: url(../Themes/Emporium/Content/img/shadow-top.png) top right repeat-x, url(../Themes/Emporium/Content/img/shadow-bottom.png) bottom right repeat-x;
    pointer-events: none;
    overflow: hidden;
    transition: all .3s ease;
  }


    .category-navigation-list-wrapper .sublist-wrap .sublist {
      border: 1px solid #eeeeee;
      border-width: 1px 0;
      padding: 10px 0;
      background-color: #fff;
    }

  .category-navigation-list .plus-button {
    display: none;
  }

  .category-navigation-list-wrapper .sublist > li {
    opacity: 0;
  }

  .category-navigation-list-wrapper ul li a,
  .category-navigation-list-wrapper ul li > span {
    position: relative;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 20px 0 35px;
    height: 40px;
    line-height: 40px;
    color: #8c8c8c;
    font-size: 15px;
    font-weight: bold;
    transition: all .2s ease;
  }

  .category-navigation-list-wrapper ul li span {
    font-size: 15px;
  }

  .category-navigation-list-wrapper ul li:hover > .sublist-wrap {
    opacity: 1;
    pointer-events: auto;
    overflow: visible;
    width: 100% !important;
  }

    .category-navigation-list-wrapper ul li:hover > .sublist-wrap > .sublist {
      border-width: 1px;
    }

      .category-navigation-list-wrapper ul li:hover > .sublist-wrap > .sublist > li {
        opacity: 1;
        transition: all .1s ease-in .3s;
      }

  .category-navigation-list-wrapper ul li:hover > a,
  .category-navigation-list-wrapper ul li:hover > span {
    background-color: #f6f6f6;
    color: #97c300;
  }

    .category-navigation-list-wrapper ul li:hover > a:after {
      color: #97c300;
    }

  .category-navigation-title {
    position: relative;
    z-index: 1100;
    display: block;
    width: 280px;
    padding: 0 15px;
    line-height: 50px;
    height: 50px;
    font-size: 14px;
    cursor: pointer;
    text-transform: uppercase;
    color: #444444;
    font-weight: bold;
    transition: all .2s ease;
  }

    .category-navigation-title:before {
      content: "\66";
      display: inline-block;
      margin-left: 10px;
      font-size: 17px;
      vertical-align: bottom;
      font-family: "emporium-icons";
      color: #8c8c8c;
      font-weight: normal;
      text-transform: none;
      transition: all .2s ease;
    }

  .category-navigation-list-wrapper:hover {
    overflow: visible;
  }

    .category-navigation-list-wrapper:hover .category-navigation-title {
      background-color: #eebe00;
      color: #fff;
    }

      .category-navigation-list-wrapper:hover .category-navigation-title:before {
        color: #fff;
      }

    .category-navigation-list-wrapper:hover .category-navigation-list {
      margin-top: 0;
      opacity: 1;
      pointer-events: auto;
    }

  .category-navigation-list-wrapper .with-subcategories:after {
    content: "\6b";
    position: absolute;
    ;
    top: 50%;
    left: 20px;
    right: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "emporium-icons";
    font-size: 8px;
    color: #8e8e8e;
  }


  .header-lower {
    padding: 20px 0 18px;
    text-align: center;
    font-size: 0;
  }

    .header-lower:after {
      content: '';
      display: block;
      clear: both;
    }

  .header-logo {
    float: right;
    /*    width: 20%;*/
    text-align: right;
    padding-left: 10px;
  }

  .header-links-wrapper {
    float: left;
    width: 31%;
    margin-bottom: 0;
    text-align: left;
  }

  .header-links {
    display: table;
    width: 100%;
  }

    .header-links ul {
      font-size: 0;
      padding: 0 10px;
      display: inline-table;
    }

    .header-links li {
      position: relative;
      display: table-cell;
      text-align: center;
      vertical-align: top;
    }

      .header-links li + li {
        padding-right: 10px;
      }

    .header-links a {
      display: inline-block;
      font-size: 13px;
      color: #8c8c8c;
      transition: color .2s ease;
    }

    .header-links .profile-menu-box .ico-inbox {
      font-size: 0;
    }

    .header-links .profile-menu-box span:before,
    .header-links .profile-menu-box a:before {
      font-size: 17px;
      margin: 0 0 0 7px;
    }

    .header-links span:before,
    .header-links a:before {
      display: block;
      margin-bottom: 4px;
      font-family: "emporium-icons";
      font-size: 24px;
      color: #8e8e8e;
      transition: color .2s ease;
    }

    .header-links a.ico-cart:before {
      font-size: 26px;
    }

    .header-links a:hover,
    .header-links a:hover:before {
      color: #97c300;
    }

  .ico-wishlist .wishlist-qty,
  .ico-cart .cart-qty {
    position: absolute;
    display: inline-block;
    top: -5px;
    left: 50%;
    -webkit-transform: translateX(-50%) translateX(-25px);
    -ms-transform: translateX(-50%) translateX(-25px);
    transform: translateX(-50%) translateX(-25px);
    background-color: #97c300;
    font-size: 10px;
    height: auto;
    padding: 0 3px;
    width: auto;
    min-width: 15px;
    min-height: 15px;
    line-height: 15px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
  }

  .ico-cart .cart-label {
    font-weight: bold;
    display: inline-block;
    /* height: 15px; */
    white-space: nowrap;
  }

  .header-logo {
    float: right;
  }

  .header-links-wrapper {
    float: left;
  }

  .search-box {
    display: none;
    font-size: 0;
  }

  .header-lower .search-box {
    float: right;
    width: 40%;
  }

  .search-box .search-box-button {
    width: 47px;
    height: 47px;
    border: none;
    background: #eebe00 url(../Themes/Emporium/Content/img/search-button-desktop.png) center no-repeat;
    transition: background-color .1s ease;
  }

  .search-box form {
    display: block;
  }

  .search-box input.search-box-text {
    height: 47px;
    color: #8c8c8c;
    width: calc(100% - 47px);
  }

  .mobile-flyout-wrapper {
    position: relative;
    display: table-cell;
    width: 1%;
    vertical-align: top;
    text-align: center;
    padding-right: 10px;
    z-index: 1200;
  }

  .mini-shopping-cart {
    display: none;
    position: absolute;
    top: 98%;
    left: 0;
    padding-top: 8px;
    z-index: 1030;
  }

  .mobile-flyout-wrapper:hover .mini-shopping-cart {
    display: block;
  }


  .mini-shopping-cart > div:before {
    content: " ";
    position: absolute;
    bottom: 100%;
    right: auto;
    left: 17px;
    border: solid transparent;
    height: 0;
    width: 0;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-right: -8px;
  }

  .mini-shopping-cart .flyout-cart-scroll-area {
    border-radius: 3px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    width: 430px;
  }

  .flyout-cart .items {
    padding: 0 20px;
    max-height: calc(100vh - 320px);
    overflow: hidden;
  }

  .mini-shopping-cart .right {
    float: left;
    clear: left;
    max-width: 80px;
    text-align: left;
  }

  .mini-shopping-cart .left {
    width: calc(100% - 90px);
    float: right;
  }


  .mini-shopping-cart .name a {
    margin: 0 0 10px;
  }

  .mini-shopping-cart .attributes {
    margin-bottom: 10px;
  }

  .mini-shopping-cart .quantity {
    font-size: 16px;
    float: none;
    margin: 0;
  }

    .mini-shopping-cart .quantity:after {
      content: none;
    }

  .mini-shopping-cart .price {
    float: none;
  }

  .ui-autocomplete {
    width: calc(100% - 47px) !important;
    z-index: 1015;
    /*should be lower than header but equal or higher than header-menu*/
  }

  .ui-autocomplete {
    padding: 8px 0;
  }

    .ui-autocomplete a {
      padding: 5px 15px;
    }

    .ui-autocomplete img {
      width: 77px;
    }

    .ui-autocomplete span {
      max-width: calc(100% - 90px);
    }

  .header-selectors-wrapper > div {
    margin: 0 10px;
  }

  .responsive-nav-wrapper-parent {
    display: none;
  }


  /* HEADER MENU */


  .menu-title,
  .close-menu,
  .header-menu .back-button {
    display: none;
  }

  .overlayOffCanvas {
    display: none !important;
  }

  .header-menu {
    text-align: right;
    position: relative;
    z-index: 1010;
    margin: 3px 0 2px;
    background-color: #f6f6f6;
  }

    .header-menu > ul {
      margin: 0 auto;
      font-size: 0;
    }

      .header-menu > ul > li {
        display: inline-block;
        vertical-align: middle;
      }

        .header-menu > ul > li > a,
        .header-menu > ul > li > span {
          display: block;
          padding: 8px 8px;
          height: 38px;
          line-height: 24px;
          font-size: 13px;
          /*reset zeroing*/
          cursor: pointer;
          text-transform: uppercase;
          color: #8c8c8c;
          font-weight: bold;
          transition: color .2s ease;
        }

        .header-menu > ul > li:hover > a,
        .header-menu > ul > li:hover > span {
          color: #444444;
        }

  .top-menu {
    display: block;
  }

  .header-menu .sublist .back-button {
    display: none;
  }



  /* FOOTER */


  .footer:after {
    content: "";
    display: block;
    clear: both;
  }

  .footer-upper {
    width: 28%;
    float: right;
    clear: right;
    text-align: right;
    padding-right: 3%;
  }

  .footer-middle {
    float: left;
    width: 72%;
    margin: 55px 0;
    padding: 0 1.5% 0 3%;
    clear: left;
    text-align: right;
  }

  .footer-lower {
    clear: both;
  }

  .footer-logo {
    margin-top: 0;
  }

  .footer-block {
    width: 20.5%;
    margin: 0 1.5%;
  }

    .footer-block ul {
      padding-bottom: 0;
    }

    .footer-block .title {
      padding: 0;
      margin-bottom: 7px;
    }

    .footer-block ul li {
      padding: 9px 0;
    }

  .footer-middle .socials-and-payments {
    width: 27%;
    float: left;
  }

  .footer-middle .social-icons {
    padding: 0;
    border: none;
    margin-top: 0;
  }

  .footer-lower {
    padding: 13px;
  }


    .footer-lower > div {
      display: inline-block;
      margin: 0 5px 0 0;
    }

      .footer-lower > div:before {
        content: "";
        display: inline-block;
        margin-left: 5px;
        width: 4px;
        height: 4px;
        vertical-align: middle;
        border-radius: 50%;
        font-size: 0;
        background-color: #c8c8c8;
      }

      .footer-lower > div:first-child {
        margin-right: 0;
      }

        .footer-lower > div:first-child:before,
        .footer-lower > div.theme-selector:before {
          display: none;
        }

      .footer-lower > div.theme-selector {
        margin: -9px 5px -9px 0;
      }


  /* LEFT/RIGHT COLUMN */

  .product-selectors {
    margin: 0 0 20px;
  }


  .block {
    float: none;
    width: auto;
    margin: 0 0 3px;
  }


    .block .title {
      cursor: default;
      padding: 14px 30px;
    }

      .block .title:before {
        content: none;
        display: none;
      }

    .block.block-recently-viewed-products .title {
      padding: 15px 20px;
    }

      .block.block-recently-viewed-products .title:before {
        display: none;
      }

    .block.block-recently-viewed-products .listbox {
      padding: 0;
    }

      .block.block-recently-viewed-products .listbox li {
        padding: 10px;
        border-top: 1px solid #eeeeee;
      }

        .block.block-recently-viewed-products .listbox li:first-child {
          border-top: 0;
        }

    .block.block-recently-viewed-products .list a {
      color: #444444;
    }

      .block.block-recently-viewed-products .list a:hover {
        color: #97c300;
      }


    .block.block-recently-viewed-products .product-picture {
      display: inline-block;
      margin-left: 16px;
      width: 84px;
      vertical-align: middle;
    }

    .block .product-picture img {
      display: block;
      max-width: 100%;
    }

    .block .product-name {
      display: inline-block;
      width: calc(100% - 103px);
      vertical-align: middle;
    }


  /* CATEGORY PAGE & GRIDS */


  .vendor-item .title a,
  .manufacturer-item .title a,
  .category-grid .item-box .title a {
    font-size: 17px;
  }


  .home-page .topic-block,
  .home-page-category-grid,
  .sub-category-grid,
  .manufacturer-grid,
  .product-grid,
  .category-grid,
  .topic-block,
  .news-list-homepage,
  .home-page-polls {
    margin-bottom: 70px;
  }

  .center-2 .product-grid {
    margin-bottom: 50px;
  }

  .home-page-advantages {
    padding: 35px 20px;
    margin: -60px -20px 70px;
    background-color: #f6f6f6;
    text-align: center;
  }

  .advantages-item {
    padding: 0 1%;
    width: 25%;
    margin: 0;
    background-color: transparent;
    text-align: center;
    vertical-align: top;
  }

    .advantages-item > div {
      display: block;
    }

    .advantages-item .picture {
      margin-bottom: 15px;
      width: 100%;
      height: auto;
    }

    .advantages-item .info {
      width: 100%;
    }

    .advantages-item .description {
      display: block;
      margin-top: 10px;
      color: #8c8c8c;
      font-size: 15px;
    }

      .advantages-item .description p {
        line-height: 1.7;
      }

  .center-2 .page-title,
  .category-description,
  .manufacturer-description,
  .vendor-description,
  .center-2 .product-grid .title {
    text-align: right;
  }

  .block {
    border: none;
  }

    .block .listbox {
      display: block;
    }


  .center-1 .breadcrumb {
    text-align: center;
  }

  .breadcrumb {
    text-align: right;
    margin: 0 0 15px 0;
  }

  .mobile-name-holder .breadcrumb {
    text-align: center;
  }

  .breadcrumb li * {
    line-height: normal;
  }



  #products-pagesize-mobile {
    display: none !important;
  }

  #products-pagesize-desktop {
    display: inline-block;
  }

  .product-selectors > div > span {
    display: inline-block;
    vertical-align: middle
  }

  .product-selectors .product-page-size {
    margin-right: 0;
    width: auto;
  }

  .product-selectors {
    font-size: 13px;
    text-align: right;
    color: #8c8c8c;
    font-weight: bold;
    text-transform: uppercase;
  }

    .product-selectors select {
      display: inline-block;
      margin: 0 10px;
      width: auto;
      height: 45px;
      background-color: #fff;
      border: 1px solid #e7e7e7;
      border-radius: 2px;
      font-weight: normal;
      text-transform: none;
      background-image: url('../Themes/Emporium/Content/img/select-arrow-dark.svg');
    }

    .product-selectors .product-sorting {
      display: inline-block;
      float: left;
      margin: 0;
      width: auto;
    }

    .product-selectors .product-viewmode {
      display: inline-block;
      float: left;
      margin: 0;
      font-size: 0;
    }


  .item-box {
    width: 32.3%;
    margin: 0 1% 1% 0;
  }

    .item-box:nth-child(2n+1),
    .item-box:nth-child(3n+1) {
      margin-right: 1%;
      clear: none;
    }

    .item-box:nth-child(4n+1) {
      margin-right: 0;
      clear: both;
    }

  .product-grid .item-box .picture > a:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #444;
    opacity: 0;
    transition: all .1s ease;
  }

  .product-grid .item-box:hover .picture > a:after {
    opacity: .4;
  }

  .carousel-wrapper .item-box .picture > a:after,
  .two-row-carousels .item-box .picture > a:after {
    content: none;
    display: none;
  }


  .product-list {
    margin-bottom: 30px;
  }

    .product-list .add-to-cart-qty-wrapper .plus,
    .product-list .add-to-cart-qty-wrapper .minus {
      height: 16px;
      line-height: 16px;
    }

  .center-2 .product-list .product-item:after {
    content: "";
    display: block;
    clear: both;
  }

  .center-2 .product-list .item-box {
    position: relative;
    width: 100%;
    margin: 0 0 15px !important;
    text-align: right;
  }

    .center-2 .product-list .item-box .picture {
      float: right;
      width: 260px;
      margin-bottom: 0;
      overflow: visible;
    }

      .center-2 .product-list .item-box .picture > a:before {
        padding-top: 100% !important;
      }

      .center-2 .product-list .item-box .picture img {
        border-radius: 0 3px 3px 0;
      }

    .center-2 .product-list .item-box .details {
      margin: 0 290px 0 30%;
      padding: 30px 0 0;
      max-height: 172px;
      overflow: hidden;
    }

    .center-2 .product-list .item-box .add-info {
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 30%;
      padding: 0 20px;
      text-align: center;
    }

  .product-list .prices > span {
    display: block;
  }

  .product-list .item-box .old-price {
    font-size: 16px;
    color: #444444;
  }

  .product-list .item-box .actual-price {
    font-size: 20px;
    margin: 4px 0;
  }

  .center-2 .product-list .item-box .buttons .button-2 {
    width: auto;
    background-color: #eebe00;
    color: #fff;
    height: 40px;
    padding: 0 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  .center-2 .product-list .item-box .btn-wrapper button {
    line-height: 45px;
    border-radius: 3px;
    background-color: #f2f2f2;
  }

    .center-2 .product-list .item-box .btn-wrapper button:hover {
      background-color: #eaeaea;
    }

    .center-2 .product-list .item-box .btn-wrapper button:before {
      font-size: 19px;
    }

    .center-2 .product-list .item-box .btn-wrapper button:hover:before {
      color: #8c8c8c;
    }


  .product-list .item-box .product-title,
  .product-list .item-box .title {
    height: auto;
    font-size: 18px;
    font-weight: bold;
    padding: 0;
  }

  .product-list .item-box .product-rating-box {
    margin-bottom: 15px;
  }


  .product-list .item-box .description {
    display: block;
    height: auto;
    max-height: 81px;
    margin: 0;
    line-height: 20px;
    font-size: 15px;
    color: #8c8c8c;
  }

  .product-list .item-box .btn-wrapper {
    right: 100%;
    top: auto;
    bottom: 30px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    width: 200px;
    padding-right: 30px;
  }

    .product-list .item-box button,
    .product-list .item-box .btn-wrapper .button-2 {
      width: 45px;
      height: 45px;
    }

      .product-list .item-box button:hover {
        background-color: #eaeaea;
      }

  .page-title h1 {
    font-size: 30px;
  }

  .topic-block-title h2 {
    font-size: 25px;
  }

  .center-2 .page-title {
    padding: 0;
  }

  .center-2 .item-box {
    width: 32.3%;
  }

    .center-2 .item-box:nth-child(2n+1),
    .center-2 .item-box:nth-child(4n+1) {
      margin-right: 1%;
      clear: none;
    }

    .center-2 .item-box:nth-child(3n+1) {
      margin-right: 0;
      clear: both;
    }

  .news-list-homepage .news-item {
    width: 32.4%;
  }

    .news-list-homepage .news-item:nth-child(2n+1) {
      margin-right: 1.4%;
      clear: none;
    }

    .news-list-homepage .news-item:nth-child(3n+1) {
      margin-right: 0;
      clear: right;
    }

  /* PRODUCT PAGE */



  .gallery .picture {
    width: auto;
  }

  .attribute-squares {
    text-align: right;
  }

  .product-tags-box .title,
  .product-details-page .product-grid .title,
  .shopping-cart-page .product-grid .title {
    font-size: 26px;
  }

  .product-variant-line .attributes-wrapper {
    margin-right: 0;
  }


  /* REVIEW PAGE */

  .product-reviews-page .page-title {
    text-align: center;
  }

  .product-review-item {
    text-align: right;
  }

    .product-review-item .review-content {
      overflow: hidden;
    }

    .product-review-item .product-review-box {
      padding: 2px 0 0;
    }

      .product-review-item .product-review-box .rating {
        margin: 0;
      }

    .product-review-item .review-item-head {
      text-align: right;
    }

    .product-review-item .review-info {
      float: right;
      padding: 0 0 0 20px;
      width: 13%;
      margin: 0;
    }

  .product-review-helpfulness {
    float: left;
    width: 20%;
    margin: 0;
    text-align: center;
    padding-right: 20px;
  }

  .review-body {
    width: 67%;
    float: right;
  }

  .product-review-item .review-info .separator {
    display: none;
  }

  .product-review-item .product-review-box,
  .review-info .user {
    margin-bottom: 10px;
  }


  /* TABLES */


  .data-table td label,
  .td-title {
    display: none;
  }

  td.remove-from-cart label,
  td.add-to-cart label {
    font-size: 0;
  }


  /* WISHLIST & COMPARE LIST */

  .compare-products-page .page-body {
    position: relative;
    margin: 0 -20px;
  }

  .compare-products-page .clear-list {
    position: absolute;
    top: 0;
    right: 0;
    width: 170px;
    text-align: center;
    border-bottom: 1px solid #eee;
    z-index: 1;
  }


  .compare-products-table {
    display: table;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
  }

    .compare-products-table td {
      border-left: 1px solid #eee;
    }

  .compare-products-mobile {
    display: none;
  }

  /* REGISTRATION, LOGIN, MY ACCOUNT */



  .login-page .new-wrapper {
    position: relative;
    float: left;
    width: 49%;
    max-width: none;
    min-height: 440px;
    z-index: 1;
  }

  .login-page .returning-wrapper form {
    float: right;
    width: 49%;
    max-width: none;
    min-height: 440px;
  }

  .login-page .customer-blocks + .topic-block {
    margin-bottom: 0;
  }

  .returning-wrapper .form-fields,
  .login-page .text,
  .registration-page .form-fields {
    padding: 45px 13% 20px;
  }

  .login-page .text {
    min-height: 255px;
  }


  .new-wrapper .text:before {
    margin: 20px 0;
  }

  .login-page .buttons,
  .registration-page .buttons,
  .registration-page .buttons {
    padding: 10px 13% 45px;
  }

  .login-page .inputs.reversed label,
  .login-page .inputs.reversed span {
    font-size: 15px;
    line-height: 17px;
  }

  .login-page .external-authentication > * {
    padding: 45px 0;
    margin: 30px 0 0;
    width: 100%;
  }

  .email-a-friend-page .page-body form,
  .contact-page .page-body form,
  .apply-vendor-page .page-body form,
  .forum-edit-page .page-body,
  .password-recovery-page .page-body,
  .private-message-send-page .page-body,
  .move-topic-page .page-body {
    padding: 45px 13%;
  }


  .html-account-page .center-2 {
    width: 73%;
  }

  .account-page {
    padding: 40px;
  }

    .account-page .address-item > .title,
    .account-page .order-item > .title,
    .account-page .request-item > .title {
      text-align: center;
    }

    .account-page .buttons {
      text-align: right;
    }

  .html-account-page .page-title {
    text-align: center;
    padding: 0 27% 0 0;
  }

  .html-account-page .side-2 {
    border: none;
  }

  .block-account-navigation.block .title {
    display: none;
  }

  .block-account-navigation.block .listbox {
    padding: 0;
    text-align: left;
  }

  .block-account-navigation.block .list a {
    position: relative;
    display: block;
    padding: 18px 52px 15px 5px;
    max-width: 100%;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    color: #b7b7b7;
    transition: all .2s ease;
    text-align: right;
  }


    .block-account-navigation.block .list a:hover,
    .block-account-navigation.block .list a:hover:after {
      color: #97c300;
    }

  .block-account-navigation.block .list .active a {
    border-left: 2px solid #97c300;
    color: #97c300;
  }

  .block-account-navigation.block .list a:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    right: 3px;
    left: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    margin-right: 23px;
    font-family: "emporium-icons";
    font-size: 20px;
    font-weight: normal;
    text-transform: none;
    color: #b7b7b7;
    transition: all .2s ease;
  }

  .account-page .title {
    margin-bottom: 30px;
  }

  .block-account-navigation.block .list .active a:after {
    color: #97c300;
  }

  .block-account-navigation .customer-info a:after,
  .block-account-navigation .customer-vendor-info a:after {
    content: "\61";
  }

  .block-account-navigation .customer-addresses a:after {
    content: "\4e";
  }

  .block-account-navigation .customer-orders a:after {
    content: "\64";
  }

  .block-account-navigation .customer-referalCode a:after {
    content: "\66";
  }

  .block-account-navigation .return-requests a:after {
    content: "\4f";
  }

  .block-account-navigation .downloadable-products a:after {
    content: "\4a";
  }

  .block-account-navigation .back-in-stock-subscriptions a:after {
    content: "\45";
  }

  .block-account-navigation .reward-points a:after {
    content: "\50";
  }

  .block-account-navigation .change-password a:after {
    content: "\78";
  }

  .block-account-navigation .customer-check-gift-card-balance a:after {
    content: "\e90b";
  }

  .block-account-navigation .customer-avatar a:after {
    content: "\51";
  }

  .block-account-navigation .forum-subscriptions a:after {
    content: "\52";
  }

  .block-account-navigation .customer-reviews a:after {
    content: "\53";
  }

  .block-account-navigation .customer-gdpr a:after {
    content: "\e90a";
  }

  .block-account-navigation .vendor-info a:after {
    content: "\54";
  }

  .address-item .info {
    margin-bottom: 0;
  }

  .address-item .buttons {
    position: absolute;
    top: 10px;
    left: 10px;
  }

  .address-item .title {
    padding: 0 80px;
  }

  .order-item .buttons {
    text-align: center;
  }


  .account-page .product-review-item .review-info {
    width: 210px;
  }

  .account-page .product-review-item .review-body {
    width: calc(100% - 210px);
  }

  .order-details-page .page-body {
    overflow: hidden;
  }

  .order-details-page .section.products,
  .order-summary-content .table-wrapper {
    float: right;
    width: 70%;
  }

  .order-details-page .options,
  .order-details-page .totals,
  .order-summary-content .cart-footer {
    float: left;
    width: calc(30% - 20px);
  }

  .shopping-cart-page .cart-footer,
  .shopping-cart-page .table-wrapper {
    float: none;
    width: 100%;
  }

  .selected-checkout-attributes {
    margin-top: 0;
  }

  .check-gift-card-balance-page .captcha-box {
    text-align: right;
  }

  /* SHOPPING CART & CHECKOUT */

  .shopping-cart-page .common-buttons {
    text-align: right;
  }

    .shopping-cart-page .common-buttons button {
      margin: 0 0 0 7px;
      padding: 0 25px;
      width: auto;
    }

  .shopping-cart-page .continue-shopping-button {
    margin: 0 !important;
    float: left;
  }

  .address-grid > div {
    max-width: none;
  }

  /* SEARCH & SITEMAP */

  .search-page .page-title {
    text-align: center;
  }

  .search-page .search-input form {
    margin: 0 0 40px;
  }

    .search-page .search-input form .inputs {
      text-align: center;
    }


  /* BLOG & NEWS */


  .news-item-page .inputs:first-child label {
    display: inline-block;
  }

  .new-comment textarea {
    display: block;
    margin: auto;
  }

  /* FORUM & PROFILE */

  .topic-block {
    padding: 0;
  }

  .forums-main-page .forums-table-section td:first-child,
  .forum-page .forums-table-section td:first-child {
    padding-right: 40px !important;
  }

  .forums-main-page .forums-table-section td:last-child,
  .forum-page .forums-table-section td:last-child {
    padding-left: 40px !important;
  }

  .forums-table-section .image div {
    width: 40px;
    height: 40px;
  }

    .forums-table-section .image div:before {
      font-size: 40px;
    }

  .topic-post .post-info {
    width: 190px;
    float: right;
    padding: 30px 30px 30px 0;
  }

  .topic-post .user-info {
    padding: 0;
  }

  .topic-post .username {
    margin: 0 0 10px;
  }

  .topic-post .avatar {
    position: static;
    margin-bottom: 10px;
  }

  .topic-post .post-content {
    position: relative;
    float: left;
    width: calc(100% - 190px);
    padding: 55px 30px 30px;
  }

  .topic-post .post-actions {
    position: absolute;
    top: 10px;
    left: 10px;
  }

    .topic-post .post-actions > div.post-vote {
      float: left;
      clear: both;
    }

  .topic-post .post-vote > div,
  .topic-post .post-vote > span {
    height: 50px;
    line-height: 50px;
  }

  .topic-post .post-body {
    width: 70%;
    max-width: 1000px;
  }

  .page-with-sidebar .main-panel {
    width: 70% !important;
  }

  .page-with-sidebar .side-panel {
    width: 30% !important;
    padding-right: 30px !important;
  }

  .home-head {
    height: 85vh;
  }

  .navbar-collapse .navbar-brand {
    flex: 1 25%;
  }

  .navbar-collapse .main-links {
    flex: 1 50%;
    justify-content: center;
    display: flex;
  }

    .navbar-collapse .main-links ul {
      width: 100%;
      justify-content: center;
    }

  .navbar-collapse .action-links {
    flex: 1 25%;
  }

  .product-specs-box .data-table colgroup col:first-child {
    width: 15%;
  }

  .header-menu-parent .header-menu.categories-in-side-panel {
    display: none;
  }

  .navbar .collapse.navbar-collapse {
    display: flex !important;
  }

  .navbar .container-fluid > .navbar-brand,
  .navbar .cart-login-buttons {
    display: none !important;
  }

  .special-menu-item {
    border: 1px solid var(--color-primary);
    border-radius: 32px;
    padding: 0px 13px;
  }

    .special-menu-item span {
      color: var(--color-primary) !important;
    }
}

@media all and (max-width: 1024px) {
  .page-with-sidebar .main-panel {
    min-width: 100% !important;
  }

  .page-with-sidebar .side-panel {
    width: 100% !important;
    min-width: 100% !important;
    padding-right: 0px !important;
  }

  .remove-from-cart {
    position: absolute !important;
    top: 0px !important;
    left: 0px !important;
  }

  .order-details-page .products tr,
  .shipment-details-page .data-table tr,
  .return-request-page .data-table tr,
  .reward-points-history .data-table tr,
  .downloadable-products-page .data-table tr,
  .wishlist-page tr,
  .cart tr {
    width: 100%;
    margin-right: 0px;
  }

  .shipment-details-page .data-table,
  .return-request-page .data-table,
  .order-details-page .products .data-table,
  .account-page .cart,
  .account-page .data-table,
  .account-page .compare-products-table,
  .account-page .forums-table-section table,
  .wishlist-page .cart,
  .cart {
    display: block;
  }

  .manufacturer-page .page-title {
    display: flex;
    justify-content: center;
  }

    .manufacturer-page .page-title .title-bar-brand-icon {
      position: relative;
    }

  .header-menu {
    z-index: 1086 !important;
  }

  .home-page-body .header {
    height: 10px;
  }

  .icon-item .icon-notif {
    font-size: 9px;
  }

  .icon-item .mobile-icon {
    display: block !important;
  }

  /* .navbar .collapse.navbar-collapse {
    display: none !important;
  }*/

  /*  .navbar .container-fluid > .navbar-brand, .navbar .cart-login-buttons, .navbar-expand-lg .navbar-toggler {
    display: block !important;
  }

  .navbar-collapse {
    position: absolute;
    left: 500px;
    width: max-content;
    min-width: 30%;
    height: 100%;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    z-index: 1060;
  }

    .navbar-collapse .navbar-brand.d-lg-block, .navbar-collapse .navbar-text.d-lg-block {
      display: none !important;
    }

  .navbar-brand span {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .navbar-brand {
    width: 100%;
  }*/

  .profile-menu-box {
    left: 60% !important;
    width: 320px !important;
  }

  .footer-upper .logo img {
    width: 253px;
  }

  .filtersPanel .block.filter-block {
    width: 100%;
  }

  .master-wrapper-page .header {
    height: 0px;
  }

  .admin-header-links ~ .topic-header-baner {
    margin-top: 35px;
  }
}

@media all and (min-width: 1281px) {

  /* GLOBAL STYLES */

  .master-wrapper-content,
  .html-account-page .master-wrapper-content {
    padding: 50px 6vw;
  }

  /*.home-page .topic-block {
    width: 80%;
  }*/

  /* HEADER-MENU */

  .header-menu > ul > li > a,
  .header-menu > ul > li > span {
    display: block;
    padding: 8px 15px;
    height: 38px;
    line-height: 24px;
    font-size: 13px;
    /*reset zeroing*/
    cursor: pointer;
    text-transform: uppercase;
    color: #8c8c8c;
    font-weight: bold;
    transition: color .2s ease;
  }

  .header-selectors-wrapper,
  .header-lower {
    width: 88%;
  }

  .header-menu {
    padding: 0 6vw;
    width: 50%;
    max-width: 700px;
  }

  .header-logo {
    padding-left: 20px;
  }

  .header-links li + li {
    padding-right: 20px;
  }

  /* FOOTER */

  .footer-upper {
    padding-right: 6vw;
  }

  .footer-middle {
    padding: 0 4.5vw 0 6vw;
  }

  .footer-lower .theme-selector {
    margin-top: 0;
  }

  .footer-lower > div:before {
    margin-left: 15px;
  }

  .footer-lower > div,
  .footer-lower > div.theme-selector {
    margin-right: 15px;
  }

  .newsletter-email {
    margin: 0;
  }

  .theme-selector {
    margin-top: 0;
  }

  /* SMALL PRODUCTS CAROUSELS */

  .small-products {
    margin: 70px 0 0 !important;
    padding: 0;
  }

    .small-products .item-box {
      max-height: 225px;
    }

      .small-products .item-box .product-item > div:first-child {
        width: 150px;
      }

      .small-products .item-box .details {
        padding: 27px 5%;
        width: calc(100% - 150px);
      }

  .two-row-carousels .product-grid .title {
    font-size: 26px;
  }

  .two-row-carousels > div {
    float: right;
    width: 47%;
  }

    .two-row-carousels > div:nth-child(2) {
      margin-right: 6%;
    }

    .two-row-carousels > div:only-child {
      width: 100%;
    }

  .two-row-carousels .slick-slide {
    min-height: 301px;
  }

  .two-row-carousels .slick-next,
  .two-row-carousels .slick-prev {
    bottom: 132px;
  }

  /* LEFT/RIGHT COLUMN */

  .side-2 {
    width: 24%;
  }

  .center-2 {
    width: 73%;
  }

  .html-account-page .center-2 {
    width: calc(100% - 280px);
  }

  .html-account-page .side-2 {
    width: 280px;
  }

  .html-account-page .page-title {
    padding: 0 280px 0 0;
  }

  /* CATEGORY PAGE & GRIDS */

  .news-list-homepage .news-item {
    padding: 40px;
  }

  .home-page-advantages {
    padding: 35px 7%;
    margin: -70px -6vw 70px;
  }

  .advantages-item {
    padding: 0 2%;
  }

  .item-box {
    width: 32%;
  }

    .item-box:nth-child(4n+1) {
      margin-right: 1%;
      clear: none;
    }

    .item-box:nth-child(5n+1) {
      margin-right: 0;
      clear: both;
    }

  .center-2 .item-box {
    width: 32%;
  }

    .center-2 .item-box:nth-child(3n+1),
    .center-2 .item-box:nth-child(5n+1) {
      margin-right: 1%;
      clear: none;
    }

    .center-2 .item-box:nth-child(3n+1) {
      margin-right: 0;
      clear: both;
    }

  .center-2 .product-list .item-box .details {
    margin: 0 290px 0 25%;
  }

  .center-2 .product-list .item-box .add-info {
    width: 25%;
  }

  .block .listbox {
    padding: 18px 30px;
  }

  /* PRODUCT PAGE */

  .product-details-page .breadcrumb {
    text-align: right;
  }

  .full-description,
  .product-specs-box {
    margin: 0 -6vw;
    padding: 40px 22%;
  }

  .mobile-name-holder {
    display: none;
  }

  .gallery {
    float: right;
    width: 30%;
    max-width: none;
  }

    .gallery .picture {
      max-width: 500px;
    }

    .gallery .thumb-item {
      max-width: 22%;
    }

  .product-name h1 {
    font-size: 28px;
    line-height: 58px;
  }

  .overview {
    position: relative;
    float: left;
    width: 68%;
    padding-left: 325px;
    margin-right: 0;
    text-align: right;
  }

    .overview .short-description {
      padding: 0;
    }

    .overview .breadcrumb {
      margin-bottom: 25px;
    }

    .overview .price-container {
      margin: 50px 0 25px;
    }

    .overview .add-to-cart {
      display: block;
      margin: 0 auto 30px;
      width: calc(100% - 40px);
      max-width: none;
    }

    .overview .add-to-wishlist {
      display: block;
      width: 100%;
      margin-right: 0;
    }

      .overview .add-to-wishlist button {
        width: 100%;
        font-size: 13px;
      }

        .overview .add-to-wishlist button:before {
          margin-left: 10px;
        }

  .grouped-product-box label {
    display: block;
  }

  .product-variant-line {
    font-size: 0;
    text-align: right;
  }

  .variant-picture {
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin-bottom: 0;
  }

    .variant-picture + .variant-overview {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      float: none;
      margin-bottom: 0;
      width: calc(100% - 350px);
      margin-right: 20px;
      text-align: right;
    }

  .variant-info > div:last-child {
    margin-bottom: 0;
  }

  .variant-info {
    display: inline-block;
    margin-left: 20px;
    width: calc(100% - 320px);
    vertical-align: middle;
  }

  .variant-overview .tax-shipping-info {
    text-align: center;
  }

  .product-variant-box {
    display: inline-block;
    vertical-align: middle;
    width: 300px;
    text-align: center;
  }

  .product-prices-box {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    width: 300px;
    text-align: center;
  }

  .grouped-product-box {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    width: 300px;
    text-align: center;
    border: 1px solid #eeeeee;
    border-radius: 3px;
    padding: 10px;
  }

    .grouped-product-box label {
      margin: 10px 0 20px;
    }

  .product-prices-box > div:first-child {
    border: 1px solid #eeeeee;
    border-radius: 3px;
    padding: 0 10px 10px;
  }

  .attributes-wrapper {
    border: none;
    padding: 0;
    max-width: none;
  }

    .attributes-wrapper > div {
      padding: 0;
      margin-right: 0;
    }

  .attributes {
    max-width: 320px;
  }

    .attributes dt,
    .attributes dd {
      text-align: right;
    }

  .overview .stock {
    display: block;
    border-radius: 3px 0 0 3px;
    margin: 0 -10px 12px;
  }

  .breadcrumb li > a,
  .breadcrumb li > span,
  .breadcrumb li > strong {
    margin: 0 0 0 6px;
  }

  .breadcrumb .delimiter {
    margin-left: 10px;
  }

  .overview .product-name {
    display: inline-block;
    width: 80%;
    min-height: 100px;
  }

  .product-reviews-overview {
    margin-bottom: 15px;
  }

  .overview .reviews-and-compare {
    float: left;
    text-align: left;
    width: 40%;
    margin: 0;
  }

  .overview .compare-products {
    margin: 0;
  }

  .product-review-box {
    margin: 10px 0 5px 0;
  }

  .ui-tabs .inputs label {
    width: 290px;
  }

  .product-social-label {
    margin: 0 0 0 10px;
  }

  .product-social-sharing {
    display: inline-block;
  }

  /* REVIEW PAGE */

  .product-review-item {
    padding: 40px 3%;
  }

  /* WISHLIST & COMPARE LIST */

  .wishlist-page .share-info {
    margin: 70px 0 50px;
  }

  .compare-products-page .page-body {
    margin: 0;
  }

  .compare-products-table td {
    padding: 20px;
  }

  .compare-products-table tr td:first-child {
    min-width: 200px;
    max-width: 200px;
  }

  .compare-products-page .clear-list {
    width: 200px;
  }

  /* TOPICS */
  /* CONTACT PAGE & EMAILaFRIEND */
  /* REGISTRATION, LOGIN, MY ACCOUNT */

  /* SHOPPING CART & CHECKOUT */

  .order-progress a {
    width: 180px;
  }

  .cart-collaterals > div {
    float: none;
    width: 100%;
    margin: 0 0 10px;
  }

  .shopping-cart-page form {
    overflow: hidden;
  }

    .shopping-cart-page form:after {
      content: "";
      display: block;
      clear: both;
    }

  .shopping-cart-page .product-grid {
    clear: both;
  }

  .shopping-cart-page .table-wrapper {
    float: right;
    clear: right;
    width: 70%;
  }

  .shopping-cart-page .cart-footer {
    float: left;
    clear: left;
    width: calc(30% - 30px);
  }

  .cart-footer > div,
  .cart-footer > div > div {
    display: block;
    width: 100%;
  }

  /* SEARCH & SITEMAP */
  /* BLOG & NEWS */

  .new-comment,
  .comment-list {
    margin-right: -6vw;
    margin-left: -6vw;
  }

  /* FORUM & PROFILE */

  .ui-tabs .ui-tabs-panel {
    margin: 0 -6vw;
    padding: 50px 7%;
  }

  .profile-page .topic-title,
  .profile-page .topic-data {
    width: 18%;
  }

  .profile-page .topic-body {
    margin-right: 20%;
  }


  .navbar-collapse .navbar-brand {
    flex: 1 30%;
  }

  .navbar-collapse .main-links {
    flex: 1 40%;
    justify-content: center;
    display: flex;
  }

    .navbar-collapse .main-links ul {
      width: 100%;
      justify-content: center;
    }

  .navbar-collapse .action-links {
    flex: 1 30%;
  }

  .product-specs-box .data-table colgroup col:first-child {
    width: 12%;
  }

  /* Product Box */
  .item-box .picture > a:before {
    padding-top: 200px;
  }

  .home-products-row {
    justify-content: center;
  }

    .home-products-row .item-box {
      width: 23%;
      margin-right: 1%;
    }

  .item-box .details .product-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 30px;
  }

  .item-box .details {
    padding-bottom: 16px;
  }
  /* Product Box */
}

@media all and (max-width: 1280px) {
  .breadcrumb > ul {
    padding: 0px;
    margin: 0 auto 1rem;
  }

  .product-name .manufacturers {
    justify-content: center;
  }
}

@media all and (min-width: 1370px) {
  .home-products-row .item-box {
    width: 308px;
  }
}

@media all and (min-width:1601px) {

  /*HEADER*/

  .header-lower .search-box {
    width: 50%;
  }

  .header-links-wrapper {
    width: 25%;
  }

  .header-logo {
    width: 20%;
  }

  /* CATEGORY PAGE */

  .center-2 {
    width: 78%;
  }

  .side-2 {
    width: 20%;
  }

  .item-box {
    width: 24%;
  }

    .item-box:nth-child(5n+1) {
      margin-right: 1%;
      clear: none;
    }

    .item-box:nth-child(6n+1) {
      margin-right: 0;
      clear: both;
    }

  .center-2 .item-box {
    width: 24%;
  }

    .center-2 .item-box:nth-child(3n+1),
    .center-2 .item-box:nth-child(6n+1) {
      margin-right: 1%;
      clear: none;
    }

    .center-2 .item-box:nth-child(4n+1) {
      margin-right: 0;
      clear: both;
    }

  .center-2 .product-list .item-box .buttons .button-2 {
    padding: 0 30px;
  }

  /*FEATURED PRODUCTS ON CATALOG PAGE*/
  /*
.category-page .featured-product-grid {
	background-color: #f6f6f6;
	padding: 45px;
}

.category-page .featured-product-grid > .title {
	display: none;
}

.category-page .featured-product-grid .item-box {
	width: calc(50% - 7px);
	margin: 14px 14px 0 0;
	background-color: #fff;
}

.category-page .featured-product-grid .product-item {
	font-size: 0;
}

.category-page .featured-product-grid .product-item > div {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	margin: 0;
	clear: none;
}

.category-page .featured-product-grid .item-box:nth-child(1),
.category-page .featured-product-grid .item-box:nth-child(2) {
	margin-top: 0;
}

.category-page .featured-product-grid .item-box:nth-child(2n+1) {
	margin-right: 0;
}

.category-page .featured-product-grid .item-box .details {
	padding: 20px;
}

.category-page .featured-product-grid .item-box .product-title {
	font-size: 18px;
	height: auto;
}

.category-page .featured-product-grid .item-box .actual-price {
	font-size: 22px;
}

.category-page .featured-product-grid .item-box .product-rating-box {
	margin-bottom: 30px;
}
.category-page .featured-product-grid .item-box .buttons {
	margin-top: 10px;
}

.category-page .featured-product-grid .item-box .buttons button {
	width: auto;
	background-color: #f3cb2d;
	color: #fff;
}

.category-page .featured-product-grid .item-box .buttons button:hover {
	background-color: #e8af00;
}*/

  /*PRODUCT PAGE*/

  .overview {
    width: 62%;
    padding-left: 415px;
  }

  .product-prices-box,
  .grouped-product-box {
    width: 380px;
  }

  .gallery {
    width: 36%;
  }

    .gallery:after {
      content: '';
      display: block;
      clear: both;
    }

    .gallery > div:first-child {
      float: left;
      width: calc(100% - 95px);
    }

    .gallery .picture {
      max-width: none;
    }

    .gallery .picture-thumbs {
      float: right;
      width: 15%;
      max-width: 87px;
      margin: 0;
    }

    .gallery .thumb-item {
      display: block;
      margin: 0 0 10px;
      max-width: none;
    }

  .overview .reviews-and-compare {
    width: 33%;
  }

  .overview .product-name {
    width: 80%;
  }

  /* CHECKOUT */

  .address-grid > div {
    width: calc(33.33% - 16.66px);
  }

    .address-grid > div:nth-child(2n+1) {
      margin-right: 25px;
    }

    .address-grid > div:nth-child(3n+1) {
      margin-right: 0;
    }

    .address-grid > div:nth-child(3) {
      margin-top: 0;
    }


  .navbar-collapse .navbar-brand {
    flex: 1 25%;
  }

  .navbar-collapse .main-links {
    flex: 1 50%;
    justify-content: center;
    display: flex;
  }

    .navbar-collapse .main-links ul {
      width: 100%;
      justify-content: center;
    }

  .navbar-collapse .action-links {
    flex: 1 25%;
  }
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle
}

  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
  }

    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
    }

    .select2-container .select2-selection--single .select2-selection__clear {
      background-color: transparent;
      border: none;
      font-size: 1em
    }

  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
  }

  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
  }

    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline;
      list-style: none;
      padding: 0
    }

    .select2-container .select2-selection--multiple .select2-selection__clear {
      background-color: transparent;
      border: none;
      font-size: 1em
    }

  .select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    margin-left: 5px;
    padding: 0;
    max-width: 100%;
    resize: none;
    height: 18px;
    vertical-align: bottom;
    font-family: sans-serif;
    overflow: hidden;
    word-break: keep-all
  }

    .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none
    }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051
}

.select2-results {
  display: block
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none
}

.select2-results__option--selectable {
  cursor: pointer
}

.select2-container--open .select2-dropdown {
  left: 0
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.select2-search--dropdown {
  display: block;
  padding: 4px
}

  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
  }

    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none
    }

  .select2-search--dropdown.select2-search--hide {
    display: none
  }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0)
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px
}

  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
  }

  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px;
    padding-right: 0px
  }

  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
  }

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0
    }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default
}

  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
  }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative
}

  .select2-container--default .select2-selection--multiple.select2-selection--clearable {
    padding-right: 25px
  }

  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    font-weight: bold;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    position: absolute;
    right: 0;
    padding: 1px
  }

  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
    padding-left: 20px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap
  }

  .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
  }

  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px;
    position: absolute;
    left: 0;
    top: 0
  }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
      background-color: #f1f1f1;
      color: #333;
      outline: none
    }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em
}

  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
  }

  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
  }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em
    }

      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em
      }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em
        }

          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em
          }

.select2-container--default .select2-results__option--group {
  padding: 0
}

.select2-container--default .select2-results__option--disabled {
  color: #999
}

.select2-container--default .select2-results__option--selected {
  background-color: #ddd
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
  }

  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
  }

  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px
  }

  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
  }

  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
  }

    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0
    }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb
}

  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
  }

    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px
    }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px
}

  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
  }

  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
  }

  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0
  }

  .select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
  }

  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px
  }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555;
      outline: none
    }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none
}

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
  border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto
}

.select2-container--classic .select2-results__option--group {
  padding: 0
}

.select2-container--classic .select2-results__option--disabled {
  color: grey
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: #fff
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb
}