/******************/
/*** TYPOGRAPHY ***/
/******************/

/**********************/
/*** END TYPOGRAPHY ***/
/**********************/





/*********************/
/*** WEBSITE ICONS ***/
/*********************/

/*************************/
/*** END WEBSITE ICONS ***/
/*************************/







/**********************/
/*** GLOBAL CLASSES ***/
/**********************/
@media only screen and (max-width: 767px) {
	.xs-hide {
		display: none;
	}
	
	.img-medium {
		width: 100%;
		max-width: 400px;
	}

} /* (max-width: 767px) */
/**************************/
/*** END GLOBAL CLASSES ***/
/**************************/













/**********************/
/*** BASIC ELEMENTS ***/
/**********************/
@media only screen and (max-width: 1440px) {
	body {
		font-size: 18px;
	}
} /* (max-width: 1440px) */


@media only screen and (max-width: 1024px) {
	body {
		font-size: 16px;
	}
} /* (max-width: 1024px) */


@media only screen and (max-width: 991px) {
	body {
		font-size: 14px;
	}
} /* (max-width: 991px) */
/**************************/
/*** END BASIC ELEMENTS ***/
/**************************/








/******************/
/*** H ELEMENTS ***/
/******************/
@media only screen and (max-width: 1025px) {
	h2.txt-short span {
		min-width: 500px;
	}
}

@media only screen and (max-width: 991px) {
	h2 span:before {
		bottom: -7px;
		border-top: 7px #fcea98 solid;
	}
} /* (max-width: 991px) */

@media only screen and (max-width: 767px) {
	h2.txt-short span {
		min-width: 280px;
	}
} /* (max-width: 767px) */
/**********************/
/*** END H ELEMENTS ***/
/**********************/








/*********************/
/*** FORM ELEMENTS ***/
/*********************/

/*************************/
/*** END FORM ELEMENTS ***/
/*************************/








/***********************/
/*** BUTTONS & LINKS ***/
/***********************/

@media only screen and (max-width: 1440px) {

	.btn-primary {
		font-size: 0.9em;
	}

} /* (max-width: 1440px) */


@media only screen and (max-width: 1025px) {

	.btn-primary {
		font-size: 0.85em;
		border-radius: 5px;
	}

} /* (max-width: 1024px) */


@media only screen and (max-width: 991px) {


} /* (max-width: 991px) */


@media only screen and (max-width: 767px) {

} /* (max-width: 767px) */


@media only screen and (max-width: 640px) {

} /* (max-width: 640px) */


@media only screen and (max-width: 520px) {

} /* (max-width: 520px) */

/***************************/
/*** END BUTTONS & LINKS ***/
/***************************/







/**********************/
/*** WEBSITE HEADER ***/
/**********************/

/**************************/
/*** END WEBSITE HEADER ***/
/**************************/




/************************/
/*** WEBSITE CONTENTS ***/
/************************/
@media only screen and (min-width: 1921px) {
	article.layout-one {
		background: url('../images/banner-3.png') no-repeat center top;
		background-size: 100% 100%;
		padding: 10em 0;
	}

	article.layout-one > .main {
		position: relative;
		top: -4em;
	}
}
@media only screen and (max-width: 1440px) {

/* Page Content */

/* Banner */
	#banner .banner-body {
		width: 30%;
		margin: 13% 0 0 12.5%;
	}

	#banner .banner-body.primary {
		margin: 11% 0 0 5%;
	}

	#banner .banner-body h1 {
		font-size: 3.8em;
	}

/* Article Primary */
	article.primary:not(.first) > .main:before,
	article.layout-blue:not(.first) > .main:before {
		top: -100px;
		background-size: 600px 348px;
	}

	article.primary.first > .main:before {
		top: -175px;
		background-size: 600px 348px;
	}

	article.primary > .main:after, 
	article.secondary > .main:after,
	article.layout-blue > .main:after {
		background-size: 300px 455px;
	}

/* Article Secondary */
	article.secondary.first > .main:before {
		top: -160px;
		background-size: 600px 348px;
	}

/* Checklist */
	ul.checklist li:before {
		top: -1px;
	}

} /* (max-width: 1440px) */


@media only screen and (max-width: 1025px) {
/* navbar */


/* Page Content */

/* Banner */

#banner {
	margin-top:65px;
}

	#banner .banner-body {
		width: 35%;
		margin: 9% 0 0 12%;
	}

	#banner .banner-body.primary {
		margin: 6% 0 0 5%;
	}

	#banner .banner-body h1 {
		font-size: 3.8em;
	}

/* Article Primary */
	article.primary:not(.first) > .main:before,
	article.layout-blue:not(.first) > .main:before {
		top: -75px;
		background-size: 450px 261px;
	}

	article.primary.first > .main:before {
		top: -150px;
		background-size: 450px 261px;
	}

	article.primary > .main:after,
	article.secondary > .main:after,
	article.layout-blue > .main:after {
		background-size: 200px 303px;
	}

/* Article Secondary */
	article.secondary.first > .main:before {
		top: -135px;
		background-size: 450px 261px;
	}

/* Primary List */
	ul.primary-list > li {
		background: url('../images/icon-arrow-right.png') no-repeat left 0.34em;
	}
} /* (max-width: 1024px) */



@media only screen and (max-width: 991px) {

/* Banner */
	#banner .banner-body {
		margin: 11% 0 0 12%;
	}

	#banner .banner-body h1 {
		font-size: 3em;
	}

	#banner .banner-body .btn-primary {
		font-size: 0.7em;
	}

/* Featured Steps */
	.featured-steps h3 span {
		width: 62%;
	}

	.featured-steps .table {
		border-spacing: 0.9em;
	}

	.featured-steps .figure {
		height: 90px;
	}

/* Data Table */
	.data-table .table-aside {
		width: 125px;
		min-width: 125px;
	}

/* Primary List */
	ul.primary-list > li {
		background: url('../images/icon-arrow-right.png') no-repeat left 0.36em;
		background-size: 14px 12px;
		padding: 0 0 0 20px;
	}

} /* (max-width: 991px) */


@media only screen and (max-width: 767px) {
/* Banner */
	#banner .banner-body h1 {
		font-size: 2.6em;
	}

	#banner .banner-body .btn-primary {
		font-size: 0.6em;
	}

/* Article Primary */
	article.primary:not(.first) > .main:before,
	article.layout-blue > .main:before {
		top: -50px;
		background-size: 320px 186px;
	}

	article.primary.first > .main:before {
		top: -110px;
		background-size: 320px 186px;
	}

	article.primary > .main:after,
	article.secondary > .main:after,
	article.layout-blue > .main:after {
		background-size: 150px 227px;
	}

/* Article Secondary */
	article.secondary.first > .main:before {
		top: -100px;
		background-size: 320px 186px;
	}

/* Feature Table */
	.feature-table {
		width: 100%;
		margin: 0;
	}

	.feature-table .section-col:first-child {
		width: 80px;
		text-align: center;
		white-space: normal;
	}

/* Featured Steps */
	.featured-steps {
		background-size: cover;
	}

	.featured-steps .table {
		display: block;
		margin-top: 3em;
	}

	.featured-steps .t-row {
		display: block;
	}

	.featured-steps .t-cell {
		width: 280px;
		display: block;
		margin: 10px auto;
	}

	.featured-steps h3 em {
		line-height: 1.2em;
	}

	.featured-steps h3 span {
		width: 72%;
	}

	.featured-steps .t-cell:last-child h3 em {
		line-height: 1em;
	}

/* Features Gallery */
	.features-gallery .row > div {
		text-align: center;
	}

/* Data Table */
	.data-table .table-body .table {
		width: 100%;
		min-width: 768px;
	}

/* Features Panel */
	.features-panel {
		width: 100%;
		min-width: 280px;
		max-width: 360px;
		margin: 0 auto;
	}
	.features-panel > div {
		width: 100%;
		float: none;
	}

	.features-panel > div:nth-child(2) {
		margin: 50px 0;
	}

	.features-panel > div:nth-child(2):before {
		width: 30px;
		height: 40px;
		top: -46px;
		left: 0;
		right: 0;
		transform: rotate(90deg);
		margin: auto;
	}

	.features-panel > div:nth-child(2):after {
		width: 30px;
		height: 40px;
		top: auto;
		bottom: -46px;
		left: 0;
		right: 0;
		transform: rotate(90deg);
		margin: auto;
	}

/* Primary Features */
	.primary-features {
		width: 100%;
		min-width: 280px;
		max-width: 360px;
		margin: 3em auto 0 auto;
	}

	.primary-features > .row > div:nth-child(2) {
		margin: 3em 0;
	}

/* Layout One */
	article.layout-one {
		background: url('../images/banner-3.png') no-repeat center top;
		background-size: auto 150%;
		padding: 3em 0;
	}

/* About Panel */
	.about-panel .flex-row .column {
		width: 100%;
		min-width: 100%:;
	}

	.about-panel .flex-row:last-child .column:first-child {
		order: 1;
	}


	.about-panel figure {
		height: 200px;
		position: relative;
	}

	.about-panel figure img {
		width: 100%;
		max-width: 400px;
	}

/* Support Panel */
	.support-panel .t-cell {
		vertical-align: top;
	}
} /* (max-width: 767px) */


@media only screen and (max-width: 640px) {
/* Banner */
	#banner .banner-body {
		width: 54%;
		max-width: 200px;
		margin: 11% 0 0 10%;
	}

	#banner .banner-body h1 {
		font-size: 2em;
	}
} /* (max-width: 640px) */


@media only screen and (max-width: 520px) {
/* Banner */
	#banner .banner-body {
		width: 62%;
		margin: 12% 0 0 1%;
	}

	#banner .banner-body h1 {
		font-size: 1.3em;
	}

	#banner .banner-body .btn-primary {
		font-size: 0.5em;
		border-radius: 3px;
		border: 1px #ffffff solid;
		padding: 0.3em 0.6em;
	}
} /* (max-width: 520px) */


@media only screen and (max-width: 376px) {

} /* (max-width: 520px) */
/****************************/
/*** END WEBSITE CONTENTS ***/
/****************************/








/**********************/
/*** WEBSITE FOOTER ***/
/**********************/

/**************************/
/*** END WEBSITE FOOTER ***/
/**************************/