@import url(font-awesome.min.css);
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:400,900');

	html, body, span, h2, p, a, img, ul, li, form, label, section {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	 {
		display: block;
	}

	body {
		line-height: 1;
		max-width: 1500px;
    	margin: 0 auto;
	}

	ul {
		list-style: none;
	}

	body {
		-webkit-text-size-adjust: none;
	}

/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

/* Grid */

/* Basic */

	@-ms-viewport {
		width: device-width;
	}

	body {
		-ms-overflow-style: scrollbar;
	}

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

		html, body {
			min-width: 320px;
		}

	}

/* Type */

	body {
		color: #ffffff;
		font-family: 'Roboto', sans-serif;
		font-size: 16.5pt;
		font-weight: 300;
		line-height: 1.65;
		background-color: #f6f6f6;

	}

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

			body, input {
			}

		}

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

			body, input {
			}

		}

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

			body, input {
			}

		}

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

			body, input {
			}

		}

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

			body, input {
			}

		}

	a {
		-moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		color: #ffffff;
		text-decoration: none;
	}

		a:hover {
			border-bottom-color: transparent;
			color: #ffffff !important;
		}

	p {
		margin: 0 0 0 0;
		font-size: 16px;
		font-family: 'Roboto', sans-serif;
    	text-align: justify;
    	line-height: 20px;
	}
	p span {
		font-weight: 900;
	}
	p.footer {
		margin: 0 0 2em 0;
		line-height: 17px;
		font-size: 15.7px;
    	text-align: center;
	}	    
	h1, h2, h3, h4, h5, h6 {
		font-family: 'Roboto Condensed', sans-serif;
	}
	h2 {
		color: #ffffff;
		font-weight: 700;
		letter-spacing: 0;
		margin: 0 0 0 0;
	}

		h2.major {
			padding-bottom: 0.5em;
    		text-align: center;
    		font-size: 25px;
    		font-size: 32px;
    		line-height: 36px;
		}

	h2 {
		font-size: 1.2em;
	}

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

		h2 {
			font-size: 0.7em;
		}

	}

/* Section/Article */

/* Form */

	form {
		margin: 0 0 2em 0;
	}

		form > :last-child {
			margin-bottom: 0;
		}

	label {
		color: #ffffff;
		display: block;
		font-family: 'Roboto', sans-serif;
		font-size: 0.8em;
		letter-spacing: 0.1em;
		margin: 0 0 0.7em 0;
		text-transform: initial;
	}

	input[type="password"],
	input[type="email"],
	input[type="tel"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: rgba(255, 255, 255, 1);
		border-radius: 5px;
		border: none;
		border: solid 2px rgba(255, 255, 255, 1);
		color: inherit;
		display: block;
		outline: 0;
		padding: 0 1em;
		text-decoration: none;
		width: 100%;
	}

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		input[type="tel"]:invalid {
			box-shadow: none;
		}

		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="tel"]:focus {
			border-color: #5b6ba6;
		}

	input[type="password"],
	input[type="email"] {
		height: 2.75em;
	}

	::-webkit-input-placeholder {
		color: rgba(0, 0, 0, 0.35) !important;
		opacity: 1.0;
	}

	:-moz-placeholder {
		color: rgba(0, 0, 0, 0.35) !important;
		opacity: 1.0;
	}

	::-moz-placeholder {
		color: rgba(0, 0, 0, 0.35) !important;
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		color: rgba(0, 0, 0, 0.35) !important;
		opacity: 1.0;
	}

/* Box */

/* Icon */

/* Image */

	.image {
		border-radius: 5px;
		border: 0;
		display: inline-block;
		position: relative;
	}

		.image img {
			border-radius: 5px;
			display: block;
		}

/* List */

	ul {
		list-style: disc;
		margin: 0 0 2em 0;
		padding-left: 1em;
	}

		ul li {
			padding-left: 0.5em;
		}

/* Table */


/* Features */

/* Header */

/* Menu */

	#page-wrapper {
		-moz-transition: -moz-filter 0.25s ease;
		-webkit-transition: -webkit-filter 0.25s ease;
		-ms-transition: -ms-filter 0.25s ease;
		transition: filter 0.25s ease;
	}

/* Banner */

/* Wrapper */

	.wrapper {
		background-color: #2e3141;
		margin: 6.5em 0;
    	padding-top: 0px;
    	padding-bottom: 10px;
		position: relative;
	}

		.wrapper:before, .wrapper:after {
			background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%232e3141%3B' /%3E%3C/svg%3E");
		}

		.wrapper:before {
			box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141;
		}

		.wrapper:after {
			box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141;
		}

		.wrapper:before, .wrapper:after {
			background-repeat: no-repeat;
			background-size: 100% 100%;
			content: '';
			display: block;
			height: 6.5em;
			position: absolute;
			width: 100%;
		}

		.wrapper:before {
			left: 0;
			top: -6.5em;
		}

		.wrapper:after {
			-moz-transform: scaleY(-1);
			-webkit-transform: scaleY(-1);
			-ms-transform: scaleY(-1);
			transform: scaleY(-1);
			bottom: -6.5em;
			left: 0;
		}

		.wrapper.alt:before {
			-moz-transform: scaleX(-1);
			-webkit-transform: scaleX(-1);
			-ms-transform: scaleX(-1);
			transform: scaleX(-1);
		}

		.wrapper.alt:after {
			-moz-transform: scaleY(-1) scaleX(-1);
			-webkit-transform: scaleY(-1) scaleX(-1);
			-ms-transform: scaleY(-1) scaleX(-1);
			transform: scaleY(-1) scaleX(-1);
		}

		.wrapper .inner {
			padding: 0em 0 0em 0 ;
			margin: 0 auto;
			width: 80%;
		}

		.wrapper.style2 {
			background-color: #353849;
		}

			.wrapper.style2:before, .wrapper.style2:after {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23353849%3B' /%3E%3C/svg%3E");
			}

			.wrapper.style2:before {
				box-shadow: inset 0 -1px 0 0 #353849, 0 1px 0 0 #353849;
			}

			.wrapper.style2:after {
				box-shadow: inset 0 -1px 0 0 #353849, 0 1px 0 0 #353849;
			}

		.wrapper.style3 {
			background-color: #3d4051;
		}

			.wrapper.style3:before, .wrapper.style3:after {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%233d4051%3B' /%3E%3C/svg%3E");
			}

			.wrapper.style3:before {
				box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
			}

			.wrapper.style3:after {
				box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
			}

		.wrapper.spotlight {
			background: linear-gradient(to bottom, #ead011 0%,#7b6d00 100%);
		}

			.wrapper.spotlight:before {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:#ead011' /%3E%3C/svg%3E");
			}
			.wrapper.spotlight:after {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:#7b6d00' /%3E%3C/svg%3E");
			}

			.wrapper.spotlight:before {
				box-shadow: inset 0 -1px 0 0 rgba(160, 0, 22, 0), 0 1px 0 0 rgba(160, 0, 22, 0);
			}

			.wrapper.spotlight:after {
				box-shadow: inset 0 -1px 0 0 rgba(160, 0, 22, 0), 0 1px 0 0 rgba(160, 0, 22, 0);
			}

			.wrapper.spotlight .inner {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				-moz-flex-direction: row;
				-webkit-flex-direction: row;
				-ms-flex-direction: row;
				flex-direction: row;
			}

			.wrapper.spotlight .image {
				border-radius: 100%;
				margin: 0 2em 0em 0;
				width: 15em;
				overflow: hidden;
				-ms-flex: 1;
			}

				.wrapper.spotlight .image img {
					border-radius: 100%;
					width: 100%;
				}

			.wrapper.spotlight .content {
				width: 100%;
				-ms-flex: 2;
			}

			.wrapper.spotlight:nth-child(2n - 1) .inner {
				-moz-flex-direction: row-reverse;
				-webkit-flex-direction: row-reverse;
				-ms-flex-direction: row-reverse;
				flex-direction: row-reverse;
				text-align: right;
			}

			.wrapper.spotlight:nth-child(2n - 1) .image {
				margin: 0 0 0em 2em;
			}

			.wrapper.spotlight.style2 {
				background: rgba(0, 0, 0, 0.75);
			}

				.wrapper.spotlight.style2:before, .wrapper.spotlight.style2:after {
					background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:rgba(0, 0, 0, 0.75)' /%3E%3C/svg%3E");
				}

				.wrapper.spotlight.style2:before {
					box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0), 0 1px 0 0 rgba(0, 0, 0, 0);
				}

				.wrapper.spotlight.style2:after {
					box-shadow: inset 0 -1px 0 0 rgba(69, 85, 141, 0), 0 1px 0 0 rgba(69, 85, 141, 0);
				}

			.wrapper.spotlight.style3 {
				background: linear-gradient(to bottom, #ead011 0%,#7b6d00 100%);
			}

				.wrapper.spotlight.style3:before {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:#ead011' /%3E%3C/svg%3E");
				}

				.wrapper.spotlight.style3:after {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:#7b6d00' /%3E%3C/svg%3E");
				}

				.wrapper.spotlight.style3:before {
					box-shadow: inset 0 -1px 0 0 rgba(160, 0, 22, 0), 0 1px 0 0 rgba(160, 0, 22, 0);
				}

				.wrapper.spotlight.style3:after {
					box-shadow: inset 0 -1px 0 0 rgba(63, 78, 133, 0), 0 1px 0 0 rgba(63, 78, 133, 0);
				}
			.wrapper.spotlight.style4 {
				background-color: rgba(0, 0, 0, 0.75);
			}

				.wrapper.spotlight.style4:before, .wrapper.spotlight.style2:after {
					background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:rgba(0, 0, 0, 0.75)' /%3E%3C/svg%3E");
				}

				.wrapper.spotlight.style4:before {
					box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0), 0 1px 0 0 rgba(0, 0, 0, 0);
				}

				.wrapper.spotlight.style4:after {
					box-shadow: inset 0 -1px 0 0 rgba(69, 85, 141, 0), 0 1px 0 0 rgba(69, 85, 141, 0);
				}

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

			.wrapper {
				margin: 4.75em 0;
			}

				.wrapper:before, .wrapper:after {
					height: 4.75em;
				}

				.wrapper:before {
					top: -4.75em;
				}

				.wrapper:after {
					bottom: -4.75em;
					left: 0;
				}

				.wrapper .inner {
					padding: 3em 3em 1em 3em ;
					width: 100%;
				}

				.wrapper.spotlight .image {
					margin: 0 2em 2em 0;
					width: 32em;
				}

				.wrapper.spotlight:nth-child(2n - 1) .image {
					margin: 0 0 2em 2em;
				}

		}

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

			.wrapper {
				margin: 2.5em 0;
			}

				.wrapper:before, .wrapper:after {
					height: 2.5em;
				}

				.wrapper:before {
					top: -2.5em;
				}

				.wrapper:after {
					bottom: -2.5em;
					left: 0;
				}

				.wrapper .inner {
					padding: 2em 1em 0.1em 1em ;
				}

				.wrapper.spotlight .inner {
					-moz-align-items: -moz-flex-start;
					-webkit-align-items: -webkit-flex-start;
					-ms-align-items: -ms-flex-start;
					align-items: flex-start;
				}

				.wrapper.spotlight .image {
					width: 19em;
					margin: 0 1.75em 2em 0;
				}

				.wrapper.spotlight:nth-child(2n - 1) .image {
					
				}

		}

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

			.wrapper.spotlight .inner {
				display: block;
			}

			.wrapper.spotlight .image {
				margin: 0 0 10px 0 !important;
				max-width: 100%;
				width: 100%;
			}

		}

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

			.wrapper .inner {
				padding: 2em 1.5em 0.1em 1.5em ;
			}

		}

/* Footer */

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

		#footer {
			margin-top: -6.5em;
			padding-top: 6.5em;
		}

	}

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

		#footer {
			margin-top: -4.75em;
			padding-top: 4.75em;
		}

	}

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

		#footer {
			margin-top: -2.5em;
			padding-top: 2.5em;
		}

	}

	/*.wrapper-bot */

	.wrapper-bot {
		background-color: #2e3141;
		margin: 0 0;
		position: relative;
	}

		.wrapper-bot:before {
			background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%232e3141%3B' /%3E%3C/svg%3E");
		}

		.wrapper-bot:before {
			box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141;
		}

		.wrapper-bot:before {
			background-repeat: no-repeat;
			background-size: 100% 100%;
			content: '';
			display: block;
			height: 6.5em;
			position: absolute;
			width: 100%;
		}

		.wrapper-bot:before {
			left: 0;
			top: -6.5em;
		}

		.wrapper-bot.alt:before {
			-moz-transform: scaleX(-1);
			-webkit-transform: scaleX(-1);
			-ms-transform: scaleX(-1);
			transform: scaleX(-1);
		}

		.wrapper-bot.alt:after {
			-moz-transform: scaleY(-1) scaleX(-1);
			-webkit-transform: scaleY(-1) scaleX(-1);
			-ms-transform: scaleY(-1) scaleX(-1);
			transform: scaleY(-1) scaleX(-1);
		}

		.wrapper-bot .inner {
			padding: 3em 0 1em 0 ;
			margin: 0 auto;
			width: 80%;
		}

		.wrapper-bot.style2 {
			background-color: #353849;
		}

			.wrapper-bot.style2:before, .wrapper-bot.style2:after {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23353849%3B' /%3E%3C/svg%3E");
			}

			.wrapper-bot.style2:before {
				box-shadow: inset 0 -1px 0 0 #353849, 0 1px 0 0 #353849;
			}

			.wrapper-bot.style2:after {
				box-shadow: inset 0 -1px 0 0 #353849, 0 1px 0 0 #353849;
			}

		.wrapper-bot.style3 {
			background-color: #3d4051;
		}

			.wrapper-bot.style3:before, .wrapper-bot.style3:after {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%233d4051%3B' /%3E%3C/svg%3E");
			}

			.wrapper-bot.style3:before {
				box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
			}

			.wrapper-bot.style3:after {
				box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
			}

		.wrapper-bot.spotlight {
			background-color: #ead011;
		}

			.wrapper-bot.spotlight:before, .wrapper-bot.spotlight:after {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:#ead011' /%3E%3C/svg%3E");
			}

			.wrapper-bot.spotlight:before {
				box-shadow: inset 0 -1px 0 0 rgba(160, 0, 22, 0), 0 1px 0 0 rgba(160, 0, 22, 0);
			}

			.wrapper-bot.spotlight:after {
				box-shadow: inset 0 -1px 0 0 rgba(160, 0, 22, 0), 0 1px 0 0 rgba(160, 0, 22, 0);
			}

			.wrapper-bot.spotlight .inner {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				-moz-flex-direction: row;
				-webkit-flex-direction: row;
				-ms-flex-direction: row;
				flex-direction: row;
			}

			.wrapper-bot.spotlight .image {
				border-radius: 100%;
				margin: 0 3em 2em 0;
				width: 22em;
				overflow: hidden;
				-ms-flex: 1;
			}

				.wrapper-bot.spotlight .image img {
					border-radius: 100%;
					width: 100%;
				}

			.wrapper-bot.spotlight .content {
				width: 100%;
				-ms-flex: 2;
			}

			.wrapper-bot.spotlight:nth-child(2n - 1) .inner {
				-moz-flex-direction: row-reverse;
				-webkit-flex-direction: row-reverse;
				-ms-flex-direction: row-reverse;
				flex-direction: row-reverse;
				text-align: right;
			}

			.wrapper-bot.spotlight:nth-child(2n - 1) .image {
				margin: 0 0 0em 2em;
			}

			.wrapper-bot.spotlight.style2 {
				background-color: rgba(0, 0, 0, 0.75);
			}

				.wrapper-bot.spotlight.style2:before, .wrapper-bot.spotlight.style2:after {
					background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:rgba(0, 0, 0, 0.75)' /%3E%3C/svg%3E");
				}

				.wrapper-bot.spotlight.style2:before {
					box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0), 0 1px 0 0 rgba(0, 0, 0, 0);
				}

				.wrapper-bot.spotlight.style2:after {
					box-shadow: inset 0 -1px 0 0 rgba(69, 85, 141, 0), 0 1px 0 0 rgba(69, 85, 141, 0);
				}

			.wrapper-bot.spotlight.style3 {
				background: linear-gradient(to bottom, #7b6d00 0%,#000000 100%);
			}

				.wrapper-bot.spotlight.style3:before, .wrapper-bot.spotlight.style3:after {
					background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:#7b6d00' /%3E%3C/svg%3E");
				}

				.wrapper-bot.spotlight.style3:before {
					box-shadow: inset 0 -1px 0 0 rgba(160, 0, 22, 0), 0 1px 0 0 rgba(160, 0, 22, 0);
				}

				.wrapper-bot.spotlight.style3:after {
					box-shadow: inset 0 -1px 0 0 rgba(63, 78, 133, 0), 0 1px 0 0 rgba(63, 78, 133, 0);
				}
			.wrapper-bot.spotlight.style4 {
				background-color: rgba(0, 0, 0, 0.75);
			}

				.wrapper-bot.spotlight.style4:before, .wrapper-bot.spotlight.style2:after {
					background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:rgba(0, 0, 0, 0.75)' /%3E%3C/svg%3E");
				}

				.wrapper-bot.spotlight.style4:before {
					box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0), 0 1px 0 0 rgba(0, 0, 0, 0);
				}

				.wrapper-bot.spotlight.style4:after {
					box-shadow: inset 0 -1px 0 0 rgba(69, 85, 141, 0), 0 1px 0 0 rgba(69, 85, 141, 0);
				}

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

			.wrapper-bot {
				margin: 0 0;
			}

				.wrapper-bot:before {
					height: 4.75em;
				}

				.wrapper-bot:before {
					top: -4.75em;
				}

				.wrapper-bot .inner {
					padding: 3em 3em 1em 3em ;
					width: 100%;
				}

				.wrapper-bot.spotlight .image {
					margin: 0 2em 2em 0;
					width: 32em;
				}

				.wrapper-bot.spotlight:nth-child(2n - 1) .image {
					margin: 0 0 2em 2em;
				}

		}

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

			.wrapper-bot {
				margin: 0 0;
			}

				.wrapper-bot:before {
					height: 2.5em;
				}

				.wrapper-bot:before {
					top: -2.5em;
				}

				.wrapper-bot .inner {
					padding: 2em 2em 0.1em 2em ;
				}

				.wrapper-bot.spotlight .inner {
					-moz-align-items: -moz-flex-start;
					-webkit-align-items: -webkit-flex-start;
					-ms-align-items: -ms-flex-start;
					align-items: flex-start;
				}

				.wrapper-bot.spotlight .image {
					width: 19em;
					margin: 0 1.75em 2em 0;
				}

				.wrapper-bot.spotlight:nth-child(2n - 1) .image {
					
				}

		}

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

			.wrapper-bot.spotlight .inner {
				display: block;
			}

			.wrapper-bot.spotlight .image {
				margin: 0 0 1em 0 !important;
				max-width: 100%;
				width: 100%;
			}

		}

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

			.wrapper-bot .inner {
				padding: 2em 1.5em 0.1em 1.5em ;
			}

		}

/* Footer */

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

		#footer {
			margin-top: -6.5em;
			padding-top: 6.5em;
		}

	}

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

		#footer {
			margin-top: -4.75em;
			padding-top: 4.75em;
		}

	}

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

		#footer {
			margin-top: -2.5em;
			padding-top: 2.5em;
		}

	}
.background_img {
	background: url(../images/background-1500px.jpg) top no-repeat fixed;
    background-color: #000000;
}

.hubp-btn {
  	cursor: pointer;
    float: left;
    display: block;
    margin: 7px 10px;
    width: 117px;
    border: none;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-appearance: none;
    padding: 14px 7px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    background: rgba(255, 255, 255, 0.87);
    color: #444;
    box-shadow: 0 6px #444;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 5px;
    box-shadow: 0 3px #444 !important;
}
.hub_container {
    width: 980px;
    margin: 0 auto;
    overflow: hidden;
}
.hub_banner {
	padding-bottom: 0px;
    padding-top: 20px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.hub_header {
    z-index: 1;
    width: 100%;
    height: 100px;
}
.hub_header-container {
    overflow: hidden;
    padding: 0 5%;
    width: 100%;
    margin-top: 5px;
    margin: auto;
}
.hub_logo {
    float: left;
    width: 55%;
    max-width: 400px;
}
.hub_logo img {
    margin-top: 18px;
    width: 100%;
}
.hub_login {
    float: right;
    width: 50%;
    text-align: right;
    padding-top: 20px;
}
.hub_banner-content {
    width: 50%;
    margin-bottom: 3%;
    margin-top: 5%;
}
.hub_btn_login {
    border-radius: 5px;
    border: 0;
    color: #000 !important;
    cursor: pointer;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    height: 46px;
    letter-spacing: 1px;
    line-height: 49px;
    padding: 0 36px;
    text-align: center;
    text-decoration: none;
    background: linear-gradient(to bottom, #ead011 0%,#ead011 100%);
    white-space: nowrap;
    box-shadow: 0 3px #444 !important;
  }
  .hub_footer {
    width: 100%;
    height: auto;
    color: #fff;
    font-size: 11px;
    padding-top: 20px;
    padding-bottom: 17px;
  }
  .hub_footer:before {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0), 0 1px 0 0 rgba(0, 0, 0, 0);
  }
  .hub_footer::before, .hub_footer:after {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' w…ints='0,100 100,0 100,100' style='fill:rgba(0, 0, 0, 0.75)' /%3E%3C/svg%3E);
}
  .hub_logo-bot {
    float: left;
    width: 50%;
    max-width: 400px;
  }
  .hub_footer-content {
  	margin-top: 35px;
    width: 50%;
    float: right;
    text-align: center;
  }
  .hub_footer-content ul {
    width: 100%;
    overflow: hidden;
    text-align: right;
    margin-bottom: 10px;
  }
  .hub_footer-content ul li {
    float: left;
    width: 33%;
    padding-left: 0px;
    list-style: none;
  }
  .hub_footer-content ul li img {
    width: 99%;
  }
.hub_member a {
        background-color: rgba(0, 0, 0, 0.8);
    border-radius: 5px;
    border: 0;
    color: #000 !important;
    cursor: pointer;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    height: 48px;
    letter-spacing: 1px;
    line-height: 19px;
    padding-top: 15px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 10px;
    text-decoration: none;
    text-align: center;
    text-transform: initial;
    white-space: nowrap;
    background: linear-gradient(to bottom, #ead011 0%,#ead011 100%);
    box-shadow: 0 3px #444 !important;
}
.hub_member{
    display: none;
}
.photo_block {
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
    padding-top: 0px;
}
.photo_block .panel ul li a span {
    font-family: "Source Sans Pro", Helvetica, sans-serif !important;
}
.hubp-form-container {
    width: 373px;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.8);
    border: 2px solid hsla(0, 0%, 100%, 0);
    box-shadow: 0px 0px 0px 2px rgb(255, 255, 255);
    margin-bottom: 10px;
    padding: 2px;
    border-radius: 5px;
}
.hubp-error p {
	text-align: center;
}
.logo-padding {
	padding-top: 13px;
}
.hubp-step1 {
}
	.hubp-step1 h1.tagline {
		margin-top: 10px;
    	margin-bottom: 20px;
    	text-transform: initial;
    	text-align: center;
    	line-height: 35px;
    	font-weight: 500;
    	font-size: 33px;
	}
	.hubp-step1 h1.tagline span {
		font-weight: 700;
    	font-size: 40px;
	}
	.hubp-step1 h1.cta {
		margin-top: 10px;
    	margin-bottom: 20px;
    	text-align: center;
    	line-height: 35px;
    	font-weight: 500;
    	font-size: 30px;
    	padding-left: 16%;
    	padding-right: 16%;
    	font-weight: bold;
    	font-weight: bold;
	}
	.hubp-step1 h1.cta span {
		font-weight: 700;
    	font-size: 40px;
	}
	.hubp-step1 hr {
		width: 100%;
	}
	.hubp-step1 p {
		padding-top: 15px;
		text-align: center;
		padding-left: 16%;
		padding-right: 16%;
		text-align: left;
		padding-top: 119px;
	}
.hubp-step2 {
}
	.hubp-step2 h1.tagline {
		margin-top: 10px;
    	margin-bottom: 20px;
    	text-align: center;
    	line-height: 35px;
    	font-weight: 500;
    	font-size: 33px;
	}
	.hubp-step2 h1.tagline span {
		font-weight: 700;
    	font-size: 40px;
	}
	.hubp-step2 h1.cta {
		margin-top: 10px;
    	margin-bottom: 20px;
    	text-align: center;
    	line-height: 35px;
    	font-weight: 500;
    	font-size: 33px;
    	padding-left: 16%;
    	padding-right: 16%;
    	font-weight: bold;
	}
	.hubp-step2 h1.cta span {
		font-weight: 700;
    	font-size: 40px;
	}
	.hubp-step2 hr {
		width: 100%;
	}
	.hubp-step2 p {
		padding-top: 15px;
		text-align: center;
		padding-left: 16%;
		padding-right: 16%;
		text-align: left;
		padding-top: 119px;
	}
.hubp-step3 {
}
	.hubp-step3 h1.tagline {
		margin-top: 10px;
    	margin-bottom: 20px;
    	text-align: center;
    	line-height: 35px;
    	font-weight: 500;
    	font-size: 33px;
	}
	.hubp-step3 h1.tagline span {
		font-weight: 700;
    	font-size: 40px;
	}
	.hubp-step3 h1.cta {
		margin-top: 10px;
    	margin-bottom: 20px;
    	text-align: center;
    	line-height: 35px;
    	font-weight: 500;
    	font-size: 33px;
    	padding-left: 16%;
    	padding-right: 16%;
    	font-weight: bold;
	}
	.hubp-step3 h1.cta span {
		font-weight: 700;
    	font-size: 40px;
	}
	.hubp-step3 hr {
		width: 100%;
	}
	.hubp-step3 label {
		margin-top: 27px;
	}
	.hubp-step3 p {
		padding-top: 15px;
		text-align: left;
		padding-left: 16%;
		padding-right: 16%;
	}
.hubp-step4 {
}
	.hubp-step4 h1.tagline {
		margin-top: 10px;
    	margin-bottom: 20px;
    	text-align: center;
    	line-height: 35px;
    	font-weight: 500;
    	font-size: 33px;
	}
	.hubp-step4 h1.tagline span {
		font-weight: 700;
    	font-size: 40px;
	}
	.hubp-step4 h1.cta {
		margin-top: 10px;
    	margin-bottom: 20px;
    	text-align: center;
    	line-height: 35px;
    	font-weight: 500;
    	font-size: 33px;
    	padding-left: 16%;
    	padding-right: 16%;
    	font-weight: bold;
	}
	.hubp-step4 h1.cta span {
		font-weight: 700;
    	font-size: 40px;
	}
	.hubp-step4 hr {
		width: 100%;
	}
	.hubp-step4 label {
		margin-top: 27px;
	}
	.hubp-step4 p {
		padding-top: 15px;
		padding-left: 16%;
		padding-right: 16%;
		text-align: left;
	}
.hubp-step5 {
}
	.hubp-step5 h1.tagline {
		margin-top: 10px;
    	margin-bottom: 20px;
    	text-align: center;
    	line-height: 35px;
    	font-weight: 500;
    	font-size: 33px;
	}
	.hubp-step5 h1.tagline span {
		font-weight: 700;
    	font-size: 40px;
	}
	.hubp-step5 h1.cta {
		margin-top: 10px;
    	margin-bottom: 20px;
    	text-align: center;
    	line-height: 35px;
    	font-weight: 500;
    	font-size: 33px;
    	padding-left: 16%;
    	padding-right: 16%;
    	font-weight: bold;
	}
	.hubp-step5 h1.cta span {
		font-weight: 700;
    	font-size: 40px;
	}
	.hubp-step5 hr {
		width: 100%;
	}
	.hubp-step5 label {
		margin-top: 40px;
	}
	.hubp-step5 p {
		padding-top: 15px;
		padding-left: 16%;
		padding-right: 16%;
		text-align: left;
	}


	.guardian a img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 120px;
    float: right;
    padding-top: 15px;
	}
	.guardian_for_mobile img {
    display: none;
	}
	#partners {
    height: 105px;
    background-color: rgba(0, 0, 0, 0);
    white-space: nowrap;
    width: 100%;
    display: table;
    padding-top: 20px;
	}
	.logo-image {
    vertical-align: middle;
    padding: 13px;
    display: table-cell;
	}

	.padding-12p {
		padding-left: 12%;
		padding-right: 12%;
	}
	.padding-13p {
		padding-left: 13%;
		padding-right: 13%;
	}
	.padding-16p {
		padding-left: 16%;
		padding-right: 16%;
	}


@media (max-width: 1500px){
	.background_img {
        background: url(../images/background-1500px.jpg) top right no-repeat fixed;
        background-color: rgba(14, 15, 19, 0.95);
    }
    .hub_banner {
    padding-bottom: 0px;
    padding-top: 0px;
    }
    .hub_header {
            z-index: 1;
    width: 100%;
    height: 110px;
    }
    .hub_header-container {
    overflow: hidden;
    padding: 0 5%;
    width: 100%;
    margin-top: 5px;
    margin: auto;
    }
    .hub_logo {
        float: left;
        width: 55%;
        max-width: 400px;
    }
    .hub_logo img{
        width: 100%;
        margin-top: 18px;
    }
    .hub_logo-bot {
        float: left;
        width: 50%;
        max-width: 400px;
    }
    .hub_logo-bot img{
        padding-top: 0px;
    }
    .hub_login {
    float: right;
    width: 50%;
    text-align: right;
    padding-top: 20px;
    }
    .hub_footer {
        height: auto;
        padding:10px 0px;
    }
    .hub_footer-content {
    	margin-top: 35px;
        width: 50%;
        float: right;
        text-align: right;
    }
    .hub_footer-content p {
        text-align: center;
        margin-bottom: 10px;
    }
    .photo_block {
    padding-top: 0px;
	}
}

@media (max-width: 1000px){

	.logo-image {
    vertical-align: middle;
    padding: 13px;
    display: block;
	}
	.logo-image img {
    display: block;
    margin: auto;
    width: 50%;
	}
}


@media (max-width: 980px) {
	.hub_banner-content {
		width:100%;
  		margin-bottom: 3%;
	}
	.hub_container {
        width:100%;
        padding:0 10px;
	}
    .photo_block {
    padding-top: 0px;
	}
}

@media (max-width: 800px){
	.background_img {
        background: url(../images/background-800px.jpg) top right no-repeat fixed;
        background-color: rgba(14, 15, 19, 0.95);
    }

    .hub_header {
        height: auto;
        padding-bottom: 0px;  
    }
    .hub_header-container {
    padding: 0%;

    }
    .hub_logo {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 60%;
        float: none;
    }
    .hub_logo img{
        width: 100%;
        margin-top: 6px;
    }
    .hub_logo-bot {
        float: none;
        margin: -40px;
        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .hub_logo-bot img{
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .hub_header .hub_login {
        display: block;
        margin-top: -4%;
        margin-bottom: 10px;
    }
    .hub_banner {
        padding-bottom: 0px;
        padding-top: 10px;
        margin-bottom: 0px;
        margin-top: 0px;

    }
    .hub_login {
        display: none;
        width:100%;
        overflow: hidden;
        padding-top: 0px;
    }
    .hub_member{
        display: block;
        width:100%;
        text-align: center;
    }
    .hub_footer {
        height: auto;
        padding:10px 0px;
    }
    .hub_footer-content {
    	margin-top: 0px;
        float: none;
        width:100%;
    }
    .hub_footer-content p {
        text-align: center;
        margin-bottom: 10px;
    }
    .hub_btn_login {
    display: none;
	}
	.photo_block {
    padding-top: 0px;
	}
	.guardian a img {
    display: none;
	}
	.guardian_for_mobile img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    float: none;
    padding-top: 15px;
	}
}


@media (max-width: 768px) {
    .photo_block {
    padding-top: 0px;
	}
}


@media (max-width: 736px) {
    .photo_block {
    padding-top: 0px;
	}
 }

@media (max-width: 639px) {

    .hub_header {
        height: auto;
        padding-bottom: 0px;  
    }
    .hub_header-container {
    padding: 0%;

    }
    .hub_logo {
        display: block;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .hub_logo img{
        width: 100%;
        margin-top: 6px;
    }
    .hub_logo-bot {
        display: block;
    	margin-left: auto;
    	margin-right: auto;
    	float: none;
    }
    .hub_logo-bot img{
        width: 100%;
        padding-top: 10px;
        padding-bottom: 15px;
    }
    .hub_header .hub_login {
        display: block;
        margin-top: -4%;
        margin-bottom: 10px;
    }
    .hub_banner {
        padding-bottom: 0px;
        padding-top: 0px;
        margin-bottom: 0px;
        margin-top: 0px;

    }
    .hub_login {
        display: none;
        width:100%;
        overflow: hidden;
        padding-top: 0px;
    }
    .hub_member{
        display: block;
        width:100%;
    }
    .hub_footer {
        height: auto;
        padding:10px 0px;
    }
    .hub_footer-content {
        float: none;
        width:100%;
    }
    .hub_footer-content p {
        text-align: center;
        margin-bottom: 10px;
        font-size: 15.7px;
    }
    .photo_block {
    padding-top: 0px;
	}

	.logo-image img {
    display: block;
    margin: auto;
    width: 100%;
	}
}

@media (max-width: 500px) {
	.background_img {
        background: url(../images/background-500px.jpg) top right no-repeat fixed;
        background-color: rgba(14, 15, 19, 0.95);
    }
    .hub_banner {
        padding-bottom: 0px;
        padding-top: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .hub_logo {
    float: left;
    margin: -10px 5.2%;
    width: 55%;
    padding-top: 30px;
    padding-bottom: 10px;
}
    .hub_member p{
        width: 100%;
        color: #fff;
        background: none;
        top: -5px;
        padding-top: 16px;
    	text-align: center;
    }
    .photo_block {
    padding-top: 0px;
	}
	.hubp-form-container {
    width: 373px;
    margin: 0 auto;
    border: 2px solid hsla(0, 0%, 100%, 0);
    margin-bottom: 10px;
    padding: 2px;
	}
	.wrapper.spotlight .content {
    text-align: center;
	}
	h2 {
    text-align: center;
	}
	.image {
    display: contents;
	}
	.hubp-step1 {
}
	.hubp-step1 h1.tagline {
		margin-top: 10px;
    	margin-bottom: 10px;
    	text-transform: initial;
    	text-align: center;
    	line-height: 35px;
    	font-weight: 500;
    	font-size: 23px;
	}
	.hubp-step1 h1.tagline span {
		font-weight: 700;
    	font-size: 36px;
	}
	.hubp-step1 h1.cta {
		margin-top: 0px;
    	margin-bottom: 0px;
    	text-transform: initial;
    	text-align: center;
    	line-height: 26px;
    	font-weight: 500;
    	font-size: 23px;
	}
	.hubp-step1 h1.cta span {
		font-weight: 700;
    	font-size: 36px;
	}
	.hubp-step1 hr {
		width: 100%;
	}
	.hubp-step2 {
}
	.hubp-step2 h1.tagline {
		margin-top: 10px;
    	margin-bottom: 10px;
    	text-transform: initial;
    	text-align: center;
    	line-height: 35px;
    	font-weight: 500;
    	font-size: 23px;
	}
	.hubp-step2 h1.tagline span {
		font-weight: 700;
    	font-size: 36px;
	}
	.hubp-step2 h1.cta {
		margin-top: 0px;
    	margin-bottom: 0px;
    	text-transform: initial;
    	text-align: center;
    	line-height: 26px;
    	font-weight: 500;
    	font-size: 23px;
	}
	.hubp-step2 h1.cta span {
		font-weight: 700;
    	font-size: 36px;
	}
	.hubp-step2 hr {
		width: 100%;
	}
	.hubp-step3 {
}
	.hubp-step3 h1.tagline {
		margin-top: 10px;
    	margin-bottom: 10px;
    	text-transform: initial;
    	text-align: center;
    	line-height: 35px;
    	font-weight: 500;
    	font-size: 23px;
	}
	.hubp-step3 h1.tagline span {
		font-weight: 700;
    	font-size: 36px;
	}
	.hubp-step3 h1.cta {
		margin-top: 0px;
    	margin-bottom: 0px;
    	text-transform: initial;
    	text-align: center;
    	line-height: 26px;
    	font-weight: 500;
    	font-size: 23px;
	}
	.hubp-step3 h1.cta span {
		font-weight: 700;
    	font-size: 36px;
	}
	.hubp-step3 hr {
		width: 100%;
	}
	.hubp-step4 {
}
	.hubp-step4 h1.tagline {
		margin-top: 10px;
    	margin-bottom: 10px;
    	text-transform: initial;
    	text-align: center;
    	line-height: 35px;
    	font-weight: 500;
    	font-size: 23px;
	}
	.hubp-step4 h1.tagline span {
		font-weight: 700;
    	font-size: 36px;
	}
	.hubp-step4 h1.cta {
		margin-top: 0px;
    	margin-bottom: 0px;
    	text-transform: initial;
    	text-align: center;
    	line-height: 26px;
    	font-weight: 500;
    	font-size: 23px;
	}
	.hubp-step4 h1.cta span {
		font-weight: 700;
    	font-size: 36px;
	}
	.hubp-step4 hr {
		width: 100%;
	}
	.hubp-step5 {
}
	.hubp-step5 h1.tagline {
		margin-top: 10px;
    	margin-bottom: 10px;
    	text-transform: initial;
    	text-align: center;
    	line-height: 35px;
    	font-weight: 500;
    	font-size: 23px;
	}
	.hubp-step5 h1.tagline span {
		font-weight: 700;
    	font-size: 36px;
	}
	.hubp-step5 h1.cta {
		margin-top: 0px;
    	margin-bottom: 0px;
    	text-transform: initial;
    	text-align: center;
    	line-height: 26px;
    	font-weight: 500;
    	font-size: 23px;
	}
	.hubp-step5 h1.cta span {
		font-weight: 700;
    	font-size: 36px;
	}
	.hubp-step5 hr {
		width: 100%;
	}
	.hub_banner-content {
    margin-top: 3%;
	}
}

@media (max-width: 414px) { 
    .hub_logo {
    float: left;
    margin: -10px 5.2%;
    width: 63%;
    padding-top: 30px;
    padding-bottom: 10px;
	}
    .photo_block {
    padding-top: 0px;
	}
	.image {
    display: contents;
	}
}

@media (max-width: 400px) {
    .hub_banner-content {
        padding-top: 0px;
    }
    .hubp-btn {
    	cursor: pointer;
    	float: left;
    	display: block;
    	margin: 7px 10px;
    	width: 160px;
    	border: none;
    	vertical-align: middle;
    	position: relative;
    	z-index: 1;
        -webkit-appearance: none;
    	padding: 14px 20px;
    	font-family: 'Roboto', sans-serif;
    	font-size: 14px;
    	letter-spacing: 2px;
    	text-transform: initial;
    	background: rgba(255, 255, 255, 0.87);
    	color: #444;
    	box-shadow: 0 6px #444;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
    	transition: all 0.3s;
    	border-radius: 5px;
    	box-shadow: 0 3px #444 !important;
	}
	.hubp-btn {
    	width: 138px;
    	margin: 7px 4px;
    	font-size: 14px;
	}
	.photo_block {
    padding-top: 0px;
	}
	.hubp-form-container {
    width: 373px;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.8);
    box-shadow: 0px 0px 0px 2px rgb(255, 255, 255);
    border: 2px solid hsla(0, 0%, 100%, 0);
    margin-bottom: 10px;
    padding: 2px;
	}
	.wrapper.spotlight .content {
    text-align: center;
	}
	h2 {
    text-align: center;
	}
	.image {
    display: contents;
	}

}