/* PARTNER */

.partners-button {
  max-width: 326px;
  margin: 0 auto;
}

.partner-full .partner.full .image {
  width: 326px;
  margin: 0 auto;
}

@media (max-width: 375px) {
  .paragraph--type--partner-list-mini.ba111111col-wrapper .logo-wall__wrapper .logo-wall__items {
    display: block;
  }
}

.ba111111 .partner .mask .img {
  width: 145px;
  height: 90px;
}



.partner .mask .img {
  border: 1px solid #FFF;
  margin-bottom: 34px;
  width: 326px;
  height: 217px;
  background-color: #fff;
}

.partner a .mask .img {
  border: 1px solid #FFF;
  transition: all .4s;
}

.partner a .mask .img img ,
.premium-partner a .mask .img img ,
.platin-partner a .mask .img img ,
.media-partner a .mask .img img {
  filter: saturate(100%);
  transition: all .4s;
  max-width: none;
}

.partner a:hover .mask .img {
  border: 1px solid var(--primary-color);
}

.partner a:hover .mask .img img ,
.premium-partner a:hover .mask .img img ,
.platin-partner a:hover .mask .img img ,
.media-partner a:hover .mask .img img {
  filter: saturate(100%);
}

.partner .mask .img div img {
  padding: 17px;
}

.ba111111 .partner .mask .img div img {
  padding: 0;
}

/* PREMIUM PARTNER */

.premium-partner-full .bar-partner::before {
  border-color: #FDC400;
}

.premium-partner-full .bar-partner {
  color: #07262d;
}

.premium-partner-full .premium-partner.full .image {
  width: 326px;
  margin: 0 auto;
}

.premium-partner .mask .img {
  border: 1px solid #FFF;
  margin-bottom: 34px;
  width: 326px;
  height: 217px;
  background-color: #fff;
}

.premium-partner a .mask .img {
  border: 1px solid #FFF;
  transition: all .4s;
}

.premium-partner a:hover .mask .img {
  border: 1px solid var(--primary-color);
}

.premium-partner .mask .img div img {
  padding: 17px;
}

/* PLATIN PARTNER */

.platin-partner-full .platin-partner.full .image {
  width: 326px;
  margin: 0 auto;
}

@media (min-width: 1096px) {
  .platin-partner-full .platin-partner.full .image {
    width: 506px;
  }
}

.platin-partner .mask .img {
  border: 1px solid #FFF;
  margin-bottom: 34px;
  width: 326px;
  height: 217px;
  background-color: #fff;
}

@media (min-width: 1096px) {
  .platin-partner .mask .img {
  width: 506px;
  height: 337px;
  }
}

.platin-partner a .mask .img {
  border: 1px solid #FFF;
  transition: all .4s;
}

.platin-partner a:hover .mask .img {
  border: 1px solid var(--primary-color);
}

.platin-partner .mask .img div img {
  padding: 17px;
  max-width: calc(100% - 34px);
}

/* MEDIA PARTNER */

.media-partner-full .media-partner.full .image {
  width: 326px;
  margin: 0 auto;
}

.media-partner .mask .img {
  border: 1px solid #FFF;
  margin-bottom: 34px;
  width: 326px;
  height: 217px;
  background-color: #fff;
}

.media-partner a .mask .img {
  border: 1px solid #FFF;
  transition: all .4s;
}

.media-partner a:hover .mask .img {
  border: 1px solid var(--primary-color);
}

.media-partner .mask .img div img {
  padding: 17px;
}

/* box */
.logo-wall__wrapper {
  margin: 25px 0 50px;
  position: relative;
}

.logo-wall__box {
  position: absolute;
  height: calc( 100% + 40px);
  width: 100vw;
  opacity: 0;
  box-sizing: border-box;
  top: -39px;
  left: -119px;
}

.logo-wall__items {
  display: table;
}

.logo-wall__box {
  animation-name:logo-hide;
  animation-delay:2250ms;
  animation-duration:750ms;
  animation-fill-mode:forwards;
  opacity:1
}

.logo-wall__box-shape {
 stroke-dasharray:200%;
 stroke-dashoffset:200%;
 animation-name:logo-square;
 animation-duration:1750ms;
 animation-fill-mode:forwards
}


@keyframes logo-square {
 to {
  stroke-dashoffset:0
 }
}
@keyframes logo-hide {
 from {
  transform: translateX(0) translateY(0);
 }
 to {
  transform: translateX(98px) translateY(0);
 }
}
.logo-wall__box-shape-1 {
 animation-delay:0ms
}
.logo-wall__box-shape-2 {
 animation-delay:750ms
}
.logo-wall__box-shape-3 {
 animation-delay:1100ms
}
.logo-wall__box-shape-4 {
 animation-delay:1750ms
}
.logo-wall__headline {
 margin:auto;
 font-weight:600;
 color:#07262d
}
@media(min-width: 1025px) {
 .logo-wall__headline {
  font-size:32px;
  line-height:46px;
  padding:50px 0 0 13%
 }
}
@media(min-width: 600px)and (max-width: 1024px) {
 .logo-wall__headline {
  font-size:28px;
  line-height:42px;
  padding:40px 0 0 8%
 }
}
@media screen and (max-width: 599px) {
 .logo-wall__headline {
  font-size:24px;
  line-height:38px;
  padding:30px 0 0 8%
 }
}