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 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
}

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

body {
    line-height: 1;
}

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;
}

ul li {
    list-style: none;
}

ul {
    padding: 0;
}

a {
    text-decoration: none !important;

}

.form-container *::-webkit-input-placeholder {
    color: #828282;
    font-weight: normal;
}

.form-container *:-moz-placeholder {
    /* FF 4-18 */
    color: #828282;
    font-weight: normal;
}

.form-container *::-moz-placeholder {
    /* FF 19+ */
    color: #828282;
    font-weight: normal;
}

.form-container *:-ms-input-placeholder {
    /* IE 10+ */
    color: #828282;
    font-weight: normal;
}

html.mtlgc .yellow {
    background-color: #FBCF00;
}

html.mrr .yellow {
    background-color: #05c6e9;
}

html.ttc .yellow {
    background-color: #006eb5;
}

input.pub-link-val {
    display: none;
}

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


.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 .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: #525252;
    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 {
    float: left;
    clear: left;
    font-size: 12px;
    margin-left: 5px;
    margin-top: 10px;
}

div.listing-top ul.breadcrumb {
    margin-left: 0;
    margin-top: 8px;
    margin-bottom: 8px;
}

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

ul.breadcrumb li a {
    transition: background-color 0.5s ease;
    transition: color 0.5s ease;
}

html.ttc ul.breadcrumb li a:hover {
    background-color: #006eb5;
    padding: 4px;
    color: white;
}

html.mrr ul.breadcrumb li a:hover {
    background-color: #05B8D1;
}

ul.breadcrumb li a:hover {
    background-color: #FBCF00;
}

ul.breadcrumb li a.bold {
    font-weight: 600;
}

ul.breadcrumb li>span {
    margin-left: 5px;
    margin-right: 5px;
    opacity: 0.4;
}

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

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

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

.home h1 {
    font-size: 14px;
    color: #525252;
    padding-left: 10px;
    margin: 10px 1% 10px 0;
    font-weight: 700;
}


#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: 60px;
    height: 50px;
    text-align: center;
}

#mobile-header .button-language a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 50px;
    color: #828282;
}

#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;
}

#header-logo {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    width: 100px;
    height: 60px;
    background-image: url(/branding/images/logomobile.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100px 60px;
}

.left {
    float: left;
}

#desktop-header .center {
    margin: 0 auto;
    width: 130px;
    height: 90px;
}

html.mrr #desktop-header .center img {
    width: 220px;
}

html.mrr #desktop-header .center {
    width: 220px;
    height: 90px;
}

.right {
    float: right;
}

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

#slides ul.slides {
    max-height: 257px;
    overflow: hidden;
}

#slides-number {
    display: none;
}

nav#home-search {
    display: none;
}

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

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

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

#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;
    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: #006eb5;
}

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

#footer .element li a:hover {
    color: #FBCF00;
}

#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 {
    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);
    padding-left: 25px;
}

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

#footer .external-links a .cnh-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: #006eb5;
}

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

html.cnh #footer .external-link .cnh-coq {
    fill: #ac650e;
}

#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 .cnh-coq {
    fill: #ac650e !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 {
        padding-top: 32px;
        overflow: hidden;
        display: none;
    }

    #footer .external-links .logo-mrr {
        padding-left: 12px;
    }

    #footer .external-links .repertoire-coq {
        display: block;
        margin: auto;
        padding-left: 23px;
        padding-bottom: 10px;
        transform: scale(2.2);
    }

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

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

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

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

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

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

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

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

    #footer .external-links a:hover logo-cnh .rep-coq {
        fill: #ac650e;
    }
}

.mainbar {
    width: 100%;
}

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

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

div.mobile-adsense {
    float: left;
    clear: left;
}

/* STAR RATING */

div.listing-rate-container {
    float: left !important;
    width: 50% !important;
    display: inline;
    clear: none;
    margin-top: 5px;
}

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

div.listing-rate-container span.listing-star-total {
    line-height: 30px;
    font-size: 12px;
    text-transform: uppercase;
}

div.listing-star.active {
    background-image: url("/branding/images/star-filled.png");
}

div.listing-star.semi-active {
    background-image: url("/branding/images/star-semi.png");
}

div.listing-star-container {
    float: left;
    padding-top: 5px;
}

div.listing-star {
    width: 20px;
    height: 20px;
    float: left;
    margin: 5px 10px 0 0;
    background-image: url("/branding/images/star-empty.png");
    background-size: 20px 20px;
    background-repeat: no-repeat;
}

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

div.listing-star-email-container {
    display: none;
    width: 100%;
    float: left;
    clear: left;
}

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 {
    text-align: center;
    padding: 8px 0;
    width: 100%;
}

.listing-star-email-button>span {
    color: white;
}

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

/* END STAR RATING */

/* HOME LISTING */

div.featured-blog-post {
    width: 47%;
    float: left;
    margin-bottom: 15px;
}

div.featured-blog-post a>* {
    float: left;
    clear: left;
}

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

div.featured-blog-post img {
    width: 100%;
}

div.featured-slider {
    margin-top: 5px;
    width: 100%;
    overflow: hidden;
    float: left;
    position: relative;
}

div.featured-slider.blog-posts {
    background-color: rgba(220, 220, 220, 0.5);
}

div.featured-slider h2.featured-title {
    color: #525252;
    font-family: Roboto, Arial;
    float: left;
    font-size: 18px;
    padding: 8px 8% 8px 2%;
    margin: 0 1%;
    text-transform: uppercase;
    transition: all 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

html.ttc div.featured-slider h2.featured-title {
    color: white;
}

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

div.featured-slider div.featured-line {
    display: none;
}

div.featured-slider p.featured-header {
    color: #525252;
    float: left;
    clear: left;
    font-family: "Open sans", sans-serif;
    font-size: 14px;
    margin: 9px 1% 0 10px;
    line-height: 1.10;
}

div.load-more {
    width: 48%;
    margin: 0 26%;
    float: left;
    clear: left;
    text-align: center;
}

div.load-more span {
    clear: left;
    color: #525252;
    font-weight: 600;
    margin-top: 5px;
}

div.load-more svg.load-more-icon {
    width: 20%;
    transition: all .3s ease;
    -webkit-transition: all .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: 50;
}

#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: #FBCF00;
    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: #525252;
    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: #828282;
}

#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: 32px;
    font-weight: 300;
    color: #525252;
    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: #828282;
    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;
}

#home-container #staffpick .listing-score-container {
    height: 20px;
}

#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: 47%;
    float: left;
}

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

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

#home-container .extra-par {
    display: none;
    font-size: 14px;
    float: left;
    clear: left;
    margin-left: 10px;
    margin-bottom: 10px;
    line-height: 1.15;
}

#home-container .featured-slider-body {
    margin: 15px 0 10px 0;
    float: left;
}

html.mtlgc #home-container .feature:nth-child(odd),
#home-container div.featured-blog-post:nth-child(odd) {
    margin-right: 4%;
    margin-left: 1%;
}

#home-container .feature:nth-child(odd),
#home-container div.featured-blog-post:nth-child(odd) {
    margin-right: 4%;
    margin-left: 1%;
}

#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: 60px;
    height: 60px;
    right: -4%;
    bottom: -10px;
    z-index: 50;
}

#home-container .feature .feature-img-border-virtual {
    width: 92px;
    height: 76px;
    right: -11% !important;
    transform-origin: center;
}

#slider1_static_container svg.favorite-button {
    width: 14%;
}

.check-virtual {
    z-index: 999;
    width: 100px;
    height: 111px;
    position: absolute;
    bottom: 73px;
    right: -6px;
    transition: all .5s ease-in-out;
    cursor: pointer;
}

.check-virtual svg {
    width: 100%;
    position: absolute;
}

.lunette {

    transform-origin: 47px 50px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.check-virtual:hover .lunette {
    fill: #FBCF00;
    transform: scale(1.5);
}


svg.favorite-button {
    top: 0;
    right: 0;
    max-width: 34px;
    width: 22%;
    height: auto;
    margin-right: 2%;
    margin-top: 2%;
    position: absolute;
    z-index: 51;
    transition: fill .2s ease, stroke .2s ease, -webkit-transform .2s ease;
    transition: transform .2s ease, fill .2s ease, stroke .2s ease;
    transition: transform .2s ease, fill .2s ease, stroke .2s ease, -webkit-transform .2s ease;
    fill: white;
}

.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 {
    background: #808080;
    width: 249px;
    color: #fff;
}

.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: #828282;
}

@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 {
    margin-left: 45px;
    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 .3s ease-in;
    animation: fav-hover .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;
}

#home-container .feature .feature-img-occupy .occupy {
    position: absolute;
    padding: 1px;
    width: 45%;
    left: 25%;
    bottom: 0;
    background-color: #FBCF00;
    opacity: 1;
    text-align: center;
    color: black;
}

html.ttc #home-container .feature .feature-img-occupy .occupy {
    background-color: #006eb5;
}

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

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

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

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

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

#home-container .feature .feature-img-promo img {
    width: 80%;
}

#home-container .feature .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);
}

#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: #828282;
    text-transform: uppercase;
}

#home-container .feature .feature-area {
    font-size: 13px;
    height: 32px;
    font-weight: 300;
    color: #525252;
    font-family: "Roboto", sans-serif;
    line-height: 15px;
    padding-left: 2px;
    border-top: 1px solid #b6b6b6;
    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;
}

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

#home-container .listing-score-container {
    width: 100%;
    height: 25px;
}

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-top: 1px solid #b6b6b6;
    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;
}

/* 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%;
    padding: 5px 15px 5px 15px;
    box-sizing: border-box;
}

div.listing-detail-body>* {
    font-size: 18px;
    box-sizing: border-box;
    width: 100%;
    float: left;
    color: #525252;
}

div.listing-detail-body h2 {
    margin-top: 16px;
    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;
}

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;
}

html.mrr div.listing-detail-body ul.listing-types li {
    /*background-color: #05c6e9;
    color: white;*/
    font-size: 16px;
}

html.mtlgc div.listing-detail-body ul.listing-types li {
    font-size: 14px;
}

html.mrr div.listing-detail-body ul.listing-types li a {
    color: #525252;
}

div.listing-detail-body ul.listing-types li a {
    color: #525252;
}

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: uppercase;
}

div.listing-detail-body ul.listing-types li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 4px;
    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;
}

div.listing-detail-body ul.listing-types li:hover {
    transform: scale(1.05);
}

div.listing-top {
    width: 100%;
    padding: 0px 15px 5px 15px;
    overflow: auto;
    box-sizing: border-box;
    position: relative;
}

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;
}

div.listing-title-container {
    width: 75%;
    float: left;
}

#pageback {
    font-size: 14px;
    display: none;
    position: relative;
    margin-left: 14px;
    margin-bottom: -23px;
    z-index: 80;
    padding: 5px 3px 3px 3px;
    width: 23%;
    height: 19px;
    background: #fff;
    color: #525252;
    transition: all .5s ease-in-out;
    cursor: pointer;
}

@media(max-width: 639px) {
    #pageback>span>span {
        display: none;
    }
}

#pageback::before {
    content: "";
    width: 10px;
    height: 13px;
    background-image: url(../images/back.svg);
    background-size: cover;
    display: inline-block;
}

#pageback:hover {
    box-shadow: 3px 3px 5px 1px #4848486e;
}

h1.listing-detail-title {
    font-size: 20px;
    font-weight: bold;
    font-family: 'Open sans', sans-serif;
    color: #525252;
    margin-bottom: 5px;
    float: left;
    clear: left;
}

html.mrr span.listing-detail-type {
    font-size: 16px;
}

span.listing-detail-type {
    font-size: 14px;
    font-family: 'Open sans', sans-serif;
    color: #525252;
    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: #FBCF00;
}

html.mrr div.listing-detail-description,
html.mrr div.listing-detail-description *,
html.mrr span.listing-detail-price,
html.mrr span.listing-detail-address,
html.mrr span.listing-detail-extra,
html.mrr span.listing-detail-phone {
    font-size: 17px;
}

div.listing-detail-description,
div.listing-detail-description *,
span.listing-detail-price,
span.listing-detail-address,
span.listing-detail-extra,
span.listing-detail-phone {
    font-size: 15px;
}

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 {
    position: relative;
    margin-top: 16px;
    line-height: 130%;
    width: auto;
}

div.listing-detail-description * {
    line-height: 130%;
    margin-bottom: 0px;
    width: auto;
}

span.listing-detail-price {
    margin-top: 12px;
    font-weight: bold;
    float: left;
    clear: left;
    width: auto;
}

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: #525252 !important;
    font-size: 15px;
    float: left;
    clear: left;
    width: 100%;
}

div#slider1_static_container {
    position: relative;
}

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, .23);
    z-index: 40;
    left: 37%;
    top: -12px;
    transition: opacity .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;
}

div.promo-top:hover {
    /*animation-name: stoprotate;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;*/
}

@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: #525252 !important;
}

a.listing-detail-phone img {
    position: absolute;
    width: 32px;
    height: 32px;
    left: 20%;
    top: 9px;
}

div.listing-detail-developer-container {
    float: left;
    clear: left;
    padding-bottom: 10px;
}

div.listing-site-top {
    width: 50%;
    float: left;
    clear: none;
}

@media (max-width:760px) {
    div.listing-rate-container {
        width: 100% !important;
    }

    div.listing-site-top {
        width: 100% !important;
    }
}

div.listing-site-top .listing-website {
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    margin-right: 10px;
    line-height: 30px;
    color: #525252;
}

html.mtlgc div.listing-site-top .listing-detail-developer {
    background-color: none;
}

html.mtlgc div.listing-site-top .listing-detail-developer>.listing-website-link {
    background-color: #fff !important;
    padding: 10px !important;
    border: 1px solid #c1c1c1;
    max-width: 65%;
    text-transform: uppercase;
    font-weight: 700;
    color: #FBCF00;
    display: block;
    clear: left;
}

html.mtlgc div.listing-site-top .listing-detail-developer>.listing-website-link:hover {
    background-color: #cccccc !important;
    padding: 10px !important;
    box-shadow: none !important;
    border: 1px solid #c1c1c1;
    color: #fff;
}

html.ttc div.listing-site-top .listing-detail-developer {
    background-color: none;
}

html.ttc div.listing-site-top .listing-detail-developer>.listing-website-link {
    background-color: #fff !important;
    padding: 10px !important;
    border: 1px solid #c1c1c1;
    max-width: 65%;
    text-transform: uppercase;
    font-weight: 700;
    color: #006eb5;
    display: block;
    clear: left;
}

html.ttc div.listing-site-top .listing-detail-developer>.listing-website-link:hover {
    background-color: #cccccc !important;
    padding: 10px !important;
    box-shadow: none !important;
    border: 1px solid #c1c1c1;
    color: #fff;
}

html.mrr div.listing-site-top .listing-detail-developer {
    background-color: none;
}

html.mrr div.listing-site-top .listing-detail-developer>.listing-website-link {
    background-color: #fff !important;
    padding: 10px !important;
    border: 1px solid #c1c1c1;
    max-width: 65%;
    text-transform: uppercase;
    font-weight: 700;
    color: #05c6e9;
    display: block;
    clear: left;
}

html.mrr div.listing-site-top .listing-detail-developer>.listing-website-link:hover {
    background-color: #cccccc !important;
    padding: 10px !important;
    box-shadow: none !important;
    border: 1px solid #c1c1c1;
    color: #fff;
}

.listing-detail-developer-container-project-website span {
    margin-top: 0px !important;
}

div.listing-detail-developer-container span {
    font-size: 15px;
    display: block;
}

html.mrr div.listing-detail-developer-container span {
    font-size: 15px;
}

html.mrr div.listing-detail-developer-container span>strong {
    text-transform: uppercase;
    border: 1px solid #c1c1c1 !important;
    color: #05c6e9;
    line-height: 35px;
    padding: 3px;
    transition: all 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
    font-size: 12px;
    font-weight: 700;
}

html.mrr .btn-listing:hover {
    background: #c1c1c1;
    color: #ffffff;
}

html.mtlgc div.listing-detail-developer-container span>strong {
    text-transform: uppercase;
    border: solid 1px #FBCF00;
    line-height: 35px;
    padding: 3px;
    transition: all 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
    font-size: 12px;
    font-weight: 700;
}

html.ttc div.listing-detail-developer-container span>strong {
    text-transform: uppercase;
    background-color: #006eb5;
    color: white;
    line-height: 28px;
    padding: 3px;
    transition: all 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

div.listing-detail-developer-container span>strong:hover {
    transform: scale(1.5);
    /*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
    z-index: 2;
}

html.mtlgc .btn-listing {
    color: #fdce00;
    border: 1px solid #c1c1c1 !important;
}

html.mtlgc .btn-listing:hover {
    background: #c1c1c1;
    color: #ffffff;
}

div.listing-detail-developer-container a {
    color: #525252;
}

div.listing-detail-developer-container div {
    float: left;
    clear: left;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 100%;
    height: auto;
    transition: opacity 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

div.listing-detail-developer-container div:hover {
    opacity: 1 !important;
}

.listing-detail-iframe {
    margin-top: 26px;
}


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-carousel div#gmap_holder {
    width: 40%;
    float: left;
    margin-top: 10px;
}

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

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: #525252;
    text-transform: uppercase;
}

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

div.listing-picture img {
    width: 200px;
    height: 150px;
    float: left;
    margin-left: 15px;
}

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

form.listing-detail-contact-container {
    width: 100%;
    float: left;
}

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

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

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;
    }

    form.listing-detail-contact-container {
        width: 95%;
    }

    .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: rgba(0, 0, 0, 0.46);
    padding: 6px;
}

form.listing-detail-contact-container .consent-container {
    float: left;
    width: 100%;
    font-size: 14px;
    margin-top: 10px;
}

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 {
    background-color: #FFAAAA;
}

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: 70px;
    resize: none;
}

form.listing-detail-contact-container div#send_query {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 5px;
}

form.listing-detail-contact-container div#send_query:hover {
    cursor: pointer;
}

form.listing-detail-contact-container div#send_query div {
    position: absolute;
    bottom: 61px;
    left: 75px;
    width: 100%;
    height: 48px;
    line-height: 22px;
    margin: 4px;
    transition: opacity 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

form.listing-detail-contact-container div#send_query div svg {
    width: 48px;
    height: 100%;
    margin: 0 auto;
}

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: #525252;
    font-size: 16px;
}

span.listing-share-title {
    float: left;
    width: 100%;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    color: #525252;
    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: #828282;
}

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: 120px;
    padding: 5px;
    cursor: pointer;
}

#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: rgba(121, 121, 121, 0.548);
    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: #FBCF00;
}

#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: 22px;
    width: 100%;
    z-index: 60;
}

#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,
#mobile-search-buyrent #mobile-search-rent.push div {
    background-color: #FBCF00;
}

html.mrr #mobile-search-buyrent #mobile-search-buy.push div,
#mobile-search-buyrent #mobile-search-rent.push div {
    background-color: #05c6e9;
}

html.ttc #mobile-search-buyrent #mobile-search-buy.push div,
#mobile-search-buyrent #mobile-search-rent.push div {
    background-color: #006eb5;
}

#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);
}

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

html.mrr #mobile-search .push div.button {
    background-color: #05c6e9;
}

html.ttc #mobile-search .push div.button {
    background-color: #006eb5;
}

#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: #FBCF00;
    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: #05c6e9;
}

html.ttc #mobile-search #mobile-search-submit {
    background-color: #006eb5;
    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: 960px;
    margin: 0 auto;
    clear: left;
}

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

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

#desktop-header .button-language {
    position: absolute;
    right: 50px;
    bottom: 20px;
    color: #828282;
    font-weight: bold;
    transition: all 500ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

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

#desktop-header .button-language:hover {
    transform: scale(1.10);
}

#desktop-header .button-language a {
    color: #828282;
}

#desktop-header .facebook-header svg {
    width: 16px;
    height: 16px;
    padding: 10px;
    border: solid 1px rgba(82, 82, 82, 0.4);
    border-radius: 40px;
    fill: #828282;
    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.10);
    cursor: pointer;
}

#desktop-header .connection-header *,
#desktop-header .deconnection-header *,
#desktop-header .connected-fav * {
    color: #828282;
    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;
}

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

/* BLOCK */

div.search-results h1 {
    float: left;
    clear: left;
    font-size: 16px;
    color: #525252;
    font-family: 'Open sans', sans-serif;
    font-weight: 700;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

div.search-results h2 {
    float: left;
    clear: left;
    font-size: 12px;
    color: #525252;
    font-family: 'Open sans', sans-serif;
    font-weight: 400;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 8px;
}

div.search-results>a {
    float: left;
    clear: left;
    margin-bottom: 10px;
    padding-left: 5px;
    color: #525252;
    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;
}

ul#search-listings {
    margin-top: 10px;
    float: left;
    clear: left;
    width: 100%;
}

li.search-listing:hover img.listing-img-border,
li.search-listing:hover img.listing-img-base,
li.search-listing:hover div.listing-img-promo,
li.search-listing:hover div.listing-img-occupy {
    transform: scale(1.05);
}

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

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: 100%;
    height: 100%;
    position: absolute;
    transition: transform 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
    z-index: 40;
}

li.search-listing div.listing-img div.listing-img-occupy {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 40;
    transition: transform 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
    overflow: hidden;
}

li.search-listing div.listing-img div.listing-img-occupy .occupy {
    position: absolute;
    padding: 1px;
    width: 45%;
    left: 25%;
    bottom: 0;
    background-color: #FBCF00;
    opacity: 1;
    text-align: center;
    color: black;
}

html.ttc li.search-listing div.listing-img div.listing-img-occupy .occupy {
    background-color: #006eb5;
}
html.ttc li.search-listing div.listing-img div.listing-img-occupy .occupy span {
    color: #fff;
}

li.search-listing div.listing-img div.listing-img-occupy .occupy.en {
    width: 35%;
}

li.search-listing div.listing-img div.listing-img-occupy .occupy.en .extra-bold {
    font-size: 14px;
    top: -2px;
}

li.search-listing div.listing-img div.listing-img-occupy span {
    font-size: 12px;
    text-align: center;
    width: 100%;
    color: #525252;
    float: none;
    clear: none;
}

li.search-listing div.listing-img div.listing-img-occupy span.extra-bold {
    letter-spacing: 0.8px;
}

li.search-listing div.listing-img div.listing-img-promo img {
    width: 70%;
    height: auto;
    margin: 0 auto;
}

li.search-listing div.listing-img img.listing-img-base {
    width: 100%;
    height: auto;
    transition: all 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

li.search-listing {
    float: left;
    position: relative;
    width: 47%;
}

li.search-listing-extra {
    float: left;
    position: relative;
    width: 47%;
    height: 230px;
    margin-right: 1%;
    overflow: hidden;
}

li.search-listing:nth-child(odd) {
    margin-right: 4%;
    margin-left: 1%;
}

li.search-listing:nth-child(even) {
    margin-right: 1%;
}

li.search-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.search-listing div.listing-price-container span {
    width: 168px;
}

li.search-listing h3.listing-title {
    min-height: 28px;
    max-height: 42px;
    line-height: 14px;
    font-size: 14px;
    font-weight: 500;
    float: left;
    clear: left;
    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);
}

li.search-listing span.listing-type {
    font-size: 12px;
    padding: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-top: 2px;
    box-sizing: border-box;
    color: #828282;
    text-transform: uppercase;
    float: left;
    clear: left;
    overflow: hidden;
    height: 32px;

}

html.mrr li.search-listing span.listing-area {
    border-top: none;
}

li.search-listing span.listing-area {
    font-size: 13px;
    height: 32px;
    font-weight: 300;
    color: #525252;
    font-family: "Roboto", sans-serif;
    line-height: 15px;
    float: left;
    clear: left;
    padding-left: 2px;
    border-top: 1px solid #b6b6b6;
    overflow: hidden;
}



li.search-listing p.listing-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;
    float: left;
    clear: left;
    height: 46px;
    overflow: hidden;
    width: 100%;
    text-align: left;
    color: rgb(82, 82, 82);
    box-sizing: border-box;
    line-height: 1.2
}

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

li.search-listing div.listing-score-container {
    float: left;
    clear: left;
    width: 100%;
    height: 25px;
}

div.listing-score-container .listing-thumb-star {
    width: 20px;
    height: 20px;
    float: left;
    margin: 0 10px 0 0;
    background-image: url("/branding/images/star-empty.png");
    background-size: 20px 20px;
    background-repeat: no-repeat;
}

div.listing-score-container .listing-thumb-star.active {
    background-image: url(/branding/images/star-filled.png);
}

div.listing-score-container .listing-thumb-star.semi-active {
    background-image: url("/branding/images/star-semi.png");
}

html.mrr li.search-listing p.listing-desc {
    border-top: 1px solid #b6b6b6;
}



li.search-listing .listing-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: 40px;
}

.listing-id {
    display: none;
}

li.search-listing .listing-extras .listing-price {
    line-height: 30px;
    width: auto;
    float: left;
    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 {
    float: left;
    clear: left;
    padding-left: 10px;
    padding-right: 10px;
}

span#search-listings-title {
    font-family: "Roboto", Arial;
    text-transform: uppercase;
    color: rgb(82, 82, 82);
    font-size: 18px;
    padding-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #b2b7bb;
    border-bottom: 1px solid #b2b7bb;
    width: 100%;
    float: left;
    clear: left;
}

div#close-by-listings {
    float: left;
    clear: left;
    margin-top: 10px;
}

ul#visited-listings {
    float: left;
    clear: left;
    width: 100%;
}

li.visited-listing div.visited-img {
    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%;
    height: auto;
}

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

li.visited-listing {
    float: left;
    position: relative;
    width: 48%;
}

li.visited-listing:nth-child(odd) {
    margin-right: 4%;
}

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;
    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: #828282;
    text-transform: uppercase;
    float: left;
    clear: left;
}

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

/* 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;
    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: #525252;
}

#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: #828282;
    font-size: 16px;
    line-height: 28px;
}

html.ttc #login-window .choice-container .active {
    border: 1px solid #006eb5;
}

html.mrr #login-window .choice-container .active {
    border: 1px solid #05c6e9;
}

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

#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 {
    overflow: auto;
    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: #828282;
    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: 30px;
    padding-right: 10px;
    height: 30px;
}

#login-window .consent-container span {
    float: left;
    width: 80%;
    font-size: 12px;
    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: #828282;
    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.ad-title {
    float: left;
    clear: left;
    margin-bottom: 5px;
    font-size: 13px;
    font-family: "Open sans", "Arial";
    color: #525252;
}

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 #b2b7bb;
    margin-top: 10px;
    color: #525252;
}

html.mrr .sidebar-most-popular>h4 {
    border-bottom: 1px solid #b2b7bb;
}

.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 #b2b7bb;
}

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

.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: #525252;
}

.sidebar-most-popular .area {
    float: left;
    clear: left;
    font-size: 10px;
    font-weight: 300;
    line-height: 13px;
    color: #525252;
}

#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: #525252;
}

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;
}

/* GOOGLE MAPS */

div.google-infobox-click {
    width: 210px;
    height: 60px;
    font-family: 'Open sans', sans serif;

}

div.google-infobox-click img.listing-img-hover {
    float: left;
    width: 60px;
    height: 45px;
    margin-top: 5px;
}

div.google-infobox-click img.listing-img {
    float: left;
    width: 60px;
    height: 45px;
    margin-top: 5px;
}

div.google-infobox-click span.listing-name {
    font-family: 'Roboto', sans serif;
    float: right;
    width: 147px;
    text-transform: uppercase;
    height: 28px;
    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: #828282;
    padding: 2px;
    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: #525252;
    float: left;
    width: 145px;
    font-size: 13px;
    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;
}

div.listing-contact-container {
    /*border-bottom: 1px solid rgb(178, 183, 187);*/
    margin-top: 4px;
    /*background-color: rgba(0, 0, 0, 0.03);*/
    padding-left: 1%;
    padding-right: 1%;
}

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

div.listing-article {
    margin-top: 15px;
    width: 100%;
}

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: #FBCF00;
    box-sizing: border-box;
}

div.listing-article>* {
    color: #525252;
}

div.listing-article span {
    color: #525252;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

div.listing-article img {
    width: 100%;
    height: auto;
    transition: box-shadow 0.5s ease;
}

div.listing-article .listing-article-image {
    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%;
}

div.listing-article .overlay,
.listing-related-posts .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-related-posts .overlay svg {
    width: 30%;
    height: 30%;
    margin-left: 35%;
    margin-top: 24%;
}



div.listing-related-posts {
    border-top: 1px solid rgb(178, 183, 187);
    padding-top: 15px;
    margin-top: 15px;
    width: 100%;
}

div.listing-related-posts .listing-related-image {
    overflow: auto;
    position: relative;
    margin-top: 4px;
}

div.listing-related-posts>span {
    color: #525252;
    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 {
    width: 100%;
    float: left;
    height: auto;
    transition: box-shadow 0.5s ease;
}

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

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

div.listing-related-posts li:nth-child(even) {
    margin-left: 4%;
}

div.listing-related-posts li:nth-child(3n) {
    clear: left;
    margin-top: 5px;
}

div.listing-related-posts div.listing-related-image {
    float: left;
    overflow: hidden;
}

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

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%;
    -webkit-appearance: none;
    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: #FBCF00;
}

html.mrr div.static-content form .submit-mail {
    color: #05c6e9;
}

html.ttc div.static-content form .submit-mail {
    color: #006eb5;
}

@keyframes move-send {
    0% {
        padding-left: 14px;
        padding-right: 14px;
    }

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

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

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

.send-contact {
    height: 24px !important;
    transition: opacity 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
    margin: 38px 0px -36px 90px !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: 800;
    animation-name: move-send;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
}

html.mtlgc .send-contact {
    color: #FBCF00;
}

html.mrr .send-contact {
    color: #05c6e9;
}

html.ttc .send-contact {
    color: #006eb5;
}

div.static-content form .submit-mail:hover {
    cursor: pointer;
    color: #fff !important;
}

html.mtlgc div.static-content form .submit-mail:hover {
    background: #FBCF00;
    border: solid 1px #fbd002;
}

html.mrr div.static-content form .submit-mail:hover {
    background: #05c6e9;
    border: solid 1px #05c6e9;
}
html.ttc div.static-content form .submit-mail:hover {
    background: #006eb5;
    border: solid 1px #006eb5;
    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 #b2b7bb;
}

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

div.static-content ul {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #b2b7bb;
}

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 a.mediakit {
    border-bottom: 1px solid #b2b7bb;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 0;
}

div.static-content img.mediakit {
    width: 40%;
    margin-left: 13%;
    border: 1px solid #b2b7bb;
}

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;
}

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: 100%;
    height: 450px;
}

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;
    -webkit-flex-flow: row wrap;
    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: #05c6e9;
}

@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 p {
    width: 100%;
    padding: 6px;
}

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;
    padding: 0 10px 0 10px;
    float: left;
    clear: left;
}

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

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

div.developer-details p {
    margin-top: 5px;
    font-size: 16px;
    margin-bottom: 5px;
    color: rgb(82, 82, 82);
    line-height: 1.30;
}

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

div.developer-details a div {
    width: 100%;
    line-height: 40px;
    height: 40px;
    background: url(/resources/images/svg/www.svg) top left no-repeat;
    background-size: 40px 40px;
    background-position: center center;
    transition: opacity 300ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

div.developer-details a div:hover {
    opacity: 0.5;
}

.gmap_coords {
    display: none;
}

#full-container {
    width: 100%;
}

/* PAYPAL MODULE */

.register-module h1 {
    font-size: 22px;
    font-weight: 600;
    color: #525252;
    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: #525252;
}

.regnoacc-form .warning {
    margin-top: 7px;
    margin-left: 20px;
    float: left;
    font-size: 16px;
    color: #525252;
}

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

.regnoacc-form input#image {}

.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 #828282;

}

#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 #828282;
    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 #828282;
    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 #828282;
    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;
}

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

#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%;
}

html.ttc #mobile-menu li:hover div {
    color: #006eb5;
}

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 {
    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;
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 14px;
}

#mobile-menu.mobile-menu-transition {
    width: 80%;
}

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;
}

#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-container>div>span {
    font-weight: bold;
    margin-left: 10px;
}

#mobile-menu div>div {
    color: #fff;
    float: left;
    clear: left;
    margin-top: 10px;
    width: 100%;
}

#mobile-menu .last {
    margin-bottom: 30px;
}

#mobile-menu div>div:first-child {
    margin-top: 0;
}

#mobile-menu div>div.border-links.standalone li {
    margin-top: 5px;
    height: 32px;
}

#mobile-menu div>div.blog a>div {
    margin-left: 0;
    width: 100%;
    height: 100%;
}

#mobile-menu div>div.blog a>div div {
    width: 150px;
    height: 28px;
    text-align: center;
    border: 1px solid white;
}

#mobile-menu div>div.blog a>div div span {
    line-height: 28px;
}

#mobile-menu div>div.standalone li {
    margin: 0;
}

#mobile-menu div>div {
    margin-top: 20px;
}

#mobile-menu ul li:first-child {
    margin-top: 5px;
}

#mobile-menu-container {
    float: left;
    clear: right;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

/* MOBILE SIDE MENU END */

#tooltip {
    position: absolute;
    visibility: hidden;
    color: #525252;
    z-index: 500;
    opacity: 0;
    text-align: center;
    padding: 6px;
    transition: opacity 600ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

#tooltip.show {
    opacity: 1;
}

#tooltip.visible {
    visibility: visible;
}

#tooltip span {
    text-align: center;
    font-size: 14px;
}

.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 .interactive-map {
    display: none;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}

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

.metro .interactive-map a {
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 20px;
    background-color: #A0A0A0;
    position: absolute;
    transition: all 400ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
}

.metro .interactive-map a:hover {
    transform: scale(1.20);
    background-color: #737373;
}

.metro .interactive-map,
.metro .interactive-map img {
    width: 100%;
}

.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: #525252;
}

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

.metro>* {
    float: left;
    clear: left;
}

.metro-line-container {
    width: 100%;
    margin-bottom: 10px;
}

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

.metro h1 {
    font-size: 22px;
    color: #525252;
    font-weight: 700;
}

.metro h2 {
    font-size: 20px;
    color: #525252;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
}

.metro-line-container a {
    position: relative;
    z-index: 4;
    color: #525252;
    display: block;
    width: 100%;
    padding: 15px 5px 15px 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: 17px;
    top: 28px;
    width: 20px;
    height: 20px;
    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: 24px;
    width: 28px;
    height: 28px;
    left: 13px;
}

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

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

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

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

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

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

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

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

.jean-drapeau * {
    opacity: 0.5;
}

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

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

.metro .metro-line-container a span {
    float: left;
    margin-left: 50px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 42px;
}

/* 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(.9);
        transform: scale(.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(.9);
        transform: scale(.9)
    }
}

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

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

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


}

.feature-img-border {
    position: absolute;
    width: 60px;
    height: 53px;
    right: -4%;
    bottom: -10px;
    z-index: 50;
}

.feature-img-border-virtual {
    width: 92px;
    height: 76px;
    right: -11% !important;
    transform-origin: center;
}

@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: #525252;
    }

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

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

    svg.favorite-button {
        height: 34px;
    }

    div.featured-slider p.featured-header {
        margin-right: 15px;
        margin-left: 5px;
    }

    #home-container {
        width: 960px;
    }

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

    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;
    }

    ul.breadcrumb {
        margin-left: 25px;
    }

    #slides {
        position: relative;
    }

    #slides ul.slides {
        max-height: 324px;
        overflow: hidden;
    }

    #slides-number {
        display: block;
        font-size: 13px;
        font-family: "Open sans", "Arial";
        color: #525252;
    }

    #mobile-billboard {
        width: 920px;
        clear: left;
        overflow: visible;
    }

    .talk-to-us {
        width: 80px;
        height: 80px;
        border-radius: 80px;
    }

    .metro .interactive-map {
        display: block;
    }

    .metro .line-mobile-shortcut {
        display: none;
    }

    .wrapper {
        width: 960px;
        margin: 0 auto;
    }

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

    .flex-nav-prev a {
        left: 10px;
        top: 130px;
        position: absolute;
        background: url(/resources/images/arrow-left.png) top left no-repeat;
        width: 31px;
        height: 51px;
        background-size: 31px 51px;
    }

    .flex-nav-prev a:hover {
        left: 8px;
    }

    .flex-nav-next a {
        top: 130px;
        right: 10px;
        position: absolute;
        background: url(/resources/images/arrow-right.png) top left no-repeat;
        width: 31px;
        height: 51px;
        background-size: 31px 51px;
    }

    .flex-nav-next a:hover {
        right: 8px;
    }

    .mainbar-margin {
        margin-left: 20px;
    }

    .mainbar {
        margin-top: 0px;
        float: right;
        width: 660px;
    }

    .sidebar {
        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 #b2b7bb;
        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 #b2b7bb;
    }

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

    .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: 49%;
    }

    #home-container .extra-par {
        margin-left: 20px;
    }

    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: 17px;
    }

    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;
    }

    #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: 2%;
        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-container .featured-slider-body div.feature:nth-child(3n) {
        margin-right: 0;
    }

    #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: 16px;
        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;
        padding-left: 20px;
        overflow: hidden;
    }

    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;
    }

    h1.listing-detail-title {
        font-size: 24px;
    }

    #desktop-header {
        display: block;
        width: 960px;
        margin: 0 auto;
        margin-top: 10px;
    }

    #mobile-billboard {
        margin-top: 10px;
        margin-bottom: 7px;
    }

    html.mrr #home-container .feature .feature-img-border {
        width: 70px;
        left: 80%;
        top: 80%;
    }

    #home-container .feature .feature-img-border {
        right: -5%;
    }

    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.mrr div.feature:hover div.feature-img img.feature-img-base,
    html.mrr div.feature:hover div.feature-img img.feature-img-border,
    html.mrr 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 img.feature-img-border,
    div.feature:hover div.feature-img div.feature-img-promo,
    div.feature:hover div.feature-img div.feature-img-occupy {
        transform: scale(1.07);

    }

    div.staffpick:hover div.feature-img img.feature-img-base,
    div.staffpick:hover div.feature-img img.feature-img-border,
    div.staffpick:hover div.feature-img div.feature-img-promo,
    div.staffpick:hover div.feature-img div.feature-img-occupy {
        transform: scale(1.07);
    }

    html.mtlgc div.feature:hover div.feature-img:after {
        content: '';
        display: block;
        top: 51px;
        left: 70px;
        width: 50px;
        height: 50px;
        position: absolute;
        z-index: 1;
        background: URL("/branding/images/plus-symbol.svg");
        background-size: 100%;
        filter: drop-shadow(5px 10px 10px #222222);
        opacity: 0.7;
    }

    html.mrr div.feature:hover div.feature-img:after {
        content: '';
        display: block;
        top: 81px;
        left: 107px;
        width: 75px;
        height: 75px;
        position: absolute;
        z-index: 1;
        background: URL("/branding/images/plus-symbol.svg");
        background-size: 100%;
        filter: drop-shadow(5px 10px 10px #222222);
        opacity: 0.7;
    }

    li.search-listing:hover div.listing-img:after {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        background: URL("/branding/images/plus-symbol.svg");
        background-size: 100%;
        filter: drop-shadow(5px 10px 10px #222222);
        opacity: 0.7;
    }

    html.mtlgc li.search-listing:hover div.listing-img:after {
        top: 52px;
        left: 66px;
        width: 55px;
        height: 55px;
    }

    html.mrr li.search-listing:hover div.listing-img:after {
        top: 88px;
        left: 116px;
        width: 70px;
        height: 70px;
    }

    .visited-listing:hover div.visited-img:after {
        content: '';
        display: block;
        top: 32px;
        left: 57px;
        width: 50px;
        height: 50px;
        position: absolute;
        z-index: 1;
        background: URL("/branding/images/plus-symbol.svg");
        background-size: 100%;
        filter: drop-shadow(5px 10px 10px #222222);
        opacity: 0.7;
    }

    #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;
    }

    div.featured-slider h2.featured-title {
        padding: 10px;
        width: 280px;
        box-sizing: border-box;
    }

    div.featured-slider div.featured-line {
        display: block;
        width: 343px;
        margin-top: 19px;
        margin-left: 10px;
        border-top: 1px solid black;
        float: left;
    }

    /* STAR RATING */

    div.listing-star-email-container>input {
        width: 68%;
    }

    div.listing-star-email-button {
        width: 20%;
        margin-left: 1%;
    }

    /* END STAR RATING */

    div.featured-slider h2.featured-title {
        margin-left: 0;
    }

    div.featured-slider {
        margin-top: 10px;
        overflow: visible;
        margin-left: 15px;
    }

    div.featured-slider:first-of-type {
        margin-top: 0;
    }

    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 div.featured-slider-body {
        float: left;
        clear: left;
        position: initial;
    }

    div.featured-slider div.featured-slider-body {
        padding-right: 0;
        height: auto;
        display: block;
    }

    div.featured-slider-body>a {
        margin-top: 5px;
    }

    #desktop-search {
        display: block;
        width: 960px;
        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;
    }

    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;
    }

    div.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: #FBCF00;
        -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: #FBCF00;
    }

    .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: #FBCF00;*/
    }

    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;
    }

    div#search_panel_menu_button:hover {
        cursor: pointer;
    }

    html.mrr #mobile-menu.mobile-menu-transition {
        width: 400px;
    }

    #mobile-menu.mobile-menu-transition {
        width: 280px;
    }

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

    div#search_panel_menu_button_image {
        float: left;
        width: 32px;
        margin-top: 2px;
        margin-bottom: 2px;
        margin-left: 21px;
        margin-right: 21px;
        height: 28px;
        position: relative;
    }

    div#search_panel_menu_button_image span {
        display: block;
        position: absolute;
        border-radius: 3px;
        width: 100%;
        height: 4px;
        background-color: #828282;
        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 {
        width: 100%;
        text-align: center;
        float: left;
        clear: left;
        color: #828282;
        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.50);
        box-shadow: 10px 0px 10px 0px rgba(0, 0, 0, 0.50);
    }

    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;
    }

    input,
    select,
    textarea {
        font-family: 'Open sans', sans-serif;
        padding: 0;
        font-size: 12px;
        text-align: left;
        margin: 0 10px;
        border: 1px solid #a0a0a0;
        float: left;
    }

    .search-results {
        width: 640px;
        margin-left: 20px;
        float: left;
        clear: left;
    }

    .search-results h1 {
        color: #525252;
        font-family: 'Open sans', sans-serif;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        text-decoration: none;
        text-align: left;
        float: left;
    }

    /* BLOCK */

    div.search-results h1 {
        float: left;
        clear: left;
        font-size: 18px;
        color: #525252;
        font-family: 'Open sans', sans-serif;
    }

    div.search-results h2 {
        float: left;
        clear: left;
        font-size: 14px;
        color: #525252;
        font-family: 'Open sans', sans-serif;
        font-weight: 400;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 6px;
        line-height: 1.15;
    }

    ul#search-listings {
        float: left;
        clear: left;
        width: 100%;
    }

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

    html.two-col li.search-listing div.listing-img img.listing-img-border {
        top: 160px;
        width: 80px;
        height: 80px;
    }

    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;
    }

    html.two-col li.search-listing div.listing-img img.listing-img-base {
        width: 300px;
        height: 225px;
    }

    li.search-listing div.listing-img img.listing-img-base {
        width: 200px;
        height: 150px;
    }

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

    html.two-col li.search-listing {
        width: 300px;
    }

    html.two-col li.search-listing-extra,
    html.two-col .responsivead {
        width: 300px;
        height: 437px;
    }

    li.search-listing,
    li.search-listing-extra {
        float: left;
        position: relative;
        width: 200px;
        margin-right: 20px;
        margin-bottom: 15px;
    }

    html.two-col li.search-listing:nth-child(odd),
    html.two-col li.search-listing-extra:nth-child(odd) {
        margin-right: 20px;
        margin-left: 0px;
    }

    li.search-listing:nth-child(odd) {
        margin-right: 20px;
        margin-left: 0;
    }

    html.two-col li.search-listing:nth-child(even),
    html.two-col li.search-listing-extra:nth-child(even) {
        margin-right: 20px;
        margin-left: 0;
    }

    li.search-listing:nth-child(even) {
        margin-right: 20px;
    }

    html.two-col li.search-listing span {
        font-size: 14px;
    }

    li.search-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;
    }

    div.feature-price-container {
        width: 170px;
    }

    html.two-col li.search-listing h3.listing-title {
        font-size: 16px;
    }

    li.search-listing h3.listing-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;
    }

    html.two-col li.search-listing span.listing-type {
        font-size: 14px;
    }

    li.search-listing span.listing-type {
        font-size: 12px;
        padding: 3px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        margin-top: 2px;
        box-sizing: border-box;
        text-transform: uppercase;
        float: left;
        clear: left;
    }

    li.search-listing:nth-child(3n) {
        margin-right: 0;
    }

    li.search-listing span.listing-area {
        font-size: 13px;
        height: 16px;
        font-weight: 300;
        color: #525252;
        font-family: "Roboto", sans-serif;
        line-height: 15px;
        float: left;
        clear: left;
        padding-left: 2px;
    }

    html.two-col li.search-listing p.listing-desc,
    html.ttc li.search-listing p.listing-desc {
        width: 300px;
    }

    html.two-col li.search-listing p.listing-desc {
        font-size: 14px;
    }

    li.search-listing p.listing-desc {
        display: block;
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 3px;
        padding-top: 3px;
        text-transform: none;
        font-family: 'Open sans', sans-serif;
        float: left;
        clear: left;
        height: 49px;
        overflow: hidden;
        width: 200px;
        text-align: left;
    }

    html.two-col li.search-listing .listing-extras {
        height: 42px;
    }

    li.search-listing .listing-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: 40px;
    }

    html.two-col li.search-listing .listing-extras .listing-price {
        width: auto;
    }

    li.search-listing .listing-extras .listing-price {
        line-height: 30px;
        width: auto;
        float: left;
        margin-top: 0;
        margin-left: 2px;
    }

    #slider1_static_container svg.favorite-button {
        width: auto;
    }

    svg.favorite-button {
        width: 16%;
    }

    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;
        margin-left: 20px;
        width: 640px;
        height: 320px;
    }

    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: #525252;
        float: left;
        width: 173px;
        margin-left: 5px;
        margin-top: 3px;
        font-size: 13px;
        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: 92px;
    }

    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: 2px;
        margin-bottom: 1px;
    }

    div.google-infobox-click span.listing-feature-extras {
        float: left;
        padding-top: 4px;
        padding-bottom: 5px;
        border-top: 1px solid #b6b6b6;
        border-bottom: 1px solid #b6b6b6;
        margin-left: 5px;
        width: 215px;
        height: 30px;
    }

    div.google-infobox-click span.listing-price {
        font-family: 'Open sans', sans serif;
        color: #525252;
        float: left;
        width: 173px;
        line-height: 30px;
        margin-left: 5px;
        font-size: 13px;
        text-align: left;
        font-weight: bold;
    }

    div.google-infobox-click p.listing-desc {
        display: block;
        border-top: 1px solid #b6b6b6;
        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: 13px;
        color: #525252;
        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;
    }

    div.listing-detail-body {
        padding: 0;
        margin-left: 20px;
        margin-top: 5px;
        width: 640px;
        display: inline-block;
    }

    div#gmap_holder {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    div.listing-picture div.sold {
        left: 19px;
    }

    div.listing-picture img {
        width: 200px;
        height: 150px;
        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 {
        border-top: 1px solid #bdbdbd;
        border-bottom: 1px solid #bdbdbd;
    }

    .project-location-info {
        width: 45%;
        float: left;
        display: inline-block;
    }

    .project-location--map {
        margin-top: 8px;
        width: 55%;
        float: left;
    }

    div#gmap_holder {
        width: 100%;
        height: 200px !important;
        float: left;
        display: inline-block;
    }

    div.listing-contact-container {
        padding-left: 5px;
        float: left;
        width: 55%;
        margin-top: 32px;
        margin-bottom: 50px;
        padding-bottom: 10px;
        border-radius: 0px;
    }

    html.mrr div.listing-contact-container {
        border: 1px solid rgb(4, 198, 233);
        padding: 15px;
    }

    html.mtlgc div.listing-contact-container {
        border: 1px solid #FBCF00;
        padding: 15px;
    }

    html.ttc div.listing-contact-container {
        border: 1px solid #006eb5;
        padding: 15px;
    }

    .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 {
        padding: 0;
    }

    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%;
    }

    form.listing-detail-contact-container .consent-text {
        font-size: 12px;
    }

    form div.g-recaptcha {
        margin: 10px 0 0 74px;
    }

    form.listing-detail-contact-container div#send_query {
        width: 66%;
    }

    div.listing-detail-developer-container div {
        padding-bottom: 0;
    }



    div.listing-related-container {
        margin-top: 5px;
        padding-bottom: 10px;
    }

    div.listing-article {
        width: 400px;
        float: left;
        margin-top: 0;
    }

    div.listing-article img {}

    html.mrr div.listing-article p {
        font-size: 16px;
    }

    div.listing-article p {
        margin-top: 5px;
        font-size: 14px;
    }

    div.listing-related-posts {
        padding-left: 25px;
        border-left: 1px solid rgb(178, 183, 187);
        width: 190px;
        float: right;
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }

    div.listing-related-posts img {
        width: 100%;
    }

    div.listing-related-posts li {
        width: 100%;
        margin-top: 2px;
    }

    div.listing-related-posts li:nth-child(even) {
        margin-left: 0;
    }

    div.listing-related-posts li:nth-child(3n) {
        margin-top: 2px;
    }

    div.listing-related-posts div.listing-related-image {
        width: 100%;
    }

    div.listing-related-posts ul li:nth-child(2) div.listing-related-image {
        float: left;
        clear: left;
    }

    div.listing-related-posts ul li:nth-child(3) div.listing-related-image {
        float: left;
        clear: left;
        margin-left: 0;
        margin-top: 4px;
    }

    html.mrr div.listing-detail-description *,
    html.mrr span.listing-detail-price,
    html.mrr span.listing-detail-address,
    html.mrr span.listing-detail-extra,
    html.mrr span.listing-detail-phone {
        font-size: 16px;
    }

    div.listing-detail-description *,
    span.listing-detail-price,
    span.listing-detail-address,
    span.listing-detail-extra,
    span.listing-detail-phone {
        font-size: 15px;
    }

    /* LISTING PAGE END */

    div.static-content {
        padding: 0;
        float: right;
        margin: 0 0 20px 20px;
        width: 640px;
    }

    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;
    }

    li.visited-listing {
        float: left;
        position: relative;
        width: 155px;
        margin-right: 6px;
    }

    li.visited-listing: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;
    }

    nav#home-search {
        display: block;
        width: 960px;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 10px;
        /* overflow: auto; */
    }

    div#home-search-box .home-search-all,
    div#home-search-box .home-search-none {
        float: left;
        width: 50%;
        border-top: 1px solid #828282;
    }

    div#home-search-box .home-search-all:hover,
    div#home-search-box .home-search-none:hover {
        background-color: #ddd;
    }

    div#home-search-container {
        width: 960px;
        margin: 0 auto;
        /* overflow: auto; */
    }

    div#home-search-box {
        border: 1px solid #828282;
        float: left;
        width: 884px;
        height: 44px;
        border-radius: 2px 16px 0 2px;
        cursor: pointer;
        /* overflow: visible; */
    }

    div#home-search-box.tier2 .head-box {
        width: 114px;
    }

    div#home-search-box.tier2 .arrow-down-menu {
        left: 52px;
    }

    div#home-search-city-seletion.grey .box,
    div#home-search-city-seletion.grey .arrow-down-menu {
        opacity: 0.3;
    }

    html.mrr div#home-search-buy-selection,
    html.mrr div#home-search-box>*,
    html.mrr div#home-search-buy-selection>* {
        font-size: 16px;
    }

    div#home-search-buy-selection,
    div#home-search-box>*,
    div#home-search-buy-selection>* {
        height: 100%;
        text-align: center;
        float: left;
        color: #828282;
        line-height: 44px;
        font-size: 16px;
    }

    div#home-search-buy-selection div div {
        box-sizing: border-box;
        width: 18px;
        height: 18px;
        margin-top: 13px;
        margin-left: 8px;
        float: left;
        border: 2px solid #828282;
        border-radius: 20px;
        transition: all 300ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
    }

    div#home-search-box>* {
        border-right: 1px solid #828282;
        box-sizing: border-box;
    }

    div#home-search-box>*:nth-child(1),
    div#home-search-box>*:last-child {
        border-right: none;
    }

    div#home-search-buy-selection {
        width: 200px;
    }

    div#home-search-buy-selection>* {
        width: 50%;
        box-sizing: border-box;
        transition: all 300ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
    }

    div#home-search-buy-selection>*:nth-child(2) {
        border-right: 1px solid #828282;
    }

    div#home-search-buy-selection>*:hover {
        font-size: 18px;
        cursor: pointer;
    }

    div#home-search-buy-selection>*:hover div {
        width: 20px;
        height: 20px;
    }

    .arrow-down-menu {
        position: absolute;
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #828282;
        top: 35px;
        left: 30px;
    }

    div#home-search-box div#home-search-feature-seletion {
        width: 140px;
    }

    div#home-search-feature-seletion .arrow-down-menu {
        left: 63px;
    }

    div#home-search-box .head-box {
        width: 70px;
        position: relative;
    }

    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 #828282;
        border-right: 1px solid #828282;
        border-bottom: 1px solid #828282;
        position: absolute;
        z-index: 100;
        background-color: white;
        top: 45px;
        left: -1px;
        width: 350px;
    }

    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;
    }

    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 input,
    div.home-search-feature-option input,
    div.home-search-region-option input,
    div.home-search-city-option input {
        float: left;
        margin-top: 9px;
    }

    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: 30px;
        font-size: 14px;
        padding-left: 5px;
    }

    div#home-search-type-search,
    div#home-search-feature-search,
    div#home-search-region-search,
    div#home-search-city-search {
        position: relative;
        width: 354px;
        display: flex;
    }

    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: 100%;
        border: none;
        height: 100%;
        font-size: 20px;
        font-weight: 700;
        margin: 0;
        padding-left: 10px;
        color: #828282;
    }

    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;
        border-left: 1px solid #828282;
        border-right: 1px solid #828282;
        border-bottom: 1px solid #828282;
        width: 400px;
        z-index: 60;
        background-color: white;
    }

    div#home-search-type-search-options div.row,
    div#home-search-feature-search-options div.row {
        width: 100%;
        height: 30px;
        line-height: 30px;
    }

    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: 14px;
    }

    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 {
        float: right;
        width: 120px;
        text-align: center;
        border-radius: 0 15px 0 0;
        transition: all 500ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
        position: relative;
        z-index: 70;
    }

    html.mrr div#home-search-submit span {
        color: white;
        opacity: 1;
        font-weight: 700;
    }

    div#home-search-submit span {
        color: #525252;
        letter-spacing: 1px;
        font-weight: 600;
        font-size: 18px;
    }

    html.ttc div#home-search-submit span {
        color: white;
    }

    div#home-search-submit:hover {
        transform: scale(1.2);
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    }

    div#home-search-submit:hover {
        cursor: pointer;
    }

    #full-container {
        width: 960px;
        margin: 0 auto;
    }

    /* PAYPAL MODULE

    /PAYPAL MODULE END*/
}

.partenermail {
    display: none;
    width: 100% !important;
}

.partenermail>.partenermail__text {
    padding: 10px !important;
    margin: 25px auto -18px auto;
    width: 229px;
    height: 177px;
}

.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;
}

html.mtlgc .partenermail>.partenermail__text {
    background-color: #FBCF00;
}

html.mrr .partenermail>.partenermail__text {
    background-color: #05c6e9;
}

html.ttc .partenermail>.partenermail__text {
    background-color: #006eb5;
}

html.ttc .partenermail>.partenermail__text p {
    color: white;
}

.partenermail>.partenermail__text p {
    width: 240px;
    margin: 2px auto 0 auto;
    height: 200px;
    line-height: 18px;
    text-align: center;
    padding-top: 0px;
    font-size: 16px !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;
}

.answer {
    background-color: rgba(0, 0, 0, 0);
    text-transform: uppercase;
    height: 24px;
}

.listing-detail-contact-container .answer {
    margin-top: 20px;
    border-bottom: 1px solid #a0a0a0
}

.listing-detail-contact-container .answer__template {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 21px;
}

.answer__template {
    margin-top: 0px;
}

.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-bottom: 20px;
    width: 248px;
}

html.mtlgc #mc_embed_signup {
    border: 1px solid #FBCF00;
}

html.mrr #mc_embed_signup {
    border: 1px solid #05c6e9;
}

html.ttc #mc_embed_signup {
    border: 1px solid #006eb5;
}

@media (max-width: 960px) {
    #mc_embed_signup {
        width: 96% !important;
    }
}

#mc_embed_signup input.button {
    margin: 0px 20px -14px 67px !important;
    width: 42% !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;
}

html.mtlgc #mc_embed_signup input.button {
    color: #FBCF00;
}

html.mrr #mc_embed_signup input.button {
    color: #05c6e9;
}

html.ttc #mc_embed_signup input.button {
    color: #006eb5;
}

#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;
}

#mc_embed_signup input.email {
    min-height: 16px !important;
    margin: 16px 0 40px 0 !important;
    border-radius: 0px;
    border-bottom: 1px solid #00000038;
    border-top: none;
    border-left: none;
    border-right: none;
    width: 200px !important;
    border-radius: 0px !important;
    text-transform: uppercase;
    font-family: "Open sans", "Arial" !important;
    font-size: 14px !important;
}

.listing-img-base-gray {
    filter: grayscale(80%);
}

@media (min-height:600px) and (max-height:725px) {
    #contact-boxe {
        top: 2% !important;
    }

}

@media (min-height:600px),
(min-width:961px) {
    #contact-boxe {
        position: fixed;
        top: 23%;
        right: 0px;
        z-index: 99;
        width: 327px;
        height: 620px;
        overflow: hidden;
    }
}

@media (max-height:599px),
(max-width:960px) {
    #contact-boxe {
        position: relative;
        top: 16%;
        right: 0px;
        z-index: 50;
        width: 100%;
        height: 473px;
        overflow: hidden;
    }

    #contact-boxe #close-contact {
        display: none;
    }

    #contact-boxe div.listing-contact-container {
        width: 91% !important;
    }

    form.listing-detail-contact-container div#send_query div {
        bottom: 1px !important;
        left: 7px !important;
    }

    html.mrr div.listing-contact-container {
        border: none;
    }

    html.mtlgc div.listing-contact-container {
        border: none;
    }
}

#contact-boxe .send-contact {
    margin: 0px !important;
    width: 100px;
}

#contact-boxe div.listing-contact-container {
    width: 80%;
    height: 504px;
    margin: 0px !important;
    background: #fff;
}

#contact-boxe div.listing-contact-container.longer {
    height: 566px;
}

#contact-boxe div.listing-contact-container textarea {
    overflow: hidden;
}

#contact-boxe div.listing-contact-container form div.g-recaptcha {
    margin: 0px;
    margin-top: 4px;
}

#close-contact {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0px;
    left: 0px;
}

html.mtlgc #close-contact {
    background: #fdce00;
}

html.mrr #close-contact {
    background: #05c6e9;
}

html.ttc #close-contact {
    background: #006eb5;
}

#contact-boxe #close-contact::before {
    content: "";
    width: 26px;
    height: 31px;
    background: url(../images/contact-form-arrow.svg);
    display: block;
    background-position: center;
    background-size: 100%;
    float: left;
}

#contact-boxe #close-contact:hover::before {
    animation: clickme2 1s ease-in-out infinite;
}

@keyframes clickme2 {
    0% {
        margin-left: -6px;

    }

    50% {
        margin-left: 0px;
        padding-right: -6px;
    }

}

#contact-side {
    display: none;
    position: fixed;
    top: 310px;
    right: 0px;
    background: #fff;
    z-index: 99;
    width: 193px;
    height: 70px;
    padding: 4px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    overflow: hidden;
}

html.mtlgc #contact-side {
    border: 1px solid #fdcd00;
}

html.mrr #contact-side {
    border: 1px solid #05c6e9;
}

html.ttc #contact-side {
    border: 1px solid #006eb5;
}

#contact-side span {
    font-weight: 700;
    padding: 7px;
    padding-left: 0px;
    display: flex;
}

#open-contact {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
}

html.mtlgc #open-contact {
    background: #fdce00;
}

html.mrr #open-contact {
    background: #05c6e9;
}

html.ttc #open-contact {
    background: #006eb5;
}

#open-contact::before {
    content: "";
    width: 26px;
    height: 31px;
    background: url(../images/contact-form-arrow.svg);
    display: block;
    background-position: center;
    background-size: 100%;
    transform: rotate(180deg);
    float: right;
}

#open-contact:hover::before {
    animation: clickme 1s ease-in-out infinite;
}

@keyframes clickme {
    0% {
        margin-right: -4px;

    }

    50% {
        margin-right: 0px;
        padding-right: -4px;
    }

}

.contact-side-text {
    margin-left: 31px;
}

.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;
}

html.mtlgc .feature-icon-info {
    background: #fdcd00;
}

html.ttc .feature-icon-info {
    background: #006eb5;
}

html.ttc .feature-icon-info a {
    color: #fff !important;
    font-size: 14px;
}

.feature-icon-info:after {
    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: #006eb5;
}

.feature-icon-info span {
    display: block;
    font-weight: 700;
    line-height: 17px;
}

@media (max-width: 960px) {
    .project-location--map {
        display: block;
        z-index: 9;
        width: 100%;
        height: 348px;
        position: relative;
        float: left;
    }
}

@media (max-width: 960px) and (min-width: 960px) {
    #desktop-header {
        width: 100% !important;
    }

    nav#home-search {
        width: 100%;
        overflow: hidden;
    }

    .wrapper {
        width: 100%;
        overflow: hidden;
    }

    #footer {
        width: 100% !important;
        overflow: hidden;
    }
}

.propulsed-by {
    width: 160px;
    margin: 50px auto 0px;
    transition: all .5s ease-in-out;
}

.propulsed-by svg {
    overflow: visible;
}

.propulsed-by .st0 {
    fill: #FF0000;
}

.propulsed-by .st1 {
    fill: #FFFFFF;
    transition: all .5s ease-in-out;
}

.propulsed-by .st2 {
    enable-background: new;
}

.propulsed-by .st3 {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 2;
}

.propulsed-by:hover .st0 {
    transform: rotate(90deg);
    transform-origin: 61px 76px;
    animation: pointing 1s infinite;
    z-index: 9;
}

.propulsed-by:hover .silocommunication-logo {
    animation: bigger 1s infinite;
}

@keyframes pointing {
    0% {
        transform: scale(1)rotate(90deg)translateY(0px);
    }

    50% {
        transform: scale(1.1)rotate(90deg)translateY(-15px);
    }

    75% {}
}

@keyframes bigger {
    0% {
        transform: scale(1);
    }

    66% {
        transform: scale(1.05);
    }

    75% {}
}

.project-options {
    border-top: 1px solid #bdbdbd;
    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;
}

.relative-post-alone div.listing-related-posts {
    width: 100%;
    border: none;
}

.relative-post-alone div.listing-related-posts ul {
    display: flex;
    justify-content: space-between;
}

.relative-post-alone div.listing-related-posts ul li {
    justify-content: space-between;
    width: 47%;
}

/*Vis à vie css*/
html.mrr #visavie {
    padding: 5px;
    border: #55666c solid 1px;
    position: relative;
    width: 80%;
    margin-left: 10%;
    display: block;
    cursor: pointer;
    transition: .3s all ease-out;
}

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;
}