#pageService {
    color: #573d30;
}

#pageService a {
    color: #573d30;
}

#pageService a:hover {
    color: #8E6F61
}

#pageService .service-mainmenu {
    box-shadow: 2px 0px 20px 4px #0000006b;
    z-index: 11;
}

#pageService .service-submenu {
    /* display: none;
    position: absolute;
    z-index: 999;
    height: inherit;
    left: -200px;
    transition: left 0.5s ease; */
    /* display: none; */
    border-right: 2px solid #DBCBC1;
    height: inherit;
    position: absolute;
    z-index: 0;
    transition-property: left;
    transition-duration: 0.2s;
    transition-timing-function: ease;
    transition-delay: 0.2s;
}

#pageService .service-submenu.active {
    /* display: block; */
    left: 0px !important;
    z-index: 10;
}

#pageService .service-submenu ul {
    z-index: 10;
}

#pageService .service-submenu a {
    font-size: 1rem;
    /* font-weight: bold; */
    /* color: #FFF; */
    /* opacity: 0.7; */
    z-index: 5;
}

#pageService .service-submenu a:hover {
    color: #FFF !important;
    /* font-weight: bold; */
    /* opacity: 1; */
    z-index: 5;
}

#pageService .service-submenu-img {
    visibility: hidden;
    position: absolute;
    width: auto;
    max-width: none !important;
    /* left: 36%;
    bottom: 20%; */
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
    z-index: 1;
}

#pageService .service-submenu-img.active {
    visibility: visible;
    opacity: 1;
}