/**
*********************
* Import all the settings
********************
**/
/**
*********************
* Colors
********************
**/
/**
*********************
* Import all the settings
********************
**/
/**
*********************
* Variables
********************
**/
/* Typography */
/* Transitions */
/* Container & spacings */
/** Button spacing **/
/* Border */
/* Breakpoints */
/**
*********************
* Mixins
********************
**/
/**
*********************
* Breakpoint mixin
********************
**/
/**
*********************
* Import all the settings
********************
**/
/**
*********************
* Import all the settings
********************
**/
/**
*********************
* Button styles
********************
**/
/**
*********************
* Mixins
********************
**/
.lbs-three-blocks {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}
@media only screen and (min-width: 62rem) {
  .lbs-three-blocks {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}
.lbs-three-blocks .layout__region {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 100rem) {
  .lbs-three-blocks {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.938rem;
    padding-left: 0.938rem;
  }
}
@media only screen and (min-width: 100rem) and (min-width: 36rem) {
  .lbs-three-blocks {
    max-width: 33.75rem;
  }
}
@media only screen and (min-width: 100rem) and (min-width: 48rem) {
  .lbs-three-blocks {
    max-width: 45rem;
  }
}
@media only screen and (min-width: 100rem) and (min-width: 62rem) {
  .lbs-three-blocks {
    max-width: 60rem;
  }
}
@media only screen and (min-width: 100rem) and (min-width: 75rem) {
  .lbs-three-blocks {
    max-width: 71.25rem;
  }
}

.parallax-image-right {
  position: relative;
}
@media only screen and (min-width: 62rem) {
  .parallax-image-right .layout__region .three-blocks-image {
    margin-left: auto;
  }
}
.parallax-image-right .lbs-text-block-var-four.text-block {
  z-index: 9;
  order: 1;
  margin-bottom: 3rem;
}
@media only screen and (min-width: 62rem) {
  .parallax-image-right .lbs-text-block-var-four.text-block {
    left: 2.8125rem;
    order: 0;
  }
}
@media only screen and (min-width: 100rem) {
  .parallax-image-right .lbs-text-block-var-four.text-block {
    left: 0.3125rem;
  }
}

.parallax-image-left {
  position: relative;
}
.parallax-image-left .lbs-text-block-var-four.text-block {
  z-index: 9;
  order: 1;
  margin-right: 0.9375rem;
  margin-bottom: 3rem;
}
.parallax-image-left .lbs-text-block-var-four.text-block a {
  right: 0;
  left: auto;
}
@media only screen and (max-width: 61.937rem) {
  .parallax-image-left .lbs-text-block-var-four.text-block a {
    right: auto;
    left: 0;
  }
}
@media only screen and (min-width: 62rem) {
  .parallax-image-left .lbs-text-block-var-four.text-block {
    right: 2.8125rem;
    left: auto;
    order: 0;
  }
}
@media only screen and (min-width: 100rem) {
  .parallax-image-left .lbs-text-block-var-four.text-block {
    right: 0;
  }
}

.three-blocks-image-img {
  position: relative;
  overflow: hidden;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 15.6875rem;
  transform: translate3d(0, 0, 0);
}
.three-blocks-image-img img {
  position: absolute;
  min-width: 100%;
  height: 100vh;
  object-fit: contain;
}
@media only screen and (max-width: 62rem) and (orientation: landscape) {
  .three-blocks-image-img img {
    object-fit: cover;
  }
}
@media only screen and (min-width: 48rem) {
  .three-blocks-image-img {
    max-width: 54.375rem;
    max-height: 39.125rem;
  }
}
@media only screen and (min-width: 100rem) {
  .three-blocks-image-img {
    max-width: 48.75rem;
  }
}

/*# sourceMappingURL=three-block.css.map */