@charset "UTF-8";

/* GRID FORM */

.allGroup{position:relative}
.Fgroup{width:48%;float:left;margin:0 4% 15px 0;}.Fgroup:after{clear:both}
.Fgroup{margin:0 4% 25px 0}
.Fgroup:nth-child(2n+0){margin-right:0}

.quart, .half, .troisquart, .third{float:left;margin:0 4% 0 0}
.quart{width:22%}
.half{width:48%}
.third{width:30.66%;}
.troisquart{width:74%}
.last{margin-right:0}

form{margin-top:30px}

/* INPUT LABEL */

label,input,select,option ,button , ::placeholder, input[type='date'], input[type='text']{font-family: 'Montserrat', sans-serif !important;}
label{font-family: 'Montserrat', sans-serif;color:#000;font-weight:700;margin-bottom:5px;text-align: left}
label, input, select, button, textarea{font-size:16px;display:block;font-family: 'Montserrat', sans-serif;}
::placeholder{font-size:14px;}
input, select, textarea{border:none;background:#f1f1f1;padding:15px 20px;width:100%;;margin-bottom:20px}

textarea{border:0;border:none;padding:10px;width:100%;margin-bottom:25px;min-height:143px}
input[type=submit]{background:none;border:0;background:#fff;padding:22px 40px;width: auto;display:block;text-align: center;margin:0 auto;-moz-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out;font-weight: 700;text-transform: uppercase}
input[type=submit]:hover{background:#000;color:#fff;}

select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f1f1f1 url(../img/form/down-form.svg) no-repeat right 10px center / 15px;}
select option{margin:5px 0;font-family: 'Montserrat', sans-serif;}
select option:disabled {color:#aaa}

button[type=submit]{padding:28px 40px;color:#000;display:inline-block;font-weight: 700; -moz-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out;text-transform: uppercase;border:none;background: #FFCD00;color:#000
}
button[type=submit]:hover{background:#000;color:#fff}


.fileBt {position: relative;overflow: hidden;}
.fileBt .bt{border:5px solid #555;line-height:1;padding:10px 15px;width:auto;display:inline-block;cursor:pointer;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;text-align:center;margin:0}
.fileBt .bt:hover{background:#000;color:#fff;}

.fileBt input{    background: none;
    padding-left: 3px; 
    padding-top: 60px;
    margin-top: -46px;
    z-index: 999;}
.fileBt input.upload {position: absolute;top: 0;right: 0;margin: 0;padding: 0;cursor: pointer;opacity: 0;filter: alpha(opacity=0);height:100%;}


.checkbox-group{display: block;position: relative}
.checkbox-label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-top: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-label input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkbox-label:hover input[type=checkbox] ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-label input[type=checkbox]:checked ~ .checkmark {
  background-color: #FFCD00;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-label input[type=checkbox]:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-label .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}



.radio-label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radio-label input[type=radio] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.radio-label .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio-label:hover input[type=radio] ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radio-label input[type=radio]:checked ~ .checkmark {
  background-color: #FFCD00;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-label input[type=radio]:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio-label .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}



label.checkbox{background-image:url(../img/form/checkbox.png);}
label.radio {background-image:url(../img/form/radio-button.png);}
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:15px; width:15px; /*margin:-1px; padding:0; border:0;*/}
input[type=checkbox] + label.checkbox, input[type=radio] + label.radio{padding-left:25px;height:16px; display: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;}	


/* VALIDATION */

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

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


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









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

.Fgroup{width:100%;display:block;margin:0 0 35px 0;}
#contactForm .col:first-child{margin-bottom:0}

}


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

}