textarea {
    overflow: hidden;
}
button {
    outline: none !important;
    cursor: pointer;
}
::-webkit-input-placeholder {
    color: inherit;
}
::-moz-input-placeholder {
    color: inherit;
}
::-ms-input-placeholder {
    color: inherit;
}

/*.owl-carousel img {
    display: inline-block !important;
}
.owl-carousel .owl-item {
    opacity: 0;
}
.owl-carousel .owl-item.active {
    opacity: 1;
}

.owl-nav, .owl-dots {
  display: none;
}*/

.btn-light:not(:disabled):not(.disabled).active:focus, 
.btn-light:not(:disabled):not(.disabled):active:focus, 
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: none;
    outline: none;
}
.btn-light:not(:disabled):not(.disabled).active, 
.btn-light:not(:disabled):not(.disabled):active, 
.show>.btn-light.dropdown-toggle {
    background-color: inherit;
    border-color: inherit;
    color: inherit;
    border-radius: 0;
}
.bootstrap-select .dropdown-menu li a span.text {
    margin-bottom: 0;
}
.bootstrap-select .dropdown-menu li.active a span.text {
    color: #fff;
}
.bootstrap-select .dropdown-toggle .filter-option:after {
    font-family: 'Font Awesome 5 Pro';
    content: "\f107";
    position: absolute;
    right: 15px;
    top: 7px;
    display: block;
    line-height: 30px;
    font-size: 17px;
    text-align: center;
    z-index: 5;
    font-weight: 400;
    color: #fff;
}
.dropup .dropdown-toggle::after {
    display: none;
}
.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
    z-index: 9;
    overflow: hidden;
}
.auto-container {
    position: static;
    max-width: 1300px;
    padding: 0px 10px;
    margin: 0 auto;
}
ul,
li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
figure {
    margin-bottom: 0;
}
.theme-btn {
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.centered {
    text-align: center !important;
}
.gray-bg {
    background-color: #f4f4f4 !important;
}
.light-bg {
    background-color: #fff !important;
}

/*img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}*/

.dropdown-toggle::after {
    display: none;
}
.fa {
    line-height: inherit;
}

/*se não tiver isto, mostra a navegação no scroll do menu principal*/
.owl-nav,
.owl-dots {
    display: none;
}
/* Btn style */
.theme-btn {
    display: inline-block;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.mt-30 {
    margin-top: 30px !important;
}
.mt-40 {
    margin-top: 40px !important;
}
.mt-50 {
    margin-top: 50px !important;
}
.mt-70 {
    margin-top: 70px !important;
}
.mb-40 {
    margin-bottom: 40px !important;
}
.mb-50 {
    margin-bottom: 50px !important;
}
.mb-70 {
    margin-bottom: 70px !important;
}
.pb-20 {
    padding-bottom: 20px !important;
}
.pb-30 {
    padding-bottom: 30px !important;
}
.pb-50 {
    padding-bottom: 50px !important;
}
.pb-100 {
  padding-bottom: 100px !important;
}
.pt-20 {
  padding-top: 20px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-50 {
  padding-top: 50px !important;
}
.pt-100 {
  padding-top: 100px !important;
}

/*Btn Style One*/
.btn-style-one {
  position: relative;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  color: #FFFFFF;
  /*padding: 5px 10px;*/
  padding: 10px;
  border-radius: 5px;
  overflow: hidden;
  text-transform: capitalize;
  vertical-align: middle;
  z-index: 1;
}
.btn-style-one.style-two {
    background-color: #fff;
    color: #222 !important;
}
.btn-style-one.style-two:hover{
    background-color: var(--theme-color);
}
.btn-style-one i {
    margin-left: 8px;
    display: inline-block;
    position: relative;
    transition: .5s;
    font-size: 12px;
    vertical-align: middle;
    position: relative;
}
.btn-style-one:hover {
    color: #fff !important;
}
.btn-style-one:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0%;
    content: "";
    background-color: #2B313E;
    transition: .5s;
    z-index: -1;
}
.btn-style-one:hover:before {
    width: 100%;
}
.btn-style-one span {
    position: relative;
}

.btn-two{
    position: relative;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    background-color: #2B313E;
    color: #FFFFFF;
    padding: 5px 10px;
    border-radius: 5px;
    overflow: hidden;
    text-transform: capitalize;
    vertical-align: middle;
    z-index: 1;
}
.btn-two i {
    margin-left: 8px;
    display: inline-block;
    position: relative;
    transition: .5s;
    font-size: 12px;
    vertical-align: middle;
    top: 2px;
}
.btn-two:hover {
    color: #fff !important;
}
  .btn-two:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0%;
    content: "";
    background-color: var(--theme-color);
    transition: .5s;
    z-index: -1;
  }
.btn-two:hover:before {
    width: 100%;
}
.nice-select{
    position: relative;
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    font-weight: 500;
    color: #B8B8B8;
    background: #383C45;
    border: 1px solid transparent;
    border-radius: 5px;
    padding: 0px 20px;
}
.checkout-section .nice-select, .short-box .nice-select{
    background: transparent;
}
.nice-select:after{
    position: absolute;
    content: "\f107";
    font-family: 'Font Awesome 5 Pro';
    font-size: 12px;
    color: #B8B8B8;
    top: 0px;
    right: 30px;
    margin: 0px;
    margin: 0px;
    border: none !important;
    transform: rotate(0deg) !important;
} 

/* common section title */
.section-title{
    display: flex;
    align-items: center;
    gap: 12px;
}
.section-title h4{
    font-weight: 700;
    font-size: 26px;
    line-height: 31px;
    color: #2B313E;
}
.common-section-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-bottom: 25px;
    border-bottom: 1px solid #E9ECEF ;
    margin-bottom: 40px;
}
.common-section-title-left{
    display: flex;
    align-items: center;
    gap: 40px;
}
/* common section title */

/* common more button */
.common-more-btn a{
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #2B313E;
    transition: 0.5s;
}
.common-more-btn a i{
    margin-bottom: -5px;
    margin-left: 10px;
}
  .common-more-btn a:hover {
    color: var(--theme-color);
  }
/* common more button */

/* FLYOUT CART STYLE */
.flyout-main-wrapper .flyout-cart-wrapper {
  position: absolute;
  /*top: 45px;*/
  right: 0;
  z-index: 999999;
  width: 350px;
  box-shadow: 0 0 2px rgba(0,0,0,0.25);
  -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.25);
  -moz-box-shadow: 0 0 2px rgba(0,0,0,0.25);
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0px;
  opacity: 0;
  visibility: hidden;
}

.flyout-main-wrapper {
  float: right;
  position: relative;
}

  .flyout-main-wrapper ul {
      display: flex;
  }

  .flyout-main-wrapper.shopping-cart-link {
    float: right;
  }

    .flyout-main-wrapper .shopping-cart-link .cart-label {
      color: #fff;
      font-size: 14px;
    }

    .flyout-main-wrapper .shopping-cart-link .cart-qty {
      color: var(--ruby);
      font-size: 14px;
    }

  .flyout-main-wrapper .flyout-cart-wrapper::before {
    background: url(../images/flyout-arrow-top.png) no-repeat center center;
    content: " ";
    height: 14px;
    left: 70%;
    position: absolute;
    top: -14px;
    width: 26px;
  }

.flyout-cart-wrapper.active {
  opacity: 1;
  visibility: visible;
  display: block;
}

.header-lower .flyout-cart-wrapper .mini-shopping-cart .count a {
  float: none;
  border-right: 0;
}

.header-lower .flyout-cart-wrapper a {
  border-right: none;
}

.mini-shopping-cart {
  padding: 0px 15px;
  text-align: left;
  font-size: 12px;
  color: #333;
}

  .mini-shopping-cart .count {
    padding: 10px 0px;
    color: #333;
    border-bottom: 1px solid #ddd;
  }

    .mini-shopping-cart .count a {
      margin: 0 2px;
      font-weight: bold;
      color: var(--ruby);
    }

  .mini-shopping-cart .items {
    margin: 0 0 20px;
  }

  .mini-shopping-cart .item {
    overflow: hidden;
    padding: 10px 0px;
    border-bottom: 1px solid #ddd;
  }

  .mini-shopping-cart .picture {
    float: left;
    width: 70px;
    text-align: center;
    width: 70px;
  }

    .mini-shopping-cart .picture a {
      display: block;
      position: relative;
      overflow: hidden;
      padding: 0px;
    }

      .mini-shopping-cart .picture a:before {
        content: "";
        display: block;
        padding-top: 0px;
      }

    .mini-shopping-cart .picture img {
      position: inherit;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      max-width: 100%;
      width: 70px;
    }

    .mini-shopping-cart .picture + .product {
      float: left;
      margin-left: 15px;
    }

  .mini-shopping-cart .name {
    margin: 0 0 5px;
    overflow: hidden;
    width: 100%;
    float: left;
  }

    .mini-shopping-cart .name a {
      color: var(--ruby);
      font-size: 13px;
    }

      .mini-shopping-cart .name a:hover {
        color: #37465d;
        text-decoration: none;
      }

  .mini-shopping-cart .attributes {
    margin: 5px 0;
    color: #606162;
    float: left;
    width: 100%;
  }

  .mini-shopping-cart .totals {
    margin: 0 0 15px;
    font-size: 14px;
    display: inline-block;
    clear: both;
    float: left;
    color: #000;
    width: 100%;
    text-align: center;
    font-weight: 700;
  }

    .mini-shopping-cart .totals strong {
      font-size: 14px;
      color: var(--ruby);
    }

  .mini-shopping-cart .buttons {
    margin: 0 0 15px;
    display: inline-block;
    clear: both;
    width: 100%;
  }

  .mini-shopping-cart button[type="button"] {
    background: #37465d;
    display: inline-block;
    border: none;
    padding: 10px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
  }

    .mini-shopping-cart button[type="button"]:hover {
      background: var(--ruby);
    }

  .mini-shopping-cart .product {
    width: 65%;
  }

  .mini-shopping-cart .quantity {
    float: left;
    margin-right: 5%;
    text-transform: capitalize;
    color: #666;
  }

  .mini-shopping-cart .price {
    float: left;
  }

.empty-shopping-cart {
  padding: 15px 0px;
  color: #333;
  font-weight: 700;
}

.mini-shopping-cart .price span {
  color: #333;
  font-weight: 700;
}

.shopping-cart-link > a {
  border-right: 1px solid #33393e;
  display: inline-block;
  padding: 13px 15px;
}

.fa.fa-shopping-cart {
  font-size: 16px;
  margin-right: 10px;
}

.shopping-cart-link > a:hover i {
  color: var(--ruby);
}

/* categories treeview */
.nt-li:focus,.nt-li.active {
  background-color: #f9fafb;
}

.nt-li:focus *,.nt-li.active * {
  color: black !important;
}

.nt-li > .d-flex:hover {
  background-color: #f8f9fa;
}

/* AJAX LOADING INDICATOR */
.ajax-loading-block-window {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 128px;
  height: 128px;
  overflow: hidden;
  z-index: 1104;
}

.ajax-loading-block-window .loading-image {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 999;
  width: 32px;
  height: 32px;
  margin: -16px 0 0 -16px;
  background: url('../images/loading.gif') center no-repeat;
}

.please-wait {
  background: url('../images/ajax_loader_small.gif') no-repeat;
  padding-left: 20px;
}

/* NOTIFICATIONS */
.bar-notification {
  display: none;
  left: 0;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 1000000;
}

  .bar-notification.warning {
    background: #e4444c;
    color: #FFFFFF;
  }

  .bar-notification.success {
    background: #4bb07a;
    color: #FFFFFF;
    margin: 0 0 10px;
  }

  .bar-notification.error {
    background: #e4444c;
    color: #FFFFFF;
    margin: 0 0 10px;
  }

  .bar-notification .close {
    background: url(../images/ico-close-notification-bar.png) no-repeat;
    width: 20px;
    height: 20px;
    float: right;
    margin: 25px 10px 0px 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
  }

  .bar-notification p.content {
    padding: 20px 25px;
    margin: 5px 0px;
    text-align: center;
  }

    .bar-notification p.content a {
      text-decoration: underline;
      color: #FFFFFF;
    }

      .bar-notification p.content a:hover {
        text-decoration: none;
        color: #FFFFFF;
      }

  .bar-notification.error p.content {
    margin: 5px 0px;
    padding: 20px 25px;
    text-align: center;
    font-size: 14px;
  }

/* ================== Badge Overlay CSS ========================*/
.badge-overlay {
  position: absolute;
  left: 0%;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 100;
  -webkit-transition: width 1s ease, height 1s ease;
  -moz-transition: width 1s ease, height 1s ease;
  -o-transition: width 1s ease, height 1s ease;
  transition: width 0.4s ease, height 0.4s ease
}

/* ================== Badge CSS ========================*/
.faixa-precos {
  margin: 0;
  padding: 0;
  color: white;
  padding: 10px 10px;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  line-height: normal;
  text-transform: uppercase;
  background: #ed1b24;
}

  .faixa-precos:empty {
    display: none;
  }

.faixa-precos::before, .faixa-precos::after {
  content: '';
  position: absolute;
  top: 0;
  margin: 0 -1px;
  width: 100%;
  height: 100%;
  background: inherit;
  min-width: 55px
}

  .faixa-precos::before {
    right: 100%
  }

  .faixa-precos::after {
    left: 100%
  }

/* ================== Badge Position CSS ========================*/
.top-left {
  position: absolute;
  top: 0;
  left: 0;
  -ms-transform: translateX(-30%) translateY(0%) rotate(-45deg);
  -webkit-transform: translateX(-30%) translateY(0%) rotate(-45deg);
  transform: translateX(-30%) translateY(0%) rotate(-45deg);
  -ms-transform-origin: top right;
  -webkit-transform-origin: top right;
  transform-origin: top right;
}

.top-right {
  position: absolute;
  top: 0;
  right: 0;
  -ms-transform: translateX(30%) translateY(0%) rotate(45deg);
  -webkit-transform: translateX(30%) translateY(0%) rotate(45deg);
  transform: translateX(30%) translateY(0%) rotate(45deg);
  -ms-transform-origin: top left;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}

.bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
  -ms-transform: translateX(-30%) translateY(0%) rotate(45deg);
  -webkit-transform: translateX(-30%) translateY(0%) rotate(45deg);
  transform: translateX(-30%) translateY(0%) rotate(45deg);
  -ms-transform-origin: bottom right;
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
}

.bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
  -ms-transform: translateX(30%) translateY(0%) rotate(-45deg);
  -webkit-transform: translateX(30%) translateY(0%) rotate(-45deg);
  transform: translateX(30%) translateY(0%) rotate(-45deg);
  -ms-transform-origin: bottom left;
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}

.top-full {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

.middle-full {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  -ms-transform: translateX(0%) translateY(-50%) rotate(0deg);
  -webkit-transform: translateX(0%) translateY(-50%) rotate(0deg);
  transform: translateX(0%) translateY(-50%) rotate(0deg);
}

.bottom-full {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

/* ================== Badge color CSS ========================*/
.badge.red {
  background: #ed1b24;
}

.badge.orange {
  background: #fa7901;
}

.badge.pink {
  background: #ee2b8b;
}

.badge.blue {
  background: #00adee;
}

.badge.green {
  background: #b4bd00;
}

#products-pagesize {
  width: 80px;
}

.cross_oe {
  background: url(../images/crossoe_ref.png) no-repeat center center;
  display: inline-block;
  width: 40px;
}

.shop-block {
    order: 99;
}

.ui-dialog .ui-dialog-titlebar-close {
  background: url("../images/ico-close-notification-bar.png") repeat-x scroll 50% 50% !important;
  border: none !important;
}

/*.ui-dialog .ui-dialog-title {
  font-weight: 500;
}

.ui-dialog .ui-dialog-content {
  border: 1px solid #aaa !important;
}*/

.language-list > li {
    float: left;
    padding-right: 10px;
}

.ui-menu-item-wrapper-img {
    padding: 5px 10px;
    height: 60px;
}

.ui-menu-item-wrapper {
  padding: 10px;
  width: 100%;
  display: block;
}

.ui-state-active {
  /*border: none !important;*/
  margin: 0 !important;
}