/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, ody, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, rogress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp { border: 0; margin: 0; padding: 0; font-size: 100%; outline: 0; vertical-align: baseline; background: transparent; }
html, body { height: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; position: relative; }
b, strong { font-weight: bold; }
img { color: transparent; font-size: 0; -ms-interpolation-mode: bicubic; }
ol, ul { list-style: none; }
li { display: list-item; }
table { border-collapse: collapse; border-spacing: 0; }
th, td, caption { font-weight: normal; vertical-align: top; text-align: left; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
sub, sup, small { font-size: 75%; }
sub, sup { line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
svg { overflow: hidden; }

/*end reset*/
body, html { height: 100%; padding: 0; margin: 0; }
body { font-family: Optima, Segoe, 'Segoe UI', Candara, Calibri, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1.25em; display: flex; flex-flow: row wrap;background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
main, header, footer { display: flex:1 100%; -webkit-flex: 1 100%; -moz-flex: 1 100%; -ms-flex: 1 100%; flex-flow: row wrap;}
header, footer { min-height: 150px; }
.main { text-align: center; color: #3d3d3d; }
.title { font-size: 32px; }
.blink { width: 3px; height: 12px; border: 1px }
.blink.one { -webkit-animation: onebar 2s infinite; -moz-animation: onebar 2s infinite; }
.blink.two { -webkit-animation: twobar 2s infinite; -moz-animation: twobar 2s infinite; }
.blink.three { -webkit-animation: threebar 2s infinite; -moz-animation: threebar 2s infinite; }

/* Keyframes*/
@-webkit-keyframes onebar {
	0% { opacity: 0; }
	33% { opacity: 1; }
	66% { opacity: 1; }
	100% { opacity: 1; }
}
@-moz-keyframes onebar {
	0% { opacity: 0; }
	33% { opacity: 1; }
	66% { opacity: 1; }
	100% { opacity: 1; }
}
@-webkit-keyframes twobar {
	0% { opacity: 0; }
	33% { opacity: 0; }
	66% { opacity: 1; }
	100% { opacity: 1; }
}
@-moz-keyframes twobar {
	0% { opacity: 0; }
	33% { opacity: 0; }
	66% { opacity: 1; }
	100% { opacity: 1; }
}
@-webkit-keyframes threebar {
	0% { opacity: 0; }
	33% { opacity: 0; }
	66% { opacity: 0; }
	100% { opacity: 1; }
}
@-moz-keyframes threebar {
	0% { opacity: 0; }
	33% { opacity: 0; }
	66% { opacity: 0; }
	100% { opacity: 1; }
}