.cf:before, .cf:after{
    content:"";
    display:table;
}

.cf:after{
    clear:both;
}

.cf{
    zoom:1;
}    

.stuxan-wrapper {
    border-radius: 40px;
    background: transparent;
    box-shadow: 0 4px 20px -2px #e9e9e9;
}


.stuxan-wrapper input {
    float: right;   
    border: 0;
    background: #fff;
    border-radius: 40px;
    border-top-style: none;
}

.stuxan-wrapper input:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,0.8) inset;
}

.stuxan-wrapper input::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;
    padding-left: 20px;
}

.stuxan-wrapper input:-moz-placeholder {
    
    color: #999;
    font-weight: normal;
    font-style: italic;
}

.stuxan-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
  border-style: none;
}   

.stuxan-wrapper button {
    overflow: visible;
    position: absolute;
    left: -.3rem;
    top: 2.2rem;
    float: left;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 3rem;
    width: 30%;
    color: #fff;
    text-transform: uppercase;
    background: #198cff;
    border-radius: 40px;
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
    text-align: center;
}  

.stuxan-wrapper button:hover{    
/*     background: #e54040; */
}  

.stuxan-wrapper button:active,
.stuxan-wrapper button:focus{  
    background: #198cff;
    outline: 0;  
}

.stuxan-wrapper button:focus:before,
.stuxan-wrapper button:active:before{
        border-right-color: #c42f2f;
}     

.stuxan-wrapper button::-moz-focus-inner { 
    border: 0;
    padding: 0;
}