@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}


/* INPUT LABEL */

label, input, select, button, textarea{font-size:14px;display:block;font-family: 'Montserrat', sans-serif;}
input, select, textarea{border:none;background:#f1f1f1;padding:15px 15px;width:100%;}
select{padding:5px 35px 5px 15px;}

textarea{border:0;border:none;padding:10px;width:100%;margin-bottom:25px;min-height:100px}
button, input#mc-embedded-subscribe{background:#fedb03;border:0;padding:15px 15px;color:#fff;text-transform:uppercase;font-weight:700;cursor:pointer;-moz-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
button:hover{background:#333;}

.bckVert button, input#mc-embedded-subscribe{background:#fedb03;color:#333;-moz-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.bckVert button:hover, input#mc-embedded-subscribe:hover{background:#333;color:#fff}

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



.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:red}

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


label.checkbox{background-image:url(../img/form/checkbox.svg);}
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:1px; width:1px; margin:-1px; padding:0; border:0;}
input[type=checkbox].mccheckbox{left:0;bottom:40px;}
input[type=checkbox] + label.checkbox, input[type=radio] + label.radio{padding-left:35px;height:20px; 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 -20px;}	


/* 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}


.infoForm{display:block;margin:20px auto 0;max-width:430px;}
.infoForm input{width:60%;float:left;}
#mc_embed_signup_scroll{width:auto}
.infoForm input#mc-embedded-subscribe, .infoForm.button{width:35%;margin-left: 5%; float:left}
.infoForm input#mc-embedded-subscribe:hover, .infoForm.button:hover{background:#e3c502;color:#333}

#mc_embed_signup div.mce_inline_error {background-color: transparent!important;height:25px;bottom: 0;color: #fff;font-weight: bold;padding: 5px 10px;position: absolute;z-index: 1;}
#mce-success-response{color:#ccc;padding-top:20px}


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

.Fgroup{width:100%;display:block;margin:0 0 35px 0;}

select{padding:5px 30px 5px 10px;}

}


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

.infoForm input, .infoForm button{width:100%;float:none;}
.infoForm input#mc-embedded-subscribe, .infoForm button {display: block;float: none;margin: 15px auto 0;width: 140px;}
}