:root {
    --color1: #1e3348;
    --color2: #009FE3;
    --color3: rgba(20, 38, 76, 0.80);
    --white: #fff;
}

body,
button,
input,
select,
textarea,
a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
strong {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400;
    color: var(--color1);
}



.chambre {
    background: none !important;
}
.menu {
    margin: 25px 0 !important;
}
.menu>li:hover,
.menu>li.sfHover {
    background-color: transparent !important;
    color: inherit;
}

/* GENERAL */
#backtotop {
    display: none !important;
}

b {
    font-weight: 600;
}

/* ---------- COULEUR 1 : #B93644 ---------- */
.newlist h4,
a.more-details,
h3.headline,
.menu>li>a,
#toplink,
.products .fa,
#top-bar,
#top-bar a,
ul.top-bar-menu li a,
ul.top-bar-menu li {
    color: var(--color1) !important;
}

.products .pagination ul li a,
.products .pagination-next-prev ul li a,
#footer,
linkdetails,
.content-box.color-effect-1,
.details-overview,
.plusmoins,
.top-search button:hover,
.cart-buttons a,
.cart-buttons a.checkout,
li.dropdown ul li a:hover,
#jPanelMenu-menu li a:hover,
input[type="button"],
input[type="submit"],
a.button,
a.button.dark:hover,
a.button.gray:hover,
.icon-box:hover span,
.tp-leftarrow:hover,
.tp-rightarrow:hover,
.sb-navigation-left,
.sb-navigation-right .product-discount,
.newsletter-btn,
#categories li a:hover,
#categories li a.active,
.flexslider .flex-prev:hover,
.flexslider .flex-next:hover,
.rsDefault .rsArrowIcn:hover,
.hover-icon,
#backtotop a:hover,
#filters a:hover,
#filters a.selected,
.property-item .price,
tabs-nav li.active a,
#tabhomeacc.tabs-nav li.active a,
.tabs-nav li.active a,
.property-item .price,
.titlebar,
.sb-navigation-right,
.dropcap.full,
.icon-box span,
.fullwidth,
h3.ui-accordion-header.ui-helper-reset.ui-state-default.ui-accordion-icons.ui-corner-all.ui-accordion-header-active.ui-state-active.ui-corner-top,
a.caption-btn,
.fullwidth .list,
#filters a:hover,
.selected,
#portfolio-navi a:hover,
.pagination .selected,
.pagination .current,
.pagination ul li a:hover,
.pagination-next-prev ul li a:hover,
a.contactbtn:hover,
h3.headline.footer,
#topsearchform,
a.button.color,
a.contactbtn {
    background-color: var(--color1) !important;
}

/* ---------- COULEUR 2 : #506055 ---------- */
.content-box:hover .box-icon-effect-1a .box-icon i,
.product-category,
.newlist h4,
a.more-details,
#footer-bottom a,
ul.top-bar-menu li i,
.mediaholder b {
    color: var(--color2) !important;
    font-weight: 600 !important;

}


.for-rent,
.info-banner,
.sb-navigation-left:hover,
.sb-navigation-right:hover,
.vendu h4,
a.button.color:hover {
    background: none;
    background-color: var(--color2) !important;
}

.fotorama__thumb-border {
    border-color: var(--color1) !important;
}



/* ---------- COULEUR 3 : #fff ---------- */
.info-content h3,
.info-content p,
.pagination ul li a:hover,
#backtotop a,
#backtotop a:hover,
#backtotop a:visited,
a.button.color,
a.button.color:hover,
a.contactbtn,
.vendu h4,
.menu>li.sfHover,
li.dropdown ul li a:hover #toplink,
li.dropdown ul li a:hover,
#toplink:hover,
.colorlist,
#topsearchform label,
#footer,
#footer a,
#footer .adress,
#footer span,
#footer p,
#footer-bottom .adress,
.titlebar h1,
.btn-primary,
.presentation p,
a.button.color:hover,
.fullimage h1 {
    color: var(--white) !important;
}

#footer-bottom {
    background-color: #1a2d3d !important;
    font-size: 11px !important;
    line-height: 16px !important;
    color: #7F7F7F;
}

#mprixmax,
#mprixmin,
#cbien,
#mprixminl,
#mprixmaxl,
#orderby,
#lcp {
    max-height: 10px;
    width: 89%;
    height: 10px;
}

/* BANNER */
.top-bar-menu li a,
ul.top-bar-menu li {
    font-size: 16px !important;
}

#header {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 0;
}

.social-icons li a,
#top-bar,
.menu>li.sfHover {
    background-color: transparent !important;
}

.top-bar-dropdown {
    display: none;
}

ul.top-bar-menu li {
    font-size: 13px;
    letter-spacing: 0.5px;
}

.social-icons li a img {
    width: 30px !important;
    height: auto !important;
    
}

.logoindex1 {
    padding: 15px 0;
    max-width: 250px !important;
}

.social-icons li {
    line-height: 0 !important;
}

.menu>li>a {
    padding: 0 5px;
    margin: 45px 8px 8px;
    font-size: 14px;
    text-transform: uppercase !important;
    letter-spacing: 0.5px;
    background-color: transparent !important;
    font-weight: 700;
}

/* .menu>li:last-child a {
    background-color: var(--color2) !important;
    border-color: var(--color2) !important;
    color: #fff !important;
    font-weight: 600;
    padding: 0 20px;
    border-radius: 50px !important;
    margin-left: 16px;
}



.menu>li:last-child:hover a {

    background-color: var(--color1) !important;
    color: #fff !important;
    font-weight: 600;
    border-color: var(--color1) !important;

} */


.menu>li>a:hover {
    color: var(--color2) !important;
    border-bottom: 1.5px solid var(--color2) !important;

}



.titlebar {
    padding: 15px 0;

}

/* HOME PAGE */
h1,
h2,
h3 {
    text-transform: uppercase !important;
    letter-spacing: 1px;
}

#topsearchform {
    margin-top: -53px !important;
    border: 3px solid #fff;
}

section {
    padding: 100px 0;
}

section.presentation,
section.presentation h3.headline {
    background: var(--color1);
    color: var(--white) !important;
}

section.presentation li {
    font-size: 18px;
    line-height: 30px;
}

section.map {
    padding: 0 !important;
    margin: 0 !important;
}

#personnel {
    min-height: 370px;
}

#personnel h4,
#personnel h5 {
    text-align: center;
    text-transform: uppercase;
}

#personnel h4 {
    color: var(--color1) !important;
    font-weight: 600;
}

#personnel h5 {
    color: var(--color2);
    line-height: 30px;
}

#personnel img {
    max-width: 230px;
    margin: 25px auto;
    border: 5px solid var(--color1);
    border-radius: 50%;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#personnel img:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    border-radius: 0%;
    border: 5px solid var(--color2);
}

.product-button {
    background: var(--color3) !important;
}

.slidingDiv {
    display: block !important;
}

.widget-text h4 {
    font-size: 13px !important;
    line-height: 17px !important;
}

#top-bar {
    margin-top: none !important;
}

.titlebar h2 {
    font-size: 1.2rem;
}

.titlebar h3 {
    font-size: 1rem;
    color: var(--color2);
    line-height: 1rem;
}

/* FOOTER */
#footer {
    padding: 50px 0;
    font-size: 18px;
    line-height: 2;
}

h3.headline.footer {
    font-size: 23px;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500;
    letter-spacing: 1px;

}

#footer a {

    font-size: 16px;

}

#footer p {
    font-size: 13px !important;
}

.footer-links li:before {
    content: "\f0da" !important;
}

.footer-links li {
    line-height: 24px;
}

#footer i {
    margin-right: 5px;
    color: var(--color2) !important;
}

.fullimage {
    position: relative;
}

.fullimage h1 {
    font-size: 5rem;
    font-weight: 700;
    margin-bottom: 2rem;
    text-transform: none !important;
    line-height: 4.5rem;

}

.fullimage h2 {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 2rem;
    text-transform: none !important;
    line-height: 4.5rem;
    color: #fff;

}

.fullimage #caption {
    position: absolute;
    top: 35%;
    left: 0;
    right: 0;
    text-align: center;
}

.btn-primary {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0.5rem 1rem;
    font-size: 1.2rem;
    line-height: 1.5;
    border-radius: 2rem;
    background:#ffee00 ;
    border-color: #ffee00 !important;
    color: #000!important;
}

.btn-primary:hover {
    font-weight: 500;
}


@keyframes allblink {
    0% {}

    50% {
        background-color: var(--color1);
    }
}

@-webkit-keyframes allblink {
    0% {}

    50% {
        background-color: var(--color1);
    }
}





@media only screen and (max-width: 767px) {

    #mprixmax,
    #mprixmin,
    #cbien,
    #mprixminl,
    #mprixmaxl,
    #orderby,
    #lcp {
        width: 220px !important;
    }

    .slidingDiv,
    #top-bar,
    #footer .six.columns {
        display: none !important;
    }

    #fbbox {
        width: 300px !important;
    }



    #vente,
    #location {
        width: 20px !important;
    }

    #llocalite {
        height: 32px !important;
        background-color: #fff !important;
        width: 82%;
        border: 1px solid #193558;
        margin-left: 34px;
    }

    .property-item h4,
    .property-item h4 a {
        min-height: 34px;
        margin: 0 0 20px;
        font-size: 16px;
        line-height: 24px;
    }

    #wrapper #topsearchform {
        margin-top: 10px !important;
    }

    a.menu-trigger i {
        position: fixed;
        top: 0px;
        right: 0px;
        padding: 8px 17px;
        margin: 0;
        background: var(--color2);
        font-size: 20px !important;
        color: #fff;
        font-weight: 300 !important;
        z-index: 1000;
        margin: 15px;
    }

    #jPanelMenu-menu {
        margin-top: 70px;
        width: 100% !important;
    }

    #header {
        display: block;
        padding-top: 10px;
    }

    #header img.logoindex1 {
        padding: 0 !important;
        margin: 10px;
        max-width: 35% !important;
    }



    .fullimage h1 {
        font-size: 2.2rem !important;

        line-height: 1;

    }



    #footer a,
    #footer i {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    #footer p {
        font-size: 11px !important;
        line-height: 1.6 !important;
    }

    #footer h3 {
        font-size: 16px;
    }

    #footer-bottom {
        font-size: 8px !important;
        line-height: 1.3 !important;
    }

    #header .three.columns {
        text-align: center;
    }

    #header .three.columns svg {
        width: 300px !important;
        padding: 35px 0 !important;
    }

}









/* LISTE DES BIENS BY GRAFICART */

.parent {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin: 0 auto;
    padding: 75px 25px 25px;

}

.lightgrey {
    background-color: #E5E5E5 !important;
    padding-bottom: 50px;
}

.enfant {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    border-radius: 10px;
    background-color: #fff;
    transition: box-shadow .3s ease-in-out;

}

.enfant img {
    border-radius: 10px 10px 0 0;
}

.enfant:hover {
    box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.3);
}

.enfant h4,
.enfant h4 a {
    font-size: 22px;
    font-weight: 600 !important;
    line-height: 20px;
    color: var(--color1);
    text-align: left;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.enfant h5 {
    font-size: 18px;
    color: var(--color2) !important;
    font-weight: 600 !important;
    line-height: 16px;
    text-align: right;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

figure {
    position: relative;
}

figure figcaption {
    position: absolute;
    left: 0;
    top: 15px;
    color: #fff;
    font-size: 13px;
    padding: 0px 9px;
    background-color: #D3B12B;
    display: block;
}

.details {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 15px 20px 5px;
    font-weight: 600;
    min-height: 40px;
}

.property-meta {
    position: absolute;
    bottom: 5px;
    right: 0px;
    left: 0px;
    background-color: rgba(255, 255, 255, 0.70);
    color: var(--color1) !important;

}

.enfant figcaption span {
    float: right;
    font-size: 12px;
    font-style: italic;
    padding: 3px;
    color: #fff;
    font-weight: 600;
}


.position {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.enfant .fa {
    color: var(--color2) !important;
    margin-right: 8px;
    font-size: 14px;
}

@media only screen and (max-width: 1200px) {
    .parent {
        grid-template-columns: repeat(2, 1fr);

    }
}

@media only screen and (max-width: 767px) {
    .parent {
        grid-template-columns: repeat(1, 1fr);
        padding: 50px 0px 25px 0px;

    }

}

/* FORMS BY GRAFICART */

.flex-box {
    background-color: #f5f5f5 !important;
    padding: 60px 0;
    box-sizing: border-box !important;

}

#sendmail .flex-column input[type="text"],
#sendmail .flex-column input[type="password"],
#sendmail .flex-column input[type="email"],
#sendmail .flex-column textarea,
#sendmail .flex-column select,
#sendmail .flex-column input#qsurfhab,
#sendmail .flex-column input#lcp,
#sendmail .flex-column input#llocalite {
    height: inherit !important;
    max-height: inherit !important;
    outline: 0;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    background: #f5f5f5 !important;
    line-height: 24px !important;
    border-radius: 15px !important;
    border: 1px solid #6C6C6C !important;
    padding: 13px 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    color: var(--color1) !important;
    height: 52px !important;

}

#sendmail .flex-column input::placeholder,
#sendmail .flex-column select {
    color: #6C6C6C !important;
}


#sendmail .flex-column input[type="text"]:focus,
#sendmail .flex-column input[type="password"]:focus,
#sendmail .flex-column input[type="email"]:focus,
#sendmail .flex-column textarea:focus,
#sendmail .flex-column input#qsurfhab:focus,
#sendmail .flex-column input#lcp:focus,
#sendmail .flex-column input#llocalite:focus {
    border: none;
    background: #fff !important;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

#sendmail .flex-line {

    margin: 0 auto;
    display: flex;
}

form#sendmail .flex-line {
    max-width: 900px;
}

#sendmail .flex-column {
    margin: 10px;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    padding: 10px;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    #sendmail .flex-line {
        flex-direction: column;
    }

}

/* SELECT STYLE BY GRAFICART */

.select-style {
    overflow: hidden;
    position: relative;
}

.select-style select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select-style:after {
    top: 50%;
    left: 85%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #000000;
    border-width: 5px;
    margin-top: -2px;
    z-index: 100;
}

.select-style select:focus {
    outline: none;
}

/* TEAM NEW BY GRAFICART */
#team {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
}

.person {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 380px;
}

.person .containert {
    border-radius: 50%;
    height: 312px;
    -webkit-tap-highlight-color: transparent;
    transform: scale(0.48);
    transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
    width: 400px;
}

.person .containert:hover {
    transform: scale(0.54);
}

.person .container-inner {
    clip-path: path("M 390,400 C 390,504.9341 304.9341,590 200,590 95.065898,590 10,504.9341 10,400 V 10 H 200 390 Z"
        );
    position: relative;
    transform-origin: 50%;
    top: -200px;
}

.person .circle {
    background-color: #fee7d3;
    border-radius: 50%;
    cursor: pointer;
    height: 380px !important;
    left: 10px;
    pointer-events: none;
    position: absolute;
    top: 210px;
    width: 380px;
    max-width: none !important;
}

.person .img {
    pointer-events: none;
    position: relative;
    transform: translateY(20px) scale(1.15);
    transform-origin: 50% bottom;
    transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.person .containert:hover .img {
    transform: translateY(0) scale(1.2);
}

.person .img1 {
    left: 32px;
    top: 164px;
    width: 340px;
}

.person .img2 {
    left: 10px;
    top: 174px;
    width: 444px;
}

.person .divider {
    background-color: var(--color2);
    height: 1px;
    width: 160px;
}

.person .name {
    color: var(--color1) !important;
    font-weight: 600;
    margin-top: 16px;
    text-align: center;

}

.person .title {
    color: var(--color2);
    line-height: 30px;

}
