/**INICI MÒDUL POSVEGAMENU**/

@import url("pos_vegamenu.css");
@import url("ps_facetedsearch.css");
@import url("searchbar.css");
/* @import url("cms.css"); */

/**FI MÒDUL POSVEGAMENU**/

/**AQUI HI TROBEM EL CSS QUE HI HAVIA A POSSONIC, I AL FINAL EL NOU CSS**/


@media screen and (max-width: 1000px) {
  .mxcomprarapidaheader {
    display: none;
  }


  .iframevideosmanxa {
    width: 300px !important;
    height: 169px !important;
  }

  .mxcomprarapidaheader {
    float: right;
    /*		background-color:green; */
    padding-right: 5px;
    margin-top: 45px;
    font-size: 90%;
    padding-left: 0px;
  }

  div.pos_logo {
    display: none;
  }

  div.manxa_header_logo_mobil {
    display: block;
    width: 134px;
    background-size: cover;
    height: 44px;
    float: left;
    background-image: url('https://www.manxaferros.com/img/sonic-1-logo_mobile-1588108436.jpg');
  }

  div.manxa_portada_sispro h3 {
    font-size: 16px;
    text-align: center;
  }

  div.manxa_portada_accionsipdf {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .manxa_portada_imatge_daltesquerra,
  .manxa_portada_imatge_abaix,
  .manxa_portada_imatge_daltdreta {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    height: auto;
    margin-bottom: 20px;

  }

  .amagatmobil {
    display: none !important;
  }

  .search-block-mobil {
    margin-top: 10px;
  }

  div.manxa_header_contenidor {
    display: none;
  }

  div.manxa_header_contenidor_mobil {
    display: block;
    padding-top: 5px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .nav-container.visible-desktop.hidden-xs .megamenu {
    display: none !important;
  }

  .ma-nav-mobile-container.hidden-desktop.visible-xs {
    display: block !important;
  }

  .posmegamenu.col-lg-9.col-md-9.col-sm-9.col-xs-12 {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
}

.ample100 {
  width: 100%;
}

.ample50-100 {
  height: 400px;
  float: left;
  width: 50%;
}

.ample33-100 {
  float: left;
  width: 33%;
}

.ample33-50 {
  float: left;
  width: 33%;
}


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

  .ample50-100 {
    height: 400px;
    float: left;
    width: 100%;
  }

  .ample33-100 {
    float: left;
    width: 100%;
    text-align: center;
  }

  .ample33-50 {
    float: left;
    width: 50%;
  }
}

div.missatgegrup2categories a {
  color: #d30d2b;
  font-weight: bold;
}

.barragruixuda {
  border-bottom: 30px solid #d30d2b;
  margin-top: 0 !important;
}

.divvermell {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 25px;
  background-color: #d30d2b;
  color: white;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: bold;
}

.configproducte {
  color: #4c4f54;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
}

.divsegonllargada {
  /*	display: hidden; */
  visibility: hidden;
}

[class*='popupserveis1'] {
  float: left;
  width: 230px;
  display: inline-block;
  position: relative;

}

[class*='popupserveis2'] {
  float: left;
  width: 230px;
  /*	border-left:1px solid #787878;*/
  display: inline-block;
  position: relative;
}

[class*='popupserveis']:after {
  position: absolute;
  content: '';
  border-left: 1px solid #787878;
  height: 300px;
  /*260px*/
  /*  transform: translateX(-50%); */
  top: 40px;
  left: 100%;
}

.popupserveis1cat:after,
.popupserveis2cat:after {
  height: 240px;
  /*240px*/
}

.popupserveis3 {
  float: left;
  width: 230px;
  /*	border-left:1px solid #787878; */

}

/*final*/

/*div.column.col1:after */
/*#pt_menu_cms > div.popup > div.popupserveis1 > div:nth-child(3) > div > div > a {*/
div.column.col1 {
  /*  position: absolute;
  content: '';
  border-bottom: 1px solid #787878;
  width: 70%;
  transform: translateX(-50%);
  bottom: -15px;
  left: 50%;	*/
  padding-bottom: 9px;
  border-bottom: 1px solid #787878;
}

/*.pt_custommenu div.popup a */
div.itemSubMenu.level3 a {
  line-height: 20px !important;
}

div.column.col1.amagarlinia {
  border-bottom: none;
}

.imatgesserveisesquerra {
  width: 400px;
  float: left;
}

.imatgesserveismig {
  width: 400px;
  float: left;
}

.imatgesserveisdreta {
  width: 370px;
  float: left;
}

.textserveisesquerra {
  width: 370px;
  float: left;
  margin-right: 30px;
}

.textserveismig {
  width: 370px;
  float: left;
  margin-right: 30px;
}

.textserveisdreta {
  width: 370px;
  float: left;
}

[class*='nostresclients'] {
  float: left;
  margin-bottom: 30px;
  width: 364px;
  transition: 0.5s;
  height: 241px;
  cursor: pointer;
}

[class*='nostresclientsdaltesquerra'] {
  margin-right: 30px;
}

[class*='nostresclientsbaixesquerra'] {
  margin-right: 30px;
}

.nostresclientsdaltesquerraesp {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/esp/CONSTRUCTOR_ESTRUCTURES1.jpg');
}

.nostresclientsdaltesquerraesp:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/esp/CONSTRUCTOR_ESTRUCTURES2.jpg');
}

.nostresclientsdaltdretaesp {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/esp/CONSTRUCTOR1.jpg');
}

.nostresclientsdaltdretaesp:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/esp/CONSTRUCTOR2.jpg');
}

.nostresclientsbaixesquerraesp {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/esp/CONSTRUCTOR_MET1.jpg');
}

.nostresclientsbaixesquerraesp:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/esp/CONSTRUCTOR_MET2.jpg');
}

.nostresclientsbaixdretaesp {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/esp/FABRICANT_MAQ1.jpg');
}

.nostresclientsbaixdretaesp:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/esp/FABRICANT_MAQ2.jpg');
}

.nostresclientsdaltesquerrafra {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/fra/CONSTRUCTOR_ESTRUCTURES1.jpg');
}

.nostresclientsdaltesquerrafra:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/fra/CONSTRUCTOR_ESTRUCTURES2.jpg');
}

.nostresclientsdaltdretafra {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/fra/CONSTRUCTOR1.jpg');
}

.nostresclientsdaltdretafra:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/fra/CONSTRUCTOR2.jpg');
}

.nostresclientsbaixesquerrafra {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/fra/CONSTRUCTOR_MET1.jpg');
}

.nostresclientsbaixesquerrafra:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/fra/CONSTRUCTOR_MET2.jpg');
}

.nostresclientsbaixdretafra {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/fra/FABRICANT_MAQ1.jpg');
}

.nostresclientsbaixdretafra:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/fra/FABRICANT_MAQ2.jpg');
}

.nostresclientsdaltesquerraeng {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/eng/CONSTRUCTOR_ESTRUCTURES1.jpg');
}

.nostresclientsdaltesquerraeng:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/eng/CONSTRUCTOR_ESTRUCTURES2.jpg');
}

.nostresclientsdaltdretaeng {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/eng/CONSTRUCTOR1.jpg');
}

.nostresclientsdaltdretaeng:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/eng/CONSTRUCTOR2.jpg');
}

.nostresclientsbaixesquerraeng {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/eng/CONSTRUCTOR_MET1.jpg');
}

.nostresclientsbaixesquerraeng:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/eng/CONSTRUCTOR_MET2.jpg');
}

.nostresclientsbaixdretaeng {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/eng/FABRICANT_MAQ1.jpg');
}

.nostresclientsbaixdretaeng:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/eng/FABRICANT_MAQ2.jpg');
}

.nostresclientsdaltesquerracat {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/cat/CONSTRUCTOR_ESTRUCTURES1.jpg');
}

.nostresclientsdaltesquerracat:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/cat/CONSTRUCTOR_ESTRUCTURES2.jpg');
}

.nostresclientsdaltdretacat {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/cat/CONSTRUCTOR1.jpg');
}

.nostresclientsdaltdretacat:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/cat/CONSTRUCTOR2.jpg');
}

.nostresclientsbaixesquerracat {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/cat/CONSTRUCTOR_MET1.jpg');
}

.nostresclientsbaixesquerracat:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/cat/CONSTRUCTOR_MET2.jpg');
}

.nostresclientsbaixdretacat {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/cat/FABRICANT_MAQ1.jpg');
}

.nostresclientsbaixdretacat:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/cat/FABRICANT_MAQ2.jpg');
}





.imatgesserveisesquerra a img:hover,
.imatgesserveismig a img:hover,
.imatgesserveisdreta a img:hover {
  opacity: .6;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.contenidorcatalegproducteportada {
  /* display: inline-block;
  width: 100%; */
}

.esquerracatalegproducteportada {
  /* float: left;
  cursor: pointer; */
}

.dretacatalegproducteportada {
  /* float: right;
  cursor: pointer; */
}

[class*='esquerracatalegproducteportadaCAT-'],
[class*='dretacatalegproducteportadaCAT-'],
[class*='esquerracatalegproducteportadaESP-'],
[class*='dretacatalegproducteportadaESP-'],
[class*='esquerracatalegproducteportadaFRA-'],
[class*='dretacatalegproducteportadaFRA-'],
[class*='esquerracatalegproducteportadaENG-'],
[class*='dretacatalegproducteportadaENG-'] {
  /*498*/
  height: 72px;
  /*64*/
  margin-bottom: 20px;
  transition: 0.5s;
}

@media (max-width: 500px) {

  .missatgegrup2categories{
    width: 100%
  }

  .table thead>tr>th,
  .table thead>tr>td,
  .table tbody>tr>th,
  .table tbody>tr>td,
  .table tfoot>tr>th,
  .table tfoot>tr>td {
    padding: 10px 5px 10px 10px;
  }

  #layered_block_left div.block_content {
    height: auto !important;
    padding: 10px 0 0 0 !important;
  }

  .franjagrisportada {
    font-size: 17px !important;
    margin: 15px !important;
    padding: 15px !important;
    width: 74% !important;
  }

  .logoceportada {
    right: 1px !important;
  }

  .textfranjagrisportada {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .dretacatalegproducteportada {
    /* float: left;
    cursor: pointer; */
  }

  [class*='esquerracatalegproducteportadaCAT-'],
  [class*='dretacatalegproducteportadaCAT-'],
  [class*='esquerracatalegproducteportadaESP-'],
  [class*='dretacatalegproducteportadaESP-'],
  [class*='esquerracatalegproducteportadaFRA-'],
  [class*='dretacatalegproducteportadaFRA-'],
  [class*='esquerracatalegproducteportadaENG-'],
  [class*='dretacatalegproducteportadaENG-'] {
    height: 72px;
    margin-bottom: 10px;
    transition: 0.5s;
    background-size: 70%;
    background-repeat: no-repeat;
  }

  .mxcontenidorconfigurador {
    float: right;
    width: 100%;
    height: auto;
    margin-top: 10px;
    border-top: 1px solid #777;
    border-left: 0px;
    border-bottom: 1px solid #777;
  }
}

.dretacatalegproducteportadaCAT-5 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Acers_especials_i_calibrats1.jpg');
}

.dretacatalegproducteportadaCAT-5:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Acers_especials_i_calibrats2.jpg');
}

.dretacatalegproducteportadaCAT-3 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Acers_per_Formigo1.jpg');
}

.dretacatalegproducteportadaCAT-3:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Acers_per_Formigo2.jpg');
}

.dretacatalegproducteportadaCAT-2 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Cobertes_i_Tancaments1.jpg');
}

.dretacatalegproducteportadaCAT-2:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Cobertes_i_Tancaments2.jpg');
}

.dretacatalegproducteportadaCAT-4 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Filferros1.jpg');
}

.dretacatalegproducteportadaCAT-4:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Filferros2.jpg');
}

.esquerracatalegproducteportadaCAT-2 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Perfils_Comercials1.jpg');
}

.esquerracatalegproducteportadaCAT-2:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Perfils_Comercials2.jpg');
}

.dretacatalegproducteportadaCAT-1 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Perfils_Conformats_en_fred1.jpg');
}

.dretacatalegproducteportadaCAT-1:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Perfils_Conformats_en_fred2.jpg');
}

.esquerracatalegproducteportadaCAT-1 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Perfils_Estructurals1.jpg');
}

.esquerracatalegproducteportadaCAT-1:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Perfils_Estructurals2.jpg');
}

.esquerracatalegproducteportadaCAT-5 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Tubs1.jpg');
}

.esquerracatalegproducteportadaCAT-5:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Tubs2.jpg');
}

.esquerracatalegproducteportadaCAT-4 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Xapa_Industrial1.jpg');
}

.esquerracatalegproducteportadaCAT-4:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Xapa_Industrial2.jpg');
}

.esquerracatalegproducteportadaCAT-3 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Xapes_Bobina1.jpg');
}

.esquerracatalegproducteportadaCAT-3:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Xapes_Bobina2.jpg');
}

.dretacatalegproducteportadaESP-5 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Acers_especials_i_calibrats1.jpg');
}

.dretacatalegproducteportadaESP-5:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Acers_especials_i_calibrats2.jpg');
}

.dretacatalegproducteportadaESP-3 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Acers_per_Formigo1.jpg');
}

.dretacatalegproducteportadaESP-3:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Acers_per_Formigo2.jpg');
}

.dretacatalegproducteportadaESP-2 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Cobertes_i_Tancaments1.jpg');
}

.dretacatalegproducteportadaESP-2:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Cobertes_i_Tancaments2.jpg');
}

.dretacatalegproducteportadaESP-4 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Filferros1.jpg');
}

.dretacatalegproducteportadaESP-4:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Filferros2.jpg');
}

.esquerracatalegproducteportadaESP-2 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Perfils_Comercials1.jpg');
}

.esquerracatalegproducteportadaESP-2:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Perfils_Comercials2.jpg');
}

.dretacatalegproducteportadaESP-1 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Perfils_Conformats_en_fred1.jpg');
}

.dretacatalegproducteportadaESP-1:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Perfils_Conformats_en_fred2.jpg');
}

.esquerracatalegproducteportadaESP-1 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Perfils_Estructurals1.jpg');
}

.esquerracatalegproducteportadaESP-1:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Perfils_Estructurals2.jpg');
}

.esquerracatalegproducteportadaESP-5 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Tubs1.jpg');
}

.esquerracatalegproducteportadaESP-5:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Tubs2.jpg');
}

.esquerracatalegproducteportadaESP-4 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Xapa_Industrial1.jpg');
}

.esquerracatalegproducteportadaESP-4:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Xapa_Industrial2.jpg');
}

.esquerracatalegproducteportadaESP-3 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Xapes_Bobina1.jpg');
}

.esquerracatalegproducteportadaESP-3:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Xapes_Bobina2.jpg');
}

.dretacatalegproducteportadaFRA-5 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Acers_especials_i_calibrats1.jpg');
}

.dretacatalegproducteportadaFRA-5:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Acers_especials_i_calibrats2.jpg');
}

.dretacatalegproducteportadaFRA-3 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Acers_per_Formigo1.jpg');
}

.dretacatalegproducteportadaFRA-3:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Acers_per_Formigo2.jpg');
}

.dretacatalegproducteportadaFRA-2 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Cobertes_i_Tancaments1.jpg');
}

.dretacatalegproducteportadaFRA-2:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Cobertes_i_Tancaments2.jpg');
}

.dretacatalegproducteportadaFRA-4 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Filferros1.jpg');
}

.dretacatalegproducteportadaFRA-4:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Filferros2.jpg');
}

.esquerracatalegproducteportadaFRA-2 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Perfils_Comercials1.jpg');
}

.esquerracatalegproducteportadaFRA-2:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Perfils_Comercials2.jpg');
}

.dretacatalegproducteportadaFRA-1 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Perfils_Conformats_en_fred1.jpg');
}

.dretacatalegproducteportadaFRA-1:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Perfils_Conformats_en_fred2.jpg');
}

.esquerracatalegproducteportadaFRA-1 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Perfils_Estructurals1.jpg');
}

.esquerracatalegproducteportadaFRA-1:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Perfils_Estructurals2.jpg');
}

.esquerracatalegproducteportadaFRA-5 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Tubs1.jpg');
}

.esquerracatalegproducteportadaFRA-5:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Tubs2.jpg');
}

.esquerracatalegproducteportadaFRA-4 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Xapa_Industrial1.jpg');
}

.esquerracatalegproducteportadaFRA-4:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Xapa_Industrial2.jpg');
}

.esquerracatalegproducteportadaFRA-3 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Xapes_Bobina1.jpg');
}

.esquerracatalegproducteportadaFRA-3:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Xapes_Bobina2.jpg');
}

.dretacatalegproducteportadaENG-5 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Acers_especials_i_calibrats1.jpg');
}

.dretacatalegproducteportadaENG-5:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Acers_especials_i_calibrats2.jpg');
}

.dretacatalegproducteportadaENG-3 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Acers_per_Formigo1.jpg');
}

.dretacatalegproducteportadaENG-3:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Acers_per_Formigo2.jpg');
}

.dretacatalegproducteportadaENG-2 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Cobertes_i_Tancaments1.jpg');
}

.dretacatalegproducteportadaENG-2:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Cobertes_i_Tancaments2.jpg');
}

.dretacatalegproducteportadaENG-4 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Filferros1.jpg');
}

.dretacatalegproducteportadaENG-4:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Filferros2.jpg');
}

.esquerracatalegproducteportadaENG-2 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Perfils_Comercials1.jpg');
}

.esquerracatalegproducteportadaENG-2:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Perfils_Comercials2.jpg');
}

.dretacatalegproducteportadaENG-1 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Perfils_Conformats_en_fred1.jpg');
}

.dretacatalegproducteportadaENG-1:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Perfils_Conformats_en_fred2.jpg');
}

.esquerracatalegproducteportadaENG-1 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Perfils_Estructurals1.jpg');
}

.esquerracatalegproducteportadaENG-1:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Perfils_Estructurals2.jpg');
}

.esquerracatalegproducteportadaENG-5 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Tubs1.jpg');
}

.esquerracatalegproducteportadaENG-5:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Tubs2.jpg');
}

.esquerracatalegproducteportadaENG-4 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Xapa_Industrial1.jpg');
}

.esquerracatalegproducteportadaENG-4:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Xapa_Industrial2.jpg');
}

.esquerracatalegproducteportadaENG-3 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Xapes_Bobina1.jpg');
}

.esquerracatalegproducteportadaENG-3:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Xapes_Bobina2.jpg');
}

.grupfranjagrisportada {
  width: 100%;
  margin-top: 40px;
  position: relative;
  position: relative;
  height: 150px;
}

.franjagrisportada {
  background-color: gray;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  float: left;
  border-radius: 10px;
  color: white;
  font-size: 20px;
  cursor: pointer;
}

.textfranjagrisportada {
  padding-left: 50px;
  padding-right: 50px;
}

.logoceportada {
  float: right;
  width: 120px;
  height: 150px;
  background-image: url("https://www.manxaferros.com/recursosmx/home/CE.png");
  /*	position:relative; 
	top: -110px;
	right: 50px;
*/
  position: absolute;
  top: -30px;
  right: 50px;
}


.sticky {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  border-top: 0;
  background-color: #fff;
  border-bottom: 2px solid #d30d2b;
}

/*div[class*="imatgeserveis_"] {
	width:370px;
	height:120px;
*/
/*
        opacity: .6; 
        -webkit-transition: opacity 0.15s linear;
        transition: opacity 0.15s linear;
*/
/*
}
div[class*="imatgeserveis_"]:hover {
	cursor:pointer;
}

.imatgeserveis_KANBAN_ca {
	background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/valor/cat/KANBAN_1.jpg");
}
.imatgeserveis_CATCLIENT_ca {
	background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/valor/cat/CATCLIENT_1.jpg");
}
.imatgeserveis_AREACLIENT_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/valor/cat/AREACLIENT_1.jpg");
}
.imatgeserveis_AUTOMATITZACIO_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/valor/cat/AUTOMATITZACIO_1.jpg");
}
.imatgeserveis_TARIFACLIENT_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/valor/cat/TARIFACLIENT_1.jpg");
}
.imatgeserveis_ALTRES_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/produccio/cat/ALTRES_1.jpg");
}
.imatgeserveis_ELABORACIOACERSFORMIGO_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/produccio/cat/ELABORACIOACERSFORMIGO_1.jpg");
}
.imatgeserveis_FORADAT_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/produccio/cat/FORADAT_1.jpg");
}
.imatgeserveis_GRANALLAT_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/produccio/cat/GRANALLAT_1.jpg");
}
.imatgeserveis_IMPRIMAT_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/produccio/cat/IMPRIMAT_1.jpg");
}
.imatgeserveis_TALL_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/produccio/cat/TALL_1.jpg");
}
.imatgeserveis_ESCOT_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/produccio/cat/ESCOT_1.png");
}
.imatgeserveis_CERTIFICACIO_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/eficiencia/cat/CERTIFICACIO_1.jpg");
}
.imatgeserveis_GALERIAAUDIOVISUAL_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/eficiencia/cat/GALERIAAUDIOVISUAL_1.jpg");
}
.imatgeserveis_ETIQUETATGE_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/eficiencia/cat/ETIQUETATGE_1.jpg");
}
.imatgeserveis_LLIBRERIATECNICA_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/eficiencia/cat/LLIBRERIATECNICA_1.jpg");
}
.imatgeserveis_PALETITZACIO_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/eficiencia/cat/PALETITZACIO_1.jpg");
}
.imatgeserveis_TRACABILITAT_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/eficiencia/cat/TRACABILITAT_1.jpg");
}
.imatgeserveis_TRANSPORT_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/eficiencia/cat/TRANSPORT_1.jpg");
}

.imatgeserveis_KANBAN_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/valor/cat/KANBAN_2.jpg");
}
.imatgeserveis_CATCLIENT_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/valor/cat/CATCLIENT_2.jpg");
}
.imatgeserveis_AREACLIENT_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/valor/cat/AREACLIENT_2.jpg");
}
.imatgeserveis_AUTOMATITZACIO_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/valor/cat/AUTOMATITZACIO_2.jpg");
}
.imatgeserveis_TARIFACLIENT_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/valor/cat/TARIFACLIENT_2.jpg");
}
.imatgeserveis_ALTRES_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/produccio/cat/ALTRES_2.jpg");
}
.imatgeserveis_ELABORACIOACERSFORMIGO_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/produccio/cat/ELABORACIOACERSFORMIGO_2.jpg");
}
.imatgeserveis_FORADAT_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/produccio/cat/FORADAT_2.jpg");
}
.imatgeserveis_GRANALLAT_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/produccio/cat/GRANALLAT_2.jpg");
}
.imatgeserveis_IMPRIMAT_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/produccio/cat/IMPRIMAT_2.jpg");
}
.imatgeserveis_TALL_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/produccio/cat/TALL_2.jpg");
}
.imatgeserveis_ESCOT_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/produccio/cat/ESCOT_2.png");
}
.imatgeserveis_CERTIFICACIO_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/eficiencia/cat/CERTIFICACIO_2.jpg");
}
.imatgeserveis_GALERIAAUDIOVISUAL_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/eficiencia/cat/GALERIAAUDIOVISUAL_2.jpg");
}
.imatgeserveis_ETIQUETATGE_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/eficiencia/cat/ETIQUETATGE_2.jpg");
}
.imatgeserveis_LLIBRERIATECNICA_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/eficiencia/cat/LLIBRERIATECNICA_2.jpg");
}
.imatgeserveis_PALETITZACIO_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/eficiencia/cat/PALETITZACIO_2.jpg");
}
.imatgeserveis_TRACABILITAT_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/eficiencia/cat/TRACABILITAT_2.jpg");
}
.imatgeserveis_TRANSPORT_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/eficiencia/cat/TRANSPORT_2.jpg");
}
*/

.degrisacolor {
  cursor: pointer;
  -webkit-filter: grayscale(100%) !important;
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%) !important;
}

.degrisacolor:hover {
  -webkit-filter: none !important;
  /* Safari 6.0 - 9.0 */
  filter: none !important;
}

/*fbs btn-filter-mx*/
a.btn-filter-mx {
  margin-top: 36px;
}

span.btn-filter-mx {
  height: 35px;
  padding-top: 8px !important;
  padding-left: 10px !important;
}

a.btn-export-mx {
  color: #fff;
  background-color: #4c4f54;
  border-color: #4c4f54;
  float: right;
}

a.btn-export-mx-up {
  margin-top: -60px;
  margin-right: 35px;
}

@media (max-width: 1024px) {

  .subpage .columns-container {
    margin-top: 0;
  }

  a.btn-filter-mx {
    width: 100%;
    margin-top: 20px;
  }

  span.btn-filter-mx {
    text-align: center;
  }

  li.colfilter {
    width: 100%;
    margin-left: 6px;
    padding-right: 12px;
  }

  a.btn-export-mx {
    float: left;
  }

  a.btn-export-mx-up {
    margin-top: -17px;
    margin-left: 12px;
  }

  nav.mx-up {
    margin-bottom: 10px !important;
  }
}

/* msf manxa comentat per duplicitat */
/* .btn_alta_client {
  float: right;
  color: #d30d2b !important;
  font-size: 16px;
  font-weight: bold;
  background-color: white;
  border-radius: 5px;
  border: solid #d30d2b 2px;
  padding: 14px;
  margin-top: 3px;
  margin-right: -2px;
}

@media (max-width: 1024px) {
  .btn_alta_client {
    padding: 13px 5px 13px 5px;
    margin-right: 0;
  }
}

.btn_alta_client:hover {
  background-color: #d30d2b;
  color: white !important;
} */




/****************************/


html {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/*!
 * Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

a:focus {
  outline: thin dotted;
}

a:active,
a:hover {
  outline: 0;
}


abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

mark {
  background: #ff0;
  color: #000;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

pre {
  white-space: pre-wrap;
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


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

button,
input,
select[multiple],
textarea {
  background-image: none;
}

a {
  color: #777;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #515151;
  text-decoration: underline;
}

a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

img {
  vertical-align: middle;
}

.img-responsive {
  /* display: block; ACA COMM */
  /* max-width: 100%; ACA COMM */
  /* height: auto; ACA COMM */
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail,
.thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 18px;
  margin-bottom: 18px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

p {
  margin: 0 0 9px;
}

.lead {
  margin-bottom: 18px;
  font-size: 14.95px;
  font-weight: 200;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .lead {
    font-size: 19.5px;
  }
}

small {
  font-size: 85%;
}

cite {
  font-style: normal;
}

.text-muted {
  color: #999999;
}

.text-primary {
  color: #428bca;
}

.text-warning {
  color: #fff;
}

.text-danger {
  color: #fff;
}

.text-success {
  color: #fff;
}

.text-info {
  color: #fff;
}

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

.text-right,
#cart_summary tbody td.cart_unit,
#cart_summary tbody td.cart_total {
  text-align: right;
}

.text-center,
#cart_summary thead th.cart_product,
#cart_summary tbody td.cart_product,
#cart_summary tbody td.cart_avail,
#cart_summary tbody td.cart_delete {
  text-align: center;
}


ul,
ol {
  margin-top: 0;
  margin-bottom: 9px;
}

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

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

.list-inline>li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

dl {
  margin-bottom: 18px;
}

dt,
dd {
  line-height: 1.42857;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dl-horizontal dd {
    margin-left: 180px;
  }

  .dl-horizontal dd:before,
  .dl-horizontal dd:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }

  .dl-horizontal dd:after {
    clear: both;
  }
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}

abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

blockquote {
  padding: 9px 18px;
  margin: 0 0 18px;
  border-left: 5px solid #eeeeee;
}

blockquote p {
  font-size: 16.25px;
  font-weight: 300;
  line-height: 1.25;
}

blockquote p:last-child {
  margin-bottom: 0;
}

blockquote small {
  display: block;
  line-height: 1.42857;
  color: #999999;
}

blockquote small:before {
  content: '\2014 \00A0';
}

blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}

blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}

blockquote.pull-right small:before {
  content: '';
}

blockquote.pull-right small:after {
  content: '\00A0 \2014';
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}

address {
  display: block;
  margin-bottom: 18px;
  font-style: normal;
  line-height: 1.42857;
}

code,
pre {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  white-space: nowrap;
  border-radius: 0px;
}

pre {
  display: block;
  padding: 8.5px;
  margin: 0 0 9px;
  font-size: 12px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 0px;
}

pre.prettyprint {
  margin-bottom: 18px;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.row {
  /* margin-left: -15px; ACA COMM */
  /* margin-right: -15px; ACA COMM */
}


table {
  max-width: 100%;
  background-color: transparent;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  margin-bottom: 18px;
}

.table thead>tr>th,
.table thead>tr>td,
.table tbody>tr>th,
.table tbody>tr>td,
.table tfoot>tr>th,
.table tfoot>tr>td {
  padding: 9px 8px 11px 18px;
  line-height: 1.42857;
  vertical-align: top;
  border-top: 1px solid #d6d4d4;
}

.table thead>tr>th {
  vertical-align: bottom;
  border-bottom: 2px solid #d6d4d4;
}

.table caption+thead tr:first-child th,
.table caption+thead tr:first-child td,
.table colgroup+thead tr:first-child th,
.table colgroup+thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

.table tbody+tbody {
  border-top: 2px solid #d6d4d4;
}

.table .table {
  background-color: #fff;
}

.table-condensed thead>tr>th,
.table-condensed thead>tr>td,
.table-condensed tbody>tr>th,
.table-condensed tbody>tr>td,
.table-condensed tfoot>tr>th,
.table-condensed tfoot>tr>td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #d6d4d4;
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>tfoot>tr>td {
  border: 1px solid #d6d4d4;
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
  border-bottom-width: 2px;
}

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
  background-color: #f9f9f9;
}

.table-hover>tbody>tr:hover>td,
.table-hover>tbody>tr:hover>th {
  background-color: #f5f5f5;
}

table col[class*="col-"] {
  float: none;
  display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
  float: none;
  display: table-cell;
}

.table>thead>tr>td.active,
.table>thead>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th {
  background-color: #f5f5f5;
}

.table>thead>tr>td.success,
.table>thead>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th {
  background-color: #55c65e;
  border-color: #48b151;
}

.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td {
  background-color: #42c04c;
  border-color: #419f49;
}

.table>thead>tr>td.danger,
.table>thead>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th {
  background-color: #f3515c;
  border-color: #d4323d;
}

.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td {
  background-color: #f13946;
  border-color: #c32933;
}

.table>thead>tr>td.warning,
.table>thead>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th {
  background-color: #fe9126;
  border-color: #e4752b;
}

.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td {
  background-color: #fe840d;
  border-color: #da681c;
}

@media (max-width: 768px) {
  .table-responsive {
    width: 100%;
    padding: 5px;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    border: 1px solid #d6d4d4;
  }

  .table-responsive>.table {
    margin-bottom: 0;
    background-color: #fff;
  }

  .table-responsive>.table>thead>tr>th,
  .table-responsive>.table>thead>tr>td,
  .table-responsive>.table>tbody>tr>th,
  .table-responsive>.table>tbody>tr>td,
  .table-responsive>.table>tfoot>tr>th,
  .table-responsive>.table>tfoot>tr>td {
    white-space: nowrap;
  }

  .table-responsive>.table-bordered {
    border: 0;
  }

  .table-responsive>.table-bordered>thead>tr>th:first-child,
  .table-responsive>.table-bordered>thead>tr>td:first-child,
  .table-responsive>.table-bordered>tbody>tr>th:first-child,
  .table-responsive>.table-bordered>tbody>tr>td:first-child,
  .table-responsive>.table-bordered>tfoot>tr>th:first-child,
  .table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0;
  }

  .table-responsive>.table-bordered>thead>tr>th:last-child,
  .table-responsive>.table-bordered>thead>tr>td:last-child,
  .table-responsive>.table-bordered>tbody>tr>th:last-child,
  .table-responsive>.table-bordered>tbody>tr>td:last-child,
  .table-responsive>.table-bordered>tfoot>tr>th:last-child,
  .table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0;
  }

  .table-responsive>.table-bordered>thead>tr:last-child>th,
  .table-responsive>.table-bordered>thead>tr:last-child>td,
  .table-responsive>.table-bordered>tbody>tr:last-child>th,
  .table-responsive>.table-bordered>tbody>tr:last-child>td,
  .table-responsive>.table-bordered>tfoot>tr:last-child>th,
  .table-responsive>.table-bordered>tfoot>tr:last-child>td {
    border-bottom: 0;
  }
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 18px;
  font-size: 19.5px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
}

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal;
}

select[multiple],
select[size] {
  height: auto;
}

select optgroup {
  font-size: inherit;
  font-style: inherit;
  font-family: inherit;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  height: auto;
}

.form-control:-moz-placeholder {
  color: #999999;
}

.form-control::-moz-placeholder {
  color: #999999;
}

.form-control:-ms-input-placeholder {
  color: #999999;
}

.form-control::-webkit-input-placeholder {
  color: #999999;
}


.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  display: block;
  min-height: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
  vertical-align: middle;
}

.radio label,
.checkbox label {
  display: inline;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}

.radio+.radio,
.checkbox+.checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}

.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type="radio"][disabled],
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
fieldset[disabled] input[type="checkbox"],
.radio[disabled],
fieldset[disabled] .radio,
.radio-inline[disabled],
fieldset[disabled] .radio-inline,
.checkbox[disabled],
fieldset[disabled] .checkbox,
.checkbox-inline[disabled],
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.input-sm,
.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm,
.input-group-sm>select.form-control,
.input-group-sm>select.input-group-addon,
.input-group-sm>.input-group-btn>select.btn {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm,
.input-group-sm>textarea.form-control,
.input-group-sm>textarea.input-group-addon,
.input-group-sm>.input-group-btn>textarea.btn {
  height: auto;
}

.input-lg,
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
  height: 44px;
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.33;
  border-radius: 6px;
}

select.input-lg,
.input-group-lg>select.form-control,
.input-group-lg>select.input-group-addon,
.input-group-lg>.input-group-btn>select.btn {
  height: 44px;
  line-height: 44px;
}

textarea.input-lg,
.input-group-lg>textarea.form-control,
.input-group-lg>textarea.input-group-addon,
.input-group-lg>.input-group-btn>textarea.btn {
  height: auto;
}

.has-warning .help-block,
.has-warning .control-label {
  color: #fff;
}

.has-warning .form-control {
  border-color: #fff;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
  border-color: #e6e6e6;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;
}

.has-warning .input-group-addon {
  color: #fff;
  border-color: #fff;
  background-color: #fe9126;
}

.has-error .help-block,
.has-error .control-label {
  color: #fff;
}

.has-error .form-control {
  border-color: #fff;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
  border-color: #e6e6e6;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;
}

.has-error .input-group-addon {
  color: #fff;
  border-color: #fff;
  background-color: #f3515c;
}

.has-success .help-block,
.has-success .control-label {
  color: #fff;
}

.has-success .form-control {
  border-color: #fff;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
  border-color: #e6e6e6;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;
}

.has-success .input-group-addon {
  color: #fff;
  border-color: #fff;
  background-color: #55c65e;
}

.form-control-static {
  margin-bottom: 0;
  padding-top: 7px;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #b7b7b7;
}

@media (min-width: 768px) {

  .form-inline .form-group,
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .form-control,
  .navbar-form .form-control {
    display: inline-block;
  }

  .form-inline .radio,
  .navbar-form .radio,
  .form-inline .checkbox,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
  }

  .form-inline .radio input[type="radio"],
  .navbar-form .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"],
  .navbar-form .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
}

.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.form-horizontal .form-group:after {
  clear: both;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
  }
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}



.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}


.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}

.open .btn-default.dropdown-toggle {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}

.btn-default:active,
.btn-default.active {
  background-image: none;
}

.open .btn-default.dropdown-toggle {
  background-image: none;
}

.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}


.button.button-small {
    font: bold 13px/17px Arial,Helvetica,sans-serif;
    color: #fff;
    background: #6f6f6f;
    border: 1px solid;
    padding: 0;
    text-shadow: 1px 1px rgba(0,0,0,0.24);
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.button.button-small span {
    display: block;
    padding: 5px 6px 6px 10px;
    border: 1px solid;
    border-color: #d30d2b;
    background-color: #d30d2b
}

.button.button-small span i {
    vertical-align: 0;
    margin-right: 5px
}

.button.button-small span i.right {
    margin-right: 0;
    margin-left: 5px
}

.button.button-small span:hover {
    background: #999999 !important
}


.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e;
}

.open .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e;
}

.btn-primary:active,
.btn-primary.active {
  background-image: none;
}

.open .btn-primary.dropdown-toggle {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active {
  color: #fff;
  background-color: #ed9c28;
  border-color: #d58512;
}

.open .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ed9c28;
  border-color: #d58512;
}

.btn-warning:active,
.btn-warning.active {
  background-image: none;
}

.open .btn-warning.dropdown-toggle {
  background-image: none;
}

.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}

.open .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}

.btn-danger:active,
.btn-danger.active {
  background-image: none;
}

.open .btn-danger.dropdown-toggle {
  background-image: none;
}

.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-success {
  color: #fff;
  background-color: #46a74e;
  border-color: #3e9546;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active {
  color: #fff;
  background-color: #3a8a41;
  border-color: #2c6a31;
}

.open .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #3a8a41;
  border-color: #2c6a31;
}

.btn-success:active,
.btn-success.active {
  background-image: none;
}

.open .btn-success.dropdown-toggle {
  background-image: none;
}

.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
  background-color: #46a74e;
  border-color: #3e9546;
}

.btn-info {
  color: #fff;
  background-color: #5192f3;
  border-color: #3983f1;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
  color: #fff;
  background-color: #2b7af0;
  border-color: #0f62de;
}

.open .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #2b7af0;
  border-color: #0f62de;
}

.btn-info:active,
.btn-info.active {
  background-image: none;
}

.open .btn-info.dropdown-toggle {
  background-image: none;
}

.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
  background-color: #5192f3;
  border-color: #3983f1;
}

.btn-link {
  color: #777;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}

.btn-link:hover,
.btn-link:focus {
  color: #515151;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
  color: #999999;
  text-decoration: none;
}

.btn-lg,
.btn-group-lg>.btn {
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.33;
  border-radius: 6px;
}

.btn-sm,
.btn-group-sm>.btn,
.btn-xs,
.btn-group-xs>.btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs,
.btn-group-xs>.btn {
  padding: 1px 5px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.btn-block+.btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.modal-backdrop.fade.in {
  opacity: 0.5;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid #000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 0 dotted;
  content: "";
}

.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 13px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 8px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857;
  white-space: nowrap;
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
  color: #999999;
}

.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: not-allowed;
}

.open>.dropdown-menu {
  display: block;
}

.open>a {
  outline: 0;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857;
  color: #999999;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

.pull-right>.dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0 dotted;
  border-bottom: 4px solid #000;
  content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
}

.btn-default .caret {
  border-top-color: #333;
}

.btn-primary .caret,
.btn-success .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret {
  border-top-color: #fff;
}

.dropup .btn-default .caret {
  border-bottom-color: #333;
}

.dropup .btn-primary .caret,
.dropup .btn-success .caret,
.dropup .btn-warning .caret,
.dropup .btn-danger .caret,
.dropup .btn-info .caret {
  border-bottom-color: #fff;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.btn-group>.btn,
.btn-group-vertical>.btn {
  position: relative;
  float: left;
}

.btn-group>.btn:hover,
.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn:hover,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn.active {
  z-index: 2;
}

.btn-group>.btn:focus,
.btn-group-vertical>.btn:focus {
  outline: none;
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
  margin-left: -1px;
}

.btn-toolbar:before,
.btn-toolbar:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.btn-toolbar:after {
  clear: both;
}

.btn-toolbar .btn-group {
  float: left;
}

.btn-toolbar>.btn+.btn,
.btn-toolbar>.btn+.btn-group,
.btn-toolbar>.btn-group+.btn,
.btn-toolbar>.btn-group+.btn-group {
  margin-left: 5px;
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group>.btn:first-child {
  margin-left: 0;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group>.btn-group {
  float: left;
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
  border-radius: 0;
}

.btn-group>.btn-group:first-child>.btn:last-child,
.btn-group>.btn-group:first-child>.dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group>.btn-group:last-child>.btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group>.btn+.dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}

.btn-group>.btn-lg+.dropdown-toggle,
.btn-group-lg.btn-group>.btn+.dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret,
.btn-group-lg>.btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret,
.dropup .btn-group-lg>.btn .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}

.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.btn-group-vertical>.btn-group:after {
  clear: both;
}

.btn-group-vertical>.btn-group>.btn {
  float: none;
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
  border-radius: 0;
}

.btn-group-vertical>.btn-group:first-child>.btn:last-child,
.btn-group-vertical>.btn-group:first-child>.dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn-group:last-child>.btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}

.btn-group-justified .btn {
  float: none;
  display: table-cell;
  width: 1%;
}

[data-toggle="buttons"]>.btn>input[type="radio"],
[data-toggle="buttons"]>.btn>input[type="checkbox"] {
  display: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group.col {
  float: none;
  padding-left: 0;
  padding-right: 0;
}

.input-group .form-control {
  width: 100%;
  margin-bottom: 0;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #d6d4d4;
  border-radius: 0px;
}

.input-group-addon.input-sm,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.input-group-addon.btn {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}

.input-group-addon.input-lg,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.input-group-addon.btn {
  padding: 10px 16px;
  font-size: 17px;
  border-radius: 6px;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  white-space: nowrap;
}

.input-group-btn>.btn {
  position: relative;
}

.input-group-btn>.btn+.btn {
  margin-left: -4px;
}

.input-group-btn>.btn:hover,
.input-group-btn>.btn:active {
  z-index: 2;
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.nav:before,
.nav:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.nav:after {
  clear: both;
}

.nav>li {
  position: relative;
  display: block;
}

.nav>li>a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav>li>a:hover,
.nav>li>a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.nav>li.disabled>a {
  color: #999999;
}

.nav>li.disabled>a:hover,
.nav>li.disabled>a:focus {
  color: #999999;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
  background-color: #eeeeee;
  border-color: #777;
}

.nav .nav-divider {
  height: 1px;
  margin: 8px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.nav>li>a>img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs>li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs>li>a {
  margin-right: 2px;
  line-height: 1.42857;
  border: 1px solid transparent;
  border-radius: 0px 0px 0 0;
}

.nav-tabs>li>a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}

.nav-pills>li {
  float: left;
}

.nav-pills>li>a {
  border-radius: 5px;
}

.nav-pills>li+li {
  margin-left: 2px;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
  color: #fff;
  background-color: #428bca;
}

.nav-stacked>li {
  float: none;
}

.nav-stacked>li+li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified,
.nav-tabs.nav-justified {
  width: 100%;
}

.nav-justified>li,
.nav-tabs.nav-justified>li {
  float: none;
}

.nav-justified>li>a,
.nav-tabs.nav-justified>li>a {
  text-align: center;
}

@media (min-width: 768px) {

  .nav-justified>li,
  .nav-tabs.nav-justified>li {
    display: table-cell;
    width: 1%;
  }
}

.nav-tabs-justified,
.nav-tabs.nav-justified {
  border-bottom: 0;
}

.nav-tabs-justified>li>a,
.nav-tabs.nav-justified>li>a {
  border-bottom: 1px solid #ddd;
  margin-right: 0;
}

.nav-tabs-justified>.active>a,
.nav-tabs.nav-justified>.active>a {
  border-bottom-color: #fff;
}

.tabbable:before,
.tabbable:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.tabbable:after {
  clear: both;
}

.tab-content>.tab-pane,
.pill-content>.pill-pane {
  display: none;
}

.tab-content>.active,
.pill-content>.active {
  display: block;
}

.nav .caret {
  border-top-color: #777;
  border-bottom-color: #777;
}

.nav a:hover .caret {
  border-top-color: #515151;
  border-bottom-color: #515151;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}





.navbar:after {
  clear: both;
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 0px;
  }
}

.navbar-header:before,
.navbar-header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.navbar-header:after {
  clear: both;
}

@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}

.navbar-collapse {
  /* max-height: 340px; */
  overflow-x: visible;
  /* padding-right: 15px; ACA COMM */
  /* padding-left: 15px; ACA COMM */
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}

.navbar-collapse:before,
.navbar-collapse:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.navbar-collapse:after {
  clear: both;
}

.navbar-collapse.in {
  overflow-y: auto;
}

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }

  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }

  .navbar-collapse.in {
    overflow-y: visible;
  }

  .navbar-collapse .navbar-nav.navbar-left:first-child {
    margin-left: -15px;
  }

  .navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-right: -15px;
  }

  .navbar-collapse .navbar-text:last-child {
    margin-right: 0;
  }
}

.container>.navbar-header,
.container>.navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 768px) {

  .container>.navbar-header,
  .container>.navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

.navbar-static-top {
  border-width: 0 0 1px;
}

@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  border-width: 0 0 1px;
}

@media (min-width: 768px) {

  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}

.navbar-fixed-top {
  z-index: 1030;
  top: 0;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
}

.navbar-brand {
  float: left;
  padding: 16px 15px;
  font-size: 17px;
  line-height: 18px;
}

.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}

@media (min-width: 768px) {
  .navbar>.container .navbar-brand {
    margin-left: -15px;
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0px;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggle .icon-bar+.icon-bar {
  margin-top: 4px;
}

@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}

.navbar-nav {
  margin: 8px -15px;
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }

  .navbar-nav .open .dropdown-menu>li>a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }

  .navbar-nav .open .dropdown-menu>li>a {
    line-height: 18px;
  }

  .navbar-nav .open .dropdown-menu>li>a:hover,
  .navbar-nav .open .dropdown-menu>li>a:focus {
    background-image: none;
  }
}

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }

  .navbar-nav>li {
    float: left;
  }


}

@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }

  .navbar-right {
    float: right !important;
  }
}

.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 9px;
  margin-bottom: 9px;
}

@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
}

@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

.navbar-nav>li>.dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-nav.pull-right>li>.dropdown-menu,
.navbar-nav>li>.dropdown-menu.pull-right {
  left: auto;
  right: 0;
}

.navbar-btn {
  margin-top: 9px;
  margin-bottom: 9px;
}

.navbar-text {
  float: left;
  margin-top: 16px;
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .navbar-text {
    margin-left: 15px;
    margin-right: 15px;
  }
}

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
  color: #777;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}

.navbar-default .navbar-text {
  color: #777;
}

.navbar-default .navbar-nav>li>a {
  color: #777;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
  color: #333;
  background-color: transparent;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
  color: #555;
  background-color: #e7e7e7;
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>.disabled>a:focus {
  color: #ccc;
  background-color: transparent;
}

.navbar-default .navbar-toggle {
  border-color: #ddd;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #ccc;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e6e6e6;
}

.navbar-default .navbar-nav>.dropdown>a:hover .caret,
.navbar-default .navbar-nav>.dropdown>a:focus .caret {
  border-top-color: #333;
  border-bottom-color: #333;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
  background-color: #e7e7e7;
  color: #555;
}

.navbar-default .navbar-nav>.open>a .caret,
.navbar-default .navbar-nav>.open>a:hover .caret,
.navbar-default .navbar-nav>.open>a:focus .caret {
  border-top-color: #555;
  border-bottom-color: #555;
}

.navbar-default .navbar-nav>.dropdown>a .caret {
  border-top-color: #777;
  border-bottom-color: #777;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #777;
  }

  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #333;
    background-color: transparent;
  }

  .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
    color: #555;
    background-color: #e7e7e7;
  }

  .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
  .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
    color: #ccc;
    background-color: transparent;
  }
}

.navbar-default .navbar-link {
  color: #777;
}

.navbar-default .navbar-link:hover {
  color: #333;
}

.navbar-inverse {
  background-color: #222;
  border-color: #090909;
}

.navbar-inverse .navbar-brand {
  color: #999999;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-text {
  color: #999999;
}

.navbar-inverse .navbar-nav>li>a {
  color: #999999;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
  color: #fff;
  background-color: #090909;
}

.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:hover,
.navbar-inverse .navbar-nav>.disabled>a:focus {
  color: #444;
  background-color: transparent;
}

.navbar-inverse .navbar-toggle {
  border-color: #333;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
  background-color: #090909;
  color: #fff;
}

.navbar-inverse .navbar-nav>.dropdown>a:hover .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

.navbar-inverse .navbar-nav>.dropdown>a .caret {
  border-top-color: #999999;
  border-bottom-color: #999999;
}

.navbar-inverse .navbar-nav>.open>a .caret,
.navbar-inverse .navbar-nav>.open>a:hover .caret,
.navbar-inverse .navbar-nav>.open>a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
    border-color: #090909;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #999999;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #fff;
    background-color: transparent;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
  .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
    color: #fff;
    background-color: #090909;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
  .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
    color: #444;
    background-color: transparent;
  }
}

.navbar-inverse .navbar-link {
  color: #999999;
}

.navbar-inverse .navbar-link:hover {
  color: #fff;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 18px;
  list-style: none;
  background-color: #f6f6f6;
  border-radius: 0px;
}

.breadcrumb>li {
  display: inline-block;
}

.breadcrumb>li+li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #333;
}

.breadcrumb>.active {
  color: #333;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 18px 0;
  border-radius: 0px;
}

.pagination>li {
  display: inline;
}

.pagination>li>a,
.pagination>li>span {
  position: relative;
  float: left;
  padding: 5px 12px;
  line-height: 1.42857;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
  margin-left: 0;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}

.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
  background-color: #f6f6f6;
}

.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
  z-index: 2;
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
  cursor: default;
}

.pagination>.disabled>span,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
  color: #999999;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}

.pagination-lg>li>a,
.pagination-lg>li>span {
  padding: 10px 16px;
  font-size: 17px;
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}

.pagination-sm>li>a,
.pagination-sm>li>span {
  padding: 5px 10px;
  font-size: 12px;
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 18px 0;
  list-style: none;
  text-align: center;
}

.pager:before,
.pager:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li>a,
.pager li>span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}

.pager li>a:hover,
.pager li>a:focus {
  text-decoration: none;
  background-color: #f6f6f6;
}

.pager .next>a,
.pager .next>span {
  float: right;
}

.pager .previous>a,
.pager .previous>span {
  float: left;
}

.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
  color: #999999;
  background-color: #fff;
  cursor: not-allowed;
}

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 100%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0;
}

.label[href]:hover,
.label[href]:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.label:empty {
  display: none;
}

.label-default {
  background-color: #999999;
}

.label-default[href]:hover,
.label-default[href]:focus {
  background-color: gray;
}

.label-primary {
  background-color: #428bca;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #3071a9;
}

.label-success {
  background-color: #55c65e;
  border: 1px solid #36943e;
}

.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #3aae43;
}

.label-info {
  background-color: #5192f3;
  border: 1px solid #4b80c3;
}

.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #2174f0;
}

.label-warning {
  background-color: #fe9126;
  border: 1px solid #e4752b;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #f07701;
}

.label-danger {
  background-color: #f3515c;
  border: 1px solid #d4323d;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #f0212f;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #999999;
  border-radius: 10px;
}

.badge:empty {
  display: none;
}

a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.btn .badge {
  position: relative;
  top: -1px;
}

a.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
  color: #777;
  background-color: #fff;
}

.nav-pills>li>a>.badge {
  margin-left: 3px;
}

.thumbnail {
  display: block;
}

.thumbnail>img {
  display: block;
  max-width: 100%;
  height: auto;
}

a.thumbnail:hover,
a.thumbnail:focus {
  border-color: #777;
}

.thumbnail>img {
  margin-left: auto;
  margin-right: auto;
}

.thumbnail .caption {
  padding: 9px;
  color: #777777;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert>p,
.alert>ul {
  margin-bottom: 0;
}

.alert>p+p {
  margin-top: 5px;
}

.alert-dismissable {
  padding-right: 35px;
}

.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success hr {
  border-top-color: #419f49;
}

.alert-success .alert-link {
  color: #e6e6e6;
}

.alert-info {
  background-color: #5192f3;
  border-color: #4b80c3;
  color: #fff;
}

.alert-info hr {
  border-top-color: #3d73b7;
}

.alert-info .alert-link {
  color: #e6e6e6;
}

.alert-warning {
  background-color: #4c4f54;
  /* nandelbosc fe9126; */
  border-color: #4c4f54;
  /* nandelbosc #e4752b; */
  color: #fff;
}

.alert-warning hr {
  border-top-color: #da681c;
}

.alert-warning .alert-link {
  color: #e6e6e6;
}

.alert-danger {
  background-color: #f3515c;
  border-color: #d4323d;
  color: #fff;
}

.alert-danger hr {
  border-top-color: #c32933;
}

.alert-danger .alert-link {
  color: #e6e6e6;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 40px 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

.progress {
  overflow: hidden;
  height: 18px;
  margin-bottom: 18px;
  background-color: #f5f5f5;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.progress-striped .progress-bar {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-size: 40px 40px;
}

.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #46a74e;
}

.progress-striped .progress-bar-success {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
}

.progress-bar-info {
  background-color: #5192f3;
}

.progress-striped .progress-bar-info {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
}

.progress-bar-warning {
  background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
}

.progress-bar-danger {
  background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
}

.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}

.media,
.media .media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media-object {
  display: block;
}

.media-heading {
  margin: 0 0 5px;
}

.media>.pull-left {
  margin-right: 10px;
}

.media>.pull-right {
  margin-left: 10px;
}

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

.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.list-group-item:first-child {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.list-group-item>.badge {
  float: right;
}

.list-group-item>.badge+.badge {
  margin-right: 5px;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading {
  color: inherit;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #e1edf7;
}

a.list-group-item {
  color: #555;
}

a.list-group-item .list-group-item-heading {
  color: #333;
}

a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.panel {
  margin-bottom: 18px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 0px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px;
}

.panel-body:before,
.panel-body:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.panel-body:after {
  clear: both;
}

.panel>.list-group {
  margin-bottom: 0;
}

.panel>.list-group .list-group-item {
  border-width: 1px 0;
}

.panel>.list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.panel>.list-group .list-group-item:last-child {
  border-bottom: 0;
}

.panel-heading+.list-group .list-group-item:first-child {
  border-top-width: 0;
}

.panel>.table {
  margin-bottom: 0;
}

.panel>.panel-body+.table {
  border-top: 1px solid #d6d4d4;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: -1px;
  border-top-left-radius: -1px;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
}

.panel-title>a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: -1px;
  border-bottom-left-radius: -1px;
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 0px;
  overflow: hidden;
}

.panel-group .panel+.panel {
  margin-top: 5px;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-group .panel-heading+.panel-collapse .panel-body {
  border-top: 1px solid #ddd;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer+.panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}

.panel-default {
  border-color: #ddd;
}

.panel-default>.panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.panel-default>.panel-heading+.panel-collapse .panel-body {
  border-top-color: #ddd;
}

.panel-default>.panel-footer+.panel-collapse .panel-body {
  border-bottom-color: #ddd;
}

.panel-primary {
  border-color: #428bca;
}

.panel-primary>.panel-heading {
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}

.panel-primary>.panel-heading+.panel-collapse .panel-body {
  border-top-color: #428bca;
}

.panel-primary>.panel-footer+.panel-collapse .panel-body {
  border-bottom-color: #428bca;
}

.panel-success {
  border-color: #48b151;
}

.panel-success>.panel-heading {
  color: #fff;
  background-color: #55c65e;
  border-color: #48b151;
}

.panel-success>.panel-heading+.panel-collapse .panel-body {
  border-top-color: #48b151;
}

.panel-success>.panel-footer+.panel-collapse .panel-body {
  border-bottom-color: #48b151;
}

.panel-warning {
  border-color: #e4752b;
}

.panel-warning>.panel-heading {
  color: #fff;
  background-color: #fe9126;
  border-color: #e4752b;
}

.panel-warning>.panel-heading+.panel-collapse .panel-body {
  border-top-color: #e4752b;
}

.panel-warning>.panel-footer+.panel-collapse .panel-body {
  border-bottom-color: #e4752b;
}

.panel-danger {
  border-color: #d4323d;
}

.panel-danger>.panel-heading {
  color: #fff;
  background-color: #f3515c;
  border-color: #d4323d;
}

.panel-danger>.panel-heading+.panel-collapse .panel-body {
  border-top-color: #d4323d;
}

.panel-danger>.panel-footer+.panel-collapse .panel-body {
  border-bottom-color: #d4323d;
}

.panel-info {
  border-color: #4b80c3;
}

.panel-info>.panel-heading {
  color: #fff;
  background-color: #5192f3;
  border-color: #4b80c3;
}

.panel-info>.panel-heading+.panel-collapse .panel-body {
  border-top-color: #4b80c3;
}

.panel-info>.panel-footer+.panel-collapse .panel-body {
  border-bottom-color: #4b80c3;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
  padding: 24px;
  border-radius: 6px;
}

.well-sm {
  padding: 9px;
  border-radius: 3px;
}

.close {
  float: right;
  font-size: 19.5px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover .arrow {
  border-width: 11px;
}

.popover .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}

.popover.top .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}

.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.right .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}

.popover.bottom .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}

.popover.bottom .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}

.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

.pull-right {
  /*  float: right !important; */
  text-align: center;
  /*nandelbosc*/
}

.pull-left-mx {
  float: left !important;
}

.pull-left {
  /*float: left !important;*/
  display: none;
  /*nandelbosc*/
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}

@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: 320px;
  }
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.visible-xs {
  display: none !important;
}

tr.visible-xs {
  display: none !important;
}

th.visible-xs,
td.visible-xs {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-xs.visible-sm {
    display: block !important;
  }

  tr.visible-xs.visible-sm {
    display: table-row !important;
  }

  th.visible-xs.visible-sm,
  td.visible-xs.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-xs.visible-md {
    display: block !important;
  }

  tr.visible-xs.visible-md {
    display: table-row !important;
  }

  th.visible-xs.visible-md,
  td.visible-xs.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-xs.visible-lg {
    display: block !important;
  }

  tr.visible-xs.visible-lg {
    display: table-row !important;
  }

  th.visible-xs.visible-lg,
  td.visible-xs.visible-lg {
    display: table-cell !important;
  }
}

.visible-sm {
  display: none !important;
}

tr.visible-sm {
  display: none !important;
}

th.visible-sm,
td.visible-sm {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-sm.visible-xs {
    display: block !important;
  }

  tr.visible-sm.visible-xs {
    display: table-row !important;
  }

  th.visible-sm.visible-xs,
  td.visible-sm.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-sm.visible-md {
    display: block !important;
  }

  tr.visible-sm.visible-md {
    display: table-row !important;
  }

  th.visible-sm.visible-md,
  td.visible-sm.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-sm.visible-lg {
    display: block !important;
  }

  tr.visible-sm.visible-lg {
    display: table-row !important;
  }

  th.visible-sm.visible-lg,
  td.visible-sm.visible-lg {
    display: table-cell !important;
  }
}

.visible-md {
  display: none !important;
}

tr.visible-md {
  display: none !important;
}

th.visible-md,
td.visible-md {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-md.visible-xs {
    display: block !important;
  }

  tr.visible-md.visible-xs {
    display: table-row !important;
  }

  th.visible-md.visible-xs,
  td.visible-md.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-md.visible-sm {
    display: block !important;
  }

  tr.visible-md.visible-sm {
    display: table-row !important;
  }

  th.visible-md.visible-sm,
  td.visible-md.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-md.visible-lg {
    display: block !important;
  }

  tr.visible-md.visible-lg {
    display: table-row !important;
  }

  th.visible-md.visible-lg,
  td.visible-md.visible-lg {
    display: table-cell !important;
  }
}

.visible-lg {
  display: none !important;
}

tr.visible-lg {
  display: none !important;
}

th.visible-lg,
td.visible-lg {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-lg.visible-xs {
    display: block !important;
  }

  tr.visible-lg.visible-xs {
    display: table-row !important;
  }

  th.visible-lg.visible-xs,
  td.visible-lg.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-lg.visible-sm {
    display: block !important;
  }

  tr.visible-lg.visible-sm {
    display: table-row !important;
  }

  th.visible-lg.visible-sm,
  td.visible-lg.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg.visible-md {
    display: block !important;
  }

  tr.visible-lg.visible-md {
    display: table-row !important;
  }

  th.visible-lg.visible-md,
  td.visible-lg.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

.hidden-xs {
  display: block !important;
}

tr.hidden-xs {
  display: table-row !important;
}

th.hidden-xs,
td.hidden-xs {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }

  tr.hidden-xs {
    display: none !important;
  }

  th.hidden-xs,
  td.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-xs.hidden-sm {
    display: none !important;
  }

  tr.hidden-xs.hidden-sm {
    display: none !important;
  }

  th.hidden-xs.hidden-sm,
  td.hidden-xs.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-xs.hidden-md {
    display: none !important;
  }

  tr.hidden-xs.hidden-md {
    display: none !important;
  }

  th.hidden-xs.hidden-md,
  td.hidden-xs.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-xs.hidden-lg {
    display: none !important;
  }

  tr.hidden-xs.hidden-lg {
    display: none !important;
  }

  th.hidden-xs.hidden-lg,
  td.hidden-xs.hidden-lg {
    display: none !important;
  }
}

.hidden-sm {
  display: block !important;
}

tr.hidden-sm {
  display: table-row !important;
}

th.hidden-sm,
td.hidden-sm {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-sm.hidden-xs {
    display: none !important;
  }

  tr.hidden-sm.hidden-xs {
    display: none !important;
  }

  th.hidden-sm.hidden-xs,
  td.hidden-sm.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }

  tr.hidden-sm {
    display: none !important;
  }

  th.hidden-sm,
  td.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-sm.hidden-md {
    display: none !important;
  }

  tr.hidden-sm.hidden-md {
    display: none !important;
  }

  th.hidden-sm.hidden-md,
  td.hidden-sm.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-sm.hidden-lg {
    display: none !important;
  }

  tr.hidden-sm.hidden-lg {
    display: none !important;
  }

  th.hidden-sm.hidden-lg,
  td.hidden-sm.hidden-lg {
    display: none !important;
  }
}

.hidden-md {
  display: block !important;
}

tr.hidden-md {
  display: table-row !important;
}

th.hidden-md,
td.hidden-md {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-md.hidden-xs {
    display: none !important;
  }

  tr.hidden-md.hidden-xs {
    display: none !important;
  }

  th.hidden-md.hidden-xs,
  td.hidden-md.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md.hidden-sm {
    display: none !important;
  }

  tr.hidden-md.hidden-sm {
    display: none !important;
  }

  th.hidden-md.hidden-sm,
  td.hidden-md.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }

  tr.hidden-md {
    display: none !important;
  }

  th.hidden-md,
  td.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-md.hidden-lg {
    display: none !important;
  }

  tr.hidden-md.hidden-lg {
    display: none !important;
  }

  th.hidden-md.hidden-lg,
  td.hidden-md.hidden-lg {
    display: none !important;
  }
}

.hidden-lg {
  display: block !important;
}

tr.hidden-lg {
  display: table-row !important;
}

th.hidden-lg,
td.hidden-lg {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-lg.hidden-xs {
    display: none !important;
  }

  tr.hidden-lg.hidden-xs {
    display: none !important;
  }

  th.hidden-lg.hidden-xs,
  td.hidden-lg.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-lg.hidden-sm {
    display: none !important;
  }

  tr.hidden-lg.hidden-sm {
    display: none !important;
  }

  th.hidden-lg.hidden-sm,
  td.hidden-lg.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg.hidden-md {
    display: none !important;
  }

  tr.hidden-lg.hidden-md {
    display: none !important;
  }

  th.hidden-lg.hidden-md,
  td.hidden-lg.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }

  tr.hidden-lg {
    display: none !important;
  }

  th.hidden-lg,
  td.hidden-lg {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

tr.visible-print {
  display: none !important;
}

th.visible-print,
td.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }

  .hidden-print {
    display: none !important;
  }

  tr.hidden-print {
    display: none !important;
  }

  th.hidden-print,
  td.hidden-print {
    display: none !important;
  }
}

/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */


.pull-right {
  float: right;
}

.pull-left {
  float: left;
}


a:hover {
  text-decoration: none;
  color: #0f93d2;
}





body.content_only {
  background: none;
  min-width: 0px;
}

textarea {
  resize: none;
}

#header {
  padding-bottom: 0;
  background: #fff;
}

.menu-warpper {
  /*  background: #d7dce0; nandelbosc */
  background: #4c4f54;
  position: absolute;
  width: 100%;
  /*FBS afegit perquè si no funciona*/
  z-index: 10;
}

.subpage .columns-container {
  margin-bottom: 60px;
  /*border-top: 1px solid #e6e6e6;*/
  margin-top: 63px;
}

.subpage .pt_vmegamenu_title {
  border-bottom: none;
}

.subpage .pt_vmegamenu {
  display: none;
}

.brandSlider.blockPosition {
  margin-bottom: 30px;
}

.brandSlider.blockPosition .item-i {
  border: 1px solid #e5e5e5;
  overflow: hidden;
}

.brandSlider.blockPosition .item-i img {
  width: 100%;
}

.columns-container {
  background: #fff;
}

#columns {
  position: relative;
}

#index .tab-content {
  margin-top: 35px;
  margin-bottom: 34px;
}

header {
  position: relative;
  background: #fff;
  padding-bottom: 0;
}

header .banner {
  /*  background: black; nandelbosc */
  background: #4c4f54;
  max-height: 100%;
}

header .banner .row {
  margin: 0px;
}

header .nav {
  /*  background: #16608f; nandelbosc */
  /* background: #d30d2b; */
  /*  border-bottom: 1px dotted #2778aa; */
  /* border-bottom: 1px dotted #d30d2b; */
  height: 40px;
  background-image: url('../img/dalt.png');
  background-repeat: repeat-x;
  color: white;
}

header .nav .row {
  margin: 0px;
}

header .nav nav {
  width: 100%;
}



header .row #header_logo {
  padding-top: 15px;
}

@media (max-width: 992px) {
  header .row #header_logo {
    padding-top: 40px;
  }
}

@media (max-width: 767px) {
  header .row #header_logo {
    padding-top: 15px;
  }

  header .row #header_logo img {
    margin: 0 auto;
  }
}

@media (min-width: 767px) {

  header .col-sm-4+.col-sm-4+.col-sm-4,
  header .row #header_logo+.col-sm-4+.col-sm-4,
  header .row .col-sm-4+#header_logo+.col-sm-4,
  header .row #header_logo+#header_logo+.col-sm-4,
  header .row .col-sm-4+.col-sm-4+#header_logo,
  header .row #header_logo+.col-sm-4+#header_logo,
  header .row .col-sm-4+#header_logo+#header_logo,
  header .row #header_logo+#header_logo+#header_logo {
    float: right;
  }
}

.ie8 #header #header_logo {
  width: 350px;
}

#center_column .page_product_box h3 {
  color: #555454;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  padding: 14px 20px 17px;
  margin: 0 0 20px;
  position: relative;
  border: 1px solid #d6d4d4;
  border-bottom: none;
  background: #fbfbfb;
}

p.info-title {
  font-weight: bold;
  color: #333;
  margin-bottom: 25px;
}

p.info-account {
  margin: -4px 0 24px 0;
}

.dark {
  color: #333;
}

.main-page-indent {
  margin-bottom: 30px;
}



.alert:before {
  cursor: pointer;
}


.label {
  white-space: normal;
  display: inline-block;
  padding: 6px 10px;
}

label {
  color: #333;
}

label.required:before {
  content: "*";
  color: red;
  font-size: 14px;
  position: relative;
  line-height: 12px;
}

.unvisible {
  display: none;
}

.checkbox {
  line-height: 16px;
}

.checkbox label {
  color: #777777;
}

.close {
  opacity: 1;
}

.close:hover {
  opacity: 1;
}


.btn.disabled,
.btn[disabled]:hover {
  opacity: 0.3;
}


.link-button {
  font-weight: bold;
}

.link-button i {
  margin-right: 5px;
}

.link-button i.large {
  font-size: 26px;
  line-height: 26px;
  vertical-align: -3px;
  color: silver;
}


/* FBS 2018/09/19 */
/*
  .button.ajax_add_to_cart_button span {
  
    border: 1px solid;
    border-color: #06b2e6;
    padding: 10px 14px;
    display: block;
    background: #009ad0;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#009ad0), to(#007ab7));
    background-image: -webkit-linear-gradient(top, #009ad0, 0%, #007ab7, 100%);
    background-image: -moz-linear-gradient(top, #009ad0 0%, #007ab7 100%);
    background-image: linear-gradient(to bottom, #009ad0 0%, #007ab7 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF009AD0', endColorstr='#FF007AB7', GradientType=0); }
  .button.ajax_add_to_cart_button:hover {
    border-color: #01314e #004b74 #0079b6 #004b74; }
    .button.ajax_add_to_cart_button:hover span {
      filter: none;
      background: #0084bf; }

*/

.button.ajax_add_to_cart_button span {
  display: block;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF009AD0', endColorstr='#FF007AB7', GradientType=0);
}

.button.ajax_add_to_cart_button:hover {
  filter: none;
  background-color: #f4b61b !important;
}



.button.lnk_view {
  font: 700 17px/21px Arial, Helvetica, sans-serif;
  color: #333;
  text-shadow: 1px 1px white;
  padding: 0;
  border: 1px solid;
  border-color: #cacaca #b7b7b7 #9a9a9a #b7b7b7;
}

.button.lnk_view span {
  border: 1px solid;
  border-color: #fff;
  padding: 10px 14px;
  display: block;
  background: #f7f7f7;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f7f7f7), to(#ededed));
  background-image: -webkit-linear-gradient(top, #f7f7f7, 0%, #ededed, 100%);
  background-image: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
  background-image: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF7F7F7', endColorstr='#FFEDEDED', GradientType=0);
}

.button.lnk_view:hover {
  border-color: #9e9e9e #9e9e9e #c8c8c8 #9e9e9e;
}

.button.lnk_view:hover span {
  filter: none;
  background: #e7e7e7;
}

.button.lnk_view i.left {
  padding-right: 8px;
  color: #777777;
}



.form-control.grey {
  background: #fbfbfb;
}

table.std,
table.table_block {
  margin-bottom: 20px;
  width: 100%;
  border: 1px solid #999999;
  border-bottom: none;
  background: white;
  border-collapse: inherit;
}

table.std th,
table.table_block th {
  padding: 14px 12px;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0 1px 0 black;
  background: #999999;
}

table.std tr.alternate_item,
table.table_block tr.alternate_item {
  background-color: #f3f3f3;
}

table.std td,
table.table_block td {
  padding: 12px;
  border-right: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  font-size: 12px;
  vertical-align: top;
}

.table {
  margin-bottom: 30px;
}

.table>thead>tr>th {
  background: #c6c6c6;
  /*background: #fbfbfb;*/
  border-bottom-width: 1px;
  color: #333;
  vertical-align: middle;
}

.table td ul,
.table td ol {
  margin-bottom: 0 !important;
}

.table td a.color-myaccount {
  color: #777;
  text-decoration: underline;
}

.table td a.color-myaccount:hover {
  text-decoration: none;
}

.table tfoot tr {
  background: #fbfbfb;
}

.product-name {
  font-size: 17px;
  line-height: 23px;
  color: #3a3939;
  margin-bottom: 0;
}

.product-name a {
  font-size: 17px;
  line-height: 23px;
  color: #3a3939;
}

.product-name a:hover {
  color: #515151;
}

@media (max-width: 768px) {
  .product-name a {
    font-size: 14px;
  }
}

.price {
  font-size: 13px;
  color: #777;
  white-space: nowrap;
}

.price.product-price {
  /*  color: #ff560b; nandelbosc */
  color: #d30d2b;
  font-family: "Open Sans", sans-serif;
  /*  font-size: 16px; fbs */
  font-size: 30px;
  font-weight: 700;
}

.old-price {
  color: #838383;
  font-weight: 400;
  text-decoration-line: line-through;
  text-decoration-color: red;
}

.old-price.product-price {
  font-size: 14px;
}

.special-price {
  color: #f13340;
}

.price-percent-reduction {
  background: #f13340;
  border: 1px solid #d02a2c;
  font: 600 21px/24px "Open Sans", sans-serif;
  color: #fff;
  padding: 0 5px 0 3px;
  display: inline-block;
}

.price-percent-reduction.small {
  font: 700 14px/17px Arial, Helvetica, sans-serif;
  padding: 1px 6px;
}

.new-label,
.sale-label {
  /*fbs*/
  /*background: #73d33f none repeat scroll 0 0;*/
  background: #95C11F none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  margin-left: 5px;
  position: absolute;
  /*fbs*/
  /* right: 10px; 
    top: 30px;*/
  left: 1px;
}

.new-label:before,
.sale-label:before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  /*fbs*/
  /*border-color: #73d33f transparent transparent;*/
  border-color: #95C11F transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 5px;
  bottom: -10px;
  content: "";
  position: absolute;
  right: 5px;
}

.sale-label {
  background: #ff9c00;
}

.sale-label:before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #ff9c00 transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 5px;
}

.ie8 .new-label {
  left: 0px;
  top: 0px;
  width: auto;
  padding: 5px 15px;
}

.ie8 .new-label:after {
  display: none;
}

.ie8 .new-label:before {
  display: none;
}

.ie8 .sale-label {
  right: 0px;
  top: 0px;
  width: auto;
  padding: 5px 15px;
}

.ie8 .sale-label:after {
  display: none;
}

.ie8 .sale-label:before {
  display: none;
}

.ie8 .new-box {
  top: -1px;
  left: -1px;
}

.ie8 .sale-box {
  right: -1px;
  top: -1px;
}

.box {
  background: #fbfbfb;
  border: 1px solid #d6d4d4;
  padding: 14px 18px 13px;
  margin: 0 0 30px 0;
  line-height: 23px;
}

.box p {
  margin-bottom: 0;
}

.box.box-small {
  padding: 9px 10px 9px 20px;
}

.box.box-small .dark {
  padding-top: 10px;
  padding-right: 20px;
  margin-bottom: 0;
  width: auto;
}

.page-product-box {
  padding-bottom: 10px;
}

.product-box {
  width: 178px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.product-box .product-image {
  border: 1px solid #d6d4d4;
  background: white;
  padding: 5px;
  display: block;
  margin-bottom: 11px;
}

.product-box .product-image img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

#home-page-tabs {
  border: none;
  background: #fff;
}

@media (min-width: 768px) {
  #home-page-tabs {
    padding: 10px 0;
    margin: 0 0 0 -18px;
  }
}

#home-page-tabs>li {
  margin-bottom: 0;
}

@media (min-width: 991px) {
  #home-page-tabs>li {
    border-left: 1px solid #d6d4d4;
    margin: 0 0px 0 9px;
    padding: 0 0px 0 9px;
  }
}

@media (max-width: 479px) {
  #home-page-tabs>li {
    width: 100%;
  }
}

#home-page-tabs>li a {
  font: 600 21px/24px "Open Sans", sans-serif;
  color: #555454;
  text-transform: uppercase;
  border: none;
  outline: none;
  margin: 0;
  padding: 10px;
}

@media (min-width: 768px) {
  #home-page-tabs>li a {
    padding: 1px 10px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #home-page-tabs>li a {
    padding: 10px 10px;
  }
}

#home-page-tabs>li:first-child {
  border: none;
}

#home-page-tabs>li.active a,
#home-page-tabs>li a:hover {
  background: #333;
  color: #fff;
  padding: 10px;
}

@media (min-width: 768px) {

  #home-page-tabs>li.active a,
  #home-page-tabs>li a:hover {
    margin: -9px 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {

  #home-page-tabs>li.active a,
  #home-page-tabs>li a:hover {
    margin: 0px 0;
  }
}

.block {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .block {
    margin-bottom: 0px;
  }
}

@media (max-width: 767px) {
  .block .block_content {
    margin-bottom: 20px;
  }
}

/*fbs*/
.block .title_block,
.block h4 {
  background: #d30d2b none repeat scroll 0 0;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 35px;
  /* margin: 0; */
  padding: 0 15px;
  margin-top: 12px;
}

@media (min-width: 768px) and (max-width: 991px) {

  .block .title_block,
  .block h4 {
    font-size: 16px;
  }
}

@media (max-width: 767px) {

  .block .title_block,
  .block h4 {
    position: relative;
  }

  .block .title_block:after,
  .block h4:after {
    display: block;
    font-family: "FontAwesome";
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 36px;
    width: 30px;
    font-size: 18px;
    font-weight: normal;
    cursor: pointer;
  }

  .block .title_block.active:after,
  .block h4.active:after {
    content: "";
  }
}

.block .title_block a,
.block h4 a {
  color: #555454;
}

.block .title_block a:hover,
.block h4 a:hover {
  color: #333;
}

.block .list-block {
  margin-top: -8px;
}

@media (max-width: 767px) {
  .block .list-block {
    margin-top: 0;
  }
}

.block .list-block li {
  padding: 5px 0 6px 20px;
  border-top: 1px solid #d6d4d4;
}

.block .list-block li a i {
  display: none;
}

.block .list-block li a:before {
  content: "\f105";
  display: inline;
  font-family: "FontAwesome";
  color: #333;
  padding-right: 8px;
}

.block .list-block li a:hover {
  color: #333;
  font-weight: bold;
}

.block .list-block li:first-child {
  border-top: none;
}

.block .list-block .form-group {
  padding-top: 20px;
  border-top: 1px solid #d6d4d4;
  margin-bottom: 0;
}

.block .list-block .form-group select {
  max-width: 270px;
}

@media (max-width: 767px) {
  .block .list-block .form-group select {
    width: 270px;
  }
}

.block .list-block .btn {
  margin-top: 12px;
}

.block .products-block li {
  padding: 0 0 20px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #d6d4d4;
}

.block .products-block li .products-block-image {
  float: left;
  border: 1px solid #d6d4d4;
  margin-right: 19px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .block .products-block li .products-block-image {
    float: none;
    display: inline-block;
    margin: 0 auto 10px;
    text-align: center;
  }
}

.block .products-block li .product-content {
  overflow: hidden;
}

.block .products-block li .product-content h5 {
  position: relative;
  top: -11px;
}

.block .products-block .product-name {
  font-size: 15px;
  line-height: 18px;
}

.block .products-block .product-description {
  margin-bottom: 14px;
}

.block .products-block .price-percent-reduction {
  font: 700 14px/17px Arial, Helvetica, sans-serif;
  padding: 1px 6px;
}

@media (max-width: 480px) {
  .page-heading span.heading-counter {
    float: none;
    display: block;
    padding-top: 5px;
  }
}

.page-heading span.lighter {
  color: #9c9c9c;
}

.page-heading.product-listing {
  border-bottom: none;
  margin-bottom: 0;
  /*fbs*/
  /* margin-top: 35px; */
  /* msf 2018/08/28 ho torna a deixar a zero per FEAG */
  /*  tambe hem tocat: type.scss -> h1 {margin-top: 0;} i  normalize.scss -> {margin-top: 0;} */
  margin-top: 0;
}

.page-subheading {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  color: #555454;
  font-size: 18px;
  padding: 0 0 15px;
  line-height: normal;
  margin-bottom: 12px;
  border-bottom: 1px solid #d6d4d4;
}

h3.page-product-heading {
  color: #555454;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  padding: 14px 20px 17px;
  margin: 0 0 20px;
  position: relative;
  border: 1px solid #d6d4d4;
  border-bottom: none;
  background: #fbfbfb;
}

ul.footer_links {
  padding-top: 20px;
  height: 65px;
}

ul.footer_links li {
  float: left;
}

ul.footer_links li+li {
  /* fbs */
  /* margin-left: 15px; */
  margin: 0 10px 0px 10px;
}

.content_sortPagiBar {
  /*display: none; /* msf 2018/08/28 amagar barra per ordenar, comparador i favoritos */
  /*fbs*/
  /*    border-top: 1px solid #e1e1e1;
  padding: 10px 0;
  margin-bottom: 30px; */
}

.content_sortPagiBar .sortPagiBar {
  /*fbs*/
  /*border-bottom: 1px solid #e1e1e1;*/
  clear: both;
  background-color: #ccc;
  padding-top: 10px;
}

.content_sortPagiBar .sortPagiBar #productsSortForm {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .content_sortPagiBar .sortPagiBar #productsSortForm {
    margin-right: 5px;
  }
}

.content_sortPagiBar .sortPagiBar #productsSortForm select {
  max-width: 192px;
  float: left;
}

@media (max-width: 991px) {
  .content_sortPagiBar .sortPagiBar #productsSortForm select {
    max-width: 160px;
  }
}

.content_sortPagiBar .sortPagiBar #productsSortForm .selector {
  float: left;
}

.content_sortPagiBar .sortPagiBar .nbrItemPage {
  float: left;
}

.content_sortPagiBar .sortPagiBar .nbrItemPage select {
  max-width: 59px;
  float: left;
}

.content_sortPagiBar .sortPagiBar .nbrItemPage .clearfix>span {
  padding: 3px 0 0 12px;
  display: inline-block;
  float: left;
}

.content_sortPagiBar .sortPagiBar .nbrItemPage #uniform-nb_item {
  float: left;
}

.content_sortPagiBar .sortPagiBar label,
.content_sortPagiBar .sortPagiBar select {
  float: left;
}

.content_sortPagiBar .sortPagiBar label {
  /* fbs */
  font-size: 13px;
  font-weight: 600;
  padding: 3px 6px 0 20px;
}

.content_sortPagiBar .sortPagiBar.instant_search #productsSortForm {
  display: none;
}

.content_sortPagiBar .display li,
.content_sortPagiBar .display_m li {
  float: left;
  padding-left: 12px;
  text-align: center;
}

.content_sortPagiBar .display li a,
.content_sortPagiBar .display_m li a {
  color: #808080;
  font-size: 11px;
  line-height: 14px;
  cursor: pointer;
}

.content_sortPagiBar .display li a i,
.content_sortPagiBar .display_m li a i {
  display: block;
  font-size: 24px;
  height: 24px;
  line-height: 24px;
  margin-bottom: -3px;
  color: #e1e0e0;
}

.content_sortPagiBar .display li a:hover i,
.content_sortPagiBar .display_m li a:hover i {
  color: gray;
}

.content_sortPagiBar .display li.selected a,
.content_sortPagiBar .display_m li.selected a {
  cursor: default;
}

.content_sortPagiBar .display li.selected i,
.content_sortPagiBar .display_m li.selected i {
  color: #333;
}

.content_sortPagiBar .display li.display-title,
.content_sortPagiBar .display_m li.display-title {
  font-weight: bold;
  color: #333;
  padding: 7px 6px 0 0;
}

.content_bottom {
  text-align: center;
  padding: 25px 0 12px 0;
  position: relative;
  overflow: hidden;
  border: none;
}

.content_bottom .pagination {
  margin: 0;
}

.content_bottom .pagination .showall {
  margin: 0 0 0 15px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .content_bottom .pagination .showall {
    margin-right: 11px;
  }
}

@media (max-width: 991px) {
  .content_bottom .pagination .showall {
    margin-right: 0;
  }
}

.content_bottom .pagination .showall .btn span {
  font-size: 13px;
  padding: 3px 5px 4px 5px;
  line-height: normal;
}

.content_bottom ul.pagination {
  margin: 0;
}

@media (max-width: 991px) {
  .content_bottom ul.pagination {
    float: left;
  }
}

.content_bottom ul.pagination li {
  display: inline-block;
  float: left;
}

.content_bottom ul.pagination li>a,
.content_bottom ul.pagination li>span {
  margin: 0 1px 0 0px;
  /*fbs*/
  /*padding: 0;*/
  font-weight: bold;
  border: 1px solid;
  border-color: #dfdede #d2d0d0 #b0afaf #d2d0d0;
  display: block;
}

.content_bottom ul.pagination li>a b,
.content_bottom ul.pagination li>a strong,
.content_bottom ul.pagination li>span b,
.content_bottom ul.pagination li>span strong {
  font-weight: 600;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.24);
  font-size: 13px;
}

.content_bottom ul.pagination li>a i,
.content_bottom ul.pagination li>span i {
  font-size: 12px;
}

.content_bottom ul.pagination li>a span,
.content_bottom ul.pagination li>span span {
  /*fbs*/
  margin: -1px;
  display: block;
  /*border: 1px solid #fff;
          padding: 2px 8px;
          display: block;
          background: url(../img/pagination-li.gif) 0 0 repeat-x #fbfbfb;*/
}

.content_bottom ul.pagination li>a:hover span {
  background: #f6f6f6;
}

.content_bottom ul.pagination li.pagination_previous,
.content_bottom ul.pagination li.pagination_next {
  color: #777676;
  font-weight: bold;
}

.content_bottom ul.pagination li.pagination_previous>a,
.content_bottom ul.pagination li.pagination_next>a,
.content_bottom ul.pagination li.pagination_previous>span,
.content_bottom ul.pagination li.pagination_next>span {
  color: #FFFFFF;
  display: block;
  padding: 3px 8px 5px 8px;
  border: 1px solid;
  border-color: #d30d2b;
  background-color: #d30d2b;
}

.content_bottom ul.pagination li.pagination_previous>a:hover,
.content_bottom ul.pagination li.pagination_next>a:hover {
  background: #999999 !important;
}

@media (max-width: 767px) {

  .content_bottom ul.pagination li.pagination_previous>a b,
  .content_bottom ul.pagination li.pagination_previous>span b,
  .content_bottom ul.pagination li.pagination_next>a b,
  .content_bottom ul.pagination li.pagination_next>span b {
    display: none;
  }
}

.content_bottom ul.pagination li.pagination_previous>a span,
.content_bottom ul.pagination li.pagination_previous>span span,
.content_bottom ul.pagination li.pagination_next>a span,
.content_bottom ul.pagination li.pagination_next>span span {
  border: none;
  padding: 0;
  background: none;
}

.content_bottom ul.pagination li.pagination_previous>a span b,
.content_bottom ul.pagination li.pagination_previous>span span b,
.content_bottom ul.pagination li.pagination_next>a span b,
.content_bottom ul.pagination li.pagination_next>span span b {
  font-weight: bold;
}

.content_bottom ul.pagination li.pagination_previous {
  margin-right: 10px;
}

.content_bottom ul.pagination li.pagination_next {
  margin-left: 10px;
}

.content_bottom ul.pagination li.active>span {
  color: #333;
  border-color: #dfdede #d2d0d0 #b0afaf #d2d0d0;
  /*fbs*/
  background-color: #cdd1d4 !important;
}

.content_bottom ul.pagination li.active>span span {
  /*fbs background: #f6f6f6;*/
}

.content_bottom .compare-form {
  float: right;
}

@media (max-width: 479px) {
  .content_bottom .compare-form {
    float: left;
    width: 100%;
    text-align: left;
    padding-bottom: 10px;
    clear: both;
  }
}

.content_bottom .product-count {
  padding: 7px 0 0 0;
  float: left;
}

@media (max-width: 991px) {
  .content_bottom .product-count {
    clear: left;
  }
}

.bottom-pagination-content {
  border-top: 1px solid #d6d4d4;
}

ul.step {
  margin-bottom: 30px;
  overflow: hidden;
}

@media (min-width: 768px) {
  ul.step {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }
}

ul.step li {
  float: left;
  width: 20%;
  text-align: left;
  border: 1px solid;
  border-top-color: #cacaca;
  border-bottom-color: #9a9a9a;
  border-right-color: #b7b7b7;
  border-left-width: 0px;
}

@media (max-width: 767px) {
  ul.step li {
    width: 100%;
    border-left-width: 1px;
  }
}

ul.step li a,
ul.step li span,
ul.step li.step_current span,
ul.step li.step_current_end span {
  display: block;
  padding: 13px 10px 14px 13px;
  color: #333;
  font-size: 17px;
  line-height: 21px;
  font-weight: bold;
  text-shadow: 1px 1px white;
  position: relative;
}

@media (max-width: 992px) {

  ul.step li a,
  ul.step li span,
  ul.step li.step_current span,
  ul.step li.step_current_end span {
    font-size: 15px;
  }
}

@media (min-width: 992px) {

  ul.step li a:after,
  ul.step li span:after,
  ul.step li.step_current span:after,
  ul.step li.step_current_end span:after {
    content: ".";
    position: absolute;
    top: 0;
    right: -31px;
    z-index: 0;
    text-indent: -5000px;
    display: block;
    width: 31px;
    height: 52px;
    margin-top: -2px;
  }
}

ul.step li.first {
  border-left-width: 1px;
  border-left-color: #b7b7b7;
}

@media (min-width: 768px) {
  ul.step li.first {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
}

ul.step li.first span,
ul.step li.first a {
  z-index: 5;
  padding-left: 13px !important;
}

@media (min-width: 768px) {

  ul.step li.first span,
  ul.step li.first a {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
}

ul.step li.second span,
ul.step li.second a {
  z-index: 4;
}

ul.step li.third span,
ul.step li.third a {
  z-index: 3;
}

ul.step li.four span,
ul.step li.four a {
  z-index: 2;
}

ul.step li.last span {
  z-index: 1;
}

@media (min-width: 768px) {
  ul.step li.last {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  ul.step li.last span {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
}

ul.step li.step_current {
  font-weight: bold;
  background: #42b856;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#42b856), to(#43ab54));
  background-image: -webkit-linear-gradient(top, #42b856, 0%, #43ab54, 100%);
  background-image: -moz-linear-gradient(top, #42b856 0%, #43ab54 100%);
  background-image: linear-gradient(to bottom, #42b856 0%, #43ab54 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF42B856', endColorstr='#FF43AB54', GradientType=0);
  border-color: #399b49 #51ae5c #208931 #369946;
}

ul.step li.step_current span {
  color: #fff;
  text-shadow: 1px 1px #208931;
  border: 1px solid;
  border-color: #73ca77 #74c776 #74c175 #74c776;
  position: relative;
}

@media (min-width: 992px) {
  ul.step li.step_current span {
    padding-left: 38px;
  }

  ul.step li.step_current span:after {
    background: url(../img/order-step-a.png) right 0 no-repeat;
  }
}

ul.step li.step_current_end {
  font-weight: bold;
}

ul.step li.step_todo {
  background: #f7f7f7;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f7f7f7), to(#ededed));
  background-image: -webkit-linear-gradient(top, #f7f7f7, 0%, #ededed, 100%);
  background-image: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
  background-image: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF7F7F7', endColorstr='#FFEDEDED', GradientType=0);
}

ul.step li.step_todo span {
  display: block;
  border: 1px solid;
  border-color: #fff;
  color: #333;
  position: relative;
}

@media (min-width: 992px) {
  ul.step li.step_todo span {
    padding-left: 38px;
  }

  ul.step li.step_todo span:after {
    background: url(../img/order-step-current.png) right 0 no-repeat;
  }
}

ul.step li.step_done {
  border-color: #666666 #5f5f5f #292929 #5f5f5f;
  background: #727171;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#727171), to(#666666));
  background-image: -webkit-linear-gradient(top, #727171, 0%, #666666, 100%);
  background-image: -moz-linear-gradient(top, #727171 0%, #666666 100%);
  background-image: linear-gradient(to bottom, #727171 0%, #666666 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF727171', endColorstr='#FF666666', GradientType=0);
}

ul.step li.step_done a {
  color: #fff;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  border: 1px solid;
  border-color: #8b8a8a;
}

@media (min-width: 992px) {
  ul.step li.step_done a {
    padding-left: 38px;
  }

  ul.step li.step_done a:after {
    background: url(../img/order-step-done.png) right 0 no-repeat;
  }
}

@media (min-width: 992px) {
  ul.step li.step_done.step_done_last a:after {
    background: url(../img/order-step-done-last.png) right 0 no-repeat;
  }
}

@media (min-width: 992px) {
  ul.step li#step_end span:after {
    display: none;
  }
}

ul.step li em {
  font-style: normal;
}

@media (min-width: 768px) and (max-width: 991px) {
  ul.step li em {
    display: none;
  }
}

.rating {
  clear: both;
  display: block;
  margin: 2em;
  cursor: pointer;
}

.rating:after {
  content: ".";
  display: block;
  height: 0;
  width: 0;
  clear: both;
  visibility: hidden;
}

.cancel,
.star {
  overflow: hidden;
  float: left;
  margin: 0 1px 0 0;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.cancel,
.cancel a {
  background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px !important;
}

.cancel a,
.star a {
  display: block;
  width: 100%;
  height: 100%;
  background-position: 0 0;
}

div.star_on a {
  background-position: 0 -16px;
}

div.star_hover a,
div.star a:hover {
  background-position: 0 -32px;
}

.pack_content {
  margin: 10px 0 10px 0;
}

.confirmation {
  margin: 0 0 10px;
  padding: 10px;
  border: 1px solid #e6db55;
  font-size: 13px;
  background: none repeat scroll 0 0 lightyellow;
}

#page .rte {
  background: transparent none repeat scroll 0 0;
}

#page .rte em {
  font-style: italic !important;
}

.listcomment {
  list-style-type: none;
  margin: 0 0 20px 0 !important;
}

.listcomment li {
  padding: 10px 0;
  border-bottom: 1px dotted #d6d4d4;
  color: #666666;
}

.listcomment .titlecomment {
  display: block;
  font-weight: bold;
  font-size: 12px;
  color: #333;
}

.listcomment .txtcomment {
  display: block;
  padding: 5px 0;
  color: #333;
}

.header-container {
  background: #fff;
}

/*  BREADCRUMB */

.footer-container {
  background: #e5e5e5 !important;
}

.footer-container #footer {
  color: #777777;
}

.footer-container #footer .row {
  position: relative;
}

.footer-container #footer ul.row {
  position: static;
}

.footer-container #footer a {
  color: #777777;
}

.footer-container #footer a:hover {
  color: #fff;
}

.footer-container #footer h4 {
  color: #2b2b2b;
  cursor: default;
  /* nandelbosc pointer; */
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 30px;
}

@media (max-width: 767px) {
  .footer-container #footer h4 {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 13px;
  }

  .footer-container #footer h4:after {
    display: block;
    content: "\f055";
    font-family: "FontAwesome";
    position: absolute;
    right: 0;
    top: 1px;
  }

  .footer-container #footer h4.active:after {
    content: "\f056";
  }
}

.footer-container #footer h4 a {
  color: #fff;
}

.footer-container #footer ul li {
  color: #666666;
  font-size: 13px;
  font-weight: 300;
  line-height: 30px;
  overflow: hidden;
}

.footer-container #footer ul li a {
  color: #666666;
  font-size: 13px;
  font-weight: 500;
}

.footer-container #footer ul li a:hover {
  color: #0091d5;
}

@media (max-width: 767px) {
  .footer-container #footer #block_contact_infos {
    border: none;
  }
}

.footer-container #footer #block_contact_infos>div {
  padding: 0 0 0 5px;
}

@media (max-width: 767px) {
  .footer-container #footer #block_contact_infos>div {
    padding-left: 0;
  }
}

.footer-container #footer #block_contact_infos>div ul li {
  padding: 0 0 7px 4px;
  overflow: hidden;
  line-height: 30px;
  font-weight: 500;
}

.footer-container #footer #block_contact_infos>div ul li>span,
.footer-container #footer #block_contact_infos>div ul li>span a {
  color: #666666;
  font-weight: normal;
}

.footer-container #footer #block_contact_infos>div ul li i {
  border-right: 1px solid #cecece;
  color: #666666;
  float: left;
  font-size: 20px;
  line-height: 30px;
  margin-right: 5px;
  padding-right: 5px;
  text-align: center;
  width: 32px;
}

@media (max-width: 767px) {
  .footer-container #footer #social_block {
    width: 100%;
    float: left;
    padding-top: 5px;
  }
}

.footer-container #footer #social_block ul {
  float: right;
}

@media (max-width: 767px) {
  .footer-container #footer #social_block ul {
    float: left;
  }
}

.footer-container #footer #social_block ul li {
  margin: 0 3px;
  float: left;
  width: 40px;
  text-align: center;
}

.footer-container #footer #social_block ul li a {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  line-height: 32px;
  display: inline-block;
  color: #fff;
  font-size: 18px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .footer-container #footer #social_block ul li a {
    font-size: 16px;
  }
}

.footer-container #footer #social_block ul li a span {
  display: none;
}

.footer-container #footer #social_block ul li a:before {
  display: inline-block;
  font-family: "FontAwesome";
  vertical-align: -5px;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.footer-container #footer #social_block ul li a:hover {
  color: #fff;
}

.footer-container #footer #social_block ul li.facebook a {
  background: #4f66aa;
}

.footer-container #footer #social_block ul li.facebook a:before {
  content: "\f09a";
}

.footer-container #footer #social_block ul li.twitter a {
  background: #399bff;
}

.footer-container #footer #social_block ul li.twitter a:before {
  content: "\f099";
}

.footer-container #footer #social_block ul li.rss a {
  background: #4f66aa;
}

.footer-container #footer #social_block ul li.rss a:before {
  content: "\f09e";
}

.footer-container #footer #social_block ul li.youtube a {
  background: #b00f0f;
}

.footer-container #footer #social_block ul li.youtube a:before {
  content: "\f167";
}

.footer-container #footer #social_block ul li.google-plus a {
  background: #ea684a;
}

.footer-container #footer #social_block ul li.google-plus a:before {
  content: "\f0d5";
}

.footer-container #footer #social_block ul li.pinterest a {
  background: #4f66aa;
}

.footer-container #footer #social_block ul li.pinterest a:before {
  content: "\f0d2";
}

.footer-container #footer #social_block ul li.vimeo a {
  background: #4f66aa;
}

.footer-container #footer #social_block ul li.vimeo a:before {
  content: "\f194";
}

.footer-container #footer #social_block ul li.instagram a {
  background: #4f66aa;
}

.footer-container #footer #social_block ul li.instagram a:before {
  content: "\f16d";
}

@media (min-width: 768px) {
  .footer-container #footer #social_block h4 {
    display: none;
  }
}

.footer-container #footer .bottom-footer {
  position: absolute;
  bottom: -55px;
  left: 0;
}

.footer-container #footer .bottom-footer div {
  padding: 15px 0 0 0;
  border-top: 1px solid #515151;
  width: 100%;
}

#reinsurance_block {
  clear: both !important;
}

#short_description_content ul,
#short_description_content ol,
#short_description_content dl,
#tinymce ul,
#tinymce ol,
#tinymce dl {
  margin-left: 20px;
}

.rte ul {
  list-style-type: disc;
  padding-left: 15px;
}

.rte ol {
  list-style-type: decimal;
  padding-left: 15px;
}

.block_hidden_only_for_screen {
  display: none;
}

.cart_navigation {
  margin: 0 0 20px;
}

.cart_navigation .button-medium {
  float: right;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 20px;
  line-height: 24px;
}

.cart_navigation .button-medium span {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 11px 15px 10px 15px;
}

@media (max-width: 992px) {
  .cart_navigation .button-medium span {
    font-size: 16px;
  }
}

.cart_navigation .button-medium i.right {
  font-size: 25px;
  line-height: 25px;
  vertical-align: -4px;
  margin-left: 6px;
}

.cart_navigation .button-exclusive {
  border: none;
  background: none;
  padding: 0;
  font-size: 17px;
  font-weight: bold;
  color: #333;
  margin: 9px 0 0 0;
}

.cart_navigation .button-exclusive i {
  color: #777777;
  margin-right: 8px;
}

.cart_navigation .button-exclusive:hover,
.cart_navigation .button-exclusive:active {
  color: #515151;
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media (max-width: 480px) {
  .cart_navigation>span {
    display: block;
    width: 100%;
    padding-bottom: 15px;
  }
}

.cart_last_product {
  display: none;
}

.cart_quantity .cart_quantity_input {
  height: 27px;
  line-height: 27px;
  padding: 0;
  text-align: center;
  width: 57px;
}

.cart_gift_quantity .cart_quantity_input {
  height: 27px;
  line-height: 27px;
  padding: 0;
  text-align: center;
  width: 57px;
}

.table tbody>tr>td {
  vertical-align: middle;
}

.table tbody>tr>td.cart_quantity {
  padding: 41px 14px 25px;
}

.table tbody>tr>td.cart_quantity .cart_quantity_button {
  margin-top: 3px;
}

.table tbody>tr>td.cart_quantity .cart_quantity_button a {
  float: left;
  margin-right: 3px;
}

.table tbody>tr>td.cart_quantity .cart_quantity_button a+a {
  margin-right: 0;
}

.table tbody>tr>td.cart_delete,
.table tbody>tr>td.price_discount_del {
  padding: 5px;
}

.table tfoot>tr>td {
  vertical-align: middle;
}

.cart_delete a.cart_quantity_delete,
a.sales_quantity_delete,
a.config_quantity_delete,
a.price_discount_delete {
  font-size: 23px;
  color: #333;
}

.cart_delete a.cart_quantity_delete:hover,
a.price_discount_delete:hover {
  color: silver;
}

#cart_summary thead th {
  padding: 7px 8px 9px 8px;
}

#cart_summary tbody td {
  padding: 7px 8px 9px 8px;
}

#cart_summary tbody td.cart_product {
  padding: 7px;
  width: 137px;
}

#cart_summary tbody td.cart_product img {
  border: 1px solid #d6d4d4;
}

#cart_summary tbody td.cart_unit .price span {
  display: inline-block;
}

#cart_summary tbody td.cart_unit .price span.price-percent-reduction {
  margin: 5px auto;
  display: inline-block;
}

#cart_summary tbody td.cart_unit .price span.old-price {
  text-decoration: line-through;
}

#cart_summary tbody td.cart_description small {
  display: block;
  padding: 5px 0 0 0;
}

#cart_summary tbody td.cart_avail {
  width: 1%;
}

#cart_summary tbody td.cart_avail span {
  white-space: nowrap;
}

#cart_summary tbody td.cart_delete {
  width: 1%;
}

#cart_summary tfoot td.text-right,
#cart_summary tfoot tbody td.cart_unit,
#cart_summary tbody tfoot td.cart_unit,
#cart_summary tfoot tbody td.cart_total,
#cart_summary tbody tfoot td.cart_total {
  font-weight: bold;
  color: #333;
}

#cart_summary tfoot td.price {
  text-align: right;
}

#cart_summary tfoot td.total_price_container span {
  font: 600 18px/22px "Open Sans", sans-serif;
  color: #555454;
  text-transform: uppercase;
}

#cart_summary tfoot td#total_price_container {
  font: 600 21px/25px "Open Sans", sans-serif;
  color: #333;
}

#cart_summary .stock-management-on tbody td.cart_description {
  width: 480px;
}

.cart_discount_price {
  text-align: right;
}

.cart_discount_delete {
  text-align: center;
}

@media (max-width: 767px) {

  #order-detail-content #cart_summary table,
  #order-detail-content #cart_summary thead,
  #order-detail-content #cart_summary tbody,
  #order-detail-content #cart_summary th,
  #order-detail-content #cart_summary td,
  #order-detail-content #cart_summary tr {
    display: block;
  }

  #order-detail-content #cart_summary thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  #order-detail-content #cart_summary tr {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 7px;
    overflow: hidden;
    position: relative;
  }

  #order-detail-content #cart_summary td {
    border: none;
    position: relative;
    float: left;
    white-space: normal;
    padding: 7px 20px 7px 20px;
  }

  #order-detail-content #cart_summary td.cart_product {
    text-align: left;
  }

  #order-detail-content #cart_summary td.cart_avail {
    display: none;
  }

  #order-detail-content #cart_summary td.cart_unit {
    width: 33%;
    text-align: right;
    min-height: 70px;
    clear: both;
  }

  #order-detail-content #cart_summary td.cart_unit .price {
    text-align: right;
  }

  #order-detail-content #cart_summary td.cart_quantity {
    min-height: 70px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
  }

  #order-detail-content #cart_summary td.cart_quantity div {
    display: block;
  }

  #order-detail-content #cart_summary td.cart_quantity>.form-control {
    display: inline;
  }

  #order-detail-content #cart_summary td.cart_quantity>.cart_quantity_button a {
    margin-right: 0px;
    float: none;
  }

  #order-detail-content #cart_summary td.cart_total {
    min-height: 70px;
    text-align: right;
  }

  #order-detail-content #cart_summary td.cart_delete {
    position: absolute;
    right: 20px;
    top: 7px;
  }

  #order-detail-content #cart_summary td.cart_delete:before {
    content: '' !important;
  }

  #order-detail-content #cart_summary td div {
    display: inline;
  }

  #order-detail-content #cart_summary td:before {
    content: attr(data-title);
    font-weight: bold;
    display: block;
  }

  #order-detail-content #cart_summary tfoot td {
    float: none;
    width: 100%;
  }

  #order-detail-content #cart_summary tfoot td:before {
    display: inline;
  }

  #order-detail-content #cart_summary tfoot tr .text-right,
  #order-detail-content #cart_summary tfoot tr tbody td.cart_unit,
  #order-detail-content #cart_summary tbody tfoot tr td.cart_unit,
  #order-detail-content #cart_summary tfoot tr tbody td.cart_total,
  #order-detail-content #cart_summary tbody tfoot tr td.cart_total,
  #order-detail-content #cart_summary tfoot tr .price {
    display: block;
    float: left;
    width: 50%;
  }
}

@media (max-width: 768px) {
  #order-detail-content #cart_summary tbody td .price {
    text-align: center;
  }

  #order-detail-content #cart_summary tbody td.cart_description {
    /*fbs
    width: 300px;*/
    min-height: 100px;
    width: 200px;
  }
}

.cart_voucher {
  vertical-align: top !important;
}

.cart_voucher h4 {
  font: 600 18px/22px "Open Sans", sans-serif;
  color: #555454;
  text-transform: uppercase;
  padding: 7px 0 10px 0;
}

.cart_voucher .title-offers {
  color: #333;
  font-weight: bold;
  margin-bottom: 6px;
}

.cart_voucher fieldset {
  margin-bottom: 10px;
}

.cart_voucher fieldset #discount_name {
  float: left;
  width: 219px;
  margin-right: 11px;
}

.cart_voucher #display_cart_vouchers span {
  font-weight: bold;
  cursor: pointer;
  color: #777;
}

.cart_voucher #display_cart_vouchers span:hover {
  color: #515151;
}

.enable-multishipping {
  margin: -13px 0 17px;
}

.enable-multishipping label {
  font-weight: normal;
}

#HOOK_SHOPPING_CART #loyalty i {
  font-size: 26px;
  line-height: 26px;
  color: #cfcccc;
}

#order_carrier {
  clear: both;
  margin-top: 20px;
  border: 1px solid #999999;
  background: #fff;
}

.order_carrier_logo {
  max-width: 65px;
  max-height: 65px;
}

#order_carrier .title_block {
  padding: 0 15px;
  height: 29px;
  font-weight: bold;
  line-height: 29px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  background: url(../img/bg_table_th.png) repeat-x 0 -10px #999999;
}

#order_carrier span {
  display: block;
  padding: 15px;
  font-weight: bold;
}

.multishipping_close_container {
  text-align: center;
}

table#cart_summary .gift-icon {
  color: white;
  background: #0088cc;
  display: inline;
  line-height: 20px;
  padding: 2px 5px;
  border-radius: 5px;
}

#multishipping_mode_box {
  padding-top: 12px;
  padding-bottom: 19px;
}

#multishipping_mode_box .title {
  font-weight: bold;
  color: #333;
  margin-bottom: 15px;
}

#multishipping_mode_box .description_off {
  display: none;
}

#multishipping_mode_box .description_off div {
  margin-bottom: 10px;
}

#multishipping_mode_box .description_off a:hover,
#multishipping_mode_box .description a:hover {
  background: #f3f3f3;
  border: 1px solid #cccccc;
}

#multishipping_mode_box.on .description_off {
  display: block;
}

.multishipping-cart .cart_address_delivery.form-control {
  width: 198px;
}

#order .address_add.submit {
  margin-bottom: 20px;
}

#ordermsg {
  margin-bottom: 30px;
}

#id_address_invoice.form-control,
#id_address_delivery.form-control {
  width: 269px;
}

.addresses .select label,
.addresses .selector,
.addresses .addresses .address_select {
  clear: both;
  float: left;
}

.addresses .waitimage {
  display: none;
  float: left;
  width: 24px;
  height: 24px;
  background-image: url("../../../img/loader.gif");
  background-repeat: no-repeat;
  position: relative;
  bottom: -2px;
  left: 10px;
}

.addresses .checkbox.addressesAreEquals {
  clear: both;
  float: left;
  margin: 15px 0 25px 0;
}

#order .delivery_option>div,
#order-opc .delivery_option>div {
  display: block;
  margin-bottom: 20px;
  font-weight: normal;
}

#order .delivery_option>div>table,
#order-opc .delivery_option>div>table {
  background: #fff;
  margin-bottom: 0;
}

#order .delivery_option>div>table.resume,
#order-opc .delivery_option>div>table.resume {
  height: 53px;
}

#order .delivery_option>div>table.resume.delivery_option_carrier,
#order-opc .delivery_option>div>table.resume.delivery_option_carrier {
  margin-top: 10px;
  width: 100%;
  border: 1px solid #d6d4d4;
  font-weight: bold;
}

#order .delivery_option>div>table.resume.delivery_option_carrier td,
#order-opc .delivery_option>div>table.resume.delivery_option_carrier td {
  padding: 8px 11px 7px 11px;
}

#order .delivery_option>div>table.resume.delivery_option_carrier td i,
#order-opc .delivery_option>div>table.resume.delivery_option_carrier td i {
  font-size: 20px;
  margin-right: 7px;
  vertical-align: -2px;
}

#order .delivery_option>div>table.resume td.delivery_option_radio,
#order-opc .delivery_option>div>table.resume td.delivery_option_radio {
  width: 54px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

#order .delivery_option>div>table.resume td.delivery_option_logo,
#order-opc .delivery_option>div>table.resume td.delivery_option_logo {
  width: 97px;
  padding-left: 21px;
}

#order .delivery_option>div>table.resume td.delivery_option_price,
#order-opc .delivery_option>div>table.resume td.delivery_option_price {
  width: 162px;
}

.order_carrier_content {
  line-height: normal;
  padding-bottom: 16px;
}

.order_carrier_content .carrier_title {
  font-weight: bold;
  color: #333;
}

.order_carrier_content .checkbox input {
  margin-top: 2px;
}

.order_carrier_content .delivery_options_address .carrier_title {
  margin-bottom: 17px;
}

.order_carrier_content+div {
  padding-bottom: 15px;
}

#carrierTable {
  border: 1px solid #999999;
  border-bottom: none;
  background: #fff;
}

#carrierTable tbody {
  border-bottom: 1px solid #999999;
}

#carrierTable th {
  padding: 0 15px;
  height: 29px;
  font-weight: bold;
  line-height: 29px;
  color: #fff;
  text-transform: uppercase;
  background: url(../img/bg_table_th.png) repeat-x 0 -10px #999999;
}

#carrierTable td {
  padding: 15px;
  font-weight: bold;
  border-right: 1px solid #e9e9e9;
}

#carrierTable td.carrier_price {
  border: none;
}

p.checkbox.gift {
  margin-bottom: 10px;
}

#gift_div {
  display: none;
  margin-top: 5px;
  margin-bottom: 10px;
}

a.iframe {
  color: #333;
  text-decoration: underline;
}

a.iframe:hover {
  text-decoration: none;
}

p.payment_module {
  margin-bottom: 10px;
}

p.payment_module a {
  display: block;
  border: 1px solid #d6d4d4;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 17px;
  line-height: 23px;
  color: #333;
  font-weight: bold;
  padding: 33px 40px 34px 99px;
  letter-spacing: -1px;
  position: relative;
}

p.payment_module a.bankwire {
  background: url(../img/bankwire.png) 15px 12px no-repeat #fbfbfb;
}

p.payment_module a.cheque {
  background: url(../img/cheque.png) 15px 15px no-repeat #fbfbfb;
}

p.payment_module a.cash {
  background: url(../img/cash.png) 15px 15px no-repeat #fbfbfb;
}

p.payment_module a.cheque:after,
p.payment_module a.bankwire:after,
p.payment_module a.cash:after {
  display: block;
  content: "\f054";
  position: absolute;
  right: 15px;
  margin-top: -11px;
  top: 50%;
  font-family: "FontAwesome";
  font-size: 25px;
  height: 22px;
  width: 14px;
  color: #777;
}

p.payment_module a:hover {
  background-color: #f6f6f6;
}

p.payment_module a span {
  font-weight: bold;
  color: #777;
}

.payment_module.box {
  margin-top: 20px;
}

p.cheque-indent {
  margin-bottom: 9px;
}

.cheque-box .form-group {
  margin-bottom: 0px;
}

.cheque-box .form-group .form-control {
  width: 269px;
}

.order-confirmation.box {
  line-height: 29px;
}

.order-confirmation.box a {
  text-decoration: underline;
}

.order-confirmation.box a:hover {
  text-decoration: none;
}

.delivery_option_carrier td {
  width: 200px;
}

.delivery_option_carrier td+td {
  width: 280px;
}

.delivery_option_carrier td+td+td {
  width: 200px;
}

.delivery_option_carrier tr td {
  padding: 5px;
}

.delivery_option_carrier.selected {
  display: table;
}

.not-displayable {
  display: none;
}

#address .box,
#identity .box,
#account-creation_form .box,
#new_account_form .box,
#opc_account_form .box,
#authentication .box {
  padding-bottom: 20px;
  line-height: 20px;
}

#address p.required,
#identity p.required,
#account-creation_form p.required,
#new_account_form p.required,
#opc_account_form p.required,
#authentication p.required {
  color: #f13340;
  margin: 9px 0 16px 0;
}

#address p.inline-infos,
#identity p.inline-infos,
#account-creation_form p.inline-infos,
#new_account_form p.inline-infos,
#opc_account_form p.inline-infos,
#authentication p.inline-infos {
  color: red;
}

#address .form-group,
#identity .form-group,
#account-creation_form .form-group,
#new_account_form .form-group,
#opc_account_form .form-group,
#authentication .form-group {
  margin-bottom: 4px;
}



#address .form-group .form-control#adress_alias,
#identity .form-group .form-control#adress_alias,
#account-creation_form .form-group .form-control#adress_alias,
#new_account_form .form-group .form-control#adress_alias,
#opc_account_form .form-group .form-control#adress_alias,
#authentication .form-group .form-control#adress_alias {
  margin-bottom: 20px;
}

@media (min-width: 1200px) {

  #address .form-group.phone-number,
  #identity .form-group.phone-number,
  #account-creation_form .form-group.phone-number,
  #new_account_form .form-group.phone-number,
  #opc_account_form .form-group.phone-number,
  #authentication .form-group.phone-number {
    float: left;
    width: 270px;
    margin-right: 13px;
  }
}

@media (min-width: 1200px) {

  #address .form-group.phone-number+p,
  #identity .form-group.phone-number+p,
  #account-creation_form .form-group.phone-number+p,
  #new_account_form .form-group.phone-number+p,
  #opc_account_form .form-group.phone-number+p,
  #authentication .form-group.phone-number+p {
    padding: 23px 0 0 0px;
    margin-bottom: 0;
  }
}

#address .gender-line,
#identity .gender-line,
#account-creation_form .gender-line,
#new_account_form .gender-line,
#opc_account_form .gender-line,
#authentication .gender-line {
  margin-bottom: 4px;
  padding-top: 4px;
}

#address .gender-line>label,
#identity .gender-line>label,
#account-creation_form .gender-line>label,
#new_account_form .gender-line>label,
#opc_account_form .gender-line>label,
#authentication .gender-line>label {
  margin-right: 10px;
  margin-bottom: 0;
}

#address .gender-line .radio-inline label,
#identity .gender-line .radio-inline label,
#account-creation_form .gender-line .radio-inline label,
#new_account_form .gender-line .radio-inline label,
#opc_account_form .gender-line .radio-inline label,
#authentication .gender-line .radio-inline label {
  font-weight: normal;
  color: #777777;
}

#identity #center_column form.std .row,
#authentication #center_column form.std .row,
#order-opc #center_column form.std .row {
  margin-left: -5px;
  margin-right: -5px;
}

#identity #center_column form.std .row .col-xs-4,
#authentication #center_column form.std .row .col-xs-4,
#order-opc #center_column form.std .row .col-xs-4 {
  padding-left: 5px;
  padding-right: 5px;
  max-width: 94px;
}

#identity #center_column form.std .row .col-xs-4 .form-control,
#authentication #center_column form.std .row .col-xs-4 .form-control,
#order-opc #center_column form.std .row .col-xs-4 .form-control {
  max-width: 84px;
}

#identity #center_column .footer_links,
#authentication #center_column .footer_links,
#order-opc #center_column .footer_links {
  border: none;
  padding-top: 0;
}

#new_account_form .box {
  line-height: 20px;
}

#new_account_form .box .date-select {
  padding-bottom: 10px;
}

#new_account_form .box .top-indent {
  padding-top: 10px;
}

#new_account_form .box .customerprivacy {
  padding-top: 15px;
}

#authentication fieldset.account_creation {
  margin-bottom: 20px;
}

#password {
  padding-top: 0;
  border: none;
}

#password .box p {
  margin-bottom: 9px;
}

#password .box .form-group {
  margin-bottom: 20px;
}

#password .box .form-group .form-control {
  width: 263px;
}

#instant_search_results a.close {
  font-size: 13px;
  font-weight: 600;
  opacity: 1;
  line-height: inherit;
  text-transform: none;
  font-family: Arial, Helvetica, sans-serif;
}

#instant_search_results a.close:hover {
  color: #515151;
}

#manufacturers_list h3,
#suppliers_list h3 {
  font-size: 17px;
  line-height: 23px;
}

#manufacturers_list .description,
#suppliers_list .description {
  line-height: 18px;
}

#manufacturers_list .product-counter a,
#suppliers_list .product-counter a {
  font-weight: bold;
  color: #333;
}

#manufacturers_list .product-counter a:hover,
#suppliers_list .product-counter a:hover {
  color: #515151;
}

#manufacturers_list.list li .mansup-container,
#suppliers_list.list li .mansup-container {
  border-top: 1px solid #d6d4d4;
  padding: 31px 0 30px 0;
}

@media (max-width: 767px) {

  #manufacturers_list.list li .mansup-container,
  #suppliers_list.list li .mansup-container {
    text-align: center;
  }
}

#manufacturers_list.list li:first-child .mansup-container,
#suppliers_list.list li:first-child .mansup-container {
  border-top: 0;
}

#manufacturers_list.list li .left-side,
#suppliers_list.list li .left-side {
  text-align: center;
}

#manufacturers_list.list li h3,
#suppliers_list.list li h3 {
  margin-top: -5px;
  padding-bottom: 8px;
}

#manufacturers_list.list li .middle-side,
#suppliers_list.list li .middle-side {
  padding-left: 0;
}

@media (max-width: 767px) {

  #manufacturers_list.list li .middle-side,
  #suppliers_list.list li .middle-side {
    padding-right: 15px;
    padding-left: 15px;
  }
}

#manufacturers_list.list li .right-side-content,
#suppliers_list.list li .right-side-content {
  border-left: 1px solid #d6d4d4;
  padding: 0 0 32px 31px;
  min-height: 108px;
}

@media (max-width: 767px) {

  #manufacturers_list.list li .right-side-content,
  #suppliers_list.list li .right-side-content {
    min-height: 1px;
    padding: 0;
    border: none;
  }
}

#manufacturers_list.list li .right-side-content .product-counter,
#suppliers_list.list li .right-side-content .product-counter {
  position: relative;
  top: -6px;
  margin-bottom: 12px;
}

@media (max-width: 767px) {

  #manufacturers_list.list li .right-side-content .product-counter,
  #suppliers_list.list li .right-side-content .product-counter {
    top: 0;
  }
}

#manufacturers_list.grid li,
#suppliers_list.grid li {
  text-align: center;
}

#manufacturers_list.grid li .product-container,
#suppliers_list.grid li .product-container {
  padding-top: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d6d4d4;
}

#manufacturers_list.grid li .product-container .left-side,
#suppliers_list.grid li .product-container .left-side {
  padding-bottom: 42px;
}

#manufacturers_list.grid li .product-container h3,
#suppliers_list.grid li .product-container h3 {
  padding-bottom: 10px;
}

#manufacturers_list.grid li .product-container .product-counter,
#suppliers_list.grid li .product-container .product-counter {
  margin-bottom: 12px;
}

@media (min-width: 1200px) {

  #manufacturers_list.grid li.first-in-line,
  #suppliers_list.grid li.first-in-line {
    clear: left;
  }

  #manufacturers_list.grid li.last-line .product-container,
  #suppliers_list.grid li.last-line .product-container {
    border-bottom: none;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {

  #manufacturers_list.grid li.first-item-of-tablet-line,
  #suppliers_list.grid li.first-item-of-tablet-line {
    clear: left;
  }

  #manufacturers_list.grid li.last-tablet-line .product-container,
  #suppliers_list.grid li.last-tablet-line .product-container {
    border-bottom: none;
  }
}

@media (max-width: 767px) {

  #manufacturers_list.grid .product-container,
  #suppliers_list.grid .product-container {
    border-bottom: none;
  }
}

#manufacturer .description_box,
#supplier .description_box {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #d6d4d4;
}

#manufacturer .description_box .hide_desc,
#supplier .description_box .hide_desc {
  display: none;
}

#manufacturer .bottom-pagination-content,
#manufacturer .top-pagination-content,
#supplier .bottom-pagination-content,
#supplier .top-pagination-content {
  min-height: 69px;
}

#manufacturer .top-pagination-content.bottom-line,
#supplier .top-pagination-content.bottom-line {
  border-bottom: 1px solid #d6d4d4;
}

table.discount i {
  font-size: 20px;
  line-height: 20px;
  vertical-align: -2px;
}

table.discount i.icon-ok {
  color: #46a74e;
}

table.discount i.icon-remove {
  color: #f13340;
}

#guestTracking .form-control {
  max-width: 271px;
}

@media (min-width: 1200px) {
  #guestTracking .form-group {
    overflow: hidden;
  }

  #guestTracking .form-group i {
    padding-left: 10px;
  }

  #guestTracking .form-control {
    float: left;
  }

  #guestTracking label {
    float: left;
    clear: both;
    width: 100%;
  }
}

#order .pagenotfound {
  max-width: 824px;
  margin: 100px auto 100px auto;
  text-align: center;
}

#order .pagenotfound .img-404 {
  padding: 8px 0 27px 0;
}

#pagenotfound .pagenotfound .img-404 img {
  max-width: 100%;
}

#order .pagenotfound h1 {
  font: 600 28px/34px "Open Sans", sans-serif;
  color: #333;
  text-transform: uppercase;
  margin-bottom: 7px;
}

#order .pagenotfound p {
  font: 600 16px/20px "Open Sans", sans-serif;
  color: #555454;
  text-transform: uppercase;
  border-bottom: 1px solid #d6d4d4;
  padding-bottom: 19px;
  margin-bottom: 20px;
}

#order .pagenotfound h3 {
  font-weight: bold;
  color: #333;
  font-size: 13px;
  line-height: normal;
  margin-bottom: 18px;
}

#order .pagenotfound label {
  font-weight: normal;
}

@media (max-width: 767px) {
  #pagenotfound .pagenotfound label {
    display: block;
  }
}

#order .pagenotfound .form-control {
  max-width: 293px;
  display: inline-block;
  margin-right: 5px;
}

@media (max-width: 767px) {
  #order .pagenotfound .form-control {
    margin: 0 auto 15px auto;
    display: block;
  }
}

#order .pagenotfound .buttons {
  padding: 48px 0 20px 0;
}

#order .pagenotfound .buttons .button-medium i.left {
  font-size: 17px;
}

#pagenotfound .pagenotfound {
  max-width: 824px;
  margin: 100px auto 100px auto;
  text-align: center;
}

#pagenotfound .pagenotfound .img-404 {
  padding: 8px 0 27px 0;
}

#pagenotfound .pagenotfound .img-404 img {
  max-width: 100%;
}

#pagenotfound .pagenotfound h1 {
  font: 600 28px/34px "Open Sans", sans-serif;
  color: #333;
  text-transform: uppercase;
  margin-bottom: 7px;
}

#pagenotfound .pagenotfound p {
  font: 600 16px/20px "Open Sans", sans-serif;
  color: #555454;
  text-transform: uppercase;
  border-bottom: 1px solid #d6d4d4;
  padding-bottom: 19px;
  margin-bottom: 20px;
}

#pagenotfound .pagenotfound h3 {
  font-weight: bold;
  color: #333;
  font-size: 13px;
  line-height: normal;
  margin-bottom: 18px;
}

#pagenotfound .pagenotfound label {
  font-weight: normal;
}

@media (max-width: 767px) {
  #pagenotfound .pagenotfound label {
    display: block;
  }
}

#pagenotfound .pagenotfound .form-control {
  max-width: 293px;
  display: inline-block;
  margin-right: 5px;
}

@media (max-width: 767px) {
  #pagenotfound .pagenotfound .form-control {
    margin: 0 auto 15px auto;
    display: block;
  }
}

#pagenotfound .pagenotfound .buttons {
  padding: 48px 0 20px 0;
}

#pagenotfound .pagenotfound .buttons .button-medium i.left {
  font-size: 17px;
}

#account-creation_form fieldset.reversoform {
  padding: 10px !important;
}

#account-creation_form fieldset.reversoform .text label {
  display: block;
  padding: 0 0 10px 0;
  width: 100%;
  text-align: left;
}

#account-creation_form fieldset.reversoform .infos-sup {
  padding: 0 !important;
  font-size: 10px;
  font-style: italic;
  text-align: right;
}

#account-creation_form fieldset.customerprivacy label,
fieldset.customerprivacy label {
  cursor: pointer;
}

.tab-content {
  margin-top: 20px;
}

form#sendComment fieldset {
  padding: 10px;
  border: 1px solid #cccccc;
  background: #eeeeee;
}

form#sendComment h3 {
  font-size: 14px;
}

#new_comment_form p.text {
  margin-bottom: 0;
  padding-bottom: 0;
}

#sendComment p.text label,
#sendComment p.textarea label {
  display: block;
  margin: 12px 0 4px;
  font-weight: bold;
  font-size: 12px;
}

#sendComment p.text input {
  padding: 0 5px;
  height: 28px;
  width: 498px;
  border: 1px solid #cccccc;
  background: url(../img/bg_input.png) repeat-x 0 0 #fff;
}

#sendComment p.textarea textarea {
  height: 80px;
  width: 508px;
  border: 1px solid #cccccc;
}

#sendComment p.submit {
  padding: 0;
  text-align: right;
}

#sendComment p.closeform {
  float: right;
  padding: 0;
  height: 12px;
  width: 12px;
  text-indent: -5000px;
  background: url(../img/icon/delete.gif) no-repeat 0 0;
}

.star {
  position: relative;
  top: -1px;
  float: left;
  width: 14px;
  overflow: hidden;
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
}

.star {
  display: block;
}

.star a {
  display: block;
  position: absolute;
  text-indent: -5000px;
}

div.star:after {
  content: "\f006";
  font-family: "FontAwesome";
  display: inline-block;
  color: #777676;
}

div.star.star_on {
  display: block;
}

div.star.star_on:after {
  content: "\f005";
  font-family: "FontAwesome";
  display: inline-block;
  color: #ef8743;
}

div.star.star_hover:after {
  content: "\f005";
  font-family: "FontAwesome";
  display: inline-block;
  color: #ef8743;
}

.advertising_block {
  width: 191px;
  margin-bottom: 1em;
  text-align: center;
}

.blockcategories_footer ul ul {
  display: none !important;
}

.form-group.form-error input,
.form-group.form-error textarea {
  border: 1px solid #f13340;
  color: #f13340;
  background: url(../img/icon/form-error.png) 98% 5px no-repeat #fff1f2;
}

.form-group.form-ok input,
.form-group.form-ok textarea {
  border: 1px solid #46a74e;
  color: #35b33f;
  background: url(../img/icon/form-ok.png) 98% 5px no-repeat #ddf9e1;
}

.form-group.form-error .form-control,
.form-group.form-ok .form-control {
  padding-right: 30px;
}

.radio-inline,
.checkbox {
  padding-left: 0;
}

.radio-inline .checker,
.checkbox .checker {
  float: left;
}

.radio-inline .checker span,
.checkbox .checker span {
  top: 0px;
}

.radio-inline div.radio,
.checkbox div.radio {
  display: inline-block;
}

.radio-inline div.radio span,
.checkbox div.radio span {
  float: left;
  top: 0px;
}

.fancybox-skin {
  background: #fff !important;
}

.fancybox-skin .fancybox-close {
  width: 28px;
  height: 28px;
  background: none;
  font-size: 28px;
  line-height: 28px;
  color: #333;
  text-align: center;
  background: white;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

.fancybox-skin .fancybox-close:hover {
  color: #515151;
}

.fancybox-skin .fancybox-close:after {
  content: "\f057";
  font-family: "FontAwesome";
}

#facebook_block,
#cmsinfo_block {
  overflow: hidden;
  background: #f2f2f2;
  min-height: 344px;
  height: 344px;
  padding-right: 29px;
  padding-left: 29px;
}

@media (max-width: 991px) {

  #facebook_block,
  #cmsinfo_block {
    min-height: 354px;
    height: 354px;
    padding-left: 13px;
    padding-right: 13px;
  }
}

@media (max-width: 767px) {

  #facebook_block,
  #cmsinfo_block {
    width: 100%;
    min-height: 1px;
  }
}

#facebook_block h4 {
  padding: 35px 0 0 0;
  margin: 0 0 12px 0;
  font: 300 21px/25px "Open Sans", sans-serif;
  color: #6f6d6d;
}

@media (max-width: 991px) {
  #facebook_block h4 {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  #facebook_block h4 {
    padding-top: 20px !important;
  }
}

@media (max-width: 768px) {
  #facebook_block h4 {
    font-size: 16px;
  }
}

#facebook_block .facebook-fanbox {
  background: #fff;
  border: 1px solid #aaaaaa;
  padding-bottom: 10px;
}

#cmsinfo_block {
  border-left: 1px solid #d9d9d9;
}

@media (max-width: 767px) {
  #cmsinfo_block {
    border: none;
    margin-top: 10px;
  }
}

#cmsinfo_block>div {
  padding: 35px 10px 0 0;
}

@media (max-width: 767px) {
  #cmsinfo_block>div {
    padding-top: 20px;
  }
}

@media (max-width: 479px) {
  #cmsinfo_block>div {
    width: 100%;
    border-top: 1px solid #d9d9d9;
  }
}

#cmsinfo_block>div+div {
  border-left: 1px solid #d9d9d9;
  min-height: 344px;
  padding-left: 29px;
}

@media (max-width: 479px) {
  #cmsinfo_block>div+div {
    border-left: none;
    padding-left: 10px;
    min-height: 1px;
    padding-bottom: 15px;
  }
}

#cmsinfo_block em {
  float: left;
  width: 60px;
  height: 60px;
  margin: 3px 10px 0 0;
  font-size: 30px;
  color: #fff;
  line-height: 60px;
  text-align: center;
  background: #6f6d6d;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}

@media (max-width: 991px) {
  #cmsinfo_block em {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
  }
}

#cmsinfo_block .type-text {
  overflow: hidden;
}

#cmsinfo_block h3 {
  margin: 0 0 5px 0;
  font: 300 21px/25px "Open Sans", sans-serif;
  color: #6f6d6d;
}

@media (max-width: 1199px) {
  #cmsinfo_block h3 {
    font-size: 18px;
  }
}

#cmsinfo_block ul li {
  padding-bottom: 22px;
}

@media (max-width: 1199px) {
  #cmsinfo_block ul li {
    padding-bottom: 10px;
  }
}

@media (max-width: 991px) {
  #cmsinfo_block ul li {
    padding-bottom: 0;
  }
}

#cmsinfo_block p em {
  background: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin: 0;
  font-size: 13px;
  color: #777777;
  float: none;
  height: inherit;
  line-height: inherit;
  text-align: left;
  font-style: italic;
}

.ie8 #facebook_block,
.ie8 #cmsinfo_block {
  height: 344px;
}

@media (max-width: 1199px) {
  .zoomdiv {
    display: none !important;
  }
}

#product.content_only div.pb-left-column p.resetimg {
  margin-bottom: 0px;
  padding-top: 0px;
}

#product.content_only div.pb-left-column #thumbs_list_frame {
  margin-bottom: 0px;
}

#product_comparison td.compare_extra_information {
  padding: 10px;
}

#product_comparison #social-share-compare {
  margin-bottom: 50px;
}

.btn-facebook:hover,
.btn-twitter:hover,
.btn-google-plus:hover,
.btn-pinterest:hover {
  border-color: white;
}

.btn-facebook i {
  color: #435f9f;
}

.btn-facebook:hover {
  color: white;
  background-color: #435f9f;
}

.btn-facebook:hover i {
  color: white;
}

.btn-twitter i {
  color: #00aaf0;
}

.btn-twitter:hover {
  color: white;
  background-color: #00aaf0;
}

.btn-twitter:hover i {
  color: white;
}

.btn-google-plus i {
  color: #e04b34;
}

.btn-google-plus:hover {
  color: white;
  background-color: #e04b34;
}

.btn-google-plus:hover i {
  color: white;
}

.btn-pinterest i {
  color: #ce1f21;
}

.btn-pinterest:hover {
  color: white;
  background-color: #ce1f21;
}

.btn-pinterest:hover i {
  color: white;
}

.payment_option_form {
  display: none;
}

.payment_option_logo {
  height: 50px;
  max-height: 50px;
}

.payment_module_adv {
  height: 120px;
  max-height: 120px;
}

.payment_option_selected {
  display: none;
  margin-top: 15px;
}

.payment_option_selected i {
  color: green;
}

.payment_option_cta {
  margin-left: 10px;
  color: #333 !important;
}

.tnc_box {
  background: #fbfbfb;
  border: 1px solid #d6d4d4;
  padding: 14px 18px 13px;
  margin: 0 0 30px 0;
  line-height: 23px;
}

.pointer-box {
  cursor: pointer;
}

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-carousel .owl-item .item {
  padding: 1px 15px;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/* mouse grab icon */
.grabbing {
  cursor: url(../img/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

/* edit theme */
a {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.posHeader {
  padding: 0;
}

.possDropTop {
  color: #fff;
  font-size: 12px;
  position: relative;
  text-transform: uppercase;
  padding: 0 12px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.possDropTop:hover {
  background: #0091d5;
}

.possDropTop i {
  margin: 0 5px;
  font-size: 16px;
}

.possDropTop .current {
  /*    padding: 15px 0; MSF canviar padding selector idioma*/
  padding-top: 5px;
  cursor: pointer;
}

.possDropTop .toogle_content {
  background: #fff none repeat scroll 0 0;
  border-top: 2px solid #404040;
  display: none;
  left: 0;
  margin: 0;
  padding: 10px;
  position: absolute;
  top: auto;
  width: 150px;
  z-index: 10;
}

.possDropTop .toogle_content li a {
  line-height: 30px;
}

.possDropTop .toogle_content li a:hover {
  color: #0091d5;
}

.possDropTop .toogle_content li.selected a {
  color: #0091d5;
}

.possDropTop .toogle_content li.selected span {
  color: #0091d5;
}

.poslogout a {
  color: #fff;
  font-size: 12px;
  line-height: 48px;
  padding: 0 15px;
}

.poslogout a i {
  margin: 0 5px;
  font-size: 16px;
}

.poslogout a:hover {
  background: #0091d5;
}

.pos_logo {
  padding: 30px 15px;
}

.pos_logo a {
  display: inline-block;
}

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

.pos_top {
  position: static;
}

#page {
  overflow: hidden;
}

/* static block */
.social-top ul {
  overflow: hidden;
  margin: 0 0 0 10px;
}

.social-top ul li {
  display: inline;
  float: left;
  margin: 0 5px;
  padding: 11px 0;
}

.social-top ul li a {
  border: 1px solid #9c9c9c;
  display: block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.social-top ul li a:hover {
  border-color: #f45c5d;
  color: #f45c5d;
}

.social-top ul li a i {
  font-size: 0;
}

.social-top ul li a i:before {
  font-size: 12px;
}

@media (max-width: 767px) {
  .social-top {
    display: none;
  }
}

.blockPosition {
  margin-bottom: 60px;
}

.blockPosition2,
.blockPosition1 {
  margin-bottom: 30px;
}

.blockPosition4 {
  background: url(../img/bg_bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 30px 0;
  text-align: center;
}

.blockPosition6 {
  background: #fbfbfb;
  padding: 60px 0;
}

.blockPosition6 .pos_title {
  margin-bottom: 60px;
}

.blockPosition6 .img {
  margin-bottom: 30px;
}

.blockPosition7 {
  padding: 60px 0;
  overflow: hidden;
  background: #262b32;
  position: relative;
}

.blockPosition7 .block-pos {
  text-align: center;
}

@media (min-width: 768px) {
  .blockPosition7:before {
    background: #2f343c;
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    top: 0;
    width: 1px;
  }
}

.blockPosition8 {
  margin: 0;
  background: #fbfbfb;
  padding: 60px 0;
}

.blockPosition8 .pos_title2 {
  position: relative;
}

.blockPosition8 .pos_title2 h4 {
  padding-bottom: 10px;
}

.blockPosition8 .pos_title2 h4 span {
  font-size: 18px;
}

.blockPosition8 .pos_title2:before {
  border-bottom: 3px solid #f75758;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  content: '';
}

@media (max-width: 767px) {
  .blockPosition8 .pos-about-us {
    margin-bottom: 30px;
  }
}

.blockPosition8 .pos-about-us .content-pos {
  border: 1px solid #f0f0f0;
  background: #fff;
  padding-bottom: 30px;
  overflow: hidden;
}

.blockPosition8 .pos-about-us .content-pos img {
  width: 100%;
}

.blockPosition8 .pos-about-us .content-pos .description {
  padding: 15px;
  color: 444444;
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
}

.blockPosition8 .pos-about-us .social-top ul li {
  padding: 0;
}

@media (max-width: 767px) {
  .blockPosition8 .pos-tweet {
    margin-bottom: 30px;
  }
}

.blockPosition8 .pos-tweet .content-pos {
  border: 1px solid #f0f0f0;
  background: #fff;
  padding: 15px;
}

.blockPosition8 .pos-tweet .content-pos .item {
  margin-bottom: 30px;
}

.blockPosition8 .pos-tweet .content-pos .item .img {
  margin-right: 15px;
}

.blockPosition8 .pos-tweet .content-pos .item .media-body .name {
  color: #2f2f2f;
  font-size: 13px;
  font-weight: 500;
}

.blockPosition8 .pos-tweet .content-pos .item .media-body .email {
  color: #999999;
  font-size: 13px;
  font-weight: 500;
}

.blockPosition8 .pos-tweet .content-pos .item .description {
  padding-top: 15px;
}

.blockPosition8 .pos-tweet .content-pos .item .description p,
.blockPosition8 .pos-tweet .content-pos .item .description strong {
  color: 444444;
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
  clear: both;
  width: 100%;
  display: block;
}

.blockPosition8 .pos-tweet .content-pos .item .description a {
  color: #f75758;
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
}

.blockPosition8 .pos-tweet .content-pos .item:last-child {
  margin: 0;
}

@media (max-width: 767px) {
  .blockPosition8 .pos-support {
    margin-bottom: 30px;
  }
}

.blockPosition8 .pos-support .content-pos ul li {
  border: 1px solid #f0f0f0;
  background: #fff;
  padding: 25px 15px;
  margin-bottom: 15px;
}

.blockPosition8 .pos-support .content-pos ul li .icon,
.blockPosition8 .pos-support .content-pos ul li [class^="icon-"] {
  margin-right: 15px;
}

.blockPosition8 .pos-support .content-pos ul li .media-body h3 {
  color: #444444;
  font-size: 14px;
  margin: 0 0 15px 0;
  font-weight: 600;
}

.blockPosition8 .pos-support .content-pos ul li .media-body p {
  color: #444444;
  font-size: 12px;
}

.static-top {
  background: url("../img/icon_phole.png") no-repeat scroll left center;
  padding-left: 50px;
}

.static-top p {
  margin: 0;
  font-size: 12px;
  line-height: 20px;
}

.static-block {
  overflow: hidden;
  clear: both;
}

.static-block .img {
  margin-bottom: 30px;
}

.static-block .img a {
  display: block;
  position: relative;
}

.static-block .img a:before {
  background: rgba(255, 255, 255, 0.1);
  bottom: 15px;
  content: "";
  left: 15px;
  position: absolute;
  right: 15px;
  top: 15px;
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.static-block .img a:hover:before {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.static-block .img a img {
  width: 100%;
}

.blockPosition3 {
  padding-top: 30px;
}

.blockPosition3 h4 {
  color: #444444;
  font-size: 20px;
  margin: 0 0 30px;
  position: relative;
  font-weight: 600;
  text-transform: capitalize;
}

.blockPosition3 h4:before {
  background: #e5e5e5;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
  top: 10px;
}

.blockPosition3 h4 span {
  position: relative;
  z-index: 10;
  padding-right: 15px;
  background: #fff;
}

.blockPosition3 .our-service ul li {
  border-bottom: 1px solid #ccc;
  position: relative;
  padding-left: 100px;
  /* nandelbosc 85 */
  padding-top: 40px;
  /* nandelbosc 25 */
  padding-bottom: 25px;
}

.blockPosition3 .our-service ul li i {
  /*      border-right: 1px solid #ccc; nandelbosc */
  bottom: 0;
  color: #aaaaaa;
  display: block;
  font-size: 40px;
  height: 45px;
  width: 60px;
  left: 0;
  line-height: 60px;
  /*45 nandelbosc*/
  position: absolute;
  right: 0;
  top: 25px;
}

.blockPosition3 .our-service ul li:last-child {
  border-bottom: none;
}

.blockPosition3 .our-service ul li h2 {
  color: #444444;
  font-size: 15px;
  margin: 0 0 10px 0;
  font-weight: 600;
}

.blockPosition3 .our-service ul li p {
  font-size: 12px;
  color: #aaaaaa;
  margin: 0;
}

/* listproducts */
.pos_title {
  text-align: center;
  margin-bottom: 30px;
  position: relative;
}

.pos_title:before {
  border-top: 1px double #ebebeb;
  content: "";
  position: absolute;
  top: 21px;
  left: 0;
  right: 0;
}

.pos_title h4 {
  padding: 0 20px;
  background: #fff;
  display: inline-block;
  position: relative;
}

.pos_title h4:before {
  border: 2px double #ebebeb;
  border-top: none;
  border-bottom: none;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 6px;
}

.pos_title h4:after {
  border: 2px double #ebebeb;
  border-top: none;
  border-bottom: none;
  bottom: 0;
  content: "";
  display: block;
  right: 0;
  position: absolute;
  top: 0;
  width: 6px;
}

.pos_title h4 span {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 300;
  color: #262b32;
}

#best-sellers_block .boxnp {
  margin-bottom: 60px;
}

.boxnp {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  opacity: 0;
}

.boxnp a {
  background: #cacaca none repeat scroll 0 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  height: 80px;
  line-height: 80px;
  text-align: center;
  width: 30px;
  font-size: 30px;
  position: absolute;
  top: 20%;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.boxnp a.prev {
  left: 0;
}

.boxnp a.next {
  right: 0;
}

.boxnp a:hover {
  background: #3b3d3d;
}

.pos-block {
  position: relative;
  padding: 0 15px;
}

.pos-block .boxnp2 {
  right: 15px;
}

.listproducts:hover .boxnp {
  opacity: 1;
}

.listproducts .owl-item .item {
  padding: 0;
}

.listproducts .active:first-child .item-i {
  border-left: none;
}

.listproducts .item:hover .button-container {
  bottom: 0;
}

.listproducts .item-i {
  border-left: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  background: #fff;
  position: relative;
  margin-bottom: 30px;
}

.listproducts .item-i .product_image {
  margin-bottom: 15px;
}

.listproducts .item-i .product_image img {
  /*fbs*/
  /*width: 100%;*/
  width: 60%;
  margin-top: 10px;
}

.listproducts .item-top {
  position: relative;
  overflow: hidden;
  text-align: center;
  margin-top: 5px;
}

.listproducts .item-top .button-container {
  bottom: -40px;
  position: absolute;
  left: 0;
  right: 0;
  background: #3b3d3d;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.listproducts .item-top .button-container li {
  display: inline;
  float: left;
  width: 20%;
  height: 40px;
  border-left: 1px solid #4f5151;
}

.listproducts .item-top .button-container li.pos-quick-view {
  width: 60%;
  border: none;
}

.listproducts .item-top .button-container li a {
  display: block;
  /* @include border-radius(100%); */
  color: #fff;
  text-align: center;
  line-height: 40px;
}

.listproducts .item-top .button-container li a span {
  font-size: 12px;
}

.listproducts .item-top .button-container li a:hover,
.listproducts .item-top .button-container li a.checked {
  color: #fff;
}

.listproducts .item-top .button-container li a:last-child {
  margin-bottom: 0;
}

.listproducts .item-top .button-container li:hover {
  background: #009ad0;
}

.listproducts .bottom {
  text-align: center;
  padding: 0 5px;
  /* price */
  /* posbuttonCart */
  /* posbuttonCart */
}

.listproducts .bottom .product-name {
  color: #3f3f3f;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 0;
  height: 60px;
  display: block;
  padding: 1px;
}

.listproducts .bottom .product-name:hover {
  color: #0f93d2;
}

.listproducts .bottom .comments_note {
  display: inline-block;
  margin-bottom: 10px;
}

.listproducts .bottom .description_short {
  border-top: 1px solid #ebebeb;
  padding-top: 15px;
  color: #a5a5a5;
  font-weight: 300;
  font-size: 13px;
}

.listproducts .bottom .content_price {
  margin-bottom: 8px;
}

.listproducts .bottom .content_price .price-box .price {
  color: #f45c5d;
  font-weight: 700;
  font-size: 14px;
}

.listproducts .bottom .content_price .price-box .old-price {
  color: #838383;
  font-size: 14px;
  font-weight: 300;
}

.listproducts .bottom .posbuttonCart {
  text-align: center;
  margin-bottom: 5px;
  /*margin-top: 20px;*/
  /* button */
}

.listproducts .bottom .posbuttonCart .button {
  display: inline-block;
  border: none;
  /* background: #2374a7; nandelbosc */
  background: #FFDE00;
  /* @include border-radius(100%); */
  /* fbs*/
  /*padding: 0 20px;*/
  padding: 0 20px;
  /* color: #fff;  nandelbosc */
  color: #000;
  text-align: center;
  line-height: 30px;
  position: relative;
  text-shadow: 0 0 0;
  text-transform: capitalize;
}

.listproducts .bottom .posbuttonCart .button i {
  float: left;
  line-height: 39px;
  margin-right: 5px;
}

.listproducts .bottom .posbuttonCart .button span {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  font-size: 14px;
  padding: 4px;
  float: left;
  font-weight: 500;
}

.listproducts .bottom .posbuttonCart .button:hover {
  color: #fff;
  background: #f9c831;
}

.fa-plus:before {
  content: "\f067";
}

/* listproducts2 */
.pos_title2 h4 {
  color: #444444;
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 30px;
  position: relative;
  text-transform: capitalize;
}

.pos_title2 h4 span {
  background: white none repeat scroll 0 0;
  padding-right: 15px;
  position: relative;
  /*fbs*/
  /*z-index: 10; */
}

.pos_title2 h4:before {
  background: #e5e5e5 none repeat scroll 0 0;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
  top: 10px;
}

.boxnp2 {
  position: absolute;
  right: 30px;
  top: 0;
}

.boxnp2 a {
  display: inline-block;
  border: 1px solid #e9e9e9;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #a7a7a7;
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.boxnp2 a:hover {
  border-color: #f45c5d;
  color: #f45c5d;
}

.listproducts2 {
  position: relative;
}

.listproducts2 .owl-carousel .owl-item .item {
  padding: 0;
  border: 1px solid #e5e5e5;
}

.listproducts2 .item-i {
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 0;
}

.listproducts2 .item-i .item-ii {
  padding-right: 30px;
}

.listproducts2 .item-i .item-ii .item-top a {
  display: block;
}

.listproducts2 .item-i .item-ii .item-top a img {
  width: 100%;
}

@media (min-width: 768px) and (max-width: 991px) {
  .listproducts2 .item-i .item-top {
    width: 50px;
  }
}

.listproducts2 .item-i .item-top img {
  width: 100%;
}

.listproducts2 h5 {
  margin: 15px 0 10px 0;
}

.listproducts2 h5 .product-name {
  color: #3f3f3f;
  font-size: 13px;
  font-weight: 600;
}

.listproducts2 h5 .product-name:hover {
  color: #009ad0;
}

.listproducts2 .price-box {
  margin-bottom: 10px;
}

.listproducts2 .right-block {
  text-align: right;
}

.listproducts2 .comments_note {
  clear: both;
  margin-bottom: 10px;
}

.listproducts2 .comments_note .star_content {
  display: inline-block;
}

.listproducts2 .description_short {
  font-size: 13px;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 15px;
}

.listproducts2 .button-container-i {
  display: inline-block;
}

.listproducts2 .button-container-i li {
  float: left;
  display: inline;
  margin-left: 10px;
}

.listproducts2 .button-container-i li a {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border: 1px solid #ededed;
  background: #fff;
  color: #848484;
  text-align: center;
  line-height: 40px;
}

.listproducts2 .button-container-i li a:hover,
.listproducts2 .button-container-i li a.checked {
  color: #f45d5e;
  border-color: #f45d5e;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.listproducts2 .button-container-i li a:last-child {
  margin-bottom: 0;
}

.posthumbnails {
  overflow: hidden;
  margin: 0 -5px;
}

.posthumbnails .item_thumb {
  float: left;
  width: 25%;
  margin-bottom: 10px;
}

.posthumbnails .item_thumb .thumb {
  padding: 0 5px;
}

.posthumbnails .item_thumb .thumb a {
  display: block;
  border: 1px solid #f8f7f8;
  padding: 3px;
}

.posthumbnails .item_thumb .thumb a img {
  width: 100%;
}

.posthumbnails .item_thumb .thumb a:hover,
.posthumbnails .item_thumb .thumb a.active {
  border-color: #f45c5d;
}

/* listproducts3 */
.listproducts3 .item-i {
  overflow: hidden;
  margin-bottom: 30px;
}

.listproducts3 .item-i .item-top {
  margin-right: 15px;
}

.listproducts3 .item-i .item-top a {
  border: 1px solid #f8f7f8;
  padding: 5px;
  display: block;
}

.listproducts3 .item-i .bottom h5 {
  margin: 0 0 10px 0;
}

.listproducts3 .item-i .bottom h5 a {
  font-size: 13px;
  font-weight: 500;
}

.listproducts3 .item-i .bottom .price-box {
  margin-bottom: 10px;
}

/* smartbloghomelatestnews */
.pos-new-blog .boxnp {
  margin-bottom: 30px;
}

.pos-new-blog .item-ii .post_title {
  margin-bottom: 10px;
  margin-top: 5px;
}

.pos-new-blog .item-ii .post_title a {
  color: #444444;
  font-size: 14px;
  font-weight: 600;
}

.pos-new-blog .item-ii .post_title a:hover {
  color: #0f93d2;
}

.pos-new-blog .item-ii .date_added {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  color: #919191;
  font-weight: 300;
  margin-bottom: 15px;
  padding: 10px 0;
}

.pos-new-blog .item-ii p {
  color: #747373;
  font-size: 13px;
}

.pos-new-blog .item-ii .news_module img {
  width: 100%;
}

/* testimonials_block_right */
@media (max-width: 767px) {
  #testimonials_block_right {
    margin-bottom: 30px;
  }
}

#testimonials_block_right .content_test {
  overflow: hidden;
}

#testimonials_block_right .content_test p {
  color: #999;
  font-size: 13px;
  font-style: italic;
  font-weight: 300;
  line-height: 25px;
}

#testimonials_block_right .content_test p.des_namepost {
  color: #0f93d2;
  font-style: normal;
}

#testimonials_block_right .item-i {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

#testimonials_block_right .img {
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  float: left;
  height: 70px;
  overflow: hidden;
  width: 70px;
  margin-right: 15px;
}

#testimonials_block_right .owl-controls {
  text-align: center;
}

#testimonials_block_right .owl-controls .owl-pagination {
  overflow: hidden;
  display: inline-block;
}

#testimonials_block_right .owl-controls .owl-pagination .owl-page {
  float: left;
  display: inline;
  margin: 0 2px;
}

#testimonials_block_right .owl-controls .owl-pagination .owl-page span {
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  display: block;
  background: #949494;
  width: 10px;
  height: 10px;
}

#testimonials_block_right .owl-controls .owl-pagination .owl-page span:hover,
#testimonials_block_right .owl-controls .owl-pagination .owl-page span.active {
  background: #0f93d2;
}

#testimonials_block_right .owl-controls .owl-pagination .owl-page.active span {
  background: #0f93d2;
}

/* nandelobsc footer 0*/

/* .blockFooter0, .footer_top {
  background: #d30d2b; */
/* #f0f0f0; nandelbosc*/
/* padding: 30px 0 20px;
  overflow: hidden;
  color: #ffffff;
  line-height: 24px;
  background-image: url("../../../recursosmx/home/footer-portada-ferros.jpg");
  background-position: right top;
  background-repeat: no-repeat;
} */

.peumanxa {
  margin-top: 20px;
  margin-bottom: 20px;

}

.peumanxa a {
  border: 1px solid white;
  padding: 5px;
  color: #ffffff !important;
}

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

  .blockFooter0,
  .footer_top {
    padding-left: 30px;
    color: #000000;
    font-weight: bold;
  }

  .peumanxa a {
    border: 1px solid black;
    color: #000000 !important;
    padding: 5px;
  }
}

.blockFooter0 .pos_romantic ul li,
.footer_top .pos_romantic ul li {
  margin-bottom: 10px;
  padding-left: 45px;
  position: relative;
}

.blockFooter0 .pos_romantic ul li p,
.footer_top .pos_romantic ul li p {
  line-height: 20px;
  margin: 0;
}

.blockFooter0 .pos_romantic ul li i,
.footer_top .pos_romantic ul li i {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
}

.blockFooter0 .pos_romantic ul li i:before,
.footer_top .pos_romantic ul li i:before {
  border: 2px solid #74797f;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  height: 35px;
  line-height: 31px;
  text-align: center;
  width: 35px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

/* footer  */
.blockFooter1,
.footer_center {
  background: #f2f2f2;
  /* #f0f0f0; nandelbosc*/
  padding: 30px 0 20px !important;
  overflow: hidden;
}

.footer_center, .footer_center a, .footer_center  .footer_block  {
    color: black;
}

.blockFooter1 .pos_romantic ul li,
.footer_center .pos_romantic ul li {
  margin-bottom: 10px;
  padding-left: 45px;
  position: relative;
}

.blockFooter1 .pos_romantic ul li p,
.footer_center .pos_romantic ul li p {
  line-height: 20px;
  margin: 0;
}

.blockFooter1 .pos_romantic ul li i,
.footer_center .pos_romantic ul li i {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
}

.blockFooter1 .pos_romantic ul li i:before,
.footer_center .pos_romantic ul li i:before {
  border: 2px solid #74797f;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  height: 35px;
  line-height: 31px;
  text-align: center;
  width: 35px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.blockFooter2,
.footer_bottom {
  clear: both;
  padding: 30px 0;
}

.blockFooter3 {
  /*   background: #3b3d3d; */
  background: #d30d2b;
  padding: 15px 0;
  text-align: center;
}

.blockFooter3 .copyright {
  margin: 0;
  color: #ffffff;
  font-size: 12px;
  font-weight: 300;
}

.blockFooter3 .copyright a {
  color: #ffffff !important;
}

.blockFooter3 .copyright a:hover {
  color: #0f93d2 !important;
}

.back-top a {
  background: #3b3d3d;
  border: 1px solid #fff;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  bottom: 30px;
  color: #fff;
  height: 35px;
  line-height: 35px;
  position: fixed;
  right: 30px;
  text-align: center;
  width: 35px;
}

.back-top a:hover {
  background: #0091d5;
  color: #fff;
}

/* 992 -1199 */
@media (min-width: 992px) and (max-width: 1199px) {
  .pos_title2 h4 span {
    font-size: 20px;
  }

  .static-top {
    margin-bottom: 15px;
  }

  .paypal img {
    width: 100%;
  }
}

/* 768 - 991 */
@media (min-width: 768px) and (max-width: 991px) {
  .pos_logo a {
    display: inline-block;
  }

  .boxnp2 {
    display: none;
  }

  .subpage .listproducts3 .item-i .item-top {
    margin: 0 0 15px 0;
    width: 100%;
  }

  .subpage .listproducts3 .item-i .item-top a img {
    width: 100%;
  }

  .subpage .listproducts3 .item-i .bottom {
    clear: both;
    width: 100%;
  }

  .pos_title2 h4 span {
    font-size: 20px;
  }

  .footer-container #footer h4 {
    font-size: 12px;
  }

  .footer-container #footer ul li {
    font-size: 11px;
    line-height: 25px;
  }


  .blockFooter1 .pos_romantic ul li,
  .footer_center .pos_romantic ul li {
    padding-left: 38px;
  }

  .paypal img {
    width: 100%;
  }
}

/* 767 */
@media (max-width: 767px) {

  .blockFooter3 .copyright,
  .blockPosition7 .block-pos,
  .listproducts2 {
    margin-bottom: 30px;
  }

  .pos_logo {
    text-align: center;
  }

  .pos_logo a {
    display: inline-block;
  }

  .blockFooter1 .pos_romantic ul li p,
  .footer_center .pos_romantic ul li p {
    line-height: 35px;
  }

  .pos_title2 h4:after {
    display: none;
  }

  .pos_top {
    float: left;
    margin-bottom: 15px;
    padding-top: 15px;
    width: 100%;
  }

  .blockPosition3 {
    padding: 0;
    background: none;
  }

  .header_user_info a i,
  .possDropTop i,
  .poslogout a i {
    font-size: 12px !important;
  }

  .poslogout a,
  .header_user_info a,
  .possDropTop {
    font-size: 10px !important;
    padding: 0 !important;
  }

  .possDropTop .current {
    padding: 10px 0 !important;
  }

  .header_user_info a,
  .poslogout a {
    line-height: 35px;
  }

  .footer-container #footer h4 {
    clear: both;
    width: 100%;
  }

  .paypal img {
    width: 100%;
  }
}

.center-product h5 {
  padding: 1px;
}

ul.product_list.grid>li .product-container .functional-buttons {
  /* background: url(../img/functional-bt-shadow.png) repeat-x; */
  padding: 1px 22px 1px 20px;
  font-size: 13px;
}

@media (min-width: 1200px) {
  ul.product_list.grid>li .product-container .functional-buttons {
    /*display: none;*/
  }
}

ul.product_list.grid>li .product-container .functional-buttons div {
  width: 50%;
  float: left;
  padding: 3px 0 4px 0;
}

.cat-name {
  font-size: 20px;
}




.modal h2 {
  font-family: "Segoe UI", Arial, sans-serif;
  font-weight: 400;
  margin: 0 0 10px 0;
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  /* Could be more or less, depending on screen size */
}


/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}



/* 480 */
@media (max-width: 480px) {

  .blockFooter1 .pos_romantic ul li p,
  .footer_center .pos_romantic ul li p {
    line-height: 20px;
  }

  .content_sortPagiBar .sortPagiBar label {
    display: none;
  }

  .content_sortPagiBar .sortPagiBar .nbrItemPage {
    display: none;
  }
}

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

.box-nandelbosc-identity {
  line-height: 20px;
  color: green;
}

.info-title-nandelbosc-identity {
  color: #4c4f54;
  border-bottom: 2px solid #d30d3b;
  padding: 0 0 15px;
}

.page-subheading-nandelbosc-identity {
  color: #4c4f54;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 18px;
}

.required-nandelbosc-identity {
  color: #d30d2b;
  margin: 9px 0 16px 0;
}

.box-nandelbosc-identity label {
  color: #4c4f54;
}

.box-nandelbosc-identity input[type="radio"] {
  color: #4c4f54;
}

.input-nandelbosc-identity {
  background-color: #f4f4f4;
  color: black;
}

table.taulaescalatproducte,
table.taulaescalatproducte tr,
table.taulaescalatproducte tr td {
  border: 1px solid #666666;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
}

.sensepadding {
  padding-left: 0px !important;
}

div.manxa_header_contenidor {
  display: block;
}

div.manxa_header_equerra {
  font-size: 12px;
  float: left;
  padding-top: 5px;
}

a.manxa_header_link {
  color: #fff;
}

a.manxa_header_link:hover {
  color: #ccc;
}

div.manxa_header_oncomprar {
  color: #fff;
  font-size: 12px;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
}

div.manxa_header_compte {
  background-color: #fff;
  font-size: 12px;
  margin-left: 5px;
  margin-right: 0px;
  float: left;
  color: #d30d3b;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
  border-left: 3px #d30d2b solid;
  border-right: 3px #d30d2b solid;
  border-bottom: 3px #d30d2b solid;
  height: 40px;
}

div.manxa_header_compte:hover {
  color: #fff;
  background-color: #d30d3b;
}

div.manxa_header_compte a {
  color: #d30d3b;
}

div.manxa_header_compte:hover a {
  color: #fff;
}

div.manxa_header_oncomprar:hover {
  color: #ccc;
}

div.manxa_header_dreta {
  font-size: 12px;
  float: left;
  padding-top: 5px;
}

div.manxa_header_contenidor_mobil {
  display: none;
  font-size: 11px;
}

div.manxa_header_logo_mobil {
  display: none;
}

div.manxa_portada_sispro {
  font-style: italic;
  
  margin-bottom: 15px;
}

div.manxa_portada_sispro a{
  padding-bottom: 20px;
}

div.manxa_portada_accionsipdf {
  float: right;
}

.manxa_portada_sispro h3{
  margin-bottom: 15px;
}

.manxa_portada_imatge_daltesquerra {
  opacity: 1;
  width: 490px;
  height: 226px;
}

.manxa_portada_imatge_abaix {
  opacity: 1;
  width: 748px;
  height: 273px;
}

.manxa_portada_imatge_daltdreta {
  opacity: 1;
  margin-left: 17px;
  width: 238px;
  height: 226px;
}

.manxa_portada_imatge_daltesquerra:hover,
.manxa_portada_imatge_abaix:hover,
.manxa_portada_imatge_daltdreta:hover {
  opacity: 0.3;
}

.manxa_vermas:after {
  content: "\f107";
  font-family: FontAwesome;
  font-size: 24px;
  font-weight: bold;
  padding-left: 10px;
  padding-top: 3px;
  color: #d30d3b;
  vertical-align: text-top;
  background-color: #8c8d8e;
  /*	float: right;
	font-family: FontAwesome;
	margin-right: 0;
*/
}

.manxa_vermas {
  background-color: #8c8d8e;
  color: white;
  padding: 10px;
}

.manxa_vermas:hover {
  color: #d30d3b;
}

.mxcontenidorconfigurador {
  float: right;
  width: 100%;
  height: 320px;
  padding-left: 30px;
  border-left: 1px solid #777;
  border-top: 0px;
}

.mxcontenidorllistatserveis {}

.mxservei1,
.mxservei2,
.mxservei3,
.mxservei4,
.mxservei5,
.mxservei6,
.mxservei7,
.mxservei8,
.mxsat1,
.mxsat2 {
  float: left;
  width: 370px;
  height: 240px;
  margin-bottom: 30px;
}

.mxservei1:hover,
.mxservei2:hover,
.mxservei3:hover,
.mxservei4:hover,
.mxservei5:hover,
.mxservei6:hover,
.mxservei7:hover,
.mxservei8:hover,
.mxsat1:hover,
.mxsat2:hover {
  opacity: 0.3;
}

.mxservei1 {
  background-image: url('https://manxaindustrial.com/recursosmx/serveis/Dispensador.jpg');
}

.mxservei2 {
  background-image: url('https://manxaindustrial.com/recursosmx/serveis/Kanban.jpg');
}

.mxservei3 {
  background-image: url('https://manxaindustrial.com/recursosmx/serveis/Catalogocliente.jpg');
}

.mxservei4 {
  background-image: url('https://manxaindustrial.com/recursosmx/serveis/Kit.jpg');
}

.mxservei5 {
  background-image: url('https://manxaindustrial.com/recursosmx/serveis/Libreriatecnica.jpg');
}

.mxservei6 {
  background-image: url('https://manxaindustrial.com/recursosmx/serveis/Dondecomprar.jpg');
}

.mxservei7 {
  background-image: url('https://manxaindustrial.com/recursosmx/serveis/Comprarapida.jpg');
}

.mxservei8 {
  background-image: url('https://manxaindustrial.com/recursosmx/serveis/Botigaonline.jpg');
}

.mxservei1,
.mxservei3,
.mxservei4,
.mxservei5,
.mxservei6,
.mxservei8,
.mxsat1,
.mxsat2 {
  margin-right: 30px;
}

.mxsat1 {
  background-image: url('https://manxaindustrial.com/recursosmx/sat/lincoln.jpg');
}

.mxsat2 {
  background-image: url('https://manxaindustrial.com/recursosmx/sat/kaeser.jpg');
}

.mxcomprarapidaheader {
  float: left;
  /*	background-color:red;*/
  margin-top: 45px;
  font-size: 90%;
  padding-left: 75px;
}

.iframevideosmanxa {
  width: 600px !important;
  height: 338px !important;
}


@media screen and (max-width: 1100px) {
  .iframevideosmanxa {
    width: 600px !important;
    height: 338px !important;
  }

  .manxa_portada_imatge_daltesquerra {
    opacity: 1;
    width: 460px;
    height: 221px;
  }

  .manxa_portada_imatge_abaix {
    opacity: 1;
    width: 708px;
    height: 268px;
  }

  .manxa_portada_imatge_daltdreta {
    opacity: 1;
    margin-left: 17px;
    width: 223px;
    height: 221px;
  }

  .listproducts .bottom .posbuttonCart .button span {
    font-size: 13px;
  }

  .mxcomprarapidaheader {
    float: left;
    /*		background-color:blue; */
    padding-right: 10px;
    margin-top: 45px;
    font-size: 90%;
    padding-left: 0px;
  }


}

.ample100 {
  width: 100%;
}

.ample50-100 {
  height: 400px;
  float: left;
  width: 50%;
}

.ample33-100 {
  float: left;
  width: 33%;
}

.ample33-50 {
  float: left;
  width: 33%;
}


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

  .ample50-100 {
    height: 400px;
    float: left;
    width: 100%;
  }

  .ample33-100 {
    float: left;
    width: 100%;
    text-align: center;
  }

  .ample33-50 {
    float: left;
    width: 50%;
  }
}

div.missatgegrup2categories {
  float: right;
  padding: 5px;
  font-size: 11px;
  border: solid 1px #d30d2b;
  text-transform: none;
}

div.missatgegrup2categories a {
  color: #d30d2b;
  font-weight: bold;
}

.barragruixuda {
  border-bottom: 30px solid #d30d2b;
  margin-top: 0 !important;
}

.divvermell {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 25px;
  background-color: #d30d2b;
  color: white;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: bold;
}

.configproducte {
  color: #4c4f54;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
}

.divsegonllargada {
  /*	display: hidden; */
  visibility: hidden;
}

[class*='popupserveis1'] {
  float: left;
  width: 230px;
  display: inline-block;
  position: relative;

}

[class*='popupserveis2'] {
  float: left;
  width: 230px;
  /*	border-left:1px solid #787878;*/
  display: inline-block;
  position: relative;
}

[class*='popupserveis']:after {
  position: absolute;
  content: '';
  border-left: 1px solid #787878;
  height: 300px;
  /*260px*/
  /*  transform: translateX(-50%); */
  top: 40px;
  left: 100%;
}

.popupserveis1cat:after,
.popupserveis2cat:after {
  height: 240px;
  /*240px*/
}

.popupserveis3 {
  float: left;
  width: 230px;
  /*	border-left:1px solid #787878; */

}

/*final*/

/*div.column.col1:after */
/*#pt_menu_cms > div.popup > div.popupserveis1 > div:nth-child(3) > div > div > a {*/
div.column.col1 {
  /*  position: absolute;
  content: '';
  border-bottom: 1px solid #787878;
  width: 70%;
  transform: translateX(-50%);
  bottom: -15px;
  left: 50%;	*/
  padding-bottom: 9px;
  border-bottom: 1px solid #787878;
}

/*.pt_custommenu div.popup a */
div.itemSubMenu.level3 a {
  line-height: 20px !important;
}

div.column.col1.amagarlinia {
  border-bottom: none;
}

.imatgesserveisesquerra {
  width: 400px;
  float: left;
}

.imatgesserveismig {
  width: 400px;
  float: left;
}

.imatgesserveisdreta {
  width: 370px;
  float: left;
}

.textserveisesquerra {
  width: 370px;
  float: left;
  margin-right: 30px;
}

.textserveismig {
  width: 370px;
  float: left;
  margin-right: 30px;
}

.textserveisdreta {
  width: 370px;
  float: left;
}

[class*='nostresclients'] {
  float: left;
  margin-bottom: 30px;
  width: 364px;
  transition: 0.5s;
  height: 241px;
  cursor: pointer;
}

[class*='nostresclientsdaltesquerra'] {
  margin-right: 30px;
}

[class*='nostresclientsbaixesquerra'] {
  margin-right: 30px;
}

.nostresclientsdaltesquerraesp {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/esp/CONSTRUCTOR_ESTRUCTURES1.jpg');
}

.nostresclientsdaltesquerraesp:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/esp/CONSTRUCTOR_ESTRUCTURES2.jpg');
}

.nostresclientsdaltdretaesp {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/esp/CONSTRUCTOR1.jpg');
}

.nostresclientsdaltdretaesp:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/esp/CONSTRUCTOR2.jpg');
}

.nostresclientsbaixesquerraesp {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/esp/CONSTRUCTOR_MET1.jpg');
}

.nostresclientsbaixesquerraesp:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/esp/CONSTRUCTOR_MET2.jpg');
}

.nostresclientsbaixdretaesp {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/esp/FABRICANT_MAQ1.jpg');
}

.nostresclientsbaixdretaesp:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/esp/FABRICANT_MAQ2.jpg');
}

.nostresclientsdaltesquerrafra {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/fra/CONSTRUCTOR_ESTRUCTURES1.jpg');
}

.nostresclientsdaltesquerrafra:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/fra/CONSTRUCTOR_ESTRUCTURES2.jpg');
}

.nostresclientsdaltdretafra {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/fra/CONSTRUCTOR1.jpg');
}

.nostresclientsdaltdretafra:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/fra/CONSTRUCTOR2.jpg');
}

.nostresclientsbaixesquerrafra {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/fra/CONSTRUCTOR_MET1.jpg');
}

.nostresclientsbaixesquerrafra:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/fra/CONSTRUCTOR_MET2.jpg');
}

.nostresclientsbaixdretafra {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/fra/FABRICANT_MAQ1.jpg');
}

.nostresclientsbaixdretafra:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/fra/FABRICANT_MAQ2.jpg');
}

.nostresclientsdaltesquerraeng {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/eng/CONSTRUCTOR_ESTRUCTURES1.jpg');
}

.nostresclientsdaltesquerraeng:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/eng/CONSTRUCTOR_ESTRUCTURES2.jpg');
}

.nostresclientsdaltdretaeng {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/eng/CONSTRUCTOR1.jpg');
}

.nostresclientsdaltdretaeng:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/eng/CONSTRUCTOR2.jpg');
}

.nostresclientsbaixesquerraeng {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/eng/CONSTRUCTOR_MET1.jpg');
}

.nostresclientsbaixesquerraeng:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/eng/CONSTRUCTOR_MET2.jpg');
}

.nostresclientsbaixdretaeng {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/eng/FABRICANT_MAQ1.jpg');
}

.nostresclientsbaixdretaeng:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/eng/FABRICANT_MAQ2.jpg');
}

.nostresclientsdaltesquerracat {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/cat/CONSTRUCTOR_ESTRUCTURES1.jpg');
}

.nostresclientsdaltesquerracat:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/cat/CONSTRUCTOR_ESTRUCTURES2.jpg');
}

.nostresclientsdaltdretacat {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/cat/CONSTRUCTOR1.jpg');
}

.nostresclientsdaltdretacat:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/cat/CONSTRUCTOR2.jpg');
}

.nostresclientsbaixesquerracat {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/cat/CONSTRUCTOR_MET1.jpg');
}

.nostresclientsbaixesquerracat:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/cat/CONSTRUCTOR_MET2.jpg');
}

.nostresclientsbaixdretacat {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/cat/FABRICANT_MAQ1.jpg');
}

.nostresclientsbaixdretacat:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/nostresclients/cat/FABRICANT_MAQ2.jpg');
}





.imatgesserveisesquerra a img:hover,
.imatgesserveismig a img:hover,
.imatgesserveisdreta a img:hover {
  opacity: .6;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}



.esquerracatalegproducteportada {
  /* float: left;
  cursor: pointer; */
}

.dretacatalegproducteportada {
  /* float: right;
  cursor: pointer; */
}

.contenidorcatalegproducteportada>div>div {
    width: 100%;
}

[class*='esquerracatalegproducteportadaCAT-'],
[class*='dretacatalegproducteportadaCAT-'],
[class*='esquerracatalegproducteportadaESP-'],
[class*='dretacatalegproducteportadaESP-'],
[class*='esquerracatalegproducteportadaFRA-'],
[class*='dretacatalegproducteportadaFRA-'],
[class*='esquerracatalegproducteportadaENG-'],
[class*='dretacatalegproducteportadaENG-'] {
  height: 72px;
  margin-bottom: 20px;
  transition: 0.5s;
}

@media (max-width: 500px) {

  .contenidorcatalegproducteportada{
    display:block;
    width: unset;
  }

  .table thead>tr>th,
  .table thead>tr>td,
  .table tbody>tr>th,
  .table tbody>tr>td,
  .table tfoot>tr>th,
  .table tfoot>tr>td {
    padding: 10px 5px 10px 10px;
  }

  #layered_block_left div.block_content {
    height: auto !important;
    padding: 10px 0 0 0 !important;
  }

  .franjagrisportada {
    font-size: 17px !important;
    margin: 15px !important;
    padding: 15px !important;
    width: 74% !important;
  }

  .logoceportada {
    right: 1px !important;
  }

  .textfranjagrisportada {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .footer_top {
    padding-left: 30px;
    color: #fff !important;
    font-weight: bold;
    background-image: none !important;
  }

  .modal-content {
    width: 90%;
    /* Could be more or less, depending on screen size */
  }

  .dretacatalegproducteportada {
    /* float: left;
    cursor: pointer; */
  }

  [class*='esquerracatalegproducteportadaCAT-'],
  [class*='dretacatalegproducteportadaCAT-'],
  [class*='esquerracatalegproducteportadaESP-'],
  [class*='dretacatalegproducteportadaESP-'],
  [class*='esquerracatalegproducteportadaFRA-'],
  [class*='dretacatalegproducteportadaFRA-'],
  [class*='esquerracatalegproducteportadaENG-'],
  [class*='dretacatalegproducteportadaENG-'] {
    margin-bottom: 10px;
    transition: 0.5s;
    background-size: 70%;
    background-repeat: no-repeat;
  }

  .mxcontenidorconfigurador {
    float: right;
    width: 100%;
    height: auto;
    margin-top: 10px;
    border-top: 1px solid #777;
    border-left: 0px;
    border-bottom: 1px solid #777;
    padding-left: 0px;
  }

  .mxcontenidorconfigurador .etiquetesconfigurador:first-child{
    margin-top: 20px;
  }
}

.dretacatalegproducteportadaCAT-5 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Acers_especials_i_calibrats1.jpg');
  background-repeat: no-repeat;
  background-size: contain;
}

.dretacatalegproducteportadaCAT-5:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Acers_especials_i_calibrats2.jpg');
}

.dretacatalegproducteportadaCAT-3 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Acers_per_Formigo1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.dretacatalegproducteportadaCAT-3:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Acers_per_Formigo2.jpg');
}

.dretacatalegproducteportadaCAT-2 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Cobertes_i_Tancaments1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.dretacatalegproducteportadaCAT-2:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Cobertes_i_Tancaments2.jpg');
}

.dretacatalegproducteportadaCAT-4 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Filferros1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.dretacatalegproducteportadaCAT-4:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Filferros2.jpg');
}

.esquerracatalegproducteportadaCAT-2 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Perfils_Comercials1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.esquerracatalegproducteportadaCAT-2:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Perfils_Comercials2.jpg');
}

.dretacatalegproducteportadaCAT-1 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Perfils_Conformats_en_fred1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.dretacatalegproducteportadaCAT-1:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Perfils_Conformats_en_fred2.jpg');
}

.esquerracatalegproducteportadaCAT-1 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Perfils_Estructurals1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.esquerracatalegproducteportadaCAT-1:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Perfils_Estructurals2.jpg');
}

.esquerracatalegproducteportadaCAT-5 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Tubs1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.esquerracatalegproducteportadaCAT-5:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Tubs2.jpg');
}

.esquerracatalegproducteportadaCAT-4 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Xapa_Industrial1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.esquerracatalegproducteportadaCAT-4:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Xapa_Industrial2.jpg');
}

.esquerracatalegproducteportadaCAT-3 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Xapes_Bobina1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.esquerracatalegproducteportadaCAT-3:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/cat/Xapes_Bobina2.jpg');
}

.dretacatalegproducteportadaESP-5 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Acers_especials_i_calibrats1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.dretacatalegproducteportadaESP-5:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Acers_especials_i_calibrats2.jpg');
}

.dretacatalegproducteportadaESP-3 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Acers_per_Formigo1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.dretacatalegproducteportadaESP-3:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Acers_per_Formigo2.jpg');
}

.dretacatalegproducteportadaESP-2 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Cobertes_i_Tancaments1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.dretacatalegproducteportadaESP-2:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Cobertes_i_Tancaments2.jpg');
}

.dretacatalegproducteportadaESP-4 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Filferros1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.dretacatalegproducteportadaESP-4:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Filferros2.jpg');
}

.esquerracatalegproducteportadaESP-2 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Perfils_Comercials1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.esquerracatalegproducteportadaESP-2:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Perfils_Comercials2.jpg');
}

.dretacatalegproducteportadaESP-1 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Perfils_Conformats_en_fred1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.dretacatalegproducteportadaESP-1:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Perfils_Conformats_en_fred2.jpg');
}

.esquerracatalegproducteportadaESP-1 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Perfils_Estructurals1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.esquerracatalegproducteportadaESP-1:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Perfils_Estructurals2.jpg');
}

.esquerracatalegproducteportadaESP-5 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Tubs1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.esquerracatalegproducteportadaESP-5:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Tubs2.jpg');
}

.esquerracatalegproducteportadaESP-4 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Xapa_Industrial1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.esquerracatalegproducteportadaESP-4:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Xapa_Industrial2.jpg');
}

.esquerracatalegproducteportadaESP-3 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Xapes_Bobina1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.esquerracatalegproducteportadaESP-3:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/esp/Xapes_Bobina2.jpg');
}

.dretacatalegproducteportadaFRA-5 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Acers_especials_i_calibrats1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.dretacatalegproducteportadaFRA-5:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Acers_especials_i_calibrats2.jpg');
}

.dretacatalegproducteportadaFRA-3 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Acers_per_Formigo1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.dretacatalegproducteportadaFRA-3:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Acers_per_Formigo2.jpg');
}

.dretacatalegproducteportadaFRA-2 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Cobertes_i_Tancaments1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.dretacatalegproducteportadaFRA-2:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Cobertes_i_Tancaments2.jpg');
}

.dretacatalegproducteportadaFRA-4 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Filferros1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.dretacatalegproducteportadaFRA-4:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Filferros2.jpg');
}

.esquerracatalegproducteportadaFRA-2 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Perfils_Comercials1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.esquerracatalegproducteportadaFRA-2:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Perfils_Comercials2.jpg');
}

.dretacatalegproducteportadaFRA-1 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Perfils_Conformats_en_fred1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.dretacatalegproducteportadaFRA-1:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Perfils_Conformats_en_fred2.jpg');
}

.esquerracatalegproducteportadaFRA-1 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Perfils_Estructurals1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.esquerracatalegproducteportadaFRA-1:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Perfils_Estructurals2.jpg');
}

.esquerracatalegproducteportadaFRA-5 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Tubs1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.esquerracatalegproducteportadaFRA-5:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Tubs2.jpg');
}

.esquerracatalegproducteportadaFRA-4 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Xapa_Industrial1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.esquerracatalegproducteportadaFRA-4:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Xapa_Industrial2.jpg');
}

.esquerracatalegproducteportadaFRA-3 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Xapes_Bobina1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.esquerracatalegproducteportadaFRA-3:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/fra/Xapes_Bobina2.jpg');
}

.dretacatalegproducteportadaENG-5 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Acers_especials_i_calibrats1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.dretacatalegproducteportadaENG-5:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Acers_especials_i_calibrats2.jpg');
}

.dretacatalegproducteportadaENG-3 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Acers_per_Formigo1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.dretacatalegproducteportadaENG-3:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Acers_per_Formigo2.jpg');
}

.dretacatalegproducteportadaENG-2 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Cobertes_i_Tancaments1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.dretacatalegproducteportadaENG-2:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Cobertes_i_Tancaments2.jpg');
}

.dretacatalegproducteportadaENG-4 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Filferros1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.dretacatalegproducteportadaENG-4:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Filferros2.jpg');
}

.esquerracatalegproducteportadaENG-2 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Perfils_Comercials1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.esquerracatalegproducteportadaENG-2:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Perfils_Comercials2.jpg');
}

.dretacatalegproducteportadaENG-1 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Perfils_Conformats_en_fred1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.dretacatalegproducteportadaENG-1:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Perfils_Conformats_en_fred2.jpg');
}

.esquerracatalegproducteportadaENG-1 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Perfils_Estructurals1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.esquerracatalegproducteportadaENG-1:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Perfils_Estructurals2.jpg');
}

.esquerracatalegproducteportadaENG-5 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Tubs1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.esquerracatalegproducteportadaENG-5:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Tubs2.jpg');
}

.esquerracatalegproducteportadaENG-4 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Xapa_Industrial1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.esquerracatalegproducteportadaENG-4:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Xapa_Industrial2.jpg');
}

.esquerracatalegproducteportadaENG-3 {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Xapes_Bobina1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.esquerracatalegproducteportadaENG-3:hover {
  background-image: url('https://www.manxaferros.com/recursosmx/home/perfils/eng/Xapes_Bobina2.jpg');
}















.grupfranjagrisportada {
  width: 100%;
  margin-top: 40px;
  position: relative;
  position: relative;
  height: 150px;
}

.franjagrisportada {
  background-color: gray;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  float: left;
  border-radius: 10px;
  color: white;
  font-size: 20px;
  cursor: pointer;
}

.textfranjagrisportada {
  padding-left: 50px;
  padding-right: 50px;
}

.logoceportada {
  float: right;
  width: 120px;
  height: 150px;
  background-image: url("https://www.manxaferros.com/recursosmx/home/CE.png");
  /*	position:relative; 
	top: -110px;
	right: 50px;
*/
  position: absolute;
  top: -30px;
  right: 50px;
}


.sticky {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  border-top: 0;
  background-color: #fff;
  border-bottom: 2px solid #d30d2b;
}

/*div[class*="imatgeserveis_"] {
	width:370px;
	height:120px;
*/
/*
        opacity: .6; 
        -webkit-transition: opacity 0.15s linear;
        transition: opacity 0.15s linear;
*/
/*
}
div[class*="imatgeserveis_"]:hover {
	cursor:pointer;
}

.imatgeserveis_KANBAN_ca {
	background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/valor/cat/KANBAN_1.jpg");
}
.imatgeserveis_CATCLIENT_ca {
	background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/valor/cat/CATCLIENT_1.jpg");
}
.imatgeserveis_AREACLIENT_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/valor/cat/AREACLIENT_1.jpg");
}
.imatgeserveis_AUTOMATITZACIO_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/valor/cat/AUTOMATITZACIO_1.jpg");
}
.imatgeserveis_TARIFACLIENT_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/valor/cat/TARIFACLIENT_1.jpg");
}
.imatgeserveis_ALTRES_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/produccio/cat/ALTRES_1.jpg");
}
.imatgeserveis_ELABORACIOACERSFORMIGO_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/produccio/cat/ELABORACIOACERSFORMIGO_1.jpg");
}
.imatgeserveis_FORADAT_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/produccio/cat/FORADAT_1.jpg");
}
.imatgeserveis_GRANALLAT_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/produccio/cat/GRANALLAT_1.jpg");
}
.imatgeserveis_IMPRIMAT_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/produccio/cat/IMPRIMAT_1.jpg");
}
.imatgeserveis_TALL_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/produccio/cat/TALL_1.jpg");
}
.imatgeserveis_ESCOT_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/produccio/cat/ESCOT_1.png");
}
.imatgeserveis_CERTIFICACIO_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/eficiencia/cat/CERTIFICACIO_1.jpg");
}
.imatgeserveis_GALERIAAUDIOVISUAL_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/eficiencia/cat/GALERIAAUDIOVISUAL_1.jpg");
}
.imatgeserveis_ETIQUETATGE_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/eficiencia/cat/ETIQUETATGE_1.jpg");
}
.imatgeserveis_LLIBRERIATECNICA_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/eficiencia/cat/LLIBRERIATECNICA_1.jpg");
}
.imatgeserveis_PALETITZACIO_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/eficiencia/cat/PALETITZACIO_1.jpg");
}
.imatgeserveis_TRACABILITAT_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/eficiencia/cat/TRACABILITAT_1.jpg");
}
.imatgeserveis_TRANSPORT_ca {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/eficiencia/cat/TRANSPORT_1.jpg");
}

.imatgeserveis_KANBAN_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/valor/cat/KANBAN_2.jpg");
}
.imatgeserveis_CATCLIENT_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/valor/cat/CATCLIENT_2.jpg");
}
.imatgeserveis_AREACLIENT_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/valor/cat/AREACLIENT_2.jpg");
}
.imatgeserveis_AUTOMATITZACIO_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/valor/cat/AUTOMATITZACIO_2.jpg");
}
.imatgeserveis_TARIFACLIENT_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/valor/cat/TARIFACLIENT_2.jpg");
}
.imatgeserveis_ALTRES_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/produccio/cat/ALTRES_2.jpg");
}
.imatgeserveis_ELABORACIOACERSFORMIGO_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/produccio/cat/ELABORACIOACERSFORMIGO_2.jpg");
}
.imatgeserveis_FORADAT_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/produccio/cat/FORADAT_2.jpg");
}
.imatgeserveis_GRANALLAT_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/produccio/cat/GRANALLAT_2.jpg");
}
.imatgeserveis_IMPRIMAT_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/produccio/cat/IMPRIMAT_2.jpg");
}
.imatgeserveis_TALL_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/produccio/cat/TALL_2.jpg");
}
.imatgeserveis_ESCOT_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/produccio/cat/ESCOT_2.png");
}
.imatgeserveis_CERTIFICACIO_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/eficiencia/cat/CERTIFICACIO_2.jpg");
}
.imatgeserveis_GALERIAAUDIOVISUAL_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/eficiencia/cat/GALERIAAUDIOVISUAL_2.jpg");
}
.imatgeserveis_ETIQUETATGE_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/eficiencia/cat/ETIQUETATGE_2.jpg");
}
.imatgeserveis_LLIBRERIATECNICA_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/eficiencia/cat/LLIBRERIATECNICA_2.jpg");
}
.imatgeserveis_PALETITZACIO_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/eficiencia/cat/PALETITZACIO_2.jpg");
}
.imatgeserveis_TRACABILITAT_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/eficiencia/cat/TRACABILITAT_2.jpg");
}
.imatgeserveis_TRANSPORT_ca:hover {
        background-image: url("https://www.manxaferros.com/recursosmx/serveis/botons/eficiencia/cat/TRANSPORT_2.jpg");
}
*/

.degrisacolor {
  cursor: pointer;
  -webkit-filter: grayscale(100%) !important;
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%) !important;
}

.degrisacolor:hover {
  -webkit-filter: none !important;
  /* Safari 6.0 - 9.0 */
  filter: none !important;
}

/*fbs btn-filter-mx*/
a.btn-filter-mx {
  margin-top: 36px;
}

span.btn-filter-mx {
  height: 35px;
  padding-top: 8px !important;
  padding-left: 10px !important;
}

a.btn-export-mx {
  color: #fff;
  background-color: #4c4f54;
  border-color: #4c4f54;
  float: right;
}

a.btn-export-mx-up {
  margin-top: -60px;
  margin-right: 35px;
}

@media (max-width: 1024px) {

  .subpage .columns-container {
    margin-top: 0;
  }

  a.btn-filter-mx {
    width: 100%;
    margin-top: 20px;
  }

  span.btn-filter-mx {
    text-align: center;
  }

  li.colfilter {
    width: 100%;
    margin-left: 6px;
    padding-right: 12px;
  }

  a.btn-export-mx {
    float: left;
  }

  a.btn-export-mx-up {
    margin-top: -17px;
    margin-left: 12px;
  }

  nav.mx-up {
    margin-bottom: 10px !important;
  }
}

/* msf manxa */
.btn_alta_client {
  float: right;
  color: #d30d2b !important;
  font-size: 16px;
  font-weight: bold;
  background-color: white;
  border-radius: 5px;
  border: solid #d30d2b 2px;
  padding: 14px;
  margin-top: 3px;
  margin-right: -2px;
}

@media (max-width: 1024px) {
  .btn_alta_client {
    padding: 13px 5px 13px 5px;
    margin-right: 0;
  }
}


/*********************

**CODI CSS EXTRET DE MANXA INDUSTRIAL

**/

.linkWA2025 {
  background-color: white;
  padding: 10px 10px 10px 0;
  border-radius: 20px;
}

.iconaWA2025 {
  vertical-align: middle;
  background-color: green;
  padding: 8px;
  color: white;
  border-radius: 20px;
  font-size: 24px;
}

/*==========================================================================================*/
/* PER DECLARAR VARIABLES GLOBALS, LES VARIABLES COMENCEN AMB '--' PER UTILITZAR LES VARIABLES DECLARADES TAN SOLS CAL POSAR FUNCIO VAR()
   	->MÉS FÀCIL DE LLEGIR I ENTENDRE 
 	->CANVIAR 1 AFECTA TOTS ELS LLOCS ON S'UTILITZA LA VARIABLE
	->CONSOLIDEM VARIABLES COMUNS EN 1 SOL LLOC
*/

:root {
  --vermell-manxa: #d30d2b;
  --vermell-hover-manxa: #8e0c2b;
  --font-color-default: #555559;
}


/*==========================================================================================*/
.pos_title h2,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', sans-serif;
  text-transform: none;
}



#_desktop_megamenu.megamenu_center .pos-menu-horizontal .menu-content .menu-item {


  position: relative;
}




/* .pos-sub-menu.menu-dropdown.col-xs-12.col-sm-3.menu_slidedown{
	width: 400px !important;

} */

.menu-content li:nth-child(5)>.pos-sub-menu {
  width: 320px !important;
}

#mx_menu>ul>li.menu-item.menu-item11.hasChild>ul>li>a>span {
  /*	text-transform:none !important; */
}


/* AMPLIACIO DEL MIN WIDTH DE CONTAINER PER AFEGIR AMPLADA A LA WEB EN GENERAL, PER MENU SERVEIS */
@media (min-width:1200px) {
  .container {
    width: 1210px;
    max-width: 100%
  }
}


/* -- SECCIO PER SOBRESCRIURE ELEMENTS BLAUS DE LA PLANTILLA -- */
.selector-block .localiz_block:hover button {
  color: unset;
}

a:hover,
#_mobile_wishtlist .wishtlist_top a:hover,
#_desktop_wishtlist .wishtlist_top a:hover,
#_mobile_compare .compare_top a:hover,
#_desktop_compare .compare_top a:hover,
#_desktop_contact_link .contact-link .data a:hover,
.selector-block .localiz_block button:hover,
.selector-block .localiz_block:hover .current-block,
.selector-block .localiz_block .dropdown-menu li:hover .dropdown-item,
.selector-block .localiz_block .dropdown-menu li.current .dropdown-item,
.selector-mobile button:hover,
.selector-mobile .dropdown-menu li a:hover,
.selector-mobile .dropdown-menu li.current a:hover,
.user-info-block:hover button,
.user-info-block .dropdown-menu li a:hover,
#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .submenu-item>a:hover,
#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .submenu-item .category-sub-menu a:hover,
#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item .menu-dropdown.cat-drop-menu li a:hover,
#_mobile_megamenu .pos-menu-horizontal .menu-item a:hover,
#_mobile_megamenu .pos-menu-horizontal .menu-item .icon-drop-mobile:hover i,
#_desktop_search_category .search-icon:hover,
.blockcart:hover .button_cart a.desktop,
.blockcart .popup_cart .price_content .price_inline.cart-total .value,
.poslistcategories .list-categories .thumb-category .name_categories a:hover,
.poslistcategories .list-categories .desc-listcategoreis .sub a:hover,
.poslistcategories .list-categories .desc-listcategoreis .view-all a,
.poslistcateproduct .btn-group .dropdown-menu a:hover,
.comments_advices a:hover,
.block-categories .category-sub-menu li[data-depth="0"]>a:hover,
.block-categories .collapse-icons .add:hover,
.block-categories .collapse-icons .remove:hover,
.block-categories .category-sub-menu .category-sub-link:hover,
.breadcrumb_container .breadcrumb ol li:last-child a,
.breadcrumb_container .breadcrumb ol li:last-child span,
.breadcrumb_container .breadcrumb ol li a:hover,
.slideshow_container .pos-slideshow .nivo-directionNav a:hover,
.js-product-miniature .product_desc .product_name:hover,
.product-line-info a.product_name:hover,
.testimonials_container .item-testimonials .item .content_author .des_testimonial:before,
.home_blog_post_area .blog_slider .item .blog_post .post_title a:hover,
.home_blog_post_area .blog_slider .item .blog_post .read_more a:hover,
.meta_author span,
.home_blog_post_area .blog_slider .item .blog_post .meta_category a,
#footer a:hover,
#footer .footer-container .footer_block .footer_list>li a:hover,
#footer .footer-container .footer_bottom .copyright a,
#footer .footer-container .footer_bottom .links_footer a:hover,
#search_filters_wrapper #search_filters .facet .facet-label:hover a,
#js-product-list-top ul.display li:hover,
#js-product-list-top ul.display li.selected,
.js-product-miniature .product_desc .availability .availability-list span,
.product-line-grid-right .cart-line-product-actions .remove-from-cart:hover,
.product-line-grid-right .product-price .remove-from-cart:hover,
.social-sharing li a:hover,
.owl-nav>div:hover,
.ft_newsletter form .btn:hover,
.tabs .nav-tabs .nav-item .nav-link:hover,
.tabs .nav-tabs .nav-item .nav-link.active,
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active,
.page-my-account #content .links a:hover i,
.panel-product-line #wishlist_button:hover,
.panel-product-line .compare-button:hover,
.panel-product-line .compare-button.cmp_added,
#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item.active>a,
#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item.home>a,
#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item:hover>a {
  color: var(--vermell-manxa);
}

.selector-idioma a:hover {
  color: var(--vermell-manxa);
}

.selector-block .localiz_block .dropdown-menu li.current .dropdown-item {
  color: unset;
  font-weight: 500;
}


.selector-block .language-selector.localiz_block button:before {
  content: "|";
  color: black;
}

.social_follow li a:hover,
.js-product-miniature.style_product1 .add-to-links li a:hover,
.js-product-miniature.style_product2 .add-to-links li.cart button.ajax_add_to_cart_button:hover,
.js-product-miniature.style_product2 .add-to-links li.cart span.ajax_add_to_cart_button:hover,
.js-product-miniature.style_product2 .add-to-links li a:hover,
.js-product-miniature.style_product3 .add-to-links li.cart button.ajax_add_to_cart_button:hover,
.js-product-miniature.style_product3 .add-to-links li.cart span.ajax_add_to_cart_button:hover,
.js-product-miniature.style_product3 .add-to-links li a:hover,
.blockcart .popup_cart ul li .img_content .product-quantity,
.blockcart .button_cart a.desktop .item_count,
.blockcart .button_cart a.mobile .item_count,
.blockcart .popup_cart .checkout a,
.search_top form button,
#_desktop_wishtlist .wishtlist_top a .cart-wishlist-number,
.is-countdown,
.desc_slideshow .readmore,
.slideshow_container .pos-slideshow .nivo-controlNav a:hover,
.slideshow_container .pos-slideshow .nivo-controlNav a.active,
.product-flag .new,
.product-flag .on-sale,
.product-flag .pack,
.product-flag .new:after,
.product-flag .on-sale:after,
.product-flag .pack:after,
.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span,
.pos-featured-products .col-center .js-product-miniature .product_desc .cart button.ajax_add_to_cart_button:hover,
.pos-featured-products .col-center .js-product-miniature .product_desc .cart span.ajax_add_to_cart_button:hover,
#search_filters .ui-widget-header,
#tags_block .tags_block li a:hover,
.tabs .nav-tabs .nav-item .nav-link:hover:after,
.tabs .nav-tabs .nav-item .nav-link.active:after,
#js-product-list .product_content.list .js-product-miniature .product_desc .add-to-links li a:hover,
.back-top a,
.js-product-miniature.style_product1 div.cart button.ajax_add_to_cart_button:hover,
.js-product-miniature.style_product1 div.cart span.ajax_add_to_cart_button:hover,
.js-product-miniature.style_product_default .add-to-links li.cart button.ajax_add_to_cart_button:hover,
.js-product-miniature.style_product_default .add-to-links li.cart span.ajax_add_to_cart_button:hover,
.js-product-miniature.style_product_default .add-to-links li a:hover,
.products-sort-order .select-list:hover,
.pagination a:hover,
.pagination .current a,
.product-actions .add-to-cart,
.poscompare-product .desc-box div.cart button.ajax_add_to_cart_button:hover,
.poscompare-product .desc-box div.cart span.ajax_add_to_cart_button:hover,
.btn-comment:hover,
.btn-secondary:hover,
.btn-tertiary:hover,
.btn-primary:hover,
.btn-secondary:focus,
.btn-tertiary:focus,
.btn-primary:focus,
.btn-secondary:active,
.btn-tertiary:active,
.btn-primary:active,
.btn-secondary:active:focus,
.btn-tertiary:active:focus,
.btn-primary:active:focus,
.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary:disabled.focus,
.btn-primary:disabled:focus,
.btn-primary:disabled:hover {
  background: var(--vermell-hover-manxa);
}

/*==========================================================================================*/

.row-eq-height {

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 4%;
}

/*==========================================================================================*/

.js-product-miniature .product_desc .availability {
  display: unset;
}

.mx_posmegamenu {
  padding: 0;
}

/*==========================================================================================*/



/*ESTIL FONT - GENERAL - ROBOTO DE 14PT */
html,
body {
  font-family: 'Roboto', sans-serif;
  /*FBS comment font-size: 14pt;*/
  font-size: 12pt;
}

/*ESTIL FONT - HEADER - MENU NAVEGACIO */
.menu-content span {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
}

#_desktop_vegamenu .pos-menu-vertical .menu-content .menu-item>a {
  text-transform: uppercase !important;
}

/*ESTIL FONT - HEADER - LINK COMANDES + SELECTOR IDIOMA  */
.selector-idioma a {
  font-size: 9pt;
  color: var(--font-color-default);
}

.banner7-des .info {
  padding-left: 12%;
  max-width: 60%;
}

/*ESTIL FONT - BANNER HOME - POSSLIDESHOW  */
#pos-slideshow-home>div>div.banner7-des>div>div>div>h2 {
  font-family: 'Roboto', sans-serif;
  font-size: 50pt;
  color: #8A8A8D;
  text-transform: none;
}

#pos-slideshow-home>div>div.banner7-des>div>div>div>p {
  font-family: 'Roboto', sans-serif;
  font-size: 22pt;
  color: #5E5E5E;
}

#pos-slideshow-home>div>div.banner7-des>div>div>div>a {
  font-family: 'Roboto', sans-serif;
  font-size: 14pt;
  color: white;
  background: #CF112D;
}

b,
strong {
  font-family: 'Roboto', sans-serif;
}


/*ESTIL FONT - DESPLEGABLE CATEGORIES DINS EL SEARCHBAR */
#pos_search_top .form_search .form-group .bootstrap-select {
  font-family: 'Roboto', sans-serif;
  font-size: 12pt;
  color: var(--font-color-default);
  background-color: #E6E7E9;
  cursor: pointer;
}

/*ESTIL FONT - INPUT DEL SEARCHBAR */
#pos_query_top {
  font-size: 10pt;
  font-family: 'Roboto', sans-serif;
  ;
}

#pos_search_top .form_search .form-control {
  color: #595959;
}

/*ESTIL FONT - TEXT 3 BOTONS - WHISLIST, COMPRA RAPIDA, CISTELLA */
#_desktop_wishtlist .wishtlist_top a .txt_wishlist,
#_desktop_cart_block .text,
.txt_compra_rapida {
  font-size: 11pt;
}

/*ESTIL FONT - COMPRA RAPIDA*/
#compra_rapida .compra_rapida_contenidor a i {
  font-size: 28px;
  line-height: 34px;
  padding-right: 6px;
}

/*ESTIL FONT - CAPCALERA DE POSSPECIALPRODUCTS I POSTABCATESLIDER */
.pos_title h2 {
  font-size: 16pt;
  /*21px;*/
  color: var(--font-color-default);
}

/*ESTIL FONT - CAPCALERA DE PRODUCTOS MISMA CATEGORIA */
.categoryproducts .pos_title h2 {
  font-size: 18pt;
  color: var(--font-color-default);
  font-weight: 500;
  text-transform: none;
}

.banner-box:before {
  content: unset;
}

/*ESTIL FONT - POSTABCATESLIDER TITOL PRODUCTE SLIDER PROMOCIONS */
.js-product-miniature .product_desc .product_name {
  font-size: 12pt;
  color: var(--font-color-default);
  font-family: 'Roboto', sans-serif;
  line-height: 13pt;
  margin-bottom: unset;
  min-height: 36px;
}

/*ESTIL FONT - POSTABCATESLIDER PREUS PRODUCTE SLIDER PROMOCIONS*/
div.productTabCategorySlider.owl-carousel.owl-loaded.owl-drag>div.owl-stage-outer>div div.product_desc>div.box>div.product-price-and-shipping>span.price {
  color: var(--vermell-manxa);
  font-size: 14pt;
  /*19px;*/
}

.mx_price {
  color: black;
  font-size: 14pt;
  font-weight: 700;
}

/*ESTIL FONT - POSTABCATESLIDER SPAN DESPRES DE PREU '/unitat' SLIDER PROMOCIONS*/
.unitatPrice {
  color: black;
  font-size: 10pt;
  /*13px;*/
}

/*ESTIL FONT - POSSPECIALPRODUCT DESTACAT - REFERENCIA PROCDUCTE*/
.productReference {
  font-size: 10pt;
  /*13px;*/
  color: #595959;
  line-height: 1;
  margin-bottom: 0px;
  display: inline-block;
}

/*ESTIL FONT - POSSPECIALPRODUCT DESTACAT - PREU PRODUCTE TAAXAT EN GRIS*/
.product-price-and-shipping .regular-price {
  font-size: 11pt;
  color: #595959;
  font-family: 'Roboto', sans-serif;
  text-decoration-color: var(--vermell-manxa);
  margin-bottom: 4pt;
  margin-top: 4pt;
  min-height: 16px;
}

.product-price-and-shipping {
  line-height: 1;
  min-height: 58px;
}

.product_categoryslide .product-price-and-shipping .regular-price {
  font-size: 8pt;
  color: var(--font-color-default);
  font-family: 'Roboto', sans-serif;
  ;
  text-decoration-color: var(--vermell-manxa);
  margin-bottom: 8pt;
  margin-top: 8pt;
}



.product_accessoriesslide .product-price-and-shipping .regular-price {
  font-size: 8pt;
  color: var(--font-color-default);
  font-family: 'Roboto', sans-serif;
  ;
  text-decoration-color: var(--vermell-manxa);
  margin-bottom: 8pt;
}


/*ESTIL FONT - POSSPECIALPRODUCT DESTACAT - PREU PROCDUCTE*/
.pos-special-products .js-product-miniature .product_desc .product-price-and-shipping .price {
  color: var(--vermell-manxa);
  font-size: 18pt;
  /*24px;*/
}

/*ESTIL FONT - POSLOGO LINK TOTES MARQUES - */
#link_totes_nostres_marques {
  text-align: center;
  margin-top: -48px;
  color: var(--font-color-default);
  font-family: 'Roboto', sans-serif;
  ;
  font-size: 16pt;
  text-transform: none;
}

#footer .footer-container .footer_block h3 {
  text-transform: unset;
  margin-bottom: 15px;
}

/*ESTIL FONT -   - TESTIMONIS*/
#testimonials_block_right {
  font-family: 'Roboto', sans-serif;
  ;
  font-size: 10pt;
  color: #555559;
}

/*ESTIL FONT - ICONES AVANTATGES I  TESTIMONIS - FOOTER 3 COLUMNES - STATICBLOCKS*/
span.icones_avantatges,
span.icones_testimonis {
  font-size: 40pt;
  /*66px;*/
  color: #D1D2D1;
}

span.icones_testimonis {
  color: #54555A;
}

/*ESTIL FONT - BANNER BUTTOM - CONEIXES MX FERROS? - STATICBLOCKS(displayContainerbottom2 - Banner Buttom) */
.banner_mxferros h2,
.banner_mxferros button,
.banner_mxferros p {
  color: white;
  font-size: 12pt;
}

/*ESTIL FONT - FOOTER CENTER - TEXTOS DE LES 4 COLUMNES DEL FOOTER */
/* .footer_center {
  font-size: 10pt;
  font-family: 'Roboto', sans-serif;
  ;
  color: var(--font-color-default);
  background-color: #f2f2f2;
} */

/*ESTIL FONT - FOOTER CENTER - TITOLSS DE LES 4 COLUMNES DEL FOOTER - STATICFOOTER */
#menu_compte_login_col_dreta b {
  font-size: 12pt;
  color: black;
  font-family: 'Roboto', sans-serif;
  ;
}

/*POSO que els items del desplegable són de 10pt, inlineblock em conserva margins*/
#menu_compte div div.row a {
  font-size: 10pt;
  line-height: 12pt;
  color: #595959;
  display: inline-block;
  font-weight: 500;
}

#menu_compte div div.row a:hover {
  color: var(--vermell-manxa);
}

#menu_compte div div.row a:hover b {
  color: var(--vermell-manxa);
}

/*Poso un marginbottom als items del desplegable que serveix com interlineat*/
#menu_compte div div.row {
  margin-bottom: 9pt;
  margin-right: 2pt;
}

#menu_compte div div.row {
  margin-bottom: 9pt;
  margin-right: 2pt;
}

#menu_compte div div.menu_content_bottom_a0 {
  margin-bottom: 0px;
  line-height: 0px;
}


#menu_compte b {
  font-family: 'Roboto', sans-serif;
  ;
  font-size: 12pt;
  color: var(--font-color-default);
  font-weight: 500;
}

.btn_home_no_logat {
  color: var(--vermell-manxa);
  ;
}

.btn_home_no_logat:hover {
  color: var(--font-color-default);
}

/*ESTIL FONT - FOOTER BLOCK -  ICONES CONTACTE - STATICFOOTER */

/*ESTIL FONT - NEWSLETTER*/
.title-newsletter {
  font-family: 'Roboto', sans-serif;
  ;
}

.footer_block {
  font-size: 10pt;
  color: var(--font-color-default);
}

.block_newsletter {
  font-size: 10pt;
  color: var(--font-color-default);
}

.ft_newsletter.email_subscription.block_newsletter div:first-child {
  margin-bottom: 6px;

}

.title-newsletter span {
  font-size: 14pt;
}

.table-bordered {
  border: unset;
}

.table-bordered td {
  border: 0;
  border-bottom: 1px solid #f6f6f6;
}

.table-bordered thead th {
  border: 0;
}

.table td,
.table th {
  padding: 0.4rem;
}

#mxproductsrelated_list thead {
  color: var(--font-color-default);
  background: #ECECEC;
  font-size: 12pt;
}


/*==========================================================================================*/

/* -- ESTIL DEL BOTÓ SWITCH MULTIOPCIÓ LOG IN AUTONOM/EMPRESA AUTENTICATION.TPL --*/




.pill-container {
  margin: auto;
  display: flex;
  flex-direction: row;
  min-width: 60%;
  min-height: 2rem;
  box-sizing: border-box;
}

.pill-container input[type="checkbox"] {
  opacity: 0;
  position: fixed;
  width: 0;
}

.pill-container .option-empresa,
.pill-container .option-client {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.pill-container .selector:last-child {
  /*border-right: 2px solid var(--vermell-hover-manxa);*/
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.selector {
  font-family: "Roboto", sans-serif;
  letter-spacing: 1.1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #666666;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  cursor: pointer;
  background: white;
  /*border: 2px solid var(--vermell-hover-manxa);*/
  border-right: 0;
}

.selector:hover {
  background: var(--vermell-hover-manxa);
  color: #fff;
}



#content.page-content.card.card-block {
  border: unset;
  padding: unset;
}

/*==========================================================================================*/

/* -- ESTIL DELS ICONES FONT AWESOME - VAROAR DE  400 A 600 PERQUE ES VEGI --*/
.far,
.fas {
  font-weight: 600;
}

/* -- ESTIL DELS ICONES FONT AWESOME - VAROAR DE  400 A 600 PERQUE ES VEGI --*/
ul.menu-content.mx_menu_productes,
ul.menu-content.mx_menu_productes ul {
  /*box-shadow: 8px 8px 20px grey;
    	border-radius: 11px;*/
}

/*==========================================================================================*/

/* -- ESTIL DELS ICONES AFEGIR WISHLIST & COMPARAR PRODUCTE - PRODUCT-ADDITIONAL-INFO.TPL  --*/

.panel-product-line.panel-product-actions,
.compare-button,
.wishlist_button_extra {
  background: unset;
  border-width: 1px;
  border-style: outset;
  border-color: #54555A;
  /*padding: 1px 6px;*/
  /*padding: 15% 14%;*/
  height: 50px;
  width: 39px;
}


.mx_carrito_preferits {
  padding-left: 0.5em;
}

.mxproduct-line-a {
  color: black;
  font-weight: 500;
}

/*
.mx_preu_detall_producte {
	padding-right: 4% !important;
}

/*ESTIL BOTO WISHLIST AL PRODUCT PAGE*/

.d-inline .wishlist-button-add {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 50px !important;
  width: 2.5rem !important;
  min-width: 2.5rem !important;
  padding-top: 0.1875rem !important;
  background-color: #ffffff !important;
  box-shadow: unset !important;
  cursor: pointer !important;
  transition: 0.2s ease-out !important;
  border-radius: unset !important;
  border-width: 1px !important;
  border-style: outset !important;
  border-color: #54555A !important;
}

.d-inline .wishlist-button-product {
  margin-left: unset !important;
}

.d-inline .wishlist-button-add i {
  color: unset !important;
}

.d-inline .wishlist-button-add:hover {
  opacity: unset !important;
  color: white !important;
  background: #d30d2b !important;
  cursor: pointer !important;
}



*/
/*==========================================================================================*/

#_desktop_compare a {
  font-size: 8pt;
}

.mx_carrito_preferits>.row.m-0 {
  padding-bottom: 0.5rem;
}

/*==========================================================================================*/

.mx_span_separador_vertical {
  padding: 0 6pt 2%;
}

/*==========================================================================================*/

/* -- HOVER BOTO VISOR/BANNER PRINCIPAL HOME  --*/
#pos-slideshow-home>div>div.banner7-des>div>div>div>a:hover {
  background: var(--vermell-hover-manxa);
}

.compare-button:hover {
  color: var(--vermell-manxa);
}

.panel-product-line:hover {
  color: var(--vermell-manxa);
}

.panel-product-line #wishlist_button:hover {
  color: unset;
}

.panel-product-line {
  margin-right: 4px;
}

.mx_wishlist_compare {
  padding: 0%;

}

.panel-product-line #wishlist_button i {
  margin: unset;
}

.panel-product-line #wishlist_button {
  margin: unset;
  line-height: inherit;
  font-size: inherit;
}

#add-to-cart-or-refresh>div.row>div.col-lg-8>div>div>div.add>button {
  height: 50px;
  width: 230px;
}

#add-to-cart-or-refresh>div.row>div.col-lg-8 {
  padding-right: 0%;
}

.bootstrap-touchspin {
  float: none;
}

.product-quantity .qty {
  display: unset;
}

.input-group.bootstrap-touchspin {
  padding-bottom: 0.25em;
}


.mx_carrito_preferits {
  padding-top: 15px;
}

/*==========================================================================================*/

/* -- ESTIL HOVER FLETXES NAVEGACIO PROMOCIONS I DESTACATS (OWL-NAV) --*/

.owl-nav>div:hover {
  color: var(--vermell-manxa);
}

.product-price-and-shipping-top .discount-product,
.product-price-and-shipping-top .discount-percentage {
  background: #F89A2C;
  color: #242424;
  padding: 2px;
}

.js-product-miniature .product_desc .availability div.availability-list span {
  color: green;
}


.js-product-miniature .product_desc .availability div.availability-list span {
  color: orange;
}

#link_totes_nostres_marques a {
  background: white;
  text-decoration: underline;
}

.pos_logo {
  margin: 8% 0;
}

.material-icons icones_testimonis {
  padding-left: 8%;
}

#wrapper {
  padding-top: 30px;
  margin-bottom: 60px;
}

#wrapper>div.row {
  max-height: 175px;
}



button.btn-outline-secondary {
  border-color: #ffffff;
  border-radius: 5pt;
  margin-top: 4%;
}

div.banner_mxferros h2 {
  margin: 0;
  font-weight: 600;
}

/* CREAR LINIA SEPARADOR - AVANTATGES CLIENTS */
div.avantatges_clients:before {
  content: "";
  background: #e5e5e5;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  margin: -5% 0;
}

.avantatges_clients {
  /* padding-top: 10%;
	padding-bottom: 4%; */
}

/*TREURE BORDER DELS SEPARADORS DE LES FRANGES GRISES*/
#footer .footer-container .footer_tags .container:before,
#footer .footer-container .footer_tags .container:before {
  content: unset;
}

/*TREURE EL FLOAT DEL MODUL SOCIAL FOLLOW*/
.social_follow {
  float: unset;
}

/*POSAR MIDA MÉS GROSSA AL MENÚ DE PRODUCTES*/



.mx_menu_productes li ul li {
  padding: unset;
}


.mx_menu_productes li ul li a {
  width: 136%;
  line-height: 48px;
  margin: 0 20px;
}




/* -- MANXA - JC | ARREGLAR PICTO LINKEDIN PS_SOCIALFOLLOW --*/
.social_follow ul li.linkedin a:before {
  content: "\f239";
}

.social_follow ul li.linkedin a {
  background: #0B78B6;
}

/*==========================================================================================*/


/*ESTIL TMP - IMATGES PETITES */
.first-image {
  padding: 0 25%;
}

.img_destacat {
  padding: 0%;
}

.product_desc.card_destacat {
  padding-bottom: 27%;
}

.time_count_down {
  margin-bottom: 25%;
}

div.availability-list.out-of-stock,
.availability-list.in-stock {
  padding-top: 18%;
  padding-bottom: 10%;
  font-family: 'Roboto', sans-serif;
  ;
  font-size: 10pt;
}



/*==========================================================================================*/

#mxproductsrelated_list>table>tbody>tr td {
  vertical-align: inherit;
  text-align: center;
}

/*-- ESTILS FITXA PRODUCTE CLIENT -- */

.mx_fitxa_img {
  width: 70%;
}

.taulaescalatproducte {
  border-collapse: collapse;
  border-spacing: 1em;
  margin: 10px 0;
}

.taulaescalatproducte tbody {
  display: flex;
  flex-direction: column;
  gap: 10px;
}


.btn.btn-sm.btn-primary.add-to-cart {
  height: 50px;
}

.form-check {
  margin-bottom: unset;

}

.form-check-input {
  margin-left: -0.8rem;
}

.form-check-label {
  padding-left: 0.25rem;
}

.mx_unitatsEscalat {
  font-family: 'Roboto', sans-serif;
  ;
  font-size: 10pt;
  color: var(--font-color-default);

}

.mx_preusEscalat {
  font-family: 'Roboto', sans-serif;
  ;
  font-size: 18pt;
  color: var(--vermell-manxa);
}

.mx_td_preusEscalat:after {
  content: '|';
  color: var(--font-color-default);
  margin: 0px 4px;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  ;
}

.mx_preusEscalat b {
  padding-left: 5px;
}

.mx_descompteEscalat {
  font-family: 'Roboto', sans-serif;
  ;
  font-size: 16px;
  color: #3AB54A;
}

/* DEIXO COMENTAT, VOLEN LINETHROUGH GRIS.
.product-discount .regular-price:before {
	content: "";
	position: absolute;
	left: 20%;
	top: 3px;
	bottom: 0px;
	width: 1px;
	margin: -18% 0%;
	background:var(--vermell-manxa);	transform: rotate(90deg);
	z-index: 1;
}
*/

/*ALEX AC- Poso el before a 0*/
.product-discount .regular-price:before {
  display: none;
}

/*
.product-discount {

	margin-top: 15px;
}
*/
.product-discount .regular-price {
  font-family: 'Roboto', sans-serif;
  ;
  font-size: 10pt;
  color: var(--font-color-default);
  text-decoration: line-through;
  text-decoration-color: var(--vermell-manxa);
  ;
  margin: unset;
}

.product-discount span:nth-child(2) {
  font-family: 'Roboto', sans-serif;
  ;
  font-size: 10pt;
  color: var(--font-color-default);
}

.mx_detall_producte_text_petit {
  font-size: 11px;
  font-family: 'Roboto', sans-serif;
  ;
  font-style: italic;
  color: var(--font-color-default);
  line-height: normal;
  margin: 3% 0;
}

/* -- ESTIL IMG FABRICANT DETALL PRODUCTE --*/
.img-thumbnail {
  border: unset;
  padding: unset;
}


.img.img-thumbnail.manufacturer-logo {
  max-width: 115px;
  margin-right: 15px;
  max-height: 80px;
}

.txt3col_fitxaProductes {
  padding-top: 4%;
  margin-top: 4%;
}

#preu_meupreu {
  border: solid 1px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-around;
}

.product-actions .add-to-cart,
.btn.btn-primary.add-to-cart {
  padding: 3%;
  background-color: var(--vermell-manxa);
  font-size: 11pt;
  height: unset;
  line-height: unset;
}

.product-actions .btn.btn-primary.add-to-cart {
  padding: 0 20px;
}

.product-actions .add-to-cart,
.btn.btn-primary.add-to-cart:hover {
  background: var(--vermell-hover-manxa);
}

.product-information {
  color: var(--font-color-default);
}

/*
.product-attachments {
	display: flex;
	justify-content: space-between;
}*/

.mx_attachments {
  margin-top: 35px;
}

.tabs .tab-pane {
  padding: unset;
}

.mx_attachmentspan {
  text-decoration: underline;
}

.product-attachments p {
  color: #54555A;
  font-size: 1.5em;
  font-weight: 500;
}

.tabs .nav-tabs .nav-item .nav-link {
  color: #54555A;
}

.product_dubtes {
  float: right;
}


.product-features>dl.data-sheet dd.value,
.product-features>dl.data-sheet dt {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 40%;
  flex: 1 0 40%;
  font-weight: 400;
  background: #f1f1f1;
  padding: 0.625rem;
  margin-right: 0.625rem;
  min-height: 2.5rem;
  word-break: normal;

  margin-bottom: 0.5rem;
}


.mxdetalldd {
  display: inline-block;
  font-weight: 400;

}




.mxdetalldh {
  display: inline-block;
  font-size: 15pt;
  color: #54555A;
  font-weight: 600;
}


.product-features>dl.data-sheet dd.value:nth-of-type(2n),
.product-features>dl.data-sheet dt.name:nth-of-type(2n) {
  background: #f1f1f1;
}

.mxreferproveidor {
  color: #595959
}

.mxrefermanxa {
  color: #595959;
  font-weight: 500;
}

.mxrefermeva {
  color: #54555A;
}

.attachment_span {
  text-decoration: underline;
}


.product-flag .new,
.product-flag .on-sale,
.product-flag .pack {
  position: absolute;
  top: 10px !important;
  left: 10px;
  display: inline-block;
  color: #242424;
  background: #F89A2C;
  padding: 0;
  width: 64px;
  text-align: center;
  line-height: 20px;
  height: 22px;
  font-size: 11px;
  text-transform: capitalize;
  text-align: center;
  z-index: 4;
  border-radius: 5px;
  font-weight: 600;
}

.product-flag .promo {
  position: absolute;
  top: 3px !important;
  left: 3px;
  display: inline-block;
  color: white;
  background: var(--vermell-manxa);
  padding: 0;
  width: 50px;
  text-align: center;
  line-height: 18px;
  height: 19px;
  font-size: 11px;
  text-transform: capitalize;
  text-align: center;
  z-index: 4;
  border-radius: 5px;
  font-weight: 600;
}


.h1.namne_details {
  font-family: 'Roboto', sans-serif;
  ;
  font-weight: 600;
  font-size: 20px;
  color: var(--font-color-default);
}

.reference {
  color: #595959;
  font-size: 12pt;
}

.product_manufacturer {
  color: #595959;
  font-size: 10pt;
}

#span_meupreu {
  color: var(--font-color-default);
  font-family: 'Roboto', sans-serif;
  ;
  font-size: 9pt;
  font-style: italic;
}

#text_meupreu,
#preu_meupreu {
  font: bold 12pt Roboto;
  gap: 4px;
}

.product-actions .add-to-cart:before {
  content: unset;
}

#add-to-cart-or-refresh>div.product-add-to-cart>div>div.add>button>span {
  margin-bottom: 24px;
}


/*==========================================================================================*/

/*-- ESTILS :hover BACKGROUND DELS BUTONS | NOU VERMELL FOSC  --*/

/*button.mx_button_cart:hover, button.mx_button_cart_desc:hover, .back-top a:hover{
	background: var(--vermell-hover-manxa);}*/

.js-product-miniature.style_product_default .product_desc div.cart {
  opacity: 1;
}

.js-product-miniature.style_product3 .product_desc div.cart button.ajax_add_to_cart_button,
.js-product-miniature.style_product3 .product_desc div.cart span.ajax_add_to_cart_button:hover {
  background: var(--vermell-manxa);
}

.js-product-miniature.style_product3 .product_desc div.cart button.ajax_add_to_cart_button:hover,
.js-product-miniature.style_product3 .product_desc div.cart span.ajax_add_to_cart_button:hover {
  background: var(--vermell-hover-manxa);
}

.js-product-miniature.style_product_default .product_desc div.cart button.mx_button_cart.ajax_add_to_cart_button:hover,
.js-product-miniature.style_product_default .product_desc div.cart span.ajax_add_to_cart_button:hover,
button.btn.hidden-md-down.mx_btn_login:hover,
.back-top a:hover,
.mx_btn_info:hover,
.mx_btn_login:hover {
  background: var(--vermell-hover-manxa);
}

/*==========================================================================================*/

/*-- ESTILS :hover BACKGROUND DELS BUTONS  --*/

.mx_contacta_nosaltres:hover {
  background: var(--vermell-manxa);
}

.mx_contacta_nosaltres {
  background: #54555A;
}

/*==========================================================================================*/
/*ESTIL HOVERS GIF'S BANNER -  DISPLAYCONTAINERTOP STATIC BLOCK 3-3-3*/
/*==========================================================================================*/

/*-- HOVER GIF'S CA | HOOK DISPLAYCONTAINERTOP STATIC BLOCK 3-3-3  --*/

.banner-box.displayContainertop_banner_gif_esquerra>a>img#displayContainertop_Banner_Esquerra_CA:hover {
  content: url("https://www.manxaindustrial.com/img/cms/displayContainertop_Banner_Esquerra_CA.gif");
}

.banner-box.displayContainertop_banner_gif_central>a>img#displayContainertop_Banner_Central_CA:hover {
  content: url("https://www.manxaindustrial.com/img/cms/displayContainertop_Banner_Central_CA.gif");
}

.banner-box.displayContainertop_banner_gif_dreta>a>img#displayContainertop_Banner_Dreta_CA:hover {
  content: url("https://www.manxaindustrial.com/img/cms/displayContainertop_Banner_Dreta_CA.gif");
}



/*-- HOVER GIF'S ES | HOOK DISPLAYCONTAINERTOP STATIC BLOCK 3-3-3  --*/

.banner-box.displayContainertop_banner_gif_esquerra>a>img#displayContainertop_Banner_Esquerra_ES:hover {
  content: url("https://www.manxaindustrial.com/img/cms/displayContainertop_Banner_Esquerra_ES.gif");
}

.banner-box.displayContainertop_banner_gif_central>a>img#displayContainertop_Banner_Central_ES:hover {
  content: url("https://www.manxaindustrial.com/img/cms/displayContainertop_Banner_Central_ES.gif");
}

.banner-box.displayContainertop_banner_gif_dreta>a>img#displayContainertop_Banner_Dreta_ES:hover {
  content: url("https://www.manxaindustrial.com/img/cms/displayContainertop_Banner_Dreta_ES.gif");
}

/*==========================================================================================*/

/*-- HOVER GIF'S FR | HOOK DISPLAYCONTAINERTOP STATIC BLOCK 3-3-3  --*/

.banner-box.displayContainertop_banner_gif_esquerra>a>img#displayContainertop_Banner_Esquerra_FR:hover {
  content: url("https://www.manxaindustrial.com/img/cms/displayContainertop_Banner_Esquerra_FR.gif");
}

.banner-box.displayContainertop_banner_gif_central>a>img#displayContainertop_Banner_Central_FR:hover {
  content: url("https://www.manxaindustrial.com/img/cms/displayContainertop_Banner_Central_FR.gif");
}

.banner-box.displayContainertop_banner_gif_dreta>a>img#displayContainertop_Banner_Dreta_FR:hover {
  content: url("https://www.manxaindustrial.com/img/cms/displayContainertop_Banner_Dreta_FR.gif");
}

/*==========================================================================================*/

/*-- HOVER GIF'S ENG | HOOK DISPLAYCONTAINERTOP STATIC BLOCK 3-3-3  --*/

.banner-box.displayContainertop_banner_gif_esquerra>a>img#displayContainertop_Banner_Esquerra_ENG:hover {
  content: url("https://www.manxaindustrial.com/img/cms/displayContainertop_Banner_Esquerra_ENG.gif");
}

.banner-box.displayContainertop_banner_gif_central>a>img#displayContainertop_Banner_Central_ENG:hover {
  content: url("https://www.manxaindustrial.com/img/cms/displayContainertop_Banner_Central_ENG.gif");
}

.banner-box.displayContainertop_banner_gif_dreta>a>img#displayContainertop_Banner_Dreta_ENG:hover {
  content: url("https://www.manxaindustrial.com/img/cms/displayContainertop_Banner_Dreta_ENG.gif");
}


/*==========================================================================================*/
/*ESTIL HOVERS IMG BANNER -  DISPLAYCONTAINERBOTTOM STATIC BLOCK 6-3-3*/
/*==========================================================================================*/

/*-- HOVER IMG CATALÀ | HOOK DISPLAYCONTAINERBOTTOM STATIC BLOCK 6-3-3  --*/

/* MOBILE */
.displayContainerbottom_banner_gif_esquerra_mobile {
  /*Aquesta imatge només la mostrem en mobile*/
  display: none;
}


/* .banner-box.displayContainerbottom_banner_gif_esquerra_mobile>a>img#Containerbottom_Banner_Esquerra_Mobile_CA:hover {
	content: url("https://www.manxaindustrial.com/img/cms/displayContainerbottom_Banner_Esquerra_Mobile_Hover_CA.jpg");
} */

/***/
.banner-box.displayContainerbottom_banner_gif_esquerra>a>img#Containerbottom_Banner_Esquerra_CA:hover {
  content: url("https://www.manxaindustrial.com/img/cms/displayContainerbottom_Banner_Esquerra_Hover_CA.jpg");
}

.banner-box.displayContainerbottom_banner_gif_central>a>img#Containerbottom_Banner_Central_CA:hover {
  content: url("https://www.manxaindustrial.com/img/cms/displayContainerbottom_Banner_Central_Hover_CA.jpg");
}

.banner-box.displayContainerbottom_banner_gif_dreta>a>img#Containerbottom_Banner_Dreta_CA:hover {
  content: url("https://www.manxaindustrial.com/img/cms/displayContainerbottom_Banner_Dreta_Hover_CA.jpg");
}

/*==========================================================================================*/
/*-- HOVER IMG ESPANYOL | HOOK DISPLAYCONTAINERBOTTOM STATIC BLOCK 6-3-3  --*/

/* MOBILE */
/* .banner-box.displayContainerbottom_banner_gif_esquerra_mobile>a>img#Containerbottom_Banner_Esquerra_Mobile_ES:hover {
	content: url("https://www.manxaindustrial.com/img/cms/displayContainerbottom_Banner_Esquerra_Mobile_Hover_ES.jpg");
} */

/**/
.banner-box.displayContainerbottom_banner_gif_esquerra>a>img#Containerbottom_Banner_Esquerra_ES:hover {
  content: url("https://www.manxaindustrial.com/img/cms/displayContainerbottom_Banner_Esquerra_Hover_ES.jpg");
}

.banner-box.displayContainerbottom_banner_gif_central>a>img#Containerbottom_Banner_Central_ES:hover {
  content: url("https://www.manxaindustrial.com/img/cms/displayContainerbottom_Banner_Central_Hover_ES.jpg");
}

.banner-box.displayContainerbottom_banner_gif_dreta>a>img#Containerbottom_Banner_Dreta_ES:hover {
  content: url("https://www.manxaindustrial.com/img/cms/displayContainerbottom_Banner_Dreta_Hover_ES.jpg");
}

/*==========================================================================================*/
/*-- HOVER IMG FRANCÈS | HOOK DISPLAYCONTAINERBOTTOM STATIC BLOCK 6-3-3  --*/

/* MOBILE */
/* .banner-box.displayContainerbottom_banner_gif_esquerra_mobile>a>img#Containerbottom_Banner_Esquerra_Mobile_FR:hover {
	content: url("https://www.manxaindustrial.com/img/cms/displayContainerbottom_Banner_Esquerra_Mobile_Hover_FR.jpg");
} */

/*  */
.banner-box.displayContainerbottom_banner_gif_esquerra>a>img#Containerbottom_Banner_Esquerra_FR:hover {
  content: url("https://www.manxaindustrial.com/img/cms/displayContainerbottom_Banner_Esquerra_Hover_FR.jpg");
}

.banner-box.displayContainerbottom_banner_gif_central>a>img#Containerbottom_Banner_Central_FR:hover {
  content: url("https://www.manxaindustrial.com/img/cms/displayContainerbottom_Banner_Central_Hover_FR.jpg");
}

.banner-box.displayContainerbottom_banner_gif_dreta>a>img#Containerbottom_Banner_Dreta_FR:hover {
  content: url("https://www.manxaindustrial.com/img/cms/displayContainerbottom_Banner_Dreta_Hover_FR.jpg");
}

/*==========================================================================================*/
/*-- HOVER IMG ANGLÈS | HOOK DISPLAYCONTAINERBOTTOM STATIC BLOCK 6-3-3  --*/

/* MOBILE */
/* .banner-box.displayContainerbottom_banner_gif_esquerra_mobile>a>img#Containerbottom_Banner_Esquerra_Mobile_ENG:hover {
	content: url("https://www.manxaindustrial.com/img/cms/displayContainerbottom_Banner_Esquerra_Mobile_Hover_ENG.jpg");
} */

/*  */
.banner-box.displayContainerbottom_banner_gif_esquerra>a>img#Containerbottom_Banner_Esquerra_ENG:hover {
  content: url("https://www.manxaindustrial.com/img/cms/displayContainerbottom_Banner_Esquerra_Hover_ENG.jpg");
}

.banner-box.displayContainerbottom_banner_gif_central>a>img#Containerbottom_Banner_Central_ENG:hover {
  content: url("https://www.manxaindustrial.com/img/cms/displayContainerbottom_Banner_Central_Hover_ENG.jpg");
}

.banner-box.displayContainerbottom_banner_gif_dreta>a>img#Containerbottom_Banner_Dreta_ENG:hover {
  content: url("https://www.manxaindustrial.com/img/cms/displayContainerbottom_Banner_Dreta_Hover_ENG.jpg");
}

/*==========================================================================================*/
/*MENU SAT*/

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .pos-sub-inner {
  min-width: 317px;
  line-height: 24px;
  padding: 12px 11px 10px 18px;
  border-radius: 4px;
  border-style: solid;
  border-color: white;
  border-width: 1px;
  box-shadow: 0 0 10px;

}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item .column_title:hover {
  color: var(--vermell-manxa);
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item .menu-dropdown .pos-menu-row {
  margin-bottom: 9px;
}


/*-- HABILITAR SCROLL VERTICAL INVISIBLE  AL  MENU DE PRODUCTES  -- TO DO INCOMPATIBLE*/




.menu-content::-webkit-scrollbar {
  display: none;
}

.menu-content {
  -ms-overflow-style: none;
  scrollbar-width: none;
}


/*==========================================================================================*/



/*==========================================================================================*/

/* Eliminiar el border bottom de product detail -> Descripcio curta  */
.product-description-short {
  border-bottom: unset;

}

.mxPersonalitzable {
  display: flex;
  flex-wrap: wrap;
  gap: 10%;
}

/*==========================================================================================*/

/* ESTIL Franja gris detall producte  */
#add-to-cart-or-refresh,
#mxrelated,
#mxrelated_label {
  background: #F5F5F6;
  padding: 4%;
  margin: 0%;
}

.mxformulariProduct {
  margin: 0px -20px 0px -20px;
  background: #F5F5F6;
}

/*==========================================================================================*/
/*
.product-prices {
    margin: 15px 0 33px 36px;
} 
*/
.ofertaTag {
  color: var(--vermell-manxa);
  font-weight: 700;
  font-size: 14pt;
}

.ofertaDiv {
  margin-top: 10px;
}

.product-prices {
  margin: 14px 0 0 0;
}

.poslistcategories.container {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

p.des_testimonial em {
  font-style: italic;
}

.mx_banner_gif {
  padding-left: 0;
}

#menu_compte_login_col_dreta .material-icons {
  font-size: 15px;
}

.footer_bottom .material-icons {
  font-size: 15px;
}

.btn-primary {
  text-transform: none;
  /*FBS Canvis*/
  font-size: 1rem;
  background: var(--vermell-manxa);
}

.btn-primary .material-icons,
.btn-secondary .material-icons,
.btn-tertiary .material-icons {
  /*FBS Canvis*/
  margin-right: .001rem;
}

.back-top a {
  background-color: var(--vermell-manxa);
}

.js-product-miniature.style_product_default .add-to-links li a:hover {
  background-color: var(--vermell-manxa);
}

.js-product-miniature .product_desc .product_name:hover,
.blockcart .popup_cart ul li .right_block .product-name:hover {
  color: var(--vermell-manxa);
}



#searchbox>button>span {
  color: white;
}





/*-- MANXA - JC | ESTIL PER EL PAGINADOR DEL BANNER DE LA HOME */
.slideshow_container .pos-slideshow .nivo-controlNav a.active {
  background: #272727;
}


.slideshow_container .pos-slideshow .nivo-controlNav {
  left: 50%;
}

.slideshow_container .pos-slideshow .nivo-controlNav a:hover {
  background: var(--vermell-manxa);
}




.static_cms.container span.material-icons {
  font-size: 32px;
}

a.back-top-button {
  backround: var(--vermell-manxa);
}

.feat_img_small {
  MARGIN-LEFT: 15px;
}


.pos-logo {
  margin: 6% 0;
}

.pos-new-blog .item-ii .post_title a {
  color: #444444;
  font-size: 14px;
  font-weight: 600;
}

.banner_mxferros {
  padding-left: 39%;
  padding-top: 4%;
}

.des_namepost {
  padding-top: 2%;
  margin-bottom: 8%;
  color: #1E93D2;
}

.des_namepost strong {
  font-family: 'Roboto', sans-serif;
  ;
}

.content_test.mx_opinions_clients::after {
  content: "";
  background: #e5e5e5;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  margin-top: -2.5%;
}

/*.des_namepost.clients_testimonis::after{
    	content: "";
    	background: #e5e5e5;
	height: 1px;
    	width: 100%;
    	position: absolute;
    	left: 0;
    	margin-top: 7.5%;
}*/

/*
.selector-block .localiz_block .dropdown-menu{

.selector-block .localiz_block .dropdown-menu.mx_menu_registrat{
    	min-width: 425px;
    	line-height: 24px;
    	padding: 12px 11px 10px 18px;
    	border-radius: 4px;
}
*/
/*Alex - Cambio el dropdown menu, el faig més ample i li poso un shadow*/
.selector-block .localiz_block .dropdown-menu.mx_menu_registrat {
  min-width: 485px;
  line-height: 24px;
  padding: 12px 11px 10px 18px;
  border-radius: 4px;
  border-style: solid;
  border-color: white;
  border-width: 1px;
  box-shadow: 0 0 10px;
  left: -70%;
}

.selector-block .localiz_block .dropdown-menu.mx_menu_selector_idioma {
  line-height: 24px;
  padding: 10px;
  border-radius: 4px;
  border-style: solid;
  border-color: white;
  border-width: 1px;
  box-shadow: 0 0 10px;

}

.selector-block .localiz_block .dropdown-menu li .dropdown-item {
  font-size: 13px;
  line-height: 30px;
  border-bottom: unset;


}

.selector-block .localiz_block .dropdown-menu.mx_menu_selector_idioma {
  min-width: unset;
}


.poslistcategories .list-categories .name_categories a {
  background: unset;
  color: var(--font-color-default);
}

#custom-text {
  padding: unset;
  margin-bottom: unset;
}

.mx_zonaNoLogon {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border-bottom: 1px var(--font-color-default) solid;
  margin-bottom: 15px;
}

.mx_zonaNoLogon p {
  font-size: 10pt;
  margin-bottom: 10px;
  font-weight: 500;
  ;
}

.mx_zonaNoLogon p a {
  color: var(--vermell-manxa);
  text-decoration: underline;
}

.mx_identificate {
  display: block;
  font-size: 12pt;
  font-weight: 500;
  color: var(--vermell-manxa);
}




.mx_identificarse {
  border: 1px var(--vermell-manxa) solid;
  border-radius: 6px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.mx_identificarse:hover {
  background: var(--vermell-hover-manxa);
  border-color: var(--vermell-hover-manxa);
}

.mx_identificarse:hover span {
  color: white;
}

.mx_zonaNoLogon p a:hover {
  color: var(--vermell-hover-manxa);
  ;
}

#menu_noLog {
  min-width: 210px;
}

#menu_compte>div>div>a {
  margin-left: 12pt;
}

#menu_compte>div>div>b {
  margin-left: 12pt;
}

.selector-block {
  float: left;
}

div#eac-container-pos_query_top.easy-autocomplete-container {
  z-index: 9999;
}

.pos-menu-horizontal .menu-content .menu-item.home>a,
.pos-menu-horizontal .menu-content .menu-item.active>a {
  color: var(--vermell-manxa);
}


.pos-menu-horizontal .menu-content .menu-item>a {
  margin-left: 0 !important;
  padding: 0 10px !important;
}

#_desktop_wishtlist .wishtlist_top:hover {
  color: red !important;
}

#_desktop_wishtlist .wishtlist_top a .txt_wishlist,
#_desktop_wishtlist .wishtlist_top a {
  color: unset;
}

#_desktop_wishtlist .wishtlist_top a .cart-wishlist-number,
.blockcart .button_cart a.desktop .item_count,
.blockcart .button_cart a.mobile .item_count {
  background: #ffffff;
}

.btn-secondary,
.btn-tertiary,
.btn-primary,
.btn-comment {
  /*FBS Comment*/
  /*line-height: 40px;*/
}

#header .header-bottom.scroll-menu {
  position: fixed;
  top: 0;
  left: 0;
  padding: 0px 0;
  width: 100%;
  z-index: 1001;
  border: none;
  margin: auto;
  background: var(--vermell-manxa);
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
  box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
}

#menu_compte {
  display: flex;
  background-color: white;
  font-size: 13px;
  margin-bottom: 10pt;
}

div>button.btn.mx_btn_login {
  color: white !important;
  background-color: var(--vermell-manxa);
  border-radius: 6px;
  text-transform: none;
  padding: revert;
  font-size: 9pt;
}

.poscompare-add.compare-button.js-poscompare-add,
.panel-product-line.panel-product-actions {
  background: white;
  color: #54555A;
}

.poscompare-add.compare-button.js-poscompare-add:hover,
.panel-product-line.panel-product-actions:hover {
  color: white;
  background: #d30d2b;
  cursor: pointer;
}


i.icon-user,
i.material-icons {
  padding-right: 6px;
}

#_mobile_user_info i.icon-user {
  padding-right: 0;
}

.selector-block .localiz_block button i.icon-user {
  vertical-align: 0px;
}

.selector-block .localiz_block button i.material-icons {
  vertical-align: -2px;
}

.user-info-block.selector-block {
  padding: unset;
  height: unset;
  border: 0px;
}

#menu_compte_login_col_esq {
  padding: 0px 34px 10px 18px;
  border: hidden;
  border-right: var(--font-color-default) solid 1px;
}

#menu_compte_login_col_dreta {
  padding: 0px 10px 0px 20px;
}

/*ALEX - CAMBIAT PER UN BORDER-RIGHT AL LOGIN ESQ
#hr_vertical_menu_compte {
	border-left: 1px solid lightgray;
	height: 27.5vh;
	width: 1px;
	margin: 0px;
}
*/

.static_cms .txt_cms h4 {
  text-transform: none;
}

#footer .footer-container .footer_tags .copyright {
  margin: unset;
  color: white;
  font-size: 16px;
}

.footer_tags {
  background: linear-gradient(73deg, rgba(154, 192, 99, 1) 0%, rgba(67, 172, 81, 1) 19%);
}

#footer .footer-container .footer_tags {
  padding: 24px 0px;
  position: unset;
}

#footer .footer-container .footer_tags .container {
  padding: 0px 0px;
}

.footer_bottom,
#footer .footer-container {
  /* .footer_top  */
  background-color: #E6E6E4;
  padding: unset;
}

.ft_newsletter .title-newsletter h2,
.ft_newsletter .title-newsletter span.des,
#footer .footer-container .footer_bottom .payment .text {
  color: var(--font-color-default);
}

.ft_newsletter form .btn {
  background: var(--font-color-default);
  color: white;
  text-transform: uppercase;
  height: -webkit-fill-available;
  line-height: unset;
}

.poslistcategories .pos_title h2 {
  background: #fff;
}

.txt_cms {
  padding-top: 18px;
}

#_desktop_wishtlist,
#_desktop_cart_block,
#compra_rapida {
  display: contents;
}

#_desktop_wishtlist .wishtlist_top,
#compra_rapida .compra_rapida_contenidor,
#_desktop_cart_block .blockcart.cart-preview {
  margin: 0;
  height: unset;

}

#_desktop_cart_block>div>div.button_cart>a.desktop.hidden-md-down,
#compra_rapida>div>a {
  margin: 25px 6px;
  display: inline-block;
  margin-bottom: 27px;
}

#_desktop_cart_block>div>div.button_cart>a.desktop.hidden-md-down {
  margin-bottom: 28px;
}

#_desktop_wishtlist .wishtlist_top {
  float: unset;
  margin: 0;
  height: unset;
}

#_desktop_wishtlist .wishtlist_top a {
  margin: 22px 6px;
  margin-bottom: 31px;
}

#header .header-bottom {
  background: var(--vermell-manxa);
  padding: 0px;
}

#header #divVegamenu {
  margin: 15px 0px;
}

#header #divSearchTop {
  margin: 16px 0px;
}

#header #divDisplayTop {
  margin: 16px 0px;
}

.blockcart {
  margin-top: unset
}

.compra_rapida_contenidor {
  display: inline-block;
}

.compra_rapida_contenidor a {
  color: #fff;
  cursor: pointer;
  font-size: 13px;
}

.compra_rapida_contenidor a .icon_compra_rapida {
  font-size: 35px;
  line-height: 22px;
}

.blockFooter0,
.footer_top,
#footer .footer-container .footer_top {
  background: #d30d2b;
  padding: 30px 0 20px;
  overflow: hidden;
  color: #ffffff !important;
  line-height: 24px;
  background-image: url(../../../../recursosmx/home/footer-portada-ferros.jpg);
  background-position: right top;
  background-repeat: no-repeat;
}

.footer_top .col-md-12.links.footer_block {
  color: #fff !important;
}

.js-product-miniature .product_desc .manufacturer h3 a {
  font-size: 13px;
  color: var(--font-color-default);
}

.js-product-miniature.style_product_default .product_desc div.cart button.ajax_add_to_cart_button,
.js-product-miniature.style_product_default .product_desc div.cart span.ajax_add_to_cart_button {
  background-color: var(--vermell-manxa);
  font-size: 16px;
  margin: 6%;
  padding: 0% 4%;
}

#js-product-list .product_content.list .js-product-miniature .product_desc div.cart button.ajax_add_to_cart_button,
#js-product-list .product_content.list .js-product-miniature .product_desc div.cart span.ajax_add_to_cart_button {
  background: var(--vermell-manxa);
}

#js-product-list .product_content.list .js-product-miniature .product_desc div.cart button.ajax_add_to_cart_button:hover,
#js-product-list .product_content.list .js-product-miniature .product_desc div.cart span.ajax_add_to_cart_button:hover {
  background: var(--vermell-hover-manxa);
  background: var(--vermell-hover-manxa);
}



span.countdown-period {
  color: #fff;
  background-color: #D1D2D4;
}

.pos-special-products .js-product-miniature {
  border: 1px solid var(--vermell-manxa);
}

.owl-nav>div.owl-prev {
  margin-right: 4px;
}

div.owl-prev,
div.owl-next {
  background-color: #777679;
  color: white;
  padding: 0px 4px;
}

div.productTabCategorySlider.owl-carousel.owl-loaded.owl-drag>div.owl-stage-outer>div div.product_desc>div.box>div.cart {
  display: contents;
}

div.productTabCategorySlider.owl-carousel.owl-loaded.owl-drag>div.owl-stage-outer div.product_desc>div.box>div.cart>div>form>button {
  margin: 3%;
  padding: 0% 4%;
}

div.productTabCategorySlider.owl-carousel.owl-loaded.owl-drag>div.owl-stage-outer div.product_desc>h3 {
  padding: 0% 12%;
  /* min-height: 50px; */
  /*margin-bottom: 20px;*/
}

article.js-product-miniature .product_desc>h3[itemprop=name] {
  min-height: 69px;
}

img.first-image.img_destacat {
  padding-top: 22%;
}

div.product_accessoriesslide.owl-carousel.owl-loaded.owl-drag>div.owl-stage-outer>div div.product_desc>div.box>div.cart {
  display: contents;
}

div.product_accessoriesslide.owl-carousel.owl-loaded.owl-drag>div.owl-stage-outer div.product_desc>div.box>div.cart>div>form>button {
  margin: 3%;
  padding: 0% 4%;
}

div.product_accessoriesslide.owl-carousel.owl-loaded.owl-drag>div.owl-stage-outer div.product_desc>h3 {
  padding: 0% 12%;
}


div.product_categoryslide.owl-carousel.owl-loaded.owl-drag>div.owl-stage-outer>div div.product_desc>div.box>div.cart {
  display: contents;
}

div.product_categoryslide.owl-carousel.owl-loaded.owl-drag>div.owl-stage-outer div.product_desc>div.box>div.cart>div>form>button {
  margin: 3%;
  padding: 0% 4%;
}

div.product_categoryslide.owl-carousel.owl-loaded.owl-drag>div.owl-stage-outer div.product_desc>h3 {
  padding: 0% 12%;
  /* min-height: 50px; */
}

/*==========================================================================================*/
/* -- SECCIO PER SOBRESCRIURE ELEMENTS BLAUS DEL CART -- */


.blockcart .popup_cart .price_content .price_inline.cart-total .value {
  color: var(--font-color-default);
}

.blockcart .popup_cart ul li .img_content .product-quantity {
  background: var(--font-color-default);
}

.blockcart .popup_cart .checkout a {
  background: var(--vermell-manxa);
}

.blockcart .popup_cart .checkout a:hover {
  background: var(--vermell-hover-manxa);
}

/*==========================================================================================*/

/* -- SECCIO PER ELS HOVERS EN EL COLOR  -- */

.js-product-miniature.style_product_default .product_desc div.cart button.ajax_add_to_cart_button:hover {
  background: var(--vermell-hover-manxa);
}


.ft_newsletter form {
  position: relative;
  overflow: unset;
}

.block_newsletter form p {
  position: absolute;
  top: -25px;
  font-size: 10pt;
}

.newsletter-formulari {
  display: flex;
  top: 15px;
  width: 100%;
}

.alert-error-newsletter {
  color: var(--vermell-manxa);
}

.alert-success-newsletter {
  color: #3AB54A;
}

.block_newsletter form input[type=email]:focus {
  padding: 11px;
  border: 1px solid rgb(118, 118, 118);
}

.block_newsletter form input[type=email]:focus:invalid {
  border: 1px solidvar(--vermell-manxa);
  padding: 11px;
}

.mx_tx3col_fitxaproducts {
  line-height: 18pt;
  color: var(--font-color-default);
}

.mx_tx3col_fitxaproducts_titol {
  font-size: 12pt;
  display: block;
  margin-top: 1%;
  min-height: 32px;
}

.mx_tx3col_fitxaproducts_text {

  font-size: 10pt;
}

/*TODO PROVAR SI FUNCIONA AMB UN PRODUCTE QUE TÉ VARIES IMATGES (ZAPATO)*/
.slick-track {
  margin-left: unset;
}

.product-images .thumb-container.slick-current>div:before {
  border-color: var(--vermell-manxa);
}

.product-images .thumb-container:hover>div:before {
  border-color: var(--vermell-manxa);
}

.js-product-miniature:before {
  background-color: unset;
}

.mx_relatedoptionsTitle {
  font-size: 15pt;
  font-weight: 500;
  color: var(--font-color-default);
  border-bottom: 1px solid var(--font-color-default);
}

/*Trec barra de opciones relacionadas*/
.products-accessories .pos_title:before {
  content: none;
}


.mx_festeclient_displayContainerbottom {
  border: 1px solid var(--vermell-manxa);
  border-radius: 10px;
  color: var(--vermell-manxa);
  font-size: 10pt;
  padding: 5px 10px 5px 10px;
  font-weight: 600;
}

/*Poso la meva barra, que va a sota */

.mx_festeclient {
  border: 1px solid var(--vermell-manxa);
  border-radius: 10px;
  color: var(--vermell-manxa);
  font-size: 14pt;
  padding: 10px 20px 10px 20px;
  font-weight: 600;

}

.mx_festeclient:hover {
  color: white;
  background: var(--vermell-hover-manxa);
  border: 1px solid var(--vermell-hover-manxa);
}


.mx_taula_kits {
  border-collapse: unset;
  border-spacing: 22px;
}


/*TAULA MXRELATEDPRODUCTS*/
.footable .footable-sortable .footable-sort-indicator:after {
  content: unset;
}

.footable .footable-sortable.footable-sorted .footable-sort-indicator:after {
  content: unset;
}

.footable .footable-sortable.footable-sorted-desc .footable-sort-indicator:after {
  content: unset;
}

/*Investigar com posar els 3*/
#mxproductsrelated_list .table tr th:nth-child(1) {
  cursor: pointer;
}

#mxproductsrelated_list .table tr th:nth-child(2) {
  cursor: pointer;
  width: 290px
}

#mxproductsrelated_list .table tr th:nth-child(3) {
  cursor: pointer;
}

#mxproductsrelated_list .table thead * {
  text-align: center;
}

.relatedproductswish {
  line-height: 0px;
  margin-left: 4px;
  height: 50px;
  padding: 0;
  width: 53px;
}

.relatedproductsviewproduct {
  line-height: 0px;
  margin-left: 9px;
  height: 50px;
  padding: 0;
  width: 53px;
}



#create_account_successEmpresa,
#create_account_successParticular {
  font-size: 14pt;
}




.form-group.float-left.row label,
.form-group.float-left.row input {
  display: block;
}


#login_customer_div .page-subheading {
  text-align: center;
}

.form-group label {
  font-size: 14px;
  color: #666666;
  font-weight: 600;
  font-family: 'Roboto', sans-serif;
  ;
  margin: unset;
}

.mx_forgot_password {
  float: right;
}


.form-group a {
  font-size: 14px;
  color: #0B6DA8;
  text-decoration: underline;
}

.form-control:invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"> <path fill="%23dc3545" stroke="none" d="M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z"/></svg>');
  color: #dc3545;
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);

}



.priceAndInfo {
  display: flex;
  align-items: center;
}

.mxpromocio {
  margin-top: 8px;
  margin-bottom: 8px;
}

.textNoRegistrat {
  font-size: 16px;
  font-weight: 500;
}

.actionNoLogat,
.panel-product-line.panel-product-actions.actionNoLogat {
  height: 39px;
}

#groes_option {
  width: 80%;
  margin: 3% 0%;
  padding-left: 3%;
  padding-top: 1%;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='black'%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath id='svg_1' d='m7,10l5,5l5,-5l-10,0z'/%3E%3Cpath id='svg_2' fill='none' d='m0,0l24,0l0,24l-24,0l0,-24z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 0px;
  border: 1px solid #dfdfdf;
  border-radius: 5px;

}

.af_filter .count {
  color: black;
  margin-left: 4pt;
  font-weight: 500;
}

.af_filter .af-toggle-child {
  position: absolute;
  right: 0%;
  font-size: 15px;
}

.af_subtitle {
  text-transform: lowercase;
}

.af_subtitle::first-letter {
  text-transform: capitalize;
}



.mxfiltrestitle {
  color: #54555A;
}

.pagination {
  margin: unset;
}

.mxsearchtop {
  /* display: flex;
	align-items: center; */
}

.page-list.clearfix.text-sm-center {
  float: right;
}

.js-product-miniature .img_block img.mxrodona {
  width: unset;
}

.spanmxrodona {
  position: absolute;
  top: 41px !important;
  left: 10px;
  display: inline-block;
  color: #272727;

  padding: 0;
  width: 45px;
  text-align: center;
  line-height: 20px;
  height: 22px;
  font-size: 11px;
  text-transform: capitalize;
  text-align: center;
  z-index: 4;
  border-radius: 5px;
  font-weight: 600;
}

.product-price-and-shipping-top .spanmxrodona:nth-child(2) {
  margin-top: 23px;
}

.pagination a {
  line-height: unset;
  height: 25px;
  width: 25px;
  background: unset;
}

.pagination a[rel~="prev"] {
  color: red;
}

.pagination a[rel~="next"] {
  color: red;
}

.pagination a:not(.previous):not(.next),
.pagination ul li .spacer {
  border: 1px solid #595959;
  border-radius: 3px;
  display: inline-block;
  height: 25px;
  width: 25px;
}


.pagination ul li {

  height: 25px;
  width: 25px;
}

.pagination .current a {
  background: #E6E7E9;
  color: black;
}

.pagination .previous,
.pagination .next {
  line-height: unset;
  width: unset;
  height: 25px;
  width: 25px;
}

.pagination .previous:hover,
.pagination .next:hover {
  background: unset;
  color: #8e0c2b;
}

.products-selection {
  margin-bottom: 16px;
}

.product-manufacturer {
  margin-bottom: 5px;
}

/*-------------------------------------------------------*/
/*- Filtres Alfabet - Les Nostres Marques -*/

.all-brands .letter-select li {
  float: left;
  margin-bottom: 5%;
}

.all-brands .letter-select a {
  padding: 11px;
  font-size: 33px;
  display: block;
}

.all-brands .box-letter .box-title {
  width: 100%;
  display: block;
  background: #ccc;
  font-weight: bold;
  padding-left: 10px;
  height: 40px;
  line-height: 40px;

}

.all-brands .box-letter .letter-content {
  line-height: 32px;
  padding-left: 10px
}

.all-brands .box-letter p {
  margin-bottom: 0;
  float: left;
  width: 25%;
}

.brands-by-letter {
  clear: both;
}

.mx_totselsproductes_subcateg {
  color: #9d9c9c;

}

.mx_totselsproductes_subcateg:hover {
  color: var(--vermell-manxa);
}


/* #manufacturer #left-column {
	display: none;
} */

#option-noclient {
  margin-bottom: 0.5rem;
}

#pagenotfound .page-header {
  display: none;
}

#pagina404 #content {
  display: grid;
  justify-content: center;
  justify-items: center;
  grid-template-rows: 1fr 1fr 1fr 1fr;
}

#pagenotfound #footer {
  display: none !important;
}

.mx404Titol {
  display: block;

  font-size: 2em;
  color: #D30D2B;
  font-weight: 700;
}

.mx404subtitol {
  display: block;

  font-size: 1.5em;
  color: #54555A;
  font-weight: 400;
}

.mxSearchTitle {
  display: block;

  font-size: 1.5em;
  color: #54555A;
  font-weight: 700;
}

.mxnff {
  font-size: 1.5em;
  color: #54555A;
}

.mxnff p {
  margin: 1% 0;
  margin-bottom: 8%;
}

.mxnff span.material-icons {
  color: var(--vermell-manxa);
}

.mxnff ol {
  list-style-type: disc;
  list-style-position: inside;
}

.mxnotfoundfooterTitol {
  margin-top: 10%;
  color: #54555A;
  font-weight: 700;
}

#pagina404 hr {
  border-color: #54555A;
}

#pagina404 #notfoundContenthr {
  width: 100%;
  border-color: #D30D2B;
}

#footerDiv404 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10%;
  margin-bottom: 6%;
}


#footerDiv404 li {
  font-size: 20px;
}

#footerDiv404 ul li {
  display: grid;
  grid-template-columns: 8% 92%;
}

#footerDiv404 ul,
#footerDiv404 ol {
  display: grid;
  row-gap: 9px;
}

#footerDiv404 li span:nth-child(2),
#footerDiv404 ol li {
  font-size: 20px;
}

#footerDiv404 ol {
  list-style: none;
  font-size: 20px;
}

#footerDiv404 ol li:before {
  content: "·";
  font-size: 19px;
  vertical-align: middle;
  line-height: 20px;
}

#footerDiv404>div {
  display: grid;
  grid-template-rows: 35% 65%;
}

.mxmarca404 {
  color: var(--vermell-manxa);
  font-weight: 600;
}

#footerDiv404 i {
  color: var(--vermell-manxa);
}

#mxbreadcrumb404 {
  display: flex;
  justify-content: right;
}

.d-flex {
  display: flex;
}

.justify-content-center {
  justify-content: center;
}

.align-end {
  align-content: end;
}

#create-account_form_mx_aut_emp .form-group:nth-last-child(3),
#create-account_form_mx .form-group:nth-last-child(3) {
  margin-bottom: 0.5rem;
}

.mx_Titol_totelsproductes {
  color: var(--font-color-default);
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 40pt;
  text-align: center;
  padding: 5% 0;
  text-transform: none;
}

#products .thumbnail-container,
.featured-products .thumbnail-container,
.product-accessories .thumbnail-container,
.product-miniature .thumbnail-container {
  position: unset;
  margin-bottom: unset;
  height: unset;
  width: unset;
  background: unset;
  box-shadow: unset;
}

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

}

.mx_row_icones_totselsprods>a>div {
  width: 125px;
}

#gridp .show_gridp {
  color: var(--vermell-manxa);
}

#password .page-header h1 {
  font-family: 'Roboto', sans-serif;
  ;
  font-weight: 700;
  color: #555559;
  font-size: 32pt;
}

.mx_row_icones_totselsprods a .mx_totselsprods p {
  text-align: center;
}

.forgotten-password .form-fields .email,
.mx_btn_enviar_oblidarpassword {
  width: 60%;
}

.mx_img_oblidarpassword {
  position: absolute;
  top: -165px;
  left: 535px;
  z-index: 2;
}

#wrapper.wrapper_top {
  min-height: 500px;
}

p.send-renew-password-link:first-child {
  font-size: 14pt;
}

.blockcart .button_cart a.desktop .item_count,
.blockcart .button_cart a.mobile .item_count {
  left: 81px;
  min-width: 19px;
  width: auto;
}

/*--------------------------------------------------------------------------------------------*/
/*STYLE MODAL ADD WHISLIST*/
#blockcart-modal .modal-dialog {
  max-width: fit-content;
}

#blockcart-modal .modal-content,


#blockcart-modal .modal-content,
#blockcart-modal .modal-body {
  border-radius: 20px;
  padding-top: 0;
  padding-bottom: 0;
}

#blockcart-modal .modal-header,
#blockcart-modal .modal-title,
#blockcart-modal div.modal-header button span {
  color: black;
  background: none;
  border-bottom: none;
}

#blockcart-modal .modal-title {
  padding-top: 5%;
  padding-bottom: 5%;
}


#blockcart-modal div.modal-body div.cart-content-btn {
  text-align: center;
}

#blockcart-modal div.modal-body .mx_modal_content>p:nth-child(1),
.mx_modal_content>p:nth-child(2) {
  padding: 18% 0%;
}


#blockcart-modal div.modal-body>div.cart-content-btn {
  padding: 0% 0 8% 0%;
}

#blockcart-modal .modal-title i.material-icons {
  margin-right: 0.875rem;
}

.mx_border {
  border: 1px solid black;
  border-radius: 5px;
  padding: 2%;
}

span.mx_border:nth-child(2) {
  border: 0;
  border-left: 1px solid black;
  border-radius: 0;
  padding: 0 5%;
}




.wishlist-add-to-new,
.wishlist-add-to-new i {
  color: black !important;
}

.wishlist-add-to-new i {
  float: right;
}

.modal-header h5 {
  text-transform: none;
}



/*--------------------------------------------------------------------------------------------*/
.d-inline.wishlistNoLogat .wishlist-button-add {
  height: 39px !important;
}

.mxreferproveidor {
  margin-left: 0.3125rem;
}

.contact-form {
  width: unset;
}


.submitAndDeleteSection {

  display: flex;

  justify-content: space-between;

  margin-top: 10px;

}



/*Amaguem l'estado, necessari al JS CARTFAST */
#cartfast-list tr td:nth-child(2),
#cartfast-list tr th:nth-child(2) {
  display: none;
}

.bg-black {
  background: black;
}

.text-black {
  color: black;
}

#cartfast-list .bootstrap-touchspin input.form-control,
#cartfast-list .bootstrap-touchspin input.input-group {
  width: 4rem;
}

#cartfast-list input[type="number"] {
  -moz-appearance: textfield;
  outline: none;
}

#cartfast-list input[type="number"]::-webkit-outer-spin-button,
#cartfast-list input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#cartfast-list .cartFastSpanDelete {
  text-decoration: underline;
}

#cartfast .page-heading.bottom-indent {
  padding-left: 15px;
  font-size: 3em;
  color: black;
  font-weight: 600;
}

.b_del {
  color: black;
  cursor: pointer;
}

.table-bordered,
.table-bordered td,
.table-bordered th {
  border: unset;
}

#cartfast-list .cartFastIconDelete,
#cartfast-list .icon-plus {
  margin-right: 8px;
}

#cartfast-list thead {
  background: unset;
}

#cartfast-list,
#order-list {
  border-spacing: 0;
  border-collapse: separate;
  border-radius: 10px;
  border: 1px solid black;
}

#cartfast-list.table-bordered thead th,
#b_add div,
#order-list.table-bordered thead th {
  font-size: 14.56px;
  color: black;
  padding: 16px;
}

#b_add {

  font-size: 1.3em;
  color: black;
}

.cf_span_uploaded {
  margin-top: 10px;
  color: green;
}

#b_add:hover {
  color: var(--vermell-manxa);
  cursor: pointer;
}

#cartfast-list.table-bordered th:not(:last-child),
#order-list.table-bordered th:not(:last-child),
#order-list.table-bordered td:not(:last-child),
#cartfast-list.table-bordered td:not(:last-child) {
  border-right: 1px solid black;
}

#cartfast-list>thead>tr>th,
#cartfast-list>thead>tr>td,
#cartfast-list>tbody>tr>th,
#cartfast-list>tbody>tr>td,
#cartfast-list>tfoot>tr:not(:last-child)>th,
#cartfast-list>tfoot>tr:not(:last-child)>td,
#cartfast-list>tr>td,
#cartfast-list>tr>th,
#cartfast-list>thead:not(:last-child),
#cartfast-list>tbody:not(:last-child),
#cartfast-list>tfoot:not(:last-child),
#order-list>thead>tr>th,
#order-list>thead>tr>td,
#order-list>tbody>tr>th,
#order-list>tbody>tr>td,
#order-list>tfoot>tr:not(:last-child)>th,
#order-list>tfoot>tr:not(:last-child)>td,
#order-list>tr>td,
#order-list>tr>th,
#order-list>thead:not(:last-child),
#order-list>tbody:not(:last-child),
#order-list>tfoot:not(:last-child) {
  border-bottom: 1px solid black;
}

/* #cartfast-list.table-bordered td {
	border: 1px solid black;
} */

#b_trash_cartfast {
  background-color: white;
  color: var(--vermell-manxa);
  border: 1px solid var(--vermell-manxa);
  font-weight: 600;
}

#b_trash_cartfast:hover {
  color: white;
  border: 1px solid white;
  background-color: var(--vermell-manxa);
}


.mxInnerCartFast {
  border: 1px solid black;
  padding-top: 3px;
  padding-bottom: 3px;
}


.mxInnerCartFast label {
  margin-bottom: unset;
  display: grid;
  padding-right: 10px
}

.mxInnerCartFast label p {
  display: grid;
  grid-template-columns: 90% 10%;
  align-items: center;
}

.mxInnerCartFast.invalidInput {
  border: 1px solid red;
}

.mxInnerCartFast.validInput {
  border: 1px solid green;
}

.mxInnerCartFast {
  border-radius: 5px;
  display: grid;
  grid-template-columns: 45% 55%;
}

#cartfast-list td,
#cartfast-list th {
  vertical-align: middle;
}

#quotationdetail #order-list,
#quotationdetail #order-list td {
  border: none;
}

#quotationdetail #order-list th {
  border-right: none;
}

#cartfast-list td,
#cartfast-list th,
#history #order-list td,
#history #order-list th,
#delivery #order-list th,
#delivery #order-list td,
#certificate #order-list th,
#certificate #order-list td,
#block-history #order-list td,
#block-history #order-list th {
  text-align: center;
}

#order-list th {
  white-space: nowrap;
}

#cartfast-list tfoot td {
  text-align: unset;
}

#cartFastDescarregar {
  display: grid;
  grid-template-columns: 60% 40%;
}

#cartFastDescarregar input {
  border: 1px solid black;
  border-radius: 5px 0px 0px 5px
}

#cartFastDescarregar button {
  border: 1px solid transparent;
  border-radius: 0px 5px 5px 0px;
}

#chooseFileCF {
  display: grid;
  grid-template-columns: 40% 20%;
  grid-gap: 40%;
  margin-top: 20px;
}


.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.btn-primary.dropdown-toggle.focus,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:hover {
  background-color: var(--vermell-hover-manxa);
}

a[title="Validar"] {
  cursor: pointer;
}

.page-customer-account #content {
  border: unset;
}



/* .mx_my_account_opcions {
	padding-top: 10%;
} */


.mx_navvarfilter select,
.mx_navvarfilter select option,
.mx_navvarfilter input {
  border-radius: 8px;
  border: 1px solid black;
}

.mxdadesdireccions,
#order-detailTitle,
.titolSecundarimx {
  color: black;
  font-weight: 600;
  text-transform: none;
  font-size: 2em;
}

.direcFirstRow {
  color: #74CF8B;
}

#order-list {

  margin-top: 1rem;
}

#identity #order-list {
  font-size: unset;
  border: unset;
}


#order-list td {
  padding: 12px;
}

#order-list th {
  border-top: none;
  border-bottom: 1px solid black;
}

#order-list .mxdadestableth {
  background: unset;
  color: black;

}

#order-list tbody td {
  border-bottom: 1px solid #d3cccc;
  border-top: unset;
}

#order-list thead {
  background: unset;
}

.mxdadestabletbody {
  background: unset;
  font-size: 9pt;
}

/* div#block-history table#order-list, div#block-history #order-list tbody td, div#block-history #order-list thead th{
	border: 1px solid black;
} */

#mxDades .form-control-comment {
  display: none;
}

#mxDades .row {
  margin-left: unset;
  margin-right: unset;
}

table#order-list table {
  border-radius: 6px 6px 0 0;
}








/* top-right border-radius */
table#order-list tr:first-child th:last-child {
  /*border-top-right-radius: 6px;*/
  border-radius: 6px 0 0 0;

}


#mxDades .form-control-comment {
  display: none;
}

#mxDades .row {
  margin-left: unset;
  margin-right: unset;
}

#mxDades {
  display: grid;
  grid-template-columns: 48% 48%;
  grid-column-gap: 4%;
  grid-row-gap: 20px;
}

#mxDadesFormulari {
  background: #F0F0F0;
  padding: 28px;
  border-radius: 15px;
}

#mxDadesFormulari .form-footer {
  display: flex;
  justify-content: center;
}

#mxDadesFormulari .form-footer button {
  width: 15%;
}

.unitatPrice u {
  color: var(--vermell-manxa);
}

.contact-info {
  color: #555559;
}

.WhereToFindUs {
  margin-top: 3em;
}

.WhereToFindUs .h3,
.ContacteInfoDetall .h3 {
  color: #555559;
  font-weight: 800;
  text-transform: none;
}

.WhereToFindUs img {
  border-radius: 6%;
  margin-top: 3%;
}

#contenidorContacte i {
  font-size: 24px;
}

#contenidorContacte {
  display: block;
  /* MSF
	display: grid; MSF grid 
	grid-template-columns: 7% 93%;
	margin-top: 3%;
	grid-row-gap: 9%; */
}

#mxrenewPassForm input,
#contactForm input[type]:not([type=submit]),
#contactForm textarea,
#contactForm select,
#contactForm>section>div:nth-child(3)>div>label {
  background: #F1F1F1;
  padding-left: 7px;

}

input.mxcart-line {
  width: 70px;
  height: 40px;
  border-radius: 0px;
  border: 1px solid #d8d8d8;
  position: relative;
  text-align: right;
  float: left;
}

#contactForm select {
  background: #F1F1F1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=) no-repeat scroll right 0.5rem center/1.25rem 1.25rem;
}


h1.page-heading.bottom-indent {
  font-size: 3em;
  color: black;
  font-weight: 600;
  line-height: initial;

  /* padding-left: 15px; ACA COMM */
}



#identity h1.page-heading.bottom-indent,
#my-account h1.page-heading.bottom-indent {
  /* padding: unset; ACA COMM */
}

.mxModalHomeSP {
  display: grid;
  align-items: center;
  grid-template-columns: 40% 60%;
  flex: 0 0 100%;
}

.page-my-account #content .links a span.link-item {
  border: 1px solid black;
}

.ps-alert-error {
  position: relative;
  z-index: 10;
}

.renew-password {
  margin: 0;
}

#mxrenewPassForm {
  width: 30%;
}

.renew-password [type=submit] {
  margin: 0;
  width: 100%;
}


.wishlist-toast {
  padding: 0.875rem 1.25rem !important;
  box-sizing: border-box !important;
  width: auto !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 4px !important;
  box-shadow: 0.125rem 0.125rem 0.625rem 0 rgb(0 0 0 / 20%) !important;
  position: fixed !important;
  left: 50% !important;
  right: unset !important;
  width: auto !important;
  margin: auto !important;
  z-index: 9999 !important;
  top: 50% !important;
  transition: 0.2s ease-out !important;
  transform: translateY(-10px) translateX(-50%) !important;
  pointer-events: none !important;
}

.wishlist-button-product {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

#header>div.breadcrumb_container>div,
#mx-product-mes-detall,
#attachments_up,
#groes_option {
  font-size: 14px;
}

.mx_tx3col_fitxaproducts_text {
  line-height: 18px;
  display: block;
}

#mxproductsrelated_list>table>tbody>tr {
  font-size: 15px;
}

.product-description .mx_tab_product_description_name {
  font-size: 18px;
  font-weight: bold;
}

.product-description .mx_tab_product_description {
  font-size: 16px;
}

.product-actions {
  padding-top: unset;
}

.mx_preu_registrat_nopromo {
  color: black;
  font-size: 22px;
}

.product-price.has-discount .current-price span:first-child {
  color: var(--vermell-manxa);
}

.mx_qt_preu_fp {

  font-size: 14px;

}

td.mx_td_preusEscalat>span,
#add-to-cart-or-refresh tr td {
  font-size: 16px;
}

td.mx_td_preusEscalat .mx_preusEscalat {
  font-size: 22px;
}

.page-customer-account #content {
  padding: unset;
}

.alert-warning {
  background-color: #FFEDBF;
  border-color: #FAA45A;
  color: #664d03;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='100.000000pt' height='100.000000pt' viewBox='0 0 100.000000 100.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000 100.000000) scale(0.100000 -0.100000)' fill='%23664d03' stroke='none'%3E%3Cpath d='M467 893 c-78 -126 -460 -797 -461 -811 -1 -16 37 -17 488 -20 304 -1 493 1 499 7 10 10 -45 109 -351 635 -70 121 -132 221 -139 224 -7 2 -23 -14 -36 -35z m258 -411 c118 -206 215 -376 215 -378 0 -2 -198 -4 -441 -4 -248 0 -439 4 -437 9 14 37 433 751 440 749 4 -2 105 -171 223 -376z'/%3E%3Cpath d='M470 470 l0 -150 30 0 30 0 0 150 0 150 -30 0 -30 0 0 -150z'/%3E%3Cpath d='M472 228 c2 -28 7 -33 28 -33 21 0 26 5 28 33 3 30 1 32 -28 32 -29 0 -31 -2 -28 -32z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  padding-left: calc(0.75em + 0.375rem + 0.75em + 0.375rem);
  border-radius: 8px;
}

.alert-danger {
  background-color: #FFE3E3;
  border-color: #F0606F;
  color: #F0606F;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 16 16' version='1.1' fill='none' stroke='%23F0606F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='m10.25 5.75-4.5 4.5m0-4.5 4.5 4.5'/%3E%3Ccircle cx='8' cy='8' r='6.25'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  padding-left: calc(0.75em + 0.375rem + 0.75em + 0.375rem);
  border-radius: 8px;
}

.alert {
  margin-top: 6px;
}

.myaccmxAgent {
  border-radius: 50%;
}

.mxhrefnegre {
  color: black;
}

.mxhrefnegre:hover {
  color: var(--vermell-manxa);
}

.page-my-account #content .links a {
  color: black;
}

.page-my-account #content .links a:hover {
  color: var(--vermell-manxa);
}

.page-my-account #content .links a {
  width: 100%;
}

.mxagentinfo {
  display: flex;
  flex-direction: column;
}

.mxagenttitle {
  font-weight: 700;
  margin-bottom: 5px;
}

.myaccountinfo {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.page-my-account #content .links a span.link-item {
  text-transform: none;
  display: flex;
  align-items: center;
  gap: 30px;
}

.page-my-account #content .links a {
  text-align: left;
}

.page-my-account #content .links a i {
  padding-right: unset;
  padding-bottom: 0%;
  width: unset;
  float: left;
  font-size: 35px;
}

.page-my-account #content .links a span.link-item {
  height: 70px;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 20px;
  border-radius: 15px;
  font-weight: 400;
}

#order-list tbody tr:last-child td {
  border-bottom: unset;
}

/* #block-history{
	width: auto;
} */


.price-sale {
  color: var(--vermell-manxa);
}

.mxred {
  color: var(--vermell-manxa);
}

.slick-lightbox-close:before {
  content: "x";
}

div#testimonials_block_right iframe {
  margin-top: 21pt;
  max-width: 100%;
}

div#testimonials_block_right .pos_title h2 {
  font-weight: 600;
  text-transform: none;
}

.mx_fitxa_img:hover {
  cursor: pointer;
}

/* #_mobile_cart_block .blockcart.cart-preview {
	margin: 0 6%;
} */

#_mobile_user_info {
  margin-right: 0px;
}

#infoUsermxOrder {
  display: flex;
  flex-direction: column;
  gap: 35px;
}

#infoUsermxOrder input,
#infoUsermxOrder select {
  border: none;
  border-radius: 15px;
  background-color: #F5F5F5;
}

.mxdadesusuaricistella {
  background-color: #F5F5F5;
  background-clip: content-box;

}

#cart_summary {
  border: none;
}

#cart_summary td,
#cart_summary th {
  vertical-align: middle;
  text-align: inherit;
}

#cart_summary thead {
  color: #555559;
  background: unset;
  border: none;
  border-bottom: 1px solid black;
}

#cart_summary tr.cart_total_price td:nth-child(2),
#cart_summary tr.cart_total_price td:nth-child(3),
#cart_summary tr.cart_total_iva td:nth-child(2),
#cart_summary tr.cart_total_iva td:nth-child(3) {
  border-bottom: 1px solid black;
}

#cart_summary .cart_total_total {
  border-bottom: 1px solid black;
  font-weight: 700;
}

.mx_min_quantitat {
  line-height: 1.5;
}

.product-quantity .qty {
  margin-bottom: 0;
  margin-right: 4px;
}

#cart_summary tbody tr.odd {
  border-bottom: 1px solid grey;
}

#cart_summary tbody tr.even {
  border-bottom: 1px solid black;
}

#contactForm>section>div:nth-child(4)>label>div>label {
  background: #F1F1F1;
}

#contactForm>section>div:nth-child(4)>label>div>label>input[type=file] {
  border: unset;
}

.float-right {
  float: right;
}

.mx_cart_escalats,
.mx_cart_promo_valid {
  color: blue;
}

/* .cart_total {
	display: flex;
	justify-content: space-between;
	align-items: center;
} */

.mxcuponcistella {
  justify-content: space-between;
}

.threeOptions {
  display: flex;
  justify-content: space-between;
}

.threeOptions>div {
  width: 32%;
}

.threeOptions select {
  border-radius: 6px;
  background-image: unset !important;
}

#cistellafooterbtn {
  display: flex;
  justify-content: space-between;
}

div>button.btn.mx_btn_registrar {
  background-color: white;
  text-transform: none;
  font-size: 9pt;
  color: var(--vermell-manxa);
  border-radius: 6px;
  padding: revert;
  border: 1px var(--vermell-manxa) solid;
}

.product-view_content .product-flag .mxOportunidad {
  right: 10px;
  left: unset;
  background: var(--vermell-manxa);
  color: white;
  font-weight: none;
  font-size: 13pt;
  width: auto;
  height: auto;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23ffffff' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg' stroke='%23ffffff'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ctitle%3Eionicons-v5-r%3C/title%3E%3Cpath d='M449.07 399.08 278.64 82.58c-12.08-22.44-44.26-22.44-56.35 0L51.87 399.08A32 32 0 0 0 80 446.25H420.89A32 32 0 0 0 449.07 399.08Zm-198.6-1.83a20 20 0 1 1 20-20A20 20 0 0 1 250.47 397.25ZM272.19 196.1l-5.74 122a16 16 0 0 1-32 0l-5.74-121.95v0a21.73 21.73 0 0 1 21.5-22.69h.21a21.74 21.74 0 0 1 21.73 22.7Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  font-weight: 500;
  padding: 5px;
  padding-left: calc(0.75em + 0.375rem + 0.75em + 0.375rem);

}

.mxOportunidadSpan {
  background-color: var(--vermell-manxa) !important;
  width: auto !important;
  color: white !important;
}

.mxOportunidad:hover,
.mxOportunidadSpan:hover {
  background: var(--vermell-hover-manxa);
}

.mxLineaRegalSpan {
  background-color: var(--vermell-manxa) !important;
  width: auto !important;
  left: 60px !important;
  padding-left: 8.3px !important;
  padding-right: 8.3px !important;
}

.mxLineaRegalSpan i {
  height: 13px;
  line-height: inherit;
  display: inline;
  margin: 2px;
}

.mxLineaRegalSpanv2 {
  background-color: var(--vermell-manxa) !important;
  width: auto !important;
  padding-left: 8.3px !important;
  padding-right: 8.3px !important;
}

.mxLineaRegalSpanv2 i {
  height: 13px;
  line-height: inherit;
  display: inline;
  margin: 2px;
}

.product-flag .mxLineaRegalSpanv3 {
  background: #d30d2b;
  left: 80px;
}

.product-flag .mxLineaRegalSpanv3 {
  background: #d30d2b;
}

.mx_btn_registrar:hover,
button.btn.hidden-md-down.mx_btn_registrar:hover {
  background: var(--vermell-manxa);
  color: white;
}

.modal.fade.in {
  display: flex !important;
  align-items: center;
  justify-content: center;
}


.modal:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.modal {
  text-align: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  background-color: rgba(0, 0, 0, 0.4);
}

.modal-dialog {
  display: inline-block;
  vertical-align: middle;
  position: unset;
}

.btn.disabled,
.btn:disabled {
  cursor: default;
  opacity: .65;
}

.relatedAddCart {
  display: flex;
  flex-direction: column;
  align-items: baseline;
}

.back-top {
  bottom: 20px;
  right: 10px;
}

#chat-application {
  right: 64px !important;
  bottom: 10px !important;
}

#blockEmailSubscription_displayFooter>div:nth-child(2)>form>p {
  margin-bottom: 10px;
}

.ft_newsletter form .btn {
  top: unset;
}

.block_newsletter form p {
  position: unset;
}

#js-product-list-header {
  text-transform: none;
}

#product #dataview {
  margin-top: unset;
}

/* Manxa AC | Poso bottom 0 perquè a full HD dona problemes i no marxa el popup */
@media (min-width: 1920px) {
  .modal {

    bottom: 0;
    -webkit-transform: unset;
    -o-transform: unset;
    -ms-transform: unset;
    transform: unset;
  }

}

#mx_create_quotation_temp .btn-primary,
#mx_create_quotation .btn-primary,
#wishlistListsBack .btn-primary,
#history .history_detail .btn-primary,
#offert .history_detail .btn-primary,
#chooseFileCF a.btn-primary {
  background: white;
  color: var(--vermell-manxa);
  border: 1px red solid;
}

#mx_create_quotation_temp .btn-primary:hover,
#mx_create_quotation .btn-primary:hover,
#offert .history_detail .btn-primary:hover,
#history .history_detail .btn-primary:hover {
  background: var(--vermell-manxa);
  color: white;
}

#mx_create_order .btn-primary.mx_create:hover {
  background: var(--vermell-hover-manxa);
}

.mx_continuarComprant,
.mx_continuarComprant:hover {
  text-decoration: underline;
}

.mxLanguageDropdown {
  display: flex;
  flex-direction: row;
  align-items: center;
}


#mxTransportCart:after {
  content: "";
}

#content-wrapper>nav>div.mx_navvarfilter>p {
  padding-bottom: 2%;
}

.h1_mx_confirmOrder {
  font-weight: 700;
  text-transform: none;
}

.mx_msg_actions_cart {
  background: #ECECEC;
  border-radius: 30px;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 6% 10% 3% 10%;
  text-align: center;
  margin-bottom: 32px;
}

#checkout .mx_msg_actions_cart {
  padding: 10px 215px;
}

.mx_msg_actions_cart .confirmOrderP {
  border: 1px solid #555559;
  background: #555559;
  padding: 1px 4px;
  color: white;
  border-radius: 7px;
  width: 100%;
}

.mx_msg_actions_cartSHA {
  font-size: 32px;
  margin-bottom: 3px;
}

.mx_msg_actions_cartHOLA {
  margin-bottom: 10px;
}

.mx_msg_actions_cart .rebrascorreu {
  margin: 20px;
}

/* .mx_msg_actions_cartHOLA::before {
		content: '';
		font-family: "Font Awesome 5 Free";
		font-size: 14pt;
		color: #80D05F;
} */

.mx_msg_actions_cartFLETXA {
  transform: translateX(3px) translateY(0px) rotate(320deg)
}

#block-history .tornaInici {
  display: flex;
  margin-top: 2em;
  justify-content: flex-start;
}

#block-history .tornaInici a {
  margin: unset;
}

.mx_msg_actions_cart .confirmOrderP span {
  display: block;
}

.realistic-marker-highlight {
  position: relative;
}

.realistic-marker-highlight:before {
  content: "";
  background-color: #d2ff6d;
  width: 100%;
  height: 1em;
  position: absolute;
  z-index: -1;
  filter: url(#marker-shape);
  top: 0.1em;
  padding: 0 0.25em;
}

.mx_msg_actions_cart p:nth-child(2) {
  padding: 2% 0;
}

.mx_msg_actions_cart div.col-lg-6 p {
  padding-bottom: 1%;
}

.mx_msg_actions_cart>.h1_mx_confirmOrder {
  text-align: center;
  PADDING-BOTTOM: 2%;
}

.alert-info {
  background: #CEDBFF;
  color: #3767F6;
  border: 1px solid #3767F6;
  border-radius: 2px;
  z-index: 9;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='160' width='160' version='1.0'%3E%3Cg fill='%233767F6'%3E%3Cpath d='m80 15c-35.88 0-65 29.12-65 65s29.12 65 65 65 65-29.12 65-65-29.12-65-65-65zm0 10c30.36 0 55 24.64 55 55s-24.64 55-55 55-55-24.64-55-55 24.64-55 55-55z'/%3E%3Cpath d='m57.373 18.231a9.3834 9.1153 0 1 1 -18.767 0 9.3834 9.1153 0 1 1 18.767 0z' transform='matrix(1.1989 0 0 1.2342 21.214 28.75)'/%3E%3Cpath d='m90.665 110.96c-0.069 2.73 1.211 3.5 4.327 3.82l5.008 0.1v5.12h-39.073v-5.12l5.503-0.1c3.291-0.1 4.082-1.38 4.327-3.82v-30.813c0.035-4.879-6.296-4.113-10.757-3.968v-5.074l30.665-1.105'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  padding-left: calc(0.75em + 0.375rem + 0.75em + 0.375rem);
}

#total_total_it {
  color: #000;
  font-family: 'Roboto', sans-serif;
}

.cart_total_total {
  font-size: 14pt;
}

.ui-autocomplete.ui-front.ui-menu.ui-widget-content {
  z-index: 99999;
}


.mxpagamentZNCC {
  text-align: start;
  color: black;
  background: white;
  border: 1px solid black;
  border-radius: 2px;
  z-index: 9;
  background-repeat: no-repeat;
  background-position: left calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  padding-left: calc(0.75em + 0.375rem + 0.75em + 0.375rem);
}

.mxpagamentZNCC:hover,
.mxpagamentZNCC:focus {
  -webkit-filter: invert(100%);
  /* Safari/Chrome */
  filter: invert(100%);
}

.mxpagamentZNCC.mxpagamentTARGETA {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3C!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M168 336C181.3 336 192 346.7 192 360C192 373.3 181.3 384 168 384H120C106.7 384 96 373.3 96 360C96 346.7 106.7 336 120 336H168zM360 336C373.3 336 384 346.7 384 360C384 373.3 373.3 384 360 384H248C234.7 384 224 373.3 224 360C224 346.7 234.7 336 248 336H360zM512 32C547.3 32 576 60.65 576 96V416C576 451.3 547.3 480 512 480H64C28.65 480 0 451.3 0 416V96C0 60.65 28.65 32 64 32H512zM512 80H64C55.16 80 48 87.16 48 96V128H528V96C528 87.16 520.8 80 512 80zM528 224H48V416C48 424.8 55.16 432 64 432H512C520.8 432 528 424.8 528 416V224z'/%3E%3C/svg%3E");
}

.mxpagamentZNCC.mxpagamentBIZUM {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='309.000000pt' height='399.000000pt' viewBox='0 0 309.000000 399.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,399.000000) scale(0.100000,-0.100000)' fill='%23000000' stroke='none'%3E%3Cpath d='M355 3727 c-85 -35 -127 -72 -166 -147 -33 -63 -34 -186 -1 -247 36 -68 77 -108 143 -138 145 -65 313 0 378 145 28 62 28 168 0 230 -25 55 -81 115 -134 143 -48 25 -174 33 -220 14z'/%3E%3Cpath d='M1217 3456 c-21 -8 -54 -24 -73 -37 -40 -27 -414 -532 -440 -594 -18 -45 -20 -137 -3 -195 17 -57 92 -138 154 -166 103 -48 234 -25 314 55 64 64 390 516 408 565 23 64 20 152 -7 214 -57 131 -221 205 -353 158z'/%3E%3Cpath d='M2089 3187 c-80 -23 -125 -65 -238 -222 -39 -55 -132 -183 -207 -285 -75 -102 -178 -243 -229 -315 -52 -71 -263 -362 -470 -645 -259 -356 -380 -530 -391 -564 -50 -150 39 -317 193 -362 100 -29 219 2 286 75 13 14 109 143 212 286 103 143 204 283 225 310 78 105 182 247 325 445 82 113 256 353 388 534 131 180 246 345 255 365 22 53 20 156 -5 212 -60 133 -207 205 -344 166z'/%3E%3Cpath d='M1979 1539 c-107 -16 -142 -47 -299 -264 -68 -93 -147 -201 -176 -240 -85 -115 -99 -148 -99 -240 0 -86 16 -129 70 -193 41 -49 137 -92 205 -92 117 0 190 46 284 178 31 42 114 157 185 255 145 200 167 245 158 339 -15 166 -162 282 -328 257z'/%3E%3Cpath d='M2457 796 c-98 -36 -164 -109 -187 -207 -26 -106 14 -220 99 -288 60 -47 103 -61 187 -61 154 0 275 126 275 285 0 108 -51 194 -150 252 -53 32 -164 41 -224 19z'/%3E%3C/g%3E%3C/svg%3E");
}

.mxpagamentZNCC.mxpagamentTRANS {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3C!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M535 41c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l64 64c4.5 4.5 7 10.6 7 17s-2.5 12.5-7 17l-64 64c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l23-23L384 112c-13.3 0-24-10.7-24-24s10.7-24 24-24l174.1 0L535 41zM105 377l-23 23L256 400c13.3 0 24 10.7 24 24s-10.7 24-24 24L81.9 448l23 23c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L7 441c-4.5-4.5-7-10.6-7-17s2.5-12.5 7-17l64-64c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9zM96 64H337.9c-3.7 7.2-5.9 15.3-5.9 24c0 28.7 23.3 52 52 52l117.4 0c-4 17 .6 35.5 13.8 48.8c20.3 20.3 53.2 20.3 73.5 0L608 169.5V384c0 35.3-28.7 64-64 64H302.1c3.7-7.2 5.9-15.3 5.9-24c0-28.7-23.3-52-52-52l-117.4 0c4-17-.6-35.5-13.8-48.8c-20.3-20.3-53.2-20.3-73.5 0L32 342.5V128c0-35.3 28.7-64 64-64zm64 64H96v64c35.3 0 64-28.7 64-64zM544 320c-35.3 0-64 28.7-64 64h64V320zM320 352c53 0 96-43 96-96s-43-96-96-96s-96 43-96 96s43 96 96 96z'/%3E%3C/svg%3E");
}


.mxpagamentZNCCtext {
  color: black;
  width: 250px;
  filter: unset;
}

#mx_module_payment {
  display: flex;
  justify-content: space-between;
}

#mx_targeta .greySquareContainer {
  float: right;
  display: none;
}

#mx_targeta .greySquare {
  width: 31px;
  height: 19px;
  background: grey;
  color: white;
  display: inline-block;
}

.mx_msg_actions_cart .row .col-sm-6 {
  margin-top: 2em;
}



.mx_msg_actions_cart .mx_festeclient {
  border-radius: 6px;
}

.mx_msg_actions_cart .mxveureestat {
  margin-bottom: 1.4em;
}

.contacteCreateOrder {
  line-height: 15px;
}

.mx_msg_actions_cart .contacteCreateOrder p {
  padding: unset;
}

#createOrderCorreu {
  color: black;
  text-decoration: underline;
}

.tornaInici {
  display: flex;
  margin-top: 2em;
}

.tornaInici a {
  width: 50%;
  margin: auto auto;
}

#module-blockwishlist-lists .wishlist-container-header {
  display: unset !important
}

#module-blockwishlist-lists .wishlist-container-header h1 {
  padding-left: unset !important;
  font-size: 2rem;
  color: black;
  font-weight: 600;
}

#module-blockwishlist-lists .wishlist-add-to-new {
  border: 1px solid var(--vermell-manxa);
  padding: 16px;
  width: 40%;
  font-size: 14pt !important;
  display: block;
  color: var(--vermell-manxa) !important;
  font-weight: 600 !important;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
  border-radius: 6px;
}

#module-blockwishlist-lists .wishlist-add-to-new .material-icons {
  font-size: 1.5rem !important;
}

#module-blockwishlist-lists .wishlist-list-item {
  border: 1px solid black !important;
  border-radius: 6px;
  margin-bottom: 1em;
}

#module-blockwishlist-lists .wishlist-list-item-link {
  padding: 1rem !important;
}

#module-blockwishlist-lists .wishlist-container-header .wishlist-add-to-new i {
  color: var(--vermell-manxa) !important;
}

.header-nav .mobile>.row-mobile {
  display: flex;
  align-items: center;
}

#mxheaderMobileRight {
  display: flex;
  justify-content: end;
  float: unset;
  gap: 12px;
}

#_mobile_user_info {
  float: unset;
}

.shfooter .collapse {
  display: inherit;
}



.resize {
  text-align: center;
}

.resize {
  margin-top: 0.3rem;
  font-size: 1.25rem;
}


#mobile_top_menu_wrapper .pos-sub-menu.menu-dropdown.col-xs-12.col-sm-3.menu_slidedown,
#mobile_top_menu_wrapper .pos-sub-menu.menu-dropdown.col-xs-12.col-sm-8.menu_slidedown {
  left: unset !important
}

/* .footer_center,
.footer_center a {
  color: black;
} */


.mx_cart_escalats,
.mx_cart_old_price,
.mx_cart_dte_price,
.mx_cart_special_price,
.mx_cart_promo_valid {
  text-align: unset;
}

#history .mx_payment_card,
#history .mx_payment_bizum,
#history .mx_payment_transfer {
  background: black;
  margin-bottom: 5px;
}

#history .history_detail a:first-child {
  margin-bottom: 5px !important;
}


#history .alert {
  padding: 0px;
  margin-bottom: 5px;
}

#history .alert-warning {
  padding-left: calc(0.75em + 0.375rem + 0.75em + 0.375rem);
}


.mxwishlistheader {
  display: flex;
  align-items: center;
  font-size: 28px;
  line-height: 34px;
  padding-right: 6px;
  color: white;
}

.mxwishlistheader a {
  color: white;
}

.mxwishlistheader span {
  color: white;
}

.mxwishlistheader span {
  font-size: 13px;
}


.mxcentrarflex {
  display: flex;
  align-items: center;
}

.compra_rapida_contenidor {
  display: flex;
  align-items: center;
  position: relative;
}

.compra_rapida_contenidor .contenidorRapid span:nth-child(4) {
  display: block;
  position: absolute;
}

.justify-spacebtw {
  justify-content: space-between;
}

.wishlist-list-item:hover .wishlist-list-item-title,
.wishlist-product-combinations a:hover {
  color: var(--vermell-hover-manxa) !important;
}

.wishlist-toast {
  display: none !important;
}

.wishlist-toast.success,
.wishlist-toast.error {
  display: block !important;
}


.wishlist-list {
  overflow-y: auto !important;
}

.wishlist-products-item {
  margin: unset !important;
  padding: 10px;
  background: #EFEFEF;
}

.wishlist-product {
  max-width: 240px !important;
}

.wishlist-product-image {
  width: 240px !important;
  height: 240px !important;
}

.wishlist-products-list {
  flex-wrap: wrap !important;
  margin: unset !important;
  padding: unset !important;
  margin-top: 0 !important;
  gap: 40px;
}

.wishlist-list-item-right>button:hover,
.wishlist-list-item-right>button:hover i {
  opacity: 1 !important;
  color: var(--vermell-hover-manxa) !important;
}



.wishlist-button-add:hover i,
.wishlist-button-add:hover {
  opacity: 1 !important;
  color: var(--vermell-hover-manxa) !important;
}

.d-inline .wishlist-button-add:hover i {

  color: white !important;
}

.wishlist-product-combinations-text,
.wishlist-list-item-right>button i,
.wishlist-product-combinations a,
.wishlist-product-title,
.wishlist-button-add i {
  color: black !important;
}

/*No volen sort by? OK*/
.wishlist-products-container-header .sort-by-row {
  display: none !important;
}

.wishListInputDiv input::-webkit-outer-spin-button,
.wishListInputDiv input::-webkit-inner-spin-button,
.wishListInputDiv input[type=number] {
  -webkit-appearance: none;
  margin: 0;
  -moz-appearance: textfield;
}

.wishListInputDiv input {
  min-width: 48px;
}

.select_component {
  display: flex;
  align-items: center;
  height: 40px;
  justify-content: space-between;
  border-radius: 8px;
  border: 1px solid #000000;
}

.bootstrap-touchspin input.form-control.WishListInput,
.bootstrap-touchspin input.input-group.WishListInput,
.bootstrap-touchspin .btn-touchspin.wishListBtnDecrease,
.bootstrap-touchspin .btn-touchspin.wishListBtnIncrease {
  border: 1px solid black;
  background: unset;
}



.select_component .wishListChangeWishlist {
  background-color: transparent;
  border: none;
  padding: 10px;
  cursor: pointer;
  margin-right: 8px;
  max-width: 133px;
}

.displayContainertop_banner_gif_dreta,
.displayContainertop_banner_gif_central,
.displayContainertop_banner_gif_esquerra,
.displayContainerbottom_banner_gif_esquerra,
.displayContainerbottom_banner_gif_central,
.displayContainerbottom_banner_gif_dreta {
  display: flex;
  justify-content: center;
}

.mx_banner_gif .banner-box img {
  width: unset;
}


.pos-sub-menu .icon-drop-mobile {
  display: none;
}


.title_vertical>i.add,
.title_vertical>i.remove {
  display: none;
}


#mobile_top_menu_wrapper {
  max-width: unset;
  transform: translate(-100%, 0px);
}

.selector-mobile button {
  background: transparent;
  width: unset;
  border: none;
  text-align: left;
  display: block;
  color: #2b2d2f;
  font-size: 13px;
  font-weight: 400;
  line-height: 30px;
  cursor: pointer;
  text-transform: uppercase;
  border: 1px solid black;
  margin-top: 10px;
  padding: 0 10px;
  margin: 0 20px !important;
  font-size: 13.7pt;
  font-weight: 600;
  border-radius: 5px;
}

.selector-mobile button i {
  position: unset;
}

.selector-mobile .dropdown-menu li {
  border-top: unset;
}

.selector-mobile .dropdown-menu {
  margin-left: 20px;
}

#mobile_top_menu_wrapper .selector-mobile .dropdown-menu a {
  font: 500 16px Roboto !important;
}

.mobileUserInfo {
  color: var(--vermell-manxa);
}

#groes_option {
  max-width: 280px;
}

.product-quantity {
  display: flex;
}

.product-quantity .add {
  float: unset;
}

.top-header-mobile {
  margin: 32px 0px;
}

#mobile_top_menu_wrapper {
  padding: unset !important;
  margin: unset !important;
}

#mobile_top_menu_wrapper * {
  padding: unset !important;
  font-weight: 1000 !important;
  color: black;
}

#mobile_top_menu_wrapper .menu-tabs span {
  font: bold 20px Roboto !important;
}

#mobile_top_menu_wrapper .menu-tabs .material-icons {
  font-family: 'Material Icons' !important;
}

#mobile_top_menu_wrapper .pos-menu-horizontal .menu-item a {
  padding: 12px 0px !important;
  border-top: 1px solid black;
}

#mobile_top_menu_wrapper span {
  margin: 0px 20px;
}

#mobile_top_menu_wrapper .pos-sub-menu span {
  margin: 0px 40px;
  font: 500 16px Roboto !important;
}

#mobile_top_menu_wrapper .pos-sub-menu .icon-drop-mobile {
  display: none;
}


#mobile_top_menu_wrapper .mobileUserInfo span {
  margin: unset !important;
}

#mobile_top_menu_wrapper .mobileUserInfo span {
  color: var(--vermell-manxa) !important;
}

#mobile_top_menu_wrapper .mobileUserInfo span:first-child {
  margin-left: 20px !important;
}

#mobile_top_menu_wrapper .pos-menu-horizontal .menu-item:last-child a {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

#mobile_top_menu_wrapper .user-info-block.selector-block {
  margin: unset !important;
  margin-top: 32px !important;
}

#mobile_top_menu_wrapper #_mobile_language_selector {
  margin-top: 32px !important;
}

.top-header-mobile i {
  margin-right: 20px;
  font-size: 20px;
}

.icon-drop-mobile .fa-chevron-down {
  display: none;
}

.icon-drop-mobile.open_menu .fa-chevron-down {
  display: block;
}

.icon-drop-mobile .fa-chevron-right {
  display: block;
}

.icon-drop-mobile.open_menu .fa-chevron-right {
  display: none;
}

/* .icon-drop-mobile .fa-chevron-up {
	display: block
}

.icon-drop-mobile.open_menu .fa-chevron-up {
	display: none
} */

/* .icon-drop-mobile .fa-chevron-down {
	display: none;
}

.icon-drop-mobile.open_menu .fa-chevron-down {
	display: block;
} */

.menu-close,
.menu-title {
  background: unset;
  color: #000000;
  line-height: 40px;
  height: 40px;
  padding: 0 20px;
  font: bold 28px Roboto;
  margin-bottom: 32px
}

.menu-close {
  margin-bottom: unset;
}

#mobile_top_menu_wrapper .icon-drop-mobile {
  display: table-cell;
}

#mobile_top_menu_wrapper .menu-content span {
  font: bold 20px Roboto;
}

#_mobile_megamenu .pos-menu-horizontal .menu-item .icon-drop-mobile i {
  width: unset;
  height: unset;
  margin-right: 36px;
  top: 10px;
}

#_mobile_language_selector ul.dropdown-menu li {
  margin-top: 10px;
}


.pos-menu-vertical.pos-mobile-menu .title_vertical {
  margin: 0;
}

#mx_menu {
  width: 100vw;
}

#mx_menu_prod_search {
  position: relative;
}

#_mobile_search {
  right: 0px;
  position: absolute;
  top: 16px;
  width: 58px;

}

#collapseSearch {
  width: calc(100vw - 100px);
  position: absolute;
  top: 0px;
  left: 0px;
}





#_mobile_wishlist>button>i {
  font-size: 28px;
  margin: 0;
  display: block;
  line-height: 50px;
  color: #272727;
}

.row.row-mobile>#_mobile_search>button>i {
  color: white;
  font-size: 28px;
  margin: 0;
  display: block;
  line-height: 46px;
}

#_mobile_search>button {
  background: black;
  border-radius: 10px;
  padding: 0 15px;
}

/* #footer>div>div.footer_center button[data-toggle] {
  background: no-repeat;
  border: none;
  font-size: 24px;
  margin-left: 8px;
} */

#mxheaderMobileRight>div {
  margin: 0 6px;
}

#_mobile_logo img {
  height: 33px;
  width: 100px;
}

.menu-item.menu-item90000 {
  margin-block-start: 4px;
}

.menu-item.Episectors {
  margin-block-end: 4px;
}



.mt-32px {
  margin-top: 32px;
}

.mb-32px {
  margin-bottom: 32px;
}

.mb-72px {
  margin-bottom: 72px;
}

.selector-mobile .dropdown-menu {
  position: absolute;
}

#_mobile_search_category {
  margin: 16px 0;
}

.modal-content div.modal-footer a.wishlist-add-to-new {
  display: flex;
  width: 100%;
  justify-content: center;
  gap: 5px;
  flex-direction: row-reverse;
}

.pos_logo div.owl-prev,
.pos_logo div.owl-next {
  background-color: #484648;
  color: white;
  padding: 5px;
  border-radius: 100%;
  height: 24px;
  width: 24px;
  margin-left: -42px;
  margin-right: -42px;
}

.pos_logo.product_block_container .row.pos_content {
  position: relative;
}

.pos_logo .owl-nav {
  position: unset;
  background: unset;
}

.pos_logo .owl-prev {
  position: absolute;
  top: 50%;
  left: 0;
}

.pos_logo .owl-next {
  position: absolute;
  top: 50%;
  right: 0;
}

.pos_logo .owl-carousel .owl-nav.disabled,
.pos_logo .owl-carousel .owl-dots.disabled {
  display: block;
}

#pos_search_top .form_search.show-categories .form-control {
  padding: 12px;
}

#_mobile_user_info div.mx_menu_registrat {
  display: none !important;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item.mobileMenuItem {
  display: none;
}

.breadcrumb_container .breadcrumb ol li a.breadcrumbVolver,
.breadcrumb_container .breadcrumb ol li .barraIniciBC {
  display: none;
}

.wamx-link {
  height: 35px;
  display: block;
  position: fixed;
  right: 70px;
  bottom: 50px
}

.our-service img {
  max-width: unset;
}

#_desktop_cart_block:hover .dropdown-menu {
  display: block;
}

.facet-dropdown .select-list:hover {
  background: var(--vermell-hover-manxa);
}

#index main div.container div.poslistcategories.container div.owl-stage-outer div.name_categories>a {
  min-height: 74px;
}

.poslistcategories .list-categories .desc-listcategoreis {
  padding: 0px 20px 30px 20px;
}

#js-product-list-top ul.display {
  margin-right: 10px;
}

#cartfast-list .descripcio_mobile {
  display: none;
}

.wishlist-container .page-content.card {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  box-shadow: unset !important
}

#cartfast-list {
  font-size: 12px;
}

.mxOuterCartFast {
  margin-bottom: 6px;
}

/* #quotation #order-list thead th:last-child {
	display: none !important;
}

#quotation #order-list tbody tr:not(.footable-row-detail) td:last-child {
	display: none !important;
} */

#block-history>.pl-1 {
  padding-right: 15px;
}

#block-history .btn.btn-primary.button.button-small {
  white-space: normal;
}




.row.row-mobile>#_mobile_search button[aria-expanded=true] {
  background: var(--vermell-manxa);
}

.row.row-mobile>#_mobile_search button[aria-expanded=false] {
  background: black;
}

.row.row-mobile>#_mobile_search button[aria-expanded=false] .lnr-magnifier {
  display: block;
}

.row.row-mobile>#_mobile_search button[aria-expanded=true] .lnr-magnifier {
  display: none;
}

.row.row-mobile>#_mobile_search button[aria-expanded=false] .fa-product-hunt {
  display: none;
}

.row.row-mobile>#_mobile_search button[aria-expanded=true] .fa-product-hunt {
  display: block;
}

.row.row-mobile>#_mobile_search .lnr-magnifier {
  display: block;
}

.row.row-mobile>#_mobile_search .collapsed .lnr-magnifier {
  display: block;
}


#mxopcions {
  padding: 0 12px;
}

#consumption .bootstrap-touchspin {
  display: flex;
}

#index>main>div.container>div:nth-child(3)>div,
#index>main>div.container>div.tab-category-container-slider>div>div,
#wrapper>div:nth-child(2)>div.row>div.banner-center>div {
  padding: 30px 0;
}

#navVarFilters>ul>li.col-sm-12.col-md-12.pt-2 {
  display: flex;
  float: left;
}

#_mobile_megamenu .pos-menu-horizontal .menu-item img {
  width: 100px;
  margin: 0 20px;
}

.page-order-detail h3 {
  text-transform: none;
}


.footable.breakpoint>tbody>tr>td>span.footable-toggle:before {
  font-family: "Font Awesome 5 Free";
}


.footable .footable-sortable .footable-sort-indicator:after {
  font-family: "Font Awesome 5 Free";
}

.footable.breakpoint>tbody>tr>td>span.footable-toggle {
  font-family: 'Font Awesome 5 Free';
}

.footable.breakpoint>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
  font-family: 'Font Awesome 5 Free';

}

.mostrarProducteTD {
  display: none !important;
}

#product .mostrarProducteTH {
  display: none !important;
}

.footable .footable-row-detail-name,
.footable .footable-row-detail-value {
  text-align: left;
}

#product #mxproductsrelated_list .footable-row-detail-row:last-child {
  display: none;
}

.titolSecundarimx.mt-2.mb-2.d-block.d-sm-none.collapse:after {
  font-family: "Font Awesome 5 Free";
  content: '\f077';
  margin-left: 10px;
}

.titolSecundarimx.mt-2.mb-2.d-block.d-sm-none.collapsed:after {
  font-family: "Font Awesome 5 Free";
  content: '\f078';
  margin-left: 10px;
}

.mxcarthazcompra {
  line-height: 26px;
}



#order-detailTitle h1 {
  padding-top: 12px;
}

.quotationdetailth>div {
  font-size: 17px;
  color: black;
  padding: 16px;
  font-weight: 700;
}

.quotationdetailtd>div {
  padding: 16px;
}

#quotationdetail .accions>div {
  justify-content: unset !important;
}

#quotationdetail #order-detail-content .row.hidden-lg-up .col-xs-12 {
  padding-left: unset !important;
}

#quotationdetail #order-detail-content .row.hidden-lg-up {
  background-color: #eee;
  margin-top: 10px;
  padding-bottom: 5px;
  font-size: 0.9em;
  line-height: 25px;
  padding: 10px;
  padding-bottom: 20px;
}

#order-detail-content>div>div.row.hidden-lg-up>div>div:nth-child(2),
#order-detail-content>div>div.row.hidden-lg-up>div>div:nth-child(3) {
  font-weight: 700;
}


#customercat #block-history thead tr th:last-child {
  min-width: 300px;
}

.text_sota_pictos_menu_serveis.active {
  color: #555559 !important;
}

#_desktop_megamenu>div>ul a>span {
  line-height: 30px;
}

#mxdetalls>div.tabs>ul.nav.nav-tabs li.nav-item {
  cursor: pointer;
}

#cartfast #cartfast-list .mxValidarCartFast {
  padding: 5px 0px;
}

#checkout h1.page-heading.bottom-indent {
  margin-bottom: 24px;
}

.blockcart .popup_cart ul li:last-child {
  border-bottom: unset;
}

#add-to-cart-or-refresh .mx_selectunitats_afegircarrito .product-add-to-cart .add {
  margin-right: 10px;
}

#customercat #order-list .mobileActions span.material-icons,
#customercat #order-list .mobileActions .wishlist-button-add .material-icons {
  font-size: 24px !important;
}

.pos-special-products .js-product-miniature.style_product_default .product_desc div.cart button.ajax_add_to_cart_button {
  margin: unset;
}

#mxproductsrelated_list td.relatedAddCart {
  min-width: 300px;
}

#chooseFileCF>a:hover {
  color: white;
  border: 1px solid white;
  background-color: var(--vermell-manxa);
}


#contactForm>section>div:nth-child(3)>label>div>label {
  background: #F1F1F1 !important;
}

#contactForm>section>div:nth-child(3)>label>div>label>input {
  border: none;
}

#content>section.contact-info.col-xs-12.col-lg-6 {
  margin-top: 32px;
}

#authentication #main>header>h1>div:nth-child(2) {
  display: flex;
}

#authentication label[for=option-empresa],
#authentication label[for=option-autonom],
#authentication label[for=option-client],
#authentication #option-noclient {
  flex: 1;
}

#_mobile_megamenu .menu-content .usercircled {
  border: 1px solid black;
  border-radius: 13px;
  padding: 3px !important;
}

#_mobile_megamenu .menu-content .lastItem a {
  border-bottom: 1px solid black;
}

.menu-itemsecondrow {
  margin-top: 55px;
}

.mxcartlineproduct {
  position: relative;
}

.mxcartlineproduct .mxregal {
  position: absolute;
  top: -7px;
  left: 100px;
  font-size: 14pt;
}

.mx_msg_actions_cart {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #ECECEC;
  padding: 10%;
  color: #555559;
  border-radius: 20px;

}

.mx_msg_actions_cart::before {
  content: '';
  font-family: "Font Awesome 5 Free";
  font-size: 14pt;
  color: #80D05F;
}

.mx_link_invers {
  color: var(--vermell-manxa);
  font-weight: 600;
  text-decoration: underline;
}

.mx_button_info_oferta {
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 6px;
}

.mx_div_buttons_confirm {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-self: stretch;
}


.mx_div_buttons_confirm .mx_festeclient {
  padding: 5px;
  font-size: 13px;
}

/* #block-history .mx_festeclient ::after {
	content: '';
	font-family: "Font Awesome 5 Free";
	font-size: 14pt;
	color: var(--vermell-manxa);
} */
#product .mxreferproveidor {
  margin-left: unset;
}

#product .product-features {
  margin-left: unset;
}

#smartsupp-widget-container>div {
  right: 58px !important;
  bottom: 16px !important;
}

#footerDiv {
  position: relative;
}

#brFooter {
  width: 100%;
  height: 2px;
  background-color: grey;
  margin-top: 15px;
  margin-bottom: 30px;
}

.promocionesButton {
  border: 2px solid var(--vermell-manxa);
  padding: 8px;
  border-radius: 5px;
  color: var(--vermell-manxa);
}

.promocionesButton:hover {
  background-color: var(--vermell-manxa);
  color: white;
}

.card_destacat .countdown {
  display: none;
}



@media (max-width: 380px) {
  .product-actions .btn.btn-primary.add-to-cart {
    padding: 0 0px;
  }

  #certificate #order-list>tbody>tr.first_item>td.history_link.bold.footable-last-column a {
    padding: 5 7px;
  }

  div.productTabCategorySlider.owl-carousel.owl-loaded.owl-drag>div.owl-stage-outer div.product_desc>h3 {
    min-height: 86.64px;
  }


}

@media (max-width: 430px) {
  #product .relatedAddCart .bootstrap-touchspin input {
    width: 33px !important;
  }

  .footable.breakpoint>tbody>tr>td>span.footable-toggle {
    font-size: 20px;
  }
}

@media (max-width: 446px) {}

.infologinspan {
  display: none;
}

#infologin {
  display: block;
}

@media(max-width:470px) {
  .slideshow_container {
    display: none;
  }

  .homeVisor.d-xs-block.d-sm-none {
    display: block;
  }
}

@media(min-width:470px) {
  .slideshow_container {
    display: block;
  }

  .homeVisor.d-xs-block.d-sm-none {
    display: none !important;
  }
}

@media (max-width: 480px) {

  #footer .footer-container .footer_tags .container{
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  #infologin.collapse {
    display: none;
  }

  #infologin.collapse.in {
    display: block;
  }

  #pagina404 {
    margin: 0 12px
  }

  .infologinspan {
    display: block;
    position: absolute;
    top: 10px;
    z-index: 999;
    right: 10px;
    margin-bottom: 10px;
  }

  .infologinspan:after {
    font-family: "Font Awesome 5 Free";
    color: black;
    font-weight: 800;
  }

  .infologinspan:after {
    content: '\f077';
  }

  .infologinspan.collapsed:after {
    content: '\f078';
  }

  #password #main h1 {
    margin-top: 24px;
  }

  #password #wrapper.wrapper_top {
    min-height: unset;
  }



  #authentication .row .pill-container:nth-child(2) {
    margin-top: 4% !important;
  }

  #authentication #main>header>h1>div:nth-child(2) {
    display: block;
  }

  #authentication #main #content>div>div:nth-child(1)>div>div:nth-child(2) {
    padding: unset !important;
  }

  #authentication #main header .row:nth-child(2)>div:first-child {
    border-radius: 15px 15px 0px 0px !important;
  }

  #authentication #main header .row:nth-child(2)>div:last-child {
    border-radius: 0px 0px 15px 15px !important;
  }

  #authentication #main header .row:nth-child(2)>div:first-child {
    padding: 28px 5.6% !important;
  }

  #authentication #main header>h1>.row:first-child>div,
  #authentication #main #content>div>div:nth-child(1),
  #authentication #main #content>div>div:nth-child(2)>div>div:nth-child(2) {
    padding: unset !important;

  }


  #authentication #main>header>h1>div:nth-child(2)>div:nth-child(2) {
    padding: 15px !important;
    padding-top: 35px !important;
  }

  #authentication #main #content .row>.col-xs-12.col-sm-6:first-child {
    margin-bottom: 1.563rem;
  }

  #authentication #main footer.form-footer.text-sm-center.clearfix {
    margin-bottom: 16px;
  }

  #authentication #main #login_customer_div h3.page-subheading {
    margin-top: 10px;
  }

  #authentication #main #content>div>div:nth-child(2)>div>div:nth-child(1)>div,
  #authentication #main #content>div>div:nth-child(1)>div>div:nth-child(1) {
    margin: 0px -15px;
  }

  #mxproductsrelated_list td.relatedAddCart {
    min-width: unset;
  }

  #pagina404 .col-search {
    width: 100%;
  }

  #pagina404 #content {
    display: flex;
    flex-direction: column;
  }

  #footerDiv404 {
    display: flex;
    gap: 40px;
    flex-direction: column;
  }

  #index .container.logo>.container {
    width: 94%;
  }

  #index>main>div:nth-child(8)>div>div.col-xs-12.col-xl-6 {
    padding-left: 22px !important;
  }

  .pos_bannerslide .static_cms .box_cms {
    border-left: none;
  }

  .pos_bannerslide .static_cms .col-cms:first-child {
    margin-top: 32px;
  }



  #blockcart-modal .cart-content-btn>button,
  #blockcart-modal .cart-content-btn>a {
    width: 86%;
  }

  #blockcart-modal .cart-content-btn>button {
    margin-bottom: 10px;
  }



  .mx_banner_gif {
    padding: 0;
  }

  .mx_row_icones_totselsprods>a>div {
    width: 100px;
  }

  #checkout #mx_mmail,
  #checkout #mx_id_ref_clie,
  #checkout {
    font-weight: 0.9em;
  }

  #testimonials_block_right,
  #wrapper>div:nth-child(2)>div.row>div.pos-new-blog.products_block.pos-block.col-lg-4.col-md-6.col-sm-6.col-xs-12 {
    padding-right: 15px;
    padding-left: 15px;
  }

  #password .form-fields .email {
    padding-left: unset;
  }

  #password .forgotten-password .form-fields .email,
  .mx_btn_enviar_oblidarpassword {
    width: 100%;
  }

  #order-detail #content-wrapper .col-sm-12 .col-lg-12 {
    padding-left: 0
  }

  #order-detail div.row.hidden-lg-up>div.col-xs-12 {
    display: flex;
  }

  #mxDadesFormulari .form-footer button {
    width: unset;
  }

  #allproducts .col-xs-12.col-sm-6.col-md-6.col-lg-3.col-xl-3>a {
    text-align: center;
  }

  .mx_row_icones_totselsprods {
    display: grid;
    grid-auto-columns: auto;
    grid-template-columns: 100px 100px 100px;
    justify-content: space-around;
    row-gap: 10px;
  }

  .mx_totselsprods p {
    text-align: center;
  }





  .banner-box.displayContainertop_banner_gif_dreta>a>img#displayContainertop_Banner_Dreta_CA:hover,
  .banner-box.displayContainertop_banner_gif_central>a>img#displayContainertop_Banner_Central_CA:hover,
  .banner-box.displayContainertop_banner_gif_esquerra>a>img#displayContainertop_Banner_Esquerra_CA:hover,
  .banner-box.displayContainerbottom_banner_gif_dreta>a>img#Containerbottom_Banner_Dreta_ENG:hover,
  .banner-box.displayContainerbottom_banner_gif_central>a>img#Containerbottom_Banner_Central_ENG:hover,
  .banner-box.displayContainerbottom_banner_gif_esquerra>a>img#Containerbottom_Banner_Esquerra_ENG:hover,
  .banner-box.displayContainerbottom_banner_gif_dreta>a>img#Containerbottom_Banner_Dreta_FR:hover,
  .banner-box.displayContainerbottom_banner_gif_central>a>img#Containerbottom_Banner_Central_FR:hover,
  .banner-box.displayContainerbottom_banner_gif_esquerra>a>img#Containerbottom_Banner_Esquerra_FR:hover,
  .banner-box.displayContainerbottom_banner_gif_dreta>a>img#Containerbottom_Banner_Dreta_ES:hover,
  .banner-box.displayContainerbottom_banner_gif_central>a>img#Containerbottom_Banner_Central_ES:hover,
  .banner-box.displayContainerbottom_banner_gif_esquerra>a>img#Containerbottom_Banner_Esquerra_ES:hover,
  .banner-box.displayContainerbottom_banner_gif_dreta>a>img#Containerbottom_Banner_Dreta_CA:hover,
  .banner-box.displayContainerbottom_banner_gif_esquerra>a>img#Containerbottom_Banner_Esquerra_CA:hover,
  .banner-box.displayContainerbottom_banner_gif_central>a>img#Containerbottom_Banner_Central_CA:hover {
    content: unset;
  }

  /*-- HOVER GIF'S ES | HOOK DISPLAYCONTAINERTOP STATIC BLOCK 3-3-3  --*/

  .banner-box.displayContainertop_banner_gif_esquerra>a>img#displayContainertop_Banner_Esquerra_ES:hover {
    content: unset;
  }

  .banner-box.displayContainertop_banner_gif_central>a>img#displayContainertop_Banner_Central_ES:hover {
    content: unset;
  }

  .banner-box.displayContainertop_banner_gif_dreta>a>img#displayContainertop_Banner_Dreta_ES:hover {
    content: unset;
  }

  /*==========================================================================================*/

  /*-- HOVER GIF'S FR | HOOK DISPLAYCONTAINERTOP STATIC BLOCK 3-3-3  --*/

  .banner-box.displayContainertop_banner_gif_esquerra>a>img#displayContainertop_Banner_Esquerra_FR:hover {
    content: unset;
  }

  .banner-box.displayContainertop_banner_gif_central>a>img#displayContainertop_Banner_Central_FR:hover {
    content: unset;
  }

  .banner-box.displayContainertop_banner_gif_dreta>a>img#displayContainertop_Banner_Dreta_FR:hover {
    content: unset;
  }

  /*==========================================================================================*/

  /*-- HOVER GIF'S ENG | HOOK DISPLAYCONTAINERTOP STATIC BLOCK 3-3-3  --*/

  .banner-box.displayContainertop_banner_gif_esquerra>a>img#displayContainertop_Banner_Esquerra_ENG:hover {
    content: unset;
  }

  .banner-box.displayContainertop_banner_gif_central>a>img#displayContainertop_Banner_Central_ENG:hover {
    content: unset;
  }

  .banner-box.displayContainertop_banner_gif_dreta>a>img#displayContainertop_Banner_Dreta_ENG:hover {
    content: unset;
  }





  .homeVisor {
    margin-bottom: 16px;
  }



  #order-detail-content tbody tr:first-child {
    border-top: 1px solid black;
  }

  #order-detail-content tbody tr:not(:last-child) {
    border-bottom: 1px solid black;
  }

  #order-detail-content .resumcompramobile {
    margin-top: 48px;
    padding: 0;
    margin-bottom: 24px;
  }

  .d-480-none {
    display: none !important;
  }

  #order-detail-content .d-480-none {
    display: none !important;
  }

  #order-detail-content .d-480-block {
    display: block !important;

  }

  #order-detail-content .d-480-table-cell {
    display: table-cell !important;
    grid-area: description;
  }

  #order-detail-content tfoot {
    border-top: 1px solid black;
  }

  #product #mxproductsrelated_list tr th:nth-last-child(2) {
    display: none !important;
  }

  #product #mxproductsrelated_list tbody tr>td:nth-last-child(2) {
    display: none !important;
  }

  #mx_module_payment {
    flex-direction: column;
    gap: 20px;
  }

  #blockcart-modal .modal-content,
  .mx_modal_content>p:nth-child(2) {
    padding: 10px;
  }

  #blockcart-modal .modal-content {
    width: unset;
  }

  div#infoUsermxOrder * {
    
  }

  #infoUsermxOrder {
    display: unset;
  }

  #infoUsermxOrder .row>.col.col-lg-12.mxdadesusuaricistella {
    margin-top: 12px;
    margin-bottom: 16px;
  }

  #infoUsermxOrder>div:nth-child(2)>div:nth-child(1) {
    margin-bottom: 16px;
  }

  #cart_summary {
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse;
  }

  #cart_summary .cart_product {
    display: inline-block;
    height: 160px;
    /* border-right: 1px solid black !important; */
    grid-area: image;
  }

  #cart_summary .cart_description {
    padding-left: 24px !important;
    grid-area: description;
  }

  .cart_navigation .mx_continuarComprant {
    display: none;
  }

  .cart_navigation {
    margin-top: unset !important;
  }

  .cart_navigation>div {
    width: 100%;
    margin-top: 10px;
  }

  #mx_create_quotation_temp,
  #mx_create_quotation,
  #mx_create_order,
  #mx_simulate_order,
  .cart_navigation>div a {
    width: 100%;
  }

  #cart_summary tr.cart_item:nth-child(1) .cart_description {
    /* border-top: 1px solid black !important;; */
  }

  #cart_summary tr.cart_item:nth-child(1) .cart_product {
    /* border-top: 1px solid black !important; */
  }

  #cart_summary .cart_quantity {
    /* border-top: 1px solid black !important; */
  }

  #cart_summary .cart_unit_mx {
    grid-area: price;
    /* border-top: 1px solid black !important; */
  }

  #cart_summary .cart_quantity {
    text-align: unset !important;
    grid-area: quantity
  }

  #cart_summary .cart_total {
    grid-area: total;
    display: flex;
    gap: 15px;
    align-items: self-end;
    font-size: 14pt;
    padding-bottom: 28px;
  }

  #cart_summary .cart_description:before {
    display: block;
    margin-top: 24px;
  }

  #cart_summary .cart_quantity:before,
  #cart_summary .cart_unit_mx:before {
    display: block;
  }

  .cart_product img {
    max-height: 160px;
  }

  #cart_summary tfoot {
    display: block;
  }

  #cart_summary tfoot tr {
    display: grid;
    grid-template-columns: 0% 100% 0%;
    position: relative;
  }

  #cart_summary tbody>tr {
    position: relative;
  }

  #cart_summary tfoot td:last-child {
    position: absolute;
    right: 0;
  }

  #cart_summary .cart_total a {
    position: absolute;
    top: 10px;
    right: 0;
  }

  .cart_item {
    display: grid !important;
    grid-template-columns: repeat(3, 33.33%);
    grid-template-areas:
      "image description description"
      "unitprice quantity total"
  }

  .cart_unit_mx,
  .cart_product,
  .cart_description {
    width: 100% !important;
    display: table-cell !important;
    padding: 0px !important;
  }

  div#infoUsermxOrder a#mx_simulate_cupon {
    padding: 5px 20px !important;
  }

  #content-wrapper>div:nth-child(6)>h1:nth-child(4) {
    margin-top: 48px !important;
  }

  #mx_customer_we {
    height: unset !important;
  }

  #product td.history_link,
  #product td.history_date {
    font-size: 14px;
  }

  #product #mxproductsrelated_list .mx-price-unit br {
    display: none
  }

  .wishlist-button-product {
    margin-left: 4px !important;
  }

  #product .relatedAddCart .relatedproductsviewproduct {
    display: none;
  }

  #product #mxproductsrelated_list .footable-row-detail-row:last-child {
    display: table-row;
    position: relative;
  }

  #product #mxproductsrelated_list .footable-row-detail-row:last-child .footable-row-detail-value {
    position: absolute;
    left: 0;
  }

  #product #mxproductsrelated_list .footable-row-detail-row:last-child>div.footable-row-detail-name:before {
    content: "\00a0";
  }

  #product #mxproductsrelated_list .footable-row-detail-row:last-child>div.footable-row-detail-value a {
    color: var(--vermell-manxa);
    border-bottom: 1px solid var(--vermell-manxa);
  }


  #product .mostrarProducteTD {
    display: block;
  }

  #nav-btn {
    border-radius: 8px;
    margin: 10px 0 12px 16px !important;
  }

  #block-history {
    margin: 16px 0;
  }



  #mx_time_filter,
  #mx_customer_we,
  #mx_status,
  #mx_kdmat,
  #id_doc_purchase {
    margin-block-end: 20px;
    padding: 0 12px;
  }

  
  h1.page-heading.bottom-indent {
    font-size: 2em;
  }

  /* div.productTabCategorySlider.owl-carousel.owl-loaded.owl-drag>div.owl-stage-outer div.product_desc>h3 {
		min-height: 60px;
	} */

  #order-list * {
    font-size: 12px !important;
  }

  #order-list th {
    white-space: unset;
  }



  #js-product-list .pagination {
    margin-top: 12px;
  }



  .product-price-and-shipping {
    min-height: 60px;
  }

  article.js-product-miniature .product_desc>h3[itemprop=name] {
    min-height: 69px;
  }

  .js-product-miniature.style_product_default {
    min-height: unset !important;
  }

  .js-product-miniature.style_product_default .product_desc {
    padding: unset;
  }

  .js-product-miniature.style_product_default .product_desc div.cart {
    position: unset;
  }

  .first-image {
    padding: 0% 0%;
  }

  .mxsearchtop {
    margin-bottom: unset !important;
    border-bottom: unset !important;
  }

  /* COMENTAR AMB ALEX SI ES EL QUE VOLIA TREURE ELL */

  .row.mxsearchtop>div div span {
    font-size: 14px !important;
  }

  #js-product-list {
    /* margin: 0 -15px; ACA COMM */
  }



  .static_cms {
    grid-template-columns: 100%;
    border-left: none;
    border-right: none;
  }

  #product #header>div.breadcrumb_container>div>nav>ol>li:last-child {
    display: none;
  }

  #product #header>div.breadcrumb_container>div>nav>ol>li:nth-last-child(2)::after {
    display: none;
  }


}

@media (max-width: 576px) {


  #pos-slideshow-home>div>div.banner7-des div.info h2 {
    font-size: 7pt;
  }

  #pos-slideshow-home>div.nivo-caption>div.banner7-des div.info p {
    font-size: 7pt;
  }

  #pos-slideshow-home>div.nivo-caption>div.banner7-des div.info a {
    font-size: 4pt;
  }

  .banner7-des .info {
    padding-left: 8%;
  }

  #testimonials_block_right iframe {
    margin-bottom: 72px;
    margin-top: 32px;
  }

  .avantatges_client .pos_title {
    margin-bottom: 32px;
  }

  #product #main .row>.col-lg-6 {
    padding-left: 12px;
    padding-right: 12px;
  }

  #product .mx_selectunitats_afegircarrito .product-quantity .add {
    margin: 0 12px;
    width: 100%
  }

  #product .mx_selectunitats_afegircarrito .product-quantity .add .add-to-cart {
    width: 100%
  }

  .mxformulariProduct {
    margin: 0px -12px 0px -12px;
    padding: 0px 12px 0px 12px;
  }

  .product-information .row-eq-height .col-sm-6:nth-child(1) {
    padding-left: 0px;
  }

  .product-information br {
    display: none;
  }

  .product-information .row-eq-height {
    padding-top: 24px;
  }

  .txt3col_fitxaProductes .col-xs-12 {
    padding-left: unset;
  }

  .mxformulariProduct #add-to-cart-or-refresh {
    margin: unset;
    padding: unset;
  }

  .product-quantity .qty {
    margin: unset;

  }

  #add-to-cart-or-refresh .d-inline-block.p-0 {
    min-width: 83px;
  }

  #product .mx_loader {
    display: none;
  }

  #product .tabs {
    padding: 50px 0 0 0px;
    margin: 0 0 48px 0;
  }
}


@media (max-width: 600px) {
  .cart_voucher {
    display: none;
  }

  #checkout table,
  #checkout thead,
  #checkout tbody,
  #checkout th,
  #checkout td,
  #checkout tr {
    display: block;
  }

  #checkout table thead {
    display: none;
  }

  #checkout tbody td:before {
    content: attr(data-title)
  }

}


@media (max-width: 768px) {

  #navVarFilters {
    background: #F4F4F4;
    border-radius: 8px;
  }

  #navVarFilters>ul {
    margin: 0 36px;
    padding: 15px 0;
  }

  #cartFastDescarregar {
    display: grid;
    grid-template-columns: 42% 40%;
  }

  #chooseFileCF {
    display: grid;
    grid-template-columns: 40% 40%;
    grid-gap: 20%;
  }

  #chooseFileCF * {
    font-size: 12px !important;
  }

  #cartfast-list .descripcio_mobile {
    display: block;
  }

  #cartfast-list th:nth-child(4),
  #cartfast-list tr td:nth-child(4) {
    display: none !important;
  }



  #identity #wrapper {
    margin-bottom: 66px;
  }

  #main .page-content {
    margin-bottom: 66px;
  }

  #mxDades {
    grid-template-columns: 100%;
  }

  .page-my-account #content .mx_my_account_opcions>div,
  .page-my-account #content .mx_my_account_opcions>div .links>a {
    /* padding-left: 0; ACA COMM */
    /* padding-right: 0; ACA COMM */
  }

  .mx_my_account_opcions {
    /* padding: 0px 12px; ACA COMM */
  }

  #content .left-block .left-block:nth-child(2)>b {
    margin-bottom: 12px !important;
  }

  .myaccountinfo {
    display: flex;
    gap: 20px;
    margin-top: 24px !important;
    flex-direction: column;
    align-items: unset;
    justify-content: center;
  }

  .myaccountinfo.row:after {
    content: "";
    display: none;
    clear: both;
  }

  #content .row.myaccountinfo>div:nth-child(2)>div {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .myaccountinfo * {
    /* padding-left: 0 !important; ACA COMM */
    /* padding-right: 0 !important; ACA COMM */
  }

  .owl-nav {
    display: block;
  }

  #footer>div.footer-container>div.footer_bottom>div.container>div.row {
    display: grid;
    gap: 32px;
    padding-top: 32px !important;
  }

  .displayContainerbottom_banner_gif_esquerra_mobile {
    display: flex;
    justify-content: center;
  }

  .displayContainerbottom_banner_gif_esquerra {
    display: none;
  }

  .banner-center .mx_banner_gif .banner-box,
  .mx_banner_gif .banner-box {
    margin-bottom: 32px;
  }

  .banner-center .mx_banner_gif .banner-box:last-child,
  .mx_banner_gif:last-child .banner-box,
  .pos_content.pos_content_product_cate.related-products {
    margin-bottom: 72px;
  }

  .mt-32px {
    margin-top: 32px;
  }

  .mb-32px {
    margin-bottom: 32px;
  }

  .pos_logo {
    margin: 72px 0;
  }

  .static_cms {
    margin-bottom: 72px;
  }

  .static_cms .col-cms {
    margin: 0px 0px 32px 0px;
  }

  .select_component .wishListChangeWishlist {
    max-width: unset;

  }

  .wishlist-product {
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .wishlist-product-image {
    width: 100px !important;
    height: 100px !important;
    margin-right: 20px !important;
    position: inherit !important;
  }

  .shfooter ul {
    margin-bottom: 0;
  }

  .shfooter .collapse {
    display: none;
  }

  .shfooter .collapse.show {
    display: block;
  }

  .shfooter .title .fa-angle-up,
  .shfooter .title[aria-expanded=true] .fa-angle-down {
    display: none;
  }

  .shfooter .title[aria-expanded=true] .fa-angle-up {
    display: block;
  }

  .shfooter .navbar-toggler {
    display: inline-block;
    padding: 0;
  }

  .footer_bottom * {
    padding: unset !important;
  }

  .footer_bottom .row {
    margin: unset
  }

  .footer_bottom .container {
    padding: 0 24px !important;
  }

  #footer .footer-container .footer_block {
    margin-bottom: 0;
    padding-top: 32px;
  }

  #footer .footer_bottom #menu_compte_login_col_dreta {
    text-align: left;
  }

  #footer .footer_bottom .hidden-sm-down {
    display: block !important;
  }

  #footer .footer_bottom .footer_block:nth-child(2) {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-around;
  }

  #footer .footer_bottom .social_follow {
    margin-top: unset;
  }

  #footer .footer_bottom .social_follow .h4 {
    margin: 0px;
  }

  #footer .footer_bottom .social_follow ul,
  #footer .footer_bottom img {
    display: block;
  }

  #footer .footer_bottom .newsletter-formulari .btn.btn-primary {
    padding: 0 30px !important;
  }


}

#footer .footer_bottom .social_follow .h4 {
  color: #4A4A4A;
  text-transform: none;
}

.social_follow .h4 {
  font-size: 18px;
  line-height: 34px;
  color: #272727;
  margin: 0 20px 0 0;
  text-transform: capitalize;
  display: inline-block;
  font-weight: 600;
  vertical-align: bottom
}

#product>div.slick-lightbox>div>button::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='38px' height='50px' viewBox='0 0 38 50' version='1.1'%3E%3Cg id='surface1'%3E%3Cpath style=' stroke:none%3Bfill-rule:nonzero%3Bfill:%23ffffff%3Bfill-opacity:1%3B' d='M 37.269531 8.25 C 38.386719 6.925781 38.207031 4.953125 36.863281 3.847656 C 35.515625 2.742188 33.515625 2.921875 32.398438 4.25 L 19 20.117188 L 5.601562 4.25 C 4.484375 2.921875 2.484375 2.742188 1.136719 3.847656 C -0.207031 4.953125 -0.386719 6.925781 0.730469 8.25 L 14.875 25 L 0.730469 41.75 C -0.386719 43.078125 -0.207031 45.046875 1.136719 46.152344 C 2.484375 47.257812 4.484375 47.078125 5.601562 45.75 L 19 29.882812 L 32.398438 45.75 C 33.515625 47.078125 35.515625 47.257812 36.863281 46.152344 C 38.207031 45.050781 38.386719 43.078125 37.269531 41.75 L 23.125 25 Z M 37.269531 8.25 '/%3E%3C/g%3E%3C/svg%3E")
}

@media (max-width: 991px) {

  #principalsDistribuidores {
    font-size: 13px;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    margin: 0px 20px;
  }

  #todasNuestrasDistribuciones {
    margin: 0px 20px !important;
  }

  #hrInvisible {
    display: none;
  }

  #checkout .mx_msg_actions_cart {
    padding: unset;
  }

  #_mobile_cart_block .blockcart .popup_cart {
    display: none;
  }

  #_mobile_megamenu>div>ul>li.menu-item.hasChild.active>div>div>div:nth-child(1)>div>ul>li>div>p {
    font: 500 16px Roboto !important;
    padding: 12px 0px !important;
    border-top: 1px solid black;
    line-height: 30px !important;
  }

  #_mobile_megamenu>div>ul>li.menu-item.hasChild.active>div>div>div:nth-child(1)>div>ul>li>div>p:before {
    width: 20px;
    display: inline-block;
    content: "\00a0 ";
  }

  #_mobile_megamenu>div>ul>li.menu-item.hasChild.active>div>div>div:nth-child(5)>div:nth-child(2)>ul>li>div>p>a>span {
    margin: 0 20px;
  }

  #_mobile_megamenu>div>ul>li.menu-item.hasChild.active>div>div>div:nth-child(1)>div>ul>li>div>hr,
  #_mobile_megamenu>div>ul>li.menu-item.hasChild>div>div>div:nth-child(6),
  #_mobile_megamenu>div>ul>li.menu-item.hasChild>div>div>div:nth-child(5)>div:nth-child(1) {
    display: none;
  }

  .mx_img_oblidarpassword {
    display: none;
  }

  #create-account_form_mx_aut_emp #divcodiclient {
    padding-right: 0;
  }

  #create-account_form_mx_aut_emp .form-group.col-lg-6:nth-child(3) {
    padding-left: 0;
  }

  #wrapper>div>section>div.pos_title {
    margin: 0 12px;
  }

  #wrapper>div>section.categoryproducts {
    margin-block-start: 32px;
  }

  #_mobile_search_category #pos_search_top .form_search .form-control {
    width: calc(100vw -100px);
  }

  #mxdetalls,
  #mxopcions {
    background: #f6f6f6;
  }

  #wrapper {
    padding-top: 20px;
  }



  #module-blockwishlist-lists .wishlist-add-to-new {
    width: 100%;
  }

  #module-blockwishlist-lists .wishlist-list-item {
    margin-bottom: 20px;
  }

  #module-blockwishlist-lists .wishlist-list-item:last-child {
    margin-bottom: 30px;
  }

  i.icon-user,
  i.material-icons {
    padding-right: 6px !important;
  }

  #module-blockwishlist-lists .wishlist-list-item-link {
    padding: 12px !important;
  }

  #module-blockwishlist-lists .wishlist-list-item-link * {
    padding: unset !important;
  }

  .wishlist-container #content {
    padding: 0 20px !important;
  }

  .wishlist-container {
    padding-top: 32px;

  }

  .wishlist-products-container-header #wishlistID {
    margin-top: 32px;
  }

  /* .footer_center * {
    padding-left: 0 !important;
  } */

  #identity h1.page-heading.bottom-indent {
    margin-bottom: unset;
  }

  #identity #content>.pt-2 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  #mxDadesFormulari {
    padding-bottom: 0px;
  }

  #mxDadesFormulari .form-footer {
    margin-top: 20px;
    padding-bottom: 20px;
  }

  #_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item.mobileMenuItem {
    display: block;
  }

  #pos_search_top .form_search .form-group .bootstrap-select,
  #pos_search_top .form_search .search_submit,
  #pos_search_top .form_search .form-control {
    height: 44px;
  }


  .avantatges_clients {
    padding-top: unset;
    padding-bottom: unset;
  }

  div.avantatges_clients:before {
    background: unset;
    height: 0px;
  }

  .container {
    /* padding: 0; ACA COMM */
  }

  /*  #footer .footer_center */
  #content-wrapper>img,
  #main>div:nth-child(2)>div:nth-child(1),
  #notifications,
  main>.container,
  main>.pos_bannerslide,
  main>#header .header-nav,
  #add-to-cart-or-refresh,
  .breadcrumb_container .container {
    /* margin: 0 12px; ACA COMM */
  }

  .breadcrumb_container {
    /* margin-block-start: 14px; ACA COMM */
    /* padding: 20px 12px;  ACA COMM */
  }

  .slider-for.slick-initialized.slick-slider {
    /* margin-block-start: 32px; ACA COMM */
    /* margin-block-end: 24px; ACA COMM */
  }

  .product-information .product-description-short {
    padding: 0 16px 24px 16px;
    padding-block-start: 24px;
  }

  .product-manufacturer {
    margin-block-end: 24px;
  }

  .product-description-short {
    padding: unset;
  }

  #main>div:nth-child(2)>div:nth-child(2)>div>p,
  #main>div:nth-child(2)>div:nth-child(2)>div>div.product_manufacturer {
    padding: 0 16px;
  }

  #main>div:nth-child(2)>div:nth-child(2)>div.content_info {
    padding: 0;
  }

  #main>div:nth-child(2)>div:nth-child(2)>div>h1 {
    padding: 24px 16px 20px 16px
  }

  .content_info {
    border-left: unset;
    border-right: unset;
    border-bottom: unset;
  }

  .row {
    /* margin: 0; ACA COMM */
  }

  .col-md-6 {
    /* padding: 0; ACA COMM */
  }

  #attachments_up {
    padding-left: unset;
  }

}



/*BOOTSTRAP*/

.align-items-center{
  align-items: center;
}

.align-items-end{
  align-items: end;
}

.justify-content-between{
  justify-content: space-between;
}

.d-none {
  display: none !important;
}

.flex-wrap{
  flex-wrap: wrap;
}


  @media (max-width: 575px) {
    .products-selection .filter-button {
        padding-left: 15px
    }
  }

@media (min-width: 576px) {

  .breadcrumb_container .breadcrumb ol li a.breadcrumbVolver,
  .breadcrumb_container .breadcrumb ol li .barraIniciBC {
    display: inline-block;
  }

  .float-sm-start {
    float: left !important;
  }

  .float-sm-end {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-grid {
    display: grid !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }

  .d-sm-none {
    display: none !important;
  }

  .flex-sm-fill {
    flex: 1 1 auto !important;
  }

  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-sm-0 {
    gap: 0 !important;
  }

  .gap-sm-1 {
    gap: 0.25rem !important;
  }

  .gap-sm-2 {
    gap: 0.5rem !important;
  }

  .gap-sm-3 {
    gap: 1rem !important;
  }

  .gap-sm-4 {
    gap: 1.5rem !important;
  }

  .gap-sm-5 {
    gap: 3rem !important;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }

  .order-sm-first {
    order: -1 !important;
  }

  .order-sm-0 {
    order: 0 !important;
  }

  .order-sm-1 {
    order: 1 !important;
  }

  .order-sm-2 {
    order: 2 !important;
  }

  .order-sm-3 {
    order: 3 !important;
  }

  .order-sm-4 {
    order: 4 !important;
  }

  .order-sm-5 {
    order: 5 !important;
  }

  .order-sm-last {
    order: 6 !important;
  }

  .m-sm-0 {
    margin: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-sm-0 {
    margin-top: 0 !important;
  }

  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mt-sm-3 {
    margin-top: 1rem !important;
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mt-sm-5 {
    margin-top: 3rem !important;
  }

  .mt-sm-auto {
    margin-top: auto !important;
  }

  .me-sm-0 {
    margin-right: 0 !important;
  }

  .me-sm-1 {
    margin-right: 0.25rem !important;
  }

  .me-sm-2 {
    margin-right: 0.5rem !important;
  }

  .me-sm-3 {
    margin-right: 1rem !important;
  }

  .me-sm-4 {
    margin-right: 1.5rem !important;
  }

  .me-sm-5 {
    margin-right: 3rem !important;
  }

  .me-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-0 {
    margin-bottom: 0 !important;
  }

  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }

  .mb-sm-auto {
    margin-bottom: auto !important;
  }

  .ms-sm-0 {
    margin-left: 0 !important;
  }

  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }

  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }

  .ms-sm-3 {
    margin-left: 1rem !important;
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }

  .ms-sm-5 {
    margin-left: 3rem !important;
  }

  .ms-sm-auto {
    margin-left: auto !important;
  }

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

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-sm-0 {
    padding-top: 0 !important;
  }

  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pt-sm-3 {
    padding-top: 1rem !important;
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pt-sm-5 {
    padding-top: 3rem !important;
  }

  .pe-sm-0 {
    padding-right: 0 !important;
  }

  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pe-sm-3 {
    padding-right: 1rem !important;
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pe-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-0 {
    padding-bottom: 0 !important;
  }

  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }

  .ps-sm-0 {
    padding-left: 0 !important;
  }

  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }

  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }

  .ps-sm-3 {
    padding-left: 1rem !important;
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }

  .ps-sm-5 {
    padding-left: 3rem !important;
  }

  .text-sm-start {
    text-align: left !important;
  }

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

  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }

  .float-md-end {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-grid {
    display: grid !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }

  .d-md-none {
    display: none !important;
  }

  .flex-md-fill {
    flex: 1 1 auto !important;
  }

  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-md-0 {
    gap: 0 !important;
  }

  .gap-md-1 {
    gap: 0.25rem !important;
  }

  .gap-md-2 {
    gap: 0.5rem !important;
  }

  .gap-md-3 {
    gap: 1rem !important;
  }

  .gap-md-4 {
    gap: 1.5rem !important;
  }

  .gap-md-5 {
    gap: 3rem !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }

  .order-md-first {
    order: -1 !important;
  }

  .order-md-0 {
    order: 0 !important;
  }

  .order-md-1 {
    order: 1 !important;
  }

  .order-md-2 {
    order: 2 !important;
  }

  .order-md-3 {
    order: 3 !important;
  }

  .order-md-4 {
    order: 4 !important;
  }

  .order-md-5 {
    order: 5 !important;
  }

  .order-md-last {
    order: 6 !important;
  }

  .m-md-0 {
    margin: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-md-0 {
    margin-top: 0 !important;
  }

  .mt-md-1 {
    margin-top: 0.25rem !important;
  }

  .mt-md-2 {
    margin-top: 0.5rem !important;
  }

  .mt-md-3 {
    margin-top: 1rem !important;
  }

  .mt-md-4 {
    margin-top: 1.5rem !important;
  }

  .mt-md-5 {
    margin-top: 3rem !important;
  }

  .mt-md-auto {
    margin-top: auto !important;
  }

  .me-md-0 {
    margin-right: 0 !important;
  }

  .me-md-1 {
    margin-right: 0.25rem !important;
  }

  .me-md-2 {
    margin-right: 0.5rem !important;
  }

  .me-md-3 {
    margin-right: 1rem !important;
  }

  .me-md-4 {
    margin-right: 1.5rem !important;
  }

  .me-md-5 {
    margin-right: 3rem !important;
  }

  .me-md-auto {
    margin-right: auto !important;
  }

  .mb-md-0 {
    margin-bottom: 0 !important;
  }

  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-md-3 {
    margin-bottom: 1rem !important;
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-md-5 {
    margin-bottom: 3rem !important;
  }

  .mb-md-auto {
    margin-bottom: auto !important;
  }

  .ms-md-0 {
    margin-left: 0 !important;
  }

  .ms-md-1 {
    margin-left: 0.25rem !important;
  }

  .ms-md-2 {
    margin-left: 0.5rem !important;
  }

  .ms-md-3 {
    margin-left: 1rem !important;
  }

  .ms-md-4 {
    margin-left: 1.5rem !important;
  }

  .ms-md-5 {
    margin-left: 3rem !important;
  }

  .ms-md-auto {
    margin-left: auto !important;
  }

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

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-md-0 {
    padding-top: 0 !important;
  }

  .pt-md-1 {
    padding-top: 0.25rem !important;
  }

  .pt-md-2 {
    padding-top: 0.5rem !important;
  }

  .pt-md-3 {
    padding-top: 1rem !important;
  }

  .pt-md-4 {
    padding-top: 1.5rem !important;
  }

  .pt-md-5 {
    padding-top: 3rem !important;
  }

  .pe-md-0 {
    padding-right: 0 !important;
  }

  .pe-md-1 {
    padding-right: 0.25rem !important;
  }

  .pe-md-2 {
    padding-right: 0.5rem !important;
  }

  .pe-md-3 {
    padding-right: 1rem !important;
  }

  .pe-md-4 {
    padding-right: 1.5rem !important;
  }

  .pe-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-0 {
    padding-bottom: 0 !important;
  }

  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-md-3 {
    padding-bottom: 1rem !important;
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-md-5 {
    padding-bottom: 3rem !important;
  }

  .ps-md-0 {
    padding-left: 0 !important;
  }

  .ps-md-1 {
    padding-left: 0.25rem !important;
  }

  .ps-md-2 {
    padding-left: 0.5rem !important;
  }

  .ps-md-3 {
    padding-left: 1rem !important;
  }

  .ps-md-4 {
    padding-left: 1.5rem !important;
  }

  .ps-md-5 {
    padding-left: 3rem !important;
  }

  .text-md-start {
    text-align: left !important;
  }

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

  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }

  .float-lg-end {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-grid {
    display: grid !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }

  .d-lg-none {
    display: none !important;
  }

  .flex-lg-fill {
    flex: 1 1 auto !important;
  }

  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-lg-0 {
    gap: 0 !important;
  }

  .gap-lg-1 {
    gap: 0.25rem !important;
  }

  .gap-lg-2 {
    gap: 0.5rem !important;
  }

  .gap-lg-3 {
    gap: 1rem !important;
  }

  .gap-lg-4 {
    gap: 1.5rem !important;
  }

  .gap-lg-5 {
    gap: 3rem !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }

  .order-lg-first {
    order: -1 !important;
  }

  .order-lg-0 {
    order: 0 !important;
  }

  .order-lg-1 {
    order: 1 !important;
  }

  .order-lg-2 {
    order: 2 !important;
  }

  .order-lg-3 {
    order: 3 !important;
  }

  .order-lg-4 {
    order: 4 !important;
  }

  .order-lg-5 {
    order: 5 !important;
  }

  .order-lg-last {
    order: 6 !important;
  }

  .m-lg-0 {
    margin: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-lg-0 {
    margin-top: 0 !important;
  }

  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mt-lg-3 {
    margin-top: 1rem !important;
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mt-lg-5 {
    margin-top: 3rem !important;
  }

  .mt-lg-auto {
    margin-top: auto !important;
  }

  .me-lg-0 {
    margin-right: 0 !important;
  }

  .me-lg-1 {
    margin-right: 0.25rem !important;
  }

  .me-lg-2 {
    margin-right: 0.5rem !important;
  }

  .me-lg-3 {
    margin-right: 1rem !important;
  }

  .me-lg-4 {
    margin-right: 1.5rem !important;
  }

  .me-lg-5 {
    margin-right: 3rem !important;
  }

  .me-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-0 {
    margin-bottom: 0 !important;
  }

  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }

  .mb-lg-auto {
    margin-bottom: auto !important;
  }

  .ms-lg-0 {
    margin-left: 0 !important;
  }

  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }

  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }

  .ms-lg-3 {
    margin-left: 1rem !important;
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }

  .ms-lg-5 {
    margin-left: 3rem !important;
  }

  .ms-lg-auto {
    margin-left: auto !important;
  }

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

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-lg-0 {
    padding-top: 0 !important;
  }

  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pt-lg-3 {
    padding-top: 1rem !important;
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pt-lg-5 {
    padding-top: 3rem !important;
  }

  .pe-lg-0 {
    padding-right: 0 !important;
  }

  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pe-lg-3 {
    padding-right: 1rem !important;
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pe-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-0 {
    padding-bottom: 0 !important;
  }

  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }

  .ps-lg-0 {
    padding-left: 0 !important;
  }

  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }

  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }

  .ps-lg-3 {
    padding-left: 1rem !important;
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }

  .ps-lg-5 {
    padding-left: 3rem !important;
  }

  .text-lg-start {
    text-align: left !important;
  }

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

  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }

  .float-xl-end {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-grid {
    display: grid !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }

  .d-xl-none {
    display: none !important;
  }

  .flex-xl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-xl-0 {
    gap: 0 !important;
  }

  .gap-xl-1 {
    gap: 0.25rem !important;
  }

  .gap-xl-2 {
    gap: 0.5rem !important;
  }

  .gap-xl-3 {
    gap: 1rem !important;
  }

  .gap-xl-4 {
    gap: 1.5rem !important;
  }

  .gap-xl-5 {
    gap: 3rem !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }

  .order-xl-first {
    order: -1 !important;
  }

  .order-xl-0 {
    order: 0 !important;
  }

  .order-xl-1 {
    order: 1 !important;
  }

  .order-xl-2 {
    order: 2 !important;
  }

  .order-xl-3 {
    order: 3 !important;
  }

  .order-xl-4 {
    order: 4 !important;
  }

  .order-xl-5 {
    order: 5 !important;
  }

  .order-xl-last {
    order: 6 !important;
  }

  .m-xl-0 {
    margin: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xl-0 {
    margin-top: 0 !important;
  }

  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xl-3 {
    margin-top: 1rem !important;
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xl-5 {
    margin-top: 3rem !important;
  }

  .mt-xl-auto {
    margin-top: auto !important;
  }

  .me-xl-0 {
    margin-right: 0 !important;
  }

  .me-xl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xl-3 {
    margin-right: 1rem !important;
  }

  .me-xl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xl-5 {
    margin-right: 3rem !important;
  }

  .me-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xl-auto {
    margin-bottom: auto !important;
  }

  .ms-xl-0 {
    margin-left: 0 !important;
  }

  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xl-3 {
    margin-left: 1rem !important;
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xl-5 {
    margin-left: 3rem !important;
  }

  .ms-xl-auto {
    margin-left: auto !important;
  }

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

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xl-0 {
    padding-top: 0 !important;
  }

  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xl-3 {
    padding-top: 1rem !important;
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xl-5 {
    padding-top: 3rem !important;
  }

  .pe-xl-0 {
    padding-right: 0 !important;
  }

  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xl-3 {
    padding-right: 1rem !important;
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xl-0 {
    padding-left: 0 !important;
  }

  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xl-3 {
    padding-left: 1rem !important;
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xl-5 {
    padding-left: 3rem !important;
  }

  .text-xl-start {
    text-align: left !important;
  }

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

  .text-xl-center {
    text-align: center !important;
  }
}

@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }

  .float-xxl-end {
    float: right !important;
  }

  .float-xxl-none {
    float: none !important;
  }

  .d-xxl-inline {
    display: inline !important;
  }

  .d-xxl-inline-block {
    display: inline-block !important;
  }

  .d-xxl-block {
    display: block !important;
  }

  .d-xxl-grid {
    display: grid !important;
  }

  .d-xxl-table {
    display: table !important;
  }

  .d-xxl-table-row {
    display: table-row !important;
  }

  .d-xxl-table-cell {
    display: table-cell !important;
  }

  .d-xxl-flex {
    display: flex !important;
  }

  .d-xxl-inline-flex {
    display: inline-flex !important;
  }

  .d-xxl-none {
    display: none !important;
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xxl-row {
    flex-direction: row !important;
  }

  .flex-xxl-column {
    flex-direction: column !important;
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-xxl-0 {
    gap: 0 !important;
  }

  .gap-xxl-1 {
    gap: 0.25rem !important;
  }

  .gap-xxl-2 {
    gap: 0.5rem !important;
  }

  .gap-xxl-3 {
    gap: 1rem !important;
  }

  .gap-xxl-4 {
    gap: 1.5rem !important;
  }

  .gap-xxl-5 {
    gap: 3rem !important;
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xxl-center {
    justify-content: center !important;
  }

  .justify-content-xxl-between {
    justify-content: space-between !important;
  }

  .justify-content-xxl-around {
    justify-content: space-around !important;
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xxl-start {
    align-items: flex-start !important;
  }

  .align-items-xxl-end {
    align-items: flex-end !important;
  }

  .align-items-xxl-center {
    align-items: center !important;
  }

  .align-items-xxl-baseline {
    align-items: baseline !important;
  }

  .align-items-xxl-stretch {
    align-items: stretch !important;
  }

  .align-content-xxl-start {
    align-content: flex-start !important;
  }

  .align-content-xxl-end {
    align-content: flex-end !important;
  }

  .align-content-xxl-center {
    align-content: center !important;
  }

  .align-content-xxl-between {
    align-content: space-between !important;
  }

  .align-content-xxl-around {
    align-content: space-around !important;
  }

  .align-content-xxl-stretch {
    align-content: stretch !important;
  }

  .align-self-xxl-auto {
    align-self: auto !important;
  }

  .align-self-xxl-start {
    align-self: flex-start !important;
  }

  .align-self-xxl-end {
    align-self: flex-end !important;
  }

  .align-self-xxl-center {
    align-self: center !important;
  }

  .align-self-xxl-baseline {
    align-self: baseline !important;
  }

  .align-self-xxl-stretch {
    align-self: stretch !important;
  }

  .order-xxl-first {
    order: -1 !important;
  }

  .order-xxl-0 {
    order: 0 !important;
  }

  .order-xxl-1 {
    order: 1 !important;
  }

  .order-xxl-2 {
    order: 2 !important;
  }

  .order-xxl-3 {
    order: 3 !important;
  }

  .order-xxl-4 {
    order: 4 !important;
  }

  .order-xxl-5 {
    order: 5 !important;
  }

  .order-xxl-last {
    order: 6 !important;
  }

  .m-xxl-0 {
    margin: 0 !important;
  }

  .m-xxl-1 {
    margin: 0.25rem !important;
  }

  .m-xxl-2 {
    margin: 0.5rem !important;
  }

  .m-xxl-3 {
    margin: 1rem !important;
  }

  .m-xxl-4 {
    margin: 1.5rem !important;
  }

  .m-xxl-5 {
    margin: 3rem !important;
  }

  .m-xxl-auto {
    margin: auto !important;
  }

  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xxl-0 {
    margin-top: 0 !important;
  }

  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xxl-3 {
    margin-top: 1rem !important;
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xxl-5 {
    margin-top: 3rem !important;
  }

  .mt-xxl-auto {
    margin-top: auto !important;
  }

  .me-xxl-0 {
    margin-right: 0 !important;
  }

  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xxl-3 {
    margin-right: 1rem !important;
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xxl-5 {
    margin-right: 3rem !important;
  }

  .me-xxl-auto {
    margin-right: auto !important;
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xxl-auto {
    margin-bottom: auto !important;
  }

  .ms-xxl-0 {
    margin-left: 0 !important;
  }

  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xxl-3 {
    margin-left: 1rem !important;
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xxl-5 {
    margin-left: 3rem !important;
  }

  .ms-xxl-auto {
    margin-left: auto !important;
  }

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

  .p-xxl-1 {
    padding: 0.25rem !important;
  }

  .p-xxl-2 {
    padding: 0.5rem !important;
  }

  .p-xxl-3 {
    padding: 1rem !important;
  }

  .p-xxl-4 {
    padding: 1.5rem !important;
  }

  .p-xxl-5 {
    padding: 3rem !important;
  }

  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xxl-0 {
    padding-top: 0 !important;
  }

  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xxl-3 {
    padding-top: 1rem !important;
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xxl-5 {
    padding-top: 3rem !important;
  }

  .pe-xxl-0 {
    padding-right: 0 !important;
  }

  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xxl-3 {
    padding-right: 1rem !important;
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xxl-5 {
    padding-right: 3rem !important;
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xxl-0 {
    padding-left: 0 !important;
  }

  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xxl-3 {
    padding-left: 1rem !important;
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xxl-5 {
    padding-left: 3rem !important;
  }

  .text-xxl-start {
    text-align: left !important;
  }

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

  .text-xxl-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }

  .fs-2 {
    font-size: 2rem !important;
  }

  .fs-3 {
    font-size: 1.75rem !important;
  }

  .fs-4 {
    font-size: 1.5rem !important;
  }
}

.fw-bold {
  font-weight: bold;
}

.position-relative {
  position: relative
}

.position-absolute {
  position: absolute;
}

.bottom-0 {
  bottom: 0;
}

.left-0 {
  left: 0;
}

.right-0 {
  right: 0;
}

/*CANVIS FETS ACCESIBILITAT*/
input:focus-visible,
button:focus-visible,
a:focus-visible,
select:focus-visible,
textarea:focus-visible,
.btn-default:focus-visible,
.btn:focus-visible,
.form-control:focus-visible,
.input-group:focus-visible {

    outline: 1px solid #121212 !important;
    border-radius: 0px !important;
}


.poslistcategories .list-categories .desc-listcategoreis .sub a {
  color: #737373;
}

#products .af_cataleg_clientBTN,
#products .af_consum_clientBTN {
  color: var(--font-color-default);
}

.descripcioHabituals {
  margin-bottom: 10px;
  margin-top: -15px;
}



/****CODI NOU***/

/**MÒDUL POSMEGAMENU**/
#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item>a {
  color: #555559;
  font-size: 18px;
  text-transform: none;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item>a:hover {
  color: var(--vermell-manxa);
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item>a .menu-subtitle,
#_mobile_megamenu .pos-menu-horizontal .menu-content .menu-item>a .menu-subtitle {
  text-transform: none;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item>a .menu-subtitle:after {}

#_mobile_megamenu .pos-menu-horizontal .menu-content .menu-item>a .menu-subtitle:after {}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item .menu-dropdown .pos-menu-col .column_title {
  text-transform: none;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item .menu-dropdown .submenu-item>a {
  text-transform: none;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item>a {
  color: #555559;
  font-size: 18px;
  text-transform: none;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item>a:hover {
  color: var(--vermell-manxa);
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item>a .menu-subtitle,
#_mobile_megamenu .pos-menu-horizontal .menu-content .menu-item>a .menu-subtitle {
  text-transform: none;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item>a .menu-subtitle:after {}

#_mobile_megamenu .pos-menu-horizontal .menu-content .menu-item>a .menu-subtitle:after {}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item .menu-dropdown .pos-menu-col .column_title {
  text-transform: none;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .submenu-item > a, #_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item .column_title{
  font-family: 'Roboto', sans-serif;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item .menu-dropdown .submenu-item>a {
  text-transform: none;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item.menu-item24>a {
  color: #555559;
  font-size: 18px;
  text-transform: none;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item.menu-item24>a:hover {
  color: var(--vermell-manxa);
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item.menu-item24>a .menu-subtitle,
#_mobile_megamenu .pos-menu-horizontal .menu-content .menu-item.menu-item24>a .menu-subtitle {
  text-transform: none;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item.menu-item24>a .menu-subtitle:after {}

#_mobile_megamenu .pos-menu-horizontal .menu-content .menu-item.menu-item24>a .menu-subtitle:after {}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item.menu-item24 .menu-dropdown .pos-menu-col .column_title {
  text-transform: none;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item.menu-item24 .menu-dropdown .submenu-item>a {
  text-transform: none;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item.menu-item25>a {
  color: #555559;
  font-size: 18px;
  text-transform: none;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item.menu-item25>a:hover {
  color: var(--vermell-manxa);
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item.menu-item25>a .menu-subtitle,
#_mobile_megamenu .pos-menu-horizontal .menu-content .menu-item.menu-item25>a .menu-subtitle {
  text-transform: none;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item.menu-item25>a .menu-subtitle:after {}

#_mobile_megamenu .pos-menu-horizontal .menu-content .menu-item.menu-item25>a .menu-subtitle:after {}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item.menu-item25 .menu-dropdown .pos-menu-col .column_title {
  text-transform: none;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item.menu-item25 .menu-dropdown .submenu-item>a {
  text-transform: none;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item.menu-item23>a {
  color: #555559;
  font-size: 18px;
  text-transform: none;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item.menu-item23>a:hover {
  color: var(--vermell-manxa);
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item.menu-item23>a .menu-subtitle,
#_mobile_megamenu .pos-menu-horizontal .menu-content .menu-item.menu-item23>a .menu-subtitle {
  text-transform: none;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item.menu-item23>a .menu-subtitle:after {}

#_mobile_megamenu .pos-menu-horizontal .menu-content .menu-item.menu-item23>a .menu-subtitle:after {}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item.menu-item23 .menu-dropdown .pos-menu-col .column_title {
  text-transform: none;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item.menu-item23 .menu-dropdown .submenu-item>a {
  text-transform: none;
}

#_desktop_megamenu {
  text-align: center;
}

#_desktop_megamenu .menu-content li.menu-item {
  float: none;
  display: inline-block;
}



/**FI MÒDUL POSMEGAMENU**/






/**INICI BLOCKCATEGORIES
#categories_block_top { clear: both; position: relative; top: 30px; }
#categories_block_top .sf-menu { position: relative; }
#categories_block_top .sf-menu > li { position: static; }
#categories_block_top .sf-menu > li > ul { width: 100%; top: 60px; margin: 0 20px; }
#categories_block_top .sf-menu > li > ul > li { display: block; float: left; width: 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; }
#categories_block_top .sf-menu > li > ul > .category_thumb { display: block; clear: both; overflow: hidden; width: 100%; }
#categories_block_top .sf-menu > li > ul > .category_thumb img { display: inline-block; width: 33%; }
#categories_block_top .sf-menu > li h4 a { font-size: 1.1em; }
#categories_block_top .sf-menu > li h4 a:before { display: none; }
#categories_block_top .sf-menu > li .main-level-submenus { position: relative; display: block !important; visibility: visible !important; top: 0; background: none; box-shadow: none; padding: 0; left: 0; }
#categories_block_top .sf-menu .category_thumb { display: none; }

/* fbs */
#categories_block_left li {
  position: relative;
  border-bottom: 1px solid #777;
}

/* fbs */
#categories_block_left li a {
  color: #797979;
  display: block;
  padding: 8px 15px 2px 5px;
  font-weight: 700;
  font-size: 11px;
}

/* fbs */
#categories_block_left li span.grower {
  display: block;
  border: 1px solid #f6f6f6;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  font-family: "FontAwesome";
  font-size: 20px;
}

/* fbs */
#categories_block_left li span.grower.OPEN:before,
#categories_block_left li span.grower.CLOSE:before {
  content: "▾";
  display: block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  color: #d30d2b;
  line-height: 25px;
  text-align: center;
}

/* fbs */
#categories_block_left li span.grower.CLOSE:before {
  content: "▸";
  color: #797979;
}

#categories_block_left li span.grower:hover+a,
#categories_block_left li a:hover,
#categories_block_left li a.selected {
  color: #f45c5d;
}

/* fbs */
#categories_block_left li li {
  padding-left: 15px;
  border-bottom: 1px solid #fff;
}

/* FI BLOCKCATEGORIES */

#subcategories {
  border-top: 1px solid #d6d4d4;
  padding: 15px 0 0 0;
}






/* Breadcrumb similar al de la captura */
.mx-breadcrumb {
  margin: 6px 0 18px;
}

.mx-breadcrumb ol {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 13px;
}

.mx-breadcrumb li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.mx-breadcrumb li::after {
  content: ">";
  opacity: .5;
}

.mx-breadcrumb li:last-child::after {
  content: "";
}

.mx-breadcrumb a {
  text-decoration: none;
}

.mx-breadcrumb a:hover {
  text-decoration: underline;
}

/* Títulos */
.mx-cat-title {
  margin: 0 0 26px;
  font-size: 18px;
  letter-spacing: .02em;
  font-weight: 700;
  text-transform: uppercase;
}

.mx-subcats-title {
  margin: 0 0 14px;
  font-size: 14px;
  font-weight: 700;
}

/* Grid como la captura: 6 columnas en desktop, tarjetas centradas */
.mx-subcats-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 34px 34px;
  /* bastante aire como en la captura */
  align-items: start;
}

/* Tarjeta */
.mx-subcat-card {
  /* text-decoration: none; ACA COMM */
  /* color: inherit; ACA COMM */
  /* display: flex; ACA COMM */
  /* flex-direction: column; ACA COMM */
  /* align-items: center; ACA COMM */
  /* gap: 10px; ACA COMM */
}

/* Caja de imagen con borde */
.mx-subcat-imgbox {
  width: 150px;
  height: 150px;
  border: 1px solid #d9d9d9;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

.mx-subcat-imgbox img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}

.mx-subcat-name {
  font-size: 12px;
  text-align: center;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.mx-subcat-card:hover .mx-subcat-imgbox {
  border: 3px solid black;
  padding: 3px;
}

/* Responsive */
@media (max-width: 1200px) {
  .mx-subcats-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 768px) {
  .mx-subcats-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
  }

  .mx-subcat-imgbox {
    width: 140px;
    height: 140px;
  }
}



.js-product-miniature {
  z-index: 3;
  box-shadow: 0px 0px 4.65px 0.35px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}

.block-category {
  padding: 0 0 15px;
}



.button.button-configurar {
  position: relative;
  display: inline-block;
  padding: 5px 7px;
  border: 1px solid #cc9900;
  font-weight: bold;
  color: white;
  background: #6f6f6f;
  cursor: pointer;
  white-space: normal;
  text-align: left;
  transition: all 300ms ease;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 1.42857;
  vertical-align: middle;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}


/* HOVER */
.button.button-configurar:hover {
  background: #5a5a5a;
  /* gris más oscuro */
  border-color: #e0b84a;
  /* dorado más vivo */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

/* ACTIVE (click) */
.button.button-configurar:active {
  background: #4f4f4f;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.35);
  transform: translateY(1px);
}





.button.button-pressupuestar {
  position: relative;
  display: inline-block;
  padding: 5px 7px;
  border: 1px solid #cc9900;
  font-weight: bold;
  color: black;
  cursor: pointer;
  background: #f4b61b;
  white-space: normal;
  text-align: left;
  transition: all 300ms ease;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 1.42857;
  vertical-align: middle;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

/* HOVER */
.button.button-pressupuestar:hover {
  background-color: #d09600;
  border-color: #8f6700;
  box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.25),
    0 2px 6px rgba(0, 0, 0, 0.35);
}

/* ACTIVE */
.button.button-pressupuestar:active {
  background-color: #d89e0c;
  background-position: 0 -20px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.35);
  transform: translateY(1px);
}



.button.button-crear {
  position: relative;
  display: inline-block;
  padding: 5px 7px;
  border: 1px solid #cc9900;
  font-weight: bold;
  color: white;
  cursor: pointer;
  background: var(--vermell-manxa);
  white-space: normal;
  text-align: left;
  transition: all 300ms ease;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 1.42857;
  vertical-align: middle;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

/* HOVER */
.button.button-crear:hover {
  background-color: var(--vermell-hover-manxa);
  border-color: #8f6700;
  box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.25),
    0 2px 6px rgba(0, 0, 0, 0.35);
}

/* ACTIVE */
.button.button-crear:active {
  background-color: var(--vermell-hover-manxa);
  background-position: 0 -20px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.35);
  transform: translateY(1px);
}







.mx_loader_cart {
  position: absolute;
  /*height: calc(100% + 1090px);*/
  width: 100%;
  background: #ffffff url("/img/loader.gif") center 125px no-repeat;
  opacity: 0.5;
  z-index: 10000;
  display: block;
  overflow: hidden;
}

.modal.fade:not(.in).left .modal-dialog {
  -webkit-transform: translate3d(-25%, 0, 0);
  transform: translate3d(-25%, 0, 0);
}

.modal.fade:not(.in).right .modal-dialog {
  -webkit-transform: translate3d(125%, 0, 0);
  transform: translate3d(125%, 0, 0);
}

.modal.fade:not(.in).bottom .modal-dialog {
  -webkit-transform: translate3d(0, 125%, 0);
  transform: translate3d(0, 125%, 0);
}

.mxiconumber {
  font-size: 1.1rem;
  background: #d30d2b;
  border: solid 1px #d30d2b;
  border-radius: 5rem;
  padding: .23rem;
  position: absolute;
  top: -9px;
  color: #fff;
  height: 25px;
  width: 25px;
  text-align: center;
}

/*JCC | Afegits estils pel menú de la home */
#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item .column_title {
  margin-bottom: 5px;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .submenu-item>a,
#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item .column_title {
  font-size: 18px;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item .menu-dropdown .ul-column .submenu-item {
  margin-bottom: 8px;
}

.menuServeisTransformacio{
  border-left: 1px solid #555559;
  border-right: 1px solid #555559;
}

.menuServeisTransformacio, .menuServeisEficiencia, .menuServeisValor{
  padding-bottom: 20px;
  margin-bottom: 20px;
  margin-top: 10px;

}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-dropdown .submenu-item > a, #_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item .column_title{
  line-height: 1.2;
}

.menuServeisTransformacio .column_title, .menuServeisEficiencia .column_title, .menuServeisValor .column_title{
  padding-top: 0px;
}

.menuServeisValor h4,
.menuServeisTransformacio h4,
.menuServeisEficiencia h4 {
  color: var(--vermell-manxa) !important;
  font-size: 18px !important;
  padding-bottom: 12px !important;
  padding-top: 5px;
  width: 100%;
  font-weight: bold;
}

.megamenu {
  padding-left: 5px;
  padding-right: 5px;
}

#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item22 .menu-dropdown .pos-sub-inner {
  width: max-content;
}

.menu-item.menu-item27.hasChild .menu-dropdown {
  right: unset !important;
}



.video-modal {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;
  margin: 0;
}

.video-modal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Botón cerrar flotante */
.close-video {
  position: absolute;
  top: 10px;
  right: 15px;
  z-index: 10;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
}

/* Tooltip Bootstrap – forzar fondo negro */
.tooltip-inner {
  background-color: #000 !important;
  color: #fff;
  font-size: 12px;
  padding: 6px 10px;
}

.tooltip.bs-tether-element-attached-top .tooltip-inner:before,
.tooltip.tooltip-bottom .tooltip-inner:before {
  border-bottom-color: #000 !important;
}


@media (min-width: 768px) {

  .col-sm-push-1 {
    left: 8.33333%;
  }

  .col-sm-push-2 {
    left: 16.66667%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-4 {
    left: 33.33333%;
  }

  .col-sm-push-5 {
    left: 41.66667%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-7 {
    left: 58.33333%;
  }

  .col-sm-push-8 {
    left: 66.66667%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-10 {
    left: 83.33333%;
  }

  .col-sm-push-11 {
    left: 91.66667%;
  }

  .col-sm-pull-1 {
    right: 8.33333%;
  }

  .col-sm-pull-2 {
    right: 16.66667%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-4 {
    right: 33.33333%;
  }

  .col-sm-pull-5 {
    right: 41.66667%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-7 {
    right: 58.33333%;
  }

  .col-sm-pull-8 {
    right: 66.66667%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-10 {
    right: 83.33333%;
  }

  .col-sm-pull-11 {
    right: 91.66667%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66667%;
  }

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

  .col-sm-offset-4 {
    margin-left: 33.33333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66667%;
  }

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

  .col-sm-offset-7 {
    margin-left: 58.33333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66667%;
  }

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

  .col-sm-offset-10 {
    margin-left: 83.33333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66667%;
  }
}


@media (min-width: 992px) {
  .col-md-push-0 {
    left: auto;
  }

  .col-md-push-1 {
    left: 8.33333%;
  }

  .col-md-push-2 {
    left: 16.66667%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-4 {
    left: 33.33333%;
  }

  .col-md-push-5 {
    left: 41.66667%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-7 {
    left: 58.33333%;
  }

  .col-md-push-8 {
    left: 66.66667%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-10 {
    left: 83.33333%;
  }

  .col-md-push-11 {
    left: 91.66667%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-pull-1 {
    right: 8.33333%;
  }

  .col-md-pull-2 {
    right: 16.66667%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-4 {
    right: 33.33333%;
  }

  .col-md-pull-5 {
    right: 41.66667%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-7 {
    right: 58.33333%;
  }

  .col-md-pull-8 {
    right: 66.66667%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-10 {
    right: 83.33333%;
  }

  .col-md-pull-11 {
    right: 91.66667%;
  }

  .col-md-offset-0 {
    margin-left: 0;
  }

  .col-md-offset-1 {
    margin-left: 8.33333%;
  }

  .col-md-offset-2 {
    margin-left: 16.66667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333%;
  }

  .col-md-offset-5 {
    margin-left: 41.66667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333%;
  }

  .col-md-offset-8 {
    margin-left: 66.66667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333%;
  }

  .col-md-offset-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 1200px) {
  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-push-1 {
    left: 8.33333%;
  }

  .col-lg-push-2 {
    left: 16.66667%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-4 {
    left: 33.33333%;
  }

  .col-lg-push-5 {
    left: 41.66667%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-7 {
    left: 58.33333%;
  }

  .col-lg-push-8 {
    left: 66.66667%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-10 {
    left: 83.33333%;
  }

  .col-lg-push-11 {
    left: 91.66667%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-pull-1 {
    right: 8.33333%;
  }

  .col-lg-pull-2 {
    right: 16.66667%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-4 {
    right: 33.33333%;
  }

  .col-lg-pull-5 {
    right: 41.66667%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-7 {
    right: 58.33333%;
  }

  .col-lg-pull-8 {
    right: 66.66667%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-10 {
    right: 83.33333%;
  }

  .col-lg-pull-11 {
    right: 91.66667%;
  }

  .col-lg-offset-0 {
    margin-left: 0;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66667%;
  }

  /********************************************************/



}




#category #wrapper #search_filters .facet .title .collapse-icons .remove,
#category #wrapper #search_filters .facet .title[aria-expanded=true] .collapse-icons .add {
  display: none
}

#category #wrapper #search_filters .facet .collapse.in,
#category #wrapper #search_filters .facet .title[aria-expanded=true] .collapse-icons .remove {
  display: block
}

#search #wrapper #search_filters .facet .title .collapse-icons .remove,
#search #wrapper #search_filters .facet .title[aria-expanded=true] .collapse-icons .add {
  display: none
}

#search #wrapper #search_filters .facet .collapse.in,
#search #wrapper #search_filters .facet .title[aria-expanded=true] .collapse-icons .remove {
  display: block
}


#category #wrapper #search_filters .facet .collapse,
#search #wrapper #search_filters .facet .collapse {
  display: none
}

.item-product {
  margin-bottom: 20px;
}

/* ACA COMM */
.navbar{
  padding: 0;
}

#cms h1{
  margin-top: 18px;
    margin-bottom: 25px;
}

#cms .page-heading{
    font: 600 18px/22px "Open Sans",sans-serif;
    color: #555454;
    text-transform: uppercase;
    padding: 0 0 17px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #d6d4d4;
    overflow: hidden
}

#footerDiv .material-icons::before{
  content: "add";
}

#footerDiv .material-icons[aria-expanded="true"]::before{
  content: "remove";
}

.lgcookieslaw-button-container.two-buttons .lgcookieslaw-accept-button{
  width: 100%
}


/*Contact form*/
.map-wrapper {
    max-width: 570px;   /* ideal en desktop */
    width: 100%;        /* se adapta en móvil */
    margin: 0 auto;     /* centra */
}

/*Contact form*/
.map-wrapper iframe {
    width: 100%;
    aspect-ratio: 570 / 306; /* mantiene proporción */
    border: 0;
}

@media (max-width: 500px) {
  

.dretacatalegproducteportadaCAT-5 {
  background-size: contain;

}


.dretacatalegproducteportadaCAT-3 {
  background-size: contain;

}



.dretacatalegproducteportadaCAT-2 {
  background-size: contain;

}



.dretacatalegproducteportadaCAT-4 {
  background-size: contain;

}


.esquerracatalegproducteportadaCAT-2 {
  background-size: contain;

}



.dretacatalegproducteportadaCAT-1 {
  background-size: contain;

}

.esquerracatalegproducteportadaCAT-1 {
  background-size: contain;

}


.esquerracatalegproducteportadaCAT-5 {
  background-size: contain;

}

.esquerracatalegproducteportadaCAT-4 {
  background-size: contain;

}



.esquerracatalegproducteportadaCAT-3 {
  background-size: contain;
}

.dretacatalegproducteportadaESP-5 {
  background-size: contain;
}

.dretacatalegproducteportadaESP-3 {
  background-size: contain;
}


.dretacatalegproducteportadaESP-2 {
  background-size: contain;
}


.dretacatalegproducteportadaESP-4 {
  background-size: contain;
}



.esquerracatalegproducteportadaESP-2 {
  background-size: contain;
}



.dretacatalegproducteportadaESP-1 {
  background-size: contain;
}


.esquerracatalegproducteportadaESP-1 {
  background-size: contain;
}


.esquerracatalegproducteportadaESP-5 {
  background-size: contain;
}

.esquerracatalegproducteportadaESP-4 {
  background-size: contain;
}


.esquerracatalegproducteportadaESP-3 {
  background-size: contain;
}


.dretacatalegproducteportadaFRA-5 {
  background-size: contain;
}


.dretacatalegproducteportadaFRA-3 {
  background-size: contain;
}


.dretacatalegproducteportadaFRA-2 {
  background-size: contain;
}

.dretacatalegproducteportadaFRA-4 {
  background-size: contain;
}

.esquerracatalegproducteportadaFRA-2 {
  background-size: contain;
}



.dretacatalegproducteportadaFRA-1 {
  background-size: contain;
}



.esquerracatalegproducteportadaFRA-1 {
  background-size: contain;
}



.esquerracatalegproducteportadaFRA-5 {
  background-size: contain;
}


.esquerracatalegproducteportadaFRA-4 {
  background-size: contain;
}


.esquerracatalegproducteportadaFRA-3 {
  background-size: contain;
}


.dretacatalegproducteportadaENG-5 {
  background-size: contain;
}

.dretacatalegproducteportadaENG-3 {
  background-size: contain;
}


.dretacatalegproducteportadaENG-2 {
  background-size: contain;
}

.dretacatalegproducteportadaENG-4 {
  background-size: contain;
}

.esquerracatalegproducteportadaENG-2 {
  background-size: contain;
}

.dretacatalegproducteportadaENG-1 {
  background-size: contain;
}

.esquerracatalegproducteportadaENG-1 {
  background-size: contain;
}

.esquerracatalegproducteportadaENG-5 {
  background-size: contain;
}

.esquerracatalegproducteportadaENG-4 {
  background-size: contain;
}



.esquerracatalegproducteportadaENG-3 {
  background-size: contain;
}
}



/* Dialog centrado y adaptado a pantalla */
#mostrarvideo .modal-dialog.modal-video{
  width: 90vw;
  max-width: 960px;
  margin: 1rem auto;
}

/* El content no debe superar el viewport */
#mostrarvideo .modal-content{
  max-height: calc(100vh - 2rem);
  display: flex;
  flex-direction: column;
}

/* La body ocupa el espacio restante y no “empuja” el modal */
#mostrarvideo .modal-body{
  flex: 1 1 auto;
  overflow: hidden;
  padding: 0; /* opcional: para que el vídeo ocupe todo */
}

/* Contenedor responsive 16:9 */
#mostrarvideo .video-wrapper{
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 200px;              /* evita que quede enano */
  aspect-ratio: 16 / 9;           /* navegadores modernos */
}

/* Fallback si aspect-ratio no existe: descomenta esto si lo necesitas */
/*
#mostrarvideo .video-wrapper{
  height: 0;
  padding-top: 56.25%;
}
#mostrarvideo .modal-body{
  overflow: auto;
}
*/

#mostrarvideo iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}