/* Mobile-specific styles */

  .password-wrapper {
      position: relative;
  }

  .password-wrapper input {
      padding-right: 40px;
  }

  .password-wrapper .password-toggle {
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translateY(-50%);
      cursor: pointer;
      color: #666;
  }

  @media (max-width: 768px) {
      .password-label-wrapper {
          display: flex;
          align-items: center;
          justify-content: space-between;
      }

      .password-label-wrapper label {
          margin: 0;
          flex-grow: 1;
          font-size: 1rem;
      }

      .password-toggle-mobile {
          width: 18px !important;
          height: 18px !important;
          max-width: 18px !important;
          max-height: 18px !important;
          cursor: pointer;
          height: 100% !important;
          width: auto !important;
          align-items: center !important;
          justify-content: center !important;
          margin-left: 10px;
          box-sizing: content-box;
      }

      .password-wrapper input {
          margin-top: 10px;
      }
  }


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

      .bodyContainer {
          padding: 10px 10px !important;
          overflow: auto;
      }


      .p-0 {
          padding: 0 !important;
      }

      /****************************************************/
      /****************************************************/
      /*************** CARRINHO ***************/



      #mySavedCarts {
          display: table-cell;
          width: 100%;
      }

      .mySavedCarts {
          padding: initial;
          box-shadow: none;
          -webkit-box-shadow: none;

      }

      .cart-item-image {
          display: initial !important;
      }

      #cartList #cartItem {
          display: block !important;
      }

      .oldprice {
          font-size: 12px !important;
          font-weight: initial !important;
          color: #999;
          text-decoration: line-through;
      }

      #cartItem {
          margin-bottom: 5px;
          border: 1px solid #999;
          padding: 10px 5px;
          padding-left: 0px;
      }

      #cartItem td {
          /* display: table !important;*/
          border: none;
          padding: 2px 0px;
      }

      #cartItemDescription,
      #cartItemRef {
          font-size: 11px;
      }

      #cartItemRef {
          font-weight: 500;
          padding-left: 5px;
      }

      #cartItemDescription {
          margin-left: 5px;
          font-size: 11px;
          text-overflow: ellipsis;
          overflow: hidden;
          max-width: 65vw;
          white-space: nowrap;
          display: block;
          margin-top: 3px;
      }

      .cart-table {
          -webkit-box-shadow: none;
          box-shadow: none;
      }

      .cart-table .cart-item-remove>a {
          display: inline-block;
          width: 20px;
          height: 20px;
          line-height: 18px;
          background: #fff;
          color: #999;
          text-align: center;
          -webkit-border-radius: 0%;
          border-radius: 0%;
          margin-right: 5px;
          -webkit-transition: 0.3s;
          -moz-transition: 0.3s;
          -o-transition: 0.3s;
          -ms-transition: 0.3s;
          transition: 0.3s;
          border: 1px solid #999;
          font-size: smaller;
      }

      .cart-item-remove {
          position: absolute;
          right: 15px;
          margin-top: -9px;
      }

      .cartItemRef {
          padding-left: 5px;
      }

      .cartItemDescription,
      .cartItemRef {
          bottom: 8px;
          position: relative;
      }

      .cartItemImage {
          max-width: 100%;
      }

      .cartImageDiv {
          width: 30%;
          margin: auto;
      }

      .cartInfoDiv {
          width: 70%;
      }

      .cartItemPrices,
      .cartItemPricesTotal {
          width: 50%;
      }

      .cartItemPrices {
          margin-top: 0px;
      }

      .cartItemStocInfo {
          width: 40%;
      }

      .cart-item-quantity {
          width: 60%;
      }

      .cartImageDiv,
      #cartItemImage {
          max-width: 90px;
      }

      #cartItemImage {
          width: auto;
          height: auto;
          max-height: 80px;

      }


      .cart-item-plus,
      .cart-item-minus {
          border: 1px solid #ccc;
          padding: 5px 7px;

      }

      .cart-item-quantity {
          margin-left: 5px;

      }

      .cart-quantity {
          top: 1px;
          position: relative;
          margin: 0 4px !important;
          width: 40px !important;

      }

      .cartItemStock {
          top: 2.5px;
          position: relative;
      }

      #cartItemPriceOfferBox,
      #cartItemPriceBox {
          font-size: 20px;
          font-weight: bold;
      }

      .forSeller {
          font-size: inherit !important;
          font-weight: inherit !important;
      }

      #cartItemPriceOfferBoxPercent {
          font-size: 16px;
          z-index: 100;

      }

      .cartItemPriceOfferPercentInput {
          position: absolute;
          width: 70px;
          line-height: 18px;
          padding: 0;
          text-align: right
      }


      .cartItemPriceSellerBox .cartLine-changePrice {
          /*position:inherit;*/
          right: 0;
          bottom: 0;
      }

      .cartItemInfoTotal {
          font-size: 8px;
          line-height: 22px;
      }

      .cartItemVAT {
          font-size: 10px;
      }


      .orderLineOfferItemTd {
          text-align: left !important;
          display: contents;
      }

      .orderLineOfferItem {
          border: 1px solid #999;
          margin-bottom: 10px;
          margin-top: -5px;
          display: flex;
          border-top: 0px;
      }

      .orderLineOfferItemTitle {
          font-size: 10px;
      }

      .orderLineOfferItemDescription {
          padding: 0px 10px;
          font-size: 12px;
          /*text-overflow: ellipsis;*/
          /*  overflow: hidden;*/
          /*  white-space: nowrap;*/
      }

      #divFastCart,
      #divNotes {
          border-top: 1px solid #999;
      }

      #fastCartRef {
          /*#fastCartQuantity*/
          width: 100%;
          line-height: 25px;
          margin: 0;
      }

      #btAddProductFastCart {
          padding: 5px;
          border-radius: 20px;
      }

      #btConfirmOrder {
          margin-top: 15px;
      }

      /*************** end of CARRINHO ***************/

      /*************** HISTORICO ***************/

      #orderHistoryList .expandable {
          margin-top: 5px;
          padding-top: 5px;
      }

      #orderHistoryList #orderHistoryItem {
          display: inline-grid !important;
      }

      #orderHistoryItem {
          margin-bottom: 20px;
          border: 1px solid #999;
          padding: 5px 0;
      }

      #orderHistoryItem td {
          border: none;
          padding: 0 5px;
      }

      .orderHistoryItemHeader {
          font-size: 12px;
          position: relative;
          top: 3px;
      }

      #orderHistoryItem_id {
          font-weight: 500;
      }

      #orderHistoryItem_date {
          font-size: 12px;
          position: relative;
      }

      #orderHistoryRelatedItem_id {
          font-size: 14px;
      }

      .orderHistoryItem_total,
      .orderHistoryItem_products {
          font-size: 12px;
      }

      #orderHistoryItem_total,
      #orderHistoryItem_products {
          font-size: 16px;
      }

      #orderHistoryItem .orderStatus {
          display: inline;
          font-size: 75%;
          font-weight: bold;
          line-height: 1;
          color: #ffffff;
          text-align: center;
          white-space: nowrap;
          vertical-align: baseline;
          border-radius: 0.25em;
          text-shadow: none;
          -webkit-border-radius: 2px;
          border-radius: 2px;

      }

      .btOrderHistoryExpand {
          width: 25px;
          height: 20px;
          line-height: 18px;
          display: inline-block;
          background: #fff;
          color: #999;
          text-align: center;
          transition: 0.3s;
          border: 1px solid #999;
          font-size: smaller;
          cursor: pointer;
          top: -4px;
          position: relative;
      }

      /*************** end of HISTORICO ***************/
      /*************** start of WonABid - Index ***************/

      .offer-dialog .box {
          padding: 10px 20px;
      }

      .offer-dialog .detailOffer {
          margin-top: 10px;
      }

      .offer-dialog .detailDonditions {
          padding-left: 0px;
          line-height: 1.2;
          color: #333;
          font-weight: 400;
          letter-spacing: 1px;
          font-size: 15px;
      }

      #currentOfferProductImage,
      #nextOfferProductImage {
          max-width: 100% !important;
          height: 100%;
          width: auto;
          max-height: 75px;
      }

      .OfferProductImageBoxDiv {
          padding-right: 5px
      }

      .offer-dialog .productName {
          color: #666;
          font-weight: 500;
          letter-spacing: 0.5px;
          font-size: 13px;
      }

      #currentOfferInfoDiv,
      #nextOfferInfoDiv {
          margin-top: 10px;
          padding-right: 0px;
      }

      .offer-dialog .offerPrices {
          display: inline;
      }

      .offer-dialog .offerPriceNet {
          padding-left: 0px;
          color: #888;
          font-weight: 600;
      }

      .currentOfferStartCondition,
      .nextOfferStartCondition {
          margin-top: 10px;
          font-size: 16px;

      }

      .offer-dialog #currentOfferStartCondition,
      .offer-dialog #nextOfferStartCondition,
      #currentOfferEndDate,
      #nextOfferEndDate,
      .currentOfferStartCondition_unity,
      .nextOfferStartCondition_unity,
      #currentOfferConditionType_productBox,
      #nextOfferConditionType_productBox,
      #currentOfferUnits,
      #nextOfferUnits {
          color: #888;
          font-weight: bold;
      }

      .currentOfferNotes {
          margin-top: 5px;
          margin-bottom: -5px;
      }

      #currentOfferConditionType_discount_ProductName1,
      #currentOfferConditionType_discount_ProductName2,
      #nextOfferConditionType_discount_ProductName1,
      #nextOfferConditionType_discount_ProductName2 {
          border-left: 1px solid #aaa;
          padding-left: 15px;
      }

      #currentOfferProductName2,
      #currentOfferProductName1,
      #nextOfferProductName2,
      #nextOfferProductName1 {
          color: #666;
          font-weight: 500;
          letter-spacing: 0.5px;
          font-size: 13px;
      }

      .offerPrices,
      #currentOfferConditionType_productBox {
          padding: 5px !important;
          background: #1f93c8;
      }

      .offerPricesNext,
      #nextOfferConditionType_productBox {
          padding: 5px !important;
          background: #e79912 !important;
      }


      .offerPriceNet,
      #currentOfferConditionType_productBox,
      #currentOfferUnits,
      #currentOfferStartCondition_unity {
          font-size: 18px;
          color: #fff !important;
      }

      .currentOfferEndType_date,
      .nextOfferEndType_date {
          margin-top: 5px;
          font-size: 12px;
          display: inline-grid;
          border-top: 1px solid #bbb;
          padding-top: 5px;
      }

      #currentOfferEndDate,
      #nextOfferEndDate {
          font-size: 16px;
      }



      /*************** end of WonABid - Index ***************/


  }

  /****************************************************/
  /****************************************************/
  /****************************************************/
  /***************** mystyles.css copy ****************/
  /****************************************************/
  /****************************************************/
  /****************************************************/

  html,
  body {
      background-color: #fff;
      height: 100%;
  }

  h1 {
      /*    color: green;
    border: 1px solid red;*/
      font-weight: 400;
  }

  h3 {
      font-weight: 700;
      margin-top: 40px;
      margin-bottom: 40px;
  }

  h4 {
      font-weight: 500;
      margin-top: 20px;
      margin-bottom: 20px;
  }

  .padding-0 {
      padding: 0px;
  }

  .maderColor {
      color: #333;
  }

  select {
      -webkit-box-shadow: inset 0px 0px 6px 1px rgba(50, 50, 50, 0.33);
      -moz-box-shadow: inset 0px 0px 6px 1px rgba(50, 50, 50, 0.33);
      box-shadow: inset 0px 0px 6px 1px rgba(50, 50, 50, 0.33);
      border: 0px;
      border-radius: 5px;
      padding: 10px;
  }

  textarea {
      -webkit-box-shadow: inset 0px 0px 6px 1px rgba(50, 50, 50, 0.33);
      -moz-box-shadow: inset 0px 0px 6px 1px rgba(50, 50, 50, 0.33);
      box-shadow: inset 0px 0px 6px 1px rgba(50, 50, 50, 0.33);
      border: 0px;
      border-radius: 5px;
      padding: 10px;
      margin-bottom: -8px;
  }

  textarea.readonly {
      width: 100%;
      background-color: #eee;
      color: #777;
      font-weight: 600;
  }

  .bg-mask {
      opacity: 0 !important;
  }

  .cursor-Pointer {
      cursor: pointer;
  }

  .z-index-5 {
      z-index: 5;
  }

  .goTop {

      color: #fff;
      cursor: pointer;
      position: fixed;
      bottom: 10px;
      right: 30px;
      z-index: 50;
      background: #333;
      border-radius: 20px;
      width: 35px;
      text-align: center;
      height: 35px;
      font-size: 16px;
  }

  .mainbody {
      position: absolute;
      top: 40px;
      /* Header Height */
      bottom: 20px;
      /* Footer Height */
      width: 100%;
  }

  html,
  body {
      /*    height:100%;*/
  }

  .btn-inCart {
      background: rgba(76, 153, 0, 0.6);
      color: #555;
      border-color: rgba(76, 153, 0, 0.6);
  }

  .btn-inCart:hover {
      background: rgba(76, 153, 0, 0.8);
  }


  /* STRAT #################### Slider #################### */
  #homeBigFeatured-owl-carousel-slider .owl-buttons {
      display: block !important;
      position: absolute;
      right: 196px;
      bottom: 63px;
      right: 10.4vw;
      bottom: 6.35vh;
      width: 158px;
      height: 63px;
      width: 8.3vw;
      height: 6.4vh;
      background: rgba(0, 0, 0, 0);
      z-index: 1;
  }

  #homeBigFeatured-owl-carousel-slider .owl-buttons div {
      -webkit-border-radius: 0;
      border-radius: 0;
      width: 30px;
      height: 30px;
      width: 4.15vw;
      height: 6.4vh;
      margin: -3.2vh 0 0 0;
      background: rgba(255, 255, 255, 1);
      color: black;
      color: #4d4d4d;
  }

  #homeBigFeatured-owl-carousel-slider .owl-buttons i {
      position: absolute;
      right: 0;
      width: 4.15vw;
      line-height: 7.4vh;
      font-size: 42px;
      line-height: 3.5vw;
      font-size: 1.5vw;

  }

  .owl-controls .owl-buttons div.owl-prev:before,
  .owl-controls .owl-buttons div.owl-next:before {
      content: '';
  }

  #homeBigFeatured-owl-carousel-slider .owl-buttons .owl-prev {
      left: 0;
  }

  #homeBigFeatured-owl-carousel-slider .owl-buttons .owl-next {
      right: 0;
  }

  #homeBigFeatured-owl-carousel-slider .owl-buttons div:hover {
      background: #4d4d4d;
      -webkit-box-shadow: 0 0 0 1px white;
      box-shadow: 0 0 0 1px white;
      color: white;
  }

  #homeBigFeatured-owl-carousel-slider .owl-buttons div[class^="owl-"]:before {
      font-size: 50px;
      line-height: 6.3vh;
      font-weight: 500;
  }

  .owl-Pagination {
      position: absolute;
      right: calc(18.5vw);
      bottom: 6.2vh;
      height: 63px;
      width: 208px;
      height: 6.7vh;
      width: 10.8vw;
      /*background-color: yellowgreen;*/
      color: #ffffff;
      font-size: 36px;
      line-height: 6.7vh;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  /* STRAT #################### Pesonalization for mobile #################### */
  /*@media (max-width: 768px) {
  Bootsrap XS 

     footer div[class^="col-"] , footer div.pull-left , footer div.pull-right{
        text-align: center;
        float:  none !important; 
     }
     footer img{ 
         width: 75%;
     }   
     footer img#logopretomader{ 
         max-width: 150px;
         margin-bottom: 30px;
     }
     footer img#logo2020{ 
         margin-top: 30px;
     }
     footer img#logo2020{ 
         margin-top: 30px;
     }
     footer a{
         border-bottom: 1px solid red;
         margin-bottom: 20px !important;
     }
     footer.main h5 { 
        margin-top: 20px !important;
    }
    
}*/
  @media (min-width: 768px) {
      /* Bootsrap XS */

  }

  @media (min-width: 768px) {
      /* Bootsrap SM */

  }

  /*@media (max-width: 991px){
 Bootsrap 0 , XS , SM 
    .logo-sm{
        left: 50%;
        position: absolute;
    }
    .logo > img {
        position: absolute;
        left: -50px;
        max-width: 100px;
    }
    .login-register{
        margin-left: 10.4vw;
        position: relative !Important;
        top: 0 !important;
        right: 0 !important;
    }
    .login-register > li > a {
        line-height: 50px;
        height: 50px;
    }
    .flagsList {
         line-height: 97px !important; 
        line-height: 50px !important; 
        height: 50px;
    }
}*/
  @media (min-width: 992px) {
      /* Bootsrap MD */

  }

  @media (max-width: 1199px) {
      /* Bootsrap 0 , XS , SM, MD */

  }

  @media (min-width: 1200px) {
      /* Bootsrap LG*/

  }

  /*@media (max-width: 1600px) {  1299px 
     PESONALIZADO
    .col-md-3 .login-register {
       position: absolute;
       top: 23px;
       right: 10.5vw;
       margin-right: 5px;
    }
    .col-md-3  .flagsList {
        line-height: 48px;
    }
    .col-md-3 .logo > img {
    }   
    ul.login-register>li>a{

    }
    ul.login-register li a span.lilabel{  
            display: none;
    }
    
    .shopping-cart .shopping-cart-box {
        right: 0;
        margin-top: -24px;
        border: 1px solid brown;
    }
    
    

}
@media (max-width: 1199px) {  1299px 
     PESONALIZADO
    .col-md-3 .login-register {
       right: 15px;
       border: 1px solid green;
    }
    ul.login-register>li>a{

    }
    ul.login-register li a span.lilabel{  
        
    }


}*/
  @media (min-width: 1500px) {

      /* PESONALIZADO*/
      .logo>img {

          max-width: 240px;
      }


  }

  @media (max-width: 1500px) {

      /* PESONALIZADO*/
      .logo>img {
          top: calc(0.5vh + 0.5vw);
          left: 2vw;
          max-width: 13vw;
      }


  }


  @media (min-width: 1680px) {

      /* PESONALIZADO*/
      .owl-Pagination .slide-line {
          border: 1px solid white;

      }
  }


  /*          #######  mobile inverted #######          */

  @media (max-width: 1600px) {

      /* 1299px */
      /* PESONALIZADO*/
      .col-md-3 .login-register {
          position: absolute;
          top: 23px;
          right: 10.5vw;
          margin-right: 5px;
      }

      .col-md-3 .flagsList {
          line-height: 48px;
      }

      /*    .col-md-3 .logo > img {
        top: 2.5vh;
    }   */
      ul.login-register>li>a {}

      ul.login-register li a span.lilabel {
          display: none;
      }


  }

  @media (max-width: 1299px) {
      .col-md-3 .logo>img {
          top: 2.5vh;
      }
  }

  @media (max-width: 1199px) {

      /* 1299px */
      /* PESONALIZADO*/
      .col-md-3 .login-register {
          right: 15px;
      }
  }

  @media (max-width: 991px) {

      /* Bootsrap 0 , XS , SM */
      .logo-sm {

          position: absolute;
      }

      .logo>img {
          position: absolute;

          max-width: 100px;
      }

      .col-md-3 .logo>img {
          top: 10px;
      }

      .login-register {
          margin-left: 10.4vw;
          position: relative !Important;
          top: 0 !important;
          right: 0 !important;
      }

      .login-register>li>a {
          line-height: 50px;
          height: 50px;
      }

      .flagsList {
          line-height: 97px !important;
          line-height: 50px !important;
          height: 50px;
      }

  }

  @media (max-width: 768px) {
      /* Bootsrap XS */

      footer div[class^="col-"],
      footer div.pull-left,
      footer div.pull-right {
          text-align: center;
          float: none !important;
      }

      footer img {
          width: 75%;
      }

      footer img#logopretomader {
          max-width: 150px;
          margin-bottom: 30px;
      }

      footer img#logo2020 {
          margin-top: 30px;
      }

      footer img#logo2020 {
          margin-top: 30px;
      }

      footer a {
          /*border-bottom: 1px solid red;*/
          margin-bottom: 20px !important;

      }

      footer.main h5 {
          margin-top: 20px !important;
      }

  }


  /* END #################### Pesonalization for mobile #################### */



  /* STRAT #################### UPGRADE TO USE FIVE EQUAL COLUMNS #################### */
  .col-xs-5ths,
  .col-sm-5ths,
  .col-md-5ths,
  .col-lg-5ths {
      position: relative;
      min-height: 1px;
      padding-right: 10px;
      padding-left: 10px;
  }

  .col-xs-5ths {
      width: 20%;
      float: left;
  }

  @media (min-width: 768px) {
      .col-sm-5ths {
          width: 20%;
          float: left;
      }
  }

  @media (min-width: 992px) {
      .col-md-5ths {
          width: 20%;
          float: left;
      }
  }

  @media (min-width: 1200px) {
      .col-lg-5ths {
          width: 20%;
          float: left;
      }
  }

  /*#####  END  #################### UPGRADE TO USE FIVE EQUAL COLUMNS #################### */
  /*##### START ################ Page Title Overlay #####################*/
  #catalog.anchor {
      width: 100%;
      margin-bottom: 97px;
  }

  #pageTitle {
      width: calc(100% + 175px);
      height: 300px;
      margin: 0 0px 0 -175px;
      position: relative;
      /* border: 1px solid greenyellow; */
      text-transform: uppercase;
      overflow: hidden;
      width: calc(100% + 10.5vw);
      height: 30vmin;
      margin: 0 0px 0 -10.5vw;
  }

  #pageTitle .titleBack {
      overflow: hidden;
      z-index: 0;
      position: absolute;
      left: 0;
      /*top: 80px;*/
      height: 180px;
      font-size: 180px;
      /* font-size: 9.4vw;*/
      font-weight: 400;
      line-height: 180px;
      vertical-align: middle;
      color: #d1d1d1;
      opacity: 0.3;
      /* border: 1px solid yellow;*/
      height: 30vmin;
      line-height: 30vmin;

  }

  #pageTitle .titleFront {
      /*width: 100%; */
      /* height: 100%; */
      position: absolute;
      /*top: 150px;*/
      left: 175px;
      left: 9.1vw;
      z-index: 10;
      font-size: 48px;
      font-size: 2.5vw;
      color: #333333;
      font-weight: 700;
      height: 30vmin;
      line-height: 30vmin;
      padding-top: 3px;
  }

  @media (max-width: 1500px) {
      #pageTitle {
          width: 100%;
          margin: 0;
      }
  }

  /*#####  END  #################### Page Title Overlay #################### */
  /*##### START ################ Loading #####################*/
  .modal {
      /*    display:    none;*/
      position: fixed;
      z-index: 1000;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: rgba(0, 125, 204, .08)
          /*  rgba( 250, 250, 250, .8 ) */
          url('../img/loading_1.gif') 50% 50% no-repeat;
  }

  .modal_bg {

      background: rgba(0, 125, 204, .08) !important;
  }


  .spinner {
      width: 4.8px;
      height: 4.8px;
      margin-left: 50%;
      margin-top: 10%;
      animation: spinner-z355kx 1s infinite linear;
      border-radius: 4.8px;
      box-shadow: 12px 0px 0 0 #5a73ad, 7.4px 9.4px 0 0 #5a73ad, -2.6px 11.6px 0 0 #5a73ad, -10.8px 5.2px 0 0 #5a73ad, -10.8px -5.2px 0 0 #5a73ad, -2.6px -11.6px 0 0 #5a73ad, 7.4px -9.4px 0 0 #5a73ad;
  }

  @keyframes spinner-z355kx {
      to {
          transform: rotate(360deg);
      }
  }




  .loader {
      /*    display:    none;*/
      position: fixed;
      z-index: 1000;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: rgba(0, 125, 204, .08)
          /*  rgba( 250, 250, 250, .8 ) */
          url('../img/loading_1.gif') 50% 50% no-repeat;
  }





  #loadProducts {}

  #searchDiv {

      z-index: 1002;
      position: relative;
  }


  /* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
  .bodyContainer.loading {
      overflow: hidden;
  }

  /* Anytime the body has the loading class, our
   modal element will be visible */
  .bodyContainer.loading.modal {
      display: block;
  }


  .testcontainer.loading {
      overflow: hidden;
  }

  /* Anytime the body has the loading class, our
   modal element will be visible */
  .testcontainer.loading.modal2 {
      display: block;
  }

  /*#####  END  ################ Loading #####################*/
  /*##### START ################ hilight #####################*/


  /*#####  END  ################ hilight #####################*/
  /*##### START ################ INDEX #####################*/
  #btBiometricLogin {
      width: auto;
      height: 34px;
      position: absolute;
      top: 55px;
      right: 27px;
  }


  #menu a {
      color: white;
      opacity: 1;
  }

  #menu .flagsList a.active span {
      color: #428bca !important;
  }

  #menu a:hover {
      opacity: 0.5;
  }

  .menu-catalogs ul {
      background-color: #eee;
      width: auto !important;
      padding: 9px;
      -webkit-box-shadow: inset 1px 1px 28px 0px rgba(50, 50, 50, 0.56);
      -moz-box-shadow: inset 1px 1px 28px 0px rgba(50, 50, 50, 0.56);
      box-shadow: inset 1px 1px 28px 0px rgba(50, 50, 50, 0.56);
  }

  .menu-catalogs li.CatlogItem div {
      background-color: #fff;
      margin-top: 5px;
      display: grid;
  }

  .menu-catalogs li.CatlogItem a {
      margin: 0px !important;
      padding: 0px;
  }

  .menu-catalogs li.CatlogItem img {
      width: 140px;
      margin: 3px;
  }

  .menu-catalogs li.CatlogItem a:hover {
      opacity: 1;
  }

  .menu-catalogs li.CatlogItem span {
      color: #888;
      font-size: 11px;
      font-weight: 700;
      margin-left: 5px;
      margin-right: 5px;
      margin-bottom: 5px;
  }

  .menu-catalogs li.CatlogItem a.catalog-btDownload {
      text-align: left;
      border: solid 1px #fff;
      border-radius: 1px;
  }

  .menu-catalogs li.CatlogItem a.catalog-btDownload:hover {
      text-align: left;
      border: solid 1px #333;
      background-color: rgba(250, 250, 250, 1);
  }

  .menu-catalogs li.CatlogItem a.catalog-btDownload i {
      background-color: transparent;
      width: auto;
      position: relative;
      float: right;
      bottom: 30px;
      right: 2px;
      color: #888;
      font-size: 13px;
      padding-left: 5px;
      padding-right: 5px;
      border-color: transparent;
  }

  .menu-catalogs li.CatlogItem a.catalog-btDownload:hover i {
      color: #333;
      bottom: -5px;
  }


  .my-hr {
      margin-top: 0px;
      margin-bottom: 15px;
      color: #555;
      background-color: #555;
      border-color: #555;
  }

  .shopping-cart i {
      color: #fff;
      /* opacity: 0.5; */
      font-size: 22px;
      position: relative;
      top: 2px;
  }

  .shopping-cart div ul li:hover .fa {
      color: #fff;
      opacity: 1;
      /*    zoom: 1.1;*/
  }

  #shopping-cart-items-count {
      color: white;
      font-weight: bold;
  }

  #menuCartBox .shopping-cart-items>li {
      margin-bottom: 0px !important;
      padding-bottom: 0px !important;
      border-bottom: none !important;
  }


  .shopping-cart-div {
      display: -webkit-box;
      background-color: #444;
      border-radius: 2px;
      color: #aaa;
      border: 1px solid #000;
  }

  .shopping-cart-div:hover {
      color: #fff !important;
      border: 1px solid #eee;
  }

  .shopping-cart-item-Qty {
      margin: 5px;
      vertical-align: middle;
      line-height: 26px;
      margin-left: 5px;
      font-size: 13px;
  }

  #shopping-cart-item-description {
      background-color: #444;
      padding: 8px 5px 5px 5px;
      margin: 0px;
      width: 80%;
      height: 26px;
      border-bottom-left-radius: 2px;
      border-top-left-radius: 2px;
      line-height: 16px;
      overflow: hidden;
  }

  #newClient-dialog,
  #register2-dialog {
      max-width: 600px !important;
  }

  #register-dialog {
      width: 90vw;
      max-width: 960px !important;
  }

  .login-register {
      float: left;
  }

  ul.login-register>li>a {
      position: relative;
  }

  ul.login-register li a span.lilabel {
      position: absolute;
      left: 13px;
      padding-top: 27px;
      height: 100%;
  }

  #loggedUserName {
      text-transform: none;
  }

  .flagsList {
      list-style: none;
      position: absolute;
      right: 10.5vw;
      margin-right: 13px;
      line-height: 97px;
      padding-left: 0 !important;
      /* temp fix*/
  }

  .flagsList img {
      width: 36px;
      margin: 0px;
      padding-left: 5px;
      padding-right: 5px;
      opacity: 0.4;
  }

  .flagsList img.active {
      opacity: 1;
  }

  .flagsList img:hover {
      opacity: 1;
  }

  .flagsList span {
      width: 36px;
      margin: 0px;
      padding-left: 5px;
      padding-right: 5px;

  }

  .flagsList span.active {
      opacity: 1;
  }

  .flagsList span:hover {
      opacity: 1;
  }


  .reqField::after {
      content: "  *";
      color: #333;
      /*    background-color: red;*/
  }

  #maderCertifications {
      -webkit-box-shadow: 0px 0px 13px 7px rgba(255, 255, 255, 0.8);
      -moz-box-shadow: 0px 0px 13px 7px rgba(255, 255, 255, 0.8);
      box-shadow: 0px 0px 13px 7px rgba(255, 255, 255, 0.8);
      background-color: #fff;
      padding: 2px;
      margin: 0px;
      border-radius: 3px;
  }

  #maderCertifications img {
      height: 40px;
      width: auto;
      margin: 5px;
  }

  #maderCertifications:hover {
      zoom: 2;
      z-index: 200;
      margin-top: -27px;
  }

  #footer-center-div {
      text-align: center;
  }

  #footer-center-div p {
      /*margin-top: 15px;*/
      margin-bottom: 15px;
  }

  #developedBy {
      font-size: 11px;
  }

  #developedBy span {
      opacity: 0.6;
      font-weight: 100;
  }

  #developedBy a {
      color: #333;
      opacity: 0.6;
      font-weight: 900;
      text-decoration: none;
      margin-left: 5px;
  }

  #developedBy:hover a {
      opacity: 0.8;
  }

  /*footer.main {

    font-weight: 400;
}*/
  footer.main h5 {
      font-size: 16px;
      line-height: 28px;
      font-weight: 700;
      margin: -4px 0px 0px 0px;
      text-transform: uppercase;
  }

  footer.main hr {
      border-top: 1px solid black;
  }

  .footer_row_space {
      width: 100%;
      height: 60px;
  }

  #maderPolitics {
      list-style-type: none;
      padding: 0px;
      margin: 0px;


  }

  #copyright {}

  /*#maderPolitics a{
    text-decoration: none;
    opacity: 1;
}
#maderPolitics a:hover{
    text-decoration: none;
    opacity: 0.5;
}*/

  .policy-dialog {
      background: #fff;
      padding: 20px 30px;
      text-align: left;
      /* max-width: 400px; */
      margin: 40px auto;
      position: relative;
      -webkit-border-radius: 5px;
      border-radius: 5px;
  }

  /*-----------------  ofertas ----------------*/
  .offer-dialog {
      padding: 20px 30px;
      text-align: left;
      max-width: 800px;
      margin: 40px auto;
      position: relative;
      -webkit-border-radius: 5px;
      border-radius: 5px;
  }

  .offer-dialog .mfp-close {
      color: #fff;
      margin-top: -25px;
      margin-right: 10px;

  }

  .offer-dialog #mfp-close_bottom {
      bottom: 0 !Important;
  }



  .dialogTitle {
      font-size: 16px;
      font-weight: bold;
  }

  .offer-dialog .offerPriceNet {
      padding-left: 20px;
      color: #fff;
      font-weight: 600;
      font-size: 18px;
  }

  .offer-dialog .offerPriceTable {
      padding-left: 20px;
      color: #888;
      font-weight: 600;
  }

  .offer-dialog .OfferProductImageBox {
      max-height: 105px;
      overflow: hidden;
  }


  .dialogOffer {
      margin-bottom: 30px;
  }

  .offerPrices,
  #currentOfferConditionType_productBox {
      padding: 5px !important;
      background: #1f93c8;
  }

  .offer-dialog #currentOffer .dialogTitle {
      color: #333;
  }

  .offer-dialog #currentOffer .infoDestak {
      color: #333;
      text-transform: uppercase;
      font-weight: 600;
  }

  .offer-dialog #currentOffer .notes {
      color: #aaa;
      font-size: 12px;
      margin-left: 35px !important;
      display: block;
  }


  .offer-dialog #nextOffer {
      /*background: #eeffee;*/
  }

  .offer-dialog #nextOffer .dialogTitle {
      color: #22aa22;
  }

  .offer-dialog #nextOffer .infoDestak {
      color: #22aa22;
      text-transform: uppercase;
      font-weight: 600;
  }


  #currentOfferNotes {
      font-size: 12px;
      font-size: 12px;
      line-height: 15px;
      display: inline-block;
  }

  #homeBusinessResume {
      padding-top: 125px;
      padding-top: 13vmin;
      width: 100%;
      height: 982px;
      background-image: url("../img/homebackground.jpg");
      background-position: center;
      background-size: cover;

  }

  #homeBusinessResume div[class^="col-"] {
      /* class name starts with col-*/
      padding-left: 0px;
      padding-right: 0px;

  }

  #homeBusinessResume div.row {
      margin-bottom: 50px;
  }

  #homeBusinessResume H2 {
      font-size: 40px;
      font-weight: 700;
      text-align: center;
      text-transform: uppercase;
  }

  #homeBusinessResume P {
      font-size: 18px;
      line-height: 28px;
      font-weight: 500;
      text-align: justify;
  }

  #homeBusinessResume div.btn {
      background-color: #333;
      text-transform: uppercase;
      width: 230px;
      height: 70px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: auto;
      margin-left: auto;

      font-size: 18px;
      line-height: 28px;
      color: #ffffff;
      font-weight: 700;
  }

  #BGhomeCatalogs {
      display: block;
  }

  /*#BGhomeCatalogs div.col-md-5ths{
    width: 20%;
    float: left;
    margin-bottom: 30px;
    border: red solid 1px;
    
}*/

  #BGhomeCatalogs div.CatalogItem {
      /*    border: 1px solid red;*/
      margin-bottom: 80px;
  }

  @media (max-width: 380px) {
      #BGhomeCatalogs>div {
          width: 100%
      }
  }

  #BGhomeCatalogs div[class^="col-"] {
      /* class name starts with col-*/
      padding-left: 0px;
      padding-right: 0px;

  }

  #BGhomeCatalogs div.catalogItemImage {
      /*    border: 1px solid red;*/
      width: 100%;
      height: 31.8vh;
      /*6.8vh*/
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
  }

  #BGhomeCatalogs div.catalogButtons {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  #BGhomeCatalogs div.catalogButtons a {
      padding: 5px;
      font-size: 16px;
  }

  #BGhomeCatalogs div.catalogButtons a>i {
      color: #959595;
      font-weight: 300;
      margin: 5px;
  }

  #BGhomeCatalogs div.catalogButtons a>span {
      font-size: 13px;
      color: #959595;
      font-weight: 700;

  }


  /*#####  END  ################ INDEX #####################*/

  /*##### START ################ PRODUCTS #####################*/

  /*.slideshow { 
        margin: 50px auto; 
        position: relative; 
        width: 240px; 
        height: 240px; 
        padding: 10px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.4); 
    z-index: 5000;
    position: absolute;
    top: 20px;
    right: 80px;
    width: 39px;
    height: 40px;
}

.slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}*/
  .productDiv-type-1 .productPromoImage {
      position: absolute;
      left: 7px;
      top: 30px;
      width: 97px;
      padding: 4px 8px;
      z-index: 5;
  }

  .productDiv-type-2 .productPromoImage {
      position: relative;
      left: 0;
      top: 1px;
      height: 21px;
      width: auto;
      padding: 0;
      z-index: 5;
  }

  .productDiv-type-2 .productDetailInnerBox {
      font-size: 7px;
  }

  /*.dddddd{
    width: 100px;
    height: auto;
}
.divProductPromoImage img{
        top: 0px;
            left: 0px;
            position: absolute;
    animation: showMe 0.8s linear infinite 0s forwards;
    animation-play-state: paused;	
}
@keyframes showMe {
    0% { visibility: visible; z-index: 100; }
    12.5% { visibility: visible; z-index: 100; }
    25% { visibility: hidden; z-index: 0; }
    100% { visibility: hidden; z-index: 0; }
}
.divProductPromoImage:hover img{
    animation-play-state: running;
}*/


  .noVatMessage {
      /* margin-top: -10px; */
      margin-bottom: 10px;
      line-height: 16px !important;
  }

  .noVatMessage span {
      /*background-color: #ededed;*/
      color: #999;
      font-size: 9px;
      letter-spacing: 0.2px;
      padding: 2px 2px;
      border-radius: 3px;
      /*  -webkit-box-shadow: 1px 1px 28px 1px rgba(200, 200, 200, 0.56);
    -moz-box-shadow: 1px 1px 28px 1px rgba(200, 200, 200, 0.56);
    box-shadow: 1px 1px 28px 1px rgba(200, 200, 200, 0.56);*/

      line-height: 16px !important;
  }

  #btClearFilter {
      margin-right: -10px;
  }

  #btClearFilter :hover {
      color: darkred;
  }

  #btSetFilter :hover {
      color: #227297;
  }

  #activeFilters {
      /*    margin-top: -15px;
        font-size: 10px;
        
          margin-left: 65px;
        */
      text-transform: uppercase;
      margin-top: 5px;
      font-size: 10px;

      margin-bottom: -5px;
  }

  .selectedFilter {
      margin-right: 20px;
  }


  #price-slider {
      width: 100%;
      border: 0px solid #00ff00;
      /*    background-color: red;*/
  }



  #brandImage {
      /*    height: 35px;
        width: 35px;
        margin: 0px 0px 1px 1px;*/

      height: 20px;
      width: auto;
      margin: 5px 0px 5px 5px;
  }

  #brandLink:hover {
      /*    margin-left: 50%;
        margin-right: -50%;
        border-radius: 5px;
        color:#fff;
        
         Webkit for Chrome and Safari 
      -webkit-transform: scale(2.0, 2.0); // This is the enlarged size scale of the image.
      -webkit-transition-duration: 500ms;
      -webkit-transition-timing-function: ease-out;
     
       Webkit for Mozila Firefox 
      -moz-transform: scale(2.0, 2.0);
      -moz-transition-duration: 500ms;
      -moz-transition-timing-function: ease-out;
     
       Webkit for IE( Version: 11, 10 ) 
      -ms-transform: scale(2.00, 2.00);
      -ms-transition-duration: 500ms;
      -ms-transition-timing-function: ease-out;*/
  }

  #filterBrand {
      background-color: #fff;
      border-radius: 6px;
      height: 40px;
      margin-bottom: 30px;
      /*    color: #fff;*/
  }

  #brandTitle {
      margin-left: 5px;
      color: #5c5c5c;
      text-transform: uppercase;
      font-family: 'Roboto', arial, helvetica, sans-serif;
      height: 40px;
  }


  #productDiv .priceTable {
      color: #858585;
      min-width: 70px;
  }

  .productTypeLI {
      display: inline-flex !important;
  }

  .productTypeLI span.priceLabel {
      font-size: 12px;
      margin-left: 2px;
      margin-top: 2px;
  }

  .productTypeLI span.priceDiscount {
      color: #333;
      margin: 2px;
      padding-left: 3px;
  }

  #productDiv .product-price {
      min-width: 70px;
  }

  #productDiv .productVAT,
  #productDiv .productEcoTax {
      /*    color: #858585;*/
      font-size: 12px;
      margin-top: 1px;
  }




  #productsList {
      min-height: 59000px;
      line-height: 30px;
      /*    background-color: aliceblue;*/
  }

  #productDiv {
      /*height: 324px;*/
      /*    height: 534px;*/

  }

  .productDivNoPrices {
      /* height: 335px; */
      height: 350px;
  }

  .productDivPricesNet {
      /* height: 441px; */
      height: 500px;
  }

  .productDivPricesNetAndTable {
      /*  height: 471px; */
      height: 486px;
  }

  .productDiv-type-2.productDivPricesNetAndTable {
      /*  height: 471px; */
      height: 207px;
  }

  .productDiv-type-2.productDivPricesNetAndTable.productDivLabelPromo {
      /*  height: 471px; */
      height: 239px;
  }


  .label-transparent {
      opacity: 0.3;
      background-color: #333;
  }

  .label-transparent[href]:hover,
  .label-transparent[href]:focus {
      opacity: 0.8;
      background-color: #444;
  }

  .product-label-detail {
      position: absolute;
      right: 0px;
      left: 0px;
      top: 220px;
      padding: 5px 8px;
      z-index: 5;
  }

  .my-product-ref {
      color: #666;
      margin-top: 10px;
      margin-bottom: 5px;
  }

  .productDiv-type-2 .my-product-ref {
      color: #666;
      margin-top: 0;
      margin-bottom: 0;
      font-weight: bold;
      font-size: 13px;
      padding: 0 5px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      /* Limit the title to 2 lines */
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      max-height: 3em;
  }

  .my-product-title {
      overflow: hidden;
      /* height: 40px; */
      height: auto;
      /*min-height: 55px; */
      line-height: 1.2;
      /*    margin-top: 5px;*/
      margin-bottom: 0px !important;
  }

  .productDiv-type-2 .my-product-title {
      color: #333;
      margin-top: 0;
      margin-bottom: 0;
      font-weight: 400;

  }

  .my-product-desciption {
      overflow: hidden;
      height: 0px;
      /*    background-color: green;*/
  }

  .image-margin {
      padding: 5px;
      background-color: white;
  }

  .product-margin {
      margin: 10px;
      overflow: hidden;
      height: 197px;
      align-content: center;
  }


  .productImg-horizontal {
      width: 95%;
      /*    height: 197px;*/
  }

  .productImg-vertical {
      width: auto;
      height: 196px;
      margin-left: auto;
      margin-right: auto;


  }

  .productDiv-type-2 .productImg-horizontal {
      width: auto;
      max-height: 100px;
      max-width: 95%;
      margin-top: 7px;
  }

  .productDiv-type-2 .productImg-vertical {
      width: auto;
      height: 100px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 7px;

  }

  .product-image-box-vertical {
      /*    background-color: yellowgreen;*/
  }

  .product-image-box-horizontal {
      height: 200px;
      display: table-cell;
      vertical-align: middle;
  }



  .catalog-box {}

  .catalog-list {
      list-style: none;
      margin: 0;
      padding: 0;
  }

  .catalog-list>li {
      /*background-color: #efefef;
         border: 1px solid #333 ;*/
      padding: 1px;
      margin-top: 20px;
  }

  .catalog-list>li .catalog-image {
      /*    width: 100%
    margin-top: -5px;*/
  }

  .catalog-list>li .catalog-title {
      font-size: 12px;
      padding-bottom: 0px;
      padding-left: 5px;
      padding-top: 5px;
  }

  .catalog-list>li .catalog-buttonsBox {
      background-color: #fff;
  }

  .catalog-list>li .catalog-button {
      border: 0px solid #e6e6e6 !important;
      /*color: #333;*/
      color: #bbb;

  }

  .catalog-list>li .catalog-button:hover {
      border: 0px solid #e6e6e6 !important;
      /*color: #333;*/
      background-color: #fff;
      color: #333;

  }

  #productOrder li {
      margin-right: 5px;
  }

  .productOrderQty {
      width: 40px;
      text-align: center;
      border: solid 0px #333;
      background-color: #eee;
      border-radius: 5px;
  }

  .productOrderQty.changed {
      background-color: #e79912 !important;
  }

  /*#catalogItem:hover
{
    margin-left: 30%;
    margin-right: -25%;
    border-radius: 5px;
    
     Webkit for Chrome and Safari 
  -webkit-transform: scale(1.5, 1.5); // This is the enlarged size scale of the image.
  -webkit-transition-duration: 500ms;
  -webkit-transition-timing-function: ease-out;
 
   Webkit for Mozila Firefox 
  -moz-transform: scale(2.0, 2.0);
  -moz-transition-duration: 500ms;
  -moz-transition-timing-function: ease-out;
 
   Webkit for IE( Version: 11, 10 ) 
  -ms-transform: scale(2.00, 2.00);
  -ms-transition-duration: 500ms;
  -ms-transition-timing-function: ease-out;
}*/

  /*#####  END  ################ PRODUCTS #####################*/


  /*##### START ################ PRODUCT DETAIL #####################*/
  #viewBreadCrum ul {
      margin: 0px;
      padding: 0 0 5px 0;
      line-height: 20px;
  }

  #viewBreadCrum ul li {
      display: inline;
      font-size: 12px;

  }

  #viewBreadCrum ul a {
      text-decoration: none;
  }

  #viewBreadCrum ul .breadcrumbref {
      font-weight: 800;
      text-transform: lowercase !important;
  }

  .fotorama-Mader-Border {
      background-color: #fff;
      padding: 5px 0;
      margin-top: 10px;
      border-radius: 0px 0px 5px 5px;
      -webkit-border-radius: 5px;

      /*  height: 350px; */
  }

  .fotorama-Mader-Personalization {
      background-color: #fff;
  }

  div.fotorama__nav.fotorama__nav--thumbs {
      /*    background-color: green;*/
      padding-top: 8px;
      margin-top: 10px;
      border-top: 1px solid #eee;


  }

  div.fotorama__wrap {
      border-top: 1px solid #eee;
      padding-top: 15px;
  }

  #product-info {
      /*height: 690px;*/
      overflow: hidden;
      letter-spacing: 1px;
      padding: 0;
      -webkit-box-shadow: unset !important;
      box-shadow: unset !important;

  }

  #product-info-price {
      font-size: 35px;
      color: #333;
      line-height: 1em;
      letter-spacing: 0px;
      margin: 10px 0 0 0;
      padding: 10px 0 5px 0;
      /*border-bottom: 1px solid #1F93C8;*/
      border-top: 1px solid #1F93C8;
  }

  .detailPriceLabel {
      color: #aaa;
      font-size: 16px;
      font-weight: 500;
      margin-top: 16px;
      margin-right: 15px;
  }

  .detailPriceDiscount {
      /*color: #aaa;*/
      font-size: 16px;
      font-weight: 600;
      margin-top: 16px;
      margin-right: 15px;
      margin-left: -7px;
  }

  /*
.productTypeDiv{
    display: inline-flex;
    margin-bottom: 10px;
    margin-top: -10px;
}*/

  #productDetailTitleBox {
      /*height: 200px;*/
  }

  #productDetailTitle {
      font-weight: 500;
      letter-spacing: 1px;
      font-size: 18px;
  }


  .productBrandLogo,
  .productBrandLogo2,
  .productBrandLogo3 {
      width: auto;
      max-width: 100%;
      height: auto;
      max-height: 150px;



  }

  #productDetailCodes h5 {
      color: #666;
      font-size: 13px;
      font-weight: 500;
      margin-bottom: 5px;
  }

  #productDetailCodes span {
      color: #aaa;
  }

  #productDetailPriceNet {
      font-weight: 500;
      margin-left: -15px;
      color: #fff;
      padding: 0 10px;
      background: #1f93c8;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      font-size: 27px;
  }

  #productDetailSmallest {
      font-weight: 500;
      font-size: 20px;
      margin-left: -15px;
  }

  #productDetailPriceTable {
      font-size: 20px;
      color: #aaa;
      margin-left: -15px;
  }

  #productDetailVAT {
      font-size: 20px;
      color: #333;
      margin-left: -15px;
  }

  #productDetailEcoTax {
      font-size: 20px;
      color: #333;
      font-weight: 400;
  }



  #separatorLine {
      border-top: #eee;
      border-top-style: outset;
      border-top-width: 0px;
      width: 100%;
      padding-top: 10px;
      margin-top: -10px;
  }

  .featured2_start_instruction {
      margin-top: 10px;
      padding-top: 16px;
      border-top: 1px solid #ccc;

  }

  .featured2_start_instruction #highlightKey {
      color: #fff;
      font-weight: 500;
      /* border-bottom: 1px solid #333;*/
      padding: 6px 5px;
      background: #e79912;
      text-transform: capitalize;
  }

  .featured2_start_instruction #highlightKey a:visited {
      color: #fff;
  }

  #productDetailContainerHighlightsTable,
  #productDetailTableInfo {
      color: #666;
      font-size: 13px;
      font-weight: 800;
      line-height: 2;
      width: 100%;
      text-transform: uppercase;
  }

  .productDetailContainerHighlightsItem_title {
      color: #4d4d4d;
      font-weight: 700;
      font-size: 16px;
  }


  .productDetailContainerHighlightsItem_value {
      color: #4d4d4d;
      font-weight: 500;
  }

  .productDetailContainerHighlightsItem_value i {
      font-weight: bold;
      font-size: 16px;
      padding-right: 5px;
  }

  #productDetailContainerHighlightsItem {
      display: grid !important;

  }

  #productDetailContainerHighlightsItem td {
      vertical-align: top;

  }

  .productDetailTableInfo {
      height: 33px;
      margin-top: 3.5px;
  }

  /*
#productDetailContainerHighlightsTable span.spanVal,
#productDetailTableInfo span{
    color: #aaa;
    font-weight: normal;

}
*/
  .productDetailTableInfo_title {
      color: #aaa;
      font-weight: 500;

  }

  .productDetailTableInfo_value {
      color: #4d4d4d;
      font-weight: 700;
  }



  /*#productDetailContainerHighlights{
    border-radius: 5px;
    width: 100%;   
    margin-bottom: 17px;
    margin-top: 0px;
    height: 6000px;
   
}*/


  #productDetailContainerHighlightsBorderBotton {

      /*  position: relative;
    bottom: 48px;
    left: 7px;
    width: 94%;
    z-index: 1;
    background-color: #fff;
    height: 10px; */
      /* right: -80px; */
      /*    -webkit-box-shadow: inset 0 -2px 4px 0px #eee;
        -moz-box-shadow: inset 0 -2px 4px 0px #eee;
        box-shadow: inset 0 -2px 4px 0px #eee;*/

  }

  /*#productDetailContainerHighlights.ViewType1{
   
}
#productDetailContainerHighlights .ViewType2{
    height: 225px;
}
#productDetailContainerHighlights .ViewType3{
    height: 225px;
}*/

  #productDetailOrderBox {
      padding-bottom: 20px !important;
      border-bottom: 1px solid #1F93C8;
      /* position: absolute;
    bottom: -10px;
    left: 20px;
    right: 15px;
    background-color: #fff;
    height: 70px;
    padding-top: 20px;
    padding-left: 14px;
    border-radius: 5px;*/


  }

  #productDetailOrder {
      /*list-style: none;
    color: #666;
    position: absolute;
    bottom: 0px;
    right: 15px;*/

  }

  #productDetailOrderBox .productOrderQtyMinus,
  #productDetailOrderBox .productOrderQtyPlus {
      border: 2px solid #ccc;
      padding: 8px;
      color: #4d4d4d;
  }

  #productDetailOrderBox .productOrderButton {
      font-size: 16px;
      color: #4d4d4d;
      border: 2px solid #ccc;
      font-weight: 600;
      border-radius: 0 !important;

  }

  #productDetailOrderBox .productUpdateOrderButton {
      font-size: 16px;
      color: #fff;
      border: 1px solid #4d4d4d;
      font-weight: 500;
      border-radius: 0 !important;

  }

  #productDetailOrderBox .productOrderButton i,
  #productDetailOrderBox .productUpdateOrderButton i {
      padding-right: 11px;

  }

  #productDetailStock span {
      font-size: 12px;
      color: #eee;
      padding: 6px 0;
      /*  border-radius: 5px;*/
      margin-top: 4px;
      width: 132px;
      max-width: 132px;
      display: flow;
      height: 33px;
      line-height: 22px;
  }

  #productDetailStockOk {
      background-color: #01a252;
  }

  #productDetailStockNone {
      background-color: #d9534f;
  }

  #productDetailStockEnd {
      background-color: #FFB84D;
  }

  #productDetailIsArriving {
      background-color: #e79912;
  }

  .itemPromo_offerRef {
      color: #666;
      font-weight: bold;
      font-size: 11px;
  }

  #divListPromos div.itemPromo,
  #listOutletPromo div.itemOutletPromo {
      margin: 10px 0px;
      border-bottom: 1px solid #1f93c8;
      padding: 0;
  }

  #divListPromos #listItemPromoConditions {
      margin-bottom: 10px;
  }

  #divListPromos span.itemPromoAvailableLabel,
  #divOutletPromos span.itemPromoAvailableLabel,
  .divListPromos_modal span.itemPromoAvailableLabel {
      color: #4d4d4d;
      font-size: 14px;
      font-weight: 500;
      line-height: 2;
  }

  #divListPromos .endType span.itemPromoAvailableLabel {
      color: #999;
      font-size: 12px;
      font-weight: 500;
      line-height: 2;
  }

  #divListPromos .itemPromoAvailableValue,
  #divOutletPromos span.itemPromoAvailableValue,
  .divListPromos_modal span.itemPromoAvailableValue {
      color: #4d4d4d;
      font-size: 14px;
      font-weight: 800;
      line-height: 2;
  }

  #divListPromos .itemPromoAvailableValue #itemPromo_offerPriceNet {
      color: #4d4d4d;
      font-size: 16px;
      font-weight: 800;
      line-height: 2;
  }

  #divListPromos .itemPromo_offerDiscount {
      color: #4d4d4d;
      font-size: 14px;
      font-weight: 400;
  }

  #divListPromos #itemPromo_offerDescription,
  .divListPromos_modal span.itemPromo_offerDescription {
      color: #666;
      /*font-weight: 200;*/
      font-size: 11px;
  }

  #itemPromoConditionItem_discount,
  #itemPromoConditionItem_product {
      border-top: 1px solid #ccc;
      line-height: normal;
      margin-top: 5px;
      padding-top: 5px !important;
  }



  #productPromoLabel,
  #productOutletPromoLabel {
      position: absolute;
      left: 16px;
      top: 20px;
      padding: 8px 10px;
      z-index: 5;
      font-size: 18px;
      letter-spacing: 2px;
      cursor: pointer;
      width: 150px;
  }

  .promoLabelCarousel {
      overflow: hidden;
      height: 20px;
  }

  .promoLabelInner {
      animation: scrollPromoLabel 6s ease infinite;
  }

  @keyframes scrollPromoLabel {

      25%,
      50% {
          transform: translateY(0);
      }

      50%,
      75% {
          transform: translateY(-37px);
      }

      /*50%,70% {
		transform: translateY(-64px);
	}
	75%,95% {
		transform: translateY(-96px);
	}
	100% {
		transform: translateY(-124px);
	}*/
  }


  .divListPromos_header_title,
  #divOutletPromos div.divHeader {
      color: #4d4d4d;
      font-weight: 700;
      font-size: 16px;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-top: 10px;

  }

  .divListPromos_header_info,
  #divOutletPromos div.divHeader {
      color: #aaa;
      font-weight: 500;
      font-size: 13px;
      margin-top: -15px;
  }

  #divOutletPromos div.divHeader h4 {
      /*    margin-top: 30px;*/
      margin-left: 20px;
      margin-bottom: -2px;
      color: #333;
      font-weight: 800;
      letter-spacing: 2px;
  }

  #divListPromos p {
      color: #666;
      font-weight: 100;
      font-size: 13px;
      margin: 3px 0px;
      padding-bottom: 10px;
  }

  #divListPromos div.availableUntil {
      position: relative;
      width: 100%;
      bottom: 0px;
      left: -30px;
  }

  #divListPromos #itemPromo_offerImage {
      max-height: 100px;
      width: auto;
      margin-top: 15px;
  }

  #divListPromos #itemPromo_image {
      max-height: 120px;
      width: auto;
  }

  #itemOutletPromo_image {
      max-width: 250px;
      background: #f0ad4e;
      height: 71px;
      line-height: 71px;
      color: #fff;
      font-size: 25px;
      font-style: italic;
      font-weight: bold;
  }

  .bgGradient {
      background: linear-gradient(135deg, rgba(217, 83, 79, 1), rgba(166, 32, 28, 0.5));
      background-size: 300% 300%;
      height: 5px;

      animation: AnimationName 4s ease infinite;

  }

  .bgGradient2 {
      background: linear-gradient(135deg, rgba(238, 153, 30, 1), rgba(240, 173, 78, 0.5));
      background-size: 300% 300%;
      height: 5px;

      animation: AnimationName 4s ease infinite;

  }

  @keyframes AnimationName {
      0% {
          background-position: 0% 61%
      }

      50% {
          background-position: 100% 40%
      }

      100% {
          background-position: 0% 61%
      }
  }




  .mob-tabbable {}

  .mob-tabbable .nav-tab {
      background: #333;
      color: #fff;
      font-weight: 400;
      margin-bottom: 10px;

  }

  .mob-tabbable .nav-tab i {
      padding: 0 10px;

  }

  .mob-tabbable .nav-tab i.nav-tab-arrow {
      line-height: 38px;
      font-size: 20px;
      padding-right: 20px;

  }


  .tabFeaturesColumnTitle {
      font-weight: 800;
      padding-top: 16px;
      display: block;
  }




  /*#####  END  ################ PRODUCT DETAIL #####################*/

  /*##### START ################### HOME PAGE #######################*/

  #BGhome {
      height: 1000px;
      margin: 10px;
  }

  #BGhome div.owl-prev {
      left: 41px;
  }

  #BGhome div.owl-next {
      right: 41px;
  }

  .homeBrandBox {
      opacity: 0.8;
      position: absolute;
      bottom: 0px;
      width: 100%;
      /* background-color: #333; */
      background-color: #333;
      overflow: hidden;
  }

  .homeBrandText {
      color: #fff;
      font-size: larger;
      text-align: center;
      font-weight: 100;
      opacity: 1 !important;
      margin-top: 5px !important;
      margin-bottom: 5px !important;
      opacity: 1 !important;
  }


  .homeHightlightBox {
      opacity: 0.8;
      position: absolute;
      width: 100%;
      /*background-color: #333;*/
      background-color: #333;
      overflow: hidden;

      bottom: 28px;
      /*    border-bottom-right-radius: 5px;
        border-bottom-bottom-radius: 5px;*/

      /*    top: 0px;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;*/
  }

  .homeHightlightText {
      color: #fff;
      font-size: small;
      text-align: center;
      font-weight: 500;
      opacity: 1 !important;
      margin-top: 8px !important;
      margin-bottom: 7px !important;
      opacity: 1 !important;
  }

  #homeFeatured_Item .product-banner-inner {
      bottom: 3px;
  }

  #homeFeatured_Item a {
      /*    background-color: #555;
        opacity: 0.8;
        min-width: 90px;
    height: 25px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;*/
  }

  .homebox3 {
      width: 108%;
      margin-left: -4%;
      margin-right: -4%;
  }

  #newsItem {
      background-color: #fff;
      height: 425px;
      overflow: auto;
      padding: 2px;
      border-radius: 5px;
  }

  #newsItemImage {
      width: 25%;
      float: right;
      margin: 15px;
  }

  .newsItemTextBox {
      background-color: #fff;
      padding: 15px;
  }

  #newsItemTextTitle {
      font-weight: normal;
  }

  /*#####  END  ################### HOME PAGE #######################*/
  /*##### START ################### Galeria de Vídeos #########################*/
  hidennContent {
      display: none;
  }

  #BGVideoGalery .videoItem {
      margin-bottom: 85px;
  }

  #BGVideoGalery .videoFrame {
      border: 1px solid #f3f3f3;
      padding: 5px;
      border-radius: 1px;
  }

  #BGVideoGalery .videoShadow {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      cursor: pointer;
  }

  #BGVideoGalery .videoShadow i {
      padding: 10px 0 0 6px;
      position: absolute;
      bottom: 0;
      right: 0;
      /*background-color: white;*/
      background-color: rgba(255, 255, 255, 0.5);
      width: 50px;
      height: 50px;
      text-align: center;
      font-size: 30px;
      border-radius: 25px;
  }

  #BGVideoGalery .videoFrame:hover .videoShadow i {

      background-color: #666;
      background-color: rgba(70, 70, 70, 0.5);
      color: #000;
  }

  #BGVideoGalery .videoPrint {
      width: 100%;
      padding-top: 75%;
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      cursor: pointer;
  }

  #BGVideoGalery .videoPrint:hover {
      padding-left: 10px;
      padding-right: 10px;
      background-color: #eee;
      opacity: 0.5;
  }

  #BGVideoGalery .colDesc {
      position: relative;
      /*padding: 0;*/
  }

  #BGVideoGalery .videoDesc {
      width: 100%;
      display: grid;
      position: absolute;
      top: 0;
      margin: 25% 0 0 0;
  }

  #BGVideoGalery .videoDesc span {
      /*width: 100%;*/
      width: calc(100% - 15px);
  }

  #BGVideoGalery .videoTitle {
      font-size: 24px;
      /*font-size: 1.25vw;*/
      font-weight: 700;
  }

  #BGVideoGalery .viewsCount {
      font-size: 16px;
      /*font-size: 0.85vw;*/
  }

  @media (max-width: 767px) {
      #BGVideoGalery .videoTitle {
          font-size: 20px;
      }

      #BGVideoGalery .viewsCount {
          font-size: 14px;
          /*font-size: 0.85vw;*/
      }
  }

  /*#####  END  ################### Galeria de Vídeos #######################*/
  /*##### START ################### ASSISTÊNCIA #########################*/
  #BGAssit {
      /*min-height: 1100px !important;*/
  }

  #BGAssit #imgLogoSaurium {
      max-width: 260px;
      margin-top: 30px;
  }

  #BGAssit p {
      line-height: 30px;
      margin-bottom: 20px;
  }

  #BGAssit .sauriumLogos {
      display: block;
  }

  #BGAssit .sauriumLogos img {
      width: 50%;
  }

  #BGAssit .sauriumLogos img.imgright {
      /*border: 1px solid #ddd;*/
      float: right;
      margin-top: 10%;
      margin-bottom: -10%;
      margin-right: 10%;
      background-color: #999;
  }

  #BGAssit .sauriumLogos img.imgleft {
      /*border: 1px solid #ddd;*/
      float: left;
      margin-top: -10%;
      margin-bottom: 10%;
      margin-left: 10%;
      border: 1px solid #aaa;
  }

  @media (max-width: 991px) {
      #BGAssit .sauriumLogos img {
          width: 90%;
      }

      #BGAssit .sauriumLogos img.imgright {
          margin-bottom: 0;
      }

      #BGAssit .sauriumLogos img.imgleft {
          margin-top: 10%;
      }
  }

  @media (max-width: 767px) {
      #BGAssit .sauriumLogos img {
          width: 55%;
      }

      #BGAssit .sauriumLogos img.imgright {
          margin-bottom: -10%;
          margin-right: 10%;
      }

      #BGAssit .sauriumLogos img.imgleft {
          margin-left: 0;
          margin-top: -10%;
      }
  }

  /*#####  END  ################### ASSISTÊNCIA #######################*/
  /*##### START ################### EMPRESA #########################*/
  #BGBusiness {
      height: 2000px;
      margin: 10px;
  }

  #BGBusiness h3 {
      font-weight: 600;
      margin-bottom: 40px;
  }

  #BGBusiness p {
      line-height: 28px;
      margin-bottom: 15px;
  }

  #BGBusiness ul li {
      line-height: 28px;
  }

  #businessSlider {
      margin-top: 50px;
  }

  #BGBusiness div.owl-next {
      border-radius: 0px;
      background-color: #333;
      /* color: red; */
      /* font-weight: 900; */
      width: 25px;
      margin-right: -20px;
  }

  #BGBusiness div.owl-prev {
      border-radius: 0px;
      background-color: #333;
      /* color: red; */
      /* font-weight: 900; */
      width: 25px;
      margin-left: -20px;
  }

  .galery {
      /*    -webkit-box-shadow: 0px 0px 13px 7px rgba(150,150,150,0.3);
    -moz-box-shadow: 0px 0px 13px 7px rgba(150,150,150,0.3);
    box-shadow: 0px 0px 13px 7px rgba(150,150,150,0.3);*/

  }

  .imgShadow {
      /*    -webkit-box-shadow: inset 0px 0px 25px 0px rgba(150,150,150,0.8);
    -moz-box-shadow: inset 0px 0px 25px 0px rgba(150,150,150,0.8);
    box-shadow: inset 0px 0px 25px 0px rgba(150,150,150,0.8);*/

  }

  .imgShadow img {
      /*margin: 1%;*/
      margin: 2.5% 5%;
      /*border: 1px solid rgba(150,150,150,0.5);*/
      /*border: 1px solid rgba(0,125,204,0.5);*/
      /*border-radius: 5px;*/
      width: 98%;
  }


  /*#####  END  ################### EMPRESA #########################*/
  /*##### START ################### CONTACTOS #######################*/
  #map-canvas {
      border-radius: 5px;
      border-style: solid;
      border-color: #fff;
      border-width: 8px;
  }

  /*#####  END  ################### CONTACTOS #######################*/
  /*##### START ################### CARRINHO ########################*/
  /*.cartImageDiv {
        width: auto;
        height: 40px;  
        background-color: red;

}*/

  #cartOfferItemLink:hover .imgHover,
  #cartItemLink:hover .imgHover {
      visibility: visible;
      background-color: #fff;
  }

  #cartItemLink .imgHover {
      position: absolute;
      top: 43px;
      left: 108px;
      z-index: 10;
      visibility: hidden;
      width: 120px !important;
      border: 2px solid #888;
      padding: 10px;
      max-height: 250px;
  }

  #cartOfferItemLink .imgHover {
      position: absolute;
      bottom: 20px;
      left: 65px;
      z-index: 10;
      visibility: hidden;
      width: 120px !important;
      border: 2px solid #888;
      padding: 10px;
  }

  .cart-quantity {
      width: 35px !important;
      margin: 0px 2px !important;
  }

  .orderStatus {
      /*margin: 10px;*/
      padding: 10px;
      border-radius: 5px;
  }

  #divOrderID {
      display: inline;
      float: right;
  }

  #cartSellerNotesSave,
  #cartInternalNotesSave,
  #cartClientNotesSave {
      float: right;
      /* height: 20px; */
      line-height: 10px;
      margin-bottom: 20px;
      margin-top: 2px;
  }

  /*#####  END  ################### CARRINHO ########################*/
  /*##### START ################### HISTÓRICO #######################*/
  #orderHistoryList span.oStatus {
      padding: 2px 10px;
  }

  #orderHistoryList a.btn {
      padding: 2px 10px;
  }

  #orderHistoryList td {
      vertical-align: middle !important;
  }

  #my-page-container {
      background-color: white;
  }

  #my-page-container>div.container {
      min-height: 600px;
      /*    background-color: red;*/
  }

  .homeContainer {
      height: auto !important;
      min-height: unset !Important;
  }

  #orderEvaluationDialog .rating-container {
      /*font-size: 15px;*/
      /*    color: red;*/
  }

  #orderEvaluationDialog i.glyphicon {
      visibility: hidden;
  }

  #orderEvaluationDialog div.caption span.label-default {
      visibility: hidden;
  }

  /*#####  END  ################### HISTÓRICO #######################*/
  /*##### START ################### ENCOMEDAR #######################*/
  #fastCartQuantityRow {
      background: #eee;
  }

  #fastCartQuantityRow td a {
      display: inline-block;
      width: 25px;
      height: 25px;
      line-height: 25px;
      /*    background: #999;*/
      color: #fff;
      text-align: center;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      margin-right: 5px;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      -ms-transition: 0.3s;
      transition: 0.3s;
  }

  #fastCartRef,
  #fastCartQuantity {
      background-color: #fff;
      width: 120%;
      text-align: center;
      outline: none;
      display: inline-block;
      line-height: 20px;
      margin: 0 -5px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      border: 1px solid #ccc;
      -webkit-box-shadow: none;
      box-shadow: none;
  }

  .cart-item-quantity-fast input {
      width: 38px !important;
      color: #888;
      text-align: center;
      outline: none;
      display: inline-block;
      line-height: 20px;
      margin: 0 0px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      border: 1px solid #ccc;
      -webkit-box-shadow: none;
      box-shadow: none;
  }

  .cart-item-quantity-fast i {
      color: #aaa;
      font-size: 12px;
  }

  #selectOrderClient {
      /*width: 100%; */
      height: 40px;
      margin-top: 15px;
      margin-bottom: 15px;
      margin-left: -2px;
      /*    border: 1px solid #eee;
        border-radius: 5px;
        padding: 5px;*/
  }

  .cartItemPriceSellerBox {
      position: relative;
      top: 9px;

  }

  .cartItemPriceSellerBox input.cartItemPriceSeller {
      width: 70px;
      height: 20px;
      text-align: right;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      border: 1px solid #ccc;
      padding-top: 3px;
  }

  .cartItemPriceSellerBox .cartLine-changePrice {
      /*position: relative;*/
      bottom: 22px;
      right: -16px;
  }

  /*#####  END  ################### ENCOMEDAR #######################*/
  /*##### START ################### UTILIZADOR ######################*/
  /*#btChangePassword{
    width: 100%;
    text-align: center;
}*/

  #userForm div.row {
      margin-top: 25px;

  }

  /*#####  END  ################### UTILIZADOR ######################*/
  /*##### START ################### mob ######################*/
  /*@media (max-width: 768px) and (orientation: portrait ) {*/
  @media (max-width: 1199px) {
      /*    .owl-scrolldown span {
        width: 150px;
        margin-right: -75px;
        line-height: 12px;
        font-size: 12px;
    }
    .owl-scrolldown div.verticalline {
        border-left: 1px solid white;

        height: 10px;
        left: 75px;
    }    */

      #homeBigFeatured-owl-carousel-slider .owl-buttons {
          /*width: 20%;*/
          width: 80px;
          height: 25px;
          /*bottom: 25px;*/
          /*bottom: 3.4vw;*/
          bottom: calc(2.5vw + 25px);
          /*right: 10.4vw;*/
      }

      #homeBigFeatured-owl-carousel-slider .owl-buttons div {
          height: 25px;
          /*width: 50%;*/
          width: 40px;
      }

      #homeBigFeatured-owl-carousel-slider .owl-buttons i {
          line-height: 25px;
          font-size: 15px;
          width: 40px;
      }

      #homeBigFeatured-owl-carousel-slider .owl-buttons div[class^="owl-"]:before {
          font-size: 30px;
          line-height: 25px;
      }

      .owl-Pagination {
          /*bottom: 8px;*/
          bottom: 2.5vw;
          /*width: 20%;*/
          width: 80px;
          right: 10.4vw;
          height: 20px;
      }

      @media only screen and (orientation: portrait) {

          #homeBigFeatured-owl-carousel-slider .owl-buttons,
          .owl-Pagination {
              right: 30px;
          }
      }

      .owl-Pagination .slide-spe {
          font-size: 16px;
          margin: 0 8px;
      }

      .owl-Pagination .slide-num,
      .owl-Pagination .slide-tot {
          font-size: 20px;
          line-height: 20px;
          padding-top: 0px;
          padding-bottom: 0px;
      }

      .owl-Pagination .slide-line {
          width: 0px;
          display: none;
      }

      .login-register {
          margin-left: 18px;
      }

      .flagsList {
          right: 30px;
          margin-right: 9px;
      }

      #my-page-container {
          padding: 20px 30px;
      }

      #my-page-container .container {
          width: 100%;
      }

      #pageTitle .titleFront {
          font-size: 4vw;
      }

      #pageTitle .titleBack {
          font-size: 11.4vw;
          opacity: 0.6;
      }

      #catalog.anchor {
          width: 100%;
          margin-bottom: 0px;
      }

      #homeBusinessResume {
          width: calc(100% + 60px);
          height: auto;
          margin: 0 -30px;
          padding: 30px;
          background-position: 68%;
      }

      #homeBusinessResume H2 {
          font-size: 35px;
          font-size: 6vmin;
      }

      #BGhomeCatalogs div.catalogItemImage {
          height: 20vw;
          /*height: 35vw;*/
      }

      #BGhomeCatalogs div.CatalogItem {
          margin-bottom: 30px;
      }
  }

  @media (max-width: 767px) {
      #BGhomeCatalogs div.catalogItemImage {
          height: 50vw;
          /*height: 35vw;*/
      }
  }

  @media (max-width: 480px) {
      #BGhomeCatalogs div.catalogItemImage {
          height: 85vw;
          /*height: 35vw;*/
      }
  }

  @media (max-width: 480px) and (orientation: portrait) {
      #btViewCart0 {
          /*width: 30px;*/
          display: block;
          /*overflow: hidden;*/
          height: 50px;
          overflow: unset;
          width: 60px;
          margin: 0px;
          padding: 0px;
      }

      .login-register>li {
          margin-right: -45px;
      }

      #shopping-cart-items-count {
          font-size: 10px;
      }

      .flagsList span {
          padding-right: 0px;
      }

      #BGVideoGalery {
          overflow: scroll;
      }

      #BGVideoGalery .videoDesc {
          margin-top: -12px;
      }

      #BGVideoGalery .videoTitle {
          font-size: 16px;
      }

      #BGVideoGalery .viewsCount {
          font-size: 12px;
      }
  }

  @media only screen and (orientation: landscape) {
      @media (max-width: 1024px) {
          .sticky {
              position: absolute !important;
              /*border: 5px solid red !important;*/
          }
      }
  }


  /*#####  END  ################### mob ######################*/

  #alinhacenas {
      position: absolute;
      width: 100%;
      border: 1px solid yellow;
      display: none;

      bottom: 6.35vh;
      height: 6.4vh;

      bottom: 47px;
      height: 66px;

      bottom: 47px;
      height: 66px;
  }

  /* IC -- provisory fixers --  */

  .pfh3margin {
      margin-top: 20px !important;
      margin-bottom: 20px !important;
  }

  .pflabelmargin {
      margin-bottom: 0px !important;
  }

  .pfformmargin {
      margin-bottom: 8px !important;
  }

  #VideoList {
      text-align: center;
  }

  .orderExportPDF {
      font-size: 1.5em;
      margin-left: 0;
      color: rgb(240, 50, 50);
      cursor: pointer;
  }

  /*
#ShowRoomLinkSpan{
    background-color: #fff;
    border: 1px solid #1f93c8;
    color: #1f93c8;
    padding: 2px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    line-height: 25px;
	transition: 0.5s ease;
}
#ShowRoomLinkSpan:hover{
    background-color: #1f93c8;
    border: 1px solid #1f93c8;
    color: white;
	transition: 0.5s ease;
   
}
*/
  #showroomModal,
  #explodedViewModal,
  #whereToBuyModal {
      z-index: 1050;
  }

  #showroomModal .modal-dialog,
  #explodedViewModal .modal-dialog {
      width: 95vw;
  }

  #showroomModal .modal-content,
  #explodedViewModal .modal-content {
      height: 94vh;
      /*background-color: #1f93c8;*/
      background-color: rgba(0, 0, 0, 0);
  }

  #showroomModal .modal-header {
      padding: 4px;
      /* border-bottom: 1px solid #1f93c8; */
      background-color: #1f93c8;
      min-height: 16.42857143px;
      color: white;
  }

  #showroomModal .close {
      font-size: 32px;
      color: white;
      opacity: 1;
  }

  #showroomModal .modal-title {

      color: white;
  }

  #showroom-iframe {
      width: 100%;
      min-height: 90.5vh;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute;
      border: none;
  }

  #whereToBuyTR,
  #catalogPageTR,
  #whereToBuyMapTR {
      margin-right: 10px;

  }

  #whereToBuySpan,
  #ShowRoomLinkSpan,
  #catalogPageSpan,
  #whereToBuyMapSpan {

      padding: 17px;
      margin-left: -17px;
      margin-top: -20px;
      cursor: pointer;
      color: #fff;
      font-size: 18px;
      line-height: 42px;
      opacity: 0;
      white-space: nowrap;
  }

  #whereToBuySpan:hover,
  #ShowRoomLinkSpan:hover,
  #catalogPageSpan:hover,
  #whereToBuyMapSpan:hover {

      transition: 1s opacity ease;
      opacity: 1;

  }

  .whereToBuyShortField {
      width: 50%;
      min-width: 200px;

  }

  #whereToBuy_terms {
      width: 15px !important;
      height: 15px !important;

  }

  .whereTobuyLink {
      color: #428bca !important;

  }

  #iconsLayer {
      display: flex;
      margin-top: 15px;
      padding: 10px 0 0 0;
      border-top: 1px solid #1F93C8;
  }

  .iconAction {
      color: #1f93c8;
      border: 2px solid #1f93c8;
      background-color: #fff;
      border-radius: 45px;
      width: 45px;
      height: 45px;
      text-align: center;
      font-size: 22px;
      cursor: pointer;
      transition: 0.5s width ease, 0.5s color, 0.5s background ease;
  }

  .fa-iconAction {

      line-height: 40px;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      transition: display 0.5s;
      padding-left: 3px;
  }

  .iconAction:hover {
      color: #fff;
      border: 2px solid #1f93c8;
      background-color: #1f93c8;
      transition: 0.5s width, 0.5s color, 0.5s background ease;
      /*width: fit-content;*/
      text-align: left;
      padding-left: 14px;
  }

  .form-control-error {
      border: 1px solid #a94442;
      /* -webkit-box-shadow: 0px 0px 4px 2px rgb(255 0 0 / 50%);
    box-shadow: 0px 0px 4px 2px rgb(255 0 0 / 50%);*/
      transition: border 1s linear;
      /*outline: 1px solid red;*/

  }


  #myCarts {
      /*display:inline !important;*/
  }

  #mySavedCarts {
      width: 100%;
      height: 40px;
      margin-top: 15px;
      margin-bottom: 15px;
      margin-left: -2px;
      /*    border: 1px solid #eee;
        border-radius: 5px;
        padding: 5px;*/
  }

  #modalCartlist {
      list-style-type: none !important;
      padding-left: 0;
      cursor: pointer;
  }

  #modalCartlist li {
      padding-left: 10px;
      user-select: none;
  }

  #modalCartlist .activeCart {
      color: white;
      background-color: #333;
  }

  #currentCartModal .modal-body {
      padding-bottom: 0px !important;
  }

  .fa-star {
      font-size: 25px;
      z-index: 10;
      position: absolute;
      right: 5px;
      top: 10px;
      -webkit-text-fill-color: #fff;
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: #ffd100;
      transition: all .2s ease-in-out;
      cursor: pointer;


  }

  .productDiv-type-2 {
      border-bottom: 1px solid #aaa;
      margin-bottom: 15px;

  }

  .productDiv-type-2 .fa-star {
      font-size: 25px;
      z-index: 10;
      position: relative;
      right: 0;
      top: 0;
      -webkit-text-fill-color: #fff;
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: #ffd100;
      transition: all .2s ease-in-out;
      cursor: pointer;


  }

  .favorite .fa-star:active,
  .fa-star:active {
      -webkit-text-fill-color: #ffd100;
      transition: all .02s ease-in-out;
  }


  .productDiv-type-2 .favorite,
  .favorite {
      -webkit-text-fill-color: #ffd100;
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
      transition: all .02s ease-in-out;
  }

  .productDiv-type-2 .product-price {
      font-weight: 600;
      color: #fff;
      padding: 4px 7px;
      background: #1f93c8;
      -webkit-border-radius: 3px;
      border-radius: 3px;
  }

  .productDiv-type-2 .priceTable {
      padding-right: 6px;
  }

  .productDiv-type-2 .priceLabel {
      font-size: 12px;
      padding-right: 5px;
  }

  .productDiv-type-2 .productVAT {
      padding-right: 5px;
  }


  .productDiv-type-2 .productOrderQtyMinus,
  .productDiv-type-2 .productOrderQtyPlus {
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      -ms-transition: 0.3s;
      transition: 0.3s;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      cursor: pointer;
      color: #b3b3b3;
      font-size: 12px;
      border: 1px solid #ccc;
      line-height: 16px;
      padding: 11px 13px 8px 13px;
  }

  .productDiv-type-2 .productOrderQty {
      width: 50px;
      text-align: center;
      border: solid 1px #aaa;
      background-color: #fff;
      border-radius: 1px;
      margin: 0 5px;
      height: 37px;
  }

  .productDiv-type-2 .productOrderButton {
      line-height: 16px;
      padding: 11px 13px 8px 13px;
      border-color: #aaa;
      margin-left: 5px;
      border-radius: 0;
      font-size: 13px;
  }

  .productDiv-type-2 .productUpdateOrderButton {
      padding: 9px 13px 8px 13px;
      margin-left: 5px;
      border-radius: 0;
      font-size: 13px;
      border-color: #333;
      height: 37px;

  }

  #filterPromoCheck,
  #filterFavCheck,
  #filterArrivingCheck,
  #filterOutletPromoCheck,
  #filterRecentCheck {
      float: none;
      margin-right: 10px;
      /*top: 2px;*/
      top: 10px;
      position: relative;
  }

  /*filter category adjust */
  #ctg {
      margin-bottom: 10px;
  }

  .myScroll {
      overflow-y: auto;
      height: 80vh;
  }

  .myScroll::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: #F5F5F5;
  }

  .myScroll::-webkit-scrollbar {
      width: 6px;
      background-color: #F5F5F5;
  }

  .myScroll::-webkit-scrollbar-thumb {
      background-color: rgba(255, 255, 255, 0);
  }

  #explodedViewModal {
      overflow-y: hidden;

  }

  #explodedViewModalBody {
      margin: 0;
      padding: 0;
      height: 100%;


  }

  #ExplodedViewLinkSpan {
      background-color: #fff;
      border: #1F93C8 1px solid;
      color: #1F93C8;
      padding: 2px 12px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 15px;
      cursor: pointer;
      font-weight: 600;
  }

  #ExplodedViewLinkSpan:hover {
      background-color: #1F93C8;
      border: #1F93C8 1px solid;
      color: #fff;
      padding: 2px 12px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 15px;
      cursor: pointer;
      font-weight: 600;
  }

  #imageMapContainer {
      height: 100% !important;
      background-repeat: no-repeat;
      background-size: contain;
      padding: 0;
      margin: 0;
      /* background-color: rgba(0,0,0,0.6);*/
      background-position-x: left;
      background-position-y: top;


  }

  #imageMap {
      width: 100%;
      max-height: 100%;
  }

  #mapPointInfo {
      height: 100% !important;
      padding: 0;
      margin: 0;
      background-color: rgba(0, 0, 0, 0.8);

  }

  .mapPoint {
      width: 25px;
      height: 25px;
      border-radius: 20px;
      background-color: #567e91;
      position: absolute !important;
      color: white;
      line-height: 25px;
      text-align: center;
      font-size: 11px;
      font-weight: 600;
      cursor: pointer;

      -webkit-touch-callout: none;
      /* iOS Safari */
      -webkit-user-select: none;
      /* Safari */
      -khtml-user-select: none;
      /* Konqueror HTML */
      -moz-user-select: none;
      /* Old versions of Firefox */
      -ms-user-select: none;
      /* Internet Explorer/Edge */
      user-select: none;
      /* Non-prefixed version, currently
    supported by Chrome, Edge, Opera and Firefox */

  }

  .activePoint,
  .mapPoint:hover {
      background-color: #2a8fbd;
  }

  .modalClean {
      border: 0;
      margin: 0;
      padding: 0;
  }

  #closeExplodedViewModal {
      position: absolute;
      top: 10px;
      right: 10px;
      z-index: 1;
      font-size: 20px;
      cursor: pointer;
  }

  #explodedViewTitle {
      color: white;
      background: #1f93c8;
      padding: 15px;
      margin: 0px 0 0 0;
  }

  #explodedViewSubTitle {
      color: white;
      background: rgba(0, 0, 0, 0.6);
      padding: 15px;
      margin: 0;
      margin-bottom: 25px;
  }

  #explodedViewPartTitle,
  #explodedViewPartRef {
      padding-left: 20px;
      margin: 0;
      background-color: rgba(0, 0, 0, 0.6);
      color: white;
  }

  #explodedViewPartRef {
      border-bottom: 1px solid #1f93c8;
  }

  #explodedViewPartTitle {
      padding: 0% 12.5%;
  }

  #explodedViewPartTitle span {
      padding: 0;
      font-size: 14px;
  }

  #explodedViewPartRef span {
      padding: 0;
      font-size: 14px;
  }

  #explodedViewImageBox {
      margin-top: 10px;
      background-color: rgba(0, 0, 0, 0.6);
      text-align: center;
  }

  #explodedViewImageBox img {
      padding-top: 5px;
      width: 75%;
      /*border: 2px solid rgba(0,0,0,0.3);*/
      margin-bottom: 10px;
  }

  #explodedViewPartFeatures {
      color: white;
      margin-top: 10px;
      background-color: rgba(0, 0, 0, 0.6);
      font-size: 14px;
  }

  #explodedViewPartFeaturesTitle {
      color: #CCC;
      padding-left: 20px;
      background-color: rgba(0, 0, 0, 0.6);
      font-size: 14px;
  }

  .explodedViewPartFeature {
      border-top: 1px solid #1f93c8;
      border-bottom: 1px solid #1f93c8;
      background-color: rgba(0, 0, 0, 0.6);
  }

  #explodedViewPartMeta {
      padding-top: 9px;
      position: absolute;
      bottom: 0px;
      background-color: rgba(0, 0, 0, 0.6);
  }

  #explodedViewPartPVP {
      color: white;
      background-color: #1f93c8;
      padding: 5px 5px 5px 10px;
      font-weight: 500;
      text-align: right;
      font-size: 18px;
      border-radius: 3px;
  }

  .pvpLabel {
      font-size: 12px;
      color: #ccc;
  }

  #explodedViewPartOrder {
      text-align: right;
  }

  #partDetailOrder {
      list-style: none;
      color: #666;
  }

  .partOrderQty {
      width: 40px;
      text-align: center;
      border: solid 0px #333;
      background-color: #eee;
      border-radius: 5px;
      max-height: 35px;
  }

  #partOrderButton {
      color: #e6e6e6;
  }

  #partOrderButton:hover {
      color: #666;
  }


  #btSearchBarcode {
      font-size: 35px;
      left: 5px !important;
      position: relative;

  }

  .searchInput {
      /*top: 25px;
	padding-bottom: 10px;*/
      background: #eee;
      border-radius: 5px;
      height: 50px;
  }

  .search-area-white label {
      color: #666;
      float: right;
  }

  .search-area label {
      font-weight: 300;
      font-size: 19px;
      line-height: 30px;
      height: unset !important;
      float: right !important;
      margin-right: 0 !important;
      position: relative;
      margin-bottom: 0;
      padding-left: 0 !important;

  }

  .search-area {
      font-size: 19px;
      color: #fff;
      background: #333;
      padding: 4px 0;
      overflow: hidden;
      font-family: 'Roboto', arial, helvetica, sans-serif;
      font-weight: 300;
      margin-bottom: 0;
      -webkit-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
      box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
  }

  .search-area label .fa {
      background: none !important;
      position: relative !important;
      top: 3px;
      right: -10px !important;
      font-size: 30px;
      opacity: 0.8;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
      filter: alpha(opacity=80);
      width: 50px;
      height: 50px;
      line-height: 50px;
      display: block;
      background: #227297;
      text-align: center;
  }




  .eleImage {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto;

      position: relative;
      text-align: center;
      cursor: pointer;
      /*background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;*/
      overflow: hidden;
      -webkit-transition: all 0.3s ease-in-out;
      border: 10px solid white;

  }

  .eleImgContainer {
      top: 0;
      left: 0;


  }


  .eleImgContainer img {
      /*  transform: scale(1.2);*/

      -webkit-transition: 0.6s ease;
      transition: 0.6s ease;


  }

  .eleImageTitle {
      flex: 0 0 120px;
      position: absolute;
      left: 0;
      right: 0;
      padding: 0px 20px;
  }

  .zoomIn:hover,
  .zoomInHover {
      -webkit-transform: scale(1.2);
      transform: scale(1.5);

  }

  .row-flex {
      display: contents;
      flex-wrap: wrap;
  }



  .productBrandLogo {
      width: 150px !important;
      height: auto;
      margin-bottom: 5px;
      margin-top: 10px;
  }

  .productBrandLogo2 {
      width: 115px !important;
      height: auto;
      margin-bottom: 5px;
  }


  .productsBrandLogo {
      width: auto !important;
      height: 25px;
      margin-bottom: 1px;
  }

  #productImgDescription {
      line-height: 0px;
  }

  #pageProductsUrl,
  #pageProductsUrl:visited,
  #productDetailGroup,
  #productDetailGroup:visited,
  #productDetailFamilyUrl,
  #productDetailFamilyUrl:visited,
  #productDetailSubFamily,
  #productDetailSubFamily:visited {
      color: #4d4d4d !important;

  }

  #pageProductsUrl:hover,
  #productDetailGroup:hover,
  #productDetailFamilyUrl:hover,
  #productDetailSubFamily:hover {
      color: #1f93c8 !important;
  }

  #maderboxBreadcrumb {
      /*position:fixed;*/
      top: 95px;
      font-size: 12px;
      list-style-type: none;
      z-index: 2;
      display: flex;
  }

  @media (max-width:991px) {
      #maderboxBreadcrumb {
          /*position:fixed;*/
          display: none;
      }
  }


  #maderboxBreadcrumb li {
      float: left;
  }

  #maderboxBreadcrumb li a {
      color: #4d4d4d;
      cursor: pointer;

  }

  .noselect {
      -webkit-touch-callout: none;
      /* iOS Safari */
      -webkit-user-select: none;
      /* Safari */
      -khtml-user-select: none;
      /* Konqueror HTML */
      -moz-user-select: none;
      /* Old versions of Firefox */
      -ms-user-select: none;
      /* Internet Explorer/Edge */
      user-select: none;
      /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
  }

  .productFixedBox {
      height: 50px;
      width: 50px;
      margin: auto 25px;
      cursor: pointer;
      line-height: 50px;
      font-size: 16px;
      text-align: center;
      color: #333;
      display: inline-table;
      transition: 0.5s;
      border-radius: 25px;
  }

  .productFixedBox:hover {
      opacity: 0.8;
      transition: 0.5s;
  }

  .productFixedBox_active {
      background: #1f93c8;
      color: white;
      /* text-align: center; */
      /* line-height: 50px; */
      /* font-size: 16px; */
      font-weight: bold;
  }

  .productOrderQty ::-webkit-outer-spin-button,
  .productOrderQty::-webkit-inner-spin-button,
  .cart-quantity ::-webkit-outer-spin-button,
  .cart-quantity::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
  }

  /*
#myModal{

    @import url("panfleto/bootstrap.css");
}
*/

  .productOutlet-label {
      position: absolute;
      right: 0px;
      left: 0px;
      top: 195px;
      padding: 5px 8px;
      z-index: 5;


  }

  .productOutlet-label span {
      position: absolute;
      right: 0px;
      top: 0;
      padding: 5px 10px;
      background: #333;

  }


  .productIsNew-label,
  .productIsArriving-label {
      position: absolute;
      right: 0px;
      /* left: 0px; */
      top: 190px;
      padding: 5px 8px;
      z-index: 5;


  }

  .productIsNew-label {
      background: #1d6484;
  }

  .productIsArriving-label {
      background: #e79912;
  }

  .googleMap {
      height: 400px;
      width: 100%;
      background-color: grey;
  }

  #productDetailProductGroup,
  #productDetailContainerHighlights {
      margin-top: 10px;
      padding-bottom: 15px !important;
      border-bottom: 1px solid #1f93c8;

  }

  .productDetailProductGroup_title {
      color: #4d4d4d;
      font-weight: 500;
      font-size: 16px;
  }


  #productDetailProductGroupLabel {
      color: #4d4d4d;
      font-weight: 500;
  }

  #productGroup a,
  #productGroup a:visited {
      color: unset;
  }

  .productGroupOption {
      float: left;
      margin-right: 10px;
      margin-bottom: 10px;
      border: 1px solid #ccc;
      padding: 5px;
      cursor: pointer;
      transition: 0.2s ease-in-out;

  }

  .productGroupOption:hover {
      background: #ccc;
  }

  .productGroupOptionCurrent {
      border: 1px solid #1f93c8;
      background: #1f93c8;
      color: #fff !important;
  }

  .productGroupOptionCurrent:hover {
      background: #1f93c8;
  }

  #productDetailProductGroupLabel {
      color: #4d4d4d;
      font-weight: 500;
  }

  .popup-scroll {
      /* Overflow Scroll */
      overflow-y: scroll;
      max-height: 50vh;
      padding: 0 1em 0 0;
  }

  /* custom scrollbars - webkit only */
  .popup-scroll::-webkit-scrollbar {
      background-color: #EEE;
      width: 10px;
  }

  .popup-scroll::-webkit-scrollbar-thumb {
      border: 1px #EEE solid;
      border-radius: 2px;
      background: #777;
      -webkit-box-shadow: 0 0 8px #555 inset;
      box-shadow: 0 0 8px #555 inset;
      -webkit-transition: all .3s ease-out;
      transition: all .3s ease-out;
  }

  .popup-scroll::-webkit-scrollbar-track {
      -webkit-box-shadow: 0 0 2px #ccc;
      box-shadow: 0 0 2px #ccc;
  }

  .multiOffersModalBody {
      /*display:flex;*/
  }

  .promoDealContainer {
      width: 90%;
      margin: 0 auto 25px auto;
      box-shadow: 3px 3px 10px rgba(51, 51, 51, 0.3);
      opacity: 0.4;
      cursor: pointer;
      transition: ease-in-out 0.5s;
  }

  .promoDealContainer:hover {
      opacity: 0.8;

  }

  .promoDealContainer.active {
      outline: 1px solid #333;
      opacity: 1 !important;
      transition: ease-in-out 0.5s;
  }

  .productInternalComents {
      position: absolute;
      z-index: 30;
      left: 15px;
      top: 185px;
      font-size: 30px;
      color: #1F93C8;
      cursor: pointer;
      transition: 0.2s linear;
  }

  .productInternalComents:hover {
      font-size: 40px;
      left: 10px;
      top: 180px;

  }

  .productInternalComentsDiv {
      width: 100%;
      background: #ffffff;
      height: 100%;
      top: 0;
      position: absolute;
      right: 0px;
      z-index: 30;
      border: 2px solid #1f93c8;
  }

  .productInternalComentsDiv_close {
      top: 10px;
      right: 10px;
      position: absolute;
      font-size: 15px;
      font-weight: bold;
      width: 20px;
      height: 20px;
      line-height: 18px;
      color: #fff;
      background-color: #aaa;
      border-radius: 15px;
      cursor: pointer;
  }

  .productInternalComentsInfo {
      display: grid;
      max-height: 400px;
  }

  .productInternalComentsInfo li {
      margin-top: 18px;
      margin-left: 10px;
      line-height: 20px;
  }

  #resetCookieOfferDialog {
      position: fixed;
      bottom: 10px;
      left: 10px;
      width: 35px;
      height: 35px;
      background: #333;
      color: #fff;
      line-height: 35px;
      text-align: center;
      border-radius: 20px;
      box-shadow: 0 0 10px 2px #333;
      cursor: pointer;
  }

  .mobMenuDiv {
      padding: 0;


  }

  .mobMenu.disabled {
      pointer-events: none;
      opacity: 0.4;
      filter: grayscale(1);
  }

  .mobMenu {
      width: 100%;
      height: 0;
      padding-bottom: 100%;
      background-color: #FFF;
      border: 0px solid #1f93c8;
      position: relative;
      text-align: center;
      margin: 10px 0;
      cursor: pointer;
  }

  .mobMenu a {
      display: block;

  }

  /*
.mobMenu a:active {
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); 
}

.mobMenu a.clicked {
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); 
}*/
  .mobMenu span {
      position: absolute;
      top: calc(3vh + 75px);
      left: 50%;
      transform: translateX(-50%);
      font-size: 11px;
      font-weight: 600;
      text-transform: uppercase;
  }

  .mobMenu svg {
      fill: #1f93c8;

      max-height: calc(2vh + 30px);
      filter: drop-shadow(1px 1px 0px rgba(0, 0, 0, 0.2));
      position: relative;
      margin-top: 3vh;
  }

  .mobMenuProducts svg {
      width: 50%;
      max-height: calc(2vh + 48px);
      top: 8px;

  }

  .mobMenuCatalogs svg {
      top: 16px;
  }

  .mobMenuShowroom svg {
      top: 15px;
  }

  .mobMenuDeals svg {
      top: 10px;
  }

  .mobMenuAssistance svg {
      top: 10px;
  }

  .mobMenuContacts svg {
      top: 8px;
  }

  .mobMenu img {
      width: 40%;
      max-height: 35px;
      margin-top: 18px;
  }

  div#folheto_container {
      left: 0;
      /*bottom: 0;*/
      bottom: 50px;
      width: 100%;
      height: auto;
      /*74px;*/
      z-index: 1000;
      position: fixed;
  }

  span#folheto_close {
      right: 7px;
      top: 7px;
      font-size: 20px;
      font-weight: bold;
      line-height: 10px;
      color: #fff;
      position: absolute;
      z-index: 1001;
      cursor: pointer;
  }

  div#folheto_container a:link,
  div#folheto_container a:visited {
      color: white;
      text-decoration: none;
  }

  div#folheto {
      width: 100%;
      height: auto;
      background-color: #333;
      /* background: rgb(0, 179, 227);*/
	  /*box-shadow: -7px 7px 20px -5px rgba(0, 0, 0, 0.65); */
      animation: blink_folheto 3s ease infinite;
      cursor: pointer;
      display: flex;
      max-height: 100px;
  }

  #folheto img {
      max-width: 100%;
      height: auto;
      object-fit: contain;
  }

  .top-main-area {
      min-height: calc((100vw - 20px)* 0.5625);

  }

  @media only screen and (min-width: 600px) {
      .top-main-area {
          min-height: calc((100vw - 20px - 4vh)* 0.5625);

      }
  }

  #menu ul.show {
      /*	height: calc(100vh - 50px);*/
  }


  /*FLEXNAV*/
  .flexnav {
      margin: 0;
      /*zoom: 1;*/
      position: relative;
      -webkit-transition: height 0.5s;
      -moz-transition: height 0.5s;
      -o-transition: height 0.5s;
      -ms-transition: height 0.5s;
      transition: height 0.5s;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      transform-style: preserve-3d;
      z-index: 100;
      display: block;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      width: 100%;
      margin: 0 auto;
      height: 0vh;
  }

  .flexnav.show {
      height: calc(100vh - 50px);
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      -ms-transition: 0.5s;
      transition: 0.5s;
      z-index: 1500;

  }

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

  .flexnav:after {
      content: '';
      display: table;
      clear: both;
  }

  .flexnav.one-page {
      position: fixed;
      top: 50px;
      right: 5%;
      max-width: 200px;
  }

  .flexnav li {
      margin: 0 !important;
      position: relative;
      display: block;
      width: 100%;
      overflow: hidden;
      position: relative;
      text-align: center;

  }

  .flexnav li.active>a {
      color: #fff !important;
      background: #666;

  }

  .flexnav li.active>a:hover {
      background: #333;
      color: #fff;
  }

  .flexnav li a {
      margin: 5px 0 0 0;
      position: relative;
      display: block;
      background: unset;
      /*border-bottom: 1px solid #e6e6e6;*/
      padding: 15px 22.5px;
      color: #fff !important;
      font-size: 20px;
  }

  .flexnav li>a {
      line-height: 1em;
      text-decoration: none;
  }

  .flexnav li .touch-button {
      display: block;
  }

  .touch-button {
      position: absolute;
      z-index: 999;
      top: 0;
      right: 0;
      right: 10px;
      width: 44px;
      height: 44px;
      line-height: 44px;
      text-align: center;
      font-family: 'FontAwesome';
      font-size: 15px;
      background: #333;
      color: #fff;
  }

  .touch-button:before {
      content: '\f078';
      -webkit-font-smoothing: antialiased;
  }

  .touch-button:hover {
      cursor: pointer;
  }

  .touch-button.active {
      background: #247aa1;
  }

  .touch-button.active:before {
      content: '\f077';
  }

  .flexnav-menu-button {
      /*margin-bottom: 10px;*/
      position: relative;
      display: block;
      padding: 0 30px;
      cursor: pointer;
      background: #333;
      color: #fff;
      font-size: 20px;
      height: 50px;
      line-height: 50px;
      border-bottom: 1px solid #444;
  }

  .flexnav-menu-button.one-page {
      position: fixed;
      top: 0;
      right: 5%;
      padding-right: 45px;
  }

  .flexnav-menu-button .touch-button {
      background: none;
      width: 60px;
      height: 50px;
      line-height: 50px;
      font-size: 25px;
  }

  .flexnav-menu-button .touch-button:before {
      content: '\f0c9';
  }

  .oldie body.one-page {
      padding-top: 70px;
  }

  .oldie .flexnav {
      overflow: visible;
  }

  .oldie .flexnav.one-page {
      top: 0;
      right: auto;
      max-width: 1080px;
  }

  .oldie .flexnav li {
      position: relative;
      list-style: none;
      float: left;
      display: block;
      background-color: #a6a6a2;
      width: 20%;
      min-height: 50px;
      overflow: visible;
  }

  .oldie .flexnav li:hover>ul {
      display: block;
      width: 100%;
      overflow: visible;
  }

  .oldie .flexnav li:hover>ul li {
      width: 100%;
      float: none;
  }

  .oldie .flexnav li a {
      border-left: 1px solid #acaca1;
      border-bottom: none;
      overflow: visible;
  }

  .oldie .flexnav li>ul {
      position: absolute;
      top: auto;
      left: 0;
      display: none;
      z-index: 1;
      overflow: visible;
  }

  .oldie .flexnav li ul li ul {
      top: 0;
  }

  .oldie .flexnav li ul li a {
      border-bottom: none;
  }

  .oldie .flexnav li ul.open {
      display: block;
      width: 100%;
      overflow: visible;
  }

  .oldie .flexnav li ul.open li {
      width: 100%;
  }

  .oldie .flexnav li ul.open ul.open {
      margin-left: 100%;
      top: 0;
      display: block;
      width: 100%;
      overflow: visible;
  }

  .oldie .flexnav li:hover ul {
      margin-left: 100%;
      top: 0;
  }

  .oldie .flexnav-menu-button {
      display: none;
  }

  .oldie.ie7 .flexnav li {
      width: 19.9%;
  }

  .flexnav-center {
      display: table;
      margin: 0 auto;
  }

  .flexnav-icons .fa {
      margin-right: 5px;
      background: rgba(0, 0, 0, 0.5);
      width: 27px;
      height: 27px;
      line-height: 27px;
      text-align: center;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6);
      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6);
  }

  .flexnav-icons-top .fa {
      width: 40px;
      height: 40px;
      line-height: 40px;
      font-size: 17px;
      display: block;
      margin: 0 auto 7px auto;
  }

  .flexnav-icons-top>li>a {
      height: auto !important;
      line-height: 1em;
      padding: 10px 20px;
  }

  .flexnav-border>li {
      border-left: 1px solid rgba(0, 0, 0, 0.1);
  }

  .flexnav-border>li:last-child {
      border-right: 1px solid rgba(0, 0, 0, 0.1);
  }

  header.main-color li.active>a {
      background: #333;
      color: #fff;
      border-color: #333 !important;
  }

  header.main-color li.active>a:hover {
      background: #333;
      color: #fff;
  }

  header.main-color li a:hover {
      background: #227297;
  }

  header.main-white .flexnav-icons .fa {
      background: rgba(0, 0, 0, 0.05);
      -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
  }

  header.main-white .flexnav>li>a {
      color: #666 !important;
  }

  header.main-white .flexnav>li>a:hover {
      background: rgba(0, 0, 0, 0.07);
  }

  header.main-white .flexnav>li.active>a {
      color: #fff !important;
      background: #333;
  }

  header.main-white .flexnav>li.active>a:hover {
      background: #333;
      color: #fff;
  }

  header.main-white .flexnav>li ul li>a {
      background: #fff;
      color: #666 !important;
      border-color: #d9d9d9;
  }

  header.main-white .flexnav>li ul li>a:hover {
      background: #e6e6e6;
  }

  header.main-white .flexnav>li ul li.active>a {
      background: #333;
      color: #fff !important;
  }

  header.main-white .flexnav>li ul li.active>a:hover {
      background: #333;
      color: #fff;
  }

  /*END FLEXNAV*/
  .vibrate {
      -webkit-animation: vibrate 1s ease-in-out;
      animation: vibrate 1s ease-in-out;
      border: 1px solid red;
      display: inline-block;
  }

  @-webkit-keyframes vibrate {
      0% {
          -webkit-transform: translate(0);
          transform: translate(0);
      }

      20% {
          -webkit-transform: translate(-2px, 2px);
          transform: translate(-2px, 2px);
      }

      40% {
          -webkit-transform: translate(-2px, -2px);
          transform: translate(-2px, -2px);
      }

      60% {
          -webkit-transform: translate(2px, 2px);
          transform: translate(2px, 2px);
      }

      80% {
          -webkit-transform: translate(2px, -2px);
          transform: translate(2px, -2px);
      }

      100% {
          -webkit-transform: translate(0);
          transform: translate(0);
      }
  }

  @keyframes vibrate {
      0% {
          -webkit-transform: translate(0);
          transform: translate(0);
      }

      20% {
          -webkit-transform: translate(-2px, 2px);
          transform: translate(-2px, 2px);
      }

      40% {
          -webkit-transform: translate(-2px, -2px);
          transform: translate(-2px, -2px);
      }

      60% {
          -webkit-transform: translate(2px, 2px);
          transform: translate(2px, 2px);
      }

      80% {
          -webkit-transform: translate(2px, -2px);
          transform: translate(2px, -2px);
      }

      100% {
          -webkit-transform: translate(0);
          transform: translate(0);
      }
  }



  .jello-horizontal {
      -webkit-animation: jello-horizontal 0.9s both;
      animation: jello-horizontal 0.9s both;
  }

  @-webkit-keyframes jello-horizontal {
      0% {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
      }

      30% {
          -webkit-transform: scale3d(1.25, 0.75, 1);
          transform: scale3d(1.25, 0.75, 1);
      }

      40% {
          -webkit-transform: scale3d(0.75, 1.25, 1);
          transform: scale3d(0.75, 1.25, 1);
      }

      50% {
          -webkit-transform: scale3d(1.15, 0.85, 1);
          transform: scale3d(1.15, 0.85, 1);
      }

      65% {
          -webkit-transform: scale3d(0.95, 1.05, 1);
          transform: scale3d(0.95, 1.05, 1);
      }

      75% {
          -webkit-transform: scale3d(1.05, 0.95, 1);
          transform: scale3d(1.05, 0.95, 1);
      }

      100% {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
      }
  }

  @keyframes jello-horizontal {
      0% {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
      }

      30% {
          -webkit-transform: scale3d(1.25, 0.75, 1);
          transform: scale3d(1.25, 0.75, 1);
      }

      40% {
          -webkit-transform: scale3d(0.75, 1.25, 1);
          transform: scale3d(0.75, 1.25, 1);
      }

      50% {
          -webkit-transform: scale3d(1.15, 0.85, 1);
          transform: scale3d(1.15, 0.85, 1);
      }

      65% {
          -webkit-transform: scale3d(0.95, 1.05, 1);
          transform: scale3d(0.95, 1.05, 1);
      }

      75% {
          -webkit-transform: scale3d(1.05, 0.95, 1);
          transform: scale3d(1.05, 0.95, 1);
      }

      100% {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
      }
  }

  #productsHighlightsDiv {
      position: fixed;
      bottom: 0;
      z-index: 10;
      background: white;
      padding-top: 2px;
  }

  #productsHighlightsClose {
      display: inline-block;
      width: 25px;
      height: 25px;
      line-height: 22px;
      background: #fff;
      color: #999;
      text-align: center;
      -webkit-border-radius: 0%;
      border-radius: 0%;
      margin-right: 5px;
      border: 1px solid #999;
      font-weight: bold;
      position: absolute;
      right: 15px;
      top: 2px;
      z-index: 11;
      font-size: 20px;
  }

  ul.checkbox-list li {
      display: grid;
      padding-left: 0;
  }

  .checkbox-list-label {
      font-weight: 500;
      border: 1px solid #1d6484;
      padding: 0px 8px;
      color: #1d6484;
      cursor: pointer;
      transition: 0.5s;
  }

  .checkbox-list-label:hover {
      color: #fff;
      background-color: #1d6484;
  }

  .checkbox-list-label input[type=checkbox] {
      --active: #1D6482;
      --active-inner: #fff;
      --border: #1D6482;
      --border-hover: #fff;
      --border-active: #fff;
      --background: #fff;
      --disabled: #F6F8FF;
      --disabled-inner: #E1E6F9;
      -webkit-appearance: none;
      -moz-appearance: none;
      height: 16px;
      outline: none;
      display: inline-block;
      vertical-align: top;
      position: relative;
      margin: 0;
      cursor: pointer;
      border: 1px solid var(--bc, var(--border));
      background: var(--b, var(--background));
      transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  }

  .checkbox-list-label input[type=checkbox]:after {
      content: "";
      display: block;
      left: 0;
      top: 0;
      position: absolute;
      transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
  }

  .checkbox-list-label input[type=checkbox]:checked {
      --b: var(--active);
      --bc: var(--active-inner);
      --d-o: .3s;
      --d-t: .6s;
      --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
  }

  .checkbox-list-label input[type=checkbox]:disabled {
      --b: var(--disabled);
      cursor: not-allowed;
      opacity: 0.9;
  }

  .checkbox-list-label input[type=checkbox]:disabled:checked {
      --b: var(--disabled-inner);
      --bc: var(--border-hover);
  }

  .checkbox-list-label input[type=checkbox]:disabled+label {
      cursor: not-allowed;
  }

  .checkbox-list-label input[type=checkbox]:hover:not(:checked):not(:disabled) {
      --bc: var(--border-hover);
  }

  .checkbox-list-label input[type=checkbox]:not(.switch) {
      width: 16px;
  }

  .checkbox-list-label input[type=checkbox]:not(.switch):after {
      opacity: var(--o, 0);
  }

  .checkbox-list-label input[type=checkbox]:not(.switch):checked {
      --o: 1;
  }

  .checkbox-list-label input[type=checkbox]+label {
      display: inline-block;
      vertical-align: middle;
      cursor: pointer;
      margin-left: 4px;
  }

  .checkbox-list-label input[type=checkbox]:not(.switch) {
      border-radius: 0px;
  }

  .checkbox-list-label input[type=checkbox]:not(.switch):after {
      width: 5px;
      height: 9px;
      border: 2px solid var(--active-inner);
      border-top: 0;
      border-left: 0;
      left: 4px;
      top: 2px;
      transform: rotate(var(--r, 20deg));
  }

  .checkbox-list-label input[type=checkbox]:not(.switch):checked {
      --r: 43deg;
  }


  .checkbox-list-label * {
      box-sizing: inherit;
  }

  .checkbox-list-label *:before,
  .checkbox-list-label *:after {
      box-sizing: inherit;
  }

  .bgSlideAnimation {
      background: linear-gradient(90deg, rgba(29, 100, 130, 1) 0%, rgba(29, 100, 130, 1) 15%, rgba(29, 100, 130, 1) 50%, rgba(29, 100, 130, 1) 70%, rgba(255, 255, 255, 0) 100%);
      background-size: 150% 100%;
      animation: gradient-animation 5s ease infinite;
      color: #fff;
  }


  @keyframes gradient-animation {
      0% {
          background-position: 0% 25%;
          /* Start position */
      }

      50% {
          background-position: 100% 50%;
          /* End position */
      }

      100% {
          background-position: 0% 25%;
          /* Return to start */

      }
  }

  #menuMobileControl.fa {
      line-height: 40px;
      color: #333;
      font-size: 25px;
      padding: 5px 0 5px 6px;
  }

  #filterTextValue {
      /*width: auto !important;*/

  }

  .btViewType {}

  .btViewType svg {
      width: 18px;
  }

  #btMobSearch {
      position: absolute;
      right: 12px;
      top: 12px;
      color: #333;
      font-size: 25px;
  }

  .mobLangSelectDiv {
      font-size: 20px;
      margin-left: 10px;
      margin-top: 0px;
  }

  #mobLangSelect,
  #mobLangSelect:active,
  #mobLangSelect:focus,
  #mobLangSelect:focus-visible {
      color: #fff;
      background-color: #333;
      border: none !important;
      outline: none !important;
      box-shadow: none;
  }

  #clientNamesList .select2-container {
      width: 100% !important;

  }

  #menuPososition {
      height: 50px !important;
  }

  .closeMobMenu {
      color: #fff;
      padding: 0 5px;
      margin-right: 25px;
      cursor: pointer;
      font-size: 24px;
      margin-top: 8px;
  }

  .backToProdsBt {
      cursor: pointer;
      position: absolute;
      color: white;
      background: #333;
      height: 40px;
      line-height: 40px;
      width: 40px;
      text-align: center;
      border-radius: 25px;
      top: 75px;
      right: 25px;
      /* bottom: 50px; */
      z-index: 15;
  }

  .shopping-cart .shopping-cart-box {
      left: 0;
      bottom: 30px;
      margin: 0;
      padding: 0 0 0 20px;
      z-index: 10;
      width: 100vw;
      -webkit-border-radius: 0;
      border-radius: 0;
      background: #333;
      touch-action: pan-right pinch-zoom;
  }

  .clientTR .clientName {
      -webkit-line-clamp: 1;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      /* line-height: 1.2em; */
      max-width: 100%;

  }

  .clientTR {
      border-bottom: 1px solid #ccc;
      line-height: 40px;

  }

  .clientTR .clientSubAccountNumber {
      padding: 0 5px;

  }

  #clientsTable table {
      border: none;
  }

  #clientsTable thead {
      font-size: 12px;
  }

  #clientsTable tbody {
      font-size: 12px;
      border: none;
  }

  .clientWebTableTB thead {
      font-size: 12px;
  }

  #clientNameMobile {
      text-align: center;
      color: white;
      font-size: 10px;
  }

  .mobTab {

      font-size: 12px;
  }

  .select2 {

      width: 100% !important;
  }


  #regMsgErr_employeeCartNoClient {
      padding: 4px !important;
      font-size: 4vw;
  }

  #clients-searchFields {
      line-height: 20px
  }

  #errorMessage {
      line-height: 20px margin-bottom: 4px;

  }