.bootstrap-select button{
	height:100%;
}
.bootstrap-select button .filter-option{
	height:100%;
	display:flex;
	align-items:center
}
.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover{
	color:#3a3335;
    font-weight: 600!important;
    font-size: 16px!important;
    line-height: 21.86px!important;
	font-family:"Manrope", sans-serif!important;
}

.wd-filter-select .bootstrap-select>.dropdown-toggle.bs-placeholder, 
.wd-filter-select .bootstrap-select>.dropdown-toggle.bs-placeholder:active, 
.wd-filter-select .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, 
.wd-filter-select .bootstrap-select>.dropdown-toggle.bs-placeholder:hover,
.wd-filter-select .bootstrap-select>.dropdown-toggle{
	color:#3a3335;
    font-weight: normal!important;
    font-size: 14px!important;
    line-height: 21.86px!important;
	font-family:"Manrope", sans-serif!important;
	padding: 15px 18px;
    border: 1px solid #e4e4e4;
    border-radius: 99px;
}
.bootstrap-select div.filter-option-inner-inner{
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 21.86px !important;
	font-family:"Manrope", sans-serif !important;
}
.wd-filter-select .bootstrap-select div.filter-option-inner-inner{
    font-weight: normal !important;
    font-size: 14px !important;
    line-height: 21.86px !important;
	font-family:"Manrope", sans-serif !important;
	color: #686f73;
}
.wd-filter-select .bootstrap-select .dropdown-toggle:focus, 
.wd-filter-select .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: 1px auto #9cdd3b !important;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #9cdd3b;
}
.bootstrap-select .dropdown-item.sub-type{
	padding-left:35px
}

.couper-mot {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.box-feature ul{
	display: flex;
    flex-wrap: wrap;
	gap:0 40px;
}
/*.box-feature ul li{
	flex:0 0 25%;
}*/
.box-feature ul li.d-block{
	flex:0 0 100%;
	font-weight: bold !important;
    font-size: 20px;
    margin-bottom: 15px !important;
	color: #3a3335 !important;
}
.footer-cl-1 p{
	line-height:2.2
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: #9cdd3b;
}
.modal.left .modal-dialog,
.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 30%;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
  padding: 15px 15px 80px;
}

/*Left*/
.modal.left.fade .modal-dialog {
  left: -30%;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
  -o-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.show .modal-dialog{
  left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
  right: -30%;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
  right: 0;
}
.modal .wd-filter-select{
	background-color: #ffffff; 
    border-radius: none;
    padding: inherit;
}
.modal label.error,
.single-property-contact label.error{
	color:red;
}
.item-list .images-style img{
	max-height:245px
}
.devise.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: auto;
}
 .header-account .devise .dropdown-menu .dropdown-item{
	 padding:13px 9px;
 }
 .devise .btn{
	 /*color:#fff;*/
	 color: #3a3335;
 }
.item-fav-compare{
	position:absolute;
	right: 15px;
	top:15px;
	z-index:10;
}
.item-list .item-fav-compare{
	top:unset;
	bottom:15px;
}
.item-fav-compare a{
	margin-right: 5px !important;
    color: #fff;
    cursor: pointer ;
	font-size:17px!important;
	padding:7px 12px;
	background:rgba(0,0,0,.5);
	border-radius:5px;
	line-height: 17px;
}
.item-fav-compare a:last-child {
    margin: 0 !important;
}
.cocoen img{
	transform:unset !important;
}
.comparer-btn, .favorie-btn {
  position: fixed;
  right: 15px;
  bottom: 190px;
  background-color: #8ec044;
  z-index: 401;
}
.comparer-btn{
  bottom: 125px;
}
.favories a, .favories-compare a {
  font-size: 20px;
  font-weight: 700;
  height: 45px;
  right: 20px;
  text-align: center;
  width: 45px;
  color: #fff;
  line-height: 50px;
  border-radius: 50%;
}
#count_comparer, #count_favorie {
  background: #000000;
  border-radius: 15px;
  color: #fff;
  font-size: 13px;
  height: 18px;
  line-height: 19px;
  padding: 0;
  position: absolute;
  left: 0px;
  top: -10px;
  width: 18px;
  text-align: center;
}
/***************Comparer*******************/
#root .card-deck .card {
  flex: none;
  margin: 0
}

#root .sticky .card-body img {
  display: none
}

#root .slick-slide img {
  display: inline-block
}

#root .col-container {
  display: flex;
  width: 100%
}

#root .col {
  flex: 1;
  padding: 16px
}

#root .card-header {
  padding: 0
}

#root .card-header button {
  padding: 7px 5px;
  margin: 0;
  background: 0 0;
  box-shadow: none;
  width: 10%;
  border: 0;
  color: #8ec044;
  line-height: initial;
}

#root .card-header button.float-left {
  float: left;
  color: #8ec044;
}

#root .card-header button.float-right {
  float: right;
  padding-right: 16px;
}

#root .card-header button:focus,
#root .card-header button:hover,
#root .card-header button:not([disabled]):not(.disabled):active {
  box-shadow: none!important;
  background: 0 0!important
}

#root .card-header h5 {
  width: 80%;
  display: none;
  margin-top: 0;
  margin-bottom: 0
}

#root .sticky .card-header {
  border-bottom: none
}

#root .sticky .card-header h5 {
  display: inline-block;
  text-decoration: underline;
  padding-top: 5px
}

#root .sticky .card-header h5:hover {
  cursor: pointer
}

#root .sticky .card-body,
#root .sticky .card-footer {
  display: none
}

#root .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 1;
  font-size: 0;
  height: 40px;
  width: 40px;
  background: #fff;
  right: 60px
}

#root .slick-next,
#root .slick-prev {
  padding: 0;
  line-height: 34px;
  height: 34px;
  width: 34px;
  z-index: 1;
  border-radius: 50%;
  border: 0
}

#root .slick-next:active,
#root .slick-next:focus,
#root .slick-prev:active,
#root .slick-prev:focus {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .4)
}

#root .slick-next:focus,
#root .slick-next:not([disabled]):not(.disabled):active,
#root .slick-prev:focus,
#root .slick-prev:not([disabled]):not(.disabled):active {
  background: 0 0!important
}

#root .slick-prev {
  left: -22px;
  padding: 7px;
}

#root .slick-next {
  right: -22px;
  padding: 7px;
}



#root .sticky .card-body {
  padding: 0
}

#root .sticky .card-body .card-title {
  margin-top: .75rem
}

#root .slick-slider a {
  text-decoration: none;
  color: #2C3341;
}

#root .specifications {
  margin-bottom: 60px;
  margin-top: 20px
}

#root .specifications h3 {
  font-size: 15px;
  font-weight: 700;
  padding: 1rem;
  margin-bottom: 0;
  line-height: 15px
}

#root .specifications h2 {
  font-size: 18px;
  padding: 1rem;
  color: #fff;
  background: #333;
  line-height: 18px
}

#root .card,
#root .card-footer,
#root .card-header {
  background: 0 0
}

#root .card {
  box-shadow: none;
  border: none
}

#root .card>div {
  box-shadow: -3px 5px 14px 0 rgba(0, 0, 0, .4);
  margin: 15px;
  margin-top: 0;
  background: #fff;
}

#root .specifications .col-container:nth-child(even) {
  background: #f2f2f2
}

#root .specifications .col-container:nth-child(odd) {
  background: #fff
}

#root .specifications .col-container .col {
  padding: 1rem
}

#root .sticky .slick-next,
#root .sticky .slick-prev {
  border-radius: 0;
  box-shadow: none;
  top: 0;
  transform: none
}

#root .sticky {
  z-index: 999;
  left: auto;
  top: 100px!important;
  box-shadow: none
}

#root .sticky .slick-prev {
  left: -34px;
  top: 0
}

#root .sticky .slick-next {
  right: -34px
}

#root .col-container .col:first-child {
  color: #222;
  font-weight: 700;
  text-transform: capitalize;
}

#root .btn-plan-etage {
  background: 0 0;
  border: 0;
  position: absolute;
  left: 10px;
  top: 10px
}

#root .slick-slide.empty-slide {
  background: #fff;
  height: 0
}

#root .slick-slide.empty-slide .empty-card {
  border: 0
}

/*#root .card-body {
	padding: 20px 0
}*/

#root .card-body .card-title {
  margin-top: 0;
  margin-bottom: 6px;
}

#root .slick-arrow:before {
  color: #2C3341
}
/***************Comparer******************/
.section-CTA:not(.style-2) {
  background-color: var(--Primary);
}
.section-CTA:not(.style-2) .content-inner {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 34px 0;
  gap: 10px;
}
.section-CTA:not(.style-2) .content-inner img {
  max-width: 108px;
  position: absolute;
  bottom: 0;
}
.section-CTA:not(.style-2) .content-inner .content {
  padding-left: 134px;
}
.section-CTA:not(.style-2) .content-inner .tf-btn {
  height: 54px;
  padding: 0 29.5px;
}
.mb-8 {
    margin-bottom: 8px;
}
.box-benefit img {
    height: 60px;
}
@media (max-width: 550px) {
    .section-CTA:not(.style-2) .content-inner {
		flex-wrap: wrap;
        gap: 20px;
    }
}
@media only screen and (max-width: 1099px) {
	.modal.left .modal-dialog, .modal.right .modal-dialog {
    width: 95%;
	}
}
@media (max-width: 991px) {
	.main-header .logo-box .logo img{
		width:60px !important;
	}
	.main-header .logo-box .logo {
    padding: 0px;
}
  .section-CTA:not(.style-2) .content-inner img {
    display: none;
  }
  .section-CTA:not(.style-2) .content-inner .content {
    padding-left: 0px;
  }
}