:root {
  --title-color: #666;
  --text-color: #525252;
  --border-color: #b2b7bb;
}
html.mtlgc:root {
  --rep-main-color: #fbcf00;
}
html.mrr:root {
  --rep-main-color: #05c6e9;
}
html.ttc:root {
  --rep-main-color: #006eb5;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  color: var(--text-color);
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-font-smooth: subpixel-antialiased;
  font-smooth: subpixel-antialiased;
  font-display: auto;
  -moz-osx-font-smoothing: auto;
}
h1,
h2,
h3,
h4,
h5,
h6{
  font-family: "Roboto", sans-serif;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
  -webkit-font-smoothing: subpixel-antialiased !important;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  font-family: "Open sans", "Arial";
  font-size: 16px;
  padding: 0;
  margin: 0;
}
@media(max-width:510px){
  body {
    overflow-x: hidden;
    padding: 0px 1px;
  }
}
ul li {
  list-style: none;
}

ul {
  padding: 0;
}

a {
  text-decoration: none !important;
}
strong {
  font-weight: 700;
}

.form-container *::-webkit-input-placeholder {
  color: var(--title-color);
  font-weight: normal;
}

.form-container *:-moz-placeholder {
  /* FF 4-18 */
  color: var(--title-color);
  font-weight: normal;
}

.form-container *::-moz-placeholder {
  /* FF 19+ */
  color: var(--title-color);
  font-weight: normal;
}

.form-container *:-ms-input-placeholder {
  /* IE 10+ */
  color: var(--title-color);
  font-weight: normal;
}
input.pub-link-val {
  display: none;
}

svg.icon {
  width: 100%;
  height: 100%;
}
.icon-twitter .x-twitter{
  fill: #fff;
}
.icon-twitter:hover .x-twitter{
  fill: #188cd8;
}

.bold {
  font-weight: 600;
}

.extra-bold {
  font-weight: 700;
}

.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}

.low-visibility {
  opacity: 0.2;
}

img.lazy {
  opacity: 0.5;
  transition: opacity 0.3s ease-in;
}

img.unveil-loaded {
  opacity: 1 !important;
}

.mtlgc-hidden {
  display: none;
}

.mtlgc-mobile-display {
  display: block !important;
}

div.mtlgc-calculhypo-thumb {
  z-index: 100 !important;
  position: fixed;
  background-image: url("../images/hypotheque.png");
  background-size: 40px 40px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: white;
  width: 50px;
  height: 55px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  margin: auto;
  left: 0;
  top: 0;
  bottom: 0;
  transition: all 300ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

nav#right-sleight {
  overflow: hidden;
  display: block;
  z-index: 99 !important;
  position: fixed;
  width: 40px;
  height: 147px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  margin: auto;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
}

nav#right-sleight #go-top,
nav#right-sleight #go-prev,
nav#right-sleight #go-next {
  position: relative;
  clear: left;
  float: left;
  width: 30px;
  padding: 5px;
  height: 40px;
}

nav#right-sleight #go-prev.no-link,
nav#right-sleight #go-next.no-link {
  opacity: 0.3;
}

nav#right-sleight #go-prev {
  transform: rotate(-90deg);
}

nav#right-sleight svg {
  fill: #9c9c9c;
  position: absolute;
  width: 30px;
  height: 40px;
  left: 5px;
  top: 5px;
  transition: all 300ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

nav#right-sleight div:hover svg {
  transform: translateY(-5px);
}

nav#right-sleight #go-next {
  transform: rotate(90deg);
}

nav#right-sleight.only-top {
  display: block;
  height: 50px;
}

div#go-top.active {
  width: 50px;
}

nav#right-sleight div:hover {
  cursor: pointer;
}

div.listing-comments-button {
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  padding: 7px 7px 17px 7px;
  color: var(--text-color);
  font-size: 16px;
  margin: 10px 0 0 0;
  transition: opacity 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
  border-bottom: 1px solid rgb(178, 183, 187);
}

div.listing-comments-button:hover {
  cursor: pointer;
  opacity: 0.6;
}

div.mtlgc-calculhypo-thumb:hover {
  cursor: pointer;
  width: 60px;
}

section.mtlgc-calculhypo.mtlgc-calculhypo-transition {
  width: 340px;
}

section.mtlgc-calculhypo {
  z-index: 100 !important;
  width: 0px;
  overflow: hidden;
  white-space: nowrap;
  transition: width 0.4s ease-out;
  height: 466px;
  position: fixed;
  z-index: 40;
  margin: auto;
  left: 0;
  top: 0;
  bottom: 0;
  background: white;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

section.mtlgc-calculhypo > * {
  width: 100%;
  float: left;
  clear: left;
}

section.mtlgc-calculhypo div.mtlgc-header {
  background-image: url("/resources/images/deletehypo.png");
  background-repeat: no-repeat;
  background-position: 310px 16px;
  height: 50px;
  text-align: left;
}

section.mtlgc-calculhypo div.mtlgc-header:hover {
  cursor: pointer;
}

section.mtlgc-calculhypo div.mtlgc-header span {
  color: black;
  line-height: 50px;
  font-size: 16px;
  margin-left: 4px;
}

section.mtlgc-calculhypo div.mtlgc-row {
  box-sizing: border-box;
  padding: 5px;
  border-bottom: 1px #bfc2c3 solid;
  position: relative;
  height: 52px;
}

section.mtlgc-calculhypo div.mtlgc-row span.desc {
  float: left;
  height: 40px;
  position: absolute;
  left: 5px;
  top: 8px;
  font-size: 14px;
}

section.mtlgc-calculhypo div.mtlgc-row .text {
  width: 117px !important;
  height: 30px !important;
  bottom: 6px;
  text-align: right;
  border: none !important;
  position: absolute;
  background-color: #ddd !important;
  right: 5px;
  font-size: 14px !important;
}

section.mtlgc-calculhypo div.mtlgc-row .mtlgc-frequency {
  top: 16px;
  padding-top: 0px;
  font-size: 10px;
}

section.mtlgc-calculhypo div.mtlgc-row .mtlgc-total,
section.mtlgc-calculhypo div.mtlgc-row .mtlgc-lend {
  background-color: white !important;
  margin-right: 16px;
}

section.mtlgc-calculhypo div.mtlgc-row .button {
  float: right;
  margin-top: 14px;
  margin-bottom: 10px;
  padding: 2px 32px 2px 35px;
}

section.mtlgc-calculhypo div.mtlgc-row .button:hover {
  cursor: pointer;
}

section.mtlgc-calculhypo div.mtlgc-row .button span {
  color: black;
}

ul.breadcrumb {
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
  height: 20px;
  font-size: 12px;
  margin: 10px 0px 10px 0px;
}
ul.breadcrumb:has(> li:only-child) {
  display: none;
}
ul.breadcrumb li:only-child{
  display: none;
}
div.listing-top ul.breadcrumb {
  margin-left: 0;
  margin-top: 8px;
  margin-bottom: 8px;
  display: flex;
}

ul.breadcrumb li {
  display: flex;
  float: left;
  padding: 4px;
}

ul.breadcrumb li a {
  transition: background-color 0.5s ease;
  transition: color 0.5s ease;
}
/* ul.breadcrumb li:hover a span {
  text-decoration: underline;
} */
ul.breadcrumb li a::after{
  content: '';
  width: 0px;
  height: 1px;
  display: block;
  background: var(--text-color);
  transition: 300ms;
}
ul.breadcrumb li:hover a::after {
 width: 100%;
}
ul.breadcrumb li a.bold {
  font-weight: 600;
}

ul.breadcrumb li > span {
  margin-left: 5px;
  margin-right: 5px;
  opacity: 0.4;
  transform: rotate(12deg);
}

ul.breadcrumb a {
  color: rgb(82, 82, 82);
}

ul.breadcrumb li:nth-child(1) {
  margin-left: 0;
}

html.mrr .home h1 {
  font-size: 16px;
  line-height: 19px;
}

.home h1 {
  font-size: 16px;
  color: var(--text-color);
  padding-left: 10px;
  margin: 10px 1% 10px 0;
  text-align: center;
}

#mobile-header {
  width: 100%;
  height: 70px;
  margin: 7px 0;
  position: relative;
  z-index: 50;
  float: left;
}

#search-bar-container {
  display: none;
  width: 120px;
  height: 50px;
  position: relative;
  overflow: hidden;
}

#search-bar {
  border-radius: 15px;
  font-size: 16pt;
  margin-top: 3px;
  height: 30px;
  margin-bottom: 3px;
  padding-left: 5px;
  margin-left: 100px;
  width: 100px;
}

#mobile-header .button-language {
  width: 95px;
  height: 50px;
  text-align: center;
}
html.ttc #mobile-header .button-language{
  display: none;
}
#mobile-header .button-language a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 50px;
  color: var(--title-color);
}

#button-search {
  width: 60px;
  height: 50px;
  text-align: center;
}

#button-search svg {
  width: 30px;
  height: 30px;
  margin-top: 10px;
}

html.mrr #header-logo {
  background-size: 110px 50px;
  width: 110px;
}

html.ttc #header-logo {
  background-image: url(/branding/images/logomobile-torontoallcondos.svg);
  background-size: 162px 62px;
  width: 123px;
}
html.mtlgc #header-logo {
  background-image: url(/branding/images/guide-immo-logo-rectangle.svg);
}
html.mrr #header-logo {
  background-image: url(/branding/images/ma-residence-retraite-logo-mobile.svg);
}
#header-logo {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  width: 100px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100px 60px;
}
.left {
  float: left;
}

#desktop-header .center {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.right {
  float: right;
}

.button-clickable:active {
  background-color: #8f7e82;
}

#slides ul.slides {
/*   max-height: 320px; */
  overflow: hidden;
}

#slides-number {
  font-size: 10px;
}

#mobile-billboard {
  overflow: hidden;
  max-width: 1080px;
  margin: 0 auto;
  width: 100%;
  padding: 30px 0px;
}

#mobile-billboard img {
  width: 100%;
  height: auto;
}

#footer {
  overflow: auto;
  width: 100%;
  padding: 20px 10px 10px 10px;
  background-color: #231f20;
  box-sizing: border-box;
  text-transform: uppercase;
  font-size: 14px;
  float: left;
  clear: left;
  margin-top: 20px;
}

#footer .element:first-child {
  margin-top: 0;
}

#footer .element {
  width: 100%;
  padding: 0 5px 0 5px;
  margin-top: 15px;
  float: left;
  clear: left;
}

#footer .element li {
  float: left;
  clear: left;
  width: 100%;
}

#footer .element li a {
  color: white;
  font-weight: 300;
  width: 100%;
  display: block;
  padding: 8px 0 8px 5px;
  margin-top: 3px;
}

#footer .element li.extra a {
  padding: 5px 0 13px 5px;
}

#footer .element li.extra-2 a {
  margin-top: 26px;
}

html.ttc #footer .element li a:hover {
  color: var(--rep-main-color);
}

html.mrr #footer .element li a:hover {
  color: #05b8d1;
}

#footer .element li a:hover {
  color: var(--rep-main-color);
}

#footer .mobile-footer-right a {
  width: 14.28%;
  float: left;
  height: 50px;
}

#footer .mobile-footer-right div {
  width: 100%;
  float: left;
  height: 50px;
}

#footer .space {
  width: 2%;
}

#footer .mobile-footer-right {
  display: flex;
  justify-content: space-around;
  align-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 20px;
  clear: left;
  float: left;
  width: 100%;
  padding-top: 10px;
  border-top: 1px solid white;
}

div.mobile-footer-right svg.icon {
  display: block;
  width: 25px;
  height: 25px;
  margin: 12px auto 0 auto;
}

#footer .external-links {
  width: 100%;
  float: left;
  clear: left;
  margin-top: 25px;
  display: block;
}

#footer .external-links svg {
  width: 140px;
  height: 64px;
  display: block;
  margin: auto;
}

#footer .external-links a {
  flex-grow: 1;
  padding-right: 15px;
  box-sizing: border-box;
}

#footer .external-links .logo-mrr {
  transform: scale(1.25)translateY(4px);
  padding-left: 25px;
}

/* #footer .external-links .logo-mtlgc {
  transform: scale(1.08);
} */

#footer .external-links a .scp-coq {
  fill: #fff;
}

#footer .external-links a .ttc-coq {
  fill: #fff;
}

#footer .external-links a .mrr-coq {
  fill: #fff;
}

#footer .external-links a .mtlgc-coq {
  fill: #fff;
}

html.mtlgc #footer .external-links .mtlgc-coq {
  fill: #fec325;
}

html.mtlgc #footer .external-links:hover .mtlgc-coq {
  fill: #fff;
}

html.mrr #footer .external-links .mrr-coq {
  fill: #00b6dd;
}

html.mrr #footer .external-links:hover .mrr-coq {
  fill: #fff;
}

html.ttc #footer .external-links .ttc-coq {
  fill: var(--rep-main-color);
}

html.ttc #footer .external-links:hover .ttc-coq {
  fill: #fff;
}

html.scp #footer .external-link .scp-coq {
  fill: #45b4e2;
}

#footer .external-links a:hover .mtlgc-coq {
  fill: #fec325 !important;
}

#footer .external-links a:hover .mrr-coq {
  fill: #00b6dd !important;
}

#footer .external-links a:hover .ttc-coq {
  fill: #006eb5 !important;
}

#footer .external-links a:hover .scp-coq {
  fill: #45b4e2 !important;
}

#footer .external-links a:first-child {
  left: 0;
}

#footer .external-links a:nth-child(2) {
  left: 33.3333%;
}

#footer .external-links a:nth-child(3) {
  left: 66.6666%;
}

#footer .external-links a img.other {
  margin-top: 8px;
  width: 80%;
}

#footer .external-links .repertoire-coq {
  display: none;
}

@media only screen and (max-width: 960px) {
  #footer .external-links{
    width: unset;
  }
}

.mainbar {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
}
.keepInPage {
  overflow: visible;
  width: 100%;
}

.sidebar {
  display: none;
  width: 100%;
  padding: 0 5px 0 5px;
  box-sizing: border-box;
}

.listing-detail-id {
  display: none;
}

div.mobile-adsense {
  float: left;
  clear: left;
}
.listing-title-container-right {
  float: right;
  width: 32%;
}
@media (max-width: 780px) {
  .listing-title-container-right {
    float: right;
    width: 60%;
  }
}
/* STAR RATING */
div.listing-rate-container{
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 210px;
  padding: 0px 4px;
  margin-left: 5px;
}
.listing-rate-container.developer-rate-container{
  margin-left: 0px;
  padding-left: 0px;
  align-items: flex-start;
  width: 100%;
}
@media (max-width: 683px){
  .section-part-fixe{
    flex-wrap: wrap !important;
  }
  .section-part-fixe .section-part-fixe-title{
    flex-basis: 90%;
  }
  div.listing-rate-container{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-top: 20px;
    margin-right: 14px;
    order: 3;
  }
  .section-part-fixe .section-part-fixe-icon{
    order: 2 !important;
  }
}
div.listing-rate-container .listing-star-container{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2px;
}
div.developer-rate-container div.listing-star-container {
  float: left;
}
div.developer-rate-container div.listing-star-email-container > input {
  width: 75%;
}

div.listing-rate-container > span {
  float: left;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  margin-right: 10px;
  line-height: 30px;
  color: var(--text-color);
}

div.developer-rate-container > span {
  font-size: 12px;
  display:  none;
}
span.listing-star-total {
  line-height: normal;
  font-size: 12px;
  text-transform: uppercase;
}

div.listing-star {
  width: 16px;
  height: 16px;
  float: left;
}
div.listing-star:last-of-type{
  margin-right: 5px;
}
div.listing-star:hover {
  cursor: pointer;
}

div.listing-star-email-container {
  display: none;
  width: 100%;
  max-width: 240px;
  float: right;
  clear: left;
  margin: 10px 0px;
  background-color: #525252;
  border: 1px solid #525252;
  box-sizing: border-box;
  border-radius: 24px;
  overflow: auto;
}
div.listing-star-email-container .listing-star-email-input{
  width: 70%;
  margin: 0px !important;
  border: 0px;
}
div.listing-star-email-container > * {
  margin: 4px 0 0 0;
  float: left;
}

div.listing-star-email-container > input {
  font-size: 19px;
  padding: 6px;
  margin-top: 4px;
  width: 100%;
  box-sizing: border-box;
}

div.listing-star-email-button {
  background-color: #525252;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0px;
  text-align: center;
  width: 30%;
  transition: all .5s ease-in-out;
}
input.listing-star-email-input[type="text"]{
  font-size: 14px !important;
  font-weight: 400 !important;
}
input.listing-star-email-input[type="text"]:focus-visible{
  outline: none;
}
div.listing-star-email-button:hover{
  transform: scale(1.05);
}
.listing-star-email-button > span {
  color: #fff;
  font-weight: 500;
  text-transform: lowercase;
  font-size: 14px;

}

div.listing-star-email-button:hover {
  cursor: pointer;
}

/* END STAR RATING */

/* HOME LISTING */

div.featured-blog-post {
  width: 47%;
  float: left;
  margin-bottom: 15px;
}
@media (max-width: 960px) {
  div.featured-blog-post {
    width: 90%;
    margin: 5%;
    color: var(--text-color);
  }
}
div.featured-blog-post a > * {
  float: left;
  clear: left;
}

div.featured-blog-post h3 {
  color: var(--text-color);
  font-family: Roboto, Arial;
  font-size: 16px;
  font-weight: 500;
  padding: 8px 8% 8px 2%;
  margin: 0 1%;
}

div.featured-blog-post img {
  width: 90%;
  display: block;
  margin: auto;
}

div.featured-slider {
  margin-top: 80px;
  width: 100%;
  overflow: hidden;
  float: left;
  position: relative;
}
div.featured-slider.mapFrontPage {
  background-color: #fff;
  margin-top: 20px !important;
  margin-bottom: 20px;
}
div.featured-slider.mapFrontPage #map{
  width:100%;
  height:580px;
  margin-top: 100px;
}

h2.featured-title {
  color: var(--text-color);
  font-family: "Open sans", sans-serif;
  font-weight: 700;
  font-size: 42px;
  letter-spacing: -2px;
  margin: 0px 0px 10px 0px;
  transition: all 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

a h2.featured-title:hover {
  transform: scale(1.05);
}

div.featured-slider p.featured-header {
  color: var(--text-color);
  float: left;
  clear: left;
  font-family: "Open sans", sans-serif;
  font-size: 14px;
  margin: 20px 0 10px 0px;
  line-height: 1.2;
}
.load-more {
  width: 48%;
  margin: 0 26%;
  float: left;
  clear: left;
  text-align: center;
}

.load-more span {
  clear: left;
  color: var(--text-color);
  font-weight: 600;
  margin-top: 5px;
}

div.load-more svg.load-more-icon {
  width: 20%;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  float: left;
  margin: 10px 40% 10px;
  height: 40px;
}

div.load-more img.load-more-ajax {
  width: 40px;
  height: 40px;
  margin-top: 75px;
  display: none;
}

#home-container {
  position: relative;
}

#staffpick .staffpick-header {
  width: 98%;
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  margin-bottom: 10px;
}

#staffpick .staffpick-header .staffpick-text {
  float: left;
  width: 100%;
  height: 100%;
  font-size: 24px;
  letter-spacing: 1px;
}

#staffpick .staffpick-header .staffpick-text img {
  width: 100px;
  height: auto;
  float: left;
}

#staffpick .staffpick-header .staffpick-text span {
  float: right;
  text-align: left;
  margin-right: 5%;
  padding: 10px;
  color: #878787;
}

#staffpick .staffpick {
  width: 48%;
  float: left;
}

#staffpick .staffpick:nth-child(odd) {
  margin-right: 1%;
}

#staffpick .staffpick:nth-child(even) {
  margin-left: 1%;
  margin-right: 2%;
}

#staffpick .feature-img {
  position: relative;
  width: 100%;
}

#staffpick a > * {
  clear: left;
  float: left;
  width: 100%;
}

#staffpick .feature-img-border {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 1%;
  bottom: -6px;
  z-index: 20;
}

#staffpick .feature-img-base {
  width: 100%;
  height: 100%;
}

#staffpick .staffpick .feature-desc::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 14px;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.7);
}

#staffpick .feature-img-occupy {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 40;
  overflow: hidden;
}

#staffpick .feature-img-occupy .occupy {
  position: absolute;
  padding: 1px;
  width: 45%;
  left: 20%;
  bottom: 0;
  background-color: var(--rep-main-color);
  opacity: 1;
  text-align: center;
  color: black;
}

#staffpick .feature-img-occupy .occupy span {
  font-size: 9px;
  text-align: center;
  width: 100%;
  float: none;
  clear: none;
  color: var(--text-color);
  position: relative;
  box-sizing: border-box;
  margin-top: 0;
}

#staffpick .feature-img-occupy .occupy span.extra-bold {
  letter-spacing: 0.8px;
}

#staffpick .feature-id {
  display: none;
}

#staffpick a span,
#staffpick a p {
  color: var(--title-color);
}

#staffpick .feature-title {
  min-height: 28px;
  max-height: 42px;
  line-height: 14px;
  font-size: 14px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  margin-top: 6px;
  text-transform: uppercase;
  padding-left: 2px;
  color: rgb(82, 82, 82);
  transition: margin-top 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

#staffpick .feature-area {
  font-size: 13px;
  height: 15px;
  font-weight: 300;
  color: var(--text-color);
  font-family: "Roboto", sans-serif;
  line-height: 15px;
  padding-left: 2px;
  border-top: 1px solid #b6b6b6;
  overflow: hidden;
  text-transform: none;
}

#staffpick .feature-type {
  font-size: 12px;
  padding: 3px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  margin-top: 2px;
  box-sizing: border-box;
  color: var(--title-color);
  text-transform: uppercase;
}

#staffpick .feature-desc {
  position: relative;
  display: block;
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 3px;
  padding-left: 2px;
  padding-top: 3px;
  text-transform: none;
  font-family: "Open sans", sans-serif;
  height: 45px;
  overflow: hidden;
  width: 100%;
  text-align: left;
  color: rgb(82, 82, 82);
  box-sizing: border-box;
  line-height: 1.2;
}

#staffpick .feature-extras {
  width: 100%;
  float: left;
  clear: left;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-bottom: 5px;
  border-top: 1px solid #b6b6b6;
  border-bottom: 1px solid #b6b6b6;
  height: 30px;
}

#staffpick .feature-extras span {
  color: rgb(82, 82, 82);
  margin-top: 1px;
  width: auto;
  text-align: left;
  float: left;
  clear: left;
  font-size: 12px;
  position: relative;
  box-sizing: border-box;
}

#staffpick span .feature-price {
  line-height: 30px;
}
#staffpick div.listing-score-container .listing-thumb-star {
  width: 15px;
  height: 15px;
  background-size: 15px 15px;
}

#home-container .stack-menu {
  display: none;
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  width: 100%;
  height: 75px;
  overflow: hidden;
  background-color: black;
}
#home-container .stack-menu img {
  top: -100px;
  position: absolute;
  width: 100%;
  z-index: 5;
}

#home-container .stack-menu a img {
  padding-left: 10px;
  padding-top: 7px;
  padding-bottom: 8px;
  padding-right: 10px;
  border-right: 2px solid white;
  left: 0;
  top: 0;
  position: absolute;
  width: 60px;
  height: 60px;
  z-index: 20;
  background-color: rgba(0, 0, 0, 0.6);
}

#home-container .stack-menu span {
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: 16px;
  color: white;
  font-weight: 800;
  z-index: 15;
  text-align: right;
  width: 73%;
}

#home-container .stack-menu .shadow {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: inset 0px 0px 30px 20px rgba(0, 0, 0, 0.5);
  z-index: 10;
}

#home-container .feature {
  width: 97%;
  float: left;
  max-width: 380px;
}

#home-container h1.home {
  line-height: 1.15;
}

#home-container h1.home:hover {
  cursor: pointer;
}

#home-container .extra-par {
  display: none;
  font-size: 13px;
  color: var(--text-color);
  float: left;
  clear: left;
  margin: 10px;
  line-height: 1.15;
}
#home-container .feature:nth-child(even),
#home-container div.featured-blog-post:nth-child(even) {
  margin-right: 1%;
}

#home-container .feature .feature-id {
  display: none;
}

#home-container .feature a > * {
  float: left;
  clear: left;
}

#home-container .feature a > span {
  width: 100%;
}

#home-container .feature .feature-img {
  position: relative;
  width: 100%;
}

#home-container .feature .feature-img-base {
  width: 100%;
  height: 100%;
}

#home-container .feature .feature-img-border {
  position: absolute;
  width: 71px;
  right: -1%;
  z-index: 20;
  bottom: 0px;
}

html.three-col .feature-img-border-virtual {
  width: 92px;
  right: -1% !important;
  transform-origin: center;
}
html.two-col .feature-img-border-virtual {
  width: 102px !important;
  right: -1% !important;
  transform-origin: center;
}

html.fullwidthsite .feature-img-border-virtual {
  width: 102px !important;
  right: 0% !important;
  transform-origin: center;
}

svg.favorite-button {
  top: 6px;
  right: 6px;
  max-width: 34px;
  width: 6%;
  height: auto;
  margin-right: 2%;
  margin-top: 2%;
  position: absolute;
  z-index: 20;
  transition: fill 0.2s ease, stroke 0.2s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, fill 0.2s ease, stroke 0.2s ease;
  transition: transform 0.2s ease, fill 0.2s ease, stroke 0.2s ease,
    -webkit-transform 0.2s ease;
  fill: white;
}
#slider1_static_container svg.favorite-button {
  width: 14%;
}

.last-visited {
  margin-top: 20px;
}

/* LIVING IN */

.livingin_rows {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}

.menu_unique_row {
  width: 100%;
  float: left;
  clear: left;
}

.menu_unique_row .collection {
  width: 249px;
}
.menu_unique_row .collection .arrow-icon {
  animation: collection 4s 1;
}
html.ttc .menu_unique_row .collection .arrow-icon {
  animation: collectionToronto 4s 1;
}
@keyframes collection {
  0% {
    transform: translateX(0px) rotate(90deg);
  }
  30% {
    transform: translateX(170px) rotate(-90deg);
  }
  45% {
    transform: translateX(160px) rotate(-90deg);
  }
  50% {
    transform: translateX(170px) rotate(-90deg);
  }
  55% {
    transform: translateX(170px) rotate(-90deg);
  }
  60% {
    transform: translateX(160px) rotate(-90deg);
  }
  65% {
    transform: translateX(170px) rotate(-90deg);
  }
  70% {
    transform: translateX(170px) rotate(-90deg);
  }
  100% {
    transform: translateX(0px) rotate(90deg);
  }
}
@keyframes collectionToronto {
  0% {
    transform: translateX(0px) rotate(0deg);
  }
  30% {
    transform: translateX(170px) rotate(-180deg);
  }
  45% {
    transform: translateX(160px) rotate(-180deg);
  }
  50% {
    transform: translateX(170px) rotate(-180deg);
  }
  55% {
    transform: translateX(170px) rotate(-180deg);
  }
  60% {
    transform: translateX(160px) rotate(-180deg);
  }
  65% {
    transform: translateX(170px) rotate(-180deg);
  }
  70% {
    transform: translateX(170px) rotate(-180deg);
  }
  100% {
    transform: translateX(0px) rotate(0deg);
  }
}

.menu_unique_row::after {
  content: " ";
  display: block;
  width: 83%;
  border-bottom: 1px solid gray;
}

.menu_unique_row a {
  position: relative;
  display: block;
  width: 100%;
  overflow: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  color: var(--title-color);
}

@keyframes menu_unique_row_arrow_in {
  0% {
    left: 0;
  }

  50% {
    left: 5px;
  }

  100% {
    left: 5px;
  }
}

@keyframes menu_unique_row_arrow_out {
  0% {
    left: 5px;
  }

  50% {
    left: 0;
  }

  100% {
    left: 0;
  }
}

@keyframes menu_unique_row_text_in {
  0% {
    margin-left: 45px;
  }

  50% {
    margin-left: 45px;
  }

  100% {
    margin-left: 55px;
  }
}

@keyframes menu_unique_row_text_out {
  0% {
    margin-left: 55px;
  }

  50% {
    margin-left: 45px;
  }

  100% {
    margin-left: 45px;
  }
}

.menu_unique_row a:hover div.arrow-icon {
  animation: menu_unique_row_arrow_in 900ms ease-out;
  animation-fill-mode: forwards;
}

.menu_unique_row a:hover div {
  animation: menu_unique_row_text_in 900ms ease-out;
  animation-fill-mode: forwards;
}

#mobile-menu-container nav.menu_type_content {
  margin-top: 10px;
  margin-bottom: 0;
}

@media (max-width: 760px) {
  #mobile-menu-container nav.menu_type_content {
    display: none;
  }
}

#mobile-menu-container nav.menu_type_content a {
  color: #fff;
}

#mobile-menu-container .menu_unique_row {
  margin-top: 0;
}

html.mrr .mobile-menu-extra h4 {
  padding-left: 9px;
  font-weight: 600;
  padding-bottom: 10px;
  padding-top: 29px;
  color: #fff;
}

.menu_unique_row div.arrow-icon {
  position: absolute;
  left: 0;
  top: 15px;
  width: 37px;
  height: 30px;
  transform: rotate(90deg);
  transform-origin: center center;
  float: none;
  margin-left: 0 !important;
  animation: menu_unique_row_arrow_out 900ms ease-out;
}
html.ttc .menu_unique_row div.arrow-icon {
  transform: rotate(0deg);
}

.menu_unique_row svg {
  width: 100%;
  height: 100%;
}

.menu_unique_row svg,
.menu_unique_row div {
  float: left;
}

.menu_unique_row div {
  animation: menu_unique_row_text_out 900ms ease-out;
}

.menu_unique_row div span {
  text-transform: uppercase;
  float: left;
  clear: left;
  line-height: 18px;
}

.menu_unique_row div span:nth-child(2) {
  font-weight: 700;
}

/* LIVING IN */

.get-more {
  float: left;
  clear: left;
  width: 100%;
  text-align: center;
}

.get-more img {
  display: none;
}

svg.favorite-button:hover {
  -webkit-animation: fav-hover 0.3s ease-in;
  animation: fav-hover 0.3s ease-in;
  fill: red;
  cursor: pointer;
}

svg.favorite-button.favorite {
  fill: red;
}

#home-container .feature .feature-img-promo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
}

#home-container .feature .feature-img-occupy {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 40;
  overflow: hidden;
}
@media (min-width: 960px) {
  #home-container .feature .feature-img-occupy .occupy {
    position: absolute;
    padding: 1px 1px 4px 1px;
    width: 75% !important;
    bottom: 2%;
    left: 4%;
    z-index: 3;
    background-color: rgb(0 0 0 / 50%);
    opacity: 1;
    text-align: center;
    color: #fff;
    transform: rotate(270deg) translateX(-7%);
    transform-origin: left;
  }
}
@media (max-width: 959px) {
  #home-container .feature .feature-img-occupy .occupy {
    position: absolute;
    padding: 1px 1px 4px 1px;
    width: 75% !important;
    bottom: 0%;
    left: 4%;
    z-index: 3;
    background-color: rgb(0 0 0 / 50%);
    opacity: 1;
    text-align: center;
    color: #fff;
    transform: rotate(270deg) translateX(-8px);
    transform-origin: left;
  }
}

html.ttc #home-container .feature .feature-img-occupy .occupy {
  background-color: var(--rep-main-color);
}

#home-container .feature .feature-img-occupy .occupy.en {
  width: 35%;
}

#home-container .feature .feature-img-occupy .occupy.en .extra-bold {
  font-size: 10px;
}

#home-container .feature .feature-img-occupy span {
  font-size: 9px;
  text-align: center;
  width: 100%;
  float: none;
  clear: none;
  color: #fff;
  position: relative;
  box-sizing: border-box;
  margin-top: 0;
  font-weight: 100;
}

html.ttc #home-container .feature .feature-img-occupy span {
  color: white;
}

#home-container .feature .feature-img-occupy span.extra-bold {
  font-weight: 600;
}

#home-container .feature .feature-img-promo img {
  width: 80%;
  position: absolute;
  top: -6px;
  left: -6px;
  filter: drop-shadow(-5px 6px 9px #847f7f63);
}

#home-container .feature .feature-title {
  min-height: 42px;
  max-height: 42px;
  line-height: 14px;
  font-size: 14px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  margin-top: 6px;
  text-transform: uppercase;
  padding-left: 2px;
  color: rgb(82, 82, 82);
  transition: margin-top 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

#home-container .feature .feature-type {
  font-size: 12px;
  padding: 3px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  margin-top: 2px;
  box-sizing: border-box;
  color: var(--title-color);
  text-transform: uppercase;
}

#home-container .feature .feature-area {
  font-size: 13px;
  height: 15px;
  font-weight: 300;
  color: var(--text-color);
  font-family: "Roboto", sans-serif;
  line-height: 15px;
  padding-left: 2px;
  overflow: hidden;
  text-transform: none;
}

#home-container div.featured-blog-post p {
  height: auto;
}

.listing-score-container input.listing-score {
  display: none;
}

#home-container .feature .feature-desc,
div.featured-blog-post p {
  position: relative;
  display: block;
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 3px;
  padding-left: 2px;
  padding-top: 3px;
  text-transform: none;
  font-family: "Open sans", sans-serif;
  height: 45px;
  overflow: hidden;
  width: 100%;
  text-align: left;
  color: rgb(82, 82, 82);
  box-sizing: border-box;
  line-height: 1.2;
}

html.two-col #home-container .feature .feature-desc::after {
  height: 16px;
}
html.fullwidthsite #home-container .feature .feature-desc::after {
  height: 16px;
}

#home-container .feature .feature-desc::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 14px;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.7);
}

div.featured-blog-post p {
  padding-left: 2%;
  margin-left: 1%;
  font-weight: 600;
  line-height: 1.35;
}

#home-container .feature .feature-extras {
  width: 100%;
  float: left;
  clear: left;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-bottom: 5px;
  border-bottom: 1px solid #b6b6b6;
  height: 30px;
}

#home-container .feature .feature-extras span {
  color: rgb(82, 82, 82);
  margin-top: 1px;
  width: auto;
  text-align: left;
  float: left;
  clear: left;
  font-size: 12px;
  position: relative;
  box-sizing: border-box;
}

#home-container .feature .feature-price-container {
  width: 70%;
  float: left;
}

#home-container .feature span .feature-price {
  line-height: 30px;
}

#home-container .feature span .feature-favorite {
  float: right;
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
  clear: none;
  margin-right: 2px;
}

/* HOME LISTING END */

/* SEARCH LISTINGS */

.listing-price-container {
  float: left;
}
div.listing-price-container .listing-price-rent{
  margin-top: 4px;
}
/* SEARCH LISTINGS END */

.feature-extras .feature-favorite:hover {
  cursor: pointer;
}

.feature-extras .listing-id {
  display: none;
}

div.mobile-container {
  margin: 0 auto 0 auto;
  max-width: 600px;
  width: 100%;
  overflow: auto;
}

div.mobile-container.static {
  margin-top: 10px;
}

div.mobile-container-full {
  width: 100%;
}

div.listing-detail-body {
  width: 100%;
  box-sizing: border-box;
}

div.listing-detail-body > * {
  font-size: 18px;
  box-sizing: border-box;
  width: 100%;
  color: var(--text-color);
}

div.listing-detail-body h2 {
  margin-top: 30px;
  font-size: 16px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
}

div.listing-detail-body #gmap_holder {
  height: 300px;
  margin-bottom: 30px;
  margin-top: 10px;
}
div.listing-detail-body #leaflet_holder {
  z-index: 2;
  height: 300px;
  margin-bottom: 30px;
  margin-top: 10px;
  position: relative;
  display: block;
  width: 100%;
}

html.mrr div.listing-detail-body ul.listing-types.tags li {
  width: auto;
}

div.listing-detail-body ul.listing-types.tags li {
  width: 50px;
}

div.listing-detail-body ul.listing-types.tags img {
  width: 100%;
}

div.listing-detail-body ul.listing-types {
  float: left;
  clear: left;
  margin: 8px 0;
}

html.mrr div.listing-detail-body ul.listing-types li {
  /*background-color: var(--rep-main-color);
    color: white;*/
  font-size: 16px;
}

html.mtlgc div.listing-detail-body ul.listing-types li {
  height: 24px;
  list-style: disc;
  font-size: 14px;
  margin: 0 18px !important;
}

html.mrr div.listing-detail-body ul.listing-types li a {
  color: var(--text-color);
}

div.listing-detail-body ul.listing-types li a {
  color: var(--text-color);
}

div.listing-detail-body ul.listing-types li {
  float: left;
  margin-right: 10px;
  margin-top: 6px;
  transition: all 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
  text-transform: initial;
}

div.listing-detail-body ul.listing-types li a {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

html.mrr div.listing-detail-body ul.listing-types li a {
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 35px;
  box-sizing: border-box;
  line-height: 20px;
}

html.mrr div.listing-detail-body ul.listing-types li {
  margin-top: 0px;
}
html.mtlgc div.listing-detail-body ul.listing-types li a img {
  width: 30px;
  margin: -6px 9px 0 0;
}

html.mtlgc div.listing-detail-body ul.listing-types li {
  margin-top: 0px;
}

div.listing-detail-body ul.listing-types li:hover {
  transform: scale(1.05) translate(10px, 0px);
  font-weight: 600;
}

div.listing-top {
  width: 100%;
  padding: 0px 0px 5px 0px;
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 960px) {
  div.listing-top {
    padding: 0px 0px 5px 0px;
  }
}
div.listing-top div.listing-return-container {
  position: absolute;
  right: 5px;
  top: 0;
  width: 50px;
  text-align: center;
}

div.listing-top div.listing-return-container:hover {
  cursor: pointer;
}

div.listing-top div.listing-return-container span {
  font-size: 15px;
  color: rgb(82, 82, 82);
}

div.listing-top div.listing-return-container img {
  width: 35px;
}
@media (max-width:780px){
  div.listing-top ul.breadcrumb{
    width: 100%;
    margin-left: 1px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
  }
  ul.breadcrumb li{
    padding: 5px 0px;
    white-space: nowrap;
  }
  ul.breadcrumb li > span{
    margin: 0px 2px;
  }
}
h1.listing-detail-title {
  width: 100%;
/*   font-family: "Open sans",sans-serif; */
font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 45px;
  line-height: normal;
  /* letter-spacing: -2px; */
  clear: both;
  z-index: 0;
  position: relative;
  text-shadow: rgb(125 125 125 / 7%) 2px 3px 3px;
  transition: all ease-in-out .5s;
}
.projectStateStatus{
  width: 100%;
  margin-top: 5px;
  display: block;
  clear: both;
  float: left;
  color: var(--text-color);
  font-size: 14px;
  line-height: 130%;

}
.projectStateStatus ul{
  list-style: disc;
  list-style-position: inside;
}
.projectStateStatus ul li{
  list-style: disc;
  margin-left: 20px;
  display: none;
  font-size: 12px;
} 
.projectStateStatus ul li.projectStateStatus-check-isCheck{
  display: list-item;
}
/* .projectStateStatus-element{
  width: 50%;
  max-width: 100px;
}
.projectStateStatus-check{
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-bottom: -3px;
  border: 2px solid var(--title-color);
  border-radius: 50%;
}
.projectStateStatus-check-isCheck::before{
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 0px;
  width: 20px;
  height: 20px;
  background-image: url(../images/check-mark-listing.svg);
  background-size: cover;
}
.projectStateStatus-element span{
  color: var(--title-color);
  font-size: 14px;
}
@media (max-width:580px) {
  .projectStateStatus-check{
    width: 8px;
    height: 8px;
    margin-bottom: -3px;
  }
  .projectStateStatus-element span{
    color: var(--title-color);
    font-size: 11px;
  }
  .projectStateStatus-check-isCheck::before{
    top: -7px;
    left: 0px;
    width: 13px;
    height: 13px;
  }
} */
html.mrr span.listing-detail-type {
  font-size: 16px;
}

span.listing-detail-type {
  font-size: 14px;
  font-family: "Open sans", sans-serif;
  color: var(--text-color);
  float: left;
  clear: left;
  margin-bottom: 4px;
  margin-top: 4px;
  padding: 2px 2px 2px 0;
}

html.mrr span.listing-detail-type:hover,
html.mrr span.listing-detail-type:active {
  background-color: #05b8d1;
}

span.listing-detail-type:hover,
span.listing-detail-type:active {
  background-color: var(--rep-main-color);
}
div.listing-detail-description,
div.listing-detail-description,
span.listing-detail-address,
span.listing-detail-extra,
span.listing-detail-phone {
  font-size: 15px;
}
span.listing-detail-address a.linkToPhone{
  color: var(--main-text) !important;
}

div.listing-detail-description strong {
  font-weight: bold;
}

div.listing-detail-description ul {
  list-style: disc;
  list-style-position: inside;
}

div.listing-detail-description ul li {
  display: list-item;
  list-style: disc;
  margin-left: 20px;
}

div.listing-detail-description {
  clear: both;
  position: relative;
  margin-top: 16px;
  line-height: 130%;
  width: 100%;
  max-width: 600px;
}
div.listing-detail-description a{
  text-decoration: underline !important;
  font-style: italic !important;
}

div.listing-detail-body .tabContainer {
  width: 100%;
  clear: both;
}

div.listing-detail-description {
  line-height: 130%;
  margin-bottom: 0px;
  width: auto;
}
p.scpText{
  font-size: 14px;
  font-weight: bold;
  clear: both;
  position: relative;
  margin: 16px 0px;
  line-height: 130%;
  width: 100%;
  max-width: 600px;
}
.smart-condo-plans-contener {
  position: relative;
  margin-bottom: 40px;
}
.smart-condo-plans-contener:after {
  content: "";
  background: #c1c1c1;
  position: absolute;
  width: 80%;
  height: 1px;
  left: 50%;
  transform: translateX(-50%);
}
.backToSearch{
  font-size: 13px;
  letter-spacing: normal;
  font-weight: 700;
  margin: 10px auto;
  display: block;
  position: relative;
  text-align: center;
  clear: both;
}
.listing-section-background{
  border: 1px solid #cecece;
  border-radius: 25px;
  padding-bottom: 20px;
}
.projectheader {
/*   position: sticky; */
  top: 0px;
  z-index: 21;
  display: block;
  width: 100%;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
}
.projectheader.projectheader-is-sticky{
  background-color: #f2f2f2;
  box-shadow: 0px 3px 12px 3px rgb(188 188 188 / 50%);
}
.projectheader.projectheader-is-sticky.mobile-background-image{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-shadow: inset 0px 2px 80px 10px rgb(0 0 0);
}
.projectheader.projectheader-is-sticky.mobile-background-image h1.listing-detail-title,
.projectheader.projectheader-is-sticky.mobile-background-image .starColorFill,
.projectheader.projectheader-is-sticky.mobile-background-image span.listing-star-total,
.projectheader.projectheader-is-sticky.mobile-background-image .projectheader-menu .projectheader-menu-link,
.projectheader.projectheader-is-sticky.mobile-background-image .projectheader-menu .projectheader-menu-link-arrow,
.projectheader.projectheader-is-sticky.mobile-background-image .projectheader-menu .projectheader-menu-link-text
{
  color: #fff;
  fill: #fff;
}
.projectheader.projectheader-is-sticky h1.listing-detail-title {
  margin-top: 0px;
  font-size: 28px;
}
.projectheader.projectheader-is-sticky .listing-detail-description{
  opacity: 0;
  display: none;
}
.projectheader.projectheader-is-sticky .projectheader-brief, .projectheader.projectheader-is-sticky .projectheader-menu{
  padding: 5px 5px;
}
.projectheader.projectheader-is-sticky .listing-detail-description{
  opacity: 0;
  display: none;
}
.projectheader.projectheader-is-sticky .projectheader-menu{
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: center;
}
.projectheader.projectheader-is-sticky .projectheader-menu .projectheader-menu-link{
  font-size: 18px;
}
.projectheader-brief .section-listing-types-sectionfeature-text, .projectheader-brief .projectheader-brief-listing-detail-price{
 font-weight: 700;
}
.projectheader-brief-menu-container{
  display: grid;
  grid-template-columns: 5fr 3fr;
  gap: 5px;
  padding: 10px;
}
.projectheader-brief, .projectheader-menu{
  padding: 10px 5px 10px 5px;
  box-sizing: border-box;
  transition: all ease-in-out .5s;
}
.projectheader-brief div.listing-rate-container{
  width: fit-content;
  padding: unset;
  margin-left: unset;
  margin-top: 8px;
}
.projectheader-brief div.listing-detail-description{
  margin-top: 18px;
}
.projectheader-brief .projectheader-brief-listing-detail-price{
  display: block;
}
.projectheader-brief .projectheader-brief-listing-detail-price:last-of-type{
  display: block;
  margin-bottom: 20px;
}
.projectheader-menu{
  display: flex;
  margin-top: 26px;
  gap: 16px;
}
.projectheader-brief-title{
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 700;
  display: inline-block;
}
.projectheader-menu-link{
  height: 40px;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease-in-out 0.5s;
}
.projectheader-menu-link-text{
  transition: all ease-in-out 0.5s;
}
.projectheader-menu-link:hover .projectheader-menu-link-text{
  color: #000;
  transform: translateX(3px);
}
.projectheader-menu-link-arrow{
  width: 12px;
  fill: var(--text-color);
  transform: rotate(180deg);
  margin: 0px 4px 0px 0px;
  transition: all ease-in-out .2s;
}
.projectheader-menu-link:hover .projectheader-menu-link-arrow{
  fill: #000;
}
@media (max-width:980px){
  h1.listing-detail-title{
    font-size: 32px;
  }
}
@media (max-width:720px){
  .projectheader-brief-menu-container{
    display: block;
    padding: 0px;
  }
  .projectheader-menu{
    justify-content: space-evenly;
    gap:0px;
    margin-top: 0px;
    flex-wrap: wrap;
    padding: 0px !important;
  }
  .projectheader.projectheader-is-sticky .projectheader-brief{
    padding: 5px 5px 0px 5px;
  }
  .projectheader-brief-header-star{
    display: flex;
    justify-content: space-between;
  }
  h1.listing-detail-title{
    font-size: 28px;
  }
}
@media (max-width:460px){
  .projectheader-brief-header-star{
    display: block;
  }
}
.listing-detail-home-type{
  margin: 20px 0px 20px 0px;
  font-size: 14px;
  padding-top: 4px;
  color: var(--text-color);
/*   font-weight: 600; */
  clear: both;
}
span.listing-detail-price {
  display: block;
  font-size: 14px;
  color: var(--text-color);
  clear: both;
}
span.listing-detail-price span.number {
  font-weight: 700;
}
span.listing-detail-address {
  margin-top: 12px;
  padding-top: 5px;
  float: left;
  clear: left;
  width: 100%;
}

span.listing-detail-extra {
  margin-top: 5px;
  float: left;
  clear: left;
  width: auto;
}

span.listing-detail-phone {
  margin-top: 5px;
  font-weight: bold;
  padding-bottom: 5px;
  color: var(--text-color) !important;
  font-size: 15px;
  float: left;
  clear: left;
  width: 100%;
}

div#slider1_static_container {
  position: relative;
}
@media (max-width: 600px) {
  div#slider1_static_container {
    width: 100% !important;
  }
}

div.promo-top strong.bold {
  font-weight: bold;
}

div.promo-top strong.large-bold-yellow {
  font-weight: bold;
  font-size: 20px;
  color: #fec93a;
}

div.promo-top {
  position: absolute;
  width: 140px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 7px -4px 10px 3px rgba(0, 0, 0, 0.14),
    0 3px 6px rgba(0, 0, 0, 0.23);
  z-index: 40;
  left: 37%;
  top: -12px;
  transition: opacity 0.4s cubic-bezier(0.76, -0.38, 0.72, 0.9);
  animation-name: rotate;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 4;
  /* Safari 4.0 - 8.0 */
  animation-iteration-count: 4;
  transform-origin: top;
}

@keyframes rotate {
  0% {
    transform: rotate(-7deg);
  }

  50% {
    transform: rotate(7deg);
  }

  100% {
    transform: rotate(-7deg);
  }
}

@keyframes stoprotate {
  50% {
    transform: rotate(0deg);
  }
}

div.promo-top > *,
div.promo-contain > * {
  width: 100%;
  float: left;
  clear: left;
}

div.promo-top img.promo-header {
  height: auto;
  background-color: #f27728;
  border-radius: 10px 10px 0 0;
  transition: all 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

div.promo-top img.promo-header:hover,
div.promo-top div.submit:hover {
  cursor: pointer;
}

div.promo-top img.promo-header:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

div.promo-top div.promo-desc {
  text-align: center;
}

div.promo-top div.promo-click {
  text-align: left;
}

div.promo-top div.promo-desc {
  background-color: #e7e8e9;
  padding-bottom: 25px;
  border-bottom: 2px dashed gray;
}

div.promo-top div.promo-desc span.promo-title {
  font-weight: bold;
  font-size: 17px;
}

div.promo-top div.promo-desc span.promo-project-name {
  font-size: 18px;
}

div.promo-top div.promo-desc * {
  margin-top: 25px;
}

div.promo-top div.promo-desc *,
div.promo-top div.promo-click {
  width: 100%;
  box-sizing: border-box;
  float: left;
  clear: left;
}

div.promo-top span.promo-title,
div.promo-top span.promo-project-name,
div.promo-click > * {
  padding-left: 5px;
  padding-right: 5px;
}

div.promo-click > * {
  font-size: 12px;
}

div.promo-click > p {
  margin-top: 15px;
  color: black;
}

form.promo-form * {
  float: left;
  clear: left;
  width: 100%;
  box-sizing: border-box;
}

form.promo-form {
  margin-top: 10px;
}

form.promo-form span {
  padding-left: 5px;
  padding-right: 5px;
  font-size: 14px;
}

form.promo-form input {
  border-top: none;
  border-left: none;
  border-right: none;
  width: 130px;
  margin: 0 5px 0 5px;
  font-size: 16px;
}

form.promo-form .submit {
  width: 140px;
  height: 60px;
  background-color: #f27728;
  color: white;
  text-align: center;
  line-height: 60px;
  margin-top: 20px;
  border-radius: 0 0 10px 10px;
}

form.promo-form .submit span {
  font-size: 20px;
  font-weight: 400;
  color: #5b5b5b;
  text-transform: uppercase;
  letter-spacing: 4px;
}

div.promo-top div.confirmation {
  display: none;
  padding-left: 5px;
  padding-right: 5px;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  box-sizing: border-box;
}

span.listing-detail-phone a {
  color: var(--text-color) !important;
}

a.listing-detail-phone img {
  position: absolute;
  width: 32px;
  height: 32px;
  left: 20%;
  top: 9px;
}
div.listing-site-top {
  width: 50%;
  float: left;
  clear: none;
}
.listing-detail-developer-container {
  display: inline-block;
  position: relative;
  clear: both;
  width: 100%;
  margin: 10px 0 4px 0;
  color: var(--title-color);
  font-size: 12px;
}
.listing-detail-developer {
  display: block;
  float: left;
  padding-right: 2px;;
}
.listing-detail-developer-btn-listing {
  display: block;
  float: left;
  margin-left: 4px;
  color: var(--title-color);
  font-weight: 700;
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
}
.listing-detail-developer-btn-listing-not-first{
  margin-left: 0px !important;
}
.listing-detail-developer-btn-listing:hover {
  transform: scale(1.02);
}
.between-developper{
  display: block;
  float: left;
  color: #e5e5e5;
  margin: auto;
}
@media (max-width: 760px) {
  div.listing-site-top {
    width: 100% !important;
  }
  .listing-detail-developer-btn-listing{
    margin-left: 0px;
    font-size: 11px;
  }
}

div.listing-site-top .listing-website {
  float: left;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  margin-right: 10px;
  line-height: 30px;
  color: var(--text-color);
}
.open-web-in-tab{
  margin: 0px auto 10px auto;
  text-align: center;
  display: block;
  font-size: 12px;
  color: var(--text-color);
}
.open-web-in-tab p{
  display: inline-block;
}
.open-web-in-tab p::after {
  content: '';
  width: 0px;
  height: 1px;
  display: block;
  background: var(--text-color);
  transition: 300ms;
}
.open-web-in-tab:hover p::after {
  width: 100%;
}
.open-web-in-tab-icon{
  width: 9px;
  margin-right: 4px;
}
div.listing-detail-video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0;
  overflow: hidden;
  margin-top: 4px;
}

div.listing-detail-video iframe,
div.listing-detail-video object,
div.listing-detail-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
div.listing-detail-website {
  position: relative;
  height: 500px !important;
  padding-top: 0px;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 2px 2px 4px 3px #80808047;
  margin: 10px;
}

div.listing-detail-website iframe,
div.listing-detail-website object,
div.listing-detail-website embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

div.listing-carousel div#gmap_holder {
  width: 40%;
  float: left;
  margin-top: 10px;
}
div.listing-carousel div#leaflet_holder {
  width: 40%;
  float: left;
  margin-top: 10px;
}

div.listing-picture {
  position: relative;
  float: left;
  width: 100%;
}

div.listing-picture div.sold {
  position: absolute;
  height: 20px;
  padding: 8px 10px 8px 10px;
  background-color: white;
  top: 60%;
  left: 14px;
}

div.listing-picture div.sold span {
  float: left;
  margin-left: 5px;
  line-height: 20px;
  color: var(--text-color);
  text-transform: uppercase;
}

div.listing-picture div.sold span:first-child {
  font-weight: 700;
  margin-left: 0;
}

div.listing-picture img {
  width: 400px;
  max-width: 100%;
  float: left;
  /* margin-left: 15px; */
}

div.listing-detail-contact span:active {
  opacity: 0.7;
}

form.listing-detail-contact-container {

  float: left;
  margin-top: 20px;
  box-sizing: border-box;
  padding: 0px 20px;
  width: 100%;
}
.meetingInfo {
  width: 98%;
  display: flex;
}

span.listing-detail-contact-text {
  float: left;
  margin-top: 5px;
  width: 100%;
  color: var(--text-color);
}

form.listing-detail-contact-container input {
  padding-bottom: 15px;
}

html.mtlgc .listing-detail-contact-container--icon {
  /*background: url(/branding/images/repondante-mtlgc.png);*/
  display: block;
  width: 203px;
  height: 398px;
  float: left;
  background-size: 105%;
  background-repeat: no-repeat;
  background-position-x: -12px;
  background-position-y: 60px;
  overflow: visible;
  margin-left: -28px;
}

@media only screen and (max-width: 960px) {
  .listing-detail-contact-container--icon {
    display: none !important;
  }

  .listing-contact-contenericon {
    /*background-color: rgba(0, 0, 0, 0.03);*/
    margin-bottom: 72px;
  }
}

form.listing-detail-contact-container input,
form.listing-detail-contact-container textarea {
  width: 100%;
  float: left;
  font-family: "Open sans", Arial;
  border-radius: 0;
  border: none;
  box-sizing: border-box;
  font-size: 13px;
  margin: 2px;
  color: #616161;
  padding: 6px;
}

form.listing-detail-contact-container .consent-container {
  width: 100%;
  font-size: 14px;
  margin-top: 30px;
}
form.listing-detail-contact-container .recaptcha-container{
  display: block;
  position: relative;
  width: 100%;
  height: 128px;
}

form.listing-detail-contact-container #contact-consent {
  display: none;
}

form.listing-detail-contact-container .consent-container svg {
  float: left;
  width: 16px;
  padding-right: 10px;
}

form.listing-detail-contact-container .consent-container svg:hover {
  cursor: pointer;
}

form.listing-detail-contact-container input.invalid,
form.listing-detail-contact-container textarea.invalid {
  border-bottom: 2px solid #8d2bc6;
}
form.listing-detail-contact-container input.invalid::placeholder,
form.listing-detail-contact-container textarea.invalid::placeholder {
  font-size: 13px;
  color: #8d2bc6;
}

form.listing-detail-contact-container input:focus,
form.listing-detail-contact-container textarea:focus {
  outline: none;
  /*     -webkit-box-shadow: 0px 0px 4px 0px #89898a;
    box-shadow: 0px 0px 4px 0px #89898a; */
}

form.listing-detail-contact-container textarea {
  height: 24px;
  resize: vertical;
}
form.listing-detail-contact-container div#send_query:hover div,
.signaling {
  opacity: 1;
}

span.listing-detail-button-text {
  float: left;
  width: 100%;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  padding-top: 7px;
  color: var(--text-color);
  font-size: 16px;
}

span.listing-share-title {
  float: left;
  width: 100%;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  color: var(--text-color);
  font-size: 16px;
}

div.listing-share-container {
  width: 100%;
  overflow: auto;
  border-bottom: 1px solid rgb(178, 183, 187);
  padding-bottom: 10px;
  padding-top: 10px;
  display: none;
}

div.listing-detail-favorite svg {
  fill: var(--title-color);
}

div.listing-detail-favorite svg.favorite {
  fill: red;
}

div.listing-detail-favorite svg:hover {
  cursor: pointer;
}

div.listing-detail-share:hover {
  cursor: pointer;
}

div.listing-detail-button-buttons {
  width: 60%;
  float: left;
  padding-top: 5px;
  padding-bottom: 4px;
  margin-bottom: 3px;
  margin-top: 5px;
  border-right: 1px solid rgb(178, 183, 187);
  box-sizing: border-box;
}

div.listing-detail-button-buttons > * {
  margin-left: 7%;
  width: 24%;
  float: left;
  transition: opacity 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

div.listing-detail-button-buttons > *:hover {
  opacity: 0.5;
}

div.listing-detail-button-shares {
  width: 40%;
  float: left;
  padding-top: 5px;
  padding-bottom: 4px;
  margin-bottom: 3px;
  margin-top: 5px;
}

div.listing-detail-button-shares > * {
  margin-left: 9%;
  width: 36%;
  float: left;
  transition: opacity 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

div.listing-return-container {
  transition: opacity 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

div.listing-return-container:hover {
  opacity: 0.5;
}

div.listing-detail-button-shares .listing-return-container {
  display: none;
}

div.listing-detail-button-shares > *:hover {
  opacity: 0.5;
}

div.listing-detail-button-buttons img,
div.listing-detail-button-shares img {
  width: 100%;
  height: auto;
}

div.listing-detail-button-buttons > div:hover {
  cursor: pointer;
}

#mobile-search {
  display: none;
  width: 80%;
  position: absolute;
  top: 50px;
  left: 10%;
  z-index: 200;
  text-transform: uppercase;
  color: rgb(82, 82, 82);
  background-color: #fff;
  padding: 5px 5px 0 5px;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.75);
}

#mobile-search > * {
  float: left;
}

#mobile-search > span {
  width: 20%;
  text-align: center;
}

#mobile-search .mobile-header {
  text-align: left;
  font-size: 15px;
  font-weight: 400;
  margin-top: 10px;
  padding-left: 5px;
}

#mobile-search .mobile-header-options {
  display: block;
  border-bottom: 1px solid #b6b6b6;
  margin: 10px 43px 4px 6%;
  width: 85%;
  padding: 5px;
  cursor: pointer;
}
#mobile-search .mobile-header-options#trigger-mobile-menu-feature{
  display: none;
}
#mobile-search .mobile-header-options:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(../images/mobile-arrow.svg);
  display: block;
  float: right;
}

#mobile-search .mobile-header-options.active-trigger:after {
  transform: rotate(180deg);
}

#mobile-search .mobile-header-container-options {
  width: 100%;
}

#mobile-search #mobile-search-area-contain {
  position: relative;
  margin-top: 15px;
  width: 88%;
  margin-left: 6%;
  padding-bottom: 10px;
  border-bottom: 1px solid #b6b6b6;
}

#mobile-search #mobile-search-area-contain > svg {
  position: absolute;
  bottom: 16px;
  left: 0;
  margin-left: 2px;
  width: 15px;
  height: 15px;
}

#mobile-search-area-contain input {
  font-family: "Roboto", sans-serif;
  width: 100%;
  font-size: 15px;
  letter-spacing: 1px;
  border: none;
  border-radius: 0;
  outline: none;
  box-sizing: border-box;
  padding-bottom: 4px;
  padding-top: 0;
  padding-left: 28px;
  color: rgb(82, 82, 82);
}

#mobile-search-area-contain input::-webkit-input-placeholder {
  color: var(--title-color);
  font-family: "Roboto", sans-serif;
}

#mobile-search-quick-search-contain {
  position: relative;
  margin-top: 15px;
  width: 88%;
  margin-left: 6%;
  padding-bottom: 15px;
  border-bottom: 1px solid #b6b6b6;
  margin-bottom: 20px;
}

#mobile-search-quick-search-contain input {
  font-family: "Roboto", sans-serif;
  width: 100%;
  font-size: 16px;
  border: none;
  border-radius: 0;
  outline: none;
  box-sizing: border-box;
  padding-bottom: 4px;
  padding-top: 0;
  padding-left: 28px;
  color: rgb(82, 82, 82);
  margin-bottom: 5px;
}

#mobile-search-quick-search-contain input::-webkit-input-placeholder {
  color: rgb(82, 82, 82);
  font-family: "Roboto", sans-serif;
}

#mobile-search-quick-search-contain div.mobile-search-quick-or {
  position: absolute;
  bottom: -11px;
  width: 20%;
  left: 40%;
  padding-top: 3px;
  padding-bottom: 3px;
  height: 15px;
  background-color: black;
  text-align: center;
}

#mobile-search-quick-search-contain div.mobile-search-quick-or span {
  color: white;
}

#mobile-search-quick-search-contain div.mobile-search-quick-img {
  position: absolute;
  bottom: 12px;
  left: 0;
  margin-left: 2px;
  width: 15px;
  height: 15px;
}

#mobile-search-quick-search-contain .field-contain {
  width: 100%;
  position: relative;
}

#mobile-search-quick-search-contain div.mobile-seach-quick-or-complete {
  display: none;
  position: relative;
  width: 46%;
  height: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 27%;
  margin-right: 27%;
  text-align: center;
  background-color: var(--rep-main-color);
}

#mobile-search-quick-search-contain div.mobile-seach-quick-or-complete span {
  line-height: 30px;
  font-size: 20px;
  color: rgb(82, 82, 82);
  text-transform: none;
}

#mobile-search-area-contain #mobile-search-area-complete {
  display: none;
  position: absolute;
  top: 34px;
  width: 100%;
  z-index: 60;
  border: 1px solid #c2c2c2;
  border-top: 0px;
}

#mobile-search-buyrent {
  width: 88%;
  margin-left: 6%;
  color: black;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  letter-spacing: 2px;
  font-size: 16px;
  border-bottom: 1px solid #b6b6b6;
}

#mobile-search-buyrent #mobile-search-buy,
#mobile-search-buyrent #mobile-search-rent {
  float: left;
  width: 49%;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: background-color 0.25s ease-in;
}

#mobile-search-buyrent #mobile-search-buy span,
#mobile-search-buyrent #mobile-search-rent span {
  float: left;
  line-height: 20px;
  font-size: 15px;
  font-weight: 400;
  color: rgb(82, 82, 82);
  margin-left: 6px;
}

#mobile-search-buyrent #mobile-search-buy div,
#mobile-search-buyrent #mobile-search-rent div {
  float: left;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background-color: white;
  box-shadow: inset 0px 0px 0px 2px rgba(82, 82, 82, 1);
  transition: all 0.05s;
}

#mobile-search-buyrent #mobile-search-buy.push div,
#mobile-search-buyrent #mobile-search-rent.push div {
  box-shadow: inset 0px 0px 0px 1px rgba(82, 82, 82, 1);
}

html.mtlgc #mobile-search-buyrent #mobile-search-buy.push div,
html.mtlgc #mobile-search-buyrent #mobile-search-rent.push div {
  background-color: var(--text-color);
}

html.mrr #mobile-search-buyrent #mobile-search-buy.push div,
html.mrr #mobile-search-buyrent #mobile-search-rent.push div {
  background-color: var(--text-color);
}

html.ttc #mobile-search-buyrent #mobile-search-buy.push div,
html.ttc #mobile-search-buyrent #mobile-search-rent.push div {
  background-color: var(--text-color);
}

#mobile-search-buyrent #mobile-search-rent {
  margin-left: 2%;
}

#mobile-search-region,
#mobile-search-city {
  display: none;
}

#mobile-search-area-complete > div.row {
  width: 100%;
  height: 46px;
  padding: 3px;
  box-sizing: border-box;
  border-bottom: 1px solid #6d7275;
}

#mobile-search-area-complete > div.row span {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 40px;
  font-size: 12px;
}

#mobile-search-area-complete input {
  display: none;
}

#mobile-search-area-complete > div.row:nth-child(odd) {
  background-color: white;
}

#mobile-search-area-complete > div.row:nth-child(even) {
  background-color: #f5f5f5;
}

#mobile-search .mobile-search-button.small {
  position: relative;
  float: left;
  width: 50%;
  height: 40px;
  text-align: left;
  display: table;
  margin-top: 7px;
  box-sizing: border-box;
  border: 1px solid #89898a;
  top: 0;
  background-color: white;
  color: black;
  box-shadow: 0px 3px 0px #c4c4c4;
  transition: All 250ms ease;
}

#mobile-search .mobile-search-button-url {
  display: none;
}

#mobile-search .mobile-search-button.small:nth-child(odd) {
  border-radius: 10px 0 0 10px;
}

#mobile-search .mobile-search-button.small:nth-child(even) {
  border-radius: 0px 10px 10px 0px;
}

#mobile-search .mobile-search-button.large {
  position: relative;
  float: left;
  width: 88%;
  height: 40px;
  margin-top: 7px;
  margin-left: 6%;
  box-sizing: border-box;
  top: 0;
  background-color: white;
  color: black;
  transition: All 250ms ease;
}

#mobile-search .mobile-search-button div.button {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background-color: white;
  box-shadow: inset 0px 0px 0px 2px rgba(82, 82, 82, 1);
  margin-top: 10px;
  margin-bottom: 10px;
  float: left;
}

#mobile-search .mobile-search-button div.text {
  display: table;
  height: 40px;
}

#mobile-search .mobile-search-button div.text span {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  color: rgb(82, 82, 82);
  font-size: 10px;

}

#mobile-search .push div.button {
  box-shadow: inset 0px 0px 0px 1px rgba(82, 82, 82, 1);
  background-color: var(--text-color);
}

html.mrr #mobile-search .push div.button {
  background-color: var(--text-color);
}

html.ttc #mobile-search .push div.button {
  background-color: var(--text-color);
}

#mobile-search .noUi-handle,
#home-search-price-options .noUi-handle {
  border-radius: 22px;
  border: 0;
  box-shadow: inset 0px 0px 0px 7px rgba(82, 82, 82, 0.8);
  width: 22px;
  height: 22px;
  left: -17px;
  top: -11px;
}

#mobile-search .noUi-horizontal,
#home-search-price-options .noUi-horizontal {
  top: 6px;
  height: 4px;
}

#mobile_search_panel_price_slider {
  height: 2px;
}

#mobile-search .noUi-connect,
#home-search-price-options .noUi-connect {
  background: rgb(82, 82, 82);
  height: 2px;
}

#mobile-search #mobile-search-submit {
  margin-top: 10px;
  height: 30px;
  width: 45%;
  margin-left: 27%;
  margin-right: 27%;
  float: left;
  background-color: var(--rep-main-color);
  color: rgb(82, 82, 82);
  font-family: "Roboto", sans-serif;
  text-align: center;
  margin-bottom: 20px;
}

html.mrr #mobile-search #mobile-search-submit {
  background-color: var(--rep-main-color);
}

html.ttc #mobile-search #mobile-search-submit {
  background-color: var(--rep-main-color);
  color: #fff;
}

#mobile-search #mobile-search-submit span {
  font-size: 20px;
  line-height: 30px;
  position: relative;
  text-transform: none;
}

#mobile-search .searchpanel_price_container {
  float: left;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 18px;
}

#mobile-search .searchpanel_price_container .searchpanel_price {
  width: 70%;
  margin-left: 15%;
  text-align: center;
  font-size: 15px;
}

#mobile-search .searchpanel_price_containtext {
  width: 100%;
  margin-bottom: 8px;
}

#site-title {
  float: left;
  width: 100%;
  font-size: 16px;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  padding-top: 10px;
}

#home-container {
  max-width: 1080px;
  margin: 0 auto;
  clear: left;
}

#desktop-header {
  display: none;
  position: relative;
}

#desktop-header .facebook-header {
  position: absolute;
  right: 0;
  bottom: 8px;
}

.button-language {
  color: var(--title-color);
  transition: all 500ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

html.mrr #desktop-header .button-language {
  bottom: 14px !important;
}

.button-language:hover {
  transform: scale(1.1);
}

.button-language a {
  color: var(--title-color) !important;
}

#desktop-header .facebook-header svg {
  width: 16px;
  height: 16px;
  padding: 10px;
  border: solid 1px rgba(82, 82, 82, 0.4);
  border-radius: 40px;
  fill: var(--title-color);
  transition: all 300ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

#desktop-header .facebook-header svg:hover {
  fill: #3d5b99;
}

#desktop-header .header-buttons {
  position: absolute;
  left: 74px;
  bottom: 18px;
}

#desktop-header .connection-header {
  float: left;
  padding: 3px 8px 3px 8px;
  transition: all 500ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
  border: solid 1px rgba(82, 82, 82, 0.4);
}

#desktop-header .connected-fav {
  float: left;
  padding: 3px 8px 3px 8px;
  transition: all 500ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

#desktop-header .connected-fav svg {
  width: 30px;
  fill: red;
  margin-left: 8px;
}

#desktop-header .connected-fav span {
  line-height: 30px;
}

#desktop-header .connection-header:hover,
#desktop-header .deconnection-header:hover,
#desktop-header .connected-fav:hover {
  transform: scale(1.1);
  cursor: pointer;
}

#desktop-header .connection-header *,
#desktop-header .deconnection-header *,
#desktop-header .connected-fav * {
  color: var(--title-color);
  float: left;
}

#desktop-header .connection-header span,
#desktop-header .deconnection-header span,
#desktop-header .connected-fav span {
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 14px;
}
#desktop-header .deconnection-header {
  float: left;
  padding: 3px 8px 3px 8px;
  transition: all 500ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
  border: solid 1px rgba(82, 82, 82, 0.4);
  margin-left: 8px;
  margin-top: 8px;
}

#desktop-search {
  display: none;
}

#sidebar_menu {
  display: none;
}

.sidebar .adsbygoogle {
  clear: left;
  margin-bottom: 10px;
}
@media (max-width: 780px) {
  .sidebar {
    display: none;
  }
}

ul.flex-direction-nav {
  display: none;
}

/* BLOCK */

div.search-results > a {
  float: left;
  clear: left;
  margin-bottom: 10px;
  padding-left: 5px;
  color: var(--text-color);
  font-weight: 700;
  transition: opacity 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

div.search-results > a:hover {
  opacity: 0.6;
}

div.search-results.developer h1 {
  margin: 0;
}

li.search-listing div.listing-img {
  width: 100%;
  float: left;
  clear: left;
  position: relative;
  overflow: hidden;
}

li.search-listing div.listing-img img.listing-img-border {
  width: 20%;
  height: auto;
  right: 2px;
  bottom: -10px;
  position: absolute;
  z-index: 30;
  transition: transform 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
  z-index: 50;
}

li.search-listing div.listing-img div.listing-img-promo {
  width: 30%;
  height: auto;
  position: absolute;
  left: 50%;
  top: 70%;
  transform: translate(-50%,-50%);
  transition: all 400ms ease-in-out;
  z-index: 1;
  transform-origin: 33px;
  animation: rotateAnimation 1s /* linear infinite */ ease-in-out;
}
@media(max-width:560px){
  li.search-listing div.listing-img div.listing-img-promo {
    width: 60px;
    transform-origin: 15px;
  }
}
li.search-listing:hover div.listing-img div.listing-img-promo {
  animation: invertAnimation 1s ease-in-out forwards;
}
@keyframes invertAnimation {
	0% {
    filter: invert(0);
  }
  100% {
    filter: invert(1);
  }
}

@keyframes rotateAnimation {
	0% {
    /* transform: translate(-50%,-50%) rotateY(0deg);*/
    opacity: .6;
    filter: blur(20px);
  }
  100% {
    /* transform: translate(-50%,-50%) rotateY(360deg); */
    opacity: 1;
    filter: blur(0px);
  }
}
li.search-listing div.listing-img .occupy span {
  font-size: 10px;
  text-align: center;
  display: inline;
  float: none;
  clear: none;
  color: #fff;
  position: relative;
  box-sizing: border-box;
  margin-top: 0;
  font-weight: 100;
}

  li.search-listing div.listing-img .occupy {
    position: absolute;
    padding: 1px 1px 4px 1px;
    height: 100%;
    width: 16px;
    top: 0%;
    left: 0%;
    z-index: 3;
    background-color: rgb(0 0 0 / 50%);
    opacity: 1;
    text-align: center;
    color: #fff;
    writing-mode: vertical-rl;
    text-orientation: mixed;
  }
@media(max-width:959px){
  li.search-listing div.listing-img .occupy {
    height: 97%;
  }
}
@media (max-width: 337px) {
  li.search-listing div.listing-img .occupy {
    display: none;
  }
}
html.ttc li.search-listing div.listing-img.occupy {
  background-color: var(--rep-main-color);
}
html.ttc li.search-listing div.listing-img .occupy span {
  color: #fff;
}
li.search-listing div.listing-img .occupy.en .extra-bold {
  font-size: 10px;
}

li.search-listing div.listing-img span {
  font-size: 10px;
  text-align: center;
  width: 100%;
  float: none;
  clear: none;
  color: #fff;
  position: relative;
  box-sizing: border-box;
  margin-top: 0;
  font-weight: 100;
}

li.search-listing div.listing-img span.extra-bold {
  font-weight: 600;
}

li.search-listing div.listing-img div.listing-img-promo img {
  width: 70%;
  height: auto;
  margin: 0 auto;
  top: -5px;
  left: -5px;
  position: absolute;
}
/* @media(max-width:441px){
  li.search-listing div.listing-img div.listing-img-promo img {
    width: 80%;
  }
} */
@media (max-width: 760px) {
  li.search-listing div.listing-img div.listing-img-promo {
      width: 30%;
      bottom: 30%;
      top: unset;
  }
}
li.search-listing div.listing-img img.listing-img-base {
  object-fit: cover;
  width: 100%;
  height: auto;
  transition: all 3.5s;
}
li.search-listing figcaption{
  padding: 0px 4px 6px 4px;
}
li.search-listing h3.listing-title {
  margin-bottom: 7px;
  font-size: 16px;
  font-weight: 600;
  color: var(--text-color);
  float: left;
  clear: left;
  font-family: "Roboto", sans-serif;
  margin-top: 4px;
}
li.search-listing-extra {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  margin-top: 0px;
  margin-right: 1%;
  overflow: hidden;
}
.search-listing .splitPriceCta{
  display: flex;
  position: relative;
  width: 100%;
}
.splitPriceCta-price{
  display: flex;
  flex-direction: column;
}
.splitPriceCta-price > div {
  margin-top: 4px;
}
.splitPriceCta-price, .splitPriceCta-cta{
  flex:1;
}
.splitPriceCta-cta{
  display: flex;
  justify-content: left;
  align-items: flex-end;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 760px) {
  .splitPriceCta-cta{
    display: block;
  }
  .splitPriceCta-price > *{
    margin-bottom: 6px;
  }
}
.splitPriceCta-cta p{
  margin-top: 4px;
  width: fit-content;
  color: var(--text-color);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 2px;
}
.search-listings .search-listing:hover .splitPriceCta-cta p::after {
  width: 0%;
  animation: seeMoreShow 0.5s forwards;
}
@keyframes seeMoreShow {
  0%{
    width: 0%;
  }
  100%{
    width: 100%;
  }
}
.splitPriceCta-cta p::after {
  content: '';
  margin-top: 2px;
  width: 100%;
  height: 1px;
  display: block;
  background: var(--text-color);
  transition: 300ms;
}
.listing-score-container .listing-rating-score{
  display: inline-block;
  font-size: 12px;
}
@media(max-width: 480px) {
  .search-listing .splitPriceCta{
    flex-direction: column;
    height: 50px;
  }
  .splitPriceCta-cta p{
    position: relative;
    text-align: left;
    margin-top: 5px;
    border-bottom: none;
  }
}
html.fullwidthsite li.search-listing-extra {
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  box-shadow: none;
  justify-content: center;
  flex-direction: column;
}
@media(max-width: 349px){
  li.search-listing-extra{
    height: 285px !important;
    margin-right: 0px !important;
    margin-bottom: 10px !important;
  }
}

ul.search-listings {
  margin: 20px 0 30px 0;
  clear: left;
  width: 100%;
  display: grid;
  align-content: center;
  justify-content: start;
  align-items: start;
  justify-items: start;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  column-gap: 26px;
  row-gap: 26px;
}
ul.search-listings.search-listings-last-visit{
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}
ul.search-listings.search-listings-last-visit .lastListing{
  max-width:180px;
}
ul.search-listings li:first-child:last-child {
  max-width: 320px !important;
}
/* ul.search-listings.search-listings-close-by{
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
} */
@media (min-width:560px) and (max-width: 779px) {
  ul.search-listings {
    grid-template-columns: repeat(auto-fill, minmax(186px, 1fr));
  }
}
@media (min-width:435px) and (max-width: 559px) {
  ul.search-listings {
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    justify-items: start;
    justify-items: center;
    padding-left: 0px;
  }
  ul.search-listings li.visited-listing.relatedListing, ul:not(.js-flickity).search-listings li.lastListing{
    width: 178px;
  }
  div.listing-score-container .listing-thumb-star{
    width: 12px !important;
    height: 12px !important;
    background-size: contain !important;
  }
}
@media (min-width:316px) and (max-width: 434px) {
  ul.search-listings {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    justify-items: start;
    justify-items: center;
    padding-left: 0px;
  }
  ul.search-listings li.visited-listing.relatedListing{
    width: 140px;
  }
  ul:not(.js-flickity).search-listings li.lastListing{
    width: 100%;
  }
  li.visited-listing span.visited-title{
    font-size:10px !important;
  }
  li.visited-listing span.visited-type{
    font-size: 9px !important;
  }
  li.search-listing span{
    font-size:10px !important;
  }
  ul.search-listings.search-listings-last-visit {
    grid-template-columns: repeat(auto-fill,minmax(120px,1fr));
}
div.listing-score-container .listing-thumb-star{
  width: 12px !important;
  height: 12px !important;
  background-size: contain !important;
}
}
@media (max-width: 315px) {
  ul.search-listings {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    justify-items: start;
    justify-items: center;
    padding-left: 0px;
    column-gap: 5px;
    row-gap: 15px;
  }
  ul.search-listings li.visited-listing.relatedListing{
    width: 140px;
  }
  ul:not(.js-flickity).search-listings li.lastListing{
    width: 100%;
  }
  li.visited-listing span.visited-title{
    font-size:10px !important;
  }
  li.visited-listing span.visited-type{
    font-size: 9px !important;
  }
  li.search-listing span{
    font-size:10px !important;
  }
  ul.search-listings.search-listings-last-visit {
    grid-template-columns: repeat(auto-fill,minmax(100px,1fr));
}
div.listing-score-container .listing-thumb-star{
  width: 12px !important;
  height: 12px !important;
  background-size: contain !important;
}
}

.habitationTypeOrTypes{
  margin-top: 4px;
  clear: left;
  display: inline-block;
}
li.search-listing .listing-type {
  font-size: 12px;
  font-family: "Open sans", sans-serif;
  margin-top: 2px;
  margin-bottom:2px;
  display: inline-block;
  box-sizing: border-box;
  font-weight: 500;
  color: var(--text-color);
}
li.search-listing .listing-area {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-color);
  font-family: "Open sans", sans-serif;
  clear: both;
  display: flex;
    align-items: center;
}
li.search-listing .listing-brief{
  margin: 10px 4px 4px;
  font-size: 13px;
  line-height: 14px;
  font-weight: 400;
  color: var(--text-color);
  font-family: "Open sans", sans-serif;
}
li.search-listing .listing-brief ul{
  clear: both;
}
li.search-listing .listing-brief ul li{
  list-style: disc;
  margin: 4px 0px 0px 12px;
  display: none;
}
li.search-listing .listing-brief ul li:nth-of-type(-n+3) {
  display: list-item;
}
li.search-listing p.listing-desc {
  position: relative;
  display: block;
  margin-top: 9px;
  font-size: 12px;
  text-transform: none;
  font-family: "Open sans", sans-serif;
  float: left;
  clear: left;
  overflow: hidden;
  height: 50px;
  width: 100%;
  text-align: left;
  color: rgb(82, 82, 82);
  box-sizing: border-box;
  line-height: 1.4;
}

li.search-listing div.listing-score-container {
  height: 18px;
  display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
}

div.listing-score-container .listing-thumb-star {
  width: 15px;
  height: 15px;
  float: left;
  margin: 0 10px 0 0;
}
.starColorFill{
  fill: #525252;
}
div.listing-score-container .listing-thumb-star.active {

}

div.listing-score-container .listing-thumb-star.semi-active {

}

li.search-listing .listing-extras {
  min-height: 25px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.listing-id {
  display: none;
}

li.search-listing .listing-extras .listing-price, li.search-listing .listing-extras .listing-price-buy, li.search-listing .listing-extras .listing-price-rent  {
  width: fit-content;
  display: inline-block;
  font-size: 12px;
  margin-top: 0;
  margin-left: 2px;
}

li.search-listing .listing-extras .listing-favorite {
  float: right;
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
  clear: none;
  margin-right: 2px;
}

/* BLOCK */

/* LAST VISITED */

div.lone-component-container {
  width: 100%;
  float: left;
  clear: left;
}

span.search-listings-title {
  color: rgb(82, 82, 82);
  padding-top: 5px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  width: 100%;
  float: left;
  clear: left;

  margin-top: 16px;
  font-size: 22px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}
.close-by-listings ul.search-listings.js-flickity {
  display: block;
}
div.close-by-listings {
  width: 80%;
  overflow: hidden;
  margin: 30px auto;
}
ul#visited-listings {
  float: left;
  clear: left;
  width: 100%;
}
li.visited-listing div.visited-img {
  text-align: center;
  position: relative;
  width: 100%;
  float: left;
  clear: left;
}

li.visited-listing div.visited-img img.visited-img-border {
  position: absolute;
  width: 35px;
  height: 35px;
  bottom: -10px;
  right: 0px;
}

li.visited-listing div.visited-img img.visited-img-base {
  width: 100%;
  max-width: 190px;
  height: auto;
  margin: auto;
}

li.visited-listing span {
  width: 200px;
}

li.visited-listing {
  float: left;
  position: relative;
}
li.visited-listing.relatedListing {
  margin-right: 1%;
}

li.visited-listing span {
  color: rgb(82, 82, 82);
  margin-top: 1px;
  width: 100%;
  text-align: left;
  float: left;
  clear: left;
  font-size: 12px;
  position: relative;
  box-sizing: border-box;
}

li.visited-listing span.visited-title {
  height: 28px;
  line-height: 14px;
  font-size: 14px;
  font-weight: 500;
  float: left;
  clear: left;
  font-family: "Roboto", sans-serif;
  margin-top: 4px;
  text-transform: uppercase;
  padding-left: 2px;
  position:relative;
  overflow: hidden;
}

li.visited-listing span.visited-type {
  font-size: 12px;
  padding: 3px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  margin-top: 2px;
  box-sizing: border-box;
  color: var(--title-color);
  text-transform: uppercase;
  float: left;
  clear: left;
}

li.visited-listing span.visited-area {
  display: block;
  float: unset;
  clear: left;
  height: 32px;
  padding-left: 2px;
  font-size: 11px;
  font-weight: 300;
  color: var(--text-color);
  font-family: "Roboto", sans-serif;
  border-top: 1px solid #b6b6b6;
  line-height: 15px;
}

/* LAST VISITED END */

/* LOGIN WINDOW */

.login-overlay {
  display: none;
  overflow: auto;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 400;
  background-color: rgba(0, 0, 0, 0.3);
  top: 0;
  -webkit-overflow-scrolling: touch;
}

#login-window strong {
  font-weight: 700;
}

#login-window {
  width: 280px;
  height: 400px;
  margin: 40px auto 40px auto;
  background-color: white;
  position: relative;
}

#login-window .close:hover {
  cursor: pointer;
}

#login-window .close {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  border: 2px solid white;
  top: -18px;
  right: -18px;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.6);
  background-image: url(/resources/images/deletehypo.png);
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position: center center;
  background-clip: content-box;
}

#login-window .logo-container {
  width: 100%;
  background-color: white;
  text-align: center;
  margin-bottom: 10px;
}

#login-window .logo-container img {
  display: block;
  float: left;
  width: 40%;
  margin: 10px 30% 10px 30%;
}

#login-window .logo-container span {
  font-size: 20px;
  color: var(--text-color);
}

#login-window .choice-container {
  position: relative;
  width: 96%;
  margin-left: 2%;
  height: 45px;
  padding: 8px 0 8px 0;
}

#login-window .choice-container span {
  text-align: left;
  color: var(--title-color);
  font-size: 16px;
  line-height: 28px;
}

html.ttc #login-window .choice-container .active {
  border: 1px solid var(--rep-main-color);
}

html.mrr #login-window .choice-container .active {
  border: 1px solid var(--rep-main-color);
}

#login-window .choice-container .active {
  border: 1px solid var(--rep-main-color);
}

#login-window .choice-container div {
  box-sizing: border-box;
  width: 40%;
  height: 28px;
  float: left;
  text-align: center;
  position: relative;
  transition: transform 300ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

#login-window .choice-container div.connect {
  margin-left: 5%;
  margin-right: 5%;
}

#login-window .choice-container div.create {
  margin-left: 5%;
  margin-right: 5%;
}

#login-window .choice-container div:hover {
  transform: scale(1.05);
  cursor: pointer;
}

html.mrr #login-window .choice-container .active span {
  border-bottom: 1px solid #fff;
}

#login-window .choice-container .active span {
  border-bottom: 1px solid #fff;
}

#login-window .form-container {
  width: 100%;
}

#login-window .form-container input {
  float: left;
  clear: both;
  margin-top: 10px;
  margin-left: 6%;
  margin-right: 6%;
  padding: 5px;
  width: 88%;
  border: none;
  border-bottom: 1px solid #dfe2e5;
  font-size: 16px;
  font-weight: 600;
  color: black;
  border-radius: 0;
  box-sizing: border-box;
  outline: none;
}

#login-window .facebook-block {
  overflow: auto;
}

#login-window .facebook-option {
  float: left;
  clear: both;
  margin-left: 6%;
  margin-right: 6%;
  width: 88%;
  margin-top: 15px;
  font-size: 14px;
  text-align: center;
}

#login-window .facebook-link {
  text-align: center;
  float: left;
  clear: both;
  margin-left: 6%;
  margin-right: 6%;
  width: 88%;
  height: 36px;
  line-height: 36px;
  margin-top: 6px;
  background-color: #3b5998;
  border-radius: 12px;
  box-sizing: border-box;
  font-size: 14px;
  padding-bottom: 6px;
  color: white;
}

#login-window .facebook-link:hover {
  cursor: pointer;
}

#login-window .form-container .error-message {
  display: none;
  float: left;
  clear: left;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(100% - 20px);
  margin-top: 10px;
  font-size: 14px;
  color: #e54040;
}

#login-window .form-container .forgot {
  clear: left;
  float: right;
  font-size: 14px;
  margin-right: 6%;
  margin-left: 6%;
  margin-top: 10px;
  color: var(--title-color);
  width: 88%;
  text-align: center;
}

#login-window .form-container .forgot:hover {
  cursor: pointer;
}

#login-window .consent-container {
  width: 88%;
  padding-left: 6%;
  padding-right: 6%;
  overflow: auto;
  margin-top: 10px;
}

#login-window .consent-container svg {
  float: left;
  width: 18px;
  padding-right: 10px;
  height: 30px;
}

#login-window .consent-container span {
  float: left;
  width: 80%;
  font-size: 10px;
  line-height: 16px;
  color: black;
}

#login-window .confirm-container {
  margin-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  height: 50px;
  text-align: center;
  transition: all 300ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

#login-window .confirm-container:hover {
  transform: scale(1.05);
  cursor: pointer;
}

#login-window .confirm-container span {
  color: var(--title-color);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 50px;
  border: solid 1px rgba(82, 82, 82, 0.4);
  padding: 3px 8px 3px 8px;
}

#login-window .success-container {
  display: none;
  overflow: auto;
  padding: 10px;
  margin-top: 10px;
}

#login-window .success-container span {
  font-size: 14px;
}

#login-window .success-container img {
  width: 50px;
  margin: 0 auto;
  display: block;
}

/* LOGIN WINDOW END */

/* SIDEBAR */

div.menu_type_row a {
  width: auto;
  height: auto;
}

span#slides-number, span.ad-title{
  color: var(--text-color);
  font-size: 10px !important;
  margin-left: 2px;
  display: inline-block;
  clear: none;
}

svg.ad-arrow {
  float: left;
  width: 13px;
  height: 13px;
  margin-left: 3px;
}

.sidebar > a > img {
  float: left;
  clear: left;
  margin-bottom: 10px;
  width: 100%;
}

.sidebar-most-popular {
  float: left;
  clear: left;
  margin-bottom: 10px;
  width: 98%;
  margin: 0 1%;
}

.sidebar-most-popular > h4 {
  float: left;
  width: 100%;
  font-size: 17px;
  padding: 3px 0 5px;
  text-transform: uppercase;
  border-top: 1px solid var(--border-color);
  margin-top: 10px;
  color: var(--text-color);
}

html.mrr .sidebar-most-popular > h4 {
  border-bottom: 1px solid var(--border-color);
}

.sidebar-most-popular .habitation {
  font-family: "Roboto", sans-serif;
  width: 30%;
  margin-right: 10px;
  float: left;
  margin-top: 5px;
}

.sidebar-most-popular .habitation img {
  width: 100%;
  height: auto;
}

html.mrr .sidebar-most-popular .title {
  font-size: 13px;
}

html.mrr .sidebar-most-popular .area {
  font-size: 13px;
}

html.mrr .sidebar-most-popular a:nth-child(odd) .habitation {
  margin-right: 10px;
}

.sidebar-most-popular a:nth-child(odd) .habitation {
  margin-right: 0;
}

html.mrr .sidebar-most-popular a:nth-child(5) .habitation {
  clear: left;
}

.sidebar-most-popular .row {
  float: left;
  clear: left;
  padding-top: 6px;
  padding-bottom: 6px;
  border-top: 1px solid var(--border-color);
}

.sidebar-most-popular:nth-child(2) .row {
  border-bottom: 1px solid var(--border-color);
}

.sidebar-most-popular .row div.habitation {
  font-family: "Roboto", sans-serif;
  width: 32%;
  margin-right: 2%;
  float: left;
  transition: all 300ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

.sidebar-most-popular .row div.habitation:hover {
  transform: scale(1.05);
}

.sidebar-most-popular .title {
  float: left;
  clear: left;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 12px;
  margin-top: 0.5em;
  color: var(--text-color);
}

.sidebar-most-popular .area {
  float: left;
  clear: left;
  font-size: 10px;
  font-weight: 300;
  line-height: 13px;
  color: var(--text-color);
}

#home-quick-search {
  display: none;
}

.sidebar-most-popular .row .habitation img {
  width: 100%;
}

.sidebar-most-popular .row a:last-child .habitation {
  margin-right: 0;
}

div.menu_type_row {
  float: left;
  clear: left;
  width: 100%;
}

div.menu_type_row.menu_type_row_first {
  margin-top: 0px;
}

div.menu_type_row {
  margin-top: 4px;
}

div.menu_type_box_first {
  margin-right: 2%;
}

section.extras-mobile div.menu_type_row.single .menu_type_box {
  width: 100%;
}

div.menu_type_row.single .menu_type_box {
  width: 100%;
}

div.menu_type_row.single .menu_type_box_text1 {
  position: absolute;
  top: 22px;
  left: 10px;
  color: #515151;
  font-size: 18px;
}

div.menu_type_row.single .menu_type_box_text2 {
  position: absolute;
  top: 44px;
  left: 10px;
  color: white;
  font-size: 34px;
  font-weight: 800;
}

div.menu_type_row.single .overlay {
  position: absolute;
  right: 0;
  width: 300px;
  height: 148px;
}

div.menu_type_box {
  position: relative;
  width: 49%;
  height: 148px;
  z-index: 25;
  float: left;
  -webkit-transition: all 0.5s cubic-bezier(0.465, 0.183, 0.153, 0.946);
  -moz-transition: all 0.5s cubic-bezier(0.465, 0.183, 0.153, 0.946);
  -ms-transition: all 0.5s cubic-bezier(0.465, 0.183, 0.153, 0.946);
  -o-transition: all 0.5s cubic-bezier(0.465, 0.183, 0.153, 0.946);
  transition: all 0.5s cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

div.menu_type_box:hover {
  transform: scale(1.1);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  z-index: 30;
}

div.menu_type_box_img,
img.menu_type_box_img {
  width: 100%;
  height: 100%;
  -webkit-box-shadow: inset 5px 5px 30px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 5px 5px 30px 0px rgba(0, 0, 0, 0.4);
  box-shadow: inset 5px 5px 30px 0px rgba(0, 0, 0, 0.4);
  background-size: 100% auto;
}

div.menu_type_box_shadow {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  background-color: black;
  opacity: 0.6;
  z-index: 5;
}

p.menu_type_box_text1 {
  color: white;
  position: absolute;
  bottom: 20px;
  z-index: 10;
  font-size: 17px;
  left: 5px;
  margin-bottom: 0px;
}

p.menu_type_box_text2 {
  color: white;
  position: absolute;
  bottom: 4px;
  left: 5px;
  z-index: 15;
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 0px;
}

p.menu_type_box_text2.smaller {
  font-size: 16px;
}

nav.menu_type_content {
  float: left;
  clear: left;
  margin: 0 1%;
  margin-bottom: 10px;
  width: 98%;
}

/* PAGINATION */

ul#search-pagination {
  width: 100%;
  height: 50px;
  clear: left;
}

ul#search-pagination li.prev {
  width: 20%;
  background-image: url(../images/gif/btn-previous.gif);
  background-repeat: no-repeat;
  background-position: center;
}

ul#search-pagination li.next {
  width: 20%;
  background-image: url(../images/gif/btn-next.gif);
  background-repeat: no-repeat;
  background-position: center;
}

ul#search-pagination li.next-unav {
  width: 20%;
  background-image: url(../images/gif/btn-next-unavailable.gif);
  background-repeat: no-repeat;
  background-position: center;
}

ul#search-pagination li.prev-unav {
  width: 20%;
  background-image: url(../images/gif/btn-previous-unavailable.gif);
  background-repeat: no-repeat;
  background-position: center;
}

ul#search-pagination li {
  width: 60%;
  height: 50px;
  float: left;
  text-align: center;
  line-height: 50px;
  color: var(--text-color);
}

ul#search-pagination li.current {
  color: black;
}

ul#search-pagination li:hover {
  color: black;
}

ul#search-pagination li:active {
  color: black;
}

/* PAGINATION END */

div.advanced-search #map {
  float: left;
  clear: left;
  width: 100%;
  height: 200px;
}

div.advanced-search #lmap,  div.interactive-map #lmap {
  float: left;
  clear: left;
  width: 100%;
  height: 300px;
  z-index: 20;
  margin-bottom: 30px;
}
@media(max-width:780px){
  div.advanced-search #lmap,  div.interactive-map #lmap {
    width: 100%;
    height: 200px;
  }
}
/* GOOGLE MAPS */

div.google-infobox-click {
  width: 210px;
  height: 90px;
  font-family: "Open sans", sans-serif;
}

div.google-infobox-click img.listing-img {
  float: left;
  width: 60px;
  height: 45px;
  margin-top: 0px;
}
div.google-infobox-click span.listing-goTo{
  display: block;
  position: absolute;
  bottom: 14px;
  left: 49%;
  margin-top: 38px;
  color: #535353;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom:1px solid #535353;
  transition: all ease-in-out 0.3s;
}
@media(max-width: 959px){
   .leaflet-popup-content{
    margin: 5px 5px !important;
  } 
  div.google-infobox-click span.listing-goTo{
    left: 146px !important;
    bottom: 9px !important;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 10px;
  }

  div.google-infobox-click span.listing-type {
    float: left !important;
    width: 100px !important;
    font-size: 8px !important;
    padding: 0px 2px !important;
    margin-bottom: 0px !important;
  }
  div.google-infobox-click span.listing-feature-extras{
    margin-left: 0px !important;
  }
  div.google-infobox-click span.listing-price{
    font-size: 10px !important;
    width: 84px;
  }
}
div.google-infobox-click:hover span.listing-goTo{
  color: #000;
}
div.google-infobox-click span.listing-name{
  font-family: "Roboto", sans-serif;
  line-height: 12px;
  float: right;
  width: 147px;
  text-transform: uppercase;
  height: 28px;
  font-size: 14px;
  font-weight: 500;
  color: rgb(82, 82, 82);
}
div.listing-name {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  height: 28px;
  text-align: left;
  float: left;
  font-size: 14px;
  font-weight: 500;
  color: rgb(82, 82, 82);
}
div.google-infobox-click span.listing-type {
  font-family: "Roboto", sans-serif;
  float: right;
  width: 143px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 12px;
  color: var(--title-color);
  padding: 0px;
  margin-bottom: 1px;
}

div.google-infobox-click span.listing-feature-extras {
  float: right;
  margin-left: 2px;
  width: 145px;
}
div.google-infobox-click span.listing-price {
  font-family: "Open sans", sans-serif;
  color: var(--text-color);
  float: left;
  width: 173px;
  line-height: 18px;
  font-size: 12px;
  text-align: left;
  font-weight: bold;
}

div.google-infobox-click p.listing-desc {
  display: none;
}

div.google-infobox-click div.listing-favorite {
  display: none;
}

div.google-infobox-hover div.not-favorite {
  background-image: url("/resources/images/svg/favorite-heart.svg");
  background-size: 30px 30px;
  background-repeat: no-repeat;
}

div.google-infobox-hover div.favorite {
  background-image: url("/resources/images/svg/favorite-checked.svg");
  background-size: 30px 30px;
  background-repeat: no-repeat;
}

div.google-infobox-click div.not-favorite {
  background-image: url("/resources/images/svg/favorite-heart.svg");
  background-size: 30px 30px;
  background-repeat: no-repeat;
}

div.google-infobox-click div.favorite {
  background-image: url("/resources/images/svg/favorite-checked.svg");
  background-size: 30px 30px;
  background-repeat: no-repeat;
}

div.google-infobox-click div.listing-favorite:hover {
  cursor: pointer;
}

/* GOOGLE MAPS END */

div.listing-related-container {
  padding-bottom: 16px;
}

form div.g-recaptcha {
  margin: 0 auto;
  float: left;
  margin-top: 10px;
  width: 304px;
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}

div.listing-contact {
  background-color: rgba(209, 209, 209, 0.6);
  padding: 10px;
  margin-top: 10px;
}

div.listing-contact > * {
  float: left;
  clear: left;
  margin-top: 5px;
}

div.listing-contact a {
  color: rgb(82, 82, 82);
}

div.listing-contact h3 {
  font-weight: 600;
}

div.listing-contact a.website {
  width: 100%;
  padding: 10px;
  background-color: var(--rep-main-color);
  box-sizing: border-box;
}

div.listing-article > * {
  color: var(--text-color);
}

div.listing-article span {
  color: var(--text-color);
  font-size: 16px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

div.listing-article .listing-article-image {
  overflow: hidden;
  margin-top: 4px;
  position: relative;
}

div.listing-article .listing-article-image:hover div.overlay,
div.listing-related-posts .listing-related-image:hover div.overlay {
  -ms-transform: scale(1.1);
  /* IE 9 */
  -webkit-transform: scale(1.1);
  /* Chrome, Safari, Opera */
  transform: scale(1.1);
}

div.listing-article .listing-article-image:active div.overlay,
div.listing-related-posts .listing-related-image:active div.overlay {
  -ms-transform: scale(1.1);
  /* IE 9 */
  -webkit-transform: scale(1.1);
  /* Chrome, Safari, Opera */
  transform: scale(1.1);
}

div.listing-article .listing-article-image:hover div.overlay,
div.listing-related-posts .listing-related-image:hover div.overlay {
  background: rgba(78, 78, 78, 0.57);
}

div.listing-article .listing-article-image:active div.overlay,
div.listing-related-posts .listing-related-image:active div.overlay {
  background: rgba(78, 78, 78, 0.57);
}

div.listing-related-posts .overlay svg {
  width: 30%;
  height: 45%;
  margin-left: 35%;
  margin-top: 18.5%;
}
.listing-related-posts>span{
  display: block;
  margin: 10px 0px;
}
div.listing-article .overlay,
.listing-article-image .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.7;
  -webkit-transition: 0.4s ease-out;
  -moz-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}

div.listing-article .overlay svg,
.listing-article-image .overlay svg {
  width: 30%;
  height: 30%;
  margin-left: 35%;
  margin-top: 24%;
}

div.listing-related-posts > span {
  color: var(--text-color);
  font-size: 16px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

span.listing-detail-video {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 30px;
  margin-top: 12px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

div.listing-related-posts img {
  float: left;
  width: 100%;
  height: 230px;
  object-fit: cover;
  transition: box-shadow 0.5s ease;
}

div.listing-related-posts ul li span {
  float: left;
  clear: left;
  color: var(--text-color);
  margin-top: 2px;
  font-size: 14px;
  font-family: "Open sans", sans-serif;
}

div.listing-related-posts li {
  float: left;
}

div.listing-related-posts li:nth-child(3n) {
  clear: left;
  margin-top: 5px;
}
.listing-related-image img,
.listing-article-image img {
  width: 300px;
  height: 160px;
  object-fit: cover;
  width: 100%;
  transition: all 0.5s ease-in-out;
}

div.static-content {
  padding: 0px 5px 10px 5px;
}

div.static-content * {
  font-family: "Open sans", "sans-serif";
  color: rgb(82, 82, 82);
}

div.static-content > a {
  float: left;
  clear: left;
  width: 100%;
  margin-top: 6px;
}

div.static-content a {
  font-weight: bold;
}

div.static-content form {
  width: 100%;
  margin-top: 10px;
  float: left;
  clear: left;
  margin-bottom: 10px;
}

div.static-content form * {
  float: left;
  clear: left;
  margin-top: 3px;
  margin-left: 0;
}

div.static-content .col {
  float: left;
  width: 100%;
}

div.static-content form input,
div.static-content form textarea {
  width: 100%;
  border-radius: 0;
}

div.static-content form input {
  font-size: 13px;
}

div.static-content form textarea,
div.static-content form input {
  box-sizing: border-box;
  border-top: none;
  border-left: none;
  border-right: none;
  margin-top: 12px;
}

div.static-content form textarea {
  font-size: 13px;
  height: 46px;
}

div.static-content form input[type="submit"] {
  height: 40px;
  text-align: center;
  background-color: #dddddd;
}

div.static-content form .submit-mail {
  height: 24px;
  transition: opacity 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
  margin: 20px 0px -70px 80px;
  background-color: #fff;
  padding-top: 14px;
  padding-bottom: 8px;
  font-size: 19px;
  border: solid 1px rgba(0, 0, 0, 0.22);
  text-transform: uppercase;
  font-weight: 800;
  animation-name: move-send;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
}

html.mtlgc div.static-content form .submit-mail {
  color: var(--rep-main-color);
}

html.mrr div.static-content form .submit-mail {
  color: var(--rep-main-color);
}

html.ttc div.static-content form .submit-mail {
  color: var(--rep-main-color);
}
.send-contact-container {
  position: relative;
  width: 80%;
  height: 50px;
  margin: 0px auto 20px;
  text-align: center;
  background-color: var(--rep-main-color);
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  cursor: pointer;
  transition: all .6s ease-in-out;
}

.send-contact-container:hover {
  background: var(--rep-main-color);
  box-shadow: 0px 0px 5px 0px rgb(187 187 187 / 56%);
}

.send-contact-container > svg {
  width: 24px;
  margin-left: 10px;
  transition: transform .6s ease-in-out;
}
html.ttc .send-contact-container svg circle{
  stroke: #fff !important;
}
html.ttc .send-contact-container svg path{
  fill: #fff !important;
}
.send-contact-container:hover svg {
  transform: translateX(5px);
}

.send-contact-container:active {
  transform: scale(0.95);
}
.send-contact {
    color: #000;
    font-size: 16px;
    font-weight: 500;
}
html.mtlgc .send-contact {
  color: #000;
}
html.mrr .send-contact {
  color: #000;
}
html.ttc .send-contact {
  color: #fff;
}
div.static-content form .submit-mail:hover {
  cursor: pointer;
  color: #fff !important;
}

html.mtlgc div.static-content form .submit-mail:hover {
  background: var(--rep-main-color);
  border: solid 1px #fbd002;
}

html.mrr div.static-content form .submit-mail:hover {
  background: var(--rep-main-color);
  border: solid 1px var(--rep-main-color);
}
html.ttc div.static-content form .submit-mail:hover {
  background: var(--rep-main-color);
  border: solid 1px var(--rep-main-color);
  color: #fff;
}
div.static-content .standalone {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
}

div.static-content div.video {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border-color);
}

div.static-content div.video video {
  width: 70%;
}

div.static-content ul {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border-color);
}

div.static-content ul li {
  float: left;
  list-style-type: disc;
  margin-left: 20px;
  margin-top: 8px;
  line-height: 16px;
  width: 75%;
}
div.static-content.legal ul{
  border-bottom: none;
}
div.static-content.legal h3{
margin-top: 10px;
}
div.static-content a.mediakit {
  border-bottom: 1px solid var(--border-color);
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 0;
}

div.static-content img.mediakit {
  width: 40%;
  margin-left: 13%;
  border: 1px solid var(--border-color);
}

div.static-content img.mediakit:hover {
  opacity: 0.5;
}

div.static-content img {
  width: 100%;
  height: auto;
}

div.static-content h1 {
  font-size: 24px;
  margin-bottom: 6px;
  font-weight: 700;
}

div.static-content h2 {
  font-size: 22px;
}

div.static-content p {
  line-height: 16px;
  width: 70%;
  margin-top: 10px;
}
@media(max-width:480px){
  div.static-content{
    padding: 0px 10px;
    width: 90%;
  }
  div.static-content p {
    width: 100%;
  }
}
div.static-content p,
div.static-content ul {
  font-size: 13px;
}

div.static-content ul {
  overflow: auto;
}

div.static-content .promotion-single {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #b6b6b6;
}

div.static-content .service-single {
  margin-top: 14px;
}

div.static-content.legal h2 {
  margin-top: 12px;
  margin-bottom: 4px;
}

div.static-content .promotion-single h2 {
  margin-top: 6px;
}

div.static-content .about-container {
  margin-top: 10px;
}

div.static-content .about-box {
  margin-top: 10px;
  width: 100%;
  float: left;
  clear: left;
}

div.static-content .about-box:hover div.img-container .title {
  top: 80px;
}

div.static-content .about-box * {
  float: left;
  clear: left;
  width: 100%;
}

div.static-content .about-box div.img-container {
  position: relative;
  overflow: hidden;
}

div.static-content .about-box div.img-container:hover {
  cursor: pointer;
}

html.mrr div.static-content .about-box div.img-container .title {
  background-color: rgba(5, 184, 209, 0.7);
}

div.static-content .about-box div.img-container .title {
  height: 50px;
  background-color: rgba(251, 207, 0, 0.7);
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: top 300ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
  text-align: center;
}

html.mrr .comparatif {
  background: url(../images/comparatif.jpg);
  width: 50%;
  height: 15px;
}

html.mrr .comparatif p {
  font-size: 18px;
  width: 100%;
  padding: 20px 0px;
  background-color: #ffffff;
  text-align: left;
  line-height: 24px;
}

html.mrr .comparatif p bold {
  font-weight: 700;
}

html.mrr .comparatif .cta {
  height: 24px !important;
  transition: opacity 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
  margin: 23% 0px 0px 34% !important;
  width: 124px !important;
  background-color: #fff;
  padding-top: 14px;
  padding-bottom: 8px;
  font-size: 19px;
  border: solid 1px rgba(0, 0, 0, 0.22);
  text-transform: uppercase;
  font-weight: 400;
  animation-name: move-pdf;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

html.mrr .comparatif .cta:hover {
  background: #cccccc !important;
  color: #fff;
}

@keyframes move-pdf {
  0% {
    padding-left: 20px;
    padding-right: 20px;
  }

  33% {
    padding-left: 10px;
    padding-right: 30px;
  }

  66% {
    padding-left: 30px;
    padding-right: 10px;
  }

  100% {
    padding-left: 20px;
    padding-right: 20px;
  }
}

html.mrr .comparatif-usefull-link {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-around;
  margin-bottom: 40px;
  text-align: left;
}

html.mrr .comparatif-usefull-link .comparatif-usefull-link--texte {
  margin: 30px 0;
}

html.mrr .comparatif-usefull-link .comparatif-usefull-link--texte h2 {
  font-size: 16px;
}

html.mrr
  .comparatif-usefull-link
  .comparatif-usefull-link--article
  .comparatif-usefull-link--article__button {
  height: 24px !important;
  transition: opacity 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
  margin: 14px auto !important;
  width: 146px !important;
  background-color: #fff;
  padding-top: 14px;
  padding-bottom: 8px;
  font-size: 19px;
  border: solid 1px rgba(0, 0, 0, 0.22);
  text-transform: uppercase;
  font-weight: 400;
  animation-name: move-send;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
  color: var(--rep-main-color);
}

@media (max-width: 600px) {
  html.mrr
    .comparatif-usefull-link
    .comparatif-usefull-link--article
    .comparatif-usefull-link--article__button {
    display: none;
  }
}

html.mrr
  .comparatif-usefull-link
  .comparatif-usefull-link--article
  .comparatif-usefull-link--article__button:hover {
  background: #cccccc !important;
  color: #fff;
}

html.mrr .comparatif-usefull-link .comparatif-usefull-link--article {
  width: 48%;
  transition: all 0.5s ease-in-out;
  height: 342px;
  border: 1px solid #e6e6e7;
}
html.mrr .comparatif-usefull-link .comparatif-usefull-link--article:hover {
  transform: scale(1.03);
}

html.mrr .comparatif-usefull-link .comparatif-usefull-link--article p {
  width: 100%;
  padding: 6px;
  font-weight: 400;
  font-size: 13px;
}

html.mrr .comparatif-usefull-link .comparatif-usefull-link--article h4 {
  padding: 6px;
}

div.static-content .about-box div.img-container .title * {
  color: white;
  font-size: 24px;
  letter-spacing: 5px;
  line-height: 50px;
  float: none;
  clear: none;
}

div.static-content .about-box div.text {
  background-color: black;
  display: none;
}

div.static-content .about-box p,
div.static-content .about-box a {
  color: white;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}

div.static-content .about-box a.inline {
  width: auto;
  padding: 0;
  clear: none;
  float: none;
}

div.notfound p {
  margin-bottom: 10px;
}

div.developer-details {
  margin: 10px 0 10px 0;
  float: left;
  clear: left;
  display: grid;
  grid-template-columns: 2fr 4fr;
  overflow: hidden;
}
.developer-info{
  padding: 10px;
}
.developer-website-link{
  font-size: 12px;
  font-weight: 600;
  position: relative;
  height: 38px;
  width: 220px;
  margin-top: 23px;
  text-align: center;
  background-color: #efefef;
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  border-radius: 18px;
  cursor: pointer;
  transition: all .6s ease-in-out;
}

.developer-website-link:hover {
  background-color: var(--text-color);
  color: #efefef;
}
.developer-website-link:hover div{
  color: #efefef;
}
@media (max-width: 580px) {
  div.developer-details {
    display: block;
  }
  .developerImage {
    max-width: 250px;
  }
}

div.developer-details > * {
  float: left;
  clear: left;
}

div.developer-details h1 {
  font-size: 24px;
  color: rgb(82, 82, 82);
  font-weight: bold;
  margin: 10px 0px;
}

div.developer-details p {
  max-width: 640px;
  margin-top: 5px;
  font-size: 14px;
  margin-bottom: 5px;
  color: rgb(82, 82, 82);
  line-height: 1.3;
}

div.developer-details a {
  color: rgb(82, 82, 82);
}

/* div.developer-details a div {
  display: block;
  position: relative;
  width: 40px;
  float: left;
  height: 40px;
  background: url(/resources/images/website-icon.svg) no-repeat;
  background-size: 70%;
  background-color: #757a7b;
  background-position: center;
  transition: opacity 300ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
  border-radius: 25px;
}
div.developer-details a div:hover {
  opacity: 0.5;
} */
div.dev-projects{
  margin-top: 35px;
}
.dev-projects h2.dev-projects-title{

  color: var(--text-color);
  font-family: "Open sans", sans-serif;
  font-weight: 700;
  float: left;
  font-size: 42px !important;
  letter-spacing: -2px;
  padding: 24px 0px 0px 0px;
  margin: 10px;
  transition: all 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);

}
.gmap_coords {
  display: none;
}

#full-container {
  width: 100%;
}

/* PAYPAL MODULE */

.register-module h1 {
  font-size: 22px;
  font-weight: 600;
  color: var(--text-color);
  float: left;
  clear: left;
  margin-left: 10px;
}

.register-list {
  float: left;
  clear: left;
  width: 90%;
  margin-left: 5%;
}

.register-list * {
  box-sizing: border-box;
}

.register-list > div {
  width: 100%;
  border: 1px solid black;
  float: left;
  clear: left;
  margin-top: 10px;
  height: 100px;
  transition: all 300ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

.register-list > div:hover {
  transform: scale(1.03);
}

.register-list > div > a {
  display: block;
  width: 100%;
  height: 100%;
}

.register-list > div div.img-container {
  float: left;
  margin-left: 2%;
  width: 150px;
  height: 100%;
}

.register-list > div div.text-container {
  float: left;
  margin-left: 2%;
  width: calc(96% - 150px);
  height: 100%;
  padding: 5px;
}

.register-list > div div.text-container * {
  float: left;
  clear: left;
}

.register-list h2 {
  font-size: 20px;
  font-weight: 600;
}

.register-list p {
  margin-top: 5px;
}

.regnoacc-form {
  float: left;
  clear: left;
  width: 90%;
  margin-left: 5%;
}

.regnoacc-form .label {
  margin-top: 5px;
  float: left;
  clear: left;
  font-size: 18px;
  color: var(--text-color);
}

.regnoacc-form .warning {
  margin-top: 7px;
  margin-left: 20px;
  float: left;
  font-size: 16px;
  color: var(--text-color);
}

.regnoacc-form input {
  margin-top: 3px;
  float: left;
  clear: left;
  width: 100%;
  font-size: 16px;
  padding: 3px;
  border: 1px solid black;
}

.regnoacc-form select {
  margin-top: 3px;
  float: left;
  clear: left;
  width: 101%;
  font-size: 16px;
  padding: 3px;
  border: 1px solid black;
}

.regnoacc-form .submit {
  width: 90%;
  float: left;
  clear: left;
  margin-top: 20px;
  padding: 20px;
  text-align: center;
}

.regnoacc-form .submit:hover {
  cursor: pointer;
}

.regnoacc-form .g-recaptcha {
  float: left;
  clear: left;
  margin-top: 10px;
}

#ad-form {
  width: 100%;
  float: left;
  clear: left;
  margin-top: 10px;
}

#ad-form > * {
  width: 100%;
  float: left;
  clear: left;
}

#ad-form .section > * {
  float: left;
  clear: left;
}

#ad-form .section h2 {
  margin-top: 10px;
  font-weight: 700;
}

.ad-sectionheadingtotal {
  margin-top: 10px;
  float: left;
  clear: left;
  width: 100%;
  position: relative;
}

.ad-sectionheadingtotal span {
  position: relative;
  z-index: 20;
  width: 36px;
  height: 36px;
  background-color: #aeaeae;
  display: block;
  text-align: center;
  font-weight: 700;
  font-size: 26px;
  color: white;
  line-height: 36px;
  border-radius: 50%;
  float: left;
  margin-left: 6%;
}

.ad-sectionheadingtotal span.active {
  background-color: rgb(82, 82, 82);
}

.ad-sectionheadingtotal span:first-child {
  margin-left: 0;
}

.ad-sectionheadingtotal div {
  display: none;
  z-index: 10;
  position: absolute;
  width: calc(99% - 35px);
  left: 35px;
  margin-top: 16px;
  border-bottom: 2px solid rgb(82, 82, 82);
  float: left;
}

.ad-sectionheading {
  float: left;
  clear: left;
  width: 100%;
  position: relative;
}

.ad-sectionheading span {
  width: 36px;
  height: 36px;
  background-color: rgb(82, 82, 82);
  display: block;
  text-align: center;
  font-weight: 700;
  font-size: 26px;
  color: white;
  line-height: 36px;
  border-radius: 50%;
  float: left;
}

.ad-sectionheading div {
  position: absolute;
  width: calc(100% - 35px);
  left: 35px;
  margin-top: 16px;
  border-bottom: 2px solid rgb(82, 82, 82);
  float: left;
}

#ad-form .ad-box.inactive .checkmark {
  background-image: url(../images/checkmark-nocheck.png);
}

#ad-form .checkmark {
  float: left;
  width: 50px;
  height: 58px;
  background-image: url(../images/checkmark.png);
  background-size: 40px 40px;
  background-position: center center;
  background-repeat: no-repeat;
}

#ad-form .ad-box {
  margin-top: 10px;
  width: 100%;
  box-sizing: border-box;
  background-color: white;
  transition: all 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

#ad-form .ad-box.inactive:hover {
  cursor: pointer;
  background-color: rgba(251, 207, 0, 0.5);
}

#ad-form .ad-box .checkmark:hover {
  cursor: pointer;
}

#ad-form .ad-box .checkmark {
  clear: none;
}

#ad-form .ad-box .header {
  padding: 5px;
  width: 100%;
}

#ad-form .ad-box .info {
  clear: none;
  float: left;
  margin-left: 10px;
}

#ad-form .ad-box > *,
#ad-form .ad-box .info > * {
  float: left;
  clear: left;
}

#ad-form .ad-box .info > *:first-child {
  margin-top: 0;
}

#ad-form .ad-box .info > * {
  margin-top: 5px;
}

#ad-form .ad-box h3 {
  font-weight: 700;
}

#ad-form .ad-box h3.title {
  text-transform: uppercase;
}

#ad-form .ad-box .upload-controls {
  margin-top: 5px;
  width: 100%;
  display: none;
}

#ad-form .ad-box .upload-controls > * {
  float: left;
  clear: left;
  margin-top: 5px;
}

#ad-form .ad-box .upload-controls input {
  width: 90%;
  border: 0;
  border-bottom: 1px solid var(--title-color);
}

#ad-form .ad-box .upload-controls input:focus {
  background-color: rgba(251, 207, 0, 0.3);
}

#ad-form .ad-box .upload-controls input.file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

#ad-form .ad-box .upload-controls label {
  font-weight: 600;
  margin: 5px 10px 0px 10px;
  width: 90%;
  border: 1px solid black;
  padding: 5px;
  display: inline-block;
  box-sizing: border-box;
  transition: all 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

#ad-form .ad-box .upload-controls label:hover {
  cursor: pointer;
  background-color: rgba(251, 207, 0, 0.5);
}

#ad-form .progress {
  display: none;
  width: 100%;
}

#ad-form img {
  width: auto;
  max-width: 100%;
  display: none;
}

#ad-form video {
  display: none;
  width: 100%;
}

#ad-form .extra {
  display: none;
}

#ad-form .next,
.complete-transaction .next {
  width: 100%;
  height: 30px;
  text-align: center;
  box-sizing: border-box;
  margin-top: 10px;
  transition: all 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

#ad-form .next:hover {
  cursor: pointer;
  transform: scale(1.02);
}

#ad-form .next span,
.complete-transaction .next span {
  line-height: 30px;
}

#ad-form .section2 {
  margin-top: 10px;
}

#ad-form .price-box {
  margin-top: 15px;
  width: 100%;
}

#ad-form .price-box h3 {
  font-weight: 600;
  text-transform: uppercase;
}

#ad-form .price-box > * {
  float: left;
  clear: left;
}

#ad-form .price-box > div {
  width: 100%;
  margin-top: 5px;
}

#ad-form .price-box .calculations > * {
  float: left;
}

#ad-form .price-box .calculations input {
  margin: 0;
  border: 0;
  border-bottom: 1px solid var(--title-color);
  text-align: center;
  width: 30px;
}

#ad-form .price-box .calculations input:focus {
  background-color: rgba(251, 207, 0, 0.3);
}

#ad-form .price-box .calculations > span {
  margin-left: 5px;
  text-transform: uppercase;
}

#ad-form .price-box .calculations > div {
  margin-left: 20px;
}

#ad-form .price-box .date > * {
  float: left;
}

#ad-form .price-box .date > input {
  margin: 0;
  margin-left: 5px;
  border: 0;
  border-bottom: 1px solid var(--title-color);
  text-align: center;
  width: 130px;
}

#ad-form .price-box .date > input:hover {
  background-color: rgba(251, 207, 0, 0.3);
  cursor: pointer;
}

#ad-form .price-box .date > input:focus {
  background-color: rgba(251, 207, 0, 0.3);
}

#ad-form .price-box .totals > * {
  float: left;
}

#ad-form .price-box .totals .label {
  margin-left: 188px;
}

#ad-form .price-box .totals .number {
  text-align: center;
  width: 80px;
  margin-left: 10px;
}

#ad-form .section2 {
  display: none;
}

#ad-form .price-box.inactive {
  display: none;
}

#ad-form .section3 {
  margin-top: 10px;
  display: none;
}

#ad-form .section3 input {
  margin: 0;
  margin-top: 10px;
  border: 0;
  border-bottom: 1px solid var(--title-color);
  width: 100%;
  font-size: 16px;
}

#ad-form .section3 input:focus {
  background-color: rgba(251, 207, 0, 0.3);
}

.complete-transaction h1 {
  margin-top: 10px;
  float: left;
  clear: left;
}

.complete-transaction h3.item {
  float: left;
  clear: left;
  width: 70%;
  text-align: left;
  font-weight: 600;
  margin-top: 5px;
}

.complete-transaction h3.price {
  float: right;
  width: 30%;
  text-align: left;
  font-weight: 600;
  margin-top: 5px;
}

.complete-transaction div.item {
  float: left;
  clear: left;
  margin-top: 5px;
  width: 70%;
}

.complete-transaction div.price {
  float: right;
  clear: right;
  margin-top: 5px;
  width: 30%;
}

.complete-transaction div.total {
  clear: both;
}

.complete-transaction p {
  float: left;
  clear: left;
}

#ui-datepicker-div {
  z-index: 150 !important;
}

.correct {
  background-color: #86c98a;
}

.wrong {
  background-color: #fba7ab;
}

/* PAYPAL MODULE END */

/* MOBILE SIDE MENU */

#button-menu {
  width: 60px;
  height: 50px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center
}

#button-menu svg {
  width: 30px;
  height: 30px;
}

#mobile-menu li a {
  color: rgb(51, 51, 51);
}

#mobile-menu li {
  width: 250px;
  height: 30px;
  line-height: 30px;
  box-sizing: border-box;
  width: 100%;
  color: #fff
}

html.ttc #mobile-menu li:hover div {
  color: var(--rep-main-color);
}

html.mrr #mobile-menu li:hover div {
  color: #05b8d1;
}

#mobile-menu li:active {
  background-color: #a2a0a0;
}

#mobile-menu li:hover div {
  color: #fbcf00;
}

#mobile-menu li div {
  color: #ffffff;
  margin-left: 10px;
}

#mobile-menu {
  display: none;
  pointer-events: none;
  width: 0%;
  white-space: nowrap;
  text-transform: uppercase;
  position: fixed;
  top: 0;
  bottom: 0;
  transition: width 0.4s ease-out;
  -webkit-transition: width 0.4s ease-out;
  z-index: 400;
  background-color: black;
  font-size: 14px;
  overflow: hidden;
}
#mobile-menu:not(.mobile-menu-transition){
  animation-name: menuappear;
  animation-direction: reverse;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-fill-mode: backwards;
  animation-timing-function: ease-in-out;
}
#mobile-menu.mobile-menu-transition {
  width: 40%;
  max-width: 400px;
  display: block !important;
  pointer-events: auto !important;
  overflow: auto !important;
  left: -100%;
  animation-name: menuappear;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
@keyframes menuappear{
  0%{
left: -100%;
  }
  100%{
    left: 0%;
  }
}
@media (min-width:331px) and (max-width:727px){
  #mobile-menu.mobile-menu-transition {
    width: 90%;
  }
}
@media (max-width:330px){
  #mobile-menu.mobile-menu-transition {
    width: 100%;
  }
}
div#home-search {
  display: none;
}

#mobile-menu-screen {
  position: fixed;
  background-color: black;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  z-index: 350;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0px;
}

#mobile-menu-screen.mobile-menu-transition {
  opacity: 0.5;
  display: block;
  visibility: visible;
}

#mobile-menu .mobile-menu-close {
  float: none;
  clear: none;
  margin: 0;
  width: auto;
  float: right;
  margin-top: 5px;
  margin-right: 5px;
  top: 0;
  right: 0;
  width: 25px;
  height: 25px;
  background: url(../images/sidebar_x.png) no-repeat;
  background-size: 25px 25px;
}

#mobile-menu .mobile-menu-close:hover {
  cursor: pointer;
}

#mobile-menu div {
  color: #fff;
  float: left;
  clear: left;
  margin-top: 10px;
  font-size: 0.7rem;
}
#mobile-menu .menu_mobile_main_element span{
  float: left;
  font-size: 0.7rem;
  color: #fff;
}
@media(min-width:980px){
  #mobile-menu div {
    color: #fff;
    float: left;
    clear: left;
    margin-top: 10px;
    font-size: 1rem;
  }
  html.mrr #mobile-menu div{
    font-size: 14px;
  }
  #mobile-menu .menu_mobile_main_element span{
    font-size: 1rem;
  }
  html.mrr #mobile-menu .menu_mobile_main_element span{
    font-size: 14px;
  }
  #mobile-menu .mobile-menu-element-link li p{
    font-size: 1rem;
    margin: 10px 0px;
    transition: all ease-in-out 0.3s;
  }
  html.mrr #mobile-menu .mobile-menu-element-link li p{
    font-size: 12px;
    margin: 0px;
  }
  #mobile-menu .mobile-menu-element-link:hover li p{
    transform: scale(1.01);
  }

}
#mobile-menu .menu_mobile_main_element{
  cursor: pointer;
}
#mobile-menu .menu_mobile_main_element .arrow-menu-mobile{
  width: 10px ;
  float: left ;
  clear: none ;
  fill: #fff;
  transform: rotate(-90deg);
  margin: -2px 0px 1px 8px;
  transition: all ease-in-out .2s;
}
#mobile-menu .menuSectionOpen .menu_mobile_main_element .arrow-menu-mobile{
  transform: rotate(0deg);
  margin: 0px 0px 1px 8px;
}
.mobile-menu-area{
  margin-left: 10px;
  margin-bottom: 20px;
}
.menu_mobile_section ul{
  color: #fff !important;
  float: left;
  clear: left;
  margin: 2px 0px 2px 10%;
  font-size: 0.6rem;
}
.menu_mobile_section ul a.mobile-menu-element-link li p, .menu_mobile_section ul a.mobile-menu-element-link li p strong{
  color: #fff !important;
}
#mobile-menu-container {
  float: left;
  clear: right;
  width: 100%;
}

/* MOBILE SIDE MENU END */

#tooltip {
  display: none;
  width: 300px;
  height: 130px;
  border-radius: 6px;
  position: absolute;
  visibility: hidden;
  color: var(--text-color);
  z-index: 500;
  opacity: 0;
  text-align: center;
  padding: 6px;
  box-shadow: -2px 3px 9px 3px rgba(123, 123, 123, 0.22);
  transition: opacity 600ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
  background: #fff;
}

#tooltip.show {
  opacity: 1;
}

#tooltip.visible {
  visibility: visible;
}

#tooltip span {
  float: left;
}
#tooltip .titreTooltip {
  text-transform: uppercase;
  font-size: 10px;
  width: 100%;
  text-align: left;
  margin-top: 5px;
}
#tooltip .titreTooltip > .tooltipStart {
  font-weight: 800;
  letter-spacing: 1px;
  font-size: 15px;
  display: block;
  clear: right;
}
#tooltip .titreTooltip > .tooltipEnd {
  font-size: 12px;
  display: block;
  clear: left;
  padding-top: 7px;
}
#tooltip .station {
  text-transform: uppercase;
  font-size: 10px;
  width: 100%;
  text-align: left;
  margin-top: 20px;
}
#tooltip .arrondissement {
  text-transform: uppercase;
  font-size: 10px;
  width: 100%;
  text-align: left;
  margin-top: 10px;
}
#tooltip .stationName {
  text-transform: uppercase;
  margin-top: 5px;
  font-weight: 600;
  text-align: left;
  font-size: 14px;
}
#tooltip .arrondissementName {
  text-transform: uppercase;
  margin-top: 5px;
  font-weight: 600;
  text-align: left;
  font-size: 14px;
}
.metroLineTitleHero {
  padding-top: 12px;
  float: none !important;
}
.metroDescription {
  margin: 0px 0px 20px 0px;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: var(--text-color);
}
.metroLineTitleHero h3 {
  font-family: "Open sans", "sans-serif" !important;
  font-size: 36px !important;
  font-weight: 800 !important;
  color: var(--text-color) !important;
  max-width: 550px !important;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.metroLineTitleHero h3 .slimHero {
  display: block;
  font-weight: 400 !important;
}
.talk-to-us {
  position: fixed;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  padding: 4px;
  bottom: 10px;
  right: 10px;
  box-shadow: rgba(0, 0, 0, 0.0980392) 0 0 1px 2px;
  transition: all 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
  z-index: 100;
}

.talk-to-us:hover {
  cursor: pointer;
}

.talk-to-us svg {
  width: 100%;
  height: 100%;
}
.metro h3 {
  font-family: "roboto";
  margin: 20px 0px 10px 0px;
  font-size: 14px;
  font-weight: 700;
  color: var(--text-color);
}
.metro h3 span {
  font-weight: 700;
}
.metro .interactive-map {
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
  float: none;
}
.metro .interactive-map {
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
  float: none;
}

/* .metro .interactive-map a.big {
  width: 16px;
  height: 16px;
} */

/* .metro .interactive-map a {
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0);
  position: absolute;
  transition: all 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
} */
.currentMetro {
  background: url(../images/you-are-here.svg);
  background-repeat: no-repeat;
  width: 42px !important;
  height: 60px !important;
  margin: -43px 0px 0px -14px !important;
}

/* .metro .interactive-map,
.metro .interactive-map img {
  width: 100%;
  background: #f3f3f3;
} */

.metro .line-mobile-shortcut {
  width: 50%;
  clear: none;
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
}

.metro .line-mobile-shortcut .line {
  position: relative;
  width: 85%;
  height: 22px;
  border-radius: 30px;
}

.metro .line-mobile-shortcut .line.orange {
  background-color: #ef8122;
}

.metro .line-mobile-shortcut .line.green {
  background-color: #008e4f;
}

.metro .line-mobile-shortcut .line.blue {
  background-color: #0485ca;
}

.metro .line-mobile-shortcut .line.yellow {
  background-color: #ffe300;
}

.metro .line-mobile-shortcut > * {
  float: left;
  clear: left;
}

.metro .line-mobile-shortcut .line .line-circle {
  position: absolute;
  background-color: white;
  right: 4px;
  top: 2px;
  width: 18px;
  height: 18px;
  border-radius: 22px;
}

.metro .line-mobile-shortcut span {
  margin: 10px 0 0 15px;
  font-weight: bold;
  color: var(--text-color);
}

.metro {
  margin-bottom: 20px;
  padding-left: 5px;
  padding-right: 5px;
}

.metro > * {
  float: left;
  clear: left;
}
.metroSearch p {
  width: 75%;
  float: left;
  font-size: 13px;
  padding-top: 13px;
}
.metroSearch {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.metroSearch #metroSearchBar {
  max-width: 410px;
  width: 100%;
  float: left;
  position: relative;
  box-sizing: border-box;
}
.metroSearch #searchStation {
  width: 100%;
  padding: 4px 10px;
  float: left;
  margin: 0px 0px;
  box-sizing: border-box;
}
.metroSearch #metroSearchBar:after {
  top: 0px;
  right: 0px;
  height: 100%;
  width: 30px;
  display: block;
  position: absolute;
  content: "";
  background-image: url(../images/fleche_carrousel.svg);
  background-size: 19px;
  background-repeat: no-repeat;
  background-position: 5px 7px;
  transition: all ease-in-out 0.5s;
}

.metroSearch #metroSearchBar:hover:after {
  transform: rotate(-90deg);
}
.metroSearch #suggestions {
  position: absolute;
  background: #fff;
  z-index: 200;
  top: 31px;
  left: 0px;
  max-width: 410px;
  width: 100%;
  box-shadow: 4px 3px 10px 4px rgb(164 164 164 / 30%);
}
.metroSearch #suggestions a {
  cursor: pointer;
  width: 100%;
  display: block;
  padding: 10px 2px;
  font-size: 14px;
  transition: all ease-in-out 0.5s;
}
.metroSearch #suggestions a:hover {
  width: 100%;
  display: block;
  padding: 10px 2px;
  font-size: 16px;
}
.metro-line-container {
  width: 25%;
  min-height: 65px;
  margin-bottom: 10px;
  float: left;
  clear: none;
  position: relative;
  overflow: hidden;
}
@media (max-width: 780px) {
  .metro-line-container {
    width: 100%;
  }
  .metroLineTitle h2 span {
    display: inline !important;
    font-size: 18px !important;
  }
  .metroLineTitle h2 {
    font-size: 18px !important;
    margin-top: 15px;
    margin-left: 10px;
  }
  .metro-line-container {
    min-height: 73px !important;
    margin-top: 20px;
  }
  .metroLineSation {
    width: 100%;
  }
  .metro .metro-line-container a span {
    margin-top: 19px !important;
  }
  .metroSearch {
    margin-bottom: 50px;
  }
  .metroSearch #metroSearchBar {
    width: 100%;
    float: none;
    margin-top: 25px;
  }
  .metroSearch #searchStation {
    width: 72%;
    padding: 11px 10px;
    border: solid 1px #9a9a9a;
    float: left;
    margin: 0px 0px;
    transform: translateX(14%);
  }
  .metroSearch #metroSearchBar:after {
    top: 5px;
    right: 43px;
    height: 30px;
    width: 29px;
    display: block;
    position: absolute;
    content: "";
    background: #fff;
    background-image: url(../images/fleche_carrousel.svg);
    background-size: 19px;
    background-repeat: no-repeat;
    background-position: 5px 7px;
  }
  .metroSearch p {
    float: none;
  }
  .metroSearch #suggestions {
    top: 42px;
    width: 78%;
    left: 40px;
    box-shadow: 2px 2px 3px 0px rgba(165, 165, 165, 0.11);
  }
  .metroSearch #suggestions a {
    color: #636363;
    font-size: 16px;
  }
}
@media (max-width: 580px){
  #metroSearchBar{
    display: none;
  }
}

.metro-line-container > * {
  float: left;
  clear: left;
}

.metro h1 {
  font-size: 22px;
  color: var(--text-color);
  font-weight: 700;
}

.metro h2 {
  font-size: 20px;
  color: var(--text-color);
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 10px;
}

.metro-line-container a {
  height: 41px;
  position: relative;
  z-index: 4;
  color: var(--text-color);
  display: block;
  width: 100%;
  padding: 6px 5px 6px 5px;
  border-bottom: 1px solid #ebebeb;
}

.metro-line-container a:hover {
  background-color: #ebebeb;
}

.metro-line-container a:hover div.metro-dot {
  border-width: 4px;
}

.metro-line-container a div.metro-dot {
  z-index: 5;
  position: absolute;
  left: 8px;
  top: 16px;
  width: 18px;
  height: 18px;
  border-radius: 15px;
  border: 2px solid;
  background-color: white;
  box-sizing: border-box;
}

.metro-line-container a div.metro-dot.first,
.metro-line-container a div.metro-dot.last {
  top: 13px;
  width: 28px;
  height: 28px;
  left: 3px;
  z-index: 1;
}

.orange a div.bar-before,
.orange a div.bar-after {
  background-color: #f07c00;
}

.orange a div.metro-dot {
  border-color: #ef8122;
}

.green a div.bar-before,
.green a div.bar-after {
  background-color: #00963f;
}

.green a div.metro-dot {
  border-color: #008e4f;
}

.blue a div.bar-before,
.blue a div.bar-after {
  background-color: #0069b4;
}

.blue a div.metro-dot {
  border-color: #0485ca;
}

.yellow-line a div.bar-before,
.yellow-line a div.bar-after {
  background-color: #ffdd01;
}

.yellow-line a div.metro-dot {
  border-color: #ffe300;
}

.jean-drapeau * {
  opacity: 0.5;
}

.metro a div.bar-after {
  position: absolute;
  left: 8px;
  top: 17px;
  width: 18px;
  height: 37px;
  z-index: -1;
}

.metro a div.bar-before {
  position: absolute;
  left: 8px;
  top: 0;
  width: 18px;
  height: 18px;
  z-index: -1;
}

.metro .metro-line-container a span {
  float: left;
  margin-left: 50px;
  margin-top: 9%;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
}
.metroLineImage {
  width: 26px;
  float: left;
  padding: 0px 5px;
  transform: translateY(50%);
  animation-fill-mode: forwards;
  z-index: 99;
}
.metroLineTitle {
  box-shadow: 3px 2px 6px 3px rgba(228, 228, 228, 0.3);
  height: 55px;
  width: 96%;
  cursor: pointer;
}
.metro-line-container h2.metroLinePaddingAnimation {
  padding-left: 36px;
}
@media (min-width: 780px) {
  .metro-line-container:hover .metroLineImage {
    animation: metroLineOver 2s forwards;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    position: absolute;
  }
  .metro-line-container:hover h2 {
    padding-left: 36px;
  }
  .metro-line-container .metroLineImage.metroLineImageAnimation {
    animation: metroLine 20s forwards;
    animation-fill-mode: forwards;
    position: absolute;
  }
  .metro-line-container h2.metroLinePaddingAnimation {
    padding-left: 36px;
  }
}
@keyframes metroLine {
  0% {
    transform: translateY(50%) rotate(90deg);
  }
  100% {
    transform: translateY(6000px) rotate(90deg);
  }
}
@keyframes metroLineOver {
  0% {
    transform: translateY(50%) rotate(90deg);
  }
  50% {
    transform: translateY(90%) rotate(90deg);
  }
  100% {
    transform: translateY(50%) rotate(90deg);
  }
}
.metroLineTitle h2 span {
  font-weight: 300;
  clear: right;
  display: block;
  font-size: 13px;
}
.metroLineTitle h2 {
  font-weight: 600;
  float: left;
  display: inline;
  font-size: 13px;
  font-size: 15px;
  line-height: 20px;
  transform: translateY(26%);
}

/* ANIMATIONS */

@-webkit-keyframes fav-hover {
  0%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  20% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes fav-hover {
  0%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  20% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@media screen and (min-width: 345px) {
  #home-container .feature .feature-img-occupy span {
    font-size: 11px;
  }
}

@media screen and (min-width: 500px) {
  li.search-listing p.listing-desc {
    font-size: 12px;
  }

  div.listing-detail-button-buttons img,
  div.listing-detail-button-shares img {
    width: 70%;
  }
}

.feature-img-border {
  position: absolute;
  width: 71px;
  right: -1%;
  z-index: 20;
  bottom: 2px;
}

@media screen and (max-width: 960px) {
  html.mrr #footer .element h4 {
    margin-bottom: 10px;
    color: #fff;
    font-weight: 600;
    margin-top: 30px;
  }
}

@media screen and (min-width: 960px) {
  h2,
  h4,
  p,
  a:link,
  a:visited,
  a:hover {
    text-decoration: none;
    color: var(--text-color);
  }

  .metro {
    padding-left: 0px;
    padding-right: 0px;
  }

  .home h1 {
    margin: 6px 15px 10px 20px;
    padding-left: 0;
  }

  #home-container {
    width: 100%;
  }

  #footer .element li a {
    padding: 4px 0 4px 5px;
    font-size: 13px;
  }

  html.mrr #footer .element li a {
    padding: 6px 0px !important;
  }

  #footer .element ul {
    float: left;
    position: relative;
    left: 10%;
  }

  html.mrr #footer .element ul {
    left: 0px;
  }

  html.mrr #footer .footer-elements {
    display: flex;
  }

  html.mrr #footer .element-no-title {
    margin-top: 24px;
  }

  html.mrr #footer .element h4 {
    margin-bottom: 10px;
    color: #fff;
    font-weight: 600;
  }

  html.mrr #footer .element-blogue {
    width: 210px !important;
  }

  html.mrr #footer .element .blogue {
    font-weight: 600;
  }

  #footer .external-links {
    display: flex;
  }

  #footer .external-links .logos-footer {
    flex-wrap: wrap;
  }

  .extras-mobile {
    display: none;
  }

  #footer .container {
    margin: 0 auto;
    width: 960px;
  }

  #footer .element {
    width: 310px;
    float: left;
    clear: none;
    padding: 0;
    margin-right: 15px;
    margin-top: 0;
  }

  #footer .element:nth-child(3) {
    margin-right: 0;
  }

  #footer .mobile-footer-right {
    clear: left;
    float: none;
    width: 960px;
    margin: 14px auto 0 auto;
  }

  #slides {
    position: relative;
  }

  #slides ul.slides {
    overflow: hidden;
  }

  #slides-number {
    display: block;
    font-size: 13px;
    font-family: "Open sans", "Arial";
    color: var(--text-color);
  }

  #mobile-billboard {
    width: 100%;
    clear: left;
    overflow: visible;
  }

  .talk-to-us {
    width: 80px;
    height: 80px;
    border-radius: 80px;
  }

  .metro .interactive-map {
    display: block;
    width: 100%;
    height: 600px;
    margin: 20px auto !important;
    position: relative;
    box-shadow: 5px 10px 12px 0px rgb(163 163 163 / 23%);
  }

  .metro .line-mobile-shortcut {
    display: none;
  }

  .wrapper {
    width: 100%;
    margin: 0 auto;
    max-width: 1080px;
  }

  ul.flex-direction-nav {
    display: block;
  }

  .flex-nav-prev a,
  .carouselLeftArrow {
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    background-color: #fff;
    background-image: url(../images/fleche_carrousel.svg);
    background-position: 6px 6px;
    background-repeat: no-repeat;
    background-size: 65%;
    transition: all 0.3s ease-in-out;
  }
  .flex-nav-prev:hover a,
  .carouselLeftArrow:hover {
    background-position: 10px 6px;
  }

  .flex-nav-next a,
  .carouselRightArrow {
    top: 50%;
    transform: rotate(180deg) translateY(50%);
    right: -17px;
    position: absolute;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    background-color: #fff;
    background-image: url(../images/fleche_carrousel.svg);
    background-position: 6px 6px;
    background-repeat: no-repeat;
    background-size: 65%;
    transition: all 0.3s ease-in-out;
  }
  .flex-nav-next:hover a,
  .carouselRightArrow:hover {
    background-position: 10px 6px;
  }

  .mainbar-margin {
    margin-left: 20px;
  }

  .mainbar {
    margin-top: 0px;
    float: right;
    width: 100%;
  }

  .sidebar {
    display: none;
    /*       margin-top: 0px;
        width: 300px;
        display: block;
        float: left;
        padding: 0; */
  }

  .sidebar > a > img {
    float: left;
    clear: left;
    margin-bottom: 10px;
  }

  nav.menu_type_content {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }

  .sidebar-most-popular {
    float: left;
    clear: left;
    margin: 0;
    margin-bottom: 10px;
    width: 300px;
  }

  .sidebar-most-popular > h4 {
    float: left;
    width: 300px;
    font-size: 17px;
    padding: 3px 0 5px;
    text-transform: uppercase;
    border-top: 1px solid var(--border-color);
    margin-top: 10px;
  }

  .sidebar-most-popular .habitation {
    font-family: "Roboto", sans-serif;
    width: 145px;
    margin-right: 10px;
    float: left;
    margin-top: 5px;
  }

  .sidebar-most-popular .habitation img {
    width: 145px;
    height: auto;
  }

  .sidebar-most-popular a:nth-child(odd) .habitation {
    margin-right: 0;
  }

  .sidebar-most-popular .row {
    width: 100%;
    float: left;
    clear: left;
    padding-top: 6px;
    padding-bottom: 6px;
    border-top: 1px solid var(--border-color);
  }

  .sidebar-most-popular:nth-child(2) .row {
    border-bottom: 1px solid var(--border-color);
  }

  .sidebar-most-popular .row div.habitation {
    font-family: "Roboto", sans-serif;
    width: 96px;
    margin-right: 6px;
    float: left;
  }

  .sidebar-most-popular .title {
    float: left;
    clear: left;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 12px;
    margin-top: 0.5em;
  }

  .sidebar-most-popular .area {
    float: left;
    clear: left;
    font-size: 10px;
    font-weight: 300;
    line-height: 13px;
  }

  .sidebar-most-popular .row .habitation img {
    width: 96px;
    height: 72px;
  }

  .sidebar-most-popular .row a:last-child .habitation {
    margin-right: 0;
  }
  #home-container div.featured-blog-post {
    width: 100%;
  }

  html.two-col #home-container div.feature div.feature-img {
    width: 300px;
    height: 225px;
  }

  html.two-col #home-container div.feature span {
    width: 300px;
    font-size: 14px;
  }

  html.two-col #home-container div.feature {
    width: 300px;
  }

  html.two-col #home-container .featured-slider-body div.feature:nth-child(2n) {
    margin-right: 0;
  }

  html.two-col #home-container .featured-slider-body div.feature:nth-child(3n) {
    margin-right: 20px;
  }

  html.two-col #home-container div.feature span.feature-title {
    font-size: 16px;
  }

  html.two-col #home-container div.feature span.feature-type {
    font-size: 14px;
  }

  html.two-col #home-container div.feature span.feature-area {
    font-size: 13px;
    height: 18px;
    line-height: 15px;
  }

  html.two-col #home-container div.feature p.feature-desc {
    font-size: 14px;
    height: 52px;
    width: 298px;
  }

  html.two-col #home-container .feature-extras .feature-favorite {
    width: 30px;
  }

  html.two-col #home-container .feature-extras .feature-price {
    width: auto;
  }
  html.fullwidthsite #home-container div.feature div.feature-img {
    width: 300px;
    height: 225px;
  }

  html.fullwidthsite #home-container div.feature span {
    width: 300px;
    font-size: 14px;
  }

  html.fullwidthsite #home-container div.feature {
    width: 294px;
  }

  html.fullwidthsite #home-container div.feature span.feature-title {
    font-size: 16px;
  }

  html.fullwidthsite #home-container div.feature span.feature-type {
    font-size: 14px;
  }

  html.fullwidthsite #home-container div.feature span.feature-area {
    font-size: 13px;
    height: 18px;
    line-height: 15px;
  }

  html.fullwidthsite #home-container div.feature p.feature-desc {
    font-size: 14px;
    height: 52px;
    width: 298px;
  }

  html.fullwidthsite #home-container .feature-extras .feature-favorite {
    width: 30px;
  }

  html.fullwidthsite #home-container .feature-extras .feature-price {
    width: auto;
  }

  #home-container div.feature div.feature-img {
    width: 200px;
    height: 150px;
  }

  #home-container div.feature span {
    width: 200px;
  }

  #home-container div.feature {
    width: 200px;
    margin-right: 20px;
    margin-bottom: 15px;
  }

  #home-container div.feature:nth-child(odd) {
    margin-right: 20px;
    margin-left: 0;
  }

  #home-container div.featured-blog-post:nth-child(odd) {
    margin-right: 1%;
    margin-left: 0;
  }

  #home-container div.featured-blog-post:nth-child(even) {
    margin-right: 0;
  }

  #home-container div.feature:nth-child(even) {
    margin-right: 20px;
  }

  #home-quick-search {
    display: block;
    position: fixed;
    z-index: 30;
    left: 0;
    top: 40%;
  }

  #home-quick-search-bar {
    float: left;
    width: 50px;
    height: 50px;
    box-shadow: 0 0 2px #000000;
    transition: padding-left 0.8s ease;
    background-color: white;
  }

  #home-quick-search-bar-input {
    float: left;
    width: 0;
    height: 30px;
    top: 0;
    transition: width 0.8s ease-out;
  }

  #home-quick-search-bar-input input {
    border: 0;
    margin: 0;
    font-size: 22px;
    height: 50px;
    width: 100%;
    margin-left: 2px;
  }

  #home-quick-search-bar-input.push {
    width: 200px;
  }

  #home-quick-search-bar-input.push input {
    border: 1px gray solid;
    padding-left: 4px;
  }

  #home-quick-search-bar:hover {
    cursor: pointer;
    padding-left: 10px;
  }

  #home-quick-search-bar.yellow-icon div {
    background-image: url(../images/svg/mobile-search-icon-yellow.svg);
  }

  #home-quick-search-bar div {
    background-image: url(../images/svg/mobile-search-icon.svg);
    background-size: 30px 40px;
    background-repeat: no-repeat;
    background-position: center center;
    float: right;
    margin-right: 5px;
    margin-top: 5px;
    width: 40px;
    height: 40px;
  }

  div.feature span.feature-title {
    height: 28px;
    margin-top: 6px;
    line-height: 14px;
    font-size: 14px;
    font-weight: 500;
  }

  div.feature span.feature-type {
    font-size: 12px;
    padding: 3px;
  }

  div.feature span.feature-area {
    font-size: 11px;
    height: 15px;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
    line-height: 15px;
  }

  div.feature p.feature-desc {
    display: block;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 3px;
    margin-left: 2px;
    padding-top: 3px;
    text-transform: none;
    font-family: "Open sans", sans-serif;
    float: left;
    clear: left;
    height: 75px;
    width: 200px;
    text-align: left;
  }

  .featured-slider-body .feature-extras {
    width: 200px;
  }

  #page-header {
    width: 100%;
    background-color: #231f20;
    height: 40px;
    position: relative;
    z-index: 50;
    float: none;
  }

  #mobile-header {
    display: none;
  }

  #header-logo {
    display: none;
  }

  div.listing-top {
    padding-bottom: 5px;
  }

  div.listing-top div.listing-return-container {
    display: block;
    right: 0;
  }

  div.listing-top div.listing-return-container img {
    width: 40px;
  }

  html.mrr span.listing-detail-type {
    font-size: 18px;
  }

  span.listing-detail-type {
    font-size: 16px;
    margin-top: 0;
  }

  #desktop-header {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    margin-top: 10px;
  }

  #mobile-billboard {
    margin-top: 20px;
    margin-bottom: 7px;
    padding: 100px 0px;
  }

  html.two-col #home-container .feature .feature-img-border,
  html.two-col .feature-img-border {
    width: 80px;
    bottom: 0%;
    right: -2%;
  }
  html.fullwidthsite #home-container .feature .feature-img-border,
  html.fullwidthsite .feature-img-border {
    width: 80px;
    bottom: 0%;
    right: 0%;
  }
  li.visited-listing div.visited-img img.visited-img-base,
  div.feature-img img.feature-img-base,
  div.feature-img img.feature-img-border,
  div.feature-img div.feature-img-promo,
  div.feature-img div.feature-img-occupy,
  div.featured-blog-post img {
    transition: all 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
  }

  html.two-col div.feature:hover div.feature-img img.feature-img-base,
  html.two-col div.feature:hover div.feature-img img.feature-img-border,
  html.two-col div.feature:hover div.feature-img div.feature-img-promo,
  div.featured-blog-post:hover img {
    transform: scale(1.05);
  }
  html.fullwidthsite
    li.visited-listing:hover
    div.visited-img
    img.visited-img-base,
  html.fullwidthsite div.feature:hover div.feature-img img.feature-img-base,
  html.fullwidthsite div.feature:hover div.feature-img img.feature-img-border,
  html.fullwidthsite div.feature:hover div.feature-img div.feature-img-promo,
  div.featured-blog-post:hover img {
    transform: scale(1.05);
  }

  div.feature:hover div.feature-img img.feature-img-base,
  div.feature:hover div.feature-img div.feature-img-occupy {
    transform: scale(1.02);
  }
/*   html.fullwidthsite
    li.visited-listing:hover
    div.visited-img
    img.feature-img-border,
  html.fullwidthsite div.feature:hover div.feature-img img.feature-img-border,
  html.fullwidthsite div.feature:hover div.feature-img img.feature-img-border,
  html.fullwidthsite div.staffpick:hover div.feature-img img.feature-img-border,
  html.fullwidthsite li.search-listing:hover img.feature-img-border {
    transform: scale(1.17);
    right: 7px !important;
    bottom: 50px !important;
    transition: all 0.3s ease-in-out;
    animation-name: goToListing2;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-iteration-count: 1;
  }
  @keyframes goToListing2 {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  } */
  div.staffpick:hover div.feature-img img.feature-img-base,
  div.staffpick:hover div.feature-img div.feature-img-promo,
  div.staffpick:hover div.feature-img div.feature-img-occupy {
    transform: scale(1.07);
  }

  #desktop-header .header-logo {
    width: 220px;
    height: 90px;
    float: left;
  }

  #desktop-header .header-banner {
    width: 720px;
    height: 90px;
    margin-right: 10px;
    float: left;
  }

  #button-search {
    display: none;
  }

  h2.featured-title {
    box-sizing: border-box;
  }

  /* STAR RATING */

  div.listing-star-email-container > input {
    width: 45%;
  }
  /* END STAR RATING */

  h2.featured-title {
    margin-left: 0;
  }

  div.featured-slider {
    margin-top: 40px;
    overflow: visible;
  }
  div.featured-slider img.arrow {
    display: none;
  }

  html.mrr div.featured-slider-container {
    height: auto;
  }

  div.featured-slider-container {
    overflow: visible;
    position: initial;
    height: auto;
    margin-top: 10px;
  }

  div.featured-slider-body > a {
    margin-top: 5px;
  }

  #desktop-search {
    display: block;
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    margin-top: 10px;
    background-color: black;
  }

  div.load-more {
    margin: 0 0 10px 0;
    width: 640px;
    height: 50px;
    line-height: 30px;
    text-align: center;
    clear: left;
  }
  html.fullwidthsite div.load-more {
    width: 100%;
  }
  div.load-more img.load-more-ajax {
    width: 40px;
    height: 40px;
    margin-top: 5px;
    display: none;
  }
  div.load-more svg.load-more-icon {
    width: 30px;
    height: 30px;
    margin: 0px 305px 0 305px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
  }

  html.fullwidthsite div.load-more svg.load-more-icon {
    width: 30px;
    height: 30px;
    display: block;
    float: none;
    margin: auto;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
  }

  .load-more span {
    font-size: 14px;
    line-height: 16px;
  }

  div.load-more:hover {
    cursor: pointer;
  }

  div.load-more:hover svg {
    transform: rotate(-360deg);
  }

  div.searchpanel_price_slider {
    width: 200px;
    float: left;
    height: 10px;
    margin-top: 19px;
    margin-left: 25px;
  }

  div.search_panel_arrow {
    position: absolute;
    top: 2px;
    right: 5px;
    width: 19px;
    height: 22px;
    background: url(../images/searcharrowdown.png) no-repeat 0 0;
    background-size: 19px 22px;
  }

  div.searchpanel_button {
    height: 84px;
    width: 84px;
    overflow: hidden;
    background-color: var(--rep-main-color);
    -webkit-border-top-right-radius: 30px;
    -moz-border-radius-topright: 30px;
    border-top-right-radius: 30px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    position: absolute;
    left: 876px;
    top: 31px;
  }

  div.searchpanel_button_animation {
    animation-timing-function: linear;
    animation-name: slidein_search_panel;
    animation-duration: 0.7s;
  }

  @keyframes slidein_search_panel {
    0% {
      left: 782px;
      top: -100px;
      transform: rotate(100deg);
      opacity: 0;
    }

    25% {
      left: 832px;
      top: -80px;
      transform: rotate(80deg);
      opacity: 0.2;
    }

    50% {
      left: 862px;
      top: -50px;
      transform: rotate(50deg);
      opacity: 0.5;
    }

    100% {
      left: 882px;
      top: 0px;
      transform: rotate(0deg);
      opacity: 1;
    }
  }

  div.searchpanel_button:hover {
    cursor: pointer;
    transform: scale(1.1);
    background-color: #c7a400;
  }

  div.searchpanel_button div {
    background: url(../images/searchglass.png) no-repeat 0 0;
    position: absolute;
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    float: left;
    margin-top: 12px;
    margin-left: 12px;
  }

  div.searchpanel_disabled span {
    color: #696a6c;
  }

  div.searchpanel_disabled.search_panel_arrow {
    background: url(../images/searcharrowdowndisabled.png) no-repeat 0 0;
    background-size: 19px 22px;
  }

  div.searchpanel_region_pane {
    left: 9px;
  }

  div.searchpanel_city_pane {
    left: 189px;
  }

  div.searchpanel_type_pane {
    left: 370px;
  }

  div.searchpanel_region_pane,
  div.searchpanel_city_pane,
  div.searchpanel_type_pane {
    width: 330px;
    position: absolute;
    z-index: 200;
    top: 70px;
    display: none;

    border-left: 1px solid gray;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
    -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.75);
    background-color: white;
  }

  div.searchpanel_region_pane ul,
  div.searchpanel_city_pane ul,
  div.searchpanel_type_pane ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
    max-height: 520px;
    overflow-y: auto;
    overflow-x: hidden;
  }

  div.searchpanel_region_pane ul li,
  div.searchpanel_city_pane ul li,
  div.searchpanel_type_pane ul li {
    clear: left;
    float: left;
    list-style-type: none;
    width: 100%;
    height: 26px;
    padding: 3px 10px 3px 3px;
    box-sizing: border-box;
  }

  div.searchpanel_region_pane ul li:hover,
  div.searchpanel_city_pane ul li:hover,
  div.searchpanel_type_pane ul li:hover,
  span.searchpanel_selection_all:hover,
  span.searchpanel_selection_none:hover {
    background-color: #ddd;
    cursor: pointer;
  }

  div.searchpanel_pane_enabled {
    display: block;
  }

  div.searchpanel_region_pane input,
  div.searchpanel_city_pane input,
  div.searchpanel_type_pane input {
    float: left;
    margin-top: 3px;
  }

  div.searchpanel_selection {
    width: 100%;
    height: 40px;
    text-align: center;
    border-top: 1px solid gray;
  }

  div.searchpanel_selection span.searchpanel_selection_all,
  div.searchpanel_selection span.searchpanel_selection_none {
    width: 50%;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
  }

  div.searchpanel_region_pane span,
  div.searchpanel_city_pane span,
  div.searchpanel_type_pane span {
    float: left;
    color: black;
    line-height: 18px;
  }

  div#search_panel_menu_buyrent {
    float: left;
    color: black;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    width: 500px;
  }

  div#search_panel_menu_buy,
  div#search_panel_menu_rent {
    width: 115px;
    text-align: center;
    padding: 5px;
    float: left;
    border-top: 1px black solid;
    border-left: 1px black solid;
    border-right: 1px black solid;
    text-transform: uppercase;
    position: relative;
  }

  div#search_panel_menu_buy span,
  div#search_panel_menu_rent span {
    float: left;
    line-height: 20px;
    margin-left: 10px;
  }

  #search_panel_menu_buy div,
  #search_panel_menu_rent div {
    float: left;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: white;
    box-shadow: inset 0px 0px 0px 2px rgba(82, 82, 82, 1);
    transition: all 0.05s;
  }

  #search_panel_menu_buy.black-button div,
  #search_panel_menu_rent.black-button div {
    box-shadow: inset 0px 0px 0px 4px rgba(82, 82, 82, 1);
    background-color: var(--rep-main-color);
  }

  .black-button div.search_panel_menu_check {
    opacity: 1;
  }

  div.search_panel_menu_check {
    position: absolute;
    left: -10px;
    top: -10px;
    width: 30px;
    height: 30px;
    background: url(/resources/images/svg/buycheckmark.svg) no-repeat 0 0;
    background-size: 30px 30px;
    opacity: 0;
    transition: opacity 0.25s ease-in;
    -webkit-transition: opacity 0.25s ease-in;
  }

  div#search_panel_menu_buy:hover,
  div#search_panel_menu_rent:hover {
    cursor: pointer;
    /*background-color: var(--rep-main-color);*/
  }

  div#search_panel_menu_buy {
    margin-left: 90px;
  }

  div#search_panel_menu_rent {
    margin-left: 10px;
  }

  div#home-menu {
    float: left;
    width: 74px;
    height: 46px;
  }

  div#search_panel_menu_button {
    width: 100%;
    height: 100%;
    float: left;
    clear: left;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
  }

  div#search_panel_menu_button:hover {
    cursor: pointer;
  }
  .mtlgc-mobile-display {
    display: none !important;
  }

  div#search_panel_menu_button_image {
    float: left;
    width: 32px;
    height: 28px;
    position: relative;
  }

  div#search_panel_menu_button_image span {
    display: block;
    position: absolute;
    border-radius: 3px;
    width: 100%;
    height: 2px;
    background-color: var(--title-color);
    transition: all 0.25s;
  }

  div#search_panel_menu_button_image span:nth-child(1) {
    top: 0;
  }

  div#search_panel_menu_button_image span:nth-child(2) {
    top: 10px;
  }

  div#search_panel_menu_button_image span:nth-child(3) {
    top: 20px;
  }

  div#search_panel_menu_button:hover
    div#search_panel_menu_button_image
    span:nth-child(1) {
    top: 10px;
  }

  div#search_panel_menu_button:hover
    div#search_panel_menu_button_image
    span:nth-child(2) {
    transform: rotate(90deg);
  }

  div#search_panel_menu_button:hover
    div#search_panel_menu_button_image
    span:nth-child(3) {
    top: 10px;
  }

  div#search_panel_menu_button span.panel-title {
    display: none;
    width: 100%;
    text-align: center;
    float: left;
    clear: left;
    color: var(--title-color);
    font-size: 14px;
  }

  div#search_panel_menu_parttwo {
    float: left;
    padding: 3px 10px 3px 10px;
    text-align: left;
    font-family: "Open sans", sans-serif;
    font-size: 14px;
    height: 78px;
    width: 765px;
    position: relative;
    background-color: black;
  }

  #sidebar_menu ul {
    margin-top: 5px;
    clear: both;
    list-style-type: none;
    text-align: left;
    float: left;
  }

  #sidebar_menu li {
    text-transform: uppercase;
    color: white;
    margin-top: 4px;
    font-size: 14px;
    font-family: "Open sans", sans-serif;
  }

  li.sidebar_menu_title {
    font-weight: bold;
  }

  div#sidebar_menu {
    width: 367px;
    height: 100vh;
    z-index: 2;
    left: -352px;
    position: fixed;
    display: none;
  }

  div#sidebar_menu_left {
    width: 352px;
    height: 100vh;
    background-color: #231f20;
    float: left;
    -webkit-box-shadow: 10px 0px 10px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 0px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 10px 0px 10px 0px rgba(0, 0, 0, 0.5);
  }

  div#sidebar_menu_close {
    float: right;
    width: 25px;
    height: 25px;
    background: url(/application-assets/images/sidebar_x.png) no-repeat 0 0;
    background-size: 25px 25px;
    margin: 10px 13px 0 0;
  }

  div#sidebar_menu_close:hover {
    cursor: pointer;
  }

  #mobile-horizontal-navigation {
    display: none;
  }

  #mobile-page-navigation {
    margin-bottom: 10px;
  }

  .search-results h1 {
    color: var(--text-color);
    font-family: "Open sans", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    text-decoration: none;
    text-align: left;
    float: left;
  }

  /* BLOCK */
  li.search-listing {
    float: left;
    position: relative;
    width: 100%;
    /* max-width: 400px; */
    height: 100%;
/*     box-shadow: -3px 2px 10px 0 rgb(96 96 96 / 9%); */
    background: #fff;
    overflow: hidden;
    border-top-right-radius: 25px;
    transition: all 0.3s ease-in-out;
  }
  li.search-listing:not(.search-listing-extra):hover{
    background: #eeeeee;
  }

  li.search-listing div.listing-img {
    width: 100%;
    height: 280px;
    float: left;
    clear: left;
  }
  li.search-listing div.listing-img img.listing-img-border {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 100px;
    right: -10px;
  }

  li.visited-listing div.visited-img img.visited-img-border {
    top: 90px;
  }

  li.search-listing div.listing-img img.listing-img-base {
    width: 200px;
    height: 150px;
  }
  .search-listing:hover div.listing-img img.listing-img-base{
    filter: saturate(1.3);
    transform:scale(1.3);
  }

  li.search-listing,
  li.search-listing-extra {
    float: left;
    position: relative;
  }

  html.two-col li.search-listing div.listing-img img.listing-img-border {
    top: 160px;
    width: 80px;
    height: 80px;
  }

  html.two-col li.search-listing div.listing-img img.listing-img-base {
    width: 300px;
    height: 225px;
  }

  html.two-col li.search-listing-extra,
  html.two-col .responsivead {
    width: 300px;
    height: 437px;
  }
  html.two-col li.search-listing span {
    font-size: 14px;
  }

  html.fullwidthsite li.search-listing div.listing-img img.listing-img-border {
    top: 160px;
    width: 80px;
    height: 80px;
  }

  html.fullwidthsite li.search-listing div.listing-img img.listing-img-base {
    width: 100%;
    height: 280px;
  }
  html.fullwidthsite li.search-listing span {
    font-size: 12px;
  }

  div.feature-price-container {
    width: 170px;
  }

  html.two-col li.search-listing span.listing-type {
    font-size: 14px;
  }
  html.fullwidthsite li.search-listing span.listing-type {
    font-size: 12px;
  }
  li.search-listing .listing-extras {
    float: left;
    clear: left;
  }

  #slider1_static_container svg.favorite-button {
    width: auto;
  }

  li.search-listing .listing-extras .listing-favorite {
    float: right;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    clear: none;
    margin-right: 2px;
  }

  li.search-listing .listing-extras .listing-favorite:hover {
    cursor: pointer;
  }

  /* BLOCK */

  /* PAGINATION */

  ul#search-pagination {
    width: 70%;
    padding-left: 15%;
    padding-right: 15%;
    height: 50px;
  }

  ul#search-pagination li.prev {
    width: 20%;
  }

  ul#search-pagination li.next {
    width: 20%;
  }

  ul#search-pagination li {
    width: 60%;
  }

  /* GOOGLE MAPS */

  div.advanced-search #map {
    float: left;
    clear: left;
    width: 100%;
    height: 320px;
    margin-bottom: 20px;
  }

  div.advanced-search #lmap, div.interactive-map #lmap{
    float: left;
    clear: left;
    width: 100%;
    height: 360px;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .interactive-map #lmap, .interactive-map #lmap{
    height: 100% !important;
  }
  div.google-infobox-hover {
    width: 300px;
    height: 80px;
    font-family: "Open sans", sans-serif;
  }

  div.google-infobox-hover img.listing-img {
    float: left;
    width: 100px;
    height: 75px;
  }

  div.google-infobox-hover span.listing-name {
    font-family: "Roboto", sans-serif;
    float: left;
    width: 195px;
    margin-left: 5px;
    text-transform: uppercase;
    height: 34px;
    font-size: 14px;
    font-weight: 500;
    color: rgb(82, 82, 82);
  }

  div.google-infobox-hover span.listing-type {
    font-family: "Roboto", sans-serif;
    float: left;
    width: 191px;
    margin-left: 5px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
    background-color: rgb(137, 137, 138);
    padding: 2px;
    color: white;
  }

  div.google-infobox-hover span.listing-price {
    font-family: "Open sans", sans-serif;
    color: var(--text-color);
    float: left;
    width: 173px;
    margin-left: 5px;
    margin-top: 3px;
    font-size: 12px;
    text-align: left;
    color: black;
  }

  div.google-infobox-hover div.listing-favorite {
    width: 22px;
    height: 22px;
    float: right;
  }

  div.google-infobox-hover div.listing-favorite:hover {
    cursor: pointer;
  }

  div.google-infobox-click.hover {
    width: 350px;
    height: 74px;
  }

  div.google-infobox-click {
    width: 420px;
    height: 150px;
    font-family: "Open sans", sans-serif;
  }

  div.google-infobox-click img.listing-img-hover {
    float: left;
    width: 122px;
    height: 92px;
    margin-top: 0;
  }

  div.google-infobox-click img.listing-img {
    float: left;
    width: 200px;
    height: 150px;
    margin-top: 0;
  }

  div.google-infobox-click span.listing-name {
    font-family: "Roboto", sans-serif;
    float: left;
    width: 215px;
    margin-left: 5px;
    text-transform: uppercase;
    height: 34px;
    font-size: 14px;
    font-weight: 500;
    color: rgb(82, 82, 82);
  }

  div.google-infobox-click span.listing-type {
    font-family: "Roboto", sans-serif;
    float: left;
    width: 211px;
    margin-left: 5px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
    padding: 0px;
    margin-bottom: 1px;
  }

  div.google-infobox-click span.listing-feature-extras {
    float: left;
    padding-top: 4px;
    padding-bottom: 5px;
    margin-left: 5px;
    width: 215px;
    height: 30px;
  }

  div.google-infobox-click p.listing-desc {
    display: block;
    line-height: 1.15;
    font-family: "Open sans", sans-serif;
    width: 215px;
    padding-bottom: 2px;
    max-height: 90px;
    float: left;
    margin: 0;
    margin-left: 5px;
    font-size: 12px;
    color: var(--text-color);
    letter-spacing: -0.2px;
  }

  div.google-infobox-click div.listing-favorite {
    display: block;
    width: 30px;
    height: 30px;
    float: right;
  }

  div.google-infobox-hover div.not-favorite {
    background-image: url("/resources/images/svg/favorite-heart.svg");
    background-size: 30px 30px;
    background-repeat: no-repeat;
  }

  div.google-infobox-hover div.favorite {
    background-image: url("/resources/images/svg/favorite-checked.svg");
    background-size: 30px 30px;
    background-repeat: no-repeat;
  }

  div.google-infobox-click div.not-favorite {
    background-image: url("/resources/images/svg/favorite-heart.svg");
    background-size: 30px 30px;
    background-repeat: no-repeat;
  }

  div.google-infobox-click div.favorite {
    background-image: url("/resources/images/svg/favorite-checked.svg");
    background-size: 30px 30px;
    background-repeat: no-repeat;
  }

  div.google-infobox-click div.listing-favorite:hover {
    cursor: pointer;
  }

  /* GOOGLE MAPS END */

  /* LISTING PAGE */

  #slider1_static_container {
    margin-left: 20px;
    margin-top: 10px;
  }

  div.listing-detail-body {
    padding: 0;
    margin-top: 5px;
    width: 100%;
    display: inline-block;
  }

  div#gmap_holder {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  div#leaflet_holder {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  div.listing-picture div.sold {
    left: 19px;
  }

  div.listing-picture img {
    width: 400px;
    height: 300px;
   /*  margin-left: 20px; */
    margin-bottom: 5px;
  }

  div.listing-detail-button-buttons .phone-link {
    display: none;
  }

  div.listing-detail-button-buttons > * {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 40px;
    margin-left: 20px;
  }

  .project-location-info {
    width: 100%;
    display: inline-block;
  }

  .project-location--map {
    width: 100%;
    float: left;
  }

  div#gmap_holder {
    width: 100%;
    height: 400px !important;
    display: inline-block;
  }
  div#leaflet_holder {
    width: 100%;
    height: 300px !important;
    display: inline-block;
  }
  html.mrr div.listing-contact-container {
    border: 1px solid rgb(4, 198, 233);
  }

  html.mtlgc div.listing-contact-container {
    border: 1px solid var(--rep-main-color);
  }

  .fb_iframe_widget_fluid_desktop iframe {
    width: 100%;
  }

  span.listing-detail-button-text {
    width: 100%;
    float: left;
    padding-top: 0;
    line-height: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
  }

  div.listing-detail-button-buttons {
    width: 140px;
    float: left;
    margin-top: 0;
    padding: 0;
  }

  div.listing-detail-button-buttons img,
  div.listing-detail-button-shares img {
    width: 100%;
  }

  div.listing-detail-button-shares {
    width: 210px;
    float: left;
    margin-top: 0;
    padding: 0;
  }

  div.listing-detail-button-shares .listing-return-container {
    display: block;
    font-size: 14px;
  }

  div.listing-detail-button-shares .listing-return-container svg {
    width: 30px;
    height: 30px;
    margin-left: 5px;
  }

  div.listing-detail-button-shares .listing-return-container:hover {
    cursor: pointer;
  }

  div.listing-detail-button-shares > * {
    width: 40px;
    margin-left: 24px;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  div.listing-share-container {
    padding-top: 0;
  }

  span.listing-share-title {
    float: right;
    margin-right: 14px;
    width: auto;
  }

  div.listing-share-container #atstbx {
    width: 88px;
    clear: right;
    float: right;
    margin-right: 14px;
  }

  form.listing-detail-contact-container input,
  form.listing-detail-contact-container textarea {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  form.listing-detail-contact-container .consent-container {
    width: 100%;
  }
  .consent-text {
    font-size: 12px;
    color:#000;
  }

  form div.g-recaptcha {
    margin: 25px 0px;
  }

  div.listing-detail-developer-container div {
    padding-bottom: 0;
  }

  div.listing-related-container {
    margin-top: 30px;
    padding-bottom: 10px;
  }
  div.listing-detail-description,
  span.listing-detail-address,
  span.listing-detail-extra,
  span.listing-detail-phone {
    font-size: 14px;
  }

  /* LISTING PAGE END */

  div.static-content {
    padding: 0;
    float: right;
    margin: 0 0 20px 20px;
    width: 100%;
  }

  div.static-content h1 {
    margin-bottom: 6px;
  }

  div.static-content h1 {
    font-size: 20px;
  }

  div.static-content h2 {
    font-size: 18px;
  }

  div.static-content .col {
    width: 210px;
    margin-right: 5px;
  }

  div.static-content .col.last {
    margin-right: 0;
  }

  div.static-content .promotion-single {
    float: left;
    clear: left;
  }

  div.static-content .service-single img {
    width: auto;
  }

  div.static-content .about-box {
    width: 210px;

    margin-top: 5px;
  }

  div.static-content .about-box div.img-container .title {
    top: -50px;
    bottom: auto;
  }

  div.static-content .about-box div.img-container .title * {
    font-size: 15px;
    letter-spacing: 3px;
  }

  div.lone-component-container {
    float: left;
    clear: left;
    margin-left: 20px;
    padding: 0;
    width: 100%;
  }

  li.visited-listing {
    float: left;
    position: relative;
    width: 253px;
    margin-right: 6px;
  }
  li.visited-listing.relatedListing {
    margin-right: 1%;
  }

  li.visited-listing.lastListing:nth-child(odd) {
    margin-right: 7px;
  }

  /*   li.visited-listing:nth-child(4n) {
        margin-right: 0;
    } */

  li.visited-listing:nth-child(5n) {
    clear: left;
  }

  div.developer-details {
    margin: 10px 0 10px 25px;
    padding: 0;
    float: left;
    clear: left;
  }

  div.developer-details h1 {
    font-size: 20px;
  }

  div.developer-details p {
    font-size: 14px;
  }
  .topLogoLink{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .topLogoLink .header-text{
    font-size: 24px;
    color: #000;
    margin: 20px 0px;
  }
  .topLogoLink .header-text span{
    font-weight: 800;
    color: #000;
  }

  /* PAYPAL MODULE

    /PAYPAL MODULE END*/
}
li.search-listing{
  background: #fff;
  overflow: hidden;
  border-top-right-radius: 14px;
  transition: all 0.3s ease-in-out;
}
li.search-listing:not(.search-listing-extra):hover {
  background: #eeeeee;
}
html.fullwidthsite .search-results {
  width: 100%;
  float: left;
  clear: left;
}
.partenermail {
  display: block !important;
  width: 100% !important;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}
html.ttc .partenermail {
  height: 700px;
  width: 100% !important;
  margin: 36px auto 0px;
}

.partenermail > .partenermail__text {
  padding: 10px !important;
  margin: 25px auto -18px auto;
  width: 229px;
  height:770px;
}
html.ttc .partenermail__text bold {
  color: #fff;
}
html.ttc .partenermail > .partenermail__text {
  width: 100% !important;
  padding: 0px !important;
}
html.ttc .partenermail iframe {
  width: 100% !important;
  height: 720px;
}
@media (max-width: 780px) {
  html.ttc .partenermail iframe {
    width: 100% !important;
    height: 510px;
  }
}
.partenermail #contact-form .invalid::placeholder {
  color: rgba(245, 55, 55, 0.4196078431372549);
  font-size: 13px;
}

.partenermail #contact-form .invalid:placeholder:focus {
  color: blue !important;
  font-size: 13px;
}

.partenermail #contact-form .invalid-remove {
  margin: 0px;
  color: #f53737 !important;
  font-size: 11px;
}

.partenermail > .partenermail__text p {
  width: 240px;
  margin: 2px auto 0 auto;
  height: 200px;
  line-height: 18px;
  text-align: center;
  padding-top: 0px;
  font-size: 14px !important;
}

.partenermail > .partenermail__text p a {
  text-decoration: underline;
  font-size: 16px !important;
  color: #fff;
}

.partenermail > .partenermail__text p a:hover {
  color: black;
}

.partenermail > .partenermail__text bold {
  font-size: 24px !important;
}
.avatar-here {
  display: block;
  width: 38px;
  height: 38px;
  background: url(../images/click-hand.svg);
  position: relative;
  background-repeat: no-repeat;
  top: 119px;
  left: 189px;
  transform: scale(0);
  animation: click-avatar 1s 1s 1 forwards;
  z-index: 9;
}
@keyframes click-avatar {
  0% {
    transform: scale(0) rotate(0deg);
    top: 119px;
    left: 189px;
  }
  50% {
    transform: scale(1) rotate(0deg);
    top: 119px;
    left: 189px;
  }
  70% {
    transform: scale(1) rotate(-20deg);
    top: 107px;
    left: 168px;
  }
  76% {
    transform: scale(1.15) rotate(-20deg);
    top: 107px;
    left: 168px;
  }
  80% {
    transform: scale(1) rotate(0deg);
    top: 107px;
    left: 168px;
  }
  100% {
    transform: scale(1) rotate(0deg);
    top: 119px;
    left: 189px;
  }
}

.answer {
  background-color: rgba(0, 0, 0, 0);
  height: 24px;
}

.listing-detail-contact-container .answer {
  height: 40px;
  margin-top: 2px;
  border-bottom:1px solid #bbbbbb;
  text-transform: unset;
}

.listing-detail-contact-container .answer__template {
  font-size: 14px;
  color: var(--title-color);
  font-weight: 400;
  line-height: 21px;
  clear: left;
}

.answer__template {
  margin-top: 0px;
}
.listing-detail-contact-container .takeMeeting{
  margin-top: 40px;
  font-size: 14px;
  line-height: 21px;
  clear: left;
  cursor: pointer;
}
.listing-detail-contact-container .takeMeeting p.meetingText{
  color: var(--title-color);
  font-weight: 400;
  width: 95%;
  display: block;
}
.listing-detail-contact-container .takeMeeting p.meetingText .section-part-fixe-icon{
  float: right;
}
.partenermail .partenermail__text .partenermail__arrow {
  transform: rotate(180deg);
  width: 30px;
  height: 30px;
  margin-left: -10px;
  fill: #fff;
  animation-name: move-arrow;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
}

@keyframes move-arrow {
  0% {
    margin-top: 20px;
  }

  50% {
    margin-top: 30px;
  }

  100% {
    margin-top: 20px;
  }
}

#mc_embed_signup {
  display: inline-block;
  font-family: "Open sans", "Arial";
  font-size: 14px;
  margin-top: 30px;
  width: 100%;
}
#mc_embed_signup>form{
  margin: auto;
}
@media (max-width: 960px) {
  #mc_embed_signup {
    width: 96% !important;
  }
}

#mc_embed_signup input.button {
  width: 100% !important;
  background-color: white;
  border: solid 1px rgba(0, 0, 0, 0.22);
  border-radius: 0px;
  text-transform: uppercase;
  animation-name: move-send;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
}

#mc_embed_signup input.button {
  color: #525252;
}

#mc_embed_signup input.button:hover {
  background: #cccccc !important;
  color: #fff;
}

#mc_embed_signup label {
  font-family: "Open sans", "Sans-serif" !important;
  color: rgb(82, 82, 82) !important;
  font-weight: 400 !important;
}
#mc_embed_signup label span{
  font-weight: 600;
    display: block;
    clear: both;
    position: relative;
    margin: 10px 0px;
    font-size: 18px !important;
}
#mc_embed_signup input{
  border-radius: 0px !important;
}
#mc_embed_signup input.email {
  min-height: 16px !important;
  width: 100% !important;
  margin: 16px 0 40px 0 !important;
  padding:0px !important;
  border-radius: 0px;
  border-bottom: 1px solid #00000038;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0px !important;
  text-transform: uppercase;
  font-family: "Open sans", "Arial" !important;
  font-size: 14px !important;
}

.listing-img-base-gray {
  filter: grayscale(80%);
}

html.mrr div.listing-contact-container {
  border: none;
}

html.mtlgc div.listing-contact-container {
  border: none;
}

.contact-side-text span {
  text-transform: uppercase;
}

nav#right-sleight {
  left: 0px !important;
  right: unset !important;
}

div.mtlgc-calculhypo-thumb {
  top: 400px;
}

.feature-icon-info {
  width: 240px;
  z-index: 99;
  position: absolute;
  top: -50px;
  box-shadow: 1px 1px 6px #a9a9a9;
  padding-left: 20px;
  padding-left: 7px;
  padding-bottom: 7px;
}

html.mtlgc .feature-icon-info {
  background: #fdcd00;
}

html.ttc .feature-icon-info {
  background: var(--rep-main-color);
}

html.ttc .feature-icon-info a {
  color: #fff !important;
  font-size: 14px;
}

.feature-icon-info:after {
  position: absolute;
  bottom: 0px;
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  margin-bottom: -5px;
  margin-left: 2px;
  transform: rotate(45deg);
  z-index: 98;
}

html.mtlgc .feature-icon-info:after {
  background: #fdcd00;
}

html.ttc .feature-icon-info:after {
  background: var(--rep-main-color);
}

.feature-icon-info span {
  display: block;
  font-weight: 700;
  line-height: 17px;
}
@media (max-width: 960px) {
  .project-location--map {
    display: block;
    width: 100%;
    height: 348px;
    position: relative;
  }
}
.project-options {
  margin-top: 20px;
  margin-bottom: 20px;
}

.project-options-section {
  width: 50%;
  float: left;
}

@media (max-width: 495px) {
  .project-options-section {
    width: 100%;
  }
}

.project-options-section .feature {
  width: 100% !important;
}

html.mrr li.feature::before,
html.mrr .tags li::before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  position: relative;
  top: 27px;
  background: url(../images/crochet.svg);
}

html.mrr .project-location-links {
  padding-top: 10px;
}

/*Vis à vie css*/
html.mrr #visavie {
  padding: 5px;
  border: #55666c solid 1px;
  position: relative;
  width: 80%;
  margin-left: 10%;
  display: block;
  cursor: pointer;
  transition: 0.3s all ease-out;
}
@media (max-width: 680px) {
  html.mrr #visavie.formulaireOpen {
    width: 100%;
    margin: 0px !important;
  }
}
html.mrr #visavie:hover {
  background: rgba(85, 102, 108, 0.08);
}

html.mrr #visavie-click {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #55666c;
  position: absolute;
  top: 5px;
  left: -29px;
  background: #fff;
}

html.mrr .visavie-click-open {
  top: 18px !important;
  left: 5px !important;
}

html.mrr #visavie-click .hand-click {
  width: 84%;
  position: absolute;
  top: 3px;
  left: 10px;
}

html.mrr #visavie p {
  color: #55666c;
  font-size: 14px;
  width: 65%;
  float: left;
  margin-left: 50px;
  line-height: 21px;
}

html.mrr #visavie p .visavieButton-line1 {
  display: block;
  font-weight: 700;
  text-transform: uppercase;
}

html.mrr #visavie p .visavieButton-line2 {
  display: block;
  text-transform: uppercase;
}

html.mrr #visavie p .visavieButton-line3 {
  display: block;
  text-transform: uppercase;
  font-weight: 600;
}

html.mrr #visavie .visavie-logo {
  width: 20%;
  float: right;
  padding: 5px 0px 0px 0px;
}

html.mrr #visavie:hover .click-hand {
  animation: bouton-vert 1s ease-in-out infinite;
}

html.mrr #visavie .visavie-click-open {
  display: none;
  z-index: 50;
  background: #fff;
  transition: all 0.3s ease-in-out;
}

html.mrr #visavie .visavie-click-open img {
  top: 21px;
  left: 5px;
  position: absolute;
  width: 50px;
  z-index: 999;
}

html.mrr #visavie .visavie-click-open:hover {
  transform: scale(1.05);
}

@keyframes bouton-vert {
  0% {
    stroke-width: 1.15px;
  }

  25% {
    stroke-width: 2.15px;
  }

  50% {
    stroke-width: 3.15px;
  }

  75% {
    stroke-width: 2.15px;
  }

  100% {
    stroke-width: 1.15px;
  }
}

#visavie-chat #operators span {
  display: none !important;
}

.partners {
  max-width: 350px;
}
html.mrr .home-contact {
  position: absolute;
  right: 50px;
  bottom: 13px;
  color: #06c5e9;
  font-weight: bold;
  width: 101px;
}

html.mrr .home-contact-region {
  padding-bottom: 2px;
  font-weight: 400;
}
html.mrr .home-contact-number {
  font-weight: bold;
}
.read-blogue {
  display: block;
  text-align: center;
  margin: 20px auto 0px;
  width: 100px;
  border: solid 1px #fbcf01;
  padding: 8px;
  height: 20px;
  overflow: hidden;
}
.read-blogue:before {
  content: "Lire l'article";
}
.featured-blog-post:hover .read-blogue {
  border: none;
}
.featured-blog-post:hover .read-blogue:before {
  content: "";
  display: block;
  background: url(../images/contact-form-arrow.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  width: 97px;
  background-position: 0px;
  height: 19px;
  position: relative;
  animation-name: goToBlogue;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  /* Safari 4.0 - 8.0 */
  animation-iteration-count: 4;
}

@keyframes goToBlogue {
  0% {
    left: -30px;
  }
  100% {
    left: 130px;
  }
}

@keyframes sendMailing {
  0% {
    background-position: -20% 5px;
  }
  70% {
    background-position: 110% 5px;
  }
  100% {
    background-position: 50% 5px;
  }
}
.avatarIframe {
  width: 100%;
/*   border: 1px solid #f8f7ec; */
}
.static-content .avatarIframe{
  height: 1000px;
}
.avatarFiche {
  vertical-align: bottom;
  height: 250px;
}
.avatarHome {
  display: block;
  width: 90%;
  height: 255px;
  margin: auto !important;
  transition: 1s all ease-in-out;
}
.avatarHomeContainer {
  margin: 130px auto 0px;
  padding-bottom: 46px;
}
.overIframe {
  position: relative;
  height: 283px;
}
.catchClick {
  position: absolute;
  top: 0px;
  left: 19px;
  width: 90%;
  height: 255px;
  display: block;
}
@media (max-width: 640px) {
  .avatarHomeContainer {
    margin: 170px auto 0px;
  }
}
.avatarArrow {
  bottom: -14px;
  left: 50%;
  transform: rotate(270deg) translateY(-50%);
  position: absolute;
  width: 31px;
  height: 31px;
  border-radius: 50%;
  background-color: #fff;
  background-image: url(../images/fleche_carrousel.svg);
  background-position: 6px 6px;
  background-repeat: no-repeat;
  background-size: 65%;
  transition: 1s all ease-in-out;
  cursor: pointer;
}
.avatarArrow:hover {
  transform: rotate(270deg) translateY(-50%) scale(1.15);
  animation: movedown 1s ease-in-out infinite;
}
.listing-contact-container .avatarArrow{
  bottom: 10px;
}
@keyframes movedown {
  0% {
    transform: rotate(270deg) translateY(-50%) translateX(0px) scale(1.15);
  }
  50% {
    transform: rotate(270deg) translateY(-50%) translateX(5px) scale(1.15);
  }
  100% {
    transform: rotate(270deg) translateY(-50%) translateX(0px) scale(1.15);
  }
}
.partenermail > .avatar_partenermail__text {
  width: 100%;
  margin: 0px auto;
  padding: 0px !important;
}
.infoAvatar {
  color: var(--text-color);
  margin: 30px;
  font-weight: 400;
  font-size: 14px;
}
html.mtlgc .avatar_partenermail__text {
  width: 210px;
  padding: 10px !important;
  border: solid 1px #bdbdbd;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  background: #fff;
  float: left;
  color: #fdce03;
  transform: translateX(-50%);
  margin: 20px 50%;
  transition: all 0.3s ease-in-out;
}
html.mtlgc .avatar_partenermail__text:hover {
  background: #bdbdbd;
  color: #fff;
}
html.mtlgc .avatar_partenermail__text span {
  color: #fdce03;
}
html.mtlgc .avatar_partenermail__text:hover span {
  color: #fff;
}
.source {
  font-size: 10px;
}
.avatarFormulaire {
  margin-top: 20px;
}

.static-content .title {
  margin: 40px 0px;
}
.contact-page{
  display: block;
  margin-top: 5px;
}

/*Annoncer*/
@media (max-width: 780px) {
  .static-content {
    width: 100%;
  }
  div.an-element {
    width: 90%;
    margin: auto;
  }
  .proj {
    line-height: 49px;
    font-size: 35px;
  }
  .btn-flexible {
    width: 85% !important;
  }
}
.an-page {
  counter-reset: an-element-number;
}
div.an-element p {
  width: 100% !important;
  font-size: 16px;
  color: var(--text-color);
  line-height: 19px;
  margin: 30px 0;
}
div.an-element strong {
  font-weight: 700;
  color: var(--text-color);
}
div.an-element p span {
  color: var(--text-color);
}
h2.an-title {
  font-size: 36px !important;
  font-weight: 800;
  color: var(--text-color);
  max-width: 470px;
  z-index: 9;
  margin-bottom: 5px;
}
@media (max-width:480px) {
  h2.an-title {
    font-size: 20px !important;
  }
}
h2.an-title span {
  z-index: 9;
  position: relative;
  color: var(--text-color);
}
h2.an-title::before {
  counter-increment: an-element-number;
  content: counter(an-element-number);
  width: 63px;
  height: 116px;
  display: block;
  position: relative;
  font-size: 110px;
  top: 51px;
  left: 0px;
  z-index: 1;
}
html.mtlgc h2.an-title::before {
  color: #fbd000;
}
html.mrr h2.an-title::before {
  color: #03c6e9;
}
html.ttc h2.an-title::before {
  color: var(--rep-main-color);
}
p.an-text span {
  display: block;
  font-weight: 700;
  margin-bottom: 20px;
}
div.an-know-more {
  width: 200px;
  height: 20px;
  padding: 20px;
  margin: 20px auto;
  text-align: center;
  cursor: pointer;
  font-weight: 700;
  transition: all 0.3s ease-in-out;
}
html.mtlgc div.an-know-more {
  border: 1px solid #fbd000;
  background: #fbd000;
  color: var(--text-color);
}
html.mrr div.an-know-more {
  border: 1px solid #03c6e9;
  background: #03c6e9;
  color: var(--text-color);
  transition: all 0.3s ease-in-out;
}
html.mrr div.an-know-more.comparatif::before {
  font-weight: 700;
  color: var(--text-color);
  content: "Obtenir le formulaire";
  transition: all 0.3s ease-in-out;
}
html.mrr div.an-know-more.kit::before {
  font-weight: 700;
  color: var(--text-color);
  content: "Obtenir le kit-média";
  transition: all 0.3s ease-in-out;
}
div.an-know-more:hover {
  transform: scale(1.05);
}
html.mtlgc div.an-know-more:before {
  content: "";
  opacity: 0;
  background: url("../../branding/images/annoncer/fleche_know-more.svg");
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(90deg);
  display: block;
  width: 31px;
  height: 20px;
  margin: auto;
  margin-top: -17px;
  transition: all 0.3s ease-in-out;
}
html.mtlgc div.an-know-more:hover:before {
  content: "";
  opacity: 1;
  background: url("../../branding/images/annoncer/fleche_know-more.svg");
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(90deg);
  display: block;
  width: 31px;
  height: 20px;
  margin: auto;
  margin-top: 0px;
  transition: all 0.3s ease-in-out;
}
html.mrr div.an-know-more:hover::before {
  content: "";
  background: url("../../branding/images/annoncer/fleche_know-more.svg");
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(90deg);
  display: block;
  width: 31px;
  height: 20px;
  margin: auto;
  transition: all 0.3s ease-in-out;
}
div.an-infobox {
  display: none;
  background: #f9f9f9;
  padding: 46px;
}
h3.an-infotitle {
  font-size: 36px !important;
  color: var(--text-color);
  line-height: 38px;
}
p.an-infotext span {
  display: block;
  font-weight: 700;
  margin-bottom: 20px;
}
.an-bottom {
  height: 400px;
  width: 100%;
}
.an-bottom-noHeight{
  height: max-content !important;
}
.an-bottom h4.an-bottom-title {
  font-size: 36px !important;
  font-weight: 800;
  color: var(--text-color);
  padding: 50px 20px;
  display: block;
  text-align: center;
  margin: auto;
}
.an-bottom p.an-bottom-text {
  width: 100%;
  font-size: 16px !important;
  margin: auto;
  text-align: center;
  color: var(--text-color);
}
.an-bottom div.an-bottom-btn {
  border: 1px solid #000;
  background: #000;
  color: #fff;
  width: 200px;
  height: 20px;
  padding: 20px;
  margin: 70px auto;
  text-align: center;
  cursor: pointer;
  transition: all ease-in-out 0.3s;
}
.an-infobox .presses{
  display: flex;
    align-content: stretch;
    justify-content: space-around;
    align-items: stretch;
    justify-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.an-infobox .presses a.press{
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.3s ease-in-out;
}
.an-infobox .presses a.press:hover{
  transform: scale(1.05);
}
.an-infobox .presses a.press h4{
  margin-top: 4px;
}
.an-infobox .presses a.press p{
  font-weight: 400;
}
.an-infobox .presses a.press .seeArcticle{
  background-color: var(--rep-main-color);
  text-align: center;
  padding: 18px;
}
.an-bottom div.an-bottom-btn:hover {
  transform: scale(1.03);
}
.promot {
  margin-top: 20px;
}
.promot {
  margin-top: 100px;
}
.proj {
  color: var(--text-color) !important;
  display: block;
  padding: 15px 0px 30px 0px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 40px;
}
.promot .proj .num {
  border-bottom: 3px solid #fbd100;
  padding: -3px;
}
div.comp {
  display: flex;
  flex-wrap: wrap;
}
.rep {
  flex-grow: 1;
  flex-basis: 0;
}
.an-repertoires {
  margin-top: 100px;
}
div.an-element p.stat-icon-text {
  width: 53% !important;
  display: inline;
  float: left;
}
.stat-icon-text span {
  display: block;
  font-size: 40px;
  border-bottom: 3px solid #fbd100;
  height: 33px;
  font-weight: 600;
}
.an-repertoires sup {
  color: var(--text-color);
  font-size: 20px;
  vertical-align: super;
}
.stats-top img {
  width: 106px !important;
  display: inline;
  float: left;
}
.btn-flexible {
  text-align: center;
  padding: 20px;
  background: #fbd100;
  width: 400px;
  margin: 100px auto;
  transition: all 0.3s ease-in-out;
}
.btn-flexible:hover {
  transform: scale(1.04);
}
.rep-logo {
  transition: all ease-in-out 0.3s;
}
.rep-logo:hover {
  transform: scale(1.03);
}
span.an-list {
  font-weight: 400 !important;
  line-height: 26px;
}
/* Tabs sur listing et contact */
.tabs {
  width: 100%;
}
.tabs .tabsContent {
  height: 20px;
  clear: none;
  float: left;
  margin: 2px 2px 2px 0px;
  padding: 4px;
  text-align: center;
  transition: all 0.1s ease-in-out;
  cursor: pointer;
}
.tabs .tabsContent:first-of-type {
  margin-left: 0px;
}
.search-results  .tabs .tabsContent:first-of-type {
  margin-left: 8px;
}
.tabs .tabsContent span {
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--text-color);
  transition: all 0.1s ease-in-out;
}
.search-results .tabs .tabsContent.active {
  border-bottom: 1px solid var(--text-color);
}
.search-results .tabs .tabsContent.active span {
  font-weight: 700;
  text-transform: uppercase;
}
.search-results .tabs .tabsContent:hover {
  border-bottom: 1px solid var(--text-color)
}
 .tabs .tabsContent:hover span {
  font-weight: 700;
}
.tabsListing {
  display: block;
  width: 100%;
  height: 50px;
}
.tabsListing.tabs .tabsContent {
  margin: 2px 6px;
  font-size: 16px;
  height: 20px;
  transform: translateY(50%);
}
.tabsListing.tabs .tabsContent.tabDontExistFortheProject{
  pointer-events: none;
  cursor: not-allowed;
}
.tabsListing.tabs .tabsContent.tabDontExistFortheProject span{
  font-weight: 200;
  color: #c4c4c4;
}
.tabsListing.tabs .tabsContent:first-of-type {
  margin: 2px 0px;
}
.tabsListing.tabs .tabsContent.active {
  text-decoration: underline;
}
.tabsListing.tabs .tabsContent:hover {
  padding: 4px 3px;
}
.tabsListing.tabs .tabsContent.active:hover{
  padding: 4px;
}
.tabsListing.tabs .tabsContent.active span,
.tabsListing.tabs .tabsContent:hover span {
  color: var(--text-color);
  font-weight: 700;
}
@media (min-width: 671px) and (max-width: 960px) {
  .tabsListing.tabs .tabsContent {
    height: 20px;
  }
  .tabsListing.tabs .tabsContent span {
    font-size: 11px;
  }
}
@media  (min-width: 460px) and (max-width: 670px) {
  .tabsListing {
    display: flex;
    flex-wrap: wrap;
  }
  .tabsListing.tabs .tabsContent{
    margin: 2px 2px;
  }
  .tabsListing.tabs .tabsContent span {
    font-size: 11px;
  }
  .adsOnListing{
    display: none !important;
    pointer-events: none !important;
  }
}
@media (max-width: 459px) {
  .tabsListing {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
  }
  .tabsListing.tabs .tabsContent{
    margin: 2px 1px;
  }
  .tabsListing.tabs .tabsContent span {
    font-size: 8px;
  }
  .adsOnListing{
    display: none !important;
    pointer-events: none !important;
  }
}
/*  fin Tabs sur listing */
/* Tabs sur contact */
.tabsContact {
  display: flex;
  width: 100%;
  margin: auto;
  overflow-x: hidden;
}
.tabs .tabsContent.tabsContentContact {
  position: relative;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  margin: 20px;
  background: rgb(130, 130, 130);
}
.tabs .tabsContent.tabsContentContact img {
  height: 20px;
  margin-top: 4px;
}
@media (max-width: 880px) {
  .tabs .tabsContent.tabsContentContact {
    margin: 10px;
  }
}
.tabs .tabsContent.tabsContentContact.active {
  background-color: var(--text-color);
  transform: rotate(0deg);
  animation: shakeit 0.3s ease-in-out 0s 1 forwards;
}
@keyframes shakeit {
  0% {
    transform: rotate(5deg);
  }
  25% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
  75% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.tabs .tabsContent.tabsContentContact:hover {
  background-color: var(--text-color);
  box-shadow: 2px 3px 8px 1px #56565685;
}
.tabs .tabsContent.tabsContentContact:hover .tabsContentContactInformationBox {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  opacity: 0;
  animation: showIt 0.3s ease-in-out 0s 1 forwards;
}
@keyframes showIt {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.tabsContentContactInformationBox {
  width: 117px;
  height: 16px;
  top: -45px;
  left: -43px;
  opacity: 0;
  display: none;
  position: absolute;
  font-size: 12px;
  text-transform: uppercase;
  text-align: left;
  background: var(--border-color);
  padding: 10px;
  border-radius: 6px;
  transition: all 0.3s ease-in-out;
  box-shadow: 4px 2px 4px 0px rgb(101 101 101 / 38%);
}
.tabsContentContactInformationBox::after {
  position: absolute;
  content: "";
  left: 40%;
  bottom: -10px;
  width: 20px;
  height: 20px;
  background: var(--border-color);
  transform: rotate(136deg);
}
.tabsContentContactInformationBox__inner {
  position: relative;
  background: var(--border-color);
  text-align: center;
  z-index: 1;
}
.tabsContentContactInformationBox__inner p, .tabsContentContactInformationBox__inner span {
  font-size: 12px;
  font-weight: 600;
  color: #fff !important;
}
/* fin Tabs sur contact */
.an-list-ul,
.an-list-ul li {
  font-size: 16px !important;
  line-height: 26px !important;
  border: none !important;
}
.an-list-ul li {
  margin-bottom: 16px;
}
.an-list-ul li::before {
  content: "\2022";
  color: var(--rep-main-color);
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

html.mrr .num {
  border-bottom: 3px solid var(--rep-main-color) !important;
}

html.mrr .btn-flexible {
  background-color: var(--rep-main-color) !important;
}

html.mrr .stat-icon-text span {
  border-color: var(--rep-main-color) !important;
}
.featuresAvailableAndMap{
  display: none;/* flex by jQuery line 212 */
  clear: both;
  width: 93%;
  margin: auto;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.featuresAvailableAndMap.showMe{
  display: flex;
}
.display-format{
  display: block;
  border-radius: 25px;
  margin: auto;
  text-align: center;
}

.loadtype {
  padding: 6px 2px;
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 8px;
  text-align: center;
  border-bottom: 0px;
  color: #757a7b;
  cursor: pointer;
  text-transform: uppercase;
  display: inline-block;
  border-radius: 14px;
  padding: 11px 11px;
  border: 1px solid #757a7b;
}
.avatar-btn {
  text-align: center;
  border-radius: 25px;
  background: #fbcf00;
  font-weight: 400;
  width: 46%;
  margin: 54px auto;
  padding: 14px;
  transition: all 0.3s ease-in-out;
}
.avatar-btn > span {
  font-weight: 600;
}
.avatar-btn:hover {
  transform: scale(1.03);
}
.ui-timepicker-viewport {
  overflow: hidden !important;
}
.ui-timepicker-standard {
  z-index: 202 !important;
  height: 180px !important;
}
.ui-timepicker-standard a {
  color: #575757 !important;
  font-family: "Open sans", "Arial" !important;
  font-size: 14px;
}
.google-auto-placed {
  display: none !important;
}
div.developer-details .developerImage {
  width: 100%;
  float: left;
}
div.developer-details .developerNameScore {
  width: 100%;
  float: left;
  clear: none;
  margin: 16px 0px;
}
@media (max-width: 480px) {
  div.developer-details .developerImage {
    display: none;
  }
  div.developer-details .developerNameScore {
    width: 100%;
    margin: 10px 0px;
  }
}
.contactFormMailOption {
  display: flex;
  width: 100%;
  justify-content: space-around;
}
.contactFormTitle {
  width: 40%;
  padding: 10px;
  margin-left: 0px;
  float: left;
  clear: none;
  border: solid 1px #bdbdbd;
  text-align: center;
  cursor: pointer;
  transition: all ease-in-out 0.5s;
}
.contactFormTitle.contactSelected {
  cursor: default;
}
html.ttc .contactFormTitle:not(.contactSelected):hover {
  border: solid 1px var(--rep-main-color);
}
html.mrr .contactFormTitle:not(.contactSelected):hover {
  border: solid 1px var(--rep-main-color);
}
html.mtlgc .contactFormTitle:not(.contactSelected):hover {
  border: solid 1px #fbcf00;
}
@media (max-width: 680px) {
  .contactFormTitle {
    width: 90%;
  }
}
.contactFormPhone {
  width: 50%;
  margin: 23px auto;
  padding: 10px;
  line-height: 20px;
  clear: left;
  text-align: center;
  cursor: pointer;
  border: solid 1px #bdbdbd;
  transition: all ease-in-out 0.5s;
}
@media (max-width: 680px) {
  .contactFormPhone {
    width: 90%;
  }
}
html.mtlgc .contactFormPhone:hover {
  border: solid 1px #fbcf00;
}
.contactFormPhoneNumberShow {
  font-size: 8px !important;
  margin-top: 6px;
  display: block;
}
.contactOption {
  text-transform: uppercase;
  display: block;
  clear: left;
  width: 100%;
  margin: 20px 0px;
}
.contactOption > p {
  text-align: center;
  width: 40px;
  margin: auto;
}
.contactSelected {
  background: #bdbdbd;
  color: #fff;
}
.ui-widget.ui-widget-content {
  border: none !important;
}
h3.infomeeting {
  display: block;
  font-size: 14px;
  text-align: center;
  font-weight: 600;
  line-height: 20px;
  color: var(--text-color);
  margin: 30px auto 20px auto;
  font-weight: 400;
  width: 100%;
}
h3.infomeeting > span {
  font-size: 16px;
  color: var(--text-color);
  font-weight: 600;
  display: block;
  clear: left;
}
@media (max-width: 600px) {
  h3.infomeeting > span {
    display: block;
    line-height: 18px;
    margin-bottom: 21px;
  }
}
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
  font-size: 16px !important;
}
/* Section produits début */
.bloc-deco-image * {
  -webkit-transition: all 1s ease-in, all 1s ease-out;
  -moz-transition: all 1s ease-in, all 1s ease-out;
  -ms-transition: all 1s ease-in, all 1s ease-out;
  -o-transition: all 1s ease-in, all 1s ease-out;
  transition: all 1s ease-in, all 1s ease-out;
}

.bloc-deco-image {
  position: relative;
}

.bloc-deco-image .bloc-dimension {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}

.bloc-deco-image .voir-dimensions {
  font-size: 13px;
  padding: 10px;
  opacity: 1;
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: #fff;
  box-shadow: 0 0 1px 1px #ccc;
}

.bloc-deco-image .voir-dimensions::before {
  content: "";
  float: left;
  width: 13px;
  height: 13px;
  margin-right: 10px;
  background: url(https://www.guideimmo.ca/branding/images/annoncer/fleche_know-more.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.bloc-deco-image:hover .bloc-dimension {
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
}

.bloc-deco-image .bloc-dimension image,
.bloc-deco-image .bloc-dimension ul {
  position: absolute;
  top: 0;
  bottom: 0;
}

.bloc-deco-image .bloc-dimension ul {
  border-bottom: 0;
  margin: 10px 0 0 20px;
}

.bloc-deco-image .bloc-dimension ul li {
  width: inherit;
  float: inherit;
  margin: 0 0 20px 0;
  padding: 10px 15px;
  background-color: #e9e9e9;
}
.codepromo {
  margin: 2rem 0 0 0;
  text-align: center;
}
.codepromo .code {
  font-weight: 600;
}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}
.slide-container {
  position: relative;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a grey background color */
.prev:hover,
.next:hover {
  background-color: #f1f1f1;
  color: black;
}

/* Fading animation */
.slide-container {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Section produits fin */
.listing-go-to-contact-form {
  padding: 10px;
  margin: 20px 0px;
  position: relative;
}
.contact-top-text {
  position: relative;
  transform: translateY(4px);
  left: 10px;
}
#hidePartOfText {
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.seeMoreText {
  font-size: 14px !important;
  cursor: pointer;
  margin: 10px auto;
  width: 214px;
  text-transform: uppercase;
}
.seeMoreText span {
  display: inline;
  margin-right: 10px;
  margin-top: 5px;
  transform: translateY(-50%);
  width: 10px;
  float: left;
}
.seeMoreText span:first-child {
  float: left;
}
.seeMoreText span:last-child {
  float: right;
}
.bottomGradien::after {
  content: "";
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0.45702030812324934) 100%
  );
  background: -webkit-linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0.45702030812324934) 100%
  );
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0.45702030812324934) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 28px;
}
.bottomGradienRemove::after {
  background: none;
}
.displayPartText {
  height: 200px;
}
.displayFullText {
  max-height: none !important;
  animation: fullText 1s ease-in forwards;
}
@keyframes fullText {
  0% {
    height: 200px;
  }
  50% {
    height: 600px;
  }

  100% {
    height: auto !important;
  }
}
.contactIcon {
  width: 36px;
  transform: translateY(13%);
  float: left;
  padding-right: 10px;
}
.contactIcon .st0 {
  fill: var(--text-color);
}
.nameStar {
  margin: 10px 0;
}
#contactFormContainer {
  display: block;
  position: fixed;
  background: white;
  width: 50%;
  max-width: 640px;
  height: 70%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  backface-visibility: hidden;
  z-index: 201;
  border-top-left-radius: 30px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.contact-boxe-height {
  height: 1330px;
}
@media (max-width: 880px) {
  #contactFormContainer {
    display: block;
    transform: translate(0%, 0%);
    top: 1vh;
    left: 5vw;
    width: 90%;
    height: 98vh;
    overflow: scroll;
  }
  html.mrr #contact-boxe iframe.avatarIframe {
    height: 1300px;
  }
}
#contactFormContainer > .close {
  float: right;
  margin: 19px 26px 0px 0px;
  cursor: pointer;
  z-index: 2;
  position: relative;
  font-size: 22px;
  transform: scaleX(1.5);
  transition: all 0.2s ease-in-out;
}
#contactFormContainer > .close:hover {
  transform: scaleX(1.5) scale(1.1);
}
.closeContact {
  transform: scaleX(1.5);
  cursor: pointer;
  position: absolute;
  right: 18px;
  top: 14px;
  background: #fff;
  padding: 4px;
  border-radius: 50%;
}
@media (max-width:780px){
  .closeContact{
    display: none;
  }
}
.overWebsiteForPop {
  display: block;
  position: fixed;
  background: rgba(0, 0, 0, 0.55);
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 199;
}
.linkToPhone {
  color: #fff !important;
}
.js-flickity,
li.visited-listing.relatedListing {
  height: 290px;
}
.close-by-listings .flickity-prev-next-button.previous,
.close-by-listings .flickity-prev-next-button.next {
  margin-top: -67px;
}
.js-flickity div.listing-score-container .listing-thumb-star,
.search-listings div.listing-score-container .listing-thumb-star {
  transform: scale(0.8) !important;
  margin: 0 0px 0 0 !important;
}
.js-flickity .listing-score-container,
.search-listings #home-container .listing-score-container,
.sponsor-project-listing .listing-score-container {
  display: block;
  position: relative;
}
html.fullwidthsite .suggested-desc,
html.mtlgc .relatedListing .suggested-desc {
  color: var(--text-color);
  font-size: 12px;
  line-height: 14px;
  position: relative;
  height: 45px;
}
@media (max-width:440px) {
  html.fullwidthsite .suggested-desc,
html.mtlgc .relatedListing .suggested-desc {
  color: var(--text-color);
  font-size: 12px;
  line-height: 14px;
  position: relative;
  height: 70px;
}
}

@media (max-width: 959px) {
  .js-flickity,
  li.visited-listing.relatedListing  {
    height: 285px !important;
  }
  li.visited-listing.relatedListing {
    margin-bottom: 10px;
  }
}

.jssort01 {
  background-color: white;
  position: absolute;
  z-index: 0;
  /* size of thumbnail navigator container */
  width: 650px;
  height: 94px;
}

.jssort01 .p {
  position: absolute;
  top: 0;
  left: 0;
  width: 96px;
  height: 72px;
}

.jssort01 .t {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.jssort01 .w {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.jssort01 .c {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 92px;
  height: 68px;
  box-sizing: content-box;
}

.jssort01 .pav .c {
  top: 0px;
  _top: 0px;
  left: 0px;
  _left: 0px;
  width: 92px;
  height: 68px;
}

.jssort01 .p:hover .c {
  top: 0px;
  left: 0px;
  width: 94px;
  height: 70px;
  background-position: 50% 50%;
}

.jssort01 .p.pdn .c {
  background-position: 50% 50%;
  width: 92px;
  height: 68px;
}

* html .jssort01 .c,
* html .jssort01 .pdn .c,
* html .jssort01 .pav .c {
  /* ie quirks mode adjust */
  width/**/: 94px;
  height/**/: 72px;
}
.imageCarousel {
  cursor: move;
  left: 0px;
  top: 0px;
  width: 650px;
  height: 458px !important;
}
.imageCarouselInner {
  border-top-right-radius: 20px;
  overflow: hidden;
}
.collectionTag {
  width: 120px;
  z-index: 3;
  display: block;
  position: absolute;
  right: 0px;
  bottom: -6px;
}
@media (min-width: 676px) and (max-width: 980px) {
  .collectionTag {
    width: 120px;
    z-index: 3;
    display: block;
    position: absolute;
  }
}
@media (max-width: 675px) {
  .collectionTag {
    width: 120px;
    z-index: 3;
    display: block;
    position: absolute;
  }
}
.hypotheque-calcul {
  position: relative;
  border: 1px solid #c7c7c7;
}
.hypotheque-calcul .hypotheque-calculClose {
  position: absolute;
  display: block;
  font-size: 22px;
  top: -1px;
  right: 5px;
  transform: scaleX(1.5);
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.hypotheque-calcul .hypotheque-calculClose:hover {
  transform: scaleX(1.8) scaleY(1.2);
}
/* photo grid */
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #353535;
  font-size: 3rem;
  color: #fff;
  height: 100%;
  width: 100%;
  transition: all 500ms;
  overflow: hidden;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  cursor: pointer;
  font-weight: 900;
  font-size: 35px
}

.card:hover {
  box-shadow: rgba(2, 8, 20, 0.1) 0px 0.35em 1.175em,
    rgba(2, 8, 20, 0.08) 0px 0.175em 0.5em;
  transform: scale(1.005);
  position: relative;
}
.card:hover::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url("../../resources/images/svg/plus.svg");
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgb(53 53 53 / 63%);
  z-index: 1;
  opacity: 0;
  animation: overAppear 0.3s 0.1s 1 forwards;
}
.imagesAnimate .card:hover {
  box-shadow: none;
  transform: scale(1.0);
  position: relative;
  cursor: default;
}
.imagesAnimate .card:hover::before {
  display: none;
}

.photo-grid {
  display: grid;
  width: 100%;
  gap: 0.2rem;
  grid-auto-rows: 150px;
}
.imagesAnimate.photo-grid {
  display: grid;
  gap: 0.2rem;

  grid-template-columns: repeat(auto-fit, minmax(200px, 400px));
  grid-auto-rows: auto;
}
.photo-grid-image {
  position: relative;
  width: 102%;
  object-fit: cover;
}
.photo-grid-image-3d-tour{
  height: 105%;
  filter: brightness(0.9);
}
.main-card {
  position: relative;
}
.card-show-3d{
  position: absolute;
  color: #fff;
}
.card-show-3d .card-show-more-tour{
  display: none;
  color: #fff;
  font-size: 14px;
  text-align: center;
}
/* Medium screens */
@media  (max-width: 323px) {
  .photo-grid {
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  }
  .card{
    display: none;
  }
  .card:nth-child(-n+3) {
    display: flex;
  }
  .card-show-more{
    display: flex;
  }
  .photo-grid-image {
    height: 100%;
    object-fit: cover;
  }

  .imagesAnimate  .photo-grid-image {
    width: 100%;
  }
}
@media  (min-width:324px ) AND (max-width: 479px) {
  .photo-grid {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  }
  .card{
    display: none;
  }
  .card:nth-child(-n+3) {
    display: flex;
  }
  .card-show-more{
    display: flex;
  }
  .photo-grid-image {
    height: 100%;
    object-fit: cover;
  }

  .imagesAnimate  .photo-grid-image {
    width: 100%;
  }
}
@media (min-width:480px ) AND (max-width: 830px) {
  .photo-grid {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }
  .card-tall {
    grid-row: span 2 / auto;
  }
  .card-wide {
    grid-column: span 2 / auto;
  }
  .imagesAnimate .card-wide {
    grid-column: 1;
  }
   .photo-grid-image {
    height: 100%;
    object-fit: cover;
  }

  .imagesAnimate  .photo-grid-image {
    width: 100%;
  }
}

@media (min-width: 830px) {
  .photo-grid {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
  .card-tall {
    grid-row: span 2 / auto;
  }

  .card-wide {
    grid-column: span 2 / auto;
  }
  .imagesAnimate .card-wide {
    grid-column: 1;
  }
}
.fullWidthImage-container {
  display: none;
  opacity: 0;
  position: fixed;
  width: 90vw;
  max-width: 1000px;
  background: rgb(53 53 53 / 100%);
  z-index: 200;
  top: 2%;
  left: 50%;
  transform: translateX(-50%);
  height: 90vh;
  animation: overAppear 0.3s 0.1s 1 forwards;
}
.imageGallerie-holder{
    overflow: scroll;
    height: 100%;
}
.loanOverPage {
  display: none;
  opacity: 0;
  position: fixed;
  width: 40vw;
  background: rgb(53 53 53 / 100%);
  z-index: 200;
  top: 5%;
  left: 50%;
  transform: translateX(-50%);
  height: 75vh;
  overflow: auto;
  animation: overAppear 0.3s 0.1s 1 forwards;
}
.nesto-simplified-container{
  width: 90%;
  margin: 10% auto;
}
.mortgageSpace{
  float: left;
  clear: both;
  width: 100% !important;
  margin:  0% auto !important;
}
@media(max-width:420px){
  .mortgageSpace, .nestoCalculate{
    display: none !important;
    pointer-events: none !important;
  }
}
.nesto-on-listing{
  width: 100% !important;
  margin:  0% auto !important;
}
@media(max-width:780px) and (min-width:420px){
  .loanOverPage{
    width: 90vw;
  }
  .nesto-simplified-container{
    width: 100%;
    margin: 10% auto;
  }
}
@media(max-width:419px){
  .loanOverPage{
    width: 100vw;
  }
  .nesto-simplified-container{
    width: 100%;
    margin: 10% auto;
  }
}
.fullWidthImage-container .imageGallerie {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
}
.fullWidthImage-container .imageGallerie .fullWidthImage {
  width: 80%;
  max-width: fit-content;
  margin: 10px 0;
}
.fullWidthImage-container .imageGallerie .fullWidthImage.fullWidthImage-show-3d{
  width: 80%;
  max-width: unset;
  margin: unset;
}
.fullWidthImage-container .imageGallerie .fullWidthImage.fullWidthImage-show-3d div.listing-detail-video{
  margin: 10px 0;
}
.fullWidthImage-container .imageGallerie .fullWidthImage img {
  width: 100%;
}

.fullWidthImage-container > .close,
.loanOverPage > .close {
  position: sticky;
  width: 20px;
  height: 20px;
  float: right;
  top: 1%;
  margin-right: 10px;
  color: #fff;
  cursor: pointer;
  z-index: 2;
  font-size: 22px;
  transform: scaleX(1.5);
  transition: all 0.2s ease-in-out;
}
.fullWidthImage-container > .close:hover,
.loanOverPage > .close:hover {
  transform: scaleX(1.5) scale(1.1);
}
.containContainerGrid {
  padding: 5px 5px 5px 5px;
  display: grid;
  grid-template-columns: 5fr 3fr;
}
.containerWithTabs {
  position: relative;
  overflow: hidden;
  padding: 10px;
}
.containerWithTabs.containerFullScreen{
  padding-right: 0px;
}
.containerContact:not(.contactIsBellow) {
  position: sticky;
  top: 105px;
  padding-top: 10px;
  height: fit-content;
  box-shadow: 5px 4px 8px 1px rgb(128 128 128 / 17%);
  z-index: 20;
  overflow: auto;
  color: var(--text-color);
  background: #f2f2f2;
  border-radius: 25px;
}
html.mtlgc .formBackgroundColor {
  background: #f2f2f2;
}
html.mrr .formBackgroundColor {
  background: #f0f3f3;
}
html.ttc .formBackgroundColor {
  background: #f8f7ec;
}
@media (max-width: 780px) {
  .containerWithTabs {
    padding-right: 0px;
  }
  .containContainerGrid {
    display: block;
  }
  .containerContact:not(.contactIsBellow) {
    z-index: 20;
    max-width: 310px;
    margin: auto;
    box-shadow: unset;
  }
}
@media (min-width: 781px) and (max-width: 960px){
  .containerContact:not(.contactIsBellow) {
    top: 105px;
    margin: -20px 12px 20px 10px;
    z-index: 20;
  }
}
@media (min-width: 961px){
  .containerContact:not(.contactIsBellow) {
    margin: -20px 12px 20px 10px;
    z-index: 20;
  }
}
.partenerFourth {
  top: 60px;
  width: 100%;
  height: 17px;
  display: flex;
}
.partenerFourth span.ad-title {
  font-size: 10px !important;
  margin-left: 2px;
  width: 52px;
  display: inline-block;
}
.partenerFourth svg.ad-arrow {
  display: inline-block;
}
.nestoCalculate {
  display: flex;
  clear: both;
  background: var(--title-color);
  padding: 5px;
  width: 150px;
  height: 30px;
  float: right;
  margin-top: 10px;
  border-radius: 13px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.nestoCalculate:hover {
  transform: scale(1.01);
}
.nestoCalculate img {
  margin: auto;
  height: 27px;
  float: left;
}
.nestoCalculate p {
  font-size: 12px;
  color: #fff;
  float: left;
  margin: auto;
  font-weight: 600;
  letter-spacing: 0px;
  line-height: 14px;
}
.listing-related-container-list {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(238px,1fr));
  justify-content: flex-start;
  align-items: flex-start;
  column-gap: 23px;
  clear: both;
}
/* .listing-related-container-list li{
  display: none;
  pointer-events: none;
} */
/* .listing-related-container-list li:nth-child(-n + 2){
  display: block;
  pointer-events: all;
} */
.homePost{
  width: 100%;
  float: left;
  margin-top: 10px;
  grid-template-columns: repeat(auto-fit,minmax(160px,1fr));
}
.listing-related-container-list li:only-child {
  max-width: 400px;
}
.listing-related-container-list li .listing-article-text{
  font-size: 13px;
    font-weight: 600;
    color: var(--text-color);
    font-family: "Open sans", sans-serif;
    clear: both;
    display: flex;
    align-items: center;
    padding-bottom: 4px;
}
.listing-related-container-list li .listing-article-image {
  transition: all 0.3s ease-in-out;
}
.listing-related-container-list li:hover .listing-article-image img{
  transform: scale(1.05);
}
.listing-related-container-list li:hover .listing-article-image::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url(../../resources/images/svg/plus.svg);
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgb(53 53 53 / 63%);
  z-index: 1;
  opacity: 0;
  animation: overAppear 0.3s 0.1s 1 forwards;
}
@keyframes overAppear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media (max-width: 720px) {
  div.listing-article span {
    font-size: 12px;
  }
}
.featured-ads {
  display: inline-block;
  width: 100%;
  padding: 20px 0;
}
.adsOnHomePage {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: center;
  align-items: stretch;
}
.adsOnHomePage li {
  width: fit-content;
  transition: all 0.3s ease-in-out;
}
@media (max-width:820px) {
  .adsOnHomePage li {
    width: 100%;
    margin: 6px;
    transition: all .3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow:none;
  }
  .adsOnHomePage li a img{
    width: 100%;
  }
}
.adsOnHomePage:hover li:hover {
  transform: scale(1.05);
}
.listing-img-base {
  width: 100%;
}
.tabWillAppend {
  margin-left: -300px;
  -webkit-filter: blur(20px);
  filter: blur(4px);
  opacity: 0;
  -webkit-animation:overAppearTab 0.3s linear 0.1s 1 forwards;
  animation: overAppearTab 0.3s linear 0.1s 1 forwards;
  width: 100% !important;
}
@-webkit-keyframes overAppearTab {
  from {
    -webkit-opacity: 0;
    -webkit-margin-left: -300px;
    -webkit-filter: blur(4px);
  }
  to {
    -webkit-opacity: 1;
    -webkit-margin-left: 0px;
    -webkit-filter: blur(0px);
  }
}
@keyframes overAppearTab {
  from {
    opacity: 0;
    margin-left: -300px;
    filter: blur(4px);
  }
  to {
    opacity: 1;
    margin-left: 0px;
    filter: blur(0px);
  }
}
.contactWillRemove {
  margin-right: 0px;
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  -webkit-animation: contactEmpty 0.3s linear 0s 1 forwards;
  animation: contactEmpty 0.3s linear 0s 1 forwards;
}
@keyframes contactEmpty {
  from {
    opacity: 1;
    margin-right: 0px;
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
  to {
    opacity: 0;
    margin-right: -300px;
    -webkit-filter: blur(20px);
    filter: blur(4px);
  }
}
.contactWillAppend {
  transform: translateY(50%);
  -webkit-filter: blur(20px);
  filter: blur(4px);
  opacity: 0;
  -webkit-animation: contactOverAppearTab 0.3s linear 0.5s 1 forwards;
  animation: contactOverAppearTab 0.3s linear 0.5s 1 forwards;
}
.contactIsBellow .listing-contact-contener{
  border: 1px solid #bbbbbb;
  border-radius: 25px;
  max-width: 447px;
  margin: auto;
  padding-top: 10px;
}
.contactTabsWillAppend {
  overflow: visible;
  transform: translateY(50%) translateX(300px);
  -webkit-filter: blur(20px);
  filter: blur(4px);
  opacity: 0;
  -webkit-animation: contactTabsOverAppearTab 0.3s linear 0.5s 1 forwards;
  animation: contactTabsOverAppearTab 0.3s linear 0.5s 1 forwards;
}
@keyframes contactOverAppearTab {
  from {
    opacity: 0;
    transform: translateX(300px);
    -webkit-filter: blur(20px);
    filter: blur(4px);
  }
  to {
    opacity: 1;
    transform: translateX(0px);
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
}
@keyframes contactTabsOverAppearTab {
  from {
    opacity: 0;
    transform: translateX(300px) translateY(50%);
    -webkit-filter: blur(20px);
    filter: blur(4px);
  }
  to {
    opacity: 1;
    transform: translateX(0px) translateY(50%);
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
}
.tabWillEmpty {
  margin-left: 0px;
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  animation: overEmptyTab 0.3s linear 1 forwards;
}
@keyframes overEmptyTab {
  from {
    opacity: 1;
    margin-left: 0px;
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
  to {
    opacity: 0;
    margin-left: 300px;
    -webkit-filter: blur(20px);
    filter: blur(4px);
  }
}
.modal {
  display: none;
  position: fixed;
  z-index: 222;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
  /* À refaire */
  position: relative;
  background-color: #fefefe;
  margin: 200px auto;
  padding: 20px;
  border: 1px solid #888;
  z-index: 999999;
  width: 52vw;
  height: 30vh;
  max-width: 345px;
  max-height: 500px;
  min-height: 325px;
  box-shadow: 3px 7px 13px 9px rgb(6 6 6 / 21%);
  overflow: scroll;
}
.modal-content.error-modal{
  height: 44vh;
  min-height: 383px !important;
  max-height: 383px !important;
}
.closePop {
  color: #aaa;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  right: 5px;
  top: 5px;
}

.modal-content .closePop:hover,
.modal-content .closePop:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.modal-content::before {
  display: none;
  content: "";
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  width: 100%;
  height: 60px;
  background-image: url(/branding/images/logomobile.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 185px 90px;
  display: block;
}
.mrr .modal-content::before {
background-image: url(ma-residence-retraite-logo-mobile.svg) !important;
background-size: contain;
}
.mtlgc .modal-content::before {
  background-image: url(/branding/images/guide-immo-logo-square.svg) !important;
  background-size: contain;
}
.textInModal {
  text-align: left;
  font-weight: 200;
  padding: 50px 20px 40px 20px;
}
@media (max-width: 640px){
  div.listing-star:last-of-type{
    margin-right: 0px;
  }
  div.listing-rate-container span.listing-star-total{
    float: right;
    font-size: 10px;
  }
  .nestoCalculate{
    width: 90px;
    height: 15px; 
    margin-top: 25px;
  }
  .nestoCalculate p{
    font-size: 8px !important;
    line-height: 0px;
  }
  .nestoCalculate img{
    display: none;
  }
}
.nesto-simplified-container{
  background-color: #ffffff;
}


.markerTooltip{
	width:200px;
	height:190px;
	display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
}
.markerTooltip>img{
	max-width:200px;
	padding-bottom:10px;
}

.markerTooltipText{
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  color: rgb(82, 82, 82);
  white-space: normal !important;
}

.markerTootipPopup{
	width:200px;
}
.markerTootipPopup>img{
	max-width:200px;
}
html.mtlgc .marker-cluster div{
  color: #fdce03;
}
html.mrr .marker-cluster div{
  color: #1db2cd;
}
/* menu desktop debut*/
.arrow-menu-top{
  width: 14px;
  transform: rotate(-90deg);
  margin: 6px 6px 0px 14px;
}
.arrow-menu-top svg{
  fill: var(--title-color);
  transition: all 0.1s ease-in-out;
}
.menu-complete-boxe{
  overflow: hidden;
  position: relative;
  border-left: 1px solid #808080;
  border-right: 1px solid #808080;
  width: 100%;
  height: 57px;
  background-color: #fff;
  }
  .menu-complete-boxe .menu_unique_row div{
  color: var(--title-color) ;
  animation:none !important;
  }
.menu-complete-boxe .menu_unique_row{
    font-size: 12px;
    width: 20%;
    display: inline-block;
    clear:none;
    border-bottom: 1px solid #808080;
}
.menu-complete-boxe .menu_unique_row:last-child{
  margin-left: auto;
}
.menu-complete-boxe .menu_unique_row::after{
   display:none;
}
.under-menu{
  border: 1px solid #757575;
  border-top: none;
  height: 204px;
  position: absolute;
  z-index: 9999;
  background: rgb(255, 255, 255);
  width: 100%;
  max-width: 1080px;
}
.under-menu ul{
    display: inline-block;
}
.under-menu ul a li{
  padding-top: 4px;
  padding-left: 3px;
  position: relative;
  width: 237px;
  text-align: left;
  height: 30px;
  font-size: 12px;
  transition: all .3s ease-in-out;
  overflow: hidden;
}
.under-menu ul a li p{
  color: var(--title-color);
  margin-top: 9px;
  transition: all 0.1s ease-in-out;
}
.under-menu ul li:hover p{
/* color: #fff !important; */
margin-left: 12px;
}
/* .under-menu ul li:hover{
  background: #616161;
} */
.under-menu ul li::before{
  content: "";
  width: 10px;
  height: 10px;
  background-image: url("../images/arrow-menu-ricardo-grey.svg");
  display: block;
  position: absolute;
  top: 50%;
  transform: translateX(-20px) translateY(-38%) rotate(-180deg);
  transition: all 0.1s ease-in-out;
}
.under-menu ul li:hover::before{
  content: "";
  width: 10px;
  height: 10px;
  background-image: url("../images/arrow-menu-ricardo-grey.svg");
  display: block;
  position: absolute;
  top: 50%;
  transform: translateX(0px) translateY(-38%) rotate(-180deg);
}
.under-menu-element{
  display: grid;
  justify-content: space-evenly;
  align-items: center;
  justify-items: center;
  width: 100%;
  grid-template-columns: auto auto auto auto;
}
.under-menu-element ul:last-child{
border-top: 1px solid #7f7f7f;
margin-top: -1px
}
.open-menu-under .arrow-icon-top{
  width: 25px;
}
html.mrr .under-menu ul a li p{
  margin-top: 0px;
}
html.mrr .under-menu ul li p strong{
  display: block;
}
.menu_unique_row_newsletter{
  height: 98%;
}
.menu_unique_row_newsletter_text{
  font-size: 14px;
  text-align: center;
  transform: translateY(5px)
}
.menu_unique_row_newsletter_text::after{
  content:"";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url(../images/fleche_carrousel.svg);
}
/* menu desktop fin*/
.perMonth{
  position: relative;
  display: inline-block;
  font-size: 11px !important;
}
@media (min-width: 680px){
  div.featured-slider div.featured-slider-body {
    float: left;
    clear: left;
    position: initial;
    padding-right: 0;
    height: auto;
    display: flex;
  }
}
.blog-posts {
  margin-bottom: 40px;
  background: #f7f7f7;
  box-shadow: -3px 5px 0px 50px #f7f7f7;
}
.pagingContainter{
  position: relative;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: row;
  align-items: center;
  width: fit-content;
  height: 16px;
  margin: 0px auto 30px auto;
  clear: both;
  padding: 10px;
  color: var(--text-color);
  text-transform: uppercase;
  font-size: 15px;
}
.pagingContainter a{
  color: var(--text-color);
}
.pageNumber.currentPage{
  font-weight: 700;
  transform-origin: bottom;
  transition: all ease-in-out 0.3s;
}
.pageNumber{
  margin: 0 10px;
  transition: all ease-in-out 0.3s;
}
.pagingContainter:hover .pageNumber.currentPage{
  font-weight: 400;
  transform: scale(1);
}
.pageNumber:hover{
  font-weight: 700;
  transform: scale(1.5);
  transform-origin: bottom;
}
.pagingContainter:hover .pageNumber.currentPage:hover{
  font-weight: 700;
  transform: scale(1.5);
  transform-origin: bottom;
}
.movePage{
  display: flex;
  align-items: center;
  transition: all ease-in-out 0.3s;
}
.hidePage{
  width: 10px;
  height: 10px;
  color: var(--main-text);
}
.movePage:not(.moveNotAvailable):hover{
  font-weight: 500;
  transform: scale(1.05);
  transform-origin: bottom;
}
.movePage.moveNotAvailable{
  opacity: 0.7;
  cursor: default;
}
.movePage svg{
  width: 16px;
  margin: 0px 4px;
  height: 100%;
  fill: var(--text-color);
}
.movePage.movePage-previous{
  margin-right:10px;
}
.movePage.movePage-next{
  margin-left:10px;
}
.movePage.movePage-next svg{
transform: rotate(180deg);
}
@media(max-width:410px){
  .pagingContainter{
    font-size: 14px;
    width: 80%;
    justify-content: space-evenly
  }
  .pageNumber{
    margin: unset;
  }
  .movePage span{
    display: none;
  }
  .movePage.movePage-previous{
    margin: 0px;
  }
  .movePage.movePage-next{
    margin: 0px;
  }
}
body{
/*   max-width: 1080px; */
  margin: auto;
}
.home-feature-section-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(175px,1fr));
  grid-auto-rows: 250px;
  gap: 10px;
}
@media (max-width:420px){
  .home-feature-section-grid{
    grid-template-columns: repeat(auto-fit,minmax(50%,1fr));
    grid-auto-rows: 175px;
  }
  .home-feature-section-grid-item-text{
    font-size: 15px;
  }
}
.home-feature-section-grid-item{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  border-top-right-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}
.home-feature-section-grid-item img, .home-feature-section-grid-item picture{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 1s ease-in-out;
}
.home-feature-section-grid-item .innershadow{
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0);
  background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 0%) 70%, rgb(0 0 0 / 82%) 100%);
  transition: all 1s ease-in-out;
}
.home-feature-section-grid-item:hover .innershadow{
  box-shadow: inset 0px 0px 80px 40px rgb(0 0 0 / 10%);
}
.home-feature-section-grid-item:hover img{
  transform: scale(1.10);
}
.home-feature-section-grid-item-text{
  position: absolute;
  left: 10px;
  bottom: 10px;
  font-size: 17px;
  color: #fff;
  font-weight: 700;
}
.home-feature-section-grid-item-big{
  grid-column: span 2/auto;
  grid-row: span 2/auto;
}
@media(min-width:551px) and (max-width:737px){
   .home-feature-section-grid-item:nth-of-type(4){
  grid-column: span 3/auto;
    grid-row: span 1/auto;
  }
}
@media(min-width:737px) and ( max-width:924px){
  .home-feature-section-grid-item-big{
      grid-column: span 3/auto;
      grid-row: span 2/auto;
  }
}
@media(max-width:736px){
  .home-feature-section-grid-item-big{
      grid-column: span 2/auto;
      grid-row: span 2/auto;
  }
}
.home-neighbourhood-carousel{
  /* height: 582px; */
  overflow: hidden;
  display: none;/* Display block by Jquery line 202 */
}
.home-neighbourhood-carousel-item{
  width: 25%;
  margin: 0px 10px;
}
@media(max-width:780px){
  .home-neighbourhood-carousel-item{
    width: 35%;
    margin: 10px;
  }
}
.home-neighbourhood-carousel-item .home-neighbourhood-carousel-item-img{
  width: 100%;
  position: relative;
  border-top-right-radius: 10px;
  overflow: hidden;
}
.home-neighbourhood-carousel-item .home-neighbourhood-carousel-item-img img{
  width: 100%;
  object-fit: cover;
  transform: scale(1.01);
  transition: all 1s ease-in-out;
}
.home-neighbourhood-carousel-item .home-neighbourhood-carousel-item-img:after{
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  box-shadow: inset 0px 0px 80px 40px rgb(0 0 0 / 40%);
  transition: all 1s ease-in-out;
}
.home-neighbourhood-carousel-item:hover .home-neighbourhood-carousel-item-img img{
  transform: scale(1.1);
}
.home-neighbourhood-carousel-item:hover .home-neighbourhood-carousel-item-img:after{
  box-shadow: inset 0px 0px 80px 40px rgb(0 0 0 / 10%);
}
.home-neighbourhood-carousel-item .home-neighbourhood-carousel-item-text{
  color:var(--text-color);
  margin-top: 4px;
  font-size: 16px;
  font-weight: 700;
}
.home-neighbourhood .flickity-prev-next-button.flickity-button{
  background-color: #fff;
}
.home-neighbourhood .flickity-prev-next-button.previous{
  left: -21px;
  width: 50px;
  height: 50px;
  border-radius: 0px 50% 50% 0px;
  margin-top:0px;
}
.home-neighbourhood .flickity-prev-next-button .flickity-button-icon{
  left: 40%;
  width: 40%;
  color: #7e7e7e;
}
.home-neighbourhood .flickity-prev-next-button.next{
  right: -18px;
  width: 50px;
  height: 50px;
  border-radius: 50% 0px 0px 50%;
  margin-top:0px;
}
.home-neighbourhood .flickity-prev-next-button.next .flickity-button-icon{
  left: 26%;
}
.flickity-prev-next-button .arrow{
  fill: #b6b6b6 !important;
}

.checkFeatureAvailable .flickity-viewport{
  width: 100%;
  margin: auto;
}
.checkFeatureAvailable .flickity-prev-next-button.previous{
  left: -32px;
}
.checkFeatureAvailable .flickity-prev-next-button.next{
  right: -40px;
}
.checkFeatureAvailable .flickity-prev-next-button{
  border: 1px solid #757a7b;
  transform: scale(.5) translateY(-50%);
  transform-origin: top;
}
.checkFeatureAvailable-feature{
  width: 125px;
  opacity: 0.9;
  transition: all 0.3 ease-in-out;
}
.checkFeatureAvailable-feature:hover{
  opacity: 1;
}
@media (max-width:780px){
  .checkFeatureAvailable-feature{
    width: 75px;
  }
}
.checkFeatureAvailable-feature .checkFeatureAvailable-feature-link{
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  height: 70px;
}
.checkFeatureAvailable .checkFeatureAvailable-feature-img{
  max-height: 25px;
}
.checkFeatureAvailable .checkFeatureAvailable-feature-text{
  font-size: 10px;
  color: var(--text-color);
  opacity: 0.8;
  font-weight: 600;
  text-align: center;
  padding-top: 7px;
}
.checkFeatureAvailable-feature.isUse .checkFeatureAvailable-feature-text{
  opacity: 1;
  font-weight: 700;
}
.checkFeatureAvailable-feature.isUse{
  border-bottom: 2px solid var(--text-color);
  opacity: 1;
}
.checkFeatureAvailable{
  width: 100%;
  margin: 20px 0px;
  display: block;
  clear: both;
}
.seachTitleAndMap {
  display: flex;
}
.seachTitle{
  position: relative;
  display: block;
  width: 80%;
  margin: 10px 0px;
}
@media (max-width:780px){
  .seachTitleAndMap {
    display: block;
  }
  .seachTitle{
    width: 100%;
  }
}
div.search-results .seachTitle h1 {
  width: 100%;
  font-family: "Open sans", sans-serif;
  font-weight: 700;
  font-size: 42px;
  line-height: normal;
  letter-spacing: -2px;
  clear: both;
  margin-bottom: 10px;
}

div.search-results .seachTitle h2 {
  width: 100%;
  font-size: 16px;
  line-height: normal;
  color: var(--text-color);
  font-family: "Open sans", sans-serif;
  clear: both;
  margin: 20px 0px;
}
@media (max-width:506px){
  h2.featured-title{
    font-size: 28px;
    letter-spacing: -1px;
  }
  div.search-results .seachTitle h1 {
    font-size: 28px;
    letter-spacing: -1px;
    line-height: 32px;
  }
  h1.listing-detail-title{
    font-size: 28px !important;
    letter-spacing: -1px;
  }
  .featuresAvailableAndMap.showMe{
    display: block;
  }
  .checkFeatureAvailable{
    width: 100%;
  }
  .checkFeatureAvailable .flickity-viewport{
    width: 100%;
  }
  .display-format{
    width: 100%;
    text-align: center;
    margin: 0 auto 10px auto;
  }
  .checkFeatureAvailable .flickity-prev-next-button{
    display: none;
  }
}
/* New tabs on listing */
.sectionNotAvailable{
  opacity: .8;
  cursor: default;
}
.sectionDontDisplay{
  display: none;
  pointer-events: none;
}
.sectionNotAvailable .section-part-fixe-title{
  opacity: .4;
  cursor: default;
}
.projectBrief{
  margin: 0px !important;
  padding: 20px 10px;
}
.projectBrief h2.projectBriefTitle{
  color: var(--text-color);
  font-weight: 300;
  margin-top:0px;
  margin-bottom:10px;
}
.section-part-expendable:not(.expendIt){
  display: none;
  opacity: 0;
  overflow: hidden;
  animation-name: expendIt;
  animation-duration: 1s;
  animation-fill-mode: backwards;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  animation-direction: reverse;
  transition: all .5s ease-in-out;
}
.expendIt{
  margin-bottom: 10px;
  display: block;
  overflow: hidden;
  opacity: 0;
  transform: translate(0px,0px);
  animation-name: expendIt;
  animation-duration: .3s;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
@keyframes expendIt {
  0%{
    opacity: 0;
    transform: translateY(0px,-20px);
  }
  100%{
    opacity: 1;
    transform: translateY(0px,0px);
  }
}
.section-part-fixe{
  cursor: pointer;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
.section-part-fixe .section-part-fixe-title{
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
  transition: all 0.8s ease-in-out;
  color: var(--text-color);
}
.sectionNotAvailable .section-part-fixe{
  cursor: auto;
}
.section-part-fixe .section-part-fixe-icon{
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.section-part-fixe .section-part-fixe-open::after, .takeMeeting .section-part-fixe-open::after{
  content: "+";
  display: block;
  position: relative;
  font-size: 25px;
  font-weight: 600;
}
.section-part-fixe .section-part-fixe-close::after, .takeMeeting  .section-part-fixe-close::after{
  content: "-";
  display: block;
  position: relative;
  font-size: 25px;
  font-weight: 600;
}
.section-part{
  padding: 10px 5px 0px 5px;
}
.section-part:not(.sectionNotAvailable):hover .section-part-fixe .section-part-fixe-title{
  color: #000;
}
.section-part.borderBottom{
  border-bottom:0px solid var(--text-color);
}
.section-listing-types{
  display: grid;
  grid-template-columns: 50% 50%;
  align-content: center;
  justify-content: start;
  align-items: center;
  justify-items: start;
}
.section-listing-types-sectionfeature .section-listing-types-sectionfeature-text{
  display: inline-block;
  cursor: auto;
}
/* .section-listing-types-sectionfeature .section-listing-types-sectionfeature-text::after {
  content: '';
  width: 0px;
  height: 1px;
  display: block;
  background: var(--text-color);
  transition: 300ms;
}
.section-listing-types-sectionfeature:hover .section-listing-types-sectionfeature-text::after {
  width: 100%;
} */
.section-listing-types .section-listing-types-sectionfeature{
  display: flex;
  height: 40px;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.section-listing-types .section-listing-types-sectionfeature .section-listing-types-sectionfeature-img{
  width: 30px;
}
.section-listing-types .section-listing-types-sectionfeature .section-listing-types-sectionfeature-text{
  color: var(--text-color);
  font-weight: 400;
  font-size: 14px;
  padding: 2px 10px;
}
@media (max-width:640px){
  .section-listing-types{
    display: block;
  }
  .section-listing-types .section-listing-types-sectionfeature{
    justify-content: left;
  }
}
.section-part-expendable .linkToPhone-icon, .listing-detail-extra-icon{
  width: 25px;
  margin-right: 10px;
}
.section-part-expendable .listing-detail-address{
    margin: 10px 0px 10px 20px;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
}
@media (max-width:580px) {
  .section-part-expendable .listing-detail-address{
    display: block;
    width: 180px;  
    margin: auto;
  }
  .listing-detail-extra, .contactFormPhoneNumber {
    margin: 20px auto;
  }
}
.section-part-expendable .linkToPhone{
  display: flex;
  font-weight: 700;
  font-size: 14px;
}
.section-part-expendable .contactFormPhoneNumber:hover .linkToPhone p::after{
  width: 100%;
}
.section-part-expendable .linkToPhone p::after {
  content: '';
  width: 0px;
  height: 1px;
  display: block;
  background: var(--text-color);
  transition: 300ms;
}
.listing-detail-extra{
  display: flex;
justify-content: flex-start;
  align-items: center;
  cursor: default;
}
.listing-detail-extra-addres-link{
    pointer-events: none;
}
/* .section-part-expendable .listing-detail-extra:hover .listing-detail-extra-address::after{
  width: 100%;
}
.section-part-expendable .listing-detail-extra .listing-detail-extra-address::after {
  content: '';
  width: 0px;
  height: 1px;
  display: block;
  background: var(--text-color);
  transition: 300ms;
} */
.listing-detail-description-showMore{
  margin: 18px 0px;
  font-size: 14px;
  cursor: pointer;
  font-weight: 400;
/*   transition: all .5s ease-in-out; */
}
.listing-detail-description-showMore:hover {
  font-weight: 600;
}
.listing-detail-developers{
  display: block;
  position: relative;
  float: none;
}
.listing-detail-developer{
  display: grid;
  float: none;
  grid-template-columns: 2fr 4fr;
  margin-bottom: 10px;
}
.listing-detail-developer-img{
  width: 200px;
  padding:0px 10px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.listing-detail-developer-img img{
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
@media(max-width:500px){
  .listing-detail-developer{
    display: block;
  }
  .listing-detail-developer-img {
    padding: 10px;
    max-height: 160px;
    margin: 20px auto;
  }
}
.listing-detail-developer-text{
  padding: 0px 10px;
}
.listing-detail-developer-text-title{
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
}
.listing-detail-developer-text-description{
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
}
.listing-detail-developer-text-cta a{
  margin-top: 23px;
}
.contactIsBellow{
  box-shadow: none;
}
.contactIsBellow .closeContact{
  display: none;
}
.tooltipSectionNotAvailable{
  position: absolute;
  font-size: 12px;
  color: var(--text-color);
  background: #fff;
  padding: 8px;
  box-shadow: 0px 0px 6px 3px #a3a3a354;
  border-radius: 3px;
}
div.google-infobox-click span.listing-goTo.classHere{
  border-bottom: none;
}
.featureImgPlace{
  width:30px;
  height: 25px;
}
.img-promo-onListing{
  position: absolute;
  top: 4px;
  left: -120px;
  z-index: 1;
  width: 70px;
  height: auto;
  max-width: 20%;
  animation-name: promotion-appear;
  animation-delay: 0.3s;
  animation-duration: 0.8s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
  transform-origin: top;
}
@keyframes promotion-appear {
  0% {
    left: -120px;
  }
  60%{
    left: 0px;
    transform: skewX(17deg);
  }
  80% {
    left: 9px;
  }
  100% {
    left: 4px;
    transform: skewX(0deg);
  }
}
.img-promo-onListing img{
  width: 100%;
  height: auto;
}
  .expendItBigger{
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 470px;
    max-height: 600px;
    width: 70%;
    transform: translate(-50%,-50%)!important;
    -webkit-transform: translate(-50%,-50%)!important;
    background: #fff;
    z-index: 200;
    padding: 20px;
    height: 70vh;
    overflow: auto;
  }
  .expendItBigger .expendItBiggerClose{
    display: block !important;
    transform: scaleX(1.5);
    color: var(--text-color);
    position: absolute;
    top: 8px;
    right: 20px;
    width: 4px;
    height: 4px;
    cursor: pointer;
  }
  .expendItBigger .listing-detail-developer{
    display: block !important;
    margin-bottom: 60px;
    padding-bottom: 30px;
    border-bottom: 1px solid #E7E7E8;
  }
  .expendItBigger .listing-detail-developer .listing-detail-developer-img{
    width: 100%;
    max-width: 300px;
    margin: auto;
    cursor: auto;
  }
  .expendItBigger .listing-detail-developer .listing-detail-developer-text{
    margin-top: 20px;
  }
  .expendItBigger .listing-detail-developer .listing-detail-developer-text .listing-detail-developer-text-title{
    font-size: 20px;
  }
  .expendItBigger .listing-detail-developer .listing-detail-developer-text .listing-detail-developer-text-description{
    font-size: 16px;
  }
  .marker-cluster span{
    color: #fff;
  }
  .containerContact.displayItOnMobile{
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99999999 !important;
  }
/* Footer SiLO Start */
.siloFooter{
  height: 50px;
  width: 100%;
  overflow: hidden;
  background-color: #231f20;
}
.siloImmoFooterLogo{
  display: block;
  margin: auto;
  height: 80%;
  width: 80%;
  padding: 10px;
}
.siloImmoLogoCircleAndLetter{
  fill: #fff;
}
.siloImmoLogoRooster-group{
  overflow: hidden;
  fill:#231f20;
}
.propulseBy{
  display: none;
}
.propulseByEn, .propulseByFr{
  display: block;
}
.siloImmoLogoRooster{
  opacity: 1;
  transition: all .5s ease-in-out;
  transform: translate(0%, 0%) scale(1);
}
.siloFooter:hover .siloImmoLogoRooster{
  animation: rotate 5s infinite 0s ease-in-out;
  -webkit-animation: rotate 5s infinite 0s ease-in-out;
  transform-origin: 29px 0px;
}
@keyframes roosterhover {
  100%{
      opacity: 1;
      transform: translate(0%, 0%) scale(1);
  }
}
@keyframes rotate{
  from {
      transform: rotateY(0deg);}
  to       {
      transform: rotateY(-360deg); }
}
@-webkit-keyframes rotate {
  from {
      -webkit-transform: rotateY(0deg);}
  to       {
      -webkit-transform: rotateY(-360deg); }
}
/* Footer SiLO End */

/* New Search bar */

input,
select,
textarea {
  font-family: "Open sans", sans-serif;
  padding: 0;
  font-size: 12px;
  text-align: left;
  margin: 0 5px;
  border: 1px solid #a0a0a0;
  float: left;
}

nav#home-search {
  clear: both;
  position: relative;
  display: block;
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
nav#home-search.search-box-homepage{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 400px;
  background: url(/branding/images/guide-immo-accueil.jpg);
/*   background-attachment: fixed; */
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;

}
html.mrr nav#home-search.search-box-homepage{
  background-image: url(/branding/images/ma-residence-retraite-accueil.jpg);
  background-position: 0px top;
}
html.ttc nav#home-search.search-box-homepage{
  background-image: url(/branding/images/toronto-all-condos-home.jpg);
}
nav#home-search:not(.search-box-homepage) #home-search-box{
  border: 1px solid #bbbbbb;
}
div#home-search-container {
  width: 100%;
  max-width: 1080px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

div#home-search-box {
  position: relative;
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  height: 44px;
  cursor: pointer;
  width: 100%;
  max-width: 515px;
  padding: 4px 6px 4px 10px;
  border-radius: 27px;
  transition: all 0.4s ease-in-out;
}
div#home-search-box:hover{
  transform: scale(1.01);
  box-shadow: 1px 1px 14px 1px rgb(169 169 169 / 20%);
  z-index: 99;
}

div#home-search-buy-selection,
div#home-search-box > *,
div#home-search-buy-selection > * {
  width: 100%;
  text-align: center;
  float: left;
  color: var(--title-color);
  line-height: 44px;
  font-size: 14px;
}

.home-search-type-option {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.home-search-type-option.rent{
  border-bottom: 1px solid #bbbbbb;
}
div#home-search-buy-selection > .buy span, div#home-search-buy-selection > .rent span{
  padding-left: 4px;
  float: left;
}
.checkElementInSearch{
  background-color: var(--title-color);
}
.arrow-down-menu {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid var(--title-color);
  top: 35px;
  left: 50%;
  transform: translateX(-50%);
}

div#home-search-box div#home-search-feature-seletion {
  width: 15%;
}

div#home-search-feature-seletion .arrow-down-menu {
  left: 63px;
}

div#home-search-type-seletion box,
div#home-search-feature-seletion box {
  width: 100%;
  height: 100%;
  transition: background 300ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

div#home-search-price-options {
  width: 250px !important;
  height: 75px;
}

div#home-search-type-options,
div#home-search-feature-options,
div#home-search-region-options,
div#home-search-city-options,
div#home-search-price-options,
div#home-search-feature-options {
  display: none;
  border-left: 1px solid var(--title-color);
  border-right: 1px solid var(--title-color);
  border-bottom: 1px solid var(--title-color);
  position: absolute;
  z-index: 201;
  background-color: white;
  top: 45px;
  left: -1px;
  width: 325px;
}

div.home-search-type-option,
div.home-search-feature-option,
div.home-search-region-option,
div.home-search-city-option,
div.home-search-price-option,
div.home-search-feature-option {
  width: 100%;
  height: 30px;
  padding: 6px 0px;
}

div.home-search-type-option:hover,
div.home-search-feature-option:hover,
div.home-search-region-option:hover,
div.home-search-city-option:hover {
  cursor: pointer;
  background-color: #ddd;
}
div.home-search-type-option span,
div.home-search-feature-option span,
div.home-search-region-option span,
div.home-search-city-option span {
  float: left;
  line-height: 13px;
  font-size: 14px;
  text-align: left;
}
html.mrr div#home-search-type-search input,
div#home-search-region-search input,
div#home-search-city-search input {
  font-size: 18px;
}
div#home-search-type-search input,
div#home-search-feature-search input,
div#home-search-region-search input,
div#home-search-city-search input {
  width: 90%;
  background-color: unset;
  border: none;
  height: 100%;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  padding-left: 10px;
  color: var(--title-color);
  outline: none;
}
div#home-search-type-search{
  position: relative;
}
div#home-search-type-search .search-region,
div#home-search-type-search .search-city {
  display: none;
}

div#home-search-type-search div#home-search-type-search-options,
div#home-search-feature-search div#home-search-feature-search-options {
  display: none;
  position: absolute;
  top: 45px;
  left: -1px;
  width: 140%;
  z-index: 202;
  background-color: rgb(255 255 255 / 89%);
  box-shadow: 5px 6px 9px 1px #b8b8b8;
}

div#home-search-type-search-options div.row.selected,
div#home-search-feature-search-options div.row.selected {
  background-color: #ddd;
}

html.mrr div#home-search-type-search-options div.row span {
  font-size: 16px;
}

div#home-search-type-search-options div.row span,
div#home-search-feature-search-options div.row span {
  font-size: 12px;
  transition: all 0.3s ease-in-out;
}
div#home-search-type-search-options div.row:hover,
div#home-search-feature-search-options div.row:hover {
  background-color: #dcdcdc;
}

div#home-search-type-search-options div.row .search-row-url,
div#home-search-type-search-options div.row .search-row-type {
  display: none;
}

div#home-search-submit {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 240px;
  height: 100%;
  padding: 0px 10px;
  background-color: var(--rep-main-color);
  border-radius: 28px;
}

div#home-search-submit .search-button{
  color: #000;
  font-size: 16px;
  font-weight: 500;
}
div#home-search-submit .icon-desktop-search-icon{
  height: 24px;
  fill: #000;
}
html.ttc #home-search-submit .icon-desktop-search-icon{
  height: 24px;
  fill: #fff;
}
html.ttc div#home-search-submit .search-button{
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
html.mrr div#home-search-submit span{
  color: white;
  opacity: 1;
  font-weight: 700;
}

div#home-search-submit span {
  color: var(--text-color);
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 18px;
}

html.ttc div#home-search-submit span {
  color: white;
}
div#home-search-submit:hover {
  cursor: pointer;
}
div#home-search-refine{
  visibility: hidden;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 74px;
  margin-right: -100px;
}
div#home-search-refine.home-search-refine-open{
  visibility: visible;
  pointer-events: auto;
  animation: home-search-refine-open 1s ease-in-out 0s forwards;
}

@keyframes home-search-refine-open {
  0%{
    margin-right: -100px;
  }
  100%{
    margin-right: 0px;
  }
}
div#home-search-refine .refine-text{
  color: #000;
  font-size: 14px;
  font-weight: 500;
}
div#home-search-refine .refine-button{
  width: 14px;
  margin: 0px 10px;
}
.refine-options{
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: 51px;
  left: 232px;
  width: 180px !important;
  background: rgb(255 255 255 / 100%);
  box-shadow: 2px 7px 5px 1px #adadad59;
}
html.mrr .refine-options{
  width: 288px !important;
}
.refine-options-open{
  visibility: visible;
  pointer-events: auto;
  z-index: 9;
}
#full-container {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}
@media (max-width:571px){
  div#home-search-box:hover{
    box-shadow: none;
    transform: scale(1);
  }
  nav#home-search{
    height: 140px;
  }
  div#home-search-container{
    width: 100%;
  }
  nav#home-search:not(.search-box-homepage) #home-search-box{
    border: none;
  }
  div#home-search-box{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
    align-items: center;
    justify-items: center;
    padding: 4px 0px 4px 0px;
  }
  #home-search-type-search{
    grid-column: 1 / span 2; 
  }
  #home-search-type-search .home-search-type-search-input{
    box-sizing: border-box;
    width: 100%;
    height: 55px;
    border-radius: 27px;
    border: 1px solid #bbbbbb !important;
  }
  #home-search-refine,#home-search-submit{
     padding: 8px 16px;
  }
  div#home-search-type-search div#home-search-type-search-options, div#home-search-feature-search div#home-search-feature-search-options{
    width: 95%;
    left: 50%;
    transform: translateX(-50%);
  }
  .refine-options{
    top: 129px;
    left: 15px;
    width: 91% !important;
  }
  div#home-search-submit, div#home-search-refine{
    width: 100%;
    box-sizing: border-box;
    padding: 0px;
  }
  .search-box-homepage div#home-search-box{
    background: none;
  }
  .search-box-homepage #home-search-type-search .home-search-type-search-input{
    background: #fff;
    border:none !important;
    text-align: center;
  }
  .search-box-homepage #home-search-refine{
    display: none;
  }
  .search-box-homepage #home-search-submit{
    grid-column: 1 / span 2;
    max-width: 150px;
    height: 60px;
  }
}
/* New Searchbar end */
/* Cookies pop-up start*/
/* Styles for the modal wrapper */

/* Styles for the modal content */
.cookie-modal-content {
  display: none;
  z-index: 99;
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%;
  background-color: #fff;
  margin: 0 auto; /* Centered horizontally */
  padding: 20px;
  box-sizing: border-box; /* Include padding in width calculation */
  box-shadow: 0px -1px 13px 8px rgb(114 114 114 / 37%);
}
/* .cookie-modal-content::before {
  display: none;
  content: "";
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  width: 100%;
  height: 60px;
  background-image: url(/branding/images/logomobile.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 185px 90px;
  display: block;
}
.mtlgc .cookie-modal-content::before {
  background-image: url(/branding/images/guide-immo-logo-square.svg) !important;
  background-size: contain;
} */
.cookie-modal-content-explain-button{
  display: flex;
}
@media screen and (max-width: 500px) {
  .cookie-modal-content-explain-button{
    flex-direction: column;
  }
  
}
.cookie-modal-content-explain{
  flex-basis: 60%;
}
.button-container{
  flex-basis: 40%;
}
.modal-content-title {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  margin: 10px 0;
  text-align: left;
}

.modal-content-text {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  margin-bottom: 20px;
}
.modal-content-text a {
  text-decoration: underline !important;
}
/* Style for the close button (X) */
.close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
}

/* Style for the buttons */
.button-container {
  text-align: center;
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.buttonCookie {
  padding: 10px 20px;
  margin: 0 10px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  color: var(--text-color);
  box-sizing: border-box;
  transition: all .7s ease-in-out;
}
.buttonCookie:hover {
  background-color: #e5e5e5;
}


/* Cookies pop-up end */
/* Random posts start */
.random-posts {
  position: relative;
  clear: both;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px 60px;
  margin-bottom: 20px;
  align-items: start;
  justify-items: center;
  align-content: center;
  margin-top: 100px;
}
/* Responsive adjustments */
@media (max-width: 768px) {
  .random-posts {
    grid-template-columns: repeat(2, 1fr); /* 2 columns for smaller screens */
  }
}

@media (max-width: 480px) {
  .random-posts {
    grid-template-columns: 1fr; /* 1 column for very small screens */
  }
}
.random-post {
    opacity: 0;
  background: #f7f7f7;;
  break-inside: avoid;
  margin-bottom: 30px;
  position: relative; /* Needed for positioning text over the image */
  border-top-right-radius: 20px;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
}
.random-post img {
  transform: scale(1.06);
  width: 100%;
  height: 200px; /* Full height of the li */
  object-fit: cover; /* Ensures the image covers the area */
  vertical-align: bottom; /* Aligns image to the bottom of the container */
  transition: all 2s ease-in-out;
}
.random-post:hover img{
  transform: scale(1.2);
  z-index: 9;
}
.random-post h5 {
  position: relative;
  z-index: 2;
  background-color: #f7f7f7;;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 8px 0px;
  text-decoration: none;
  font-family: "Source Serif 4", serif;
  font-optical-sizing: auto;
  font-size: 28px;
  font-weight: 300;
  font-style: normal;
  color: var(--text-color);
  
}
.random-post .random-post-description{
  padding: 2px;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: var(--text-color);
  font-family: "Open sans", sans-serif;
}
@media screen and (max-width: 600px) {
  .random-posts {
      column-count: 1; /* Single column on small screens */
  }

  .random-post:nth-child(odd),
  .random-post:nth-child(even) {
      height: auto; /* Adjust height for small screens */
  }
}
.load-more-posts {
  display: block; /* Makes the button a block element */
  width: 100%;
  margin: 20px auto; /* Centers the button and adds some space above it */
  height: 50px;
  color: var(--text-color);
  background-color: unset;
  border: none; /* Removes the border */
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  cursor: pointer; /* Changes cursor to pointer on hover */
  text-align: center; /* Ensures text is centered */
  text-decoration: none; /* Removes underline from text */
}
.load-more-posts span {
  clear: left;
  color: var(--text-color);
  font-family: 'Open Sans';
  font-weight: 600;
  margin-top: 5px;
}
.load-more-posts .load-more-icon{
  width: 30px;
    height: 30px;
    display: block;
    float: none;
    margin: 0px auto 5px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.load-more-posts:hover .load-more-icon{
transform: rotate(-360deg);
}
.ad-image{
  max-width: 100%;
}

/* Random post end */

/* SideMenu NewsLetter Start */

.refinesearch{
  width: 25px;
}
.refinesearch .refinesearchpath{
  transition: all ease-in-out 0.3s;
  fill: var(--text-color);
}
.refinesearch:hover path.refinesearchpath.refinesearchpath-cicle-middle{
  transform: translateX(-21px);
}
.refinesearch:hover rect.refinesearchpath.refinesearchpath-middle{
  transform: translateX(14px);
}
.refinesearch:hover path.refinesearchpath.refinesearchpath-cicle-bottom{
  transform: translateX(22px);
}
.refinesearch:hover rect.refinesearchpath.refinesearchpath-bottom{
  transform: translateX(-12px);
}
.refinesearch:hover path.refinesearchpath.refinesearchpath-cirlce-top{
  transform: translateX(14px);
}
.refinesearch:hover rect.refinesearchpath.refinesearchpath-top-right{
  transform: translateX(-21px);
}
.refinesearch:hover rect.refinesearchpath.refinesearchpath-top-left{
  transform: translateX(11px);
}
/* Billboard section */
.over-slideshow {
  width: 100%;
  display: block;
  float: left;
  margin: 20px 0px;
  z-index: 2;
  position: relative;
}
@media (max-width: 959px) {
  .over-slideshow {
    margin-left: 0px;
  }
}
#billboardSection  {
  position: relative;
  margin: auto;
  overflow: hidden;
  width: 100%;
}
#billboardSection  .slide {
  width: 100%;
}
#billboardSection  .slide img {
  width: 100%;
}
#billboardSection  > div {
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}
#billboardSection  .slide {
  display: none;
}
#billboardSection  .active {
  display: block;
}
#billboardSection  .arrow {
transform-origin: center;
transform: translateY(-50%);
cursor: pointer;
position: absolute;
top: 50%;
font-size: 18px;
color: #d7d7d7;
user-select: none;
height: 30px;
width: 30px;
background-color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
}
#billboardSection  .prev:hover, #billboardSection  .next:hover{
opacity: 1;
transform: translateY(-50%) scale(1.02);
box-shadow: 3px 3px 3px 3px rgb(79 79 79 / 78%);
background-color: #fff;
color: #000;
}
#billboardSection  .prev {
  left: -20px;
  right: unset;
  padding: 10px 10px 10px 16px;
}
#billboardSection  .next {
  right: -20px;
  left: unset;
  padding: 10px 16px 10px 10px;
}
#billboardSection  .section-button-icon{
fill: #7e7e7e;
}
#billboardSection  .prev .section-button-icon{
width: 20px;
}
#billboardSection  .next .section-button-icon{
width: 20px;
transform: rotate(180deg);
}
@media (max-width:820px){
#billboardSection  .arrow {
  transform: scale(0.5) translateY(-50%);
}
#billboardSection  .prev:hover, #billboardSection  .next:hover{
transform: translateY(-50%) scale(0.7);
box-shadow: 3px 3px 3px 3px rgb(79 79 79 / 78%);
background-color: #fff;
color: #000;
}
}
.reserve-your-unit{
margin-top: 10px;
}
.reserve-your-unit .section-part-fixe-title{
  text-align: center;
  margin: 5px auto 150px;
  font-size: 22px;
  font-weight: 400;
  display:block;
  transition: all 0.3s ease-in-out;
}
.reserve-your-unit .section-part-fixe-title span{
  display: block;
  font-weight: 700;
  font-size: 24px;
}
@media (max-width:991px){
  .reserve-your-unit .section-part-fixe-title{
    margin: 40px auto 30px;
  }
}
/* Smart Condo Plans */
 .smart-condo-plans-live {
  overflow: visible;
}
@media (max-width:780px) {
  #smartcondoplansSectionopen{
    margin-top: 20px;
  }
}
.smartcondoplans-main{
  margin-bottom: 0px !important;
}
.smartcondoplans-units-logo-wrapper{
  display: none !important;
}
.smartcondoplans-filter-wrapper.smartcondoplans-fixed{
  position: absolute !important;
    top: -104px !important;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    max-width: 100% !important;
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    box-sizing: border-box !important;
    z-index: 102 !important;
    border-radius: 80px !important;
    background-color: var(--smartcondoplans-main) !important;
    transition: all 0.5s ease-in-out !important;
}
.project-location--map div#leaflet_holder{
  height: 90%;
  width: 100%;
}
.smartcondoplans-units-info-description, .smartcondoplans-units-info-description strong {
  font-size: 14px !important;
}
.contact-form-user{
  background: #f2ecf8;
  width: 100%;
  margin: 10px;
  max-width: 500px;
  padding: 5px;
  z-index: 1000;
  border-radius: 6px;
}
.contact-form-user .contact-form-user-texte-title{
  font-size: 16px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    text-align: left;
    margin: 30px auto 0px;
    max-width: 300px;
  text-transform: unset;
}
.contact-form-user-form-element{
  margin: 20px 40px;
}
.contact-form-user-form-element-submit{
  margin: 10px 40px;
}
.contact-form-user-form-element .contact-form-user-over-input{
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.contact-form-user-form-element input{
  all: unset;
  width: 100%;
  height: 40px;
}
.contact-form-user-form-element input[type="email"],.contact-form-user-form-element input[type="text"],.contact-form-user-form-element  input[type="tel"]{
  all: unset;
  width: 100%;
  height: 40px;
  border-bottom: 1px solid var(--text-color);
  font-weight: 600;
  font-size: 14px;
}
.contact-form-user-form-container .g-recaptcha{
  margin: auto;
  float: unset;
}
.contact-form-user-form-element-submit{
  margin-left: auto;
  margin-right: auto;
}
.contact-form-user-texte-title{
  font-weight: 500;
  text-align: center;
  font-size: 14px;
  margin-bottom: 4px;
}
.contact-form-user-texte-subtitle{
  font-weight: 300;
  text-align: center;
  font-size: 14px;
}
.contact-form-user-over-input{
  font-weight: 500;
}
.contact-form-user-text{
  font-weight: 400;
  text-align: center;
  font-size: 12px;
}
.contact-form-user .contact-form-user-form-send{
  color: #000;
    font-weight: 500;
  position: relative;
    width: 240px;
    height: 50px;
    margin: 0px auto 20px;
    text-align: center;
    background-color: var(--rep-main-color);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    cursor: pointer;
    transition: all .6s ease-in-out;
}
.contact-form-user-erreur-message{
height: 14px;
margin-top: 10px;
font-size: 14px;
color: var(--text-color);
font-weight: 400;
}
@media (max-width:590px){
  .contact-form-user {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 90%;
    margin: unset;
}
}



.newsletter{
  display: none;
  background: #eaffc6;
  width: 100%;
  margin: 10px;
  max-width: 500px;
  height: 460px;
  padding: 5px;
  z-index: 1000;
  box-shadow: 1px 1px 5px 2px color(srgb 0.86 0.86 0.86 / 0.37);
  border-radius: 6px;
}
.newsletter.newsletter-active{
  display: block;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
}
.newsletter-closeModal, .close-x-button {
  width: 30px;
  height: 30px;
  background-color: #ffffff;
  border-radius: 100%;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
  position: absolute;
  right: 9px;
  top: 9px;
  z-index: 2;
  border: none;
}
.newsletter-closeModal::before, .newsletter-closeModal::after, .close-x-button::before, .close-x-button::after {
  background-color: #414141;
  content: '';
  position: absolute;
  left: 14px;
  height: 14px;
  top: 8px;
  width: 2px;
}
.newsletter-closeModal::before, .close-x-button::before{
  transform: rotate(45deg);
}
.newsletter-closeModal::after, .close-x-button::after{
  transform: rotate(-45deg);
}
.newsletter-closeModal{
  right: -10px;
  top: -10px;
}
.newsletter-image-container{
  width: 100%;
  margin: 50px auto 50px;
}
.newsletter-image-container img{
  width: 100%;
  max-width: 400px;
  margin: auto;
  display: block;
}
.newsletter-form-container{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.newsletter-form-element{
  margin: 20px 40px;
}
.newsletter-form-element-submit{
  margin: 10px 40px;
  height: 82px;
}
.newsletter-form-element .newsletter-over-input{
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.newsletter-form-element input{
  all: unset;
  width: 100%;
  height: 40px;
}
.newsletter-form-element input[type="email"] {
  all: unset;
  width: 100%;
  height: 40px;
  border-bottom: 1px solid var(--text-color);
  font-weight: 600;
  font-size: 14px;
}
.newsletter-form-element-submit{
  margin-left: auto;
  margin-right: auto;
}
.newsletter-texte-title{
  font-weight: 500;
  text-align: center;
  font-size: 14px;
  margin-bottom: 4px;
}
.newsletter-texte-subtitle{
  font-weight: 300;
  text-align: center;
  font-size: 14px;
}
.newsletter-over-input{
  font-weight: 500;
}
.newsletter-text{
  font-weight: 400;
  text-align: center;
  font-size: 12px;
}
.newsletter .newsletter-form-send{
  color: #000;
    font-weight: 500;
  position: relative;
    width: 240px;
    height: 50px;
    margin: 0px auto 20px;
    text-align: center;
    background-color: var(--rep-main-color);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    cursor: pointer;
    transition: all .6s ease-in-out;
}
.newsletter-erreur-message{
height: 14px;
margin-top: 10px;
font-size: 14px;
color: var(--text-color);
font-weight: 400;
}
@media (max-width:590px){
  .newsletter {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 90%;
    margin: unset;
}
}
.ctaNewsletterPopup{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 20px;
}
#mobile-menu div.ctaNewsletterPopupTitle, div.ctaNewsletterPopupTitle{
  color: #fff ;
  text-transform: none;
  font-weight: 600;
  display: block;
  clear: both;
  position: relative;
  margin: 10px 0px;
  font-size: 18px 
}
#mobile-menu div.ctaNewsletterPopupTitle span, div.ctaNewsletterPopupTitle span{
  color: #fff ;
}
.openNewsletterPopup{
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--rep-main-color);
  cursor: pointer;
  height: 40px;
  padding: unset;
  width: 100%;
  max-width: 100px;
  margin: auto;
  line-height: unset;
  border: unset;
  font-size: 16px;
  border-radius: 27px;
  color: #000;
  text-transform: capitalize;
}
html.mrr .openNewsletterPopup{
  color: #000;
}
/* Iframe for external */
.iframeModal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}

.iframeModal__overlay--active {
  opacity: 1;
  visibility: visible;
}

.iframeModal__content {
  position: relative;
  width: 80%;
  height: 80%;
  background: #fff;
  border-radius: 8px;
  transform: scale(0.95);
  transition: transform 0.3s ease;
}

.iframeModal__overlay--active .iframeModal__content {
  transform: scale(1);
}

.iframeModal__iframe {
  width: 100%;
  height: 101%;
  border: none;
  display: none;
}

.iframeModal__closeBtn {
  width: 30px;
  height: 30px;
  background-color: #ffffff;
  border-radius: 100%;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
  position: absolute;
  right: -10px;
  top: -10px;
  z-index: 2;
  border: none;
}

.iframeModal__closeBtn::before {
  transform: rotate(45deg);
}

.iframeModal__closeBtn::before,
.iframeModal__closeBtn::after {
  background-color: #414141;
  content: '';
  position: absolute;
  left: 14px;
  height: 14px;
  top: 8px;
  width: 2px;
}

.iframeModal__closeBtn::after {
  transform: rotate(-45deg);
}


.iframeModal__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  border: 6px solid #ccc;
  border-top: 6px solid #555;
  border-radius: 50%;
  animation: iframeModal-spin 0.8s linear infinite;
  z-index: 9;
}

@keyframes iframeModal-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@media (max-width: 768px) {
  .iframeModal__content {
    width: 95%;
    height: 95%;
    border-radius: 4px;
  }

  .iframeModal__closeBtn {
    right: 0;
    top: 0;
  }
}
.newsletter-form-element div.g-recaptcha{
  margin: unset;
}

.button-link-pellet{
    font-size: 12px;
    font-weight: 600;
    height: 15px;
    position: relative;
    width: fit-content;
    padding: 5px 12px;
    text-align: center;
    background-color: #efefef;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 18px;
    cursor: pointer;
    transition: all ease-in-out 0.5s;
}
.button-link-pellet:hover{
    background-color: var(--text-color);
    color: #efefef;
  }