.animated-hero {
	text-align: var(--awb-content-alignment);
 }
 .animated-hero .animated-hero-inner {
    font-size: 13vmin;
    font-weight: 900;
    text-transform: uppercase;
    color: #FF0153;
    line-height: 1;
    padding-left: calc(5% + 60px);
}
.animated-hero.text-align-right .animated-hero-inner{
	padding-left: 0;
	padding-right: calc(5% + 60px);
}
@media (min-width: 1280px) {
    .animated-hero .animated-hero-inner {
        font-size: 16vmin;
	}
}
@media (max-width: 991px) {
    .animated-hero .animated-hero-inner {
        font-size: 12vw;
        padding-left: 5%;
	} 
}
@media (max-width: 650px) {
    .animated-hero .animated-hero-inner {
        padding-left: calc(5% + 30px);
	}
}
@media (max-height: 420px) {
    .animated-hero .animated-hero-inner {
        font-size: 60px;
        margin-top: 75px;
	}
}
.animated-hero .animated-hero-inner span {
    display: inline-block;
    line-height: 1;
}
.animated-hero h2 {
    color: #FFF;
    font-weight: 600;
    max-width: 1000px;
}
.animated-hero .animated-hero-inner .mi_hero_text{
	font-family: var(--awb-text-font-family);
	font-style: var(--awb-text-font-style);
	font-weight: var(--awb-text-font-weight);
	font-size: var(--awb-font-size);
	line-height: var(--awb-line-height);
	letter-spacing: var(--awb-letter-spacing);
	text-transform: var(--awb-text-transform);
	color: var(--awb-color-init);
	text-align: var(--awb-text-alignment);
}

.animated-hero .text-block-29 {
    margin-bottom: 10px;
}

.animated-hero__wrapper {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;	
}
.mi-hero.text-align-right .animated-hero__wrapper {
	justify-content: flex-end;
}
@media (min-width: 991px) {
    .animated-hero__wrapper {
		padding: 160px 0;
	}
}
@media (min-width: 991px) and (max-width: 991px) {
    .animated-hero__wrapper {
      padding-top: 120px;
      padding-bottom: 120px;
	}
}
  @media (min-width: 991px) and (max-width: 767px) {
    .animated-hero__wrapper {
      padding: 60px 0; } }
  @media (min-width: 991px) and (max-width: 479px) {
    .animated-hero__wrapper {
      padding: 60px 0; } }

  @media (max-width: 991px) {
    .animated-hero__wrapper {
      padding: 160px 60px; } }
  @media (max-width: 991px) and (max-width: 991px) {
    .animated-hero__wrapper {
      padding-top: 120px;
      padding-bottom: 120px; } }
  @media (max-width: 991px) and (max-width: 767px) {
    .animated-hero__wrapper {
      padding: 60px 30px; } }
  @media (max-width: 991px) and (max-width: 479px) {
    .animated-hero__wrapper {
      padding: 60px 0; } }

  @media (max-width: 991px) {
    .animated-hero__wrapper .animated-hero-inner {
      padding-top: 90px; } }
  @media (max-width: 767px) {
    .animated-hero__wrapper .animated-hero-inner {
      padding-top: 0; } }
  @media (max-width: 991px) {
    .animated-hero__wrapper .boxed-1280 {
      width: 100%; } }
  .animated-hero__wrapper .wow {
    padding-top: 60px;
    padding-bottom: 160px; }
    @media (max-width: 991px) {
      .animated-hero__wrapper .wow {
        padding-top: 0;
        padding-bottom: 90px; } }
  .animated-hero__wrapper--full {
    min-height: calc(100vh - 20px); }

.animated-hero__wrapper--content {
  padding-top: 90px;
  padding-bottom: 90px; }
  @media (min-width: 991px) {
    .animated-hero__wrapper--content .wow {
      width: 75%; } }
  @media (max-width: 767px) {
    .animated-hero__wrapper--content {
      padding-left: 30px !important;
      padding-right: 30px !important; } }

.scroll-wrapper {
  position: absolute;
  left: auto;
  top: auto;
  right: 50%;
  bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 200px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translate(50%, 0%);
          transform: translate(50%, 0%); }
  @media (max-width: 767px) {
    .scroll-wrapper {
      height: auto; } }
  @media (max-height: 420px) {
    .scroll-wrapper {
      display: none; } }
  .scroll-wrapper__text {
	  
    color: #FFF;
    font-size: 1.2rem;
    margin-bottom: 10px; }

.scroll-line {
  width: 100%;
  height: 100%;
  background-color: #210c2c; }

.scroll-line-container {
  overflow: hidden;
  width: 2px;
  height: 60px;
  background-color: #cfcfcf; }