/*
 *  Los Scrollos - v1.0.0
 *  Simple jQuery plugins for scrolling overflow content.
 *  https://github.com/azhsetiawan/los-scrollos
 *
 *  Azh Setiawan
 *  Under MIT License
 */

.scrollos-wrapper {
display:block !important;
  position: relative;
  overflow: hidden;
  height:100%
}
.scrollos-container {
  position: relative;
  height:100%;
  width:90%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch;
  margin:0 auto
}

.scrollos-content {
display:table;
  white-space: nowrap;
  position: relative;
  transition: transform .2s ease-in-out;
  margin:1.75rem auto
}

.scrollos-content:not(.item) {
  font-size: 0;
}

.scrollos-content.-no-transition {
  transition: none;
}
.scrollos-content > .item {
  display: inline-block;
  margin:0 1.4rem
}
.scrollos-content > .item a {font-size:1.059rem;font-weight:500;color:#333;}
.scrollos-content > .item a.on,
.scrollos-content > .item a:hover {color:#0064d4}
@media all and (max-width:1024px) {
.scrollos-nav { 
width:20px;
height:19px;
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  border: none;
  opacity: 0;
  visibility: hidden;
}
.scrollos-prev {background:url("/_public/images/common/prev.svg") center / contain no-repeat}
.scrollos-next {background:url("/_public/images/common/next.svg") center / contain no-repeat}
.scrollos-nav:focus {
  outline: none;
}
.scrollos-prev {
  left: 0;
}
.scrollos-next {
  right: 0;
}

div[data-overflowing='both'] ~ .scrollos-nav.scrollos-prev,
div[data-overflowing='both'] ~ .scrollos-nav.scrollos-next,
div[data-overflowing='left'] ~ .scrollos-nav.scrollos-prev,
div[data-overflowing='right'] ~ .scrollos-nav.scrollos-next {
  opacity: 1;
  visibility: visible;
}
}
@media all and (max-width:640px) {
.scrollos-container {
  height:80%;
  width: 88%;
  }
.scrollos-content {
  margin:1.22rem auto
}
.scrollos-content > .item {
  margin:0 0.8rem
}
.scrollos-content > .item a {font-size:0.941rem}

}