/* DO NOT RE-STYLE THESE MASTER ELEMENTS */
#floating-contact-form_master {
    position:fixed;
    bottom:-20px;
    right:20px;
    z-index:9999999999;
    max-height:100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#floating-contact-form_toggle_master,
#floating-contact-form_wrapper {
    height:0;
}
/* DO NOT RE-STYLE THESE MASTER ELEMENTS */


#floating-contact-form_toggle,
#floating-contact-form_submit,
#floating-contact-form h6 {
    background:#333;
}
#floating-contact-form_toggle:hover,
#floating-contact-form_submit:hover {
    background:#222;
}

#floating-contact-form_toggle,
#floating-contact-form_toggle .fas {
    line-height:46px;
}
#floating-contact-form_toggle_wrapper {
    text-align:right;
}
#floating-contact-form_toggle {
    border-radius:24px;
    overflow:hidden;
    color:#FFF;
    padding:0 20px;
    display:inline-block;
    cursor:pointer;
    box-shadow:0 0 10px rgba(0,0,0,0.3);
    margin-bottom:8px;
}
#floating-contact-form_toggle .fas {
    font-size:24px;
    float:left;
    margin-right:12px;
}

#floating-contact-form {
    border-radius:10px 10px 0 0;
    width:350px;
    background:#FFF;
    overflow:hidden;
    box-shadow:0 -5px 10px rgba(0,0,0,0.2);
    position:relative;
}
#floating-contact-form h6 {
    margin:0;
    padding:0;
}
#floating-contact-form h6,
#floating-contact-form h6 i.fas {
    line-height:40px;
}
#floating-contact-form h6 {
    font-size:1rem;
    color:#FFF;
    padding:0 0 0 15px;
}
#floating-contact-form h6 i.fas {
    float:right;
    font-size:1.2em;
    padding:0 15px;
    cursor:pointer;
}
#floating-contact-form h6 i.fas:hover {
    opacity:0.6;
}

#floating-contact-form_contentwrapper {
    overflow:hidden;
    position:relative;
}

#floating-contact-form_error {
    z-index:1;
    line-height:1.3em;
    position:absolute;
    left:0;
    top:0;
    right:0;
    padding:10px 10px 10px 33px;
    color:#FFF;
    background:rgb(200,0,0,0.9) url('images/error.png') 10px 11px no-repeat;
}

#floating-contact-form_content {
    margin:10px;
    overflow-y:auto;
}
#floating-contact-form_success {
    background:#FFF url('images/success.png') center 30px no-repeat;
    padding:110px 30px 0;
    position:absolute;
    z-index:2;
    left:0;
    right:0;
    top:0;
    bottom:0;
    text-align:center;
    box-sizing:border-box;
}


#floating-contact-form_text,
#floating-contact-form_content .field {
    margin-bottom:10px;
}
#floating-contact-form_text {
    background:#EEE;
    padding:10px;
    text-align:center;
    color:#666;
    font-size:15px;
    line-height:1.3em;
}
#floating-contact-form_content .field {
}
#floating-contact-form_content input[type="text"],
#floating-contact-form_content input[type="email"],
#floating-contact-form_content textarea,
#floating-contact-form_content input.invalid,
#floating-contact-form_content input:invalid,
#floating-contact-form_content input:required,
#floating-contact-form_content textarea.invalid,
#floating-contact-form_content textarea:invalid,
#floating-contact-form_content textarea:required {
    box-shadow:none;
    border-color:#DDD;
}
#floating-contact-form_content input[type="text"],
#floating-contact-form_content input[type="email"],
#floating-contact-form_content textarea {
    padding:5px 0;
    border-width:0 0 1px;
    border-color:#AAA;
    border-radius:0;
    width:100%;
}
#floating-contact-form_content textarea {
    resize:none;
    min-height:85px;
    max-height:85px;
}
#floating-contact-form_content input[type="text"]:focus,
#floating-contact-form_content input[type="email"]:focus,
#floating-contact-form_content textarea:focus {
    background-color:inherit;
    border-color:#444;
}
#floating-contact-form_content input.invalid,
#floating-contact-form_content textarea.invalid {
    border-color:#F00;
}


#floating-contact-form_content .field input,
#floating-contact-form_content .field textarea {
    background-repeat:no-repeat;
    padding-left:26px;
    background-position:2px 8px;
}
#floating-contact-form_Name {
    background-image:url('images/name.png');
}
#floating-contact-form_Email {
    background-image:url('images/email.png');
}
#floating-contact-form_Tel {
    background-image:url('images/tel.png');
}
#floating-contact-form_Enquiry {
    background-image:url('images/enquiry.png');
}
/* submit button */
#floating-contact-form_submit {
    color:#FFF;
    line-height:42px;
    width:100%;
    border-radius:10px;
    box-shadow:none;
    border:none;
}


@media only screen and (max-width : 768px) {
    #floating-contact-form_toggle_wrapper {
        padding-right:12px;
    }
    #floating-contact-form_master {
        right:0;
        left:0;
    }
    #floating-contact-form {
        width:100%;
        border-radius:0;
    }
    #floating-contact-form_content {
        margin:15px;
    }
}
@media screen and (max-width : 768px) and (orientation:landscape) {
    #floating-contact-form {
        overflow-y:auto !important;
    }
}