/* Animation
#heroLines {
  margin-top: 10vh;
  margin-bottom: 10vh;
  text-align: center;
}

.animate-line {
  font-size: 2rem;
  line-height: 1.4;
  margin: 10px 0;
  opacity: 1;
  transform: translateY(0);
}

#fadeOutLine {
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  margin: 60px 0;
  opacity: 0;
  transition: opacity 0.5s ease-out;
}

#heroImage {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  margin: 60px 0;
  overflow: hidden;
}

.animated-image {
  width: 100%;
  max-width: 800px;
  opacity: 0;
  transform: translateY(80px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
@media (min-width: 768px) {
    .g-font-size-80--md {
        font-size: 80px !important;
    }
}
Animation */


.g-custom-bottomv1 {
	top: 100%;
}

.g-custom-right {
	right: 2%!important;
}
.g-custom-left {
	left: 89%!important;
}
@media (max-width: 768px) {
	.g-custom-left {
		left: 63%!important;
	}
	.g-custom-bottomv1 {
		bottom: -5%;
	}
	
	.g-custom-right {
		right: 10%!important;
	}
}

@media only screen and (max-width: 768px) and (orientation: landscape) {
    .g-custom-left {
		left: 75%!important;
	}
	.g-custom-bottomv1 {
		bottom: -5%;
	}
	
	.g-custom-right {
		right: 10%!important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  /* Styles for tablets in portrait mode */
	.g-custom-left {
		left: 75%!important;
	}
	.g-custom-bottomv1 {
		bottom: -5%;
	}
	
	.g-custom-right {
		right: 10%!important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  /* Styles for tablets in landscape mode */
	.g-custom-left {
		left: 80%!important;
	}
	.g-custom-bottomv1 {
		bottom: -5%;
	}
	
	.g-custom-right {
		right: 10%!important;
	}
}

@media only screen and (max-width: 1024px) {
	/*[data-slick-index="0"] {
		display: none !important;
	}*/
	
	[data-slick-index="6"] {
		display: none !important;
	}
}


.focus-line, #finalLine {
  line-height: 1.2;
  opacity: 0.2;
  transition: opacity 0.3s ease, font-weight 0.3s ease;
  color: #555;
  font-weight: 800;
  font-size: 2rem;
  margin: 20px 0;
}

.focus-line.focused,
#finalLine.focused {
  opacity: 1;
  color: #000;
}

#heroImage {
  opacity: 0;
  transform: translateY(60px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  margin-top: 40px;
}

.animated-image {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Responsive typography */
@media (min-width: 768px) {
  .focus-line, #finalLine {
	font-size: 2.5rem;
  }
}

@media (min-width: 992px) {
  .focus-line, #finalLine {
	font-size: 3.5rem;
  }
}
	
.focus-line, #finalLine {
  margin: 10px 0;  /* reduce space between lines */
}

#heroLines {
  margin-bottom: 20px;
}

#heroImage {
  margin-top: 20px;
}
@media (min-width: 768px) {
    .g-font-size-100--md {
        font-size: 100px !important;
    }
}