@charset "UTF-8";
.slick-next:before, .slick-prev:before {
  font-family: Laie Arrows !important;
  font-size: 14px !important;
  line-height: 1;
  opacity: 1 !important;
  color: #fff; }

.RecommendedBy-headerImage, .LaieIcon-i, .i-openBookIcon::before, .i-objectesIcon::before, .i-heartIcon::before, .i-recomanaIcon::before, .i-defaultUserIcon::before, .i-chevronRight::before, .CartModal-productPreview {
  background-color: white;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.AdvSearch-container {
  padding-top: 120px;
  padding-bottom: 120px; }
  @media screen and (max-width: 992px) {
    .AdvSearch-container {
      padding-top: 0px;
      padding-bottom: 60px; } }

body {
  margin: 0;
  font-family: Poppins Regular, sans-serif;
  color: #002343;
  background-color: #fff; }

h1 {
  font-size: 24px; }
  h1.sl_titol {
    font-size: 39px; }
  h1.picasso-title {
    font-family: "Poppins Regular", sans-serif;
    font-size: 39px;
    font-weight: 900;
    line-height: 50px;
    text-align: center; }

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

header {
  background: #002343;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1; }
  header.museu-picasso {
    background: #091B39;
    display: flex;
    align-content: center;
    align-items: center; }
  header.container-fluid {
    z-index: 5; }

.inici-home {
  margin-top: 140px; }
  .inici-home.legal {
    margin-top: 0;
    margin-bottom: -20px;
    padding-top: 140px;
    min-height: 79vh; }
  .inici-home.home .regala_card_llibre {
    margin: 0; }

.inici-form {
  margin-top: 210px;
  background-color: transparent !important; }

h4 {
  font-family: Poppins Medium, sans-serif;
  font-size: 24px;
  text-transform: uppercase;
  display: inline-block; }
  h4.titol-secc {
    text-transform: none; }
  h4 a {
    font-family: Poppins SemiBold, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: underline;
    color: #002343; }

h2 {
  color: #002343;
  font-family: Poppins Bold, sans-serif;
  font-weight: 300;
  line-height: 24px;
  font-size: 22px;
  margin-bottom: 1.5rem; }

h3 {
  color: #002343;
  font-family: Poppins Bold, sans-serif;
  font-weight: 300;
  line-height: 22px;
  font-size: 20px;
  margin-bottom: 1.5rem; }

.agenda .text_petit {
  font-size: 14px;
  padding-bottom: 15px;
  display: block; }

.agenda .subr {
  text-decoration: underline; }

.agenda .negreta {
  font-family: Poppins Bold, sans-serif; }

.agenda .btn-outline-primary {
  color: #002343;
  border-color: #002343;
  margin-right: 10px;
  padding: 0.5rem 1rem; }
  .agenda .btn-outline-primary:hover {
    color: #fff;
    background-color: #083d6d; }

.agenda .btn-outline-light {
  color: #e1e1e1;
  border-color: #e1e1e1;
  margin-right: 10px;
  padding: 0.5rem 1rem;
  background-color: #fff; }

.agenda .destacat {
  background: #f8f9fb;
  padding: 20px;
  width: 100%;
  margin-left: 20px; }

.agenda input[type="date"] {
  margin-left: 24px;
  border: 0;
  font-family: Poppins Bold, sans-serif;
  font-size: 14px;
  width: 90%; }

.agenda h2 strong {
  font-size: 22px; }

.agenda.tiendas span.lazy-load-image-background.blur {
  padding-top: 0 !important; }

.agenda .text_thk + .card {
  padding-left: 7rem;
  padding-right: 7rem; }

.agenda ul.share li a {
  font-size: 1.4rem;
  color: #002343; }

.agenda .fitxa.card {
  display: inline-block;
  box-shadow: none;
  min-width: 100%;
  padding: 2rem 0;
  margin-bottom: 3rem;
  margin-top: 2rem;
  border-top: 1px solid #e1e1e1 !important;
  border-bottom: 1px solid #e1e1e1 !important; }
  .agenda .fitxa.card .card-body {
    padding: 0; }
  .agenda .fitxa.card img.card-img-left {
    width: 130px;
    height: auto; }
  .agenda .fitxa.card .card-title.h5 {
    display: block;
    font-family: Poppins Bold, sans-serif;
    font-size: 14px;
    text-align: left;
    padding-bottom: 0; }
  .agenda .fitxa.card .preu.card-subtitle.h6 {
    font-family: Poppins Bold, sans-serif;
    font-size: 14px;
    color: #f49331; }

.agenda .card-text:last-child {
  margin-bottom: 1rem; }

.agenda .magazine_carrussel .regala_card_llibre.card img.card-img-top {
  padding: 10px;
  margin: 0 auto; }

a {
  color: #002343;
  text-decoration: underline;
  font-weight: 500;
  background-color: transparent; }
  a:hover {
    color: #f49331;
    text-decoration: none; }
  a > h4 {
    display: contents;
    text-decoration: none !important; }
  a.dropbtn span {
    display: none; }
  a.dropbtn.activa button {
    color: #f49331; }
  a.bCercaAv {
    background-color: #002343;
    color: #fff;
    padding: 4px 14px 4px 12px;
    border-radius: 0.25rem;
    margin-left: -50px;
    font-family: Poppins Medium, sans-serif;
    font-size: 14px; }
    a.bCercaAv:hover {
      background-color: #f49331; }
  a.obj_thumbs img {
    width: 86px; }
  a.activa .menu-seccio {
    border-bottom: 1px solid #fff; }
  a.menuLink {
    text-decoration: none !important;
    color: #fff !important; }
    a.menuLink:hover .menu-seccio {
      border-bottom: 1px solid #fff; }
  a.align-self {
    display: flex;
    align-self: center; }

.no-decoration {
  text-decoration: none !important;
  border-bottom: none !important; }
  .no-decoration:hover {
    text-decoration: none !important;
    border-bottom: none !important; }

.align-self {
  display: flex;
  align-self: center; }

.button_pinterest {
  cursor: pointer; }

thead {
  background: #e1e1e1; }

td {
  padding: 10px; }

input::-webkit-inner-spin-button {
  margin: 0; }

input::-webkit-outer-spin-button {
  margin: 0; }

.slick-next {
  right: -35px !important;
  width: 24px !important;
  height: 80px !important;
  background: #ccc !important; }
  .slick-next:focus {
    background: #eee !important; }
  .slick-next:hover {
    background: #eee !important; }

.slick-prev {
  left: -35px !important;
  width: 24px !important;
  height: 80px !important;
  background: #ccc !important; }
  .slick-prev:focus {
    background: #eee !important; }
  .slick-prev:hover {
    background: #eee !important; }

.slPrincipal .slick-prev {
  left: 0 !important;
  left: 0;
  z-index: 1; }

.slPrincipal .slick-next {
  right: 0 !important;
  right: 0; }

.slPrincipal .slick-list {
  padding-top: 0;
  padding-bottom: 0; }

.slPrincipal .slick-dots {
  bottom: 15px; }
  .slPrincipal .slick-dots li {
    margin: 0 1px; }
    .slPrincipal .slick-dots li button:before {
      font-size: 14px;
      line-height: 14px;
      position: absolute;
      top: 0;
      left: 0;
      width: 16px;
      height: 16px;
      content: "\2022";
      text-align: center;
      opacity: 0.25;
      color: #fff !important;
      background-color: #fff;
      border: 2px solid #000;
      border-radius: 14px;
      opacity: 1 !important; }
    .slPrincipal .slick-dots li.slick-active button:before {
      font-size: 14px;
      line-height: 14px;
      position: absolute;
      top: 0;
      left: 0;
      width: 16px;
      height: 16px;
      content: "\2022";
      text-align: center;
      opacity: 1 !important;
      color: #002343 !important;
      background-color: #000;
      border: 2px solid #000;
      border-radius: 14px; }

.wraper-from-supported-browsers {
  margin: 20px;
  min-height: 900px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .wraper-from-supported-browsers .title {
    margin: 40px; }
  .wraper-from-supported-browsers img {
    width: fit-content; }
  .wraper-from-supported-browsers p {
    max-width: 1000px; }
  .wraper-from-supported-browsers h5 {
    font-size: 20px; }
  .wraper-from-supported-browsers .title-from-download {
    margin-bottom: 40px; }
  .wraper-from-supported-browsers .container-from-browsers-images {
    display: flex;
    justify-content: space-between;
    width: 800px;
    flex-wrap: wrap;
    align-items: center; }
    .wraper-from-supported-browsers .container-from-browsers-images .container-from-image {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .wraper-from-supported-browsers .container-from-browsers-images .container-from-image span {
        margin-top: 10px; }

@media screen and (max-width: 800px) {
  .wraper-from-supported-browsers {
    margin-top: 150px; }
    .wraper-from-supported-browsers .container-from-browsers-images {
      width: 300px; }
  .container-from-small-sliders {
    margin-top: 100px;
    margin-bottom: 30px; }
  .card-body {
    max-width: 100%;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center; }
  .regala_card_llibre.card .card-body {
    padding: 0;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; } }

.breadcrumbs {
  font-family: Poppins Regular, sans-serif;
  font-size: 13px !important;
  color: #ababab;
  margin-top: -20px;
  margin-bottom: 70px;
  width: 100%; }
  .breadcrumbs a {
    color: #ababab;
    text-decoration: none; }
    .breadcrumbs a:hover {
      color: #002343;
      text-decoration: none; }
  .breadcrumbs .activa {
    color: #002343;
    text-decoration: none; }
  .breadcrumbs .breadcrumb-actual {
    color: #002343;
    text-decoration: none; }
  @media screen and (max-width: 992px) {
    .breadcrumbs {
      margin-bottom: 26px; } }

.row.regala {
  margin-top: 30px; }
  .row.regala.recomanats {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    max-width: 100% !important;
    margin-left: -5px; }
    .row.regala.recomanats .regala-Content {
      max-width: 100% !important;
      margin: 5px; }
    .row.regala.recomanats .regala_card_llibre.card .card-body {
      padding: 10px 0 0; }
      .row.regala.recomanats .regala_card_llibre.card .card-body p.card-text {
        padding: 3px 5px 0;
        margin-bottom: 10px;
        text-align: right;
        color: #f49331; }
  .row.regala span.lazy-load-image-background.blur {
    padding-top: 0 !important; }
  .row.regala .regala_card_llibre.card img {
    width: 193px;
    height: auto;
    margin: 0 auto;
    display: block;
    background-size: cover; }

.row.carr-llibres {
  margin-top: 30px;
  padding-left: 13px;
  padding-right: 13px;
  margin-bottom: 60px; }
  .row.carr-llibres.reco .recom_card_llibre {
    display: inline-block;
    width: 180px;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.2);
    padding-bottom: 10px; }

.row .info-paymenent-shop {
  margin-top: 10px; }

.row .container-home-pay-textarea {
  margin: 0 15px;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .row .container-home-pay-textarea .textare-input {
    padding: 10px;
    border: 1px solid #ccc; }
    .row .container-home-pay-textarea .textare-input:active, .row .container-home-pay-textarea .textare-input:focus, .row .container-home-pay-textarea .textare-input:hover {
      outline: none; }
  .row .container-home-pay-textarea .info-paymenent-shop {
    margin-top: 20px;
    margin-bottom: 10px; }

.row.breadcrumbs.colab {
  margin-bottom: -75px;
  padding-top: 59px; }

.row.activitats span.lazy-load-image-background.blur {
  padding-top: 0 !important; }

.row.resum.usuari-cistella .col-12 {
  padding: 0.5rem 3rem 0.5rem 3rem; }
  .row.resum.usuari-cistella .col-12.col-interior {
    padding: 0 1rem; }
    .row.resum.usuari-cistella .col-12.col-interior .fluix {
      padding-top: 2rem;
      display: block; }
  .row.resum.usuari-cistella .col-12.col-interior-dreta {
    padding: 0 1rem; }
    .row.resum.usuari-cistella .col-12.col-interior-dreta .fluix {
      padding-top: 2rem;
      display: block; }
    .row.resum.usuari-cistella .col-12.col-interior-dreta .btn-primary {
      width: 50%;
      margin-top: 4rem; }

.row.separab15.producte {
  margin-top: 15px;
  width: 100%;
  margin-left: 5px; }

.row.objecte.fitxa-objecte + .container.separav60 .card-body {
  padding: 1.25rem 0 1.25rem 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .row.objecte.fitxa-objecte + .container.separav60 .card-body button {
    margin-left: 0;
    width: 100%; }
  .row.objecte.fitxa-objecte + .container.separav60 .card-body .card-text {
    text-align: right;
    color: #f49331; }
  .row.objecte.fitxa-objecte + .container.separav60 .card-body .card-title.h5 {
    min-height: 65px;
    overflow: hidden; }

.container.breadcrumbs {
  margin-top: 30px;
  margin-bottom: 40px; }

.container.promotions {
  margin-top: -50px; }
  .container.promotions .regala_card_llibre {
    display: block;
    box-shadow: rgba(0, 35, 67, 0.2) 0px 4px 12px;
    min-width: 100%;
    height: 100%;
    padding: 1rem;
    margin: 30px 0; }

.searchres .spinner_wrap {
  text-align: center;
  width: 100%; }

.searchres .spinner-border {
  position: relative;
  margin-top: 100px; }

.searchres .recom_card_llibre {
  margin-bottom: 2rem;
  box-shadow: none;
  width: auto; }
  .searchres .recom_card_llibre.card {
    min-width: 150px; }
  .searchres .recom_card_llibre .article_mix {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 207px;
    background-size: cover; }
  .searchres .recom_card_llibre img.article {
    object-fit: cover;
    height: 228px; }

.searchres .card-body {
  padding: 1rem 0; }

.searchres span.lazy-load-image-background.blur {
  padding-top: 0; }
  .searchres span.lazy-load-image-background.blur.lazy-load-image-loaded {
    margin-bottom: 0; }

.searchres .centra-veure_mes .btn {
  padding: 0.5rem 3.5rem 0.5rem 3.5rem; }

.legal p {
  line-height: 1.4rem;
  margin-top: 20px; }

.legal .card-header {
  padding: 1rem 0;
  margin-bottom: 0;
  background-color: transparent;
  border-bottom: none;
  font-weight: 700; }

.legal .accordion {
  padding-bottom: 100px; }
  .legal .accordion .card .card-header:after {
    font-family: Glyphicons Halflings;
    content: "+";
    float: right;
    color: #002343;
    font-size: 26px;
    line-height: 20px; }

.main-nav {
  margin: 0 auto;
  height: inherit; }
  .main-nav a {
    font-family: Poppins Regular, sans-serif !important;
    font-size: 14px !important;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    align-items: flex-start; }
    .main-nav a:focus {
      text-decoration: underline; }
    .main-nav a:hover {
      text-decoration: underline; }
  .main-nav ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    list-style: none;
    height: 100%;
    position: absolute;
    right: 0; }
    .main-nav ul li {
      border-left: 1px solid #ccc; }
      .main-nav ul li:first-child {
        border-left: none; }

.navbar-nav {
  background-color: #002343;
  z-index: 1;
  position: relative; }
  .navbar-nav a {
    border-left: 1px solid #ccc;
    color: #fff !important;
    font-family: Poppins Regular, sans-serif !important;
    font-size: 14px !important;
    padding: 0 1.5rem 0 1.5rem !important;
    letter-spacing: 0.06rem; }
    .navbar-nav a:first-child {
      border-left: none; }
    .navbar-nav a.custom-link {
      border-left: none !important;
      color: #fff !important;
      font-family: Poppins Regular, sans-serif !important;
      font-size: 14px !important;
      padding: 0 0.5rem 0 0.5rem !important;
      letter-spacing: 0.06rem; }
  .navbar-nav.museu-picasso {
    display: flex;
    align-items: center;
    background-color: #091B39; }

@media screen and (max-width: 800px) {
  .museu-nav {
    padding: 0 1rem !important; }
  .inici-home {
    margin-top: 110px !important; }
  .navbar-nav a.custom-link {
    padding: 0 !important; } }

.museu-nav {
  background-color: #091B39;
  flex-wrap: initial; }
  .museu-nav.museu-picasso {
    display: flex !important; }

.ml-auto.museu-picasso {
  display: flex !important; }

.top-nav-logo {
  height: 100%;
  padding-top: 0.8rem;
  margin-left: -30px; }
  .top-nav-logo a {
    padding-left: 0; }

li.dropdown {
  display: inline-block; }

li.adreta {
  display: flex;
  flex-grow: 1;
  flex-direction: row-reverse; }

li.item.fletxa {
  content: "";
  background: url(/images/arrowdownbl.png) no-repeat 50%;
  float: right;
  width: 10px;
  height: 10px;
  position: relative;
  right: -7px;
  top: 7px; }

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
  top: 88px;
  left: 0;
  width: 100%; }
  .dropdown-content a {
    color: #002343;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left; }
    .dropdown-content a:hover {
      background-color: #f1f1f1; }

.dropdown .btn {
  text-align: left;
  padding-left: 1.5rem; }

.dropdown:hover .dropdown-content {
  display: block; }

.card {
  border-radius: 0 !important;
  border: 0 !important; }

.shadow-grey {
  background-color: #d1d7dd;
  background-image: linear-gradient(0deg, #c6ced5, #f8f9fb 70%); }

.container-fluid {
  padding-right: 0 !important;
  padding-left: 0 !important; }
  .container-fluid.colabs {
    background: url(/images/colaboradors_fons.jpg) no-repeat 50%;
    background-size: cover;
    padding-bottom: 60px; }

.carousel-item {
  position: relative;
  display: none;
  float: none;
  width: 100%;
  margin-right: -50% !important; }

.carousel {
  background-color: #faebd7; }

.separav200 {
  margin-top: 200px; }

.separav180 {
  margin-top: 200px; }

.separav120 {
  margin-top: 120px; }

.separav150 {
  margin-top: 150px; }

.separav120_pad {
  padding-top: 120px; }

.separav60 {
  margin-top: 60px; }

.separav80 {
  margin-top: 80px; }

.separav60_pad {
  padding-top: 60px; }

.separav40_pad {
  padding-top: 40px; }

.separav30 {
  margin-top: 30px; }

.separav15 {
  margin-top: 15px; }

.separab200 {
  margin-bottom: 200px; }

.separab120 {
  margin-bottom: 120px; }

.separab120_pad {
  padding-bottom: 120px; }

.separab60 {
  margin-bottom: 60px; }

.separab60_pad {
  padding-bottom: 60px; }

.separab30_pad {
  padding-bottom: 30px; }

.separab30 {
  margin-bottom: 30px !important; }
  .separab30.container-from-item-cart {
    display: flex;
    justify-content: unset;
    align-items: center; }
    .separab30.container-from-item-cart > .trash {
      align-self: baseline;
      color: #ddd; }

.separab15 {
  margin-bottom: 15px !important; }

.separah15 {
  padding: 0 15px; }

.separah60 {
  padding: 0 60px; }

.slick-slider {
  margin-left: -25px;
  margin-right: -25px; }
  .slick-slider.slPrincipal {
    width: 100%;
    margin-left: 0; }

.slide_slPrincipal {
  background-color: #f8f9fb;
  height: 470px; }
  .slide_slPrincipal .card-body {
    width: 35%; }
  .slide_slPrincipal .sl_titol {
    font-family: Poppins Bold, sans-serif;
    font-size: 39px;
    text-transform: none;
    text-align: left;
    line-height: 1.4em; }
  .slide_slPrincipal .sl_subtitol {
    font-family: Poppins Medium, sans-serif;
    font-size: 16px;
    line-height: 22px;
    text-transform: none;
    margin-top: 10px;
    text-align: left; }
  .slide_slPrincipal .sl_preTitle {
    font-family: Poppins Extralight, sans-serif;
    font-weight: normal;
    margin-bottom: 10px; }
  .slide_slPrincipal .btn-primary {
    color: #fff;
    background-color: #002343;
    border-color: #002343;
    font-family: Poppins Bold, sans-serif;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    padding: 0.5rem 3rem 0.5rem 3rem;
    text-transform: uppercase; }
    .slide_slPrincipal .btn-primary:hover {
      color: #f49331; }

.card-body {
  text-align: left; }
  .card-body a {
    text-decoration: none; }

.sl_titol {
  font-family: Poppins Bold, sans-serif;
  font-size: 39px;
  text-transform: none;
  text-align: left;
  line-height: 1.2em; }

.slide_boto {
  text-align: left; }

.slick-slide {
  text-align: center !important; }
  .slick-slide img {
    width: auto;
    height: 400px;
    object-fit: cover;
    object-position: center;
    cursor: pointer; }

.slide_background {
  height: inherit;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat; }

.card-img {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.card-img-top {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.regala_card_llibre {
  display: inline-block;
  box-shadow: rgba(0, 35, 67, 0.2) 0px 4px 12px;
  min-width: 100%;
  height: 100%;
  padding: 1rem;
  margin: 30px 0; }
  .regala_card_llibre .btn-primary {
    width: 100%;
    font-family: Poppins Bold, sans-serif;
    font-size: 14px;
    text-transform: uppercase; }
  .regala_card_llibre.card .card-body {
    height: 11rem; }
  .regala_card_llibre.card img.card-img-top {
    padding: 20px;
    padding: 0; }
  .regala_card_llibre.recomanats {
    width: 150px !important; }
  .regala_card_llibre.destaquem.card {
    height: 83px;
    margin-bottom: 25px; }
    .regala_card_llibre.destaquem.card img.card-img-top {
      padding: 0;
      width: 100%; }
  .regala_card_llibre.destaquem .text_petit.card-body .text_exp.card-text {
    font-size: 14px;
    font-family: Poppins SemiBold, sans-serif;
    line-height: 1rem;
    margin-left: -10px;
    margin-top: 16px;
    padding-right: 1rem; }
  .regala_card_llibre.objecte.card .btn.btn-primary {
    color: #fff;
    background-color: #f49331;
    border: 2px solid #f49331;
    font-family: Poppins Bold, sans-serif;
    font-size: 14px;
    margin-left: -7px;
    width: fit-content; }
    .regala_card_llibre.objecte.card .btn.btn-primary:hover {
      background-color: #083d6d;
      border-color: #083d6d; }
  .regala_card_llibre .text_petit.card-body .card-text {
    text-align: left;
    color: #002343;
    font-size: 12px;
    line-height: 1rem; }
  .regala_card_llibre .text_petit.card-body .text_exp.card-text {
    font-size: 14px;
    font-family: Poppins SemiBold, sans-serif;
    line-height: 1rem;
    margin-bottom: 1rem; }
  .regala_card_llibre .text_petit.card-body .text_exp.main-title.card-text {
    font-size: 20px; }
  .regala_card_llibre .text_petit.card-body .text_exp.main-subtitle {
    font-size: 16px; }
  .regala_card_llibre.principal.card {
    padding: 1rem; }
    .regala_card_llibre.principal.card .card-body {
      height: 122px;
      padding: 1rem 0 0; }

.regala_card_llibre-titles {
  min-height: 82px;
  margin: 5px; }

.magazine_carrussel {
  margin-bottom: 60px; }
  .magazine_carrussel .card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0.8rem 0.8rem 0 0.8rem;
    margin-bottom: 0.8rem;
    overflow-y: hidden; }
  .magazine_carrussel .slick-prev {
    left: -82px; }
  .magazine_carrussel .slick-next {
    right: -82px; }
  .magazine_carrussel .regala_card_llibre.card .card-body {
    height: 11rem; }
  .magazine_carrussel .regala_card_llibre.card img.card-img-top {
    padding: 0;
    margin: 0 auto; }
  .magazine_carrussel .slick-slider.carrussel {
    margin-top: 30px !important;
    margin: 0 auto;
    max-width: 900px; }

.fitxa .regala_card_llibre.objecte.card {
  min-width: 50% !important;
  width: 100%; }
  .fitxa .regala_card_llibre.objecte.card img.card-img-top {
    padding: 0;
    max-height: 197px; }

.fitxa .regala_card_llibre.card img.card-img-top {
  padding: 20px 0 0;
  background: url(/images/no-image-generic-white.jpg) no-repeat 50%;
  background-size: cover;
  background-color: #fff; }

.fitxa .imatge-detall {
  margin-top: -5px; }
  .fitxa .imatge-detall .recom_card_llibre {
    max-width: 60%; }
    .fitxa .imatge-detall .recom_card_llibre.card {
      min-width: 60%; }
  .fitxa .imatge-detall .carrussel .slick-list {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px; }

.fitxa a {
  font-weight: 400; }

.fitxa .card {
  margin: 20px 0;
  border: 0; }

.fitxa .recom_card {
  width: 100%;
  height: auto;
  box-shadow: none; }
  .fitxa .recom_card .btn-primary {
    background-color: #f49331;
    border: 2px solid #f49331;
    width: 15rem;
    font-family: Poppins Bold, sans-serif;
    font-size: 14px;
    margin-right: 1rem; }
    .fitxa .recom_card .btn-primary:hover {
      background-color: #083d6d;
      border-color: #083d6d; }
  .fitxa .recom_card .subtitol.card-subtitle.h6 {
    margin-top: 0;
    margin-bottom: 0.75rem;
    font-family: Poppins Bold, sans-serif;
    font-size: 18px; }
  .fitxa .recom_card .autor.card-subtitle.h6 {
    margin-top: 0;
    margin-bottom: 0.75rem;
    font-family: Poppins Regular, sans-serif;
    font-size: 15px; }
  .fitxa .recom_card .btn-buit.btn-primary {
    background-color: #fff;
    border: 2px solid #f49331;
    color: #f49331; }
    .fitxa .recom_card .btn-buit.btn-primary:hover {
      background-color: #083d6d;
      border-color: #083d6d;
      color: #fff; }

.fitxa .fitxa-text {
  font-family: Poppins Regular, sans-serif;
  font-size: 14px; }
  .fitxa .fitxa-text .textintro {
    display: block;
    font-family: Poppins Bold, sans-serif;
    font-size: 17px;
    padding-bottom: 1rem; }
  .fitxa .fitxa-text p span {
    font-family: Poppins Regular, sans-serif !important;
    font-size: 14px; }

.fitxa .no-image {
  background-size: cover;
  height: 75px;
  width: 50px; }

.fitxa .recomanats .slick-slider .slick-slide {
  padding: 10px 20px; }

.fitxa .objecte .imatge-detall .recom_card_llibre {
  max-width: 100%; }
  .fitxa .objecte .imatge-detall .recom_card_llibre.card {
    min-width: 90%; }

.fitxa .carrussel .slick-list {
  padding: 0; }

.fitxa .body_recom.card-body {
  padding: 0; }

.fitxa .titol_recom.card-title.h5 {
  font-size: 24px; }

.fitxa .preu_recom.card-text {
  margin-top: 2rem;
  font-family: Poppins Regular, sans-serif;
  font-size: 20px;
  color: #f49331; }
  .fitxa .preu_recom.card-text .preu-iva {
    font-size: 16px;
    color: #002343;
    padding-left: 1rem; }

.fitxa p.fitxa-text.card-text {
  padding-top: 2rem; }

.objecte.card .card-title.h5 {
  min-height: 60px;
  overflow: hidden; }

.objecte .destacada .recom_card_llibre img {
  width: 360px;
  height: 400px;
  margin: 0 auto;
  display: block; }

.recom_card_llibre {
  display: inline-block;
  width: auto;
  box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.2); }
  .recom_card_llibre.homeCard {
    margin-right: 0;
    min-width: 100%;
    padding: 1rem; }
  .recom_card_llibre .card-text {
    text-align: right;
    color: #f49331;
    height: 25px; }
  .recom_card_llibre .btn-primary {
    background-color: #f49331;
    border-color: #f49331;
    width: 100%;
    font-family: Poppins Bold, sans-serif;
    font-size: 14px;
    text-transform: uppercase; }
  .recom_card_llibre img {
    height: 345px;
    width: 230px;
    margin: 0 auto;
    display: block;
    background-size: cover; }
    .recom_card_llibre img.article {
      width: 205px; }
  .recom_card_llibre .card-subtitle.h6 {
    min-height: 20px;
    overflow: hidden; }
  .recom_card_llibre.destacada.slider.card img {
    width: 200px;
    height: 330px; }

span.iconazoom {
  position: relative;
  top: 43px;
  cursor: pointer;
  opacity: 0.3;
  z-index: 999;
  right: -121px; }
  span.iconazoom .svg-inline--fa {
    width: 1.2em;
    height: 1.2em; }

span.app__toggle-text {
  font-family: Poppins Bold, sans-serif;
  font-size: 16px;
  text-align: left; }

span.text-entrega {
  line-height: 30px; }

span.text-destacat:hover {
  background-color: #f49331; }

span.text-destacat.mesinfo {
  padding: 0.2rem 1rem 0.2rem 1rem; }

span.lazy-load-image-background.blur {
  padding-top: 0; }
  span.lazy-load-image-background.blur.lazy-load-image-loaded {
    margin-bottom: -7px;
    padding-top: 0;
    cursor: pointer; }

span.iconazoom-alone .svg-inline--fa {
  width: 1.2em;
  height: 1.2em; }

span.select-ordenar.text {
  font-family: Poppins Bold, sans-serif;
  font-size: 16px;
  padding-bottom: 6px; }

.carrussel-promos span.lazy-load-image-background.blur {
  padding-top: 0 !important; }

.carrussel-promos .promo.card-body {
  padding: 1.25rem 0; }

.promotions span.lazy-load-image-background.blur {
  padding-top: 0 !important; }

.promotions .filters .botons .btn-primary:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: #f49331;
  border-color: #f49331; }

@media screen and (max-width: 468px) {
  .row.regala.recomanats {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
    .row.regala.recomanats .regala_card_llibre .card {
      flex: 0 0 50%;
      max-width: 50%; } }

.espai_usuari {
  background-color: #f8f9fb;
  margin-top: 80px; }
  .espai_usuari .card-body {
    padding: 1rem; }
  .espai_usuari .recom_card_llibre .card-text {
    text-align: right;
    color: #f49331;
    height: 25px;
    font-family: Poppins Medium, sans-serif;
    font-size: 17px; }
  .espai_usuari .recom_card_llibre img.article {
    width: 150px;
    height: auto; }
  .espai_usuari .img_favorit {
    height: 228px; }
  .espai_usuari .usuari .card-title.h5 {
    padding-bottom: 0;
    font-family: Poppins Bold, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    text-align: left; }
  .espai_usuari .usuari .favorits .btn-primary {
    width: 100%;
    margin-top: 1rem; }
  .espai_usuari .usuari .favorits_card .card-text {
    font-family: Poppins Regular, sans-serif;
    font-size: 16px;
    text-align: right;
    color: #f49331; }
  .espai_usuari .usuari p.card-text {
    margin-bottom: 0; }
  .espai_usuari .btn-primary {
    background-color: #f49331;
    border: 2px solid #f49331;
    width: 11rem;
    font-family: Poppins Bold, sans-serif;
    font-size: 14px;
    margin-top: 2rem; }
    .espai_usuari .btn-primary:hover {
      background-color: #083d6d;
      border-color: #083d6d; }
  .espai_usuari .quadrat_blanc {
    background-color: #fff;
    margin-bottom: 2rem; }
  .espai_usuari .quadrat_blanc_comandes {
    background-color: #fff;
    margin-top: 2px; }
    .espai_usuari .quadrat_blanc_comandes.contingut.cap {
      margin-top: 1rem; }
  .espai_usuari .titol {
    font-size: 20px;
    text-transform: none;
    display: block;
    margin-left: 50px;
    margin-top: -41px; }
  .espai_usuari .text {
    font-family: Poppins Regular, sans-serif;
    font-size: 14px;
    display: block;
    margin-left: 50px;
    margin-top: 10px; }
    .espai_usuari .text strong {
      font-family: Poppins Bold, sans-serif; }
    .espai_usuari .text p {
      line-height: 5px;
      margin-top: 10px; }
  .espai_usuari .text_seguit {
    font-family: Poppins Regular, sans-serif;
    font-size: 12px; }
  .espai_usuari .icona_titol_gran {
    font-size: 32px;
    display: inline-block; }
  .espai_usuari .salutacio {
    margin-left: 50px;
    margin-top: -47px;
    font-size: 14px;
    display: block; }
    .espai_usuari .salutacio .usuari {
      font-family: Poppins Bold, sans-serif;
      font-size: 16px; }
  .espai_usuari .seccio {
    border-bottom: 1px solid #f8f9fb;
    font-size: 14px;
    padding: 1rem; }
    .espai_usuari .seccio:hover {
      color: #f49331;
      border-left: 2px solid #f49331;
      padding-left: 0.87rem; }
  .espai_usuari a {
    font-weight: 400;
    text-decoration: none; }
    .espai_usuari a.activa .seccio {
      color: #f49331;
      border-left: 2px solid #f49331;
      padding-left: 0.87rem; }
  .espai_usuari .contingut {
    padding: 2rem; }
  .espai_usuari .icona_menu {
    font-size: 25px;
    display: inline-block;
    width: 40px; }
  .espai_usuari .gira {
    transform: rotate(180deg);
    padding-right: 0;
    padding-left: 1rem; }
  .espai_usuari .btn-buit {
    background-color: #fff;
    border: 2px solid #002343;
    color: #002343; }
    .espai_usuari .btn-buit:hover {
      color: #fff; }
  .espai_usuari .adresa_titol {
    font-family: Poppins Bold, sans-serif;
    font-size: 15px;
    color: #f49331; }
  .espai_usuari .adresa_edit {
    font-size: 12px;
    padding-left: 2rem; }
  .espai_usuari .adresa_text {
    font-size: 15px;
    display: block;
    padding-bottom: 1rem; }
  .espai_usuari .adresa_peutext {
    font-size: 12px;
    color: #9c9c9c;
    display: block;
    padding-top: 1rem; }
  .espai_usuari .enrere {
    font-family: Poppins Bold, sans-serif;
    font-size: 14px;
    display: block;
    padding-top: 1rem;
    padding-bottom: 2rem; }
  .espai_usuari .edita {
    padding-top: 2rem; }
  .espai_usuari .card {
    padding: 0;
    border: 0;
    display: block;
    box-shadow: none; }
  .espai_usuari .favorits {
    padding-top: 2rem; }
  .espai_usuari .app__toggle {
    padding: 0;
    border-bottom: 0;
    font-weight: 400;
    outline: none; }
    .espai_usuari .app__toggle:focus, .espai_usuari .app__toggle:active {
      outline: none; }
  .espai_usuari .compres {
    border: 1px solid #002343;
    padding: 1rem; }
  .espai_usuari .mr-auto {
    padding-bottom: 1rem; }
  .espai_usuari .mx-auto {
    padding-bottom: 1rem; }
  .espai_usuari .app__content {
    padding: 0; }
  .espai_usuari .order {
    font-size: 14px; }
  .espai_usuari .order_title {
    font-family: Poppins Black, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    word-break: break-word; }
  .espai_usuari button.btn-buit.afegir.btn.btn-primary {
    width: 17rem; }
  .espai_usuari .punts_usuari.text {
    padding-top: 22px;
    font-size: 14px; }
  .espai_usuari.comandes .compres {
    padding: 0 !important; }

.container-from-small-sliders {
  display: flex;
  flex-direction: column;
  min-height: 500px;
  margin-right: 20px;
  margin-bottom: 40px; }
  .container-from-small-sliders ul.slick-dots.slick-thumb li {
    margin-right: 10px;
    width: auto;
    height: auto; }

.fitxa-objecte .container-from-small-sliders .slick-next {
  right: 10px !important; }

.fitxa-objecte span.iconazoom {
  position: relative;
  top: 34px;
  cursor: pointer;
  opacity: 0.3;
  z-index: 999; }

ul.options {
  list-style: none; }
  ul.options a {
    text-decoration: none; }

ul.options-inner {
  list-style: none; }
  ul.options-inner a {
    text-decoration: none; }

ul.submenu {
  position: absolute;
  top: 30px;
  left: 40%;
  width: 360px;
  height: 400px;
  overflow: auto; }

ul.slick-dots.slick-thumb {
  display: flex !important;
  padding-top: 16px;
  padding-bottom: 10px;
  max-width: 95% !important;
  margin-left: 10px;
  overflow-x: auto;
  bottom: unset; }

ul.share li {
  display: inline;
  padding-left: 1.5rem; }
  ul.share li:first-child {
    padding-left: 0; }
  ul.share li a {
    font-size: 1.4rem;
    color: #fff; }

.fitxa-llibre ul.slick-dots.slick-thumb {
  display: flex !important;
  padding-top: 16px;
  padding-bottom: 10px;
  max-width: 300px;
  margin-left: 0;
  overflow-x: auto;
  bottom: unset; }

.fitxa-llibre span.iconazoom {
  position: absolute;
  top: 10px;
  cursor: pointer;
  opacity: 0.3;
  z-index: 0;
  right: 30px; }

.recom_card {
  height: 375px;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  background-position: bottom 20px right 20px;
  background-repeat: no-repeat; }
  .recom_card .btn-primary {
    background-color: #f49331;
    border-color: #f49331;
    width: 140px;
    font-family: Poppins Bold, sans-serif;
    font-size: 14px;
    text-transform: uppercase; }
  .recom_card .card-subtitle.h6 {
    margin-top: 10px;
    font-family: Poppins Medium, sans-serif;
    font-size: 16px; }

.fonsgroc {
  background-color: #f6e88d !important; }

.fonsblau {
  background-color: #beddf2 !important; }

.tarjeta-fons {
  background-color: #f8f9fb; }
  .tarjeta-fons .btn-primary {
    color: #fff;
    background-color: #002343;
    border-color: #002343;
    font-family: Poppins Black, sans-serif;
    font-size: 16px;
    margin-top: 30px; }
    .tarjeta-fons .btn-primary:hover {
      color: #f49331; }

.titol {
  font-size: 24px;
  text-transform: uppercase;
  display: block; }

.subscriu {
  font-family: Poppins Medium, sans-serif; }

.subscriu-fons {
  background-color: #f8f9fb; }
  .subscriu-fons .newsletter {
    padding-top: 20px; }
  .subscriu-fons.modal-header {
    border-bottom: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
    .subscriu-fons.modal-header .close {
      font-size: 3rem;
      font-weight: 100; }
  .subscriu-fons .text p {
    width: 40%;
    margin: 10px auto 40px auto; }

.centrat {
  text-align: center; }

.cerca-rapida {
  background-color: #fff;
  padding: 1rem;
  z-index: 1;
  position: relative;
  font-size: 14px;
  box-shadow: 0 0 6px -2px rgba(0, 0, 0, 0.4); }
  .cerca-rapida .card {
    border: 0;
    padding: 0.5rem 0 0.5rem 0;
    border-bottom: 1px solid #002343 !important; }
    .cerca-rapida .card:last-child {
      border-bottom: none;
      padding-bottom: 0; }
    .cerca-rapida .card:first-child {
      padding-top: 0; }
  .cerca-rapida .card-body {
    padding: 0; }
  .cerca-rapida .card-text {
    font-family: Poppins Regular, sans-serif;
    font-size: 12px;
    color: #f49331; }
  .cerca-rapida img {
    width: 50px; }
  .cerca-rapida .contingut {
    padding-left: 3rem; }
  .cerca-rapida .col-3 {
    margin-top: 0.5rem;
    max-width: 100%; }
  .cerca-rapida .btn-primary {
    background-color: #f49331;
    border-color: #f49331;
    width: 100%;
    font-family: Poppins Bold, sans-serif;
    font-size: 12px;
    text-transform: uppercase; }
  .cerca-rapida .veure_tots {
    cursor: pointer;
    padding: 1rem 0 0;
    text-align: center;
    text-decoration: underline;
    font-family: Poppins Bold, sans-serif;
    color: #002343; }
    .cerca-rapida .veure_tots:hover {
      color: #f49331;
      text-decoration: none; }
  .cerca-rapida .card-title.h5 {
    height: auto; }
  .cerca-rapida .card-subtitle.h6 {
    font-family: Poppins Regular, sans-serif;
    font-size: 12px; }

.was-validated .form-control:invalid,
.was-validated .form-control.is-invalid {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #dc3545 !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
  background-position: right calc(0.375em + 0.1875rem) center !important;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important; }
  .was-validated .form-control:invalid:focus,
  .was-validated .form-control.is-invalid:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important; }

.form-control {
  display: inline-block !important;
  width: 40% !important;
  display: block;
  width: 100%;
  height: calc(1.5em +0.75rem +25px);
  padding: 0.375rem 1.75rem;
  color: #495057;
  background-color: #fff;
  border: 0 solid #d1d7dd;
  border-radius: 0; }
  .form-control:focus {
    box-shadow: 0 0 0 0.1rem rgba(0, 35, 67, 0.7); }

.form-message {
  font-family: Poppins Bold, sans-serif;
  font-size: 20px; }

form.newsletter input[type="checkbox"] {
  margin-top: 4px; }

form.newsletter .form-check-label {
  margin-left: 25px; }

form.newsletter .form-check {
  margin-top: 20px; }

form.card.colesq {
  margin-left: 10px; }

input[type="radio"] {
  margin-top: 4px;
  margin: 30px 10px 0 0;
  margin: 10px 10px 0 0; }

.idiomes_cols {
  display: inline-flex; }
  .idiomes_cols span.text {
    padding-right: 25px; }

.text_llibre {
  min-height: 100px;
  height: 5rem; }

.card-text {
  font-family: Poppins Medium, sans-serif;
  font-size: 17px; }

.btn-primary:hover {
  color: #fff;
  background-color: #083d6d;
  border-color: #083d6d; }

.btn-primary.dropdown-toggle {
  color: #002343;
  background-color: #fff;
  border-color: #002343;
  min-width: 300px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px; }
  .btn-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: #083d6d; }

.btn-primary:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: #083d6d; }

.btn-primary:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #083d6d; }

.titol_deco1 {
  font-size: 48px;
  font-family: Poppins Regular, sans-serif; }
  .titol_deco1 span {
    font-family: Poppins Bold, sans-serif; }

.text .negreta {
  font-family: Poppins Bold, sans-serif;
  font-size: 16px; }

.text .normal {
  font-family: Poppins Medium, sans-serif;
  font-size: 16px;
  line-height: 18px; }

.all-icons-align {
  display: inline-block;
  width: 3rem;
  height: 2.3rem;
  vertical-align: middle;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem; }
  .all-icons-align.picasso {
    width: 152px;
    height: 152px; }

.icona-align {
  vertical-align: middle;
  margin-bottom: 0.4em;
  margin-right: 1em; }

.boto-nwsltr {
  background-color: #002343;
  height: 62px;
  vertical-align: unset;
  border: 0 solid transparent;
  border-radius: 0 !important;
  padding: 0.375rem 4.75rem; }

.bg-blue {
  padding: 1.5rem 0;
  background-color: #002343; }

.brand {
  margin-top: 125px;
  margin-bottom: -125px; }

.more-sites {
  color: #fff;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  font-family: Poppins Extralight, sans-serif; }
  .more-sites a {
    color: #fff;
    display: block;
    font-weight: 700;
    line-height: 24px;
    text-decoration: none; }
    .more-sites a:hover {
      text-decoration: underline; }
  .more-sites a.leftSpan {
    margin-left: 48%; }
  .more-sites.half a {
    float: left;
    width: 48%;
    text-decoration: none; }

img.Logopeu {
  width: 153px; }

img.magazine-main {
  height: auto;
  width: 100%; }

img.book_small {
  width: 100%; }

img.img_card_colab {
  width: 278px !important;
  height: auto; }

img.img_promo_cards {
  width: 278px !important;
  height: auto; }

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

img.banner_exclusiu {
  width: 100%;
  height: auto; }

.share {
  order: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0.5rem 0 0;
  flex-wrap: nowrap; }

input.bcerca {
  position: absolute;
  width: 17px;
  height: 17px;
  margin-left: 455px;
  margin-top: 6px; }

input#Cerca + label {
  display: none; }

input#Email + label {
  display: none; }

.form-control-cerca {
  width: 87%;
  border: none;
  border-bottom: 1px solid;
  height: 30px;
  font-size: 12px;
  font-family: Poppins Medium, sans-serif; }
  .form-control-cerca:hover, .form-control-cerca:active, .form-control-cerca:focus {
    outline: none; }

.header-bottom {
  background-color: #fefefe;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  height: 62px; }
  .header-bottom .wrap {
    padding-top: 1rem; }
    .header-bottom .wrap .options {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      height: 30px; }
      .header-bottom .wrap .options > .item:first-child {
        width: 55%; }
      .header-bottom .wrap .options > .item:nth-child(2) {
        width: 25%; }
      .header-bottom .wrap .options > .item .search .form {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between; }
        .header-bottom .wrap .options > .item .search .form .f1 {
          border: 0.1rem solid #ccc;
          padding: 0.2rem;
          height: 2rem;
          border-radius: 1rem;
          background-color: #fff;
          margin: 0 1.5rem 0 0; }
      .header-bottom .wrap .options > .item .btn-cart .number {
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 50%;
        text-align: center;
        background-color: #f49331;
        color: #fff;
        font-size: 12px;
        line-height: 1.5rem;
        display: block;
        position: relative;
        top: -2.3rem;
        right: -0.8rem; }
    .header-bottom .wrap .options-inner {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      height: 30px; }
      .header-bottom .wrap .options-inner > .item .btn-cart .number {
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 50%;
        text-align: center;
        background-color: #f49331;
        color: #fff;
        font-size: 12px;
        line-height: 1.5rem;
        display: block;
        position: relative;
        top: -2.3rem;
        right: -0.8rem; }
        .header-bottom .wrap .options-inner > .item .btn-cart .number._museu {
          color: #091B39 !important;
          background-color: #fff !important; }

.btn-cart-museu .number {
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 50%;
  text-align: center;
  background-color: #f49331;
  color: #fff;
  font-size: 12px;
  line-height: 1.2rem;
  display: block;
  position: relative;
  left: -20px;
  top: 8px; }
  .btn-cart-museu .number._museu {
    color: #091B39 !important;
    background-color: #fff !important; }

button.app__toggle {
  font-size: 1rem;
  box-shadow: none;
  background: 0 0;
  border-bottom: 1px solid #002343; }
  button.app__toggle.app__toggle_sub {
    border-bottom: 0;
    padding-left: 0.8rem;
    padding-top: 0.5rem;
    font-weight: 400; }
  button.app__toggle.app__toggle_subsub {
    border-bottom: 0;
    padding-left: 1.6em;
    padding-top: 0;
    font-weight: 400; }

button.btn.menu.btn-user {
  padding-left: 100px; }

button.filtres.btn.btn-primary {
  width: 100%;
  border: 1px solid #002343 !important;
  background-color: #fff !important;
  color: #002343 !important;
  text-align: left;
  text-transform: none; }

.btn.menu {
  font-size: 1.5rem;
  margin-top: -12px; }

.btn:active {
  outline: 0 !important;
  box-shadow: none !important; }

.btn:focus {
  outline: 0 !important;
  box-shadow: none !important; }

.sel-idiomes {
  color: #002343;
  font-family: Poppins Regular, sans-serif;
  font-size: 16px; }
  .sel-idiomes .item-ligth-blue {
    color: #091B39 !important; }
  .sel-idiomes .dropdown-toggle::after {
    display: none; }
  .sel-idiomes .dropdown-item {
    display: block;
    width: 100%;
    padding: 0.5rem 0;
    margin-left: 0.7rem;
    clear: both;
    font-weight: 400;
    color: #002343;
    text-align: inherit;
    white-space: normal;
    background-color: transparent;
    border: 0;
    font-size: 16px;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    margin-top: 0; }
    .sel-idiomes .dropdown-item:focus {
      color: #f49331;
      text-decoration: none;
      background-color: transparent;
      border-radius: 0; }
    .sel-idiomes .dropdown-item:hover {
      color: #f49331;
      text-decoration: none;
      background-color: transparent;
      border-radius: 0; }
  .sel-idiomes .dropdown-menu {
    position: absolute;
    font-family: Poppins Medium, sans-serif;
    top: 100%;
    left: 0;
    z-index: 4;
    float: left;
    min-width: 1rem;
    width: 7rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 16px;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem; }
  .sel-idiomes a#nav-dropdown {
    padding: 0;
    padding-left: 0.7rem; }

.fw300 {
  font-weight: 300 !important; }

#nav-dropdown-languages {
  font-weight: 300 !important;
  color: white; }

footer {
  padding: 40px 0 15px; }
  footer p {
    text-align: center; }

.logosfooter {
  margin-top: -8px; }

.modal-inici {
  min-width: 50%; }

.modal-header {
  padding: 1rem 1rem 0 1rem; }
  .modal-header .close {
    padding: 1rem 2rem 0;
    margin: -1rem -1rem -1rem auto; }

hr {
  margin-top: 0;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid #002343; }

.btn-buit {
  background-color: #fff;
  border: 2px solid #002343;
  color: #002343;
  text-transform: uppercase; }
  .btn-buit:active {
    background-color: #fff !important;
    border: 2px solid #002343;
    color: #002343 !important;
    text-transform: uppercase; }
  .btn-buit:visited {
    background-color: #fff !important;
    border: 2px solid #002343;
    color: #002343 !important;
    text-transform: uppercase; }
  .btn-buit.btn.btn-primary:not(:disabled):not(.disabled):active .btn-buit:hover {
    background-color: #fff;
    border: 2px solid #002343;
    color: #002343;
    text-transform: uppercase; }

.menu-resultats .btn-link {
  color: #002343; }

.menu-resultats .btn {
  color: #002343;
  text-align: left;
  cursor: pointer;
  padding: 0; }

.menu-resultats .card-header {
  padding: 0.55rem 1rem;
  margin-bottom: 0;
  background-color: transparent;
  border-bottom: 0; }

.menu-resultats .card {
  border: 0; }

.menu-resultats .card-body {
  padding: 1rem; }

input[type="checkbox"] {
  margin: 30px 10px 0 0; }

.app {
  margin: 0 auto;
  font-size: 1.6rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.app__text {
  width: 100%; }

.app__collapse {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1); }

.app__collapse--gradient .app__content {
  border-color: transparent; }

.app__collapse--gradient:after {
  pointer-events: none;
  transition: opacity 0.3s;
  will-change: opacity;
  opacity: 1;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent 50%, #fff); }

.app__content {
  border: 0;
  font-size: 1rem;
  padding: 1rem 0 0;
  margin-bottom: 0;
  position: relative;
  transition: 0.3s;
  padding: 0 0 0.3rem 25px; }
  .app__content ul {
    list-style: none;
    margin-bottom: 0; }
    .app__content ul li {
      padding-bottom: 0.5rem; }
      .app__content ul li a {
        text-decoration: none;
        font-weight: 400;
        color: #002343; }
        .app__content ul li a:active {
          text-decoration: none;
          color: #f49331; }
        .app__content ul li a:focus {
          text-decoration: none;
          color: #f49331; }
        .app__content ul li a:hover {
          text-decoration: none;
          color: #f49331; }
  .app__content label {
    text-indent: -25px;
    line-height: 22px; }
  .app__content input[type="checkbox"] {
    margin: 5px 10px 0 0; }

.app__toggle {
  width: 100%;
  margin: 0;
  border: 1px solid transparent;
  font-weight: 700;
  padding: 1rem 0 0.3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 2px 4px #878F9D;
  background-color: #fff;
  transition: background-color 0.3s; }

.app__toggle--active {
  background-color: #fafafa; }

.select-ordenar {
  text-align: left;
  font-size: 1rem;
  font-weight: 700;
  min-width: 100%; }
  .select-ordenar .app__toggle-text {
    text-align: left;
    padding-left: 10px;
    color: #f49331;
    font-size: 13px !important; }
  .select-ordenar.app__toggle {
    padding: 0.2rem 0 0.2rem !important;
    color: #fff;
    background-color: #002343;
    border-color: #002343;
    width: 100%;
    text-align: left;
    padding: 0.5rem 0 0.3rem;
    border-radius: 10px; }
  .select-ordenar.app__collapse {
    width: 100%;
    display: block;
    position: relative;
    margin: -10px 0 10px; }
  .select-ordenar .icon {
    fill: #fff; }
  .select-ordenar .ordenar-list ul li {
    font-size: 13px; }

.ordenar-list.app__content {
  padding: 0 0 0 10px;
  background-color: #002343;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px; }
  .ordenar-list.app__content ul {
    padding-left: 0;
    list-style: none;
    padding-bottom: 1rem; }

.ordenar-list ul li {
  color: #fff;
  cursor: pointer; }
  .ordenar-list ul li:first-child {
    padding-top: 1rem; }
  .ordenar-list ul li:hover {
    color: #f49331; }

.app__button {
  display: block;
  width: 20rem;
  max-width: 100%;
  margin: 0 auto;
  padding: 1rem; }

.app__image {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block; }

.icon {
  width: 1em;
  height: 1em;
  transition: transform 0.3s cubic-bezier(0, 1, 0, 1);
  will-change: transform;
  width: 2em;
  height: 0.8em; }

.icon--expanded {
  transform: rotateZ(-179.99deg); }

.rotate90 {
  transform: rotateZ(90deg); }

.centra-veure_mes {
  text-align: center;
  padding-top: 4rem; }

.destacada .recom_card_llibre.card {
  min-width: 100%; }

.destacada .recom_card_llibre img {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block; }

.destacada .regala_card_llibre.card {
  min-width: 100%; }

.destacada .regala_card_llibre img {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block; }

.destacada .slick-slider {
  margin: 0; }

.fitxa-text-description {
  margin-bottom: 63px;
  margin-top: -20px; }

.recomanats .row {
  margin: 0; }

.recomanats .slick-slider {
  margin: 0; }

.textenllas {
  text-decoration: underline !important; }

.titol_lateral {
  font-size: 14px;
  font-family: Poppins Bold, sans-serif;
  line-height: 1rem;
  padding: 1rem 0 1rem 1rem; }

.fons-menu {
  position: absolute;
  width: 100%;
  top: 77px;
  background-color: #fff;
  z-index: 999;
  background-color: #fefefe;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); }

.menullibres {
  max-width: 990px;
  margin: 0 auto;
  padding: 30px 0;
  line-height: 30px; }
  .menullibres ul:first-child {
    width: 260px;
    border-right: 1px solid #002343; }
  .menullibres ul li {
    text-transform: capitalize;
    list-style: none;
    text-decoration: none;
    font-size: 14px;
    font-family: Poppins Bold, sans-serif;
    cursor: pointer;
    line-height: 17px;
    margin-bottom: 10px; }
    .menullibres ul li.principal {
      text-decoration: underline; }
    .menullibres ul li:hover {
      color: #f49331; }
    .menullibres ul li a {
      text-decoration: none;
      font-size: 14px;
      font-family: Poppins Regular, sans-serif; }
    .menullibres ul li .titol {
      color: #002343;
      cursor: default; }
      .menullibres ul li .titol:hover {
        color: #002343; }
  .menullibres ul.submenu {
    position: absolute;
    top: 30px;
    left: 40%;
    width: 60%;
    height: 330px;
    overflow: auto; }
    .menullibres ul.submenu li {
      font-size: 18px; }
      .menullibres ul.submenu li ul {
        font-size: 14px;
        border-right: 0;
        overflow-y: auto;
        padding-bottom: 20px; }
  .menullibres .tematica .titol {
    font-size: 17px;
    text-transform: initial;
    display: block;
    padding-bottom: 30px; }
  .menullibres li.principal a {
    font-family: Poppins Bold, sans-serif; }

.langresponsive {
  display: none; }

.divider {
  position: relative; }

.arrow-up {
  position: absolute;
  top: 17px;
  left: 50%;
  transform: translate(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 12px solid #fff; }

main.legal {
  background-color: #f8f9fb; }

main.notfound {
  background-color: #f8f9fb; }

main.inici-home.pedido_resumen:not(.noMargin) {
  margin-top: 180px; }

.pedido_resumen {
  font-size: 14px; }
  .pedido_resumen a {
    text-decoration: none; }
  .pedido_resumen .title_book_list {
    font-family: Poppins Bold, sans-serif;
    font-size: 14px;
    text-transform: uppercase; }
  .pedido_resumen .author {
    text-transform: uppercase; }
  .pedido_resumen p {
    margin-bottom: 0; }
  .pedido_resumen button[class="move"] {
    border-radius: 0;
    border: 0;
    background-color: #fff; }
  .pedido_resumen input.form-control {
    width: 2.6rem !important;
    text-align: center;
    margin-right: 0.15rem;
    border: 1px solid #ccc !important;
    padding: 2px 0 2px 12px;
    width: -38px;
    height: 30px;
    margin: -10px 5px 0; }
  .pedido_resumen input.form-control-entrega {
    width: 100% !important;
    font-size: 14px;
    text-align: left;
    margin-right: 0;
    border: 1px solid #ccc !important;
    padding: 2px 0 2px 12px;
    height: 30px;
    margin: 10px 0;
    border-radius: 6px; }
  .pedido_resumen .usuari input {
    display: block !important;
    width: 100% !important;
    height: calc(1.5em +0.75rem +19px);
    padding: 0.375rem 1.75rem;
    color: #495057;
    background-color: #efefef;
    border: 0;
    border-radius: 14px; }
    .pedido_resumen .usuari input:focus {
      box-shadow: none !important; }
  .pedido_resumen .titol {
    font-family: Poppins Bold, sans-serif;
    font-size: 20px;
    text-transform: none; }
  .pedido_resumen .sotatitol {
    border-bottom: 1px solid #002343;
    margin-bottom: 1rem; }
  .pedido_resumen .titol2 {
    font-family: Poppins Bold, sans-serif;
    font-size: 20px;
    text-transform: none;
    margin-bottom: 1rem; }
  .pedido_resumen .icona {
    font-size: 20px;
    background: linear-gradient(to bottom, #fff calc(50% - 1px), #000 calc(50% - 1px) calc(50% +1px), #fff calc(50% +1px));
    margin: 0 1px; }
  .pedido_resumen .icona_divider {
    width: 100%;
    border-bottom: 1px solid #002343;
    position: absolute;
    margin-top: 20px;
    z-index: -2; }
  .pedido_resumen .fons-icona {
    background-color: #fff;
    margin: 0 auto;
    padding: 5px;
    width: 42px;
    border-radius: 30px;
    border: 1px solid #002343;
    display: block; }
    .pedido_resumen .fons-icona svg {
      opacity: 0.4; }
    .pedido_resumen .fons-icona.actiu svg {
      opacity: 1; }
  .pedido_resumen .divisio {
    height: 20px;
    border-bottom: 1px solid #002343;
    padding-bottom: 2rem;
    margin-bottom: 2rem; }
  .pedido_resumen .resum {
    border: 1px solid #000;
    margin: 0 1px;
    padding: 0.5rem 0 1rem 0; }
  .pedido_resumen .ratlleta-abaix {
    border-bottom: 2px solid #d2d8dd; }
  .pedido_resumen .ratlleta-adalt {
    border-top: 2px solid #d2d8dd; }
    .pedido_resumen .ratlleta-adalt.separab30 .iva {
      color: #b3b3b3; }
  .pedido_resumen .btn-primary {
    background-color: #f49331;
    border-color: #f49331;
    width: 100%;
    font-family: Poppins Black, sans-serif;
    font-size: 14px;
    border-radius: 0.25rem;
    text-transform: uppercase; }
    .pedido_resumen .btn-primary:hover {
      color: #fff;
      background-color: #083d6d;
      border-color: #083d6d; }
  .pedido_resumen .btn-buit {
    background-color: #fff;
    border: 2px solid #002343;
    color: #002343;
    border-radius: 0.25rem; }
  .pedido_resumen .noHover {
    pointer-events: none; }
  .pedido_resumen .fluix {
    color: #b3b3b3; }
  .pedido_resumen .link {
    text-decoration: underline; }
  .pedido_resumen .text-entrega {
    font-family: Poppins Bold, sans-serif;
    font-size: 14px; }
  .pedido_resumen .recollida {
    padding: 0 1rem 1rem;
    border: 1px solid #ccc; }
    .pedido_resumen .recollida input[type="checkbox"] {
      margin: 20px 10px 0 0; }
    .pedido_resumen .recollida input[type="radio"] {
      margin: 20px 10px 0 0; }
    .pedido_resumen .recollida.select1 {
      padding-bottom: 0;
      border-bottom: 0; }
    .pedido_resumen .recollida.select2 {
      border-top: 0; }
  .pedido_resumen .fons-rec {
    padding: 1rem;
    background-color: #f8f9fb; }
    .pedido_resumen .fons-rec input[type="checkbox"] {
      margin: 10px 10px 0 0; }
  .pedido_resumen .quadre {
    padding: 1rem;
    border: 1px solid #ccc; }
  .pedido_resumen .form-group {
    margin-bottom: 0; }
  .pedido_resumen label {
    display: block;
    margin-bottom: 0.5rem; }
  .pedido_resumen .form-control {
    display: block;
    width: 100%;
    height: 2rem;
    font-size: 14px;
    padding: 0.375rem 1.75rem;
    color: #002343;
    background-color: #fff;
    border: 1px solid #002343; }
  .pedido_resumen .interior-botiga {
    font-size: 12px;
    padding: 1rem; }
  .pedido_resumen .requadre {
    border: 1px solid #002343;
    background-color: #f8f9fb;
    padding: 0.5rem;
    margin: 1rem 0; }
    .pedido_resumen .requadre:hover {
      border: 1px solid #002343;
      background-color: #002343;
      color: #fff;
      padding: 0.5rem;
      margin: 1rem 0; }
  .pedido_resumen .thumb-cart img {
    width: 100%;
    height: auto; }
  .pedido_resumen .prod .stock {
    color: green; }
  .pedido_resumen select.form-control.usuari {
    border: 0;
    margin-top: 0.5rem;
    width: 100% !important; }
  .pedido_resumen form .card {
    border: 0;
    padding: 1rem 0; }

.usuari .card {
  display: inline-block;
  box-shadow: 0 0 18px 5px rgba(0, 0, 0, 0.1);
  min-width: 100%;
  padding: 2.7rem 3rem 5rem 3rem !important;
  margin-bottom: 1rem; }
  .usuari .card.noPadding {
    padding: 0 !important; }
  .usuari .card .form-label {
    display: block;
    font-family: Poppins Bold, sans-serif;
    font-size: 14px; }

.usuari span.titol_camp {
  display: block;
  font-family: Poppins Bold, sans-serif;
  font-size: 14px;
  display: block;
  font-family: Poppins Bold, sans-serif;
  font-size: 14px; }
  .usuari span.titol_camp.captcha {
    margin-top: 2rem; }

.usuari span.text_form {
  display: block;
  font-size: 14px;
  text-align: left; }

.usuari .form-control {
  display: block !important;
  width: 100% !important;
  height: calc(1.5em +0.75rem +19px);
  padding: 0.375rem 1.75rem;
  color: #495057;
  background-color: #efefef;
  border: 0;
  border-radius: 14px;
  text-align: left !important; }

.usuari textarea {
  height: auto !important; }

.usuari form span {
  margin-bottom: 0.5rem; }

.usuari form .input-readonly {
  background-color: #dcdcdc; }

.usuari form .form-control {
  margin-bottom: 2rem;
  text-align: left; }

.usuari .btn-primary {
  background-color: #f49331;
  border: 2px solid #f49331;
  width: 17rem;
  font-family: Poppins Bold, sans-serif;
  font-size: 14px;
  margin-top: 2rem;
  text-transform: uppercase; }
  .usuari .btn-primary:hover {
    background-color: #083d6d;
    border-color: #083d6d; }

.usuari #formGridCheckbox2,
.usuari #formGridCheckbox3 {
  display: flex;
  justify-content: start; }
  .usuari #formGridCheckbox2 input[type="checkbox"],
  .usuari #formGridCheckbox3 input[type="checkbox"] {
    margin: 3px 10px 8px 0;
    width: 18px !important;
    height: 18px; }
  .usuari #formGridCheckbox2 .text,
  .usuari #formGridCheckbox3 .text {
    text-align: left;
    font-size: 14px;
    display: inline-block;
    margin-top: 2px; }

.usuari .boto_submit {
  display: block;
  text-align: right; }

.usuari .titol_user {
  font-family: Poppins Bold, sans-serif;
  font-size: 35px;
  line-height: 37px;
  margin-bottom: 3rem;
  text-align: center;
  min-width: 100%; }
  .usuari .titol_user + .card {
    padding-left: 7rem;
    padding-right: 7rem; }

.usuari .check {
  display: block; }

.usuari input[type="checkbox"] {
  margin: 3px 10px 8px 0; }

.usuari input[type="radio"] {
  margin: 3px 10px 8px 0; }

.usuari .form-check {
  position: relative;
  display: inline-block;
  padding-left: 0; }

.usuari .text {
  text-align: left;
  font-size: 14px; }

.usuari .titol_thk {
  font-family: Poppins Bold, sans-serif;
  font-size: 40px;
  line-height: 42px;
  margin-bottom: 3rem;
  text-align: center;
  min-width: 100%; }

.usuari .text_thk {
  font-family: Poppins Regular, sans-serif;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 3rem;
  text-align: center;
  min-width: 100%; }

.usuari .imatge_thk {
  text-align: center;
  margin: auto;
  margin-bottom: 3rem;
  max-width: 170px;
  max-height: 170px; }

.usuari .boto_submit_seguir {
  display: block;
  text-align: center; }

.usuari .card-title.h5 {
  font-size: 24px;
  text-align: center;
  text-transform: none;
  padding-bottom: 2rem;
  display: block; }

.usuari p.card-text {
  font-family: Poppins Regular, sans-serif;
  font-size: 14px;
  text-align: left;
  margin-bottom: 2rem;
  color: #002343; }

.usuari .text_contacte.card {
  padding: 1.5rem 1rem 0 1rem !important;
  padding-left: 1rem;
  padding-right: 1rem; }

.usuari label.form-check-label {
  text-align: left;
  font-size: 13px;
  padding-left: 25px;
  margin-top: -2px; }

.usuari .edita .form-label {
  display: block;
  font-family: Poppins Bold, sans-serif;
  font-size: 14px; }

.usuari .nova .form-label {
  display: block;
  font-family: Poppins Bold, sans-serif;
  font-size: 14px; }

.fa-icona {
  font-size: 24px; }

.esborrar {
  height: 89px;
  display: block; }

.esborrar_mig {
  height: 64px;
  display: block; }

.form_address_afegir_cart {
  margin: 30px; }
  .form_address_afegir_cart .input_label {
    display: block;
    width: 100%;
    height: calc(1.5em +0.75rem +19px);
    padding: 0.375rem 1.75rem;
    color: #495057;
    background-color: #efefef;
    border: 0;
    border-radius: 14px; }
  .form_address_afegir_cart input {
    margin-bottom: 40px; }
  .form_address_afegir_cart .content_button {
    display: flex;
    justify-content: flex-start; }
  .form_address_afegir_cart .button_submit {
    width: 180px;
    margin-left: 340px; }
  .form_address_afegir_cart .address input {
    margin-bottom: 30px; }
  .form_address_afegir_cart .addressMore input {
    margin-bottom: 30px; }
  .form_address_afegir_cart .country input {
    margin-bottom: 30px; }
  .form_address_afegir_cart .city input {
    margin-bottom: 45px; }
  .form_address_afegir_cart .telf input {
    margin-bottom: 30px; }
  .form_address_afegir_cart .save_address input {
    margin-bottom: 30px; }
  .form_address_afegir_cart .checkbox input {
    margin-bottom: 30px; }

.icona_p {
  color: #002343;
  float: left;
  margin-right: 10px;
  margin-top: 4px; }

.wrapper-novetats-llibre {
  background-color: #f8f9fb; }

.detail-shop:before {
  content: "";
  box-shadow: inset 0 5px 0 0 rgba(0, 0, 0, 0.35);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: url(/images/fondo-cabecera.jpg) no-repeat 50%;
  background-size: cover;
  height: 518 px;
  z-index: 0;
  opacity: 0.3; }

.detail-shop .degradat {
  width: 100%;
  background: linear-gradient(180deg, rgba(161, 185, 206, 0.6) 0, rgba(255, 255, 255, 0));
  display: block;
  height: 100px;
  position: absolute;
  left: 0;
  right: 0; }

.detail-shop:after {
  content: "";
  position: absolute;
  top: 335px;
  left: 0;
  right: 0;
  height: 20%;
  z-index: 2;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fefeff); }

p.footnote {
  text-align: left;
  padding: 10px;
  position: relative;
  margin-top: -44px;
  background-color: rgba(255, 255, 255, 0.7); }

p.descompte.card-text {
  height: 20px !important;
  background-color: #f49331;
  display: inline-block;
  padding: 8px 17px 23px;
  margin-left: -20px;
  margin-top: 100px;
  color: #fff !important;
  font-size: 16px !important; }

p.cursiva.card-text {
  font-style: italic;
  font-style: normal;
  font-size: 12px !important; }

p.text_exp.card-text:hover {
  color: #f49331 !important;
  text-decoration: none; }

.quisom {
  margin-top: 140px;
  background-position: left top;
  background-repeat: repeat-x; }
  .quisom.colab .card-text {
    font-family: Poppins Medium, sans-serif;
    font-size: 14px;
    line-height: 16px; }
  .quisom.colab .sl_subtitol {
    margin: 0 0 5px; }
    .quisom.colab .sl_subtitol.boto {
      padding-top: 1rem;
      margin-top: 0;
      margin-top: 0; }
    .quisom.colab .sl_subtitol .btn-primary {
      color: #fff;
      background-color: #f49331;
      border-color: #f49331;
      font-family: Poppins Bold, sans-serif;
      font-size: 16px;
      padding: 0.5rem 3rem 0.5rem 3rem;
      text-transform: uppercase; }
      .quisom.colab .sl_subtitol .btn-primary:hover {
        background-color: #083d6d; }
  .quisom.colab .sl_titol {
    margin: 0 0 40px; }
  .quisom.colab .titol2 {
    padding-top: 40px; }
  .quisom.colab strong {
    font-family: Poppins Bold, sans-serif;
    font-weight: unset; }
  .quisom.colab p.card-text {
    height: 62px; }
  .quisom.colab .regala_card_llibre.card .promo.card-body {
    padding: 30px 0; }
  .quisom.colab .regala_card_llibre.card .card-body.promo {
    height: 13rem; }
  .quisom.promos p.card-text {
    height: 62px;
    height: 20px; }
  .quisom.promos p.cos.card-text {
    height: 80px; }
  .quisom.promos .card-text {
    font-family: Poppins Medium, sans-serif;
    font-size: 14px;
    line-height: 16px; }
  .quisom.promos .baixa {
    margin-top: 0; }
  .quisom.promos .sl_subtitol {
    margin: 0 0 5px; }
  .quisom.promos .sl_titol {
    margin: 0 0 40px; }
  .quisom.promos strong {
    font-family: Poppins Bold, sans-serif;
    font-weight: unset; }
  .quisom.promos .titol2 {
    padding-top: 40px; }
  .quisom.promos .btn-primary {
    color: #fff;
    background-color: #f49331;
    border-color: #f49331;
    font-family: Poppins Bold, sans-serif;
    font-size: 16px;
    padding: 0.5rem 1rem 0.5rem 1rem;
    text-transform: uppercase; }
    .quisom.promos .btn-primary:hover {
      background-color: #083d6d; }
  .quisom.promos .card-body {
    padding: 1.25rem 0; }
  .quisom.promos .filters .btn-primary {
    background-color: #fff;
    border: 2px solid #f49331;
    color: #f49331;
    width: 100%;
    font-family: Poppins Bold, sans-serif;
    font-size: 14px;
    margin-bottom: 20px;
    text-transform: none; }
    .quisom.promos .filters .btn-primary:hover {
      background-color: #f49331;
      color: #fff;
      border-color: #f49331; }
  .quisom.promos .row.resum {
    padding: 20px 10px;
    background-color: #f8f9fb;
    margin-right: 0; }
    .quisom.promos .row.resum a button.btn.btn-primary {
      margin-top: 65px; }
  .quisom.promos img.baixa.promo {
    width: 100%; }
  .quisom.promos .fitxa-text strong {
    margin-bottom: 15px;
    display: inline-block; }
  .quisom.promos .card-title.h5 {
    font-family: Poppins Bold, sans-serif;
    font-size: 14px;
    text-transform: none;
    overflow: visible; }
  .quisom.promos .regala_card_llibre.card .card-body.promo {
    height: 13rem; }
  .quisom.targeta {
    margin-top: -30px; }
    .quisom.targeta .card-text {
      font-family: Poppins Medium, sans-serif;
      font-size: 14px;
      line-height: 16px; }
    .quisom.targeta .sl_subtitol {
      padding-top: 20px;
      font-size: 18px; }
      .quisom.targeta .sl_subtitol.boto {
        padding-top: 1rem;
        margin-top: 0; }
    .quisom.targeta .baixa_mobile {
      margin-top: -60px; }
    .quisom.targeta .baixa {
      margin-top: 0; }
    .quisom.targeta .sl_titol {
      padding-top: 100px; }
    .quisom.targeta .submenu {
      background-color: #002343;
      padding: 20px; }
      .quisom.targeta .submenu a {
        color: #fff;
        text-decoration: none;
        text-align: center;
        text-transform: uppercase; }
        .quisom.targeta .submenu a:hover {
          color: #f49331; }
    .quisom.targeta .regala_card_llibre {
      height: 85%; }
    .quisom.targeta .btn-primary {
      color: #fff;
      background-color: #f49331;
      border-color: #f49331;
      font-family: Poppins Bold, sans-serif;
      font-size: 16px;
      padding: 0.5rem 1rem 0.5rem 1rem;
      text-transform: uppercase; }
      .quisom.targeta .btn-primary:hover {
        background-color: #083d6d; }
    .quisom.targeta .bpromos {
      text-transform: uppercase; }
    .quisom.targeta .promos .regala_card_llibre .card-text {
      height: 20px; }
    .quisom.targeta .promos .regala_card_llibre.card img.card-img-top {
      width: 100%;
      margin-top: 0; }
    .quisom.targeta .promos .regala_titol.card-title.h5 {
      text-align: left;
      text-transform: none; }
    .quisom.targeta .container-fluid.promos {
      background-color: #f8f9fb;
      padding-top: 10px;
      padding-bottom: 10px; }
    .quisom.targeta .container-fluid.form {
      background-color: #f8f9fb;
      padding-top: 60px;
      padding-bottom: 60px; }
    .quisom.targeta .inici-form {
      margin-top: 0;
      background-color: transparent !important; }
      .quisom.targeta .inici-form .container.separav60 {
        margin-top: 0; }
    .quisom.targeta .regala_titol.card-title.h5 {
      text-align: center; }
  .quisom .icona-align {
    margin-bottom: 0.7em; }
  .quisom .seccio {
    font-family: Poppins Bold, sans-serif;
    font-weight: 300;
    line-height: 2.8rem;
    font-size: 1.1rem;
    display: block;
    background: url(/icones/icon-ubicacio.svg) 0 no-repeat;
    background-size: 20px auto;
    padding-left: 25px;
    margin-left: -3px; }
  .quisom .secciono {
    font-family: Poppins Bold, sans-serif;
    font-weight: 300;
    line-height: 2.8rem;
    font-size: 1.1rem;
    display: block; }
  .quisom .titol-destacat {
    font-family: Poppins Bold, sans-serif;
    font-weight: 300;
    line-height: 2.8rem;
    font-size: 1.5rem;
    display: block;
    background: url(/icones//icon-sopera.svg) 0 no-repeat;
    background-size: 50px auto;
    padding-left: 65px;
    margin-left: -3px;
    margin-bottom: 10px; }
  .quisom.laie {
    margin-top: 140px;
    background: url(/images/blanc.jpg) no-repeat 50%;
    background-position: left top;
    background-repeat: repeat-x; }
    .quisom.laie .cap {
      position: relative;
      z-index: 2; }
  .quisom .baixa {
    margin-top: 43px;
    position: relative;
    z-index: 3; }
  .quisom .baixa_titol {
    margin-top: 45px; }
  .quisom .baixa_laie {
    margin-top: 40px; }
  .quisom .baixa_galeria {
    margin-top: 80px; }
  .quisom .regala_card_llibre .card-text {
    text-align: left;
    color: #002343; }
  .quisom .regala_card_llibre.card .card-body {
    height: 13rem; }
    .quisom .regala_card_llibre.card .card-body.promo {
      height: 17rem; }
  .quisom .slick-slider {
    margin-left: -15px;
    margin-right: -15px; }
  .quisom .slick-next {
    right: 15px; }
  .quisom .slick-prev {
    left: 15px;
    z-index: 1; }
  .quisom .sl_titol {
    margin: 0 -15px 15px; }
  .quisom .sl_subtitol {
    margin: 0 -15px 40px; }
  .quisom .titol2 {
    font-family: Poppins Bold, sans-serif;
    font-size: 16px;
    text-transform: none; }
  .quisom .slick-slide img {
    width: 100%;
    height: auto; }
  .quisom .regala_titol.card-title.h5 {
    height: 2.3em;
    text-transform: unset; }
  .quisom ul.share li a {
    font-size: 1.4rem;
    color: #002343; }
  .quisom p.card-text {
    height: 75px; }
  .quisom .row.resum {
    padding: 20px 10px;
    background-color: #f8f9fb;
    margin-right: 0; }

.sl_subtitol .btn-primary {
  color: #fff;
  background-color: #002343;
  border-color: #002343;
  font-family: Poppins Bold, sans-serif;
  margin-top: 30px;
  font-size: 16px;
  padding: 0.5rem 3rem 0.5rem 3rem; }
  .sl_subtitol .btn-primary:hover {
    color: #f49331; }

.sl_subtitol.boto .btn-primary {
  margin-top: 0; }

.text-destacat {
  font-family: Poppins Bold, sans-serif;
  color: #fff;
  background-color: #002343;
  padding: 0 5px;
  margin-left: 10px;
  border-radius: 15px; }
  .text-destacat a {
    color: #fff;
    text-decoration: none; }
    .text-destacat a:hover {
      color: #fff;
      text-decoration: none; }

.destacat {
  background: #ebeef0;
  padding: 20px; }

.titol_altres_promos {
  margin-bottom: 20px; }

div.ok_message {
  opacity: 0;
  position: relative;
  color: #060606;
  font-size: 14px;
  text-align: left;
  text-transform: none;
  width: 375px;
  padding: 15px 33px 15px 42px;
  display: block;
  font-family: Safa Regular, sans-serif;
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2);
  border-left: 7px solid #45d763;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: left calc(0.675em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  background-color: #fff; }

div h1.error_message {
  color: red;
  font-size: 14px;
  text-align: center;
  text-transform: none;
  padding-top: 2rem;
  display: block;
  font-family: "Poppins Regular", sans-serif;
  margin-left: 50px; }

div .error_message_carrier {
  color: red;
  font-size: 18px;
  text-align: center;
  text-transform: none;
  display: block;
  font-family: "Poppins Regular", sans-serif; }

div.error_message {
  opacity: 0;
  position: relative;
  color: #060606;
  font-size: 14px;
  text-align: left;
  text-transform: none;
  width: 375px;
  padding: 15px 33px 15px 42px;
  font-family: Safa Regular, sans-serif;
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2);
  border-left: 7px solid #dc0526;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: left calc(0.675em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  background-color: #fff; }

div div.error_message .container-from-error-messatge {
  display: flex; }

div div.error_message .cross-icon-delete {
  margin-right: 15px;
  margin-left: -20px;
  color: #dc0526;
  font-size: 15px;
  border: 2px solid red;
  border-radius: 100%;
  height: 10%;
  width: 10%;
  text-align: center; }

div div.error_message .error-message-text-from-modal {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%; }

div div.error_message .error-message-text-from-modal .container-from-error-messatge {
  display: flex;
  justify-content: space-between; }

@media screen and (max-width: 800px) {
  div div.error_message {
    min-width: 300px; }
  div div.error_message .error-message-text-from-modal .container-from-error-messatge {
    flex-direction: column; } }

div div.error_message .error-message-text-from-modal .container-from-error-messatge strong {
  margin-right: 10px; }

div div.error_message .error-message-text-from-modal .close_modal {
  padding: 20px;
  cursor: pointer; }

div input.cerca_placeholder {
  font-size: 14px;
  padding: 0.2rem;
  width: 100%;
  margin-bottom: 10px; }

div .searchres .app__content label {
  text-indent: -22px;
  line-height: 16px;
  font-size: 15px;
  margin-bottom: 0.3rem; }

div .btn {
  border-radius: 0.45rem; }

div .navbar-toggler {
  border: 0;
  padding: 0.25rem 0; }

div li.item.lupa {
  display: none; }

div .items-scroll {
  max-height: 350px;
  overflow-y: auto;
  overflow-x: hidden; }

div .icona-activitat {
  height: 18px; }

div .agenda .filters {
  padding-top: 60px; }

div .agenda .des {
  padding-top: 60px; }

div .agenda .centra-veure_mes {
  margin: 0 auto;
  margin-bottom: 4rem; }

div .agenda strong {
  font-family: "Poppins SemiBold", sans-serif;
  font-size: 1rem; }

div .agenda .seccio {
  font-family: "Poppins Medium", sans-serif;
  font-weight: 300;
  line-height: 1.4rem;
  font-size: 1rem;
  display: block;
  padding-left: 25px;
  margin-left: 10px;
  margin-top: -20px;
  padding-bottom: 1rem; }

.grup_botons {
  padding: 1rem 0 2rem; }

.pestanyes .col-6.boto {
  padding: 0 3rem 2rem; }

.pestanyes .nav.nav-tabs a {
  text-decoration: none;
  width: 33.333333%;
  text-align: center; }

.nav-tabs {
  border-bottom: 1px solid #002343; }
  .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
    .nav-tabs .nav-link:focus {
      border-color: #fff #fff #002343 #fff; }
    .nav-tabs .nav-link:hover {
      border-color: #fff #fff #002343 #fff; }
    .nav-tabs .nav-link.active {
      border-color: #002343;
      background-color: #002343;
      color: #fff;
      text-decoration: none; }
  .nav-tabs .nav-item.show .nav-link {
    border-color: #002343;
    background-color: #002343;
    color: #fff;
    text-decoration: none; }

.nav-link {
  text-align: center;
  display: block;
  padding: 1rem; }

.pestanyes-contingut {
  padding: 4rem 0rem 3rem; }

.titular {
  margin-bottom: 30px; }

.separa-botons {
  margin-bottom: 20px; }

.separa-selects {
  margin-bottom: 60px; }

.filters-mobile {
  display: none; }

.dropdown-toggle::after {
  font-size: 24px;
  margin-bottom: -5px; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 4;
  display: none;
  float: left;
  width: 19.5rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem; }
  .dropdown-menu a {
    padding: 0 !important; }

.dropdown-item {
  display: block;
  width: 17.5rem;
  padding: 0.4rem 0.5rem;
  margin-left: 1rem;
  clear: both;
  font-weight: 400;
  color: #002343;
  text-align: inherit;
  white-space: normal;
  background-color: transparent;
  border: 0;
  font-size: 14px;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
  margin-bottom: 10px;
  margin-top: 10px; }
  .dropdown-item:focus {
    color: #002343;
    text-decoration: none;
    background-color: #e1e1e1;
    border-radius: 10px; }
  .dropdown-item:hover {
    color: #002343;
    text-decoration: none;
    background-color: #e1e1e1;
    border-radius: 10px; }

.anivella-boto {
  margin-top: 8px;
  margin-left: 10px; }

.modal-cart-wrapper > .fl-modal {
  display: none;
  position: absolute;
  width: 32px; }
  .modal-cart-wrapper > .fl-modal.open {
    display: block; }

.modal-cart-wrapper:hover > .fl-modal {
  display: block; }

.modal-cart-wrapper.modal-cart-wrapper-museu .modal-cart {
  margin-top: 10px; }

.modal-cart-wrapper.modal-cart-wrapper-museu .fl-modal:after {
  top: 0px; }

.modal-cart-wrapper.modal-cart-wrapper-museu .fl-modal:before {
  top: -1px; }

.modal-cart {
  display: block;
  position: absolute;
  background-color: #fff;
  width: 300px;
  margin-left: -200px;
  border: 1px solid #000000 !important;
  margin-top: -10px;
  max-height: 50vh;
  overflow-x: hidden;
  overflow-y: auto; }
  .modal-cart .title_book_list {
    font-family: Poppins Bold, sans-serif;
    font-size: 14px;
    line-height: 17px; }
  .modal-cart .total {
    font-family: Poppins Bold, sans-serif;
    font-size: 14px;
    line-height: 17px;
    padding-left: 30px;
    padding-top: 10px; }
    .modal-cart .total.preu {
      padding-right: 35px; }
  .modal-cart .separador {
    height: 1px;
    width: 90%;
    background-color: #002343;
    margin: 0 auto;
    margin-bottom: 15px; }
  .modal-cart .btn-primary {
    background-color: #f49331;
    border-color: #f49331;
    width: 100%;
    font-family: Poppins Bold, sans-serif;
    font-size: 14px;
    text-transform: uppercase; }
    .modal-cart .btn-primary:hover {
      background-color: #083d6d; }
  .modal-cart .producte .prod {
    padding-left: 20px; }
  .modal-cart .btn.menu.btn-cart {
    width: 100%;
    margin: 10px 0 20px; }

.fl-modal:after {
  content: "";
  height: 0;
  width: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-bottom-color: #fff;
  border-bottom-style: solid;
  border-bottom-width: 15px;
  position: absolute;
  top: -22px;
  left: 63%; }

.fl-modal:before {
  content: "";
  height: 0;
  width: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-bottom-color: #fff;
  border-bottom-style: solid;
  border-bottom-width: 15px;
  position: absolute;
  top: -22px;
  left: 63%;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-bottom-width: 15px;
  border-bottom-color: #000; }

.comandes .prod {
  font-family: Poppins Bold, sans-serif;
  font-size: 16px; }

.comandes .prod_cap {
  font-family: Poppins Bold, sans-serif;
  font-size: 16px;
  text-transform: capitalize; }

.comandes .ncomanda {
  font-family: Poppins Medium, sans-serif;
  font-size: 12px;
  text-transform: uppercase; }

.comandes .detall {
  font-family: Poppins Medium, sans-serif;
  font-size: 15px; }

.comandes .order_bold {
  font-family: Poppins Bold, sans-serif;
  font-size: 14px; }

.comandes .detalles {
  font-family: Poppins Bold, sans-serif;
  font-size: 18px;
  margin-bottom: 1rem; }

.comandes .order {
  font-size: 14px;
  word-break: break-all;
  padding-bottom: 10px; }

.comandes .fila_title {
  border-bottom: 1px solid #afbcc6;
  padding: 0.5rem; }

.comandes .fila_abaix {
  padding-top: 1rem; }

.comandes .fila_mig {
  padding: 0.5rem; }

.comandes .compres_mig {
  border: 1px solid #afbcc6;
  border-bottom: 0; }

.comandes .compres_abaix {
  border: 1px solid #afbcc6;
  border-top: 0; }

.comandes .divisor {
  border-bottom: 1px solid #afbcc6;
  height: 1px;
  margin-right: 0.5rem;
  margin-left: 20px;
  margin-top: 15px; }
  .comandes .divisor.gray {
    border-color: #d2d8dd; }

.comandes .pl40 {
  padding-left: 30px; }

.comandes .status {
  text-transform: capitalize; }

.comandes .app__content {
  margin-bottom: 2rem; }

.mh5 {
  margin-left: 30px; }

.tapapreu {
  display: none; }

.actiu {
  border: 1px solid #002343;
  background-color: #f8f9fb;
  padding: 0.5rem;
  margin: 1rem 0;
  cursor: pointer; }
  .actiu:hover {
    background-color: #002343;
    color: #fff; }

.inactiu {
  background-color: #002343;
  color: #fff;
  padding: 0.5rem;
  margin: 1rem 0;
  cursor: pointer; }

.adresa {
  display: inline-block;
  width: 50%;
  text-align: left; }

.envio {
  display: inline-block;
  width: 50%;
  text-align: right; }

.react-datepicker-wrapper {
  display: block;
  padding: 0;
  border: 0; }

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%; }
  .react-datepicker__input-container input {
    border: 0;
    background-color: transparent !important;
    color: #002343 !important;
    cursor: pointer;
    width: 290px;
    padding-left: 20px; }
    .react-datepicker__input-container input:focus::placeholder {
      color: #fff !important;
      opacity: 1; }
    .react-datepicker__input-container input:hover::placeholder {
      color: #fff !important;
      opacity: 1; }
  .react-datepicker__input-container input::placeholder {
    color: #002343;
    opacity: 1; }

.react-datepicker {
  font-family: Poppins Medium, sans-serif;
  font-size: 16px;
  background-color: #fff;
  border: 1px solid #ababab;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
  width: 310px;
  color: #002343;
  margin-left: -14px;
  padding-top: 20px; }

.react-datepicker__navigation {
  top: 32px;
  top: 14px !important; }

.react-datepicker__month-container {
  width: 100%;
  margin-top: -20px; }

.react-datepicker__header {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #ababab;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative;
  border-bottom: 0; }

.react-datepicker__day--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #002343;
  color: #fff; }

.react-datepicker__month-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #002343;
  color: #fff; }

.react-datepicker__quarter-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #002343;
  color: #fff; }

.react-datepicker__day {
  display: inline-block;
  width: 2.1rem;
  line-height: 2.1rem;
  text-align: center;
  margin: 0.2rem; }
  .react-datepicker__day:hover {
    border-radius: 0.3rem;
    background-color: #002343;
    color: #fff; }

.react-datepicker__day-name {
  display: inline-block;
  width: 2.1rem;
  line-height: 2.1rem;
  text-align: center;
  margin: 0.2rem; }

.react-datepicker__time-name {
  display: inline-block;
  width: 2.1rem;
  line-height: 2.1rem;
  text-align: center;
  margin: 0.2rem; }

.react-datepicker__day-names {
  white-space: nowrap;
  text-transform: lowercase; }

.react-datepicker__week {
  white-space: nowrap;
  text-transform: lowercase; }

.react-datepicker-time__header {
  margin-top: 0;
  color: #002343;
  font-weight: 700;
  font-size: 16px;
  text-align: left;
  padding-left: 24px;
  padding-bottom: 10px;
  border-bottom: 1px solid; }

.react-datepicker-year-header {
  margin-top: 0;
  color: #002343;
  font-weight: 700;
  font-size: 16px;
  text-align: left;
  padding-left: 24px;
  padding-bottom: 10px;
  border-bottom: 1px solid; }

.react-datepicker__current-month {
  margin-top: 0;
  color: #002343;
  font-weight: 700;
  font-size: 16px;
  text-align: left;
  padding-left: 24px;
  padding-bottom: 10px;
  border-bottom: 1px solid; }

.react-datepicker__navigation--previous {
  right: 45px;
  left: auto;
  border-right-color: #ccc;
  left: 1px !important; }

.menu-mobile {
  display: none; }

.card-img-overlay {
  width: 0;
  height: 0; }

@media (min-width: 1200px) {
  .container {
    max-width: 1020px; }
  .container-lg {
    max-width: 1020px; }
  .container-md {
    max-width: 1020px; }
  .container-sm {
    max-width: 1020px; }
  .container-xl {
    max-width: 1020px; }
  .text_llibre {
    min-height: 60px; } }

@media screen and (max-width: 1200px) {
  .header-bottom .wrap .options > .item:first-child {
    width: 50%; }
  input.bcerca {
    margin-left: 384px; }
  button.btn.menu.btn-user {
    padding-left: 95px; } }

@media screen and (max-width: 1024px) {
  .slide_slPrincipal .sl_titol {
    font-size: 36px;
    line-height: 1em; }
  .slide_slPrincipal .sl_subtitol {
    font-size: 14px;
    line-height: 18px; }
  .slick-prev {
    left: 0;
    z-index: 1; }
  .slick-next {
    right: 0; }
  .header-bottom .wrap .options > .item:first-child {
    width: 50%; }
  input.bcerca {
    margin-left: 384px; }
  .main-nav a {
    font-size: 12px !important; }
  .navbar-nav a {
    font-size: 12px !important; } }

@media screen and (max-width: 992px) {
  .navbar-nav {
    background-color: #002343;
    z-index: 1;
    position: relative;
    margin-top: 18px; }
    .navbar-nav a {
      font-size: 12px !important;
      border-left: 0;
      color: #fff !important;
      font-family: Poppins Regular, sans-serif !important;
      font-size: 14px !important;
      padding: 0.5rem !important; }
  .dropdown-menu {
    color: #fff;
    font-weight: 500;
    background: 0 0; }
  .content-from-menu-filter {
    margin-left: 20px; }
    .content-from-menu-filter > li {
      margin-bottom: 15px;
      text-decoration: none; }
  .slPrincipal .slick-dots {
    bottom: -30px; }
  .slPrincipal .slick-slide img {
    width: 11rem;
    height: auto; }
  .full-bleed {
    width: 100vw;
    margin-left: 50% !important;
    transform: translateX(-50%); }
  .slide_slPrincipal .sl_titol {
    font-size: 26px;
    line-height: 1em;
    padding-top: 1rem; }
  .slide_slPrincipal .btn-primary {
    margin-top: 10px; }
  .hidden-xs {
    display: none; }
  h4 {
    font-size: 16px; }
    h4 a {
      font-size: 12px;
      line-height: 16px;
      display: inline-block;
      margin-top: 5px; }
  .icona-align {
    margin-right: 0.5em; }
  .recom_card {
    margin-bottom: 2rem; }
  .slick-slider {
    margin-left: -15px;
    margin-right: -15px; }
  .regala_card_llibre {
    max-width: 100%; }
    .regala_card_llibre.card img.card-img-top {
      width: 100% !important;
      height: auto; }
  .fitxa .recom_card {
    margin-top: 100px; }
    .fitxa .recom_card .btn-primary {
      width: 100%; }
    .fitxa .recom_card .btn-buit.btn-primary {
      margin: 1rem 0; }
  .fitxa .regala_card_llibre.card img.card-img-top {
    width: 90% !important;
    height: auto;
    margin: 0 auto; }
  .fitxa .imatge-detall .recom_card_llibre.card {
    min-width: 60%; }
  .more-sites {
    padding-left: 2rem; }
  .share {
    padding-left: 2rem; }
  footer {
    padding: 20px 0 5px; }
  .recom_card_llibre {
    width: 200px; }
    .recom_card_llibre img {
      width: 100% !important;
      min-height: 180px;
      max-height: 300px; }
  .menuresultats .app {
    padding-right: 0; }
  .menuresultats .app__content {
    font-size: 14px; }
  .usuari .card {
    padding: 4rem 2rem 8rem; }
  .usuari .titol_user + .card {
    padding-left: 2rem;
    padding-right: 2rem; }
  .card-header {
    padding: 1rem 0;
    margin-bottom: 0;
    background-color: transparent;
    border-top: 1px solid #002343; }
  .slick-prev {
    left: -5px !important;
    z-index: 1 !important;
    width: 30px !important;
    height: 30px !important;
    background: #ddd !important;
    border-radius: 20px; }
    .slick-prev:before {
      font-size: 30px;
      opacity: 100 !important;
      color: #002343 !important;
      line-height: 32px !important; }
  .slick-next {
    right: -5px !important;
    z-index: 1 !important;
    width: 30px !important;
    height: 30px !important;
    background: #ddd !important;
    border-radius: 20px; }
    .slick-next:before {
      font-size: 30px;
      opacity: 100 !important;
      color: #002343 !important;
      line-height: 32px !important; }
  .separav150 {
    margin-top: 100px; }
  .menullibres {
    padding-left: 1rem; }
  .cerca-rapida {
    position: absolute;
    width: 80%; }
    .cerca-rapida .contingut {
      padding-left: 1rem; }
  .form-control-cerca {
    width: 65%; }
  .main-nav a {
    font-size: 12px !important; }
  .langresponsive .container-from-menu {
    background: 0 0; }
  .searchres .recom_card_llibre {
    width: 205px; }
  .ordenar-list.app__content {
    padding: 1rem; }
  p.normal {
    font-size: 14px; }
  .agenda .text_thk + .card {
    padding-left: 2rem;
    padding-right: 2rem; }
  .legal .sl_titol {
    font-family: Poppins Bold, sans-serif;
    font-size: 35px;
    line-height: 37px;
    margin-bottom: 1rem;
    text-align: left;
    min-width: 100%; }
  .quisom .baixa_mobile {
    margin-top: 95px;
    margin-bottom: 42px; }
  .titol_altres_promos h4 {
    font-size: 22px;
    display: inline; }
  img.baixa.promo {
    width: 100%;
    height: auto; }
  .header-bottom .wrap .options > .item:first-child {
    width: 38%; }
  input.bcerca {
    margin-left: 155px; }
  .magazine.agenda .regala_card_llibre.card .card-body {
    height: auto; }
  .magazine.agenda .regala_card_llibre.destaquem.card {
    height: auto;
    margin-bottom: 25px; }
  .magazine.agenda .row.dropdowns {
    padding-top: 2rem; }
  a.bCercaAv {
    font-size: 14px; }
  .filters .quadre {
    position: relative;
    font-family: Poppins Bold, sans-serif;
    font-size: 20px;
    top: 0;
    left: -15px;
    width: 100%;
    height: auto;
    background-color: #fff;
    padding: 1rem; }
  button.btn.menu.btn-user {
    padding-left: 110px; }
  .text_llibre {
    min-height: 100px; } }

.tarjeta-titulo {
  padding-top: 60px; }

.wrapper-recovery-password {
  height: 1000px;
  margin-top: 240px;
  margin-left: 20px;
  display: flex;
  justify-content: center; }

@media screen and (max-width: 800px) {
  .wrapper-recovery-password {
    margin-top: 140px; }
  a.nav-link {
    text-align: inherit; }
  a.sel-idiomes {
    display: none; }
  a.bCercaAv {
    background-color: transparent;
    color: #002343;
    padding: 0;
    border-radius: 0;
    margin-left: 18px;
    font-size: 14px;
    text-decoration: underline !important; }
  a.dropdown-item:hover {
    text-decoration: none;
    color: #f49331 !important; }
  a.dropdown-toggle:hover {
    text-decoration: none;
    color: #f49331 !important; }
  .separab30 {
    margin-bottom: 1rem !important; }
  .separav60 {
    margin-top: 2rem !important; }
  .separab60 {
    margin-bottom: 2rem !important; }
  .tarjeta-titulo {
    padding-top: 2.5rem; }
  .titular {
    margin-bottom: 1.5rem; }
  .promotions .filters {
    display: none; }
  .promotions .filters-mobile {
    padding-top: 3.5rem; }
  .agenda .dropdown {
    margin-bottom: 0.5rem; }
  .agenda .botons button:not(.LaieBtn) {
    margin-bottom: 0.5rem; }
  .magazine .dropdown {
    margin-bottom: 0.5rem; }
  .magazine.agenda .magazine_carrussel .regala_card_llibre {
    height: 420px; }
  .langresponsive {
    display: block; }
    .langresponsive .dropdown-toggle {
      text-align: left; }
    .langresponsive .dropdown-item {
      background-color: transparent;
      border: none;
      padding: 0 !important; }
    .langresponsive .dropdown-menu {
      background-color: transparent;
      border: none;
      padding: 0 !important; }
  .sel-idiomes {
    display: none; }
  .navbar-toggler {
    position: absolute;
    top: 14px;
    left: 14px; }
  .navbar-brand {
    margin-left: 3rem; }
    .navbar-brand img {
      width: 60%;
      height: auto; }
  .quisom.targeta .sl_titol {
    padding: 70px 15px 0 15px !important; }
  .quisom.targeta .baixa {
    margin-top: 0;
    width: 80%;
    margin-top: -115px;
    margin-right: -150px; }
  .quisom.targeta .submenu {
    padding: 5px !important; }
    .quisom.targeta .submenu a {
      font-size: 12px;
      margin-left: -10px; }
  .quisom.targeta a.solicitar {
    top: -180px;
    position: absolute;
    color: #002343 !important;
    left: 38px;
    border: 1px solid #002343;
    border-radius: 5px;
    padding: 9px; }
  .quisom.targeta .container.avantatges .regala_card_llibre {
    display: inline-block;
    box-shadow: none !important;
    min-width: 100%;
    height: 100%;
    padding: 1rem; }
    .quisom.targeta .container.avantatges .regala_card_llibre .card-text {
      text-align: center;
      line-height: 20px;
      color: #002343;
      margin-top: -20px; }
  .quisom.promos .filters .btn-primary {
    margin-bottom: 0; }
  .quisom .regala_titol.card-title.h5 {
    height: 1.5em !important; }
  .quisom p.card-text {
    height: auto;
    margin-bottom: 2rem; }
  .regala_card_llibre {
    margin: 1em 0;
    height: auto;
    margin: 2rem 0 0; }
    .regala_card_llibre.card span.lazy-load-image-background.blur.lazy-load-image-loaded {
      display: block !important; }
    .regala_card_llibre.objecte.recomanats_ {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 10px;
      flex-direction: column;
      min-width: 131px !important; }
  .inici-home {
    margin-top: 110px;
    margin-top: 56px; }
    .inici-home.home a h4.linktitle {
      text-decoration: none; }
    .inici-home.inici-form .usuari .titol_user {
      font-size: 24px;
      line-height: 26px; }
  .slick-next {
    right: 5px !important;
    z-index: 1 !important; }
  .slick-prev {
    left: 5px !important;
    z-index: 1 !important; }
  .menu-mobile {
    display: block; }
    .menu-mobile .share {
      justify-content: space-between;
      padding-left: 0; }
  .menu-desktop {
    display: none; }
  .more-sites a {
    font-size: 14px;
    text-decoration: underline; }
  .more-sites.mobile {
    display: block;
    padding: 0 1rem;
    color: #083d6d; }
    .more-sites.mobile p.adresa {
      font-size: 14px;
      width: 100%; }
    .more-sites.mobile .page.accordion .card .card-header:after {
      content: "";
      background: url(/images/arrowdown.png) no-repeat 50%;
      float: right;
      width: 10px;
      height: 10px; }
  .targeta h5 {
    font-size: 22px !important; }
  .targeta .separav120 {
    margin-top: 60px; }
  .cerca-rapida {
    position: absolute;
    width: 92%;
    display: none; }
    .cerca-rapida .contingut {
      padding-left: 1rem; }
    .cerca-rapida .card-title.h5 {
      font-size: 14px; }
  .header-bottom {
    height: 50px;
    background-color: transparent;
    box-shadow: none;
    height: 45px;
    width: 200px;
    position: absolute;
    top: 6px;
    right: 65px; }
    .header-bottom .wrap {
      padding-top: 0.6rem; }
  .recom_card_llibre {
    width: 90%; }
  .searchres .recom_card_llibre {
    width: 100%; }
  .searchres .separav60 {
    margin-top: 20px; }
  .searchres .separab60 {
    margin-bottom: 20px; }
  .slick-list {
    z-index: 0; }
  .fons-menu {
    position: relative;
    top: 0; }
  .modal-filtres .filters .btn-primary {
    margin-bottom: 20px !important; }
  li.item.advsearch {
    display: none; }
    li.item.advsearch.is-open {
      left: -10rem !important;
      display: block;
      position: absolute;
      top: 120px;
      left: -60px; }
  li.item.search {
    display: none; }
    li.item.search.is-open {
      left: -10rem !important;
      display: block;
      border: 1px solid #000;
      position: absolute;
      top: 61px;
      width: 300px !important;
      right: 10px;
      padding: 1rem 1rem 3rem 1rem;
      border-radius: 0.5rem;
      background-color: #fff; }
  li.item.lupa {
    display: inline-table;
    color: #fff; }
    li.item.lupa.is-open .btn.menu.btn-cart {
      color: #f49331; }
  li.item.usuaris {
    margin-left: 15px; }
  .slick-slider.slPrincipal {
    margin-bottom: 3.5rem; }
  .tiendas .container .separav60 {
    margin-top: 0 !important; }
  .filters .btn-primary {
    margin-bottom: 0; }
  .row.carr-llibres.reco .recom_card_llibre {
    width: 95%; }
  .row.carr-llibres.reco .carrussel .slick-list {
    padding-bottom: 120px; }
  .row.carr-llibres .recom_card_llibre {
    width: 84%; }
  button.btn.menu.btn-user {
    padding-left: 10px;
    color: #fff;
    padding-left: 0; }
  input.bcerca {
    margin-left: 175px;
    display: none; }
  footer.container p {
    font-size: 12px; }
  .accordion > .card > .card-header {
    font-size: 14px; }
  .mobile ul.share li a {
    font-size: 2.4rem;
    padding-right: 0; }
  .fitxa.card:nth-child(2) {
    display: none; }
  .fitxa.card:nth-child(3) {
    display: none; }
  .fitxa.card:nth-child(4) {
    display: none; }
  .fitxa.card .col-12.col-lg-8.contingut {
    padding: 0; }
  .top-nav-logo img {
    width: 60%;
    height: auto; }
  .navbar-nav a {
    font-size: 12px !important;
    padding: 0.2rem !important;
    font-size: 14px !important;
    padding: 0.5rem 0 0.5rem 0 !important; }
  .main-nav a {
    display: inline;
    display: block; }
  .ml-auto.navbar-nav {
    display: inline;
    display: block; }
  .btn.menu.btn-cart {
    color: #fff; }
  .menullibres ul {
    width: 100%;
    border-right: 0; }
  main.inici-home.pedido_resumen {
    margin-top: 90px; } }

@media screen and (max-width: 576px) {
  .quisom {
    background-image: none;
    margin-top: 35px;
    padding: 0 15px;
    margin-bottom: 90px; }
    .quisom .separav120 {
      margin-top: 80px; }
    .quisom .seccio {
      line-height: 1.5rem;
      background-position-y: top; }
    .quisom.promos {
      margin-top: -110px;
      padding: 0 15px;
      margin-bottom: 90px; }
      .quisom.promos .sl_titol {
        margin: 0 !important;
        margin-top: 0 !important; }
      .quisom.promos .baixa {
        margin-top: 0; }
      .quisom.promos .separav80 {
        margin-top: 40px; }
      .quisom.promos .baixa_mobile {
        margin-top: 95px;
        margin-bottom: 20px; }
      .quisom.promos h4 {
        font-size: 20px;
        margin-top: -38px;
        padding-left: 45px;
        display: block; }
      .quisom.promos.regala_card_llibre.card .card-body.promo {
        height: 23rem; }
      .quisom.promos .sl_subtitol.boto {
        margin-top: -40px; }
      .quisom.promos .row.resum {
        padding: 20px 0;
        background-color: #f8f9fb;
        margin-right: 0;
        margin-left: 0; }
    .quisom.laie {
      margin-top: -65px; }
      .quisom.laie .detail-shop:after {
        display: none; }
    .quisom .baixa_galeria {
      margin-top: 120px; }
    .quisom .sl_titol {
      font-family: Poppins Bold, sans-serif;
      font-size: 24px;
      text-transform: none;
      text-align: left;
      line-height: 26px;
      margin-top: 50px !important; }
    .quisom .sl_subtitol {
      font-size: 16px !important;
      width: 85% !important;
      line-height: 24px; }
    .quisom .separah15 {
      padding: 0; }
    .quisom .share {
      padding-left: 0; }
    .quisom.colab {
      margin-top: -110px;
      padding: 0 15px;
      margin-bottom: 90px; }
      .quisom.colab .sl_titol {
        margin: 0 !important;
        margin-top: 0 !important; }
      .quisom.colab .baixa {
        margin-top: 0; }
      .quisom.colab .separav80 {
        margin-top: 40px; }
      .quisom.colab .sl_subtitol.boto {
        margin-top: -40px; }
    .quisom .regala_card_llibre.card .card-body {
      height: auto; }
    .quisom.targeta .container.avantatges .regala_card_llibre.card .card-body.promo {
      height: 12rem; }
    .quisom .regala_titol.card-title.h5 {
      height: 3.5em;
      text-transform: unset; }
    .quisom.inici-home.agenda h4 {
      font-size: 20px;
      margin-top: -38px;
      padding-left: 45px;
      display: block; }
  h4 {
    display: contents;
    font-size: 18px; }
  .agenda .breadcrumbs {
    margin-left: 0; }
  .agenda .destacat {
    width: 88%; }
  .agenda .text_thk + .card {
    padding: 1rem 20px; }
  .agenda .filters .slider .btn-primary {
    background-color: #f49331;
    border: 2px solid #f49331;
    color: #fff;
    width: 100%;
    font-family: Poppins Bold, sans-serif;
    font-size: 11px; }
  .fitxa-objecte .contingut-detall {
    margin-top: 60px; }
  .fitxa-objecte .container-from-small-sliders .slick-next {
    right: -5px !important; }
  .fitxa-objecte ul.slick-dots.slick-thumb {
    max-width: 360px !important; }
  .fitxa-llibre .contingut-detall {
    margin-top: 60px; }
  .fitxa-llibre ul.slick-dots.slick-thumb {
    max-width: 360px;
    margin-left: 10px; }
  .header-bottom {
    right: 0 !important;
    width: 150px !important;
    height: 50px;
    background-color: transparent;
    box-shadow: none;
    height: 45px;
    width: 200px;
    position: absolute;
    top: 6px;
    right: 65px; }
    .header-bottom .wrap {
      padding-top: 0.6rem; }
      .header-bottom .wrap .options > .item:first-child {
        width: 250%; }
  .inici-home {
    margin-top: 110px;
    margin-top: 56px; }
    .inici-home.home .row.activitats {
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-bottom: 60px; }
    .inici-home.home .row.carr-llibres {
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-bottom: 60px; }
      .inici-home.home .row.carr-llibres .recom_card_llibre {
        width: 91%;
        min-height: 400px !important;
        height: 100% !important;
        display: flex;
        align-items: center; }
      .inici-home.home .row.carr-llibres.reco .recom_card_llibre {
        width: 91%;
        min-height: 400px !important;
        height: 100% !important;
        display: flex;
        align-items: center; }
    .inici-home.home .row.magazine {
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-bottom: 60px; }
    .inici-home.home .separab120 {
      margin-bottom: 30px; }
      .inici-home.home .separab120.tarjeta-fons {
        margin-top: 60px; }
    .inici-home.home .separav120 {
      margin-top: 60px; }
      .inici-home.home .separav120.recomanats_grans {
        margin-top: 60px; }
    .inici-home.home .magazine_carrussel .slick-prev {
      left: -5px !important; }
    .inici-home.home .magazine_carrussel .slick-next {
      right: -5px !important; }
    .inici-home.legal {
      margin-top: -80px; }
      .inici-home.legal table {
        display: none; }
    .inici-home.colaboradors {
      margin-top: 3.5rem; }
      .inici-home.colaboradors .separav60 {
        margin-top: 20px; }
  .libro-fake {
    display: none; }
  .filters-mobile {
    display: block; }
    .filters-mobile span.text-filtre {
      width: 92%;
      display: inline-block; }
  .modal-filtres .modal-header {
    background-color: #f8f9fb;
    border-bottom: none;
    height: 52px; }
  .modal-filtres .tit-filter {
    font-family: Poppins Bold, sans-serif;
    font-size: 16px;
    line-height: 40px; }
  .modal-filtres .modal-title.h4 {
    font-family: Poppins Bold, sans-serif;
    font-size: 16px; }
  .modal-filtres .filters .btn-primary {
    text-align: left; }
  .cerca-rapida {
    position: absolute;
    width: 92%;
    display: none; }
    .cerca-rapida .contingut {
      padding-left: 1rem; }
    .cerca-rapida .card-title.h5 {
      font-size: 14px;
      overflow: scroll;
      max-height: 61px; }
  .fitxa.card:nth-child(2) {
    display: none; }
  .fitxa.card:nth-child(3) {
    display: none; }
  .fitxa.card:nth-child(4) {
    display: none; }
  .fitxa.card .col-12.col-lg-8.contingut {
    padding: 0; }
  .fitxa .card {
    margin: 0; }
  .fitxa .titol_recom.card-title.h5 {
    font-size: 22px; }
  .fitxa .recom_card .subtitol.card-subtitle.h6 {
    font-size: 16px; }
  .recom_card_llibre {
    width: 90%; }
    .recom_card_llibre .btn-primary {
      font-size: 14px;
      cursor: pointer;
      width: fit-content; }
  .searchres .recom_card_llibre {
    width: 100%; }
  .searchres .separav60 {
    margin-top: 20px; }
  .searchres .separab60 {
    margin-bottom: 20px; }
  a.sel-idiomes {
    display: none; }
  a.bCercaAv {
    background-color: transparent;
    color: #002343;
    padding: 0;
    border-radius: 0;
    margin-left: 18px;
    font-size: 14px;
    text-decoration: underline !important; }
  .slick-next {
    z-index: 1 !important; }
  .slick-prev {
    z-index: 1 !important; }
  .slick-list {
    z-index: 0; }
  .fons-menu {
    position: relative;
    top: 0; }
  main.inici-home.pedido_resumen {
    margin-top: 100px; }
  main.inici-hom.inici-form.notfound {
    margin-top: 0;
    padding-top: 5px; }
  .more-sites {
    font-size: 10px;
    line-height: 14px; }
  .subscriu-fons .titol {
    font-size: 28px;
    line-height: 30px; }
  .subscriu-fons .text p {
    width: 80%;
    margin: 10px auto 40px auto; }
  .form-control {
    width: 70% !important;
    margin-bottom: 1rem; }
  .recom_card .btn-primary {
    position: relative; }
  .recom_card.fonsgroc {
    background-size: 40%;
    background-position-x: center;
    background-position-y: center; }
    .recom_card.fonsgroc .btn-primary {
      position: relative; }
  .recom_card.article .btn-primary {
    position: relative; }
  .form-check-label {
    text-align: left; }
  .objecte.card .card-title.h5 {
    max-width: 100px; }
  .objecte .destacada .recom_card_llibre img {
    width: 300px;
    height: auto; }
  .sl_titol {
    font-size: 42px;
    word-break: break-word; }
  .usuari .card {
    padding: 1rem 20px !important;
    max-width: 90%; }
  .usuari .btn-primary {
    width: 10rem; }
  .usuari .titol_user + .card {
    padding: 1rem 20px; }
  .legal a {
    word-break: break-all; }
  .legal .card-header {
    border-top: none;
    font-family: Poppins Bold, sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 100 !important; }
  .legal .fitxa-text p {
    font-size: 14px;
    line-height: 18px;
    margin-top: 6px; }
  .legal .fitxa-text ul {
    list-style: outside;
    padding-left: 20px; }
    .legal .fitxa-text ul li {
      font-size: 14px;
      line-height: 18px;
      margin-top: 6px; }
  .legal .sl_titol {
    font-size: 24px;
    line-height: 26px; }
  .legal .separab60 {
    margin-bottom: 20px; }
  .legal .separav60 {
    margin-top: 20px; }
  .legal .separav120 {
    margin-top: 90px; }
  .dropdown-menu {
    width: 17rem; }
  .dropdown-item {
    width: 15rem; }
  .pestanyes .nav-item {
    font-size: 1rem;
    text-align: center; }
  .pestanyes .nav-link {
    padding: 0.5rem 0.5rem; }
  .pestanyes-contingut {
    padding: 2rem 0rem 1rem; }
  .sel-idiomes {
    padding-left: 0;
    color: #fff;
    font-size: 12px;
    padding-top: 5px; }
    .sel-idiomes a {
      color: #fff; }
    .sel-idiomes .dropdown-item {
      font-size: 13px; }
  iframe {
    width: 100%; }
  .share {
    padding-left: 2rem; }
  .row.carr-llibres .slick-track {
    padding-top: 10px; } }

@media screen and (max-width: 576px) and (max-width: 576px) {
  .row.carr-llibres.reco .slick-prev {
    left: -15px !important; }
  .row.carr-llibres.reco .slick-next {
    right: -15px !important; }
  .row.carr-llibres.reco .recom_card_llibre {
    width: 90%; }
  .row.carr-llibres.reco .carrussel .slick-list {
    padding-bottom: 60px;
    padding-left: 0; }
  .row.separab15.producte {
    width: 100%;
    margin-left: 5px; }
  .row .container-home-pay-textarea .textare-input {
    padding: 10px;
    width: 95%; }
  .breadcrumbs.b-llibre {
    margin-left: 0; }
  .breadcrumbs.b-objecte {
    margin-left: 0; }
  .fitxa .objecte .imatge-detall .recom_card_llibre {
    max-width: 95%; }
  .fitxa .carrussel .slick-list {
    padding-bottom: 60px;
    padding-left: 5px; }
  .fitxa .regala_card_llibre.objecte.card img.card-img-top {
    max-height: 180px; }
  .fitxa-llibre span.iconazoom {
    background-color: #fff;
    padding: 0 5px; }
  .fitxa-llibre .body_recom.card-body {
    align-items: start; }
  .fitxa-llibre + .container.separav60 {
    margin-top: 100px !important; }
  .fitxa-objecte span.iconazoom {
    background-color: #fff;
    padding: 0 5px; }
  .fitxa-objecte .body_recom.card-body {
    align-items: start; }
  .fitxa-objecte + .container.separav60 {
    margin-top: 100px !important; }
  .slick-prev {
    left: -5px !important; }
  .recom_card_llibre .btn-primary {
    width: 100%; }
  .recom_card_llibre.card .card-body {
    align-items: inherit; }
    .recom_card_llibre.card .card-body button {
      width: fit-content; }
  .regala_card_llibre.objecte.recomanats_.card .card-text {
    text-align: right;
    color: #f49331; }
  .regala_card_llibre.objecte.recomanats_.card .card-title.h5 {
    max-width: 132px; }
  .regala_card_llibre.objecte.recomanats_.card .btn.btn-primary {
    margin-left: 0;
    width: 100%; }
  .regala_card_llibre.card .card-body {
    align-items: normal; }
  .top-nav-logo {
    margin-left: 0; }
    .top-nav-logo img {
      width: auto;
      height: auto; }
  .modal-cart {
    margin-left: -305px; }
  .recom_card article .card .body_recom .card-body .recom_card.fonsgroc .btn-primary {
    margin-top: -10px !important; }
  .recom_card.article .btn-primary {
    margin-top: -10px !important; }
  .flex-shrink-0.inici-home.home button.slick-arrow.slick-prev {
    left: 10px !important; }
  .flex-shrink-0.inici-home.home button.slick-arrow.slick-next {
    right: 10px !important; }
  .flex-shrink-0.inici-home.home .activitats .slick-slider.carrussel.slick-initialized button.slick-arrow.slick-prev {
    left: 0 !important; }
  .flex-shrink-0.inici-home.home .activitats .slick-slider.carrussel.slick-initialized button.slick-arrow.slick-next {
    right: 10px !important; }
  .flex-shrink-0.inici-home.home .magazine_ .slick-slider.carrussel.slick-initialized button.slick-arrow.slick-prev {
    left: 0 !important; }
  .flex-shrink-0.inici-home.home .magazine_ .slick-slider.carrussel.slick-initialized button.slick-arrow.slick-next {
    right: 10px !important; }
  .flex-shrink-0.inici-home.home .row.carr-llibres.reco .carrussel .slick-list {
    padding-left: 10px;
    padding-right: 20px; }
  .inici-home.fitxa .separab120 {
    margin-bottom: 0; }
  ul.slick-dots.slick-thumb {
    max-width: 380px; }
  .text_llibre .card-title.h5 {
    margin-left: 0 !important; }
  .menu-mobile .card-body {
    align-items: inherit; }
  .separab30.container-from-item-cart {
    justify-content: unset;
    align-items: unset;
    width: inherit; }
  div.error_message {
    width: fit-content; } }

@media screen and (max-width: 576px) {
  .idiomes_cols {
    display: block; }
  .card-header {
    border-top: none; }
  .notfound {
    font-size: 120px !important;
    line-height: 90px !important; }
    .notfound .separab120 {
      margin-bottom: -20px; }
    .notfound .imatge_thk img {
      width: 60%; }
  .ntfnd_textos {
    margin-top: -80px;
    padding-bottom: 100px; }
  h1.sl_titol {
    font-size: 28px; }
  .regala_card_llibre.card {
    text-align: inherit; }
    .regala_card_llibre.card a img {
      width: 100%;
      height: auto; }
  .inici-form .col-md-12.col-lg-6:nth-child(2) {
    margin-top: 60px; }
  .novetats .row.carr-llibres .slick-track {
    margin-left: 10px; }
  .recomanats-from-book .row h4 {
    padding-top: 0;
    padding-left: 10px; }
    .recomanats-from-book .row h4.titolh4 {
      padding-top: 0;
      float: right;
      display: contents; }
  .recomanats-from-book .row .icona-align {
    margin-right: 0.5em;
    float: left; }
  .slPrincipal .slick-slide img {
    width: 11rem;
    height: auto;
    margin: 0 auto; }
  li.item.lupa {
    display: inline-table;
    color: #fff; }
    li.item.lupa.is-open .btn.menu.btn-cart {
      color: #f49331; }
  li.item.search {
    display: none; }
    li.item.search.is-open {
      display: block;
      border: 1px solid #000;
      position: absolute;
      top: 61px;
      width: 300px !important;
      right: 10px;
      padding: 1rem 1rem 3rem 1rem;
      border-radius: 0.5rem;
      background-color: #fff;
      left: -60px; }
  li.item.advsearch {
    display: none; }
    li.item.advsearch.is-open {
      display: block;
      position: absolute;
      top: 120px;
      left: -60px; }
  li.item.usuaris {
    margin-left: 15px; }
  li.item.sel-idiomes:after {
    display: none; }
  .navbar-brand img {
    width: 60%;
    height: auto; }
  .top-nav-logo img {
    width: 100px;
    height: 47px;
    margin-bottom: -2px;
    object-fit: contain;
    object-position: center; }
  .navbar-nav a {
    font-size: 12px !important;
    padding: 0.2rem !important;
    font-size: 14px !important;
    padding: 0.5rem 0 0.5rem 0 !important; }
  .main-nav a {
    display: inline;
    display: block; }
  .ml-auto.navbar-nav {
    display: inline;
    display: block; }
  button.btn.menu.btn-user {
    color: #fff;
    padding-left: 0; }
  .btn.menu {
    font-size: 1.2rem;
    margin-top: -5px; }
    .btn.menu.btn-cart {
      color: #fff;
      padding: 0.375rem 0.2rem; }
  input.bcerca {
    display: none; }
  .menullibres ul {
    width: 100%;
    border-right: 0; }
  .card-title.h5 {
    font-size: 14px; }
  .text_llibre .card-title.h5 {
    margin-left: 5px; }
  .card-subtitle.h6 {
    font-size: 12px; }
  .body_recom.card-body {
    padding: 1rem; }
  .tarjeta-fons .btn-primary {
    width: 100%; }
  .targeta .regala_card_llibre.card img.card-img-top {
    margin-top: 10px; }
  form.card.colesq {
    margin-left: 0; }
  .filters .quadre {
    position: relative;
    font-family: Poppins Bold, sans-serif;
    font-size: 20px;
    top: 0;
    left: -15px;
    width: 100%;
    height: auto;
    background-color: #fff;
    padding: 1rem; }
  .slick-slider.carrussel.recomanats .slick-track {
    padding-top: 20px; }
  .slick-slider.carrussel.recomanats .sliders {
    color: #002343 !important; } }

@media screen and (max-width: 350px) {
  .navbar {
    padding: 0.5rem 0.5rem; }
  .navbar-toggler {
    padding: 0.25rem 0; }
  .header-bottom {
    right: 52px;
    top: 8px; }
  .sel-idiomes .dropdown-item {
    padding: 0.3rem 0;
    margin-left: 0.7rem;
    font-size: 13px; }
  .filters .quadre {
    position: relative;
    font-family: Poppins Bold, sans-serif;
    font-size: 20px;
    top: 0;
    left: -15px;
    width: 100%;
    height: auto;
    background-color: #fff;
    padding: 1rem; } }

.home-spinner-container {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center; }

.side-banners-container {
  display: flex;
  flex-direction: column; }

.side-banner {
  padding: 0.5rem 0.75rem 1rem;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  margin-bottom: 1.25rem; }

.side-banner-img {
  margin-bottom: 1rem; }

.side-banner-title {
  font-family: Poppins Bold, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none; }
  .side-banner-title a {
    text-decoration: none; }

.search-filters-container {
  display: flex;
  margin-bottom: 2rem; }
  .search-filters-container > .dropdown {
    margin-right: 1rem; }

.input-adv-search {
  background: #ddd;
  border: none;
  border-radius: 5px;
  padding: 0.4rem; }

.search-filters-dropdown {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  border: 1px solid #002343;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
 border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  margin-right: 1rem; }
  .search-filters-dropdown:active {
    color: #fff;
    background-color: #002343;
    border-color: #002343; }
  .search-filters-dropdown:focus {
    color: #fff;
    background-color: #002343;
    border-color: #002343; }
  .search-filters-dropdown:hover {
    color: #fff;
    background-color: #002343;
    border-color: #002343; }
  .search-filters-dropdown.selected {
    color: #fff;
    background-color: #002343;
    border-color: #002343; }

.search-filters-dropdown::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  position: static; }

.notfound {
  font-family: Poppins Bold, sans-serif;
  font-size: 137px;
  line-height: 150px;
  margin-bottom: 1rem;
  text-align: center;
  min-width: 100%; }

.titol_notfound {
  font-family: Poppins Bold, sans-serif;
  font-size: 25px;
  line-height: 28px;
  margin-bottom: 1.5rem;
  text-align: center;
  min-width: 100%; }

.resum .btn-primary {
  background-color: #f49331;
  border-color: #f49331;
  width: 100%;
  font-family: Poppins Bold, sans-serif;
  font-size: 14px;
  text-transform: uppercase; }
  .resum .btn-primary:hover {
    color: #fff;
    background-color: #083d6d;
    border-color: #083d6d;
    text-decoration: none; }

.resum .col-12 {
  margin-bottom: 10px; }

.resum button.button-buit.btn.btn-primary {
  background-color: #fff;
  border: 2px solid #f49331;
  color: #f49331; }
  .resum button.button-buit.btn.btn-primary:hover {
    background-color: #083d6d;
    border-color: #083d6d;
    color: #fff; }

.colaboradors .card-text {
  font-size: 14px;
  line-height: 19px; }
  .colaboradors .card-text:hover {
    color: #002343; }

.colaboradors .regala_card_llibre:hover {
  color: #002343; }

.colaboradors .regala_titol.card-title.h5 {
  height: 2em; }

.react-datepicker__navigation--next {
  right: 1px !important; }

.react-datepicker__close-icon {
  top: -1px;
  left: -3px; }
  .react-datepicker__close-icon:after {
    background-color: #002343 !important; }

.skeleton-container {
  background-color: #dad4d4; }

.skeleton-banner {
  height: 430px;
  display: flex;
  flex-wrap: wrap;
  padding-top: 3rem; }

.left-banner {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  animation: aniVertical 3s ease;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  opacity: 0; }
  .left-banner:nth-child(2) {
    animation-delay: 0.5s; }
  .left-banner:nth-child(3) {
    animation-delay: 1s; }

.right-banner {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  animation: aniVertical 3s ease;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  opacity: 0; }
  .right-banner:nth-child(2) {
    animation-delay: 0.5s; }
  .right-banner:nth-child(3) {
    animation-delay: 1s; }

.titulo-fake-container {
  margin-bottom: 35px; }

.titulo-fake-1 {
  width: 75%;
  height: 40px;
  border-radius: 30px;
  margin-bottom: 10px;
  animation-name: aniHorizontal;
  animation-duration: 3.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  background: gray;
  background-size: 50%; }

.titulo-fake-2 {
  width: 100%;
  height: 40px;
  border-radius: 30px;
  animation-name: aniHorizontal;
  animation-duration: 3.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  background: gray;
  background-size: 50%; }

.text-fake {
  width: 100%;
  height: 80px;
  border-radius: 30px;
  margin-bottom: 45px;
  animation-name: aniHorizontal;
  animation-duration: 3.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  background: gray;
  background-size: 50%; }

.button-fake {
  width: 65%;
  background: gray;
  height: 45px;
  border-radius: 30px;
  animation-name: aniHorizontal;
  animation-duration: 3.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  background: gray;
  background-size: 50%; }

.libro-fake {
  width: 50%;
  height: 75%;
  background: gray;
  margin-left: 3rem;
  border-radius: 10px; }

.skeleton-wrapper-recomanatsGrans {
  max-width: 997px;
  height: 379px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
  margin-top: 125px;
  animation: aniVertical 3s ease;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  opacity: 0; }
  .skeleton-wrapper-recomanatsGrans .container {
    width: 50%;
    height: 100%;
    background: #ddd;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px; }
    .skeleton-wrapper-recomanatsGrans .container .title1 {
      width: 122px;
      height: 15px;
      background: gray; }
    .skeleton-wrapper-recomanatsGrans .container .title2 {
      margin-top: 15px;
      width: 230px;
      height: 20px;
      background: gray; }
    .skeleton-wrapper-recomanatsGrans .container .container-book {
      margin-top: 15px;
      flex-grow: 1;
      display: flex;
      justify-content: space-between;
      width: 100%; }
      .skeleton-wrapper-recomanatsGrans .container .container-book .button {
        width: 142px;
        background: gray;
        height: 39px;
        border-radius: 30px;
        animation-name: aniHorizontal;
        animation-duration: 3.5s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        background: gray;
        background-size: 50%; }
      .skeleton-wrapper-recomanatsGrans .container .container-book .book {
        width: 146px;
        background: gray;
        height: 225px;
        animation-name: aniHorizontal;
        animation-duration: 3.5s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        background: gray;
        background-size: 50%; }

.skeleton-container-categories {
  width: 230px;
  height: 340px;
  display: flex;
  flex-direction: column;
  background: #ddd;
  justify-content: space-between;
  animation: aniVertical 3s ease;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  opacity: 0; }
  .skeleton-container-categories .title {
    width: 100%;
    height: 30px;
    background: gray;
    animation-name: aniHorizontal;
    animation-duration: 3.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    background: gray; }
  .skeleton-container-categories .titulo-fake-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    flex-grow: 1;
    background: #ddd;
    animation-delay: 0.5s; }
    .skeleton-container-categories .titulo-fake-container div {
      margin-top: 5px;
      width: 50px;
      height: 20px;
      background-color: gray;
      animation-delay: 0.5s;
      animation-name: aniHorizontal;
      animation-duration: 3.5s;
      animation-timing-function: linear;
      animation-iteration-count: infinite; }
      .skeleton-container-categories .titulo-fake-container div:nth-child(2n + 3) {
        width: 200px; }

.skeleton-container-sidebanners {
  width: 230px;
  height: 400px;
  display: flex;
  flex-direction: column;
  background: #ddd;
  justify-content: space-around;
  animation: aniVertical 3s ease;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  opacity: 0; }
  .skeleton-container-sidebanners div {
    margin-top: 15px;
    width: 100%;
    height: 214px;
    background-color: gray;
    animation-delay: 0.5s;
    animation-name: aniHorizontal;
    animation-duration: 3.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite; }

.skeleton-wrapper-books {
  width: 660px;
  height: 100vh;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  animation: aniVertical 3s ease;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  opacity: 0;
  background-color: #dad4d4; }
  .skeleton-wrapper-books .book-fake {
    width: 155px;
    height: 382px;
    display: flex;
    animation-delay: 0.5s;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 25px;
    padding-right: 8px; }
    .skeleton-wrapper-books .book-fake .book {
      width: 133px;
      height: 230px;
      background: gray;
      align-self: center; }
    .skeleton-wrapper-books .book-fake .title {
      width: 100%;
      height: 35px;
      background: gray;
      animation-name: aniHorizontal;
      animation-duration: 3.5s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      background: gray;
      background-size: 50%; }
    .skeleton-wrapper-books .book-fake .price {
      align-self: flex-end;
      width: 30px;
      height: 20px;
      background: gray;
      animation-name: aniHorizontal;
      animation-duration: 3.5s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      background: gray;
      background-size: 50%; }
    .skeleton-wrapper-books .book-fake .button {
      width: 100%;
      background: gray;
      height: 45px;
      border-radius: 10px;
      animation-name: aniHorizontal;
      animation-duration: 3.5s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      background: gray;
      background-size: 50%; }

.skeleton-wrapper-contingut {
  width: 932px;
  height: 100vh;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: auto;
  animation-name: aniHorizontal;
  animation-duration: 3.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite; }
  .skeleton-wrapper-contingut .photo {
    width: 198px;
    height: 330px;
    background: gray;
    animation: aniVertical 3s ease;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    opacity: 0; }
  .skeleton-wrapper-contingut .contingut-container {
    width: 620px;
    height: 100vh;
    display: flex;
    flex-direction: column;
    animation: aniVertical 3s ease;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    opacity: 0; }
    .skeleton-wrapper-contingut .contingut-container .title {
      width: 300px;
      height: 17px;
      background: gray;
      margin-bottom: 50px; }
    .skeleton-wrapper-contingut .contingut-container .info {
      width: 95px;
      height: 17px;
      background: gray;
      margin-bottom: 20px; }
    .skeleton-wrapper-contingut .contingut-container .price {
      width: 95px;
      height: 17px;
      background: gray;
      margin-bottom: 20px; }
    .skeleton-wrapper-contingut .contingut-container .button {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      margin-bottom: 35px;
      width: 500px;
      height: 42px; }
      .skeleton-wrapper-contingut .contingut-container .button div {
        width: 48%;
        height: 42px;
        background: gray;
        border-radius: 5px; }
    .skeleton-wrapper-contingut .contingut-container .title-desc {
      width: 95px;
      height: 17px;
      background: gray;
      margin-bottom: 40px; }
    .skeleton-wrapper-contingut .contingut-container .desc {
      width: 100%;
      height: 150px;
      background: gray;
      margin-bottom: 60px; }
    .skeleton-wrapper-contingut .contingut-container .detalls {
      width: 155px;
      height: 128px;
      background-color: #dad4d4;
      display: flex;
      flex-direction: column; }
      .skeleton-wrapper-contingut .contingut-container .detalls div {
        width: 80px;
        height: 12px;
        background: gray;
        margin-bottom: 5px; }
      .skeleton-wrapper-contingut .contingut-container .detalls .title {
        width: 60px;
        margin-bottom: 25px; }

.skeleton-wrapper-objects {
  width: 675px;
  height: 100vh;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  animation: aniVertical 3s ease;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  opacity: 0;
  background-color: #dad4d4; }
  .skeleton-wrapper-objects .book-fake {
    width: 33%;
    height: 382px;
    display: flex;
    animation-delay: 0.5s;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 25px;
    padding-right: 8px; }
    .skeleton-wrapper-objects .book-fake .book {
      width: 100%;
      height: 230px;
      background: gray;
      align-self: center; }
    .skeleton-wrapper-objects .book-fake .title {
      width: 100%;
      height: 35px;
      background: gray;
      animation-name: aniHorizontal;
      animation-duration: 3.5s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      background: gray;
      background-size: 50%; }
    .skeleton-wrapper-objects .book-fake .price {
      align-self: flex-end;
      width: 30px;
      height: 20px;
      background: gray;
      animation-name: aniHorizontal;
      animation-duration: 3.5s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      background: gray;
      background-size: 50%; }
    .skeleton-wrapper-objects .book-fake .button {
      width: 100%;
      background: gray;
      height: 45px;
      border-radius: 10px;
      animation-name: aniHorizontal;
      animation-duration: 3.5s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      background: gray;
      background-size: 50%; }

.skeleton-wrapper-contingut-object {
  width: 958px;
  height: 415px;
  background-color: #dad4d4;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: auto;
  animation-name: aniHorizontal;
  animation-duration: 3.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite; }
  .skeleton-wrapper-contingut-object .photo {
    width: 376px;
    height: 415px;
    background: gray;
    animation: aniVertical 3s ease;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    opacity: 0; }
  .skeleton-wrapper-contingut-object .contingut-container {
    width: 526px;
    height: 100vh;
    display: flex;
    flex-direction: column;
    animation: aniVertical 3s ease;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    opacity: 0; }
    .skeleton-wrapper-contingut-object .contingut-container .title {
      width: 100%;
      height: 53px;
      background: gray;
      margin-bottom: 50px; }
    .skeleton-wrapper-contingut-object .contingut-container .info {
      width: 95px;
      height: 17px;
      background: gray;
      margin-bottom: 20px; }
    .skeleton-wrapper-contingut-object .contingut-container .price {
      width: 95px;
      height: 17px;
      background: gray;
      margin-bottom: 20px; }
    .skeleton-wrapper-contingut-object .contingut-container .button {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      margin-bottom: 35px;
      width: 500px;
      height: 42px; }
      .skeleton-wrapper-contingut-object .contingut-container .button div {
        width: 48%;
        height: 42px;
        background: gray;
        border-radius: 5px; }

.skeleton-wrapper-contingut-object-recomanats-cards {
  width: 1070px;
  height: 460px;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: auto;
  animation-name: aniHorizontal;
  animation-duration: 3.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite; }
  .skeleton-wrapper-contingut-object-recomanats-cards .card {
    width: 236px;
    height: 460px;
    background-color: #dad4d4;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
    animation: aniVertical 3s ease;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    opacity: 0; }
    .skeleton-wrapper-contingut-object-recomanats-cards .card .photo {
      width: 100%;
      height: 170px;
      background: gray;
      margin-bottom: 20px; }
    .skeleton-wrapper-contingut-object-recomanats-cards .card .title {
      width: 168px;
      height: 53px;
      background: gray;
      margin-bottom: 20px; }
    .skeleton-wrapper-contingut-object-recomanats-cards .card .price {
      width: 16px;
      height: 17px;
      background: gray;
      margin-bottom: 10px; }
    .skeleton-wrapper-contingut-object-recomanats-cards .card .button {
      width: 164px;
      height: 40px;
      background: gray;
      border-radius: 5px; }
  .skeleton-wrapper-contingut-object-recomanats-cards .arrow {
    width: 25px;
    height: 82px;
    background-color: #dad4d4; }

.skeleton-wrapper-agenda-filters {
  max-width: 1000px;
  height: 100%;
  margin: auto;
  margin-top: 30px;
  animation: aniVertical 3s ease;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  opacity: 0;
  background-color: #dad4d4;
  margin-top: 17%; }
  .skeleton-wrapper-agenda-filters .skeleton-container {
    margin: 20px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    animation-delay: 0.5s;
    justify-content: space-between;
    align-items: center;
    background-color: #dad4d4; }
    .skeleton-wrapper-agenda-filters .skeleton-container div {
      width: 227px;
      background: gray;
      height: 38px;
      border-radius: 10px;
      margin: 10px;
      animation-name: aniHorizontal;
      animation-duration: 3.5s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      background: gray;
      background-size: 50%; }

.skeleton-wrapper-agenda-activitats {
  width: 1000px;
  height: 100vh;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: auto;
  justify-content: space-between;
  animation: aniVertical 3s ease;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  opacity: 0;
  margin-top: 15%;
  margin-bottom: 20%; }
  .skeleton-wrapper-agenda-activitats .skeleton-container {
    width: 317px;
    height: 481px;
    display: flex;
    animation-delay: 0.5s;
    flex-direction: column;
    justify-content: space-around;
    background-color: #dad4d4;
    margin-bottom: 25px;
    padding: 20px; }
    .skeleton-wrapper-agenda-activitats .skeleton-container div {
      animation-name: aniHorizontal;
      animation-duration: 3.5s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      background: gray;
      background-size: 50%; }
    .skeleton-wrapper-agenda-activitats .skeleton-container .book {
      width: 247px;
      height: 174px; }
    .skeleton-wrapper-agenda-activitats .skeleton-container .date {
      width: 100px;
      height: 30px; }
    .skeleton-wrapper-agenda-activitats .skeleton-container .title {
      width: 200px;
      height: 31px; }
    .skeleton-wrapper-agenda-activitats .skeleton-container .desc {
      width: 229px;
      height: 75px; }

.skeleton-wrapper-agenda-dropdown {
  width: 615px;
  height: 40px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  animation: aniVertical 3s ease;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  opacity: 0;
  margin-top: 50px; }
  .skeleton-wrapper-agenda-dropdown div {
    background: gray;
    width: 45%;
    height: 100%;
    border-radius: 10px; }

.skeleton-wrapper-agenda-contingut {
  width: 1010px;
  height: 100vh;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: auto;
  background-color: #fff;
  animation: aniVertical 3s ease;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  opacity: 0;
  margin-top: 200px; }
  .skeleton-wrapper-agenda-contingut .curs {
    background: gray;
    width: 50px;
    height: 18px; }
  .skeleton-wrapper-agenda-contingut .title {
    background: gray;
    width: 600px;
    height: 73px; }
  .skeleton-wrapper-agenda-contingut .contingut-photo {
    background-color: #dad4d4;
    width: 100%;
    height: 326px;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    .skeleton-wrapper-agenda-contingut .contingut-photo .photo {
      background: gray;
      width: 650px;
      height: 326px; }
    .skeleton-wrapper-agenda-contingut .contingut-photo .dades {
      background-color: #ccc;
      width: 325px;
      height: 292px;
      display: flex;
      flex-direction: column;
      padding: 20px;
      animation: aniVertical 3s ease;
      animation-iteration-count: infinite;
      animation-fill-mode: forwards;
      opacity: 0; }
      .skeleton-wrapper-agenda-contingut .contingut-photo .dades .title {
        background: gray;
        width: 130px;
        height: 18px;
        margin-bottom: 42px; }
      .skeleton-wrapper-agenda-contingut .contingut-photo .dades div {
        background: gray;
        width: 240px;
        height: 18px; }
      .skeleton-wrapper-agenda-contingut .contingut-photo .dades .carrer {
        background: gray;
        width: 215px;
        height: 65px; }
  .skeleton-wrapper-agenda-contingut div {
    background: gray;
    width: 375px;
    height: 20px;
    margin-bottom: 30px; }
  .skeleton-wrapper-agenda-contingut .act {
    background: gray;
    width: 130px;
    height: 20px; }

.skeleton-wrapper-magazine-cap {
  width: 1000px;
  height: 630px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: auto;
  margin-top: 200px;
  background-color: #dad4d4;
  animation: aniVertical 3s ease;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  opacity: 0; }
  .skeleton-wrapper-magazine-cap .container-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 40px;
    width: 100%;
    background-color: #dad4d4;
    margin-bottom: 25px;
    animation-name: aniHorizontal;
    animation-duration: 3.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite; }
    .skeleton-wrapper-magazine-cap .container-title .icon {
      width: 32px;
      height: 22px;
      background: gray;
      margin-right: 20px; }
    .skeleton-wrapper-magazine-cap .container-title .title {
      width: 460px;
      height: 22px;
      background: gray; }
  .skeleton-wrapper-magazine-cap .container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-grow: 1;
    background-color: #dad4d4; }
    .skeleton-wrapper-magazine-cap .container .photo-container {
      display: flex;
      flex-direction: column;
      width: 654px;
      background-color: #dad4d4;
      margin-right: 30px;
      animation-name: aniHorizontal;
      animation-duration: 3.5s;
      animation-timing-function: linear;
      animation-iteration-count: infinite; }
      .skeleton-wrapper-magazine-cap .container .photo-container .photo {
        width: 100%;
        height: 310px;
        background: gray;
        margin-bottom: 20px;
        padding: 20px; }
      .skeleton-wrapper-magazine-cap .container .photo-container .title {
        width: 245px;
        height: 15px;
        background: gray;
        margin-bottom: 20px; }
      .skeleton-wrapper-magazine-cap .container .photo-container .desc {
        width: 560px;
        height: 30px;
        background: gray; }
    .skeleton-wrapper-magazine-cap .container .side-container {
      display: flex;
      flex-direction: column;
      width: 313px;
      background-color: #dad4d4;
      animation-name: aniHorizontal;
      animation-duration: 3.5s;
      animation-timing-function: linear;
      animation-iteration-count: infinite; }
      .skeleton-wrapper-magazine-cap .container .side-container .dropdown {
        width: 100%;
        height: 40px;
        border-radius: 5px;
        background: gray;
        margin-bottom: 20px; }
      .skeleton-wrapper-magazine-cap .container .side-container .title {
        width: 87px;
        height: 17px;
        background: gray;
        margin-bottom: 20px; }
      .skeleton-wrapper-magazine-cap .container .side-container .photo {
        width: 100%;
        height: 108px;
        background: gray;
        margin-bottom: 20px; }

.skeleton-wrapper-magazine-posts {
  width: 1000px;
  height: 400px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: auto;
  margin-top: 20px;
  background-color: #dad4d4;
  animation: aniVertical 3s ease;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  opacity: 0; }
  .skeleton-wrapper-magazine-posts .photo-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px;
    background-color: #dad4d4;
    animation-name: aniHorizontal;
    animation-duration: 3.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite; }
    .skeleton-wrapper-magazine-posts .photo-container .photo {
      width: 100%;
      height: 180px;
      background: gray;
      margin-bottom: 20px; }
    .skeleton-wrapper-magazine-posts .photo-container .date {
      width: 80%;
      height: 30px;
      background: gray;
      margin-bottom: 20px; }
    .skeleton-wrapper-magazine-posts .photo-container .title {
      width: 100%;
      height: 40px;
      background: gray;
      margin-bottom: 20px; }
    .skeleton-wrapper-magazine-posts .photo-container .desc {
      width: 100%;
      height: 80px;
      background: gray; }

.skeleton-wrapper-onsom-provincies {
  width: 315px;
  height: 40px;
  background-color: #dad4d4;
  border-radius: 5px;
  animation-name: aniHorizontal;
  animation-duration: 3.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite; }

.skeleton-wrapper-onsom-cards {
  width: 965px;
  margin: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 50px;
  animation: aniVertical 3s ease;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  opacity: 0; }
  .skeleton-wrapper-onsom-cards .container {
    width: 33.33%;
    height: 460px;
    background-color: #dad4d4;
    padding: 15px;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px; }
    .skeleton-wrapper-onsom-cards .container .photo {
      width: 100%;
      height: 200px;
      background: gray;
      margin-bottom: 20px; }
    .skeleton-wrapper-onsom-cards .container .title {
      text-align: center;
      width: 214px;
      height: 30px;
      background: gray;
      margin-bottom: 40px; }
    .skeleton-wrapper-onsom-cards .container .desc {
      width: 189px;
      height: 50px;
      background: gray;
      margin-bottom: 90px; }
    .skeleton-wrapper-onsom-cards .container .button {
      width: 240px;
      height: 50px;
      background: gray;
      border-radius: 5px;
      margin-bottom: 90px; }

.skeleton-wrapper-promotions-cards {
  width: 993px;
  height: 400px;
  margin: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #dad4d4;
  animation: aniVertical 3s ease;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  opacity: 0; }
  .skeleton-wrapper-promotions-cards .photo-container {
    width: 312px;
    height: 400px;
    display: flex;
    flex-direction: column;
    background-color: #dad4d4;
    padding: 20px; }
    .skeleton-wrapper-promotions-cards .photo-container .photo {
      width: 100%;
      height: 160px;
      background: gray;
      margin-bottom: 20px; }
    .skeleton-wrapper-promotions-cards .photo-container .date {
      width: 225px;
      height: 17px;
      background: gray;
      margin-bottom: 20px; }
    .skeleton-wrapper-promotions-cards .photo-container .title {
      width: 200px;
      height: 20px;
      background: gray;
      margin-bottom: 20px; }
    .skeleton-wrapper-promotions-cards .photo-container .desc {
      width: 100%;
      height: 60px;
      background: gray;
      margin-bottom: 10px; }

.skeleton-wrapper-promotions-filters {
  width: 993px;
  height: 44px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 70px;
  animation-name: aniHorizontal;
  animation-duration: 3.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite; }
  .skeleton-wrapper-promotions-filters div {
    width: 229px;
    height: 43px;
    background: gray;
    border-radius: 5px;
    margin-bottom: 5px; }

.skeleton-wrapper-colaboradors {
  width: 933px;
  height: 900px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 30px;
  animation: aniVertical 3s ease;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  opacity: 0; }
  .skeleton-wrapper-colaboradors .container {
    display: flex;
    flex-direction: column;
    width: 291px;
    height: 417px;
    padding: 20px;
    background-color: #dad4d4;
    animation-name: aniHorizontal;
    animation-duration: 3.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite; }
    .skeleton-wrapper-colaboradors .container .photo {
      width: 100%;
      height: 130px;
      background: gray;
      margin-bottom: 20px; }
    .skeleton-wrapper-colaboradors .container .title {
      width: 175px;
      height: 18px;
      background: gray;
      margin-bottom: 20px; }
    .skeleton-wrapper-colaboradors .container .desc {
      width: 230px;
      height: 93px;
      background: gray; }

@keyframes aniHorizontal {
  0% {
    background-position: -100% 0; }
  100% {
    background-position: 100% 0; } }

@keyframes aniVertical {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.home img.icona-align + a {
  display: contents;
  text-decoration: none !important; }

.home img.all-icons-align + a {
  display: contents;
  text-decoration: none !important; }

.home .RecommendedSection-title {
  display: contents;
  text-decoration: none !important; }

.magazine.agenda .regala_card_llibre {
  margin: 0; }

.magazine.agenda .text_exp.card-text {
  margin-top: 0 !important; }

.magazine.agenda .dropdowns .regala_card_llibre.destaquem.card {
  height: 105px; }

.magazine.agenda .magazine_carrussel .regala_card_llibre {
  display: block;
  box-shadow: rgba(0, 35, 67, 0.2) 0px 4px 12px;
  width: 262px;
  height: 400px;
  margin-bottom: 30px !important; }

.regala_titol.card-title.h5 {
  color: #002343;
  overflow: hidden; }

.fotos-llib span.lazy-load-image-background.blur {
  padding-top: 0 !important; }

.regala .regala_card_llibre .btn-primary {
  background-color: #f49331;
  border-color: #f49331;
  width: 100%;
  font-family: Poppins Bold, sans-serif;
  font-size: 14px;
  text-transform: uppercase; }
  .regala .regala_card_llibre .btn-primary:hover {
    background-color: #083d6d;
    border-color: #083d6d;
    color: #fff; }

.carrussel .slick-list {
  padding-top: 10px;
  padding-bottom: 10px; }

.body_recom.card-body {
  padding: 2rem; }

.titol_recom.card-title.h5 {
  font-family: Poppins Bold, sans-serif;
  font-size: 24px;
  text-transform: none; }

.card-title.h5 {
  font-family: Poppins Bold, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  overflow: hidden; }

.card-subtitle.h6 {
  font-family: Poppins Regular, sans-serif;
  font-size: 12px; }

.preu_recom.card-text {
  margin-top: 60px;
  color: #f49331; }

.form-check + label {
  display: none; }

.item.usuaris .btn:hover {
  color: #f49331;
  text-decoration: none; }

.lnk-buscador-avanzado a {
  text-decoration: none; }

.app__collapse--active:after {
  opacity: 0; }

.app__collapse_subsub .app__content ul {
  padding-left: 2.4rem;
  list-style: none;
  margin-bottom: 0; }

.main-nav-list .dropbtn:active {
  text-decoration: underline; }

.adresa_edit.esborra {
  margin-top: 30px;
  margin-left: 30px; }
  .adresa_edit.esborra:hover {
    cursor: pointer;
    color: #f49331; }
  .adresa_edit.esborra.corr {
    margin-top: 0; }

.navbar-collapse .navbar-nav {
  margin-right: -1.5rem; }

.tematica ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden; }

.form_ontainer_afegir_Address .address_button {
  color: #fff;
  background: #002343; }

.detalls p {
  padding-left: 26px; }

.tiendas .onsom .regala_card_llibre img {
  width: 100%;
  height: auto; }

.onsom .card-text {
  font-family: Poppins Medium, sans-serif;
  font-size: 14px;
  line-height: 16px; }

.baixa_mobile.promo {
  margin-top: 60px; }

.fa-credit-card.icona_altres_promos {
  font-size: 26px;
  margin-right: 15px; }

.targeta .regala_card_llibre .card-text {
  text-align: left;
  color: #002343;
  height: 140px; }

.targeta .regala_card_llibre.card img.card-img-top {
  padding: 0;
  width: 60px;
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-top: 20px; }

.botons .btn-primary:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: #f49331;
  border-color: #f49331; }

.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #002343;
  border-color: #002343; }

.destaquem .card-body {
  padding: 0; }

.quadrat_blanc_comandes.contingut.cap {
  padding-bottom: 0.5rem; }

.text_contacte .card-text p {
  line-height: 5px;
  margin-top: 10px; }

.dropdown-toggle.calendar::after {
  margin-left: -20px; }

.react-datepicker__month-text:hover {
  border-radius: 0.3rem;
  background-color: #002343;
  color: #fff; }

.react-datepicker__quarter-text:hover {
  border-radius: 0.3rem;
  background-color: #002343;
  color: #fff; }

.page.accordion {
  border-top: 1px solid #002343 !important; }
  .page.accordion > .card {
    border-bottom: 1px solid #002343 !important; }
    .page.accordion > .card > .card-header {
      background-color: transparent;
      cursor: pointer; }

.collapse .card-body {
  padding: 0; }

.collapsing .card-body {
  padding: 0; }

.withoutScroll-lg {
  overflow: auto; }
  @media screen and (max-width: 992px) {
    .withoutScroll-lg {
      overflow: hidden; } }

.textToUppercase {
  text-transform: uppercase; }

.textToCapitalize {
  text-transform: capitalize; }

[data-price]::before {
  content: attr(data-price); }

.DropdownWithChevron {
  height: 100%; }
  .DropdownWithChevron a.dropdown-toggle.nav-link {
    position: relative; }
    .DropdownWithChevron a.dropdown-toggle.nav-link::before {
      content: "\2039";
      height: 30px;
      position: absolute;
      right: -21px;
      top: -2px;
      width: 30px;
      font-size: 26px;
      transform: rotate(-90deg); }
    .DropdownWithChevron a.dropdown-toggle.nav-link:hover {
      text-decoration: none; }

.DropdownWithChevron2 {
  height: 100%; }
  .DropdownWithChevron2 a.dropdown-toggle.nav-link {
    position: relative; }
    .DropdownWithChevron2 a.dropdown-toggle.nav-link::before {
      content: "\2039";
      height: 30px;
      position: absolute;
      right: -4px;
      top: -6px;
      width: 30px;
      font-size: 26px;
      transform: rotate(-90deg); }
    .DropdownWithChevron2 a.dropdown-toggle.nav-link:hover {
      text-decoration: none; }

.cantidad {
  color: #083d6d;
  font-family: Poppins Bold, sans-serif;
  font-size: 14px;
  line-height: 17px; }
  .cantidad.reduced {
    color: #f49331; }

.museu-picasso-menu-footer {
  background-color: #091B39 !important; }

.CategoriesFixedMenu {
  font-family: "Poppins"; }
  .CategoriesFixedMenu .category-side-bar {
    margin: 0 auto;
    line-height: 30px; }
  .CategoriesFixedMenu .category-side-bar-list {
    width: 260px; }
  .CategoriesFixedMenu .category-side-bar-item {
    align-items: center;
    list-style: none;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    line-height: 17px; }
    .CategoriesFixedMenu .category-side-bar-item.lastLevel {
      font-weight: 300;
      margin-top: 18px; }
    .CategoriesFixedMenu .category-side-bar-item.lastLevel:first-child {
      margin-top: 0px; }
    .CategoriesFixedMenu .category-side-bar-item .RadioButton-text {
      inline-size: 190px;
      overflow-wrap: break-word; }
  .CategoriesFixedMenu .category-side-bar-item--active {
    text-decoration: underline; }
  .CategoriesFixedMenu .category-list-item {
    margin-top: 21px; }
    .CategoriesFixedMenu .category-list-item:first-child:not(.sub-category-list) {
      margin-top: 0; }
  .CategoriesFixedMenu .sub-category-list {
    margin-top: 21px;
    margin-left: 24px;
    padding-right: 6px; }
  .CategoriesFixedMenu .btn-resetButton {
    display: block;
    text-transform: capitalize;
    text-decoration: underline;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 60px;
    background-color: #002343;
    width: 100%;
    color: white;
    margin-top: 30px;
    text-decoration: none; }
  @media screen and (max-width: 992px) {
    .CategoriesFixedMenu .category-side-bar {
      margin-bottom: 60px; }
    .CategoriesFixedMenu .category-side-bar-item {
      margin-bottom: 0; }
    .CategoriesFixedMenu .category-list-item {
      margin-top: 23px; }
    .CategoriesFixedMenu .sub-category-list {
      margin-top: 18px;
      margin-left: 25px; } }

.RadioButton-label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  position: relative; }

.RadioButton-input {
  display: none; }

.RadioButton-design {
  min-width: 16px;
  min-height: 16px;
  border: 2px solid #083d6d;
  border-radius: 50%;
  margin-right: 8px;
  position: relative; }
  .RadioButton-design::before, .RadioButton-design::after {
    content: "";
    display: block;
    border-radius: 50%; }
  .RadioButton-design::before {
    background: #083d6d;
    opacity: 0;
    transition: 0.3s; }
  .RadioButton-design::after {
    background: #083d6d;
    opacity: 0.4;
    transition: 0.6s; }

.RadioButton-input:checked + .RadioButton-design {
  border: 6px solid #083d6d;
  background-color: transparent;
  opacity: 1;
  top: 0px;
  left: 0px;
  min-width: 16px;
  min-height: 16px; }

@media screen and (max-width: 992px) {
  .RadioButton-input:checked + .RadioButton-design {
    background-color: #083d6d; } }

.AgendaFilters .quadre {
  position: absolute;
  font-family: Poppins Bold, sans-serif;
  font-size: 20px;
  top: 55%;
  left: 40px;
  width: 255px;
  height: 125px;
  background-color: #fff;
  padding: 1rem; }
  .AgendaFilters .quadre a {
    color: #f49331;
    font-size: 16px; }
    .AgendaFilters .quadre a:hover {
      color: #002343; }

.AgendaFilters .slider .btn-primary {
  background-color: #f49331;
  border: 2px solid #f49331;
  color: #fff;
  width: 100%;
  font-family: Poppins Bold, sans-serif;
  font-size: 14px; }
  .AgendaFilters .slider .btn-primary:hover {
    background-color: #083d6d;
    border: 2px solid #083d6d;
    color: #fff; }

.AgendaFilters-category {
  margin-bottom: 1rem; }

@media screen and (max-width: 576px) {
  .AgendaFilters-categories {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    margin-bottom: 1rem;
    padding-bottom: 10px; }
  .AgendaFilters-category {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 5px; }
    .AgendaFilters-category:first-child {
      padding-left: 15px; }
    .AgendaFilters-category:last-child {
      padding-right: 15px; } }

.container.promotionsFilters .btn-primary {
  background-color: #f4933117;
  border: none;
  color: #f49331;
  width: 100%;
  font-family: Poppins Bold, sans-serif;
  font-size: 12px;
  margin-bottom: 20px; }
  .container.promotionsFilters .btn-primary:hover {
    background-color: #f49331;
    color: #fff; }

.confirmButton {
  text-transform: uppercase;
  background: #002343;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  padding: 0.25rem 3rem; }

.searchFilters {
  width: 100%; }
  .searchFilters-container {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 2rem;
    width: 100%; }
    .searchFilters-container > .dropdown {
      margin-right: 1rem; }
  .searchFilters-listOrderContainer {
    display: flex;
    flex-direction: column; }
  .searchFilters-input {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    border: 1px solid #002343;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
 box-shadow 0.15s ease-in-out;
    margin-left: 1rem; }
    .searchFilters-input:active, .searchFilters-input:focus, .searchFilters-input:hover, .searchFilters-input.selected {
      color: #fff;
      background-color: #002343;
      border-color: #002343; }
    .searchFilters-input.typeSelect::after {
      display: inline-block;
      margin-left: 0.255em;
      vertical-align: 0.255em;
      content: "";
      border-top: 0.3em solid;
      border-right: 0.3em solid transparent;
      border-bottom: 0;
      border-left: 0.3em solid transparent;
      position: static; }
    .searchFilters-input.typeButton {
      display: none;
      margin: 0px;
      min-width: 9rem;
      width: 50%; }
  .searchFilters .buttonIcon {
    margin-right: 0.5rem; }
  .searchFilters-header {
    background-color: #f8f9fb;
    display: none;
    padding: 15px;
    width: 100%; }
    .searchFilters-header label {
      margin-bottom: 0px; }
    .searchFilters-header label :first-child {
      margin-right: 10px; }
    .searchFilters-header button {
      background-color: transparent;
      border-color: transparent; }
  .searchFilters-mobileMenu {
    width: 100%; }
  @media screen and (max-width: 992px) {
    .searchFilters {
      margin-left: 15px;
      margin-right: 15px; }
      .searchFilters-mobileMenu.show {
        background-color: #fff;
        bottom: 0;
        display: block;
        left: 0;
        overflow: auto;
        position: fixed;
        top: 0;
        z-index: 6; }
      .searchFilters-header {
        align-items: baseline;
        display: flex;
        justify-content: space-between;
        margin-bottom: 1rem; }
      .searchFilters-container {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly; }
        .searchFilters-container .typeButton:first-child {
          margin-right: 5px; }
        .searchFilters-container .typeButton:last-child {
          margin-left: 5px; }
      .searchFilters-listOrderContainer {
        display: none; }
      .searchFilters-input.typeSelect {
        display: none;
        margin: 0;
        padding: 0; }
      .searchFilters-input.typeButton {
        display: block; } }

.search-filters-order-list-container {
  position: relative; }
  .search-filters-order-list-container .search-filters-order-list {
    position: absolute;
    z-index: 100;
    background: #fff;
    padding: 1rem;
    top: 1rem;
    left: 0;
    border: 1px solid #002343;
    min-width: 275px; }
  .search-filters-order-list-container .search-filters-order-list__item {
    list-style: none;
    color: #002343;
    margin-bottom: 0.5rem;
    font-weight: 700; }
  .search-filters-order-list-container.onlyMobile {
    display: none; }
  @media screen and (max-width: 992px) {
    .search-filters-order-list-container .search-filters-order-list {
      position: initial;
      border: none;
      z-index: inherit; }
      .search-filters-order-list-container .search-filters-order-list > li {
        padding: 10px 15px;
        background-color: #f8f9fb; }
    .search-filters-order-list-container.onlyMobile {
      display: block; } }

.search-advanced-options-form {
  width: 100%;
  padding: 1rem;
  border: 1px solid #002343;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  min-width: 0;
  background-color: #fff; }
  .search-advanced-options-form input {
    width: 250px; }
  .search-advanced-options-form select {
    width: 250px; }
  .search-advanced-options-form .language {
    margin-top: 20px; }

.search-advanced-options-container {
  font-weight: 700;
  position: relative;
  top: -1rem;
  padding-right: 0; }

.search-advanced .adv-search-group {
  display: flex;
  flex-direction: column; }

.search-advanced .adv-filter-footer {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
  height: 100px;
  padding: 15px;
  width: 100%; }

.search-advanced .btn.btn-adv-search-list {
  text-transform: capitalize;
  background: #f49331;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  padding: 0.25rem 3rem; }

.search-advanced .btn.btn-adv-reset-list {
  text-transform: capitalize;
  text-decoration: underline;
  font-weight: 700;
  font-size: 14px;
  padding: 0 2rem; }

.search-advanced .adv-filter-buttons-container {
  margin-left: auto; }

@media screen and (max-width: 992px) {
  .search-advanced-mobileMenu {
    padding-right: 15px; }
  .search-advanced-options-form {
    border: none;
    display: block; }
    .search-advanced-options-form input {
      width: 100%; }
    .search-advanced-options-form select {
      width: 100%; }
    .search-advanced-options-form .language {
      margin-top: 20px; }
  .search-advanced .row,
  .search-advanced .adv-search-group {
    display: block; }
  .search-advanced .btn.btn-adv-search-list {
    text-transform: uppercase;
    background: #002343;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    padding: 0.25rem 3rem; }
  .search-advanced .adv-filter-buttons-container {
    bottom: 0;
    display: flex;
    margin: 0px;
    width: 100vw; }
    .search-advanced .adv-filter-buttons-container :first-child {
      width: 30%;
      padding: 0px; }
    .search-advanced .adv-filter-buttons-container :last-child {
      margin-left: 15px;
      width: 70%; } }

.FooterTematiques {
  background-color: #f8f9fb;
  padding-top: 65px;
  padding-bottom: 138px;
  font-size: 14px; }
  .FooterTematiques.noBackground {
    background-color: transparent; }
  .FooterTematiques-container {
    margin: 0px;
    margin-top: 85px;
    padding-left: 18px; }
  .FooterTematiques-item {
    align-items: baseline;
    display: flex;
    margin-bottom: 17px;
    padding: 0px;
    text-decoration: none; }
    .FooterTematiques-item :first-child {
      padding-top: 4px;
      margin-right: 6px; }
  .FooterTematiques .container {
    padding-right: 0; }
  @media screen and (max-width: 992px) {
    .FooterTematiques {
      padding: 15px;
      padding-top: 50px; }
      .FooterTematiques .container {
        padding-right: 0;
        padding-left: 0; }
      .FooterTematiques-container {
        padding-left: 0px;
        margin-top: 40px; } }

.SearcherPage-title {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-family: "Poppins";
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 40px;
  margin-top: 23px; }

.SearcherPage-titleIcon::before {
  min-height: 34px;
  min-width: 29px;
  margin-right: 12px; }

.SearcherPage .btn-toTopButton {
  background: #878F9D;
  border-radius: 10px;
  bottom: 30px;
  right: 30px;
  color: #fff;
  position: fixed;
  text-transform: uppercase;
  z-index: 6; }
  .SearcherPage .btn-toTopButton svg {
    font-size: 20px;
    margin-top: 3px; }

.SearcherPage .btn-toTopButton:hover {
  background: #002343; }

@media screen and (max-width: 992px) {
  .SearcherPage .btn-toTopButton {
    display: none; } }

.Breadcrumb {
  display: flex;
  font-size: 12px;
  margin-bottom: 20px; }
  .Breadcrumb-separator {
    width: 14px;
    text-align: center;
    color: #ababab; }
  .Breadcrumb-item {
    color: #002343;
    text-decoration: none;
    font-size: 13px;
    text-transform: capitalize; }
  .Breadcrumb a {
    color: #ababab;
    text-decoration: none;
    font-size: 13px; }
    .Breadcrumb a:hover {
      color: #002343;
      text-decoration: none; }
  @media screen and (max-width: 992px) {
    .Breadcrumb {
      display: flex; } }

.RecommendedBy-title {
  align-items: baseline;
  display: flex;
  margin-bottom: 30px; }

.RecommendedBy-titleIcon::before {
  margin-right: 12px;
  height: 15px;
  width: 17px; }

.RecommendedBy-titleText {
  font-size: 18px; }

.RecommendedBy-header {
  align-items: center;
  display: flex;
  margin-bottom: 22px; }

.RecommendedBy-headerImage {
  height: 55px;
  margin-right: 15px;
  width: 55px; }

.RecommendedBy-headerIcon::before {
  height: 55px;
  margin-right: 15px;
  width: 55px; }

.RecommendedBy.HeaderText {
  display: flex;
  flex-direction: column; }
  .RecommendedBy.HeaderText-userName {
    font-size: 16px;
    font-weight: 700; }
  .RecommendedBy.HeaderText-userDescription {
    font-size: 14px;
    font-weight: 500; }

.RecommendedBy-recommendDescription {
  font-size: 14px;
  font-weight: 300; }

.ItemsRecommendedList-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  font-family: Poppins;
  margin-bottom: 40px;
  text-transform: uppercase; }

.ItemsRecommendedList-title {
  font-size: 24px;
  font-weight: 500 !important;
  text-decoration: none; }

.ItemsRecommendedList-link {
  font-family: Poppins SemiBold, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: underline; }

.ItemsRecommendedList-container {
  margin-left: -5px;
  margin-right: -20px;
  margin-bottom: 60px; }

.ItemsRecommendedList-item {
  padding: 5px;
  margin-bottom: 50px; }

@media screen and (max-width: 992px) {
  .ItemsRecommendedList-title {
    font-size: 17px; }
  .ItemsRecommendedList-container {
    margin: 0;
    margin-bottom: 60px; }
  .ItemsRecommendedList-item {
    display: flex;
    align-items: center;
    justify-content: center; } }

.ItemRecommendedCard {
  background-color: transparent;
  font-family: Poppins;
  min-height: 500px;
  width: 230px; }
  .ItemRecommendedCard-image {
    object-fit: contain;
    box-shadow: inset 0 0 0 1px #e3e3e3;
    height: 345px;
    margin-bottom: 20px;
    width: 100%; }
  .ItemRecommendedCard-texts {
    height: 70px;
    margin-bottom: 5px; }
  .ItemRecommendedCard-title {
    display: block;
    font-size: 14px;
    font-weight: 700 !important;
    text-decoration: none; }
  .ItemRecommendedCard-author {
    display: block;
    font-size: 12px;
    font-weight: 300;
    text-decoration: none; }
  .ItemRecommendedCard-price {
    color: #f49331;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 10px;
    width: 100%; }
    .ItemRecommendedCard-price.textToRight {
      text-align: end; }
    .ItemRecommendedCard-price::before {
      content: attr(data-price); }
  .ItemRecommendedCard-button {
    align-items: center;
    background-color: #f49331;
    border: none;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    height: 35px;
    text-transform: uppercase;
    width: 100%; }
    .ItemRecommendedCard-button:active, .ItemRecommendedCard-button:focus, .ItemRecommendedCard-button:hover {
      outline: none; }
    .ItemRecommendedCard-button:hover {
      transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
 box-shadow 0.15s ease-in-out;
      background-color: #083d6d; }
  @media screen and (max-width: 992px) {
    .ItemRecommendedCard {
      width: 150px;
      min-height: 363px; }
      .ItemRecommendedCard-image {
        height: 225px;
        margin-bottom: 15px; }
      .ItemRecommendedCard-texts {
        overflow: hidden;
        text-overflow: '...';
        position: relative;
        height: 90px;
        padding-bottom: 10px; }
        .ItemRecommendedCard-texts::after {
          content: '';
          position: absolute;
          z-index: 1;
          bottom: 0;
          left: 0;
          pointer-events: none;
          background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 90%);
          width: 100%;
          height: 10px; } }

.regala_card_llibre.principal .main-image-from-magazine > img {
  width: 100%; }

@media screen and (max-width: 380px) {
  .regala_card_llibre.principal .main-image-from-magazine {
    width: 300px; } }

@media screen and (min-width: 380px) {
  .regala_card_llibre.principal .main-image-from-magazine {
    width: 357px; } }

@media screen and (min-width: 480px) {
  .regala_card_llibre.principal .main-image-from-magazine {
    width: 484px; } }

@media screen and (min-width: 770px) {
  .regala_card_llibre.principal .main-image-from-magazine {
    width: 610px; } }

.CustomCarousel {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  height: 508px;
  overflow-y: hidden;
  width: 100%; }
  .CustomCarousel-onlyOneImg {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 364px; }
    .CustomCarousel-onlyOneImg img {
      height: 408px;
      object-fit: contain;
      object-position: center;
      width: 100%; }
    .CustomCarousel-onlyOneImg span.iconazoom {
      position: absolute;
      right: 10px;
      top: 10px;
      z-index: 2; }
  .CustomCarousel-mainImg {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%; }
  .CustomCarousel-thumbnails {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100px;
    overflow-x: hidden;
    overflow-y: auto; }
  .CustomCarousel-thumbnailItemWrapper {
    margin-bottom: 3px;
    margin-right: 8px; }
  .CustomCarousel-thumbnailItem {
    background-color: transparent;
    height: 130px;
    object-fit: cover;
    object-position: center;
    width: 100%; }
  .CustomCarousel-mainView {
    position: relative;
    width: 365px; }
    .CustomCarousel-mainView .BrainhubCarouselItem {
      justify-content: flex-end; }
    .CustomCarousel-mainView .BrainhubCarouselItem .iconazoom {
      position: absolute;
      right: 10px;
      top: 10px;
      z-index: 2; }
  .CustomCarousel-btn {
    align-items: center;
    border: 1px solid #c2c2c2;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    height: 30px;
    justify-content: center;
    font-size: 20px;
    outline: none !important;
    position: absolute;
    top: calc(100% - 40px);
    width: 30px;
    z-index: 3; }
    .CustomCarousel-btn:active, .CustomCarousel-btn:hover {
      outline: none; }
    .CustomCarousel-btn.leftBtn {
      left: calc(50% - 50px); }
    .CustomCarousel-btn.rightBtn {
      left: calc(50% + 20px); }
  .CustomCarousel .BrainhubCarousel__arrow--disable {
    pointer-events: visible; }
  .CustomCarousel .BrainhubCarousel {
    position: relative; }
  .CustomCarousel .BrainhubCarousel,
  .CustomCarousel .BrainhubCarousel__container,
  .CustomCarousel .BrainhubCarousel__trackContainer,
  .CustomCarousel .BrainhubCarousel__track,
  .CustomCarousel .BrainhubCarouselItem {
    height: 100%; }
  @media screen and (max-width: 992px) {
    .CustomCarousel {
      overflow: unset;
      flex-direction: column;
      height: auto;
      width: 100%; }
      .CustomCarousel-mainView {
        height: 382px;
        width: 100%; }
      .CustomCarousel-onlyOneImg {
        width: auto; }
      .CustomCarousel-thumbnails {
        margin-top: 22px;
        flex-direction: row;
        justify-content: flex-start;
        overflow-y: hidden;
        overflow-x: auto;
        width: 100%; }
      .CustomCarousel-thumbnailItem {
        background-color: transparent;
        height: 100px;
        object-fit: contain;
        object-position: center;
        width: 88px; } }

.CounterInput {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  height: 40px; }
  .CounterInput button {
    border: none;
    background-color: transparent;
    outline: none;
    min-width: 16px; }
    .CounterInput button:hover {
      border: 1px solid #ddd;
      background-color: #ddd; }
  .CounterInput-input {
    border: 1px solid #002343;
    border-radius: 0;
    max-width: 40px;
    outline: none;
    text-align: center;
    -moz-appearance: textfield; }
    .CounterInput-input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
  .CounterInput-plusBtn {
    border-radius: 0;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }
  .CounterInput-minusBtn {
    border-radius: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; }

.PrivateLibraryMenu-welcomeMsg {
  align-items: baseline;
  text-transform: uppercase;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap; }

.PrivateLibraryMenu-title {
  margin-top: 1.5rem;
  font-size: 20px;
  font-weight: bold; }

.PrivateLibraryMenu-content:after {
  content: '';
  clear: both;
  background-image: linear-gradient(90deg, #efefef, #002343, #efefef);
  width: 100%;
  height: 2px;
  display: block;
  margin-top: 1rem;
  margin-bottom: 1rem; }

.PrivateLibraryMenu-icon {
  margin-right: 5px;
  width: 20px;
  text-align: center; }

.PrivateLibraryMenu-link .PrivateLibraryMenu-icon {
  color: #f49331; }

.bigLink .PrivateLibraryMenu-icon,
.activa .PrivateLibraryMenu-icon {
  color: inherit; }

.PrivateLibraryMenu-link {
  cursor: pointer;
  display: flex;
  margin-top: 15px;
  transition: 0.3s;
  width: 100%; }
  .PrivateLibraryMenu-link.bigLink {
    font-size: 20px;
    font-weight: bold;
    color: inherit; }
  .PrivateLibraryMenu-link.bigLink svg {
    font-size: 20px; }
  .PrivateLibraryMenu-link.activa {
    font-weight: bold; }

.PrivateLibraryMenu svg {
  font-size: 16px; }

.OrdersListLibrary-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 1.5rem; }

.OrdersListLibrary-subtitle {
  font-size: 16px;
  font-weight: bold;
  font-style: italic; }

.OrdersListLibrary-box {
  background-color: #fff;
  border: 2px solid #efefef;
  padding: 20px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
  margin-top: 1rem; }

.OrdersListLibrary-ordersList {
  background-color: #fff;
  border: 2px solid #efefef;
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin-bottom: 4rem;
  margin-top: 1rem; }

.OrdersListLibrary-order {
  border-bottom: 2px solid #efefef;
  padding: 20px;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  margin: 0 20px;
  margin-bottom: 1.5rem; }

.OrdersListLibrary-orderTitle, .OrdersListLibrary-orderTotal, .OrdersListLibrary-orderBtns {
  font-weight: bold;
  margin-bottom: 2rem; }

.OrdersListLibrary-orderSubtitle {
  margin-bottom: 0.5rem;
  font-size: 14px; }

.OrdersListLibrary-orderLink {
  font-size: 14px;
  color: #6d82f8;
  margin-bottom: 1rem;
  text-decoration: none; }
  .OrdersListLibrary-orderLink:hover {
    text-decoration: underline; }

.OrdersListLibrary-orderBtns:not(.inverse) {
  display: flex; }
  .OrdersListLibrary-orderBtns:not(.inverse) > * {
    margin-right: 20px; }

.OrdersListLibrary-orderBtns.inverse {
  display: flex;
  justify-content: end; }
  .OrdersListLibrary-orderBtns.inverse > * {
    margin-left: 20px; }

.OrdersListLibrary-orderDescription {
  color: #b3b3b3;
  font-style: italic;
  font-size: 12px; }

.LaieBtn {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  line-height: 1rem;
  border-radius: 2.6rem;
  padding: 0.3rem 1.5rem;
  color: #fff;
  display: block;
  max-width: 300px;
  text-align: center;
  outline: none;
  transition: 0.3s;
  border: 2px solid #f49331;
  background-color: #f49331; }
  .LaieBtn.noTextTransform {
    text-transform: none; }
  .LaieBtn:hover, .LaieBtn:active, .LaieBtn:focus, .LaieBtn.active {
    outline: none; }
  .LaieBtn:hover, .LaieBtn:active, .LaieBtn.active {
    outline: none;
    background-color: #002343;
    border-color: #002343; }
  .LaieBtn.calculate_shipping_cost {
    margin-top: 30px; }
  .LaieBtn.asLink {
    align-items: normal;
    background-color: rgba(0, 0, 0, 0);
    border-color: #002343;
    border-style: none;
    box-sizing: content-box;
    color: #002343;
    cursor: pointer;
    display: inline;
    font: inherit;
    height: auto;
    padding: 0;
    perspective-origin: 0 0;
    text-align: start;
    text-decoration: underline;
    transform-origin: 0 0;
    width: auto;
    -moz-appearance: none;
    -webkit-logical-height: 1em;
    -webkit-logical-width: auto; }
    .LaieBtn.asLink:active, .LaieBtn.asLink:focus {
      outline: none; }
    .LaieBtn.asLink:hover:not(.LaieBtn.asLink.invalidLink) {
      color: #f49331; }
  .LaieBtn.asLink.reset {
    color: #f49331;
    text-decoration: none; }
  .LaieBtn.font-small {
    font-size: 12px !important; }
  .LaieBtn.font-regular {
    font-size: 14px !important; }
  .LaieBtn.font-big {
    font-size: 16px !important; }
  .LaieBtn.bold {
    font-weight: bold; }
  .LaieBtn.dark {
    border-color: #002343;
    background-color: #002343; }
    .LaieBtn.dark:disabled {
      opacity: 0.5; }
  .LaieBtn.square {
    border-radius: 4px; }
  .LaieBtn.thin {
    border-style: solid;
    border-width: 1px;
    font-weight: normal; }
  .LaieBtn.big {
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    font-size: 14px; }
  .LaieBtn.transparent {
    background-color: transparent;
    border-color: transparent;
    color: #002343; }
    .LaieBtn.transparent:hover {
      background-color: whitesmoke; }
  .LaieBtn.small {
    padding: 2px 5px;
    line-height: 00.75rem; }
  .LaieBtn.large {
    min-width: 300px; }
  .LaieBtn.about {
    background-color: transparent;
    border-color: #e9e9e9;
    color: #878f9d; }
    .LaieBtn.about:hover {
      background-color: #e9e9e9; }
  .LaieBtn.pale {
    background-color: #f4933117;
    border: none;
    color: #f49331; }
    .LaieBtn.pale.active, .LaieBtn.pale:hover {
      background-color: #f49331;
      color: #fff; }
  .LaieBtn.outline {
    background-color: transparent;
    border-color: #002343;
    color: #002343; }
    .LaieBtn.outline:hover, .LaieBtn.outline.active {
      background-color: #002343;
      color: white; }
  .LaieBtn.reverse {
    align-items: center;
    display: flex;
    flex-direction: row-reverse; }
  .LaieBtn-svg {
    margin-right: 5px; }
  .LaieBtn.reverse .LaieBtn-svg {
    margin: 0;
    margin-left: 5px; }

@supports (-moz-appearance: none) {
  .asLink::-moz-focus-inner {
    border: none;
    padding: 0; }
  .asLink:focus {
    outline-style: dotted;
    outline-width: 1px; } }

.LaieFileInput {
  margin-top: 10px; }
  .LaieFileInput label {
    margin-bottom: 0; }
  .LaieFileInput-asBtn {
    cursor: pointer;
    display: inline-block;
    margin-right: 10px; }

.LaieInput-default {
  position: relative;
  margin-top: 5px;
  padding-top: 11px; }

.LaieInput-block {
  display: flex;
  flex-direction: column; }

.LaieInput-mobileSearch {
  border: none; }

.LaieInput-mobileSearch .LaieInput-label {
  display: none; }

.LaieInput-default .LaieInput-label {
  position: absolute;
  transition: 0.3s; }

.LaieInput-block .LaieInput-label {
  margin-bottom: 5px;
  font-weight: bold; }

.LaieInput-default .LaieInput-input {
  background-color: transparent;
  border-bottom: 1px black solid; }
  .LaieInput-default .LaieInput-input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: transparent; }
  .LaieInput-default .LaieInput-input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: transparent; }
  .LaieInput-default .LaieInput-input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: transparent; }
  .LaieInput-default .LaieInput-input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: transparent; }
  .LaieInput-default .LaieInput-input::placeholder {
    color: transparent; }

.LaieInput-mobileSearch .LaieInput-input {
  background-color: transparent; }

.LaieInput-block .LaieInput-input {
  background-color: white;
  min-height: 30px;
  border-radius: 10px;
  padding: 5px 10px; }

.LaieInput-square {
  border: 1px solid #ccc;
  border-radius: 0px; }

.LaieInput-input {
  border: none;
  min-width: 50px;
  padding: 0;
  outline: none;
  width: 100%; }
  .LaieInput-input:hover, .LaieInput-input:active, .LaieInput-input:focus {
    outline: none; }

.LaieInput-default.active .LaieInput-label,
.LaieInput-default:hover .LaieInput-label {
  animation-name: activeAnimation;
  animation-duration: 0.3s;
  font-size: 12px;
  top: -4px;
  color: #b3b3b3; }

.LaieInput-default.active .LaieInput-input::-webkit-input-placeholder,
.LaieInput-default:hover .LaieInput-input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #b3b3b3 !important; }

.LaieInput-default.active .LaieInput-input:-moz-placeholder,
.LaieInput-default:hover .LaieInput-input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #b3b3b3 !important; }

.LaieInput-default.active .LaieInput-input::-moz-placeholder,
.LaieInput-default:hover .LaieInput-input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #b3b3b3 !important; }

.LaieInput-default.active .LaieInput-input:-ms-input-placeholder,
.LaieInput-default:hover .LaieInput-input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #b3b3b3 !important; }

.LaieInput-default.active .LaieInput-input::placeholder,
.LaieInput-default:hover .LaieInput-input::placeholder {
  color: #b3b3b3 !important; }

.LaieInput-default textarea {
  min-height: 300px !important; }

.LaieInput-block textarea {
  min-height: 300px !important; }

.LaieInput input[type="file"] {
  padding-top: 10px;
  padding-bottom: 5px; }

@keyframes activeAnimation {
  from {
    top: 0;
    font-size: inherit; }
  to {
    top: -4px;
    font-size: 12px;
    color: #b3b3b3; } }

.RecommendationPage {
  background-color: #cfd8d7;
  margin-top: 140px; }
  .RecommendationPage-mainImg {
    display: block;
    margin: 0 auto 30px auto;
    width: 650px;
    max-width: 100%; }
  .RecommendationPage-description {
    margin: 0 auto 30px auto;
    max-width: 600px;
    text-align: center; }
  .RecommendationPage-content {
    margin: 0 auto;
    padding-bottom: 100px; }
  .RecommendationPage-secondaryImg {
    max-width: 550px;
    width: 100%;
    margin-bottom: 30px; }
  .RecommendationPage-title {
    font-weight: bold;
    margin-bottom: 10px; }
  .RecommendationPage-productPreview {
    display: flex;
    flex-direction: row;
    align-items: stretch; }
  .RecommendationPage-productDescription {
    margin-left: 20px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    display: block;
    position: relative; }
  .RecommendationPage-productName {
    font-size: 20px;
    font-weight: bold; }
  .RecommendationPage-productPrice {
    color: #f49331; }
  .RecommendationPage-buyBtn {
    width: 150px;
    font-size: 16px; }
    .RecommendationPage-buyBtn.float {
      position: absolute;
      bottom: 0; }
  .RecommendationPage-productImg {
    max-width: 100px;
    max-height: 200px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; }
  @media screen and (max-width: 992px) {
    .RecommendationPage {
      margin-top: 56px; } }

.LotsSearcher {
  margin-top: 140px;
  padding-top: 40px; }
  .LotsSearcher-title {
    align-items: baseline; }
  .LotsSearcher-orderMenu {
    text-align: left; }
    .LotsSearcher-orderMenu .search-filters-order-list__item {
      cursor: pointer; }
    .LotsSearcher-orderMenu .searchFilters-header {
      display: none; }
  .LotsSearcher-titleIcon::before {
    margin-right: 12px;
    height: 20px;
    width: 22px; }
  @media screen and (max-width: 576px) {
    .LotsSearcher {
      margin: 0; }
      .LotsSearcher-orderMenu {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1000; }
        .LotsSearcher-orderMenu .searchFilters-header {
          display: flex; }
        .LotsSearcher-orderMenu .search-filters-order-list {
          height: 100%; } }

.ProductCard.small {
  margin-bottom: 2rem; }

.ProductCard.small .ProductCard-imgWrapper {
  position: relative;
  width: 100%;
  min-height: 200px;
  margin-bottom: 10px; }

.ProductCard.small .ProductCard-img {
  margin-top: 20px;
  max-width: 230px !important;
  height: 200px !important;
  width: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
  border-color: #e3e3e3 !important;
  border-left: none !important;
  border-right: none !important; }

.ProductCard-price {
  height: 24px;
  color: #f49331;
  font-family: Poppins Regular, sans-serif;
  font-size: 17px;
  text-align: left;
  font-weight: 400;
  margin-bottom: 10px; }

.ProductCard.small .ProductCard-price {
  text-align: right; }

.ProductCard-magazine {
  margin: 0 !important; }
  .ProductCard-magazine .card-body {
    min-height: auto !important;
    height: auto !important;
    margin: 0 !important; }

@media screen and (max-width: 468px) {
  .ProductCard-body {
    padding-left: 5px;
    padding-right: 5px; }
  .ProductCard-card {
    width: 100%; } }

.price-ligth-blue {
  color: #091B39 !important;
  text-align: right !important; }

.btn-ligth-blue {
  background: #091B39 !important;
  border-color: #091B39 !important; }

.div-card {
  display: flex;
  justify-content: center;
  align-content: center; }
  .div-card .card-body {
    padding: 1.25rem 0 !important; }

.card-museu-picasso {
  background-color: transparent;
  font-family: Poppins;
  min-height: 500px !important;
  width: 100%;
  box-shadow: none !important;
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
  align-content: center; }
  @media (max-width: 992px) {
    .card-museu-picasso {
      width: 150px;
      min-height: 363px; } }
  @media screen and (max-width: 992px) {
    .card-museu-picasso a img {
      height: 225px !important;
      margin-bottom: 15px; } }
  .card-museu-picasso a img {
    border-style: none;
    width: 100%;
    margin: 0;
    height: 345px;
    object-fit: cover; }

.show-more-link {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 16px;
  font-style: normal;
  text-align: right;
  color: #6b84a8;
  text-transform: initial; }

.CustomDatePicker .react-datepicker-wrapper {
  width: 100%; }

.CustomDatePicker .react-datepicker {
  padding: 0 15px;
  padding-top: 20px;
  font-size: 14px !important;
  border: 1px solid #002343;
  border-radius: 10px;
  margin-top: -5px; }

.CustomDatePicker .react-datepicker__input-container input {
  visibility: hidden; }

.CustomDatePicker .react-datepicker-popper {
  width: 100%; }

.CustomDatePicker .react-datepicker-popper[data-placement='bottom-start'] {
  top: -8px !important;
  left: 14px !important; }
  .CustomDatePicker .react-datepicker-popper[data-placement='bottom-start'] .react-datepicker {
    border-top-width: 2px;
    border-top-right-radius: 0;
    border-top-left-radius: 0; }

.CustomDatePicker .react-datepicker-popper[data-placement='top-start'] {
  top: 21px !important;
  left: 14px !important; }
  .CustomDatePicker .react-datepicker-popper[data-placement='top-start'] .react-datepicker {
    border-bottom-width: 2px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }

.CustomDatePicker .react-datepicker__header {
  border: none;
  background-color: transparent;
  position: relative; }

.CustomDatePicker .react-datepicker__current-month {
  padding-left: 0;
  font-weight: normal;
  text-transform: capitalize; }

.CustomDatePicker .react-datepicker__day--highlighted {
  background-color: #002343 !important;
  color: #fff !important; }

.CustomDatePicker .react-datepicker__day-names,
.CustomDatePicker .react-datepicker__week {
  width: 100%;
  justify-content: space-between;
  display: flex; }

.CustomDatePicker .react-datepicker__month {
  margin: 0 !important;
  margin-bottom: 10px !important; }

.CustomDatePicker .react-datepicker__close-icon {
  position: absolute;
  left: 91%;
  top: 8px;
  min-width: 25px;
  min-height: 20px;
  width: 25px;
  height: 20px; }

.CustomDatePicker .react-datepicker__navigation.react-datepicker__navigation--previous, .CustomDatePicker .react-datepicker__navigation.react-datepicker__navigation--next {
  background-color: #002343;
  border-radius: 50%;
  text-indent: 0;
  color: transparent;
  overflow: visible; }
  .CustomDatePicker .react-datepicker__navigation.react-datepicker__navigation--previous:focus, .CustomDatePicker .react-datepicker__navigation.react-datepicker__navigation--previous:active, .CustomDatePicker .react-datepicker__navigation.react-datepicker__navigation--previous:hover, .CustomDatePicker .react-datepicker__navigation.react-datepicker__navigation--next:focus, .CustomDatePicker .react-datepicker__navigation.react-datepicker__navigation--next:active, .CustomDatePicker .react-datepicker__navigation.react-datepicker__navigation--next:hover {
    outline: none; }
  .CustomDatePicker .react-datepicker__navigation.react-datepicker__navigation--previous::before, .CustomDatePicker .react-datepicker__navigation.react-datepicker__navigation--next::before {
    font-size: 17px;
    position: absolute;
    top: -14px;
    color: white;
    left: -3px; }

.CustomDatePicker .react-datepicker__navigation.react-datepicker__navigation--previous {
  border-right-color: #002343;
  right: 35px !important;
  left: auto !important; }
  .CustomDatePicker .react-datepicker__navigation.react-datepicker__navigation--previous::before {
    content: '\2039'; }

.CustomDatePicker .react-datepicker__navigation.react-datepicker__navigation--next {
  border-left-color: #002343;
  right: 15px !important; }
  .CustomDatePicker .react-datepicker__navigation.react-datepicker__navigation--next::before {
    content: '\203A';
    left: -2px; }

.CustomDatePicker .react-datepicker__day--outside-month {
  visibility: hidden; }

.CustomDatePicker .react-datepicker__day--today {
  background-color: transparent;
  font-weight: normal;
  color: black; }

.CustomDatePicker .react-datepicker__day--keyboard-selected {
  background-color: #fff;
  color: black; }

.CustomDatePicker .react-datepicker__day--selected {
  background-color: #002343 !important;
  color: white !important;
  transition: 0.1s; }
  .CustomDatePicker .react-datepicker__day--selected:hover {
    background-color: #f49331 !important; }

.CustomDatePicker .react-datepicker__day:hover {
  background-color: #0023434f; }

@media screen and (max-width: 576px) {
  .CustomDatePicker .react-datepicker-popper {
    width: auto; }
  .CustomDatePicker .react-datepicker {
    width: 330px; } }

.LaieMultiSelect {
  position: relative;
  width: 100%; }
  .LaieMultiSelect.thin .LaieMultiSelect-button {
    font-weight: normal;
    border-width: 1px; }
  .LaieMultiSelect.rounded .LaieMultiSelect-button {
    border-radius: 14px; }
  .LaieMultiSelect.rounded.open .LaieMultiSelect-button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .LaieMultiSelect.medium {
    min-width: 200px; }
  .LaieMultiSelect-button {
    align-items: center;
    border-radius: 20px;
    display: flex;
    position: relative;
    padding-left: 10px !important;
    padding-right: 50px !important;
    font-weight: bold;
    text-align: left;
    width: inherit;
    max-width: none; }
    .LaieMultiSelect-button svg {
      position: absolute;
      right: 5px; }
  .LaieMultiSelect-popup {
    background-color: white;
    border: 1px solid #002343;
    border-top-width: 2px;
    border-radius: 10px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    display: none;
    margin-top: -2px;
    position: absolute;
    width: inherit;
    z-index: 4; }
    .LaieMultiSelect-popup.show {
      display: block; }
  .LaieMultiSelect-footer {
    align-items: baseline;
    border-top: 1px solid #002343;
    display: flex;
    justify-content: space-between;
    line-height: 1.5;
    padding: 0.375rem 0.75rem;
    min-height: 50px; }
    .LaieMultiSelect-footer .LaieBtn {
      text-transform: capitalize !important;
      width: 100%;
      text-align: center;
      font-size: 14px !important; }
  .LaieMultiSelect-options {
    overflow-y: auto;
    padding: 10px 5px;
    max-height: 300px; }
  .LaieMultiSelect-option {
    background-color: white;
    border-radius: 10px;
    border: 1px solid #e1e1e1;
    font-weight: 400;
    margin-bottom: 10px;
    outline: none;
    padding: 5px;
    text-align: left;
    transition: 0.2s;
    width: 100%;
    font-size: 14px; }
    .LaieMultiSelect-option:hover, .LaieMultiSelect-option:active, .LaieMultiSelect-option:focus {
      outline: none !important; }
    .LaieMultiSelect-option:hover, .LaieMultiSelect-option.active {
      color: #002343;
      text-decoration: none;
      background-color: #e1e1e1; }

.DestacatedCards {
  height: 100%;
  width: 100%; }
  .DestacatedCards-title {
    font-size: 14px;
    font-family: Poppins Bold, sans-serif;
    line-height: 1rem;
    padding: 10px;
    padding-bottom: 5px; }
  .DestacatedCards-items {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .DestacatedCards-item {
    box-shadow: rgba(0, 35, 67, 0.2) 0px 4px 12px;
    margin-top: 10px;
    min-height: 90px;
    position: relative;
    width: 100%;
    padding-left: 130px;
    padding-right: 30px;
    display: flex;
    align-items: center; }
  .DestacatedCards-item a {
    display: flex;
    align-items: center;
    color: #002343;
    text-decoration: none;
    font-weight: 500;
    background-color: transparent;
    height: 100%; }
  .DestacatedCards-itemContent {
    font-size: 14px;
    font-family: Poppins SemiBold, sans-serif; }
  .DestacatedCards-item img {
    height: 100%;
    width: 100px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    object-fit: contain;
    object-position: center; }

.Footer {
  align-items: baseline;
  display: flex;
  justify-content: space-between; }
  .Footer-icons {
    font-size: 17px;
    display: flex;
    align-items: center; }
    .Footer-icons svg {
      margin-left: 10px;
      width: 30px !important;
      height: 30px;
      color: rgba(0, 35, 67, 0.3) !important;
      vertical-align: auto !important; }
  .Footer-iconSmall {
    height: 25px !important; }
  .Footer-links {
    padding-bottom: 110px; }
  .Footer-brand {
    position: absolute;
    padding: 0 15px;
    bottom: 12px; }
    .Footer-brand img:first-child {
      margin-right: 50px; }
    .Footer-brand img {
      max-width: 210px;
      max-height: 105px;
      object-fit: contain;
      object-position: center;
      width: auto; }
  @media screen and (max-width: 992px) {
    .Footer-icons {
      display: none; } }

.LaieAccordion {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-size: 1rem;
  font-weight: 700; }
  .LaieAccordion-toggle {
    align-items: baseline;
    background-color: transparent;
    color: white;
    padding: 10px 0px;
    display: flex;
    justify-content: space-between;
    font-weight: 700;
    border: none;
    outline: none; }
    .LaieAccordion-toggle:hover, .LaieAccordion-toggle:active, .LaieAccordion-toggle:focus {
      outline: none; }
  .LaieAccordion-collapse {
    margin-bottom: 10px; }
    .LaieAccordion-collapse p {
      color: white !important;
      margin-bottom: 5px;
      display: block;
      font-weight: 500 !important;
      width: 100%; }
    .LaieAccordion-collapse a {
      color: white !important; }
  .LaieAccordion-link {
    color: white !important;
    margin-bottom: 5px;
    display: block;
    font-weight: 500 !important;
    width: 100%; }

.HomeSlider {
  position: relative; }
  .HomeSlider-menuMobileContent {
    display: none; }
  .HomeSlider-menuMobileContent .HomeSlider-card {
    height: auto !important;
    background-color: transparent !important; }
  .HomeSlider-cardBackground {
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat; }
  .HomeSlider-allContent {
    display: flex;
    align-items: center !important;
    height: 100% !important;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    width: 100% !important; }
  .HomeSlider-img {
    margin-left: auto; }
  .HomeSlider-container {
    display: flex;
    align-items: center !important;
    height: 100% !important; }
  @media screen and (max-width: 576px) {
    .HomeSlider-menuMobileContent {
      display: block;
      background-color: #f8f9fb;
      min-height: 200px;
      margin-top: -1px; }
    .HomeSlider-card {
      height: 200px !important; }
    .HomeSlider-sliderContent {
      display: none; }
    .HomeSlider-menuMobileContent .HomeSlider-sliderContent {
      display: block; }
    .HomeSlider-img {
      height: 200px !important;
      margin: auto 0; }
    .HomeSlider-preTitle {
      display: none; }
    .HomeSlider-container {
      display: block;
      align-items: inherit; }
    .HomeSlider-moreInfoBtn {
      width: 100%; }
    .HomeSlider-allContent {
      margin-right: 0;
      margin-left: 0; } }

.LaieTag {
  align-items: center;
  background-color: #F8F9FB;
  border-radius: 4px;
  display: flex;
  padding: 5px 10px;
  padding-right: 35px;
  position: relative;
  margin-right: 15px;
  margin-bottom: 15px;
  white-space: nowrap; }
  .LaieTag-label {
    font-size: 16px; }
  .LaieTag-btn {
    position: absolute;
    right: 10px;
    min-width: 20px;
    min-height: 20px;
    width: 20px;
    height: 20px;
    padding: 0; }
  .LaieTag:last-child {
    margin-right: 0; }

.LaieRadioBtns {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem; }
  .LaieRadioBtns.noColumn {
    flex-direction: row; }
  .LaieRadioBtns.noColumn .LaieRadioBtns-option {
    margin-left: 30px; }
    .LaieRadioBtns.noColumn .LaieRadioBtns-option:first-child {
      margin-left: 0; }
  .LaieRadioBtns-option {
    align-items: baseline !important;
    display: flex; }
  .LaieRadioBtns-option label {
    margin-left: 10px; }
  .LaieRadioBtns-option input {
    width: auto !important;
    margin: 0; }

.Banner {
  position: relative;
  width: 100%;
  height: auto; }
  .Banner-img {
    height: auto;
    object-fit: contain;
    object-position: center;
    width: 100%; }
  .Banner-content {
    color: white;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 100px;
    font-weight: bold;
    font-family: Poppins Bold; }
    .Banner-content .LaieIcon-i {
      background-color: transparent;
      width: 617px;
      height: 201px; }
  @media screen and (max-width: 576px) {
    .Banner-content {
      font-size: 30px; }
    .Banner-content .LaieIcon-i {
      width: 221px;
      height: 72px; } }

.LaieIcon-i {
  display: block; }

.AboutLaieInfoCard {
  max-width: 500px;
  width: 100%; }
  .AboutLaieInfoCard-preTitle {
    align-items: center;
    color: #878F9D;
    display: flex;
    font-size: 16px;
    font-family: Poppins Medium;
    margin-bottom: 20px; }
  .AboutLaieInfoCard-preTitleLine {
    width: 28px;
    height: 3px;
    margin-right: 15px; }
  .AboutLaieInfoCard-title {
    color: #002343;
    font-size: 30px;
    font-family: Poppins Medium;
    max-width: 500px;
    margin-bottom: 20px; }
  .AboutLaieInfoCard-description {
    color: #002343;
    font-size: 16px;
    font-family: Poppins Regular; }
  @media screen and (max-width: 576px) {
    .AboutLaieInfoCard {
      margin-left: 15px;
      margin-right: 15px; }
      .AboutLaieInfoCard-description, .AboutLaieInfoCard-preTitle {
        font-size: 12px; }
      .AboutLaieInfoCard-title {
        font-size: 18px; } }

.AboutLaieGrayCard {
  max-width: 294px;
  width: 100%; }
  .AboutLaieGrayCard-img {
    width: 230px;
    height: 227px;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px; }
  .AboutLaieGrayCard-img.isSocialResponsability {
    width: 127px !important;
    height: 127px !important;
    object-fit: contain;
    margin-bottom: 0; }
  .AboutLaieGrayCard-imgWrapper {
    background-color: white;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 60px;
    padding: 50px;
    width: 230px;
    height: 227px; }
  .AboutLaieGrayCard-title {
    font-size: 18px;
    font-family: Poppins Bold;
    margin: 20px 0; }
  @media screen and (max-width: 576px) {
    .AboutLaieGrayCard {
      max-width: none; }
      .AboutLaieGrayCard-imgWrapper, .AboutLaieGrayCard-img {
        width: 227px;
        height: 227px; } }

.AboutLaieResponsibilityCard {
  background-color: white;
  box-shadow: 0 11px 35px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 310px;
  min-height: 254px;
  margin-bottom: 60px;
  padding: 40px 30px;
  width: 100%; }
  .AboutLaieResponsibilityCard-title {
    font-size: 18px;
    font-family: Poppins Bold; }
  .AboutLaieResponsibilityCard-button {
    background-color: #d9ebff;
    border-radius: 50%;
    border: none;
    color: black;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    line-height: normal;
    width: 40px; }
    .AboutLaieResponsibilityCard-button:hover, .AboutLaieResponsibilityCard-button:active, .AboutLaieResponsibilityCard-button:focus, .AboutLaieResponsibilityCard-button.active {
      outline: none; }
  @media screen and (max-width: 576px) {
    .AboutLaieResponsibilityCard {
      margin-bottom: 30px;
      max-width: none; } }

.Message {
  padding: 15px;
  margin-bottom: 15px; }
  .Message.error {
    border: 1px solid #ff0000;
    color: #ff0000; }
  .Message.success {
    border: 1px solid green;
    color: green; }

.MobileModal-header {
  background-color: #f8f9fb;
  display: none;
  padding: 15px;
  width: 100%; }

.MobileModal-headerCloseBtn {
  background-color: transparent;
  border-color: transparent; }

.MobileModal-headerTitle {
  margin-bottom: 0px; }
  .MobileModal-headerTitle :first-child {
    margin-right: 10px; }

.MobileModal-footer {
  bottom: 0;
  background-color: white;
  border-top: 2px solid #002343;
  display: none;
  position: fixed;
  padding: 20px;
  width: 100vw; }
  .MobileModal-footer :first-child {
    width: 30%;
    padding: 0px; }
  .MobileModal-footer :last-child {
    margin-left: 15px;
    width: 70%; }

.MobileModal.show .MobileModal-body.withPadding {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 23px; }

@media screen and (max-width: 992px) {
  .MobileModal {
    display: none;
    padding-left: 0;
    padding-right: 0;
    width: auto; }
    .MobileModal.show {
      display: block;
      background-color: #fff;
      bottom: 0;
      left: 0;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 6; }
    .MobileModal.show .MobileModal-body {
      height: calc(100vh - 60px);
      overflow: auto; }
    .MobileModal.show .MobileModal-body.withFooter {
      height: calc(100vh - 120px); }
    .MobileModal-header {
      align-items: baseline;
      display: flex;
      justify-content: space-between; }
    .MobileModal-footer {
      display: flex; } }

.MobileQuickSearch-items {
  display: block !important;
  position: initial;
  width: 100%;
  background-color: transparent;
  box-shadow: none; }
  .MobileQuickSearch-items span {
    display: block !important; }
  .MobileQuickSearch-items .col-3.button {
    max-width: 25%;
    padding: 0px;
    margin-left: -15px; }
  .MobileQuickSearch-items .col-8.contingut {
    padding-left: 3rem; }

.DNIWarning {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }
  .DNIWarning-content {
    align-items: center;
    justify-content: center;
    background-color: white;
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    padding: 20px 10px; }
  .DNIWarning-title {
    text-align: center;
    font-size: 1.3rem; }
  .DNIWarning-input {
    display: flex; }

.LaieLink-reverse {
  color: #f49331;
  text-decoration: none; }
  .LaieLink-reverse:hover {
    color: #f49331;
    text-decoration: underline; }

.LaieLink-reverse.bold {
  font-weight: bold; }

.LoadingSpinner {
  background-color: transparent !important;
  height: 30px;
  width: 30px;
  margin: 0; }

.BookAvailability-btn {
  text-transform: none !important; }

.BookAvailability-content {
  border: 1px solid #e3e3e3;
  margin-top: 1rem;
  padding: 0px 10px;
  padding-top: 1rem; }

.BookAvailability-item {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  margin-bottom: 1rem; }

.BookAvailability svg {
  margin-top: 5px;
  margin-right: 15px; }

.BookAvailability-itemTexts {
  display: flex;
  flex-direction: column; }

.BookAvailability .LaieBtn.asLink {
  font-size: 14px; }

.CalculationCostsShipping {
  margin-top: 140px;
  padding-top: 40px; }
  .CalculationCostsShipping .container {
    margin-bottom: 100px; }
  .CalculationCostsShipping-label {
    width: 20%; }
  .CalculationCostsShipping-input, .CalculationCostsShipping-select {
    border-bottom: 1px solid;
    padding-left: 0;
    padding-right: 0; }
  .CalculationCostsShipping-line .form-group {
    width: 20%; }
    .CalculationCostsShipping-line .form-group input.form-control {
      width: 90% !important; }
  .CalculationCostsShipping-line select.form-control {
    width: 90% !important; }
  @media screen and (max-width: 576px) {
    .CalculationCostsShipping {
      margin: 0; } }
  .CalculationCostsShipping .message {
    border: 1px solid orange;
    padding: 10px;
    color: orange;
    margin-bottom: 30px; }
    .CalculationCostsShipping .message a {
      color: orange; }

.MsgTemplate.small .titol_thk {
  font-size: 22px !important;
  font-weight: normal;
  margin-bottom: 1rem !important; }

.MsgTemplate.small .text_thk {
  font-size: 16px !important; }

.show-more-link-landing {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 16px;
  font-style: normal;
  text-align: right;
  color: #091B39;
  text-transform: initial;
  margin-top: 10px; }
  .show-more-link-landing:hover {
    color: #002343; }

.ItemsRecommendedList-header-landing {
  align-items: center;
  display: flex;
  justify-content: space-between;
  font-family: Poppins;
  text-transform: uppercase; }

.OpenMegazine-RecommendedSection.landing .ProductCard-price {
  color: #091B39; }

.OpenMegazine-RecommendedSection.landing .ItemRecommendedCard-button {
  background-color: #CED1D7;
  color: #091B39; }
  .OpenMegazine-RecommendedSection.landing .ItemRecommendedCard-button:hover {
    background-color: #002343;
    color: #fff; }

.OpenMegazine-RecommendedSection.landing .ItemRecommendedCard-texts a:hover {
  color: #CED1D7; }

.OpenMegazine-RecommendedSection.landing-sant-jordi .ProductCard-price {
  color: #083d6d; }

.OpenMegazine-RecommendedSection.landing-sant-jordi .ItemRecommendedCard-button {
  background-color: #091B39;
  color: #fff; }
  .OpenMegazine-RecommendedSection.landing-sant-jordi .ItemRecommendedCard-button:hover {
    background-color: #083d6d;
    color: #fff; }

.OpenMegazine-RecommendedSection.landing-sant-jordi .ItemRecommendedCard-texts a:hover {
  color: #083d6d; }

.col-lg-6.left {
  padding-left: 0px;
  padding-right: 0px; }

.col-lg-6.right {
  padding-left: 0px;
  padding-right: 0px; }

@media (min-width: 992px) {
  .col-lg-6.left {
    padding-left: 0;
    padding-right: 15px; }
  .col-lg-6.right {
    padding-left: 15px;
    padding-right: 0; } }

.recomanats_grans.landing-sant-jordi {
  margin-bottom: 4.5rem; }
  .recomanats_grans.landing-sant-jordi .img-block-santjordi {
    margin-bottom: 1rem; }
  .recomanats_grans.landing-sant-jordi .card-subtitle {
    font: normal normal 500 24px/35px Poppins;
    letter-spacing: 0;
    color: #002343;
    text-transform: uppercase;
    margin-top: 0; }
  .recomanats_grans.landing-sant-jordi .card-title {
    font: normal normal 200 16px/25px Poppins;
    letter-spacing: 0;
    color: #002343;
    min-height: 120px; }
  .recomanats_grans.landing-sant-jordi .btn-primary {
    border-color: #091B39;
    background-color: #091B39;
    color: #fff;
    font: normal normal 500 14px/14px Poppins;
    width: 200px;
    border-radius: 0;
    padding: 10px 0 10px 0; }
    .recomanats_grans.landing-sant-jordi .btn-primary:hover {
      border-color: #083d6d;
      background-color: #083d6d;
      color: #fff; }

.inici-home-sant-jordi {
  background: linear-gradient(180deg, #C774AA 0%, #E32D2C 100%);
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 100% 14.7%;
  margin-top: 0;
  padding-top: 0; }
  @media screen and (max-width: 800px) {
    .inici-home-sant-jordi {
      padding-top: 0; } }
  @media (min-width: 800px) {
    .inici-home-sant-jordi {
      padding-top: 140px;
      background-size: 100% 17%; } }

.head-sant-jordi {
  margin-bottom: 4.5rem; }
  .head-sant-jordi .left {
    padding: 7rem 1rem 0 1rem; }
    @media (min-width: 800px) {
      .head-sant-jordi .left {
        padding: 5rem 0 0 0; } }
  .head-sant-jordi h1 {
    font: normal normal 500 39px/59px Poppins;
    color: #fff; }
  .head-sant-jordi p {
    font: normal normal 200 16px/25px Poppins;
    color: #fff; }
  .head-sant-jordi img {
    max-width: 100%;
    padding-top: 4rem; }

header.landing {
  background-color: #091B39; }
  header.landing .navbar-nav {
    background-color: #091B39; }
    header.landing .navbar-nav a.dropdown-toggle:hover {
      color: #fff !important; }
  header.landing.sant-jordi {
    background-color: transparent;
    background: linear-gradient(180deg, #C774AA 0%, #E32D2C 700%); }
    header.landing.sant-jordi .navbar-nav {
      background: #ca6e9e;
      border-color: transparent; }
  header.landing li {
    border: none;
    color: #fff;
    font-size: 1.5rem; }
    header.landing li.separator.finish, header.landing li.separator.init {
      display: none; }
    header.landing li button {
      padding: 0 1rem 0 1rem;
      margin-top: 0;
      color: #fff; }
    header.landing li .btn.menu {
      margin-top: 0; }
      header.landing li .btn.menu.btn-user {
        padding-left: 1rem; }
      header.landing li .btn.menu.btn-cart {
        padding-left: 1rem;
        padding-right: 1rem; }
        header.landing li .btn.menu.btn-cart svg {
          font-size: 1.2rem;
          color: #fff; }
    header.landing li .item.usuaris {
      margin-left: 0px; }
    header.landing li .item.landing-text {
      font-size: .8rem;
      width: 140px;
      text-transform: uppercase;
      display: none; }
      header.landing li .item.landing-text.sant-jordi {
        width: 145px; }
    header.landing li .item.sel-idiomes .nav-item a {
      color: #fff; }
      header.landing li .item.sel-idiomes .nav-item a:hover {
        text-decoration: underline; }
    header.landing li .item.sel-idiomes .dropdown-menu {
      background-color: #091B39; }
    header.landing li .item.sel-idiomes .DropdownWithChevron a.dropdown-toggle.nav-link::before {
      top: -6px; }
    header.landing li .item.sel-idiomes .DropdownWithChevron.sant-jordi .dropdown-menu {
      background-color: #ca6e9e;
      border-color: #ca6e9e; }
    header.landing li .item .modal-cart-wrapper {
      color: #002343; }
      header.landing li .item .modal-cart-wrapper a {
        height: 40px; }
      header.landing li .item .modal-cart-wrapper .fl-modal:after, header.landing li .item .modal-cart-wrapper .fl-modal:before {
        top: -8px; }
      header.landing li .item .modal-cart-wrapper .fl-modal .modal-cart {
        margin-top: 0; }
        header.landing li .item .modal-cart-wrapper .fl-modal .modal-cart .fa-w-14 {
          font-size: 1rem; }
  header.landing .header-bottom-landing {
    background-color: transparent;
    right: 30px;
    position: absolute;
    top: -5px; }
    header.landing .header-bottom-landing .wrap {
      padding-top: 1rem; }
      header.landing .header-bottom-landing .wrap .options {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap; }
        header.landing .header-bottom-landing .wrap .options > .item {
          font-size: 1.5rem; }
          header.landing .header-bottom-landing .wrap .options > .item:first-child {
            width: 55%; }
          header.landing .header-bottom-landing .wrap .options > .item:nth-child(2) {
            width: 25%; }
          header.landing .header-bottom-landing .wrap .options > .item .btn-cart .number {
            width: 1.5rem;
            height: 1.5rem;
            border-radius: 50%;
            text-align: center;
            background-color: #f49331;
            color: #fff;
            font-size: 12px;
            line-height: 1.5rem;
            display: block;
            position: relative;
            top: -2.3rem;
            right: -0.8rem; }
      header.landing .header-bottom-landing .wrap .options-inner {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        height: 30px; }
        header.landing .header-bottom-landing .wrap .options-inner > .item .btn-cart .number {
          width: 1.5rem;
          height: 1.5rem;
          border-radius: 50%;
          text-align: center;
          background-color: #f49331;
          color: #fff;
          font-size: 12px;
          line-height: 1.5rem;
          display: block;
          position: relative;
          top: -2.3rem;
          right: -0.8rem; }
          header.landing .header-bottom-landing .wrap .options-inner > .item .btn-cart .number._museu {
            color: #091B39 !important;
            background-color: #fff !important; }

@media screen and (min-width: 410px) {
  header.landing li.separator.init {
    display: block; }
  header.landing li .item.landing-text {
    display: block; } }

@media screen and (min-width: 460px) {
  header.landing li .item.landing-text {
    font-size: 1rem;
    width: 170px; } }

@media screen and (min-width: 577px) {
  header.landing li {
    /*.item {
          .modal-cart-wrapper {
            a {
              padding-left: 0;
            }
          }
        }*/ }
    header.landing li .btn.menu.btn-cart svg {
      font-size: 1.5rem; } }

@media screen and (min-width: 801px) {
  header.landing .navbar-toggler {
    display: none; }
  header.landing .header-bottom-landing {
    top: 5px; }
  header.landing li.separator.finish {
    display: block; } }

.OpenBook {
  margin-bottom: 120px;
  padding-top: 60px; }
  .OpenBook .GeneralData {
    margin-top: 2px; }
    .OpenBook .GeneralData-title {
      margin-bottom: 8px; }
      .OpenBook .GeneralData-title h1 {
        margin-bottom: 0; }
    .OpenBook .GeneralData-subtitle {
      margin-bottom: 8px !important; }
    .OpenBook .GeneralData-author {
      text-decoration: underline; }
    .OpenBook .GeneralData-price {
      font-size: 24px !important;
      margin-top: 18px !important;
      margin-bottom: 10px !important; }
    .OpenBook .GeneralData-status {
      margin-top: 22px;
      font-size: 14px;
      font-weight: 500;
      color: #77db6f; }
      .OpenBook .GeneralData-status.label {
        color: #000; }
    .OpenBook .GeneralData-recommendedBy {
      margin-top: 24px; }
    .OpenBook .GeneralData-buttons {
      align-items: center;
      display: flex;
      justify-content: flex-start; }
      .OpenBook .GeneralData-buttons button {
        width: 245px !important;
        margin-right: 11px !important; }
  .OpenBook-details {
    background-color: #f8f9fb;
    margin-top: 70px;
    padding-bottom: 40px;
    padding-top: 40px;
    width: 100%; }
    .OpenBook-details .container {
      display: flex;
      flex-direction: row-reverse;
      padding: 0; }
  .OpenBook .DetailContainer {
    display: flex;
    flex-direction: column;
    font-family: Poppins Regular;
    font-weight: 300;
    font-size: 14px; }
    .OpenBook .DetailContainer a {
      text-decoration: none; }
    .OpenBook .DetailContainer-title {
      font-size: 24px;
      font-weight: 500;
      margin-bottom: 30px; }
    .OpenBook .DetailContainer-item {
      margin-bottom: 13px; }
  .OpenBook-detailPadding {
    padding-left: 70px; }
  .OpenBook-images {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    position: relative;
    width: 268px; }
    .OpenBook-images .iconazoom {
      top: 10px;
      left: calc(100% - 30px); }
    .OpenBook-images img {
      height: 410px;
      object-fit: cover;
      object-position: center;
      width: 100%; }
  .OpenBook-favoriteButton {
    align-items: baseline;
    cursor: pointer;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px; }
    .OpenBook-favoriteButton .i-heartIcon::before {
      height: 13px;
      width: 15px;
      margin-right: 13px; }
  @media screen and (max-width: 992px) {
    .OpenBook-generalData {
      padding-left: 0;
      padding-right: 0; }
    .OpenBook .GeneralData {
      margin-top: 0px; }
      .OpenBook .GeneralData-status {
        margin-top: 10px; }
      .OpenBook .GeneralData-buttons {
        display: flex;
        flex-direction: column; }
        .OpenBook .GeneralData-buttons button {
          width: 100% !important; }
    .OpenBook-details {
      margin-top: 30px;
      padding-bottom: 30px;
      padding-top: 30px; }
      .OpenBook-details .container {
        display: flex;
        flex-direction: column;
        padding-left: 0;
        padding-right: 0; }
    .OpenBook-detailPadding {
      padding-left: 0px;
      margin-bottom: 45px; }
    .OpenBook .DetailContainer-title {
      font-size: 18px;
      margin-bottom: 20px; }
    .OpenBook-images {
      min-height: auto;
      margin-bottom: 30px;
      padding-left: 0;
      padding-right: 0; } }

.OpenObject {
  padding-top: 60px; }
  .OpenObject-GeneralData {
    margin-top: 7px !important; }
  .OpenObject-price {
    font-size: 24px !important; }
  .OpenObject-buttons {
    margin-bottom: 20px; }
    .OpenObject-buttons > * {
      margin-right: 16px; }
  .OpenObject-image {
    display: flex;
    flex-direction: column; }
  .OpenObject-RecommendedSection {
    margin: -15px;
    margin-top: 87px; }
  .OpenObject-favoriteButton {
    align-items: baseline;
    cursor: pointer;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px; }
    .OpenObject-favoriteButton .i-heartIcon::before {
      height: 13px;
      width: 15px;
      margin-right: 13px; }
  @media screen and (max-width: 992px) {
    .OpenObject-RecommendedSection {
      margin: 0px;
      margin-top: 120px;
      padding: 0; } }

.OpenAgenda-RecommendedSection {
  margin-top: 60px; }

.OpenAgenda-calendarBtn .react-datepicker-ignore-onclickoutside,
.OpenAgenda-calendarBtn .react-datepicker__input-container input {
  font-weight: bold !important;
  padding-left: 0;
  padding-right: 25px; }
  .OpenAgenda-calendarBtn .react-datepicker-ignore-onclickoutside:hover, .OpenAgenda-calendarBtn .react-datepicker-ignore-onclickoutside:active, .OpenAgenda-calendarBtn .react-datepicker-ignore-onclickoutside:focus,
  .OpenAgenda-calendarBtn .react-datepicker__input-container input:hover,
  .OpenAgenda-calendarBtn .react-datepicker__input-container input:active,
  .OpenAgenda-calendarBtn .react-datepicker__input-container input:focus {
    outline: none !important; }

.OpenAgenda-calendarBtn .react-datepicker-ignore-onclickoutside {
  border-bottom: 1px solid #002343; }

.OpenAgenda-calendarBtn:hover .react-datepicker__input-container input {
  color: white !important;
  border-bottom: 1px solid white; }
  .OpenAgenda-calendarBtn:hover .react-datepicker__input-container input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: white; }
  .OpenAgenda-calendarBtn:hover .react-datepicker__input-container input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: white; }
  .OpenAgenda-calendarBtn:hover .react-datepicker__input-container input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: white; }
  .OpenAgenda-calendarBtn:hover .react-datepicker__input-container input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: white; }
  .OpenAgenda-calendarBtn:hover .react-datepicker__input-container input::placeholder {
    color: white; }

.OpenMegazine-RecommendedSection {
  margin-top: 0px; }

.OpenMegazine-content ol, .OpenMegazine-content ul {
  margin-left: 1rem; }

.OpenMegazine .container-from-fitxa-author {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  margin-left: -13px; }
  .OpenMegazine .container-from-fitxa-author img {
    height: 18px;
    margin: 0;
    align-self: baseline; }
  .OpenMegazine .container-from-fitxa-author .author {
    margin: 0; }
    .OpenMegazine .container-from-fitxa-author .author .author-content {
      text-decoration: underline; }

.OpenMegazine .container-from-title-square {
  background: #FFFFFF;
  width: 257px;
  max-height: 120px;
  position: absolute;
  top: -146px;
  left: 42px; }
  .OpenMegazine .container-from-title-square .wrapper-from-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    height: -webkit-fill-available;
    justify-content: center; }
    .OpenMegazine .container-from-title-square .wrapper-from-content .title-container .title {
      color: #001F3C;
      font-size: 17px;
      margin-bottom: 8px; }
    .OpenMegazine .container-from-title-square .wrapper-from-content .descubreix, .OpenMegazine .container-from-title-square .wrapper-from-content a {
      color: #F39331;
      font-weight: 600;
      font-size: 15px;
      margin: 0; }

.OrdersByEmail-title {
  font-size: 20px;
  font-weight: bold; }

.OrdersByEmail-label {
  font-style: italic;
  color: gray;
  font-size: 12px; }

.OrdersByEmail-footer {
  padding-top: 4rem;
  display: flex;
  justify-content: space-between; }

.AboutLaie {
  /*max-width: 1600px;*/
  margin-left: auto;
  margin-right: auto;
  overflow: auto;
  width: 100%; }
  .AboutLaie-mainInfo {
    max-width: 676px;
    margin: 40px auto;
    text-align: center;
    width: 100%; }
  .AboutLaie-socialRespBlock {
    background-color: #D9EBFF;
    height: 110px;
    padding: 20px 0;
    width: 100%; }
  .AboutLaie-socialRespBlock-content {
    align-items: stretch;
    display: flex;
    justify-content: center;
    margin: 0 auto; }
  .AboutLaie-socialRespBlock-img {
    background-color: transparent;
    height: 76px;
    margin: auto 0;
    margin-right: 48px;
    object-fit: contain;
    width: 46px; }
  .AboutLaie-socialRespBlock-texts {
    border-left: 1px solid #002343;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    font-size: 14px;
    padding-left: 48px; }
  .AboutLaie-mainIcon {
    width: 49px;
    height: 40px;
    margin: 0 auto; }
  .AboutLaie-mainContent {
    color: #002343;
    font-size: 35px;
    font-family: Poppins SemiBold;
    margin-top: 45px; }
  .AboutLaie-section {
    display: flex;
    margin: 70px 0; }
    .AboutLaie-section .AboutLaieInfoCard {
      margin-left: 50px;
      margin-top: 30px; }
    .AboutLaie-section.reverse {
      flex-direction: row-reverse;
      justify-content: end; }
    .AboutLaie-section.reverse .AboutLaieInfoCard {
      margin-left: 0;
      margin-right: 50px; }
  .AboutLaie-sectionImg {
    height: auto;
    width: 45%;
    object-fit: contain;
    object-position: center; }
  .AboutLaie-graySection {
    background-color: #f8f9fb;
    padding: 40px 0;
    text-align: center;
    margin-bottom: 70px; }
  .AboutLaie-graySectionTitle {
    font-size: 30px;
    font-family: Poppins Medium; }
  .AboutLaie-graySectionFooter {
    font-size: 16px;
    font-family: Poppins Regular;
    margin-bottom: 20px; }
  .AboutLaie-graySectionCards {
    margin: 80px 0;
    display: flex;
    justify-content: space-between;
    overflow: auto; }
  .AboutLaie-mainResponsibilityCard {
    width: 100%;
    max-width: 805px; }
  .AboutLaie-mainResponsibilityCard .AboutLaieInfoCard-title {
    max-width: none; }
  .AboutLaie-responsibilities {
    margin-top: 70px;
    margin-bottom: 70px; }
  @media screen and (max-width: 576px) {
    .AboutLaie-socialRespBlock-img {
      margin-right: 33px; }
    .AboutLaie-socialRespBlock-texts {
      max-width: 215px;
      padding-left: 33px; }
    .AboutLaie-mainInfo {
      max-width: 276px; }
    .AboutLaie-mainIcon {
      width: 30px;
      height: 24px; }
    .AboutLaie-mainContent {
      font-size: 18px; }
    .AboutLaie-section {
      display: block;
      margin: 70px 15px; }
      .AboutLaie-section .AboutLaieInfoCard {
        margin: 0;
        margin-top: 20px; }
    .AboutLaie-sectionImg {
      width: 100%; }
    .AboutLaie-graySectionTitle {
      font-size: 20px;
      margin-bottom: 20px; }
    .AboutLaie .AboutLaieGrayCard {
      margin-bottom: 30px; } }

.PrivateSection-container {
  padding-top: 120px;
  padding-bottom: 120px; }

.PrivateSection-backButton {
  align-items: center;
  display: flex;
  font-size: 18px;
  padding: 0;
  margin: 20px 0px;
  margin-top: 40px; }

@media screen and (max-width: 992px) {
  .PrivateSection {
    margin-top: 57px; }
    .PrivateSection.isHome {
      margin-top: 80px; }
    .PrivateSection-container {
      padding-top: 0px;
      padding-bottom: 60px; } }

.AdvSearch {
  margin-top: 80px; }

.i-openBookIcon::before {
  background-image: url("/img/icons/icon-llibres.svg");
  content: "";
  display: block; }

.i-objectesIcon::before {
  background-image: url("/img/icons/icon-objectes.svg");
  content: "";
  display: block; }

.i-heartIcon::before {
  background-image: url("/icones/heart.svg");
  content: "";
  display: block; }

.i-recomanaIcon::before {
  background-image: url("/icones/icon-recomana.svg");
  content: "";
  display: block; }

.i-defaultUserIcon::before {
  background-image: url("/icones/icon-defaultUser.svg");
  content: "";
  display: block; }

.i-chevronRight::before {
  background-image: url("/img/icons/chevron-derecho.svg");
  content: "";
  display: block; }

.ProductList-listItem {
  align-items: flex-start !important;
  margin-left: 5px;
  margin-right: 5px; }

.ProductList-itemTitle {
  max-width: 200px;
  margin: 0; }

.ProductList-itemPrice {
  text-align: right; }
  .ProductList-itemPrice span {
    margin-left: auto; }

.ProductList .strikethrough {
  text-decoration: line-through;
  color: gainsboro; }

.CartModal-productPreview {
  background-color: lightgrey;
  content: '';
  display: block;
  height: 80px;
  object-fit: cover;
  object-position: center;
  width: 63px; }

.BuyAddress {
  background-color: #f6f7f9;
  color: inherit;
  border: 1px solid #bdc7d0;
  padding: 0.5rem;
  margin: 1rem 0;
  cursor: pointer; }
  .BuyAddress.active {
    background-color: #f6f7f9;
    border-color: #bdc7d0;
    color: inherit; }
  .BuyAddress.inactive {
    background-color: #fafafb;
    color: #7991a0;
    border-color: #dbdfe2; }
  .BuyAddress-addressData {
    padding-left: 20px; }
  .BuyAddress-data {
    display: block; }
    .BuyAddress-data.bold {
      font-weight: bold; }

.FavoiteCard {
  background-color: white;
  padding: 0 !important;
  box-shadow: none !important;
  border: none !important; }
  .FavoiteCard-imgWrapper {
    position: relative;
    width: 100%;
    min-height: 294px;
    margin-bottom: 10px; }
  .FavoiteCard-body {
    padding: 0px !important; }
  .FavoiteCard-text {
    min-height: 85px; }
  .FavoiteCard-price {
    text-align: right !important; }
  .FavoiteCard-img {
    max-width: 230px;
    height: 294px;
    width: 100%;
    display: block;
    object-fit: cover;
    object-position: center; }
  .FavoiteCard-trashBtn {
    position: absolute;
    background-color: white !important;
    right: 10px;
    top: 10px;
    border-radius: 50%;
    max-width: 30px;
    max-height: 30px;
    width: 100%;
    height: 100%;
    padding: 5px;
    text-align: center; }
    .FavoiteCard-trashBtn svg {
      margin: 0; }
    .FavoiteCard-trashBtn:hover {
      background-color: #002343 !important; }

.Cart-summary {
  position: -webkit-sticky;
  position: sticky;
  top: 70px; }

.recom_card_llibre img {
  border: 2px solid #e3e3e3;
  object-position: center; }

.AsImg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }

.LaieHr {
  border: none;
  border-top: 2px solid #002343;
  height: 1rem; }
  .LaieHr.gray {
    border-color: #d2d8dd; }