/*====================================================================
slick
====================================================================*/

html, body {
    margin: 0;
    padding: 0;
}
* {
    box-sizing: border-box;
}
.sliderArea {
    max-width: 100%;
    margin: 30px auto 0;
    padding: 0 25px;
}
@media (max-width: 767px) {
  .sliderArea {
      margin: 0 auto;
  }
}
.sliderArea.w300 {
    max-width: 300px;
}
.slick-slide {
    margin: 0 5px;
}
.slick-slide img {
    width: 100%;
    height: auto;
}
.slick-arrow {
    display: none;
}
.slick-prev:before, .slick-next:before {
    content: '';
}
.slick-slide {
    transition: all ease-in-out .3s;
    opacity: 1;
}
.slick-active {
    opacity: 1;
}
.slick-current {
    opacity: 1;
}
.thumb {
    margin: 20px 0 0;
}
.thumb .slick-slide {
    cursor: pointer;
}
.thumb .slick-slide:hover {
    opacity: 0.7;
}

/*====================================================================
.full-screen
====================================================================*/

.full-screen .slick-list {
    overflow: visible;
}
.full-screen.slider {
    max-width: 300px;
    margin: 0 auto;
}

/*====================================================================
.logo
====================================================================*/

.logo {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  grid-gap: 1rem;
}

.logo__items {
  background: white;
}

.logo__items img {
  width: 130px;
  height: 75px;
  object-fit: contain;
}

.logo__items a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}