@font-face {
    font-family: 'blair';
    src: url('fonts/BlairMdITCTTMedium.eot');
    src: url('fonts/BlairMdITCTTMedium.woff') format('woff'),
    url('fonts/BlairMdITCTTMedium.ttf') format('truetype'),
    url('fonts/BlairMdITCTTMedium.svg#rawengulkbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat';
    src: url('fonts/Montserrat-Regular.eot');
    src: url('fonts/Montserrat-Regular.woff') format('woff'),
    url('fonts/Montserrat-Regular.ttf') format('truetype'),
    url('fonts/Montserrat-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat';
    src: url('fonts/Montserrat-Medium.eot');
    src: url('fonts/Montserrat-Medium.woff') format('woff'),
    url('fonts/Montserrat-Medium.ttf') format('truetype'),
    url('fonts/Montserrat-Medium.svg') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat';
    src: url('fonts/Montserrat-Bold.eot');
    src: url('fonts/Montserrat-Bold.woff') format('woff'),
    url('fonts/Montserrat-Bold.ttf') format('truetype'),
    url('fonts/Montserrat-Bold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat';
    src: url('fonts/Montserrat-ExtraBold.eot');
    src: url('fonts/Montserrat-ExtraBold.woff') format('woff'),
    url('fonts/Montserrat-ExtraBold.ttf') format('truetype'),
    url('fonts/Montserrat-ExtraBold.svg') format('svg');
    font-weight: 900;
    font-style: normal;
}

.title{font-family: 'blair';color:#8a9ba7;text-transform:uppercase;font-size:23px;}
.title span{color:#004165;}

.step-coord{
    justify-content: center !important;
}

.step-coord input[type=text], .step-coord input[type=email], .step-coord input[type=tel], .step-coord select, .step-coord .chosen-container{
    font-family: 'montserrat';
    color:#004165 !important;
    font-weight: 500;
    margin-bottom:10px;
    padding: 20px;
    width:100%;
    background-color:#f3f5f6 !important;
    text-align:left !important;
}

.step-coord textarea{
    font-family: 'montserrat';
    color:#004165 !important;
    font-weight: 500;
    margin-bottom:10px;
    padding: 10px;
    width:100%;
    background-color:#f3f5f6 !important;
    text-align:left !important;
    border: 1px solid #ccc;
    min-height: 100px;
}

.step-coord .chosen-container{padding: 10px 20px !important;width:100% !important;}
.step-coord input[type=checkbox]{width:15px;height:15px;margin-right:20px;vertical-align: top;margin-top: 2px;}
.step-coord label{font-family: 'montserrat';color:#004165 !important;font-weight: 500 !important;width:90% !important;}

.step-coord .chosen-container-single .chosen-single{
    background:transparent !important;
    background-color:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    height:auto !important;
    padding:0 !important;
    box-shadow:initial !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:#004165 !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#004165 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color:#004165 !important;
}

.step-coord .chosen-container{
    border-radius: 0.42rem !important;
    border: 1px solid rgb(204, 204, 204) !important;
}

#form-devis button{
    color: #fff;
    background-color: #004165;
    padding: 8px 30px;
    border-radius: 10px;
    border: 0;
}
#form-devis button:hover{
    color: #004165 !important;
    background-color: #fff !important;
}

#form-devis{position:relative;}
#form-devis .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:999;}
#form-devis .overlay img{margin:auto;width:150px;}
#form-devis.display-overlay .overlay{display:flex !important;}

.label-consent.error{
    color:#df030b !important;
    margin-left:0 !important;
}

.step-coord .error:not(.label-consent){border:1px solid #df030b !important;}

.alert-success .picto, .alert-success span, .alert-danger .picto, .alert-danger span{display:inline-block;vertical-align: middle;}
.alert-success .picto, .alert-danger .picto{margin-right:3%;}
.alert-success .picto i, .alert-danger .picto i{font-size:26px;color:#fff;}
.alert-success span, .alert-danger span{width:80%;font-size:16px;}

@media screen and (max-width:1200px){
    .px-10{padding-left:1.5rem !important;padding-right:1.5rem !important;}
}

@media screen and (max-width:768px){
    .title{font-size:21px !important;}
    .alert-success span, .alert-danger span{font-size:14px !important;}
    .alert-success .picto, .alert-success span, .alert-danger .picto, .alert-danger span{width:100% !important;}
}