.contact-overlay {
    z-index: 9000;
    position: fixed;
    left:0;
    top:0;
    bottom:0;
    right:0;
    overflow: hidden;
    background:rgba(0,0,0,0.7);
    display: none;
}

.contact-overlay.visible {
    display: block;
}

.contact-modal {
    z-index: 10000;
    display:block;
    position: fixed;
    visibility: hidden;
    right:-500px;
    bottom:0px;
    top:0px;
    width:500px;
    transition: all 0.3s ease-in-out;
    background-color:#fff;
    text-align: left;
    padding:10px;
    font-size:14px;
    box-shadow: 0 7px 45px 5px rgba(0, 0, 0, 0.25);
}

.contact-modal.visible {
    visibility: visible;
    right:0;
}

.contact-modal .fas-close {
    cursor: pointer;
    font-size:35px;
    position: absolute;
    right:10px;
    top:20px;
}

.contact-modal .fas-close:hover {
    color:#999;
}

.contact-modal hr {
    margin: 0;
    border-top:1px solid #eee;
    border-bottom:0;
    border-right:0;
    border-left:0;
}

.contact-modal input {
    width: calc(100% - 10px);
    margin-top: 5px;
    margin-bottom: 5px;
    height: 50px;
    border: 1px solid #ccc;
    padding-left: 10px;
    font-size:16px;
}

.contact-modal textarea {
    width: calc(100% - 10px);
    margin-top: 5px;
    margin-bottom: 5px;
    height: 100px;
    border: 1px solid #ccc;
    padding-left: 10px;
    padding-top:10px;
    font-size:16px;
}



.contact-modal a, .contact-modal a:visited, .contact-modal a:active, .contact-modal a:hover {
    color:#000;
    text-decoration: none;
}

.contact-modal h1 {
    margin:15px 0;
    font-family:'Rubik', sans-serif;
}

.contact-modal h2 {
    margin:10px 0 5px 0;
    font-family:'Rubik', sans-serif;
}

.contact-modal span {
    margin:10px 0 5px 0;
    display: block;
    color:#ccc;
    font-family:'Rubik', sans-serif;
}

.contact-modal .btn-contact-form span {
    margin:0;
    width:calc(100% - 15px);
}