h1,
h2.lg-font,
h2,
h3,
h4,
h5,
h6 {
    color: #2E2E2E;
    font-weight: 400;
}

h4 {
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #9F7A2B;
}

p {
    color: #313A3C;
}

/*CONTENTAREA*/
.contentarea {
    padding: 45px 0;
}

.contentarea .container {
    max-width: 1511px;
}

.contentarea .page-header {
    margin-bottom: 30px;
}

.contentarea .page-header span {
    display: none;
}

.contentarea a.main-btn {
    padding: 10px 35px;
}

/*AFF*/
.aff {
    padding: 25px 0;
    background: #444853;
}

.aff .container {
    align-items: center;
    max-width: 1324px;
    justify-content: space-between;
    display: flex;
    flex-flow: row;
}

.aff a {
    padding: 0 15px;
    width: fit-content;
    align-self: center;
}

.aff .container .external-link {
    display: none;
}

/*REVIEW*/
.review {
    padding: 40px 0;
    background-color: #F9F8F7;
    min-height: 448px;
    display: flex;
    align-items: center;
}

.q_li {
    position: absolute;
    left: -75px;
    top: -52px;
}

.review span {
    font-style: italic;
    font-weight: 600;
    font-size: 40px;
    line-height: 115%;
    color: #73B0EB;
}

.review .rev_ca {
    padding-right: 35px;
}

.review .rev_bord div {
    max-width: 350px;
    margin: 0 0 0 auto;
}

.review .rev_bord div h2 {
    margin-bottom: 50px;
}

.review .container {
    position: relative;
    max-width: 1058px;
}

.review .slides {
    max-width: 597px;
    margin: 0 auto;
    min-height: 150px;
}

.review .slides p {
    color: #484C4F;
}

.review .patient-name {
    color: #484C4F;
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 23px;
    line-height: 169%;
    color: #484C4F;
}

/*REVIEW ARROWS*/
.review .arrow {
    display: none;
}

/*REVIEW BREADCRUMBS*/
.review .number-crumb-container {
    bottom: -20px;
    justify-content: flex-start;
}

.review .number-crumb-container .option {
    border: 2px solid #444853;
    background: transparent;
    opacity: 1;
    width: 13.95px;
    height: 13.95px;
}

.review .number-crumb-container .option.selected {
    background: #73B0EB;
    border: 2px solid #73B0EB;
}

/*SHOWCASE*/
/*SHOWCASE BASICS*/
.showcase {
    padding: 40px 0;
    min-height: 749px;
    display: flex;
    align-items: center;
}

.showcase a img {
    margin: 0;
}

.showcase .show_wrap .row .sho_box:nth-child(-n + 2) {
    margin-bottom: 40px;
}

.showcase .row {
    justify-content: space-between;
}

.showcase h2 {
    margin-bottom: 20px;
}

/*SHOWCASE*/
.showcase .container a.boxwrapper {
    max-width: 341.53px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    position: relative;
    display: block;
    overflow: hidden;
}

.showcase .boxwrapper .sho_box:nth-child(-n + 2) {
    margin-bottom: 40px;
}

.showcase .boxwrapper .showcase_content {
    bottom: 0;
    height: 53px;
    padding: 0 15px;
    background: rgba(68, 72, 83, 0.79);
    position: absolute;
}

.showcase .boxwrapper .showcase_content h4 {
    font-weight: 700;
    font-size: 15.1789px;
    line-height: 53px;
    letter-spacing: 2.84605px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}

.showcase .boxwrapper .showcase_content p {
    font-weight: 400;
    font-size: 17px;
    line-height: 169%;
    text-align: center;
    color: #fff;
    margin: 0;
}

.showcase .boxwrapper:hover .showcase_content {
    height: 50%;
    padding: 25px 15px;
}

.showcase .boxwrapper:hover .showcase_content h4 {
    line-height: 160%;
}

/*EDUCATION*/
.education {
    padding: 45px 0;
    background-color: #F9F8F7;
    min-height: 732px;
    display: flex;
    align-items: center;
    position: relative;
}

.education::after {
    content: '';
    position: absolute;
    width: 742.78px;
    height: 595px;
    border: 3px solid #73B0EB;
    left: -60px;
}

.education h2 {
    margin-bottom: 30px;
}

.education .container {
    position: relative;
    z-index: 2;
}

/*Map*/
.mapsection {
    height: 360px;
    position: relative;
    overflow: hidden;
}

.mapsection iframe {
    height: 100%;
    max-height: none;
}

.loaded .mapsection .map_bg {
    background: url(../images/map.jpg);
}

.webp .mapsection .map_bg {
    background: url(../images/map.webp);
}

.map_bg {
    text-align: center;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 2;
    cursor: pointer;
}
article#post-2 {
    text-align: center;
    font-size: 19px;
}
@media screen and (min-width: 1026px) {
    h2 {
        font-size: 40px;
        line-height: 120%;
    }

    .contentarea h1 {
        font-size: 44.5646px;
    }

    .contentarea {
        padding: 100px 0 75px;
    }

    .contentarea .container .row>div:last-child {
        padding-left: 75px;
    }

    .review .rev_bord {
        border-left: 3px solid #73B0EB;
    }

    .showcase .sho_ba {
        -ms-flex: 0 0 37%;
        flex: 0 0 37%;
        max-width: 37%;
    }

    .showcase a.main-btn {
        margin-top: 40px;
    }
    .education .edcon a.main-btn{
        padding: 10px 75px;
    }
    /* Float Shadow */
    .hvr-float-shadow {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
    }

    .hvr-float-shadow:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: '';
        top: 100%;
        left: 5%;
        height: 10px;
        width: 90%;
        opacity: 0;
        background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
        background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
        /* W3C */
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform, opacity;
        transition-property: transform, opacity;
    }

    .hvr-float-shadow:hover,
    .hvr-float-shadow:focus,
    .hvr-float-shadow:active {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        /* move the element up by 5px */
    }

    .hvr-float-shadow:hover:before,
    .hvr-float-shadow:focus:before,
    .hvr-float-shadow:active:before {
        opacity: 1;
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
    }
}

@media screen and (max-width: 1660px) {
    .education::after {
        width: 45%;
    }
}

@media screen and (max-width: 1366px) {
    .contentarea .container .row>div:last-child {
        padding-left: 15px;
    }

    .showcase .boxwrapper:hover .showcase_content {
        height: 100%;
        padding: 25px 15px;
    }
}

@media screen and (max-width: 1225px) {
    .review .container {
        padding-left: 99px;
    }

    .review .q_li {
        left: 0;
    }
}

@media screen and (max-width: 1150px) {
    .contentarea .container .row>div:last-child .row div {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 1025px) {
    .contentarea .drim {
        margin-bottom: 25px;
    }

    .aff .container {
        flex-flow: column;
    }

    .aff a {
        margin-bottom: 25px;
    }

    .aff a:last-child {
        margin-bottom: 0;
    }

    .review .rev_bord div {
        margin: 0 auto;
    }

    .q_li {
        top: 0;
        left: 25px;
    }

    .review .q_li {
        left: 3%;
    }

    .review .rev_ca {
        margin-bottom: 45px;
    }

    .review .number-crumb-container {
        bottom: 0;
        justify-content: flex-start;
        max-width: 597px;
        margin: 0 auto;
    }

    .review .rev_bord div {
        max-width: 597px;
        margin: 0 auto;
    }

    .showcase .show_wrap {
        margin-bottom: 35px;
    }

    .showcase .container a.boxwrapper {
        margin: 0 auto;
    }
}

@media screen and (max-width: 989px) {
    .education::after {
        display: none;
    }

    .education .edcon {
        margin-top: 35px;
        text-align: center;
    }

    .showcase .sho_ba {
        text-align: center;
    }

    .showcase .sho_ba div {
        align-items: center !important;
    }

    .contentarea .row>[class*="col"] {
        text-align: center;
    }
}

@media screen and (max-width: 980px) {
    .review .q_li {
        left: 7%;
    }
}

@media screen and (max-width: 850px) {
    .review .q_li {
        left: 3%;
    }
}

@media screen and (max-width: 767px) {
    .review .q_li {
        /*display: none;*/
    }

    .review .q_li {
        width: 9%;
        top: -23px;
    }

    .review .container {
        padding-left: 61px;
    }

    .mapsection {
        height: 39vw;
    }
    .showcase .show_wrap .row .sho_box:nth-child(-n + 3) {
    margin-bottom: 40px;
}
}

@media screen and (max-width: 600px) {
    .review a.main-btn {
        margin: 15px 0;
    }
}

@media screen and (max-width: 413px) {
    .review .q_li {
        display: none;
    }

    .review .container {
        padding-left: 25px;
    }
}
