@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:16px;display:block;font-family: 'Raleway', sans-serif;}*/
input, select, textarea{border:none;background:#f1f1f1;padding:10px 20px;margin-bottom:20px;width:100%;font-size:14px;font-family: "Montserrat",Arial,Helvetica,sans-serif;}

textarea{border:0;border:none;padding:10px;width:100%;margin-bottom:25px;min-height:100px}
button{background:none;border:0;padding:16px 12px 12px;border:3px solid #555;}
form button{border-color:#d10000;font-size:14px;font-weight:bold;text-transform:uppercase; color: #000; transition: 0.3s; font-family: "Montserrat",Arial,Helvetica,sans-serif;}
form button:hover{background-color: #d10000;color: #f1f1f1;}

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;}
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.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;}
label {font-size: 18px !important;}

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: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:30px 0}

.share {
    display: inline;
    margin-right: 0.5em;
    background-color: #3B5998;
    color: #fff;
    font-size: 14px;
    padding: 0.5em 1em;
    transition: 0.1s;
}

.print {
    display: inline;
    background-color: #1e1d1d;
    color: #fff;
    font-size: 14px;
    padding: 0.5em 1em;
    transition: 0.1s;
}

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

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

}


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

}
