/*ohyea.css*/

body,
body .copyright {
  background-size: cover;
}
.ohyea *,
body {
  font-family: ohyea_font_1, helvetica, Arial, Tahoma, sans-serif;
}
.ohyea__btn--blue,
.ohyea__btn--default,
.ohyea__btn--green,
.ohyea__btn--grey,
.ohyea__btn--red,
.ohyea__btn--yellow {
  min-height: 40px;
  min-width: 140px;
}
.ohyea__btn--blue label,
.ohyea__btn--default label,
.ohyea__btn--green label,
.ohyea__btn--grey label,
.ohyea__btn--red label,
.ohyea__btn--yellow label {
  z-index: 5;
  margin: 0 8px;
  position: relative;
  font-weight: 700;
}
.ohyea__btn *,
.ohyea__tabs--tab * {
  cursor: pointer;
}
@font-face {
  font-family: ohyea_font_1;
  src: url(/Content/ohyea/orange/export/fonts/utm-helve.ttf) format("ttf");
}
.ohyea__form_select:-moz-placeholder,
.ohyea__form_select:-ms-input-placeholder,
.ohyea__form_select::-moz-placeholder,
.ohyea__form_select::-webkit-input-placeholder,
.ohyea__form_select:active:-moz-placeholder,
.ohyea__form_select:active:-ms-input-placeholder,
.ohyea__form_select:active::-moz-placeholder,
.ohyea__form_select:active::-webkit-input-placeholder,
.ohyea__form_select:focus:-moz-placeholder,
.ohyea__form_select:focus:-ms-input-placeholder,
.ohyea__form_select:focus::-moz-placeholder,
.ohyea__form_select:focus::-webkit-input-placeholder,
.ohyea__form_select:hover:-moz-placeholder,
.ohyea__form_select:hover:-ms-input-placeholder,
.ohyea__form_select:hover::-moz-placeholder,
.ohyea__form_select:hover::-webkit-input-placeholder {
  color: #fff;
  opacity: 0.9;
  font-weight: 100;
  font-style: italic;
  font-size: 0.9em;
  text-decoration: unset;
  text-transform: unset;
}
.ohyea__form_select:-moz-placeholder,
.ohyea__form_select:-ms-input-placeholder,
.ohyea__form_select::-moz-placeholder,
.ohyea__form_select::-webkit-input-placeholder,
.ohyea__form_select::placeholder,
.ohyea__form_select:active:-moz-placeholder,
.ohyea__form_select:active:-ms-input-placeholder,
.ohyea__form_select:active::-moz-placeholder,
.ohyea__form_select:active::-webkit-input-placeholder,
.ohyea__form_select:active::placeholder,
.ohyea__form_select:focus:-moz-placeholder,
.ohyea__form_select:focus:-ms-input-placeholder,
.ohyea__form_select:focus::-moz-placeholder,
.ohyea__form_select:focus::-webkit-input-placeholder,
.ohyea__form_select:focus::placeholder,
.ohyea__form_select:hover:-moz-placeholder,
.ohyea__form_select:hover:-ms-input-placeholder,
.ohyea__form_select:hover::-moz-placeholder,
.ohyea__form_select:hover::-webkit-input-placeholder,
.ohyea__form_select:hover::placeholder {
  color: #fff;
  opacity: 0.9;
  font-weight: 100;
  font-style: italic;
  font-size: 0.9em;
  text-decoration: unset;
  text-transform: unset;
}
.ohyea__nav--item.uppercase,
.ohyea__tabs--tab.blue a[data-toggle*="tab"] label.uppercase,
.ohyea__tabs--tab.green a[data-toggle*="tab"] label.uppercase,
.ohyea__tabs_title {
  text-transform: uppercase;
}
.ohyea__guild-border-bottom,
.ohyea__guild-border-top {
  position: relative;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: inline-block;
}
.ohyea__bg.type-2,
.ohyea__bg.type-3 {
  -webkit-box-sizing: border-box;
  opacity: 1;
}
.ohyea__bg--overlay,
.ohyea__bg--overlay-hozital,
.ohyea__btn:hover:after,
.ohyea__tabs--tab > a:last-child .split {
  display: none;
}
.ohyea__guild-border-bottom:after,
.ohyea__guild-border-top:after {
  position: absolute;
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    #00c1f6 35%,
    #00c1f6 65%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    #00c1f6 35%,
    #00c1f6 65%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    #00c1f6 35%,
    #00c1f6 65%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    #00c1f6 35%,
    #00c1f6 65%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(255, 255, 255, 0)),
    color-stop(35%, #00c1f6),
    color-stop(65%, #00c1f6),
    to(rgba(255, 255, 255, 0))
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0,
    #00c1f6 35%,
    #00c1f6 65%,
    rgba(255, 255, 255, 0) 100%
  );
  height: 2px;
  width: 100%;
  left: 0;
  content: "";
}
.ohyea__guild-avatar .overlay,
.ohyea__guild-avatar img,
.ohyea__guild-banner .overlay {
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-height: 130px;
  min-height: 125px;
  top: 50%;
}
.ohyea__text-gradient--yellow,
.ohyea__title {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  text-shadow: none;
  -webkit-transition: 0.23s;
  -o-transition: 0.23s;
  transition: 0.23s;
  color: #fff600;
}
.ohyea__modal:before,
.ohyea__pagging--item.disabled {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  pointer-events: none;
}
@-webkit-keyframes ohyeah-hover-btn {
  0%,
  55%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  95% {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
  }
}
@keyframes ohyeah-hover-btn {
  0%,
  55%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  95% {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
  }
}
.ohyea__modal-small_contain,
.ohyea__modal_block,
.ohyea__modal_message,
.ohyea__panel-content,
.ohyea__panel-header,
.ohyea__tabs_title {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#2c0901),
    color-stop(55%, #380c01),
    to(#300a01)
  );
  background: -webkit-linear-gradient(
    top,
    #2c0901 0,
    #380c01 55%,
    #300a01 100%
  );
  background: -o-linear-gradient(top, #2c0901 0, #380c01 55%, #300a01 100%);
  background: linear-gradient(to bottom, #2c0901 0, #380c01 55%, #300a01 100%);
}
.ohyea__modal_header:after,
.ohyea__modal_header:before,
.ohyea__modal_header > .light,
.ohyea__modal_header > .light2,
.ohyea__modal_header > .light:after,
.ohyea__modal_header > .light:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
@-webkit-keyframes ohyea-hover-left {
  0% {
    width: 100%;
    opacity: 0.5;
  }
  to {
    width: 20%;
    opacity: 1;
  }
}
@keyframes ohyea-hover-left {
  0% {
    width: 100%;
    opacity: 0.5;
  }
  to {
    width: 20%;
    opacity: 1;
  }
}
select.ohyea__input option {
  color: #99482c;
}
body {
  letter-spacing: 0.5px;
  background-image: url("/Content/ohyea/orange/export/imgs/bg/bg.jpg");
}
body .copyright {
  background-image: url("/Content/ohyea/orange/export/imgs/bg/bg-copy.png");
  min-height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #fff;
  font-size: 1.1em;
  position: relative;
}
.ohyea * {
  outline: 0 !important;
  border: none !important;
  background: 0 0;
  opacity: 1;
}
.ohyea__demo {
  padding: 1rem;
  font-size: 16px;
  color: #000;
  background: #62001a;
}
.ohyea__btn {
  outline: 0;
  border: none;
  -webkit-transition: -webkit-filter 0.23s ease-in,
    -webkit-box-shadow 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: filter 0.23s ease-in,
    box-shadow 0.4s cubic-bezier(0.075, 0.82, 0.165, 1),
    -webkit-filter 0.23s ease-in,
    -webkit-box-shadow 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: filter 0.23s ease-in,
    box-shadow 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
  max-width: 100%;
  max-height: 81px;
  -webkit-box-shadow: inset 0 0 8px 3px #ffdc7f;
  box-shadow: inset 0 0 8px 3px #ffdc7f;
  padding: 0;
  border-radius: 2em;
  position: relative;
}
.ohyea__btn:hover {
  border-color: #4c2417;
  -webkit-filter: brightness(1.1);
  filter: brightness(1.1);
  -webkit-box-shadow: 1px 5px 0 0 rgba(0, 0, 0, 0.35);
  box-shadow: 1px 5px 0 0 rgba(0, 0, 0, 0.35);
}
.ohyea__btn.un-hover:hover {
  border-color: unset !important;
  -webkit-filter: unset !important;
  filter: unset !important;
  -webkit-box-shadow: unset !important;
  box-shadow: unset !important;
}
.ohyea__btn--default {
  border-radius: 2em;
  position: relative;
  -webkit-box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.35);
  box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.35);
}
.ohyea__btn--default .light,
.ohyea__btn--default .light:after,
.ohyea__btn--default .overlay,
.ohyea__btn--default .pattern {
  border-radius: 2em;
  overflow: hidden;
}
.ohyea__btn--default:after,
.ohyea__btn--default:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 1;
  content: "";
  border-radius: 2em;
  overflow: hidden;
  pointer-events: none;
}
.ohyea__btn--default:before {
  background: #824716;
  top: 0;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#97642e),
    color-stop(12%, #97642e),
    color-stop(50%, #fdd679),
    color-stop(91%, #97642e),
    to(#97642e)
  );
  background: -webkit-linear-gradient(
    left,
    #97642e 0,
    #97642e 12%,
    #fdd679 50%,
    #97642e 91%,
    #97642e 100%
  );
  background: -o-linear-gradient(
    left,
    #97642e 0,
    #97642e 12%,
    #fdd679 50%,
    #97642e 91%,
    #97642e 100%
  );
  background: linear-gradient(
    90deg,
    #97642e 0,
    #97642e 12%,
    #fdd679 50%,
    #97642e 91%,
    #97642e 100%
  );
}
.ohyea__btn--default:after {
  left: 1px;
  bottom: -3px;
  width: 100%;
  height: 100%;
  content: "";
  background: #824716;
  position: absolute;
  z-index: 0;
}
.ohyea__btn--default .light,
.ohyea__btn--default .overlay,
.ohyea__btn--default .pattern {
  position: absolute;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  left: 0;
  pointer-events: none;
}
.ohyea__btn--default .pattern {
  background-image: url("/Content/ohyea/orange/export/imgs/btn/default/pattern.png");
  background-size: cover;
  z-index: 4;
  overflow: unset;
  top: 0;
  height: 100%;
  -webkit-box-shadow: inset 0 0 4px 1px #fff185;
  box-shadow: inset 0 0 4px 1px #fff185;
}
.ohyea__btn--default .overlay {
  background-image: url("/Content/ohyea/orange/export/imgs/btn/default/overlay.png");
  background-size: cover;
  z-index: 2;
  background-position: center;
  height: 50%;
  top: 0;
}
.ohyea__btn--default .light {
  height: 50%;
  background-image: url("/Content/ohyea/orange/export/imgs/btn/default/light.png");
  background-size: contain;
  max-width: 90%;
  left: 5%;
  bottom: 0;
  opacity: 1;
  z-index: 2;
}
.ohyea__btn--default .light:after {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  background-image: url("/Content/ohyea/orange/export/imgs/btn/default/light_2.png");
  left: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  bottom: 0;
  -webkit-filter: brightness(1.5);
  filter: brightness(1.5);
}
.ohyea__btn--green .light:after,
.ohyea__btn--grey .light:after {
  width: 100%;
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  -webkit-filter: brightness(1.5);
}
.ohyea__btn--default label {
  color: #331904;
  text-shadow: -0.5px 0 2px #fff185, -0.5px 0.5px 2px #fff185,
    0 0.5px 2px #fff185;
  pointer-events: none;
}
.ohyea__btn--green {
  border-radius: 2em;
  position: relative;
  -webkit-box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.35);
  box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.35);
}
.ohyea__btn--green .light,
.ohyea__btn--green .light:after,
.ohyea__btn--green .overlay,
.ohyea__btn--green .pattern {
  border-radius: 2em;
  overflow: hidden;
}
.ohyea__btn--green:after,
.ohyea__btn--green:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 1;
  content: "";
  border-radius: 2em;
  overflow: hidden;
  pointer-events: none;
}
.ohyea__btn--green:before {
  background: #132119;
  top: 0;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#1ca71d),
    color-stop(12%, #1ca71d),
    color-stop(50%, #a0f985),
    color-stop(91%, #1ca71d),
    to(#1ca71d)
  );
  background: -webkit-linear-gradient(
    left,
    #1ca71d 0,
    #1ca71d 12%,
    #a0f985 50%,
    #1ca71d 91%,
    #1ca71d 100%
  );
  background: -o-linear-gradient(
    left,
    #1ca71d 0,
    #1ca71d 12%,
    #a0f985 50%,
    #1ca71d 91%,
    #1ca71d 100%
  );
  background: linear-gradient(
    90deg,
    #1ca71d 0,
    #1ca71d 12%,
    #a0f985 50%,
    #1ca71d 91%,
    #1ca71d 100%
  );
}
.ohyea__btn--green:after {
  left: 1px;
  bottom: -3px;
  width: 100%;
  height: 100%;
  content: "";
  background: #132119;
  position: absolute;
  z-index: 0;
}
.ohyea__btn--green .light,
.ohyea__btn--green .overlay,
.ohyea__btn--green .pattern {
  position: absolute;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  left: 0;
  pointer-events: none;
}
.ohyea__btn--green .pattern {
  background-image: url("/Content/ohyea/orange/export/imgs/btn/green/pattern.png");
  background-size: cover;
  z-index: 4;
  overflow: unset;
  top: 0;
  height: 100%;
  -webkit-box-shadow: inset 0 0 4px 1px #6ff170;
  box-shadow: inset 0 0 4px 1px #6ff170;
}
.ohyea__btn--green .overlay {
  background-image: url("/Content/ohyea/orange/export/imgs/btn/green/overlay.png");
  background-size: cover;
  z-index: 2;
  background-position: center;
  height: 50%;
  top: 0;
}
.ohyea__btn--green .light {
  height: 50%;
  background-image: url("/Content/ohyea/orange/export/imgs/btn/green/light.png");
  background-size: contain;
  max-width: 90%;
  left: 5%;
  bottom: 0;
  opacity: 1;
  z-index: 2;
}
.ohyea__btn--green .light:after {
  height: 100%;
  background-image: url("/Content/ohyea/orange/export/imgs/btn/green/light_2.png");
  left: 0;
  background-position: center;
  background-size: cover;
  bottom: 0;
  filter: brightness(1.5);
}
.ohyea__btn--green label {
  color: #064c23;
  text-shadow: -0.5px 0 2px #6ff170, -0.5px 0.5px 2px #6ff170,
    0 0.5px 2px #6ff170;
  pointer-events: none;
}
.ohyea__btn--grey {
  border-radius: 2em;
  position: relative;
  -webkit-box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.35);
  box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.35);
}
.ohyea__btn--grey .light,
.ohyea__btn--grey .light:after,
.ohyea__btn--grey .overlay,
.ohyea__btn--grey .pattern {
  border-radius: 2em;
  overflow: hidden;
}
.ohyea__btn--grey:after,
.ohyea__btn--grey:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 1;
  content: "";
  border-radius: 2em;
  overflow: hidden;
  pointer-events: none;
}
.ohyea__btn--grey:before {
  background: #444;
  top: 0;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ccc),
    color-stop(12%, #ccc),
    color-stop(50%, #3d3d3d),
    color-stop(91%, #ccc),
    to(#ccc)
  );
  background: -webkit-linear-gradient(
    left,
    #ccc 0,
    #ccc 12%,
    #3d3d3d 50%,
    #ccc 91%,
    #ccc 100%
  );
  background: -o-linear-gradient(
    left,
    #ccc 0,
    #ccc 12%,
    #3d3d3d 50%,
    #ccc 91%,
    #ccc 100%
  );
  background: linear-gradient(
    90deg,
    #ccc 0,
    #ccc 12%,
    #3d3d3d 50%,
    #ccc 91%,
    #ccc 100%
  );
}
.ohyea__btn--grey:after {
  left: 1px;
  bottom: -3px;
  width: 100%;
  height: 100%;
  content: "";
  background: #444;
  position: absolute;
  z-index: 0;
}
.ohyea__btn--grey .light,
.ohyea__btn--grey .overlay,
.ohyea__btn--grey .pattern {
  position: absolute;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  left: 0;
  pointer-events: none;
}
.ohyea__btn--grey .pattern {
  background-image: url("/Content/ohyea/orange/export/imgs/btn/grey/pattern.png");
  background-size: cover;
  z-index: 4;
  overflow: unset;
  top: 0;
  height: 100%;
  -webkit-box-shadow: inset 0 0 4px 1px #eee;
  box-shadow: inset 0 0 4px 1px #eee;
}
.ohyea__btn--grey .overlay {
  background-image: url("/Content/ohyea/orange/export/imgs/btn/grey/overlay.png");
  background-size: cover;
  z-index: 2;
  background-position: center;
  height: 50%;
  top: 0;
}
.ohyea__btn--grey .light {
  height: 50%;
  background-image: url("/Content/ohyea/orange/export/imgs/btn/grey/light.png");
  background-size: contain;
  max-width: 90%;
  left: 5%;
  bottom: 0;
  opacity: 1;
  z-index: 2;
}
.ohyea__btn--grey .light:after {
  height: 100%;
  background-image: url("/Content/ohyea/orange/export/imgs/btn/grey/light_2.png");
  left: 0;
  background-position: center;
  background-size: cover;
  bottom: 0;
  filter: brightness(1.5);
}
.ohyea__btn--blue .light:after,
.ohyea__btn--red .light:after {
  -webkit-filter: brightness(1.5);
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  width: 100%;
}
.ohyea__btn--grey label {
  color: #2d2d2d;
  text-shadow: -0.5px 0 2px #eee, -0.5px 0.5px 2px #eee, 0 0.5px 2px #eee;
  pointer-events: none;
}
.ohyea__btn--blue {
  border-radius: 2em;
  position: relative;
  -webkit-box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.35);
  box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.35);
}
.ohyea__btn--blue .light,
.ohyea__btn--blue .light:after,
.ohyea__btn--blue .overlay,
.ohyea__btn--blue .pattern {
  border-radius: 2em;
  overflow: hidden;
}
.ohyea__btn--blue:after,
.ohyea__btn--blue:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 1;
  content: "";
  border-radius: 2em;
  overflow: hidden;
  pointer-events: none;
}
.ohyea__btn--blue:before {
  background: #153377;
  top: 0;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#2290d2),
    color-stop(12%, #2290d2),
    color-stop(50%, #68add6),
    color-stop(91%, #2290d2),
    to(#2290d2)
  );
  background: -webkit-linear-gradient(
    left,
    #2290d2 0,
    #2290d2 12%,
    #68add6 50%,
    #2290d2 91%,
    #2290d2 100%
  );
  background: -o-linear-gradient(
    left,
    #2290d2 0,
    #2290d2 12%,
    #68add6 50%,
    #2290d2 91%,
    #2290d2 100%
  );
  background: linear-gradient(
    90deg,
    #2290d2 0,
    #2290d2 12%,
    #68add6 50%,
    #2290d2 91%,
    #2290d2 100%
  );
}
.ohyea__btn--blue:after {
  left: 1px;
  bottom: -3px;
  width: 100%;
  height: 100%;
  content: "";
  background: #153377;
  position: absolute;
  z-index: 0;
}
.ohyea__btn--blue .light,
.ohyea__btn--blue .overlay,
.ohyea__btn--blue .pattern {
  position: absolute;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  left: 0;
  pointer-events: none;
}
.ohyea__btn--blue .pattern {
  background-image: url("/Content/ohyea/orange/export/imgs/btn/blue/pattern.png");
  background-size: cover;
  z-index: 4;
  overflow: unset;
  top: 0;
  height: 100%;
  -webkit-box-shadow: inset 0 0 4px 1px #93bde8;
  box-shadow: inset 0 0 4px 1px #93bde8;
}
.ohyea__btn--blue .overlay {
  background-image: url("/Content/ohyea/orange/export/imgs/btn/blue/overlay.png");
  background-size: cover;
  z-index: 2;
  background-position: center;
  height: 50%;
  top: 0;
}
.ohyea__btn--blue .light {
  height: 50%;
  background-image: url("/Content/ohyea/orange/export/imgs/btn/blue/light.png");
  background-size: contain;
  max-width: 90%;
  left: 5%;
  bottom: 0;
  opacity: 1;
  z-index: 2;
}
.ohyea__btn--blue .light:after {
  height: 100%;
  background-image: url("/Content/ohyea/orange/export/imgs/btn/blue/light_2.png");
  left: 0;
  background-position: center;
  background-size: cover;
  bottom: 0;
  filter: brightness(1.5);
}
.ohyea__btn--blue label {
  color: #1d4192;
  text-shadow: -0.5px 0 2px #93bde8, -0.5px 0.5px 2px #93bde8,
    0 0.5px 2px #93bde8;
  pointer-events: none;
}
.ohyea__btn--red {
  border-radius: 2em;
  position: relative;
  -webkit-box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.35);
  box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.35);
}
.ohyea__btn--red .light,
.ohyea__btn--red .light:after,
.ohyea__btn--red .overlay,
.ohyea__btn--red .pattern {
  border-radius: 2em;
  overflow: hidden;
}
.ohyea__btn--red:after,
.ohyea__btn--red:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 1;
  content: "";
  border-radius: 2em;
  overflow: hidden;
  pointer-events: none;
}
.ohyea__btn--red:before {
  background: #5a0303;
  top: 0;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#c72130),
    color-stop(12%, #c72130),
    color-stop(50%, #faa),
    color-stop(91%, #c72130),
    to(#c72130)
  );
  background: -webkit-linear-gradient(
    left,
    #c72130 0,
    #c72130 12%,
    #faa 50%,
    #c72130 91%,
    #c72130 100%
  );
  background: -o-linear-gradient(
    left,
    #c72130 0,
    #c72130 12%,
    #faa 50%,
    #c72130 91%,
    #c72130 100%
  );
  background: linear-gradient(
    90deg,
    #c72130 0,
    #c72130 12%,
    #faa 50%,
    #c72130 91%,
    #c72130 100%
  );
}
.ohyea__btn--red:after {
  left: 1px;
  bottom: -3px;
  width: 100%;
  height: 100%;
  content: "";
  background: #5a0303;
  position: absolute;
  z-index: 0;
}
.ohyea__btn--red .light,
.ohyea__btn--red .overlay,
.ohyea__btn--red .pattern {
  position: absolute;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  left: 0;
  pointer-events: none;
}
.ohyea__btn--red .pattern {
  background-image: url("/Content/ohyea/orange/export/imgs/btn/red/pattern.png");
  background-size: cover;
  z-index: 4;
  overflow: unset;
  top: 0;
  height: 100%;
  -webkit-box-shadow: inset 0 0 4px 1px #fbb;
  box-shadow: inset 0 0 4px 1px #fbb;
}
.ohyea__btn--red .overlay {
  background-image: url("/Content/ohyea/orange/export/imgs/btn/red/overlay.png");
  background-size: cover;
  z-index: 2;
  background-position: center;
  height: 50%;
  top: 0;
}
.ohyea__btn--red .light {
  height: 50%;
  background-image: url("/Content/ohyea/orange/export/imgs/btn/red/light.png");
  background-size: contain;
  max-width: 90%;
  left: 5%;
  bottom: 0;
  opacity: 1;
  z-index: 2;
}
.ohyea__btn--red .light:after {
  height: 100%;
  background-image: url("/Content/ohyea/orange/export/imgs/btn/red/light_2.png");
  left: 0;
  background-position: center;
  background-size: cover;
  bottom: 0;
  filter: brightness(1.5);
}
.ohyea__btn--red label {
  color: #691212;
  text-shadow: -0.5px 0 2px #fbb, -0.5px 0.5px 2px #fbb, 0 0.5px 2px #fbb;
  pointer-events: none;
}
.ohyea__btn--yellow {
  border-radius: 2em;
  position: relative;
  -webkit-box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.35);
  box-shadow: 1px 2px 0 0 rgba(0, 0, 0, 0.35);
}
.ohyea__btn--large,
.ohyea__btn--medium,
.ohyea__btn--small {
  border-radius: 2em !important;
}
.ohyea__btn--yellow .light,
.ohyea__btn--yellow .light:after,
.ohyea__btn--yellow .overlay,
.ohyea__btn--yellow .pattern {
  border-radius: 2em;
  overflow: hidden;
}
.ohyea__btn--yellow:after,
.ohyea__btn--yellow:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 1;
  content: "";
  border-radius: 2em;
  overflow: hidden;
  pointer-events: none;
}
.ohyea__btn--yellow:before {
  background: #824716;
  top: 0;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#97642e),
    color-stop(12%, #97642e),
    color-stop(50%, #fdd679),
    color-stop(91%, #97642e),
    to(#97642e)
  );
  background: -webkit-linear-gradient(
    left,
    #97642e 0,
    #97642e 12%,
    #fdd679 50%,
    #97642e 91%,
    #97642e 100%
  );
  background: -o-linear-gradient(
    left,
    #97642e 0,
    #97642e 12%,
    #fdd679 50%,
    #97642e 91%,
    #97642e 100%
  );
  background: linear-gradient(
    90deg,
    #97642e 0,
    #97642e 12%,
    #fdd679 50%,
    #97642e 91%,
    #97642e 100%
  );
}
.ohyea__btn--yellow:after {
  left: 1px;
  bottom: -3px;
  width: 100%;
  height: 100%;
  content: "";
  background: #824716;
  position: absolute;
  z-index: 0;
}
.ohyea__btn--yellow .light,
.ohyea__btn--yellow .overlay,
.ohyea__btn--yellow .pattern {
  position: absolute;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  left: 0;
  pointer-events: none;
}
.ohyea__btn--yellow .pattern {
  background-image: url("/Content/ohyea/orange/export/imgs/btn/default/pattern.png");
  background-size: cover;
  z-index: 4;
  overflow: unset;
  top: 0;
  height: 100%;
  -webkit-box-shadow: inset 0 0 4px 1px #fff185;
  box-shadow: inset 0 0 4px 1px #fff185;
}
.ohyea__btn--yellow .overlay {
  background-image: url("/Content/ohyea/orange/export/imgs/btn/default/overlay.png");
  background-size: cover;
  z-index: 2;
  background-position: center;
  height: 50%;
  top: 0;
}
.ohyea__btn--yellow .light {
  height: 50%;
  background-image: url("/Content/ohyea/orange/export/imgs/btn/default/light.png");
  background-size: contain;
  max-width: 90%;
  left: 5%;
  bottom: 0;
  opacity: 1;
  z-index: 2;
}
.ohyea__btn--yellow .light:after {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  background-image: url("/Content/ohyea/orange/export/imgs/btn/default/light_2.png");
  left: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  bottom: 0;
  -webkit-filter: brightness(1.5);
  filter: brightness(1.5);
}
.ohyea__bg.type-2:after,
.ohyea__bg.type-3:after {
  content: none;
}
.ohyea__btn--yellow label {
  color: #331904;
  text-shadow: -0.5px 0 2px #fff185, -0.5px 0.5px 2px #fff185,
    0 0.5px 2px #fff185;
  pointer-events: none;
}
.ohyea__btn--fullwidth {
  width: 100%;
  margin: 12px auto 24px;
}
.ohyea__btn--small {
  height: 60px !important;
  min-height: unset;
  margin-bottom: 0;
}
.ohyea__btn--small label {
  font-size: 1em;
}
.ohyea__btn--large {
  min-width: 190px;
  min-height: 50px;
}
.ohyea__btn--center {
  margin: auto;
}
.ohyea__btn--uppercase label {
  text-transform: uppercase !important;
}
.ohyea__bg {
  position: relative;
  z-index: 1;
}
.ohyea__bg--red:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(119, 0, 21, 0.65);
}
.ohyea__bg--dark {
  position: relative;
  z-index: 0 !important;
}
.ohyea__bg--dark:after,
.ohyea__bg--dark:before {
  -webkit-transition: 0.23s;
  -o-transition: 0.23s;
  transition: 0.23s;
  height: 100%;
  left: 0;
  bottom: 0;
  content: "";
  position: absolute;
  z-index: -1;
}
.ohyea__bg--dark:before {
  width: 100%;
  background: rgba(0, 0, 0, 0.35);
}
.ohyea__bg--dark:after {
  width: 90%;
  -webkit-filter: blur(6px);
  filter: blur(6px);
  background: 0 0;
}
.ohyea__bg--pink {
  background: #ce0024;
  background: -moz-linear-gradient(
    left,
    #ce0024 0,
    #ce0024 45%,
    transparent 100%
  );
  background: -webkit-linear-gradient(
    left,
    #ce0024 0,
    #ce0024 45%,
    transparent 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ce0024),
    color-stop(45%, #ce0024),
    to(transparent)
  );
  background: -o-linear-gradient(
    left,
    #ce0024 0,
    #ce0024 45%,
    transparent 100%
  );
  background: linear-gradient(
    to right,
    #ce0024 0,
    #ce0024 45%,
    transparent 100%
  );
}
.ohyea__bg--white {
  background-color: #fff;
}
.ohyea__bg.type-1 {
  opacity: 1;
}
.ohyea__bg.type-2 {
  box-sizing: border-box;
  position: relative;
  background: url("/Content/ohyea/orange/export/imgs/bg/t-2.png");
}
.ohyea__bg.type-3 {
  box-sizing: border-box;
  position: relative;
}
.ohyea--demo {
  width: 200px;
  height: 200px;
  max-width: 200px;
  max-height: 200px;
  margin: 12px;
  display: inline-block;
}
.ohyea__tabs {
  white-space: nowrap;
  overflow-x: auto;
  min-height: 50px;
  max-width: 100%;
  min-width: 100%;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#820900),
    color-stop(16%, #820900),
    color-stop(91%, #2c0a01),
    to(#620903)
  );
  background: -webkit-linear-gradient(
    bottom,
    #820900 0,
    #820900 16%,
    #2c0a01 91%,
    #620903 100%
  );
  background: -o-linear-gradient(
    bottom,
    #820900 0,
    #820900 16%,
    #2c0a01 91%,
    #620903 100%
  );
  background: linear-gradient(
    0deg,
    #820900 0,
    #820900 16%,
    #2c0a01 91%,
    #620903 100%
  );
  border-radius: 8px 8px 0 0;
  position: relative;
  border-bottom: none !important;
}
.ohyea__tabs--tab {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  float: none !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 45px;
  border: none;
  z-index: 2;
  position: relative;
  margin-bottom: 0 !important;
}
.ohyea__modal_header,
.ohyea__modal_menu {
  display: -webkit-box;
  display: -ms-flexbox;
}
.ohyea__tabs--tab > a {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  color: #fff;
  padding: 0 12px !important;
  margin-right: 0 !important;
  border: none !important;
  position: relative;
  min-height: 25px;
}
.ohyea__tabs--tab > a > label {
  text-shadow: 0.5px 1px rgba(0, 0, 0, 0.7), 1px 0.5px rgba(0, 0, 0, 0.7);
  font-size: 1em;
}
.ohyea__tabs--tab > a:active,
.ohyea__tabs--tab > a:focus,
.ohyea__tabs--tab > a:hover,
.ohyea__tabs--tab > a:visited {
  outline: 0;
  background: 0 0;
  background-color: none !important;
}
.ohyea__tabs--tab .split {
  position: absolute;
  content: "";
  background: url("/Content/ohyea/orange/export/imgs/bg/tab_line.png") 0 0 /
    contain no-repeat;
  height: 100%;
  width: 4px;
  left: -4px;
}
.ohyea__tabs--tab:active,
.ohyea__tabs--tab:focus,
.ohyea__tabs--tab:hover,
.ohyea__tabs--tab:visited {
  background: 0 0;
  background-color: none !important;
  outline: 0;
}
.ohyea__tabs--tab:active > a,
.ohyea__tabs--tab:focus > a,
.ohyea__tabs--tab:hover > a,
.ohyea__tabs--tab:visited > a {
  outline: 0;
  font-weight: unset;
  background: 0 0 !important;
  border: none !important;
  padding: 0 12px !important;
}
.ohyea__tabs--tab.active {
  position: relative;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#72ea40),
    color-stop(54%, #0c5f01),
    color-stop(91%, #207a1c),
    to(#55bc2a)
  );
  background: -webkit-linear-gradient(
    bottom,
    #72ea40 0,
    #0c5f01 54%,
    #207a1c 91%,
    #55bc2a 100%
  );
  background: -o-linear-gradient(
    bottom,
    #72ea40 0,
    #0c5f01 54%,
    #207a1c 91%,
    #55bc2a 100%
  );
  background: linear-gradient(
    0deg,
    #72ea40 0,
    #0c5f01 54%,
    #207a1c 91%,
    #55bc2a 100%
  );
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 2px 0 2px rgba(0, 0, 0, 0.7);
  box-shadow: 0 2px 0 2px rgba(0, 0, 0, 0.7);
  height: 110%;
  outline: 0;
}
.ohyea__tabs--tab.active .split {
  left: -8px;
}
.ohyea__tabs--tab.active > a {
  background-color: transparent !important;
  border: none !important;
  margin-bottom: 10px;
  outline: 0;
  position: relative;
}
.ohyea__tabs--tab.active > a label {
  color: #ffff82;
  font-size: 1.1em;
  margin-bottom: 0;
}
.ohyea__tabs--tab.blue a[data-toggle*="tab"] label {
  text-shadow: 0 1px 1px #49acdc, 0 0 1px #0b3c54;
  color: #aed1ff;
}
.ohyea__tabs--tab.green a[data-toggle*="tab"] label {
  text-shadow: 1px 1px 1px #c1f58c, 0 -1px 1px #4ed85a;
  color: #074609;
}
.ohyea__tabs_content {
  min-height: 450px;
  min-width: 320px;
  max-width: 1280px;
  z-index: 0;
  max-height: 100%;
  overflow: hidden;
  overflow-y: auto;
  padding: 15px;
  width: 100%;
}
.ohyea__list,
.ohyea__nav {
  max-width: 192px;
  margin: 0;
}
.ohyea__tabs_content--toheader {
  margin-top: -18px;
}
.ohyea__tabs_title {
  font-weight: 700;
  font-size: 1.65rem;
  padding: 8px 0;
  border-radius: 6px;
  margin: 8px 0;
  text-shadow: 0 1px 1px #331904, 0 0 1px #854918;
}
.ohyea__nav {
  padding: 0;
  background-color: #7b410e;
}
.ohyea__nav--item {
  padding: 0;
  text-align: center;
  border: 1px solid #7b410e;
  position: relative;
  z-index: 1;
}
.ohyea__nav--item:first-child {
  border-bottom: 0;
}
.ohyea__nav--item:last-child {
  border-top: 0;
}
.ohyea__nav--item * {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.ohyea__nav--item a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 8px;
  z-index: 2;
  position: relative;
  text-decoration: none;
}
.ohyea__notfound--link a,
.ohyea__text-underline {
  text-decoration: underline;
}
.ohyea__nav--item a label {
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.ohyea__nav--item:after,
.ohyea__nav--item:before {
  -webkit-transition: 0.23s;
  -o-transition: 0.23s;
  transition: 0.23s;
  width: 0;
  height: 100%;
  left: 0;
  bottom: 0;
  content: "";
  position: absolute;
}
.ohyea__nav--item.active a,
.ohyea__nav--item:focus a,
.ohyea__nav--item:hover a {
  text-decoration: unset;
}
.ohyea__nav--item.active:before,
.ohyea__nav--item:focus:before,
.ohyea__nav--item:hover:before {
  width: 100%;
  background: #ffdc7f;
  z-index: 1;
}
.ohyea__nav--item.active:after,
.ohyea__nav--item:focus:after,
.ohyea__nav--item:hover:after {
  width: 100%;
  -webkit-filter: blur(6px);
  filter: blur(6px);
  z-index: 1;
  opacity: 1;
  background: #7b410e;
}
.ohyea__list {
  padding: 0;
  background-color: none;
}
.ohyea__list--item {
  padding: 12px 8px;
}
.ohyea__modal {
  min-width: 320px;
  max-width: 100%;
}
.ohyea__modal:before {
  content: "";
  background: rgba(1, 9, 21, 0.15);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-filter: blur(2.1px);
  filter: blur(2.1px);
  user-select: none;
}
.ohyea__modal_title {
  font-size: 2.7rem;
  font-weight: 700;
  color: #ffeea5;
  text-shadow: 0 4px 0 rgba(0, 0, 0, 0.1), 1px 1px 0 #7b410e,
    -1px -1px 0 #7b410e;
}
.ohyea__modal_header {
  padding: 0;
  top: 0;
  width: 100%;
  border-radius: 8px 8px 0 0;
  text-align: center;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  min-height: 50px;
  max-width: 100%;
  min-width: 100%;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#820900),
    color-stop(16%, #820900),
    color-stop(91%, #2c0a01),
    to(#620903)
  );
  background: -webkit-linear-gradient(
    bottom,
    #820900 0,
    #820900 16%,
    #2c0a01 91%,
    #620903 100%
  );
  background: -o-linear-gradient(
    bottom,
    #820900 0,
    #820900 16%,
    #2c0a01 91%,
    #620903 100%
  );
  background: linear-gradient(
    0deg,
    #820900 0,
    #820900 16%,
    #2c0a01 91%,
    #620903 100%
  );
  position: relative;
  border-bottom: none !important;
}
.ohyea__modal_dialog,
.ohyea__modal_dialog--small,
.ohyea__modal_dialog--tiny {
  margin: auto;
  border-radius: 20px;
  overflow: unset;
}
.ohyea__modal_header > * {
  z-index: 3;
  position: relative;
}
.ohyea__modal_header:after,
.ohyea__modal_header:before,
.ohyea__modal_header > .light,
.ohyea__modal_header > .light2 {
  background: 0 0;
  z-index: 0;
  overflow: hidden;
  border-radius: 8px;
  display: block !important;
}
.ohyea__modal_header:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: url("/Content/ohyea/orange/export/imgs/bg/tab_bg.png") 0 0 / cover
    repeat-x;
  z-index: 0;
  display: block;
  min-height: 45px;
}
.ohyea__modal_header > .light:after,
.ohyea__modal_header > .light:before {
  background-image: url("/Content/ohyea/orange/export/imgs/bg/bg-light.png");
  background-size: contain;
  background-repeat: no-repeat;
  height: 50%;
  opacity: 0.7;
  z-index: 1;
}
.ohyea__modal_header > .light:before {
  background-position: top center;
}
.ohyea__modal_header > .light:after {
  background-position: bottom center;
  top: unset;
  bottom: -5%;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ohyea__modal_header > .ohyea__modal_title {
  position: relative;
  display: inline-block;
  margin: -4px auto 0;
  width: auto;
  min-width: 40%;
  text-align: center;
  background-repeat: repeat-x;
  background-size: contain;
  padding: 2px 0;
}
.ohyea__table .ohyea__table--th,
.ohyea__table-green .ohyea__table--th {
  font-size: 1.1em;
  padding: 8px 4px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
}
.ohyea__modal_header > .ohyea__modal_title:after,
.ohyea__modal_header > .ohyea__modal_title:before {
  position: absolute;
  top: 0;
  width: 42px;
  height: 100%;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
}
.ohyea__modal_header > .ohyea__modal_title:before {
  left: 0;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  background-position: right center;
}
.ohyea__modal_header > .ohyea__modal_title:after {
  right: 0;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  background-position: left center;
}
.ohyea__modal_dialog {
  width: 80vw;
  max-width: 1280px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.ohyea__modal_dialog--small {
  width: 60vw;
}
.ohyea__modal_dialog--tiny {
  width: 480px;
  max-width: 50vw;
}
.ohyea__modal_close {
  background: url();
  -webkit-filter: brightness(1);
  filter: brightness(1);
  border: none;
  position: absolute;
  right: -10px;
  top: 0;
  outline: 0;
  z-index: 6;
  -webkit-transition: 0.23s;
  -o-transition: 0.23s;
  transition: 0.23s;
  -webkit-transform: translate(12px, -18px);
  -ms-transform: translate(12px, -18px);
  transform: translate(12px, -18px);
  width: 45px;
  height: 45px;
  padding: 0;
  margin: 0;
  border-radius: 100%;
}
.ohyea__modal_body:after,
.ohyea__modal_body:before,
.ohyea__modal_body > .ohyea__bg {
  border-radius: 0 0 8px 8px;
}
.ohyea__modal_close:hover {
  -webkit-transform: translate(12px, -18px) scale(0.95);
  -ms-transform: translate(12px, -18px) scale(0.95);
  transform: translate(12px, -18px) scale(0.95);
  -webkit-filter: brightness(1.3);
  filter: brightness(1.3);
  -webkit-box-shadow: 0 0 10px rgba(0, 102, 255, 0.35);
  box-shadow: 0 0 10px rgba(0, 102, 255, 0.35);
}
.ohyea__modal_body {
  border-radius: 8px;
  padding: 0 4px 4px !important;
  z-index: 2;
  position: relative;
}
.ohyea__modal_body:before {
  position: absolute;
  background: #565656;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  z-index: -1;
}
.ohyea__modal_body:after {
  position: absolute;
  left: 2px;
  top: 0;
  right: 2px;
  bottom: 2px;
  z-index: -1;
  content: "";
}
.ohyea__modal_block {
  margin: 4px;
  padding: 0;
  border-radius: 10px;
  border: 1px solid #250f01;
  -webkit-box-shadow: 0 0 6px 1px #250f01, inset 0 0 6px 1px rgba(0, 0, 0, 0.85);
  box-shadow: 0 0 6px 1px #250f01, inset 0 0 6px 1px rgba(0, 0, 0, 0.85);
  overflow: hidden;
  overflow-x: hidden;
}
.ohyea__modal_block-header {
  display: block;
  width: 100%;
  padding: 12px 0;
  -webkit-box-shadow: 0 1px 2px 0 #250f01;
  box-shadow: 0 1px 2px 0 #250f01;
}
.ohyea__modal_block-container {
  padding: 12px 14px;
}
.ohyea__modal_menu {
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.ohyea__modal_menu--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 4px;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ohyea__guild-avatar input[type="file"],
.ohyea__guild-banner input[type="file"],
.ohyea__modal_footer {
  display: none;
}
.ohyea__modal_menu--item:first-child {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}
.ohyea__modal_content {
  border-radius: 8px;
  left: 0 !important;
  position: relative;
  background-color: #7b410e;
}
.ohyea__modal_content:after,
.ohyea__modal_content:before {
  z-index: 0;
  margin: -4px;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 8px;
}
.ohyea__modal_content:before {
  background: 0 0;
}
.ohyea__modal_content-around {
  padding: 12px 18px;
  border-radius: 8px;
  border: 1px solid #250f01;
  -webkit-box-shadow: 0 0 6px 1px #250f01,
    0 0 10px 6px inset rgba(0, 0, 0, 0.85);
  box-shadow: 0 0 6px 1px #250f01, 0 0 10px 6px inset rgba(0, 0, 0, 0.85);
  max-width: 98%;
  margin: -4px auto 12px;
}
.ohyea__modal_content-body {
  padding: 0 10px;
}
.ohyea__modal_message {
  border: 1px solid #331904;
  -webkit-box-shadow: 0 0 3px 1px #854918;
  box-shadow: 0 0 3px 1px #854918;
  padding: 6px 4px;
  font-size: 13px;
  margin: 12px 0;
  border-radius: 6px;
}
.ohyea__modal_message-text {
  color: #fff;
}
.ohyea__modal-small {
  margin: 0;
  overflow: hidden;
}
.ohyea__modal-small_title {
  color: #4c2417;
  text-shadow: -1px 0 2px #ff8b28, 2px 1px 2px #864712;
  padding: 6px 0;
  text-align: center;
  border-radius: 5px 5px 0 0;
  background: #000;
}
.ohyea__modal-small_body {
  padding: 0;
  position: relative;
}
.ohyea__modal-small_body:after,
.ohyea__modal-small_body:before {
  -webkit-transition: 0.23s;
  -o-transition: 0.23s;
  transition: 0.23s;
  width: 0;
  height: 100%;
  left: 0;
  bottom: 0;
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
}
.ohyea__table .ohyea__table--tr,
.ohyea__table-green .ohyea__table--tr {
  height: 35px;
  z-index: 0;
  opacity: 0.9;
  cursor: pointer;
}
.ohyea__modal-small_body:before {
  background: #000;
  background: -moz-radial-gradient(
    center,
    ellipse cover,
    transparent 0,
    rgba(0, 0, 0, 0.4) 75%,
    rgba(0, 0, 0, 0.7) 90%,
    rgba(0, 0, 0, 0.8) 100%
  );
  background: -webkit-radial-gradient(
    center,
    ellipse,
    transparent 0,
    rgba(0, 0, 0, 0.4) 75%,
    rgba(0, 0, 0, 0.7) 90%,
    rgba(0, 0, 0, 0.8) 100%
  );
  background: -o-radial-gradient(
    center,
    ellipse,
    transparent 0,
    rgba(0, 0, 0, 0.4) 75%,
    rgba(0, 0, 0, 0.7) 90%,
    rgba(0, 0, 0, 0.8) 100%
  );
  background: radial-gradient(
    ellipse at center,
    transparent 0,
    rgba(0, 0, 0, 0.4) 75%,
    rgba(0, 0, 0, 0.7) 90%,
    rgba(0, 0, 0, 0.8) 100%
  );
}
.ohyea__modal-small_content {
  max-width: 80%;
  margin: auto;
  top: 30%;
  border: 2px solid #ffdc7f;
  -webkit-box-shadow: 0 0 14px 4px rgba(0, 0, 0, 0.23) inset;
  box-shadow: 0 0 14px 4px rgba(0, 0, 0, 0.23) inset;
}
.ohyea__modal-small_contain {
  padding: 18px 8px;
  text-align: center;
  border-radius: 0 0 5px 5px;
}
.ohyea__table {
  width: 100%;
  min-width: 100%;
  display: table;
  overflow: hidden;
}
.ohyea__table--td {
  padding: 4px 8px;
  font-size: 1em !important;
  vertical-align: middle;
}
.ohyea__table--td-img {
  max-width: 32px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 6px 2px rgba(255, 255, 255, 0.83);
  box-shadow: 0 0 6px 2px rgba(255, 255, 255, 0.83);
  margin: 6px 12px 6px 0;
}
.ohyea__table--thead {
  background: 0 0;
  border: none;
}
.ohyea__table.have-border .ohyea__table {
  position: relative;
  overflow: hidden;
}
.ohyea__table.have-border .ohyea__table--thead {
  background: #691b01;
  border-radius: 5px 5px 0 0;
  -webkit-box-shadow: 0 2px 0 0 rgba(255, 255, 255, 0.13) inset;
  box-shadow: 0 2px 0 0 rgba(255, 255, 255, 0.13) inset;
}
.ohyea__table.have-border .ohyea__table--thead th:first-child {
  border-top-left-radius: 5px;
}
.ohyea__table.have-border .ohyea__table--thead th:last-child {
  border-top-right-radius: 5px;
}
.ohyea__table.have-border .ohyea__table--tr:first-child,
.ohyea__table.have-border .ohyea__table--tr:first-child td:first-child,
.ohyea__table.have-border .ohyea__table--tr:first-child td:last-child {
  border-radius: 0;
}
.ohyea__table.have-border.ohyea__table-black .ohyea__table--thead {
  background: #363636;
}
.ohyea__table.have-border.ohyea__table-black .ohyea__table--th {
  border: 1px solid #636363 !important;
}
.ohyea__table.have-border.ohyea__table-black .ohyea__table--tbody {
  background: #000;
}
.ohyea__table.have-border.ohyea__table-black .ohyea__table--tr {
  background: #000;
  -webkit-box-shadow: unset !important;
  box-shadow: unset !important;
}
.ohyea__table.have-border.ohyea__table-black .ohyea__table--tr:hover {
  -webkit-box-shadow: 0 1px 4px 1px rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 1px 4px 1px rgba(255, 255, 255, 0.3) !important;
  border: 0 !important;
}
.ohyea__table.have-border.ohyea__table-black .ohyea__table--tr:hover td {
  border: 0 solid #c3b5b5 !important;
}
.ohyea__table.have-border.ohyea__table-black .ohyea__table--td {
  background: #000;
  color: #fff;
  border: 1px solid #c3b5b5 !important;
  -webkit-box-shadow: unset !important;
  box-shadow: unset !important;
  border-right: none !important;
  border-bottom: none !important;
}
.ohyea__table--tbody {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
.ohyea__table--tbody.have-border {
  -webkit-box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.53) inset;
  box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.53) inset;
}
.ohyea__table--tr {
  border-radius: 0;
}
.ohyea__table--tr-red {
  background-color: #1257d0;
}
.ohyea__table--tr-red td {
  background-color: #1257d0 !important;
}
.ohyea__table td {
  -webkit-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.3) inset,
    -1px 0 0 0 #000 inset;
  box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.3) inset, -1px 0 0 0 #000 inset;
}
.ohyea__table .ohyea__table--tr:hover {
  opacity: 1;
  z-index: 12;
  -webkit-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
.ohyea__table .ohyea__table--tr:hover > td:last-child:before {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  left: 100%;
  opacity: 1;
}
.ohyea__table .ohyea__table--tr:hover:nth-child(2n) td {
  background-color: #531e0c;
}
.ohyea__table .ohyea__table--tr:hover:nth-child(odd) td {
  background-color: #a94f31;
}
.ohyea__table .ohyea__table--tr:nth-child(2n) td {
  background-color: #46190a;
}
.ohyea__table .ohyea__table--tr:nth-child(odd) td {
  background-color: #99482c;
}
.ohyea__table .ohyea__table--tr:first-child {
  border-radius: 5px 5px 0 0;
}
.ohyea__table .ohyea__table--tr:first-child td:first-child {
  border-radius: 5px 0 0;
}
.ohyea__table .ohyea__table--tr:first-child td:last-child {
  border-radius: 0 5px 0 0;
}
.ohyea__table .ohyea__table--tr:last-child {
  border-radius: 0 0 5px 5px;
}
.ohyea__table .ohyea__table--tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}
.ohyea__table .ohyea__table--tr:last-child td:last-child {
  border-radius: 0 0 5px;
}
.ohyea__table .ohyea__table--th {
  background: 0 0;
  color: #fff;
}
.ohyea__table-green {
  color: #fff;
}
.ohyea__table-green .ohyea__table--tr:hover {
  opacity: 1;
  z-index: 12;
  -webkit-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
.ohyea__table-green .ohyea__table--tr:hover > td:last-child:before {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  left: 100%;
  opacity: 1;
}
.ohyea__form_label,
.ohyea__pagging--item {
  -webkit-transition: 0.23s;
  -o-transition: 0.23s;
}
.ohyea__table-green .ohyea__table--tr:hover:nth-child(2n) td {
  background-color: #004f15;
}
.ohyea__table-green .ohyea__table--tr:hover:nth-child(odd) td {
  background-color: #00d03c;
}
.ohyea__table-green .ohyea__table--tr:nth-child(2n) td {
  background-color: #004011;
}
.ohyea__table-green .ohyea__table--tr:nth-child(odd) td {
  background-color: #00bc36;
}
.ohyea__table-green .ohyea__table--tr:first-child {
  border-radius: 5px 5px 0 0;
}
.ohyea__table-green .ohyea__table--tr:first-child td:first-child {
  border-radius: 5px 0 0;
}
.ohyea__table-green .ohyea__table--tr:first-child td:last-child {
  border-radius: 0 5px 0 0;
}
.ohyea__table-green .ohyea__table--tr:last-child {
  border-radius: 0 0 5px 5px;
}
.ohyea__table-green .ohyea__table--tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}
.ohyea__table-green .ohyea__table--tr:last-child td:last-child {
  border-radius: 0 0 5px;
}
.ohyea__table-green .ohyea__table--th {
  background: 0 0;
  color: #fff;
}
.ohyea__text-bold,
.ohyea__title {
  font-weight: 700;
}
.ohyea__title {
  font-size: 2rem;
  padding: 4px 0;
  margin: 4px 0;
}
.ohyea__subtitle {
  color: #fff;
  font-size: 1.7rem;
  text-align: center;
  font-weight: 700;
  padding: 4px 0;
  margin: 4px 0;
  position: relative;
}
.ohyea__subtitle:after {
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.55);
  color: transparent;
  content: attr(data-text);
  z-index: -1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
.ohyea__message {
  color: #fff;
  font-size: 1.2rem;
}
.ohyea__input {
  -webkit-box-shadow: inset -1px 5px 8px -4px #000;
  box-shadow: inset -1px 5px 8px -4px #000;
  border: 1px solid #e2200c;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#a93000),
    to(#6f1d01)
  );
  background: -webkit-linear-gradient(left, #a93000 0, #6f1d01 100%);
  background: -o-linear-gradient(left, #a93000 0, #6f1d01 100%);
  background: linear-gradient(90deg, #a93000 0, #6f1d01 100%);
  color: #fff;
  height: 45px;
  border-radius: 1px;
}
.ohyea__input::-webkit-input-placeholder {
  color: #fff;
  opacity: 0.9;
  font-weight: 700;
  font-style: italic;
  font-size: 0.9em;
  text-decoration: unset;
  text-transform: unset;
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.35);
}
.ohyea__input:-ms-input-placeholder {
  color: #fff;
  opacity: 0.9;
  font-weight: 700;
  font-style: italic;
  font-size: 0.9em;
  text-decoration: unset;
  text-transform: unset;
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.35);
}
.ohyea__input::-ms-input-placeholder {
  color: #fff;
  opacity: 0.9;
  font-weight: 700;
  font-style: italic;
  font-size: 0.9em;
  text-decoration: unset;
  text-transform: unset;
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.35);
}
.ohyea__input::placeholder {
  color: #fff;
  opacity: 0.9;
  font-weight: 700;
  font-style: italic;
  font-size: 0.9em;
  text-decoration: unset;
  text-transform: unset;
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.35);
}
.ohyea__input:active,
.ohyea__input:focus,
.ohyea__input:hover {
  border: none;
}
.ohyea__uppercase {
  text-transform: uppercase !important;
}
.ohyea__center {
  text-align: center !important;
}
.ohyea__items,
.ohyea__items--item,
.ohyea__text-center,
.ohyea__vp--text,
.ohyea__vp_status {
  text-align: center;
}
.ohyea__color-green {
  color: #34e01b !important;
}
.ohyea__color-pink {
  color: #ff63aa !important;
}
.ohyea__color-red {
  color: #f30002 !important;
}
.ohyea__color-blue {
  color: #00539e !important;
}
.ohyea__color-yellow {
  color: #ffe540 !important;
}
.ohyea__color-white {
  color: #fff !important;
}
.ohyea__items {
  margin: 12px 0 4px;
  display: inline-block;
  width: 100%;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow-x: auto;
  height: auto;
  overflow-y: hidden;
}
.ohyea__items--item {
  float: left;
  width: 110px;
  max-width: 120px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  margin-right: 5px;
  position: relative;
  overflow: hidden;
}
.input-group.date .input-group-addon,
.ohyea__items--item.active {
  cursor: pointer;
}
.ohyea__items--item.active img {
  opacity: 1;
}
.ohyea__items--item img {
  opacity: 0.45;
  width: 100%;
  max-width: 100%;
  -webkit-filter: contrast(150%);
  filter: contrast(150%);
}
.ohyea__vp {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#0a4cb2),
    to(#053aa1)
  );
  background: -webkit-linear-gradient(bottom, #0a4cb2 0, #053aa1 100%);
  background: -o-linear-gradient(bottom, #0a4cb2 0, #053aa1 100%);
  background: linear-gradient(0deg, #0a4cb2 0, #053aa1 100%);
  border-radius: 10px;
  border: 2px solid #76c2fb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 8px 12px;
}
.ohyea__vp_current {
  display: inline-block;
  float: left;
}
.ohyea__vp_to {
  display: inline-block;
  float: right;
}
.ohyea__vp_status {
  position: relative;
  overflow: hidden;
  float: left;
  display: inline-block;
  height: 95px;
  border-radius: 20px;
  width: 100%;
  padding: 6px 24px;
}
.ohyea__vp_status--bar {
  width: 100%;
  height: 30px;
  background: #24000a;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(36, 0, 10, 0.81)),
    color-stop(40%, rgba(36, 0, 10, 0.81)),
    color-stop(50%, #5e4b50),
    color-stop(52%, #5e4b50),
    color-stop(80%, #381922),
    to(#381922)
  );
  background: -webkit-linear-gradient(
    bottom,
    rgba(36, 0, 10, 0.81) 0,
    rgba(36, 0, 10, 0.81) 40%,
    #5e4b50 50%,
    #5e4b50 52%,
    #381922 80%,
    #381922 100%
  );
  background: -o-linear-gradient(
    bottom,
    rgba(36, 0, 10, 0.81) 0,
    rgba(36, 0, 10, 0.81) 40%,
    #5e4b50 50%,
    #5e4b50 52%,
    #381922 80%,
    #381922 100%
  );
  background: linear-gradient(
    0deg,
    rgba(36, 0, 10, 0.81) 0,
    rgba(36, 0, 10, 0.81) 40%,
    #5e4b50 50%,
    #5e4b50 52%,
    #381922 80%,
    #381922 100%
  );
  border-radius: 15px;
  position: relative;
  border: 2px solid #000;
  -webkit-box-shadow: -2px 1px 4px 1px #fff, 0 0 4px 0 inset #fff;
  box-shadow: -2px 1px 4px 1px #fff, 0 0 4px 0 inset #fff;
  overflow: hidden;
}
.ohyea__vp_status--bar-value {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  height: 100%;
  background: #d76814;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#d76814),
    color-stop(40%, #dc821c),
    color-stop(46%, #df9316),
    color-stop(65%, #f7d432),
    color-stop(80%, #f9c627),
    to(#ff5)
  );
  background: -webkit-linear-gradient(
    bottom,
    #d76814 0,
    #dc821c 40%,
    #df9316 46%,
    #f7d432 65%,
    #f9c627 80%,
    #ff5 100%
  );
  background: -o-linear-gradient(
    bottom,
    #d76814 0,
    #dc821c 40%,
    #df9316 46%,
    #f7d432 65%,
    #f9c627 80%,
    #ff5 100%
  );
  background: linear-gradient(
    0deg,
    #d76814 0,
    #dc821c 40%,
    #df9316 46%,
    #f7d432 65%,
    #f9c627 80%,
    #ff5 100%
  );
}
.ohyea__vp_status--bar-value:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  background: url("/Content/ohyea/orange/export/imgs/bg/status.png") center
    center/cover repeat-x;
  opacity: 0.65;
}
.ohyea__form_label.show,
.ohyea__guild-avatar .btn-change:hover ~ .overlay,
.ohyea__guild-banner .btn-change:hover ~ .overlay {
  opacity: 1;
}
.ohyea__vp--icon {
  padding: 0;
  margin: 0;
}
.ohyea__vp--icon img {
  width: 80px;
  text-shadow: 1px 1px 14px rgba(0, 0, 0, 0.35);
}
.ohyea__vp--text {
  color: #fff;
}
.ohyea__float-left {
  float: left !important;
}
.ohyea__float-right {
  float: right !important;
}
.ohyea__float-center {
  float: unset !important;
  text-align: center;
}
.ohyea__text-left {
  text-align: left;
}
.ohyea__text-right {
  text-align: right;
}
.ohyea__text-700 {
  font-weight: 700 !important;
}
.ohyea__text-500 {
  font-weight: 500 !important;
}
.ohyea__text-shadow {
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.35);
}
.ohyea__text-gradient--yellow {
  font-weight: 700;
  position: relative;
  color: #fff600;
}
.ohyea__text-gradient--yellow:after,
.ohyea__text-gradient--yellow:before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  color: transparent;
}
.ohyea__text-gradient--yellow:after {
  text-shadow: 1px 3px 4px #000;
  z-index: -2;
}
.ohyea__text-gradient--yellow:before {
  text-shadow: 1px 0.5px 0 #754f00;
  z-index: -1;
}
.ohyea__imgs_thumb-small {
  display: inline-block;
  margin: 0 6px;
  border: 2px solid #fff;
  background-size: cover;
  border-radius: 100%;
  height: 35px;
  width: 35px;
  background-position: center center;
}
.ohyea-padding-left-24 {
  padding-left: 24px !important;
}
.ohyea-padding-left-18 {
  padding-left: 18px !important;
}
.ohyea-padding-left-12 {
  padding-left: 12px !important;
}
.ohyea-padding-left-8 {
  padding-left: 8px !important;
}
.ohyea-padding-left-4 {
  padding-left: 4px !important;
}
.ohyea-nopadding-left,
.ohyea-padding-left-0 {
  padding-left: 0 !important;
}
.ohyea-padding-right-24 {
  padding-right: 24px !important;
}
.ohyea-padding-right-18 {
  padding-right: 18px !important;
}
.ohyea-padding-right-12 {
  padding-right: 12px !important;
}
.ohyea-padding-right-8 {
  padding-right: 8px !important;
}
.ohyea-padding-right-4 {
  padding-right: 4px !important;
}
.ohyea-nopadding-right,
.ohyea-padding-right-0 {
  padding-right: 0 !important;
}
.ohyea-padding-top-24 {
  padding-top: 24px !important;
}
.ohyea-padding-top-18 {
  padding-top: 18px !important;
}
.ohyea-padding-top-12 {
  padding-top: 12px !important;
}
.ohyea-padding-top-8 {
  padding-top: 8px !important;
}
.ohyea-padding-top-4 {
  padding-top: 4px !important;
}
.ohyea-nopadding-top,
.ohyea-padding-top-0 {
  padding-top: 0 !important;
}
.ohyea-padding-bottom-24 {
  padding-bottom: 24px !important;
}
.ohyea-padding-bottom-18 {
  padding-bottom: 18px !important;
}
.ohyea-padding-bottom-12 {
  padding-bottom: 12px !important;
}
.ohyea-padding-bottom-8 {
  padding-bottom: 8px !important;
}
.ohyea-padding-bottom-4 {
  padding-bottom: 4px !important;
}
.ohyea-nopadding-bottom,
.ohyea-padding-bottom-0 {
  padding-bottom: 0 !important;
}
.ohyea-padding-24 {
  padding: 24px !important;
}
.ohyea-padding-18 {
  padding: 18px !important;
}
.ohyea-padding-12 {
  padding: 12px !important;
}
.ohyea-padding-8 {
  padding: 8px !important;
}
.ohyea-padding-4 {
  padding: 4px !important;
}
.ohyea-margin-left-24 {
  margin-left: 24px !important;
}
.ohyea-margin-left-18 {
  margin-left: 18px !important;
}
.ohyea-margin-left-12 {
  margin-left: 12px !important;
}
.ohyea-margin-left-8 {
  margin-left: 8px !important;
}
.ohyea-margin-left-4 {
  margin-left: 4px !important;
}
.ohyea-margin-left-0,
.ohyea-nomargin-left {
  margin-left: 0 !important;
}
.ohyea-margin-right-24 {
  margin-right: 24px !important;
}
.ohyea-margin-right-18 {
  margin-right: 18px !important;
}
.ohyea-margin-right-12 {
  margin-right: 12px !important;
}
.ohyea-margin-right-8 {
  margin-right: 8px !important;
}
.ohyea-margin-right-4 {
  margin-right: 4px !important;
}
.ohyea-margin-right-0,
.ohyea-nomargin-right {
  margin-right: 0 !important;
}
.ohyea-margin-top-24 {
  margin-top: 24px !important;
}
.ohyea-margin-top-18 {
  margin-top: 18px !important;
}
.ohyea-margin-top-12 {
  margin-top: 12px !important;
}
.ohyea-margin-top-8 {
  margin-top: 8px !important;
}
.ohyea-margin-top-4 {
  margin-top: 4px !important;
}
.ohyea-margin-top-0,
.ohyea-nomargin-top {
  margin-top: 0 !important;
}
.ohyea-margin-bottom-24 {
  margin-bottom: 24px !important;
}
.ohyea-margin-bottom-18 {
  margin-bottom: 18px !important;
}
.ohyea-margin-bottom-12 {
  margin-bottom: 12px !important;
}
.ohyea-margin-bottom-8 {
  margin-bottom: 8px !important;
}
.ohyea-margin-bottom-4 {
  margin-bottom: 4px !important;
}
.ohyea-margin-bottom-0,
.ohyea-nomargin-bottom {
  margin-bottom: 0 !important;
}
.ohyea-margin-24 {
  margin: 24px !important;
}
.ohyea-margin-18 {
  margin: 18px !important;
}
.ohyea-margin-12 {
  margin: 12px !important;
}
.ohyea-margin-8 {
  margin: 8px !important;
}
.ohyea-margin-4 {
  margin: 4px !important;
}
.ohyea-nopadding {
  padding: 0 !important;
}
.ohyea-nomargin {
  margin: 0 !important;
}
.ohyea__panel {
  border-radius: 5px;
  -webkit-box-shadow: 0 0 4px 1px inset rgba(255, 255, 255, 0.3),
    1px 1px 2px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 4px 1px inset rgba(255, 255, 255, 0.3),
    1px 1px 2px 1px rgba(0, 0, 0, 0.3);
  margin: 12px auto;
}
.ohyea__panel-header {
  position: relative;
  overflow: hidden;
  padding: 12px 32px;
  color: #fff;
  text-align: center;
  border-radius: 5px 5px 0 0;
  font-size: 1.54rem;
  min-height: 40px;
}
.ohyea__panel-content {
  position: relative;
  overflow: auto;
  white-space: nowrap;
  min-height: 100%;
  border-radius: 0 0 5px 5px;
}
.ohyea__panel-back {
  background: url("/Content/ohyea/orange/export/imgs/btn/back-mail.png");
  outline: 0;
  border: none;
  height: 22px;
  width: 22px;
  background-size: cover;
  position: absolute;
  left: 24px;
  top: 50%;
  -webkit-transform: translate(-12px, -50%);
  -ms-transform: translate(-12px, -50%);
  transform: translate(-12px, -50%);
}
.ohyea__panel-title {
  z-index: 2;
  display: block;
}
.ohyea__panel-subtitle {
  position: relative;
  display: block;
  font-size: 0.9em;
  color: #fff;
  font-weight: 300;
  margin-top: 12px;
}
.ohyea__panel-inner {
  z-index: 1;
  padding: 12px 18px;
  font-size: 1.4rem;
  color: #fff;
  white-space: normal;
  text-align: justify;
  display: block;
}
.ohyea__panel-inner.light {
  background-color: #fff8de;
  color: #000;
}
.ohyea__form {
  border: none;
  outline: 0;
  pointer-events: all;
}
.ohyea__form-field {
  display: inline-block;
  width: 100%;
  padding: 6px;
  margin: 0 auto;
  text-align: left;
  position: relative;
}
.ohyea__form-field_50 {
  width: 50%;
  display: inline;
}
.ohyea__form-field > label {
  color: #fff;
}
.bootstrap-datetimepicker-widget .picker-switch,
.ohyea__form-center {
  text-align: center;
}
.ohyea__form_input,
.ohyea__form_select {
  text-align: left;
  width: 100%;
  font-weight: 700;
}
.ohyea__form-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ohyea__form-showpass {
  outline: 0;
  border: none;
  height: 22px;
  width: 22px;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: center center/contain no-repeat;
  z-index: 2;
}
.ohyea__form-showpass.blink {
  background-image: url("/Content/ohyea/orange/export/imgs/btn/hide-pass.png");
}
.ohyea__form-showpass.unblink {
  background-image: url("/Content/ohyea/orange/export/imgs/btn/show-pass.png");
}
.ohyea__form_label {
  color: #fbfb7a;
  font-weight: 500;
  display: inline-block;
  margin: -8px auto;
  opacity: 0;
  transition: 0.23s;
}
.ohyea__form_input {
  outline: 0;
  border: 1px solid #a8a8a9;
  -webkit-box-shadow: inset 0 2px 12px 4px rgba(0, 0, 0, 0.42),
    0 0 1px 1px #5e6771;
  box-shadow: inset 0 2px 12px 4px rgba(0, 0, 0, 0.42), 0 0 1px 1px #5e6771;
  border-radius: 1px;
  color: #fbfb7a;
  padding: 12px 18px;
  display: inline-block;
  position: relative;
  -webkit-transition: -webkit-box-shadow 0.23s;
  transition: box-shadow 0.23s;
  -o-transition: box-shadow 0.23s;
  transition: box-shadow 0.23s, -webkit-box-shadow 0.23s;
  -webkit-box-shadow: inset -1px 5px 8px -4px #000;
  box-shadow: inset -1px 5px 8px -4px #000;
  background: #353535;
  height: 45px;
}
.ohyea__form_input::-webkit-input-placeholder {
  color: #fff;
  opacity: 0.8;
  font-weight: 100;
  font-size: 1em;
  text-decoration: unset;
  text-transform: unset;
}
.ohyea__form_input:-ms-input-placeholder {
  color: #fff;
  opacity: 0.8;
  font-weight: 100;
  font-size: 1em;
  text-decoration: unset;
  text-transform: unset;
}
.ohyea__form_input::-ms-input-placeholder {
  color: #fff;
  opacity: 0.8;
  font-weight: 100;
  font-size: 1em;
  text-decoration: unset;
  text-transform: unset;
}
.ohyea__form_input::placeholder {
  color: #fff;
  opacity: 0.8;
  font-weight: 100;
  font-size: 1em;
  text-decoration: unset;
  text-transform: unset;
}
.ohyea__form_input--pass {
  padding-right: 32px;
}
.ohyea__form_input:active,
.ohyea__form_input:focus,
.ohyea__form_input:hover {
  border: none;
  -webkit-box-shadow: 0 0 6px 2px #a8a8a9,
    inset 1px 1px 16px 1px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 6px 2px #a8a8a9, inset 1px 1px 16px 1px rgba(0, 0, 0, 0.6);
}
.ohyea__form_input-float {
  margin-top: 12px;
}
.ohyea__form_input-float:active:before,
.ohyea__form_input-float:focus:before,
.ohyea__form_input-float:visited:before {
  content: " he said, are better than none.";
  position: absolute;
  top: -12px;
  left: -12px;
  color: #00f;
}
.ohyea__form_select {
  border: none;
  outline: 0;
  height: 40px;
  -webkit-box-shadow: inset 0 4px 2px 0 rgba(0, 0, 0, 0.42), 0 0 4px 2px #d10b23;
  box-shadow: inset 0 4px 2px 0 rgba(0, 0, 0, 0.42), 0 0 4px 2px #d10b23;
  border-radius: 8px;
  color: #fbfb7a;
  padding: 12px 18px;
  display: inline-block;
  position: relative;
  -webkit-transition: -webkit-box-shadow 0.23s;
  transition: box-shadow 0.23s;
  -o-transition: box-shadow 0.23s;
  transition: box-shadow 0.23s, -webkit-box-shadow 0.23s;
}
.ohyea__form_select:after {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #4e0017;
  top: 0;
  left: 0;
  content: "";
  z-index: 4;
}
.ohyea__form_select:active,
.ohyea__form_select:focus,
.ohyea__form_select:hover {
  -webkit-box-shadow: inset 0 4px 1px 0 rgba(251, 251, 122, 0.12),
    0 0 4px 2px #fbfb7a;
  box-shadow: inset 0 4px 1px 0 rgba(251, 251, 122, 0.12), 0 0 4px 2px #fbfb7a;
  color: #fbfb7a;
}
.ohyea__form-icon {
  margin: 0;
  padding: 0;
  max-width: 50px;
  position: relative;
  color: #fff;
  display: inline-block;
  -webkit-transition: -webkit-transform 0.23s;
  transition: transform 0.23s;
  -o-transition: transform 0.23s;
  transition: transform 0.23s, -webkit-transform 0.23s;
}
.ohyea__form-icon:hover {
  cursor: pointer;
  text-decoration: unset !important;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.ohyea__form-icon:hover:before {
  opacity: 1;
  width: 30%;
  height: 30%;
  right: -5px;
}
.ohyea__form-icon img {
  max-width: 100%;
  -webkit-transition: -webkit-transform 0.23s;
  transition: transform 0.23s;
  -o-transition: transform 0.23s;
  transition: transform 0.23s, -webkit-transform 0.23s;
}
.ohyea__form-icon:before {
  position: absolute;
  content: "";
  top: 3px;
  -webkit-filter: blur(3px);
  filter: blur(3px);
  right: 0;
  width: 0%;
  height: 0%;
  background: rgba(251, 251, 122, 0.22);
  opacity: 0;
  -webkit-transition: opacity 0.62s;
  -o-transition: opacity 0.62s;
  transition: opacity 0.62s;
}
.ohyea__form-btn {
  outline: 0;
  border: none;
  background: 0 0;
  width: 64px;
  margin: 0 6px;
  padding: 0;
}
.ohyea__form-btn-rotate:hover img {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.ohyea__form-btn img {
  max-width: 100%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.ohyea__pagging_items {
  display: block;
  width: 100%;
  margin: 12px 0;
  text-align: center;
  background: #4c2417;
  padding: 8px 0;
  border-radius: 2em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#3b1d03),
    color-stop(50%, #4e2604),
    to(#3b1d03)
  );
  background: -webkit-linear-gradient(
    left,
    #3b1d03 0,
    #4e2604 50%,
    #3b1d03 100%
  );
  background: -o-linear-gradient(left, #3b1d03 0, #4e2604 50%, #3b1d03 100%);
  background: linear-gradient(to right, #3b1d03 0, #4e2604 50%, #3b1d03 100%);
}
.ohyea__pagging--item {
  display: inline-block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 14px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  transition: 0.23s;
  padding: 4px 12px;
  margin: 0 2px;
  white-space: nowrap;
  -webkit-box-shadow: 0 0 0 1.5px inset #8f4228;
  box-shadow: 0 0 0 1.5px inset #8f4228;
}
.ohyea__pagging--item span {
  padding: 0;
  width: 100%;
  display: inline;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-weight: 400;
}
.ohyea__pagging--item.active,
.ohyea__pagging--item:active,
.ohyea__pagging--item:hover {
  text-decoration: unset;
  background: #8f4228;
  -webkit-box-shadow: 0 0 4px 8f4228;
  box-shadow: 0 0 4px 8f4228;
}
.ohyea__pagging--item.active span,
.ohyea__pagging--item:active span,
.ohyea__pagging--item:hover span {
  color: #fff;
  font-weight: 700;
}
.ohyea__pagging--item.disabled {
  user-select: none;
  opacity: 0.9;
  -webkit-box-shadow: unset;
  box-shadow: unset;
}
.ohyea__chk {
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.profile .achievement .lb-panel .item .info_container .progressbar,
.profile .achievement .lb-panel .item .info_container .progressbar .percent,
.profile .achievement .lb-panel .item .info_container .progressbar .progressed {
  -webkit-tap-highlight-color: transparent;
  line-height: 1.42857143;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0 !important;
  user-select: none;
  color: #fff;
  font-weight: 700;
  box-sizing: border-box;
}
.ohyea__chk input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.ohyea__chk .mark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: transparent;
  border: 2px solid #ffffb6;
  border-image-source: linear-gradient(
    to bottom,
    #f9a617 0%,
    #ffffb6 2%,
    #f9a617 50%,
    #ffffb6 98%,
    #f9a617 100%
  );
  border-image-slice: 1;
}
.ohyea__chk .mark:after {
  content: "";
  position: absolute;
  display: none;
  left: 7px;
  top: 1px;
  width: 7px;
  height: 15px;
  border: solid #ffffb6;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ohyea__guild--item .guild-members,
.ohyea__guild-avatar.small img {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.ohyea__chk input:checked ~ .mark,
.ohyea__chk:hover input ~ .mark {
  background-color: transparent;
  border-image-source: linear-gradient(
    to bottom,
    #ffffb6 0%,
    #f9a617 2%,
    #ffffb6 50%,
    #f9a617 98%,
    #ffffb6 100%
  );
  -webkit-box-shadow: 0 0 4px 1px #f9a617;
  box-shadow: 0 0 4px 1px #f9a617;
}
.ohyea__chk input:checked ~ .mark:after {
  display: block;
}
.ohyea__chk--large .mark {
  height: 35px;
  width: 35px;
}
.ohyea__chk--large .mark:after {
  left: 10px;
  top: -1px;
  width: 12px;
  height: 25px;
}
.ohyea__chk--small .mark {
  height: 22px;
  width: 22px;
}
.ohyea__chk--small .mark:after {
  left: 6px;
  top: 3px;
  width: 6px;
  height: 12px;
}
.ohyea__scrollbar-container {
  padding: 20px;
}
.ohyea__scrollbar-type1,
.ohyea__scrollbar-type4 {
  background-color: #460219 !important;
}
.ohyea__scrollbar-type1 .nicescroll-rails {
  background: #570006;
  border-radius: 6px;
  width: 10px !important;
}
.ohyea__scrollbar-type1 .nicescroll-cursors {
  width: 10px !important;
  border-radius: 6px !important;
  border: none !important;
  background: #ffd736;
  background: -moz-linear-gradient(
    left,
    #ffd736 0,
    #ffd736 48%,
    #ffae20 53%,
    #ffae0a 100%
  );
  background: -webkit-linear-gradient(
    left,
    #ffd736 0,
    #ffd736 48%,
    #ffae20 53%,
    #ffae0a 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ffd736),
    color-stop(48%, #ffd736),
    color-stop(53%, #ffae20),
    to(#ffae0a)
  );
  background: -o-linear-gradient(
    left,
    #ffd736 0,
    #ffd736 48%,
    #ffae20 53%,
    #ffae0a 100%
  );
  background: linear-gradient(
    to right,
    #ffd736 0,
    #ffd736 48%,
    #ffae20 53%,
    #ffae0a 100%
  );
}
.ohyea__scrollbar-type1 .nicescroll-cursors:hover {
  background: #ffa100;
  background: -moz-linear-gradient(
    left,
    #ffa100 0,
    #ffae20 49%,
    #ff9914 51%,
    #db6f11 100%
  );
  background: -webkit-linear-gradient(
    left,
    #ffa100 0,
    #ffae20 49%,
    #ff9914 51%,
    #db6f11 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ffa100),
    color-stop(49%, #ffae20),
    color-stop(51%, #ff9914),
    to(#db6f11)
  );
  background: -o-linear-gradient(
    left,
    #ffa100 0,
    #ffae20 49%,
    #ff9914 51%,
    #db6f11 100%
  );
  background: linear-gradient(
    to right,
    #ffa100 0,
    #ffae20 49%,
    #ff9914 51%,
    #db6f11 100%
  );
}
.ohyea__scrollbar-type1 .nicescroll-cursors:hover + .nicescroll-rails {
  background: #ffd736;
}
.ohyea__scrollbar-type2 {
  background-color: #7b410e !important;
}
.ohyea__scrollbar-type2 .nicescroll-rails {
  background: #050504;
  border-radius: 6px;
  width: 10px !important;
}
.ohyea__scrollbar-type2 .nicescroll-cursors {
  width: 10px !important;
  border-radius: 6px !important;
  border: none !important;
  background: #5eff36;
  background: -moz-linear-gradient(
    left,
    #5ed736 0,
    #5ed736 48%,
    #5eae20 53%,
    #5eae0a 100%
  );
  background: -webkit-linear-gradient(
    left,
    #5ed736 0,
    #5ed736 48%,
    #5eae20 53%,
    #5eae0a 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#5ed736),
    color-stop(48%, #5ed736),
    color-stop(53%, #5eae20),
    to(#5eae0a)
  );
  background: -o-linear-gradient(
    left,
    #5ed736 0,
    #5ed736 48%,
    #5eae20 53%,
    #5eae0a 100%
  );
  background: linear-gradient(
    to right,
    #5ed736 0,
    #5ed736 48%,
    #5eae20 53%,
    #5eae0a 100%
  );
}
.ohyea__scrollbar-type2 .nicescroll-cursors:hover {
  background: #5ea100;
  background: -moz-linear-gradient(
    left,
    #5ea100 0,
    #5eae20 49%,
    #5e9914 51%,
    #5e6f11 100%
  );
  background: -webkit-linear-gradient(
    left,
    #5ea100 0,
    #5eae20 49%,
    #5e9914 51%,
    #5e6f11 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#5ea100),
    color-stop(49%, #5eae20),
    color-stop(51%, #5e9914),
    to(#5e6f11)
  );
  background: -o-linear-gradient(
    left,
    #5ea100 0,
    #5eae20 49%,
    #5e9914 51%,
    #5e6f11 100%
  );
  background: linear-gradient(
    to right,
    #5ea100 0,
    #5eae20 49%,
    #5e9914 51%,
    #5e6f11 100%
  );
}
.ohyea__scrollbar-type2 .nicescroll-cursors:hover + .nicescroll-rails {
  background: #5eff36;
}
.ohyea__scrollbar-type3 {
  background-color: #e2200c !important;
}
.ohyea__scrollbar-type3 .nicescroll-rails {
  background: #46190a;
  border-radius: 6px;
  width: 10px !important;
}
.ohyea__scrollbar-type3 .nicescroll-cursors {
  width: 10px !important;
  border-radius: 6px !important;
  border: none !important;
  background: #36b5ff;
  background: -moz-linear-gradient(
    left,
    #36b1d7 0,
    #36b1d7 48%,
    #3689ae 53%,
    #3665ae 100%
  );
  background: -webkit-linear-gradient(
    left,
    #36b1d7 0,
    #36b1d7 48%,
    #3689ae 53%,
    #3665ae 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#36b1d7),
    color-stop(48%, #36b1d7),
    color-stop(53%, #3689ae),
    to(#3665ae)
  );
  background: -o-linear-gradient(
    left,
    #36b1d7 0,
    #36b1d7 48%,
    #3689ae 53%,
    #3665ae 100%
  );
  background: linear-gradient(
    to right,
    #36b1d7 0,
    #36b1d7 48%,
    #3689ae 53%,
    #3665ae 100%
  );
}
.ohyea__scrollbar-type3 .nicescroll-cursors:hover {
  background: #3682ff;
  background: -moz-linear-gradient(
    left,
    #3682ff 0,
    #3677eb 49%,
    #3669dc 51%,
    #365ac3 100%
  );
  background: -webkit-linear-gradient(
    left,
    #3682ff 0,
    #3677eb 49%,
    #3669dc 51%,
    #365ac3 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#3682ff),
    color-stop(49%, #3677eb),
    color-stop(51%, #3669dc),
    to(#365ac3)
  );
  background: -o-linear-gradient(
    left,
    #3682ff 0,
    #3677eb 49%,
    #3669dc 51%,
    #365ac3 100%
  );
  background: linear-gradient(
    to right,
    #3682ff 0,
    #3677eb 49%,
    #3669dc 51%,
    #365ac3 100%
  );
}
.ohyea__scrollbar-type3 .nicescroll-cursors:hover + .nicescroll-rails {
  background: #36b5ff;
}
.ohyea__scrollbar-type4 .nicescroll-rails {
  background: #570006;
  border-radius: 6px;
  width: 10px !important;
}
.ohyea__scrollbar-type4 .nicescroll-cursors {
  width: 10px !important;
  border-radius: 6px !important;
  border: none !important;
  background: #36b5ff;
  background: -moz-linear-gradient(
    45deg,
    #36b5ff 25%,
    transparent 25%,
    transparent 50%,
    #36b5ff 50%,
    #36b5ff 75%,
    transparent 75%,
    transparent
  );
  background: -webkit-linear-gradient(
    45deg,
    #36b5ff 25%,
    transparent 25%,
    transparent 50%,
    #36b5ff 50%,
    #36b5ff 75%,
    transparent 75%,
    transparent
  );
  background: -o-linear-gradient(
    45deg,
    #36b5ff 25%,
    transparent 25%,
    transparent 50%,
    #36b5ff 50%,
    #36b5ff 75%,
    transparent 75%,
    transparent
  );
  background: linear-gradient(
    45deg,
    #36b5ff 25%,
    transparent 25%,
    transparent 50%,
    #36b5ff 50%,
    #36b5ff 75%,
    transparent 75%,
    transparent
  );
}
.ohyea__scrollbar-type4 .nicescroll-cursors:hover {
  background: #3682ff;
  background: -moz-linear-gradient(
    45deg,
    #3682ff 25%,
    transparent 25%,
    transparent 50%,
    #3682ff 50%,
    #3682ff 75%,
    transparent 75%,
    transparent
  );
  background: -webkit-linear-gradient(
    45deg,
    #3682ff 25%,
    transparent 25%,
    transparent 50%,
    #3682ff 50%,
    #3682ff 75%,
    transparent 75%,
    transparent
  );
  background: -o-linear-gradient(
    45deg,
    #3682ff 25%,
    transparent 25%,
    transparent 50%,
    #3682ff 50%,
    #3682ff 75%,
    transparent 75%,
    transparent
  );
  background: linear-gradient(
    45deg,
    #3682ff 25%,
    transparent 25%,
    transparent 50%,
    #3682ff 50%,
    #3682ff 75%,
    transparent 75%,
    transparent
  );
}
.ohyea__scrollbar-type4 .nicescroll-cursors:hover + .nicescroll-rails {
  background: #36b5ff;
}
.ohyea__scrollbar-type5 {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
.ohyea__scrollbar-type5 .nicescroll-rails {
  background: #1c002d;
  border-radius: 15px;
  width: 10px !important;
}
.ohyea__scrollbar-type5 .nicescroll-cursors {
  width: 10px !important;
  border-radius: 15px !important;
  border: none !important;
  background: #af36ff;
  background: -moz-linear-gradient(
    left,
    #aa4feb 0,
    #aa4feb 48%,
    #6e36ae 53%,
    #6e36ae 100%
  );
  background: -webkit-linear-gradient(
    left,
    #aa4feb 0,
    #aa4feb 48%,
    #6e36ae 53%,
    #6e36ae 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#aa4feb),
    color-stop(48%, #aa4feb),
    color-stop(53%, #6e36ae),
    to(#6e36ae)
  );
  background: -o-linear-gradient(
    left,
    #aa4feb 0,
    #aa4feb 48%,
    #6e36ae 53%,
    #6e36ae 100%
  );
  background: linear-gradient(
    to right,
    #aa4feb 0,
    #aa4feb 48%,
    #6e36ae 53%,
    #6e36ae 100%
  );
}
.ohyea__scrollbar-type5 .nicescroll-cursors:hover {
  background: #8d36ff;
  background: -moz-linear-gradient(
    left,
    #9477eb 0,
    #9477eb 49%,
    #6c36c3 51%,
    #6c36c3 100%
  );
  background: -webkit-linear-gradient(
    left,
    #9477eb 0,
    #9477eb 49%,
    #6c36c3 51%,
    #6c36c3 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#9477eb),
    color-stop(49%, #9477eb),
    color-stop(51%, #6c36c3),
    to(#6c36c3)
  );
  background: -o-linear-gradient(
    left,
    #9477eb 0,
    #9477eb 49%,
    #6c36c3 51%,
    #6c36c3 100%
  );
  background: linear-gradient(
    to right,
    #9477eb 0,
    #9477eb 49%,
    #6c36c3 51%,
    #6c36c3 100%
  );
}
.ohyea__scrollbar-type5 .nicescroll-cursors:hover + .nicescroll-rails {
  background: #af36ff;
}
.ohyea__scrollbar-animation-stripe .nicescroll-rails-vr .nicescroll-cursors {
  -webkit-animation: 0.3s linear infinite pace-stripe-animation;
  animation: 0.3s linear infinite pace-stripe-animation;
  background-size: 20px 20px;
}
@-webkit-keyframes pace-stripe-animation {
  0% {
    background-position-y: 0;
  }
  to {
    background-position-y: 100%;
  }
}
@keyframes pace-stripe-animation {
  0% {
    background-position-y: 0;
  }
  to {
    background-position-y: 100%;
  }
}
.ohyea__guild_list {
  display: block;
  max-width: 100%;
  overflow: hidden;
  overflow-y: auto;
  min-height: 1px;
  max-height: 82vh;
  padding: 12px;
}
.ohyea__guild--item {
  text-align: center;
  color: #fff;
  text-decoration: unset;
  max-height: 260px;
  min-height: 260px;
  padding: 12px 6px 6px;
  position: relative;
  display: inline-block;
}
.ohyea__guild--item_inner {
  max-width: 100%;
  overflow: hidden;
}
.ohyea__guild--item.active,
.ohyea__guild--item:active,
.ohyea__guild--item:focus,
.ohyea__guild--item:hover {
  text-decoration: unset;
  color: #fff;
}
.ohyea__guild--item .guild-title {
  font-weight: 700;
  font-size: 1.2em;
  white-space: normal;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 55px;
  overflow: hidden;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
}
.ohyea__guild--item .guild-members {
  position: absolute;
  bottom: 2px;
  left: 50%;
  transform: translateX(-50%);
}
.ohyea__guild--item .guild-members .icon {
  width: 22px;
  height: 22px;
}
.ohyea__guild-border-bottom {
  margin-bottom: 6px;
  padding-bottom: 6px;
}
.ohyea__guild-border-bottom:after {
  bottom: 2px;
}
.ohyea__guild-border-top {
  margin-top: 6px;
  padding-top: 6px;
}
.ohyea__guild-border-top:after {
  top: 2px;
}
.ohyea__guild-avatar {
  height: 165px;
  width: 156px;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  z-index: 0;
  overflow: hidden;
  margin: 6px auto;
}
.ohyea__guild-avatar.banner {
  width: 100%;
}
.ohyea__guild-avatar img {
  position: absolute;
  z-index: 2;
  overflow: hidden;
}
.ohyea__guild-avatar:before {
  background-image: url("/Content/ohyea/orange/export/imgs/bg/bg-guild-avatar.png");
  background-size: contain;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
}
.ohyea__guild-avatar:after {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 140px;
  width: 145px;
  -webkit-filter: blur(3px);
  filter: blur(3px);
  content: "";
  background: #fffd67;
  background: -moz-linear-gradient(
    left,
    #fffd67 0,
    #e2a239 43%,
    #c05713 76%,
    #c05713 100%
  );
  background: -webkit-linear-gradient(
    left,
    #fffd67 0,
    #e2a239 43%,
    #c05713 76%,
    #c05713 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fffd67),
    color-stop(43%, #e2a239),
    color-stop(76%, #c05713),
    to(#c05713)
  );
  background: -o-linear-gradient(
    left,
    #fffd67 0,
    #e2a239 43%,
    #c05713 76%,
    #c05713 100%
  );
  background: linear-gradient(
    to right,
    #fffd67 0,
    #e2a239 43%,
    #c05713 76%,
    #c05713 100%
  );
}
.ohyea__guild-avatar .btn-change {
  background: 0 0;
  border: none;
  outline: 0;
  width: 32px;
  height: 32px;
  position: absolute;
  left: 14px;
  bottom: 14px;
  -webkit-transition: 0.23s;
  -o-transition: 0.23s;
  transition: 0.23s;
  z-index: 4;
  cursor: pointer;
}
.ohyea__guild-avatar .btn-change:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  bottom: 16px;
}
.ohyea__guild-avatar .overlay {
  pointer-events: none;
  position: absolute;
  z-index: 2;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  -webkit-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
  content: "";
  width: 100%;
}
.ohyea__guild-avatar.small {
  width: 80px;
  height: 80px;
}
.ohyea__guild-avatar.small img {
  border-radius: 3px;
  width: auto;
  max-height: 50px;
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.ohyea__guild-icon.camera,
.ohyea__guild-icon.home,
.ohyea__guild-icon.members,
.ohyea__guild-icon.star,
.ohyea__guild-icon.ticket {
  display: inline-block;
  background: url("/Content/ohyea/orange/export/imgs/icon/guild-sprite.png")
    center center no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
}
.ohyea__guild-icon.members {
  background-position: 0 -31px;
  width: 39px;
  height: 29px;
}
.ohyea__guild-icon.ticket {
  background-position: 0 -60px;
  width: 38px;
  height: 30px;
}
.ohyea__guild-icon.star {
  background-position: 0 -90px;
  width: 34px;
  height: 34px;
}
.ohyea__guild-icon.camera {
  background-position: 0 -124px;
  width: 29px;
  height: 23px;
}
.ohyea__guild-icon.home {
  background-position: 0 -147px;
  width: 41px;
  height: 38px;
}
.ohyea__guild_summary {
  display: block;
  width: 100%;
  margin: 12px 0;
  overflow: hidden;
}
.ohyea__guild_row {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.ohyea__guild_row-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-weight: 700;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  max-width: 100%;
  overflow: hidden;
}
.ohyea__guild-left {
  display: inline-block;
  float: left;
}
.ohyea__guild-right {
  display: inline-block;
  float: right;
  margin-top: 4px;
}
.ohyea__guild-banner {
  min-height: 130px;
  max-height: 230px;
  width: 100%;
  max-width: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  z-index: 0;
  overflow: hidden;
  margin: auto;
}
.ohyea__guild-banner img {
  position: absolute;
  z-index: 2;
  width: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  overflow: hidden;
  min-height: 120px;
  max-height: 125px;
}
.ohyea__guild-banner .btn-change {
  background: 0 0;
  border: none;
  outline: 0;
  width: 32px;
  height: 32px;
  position: absolute;
  right: 14px;
  top: 14px;
  -webkit-transition: 0.23s;
  -o-transition: 0.23s;
  transition: 0.23s;
  z-index: 4;
  cursor: pointer;
}
.ohyea__guild-banner .btn-change:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  bottom: 16px;
}
.ohyea__guild-banner .overlay {
  pointer-events: none;
  position: absolute;
  z-index: 2;
  background: rgba(0, 0, 0, 0.24);
  opacity: 0;
  -webkit-transition: 0.33s;
  -o-transition: 0.33s;
  transition: 0.33s;
  content: "";
  width: 100%;
}
.ohyea__guild_comment-list {
  max-height: 70vh;
  overflow: hidden;
  overflow-y: auto;
  max-width: 100%;
}
.ohyea__guild_comment-item {
  position: relative;
  height: 110px;
  overflow: hidden;
  margin: 12px 6px;
  width: 100%;
  padding-bottom: 12px;
}
.ohyea__guild_comment-inner {
  position: relative;
  display: block;
  height: 110px;
  overflow: hidden;
}
.ohyea__guild_comment-content {
  padding: 4px 18px 4px 12px;
  height: 110px;
  display: inline-block;
  position: relative;
  width: calc(100% - 115px);
  float: right;
}
.ohyea__guild_comment-avatar {
  width: 110px;
  height: 110px;
  border-radius: 5px;
  position: relative;
  display: inline-block;
  float: left;
}
.ohyea__guild_comment-avatar img {
  border-radius: 5px;
  width: auto;
  max-height: 100px;
  position: absolute;
  top: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
}
.ohyea__guild_comment-avatar:after,
.ohyea__guild_comment-avatar:before {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  content: "";
}
.ohyea__guild_comment-avatar:after {
  background: #fceabb;
  border-radius: 5px;
  background: -moz-radial-gradient(
    center,
    ellipse cover,
    #fceabb 0,
    #fccd4d 50%,
    #f8b500 51%,
    #fbdf93 100%
  );
  background: -webkit-gradient(
    radial,
    center center,
    0,
    center center,
    100%,
    color-stop(0, #fceabb),
    color-stop(50%, #fccd4d),
    color-stop(51%, #f8b500),
    color-stop(100%, #fbdf93)
  );
  background: -ms-radial-gradient(
    center,
    ellipse cover,
    #fceabb 0,
    #fccd4d 50%,
    #f8b500 51%,
    #fbdf93 100%
  );
  background: -webkit-radial-gradient(
    center,
    ellipse,
    #fceabb 0,
    #fccd4d 50%,
    #f8b500 51%,
    #fbdf93 100%
  );
  background: -o-radial-gradient(
    center,
    ellipse,
    #fceabb 0,
    #fccd4d 50%,
    #f8b500 51%,
    #fbdf93 100%
  );
  background: radial-gradient(
    ellipse at center,
    #fceabb 0,
    #fccd4d 50%,
    #f8b500 51%,
    #fbdf93 100%
  );
}
.ohyea__guild_comment-name {
  font-weight: 700;
  font-size: 1.1em;
  text-decoration: unset;
}
.ohyea__guild_comment-text {
  font-size: 1em;
  display: block;
  max-height: 60px;
  overflow-x: hidden;
  overflow-y: auto;
  white-space: normal;
}
.ohyea__guild_comment-date {
  font-style: italic;
  font-size: 0.9em;
  position: absolute;
  right: 12px;
  bottom: 4px;
}
.ohyea__guild_home {
  display: block;
  min-height: 80vh;
}
.ohyea__guild_home-action {
  height: 60px;
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  overflow: hidden;
  background: 0 0;
}
.ohyea__notfound--content,
.ohyea__notfound--copy {
  width: 100vw;
  left: 50%;
  position: absolute;
  text-align: center;
}
.ohyea__guild_home-content {
  margin-top: 39px;
}
.ohyea__guild_home-buttons {
  padding-right: 30px;
}
.ohyea__notfound {
  background: #d6203b;
  background: -moz-linear-gradient(
    top,
    #640e1e 0,
    #8e0123 48%,
    #69081a 79%,
    #000 100%
  );
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0, #d6203b),
    color-stop(48%, #781124),
    color-stop(69%, #781124),
    color-stop(100%, #000)
  );
  background: -webkit-linear-gradient(
    top,
    #640e1e 0,
    #8e0123 48%,
    #69081a 79%,
    #000 100%
  );
  background: -o-linear-gradient(
    top,
    #640e1e 0,
    #8e0123 48%,
    #69081a 79%,
    #000 100%
  );
  background: -ms-linear-gradient(
    top,
    #640e1e 0,
    #8e0123 48%,
    #69081a 79%,
    #000 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#640e1e),
    color-stop(48%, #8e0123),
    color-stop(79%, #69081a),
    to(black)
  );
  background: linear-gradient(
    to bottom,
    #640e1e 0,
    #8e0123 48%,
    #69081a 79%,
    #000 100%
  );
  min-height: 100vh;
}
.ohyea__notfound--content {
  top: 30%;
  -webkit-transform: translate(-50%, -30%);
  -ms-transform: translate(-50%, -30%);
  transform: translate(-50%, -30%);
}
.ohyea__notfound--link {
  padding-top: 30px;
}
.ohyea__notfound--link a {
  font-size: 24px;
}
.ohyea__notfound--copy {
  bottom: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]:after,
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]:after,
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]:after,
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]:after,
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]:after,
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]:after,
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]:after,
.bootstrap-datetimepicker-widget .btn[data-action="today"]:after,
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]:after,
.bootstrap-datetimepicker-widget .picker-switch:after,
.bootstrap-datetimepicker-widget table th.next:after,
.bootstrap-datetimepicker-widget table th.prev:after,
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.bootstrap-datetimepicker-widget {
  list-style: none;
  -webkit-box-shadow: 1px 1px 4px 0 #4c2417;
  box-shadow: 1px 1px 4px 0 #4c2417;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  margin: 2px 0;
  padding: 0;
  width: 19em;
  background-color: #340223 !important;
  background: url("/Content/ohyea/orange/export/imgs/bg/t-1.png");
}
.bootstrap-datetimepicker-widget.dropdown-menu:after,
.bootstrap-datetimepicker-widget.dropdown-menu:before {
  content: "";
  display: inline-block;
  position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.2) !important;
  top: -7px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #7b410e !important;
  top: -6px;
  left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid rgba(0, 0, 0, 0.2) !important;
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #7b410e !important;
  bottom: -6px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: 700;
  font-size: 1.2em !important;
  margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]:after {
  content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]:after {
  content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]:after {
  content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]:after {
  content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]:after {
  content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]:after {
  content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]:after {
  content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]:after {
  content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]:after {
  content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch:after {
  content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto !important;
  width: auto !important;
  line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5 !important;
  height: 2.5em !important;
  width: 100% !important;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
  background-color: transparent;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  text-align: center !important;
  border-radius: 0 !important;
  color: #4c2417 !important;
}
.bootstrap-datetimepicker-widget table th {
  height: 20px !important;
  line-height: 20px !important;
  width: 20px !important;
  background: #7b410e !important;
  border-bottom: 1px solid #fff !important;
  font-size: 1.1em !important;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px !important;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover,
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover,
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: 0 0;
  color: #ccc !important;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev:after {
  content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next:after {
  content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer !important;
}
.bootstrap-datetimepicker-widget table td span:hover,
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #331904 !important;
}
.bootstrap-datetimepicker-widget table td {
  height: 54px !important;
  line-height: 54px !important;
  width: 54px !important;
  color: #fff !important;
}
.bootstrap-datetimepicker-widget table td.cw {
  font-size: 0.8em !important;
  height: 20px !important;
  line-height: 20px !important;
  color: #ccc !important;
}
.bootstrap-datetimepicker-widget table td.day {
  height: 20px !important;
  line-height: 20px !important;
  width: 20px !important;
  color: #ccc !important;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #331904 !important;
  cursor: pointer !important;
  color: #4c2417 !important;
}
.bootstrap-datetimepicker-widget table td span.old,
.bootstrap-datetimepicker-widget table td.new,
.bootstrap-datetimepicker-widget table td.old {
  color: #ccc !important;
}
.bootstrap-datetimepicker-widget table td span.active,
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #7b410e !important;
  color: #4c2417 !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}
.bootstrap-datetimepicker-widget table td.today {
  position: relative !important;
}
.bootstrap-datetimepicker-widget table td.today:before {
  content: "";
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #fff !important;
  border-top-color: #fff !important;
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  font-weight: 700;
}
.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff !important;
}
.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px !important;
  height: 54px !important;
  line-height: 54px !important;
  margin: 2px 1.5px !important;
  cursor: pointer;
  border-radius: 0 !important;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px;
}
a {
  color: #fff !important;
}
a:hover {
  text-decoration: unset !important;
}
.profile .achievement .lb-panel {
  overflow-x: auto;
  overflow-y: hidden;
  display: -webkit-inline-box;
}
.profile .achievement .lb-panel .item-containter {
  height: 95%;
  margin-top: 7px;
  width: 190px;
}
.profile .achievement .lb-panel .item-containter .item {
  padding: 7px 0;
}
.profile .achievement .lb-panel .item-containter:hover {
  background: linear-gradient(
    0deg,
    #1ca71d 0,
    #1ca71d 12%,
    #a0f985 50%,
    #1ca71d 91%,
    #1ca71d 100%
  ) !important;
  border-radius: 8%;
  box-shadow: 0 0 0 2px #f7c840;
}
.profile .achievement .lb-panel .item .img_container {
  width: 100%;
  display: flex;
  text-align: center;
}
.profile .achievement .lb-panel .item .img_container img {
  width: 90%;
}
.profile .achievement .lb-panel .item .info_container {
  margin-top: -7px;
  padding-left: 10px;
  padding-right: 10px;
}
.profile .achievement .lb-panel .item .info_container .info_container__row {
  width: fit-content;
  width: -moz-fit-content;
  display: flex;
}
.profile
  .achievement
  .lb-panel
  .item
  .info_container
  .info_container__row:first-child
  .info_container__col {
  height: 35px;
  display: inline-flex;
}
.profile
  .achievement
  .lb-panel
  .item
  .info_container
  .info_container__row:last-child,
.profile
  .achievement
  .lb-panel
  .item
  .info_container
  .info_container__row:last-child
  .info_container__col {
  width: 100%;
}
.profile .achievement .lb-panel .item .info_container .progressbar {
  font-size: 14px;
  text-align: center;
  position: relative;
  background: -webkit-linear-gradient(#75676d, #19010b);
  border: 2px solid #c82c16;
  border-radius: 18px;
  height: 32px;
  padding: 2px;
  overflow: hidden;
  width: 100%;
}
.profile .achievement .lb-panel .item .info_container .progressbar .progressed {
  width: 100%;
  text-align: center;
  font-size: 36px;
  position: absolute;
  top: 0;
  left: -1px;
  background-image: url(/Content/distv2/img/bg/progressbar.png);
  background-repeat: no-repeat;
  height: 26px;
  z-index: 0;
}
.profile .achievement .lb-panel .item .info_container .progressbar .percent {
  font-size: 14px;
  text-align: center;
  position: absolute;
  left: 0;
  z-index: 1;
  right: 0;
}
.profile .achievement .load-all {
  text-align: center;
  pointer-events: none;
  width: 130px !important;
  border-radius: 5px;
}
.profile .achievement .load-all:hover a {
  color: #f7c840 !important;
}
.profile .achievement .load-all a {
  font-size: 175px;
  text-decoration: none;
  pointer-events: all;
  color: #c1d2e3 !important;
}

/*clog.min.css*/

.clog,
.clog_section {
  -webkit-box-sizing: border-box;
  max-width: 100%;
}
.clog .spacer,
.clog_section.helper {
  display: -webkit-box;
  display: -ms-flexbox;
}
.clog_btn-link:hover,
.clog_section.helper {
  text-decoration: underline;
}
.clog,
.clog-page-footer img,
.clog_btn-img,
.clog_btn-img img,
.clog_form button img,
.clog_section {
  max-width: 100%;
}
.clog {
  font-family: Roboto, sans-serif;
  color: #fff;
  padding: 12px;
  box-sizing: border-box;
  text-align: center;
  background-repeat: repeat;
}
.clog .yellow {
  color: #efc400 !important;
}
.clog .bold {
  font-weight: 700;
}
.clog .spacer {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: flex;
  padding: 0 8px;
}
.clog_section {
  display: block;
  box-sizing: border-box;
  margin-top: 12px;
}
.clog_section.helper {
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 32px;
  font-weight: 700;
}
.clog_section.btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.clog_btn-img {
  width: 100%;
  margin: 4px auto 12px;
  position: relative;
}
.clog_btn-img a {
  display: inline-block;
  position: relative;
}
.clog_btn-img:hover,
.clog_form button:hover {
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2);
  cursor: pointer;
}
.clog_btn-img:hover img {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}
.clog_btn-link {
  text-decoration: none;
  margin-top: 4px;
  display: block;
}
.clog_btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}
.clog_form {
  margin-top: 32px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.clog_form-f {
  position: relative;
  height: 50px;
  text-align: left;
  max-width: 85%;
  margin: 12px auto auto;
}
.clog_form-f input:-webkit-autofill,
.clog_form-f select:-webkit-autofill,
.clog_form-f textarea:-webkit-autofill {
  width: 100%;
  background-color: #a02d01;
  border-radius: 5em;
  height: 40px;
  outline: 0;
  padding: 4px 12px;
  -webkit-box-shadow: inset 0 0 24px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 0 24px rgba(0, 0, 0, 0.7);
  border: 1px solid #a02d01;
  -webkit-text-fill-color: #fff;
  -webkit-transition: background-color 1000s ease-in-out;
  transition: background-color 1000s ease-in-out;
}
.clog_form-f .ip:focus ~ label.lb,
.clog_form-f .ip:valid ~ label.lb,
.clog_form-f input:-webkit-autofill ~ label.lb,
.clog_form-f select:-webkit-autofill ~ label.lb,
.clog_form-f textarea:-webkit-autofill ~ label.lb {
  -webkit-transform: translate(-12px, -32px) scale(0.8);
  transform: translate(-12px, -32px) scale(0.8);
  background-color: #a02d01;
}
.clog_form-f.float label.lb {
  -webkit-transform: translate(-12px, -32px) scale(0.8);
  transform: translate(-12px, -32px) scale(0.8);
  background-color: #a02d01;
}
.clog_form-f .lb {
  position: absolute;
  left: 14px;
  top: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: border 0.2s ease-in, background-color 50ms ease-out 0.3s,
    -webkit-transform 0.23s ease-out;
  transition: transform 0.23s ease-out, border 0.2s ease-in,
    background-color 50ms ease-out 0.3s, -webkit-transform 0.23s ease-out;
  border: 0;
  padding: 2px 8px;
  border-radius: 5em;
  font-weight: 200;
  font-style: italic;
  font-style: 13px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.clog_form-f .ip {
  width: 100%;
  background-color: #a02d01;
  border: 1px solid #e2200c;
  border-radius: 5em;
  height: 40px;
  outline: 0;
  padding: 4px 12px;
  -webkit-transition: border 0.22s ease-in, -webkit-transform 0.36s ease-out;
  transition: transform 0.36s ease-out, border 0.22s ease-in,
    -webkit-transform 0.36s ease-out;
  -webkit-box-shadow: inset 0 0 24px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 0 24px rgba(0, 0, 0, 0.7);
}
.clog_form-f .ip:focus,
.clog_form-f .ip:valid {
  border: 1px solid rgba(255, 255, 255, 0.45);
}
.clog_form-f .error {
  color: #fff;
  text-align: right;
  width: 100%;
  font-size: 13px;
  display: block;
}
.clog_form button {
  background: 0 0;
  border: none;
  outline: 0;
  height: 60px;
  margin-top: 12px;
}
.clog_label.note {
  position: absolute;
  left: 50%;
  bottom: -24px;
  width: 100%;
  font-style: italic;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.clog_line {
  height: 1px;
  margin: 24px auto;
  background: #f8c500;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(248, 197, 0, 0)),
    color-stop(25%, #f8c500),
    color-stop(50%, #f8c500),
    color-stop(75%, #f8c500),
    to(rgba(248, 197, 0, 0))
  );
  background: linear-gradient(
    90deg,
    rgba(248, 197, 0, 0) 0,
    #f8c500 25%,
    #f8c500 50%,
    #f8c500 75%,
    rgba(248, 197, 0, 0) 100%
  );
}
.clog-page .button,
.clog-page button {
  cursor: pointer;
}
.clog-page-langs .inner {
  padding: 12px 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(black),
    to(rgba(0, 0, 0, 0))
  );
  background: linear-gradient(to right, #000 0, rgba(0, 0, 0, 0) 100%);
}
.clog-page-langs .list {
  display: block;
  white-space: nowrap;
  overflow: auto hidden;
  padding: 0 4px;
}
.clog-page-langs .list .item {
  display: inline-block;
  padding: 0 2px;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  -webkit-transition: 0.23s ease-in;
  transition: 0.23s ease-in;
  opacity: 0.4;
}
.clog-page-langs .list .item:hover {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.clog-page-langs .list .item.active {
  opacity: 1;
}
.clog-page-adv {
  color: #fff;
  text-align: center;
  padding: 5% 0;
  font-size: 18px;
}
.clog-page-adv strong {
  font-size: 1.5em;
  font-weight: b0ld;
}
.clog-page-adv .buttons {
  padding: 32px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.clog-page-adv .buttons .button {
  -webkit-transition: -webkit-transform 0.12s ease-out;
  transition: transform 0.12s ease-out;
  transition: transform 0.12s ease-out, -webkit-transform 0.12s ease-out;
}
.clog-page-adv .buttons .button:hover {
  -webkit-transform: scale(0.96);
  transform: scale(0.96);
  -webkit-filter: brightness(1.4);
  filter: brightness(1.4);
}
.clog-page-adv .buttons .button-link {
  margin-top: 12px;
  display: block;
  text-decoration: none;
  color: #eab32b !important;
  padding: 8px 24px;
  -webkit-box-shadow: 0 2px 0 0 #eab32b;
  box-shadow: 0 2px 0 0 #eab32b;
  position: relative;
  -webkit-transition: color 0.23s;
  transition: color 0.23s;
}
.clog-page-adv .buttons .button-link:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0;
  width: 100%;
  background-color: #eab32b;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
  z-index: -1;
}
.clog-page-adv .buttons .button-link:hover {
  color: #000 !important;
}
.clog-page-adv .buttons .button-link:hover:after {
  height: 100%;
}
.clog-page-frm {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.clog-page-frm .field {
  margin-top: 24px;
  display: block;
  white-space: nowrap;
}
.clog-page-frm .field .label {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1px;
  width: 100%;
  display: block;
  text-align: left;
  padding-left: 36px;
}
.clog-page-frm .field input[type="password"],
.clog-page-frm .field input[type="text"] {
  border-radius: 5em;
  height: 56px;
  border: 1px solid #b70606;
  background-color: #1a0000;
  outline: 0;
  width: 450px;
  color: #fff;
  padding: 4px 24px;
  font-size: 18px;
  display: inline-block;
  -webkit-transition: 0.12s ease-out;
  transition: 0.12s ease-out;
}
.clog-page-frm .field input[type="password"]:active,
.clog-page-frm .field input[type="password"]:focus,
.clog-page-frm .field input[type="text"]:active,
.clog-page-frm .field input[type="text"]:focus {
  border: 1px solid #efc400;
}
.clog-page-frm .field input[type="password"]:-webkit-autofill,
.clog-page-frm .field input[type="password"]:-webkit-autofill:active,
.clog-page-frm .field input[type="password"]:-webkit-autofill:focus,
.clog-page-frm .field input[type="password"]:-webkit-autofill:hover,
.clog-page-frm .field input[type="text"]:-webkit-autofill,
.clog-page-frm .field input[type="text"]:-webkit-autofill:active,
.clog-page-frm .field input[type="text"]:-webkit-autofill:focus,
.clog-page-frm .field input[type="text"]:-webkit-autofill:hover {
  background-color: #1a0000 !important;
  color: #fff !important;
}
.clog-page-frm .field .error {
  color: #eab32b;
  width: 100%;
  display: block;
  padding: 2px 0;
}
.clog-page-frm .sub.mr-left {
  text-align: center;
}
.clog-page-frm .sub.mr-left .button {
  margin: 12px auto;
}
.clog-page-frm .sub .button {
  background-color: transparent;
  outline: 0;
  max-width: 100%;
  width: auto;
  margin: 12px auto;
  border: none;
  -webkit-transition: -webkit-transform 0.23s ease-out;
  transition: transform 0.23s ease-out;
  transition: transform 0.23s ease-out, -webkit-transform 0.23s ease-out;
  display: block;
  position: relative;
}
.clog-page-frm .sub .button:hover {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-filter: brightness(1.4);
  filter: brightness(1.4);
}
.clog-page-frm .sub .button-link {
  font-size: 18px;
  text-decoration: underline;
}
.clog-page-frm .sub .button-link:hover {
  color: #eab32b !important;
}
.clog-page-fix {
  position: fixed;
  bottom: 32px;
  right: 0;
  min-width: 300px;
  z-index: 20;
}
.clog-page-fix .support a {
  position: relative;
  display: block;
  height: 120px;
  text-decoration: none;
}
.clog-page-fix .support a:hover {
  -webkit-filter: brightness(1.15);
  filter: brightness(1.15);
}
.clog-page-fix .support a .inner {
  position: relative;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 100px;
  background-repeat: repeat-x;
  background-size: contain;
  border-radius: 5em 0 0 5em;
  border: 2px solid #fff;
  border-right: 0;
  min-width: 300px;
}
.clog-page-fix .support a .icon {
  top: 50%;
  -webkit-transform: translate(-10%, -50%);
  transform: translate(-10%, -50%);
  left: 0;
  position: absolute;
  width: 120px;
}
.clog-page-fix .support a .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  font-size: 2em;
  font-weight: 700;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 12px;
  margin-left: 120px;
  text-shadow: 0 2px #000, 1px -1px #000;
}
.clog-page-split {
  width: 4px;
  height: 540px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  z-index: 2;
  top: 15%;
}
.clog-page-split::after,
.clog-page-split::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 2px;
}
.clog-page-split::before {
  left: 0;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(transparent),
    color-stop(20%, #c80405),
    color-stop(80%, #c80405),
    to(transparent)
  );
  background: linear-gradient(
    to bottom,
    transparent 0,
    #c80405 20%,
    #c80405 80%,
    transparent 100%
  );
}
.clog-page-split::after {
  right: 0;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(transparent),
    color-stop(20%, #350118),
    color-stop(80%, #350118),
    to(transparent)
  );
  background: linear-gradient(
    to bottom,
    transparent 0,
    #350118 20%,
    #350118 80%,
    transparent 100%
  );
}
.clog-page-footer {
  position: relative;
  bottom: 0;
  right: -50px;
  float: right;
}

/*lbEffect.css*/

@-webkit-keyframes anim-star {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  25% {
    opacity: 1;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-filter: brightness(1.5);
    filter: brightness(1.5);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  75% {
    opacity: 1;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    -webkit-filter: brightness(1.5);
    filter: brightness(1.5);
  }
  to {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
  }
}
@keyframes anim-star {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  25% {
    opacity: 1;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-filter: brightness(1.5);
    filter: brightness(1.5);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  75% {
    opacity: 1;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    -webkit-filter: brightness(1.5);
    filter: brightness(1.5);
  }
  to {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
  }
}
@-webkit-keyframes anim-heart {
  20%,
  53%,
  80%,
  0%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-filter: brightness(1);
    filter: brightness(1);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0);
    -webkit-filter: brightness(1);
    filter: brightness(1);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
  }
}
@keyframes anim-heart {
  20%,
  53%,
  80%,
  0%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-filter: brightness(1);
    filter: brightness(1);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0);
    -webkit-filter: brightness(1);
    filter: brightness(1);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
  }
}
@-webkit-keyframes anim-box {
  20%,
  53%,
  80%,
  0%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: scale(1.1, 1.3);
    transform: scaleY(1.1, 1.3);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: scale(1, 1.2);
    transform: scale(1, 1.2);
  }
  90% {
    -webkit-transform: scale(1, 1.1);
    transform: scale(1, 1.1);
  }
}
@keyframes anim-box {
  20%,
  53%,
  80%,
  0%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: scale(1.1, 1.3);
    transform: scaleY(1.1, 1.3);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: scale(1, 1.2);
    transform: scale(1, 1.2);
  }
  90% {
    -webkit-transform: scale(1, 1.1);
    transform: scale(1, 1.1);
  }
}
@-webkit-keyframes anim-bow {
  20%,
  53%,
  80%,
  0%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
  }
}
@keyframes anim-bow {
  20%,
  53%,
  80%,
  0%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
  }
}
.box-bonus {
  position: absolute;
  bottom: 63px;
  right: 220px;
  width: 92px;
  height: 90px;
  z-index: 3;
  cursor: pointer;
}
.box-bonus.type-1 {
  bottom: unset;
  left: unset;
  top: 63px;
  right: 12px;
}
.box-bonus .bb-star-1 {
  position: absolute;
  top: 18px;
  left: 0px;
  width: 33px;
  height: 32px;
  background-image: url("img/box-bonus/bonus-bones.png?v=1");
  background-position: -174px -84px;
  background-repeat: no-repeat;
  z-index: 2;
  -webkit-animation: anim-star 1.5s linear infinite;
  animation: anim-star 1.5s linear infinite;
}
.box-bonus .bb-star-2 {
  position: absolute;
  top: 0px;
  right: 12px;
  width: 39px;
  height: 43px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  background-image: url("img/box-bonus/bonus-bones.png?v=1");
  background-position: -80px -44px;
  background-repeat: no-repeat;
  z-index: 2;
  -webkit-animation: anim-star 1.5s linear infinite;
  animation: anim-star 1.5s linear infinite;
}
.box-bonus .bb-star-3 {
  position: absolute;
  top: 32px;
  right: 0px;
  width: 43px;
  height: 43px;
  background-image: url("img/box-bonus/bonus-bones.png?v=1");
  background-position: -125px -42px;
  background-repeat: no-repeat;
  z-index: 2;
  -webkit-animation: anim-star 1.5s linear infinite;
  animation: anim-star 1.5s linear infinite;
}
.box-bonus .bb-header {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 49px;
  z-index: 1;
}
.box-bonus .bb-body {
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 63px;
}
.box-bonus .bb-body .bb-box {
  margin: auto;
  width: 76px;
  height: 63px;
  background-image: url("img/box-bonus/bonus-bones.png?v=1");
  background-position: -2px -53px;
  background-repeat: no-repeat;
  -webkit-animation: anim-box 1s ease-out infinite;
  animation: anim-box 1s ease-out infinite;
}
.box-bonus .bb-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 92px;
  height: 29px;
  background-image: url("img/box-bonus/bonus-bones.png?v=1");
  background-position: -80px -87px;
  background-repeat: no-repeat;
  font-weight: bold;
  font-size: 20px;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.box-bonus .bb-bow {
  margin: auto;
  width: 62px;
  height: 49px;
  background-image: url("img/box-bonus/bonus-bones.png?v=1");
  background-position: -2px -2px;
  background-repeat: no-repeat;
  -webkit-animation: anim-bow 1s ease-out infinite;
  animation: anim-bow 1s ease-out infinite;
}
.box-bonus .bb-heart {
  position: absolute;
  top: 15px;
  left: 35px;
  width: 23px;
  height: 22px;
  background-image: url("img/box-bonus/bonus-bones.png?v=1");
  background-position: -209px -94px;
  background-repeat: no-repeat;
  z-index: 1;
  -webkit-animation: anim-heart 1s ease-out infinite;
  animation: anim-heart 1s ease-out infinite;
}
.box-bonus.in-bottom-lobby {
  top: unset;
  left: unset;
  bottom: 72px;
  right: 324px;
  width: 80px;
  height: 80px;
  z-index: 3;
}
.box-bonus.in-bottom-lobby.type-1 {
  top: 76px;
  right: 12px;
  bottom: unset;
}
.box-bonus.in-bottom-lobby:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("img/box-bonus/bg-ic-circle.png?v=1");
  background-repeat: no-repeat;
  width: 80px;
  height: 80px;
  background-size: contain;
  z-index: -1;
}
.box-bonus.in-bottom-lobby:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  background-image: url("img/box-bonus/bg-ic-ribbon.png?v=1");
  background-repeat: no-repeat;
  width: 80px;
  height: 67px;
  background-size: contain;
}
.box-bonus.in-bottom-lobby .bb-star-1 {
  top: 0px;
  left: 0px;
}
.box-bonus.in-bottom-lobby .bb-star-2 {
  top: -12px;
  right: 12px;
}
.box-bonus.in-bottom-lobby .bb-star-3 {
  top: 12px;
  right: 0px;
}
.box-bonus.in-bottom-lobby .bb-header {
  position: absolute;
  top: -18px;
  left: -2px;
  width: 100%;
  height: 49px;
  z-index: 1;
}
.box-bonus.in-bottom-lobby .bb-header .bb-bow {
  margin: auto;
  width: 62px;
  height: 49px;
  background-size: 250px 122px;
}
.box-bonus.in-bottom-lobby .bb-header .bb-heart {
  position: absolute;
  top: 15px;
  left: 30px;
}
.box-bonus.in-bottom-lobby .bb-body {
  position: absolute;
  top: 0px;
  left: 0px;
}
.box-bonus.in-bottom-lobby .bb-body .bb-box {
  position: absolute;
  top: 4px;
  left: 0px;
  margin: auto;
  background-size: 250px 122px;
}
.box-bonus.in-bottom-lobby .bb-footer {
  background: unset;
  bottom: 20px;
  left: 0;
  z-index: 4;
  width: 80px;
  height: auto;
  font-weight: bold;
  font-size: 16px;
  color: #501100;
  text-shadow: 1px 0 #f8e59f, -1px 0 #f8e59f, 0 1px #f8e59f, 0 -1px #f8e59f;
}