div.subscribe-edit .red {
	color:red;
}
div.subscribe-edit .green {
	color:green;
}
div.subscribe-edit .errorcolor {
	color:red;
}
div.subscribe-edit .successcolor {
	color:green;
}
#head_subscribe {
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 20px;
}
#subscribe button {
	border: medium none;
	height: 25px;
	text-align: center;
	width: 200px;
}

.group { 
  position: relative;  
	max-width: 200px;
	margin: 0 auto;
	margin-top: 25px;
}

#subscribe input{
	font-size:18px;
	margin: 0 auto;
	text-align: center;
	padding:10px 10px 10px 10px;
	display:block;
	width:180px;
	border:none;
	border-bottom:1px solid #757575;
}

#subscribe input:focus { outline:none; }

/* LABEL ======================================= */
#subscribe label {
  color: #214288; 
  font-size: 17px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 0px;
  top: 10px;
  transition: 0.2s ease all; 
  -moz-transition: 0.2s ease all; 
  -webkit-transition: 0.2s ease all;
}

/* active state */
#subscribe input:focus ~ label, #subscribe input:valid ~ label {
  top:-20px;
  font-size:14px;
  color:#5264AE;
}

/* BOTTOM BARS ================================= */
#subscribe .bar { 
	position:relative; 
	display:block; 
	width: 200px; 
	margin: 0 auto;
}
#subscribe .bar:before, .bar:after {
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#5264AE; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
  margin: 0 auto;
}

#subscribe .bar:before {
  left:50%;
}

#subscribe .bar:after {
  right:50%;
}

/* active state */
#subscribe input:focus ~ .bar:before, #subscribe input:focus ~ .bar:after {
  width:50%;
}

#subscribe button[type="submit"] {
	background-color: #214288;
	height: 36px;
	padding: 6px 16px;
	color: white;
	line-height: 1.42857143;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border:0;
	margin-bottom: 20px;
	margin-top: 20px;
	text-decoration: none;
	outline:0;
	border-radius: 2px;
  white-space: nowrap;
}



#subscribe button[type="submit"] div {
	align-items: center;
	display: flex;
	justify-content: center;
}
#subscribe button[type="submit"] img { margin-right: 5px; }

@media screen and (max-width: 900px) {
	#subscribe label{
		left: 0px;
	}
}