﻿/****Subscribe Form****/
#subscribe-form,#unsubscribe-form {position:relative; }
#unsubscribe-form {margin-bottom :150px;}
#subscribe-form fieldset, #unsubscribe-form fieldset {
	position:relative;
	overflow:hidden;
}

#subscribe-form input, #unsubscribe-form input {
		 font-family:Arial, Helvetica, sans-serif;
		 font-size:12px;
		 line-height:18px;
		 color:#747474;
		 border:1px solid #e4f0f5;
		 font-style:italic;
		 background:#fff;
		 float:left;
		 color:#b9b9b9;
		 padding:4px 78px 6px 12px;
		 outline:none;		 
		 box-shadow:none;
		 margin-bottom: 5px;
		 height: 30px;
		 width:100%;
		 border-radius: 0;
		-moz-border-radius: 0;
		 -moz-box-sizing: border-box;
		 box-sizing: border-box;
		-webkit-border-radius: 0;
	}

#subscribe-form label, #unsubscribe-form label {
	display:inline-block;
	min-height:20px;
	position: relative;
	float:left;
	width:100%;
}

#subscribe-form .error, #unsubscribe-form .error {
	text-transform: none;
	display:block;
	overflow:hidden;
	height:0px;
	font-size:10px;
	color:#fff;
	right: 18px;
	top: -20px;
	position: absolute;
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}
	
#subscribe-form label.invalid .error, #unsubscribe-form label.invalid .error {
	height:19px;
}
	
#subscribe-form .success, #unsubscribe-form .success {
	width:100%;
	height: 43px;
	background:#f4f4f4;
	color:#7ecefd;
	position:absolute;
	z-index:10;
	left:0px;
	top:0px;
	display: none;
	border:1px #f2f2f2 solid;
	text-align:center;
}

#subscribe-form  .btns, #unsubscribe-form  .btns {
	padding-top: 0px;
	text-align: left;
	display: inline-block;
	position:absolute;
	top:0;
	right:0;

}
	
.btns .button {
	font-size: 14px;
	display:inline-block;
	color:#fff;
	text-transform:uppercase;
	padding:5px 10px;
	transition:all 0.2s ease 0s;
	}

.btns .button:hover{background:#fc8957;}

#subscribe-form  .btns a, #unsubscribe-form  .btns a {
	margin: 0px 0 0 0 !important;
	cursor: pointer;
}

@media only screen and (max-width: 767px) {

#subscribe-form input, #unsubscribe-form input {
		 width:100%;
}
#subscribe-form label, #unsubscribe-form label {
			 width:100%;
}
}
