html.sr .load-hidden,
html.sr .sr-el,
html.sr .sr-el-1,
html.sr .sr-el-2,
html.sr .sr-el-3,
html.sr .sr-el-35,
html.sr .sr-el-4,
.load-hidden,
.sr-el,
.sr-el-1,
.sr-el-2,
.sr-el-3,
.sr-el-35,
.sr-el-4{
    visibility: hidden;
}

.service-items {
    opacity: 0.1;
    display: none;
}

.service-btn.active > div {
    background: #cde3fe;
}

.v-enter-active,
.v-leave-active {
    transition: opacity 0.3s ease-in-out;
}

.v-enter-from,
.v-leave-to {
    opacity: 0;
}

body {
    width: 100%;
    height: 100%;
}

.slideout-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 256px;
    min-height: 100vh;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 0;
    display: none;
}

.slideout-menu-left {
    left: 0;
}

.slideout-menu-right {
    right: 0;
}

.slideout-panel {
    position: relative;
    z-index: 1;
    will-change: transform;
    background-color: #FFF; /* A background-color is required */
    min-height: 100vh;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
    overflow: hidden;
}

.slideout-open .slideout-menu {
    display: block;
}