.quarry_form #contactform {
    width: 300px;
    left: -292px;
    height: 460px;
    margin: 25px 0;
    position: fixed;
    top: 20%;
    box-shadow: 0 0 12px 0 #333;
}

.quarry_form #contact-button {
    width: 10%;
    padding: 7% 3%;
    cursor: pointer;
    margin-left: 300px;
    margin-top: 40px;
    font-size: 23px;
    color: white;
    position: absolute;
}

.quarry_form #contactform,
#contact-button {
    background-color: rgba(0, 0, 0, 0.88);
    border-radius: 0 15px 15px 0;
    border: 5px solid #143477;
    border-left: none;
    z-index: 99;
}

.quarry_form #contact-button {
    background-color: #000 !important;
    z-index: -1;
}

.quarry_form .rotated-text {
    display: inline-block;
    margin-left: -3px;
    font-size: 1.6rem;
    letter-spacing: 2px;
    white-space: nowrap;
    /* this is for shity "non IE" browsers
       that dosn't support writing-mode */
    -webkit-transform: translate(1.1em, 0) rotate(90deg);
    -moz-transform: translate(1.1em, 0) rotate(90deg);
    -o-transform: translate(1.1em, 0) rotate(90deg);
    transform: translate(1.1em, 0) rotate(90deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    */
    /* IE9+ */
    -ms-transform: none;
    -ms-transform-origin: none;
    /* IE8+ */
    -ms-writing-mode: tb-rl;
    /* IE7 and below */
    *writing-mode: tb-rl;
}

.quarry_form .rotated-text:before {
    content: "";
    float: left;
    margin-top: 100%;
}

.quarry_form form {
    width: 100%;
    padding: 20px;
    z-index: 999;
}

.quarry_form form input {
    display: block;
    border: none;
    width: 241px;
    height: 35px;
    margin: 10px 15px 10px 5px;
    padding-left: 10px;
}

.quarry_form form textarea {
    width: 241px;
    margin: 10px 15px 10px 5px;
    height: 100px;
    padding-left: 10px;
}

/*
.quarry_form form textarea,
form input {
    border: 3px solid #143477;
    border-radius: 5px;
    background: #f2f2f2;
}
*/

.quarry_form button {
    margin-left: 77px;
}

.quarry_form .btn-style-one:hover {
    color: #fff !important;
    border-color: #fff !important;
}

.quarry_form textarea,
input::-webkit-input-placeholder {
    font-size: 1.2rem;
}

.quarry_form textarea,
input:-moz-placeholder {
    /* Firefox 18- */
    font-size: 1.2rem;
}

.quarry_form textarea,
input::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 1.2rem;
}

.quarry_form textarea,
input:-ms-input-placeholder {
    /* IE */
    font-size: 1.2rem;
}

.quarry_form textarea,
input::-ms-input-placeholder {
    /* IE Edge */
    font-size: 1.2rem;
}