html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; font-family: "Roboto", sans-serif; }
:focus { outline: 0; }
body { line-height: 1; }
ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { height: 100%; width: 100%; }
a { text-decoration:none; }
strong, b { font-weight:700; }
.clear { clear:both; padding:0px !important; margin:0px !important; width:auto !important; height:auto !important; border:0px !important; float: none !important; background: none repeat scroll 0 0 transparent !important; min-height:inherit !important; }
.clear:before, .clear:after { display: none;}
button { cursor:pointer; }
/* ------------- */

body { background:#fff; height: 100%; width: 100%; }
	.container { width:100%; }
		.header-wrapper { width:100%; }
			.header { max-width:300px; height:170px; position:relative; margin:0 auto; }
				.logo { position:absolute; bottom:0; }
					.logo img { max-width:100%; display: table; margin: 0 auto; }
					
		.center-wrapper { width:100%; padding-top:240px; }
			.center { max-width:1380px; margin:0 auto; position:relative; }
				.maintenance { display:table; margin:0 auto; background:url('/images/maintenance.png') no-repeat 50% 50%; width:200px; height:200px; position:relative; }
					.sh { position:absolute; top:84px; left:106px; width:69px; height:69px; background:url('/images/sh.png') no-repeat 50% 50%; }
					.sh { -webkit-animation-name: rotation; -webkit-animation-duration: 10s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotation; -moz-animation-duration: 10s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -o-animation-name: rotation; -o-animation-duration: 10s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; animation-name: rotation; animation-duration: 10s; animation-iteration-count: infinite; animation-timing-function: linear; }
					
					@-webkit-keyframes rotation {
						0% {-webkit-transform:rotate(0deg);
							-moz-transform:rotate(0deg);
							-o-transform:rotate(0deg);
							transform:rotate(0deg);}
						100% {-webkit-transform:rotate(360deg);
							-moz-transform:rotate(360deg);
							-o-transform:rotate(360deg);
							transform:rotate(360deg);}
					}
					@-moz-keyframes rotation {
						0% {-webkit-transform:rotate(0deg);
							-moz-transform:rotate(0deg);
							-o-transform:rotate(0deg);
							transform:rotate(0deg);}
						100% {-webkit-transform:rotate(360deg);
							-moz-transform:rotate(360deg);
							-o-transform:rotate(360deg);
							transform:rotate(360deg);}
					}
					@-o-keyframes rotation {
						0% {-webkit-transform:rotate(0deg);
							-moz-transform:rotate(0deg);
							-o-transform:rotate(0deg);
							transform:rotate(0deg);}
						100% {-webkit-transform:rotate(360deg);
							-moz-transform:rotate(360deg);
							-o-transform:rotate(360deg);
							transform:rotate(360deg);}
					}
					@keyframes rotation {
						0% {-webkit-transform:rotate(0deg);
							-moz-transform:rotate(0deg);
							-o-transform:rotate(0deg);
							transform:rotate(0deg);}
						100% {-webkit-transform:rotate(360deg);
							-moz-transform:rotate(720deg);
							-o-transform:rotate(360deg);
							transform:rotate(360deg);}
					}
					
			.center > h1 { font-weight: 700; font-size: 100px; line-height: 120px; text-align: center; color: #000; padding:30px 0; }
			.center > p { font-weight: 500; font-size: 36px; line-height: 44px; text-align: center; color: #707070; }
			
		.footer-wrapper { width:100%; position:absolute; bottom:20px; }
			.footer { max-width:600px; margin:0 auto; position:relative; }
				.footer > ul { display:table; margin:0 auto; }
					.footer > ul > li { float:left; margin:0 10px 20px; }
						.footer > ul > li > a { font-size: 13px; line-height: 19px; color: #007FD8; text-decoration:none; }
						.footer > ul > li > a:hover { text-decoration:underline; }
						
@media screen and (max-height: 900px) {
	.header { height:120px; }
		.logo img { max-width:80%; }
	.center-wrapper { padding-top:50px; }
}
						
@media screen and (max-height: 700px) {
	.footer-wrapper { position:relative; bottom:auto; padding-top:50px; }
}

@media (max-width: 680px) {
	.center > h1 { font-size: 60px; line-height: 70px; padding-bottom:15px; }
	.center > p { font-size: 24px; line-height: 32px; }
	
}
	
@media (max-width: 380px) {
	.header { height: 80px; }
	.logo img { max-width:80%; }
	
	.center > h1 { font-size: 32px; line-height: 40px; }
	.center > p { font-size: 14px; line-height: 20px; }
	.footer > ul > li { float: none; text-align: center; }
}