/* General - Layout */

.main {
	max-width: 1629px;
	width: auto;
	margin: 0 auto;
	position: relative;
	padding-left: 4%;
	padding-right: 4%;
}

.full {
	width: 100%;
	flex: 0 1 100%;
	max-width: 100%;
}

.half {
	width: 50%;
	flex: 0 1 50%;
	max-width: 50%;
}

.smaller-half {
	width: 43%;
	flex: 0 1 43%;
	max-width: 43%;
}

.larger-half {
	width: 57%;
	flex: 0 1 57%;
	max-width: 57%;
}

.third {
	width: 33.33%;
	flex: 0 1 33.33%;
	max-width: 33.33%;
}

.two-thirds {
	width: 66.66%;
	flex: 0 1 66.66%;
	max-width: 66.66%;
}

.fourth {
	width: 25%;
	flex: 0 1 25%;
	max-width: 25%;
}

.three-fourths {
	width: 75%;
	flex: 0 1 75%;
	max-width: 75%;
}

.fifth {
	width: 20%;
	flex: 0 1 20%;
	max-width: 20%;
}

.two-fifths {
	width: 40%;
	flex: 0 1 40%;
	max-width: 40%;
}

.three-fifths {
	width: 60%;
	flex: 0 1 60%;
	max-width: 60%;
}

.four-fifths {
	width: 80%;
	flex: 0 1 80%;
	max-width: 80%;
}

.left, .right {
	float: none;
}

body > iframe {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

#MainZone {
	display: block;
}

.sub > .flex {
	align-items: stretch;
}

.max-w {
	max-width: 55rem;
}

.max-w-2 {
	max-width: 34em;
}

.max-w-3 {
	max-width: 28em;
}

.max-w-4 {
	max-width: 25em;
}

/* End General - Layout */

/* Padding - Layout */

.pad-top-0 {
	padding-top: 0;
}

.pad-bot-0 {
	padding-bottom: 0;
}

.pad-ends, .pad-top-1 {
	padding-top: 1rem;
}

.pad-ends, .pad-bot-1 {
	padding-bottom: 1rem;
}

.pad-ends-2, .pad-top-2 {
	padding-top: 2rem;
}

.pad-ends-2, .pad-bot-2 {
	padding-bottom: 2rem;
}

.pad-ends-3, .pad-top-3 {
	padding-top: 2.7rem;
}

.pad-ends-3, .pad-bot-3 {
	padding-bottom: 2.7rem;
}

.pad-ends-4, .pad-top-4 {
	padding-top: 4.1rem;
}

.pad-ends-4, .pad-bot-4 {
	padding-bottom: 4.1rem;
}

.pad-ends-5, .pad-top-5 {
	padding-top: 5.5rem;
}

.pad-ends-5, .pad-bot-5 {
	padding-bottom: 5.5rem;
}

.pad-right-0 {
	padding-right: 0;
}

.pad-left-0 {
	padding-left: 0;
}

.pad-sides, .pad-left-1 {
	padding-left: 4%;
}

.pad-sides, .pad-right-1 {
	padding-right: 4%;
}

.pad-sides-2, .pad-left-2 {
	padding-left: 6%;
}

.pad-sides-2, .pad-right-2 {
	padding-right: 6%;
}

.pad-sides-3 {
	padding-left: 8%;
	padding-right: 8%;
}

.pad-sides-4 {
	padding-left: 10%;
	padding-right: 10%;
}

.pad-sides-5 {
	padding-left: 12%;
	padding-right: 12%;
}

.pad-sides-a {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.pad-sides-b {
	padding-left: 2.25rem;
	padding-right: 2.25rem;
}

.pad-sides-c {
	padding-left: 3.3rem;
	padding-right: 3.3rem;
}

.light-bg + .light-bg {
	padding-top: 1rem;
}

/* End Padding - Layout */

/* Min Responsive */

@media screen and (min-width:433px) {
}

@media screen and (min-width:917px) {
	#SideZone {
		min-width: 23rem;
	}
}

@media screen and (min-width:1178px) {
	#SideZone {
		margin-top: -5rem;
	}
}

@media screen and (min-width:1513px) {
	.max-w-1 {
		max-width: 37em;
	}
}

/* End Min Responsive */

/* Responsive - 1512px */

@media screen and (max-width: 1512px) {
	.pad-ends-5, .pad-top-5 {
		padding-top: 5.5rem;
	}

	.pad-ends-5, .pad-bot-5 {
		padding-bottom: 5.5rem;
	}
}

/* End Responsive - 1512px */

/* Responsive - 1177px */

@media screen and (max-width: 1177px) {
	.sub.side main {
		width: 67%;
		flex: 0 1 67%;
	}

	.sub.side aside {
		width: 32%;
		flex: 0 1 32%;
	}

	.pad-ends-4, .pad-ends-5, .pad-top-4, .pad-top-5 {
		padding-top: 3rem;
	}

	.pad-ends-4, .pad-ends-5, .pad-bot-4, .pad-bot-5 {
		padding-bottom: 3rem;
	}

	.pad-sides-c, .pad-sides-b {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.mobile-block-2 {
		display: block;
	}

	.mobile-block-2>* {
		width: 100%;
		max-width: 100%;
		flex: 0 1 100%;
	}
}

/* End Responsive - 1177px */

/* Responsive - 916px */

@media screen and (max-width: 916px) {
	.sub.side aside {
		width: 100%;
		margin-top: 2rem;
		flex: 0 1 100%;
	}

	.sub.side main, .third, .flex.spaced > .half, .flex.spaced > .third, .two-thirds, .flex.spaced > .two-thirds, .mobile-block>* {
		width: 100%;
		flex: 0 1 100%;
		max-width: 100%;
	}

	.mobile-block {
		display: block;
	}

	.mobile-max-w, .max-w-1, .max-w-2, .max-w-3 {
		max-width: 100%;
	}

	.mobile-pad-sides-0 {
		padding-left: 0;
		padding-right: 0;
	}

	.mobile-block>.half:not(:first-child), .mobile-block>.smaller-half:not(:first-child), .mobile-block>.larger-half:not(:first-child) {
		margin-top: 2rem;
	}

	header.pad-bot-3 {
		padding-bottom: 1.5rem;
	}

	.main-content-panel {
		padding-right: 0;
	}
}

/* End Responsive - 916px */

/* Responsive - 800px (Mobile) */

@media screen and (max-width: 800px) {
	.pad-ends-3, .pad-ends-4, .pad-ends-5, .pad-top-3, .pad-top-4, .pad-top-5 {
		padding-top: 2.5rem;
	}

	.pad-ends-3, .pad-ends-4, .pad-ends-5, .pad-bot-3, .pad-bot-4, .pad-bot-5 {
		padding-bottom: 2.5rem;
	}
}

/* End Responsive - 800px (Mobile) */

/* Responsive - 713px */

@media screen and (max-width:713px) {
	.pad-sides-c, .pad-sides-b {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

/* End Responsive - 713px */

/* Responsive - 555px */

@media screen and (max-width:555px) {
	.pad-ends-3, .pad-ends-4, .pad-ends-5, .pad-top-3, .pad-top-4, .pad-top-5 {
		padding-top: 2.3em;
	}

	.pad-ends-3, .pad-ends-4, .pad-ends-5, .pad-bot-3, .pad-bot-4, .pad-bot-5 {
		padding-bottom: 2.3em;
	}

	.pad-sides-c,.pad-sides-b {
		padding-left: 6%;
		padding-right: 6%;
	}

	.mobile-block>.half:not(:first-child), .mobile-block>.smaller-half:not(:first-child), .mobile-block>.larger-half:not(:first-child) {
		margin-top: 1.5rem;
	}
}

/* End Responsive - 555px */

/* Responsive - 432px */

@media screen and (max-width:432px) {
	.pad-ends-3, .pad-ends-4, .pad-ends-5, .pad-top-3, .pad-top-4, .pad-top-5 {
		padding-top: 2em;
	}

	.pad-ends-3, .pad-ends-4, .pad-ends-5, .pad-bot-3, .pad-bot-4, .pad-bot-5 {
		padding-bottom: 2em;
	}
}

/* End Responsive - 432px */

/* Min and Max */

@media screen and (max-width:1177px) and (min-width:917px) {
	#SideZone {
		margin-top: 2.7rem;
	}
}

/* End Min and Max */