h1 {
  font-size: 32px;
}

h3 {
  font-weight: bold;
  font-family: "Roboto", "Lato", "sans-serif" !important;
  font-size: 14px;
}

#main-header {
  /* background-color: #d9dfed; */
  margin-bottom: 40px;
}

#header-bg {
  display: grid;
  grid-template-columns: 1fr 1fr;
}


/* MASONRY GRID start - Solo per homepage standard fallback */

#product-grid-masonry.grid {
  margin: 0 auto;
}

#product-grid-masonry .grid-item {
  display: inline-block;
  width: 260px;
  margin-bottom: 20px;
}

#product-grid-masonry .grid-sizer {
  width: 10px;
}

#product-grid-masonry .gutter-sizer {
  width: 20px;
}

#product-grid-masonry .grid-item--width2 {
  width: 1085px !important;
  margin-bottom: 35px !important;
  z-index: 100;
}

#product-grid-masonry .video {
  width: 1085px !important;
  /* max-height: 550px !important; */
  object-fit: scale-down !important;
  height: max-content;
  min-height: 610px;
  height: 100%;
}

#product-grid-masonry video {
  object-fit: scale-down !important;
}

@media screen and (min-width:0px) and (max-width: 299px) {
  #product-grid-masonry .grid-item {
    width: 250px;
    margin-bottom: 10px;
  }

  #product-grid-masonry .grid-item--width2,
  #product-grid-masonry .video {
    width: 250px !important;
    min-height: auto !important;
  }

  #product-grid-masonry .grid-sizer {
    width: 280px;
  }

  #product-grid-masonry .gutter-sizer {
    width: 10px;
  }
}

@media screen and (min-width:300px) and (max-width: 350px) {
  #product-grid-masonry .grid-item {
    width: 280px;
    margin-bottom: 10px;
  }

  #product-grid-masonry .grid-item--width2,
  #product-grid-masonry .video {
    width: 280px !important;
    min-height: auto !important;
  }

  #product-grid-masonry .grid-sizer {
    width: 280px;
  }

  #product-grid-masonry .gutter-sizer {
    width: 10px;
  }
}



@media screen and (min-width:351px) and (max-width: 566px) {
  #product-grid-masonry .grid-item {
    width: 160px;
    margin-bottom: 10px;
  }

  #product-grid-masonry .grid-item--width2,
  #product-grid-masonry .video {
    width: 330px !important;
    min-height: auto !important;
  }

  #product-grid-masonry .grid-sizer {
    width: 160px;
  }

  #product-grid-masonry .gutter-sizer {
    width: 10px;
  }

}

@media screen and (min-width:567px) and (max-width: 679px) {
  #product-grid-masonry .grid-item {
    width: 170px;
    margin-bottom: 10px;
  }

  #product-grid-masonry .grid-item--width2,
  #product-grid-masonry .video {
    width: 550px !important;
    min-height: auto !important;
  }

  #product-grid-masonry .grid-sizer {
    width: 170px;
  }

  #product-grid-masonry .gutter-sizer {
    width: 20px;
  }

}

@media screen and (min-width:680px) and (max-width: 1027px) {
  #product-grid-masonry .grid-item {
    width: 200px;
    margin-bottom: 20px;
  }

  #product-grid-masonry .grid-item--width2,
  #product-grid-masonry .video {
    width: 680px !important;
    min-height: auto !important;
  }

  #product-grid-masonry .grid-sizer {
    width: 200px;
  }

  #product-grid-masonry .gutter-sizer {
    width: 45px;
  }

}

@media screen and (min-width:1028px) and (max-width: 1278px) {
  #product-grid-masonry .grid-item {
    width: 220px;
    margin-bottom: 20px;
  }

  #product-grid-masonry .grid-item--width2,
  #product-grid-masonry .video {
    width: 940px !important;
    min-height: auto !important;
  }

  #product-grid-masonry .grid-sizer {
    width: 210px;
  }

  #product-grid-masonry .gutter-sizer {
    width: 35px;
  }

}


/* MASONRY GRID end */






.offer img {
  display: block;
  cursor: pointer;
  height: auto;
  max-height: 700px;
  width: auto;
  margin: auto;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.5);
  transition: all .2s ease-in-out;
}

.offer img:hover {
  box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.3);
  transform: scale(1.03);
}

/* #offer-professional { */
/* display: flex;
  grid-column: span 3;
}

#offer-cotman {
  display: flex;
  grid-column: span 2;
}

@media (max-width: 612px) {
  #offer-professional {
    grid-column: span 2;
  }

  #offer-cotman {
    display: flex;
    grid-column: span 1;
  }
} */



#homepage-main-content {
  display: grid;
  grid-template-rows: auto;
  grid-row-gap: 10px;
}

#header-container {
  padding: 30px 20px;
  border-radius: 10px;
  font-family: "Roboto", "Lato", "sans-serif" !important;
  font-size: 23px;
  text-align: center;
  margin-top: 10px;
  margin: 25px 0;
  background: linear-gradient(270deg, #facd31, #ee59a0, #a565d0, #8395c9, #c8e626, #f99b2e, #f5fa31);
  background-size: 1400% 1400%;
  -webkit-animation: AnimationName 44s ease infinite;
  -moz-animation: AnimationName 44s ease infinite;
  -o-animation: AnimationName 44s ease infinite;
  animation: AnimationName 44s ease infinite;
}

@-webkit-keyframes AnimationName {
  0% {
    background-position: 0% 50%
  }

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

  50% {
    color: white !important
  }

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

@-moz-keyframes AnimationName {
  0% {
    background-position: 0% 50%
  }

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

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

@-o-keyframes AnimationName {
  0% {
    background-position: 0% 50%
  }

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

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

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

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

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

#reasons-to-buy {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  margin-bottom: 80px;
}

.reasons-el {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: 12px;
  align-items: center;
  font-size: 14px;
}

.reasons-el div:last-child {
  border-bottom: 3px solid #26ae90;
  padding: 12px;
  height: 100%;
  background-color: white;
}

.reason-logo {
  display: grid;
  align-items: center;
  padding: 5px;
  border-radius: 10px;
  max-width: 59px;
  height: 100%;
  border: 1px solid;
  background-color: white;
}





































@media (max-width: 450px) {
  #main-picture {
    margin-bottom: 20px !important;
  }

  #homepage-main {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 25px;
    margin-bottom: 35px;
  }

  #reasons-to-buy {
    grid-template-columns: 1fr;
  }

  #artege-info {
    grid-template-columns: 1fr;
  }

  #artege-info img {
    margin: auto;
    padding-bottom: 35px;
  }
}

@media (min-width: 451px) and (max-width: 768px) {
  #main-picture {
    margin-bottom: 20px !important;
  }

  #homepage-main {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 25px;
    margin-bottom: 35px;
  }

  #reasons-to-buy {
    grid-template-columns: 1fr;
  }
}


@media (min-width: 769px) and (max-width: 1225px) {

  #homepage-main {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 25px;
    margin-bottom: 35px;
  }

  #reasons-to-buy {
    grid-template-columns: 1fr 1fr;
  }
}










.swiper {
  /* grid-column-start: 1;
  grid-column-end: 5; */

  width: 100%;
  height: 100%;
  overflow: hidden !important;
  /* wtf this makes it show, otherwise it disappears >_< */
  min-width: 100%;
}

.swiper-slide {
  width: 100% !important;
  height: auto;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;

}

.swiper-slide img {
  display: block;
  width: 100%;
}

.swiper-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.swiper-progress-bar {
  position: relative;
  width: 100%;
  display: block;
  z-index: 1;
  height: 3px;
}

.swiper-progress-bar .slide_progress-bar:after {
  position: absolute;
  top: 0;
  left: 0;
  background: #ee6e73;
  height: 100%;
  width: 0;
  content: "";
  transition: 0.1s width linear;
}

.swiper-progress-bar.active .slide_progress-bar {
  opacity: 1;
}

.swiper-progress-bar.animate .slide_progress-bar:after {
  transition: width linear;
  transition-delay: unset;
  width: 100%;
  transition-duration: 15s;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: unset;
  margin-top: 3px;
}


.swiper-pagination-bullet {
  border-radius: 0;
  background-color: #37404A;
  width: 30px;
  height: 3px;
}

/* REVIEWS START */

#google-reviews-widget {
  display: grid;
  background-color: #3F7EE8;
  color: white;
  grid-template-columns: auto auto;
  grid-column-gap: 8px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  padding: 10px 10px 8px 10px;
  z-index: 101;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  cursor: pointer;
  transition: transform .3s;
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  will-change: transform;
}

#google-reviews-widget:hover {
  will-change: transform;
  transform: scale(1.035);
}

#google-reviews-widget img {
  width: 42px;
}

.stars {
  position: relative;
  white-space: nowrap;
}

.stars svg {
  width: 18px;
}

.cover {
  background: #3F7EE8;
  height: 100%;
  overflow: hidden;
  mix-blend-mode: color;
  position: absolute;
  top: 0;
  right: 0;
}

svg {
  fill: #F8B805;
}

/* REVIEWS END */

#google-info-container {
  display: grid;
  grid-template-columns: auto auto;
  grid-column-gap: 6px;
}

#google-rating-number {
  font-size: 30px;
}

@media (max-width: 949px) {
  #google-reviews-widget {
    display: none !important;
  }
}

#reviews-counter {
  font-size: 12px;
  text-align: center;
}