:root {
    --bg-site: #644117;
    --bg-main: #000000;
    --bg-box: #644117;
    --bg-img-box: #ffffff;
    --color-theme: #dcccbf;
    --color-text-site: #ffffff;
    --color-button-text: #ffffff;
    --color-box-shadow: #ffffff;
    --color-text-shadow: #000000;
    --color-box-text: #000000;
    --color-error: #dc3545;
    --rgb-white: 220,205,190;
}
.bg-header {
    background-color: var(--bg-main);
}
body p {
    color: var(--color-text-site);
}
main {
    background: var(--bg-main) !important;
}
main p {
    color: var(--color-black);
}
header {
    background: var(--bg-main);
}
footer {
    background: var(--bg-main);
}
.logo, .logo img {
    padding-top: 2px;
    padding-bottom: 2px;
}
.slider-home {

}
.slider-home .sliders .box-image .box-inner .overlay {
    background-color: var(--color-white);
}
.slider-home .sliders .slider-1 .box-image .image {
    background-image: url(../images/banner/banner-home.jpg);
    background-repeat: no-repeat;
    background-position: 45% 50%;
}
.slider-home .sliders .slider-1 .box-image .box-inner h1, .slider-home .sliders .slider-1 .box-image .box-inner h2 {
    color: var(--color-black);
    text-shadow: -1px 0 var(--color-box-shadow), 0 1px var(--color-box-shadow), 1px 0 var(--color-box-shadow), 0 -1px var(--color-box-shadow);
}
.btn-theme {
    background: var(--color-theme);
    border-color: var(--color-theme);
    color: var(--color-black);
}
.btn-theme:hover {
    background: var(--color-white);
    border-color: var(--color-white);
    color: var(--color-black);
}
.bg-box {
    color: var(--color-white);
}
.bg-site {
    color: var(--color-white);
}
.home-contact-us h2 {
    color: var(--color-theme);
}
.beauty-spa h2 {
    color: var(--color-theme);
}
.beauty-spa .box-inner .box-image .box-text, .services-images .box-inner .box-image .box-text {
    background: var(--bg-site);
}
.beauty-spa .box-inner .box-image .box-text:hover, .services-images .box-inner .box-image .box-text:hover {
    background: var(--color-theme);
}
.beauty-spa .box-inner .box-image .box-text h2 {
    color: var(--color-white);
}
.beauty-spa .box-inner .box-image .box-text:hover h2, .services-images .box-inner .box-image .box-text:hover h2 {
    color: var(--color-black);
}
.services .bg-services {
    background-image: url(../images/index/home_service_bg.jpg);
}
.services .box-inner p {
    color: var(--color-black);
}
.business, .e-gift {

}
.business .box-inner .divider, .e-gift .box-inner .divider {
    background-color: var(--color-white);
}
.business .business-inner .box-image .image-business {
    background-image: url(../images/index/home_business.jpg);
}
.home-gift-cart h3 {
    color: var(--color-white);
}
.home-gift-cart p {
    color: var(--color-white);
}
.reviews h2 {
    color: var(--bg-site);
}
.e-gift .box-image .image-e-gift {
    background-image: url(../images/index/home_e_gift.jpg);
}
.services-title h2, .gallery-title h2, .prices-title h2, .gift-title h2, .contact-title h2, .login-title h2, .payment-title h2 {
    color: var(--color-theme);
}
.gallery {
    background-image: url(../images/contact/service_bg.jpg);
}
.gallery h3 {
    color: var(--bg-site);
}
.about-us h2, .about-us h3 {
    color: var(--bg-site);
    text-shadow: none;
}
.about-us-trend h3 {
    color: var(--color-theme);
}
.about-us-trend p {
    color: var(--color-white);
}
.contact h2, .contact h3 {
    text-shadow: none;
}
.bg-contact-1 {
    background-image: url(../images/contact/contact_image_1.jpg);
}

.bg-contact-2 {
    background-image: url(../images/contact/contact_image_2.jpg);
}

.bg-contact-3 {
    background-image: url(../images/contact/contact_image_3.jpg);
}

.bg-contact-4 {
    background-image: url(../images/contact/contact_image_4.jpg);
}
.tel-withtext a, .booking a {
    color: var(--color-black);
}
.services-images .box-text h2 {
    color: var(--color-white);
}
.beauty-spa .box-inner .box-text h2 {
    text-shadow: -1px 0 var(--color-black), 0 1px var(--color-black), 1px 0 var(--color-black), 0 -1px var(--color-black) !important;
}
.services-images .box-inner .box-text h2 {
    text-shadow: -1px 0 var(--color-black), 0 1px var(--color-black), 1px 0 var(--color-black), 0 -1px var(--color-black) !important;
}
#about-us .divider {
    background-color: var(--color-white);
}

@media (max-width: 991px) {
    .slider-home .sliders .slider-1 .box-image .image {
        background-position: 35% 50% !important;
    }
}
@media (max-width: 767px) {
    .menu-mobile-tablet .menu-bars button {
        background: var(--color-theme);
    }
    .slider-home .sliders .slider-1 .box-image .image {
        background-position: 45% 50% !important;
    }
}