:root {
    --color1: #fff;
    --color2: #363638;
    --color2a: #96cfcd;
    --color3: #6D7D78;
    --color3a: #9CAA93;
    --color4: #F57E20;
    --color4a: #e6e6e4;
    --color5: #414141;
    --color5a: #404041;
    --color6: #313234;
    --color7: #EFE9DB;
    --color8: #44504E;
}
.bg-color1 {
    background-color: var(--color1) !important;
}
.bg-color2 {
    background-color: var(--color2) !important;
}
.bg-color2a {
    background-color: var(--color2a) !important;
}
.bg-color3 {
    background-color: var(--color3) !important;
}
.bg-color4 {
    background-color: var(--color4) !important;
}
.bg-color4a {
    background-color: var(--color4a) !important;
}
.bg-color5 {
    background-color: var(--color5) !important;
}
.bg-color6 {
    background-color: var(--color6) !important;
}
.bg-color7 {
    background-color: var(--color7) !important;
}
.bg-color8 {
    background-color: var(--color8) !important;
}
/* global */
body.home{
    background: var(--color1);
}
.btn-home{
    color: var(--color6);
}
.btn-home:hover{
    color: var(--color5);
}
.btn-home2 {
    color: var(--color1);
    border: 0px solid var(--color6);
}
.btn-home2:hover{
    color: var(--color5);
    border: 0px solid var(--color5);
}
.btn-home3{
    color: var(--color1);
    background: var(--color2);
}
.btn-home3:hover{
    color: var(--color3);
}
.btn-appointment{
    color: var(--color2);
    border: 1px solid var(--color4);
    background: var(--color4);
}
.btn-appointment:hover{
    color: var(--color1);
}
.btn-home4{
    color: var(--color6);
    border: 0px solid var(--color1);
    background: var(--color7);
}
.btn-home4:hover{
    color: var(--color4);
    border: 0px solid #bbb;
}
.btn-home4a {
    color: var(--color1);
    background: var(--color2);
}
.btn-home4a:hover{
    background: var(--color4);
}
.btn-home5{
    color: var(--color1);
    border: 0px solid var(--color1);
    background: var(--color5);
}
.btn-home5:hover{
    color: var(--color6);
    border: 0px solid var(--color6);
}
.line-right{
    border-right: solid 1px var(--color6);
}
.secundary-page .line-right{
    border-right: solid 1px var(--color7);
}
.secundary-page .line-left{
    border-left: solid 1px var(--color7);
}
.text-white {
    color: var(--color1);
}
.bg-white {
    background: var(--color1);
}
.bg-white2 {
    background: var(--color1);
}
.bg-white3 {
    background: #ffffff;
}
.bg-serv {
    background: var(--color1);
}
.bg-blue{
    background: var(--color3);
}
.bg-brown{
    background: var(--color4);
}
.bg-whitetrans {
    background: transparent !important;
}
.txt-white {
    color: var(--color1);
}
/* global */

/* header */
.main-menu-btn {
    color: var(--color1);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
    background: var(--color2);
}
.menu-items a,
.menu-items a:hover,
.menu-items a:focus {
    color: var(--color1);
}

.sub-menu li a {
    color: var(--color1) !important;
}
@media (max-width: 991px) {
    .sub-menu li a {
        color: var(--color1) !important;
    }
}

.sub-menu li a:hover,
.sub-menu li a:focus {
    background-color: var(--color3a) !important;
}

.sm,
.sm ul,
.sm li {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.menu-items a.disabled {
    color: #a1d1e8;
}
.fixed-top {
    background: var(--color1);
    color: var(--color1);
}
.fixed-top .menu-items a span.sub-arrow{
    border-color: var(--color1) transparent transparent transparent;
}
header .fixed-top .line {
    border-right: solid 1px var(--color1);
}
.scrollToTop {
    background-color: var(--color4);
    color: var(--color1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.65);
}
header .active a{
    color: var(--color6);
    font-weight: bold;
}
header .active a:hover{
    color: #807469 !important;
    font-weight: bold;
}
header .active a span.sub-arrow{
    border-color: var(--color6) transparent transparent transparent !important;
}
header .menu{
    background:var(--color1);
}
header .phone{
    background: var(--color2);
}
header .phone a{
    color: var(--color4);
}
header .address{
    background:var(--color2);
}
header .address a{
    color: var(--color1);
}
header .address a:hover {
    color: var(--color3);;
}
header .phone a:hover{
    color: var(--color3);;
}
header .appointment a {
    color: var(--color2);
}
header .appointment a:hover {
    color: var(--color1);
}
header .line{
    border-right: solid 1px var(--color1);
}
/* header .social {
    background: var(--color3);
} */
header .social a {
    color: var(--color3a);
    border: solid 1px var(--color1);
    background: var(--color1);
}
header .social a:hover {
    color: var(--color3);
    border: solid 1px var(--color1);
}
header .social2 {
    background: var(--color3);
}
header .social2 a{
    color: var(--color6);
}
header .social2 a:hover{
    color: #bfbfc4;
}
header .container-logo{
    background: var(--color1);
}
header .container-logo a{
    color: var(--color2);
}
header .container-logo a span{
    color: var(--color3a);
}
header .location ul li, header .location ul li a, header .contact a{
    color: var(--color1);
}
header .social ul li a{
    color: var(--color3);
    border: solid 1px var(--color3);
}
header .location ul li a:hover, header .contact a:hover{
    color: var(--color7);
}
header .container-menu{
    background: #9ca89499;
}
/* header */

/* hero */
.hero h2 {
    color: var(--color1);
}
.hero h3 {
    color: var(--color1);
}
.calls-outs h3 {
    color: var(--color2);
}
/* .calls-outs h3:hover {
    color: var(--color4);
} */
.calls-outs{
    background: var(--color7);
}
.calls-outs h3 span {
    color: var(--color1);
}
.calls-outs p {
    color: var(--color5a);
}
.calls-outs a:hover {
    color: #ccc3b5;
}
.calls-outs .btn-call-outs{
    background: var(--color1);
    color: var(--color2);
}
.call-1 {
    background: var(--color4);
}
.calls-outs .container-np .container-slogan {
    background: var(--color3a);
}
.calls-outs .container-np .container-slogan h2 {
    color: var(--color1);
}
.calls-outs .container-np .container-slogan h3 a {
    color: var(--color1);
}
/* hero */

/* hero-reviews */
.hero-reviews .container-left {
    background: var(--color1);
}
.hero-reviews .container-right {
    background: var(--color1);
}
.hero-reviews .container-right .bg-image {
    background: var(--color3);
}
.hero-reviews h2 {
    color: var(--color2);
}
.hero-reviews h2 span{
    color: var(--color3a);
}
.hero-reviews h6 {
    color: var(--color3a) !important;
}
.hero .container-text h4{
    color: var(--color1);
}
.hero .container-text .container-slogan span{
    background: var(--color3a);
}
.hero .container-text .container-slogan span a{
    background: var(--color4);
    color: var(--color1);
}
@media (max-width: 767px){
    .hero .container-text .container-slogan span a{
        background: none;
        color: var(--color1);
    } 
}
.hero .container-text .container-slogan span a:hover{
    background: var(--color1);
    color: var(--color4);
}
.hero .container-text .container-slogan span p:nth-child(2), .hero .container-text .container-slogan span p:nth-child(3){
    color: var(--color1);
}

/* doc sig */
.hero-reviews h5 {
    color: var(--color5);
}
.hero-reviews h5 span{
    color: var(--color3a);
}
.bg-reviews{
    background: var(--color4a);
}
/* hero-reviews */

.philosophy h1, .philosophy p, .philosophy a{
    color: var(--color1);
}
.philosophy a:hover{
    color: var(--color3a);
}
/* reviews-body */
.home .reviews-body a i, .secundary-carrucel a i, .secundary-carrucel-resources a i{
    background-color:var(--color5);
    border-radius: 50%;
}
.home .reviews-body h1, .secundary-carrucel a, .secundary-carrucel-resources a{
    color: var(--color6);
}
/* reviews-body */

/* doc-home */
.home .doc-home h2 {
    color: var(--color1);
}
.home .doc-home p {
    color: var(--color1);
}
.home .doc-home p span{
    color: var(--color1);
}
.diagonal-bottom{
    background: var(--color4a);
}
.home .doc-home2 h2 {
    color: var(--color1);
}
.home .doc-home2 p {
    color: var(--color1);
}
.home .doc-home2 p span{
    color: var(--color3);
}
.home .doc-home2 a {
    color: var(--color4);
}
.home .doc-home2 a:hover {
    color: var(--color1);
}
.home .doc-home2 .docc-txt ul li {
    color: var(--color7);
}
.home .three-six {
    background: var(--color4a);
}
.home .three-six h2 {
    color: var(--color6);
}
.home .three-six h3{
    color: var(--color5);
}
.home .three-six p {
    color: var(--color6);
}
.home .three-six p span{
    color: var(--color6);
}
.home .yomi {
    background: var(--color2a);
}
.home .yomi h2 {
    color: var(--color1);
}
.home .yomi p {
    color: var(--color1);
}
.home .yomi p span{
    color: var(--color7);
}
.home .serv-bac h2 span{
    color: var(--color3);
}
.home .home-insurance h2{
    color: var(--color3);
}
.home .home-insurance p{
    color: var(--color1);
}
.home .questions{
    background: var(--color2);
}
.home .questions h2{
    color: var(--color1);
}
.home .questions h2 span{
    color: var(--color3);
}
.home .questions ul li{
    background: var(--color1);
}
.home .questions ul h2{
    color: var(--color2);
}
.home .questions ul li a{
    color: var(--color4);
}
.home .questions ul li a:hover{
    color: var(--color2);
}
/* services */
.services h2, .services h1, .services p, .services h3, .services ul li, .services a {
    color: var(--color1);
}
.services a:hover{
    color: var(--color3a);
}
.services .container-btn-service {
    color: var(--color5);
}
.services .container-btn-service a {
    color: var(--color1);
}
.services .line-right {
    border-right: solid 1px var(--color1);
}
.serv-bac {
    background: var(--color1);
}
/* services */

.dental-care h1, .dental-care p, .dental-care a{
    color: var(--color1);
}
.dental-care a:hover{
    color: var(--color8);
}


.emerg-pointer{
    background: var(--color3a);
}
.emerg-pointer h2 {
    color: var(--color1);
}
.emerg-pointer a {
    color: var(--color1);
    background: var(--color4);
}

/* about */
.about {
    background: var(--color4a);
}
.about h2 {
    color: var(--color5);
}
.about h3 {
    color: var(--color2);
}
.about p{
    color: var(--color6);
}
.about p span{
    color: var(--color5);
}
/* about */

/* doctor */
.doctor h1 {
    color: var(--color5a);
}
.doctor p{
    color: var(--color5a);
}
.doctor p span{
    color: var(--color5a);
}
.doctor .container-title{
    color: var(--color5a);
}
.doctor a{
    color: var(--color5a);
}
.doctor a:hover{
    color: var(--color3a);
}
/* doctor */
/* footer */
footer {
    background: var(--color2);
}
footer .btn-home {
    color: var(--color3);
}
footer a, footer ul li, footer p {
    color: var(--color4a);
}
footer i {
    color: var(--color1);
}
footer .social a {
    color: var(--color3) !important;
    border: solid 1px var(--color3);
    background: transparent;
}
footer .social a i{
    color: var(--color3) !important;
}
footer .social a:hover {
    color: var(--color3a);
    border: solid 1px var(--color1);
    background: var(--color1);
}
footer .social a:hover i {
    color: var(--color3);
}
footer .google img {
    color: var(--color1);
}
footer a:hover {
    color: var(--color3);
}
footer .text-phone {
    color: var(--color4a);
}
footer .phone ul li:nth-child(1) i{
    color: var(--color3);
}
/* footer */

/* content secundary */
.secundary-page{
    background: var(--color2);
}
.secundary-page .content-secundary h2  {
    color: var(--color2) !important;
}
.secundary-page .content-secundary h3, .secundary-page .content-secundary h4 {
    color: var(--color7);
}
.secundary-page .content-secundary p span{
    color: var(--color2);
}
.secundary-page .secundary-philosophy h1, .secundary-page .secundary-philosophy h1 span {
    color: var(--color2) !important;
}
.secundary-page .secundary-philosophy h3{
    color: var(--color2) !important;
}
.secundary-philosophy p span {
    color:var(--color2);
}
.content-secundary .content-patient-forms a {
    color: var(--color1);
}
.secundary-page .content-secundary h1{
    color: var(--color2);
}
.page-intro h1{
    color: var(--color2) !important;
}
.secundary-page .content-secundary h2 {
    color: var(--color2);
}

.secundary-page .content-secundary p, .secundary-page .content-secundary p a, .secundary-page .content-secundary ul li, .secundary-page .content-secundary ul li a, .secundary-page .content-secundary .content-reviews span{
    color: var(--color6);
}
.secundary-page .reviews-body p, .home .reviews-body p{
    color: var(--color1);
}
.secundary-page .container-btn {
    background: var(--color3);
}
.secundary-page .container-btn a, .btn-sm{
    background: var(--color3);
    color: var(--color1);
}
.secundary-page .container-btn a:hover{
    background: var(--color3);
    color: var(--color2);
}
.secundary-page .content-secundary .upper-content h2 {
    color: var(--color2) !important;
}
.secundary-page .content-secundary .upper-content ul li {
    color: var(--color2) !important;
}
.secundary-page .content-secundary .upper-content p {
    color: var(--color2);
}
.secundary-page .content-secundary .upper-content h3 a {
    color: var(--color2);
    background: var(--color2);
}
.secundary-page .content-secundary .upper-content h3 a:hover {
    color: #9894ba;
}
.content-secundary .plan1-box, .content-secundary .plan2-box  {
    background: var(--color2);
}
.content-secundary .plan1 {
    background: var(--color2);
}
.content-secundary .plan1 h2 {
    color: var(--color2) !important;
}
.content-secundary .plan1 p {
    color: var(--color2);
}
.content-secundary .plan1 p span {
    color: var(--color2);
}
.content-secundary .plan2 {
    background: var(--color4);
}
.content-secundary .plan2 h2 {
    color: var(--color2) !important;
}
.content-secundary .plan2 p {
    color: var(--color2);
}
.content-secundary .plan2 p span {
    color: var(--color2);
}
.secundary-page .covid-text h3 {
    color: var(--color2);
}


/* nu enhanced serv! */
.secundary-page .page-intro2 h2, .secundary-page .page-intro2 h3{
    color: var(--color2) !important;
}
.secundary-page .dent-serv h2, .secundary-page .dent-serv h3, .dent-serv2 h4, .dent-serv3 h4 {
    color: var(--color5) !important;
}
.secundary-page .dent-serv p, .dent-serv-list li, .dent-serv-list li span, .secundary-page .dent-serv3 p span, .secundary-page .dent-serv2 p span {
    color: var(--color8) !important;
}
.secundary-page .dent-serv2 p, ul.dent-serv-list2 li, .secundary-page .dent-serv2 h2 {
    color: var(--color8) !important;
}
.secundary-page .dent-serv3 h2, .secundary-page .dent-serv3 p {
    color: var(--color8) !important;
}



.btn-sm:hover{
    background:  #d3d3c9;
    color: var(--color6);
}
.secundary-page .content-secundary ul li a:hover{
    color:  var(--color6);
    
}

.secundary-page .content-contact button{
    background: var(--color4);
    color: var(--color1);
}
.secundary-page .content-contact input, .secundary-page .content-contact textarea{
    border: solid 1px #707070;
}

.secundary-page .contact-upper h4 {
    color: var(--color2);
}
.secundary-page .contact-upper p, .secundary-page .contact-upper p strong, .secundary-page .contact-upper a {
    color: var(--color2) !important;
}


.text-blue-1 {
    color: var(--color7);
}
/* content secundary */






/* landing page */
.landing-page .hero h2 {
    color: var(--color6) !important;
}
.landing-page .hero h2 span{
    color: var(--color6);
}
.btn-xl-lp{
    background: var(--color5);
    color: var(--color1);
}
.btn-xl-lp:hover{
    background: #7f8aa3;
    color: var(--color1);
}

.container-subtitle{
    background: var(--color3);
}
.section-1 h2 {
   color: var(--color2);
}
.section-1 h2 span {
    color: var(--color6);
}
.section-5 .title{
    color: var(--color6);
 }
.section-1 h5{
    color: #3D3F42;
}

.container-subtitle h1 {
    color: var(--color6);
}
.section-1 hr{
    border-top: 1px solid var(--color1);
    opacity: 0.2;
}
.section-2 hr{
    border-top: 1px solid #B0A18D;
}
.section-1 ul li i{
    color: var(--color2);
}
 .section-2 h1, .section-2 h2, .section-2 h3, .section-3 h3 .title-dental, .section-3 ul span, .section-7 h1,.section-7 h5, .section-3 h2, .section-3 p span, .section-5 h1, .section-5 ul li, .section-5 p, .section-6 h1, .section-7 h3 {
    color: var(--color7);
}
.section-2 ul li span{
    color: #707070;
}
.section-2 p, .section-4 p, .section-7 p{
    color: #707070;
}
.section-2 ul li, .section-3 p, .section-3 ul li span, ß.section-7 h4, .section-7 .second-opinion p span, .section-7 ul li, .section-4 ul li{
    color:#666;
}
.section-6 p{
    color:#7F7F7F;
}
.section-6 p span{
    color:#afbbd4 ;
}
.section-3 ul li{
    color:#707070;
}
.section-4 h2, .section-4 p span {
    color: var(--color7);
}
.section-5 .btn-xl-lp{
    background: #666;
}
.section-5 .btn-xl-lp:hover{
    background: var(--color6);
    color: var(--color1);
        box-shadow: 0px 0px 3px #02020266;
}
.section-6 hr, .section-7 hr{
    border-top: 1px solid #B0A18D;
}
/* landing page */
.text-green-5{
    color: #80BD4A !important;
}
/* scroll */
* {
    scrollbar-color: #C1C1C1 #eaeaea !important;
}
*::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgb(225, 225, 225);
}
*::-webkit-scrollbar-thumb {
    background: #C1C1C1;
}
*::-webkit-scrollbar-thumb:hover {
    background: #C1C1C1;
}