/*
Theme Name: Sergic
Theme URI: http://http://www.itroom.fr/
Author: Alexis LEPOUTRE
Author URI: http://www.itroom.fr/
Description: Thème Sergic
Version: 1.0
*/

main {
    padding-top: 60px;
}

* {
    outline: none !important;
}
/* Homepage */

.text-light-blue {
    color: rgb(0, 179, 255);
}

body {
    margin: 0 !important;
    font-family: "Roboto";
    background-color: rgb(245, 245, 245);
}
/*/ HEADER /*/

.banner-info-header div p {
    margin-bottom: 0 !important;
    font-size:15px;
}

.banner-info-header div {
    padding:15px 0;
}

.custom-header-wrapper {
    position: fixed;
    z-index: 1000;
    top:0;
    width:100%;
}

@media (min-width: 768px) {
    .banner-info-header div p {
        font-size: 16px;
    }
}

@media (min-width: 1024px) {
    .banner-info-header div p {
        font-size: 17px;
    }
}

@media (min-width: 1280px) {
    .banner-info-header div p {
        font-size: 18px;
    }
}

.top-menu-principal {
    display: none;
}

.custom-header {
    z-index: 1000;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 10px 4px 10px 20px;
    position: relative;
    top: 0;
    background: white;
}

.custom-header img {
    width: 20px;
}

.custom-header .logo a img {
    width: 100px;
    object-fit: contain;
}

.custom-header .mobile-button .button-hamburger {
    background-image: url("assets/img/hambuger.svg");
    height: 50px;
    background-color: transparent;
    border: none;
    background-repeat: no-repeat;
    width: 50px;
    background-position: center;
    background-size: 30px 30px;
}

.custom-header .left-desktop-header {
    display: none;
}

.mobile-menu-overlay {
    height: calc(100vh - 70px);
    bottom: 100vh;
    width: 100vw;
    background-color: #152b7a;
    z-index: 20;
    transition: 0.5s;
    padding: 1rem;
    position: fixed;
    overflow: scroll;
    z-index: 1000;
}

.mobile-menu-overlay.active {
    bottom: 0;
}

#menu-espaces-clients-mobile-1 .menu-item-type-custom .sub-menu,
#menu-espaces-clients-mobile .menu-item-type-custom .sub-menu {
    max-height: 0;
    overflow: hidden;
    transition: 0.4s;
    transition-timing-function: cubic-bezier(0, .71, 0, .99);
    padding: 0;
}

#menu-espaces-clients-mobile-1 .menu-item-type-custom .sub-menu.active,
#menu-espaces-clients-mobile .menu-item-type-custom .sub-menu.active {
    max-height: 500px;
    transition: 0.4s;
    transition-timing-function: ease;
}

#navbarNav {
    width: 100%;
    padding: 3rem 0;
    background-color: #002a7b;
    height: auto;
    display: none;
    height: 95vh;
}

#navbarNav .menu-gauche #menu-menu-mobile li a img {
    display: none;
}

.homepage-header {
    width: 100%;
    background-color: white;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 768px) {
    .homepage-header {
        background-color: white;
    }
}

.homepage-header .navbar {
    width: 100%;
    align-items: center;
    justify-content: space-between;
    display: flex;
    margin-bottom: 0;
    flex-wrap: wrap;
}

.homepage-header .navbar:before,
.navbar:after {
    content: none;
}

.navbar-brand {
    height: auto;
}

.navbar-toggler {
    background-color: transparent;
    border: none;
}

.navbar-toggler:focus {
    outline: none !important;
}

.menu-burger-tic {
    display: block;
    width: 30px;
    height: 2px;
    background-color: #000;
    margin: 5px 0;
    border-radius: 3px;
}

.search-city {
    width: 50%;
}

.active-menu-burger {
    background-color: #afafaf;
    transition: all 0.3s ease;
    padding: 10px 0;
}

.active-menu-burger .logo {
    padding-left: 20px;
}

#menu-menu-mobile {
    list-style: none;
    width: 100%;
    margin: auto;
    padding-left: 10px;
}

#menu-menu-mobile li {
    font-size: 24px;
    font-weight: 700;
    padding: 5px 0;
    border-bottom: none !important;
}

#menu-menu-mobile li a {
    color: #fff;
    border-bottom: 2px solid #fff;
    padding: 5px 0;
    width: 100%;
    display: inline-block;
    position: relative;
}

#menu-menu-mobile li.menu-item-has-children>a::after {
    content: "";
    background: url(assets/img/plus.svg) no-repeat;
    background-size: auto;
    background-size: contain;
    width: 18px;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

#menu-menu-mobile li.menu-item-has-children>a.opened::after {
    background: url(assets/img/less.svg) no-repeat;
    top: 70% !important;
}

#menu-menu-mobile li a:hover {
    text-decoration: none;
}

#menu-menu-mobile li ul {
    list-style: none;
}

#menu-menu-mobile li ul li {
    border-bottom: none;
    margin: 0;
}

#menu-menu-mobile li ul li a {
    border-bottom: none;
}

#menu-menu-mobile .sub-menu>li>a>img {
    width: 80px;
    margin-right: 14px;
    height: auto;
    max-width: 100%;
}

#menu-menu-mobile .sub-menu>li>a>span {
    font-size: 16px;
}

#navbarNav .search-city .container-input-search {
    width: 95%;
    margin: auto;
}

.button-desktop-espace-client {
    border: none;
    background: transparent;
    color: rgb(0, 179, 255);
    font-weight: 700;
    font-size: 24px;
    padding-left: 0;
    display: flex;
}

.button-desktop-espace-client:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .4);
    transition: all 0.3s ease;
}

.button-desktop-espace-client:after {
    content: "\f0dd";
    font-size: 18px;
    font-family: "FontAwesome";
    display: inline-block;
    transition: all 0.3s ease;
    margin: 0 5px;
}

.espaces-clients-button {
    padding: 0 2.5%;
    display: flex !important;
    align-items: center;
}

.menu-espaces-clients-mobile-container {
    margin: 1rem 0;
    padding: 0;
}

#menu-espaces-clients-mobile,
#menu-espaces-clients-mobile-1 {
    list-style: none;
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
    line-height: 30px;
    margin-bottom: 0;
}

#menu-espaces-clients-mobile li ul {
    list-style: none;
}

.return-icon:after {
    transform: rotate(180deg);
    transition: all 0.3s ease;
}

.active-less:after {
    background-image: url("assets/img/less.svg") !important;
    top: 70% !important;
}

.menu-desktop {
    display: none;
}

.menu-menu-desktop-center-homepage-container,
.menu-menu-homepage-mobile-container {
    display: none;
}

@media screen and (max-width: 768px) {
    .menu-menu-homepage-mobile-container {
        display: block;
        width: 80%;
        margin: auto;
        position: relative;
        top: 90%;
        box-shadow: 0px 0px 8px -3px rgba(0, 0, 0, 0.5);
        background-color: #fff;
        border-radius: 10px;
    }
    .menu-menu-homepage-mobile-container ul {
        display: flex;
        list-style: none;
        align-items: center;
        justify-content: space-evenly;
        padding-left: 0;
        margin-bottom: 0;
    }
    .menu-menu-homepage-mobile-container ul li a {
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 12px;
        text-align: center;
        color: #002a9b;
        line-height: 15px;
        width: 70px;
    }
    .menu-menu-homepage-mobile-container ul li a img {
        max-width: 30px;
        max-height: 30px;
        object-fit: cover;
    }
    .menu-menu-homepage-mobile-container ul li {
        font-size: 14px;
        font-weight: 700;
        margin: 20px 0;
        justify-content: space-evenly;
    }
    .homebanner {
        margin-bottom: 4rem;
    }
    /* START llabigne 19558 menu-mobile */
    .homepage-header #navbarNav {
        padding-top: 0;
    }
    .homepage-header .logo_mobile {
        max-height: 32px;
        height: auto;
    }
    #menu-menu-mobile .co-syndic .sub-menu>li>a>img {
        display: none;
    }
    #menu-menu-mobile .sub-menu>li>a>img {
        width: 30px;
    }
    .navbar button .menu-burger-tic {
        transition: all 0.3s ease;
    }
    .active-menu-burger button .menu-burger-tic:nth-child(1) {
        transform: rotate(-45deg);
        position: absolute;
        transition: all 0.3s ease;
    }
    .active-menu-burger button .menu-burger-tic:nth-child(2) {
        display: none;
    }
    .active-menu-burger button .menu-burger-tic:nth-child(3) {
        transform: rotate(45deg);
        transition: all 0.3s ease;
    }
    /* END llabigne 19558 */
}

@media screen and (max-width: 540px) {
    .search-city {
        width: 80%;
        margin: auto;
    }
    #navbarNav {
        overflow-y: scroll;
    }
    .navbar-brand {
        margin-left: 15px;
    }
    .homepage-header .navbar {
        padding: 0 !important;
        min-height: 50px;
    }
}

@media screen and (min-width: 768px) {
    .navbar-toggler,
    #navbarNav {
        display: none !important;
    }
    .menu-desktop {
        display: flex;
        align-items: baseline;
    }
    .menu-desktop .menu-gauche {
        position: absolute;
        left: -1px;
        top: 130%;
        background-color: #fff;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }
    #menu-menu-gauche {
        list-style: none;
        margin-bottom: 0;
        padding-left: 0;
    }
    #menu-menu-gauche li {
        padding: 1rem 0.5rem;
        border-top: 1px solid #fafafa;
        border-bottom: 1px solid #fafafa;
    }
    #menu-menu-gauche li:first-child {
        border-top: none;
    }
    #menu-menu-gauche li:last-child {
        border-bottom: none;
    }
    #menu-menu-gauche li a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: rgb(0, 42, 123);
        font-size: 12px;
        font-weight: 700;
        text-decoration: none;
        font-family: Raleway, sans-serif;
    }
    #menu-menu-gauche li a img {
        max-width: 26px;
        height: 26px;
        object-fit: contain;
    }
    .menu-menu-desktop-center-homepage-container {
        display: block;
        width: 70%;
        margin: auto;
        position: relative;
        top: 90%;
        box-shadow: 0px 0px 8px -3px rgba(0, 0, 0, 0.5);
        background-color: #fff;
        border-radius: 5px;
    }
    .menu-menu-desktop-center-homepage-container ul {
        display: flex;
        list-style: none;
        align-items: center;
        justify-content: space-between;
        padding-left: 0;
    }
    .menu-menu-desktop-center-homepage-container>ul>li:first-child {
        width: 55%;
    }
    .menu-menu-desktop-center-homepage-container>ul>li:last-child {
        width: 45%;
    }
    .menu-menu-desktop-center-homepage-container>ul>li>a {
        background-color: #00b3ff;
        color: #fff;
        position: absolute;
        bottom: 90%;
        border-radius: 5px;
        padding: 3px 6px;
        margin-left: 10px;
        font-weight: 700;
        font-size: 12px;
        cursor: default;
        text-decoration: none;
    }
    .menu-menu-desktop-center-homepage-container ul li ul li a {
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 12px;
        text-align: center;
        color: #002a9b;
        line-height: 15px;
        width: 70px;
    }
    .menu-menu-desktop-center-homepage-container ul li ul li a img {
        max-width: 30px;
        max-height: 30px;
        object-fit: cover;
    }
    .menu-menu-desktop-center-homepage-container ul li ul {
        font-size: 14px;
        font-weight: 700;
        margin: 20px 0;
        justify-content: space-evenly;
    }
    .menu-menu-desktop-center-homepage-container ul li ul li {
        border-right: 1px solid #cdcdcd;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .menu-menu-desktop-center-homepage-container ul li ul li:last-child {
        border-right: none;
    }
    .menu-menu-desktop-center-homepage-container>ul>li:first-child {
        border-right: 5px solid #00b3ff;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .button-desktop-espace-client {
        font-size: 12px;
        font-weight: 700;
        color: #fff;
        width: 120px;
        border: 2px solid #fff;
        border-radius: 30px;
        padding-right: 0;
        justify-content: center;
        margin-right: 0.5rem;
        padding: 9px 0;
        background-color: #00b3ff;
    }
    .menu-espaces-clients-mobile-container {
        position: absolute;
        width: 90%;
        padding: 7px;
        top: 40px;
    }
    .menu-espaces-clients-mobile-container ul {
        margin-bottom: 0;
    }
    .menu-espaces-clients-mobile-container ul li a {
        font-weight: 700;
        color: #385898;
        font-size: 12px;
    }
    .button-desktop-espace-client:after {
        content: none;
    }
}
/* input search custom */

.container-input-search {
    background: white;
    border-radius: 50px;
    padding: 5px 11px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 5px;
}

.container-input-search .input-search-city {
    background: transparent;
    border: none;
    width: 80%;
    font-size: 12px;
    outline: none;
}

.container-input-search .send-search-city {
    height: 35px;
    width: 35px;
    border-radius: 50px;
    background: #00b3ff;
    border: none;
    position: relative;
    text-align: center;
}

.container-input-search .send-search-city img {
    width: 20px !important;
    object-fit: contain !important;
}

.container-input-search .send-search-city .spinner-border {
    height: 30px;
    width: 30px;
    position: absolute;
    left: 3px;
    top: 2px;
    display: none;
}

.container-input-search .send-search-city:before {
    background-image: url('/wp-content/themes/sergic/assets/img/element/filter-dropdown/loupe.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.container-input-search .send-search-city .loader,
.container-input-search .send-search-city .loader:before,
.container-input-search .send-search-city .loader:after {
    border-radius: 50%;
}

.container-input-search .send-search-city .loader {
    display: none;
    color: #fff;
    font-size: 3px;
    text-indent: -99999em;
    margin: 55px auto;
    position: relative;
    left: 1px;
    top: 0px;
    width: 26px;
    height: 26px;
    box-shadow: inset 0 0 0 1em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    margin-top: 5px;
    margin-left: -4px;
}

.container-input-search .send-search-city .loader:before,
.loader:after {
    position: absolute;
    content: "";
}

.container-input-search .send-search-city .loader:before {
    width: 5.2em;
    height: 10.2em;
    background: #00b3ff;
    border-radius: 10.2em 0 0 10.2em;
    top: -0.3em;
    left: -0.3em;
    -webkit-transform-origin: 5.1em 5.1em;
    transform-origin: 5.1em 5.1em;
    -webkit-animation: hpload2 2s infinite ease 1.5s;
    animation: hpload2 2s infinite ease 1.5s;
}

.container-input-search .send-search-city .loader:after {
    width: 5.2em;
    height: 10.2em;
    background: #00b3ff;
    border-radius: 0 10.2em 10.2em 0;
    top: -0.3em;
    left: 4.7em;
    -webkit-transform-origin: 0.1em 5.1em;
    transform-origin: 0.1em 5.1em;
    -webkit-animation: hpload2 2s infinite ease;
    animation: hpload2 2s infinite ease;
}
/* end input search custom*/
/* Menu header haut */

.espaces-clients-button {
    position: relative;
    width: 50%;
}

@media screen and (max-width: 540px) {
    .espaces-clients-button {
        width: 100%;
        flex-wrap: wrap;
    }
    .espaces-clients-button .button-desktop-espace-client {
        width: 100%;
    }
    .espaces-clients-button .button-desktop-espace-client:focus {
        outline: none !important;
    }
    .espaces-clients-button .menu-espaces-clients-mobile-container {
        width: 70%;
    }
}

.espace-client-button-mobile {
    border: none;
    background: transparent;
    color: rgb(0, 179, 255);
    font-weight: 700;
    font-size: 24px;
    padding-left: 0;
}

.espace-client-button-mobile:after,
.menu-espaces-clients-mobile-container .menu-item-has-children>a:after {
    background: url(assets/img/chevron-input.svg) no-repeat;
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    background-size: contain;
    margin-left: 5px;
}

.menu-espaces-clients-mobile-container .menu-item-has-children>a {
    position: relative;
}

.menu-espaces-clients-mobile-container .menu-item-has-children>a:after {
    height: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.menu-espaces-clients-mobile-container {
    background: white;
    border-radius: 10px;
    padding: 1rem;
}

.page-template-page-property-purchase-expertise-php .carousel-module.container {
    margin-bottom: 50px;
}

.page-template-page-property-rental-expertise-php .carousel-module__carousel-container.location {
    display: block;
}

.page-template-page-property-rental-expertise-php .carousel-module__button-more-div.location {
    display: flex;
}

.page-template-page-property-rental-expertise-php .carousel-module__carousel-container.achat,
.page-template-page-property-rental-expertise-php .carousel-module__button-more-div.achat {
    display: none;
}

.page-template-page-property-rental-expertise-php .carousel-module__carousel-container.location {
    display: block;
}

.page-template-page-property-rental-expertise-php .carousel-module__button-more-div.location {
    display: flex;
}

.page-template-page-property-rental-expertise-php .carousel-module__carousel-container.achat,
.page-template-page-property-rental-expertise-php .carousel-module__button-more-div.achat {
    display: none;
}

.menu-espaces-clients-mobile-container ul {
    list-style: none;
    padding: 7px 6px 3px 7px;
}

.menu-espaces-clients-mobile-container .sub-menu img {
    height: 35px;
    width: 125px;
    margin: 6px 0;
    height: auto;
    max-width: 100%;
}

.menu-espaces-clients-mobile-container>li {
    padding: 8px 0;
}

.restart-map {
    background-color: #00B3FF;
    color: #fff;
    padding: 7px 40px;
    border-radius: 25px;
    font-size: 18px;
    font-weight: 700;
    border: 0;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 402;
}

#sergic-beautiful-story-title {
    margin-bottom: 25px;
}

#sergic-beautiful-story .modal-dialog {
    max-width: 50vw;
}

#sergic-beautiful-story .modal-body {
    align-items: flex-start;
    flex-direction: column;
    max-width: 100%;
}

#sergic-beautiful-story .modal-body div:first-child {
    min-width: 55%;
}

.sergic-additional-advantage img {
    padding-right: 10px;
}

@media screen and (max-width: 768px) {
    #sergic-beautiful-story .modal-dialog {
        max-width: 100vw;
        margin: auto;
    }
}

@media screen and (min-width: 768px) {
    .menu-espaces-clients-mobile-container {
        position: absolute;
        width: 90%;
        padding: 7px;
        top: 40px;
        display: none;
    }
    .menu-espaces-clients-mobile-container ul {
        margin-bottom: 0;
    }
    .menu-espaces-clients-mobile-container ul li a {
        font-weight: 700;
        color: #385898;
        font-size: 12px;
    }
}

@media screen and (min-width: 1024px) {
    .left-desktop-header .menu-espaces-clients-mobile-container {
        position: absolute;
        display: none;
        width: 100%;
        top: calc(100% - 20px);
        z-index: -1;
        padding-top: 30px;
        box-shadow: 0.5px 0.5px 4px lightgrey;
    }
    .left-desktop-header .menu-espaces-clients-mobile-container #menu-espaces-clients-mobile {
        margin: 0;
    }
    .left-desktop-header .menu-espaces-clients-mobile-container #menu-espaces-clients-mobile>li {
        padding: 0;
    }
    .left-desktop-header .menu-espaces-clients-mobile-container #menu-espaces-clients-mobile>li>a {
        font-weight: 700;
        font-size: 12px;
        color: #002a7b;
        width: 100%;
        display: block;
    }
    #menu-espaces-clients-mobile .menu-item-has-children>a:after {
        right: 0;
        transform: translateY(-50%);
    }
    .left-desktop-header .menu-espaces-clients-mobile-container #menu-espaces-clients-mobile .sub-menu img {
        height: 30px;
        width: auto;
    }
}

.menu-espaces-clients-mobile-container {
    margin: 1rem 0;
    padding: 0;
}

.mobile-menu-overlay .menu-espaces-clients-mobile-container,
#navbarNav .menu-espaces-clients-mobile-container {
    display: none;
}
/* End menu header haut */
/* Input autocomplete homepage */

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #fff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-top: none !important;
}

.ui-menu .ui-menu-item {
    cursor: pointer;
    font-size: 12px;
    padding: 8px 10px;
    line-height: 17px;
    border-bottom: 1px solid #e4f1c6;
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;
}

.ui-menu-item>a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555;
    white-space: nowrap;
    text-decoration: none;
}

.ui-state-hover,
.ui-state-active {
    color: #fff;
    text-decoration: none;
    background-color: #002a7b;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}
/* End input autocomplete */
/*/ END HEADER /*/


.home .featured-image-homepage {
    height: 390px;
    position: relative;
    z-index: 1;
}

.home .featured-image-homepage>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
    position: absolute;
    filter: drop-shadow(0px 0px 10px black);
}

.home .degrade-absolute {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.64) 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.64;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.home .img-title-homepage {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    transform: translate(-50%, -50%);
    height: auto !important;
    z-index: 10000;
    width: 90%;
    max-width: 600px;
}

.home .search-city-homepage {
    position: absolute;
    top: 60%;
    width: 100%;
    margin: auto;
    z-index: 10000;
}

.home .search-city-homepage>.container-input-search {
    width: 288px;
    margin: auto;
}

.home .big-block-homepage {
    display: flex;
    align-items: center;
}

.home .big-block-homepage,
.stat-block-homepage,
.partner-block-homepage {
    background-color: #fff;
    border-radius: 10px;
    width: 95%;
    margin: 1.5rem auto;
    padding: 1rem 2rem 1rem 3rem;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px 0px;
}

.home .stat-block-homepage,
.partner-block-homepage {
    padding: 0rem;
}

.home .big-block-homepage h3 {
    font-size: 23px;
    font-weight: 300;
    line-height: 47px;
    margin-top: 0;
    margin-bottom: 0;
}

.home .stat-block-homepage ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0;
}

.home .stat-block-homepage ul li {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem 0;
    position: relative;
}

.home .chiffre-block-stat {
    font-size: 38px;
    font-weight: 700;
}

.home .contexte-block-stat {
    font-size: 12px;
    color: #99e1ff;
    font-weight: 700;
}

.home .stat-widget-wrap {
    display: flex;
    justify-content: space-around;
}

.stat-widget-wrap {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 1rem 0;
}

.home .stat-widget-wrap .global__link {
    color: #00b3ff;
}

.appt-desc__div-immodvisor-more .global__link:hover {
    text-decoration: none;
    color: rgba(0, 174, 239, .75);
}

@media screen and (max-width: 375px) {
    .stat-widget-wrap {
        flex-wrap: wrap;
    }
}

.home .block-star-note {
    width: 33%;
}

.home .block-image-widget {
    width: 33%;
    text-align: center;
}

.home .the-second-separator {
    display: none;
}

.home .values-sergic-teams-wrapper {
    padding: 2rem 0;
}

.home .values-sergic-teams {
    display: flex;
}

.home .values-sergic-teams>div {
    margin: 1rem;
    width: 230px;
}

.home .values-sergic-teams .the-value {
    width: 230px;
}

.home .title-value-sergic-teams {
    font-size: 24px;
    color: #00b3ff;
}

.home .title-sergic-teams {
    font-size: 24px;
    font-weight: 600;
    padding: 0 10px;
    line-height: 30px;
}

.home .title-sergic-teams,
.rent-or-buy {
    margin-top: 40px;
}

.home .img-wrapper-the-value {
    width: 230px;
    height: 90%;
}

.home .img-wrapper-the-value img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home .service-agency {
    display: flex;
    flex-direction: column;
}

.home .the-service {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    margin: 2rem 0;
    box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.home .img-wrapper-the-service {
    width: 100%;
    flex:1;
}
.home .the-service div:nth-of-type(2) {
    flex:2;
}

.home .img-wrapper-the-service img {
    /* border-radius: 10px; */
    width: 100%;
    height: 202px;
    object-fit: cover;
    object-position: center;
}

.home .title-service-agency {
    padding: 10px;
    font-size: 24px;
    color: #07374e;
    font-weight: bold;
    margin-bottom: 0;
}

.home .description-service-agency {
    padding: 10px;
    padding-bottom: 0;
    font-size: 12px;
    line-height: 22px;
    font-weight: 400;
}

.home .link-service-agency {
    text-align: center;
}

.home .link-service-agency a {
    font-weight: 700;
    padding: 5px 20px;
    border: 1px solid #00aeef;
    border-radius: 30px;
    margin-bottom: 1rem;
    display: inline-block;
    color: #00aeef;
}

.home .img-pub-mobile {
    text-align: center;
}

.home .img-pub-mobile .img-pub-homepage {
    display: flex;
}

.home .img-pub-mobile .img-pub-homepage img {
    max-width: 100%;
    height: auto;
    max-height: 242px;
    margin: auto;
}

.home .img-pub-desktop {
    display: none;
}

.home .banner-cta {
    height: 540px;
    background-size: cover;
    position: relative;
    background-position: center;
    margin-bottom: 5rem;
    margin-top: 2rem;
}

.home .banner-cta:after {
    content: " ";
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    display: inline-block;
    top: 0;
}

.home .content-banner-cta {
    position: absolute;
    bottom: 0;
    color: #fff;
    z-index: 100;
    padding: 0 15px;
}

.home .content-banner-cta h2 {
    font-size: 24px;
    font-weight: 700;
}

.home .content-banner-cta p {
    font-size: 13px;
    font-weight: 600;
}

.home .button-banner-cta {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.home .first-link-banner-cta {
    background-color: #fff;
    font-weight: 600;
    border-radius: 30px;
    padding: 5px 0px;
    width: 250px;
    text-align: center;
    margin: 2rem 0 1rem 0;
    color: rgba(0, 174, 239, 1);
}

.home .first-link-banner-cta:hover {
    text-decoration: none;
    color: rgba(0, 174, 239, 0.75);
}

.home .second-link-banner-cta {
    font-weight: 600;
    color: #fff;
    font-size: 12px;
    margin: 1rem 0 2rem 0;
}

.home .second-link-banner-cta:after {
    content: "\f061";
    font-size: 12px;
    font-family: "FontAwesome";
    margin: 0 7px;
}

.home .img-banner-cta {
    height: 100%;
    object-fit: cover;
    object-position: center -150px;
    width: 100%;
}

@media screen and (max-width: 991px) {
    .home .img-banner-cta {
        object-position: center;
    }
    .home .chiffre-block-stat {
        font-size: 30px;
    }
}

.contact-us {
    display: none;
}

@media screen and (min-width: 375px) {
    .home .the-second-separator {
        display: block;
    }
    .block-button-widget,
    .block-image-widget,
    .block-star-note {
        width: 33%;
    }
}

@media screen and (min-width: 540px) {
    .home .button-banner-cta {
        flex-direction: column;
    }
}

@media screen and (min-width: 768px) {
    .contact-us {
        display: block;
    }
    .contact-us a {
        color: #00b3ff;
        text-decoration: none;
        font-family: "Montserrat", sans-serif;
        font-size: 12px;
        font-weight: 700;
        margin-right: 20px;
        white-space: nowrap;
        border: 2px solid #00b3ff;
        background-color: #fff;
        border-radius: 30px;
        padding: 11px 13px;
    }
    .contact-us a:hover {
        text-decoration: none;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .4);
        transition: all 0.3s ease;
    }
    .home .content-banner-cta {
        padding: 0;
    }
    .home .content-banner-cta p {
        font-size: 16px;
    }
    .home .stat-block-homepage ul li {
        padding: 1.5rem 0;
    }
    .home .stat-block-homepage>ul>li:after {
        content: " ";
        height: 50%;
        width: 2px;
        background-color: #d9d9d9;
        position: absolute;
        right: 0;
    }
    .home .stat-block-homepage>ul>li:last-child:after {
        display: none;
    }
    .home .link-service-agency {
        text-align: left;
    }
    .home .featured-image-homepage {
        height: 480px;
    }
    .home .featured-image-homepage>.img-title-homepage {
        padding: 0 15%;
        width: 100%;
        max-width: 1000px;
    }
    .home .three-block-wrapper {
        display: flex;
        margin-top: 6rem;
    }
    .home .big-block-homepage {
        width: 40%;
    }
    .home .twice-block-homepage {
        width: 55%;
    }
    .home .stat-block-homepage ul {
        flex-wrap: nowrap;
    }
    .home .the-service {
        flex-direction: row;
    }
    .home .the-service:nth-child(2n) {
        flex-direction: row-reverse;
    }
    .home .the-service:nth-child(2n) .img-wrapper-the-service {
        text-align: end;
    }
    .home .the-service>div:last-child {
        padding: 0 3rem;
    }
    .home .img-wrapper-the-service {
        width: 50%;
        height: 100%;
    }
    .home .img-wrapper-the-service-sergic-quebec {
        width: 35%;
        height: 100%;
    }
    .home .title-sergic-teams,
    .title-service-agency,
    .content-banner-cta h2 {
        font-size: 38px;
        line-height: 38px;
    }
    .home .description-service-agency {
        font-size: 18px;
        font-family: "Raleway", sans-serif;
        color: #000;
    }
    .home .img-pub-mobile {
        display: none;
    }
    .home .img-pub-desktop {
        display: block;
        text-align: center;
        padding: 5% 25%;
    }
    .home .img-pub-desktop .img-pub-homepage {
        display: flex;
    }
    .home .img-pub-desktop .img-pub-homepage img {
        max-width: 100%;
    }
    .home .button-banner-cta {
        align-items: flex-start;
    }
    .home .banner-cta .padding-content-banner-cta .content-banner-cta {
        margin: 0 20%;
    }
    .home .button-banner-cta .second-link-banner-cta {
        font-size: 16px;
    }
}

@media screen and (max-width: 991px) {
    .home .values-sergic-teams {
        overflow-x: scroll;
    }
}

@media screen and (min-width: 1000px) {
    .home .values-sergic-teams {
        justify-content: space-around;
    }
    .values-sergic-teams .the-value {
        width: 20%;
    }
    .home .img-wrapper-the-value {
        width: 100%;
    }
    .home .img-wrapper-the-value img {
        width: 100%;
    }
    .home .big-block-homepage h3 {
        font-size: 38px;
    }
}
/* Bloc Agence */

.agency-map__title-line {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.agency-map__title {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 38px;
    color: #07374e;
    margin-bottom: 0;
    line-height: 38px;
}

.agency-map__title-2 {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    color: #07374e;
    margin-bottom: 0;
    display: none;
}

.agency-map__filter-dropdown {
    display: inline-block;
    position: relative;
    width: calc(30% - 20px);
    min-width: 150px;
}

.agency-map__filter-dropdown-shadow {
    display: flex;
    box-shadow: 0.5px 0.5px 4px lightgrey;
    border-radius: 24px;
    position: relative;
}

.agency-map__filter-dropdown-input {
    background-color: white;
    border: 0;
    color: #002a7b;
    font-size: 12px;
    line-height: 18px;
    padding: 6px 2px 6px 14px;
    border-radius: 24px 0 0 24px;
    width: calc(100% - 41px - 16px);
    font-weight: 300;
    font-family: Raleway, sans-serif;
    cursor: pointer;
}

.agency-map__filter-dropdown-input:focus {
    outline: none;
}

.agency-map__filter-dropdown-div-buttons {
    background-color: white;
    border-radius: 0 24px 24px 0;
    display: flex;
    align-items: center;
    height: 40px;
}

.agency-map__filter-dropdown-img-chevron {
    height: 5px;
    margin: 2px 8px 0px 8px;
    cursor: pointer;
}

.agency-map__filter-dropdown-magn-circle {
    height: 36px;
    width: 36px;
    margin-right: 2px;
    background-color: #00b3ff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.1s;
}

.agency-map__filter-dropdown-magn-circle:hover {
    box-shadow: 0.5px 0.5px 4px lightgrey;
}

.agency-map__filter-dropdown-img-magn-circle {
    height: 15px;
}

.agency-map__filter-dropdown-dropdown {
    background-color: #f8f8f8;
    max-height: 300px;
    width: 100%;
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 2;
    box-shadow: 0.5px 0.5px 4px lightgrey;
    border-radius: 0 0 5px 5px;
    padding-top: 5px;
    padding-bottom: 4px;
    display: none;
    flex-direction: column;
    overflow-y: scroll;
}

.agency-map__filter-dropdown-dropdown:before {
    content: "";
    position: absolute;
    background-color: #0074D9;
    top: -50px;
    height: 50px;
    width: 25px;
    border-top-left-radius: 25px;
    box-shadow: 0 -25px 0 0 #001f3f;
    /* This is where the magic happens! */
}

.agency-map__filter-dropdown-result {
    color: #bdbdbd;
    font-family: Raleway, sans-serif;
    text-decoration: none;
    font-size: 14px;
    margin: 0 6px;
    padding: 3px 6px;
    font-weight: 600;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.agency-map__filter-dropdown-result img {
    max-width: 60px;
}

.agency-map__filter-dropdown-result:hover {
    color: #002a7b;
    background-color: white;
}

.agency-map__filter-dropdown-no-result {
    color: #bdbdbd;
    font-family: Raleway, sans-serif;
    font-size: 14px;
    margin: 0 6px;
    padding: 3px 6px;
    font-weight: 600;
    display: none;
}

.agency-map__div-blocs {
    display: flex;
    margin-bottom: 20px;
    position: relative;
    width: 100% !important;
}

#bloc-expertises-immodvisor.agency-map__div-blocs {
    display: flex;
}

#agency-map__map {
    height: auto;
    min-height: 580px;
    width: 70%;
    border-radius: 10px;
}

.agency-map__agencies-div-container {
    width: 30%;
}

.agency-map__agencies-div {
    padding-left: 20px;
    padding-right: 10px;
    overflow-y: scroll;
    height: 580px;
}

.agency-map__agency-bloc {
    background-color: white;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 20px;
    cursor: pointer;
    position: relative;
}

.agency-map__agency-bloc-title {
    font-family: "Raleway", sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    color: #07374e;
    margin-bottom: 7px;
    display: flex;
    align-items: center;
}

.agency-map__agency-bloc-title .entreprise-agency-icon {
    width: 100px;
    height: auto;
    margin-left: 10px;
    position: absolute;
    right: 20%;
    bottom: 18%;
}

@media screen and (max-width: 1200px) {
    .agency-map__agency-bloc-title .entreprise-agency-icon {
        position: initial;
        width: 60px;
    }
}

@media screen and (max-width: 766px) {
    .agency-map__agency-bloc-title .entreprise-agency-icon {
        position: absolute;
        width: 100px;
        bottom: 10px;
        left: 15px;
    }
}

.agency-map__agency-bloc-div {
    display: flex;
}

.agency-map__agency-bloc-picture {
    height: 90px;
    width: 120px;
    border-radius: 10px;
    background-position: center;
    background-size: cover;
}

.agency-map__agency-bloc-address-div {
    position: relative;
    width: calc(100% - 120px);
    padding-left: 10px;
}

.agency-map__agency-bloc-address-line {
    font-family: "Raleway", sans-serif;
    font-weight: 800;
    font-size: 12px;
    line-height: 18px;
    color: #07374e;
    margin-bottom: 0;
}

.agency-map__agency-bloc-arrow {
    position: absolute;
    bottom: 20px;
    right: 5px;
}

.gm-style>div>div>div>div>div {
    color: white !important;
}

.gm-style-iw-c {
    padding: 0 0 14px 0 !important;
    border-radius: 8px !important;
    background-color: initial !important;
    display: flex;
}

.gm-style-iw-t::after {
    display: none;
}

#agency-map__info-window {
    margin: 0;
    text-align: center;
    color: #152a7b;
    font-weight: 800;
    margin-bottom: 5px;
    font-size: 14px;
}

#agency-map__info-window img {
    max-width: 100px;
}

.gm-style-iw-d>div {
    display: flex;
}

.poi-info-window div,
.poi-info-window a {
    background-color: #002a7b !important;
    color: white !important;
}

.gm-style-iw-d {
    display: flex;
    overflow: hidden !important;
    padding: 10px;
    justify-content: center;
    background-color: #002a7b;
    font-family: Raleway;
    font-weight: bold;
    font-size: 12px;
    border-radius: 8px;
}

.agency-map__agency-more {
    width: 28%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 20px;
    padding: 10px;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
}

.agency-map__agency-more-pic {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 130px;
    margin-bottom: 12px;
    background-position: center;
    background-size: cover;
    border-radius: 10px;
}

.agency-map__agency-more-pic-filter {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #07374e;
    border-radius: 10px;
    opacity: 0.3;
}

.agency-map__agency-more-title {
    z-index: 1;
    margin: 0 auto;
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-weight: bold;
    font-size: 18px;
    opacity: 1;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.agency-map__agency-more-title .entreprise-agency-icon {
    width: 100px;
    height: auto;
    position: absolute;
    top: 110%;
    right: 0;
}

@media screen and (max-width: 1023px) {
    .agency-map__agency-more-title .entreprise-agency-icon {
        width: 80px;
    }
}

@media screen and (max-width: 992px) {
    .agency-map__agency-more-title .entreprise-agency-icon {
        width: 100px;
    }
}

.single-it_agence .agency-map__agency-more-pic .agency-map__agency-more-title img {
    width: 100px;
}

.agency-map__agency-more-address-fline {
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #07374e;
}

.agency-map__agency-more-address-sline {
    margin-bottom: 12px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #07374e;
}

.agency-map__agency-more-hours-title {
    margin-bottom: 12px;
    font-family: "Raleway", sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #00b3ff;
}

.agency-map__agency-more-hours-line {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    padding: 5px 0px;
    flex: 1;
}

.agency-map__agency-more-hours-line-p {
    margin-bottom: 0;
    font-family: "Raleway", sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #07374e;
    flex: 2;
}

.agency-map__agency-more-hours-line-div {
    display: flex;
}

.agency-map__agency-more-hours-line-span {
    text-align: center;
    width: 100%;
    margin-bottom: 6px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #00b3ff;
    background-color: #f8f8f8;
    border-radius: 5px;
}

.agency-map__agency-more-hours-line-span_hours {
    text-align: center;
    flex: 1;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #00b3ff;
    background-color: #f8f8f8;
    border-radius: 5px;
    margin: 3px 3px;
    padding: 3px 3px;
    display: flex;
    flex-direction: column;
    min-width: 80px;
}
.agency-map__agency-more-hours-line-span_hours.inactive {
    display: none;
}

.agency-map__agency-more-button {
    height: 40px;
    width: 100%;
    background-color: white;
    border: 1px solid #00b3ff;
    border-radius: 20px;
    font-family: "Raleway", Sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #00b3ff;
    transition: 0.1s;
}
/* .agency-map__agency-more-button:hover {
<?php
if ($select_type == "basic" || $select_type == "district") {
echo "background-color: rgba(0, 179, 255);";
}
else if ($select_type == "agency-page") {
echo "border: 1px solid rgba(0, 179, 255, .7);
background-color: rgba(0, 179, 255, .7);";
}
?>
color: white;
} */

.agency-map__agency-message-button {
    height: 40px;
    width: 100%;
    background-color: #00b3ff;
    border: 1px solid #00b3ff;
    border-radius: 20px;
    font-family: "Raleway", Sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: white;
    transition: 0.1s;
}

.agency-map__agency-message-button:hover {
    border: 1px solid rgba(0, 179, 255, 0.7);
    background-color: rgba(0, 179, 255, 0.7);
}

.agency-map__div-expertises {
    display: flex;
    justify-content: space-between;
    width: 70%;
    padding: 20px;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
}

.agency-map__div-expertises-title {
    max-width: 250px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 38px;
    line-height: 57px;
    color: #00b3ff;
    margin: 0;
}

.agency-map__div-expertises-bloc-numbers {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    width: calc(100% - 250px);
}

.agency-map__div-expertises-elem-container {
    display: flex;
    justify-content: center;
    width: 33%;
    min-width: 122px;
    padding: 0 6px 0 6px;
}

.agency-map__div-expertises-elem-info-fline {
    display: flex;
    align-items: center;
}

.agency-map__elem-info-icon {
    height: 30px;
    max-width: 30px;
    margin-right: 6px;
}

.agency-map__elem-info-title {
    width: 100px;
    margin: 0;
    font-family: "Raleway", sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    color: #002a7b;
}

.agency-map__elem-info-sline {
    width: 110px;
    margin: 0;
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
    color: #00b3ff;
}

.agency-map__div-immodvisor {
    width: 28%;
    margin-left: 20px;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
}

.agency-map__div-immodvisor-blocs {
    display: flex;
    justify-content: space-evenly;
    padding-top: 16px;
}

.agency-map__div-immodvisor-blocs>div {
    text-align: center;
}

.agency-map__div-immodvisor-more {
    text-align: center;
    padding-bottom: 16px;
}

.agency-map__overlay {
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(60, 60, 60, 0.6);
    z-index: 500;
    cursor: pointer;
}

.agency-map__overlay-bloc {
    position: relative;
    display: flex;
    width: 70%;
    border-radius: 10px;
    background-color: #f8f8f8;
    cursor: auto;
}

.agency-map__overlay-pic {
    width: 40%;
    background-position: center;
    background-size: cover;
    border-radius: 10px;
}

.agency-map__overlay-text-div {
    width: 60%;
    max-height: 80vh;
    padding: 48px;
    overflow-y: scroll;
}

.agency-map__overlay-title {
    margin-bottom: 12px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #002a7b;
}

.agency-map__overlay-close-circle {
    position: absolute;
    top: 24px;
    right: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: white;
    cursor: pointer;
    transition: 0.1s;
}

.agency-map__overlay-close-circle:hover {
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
}

.agency-map__overlay-close-cross {
    width: 10px;
}

.agency-map__overlay-expert-list {
    margin-top: 30px;
}

.agency-map__expert-line {
    display: flex;
    /* justify-content: space-around; */
    justify-content: space-around;
    align-items: center;
    height: 50px;
    margin-bottom: 8px;
    background-color: white;
}

.agency-map__overlay-div-icon {
    width: 50px;
    text-align: center;
}

.agency-map__overlay-tel {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #00b3ff;
}

.agency-map__overlay-suffix-tel-pro {
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 10px;
    color: #002a7b;
}

.agency-map__overlay-tel-pro {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #002a7b;
    display: none;
}

.agency-map__bloc-district {
    display: none !important;
}

.agency-map__district-info {
    display: flex;
    justify-content: space-between;
    width: 70%;
    padding: 20px 20px 12px 20px;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
}

.agency-map__list-ap-line {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.agency-map__div-img-ap {
    min-width: 30px;
    margin-right: 10px;
    text-align: center;
}

.agency-map__img-ap {
    height: 25px;
    width: auto;
}

.agency-map__span-ap {
    font-family: "Raleway", sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #00b3ff;
}

.agency-map__text-bloc-district {
    max-width: 65%;
    margin-bottom: 8px;
    font-family: "Raleway", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #07374e;
}

.agency-map__district-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(30% - 20px);
    padding: 20px;
    margin-left: 20px;
    border-radius: 10px;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
    background-size: cover !important;
}

.agency-map__district-link-text {
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
    color: white;
}

#agency-map__contact-link {
    margin-bottom: 8px;
}

@media screen and (max-width: 767px) {
    .agency-map__title-line {
        flex-wrap: wrap;
    }
    .agency-map__title {
        display: none;
    }
    .agency-map__title-2 {
        display: initial;
        width: 100%;
        margin: 0 16px;
        font-size: 24px;
        margin-bottom: 8px;
        line-height: 33px;
    }
    .agency-map__filter-dropdown {
        width: 100%;
        margin: 0 16px;
    }
    .agency-map__filter-dropdown-input {
        font-size: 16px;
        width: calc(100% - 41px - 16px);
        font-weight: 300;
    }
    .agency-map__filter-dropdown-div-buttons {
        height: 40px;
    }
    .agency-map__filter-dropdown-dropdown {
        max-height: 200px;
        width: 100%;
        z-index: 1000;
    }
    .agency-map__div-blocs {
        flex-wrap: wrap;
    }
    #agency-map__map {
        height: 250px;
        width: 100%;
        margin-bottom: 16px;
    }
    .agency-map__agencies-div-container {
        width: 100%;
        overflow: scroll;
    }
    .agency-map__agencies-div {
        display: flex;
        height: 265px;
        width: 3000px;
        margin-left: 4px;
        padding: 0px;
        overflow: hidden;
    }
    .agency-map__agency-bloc {
        width: 160px;
        margin-right: 4px;
        padding: 14px;
        margin-bottom: 8px;
    }
    .agency-map__agency-bloc-title {
        min-height: 26px;
        text-align: center;
        font-size: 11px;
        line-height: 13px;
    }
    .agency-map__agency-bloc-div {
        flex-wrap: wrap;
    }
    .agency-map__agency-bloc-picture {
        width: 100%;
        border-radius: 5px;
    }
    .agency-map__agency-bloc-address-div {
        width: 100%;
        padding-left: 0;
    }
    .agency-map__agency-bloc-address-line {
        margin-top: 10px;
    }
    .agency-map__agency-bloc-arrow {
        display: none;
    }
    .agency-map__agency-more {
        width: 100%;
        margin: 0;
        padding: 10px;
    }
    .agency-map__agency-more-button {
        margin-top: 20px;
    }
    .agency-map__div-expertises {
        flex-wrap: wrap;
        width: 100%;
        margin: 16px 0;
        padding: 16px;
    }
    .agency-map__div-expertises-title {
        text-align: center;
        max-width: initial;
        width: 80%;
        margin: auto;
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    #agency-map__br-exp {
        display: none;
    }
    .agency-map__div-expertises-bloc-numbers {
        width: 100%;
    }
    .agency-map__div-expertises-elem-container {
        margin-bottom: 8px;
    }
    .agency-map__div-immodvisor {
        width: 100%;
        margin: 16px 0;
    }
    .agency-map__overlay-bloc {
        display: flex;
        flex-wrap: wrap;
        width: 95%;
        height: 90vh;
        overflow-y: scroll;
    }
    .agency-map__overlay-pic {
        width: 100%;
        height: 300px;
    }
    .agency-map__overlay-text-div {
        width: 100%;
        max-height: initial;
        padding: 48px 28px 28px 28px;
        overflow-y: initial;
    }
    .agency-map__overlay-close-circle {
        position: absolute;
        top: 14px;
        right: 14px;
        box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
    }
    .agency-map__bloc-district {
        flex-wrap: wrap;
        display: none;
    }
    .it_agence-template-default .agency-map__bloc-district,
    .lieu-template-default .agency-map__bloc-district {
        display: none !important;
    }
    .agency-map__district-info {
        flex-wrap: wrap;
        width: 100%;
    }
    .agency-map__district-list-ap {
        width: 100%;
    }
    .agency-map__text-bloc-district {
        max-width: 100%;
        width: 100%;
        margin-top: 10px;
    }
    .agency-map__district-link {
        width: 100%;
        margin: 16px 0 0 0;
    }
    .agency-map__elem-info-title {
        max-width: 90px;
    }
    .carousel-module__button-choice-div {
        width: 100%;
    }
    .carousel-module__button-choice-div button {
        margin: 0 3px;
    }
    .title-carousel-bien {
        display: none;
    }
    .listing-biens__div-filter-button,
    .listing-biens__div-input-bloc {
        width: 100% !important;
    }
}

@media (max-width: 992px) {
    .agency-map__agency-message-button,
    .agency-map__agency-more-button {
        font-size: 16px;
        margin: 5px 0;
    }
    .agency-map__div-blocs {
        display: block;
    }
    #agency-map__map {
        width: 100%;
        margin: 10px 0;
    }
    .agency-map__agencies-div {
        padding: 0;
        width: min-content;
    }
    .agency-map__agencies-div-container {
        width: 100%;
        margin: 10px 0;
    }
    .agency-map__agency-more {
        display: block;
        width: 100%;
        margin-left: 0;
        margin: 10px 0;
    }
    .agency-map__title {
        font-size: 28px;
    }
    .agency-map__title-line {
        display: block;
    }
    .agency-map__filter-dropdown {
        display: block;
        width: 100%;
        margin: 10px 0 0;
    }
    .contact_block h3 {
        display: block;
        float: none;
        width: 100%;
        text-align: center;
        padding-bottom: 15px;
        line-height: 30px;
    }
    .contact_block .contact_link {
        display: block;
        float: none;
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
    .agency-map__div-expertises {
        width: 100%;
        margin-left: 0;
    }
    .agency-map__div-immodvisor {
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
    }
    .agency-map__elem-info-title {
        width: 70px;
    }
}

@media screen and (max-width: 768px) {
    .agency-map__div-expertises {
        width: 100% !important;
    }
    .agency-map__div-immodvisor {
        width: 100% !important;
    }
}

@media screen and (max-width: 991px) {
    .agency-map__div-expertises {
        width: 60%;
        margin: 0;
        display: none;
    }
    .agency-map__div-immodvisor {
        width: calc(40% - 20px);
    }
}

@media (max-width: 767px) {
    .container {
        width: 100%;
    }
    .menu-header-left {
        display: none;
    }
    .img_agence_block .informations_block .elements_block>div {
        margin: 0 15px;
    }
    .listing-biens__main {
        margin-top: 70px;
        padding: 0;
    }
    .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
        padding: 0 !important;
    }
    .listing-biens__section-filters-bar {
        position: relative;
        width: 100%;
        top: 0;
        margin-bottom: 0px;
    }
    .listing-biens__ghost-filters-bar {
        display: none;
    }
    .listing-biens__filters-bar {
        flex-wrap: wrap;
        border-radius: 0;
    }
    .listing-biens__div-filter-button {
        width: 100%;
        border-radius: 0;
    }
    .listing-biens__filter-button {
        height: 40px;
        justify-content: space-between;
        border-right: 0 !important;
        padding: 0 10px;
    }
    .listing-biens__filter-button-arrow {
        width: 14px;
    }
    .listing-biens__div-input-bloc {
        padding: 0 10px;
        justify-content: flex-start;
        width: 100%;
    }
    #listing-biens__filter-button-text-erence {
        display: initial;
    }
    .listing-biens__filter-submenu {
        position: absolute !important;
        top: 64px !important;
        width: 90%;
        padding: 16px !important;
        box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.4);
        z-index: 3;
        left: 15px !important;
    }
    #listing-biens__filter-submenu-localisation {
        margin-left: 0% !important;
        top: 120px !important;
    }
    #listing-biens__filter-submenu-area {
        margin-left: 0% !important;
        top: 192px !important;
    }
    #listing-biens__filter-submenu-price {
        margin-left: 0% !important;
        top: 256px !important;
    }
    .listing-biens__filter-submenu-buy-line-1 {
        flex-wrap: wrap;
    }
    #listing-biens__filter-submenu-comp-div-line-2 {
        width: 100% !important;
    }
    .listing-biens__filter-submenu-select-cel2 {
        margin-bottom: 10px !important;
        width: 48% !important;
        font-size: 14px !important;
    }
    .listing-biens__filter-submenu-div-checkbox {
        width: initial;
    }
    .listing-biens__filter-submenu-sub-label {
        font-size: 16px;
    }
    #listing-biens__filter-submenu-div-select-disp {
        margin-bottom: 16px;
    }
    .listing-biens__line-two-section {
        padding-top: 0px;
        flex-wrap: wrap-reverse;
    }
    .listing-biens__section-appartment-cards {
        width: 100% !important;
        margin-top: 32px;
        padding: 0 3%;
        position: relative !important;
    }
    .listing-biens__card {
        width: 100% !important;
    }
    .listing-biens__section-map {
        position: relative !important;
        left: 0 !important;
        width: 100% !important;
    }
    #listing-biens__map {
        border-radius: 0;
    }
    .listing-biens-vacances__main {
        margin-top: 70px;
        padding: 0;
    }
    .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
        padding: 0 !important;
    }
    .listing-biens-vacances__section-filters-bar {
        position: relative;
        width: 100%;
        top: 0;
        margin-bottom: 0px;
    }
    .listing-biens-vacances__ghost-filters-bar {
        display: none;
    }
    .listing-biens-vacances__filters-bar {
        flex-wrap: wrap;
        border-radius: 0;
        flex-direction: column;
    }
    .listing-biens-vacances__div-filter-button {
        width: 100% !important;
        border-radius: 0;
    }
    .listing-biens-vacances__filter-button {
        height: 40px;
        justify-content: space-between !important;
        border-right: 0 !important;
        padding: 0 10px;
    }
    .listing-biens-vacances__filter-button-arrow {
        width: 14px;
    }
    .listing-biens-vacances__div-filter-button .white {
        display: none;
    }
    .listing-biens-vacances__div-filter-button:hover .white {
        display: block;
    }
    .listing-biens-vacances__div-filter-button:hover .blue {
        display: none;
    }
    .listing-biens-vacances__div-filter-button.active img {
        transform: rotate(180deg);
    }
    .listing-biens-vacances__div-input-bloc {
        padding: 0 10px;
        justify-content: space-between !important;
        width: 100% !important;
    }
    #listing-biens-vacances__filter-button-text-erence {
        display: initial;
    }
    .listing-biens-vacances__filter-submenu {
        position: absolute;
        top: 64px;
        width: 100%;
        padding: 16px;
        box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.4);
        z-index: 3;
    }
    #listing-biens-vacances__filter-submenu-buy {
        margin-left: 0 !important;
        top: 120px;
        z-index: 10;
    }
    #listing-biens-vacances__filter-submenu-localisation {
        margin-left: 0% !important;
        top: 55px;
        z-index: 10;
    }
    #listing-biens-vacances__filter-submenu-area {
        margin-left: 0% !important;
        top: 250px;
        z-index: 10;
    }
    #listing-biens-vacances__filter-submenu-date {
        margin-left: 0% !important;
        top: 185px;
        z-index: 10;
    }
    .listing-biens-vacances__filter-submenu-buy-line-1 {
        flex-wrap: wrap;
    }
    .listing-biens-vacances__filter-submenu-div-checkbox {
        width: initial;
    }
    .listing-biens-vacances__filter-submenu-sub-label {
        font-size: 16px;
    }
    .listing-biens-vacances__line-two-section {
        padding-top: 0px;
        flex-wrap: wrap-reverse;
    }
    .listing-biens-vacances__section-appartment-cards {
        width: 100%;
        margin-top: 32px;
        padding: 0 16%;
    }
    .listing-biens-vacances__card {
        width: 100%;
    }
    .listing-biens-vacances__section-map {
        position: relative;
        left: 0;
        width: 100%;
    }
    #listing-biens-vacances__map {
        border-radius: 0;
    }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
    .page-template-template-recherche main .listing-biens__line-two-section .container {
        display: flex;
        flex-direction: column-reverse;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .page-template-template-recherche main .listing-biens__line-two-section .container {
        display: flex;
    }
    .listing-biens__card {
        width: calc(100% - 12px);
    }
    .listing-biens__section-appartment-cards {
        position: relative;
    }
}

@media screen and (min-width: 390px) and (max-width: 767px) {
    .listing-biens__card {
        width: calc(50% - 12px);
    }
}

.carousel-module__carousel-container {
    width: 100%;
    overflow: auto;
    margin-top: 20px;
}

.carousel-module__carousel-container::-webkit-scrollbar {
    display: none;
}

#carousel-module__carousel-main {
    display: flex;
    max-height: 300px;
    width: 100%;
}

.carousel-module__card {
    min-width: 250px;
    margin-right: 30px;
    margin-bottom: 10px;
    background-color: white;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    opacity: 0.95;
    cursor: pointer;
    transition: 0.1s;
}

.carousel-module__card:hover {
    opacity: 1;
}

.carousel-module__card-image {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    height: 180px;
    padding: 8px;
    border-radius: 10px;
    background-position: center;
    background-size: cover;
}

.carousel-module__card-image-pellet {
    height: 24px;
    margin-right: 6px;
    padding: 5px 10px;
    border-radius: 5px;
    font-family: "Raleway", sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
}

.pellet-invest {
    background-color: #a6e4ff;
    color: #002a7b;
}

.pellet-neuf {
    background-color: #002a7b;
    color: white;
}

.pellet-viager {
    background-color: #00b3ff;
    color: white;
}

.pellet-pro {
    background-color: white;
    color: #002a7b;
}

.carousel-module__card-image-bottom-band {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 16px;
    background-color: #00b3ff;
    font-family: Raleway, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: white;
}

.carousel-module__card-bottom-fline {
    padding: 4px 8px 0 8px;
    display: flex;
    justify-content: space-between;
}

.carousel-module__card-bottom-fline:hover {
    text-decoration: none;
}

.carousel-module__card-bottom-typology {
    font-family: Helvetica Neue, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #00b3ff;
}

.carousel-module__card-bottom-text {
    font-family: Helvetica Neue, sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    color: #07374e;
}

.carousel-module__card-bottom-sline {
    display: flex;
    flex-direction: column;
    padding: 0 8px 8px 8px;
}

.carousel-module__button-more-div {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.carousel-module__button-more {
    width: 300px;
    border: 1px solid #00b3ff;
    border-radius: 20px;
    color: #00b3ff;
    background-color: inherit;
    font-size: 18px;
    min-height: 40px;
    cursor: pointer;
    font-weight: bold;
}

.carousel-module__button-more:hover {
    background-color: #00b3ff;
    color: white;
    transition: 0.1s;
}
/* End bloc Agence*/
/* HOMEPAGE BLoc Blog [debut]*/

@media screen and (max-width: 1200px) {
    .blog_conseils {
        margin-bottom: 50px;
    }
}

.blog_conseils {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.blog h3 {
    min-height: 60px;
}

.blog .link-more {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.blog .link-more a {
    color: #00b3ff;
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-right: 15px;
}

.blog_conseils .blog_conseils_title {
    color: #07374e;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.blog_conseils h3.blog_conseils_title {
    color: #07374e;
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    transition: color 0.3s linear;
    margin-bottom: 10px;
}

.blog_conseils .blog_conseils_text {
    color: black;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}

.blog_link {
    color: #07374e;
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    transition: color 0.3s linear;
}

.blog_link:hover {
    color: #0e6e9c;
}

.blog_conseils .blog_conseils_link:hover {
    color: #0e6e9c;
}

.blog_last-articles {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.blog_last-articles h3 {
    border-bottom: 1px solid #07374e;
}

.blog_last-articles .blog_last-articles_title {
    color: #07374e;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}

.blog_last-articles .blog_last-articles_link {
    color: #07374e;
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    transition: color 0.3s linear;
}

.blog_last-articles .blog_last-articles_link:hover {
    color: #0e6e9c;
}

.post_blog_conseil {
    display: flex;
    margin: 1rem 0;
    align-items: center;
}

.post_blog_conseil .blog_conseils_title {
    color: #07374e;
    transition: color 0.3s linear;
}

.post_blog_conseil:hover .blog_conseils_title {
    color: #0e6e9c;
}

.post_blog_conseil>a {
    padding: 0px;
}

@media screen and (max-width: 768px) {
    .post_blog_conseil {
        flex-direction: column !important;
    }
}

.p-0 {
    padding: 0px;
}

.img-api-conseil {
    padding: 0;
    border-radius: 10px;
    z-index: 10;
    width: 100%;
    max-height: 120px;
    object-fit: cover;
}

.img-api-conseil-wrapper {
    padding: 0;
    border-radius: 10px;
    z-index: 100;
    position: relative;
}

.img-api-conseil-wrapper:after {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(0deg, #000, transparent);
    top: 0;
    left: 0;
    opacity: 0.5;
    border-radius: 10px;
}
/* HOMEPAGE BLoc Blog [fin]*/
/* Footer */

.custom-footer {
    background-color: #fff;
}

@media screen and (min-width: 768px) {
    .custom-footer .container {
        display: flex;
    }
}

.first-part-footer {
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
}

footer .logo img {
    width: 135px;
}

footer>.container {
    padding-top: 10px;
}

footer .container-logo-footer {
    padding-bottom: 10px;
    padding-top: 50px;
}

.first-part-footer .button-espace-client-footer,
.first-part-footer .button-actu,
.first-part-footer .button-actu>a {
    height: 30px;
    width: 180px;
    border-radius: 24px;
    background-color: #00b3ff;
    border: 0;
    color: #fff;
    font-weight: 700;
    z-index: 1;
    font-family: Raleway;
    font-size: 12px;
    outline: none;
}

.first-part-footer .espaces-clients-button-footer {
    position: relative;
    width: 180px;
    display: flex;
    margin-bottom: 3rem;
}

.first-part-footer .menu-espaces-clients-mobile-container {
    display: none;
    top: calc(100% - 22px);
    position: absolute;
    width: 100%;
    padding-top: 25px;
    z-index: 0;
    box-shadow: lightgrey 0.5px 0.5px 4px;
}

.first-part-footer>p,
.second-part-footer>p,
.rubrique-actu>p {
    margin: 0;
    color: #002a7b;
    font-family: "Raleway", Sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1em;
    margin-bottom: 7px;
}

.rubrique-actu>button {
    margin-top: 3rem;
}

.second-part-footer {
    margin-bottom: 30px;
}

.second-part-footer .single-filliale .title-filliale {
    color: #00aeef;
    font-size: 12px;
    font-weight: bold;
}

.second-part-footer .single-filliale span {
    font-size: 12px;
    display: block;
    font-weight: lighter;
}

.third-part-footer>p {
    margin: 0;
    color: #002a7b;
    font-family: "Raleway", Sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1em;
    margin-bottom: 7px;
}

.third-part-footer>p:not(:first-child) {
    margin-top: 15px;
}

.third-part-footer ul {
    list-style: none;
    padding-left: 0;
}

.third-part-footer a:hover {
    color: #00aeef;
}

.third-part-footer .contactez-nous-footer {
    font-family: "Raleway", Sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    fill: #fff;
    color: #fff;
    background-color: #00b3ff;
    border-radius: 20px 20px 20px 20px;
    padding: 6px 32px 6px 32px;
}

.third-part-footer .single-question {
    display: flex;
    align-items: center;
    margin: 1rem 0;
}

.third-part-footer .single-question .container-image {
    width: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.third-part-footer .single-question .container-image img {
    max-width: 35px;
    max-height: 35px;
}

.third-part-footer .single-question a {
    font-weight: bold;
}

.agency-map__section {
    margin-top: 50px;
}

@media screen and (min-width: 768px) {
    .first-part-footer>p,
    .second-part-footer>p {
        font-size: 18px;
        margin-bottom: 16px;
    }
    .contact-annonce {
        display: flex;
        align-items: center;
        margin: 50px auto;
        font-family: "Raleway", sans-serif;
    }
    .contact-annonce .contact-content-annonce {
        width: 65%;
    }
    .contact-annonce .contact-content-annonce .info-contact-annoce {
        font-size: 28px;
        text-align: left;
        font-weight: bold;
        color: #07374e;
        font-family: "Montserrat", sans-serif;
    }
    .contact-annonce .contact-button-annonce {
        width: 35%;
    }
    .contact-annonce .contact-button-annonce a {
        float: right;
    }
    .second-part-footer .filliales {
        display: flex;
        flex-wrap: wrap;
    }
    .second-part-footer .single-filliale {
        width: 33%;
        margin: 1rem 0;
        padding: 0 10px 0 0;
    }
    .first-part-footer>p,
    .second-part-footer>p,
    .rubrique-actu>p {
        font-size: 18px;
        margin-bottom: 16px;
    }
    .first-part-footer .logo {
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 1024px) {
    .container {
        padding: 25px 0;
    }
    .container-input-search {
        box-shadow: 0.5px 0.5px 4px lightgrey;
        border-radius: 24px;
        margin-right: 0;
    }
    .container-input-search .send-search-city {
        /*width: 20px;*/
    }
    .custom-header .left-desktop-header {
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: flex-end;
    }
    .mobile-button {
        display: none;
    }
    .custom-header {
        box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.07);
    }
    .top-menu-principal {
        display: flex;
        flex: 3;
        padding-right: 40px;
    }
    .top-menu-principal ul {
        display: flex;
        list-style: none;
        width: 100%;
        margin: 0;
        padding: 0;
        justify-content: center;
    }
    .top-menu-principal ul li {
        padding: 0 11px;
        border-right: 1px solid;
        border-color: #07374e;
        display: flex;
        align-items: center;
        height: 16px;
    }
    .top-menu-principal ul li:last-child {
        border-right: none;
    }
    .top-menu-principal ul li a {
        color: #07374e;
        font-size: 12px;
        font-weight: 700;
    }
    .top-menu-principal ul li a img {
        width: 16px;
        height: 16px;
        margin: 5px;
        object-fit: contain;
    }
    .custom-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #fff;
        height: 60px;
        /*position: fixed;*/
    }
    .custom-header .logo {
        flex: 1;
        padding-left: 1rem;
    }
    .custom-header .logo a img {
        width: 94px;
        height: 30px;
    }
    #menu-menu-principal {
        list-style: none;
        display: flex;
        justify-content: center;
    }
    #menu-menu-principal>li {
        display: block;
    }
    #menu-menu-principal>li a {
        color: #07374e;
        font-size: 12px;
        height: 14px;
        line-height: 14px;
        font-weight: bold;
        display: flex;
        align-items: center;
        font-weight: 700;
        font-family: "Raleway", sans-serif;
    }
    #menu-menu-principal>li a img {
        max-width: 16px;
        max-height: 16px;
        width: auto;
        margin-right: 8px;
    }
    #menu-menu-principal>li:first-child a {
        border: none;
    }
    .left-desktop-header {
        position: relative;
    }
    .left-desktop-header .button-desktop-espace-client {
        height: 40px;
        width: 120px;
        border-radius: 24px;
        background-color: #00b3ff;
        border: 0;
        color: #fff;
        font-weight: 700;
        z-index: 1;
        font-size: 12px;
        display: flex;
        align-items: center;
    }
    .top-menu-principal #menu-menu-principal {
        margin: 0;
    }
    .left-desktop-header .menu-espaces-clients-mobile-container {
        position: absolute;
        display: none;
        width: 100%;
        top: calc(100% - 20px);
        z-index: -1;
        padding-top: 30px;
        box-shadow: 0.5px 0.5px 4px lightgrey;
    }
    .left-desktop-header .menu-espaces-clients-mobile-container #menu-espaces-clients-mobile {
        margin: 0;
    }
    .left-desktop-header .menu-espaces-clients-mobile-container #menu-espaces-clients-mobile>li {
        padding: 0;
    }
    .left-desktop-header .menu-espaces-clients-mobile-container #menu-espaces-clients-mobile>li>a {
        font-weight: 700;
        font-size: 12px;
        color: #002a7b;
        width: 100%;
        display: block;
    }
    #menu-espaces-clients-mobile .menu-item-has-children>a:after {
        right: 0;
    }
    body:not(.home) #menu-espaces-clients-mobile .menu-item-has-children>a:after {
        right: 0px;
    }
    body.home #menu-espaces-clients-mobile .menu-item-has-children>a:after {
        right: -20px;
    }
    #menu-espaces-clients-mobile .menu-item-has-children>a:after {
        transform: translateY(-50%);
    }
    .left-desktop-header .menu-espaces-clients-mobile-container #menu-espaces-clients-mobile .sub-menu img {
        height: 30px;
        width: auto;
    }
    .custom-footer .container {
        display: flex;
    }
    .first-part-footer {
        flex: 1.7;
    }
    .second-part-footer {
        flex: 2;
    }
    .third-part-footer {
        flex: 1;
        padding-left: 5rem;
    }
    footer .container-logo-footer {
        padding: 0;
        padding-top: 50px;
    }
    #sergic-all-job-immo .job .job-content span {
        display: none;
    }
}
/* nav pied de page [debut] */

.social-footer a:hover {
    text-decoration: none;
}

.menu_bas_de_page {
    margin-top: 20px;
}

.menu_bas_de_page ul {
    display: flex;
    justify-content: center;
    list-style: none;
}

.menu_bas_de_page ul li {
    position: relative;
}

.menu_bas_de_page ul li a {
    color: #00b3ff;
    cursor: pointer;
}

.menu_bas_de_page ul li a:hover {
    color: #00b3ff;
}

@media screen and (min-width: 780px) {
    /*desktop*/
    .menu_bas_de_page {
        width: 100%;
    }
    .menu_bas_de_page ul {
        flex-direction: row;
    }
    .menu_bas_de_page ul li {
        border-left: 2px solid #00aeef;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 12px;
        line-height: 16px;
    }
    .menu_bas_de_page ul li:first-child {
        margin-left: 0px;
        border-left: none;
    }
    .menu_bas_de_page ul li:last-child {
        margin-right: 0px;
    }
}

@media screen and (max-width: 780px) {
    /*mobile*/
    .menu_bas_de_page ul {
        flex-direction: column;
        padding-left: 0;
    }
    .menu_bas_de_page ul li {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .menu_bas_de_page ul li:first-child {
        margin-top: 0px;
    }
    .menu_bas_de_page ul li:last-child {
        margin-bottom: 0px;
    }
}

.menu-menu-gauche-container {
    display: none;
}

@media screen and (min-width: 768px) {
    .menu-menu-gauche-container {
        display: block;
    }
}
/* nav pied de page [fin] */
/* End footer */
/* End Homepage */
/* gestion de copro */

#sergic-bloc-testify-pages {
    margin: -1rem auto 2rem;
    position: relative;
    display: flex;
    justify-content: space-between;
}

#sergic-bloc-testify-pages .sergic-employees-testify {
    width: 70%;
    background: #fff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .07);
    border-radius: 20px;
    position: relative;
    padding: 5rem 7rem;
}

.sergic-img-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.sergic-img-wrapper img {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

#sergic-bloc-testify-pages .sergic-customers-testify {
    width: 28%;
}

#sergic-bloc-testify-pages .sergic-employees-testify .sergic-testify-block,
#sergic-bloc-testify-pages .sergic-customers-testify .sergic-testify-block {
    background: #fff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .07);
    border-radius: 20px;
    height: 400px;
}

#sergic-bloc-testify-pages .sergic-employees-testify>span,
#sergic-bloc-testify-pages .sergic-customers-testify>span {
    text-align: left;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #fff;
    text-shadow: 0px 0px 2px #000;
    position: absolute;
    top: -50px;
}

@media screen and (max-width: 768px) {
    #sergic-bloc-testify-pages {
        flex-direction: column;
    }
    #sergic-bloc-testify-pages .sergic-employees-testify {
        width: 100%;
        padding: 1rem;
    }
    #sergic-bloc-testify-pages .sergic-employees-testify>span,
    #sergic-bloc-testify-pages .sergic-customers-testify>span {
        position: relative;
        top: -10px;
    }
    .sergic-employees-witnesses-block {
        width: 100% !important;
    }
}

#sergic-syndic-offer {
    margin: 1rem auto 3rem;
}

#sergic-syndic-offer h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 38px;
    font-weight: 700;
    color: #07374e;
    margin: 0 0 3rem 0;
}

#sergic-syndic-offer .sergic-syndic-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    padding: 0 15px;
}

#sergic-syndic-offer .sergic-syndic-wrapper .sergic-syndic {
    border-radius: 12px;
    width: 31%;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .07);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#sergic-syndic-offer .sergic-syndic-wrapper .sergic-syndic .sergic-syndic-banner {
    color: #fff;
    display: flex;
    flex-direction: column;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    padding: 10px 20px;
    font-family: 'Raleway';
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;
    min-height: 130px;
    justify-content: space-between;
}

#sergic-syndic-offer .sergic-syndic-wrapper .sergic-syndic .sergic-syndic-banner span:first-child {
    font-weight: 700;
    font-size: 16px;
}

#sergic-syndic-offer .sergic-syndic-wrapper .sergic-syndic .sergic-syndic-primary-block {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px;
    height: 100%;
}

#sergic-syndic-offer .sergic-syndic-wrapper .sergic-syndic .sergic-syndic-primary-block>img {
    width: 60%;
    height: 70px;
    object-fit: contain;
}

#sergic-syndic-offer .sergic-syndic-wrapper .sergic-syndic .sergic-syndic-primary-block .sergic-syndic-skill-list-wrapper {
    display: flex;
}

#sergic-syndic-offer .sergic-syndic-wrapper .sergic-syndic .sergic-syndic-primary-block .sergic-syndic-skill-list-wrapper .sergic-syndic-skill-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100px;
    margin: 1rem auto;
    justify-content: space-between;
}

#sergic-syndic-offer .sergic-syndic-wrapper .sergic-syndic .sergic-syndic-primary-block .sergic-syndic-skill-list-wrapper .sergic-syndic-skill-list img {
    width: 20px;
}

#sergic-syndic-offer .sergic-syndic-wrapper .sergic-syndic .sergic-syndic-primary-block .sergic-syndic-skill-list-wrapper .sergic-syndic-skill-list span {
    font-family: 'Raleway';
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    padding: 0 10px;
    text-align: center;
}

#sergic-syndic-offer .sergic-syndic-wrapper .sergic-syndic .sergic-syndic-table-bloc {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    padding: 15px 15px 5px 15px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

#sergic-syndic-offer .sergic-syndic-wrapper .sergic-syndic .sergic-syndic-table-bloc span.open-table {
    font-weight: 700;
    color: #07374e;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    font-family: 'Raleway';
    font-size: 18px;
}

#sergic-syndic-offer .sergic-syndic-wrapper .sergic-syndic .sergic-syndic-table-bloc span.open-table:hover {
    text-decoration: underline;
    transition: all 0.3s ease;
}

#sergic-syndic-offer .sergic-syndic-wrapper .sergic-syndic .sergic-syndic-table-bloc span.open-table:after {
    content: "";
    background-image: url('/wp-content/themes/sergic/assets/img/chevron-input.svg');
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 15px;
    height: 10px;
    transition: all 0.3s ease;
}

#sergic-syndic-offer .sergic-syndic-wrapper .sergic-syndic .sergic-syndic-table-bloc span.open-table.active:after {
    transform: rotate(180deg);
    transition: all 0.3s ease;
}

@media screen and (max-width: 768px) {
    #sergic-syndic-offer h2 {
        font-size: 24px;
        margin-bottom: 1rem;
    }
    #sergic-syndic-offer .sergic-syndic-wrapper .sergic-syndic {
        width: 95% !important;
        margin: 1rem 0 !important;
    }
    #sergic-syndic-offer {
        padding: 0 10px;
    }
}

.sergic-syndic-table-wrapper {
    display: none;
    list-style: none;
    padding: 20px;
    background-color: #f8f8f8;
    min-height: 515px;
}

.sergic-syndic-table-wrapper .sergic-syndic-table {
    display: flex;
    justify-content: space-between;
    margin: 0.5rem 0;
    align-items: center;
}

.sergic-syndic-table-wrapper .sergic-syndic-table .sergic-syndic-description-choice {
    font-weight: 300;
    font-size: 18px;
    color: #07374e;
}

.sergic-syndic-choice-us {
    color: #00b3ff;
    background-color: rgba(0, 179, 255, .1);
    width: 65px;
    padding: 3px 3px 3px 3px;
    border-radius: 20px;
    display: inline-block;
    text-align: center;
    font-family: 'Raleway';
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
}

.sergic-syndic-choice-together {
    color: #00958d;
    background-color: rgba(0, 149, 141, .1);
    width: 65px;
    padding: 3px 3px 3px 3px;
    border-radius: 20px;
    display: inline-block;
    text-align: center;
    font-family: 'Raleway';
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
}

.sergic-syndic-choice-you {
    color: #bc0024;
    background-color: rgba(188, 0, 36, .1);
    width: 65px;
    padding: 3px 3px 3px 3px;
    border-radius: 20px;
    display: inline-block;
    text-align: center;
    font-family: 'Raleway';
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
}

#sergic-syndic-offer .sergic-syndic-wrapper .sergic-syndic .sergic-syndic-table-bloc .sergic-syndic-table-wrapper .sergic-syndic-price {
    text-align: center;
}

#sergic-syndic-offer .sergic-syndic-wrapper .sergic-syndic .sergic-syndic-table-bloc .sergic-syndic-button {
    text-align: center;
    margin: 3rem 0 1rem 0;
}

#sergic-syndic-offer .sergic-syndic-wrapper .sergic-syndic .sergic-syndic-table-bloc .sergic-syndic-button a {
    font-weight: 700;
    font-size: 18px;
    width: 200px;
    border-radius: 20px;
    padding: 5px 20px;
    color: #fff;
    text-decoration: none;
}

#sergic-syndic-offer .sergic-syndic-legends {
    margin-top: 2rem;
    font-size: 12px;
    font-weight: 300;
}

@media screen and (max-width: 830px) {
    #sergic-syndic-offer .sergic-syndic-wrapper {
        flex-direction: column;
        padding: 0;
    }
    #sergic-syndic-offer .sergic-syndic-wrapper .sergic-syndic {
        width: 60%;
        margin: 2rem auto;
    }
    #sergic-syndic-offer .sergic-syndic-legends {
        padding-left: 6px;
    }
    .sergic-syndic-table-wrapper .sergic-syndic-table .sergic-syndic-description-choice {
        font-size: 14px;
    }
}

#sergic-engagment .sergic-engagment-table-wrapper {
    width: 100%;
    padding: 30px;
    background-color: #fff;
    border-radius: 12px;
}

#sergic-engagment .sergic-engagment-table-wrapper table {
    width: 100%;
}

#sergic-engagment .sergic-engagment-table-wrapper .sergic-engagment-liste {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0;
}

#sergic-engagment .sergic-engagment-table-wrapper .sergic-engagment-liste p {
    margin-bottom: 0;
}

#sergic-engagment .sergic-engagment-list-icon {
    text-align: center;
    flex: 1;
}

#sergic-engagment h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 38px;
    font-weight: 700;
    color: #07374e;
}

#sergic-engagment h3 {
    font-family: "Raleway", Sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #07374e;
    margin-bottom: 25px;
}

#sergic-engagment .sergic-engagment-list-title {
    flex: 5;
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    color: #002a7b;
    font-family: "Raleway", Sans-serif;
}

.sergic-engagment-list-exclusive-mandate,
.sergic-engagment-list-simple-mandate {
    flex: 3;
    text-align: center;
    font-family: "Raleway", Sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #00b3ff;
}

.sergic-engagment-list-icon-check {
    width: 21px;
}

#sergic-engagment .sergic-engagment-link-wrapper {
    margin: 1rem auto;
    text-align: center;
}

#sergic-engagment .sergic-engagment-link-wrapper .sergic-engagment-link {
    background-color: #00b3ff;
    color: #fff;
    padding: 7px 40px;
    border-radius: 25px;
    font-size: 18px;
    font-weight: 700;
    border: 0;
}

@media screen and (max-width: 768px) {
    #sergic-engagment .sergic-engagment-table-wrapper {
        padding: 15px 5px;
    }
    #sergic-engagment .sergic-engagment-list-title {
        padding-left: 5px;
    }
    #sergic-engagment .sergic-engagment-list-title,
    #sergic-engagment .sergic-engagment-list-exclusive-mandate,
    #sergic-engagment .sergic-engagment-list-simple-mandate {
        font-size: 13px;
    }
}

#sergic-announce-website h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 26px;
    color: #07374e;
    margin-bottom: 0;
    line-height: 38px;
}

#sergic-announce-website .sergic-announce-website-wrapper {
    background-color: #fff;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    align-items: center;
    margin-top: 25px;
}

#sergic-announce-website .sergic-announce-website-wrapper img {
    max-height: 62px;
    padding: 10px;
    height: auto;
    width: auto;
}

@media screen and (max-width: 768px) {
    #sergic-announce-website .sergic-announce-website-wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #sergic-announce-website .sergic-announce-website-wrapper img {
        max-width: 85px;
    }
}
/** Expertise biens location */

#sergic-rental-conditions {
    margin: 2rem auto;
}

#sergic-rental-conditions .sergic-rental-conditions-wrapper {
    display: flex;
    flex-direction: row;
    padding: 20px 15px;
    background-size: cover;
    background-repeat: no-repeat;
    justify-content: space-between;
    min-height: 550px;
    border-radius: 20px;
    flex-direction: row;
    position: relative;
}

#sergic-rental-conditions .sergic-rental-conditions-wrapper>div {
    flex: 1;
    z-index: 1;
    padding: 30px 20px;
}

#sergic-rental-conditions .sergic-rental-conditions-wrapper h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 38px;
    font-weight: 700;
    color: #fff;
}

#sergic-rental-conditions .sergic-rental-conditions-wrapper .sergic-rental-conditions-link {
    background-color: #fff;
    border-radius: 20px;
    border: none;
    color: #00aeef;
    font-weight: 700;
    display: inline-block;
    margin: 3rem auto 0;
    padding: 8px 50px;
    text-align: center;
    box-sizing: border-box;
    transition: .2s;
    font-family: "Raleway", Sans-serif;
    font-size: 18px;
}

#sergic-rental-conditions .sergic-rental-conditions-wrapper .card-body .rental-conditions-sublink a::after {
    content: "➔";
    padding-left: 15px;
}

#sergic-rental-conditions .sergic-rental-conditions-wrapper .sergic-rental-conditions-link:hover {
    border: 0;
    scale: 1.01;
    text-decoration: none;
}

#sergic-rental-conditions .sergic-rental-conditions-wrapper #sergic-rental-conditions-accordion {
    background-color: #fff;
    border-radius: 20px;
}

#sergic-rental-conditions .sergic-rental-conditions-wrapper .card {
    border: none;
    border-radius: 20px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .07);
}

#sergic-rental-conditions .sergic-rental-conditions-wrapper .card .card-header {
    border: none;
}

#sergic-rental-conditions .sergic-rental-conditions-wrapper .card .card-header h5 button {
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 20px;
    color: #00ace9;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#sergic-rental-conditions .sergic-rental-conditions-wrapper .card .card-header h5 button:focus {
    box-shadow: none;
}

#sergic-rental-conditions .sergic-rental-conditions-wrapper .card .card-header h5 button img {
    max-width: 50px;
    max-height: 50px;
    margin-right: 20px;
    padding-left: 3%;
}

#sergic-rental-conditions .sergic-rental-conditions-wrapper .card-body {
    font-family: 'Raleway';
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;
    color: #07374e;
}

#sergic-rental-conditions .sergic-rental-conditions-wrapper .card-body .rental-conditions-sublink {
    text-align: end;
}

#sergic-rental-conditions .sergic-rental-conditions-wrapper .card-body .rental-conditions-sublink a {
    font-weight: 700;
    font-size: 18px;
    color: #bdbdbd;
}

.sergic-magellan-gradient {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
    border-radius: 20px;
}

.sergic-magellan-description {
    font-family: "Raleway", Sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    color: #fff;
}

#sergic-rental-conditions .sergic-rental-conditions-wrapper .card .sergic-rental-arrow {
    display: inline-block;
    position: absolute;
    right: 10%;
    bottom: 50%;
    font-weight: bold;
    font-size: 21px;
    transition: 0.2s;
    transform: translateY(50%);
    cursor: pointer;
}

div[aria-expanded="true"] .sergic-rental-arrow {
    transform: translateY(50%) rotate(-180deg) !important;
}

.card-header {
    position: relative;
}

@media screen and (max-width: 768px) {
    #sergic-rental-conditions .sergic-rental-conditions-wrapper {
        flex-direction: column;
    }
    #sergic-rental-conditions .sergic-rental-conditions-wrapper .sergic-rental-conditions-title-link {
        margin-bottom: 1rem;
    }
    #sergic-rental-conditions .sergic-rental-conditions-wrapper .sergic-rental-conditions-link {
        display: block;
        width: 100%;
    }
    #sergic-rental-conditions .sergic-rental-conditions-wrapper h2 {
        font-size: 32px;
    }
    #sergic-rental-conditions .sergic-rental-conditions-wrapper>div {
        padding: 0;
    }
    #sergic-rental-conditions .sergic-rental-conditions-wrapper .card .card-header h5 button {
        display: block;
        text-align: left;
        font-size: 16px;
    }
    #sergic-rental-conditions .sergic-rental-conditions-wrapper .card .card-header h5 button img {
        max-width: 40px;
        margin-right: 0;
    }
}

#sergic-cautioneo {
    margin: 5rem auto;
    background-color: #fff;
    border-radius: 12px;
    padding: 0;
}

#sergic-cautioneo .sergic-cautioneo-wrapper {
    display: flex;
    color: #07374e;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
}

#sergic-cautioneo .sergic-cautioneo-wrapper .sergic-cautioneo-img {
    display: flex;
    width: 40%;
}

#sergic-cautioneo .sergic-cautioneo-wrapper .sergic-cautioneo-img img {
    border-radius: 12px;
    height: auto;
    object-fit: contain;
    width: 100%;
    max-width: 450px !important;
}

#sergic-cautioneo .sergic-cautioneo-wrapper .sergic-cautioneo-desc {
    padding: 30px 35px 20px 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 60%;
}

#sergic-cautioneo .sergic-cautioneo-wrapper .sergic-cautioneo-desc h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 38px;
    font-weight: 700;
}

#sergic-cautioneo .sergic-cautioneo-wrapper .sergic-cautioneo-desc div {
    color: #07374e;
    font-family: "Raleway", Sans-serif;
    font-size: 18px;
    font-weight: 400;
}

#sergic-cautioneo .sergic-cautioneo-wrapper .sergic-cautioneo-desc .sergic-cautioneo-link {
    text-align: end;
    padding-right: 3rem;
}

#sergic-cautioneo .sergic-cautioneo-wrapper .sergic-cautioneo-desc .sergic-cautioneo-link a {
    color: #002a7b;
    font-weight: 700;
    position: relative;
}

#sergic-cautioneo .sergic-cautioneo-wrapper .sergic-cautioneo-desc .sergic-cautioneo-link a:after {
    content: "";
    position: absolute;
    left: 105%;
    background-image: url('/wp-content/themes/sergic/assets/assets_custom/arrow-right-marine-blue.svg');
    width: 22px;
    height: 17px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 4px;
}

@media screen and (max-width: 768px) {
    #sergic-cautioneo {
        margin: auto;
        margin-bottom: 25px;
        max-width: 95%;
    }
    #sergic-cautioneo .sergic-cautioneo-wrapper {
        flex-direction: column;
    }
    #sergic-cautioneo .sergic-cautioneo-wrapper .sergic-cautioneo-img {
        max-width: 100% !important;
        width: 100% !important;
    }
    #sergic-cautioneo .sergic-cautioneo-wrapper .sergic-cautioneo-img img {
        max-width: 100% !important;
    }
    #sergic-cautioneo .sergic-cautioneo-wrapper .sergic-cautioneo-desc {
        padding: 30px 15px;
        width: 100%;
    }
    #sergic-cautioneo .sergic-cautioneo-wrapper .sergic-cautioneo-desc h2 {
        font-size: 24px;
    }
    #sergic-cautioneo .sergic-cautioneo-wrapper .sergic-pro-desc div {
        font-size: 12px;
        line-height: 22px;
    }
}

#sergic-opal-coast-vacation .sergic-opal-coast-vacation-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    padding: 35px 25px;
    min-height: 270px;
    border-radius: 20px;
    margin: 3rem auto 1rem;
}

#sergic-opal-coast-vacation .sergic-opal-coast-vacation-wrapper h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 38px;
    font-weight: 700;
    color: #fff;
    width: 70%;
    text-align: end;
}

#sergic-opal-coast-vacation .sergic-opal-coast-vacation-wrapper a {
    font-family: "Raleway", Sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: transparent;
    border-radius: 24px;
    padding: 5px 30px;
    border: 1px solid #fff;
    text-decoration: none;
}

#sergic-opal-coast-vacation .sergic-opal-coast-vacation-wrapper a:hover {
    text-decoration: none;
    color: #000;
    background-color: #fff;
    transition: all 0.3s ease;
}

@media screen and (max-width: 768px) {
    #sergic-opal-coast-vacation .sergic-opal-coast-vacation-wrapper h2 {
        width: 100%;
        font-size: 22px;
    }
    #sergic-opal-coast-vacation .sergic-opal-coast-vacation-wrapper a {
        padding: 5px 20px;
    }
}
/* Fin expertise biens location */
/** Expertise biens vacances */

#sergic-additional-income .sergic-additional-income-wrapper {
    display: flex;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 3px 5px 6px rgba(0, 0, 0, .3);
    padding: 35px 45px;
}

#sergic-additional-income .sergic-additional-income-wrapper>div {
    flex: 1 auto;
    margin: 10px;
}

#sergic-additional-income .sergic-additional-income-wrapper>div:last-child {
    margin-right: 0;
}

#sergic-additional-income .sergic-additional-income-wrapper .sergic-additional-income-content-advantage {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#sergic-additional-income .sergic-additional-income-wrapper h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #07374e;
    line-height: 1;
}

#sergic-additional-income .sergic-additional-income-wrapper h3 {
    font-family: "Raleway", Sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #07374e;
}

#sergic-additional-income .sergic-additional-income-wrapper h4 {
    font-family: "Raleway", Sans-serif;
    font-size: 19px;
    font-weight: 700;
    color: #00b3ff;
}

#sergic-additional-income .sergic-additional-income-wrapper span {
    color: #07374e;
    font-family: "Raleway", Sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
}

#sergic-additional-income .sergic-additional-income-wrapper p {
    color: #07374e;
    font-family: "Raleway", Sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 27px;
}

#sergic-additional-income .sergic-additional-income-wrapper .sergic-additional-income-image img {
    width: 100%;
    max-height: 240px;
    object-fit: cover;
    object-position: 50% 70%;
    border-radius: 20px;
}

#sergic-additional-income .sergic-additional-income-wrapper .sergic-additional-advantage {
    display: flex;
    align-items: center;
    margin: 1rem 0;
}

#sergic-additional-income .sergic-additional-income-wrapper .sergic-gestion {
    display: flex;
    flex-wrap: wrap;
    margin: 1rem 0;
    justify-content: space-between;
}

#sergic-additional-income .sergic-additional-income-wrapper .sergic-gestion>div {
    width: 90%;
}

#sergic-additional-income .sergic-additional-income-wrapper .sergic-gestion .sergic-managment-price {
    font-size: 19px;
    font-weight: 700;
    color: #313131;
    font-family: "Raleway", Sans-serif;
}

#sergic-additional-income .sergic-additional-income-wrapper .sergic-gestion span:last-child {
    width: 100%;
}

#sergic-additional-income .sergic-additional-income-wrapper .sergic-additional-income-heading-advantage span {
    font-family: "Raleway", Sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #00b3ff;
}

#sergic-additional-income .sergic-additional-income-wrapper .sergic-additional-income-heading-advantage p {
    font-family: "Raleway", Sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #07374e;
    margin-top: 1rem;
}

#sergic-additional-income .sergic-housekeeping-demand-wrapper .sergic-housekeeping-demand {
    display: flex;
    align-items: center;
}

#sergic-additional-income .sergic-additional-income-cleaning-wrapper {
    display: flex;
    justify-content: center;
    margin: 3rem auto 0;
}

#sergic-additional-income .sergic-additional-income-cleaning-wrapper .sergic-additional-income-cleaning {
    display: flex;
    flex-direction: column;
    width: 68px;
    border: 1px solid #a6e4ff;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    margin: 0 5px;
}

#sergic-additional-income .sergic-additional-income-cleaning-wrapper .sergic-additional-income-cleaning span:first-child {
    background-color: #a6e4ff;
    color: #00b3ff;
    font-family: "Raleway", Sans-serif;
    font-size: 12px;
    font-weight: 700;
    border-bottom: 1px solid #a6e4ff;
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-align: center;
}

#sergic-additional-income .sergic-additional-income-cleaning-wrapper .sergic-additional-income-cleaning span:last-child {
    color: #07374e;
    font-family: "Raleway", Sans-serif;
    font-size: 12px;
    font-weight: 700;
    margin: 5px;
}

#sergic-additional-income a {
    font-family: "Raleway", Sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #00b3ff;
    border-radius: 24px;
    padding: 5px 50px;
    border: 1px solid #00b3ff;
    float: right;
    margin-right: 3rem;
}

#sergic-additional-income a:hover {
    text-decoration: none;
    background-color: #00b3ff;
    color: #fff;
    transition: all 0.3s ease;
}

@media screen and (max-width: 767px) {
    #sergic-additional-income .sergic-additional-income-wrapper {
        display: flex;
        flex-direction: column;
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 3px 5px 6px rgba(0, 0, 0, .3);
        padding: 35px 15px;
    }
    #sergic-additional-income .sergic-additional-income-wrapper .sergic-additional-income-content {
        width: 100%;
    }
    #sergic-additional-income .sergic-additional-income-wrapper .sergic-additional-income-image {
        width: 100%;
        text-align: center;
    }
    #sergic-additional-income .sergic-additional-income-wrapper .sergic-additional-income-image img {
        width: 100%;
        max-height: 200px;
    }
}

@media screen and (max-width: 768px) {
    #sergic-additional-income .sergic-additional-income-wrapper .sergic-additional-income-image img {
        max-height: 160px;
    }
    #sergic-additional-income .sergic-additional-income-wrapper .sergic-gestion>div {
        width: 80%;
    }
    #sergic-additional-income .sergic-additional-income-cleaning-wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }
    #sergic-additional-income .sergic-additional-income-cleaning-wrapper .sergic-additional-income-cleaning {
        margin: 0 5px;
    }
    #sergic-additional-income .sergic-additional-income-wrapper .sergic-gestion img {
        object-fit: contain;
    }
}

@media screen and (max-width: 540px) {
    #sergic-additional-income .sergic-additional-income-cleaning-wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }
    #sergic-additional-income .sergic-additional-income-cleaning-wrapper .sergic-additional-income-cleaning {
        margin: 5px;
    }
    #sergic-additional-income .sergic-additional-income-wrapper p {
        font-size: 12px;
        line-height: 22px;
    }
    .sergic-additional-income-link {
        text-align: center;
    }
    #sergic-additional-income a {
        padding: 5px 20px;
        float: none;
        margin-right: 0;
    }
}
/** Fin expertise biens vacances */
/** Page Assurance */

.sergic-unpaid-rent-wrapper {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 7px 7px 0 rgba(0, 0, 0, .05);
    border: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-left: 0;
    padding-bottom: 0;
    align-items: stretch;
    width: 100%;
    margin: 3rem auto 1rem;
    -webkit-appearance: none
}

.sergic-unpaid-rent-wrapper .sergic-unpaid-rent-img-wrapper {
    width: 45%;
}

.sergic-unpaid-rent-wrapper .sergic-unpaid-rent-img-wrapper img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
}

.sergic-unpaid-rent-wrapper .sergic-unpaid-rent-content-wrapper {
    width: 65%;
    text-align: left;
    color: #07374e;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sergic-unpaid-rent-wrapper .sergic-unpaid-rent-content-wrapper h2 {
    font-size: 18px;
    font-weight: 700;
    font-family: "Raleway", Sans-serif;
    margin-bottom: 1rem;
}

.sergic-unpaid-rent-wrapper .sergic-unpaid-rent-content-wrapper div {
    font-family: "Raleway", Sans-serif;
    font-size: 12px;
    line-height: 18px;
}

.sergic-unpaid-rent-wrapper:hover {
    text-decoration: none !important;
}

@media screen and (max-width: 768px) {
    .sergic-unpaid-rent-wrapper {
        flex-direction: column;
        padding-right: 0;
    }
    .sergic-unpaid-rent-wrapper .sergic-unpaid-rent-img-wrapper {
        width: 100%;
    }
    .sergic-unpaid-rent-wrapper .sergic-unpaid-rent-content-wrapper {
        width: 100%;
    }
    .sergic-unpaid-rent-wrapper .sergic-unpaid-rent-img-wrapper img {
        width: 100%;
        max-height: 220px;
    }
    .sergic-unpaid-rent-wrapper .sergic-unpaid-rent-content-wrapper {
        padding: 1rem 2rem;
    }
}

#sergic-information-insurance .sergic-information-insurance-wrapper {
    color: #00b3ff;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 22px;
}

#sergic-need-advice .sergic-need-advice-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

#sergic-need-advice .sergic-need-advice-wrapper .sergic-need-advice-title {
    width: 45%;
}

#sergic-need-advice .sergic-need-advice-wrapper .sergic-need-advice-title h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 38px;
    font-weight: 700;
    color: #07374e;
    line-height: 1;
}

#sergic-need-advice .sergic-need-advice-wrapper .sergic-need-advice-link-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 45%;
}

#sergic-need-advice .sergic-need-advice-wrapper .sergic-need-advice-link-wrapper a {
    font-family: "Raleway", Sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #00b3ff;
    border-radius: 24px;
    padding: 7px 30px;
    text-align: center;
}

@media screen and (max-width: 1024px) {
    #sergic-need-advice .sergic-need-advice-wrapper .sergic-need-advice-link-wrapper {
        width: 55%;
    }
}

@media screen and (max-width: 991px) {
    #sergic-need-advice .sergic-need-advice-wrapper {
        flex-direction: column;
    }
    #sergic-need-advice .sergic-need-advice-wrapper .sergic-need-advice-title {
        width: 100%;
    }
    #sergic-need-advice .sergic-need-advice-wrapper .sergic-need-advice-link-wrapper {
        width: 100%;
        margin: 2rem auto;
    }
}

@media screen and (max-width: 465px) {
    #sergic-need-advice .sergic-need-advice-wrapper .sergic-need-advice-link-wrapper {
        flex-direction: column;
    }
    #sergic-need-advice .sergic-need-advice-wrapper .sergic-need-advice-link-wrapper a {
        width: 80%;
        margin: 1rem auto;
    }
}
/* Fin page assurance */
/** Page entreprise pro */

#sergic-estate-expertise .sergic-estate-expertise-wrapper .sergic-estate-expertise-title h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 38px;
    color: #07374e;
    margin-bottom: 3rem;
}

#sergic-estate-expertise .sergic-estate-expertise-wrapper .sergic-estate-expertise-repeater .sergic-the-expertise-estate {
    display: flex;
    flex-direction: row;
    background-color: #fff;
    border-radius: 20px;
    margin: 2rem 0;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
}

#sergic-estate-expertise .sergic-estate-expertise-wrapper .sergic-estate-expertise-repeater .sergic-the-expertise-estate:nth-child(2n) {
    flex-direction: row-reverse;
}

#sergic-estate-expertise .sergic-estate-expertise-wrapper .sergic-estate-expertise-repeater .sergic-the-expertise-estate .sergic-the-expertise-estate-img-wrapper {
    width: 35%;
    position: relative;
}

#sergic-estate-expertise .sergic-estate-expertise-wrapper .sergic-estate-expertise-repeater .sergic-the-expertise-estate .sergic-the-expertise-estate-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
    position: absolute;
}

#sergic-estate-expertise .sergic-estate-expertise-wrapper .sergic-estate-expertise-repeater .sergic-the-expertise-estate .sergic-the-expertise-estate-content-wrapper {
    width: 65%;
    padding: 1rem 2rem;
}

#sergic-estate-expertise .sergic-estate-expertise-wrapper .sergic-estate-expertise-repeater .sergic-the-expertise-estate .sergic-the-expertise-estate-content-wrapper h3 {
    font-family: "Montserrat", sans-serif;
    font-size: 38px;
    font-weight: 700;
    color: #07374e;
}

#sergic-estate-expertise .sergic-estate-expertise-wrapper .sergic-estate-expertise-repeater .sergic-the-expertise-estate .sergic-the-expertise-estate-content-wrapper ul {
    color: #07374e;
    font-family: "Raleway", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    list-style: inside;
}

#sergic-estate-expertise .sergic-estate-expertise-wrapper .sergic-estate-expertise-repeater .sergic-the-expertise-estate .sergic-the-expertise-estate-content-wrapper .sergic-the-expertise-estate-link {
    text-align: end;
}

#sergic-estate-expertise .sergic-estate-expertise-wrapper .sergic-estate-expertise-repeater .sergic-the-expertise-estate .sergic-the-expertise-estate-content-wrapper .sergic-the-expertise-estate-link a {
    font-family: "Helvetica", Sans-serif;
    font-weight: 700;
    color: #00b3ff;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 20px;
    padding: 10px 22px;
    border: 1px solid #00b3ff;
}

@media screen and (max-width: 768px) {
    #sergic-estate-expertise {
        margin: 3rem auto 1rem;
    }
    #sergic-estate-expertise .sergic-estate-expertise-wrapper .sergic-estate-expertise-title h2 {
        font-size: 24px;
        margin-bottom: 1rem;
    }
    #sergic-estate-expertise .sergic-estate-expertise-wrapper .sergic-estate-expertise-repeater .sergic-the-expertise-estate {
        flex-direction: column;
    }
    #sergic-estate-expertise .sergic-estate-expertise-wrapper .sergic-estate-expertise-repeater .sergic-the-expertise-estate .sergic-the-expertise-estate-img-wrapper {
        width: 100%;
        height: 204px;
    }
    #sergic-estate-expertise .sergic-estate-expertise-wrapper .sergic-estate-expertise-repeater .sergic-the-expertise-estate .sergic-the-expertise-estate-content-wrapper {
        width: 100%;
        padding: 1rem;
        margin-left: 0;
    }
    #sergic-estate-expertise .sergic-estate-expertise-wrapper .sergic-estate-expertise-repeater .sergic-the-expertise-estate:nth-child(2n) {
        flex-direction: column;
    }
    #sergic-estate-expertise .sergic-estate-expertise-wrapper .sergic-estate-expertise-repeater .sergic-the-expertise-estate .sergic-the-expertise-estate-content-wrapper h3 {
        font-size: 22px;
    }
    #sergic-estate-expertise .sergic-estate-expertise-wrapper .sergic-estate-expertise-repeater .sergic-the-expertise-estate .sergic-the-expertise-estate-content-wrapper .sergic-the-expertise-estate-link {
        text-align: center !important;
    }
}




/* Page pro bloc tertiaire */

#sergic-tertiaire .sergic-tertiaire-wrapper .sergic-tertiaire-title h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 38px;
    color: #07374e;
    margin-bottom: 3rem;
}

#sergic-tertiaire .sergic-tertiaire-wrapper .sergic-tertiaire-repeater .sergic-the-tertiaire {
    display: flex;
    flex-direction: row;
    background-color: #fff;
    border-radius: 20px;
    margin: 2rem 0;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
}

#sergic-tertiaire .sergic-tertiaire-wrapper .sergic-tertiaire-repeater .sergic-the-tertiaire:nth-child(2n) {
    flex-direction: row-reverse;
}

#sergic-tertiaire .sergic-tertiaire-wrapper .sergic-tertiaire-repeater .sergic-the-tertiaire .sergic-the-tertiaire-img-wrapper {
    width: 35%;
    position: relative;
}

#sergic-tertiaire .sergic-tertiaire-wrapper .sergic-tertiaire-repeater .sergic-the-tertiaire .sergic-the-tertiaire-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
    position: absolute;
}

#sergic-tertiaire .sergic-tertiaire-wrapper .sergic-tertiaire-repeater .sergic-the-tertiaire .sergic-the-tertiaire-content-wrapper {
    width: 65%;
    padding: 1rem 2rem;
}

#sergic-tertiaire .sergic-tertiaire-wrapper .sergic-tertiaire-repeater .sergic-the-tertiaire .sergic-the-tertiaire-content-wrapper h3 {
    font-family: "Montserrat", sans-serif;
    font-size: 38px;
    font-weight: 700;
    color: #07374e;
}

#sergic-tertiaire .sergic-tertiaire-wrapper .sergic-tertiaire-repeater .sergic-the-tertiaire .sergic-the-tertiaire-content-wrapper ul {
    color: #07374e;
    font-family: "Raleway", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    list-style: inside;
}

.sergic-the-tertiaire-content-wrapper p {
    color: #07374e;
    font-family: "Raleway", Sans-serif;
    font-size: 18px;
    font-weight: 500;
}

.secondary-tertiaire-link {
    background-color: #00b3ff!important;
    color: #fff!important;
    margin-left: 10px!important;
}

/*#sergic-tertiaire .sergic-tertiaire-wrapper .sergic-tertiaire-repeater .sergic-the-tertiaire .sergic-the-tertiaire-content-wrapper .sergic-the-tertiaire-link {*/
/*    text-align: end;*/
/*}*/

#sergic-tertiaire .sergic-tertiaire-wrapper .sergic-tertiaire-repeater .sergic-the-tertiaire .sergic-the-tertiaire-content-wrapper .sergic-the-tertiaire-link a {
    font-family: "Helvetica", Sans-serif;
    font-weight: 700;
    color: #00b3ff;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 20px;
    padding: 10px 22px;
    border: 1px solid #00b3ff;
}

@media screen and (max-width: 768px) {
    #sergic-tertiaire {
        margin: 3rem auto 1rem;
    }
    #sergic-tertiaire .sergic-tertiaire-wrapper .sergic-tertiaire-title h2 {
        font-size: 24px;
        margin-bottom: 1rem;
    }
    #sergic-tertiaire .sergic-tertiaire-wrapper .sergic-tertiaire-repeater .sergic-the-tertiaire {
        flex-direction: column;
    }
    #sergic-tertiaire .sergic-tertiaire-wrapper .sergic-tertiaire-repeater .sergic-the-tertiaire .sergic-the-tertiaire-img-wrapper {
        width: 100%;
        height: 204px;
    }
    #sergic-tertiaire .sergic-tertiaire-wrapper .sergic-tertiaire-repeater .sergic-the-tertiaire .sergic-the-tertiaire-content-wrapper {
        width: 100%;
        padding: 1rem;
        margin-left: 0;
    }
    #sergic-tertiaire .sergic-tertiaire-wrapper .sergic-tertiaire-repeater .sergic-the-tertiaire:nth-child(2n) {
        flex-direction: column;
    }
    #sergic-tertiaire .sergic-tertiaire-wrapper .sergic-tertiaire-repeater .sergic-the-tertiaire .sergic-the-tertiaire-content-wrapper h3 {
        font-size: 22px;
    }
    #sergic-tertiaire .sergic-tertiaire-wrapper .sergic-tertiaire-repeater .sergic-the-tertiaire .sergic-the-tertiaire-content-wrapper .sergic-the-tertiaire-link {
        text-align: center !important;
    }
}

/* End Page pro bloc tertiaire */







#sergic-advantage .sergic-advantage-wrapper {
    display: flex;
    flex-direction: column;
}

#sergic-advantage .sergic-advantage-wrapper h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 38px;
    color: #07374e;
    margin-bottom: 3rem;
}

#sergic-advantage .sergic-advantage-wrapper .list-advantage-repeater {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

#sergic-advantage .sergic-advantage-wrapper .list-advantage-repeater .the-advantage {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#sergic-advantage .sergic-advantage-wrapper .list-advantage-repeater .the-advantage img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    object-position: center;
    margin-bottom: 2rem;
}

#sergic-advantage .sergic-advantage-wrapper .list-advantage-repeater .the-advantage span {
    font-family: "Raleway", Sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #002a7b;
    width: 70%;
}

@media screen and (max-width: 764px) {
    #sergic-advantage .sergic-advantage-wrapper h2 {
        font-size: 24px;
    }
    #sergic-advantage .sergic-advantage-wrapper .list-advantage-repeater {
        flex-direction: column;
    }
    #sergic-advantage .sergic-advantage-wrapper .list-advantage-repeater .the-advantage img {
        margin-bottom: 1rem;
    }
    #sergic-advantage .sergic-advantage-wrapper .list-advantage-repeater .the-advantage {
        margin: 1rem 0;
    }
}
/* Fin page entreprise pro */
/* test slider */

.container>.verbatim-immo {
    display: flex;
    position: relative;
    top: -170px;
    padding-top: 0;
    margin-bottom: -120px;
}

.verbatim-immo__experts {
    width: 68%;
}

.verbatim-immo__titles {
    text-align: left;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #fff;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.verbatim-immo__experts-bloc {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    height: calc(100% - 48px);
    margin-right: 2%;
    padding: 25px 35px;
    background-color: #fff;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
    border-radius: 20px;
}

.verbatim-immo__pictures-bloc {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    margin-bottom: 20px;
    min-height: 120px;
}

.verbatim-immo__precedent-expert {
    position: absolute;
    left: 0;
    bottom: 15px;
}

.verbatim-immo__next-expert {
    position: absolute;
    right: 0;
    bottom: 15px;
}

.verbatim-immo__arrow-mob-div {
    display: none;
}

.verbatim-immo__pic {
    height: 50px;
    width: 50px;
    margin: 0 8px 10px 8px;
    border-radius: 5px;
    background-position: top;
    background-size: cover;
    transition: 0.1s;
}

.verbatim-immo__central-pic {
    height: 120px;
    width: 120px;
    margin: 0 12px;
    border-radius: 10px;
    /* background-image: url(<?php echo $photo1 ?>); */
    background-position: top;
    background-size: cover;
    transition: 0.1s;
}
/* #verbatim-immo__pic-1 {
background-image: url(<?php echo $photo2 ?>);
}

#verbatim-immo__pic-2 {
background-image: url(<?php echo $photo3 ?>);
}

#verbatim-immo__pic-3 {
background-image: url(<?php echo $photo4 ?>);
}

#verbatim-immo__pic-4 {
background-image: url(<?php echo $photo5 ?>);
} */

.verbatim-immo__verbatim-expert {
    margin-bottom: 8px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 18px;
    text-align: center;
    color: #002a7b;
}

.verbatim-immo__verbatim-expert.active {
    display: block;
}

body.single-it_agence .verbatim-immo__verbatim-expert:not(.active) {
    display: none;
}

.verbatim-immo__verbatim-expert-fline {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #00b3ff;
}

.verbatim-immo__name-prof-div {
    display: none;
    /* display: flex; */
    flex-direction: column;
}

.verbatim-immo__name-prof-div.active {
    display: flex;
}

.verbatim-immo__name-expert {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    color: #002a7b;
}

.verbatim-immo__profession-expert {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    color: #002a7b;
}

.verbatim-immo__clients {
    width: 30%;
}

.verbatim-immo__clients-bloc {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    height: calc(100% - 48px);
    padding: 40px;
    background: #fff;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
    border-radius: 20px;
}

.verbatim-immo__clients-img-immodvisor {
    height: 120px;
    max-height: 120px;
    margin-bottom: 20px;
}

.verbatim-immo__name-stars-arrow-div {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 28px;
    /*opacity: 0;*/
}

.verbatim-immo__name-stars-arrow-div+div {
    /*opacity: 0;*/
}

.verbatim-immo__circle-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    background-color: white;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
    cursor: pointer;
}

.verbatim-immo__arrow-img {
    width: 20px;
    height: auto;
}

.verbatim-immo__name-stars {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.verbatim-immo__name {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #00b3ff;
}

.verbatim-immo__com {
    text-align: center;
    word-break: break-word;
    margin-bottom: 8px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #07374e;
}

.verbatim-immo__date {
    text-align: center;
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #828282;
}

@media screen and (max-width: 1025px) {
    .verbatim-immo__experts {
        width: 58%;
    }
    .verbatim-immo__clients {
        width: 40%;
    }
    .verbatim-immo__arrow-mob-div {
        display: flex;
        justify-content: center;
        margin-bottom: 10px;
    }
    .verbatim-immo__arrow-desktop {
        display: none;
    }
    .verbatim-immo__precedent-expert {
        position: static;
        left: initial;
        bottom: initial;
        margin-right: 10px;
    }
    .verbatim-immo__next-expert {
        position: static;
        left: initial;
        bottom: initial;
        margin-left: 10px;
    }
}

@media screen and (max-width: 772px) {
    .verbatim-immo {
        flex-wrap: wrap;
    }
    .verbatim-immo__titles {
        margin: 16px 8px;
    }
    .verbatim-immo__title-2 {
        text-align: right;
        color: black;
    }
    .verbatim-immo__experts {
        width: 100%;
        margin-bottom: 30px;
    }
    .verbatim-immo__experts-bloc {
        height: initial;
        margin-right: 0;
        padding: 25px 16px;
    }
    .verbatim-immo__pictures-bloc {
        margin-bottom: 12px;
    }
    .verbatim-immo__pic {
        height: 40px;
        width: 40px;
        margin: 0 2px 10px 2px;
    }
    .verbatim-immo__central-pic {
        height: 100px;
        width: 100px;
        margin: 0 4px;
    }
    .verbatim-immo__verbatim-expert {
        font-size: 16px;
    }
    .verbatim-immo__clients {
        width: 100%;
    }
    .verbatim-immo__clients-bloc {
        height: 100%;
        padding: 24px;
    }
}
/** Refonte map agence */

.map-head h2 {
    width: 70%;
}

.btn.btn-secondary.dropdown-toggle {
    display: flex;
    align-items: center;
    border-radius: 30px;
    background-color: #fff;
    width: 250px;
    font-size: 13px;
}

.btn.btn-secondary.dropdown-toggle:hover {
    background-color: transparent;
}

.btn-secondary {
    color: grey;
}

.dropdown-toggle:after {
    position: absolute;
    right: 50px;
}

.dropdown-menu {
    width: 100%;
}

.map-body {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}

#map {
    height: 450px;
    width: 70%;
    border-radius: 12px;
}

.list-agency-wrapper {
    display: flex;
    flex-direction: column;
    width: 28%;
}

.list-agency {
    display: flex;
    align-items: baseline;
    background-color: #fff;
    border-radius: 20px;
    justify-content: space-between;
    padding: 8px 10px;
    margin: 0.5rem 0;
}

.list-agency img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}

.agency-img-title {
    display: flex;
    flex-direction: column;
    width: 45%;
    margin-right: 10px;
}

.agency-img-title span {
    font-size: 14px;
    font-weight: 700;
    color: rgb(0, 0, 109);
}

.agency-localisation {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 55%;
}

.agency-localisation div {
    display: flex;
    flex-direction: column;
}

.agency-localisation span {
    font-size: 15px;
    color: rgb(131, 131, 131);
}

.agency-btn {
    text-align: end;
}

#sergic-immodvisor-expertise {
    margin: 3rem auto 4rem;
}

#sergic-immodvisor-expertise .sergic-immodvisor-expertise-wrapper {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

#sergic-immodvisor-expertise .sergic-immodvisor-expertise-wrapper div {
    padding: 5px 15px;
}

#sergic-immodvisor-expertise .sergic-immodvisor-expertise-wrapper .sergic-immodvisor-expertise-img {
    width: 15%;
    display: flex;
    align-items: center;
    position: relative;
}

#sergic-immodvisor-expertise .sergic-immodvisor-expertise-wrapper .sergic-immodvisor-expertise-img:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1px;
    height: 30%;
    background-color: #c4c4c4;
}

#sergic-immodvisor-expertise .sergic-immodvisor-expertise-wrapper .sergic-immodvisor-expertise-img img {
    max-width: 100%;
}

#sergic-immodvisor-expertise .sergic-immodvisor-expertise-wrapper .sergic-immodvisor-testify {
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

#sergic-immodvisor-expertise .sergic-immodvisor-expertise-wrapper .sergic-immodvisor-testify:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1px;
    height: 30%;
    background-color: #c4c4c4;
    top: 50%;
    transform: translate(0, -50%);
}

#sergic-immodvisor-expertise .sergic-immodvisor-expertise-wrapper .sergic-immodvisor-testify .sergic-immodvisor-content {
    color: #07374e;
    font-family: 'Raleway';
    font-size: 18px;
    font-weight: 700;
}

#sergic-immodvisor-expertise .sergic-immodvisor-expertise-wrapper .sergic-immodvisor-testify .sergic-immodvisor-date {
    font-family: 'Raleway';
    font-weight: 700;
    font-size: 12px;
    color: #828282;
}

#sergic-immodvisor-expertise .sergic-immodvisor-expertise-wrapper .sergic-immodvisor-link {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#sergic-immodvisor-expertise .sergic-immodvisor-expertise-wrapper .sergic-immodvisor-link a {
    font-weight: 700;
    font-size: 18px;
    color: #00b3ff;
    position: relative;
}

#sergic-immodvisor-expertise .sergic-immodvisor-expertise-wrapper .sergic-immodvisor-link a:after {
    content: "";
    position: absolute;
    left: 105%;
    background-image: url('/wp-content/themes/sergic/assets/assets_custom/arrow-right.svg');
    width: 22px;
    height: 17px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 4px;
}

@media screen and (max-width: 991px) {
    #sergic-immodvisor-expertise .sergic-immodvisor-expertise-wrapper {
        flex-wrap: wrap;
    }
    #sergic-immodvisor-expertise .sergic-immodvisor-expertise-wrapper .sergic-immodvisor-expertise-img {
        width: 100%;
    }
    #sergic-immodvisor-expertise .sergic-immodvisor-expertise-wrapper .sergic-immodvisor-expertise-img img {
        width: 45%;
        margin: auto;
    }
    #sergic-immodvisor-expertise .sergic-immodvisor-expertise-wrapper .sergic-immodvisor-testify {
        width: 49%;
    }
    #sergic-immodvisor-expertise .sergic-immodvisor-expertise-wrapper .sergic-immodvisor-link {
        width: 100%;
        justify-content: center;
    }
    #sergic-immodvisor-expertise .sergic-immodvisor-expertise-wrapper .sergic-immodvisor-testify::after,
    #sergic-immodvisor-expertise .sergic-immodvisor-expertise-wrapper .sergic-immodvisor-expertise-img::after {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    #sergic-immodvisor-expertise .sergic-immodvisor-expertise-wrapper {
        padding-bottom: 2rem;
    }
    #sergic-immodvisor-expertise .sergic-immodvisor-expertise-wrapper .sergic-immodvisor-testify {
        width: 100%;
        padding: 0;
    }
    #sergic-immodvisor-expertise .sergic-immodvisor-expertise-wrapper .sergic-immodvisor-testify .sergic-immodvisor-content {
        padding-bottom: 0;
    }
    #sergic-immodvisor-expertise .sergic-immodvisor-expertise-wrapper .sergic-immodvisor-testify .sergic-immodvisor-date {
        padding-top: 0;
    }
}
/** Fin refonte map agence */
/* Page Agence & Page Lieu */

.single-lieu .container>h3,
.single-lieu .container>.title {
    font-family: "Montserrat", sans-serif;
    font-size: 38px;
    font-weight: bold;
    color: #07374e;
    line-height: 45px;
}

.single-lieu .container>.title {
    font-size: 28px;
}

.single-lieu .container .title-belles-histoires {
    margin-bottom: 2rem;
    max-width: 100%;
}

.single-lieu .container .title-belles-histoires h2 {
    color: #00b3ff;
    font-size: 38px;
    font-family: 'Permanent Marker', cursive;
}

.single-lieu .menu-header-left {
    top: 50%;
    transform: translateY(-50%);
}

.single-lieu .menu-header-left a {
    font-size: 12px;
    color: #002a7b;
    font-weight: bold;
}

.single-lieu .menu-header-left img {
    width: auto;
    height: auto;
    position: relative;
}

.single-lieu .lesvilles .list-ville li.active {}

.single-lieu .lesvilles .list-quartiers ul {
    display: none;
}

.single-lieu .lesvilles .list-quartiers ul.active {
    display: flex;
    padding-left: 0;
}

.single-lieu .lesvilles .list-contenu-quartier .contenu-quartier {
    display: none;
}

.single-lieu .lesvilles .list-contenu-quartier .contenu-quartier.active {
    display: block;
}

.single-lieu .sergic-all-job-immo-desc {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.single-lieu .sergic-all-job-immo-desc .job {
    min-height: 100%;
}

.single-lieu .list-quartiers .list-quartiers-wrapper {
    display: flex;
    align-items: center;
    overflow-x: scroll;
    overflow-y: hidden;
    height: 80px;
    z-index: 10;
    position: relative;
    border-top-right-radius: 20px;
    background-color: rgba(0, 0, 0, .25);
}

.single-lieu .list-quartiers .quartiers {
    min-width: max-content;
    background-color: transparent;
    border: 2px solid #FFF;
    color: #FFF;
    font-weight: bold;
    font-family: "Raleway", sans-serif;
    text-transform: capitalize;
    max-height: 40px;
    margin: 0 10px 0 10px;
}

.single-lieu .list-quartiers .quartiers.active {
    border: 2px solid #FFF;
    color: #000;
    background-color: #FFF;
    transition: all .3s ease;
}

.single-lieu .list-quartiers .quartiers:focus {
    box-shadow: none;
}

.single-lieu .list-quartiers .quartiers.color-active {
    background-color: #00B3FF;
    color: #fff;
    transition: all .3s ease;
}

.single-lieu .contenu-quartiers_list {
    display: none;
    position: relative;
    max-height: 360px;
}

.single-lieu .contenu-quartiers_list .contenu-quartier {
    min-height: 440px;
    background-size: cover;
    filter: grayscale(.5);
    position: relative;
    top: -80px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.single-lieu .contenu-quartiers_list .contenu-quartier .content {
    position: absolute;
    left: 10px;
    top: 100px;
    width: 70%;
    background: rgba(255, 255, 255, .9);
    border-radius: 10px;
    padding: 10px;
}

.single-lieu .contenu-quartiers_list .contenu-quartier .content h4 {
    margin-bottom: 8px;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #07374e;
}

.single-lieu .contenu-quartiers_list .contenu-quartier .content p {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #07374e;
    font-family: "Raleway", sans-serif;
}

.single-lieu #sergic-all-job-immo .sergic-all-job-immo-wrapper .sergic-all-job-immo-heading {
    overflow-y: scroll;
    max-height: 440px;
}

@media screen and (max-width: 768px) {
    .single-lieu .list-quartiers .list-quartiers-wrapper {
        border-top-right-radius: 0;
    }
    .single-lieu .contenu-quartiers_list .contenu-quartier {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .single-lieu .contenu-quartiers_list .contenu-quartier .content {
        width: 80%;
    }
}

.single-belle-histoire {
    transition: 0.2s;
}

.single-belle-histoire:hover {
    transform: scale(1.01);
}

.modal-dialog {
    border-radius: 10px;
    width: 70vw;
    max-width: 850px;
}

.modal-dialog.modal-dialog-centered {
    left: 0;
    display: block;
    height: 100%;
    margin: 0;
}

.modal-content {
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    display: flex;
    pointer-events: auto;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    margin: auto;
    background: transparent;
    background-color: white;
}

.modal-content .modal-header {
    padding: 10px 25px;
}

.modal-dialog {
    height: 100vh;
}

.modal-header .close {
    position: absolute;
    top: 10px;
    right: 10px;
}

.modal-content .modal-body {
    display: flex;
    flex-direction: column;
    padding: 25px 10px;
    border-radius: 10px;
    background: #f8f8f8;
    margin: 0;
    position: relative;
}

.modal-content .modal-body .container-image {
    margin: 0;
    padding: 0;
}

.modal-body .container-image img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.modal-body .title-modal {
    margin-bottom: 24px;
    font-family: "Raleway", sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #00b3ff;
}

.modal-body .content {
    padding: 48px;
    font-family: "Raleway", sans-serif;
    font-style: italic;
    font-weight: 300;
    font-size: 16px;
    color: #07374e;
    overflow-x: auto;
}

.modal-dialog .btn.btn-secondary {
    color: #00b3ff;
    background: white;
    border: none;
    border-radius: 50px;
    position: absolute;
    top: 10px;
    right: 20px;
}

.modal-dialog .btn.btn-secondary:hover {
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07) !important;
}

.single-lieu main header {
    height: calc(70vh - 50px);
    position: relative;
    margin-bottom: 50px;
}

.single-lieu main header>img {
    width: 100vw;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
}

.single-lieu main header .content_header {
    position: absolute;
    top: 50%;
    color: white;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    text-align: right;
}

@media screen and (max-width: 1200px) {
    .single-lieu main header .content_header {
        padding-right: 30px;
    }
}

.single-lieu main header .overlay {
    background-color: transparent;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.64) 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.64;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    height: 100%;
    width: 100%;
}

.single-lieu main header p {
    font-size: 38px;
    font-weight: 300;
    font-family: "Montserrat", sans-serif;
}

.single-lieu main header h1 {
    font-size: 50px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    line-height: 60px;
}

.single-lieu main header h2 {
    font-size: 24px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
}

.single-lieu .single-belle-histoire .container-belle-histoire {
    background: white;
    border-radius: 15px;
}

.single-lieu .single-belle-histoire .container-belle-histoire img {
    border-radius: 15px;
    min-height: 250px;
    object-fit: cover;
    max-width: 100%;
}

.single-lieu .single-belle-histoire .container-belle-histoire .content-belle-histoire {
    padding: 3rem;
}

.single-lieu .single-belle-histoire .container-belle-histoire .content-belle-histoire h4 {
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #07374e;
    margin: 0px 16px;
    width: 260px;
}

.single-lieu .single-belle-histoire .container-belle-histoire .content-belle-histoire h4:hover {
    text-decoration: none;
}

.single-lieu .single-belle-histoire .container-belle-histoire .content-belle-histoire p {
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #07374e;
    margin: 0;
    line-height: 24px;
    font-weight: normal;
}

.single-lieu .single-belle-histoire .container-belle-histoire .content-belle-histoire p:hover {
    text-decoration: none;
}

.single-lieu .villes .list-ville li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px 0 8px;
    margin-right: 16px;
    height: 80px;
    border-bottom: 2px solid #00b3ff;
    color: #07374e;
    font-weight: 300;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .single-lieu .single-belle-histoire {
        margin: 1rem 0;
    }
    .single-lieu .single-belle-histoire .container-belle-histoire .content-belle-histoire {
        padding: 2rem 10px;
    }
    .single-lieu .single-belle-histoire .container-belle-histoire .content-belle-histoire h4 {
        width: auto;
    }
}

.villes .list-ville li.active,
.villes .list-ville li:hover {
    border-bottom: 0;
    padding-bottom: 2px;
    margin-right: 0;
    border-radius: 10px 0 0 10px;
    background-color: #00b3ff;
    color: white;
    font-weight: bold;
}

.villes .list-quartiers ul {
    display: flex;
    list-style: none;
    padding-bottom: 16px;
    margin-bottom: 8px;
    overflow-y: hidden;
    overflow-x: scroll;
}

.villes .list-quartiers ul li {
    display: flex;
    align-items: center;
    height: 35px;
    padding: 0 20px;
    border: 2px solid white;
    border-radius: 5px;
    margin-right: 16px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: white;
    white-space: nowrap;
    cursor: pointer;
}

.villes .list-quartiers ul li.active {
    background-color: white;
    color: black;
}

.villes .list-contenu-quartier .contenu-quartier .content {
    max-width: 350px;
    padding: 16px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.9);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #07374e;
    font-family: "Raleway", sans-serif;
}

.villes .list-contenu-quartier .contenu-quartier h4 {
    margin-bottom: 8px;
    font-family: "Raleway", sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #07374e;
}

.lesvilles .villes {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
}

.lesvilles .list-ville {
    max-height: 440px;
    overflow-y: scroll;
    padding: 0;
}

.lesvilles .list-ville ul {
    padding-left: 0;
}

.lesvilles .content-ville {
    border-radius: 0 10px 10px 10px;
    padding: 20px;
    background-repeat: no-repeat;
    background-position: 0% 0%;
    background-image: url("/wp-content/themes/sergic/assets/img/espace_vert.jpeg");
    /* background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) repeat scroll 0% 0%, rgba(0, 0, 0, 0) url("/wp-content/themes/houzez-child/assets/img/espace_vert.jpeg") repeat scroll 0% 0%; */
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    min-height: 200px;
}

.contenu-quartier .infos {
    display: flex;
}

.contenu-quartier .infos>div {
    padding: 8px 16px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 8px;
    margin-right: 14px;
}

.contenu-quartier .infos>div span:first-child {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
    color: #00b3ff;
    text-align: center;
}

.contenu-quartier .infos>div span:nth-child(2) {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #00b3ff;
    text-align: center;
}

.contenu-quartier .infos>div span:last-child {
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 11px;
    line-height: 13px;
    color: #00b3ff;
    text-align: center;
}

#locationInfos {
    font-size: 1rem !important;
}

@media screen and (max-width: 767px) {
    .single-photo-caroussel {
        height: 300px !important;
    }
    .single-photo-caroussel img {
        border-radius: 10px;
    }
    .appt-desc__title-ref-line {
        flex-wrap: wrap;
    }
    .appt-desc__appt-title {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 12px !important;
    }
    .appt-desc__ref {
        width: 100%;
        margin-bottom: 12px;
    }
    .appt-desc__carousel-map {
        flex-wrap: wrap;
    }
    .appt-desc__carousel-container {
        position: relative;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        overflow-x: scroll;
    }
    .appt-desc__carousel-list {
        display: flex;
        justify-content: space-between;
        width: calc(10px);
    }
    .appt-desc__carousel {
        height: 300px;
        width: 80vw;
        margin-right: 0;
        margin-bottom: 6px;
    }
    .appt-desc__carousel-pellet-div {
        left: 8px;
        bottom: 8px;
    }
    .appt-desc__pellet {
        margin-top: 4px;
        margin-left: 0;
        padding: 0 24px;
        font-size: 16px;
    }
    .appt-desc__carousel-buttons-div {
        display: none;
    }
    .appt-desc__carousel-next {
        position: relative;
        display: initial;
        height: 300px;
        width: 80vw;
        margin-right: 0;
        margin-bottom: 6px;
        border-radius: 10px;
        background-color: black;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    #right-bloc-wrapper,
    .appt-desc__div-map {
        height: 300px;
        width: 100% !important;
    }
    .appt-desc__description-section {
        flex-wrap: wrap;
    }
    .appt-desc__description-left-bloc {
        width: 100% !important;
        margin-right: 0 !important;
    }
    .appt-desc__caracteristique-container {
        width: 50% !important;
    }
    .appt-desc__caracteristique {}
    .appt-desc__caracteristique-icon {
        margin-right: 8px;
    }
    .appt-desc__caracteristique-text {
        width: 85px !important;
        font-size: 11px !important;
        line-height: 13px !important;
    }
    .appt-desc__crit-title {
        margin-bottom: 8px;
        font-size: 16px;
    }
    .appt-desc__critere {
        width: initial;
        margin-right: 12px;
    }
    .appt-desc__crit-bool {
        margin-right: 6px;
    }
    .appt-desc__crit-label {
        font-size: 16px;
    }
    .appt-desc__description-text-bloc {
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .appt-desc__description-text-title {
        font-size: 16px;
    }
    .appt-desc__description-text-paragraph {
        font-size: 16px !important;
    }
    .appt-desc__description-add-line {
        font-size: 16px;
    }
    .appt-desc__energy-balance-bloc {
        margin-bottom: 50px;
    }
    .appt-desc__description-right-bloc {
        width: 100%;
    }
    .carousel-module__card {
        width: calc(80vw);
        margin-left: 10px;
    }
    .carousel-module__carousel-container {
        width: 100% !important;
        position: relative;
        left: -10px;
    }
    .contact-annonce {
        margin: 30px 0px;
    }
    .listing-biens__filter-button-text {
        font-family: Raleway, sans-serif;
        font-style: normal !important;
        font-weight: 300 !important;
        font-size: 16px !important;
        margin: 0 10px !important;
        flex: 1 1 100% !important;
        text-align: left !important;
    }
    .listing-biens__filter-button {
        align-items: baseline !important;
    }
    .listing-biens__filters-bar {
        flex-direction: column !important;
        margin-top: 25px !important;
    }
    .listing-biens__filter-button-text {
        flex: 1 1 100% !important;
        text-align: left !important;
    }
    .transiscope__district-link {
        display: block;
        width: 100%;
    }
}

.carousel-module__button-choice-div {
    display: flex;
    justify-content: space-between;
    width: 320px;
    max-width: 100%;
}

.contrat-gl_ancien {
    display: none;
}

.carousel-module__button-choice:focus {
    outline: none;
}

.close-sub-menu {
    position: absolute;
    top: 2%;
    right: 2%;
    color: #c5c5c5;
    cursor: pointer;
}

@media screen and (max-width: 580px) {
    .carousel-module__button-choice-div {
        width: 100%;
    }
    .carousel-module__button-choice-div button {
        margin: 0 3px;
    }
    .title-carousel-bien {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .transiscope__title-line {
        flex-wrap: wrap;
    }
    .transiscope__title {
        display: none;
    }
    .transiscope__title-2 {
        display: initial;
        width: 100%;
        margin: 0 16px;
        font-size: 24px;
        margin-bottom: 8px;
        line-height: 33px;
    }
    .transiscope__filter-dropdown {
        width: 100%;
        margin: 0 16px;
    }
    .transiscope__filter-dropdown-input {
        font-size: 16px;
        width: calc(100% - 41px - 16px);
        font-weight: 300;
    }
    .transiscope__filter-dropdown-div-buttons {
        height: 40px;
    }
    .transiscope__filter-dropdown-dropdown {
        max-height: 200px;
        width: 100%;
    }
    .transiscope__div-blocs {
        flex-wrap: wrap;
    }
    #transiscope__map {
        height: 250px;
        width: 100%;
        margin-bottom: 16px;
    }
    .transiscope__agencies-div-container {
        width: 100%;
        overflow: scroll;
    }
    .transiscope__agencies-div {
        display: flex;
        height: 230px;
        width: 3000px;
        margin-left: 4px;
        padding: 0px;
        overflow: hidden;
    }
    .transiscope__agency-bloc {
        width: 160px;
        margin-right: 4px;
        padding: 14px;
        margin-bottom: 8px;
    }
    .transiscope__agency-bloc-title {
        text-align: center;
        font-size: 11px;
        line-height: 13px;
    }
    .transiscope__agency-bloc-div {
        flex-wrap: wrap;
    }
    .transiscope__agency-bloc-picture {
        width: 100%;
        border-radius: 5px;
    }
    .transiscope__agency-bloc-address-div {
        width: 100%;
        padding-left: 0;
    }
    .transiscope__agency-bloc-address-line {
        margin-top: 10px;
    }
    .transiscope__agency-bloc-arrow {
        display: none;
    }
    .transiscope__agency-more {
        width: 100%;
        margin: 0 16px;
        padding: 10px;
    }
    .transiscope__agency-more-button {
        margin-top: 20px;
    }
    .transiscope__div-expertises {
        flex-wrap: wrap;
        width: 100%;
        margin: 0 16px 16px 16px;
        padding: 16px;
    }
    .transiscope__div-expertises-title {
        text-align: center;
        max-width: initial;
        width: 100%;
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 12px;
    }
    #transiscope__br-exp {
        display: none;
    }
    .transiscope__div-expertises-bloc-numbers {
        width: 100%;
    }
    .transiscope__div-expertises-elem-container {
        margin-bottom: 8px;
    }
    .transiscope__div-immodvisor {
        width: 100%;
        margin: 0 16px;
    }
    .transiscope__overlay-bloc {
        display: flex;
        flex-wrap: wrap;
        width: 95%;
        height: 90vh;
        overflow-y: scroll;
    }
    .transiscope__overlay-pic {
        width: 100%;
        height: 300px;
    }
    .transiscope__overlay-text-div {
        width: 100%;
        max-height: initial;
        padding: 48px 28px 28px 28px;
        overflow-y: initial;
    }
    .transiscope__overlay-close-circle {
        position: absolute;
        top: 14px;
        right: 14px;
        box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
    }
    .transiscope__div-switchers {
        flex-wrap: wrap;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .transiscope__map-switcher-col {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 8px;
        min-width: 100%;
    }
    .transiscope__map-switcher-col>button {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .transiscope__div-filters {
        margin-left: 0;
        margin-right: 0;
        margin: 0;
    }
    .transiscope__bloc-sline {
        margin: 0;
    }
    .transiscope__filter-list {
        flex-direction: column;
        padding: 0;
    }
    .transiscope__filter {
        padding: 8px 0;
    }
    .transiscope__bloc-district {
        flex-wrap: wrap;
    }
    .transiscope__bloc-district>.no-gutters {
        margin-right: 0;
    }
    .transiscope__district-info {
        flex-wrap: wrap;
        width: 100%;
    }
    .transiscope__district-list-ap {
        width: 100%;
    }
    .transiscope__text-bloc-district {
        max-width: 100% !important;
        width: 100%;
        margin-top: 10px;
    }
    .transiscope__district-link {
        width: 100%;
        height: initial;
        margin: 16px 0 0 0;
        display: none;
    }
}

.contact-input {
    margin: 0 5px;
}

.contact-input input {
    margin: 0 5px;
}

.transiscope__filter-list {
    display: flex;
    margin: 20px 0px;
}

#initiativesList {
    justify-content: space-between;
}

#poiList {
    justify-content: space-evenly;
}

.transiscope__filter-list>li {
    display: inline-block;
    margin: 0px 5px;
    zoom: 1;
    font-family: Raleway;
    font-weight: 300;
    font-size: 18px;
    color: #07374e;
}

.transiscope__filter-checkbox {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #00aeef;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    transition: background-color 0.5s linear;
}

.transiscope__filter-checkbox.ticked {
    background-color: white;
}

.transiscope__filter {
    cursor: pointer;
}

.transiscope__map-col {
    height: 400px;
    margin-left: 0;
}

.transiscope__map-switcher-col {
    display: inline-flex;
    justify-content: space-evenly;
}

.transiscope__map-switcher-btn {
    width: 100%;
    font-family: Raleway;
    font-weight: 300;
    font-size: 18px;
    color: #00b3ff;
    border-radius: 5px;
    border: 1px solid #00b3ff;
    background-color: transparent;
}

.transiscope__map-switcher-btn.selected {
    color: #fff;
    font-weight: bold;
    background-color: #00b3ff;
}

#transiscopeGMap {
    border-radius: 5px;
}

.transiscope__side-col {
    height: 400px;
    overflow: scroll;
    background-color: #fff;
    border-radius: 10px;
    padding: 15px 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.transiscope__side-col>p:nth-child(1) {
    font-family: Open Sans;
    font-weight: 300;
    font-size: 38px;
    color: #00b3ff;
}

.transiscope__side-col>p:nth-child(2) {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    color: #07374e;
}

.transiscope__side-col>a>img {
    max-width: 220px;
}

.transiscope__side-col-title {
    font-family: Open Sans;
    font-weight: 300;
    font-size: 38px;
    color: #00b3ff;
    line-height: 40px;
}

.transiscope__side-col-btn {
    background-color: #00aeef;
    width: fit-content;
    color: white;
    font-size: 20px;
    font-weight: 500;
    padding: 5px 10px;
    border-radius: 15px;
    display: inline-block;
    margin-top: 10px;
}

.transiscope__side-col-btn:hover,
.transiscope__side-col-btn:visited {
    color: rgba(255, 255, 255, 1);
}

.gm-style-iw {
    top: 0 !important;
    left: 0 !important;
}

.transiscope__bloc-district {
    display: flex;
    margin-top: 25px;
    margin-bottom: 50px;
}

.transiscope__district-info {
    display: flex;
    width: 65%;
    justify-content: space-between;
    padding: 20px 20px 12px 20px !important;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
}

.transiscope__list-ap-line {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.transiscope__div-img-ap {
    min-width: 30px;
    margin-right: 10px;
    text-align: center;
}

.transiscope__img-ap {
    height: 25px;
    width: auto;
}

.transiscope__span-ap {
    font-family: "Raleway", sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #00b3ff;
}

.transiscope__text-bloc-district {
    max-width: 60%;
    margin-bottom: 8px;
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;
    color: #07374e;
}

.transiscope__district-link {
    height: auto;
}

.transiscope__district-link>a {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("/wp-content/themes/sergic/assets/assets_custom/agency-map/district-mode/zone-default.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.transiscope__district-link-text {
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
    color: white;
}

.img_agence_block {
    /* background-position: bottom; */
    background-size: cover;
    /*min-height: 700px;*/
    margin-bottom: 0;
    position: relative;
}

.img_agence_block .background-overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: transparent;
    /* background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, #000 100%); */
    opacity: 0.5;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.img_agence_block .informations_block {
    min-height: 540px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    -webkit-box-align: start;
    -webkit-align-items: center;
    -ms-flex-align: start;
    align-items: center;
}

@media screen and (max-width: 991px) {
    .img_agence_block .informations_block {
        min-height: 300px;
    }
}

.img_agence_block .informations_block .elements_block {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 330px;
}

.img_agence_block .informations_block .elements_block h1 {
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.33);
    color: white;
    margin: 0 20%;
    font-family: "Montserrat", sans-serif;
}

.img_agence_block .informations_block .elements_block>div {
    display: flex;
    justify-content: flex-end;
    margin: 0 20%;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.33);
}

.img_agence_block .informations_block .elements_block .agence {
    font-size: 28px;
    font-weight: 300;
    line-height: 28px;
    text-align: right;
}

.img_agence_block .informations_block .elements_block .name {
    font-size: 60px;
    font-weight: bold;
    line-height: 64px;
    text-align: right;
}

.img_agence_block .informations_block .elements_block .expertise {
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    margin-top: 16px;
    text-align: right;
}

.caracteristiques {
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    padding: 24px 24px 24px 24px;
    display: flex;
    flex-wrap: wrap;
}

.caracteristiques>div {
    width: 49%;
    margin-bottom: 28px;
}

.caracteristiques>div .appt-desc__caracteristique {
    display: flex;
}

.caracteristiques>div .appt-desc__caracteristique img {
    margin-right: 8px;
}

.caracteristiques>div .appt-desc__caracteristique span {
    font-size: 11px;
    color: #002a7b;
    font-weight: bold;
    line-height: 13px;
}

.appt-desc__title-ref-line {
    display: flex;
    margin-bottom: 12px;
}

.appt-desc__appt-title {
    text-align: left;
    width: 68%;
    margin-right: 2%;
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 38px;
    line-height: 36px;
    color: #07374e;
}

.appt-desc__ref {
    text-align: center;
    width: 30%;
    padding: 0 6px;
    border-radius: 20px;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 36px;
    color: #07374e;
    max-height: 35px;
}

.appt-desc__carousel-map {
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
}

.appt-desc__carousel-container {
    width: 68%;
    margin-right: 2%;
    position: relative;
    max-height: 500px;
}

.list-pellet-bien {
    position: absolute;
    bottom: 2rem;
    left: 1rem;
}

.list-pellet-bien>span {
    margin-left: 2px;
    padding: 8px 30px;
    border-radius: 20px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.07);
    background: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #00b3ff;
}
/* 19591 llabigne start */

@media screen and (max-width: 415px) {
    .list-pellet-bien {
        left: 2px;
        right: 40%;
    }
    .list-pellet-bien>span {
        padding: 10px 5px;
        font-size: 14px;
    }
}
/* 19591 llabigne end */

.pellet-property-visit-plan-wrapper {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex;
}

.pellet-property-visit-plan-wrapper a {
    background-color: rgb(255, 255, 255);
    transition: all 0.3s ease;
    border-radius: 50%;
    display: inline-block;
    max-width: 60px;
    width: 60px;
    max-height: 60px;
    height: 60px;
    padding: 10px 5px;
    margin: 0 10px;
    text-align: center;
}

.pellet-property-visit-plan-wrapper a:hover {
    background-color: rgb(219, 219, 219);
    transition: all 0.3s ease;
}

.pellet-property-visit-plan-wrapper .sgc-button-plan span {
    display: none;
}

.pellet-property-visit-plan-wrapper .sgc-button-plan:hover {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.pellet-property-visit-plan-wrapper .sgc-button-plan:hover span {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #00b3ff;
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
}

.pellet-property-visit-plan-wrapper .sgc-button-plan:hover img {
    display: none;
    transition: all 0.3s ease;
}

.pellet-property-visit-plan-wrapper a img {
    width: 100%;
}

.appt-desc__carousel {
    position: relative;
    height: 500px;
    border-radius: 10px;
    background-color: black;
    /*background-image: url(<?php echo $b_photos[0]; ?>);*/
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.appt-desc__carousel-pellet-div {
    position: absolute;
    left: 16px;
    bottom: 15px;
    display: flex;
    flex-wrap: wrap;
}

.appt-desc__pellet {
    margin-left: 8px;
    padding: 8px 32px;
    border-radius: 20px;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
    background: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #00b3ff;
}

.appt-desc__carousel-buttons-div {
    position: absolute;
    right: 24px;
    bottom: 15px;
    display: flex;
    justify-content: space-between;
    width: 98px;
}

.appt-desc__button-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 43px;
    width: 43px;
    border-radius: 100%;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
    background-color: white;
    cursor: pointer;
}

.appt-desc__button-arrow {
    height: auto;
    width: 20px;
}

.appt-desc__carousel-next {
    display: none;
}

.appt-desc__div-map {
    height: 75%;
    width: 100%;
    border-radius: 10px;
    margin-top: 25px;
}

#right-bloc-wrapper {
    position: relative;
    width: 30%;
}

.appt-desc__description-section {
    display: flex;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.appt-desc__description-left-bloc {
    width: 68%;
    margin-right: 2%;
}

.appt-desc__caracteristiques-bloc {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 32px;
    padding: 24px 24px 0 24px;
    border-radius: 10px;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
    background-color: white;
}

.appt-desc__caracteristique-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25%;
    margin-bottom: 28px;
}

.appt-desc__caracteristique {
    display: flex;
    justify-content: center;
    align-items: center;
}

.appt-desc__caracteristique-icon {
    height: 30px !important;
    width: auto;
    margin-right: 22px;
}

.appt-desc__caracteristique-text {
    width: 90px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    color: #002a7b;
    /*text-transform: capitalize;*/
}

.appt-desc__crit-title {
    font-family: "Raleway", sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #002a7b;
}

.appt-desc__crit-flex {
    display: flex;
    flex-wrap: wrap;
}

.appt-desc__critere {
    display: flex;
    align-items: center;
    width: 170px;
    margin-right: 10px;
}

.appt-desc__crit-bool {
    height: 15px;
    width: auto;
    margin-right: 12px;
}

.appt-desc__crit-label {
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #002a7b;
}

.appt-desc__description-text-bloc {
    margin-top: 32px;
    margin-bottom: 32px;
}

.appt-desc__description-text-title {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #07374e;
}

.appt-desc__description-text-paragraph {
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 18px;
    white-space: pre-wrap;
    color: #07374e;
}

.appt-desc__description-add-line {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #07374e;
}

.appt-desc__energy-balance-bloc {}

.appt-desc__energy-balance-title {
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #07374e;
}

.appt-desc__energy-balance-flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.appt-desc__energy-balance-diag {
    margin-top: 16px;
    margin-right: 24px;
}

.appt-desc__energy-balance-diag-title {
    margin-bottom: 8px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #07374e;
}

.appt-desc__energy-balance-diag-score {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #07374e;
}

.appt-desc__energy-balance-panel {
    display: flex;
    margin-top: 8px;
}

.appt-desc__energy-balance-letter {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    width: 24px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: white;
}

.appt-desc__caracteristiques-bloc .appt-desc__caracteristique-container.ext-no {
    order: 1;
    display: none;
}

.dpe-a {
    background-color: rgb(43, 139, 38);
    border-radius: 5px 0 0 5px;
}

.dpe-b {
    background-color: rgb(48, 197, 39);
}

.dpe-c {
    background-color: rgb(196, 255, 41);
}

.dpe-d {
    background-color: rgb(245, 253, 16);
}

.dpe-e {
    background-color: rgb(254, 194, 11);
}

.dpe-f {
    background-color: rgb(253, 134, 40);
}

.dpe-g {
    background-color: rgb(251, 0, 6);
    border-radius: 0 5px 5px 0;
}

.ieg-a {
    background-color: rgb(243, 231, 247);
    border-radius: 5px 0 0 5px;
}

.ieg-b {
    background-color: rgb(217, 177, 246);
}

.ieg-c {
    background-color: rgb(201, 147, 242);
}

.ieg-d {
    background-color: rgb(190, 124, 240);
}

.ieg-e {
    background-color: rgb(170, 85, 235);
}

.ieg-f {
    background-color: rgb(149, 44, 230);
}

.ieg-g {
    background-color: rgb(118, 0, 214);
    border-radius: 0 5px 5px 0;
}

#selected-panel-letter {
    border: 1px solid #f8f8f8;
    border-radius: 5px;
    color: black;
    transform: scale(1.4);
}

.appt-desc__description-right-bloc {
    width: 30%;
}

.price-pro {
    font-size: 28px;
}

.appt-desc__price-budget-bloc {}

.appt-desc__price-title {
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #000;
}

.appt-desc__price {
    display: block;
    margin-bottom: 30px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 38px;
    color: #07374e;
}

.appt-desc__price-asterisk {
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #002d41;
}

.appt-desc__budget-price-info {
    padding: 0 5px;
    margin-bottom: 6px;
    border-radius: 5px;
    background-color: #a6e4ff;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #002d41;
}

.appt-desc__estimate-mp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 16px 0;
    padding: 8px 12px;
    border: 0;
    background-color: #f8f8f8;
    outline: 0;
}

.appt-desc__estimate-mp-text {
    font-family: "Helvetica Neue", sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #00b3ff;
}

.appt-desc__estimate-mp-icon {
    height: auto;
    width: 50px;
}

.appt-desc__button-contact,
.appt-desc__button-question {
    text-align: center;
    height: 40px;
    width: 100%;
    border: 0;
    border-radius: 24px;
    font-family: "Helvetica Neue", sans-serif;
    font-weight: bold;
    font-size: 18px;
    outline: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s linear;
}

.appt-desc__button-question {
    border: 1px solid #00b3ff;
    background-color: white;
    color: #00b3ff;
}

.appt-desc__button-question:hover {
    color: white;
    background-color: #00b3ff;
}

.appt-desc__button-contact {
    background: #00b3ff;
    color: #fff;
    margin-bottom: 20px;
}

.appt-desc__button-contact:hover {
    color: white;
}

.appt-desc__div-immodvisor {
    width: 100%;
    margin-top: 24px;
    /* margin: 0 16px; */
    background-color: white;
    border-radius: 10px;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
}

.appt-desc__agency-bloc {
    padding: 10px;
}

.appt-desc__agency-bloc-title {
    font-family: "Raleway", sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    color: #07374e;
    margin-bottom: 7px;
}

.appt-desc__agency-bloc-div {
    display: flex;
}

.appt-desc__agency-bloc-picture {
    height: 90px;
    width: 120px;
    border-radius: 10px;
    background-position: center;
    background-size: cover;
}

.appt-desc__agency-bloc-address-div {
    position: relative;
    width: calc(100% - 120px);
    padding-left: 10px;
}

.appt-desc__agency-bloc-address-line {
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
    color: #828282;
    margin-bottom: 0;
}

.appt-desc__agency-bloc-tel-line {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    color: #828282;
    margin-top: 24px;
    margin-bottom: 0;
}

.appt-desc__div-immodvisor-blocs {
    display: flex;
    justify-content: space-around;
    padding-top: 16px;
}

.appt-desc__div-immodvisor-blocs>div {
    text-align: center;
}

.appt-desc__div-immodvisor-more {
    text-align: center;
    padding-bottom: 16px;
}

.appt-desc__bloc-dispo {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.appt-desc__bloc-date {
    width: 45%;
}

.appt-desc__label-date {
    margin-left: 8px;
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
    color: #07374e;
}

.appt-desc__div-mess-date {
    padding: 5px;
    text-align: center;
    background: white;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
    border-radius: 5px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 27px;
    color: #07374e;
}

.appt-desc__txt-animals {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #07374e;
}

.appt-desc__map-no-position {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: calc(100% - 16px);
    margin: 8px;
    padding: 8px 16px;
    border-radius: 10px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 401;
}

.appt-desc__map-no-position-img {
    height: 24px;
    margin-right: 8px;
}

.appt-desc__map-no-position-span {
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;
    color: #00b3ff;
}

@media screen and (max-width: 767px) {
    .appt-desc__estimate-mp {
        padding: 8px 0 !important;
    }
}

html,
body,
#transiscopeGMap {
    width: 100%;
    height: 100%;
    margin-top: 0 !important;
}

#transiscopeBloc .title-transiscope {
    font-family: "Montserrat", sans-serif;
    font-size: 38px;
    font-weight: bold;
    color: #07374e;
    margin-bottom: 20px;
    display: block;
    position: relative;
    cursor: pointer;
}

#transiscopeBloc .title-transiscope::after {
    font-family: "FontAwesome";
    content: "\f106";
    position: absolute;
    right: 0;
    transition: 0.2s;
}

#transiscopeBloc .title-transiscope.active::after {
    transform: rotate(-180deg);
}

#transiscope_map {
    display: none;
}

.title-carousel-bien {
    font-family: "Montserrat", sans-serif;
    font-size: 39px;
    font-weight: bold;
    color: #00b3ff;
    margin-bottom: 3rem;
    display: block;
}

#transiscopeBloc #bloc-district {
    display: none !important;
}
/* Fin page agence & page lieu */

.home .menu-gauche {
    transform: none !important;
}

.page-template-page-pro-company .menu-gauche,
.page-template-page-group .menu-gauche,
.page-template-page-join-us .menu-gauche,
.page-template-page-magellan .menu-gauche {
    transform: translateY(0);
}
/* menu agences */

.menu-gauche {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    z-index: 999;
}

.menu-gauche ul li a img {
    height: auto;
    object-fit: contain;
    width: 26px;
    height: 16px;
    padding: 0;
}

@media screen and (max-width: 991px) {
    .menu-gauche {
        top: 13%;
    }
}

@media screen and (max-width: 768px) {
    .menu-gauche {
        display: none;
    }
    .agency-map__section {
        margin: 3rem 0;
    }
    .title-carousel-bien {
        width: 90%;
        margin: auto;
        font-size: 25px;
    }
    .carousel-module {
        margin-top: 3rem;
    }
}
/* fin menu agence */

.appt-desc__carousel-container .slick-slide img {
    max-height: 500px;
    margin: auto;
    height: 500px;
    object-fit: contain;
}
.slider-nav .slick-track {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.slick-prev {
    z-index: 99;
    margin-right: 60px;
}

.slick-prev,
.slick-next {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .07);
    cursor: pointer;
    position: absolute;
    bottom: 0 !important;
    top: unset;
    left: unset;
    right: 1rem;
    margin-bottom: 5px;
}

.contact-annonce .contact-button-annonce a {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 700;
    background-color: #00b3ff;
    border-radius: 24px 24px 24px 24px;
    padding: 9px 37px;
    color: #fff;
    display: table;
    margin: 0 auto;
}

.slick-prev:before,
.slick-next:before {
    color: #00b3ff;
}

.single-photo-caroussel {
    height: 500px;
    background: radial-gradient(#fff, #cccc);
}

.single-photo-caroussel>img {
    object-fit: contain;
    max-height: 100%;
    width: 100%;
}
/* Page recherche de biens */

.listing-biens__section-filters-bar {
    z-index: 10;
}

.listing-biens__section-filters-bar>.container {
    position: relative;
    padding-bottom: 0;
}

.listing-biens__ghost-filters-bar {
    position: fixed;
    left: 0;
    z-index: 9;
    height: 105px;
    width: 100%;
    background-color: #f8f8f8;
}

.listing-biens__filters-bar {
    display: flex;
    position: relative;
    background-color: white;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    z-index: 2;
}

.listing-biens__div-filter-button {
    padding: 12px 0;
    width: 20%;
    border-radius: 10px;
    color: #07374e;
    cursor: pointer;
    transition: 0.1s;
}

.listing-biens__div-filter-button:hover {
    background-color: #00b3ff;
    color: white;
}

.listing-biens__div-filter-button:hover .blue {
    display: none;
}

.listing-biens__div-filter-button .white {
    display: none;
}

.listing-biens__div-filter-button:hover .white {
    display: block;
}

.listing-biens__filter-button {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-right: 0.5px solid #a6e4ff;
}

.listing-biens__filter-button.active .listing-biens__filter-button-arrow {
    transform: rotate(-180deg);
}

.listing-biens__filter-button-text {
    font-family: Raleway, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    margin: 0 10px;
}

.listing-biens__filter-button-arrow {
    width: 12px;
    margin-right: 10px;
}

.listing-biens__div-input-bloc {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 20%;
    height: 64px;
    min-width: 100px;
    color: #07374e;
}

.listing-biens__input-ref {
    border: 0;
    border-bottom: 1px solid #a6e4ff;
    max-width: 120px;
    padding: 0 5px;
    margin-right: 10px;
    outline: none;
}

#listing-biens__filter-button-text-erence {
    display: none;
}

.listing-biens__filter-submenu {
    position: absolute;
    top: 90px;
    left: 0;
    padding: 30px 20px 20px 20px;
    background-color: white;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
    border-radius: 0 0 10px 10px;
    z-index: 10;
    z-index: 403;
}

#listing-biens__filter-submenu-buy {
    display: none;
}

#listing-biens__filter-submenu-localisation {
    display: none;
    margin-left: 20%;
}

#listing-biens__filter-submenu-area {
    display: none;
    margin-left: 40%;
    overflow: hidden;
}

#listing-biens__filter-submenu-price {
    display: none;
    margin-left: 60%;
}

.listing-biens__filter-submenu-label {
    margin-bottom: 8px;
    font-family: Raleway, sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #00b3ff;
}

.listing-biens__filter-submenu-comp-div {
    position: relative;
}

#listing-biens__filter-submenu-comp-div-line-2 {
    width: 500px;
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}

.listing-biens__filter-submenu-buy-line-1 {
    display: flex;
    justify-content: space-between;
}

.listing-biens__filter-submenu-select-cel-buy {
    margin-right: 10px;
    width: 90px;
    background-color: white;
    border: 1px solid #002a7b;
    border-radius: 5px;
    font-family: Raleway, sans-serif;
    color: #002a7b;
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 16px;
}

.listing-biens__filter-submenu-select-cel2.active,
.listing-biens__filter-submenu-comp-div button.active {
    background-color: #002a7b;
    color: white;
    font-weight: bold;
}

.listing-biens__filter-submenu-select-cel2 {
    margin-bottom: 10px;
    width: 160px;
    background-color: white;
    border: 1px solid #002a7b;
    border-radius: 5px;
    font-family: Raleway, sans-serif;
    color: #002a7b;
    font-weight: 300;
    font-size: 16px;
    margin: 3px;
}

.listing-biens__filter-submenu-select-cel2.only_buy:not(.displayed),
.listing-biens__filter-submenu-select-cel2.only_loc:not(.displayed) {
    display: none;
}

.listing-biens__filter-submenu-input-localisation {
    margin-bottom: 16px;
}

.listing-biens__filter-submenu-input-localisation-shadow {
    display: flex;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
    border-radius: 24px;
}

.listing-biens__filter-submenu-input-localisation-input {
    background-color: white;
    border: 0;
    color: #002a7b;
    font-size: 11px;
    padding: 6px 2px 6px 14px;
    border-radius: 24px 0 0 24px;
    width: calc(100% - 36px);
    font-weight: 300;
    font-family: Raleway, sans-serif;
}

.listing-biens__filter-submenu-input-localisation-input:focus {
    outline: none;
}

.listing-biens__filter-submenu-input-localisation-div-button {
    background-color: white;
    border-radius: 0 24px 24px 0;
    display: flex;
    align-items: center;
    height: 40px;
    border: none;
}

.listing-biens__filter-submenu-input-localisation-magn-circle {
    height: 36px;
    width: 36px;
    margin-right: 2px;
    background-color: #002a7b;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.1s;
}

.listing-biens__filter-submenu-input-localisation-img-magn-circle {
    height: 15px;
}

.listing-biens__filter-submenu-select-cel-localisation {
    margin-right: 10px;
    width: 50px;
    height: 50px;
    background-color: white;
    border: 1px solid #002a7b;
    border-radius: 10px;
    font-family: Raleway, sans-serif;
    color: #002a7b;
    font-weight: 300;
    font-size: 11px;
}

.ui-slider-horizontal {
    height: 3px;
    background-color: #f2f2f2 !important;
    margin-top: 16px;
    margin-bottom: 16px;
}

.ui-slider-handle {
    height: 18px !important;
    width: 18px !important;
    border-radius: 100%;
    background-color: #a6e4ff !important;
    border: 2px solid #00b3ff !important;
}

.ui-slider-handle::before {
    display: none !important;
}

.ui-slider-range {
    top: 0 !important;
}

.listing-biens__filter-submenu-info-slider {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.listing-biens__filter-submenu-val-slider {
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 0;
    border-radius: 5px;
    font-family: Helvetica Neue, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    color: #002a7b;
    background-color: #f8f8f8;
}

.listing-biens__filter-submenu-slider-button {
    color: #e0e0e0;
    font-weight: bold;
    font-size: 24px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.listing-biens__filter-submenu-select-cel-label {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding-bottom: 6px;
    background-color: white;
    border: 1px solid #002a7b;
    border-radius: 100%;
    font-family: Raleway, sans-serif;
    color: #002a7b;
    font-weight: 300;
    font-size: 18px;
}

.listing-biens__filter-submenu-div-checkbox {
    width: 280px;
    display: flex;
    flex-wrap: wrap;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -100px;
    opacity: 0.01;
}

[type="checkbox"]:not(:checked)+label,
[type="checkbox"]:checked+label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

[type="checkbox"]:not(:checked)+label:before,
[type="checkbox"]:checked+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 15px;
    height: 15px;
    background-color: #a6e4ff;
    border-radius: 100%;
    transition: all 0.275s;
}

[type="checkbox"]:checked+label:after {
    content: "✓";
    position: absolute;
    top: 8px;
    left: 0px;
    font-size: 20px;
    color: #002a7b;
    line-height: 0;
    transition: all 0.2s;
}

[type="checkbox"]:checked+label:after {
    opacity: 1;
    transform: scale(1) rotate(0);
}

.listing-biens__filter-submenu-sub-label {
    width: 48%;
    font-family: Raleway, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    color: #002a7b;
}

.listing-biens__filter-submenu-buttons-less-more-div {
    display: flex;
    justify-content: space-around;
    width: 100%;
}

.listing-biens__filter-submenu-min-max-div {
    width: 130px;
}

.listing-biens__filter-submenu-div-val-slider {
    display: flex;
    justify-content: center;
}

#listing-biens__filter-submenu-div-select-disp {
    display: none;
}

.listing-biens__filter-submenu-select-disp {
    width: 250px;
    height: 32px;
    padding: 0 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: 96% 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    background-color: white;
    border: 0;
    border-radius: 24px;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
    font-family: Raleway, sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #002a7b;
}

.listing-biens__line-two-section>.container {
    position: relative;
    overflow: hidden;
    padding-top: 0;
}

.listing-biens__section-appartment-cards {
    width: calc(50% - 12px);
    display: inline-block;
    overflow-x: auto;
    left: 0;
    height: 100%;
}

#listing-biens__result-cards #listing-biens__no-results {
    display: none;
}

.listing-biens__appt-number {
    margin-bottom: 16px;
    font-family: Helvetica Neue, sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #07374e;
}

.listing-biens__appt-number>span {
    font-weight: bold;
}

#listing-biens__cards-bloc {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 500px;
}

.listing-biens__card {
    width: calc(50% - 12px);
    margin-bottom: 24px;
    background-color: white;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    opacity: 0.95;
    cursor: pointer;
    transition: 0.1s;
    max-height: 252px;
}

.listing-biens__card>a>div {
    position: relative;
}

.listing-biens__card img {
    height: 180px;
    width: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    object-fit: cover;
}

.listing-biens__card-on-map {
    background-color: white;
    max-width: 250px;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    opacity: 0.95;
    cursor: pointer;
    transition: 0.1s;
}

.listing-biens__card:hover {
    opacity: 1;
}

.listing-biens__card-image {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    height: 180px;
    padding: 8px;
    border-radius: 10px;
    background-position: center;
    background-size: cover;
}

.listing-biens__card-image-pellet {
    height: 24px;
    margin-right: 6px;
    padding: 5px 10px;
    border-radius: 5px;
    font-family: Raleway, sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
}

.pellet-invest {
    background-color: #a6e4ff;
    color: #002a7b;
}

.pellet-neuf {
    background-color: #002a7b;
    color: white;
}

.pellet-viager {
    background-color: #00b3ff;
    color: white;
}

.pellet-pro {
    background-color: white;
    color: #002a7b;
}

.pellet-meuble {
    background-color: #a6e4ff;
    color: #002a7b;
}

.listing-biens__card-image-bottom-band {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 16px;
    background-color: #00b3ff;
    font-family: Raleway, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: white;
}

.listing-biens__card-bottom-fline {
    padding: 4px 8px 0 8px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.listing-biens__card-bottom-fline span,
.listing-biens__card-bottom-sline span {
    line-height: 1.1;
}

.listing-biens__card-bottom-typology {
    font-family: Helvetica Neue, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #00b3ff;
}

.listing-biens__card-bottom-text {
    font-family: Helvetica Neue, sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    color: #07374e;
}

.listing-biens__card-bottom-sline {
    display: flex;
    flex-direction: column;
    padding: 0 8px 8px 8px;
}

.listing-biens__section-map {
    left: calc(50vw + 12px);
    width: 50%;
    height: 605px;
    max-height: calc(100vh - 170px);
    display: inline-block;
    float: right;
}

.listing-biens__section-map .gm-style-iw-d {
    background: white;
    max-width: 3000px !important;
}

.listing-biens__section-map .gm-style-iw-c {
    max-width: 100% !important;
}

.listing-biens__section-map .gm-style .infowindow-annonce a {
    color: black;
    font-family: Helvetica Neue, sans-serif;
}

.listing-biens__section-map .gm-style .infowindow-annonce .first-line-info-bien {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.listing-biens__section-map .gm-style .infowindow-annonce .first-line-info-bien div:first-child {
    color: #00b3ff;
    margin-right: 10px;
}

.listing-biens__section-map .gm-style .infowindow-annonce .first-line-info-bien,
.listing-biens__section-map .gm-style .infowindow-annonce .second-line-info-bien,
.listing-biens__section-map .gm-style .infowindow-annonce .third-line-info-bien {
    margin: 0.5rem 0;
}

#listing-biens__map {
    height: 100%;
    width: 100%;
    border-radius: 10px;
}

.listing-biens__map-bottom-message {
    position: absolute;
    bottom: 20px;
    right: 10px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 54px;
    width: 250px;
    padding: 10px;
    background-color: white;
    border-radius: 10px;
    display: none;
}

.listing-biens__map-bottom-message-icon {
    width: 24px;
}

.listing-biens__map-bottom-message-text {
    font-family: Raleway, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #002a7b;
}

#listing-biens__map-card {}

.selected {
    background-color: #002a7b;
    color: white;
    font-weight: bold;
}

.unselected {
    background-color: white;
    color: #002a7b;
    font-weight: 300;
}

.pac-container {
    display: none !important;
}

.sergic-managment-mandate-title {
    text-align: center;
    margin: 20px 0;
    color: #07374e;
}

.sergic-managment-mandate-title h2 {
    font-weight: bold;
    font-size: 2.4rem;
    padding: 20px 0;
}

#listing-biens__no-results {
    /*display: none;*/
}

#listing-biens__location-no-results {
    display: none;
    position: absolute;
    background-color: #00b3ff;
    padding: 0px 15px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 12px;
    color: white;
    font-family: "Raleway";
    top: 20px;
}

.listing-biens__map-container {
    position: relative;
    height: 100%;
}

.listing-biens__pellet-non-exact-address {
    position: absolute;
    bottom: 24px;
    right: 60px;
    padding: 10px 12px;
    background-color: white;
    border-radius: 10px;
    z-index: 1;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;
    color: #00b3ff;
    /*display: none;*/
}

.listing-biens__map-no-position-img {
    height: 24px;
    margin-right: 8px;
}

.partage_social_block {
    margin-top: 24px;
}

.partage_social_block>p {
    color: #07374e;
    font-weight: 700;
    margin-bottom: 8px;
}

.partage_social_block .social_link_block {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.partage_social_block .social_link_block .social_link {
    margin-right: 16px;
    cursor: pointer;
}

.partage_social_block .social_link_block .social_link img {
    max-height: 22px;
    width: auto;
}

.gm-style-iw-t::after {
    display: none !important;
}

.gm-style,
.gm-style-iw-c {
    padding: 0 !important;
}

.gm-style-iw-c {
    max-width: 250px !important;
}

.gm-ui-hover-effect {
    display: none !important;
}

.gm-style-iw-d {
    overflow: hidden !important;
}

.listing-biens-vacances__main {
    padding: 0 15vw;
}

.spinner {
    margin: 20px auto 20px;
    width: 70px;
    text-align: center;
    margin-top: 30rem;
    display: none;
}

.spinner>div {
    width: 18px;
    height: 18px;
    background-color: #00b3ff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
    }
}

@keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.listing-biens-vacances__section-filters-container {
    padding-top: 80px;
}

.listing-biens-vacances__section-filters-container .container {
    position: relative;
    padding-bottom: 0;
}

.listing-biens-vacances__ghost-filters-bar {
    position: fixed;
    left: 0;
    z-index: 9;
    height: 105px;
    width: 100%;
    background-color: #f8f8f8;
}

.listing-biens-vacances__filters-bar {
    display: flex;
    justify-content: space-between;
    position: relative;
    background-color: white;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    z-index: 2;
}

.listing-biens-vacances__div-filter-button {
    padding: 12px 0;
    width: 25%;
    border-radius: 10px;
    color: #07374e;
    cursor: pointer;
    transition: 0.1s;
}

.listing-biens-vacances__div-filter-button:hover {
    background-color: #00b3ff;
    color: white;
}

.listing-biens-vacances__filter-button {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-right: 0.5px solid #a6e4ff;
}

.listing-biens-vacances__filter-button-text {
    font-family: Raleway, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    margin: 0 10px;
}

.listing-biens-vacances__filter-button-arrow {
    width: 12px;
    margin-right: 10px;
}

.listing-biens-vacances__div-input-bloc {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 25%;
    height: 64px;
    min-width: 100px;
    color: #07374e;
}

.listing-biens-vacances__input-ref {
    border: 0;
    border-bottom: 1px solid #a6e4ff;
    max-width: 120px;
    padding: 0 5px;
    margin-right: 10px;
}

#listing-biens-vacances__filter-button-text-erence {
    display: none;
}

.listing-biens-vacances__filter-submenu {
    position: absolute;
    top: 90px;
    left: 0;
    padding: 30px 20px 20px 20px;
    background-color: white;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
    border-radius: 0 0 10px 10px;
    z-index: 420;
    /* :) */
}

#listing-biens-vacances__filter-submenu-buy {
    display: none;
    margin-left: 25%;
}

#listing-biens-vacances__filter-submenu-localisation {
    display: none;
}

#listing-biens-vacances__filter-submenu-area {
    display: none;
    margin-left: 50%;
    overflow: hidden;
}

.listing-biens-vacances__filter-submenu-label {
    margin-bottom: 8px;
    font-family: Raleway, sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #00b3ff;
}

.listing-biens-vacances__filter-submenu-comp-div {
    position: relative;
}

.listing-biens-vacances__filter-submenu-buy-line-1 {
    display: flex;
    justify-content: space-between;
}

.listing-biens-vacances__filter-submenu-select-cel-buy {
    margin-right: 10px;
    background-color: #002a7b;
    border: 1px solid #002a7b;
    border-radius: 5px;
    font-family: Raleway, sans-serif;
    color: white;
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 16px;
    min-width: 200px;
    font-weight: bold;
}

.listing-biens-vacances__filter-submenu-select-cel-place {
    margin-right: 8px;
    min-width: 100px;
    border-radius: 5px;
    font-family: Raleway, sans-serif;
    color: white;
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 12px;
    border: 1px solid #002a7b;
}

.listing-biens-vacances__filter-submenu-select-cel-place.active {
    background-color: #002a7b;
}

.listing-biens-vacances__filter-submenu-select-cel-place:not(.active) {
    background-color: white;
    color: #002a7b;
}

.listing-biens-vacances__filter-submenu-select-cel-buy:not(.active) {
    background-color: white;
    color: #002a7b;
}

.listing-biens-vacances__filter-submenu-select-cel-localisation {
    margin-right: 10px;
    width: 50px;
    height: 50px;
    background-color: white;
    border: 1px solid #002a7b;
    border-radius: 10px;
    font-family: Raleway, sans-serif;
    color: #002a7b;
    font-weight: 300;
    font-size: 11px;
}

.ui-slider-horizontal {
    height: 3px;
    background-color: #f2f2f2 !important;
    margin-top: 16px;
    margin-bottom: 16px;
}

.ui-slider-handle {
    height: 18px !important;
    width: 18px !important;
    border-radius: 100%;
    background-color: #a6e4ff !important;
    border: 2px solid #00b3ff !important;
}

.ui-slider-handle::before {
    display: none !important;
}

.ui-slider-range {
    top: 0 !important;
}

.f3__section {
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
    background-color: white;
    padding: 0 !important;
}

.f3__bloc-art {
    display: flex;
    width: 48%;
    margin-right: 4%;
}

@media screen and (max-width: 780px) {
    .f3__section {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        border-radius: 10px;
        background-color: white;
        padding: 0 !important;
    }
    .f3__bloc-art {
        display: flex;
        width: 80%;
        margin-right: 0%;
    }
    .f3__bloc-art:last-child {
        display: flex;
        width: 80%;
        margin-right: 0%;
        margin-top: 20px;
    }
    .sergic-managment-mandate-title h2 {
        font-size: 1.6rem;
        width: 75%;
        margin: auto;
    }
    .sergic-managment-mandate-title {
        margin: 20px 0 0;
    }
    .contrat-gl__main-div {
        width: 100%;
    }
}

.f3__bloc-art:last-child {
    margin-right: 0%;
}

.f3__text-part {
    position: relative;
    width: 50%;
    padding: 16px 16px 34px 16px;
}

.f3__art-title {
    margin-bottom: 8px;
    font-family: "Raleway", sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #07374e;
}

.f3__art-text {
    margin-bottom: 8px;
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #212121;
    line-height: 16px;
}

.f3__art-tag {
    position: absolute;
    bottom: 10px;
    left: 16px;
    margin-bottom: 0;
    font-family: "Raleway", sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #07374e;
    text-transform: capitalize;
}

.f3__img-part {
    width: 50%;
    height: 100%;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.listing-biens-vacances__filter-submenu-div-checkbox {
    width: 280px;
    display: flex;
    flex-wrap: wrap;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -100px;
    opacity: 0.01;
}

[type="checkbox"]:not(:checked)+label,
[type="checkbox"]:checked+label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

[type="checkbox"]:not(:checked)+label:before,
[type="checkbox"]:checked+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 15px;
    height: 15px;
    background-color: #a6e4ff;
    border-radius: 100%;
    transition: all 0.275s;
}

[type="checkbox"]:checked+label:after {
    content: "✓";
    position: absolute;
    top: 8px;
    left: 0px;
    font-size: 20px;
    color: #002a7b;
    line-height: 0;
    transition: all 0.2s;
}

[type="checkbox"]:checked+label:after {
    opacity: 1;
    transform: scale(1) rotate(0);
}

.listing-biens-vacances__filter-submenu-sub-label {
    width: 48%;
    font-family: Raleway, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    color: #002a7b;
}

.listing-biens-vacances__line-two-section {
    position: relative;
    padding-top: 130px;
    display: flex;
    justify-content: space-between;
}

.listing-biens-vacances__section-appartment-cards {
    width: calc(50% - 12px);
}

#listing-biens-vacances__result-cards {
    display: none;
}

.listing-biens-vacances__appt-number {
    margin-bottom: 16px;
    font-family: Helvetica Neue, sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #07374e;
}

.listing-biens-vacances__appt-number>span {
    font-weight: bold;
}

#listing-biens-vacances__cards-bloc {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.listing-biens-vacances__card {
    width: calc(50% - 12px);
    margin-bottom: 24px;
    background-color: white;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    opacity: 0.95;
    cursor: pointer;
    transition: 0.1s;
}

.listing-biens-vacances__card-on-map {
    background-color: white;
    max-width: 250px;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    opacity: 0.95;
    cursor: pointer;
    transition: 0.1s;
}

.listing-biens-vacances__card:hover {
    opacity: 1;
}

.listing-biens-vacances__card-image {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    height: 180px;
    padding: 8px;
    border-radius: 10px;
    background-position: center;
    background-size: cover;
}

.listing-biens-vacances__card-image-pellet {
    height: 24px;
    margin-right: 6px;
    padding: 5px 10px;
    border-radius: 5px;
    font-family: Raleway, sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
}

.pellet-invest {
    background-color: #a6e4ff;
    color: #002a7b;
}

.pellet-neuf {
    background-color: #002a7b;
    color: white;
}

.pellet-viager {
    background-color: #00b3ff;
    color: white;
}

.pellet-pro {
    background-color: white;
    color: #002a7b;
}

.listing-biens-vacances__card-image-bottom-band {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 16px;
    background-color: #00b3ff;
    font-family: Raleway, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: white;
}

.listing-biens-vacances__card-bottom-fline {
    padding: 4px 8px 0 8px;
    display: flex;
    justify-content: space-between;
}

.listing-biens-vacances__card-bottom-typology {
    font-family: Helvetica Neue, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #00b3ff;
}

.listing-biens-vacances__card-bottom-text {
    font-family: Helvetica Neue, sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    color: #07374e;
}

.listing-biens-vacances__card-bottom-sline {
    display: flex;
    flex-direction: column;
    padding: 0 8px 8px 8px;
}

.listing-biens-vacances__section-map {
    position: fixed;
    left: calc(50vw + 12px);
    width: calc(35vw - 22px);
    height: 605px;
    max-height: calc(100vh - 170px);
}

#listing-biens-vacances__map {
    height: 100%;
    border-radius: 10px;
}

.listing-biens-vacances__map-bottom-message {
    position: absolute;
    bottom: 20px;
    right: 10px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 54px;
    width: 250px;
    padding: 10px;
    background-color: white;
    border-radius: 10px;
    display: none;
}

.listing-biens-vacances__map-bottom-message-icon {
    width: 24px;
}

.listing-biens-vacances__map-bottom-message-text {
    font-family: Raleway, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #002a7b;
}

#listing-biens-vacances__map-card {}

.selected {
    background-color: #002a7b;
    color: white;
    font-weight: bold;
}

.unselected {
    background-color: white;
    color: #002a7b;
    font-weight: 300;
}

.pac-container {
    display: none !important;
}

#listing-biens-vacances__no-results {
    /*display: none;*/
}

#listing-biens-vacances__location-no-results {
    display: none;
    position: absolute;
    background-color: #00b3ff;
    padding: 0px 15px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 12px;
    color: white;
    font-family: "Raleway";
    top: 20px;
}

.listing-biens-vacances__div-card-bottom-price {
    display: inline-flex;
    flex-direction: column;
    margin-top: 4px;
}

.listing-biens-vacances__card-bottom-price {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 10px;
    color: #07374e;
}

.listing-biens-vacances__card-bottom-average {
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    font-size: 8px;
    line-height: 9px;
    color: #07374e;
}

.listing-biens-vacances__filter-submenu-date-content {
    display: flex;
}

.listing-biens-vacances__div-date-input:first-child {
    margin-right: 8px;
}

.listing-biens-vacances__label-date-input {
    padding-left: 8px;
    margin: 0;
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
    color: #07374e;
}

.listing-biens-vacances__date-input {
    width: 150px;
    padding: 5px;
    border: 1px solid #07374e;
    border-radius: 5px;
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #07374e;
}

.listing-biens-vacances__filter-submenu-select-cel-label {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding-bottom: 6px;
    background-color: white;
    border: 1px solid #002a7b;
    border-radius: 100%;
    font-family: Raleway, sans-serif;
    color: #002a7b;
    font-weight: 300;
    font-size: 18px;
}

.listing-biens-vacances__filter-submenu-select-cel-label.active {
    background: #002a7b;
    color: white;
    font-weight: bold;
}

.list-filters {
    margin: 2rem 0;
    position: relative;
}

.list-filters .filter {
    background: #002a7b;
    border-radius: 50px;
    color: white;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 5px 2px;
    text-transform: capitalize;
}

.list-filters .filter i {
    background: #002a7b;
    border-radius: 50px;
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-right: -5px;
}

.list-filters .filter i.switchFilter {
    padding-left: 8px;
}

.list-filters .filter i.switchFilter:before {
    transition: 0.5s;
}

.list-filters .filter i.switchFilter.active:before {
    transition: 0.5s;
    transform: rotate(180deg);
}

.list-fiters .filter>span,
.list-filters .filter>span {
    margin: 0 10px 0 10px;
    font-weight: 400;
}

.list-filters .filter.deletable {
    background: #00b3ff;
}
.list-filters .itr_place {
    position: absolute;
    right: 0;
}
.list-filters .itr_place .itr_place_city {
    border: 1px solid #002a7b;
    border-radius: 5px;
    padding:10px 10px 10px 20px;
    color: #002a7b;
    text-transform: capitalize;
    font-family: Raleway, sans-serif;
    text-decoration: none;
    transition: all .3s ease;
}
.list-filters .itr_place .itr_place_city:hover {
    background-color: #002a7b;
    color: #fff;
    transition: all .3s ease;
}
.list-filters .itr_place .itr_place_city img {
    margin-left: 10px;
    object-fit: cover;
}
@media screen and (max-width: 768px) {
    .list-filters {
        padding-bottom: 50px;
    }
    .list-filters .itr_place {
        bottom: 0;
        left: 0;
        right: auto;
    }
}
/* Fin page recherche de biens */
/* Page conditions de location */

.page-template-page-rental-conditions .sergic-result-wrapper {
    flex-direction: column;
    padding: 30px 20px;
}

.page-template-page-rental-conditions .sergic-result-wrapper .sergic-result-title {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.page-template-page-rental-conditions .sergic-result-wrapper .sergic-result-title h3 {
    width: 50%;
    text-align: left;
    font-family: Open Sans;
    font-size: 24px;
    font-weight: 700;
    color: #00b3ff;
    padding-left: 15px
}

.page-template-page-rental-conditions .sergic-result-wrapper .sergic-result-all {
    display: flex;
    background-color: #f8f8f8;
    border-radius: 20px;
    margin: 1rem 0;
    font-family: 'Raleway';
    color: #002a7b;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 4px 0;
}

.page-template-page-rental-conditions .sergic-result-wrapper .sergic-result-all:last-child {
    margin: 0 !important;
}

.page-template-page-rental-conditions .sergic-result-wrapper .sergic-result-all:last-child {
    margin: 0 !important;
}

.page-template-page-rental-conditions .sergic-result-wrapper .sergic-result-all .ml-2 {
    font-weight: 400;
}

.page-template-page-rental-conditions .sergic-result-wrapper .sergic-result-all .ml-4 {
    font-weight: 400;
    font-size: 14px;
    color: #00b3ff;
    display: inline-block;
}

.page-template-page-rental-conditions .sergic-result-wrapper .sergic-result-all .sergic-list-pieces {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.page-template-page-rental-conditions .sergic-result-wrapper .sergic-result-all ul {
    padding: 12px 0 12px 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    font-size: 18px;
    margin-bottom: 0;
}

.page-template-page-rental-conditions .sergic-result-wrapper .sergic-result-all ul li {
    margin: 5px 0;
}

.page-template-page-rental-conditions .sergic-result-wrapper .sergic-result-all p {
    margin-bottom: 0 !important;
}

.page-template-page-rental-conditions .sergic-result-wrapper .sergic-result-all p * {
    margin: 2px 0;
}

.page-template-page-rental-conditions #sergic_rental_condition_description h3 {
    color: #07374e;
    font-family: "Raleway", Sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.page-template-page-rental-conditions #sergic_rental_condition_description p {
    color: #07374e;
    font-family: "Raleway", Sans-serif;
    font-size: 12px;
    font-weight: 400;
}
/* Fin de page conditions */

.contact_block {
    margin: 4rem auto
}

.contact_block h3 {
    float: left;
    width: 65%;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 28px;
    color: #07374e;
    line-height: 28px;
}

.contact_block h3 span {
    display: block;
}

.contact_block .contact_link {
    float: left;
    width: 35%;
    text-align: right;
}

.contact_block .contact_link a.contact_button {
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    font-weight: bold;
    background-color: #00b3ff;
    color: #fff;
    border-radius: 24px 24px 24px 24px;
    padding: 12px 48px 12px 48px;
}

.it_agence-template-default #bloc-district {
    display: flex;
}

@media screen and (max-width: 768px) {
    .contact_block {
        display: flex;
        flex-direction: column;
    }
    .contact_block h3 {
        width: 100%;
    }
    .contact_block .contact_link {
        width: 100%;
        text-align: center;
    }
}

.h2-posts-facebook {
    margin: 50px 0 30px 0 !important;
}

.h2-posts-facebook>div>h2,
section.facebook-feed .facebook-feed_title {
    font-size: 38px !important;
    font-weight: bold !important;
    color: #07374e !important;
}

.bien-achat-location {
    font-size: 28px !important;
    font-weight: bold !important;
    color: #07374e !important;
    line-height: 40px;
    font-family: "Montserrat", sans-serif;
}
/*Facebook posts */

#sergic-facebook-feed {
    margin: 2rem auto;
}

#sergic-facebook-feed h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 38px;
    color: #07374e;
    margin-bottom: 0;
    line-height: 38px;
}

#cff .cff-posts-wrap,
#cff .cff-masonry-posts {
    display: flex;
}

@media screen and (max-width: 760px) {
    .cff-item {
        margin-left: 0px !important;
        left: 0px !important;
        margin-top: 20px !important;
    }
    #cff.cff-fixed-height {
        overflow: visible !important;
    }
    #cff .cff-posts-wrap {
        flex-direction: column;
    }
}

@media screen and (min-width: 760px) {
    .cff-item {
        margin-left: 0px !important;
        margin-right: 30px !important;
    }
    .cff-item {
        width: 45% !important;
    }
}

#cff {
    overflow: visible !important;
    padding: 5px 0px !important;
    margin-bottom: 0px !important;
}

#cff .cff-likebox {
    display: none !important;
}

#cff .cff-author>.cff-author-text {
    visibility: hidden !important;
}

#cff .cff-item {
    background: #fff !important;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    display: flex !important;
    flex-direction: row-reverse;
    padding-top: 4rem !important;
    min-height: 160px !important;
}

#cff .cff-post-links {
    visibility: hidden !important;
}

#cff .cff-post-text {
    font-size: 12px !important;
    font-weight: 300 !important;
    color: #000;
    position: relative;
    top: 50%;
    left: 0;
    transform: translate(5%, -40%);
    padding-right: 10px !important;
    padding-top: 2rem !important;
}

#cff .cff-author {
    position: absolute;
    top: 0;
    left: 5%;
}

#cff.cff-thumb-layout .cff-photo {
    width: 100% !important;
}

#cff.cff-thumb-layout .cff-photo img {
    border-radius: 10px;
    object-fit: cover;
    height: 100px;
}

#cff .cff-photo:after {
    border: none !important;
}

#cff .cff-meta-wrap {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50% !important;
    text-align: end;
}

#cff .cff-meta-wrap .cff-post-links {
    width: 100%;
    margin-top: 0;
    padding: 5px 10px;
    visibility: visible !important;
}

#cff .cff-meta-wrap .cff-post-links .cff-share-container {
    display: none;
}

#cff .cff-media-wrap {
    width: 50%;
}

#cff .cff-photo {
    width: 100%;
}

#cff .cff-author img {
    border-radius: 0 !important;
}

#cff .cff-text-wrapper {
    display: flex;
    flex-direction: row-reverse;
}

#cff .cff-text-link {
    display: none;
}

#cff .cff-shared-link .cff-full-size {
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 10px;
    width: 50%;
    height: 100px;
}

#cff.narrow .cff-shared-link .cff-link {
    width: 100%;
}

#cff.narrow .cff-shared-link .cff-link img {
    border-radius: 10px;
    height: 100px;
}

.cff-photo .nofancybox {
    height: 100%;
}

#cff .cff-shared-link {
    border: none;
    margin: 0;
    padding: 0;
    width: 65%;
}

#cff.cff-thumb-layout .cff-full-size .cff-link {
    height: 100%;
    max-width: 100%;
    width: 100%;
}

#cff.cff-thumb-layout .cff-full-size .cff-link img {
    border-radius: 10px;
    width: 100%;
    height: 100px;
    object-fit: cover;
}

#cff.cff-thumb-layout .cff-post-text {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.h2-posts-facebook {
    margin: 50px 0 30px 0 !important;
}

.h2-posts-facebook>div>h2,
section.facebook-feed .facebook-feed_title {
    font-size: 38px !important;
    font-weight: bold !important;
    color: #07374e !important;
}

.activity-sergic {
    margin-top: 160px !important;
}

.agency-map__agency-bloc-picture>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .elementor-element-01651e3 {
        padding: 0 10px;
    }
    .breadcrumb-annonces {
        margin-top: 20px;
        flex-wrap: wrap;
    }
    .breadcrumb-annonces li {
        font-size: 14px !important;
    }
    .breadcrumb-annonces li:last-child {
        display: block;
        width: 100%;
    }
    .appt-desc__title-ref-line {
        flex-direction: column;
    }
    .appt-desc__ref {
        width: 100%;
    }
    .appt-desc__carousel-container {
        width: 100%;
        margin: 0 0 20px;
    }
    .appt-desc__description-section {
        flex-direction: column;
    }
    .appt-desc__caracteristique-container {
        flex-direction: column;
    }
    .appt-desc__caracteristique {
        flex-direction: column;
    }
    .appt-desc__caracteristique-icon {
        margin-right: 0;
    }
    .appt-desc__caracteristique-text {
        text-align: center;
    }
    .appt-desc__description-right-bloc {
        width: 100%;
    }
    .transiscope__bloc-district>.no-gutters {
        display: block !important;
    }
    .single-lieu .transiscope__bloc-district>.no-gutters {
        flex-direction: initial;
    }
    .transiscope__district-info {
        width: 100%;
        display: block;
    }
    .carousel-module__button-choice-div {
        margin: auto;
    }
    .transiscope__side-col {
        flex: 1 1 auto;
    }
    .single-lieu .container .title-belles-histoires h2 {
        font-size: 32px;
    }
}

.single-it_agence .reseaux_link {
    padding-top: 0px;
}
/* end facebook posts */
/* sitemap [debut] */

.sitemap_page ul,
.sitemap_lieux ul,
.sitemap_agences ul {
    list-style: none;
    font-size: 18px;
    margin-left: 15px;
}
/* sitemap [fin] */
/* Pages footer default */

.page-default h1 {
    font-family: "Raleway", Sans-serif;
    font-size: 38px;
    font-weight: 700;
    color: #07374e;
}

.page-default h2 {
    font-family: "Raleway", Sans-serif;
    font-size: 22px;
    font-weight: 500;
    color: #00b3ff;
}

.page-default {
    color: #07374e;
    font-family: "Raleway", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-top: 60px;
}

@media screen and (max-width: 1024px) {
    .page-default {
        margin-top: 6rem;
    }
}

.error-404 {
    position: relative;
    top: 60px;
    padding-top: 60px;
    padding-bottom: 60px;
}

.error-404_title {
    color: #00b3ff;
    font-family: "Raleway", Sans-serif;
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
}

.error-404_text {
    color: #3d3d3d;
    font-family: "Raleway", Sans-serif;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center;
}

.error-404_redirection {
    font-family: "Raleway", Sans-serif;
    font-weight: 900;
    fill: #fff;
    color: #fff;
    background-color: #00b3ff;
    border-radius: 24px 24px 24px 24px;
    font-size: 16px;
    padding: 15px 30px;
    margin: 0px auto 20px auto;
}
/****PAGES SYNDIC****/

.syndic-section {
    width: 100%;
    margin: 25px auto;
    display: block;
    background-color: #fff;
}

.syndic-section h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 38px;
    font-weight: 700;
    color: #07374e;
    margin: 0 0 3rem 0;
}

.syndic-video .container {
    display: block;
    width: 60%;
    margin: auto;
    text-align: center;
}

.page-template-page-syndic #sergic-block-banner-pages {
    height: 590px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.page-template-page-syndic #sergic-block-banner-pages .sergic-banner-titles-cta-pages {
    background: linear-gradient(280deg, rgba(255, 255, 255, 0.8) 0%, rgba(242, 41, 91, 0) 58%);
}

.page-template-page-syndic #sergic-block-banner-pages .sergic-banner-titles-cta-pages .sergic-banner-title-pages {
    text-shadow: none;
    right: 23%;
    top: 50%;
    width: 50%;
}

.page-template-page-syndic #sergic-block-banner-pages .sergic-banner-titles-cta-pages .sergic-banner-title-pages .sergic-banner-second-line {
    font-size: 38px;
    text-align: right;
    text-shadow: 0 0 10px rgba(0, 0, 0, .3);
}

.page-template-page-syndic #sergic-block-banner-pages .sergic-banner-titles-cta-pages img {
    max-width: 250px;
    height: auto;
    position: absolute;
    right: 23%;
    top: 30%;
}

.page-template-page-syndic #sergic-block-banner-pages .sergic-banner-call-to-action-wrapper {
    right: 23%;
    transform: none;
    top: 65%;
}

.page-template-page-syndic #sergic-block-banner-pages .sergic-banner-call-to-action-wrapper .sergic-banner-call-to-action {
    text-decoration: none;
}

.page-template-page-syndic #sergic-block-banner-pages .sergic-banner-call-to-action-wrapper .sergic-banner-call-to-action:last-child {
    background-color: #fff;
    margin: 0 0 0 10px;
}

.page-template-page-syndic #syndic-on-mesure {
    margin-top: -5rem;
    position: relative;
    z-index: 1;
}

.page-template-page-syndic #syndic-on-mesure .syndic-on-mesure-wrapper {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 40px;
    border-radius: 20px;
}

.page-template-page-syndic #syndic-on-mesure .syndic-on-mesure-wrapper h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 38px;
    font-weight: 700;
    color: #07374e;
    margin-bottom: 3rem;
}

.page-template-page-syndic #syndic-on-mesure .syndic-on-mesure-wrapper .on-mesure-repeater {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.page-template-page-syndic #syndic-on-mesure .syndic-on-mesure-wrapper .on-mesure-repeater .on-mesure-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .07);
    width: 30%;
    margin: 0 15px;
    padding: 14px;
    border-radius: 10px;
}

.page-template-page-syndic #syndic-on-mesure .syndic-on-mesure-wrapper .on-mesure-repeater .on-mesure-card .heading-on-mesure-card {
    display: flex;
    align-items: flex-start;
}

.page-template-page-syndic #syndic-on-mesure .syndic-on-mesure-wrapper .on-mesure-repeater .on-mesure-card .heading-on-mesure-card span {
    color: rgba(166, 228, 255, .4);
    font-size: 100px;
    font-weight: 800;
    line-height: 80px;
}

.page-template-page-syndic #syndic-on-mesure .syndic-on-mesure-wrapper .on-mesure-repeater .on-mesure-card .heading-on-mesure-card h3 {
    font-family: "Raleway", Sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #00b3ff;
}

.page-template-page-syndic #syndic-on-mesure .syndic-on-mesure-wrapper .on-mesure-repeater .on-mesure-card .body-on-mesure-card {
    color: #07374e;
    font-family: "Raleway", Sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 27px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

.page-template-page-syndic #sergic-pro-block .sergic-pro-wrapper .sergic-pro-img {
    width: 40% !important;
}

.page-template-page-syndic #sergic-pro-block .sergic-pro-wrapper .sergic-pro-desc {
    width: 60% !important;
}

.page-template-page-syndic #syndic-price {
    background-color: #fff;
    position: relative;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .07);
    border-radius: 30px;
    margin: 2rem auto 3rem;
    min-height: 155px;
    max-height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 0;
}

.page-template-page-syndic #syndic-price .syndic-price-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-template-page-syndic #syndic-price .syndic-price-wrapper:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('/wp-content/themes/sergic/assets/img/rectangle.png');
}

.page-template-page-syndic #syndic-price .syndic-price-wrapper div {
    width: 30%;
    text-align: center;
    z-index: 1;
    text-decoration: none;
}

.page-template-page-syndic #syndic-price .syndic-price-wrapper div img {
    max-width: 300px;
    height: auto;
}

.page-template-page-syndic #syndic-price .syndic-price-wrapper .syndic-price-link a {
    font-family: "Raleway", Sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #00b3ff;
    border-radius: 24px;
    padding: 10px;
}

.page-template-page-syndic #syndic-price-legend-more {
    padding: 10px 15px 0 15px;
    text-align: center;
}

.page-template-page-syndic #syndic-price-legend-more .syndic-price-legend {
    color: #000;
    font-family: "Raleway", Sans-serif;
    font-size: 13px;
    font-weight: 300;
    font-style: normal;
    line-height: 27px;
}

@media screen and (max-width: 1024px) {
    .page-template-page-syndic #sergic-block-banner-pages .sergic-banner-titles-cta-pages img {
        top: 20%;
    }
    .page-template-page-syndic #sergic-block-banner-pages .sergic-banner-titles-cta-pages .sergic-banner-title-pages {
        top: 35%;
    }
}

@media screen and (max-width: 991px) {
    .page-template-page-syndic #sergic-block-banner-pages .sergic-banner-titles-cta-pages img {
        top: 0;
    }
    .page-template-page-syndic #sergic-block-banner-pages .sergic-banner-titles-cta-pages .sergic-banner-title-pages {
        top: 20%;
        width: 70%;
    }
    .page-template-page-syndic #sergic-block-banner-pages .sergic-banner-call-to-action-wrapper {
        top: 45%;
    }
    .page-template-page-syndic #syndic-on-mesure {
        margin-top: -7rem;
        margin-bottom: 3rem;
    }
    .page-template-page-syndic #syndic-on-mesure .syndic-on-mesure-wrapper h2 {
        font-size: 32px;
    }
    .page-template-page-syndic #syndic-on-mesure .syndic-on-mesure-wrapper {
        padding: 20px 10px;
    }
    .page-template-page-syndic #syndic-on-mesure .syndic-on-mesure-wrapper .on-mesure-repeater {
        flex-direction: column;
    }
    .page-template-page-syndic #syndic-on-mesure .syndic-on-mesure-wrapper .on-mesure-repeater .on-mesure-card {
        width: 100%;
        margin: 15px 0;
    }
    .page-template-page-syndic #syndic-on-mesure .syndic-on-mesure-wrapper .on-mesure-repeater .on-mesure-card .heading-on-mesure-card {
        align-items: center;
    }
    .page-template-page-syndic #syndic-price .syndic-price-wrapper div img {
        max-width: 200px;
    }
}

@media screen and (max-width: 768px) {
    .page-template-page-syndic #syndic-price {
        max-height: initial !important;
    }
    .page-template-page-syndic #sergic-block-banner-pages .sergic-banner-titles-cta-pages {
        right: 0 !important;
        top: 10% !important;
    }
    .page-template-page-syndic #sergic-block-banner-pages .sergic-banner-titles-cta-pages img {
        top: 5%;
        right: 10%;
    }
    .page-template-page-syndic #sergic-block-banner-pages .sergic-banner-titles-cta-pages .sergic-banner-title-pages {
        right: 10%;
        width: 90%;
    }
    .page-template-page-syndic #sergic-block-banner-pages .sergic-banner-call-to-action-wrapper {
        right: 0;
        top: 55%;
        text-align: center;
    }
    .page-template-page-syndic #sergic-block-banner-pages .sergic-banner-call-to-action-wrapper .sergic-banner-call-to-action {
        width: 90%;
        display: block;
        text-align: center;
        padding: 5px 0;
        margin: 15px auto;
    }
    .page-template-page-syndic #syndic-on-mesure {
        margin-top: -5rem !important;
    }
    .page-template-page-syndic #sergic-pro-block .sergic-pro-wrapper .sergic-pro-img,
    .page-template-page-syndic #sergic-pro-block .sergic-pro-wrapper .sergic-pro-desc {
        width: 100% !important;
    }
    .syndic-video .container {
        width: 100%;
    }
    .syndic-section h2 {
        font-size: 24px;
    }
    .page-template-page-syndic #syndic-price .syndic-price-wrapper {
        flex-direction: column;
    }
    .page-template-page-syndic #syndic-price .syndic-price-wrapper div {
        width: 100%;
        margin: 15px auto;
    }
    .page-template-page-syndic #syndic-price .syndic-price-wrapper::before {
        left: 0px;
        right: 5%;
    }
}

.it_annonce-template-default .modal-dialog {
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.it_annonce-template-default .modal-content {
    background-color: #fff !important;
    width: 100% !important;
    position: relative;
    top: 0;
    left: 0;
    min-width: 35vw;
    min-height: 45vh;
}

.it_annonce-template-default .modal-content>* {
    flex: 1 1 auto;
}

.modal-title {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #07374e;
    margin: auto;
    max-width: 90%;
}

.it_annonce-template-default .modal-content .modal-body {
    font-weight: bold;
    color: #07374e;
    background: none;
    max-width: 95%;
    width: 90%;
    text-align: center;
    justify-content: center;
    position: initial;
}

.it_annonce-template-default .modal-content .modal-footer {
    justify-content: center;
}

.it_annonce-template-default .modal-content .modal-body .close {
    position: absolute;
    right: 15px;
    top: 15px;
}

.it_annonce-template-default .modal-content .card:not(:first-child) {
    border: 0;
    border-top: solid 1px #ccc;
}

.it_annonce-template-default .modal-content .card:first-child {
    border: 0 !important;
}

.it_annonce-template-default .modal-content .card-header {
    border: 0;
    background: none;
}

.it_annonce-template-default .modal-content .card h2 {
    border: 0;
    background: 0;
    text-align: left;
}

.it_annonce-template-default .modal-content .card button {
    font-size: 20px;
    font-weight: bold;
    color: #07374E;
    border: none;
    background: none;
    text-align: left;
}

.it_annonce-template-default .modal-content .card button p {
    color: #07374e;
    font-weight: bold;
}

.it_annonce-template-default .modal-content .card .card-body {
    text-align: left;
    font-family: 'Raleway';
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;
    color: #07374E;
}

.it_annonce-template-default .modal-content .card .card-body p {
    font-family: 'Raleway';
}

@media screen and (max-width: 768px) {
    .it_annonce-template-default .modal-dialog {
        width: 95% !important;
        top: 70% !important;
    }
}
/* Page agence nouveau bloc */

#certif-agency {
    margin: 5rem auto;
    background-color: #fff;
    border-radius: 12px;
    padding: 0;
}

#certif-agency .certif-agency-wrapper {
    display: flex;
    color: #07374e;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
    padding: 15px 0;
}

#certif-agency .certif-agency-wrapper .certif-agency-img {
    display: flex;
    width: 25%;
}

#certif-agency .certif-agency-wrapper .certif-agency-img img {
    border-radius: 12px;
    height: auto;
    object-fit: contain;
    max-height: 185px;
    margin: auto;
}

#certif-agency .certif-agency-wrapper .certif-agency-desc {
    padding: 30px 35px 0 0;
    display: flex;
    flex-direction: column;
    width: 70%;
}

#certif-agency .certif-agency-wrapper .certif-agency-desc h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 38px;
    font-weight: 700;
}

#certif-agency .certif-agency-wrapper .certif-agency-desc div {
    color: #07374e;
    font-family: "Raleway", Sans-serif;
    font-size: 18px;
    font-weight: 400;
}

@media screen and (max-width: 768px) {
    #certif-agency {
        margin: auto;
        margin-bottom: 25px;
        max-width: 95%;
        margin: 3rem 0;
    }
    #certif-agency .certif-agency-wrapper {
        flex-direction: column;
    }
    #certif-agency .certif-agency-wrapper .certif-agency-desc {
        padding: 30px 15px;
        width: 100%;
    }
    #certif-agency .certif-agency-wrapper .certif-agency-desc h2 {
        font-size: 24px;
    }
    #certif-agency .certif-agency-wrapper .certif-agency-desc div {
        font-size: 12px;
        line-height: 22px;
    }
    #certif-agency .certif-agency-wrapper .certif-agency-img {
        width: 100%;
    }
}

.faq-short__contact-div {
    text-align: center;
    margin-top: 2rem;
}
/* Page agence nouveau bloc */

#certif-agency {
    margin: 5rem auto;
    background-color: #fff;
    border-radius: 12px;
    padding: 0;
}

#certif-agency .certif-agency-wrapper {
    display: flex;
    color: #07374e;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.07);
}

#certif-agency .certif-agency-wrapper .certif-agency-img {
    width: 100%;
    display: flex;
    justify-content: center;
}

#certif-agency .certif-agency-wrapper .certif-agency-img img {
    border-radius: 12px;
    height: auto;
    object-fit: cover;
}

#certif-agency .certif-agency-wrapper .certif-agency-desc {
    padding: 30px 35px 20px 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}

#certif-agency .certif-agency-wrapper .certif-agency-desc h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 38px;
    font-weight: 700;
}

#certif-agency .certif-agency-wrapper .certif-agency-desc div {
    color: #07374e;
    font-family: "Raleway", Sans-serif;
    font-size: 18px;
    font-weight: 400;
}

#certif-agency .certif-agency-wrapper .certif-agency-desc .certif-agency-link {
    text-align: end;
    padding-right: 3rem;
}

#certif-agency .certif-agency-wrapper .certif-agency-desc .certif-agency-link a {
    color: #002A7B;
    font-weight: 700;
    position: relative;
}

#certif-agency .certif-agency-wrapper .certif-agency-desc .certif-agency-link a:after {
    content: "";
    position: absolute;
    left: 105%;
    background-image: url('/wp-content/themes/sergic/assets/assets_custom/arrow-right-marine-blue.svg');
    width: 22px;
    height: 17px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 4px;
}

@media screen and (max-width: 768px) {
    #certif-agency {
        margin: auto;
        margin-bottom: 25px;
        max-width: 95%;
    }
    #certif-agency .certif-agency-wrapper {
        flex-direction: column;
    }
    #certif-agency .certif-agency-wrapper .certif-agency-desc {
        padding: 30px 15px;
    }
    #certif-agency .certif-agency-wrapper .certif-agency-desc h2 {
        font-size: 24px;
    }
    #certif-agency .certif-agency-wrapper .certif-agency-desc div {
        font-size: 12px;
        line-height: 22px;
    }
}

.agency-map__section.container .agency-map__district-link,
.lieu-template-default .agency-map__district-info {
    display: none !important;
}

.agency-map__section.container .agency-map__district-info {
    width: 100%;
    margin-bottom: 15px;
}

.agency-map__section.container .agency-map__text-bloc-district {
    align-self: center;
}

.lieu-template-default .modal-content .modal-body {
    flex-direction: row;
    max-width: 100vw;
}
/*Popup Covid, bouton "ok" fixe*/

.sg-popup-content_covid {
    overflow: hidden !important;
}

.sg-popup-content_covid .sgpb-main-html-content {
    height: 300px;
    overflow-y: scroll;
    display: inline-block;
    overflow-x: hidden;
}

.sg-popup-content_covid .sgpd-main-html-button {
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
}
/* Sur homepage, affiche le logo "noir" au passage sur mobile" */

@media screen and (max-width: 768px) {
    .homepage-header .logo_desktop {
        display: none;
    }
    .homepage-header .logo_mobile {
        display: inline-block;
    }
}

@media screen and (min-width: 768px) {
    .homepage-header .logo_desktop {
        display: inline-block;
        width: 100px;
        height: 32px;
        object-fit: contain;
    }
    .homepage-header .logo_mobile {
        display: none;
    }
}

header .navbar .logo_mobile {
    max-height: 32px;
    width: 100px;
}

.home header .top-menu-principal {
    display: none;
}

#menu-menu-mobile .sub-menu {
    display: none;
}

#listing-biens__filter-submenu-comp-div-line-2 .filter-type:not(.to_display) {
    display: none;
}

.search-city .listing-biens-vacances__filter-submenu-comp-div {
    position: absolute;
    top: 50px;
    background-color: white;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
    border: none;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.42);
    border-radius: 10px;
    width: calc(100% * 2);
    padding: 10px 5px;
    left: -80px;
}

.listing-biens-vacances__filter-submenu-comp-div.active .listing-biens-vacances__filter-submenu-label {
    padding: 0 15px;
}

.search-city .listing-biens-vacances__filter-submenu-comp-div_button-container {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
}

.search-city .listing-biens-vacances__filter-submenu-comp-div:not(.active) {
    display: none;
}

.search-city .listing-biens-vacances__filter-submenu-comp-div button {
    margin: 0;
}

@media screen and (max-width: 780px) {
    .search-city .listing-biens-vacances__filter-submenu-comp-div {
        left: 0;
    }
}

@media screen and (max-width: 630px) {
    .search-city .listing-biens-vacances__filter-submenu-comp-div {
        width: calc(100% * 1.5);
    }
    .listing-biens-vacances__filter-submenu-select-cel-place {
        width: 40%;
        margin-bottom: 8px !important;
    }
    .listing-biens-vacances__filter-submenu-comp-div_button-container {
        flex-wrap: wrap;
    }
}

.leaflet-top,
.leaflet-bottom {
    z-index: 400 !important;
}

.leaflet-top.leaflet-left {
    position: relative;
    top: 50px;
}

.slick-list.draggable {
    max-height: 500px;
    border: 1px solid #ddd;
    background-image: linear-gradient(to right, #f5f5f5, #b2b2b2 400px, #f5f5f5 800px);
}

.leaflet-popup-content {
    width: 200px !important;
    text-align: center;
}

.leaflet-popup-content img {
    max-width: 100%;
    height: auto;
}

.agency-map__section .leaflet-popup-content-wrapper,
.agency-map__section .leaflet-popup-tip {
    background-color: #002a7b;
}

.agency-map__section #agency-map__info-window {
    color: white;
    font-family: Raleway;
    font-size: 12px;
    font-weight: 700;
}

.third-part-footer .espace_footer_questions {
    margin-bottom: 20px;
}

.third-part-footer .espace_footer_agencies .footer-agency-link {
    color: #00aeef;
    font-size: 14px;
    font-weight: bold;
}

/* FIX Modal page announce */

#modal-question-loc .accordion>.card:not(:last-of-type) {
    border-bottom: 1px solid #07374E !important;
}

#modal-question-loc .modal-dialog {
    top: 50px;
    width: 75%;
    margin: 0 auto;
}

.faq-short__title {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    color: #07374E;
    background-color: #00000000;
    border: none;
    line-height: 1;
}

.faq-short__questions {
    font-size: 20px;
    font-weight: 500;
    color: #07374E;
    border: none;
    background: none;
}

.faq-short__questions:focus {
    outline: none;
}

.faq-short__answers {
    background-color: transparent;
    font-family: 'Raleway';
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;
    color: #07374E;
}

#modal-question-loc .card {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0px;
}

#modal-question-loc .card-header {
    background-color: transparent !important;
    border-bottom: 0px !important;
    margin: 24px 0px !important;
}

#modal-question-loc .card-body {
    padding-bottom: 30px;
}

#modal-question-loc .accordion>.card:not(:last-of-type) {
    border-bottom: 1px solid #07374E !important;
}

#modal-question-loc .modal-question-loc_button-to-form {
    text-align: center;
    height: 40px;
    width: 200px;
    border: 0;
    border-radius: 24px;
    font-family: "Helvetica Neue", sans-serif;
    font-weight: bold;
    font-size: 18px;
    outline: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s linear;
    border: 1px solid #00b3ff;
    background-color: white;
    color: #00b3ff;
    margin: 20px auto;
}





.carousel-home-service {
    position: relative;
    width:400px;
}

.carousel-home-service .slick-dots {
    position: absolute;
    bottom: 10px;  /* Ajuste cette valeur pour positionner les points plus haut ou plus bas */
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: flex;
    justify-content: center;
    width: 100%;
}

.carousel-home-service .slick-dots li {
    margin: 0 -3px;  /* Espace entre les points */
}

.carousel-home-service.slick-dotted {
    margin-bottom: 0!important;
}

.carousel-home-service .slick-dots li button:before {
    font-size: 40px; /* Taille des points */
    color: white;    /* Couleur des points */
    opacity: 1;   /* Transparence */
}

.carousel-home-service .slick-dots li.slick-active button:before {
    opacity: 1;      /* Point actif plus visible */
    color: #00b3ff;
}

.services-agency-wrapper .logo-sergic-quebec-bloc {
    padding: 10px 10px 0 10px;
}

@media screen and (max-width: 1199px) {
    .carousel-home-service {
        width:280px;
    }
}

@media screen and (max-width: 991px) {
    .carousel-home-service {
        width:150px;
    }
}

@media screen and (max-width: 767px) {
    .carousel-home-service {
        width:100%;
    }
}

/* END FIX Modal page announce */