html, body, .container
{
	height: 100%;
	width: 100%;
	margin: 0;
}

*[class*="Small-"]
{
	float: left;
	padding: 0;
	position: relative;

}

*[class*="Medium-"]
{
	float: left;
	padding: 0;
	position: relative;
	box-sizing:border-box;
}

*[class*="Large-"]
{
	float: left;
	padding: 0;
	position: relative;
	box-sizing:border-box;
}

.Small-12
{
	width: 100%;
}

.Small-11
{
	width: 91.66666667%;
}

.Small-10
{
	width: 83.33333333%;
}

.Small-9
{
	width: 75%;
}

.Small-8
{
	width: 66.66666667%;
}

.Small-7
{
	width: 58.33333333%;
}

.Small-6
{
	width: 50%;
}

.Small-5
{
	width: 41.66666667%;
}

.Small-4
{
	width: 33.33333333%;
}

.Small-3
{
	width: 25%;
}

.Small-2
{
	width: 16.66666667%;
}

.Small-1
{
	width: 8.33333333%;
}

.SmallPull-12
{
	right: 100%;
}

.SmallPull-11
{
	right: 91.66666667%;
}

.SmallPull-10
{
	right: 83.33333333%;
}

.SmallPull-9
{
	right: 75%;
}

.SmallPull-8
{
	right: 66.66666667%;
}

.SmallPull-7
{
	right: 58.33333333%;
}

.SmallPull-6
{
	right: 50%;
}

.SmallPull-5
{
	right: 41.66666667%;
}

.SmallPull-4
{
	right: 33.33333333%;
}

.SmallPull-3
{
	right: 25%;
}

.SmallPull-2
{
	right: 16.66666667%;
}

.SmallPull-1
{
	right: 8.33333333%;
}

.SmallPull-0
{
	right: auto;
}

.SmallPush-12
{
	left: 100%;
}

.SmallPush-11
{
	left: 91.66666667%;
}

.SmallPush-10
{
	left: 83.33333333%;
}

.SmallPush-9
{
	left: 75%;
}

.SmallPush-8
{
	left: 66.66666667%;
}

.SmallPush-7
{
	left: 58.33333333%;
}

.SmallPush-6
{
	left: 50%;
}

.SmallPush-5
{
	left: 41.66666667%;
}

.SmallPush-4
{
	left: 33.33333333%;
}

.SmallPush-3
{
	left: 25%;
}

.SmallPush-2
{
	left: 16.66666667%;
}

.SmallPush-1
{
	left: 8.33333333%;
}

.SmallPush-0
{
	left: auto;
}

.SmallOffset-12
{
	margin-left: 100%;
}

.SmallOffset-11
{
	margin-left: 91.66666667%;
}

.SmallOffset-10
{
	margin-left: 83.33333333%;
}

.SmallOffset-9
{
	margin-left: 75%;
}

.SmallOffset-8
{
	margin-left: 66.66666667%;
}

.SmallOffset-7
{
	margin-left: 58.33333333%;
}

.SmallOffset-6
{
	margin-left: 50%;
}

.SmallOffset-5
{
	margin-left: 41.66666667%;
}

.SmallOffset-4
{
	margin-left: 33.33333333%;
}

.SmallOffset-3
{
	margin-left: 25%;
}

.SmallOffset-2
{
	margin-left: 16.66666667%;
}

.SmallOffset-1
{
	margin-left: 8.33333333%;
}
.SmallOffset-Demi
{
	margin-left: 4.16666%;
}
.SmallOffset-0
{
	margin-left: 0;
}

@media (min-width: 992px)
{
	.Medium-12
	{
		width: 100%;
	}

	.Medium-11
	{
		width: 91.66666667%;
	}

	.Medium-10
	{
		width: 83.33333333%;
	}

	.Medium-9
	{
		width: 75%;
	}

	.Medium-8
	{
		width: 66.66666667%;
	}

	.Medium-7
	{
		width: 58.33333333%;
	}

	.Medium-6
	{
		width: 50%;
	}

	.Medium-5
	{
		width: 41.66666667%;
	}

	.Medium-4
	{
		width: 33.33333333%;
	}

	.Medium-3
	{
		width: 25%;
	}

	.Medium-2
	{
		width: 16.66666667%;
	}

	.Medium-1
	{
		width: 8.33333333%;
	}

	.MediumPull-12
	{
		right: 100%;
	}

	.MediumPull-11
	{
		right: 91.66666667%;
	}

	.MediumPull-10
	{
		right: 83.33333333%;
	}

	.MediumPull-9
	{
		right: 75%;
	}

	.MediumPull-8
	{
		right: 66.66666667%;
	}

	.MediumPull-7
	{
		right: 58.33333333%;
	}

	.MediumPull-6
	{
		right: 50%;
	}

	.MediumPull-5
	{
		right: 41.66666667%;
	}

	.MediumPull-4
	{
		right: 33.33333333%;
	}

	.MediumPull-3
	{
		right: 25%;
	}

	.MediumPull-2
	{
		right: 16.66666667%;
	}

	.MediumPull-1
	{
		right: 8.33333333%;
	}

	.MediumPull-0
	{
		right: auto;
	}

	.MediumPush-12
	{
		left: 100%;
	}

	.MediumPush-11
	{
		left: 91.66666667%;
	}

	.MediumPush-10
	{
		left: 83.33333333%;
	}

	.MediumPush-9
	{
		left: 75%;
	}

	.MediumPush-8
	{
		left: 66.66666667%;
	}

	.MediumPush-7
	{
		left: 58.33333333%;
	}

	.MediumPush-6
	{
		left: 50%;
	}

	.MediumPush-5
	{
		left: 41.66666667%;
	}

	.MediumPush-4
	{
		left: 33.33333333%;
	}

	.MediumPush-3
	{
		left: 25%;
	}

	.MediumPush-2
	{
		left: 16.66666667%;
	}

	.MediumPush-1
	{
		left: 8.33333333%;
	}

	.MediumPush-0
	{
		left: auto;
	}

	.MediumOffset-12
	{
		margin-left: 100%;
	}

	.MediumOffset-11
	{
		margin-left: 91.66666667%;
	}

	.MediumOffset-10
	{
		margin-left: 83.33333333%;
	}

	.MediumOffset-9
	{
		margin-left: 75%;
	}

	.MediumOffset-8
	{
		margin-left: 66.66666667%;
	}

	.MediumOffset-7
	{
		margin-left: 58.33333333%;
	}

	.MediumOffset-6
	{
		margin-left: 50%;
	}

	.MediumOffset-5
	{
		margin-left: 41.66666667%;
	}

	.MediumOffset-4
	{
		margin-left: 33.33333333%;
	}

	.MediumOffset-3
	{
		margin-left: 25%;
	}

	.MediumOffset-2
	{
		margin-left: 16.66666667%;
	}

	.MediumOffset-1
	{
		margin-left: 8.33333333%;
	}

	.MediumOffset-0
	{
		margin-left: 0;
	}
}

@media (min-width: 1200px)
{
	.Large-12
	{
		width: 100%;
	}

	.Large-11
	{
		width: 91.66666667%;
	}

	.Large-10
	{
		width: 83.33333333%;
	}

	.Large-9
	{
		width: 75%;
	}

	.Large-8
	{
		width: 66.66666667%;
	}

	.Large-7
	{
		width: 58.33333333%;
	}

	.Large-6
	{
		width: 50%;
	}

	.Large-5
	{
		width: 41.66666667%;
	}

	.Large-4
	{
		width: 33.33333333%;
	}

	.Large-3
	{
		width: 25%;
	}

	.Large-2
	{
		width: 16.66666667%;
	}

	.Large-1
	{
		width: 8.33333333%;
	}

	.LargePull-12
	{
		right: 100%;
	}

	.LargePull-11
	{
		right: 91.66666667%;
	}

	.LargePull-10
	{
		right: 83.33333333%;
	}

	.LargePull-9
	{
		right: 75%;
	}

	.LargePull-8
	{
		right: 66.66666667%;
	}

	.LargePull-7
	{
		right: 58.33333333%;
	}

	.LargePull-6
	{
		right: 50%;
	}

	.LargePull-5
	{
		right: 41.66666667%;
	}

	.LargePull-4
	{
		right: 33.33333333%;
	}

	.LargePull-3
	{
		right: 25%;
	}

	.LargePull-2
	{
		right: 16.66666667%;
	}

	.LargePull-1
	{
		right: 8.33333333%;
	}

	.LargePull-0
	{
		right: auto;
	}

	.LargePush-12
	{
		left: 100%;
	}

	.LargePush-11
	{
		left: 91.66666667%;
	}

	.LargePush-10
	{
		left: 83.33333333%;
	}

	.LargePush-9
	{
		left: 75%;
	}

	.LargePush-8
	{
		left: 66.66666667%;
	}

	.LargePush-7
	{
		left: 58.33333333%;
	}

	.LargePush-6
	{
		left: 50%;
	}

	.LargePush-5
	{
		left: 41.66666667%;
	}

	.LargePush-4
	{
		left: 33.33333333%;
	}

	.LargePush-3
	{
		left: 25%;
	}

	.LargePush-2
	{
		left: 16.66666667%;
	}

	.LargePush-1
	{
		left: 8.33333333%;
	}

	.LargePush-0
	{
		left: auto;
	}

	.LargeOffset-12
	{
		margin-left: 100%;
	}

	.LargeOffset-11
	{
		margin-left: 91.66666667%;
	}

	.LargeOffset-10
	{
		margin-left: 83.33333333%;
	}

	.LargeOffset-9
	{
		margin-left: 75%;
	}

	.LargeOffset-8
	{
		margin-left: 66.66666667%;
	}

	.LargeOffset-7
	{
		margin-left: 58.33333333%;
	}

	.LargeOffset-6
	{
		margin-left: 50%;
	}

	.LargeOffset-5
	{
		margin-left: 41.66666667%;
	}

	.LargeOffset-4
	{
		margin-left: 33.33333333%;
	}

	.LargeOffset-3
	{
		margin-left: 25%;
	}

	.LargeOffset-2
	{
		margin-left: 16.66666667%;
	}

	.LargeOffset-1
	{
		margin-left: 8.33333333%;
	}

	.LargeOffset-0
	{
		margin-left: 0;
	}
}

.Error
{
	color: red;
}

.Warning
{
	color: yellow;
}

.Valid
{
	color: green;
}

input.Error
{
	background: red;
	color: black;
}

input.Warning
{
	background: yellow;
	color: black;
}

input.Valid
{
	background: green;
	color: black;
}

input.Highlight:focus
{
	outline: none;
	border-color: #9ecaed;
	box-shadow: 0 0 15px #9ecaed;
}

input.Highlight.Error:focus
{
	outline: none;
	border-color: red;
	box-shadow: 0 0 15px red;
}

input.Highlight.Warning:focus
{
	outline: none;
	border-color: yellow;
	box-shadow: 0 0 15px yellow;
}

input.Highlight.Valid:focus
{
	outline: none;
	border-color: green;
	box-shadow: 0 0 15px green;
}

input
{
	margin-bottom: 20px;
}

	input[type="submit"], input[type="button"]
	{
		margin-bottom: 0;
	}

form
{
	margin-top: 40px;
	margin-bottom: 40px;
}

.NavBarMobile
{
	top: 0;
	position: fixed;
	width: 100%;
}

.NavBarLeft
{
	left: 0;
	position: fixed;
	height: 100%;
}

.NavBarTop
{
	top: 0;
	position: fixed;
	width: 100%;
}

.NavBarMobile
{
	display: block;
}

.NavBar
{
	display: none;
}

@media (min-width: 992px)
{
	.NavBarMobile
	{
		display: none;
	}

	.NavBar
	{
		display: block;
	}
}

.NavHamburger
{
	z-index: 5;
	width: 25px;
	margin: 6.5px;
	padding: 5px;
	position: relative;
	float: right;
	border: 1px solid white;
}

	.NavHamburger span
	{
		float: left;
		height: 5px;
		width: 100%;
		margin-bottom: 5px;
		background-color: white;
	}

		.NavHamburger span:last-child
		{
			margin-bottom: 0;
		}

	.NavHamburger.x span
	{
		height: 25px;
		width: 5px;
		margin-bottom: 0;
		margin-right: 5px;
	}

		.NavHamburger.x span:last-child
		{
			margin-right: 0;
		}

.NavBarMobile
{
	height: inherit;
	position: relative;
}

	.NavBarMobile .NavHamburger + .Menu
	{
		display: none;
	}

.NavElem
{
	background-position: center;
	background-size: auto 80%;
	background-repeat: no-repeat;
	border: 0;
	display: block;
	background-color: transparent;
}

.NavBarMobile .NavHamburger + .Menu .NavElem
{
	height: 100%;
	width: 50px;
	float: left;
}

.NavBarMobile .NavHamburger.x + .Menu
{
	position: absolute;
	top: 0;
	height: 100vh;
	width: 100%;
	display: flex;
	flex-direction: column;
}

	.NavBarMobile .NavHamburger.x + .Menu .NavElem
	{
		background-color: rgb(65,79,86);
		height: 100%;
		width: 100%;
	}



.NavBar .NavElem
{
	height: 100px;
	width: 100%;
}

.NavBar
{
	height: inherit;
}

.Information
{
	position: absolute;
	right: 0;
}


.popupIframe
{
	top: 0;
	left: 0;
	position: absolute;
	background-color: rgba(0,0,0,0.5);
	width: 100vw;
	height: 100vh;
	z-index: 99999999;
}

	.popupIframe iframe
	{
		margin-top: 10vh;
		margin-left: 10vw;
		background-color: white;
		width: 80%;
		height: 80%;
	}

.customepaginate
{
	min-width: 160px;
	max-width: 240px;
	display: flex;
}

	.customepaginate ul
	{
		float: right;
	}

	.customepaginate li
	{
		list-style: none;
		background: white;
		border: 1px solid #ccc;
		box-sizing: border-box;
		height: 40px;
		width: 40px;
		line-height: 40px;
		color: #257ef0;
		float: left;
		text-align: center;
		cursor: pointer;
	}

		.customepaginate li:hover
		{
			background-color: white;
			border: 1px solid black;
			color: black;
		}

	.customepaginate ul
	{
		border: none;
		padding: 0;
		margin-left: 40px;
		max-width:200px;
		overflow:hidden;
		height:40px;
		position: absolute;
		right: 0;
	}

	.customepaginate .active-class
	{
		background-color: #257ef0 !important;
		color: white !important;
	}