.img-fluid {
    max-width:100%;
    height:auto;
}

section.hero-image {
    position:relative;
}

section.hero-image img.img-desktop {
    display:none;
}
section.hero-image img.img-mobile {
    display:block;
}

@media (min-width: 768px) {

    section.hero-image img.img-desktop {
        display:block;
    }
    section.hero-image img.img-mobile {
        display:none;
    }
    
}

section.hero-image .hero-image__text {
    position:absolute;
    top: 20%;
    left:20%;
    height:60%;
    width:30%;
}
@media (max-width: 768px) {
    section.hero-image .hero-image__text {
        width:50%;
        left:10%;
    }
}

section.hero-image .hero-image__text span {
    text-align: left;
    font: normal normal bold 18px/23px futurabold;
    letter-spacing: 1.8px;
    color: #F9CF4F;
    text-transform: uppercase;
    opacity: 1;
}

section.hero-image .hero-image__text p {
    text-align: left;
    font: normal normal 900 24px/30px gilroyextrabold;
    letter-spacing: 1.5px;
    color: #FFFFFF;
    text-transform: lowercase;
    opacity: 1;
}

@media (min-width: 768px) {

    section.hero-image .hero-image__text span {
        text-align: left;
        font: normal normal bold 18px/23px futurabold;
        letter-spacing: 1.8px;
        color: #F9CF4F;
        text-transform: uppercase;
        opacity: 1;
    }
    
    section.hero-image .hero-image__text p {
        text-align: left;
        font: normal normal 900 50px/52px gilroyextrabold;
        letter-spacing: 1.5px;
        color: #FFFFFF;
        text-transform: lowercase;
        opacity: 1;
    }
    
}

section.reviews {
    padding: 50px 0;
}

@media (max-width: 768px) {
    section.reviews .flex {
        flex-direction:column;
    }
}

section.reviews .reviews__sticky {
    position:relative;
    width:30%;
    padding: 0 10px;
}

@media (max-width: 768px) {
    section.reviews .reviews__sticky {
        flex:0 0 100%;
        width:100%;
        padding:0;
    }
}


section.reviews .reviews__sticky.sticky {
    position:fixed;
    top:16%;
    width:333px;
}

@media (max-width: 768px) {
    section.reviews .reviews__sticky {
        min-height:auto;
    }

    section.reviews .reviews__sticky.sticky {
        position:relative;
        width:auto;
    }
}

section.reviews .reviews__sticky--location .row {
    display:flex;
    width:100%;
    flex-wrap:wrap;
}

@media (max-width: 768px) {
    section.reviews .reviews__sticky--location .row.hide {
        display:none;
    }
    section.reviews .reviews__sticky--location .row.show {
        display:block;
    }
}

section.reviews .reviews__sticky--location span {
    text-align: left;
    font: normal normal bold 14px/21px futurabold;
    letter-spacing: 1.4px;
    color: #6BC5B1;
    text-transform: uppercase;
    opacity: 1;
    padding-left:10px;
}

section.reviews .reviews__sticky--location .filter-button {
    flex: 0 0 42%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 5px 5px 10px #0000000D;
    border-radius: 5px;
    opacity: 1;
    text-align: left;
    font: normal normal bold 14px/18px futurabold;
    letter-spacing: 1.4px;
    color: #9DA9B3;
    text-transform: uppercase;
    cursor:pointer;
    padding:10px;
    margin:10px 10px 0;
}

section.reviews .reviews__sticky--location .filter-button:hover {
    background: #2A294F 0% 0% no-repeat padding-box;
    color:#fff;
}

section.reviews .reviews__sticky--location .filter-button.active {
    background: #2A294F 0% 0% no-repeat padding-box;
    color:#fff;
}

section.reviews .reviews__sticky--location hr {
    border-color:#9DA9B3;
    margin: 15px 0;
}

section.reviews .reviews__sticky--location .row.rating {
    margin: 10px 0 10px;
}

section.reviews .reviews__sticky--location .row .star-container {
    width:100%;
    margin-left:10px;
    cursor:pointer;
}
@media (max-width: 768px) {
    section.reviews .reviews__sticky--location .row .star-container {
        width:auto;
        margin-left:5px;
    }
}

section.reviews .reviews__sticky--location .row .star-container span {
    text-align: center;
    font: normal normal normal 14px/24px gilroymedium;
    letter-spacing: 0.35px;
    color: #222323;
    opacity: 1;
    text-transform: none;
}

@media (min-width: 768px) {
section.reviews .reviews__sticky--location .row .star-container span.hide {
    display:none;
}
}

section.reviews .reviews__sticky--location .row .star-container i {
    pointer-events: none;
    color:#E1E1E1;
    font-size:24px;
}

section.reviews .reviews__sticky--location .row .star-container i.yellow {
    color:#FFDE00;
}

section.reviews .reviews__container {
    width:70%;
    min-height:600px;
}

@media (max-width: 768px) {
    section.reviews .reviews__container {
        flex:0 0 100%;
        width:100%;
    }
}


section.reviews .reviews__container.sticky {
    margin-left:340px;
}

@media (max-width: 768px) {
    section.reviews .reviews__container.sticky {
        margin-left:0;
    }    
}

section.reviews .reviews__container .reviews__container--card {
    padding: 1em 2em;
    background: transparent linear-gradient(180deg, #6565A0 0%, #2A294F 100%) 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
    margin-top: 30px;
}

section.reviews .reviews__container .reviews__container--card.hide {
    display:none;
}

@media (max-width: 768px) {
    section.reviews .reviews__container .reviews__container--card {
        padding: 1em;
    }
}

section.reviews .reviews__container .reviews__container--card:first-child {
    margin-top:0;
}

section.reviews .reviews__container .reviews__container--card .row {
    display:flex;
}
section.reviews .reviews__container .reviews__container--card .row.column {
    flex-direction:column;
}

section.reviews .reviews__container .reviews__container--card .row .profile-picture {
    flex: 0 0 15%;
    max-height:70px;
    overflow:hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 768px) {

    section.reviews .reviews__container .reviews__container--card .row .profile-picture {
        flex: 0 0 20%;
        max-height:80px;
        max-width:80px;
    }
}

section.reviews .reviews__container .reviews__container--card .row .profile-picture img {
    border-radius:50%;
    object-fit: cover;
    height:70px;
}

section.reviews .reviews__container .reviews__container--card .row .profile-picture .background {
    background: #6BC5B1 0% 0% no-repeat padding-box;
    border-radius:50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height:70px;
    width:70px;
}

@media (max-width: 768px) {
    section.reviews .reviews__container .reviews__container--card .row .profile-picture .background {
        height:50px;
    }
}

section.reviews .reviews__container .reviews__container--card .row .profile-picture .background span {
    text-align: left;
    font: normal normal 900 34px/16px gilroyextrabold;
    letter-spacing: 0.85px;
    color: #FFFFFF;
    opacity: 1;
}

section.reviews .reviews__container .reviews__container--card .row .name {
    flex: 0 0 50%;
    margin-top:5px;
}
@media (max-width: 768px) {
    section.reviews .reviews__container .reviews__container--card .row .name {
        flex: 0 0 40%;
        margin-left:10px;
    }
}

section.reviews .reviews__container .reviews__container--card .row .name span {
    text-align: left;
    font: normal normal bold 16px/18px gilroymedium;
    letter-spacing: 0.48px;
    color: #FFFFFF;
    opacity: 1;
}

section.reviews .reviews__container .reviews__container--card .row .name p {
    text-align: left;
    font: normal normal medium 16px/18px gilroymedium;
    letter-spacing: 0.48px;
    color: #6BC5B1;
    opacity: 1;
}

section.reviews .reviews__container .reviews__container--card .row .rating {
    flex: 0 0 30%;
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
    margin-bottom:10px;
}

section.reviews .reviews__container .reviews__container--card .row .rating i:before {
    color: #FFDE00;
    margin-right:5px;
    opacity: 1;
}

section.reviews .reviews__container .reviews__container--card .row .url {
    display:flex;
    justify-content: space-between;
    align-items:center;
    width:100%;
    background: #6BC5B1 0% 0% no-repeat padding-box;
    border-radius: 15px;
    opacity: 1;
    padding: 5px 20px;
    margin-top:20px;
}
@media (max-width: 768px) {
    section.reviews .reviews__container .reviews__container--card .row .url {
        flex-direction:column;
    }
}

section.reviews .reviews__container .reviews__container--card .row .url span {
    color:#fff;
    text-align: left;
    font: normal normal normal 14px/16px gilroymedium;
    letter-spacing: 0.35px;
    color: #FFFFFF;
    opacity: 1;
}

section.reviews .reviews__container .reviews__container--card .row .url span a {
    text-decoration:underline;
}

section.reviews .reviews__container .reviews__container--card .row .review {
    text-align: left;
    font: normal normal normal 16px/24px gilroymedium;
    letter-spacing: 0.4px;
    color: #FFFFFF;
    opacity: 1;
    padding: 10px 20px;
}

@media (max-width: 768px) {
    section.reviews .reviews__container .reviews__container--card .row .review {
        padding: 10px;
    }

}

section.reviews .reviews__container .reviews__container--card .row .photos {
    display:flex;
    flex: 0 0 20%;
    padding: 0 20px;
}

section.reviews .reviews__container .reviews__container--card .row .photos img {
    width:20%;
    margin-right:20px;
}


@media (max-width: 768px) {
    section.reviews .reviews__container .reviews__container--card .row .photos {
        flex: 0 0 50%;
    }

    section.reviews .reviews__container .reviews__container--card .row .photos img {
        width:50%;
        margin-right:5px;
    }

}

section.reviews .reviews__container .reviews__container--card .row .photos img:last-child {
    margin-right:0;
}


section.reviews .reviews__container .alm-btn-wrap {
    display:flex;
    align-items:center;
    justify-content:center;
}

section.reviews .reviews__container #loadMore {
    border: 2px solid #6565A0;
    border-radius: 38px;
    opacity: 1;
    text-align: center;
    font: normal normal bold 14px/21px futurabold;
    letter-spacing: 1.4px;
    color: #6565A0;
    text-transform: uppercase;
    opacity: 1;
    padding: 10px 65px;
    cursor:pointer;
    width:30%;
    margin: 50px auto;
}

@media(max-width:768px) {
section.reviews .reviews__container #loadMore {
    width:50%;
}
}