@charset "UTF-8";
/* CSS Document */

form{font-family: 'Titillium Web', sans-serif;font-weight:400;}
.Fgroup{width:48%;float:left;margin:0 4% 30px 0}.Fgroup.last{margin-right:0}

.allGroup .Fgroup.quart{width:22%}
.allGroup .Fgroup.half{width:48%}
.allGroup .Fgroup.troisquart{width:74%}
.allGroup .Fgroup.third { width: 30.66%; }
.allGroup .Fgroup.all{width:100%;margin-right:0}

.allGroup .Fgroup:nth-child(2n+0){margin-right:0}


label{font-size:14px;font-weight:400;text-transform:uppercase;color:#555; }
textarea{border:0;border:none;padding:10px;width:100%;font-size:14px;font-weight:400;color:#555;background:#f6f6f6;margin-bottom:15px;min-height:100px;font-family: 'Titillium Web', sans-serif;}
input, select, button{font-family: 'Titillium Web', sans-serif;font-size:14px;font-weight:400;padding:7px 13px;display:block;width:100%;border:none;background:#f6f6f6;color:#555}

select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("../img/form/down-form.svg") no-repeat right 10px  center ;color:#555;}
select option {color: #555;font-size: 14px;padding:5px 0px;} 

button{font-family: 'Khand', sans-serif;text-transform:uppercase;line-height:1;font-size:16px;font-weight:600;letter-spacing:1px;color:#000;margin:20px 0 0 0;display:inline-block;border-width:3px;border-style:solid;padding:12px 10px 8px;display:inline-block;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;background:none;border-color:#72be04;width:auto}
.bcknoir button{color:#fff}


label.checkbox{background-image:url(../img/form/checkbox.png);}
label.radio {background-image:url(../img/form/radio-button.png);}

label.radio input{ margin: -12px 0 0 10px;padding: 5px 0;}
label.checkbox, label.radio {margin:10px 25px 10px 0;position:relative;pointer-events:all;left:auto;top:auto;transition:none; -moz-transition:none; -webkit-transition:none;}


input[type=checkbox], input[type=radio]{position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
input[type=checkbox] + label.checkbox, input[type=radio] + label.radio{padding-left:25px;height:16px; display:inline-block;line-height:1;background-repeat:no-repeat;background-position: 0 0;vertical-align:middle;cursor:pointer;font-size:16px;color:#555;}
input[type=checkbox]:checked + label.checkbox, input[type=radio]:checked + label.radio {background-position: 0 -16px;}	
input[type=checkbox] + label.checkbox{display:block;margin:15px 0;text-transform:none;font-weight:400}




input.valid, textarea.valid{background: url(../img/form/input-valid.png) no-repeat center right ;border-color:#ccc;background-color: #fff;}	
input.error, textarea.error{background: url(../img/form/input-invalid.png) no-repeat center right ;border-color:#C00;background-color: #fff;}

input[type=number].valid{background: transparent  url(../img/form/input-valid.png) no-repeat center right 20px ;}	
input[type=number].error{background: transparent  url(../img/form/input-invalid.png) no-repeat center right 20px ;}


.capchat p{font-size:13px;}
.g-recaptcha{margin:10px 0}




.fileUpload {position: relative;overflow: hidden;}
.fileUpload .bt{border-width:6px;border-style:solid;line-height:1;padding:10px 15px;font-weight:700;text-transform:uppercase;width:auto;display:inline-block;font-size:20px;cursor:pointer;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;text-align:center}
.fileUpload .bt:hover{border-color:#555}
.fileUpload input.upload {position: absolute;top: 0;right: 0;margin: 0;padding: 0;font-size: 20px;cursor: pointer;opacity: 0;filter: alpha(opacity=0);}





@media only screen and (max-width: 768px) {	


.Fgroup{width:100%;float:none;margin:0 0 35px 0}
input, select, label, select option, .fileUpload input.upload, button {font-size:14px;}
input[type="checkbox"] + label.checkbox{margin:10px 0}


}




