body
{
	font-family:verdana;
}
.line
{
	margin-left:0px;
	width:95%;	
}
a{font-size:12px;}
p:before {content: ' \25CF';}
P{font-size:11px;}
.div1
{
	height:100px;
	background:#0093DD;
	width:100%;margin-top:0px;	
}
.div4
{
	position:absolute;
	height:500px;
	width:35%;
	z-index:-1;
}
.div5
{
	position:absolute;
	height:500px;
	width:40.5%; 
	margin-left:58.5%; 
	margin-top:-385px; 
}
.div6
{
	background:#5F5F5F;
	height:200px;
	width:99%;
	position:absolute;
	margin-top:100px;
}
#index1 
{
	margin-top:100px;
	border-radius:10px;
	width: 20%;
	margin-left:36%;
	padding: 2% 1% 1% 1%;
	background: #fafafa;
	border: 1px solid #ebebeb;
	box-shadow: rgba(0,0,0,0.14902) 0px 1px 1px 0px,rgba(0,0,0,0.09804) 0px 1px 2px 0px;
}
.group 
{ 
	position: relative; 
	margin-bottom: 45px; 
}
input
{
	font-size: 18px;
	padding: 10px 10px 10px 5px;
	-webkit-appearance: none;
	display: block;
	background: #fafafa;
	color: #636363;
	width: 95%;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #757575;
}
input:focus { outline: none; }
label 
{
	color: #999; 
	font-size: 17px;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	left: 5px;
	top: 10px;
	transition: all 0.2s ease;
}
input:focus ~ label, input.used ~ label 
{
	top: -20px;
	-webkit-transform: scale(.80);
	transform: scale(0.80); left: -4px;
	color: #0093DD;	
}
.bar 
{
	position: relative;
	display: block;
	width: 99%;
}
.bar:before, .bar:after 
{
	content: '';
	height: 2px; 
	width: 0;
	bottom: 1px; 
	position: absolute;
	background: #0093DD; 
	transition: all 0.2s ease;
}
.bar:before { left: 50%; }
.bar:after { right: 50%; }
input:focus ~ .bar:before, input:focus ~ .bar:after { width: 50%; }
.highlight 
{
	position: absolute;
	height: 60%; 
	width: 100%; 
	top: 25%; 
	left: 0;
	pointer-events: none;
	opacity: 0.5;
}
input:focus ~ .highlight 
{
	-webkit-animation: inputHighlighter 0.3s ease;
	        animation: inputHighlighter 0.3s ease;
}
@-webkit-keyframes inputHighlighter {
	from { background: #0093DD; }
	to 	{ width: 0; background: transparent; }
}
@keyframes inputHighlighter 
{
	from { background: #0093DD; }
	to 	{ width: 0; background: transparent; }
}
.button 
{
	border-radius:5px;
	position: relative;
	display: inline-block;
	padding: 12px 24px;
	margin: .3em 0 1em 0;
	width: 100%;
	vertical-align: middle;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	-webkit-font-smoothing: antialiased;
	text-align: center;
	letter-spacing: 1px;
	background: transparent;
	border: 0;
	border-bottom: 2px solid #3160B6;
	cursor: pointer;
	transition: all 0.15s ease;
}
.button:focus { outline: 0; }
.buttonBlue 
{
  background: #0093DD;
  text-shadow: 1px 1px 0 rgba(39, 110, 204, .5);
}
.buttonBlue:hover { background: #357bd8; }
.div2 .div3 
{
  height: 50px;  
  background: no-repeat #0093DD;
  border-radius: 100%/0 0 100px 100px;
  box-shadow: 0px 6px 0px white;
}

span.b
{
	display: inline-block;
	width: 225px;
	height: 150px;
	margin-top:25px;
	color:white;
	position:absolute;
}