@import "//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css";
.search{
  position:relative;
  display: inline-block;
}

.search_form{
background: rgba(227, 227, 227, 0.79) none repeat scroll 0% 0%;
position: absolute;
padding: 0px 10px;
right: 0px;
top: 35px;
overflow: hidden;
border-radius: 3px;
width: 40px;
height: 0px;
transition: height 0.2s ease-out 0.5s, top 0.2s ease-out 0.5s, padding 0.2s ease-out 0.5s, width 0.3s ease-out 0.2s;
z-index: 999999;
}
.search_form div{
  opacity:1;
   transition:all 0.3s ease-out 0.5s;
  -webkit-transition:all 0.3s ease-out 0.5s;
}
.search_form input{
background: rgb(249, 249, 249) none repeat scroll 0% 0%;
border: medium none;
}
.search_form input[type='text']{
    border-radius: 0px;
    width: 207px;
    padding: 3px 10px;
    min-height: 23px;
    margin: -2px -1px 0px -2px;
    color: #999;
}
}
.search_form input[type='submit']{
  border-radius:0 5px  5px 0;
  text-transform:uppercase;
  font-size:11px;
  padding:0px 5px;
  min-height:24px;
  margin:0px 0px 0px 0;
  cursor: pointer;
  display:none;
}
.search_box{
  visibility: hidden;
}

.formcc{
width: 213px;
top: 45px;
transition: height 0.2s ease-out 0s, top 0.2s ease-out 0s, padding 0.2s ease-out 0s, width 0.3s ease-out 0.2s;
height: 33px;
padding: 5px;
}
.search_box:checked~.search_form{
  width: 213px;
  height:24px;
  padding:5px;
  top:35px;
  transition: height 0.2s ease-out, top 0.2s ease-out, padding 0.2s ease-out, 0.3s width ease-out 0.2s;
  -webkit-transition: height 0.2s ease-out, top 0.2s ease-out, padding 0.2s ease-out, 0.3s width ease-out 0.2s;
}
.search_box:checked~.search_form div{
  opacity:1;
  transition:0.3s all ease-out 0.5s;
  -webkit-transition:0.3s all ease-out 0.5s;
}
.formdiv{  opacity:1;
           width:100%;
  transition:0.3s all ease-out 0.5s;
  -webkit-transition:0.3s all ease-out 0.5s;}
        .wait{

        }
        .hidden{
            opacity:0;
        }