/* ABOUT US */

#homePage .about h2 {
    font-size: 60px;
    font-family: Poppins-Regular, sans-serif;
    font-weight: bold;
    color: #0e385d;
    text-align: center;
    margin: 20px 0 25px;
}

#homePage .about p {
    color: #4b4b4b;
}

@media(max-width: 768px) {
    #homePage .about .content {
        padding: 20px;
    }

    #homePage .about .about-image {
        padding: 20px;
    }
}

@media(min-width: 769px) {
    #homePage .about .content {
        width: 59%;
        padding: 20px;
        display: inline-block;
    }

    #homePage .about .about-image {
        width: 39%;
        padding: 20px;
        display: inline-block;
    }

}

/* APARTMENTS */

#homePage .apartments {
    background-color: #f7f7f7;
}

#homePage .apartments h2 {
    font-size: 60px;
    font-family: Poppins-Regular, sans-serif;
    font-weight: bold;
    color: #0e385d;
    text-align: center;
    margin: 20px 0 25px;
}

#homePage .apartments .apartment {
    background-color: #fff;
    display: inline-block;
}

@media(max-width: 768px) {
    #homePage .apartments .apartment {
        width: 100%;
        margin: 10px 0;
    }
}

@media(min-width: 769px) {
    #homePage .apartments .apartment {
        width: 48%;
        margin: 1%;
    }
}

@media(min-width: 992px) {
    #homePage .apartments .apartment {
        width: 31.33%;
        margin: 1%;
    }
}

@media(min-width: 1280px) {
    #homePage .apartments .apartment {
        width: 23%;
        margin: 1%;
    }
}

#homePage .apartments .apartment h3 {
    color: #222222;
    font-size: 20px;
    padding: 12px 0 10px 10px;
    transition: all 500ms;
    font-weight: bold;

}

#homePage .apartments .apartment h3:hover {
    color: #21b360;
}

#homePage .apartments .apartment p {
    color: #9d9d9d;
    padding: 10px 0 10px 10px;
    font-size: 14px;
}

#homePage .apartments .apartment p i {
    margin-top: 3px;
}

#homePage .apartments .apartment h6 {
    color: #222222;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0 10px 10px;
}

#homePage .apartments .apartment .top-content {
    border: 1px solid #E4E4E4;
}

#homePage .apartments .apartment .top-content a div {
    height: 250px;
}

#homePage .apartments .apartment .bottom-content {
    border: 1px solid #E4E4E4;
}

/* GALLERY */

#homePage .gallery-container {
    padding: 45px 0;
}

#homePage .gallery {
    width: 60%;
    display: inline-block;
}

#homePage .gallery-text {
    width: 40%;
    float: right;
    display: inline-block;
    padding: 20px;
}

#homePage .gallery-text h2 {
    font-size: 60px;
    font-family: Poppins-Regular, sans-serif;
    font-weight: bold;
    color: #0e385d;
    text-align: center;
    margin: 20px 0 25px;
}

#homePage .gallery-text h5 {
    color: #444;
    margin-bottom: 20px;
    font-weight: bold;
}

#homePage .gallery .image {
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

@media(max-width: 768px) {
    #homePage .gallery {
        width: 100%;
    }
    #homePage .gallery-text {
        width: 100%;
    }
    #homePage .gallery .image {
        width: 100%;
        margin: 10px 0;
        height: 300px;
    }
}

@media(min-width: 769px) {
    #homePage .gallery .image {
        width: 100%;
        margin: 10px 0;
        height: 300px;
    }

    #homePage .gallery .image {
        -webkit-transition: all 500ms;
        -moz-transition: all 500ms;
        -o-transition: all 500ms;
        transition: all 500ms;
    }

    #homePage .gallery .image:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@media(min-width: 992px) {
    #homePage .gallery .image {
        width: 48%;
        margin: 1%;
        height: 250px;
    }
}

@media(min-width: 1280px) {
    #homePage .gallery .image {
        width: 31.33%;
        margin: 1%;
        height: 250px;
    }
}

/* TESTIMONIALS */

#homePage .testimonials-container {
    background-color: #f7f7f7;
}

#homePage .testimonials-container h2 {
    font-size: 60px;
    font-family: Poppins-Regular, sans-serif;
    font-weight: bold;
    color: #0e385d;
    text-align: center;
    margin: 20px 0 25px;
}

#homePage .testimonials-container .testimonials .testimonial {
    display: inline-block;
    position: relative;
    margin: 35px 25px;
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

#homePage .testimonials-container .testimonials .testimonial .testimonial-image {
    position: absolute;
    top: -35px;
    left: 20px;
}

#homePage .testimonials-container .testimonials .testimonial .testimonial-image img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 8px solid #d9d9d9;
}

#homePage .testimonials-container .testimonials .testimonial .testimonial-score {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 33px;
    padding-top: 4px;
    background: #0e385d;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#homePage .testimonials-container .testimonials .testimonial .testimonial-content {
    padding: 40px 10px;
}

#homePage .testimonials-container .testimonials .testimonial .testimonial-content .name {
    margin-bottom: 5px;
    font-size: 22px;
    font-weight: bold;
}

#homePage .testimonials-container .testimonials .testimonial .testimonial-content .flag {
    display: inline-block;
    width: 35px;
    height: 25px;
    margin-right: 10px;
    border: 1px solid #777;
}

#homePage .testimonials-container .testimonials .testimonial .testimonial-content p {
    margin-bottom: 15px;
    color: #444;
}

/* MAP */

#homePage .contact-us {
    margin-bottom: 20px;
}

#homePage .contact-us h2 {
    font-size: 60px;
    font-family: Poppins-Regular, sans-serif;
    font-weight: bold;
    color: #0e385d;
    text-align: center;
    margin: 20px 0 25px;
}

#homePage .contact-info {
    padding: 20px;
}

@media(max-width: 768px) {
    #homePage .map {
        width: 100%;
    }

    #homePage .contact-info {
        width: 100%;
    }
}

@media(min-width: 769px) {
    #homePage .map {
        width: 70%;
        display: inline-block;
        float: left;
    }

    #homePage .contact-info {
        width: 30%;
        display: inline-block;
        float: right;
    }
}

#homePage .contact-info h4 {
    margin: 30px 0;
    color: #0e385d;
    font-size: 32px;
}

#homePage .contact-info p {
    margin-bottom: 15px;
    color: #333;
}

#homePage .contact-info .phone i {
    transform: rotate(90deg);
}