/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./scss/home_blocks_hero_banner.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
#block-mgs-mgshomepageherobannerblock{
	position:relative;
	z-index:0 !important;
}

.mgs-home-block.hero-banner-block{
  position:relative;
  overflow:hidden;
  z-index:0;
}
.mgs-home-block.hero-banner-block .container-fluid{
  position:relative;
}
.mgs-home-block.hero-banner-block.in-view .parallax{
  position:absolute;
  top:0;
  left:50%;
  -webkit-transform:translateX(-50%);
          transform:translateX(-50%);
  width:100vw;
  height:100vh;
  z-index:-1;
}
@media (min-width: 992px){
  .mgs-home-block.hero-banner-block.in-view .parallax{
    position:fixed;
    z-index:-1;
  }
}
.mgs-home-block.hero-banner-block .parallax .container-fluid{
  height:520px;
}
@media (min-width: 768px){
  .mgs-home-block.hero-banner-block .parallax .container-fluid{
    height:550px;
  }
}
@media (min-width: 992px){
  .mgs-home-block.hero-banner-block .parallax .container-fluid{
    height:100%;
  }
}
.mgs-home-block.hero-banner-block .parallax .img-wrapper{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  overflow:hidden;
}
.mgs-home-block.hero-banner-block .parallax img{
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  -o-object-position:top center;
     object-position:top center;
  display:block;
  -webkit-transition:-webkit-transform 2s ease;
  transition:-webkit-transform 2s ease;
  transition:transform 2s ease;
  transition:transform 2s ease, -webkit-transform 2s ease;
  -webkit-transform:scale(1.1);
          transform:scale(1.1);
}
@media (min-width: 992px){
  .mgs-home-block.hero-banner-block .parallax img{
    -webkit-transition:opacity 0.1s ease, -webkit-transform 5s ease;
    transition:opacity 0.1s ease, -webkit-transform 5s ease;
    transition:transform 5s ease, opacity 0.1s ease;
    transition:transform 5s ease, opacity 0.1s ease, -webkit-transform 5s ease;
    -webkit-transform:scale(1.3);
            transform:scale(1.3);
    opacity:0;
  }
}
.mgs-home-block.hero-banner-block .wrapper{
  height:520px;
}
@media (min-width: 768px){
  .mgs-home-block.hero-banner-block .wrapper{
    height:550px;
  }
}
@media (min-width: 992px){
  .mgs-home-block.hero-banner-block .wrapper{
    height:810px;
  }
}
.mgs-home-block.hero-banner-block.in-view .parallax img{
  -webkit-transform:scale(1);
          transform:scale(1);
  opacity:1;
}

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