﻿/*scroll*/
.o-barba_wrapper {
    height: 100%;
    overflow: hidden;
    min-height: 100vh
}
.o-barba_container {
    height: 100%;
    overflow: hidden
}
.has-smooth-scroll .o-scroll {
    height: 100%;
    position: relative;
    overflow: hidden
}
.has-smooth-scroll .o-horizontal .o-scroll {
    max-height: 100vh
}
.has-smooth-scroll .o-horizontal .o-scroll_list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    margin-left: 0;
    white-space: nowrap;
    height: 100%;
    position: relative
}
.scroll-content {
    height: 100%
}
[data-scrollbar],
[scrollbar],
scrollbar {
    position: relative;
    display: block
}
[data-scrollbar] .scroll-content,
[scrollbar] .scroll-content,
scrollbar .scroll-content {
    width: 100%
}
[data-scrollbar].sticky .scrollbar-track,
[scrollbar].sticky .scrollbar-track,
scrollbar.sticky .scrollbar-track {
    background: rgba(255, 255, 255, .3)
}
[data-scrollbar] .scrollbar-track,
[scrollbar] .scrollbar-track,
scrollbar .scrollbar-track {
    position: absolute;
    z-index: 1;
    -webkit-transition: opacity .5s ease-out, background .5s ease-out;
    transition: opacity .5s ease-out, background .5s ease-out;
    background: 0 0;
    visibility: hidden
}
.o-scroll .scrollbar-track {
    visibility: visible
}
[data-scrollbar] .scrollbar-track.show,
[data-scrollbar] .scrollbar-track:hover,
[scrollbar] .scrollbar-track.show,
[scrollbar] .scrollbar-track:hover,
scrollbar .scrollbar-track.show,
scrollbar .scrollbar-track:hover {
    opacity: 1
}
[data-scrollbar] .scrollbar-track:hover,
[scrollbar] .scrollbar-track:hover,
scrollbar .scrollbar-track:hover {
    background: rgba(255, 255, 255, .3)
}
[data-scrollbar] .scrollbar-track-x,
[scrollbar] .scrollbar-track-x,
scrollbar .scrollbar-track-x {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    visibility: hidden
}
[data-scrollbar] .scrollbar-track-y,
[scrollbar] .scrollbar-track-y,
scrollbar .scrollbar-track-y {
    top: 0;
    right: 0;
    width: 5px;
    height: 100%
}
[data-scrollbar] .scrollbar-thumb,
[scrollbar] .scrollbar-thumb,
scrollbar .scrollbar-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 8px;
    background: rgba(0, 0, 0, .2);
    opacity: 0;
    -webkit-transition: opacity 1s cubic-bezier(.215, .61, .355, 1) 2s;
    transition: opacity 1s cubic-bezier(.215, .61, .355, 1) 2s
}
.dom-is-loaded [data-scrollbar] .scrollbar-thumb,
.dom-is-loaded [scrollbar] .scrollbar-thumb,
.dom-is-loaded scrollbar .scrollbar-thumb {
    opacity: 1
}
.dom-is-reloaded [data-scrollbar] .scrollbar-thumb,
.dom-is-reloaded [scrollbar] .scrollbar-thumb,
.dom-is-reloaded scrollbar .scrollbar-thumb {
    opacity: 1
}
.dom-is-loading [data-scrollbar] .scrollbar-thumb,
.dom-is-loading [scrollbar] .scrollbar-thumb,
.dom-is-loading scrollbar .scrollbar-thumb {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}
[data-scrollbar] .overscroll-glow,
[scrollbar] .overscroll-glow,
scrollbar .overscroll-glow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
/*scroll end*/
















































