@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&subset=latin,latin-ext);
body {
  font-family: "-apple-system", 'Roboto', sans-serif; }

a {
  text-decoration: none; }

.pane, .view {
  background-color: #353535 !important; }

.text-white {
  color: #ffffff !important; }

[nav-bar-transition="ios"] [nav-bar="active"] .bar, [nav-bar-transition="ios"] [nav-bar="entering"] .bar, [nav-bar-transition="android"] [nav-bar="active"] .bar, [nav-bar-transition="android"] [nav-bar="entering"] .bar {
  background: #000 !important; }

.bar-black {
  background-color: #000;
  border-bottom-width: 0;
  background-position: inherit; }

.custom-nav-title {
  color: #ffffff;
  font-size: 16px;
  text-transform: uppercase; }
  .custom-nav-title strong {
    font-weight: 900; }

.match-detail-head {
  background: #0f9644 url("../images/stadium-bg.jpg") no-repeat top center;
  height: 120px;
  background-size: cover;
  text-align: center;
  margin-bottom: 10px; }
  .match-detail-head span {
    display: block;
    line-height: 150%;
    font-size: 15px;
    padding: 3px 0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); }
    .match-detail-head span.s1 {
      color: #fff;
      font-weight: 700; }
    .match-detail-head span.s2 {
      color: #f4e600; }

.valign {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.menu-content {
  box-shadow: -1px 0px 20px rgba(0, 0, 0, 0.5), 1px 0px 2px rgba(0, 0, 0, 0.2); }

.m-popup .popup {
  background-color: #f9fbfc !important;
  color: #0a0a0a;
  width: 340px;
  border-radius: 4px; }
  .m-popup .popup .popup-head {
    text-align: left; }
    .m-popup .popup .popup-head h3 {
      font-weight: 700;
      text-transform: uppercase;
      font-size: 16px; }
  .m-popup .popup .popup-body {
    padding: 10px 10px 0 10px; }
    .m-popup .popup .popup-body p {
      font-size: 13px;
      line-height: 150%;
      margin-bottom: 20px; }
    .m-popup .popup .popup-body a.live-support {
      display: block;
      background-color: #008fe7;
      padding: 5px 10px;
      font-weight: 700;
      text-align: center;
      color: #fff; }
      .m-popup .popup .popup-body a.live-support i, .m-popup .popup .popup-body a.live-support span {
        display: inline-block;
        vertical-align: middle; }
      .m-popup .popup .popup-body a.live-support i {
        background: url("../images/live-support.png") no-repeat 0 0;
        width: 37px;
        height: 33px;
        margin-right: 5px;
        background-size: 37px 33px; }
  .m-popup .popup .popup-buttons {
    padding: 0 10px 10px 10px; }

.tabs-sports .tabs {
  display: block;
  overflow-x: scroll;
  width: 100%;
  height: 85px;
  padding-top: 15px;
  background-color: transparent !important;
  background: #95ed38;
  background: -moz-linear-gradient(top, #95ed38 0%, #377f0a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #95ed38), color-stop(100%, #377f0a));
  background: -webkit-linear-gradient(top, #95ed38 0%, #377f0a 100%);
  background: -o-linear-gradient(top, #95ed38 0%, #377f0a 100%);
  background: -ms-linear-gradient(top, #95ed38 0%, #377f0a 100%);
  background: linear-gradient(to bottom, #95ed38 0%, #377f0a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95ed38', endColorstr='#377f0a',GradientType=0 );
  bottom: 22px;
  color: #ffffff; }
  .tabs-sports .tabs a {
    display: inline-block; }
.tabs-sports .tab-title {
  font-size: 12px;
  font-weight: 700;
  position: relative;
  top: 6px; }
.tabs-sports .tab-item {
  overflow: inherit !important; }
.tabs-sports .tab-item-active {
  position: relative; }
  .tabs-sports .tab-item-active:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -6px;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 6px solid #353535; }

.row.datepicker label {
  position: relative;
  display: block; }
  .row.datepicker label i {
    position: absolute;
    top: 8px;
    right: 10px; }
    .row.datepicker label i:before {
      color: #353535;
      font-size: 25px; }

.button {
  font-weight: 700;
  font-size: 14px;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all; }
  .button.no-margin {
    margin: 0;
    border-radius: 0;
    border: none; }
    .button.no-margin:active {
      background-color: #4bd638 !important;
      box-shadow: 0 0 50px #000 inset; }

.button-balanced {
  background-color: #3daf2c !important; }
  .button-balanced:active {
    background-color: #4bd638 !important; }

textarea {
  padding: 10px !important;
  resize: none;
  height: 100px !important; }

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  display: block;
  padding-top: 2px;
  height: 40px;
  width: 100%;
  border-radius: 3px;
  font-weight: 700;
  padding-left: 10px;
  font-size: 13px !important;
  padding-right: 10px;
  vertical-align: middle; }
  textarea::-webkit-input-placeholder,
  input[type="text"]::-webkit-input-placeholder,
  input[type="password"]::-webkit-input-placeholder,
  input[type="datetime"]::-webkit-input-placeholder,
  input[type="datetime-local"]::-webkit-input-placeholder,
  input[type="date"]::-webkit-input-placeholder,
  input[type="month"]::-webkit-input-placeholder,
  input[type="time"]::-webkit-input-placeholder,
  input[type="week"]::-webkit-input-placeholder,
  input[type="number"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  input[type="url"]::-webkit-input-placeholder,
  input[type="search"]::-webkit-input-placeholder,
  input[type="tel"]::-webkit-input-placeholder,
  input[type="color"]::-webkit-input-placeholder {
    color: #000; }
  textarea:-moz-placeholder,
  input[type="text"]:-moz-placeholder,
  input[type="password"]:-moz-placeholder,
  input[type="datetime"]:-moz-placeholder,
  input[type="datetime-local"]:-moz-placeholder,
  input[type="date"]:-moz-placeholder,
  input[type="month"]:-moz-placeholder,
  input[type="time"]:-moz-placeholder,
  input[type="week"]:-moz-placeholder,
  input[type="number"]:-moz-placeholder,
  input[type="email"]:-moz-placeholder,
  input[type="url"]:-moz-placeholder,
  input[type="search"]:-moz-placeholder,
  input[type="tel"]:-moz-placeholder,
  input[type="color"]:-moz-placeholder {
    color: #000; }
  textarea::-moz-placeholder,
  input[type="text"]::-moz-placeholder,
  input[type="password"]::-moz-placeholder,
  input[type="datetime"]::-moz-placeholder,
  input[type="datetime-local"]::-moz-placeholder,
  input[type="date"]::-moz-placeholder,
  input[type="month"]::-moz-placeholder,
  input[type="time"]::-moz-placeholder,
  input[type="week"]::-moz-placeholder,
  input[type="number"]::-moz-placeholder,
  input[type="email"]::-moz-placeholder,
  input[type="url"]::-moz-placeholder,
  input[type="search"]::-moz-placeholder,
  input[type="tel"]::-moz-placeholder,
  input[type="color"]::-moz-placeholder {
    color: #000; }
  textarea:-ms-input-placeholder,
  input[type="text"]:-ms-input-placeholder,
  input[type="password"]:-ms-input-placeholder,
  input[type="datetime"]:-ms-input-placeholder,
  input[type="datetime-local"]:-ms-input-placeholder,
  input[type="date"]:-ms-input-placeholder,
  input[type="month"]:-ms-input-placeholder,
  input[type="time"]:-ms-input-placeholder,
  input[type="week"]:-ms-input-placeholder,
  input[type="number"]:-ms-input-placeholder,
  input[type="email"]:-ms-input-placeholder,
  input[type="url"]:-ms-input-placeholder,
  input[type="search"]:-ms-input-placeholder,
  input[type="tel"]:-ms-input-placeholder,
  input[type="color"]:-ms-input-placeholder {
    color: #000; }

.bonus {
  margin-bottom: 10px; }
  .bonus .image {
    line-height: 0; }
  .bonus img {
    width: 100%; }
  .bonus .buttons {
    overflow: hidden; }
    .bonus .buttons a {
      float: left;
      width: 50%;
      text-align: center;
      padding: 15px 0;
      color: #fff;
      font-size: 13px;
      transition: 0.3s all;
      -webkit-transition: 0.3s all;
      -moz-transition: 0.3s all; }
      .bonus .buttons a:active {
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.6) inset;
        -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6) inset;
        -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6) inset; }
      .bonus .buttons a i, .bonus .buttons a span {
        display: inline-block;
        vertical-align: middle; }
      .bonus .buttons a i:before {
        font-size: 20px;
        margin-right: 4px;
        position: relative;
        top: 2px; }
      .bonus .buttons a.s1 {
        background-color: #3daf2c;
        border-right: 1px solid #353535; }
      .bonus .buttons a.s2 {
        background-color: #00a2ff; }

.tab-games {
  background: #f91a1b !important;
  padding-top: 0 !important;
  height: inherit !important; }
  .tab-games.align a {
    height: 68px !important; }
    .tab-games.align a span {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
  .tab-games.casino-top {
    top: 94px !important; }
  .tab-games .tsb-ic-wrp {
    -webkit-box-shadow: 0 0 20px #000 inset;
    -moz-box-shadow: 0 0 20px #000 inset;
    box-shadow: 0 0 20px #000 inset; }
    .tab-games .tsb-ic-wrp a {
      padding: 17px 10px !important;
      width: 120px !important;
      line-height: 120%; }
      .tab-games .tsb-ic-wrp a span {
        font-size: 14px !important;
        font-weight: 700 !important;
        margin-top: 0 !important; }
      .tab-games .tsb-ic-wrp a.active {
        border-bottom-color: #fed200 !important; }

.casino-top .scroll-content {
  top: 225px !important; }

#slide-top .scroll-content {
  top: 114px !important; }
#slide-top .content ul.games-list li {
  background-color: #0f192c;
  border-radius: 3px;
  overflow: hidden;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden; }
  #slide-top .content ul.games-list li figure a {
    display: block;
    height: 110px;
    overflow: hidden; }
    #slide-top .content ul.games-list li figure a img {
      max-width: 100%; }
  #slide-top .content ul.games-list li figure figcaption {
    text-align: center;
    font-size: 14px;
    color: #0f192c;
    line-height: 100%;
    font-weight: 700;
    padding: 10px 0;
    background-color: #fff;
  height: 35px}
#slide-top .content ul.games-list.two-list li {
  float: left;
  width: 49%;
  margin-bottom: 2%; }
  #slide-top .content ul.games-list.two-list li:nth-of-type(2n) {
    float: right; }
#slide-top .content ul.games-list.three-list li {
  float: left;
  width: 32%;
  margin-bottom: 2%;
  margin-right: 2%; }
  #slide-top .content ul.games-list.three-list li:nth-of-type(3n) {
    margin-right: 0%; }

.lotto-content .scroll {
  padding-bottom: 60px; }

.lotto-footer {
  background: #475166;
  background: -moz-linear-gradient(top, #475166 0%, #080b15 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #475166), color-stop(100%, #080b15));
  background: -webkit-linear-gradient(top, #475166 0%, #080b15 100%);
  background: -o-linear-gradient(top, #475166 0%, #080b15 100%);
  background: -ms-linear-gradient(top, #475166 0%, #080b15 100%);
  background: linear-gradient(to bottom, #475166 0%, #080b15 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#475166', endColorstr='#080b15',GradientType=0 );
  height: auto;
  padding: 0;
  overflow: hidden; }
  .lotto-footer .ball-title {
    padding: 10px 0;
    width: 25%;
    float: left;
    text-align: center;
    background-color: #04050b;
    position: relative; }
    .lotto-footer .ball-title:after {
      content: '';
      position: absolute;
      top: 50%;
      margin-top: -5px;
      right: -5px;
      width: 0;
      height: 0;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-left: 5px solid #04050b;
      z-index: 20; }
    .lotto-footer .ball-title span {
      font-size: 10px;
      color: #fff;
      font-weight: 700;
      text-transform: uppercase;
      line-height: 100%; }
  .lotto-footer .balls {
    float: left;
    width: 75%;
    font-size: 0;
    text-align: center;
    padding-top: 10px; }
    .lotto-footer .balls .scroll {
      padding-bottom: 10px; }
    .lotto-footer .balls .flex {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      padding: 2px 5px; }
      .lotto-footer .balls .flex span {
        margin: 0 7px;
        padding: 3px 5px;
        display: block;
        border-radius: 100%;
        background-color: #4a5569;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.53);
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.53);
        -box-shadow: 0 0 5px rgba(0, 0, 0, 0.53);
        font-size: 13px;
        font-weight: 700;
        color: #cdd3df; }
        .lotto-footer .balls .flex span.active {
          background: #00a7fd;
          background: #00a7fd;
          background: -moz-linear-gradient(top, #00a7fd 0%, #00449b 100%);
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00a7fd), color-stop(100%, #00449b));
          background: -webkit-linear-gradient(top, #00a7fd 0%, #00449b 100%);
          background: -o-linear-gradient(top, #00a7fd 0%, #00449b 100%);
          background: -ms-linear-gradient(top, #00a7fd 0%, #00449b 100%);
          background: linear-gradient(to bottom, #00a7fd 0%, #00449b 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a7fd', endColorstr='#00449b',GradientType=0 ); }

.lotto.blue span {
  color: #1764d6;
  background-color: #ffffff; }
  .lotto.blue span.fill {
    background-color: #1764d6;
    color: #fff; }
.lotto.purple span {
  color: #a927e6;
  background-color: #ffffff; }
  .lotto.purple span.fill {
    background-color: #a927e6;
    color: #fff; }
.lotto.green span {
  color: #2aae23;
  background-color: #ffffff; }
  .lotto.green span.fill {
    background-color: #2aae23;
    color: #fff; }
.lotto.orange span {
  color: #ff5700;
  background-color: #ffffff; }
  .lotto.orange span.fill {
    background-color: #ff5700;
    color: #fff; }
.lotto ul {
  font-size: 0;
  line-height: 0; }
  .lotto ul li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 11%;
    border-right: 1px solid #1b2440;
    border-bottom: 1px solid #1b2440; }
    .lotto ul li:nth-of-type(9n) {
      border-right: transparent; }
    .lotto ul li span {
      width: 100%;
      height: 22px;
      line-height: 22px;
      display: block;
      font-size: 12px;
      font-weight: 700;
      color: #fff; }

.custom-list-slide {
  background: #333333 !important;
  padding-top: 0 !important;
  width: 100%; }
  .custom-list-slide:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 15%;
    height: 100%;
    z-index: 1;
    background-image: linear-gradient(to right, #101010, transparent);
    background-image: -webkit-linear-gradient(to right, #101010, transparent); }
  .custom-list-slide:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 15%;
    height: 100%;
    z-index: 1;
    background-image: linear-gradient(to left, #101010, transparent);
    background-image: -webkit-linear-gradient(to left, #101010, transparent); }
  .custom-list-slide a {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    width: 120px !important;
    height: 85px;
    padding: 5px 20px;
    font-size: 13px;
    border-bottom: 2px solid transparent; }
    .custom-list-slide a.active {
      border-bottom-color: #4dd12e !important; }
    .custom-list-slide a span {
      display: block; }
      .custom-list-slide a span.icon {
        height: 40px;
        margin-top: 0 !important; }
        .custom-list-slide a span.icon i {
          display: inline-block;
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          background: url("../images/menu-icon-sprite.png") no-repeat 0 0;
          background-size: 250px 24px; }
          .custom-list-slide a span.icon i.s1 {
            width: 17px;
            height: 24px; }
          .custom-list-slide a span.icon i.s2 {
            background-position: -17px 0;
            width: 24px;
            height: 24px; }
          .custom-list-slide a span.icon i.s3 {
            background-position: -41px 0;
            width: 24px;
            height: 24px; }
          .custom-list-slide a span.icon i.s4 {
            background-position: -65px 0;
            width: 25px;
            height: 24px; }
          .custom-list-slide a span.icon i.s5 {
            background-position: -90px 0;
            width: 48px;
            height: 24px; }
          .custom-list-slide a span.icon i.s6 {
            background-position: -138px 0;
            width: 17px;
            height: 24px; }
          .custom-list-slide a span.icon i.s7 {
            background-position: -155px 0;
            width: 27px;
            height: 24px; }
          .custom-list-slide a span.icon i.s8 {
            background-position: -182px 0;
            width: 24px;
            height: 24px; }
          .custom-list-slide a span.icon i.s9 {
            background-position: -206px 0;
            width: 24px;
            height: 24px; }
          .custom-list-slide a span.icon i.s10 {
            background-position: -230px 0;
            width: 17px;
            height: 24px; }
      .custom-list-slide a span.text {
        line-height: 130%;
        font-size: 11px !important;
        font-weight: 700 !important; }

.custom-back-button {
  color: #ffffff !important; }
  .custom-back-button i {
    padding-left: 3px; }
    .custom-back-button i:before {
      font-size: 30px;
      position: relative;
      top: 3px; }
  .custom-back-button span {
    display: none !important; }

circle {
  stroke: rgba(0, 0, 0, 0.1);
  stroke-linecap: round; }

.match-league .nav {
  background-color: #1c1c1c;
  padding: 20px;
  color: #fff;
  position: relative; }
  .match-league .nav span {
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 135%; }
    .match-league .nav span.uppercase {
      text-transform: uppercase; }
  .match-league .nav a:before {
    font-size: 30px;
    color: #fff; }
  .match-league .nav .left {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 20px; }
  .match-league .nav .right {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 20px; }
.match-league .vs .m-table {
  text-align: center;
  background-image: radial-gradient(#79db95, #46ac66);
  background-image: -webkit-radial-gradient(#79db95, #46ac66); }
  .match-league .vs .m-table .m-td {
    vertical-align: top;
    padding: 15px 0; }
    .match-league .vs .m-table .m-td.left-team, .match-league .vs .m-table .m-td.right-team {
      width: 45%; }
    .match-league .vs .m-table .m-td.score {
      width: 10%; }
      .match-league .vs .m-table .m-td.score .circle-progressbar {
        border: 3px solid #fff;
        margin: 0 auto;
        width: 60px;
        height: 60px;
        font-size: 22px;
        font-weight: 700;
        color: #fff;
        text-align: center;
        border-radius: 100%;
        background-color: rgba(0, 0, 0, 0.5); }
        .match-league .vs .m-table .m-td.score .circle-progressbar span {
          line-height: 57px; }
    .match-league .vs .m-table .m-td .img {
      height: 90px; }
      .match-league .vs .m-table .m-td .img img {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 90%;
        max-height: 90%; }
    .match-league .vs .m-table .m-td span {
      display: block;
      line-height: 120%; }
      .match-league .vs .m-table .m-td span.time {
        margin: 10px 0;
        font-size: 23px;
        font-weight: 300; }
      .match-league .vs .m-table .m-td span.period {
        font-weight: 700;
        font-size: 12px;
        text-transform: uppercase; }
      .match-league .vs .m-table .m-td span.team-name {
        font-weight: 700;
        font-size: 10px;
        text-transform: uppercase; }
.match-league .match-statistics .m-table {
  background-color: #000;
  font-size: 14px;
  color: #0a0a0a; }
  .match-league .match-statistics .m-table .thead .m-td {
    border-bottom: 1px solid #353535; }
  .match-league .match-statistics .m-table .m-td {
    padding: 5px 10px;
    width: 10%;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #353535; }
    .match-league .match-statistics .m-table .m-td .ion-ios-football:before {
      font-size: 19px; }
    .match-league .match-statistics .m-table .m-td .card {
      position: relative;
      top: 2px; }
    .match-league .match-statistics .m-table .m-td:last-child {
      border-right: none; }
    .match-league .match-statistics .m-table .m-td:first-child {
      width: 30%;
      text-align: left;
      padding: 8px 15px; }
      .match-league .match-statistics .m-table .m-td:first-child span {
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase; }
    .match-league .match-statistics .m-table .m-td * {
      font-size: 12px;
      color: #fff; }

i.card {
  width: 12px;
  padding: 0;
  box-shadow: none;
  height: 15px;
  margin: 0;
  border-radius: 1px;
  display: inline-block; }
  i.card.yellow {
    background-color: #ffd800; }
  i.card.red {
    background-color: #ed1c24; }

.has-tab-subheader {
  top: 130px; }

.sidebar-custom {
  background-color: #000; }
  .sidebar-custom .item {
    display: block;
    height: 14%;
    text-align: center;
    border: none; }
    .sidebar-custom .item a {
      font-size: 12px !important;
      padding: 20px 10px;
      color: #ffffff;
      line-height: 120%;
      font-weight: 700;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
      border: none; }
      .sidebar-custom .item a span.image {
        display: inline-block;
        background: url("../images/sidemenu-icons.png") no-repeat 0 0;
        background-size:256px 45px; }
      .sidebar-custom .item a span.image2 {
        display: inline-block;
        background: url("../images/sidemenu-icons2.png") no-repeat 0 0;
        background-size: 76px 51px; }
      .sidebar-custom .item a span.image4 {
        display: inline-block;
        background: url("../images/sidemenu-icons6.png") no-repeat 0 0;
        background-size: 120px 51px; }
      .sidebar-custom .item a span.image3 {
        display: inline-block;
        background: url("../images/sidemenu-icons4.png") no-repeat 0 0;
        background-size:256px 45px; }
      .sidebar-custom .item a span.text {
        display: block;
        margin-top: 3px; }
    .sidebar-custom .item.s1 a {
      background-color: #3daf2c !important; }
      .sidebar-custom .item.s1 a span.image {
        width: 33px;
        height: 34px; }
    .sidebar-custom .item.s2 a {
      background-color: #c41d4a !important; }

    .sidebar-custom .item.s2 span.image {
      background-position: -33px 0;
      width: 41px;
      height: 45px; }
    .sidebar-custom .item.s3 a {
      background-color: #009936 !important; }
    .sidebar-custom .item.s3 span.image {
      background-position: -72px 0;
      width: 35px;
      height: 35px; }
    .sidebar-custom .item.s4 a {
      background-color: #17669C !important; }
    .sidebar-custom .item.s4 span.image {
      background-position: -107px 0;
      width: 26px;
      height: 35px; }
    .sidebar-custom .item.s5 a {
      background-color: #f8bf00 !important; }
    .sidebar-custom .item.s5 span.image {
      background-position: -133px 0;
      width: 33px;
      height: 34px; }
    .sidebar-custom .item.s6 a {
      background-color: #0a2240 !important; }
    .sidebar-custom .item.s6 span.image {
      background-position: -166px 0;
      width: 29px;
      height: 35px; }
    .sidebar-custom .item.s7 a {
      background-color: #7600f8 !important; }
    .sidebar-custom .item.s7 span.image {
      background-position: -196px 0;
      width: 32px;
      height: 26px; }
    .sidebar-custom .item.s8 a {
      background-color: #ff4e00 !important; }

    .sidebar-custom .item.s9 a {
      background-color: #f841a6 !important; }
    .sidebar-custom .item.s9 span.image2 {
      background-position: 2px 2px;
      width: 38px;
      height: 40px; }

    .sidebar-custom .item.s15 a {
      background-color: #03a9f4 !important; }
    .sidebar-custom .item.s15 span.image4 {
      background-position: -61px 2px;
      width: 28px;
      height: 38px;
    }

    .sidebar-custom .item.s16 a {
      background-color: #430082 !important; }
    .sidebar-custom .item.s16 span.image4 {
      background-position: -88px 2px;
      width: 38px;
      height: 38px; }


.sidebar-custom .item.s10 a {
      background-color: #00a0ce !important; }
    .sidebar-custom .item.s10 span.image2 {
      background-position: -37px 0;
      width: 37px;
      height: 38px; }

    .sidebar-custom .item.s11 a {
      background-color: #f87c41 !important; }
    .sidebar-custom .item.s11 span.image {
      background-position: -227px 0 !important;
      width: 37px;
      height: 38px; }

    .sidebar-custom .item.s12 a {
      background-color: #070640 !important; }
    .sidebar-custom .item.s12 span.image3 {
      background-position: -227px 0 !important;
      width: 30px;
      height: 38px; }

.user-panel-bg {
  background-color: #353535;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 30px; }
  .user-panel-bg .sidebar-nav {
    margin: 30px 0;
    position: relative;
    background-color: #353535;
    background-image: none; }
    .user-panel-bg .sidebar-nav .image {
      position: absolute;
      top: 0;
      left: 0; }
    .user-panel-bg .sidebar-nav .title {
      padding-left: 50px;
      padding-right: 30px;
      padding-top: 6px;
      text-align: left !important; }
      .user-panel-bg .sidebar-nav .title span {
        display: block;
        line-height: 120%; }
        .user-panel-bg .sidebar-nav .title span:first-child {
          font-size: 12px;
          color: #bcbcbc; }
        .user-panel-bg .sidebar-nav .title span:last-child {
          color: #ffffff;
          font-size: 12px;
          font-weight: 700; }
    .user-panel-bg .sidebar-nav a.ion-ios-gear-outline {
      position: absolute;
      top: 6px;
      right: 0;
      color: #ff5730; }
      .user-panel-bg .sidebar-nav a.ion-ios-gear-outline:before {
        font-size: 30px; }

.login-content {
  padding: 0 20px;
  background: url("../images/login-background.png") no-repeat bottom right;
  background-size: contain; }

.custom-list-style {
  margin: 30px 0; }
  .custom-list-style li {
    margin-bottom: 15px; }
    .custom-list-style li input[type="text"], .custom-list-style li input[type="email"], .custom-list-style li input[type="password"] {
      width: 100%;
      height: 45px;
      padding-left: 40px;
      border-radius: 3px;
      font-size: 13px;
      color: #70757a;
      font-weight: 600; }
      .custom-list-style li input[type="text"]:focus + i:before, .custom-list-style li input[type="email"]:focus + i:before, .custom-list-style li input[type="password"]:focus + i:before {
        color: #2f2f2f; }
    .custom-list-style li .loss_password {
      color: #d5d5d5;
      font-size: 13px; }
      .custom-list-style li .loss_password:hover {
        text-decoration: underline; }
    .custom-list-style li .btn {
      cursor: pointer;
      background-color: #3daf2c;
      border-radius: 3px;
      padding: 15px;
      border: none;
      display: block;
      width: 100%;
      font-weight: 700;
      color: #fff;
      transition: 0.3s all;
      -webkit-transition: 0.3s all;
      -moz-transition: 0.3s all; }
      .custom-list-style li .btn.fb {
        background-color: #2b4dbb; }
        .custom-list-style li .btn.fb:active {
          background-color: #3054d2; }
      .custom-list-style li .btn:active {
        background-color: #47ce33; }
    .custom-list-style li label {
      display: block;
      position: relative; }
      .custom-list-style li label i {
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 10; }
        .custom-list-style li label i:before {
          font-size: 25px;
          color: #70757a; }

.login-content {
  text-align: center; }
  .login-content .m-table {
    height: 100%; }
    .login-content .m-table .m-td {
      vertical-align: middle; }
  .login-content .splash-copyright {
    position: fixed;
    width: 100%;
    bottom: 20px;
    font-size: 12px;
    color: #a6a6a6;
    left: 0; }
    .login-content .splash-copyright span {
      display: block; }

.sidebar-user-panel {
  padding: 0 30px;
  margin-top: 50px; }
  .sidebar-user-panel .item {
    border: none;
    margin: 0; }
    .sidebar-user-panel .item a {
      background-color: #353535 !important;
      position: relative;
      padding: 25px 0 5px 0;
      border: none;
      font-size: 14px;
      color: #d0d0d0; }
      .sidebar-user-panel .item a:after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        height: 1px;
        width: 205px;
        background-color: #2a2a2a; }
    .sidebar-user-panel .item span.image {
      position: absolute;
      top: 27px;
      left: 0;
      background: url("../images/sidebar-user-panel-icons.png") no-repeat 0 0;
      background-size: 280px 35px;
      display: inline-block; }
      .sidebar-user-panel .item span.image.s1 {
        width: 24px;
        height: 18px; }
      .sidebar-user-panel .item span.image.s2 {
        width: 23px;
        height: 18px;
        background-position: -24px 0; }
      .sidebar-user-panel .item span.image.s3 {
        width: 23px;
        height: 18px;
        background-position: -48px 0; }
      .sidebar-user-panel .item span.image.s4 {
        top: 23px;
        width: 23px;
        height: 27px;
        background-position: -72px 0; }
      .sidebar-user-panel .item span.image.s5 {
        top: 23px;
        width: 23px;
        height: 27px;
        background-position: -96px 0; }
      .sidebar-user-panel .item span.image.s6 {
        top: 25px;
        width: 23px;
        height: 20px;
        background-position: -120px 0; }
      .sidebar-user-panel .item span.image.s7 {
        top: 23px;
        width: 22px;
        height: 24px;
        background-position: -144px 0; }
    .sidebar-user-panel .item .text {
      padding-left: 35px;
      font-size: 14px; }
      .sidebar-user-panel .item .text span.right {
        color: #7cd75d;
        font-weight: 700;
        float: right; }
      .sidebar-user-panel .item .text span.point {
        background-color: #007be3;
        color: #ffffff;
        padding: 0 5px;
        font-size: 12px;
        display: inline-block;
        border-radius: 7px; }

.user-panel-footer {
  height: inherit !important;
  background-color: #383839;
  z-index: 20;
  border: none;
  background-image: none;
  text-align: center; }
  .user-panel-footer .col {
    border-right: 1px solid #2b2b2b;
    margin: 15px 0;
    padding: 0 !important; }
    .user-panel-footer .col:last-child {
      border-right: transparent; }
  .user-panel-footer span.image {
    display: inline-block;
    background: url("../images/sidebar-user-panel-icons.png") no-repeat;
    background-size: 280px 35px; }
    .user-panel-footer span.image.s1 {
      width: 37px;
      height: 40px;
      background-position: -166px 0; }
    .user-panel-footer span.image.s2 {
      width: 37px;
      height: 40px;
      background-position: -203px 0; }
    .user-panel-footer span.image.s3 {
      width: 37px;
      height: 40px;
      background-position: -240px 0; }
  .user-panel-footer .text {
    display: block;
    font-size: 11px;
    line-height: 120%;
    color: #ffffff; }

.scroll-content {
  margin-top: -2px; }

.inner {
  padding: 0 5px; }

#slide-tab .scroll-content {
  top: 145px; }

.no-padding .toggle-content {
  margin: 0 !important;
  padding: 0 !important;
  background-color: transparent !important; }

.has-lotto-profile {
  top: 106px; }

.lotto-main .lotto-result .title {
  padding: 15px; }
  .lotto-main .lotto-result .title span, .lotto-main .lotto-result .title i {
    display: inline-block;
    vertical-align: middle; }
  .lotto-main .lotto-result .title span {
    font-size: 14px;
    color: #ffF;
    font-weight: 700;
    line-height: 100%;
    position: relative;
    top: 1px; }
  .lotto-main .lotto-result .title i {
    background: url("../images/result-icon.png") no-repeat;
    background-size: 12px 16px;
    width: 12px;
    height: 16px;
    margin-right: 7px;
    position: relative; }
.lotto-main .lotto-result .result-content .small {
  margin-left: 25%;
  text-align: left;
  border: 1px solid #222b46;
  border-radius: 3px 3px 0 0; }
  .lotto-main .lotto-result .result-content .small .title {
    padding: 2px 5px;
    background-color: #142035; }
    .lotto-main .lotto-result .result-content .small .title span {
      color: #77839a;
      font-size: 9px; }
.lotto-main .lotto-result .result-content .m-table {
  font-size: 11px;
  color: #fff;
  border-collapse: collapse;
  text-align: center; }
  .lotto-main .lotto-result .result-content .m-table.no-border {
    border-collapse: inherit !important; }
    .lotto-main .lotto-result .result-content .m-table.no-border .m-tr, .lotto-main .lotto-result .result-content .m-table.no-border .m-td {
      border-bottom: 1px solid #4a5569;
      border-left: none; }
  .lotto-main .lotto-result .result-content .m-table .m-tr .m-td:first-child {
    border-left: transparent; }
  .lotto-main .lotto-result .result-content .m-table .m-tr, .lotto-main .lotto-result .result-content .m-table .m-td {
    border-bottom: 1px dashed #555e69;
    border-left: 1px dashed #555e69; }
  .lotto-main .lotto-result .result-content .m-table.three .m-td {
    width: 25%; }
  .lotto-main .lotto-result .result-content .m-table.two .m-td {
    vertical-align: middle; }
    .lotto-main .lotto-result .result-content .m-table.two .m-td:first-child {
      width: 25%;
      text-align: center; }
      .lotto-main .lotto-result .result-content .m-table.two .m-td:first-child span {
        font-weight: 700;
        line-height: 100%; }
    .lotto-main .lotto-result .result-content .m-table.two .m-td:last-child {
      width: 75%;
      text-align: right; }
      .lotto-main .lotto-result .result-content .m-table.two .m-td:last-child .flex {
        justify-content: space-around;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex; }
        .lotto-main .lotto-result .result-content .m-table.two .m-td:last-child .flex span {
          width: 20px;
          height: 20px;
          line-height: 22px;
          font-weight: 700;
          margin: 0 2px;
          background-color: #4a5569;
          color: #cdd3df;
          border-radius: 100%;
          text-align: center; }
  .lotto-main .lotto-result .result-content .m-table .m-td {
    width: 33.3%; }
    .lotto-main .lotto-result .result-content .m-table .m-td span strong {
      font-weight: 400;
      color: #ffd800; }
  .lotto-main .lotto-result .result-content .m-table .m-tr {
    border-left: transparent; }
    .lotto-main .lotto-result .result-content .m-table .m-tr.head {
      background-color: #0047bb;
      font-weight: 700; }
      .lotto-main .lotto-result .result-content .m-table .m-tr.head .m-td {
        border-color: transparent;
        padding: 15px 10px;
        position: relative; }
        .lotto-main .lotto-result .result-content .m-table .m-tr.head .m-td:after {
          content: '';
          position: absolute;
          bottom: -6px;
          left: 50%;
          margin-left: -3px;
          width: 0;
          height: 0;
          border-left: 6px solid transparent;
          border-right: 6px solid transparent;
          border-top: 6px solid #0047bb; }
    .lotto-main .lotto-result .result-content .m-table .m-tr.first {
      background-color: #06286e; }
  .lotto-main .lotto-result .result-content .m-table .m-td {
    padding: 10px; }
.lotto-main .rooms {
  color: #fff;
  font-size: 15px; }
  .lotto-main .rooms .room {
    margin-bottom: 10px;
    border-radius: 4px;
    overflow: hidden; }
    .lotto-main .rooms .room.blue .room-title, .lotto-main .rooms .room.blue .m-td {
      background: #235f92;
      background: -moz-linear-gradient(top, #235f92 0%, #111f51 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #235f92), color-stop(100%, #111f51));
      background: -webkit-linear-gradient(top, #235f92 0%, #111f51 100%);
      background: -o-linear-gradient(top, #235f92 0%, #111f51 100%);
      background: -ms-linear-gradient(top, #235f92 0%, #111f51 100%);
      background: linear-gradient(to bottom, #235f92 0%, #111f51 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#235f92', endColorstr='#111f51',GradientType=0 );
      border-bottom: 1px solid rgba(43, 107, 164, 0.5); }
    .lotto-main .rooms .room.blue .m-td {
      border-right-color: #1b4174 !important; }
    .lotto-main .rooms .room.blue .room-content, .lotto-main .rooms .room.blue .enter-room {
      background: #122456;
      background: -moz-linear-gradient(top, #122456 0%, #184e80 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #122456), color-stop(100%, #184e80));
      background: -webkit-linear-gradient(top, #122456 0%, #184e80 100%);
      background: -o-linear-gradient(top, #122456 0%, #184e80 100%);
      background: -ms-linear-gradient(top, #122456 0%, #184e80 100%);
      background: linear-gradient(to bottom, #122456 0%, #184e80 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#122456', endColorstr='#184e80',GradientType=0 ); }
    .lotto-main .rooms .room.blue ul li {
      border-bottom: 1px solid rgba(43, 107, 164, 0.5); }
      .lotto-main .rooms .room.blue ul li:last-child, .lotto-main .rooms .room.blue ul li.table {
        padding: 0; }
    .lotto-main .rooms .room.cream .room-title, .lotto-main .rooms .room.cream .m-td {
      background: #96785e;
      background: -moz-linear-gradient(top, #96785e 0%, #241810 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #96785e), color-stop(100%, #241810));
      background: -webkit-linear-gradient(top, #96785e 0%, #241810 100%);
      background: -o-linear-gradient(top, #96785e 0%, #241810 100%);
      background: -ms-linear-gradient(top, #96785e 0%, #241810 100%);
      background: linear-gradient(to bottom, #96785e 0%, #241810 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96785e', endColorstr='#241810',GradientType=0 );
      border-bottom: 1px solid rgba(158, 143, 118, 0.5); }
    .lotto-main .rooms .room.cream .m-td {
      border-right-color: #3a2a1f !important; }
    .lotto-main .rooms .room.cream .room-content, .lotto-main .rooms .room.cream .enter-room {
      background: #2f2218;
      background: -moz-linear-gradient(top, #2f2218 0%, #876c54 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f2218), color-stop(100%, #876c54));
      background: -webkit-linear-gradient(top, #2f2218 0%, #876c54 100%);
      background: -o-linear-gradient(top, #2f2218 0%, #876c54 100%);
      background: -ms-linear-gradient(top, #2f2218 0%, #876c54 100%);
      background: linear-gradient(to bottom, #2f2218 0%, #876c54 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f2218', endColorstr='#876c54',GradientType=0 ); }
    .lotto-main .rooms .room.cream ul li {
      border-bottom: 1px solid rgba(158, 143, 118, 0.5); }
      .lotto-main .rooms .room.cream ul li:last-child, .lotto-main .rooms .room.cream ul li.table {
        padding: 0; }
    .lotto-main .rooms .room.green .room-title, .lotto-main .rooms .room.green .m-td {
      background: #487529;
      background: -moz-linear-gradient(top, #487529 0%, #0c2902 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #487529), color-stop(100%, #0c2902));
      background: -webkit-linear-gradient(top, #487529 0%, #0c2902 100%);
      background: -o-linear-gradient(top, #487529 0%, #0c2902 100%);
      background: -ms-linear-gradient(top, #487529 0%, #0c2902 100%);
      background: linear-gradient(to bottom, #487529 0%, #0c2902 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#487529', endColorstr='#0c2902',GradientType=0 );
      border-bottom: 1px solid rgba(82, 137, 46, 0.5); }
    .lotto-main .rooms .room.green .m-td {
      border-right-color: #173709 !important; }
    .lotto-main .rooms .room.green .room-content, .lotto-main .rooms .room.green .enter-room {
      background: #112f05;
      background: -moz-linear-gradient(top, #112f05 0%, #416c24 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #112f05), color-stop(100%, #416c24));
      background: -webkit-linear-gradient(top, #112f05 0%, #416c24 100%);
      background: -o-linear-gradient(top, #112f05 0%, #416c24 100%);
      background: -ms-linear-gradient(top, #112f05 0%, #416c24 100%);
      background: linear-gradient(to bottom, #112f05 0%, #416c24 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#112f05', endColorstr='#416c24',GradientType=0 ); }
    .lotto-main .rooms .room.green ul li {
      border-bottom: 1px solid rgba(82, 137, 46, 0.5); }
      .lotto-main .rooms .room.green ul li:last-child, .lotto-main .rooms .room.green ul li.table {
        padding: 0; }
    .lotto-main .rooms .room.red .room-title, .lotto-main .rooms .room.red .m-td {
      background: #a63439;
      background: -moz-linear-gradient(top, #a63439 0%, #390404 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a63439), color-stop(100%, #390404));
      background: -webkit-linear-gradient(top, #a63439 0%, #390404 100%);
      background: -o-linear-gradient(top, #a63439 0%, #390404 100%);
      background: -ms-linear-gradient(top, #a63439 0%, #390404 100%);
      background: linear-gradient(to bottom, #a63439 0%, #390404 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a63439', endColorstr='#390404',GradientType=0 );
      border-bottom: 1px solid rgba(198, 55, 61, 0.5); }
    .lotto-main .rooms .room.red .m-td {
      border-right-color: #440909 !important; }
    .lotto-main .rooms .room.red .room-content, .lotto-main .rooms .room.red .enter-room {
      background: #430909;
      background: -moz-linear-gradient(top, #430909 0%, #9a2f33 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #430909), color-stop(100%, #9a2f33));
      background: -webkit-linear-gradient(top, #430909 0%, #9a2f33 100%);
      background: -o-linear-gradient(top, #430909 0%, #9a2f33 100%);
      background: -ms-linear-gradient(top, #430909 0%, #9a2f33 100%);
      background: linear-gradient(to bottom, #430909 0%, #9a2f33 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#430909', endColorstr='#9a2f33',GradientType=0 ); }
    .lotto-main .rooms .room.red ul li {
      border-bottom: 1px solid rgba(198, 55, 61, 0.5); }
      .lotto-main .rooms .room.red ul li:last-child, .lotto-main .rooms .room.red ul li.table {
        padding: 0; }
    .lotto-main .rooms .room.brown .room-title, .lotto-main .rooms .room.brown .m-td {
      background: #9f6d24;
      background: -moz-linear-gradient(top, #9f6d24 0%, #392202 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9f6d24), color-stop(100%, #392202));
      background: -webkit-linear-gradient(top, #9f6d24 0%, #392202 100%);
      background: -o-linear-gradient(top, #9f6d24 0%, #392202 100%);
      background: -ms-linear-gradient(top, #9f6d24 0%, #392202 100%);
      background: linear-gradient(to bottom, #9f6d24 0%, #392202 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f6d24', endColorstr='#392202',GradientType=0 );
      border-bottom: 1px solid rgba(174, 118, 38, 0.5); }
    .lotto-main .rooms .room.brown .m-td {
      border-right-color: #3e2603 !important; }
    .lotto-main .rooms .room.brown .room-content, .lotto-main .rooms .room.brown .enter-room {
      background: #422905;
      background: -moz-linear-gradient(top, #422905 0%, #936420 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #422905), color-stop(100%, #936420));
      background: -webkit-linear-gradient(top, #422905 0%, #936420 100%);
      background: -o-linear-gradient(top, #422905 0%, #936420 100%);
      background: -ms-linear-gradient(top, #422905 0%, #936420 100%);
      background: linear-gradient(to bottom, #422905 0%, #936420 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#422905', endColorstr='#936420',GradientType=0 ); }
    .lotto-main .rooms .room.brown ul li {
      border-bottom: 1px solid rgba(174, 118, 38, 0.5); }
      .lotto-main .rooms .room.brown ul li:last-child, .lotto-main .rooms .room.brown ul li.table {
        padding: 0; }
    .lotto-main .rooms .room.gray .room-title, .lotto-main .rooms .room.gray .m-td {
      background: #5f5f67;
      background: -moz-linear-gradient(top, #5f5f67 0%, #222020 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5f5f67), color-stop(100%, #222020));
      background: -webkit-linear-gradient(top, #5f5f67 0%, #222020 100%);
      background: -o-linear-gradient(top, #5f5f67 0%, #222020 100%);
      background: -ms-linear-gradient(top, #5f5f67 0%, #222020 100%);
      background: linear-gradient(to bottom, #5f5f67 0%, #222020 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f5f67', endColorstr='#222020',GradientType=0 );
      border-bottom: 1px solid rgba(111, 111, 120, 0.5); }
    .lotto-main .rooms .room.gray .m-td {
      border-right-color: #2a282a !important; }
    .lotto-main .rooms .room.gray .room-content, .lotto-main .rooms .room.gray .enter-room {
      background: #272527;
      background: -moz-linear-gradient(top, #272527 0%, #4e4e55 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #272527), color-stop(100%, #4e4e55));
      background: -webkit-linear-gradient(top, #272527 0%, #4e4e55 100%);
      background: -o-linear-gradient(top, #272527 0%, #4e4e55 100%);
      background: -ms-linear-gradient(top, #272527 0%, #4e4e55 100%);
      background: linear-gradient(to bottom, #272527 0%, #4e4e55 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272527', endColorstr='#4e4e55',GradientType=0 ); }
    .lotto-main .rooms .room.gray ul li {
      border-bottom: 1px solid rgba(111, 111, 120, 0.5); }
      .lotto-main .rooms .room.gray ul li:last-child, .lotto-main .rooms .room.gray ul li.table {
        padding: 0; }
    .lotto-main .rooms .room.purple .room-title, .lotto-main .rooms .room.purple .m-td {
      background: #73308b;
      background: -moz-linear-gradient(top, #73308b 0%, #310342 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #73308b), color-stop(100%, #310342));
      background: -webkit-linear-gradient(top, #73308b 0%, #310342 100%);
      background: -o-linear-gradient(top, #73308b 0%, #310342 100%);
      background: -ms-linear-gradient(top, #73308b 0%, #310342 100%);
      background: linear-gradient(to bottom, #73308b 0%, #310342 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73308b', endColorstr='#310342',GradientType=0 );
      border-bottom: 1px solid rgba(141, 60, 169, 0.5); }
    .lotto-main .rooms .room.purple .m-td {
      border-right-color: #350546 !important; }
    .lotto-main .rooms .room.purple .room-content, .lotto-main .rooms .room.purple .enter-room {
      background: #370748;
      background: -moz-linear-gradient(top, #370748 0%, #6b2a81 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #370748), color-stop(100%, #6b2a81));
      background: -webkit-linear-gradient(top, #370748 0%, #6b2a81 100%);
      background: -o-linear-gradient(top, #370748 0%, #6b2a81 100%);
      background: -ms-linear-gradient(top, #370748 0%, #6b2a81 100%);
      background: linear-gradient(to bottom, #370748 0%, #6b2a81 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#370748', endColorstr='#6b2a81',GradientType=0 ); }
    .lotto-main .rooms .room.purple ul li {
      border-bottom: 1px solid rgba(141, 60, 169, 0.5); }
      .lotto-main .rooms .room.purple ul li:last-child, .lotto-main .rooms .room.purple ul li.table {
        padding: 0; }
    .lotto-main .rooms .room.darkgray .room-title, .lotto-main .rooms .room.darkgray .m-td {
      background: #3c495a;
      background: -moz-linear-gradient(top, #3c495a 0%, #131a20 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c495a), color-stop(100%, #131a20));
      background: -webkit-linear-gradient(top, #3c495a 0%, #131a20 100%);
      background: -o-linear-gradient(top, #3c495a 0%, #131a20 100%);
      background: -ms-linear-gradient(top, #3c495a 0%, #131a20 100%);
      background: linear-gradient(to bottom, #3c495a 0%, #131a20 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c495a', endColorstr='#131a20',GradientType=0 );
      border-bottom: 1px solid rgba(78, 91, 106, 0.5); }
    .lotto-main .rooms .room.darkgray .m-td {
      border-right-color: #192028 !important; }
    .lotto-main .rooms .room.darkgray .room-content, .lotto-main .rooms .room.darkgray .enter-room {
      background: #19222a;
      background: -moz-linear-gradient(top, #19222a 0%, #384554 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #19222a), color-stop(100%, #384554));
      background: -webkit-linear-gradient(top, #19222a 0%, #384554 100%);
      background: -o-linear-gradient(top, #19222a 0%, #384554 100%);
      background: -ms-linear-gradient(top, #19222a 0%, #384554 100%);
      background: linear-gradient(to bottom, #19222a 0%, #384554 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19222a', endColorstr='#384554',GradientType=0 ); }
    .lotto-main .rooms .room.darkgray ul li {
      border-bottom: 1px solid rgba(78, 91, 106, 0.5); }
      .lotto-main .rooms .room.darkgray ul li:last-child, .lotto-main .rooms .room.darkgray ul li.table {
        padding: 0; }
    .lotto-main .rooms .room .room-title {
      padding: 12px 10px; }
      .lotto-main .rooms .room .room-title span.name {
        font-size: 25px;
        font-weight: 900;
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.64);
        display: inline-block; }
      .lotto-main .rooms .room .room-title span.active-player {
        float: right;
        font-size: 13px; }
    .lotto-main .rooms .room ul li {
      padding: 10px;
      border-bottom: 1px solid transparent; }
      .lotto-main .rooms .room ul li:last-child {
        border-bottom: transparent; }
      .lotto-main .rooms .room ul li.table {
        border-bottom: transparent; }
        .lotto-main .rooms .room ul li.table .m-table .m-td {
          border-right: 1px solid transparent;
          text-align: center;
          vertical-align: middle;
          padding: 7px 10px;
          border-bottom: transparent; }
          .lotto-main .rooms .room ul li.table .m-table .m-td:last-child {
            border-right: transparent; }
          .lotto-main .rooms .room ul li.table .m-table .m-td span {
            display: block;
            line-height: 140%;
            font-weight: 700; }
            .lotto-main .rooms .room ul li.table .m-table .m-td span:first-child {
              font-size: 13px; }
            .lotto-main .rooms .room ul li.table .m-table .m-td span:last-child {
              font-size: 14px;
              color: #f5b324; }
      .lotto-main .rooms .room ul li .enter-room {
        display: block;
        text-align: center;
        padding: 12px;
        font-size: 16px;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.52);
        color: #ffffff;
        font-weight: 700;
        transition: 0.3s all;
        -webkit-transition: 0.3s all;
        -moz-transition: 0.3s all; }
        .lotto-main .rooms .room ul li .enter-room:active {
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.58) inset;
          -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.58) inset;
          -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.58) inset;
          color: #ffc114; }
      .lotto-main .rooms .room ul li > span.first {
        display: inline-block; }
      .lotto-main .rooms .room ul li > span.last {
        float: right;
        font-size: 17px;
        color: #f5b324;
        font-weight: 700; }
.lotto-main .profile {
  background-color: #000720;
  min-height: 60px;
  padding: 5px 15px;
  position: fixed;
  top: 44px;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #283357; }
  .lotto-main .profile .pull-left {
    position: relative;
    margin-top: 5px; }
    .lotto-main .profile .pull-left .user-image {
      position: absolute;
      top: 0;
      left: 0; }
    .lotto-main .profile .pull-left p {
      padding-left: 40px;
      color: #fff; }
      .lotto-main .profile .pull-left p span {
        display: block;
        line-height: 130%; }
        .lotto-main .profile .pull-left p span.name {
          font-weight: 700;
          font-size: 14px; }
        .lotto-main .profile .pull-left p span.balance {
          font-size: 10px; }
          .lotto-main .profile .pull-left p span.balance strong {
            color: #f8d716; }
  .lotto-main .profile .pull-right .process {
    position: relative; }
    .lotto-main .profile .pull-right .process .toggle-title {
      background: #ff9200;
      background: -moz-linear-gradient(top, #ff9200 0%, #ff3200 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9200), color-stop(100%, #ff3200));
      background: -webkit-linear-gradient(top, #ff9200 0%, #ff3200 100%);
      background: -o-linear-gradient(top, #ff9200 0%, #ff3200 100%);
      background: -ms-linear-gradient(top, #ff9200 0%, #ff3200 100%);
      background: linear-gradient(to bottom, #ff9200 0%, #ff3200 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9200', endColorstr='#ff3200',GradientType=0 );
      padding: 7px 45px 7px 10px;
      border-radius: 4px;
      position: relative; }
      .lotto-main .profile .pull-right .process .toggle-title span {
        font-size: 15px;
        color: #fff;
        font-weight: 700; }
      .lotto-main .profile .pull-right .process .toggle-title span, .lotto-main .profile .pull-right .process .toggle-title i {
        display: inline-block;
        vertical-align: middle; }
      .lotto-main .profile .pull-right .process .toggle-title .button-toggle {
        cursor: pointer;
        position: absolute;
        right: 0;
        border-radius: 4px 4px 4px 0;
        color: #6b6f77;
        top: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        text-align: center;
        line-height: 42px; }
        .lotto-main .profile .pull-right .process .toggle-title .button-toggle:before {
          font-size: 19px; }
      .lotto-main .profile .pull-right .process .toggle-title i.icon {
        background: url("../images/lotto-sprite.png") no-repeat -265px 0;
        display: inline-block;
        background-size: 323px 32px;
        width: 23px;
        height: 24px;
        margin-right: 10px; }
    .lotto-main .profile .pull-right .process .toggle-content {
      display: none;
      position: absolute;
      top: 100%;
      margin-top: -3px;
      left: 0;
      width: 100%;
      background-color: #fff; }
      .lotto-main .profile .pull-right .process .toggle-content a {
        display: block;
        padding: 10px;
        border-bottom: 1px dashed #d8d9da;
        font-size: 12px;
        color: #6b6f77; }
        .lotto-main .profile .pull-right .process .toggle-content a i, .lotto-main .profile .pull-right .process .toggle-content a span {
          display: inline-block;
          vertical-align: middle; }
        .lotto-main .profile .pull-right .process .toggle-content a i {
          background: url("../images/lotto-sprite.png") no-repeat 0 0;
          background-size: 323px 32px;
          height: 20px;
          width: 18px;
          margin-right: 10px; }
        .lotto-main .profile .pull-right .process .toggle-content a i.s1 {
          background-position: -288px 0; }
        .lotto-main .profile .pull-right .process .toggle-content a i.s2 {
          background-position: -306px 0; }
        .lotto-main .profile .pull-right .process .toggle-content a:last-child {
          border-bottom: transparent; }
.lotto-main .top-bar ul {
  display: table;
  width: 100%; }
  .lotto-main .top-bar ul li {
    display: table-cell;
    width: 25%;
    padding: 13px 10px;
    background: #051531;
    background: linear-gradient(#2d4770, #04122a);
    background: -webkit-linear-gradient(#2d4770, #04122a);
    color: #b0bdd4;
    border-right: 1px solid #243961;
    text-align: center;
    position: relative; }
    .lotto-main .top-bar ul li span.icon {
      display: inline-block;
      background: url("../images/lotto-sprite.png") no-repeat 0 0;
      background-size: 323px 32px; }
      .lotto-main .top-bar ul li span.icon.s1 {
        width: 20px;
        height: 16px; }
      .lotto-main .top-bar ul li span.icon.s2 {
        background-position: -20px 0;
        width: 17px;
        height: 17px; }
      .lotto-main .top-bar ul li span.icon.s3 {
        background-position: -37px 0;
        width: 18px;
        height: 16px; }
      .lotto-main .top-bar ul li span.icon.s4 {
        background-position: -56px 0;
        width: 25px;
        height: 17px; }
    .lotto-main .top-bar ul li span.text {
      display: block;
      line-height: 120%;
      font-size: 12px; }
      .lotto-main .top-bar ul li span.text strong {
        display: block;
        margin-top: 3px; }
    .lotto-main .top-bar ul li:last-child {
      border-right: none; }
      .lotto-main .top-bar ul li:last-child:after {
        display: none; }
    .lotto-main .top-bar ul li:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 1px;
      height: 100%;
      background-color: #001130; }
.lotto-main .top-sub-bar ul {
  display: table;
  width: 100%;
  border: 1px solid #000000; }
  .lotto-main .top-sub-bar ul li {
    display: table-cell;
    border-right: 1px solid #000000;
    vertical-align: middle;
    padding: 15px 20px;
    width: 33.3%;
    font-size: 13px;
    color: #fff;
    text-align: center; }
    .lotto-main .top-sub-bar ul li:last-child {
      border-right: transparent; }
    .lotto-main .top-sub-bar ul li.s1 {
      background: #3890fd;
      background: -moz-linear-gradient(top, #3890fd 0%, #001f4b 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3890fd), color-stop(100%, #001f4b));
      background: -webkit-linear-gradient(top, #3890fd 0%, #001f4b 100%);
      background: -o-linear-gradient(top, #3890fd 0%, #001f4b 100%);
      background: -ms-linear-gradient(top, #3890fd 0%, #001f4b 100%);
      background: linear-gradient(to bottom, #3890fd 0%, #001f4b 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3890fd', endColorstr='#001f4b',GradientType=0 ); }
    .lotto-main .top-sub-bar ul li.s2 {
      background: #fed82b;
      background: -moz-linear-gradient(top, #fed82b 0%, #d44500 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fed82b), color-stop(100%, #d44500));
      background: -webkit-linear-gradient(top, #fed82b 0%, #d44500 100%);
      background: -o-linear-gradient(top, #fed82b 0%, #d44500 100%);
      background: -ms-linear-gradient(top, #fed82b 0%, #d44500 100%);
      background: linear-gradient(to bottom, #fed82b 0%, #d44500 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed82b', endColorstr='#d44500',GradientType=0 ); }
    .lotto-main .top-sub-bar ul li.s3 {
      background: #60ea41;
      background: -moz-linear-gradient(top, #60ea41 0%, #097000 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #60ea41), color-stop(100%, #097000));
      background: -webkit-linear-gradient(top, #60ea41 0%, #097000 100%);
      background: -o-linear-gradient(top, #60ea41 0%, #097000 100%);
      background: -ms-linear-gradient(top, #60ea41 0%, #097000 100%);
      background: linear-gradient(to bottom, #60ea41 0%, #097000 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60ea41', endColorstr='#097000',GradientType=0 ); }
.lotto-main .video .video-toggle {
  cursor: pointer;
  background: #565c60;
  background: -moz-linear-gradient(top, #565c60 0%, #a0a4a7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565c60), color-stop(100%, #a0a4a7));
  background: -webkit-linear-gradient(top, #565c60 0%, #a0a4a7 100%);
  background: -o-linear-gradient(top, #565c60 0%, #a0a4a7 100%);
  background: -ms-linear-gradient(top, #565c60 0%, #a0a4a7 100%);
  background: linear-gradient(to bottom, #565c60 0%, #a0a4a7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565c60', endColorstr='#a0a4a7',GradientType=0 );
  padding: 15px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  position: relative; }
  .lotto-main .video .video-toggle .toggle-button {
    position: absolute;
    top: 25px;
    right: 25px; }
.lotto-main .video .video-content #video {
  height: 210px;
  width: 100%;
  background: url("../images/video-image.png") no-repeat top center;
  background-size: cover;
  position: relative; }
  .lotto-main .video .video-content #video .win-num {
    position: absolute;
    top: 20px;
    right: 20px; }
.lotto-main .balls ul {
  display: table;
  width: 100%; }
  .lotto-main .balls ul li {
    display: table-cell;
    width: 33.3%;
    text-align: center;
    background: #40464b;
    background: -moz-linear-gradient(top, #40464b 0%, #040c12 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #40464b), color-stop(100%, #040c12));
    background: -webkit-linear-gradient(top, #40464b 0%, #040c12 100%);
    background: -o-linear-gradient(top, #40464b 0%, #040c12 100%);
    background: -ms-linear-gradient(top, #40464b 0%, #040c12 100%);
    background: linear-gradient(to bottom, #40464b 0%, #040c12 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40464b', endColorstr='#040c12',GradientType=0 );
    padding: 13px 5px;
    color: #fff;
    font-size: 13px;
    border-right: 1px solid #070f15; }
.lotto-main .game-area {
  padding: 10px;
  position: relative; }
  .lotto-main .game-area .win-num {
    position: absolute;
    top: 50%;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.47);
    margin-top: -40px;
    left: 50%;
    margin-left: -40px;
    z-index: 20; }
  .lotto-main .game-area .wrapper {
    margin-bottom: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-around; }
    .lotto-main .game-area .wrapper .circle {
      flex-basis: 10%;
      padding: 2px 4px; }
      .lotto-main .game-area .wrapper .circle.active span {
        background-color: #ffffff;
        color: #101629; }
    .lotto-main .game-area .wrapper span {
      line-height: 25px;
      display: block;
      background-color: #ff8a00;
      font-size: 13px;
      color: #ecd2b3;
      font-weight: 700;
      border-radius: 100%;
      text-align: center; }

.win-num {
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  border-radius: 100%;
  font-weight: 700;
  box-shadow: 0 0 30px black;
  -webkit-box-shadow: 0 0 30px black;
  -moz-box-shadow: 0 0 30px black;
  background: radial-gradient(#3bcff8, #013e9d);
  background: -webkit-radial-gradient(#3bcff8, #013e9d);
  font-size: 45px;
  color: #fff;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.49); }

.m-toggle {
  margin-bottom: 5px; }
  .m-toggle.white .toggle-title {
    background-color: #fff;
    color: #000; }
  .m-toggle .toggle-title {
    overflow: hidden;
    margin: 0 5px;
    padding: 10px 15px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #000000;
    color: #ffffff;
    font-size: 13px; }
    .m-toggle .toggle-title span.title {
      font-weight: 700; }
    .m-toggle .toggle-title .pull-left {
      display: inline-block; }
      .m-toggle .toggle-title .pull-left img {
        margin-right: 4px; }
    .m-toggle .toggle-title .pull-right span.num {
      background-color: #007be3;
      color: #fff;
      display: inline-block;
      padding: 5px 10px;
      line-height: 100%;
      border-radius: 10px;
      font-size: 10px; }
    .m-toggle .toggle-title > div * {
      display: inline-block;
      vertical-align: middle; }
  .m-toggle .toggle-content {
    margin: 0 5px;
    margin-top: -3px;
    padding: 10px;
    background-color: #fff; }
    .m-toggle .toggle-content p.notice {
      font-size: 12px;
      color: #00aeeb;
      padding-left: 10px;
      position: relative; }
      .m-toggle .toggle-content p.notice:before {
        content: '';
        top: 50%;
        margin-top: -3px;
        width: 6px;
        height: 6px;
        border-radius: 100%;
        border: 1px solid #00aeeb;
        position: absolute;
        left: 0; }
    .m-toggle .toggle-content ul li {
      margin-bottom: 10px; }
    .m-toggle .toggle-content ul input, .m-toggle .toggle-content ul .custom-select {
      border: 1px solid #f4f4f4;
      font-weight: 400;
      color: #7b7b7b; }
      .m-toggle .toggle-content ul input::-webkit-input-placeholder, .m-toggle .toggle-content ul .custom-select::-webkit-input-placeholder {
        color: #7b7b7b; }
      .m-toggle .toggle-content ul input:-moz-placeholder, .m-toggle .toggle-content ul .custom-select:-moz-placeholder {
        color: #7b7b7b; }
      .m-toggle .toggle-content ul input::-moz-placeholder, .m-toggle .toggle-content ul .custom-select::-moz-placeholder {
        color: #7b7b7b; }
      .m-toggle .toggle-content ul input:-ms-input-placeholder, .m-toggle .toggle-content ul .custom-select:-ms-input-placeholder {
        color: #7b7b7b; }

.toggle-button {
  position: relative;
  cursor: pointer;
  margin: 0 5px; }
  .toggle-button i {
    position: absolute;
    left: 0; }
    .toggle-button i:before {
      font-size: 18px; }
    .toggle-button i:first-child {
      top: -12px; }
    .toggle-button i:last-child {
      top: -7px; }

.row {
  padding: 0; }

.pull-right {
  float: right; }

img.logo {
  margin-top: 12px;
  height: 21px; }

.m-title {
  margin: 13px 0 3px 5px; }
  .m-title span {
    display: block;
    line-height: 110%; }
    .m-title span:first-child {
      font-size: 14px !important;
      font-weight: 700 !important;
      color: #ffffff !important; }
    .m-title span:last-child {
      font-size: 10px;
      color: #b6b6b6; }

.main-slider {
  line-height: 0; }
  .main-slider .slider-pager {
    bottom: 5px; }
  .main-slider .slider-pager-page {
    color: #ffffff;
    opacity: 1 !important; }
    .main-slider .slider-pager-page.active {
      color: #000; }
  .main-slider img {
    width: 100%; }

.editor-games .box span.text {
  display: block;
  font-size: 11px;
  color: #000;
  background-color: #fff;
  border-radius: 0 0 4px 4px;
  text-align: center;
  font-weight: 700;
  padding: 3px 0; }
.editor-games .box span.image {
  border-radius: 4px 4px 0 0;
  display: block;
  height: 76px;
  width: 100%; }
  .editor-games .box span.image.s1 {
    background: url("../images/editor-game-s1.png") no-repeat top center;
    background-size: cover; }
  .editor-games .box span.image.s2 {
    background: url("../images/editor-game-s2.png") no-repeat top center;
    background-size: cover; }
  .editor-games .box span.image.s3 {
    background: url("../images/editor-game-s3.png") no-repeat top center;
    background-size: cover; }

.live-games .box {
  border-radius: 4px;
  text-align: center; }
  .live-games .box .vertical-align {
    top: 50%;
    position: relative;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%); }
  .live-games .box a {
    display: block; }
  .live-games .box span {
    display: block;
    margin-top: 15px;
    color: #ffffff;
    font-weight: 700;
    font-size: 20px;
    line-height: 0; }
  .live-games .box.green {
    background: #52b92a url("../images/live-casino-s1.png") no-repeat top center;
    background-size: cover;
    height: 156px; }
  .live-games .box.blue {
    background: #156ca9 url("../images/live-casino-s2.png") no-repeat top center;
    background-size: cover;
    height: 156px; }

.m-table {
  display: table;
  width: 100%; }
  .m-table .m-tr {
    display: table-row; }
  .m-table .m-td {
    display: table-cell; }

.widget {
  margin: 10px 0;
  padding: 0 5px; }
  .widget.game-info .head {
    background-color: #0a0a0a;
    border-radius: 4px 4px 0 0;
    padding: 5px 10px;
    color: #ffffff; }
    .widget.game-info .head i, .widget.game-info .head span.title {
      display: inline-block;
      vertical-align: middle; }
    .widget.game-info .head span.title {
      font-size: 12px;
      text-transform: uppercase; }
      .widget.game-info .head span.title + span {
        float: right; }
    .widget.game-info .head .toggle-button {
      margin-top: 10px;
      margin-right: 10px; }
    .widget.game-info .head span.date {
      float: right;
      font-size: 12px; }
  .widget.game-info .content {
    background-color: #1c1c1c;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    .widget.game-info .content span.title {
      font-size: 12px;
      color: #ffc33a; }
    .widget.game-info .content .m-table .m-td {
      padding: 10px;
      vertical-align: middle; }
      .widget.game-info .content .m-table .m-td .nav i {
        color: #909090; }
        .widget.game-info .content .m-table .m-td .nav i:before {
          font-size: 20px; }
      .widget.game-info .content .m-table .m-td .nav .left {
        display: inline-block; }
      .widget.game-info .content .m-table .m-td .nav .right {
        float: right;
        text-align: right; }
      .widget.game-info .content .m-table .m-td .player-card {
        position: relative;
        top: -2px;
        display: inline-block;
        width: 14px;
        height: 18px;
        border-radius: 1px;
        line-height: 18px;
        text-align: center;
        color: #ffffff;
        font-size: 10px;
        font-weight: 700; }
        .widget.game-info .content .m-table .m-td .player-card.yellow {
          background-color: #f8bf00; }
        .widget.game-info .content .m-table .m-td .player-card.red {
          background-color: #d3281e; }
      .widget.game-info .content .m-table .m-td .image {
        text-align: center; }
        .widget.game-info .content .m-table .m-td .image span {
          color: #ffffff; }
          .widget.game-info .content .m-table .m-td .image span.yellow {
            color: #ffc000; }
          .widget.game-info .content .m-table .m-td .image span.red {
            color: #962231; }
          .widget.game-info .content .m-table .m-td .image span.green {
            color: #0c8643; }
        .widget.game-info .content .m-table .m-td .image span:before {
          font-size: 50px; }
      .widget.game-info .content .m-table .m-td span.team-name {
        text-align: center;
        display: block;
        color: #ffffff;
        font-size: 10px;
        margin-top: 3px;
        line-height: 100%; }
      .widget.game-info .content .m-table .m-td.left-team, .widget.game-info .content .m-table .m-td.right-team {
        width: 30%; }
      .widget.game-info .content .m-table .m-td.score {
        width: 10%;
        text-align: center;
        color: #ffffff;
        font-size: 24px;
        font-weight: 700; }
      .widget.game-info .content .m-table .m-td.time {
        width: 20%;
        text-align: center;
        color: #ffffff; }
        .widget.game-info .content .m-table .m-td.time span {
          display: inline-block;
          width: 50px;
          height: 50px;
          border-radius: 50px;
          line-height: 50px;
          text-align: center;
          font-size: 24px;
          font-weight: 300;
          border: 1px solid #3b3b3b; }
  .widget.game-info .foot {
    border-radius: 0 0 4px 4px;
    overflow: hidden; }
    .widget.game-info .foot .m-table {
      border: 1px solid #272727;
      border-collapse: collapse; }
      .widget.game-info .foot .m-table.width-manual .m-td.large {
        width: 32%; }
      .widget.game-info .foot .m-table .m-td {
        border-right: 1px solid #272727; }
      .widget.game-info .foot .m-table .m-td {
        vertical-align: middle;
        padding: 10px;
        background-color: #0a0a0a;
        text-align: center;
        font-weight: 700; }
        .widget.game-info .foot .m-table .m-td span, .widget.game-info .foot .m-table .m-td i {
          display: inline-block;
          vertical-align: middle; }
        .widget.game-info .foot .m-table .m-td i {
          margin-right: 2px;
          position: relative;
          top: 1px; }
          .widget.game-info .foot .m-table .m-td i:before {
            font-size: 18px; }
          .widget.game-info .foot .m-table .m-td i.ion-arrow-up-b {
            color: #7bc62e; }
          .widget.game-info .foot .m-table .m-td i.ion-arrow-down-b {
            color: #d3281e; }
          .widget.game-info .foot .m-table .m-td i.ion-android-close {
            position: absolute;
            top: 1px;
            left: 0; }
            .widget.game-info .foot .m-table .m-td i.ion-android-close:before {
              font-size: 18px; }
        .widget.game-info .foot .m-table .m-td a {
          display: block;
          position: relative; }
        .widget.game-info .foot .m-table .m-td.large {
          width: 20%;
          background-color: #ffc000; }
          .widget.game-info .foot .m-table .m-td.large span {
            display: block;
            text-align: right; }
        .widget.game-info .foot .m-table .m-td.s1 {
          background-color: #1c1c1c; }
        .widget.game-info .foot .m-table .m-td * {
          color: #ffffff; }

.splash-lotto .m-table {
  background: #00041a url("../images/splash-bg-tombala.jpg") no-repeat top center;
  background-size: cover;
  text-align: center;
  height: 100%; }
.splash-lotto .m-td {
  vertical-align: middle; }
  .splash-lotto .m-td .main-spinner {
    position: relative;
    top: -40px; }

.bill-info {
  margin: 0 5px 10px 5px;
  background-color: #1a1a1a;
  border-radius: 3px;
  overflow: hidden; }
  .bill-info .m-table {
    color: #fff;
    border-collapse: collapse; }
    .bill-info .m-table .m-tr {
      border-bottom: 1px solid #353535; }
      .bill-info .m-table .m-tr.large .m-td {
        width: 100% !important;
        display: block !important; }
      .bill-info .m-table .m-tr.thead {
        background-color: #0a0a0a;
        border-bottom: transparent; }
        .bill-info .m-table .m-tr.thead * {
          font-size: 11px;
          color: #9b9b9b;
          font-weight: 400; }
          .bill-info .m-table .m-tr.thead * span {
            margin: 0 2px; }
      .bill-info .m-table .m-tr .win {
        color: #4dd12e; }
      .bill-info .m-table .m-tr .lose {
        color: #c30000; }
      .bill-info .m-table .m-tr .cost {
        color: #ffc33a; }
      .bill-info .m-table .m-tr .m-td {
        padding: 7px 15px; }
        .bill-info .m-table .m-tr .m-td:first-child {
          width: 60%;
          text-align: left;
          font-size: 12px;
          font-weight: 700; }
        .bill-info .m-table .m-tr .m-td:last-child {
          width: 40%;
          text-align: right;
          font-size: 11px; }

.main-splash .m-table {
  background: #1f1f1f url("../images/main-splash-bg.jpg") no-repeat top center;
  text-align: center;
  background-size: cover;
  height: 100%; }
  .main-splash .m-table .img {
    margin-bottom: 10px; }
  .main-splash .m-table * {
    color: #ffffff;
    font-size: 13px; }
.main-splash .splash-copyright {
  position: fixed;
  bottom: 20px;
  left: 0;
  width: 100%;
  text-align: center; }
.main-splash .m-td {
  vertical-align: middle; }

.main-spinner svg {
  width: 55px;
  height: 55px;
  stroke: #fff;
  fill: #fff; }

.coupon-button {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 65px;
  height: 65px;
  text-align: center;
  border-radius: 100%;
  z-index: 10;
  background: #febf00;
  background: -moz-linear-gradient(top, #febf00 0%, #fc8901 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #febf00), color-stop(100%, #fc8901));
  background: -webkit-linear-gradient(top, #febf00 0%, #fc8901 100%);
  background: -o-linear-gradient(top, #febf00 0%, #fc8901 100%);
  background: -ms-linear-gradient(top, #febf00 0%, #fc8901 100%);
  background: linear-gradient(to bottom, #febf00 0%, #fc8901 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febf00', endColorstr='#fc8901',GradientType=0 ); }
  .coupon-button a {
    display: block;
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); }
    .coupon-button a span {
      display: block;
      font-weight: 700; }
      .coupon-button a span:first-child {
        font-size: 25px;
        margin-top: 13px; }
      .coupon-button a span:last-child {
        font-size: 12px; }

.tabbed-slidebox .slider {
  height: 100%; }

.tabbed-slidebox .slider-slides {
  width: 100%; }

.tabbed-slidebox .slider-slide {
  padding-top: 0; }

.tabbed-slidebox .tsb-icons {
  text-align: center;
  position: fixed;
  z-index: 10;
  top: 44px;
  left: 0;
  width: 100%;
  height: 85px;
  padding-top: 15px;
  color: #ffffff; }
  .tabbed-slidebox .tsb-icons.green-bg {
    background: #95ed38;
    background: -moz-linear-gradient(top, #95ed38 0%, #377f0a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #95ed38), color-stop(100%, #377f0a));
    background: -webkit-linear-gradient(top, #95ed38 0%, #377f0a 100%);
    background: -o-linear-gradient(top, #95ed38 0%, #377f0a 100%);
    background: -ms-linear-gradient(top, #95ed38 0%, #377f0a 100%);
    background: linear-gradient(to bottom, #95ed38 0%, #377f0a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95ed38', endColorstr='#377f0a',GradientType=0 ); }

.tabbed-slidebox .tsb-ic-wrp {
  display: flex;
  position: relative;
  -webkit-transition: -webkit-transform 0.3s;
  /* For Safari 3.1 to 6.0 */
  -webkit-transform: translate3d(0, 0, 0); }

.tabbed-slidebox .tsb-icons a {
  display: inline-block;
  vertical-align: top;
  width: 90px;
  color: #fff;
  position: relative; }
  .tabbed-slidebox .tsb-icons a sup {
    position: absolute;
    top: 0;
    right: 10px;
    padding: 8px;
    min-width: 25px;
    display: inline-block;
    background-color: #007be3;
    color: #ffffff;
    font-size: 9px;
    border-radius: 10px; }
  .tabbed-slidebox .tsb-icons a i {
    font-size: 35px; }
  .tabbed-slidebox .tsb-icons a span {
    margin-top: 1px;
    display: block;
    font-size: 13px;
    font-weight: 600; }

.tabbed-slidebox .tabbed-slidebox {
  position: relative;
  height: 100%;
  overflow: hidden; }

.tsb-hscroll.scroll-view {
  white-space: nowrap;
  margin: 0 auto; }

.tsb-hscroll.scroll-view .scroll-bar {
  visibility: hidden; }

.tsb-hscroll.scroll-view .scroll.onscroll {
  -webkit-transition: -webkit-transform 0.3s;
  /* For Safari 3.1 to 6.0 */ }

.tabbed-slidebox .tsb-icons .scroll a {
  text-decoration: none;
  margin: 0 3px;
  position: relative;
  padding-bottom: 12px;
  border-bottom: 2px solid transparent; }

.tabbed-slidebox .tsb-icons .scroll a.active {
  border-bottom-color: #fff; }

[ion-ripple] {
  position: relative;
  overflow: hidden !important; }

.ion-ripple {
  display: block;
  position: absolute;
  z-index: 100;
  background-color: #fff;
  border-radius: 50%;
  transform: scale(0); }
  .ion-ripple_animate {
    animation-name: ripple;
    animation-duration: .70s; }

@keyframes ripple {
  0% {
    opacity: .3;
    transform: scale(0); }
  100% {
    opacity: 0;
    transform: scale(2.5); } }
.sod_select,
.sod_select * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* The SoD - Please keep this first three lines intact, otherwise all hell will break looooooose */
.sod_select {
  display: block;
  position: relative;
  line-height: 1;
  background: #ffffff;
  color: #000;
  border-radius: 3px;
  font-size: 13px;
  padding: 13px 10px;
  font-weight: 700;
  text-align: left;
  outline: 0;
  cursor: pointer; }
  .sod_select:before {
    content: "\f104";
    display: inline-block;
    font-family: "Ionicons";
    font-size: 16px;
    position: absolute;
    top: 12px;
    right: 13px; }

.has-tab-money {
  top: 190px; }

.margin-offset {
  margin: 10px 5px; }

.warning {
  margin: 10px 5px;
  background-color: #ff6600;
  border-radius: 3px;
  padding: 5px 15px;
  text-align: center;
  border-top: 2px dashed #7b3100;
  border-bottom: 2px dashed #7b3100; }
  .warning.icon-left {
    margin: 0;
    border-radius: 0;
    position: relative; }
    .warning.icon-left i, .warning.icon-left p {
      display: inline-block;
      vertical-align: middle; }
      .warning.icon-left i:before, .warning.icon-left p:before {
        font-size: 30px; }
    .warning.icon-left p {
      margin-left: 10px; }
  .warning i:before {
    font-size: 40px;
    color: #fff; }
  .warning p {
    margin: 10px 0;
    color: #fff;
    line-height: 120%;
    font-size: 12px; }

.register-wrapper {
  padding: 10px; }
  .register-wrapper .custom-select .sod_list_wrapper {
    height: 160px;
    overflow: scroll; }
  .register-wrapper .form-section {
    display: none; }
    .register-wrapper .form-section.current {
      display: block; }
  .register-wrapper .register-step {
    margin-bottom: 15px; }
    .register-wrapper .register-step .title {
      margin-top: 15px;
      margin-bottom: 20px;
      text-align: center;
      position: relative;
      z-index: 1; }
      .register-wrapper .register-step .title:before {
        content: '';
        position: absolute;
        top: 11px;
        z-index: -1;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #1a1a1a; }
      .register-wrapper .register-step .title span {
        display: inline-block;
        font-size: 13px;
        color: #fff;
        font-weight: 700;
        background-color: #353535;
        padding: 0 10px; }
    .register-wrapper .register-step ul {
      overflow: hidden;
      width: 270px;
      margin: 0 auto;
      position: relative;
      z-index: 1; }
      .register-wrapper .register-step ul:after {
        content: '';
        position: absolute;
        top: 13px;
        z-index: -1;
        width: 70%;
        left: 50%;
        margin-left: -35%;
        height: 6px;
        background-color: #1c1c1c; }
      .register-wrapper .register-step ul li {
        float: left;
        text-align: center;
        width: 33.3%; }
        .register-wrapper .register-step ul li.active span.num {
          background-color: #0089ff !important; }
        .register-wrapper .register-step ul li span.num {
          display: inline-block;
          width: 30px;
          height: 30px;
          border-radius: 100%;
          background-color: #353535;
          border: 3px solid #1c1c1c;
          color: #fff;
          font-weight: 700;
          font-size: 16px;
          line-height: 24px;
          text-align: center; }
        .register-wrapper .register-step ul li span.ins {
          display: block;
          white-space: nowrap;
          font-size: 10px;
          color: #fff;
          margin-top: 3px; }
  .register-wrapper ul li {
    margin-bottom: 10px;
    position: relative; }
    .register-wrapper ul li .item {
      background-color: transparent;
      border: none;
      color: #fff;
      padding: 10px; }
    .register-wrapper ul li .checkbox-icon {
      margin: 0 auto; }
    .register-wrapper ul li .item-checkbox {
      padding-left: 0; }
    .register-wrapper ul li .item-content {
      font-size: 13px !important;
      margin-top: -5px; }
    .register-wrapper ul li .checkbox {
      position: inherit;
      top: inherit;
      right: inherit;
      left: inherit;
      margin-top: -5px; }
    .register-wrapper ul li.m-align-center {
      text-align: center; }
    .register-wrapper ul li p {
      font-size: 12px;
      color: #fff;
      line-height: 120%; }
    .register-wrapper ul li .parsley-error {
      border: 2px solid red !important; }
    .register-wrapper ul li .parsley-success {
      border: 2px solid #00a300 !important; }
    .register-wrapper ul li ul.parsley-errors-list {
      background-color: #ffffff;
      margin-top: 5px;
      border-radius: 3px;
      padding: 10px; }
      .register-wrapper ul li ul.parsley-errors-list li:last-child {
        margin-bottom: 0; }
    .register-wrapper ul li .half {
      float: right;
      width: 66%; }
    .register-wrapper ul li .quarter {
      float: left;
      width: 32%;
      margin-right: 2%; }
      .register-wrapper ul li .quarter:last-child {
        margin-right: 0; }
    .register-wrapper ul li span.title {
      display: block;
      margin-bottom: 2px;
      font-size: 12px;
      color: #fff; }

.has-team-list-page {
  top: 325px;
  background-color: #000;
  color: #fff; }
  .has-team-list-page .inner {
    padding: 20px 10px; }
    .has-team-list-page .inner span.title {
      display: block;
      margin-bottom: 20px;
      padding-left: 14%;
      font-size: 12px;
      text-transform: uppercase;
      font-weight: 700; }
    .has-team-list-page .inner .m-table .m-td {
      padding: 10px 5px;
      vertical-align: middle; }
      .has-team-list-page .inner .m-table .m-td span.score {
        font-size: 12px;
        color: #9fa3a4;
        position: relative;
        top: 1px; }
      .has-team-list-page .inner .m-table .m-td .ion-arrow-left-c {
        color: #ff0e00;
        position: relative;
        top: 1px;
        margin: 0 1px; }
      .has-team-list-page .inner .m-table .m-td .ion-arrow-right-c {
        color: #2fca2f;
        position: relative;
        top: 1px;
        margin: 0 1px; }
      .has-team-list-page .inner .m-table .m-td span.player {
        margin-right: 5px; }
      .has-team-list-page .inner .m-table .m-td img, .has-team-list-page .inner .m-table .m-td span {
        display: inline-block;
        vertical-align: middle; }
      .has-team-list-page .inner .m-table .m-td.status {
        width: 10%;
        position: relative;
        text-align: center;
        z-index: 1; }
        .has-team-list-page .inner .m-table .m-td.status span {
          width: 30px;
          height: 30px;
          background-color: #000000;
          border-radius: 100%; }
          .has-team-list-page .inner .m-table .m-td.status span i {
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
            .has-team-list-page .inner .m-table .m-td.status span i img {
              position: relative;
              top: -11px; }
            .has-team-list-page .inner .m-table .m-td.status span i.ion-ios-football {
              display: inline-block;
              margin-top: 2px; }
              .has-team-list-page .inner .m-table .m-td.status span i.ion-ios-football:before {
                font-size: 20px; }
        .has-team-list-page .inner .m-table .m-td.status:after {
          content: '';
          position: absolute;
          z-index: -1;
          top: 0;
          left: 50%;
          margin-left: -0.5px;
          width: 1px;
          height: 100%;
          background-color: #d6d6d6; }
      .has-team-list-page .inner .m-table .m-td.time {
        text-align: center;
        width: 15%; }
        .has-team-list-page .inner .m-table .m-td.time span {
          font-size: 15px;
          color: #febb00;
          font-weight: 700; }
      .has-team-list-page .inner .m-table .m-td.info {
        width: 75%; }

.mobile-casino-page .top-menu {
  position: absolute;
  top: 44px;
  z-index: 999;
  left: 0;
  width: 100%; }
  .mobile-casino-page .top-menu ul {
    display: table;
    width: 100%; }
    .mobile-casino-page .top-menu ul li {
      display: table-cell;
      width: 33.3%;
      text-align: center;
      border-right: 1px solid #585858; }
      .mobile-casino-page .top-menu ul li.active {
        background: #575757;
        background: -moz-linear-gradient(top, #575757 0%, #232323 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #575757), color-stop(100%, #232323));
        background: -webkit-linear-gradient(top, #575757 0%, #232323 100%);
        background: -o-linear-gradient(top, #575757 0%, #232323 100%);
        background: -ms-linear-gradient(top, #575757 0%, #232323 100%);
        background: linear-gradient(to bottom, #575757 0%, #232323 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#232323',GradientType=0 ); }
      .mobile-casino-page .top-menu ul li:last-child {
        border-right: transparent; }
      .mobile-casino-page .top-menu ul li a {
        display: block;
        padding: 10px;
        font-size: 11px;
        color: #fff;
        line-height: 140%; }
        .mobile-casino-page .top-menu ul li a strong {
          display: block;
          font-size: 14px; }
.mobile-casino-page .filter-type {
  position: absolute;
  top: 170px;
  left: 0;
  z-index: 999;
  width: 100%; }
  .mobile-casino-page .filter-type .inner {
    overflow: hidden; }
    .mobile-casino-page .filter-type .inner ul {
      width: 63%;
      float: left; }
      .mobile-casino-page .filter-type .inner ul li {
        float: left;
        width: 23%;
        margin-right: 2%;
        border: 1px solid #000;
        border-radius: 3px;
        height: 41px;
        cursor: pointer;
        text-align: center; }
        .mobile-casino-page .filter-type .inner ul li:last-child {
          margin-right: 0; }
        .mobile-casino-page .filter-type .inner ul li.active {
          background: #565656;
          background: -moz-linear-gradient(top, #565656 0%, #222222 100%);
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565656), color-stop(100%, #222222));
          background: -webkit-linear-gradient(top, #565656 0%, #222222 100%);
          background: -o-linear-gradient(top, #565656 0%, #222222 100%);
          background: -ms-linear-gradient(top, #565656 0%, #222222 100%);
          background: linear-gradient(to bottom, #565656 0%, #222222 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#222222',GradientType=0 );
          border-color: #222222; }
          .mobile-casino-page .filter-type .inner ul li.active.s1 span.icon {
            background-position: 0 -27px;
            width: 24px;
            height: 26px; }
          .mobile-casino-page .filter-type .inner ul li.active.s2 span.icon {
            background-position: -24px -27px; }
          .mobile-casino-page .filter-type .inner ul li.active.s3 span.icon {
            background-position: -48px -24px; }
          .mobile-casino-page .filter-type .inner ul li.active.s4 span.icon {
            background-position: -63px -24px; }
        .mobile-casino-page .filter-type .inner ul li.s1 span {
          width: 24px;
          height: 26px; }
        .mobile-casino-page .filter-type .inner ul li.s2 span.icon {
          background-position: -24px 0;
          width: 24px;
          height: 26px; }
        .mobile-casino-page .filter-type .inner ul li.s3 span.icon {
          background-position: -48px 0;
          width: 15px;
          height: 24px; }
        .mobile-casino-page .filter-type .inner ul li.s4 span.icon {
          background-position: -63px 0;
          width: 24px;
          height: 24px; }
        .mobile-casino-page .filter-type .inner ul li span.icon {
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          background: url("../images/sprite-list-type.png") no-repeat 0 0;
          background-size: 135px 53px;
          display: inline-block; }
  .mobile-casino-page .filter-type .search-filter {
    float: left;
    width: 37%; }
    .mobile-casino-page .filter-type .search-filter input {
      padding-right: 30px; }
    .mobile-casino-page .filter-type .search-filter button {
      top: 5px; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

.has-coupon-betslip {
  top: 94px; }
  .has-coupon-betslip .scroll {
    padding-bottom: 45px; }

.coupon-betslip .header {
  position: relative;
  z-index: 99;
  background-color: #0a0a0a;
  padding: 10px; }
  .coupon-betslip .header .pull-left {
    padding-top: 4px; }
    .coupon-betslip .header .pull-left span {
      display: inline-block; }
      .coupon-betslip .header .pull-left span:first-child {
        font-size: 23px;
        font-weight: 700;
        color: #fff; }
      .coupon-betslip .header .pull-left span:last-child {
        font-size: 13px;
        color: #b2b2b2; }
  .coupon-betslip .header .pull-right span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    background: url("../images/sprite-list-type.png") no-repeat 0 0;
    background-size: 135px 53px;
    cursor: pointer; }
    .coupon-betslip .header .pull-right span.info {
      background-position: -87px 0;
      width: 24px;
      height: 24px; }
    .coupon-betslip .header .pull-right span.close {
      background-position: -111px 0;
      width: 24px;
      height: 24px; }
.coupon-betslip .tabs {
  background-color: #f5c65d;
  border-bottom: 1px solid #c99212;
  background-image: none; }
  .coupon-betslip .tabs a {
    font-size: 16px;
    color: #0a0a0a;
    font-weight: 700;
    position: relative; }
    .coupon-betslip .tabs a:after {
      content: '';
      position: absolute;
      bottom: 7px;
      left: 50%;
      transition: 0.3s all;
      -webkit-transition: 0.3s all;
      -moz-transition: 0.3s all;
      background-color: #009943;
      height: 2px;
      width: 0%; }
  .coupon-betslip .tabs .tab-item-active:after {
    width: 50%;
    margin-left: -25%; }
.coupon-betslip .regulation {
  padding: 5px 10px;
  background-color: #f5c65d; }
  .coupon-betslip .regulation span.text {
    color: #0a0a0a;
    font-size: 13px;
    display: inline-block;
    line-height: 100%;
    font-weight: 500; }
  .coupon-betslip .regulation .m-table .m-td {
    vertical-align: middle; }
    .coupon-betslip .regulation .m-table .m-td:first-child {
      width: 20%;
      text-align: center; }
    .coupon-betslip .regulation .m-table .m-td:last-child {
      width: 80%; }
  .coupon-betslip .regulation ul {
    font-size: 0; }
    .coupon-betslip .regulation ul li {
      display: inline-block;
      vertical-align: top;
      margin: 3px 2px; }
      .coupon-betslip .regulation ul li label {
        position: relative; }
        .coupon-betslip .regulation ul li label input {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          display: none;
          visibility: hidden;
          opacity: 0; }
          .coupon-betslip .regulation ul li label input:checked + span {
            background-color: #3daf2c;
            color: #fff; }
        .coupon-betslip .regulation ul li label span {
          cursor: pointer;
          display: inline-block;
          width: 35px;
          border: 1px solid #c99212;
          height: 30px;
          text-align: center;
          line-height: 28px;
          border-radius: 3px;
          background-color: #fff8e4;
          font-size: 16px;
          color: #0a0a0a;
          font-weight: 700; }
.coupon-betslip .match-statistics .m-table {
  background-color: #ffc000;
  border-collapse: collapse; }
  .coupon-betslip .match-statistics .m-table.large .m-td {
    padding: 20px 10px; }
  .coupon-betslip .match-statistics .m-table .m-tr {
    border-top: 1px solid #c99212; }
    .coupon-betslip .match-statistics .m-table .m-tr:last-child {
      font-weight: 700; }
  .coupon-betslip .match-statistics .m-table .m-td {
    vertical-align: middle;
    padding: 10px; }
    .coupon-betslip .match-statistics .m-table .m-td.payment-type label {
      display: inline-block;
      position: relative; }
      .coupon-betslip .match-statistics .m-table .m-td.payment-type label input {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        display: none;
        visibility: hidden; }
        .coupon-betslip .match-statistics .m-table .m-td.payment-type label input:checked + span {
          background-color: #fff8e4;
          border-color: #c99212;
          color: #000; }
      .coupon-betslip .match-statistics .m-table .m-td.payment-type label span {
        cursor: pointer;
        display: inline-block;
        padding: 5px 15px;
        min-width: 90px;
        text-align: center;
        color: #fff;
        font-size: 15px;
        font-weight: 700;
        border-radius: 3px;
        border: 1px solid #c99212;
        background-color: #daa004; }
    .coupon-betslip .match-statistics .m-table .m-td:last-child {
      text-align: right;
      font-weight: 700; }
.coupon-betslip .add-match .m-table {
  border-collapse: collapse; }
  .coupon-betslip .add-match .m-table .m-tr {
    background-color: #ffc000;
    border-bottom: 1px solid #c99212; }
  .coupon-betslip .add-match .m-table .m-td {
    padding: 7px 10px;
    vertical-align: middle; }
    .coupon-betslip .add-match .m-table .m-td .ion-arrow-up-b {
      color: #009943; }
    .coupon-betslip .add-match .m-table .m-td .ion-arrow-down-b {
      color: #ff0000; }
    .coupon-betslip .add-match .m-table .m-td.info {
      width: 60%; }
      .coupon-betslip .add-match .m-table .m-td.info .padding-left {
        padding-left: 20px; }
      .coupon-betslip .add-match .m-table .m-td.info span, .coupon-betslip .add-match .m-table .m-td.info i {
        display: inline-block;
        vertical-align: middle; }
      .coupon-betslip .add-match .m-table .m-td.info i {
        margin-right: 3px; }
        .coupon-betslip .add-match .m-table .m-td.info i.point {
          width: 18px;
          height: 18px;
          text-align: center;
          line-height: 16px;
          font-size: 15px;
          color: #fff;
          font-weight: 700;
          border: 1px solid #0a0a0a; }
          .coupon-betslip .add-match .m-table .m-td.info i.point.red {
            background-color: #ff3c1f; }
          .coupon-betslip .add-match .m-table .m-td.info i.point.blue {
            background-color: #2e6eca; }
        .coupon-betslip .add-match .m-table .m-td.info i:before {
          font-size: 18px; }
      .coupon-betslip .add-match .m-table .m-td.info span {
        font-size: 13px;
        color: #0a0a0a; }
    .coupon-betslip .add-match .m-table .m-td.options {
      text-align: center;
      width: 10%;
      border-left: 1px solid #c99212;
      cursor: pointer; }
      .coupon-betslip .add-match .m-table .m-td.options .ion-close {
        color: #ff0000; }
        .coupon-betslip .add-match .m-table .m-td.options .ion-close:before {
          font-size: 20px; }
    .coupon-betslip .add-match .m-table .m-td.rates {
      width: 30%; }
      .coupon-betslip .add-match .m-table .m-td.rates .rate {
        padding: 10px;
        border: 1px solid #c99212;
        border-radius: 3px;
        display: block;
        font-size: 20px;
        color: #0a0a0a;
        font-weight: 700;
        text-align: center; }
      .coupon-betslip .add-match .m-table .m-td.rates .amount {
        margin-top: 10px;
        border: 1px solid #c99212;
        border-radius: 3px; }
        .coupon-betslip .add-match .m-table .m-td.rates .amount > span {
          text-align: center;
          display: block;
          font-size: 13px; }
        .coupon-betslip .add-match .m-table .m-td.rates .amount .amount-wrapper {
          position: relative;
          border-top: 1px solid #c99212;
          background-color: #fff; }
          .coupon-betslip .add-match .m-table .m-td.rates .amount .amount-wrapper button {
            border: none;
            position: absolute;
            background: #ffc339;
            background: -moz-linear-gradient(top, #ffc339 0%, #d99f03 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc339), color-stop(100%, #d99f03));
            background: -webkit-linear-gradient(top, #ffc339 0%, #d99f03 100%);
            background: -o-linear-gradient(top, #ffc339 0%, #d99f03 100%);
            background: -ms-linear-gradient(top, #ffc339 0%, #d99f03 100%);
            background: linear-gradient(to bottom, #ffc339 0%, #d99f03 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc339', endColorstr='#d99f03',GradientType=0 );
            top: 0;
            height: 100%;
            width: 30%; }
            .coupon-betslip .add-match .m-table .m-td.rates .amount .amount-wrapper button i:before {
              color: #fff; }
            .coupon-betslip .add-match .m-table .m-td.rates .amount .amount-wrapper button:active i:before {
              color: #000 !important; }
            .coupon-betslip .add-match .m-table .m-td.rates .amount .amount-wrapper button.left {
              left: 0;
              border-radius: 0 2px 2px 0; }
            .coupon-betslip .add-match .m-table .m-td.rates .amount .amount-wrapper button.right {
              right: 0;
              border-radius: 2px 0 0 2px; }
          .coupon-betslip .add-match .m-table .m-td.rates .amount .amount-wrapper input {
            width: 40%;
            text-align: center;
            height: 30px;
            padding: 0 5px;
            font-size: 20px;
            border-radius: 0;
            margin: 0 30%; }
.coupon-betslip .alert-success {
  background: #ff9f19;
  background: -moz-linear-gradient(top, #ff9f19 0%, #ffc000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9f19), color-stop(100%, #ffc000));
  background: -webkit-linear-gradient(top, #ff9f19 0%, #ffc000 100%);
  background: -o-linear-gradient(top, #ff9f19 0%, #ffc000 100%);
  background: -ms-linear-gradient(top, #ff9f19 0%, #ffc000 100%);
  background: linear-gradient(to bottom, #ff9f19 0%, #ffc000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f19', endColorstr='#ffc000',GradientType=0 );
  padding: 20px; }
  .coupon-betslip .alert-success .congratulations {
    background: url("../images/success-bg.png") no-repeat top center;
    background-size: 340px 187px;
    width: 100%;
    height: 187px;
    text-align: center; }
    .coupon-betslip .alert-success .congratulations i {
      display: block;
      padding-top: 17px; }
      .coupon-betslip .alert-success .congratulations i:before {
        font-size: 70px;
        color: #36aa44; }
    .coupon-betslip .alert-success .congratulations h4 {
      line-height: 100%;
      margin: 10px 0;
      font-size: 30px;
      color: #282828;
      font-weight: 700; }
    .coupon-betslip .alert-success .congratulations span {
      font-size: 17px;
      color: #282828; }

.footer-nav {
  padding: 0;
  height: auto; }
  .footer-nav .padding-right {
    padding-right: 6px; }
  .footer-nav ul {
    display: table;
    width: 100%; }
    .footer-nav ul li {
      display: table-cell;
      width: 33.3%;
      text-align: center; }
      .footer-nav ul li.s1 {
        background-color: #ff0000; }
      .footer-nav ul li.s2 {
        background-color: #007be3; }
      .footer-nav ul li.s3 {
        background-color: #3daf2c; }
      .footer-nav ul li a {
        display: block;
        color: #fff;
        font-weight: 700;
        font-size: 16px;
        padding: 12px 0; }
        .footer-nav ul li a:before {
          font-size: 20px; }

.team-list-page {
  position: relative;
  top: 44px; }
  .team-list-page .top {
    text-align: center;
    min-height: 30px;
    padding-top: 20px; }
    .team-list-page .top .col-33 {
      padding: 0 20px; }
      .team-list-page .top .col-33:first-child {
        text-align: left; }
      .team-list-page .top .col-33:last-child {
        text-align: right; }
    .team-list-page .top span {
      display: inline-block; }
      .team-list-page .top span.live {
        padding: 4px 12px;
        border-radius: 30px;
        font-size: 13px;
        background-color: #000000;
        border: 1px solid #dd1a2c;
        color: #dd1a2c; }
      .team-list-page .top span.time {
        border: 1px solid #007be3;
        padding: 4px 8px;
        border-radius: 30px;
        font-size: 21px;
        color: #fff;
        min-width: 50px;
        position: relative; }
        .team-list-page .top span.time:after {
          content: '';
          position: absolute;
          bottom: -10px;
          left: 50%;
          margin-left: -5px;
          width: 0;
          height: 0;
          border-left: 5px solid transparent;
          border-right: 5px solid transparent;
          border-top: 5px solid #007be3; }
      .team-list-page .top span.rates {
        font-size: 10px;
        line-height: 100%;
        display: block;
        color: #fff; }
  .team-list-page .middle {
    background: #c7a273;
    background: -moz-linear-gradient(top, #c7a273 0%, #e0cd94 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c7a273), color-stop(100%, #e0cd94));
    background: -webkit-linear-gradient(top, #c7a273 0%, #e0cd94 100%);
    background: -o-linear-gradient(top, #c7a273 0%, #e0cd94 100%);
    background: -ms-linear-gradient(top, #c7a273 0%, #e0cd94 100%);
    background: linear-gradient(to bottom, #c7a273 0%, #e0cd94 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7a273', endColorstr='#e0cd94',GradientType=0 );
    padding: 5px 10px;
    margin-top: 20px;
    position: relative; }
    .team-list-page .middle:before {
      content: '';
      position: absolute;
      top: -9px;
      left: 0;
      background: url("../images/middle-before.png") repeat-x top center;
      width: 100%;
      height: 18px;
      background-size: 361px 9px; }
    .team-list-page .middle .teams {
      margin-top: 10px;
      overflow: hidden; }
      .team-list-page .middle .teams > div {
        float: left;
        width: 50%; }
      .team-list-page .middle .teams img, .team-list-page .middle .teams span {
        display: inline-block;
        vertical-align: middle; }
      .team-list-page .middle .teams span {
        font-size: 11px;
        font-weight: 700;
        color: #fff;
        margin: 0 3px;
        text-transform: uppercase;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
      .team-list-page .middle .teams .secondary-team {
        text-align: right; }
    .team-list-page .middle .score {
      text-align: center;
      margin: 5px 0;
      padding-left: 12px; }
      .team-list-page .middle .score span {
        line-height: 100%;
        font-size: 110px;
        font-weight: 700;
        color: #fff;
        letter-spacing: 10px;
        text-shadow: 0 0 30px rgba(0, 0, 0, 0.2); }
        .team-list-page .middle .score span em {
          font-weight: normal;
          position: relative;
          top: -10px; }
    .team-list-page .middle .stadium {
      text-align: center;
      position: relative; }
      .team-list-page .middle .stadium span {
        display: block;
        font-size: 11px;
        color: #fff;
        text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); }

.main-footer {
  height: 110px;
  background-color: #0a0a0a;
  border-top: none;
  background-size: 0;
  margin-top: 0 !important;
}
  .main-footer .brands {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0; }
    .main-footer .brands .copyright {
      font-size: 10px;
      color: #a0a0a0;
      text-align: center;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%; }
    .main-footer .brands ul {
      padding: 20px 10px;
      text-align: center;
      font-size: 0;
      width: 100%; }
      .main-footer .brands ul li {
        display: inline-block;
        vertical-align: middle;
        margin: 0px 5px; }
        .main-footer .brands ul li span {
          display: inline-block;
          background: url("../images/brands-sprite.png") no-repeat 0 0;
          background-size: 431px 25px; }
          .main-footer .brands ul li span.s1 {
            width: 52px;
            height: 16px; }
          .main-footer .brands ul li span.s2 {
            background-position: -52px 0;
            width: 53px;
            height: 14px; }
          .main-footer .brands ul li span.s3 {
            background-position: -105px 0;
            width: 62px;
            height: 15px; }
          .main-footer .brands ul li span.s4 {
            background-position: -167px 0;
            width: 43px;
            height: 25px; }
          .main-footer .brands ul li span.s5 {
            background-position: -210px 0;
            width: 62px;
            height: 13px; }
          .main-footer .brands ul li span.s6 {
            background-position: -272px 0;
            width: 54px;
            height: 15px; }
          .main-footer .brands ul li span.s7 {
            background-position: -326px 0;
            width: 45px;
            height: 16px; }
          .main-footer .brands ul li span.s8 {
            background-position: -371px 0;
            width: 60px;
            height: 22px; }

#lotto-tab-content .tab-content .nav {
  padding: 10px 0; }
  #lotto-tab-content .tab-content .nav .m-td {
    vertical-align: middle; }
  #lotto-tab-content .tab-content .nav .right {
    text-align: right; }
    #lotto-tab-content .tab-content .nav .right span.bg {
      background: url("../images/lotto-sprite.png") no-repeat 0 0;
      background-size: 323px 32px;
      cursor: pointer;
      margin-left: 10px; }
      #lotto-tab-content .tab-content .nav .right span.bg.aa {
        background-position: -198px 0;
        width: 18px;
        height: 20px; }
      #lotto-tab-content .tab-content .nav .right span.bg.bb {
        background-position: -216px 0;
        width: 17px;
        height: 20px; }
  #lotto-tab-content .tab-content .nav .left i.icon {
    background: url("../images/lotto-sprite.png") no-repeat -178px 0;
    background-size: 323px 32px;
    width: 20px;
    height: 17px;
    position: relative;
    top: 3px; }
  #lotto-tab-content .tab-content .nav span.title {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin-left: 5px; }
  #lotto-tab-content .tab-content .nav i.badget {
    width: 15px;
    height: 15px;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    line-height: 15px;
    text-align: center;
    background-color: #ff8a00;
    border-radius: 100%;
    margin-left: 5px;
    position: relative;
    top: -1px; }
  #lotto-tab-content .tab-content .nav i, #lotto-tab-content .tab-content .nav span {
    display: inline-block; }
#lotto-tab-content .tab-content .lotto-coupons {
  margin: 0 5px; }
  #lotto-tab-content .tab-content .lotto-coupons .top {
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 13px;
    color: #fff; }
    #lotto-tab-content .tab-content .lotto-coupons .top span.name {
      display: inline-block; }
    #lotto-tab-content .tab-content .lotto-coupons .top span.num {
      float: right; }
  #lotto-tab-content .tab-content .lotto-coupons ul.list-type {
    font-size: 0; }
    #lotto-tab-content .tab-content .lotto-coupons ul.list-type > li {
      display: inline-block;
      vertical-align: top;
      width: 49%;
      margin-right: 2%; }
      #lotto-tab-content .tab-content .lotto-coupons ul.list-type > li:nth-of-type(2n) {
        margin-right: 0%; }
  #lotto-tab-content .tab-content .lotto-coupons .buy {
    margin: 5px 0; }
  #lotto-tab-content .tab-content .lotto-coupons .buy-button {
    background: #37466a;
    background: -moz-linear-gradient(top, #37466a 0%, #02030d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #37466a), color-stop(100%, #02030d));
    background: -webkit-linear-gradient(top, #37466a 0%, #02030d 100%);
    background: -o-linear-gradient(top, #37466a 0%, #02030d 100%);
    background: -ms-linear-gradient(top, #37466a 0%, #02030d 100%);
    background: linear-gradient(to bottom, #37466a 0%, #02030d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37466a', endColorstr='#02030d',GradientType=0 );
    display: block;
    padding: 7px 10px;
    border-radius: 1px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all; }
    #lotto-tab-content .tab-content .lotto-coupons .buy-button:active {
      box-shadow: 0 0 30px #000 inset;
      -webkit-box-shadow: 0 0 30px #000 inset;
      -moz-box-shadow: 0 0 30px #000 inset; }

.lotto-tab {
  position: inherit !important;
  top: inherit !important;
  left: inherit !important;
  background: #475f85;
  background: -moz-linear-gradient(top, #475f85 0%, #0a1b3a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #475f85), color-stop(100%, #0a1b3a));
  background: -webkit-linear-gradient(top, #475f85 0%, #0a1b3a 100%);
  background: -o-linear-gradient(top, #475f85 0%, #0a1b3a 100%);
  background: -ms-linear-gradient(top, #475f85 0%, #0a1b3a 100%);
  background: linear-gradient(to bottom, #475f85 0%, #0a1b3a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#475f85', endColorstr='#0a1b3a',GradientType=0 );
  padding-top: 0 !important;
  height: 75px !important; }
  .lotto-tab.fixed {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important; }
  .lotto-tab .tsb-ic-wrp a {
    color: #fff;
    width: 120px;
    font-size: 12px !important; }
    .lotto-tab .tsb-ic-wrp a span {
      display: block; }
      .lotto-tab .tsb-ic-wrp a span.icon {
        height: 35px;
        margin-top: 0 !important; }
        .lotto-tab .tsb-ic-wrp a span.icon i {
          display: inline-block;
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          background: url("../images/lotto-sprite.png") no-repeat 0 0;
          background-size: 323px 32px; }
          .lotto-tab .tsb-ic-wrp a span.icon i.b1 {
            background-position: -82px 0;
            width: 36px;
            height: 19px; }
          .lotto-tab .tsb-ic-wrp a span.icon i.b2 {
            background-position: -118px 0;
            width: 22px;
            height: 19px; }
          .lotto-tab .tsb-ic-wrp a span.icon i.b3 {
            background-position: -140px 0;
            width: 21px;
            height: 19px; }
          .lotto-tab .tsb-ic-wrp a span.icon i.b4 {
            background-position: -161px 0;
            width: 17px;
            height: 18px; }
      .lotto-tab .tsb-ic-wrp a span.text {
        font-size: 12px;
        height: 25px;
        line-height: 130%;
        font-weight: 700 !important;
        text-transform: uppercase; }
        .lotto-tab .tsb-ic-wrp a span.text i {
          display: block;
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
        .lotto-tab .tsb-ic-wrp a span.text i {
          font-size: 12px !important; }
    .lotto-tab .tsb-ic-wrp a.active {
      border-bottom-color: #4dd12e !important;
      background: #5f7295;
      background: -moz-linear-gradient(top, #5f7295 0%, #283a5b 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5f7295), color-stop(100%, #283a5b));
      background: -webkit-linear-gradient(top, #5f7295 0%, #283a5b 100%);
      background: -o-linear-gradient(top, #5f7295 0%, #283a5b 100%);
      background: -ms-linear-gradient(top, #5f7295 0%, #283a5b 100%);
      background: linear-gradient(to bottom, #5f7295 0%, #283a5b 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f7295', endColorstr='#283a5b',GradientType=0 ); }

.tab-text-page {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 44px;
  left: 0; }
  .tab-text-page .top {
    margin: 0 20px;
    height: 50px;
    padding-top: 10px;
    border-bottom: 1px solid #555; }
    .tab-text-page .top span.title {
      font-size: 18px;
      font-weight: 700;
      color: #fff;
      display: inline-block;
      margin-top: 5px; }
    .tab-text-page .top .pull-right span {
      display: inline-block;
      padding: 5px 5px;
      cursor: pointer; }
    .tab-text-page .top .pull-right i:before {
      color: #909090;
      font-size: 20px; }
  .tab-text-page .text-page-content {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 64%; }
    .tab-text-page .text-page-content .scroll {
      padding-bottom: 49px; }
    .tab-text-page .text-page-content .inner {
      padding: 10px 20px; }
    .tab-text-page .text-page-content .scroll-content {
      margin-top: 0;
      bottom: 0 !important; }
    .tab-text-page .text-page-content span {
      display: inline-block;
      vertical-align: middle;
      margin: 0 5px; }
      .tab-text-page .text-page-content span.s1, .tab-text-page .text-page-content span.s2 {
        font-size: 18px;
        color: #7c7c7c; }
      .tab-text-page .text-page-content span.s3 {
        font-size: 35px; }
      .tab-text-page .text-page-content span.s4 {
        font-size: 18px;
        color: #3daf2c; }
    .tab-text-page .text-page-content * {
      color: #fff; }
  .tab-text-page .tabs {
    bottom: 154px;
    background-color: #242424;
    background-size: 0;
    padding-top: 0; }
    .tab-text-page .tabs .tab-item-active:after {
      margin-left: -35%;
      width: 70%; }
    .tab-text-page .tabs a {
      color: #fff;
      max-width: inherit;
      font-size: 11px !important;
      font-weight: 700;
      opacity: 1 !important;
      position: relative; }
      .tab-text-page .tabs a:after {
        content: '';
        position: absolute;
        top: 35px;
        left: 50%;
        transition: 0.3s all;
        -webkit-transition: 0.3s all;
        -moz-transition: 0.3s all;
        width: 0%;
        height: 2px;
        background-color: #009943; }
      .tab-text-page .tabs a i {
        margin-right: 10px; }
      .tab-text-page .tabs a .ion-social-euro {
        color: #0096ff; }
      .tab-text-page .tabs a .ion-social-usd {
        color: #57b736; }
      .tab-text-page .tabs a:last-child {
        border-right: transparent; }

.tab-money {
  height: 100px;
  position: relative;
  top: 44px; }
  .tab-money .money {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background-color: #0a0a0a !important;
    text-align: center; }
    .tab-money .money span {
      display: inline-block;
      vertical-align: middle;
      margin: 0 5px; }
      .tab-money .money span.s1, .tab-money .money span.s2 {
        font-size: 18px;
        color: #7c7c7c; }
      .tab-money .money span.s3 {
        font-size: 35px; }
      .tab-money .money span.s4 {
        font-size: 18px;
        color: #3daf2c; }
    .tab-money .money * {
      color: #fff; }
  .tab-money .tabs {
    bottom: -49px;
    border: 1px solid #0a0a0a;
    background: #484848;
    background: -moz-linear-gradient(top, #484848 0%, #1e1e1e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #484848), color-stop(100%, #1e1e1e));
    background: -webkit-linear-gradient(top, #484848 0%, #1e1e1e 100%);
    background: -o-linear-gradient(top, #484848 0%, #1e1e1e 100%);
    background: -ms-linear-gradient(top, #484848 0%, #1e1e1e 100%);
    background: linear-gradient(to bottom, #484848 0%, #1e1e1e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#1e1e1e',GradientType=0 );
    padding-top: 0; }
    .tab-money .tabs .tab-item-active {
      background: #1e1e1e;
      background: -moz-linear-gradient(top, #1e1e1e 0%, #484848 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e1e1e), color-stop(100%, #484848));
      background: -webkit-linear-gradient(top, #1e1e1e 0%, #484848 100%);
      background: -o-linear-gradient(top, #1e1e1e 0%, #484848 100%);
      background: -ms-linear-gradient(top, #1e1e1e 0%, #484848 100%);
      background: linear-gradient(to bottom, #1e1e1e 0%, #484848 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#484848',GradientType=0 ); }
    .tab-money .tabs a {
      border-right: 1px solid #0a0a0a;
      color: #fff;
      max-width: inherit;
      width: 50%;
      font-size: 15px !important;
      opacity: 1 !important; }
      .tab-money .tabs a i {
        margin-right: 10px; }
      .tab-money .tabs a .ion-social-euro {
        color: #0096ff; }
      .tab-money .tabs a .ion-social-usd {
        color: #57b736; }
      .tab-money .tabs a:last-child {
        border-right: transparent; }

label.search {
  display: block;
  position: relative; }
  label.search input {
    background-color: #f6da40; }
  label.search button {
    position: absolute;
    border: none;
    background-color: transparent;
    top: 4px;
    font-size: 20px;
    right: 5px; }

/* When the entire SoD is disabled, go crazy! */
.sod_select.disabled {
  cursor: not-allowed; }

/* The "label", or whatever we should call it. Keep the first three lines for truncating. */
.sod_select .sod_label {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.sod_select .sod_prefix {
  /* Use this if you're using a prefix and want to style it */ }

.sod_select .sod_placeholder {
  /* Use this if you're using a placeholder and want to style it */ }

/* Options list wrapper */
.sod_select .sod_list_wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  height: auto;
  min-width: 100%;
  width: auto;
  background-color: #ffffff;
  z-index: 1; }

/* Shows the option list (don't edit) */
.sod_select.open .sod_list_wrapper {
  display: block; }

/* Don't display the options when  */
.sod_select.disabled.open .sod_list_wrapper {
  display: none; }

/* When the option list is displayed above the SoD */
.sod_select.above .sod_list_wrapper {
  top: auto;
  bottom: 100%; }

/* Options list container */
.sod_select .sod_list {
  display: block;
  overflow-y: auto;
  padding: 0;
  margin: 0; }

/* All the options. Keep the first three lines for truncating... */
.sod_select .sod_option {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 10px; }

/* Optgroups */
.sod_select .sod_option.optgroup,
.sod_select .sod_option.optgroup.disabled {
  background: inherit;
  color: #939393;
  font-size: 10px;
  font-style: italic; }

/* Children of an optgroup */
.sod_select .sod_option.groupchild {
  padding-left: 20px; }

/* Used together with placeholderOption / data-placeholder-option */
.sod_select .sod_option.is-placeholder {
  display: none; }

/* Disabled option */
.sod_select .sod_option.disabled {
  background: inherit;
  color: #cccccc; }

/* Hover state for options, also used when a user uses his/hers up/down keys */
.sod_select .sod_option.active {
  background: #f7f7f7;
  color: #333333; }

/*Make room for the check mark */
.sod_select .sod_option.selected {
  font-weight: 700;
  position: relative;
  padding-right: 25px; }

/* Displays a check mark for the selected option */
.sod_select .sod_option.selected:before {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  color: #808080;
  height: 9px;
  width: 10px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K); }

/* Add a .no_highlight class to you SoD to hide the check mark and don't bold the option */
.sod_select.no_highlight .sod_option.selected {
  font-weight: 300; }

.sod_select.no_highlight .sod_option.selected:before {
  display: none; }

.sod_select .sod_option.link {
  /* If data-link is set on a specific option */ }

.sod_select .sod_option.linkexternal {
  /* If data-link-external is set on a specific option */ }

/* Hide native select */
.sod_select select {
  display: none !important; }

/* The native select in touch mode. Keep this first line. Sorry, keep everything. */
.sod_select.touch select {
  -webkit-appearance: menulist-button;
  position: absolute;
  top: 0;
  left: 0;
  display: block !important;
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index: 1; }

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

.footer-link ul {
  background-color: #242424;
  height: 49px;
  line-height: 49px;
  margin:20px 0 0 0 !important;
}

.footer-link ul li {
  display: inline-block;
  text-align: center;
  width: 24%;
  z-index: 5;
}
.footer-link li a {
  color: #fff;
  font-size: 11px !important;
  font-weight: 700;
  opacity: 1 !important;
  text-align: center;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.hide {
  display: none !important;
}

#slide-tab .scroll-content {
  height: 100% !important;
}

.tabs.tabs-item-hide,
.tabs-item-hide > .tabs {
  display: none;
}

.scroll-content {
  height: 100% !important;
}

.chatBubble img.profile-pic {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  bottom: 10px;
}
.chatBubble img.profile-pic.left {
  left: 10px;
}
.chatBubble img.profile-pic.right {
  right: 10px;
}
.chatBubble .message {
  font-size: medium;
  word-wrap: break-word;
  /*white-space: pre-wrap;*/
}
.chatBubble .message-detail {
  white-space: nowrap;
  font-size: 14px;
}
.chatBubble .chat-bubble {
  border-radius: 5px;
  display: inline-block;
  padding: 10px 18px;
  position: relative;
  margin: 10px;
  max-width: 80%;
}
.chatBubble .chat-bubble:before {
  content: "\00a0";
  display: block;
  height: 16px;
  width: 9px;
  position: absolute;
  bottom: -7.5px;
}
.chatBubble .chat-bubble.left {
  background-color: #fff;
  float: left;
  margin-left: 6px;
}
.chatBubble .chat-bubble.left:before {
  background-color: #fff;
  left: 10px;
  -webkit-transform: rotate(70deg) skew(5deg);
}
.chatBubble .chat-bubble.right {
  background-color: #fff;
  color: #000;
  float: right;
  margin-right: 6px;
}
.chatBubble .chat-bubble.right:before {
  background-color: #fff;
  right: 10px;
  -webkit-transform: rotate(118deg) skew(-5deg);
}
.chatBubble .chat-bubble.right a.autolinker {
  color: #000;
  font-weight: bold;
}

select.soflow, select.soflow-color {
  -webkit-appearance: button;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  background-image: url(../images/select.png), -webkit-linear-gradient(#FFFFFF, #FFFFFF 100%, #FFFFFF);
  background-position: 97% center;
  background-repeat: no-repeat;
  border: 1px solid #EEE;
  border-radius: 3px;
  color: #555;
  font-size: inherit;
  overflow: hidden;
  padding: 10px 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

select.soflow-color {
  color: #fff;
  background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#FFFFFF, #FFFFFF 100%, #FFFFFF);
  background-color: #FFFFFF;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding-left: 15px;
}

.wpFloat{ position:fixed; width:60px; height:60px; bottom:80px; left:20px; background-color:#25d366; color:#FFF; border-radius:50px; text-align:center; font-size:30px; box-shadow: 2px 2px 3px #525252; z-index:100; }
.my-float{ margin-top:16px; }
.wpFloat:hover{color: #fff !important;font-size: 36px !important; }
.wpFloat:hover .my-float{margin-top: 13px !important;}

.promotionFullButton{width:100% !important;}


input:disabled, input[disabled] {
  background-color: #000000 !important;
  color: #ffffff !important;
}