/*
    General
 */
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
.clickable {
    cursor: pointer;
}
.bold{
    font-weight: 900;
}
.bg-black{
    background-color: black;
}
.b-1{
    border: 1px solid;
}
.w-60 {
    width: 60%;
}
.w-40 {
    width: 40%;
}
.p-15 {
    padding: 15px;
}
.white-line {
    width: 30%;
    height: 1px;
    background-color: white;
    margin-top: 3px;
    margin-bottom: 15px;
}
.black-line {
    width: 30%;
    height: 1px;
    background-color: black;
    margin-top: 3px;
    margin-bottom: 15px;
}
.black-line-100 {
    width: 100%;
    height: 1px;
    background-color: black;
    margin-top: 3px;
    margin-bottom: 15px;
}
html, body {
    font-family: 'Open Sans', sans-serif;
    overflow-x: hidden;
    background-color: white;
}
@media (max-width: 768px) {
    .hide-mobile {
        display: none;
    }
}
@media (min-width: 768px) {
    .hide-desktop {
        display: none;
    }
}
@media (max-width: 992px) {
    .hide-md {
        display: none;
    }
}
@media (max-width: 1200px) {
    .hide-tablet {
        display: none;
    }
}
/*
    Header
 */
.logo{
    width: 125px;
}
#barre_noir_header {
    position: absolute;
    top:46px;
    left: -40px;
}

/*
    Carousel
 */
.homeCarouselImage {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: bottom left !important;
    height: 70vh;
}
.homeCarouselTitle {
    display: inline-block;
    color: black;
    font-weight: bolder;
    border: black solid 1px;
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.8);
}
.homeCarouselDescription {
    color: black;
    padding: 15px;
    border: black solid 1px;
    background-color: rgba(255, 255, 255, 0.8);
}

@media (min-width: 768px) {
    .carousel-caption {
        top: 15%
    }
}
@media (min-width: 1200px) {
    .carousel-control-next{

    }
    .carousel-caption {
        top: 30%
    }
}
.carousel-control-prev-icon {
    position: absolute;
    top:calc(50% + 17px);
    right: 0;
    background-image: url("../img/carousel/fleche_gauche.png");
    width: 35px;
    height: 35px;
}
.carousel-control-next-icon {
    position: absolute;
    top:calc(50% + 17px);
    left: 0;

    background-image: url("../img/carousel/fleche_droite.png");
    width: 35px;
    height: 35px;
}


/*
    Body
 */
#line-five {
    height: 1px;
    width: 100%;
    background-color: black;
}

@media (min-width: 768px) {

}
#real-estate-developers{
    text-align: justify;
}
@media (max-width: 1200px) {
    #real-estate-developers{
        width: 100%;
        border: black solid 1px;
        background-color: rgba(255, 255, 255, 0.8);
        padding-top: 3%;
        padding-bottom: 3%;
        padding-left: 3%;
        padding-right: 3%;
        margin-bottom: 30px;

    }
}

@media (min-width: 1200px) {
    #real-estate-developers{
        border: black solid 1px;
        background-color: rgba(255, 255, 255, 0.8);
        padding-top: 3%;
        padding-bottom: 3%;
        padding-left: 3%;
        padding-right: 3%;
        width: 80%;
        position: absolute;
        top: -100px;
        left: -45px;

    }
}



/*
    Footer
 */

.lvt{
    width: 1px;
    height: 120px;
    background-color: white;
    margin-top: auto;
}
.lvb {
    width: 1px;
    height: 120px;
    background-color: white;
    margin-bottom: auto;
}
@media (max-width: 992px) {
    .socials {
        margin-top: 50px;
    }
    #footer_real{
        margin-top: 50px;
    }
    #img-logo-footer {
        margin-bottom: 30px;
    }

}
@media (min-width: 992px) {
    #footer_links, #footer_contact{
        border-left: white solid 1px;
    }
}


/*
    Domaines d'activités
 */
@media (min-width: 992px) {
    .domaine_img {
        position: absolute;
        width: 90%;
        bottom: 0;
        left: 0;
    }
    .domaine_filter {
        border:1px solid #7F7F7F ;
        z-index: 10;
        position: absolute;
        width: 90%;
        height: 60%;
        top: 0;
        right: 15px;
        background-color: rgba(255, 255, 255, 0.8);
    }
    .domaine_img_left {
        position: absolute;
        height: 90%;
        bottom: 0;
        right: 0;
    }
    .domaine_filter_left {
        border:1px solid #7F7F7F ;
        z-index: 10;
        position: absolute;
        width: 90%;
        height: 60%;
        top: 0;
        left: 15px;
        background-color: rgba(255, 255, 255, 0.8);
    }


}
@media (max-width: 992px) {
    .domaine_img {
        width: 100%;
        margin-top: 15px;

    }
    .domaine_filter {
        margin-top: 15px;
        border:1px solid #7F7F7F ;
        z-index: 10;


        background-color: rgba(255, 255, 255, 0.8);
    }
    .domaine_img_left {
        width: 100%;
        margin-top: 15px;
    }
    .domaine_filter_left {
        margin-top: 15px;
        border:1px solid #7F7F7F ;
        background-color: rgba(255, 255, 255, 0.8);
    }
}

/*
    A vendre à louer
 */
@media (min-width: 992px) {
    .price {
        text-align: right;
    }
    .image-location {
        min-height: 0px;
    }
}
@media (max-width: 992px) {
    .image-location {
        min-height: 400px;
    }
    .price {
        text-align: left;
    }
}
#location_btn, #vente_btn {
    transition: all 1s;
}
#location_btn.active, #vente_btn.active {
    background-color: black;
    color: white;
}
.pagination_prev {
    background-image: url('/img/carousel/fleche_gauche.png');
    height: 35px;
    width: 34px;
    display: inline-block;
}
.pagination_next {
    background-image: url('/img/carousel/fleche_droite.png');
    height: 35px;
    width: 34px;
    display: inline-block;
}

/*
    Projets/références
 */

.filter {
    position: absolute;
    height: 70%;
    width: 90%;
    top: -71%;
    background-color: rgba(255, 255, 255, 0.8);
    transition: top 1s ease 0s;
}

@media (min-width: 992px) {
    .project_wrapper{
        height: 200px;
    }
    #text_filter{
        margin-left: 50px;
    }
    .description-column{
        display: flex;
    }
    .projet_filter {
        display: flex;
        border: 1px solid #7F7F7F;
        z-index: 10;
        position: absolute;
        width: 120%;
        min-height: 50%;
        top: -40px;
        right: 0;
        background-color: rgba(255, 255, 255, 0.8);
    }
}
@media (max-width: 992px) {
    .project_wrapper{
        height: 350px;
    }
    .projet_filter {
        position: relative;
        width: 100%;
        margin-bottom: 30px;
        padding: 0!important;
        border: none;
    }

}

/*
    Contact
 */
.contact-btn {
    background-color: black;
    border: white 1px solid;
    color: white;
    transition: all 1s;
}
.contact-btn:hover {
    background-color: white;
    border: black 1px solid;
    color: black;
    text-decoration: none;
}

/*
    BUREAU
 */

@media (min-width: 992px) {
    .member-desc {
        position: absolute;
        height: 50%;
        width: 70%;
        right: 15px;
        bottom:-120px;
        z-index: -1;
        display: flex;
    }
    .member-img {
        width: 90%;
        min-height: 400px;
    }
}
@media (max-width: 992px) {
    .member-desc {
        position: relative;
        width: 100%;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .member-img {
        min-height: 300px;
    }
}

/*
    NEWS
 */

.news-btn:hover {
    background-color: black;
    border: white 1px solid;
    color: white;

}
.news-btn {
    background-color: white;
    border: black 1px solid;
    color: black;
    text-decoration: none;
    transition: all 1s;
}
.news-text p {
    margin-left: 0!important;
    margin-right: 0!important;
    text-align: justify;
}