@import url("font-museo.css");


	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		background-color: #1F1F1F;


	}

	.rtl {
	unicode-bidi: bidi-override;
    direction: rtl;
	}	
				
	.container {
		width: 100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		padding: 1em 2em 2em 2em
		}	
				
	ol, ul {
		list-style: none;
	}

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

	body {
		background: #fff;
	}

	body, input, select, textarea {
		color: #666;
		font-family: "MuseoSans_300", Helvetica, sans-serif;
		font-size: 16pt;
		font-weight: 300;
		line-height: 1.65em;
		letter-spacing:0.05em;

	}

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

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

	strong, b {
		color: #555;
		font-weight: 400;
	}

	em, i {
		font-style: italic;
	}

	p {
		color: #fff;
		text-align: center;

	}

	h1, h2, h3, h4, h5, h6 {
		color: #555;
		line-height: 1em;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
		}

	h1 {
		font-family: "MuseoSans_300", Helvetica, sans-serif;
		font-size: 1.75em;
		line-height: 1.5em;
		color: #fff;
		padding-bottom: 0.5em;
		text-align: center;
	}

	h2 {
		font-size: 2em;
		line-height: 1.35em;
	}

	h3 {
		font-size: 1.35em;
		line-height: 1.5em;
	}

	h4 {
		font-size: 1.25em;
		line-height: 1.5em;
	}

	h5 {
		font-size: 0.9em;
		line-height: 1.5em;
	}


	#header {
		padding: 1em 0 1em 0 ;
		color: rgba(255, 255, 255, 0.75);
		background-attachment: fixed,							fixed,							fixed;
		background-position: top left,						center center,					center center;
		background-size: auto,							cover,							cover;
		overflow: hidden;
		position: relative;
		text-align: center;
	}

		#header a {
		}

			#header a:hover {
				color: #ffffff;
			}

		#header h1, #header h2, #header h3, #header h4, #header h5, #header h6, #header strong, #header b {
			color: #ffffff;
		}

		#header header p {
			color: #ffffff;
		}

		#header p {
			margin:0em 0 0 0;
		}

		#header .actions {
			margin: 2.5em 0 0 0;
			position: relative;
		}

			#header .actions:after {
				background: #ffffff;
				content: '';
				height: 100vh;
				left: 50%;
				position: absolute;
				top: 100%;
				width: 1px;
			}


	#footer {
		padding: 2em 0 2em 0 ;
		/*background-color: red;*/
		color: #fff;
		background-attachment: fixed,							fixed,							fixed;
		background-position: top left,						center center,					center center;
		background-size: auto,							cover,							cover;
		text-align: center;
		position: absolute;
		bottom: 0;
		width: 100%;
	}

		#footer a {
		}

			#footer a:hover {
				color: #B8CF3F;
			}

		#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer strong, #footer b {
			color: #ffffff;
		}

		#footer header p {
			color: #ffffff;
		}

	
		#footer .copyright {
			font-size: 0.75em;
			line-height: 1.5em;
			list-style: none;
			margin: 2em 0 2em 0;
			padding: 0;
		}

			#footer .copyright li {
				display: inline-block;
				line-height: 1.5em;
			}

				#footer .copyright li:first-child {
					border-left: 0;
					margin-left: 0;
					padding: 0;
				}

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

			body, input, select, textarea {
				font-size: 14pt;
			}

			#header {
				padding: 4em 0 4em 0 ;
			}

	}

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

			body, input, select, textarea {
				font-size: 13pt;
			}

			h1 br, h2 br, h3 br, h4 br, h5 br, h6 br {
				display: none;
			}

			ul.major-icons li {
				padding: 2em;
			}

				ul.major-icons li .icon {
					height: 8em;
					line-height: 8em;
					width: 8em;
				}


			.main {
			}

				.main.style2 {
					background-attachment: scroll;
				}


			#header {
				padding: 2em 0 2em 0 ;
				background-attachment: scroll;
			}

				#header br {
					display: inline;
				}

			#footer {
				padding: 2em 0 2em 0 ;
				background-attachment: scroll;
			}

	}

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

			ul.major-icons li {
				padding: 2em;
			}

				ul.major-icons li .icon {
					height: 7em;
					line-height: 7em;
					width: 7em;
				}

			.main {
				padding: 5em 3em 3em 3em ;
			}

			#header {
				padding: 2em 2em 2em 2em ;
			}

			#footer {
				padding: 2em 2em 2em 2em ;
				bottom: 8em;
			}

			#one {
				text-align: center;
			}

			#two {
				text-align: center;
			}

	}

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

			body, input, select, textarea {
				font-size: 1.0em;
			}

			h1 {
				font-size: 1.2em;
			}

			h2 {
				font-size: 1.5em;
			}

			h3 {
				font-size: 1.1em;
			}

			h4 {
				font-size: 1em;
			}

			ul.major-icons li {
				padding: 1.5em;
			}

				ul.major-icons li .icon {
					height: 5em;
					line-height: 5em;
					width: 5em;
				}

					ul.major-icons li .icon:before {
						font-size: 42px;
					}

	
			.main {
				/*padding: 3em 1.5em 1em 1.5em ;*/
			}

			#header {
				padding: 1em 1em 1em 1em ;
			}

				#header .actions {
					margin: 2em 0 0 0;
				}

			#footer {
				padding: 1em 1em 1em 1em ;
			}

	}

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

			ul.actions {
				margin: 0 0 2em 0;
			}

				ul.actions li {
					display: block;
					padding: 1em 0 0 0;
					text-align: center;
					width: 100%;
				}

					ul.actions li:first-child {
						padding-top: 0;
					}

					ul.actions li > * {
						margin: 0 !important;
						width: 100%;
					}

						ul.actions li > *.icon:before {
							margin-left: -2em;
						}

				ul.actions.small li {
					padding: 0.5em 0 0 0;
				}

					ul.actions.small li:first-child {
						padding-top: 0;
					}

			.main {
				/*padding: 2em 1.5em 0.1em 1.5em ;*/
			}

			#header {
				padding: 1em 1em 2em 1em ;
			}

				#header br {
					display: none;
				}

			#footer {
				padding: 1em 1em 1em 1em ;
			}

				#footer .copyright {
					margin: 1.5em 0 0 0;
				}

					#footer .copyright li {
						border: 0;
						display: block;
						margin: 1em 0 0 0;
						padding: 0;
					}

						#footer .copyright li:first-child {
							margin-top: 0;
						}

	}

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

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

			.main {
				/*padding: 2em 1em 0.1em 1em ;*/
			}

			#header {
				padding: 1em 1em 3em 1em ;
			}


			#footer {
				padding: 2em 1em 2em 1em ;
			}
	}