body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}


.nav-link {
  font-family: "Poppins", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  color: #ec6307;

}

.bg-home {
  background: url('../img/header-home.jpg');
}

.bg-fix {
  margin-bottom: 80px;
}

.btn-huis {
  background-color: #ec6307;
  color: #fff;
}

.btn-huis:hover {
  background-color: #ec6307;
  color: #fff;
}



.footer {
  background-repeat: no-repeat;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background: #001D38;
}

/* line 7, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .pro_border {
  padding-top: 103px;
  padding-bottom: 50px;
  border-bottom: 1px solid #334A60;
}

/* line 12, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .pro_border .lets_projects h3 {
  color: #fff;
  font-size: 30px;
  font-weight: 400;
}

@media (max-width: 767px) {

  /* line 12, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
  .footer .pro_border .lets_projects h3 {
    color: #fff;
    font-size: 19px;
  }
}

/* line 20, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .pro_border .lets_projects h3 a {
  color: #ec6307;
}

/* line 25, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .pro_border .phone_number {
  text-align: right;
}

@media (max-width: 767px) {

  /* line 25, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
  .footer .pro_border .phone_number {
    text-align: center;
  }
}




/* line 45, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .footer_top {
  padding-top: 70px;
  padding-bottom: 129px;
}

@media (max-width: 767px) {

  /* line 45, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
  .footer .footer_top {
    padding-top: 60px;
    padding-bottom: 30px;
  }
}

@media (max-width: 767px) {

  /* line 52, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
  .footer .footer_top .footer_widget {
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {

  /* line 52, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
  .footer .footer_top .footer_widget {
    margin-bottom: 30px;
  }
}

/* line 59, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget .footer_title {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 40px;
}

@media (max-width: 767px) {

  /* line 59, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
  .footer .footer_top .footer_widget .footer_title {
    margin-bottom: 20px;
  }
}

/* line 69, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget .footer_logo {
  font-size: 22px;
  font-weight: 400;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 40px;
}

@media (max-width: 767px) {

  /* line 69, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
  .footer .footer_top .footer_widget .footer_logo {
    margin-bottom: 20px;
  }
}

/* line 79, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget p {
  color: #ffffff;
  font-size: 13px;
  font-weight: 400;
  line-height: 28px;
}

/* line 85, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget p a {
  color: #ffffff;
}

/* line 87, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget p a:hover {
  color: #ec6307;
}

/* line 93, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget p.footer_text {
  font-size: 16px;
  color: #B2B2B2;
  margin-bottom: 23px;
  font-weight: 400;
  line-height: 28px;
}

/* line 99, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget p.footer_text a.domain {
  color: #B2B2B2;
  font-weight: 400;
}

/* line 102, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget p.footer_text a.domain:hover {
  color: #FD955D;
  border-bottom: 1px solid #FD955D;
}

/* line 108, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget p.footer_text.doanar a {
  font-weight: 500;
  color: #B2B2B2;
}

/* line 112, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget p.footer_text.doanar a:hover {
  color: #FD955D;
  border-bottom: 1px solid #FD955D;
}

/* line 116, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget p.footer_text.doanar a.first {
  margin-bottom: 10px;
}

/* line 124, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget ul li {
  color: #ffffff;
  font-size: 13px;
  line-height: 42px;
  list-style: none;
}

/* line 128, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget ul li a {
  color: #ffffff;
  font-weight: 400;
}

/* line 131, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget ul li a:hover {
  color: #ec6307;
}

/* line 137, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget .newsletter_form {
  position: relative;
  margin-bottom: 20px;
}

/* line 140, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget .newsletter_form input {
  width: 100%;
  height: 50px;
  background: transparent;
  padding-left: 20px;
  font-size: 15px;
  color: #fff;
  border: none;
  border: 1px solid #334A60;
  border-radius: 30px;
}

/* line 150, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget .newsletter_form input::placeholder {
  font-size: 15px;
  color: #ffffff;
}

/* line 154, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget .newsletter_form input:focus {
  outline: none;
}

/* line 158, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget .newsletter_form button {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  border: none;
  font-size: 14px;
  color: #fff;
  padding: 10px;
  padding: 0 22px;
  cursor: pointer;
  border-radius: 30px;
  top: 5px;
  right: 5px;
  font-size: 13px;
  font-weight: 500;
}

/* line 177, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget .newsletter_text {
  font-size: 13px;
  color: #ffffff;
  line-height: 26px;
}

/* line 184, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .copy-right_text {
  padding-bottom: 30px;
  background: #002140;
}

/* line 187, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .copy-right_text .footer_border {
  padding-bottom: 30px;
}

/* line 191, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .copy-right_text .copy_right {
  font-size: 15px;
  color: #ffffff;
  margin-bottom: 0;
  font-weight: 400;
}

@media (max-width: 767px) {

  /* line 191, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
  .footer .copy-right_text .copy_right {
    font-size: 13px;
  }
}

/* line 199, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .copy-right_text .copy_right a {
  color: #ec6307;
}

/* line 204, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .socail_links {
  margin-top: 47px;
}

@media (max-width: 767px) {

  /* line 204, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
  .footer .socail_links {
    margin-top: 30px;
  }
}

/* line 210, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .socail_links ul li {
  display: inline-block;
}

/* line 213, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .socail_links ul li a {
  font-size: 15px;
  color: #C3B2F0;
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
  background: transparent;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 40px !important;
  margin-right: 7px;
  color: #4D6174;
  line-height: 40px !important;
  border: 1px solid #1A344C;
}

/* line 227, ../../Arafath/CL/CL October/219. SEO/HTML/scss/_footer.scss */
.footer .socail_links ul li a:hover {
  color: #fff !important;
  border-color: transparent;
}

.logo-connexion {
  margin-bottom: 90px;
}

.disclamer {
  font-weight: 500;
  font-size: 1.2rem;
}

.huis-upload {
  border: #ec6307 solid 2px;
  margin: 5px;
}

.bg-huis {
  background: #ec6307;
}

.demandechoice {
  cursor: pointer;
  border: 2px solid #ffffff;
}

.demandechoice:hover {
  border: 2px solid #ec6307;

}

.card-huis {
  margin-bottom: 15px;
}

.btn-huis-select {
  background: #ec6307;
  color: #fff !important;
  width: 98%;
}

.btn-huis-select:hover {
  background: #ec6307;
  color: #fff !important;
  width: 98%;
}

#signacte {
  display: none;
}

#constat {
  display: none;
}

.contentperson {
  display: none;
}
.alert-dossier
{
  background:rgb(249.75, 228.15, 231.75)!important;
}
.txt-alert-dossier
{
  color:rgb(176, 60.8, 80)!important;
}
.textclot
{
  font-size: 1.7rem;
  color:#ed6b31;
  margin-bottom: 50px;
}
.success-dossier
{
  background:rgb(219.75, 241.35, 228.3);
}
.txt-success-dossier
{
  color:rgb(12, 98.4, 46.2);
}
.m20
{
  margin-top: 20px;
}
.boldtxt
{
  font-weight: bold;
}
