@import url(http://fonts.googleapis.com/css?family=Roboto%3A400%2C900%2C700%2C500%2C300);
/* Reset */
* { margin: 0; padding: 0; list-style-type: none; text-decoration: none; border: none; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
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,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,caption,tfoot,{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

html, body { width:100%; height: 100%; }

body { font-family:'Roboto', Arial, Helvetica, sans-serif; font-weight:300; font-size: 18px; line-height:1.5; color:#181818; background:#224992; -webkit-font-smoothing: antialiased; }

a { color:#00588b; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
a:hover { color:#ffff00; } a:hover, a:active { outline: none; }

h1, h2, h3, h4, h5, h6, input[type="text"], input[type="button"], input[type="submit"], textarea {  font-family:'Roboto', Arial, Helvetica, sans-serif; font-weight:700; text-transform: uppercase;  }
p { padding:15px 0; }

::selection { color:#1e0b08; background:#fff; }
::-moz-selection { color:#1e0b08; background:#fff;}

.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

label { cursor:pointer; }

.coming { position: relative; display: flex; justify-content: center; align-items: center; width: 100%;  padding: 20px; /*background: url(../images/bg.jpg) no-repeat center; background-size: cover;*/ }
.coming:before { content: ''; position: absolute; width: 100%; height: 100%;/* background: linear-gradient(90deg, #eaab21 0%, #0062ad 100%);*/ /*background: rgba(5, 23, 77, 0.5);*/ left: 0; top: 0; opacity: 0.8 }
.coming article { width: 100%; max-width: 960px; text-align: center; position: relative; z-index: 1; color: #181818; }

.coming img { width: 100%; }
.coming p { position:relative;  letter-spacing:5px; }