*{font-family: 'Montserrat', sans-serif;}

body {background-color: #EAECEF;}
.container {max-width: 1600px;}

.center {margin: 0 auto;}

.logo img {width: 100%;}

.img1 {width: 164px; height: 85px; }
.img3 {width: 291px; height: 47px; margin-top: 5px; margin-left: 30px;}

.progress {
    background-color: #ffffff;
    border-radius: 30px;
    border: 1px solid #DBDBDB;
}
.progress-bar {
    background-color: #2AB982; 
}

.worker {bottom: 0; right: unset;}

.bg-blue {background-color: #2AB982;}
.bg-dark {background-color: #28323E;}

.bg-grey {background-color: #F5F6F7;}
.bg-blue2 .logo img {width: 96px; }

h2 {color: #fff; text-align: left; font-size: 20px; font-weight: 300; line-height: 28px;}
h1 {font-weight: 400; font-size: 33px; color: #fff; font-family: 'Roboto Slab', serif; line-height: 40px;}

.btn-a a {color: #28323E; font-size: 18px; line-height: 28px; border: solid 1px #28323E; border-radius: 50px; padding: 15px 40px; text-decoration: none;  transition: color,border 0.2s;}
.btn-a a:hover {color: #2AB982; border: solid 1px #2AB982;  transition: border,color 0.2s; }

.check-invalid {border-color: #dc3545 !important;}

.avantages {color: #374B64; font-size: 16px; font-weight: 400; text-align: center; line-height: 24px;}
.avantages b {color: #2AB982;}

.merci-title {color: #183450; font-size: 24px; font-weight: 700;}
.merci-text {color: #828282; font-size: 22px; font-weight: 400; line-height: 28px;}

.border {border: solid 1px #919191 !important;}

.footer h3 {font-size: 24px; font-size: 16px; line-height: 20px;}

form h2 {font-size: 25pt; line-height: 30pt;}
form h3 {font-size: 20px; color: #374B64; font-weight: 400; font-family: 'Roboto Slab', serif;}
form h3 b {color: #2AB982;}
form p {color: rgba(55,75,100,0.60);}
.footer h4 {font-size: 120%; color: #333;}

a {color: #fff; text-decoration: underline;}



.strong-title {color: #333;}
.tiny-text {font-size: 7pt;}
.tiny-text2 {font-size: 14px; color: #fff !important; }
.tiny-text3 {font-size: 8pt; }

.bg-impots h4 {color: white; text-decoration: none; font-style: italic; font-size: 16px;}

.grey {color: #909090; font-size: 70%;}

.container-fluid {position: relative;}

.btn-primary {border: none; background-color:#28BC83; color: #fff; font-size: 20px; border-radius: 50px; font-weight: 400; line-height: 24px; width: 100%;}
.btn-primary:hover {background-color: #1D6F4F; border: none;}

.bg-landing {background-image: url("../../images/bgpaneles.jpg");background-size: cover; background-position: center; background-repeat: no-repeat; }

.bg-landing-footer {background-color: #fff; }
.banda2 { background-color: #fff; box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.24); margin-top: -260px !important; border-radius: 10px; }
.banda2 p {color: #005783; font-size: 18px; line-height: 22px; font-weight: 400;}
h4 {font-size: 24px; color: #ff5722; font-weight: 700;}

.marche {color: #28323E; font-size: 33px; font-weight: 400; text-align: center; line-height: 40px; font-family: 'Roboto Slab', serif;}

.bg-form {background-color: rgba(255,255,255,0.85); border-radius: 5px;}
form {z-index: 100;}

.form-control {height: 40px; font-size: 14px; color: #374B64 !important; border: 0px solid #083971 ; border-radius: 5px ; font-weight: 300;}

.card-group {border: none;}
.card {border: none; border-radius: 5px;}
.card-text {font-weight: 300; font-size: 18px; line-height: 24px;}
.card-title {font-weight: 700; font-size: 18px; line-height: 24px; color: #28BC83;}

.custom-control-input {width: 100%;  margin: 0 auto;  color: #374B64 !important; }
.custom-control-label {width: 100%; color: #374B64 !important; font-size: 16px;  margin: 0 auto; border-radius: 10px; padding: 10px 0px; transition: background 0.2s; line-height: 15px; height: 100%;}
.custom-control-label:before {background-color: rgba(8,57,113,0.24); transition: background 0.2s;}
.custom-control-label:before {background-color: rgba(8,57,113,0.24); transition: background 0.2s;}
.custom-control-label:hover {background-color: rgba(8,57,113,0.24); cursor: pointer; transition: background 0.2s;}
.custom-control-label:active {background-color: rgba(8,57,113,0.24); transition: background 0.2s;}
.custom-control-label:select {background-color: rgba(8,57,113,0.24); transition: background 0.2s;}
.custom-radio .custom-control-label:before { border-radius: 10px;  transition: background 0.2s;}
.card-body {padding: 0px;} 
.custom-control {padding: none; position: relative;}


.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #083971;
    background-color: rgba(8,57,113,0.34); transition: background 0.2s;; 
}

.img1 {width: 100%; max-width: 244px; height: auto; margin: 0 auto; margin-top: -55px;}
.img2 {width: 100%; max-width: 257px; height: auto; margin: 0 auto; margin-top: -70px;}
.img3 {width: 100%; max-width: 230px; height: auto; margin: 0 auto; margin-top: -70px;}
.img4 {width: 100%; max-width: 271px; height: auto; margin: 0 auto; margin-top: -45px;}

placeholder {color: #374B64 !important;}

.middle { display: flex; align-items: center;}
.steps p {text-align: left; font-size: 16px; color: #707070; font-weight: 300; line-height: 22px; }
.steps b {font-weight: 700;}

.footer {color: #fff; font-family: 'Montserrat', sans-serif; font-size: 12px; line-height: 18px;}

.select2 {    width: 100% !important;
    border: none;
    text-align: left;}

.select2-container--default .select2-selection--single {    height: 40px;
    font-size: 14px;
    color: #374B64 !important;
    border: 0px solid #083971;
    border-radius: 5px;
    font-weight: 300;}

.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 38px; height: 40px;}

.card-group {border: none;}
.card {border: none;}
.custom-control-input {width: 100%;  margin: 0 auto;}
.custom-control-label {width: 100%; color: #374B64 !important; font-size: 14px;  margin: 0 auto; border-radius: 5px; padding: 10px 0px; transition: background 0.2s; line-height: 15px;}
.custom-control-label:before {background-color: rgba(8,57,113,0.24); transition: background 0.2s;}
.custom-control-label:before {background-color: rgba(8,57,113,0.24); transition: background 0.2s;}
.custom-control-label:hover {background-color: rgba(8,57,113,0.24); cursor: pointer; transition: background 0.2s;}
.custom-control-label:active {background-color: rgba(8,57,113,0.24); transition: background 0.2s;}
.custom-control-label:select {background-color: rgba(8,57,113,0.24); transition: background 0.2s;}
.custom-radio .custom-control-label:before { border-radius: 5px;  transition: background 0.2s;}
.card-body {padding: 0px;} 
.custom-control {padding: none;}

.custom-radio .custom-control-label:before {
    border-radius: 5px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    border: 0px solid #083971; transition: background 0.2s;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #083971;
    background-color: rgba(8,57,113,0.34); transition: background 0.2s;; 
}

@media (max-width: 1200px) {
 .steps p {font-size: 14px; line-height: 20px; }
	.middle { display: flex; align-items: top;}
}
@media (max-width: 992px) {
	.steps p {font-size: 13px; line-height: 18px; }
	.img1 {margin-top: 20px;}
	.img2 {margin-top: 20px;}
	.img3 {margin-top: 20px;}
	.img4 {margin-top: 20px;}
}
@media (max-width: 765px) {
	.steps p {font-size: 13px; line-height: 18px; }
}


@media (max-width: 575px) {
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #000 transparent transparent transparent;
    border-width: 5px 4.5px 0 4px;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #000 transparent;
    border-width: 0 4.5px 5px 4px;
}