/**
 * Main variables
 */
/**
 * For rem calculations
 */
/**
 * Grid Breakpoints
 */
/**
 * RWD Breakpoints
 */
.b-section {
  position: relative;
  min-height: 2rem;
  content: "";
}
.b-section--padding-small {
  padding: 1rem 0;
}
.b-section--padding {
  padding: 2rem 0;
}
@media (min-width: 992px) {
  .b-section--padding {
    padding: 5rem 0;
  }
}
@media (min-width: 1180px) {
  .b-section--padding {
    padding: 10rem 0;
  }
}
.b-section.has-padding-top--0 {
  padding-top: 0;
}
.b-section.has-padding-top--small {
  padding-top: 2rem;
}
@media (min-width: 992px) {
  .b-section.has-padding-top--small {
    padding-top: 3rem;
  }
}
@media (min-width: 1180px) {
  .b-section.has-padding-top--small {
    padding-top: 4rem;
  }
}
.b-section.has-padding-top--big {
  padding-top: 2rem;
}
@media (min-width: 992px) {
  .b-section.has-padding-top--big {
    padding-top: 5rem;
  }
}
@media (min-width: 1180px) {
  .b-section.has-padding-top--big {
    padding-top: 10rem;
  }
}
.b-section--rounded {
  background: transparent !important;
}
.b-section--rounded.has-white-background-color::before {
  background-color: #f7f8fa;
}
.b-section--rounded.has-blue-background-color::before,
.b-section--rounded.has-blue-background-color .l-container {
  background-color: #0775e2;
}
.b-section--rounded.has-medium-blue-background-color::before,
.b-section--rounded.has-medium-blue-background-color .l-container {
  background-color: #2245a3;
}
.b-section--rounded.has-dark-blue-background-color::before,
.b-section--rounded.has-dark-blue-background-color .l-container {
  background-color: #002172;
}
.b-section--rounded.has-red-background-color::before,
.b-section--rounded.has-red-background-color .l-container {
  background-color: #e2076a;
}
.b-section--rounded.has-cyan-background-color::before,
.b-section--rounded.has-cyan-background-color .l-container {
  background-color: #00d2e8;
}
.b-section--rounded.has-black-background-color::before,
.b-section--rounded.has-black-background-color .l-container {
  background-color: #1c2b39;
}
.b-section--rounded.has-light-grey-background-color::before,
.b-section--rounded.has-light-grey-background-color .l-container {
  background-color: #ebedf1;
}
.b-section--rounded.has-dark-grey-background-color::before,
.b-section--rounded.has-dark-grey-background-color .l-container {
  background-color: #7b89a7;
}
.b-section--rounded.has-text-grey-background-color::before,
.b-section--rounded.has-text-grey-background-color .l-container {
  background-color: #525f6a;
}
.b-section--rounded::before {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 100%;
  background: green;
  content: "";
}
.b-section--rounded.has-margin-top-minus--xl::before {
  height: calc(100% - 9rem);
}
.b-section--rounded.has-margin-top-minus--l::before {
  height: calc(100% - 6rem);
}
.b-section--rounded.has-margin-top-minus--s::before {
  height: calc(100% - 3rem);
}
.b-section__inside {
  position: relative;
  z-index: 2;
}
.b-section__poster {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.b-section__poster img,
.b-section__poster video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.b-section__mask {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0);
  opacity: 0.1;
}

/*# sourceMappingURL=block_section.css.map*/