.form1{margin:15px 0 0;
	position:relative;
	width:250px;
}
.d1 {

}
.d1 input {box-sizing:border-box;
	width:100%;
	height:35px;
	padding-left:15px;
	border:1px solid #38aad4;
	border-radius:20px;
	outline:0;
	background:#fff;
	color:#38aad4
}
.d1 input::placeholder{color:#7cc9e5}
.d1 button {
	position:absolute;
	top:0;
	right:0;
	width:40px;
	height:35px;
	border:0;
	background:#38aad4;
	border-radius:0 20px 20px 0;
	cursor:pointer
}
.d1 button:before {
	content:"\f002";
	font-family:FontAwesome;
	font-size:16px;
	color:#f9f0da
}
.d2 {
	background:#dabb52
}
.d2 input, .d2 button {
	border:0;
	outline:0;
	border-radius:3px
}
.d2 input {
	width:100%;
	height:42px;
	background:#f9f0da;
	padding-left:15px
}
.d2 button {
	height:26px;
	width:26px;
	position:absolute;
	top:8px;
	right:8px;
	background:#f15b42;
	cursor:pointer
}
.d2 button:before {
	content:"\f105";
	font-family:FontAwesome;
	color:#f9f0da;
	font-size:20px;
	font-weight:700
}
.d3 {
	background:#f9f0da
}
.d3 form {
	background:#a3d0c3
}
.d3 input, .d3 button {
	border:0;
	outline:0;
	background:0 0
}
.d3 input {
	width:100%;
	height:42px;
	padding-left:15px
}
.d3 button {
	height:42px;
	width:42px;
	position:absolute;
	top:0;
	right:0;
	cursor:pointer
}
.d3 button:before {
	content:"\f002";
	font-family:FontAwesome;
	font-size:16px;
	color:#f9f0da
}
.d4 {
	background:#f15b42
}
.d4 form {
	background:#f9f0da;
	border-bottom:4px solid #be290e
}
.d4 input, .d4 button {
	border:0;
	outline:0;
	background:0 0
}
.d4 input {
	width:100%;
	height:42px;
	padding-left:15px
}
.d4 button {
	height:42px;
	width:42px;
	position:absolute;
	top:0;
	right:0;
	cursor:pointer
}
.d4 button:before {
	content:"\f178";
	font-family:FontAwesome;
	font-size:20px;
	color:#be290e
}
.d5 {
	background:#683b4d
}
.d5 input, .d5 button {
	outline:0;
	background:0 0
}
.d5 input {
	width:100%;
	height:42px;
	padding-left:15px;
	border:3px solid #f9f0da
}
.d5 button {
	border:0;
	height:42px;
	width:42px;
	position:absolute;
	top:0;
	right:0;
	cursor:pointer
}
.d5 button:before {
	content:"\f002";
	font-family:FontAwesome;
	font-size:16px;
	color:#f9f0da
}
.d5 input:focus {
	border-color:#311c24
}
.d6 {
	background:#b46381
}
.d6 form {
	height:42px
}
.d6 input {
	height:100%;
	width:0;
	padding:0 42px 0 15px;
	border:0;
	border-bottom:2px solid transparent;
	outline:0;
	background:0 0;
transition:.4s cubic-bezier(0, .8, 0, 1);
	position:absolute;
	top:0;
	right:0;
	z-index:2
}
.d6 input:focus {
	width:300px;
	z-index:1;
	border-bottom:2px solid #f9f0da
}
.d6 button {
	background:#683b4d;
	border:0;
	height:42px;
	width:42px;
	position:absolute;
	top:0;
	right:0;
	cursor:pointer
}
.d6 button:before {
	content:"\f002";
	font-family:FontAwesome;
	font-size:16px;
	color:#f9f0da
}
.d7 {
	background:#7ba7ab
}
.d7:after {
	content:"";
	clear:both;
	display:table
}
.d7 form {
	width:auto;
	float:right;
	margin-right:30px
}
.d7 input {
	width:250px;
	height:42px;
	padding-left:15px;
	border-radius:42px;
	border:2px solid #324b4e;
	background:#f9f0da;
	outline:0;
	position:relative;
transition:.3s linear
}
.d7 input:focus {
	width:300px
}
.d7 button {
	width:42px;
	height:42px;
	background:0 0;
	border:0;
	position:absolute;
	top:-2px;
	right:0
}
.d7 button:before {
	content:"\f002";
	font-family:FontAwesome;
	color:#324b4e
}