/* Main Stage Styles */

.banner-area.t7 {
	padding: 0;
	overflow: hidden;
	background-position: 100% 50%;
}

.banner-area.t7 .info {
	padding: 12em 0 12em 5%;
	position: relative;
	display: inline-block;
	clear: both;
	z-index: 1;
}

.flex-reverse.banner-area.t7 .info {
	padding: 12em 5% 12em 0;
	text-align: right;
}

.banner-area.t7 .info:before {
	content: ' ';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 200%;
	height: 75%;
	transform: translateY(-50%);
	z-index: -1;
}

.flex-reverse.banner-area.t7 .info:before {
	left: auto;
	right: 0;
}

.banner-area.t7 .info > strong {
	display: block;
	font-size: 1.333em;
	font-weight: 400;
	text-transform: uppercase;
}

.banner-area.t7 .info > strong .title {
	display: inline-block;
	position: relative;
	letter-spacing: .5em;
	padding-bottom: .5em;
	margin-bottom: 1em;
}

.banner-area.t7 .info > strong .title:after {
	content: ' ';
	display: block;
	width: 300%;
	height: 1px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.flex-reverse.banner-area.t7 .info > strong .title:after {
	right: auto;
	left: 0;
}

.banner-area.t7 .info > strong > .main-font {
	font-size: inherit;
	text-transform: none;
}

.banner-area.t7 .info > strong > .main-font > strong {
	display: block;
	font-size: 2.75em;
	line-height: .95;
}

.banner-area.t7 .info p {
	margin: 1.15em 0 1.5em;
	font-size: 1.333em;
}

.banner-area.t7 .info .btn-list {
	display: -ms-flexbox;
	display: flex;
}

.banner-area.t7 .info > .title-font + .btn-list {
	margin-top: 2.5em;
}

.flex-reverse.banner-area.t7 .info .btn-list {
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.banner-area.t7 .info .btn-list li {
}

.banner-area.t7 .info .btn-list li + li {
	margin-left: 1em;
}

.banner-area.t7 .info .btn-list li .btn {
}

.banner-area.t7 .img {
	-ms-flex-item-align: stretch;
	align-self: stretch;
	position: relative;
	z-index: 1;
}

.banner-area.t7 .img img {
	position: absolute;
	width: 100%;
	height: 90%;
	left: 0;
	background-size: contain;
	background-position: 100% 100%;
	background-repeat: no-repeat;
	bottom: 0;
}

.flex-reverse.banner-area.t7 .img img {
	background-position: 0 100%;
}

/* End Main Stage Styles */

/* Slide & Fade Styles */

[data-onvisible='slide-n-fade'].banner-area.t7 .flex > * {
	opacity: 0;
}

[data-onvisible='slide-n-fade'].banner-area.t7 .info {
	transform: translateX(-4em);
}

[data-onvisible='slide-n-fade'].banner-area.t7 .img {
	transform: translateX(4em);
}

.slide-n-fade[data-onvisible='slide-n-fade'].banner-area.t7 .flex > * {
	opacity: 1;
	transition: opacity .75s ease 0s, transform .75s ease 0s;
	transform: translateX(0) !important;
}

/* End Slide & Fade Styles */

/* 1500px Responsive */

@media screen and (max-width:1500px) {
	body {
	}

	.banner-area.t7 .info > strong > .main-font > strong {
		font-size: 2.8em;
	}
}

/* End 1500px Responsive */

/* 1200px Responsive */

@media screen and (max-width:1200px) {
	body {
	}

	.banner-area.t7 .info > strong {
	}
}

/* End 1200px Responsive */

/* 1000px Responsive */

@media screen and (max-width:1000px) {
	body {
	}

	.banner-area.t7 .flex {
		display: block;
	}

	.banner-area.t7 .info {
		width: 100%;
		padding: 17% 4% !important;
	}

	.banner-area.t7 .info:before {
		transform: translateY(-50%);
		height: 65%;
	}

	.banner-area.t7 .info > strong > .main-font > strong {
		font-size: 2.5em;
	}

	.banner-area.t7 .img {
		display: none;
	}

	.banner-area.t7 .img img {
		background-image: none !Important;
		display: none;
	}
}

/* End 1000px Responsive */

/* 800px Responsive */

@media screen and (max-width:800px) {
	body {
	}

	.banner-area.t7 .info:before {
	}

	.banner-area.t7 .info p {
		font-size: 1.2em;
	}
}

/* End 800px Responsive */

/* 650px Responsive */

@media screen and (max-width:650px) {
	body {
	}

	.banner-area.t7 br {
		display: none;
	}

	.banner-area.t7 .info > strong .title {
		margin-bottom: .5em;
		padding-bottom: .25em;
	}

	.banner-area.t7 .info > strong > .main-font > strong {
		font-size: 2.25em;
		line-height: .9;
	}

	.banner-area.t7 .info p {
		font-size: 1em;
	}
}

/* End 650px Responsive */

/* 550px Responsive */

@media screen and (max-width:550px) {
	body {
	}

	.banner-area.t7 .info {
	}

	.banner-area.t7 .info > strong {
		margin-bottom: 1em;
	}

	.banner-area.t7 .info > strong > .main-font > strong {
		font-size: 1.35em;
	}

	.banner-area.t7 .info > .title-font + .btn-list {
		margin-top: 1.5em;
	}

	.banner-area.t7 .info .btn-list li:first-child {
		display: none;
	}
}

/* End 550px Responsive */

/* 475px Responsive */

@media screen and (max-width:475px) {
	body {
	}

	.banner-area.t7 .info:before {
		height: 80%;
	}

	.banner-area.t7 .info > strong {
		margin-bottom: .75em;
	}

	.banner-area.t7 .info > strong > .main-font > strong {
	}

	.banner-area.t7 .info .btn-list li:nth-last-child(n+2) {
		display: none;
	}
}

/* End 475px Responsive */

/* 400px Responsive */

@media screen and (max-width:400px) {
	body {
	}

	.banner-area.t7 .info:before {
		height: 85%;
	}

	.banner-area.t7 .info > strong > .main-font > strong {
	}
}

/* End 400px Responsive */

/* 350px Responsive */

@media screen and (max-width:350px) {
	body {
	}
}

/* End 350px Responsive */