/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** 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.scss ***!
  \***********************************************************************************************************************************************************************************************************************/

@media (min-width: 350px) and (max-width:599px) {
	#block-mgs-mgshomepagebannerblock{
		margin-top:-27px;
	}
	
	.mgs-home-block.hero-block .video,
	.mgs-home-block.hero-block .carousel{
		height:284px;
	}
}

@media (min-width: 600px) and (max-width:767px) {
	#block-mgs-mgshomepagebannerblock{
		margin-top:-28px;
	}
	
	.mgs-home-block.hero-block .video,
	.mgs-home-block.hero-block .carousel{
		height:380px;
	}
}

@media (min-width: 768px) and (max-width:834px) {
	#block-mgs-mgshomepagebannerblock{
		margin-top:-10px;
	}
	
	.mgs-home-block.hero-block .video,
	.mgs-home-block.hero-block .carousel{
		height:454px;
	}
}

@media (min-width: 835px) and (max-width:991px) {
	#block-mgs-mgshomepagebannerblock{
		margin-top:-10px;
	}
	
	.mgs-home-block.hero-block .video,
	.mgs-home-block.hero-block .carousel{
		height:510px;
	}
}

@media (min-width: 992px)  and (max-width:1023px) {
	#block-mgs-mgshomepagebannerblock{
		margin-top:6px;
	}
	
	.mgs-home-block.hero-block .video,
	.mgs-home-block.hero-block .carousel{
		height:564px;
	}
}

@media (min-width: 1024px)  and (max-width:1439px) {
	#block-mgs-mgshomepagebannerblock{
		margin-top:6px;
	}

	.mgs-home-block.hero-block .video,
	.mgs-home-block.hero-block .carousel{
		height:672px;
	}	
}

@media (min-width: 1440px) {
	#block-mgs-mgshomepagebannerblock{
		margin-top:56px;
	}
	
	.mgs-home-block.hero-block .video,
	.mgs-home-block.hero-block .carousel{
		height:806px;
	}
}

.mgs-home-block.hero-block{
  position:relative;
  background-color:#0e1d42;
  overflow:hidden;
}
.mgs-home-block.hero-block .video,
.mgs-home-block.hero-block .carousel{
  position:relative;
  width:100%;
  overflow:hidden;
}
.mgs-home-block.hero-block .video video,
.mgs-home-block.hero-block .carousel video{
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
}
.mgs-home-block.hero-block .video .slides,
.mgs-home-block.hero-block .carousel .slides{
  height:100%;
}
.mgs-home-block.hero-block .video .slides li,
.mgs-home-block.hero-block .carousel .slides li{
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
}
.mgs-home-block.hero-block .video img,
.mgs-home-block.hero-block .carousel img{
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  -o-object-position:top center;
     object-position:top center;
  display:block;
}
.mgs-home-block.hero-block .play-video{
  position:absolute;
  display:block;
  bottom:20px;
  left:27px;
  width:199px;
  background-color:rgba(255, 255, 255, 0.6);
  padding:8px 0 8px 12px;
  -webkit-transition:all 0.5s ease;
  transition:all 0.5s ease;
}
@media (min-width: 992px){
  .mgs-home-block.hero-block .play-video{
    bottom:28px;
    width:223px;
    padding:8px 12px;
  }
}
.mgs-home-block.hero-block .play-video:hover{
  cursor:pointer;
  background-color:rgba(0, 0, 0, 0.4);
}
.mgs-home-block.hero-block .play-video:hover .play-text{
  color:#ffffff;
}
.mgs-home-block.hero-block .play-video .play-bg{
  display:inline-block;
  vertical-align:middle;
  width:42px;
  height:42px;
}
.mgs-home-block.hero-block .play-video .play-text{
  display:inline-block;
  font-family:"ProximaNova-Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size:12px;
  line-height:22px;
  font-weight:600;
  letter-spacing:1.54px;
  color:#0e1d42;
  text-transform:uppercase;
  margin-left:9px;
  position:relative;
  top:2px;
}
@media (min-width: 992px){
  .mgs-home-block.hero-block .play-video .play-text{
    font-size:14px;
    line-height:24px;
  }
}
.mgs-home-block.hero-block .overlay{
  position:fixed;
  top:-100vh;
  left:0;
  right:0;
  bottom:0;
  background-color:rgba(0, 0, 0, 0.9);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  z-index:9999;
  opacity:0;
  -webkit-transition:opacity 0.3s ease, top 0.8s ease, -webkit-transform 0.8s ease;
  transition:opacity 0.3s ease, top 0.8s ease, -webkit-transform 0.8s ease;
  transition:opacity 0.3s ease, top 0.8s ease, transform 0.8s ease;
  transition:opacity 0.3s ease, top 0.8s ease, transform 0.8s ease, -webkit-transform 0.8s ease;
  -webkit-transform:scale(0);
          transform:scale(0);
}
.mgs-home-block.hero-block .overlay.active{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  top:0;
  right:0;
  opacity:1;
  -webkit-transform:scale(1);
          transform:scale(1);
}
.mgs-home-block.hero-block .overlay-content{
  position:relative;
  max-width:800px;
  width:90%;
  height:auto;
  max-height:90%;
  display:block;
}
@media (min-width: 768px){
  .mgs-home-block.hero-block .overlay-content{
    height:80%;
    max-height:450px;
  }
}
.mgs-home-block.hero-block .overlay-content .plyr{
  width:100%;
  height:auto;
  max-height:100%;
}
.mgs-home-block.hero-block #closeOverlay{
  position:absolute;
  top:10px;
  right:10px;
  color:white;
  font-size:2rem;
  cursor:pointer;
  z-index:10000;
}
.mgs-home-block.hero-block .flex-control-nav{
  position:absolute;
  bottom:20px;
  left:50%;
  -webkit-transform:translateX(-50%);
          transform:translateX(-50%);
  z-index:15;
}
.mgs-home-block.hero-block .flex-control-nav li a{
  background:#fff;
  border-radius:50%;
  width:10px;
  height:10px;
}
.mgs-home-block.hero-block .flex-control-nav li a.flex-active{
  background:#000;
}
.mgs-home-block.hero-block .hero-button{
  position:absolute;
  bottom:0;
  right:10px;
  -webkit-transform:rotate(270deg);
          transform:rotate(270deg);
}
.mgs-home-block.hero-block .hero-button .btn-hero{
  position:absolute;
  top:-44px;
  left:48px;
  font-family:"ProximaNova-Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size:12px;
  font-weight:600;
  line-height:24px;
  letter-spacing:1.32px;
  text-transform:uppercase;
  padding:9px;
  min-width:136px;
}
@media (min-width: 768px){
  .mgs-home-block.hero-block .hero-button .btn-hero{
    top:-48px;
    left:48px;
    font-size:14px;
    font-weight:600;
    line-height:24px;
    letter-spacing:1.54px;
    min-width:161px;
    padding:11px;
  }
}
.mgs-home-block.hero-block .hero-button .btn-hero:hover{
  background-color:rgba(0, 0, 0, 0.4);
}

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