input.contactme-txt {
    border-style: solid;
    padding-left:5px; 
    width:100%; 
    margin: 4px 0px;
    box-sizing: border-box;
    line-height: 2em;
    }
input.contactme-txt[type="file"] { border:0px none;}
textarea.contactme-txt {
    width: 100%;
    margin: 4px 0px;
    border-style: solid;
    box-sizing: border-box;
}
.contactme-form input#contactme-agreement {
    height: auto;
    padding-left:2px; 
    width:20px; 
    display: inline;
    margin: 5px 0px;
}
.contactme-form label {
    margin: 5px 0px;
    display: inline;
}

.contactme-form {
    text-align: center;
}
.contactme-form form {
    text-align: left;
}

.contactme-submit {
    padding-top: 20px;
    text-align: center;
}
.required { position: relative;}
.required:after {
    content: '*';
    color: #ff4f4f;
    position: absolute;
    right: -15px;
    top: 10px;
}

.required-warning {
    box-shadow: 0 0 5px #ff4f4f;
    color: #ff4f4f;
}

.contactme-result {
    padding: 10px 0px;
    font-weight: bold;
}
.contactme-warning {
    color: #ff4f4f;
    display: none;
    padding-top: 5px;
    font-size: 0.9em;
}
.contactme-warning, .contactme-error, .contactme-captcha-error {
    color: #ff4f4f;       
}
.contactme-success {
    color: #319f1a;
}

.wa-captcha {
    height:40px;   
}
.wa-captcha .wa-captcha-input {
    width: 100px;
}

#contactme_frame {
    height: 0px;
    border: 0px none;
}


/* POPUP */
        .contactme-panel-wrap {
            position: fixed;
            opacity: 0;
            z-index: 10010;
            display: none;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            justify-content: center;
            align-items: center;
        }
        
        
        .contactme-right {
            right: 0;
        }
        .contactme-left {
            left: 0;
        }
        .contactme-top {
            top: 0;
        }
        .contactme-bottom {
            bottom: 0;
        }
        
        
        
        .contactme-open {
            z-index: 10006;
            position:fixed;
            cursor:pointer;
            padding: 10px;
            background-color: #fcfcfc;
            border: 1px solid #999;
        }
        .contactme-open:hover { background-color: white;}
        
        .contactme-open.left {
            left: 0px;
            box-shadow: 1px 1px 2px rgba(121,121,121,0.4);
            top:50vh;
        }
        .contactme-open.left.rotate { transform: rotate(-90deg); transform-origin: left top 0; }
        .contactme-open.left.round { border-radius: 10px; left:-5px;}
        
        .contactme-open.right {
            right: -1px;
            box-shadow: -1px 1px 2px rgba(121,121,121,0.4);
            top:50vh;
        }
        .contactme-open.right.rotate { transform: rotate(-90deg); transform-origin: right bottom 0;}
        .contactme-open.right.round { border-radius: 10px; right:-5px;}
        .contactme-open.top {
            top: -1px;
            left:50vw;
            /*border-top:0px none;*/
            box-shadow: 1px 1px 2px rgba(121,121,121,0.4);
            
        }
        .contactme-open.top.round { border-radius: 10px; top:-5px;}
        .contactme-open.bottom {
            bottom: -1px;
            left:50vw;
            /*border-bottom: 0px none;*/
            box-shadow: 1px -1px 2px rgba(121,121,121,0.4);
        }
        .contactme-open.bottom.round { border-radius: 10px; bottom:-5px;}
        
        .contactme-helper-panel {
            padding:40px 40px 20px 40px; 
            background:#fcfcfc;
            z-index: 10001;
            border: 1px solid #dddddd;
            max-width:99%;
            width: inherit;
            /*display: none;*/
        }
        
        .contactme-close {
            font-size: 200%;
            float: right;
            margin: -35px -35px 0 0;
            cursor: pointer;
            color: #232323;
            border-radius: 50%;
            width: 32px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .contactme-helper-button {
            cursor:pointer;
        }
        
.contactme-form .hide {
    display:none !important;
}

textarea.contactme-txt { padding:8px 5px;} 

.contactme-shadow { display:none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5; background-color: #000;}

        
        @media (min-width: 768px) {
            .contactme-helper-panel {
                max-width: 80%;
            }
        }
        @media (min-width: 992px) {
            .contactme-helper-panel {
                max-width: 60%;
            }
        }
        @media (min-width: 1200px) {
            .contactme-helper-panel {
                max-width: 35%;
            }
        }