:root {
    --bg-site: #fcced8;
    --bg-main: #faf5f2;
    --color-theme: #c23434;
    --color-menu-legend: #c23434;
    --color-text-theme: #c23434;
    --color-black: #000000;
    --color-white: #ffffff;
}

/*Header*/
header {
    background: var(--bg-main);
}

.logo {
    max-width: 150px;
    background: unset;
}

.logo img {
    background: var(--bg-main);
}
.logo, .logo img {

}
/* -------------------------------------------------- */

/*Footer*/
footer {
    background: var(--bg-main);
}

.logo-footer {
    background: unset;
    max-width: 150px;
}

.logo-footer img {
    background: var(--bg-main);
}
.logo-footer, .logo-footer img {

}
/* -------------------------------------------------- */

/*Menu*/
.menu-desktop ul {
    padding-top: 1rem;
}

.menu-desktop .list-inline > li > a {
    color: var(--color-black);
}
/* -------------------------------------------------- */

/*Main*/
main {
    background: var(--bg-main);
}
.outline-button-theme {
    display: inline-block;
    height: 100%;
    width: auto;
    border: 2px solid var(--color-theme);
    border-radius: 30px;
    background: var(--color-white);
    padding: 3px;
}
.outline-button-default {
    height: 100%;
    width: 100%;
    border: 2px solid var(--color-theme);
    border-radius: 0.375rem;
    background: var(--color-white);
    padding: 3px;
}
.outline-button-default .small {
    font-size: 77.5%;
}
.beauty-spa {
    background: var(--bg-main);
}
.about-us {
    background: var(--bg-main);
}
.business-gift {
    background: var(--bg-main);
}
/* -------------------------------------------------- */

/*Banner Home*/
.slider-home {
    height: 810px;
    border-width: 5px;
}

.slider-home .sliders .box-image {
    height: 800px;
}

.slider-home .sliders .slider-1 .box-image .image {
    height: 800px;
    background-image: url(../images/banner/home/home_banner_1.jpg);
    background-position: 50% 50%;
}

.slider-home .sliders .slider-2 .box-image .image {
    height: 800px;
    background-image: url(../images/banner/home/home_banner_2.jpg);
    background-position: 80% 50%;
}

.slider-home .sliders .slider-3 .box-image .image {
    height: 800px;
    background-image: url(../images/banner/home/home_banner_3.jpg);
    background-position: 35% 50%;
}

.slider-home .sliders .slider-4 .box-image .image {
    height: 800px;
    background-image: url(../images/banner/home/home_banner_4.jpg);
    background-position: 50% 50%;
}

.slider-home .sliders .slider-5 .box-image .image {
    height: 800px;
    background-image: url(../images/banner/home/home_banner_5.jpg);
    background-position: 50% 50%;
}
/* -------------------------------------------------- */

/*Banner Page*/
.slider-banner .sliders {
    height: 810px;
    border-width: 5px;
}

.slider-banner .box-slider {
    height: 800px;
}

.slider-banner .slider-1 .box-slider .image {
    height: 800px;
    background-image: url(../images/banner/slider/your-nails.jpg);
    background-position: 50% 50%;
}

.slider-banner .slider-2 .box-slider .image {
    height: 800px;
    background-image: url(../images/banner/slider/all-services.jpg);
    background-position: 40% 50%;
}

.slider-banner .slider-3 .box-slider .image {
    height: 800px;
    background-image: url(../images/banner/slider/e-gift.jpg);
    background-position: 50% 50%;
}

.slider-banner .slider-4 .box-slider .image {
    background-image: url(../images/banner/slider/waxing.jpg);
    background-position: 50% 25%;
}
/* -------------------------------------------------- */

/*Banner Contact*/
.bg-main .contact-banner {
    height: 810px;
    border-width: 5px;
}

.bg .bg-contact {
    height: 800px;
    background-image: url(../images/banner/contact/contact_banner.jpg);
    background-position: 35% 50%;
}
/* -------------------------------------------------- */

/*Page Home*/
.beauty-spa .box-image .image1 {
    background-image: url(../images/home/home_service_manicure.jpg);
    background-position: 50% 50%;
}

.beauty-spa .box-image .image2 {
    background-image: url(../images/home/home_service_pedicure.jpg);
    background-position: 80% 50%;
}

.beauty-spa .box-image .image3 {
    background-image: url(../images/home/home_service_dip_powder_nails.jpg);
    background-position: 50% 50%;
}

.beauty-spa .box-image .image4 {
    background-image: url(../images/home/home_service_acrylic.jpg);
    background-position: 45% 50%;
}

.business .business-inner .box-image .image-business {
    width: 500px;
    height: 500px;
    background-image: url(../images/home/home_business.jpg);
    background-position: 55% 50%;
}

.e-gift .box-image .image-e-gift {
    width: 500px;
    height: 500px;
    background-image: url(../images/home/home_e_gift.jpg);
    background-position: 50% 50%;
}

.contact-images .image1 {
    background-image: url(../images/home/home_contact_image_1.jpg);
    background-position: 40% 70%;
}

.contact-images .image2 {
    background-image: url(../images/home/home_contact_image_2.jpg);
    background-position: 30% 90%;
}

.contact-images .image3 {
    background-image: url(../images/home/home_contact_image_3.jpg);
    background-position: 90% 50%;
}

.contact-images .image4 {
    background-image: url(../images/home/home_contact_image_4.jpg);
    background-position: 50% 40%;
}

.contact-images .image5 {
    background-image: url(../images/home/home_contact_image_5.jpg);
    background-position: 50% 50%;
}

.contact-images .image6 {
    background-image: url(../images/home/home_contact_image_6.jpg);
    background-position: 50% 70%;
}

.contact-images .image7 {
    background-image: url(../images/home/home_contact_image_7.jpg);
    background-position: 50% 60%;
}

.contact-images .image8 {
    background-image: url(../images/home/home_contact_image_8.jpg);
    background-position: 50% 5%;
}
/* -------------------------------------------------- */

/*Page Contact*/
.bg-contact-1 {
    background-image: url(../images/contact/contact_image_1.jpg);
    background-position: 75% 50%;
}

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

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

.bg-contact-4 {
    background-image: url(../images/contact/contact_image_4.jpg);
    background-position: 50% 50%;
}
/* -------------------------------------------------- */

@media (max-width: 1199px) {
    /*Menu*/
    .menu-desktop .list-inline > li > a {
        color: var(--color-black);
        font-size: 0.8em;
        padding-left: 5px;
        padding-right: 5px;
    }
    .menu-desktop .list-inline .list-inline-item:hover, .menu-desktop .list-inline .list-inline-item.active {
        padding-top: 7px;
    }
    /* -------------------------------------------------- */
}

/*CSS Tablet*/
@media (max-width: 991px) {
    /*Menu*/
    .menu-desktop .list-inline .list-inline-item:hover, .menu-desktop .list-inline .list-inline-item.active {
        padding-top: 4px;
        padding-bottom: 8px;
    }
    .menu-desktop .list-inline > li > a {
        font-size: 0.62em;
        padding-left: 5px;
        padding-right: 5px;
    }
    /* -------------------------------------------------- */

    /*Banner Home*/
    .slider-home {
        height: 510px !important;
        border-width: 5px;
    }

    .slider-home .sliders .box-image, .slider-home .sliders .box-image .image {
        height: 500px !important;
    }

    .slider-home .sliders .slider-1 .box-image .image {
        background-position: 60% 50% !important;
    }

    .slider-home .sliders .slider-2 .box-image .image {
        background-position: 75% 50% !important;
    }

    .slider-home .sliders .slider-3 .box-image .image {
        background-position: 25% 50% !important;
    }

    .slider-home .sliders .slider-4 .box-image .image {
        background-position: 50% 50% !important;
    }

    .slider-home .sliders .slider-5 .box-image .image {
        background-position: 50% 50% !important;
    }
    /* -------------------------------------------------- */

    /*Banner Page*/
    .slider-banner .sliders {
        height: 510px !important;
        border-width: 5px;
    }

    .slider-banner .box-slider {
        height: 500px !important;
    }

    .slider-banner .box-slider .image {
        height: 500px !important;
    }

    .slider-banner .slider-1 .box-slider .image {
        background-position: 50% 50% !important;
    }

    .slider-banner .slider-2 .box-slider .image {
        background-position: 25% 50% !important;
    }

    .slider-banner .slider-3 .box-slider .image {
        background-position: 50% 50% !important;
    }

    .slider-banner .slider-4 .box-slider .image {
        background-position: 50% 50% !important;
    }
    /* -------------------------------------------------- */

    /*Banner Contact*/
    .bg-main .contact-banner {
        height: 510px !important;
        border-width: 5px;
    }

    .bg .bg-contact {
        background-position: 50% 50% !important;
        height: 500px !important;
    }
    /* -------------------------------------------------- */
}
/* -------------------------------------------------- */

/*CSS Mobile*/
@media (max-width: 767px) {
    .tabs-mobile span.small {
        font-size: 0.775em;
    }
    /*Header*/
    .logo-brand .navbar-brand, .navbar-brand img {
        background: unset;
    }
    .navbar-brand img {
        max-width: 150px;
    }
    /* -------------------------------------------------- */

    /*Banner Home*/
    .slider-home {
        height: 320px !important;
        border-width: 5px;
    }

    .slider-home .sliders .box-image, .slider-home .sliders .box-image .image {
        height: 310px !important;
    }

    .slider-home .sliders .slider-1 .box-image .image {
        background-position: 10% 50% !important;
    }

    .slider-home .sliders .slider-2 .box-image .image {
        background-position: 90% 50% !important;
    }

    .slider-home .sliders .slider-3 .box-image .image {
        background-position: 50% 50% !important;
    }

    .slider-home .sliders .slider-4 .box-image .image {
        background-position: 50% 50% !important;
    }

    .slider-home .sliders .slider-5 .box-image .image {
        background-position: 50% 50% !important;
    }
    /* -------------------------------------------------- */

    /*Banner Page*/
    .slider-banner .sliders {
        height: 320px !important;
        border-width: 5px;
    }

    .slider-banner .box-slider {
        height: 310px !important;
    }

    .slider-banner .box-slider .image {
        height: 310px !important;
    }

    .slider-banner .slider-1 .box-slider .image {
        background-position: 50% 50% !important;
    }

    .slider-banner .slider-2 .box-slider .image {
        background-position: 50% 50% !important;
    }

    .slider-banner .slider-3 .box-slider .image {
        background-position: 50% 50% !important;
    }

    .slider-banner .slider-4 .box-slider .image {
        background-position: 50% 50% !important;
    }
    /* -------------------------------------------------- */

    /*Banner Contact*/
    .bg-main .contact-banner {
        height: 320px !important;
        border-width: 5px;
    }

    .bg .bg-contact {
        background-position: 40% 50% !important;
        height: 310px !important;
    }
    /* -------------------------------------------------- */

    /*Page Home*/
    .business .business-inner .box-image .image-business {
        position: relative;
        width: 100%;
        height: 290px !important;
    }

    .e-gift .box-image .image-e-gift {
        position: relative;
        width: 100%;
        height: 290px !important;
    }
    /* -------------------------------------------------- */
}