.sb-loading {
  height: 2.5rem;
  border-bottom: 1px solid #e6e6e6;
}
.theme-default .sb-loading {
  background-color: #fff;
}
.theme-hc .sb-loading {
  background-color: #000;
}
.sb-loading .sb-l-animation {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  position: relative;
  height: 1rem;
  width: 2.75rem;
}
.theme-default .sb-loading .sb-l-animation {
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 936px 104px;
}
.theme-hc .sb-loading .sb-l-animation {
  background: linear-gradient(to right, #707070 8%, #9e9e9e 18%, #707070 33%);
  background-size: 936px 104px;
}
.sb-loading .sb-l-icon {
  height: 0.875rem;
  width: 0.875rem;
  border-radius: 50%;
}
.theme-default .sb-loading .sb-l-icon {
  background: #dddddd;
}
.theme-hc .sb-loading .sb-l-icon {
  background: #9e9e9e;
}
.sb-loading .sb-l-mr {
  margin-right: 0.75rem;
}
.sb-loading .sb-l-cc .sb-l-animation {
  width: 4.8125rem;
}
.sb-loading .sb-l-cc .sb-l-animation:nth-child(odd) {
  width: 6.375rem;
}
.sb-loading .sb-l-cc .sb-l-mr {
  margin-right: 0.9375rem;
}

@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@-moz-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@-o-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
/*****
-- Nav
*/
.sb-nb {
  height: 2.5rem;
  position: relative;
  z-index: 1000;
}
.theme-default .sb-nb {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
}
.theme-hc .sb-nb {
  background-color: #000;
  border-bottom: 1px solid #fff;
}

/********
-- Button
*/
.sb-button {
  cursor: pointer;
  background-color: transparent;
  border: none;
}
.sb-button:focus {
  outline: 2px solid #91d300;
}
.sb-button--text {
  font-family: "Roboto", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
}
.theme-default .sb-button--text {
  color: #000;
}
.theme-hc .sb-button--text {
  color: #81d4fa;
}

/*******
-- Links
*/
.sb-link {
  display: block;
  line-height: 1.25rem;
  text-decoration: none;
  font-size: 0.75rem;
}
.theme-default .sb-link {
  color: #000;
}
.theme-hc .sb-link {
  color: #ffeb3b;
}
.sb-link:hover {
  opacity: 0.8;
}
.sb-link:focus {
  outline: 2px solid #91d300;
}
.sb-link i {
  line-height: inherit;
}
.sb-link--text {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}
.sb-link--text:hover {
  text-decoration: underline;
}
.sb-link--text.sb-link--login i {
  margin-left: 0.75rem;
}
.theme-default .sb-link--login {
  color: #92d400;
}
.theme-hc .sb-link--login {
  color: #ffeb3b;
}
.sb-link--login:hover {
  opacity: 0.8;
}

/*****************
-- Horizontal List
*/
.sb-h-list {
  height: 1.25rem;
  list-style-type: none;
}
.sb-h-list--left .sb-l-item {
  padding: 0 0.75rem;
}
.theme-default .sb-h-list--left .sb-l-item {
  border-right: 1px solid #e6e6e6;
}
.theme-hc .sb-h-list--left .sb-l-item {
  border-right: 1px solid #fff;
}
.sb-h-list--left .sb-l-item:first-child {
  padding-left: 0;
}
.sb-h-list--left .sb-l-item:last-child {
  padding-right: 0;
  border-right: none;
}
.sb-h-list--center .sb-l-item + .sb-l-item {
  margin-left: 0.9375rem;
}
.sb-h-list--center .sb-link--text {
  font-weight: 300;
}
.sb-h-list--right .sb-button-menu {
  height: 1.25rem;
  padding: 0 0.75rem;
}
.theme-default .sb-h-list--right .sb-button-menu {
  border-right: 1px solid #e6e6e6;
}
.theme-hc .sb-h-list--right .sb-button-menu {
  border-right: 1px solid #fff;
}
.sb-h-list--right .sb-button-menu i {
  margin-left: 0.375rem;
}
.sb-h-list--right .sb-button-menu:hover {
  text-decoration: underline;
}
.sb-h-list--right .sb-button-menu:hover span,
.sb-h-list--right .sb-button-menu:hover i {
  opacity: 0.8;
}
.sb-h-list--right .sb-button-menu--opened i {
  transition: transform 0.2s ease-in-out;
  transform: rotate(-180deg);
}
.sb-h-list--right .sb-button-menu--closed i {
  transition: transform 0.2s ease-in-out;
  transform: rotate(0);
}
.sb-h-list--right .sb-l-item + .sb-l-item {
  margin-left: 0.75rem;
}

/********
-- Avatar
*/
.sb-avatar {
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
  border: none;
  overflow: hidden;
}
.theme-default .sb-avatar {
  background-color: #e0e0e0;
}
.theme-hc .sb-avatar {
  background-color: #212121;
}
.sb-avatar:focus {
  outline: 2px solid #91d300;
}
.sb-avatar img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.sb-avatar:hover {
  opacity: 0.8;
}

/************
-- Bento Icon
*/
.sb-bento-button {
  height: 1.125rem;
  width: 1.125rem;
}
.sb-bento-button:hover {
  opacity: 0.8;
}
.theme-default .sb-bento-button svg {
  fill: #000;
}
.theme-hc .sb-bento-button svg {
  fill: #81d4fa;
}

/**********
-- Dropdown
*/
.sb-dropdown {
  height: 1.25rem;
  position: relative;
  z-index: 1;
}
.sb-dropdown hr {
  height: 1px;
  width: 100%;
  border: none;
}
.theme-default .sb-dropdown hr {
  background-color: #e6e6e6;
}
.theme-hc .sb-dropdown hr {
  background-color: #fff;
}
@media (min-width: 1200px) {
  .sb-dropdown:focus-within .sb-dropdown-container {
    display: block;
  }
  .sb-dropdown:hover .sb-dropdown-container {
    display: block;
  }
}
.sb-dropdown .sb-dropdown-container {
  display: none;
  position: absolute;
  top: 1.25rem;
  right: 0;
}
@media (max-width: 575px) {
  .sb-dropdown .sb-dropdown-container--bento-menu {
    right: -15px;
  }
}
.sb-dropdown .sb-dropdown-list {
  box-sizing: content-box;
  list-style-type: none;
  margin-top: 0.5625rem;
  padding: 0.9375rem 0;
  min-width: 7.8125rem;
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.theme-default .sb-dropdown .sb-dropdown-list {
  background-color: #fff;
  border: none;
}
.theme-hc .sb-dropdown .sb-dropdown-list {
  background-color: #000;
  border: 1px solid #fff;
}
.sb-dropdown .sb-dropdown-link {
  display: block;
  text-decoration: none;
  padding: 0.3125rem 0.9375rem;
  font-weight: 300;
  font-family: "Roboto", sans-serif;
  font-size: 0.75rem;
  line-height: 1.5;
}
.theme-default .sb-dropdown .sb-dropdown-link {
  color: #000;
}
.theme-hc .sb-dropdown .sb-dropdown-link {
  color: #ffeb3b;
}
.sb-dropdown .sb-dropdown-link:focus {
  outline: 2px solid #91d300;
}
.theme-default .sb-dropdown .sb-dropdown-link:hover {
  background-color: #efefef;
  color: #000;
}
.theme-hc .sb-dropdown .sb-dropdown-link:hover {
  background-color: #ffeb3b;
  color: #000;
}
.sb-dropdown .sb-bm-d-list-container {
  box-sizing: content-box;
  margin-top: 0.5625rem;
  padding: 0.625rem 0 0.3125rem 0;
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  min-width: 22.375rem;
  max-width: 22.375rem;
  max-height: 21.25rem;
  overflow-y: scroll;
}
.theme-default .sb-dropdown .sb-bm-d-list-container {
  background-color: #fff;
  border: none;
}
.theme-hc .sb-dropdown .sb-bm-d-list-container {
  background-color: #000;
  border: 1px solid #fff;
}
@media (max-width: 575px) {
  .sb-dropdown .sb-bm-d-list-container {
    min-width: 100vw;
    max-width: 100vw;
  }
}
.sb-dropdown .sb-bm-d-list-container hr {
  margin-bottom: 15px;
}
.sb-dropdown .sb-dropdown-list-bento-menu-title {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  padding: 0.3125rem 0.9375rem 0 0.9375rem;
}
.theme-default .sb-dropdown .sb-dropdown-list-bento-menu-title {
  color: #92d400;
}
.theme-hc .sb-dropdown .sb-dropdown-list-bento-menu-title {
  color: #fff;
}
.sb-dropdown .sb-dropdown-list-bento-menu {
  list-style-type: none;
  padding: 0.625rem 0.1875rem;
}

/***********
-- Icon Card
*/
.sb-v-icon-card {
  position: relative;
  margin: 0.3125rem 0.75rem;
}
.sb-v-icon-card .sb-v-icon-link {
  display: block;
  text-decoration: none;
  color: #000;
}
.theme-default .sb-v-icon-card .sb-v-icon-link {
  color: #000;
}
.theme-hc .sb-v-icon-card .sb-v-icon-link {
  color: #ffeb3b;
}
.sb-v-icon-card .sb-v-icon-link:focus {
  outline: 2px solid #91d300;
}
.sb-v-icon-card .sb-v-icon-link:hover span {
  opacity: 0.8;
  text-decoration: underline;
}
.sb-v-icon-card .sb-v-icon-link span {
  font-family: "Roboto", sans-serif;
  line-height: 1.25rem;
  font-weight: 300;
  font-size: 0.75rem;
}
.sb-v-icon-card .sb-vic-container {
  height: 4rem;
  width: 4rem;
  margin-bottom: 0.25rem;
}
.theme-default .sb-v-icon-card .sb-vic-container {
  background-color: #e7e8e9;
}
.theme-hc .sb-v-icon-card .sb-vic-container {
  background-color: #212121;
}
.sb-v-icon-card .sb-vic-container i {
  font-size: 1.5rem;
}
.sb-v-icon-card .sb-vic-bookmark {
  display: none;
  position: absolute;
  height: 24px;
  width: 24px;
  top: -0.375rem;
  right: 0;
}
.theme-default .sb-v-icon-card .sb-vic-bookmark {
  color: #808080;
}
.theme-hc .sb-v-icon-card .sb-vic-bookmark {
  color: #81d4fa;
}
.sb-v-icon-card .sb-vic-bookmark:hover i {
  opacity: 0.8;
}
.sb-v-icon-card .sb-vic-bookmark i {
  font-size: 1.125rem;
}
.sb-v-icon-card .sb-vic-bookmark--active {
  display: block;
}
.theme-default .sb-v-icon-card .sb-vic-bookmark--active {
  color: #92d400;
}
.theme-hc .sb-v-icon-card .sb-vic-bookmark--active {
  color: #81d4fa;
}
.sb-v-icon-card .sb-vic-bookmark--active:hover i {
  opacity: 0.8;
}
.sb-v-icon-card:hover .sb-vic-bookmark {
  display: block;
}
.sb-v-icon-card:focus-within .sb-vic-bookmark {
  display: block;
}

/********
-- Search
*/
.sb-input-group {
  padding: 0 0.9375rem 0.3125rem 0.9375rem;
  position: relative;
}
.sb-input-group input {
  background-color: transparent;
  font-family: "Roboto", sans-serif;
  font-size: 0.875rem;
  font-weight: 300;
  padding: 0.625rem 1.5rem 0.625rem 0;
  width: 100%;
  outline: none;
  border: none;
  transition: all 0.2s ease-in-out;
}
.theme-default .sb-input-group input {
  color: #000;
}
.theme-hc .sb-input-group input {
  color: #fff;
}
.theme-default .sb-input-group input {
  border-bottom: 1px solid #000;
}
.theme-hc .sb-input-group input {
  border-bottom: 1px solid #fff;
}
.theme-default .sb-input-group input:focus {
  border-bottom: 1px solid #92d400;
}
.theme-hc .sb-input-group input:focus {
  border-bottom: 1px solid #81d4fa;
}
.theme-default .sb-input-group input::placeholder {
  color: #4d4d4d;
}
.theme-hc .sb-input-group input::placeholder {
  color: #fff;
}
.sb-input-group .sb-input-group-button {
  position: absolute;
  right: 0.9375rem;
  height: 1.5rem;
  width: 1.5rem;
}
.theme-default .sb-input-group .sb-input-group-button {
  color: #000;
}
.theme-hc .sb-input-group .sb-input-group-button {
  color: #81d4fa;
}
.sb-input-group .sb-input-group-button i {
  font-size: 0.875rem;
}

/********
-- Mobile
*/
@media (max-width: 1199px) {
  .sb-lg-d-none {
    display: none;
  }

  .sb-col-center {
    position: absolute;
    left: 0;
    top: 2.5rem;
  }
  .theme-default .sb-col-center {
    background-color: #fff;
  }
  .theme-hc .sb-col-center {
    background-color: #000;
  }
  .sb-col-center:before,
  .sb-col-center:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
  }
  .theme-default .sb-col-center:before,
  .theme-default .sb-col-center:after {
    background-color: #fff;
  }
  .theme-hc .sb-col-center:before,
  .theme-hc .sb-col-center:after {
    background-color: #000;
  }
  .sb-col-center:before {
    top: 0;
    height: 100%;
    z-index: 1;
  }
  .sb-col-center:after {
    bottom: 0;
    height: 50%;
    z-index: 0;
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  }
  .sb-col-center.sb-open-menu {
    -webkit-animation: sba-open-menu 0.3s ease-in forwards;
    -moz-animation: sba-open-menu 0.3s ease-in forwards;
    -o-animation: sba-open-menu 0.3s ease-in forwards;
    animation: sba-open-menu 0.3s ease-in forwards;
  }
  .sb-col-center.sb-open-menu .sb-h-list--center {
    -webkit-animation: sba-fade-in 0.6s ease-in forwards;
    -moz-animation: sba-fade-in 0.6s ease-in forwards;
    -o-animation: sba-fade-in 0.6s ease-in forwards;
    animation: sba-fade-in 0.6s ease-in forwards;
  }
  .sb-col-center.sb-close-menu {
    -webkit-animation: sba-close-menu 0.4s ease-out forwards;
    -moz-animation: sba-close-menu 0.4s ease-out forwards;
    -o-animation: sba-close-menu 0.4s ease-out forwards;
    animation: sba-close-menu 0.4s ease-out forwards;
  }
  .sb-col-center.sb-close-menu .sb-h-list--center {
    -webkit-animation: sba-fade-out 0.2s ease-out forwards;
    -moz-animation: sba-fade-out 0.2s ease-out forwards;
    -o-animation: sba-fade-out 0.2s ease-out forwards;
    animation: sba-fade-out 0.2s ease-out forwards;
  }

  .sb-h-list--center {
    height: 100%;
    padding: 15px;
    margin: 0 auto;
    overflow: hidden;
    max-height: inherit;
    position: relative;
    z-index: 2;
  }
  .sb-h-list--center .sb-l-item + .sb-l-item {
    margin-top: 0.25rem;
    margin-left: 0;
  }
  .sb-h-list--center .sb-link--text {
    padding: 0.625rem 0;
    line-height: 1.5;
  }

  .container .sb-h-list--center {
    max-width: 960px;
  }
}
@media (max-width: 1199px) and (max-width: 991px) {
  .container .sb-h-list--center {
    max-width: 720px;
  }
}
@media (max-width: 1199px) and (max-width: 767px) {
  .container .sb-h-list--center {
    max-width: 540px;
  }
}
@media (max-width: 1199px) and (max-width: 575px) {
  .container .sb-h-list--center {
    max-width: initial;
    width: 100%;
  }
}

/*****************
-- Menu Animations
*/
@-webkit-keyframes sba-open-menu {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 400px;
  }
}
@-moz-keyframes sba-open-menu {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 400px;
  }
}
@-o-keyframes sba-open-menu {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 400px;
  }
}
@keyframes sba-open-menu {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 400px;
  }
}
@-webkit-keyframes sba-close-menu {
  0% {
    max-height: 400px;
  }
  100% {
    max-height: 0;
  }
}
@-moz-keyframes sba-close-menu {
  0% {
    max-height: 400px;
  }
  100% {
    max-height: 0;
  }
}
@-o-keyframes sba-close-menu {
  0% {
    max-height: 400px;
  }
  100% {
    max-height: 0;
  }
}
@keyframes sba-close-menu {
  0% {
    max-height: 400px;
  }
  100% {
    max-height: 0;
  }
}
@-webkit-keyframes sba-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes sba-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes sba-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes sba-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes sba-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes sba-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes sba-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sba-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*# sourceMappingURL=main.css.map */