.form-input, .form-textarea{
    display: block;
    width: 100%;
    border: none;
    border-bottom: #000 1px solid;
    transition: all .8s ease;
    background-color: #FFFFFF;
}

.form-input:hover, .form-textarea:hover, 
.form-input:focus, .form-textarea:focus{
    background-color: #F6F6F6;
}



.form-input::placeholder{
    color: #E2E2FF;
}


.form-checkbox{
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 32px;
}

.form-label-checkbox{
    display: inline-block;
    line-height: 32px;
}




.form-submit{
    position: relative;
    display: inline-block;
    padding: 20px 40px;
    color: black;
    border: #000 1px solid;
    overflow: hidden;
    transition: all .3s ease;
    background: none;
}

.form-submit:hover{
    color: white !important;
}

.form-submit::before{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 0px;
    height: 100%;
    background-color: black;
    color: white;
    transition: all .3s ease;
    z-index: -1;
}

.form-submit:hover::before{
    width: 100%;
}



/* *********************************************************
**
**
** 
**
**
********************************************************* */





@media only screen {
    .form-input{
        line-height: 32px;
        font-size: 18px;
        margin-bottom: 20px;
    }
    .form-textarea{
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 576px) {
	
}

@media only screen and (min-width: 768px) {
	.form-input{
        line-height: 42px;
        font-size: 24px;
        margin-bottom: 30px;
    }
    .form-textarea{
        margin-bottom: 30px;
    }
}

@media only screen and (min-width: 992px) {
	
	
}

@media only screen and (min-width: 1200px) {
    .form-input{
        line-height: 48px;
        font-size: 24px;
        margin-bottom: 40px;
    }
    .form-textarea{
        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 1400px) {
	
}