.form-content {

    margin-top: -100px;

    overflow: hidden;

}



.form-box {

    background: #fff;

    padding: 30px;

    animation: drop 2s;

    -webkit-animation: drop 1s;

    -moz-animation: drop 1s;

}



.form-box label {

    font-size: 16px;

    text-transform: uppercase;

}



.form-box input, .form-box textarea {

    background: #f1f1f1;

    border-radius: 0;

    border-color: #f1f1f1;

}



.form-box textarea {

    resize: none;

    min-height: 275px;

}



.form-box {

    position: relative;

}



.form-box .loader {

    background: rgba(255,255,255,0.8);

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 10;

}



.form-box .result-message {

    font-size: 16px;

    padding: 10px;

    margin-bottom: 10px;

}



.form-box .loader .fa {

    position: absolute;

    left: 50%;

    top: 50%;

    margin-top: -11px;

    margin-left: -11px;

}



.form-box .btn {

    padding: 10px 16px;

    font-size: 18px;

    border-color: #FF500B;

    background: transparent;

    color: #FF500B;

    transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

}



.form-box .btn:hover {

    background: #FF500B;

    color: #fff;

}



@media (max-width: 480px) {

    .form-box {

        padding: 30px 10px;

    }

}



@media (max-width: 767px) {

    .form-content {

        margin-top: -40px;

    }

}



@keyframes drop {

    from { transform: translateY(200%); }

    to { transform: translateY(0%); }

}



@-webkit-keyframes drop {

    from { transform: translateY(200%); }

    to { transform: translateY(0%); }

}



@-moz-keyframes drop {

    from { transform: translateY(200%); }

    to { transform: translateY(0%); }

}