@font-face {
    font-family: 'Questal';
    src: local('Questal Medium'), local('Questal-Med'),
        url('../fonts/Questal-Med.woff2') format('woff2'),
        url('../fonts/Questal-Med.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Questal';
    src: local('Questal Regular'), local('Questal-Reg'),
        url('../fonts/Questal-Reg.woff2') format('woff2'),
        url('../fonts/Questal-Reg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Questal';
    src: local('Questal Bold Italic'), local('Questal-BolIta'),
        url('../fonts/Questal-BolIta.woff2') format('woff2'),
        url('../fonts/Questal-BolIta.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Questal Regular';
    src: local('Questal Regular Italic'), local('Questal-RegIta'),
        url('../fonts/Questal-RegIta.woff2') format('woff2'),
        url('../fonts/Questal-RegIta.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Questal';
    src: local('Questal Medium Italic'), local('Questal-MedIta'),
        url('../fonts/Questal-MedIta.woff2') format('woff2'),
        url('../fonts/Questal-MedIta.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Questal';
    src: local('Questal Bold'), local('Questal-Bol'),
        url('../fonts/Questal-Bol.woff2') format('woff2'),
        url('../fonts/Questal-Bol.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
body {
    font-family: sofia-pro, sans-serif;
    font-size: 18px;
    color: #000;
    line-height: 1.5;
    font-style: normal;
    font-weight: normal;
}
dl,
ol,
ul {
	margin: 0;
	padding: 0
}
a:hover { text-decoration: none; }
a:focus,
img:focus,
.item:focus,
input:focus,
select:focus,
button:focus,
.form-control:focus {
    box-shadow: none;
    outline: none;
    text-decoration: none;
}
a { color: #4195AE; }
a:hover,
a:focus { color: #000; }
sup{
    font-size: 70%;
    top: -.5em;
}
sub { font-size: 70%; }
strong { font-weight: 700; }

h1 {
    font-family: 'Questal';
    font-size: 41px;
    line-height: 48px;
    font-weight: 500;
}
h2 {
    font-family: 'Questal';
    font-size: 55px;
    line-height: 50px;
    font-weight: 500;
}
h3 {
    font-size: 30px;
    line-height: 1.4;
}
h4 {
    font-size: 23px;
    line-height: 1.4;
}
h5 {
    font-size: 20px;
    line-height: 1.4;
}
h6 {
    font-size: 18px;
    line-height: 1.4;
}
p {
    line-height: 1.8;
}
.btn { 
    display: inline-block;
    vertical-align: top;
    padding: 9px 26px 11px; 
    font-family: sofia-pro, sans-serif;
    color: #000;
    font-weight: 900; 
    line-height: normal;
    text-align: center;
    background-color: #E2BC53;
    border: none; 
    border-radius: 40px; 
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    -ms-transition: all ease .4s;
}
.btn:hover,
.btn:focus {
    color: #000;
    background-color: #4195AE;
    box-shadow: none;
}
.btn-secondary {
    color: #000;
    background-color: #4195AE;
}
.btn-secondary:hover,
.btn-secondary:focus {
    color: #000;
    background-color: #E2BC53;
}
.yellow-wrapper { background-color: #E2BC53; }
.blue-wrapper { background-color: #4195AE; }
.lightgray-wrapper { background-color: #F7F3EE; }
section,
.section { float: left; width: 100%; }

.container {
    max-width: 1180px;
    width: 100%;
}

/*** NAVIGATION CSS START ***/
.sticky__nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    display: flex;
    align-items: center;
    width: 100%;
    height: 55px;
    padding: 0 30px;
    justify-content: space-between;
}
body.home .sticky__nav { position: absolute; top: 900px; }
body.home .sticky__nav.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}
.header-logo {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    z-index: 2;
    margin: 0 auto;
    text-align: center;
}
.header-logo img { width: 304px; }
.logo {
    font-size: 0;
    position: absolute;
    top: 19px;
    left: 30px;
    z-index: 11;
}
.logo img { width: 269px; height: 15px; }
body.home .logo { display: none; }
body.home .sticky .logo { display: inline-block; }
.nav__wrapper {
    position: absolute;
    top: 12px;
    left: 0;
    right: 0;
    z-index: 10;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.nav__wrapper ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}
.nav__wrapper ul li a {
    display: inline-block;
    padding: 0 12px;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
}
.nav__wrapper ul li a:hover,
.nav__wrapper ul li.current-menu-item.current_page_item a {
    color: #e2bc53;
}
.nav__toggle {
    display: none;
    position: absolute;
    top: 19px;
    right: 30px;
    z-index: 11;
    width: 25px;
}
.nav__toggle span {
    display: block;
    width: 100%;
    height: 3px;
    margin-bottom: 5px;
    background-color: #e2bc53;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.nav__toggle span:last-child { margin-bottom: 0; }
.nav__toggle.active span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 0;
    margin: 8px 0 0;
}
.nav__toggle.active span:nth-child(2) {
    width: 0%;
    opacity: 0;
}
.nav__toggle.active span:nth-child(3) {
    margin: -11px 0 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
@media(max-width:1399px){
    .logo { top: 22px; }
    .logo img { width: 200px; }
}

@media(max-width:1199px){
    .nav__wrapper ul li a { padding: 0 5px; font-size: 14px; }
}

@media(max-width:991px){
    .logo img { width: 265px; }
    body.home .sticky__nav { position: relative; top: 0; }
    .nav__wrapper { display: none; top: 50px; left: 0; right: auto; z-index: 99; width: 100%; background-color: #4195AE; }
    .nav__wrapper ul { flex-direction: column; align-items: center; }
    .nav__wrapper ul li { display: block; width: 100%; text-align: center; border-top: solid 1px #3c788a;}
    .nav__wrapper ul li a { width: 100%; padding: 10px; font-size: 18px; }
}

@media(max-width:374px){
    .logo img { width: 210px; }
}
/*** NAVIGATION CSS END ***/

/*** COMMON PAGE CSS START ***/
.section-common {
    margin: 35px auto;
}
/*** COMMON PAGE CSS END ***/

/*** HOMEPAGE CSS START ***/
.main-content { 
    float: left; 
    width: 100%; 
    margin-top: 55px;
}
.logged-in.admin-bar .main-content { margin-top: 23px; }
.home.logged-in.admin-bar .main-content { margin-top: 0; }
.home .main-content { margin-top: 0; }
.hero__banner { 
    position: relative;
    min-height: 900px;
    background: url("../img/black-bg.jpg") no-repeat;
    background-size: cover; 
}
.banner__slider .slick-list,
.banner__slider .slick-track,
.banner__slider.slick-slider,
.banner__slider.slick-slider .slick-slide { min-height: 900px; }
.banner__img {
    min-height: 900px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom;
}
.banner__slider.slick-slider .slick-prev,
.banner__slider.slick-slider .slick-next { display: none !important; }
.banner__description {
    max-width: 555px;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 267px;
    right: 15%;
    z-index: 1;
}
.banner__description h1 {
    margin-bottom: 53px;
    font-size: 41px;
    color: #4195AE;
    text-transform: uppercase;
    font-weight: normal;
}
.banner__description .btn-block .btn { margin: 0 5px; min-width: 140px; }

.clinic__features { padding: 221px 0 147px; }
.clinic__features h2 { 
    margin-bottom: 50px; 
    color: #4195AE;
}
.clinic__features h3 {
    font-size: 18px;
    font-weight: normal;
}
.content__wrapper { 
    max-width: 840px; 
    width: 100%; 
    margin: 0 auto;
}
.content__wrapper h3 { 
    margin: 0 0 40px;
    line-height: 1.4;
    margin-bottom: 40px;
    font-weight: 700;
    color: #C9AB58;
    font-size: 23px;
}
.features__step { 
    height: 100%;
    padding: 34px 15px; 
    text-align: center; 
}
.features__step .step__number {
    font-size: 24px;
    font-weight: 900;
}
.clinic__features .row.feature-row { margin: 0 -3px 67px; }
.clinic__features .row .col { padding: 0 3px; }
.clinic__features .step__number { margin: 8px 0 -2px; }
.features__step img { height: 73px; }
.features__step h4 { 
    margin: 0; 
    line-height: 1.4; 
    font-size: 18px;
    font-weight: 700; 
}
.clinic__features .content__wrapper p { 
    line-height: 1.8;
    max-width: 670px;
    margin: 0 auto 29px; 
}
.vision__section .container .row {
    display: table;
    width: 100%;
    table-layout: fixed;
    min-height: 620px;
    height: 100%;
}
.vision__section .col-lg-6 {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding: 35px 0 40px 120px;
}
.vision__section .col-lg-6.img-fluid {
    position: absolute;
    left: 0;
    right: auto;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.vision__description {
    max-width: 460px;
    width: 100%;
    text-align: center;
}
.vision__description h2 { max-width: 360px; margin: 0 auto 48px; }
.vision__description p {
    margin: 0;
    font-family: sofia-pro, sans-serif;
    color: #fff;
    font-weight: 600;
}
.our__value {
    padding: 166px 0 110px;
    background-size: 1000px;
    background-position: top 60px right;
    background-repeat: no-repeat;
}
.our__value .container { max-width: 770px; width: 100%; }
.our__value h2 { margin-bottom: 40px; }
.our__value h3 {
    margin-bottom: 0;
    padding: 0 60px;
    font-size: 23px;
    color: #C9AB58;
    font-weight: 700;
}
.values__faq { margin-bottom: 92px; }
.our__value h4 {
    margin: 55px 0 15px;
    line-height: 34px;
    font-size: 30px;
    color: #4195AE;
    font-weight: 700;
}
.our__value .btn.btn-toggle {
    padding: 0;
    font-size: 23px;
    font-weight: 700;
    background-color: transparent;
    border-radius: 0;
}
.our__value .btn.btn-toggle svg { 
    margin-left: 6px; 
    width: 19px; 
    height: 19px;
}
.our__value .btn.btn-toggle.active svg {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
.our__value .card { padding: 30px 0 0; border: 0; background: transparent; }
.our__value .card p { margin-bottom: 20px; text-align: left; }
.our__value .card p strong { font-size: 23px; }

.patient__care { margin-top: 230px; }
.patient__care img { max-width: 762px; margin-top: -228px; }
.patient__care .container { max-width: 1366px; }
.patient__care h2 {
    max-width: 380px;
    margin-left: -75px;
    font-family: sofia-pro, sans-serif;
    color: #fff;
    font-size: 23px;
    line-height: 32px;
    font-weight: 600;
    text-transform: none;
    text-align: center;
}

@media(min-width:1700px){
    .banner__description { right: 30%; }
}
@media(max-width:1299px){
    .patient__care h2 { margin-left: -40px; }
    .banner__description { max-width: 460px; right: 10%; bottom: 100px; }
    .banner__description h1 { font-size: 34px; line-height: 40px; }
    .banner__slider .slick-list, 
    .banner__slider .slick-track, 
    .banner__slider.slick-slider, 
    .banner__slider.slick-slider .slick-slide,
    .banner__img,
    .hero__banner {
        min-height: 800px;
    }
    body.home .sticky__nav { top: 800px; }
}

@media(max-width:1199px){
    .container { max-width: 970px; }
    .patient__care { margin-top: 150px; }
    .patient__care h2 { margin-left: 0; }
    .patient__care img { max-width: 100%; margin-top: -150px; }
    .features__step h4 { font-size: 15px; }
    .vision__section .col-lg-6 { padding: 40px 0 40px 60px; }
}

@media(max-width:991px){
	body.home .logo { display: inline-block; }
    body.home .sticky__nav { position: fixed; top: 0; left: 0; z-index: 99; } 
    .logo { top: 17px; }
    .nav__toggle { top: 14px; }
    .home .main-content,
    .main-content { margin-top: 50px; }
    .logged-in.admin-bar .main-content { margin-top: 4px; }
    .nav__toggle { display: inline-block; }
    .container { max-width: 740px; }
    .sticky__nav { height: 50px; }
    body.home .logo, body.home .nav__toggle { opacity: 1; visibility: visible; }
    .hero__banner, .banner__slider .slick-list, .banner__slider .slick-track, .banner__slider.slick-slider, .banner__slider.slick-slider .slick-slide { min-height: inherit; }
    .banner__img { min-height: 700px; }
    .banner__description { top: 120px; bottom: auto; padding: 0 30px; max-width: 540px; position: relative; margin: 0 auto; right: auto; }
    .vision__section .container { max-width: 100%; padding: 0; }
    .vision__section .container .row { display: flex; flex-direction: column; min-height: inherit; margin: 0; }
    .vision__section .col-lg-6.img-fluid { height: 400px; }
    .vision__section .col-lg-6.img-fluid,
    .vision__section .col-lg-6 { position: relative; width: 100%; padding: 60px 30px 74px; }
    .vision__description { margin: 0 auto; }
    .vision__description h2 { max-width: 100%; margin: 0 auto 30px; }
    .patient__care { padding-top: 62px; margin-top: 0; }
    .patient__care .row { flex-direction: column-reverse; }
    .patient__care img { margin-top: 45px; }
    .clinic__features { padding: 63px 0 60px; }
    .clinic__features .row.feature-row { justify-content: center; margin-bottom: 40px; }
    .clinic__features .row .col { padding: 3px; max-width: 33.33%; flex-basis: auto; }
    .our__value { padding: 60px 0 70px; }
    .clinic__features h2 { margin-bottom: 35px; }
}

@media(max-width:767px){
    .container { padding: 0 15px; }
    h2 { font-size: 44px; line-height: 38px; }
    .banner__img { min-height: 370px; }
    .banner__description { top: 53px; }
    .banner__description h1 { margin-bottom: 35px; font-size: 33px; line-height: 38px; }
    .clinic__features .row.feature-row { flex-direction: column;align-items: center; }
    .clinic__features .row .col { max-width: 225px; }
    .clinic__features h4 { font-size: 22px; }
    .features__step h4 { font-size: 17px; }
    .vision__section .col-lg-6.img-fluid { height: 204px; }
    .our__value { background-image: none !important; }
    .our__value h3 { padding: 0; }
    .our__value .card p { margin-bottom: 25px; text-align: left; }
    .our__value h4 { margin-top: 35px; }
    .values__faq { margin-bottom: 65px; }
	span.surgeon__name_bio.blue-btn {
		display: inline-block;
		padding: 8px 10px 10px;
		color: #fff;
		background-color: #4195AE;
	}
	span.surgeon__name_bio.blue-btn:focus { text-decoration: none; }
}

@media(max-width:374px){
    .banner__description h1 { font-size: 26px; line-height: 32px; }
    .banner__description .btn-block .btn { margin: 0 3px; min-width: 114px; font-size: 14px; }
    .banner__img { min-height: 330px; }
}
/*** HOMEPAGE CSS START ***/

/*** FOOTER CSS START ***/
footer { float: left; width: 100%; padding: 78px 0 60px; }
footer .container-fluid { max-width: 1460px; }
.footer__logo img { width: 295px; }
.address {
    margin-left: auto;
    text-align: right;
    max-width: 290px;
    font-size: 16px;
    color: #4195AE;
}
.address p { margin-bottom: 12px; line-height: 22px; }
.quick-link { margin-left: auto; }
.quick-link ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; float: right; }
.quick-link ul li { display: inline-block; vertical-align: top; font-size: 12px; }
.quick-link ul li a { font-size: 12px; color: #000; }
.quick-link ul li img { margin-left: 10px; }
.quick-link ul li a:hover,
.quick-link ul li a:focus { color: #4195AE; }

@media(max-width:991px){
footer .container-fluid { padding: 0 57px; }
}

@media (max-width:767px){
footer { padding: 30px 0; }
.footer__logo { float: right; margin: 0 27px 10px 0; }
.footer__logo img {
    width: 190px;
    margin: 0 auto;
}
.address p { margin-bottom: 18px; }
.address p br { display: none; }
}

/*** FOOTER CSS END ***/


/*** CLINIC PAGE CSS START ***/
.page__banner {
    position: relative;
    margin-top: 0;
    height: 350px;
    background-color: #000;
}
.page__banner h1 {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    font-size: 55px;
    font-weight: normal;
    color: #e2bc53;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 46px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.page-template-clinic .page__banner img { width: 480px; margin-left: 110px; margin-top: -7px; }
.page-template-forpatients .page__banner img { float: right; margin-top: -40px; margin-right: 80px; max-width: 537px; width: 100%; }
.page-template-surgeons .page__banner img { float: right; margin-right: 20px; margin-top: -50px; }
.page-template-faq .page__banner img { margin-left: 70px; }
.page-template-contact .page__banner img { margin: -22px 0 0 250px; max-width: 260px; }
.page-template-contact .page__banner h1 { max-width: 350px; }
.page-template-faqs .page__banner img { max-width: 500px; width: 100%; margin: -31px 0 0 40px; }
.page-template-faqs .page__banner h1 { max-width: 550px; }
.page-template-foundation .page__banner img { margin: -9px 0 0;}
.clinic__treatment { padding: 128px 0; }
.clinic__treatment h2 { margin-bottom: 35px; color: #4195AE; }
.clinic__treatment .text__block { padding-right: 75px; }
.clinic__treatment .text__block p { margin-bottom: 30px; }
.clinic__treatment .text__block p:last-child { margin-bottom: 0; }
.research { padding: 150px 0 170px; }
.research h2 {
    margin-bottom: 30px;
    font-family: sofia-pro, sans-serif;
    font-size: 30px;
    line-height: 34px;
    font-weight: 700;
}
.research h3 {
    padding-right: 80px;
    font-size: 23px;
    font-weight: 700;
    color: #4195AE;
}
.research p:not(:last-child) { margin-bottom: 28px; }
.research.quality { 
    background-size: 1200px;
    background-repeat: no-repeat;
    background-position: top -100px center; 
}
.accomplishment {
    padding: 138px 0 170px;
    background-color: #fff;
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
}
.accomplishment h2 { margin-bottom: 46px; color: #4195AE; }
.accomplishment h3 {
    max-width: 550px;
    margin: 0 auto 20px;
    font-size: 23px;
    color: #C9AB58;
    font-weight: bold;
}
.accomplishment p { max-width: 530px; margin: 0 auto 20px; }
.accomplishment p span { font-size: 23px; }

@media(max-width:1399px){
    .page-template-contact .page__banner img { margin-left: 200px; }
    .page-template-surgeons .page__banner { height: 300px; }
    .page-template-surgeons .page__banner img { width: 550px; }
    .page-template-faqs .page__banner { height: auto; }
    .page-template-faqs .page__banner img { margin: -37px 0 0 40px; width: 400px; }
    .page-template-foundation .page__banner { height: auto; }
    .page-template-foundation .page__banner img { width: 500px; margin: -10px 0 0; }
}
@media(max-width:1299px){
    .page__banner { height: auto; }
    .page-template-forpatients .page__banner img { margin-top: -30px; }
    .page__banner img { width: 400px; }
    .clinic__treatment .text__block,
    .research h3 { padding-right: 0; }
    .page-template-clinic .page__banner img,
    .page-template-faqs .page__banner img { width: 300px; margin: -30px 0 0 30px; }
    .page-template-clinic .page__banner img { width: 400px; margin-top: -10px; }
    .page-template-forpatients .page__banner img { max-width: 400px; margin-right: 40px; }
    .page-template-foundation .page__banner img { width: 300px; }
    .page-template-contact .page__banner img { margin-left: 100px; }
}
@media(max-width:1199px){
    .page-template-surgeons .page__banner { height: auto; }
    .page-template-surgeons .page__banner img { width: 400px; margin-top: -30px; }
    .page__banner h1 { max-width: 440px; font-size: 42px; line-height: 38px; }
    .page-template-faqs .page__banner h1 { max-width: 440px; }
    .page-template-foundation .page__banner h1 { max-width: 400px; }
}
@media(max-width:991px){
    .page__banner h1,
    .page-template-foundation .page__banner h1 { max-width: 250px; font-size: 33px; line-height: 30px; }
    .page-template-forpatients .page__banner h1 { max-width: 250px; }
    .page-template-forpatients .page__banner img { margin-top: -20px; max-width: 260px; }
    .page__banner img,
    .page-template-foundation .page__banner img,
    .page-template-clinic .page__banner img { width: 260px; }
    .page-template-surgeons .page__banner img { margin-right: 0; }
    .page-template-clinic .page__banner img { margin-top: -5px; }
    .page-template-contact .page__banner h1 { max-width: 200px; }
    .page-template-contact .page__banner img { margin-left: 50px; height: 245px; width: auto; }
    .page-template-surgeons .page__banner img { width: 260px; margin-top: -20px; }
    .page-template-faqs .page__banner img { width: 200px; margin: -20px 0 0 30px; }
    .page-template-faqs .page__banner h1 { max-width: 350px; }
    .clinic__treatment { padding: 70px 0 0; }
    .clinic__treatment .container { max-width: 100%; padding: 0; }
    .clinic__treatment .row { margin: 0; }
    .clinic__treatment .col-lg-6 { padding: 0; }
    .clinic__treatment .text__block { padding: 0 30px; margin-bottom: 88px; }
    .clinic__treatment h2 { margin-bottom: 38px; }
    .research { padding: 60px 0 70px; }
    .research h3 { margin-bottom: 35px; }
    .research p:not(:last-child) { margin-bottom: 30px; }
    .accomplishment { padding: 60px 0; }
    .accomplishment h2 { margin-bottom: 35px; }
    .accomplishment h3 { margin-bottom: 30px; }
    .accomplishment p { margin-bottom: 21px; }
    .page-template-forpatients .page__banner h1 { max-width: 200px; }
    .page-template-faq .page__banner h1 { max-width: 350px; }
}
@media(max-width:767px){
    .page__banner { margin-top: 0; overflow: hidden; }
    .page__banner h1,
    .page-template-foundation .page__banner h1 {
        max-width: 100%;
        margin: 0 auto;
        padding: 50px 15px 18px;
        position: relative;
        top: auto;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
    }
    .page__banner h1 { font-size: 30px; line-height: 28px; }
    .page__banner h1 br { display: none; }
    .page-template-forpatients .page__banner h1 { max-width: 100%; }
    .page__banner img { display: block; max-width: 407px; width: 100%; }
    .page-template-clinic .page__banner img { margin-top: 0; margin-left: 0; padding-right: 6px; max-width: 406px; width: 100%; }
    .page-template-surgeons .page__banner img { max-width: 406px; width: 100%; margin: 0; }
    .page-template-forpatients .page__banner img { margin-top: 0; margin-right: 0; max-width: 407px; }
    .page-template-faq .page__banner img { width: 100%; max-width: 400px; }
    .page-template-faq .page__banner h1 { max-width: 370px; }
    .accomplishment h2 { font-size: 8vw; line-height: 40px; word-break: break-word; }
    .clinic__treatment .text__block { padding: 0 15px; }
    .page-template-foundation .page__banner img { width: 450px; max-width: 450px; margin-top: 0; margin-left: -50px; }
    .page-template-contact .page__banner h1 { max-width: 100%; }
    .page-template-contact .page__banner img { max-width: 200px; margin: 0 auto; height: auto;}
    .page-template-faqs .page__banner img { width: 100%; margin: 0; max-width: 406px; }
}
@media(max-width:479px){
    .accomplishment h2 { line-height: 28px; }
}
@media(max-width:400px){
    .page-template-foundation .page__banner img { width: 410px; max-width: 410px; }
}
@media(max-width:374px){
    .page-template-foundation .page__banner img { width: 390px; max-width: 390px; }
}
@media(max-width:359px){
    .page__banner h1 { font-size: 28px;}
    .page-template-foundation .page__banner img { width: 360px; max-width: 360px; }
} 
/*** CLINIC PAGE CSS END ***/


/*** PATIENT PAGE CSS START ***/
.our__philosophy { 
    padding: 95px 0 180px; 
    overflow: hidden;
}
.our__philosophy--description { padding: 50px 0 0; }
.our__philosophy--description h2 { 
    margin-bottom: 35px;
    color: #4195AE; 
}
.our__philosophy--description p { margin-bottom: 30px; }
.our__philosophy--description p:last-child { margin-bottom: 0; }
.our__philosophy .container .row {
    display: table;
    width: 100%;
    table-layout: fixed;
    min-height: 620px;
    height: 100%;
}
.our__philosophy .col-lg-6 {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}
.our__philosophy .col-lg-6.img-fluid {
    position: absolute;
    left: 0;
    right: auto;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left -60px bottom;
}

@media(max-width:1399px){
    .our__philosophy { padding: 95px 0 130px; }
}
@media(max-width:1199px){
    .our__philosophy .col-lg-6.img-fluid { background-position: left -30px bottom; }
}
@media(max-width:991px){
    .page__banner { margin-top: 0; }
    .our__philosophy { padding: 55px 0 0; }
    .our__philosophy .container { padding: 0; }
    .our__philosophy .container .row { margin: 0; }
    .our__philosophy .container .row { display: flex; flex-direction: column-reverse; min-height: inherit; height: inherit; }
    .our__philosophy--description h2 { text-align: center; }
    .our__philosophy .col-lg-6 { display: block; width: 100%; padding: 0 30px; }
    .our__philosophy--description { padding: 0; margin-bottom: 50px; }
    .our__philosophy .col-lg-6.img-fluid { position: relative; width: 100%; height: 500px; margin-top: 0; background-size: contain; background-position: bottom center; }
}
@media(max-width:767px){
    .research.quality { background-image: none !important; }
    .our__philosophy--description { margin-bottom: 0; }
}
/*** PATIENT PAGE CSS END ***/


/*** SURGEONS PAGE CSS START ***/
.tab-pane.fade { transition: none; }
.fade:not(.show) { display: none; }
.our__surgeon .lightgray-wrapper { padding: 185px 0 170px; }
.our__surgeon .nav { 
    display: flex; 
    flex-wrap: nowrap; 
    margin: 0 -15px;
}
.our__surgeon .nav li.nav-item { padding: 0 15px; }
.our__surgeon .nav .nav-link { padding: 0; }
.surgeon__card { 
    position: relative; 
    display: flex;
    flex-direction: column;
}
.surgeon__thumbnail { position: relative; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .our__surgeon .nav li.nav-item { width: 25%; }
    .surgeon__card { display: block; }
 }
.nav-pills .nav-link.active, 
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: transparent;
}
.surgeon__thumbnail .overlay {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: rgba(0,0,0,.5);
}
.our__surgeon .nav .nav-link:hover .surgeon__thumbnail .overlay,
.our__surgeon .nav .nav-link.active .surgeon__thumbnail .overlay { opacity: 1; visibility: visible; }
.surgeon__thumbnail .overlay p,
.surgeon__thumbnail .overlay cite {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.surgeon__name {
    padding: 15px;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    text-align: center;
}
.our__surgeon .tab-content { padding: 153px 0 225px; }
.our__surgeon .tab-content h2,
#accordion h2 {
    margin-bottom: 30px;
    line-height: 34px;
    font-family: sofia-pro, sans-serif;
    font-size: 30px;
    font-weight: 700;
}
.our__surgeon .tab-content h3,
#accordion h3 {
    padding-right: 100px;
    font-size: 23px;
    color: #4195AE;
    font-weight: 700;
}
#accordion h3 p { line-height: normal; }
.surgeon__detail { padding-top: 70px; }
.surgeon__detail p { line-height: 1.8; }
.surgeon__detail p:not(:last-child) { margin-bottom: 26px; }

.surgeon-detail-mob .card-header { 
    display: flex;
    justify-content: center;
    padding: 0; 
    background-color: transparent;
    border: 0;
}
.card-header .btn {
    padding: 0;
    background-color: transparent;
    border-radius: 0;
}
.card-header .btn:focus { text-decoration: none; }
.surgeon-detail-mob { padding: 70px 0 58px; }
.card-header .btn .surgeon__card { max-width: 265px; }
.surgeon-detail-mob .card-body { padding: 48px 30px 18px; }
.surgeon-detail-mob .card { border: 0; margin-bottom: 30px; }
#accordion h2 { margin-bottom: 30px; }

@media(max-width:991px){
    .our__surgeon .lightgray-wrapper { padding: 70px 0 55px; }
    .our__surgeon .tab-content h3 { padding-right: 30px; }
    .our__surgeon .nav { flex-wrap: wrap; }
    .our__surgeon .nav li.nav-item { padding: 15px; max-width: 50%; flex: 0 0 50%; }
    .our__surgeon .tab-content { padding: 70px 0; }
    .surgeon__detail { padding-top: 20px; }
    .our__surgeon .tab-content h3, #accordion h3 { padding-right: 0; }
}
/*** SURGEONS PAGE CSS END ***/


/*** FOUNDATION PAGE CSS START ***/
.donation { padding: 128px 0; }
.donation h2 {
    margin-bottom: 36px;
    line-height: 46px;
    color: #4195AE;
}
.donation .btn { margin-bottom: 75px; min-width: 175px; }
.donation p { max-width: 310px; }
.about__foundation { padding: 145px 0 160px; }
.about__foundation .container { max-width: 810px; }
.about__foundation h2 {
    margin-bottom: 46px;
    color: #4195AE;
}
.about__foundation h3 { 
    margin-bottom: 25px;
    padding: 0 40px;
    font-size: 23px;
    color: #c9ab58; 
    font-weight: 700;
}
.about__foundation p { margin-bottom: 23px; line-height: 1.8; }
.about__foundation p strong { font-size: 23px; }
.about__foundation h4 {
    padding: 0 10px;
    margin: 60px 0 45px;
    font-size: 18px;
    color: #4195AE;
    font-weight: 700;
}
.about__foundation .btn { min-width: 138px; }

.recent__projects { padding: 145px 0 175px; }
.recent__projects .container { max-width: 1000px; }
.recent__projects h2 {
    margin-bottom: 26px;
    font-family: sofia-pro, sans-serif;
    font-size: 30px;
    font-weight: 700;
}
.recent__projects ul li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: #4195AE;
    font-weight: 700;
    justify-content: center;
}
.recent__projects ul li p { 
    display: inline-block; 
    position: relative; 
    width: 100%;
}
.recent__projects ul li p:before {
    content: "";
    position: absolute;
    top: 13px;
    left: -14px;
    width: 6px;
    height: 6px;
    background-color: #4195AE;
    border-radius: 100%;
}
.recent__projects ul li:not(:last-child) { margin-bottom: 31px; }
.recent__projects ul li p { margin: 0; }
.recent__projects ul li a { color: #e2bc53; }
.recent__projects ul li a:hover,
.recent__projects ul li a:focus { color: #000; }

.donor__list { 
    padding: 146px 0 156px;
    background-color: #000; 
}
.donor__list h2 { 
    margin-bottom: 35px; 
    color: #4195AE;
}
.donor__list-table,
.donor__list-table ul li {
    float: left;
    width: 100%;
}
.donor__list-table ul { 
    float: left;
    width: 100%;
    list-style: none; 
    margin: 0; 
    padding: 0; 
}
.donor__list-table ul li { 
    padding: 0;
    border-bottom: solid 1px #34778b;
    margin: 0 50px;
    width: auto;
    float: none;
    display: block;
}
.donor__list-table ul li.heading {
    float: left;
    padding: 0;
    margin-bottom: 15px;
    border-bottom: solid 1px #fff;
    width: 100%;
    margin: 0 0 15px;
}
.donor__list-table ul li.heading p {
    font-size: 23px;
    color: #c9ab58;
    font-weight: 700;
}
.donor__list-table ul li p { 
    display: inline-block;
    vertical-align: top;
    width: 34%;
    margin: 0;
    padding: 10px 15px; 
    color: #fff;
    text-align: center;
}
.donor__list-table ul li p .blue { color: #67bcff; }
.donor__list-table ul li p .bronze { color: #8f7631; }
.donor__list-table ul li p .yellow { color: #e3b32d; }
.donor__list-table ul li p .silver { color: #ababab; }
.donor__list-table ul li p .light-blue { color: #badaf3; }
.donor__list nav { 
    float: left;
    width: 100%;
    margin: 30px 0 0; 
    text-align: center; 
}
ul.page-numbers { display: flex; justify-content: center; }
ul.page-numbers li {
    position: relative;
    display: inline-block;
    width: auto !important;
    border: 0;
    margin: 0; 
    padding: 0; 
    color: #4195AE; 
}
ul.page-numbers li .page-numbers.current { 
    padding: 0 10px; 
    font-weight: 700; 
}
ul.page-numbers li a {
    position: relative;
    display: inline-block;
    padding: 0 10px;
    font-weight: 700;
    color: #4195AE;
    background-color: transparent;
    border: 0;
    border-radius: 0;
}
ul.page-numbers li a:before,
ul.page-numbers li .page-numbers.current:before {
    content: "";
    position: absolute;
    top: 6px;
    right: 0;
    width: 1px;
    height: 18px;
    background-color: #4195AE;
}
ul.page-numbers li:last-child .page-numbers.current::before,
ul.page-numbers li a.prev.page-numbers:before,
ul.page-numbers li a.next.page-numbers:before { display: none; }
ul.page-numbers li.active a,
ul.page-numbers li .page-numbers.current,
ul.page-numbers li a:hover {
    color: #c9ab58;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
} 
.donor__list h3 {
    float: left;
    width: 100%;
    margin: 55px 0 0;
    font-size: 28px;
    color: #c9ab58;
    font-weight: 700;
}

@media(max-width:991px){
    .donor__list-table ul li { margin: 0; }
    .recent__projects ul { padding: 0 20px; }
    .donation p { margin-bottom: 90px; }
}
@media(max-width:767px){
    html,body { overflow-x: hidden; }
    .recent__projects ul li:before { left: 0; }
    .donation { padding: 60px 0 0; text-align: center; }
    .donation .container { padding: 0; }
    .donation .row { margin: 0; }
    .donation .row .col-lg-6 { padding: 0; }
    .donation h2 { padding: 0 30px; line-height: 36px; }
    .donation .btn { margin-bottom: 45px; }
    .donation p { max-width: 100%; padding: 0 30px; text-align: left; line-height: 1.6; }
    .about__foundation { padding: 65px 0; }
    .about__foundation h3 { padding: 0; }
    .about__foundation h4 { margin-bottom: 20px; line-height: 1.8; }
    .about__foundation .btn { display: none; }
    .recent__projects { padding: 60px 0; }
    .donor__list h3 { margin-top: 60px; }
    .donor__list { padding: 60px 0 135px; }
    .donor__list-table ul li { float: left; width: 100%; padding-bottom: 10px; margin-bottom: 10px; }
    .donor__list-table ul li p,
    .donor__list-table ul li.heading p { width: 100%; padding: 0; line-height: normal; }
    .donor__list-table ul li.heading p { margin-bottom: -5px; }
    .donor__list-table ul li.heading { padding: 0 0 28px; margin-bottom: 10px; }
    .recent__projects ul { padding: 0 10px; }
    .recent__projects ul li p:before { left: -6px; }
    .recent__projects ul li p { line-height: 1.6; margin-bottom: 10px; }
    .recent__projects h2 { padding: 0 15px;}
}
@media(max-width:359px){
    .recent__projects h2 { padding: 0; }
}
/*** FOUNDATION PAGE CSS END ***/


/*** FAQ PAGE CSS START ***/
.faq-section {
    float: left;
    width: 100%;
    padding: 100px 0 162px;
}
.faq-section .container {
    max-width: 780px;
    width: 100%;
}
.faq__accordion h4 {
    margin: 45px 0 15px;
    line-height: 34px;
    font-size: 30px;
    color: #4195AE;
    font-weight: 700;
}
.faq__accordion .card {
    padding: 30px 0 0;
    text-align: left;
    border: 0;
    background: transparent;
}
.faq__accordion .card p:not(:last-child) { margin-bottom: 30px; }
.faq__accordion .btn.btn-toggle {
    padding: 0;
    font-size: 23px;
    font-weight: 700;
    background-color: transparent;
    border-radius: 0;
}
.faq__accordion .btn.btn-toggle svg {
    margin-left: 6px;
    width: 19px;
    height: 19px;
}
.faq__accordion .btn.btn-toggle.active svg {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
.faq-section .note { margin-top: 64px; }
@media(max-width:767px){
    .faq-section { padding: 40px 0 80px; }
}
/*** FAQ PAGE CSS END ***/


/*** CONTACT PAGE CSS START ***/
.contactus { padding: 130px 0 250px; }
.contactus h2 { margin-bottom: 24px; color: #4195AE; }
.contactus .text__block { padding-right: 100px; }
.contactus .text__block p { max-width: 420px; line-height: normal; margin-bottom: 14px; }
.contactus .text__block .telephone p { 
    margin: 0; 
    color: #c9ab58;
    font-weight: 700;
    line-height: normal;
}
.contactus .address {
    margin: 16px 0 35px;
    text-align: left;
    max-width: 220px;
    font-size: 18px;
    color: #c9ab58;
    font-weight: 700;
}
.contactus .address p { line-height: 1.2; }
.btn-block p { 
    margin: 5px 0 0; 
    font-size: 12px;
    color: #767676;
}
.research.quality .our__value { padding: 0 20px 150px; }
.research.quality .our__value h3 { color: #c9ab58; }
@media(max-width:1199px){
    .contactus .text__block { padding-right: 0; }
    .contactus .text__block .btn-block .btn { padding: 9px 24px 11px; }
}
@media(max-width:991px){
    .contactus { padding: 70px 0; }
    .contactus .text__block { margin-bottom: 50px; padding-right: 0; }
    .contactus .text__block .btn-block .btn { float: left; }
}
@media(max-width:767px){
    .contactus .text__block .btn-block { margin: 20px 0; }
    .contactus .text__block .btn-block,
    .contactus .text__block p { float: left; width: 100%; }
    .contactus .text__block .btn-block .btn { width: 100%; }
    .research.quality .our__value { padding: 0 15px 60px; }
}
/*** CONTACT PAGE CSS END ***/

.item.yellow-wrapper{transition: all ease .4s;}
.item.yellow-wrapper:hover{background:#4195AE}