:root {
  --white: white;
  --black: black;
}

.msb-wrap {
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

.msb-hero {
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}

.msb-container {
  width: 92%;
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
}

.msb-container.z-index-10 {
  z-index: 10;
  max-width: 1450px;
  position: relative;
}

.msb-container.is-small {
  max-width: 1050px;
}

.msb-hero_diagonal-bg {
  background-color: #ffc900;
  width: 150vw;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}
@media (min-width: 576px) {
	.msb-hero_diagonal-bg {
		transform: translate(-20vw, -50%)rotate(0deg);
	}
}
@media (min-width: 992px) {
	.msb-hero_diagonal-bg {
		transform: translate(-20vw, -50%)rotate(-8deg);
	}
}

.msb-hero_top {
  text-align: center;
  margin-bottom: 40px;
}

.msb-h1 {
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 60px;
  font-weight: 700;
  line-height: 1.3;
}

.text-size-large {
  font-size: 24px;
}

.msb-hero_flex {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .6fr) minmax(0, 1.4fr);
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: grid;
}

.msb-hero_left {
  flex: none;
}

.msb-hero_photo {
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 32px;
  display: flex;
}

.msb-hero_photo.hide {
  display: none;
}

.msb-hero_photo-img {
  width: 90%;
}

.msb-hero_photo-img.hide {
  display: none;
}

.msb-hero_right {
  flex: 1;
}

.msb-brands {
  opacity: .8;
  filter: grayscale();
  width: 100%;
  margin-top: 2rem;
  overflow: hidden;
}

.msb-brands-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.msb-brands-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding-right: 40px;
  display: flex;
}

.msb-brands-item {
  justify-content: center;
  align-items: center;
  max-width: 180px;
  height: 60px;
  display: flex;
}

.msb-brands-item-img {
  max-height: 100%;
}

.msb-brand-holder {
  width: 100%;
  padding-left: 5%;
}

.hide {
  display: none;
}

.msb-slides {
  background-color: rgba(255, 255, 255, 0);
  height: auto;
}

.msb-slides_photo-wrap {
  aspect-ratio: 3 / 2;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
}

.msb-slides_photo-img {
  max-width: 90%;
  max-height: 90%;
}

.msb-header {
  background-image: url('../images/Uheader-screen_1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 160px;
  height: 160px;
}

.msb-footer {
  background-color: #f3f3f3;
  background-image: url('../images/footer-screen_1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 572px;
  height: 572px;
}

@media screen and (max-width: 991px) {
  .msb-h1 {
    font-size: 40px;
  }

  .text-size-large {
    font-size: 20px;
  }

  .msb-hero_flex {
    flex-flow: column;
    grid-template-columns: minmax(1px, 1fr);
  }

  .msb-hero_left {
    order: 1;
    width: 100%;
  }

  .msb-brand-holder {
    padding-left: 0%;
  }
}

@media screen and (max-width: 767px) {
  .msb-h1 {
    font-size: 32px;
  }

  .text-size-large {
    font-size: 18px;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_3b0f732e-7545-46c2-9943-49840e3b8d2a-4dfc79a3 {
    order: -9999;
  }
}