.hero-banner-group{
	height: 100vh;
	position: relative;
	top: -135px;
	left: 0;
	right:0;
	z-index: 0;
}

.MD_BANNER{
	height: 100vh;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	position: absolute;
	top: 0;
	left: 0;
	right:0;
	opacity: 0;
}

.MD_BANNER_BANNER_TEXT{
  	font-size:3rem;
  	font-weight: 700;
  	color: var(--light);
  	top: 30vh;
  	z-index: 9999999999;
  	position:relative;
  	margin:0px auto;
  	text-align: center;
}

.MD_BANNER_SML_TITLE{
	line-height:30px;
  	font-size:1.5em;
  	font-style: italic;
  	font-weight: 700;
  	color: var(--light);
  	top: 25vh;
  	z-index: 9999999999;
  	position:relative;
  	margin:0px auto;
  	text-align: center;
}
.MD_BANNER_SML_TITLE {
  overflow: hidden;
  text-align: center;
}
.MD_BANNER_SML_TITLE:before,
.MD_BANNER_SML_TITLE:after {
  background-color: var(--light);
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}
.MD_BANNER_SML_TITLE:before {
  right: 0.5em;
  margin-left: -50%;
}

.MD_BANNER_SML_TITLE:after {
  left: 0.5em;
  margin-right: -50%;
}


.MD_BANNER_EST {
	width:60px; height:30px;
	line-height:30px;
	font-size:11px;
	text-align:center;
	position:relative;
	margin:0px auto;
	top: 20vh;
	color:var(--light);
	z-index: 9999999999;
	background-color: var(--primary);
	text-align: center;
	-webkit-animation: main 250ms;
	-moz-animation: main 250ms;
	-ms-animation: main 250ms;
	animation: main 250ms;
}

.MD_BANNER_EST i {
	position: absolute;
}

.MD_BANNER_EST i:nth-child(3), .MD_BANNER_EST i:last-child {
	width: 20px;
	bottom: 0px;
	left: -30px;
	z-index: -2;
	border: 15px solid var(--primary);
	border-left-color: transparent;
	-webkit-animation: back 600ms;
	-moz-animation: back 600ms;
	-ms-animation: back 600ms;
	animation: back 600ms;
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

.MD_BANNER_EST i:last-child {
	bottom: 0px;
	left: auto;
	right: -30px;
	border: 15px solid  var(--primary);
	border-right-color: transparent;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
}

/* animations */
@-webkit-keyframes main {
  0% { -webkit-transform: scaleX(0); }
  100% { -webkit-transform: scaleX(1); }
}

@-webkit-keyframes edge {
  0%, 50% { -webkit-transform: scaleY(0); }
  100% { -webkit-transform: scaleY(1); }
}

@-webkit-keyframes back {
  0%, 75% { -webkit-transform: scaleX(0); }
  100% { -webkit-transform: scaleX(1); }
}

@-moz-keyframes main {
  0% { -moz-transform: scaleX(0); }
  100% { -moz-transform: scaleX(1); }
}

@-moz-keyframes edge {
  0%, 50% { -moz-transform: scaleY(0); }
  100% { -moz-transform: scaleY(1); }
}

@-moz-keyframes back {
  0%, 75% { -moz-transform: scaleX(0); }
  100% { -moz-transform: scaleX(1); }
}

@keyframes main {
  0% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}

@keyframes edge {
  0%, 50% { transform: scaleY(0); }
  100% { transform: scaleY(1); }
}

@keyframes back {
  0%, 75% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}