.cf:before, .cf:after{
    content:"";
    display:table;
}
 
.cf:after{
    clear:both;
}
 
.cf{
    zoom:1;
}    

 /* Form wrapper styling */
.search-wrapper {
/* width: 240px;
margin: 45px auto 50px auto; */
position: relative;
width: 100%;

}
 
/* Form text input */
 
.search-wrapper input {
width: 100%;
height: 100%;
padding: .75rem 1rem;
font-size: 1.125rem;
float: left;
border: 0;
background: #fff;
}

.search-wrapper input:hover + .search-wrapper button {
    background: #ccc
}
 
.search-wrapper input:focus {
    outline: 0;
    background: #fff;

}
 
.search-wrapper input::-webkit-input-placeholder {
   color: #c6c7c6;
   font-weight: normal;

}
 
.search-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}
 
.search-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}    
 
/* Form submit button */
.search-wrapper button {
    overflow: visible;
    position: absolute;
    right: 0px;
    /* float: right; */
    z-index: 33;
    border: 0;
    padding: 0;
    cursor: pointer;
    /* height: 40px; */
    height: 100%;
    width: 50px;
    color: white;
    background: #c1c1c1;
    transition: all 2.0s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}
   
.search-wrapper button:hover{     
    background: #fc5e16;
    transition: all 2.0s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}   
   
.search-wrapper button:active,
.search-wrapper button:focus{   
    background: #fc5e16;
    outline: 0;   
    transition: all 0s linear;
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -ms-transition: all 0s linear;
    -o-transition: all 0s linear;
  
}
 

 
.search-wrapper button:hover:before{
    border-right-color: #e54040;
  
}
 
.search-wrapper button:focus:before,
.search-wrapper button:active:before{
        border-right-color: #c42f2f;
}      
 
.search-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}