@font-face {
    font-family: Baskerville;
    src: url('../fonts/Baskerville-01.ttf');
}

@font-face {
    font-family: Baskerville-light;
    src: url('../fonts/Baskerville-Light.ttf');
}

@font-face {
    font-family: Bembo-std;
    src: url('../fonts/BemboStd.ttf');
}

@font-face {
    font-family: Gotham;
    src: url('../fonts/GothamBook.ttf');
}

@font-face {
    font-family: Gotham-bold;
    src: url('../fonts/GothamBold.ttf');
}

@font-face {
    font-family: Gotham-Book;
    src: url('../fonts/Gotham-Book.ttf');
}

@font-face {
    font-family: Gotham-Light;
    src: url('../fonts/Gotham-Light.ttf');
}

@font-face {
    font-family: Gotham-Medium;
    src: url('../fonts/Gotham-Medium.ttf');
}

@font-face {
    font-family: 'Montserrat', sans-serif;
    src: url('../fonts/Montserrat-ExtraLight.ttf');
}

@font-face {
    font-family: 'Cardo', serif;
    src: url('../fonts/Cardo-Regular.ttf');
}

@font-face {
    font-family: myriandpro;
    src: url('../fonts/MyriadPro-Regular.ttf');
}

@font-face {
    font-family: helvetica-light;
    src: url('../fonts/helvetica-light.ttf');
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body a {
    text-decoration: none !important;
}

.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/*star header*/
/*star header-top*/
header {
    background: white;
}

.social-networks ul {
    margin-right: 0%;
    margin-top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3px;
}

.social-networks ul li {
    display: inline !important;
    text-decoration: none;
    line-height: 0em;
    color: white;
    font-family: myriandpro;
    font-size: 22px;
}

.btn-appointment {
    background: #52C5B4;
    font-family: Gotham-Book;
    font-size: 15px !important;
    padding: 11px 0vw;
    border-radius: 6px;
    width: 19vw;
    display: inline-block;
}

.btn-appointment:hover {
    background: #106F8B;
    color: white !important;
}

.link-addres {
    color: #808080 !important;
    font-family: Gotham-Light !important;
    font-size: 13px !important;
}

.link-addres:hover {
    color: #106F8B !important;
}

.info-phone div {
    padding-bottom: 5px;
    padding-left: 0px;
}

.social-networks a {
    color: #fff;
    margin: 1px;
    font-size: 20px;
}

header span .i {
    margin-bottom: -2px !important;
}

header .btn-networks a {
    color: #52C5B4;
    /* background: #2B2C77; */
    font-size: 15px;
    font-weight: 200;
    width: 17px;
    height: 25px;
    line-height: 24px;
    /* border: 1px solid #2B2C77; */
    border-radius: 24%;
    display: inline-block;
    text-align: center;
    font-style: normal;
}

header .btn-networks a:hover {
    color: #2E89AB;
}

.info-phone .phone {
    color: #2E89AB;
    font-size: 22px;
    font-family: Gotham-bold;
    letter-spacing: 0px;
    margin-right: 10px;
}

.info-phone a:hover {
    color: rgb(32, 122, 155);
}

.logo-home img {
    width: 55%;
}

header nav {
    background: #106F8B;
}

header .container-fluid {
    padding: 20px 7vw;
}
header .social-networks{
    margin-top: 2%;
}

@media screen and (min-width: 992px) and (max-width: 1019px) {
    .info-phone .phone {
        font-size: 30.5px;
    }

    .info-phone .addres {
        font-size: 19.5px !important;
    }
}



/*end header-top*/

.fixed-top {
    background: #106F8B;
    justify-content: center !important;
    -webkit-animation-name: fixed-top;
    animation-name: fixed-top;
}

@-webkit-keyframes fixed-top {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fixed-top {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.scrollToTop {
    display: none;
    padding: 20px;
    background-color: rgba(183, 200, 208, 0.4);
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 29px;
    text-align: center;
    z-index: 1005 !important;
}

/*end nav*/
@media (max-width:767px) {
    .info-phone a {
        font-size: 14px;
    }

    .info-addres a {
        font-size: 14px;
    }

    .scrollToTop {
        bottom: 5px;
        right: 5px;
        padding: 15px;
        font-size: 18px;
    }

    .logo-home img {
        margin: 30px 0px 10px 0px;
    }

    .logo-home img {
        margin: auto;
        display: block;
        margin-top: 30px;
    }

    .social-networks ul {
        margin-right: 0%;
    }

    header .btn-networks a {
        font-size: 16px;
        width: 30px;
        height: 30px;
        line-height: 29px;
    }
}

@media (max-width:1130px) {
    .info-phone a {
        font-size: 10px !important;
    }

    .info-phone .phone {
        font-size: 16px !important;
        margin-right: 3px;
    }

    header .btn-networks a {
        width: 11px;
    }

    .link-addres {
        font-size: 13px !important;
    }

    .logo-home img {
        margin: 0px;
        width: 300px;
    }
}

@media (max-width:991px) {
    .info-phone {
        margin-bottom: 10px;
    }

    .btn-appointment {
        width: 50%;
    }

    .info-phone a {
        font-size: 13px !important;
    }

    header .btn-networks a {
        width: 16px;
    }

    .info-phone .phone {
        font-size: 19px !important;
        margin-right: 5px;
    }

    .logo-doctor {
        text-align: center;
    }

    .social-networks ul {
        margin-right: 0%;
    }

    .btn-networks-size {
        text-align: center;
    }

    .logo-home img {
        margin: auto;
        display: block;
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .sm-blue ul a,
    .sm-blue ul a:hover,
    .sm-blue ul a:focus,
    .sm-blue ul a:active {
        color: #106F8B !important;
    }
}

@media (max-width:767px) {
    .info-addres a {
        font-size: 12px;
    }

    .social-networks ul li {
        font-size: 15px;
    }

    .info-phone a {
        font-size: 12px !important;
    }

    .logo-home img {
        width: 350px;
    }

}

@media (max-width: 510px) {
    .logo-home img {
        width: 300px;
    }

    .btn-appointment {
        width: 100%;
    }
}

@media (max-width:400px) {
    .interline {
        display: block !important;
        white-space: pre-line !important;
    }
}

@media screen and (min-width: 991px) and (max-width: 1140px) {
    .dropdown:hover>.dropdown-menu {
        margin-left: -35px;
    }
}

@media screen and (min-width: 1140px) and (max-width: 1405px) {
    .dropdown:hover>.dropdown-menu {
        margin-left: -30px;
    }
}

@media (min-width: 1405px) {
    .dropdown:hover>.dropdown-menu {
        margin-left: -20px;
    }
}

@media (max-width: 991px) {
    .navbar {
        padding-right: 0vw;
        padding-left: 0vw;
    }

    .navbar-toggler:not(:disabled):not(.disabled) {
        margin-left: 15px;
    }
}

header .nav-patient-forms {
    position: absolute !important;
    right: -16vw;
    top: 0px;
    background: #52C5B4;
}

header .nav-patient-forms a {
    font-family: Gotham-Medium !important;
}

@media (max-width: 1150px) {
    header .nav-patient-forms {
        position: relative !important;
        right: 0vw;
    }
}

header .kareers {
    right: -4vw;
    top: 0px;
    background: #59a6b6;
}

header .kareers a {
    font-family: Gotham-Medium !important;
}

@media (max-width: 1150px) {
    header .kareers {
        position: relative !important;
        right: 0vw;
    }
}
/*end header*/

/*===============================section hero ==========================================*/
.hero {
    padding: 0px 8vw;
}

.hero .row {
    top: 2vw;
    z-index: 4;
}

.hero h1 {
    text-align: center;
    margin-bottom: -10px;
    color: white;
    font-size: 3.680vw;
    font-family: Gotham-Light;
    letter-spacing: 1.53px;
}

.hero h2 {
    text-align: center;
    font-family: Gotham-bold;
    font-size: 5.416vw;
    color: #52C5B4;
    text-shadow: 1px 1px 2px rgb(77, 76, 76);
}

.hero img.logo-hero {
    width: 170px;
    margin: auto;
    display: block;
    margin-bottom: 15px;
}

.hero .text-hero {
    position: absolute;
    bottom: 8vw;
    width: 100%;
    left: 0px;
    z-index: 2;
}

.hero .text-hero img {
    width: 11.805vw;
    margin: auto;
    display: block;
    margin-bottom: 20px;
}

.hero .img-thumbnail {
    padding: .7rem;
}

@media (max-width:991px) {

    .hero img.logo-hero {
        width: 80px;
        margin-bottom: 5px;
    }


}

@media (max-width:767px) {
    .hero h1 {
        margin-bottom: 0px;
    }
}

@media (max-width: 545px) {
    .hero .text-hero img {
        margin-bottom: 5px;
    }

    .hero img.logo-hero {
        width: 49px;
        margin-bottom: 0px;
    }

}

@media (max-width:420px) {}

/* ====== decription-home ====== */
.border-abour {
    border: 1px solid black;
}

.decription-home {
    background: #128aab;
    margin-top: -200px;
}

.content-description-home p {
    color: #ffffff;
    font-size: 2.3vw;
    margin: 240px 0px 205px 0px;
}
.br-interline{
    display: block;
}
@media (max-width:670px) {
    .br-interline{
        display: none;
    }
}
.content-description-home span {
    color: #52C5B4;
}

.about-home {
    background: #ffffff;
    padding: 30px 7vw;
    margin: auto;
    margin-bottom: 40px;
}

.content-about-home {
    background: #ffffff;
    margin-top: -180px;
    padding-top: 70px;
    padding-bottom: 90px;
}

.mr-about {
    border-right: 1px solid #52C5B4;
    height: 100px;
}

.content-about-home div h1 {
    color: #106F8B;
    margin-bottom: 15px;
    font-family: Gotham-Book;
}

.content-about-home div h1 strong{
    font-family: Gotham-bold;
}

.content-about-home div a {
    border: 1px solid #52C5B4;
    padding: 5px 0px;
    color: #52C5B4;   
    font-size: 1.1vw;
    letter-spacing: 1px;
    font-family: Gotham-Bold;
    width: 75%;
    display: inline-block;
}

.content-about-home div a:hover {
    background: #128aab;
    color: #ffffff;
    border: 1px solid #ffffff;
}

.subcat-about-home .container-fluid {
    padding: 0px;
}

.subcat-about-home {
    background: #128aab;
    padding: 15px;
    width: 97%;
}
.subcat-about-home .content-title{
    position: absolute;
    width: 100%;
    top: 4vw;
    text-align: center;
    padding: 0vw 3vw;
}
.subcat-about-home .content-title h5{
    font-size: 1.6vw;
    color: #ffffff;
    font-family: Gotham-Medium;
}
.subcat-about-home .content-title a {
    color: #52C5B4;
    font-family: Gotham-bold;
    font-size: 0.972vw;
    letter-spacing: 1.04px;
}
.content-title a:hover{
    color: #106F8B !important;
}
.rectangle-subcat-about {
    border: 1px solid white;
    padding: 5px;
}
.subcat-about-home .img-fluid{
    padding: 3px;
}
.text-subcat{
    display: flex;
    align-items: center;
    justify-items: center;
    padding-left: 3vw;
}
.text-subcat h1 {
    color: #ffffff;
    /* padding: 30px; */
    width: 300px;
    font-size: 29px;
    font-weight: bold;
    font-family: Gotham-Medium;
    line-height: 75px;
}

.text-subcat span {
    font-family: Gotham-Light;
}

.cuadros-img .col-xl-3 {
    padding: 0px !important;
}

.content-cuadrosimg {
    position: absolute;
    top: 25%;
}


@media (max-width: 1534px) {
    .content-about-home div h1 {
        font-size: 1.9vw;

    }
}

@media (max-width: 1200px) {
   

    .content-description-home p {
        margin: 250px 0px 217px 0px;
    }
}

@media (max-width: 995px) {
   
    .content-about-home div h1 {
        font-size: 2vw;
    }

    .decription-home {
        margin-top: -100px;
    }

    .content-description-home p {
        margin: 175px 0px 217px 0px;
    }
}

@media (max-width: 767px) {
    .content-about-home div h1 {
        font-size: 2vw;
    }
    .content-description-home p {
        font-size: 2.8vw;
        margin: 150px 0px 198px 0px;
    }
    .content-description-home p {
        font-size: 2.8vw;
        margin: 140px 0px 198px 0px;
    }
    .content-about-home div h1 {
        font-size: 2.85vw;
    }
    .content-about-home div a {
        width: 100%;
    }
    .content-about-home div a {
        font-size: 1.8vw;
    }
}
@media (max-width: 650px) {
.content-about-home div h1 {
    font-size: 2.7vw;
}
}
@media (max-width: 575px) {
    .content-about-home div h1 {
        font-size: 5vw;
    }
    .content-about-home div a {
        font-size: 3.5vw;
    }
    .mr-about {
        border: none;
    }
    .content-description-home p {
        font-size: 3.8vw;   
    }

}

@media (max-width: 430px) {
    .decription-home {
        margin-top: -70px;
    }
    .content-description-home p {
        margin: 110px 0px 198px 0px;
    }
   
}

@media (max-width: 350px) {
    .content-description-home p {
        font-size: 5.8vw;
    }
}

/* ====== end decription-home ====== */
.meet-team-home h1 {
    color: #106F8B;
    font-family: Gotham-Book;
    font-size: 1.9vw;
}
.meet-team-home .container-btn-appointment2 a{
    border: 1px solid #52C5B4;
    padding: 5px 2.5%;
    color: #52C5B4;   
    font-size: 1.2vw;
    letter-spacing: 1px;
    font-family: Gotham-bold;
    display: inline-block;
    text-align: center;
}
.meet-team-home h1 strong{
    font-family: Gotham-bold;
}
.image-meet-home .img-thumbnail {
    padding: 0.50rem;
    border: 1px solid #128aab;
    width: 95%;
}

.mb-3 {
    margin-bottom: 30px;
}

.mb-80 {
    margin-top: 80px;
    margin-bottom: 110px;
}

.image-meet-home h4 {
    font-size: 1.3vw;
    color: #929497;
    font-family: Gotham-Light;
    margin-bottom: 0;
}

.image-meet-home p {
    font-size: 1.3vw;
    color: #929497;
    font-family: Gotham-Medium;
}

.btn-meet-home a {
    border: 1px solid #52C5B4;
    padding: 5px 40px;
    color: #52C5B4 !important;
    font-weight: bold;
    font-size: 1.6vw;
}
@media (min-width:1500px){
    .image-meet-home h4 {
    font-size: 1.13vw;
    }
    .image-meet-home p {
    font-size: 1.14vw;
    }
}

@media (max-width: 1610px) {
    .text-subcat h1 {
        line-height: 50px;
    }
}

@media (max-width: 1300px) {
    .cudros-img h5 {
        font-size: 1.2vw;
    }

    .cudros-img a {
        font-size: 1vw;
    }
    .margin-resp {
        margin-top: 40px !important;
    }

    .cudros-img h5 {
        font-size: 1vw;
    }
}


@media (max-width: 1226px) {
    .text-subcat h1 {
        font-size: 2.0vw;
        width: 100%;
        line-height: 38px;
    }

}

@media (max-width: 991px) {
    .mbt-40 {
        margin: 40px 0px !important;
    }

    .image-meet-home h4 {
        font-size: 1.6vw;
    }

    .image-meet-home p {
        font-size: 1.7vw;
    }

    .meet-team-home h1 {
        font-size: 3vw;
    }
}

@media (max-width: 767px) {
    .image-meet-home h4 {
        font-size: 2vw;
    }
    .image-meet-home p {
        font-size: 2.3vw;
    }
    .text-subcat h1 {
        font-size: 25px;
        margin: 5vw;
    }
    .cudros-img h5 {
        font-size: 3.8vw;
    }
    .cudros-img a {
        font-size: 2.5vw !important;
    }
    .subcat-about-home .content-title h5 {
        font-size: 3vw;
    }
    .subcat-about-home .content-title a {
        font-size: 2.2vw;
    }
    .subcat-about-home .content-title {
        top: 9vw;
    }
    .rectangle-subcat-about .pt-2{
        padding-top: 0rem !important;
    }

}

@media (max-width: 575px) {
    .image-meet-home h4 {
        font-size: 16px;
    }

    .image-meet-home p {
        font-size: 16px;
    }

    .btn-meet-home a {
        font-size: 3vw;
    }

    .meet-team-home h1 {
        font-size: 23px;
    }
    .cudros-img h5 {
        font-size: 5.5vw;
    }
    .cudros-img a {
        font-size: 3.5vw !important;
    }
    .subcat-about-home .content-title h5 {
        font-size: 5vw;
    }
    .subcat-about-home .content-title a {
        font-size: 4.2vw;
    }
    .subcat-about-home .content-title {
        top: 19vw;
    }
   
}

@media (max-width: 474px) {
    
    .subcat-about-home .content-title {
        top: 17vw;
    }
    .text-subcat h1 {
        line-height: 34px;
        font-size: 19px;
        text-align: center;
        padding: 10vw 0vw;
        margin: 0px;
    }
    .services-home h1 {
        font-size: 20px !important;
    }
}
@media (max-width: 400px) {
    .meet-team-home .col-5{
        flex: 0 0 70%;
        max-width: 70%;
    }

}


/*-------------------------------------- Reviews ----------------------------*/
.review-index {
    padding-top: 8vw;
    padding-bottom: 8vw;
    background: #f1f1f2;
}

.review-index h1 {
    font-family: Gotham-Book;
    font-size: 24px;
    color: #128aab;
    padding-bottom: 15px;
}

.review-index h1 span {
    font-family: Gotham-bold;

}

.review-index p {
    font-family: Gotham-Light;
    font-style: italic;
    font-size: 21px;
    color: #128aab;
    padding-top: 50px;
    width: 720px;
    margin: auto;
}

.review-index h6 {
    font-family: Gotham-Bold;
    color: #128aab;
    font-size: 19px;
    padding-top: 40px;
}

.icon-google {
    width: 35px !important;
    margin-right: 15px;
    margin-top: 30px;
}

.content-stars span {
    display: inline-block;
}

.review-index span img {
    width: 200px;
    margin-top: 30px;
}

.carousel-indicators .active {
    background: #106F8B !important;
}

.carousel-item {
    height: 350px;
}

.carousel-indicators li {
    width: 15px;
    height: 15px;
    margin-right: 8px;
    border-radius: 100%;
    background: transparent;
    border: 1px solid #106F8B;
    margin-top: 150px;
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    margin-bottom: 100px;
}

@media (max-width:991px) {
    .review-index h1 {
        font-size: 22px;
        padding-bottom: 13px;
    }

    .review-index p {
        width: 90%;
        font-size: 17px;
    }

    .review-index h6 {
        font-size: 17px;
    }
}

@media (min-width: 1800px) {
    .review-index h1 {
        font-size: 40px;
    }

    .review-index p {
        font-size: 21px;
        width: 725px;
    }

    .review-index h6 {
        font-size: 21px;
    }
    .text-subcat h1 {
        width: 360px;
        font-size: 36px;
        line-height: 70px;
    }
}

@media (max-width: 991px) {

    .carousel-item-next,
    .carousel-item-prev,
    .carousel-item.active {
        margin-bottom: 20px !important;
    }
}

@media (max-width: 767px) {

    .carousel-item-next,
    .carousel-item-prev,
    .carousel-item.active {
        margin-bottom: 80px !important;
    }
}

@media (max-width: 576px) {

    .carousel-item-next,
    .carousel-item-prev,
    .carousel-item.active {
        margin-bottom: 100px !important;
    }

    .review-index h6 {
        padding-top: 20px;
    }
}

@media (max-width: 483px) {
    .review-index p {
        width: 100%;
        font-size: 15px;
    }

    .carousel-item-next,
    .carousel-item-prev,
    .carousel-item.active {
        margin-bottom: 60px !important;
    }

    .review-index span img {

        width: 100px;
    }
}

@media (max-width: 430px) {

    .carousel-item-next,
    .carousel-item-prev,
    .carousel-item.active {
        margin-bottom: 80px !important;
    }
    .review-index p {
        padding-top: 25px !important;
    }
}
@media (max-width: 380px) {

    .carousel-item-next,
    .carousel-item-prev,
    .carousel-item.active {
        margin-bottom: 100px !important;
    }
   
}
@media (max-width: 360px) {

    .carousel-item-next,
    .carousel-item-prev,
    .carousel-item.active {
        margin-bottom: 100px !important;
    }
}
@media (max-width: 340px) {

    .carousel-item-next,
    .carousel-item-prev,
    .carousel-item.active {
        margin-bottom: 230px !important;
    }
}

/*--------------------------------------  services home ----------------------------*/
.services-home {
    /*    margin-top: 84px;
       margin-bottom: 84px; */
       padding: 84px 12vw;
}

.services-home span {
    font-family: Gotham-bold;
    color: #106F8B;
}

.services-home h1 {
    font-family: Gotham-Book;
    color: #106F8B;
    font-size: 24px;
}

.services-home p {
    color: #929497;
    font-family: Gotham-Light;
    font-size: 18px;
    margin-top: 40px;
    margin-bottom: 65px;
    width: 480px;
    line-height: 33px;
}

.services-home a {
    border: 1px solid #52C5B4;
    padding: 5px 3%;
    color: #52C5B4;   
    font-size: 1vw;
    letter-spacing: 1px;
    font-family: Gotham-Bold;
    display: inline-block;
    /* width: 78%; */
    text-align: center;
}
.services-home a:hover{
    background: #52C5B4;
    color: white !important;
}
.services-home img{
    width: 180px;
    margin-bottom: 30px;
}
.services-home .img-thumbnail {
    padding: .45rem;
    background-color: #106F8B;
}
.services-home .text-service{
    position: absolute;
    width: 100%;
    left: 0;
    top: 5vw;
    padding: 0vw 2vw;
}
.services-home .text-service h2{
    font-size: 1.319vw;
    font-family: Gotham-Medium ;
    color: white;
    text-align: center;
}
.services-home .text-service a{
    border: none;
    color: white !important;
    padding: 0px;
    font-size: 1.319vw;
    font-family: Gotham-Medium ;
}
.services-home .text-service a:hover{
    background: transparent;
    color: #52C5B4 !important;
}
.services-home .container-img-service{
    flex: 0 0 38.666667%;
    max-width: 38.666667%;
}
@media(min-width:1600px){
    .services-home img {
        width: 200px;
    }
    .services-home h1 {
        font-size: 28px;
    }
    .services-home p {
        font-size: 20px;
        width: 524px;
    }
    .meet-team-home h1 {
        font-size: 27px;
    }
}
@media(min-width:1800px){
    .services-home h1 {
        font-size: 30px;
    }
    .services-home p {
        font-size: 23px;
        width: 600px;
    }
    .services-home .text-service {
        top: 4vw;
    }
}
@media (max-width: 1250px) {
    .services-home p {
        width: 100%;
    }
}

@media (max-width: 1100px) {
    .services-home {
        padding: 84px 3vw;
    }
}
@media (max-width: 767px) {
    .services-home h1 {
        text-align: center;
    }
    .services-home a {
        margin: auto;
        display: block;
        margin-bottom: 45px;
    }
    .services-home .text-service {
        top: 9vw;
    }
    .services-home .text-service a {
        font-size: 21px;
    }
    
}
@media (max-width: 525px) {
    .services-home .container-img-service {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .services-home .text-service a {
        font-size: 21px;
        width: 140px;
        text-align: center;
    }
    .services-home .text-service {
        top: 14vw;
    }
}

@media (max-width: 400px){
    .services-home .text-service {
        top: 17vw;
    }
    .services-home {
        padding-bottom: 0px;
    }
}


.services-home .container-btn-appointment a:hover, .container-btn-appointment2 a:hover{
    color: #ffffff !important;
    background: #52C5B4;
}
/*-------------------------------------- End services - home ---------------------------*/


/*-------------------------------------- End Reviews ----------------------------*/
/*--------------------------------------- Form-index-End -------------------------------*/
/*star section-tittle*/
.section-tittle {
    background: #106F8B;
    display: block;
    padding: 150px 0 25px 0;
    overflow: hidden;
    /* margin-bottom: -65px; */
    margin-top: -160px;
}

@media (max-width: 767px) {
    .section-tittle {
        padding: 91px 0 25px 0;
    }
}

@media (max-width:575px) {
    .section-tittle {
        padding: 57px 0 25px 0;
        margin-bottom: -102px;
    }
}

/*end section-tittle*/

/* maps */
.map {
    padding: 30px 9vw;
    margin-bottom: -155px;
}
.map .border-map1{
    /* border: solid 10px white; */
    background: white;
    padding: 10px 7px 5px 10px !important;
}
.map .border-map2{
    /* border: solid 10px white; */
    background: white;
    padding: 10px 10px 5px 7px !important;
}
.blue{
    background: #106F8B;
    height: 50px;
    margin-bottom: -2px;
}
@media (min-width:1800px) {
    .map iframe{
        height: 650px;
    }
}
@media (max-width:1130px) {
    .map {
        margin-bottom: -110px;
    }
    .map iframe{
        height: 450px;
    }
    .blue {
        height: 115px;
    }
}
@media (max-width:900px) {
    .map iframe {
        height: 400px;
    }
    .map {
        padding: 30px 4vw;
    }
}
@media (max-width: 525px){
    .map iframe {
    height: 320px;
}
.map {
    padding: 30px 0vw;
}
}

/* end maps */

/*--------------------------------start footer----------------------*/
footer {
    background-color: #106F8B;
    padding: 5% 12% 5% 12%;
}

.index footer {
    background-color: #106F8B;
    overflow: hidden;
    padding: 12%;
    padding-top: 9vw;
    padding-bottom: 4.5vw;
}

footer h1 {
    font-size: 23px;
    font-family: Gotham-bold !important;
    color: #52C5B4;
    margin-bottom: 25px;
}

footer .border-right {
    border-right: 1.5px solid #52C5B4 !important;
}

footer .info-phone .phone {
    color: white;
    font-size: 20px;
    font-family: Gotham-bold;
    letter-spacing: 0px;
    margin-right: 6px;
}

footer .info-phone .phone:hover {
    color: #52C5B4 !important;
}

footer .info-phone ul {
    margin-right: 0%;
    margin-top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px;
}

footer .link-addres {
    color: white !important;
    font-family: Gotham-Light;
    font-size: 14px !important;
    text-align: center !important;
}

footer .link-addres:hover {
    color: #52C5B4 !important;
}

footer .info-phone .container-btn-appointment {
    padding-top: 18px;
    padding-bottom: 25px;
}

footer .info-phone .btn-appointment {
    background: #52C5B4;
    color: white;
    font-size: 1.2vw;
    letter-spacing: 1px;
    font-family: Gotham-Bold;
    padding: 5px 0vw;
    border-radius: 4px;
    width: 19vw;
    display: inline-block;
}

footer .info-phone .btn-appointment:hover {
    background: white;
    color: #52C5B4 !important;
}

footer p {
    margin-bottom: 0px;
    color: white;
    font-family: Gotham-Book;
    font-size: 13px;
    margin-left: -17px;
}

footer .info-phone ul li {
    display: inline !important;
    text-decoration: none;
    line-height: 0em;
    color: white;
    font-family: myriandpro;
    font-size: 22px;
}

footer .info-phone .btn-networks a {
    color: #52C5B4;
    font-size: 14px;
    font-weight: 200;
    width: 20px;
    height: 25px;
    line-height: 24px;
    border-radius: 24%;
    display: inline-block;
    text-align: center;
    font-style: normal;
}

footer .info-phone .btn-networks a:hover {
    color: white !important;
}

.menu-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #2ba8b9;
    padding: 10px;
}

.menu-footer a {
    color: white;
    font-family: Gotham-Light;
    font-size: 14px;
}

.menu-footer a:hover {
    color: turquoise;
}

.menu-footer ul {
    margin-bottom: 0px;
}

.menu-footer ul li {
    display: inline-block;
    padding: 0px 10px;
}

@media (max-width:1130px) {
    footer .info-phone .btn-appointment {
        width: 80%;
    }

    footer {
        padding: 2%;
    }
}

@media(max-width:767px) {
    footer .border-right {
        border-right: none !important;
    }

    footer .info-phone {
        margin-bottom: 40px;
    }
}

@media (max-width:400px) {
    footer .info-phone .btn-appointment {
        width: 100%;
    }
}

@media (max-width:600px) {
    .menu-footer ul li {
        width: 100%;
        text-align: center;
    }
}

/*--------------------------------------end footer----------------------------------------*/

/*page intro & call to action*/
/*star page intro*/
.page-intro {
    background-color: #128aab;
    display: block;
    padding: 23px 0 .5% 0;
    /* 1.3% 0 .5% 0 */
    -webkit-box-shadow: 0px 10px 17px -11px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 17px -11px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 17px -11px rgba(0, 0, 0, 0.75);
   
}

.page-intro h1 {
    font-family: gotham-light;
    font-size: 24px;
    line-height: 24px;
    color: white;
    font-weight: 700 !important;
    font-size: 24px;
    letter-spacing: 0px;
    display: block;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.125);
}

.list-inline li {
    color: white;
    font-size: 14px;
    margin: 0;
    font-weight: 200;
    display: inline;
    letter-spacing: 0px;
    font-family: 'Montserrat', sans-serif;
}

.list-inline li.active {
    color: white;
}

.list-inline li a {
    color: white;
}

.fa-home {
    color: #ffff;
    font-size: 16px;
    margin-right: 3px;
}

.rw-mg {
    margin-left: 20%;
}

.list-inline li i {
    font-size: 13px;
    font-style: normal;
    margin-left: 2px;
    margin-right: 2px;
}

/*end page intro*/

/*star call-to-action*/
.call-to-action {
    background-color: #52c5b4;
    display: block;
    padding: 30px 0 25px 0;
}

.call-to-action h1 {
    font-size: 26px;
    margin-top: 20px;
    color: #ffffff;
    font-weight: 100 !important;
    font-family: gotham-medium;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.125);
}

.call-to-action a {
    padding: 17px 12px;
    font-size: 18px;
    border: 1px solid #ffffff;
    min-width: 210px;
    color: #ffffff;
    font-family: 'Questrial', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.call-to-action a:hover {
    background-color: white !important;
    color: #52c5b4;
    border: 1px solid white;
}

/*end call-to-action*/
/*br-hr-lg*/
.br-hr-lg {
    position: relative;
    clear: both;
    margin: 60px 0 50px;
    width: 100%;
    height: 1px;
}

.br-hr-h {
    position: absolute;
    top: 50%;
    left: 0%;
    height: 0;
    width: 100%;
    border-top: 1px solid rgba(97, 150, 185, 0.459);
    border-bottom: 1px solid #fff;
}

span.br-hr-h img {
    max-height: 36px;
    position: relative;
    bottom: 19px;
}

.imgBorder--db {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.mt40 {
    margin-top: 40px;
}

.mb40 {
    margin-bottom: 40px;
}

.scrollToTop {
    display: none;
    padding: 12px 20px 12px 20px;
    background-color: #52C5B4;
    border: solid 1px white;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 29px;
    text-align: center;
    z-index: 1005 !important;
}

/*br-hr-lg*/
@media only screen and (min-width:200px) and (max-width:767px) {
    .page-intro h1 {
        font-size: 22px;
        padding-top: 20px;
        margin-bottom: 0px;
    }

    .list-inline li {
        display: inline !important;
        font-size: 15px;
    }

    .call-to-action h1 {
        font-size: 22px;
        margin-top: 0px;
    }

    .call-to-action a {
        font-size: 14px;
        width: 100%;
        letter-spacing: 0px;
    }

    .scrollToTop {
        bottom: 20px;
        right: 20px;
        font-size: 18px;
    }
}

/*end page intro & call to action*/

/*about*/
.content-about {
    font-family: 'Montserrat', sans-serif !important;
}

.content-doctor p {
    font-size: 18px;
    color: #212529 !important;
    font-family: Gotham-Light;
}

.content-doctor h1 {
    font-family: Gotham-Medium;
    font-size: 32px;
    color: #106F8B;
    margin-bottom: 1rem;
}
.content-doctor h2 {
    font-family: Gotham-Medium;
    font-size: 24px;
    color: #106F8B;
    margin-bottom: 1rem;
}
.content-doctor img {
    width: 65%;
    display: block;
    margin: auto;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.333), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

/* Team */
.team-title {
    margin-top: 6px;
    font-size: 32px;
    font-family: 'Montserrat', sans-serif !important;
    letter-spacing: 0px;
    font-weight: 500;
    margin-bottom: -5px;
    line-height: 1em;
}

.team-title p,
.our-phil p {
    font-size: 18px !important;
}

.our-phil h1 {
    font-size: 28px !important;
}

.font-18 p {
    font-size: 18px !important;

}

.font-18 h1 {
    font-size: 24px !important;
}

.mb-30 {
    margin-bottom: 40px;
}

.mb-20 {
    margin-bottom: 0px;
}

@media (max-width: 1199px) {

    .mr-15 {
        margin-right: 0px !important;
    }

    .mb-30 {
        margin-bottom: 10px;
    }

    .mb-80 {
        margin-bottom: 80px;
    }
}

@media (max-width: 991px) {
    .img-doct {
        margin: auto;
    }

    .team-title,
    .title-doc {
        margin-top: 30px !important;
    }

}

@media screen and (min-width: 300px) and (max-width: 767px) {
    .img-doct img {
        margin: auto;
        display: block;
        width: 250px !important;
    }

}

@media (max-width: 456px) {
    .sep-2 img {
        width: 15% !important;
        left: 44% !important;
        top: -28px !important;
    }

    .font-18 {
        font-size: 22px !important;
    }
}

.separador {
    position: relative;
    clear: both;
    margin: 60px 0 50px;
    width: 100%;
    height: 1px;
}

.sep-2 {
    position: absolute;
    top: 50%;
    left: 0%;
    height: 0;
    width: 100%;
    border-top: 1px solid rgba(97, 150, 185, 0.459);
    border-bottom: 1px solid #fff;
}

.sep-2 img {
    width: 40px;
    position: absolute;
    left: 50%;
    top: -31px;
    max-height: 55px !important;
    background: white;
}

.our-phil {
    margin-bottom: 50px;
}

.our-phil h1 {
    text-align: left !important;
}

.mr-15 {
    margin-right: 15px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb30 {
    margin-bottom: 30px;
}

.section-meet-doctor img {
    width: 100%;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.75);
}

.section-meet-doctor li {
    list-style: none;
    font-family: 'Montserrat', sans-serif;
}

.content-doctor,
.section-about-philosophy {
    padding: 0px 5% 0px 5%;
}

.box-about {
    padding: 6% 0 6% 0;
}
.teamm-img img {
    position: relative;
	margin: 0 auto 0 auto;
	width: 90%;
	padding-left: 0%;
}

.section-about-philosophy h1 {
    margin-bottom: 40px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    font-weight: 500;
    color: #2E89AB;
}

.section-about-philosophy h4 {
    font-family: Gotham-Medium;
    font-size: 32px;
    color: #106F8B;
}

.section-about-philosophy p {
    font-size: 18px;
    color: #212529 !important;
    font-family: Gotham-Light;
}

.section-about-philosophy .row {
    margin-left: 0;
    margin-right: 0;
}

@media only screen and (min-width:200px) and (max-width:992px) {

    .content-doctor h1,
    .section-about-philosophy h1 {
        font-size: 25px !important;
        text-align: center;
    }

    .content-doctor h5 {
        text-align: center;
    }

    .content-doctor p,
    .section-about-philosophy p {
        font-size: 14px !important;
    }
}

/*end section-abot*/
/*office-tour*/
.office-tour {
    background-color: #f7fafa;
}

.tz-gallery {
    padding: 40px;
}

.tz-gallery .lightbox img {
    width: 100%;
    transition: 0.2s ease-in-out;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

.tz-gallery .lightbox img:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
}

.tz-gallery img {
    border-radius: 4px;
}

.baguetteBox-button {
    background-color: transparent !important;
}

@media(max-width: 768px) {
    .container.gallery-container {
        border-radius: 0;
    }
}



/* -------------------->Office Jen <-------------- */
.content-office {
    margin-top: 8em;
    margin-bottom: 8em;
}

.content-office img {
    width: 100%;
    transform: rotate(90deg);
    margin-bottom: 7em;

}








/*end office tour*/

/*star services*/
.p0 {
    padding-left: 0px !important;
}

.pd-50 {
    padding-bottom: 50px;
}

.services-detail {
    background-color: white;
}

.services-detail img {
    max-width: 100%;
}

.services-detail h1 {
    font-family: Gotham-Medium;
    font-size: 32px;
    color: #106F8B;
}
.services-detail h2 {
    font-family: Gotham-Medium;
    font-size: 24px;
    color: #106F8B;
}
.services-detail h3 {
    font-family: Gotham-Medium;
    font-size: 24px;
    color: #106F8B;
}
.services-detail .text-index h1 {
    font-weight: 500;
    font-size: 32px;
}

.services-detail p {
    font-size: 18px;
    color: #212529 !important;
    font-family: Gotham-Light;
    margin-bottom: 20px;
    line-height: 1.4;
}

.services-detail span {
    font-weight: 500;
}

.services-detail h4 {
    font-weight: 300 !important;
    font-size: 24px;
    color: #2E89AB;
    font-family: 'Montserrat', sans-serif;
}

.services-detail strong {
    color: #2E89AB;
    font-weight: 400;
}

#services-description h2,
#technology-description h2 {
    text-align: left;
    font-size: 24px;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    color: #2E89AB;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}

.services-detail ul {
    padding-left: 3vw;
}

.services-detail ul li {
    font-size: 18px;
    color: #212529 !important;
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    font-weight: 300;
    list-style-type: disc !important;

}

.services-detail li a {
    font-size: 18px;
    color: #212529;
    font-family: Gotham-Light;
}

.services-detail li a:hover {
    color: #2E89AB;
}

#technology-description ul {
    margin-top: 30px;
    margin-bottom: 0 !important;
}

a.back--btn {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    border-radius: 35px;
    color: #fff;
    background-color: #106F8B;
    padding: 13px 40px 12px 40px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

a.back--btn:hover {
    background-color: #fff;
    color: #106F8B;
    border: 1px solid #106F8B;
}

@media only screen and (min-width:200px) and (max-width:1199px) {
    .services-detail h1 {
        font-size: 28px;
    }
    .services-detail h2 {
        font-size: 20px;
    }
    .services-detail h3 {
        font-size: 20px;
    }
    .services-detail ul li {
        font-size: 14px;
    }

    .services-detail p {
        font-size: 16px;
    }

    .services-detail li a {
        font-size: 18px;
    }

    #services-description h2,
    #technology-description h2 {
        font-size: 20px;
    }
}

@media (min-width:1600px) {
    .services-detail .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25.333333%;
        flex: 0 0 25.333333%;
        max-width: 25.333333%;
    }
}

@media (max-width:991px) {
    .services-detail li a {
        font-size: 15px;
    }

    #services-description h2,
    #technology-description h2 {
        font-size: 18px;
    }

    .services-detail h4 {
        font-size: 20px;
    }

    .pad {
        padding: 50px 20px 50px 20px;
    }

    .call-to-action a {
        padding: 17px 10px;
        font-size: 14px;
    }
}

.services-detail{
    padding: 6% 0 6% 0;
}
@media (min-width: 1600px){
    .srv-cont .container {
        max-width: 1300px;
    }
}
/*end services*/

/*star patient-resourses*/
.section-patient-resourses {
    background-color: white;
    padding: 0px 5% 0px 5%;
}
.section-patient-resourses .payments-center{
    text-align: center;
}
.content-resourses {
    padding: 6% 0 6% 0;
}

.content-resourses img {
    max-width: 100%;
}
.section-patient-resourses .payments-center{
    text-align: center;
}
.section-patient-resourses h1 {
    font-family: Gotham-Medium;
    font-size: 32px;
    color: #106F8B;
    margin-bottom: 1rem;
    line-height: 1.1;
}
.section-patient-resourses h3 {
    font-family: Gotham-Medium;
    font-size: 22px;
    color: #70c2b4;
    margin-bottom: 1rem;
    line-height: 1.1;
}

.section-patient-resourses p {
    font-size: 18px;
    color: #212529 !important;
    font-family: Gotham-Light;
}

.section-patient-resourses .box-about p {
    font-size: 18px;
    color: #212529 !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
}

.pdf--form {
    margin-top: 30px;
}

.pdf--form a {
    padding: 15px 0px 15px 0px;
    background-color: #2E89AB;
    color: #fff !important;
    font-size: 15px;
    letter-spacing: .5px;
    border: none;
    border-radius: 35px;
    min-width: 100%;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    display: block;
}

.pdf--form a:hover {
    background-color: #90bbd0;
}

.pdf--form2 {
    margin-top: 30px;
}

.pdf--form2 a {
    padding: 15px 0px 15px 0px;
    background-color: #70c3b4;
    color: #fff !important;
    font-size: 15px;
    letter-spacing: .5px;
    border: none;
    border-radius: 35px;
    min-width: 100%;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    display: block;
}

.pdf--form2 a:hover {
    background-color: #b7dfd7;
}

.section-patient-resourses p small {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #6D91A3;
}

.section-patient-resourses a {
    color: #0b538b;
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
}

.section-patient-resourses a:hover {
    color: #000;
}

/*patient-reviews*/
.testimonial--gray--top {
    background: #f7f7f7;
    padding: 40px 50px 30px 50px;
    position: relative;
    font-size: 16px !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    border: 1px solid #f7f7f7;
    border-radius: 2px;
    margin: 6px 0px 0px 0px;
}

.testimonial--gray--top p {
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 200;
    color: #505050 !important;
}
.testimonial--gray--top p.text-right{
    color: #106F8B !important;
}
/*end patient-reviews*/
@media only screen and (min-width:200px) and (max-width:1199) {
    .section-patient-resourses h1 {
        font-size: 28px;
    }

    .section-patient-resourses p {
        font-size: 14px;
    }

    .testimonial--gray--top p {
        font-size: 14px;
    }
}

@media (max-width:400px) {
    .section-patient-resourses h1 {
        font-size: 22px;
    }

    .section-patient-resourses p {
        font-size: 16px;
    }
}

.justify-content-center {
    justify-content: center !important;
}

.text-resources {
    margin-top: 20px;
    margin-bottom: 30px;
}

/*end patient-resourses*/

/*star section-contact-us*/
.section-contact-us {
    background-color: white;
}

.section-contact-us .table tbody tr td {
    padding: 2px;
}

.contact-page {
    padding: 6% 0 6% 0;
}

.contact-info li {
    list-style: none;
}

.contact-info span {
    font-size: 25px;
}

.section-contact-us .info-contact a, .section-contact-us .info-contact p {
    color: #2E89AB !important;
    font-size: 17px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300 !important;
}

.section-contact-us .info-contact a p {
    left: 30px;
    position: relative;
    margin-bottom: 0;
    padding-bottom: 10px;
}

.section-contact-us .phone {
    font-size: 20px !important;
}

.section-contact-us span {
    font-size: 17px;
    color: #52c5b4;
    margin-right: 10px;
}

.section-contact-us strong {
    font-weight: 600;
}

.contact-info a:hover {
    color: #404041;
}

.contact-info .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.table tbody tr td {
    border-top: none !important;
    padding-top: 0px;
    font-size: 18px;
    color: #212529 !important;
    font-family: Gotham-Light;
}

.info-contact h2 {
    font-family: Gotham-Medium;
    font-size: 32px;
    color: #106F8B;
}

.info-contact p {
    font-size: 18px;
    color: #212529 !important;
    font-family: Gotham-Light;
    padding-bottom: 16px;
}

.info-contact-maps p {
    font-size: 18px;
    color: #212529 !important;
    font-family: Gotham-Light;
}

.info-contact-maps iframe {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.appointment-request h2 {
    color: #666766;
    font-size: 32px;
    margin-bottom: 15px;
}

.appointment-request label {
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
}

.appointment-request h2 a {
    color: #404041;
    font-size: 32px;
}

.appointment-request a:hover {
    color: #2B2C77;
}

.form-group {
    position: relative;
}

.form-control {
    border-radius: 0;
    box-shadow: none;
    background: transparent !important;
    height: 40px;
    padding-right: 30px;
    border-color: #52c5b4;
    color: #52c5b4;
    position: relative;
    -webkit-appearance: none;
}

.form-group.name:after {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f007";
    bottom: 10px;
    right: 15px;
    color: #b2bfca;
}

textarea.form-control {
    height: auto;
}

.form-group.phone:after {
    position: absolute;
    font-family: "FontAwesome";
    content: "#";
    bottom: 10px;
    right: 15px;
    color: #b2bfca;
}

.form-group.email:after {
    position: absolute;
    font-family: "FontAwesome";
    content: "@";
    bottom: 10px;
    right: 15px;
    color: #b2bfca;
}

.form-group.message:after {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f003";
    bottom: 10px;
    right: 15px;
    color: #b2bfca;
}

.btn-default {
    background-color: transparent;
    color: #52c5b4;
    border-color: #52c5b4 !important;
    margin-top: 25px;
}

.btn {
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    min-width: 160px;
    text-align: center;
    border-radius: 0;
    text-transform: uppercase;
    margin: 10px 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius: 0px !important;
}

.btn:hover {
    color: #fff;
    background-color: #52c5b4;
}

@media only screen and (min-width:200px) and (max-width:991px) {
    .contact-info span {
        font-size: 18px;
    }

    .info-contact a,
    .table tbody tr td,
    .info-contact p,
    .info-contact-maps p {
        font-size: 14px;
    }

    .info-contact h2 {
        font-size: 24px;
    }
}

/*end section-contact-us*/
#our-philosophy {
    transition: all 0.3s;
}

.scrollToTop {
    transition: all 0.9s;
}

.barra-top {
    margin-top: 0px !important;
}

.barra-top2 {
    margin-top: 79px !important;
}

@-moz-document url-prefix() {
    .list-info a {
        color: white;
        font-weight: 300;
        padding: 16px 0px 0px 0px;
    }

    .info-addres a {
        padding: 13px 0px 0px 0px;
    }


    .section-doctors p {
        font-weight: 300;
    }

    .section-patient p {
        font-weight: 300;
    }
}

@media (max-width:1200px) {
    .section-patient span {
        position: relative;
        margin-top: 0px;
    }
}

@media (max-width:1090px) {
    .section-patient .btn-consmetic {
        bottom: 8%;
    }
}

/* ==================== | HEADER | ==================== */



.main-menu-btn {
    position: relative;
    display: block;
    padding: 0.815em 40px;
    height: 50px;
    overflow: hidden;
    line-height: 26px;
    text-align: center;
    cursor: pointer;
    color: #BBB1A3;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin-bottom: 0px;
}


/* hamburger icon */
.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
    position: absolute;
    top: 50%;
    left: 20px;
    height: 2px;
    width: 24px;
    background: #BBB1A3;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

.main-menu-btn-icon:before {
    content: '';
    top: -7px;
    left: 0;
}

.main-menu-btn-icon:after {
    content: '';
    top: 7px;
    left: 0;
}

/* close icon */
#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon {
    height: 0;
    background: transparent;
}

#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:after {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.main-menu-btn-logo {
    font: italic bold 1.111em/10px Verdana, Arial, Helvetica, sans-serif;
    color: #3092C0;
}

.main-menu-btn-logo-separator {
    margin-right: 0.222em;
    border-right: 1px solid #dad3c9;
    padding-right: 0.5em;
}

/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

/* hide the menu in mobile view */
#main-menu-state:not(:checked)~#main-menu {
    display: none;
}

#main-menu-state:checked~#main-menu {
    display: block;
}

@media (min-width: 768px) {
    .main-menu-btn {
        position: absolute;
        top: -99999px;
    }

    #main-menu-state:not(:checked)~#main-menu {
        display: block;
    }

}

.sm {
    position: relative;
    z-index: 10;
}

.sm,
.sm ul,
.sm li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: normal;
    direction: ltr;
    text-align: left;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.sm-rtl,
.sm-rtl ul,
.sm-rtl li {
    direction: rtl;
    text-align: right;
}

.sm>li>h1,
.sm>li>h2,
.sm>li>h3,
.sm>li>h4,
.sm>li>h5,
.sm>li>h6 {
    margin: 0;
    padding: 0;
}

.sm ul {
    display: none;
}

.sm li,
.sm a {
    position: relative;
}

.sm a {
    display: block;
}

.sm a.disabled {
    cursor: not-allowed;
}

.sm:after {
    content: "\00a0";
    display: block;
    height: 0;
    font: 0px/0 serif;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}

.sm,
.sm *,
.sm *:before,
.sm *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sm-blue a,
.sm-blue a:hover,
.sm-blue a:focus,
.sm-blue a:active {
    padding: 10px 15px;
    background: transparent;
    text-transform: uppercase;
    color: white !important;
    font-family: Gotham-Light;
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 1.44px;
    text-decoration: none;
}

.sm-blue .active,
.sm-blue .active a {
    color: #52c5b4 !important;
}

/* .sm-blue .active{
    border-bottom: 2px solid #85CBEB;
} */
.sm-blue a.disabled {
    color: #a1d1e8;
}

.sm-blue a span.sub-arrow {
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: auto;
    right: 0px;
    width: 34px;
    height: 34px;
    overflow: hidden;
    font: bold 16px/34px monospace !important;
    text-align: center;
    text-shadow: none;
    background: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.sm-blue a.highlighted span.sub-arrow:before {
    display: block;
    content: '-';
}

.sm-blue ul {
    background: white;
}

.sm-blue ul a,
.sm-blue ul a:hover,
.sm-blue ul a:focus,
.sm-blue ul a:active {
    background: transparent;
    color: #2b82ac;
    font-size: 14px;
    text-shadow: none;
    border-left: 8px solid transparent;
}
.sm-blue #kareers li a {
   color: red;
}
@media (min-width: 965px) {
    header nav {
        justify-items: center;
        display: flex;
        justify-content: center;
        /* padding-right: 4vw; */
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

@media only screen and (min-width:768px) and (max-width:964px) {

    /* header nav {
        justify-items: end !important;
        display: flex !important;
        justify-content: flex-end !important;
         padding-right: 2% !important;
         padding-bottom: 3%;
    } */
    .sm-blue a,
    .sm-blue a:hover {
        font-family: gotham-light;
        font-size: 14px;
        padding: 10px 10px;
    }
}

@media (min-width: 768px) {
    .sm-blue ul {
        position: absolute;
        width: 12em;
    }

    .sm-blue li {
        float: left;
    }

    .sm-blue.sm-rtl li {
        float: right;
    }

    .sm-blue ul li,
    .sm-blue.sm-rtl ul li,
    .sm-blue.sm-vertical li {
        float: none;
    }

    .sm-blue a {
        white-space: nowrap;
    }

    .sm-blue ul a,
    .sm-blue.sm-vertical a {
        white-space: normal;
    }

    .sm-blue .sm-nowrap>li>a,
    .sm-blue .sm-nowrap>li> :not(ul) a {
        white-space: nowrap;
        font-size: 14px;
        background: #106F8B;
        color: white !important;
    }

    .sm-blue .sm-nowrap>li>a:hover {
        background: #52C5B4;
        color: white !important;
    }

    .sm-blue {
        background: transparent;
    }

    .sm-blue a span.sub-arrow {
        /* icon menu movil */
        top: auto;
        margin-top: 0;
        bottom: 13px;
        margin-left: -5px;
        right: 0;
        width: 0;
        height: 0;
        border-width: 5px;
        border-style: solid dashed dashed dashed;
        border-color: white transparent transparent transparent;
        background: transparent;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
    }

    .sm-blue a.highlighted span.sub-arrow:before {
        display: none;
    }
}

@media screen and (min-width: 767px) and (max-width: 1200px) {
    header nav {
        justify-items: center !important;
        display: flex;
        justify-content: center !important;
        padding-right: 0vw;
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

/* popup */
img.mfp-img {
    transform: rotate(90deg);

}

.mfp-figure:after {
    background: transparent !important;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.6) !important;
}

.dropdown-submenu span{
    right: 20px !important;
}
.dropdown-submenu .dropdown-menu{
    border: none;
}
@media (max-width: 767px) {
    .dropdown-submenu .dropdown-menu {
        border: solid 1px #106F8B;
        width: 100% !important;
    }
    footer p {
        margin-left: 0px;
    }
}

.contact-page h5{
    color: #52c5b4;
}

/* .menu--main {
    display: block;
    position: absolute;
    bottom: 0;
  } */
  .menu--main li {
    display: inline-block;
    position: relative;
    cursor: pointer;
  }
  /* .menu--main li:hover {
    background-color: #dde2e7;
  } */
  .menu--main li:hover .sub-menu {
    max-height: 300px;
    visibility: visible;
    bottom: 100%;
    transition: all 0.4s linear;
  }
  .menu--main .sub-menu {
    display: block;
    visibility: hidden;
    position: absolute;
    left: 0;
    box-shadow: none;
    max-height: 0;
    width: 150px;
    overflow: hidden;
    background: #106F8B;
    color: white;
  }
  .menu--main .sub-menu a{
      padding: 10px 0px;
      display: inline-block;
  }
  /* .menu--main .sub-menu li:hover{
      background: white;
      color: #106F8B !important;
  } */
  
  .menu--main .sub-menu li {
    display: block;
  }
  .ins-table td {
    padding: 2px 4px 2px 4px;
  }

/*banner-video*/

 /* Style the video: 100% width and height to cover the entire window */
#myVideo {
    position: inherit;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
	border: 12px solid white;
	-webkit-box-shadow: 0px 10px 10px -8px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0px 10px 10px -8px rgba(0, 0, 0, 0.55);
    box-shadow: 0px 10px 10px -8px rgba(0, 0, 0, 0.55);
}
@media (max-width: 767px) {
	#myVideo {
    display: none;
}
.vid-content {
	position: absolute;
	top: 25%;
	left: 34%;
	margin: 0 auto;
    background: none;
    width:65%;
   
}
}
@media (min-width: 768px) {
   
	.vidd-sm {
	display: none;
   
}
	#myVideo {
    position: inherit;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
	border: 12px solid white;
	-webkit-box-shadow: 0px 10px 10px -8px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0px 10px 10px -8px rgba(0, 0, 0, 0.55);
    box-shadow: 0px 10px 10px -8px rgba(0, 0, 0, 0.55);
}
	
}


/* Responsive iframe
----------------------------------*/
/*.responsive-iframe {
	position: relative;
	padding-bottom: 56.25%; 
	padding-top: 25px;
	height: 0;
	margin-bottom: 20px;
}
.responsive-iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	
}*/
@media (max-width: 767px) {
	/*#homm-vidd {
    display: none;*/
	.iframe__border {
	width: 359px;
	height: 201px;
}
}
.iframe__border {
	
	border:8px solid #3d88a8;
	-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;
  -moz-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;
  box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;
	margin-bottom: 30px;
}
/*.iframe__border-banner {
	border:8px solid #f8f0e1;
	-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;
  -moz-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;
  box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;
}
*/

/* Landing page!!!!!! */
.btn-xl-lp{
    font-family: Gotham-Medium;
    padding: 12px 20px;
    box-shadow: 0px 0px 3px #02020266;
    border-radius: 7px;
    font-size: 1.180vw;
}
.container-subtitle{
    padding: 1vw 0px;
    position: relative;
    z-index: 1;
    margin-top: -6.4vw;
}
.container-subtitle h1{
    font-family: Gotham-Light;
    font-size: 2vw;
    line-height: 5vw;
}
.container-subtitle h1 span{
    font-family: Gotham-Bold;
    font-size: 2.5vw;
}
.hero2.lp  {
    margin: 0 0 0 0;
    
}
.hero2.lp h2{
    font-family: Gotham-Light;
    font-size: 4vw;
    color: #306d88;
}
.hero2.lp h2 span {
    font-family: Gotham-Medium;
    font-size: 2vw;
    color: #70c2b4;
    
}
.hero2.lp .container-text {
    top: -37vw;
    padding-left: 11vw;
}

/* Section nav */
.section-navv {
    background: #70c2b4;
   
    position: relative;
    padding: 8px 0 8px 0;
    z-index: 999;
}
.section-navv .container-fluid {
    padding: 0 0 0 0;
}
.section-navv a {
   color: #fff;
   font-family: Gotham-Book;
   font-size: 17px;
   padding: 0 2% 0 2%;
   line-height: 110%;
}
.section-navv a:hover {
    color: #306d88;
    
 }
 @media (max-width: 767px) {
    .section-navv a {
        font-size: 14px;
        line-height: 110%;
     } 
     .expect {
        display: none;
     } 
}
 @media (min-width: 1300px) {
    .section-navv a {
        font-size: 17px;
     } 
}
 @media (min-width: 1600px) {
    .section-navv a {
        font-size: 19px;
     } 
}
/* /Section nav */

/* Section 1 */
.home .section-2 h1{
    margin-top: 0;
}
.section-1  {
    margin: -18.5vw 0 0 0;
}
@media (max-width: 767px) {
    .hero2.lp .container-text {
        margin-top: 13vw;
        padding-left: 11vw;
    }
    .hero2.lp h2{
        
    }
	.section-1  {
        margin: 0vw 0 0 0;
    }
}
.section-1 hr {
    margin: 25px 0px;
}
.section-1 ul{
    display: flex;
    padding: 0;
    list-style: none;
}
.section-1 ul li img{
    width: 20px;
    margin-right: 30px;
}
.section-1 h2{
    font-family: Gotham-Bold;
    font-size: 1.319vw;
    line-height: 2vw;
}
.section-1 h2 span{
    font-family: Gotham-Book;
    font-size: 1.458vw;
}
.section-1 h5{
    font-family: Gotham-Book;
    font-size: 1.388vw;
    text-align: center;
    line-height: 2.5vw;
    font-style: italic;
    margin-top: 25px;
}
.section-1 h5 span{
    font-style: normal;
}
.section-1 .container-left{
    padding: 6vw 4vw 0vw 4vw;
    height: 34vw;
}
.section-1 .container-right{
    padding: 6vw 5vw 0vw 5vw;
    height: 34vw;
}
.section-1 .reviews ul{
    justify-content: center;
}
.section-1 .reviews ul li:nth-child(1) img {
    width: 30px;
    margin-right: 15px;
}
.section-1 .reviews ul li:nth-child(2) img {
    width: 135px;
}
/* Section 1 */

/* section 2 */
.section-2 {
    padding: 6vw 1vw 15vw;
}
.section-2 h1{
    font-family: Gotham-Bold;
    font-size: 2.361vw;
    line-height: 2.8vw;
}
.section-2 h1 span{
    font-family: Gotham-Book;
}
.section-2 h2{
    font-family: Gotham-Medium;
    font-size: 1.597vw;
    width: 36vw;
    line-height: 2.3vw;
}
.section-2 h3{
    font-family: Gotham-Bold;
    font-size: 1.458vw;
    font-style: italic;
    width: 32vw;
    line-height: 2.3vw;
}
.section-2 p{
    font-family: Gotham-Light;
    font-size: 1.597vw;
    margin-top: 35px;
    line-height: 2.5vw;
    width: 39vw;
}
.section-2 hr{
    margin-top: 10px;
    margin-bottom: 10px;
}
.section-2 ul{
    display: flex;
    padding: 0;
    list-style: none;
}
.section-2 ul li img{
    width: 20px;
    margin-right: 10px;
}
.section-2 ul li{
    font-family: Gotham-Bold;
    font-size: 1.180vw;
}
.section-2 ul li span{
    font-family: Gotham-Book;
}
/* section 2 */

/* section 3 */
.section-3{
    padding: 6vw 7vw 9vw;
}
.section-3 h2{
    font-family: Gotham-Medium;
    font-size: 2.430vw;
    margin-top: 20px;
    margin-bottom: 30px;
}
.section-3 h2 span{
    font-size: 1.597vw;
}
.section-3 h3{
    font-family: Gotham-Light;
    font-size: 1.597vw;
    line-height: 2.4vw;
}
.section-3 h3.title-dental{
    font-family: Gotham-Medium;
    font-size: 1.944vw;
    line-height: 2.4vw;
}
.section-3 p{
    font-family: Gotham-Light;
    font-size: 1.111vw;
    line-height: 2vw;
}
.section-3 p span{
    font-family: Gotham-Book;
    font-size: 1.319vw;
}
.section-3 .container-img img{
    width: 100%;
    height: 14vw;
}
.section-3 ul{
    list-style: outside;
    margin-top: 35px;
    padding-left: 15px;
}
.section-3 ul li{
    font-family: Gotham-Light;
    font-size: 1.111vw;
}
.section-3 ul li:nth-child(1){
    list-style: none !important;
    margin-left: -15px;
}
.section-3 ul span{
    font-family: Gotham-Book;
    font-size: 1.319vw;
    text-align: left;
}
/* section 3 */
/* bg-dental */
.bg-dental img {
    width: 100%;
    height: 100%;
}
 /*/bg-dental */
/* section 4 */
.section-4{
    padding: 10vw 7vw;
}
.section-4 h2{
    font-family: Gotham-Medium;
    font-size: 2.430vw;
    margin-bottom: 45px;
}
.section-4 p{
    font-family: Gotham-Light;
    font-size: 1.111vw;
    margin-bottom: 40px;
}
.section-4 p span{
    font-family: Gotham-Book;
    font-size: 1.319vw;
    margin-bottom: -12px;
    display: block;
}
.section-4 ul{
    list-style: outside;
    padding-left: 15px;
}
.section-4 ul li{
    font-family: Gotham-Light;
    font-size: 1.111vw;
}
.section-4 ul span{
    font-family: Gotham-Medium;
}
/* section 4 */

/* section 5 */
.section-5{
    padding: 5vw 7vw 9vw;
}
.section-5 h1{
    font-family: Gotham-Light;
    font-size: 2.083vw;
}
.section-5 .img-text{
    width: 55%;
    margin-right: 25px;
    margin-bottom: 0px;
}
.section-5 .title{
    font-family: Gotham-Book;
    font-size: 1.319vw;
    margin-bottom: 15px;
    display: block;
}
.section-5 p{
    font-family: Segoe-UI;
    font-size: 1.319vw;
    line-height: 2.4vw;
}
.section-5 ul{
    padding-left: 15px;
    list-style: outside;
    margin-top: 40px;
}
.section-5 ul li{
   font-family: Gotham-Light;
   font-size: 1.319vw;
}
.section-5 .light{
    font-family: Gotham-Light;
}
/* section 5 */

/* section 6 */
.section-6{
    padding: 3vw 7vw 15vw;
}
.section-6 h1{
    font-family: Gotham-Medium;
    font-size: 2.430vw;
    margin-bottom: 25px;
    margin-top: 15px;
}
.section-6 p{
    font-family: Segoe-UI;
    font-size: 1.111vw;
    line-height: 2.1vw;
}
.section-6 p span{
    font-family: Segoe-UI;
    font-size: 1.111vw;
}
.section-6 p img{
    width: 45%;
    margin-left: 10px;
}
.section-6 .text-implants{
    font-family: Gotham-Light;
    width: 31vw;
}
.section-6 .text-implants span{
    font-family: Gotham-Book;
}
.container-implants{
    padding: 0vw 4vw;
}
.section-6 .container-implants img{
    height: 18vw;
    width: 100%;
}
/* section 6 */

/* section 7 */
.container-subtitle.opinion {
    margin-bottom: -9vw;
}
.section-7{
    padding: 13vw 7vw 6vw;
}
.section-7 h1{
    font-family: Gotham-Medium;
    font-size: 1.597vw;
}
.section-7 h2{
    font-family: Gotham-Medium;
    font-size: 1.666vw;
}
.section-7 h2 span{
    font-family: Gotham-Bold;
}
.section-7 h3{
    font-family: Gotham-Medium;
    font-size: 1.666vw;
}
.section-7 h3 span{
    font-size: 1.111vw;
}
.section-7 p{
    font-family: Gotham-Light;
    font-size: 1.111vw;
    line-height: 2vw;
}
.section-7 h4{
    font-family: Gotham-Medium;
    font-size: 1.597vw;
}
.section-7 h4 span{
    font-family: Gotham-Bold;
    font-size: 1.805vw;
}
.section-7 ul{
    list-style: outside;
    padding-left: 15px;
    margin-top: 30px;
}
.section-7 ul li{
    font-family: Gotham-Light;
    font-size: 1.111vw;
    line-height: 2vw;
}
.section-7 .second-opinion p{
    font-family: Gotham-Light;
    font-size: 1.111vw;
}
.section-7 .second-opinion p span{
    font-family: Gotham-Book;
}
/* section 7 */
.fixed-sp{
    padding-top: 5.902vw !important;
}
.fixed-ot{
    padding-top: 6.5vw !important;
}
@media (max-width: 991px){
    .btn-xl-lp span{
        display: none;
    }
    .home header {
        position: relative !important;
    }
}
/* responsive landing page */
@media (max-width: 767px){
   
    .home .movil-header .col-12, .home .movil-header .container-fluid{
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    header .container-logo img {
        width: 300px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .home.landing-page header{
        position: relative;
    }
    .hero2.lp .container-text {
        top: 5vw;
        padding-left: 5vw;
        position: absolute;
        text-align: left;
    }
    .hero2.lp h2 span {
        font-size: 2vw;
    }
    .btn-xl-lp{
        font-size: 15px;
    }
    .section-1 h2, .section-1 h2 span, .section-1 h5,.section-2 ul li {
        font-size: 14px;
        line-height: 23px;
    }
    .section-1 .container-left{
        padding: 6vw 4vw 0vw 4vw;
        height: 52vw;
    }
    .section-1 .container-right{
        padding: 6vw 5vw 0vw 5vw;
        height: 52vw;
    }
    .home.landing-page .section-2 h1 {
        text-align: center;
        line-height: 23px;
        font-size: 18px;
    }
    .section-2 h2 {
        font-size: 15px;
        width: 90%;
        text-align: center;
        line-height: 23px;
    }
    .section-2 p, .section-3 h3, .section-3 p, .section-3 p span, .section-3 ul span, .section-3 ul li, .section-4 p, .section-4 p span, .section-4 ul li, .section-5 p, .section-5 ul li, .section-6 p, .section-6 p span, .section-7 p, .section-7 ul li, .section-7 .second-opinion p {
        font-size: 14px;
        line-height: 23px;
        width: 100%;
    }
    .section-2 h3 {
        font-size: 14px;
        text-align: center;
        width: 100%;
        line-height: 23px;
        margin-top: 55px;
    }
    .section-3 h2, .section-3 h2 span, .section-3 h3.title-dental, .section-7 h4, .section-7 h3, .section-7 h4 span {
        font-size: 19px;
        line-height: 23px;
        text-align: center;
    }
    .container-subtitle h1{
        font-size: 18px;
        line-height: 8vw;
    }
    .section-7 h3{
        margin-top: 40px;
    }
    .section-5 .title {
        margin-top: 25px;
        font-size: 15px;
        line-height: 23px;
    }
    .section-3 .pl-5, .section-5 .pl-5{
        padding-left: 0px !important;
    }
    .section-3 .pr-5, .section-5 .pr-5{
        padding-right: 0px !important;
    }
    .section-3 .container-img img {
        height: 26vw;
    }
    .bg-dental img {
        width: 100%;
        height: 95px;
    }
    .section-4 h2 {
        font-size: 19px;
        text-align: center;
        margin-top: 40px;
    }
    .section-5 h1{
        font-size: 20px;
    }
    .section-6 h1{
        font-size: 18px;
    
    }
    .section-6 p img {
        width: 25%;
    }
    .section-6 .text-implants {
        width: 100%;
        margin-bottom: 20px;
    }
    .section-6 .container-implants img {
        height: 24vw;
    }
    .section-7 .p-5, .section-6 .p-5{
        padding: 0px !important;
    }
}

@media (max-width: 500px){
    .hero2.lp .container-text {
        top: -3vw;
    }
    .hero2.lp h2 {
        font-size: 4.263vw;
    }
    .hero2.lp h2 span {
        font-size: 3vw;
    }
    .container-reviews {
        height: 200px;
    }
   /*  .fz-17, .fz-18, .fz-19 {
        font-size: 11px !important;
    } */
}

/* landing page colors */
.btn-xl-lp{
    background: #70c2b4;
    color: white;
}
.btn-xl-lp:hover{
    background: white;
    color: #70c2b4;
}
.bg-blue{
    background: #316d88;
}
.bg-brown{
    background: #576064;
}
.container-subtitle{
    background: #576064;
}
.section-1 h2, .section-5 .title{
   color: #70c2b4;
}
.section-1 h2 span, .section-1 h5, .container-subtitle h1, .section-5 h1, .section-5 p, .section-5 ul li{
    color: white;
}
.section-1 hr{
    border-top: 1px solid white;
}
.section-2 hr{
    border-top: 1px solid #B0A18D;
}
.section-2 ul li, .section-2 ul li span, .section-2 h1, .section-2 h2, .section-2 h3, .section-3 h2, .section-3 h3.title-dental, .section-3 p, .section-3 ul span, .section-4 h2, .section-4 p span, .section-4 ul li, .section-6 h1, .section-6 .text-implants span, .section-7 h1, .section-7 ul li, .section-7 .second-opinion p span{
    color: #316d88;
}
.section-2 p, .section-4 p, .section-6 p, .section-7 p{
    color: #808285;
}
.section-3 h3{
    color: #576064;
}
.section-6 hr, .section-7 hr{
    border-top: 1px solid #B0A18D;
}
/* landing page */