.mx_form {
    padding: 5%;
}
form.mx_form .mx_form_row {
	display: table;
	clear: both;
	margin-bottom: 3px;
	width:100%;
	color:#221e1f;
}

form.mx_form .mx_form_spacer {
	display: table;
	clear: both;
	height: 1em;
}

form.mx_form .mx_form_label {
	display: table;
	clear: both;
	height: 1em;
	font-weight: bold;

}

form.mx_form label {
	width: 100%;
	float: left;
margin-bottom: 5px;
letter-spacing: 1px;
    line-height: 1.8;
    font-size: 14px;
    margin-top: 7px;
    	color:#fff;
}

	
.contact form.mx_form label {
color:#fff;
}
form.mx_form input[type=submit] {
   padding: 14px 20px;
    height: auto;
    line-height: 1;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
    letter-spacing: 1px;
    cursor: pointer;
    color: #fff;
    border: 2px solid #110c3d;
    background: #110c3d;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	
}
form.mx_form input[type="submit"]:hover{
        color: #fff;
    border: 2px solid #110c3d;
    background-color: #110c3d;
}

form.mx_form .mx_form_input {
	float: left;
	display: table;
	width:100%;
}

.mx_captcha {
	width: 50px;
}
.mx_form_input select{
	padding:10px;
	width:100%;
	max-width:600px;
	border: solid 1px #eee;
    border-radius: 5px;
    color: #221e1f;
    padding: 10px 15px;
    text-align: left;
    font-weight: normal;
}
.mx_form_input input{
	width:94%;
	padding:10px;
	border: solid 1px #eee;
    border-radius: 5px;
    color: #fff;
    padding: 10px 15px;
    text-align: left;
}

.mx_form_input textarea {
	margin-bottom:10px;
	width:94%;
	max-width:600px;
 	border: solid 1px #eee;
    border-radius: 5px;
    color: #fff;
     padding: 10px 15px;
    text-align: left;
        height: 78px;
  
}


form.mx_form .mx_form_input {
    display: table;
    float: left;
    font-size: 20px;
    
    
}



form.mx_form input[type=checkbox] {
	width: 20px;
    /* display: none;
    border: none;
    /* border-radius: 0.2em; 
    display: inline-block;
    width: 21px;
    height: 21px;
    /* padding-left: 0.2em; */
    /* padding-bottom: 0.2em; */
    /* margin-right: 0.2em; 
    vertical-align: bottom;*/
    transition: .2s;

}


/*form.mx_form input[type=checkbox]:before {
  content: "\2714";
  border: 0.1em solid #000;
  border-radius: 0.2em;
  display: inline-block;
  width: 1em;
  height: 1em;
  padding-left: 0.2em;
  padding-bottom: 0.2em;
  margin-right: 0.2em;
  vertical-align: bottom;
  color: transparent;
  transition: .2s;
  margin-top: -16px;
    background-color: #fff;
}

form.mx_form input[type=checkbox]:active:before {
  transform: scale(0);
}

form.mx_form input[type=checkbox]:checked:before {
  background-color: #0099cc;
  border-color: #0099cc;
  color: #fff;
}

form.mx_form input[type=checkbox]:disabled:before {
  transform: scale(1);
  border-color: #aaa;
}

form.mx_form input[type=checkbox]:checked:disabled:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}*/


  form.mx_form input[type='checkbox']:after {
        width: 15px;
        height: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #fff;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid #fff;
    }

 form.mx_form input[type='checkbox']:checked:after {
        width: 15px;
        height: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #110c3d;
        content: '';
        display: inline-block;
        visibility: visible;
         border: 2px solid #fff;
    }




form.mx_form input[type=radio] {
    display: inline;
  margin: 0.2em;
  cursor: pointer;
  padding: 0.2em;
  width:20px;
  transform: scale(1.0);
  float:left;


}


form.mx_form input[type=radio] {
    display: inline;
  margin: 0.2em;
  cursor: pointer;
  padding: 0.2em;
  border:none;
}

form.mx_form input[type=radio] {

}

/*form.mx_form input[type=radio]:before {
  content: "\2714";
  border: 0.1em solid #000;
  border-radius: 0.2em;
  display: inline-block;
  width: 1em;
  height: 1em;
  padding-left: 0.2em;
  padding-bottom: 0.2em;
  margin-right: 0.2em;
  vertical-align: bottom;
  color: transparent;
  transition: .2s;
      border-radius: 50%;
}

form.mx_form input[type=radio]:active:before {
  transform: scale(0);
}

form.mx_form input[type=radio]:checked:before {
  background-color: #0099cc;
  border-color: #0099cc;
  color: #fff;
}

form.mx_form input[type=radio]:disabled:before {
  transform: scale(1);
  border-color: #aaa;
}

form.mx_form input[type=radio]:checked:disabled:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}*/


  form.mx_form input[type='radio']:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #fff;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid #fff;
    }

 form.mx_form input[type='radio']:checked:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color:#110c3d;
        content: '';
        display: inline-block;
        visibility: visible;
         border: 2px solid #fff;
    }



















.mx_form_input_option {
width: 100%;
    float: left;
    margin-bottom: 10px;
    border: solid 0px #cccccc;
    border-radius: 5px;
    color: #fff;
    margin-bottom: 0px;
    padding: 0px 15px;
    text-align: left;
    font-size: 16px;
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
.mx_form_input textarea {
	margin-bottom:10px;
	width:100%;
	max-width:600px;
 	border: solid 1px #cccccc;
    border-radius: 5px;
    color: #fff;
    margin-bottom: 15px;
    padding: 10px 15px;
    text-align: left;
	}
.mx_form_input input{

	padding:10px;
	width:100%;
	max-width:600px;

	border: solid 1px #cccccc;
    border-radius: 5px;
    color: #fff;
   
    padding: 10px 15px;
    text-align: left;

}
	
	
}


@media screen and (min-width: 768px) and (max-width: 1023px) {
.mx_form_input textarea {
	margin-bottom:10px;

	max-width:600px;
 
	}
.mx_form_input input{

	padding:10px;

	max-width:600px;

}

}
@media screen and (min-width: 600px) and (max-width: 767px) { 

.mx_form_input textarea {
	margin-bottom:10px;

	max-width:600px;
 
	}
.mx_form_input input{

	padding:10px;

	max-width:600px;


}
}

@media screen and (min-width: 480px) and (max-width: 599px) {

.mx_form_input textarea {
	margin-bottom:10px;

	max-width:600px;
 
	}
.mx_form_input input{

	padding:10px;

	max-width:600px;


}
}

@media screen and (min-width: 320px) and (max-width: 479px)  {

.mx_form_input textarea {
	margin-bottom:10px;

	max-width:600px;
 
	}
.mx_form_input input{

	padding:10px;

	max-width:600px;


}
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc;
  opacity: 1; /* Firefox */
}

 :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ccc;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #ccc
}


.grecaptcha-badge {
    width: 256px;
    height: 60px;
    transition: right 0.3s ease 0s;
    position: fixed;
   bottom: 64px !important;
    right: -186px;
    box-shadow: grey 0px 0px 5px;
    z-index:1001 !important;
}

.mx_error input, .mx_error textarea {
	border-color:red;
}
.mx_error .mx_form_input_option{ color:red !important;} 
