@import 'https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap';
:root {
--font: 'Lato', sans-serif;
}
.iwp__property {
padding: 40px 20px;
font-family: var(--immowp-font);
font-size: 14px;
font-weight: 400;
font-style: normal;
text-transform: none;
letter-spacing: 0em;
color: dimgray;
max-width: 1200px;
width: 100%;
margin: auto;
box-sizing: border-box;
}
.iwp__property * {
box-sizing: border-box;
}
.iwp__property .favorite-button {
position: absolute;
right: 10px;
top: 10px;
}
.iwp__property .favorite-button.active svg {
fill: var(--immowp-color2);
}
.pswp__button {
background: rgba(0, 0, 0, 0) !important;
border: 0 !important;
width: 75px !important;
padding: initial !important;
}
.iwp__property .iwp_create_alert {
background-color: var(--immowp-color2);
border-radius: 5px;
display: inline-block;
color: #fff;
padding: 10px 20px;
font-size: 12px;
line-height: 1;
text-transform: uppercase;
text-align: center;
text-decoration: none;
margin-bottom: 5px;
}
.iwp__property.iwp_alerte_email h2 {
color: var(--immowp-color2);
font-size: 30px;
font-family: var(--immowp-font);
font-weight: 500;
font-style: normal;
text-transform: none;
letter-spacing: 0em;
margin: 0;
padding: 0;
text-align: center;
margin-bottom: 20px;
}
.iwp__property.iwp_alerte_email p,
.iwp__property.iwp_alerte_email .message-container {
font-size: 14px;
color: #333;
line-height: 1.5;
margin-bottom: 50px;
font-family: var(--immowp-font);
text-align: center;
}
.iwp__property.iwp_alerte_email form {
display: flex;
flex-direction: column;
gap: 25px;
max-width: 500px;
margin: auto;
}
.iwp__property.iwp_alerte_email form > div {
display: flex;
flex-direction: column;
justify-content: center;
gap: 5px;
}
.iwp__property.iwp_alerte_email form > div > div {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.iwp__property.iwp_alerte_email form > div input[type='text'],
.iwp__property.iwp_alerte_email form > div input[type='email'] {
color: #767676;
background-color: #fafafa;
border: 1px solid #dbdbdb;
height: 50px;
padding: 4px 20px;
border-radius: 0;
transition: all 0.3s ease-in-out;
}
.iwp__property.iwp_alerte_email form > div input[type='submit'] {
background-color: var(--immowp-color2);
border-radius: 5px;
display: inline-block;
color: #fff;
height: 50px;
padding: 4px 20px;
border: 0;
cursor: pointer;
}
.iwp__header-breadcrumb {
margin-bottom: 20px;
}
.iwp__header-breadcrumb ul {
list-style-type: none;
margin: 0;
padding: 0;
display: inline-flex;
flex-wrap: wrap;
}
.iwp__header-breadcrumb ul li a {
font-size: 14px;
text-transform: uppercase;
color: #333;
opacity: 0.75;
}
.iwp__header-breadcrumb ul li:after {
content: '/';
margin: 0 10px;
}
.iwp__header-breadcrumb ul li span {
font-size: 14px;
text-transform: uppercase;
color: #333;
}
.iwp__header-breadcrumb ul li:last-child::after {
content: none;
}
.iwp__header-meta h1,
.iwp__header-gallery h1,
.iwp__header-title h1 {
font-size: 40px;
}
.iwp__header-swiper {
margin-bottom: 20px;
max-height: 600px;
width: 100%;
height: 600px;
}
@media screen and (max-width: 1024px) {
.iwp__header-swiper {
height: 500px;
max-height: 500px;
}
}
@media screen and (max-width: 768px) {
.iwp__header-swiper {
height: 350px;
max-height: 350px;
}
}
.iwp__header-swiper .swiper {
width: 100%;
height: 600px;
}
@media screen and (max-width: 1024px) {
.iwp__header-swiper .swiper {
height: 500px;
}
}
@media screen and (max-width: 768px) {
.iwp__header-swiper .swiper {
height: 350px;
}
}
.iwp__header-swiper .swiper div img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
height: 600px;
text-align: center;
margin: auto;
width: 100%;
}
@media screen and (max-width: 1024px) {
.iwp__header-swiper .swiper div img {
height: 500px;
}
}
@media screen and (max-width: 768px) {
.iwp__header-swiper .swiper div img {
height: 350px;
}
}
.iwp__header-swiper .swiper-button-next,
.iwp__header-swiper .swiper-button-prev {
color: var(--couleur-principale);
}
.iwp__header-swiper .swiper-pagination-bullet-active {
background: var(--couleur-principale);
}
.iwp__header-swiper.swiper-contain .swiper div img {
-o-object-fit: contain;
object-fit: contain;
}
.iwp__header-gallery {
grid-gap: 10px;
display: grid;
grid-template-columns: 1fr 0.5fr 0.5fr;
position: relative;
width: 100%;
margin-bottom: 20px;
}
.iwp__header-gallery div.figure-item {
position: relative;
display: none;
}
.iwp__header-gallery div.figure-item img {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
}
.iwp__header-gallery div.figure-item:first-child {
grid-row: span 2;
}
.iwp__header-gallery div.figure-item:nth-child(1),
.iwp__header-gallery div.figure-item:nth-child(2),
.iwp__header-gallery div.figure-item:nth-child(3),
.iwp__header-gallery div.figure-item:nth-child(4),
.iwp__header-gallery div.figure-item:nth-child(5) {
display: block;
height: 100%;
overflow: hidden;
padding-bottom: 100%;
position: relative;
width: 100%;
}
.iwp__header-gallery div.figure-item:nth-child(5) .hover_grid {
height: 100%;
position: absolute;
width: 100%;
background: rgba(0, 0, 0, 0.4);
display: flex;
align-items: center;
justify-content: center;
font-size: 45px;
}
.iwp__header-gallery div.figure-item:nth-child(5) .hover_grid:focus {
color: inherit;
}
@media screen and (max-width: 768px) {
.iwp__header-gallery div.figure-item:nth-child(5) .hover_grid {
font-size: 35px;
}
}
@media screen and (max-width: 768px) {
.iwp__header-gallery div.figure-item:nth-child(5) .hover_grid {
font-size: 25px;
}
}
@media screen and (max-width: 768px) {
.iwp__header-meta {
margin: 20px 0;
}
}
.iwp__header-meta ul {
list-style-type: none;
margin: 0 0 8px;
padding: 0;
}
.iwp__header-meta ul li {
margin-right: 5px;
margin-top: 5px;
letter-spacing: 0.87px;
border-radius: 3px;
display: inline-block;
color: #fff;
background-color: #222;
padding: 2px 10px;
font-size: 13px;
line-height: 20px;
text-transform: uppercase;
text-align: center;
}
.iwp__header-meta ul li.iwp__heart {
background-color: #ff4136;
}
.iwp__header-meta ul li.iwp__type {
background-color: #0074d9;
}
.iwp__header-meta ul li.iwp__status {
background-color: #ff851b;
}
.iwp__header-title {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
align-items: flex-start;
}
@media screen and (max-width: 768px) {
.iwp__header-title {
flex-direction: column;
margin: 20px 0;
}
}
@media screen and (max-width: 768px) {
.iwp__header-title__address {
width: 100%;
}
}
.iwp__header-title__address h1 {
margin-bottom: 5px;
margin-top: 0px;
font-size: 25px;
margin-right: 10px;
color: #1a1a1a;
}
.iwp__header-title__address span {
display: flex;
align-items: center;
}
.iwp__header-title__address span svg {
width: 15px;
margin-right: 10px;
}
.iwp__header-title__price {
display: flex;
align-items: center;
justify-content: flex-end;
min-width: 25%;
}
.iwp__header-title__price span {
font-size: 25px;
color: #333;
}
.iwp__header-title__price span.iwp_price {
font-weight: 600;
}
.iwp__header-title__price span.iwp_postfix {
font-size: 15px;
}
@media screen and (max-width: 768px) {
.iwp__header-title__price {
margin-top: 20px;
align-items: flex-start;
justify-content: flex-start;
}
}
.iwp__content .iwp__row {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin: 0;
}
@media screen and (max-width: 1024px) {
.iwp__content .iwp__row {
gap: 0px;
flex-direction: column;
}
}
.iwp__content .iwp__row:before {
content: none;
}
.iwp__content .iwp__row .iwp__main {
width: calc(66.6666666667% - 10px);
}
@media screen and (max-width: 1024px) {
.iwp__content .iwp__row .iwp__main {
width: 100%;
}
}
.iwp__content .iwp__row .iwp__sidebar {
width: calc(33.3333333333% - 10px);
}
@media screen and (max-width: 1024px) {
.iwp__content .iwp__row .iwp__sidebar {
width: 100%;
}
}
.iwp__content .iwp__row .iwp__sidebar-agent {
border: 1px solid #eee;
margin-bottom: 20px;
border-radius: 5px;
padding: 25px 30px;
}
.iwp__content .iwp__row .iwp__sidebar-agent__image {
margin-bottom: 20px;
display: flex;
flex-direction: column;
align-items: center;
}
.iwp__content .iwp__row .iwp__sidebar-agent__image img {
width: auto;
height: 140px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.iwp__content .iwp__row .iwp__sidebar-agent__content {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 20px;
text-align: center;
}
.iwp__content .iwp__row .iwp__sidebar-agent__content h3 {
font-family: var(--immowp-font);
font-size: 18px;
color: #333;
font-weight: 500;
font-style: normal;
text-transform: none;
letter-spacing: 0em;
}
.iwp__content .iwp__row .iwp__sidebar-agent__content a {
color: #333;
outline: none;
}
.iwp__content .iwp__row .iwp__sidebar-agent__content a:hover {
color: var(--immowp-color1);
}
.iwp__content .iwp__row .iwp__sidebar-agent__form hr {
background-color: #eee;
margin-bottom: 20px;
}
.iwp__content .iwp__row .iwp__sidebar-agent__form form p {
width: 100%;
max-width: 400px;
margin: auto;
}
.iwp__content .iwp__row .iwp__sidebar-agent__form form input,
.iwp__content .iwp__row .iwp__sidebar-agent__form form textarea {
width: 100%;
}
.iwp__content .iwp__row .iwp__sidebar-agent__form form input[type='submit'] {
width: 100%;
margin-top: 20px;
background-color: var(--immowp-color1);
}
.iwp__content .iwp__row .iwp__sidebar-others {
border: 1px solid #eee;
margin-bottom: 10px;
border-radius: 5px;
padding: 25px 20px;
}
.iwp__content .iwp__row .iwp__sidebar-others h4 {
font-family: var(--immowp-font);
font-size: 18px;
color: #333;
font-weight: 500;
font-style: normal;
text-transform: none;
letter-spacing: 0em;
text-align: center;
margin-top: 0;
margin-bottom: 20px;
}
.iwp__content .iwp__row .iwp__sidebar-others .iwp__items {
display: flex;
flex-direction: column;
grid-gap: 0;
}
@media screen and (max-width: 1024px) {
.iwp__content .iwp__row .iwp__sidebar-others .iwp__items {
flex-wrap: wrap;
flex-direction: initial;
gap: 30px;
}
}
.iwp__content .iwp__row .iwp__sidebar-others .iwp__items .iwp__item {
width: 100%;
margin-bottom: 20px;
box-sizing: border-box;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1024px) {
.iwp__content .iwp__row .iwp__sidebar-others .iwp__items .iwp__item {
width: calc(50% - 15px);
}
}
@media screen and (max-width: 768px) {
.iwp__content .iwp__row .iwp__sidebar-others .iwp__items .iwp__item {
width: 100%;
max-width: 400px;
margin: auto;
}
}
.iwp__content .iwp__row .iwp__sidebar-others .iwp__items .iwp__item:last-child {
margin-bottom: 0;
}
.iwp__content .iwp__row.iwp__row-full .iwp__main {
width: 100%;
}
.iwp__content .iwp__row.iwp__row-full .iwp__main .iwp__header-gallery {
max-height: 600px;
}
.iwp__content
.iwp__row.iwp__row-full
.iwp__main
.iwp__header-gallery
.slick-slide {
max-height: 600px;
}
.iwp__content .iwp__row.iwp__row-full .iwp__sidebar {
width: 100%;
}
.iwp__content .iwp__row.iwp__row-full .iwp__sidebar .iwp__items {
flex-direction: initial;
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
.iwp__content .iwp__row.iwp__row-full .iwp__sidebar .iwp__items {
gap: 15px;
max-width: 440px;
margin: auto;
}
}
.iwp__content .iwp__row.iwp__row-full .iwp__sidebar .iwp__items .iwp__item {
width: calc(33.3333333333% - 30px);
margin: 15px;
box-sizing: border-box;
}
@media screen and (max-width: 768px) {
.iwp__content .iwp__row.iwp__row-full .iwp__sidebar .iwp__items .iwp__item {
margin: 0;
width: 100%;
}
}
.iwp__block {
border: 1px solid #eee;
margin-bottom: 20px;
border-radius: 5px;
}
.iwp__block.iwp__card .iwp__card-header {
padding: 0.75rem 1.25rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.iwp__block.iwp__card .iwp__card-header h2 {
font-size: 22px;
color: #333;
font-family: var(--immowp-font);
font-weight: 500;
font-style: normal;
text-transform: none;
letter-spacing: 0em;
margin: 0;
padding: 0;
}
.iwp__block.iwp__card .iwp__card-body {
padding: 25px 30px;
}
.iwp__block.iwp__card .iwp__card-body p:last-child {
margin-bottom: 0;
}
.iwp__block-overview .iwp__overview-list {
list-style-type: none;
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
.iwp__block-overview .iwp__overview-list li {
width: 33%;
margin-bottom: 20px;
padding: 0 5px;
box-sizing: border-box;
}
@media screen and (max-width: 768px) {
.iwp__block-overview .iwp__overview-list li {
width: 50%;
}
}
@media screen and (max-width: 450px) {
.iwp__block-overview .iwp__overview-list li {
width: 100%;
}
}
.iwp__block-overview .iwp__overview-list .iwp__overview-item {
display: flex;
height: 100%;
align-items: center;
}
.iwp__block-overview .iwp__overview-list .iwp__media-icon {
margin-right: 10px;
border-radius: 5px;
padding: 10px;
width: 40px;
height: 40px;
border: 1px solid #eee;
display: flex;
justify-content: center;
align-items: center;
}
.iwp__block-overview .iwp__overview-list .iwp__media-icon svg {
width: 30px;
fill: var(--immowp-color1);
}
.iwp__block-overview .iwp__overview-list .iwp__media-body {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.iwp__block-overview .iwp__overview-list .iwp__media-body strong {
font-weight: 600;
color: #333;
}
.iwp__block-overview .iwp__overview-list .iwp__media-body span {
line-height: 1;
}
.iwp__block-address #iwp__map {
height: 500px;
}
@media screen and (max-width: 768px) {
.iwp__block-address #iwp__map {
height: 300px;
}
}
.iwp__block-details .iwp__details-list {
list-style-type: none;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin: 0;
padding: 0 10px;
gap: 20px;
}
.iwp__block-details .iwp__details-list li {
width: calc(50% - 20px);
margin-bottom: 10px;
padding: 0;
}
@media screen and (max-width: 768px) {
.iwp__block-details .iwp__details-list li {
width: 100%;
}
}
.iwp__block-details .iwp__details-list li .iwp__details-item {
display: flex;
justify-content: space-between;
align-items: center;
line-height: 1;
}
.iwp__block-details .iwp__details-list li .iwp__details-item strong {
font-weight: 500;
color: #333;
display: inline-flex;
min-width: 120px;
margin-right: 10px;
}
.iwp__block-details .iwp__details-list li .iwp__details-item span {
line-height: 1;
text-align: right;
}
.iwp__block-features .iwp__block-features-list {
list-style-type: none;
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
.iwp__block-features .iwp__block-features-list li {
width: 33.3333333333%;
margin-bottom: 20px;
padding: 0 5px;
}
@media screen and (max-width: 768px) {
.iwp__block-features .iwp__block-features-list li {
width: 50%;
}
}
.iwp__block-features .iwp__block-features-list li .iwp__block-features-detail {
display: flex;
align-items: center;
}
.iwp__block-features .iwp__block-features-list li svg {
width: 15px;
margin-right: 20px;
fill: var(--immowp-color1);
}
.iwp__block-features .iwp__block-features-list li span {
line-height: 1;
}
.iwp__block-visite .iwp__card-body {
display: flex;
align-items: center;
justify-content: center;
}
.iwp__block-energie .iwp__card-body {
display: flex;
justify-content: space-around;
}
.iwp__block-energie .iwp__card-body h4 {
display: none;
}
@media screen and (max-width: 768px) {
.iwp__block-energie .iwp__card-body {
flex-direction: column;
}
.iwp__block-energie .iwp__card-body img {
max-width: 240px;
margin: auto;
}
.iwp__block-energie .iwp__card-body img + img {
margin-top: 15px;
}
}
.iwp__items {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
}
@media screen and (max-width: 1200px) {
.iwp__items {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 600px) {
.iwp__items {
grid-template-columns: repeat(1, 1fr);
grid-gap: 15px;
}
}
.iwp__items .iwp__item {
width: 100%;
overflow: hidden;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
position: relative;
}
.iwp__items .iwp__item a {
text-decoration: none;
}
.iwp__items .iwp__item .iwp__item-header {
position: relative;
height: 200px;
}
.iwp__items .iwp__item .iwp__item-header img {
height: 200px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.iwp__items .iwp__item .iwp__item-header .iwp__item-price {
position: absolute;
top: 10px;
right: 10px;
background-color: #fff;
border-radius: 5px;
padding: 0 5px;
}
.iwp__items .iwp__item .iwp__item-header .iwp__item-price span {
font-size: 14px;
line-height: 20px;
color: #333;
}
.iwp__items .iwp__item .iwp__item-header .iwp__item-price span.iwp_price {
font-weight: 600;
}
.iwp__items .iwp__item .iwp__item-header .iwp__item-price span.iwp_postfix {
font-size: 15px;
}
.iwp__items .iwp__item .iwp__item-header .iwp__item-meta {
position: absolute;
left: 10px;
top: 10px;
border-radius: 5px;
padding: 2px 10px;
z-index: 99;
}
.iwp__items .iwp__item .iwp__item-header .iwp__item-meta ul {
list-style-type: none;
margin: 0 0;
padding: 0;
}
.iwp__items .iwp__item .iwp__item-header .iwp__item-meta ul li {
border-radius: 5px;
display: inline-block;
color: #fff;
background-color: #222;
padding: 5px 10px;
font-size: 12px;
line-height: 1;
text-transform: uppercase;
text-align: center;
}
.iwp__items .iwp__item .iwp__item-header .iwp__item-meta ul li.iwp__heart {
background-color: #dd4c4c;
}
.iwp__items .iwp__item .iwp__item-header .iwp__item-meta ul li.iwp__type {
background-color: #0074d9;
}
.iwp__items .iwp__item .iwp__item-header .iwp__item-meta ul li.iwp__status {
background-color: #ff851b;
}
.iwp__items .iwp__item .iwp__item-content .iwp__item-text {
padding: 15px;
}
.iwp__items .iwp__item .iwp__item-content .iwp__item-text h5 {
font-size: 15px;
line-height: 1.4;
font-weight: bold;
margin-bottom: 5px;
}
.iwp__items .iwp__item .iwp__item-content .iwp__item-text h5 a {
color: #000;
text-decoration: none;
}
.iwp__items .iwp__item .iwp__item-content .iwp__item-text p {
display: flex;
margin-bottom: 5px;
}
.iwp__items .iwp__item .iwp__item-content .iwp__item-text p svg {
width: 12px;
margin-right: 5px;
height: 25px;
}
.iwp__items .iwp__item .iwp__item-content .iwp__item-text span {
display: flex;
align-content: center;
font-size: 14px;
}
.iwp__items .iwp__item .iwp__item-content .iwp__item-text span svg {
width: 12px;
margin-right: 5px;
max-height: 25px;
}
.iwp__items .iwp__item .iwp__item-content .iwp__item-text h3 {
margin-bottom: 5px;
margin-top: 0;
font-family: var(--immowp-font);
font-weight: 700;
font-size: 20px;
line-height: 1;
color: var(--immowp-color1);
}
.iwp__items .iwp__item .iwp__item-content .iwp__item-text .price {
margin-bottom: 0px;
margin-top: 0;
display: flex;
align-items: flex-end;
}
.iwp__items .iwp__item .iwp__item-content .iwp__item-text .price span {
font-family: var(--immowp-font);
font-weight: bold;
font-size: 22px;
color: var(--immowp-color1);
line-height: 1;
}
.iwp__items
.iwp__item
.iwp__item-content
.iwp__item-text
.price
span.iwp__postfix {
font-family: var(--immowp-font);
font-size: 14px;
color: var(--immowp-color1);
line-height: 1;
}
.iwp__items .iwp__item .iwp__item-content .iwp__item-text .description {
margin-top: 0;
margin-top: 10px;
font-family: var(--immowp-font);
font-weight: 300;
font-size: 14px;
color: var(--immowp-color1);
line-height: 1.2;
}
.iwp__items .iwp__item .iwp__item-content .iwp__item-text .localisation {
margin-bottom: 10px;
margin-top: 0;
font-family: var(--immowp-font);
font-weight: 400;
font-size: 14px;
color: var(--immowp-color1);
}
.iwp__items .iwp__item .iwp__item-content .iwp__item-overview {
background-color: var(--immowp-color2);
height: 40px;
display: flex;
justify-content: space-around;
align-items: center;
}
.iwp__items .iwp__item .iwp__item-content .iwp__item-overview div {
display: flex;
align-items: center;
}
.iwp__items .iwp__item .iwp__item-content .iwp__item-overview div span {
font-family: 'Rubik', sans-serif;
font-weight: 300;
font-size: 14px;
color: var(--immowp-color1);
}
.iwp__items .iwp__item .iwp__item-content .iwp__item-overview div svg {
width: 20px;
margin-right: 10px;
}
.iwp__items .iwp__item .iwp__item-content .iwp__item-overview ul {
list-style-type: none;
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
.iwp__items .iwp__item .iwp__item-content .iwp__item-overview ul li {
width: 33%;
display: flex;
align-items: center;
justify-content: center;
}
.iwp__items .iwp__item .iwp__item-content .iwp__item-overview ul li svg {
width: 20px;
margin-right: 10px;
}
.iwp__items .iwp__item .iwp__item-content .iwp__item-overview ul li span {
font-size: 12px;
line-height: 1;
}
.iwp__items.iwp__items-carousel {
display: block;
position: relative;
}
.iwp__items.iwp__items-carousel .swiper_carousel {
overflow: hidden;
padding: 10px 0;
}
.iwp__items.iwp__items-carousel .swiper_carousel .swiper-slide {
height: auto;
}
.iwp__items.iwp__items-carousel .swiper_carousel .swiper-slide .iwp__item {
height: 100%;
}
.iwp__items.iwp__items-carousel .swiper-button-prev {
background-image: url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M50,25c0,13.8-11.2,25-25,25S0,38.8,0,25S11.2,0,25,0S50,11.2,50,25z M23.9,33.3c-0.6,0.6-0.6,1.6,0,2.2c0.6,0.6,1.6,0.6,2.2,0l9.4-9.4c0.6-0.6,0.6-1.6,0-2.2c0,0,0,0,0,0l-9.4-9.4c-0.6-0.6-1.6-0.6-2.2,0s-0.6,1.6,0,2.2l6.7,6.7h-15c-0.9,0-1.6,0.7-1.6,1.6s0.7,1.6,1.6,1.6h15L23.9,33.3z'%3E%3C/path%3E/svg>%3C/svg%3E") !important;
background-repeat: no-repeat;
margin-top: 0px;
left: -40px;
height: 27px;
}
@media screen and (max-width: 768px) {
.iwp__items.iwp__items-carousel .swiper-button-prev {
left: 10px;
}
}
.iwp__items.iwp__items-carousel .swiper-button-next {
background-image: url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M50,25c0,13.8-11.2,25-25,25S0,38.8,0,25S11.2,0,25,0S50,11.2,50,25z M23.9,33.3c-0.6,0.6-0.6,1.6,0,2.2c0.6,0.6,1.6,0.6,2.2,0l9.4-9.4c0.6-0.6,0.6-1.6,0-2.2c0,0,0,0,0,0l-9.4-9.4c-0.6-0.6-1.6-0.6-2.2,0s-0.6,1.6,0,2.2l6.7,6.7h-15c-0.9,0-1.6,0.7-1.6,1.6s0.7,1.6,1.6,1.6h15L23.9,33.3z'%3E%3C/path%3E/svg>%3C/svg%3E") !important;
background-repeat: no-repeat;
margin-top: 0px;
right: -40px;
height: 27px;
}
@media screen and (max-width: 768px) {
.iwp__items.iwp__items-carousel .swiper-button-next {
right: 10px;
}
}
.iwp__property.iwp__columns .iwp__property-listing .iwp__items {
grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 1200px) {
.iwp__property.iwp__columns .iwp__property-listing .iwp__items {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 600px) {
.iwp__property.iwp__columns .iwp__property-listing .iwp__items {
grid-template-columns: repeat(1, 1fr);
grid-gap: 15px;
}
}
.iwp__searchbar-aside__line {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
gap: 0 20px;
}
.iwp__searchbar-aside__line .iwp__searchbar-aside__group {
display: none;
}
.iwp__searchbar-aside__line .iwp__searchbar-aside__group:nth-child(1),
.iwp__searchbar-aside__line .iwp__searchbar-aside__group:nth-child(2),
.iwp__searchbar-aside__line .iwp__searchbar-aside__group:nth-child(3) {
display: block;
}
.iwp__searchbar-aside__group {
width: calc(33.3333333333% - 20px);
}
@media screen and (max-width: 768px) {
.iwp__searchbar-aside__group {
width: 100%;
margin-bottom: 10px;
}
}
.iwp__searchbar-aside__group.aside-group-btn {
width: 60px;
display: flex;
justify-content: flex-end;
flex-direction: column;
}
@media screen and (max-width: 768px) {
.iwp__searchbar-aside__group.aside-group-btn {
width: 100%;
align-items: flex-end;
margin-bottom: 25px;
}
}
.iwp__searchbar-aside__group.aside-group-btn button {
width: 60px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
outline: none;
border-radius: 4px;
background-color: #1a1a1a;
color: #fff;
border: 0;
cursor: pointer;
font-size: 30px;
}
.iwp__searchbar-aside form {
display: flex;
align-items: flex-start;
}
@media screen and (max-width: 768px) {
.iwp__searchbar-aside form {
flex-direction: column;
}
}
.iwp__searchbar-aside form .iwp__searchbar-aside__group {
margin-bottom: 10px;
}
.iwp__searchbar-aside form .iwp__searchbar-aside__group label {
font-size: 13px;
line-height: 16px;
color: #373b40;
font-weight: bold;
display: block;
margin-bottom: 3px;
}
.iwp__searchbar-aside form .iwp__searchbar-aside__group > div {
display: flex;
align-items: center;
}
.iwp__searchbar-aside
form
.iwp__searchbar-aside__group
> div
.ss-main
.ss-multi-selected {
min-height: 40px;
}
.iwp__searchbar-aside
form
.iwp__searchbar-aside__group
> div
.ss-main
.ss-multi-selected
.ss-add {
margin: 14px 12px 0 5px;
}
.iwp__searchbar-aside form .iwp__searchbar-aside__group > div > input,
.iwp__searchbar-aside form .iwp__searchbar-aside__group > div > select,
.iwp__searchbar-aside form .iwp__searchbar-aside__group > div .col6 > input {
width: 100%;
max-width: 100%;
outline: none;
cursor: pointer;
height: 40px;
width: 100%;
padding: 0 0 0 5px;
border: 1px solid #dcdee2;
border-radius: 4px;
background-color: #fff;
}
.iwp__searchbar-aside
form
.iwp__searchbar-aside__group
> div
> input::-moz-placeholder,
.iwp__searchbar-aside
form
.iwp__searchbar-aside__group
> div
> select::-moz-placeholder,
.iwp__searchbar-aside
form
.iwp__searchbar-aside__group
> div
.col6
> input::-moz-placeholder {
font-size: 12px;
}
.iwp__searchbar-aside
form
.iwp__searchbar-aside__group
> div
> input::placeholder,
.iwp__searchbar-aside
form
.iwp__searchbar-aside__group
> div
> select::placeholder,
.iwp__searchbar-aside
form
.iwp__searchbar-aside__group
> div
.col6
> input::placeholder {
font-size: 12px;
}
.iwp__searchbar-aside form .iwp__searchbar-aside__group > div .col6 {
position: relative;
width: 100%;
}
.iwp__searchbar-aside form .iwp__searchbar-aside__group > div .col6 span.unit {
display: flex;
position: absolute;
top: 0;
right: 5px;
bottom: 0;
align-items: center;
line-height: 0;
color: #373b40;
font-size: 12px;
font-weight: bold;
}
.iwp__searchbar-aside form .iwp__searchbar-aside__group > div span.label {
margin: 0 10px;
font-size: 12px;
}
.iwp__searchbar-aside form .iwp__searchbar-aside__more {
width: 100%;
text-align: right;
margin-right: 20px;
}
@media screen and (max-width: 768px) {
.iwp__searchbar-aside form .iwp__searchbar-aside__more {
margin-right: 0px;
}
}
.iwp__searchbar-aside form .col12 {
text-align: center;
margin-top: 25px;
}
.iwp__searchbar-aside form .col12 input {
background-color: green;
border-radius: 4px;
text-decoration: none;
cursor: pointer;
font-size: 14px;
font-weight: 600;
padding: 10px 20px;
color: #fff;
border: 0;
}
.iwp__searchbar.show_all
.iwp__searchbar-aside
.iwp__searchbar-aside__line
.iwp__searchbar-aside__group {
display: block;
}
.ss-main .ss-multi-selected .ss-values .ss-value {
background-color: var(--immowp-color1);
}
.iwp__property-listing__header {
margin-top: 30px;
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
.iwp__property-listing__header {
margin-top: 0;
}
}
@media screen and (max-width: 500px) {
.iwp__property-listing__header {
flex-direction: column;
}
}
.iwp__property-listing__header .boxselect {
min-width: 100px;
}
.iwp__property-listing__header .ms-choice {
outline: none;
color: #1a1a1a;
background: rgba(0, 0, 0, 0);
border: 1px solid #1a1a1a;
}
.iwp__property-listing__header .header-left p {
font-family: var(--immowp-font);
margin: 0;
padding: 0;
}
.iwp__property-listing__results .iwp__property-pagination {
display: flex;
justify-content: flex-end;
margin-top: 50px;
justify-content: center;
}
.iwp__property-listing__results .iwp__property-pagination a,
.iwp__property-listing__results .iwp__property-pagination span,
.iwp__property-listing__results .iwp__property-pagination .next,
.iwp__property-listing__results .iwp__property-pagination .prev {
border-radius: 4px;
width: 40px;
height: 40px;
background: rgba(0, 0, 0, 0);
border: 0px solid var(--immowp-color1);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 400;
color: #000;
transition: all 0.3s ease-in-out;
margin-left: 8px;
text-decoration: none;
outline: none;
}
.iwp__property-listing__results .iwp__property-pagination span,
.iwp__property-listing__results .iwp__property-pagination a:hover,
.iwp__property-listing__results .iwp__property-pagination .prev:hover,
.iwp__property-listing__results .iwp__property-pagination .next:hover {
background: var(--immowp-color1);
color: #fff;
}
.iwp__searchform form {
width: 100%;
}
.iwp__searchform-top {
display: flex;
flex-flow: row wrap;
align-items: center;
border-radius: 0 5px 5px 5px;
margin: 0;
padding: 20px;
border: 1px solid #eee;
border-radius: 5px;
background-color: #fff;
}
.iwp__searchform-field {
width: 25%;
padding-left: 15px;
padding-right: 15px;
flex-grow: 1;
flex: 0 0 auto;
flex-grow: 0;
flex-basis: auto;
flex-flow: row wrap;
box-sizing: border-box;
}
@media screen and (max-width: 768px) {
.iwp__searchform-field {
width: 100%;
padding: 0;
}
}
.iwp__searchform-field > label {
font-weight: 500;
letter-spacing: 0.93px;
text-transform: uppercase;
font-family: 'Poppins';
font-size: 12px;
}
.iwp__searchform-field.iwp__searchform-field-50 {
width: 37.5%;
}
@media screen and (max-width: 768px) {
.iwp__searchform-field.iwp__searchform-field-50 {
width: 100%;
}
}
.iwp__searchform-field .ms-parent {
width: 100% !important;
height: 40px;
margin-bottom: 15px;
}
.iwp__searchform-field .ms-parent .ms-choice {
padding-right: 40px;
line-height: 40px;
height: 40px;
color: #1a1a1a;
cursor: pointer;
font-size: 14px;
background: rgba(0, 0, 0, 0);
border: 1px solid #1a1a1a;
outline: none;
}
.iwp__searchform-field .iwp__searchform-btn {
width: 100%;
border-radius: 5px;
outline: none;
background-color: #1a1a1a;
color: #fff;
height: 40px;
cursor: pointer;
padding: 0;
margin-bottom: 15px;
border: 0;
}
.iwp__searchform-field label {
font-weight: 500;
}
.iwp__searchform.iwp__searchform-tab .iwp__searchform-top {
border-radius: 0 5px 5px 5px;
}
.iwp__searchform .iwp__searchform-tabs {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
margin: 0;
}
.iwp__searchform .iwp__searchform-tabs li.nav-item {
border-radius: 3px 3px 0 0;
padding: 10px 20px;
background-color: #1a1a1a;
cursor: pointer;
}
.iwp__searchform .iwp__searchform-tabs li.nav-item span {
font-size: 13px;
font-weight: 500;
letter-spacing: 0.87px;
color: #fff;
text-transform: uppercase;
text-decoration: none;
outline: none;
}
.iwp__searchform .iwp__searchform-tabs li.nav-item.active {
background-color: #fff;
}
.iwp__searchform .iwp__searchform-tabs li.nav-item.active span {
color: #1a1a1a;
}
#iwp__map_st {
width: 100%;
height: 500px;
}
#iwp__map_st .leaflet-popup-content {
min-width: 200px;
}
#iwp__map_st .infowindow h5 {
margin: 0;
padding: 0;
margin-bottom: 5px;
}
#iwp__map_st .infowindow h5 a {
font-size: 15px;
line-height: 1.4;
font-weight: bold;
text-decoration: none;
color: #000;
}
#iwp__map_st .infowindow .presentation img {
width: 100%;
max-height: 109px;
-o-object-fit: cover;
object-fit: cover;
}
#iwp__map_st .infowindow ul {
display: flex;
list-style-type: none;
justify-content: space-between;
margin: 0;
padding: 5px;
align-items: center;
}
#iwp__map_st .infowindow ul li svg {
width: 15px;
margin-right: 10px;
}
#iwp__map_st .infowindow .link {
display: block;
}
#iwp__map_st .infowindow .link a {
font-size: 12px;
line-height: 1.4;
font-weight: bold;
margin-bottom: 5px;
}
.ms-parent .ms-drop {
padding-bottom: 0.25rem;
}
.ms-parent .ms-drop ul > li.hide-radio:hover {
background-color: #cfdae5;
}
.ms-parent .ms-drop li {
padding: 0.25rem 4px 0;
}
.ms-parent .ms-drop li input {
outline: none;
}
.ms-parent .ms-drop li span {
font-family: var(--immowp-font);
}
.ms-parent .ms-drop li label {
padding: 8px;
display: flex;
align-items: center;
white-space: break-spaces;
line-height: 1;
}
.ms-parent .ms-drop li input[type='checkbox'] {
position: initial;
margin-top: initial;
margin-right: 10px;
margin-left: initial;
}
.ms-parent .ms-drop li.selected label {
color: #333;
background-color: #eee;
}
.dpe *,
.ges * {
box-sizing: border-box;
line-height: 24px;
}
.dpe-ges-inline > div,
.dpeges-inline {
display: inline-block;
}
.dpe-ges-inline > div.dpe,
.dpe.dpeges-inline {
margin-right: 50px;
}
.dpe .dpe-title,
.ges .ges-title {
font-size: 19px;
text-align: left;
text-transform: uppercase;
font-weight: bold;
}
.dpe .diagnostic,
.ges .emission {
margin: 0;
}
.dpe figure.diagnostic,
.ges figure.emission {
position: relative;
display: block;
float: none;
width: 270px;
font-size: 12px;
}
.dpe .diagnostic-title,
.ges .emission-title {
font-family: Arial, sans-serif;
font-weight: 400;
line-height: 1.1;
color: inherit;
margin-top: 22px;
margin-bottom: 11px;
font-size: 19px;
color: #f26521;
text-transform: uppercase;
}
.dpe .hidden,
.ges .hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.dpe .diagnostic-container,
.ges .emission-container {
border-top: 0;
padding-top: 10px;
padding-bottom: 10px;
padding: 10px 10px;
}
.dpe abbr[title],
.dpe abbr[data-original-title],
.ges abbr[title],
.ges abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #777;
}
.dpe .diagnostic-legend span:first-child,
.ges .emission-legend span:first-child {
float: left;
}
.dpe .diagnostic-legend span:last-child,
.ges .emission-legend span:last-child {
float: right;
}
.dpe .diagnostic-diagram,
.ges .emission-diagram {
display: table-cell;
padding-right: 70px;
color: #000;
}
.dpe .diagnostic-line,
.ges .emission-line {
margin-bottom: 1px;
font-size: 11px;
}
.dpe .diagnostic-value,
.ges .emission-value {
width: 70px;
height: 24px;
padding: 0 0 0 5px;
display: inline-block;
vertical-align: top;
}
.dpe .diagnostic-letter,
.ges .emission-letter {
display: inline-block;
text-align: right;
position: relative;
vertical-align: top;
padding: 0;
height: 24px;
}
.dpe .diagnostic-letter:after,
.ges .emission-letter:after {
display: inline-block;
content: '';
top: 0;
left: 100%;
position: absolute;
border-left: 12px solid #fff;
border-top: 12px solid rgba(0, 0, 0, 0);
border-bottom: 12px solid rgba(0, 0, 0, 0);
}
.dpe .diagnostic-dpe .line-a .diagnostic-letter {
width: 1em;
background: #339a33;
}
.dpe .diagnostic-dpe .line-a .diagnostic-letter:after {
border-left-color: #339a33;
}
.dpe .diagnostic-dpe .line-b .diagnostic-letter {
width: 2em;
background: #32cb32;
}
.dpe .diagnostic-dpe .line-b .diagnostic-letter:after {
border-left-color: #32cb32;
}
.dpe .diagnostic-dpe .line-c .diagnostic-letter {
width: 3em;
background: #ccfe32;
}
.dpe .diagnostic-dpe .line-c .diagnostic-letter:after {
border-left-color: #ccfe32;
}
.dpe .diagnostic-dpe .line-d .diagnostic-letter {
width: 4em;
background: #fefd00;
}
.dpe .diagnostic-dpe .line-d .diagnostic-letter:after {
border-left-color: #fefd00;
}
.dpe .diagnostic-dpe .line-e .diagnostic-letter {
width: 5em;
background: #fecb00;
}
.dpe .diagnostic-dpe .line-e .diagnostic-letter:after {
border-left-color: #fecb00;
}
.dpe .diagnostic-dpe .line-f .diagnostic-letter {
width: 6em;
background: #fe9932;
}
.dpe .diagnostic-dpe .line-f .diagnostic-letter:after {
border-left-color: #fe9932;
}
.dpe .diagnostic-dpe .line-g .diagnostic-letter {
width: 7em;
background: red;
}
.dpe .diagnostic-dpe .line-g .diagnostic-letter:after {
border-left-color: red;
}
.dpe .diagnostic-dpe .line-a .diagnostic-value {
background: #339a33;
}
.dpe .diagnostic-dpe .line-b .diagnostic-value {
background: #32cb32;
}
.dpe .diagnostic-dpe .line-c .diagnostic-value {
background: #ccfe32;
}
.dpe .diagnostic-dpe .line-d .diagnostic-value {
background: #fefd00;
}
.dpe .diagnostic-dpe .line-e .diagnostic-value {
background: #fecb00;
}
.dpe .diagnostic-dpe .line-f .diagnostic-value {
background: #fe9932;
}
.dpe .diagnostic-dpe .line-g .diagnostic-value {
background: red;
}
.dpe .diagnostic-scale,
.ges .emission-scale {
display: table-cell;
position: relative;
height: 100%;
width: 30px;
padding-right: 20px;
}
.dpe .diagnostic-scale:after,
.ges .emission-scale:after {
background: #dcdcdc;
height: 100%;
display: inline-block;
content: '';
position: absolute;
z-index: 0;
width: 10px;
}
.dpe .diagnostic-number-container,
.ges .emission-number-container {
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
.dpe .diagnostic-number,
.ges .emission-number {
position: relative;
display: inline-block;
color: #000;
text-align: center;
font-size: 11px;
width: 45px;
height: 24px;
padding: 0;
}
.dpe .diagnostic-number:before,
.ges .emission-number:before {
content: '';
position: absolute;
background: #dcdcdc;
right: 100%;
top: 50%;
height: 2px;
margin-right: 16px;
}
.dpe .diagnostic-number:after,
.ges .emission-number:after {
display: inline-block;
content: '';
top: 0;
right: 100%;
position: absolute;
border-right: 12px solid #fff;
border-top: 12px solid rgba(0, 0, 0, 0);
border-bottom: 12px solid rgba(0, 0, 0, 0);
}
.dpe .diagnostic-dpe .numberA {
top: -2px;
}
.dpe .diagnostic-dpe .numberB {
top: 24px;
}
.dpe .diagnostic-dpe .numberC {
top: 49px;
}
.dpe .diagnostic-dpe .numberD {
top: 73px;
}
.dpe .diagnostic-dpe .numberE {
top: 100px;
}
.dpe .diagnostic-dpe .numberF {
top: 123px;
}
.dpe .diagnostic-dpe .numberG {
top: 150px;
}
.dpe .diagnostic-dpe .numberA .diagnostic-number {
background: #339a33;
}
.dpe .diagnostic-dpe .numberB .diagnostic-number {
background: #32cb32;
}
.dpe .diagnostic-dpe .numberC .diagnostic-number {
background: #ccfe32;
}
.dpe .diagnostic-dpe .numberD .diagnostic-number {
background: #fefd00;
}
.dpe .diagnostic-dpe .numberE .diagnostic-number {
background: #fecb00;
}
.dpe .diagnostic-dpe .numberF .diagnostic-number {
background: #fe9932;
}
.dpe .diagnostic-dpe .numberG .diagnostic-number {
background: red;
}
.dpe .diagnostic-dpe .numberA .diagnostic-number:before {
width: 8em;
}
.dpe .diagnostic-dpe .numberB .diagnostic-number:before {
width: 7em;
}
.dpe .diagnostic-dpe .numberC .diagnostic-number:before {
width: 6em;
}
.dpe .diagnostic-dpe .numberD .diagnostic-number:before {
width: 5em;
}
.dpe .diagnostic-dpe .numberE .diagnostic-number:before {
width: 4em;
}
.dpe .diagnostic-dpe .numberF .diagnostic-number:before {
width: 3em;
}
.dpe .diagnostic-dpe .numberG .diagnostic-number:before {
width: 2em;
}
.dpe .diagnostic-dpe .numberA .diagnostic-number:after {
border-right-color: #339a33;
}
.dpe .diagnostic-dpe .numberB .diagnostic-number:after {
border-right-color: #32cb32;
}
.dpe .diagnostic-dpe .numberC .diagnostic-number:after {
border-right-color: #ccfe32;
}
.dpe .diagnostic-dpe .numberD .diagnostic-number:after {
border-right-color: #fefd00;
}
.dpe .diagnostic-dpe .numberE .diagnostic-number:after {
border-right-color: #fecb00;
}
.dpe .diagnostic-dpe .numberF .diagnostic-number:after {
border-right-color: #fe9932;
}
.dpe .diagnostic-dpe .numberG .diagnostic-number:after {
border-right-color: red;
}
.ges .emission-ges .numberA {
top: -2px;
}
.ges .emission-ges .numberB {
top: 24px;
}
.ges .emission-ges .numberC {
top: 49px;
}
.ges .emission-ges .numberD {
top: 73px;
}
.ges .emission-ges .numberE {
top: 100px;
}
.ges .emission-ges .numberF {
top: 123px;
}
.ges .emission-ges .numberG {
top: 150px;
}
.ges .emission-ges .line-a .emission-value {
background: #f6ecfd;
}
.ges .emission-ges .line-b .emission-value {
background: #e1c2f9;
}
.ges .emission-ges .line-c .emission-value {
background: #d4a9f6;
}
.ges .emission-ges .line-d .emission-value {
background: #cc95f4;
}
.ges .emission-ges .line-e .emission-value {
background: #b971ee;
}
.ges .emission-ges .line-f .emission-value {
background: #a74dec;
}
.ges .emission-ges .line-g .emission-value {
background: #8918de;
}
.ges .emission-ges .line-a .emission-letter {
width: 1em;
background: #f6ecfd;
}
.ges .emission-ges .line-b .emission-letter {
width: 2em;
background: #e1c2f9;
}
.ges .emission-ges .line-c .emission-letter {
width: 3em;
background: #d4a9f6;
}
.ges .emission-ges .line-d .emission-letter {
width: 4em;
background: #cc95f4;
}
.ges .emission-ges .line-e .emission-letter {
width: 5em;
background: #b971ee;
}
.ges .emission-ges .line-f .emission-letter {
width: 6em;
background: #a74dec;
}
.ges .emission-ges .line-g .emission-letter {
width: 7em;
background: #8918de;
}
.ges .emission-ges .line-a .emission-letter:after {
border-left-color: #f6ecfd;
}
.ges .emission-ges .line-b .emission-letter:after {
border-left-color: #e1c2f9;
}
.ges .emission-ges .line-c .emission-letter:after {
border-left-color: #d4a9f6;
}
.ges .emission-ges .line-d .emission-letter:after {
border-left-color: #cc95f4;
}
.ges .emission-ges .line-e .emission-letter:after {
border-left-color: #b971ee;
}
.ges .emission-ges .line-f .emission-letter:after {
border-left-color: #a74dec;
}
.ges .emission-ges .line-g .emission-letter:after {
border-left-color: #8918de;
}
.ges .emission-ges .numberA {
top: 0;
}
.ges .emission-ges .numberA .emission-number {
background: #f6ecfd;
}
.ges .emission-ges .numberB .emission-number {
background: #e1c2f9;
}
.ges .emission-ges .numberC .emission-number {
background: #d4a9f6;
}
.ges .emission-ges .numberD .emission-number {
background: #cc95f4;
}
.ges .emission-ges .numberE .emission-number {
background: #b971ee;
}
.ges .emission-ges .numberF .emission-number {
background: #a74dec;
}
.ges .emission-ges .numberG .emission-number {
background: #8918de;
}
.ges .emission-ges .numberA .emission-number:before {
width: 8em;
}
.ges .emission-ges .numberB .emission-number:before {
width: 7em;
}
.ges .emission-ges .numberC .emission-number:before {
width: 6em;
}
.ges .emission-ges .numberD .emission-number:before {
width: 5em;
}
.ges .emission-ges .numberE .emission-number:before {
width: 4em;
}
.ges .emission-ges .numberF .emission-number:before {
width: 3em;
}
.ges .emission-ges .numberG .emission-number:before {
width: 2em;
}
.ges .emission-ges .numberA .emission-number:after {
border-right-color: #f6ecfd;
}
.ges .emission-ges .numberB .emission-number:after {
border-right-color: #e1c2f9;
}
.ges .emission-ges .numberC .emission-number:after {
border-right-color: #d4a9f6;
}
.ges .emission-ges .numberD .emission-number:after {
border-right-color: #cc95f4;
}
.ges .emission-ges .numberE .emission-number:after {
border-right-color: #b971ee;
}
.ges .emission-ges .numberF .emission-number:after {
border-right-color: #a74dec;
}
.ges .emission-ges .numberG .emission-number:after {
border-right-color: #8918de;
}
.dpe-blank,
.ges-blank {
display: none;
}
.dpe-blank-active .diagnostic-scale,
.ges-blank-active .emission-scale {
display: none;
}
.dpe-blank-active .dpe-blank,
.ges-blank-active .ges-blank {
display: flex;
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 1;
opacity: 0.9;
align-items: center;
justify-content: center;
flex-direction: column;
}
.dpe-blank-title,
.ges-blank-title {
font-size: 20px;
font-weight: bold;
text-align: center;
}
.dpe-blank-legend,
.ges-blank-legend {
font-size: 18px;
font-weight: bold;
text-align: center;
}
.energyDiagnosticContainer_inline *,
.energyDiagnosticContainer_inline *::before,
.energyDiagnosticContainer_inline *::after,
.energyDiagnosticContainer *,
.energyDiagnosticContainer *::before,
.energyDiagnosticContainer *::after {
font-family: 'Open Sans', sans-serif;
box-sizing: border-box;
}
.newdpe .dpe-title {
display: inline-block;
line-height: 1;
font-size: 17px;
}
.energyDiagnosticContainer_inline,
.energyDiagnosticContainer {
font-size: 20px;
line-height: 20px;
}
.energyDiagnosticContainer_inline {
display: flex;
flex-direction: row;
gap: 20px;
}
.energyDiagnosticContainer .newges {
margin-top: 25px;
}
.newdpe .diagnostic.diagnostic-dpe {
position: relative;
margin: 0 40px 0 0;
width: -moz-fit-content;
width: fit-content;
}
.newdpe .diagnostic-container {
display: flex;
flex-direction: row;
}
.newdpe .diagnostic-scale {
display: inline-flex;
flex-direction: row;
height: 50px;
border: 2px solid #000;
border-radius: 5px 0px 0px 5px;
padding: 5px;
}
.newdpe .diagnostic-number-container,
.newdpe .emission-number-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.newdpe .diagnostic-number-container {
padding: 0 5px;
border-right: 2px solid #000;
}
.newdpe .emission-number-container {
padding: 0 5px;
}
.newdpe .diagnostic-number,
.newdpe .emission-number {
font-size: 26px;
line-height: 28px;
font-weight: bold;
}
.newdpe .diagnostic-number-container abbr,
.newdpe .emission-number-container abbr {
font-size: 8px;
line-height: 8px;
font-weight: bold;
white-space: nowrap;
}
.newdpe .diagnostic-legend-top {
font-size: 12px;
color: #339a33;
}
.newdpe .diagnostic-legend-bottom {
font-size: 12px;
color: red;
}
.newdpe .diagnostic-scale.number {
visibility: hidden;
}
.newdpe .diagnostic-scale.numberA {
margin-top: 20px;
}
.newdpe .diagnostic-scale.numberB {
margin-top: 50px;
}
.newdpe .diagnostic-scale.numberC {
margin-top: 80px;
}
.newdpe .diagnostic-scale.numberD {
margin-top: 110px;
}
.newdpe .diagnostic-scale.numberE {
margin-top: 140px;
}
.newdpe .diagnostic-scale.numberF {
margin-top: 170px;
}
.newdpe .diagnostic-scale.numberG {
margin-top: 200px;
}
.newdpe .diagnostic-line {
position: relative;
height: 25px;
line-height: 25px;
margin-bottom: 5px;
}
.newdpe .diagnostic-letter {
position: relative;
height: inherit;
padding: 0 0 0 10px;
margin: 0 10px 0 0;
display: block;
font-size: 18px;
line-height: inherit;
font-weight: bold;
color: #fff;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
.newdpe .diagnostic-letter:after {
display: inline-block;
content: '';
top: 0;
left: 100%;
position: absolute;
border-left: 10px solid #fff;
border-top: 12.5px solid rgba(0, 0, 0, 0);
border-bottom: 12.5px solid rgba(0, 0, 0, 0);
}
.newdpe .diagnostic-letter.letter-a {
background: #339a33;
width: 40px;
}
.newdpe .diagnostic-letter.letter-b {
width: 55px;
background: #32cb32;
}
.newdpe .diagnostic-letter.letter-c {
width: 70px;
background: #ccfe32;
}
.newdpe .diagnostic-letter.letter-d {
width: 85px;
background: #fefd00;
}
.newdpe .diagnostic-letter.letter-e {
width: 100px;
background: #fecb00;
}
.newdpe .diagnostic-letter.letter-f {
width: 115px;
background: #fe9932;
}
.newdpe .diagnostic-letter.letter-g {
width: 130px;
background: red;
}
.newdpe .diagnostic-letter.letter-a:after {
border-left-color: #339a33;
}
.newdpe .diagnostic-letter.letter-b:after {
border-left-color: #32cb32;
}
.newdpe .diagnostic-letter.letter-c:after {
border-left-color: #ccfe32;
}
.newdpe .diagnostic-letter.letter-d:after {
border-left-color: #fefd00;
}
.newdpe .diagnostic-letter.letter-e:after {
border-left-color: #fecb00;
}
.newdpe .diagnostic-letter.letter-f:after {
border-left-color: #fe9932;
}
.newdpe .diagnostic-letter.letter-g:after {
border-left-color: red;
}
.newdpe .diagnostic-diagram.numberA .diagnostic-line.line-a,
.newdpe .diagnostic-diagram.numberB .diagnostic-line.line-b,
.newdpe .diagnostic-diagram.numberC .diagnostic-line.line-c,
.newdpe .diagnostic-diagram.numberD .diagnostic-line.line-d,
.newdpe .diagnostic-diagram.numberE .diagnostic-line.line-e,
.newdpe .diagnostic-diagram.numberF .diagnostic-line.line-f,
.newdpe .diagnostic-diagram.numberG .diagnostic-line.line-g {
height: 50px;
line-height: 46px;
}
.newdpe .diagnostic-diagram.numberA .diagnostic-letter.letter-a,
.newdpe .diagnostic-diagram.numberB .diagnostic-letter.letter-b,
.newdpe .diagnostic-diagram.numberC .diagnostic-letter.letter-c,
.newdpe .diagnostic-diagram.numberD .diagnostic-letter.letter-d,
.newdpe .diagnostic-diagram.numberE .diagnostic-letter.letter-e,
.newdpe .diagnostic-diagram.numberF .diagnostic-letter.letter-f,
.newdpe .diagnostic-diagram.numberG .diagnostic-letter.letter-g {
border-style: solid;
border-color: #000;
border-width: 2px 1px 2px 0;
font-size: 36px;
-webkit-text-stroke: 2px #000;
}
.newdpe .diagnostic-diagram.numberA .diagnostic-letter.letter-a:before,
.newdpe .diagnostic-diagram.numberB .diagnostic-letter.letter-b:before,
.newdpe .diagnostic-diagram.numberC .diagnostic-letter.letter-c:before,
.newdpe .diagnostic-diagram.numberD .diagnostic-letter.letter-d:before,
.newdpe .diagnostic-diagram.numberE .diagnostic-letter.letter-e:before,
.newdpe .diagnostic-diagram.numberF .diagnostic-letter.letter-f:before,
.newdpe .diagnostic-diagram.numberG .diagnostic-letter.letter-g:before {
display: inline-block;
content: '';
top: -2px;
left: 0px;
position: absolute;
border-left: 16px solid #000;
border-top: 25px solid rgba(0, 0, 0, 0);
border-bottom: 25px solid rgba(0, 0, 0, 0);
}
.newdpe .diagnostic-diagram.numberA .diagnostic-letter.letter-a:before {
left: 40px;
}
.newdpe .diagnostic-diagram.numberB .diagnostic-letter.letter-b:before {
left: 55px;
}
.newdpe .diagnostic-diagram.numberC .diagnostic-letter.letter-c:before {
left: 70px;
}
.newdpe .diagnostic-diagram.numberD .diagnostic-letter.letter-d:before {
left: 85px;
}
.newdpe .diagnostic-diagram.numberE .diagnostic-letter.letter-e:before {
left: 100px;
}
.newdpe .diagnostic-diagram.numberF .diagnostic-letter.letter-f:before {
left: 115px;
}
.newdpe .diagnostic-diagram.numberG .diagnostic-letter.letter-g:before {
left: 130px;
}
.newdpe .diagnostic-diagram.numberA .diagnostic-letter.letter-a:after,
.newdpe .diagnostic-diagram.numberB .diagnostic-letter.letter-b:after,
.newdpe .diagnostic-diagram.numberC .diagnostic-letter.letter-c:after,
.newdpe .diagnostic-diagram.numberD .diagnostic-letter.letter-d:after,
.newdpe .diagnostic-diagram.numberE .diagnostic-letter.letter-e:after,
.newdpe .diagnostic-diagram.numberF .diagnostic-letter.letter-f:after,
.newdpe .diagnostic-diagram.numberG .diagnostic-letter.letter-g:after {
border-left-width: 14px;
border-top-width: 23px;
border-bottom-width: 23px;
}
.newges {
border: 3px solid #a3dbfc;
border-radius: 12px;
padding: 10px 15px;
display: flex;
flex-direction: column;
justify-content: space-around;
width: -moz-fit-content;
width: fit-content;
}
.newges .ges-title {
display: inline-block;
line-height: 1;
font-size: 12px;
font-weight: bold;
}
.newges .emission-ges {
position: relative;
margin: 0;
}
.newges .emission-container {
display: flex;
flex-direction: row;
-moz-column-gap: 20px;
column-gap: 20px;
}
.newges .emission-scale {
display: inline-flex;
flex-direction: row;
height: 50px;
}
.newges .emission-number-container {
font-size: 18px;
}
.newges .emission-number-container abbr {
font-size: 8px;
line-height: 8px;
width: -moz-max-content;
width: max-content;
display: block;
font-weight: bold;
}
.newges .emission-legend-top {
font-size: 12px;
color: #a3dbfc;
}
.newges .emission-legend-bottom {
font-size: 12px;
color: #291b35;
}
.newges .emission-line {
position: relative;
height: 20px;
line-height: 20px;
margin-bottom: 5px;
}
.newges .emission-scale.numberA {
margin-top: 20px;
}
.newges .emission-scale.numberB {
margin-top: 45px;
}
.newges .emission-scale.numberC {
margin-top: 65px;
}
.newges .emission-scale.numberD {
margin-top: 90px;
}
.newges .emission-scale.numberE {
margin-top: 115px;
}
.newges .emission-scale.numberF {
margin-top: 140px;
}
.newges .emission-scale.numberG {
margin-top: 165px;
}
.newges .emission-letter {
position: relative;
height: inherit;
padding: 0 0 0 10px;
margin-right: 10px;
display: block;
font-size: 15px;
line-height: inherit;
font-weight: bold;
color: #fff;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
}
.newges .emission-letter:before {
content: '';
display: block;
height: 2px;
background-color: #000;
position: absolute;
top: 50%;
left: calc(100% + 5px);
transform: translateY(-50%);
}
.newges .emission-diagram.numberA .emission-letter.letter-a:before {
width: 110px;
}
.newges .emission-diagram.numberB .emission-letter.letter-b:before {
width: 95px;
}
.newges .emission-diagram.numberC .emission-letter.letter-c:before {
width: 80px;
}
.newges .emission-diagram.numberD .emission-letter.letter-d:before {
width: 65px;
}
.newges .emission-diagram.numberE .emission-letter.letter-e:before {
width: 50px;
}
.newges .emission-diagram.numberF .emission-letter.letter-f:before {
width: 35px;
}
.newges .emission-diagram.numberG .emission-letter.letter-g:before {
width: 20px;
}
.newges .emission-letter.letter-a {
background: #a3dbfc;
width: 50px;
}
.newges .emission-letter.letter-b {
width: 65px;
background: #8ab5d2;
}
.newges .emission-letter.letter-c {
width: 80px;
background: #7692b1;
}
.newges .emission-letter.letter-d {
width: 95px;
background: #5e708d;
}
.newges .emission-letter.letter-e {
width: 110px;
background: #4d5272;
}
.newges .emission-letter.letter-f {
width: 125px;
background: #393550;
}
.newges .emission-letter.letter-g {
width: 140px;
background: #291b35;
}
.newges .emission-letter.letter-a:after {
background-color: #a3dbfc;
}
.newges .emission-letter.letter-b:after {
background-color: #8ab5d2;
}
.newges .emission-letter.letter-c:after {
background-color: #7692b1;
}
.newges .emission-letter.letter-d:after {
background-color: #5e708d;
}
.newges .emission-letter.letter-e:after {
background-color: #4d5272;
}
.newges .emission-letter.letter-f:after {
background-color: #393550;
}
.newges .emission-letter.letter-g:after {
background-color: #291b35;
}
.newges .emission-diagram.numberA .emission-line.line-a,
.newges .emission-diagram.numberB .emission-line.line-b,
.newges .emission-diagram.numberC .emission-line.line-c,
.newges .emission-diagram.numberD .emission-line.line-d,
.newges .emission-diagram.numberE .emission-line.line-e,
.newges .emission-diagram.numberF .emission-line.line-f,
.newges .emission-diagram.numberG .emission-line.line-g {
height: 40px;
line-height: 36px;
}
.newges .emission-diagram.numberA .emission-letter.letter-a,
.newges .emission-diagram.numberB .emission-letter.letter-b,
.newges .emission-diagram.numberC .emission-letter.letter-c,
.newges .emission-diagram.numberD .emission-letter.letter-d,
.newges .emission-diagram.numberE .emission-letter.letter-e,
.newges .emission-diagram.numberF .emission-letter.letter-f,
.newges .emission-diagram.numberG .emission-letter.letter-g {
font-size: 33px;
line-height: 38px;
border-style: solid;
border-color: #000;
border-width: 2px 2px 2px 2px;
-webkit-text-stroke: 1.5px #000;
}
@media screen and (max-width: 767px) {
.energyDiagnosticContainer_inline {
flex-direction: column;
}
.energyDiagnosticContainer_inline .newges {
margin-top: 25px;
}
}
.diagnostic-footer {
margin-top: 50px;
}
.diagnostic-footer h4 {
font-size: 16px;
color: #2b2b2b;
font-weight: 600;
margin-bottom: 16px;
}
.diagnostic-footer .priceTag {
background-color: #f4f4ff;
color: #2b2b2b;
border-radius: 8px;
padding: 8px 16px;
margin-bottom: 16px;
width: -moz-fit-content;
width: fit-content;
font-weight: 700;
font-size: 18px;
line-height: 24px;
}
.diagnostic-georisques {
margin-top: 50px;
}
.diagnostic-georisques h4 {
font-size: 16px;
color: #2b2b2b;
font-weight: 600;
margin-bottom: 16px;
}
.form-table-details td,
.form-table-details tr {
padding: 0 !important;
}
@media screen and (max-width: 768px) {
.newges .emission-container,
.newdpe .diagnostic-container {
flex-wrap: wrap;
}
.newdpe .diagnostic-scale {
border-radius: 5px;
}
.newges .emission-scale {
border-radius: 5px;
border: 2px solid #000;
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.newges .emission-letter::before {
content: none;
}
}.uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media (max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media (max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}
.uagb-buttons__outer-wrap .uagb-buttons__wrap{display:inline-flex;width:100%}.uagb-buttons__outer-wrap.uagb-btn__small-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn__small-btn .uagb-buttons-repeater.ast-outline-button{padding:5px 10px}.uagb-buttons__outer-wrap.uagb-btn__medium-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn__medium-btn .uagb-buttons-repeater.ast-outline-button{padding:12px 24px}.uagb-buttons__outer-wrap.uagb-btn__large-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn__large-btn .uagb-buttons-repeater.ast-outline-button{padding:20px 30px}.uagb-buttons__outer-wrap.uagb-btn__extralarge-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn__extralarge-btn .uagb-buttons-repeater.ast-outline-button{padding:30px 65px}@media (max-width: 976px){.uagb-buttons__outer-wrap.uagb-btn-tablet__small-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-tablet__small-btn .uagb-buttons-repeater.ast-outline-button{padding:5px 10px}.uagb-buttons__outer-wrap.uagb-btn-tablet__medium-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-tablet__medium-btn .uagb-buttons-repeater.ast-outline-button{padding:12px 24px}.uagb-buttons__outer-wrap.uagb-btn-tablet__large-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-tablet__large-btn .uagb-buttons-repeater.ast-outline-button{padding:20px 30px}.uagb-buttons__outer-wrap.uagb-btn-tablet__extralarge-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-tablet__extralarge-btn .uagb-buttons-repeater.ast-outline-button{padding:30px 65px}}@media (max-width: 767px){.uagb-buttons__outer-wrap.uagb-btn-mobile__small-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-mobile__small-btn .uagb-buttons-repeater.ast-outline-button{padding:5px 10px}.uagb-buttons__outer-wrap.uagb-btn-mobile__medium-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-mobile__medium-btn .uagb-buttons-repeater.ast-outline-button{padding:12px 24px}.uagb-buttons__outer-wrap.uagb-btn-mobile__large-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-mobile__large-btn .uagb-buttons-repeater.ast-outline-button{padding:20px 30px}.uagb-buttons__outer-wrap.uagb-btn-mobile__extralarge-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-mobile__extralarge-btn .uagb-buttons-repeater.ast-outline-button{padding:30px 65px}}
.uagb-buttons__outer-wrap .uagb-buttons-repeater{display:flex;justify-content:center;align-items:center;transition:box-shadow 0.2s ease}.uagb-buttons__outer-wrap .uagb-buttons-repeater a.uagb-button__link{display:flex;justify-content:center}.uagb-buttons__outer-wrap .uagb-buttons-repeater .uagb-button__icon{font-size:inherit;display:flex;align-items:center}.uagb-buttons__outer-wrap .uagb-buttons-repeater .uagb-button__icon svg{fill:currentColor;width:inherit;height:inherit}
.uagb-block-55e33106.wp-block-uagb-buttons.uagb-buttons__outer-wrap .uagb-buttons__wrap {gap: 10px;}.uagb-block-55e33106.uagb-buttons__outer-wrap .uagb-buttons__wrap {justify-content: center;align-items: center;}.wp-block-uagb-buttons .uagb-block-555c8db0 .uagb-button__wrapper  .uagb-buttons-repeater.wp-block-button__link{box-shadow: 0px 0px 0 #00000026;}.wp-block-uagb-buttons .uagb-block-555c8db0 .uagb-buttons-repeater .uagb-button__icon > svg{width: 15px;height: 15px;}.wp-block-uagb-buttons .uagb-block-555c8db0 .uagb-buttons-repeater .uagb-button__icon-position-after{margin-left: 8px;}.wp-block-uagb-buttons .uagb-block-555c8db0 .uagb-buttons-repeater .uagb-button__icon-position-before{margin-right: 8px;}@media only screen and (max-width: 976px) {.uagb-block-55e33106.uagb-buttons__outer-wrap .uagb-buttons__wrap {justify-content: center;align-items: center;}.uagb-block-55e33106.uagb-buttons__outer-wrap .uagb-buttons__wrap .wp-block-button{width: auto;}}@media only screen and (max-width: 767px) {.uagb-block-55e33106.uagb-buttons__outer-wrap .uagb-buttons__wrap {justify-content: center;align-items: center;}.uagb-block-55e33106.uagb-buttons__outer-wrap .uagb-buttons__wrap .wp-block-button{width: auto;}}