input{
	width: 10%;
	padding: 10px;
	border:none;
	border-bottom: 1px solid #333;
	outline: none;
	-webkit-transition: width 0.3s; /* Safari */
  	transition: width 0.3s;
}

input:focus{
	width: 30%;
}

#step2, 
#step3,
.send,
.thanks
{
	display: none;
}

.cta {
    background: #FF5722;
    display: table;
    margin-top: 40px;
    padding: 5px 15px;
    color: #fff;
    cursor: pointer;
}

#coolcounter {
    width: 5%;
    background: #4CAF50;
    height: 5px;
    display: block;
}

.cool-box{
	border: 1px solid #ccc;
    text-align: center;
    padding: 70px 0;
    -webkit-box-shadow: 0px 8px 8px -10px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 8px 8px -10px rgba(0,0,0,0.5);
box-shadow: 0px 8px 8px -10px rgba(0,0,0,0.5);
}

.cool-box a{
	color:#585858;
}

.cool-box a:hover{
	text-decoration: none;
}