/*  ////////  FUN LABELS FORM \\\\\\\\\\\ */
.fun_labels_form {padding:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.fun_labels_form textarea {width:100%;height:75px;padding:3px 20px;background:#000;color:#ccc !important;border: 1px solid rgba(255,255,255,0.2);outline:none;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

.fun_labels_form{text-align:left;padding:20px;}
.fun_labels_form .widget_header, .fun_labels_form .widget_header {border-bottom:none;}
.fun_labels_form input[type="text"], .fun_labels_form input[type="text"]:not(#recaptcha_response_field) {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: -webkit-calc(3em + 2px);
  height: calc(3em + 2px);
  margin: 0 0 1em;
  padding: 1em;
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 1.5em;
  background: #000;
  color:#ccc;
  resize: none;
  outline: none;
}
 .fun_labels_form label {
    font-size: 1.15em;
}
.light .fun_labels_form input[type="text"], .light .fun_labels_form input[type="text"], .light .fun_labels_form textarea {
    background: #fff !important;
    color:#444 !important;
}
.fun_labels_form input[type="text"]:focus, .fun_labels_form input[type="text"]:focus, .fun_labels_form textarea:focus {
  border-color: #00bafa !important;
}
.fun_labels_form input[type="text"]:focus + label[placeholder]:before, .fun_labels_form input[type="text"]:focus + label[placeholder]:before, .fun_labels_form textarea:focus + label[placeholder]:before {
    color: #00bafa;
    background: rgba(0,0,0,0.95);
    padding:0 3px;
}
.light .fun_labels_form input[type="text"]:focus + label[placeholder]:before, .light .fun_labels_form input[type="text"]:focus + label[placeholder]:before, .light .fun_labels_form textarea:focus + label[placeholder]:before { 
    background: rgba(255,255,255,0.95);    
}
.fun_labels_form input[type="text"]:focus + label[placeholder]:before, .fun_labels_form input[type="text"]:focus + label[placeholder]:before, .fun_labels_form textarea:focus + label[placeholder]:before,
.fun_labels_form input[type="text"]:valid + label[placeholder]:before, .fun_labels_form input[type="text"]:valid + label[placeholder]:before, .fun_labels_form textarea:valid + label[placeholder]:before {
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transform: translate(0, -1.5em) scale(0.9, 0.9);
  -ms-transform: translate(0, -1.5em) scale(0.9, 0.9);
  transform: translate(0, -1.5em) scale(0.9, 0.9);
}
.fun_labels_form input[type="text"]:invalid + label[placeholder][alt]:before, .fun_labels_form input[type="text"]:invalid + label[placeholder][alt]:before, .fun_labels_form textarea:invalid + label[placeholder][alt]:before {
  content: attr(alt);
}
.fun_labels_form input[type="text"] + label[placeholder], .fun_labels_form input[type="text"] + label[placeholder] {
  display: block;
  pointer-events: none;
  line-height: 1em;
  margin-top: -2.45em;
  margin-bottom: 1.2em;
}
.fun_labels_form textarea + label[placeholder] {
    display: block;
    pointer-events: none;
    line-height: 1em;
    margin-top: -4.2em;
    margin-bottom: 65px;
}
.fun_labels_form input[type="text"] + label[placeholder]:before, .fun_labels_form input[type="text"] + label[placeholder]:before, .fun_labels_form textarea + label[placeholder]:before {
  content: attr(placeholder);
  display: inline-block;
  margin: 0 -webkit-calc(1em + 2px);
  margin: 0 calc(1em + 2px);
  padding: 0 2px;
  color: #555;
  white-space: nowrap;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
    background: rgba(0,0,0,0.95);
    border-radius:3px;
  -webkit-background-size: 100% 5px;
  background-size: 100% 5px;
  background-repeat: no-repeat;
  background-position: center;
}
.light .fun_labels_form input[type="text"] + label[placeholder]:before, .light .fun_labels_form input[type="text"] + label[placeholder]:before, .light .fun_labels_form textarea + label[placeholder]:before {
    background: rgba(255,255,255,0.95);
}

form #err_msg {font-weight:bold;color:red;background:rgba(255,0,0,0.1);border:1px solid rgba(255,0,0,0.5);padding:5px 20px;margin-bottom:15px;webkit-box-sizing:border-box;moz-box-sizing:border-box;box-sizing:border-box;}
form #err_msg label {display:block;}

.fun_labels_form .input_wrap {
    padding: 1.5em 0 0 0;
}
.fun_labels_form .form_btn_cont {
  padding-top: 1em;
}


/*  ////////  DEFAULT FORM \\\\\\\\\\\ */
.default_form {padding:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.default_form textarea {width:100%;height:75px;padding:3px 20px;background:#000;color:#ccc !important;border: 1px solid rgba(255,255,255,0.2);outline:none;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

.default_form{text-align:left;padding:20px;}
.default_form .widget_header, {border-bottom:none;}
.default_form input[type="text"]:not(#captcha_code) {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: -webkit-calc(3em + 2px);
  height: calc(3em + 2px);
  margin: 0 0 1em;
  padding: 1em;
  border: 1px solid rgba(255,255,255, 0.2);
  border-radius: 1.5em;
  background: #000;
  color:#ccc;
  resize: none;
  outline: none;
}
.light .default_form input[type="text"]:not(#captcha_code) {
  border: 1px solid rgba(255,255,255);
}
.light .default_form input[type="text"], .light .default_form textarea {
    background: #fff;
    color:#444 !important;
}
.default_form .input_wrap {
    padding: .4em 0;
}

.default_form .form_btn_cont {
  padding-top: 1em;
}



form #err_msg {font-weight:bold;color:red;background:rgba(255,0,0,0.1);border:1px solid rgba(255,0,0,0.5);padding:5px 20px;margin-bottom:15px;webkit-box-sizing:border-box;moz-box-sizing:border-box;box-sizing:border-box;}
form #err_msg label {display:block;}