/*SHOWCASE*/
.full-w {
    width: 100%;
}

.welcomeplace {
    border-bottom: 15px solid #B79779;    
}

.welcometitle {
    font-family: Dosis;
    font-weight: 400;
    font-style: Regular;
    font-size: 34px;
    leading-trim: NONE;
    line-height: 35px;
    letter-spacing: 0%;
    text-align: center;
    color: #222B35;
}

#welcomesubtitle {
    font-family: Montserrat;
    font-weight: 400;
    font-style: Regular;
    font-size: 63px;
    leading-trim: NONE;
    line-height: 63px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    color: #B79779;
}

.showcase .services {
    background-color: #ECE9E7;
    padding: 38px 0 50px;
    max-height: 500px;
}

.showcase .services .container {
    max-width: 1700px;
}

.showcase .services h2 {
    margin: 25px 0 22px;
    color: #222B35;
}

.showcase .services p {
    color: #222B35;
    font-size: 24px;
    line-height: 139.5%;
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
}

.showcase .services a.main-btn {
    margin-top: 5px;
}

.showcase .sho_box {
    height: 557px;
    position: relative;
    overflow: hidden;
    padding: 0;
    cursor: pointer;
}

.showcase .sho_box:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 50%);
    top: 0;
    transition: opacity .35s, transform .35s;
    z-index: 0;
}

.showcase .sho_icon {
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
    }
}

@-moz-keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-30px);
    }

    60% {
        -moz-transform: translateY(-15px);
    }
}

@-o-keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -o-transform: translateY(0);
    }

    40% {
        -o-transform: translateY(-30px);
    }

    60% {
        -o-transform: translateY(-15px);
    }
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}

.showcase .sho_box .sho_title {
    background: linear-gradient(0deg, #ECE9E7 20.55%, rgba(236, 233, 231, 0.933685) 38.66%, rgba(236, 233, 231, 0.75) 66.27%, rgba(236, 233, 231, 0) 117.81%);
    /*mix-blend-mode: screen;*/
    font-style: normal;
    text-align: center;
    color: #222B35;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 73px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.showcase .sho_box .sho_title h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #222B35;
    font-size: 34px;
    line-height: 1.2;
    margin: 0;
}

.showcase .sho_box .sho_lefty {
    position: absolute;
    writing-mode: vertical-rl;
    text-orientation: upright;
    /*font-family: 'Helvetica Neue';*/
    color: #222B35;
    font-weight: 700;
    font-size: 13px;
    line-height: 32px;
    text-align: center;
    letter-spacing: 9px;
    padding-top: 25px;
    top: 76px;
    z-index: 1;
}

.showcase .sho_box .show_content {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    font-size: 24px;
    line-height: 139.5%;
    text-align: center;
    color: #F9F9F9;
    background-color: rgb(0 0 0 / 90%);
    z-index: 3;
    height: 100%;
    width: 100%;
    transform: translate(0%, 100%);
    transition: opacity .35s, transform .35s;
    opacity: 0;
    position: relative;
}

.showcase .sho_box .show_content p {
    max-width: 322px;
    margin: 0 auto;
    text-align: center;
}

.showcase .sho_box .sho_clicky {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
}

.showcase .sho_box:hover .sho_title {
    opacity: 0;
}

.showcase .sho_box:hover .sho_lefty {
    letter-spacing: 0;
    transform: scale(1.8);
    -webkit-transform: scale(1.8);
    color: #fff;
    font-weight: 400;
}

.showcase .sho_box:focus-visible .show_content {
    transform: translate(0%, 0%);
    transition: opacity .35s, transform .35s;
    opacity: 1;
}

.showcase .sho_box.current .show_content {
    transform: translate(0%, 0%);
    opacity: 1;
}

.showcase .sho_box:hover.sho_box:after {
    opacity: 0;
}
.reviews-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}
/*SHOWCASE BACKGROUNDS*/
.loaded .sho_box.res {
    background: url(../images/restoritive.jpg);
}

.loaded.webp .sho_box.res {
    background: url(../images/restoritive.webp);
}

.loaded .sho_box.cos {
    background: url(../images/cosmetic.jpg);
}

.loaded.webp .sho_box.cos {
    background: url(../images/cosmetic.webp);
}

.loaded .sho_box.tee {
    background: url(../images/whitening.jpg);
}

.loaded.webp .sho_box.tee {
    background: url(../images/whitening.webp);
}

.loaded .sho_box.inv {
    background: url(../images/invisialn.jpg);
}

.loaded.webp .sho_box.inv {
    background: url(../images/invisialn.webp);
}

.loaded .sho_box.den {
    background: url(../images/dentures.jpg);
}

.loaded.webp .sho_box.den {
    background: url(../images/dentures.webp);
}

.loaded .sho_box.imp {
    background: url(../images/impalnts.jpg);
}

.loaded.webp .sho_box.imp {
    background: url(../images/impalnts.webp);
}

.loaded .sho_box.end {
    background: url(../images/endomotic.jpg);
}

.loaded.webp .sho_box.end {
    background: url(../images/endomotic.webp);
}

.loaded .sho_box.ext {
    background: url(../images/extractions.jpg);
}

.loaded.webp .sho_box.ext {
    background: url(../images/extractions.webp);
}

@media (max-width: 1025px) {
    .showcase .services {
        max-height: 1080px;
    }
}

/*CONTENTAREA*/
.contentarea {
    padding: 45px 0;
}

.contentarea .container {
    max-width: 1600px;
}

.contentarea .page-header {
    margin-bottom: 30px;
}

.contentarea .page-header span {
    display: none;
}

.loaded .dr_img {
    background: url(../images/dr.jpg);
}

.loaded.webp .dr_img {
    background: url(../images/dr.webp);
}

.contentarea .dr_img {
    padding-top: 74%;
    margin-bottom: 30px;
}

.contentarea h2 {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 2;
    letter-spacing: 1px;
    color: #222B35;
    margin: 0;
}

.contentarea h3 {
    font-family: 'Dosis', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 139.5%;
    color: #222B35;
    margin-bottom: 15px;
}

.contentarea p {
    margin-bottom: 25px;
}

.section {
    /*height: 100vh;*/
}

/*DIFFERENCES*/
.four-box-section{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: wrap;
    padding: 50px 30px;
    background-color: #ece9e7;
}

.four-box.blank h4{
    font-family: Montserrat;
    font-weight: 400;
    font-style: Regular;
    font-size: 55px;
    leading-trim: NONE;
    line-height: 60px;
    letter-spacing: 0%;
    color: #B79779;
}

.four-box.blank p{
    color: var(--on-secondary, #2B3538);
    font-family: Spartan;
    font-size: clamp(18px, 4vw, 23px);
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.four-box{
    max-width: 800px;
    margin: 30px 15px;
}

.four-box.blank{
    padding: 0;
}

.four-box.filled{
    background-color: #DFD8D5;
    padding: 50px 75px;
    min-height: 575px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.four-box.filled h4{
    font-family: Dosis;
    font-weight: 400;
    font-style: Regular;
    font-size: 34px;
    leading-trim: NONE;
    line-height: 35px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #222B35;
}

.four-box.filled p{
    color: #545D60;
    font-family: "Open Sans";
    font-size: clamp(16px, 4vw, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
}

.four-box-section svg{
    height: clamp(70px, 8vw, 90px);
}

@media (max-width: 600px) {
    .four-box-section{
        padding: 50px 15px;
    }

    .four-box.filled{
        padding: 50px 25px;
    }

}
/*END DIFFERENCES*/

/*REVIEW BASICS*/
/* cta_welcome_1b_css
---------------------------------------------------------- */
.cta_welcome_1b {
    text-align: center;
    padding: 50px 0;
    position: relative;
    z-index: 1;
    background-color: #ECE9E7;
}

.cta_welcome_1b .container {
    display: flex;
    flex-direction: row;
    gap: 40px 0;
    max-width: min(100%, 1700px);
}

.cta_welcome_1b .welcome-top-title * {
    margin: 0;
}

.cta_welcome_1b .welcome-top-title h2 {
    font-family: Dosis;
    font-weight: 400;
    font-style: Regular;
    font-size: 34px;
    leading-trim: NONE;
    line-height: 35px;
    letter-spacing: 0%;
    color: #000;
    text-align: left;
}

.cta_welcome_1b .welcome-top-title h3 {
    font-family: Montserrat;
    font-weight: 400;
    font-style: Regular;
    font-size: 63px;
    leading-trim: NONE;
    line-height: 63px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #B79779;
}

.cta_welcome_1b p a,
.cta_welcome_1b .welcome p a:visited {
    color: var(--black);
    font-weight: bold;
}

.cta_welcome_1b .welcome-button a {
    margin: 0 auto;
}

.cta_welcome_1b .welcome-content {
    margin-left: 50px;
}

.cta_welcome_1b .welcome-content p {
    margin: 0;
}

@media (max-width: 1025px) {
    .cta_welcome_1b .container {
        flex-direction: column;
    }
    .cta_welcome_1b .welcome-top-title h2 {
        text-align: center;
    }
        .cta_welcome_1b .welcome-content {
        margin-left: 0px;
    }
}

@media (max-width: 600px) {
    .cta_welcome_1b .welcome-top-title h3 {
        font-size: 40px;
    }
}

.review {
    padding: 30px 0;
    position: relative;
    line-height: 2;
    background-color: #ECE9E7;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    color: #222B35;
}

.review .name {
    margin-top: 15px;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.45px;
    color: #222B35;
}

p.name.md-font{
    margin: 0 0 0 0;
}

.review .slick_wrap {
    margin-top: 30px;
}

.review .container {
    max-width: 1400px;
    background-color: #222B35;
    min-height: 432px;
    padding: 50px 25px;
}
.reviews-btn a {
    text-transform: uppercase;
    font-size: 20px;
}

/*SLICK MAIN*/
.review .slick-list {
    max-width: none;
    width: 100%;
    margin: 0 auto;
    padding: 55px 0 !important;
}

.review .slick-list .slick-track {
    display: flex;
    /*flex-wrap: wrap;*/
    justify-content: center;
}

.review .rev_box:not(.slick-center) {
  margin: 0 60px;
}

.review .slick-list .slick-track .rev_box {
    flex: 0 0 auto; /* Don't shrink or grow */
    width: 341.17px; /* Explicit width, required with variableWidth: false */
    height: 240.09px;
    opacity: 0.3;
    background-color: #fff;
    padding: 20px 15px;
    position: relative;
    transition: all .2s ease-in;
    margin: 0 60px;
}

.review .slick-list .slick-track .rev_box .rev_wrap {
    position: relative;
    z-index: 2;
    margin: 0 auto;
}

.review .left-quat {
    margin-bottom: 12px;
}

.review .right-quat {
    margin: 0 0 0 auto;
}

/*.review .slick-list .slick-track .rev_box.slick-active+.slick-active+.slick-active{
    margin: 0 0 0 auto;
}*/
.review .slick-list .slick-track .rev_box.slick-active {
    /*max-width: 276.17px;*/
    /*margin: 0 40px;*/
}

.review .slick-list .slick-track .rev_box.slick-center {
    opacity: 1;
    max-width: none;
    max-width: 413.74px;
    height: 225.09px;
    /*transform: scale(1.7);*/
    /*-webkit-transform: scale(1.7);*/
}

/*.review .slick-list .slick-track .rev_box.slick-center .rev_wrap {*/
/*    max-width: 366px;*/
/*}*/

/*SLICK ARROWS*/
.review .arrow {
    /*display: none;*/
    opacity: 1;
    top: 50%;
}

.loaded .review .arrow.arrow-left {
    background: url(../images/arrow-left.png);
}

.loaded.webp .review .arrow.arrow-left {
    background: url(../images/arrow-left.webp);
}

.review .arrow.arrow-left {
    left: 31%;
    width: 28px;
    height: 11px;
}

.loaded .review .arrow.arrow-right {
    background: url(../images/arrow-right.png);
}

.loaded.webp .review .arrow.arrow-right {
    background: url(../images/arrow-right.webp);
}

.review .arrow.arrow-right {
    right: 31%;
    width: 28px;
    height: 11px;
}

.review .arrow::before {
    display: none;
}

.review .slick-list .slick-track .rev_box .rev_bg {
    background: #fff;
    position: absolute;
    width: 100%;
    /*max-width: 384px;*/
    left: 0;
    top: 0;
    height: 100%;
}

.review .slick-list .slick-track .rev_box.slick-center .rev_bg {
    transform: scale(1.1, 1.7);
}

@media screen and (min-width: 1026px) {
    .loaded .contentarea {
        background: url(../images/dr-desktop.jpg);
    }

    .loaded.webp .contentarea {
        background: url(../images/dr-desktop.webp);
    }

    .contentarea {
        border-top: 15px solid #B79779;
        border-bottom: 15px solid #B79779;
        min-height: 1086px;
        display: flex;
        align-items: center;
        background-position: left -7px !important;
    }

    .contentarea .container .row {
        justify-content: flex-end;
    }

    .contentarea .container .row section {
        max-width: 517px;
        text-align: center;
        margin: 0 auto;
    }

    .showcase .services a.main-btn,
	.reviews-btn a.main-btn{
        width: 228px;
        height: 55px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .showcase .services {
        font-weight: 400;
        font-size: 63px;
        line-height: 1.1;
        text-align: center;
        letter-spacing: 1px;
        color: #222B35;
    }

    .showcase .services h2 {
        font-weight: 400;
        font-size: 63px;
        line-height: 1.2;
        text-align: center;
        letter-spacing: 1px;
    }
    
    .showcase .services a.main-btn {
        background: #DFD8D5;
        border: 2px solid #222B35;
        font-weight: 400;
        font-size: 20px;
        line-height: 139.5%;
    }
}

@media screen and (max-width: 1366px) {
    .showcase .sho_box {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 1025px) {
    .contentarea {
        height: auto !important;
    }

    .review .slick-list .slick-track {
        /*display: block;*/
    }

    .showcase .sho_box .sho_title h3 {
        font-size: 28px;
    }

    .review .arrow.arrow-left {
        left: 15%;
    }

    .review .arrow.arrow-right {
        right: 15%;
    }
}

@media screen and (max-width: 767px) {
    .showcase .sho_box .sho_title {
        font-size: 23px;
    }

    .contentarea img {
        max-width: 50%;
    }

    .contentarea h2 {
        font-size: 25px;
    }
}

@media screen and (max-width: 607px) {
    .showcase .sho_box {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .review .arrow {
    top: 95%;
    }
    .review .arrow.arrow-left {
        left: 30%;
    }

    .review .arrow.arrow-right {
        right: 30%;
    }
}