:root {
  --color_1: #DA1E1D;
  --color_2: #071C1F;
}

/* sticky */
.header-section {
 
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #fff; 
  transition: all 0.3s ease; 
}

.header-section.sticky {
  position: fixed;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15); 
  background: #f9f9f9; 
}



 /***** normal module *******/
/* button slide-in */

.show_slidine {
  background: var(--color_2);
  padding: 10px 30px;
  position: fixed;
  z-index: 9999;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  box-shadow: rgb(255 255 255 / 38%) 0px 7px 21px 0px;
}

.show_slidine:hover {
  background: var(--color_2);
}

/* slide-in */
.infos_site {
  margin-top: 25px;
}

.titleslide {
  font-family: "Sora", Sans-serif;
  font-weight:600;
  font-size: 17px;
  color: #fff;
  display:block;
  margin-top: 0px !important;
  margin-bottom:22px !important;
  padding: 0;
  max-width:80%
}

p.p_slidein {
  font-family: "Sora", Sans-serif;
   font-weight:300;
  color: #ffffff;
  margin: 0px 0px 13px 0px;
}

hr.sep_slide {
  width: 25%;
  height: 1px;
  background-color: #ffffff;
  border: none;
  margin-left: 0px
}


.slide_in {
  position: fixed;
  background: var(--color_2);
  width: 400px;
  top: unset;
  bottom: 0px;
  right: unset;
  left: 0px;
  padding: 30px 20px 28px 20px;
  z-index: 9999;
  border-radius: 10px 10px 0px 0px;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-box-shadow: 0px 0px 15px #0000005c;
  box-shadow: 0px 0px 15px #0000005c;
  opacity: 0;
  -webkit-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
  border: 2px solid var(--color_1);
}

.slide_in.showme {
  -webkit-transform: translateX(3%);
  -ms-transform: translateX(3%);
  transform: translateX(3%);
  opacity: 1;
}

.titleTab {
  font-family: "Sora", Sans-serif;
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 20px;
}

.icon-info {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  height: 30px;
  width: 30px;
  font-size: 14px;
  border: 1px solid var(--color_1);
  border-radius: 50% ;
  margin-right: 15px;
  background: var(--color_1);
  padding: 12px;
}

/* close slide */
.head_slidine {
  position: absolute;
  top: 20px;
  right: 13px;
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border: 1px solid;
  border-radius: 50%;
  font-size: 15px;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s
}

.head_slidine:hover {
  color: var(--color_1);
}

/* button contact*/
a.butcontact_slide {
  margin-top: 20px;
  padding: 12px 20px 14px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--color_1);
  color: #fff !important;
  border-radius: 6px;
  text-align: center;
  font-family: "Sora", Sans-serif ;
  font-weight: 500;
  font-size: 16px;
  border: 1px solid var(--color_1);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  cursor: pointer;
  text-transform: normal;
}

a.butcontact_slide:hover {
  background: #f5f5f5;
  color: var(--color_2) !important;
  border-color:#f5f5f5!important;
}

.mobilebut {
  display: none
}

.slide_in p a.contact-phone {
  color: white;
  text-decoration: none;
}

.slide_in p a:hover {
  /* color: var(--color_1); */
  text-decoration: underline !important;
}

.show_slidine {
  background: var(--color_1);
  padding: 10px 25px;
}

.mobilebut {
  display: block;
 /* height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;*/
  font-size: 20px;
  -webkit-transform: unset;
  -ms-transform: unset;
  transform: unset;
  border-radius: 50%;
  padding: 13px 20px;
  right: 0px;
  left: 15px;
  bottom: 20px;
  top: unset;
width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.show_slidine.hidebtn {
  opacity: 0;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.adress--info {
  width: 100%;
  padding: 10px 20px;
  flex-direction: column;
  gap: 15px;
  border: none;
  display: none;
}

.adress--info.show {
  display: flex;
}

.adress--info--item {
  display: flex;
  align-items: start;
  column-gap: 8px;
  color: white;
  margin-bottom:15px;
  margin-top:7px;
}
.adress--info p{margin-bottom:0 !important;margin-top: 0 !important;font-weight:300 !important;}

.adress--btn {
  width: 100%;
  min-height: 50px;
  padding: 20px 12px 20px 10px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: transparent !important;
  color: #fff;
  font-family: "Rubik", Sans-serif;
  font-weight: 500;
  font-size: 14px !important;
  border-top:1px solid #fff !important;
  border-bottom:1px solid #fff !important;
  border-right:none !important;
  border-left:none !important;
  border-radius: 0px !important;
  cursor: pointer;
  border-radius: 0;
  text-align: left;
}
.adress--btn:hover {
  background: var(--color_1) !important;
  border-color:var(--color_1) !important;
  color: white;
}
hr.btns__div {
margin:0 !important;
display:none
}


.slide_in .titleTab {margin-top:0 !important}
/* 
@media screen and (max-width:800px) {
  .slide_in {
      width: 60%;
  }
} */

@media screen and (max-width:510px) {
  .slide_in {
      width: 90%;
  }
.titleslide{font-size:19px !important;max-width:100% !important;margin-bottom:0px !important;}
.slide_in{left:-23px !important;}
}

@media screen and (max-width:463px) {
  .slide_in {
      width: 98%;
      margin-inline: auto;
      right: 0px;
  }
.titleTab {font-size: 18px; }
}
@media screen and (max-width:430px) {
  	a.butcontact_slide {margin-top: 10px;padding: 10px;}
	.adress--info--item {font-size: 14px;	}
	.icon-info {margin-right: 3px;}
	.adress--info {padding:10px;}
	.infos_site {margin-top: 0px !important;}

}

@media screen and (max-width:370px) {
	 /* .adress--info .adress--info--item:nth-child(2) {
    display: none;
	} 
	.titleslide {
		font-size: 25px;
	} */
}
@media screen and (max-width:340px) {
  .head_slidine {
      top: 6px;
      right: 6px;
  }
}

/************formulaires default style*************/

.wpcf7-not-valid-tip, .fusion-slider-loading, .wpcf7-spinner{display: none !important;}
/*------------------------------------------------------***Begin contact page style***------------------------------------------------------*/
input[type=text]:focus,input[type=email]:focus,input.text:focus,input.title:focus,textarea:focus,select:focus {/* Add style to input field when focused*/}
input[type=text].filled,input[type=email].filled,input.text.filled,input.title.filled,textarea.filled,select.filled {/* Add style to input field when filled*/} 
.rh-form, .post-password-form, .wpcf7-form, .wpforms-form{background:transparent !important}
.page-contact-5{display: flex;flex-direction: column;}
.page-contact-5 *{-webkit-transition: all 200ms;-o-transition: all 200ms;transition: all 200ms;}
.page-contact-5 select,.page-contact-5 input[type="text"],.page-contact-5 input[type="email"],.page-contact-5 input[type="number"],.page-contact-5 input[type="tel"],.page-contact-5 textarea{color:#000 !important;padding: 12px 10px !important;border-radius: 5px !important;border: solid 1px hsl(198.52deg 24% 22% / 54%) !important;background: transparent;}
.page-contact-5 .input-file {margin-bottom: 25px !important;}
.page-contact-5 .input-file input{background: var(--color_1) ;color: white;padding: 1em;box-shadow: 4px 4px 0px 0px #4C4B50;transition:all 0.3s ease-in-out;max-width: 280px !important;margin-top: 5px !important;}
.page-contact-5 .input-file input:hover{box-shadow: -2px -2px 0px 0px #4C4B50;}
.page-contact-5 .input-file .wpcf7-not-valid-tip {display: initial !important;}
.page-contact-5 .input-file .wpcf7-form-control-wrap {display: flex !important;flex-direction: column;margin-top: 7px !important;}

a.link_pdc:hover u, .recaptcha_acc a:hover u{color:#DA1E1D !important;}


.page-contact-5 textarea {height: 200px !important;}
.page-contact-5 input[type="radio"]{margin-top:2px !important;}
.page-contact-5 .input_radio {margin-top: 8px !important;margin-bottom: 8px !important;}
.page-contact-5 [class^='col-md-']{padding-left: 10px !important;padding-right: 10px !important;padding: 10px !important;!i;!;}
.page-contact-5 input[type="submit"]{color: #fff !important;padding: 20px 40px !important;background: var(--color_1) !important;border: none !important;box-shadow:unset !important;text-transform: capitalize;}
.page-contact-5 input[type="submit"]:hover{background: var(--color_2) !important;color:#fff !important;opacity:1 !important;}
.page-contact-5 .contact-infos{font-size:16px !important;color: #000 !important;background: #f1f1f1;padding: 8px 5px !important;margin-bottom: 10px !important;border: none !important;}
.page-contact-5 .contact-infos i {width: 25px !important;text-align: center !important;color: var(--color_1) !important;display: inline-block;margin-bottom: 5px !important;}
.page-contact-5 input[type=number]::-webkit-inner-spin-button,.page-contact-5 input[type=number]::-webkit-outer-spin-button {-moz-appearance: none !important;-webkit-appearance: none; margin: 0 !important;}
input.wpcf7-not-valid, select.wpcf7-not-valid{border: 1px solid red !important;-webkit-box-shadow: 0px 0px 14px -2px red !important;box-shadow: 0px 0px 14px -2px red !important;}
.error_acc .wpcf7-not-valid-tip{display:block !important}
.error_acc .wpcf7-list-item {margin: 0px !important;}
.rgpd_acc {font-size: 12px !important;}
body .recaptcha_acc{font-size:11px !important;margin-top:0px !important;}

.page-contact-5 .input-label {position:relative !important;margin-bottom: 0px !important;display: inline-block;}
.page-contact-5 .sp-label {position: absolute;left: 20px;top: 21px;transition: 0.3s;z-index: 1;font-size: 15px;font-weight: 500;}

.page-contact-5 .focused .sp-label {font-size: .60em;top: 10px;}
.page-contact-5 input[type=text]:focus, .page-contact-5 input[type=number]:focus, .page-contact-5 input[type=tel]:focus, .page-contact-5 input[type=email]:focus, .page-contact-5 input[type=search]:focus, .page-contact-5 input[type=password]:focus ,
.page-contact-5 .focused input[type=text], .page-contact-5 .focused input[type=number], .page-contact-5 .focused input[type=tel], .page-contact-5 .focused input[type=email], .page-contact-5 .focused input[type=search], .page-contact-5 .focused input[type=password] ,  .page-contact-5 .focused textarea{
    border: solid 1px #000000 !important;
	background:#fff;
}
/*edit problem of generated <p>*/
/*.page-contact-5 > p {display: none !important;}
.page-contact-5 .col-md-12 > p,.page-contact-5 .col-md-6 > p {margin-bottom: 0px !important;}
.page-contact-5 .col-md-12 > p br, .page-contact-5 .col-md-6 > p br {display: none !important;}*/
.page-contact-5 input.wpcf7-form-control.wpcf7-text , .page-contact-5 select{
    border-radius:5px;
	height:54px;
}
.page-contact-5 input.wpcf7-form-control.wpcf7-text , .page-contact-5 input.wpcf7-form-control.wpcf7-number , .page-contact-5 textarea.wpcf7-textarea{
    width: 100%;
}
.page-contact-5 div:not(.adresse-h) input.wpcf7-form-control.wpcf7-text , .page-contact-5 select, .page-contact-5 input.wpcf7-form-control.wpcf7-number{
    border-radius:5px;
	height:54px;
}
.page-contact-5 .adresse-h input {
    height: 160px !important;
	border-radius:5px;
}
.page-contact-5 textarea {
	border-radius:5px;
}
.page-contact-5 select {
    -moz-appearance: auto;
    -webkit-appearance: auto;
}
.page-contact-5 .contact-h2 {
    text-align: left;
    font-size: 25px;
    font-weight: 500;
    color: var(--color_1);
    margin:0px;
    padding-left: 10px;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #dc3232; /* Yellow */
}


.rh_form__register .rh_form__row:nth-child(1) .rh_form__item, .rh_form__login .rh_form__row:nth-child(1) .rh_form__item{
    padding-bottom: 0;
}

.rh_form__register .rh_form__item .info-text, .rh_form__login .rh_form__item .info-text {
    font-size: 22px;
}

.rh_form__login a.toggle-forgot-form:hover {
    text-decoration: underline;
}

.rh_property_detail_login .rh_form__login {
    border-right: solid 1px #80808033;
}

.rh_form__login_wrap .rh_btn {
	padding: 12px !important;
	font-size: 13px !important;
	width: 125px !important;
}

.pg-contact-info .elementor-icon-list-icon {
    background: #fff;
    padding: 10px;
    border-radius: 5px;
	margin-right: 10px;

}
.cntct-phone:hover {
    color: #36aef4;
}
.map-page-contact iframe{
    border-radius: 20px;
    overflow: hidden;
}
.page-contact-5 .sp-label {
      color: #000000;
}
@media only screen and (min-width: 801px){
    .page-contact-5 .col-md-4{width: 33.33% !important;float: left !important;}
    .page-contact-5 .col-md-6{width: 50% !important;float: left !important;}
    .page-contact-5 .col-md-12{width: 100% !important;float: left !important;}
}
@media only screen and (max-width: 800px){
    .page-contact-5 [class^='col-md-']{padding-left: 0px !important;padding-right: 0px !important;width: 100% !important;float: left !important;margin-bottom:  0px !important;}
    .page-contact-5 .input_adress, .page-contact-5 .input-file {width: 98% !important;}
    .page-contact-5 .sp-label {left: 10px;}
    .infos-box-contact .content-box-column {margin-bottom: 20px !important;}
    .infos-box-contact .content-box-heading {font-size: 15px !important;}
}
@media only screen and (max-width: 800px){
    .page-contact-5 .col-md-4{width: 100% !important;float: left !important;}
    .page-contact-5 .col-md-12{width: 100% !important;float: left !important;}
}

@media only screen and (max-width: 689px){
    .rh_property_detail_login .rh_form__login {
		border-right: unset;
		border-bottom: solid 1px #80808033;
		padding-bottom: 20px;
	}  
	
	.rh_property_detail_login .rh_form__register {
		padding-top: 20px;
	}
}

@media only screen and (max-width: 600px){
    .page-contact-5 [class^='col-md-']{width: 98% !important;}
    .page-contact-5 .input-label{margin-bottom:0px !important;}
		.rh_form.rh_form__login_wrap {
		padding: 0;
	}
	
	.alerte_email {
		margin: 15px 0;
	}
}