/*--------------------------------------------------------------
# Get a Quote Button
--------------------------------------------------------------*/

#get-quote {
    height: 50px;
    width: 105px;
    cursor: pointer;
    border: 2px solid #EDB43A;
    background-color: transparent;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    text-transform: uppercase;
    padding: 1px 9px;
    border-radius: 4px;
    transition: 0.5s;
    /* line-height: 1; */
}

#get-quote:hover {
    background-color: #EDB43A;
}


/*--------------------------------------------------------------
# Modal
--------------------------------------------------------------*/


/*--------------------------------------
# Clodse btn
.....................................*/

.modal .modal-dialog .modal-content .modal-header #close-btn {
    /* color: rgb(237, 180, 58); */
    border: 0 rgb(237, 180, 58);
    padding: 10px 24px;
    color: rgb(237, 180, 58);
    transition: 0.4s;
    border-radius: 4px;
}

.modal .modal-dialog input,
.modal .modal-dialog textarea {
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    border-radius: 4px;
}

.modal .modal-dialog input:focus,
.modal .modal-dialog textarea:focus {
    border-color: rgb(237, 180, 58);
}

.modal .modal-dialog input {
    height: 44px;
}

.modal .modal-dialog textarea {
    padding: 10px 12px;
}

.modal .modal-dialog button[type=submit] {
    background: rgb(237, 180, 58);
    border: 0;
    padding: 10px 24px;
    color: #fff;
    transition: 0.4s;
    border-radius: 4px;
}

.modal .modal-dialog button[type=submit]:hover {
    background: #BC5037;
}

@-webkit-keyframes animate-loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}