body{
    margin:auto;
    padding:0px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    background: #161f2f url('../images/main_bg.png') no-repeat center top;
  }
  a{
    text-decoration:none;
    outline:none;
  }
  a:hover{
    text-decoration:none;
    outline:none;
  }
  .modal-content {
    background: #3a3a3a;
  }
  .uppercase {
    text-transform: uppercase;
  }
  a:focus {
    outline: 0 none;
    text-decoration: none;
  }
  .container {
    width: 1170px;
    padding:0;
  }

  .row {
    margin: 0;
  }
  @font-face {
    font-family: lobster-two;
    src: url(../fonts/lobster-two.regular.ttf);
  }
  @font-face {
    font-family: BebasNeue_0;
    src: url(../fonts/BebasNeue_0.otf);
  }
  @font-face {
    font-family: gotham-black;
    src: url(../fonts/gotham-black.otf);
  }
  @font-face {
    font-family: gotham-extra-light;
    src: url(../fonts/gotham-extra-light.otf);
  }
  @font-face {
    font-family: 'roboto';
    src: url(/fonts/Roboto-Regular.ttf);
  }
  ul {
    list-style-type: none;
    padding-left: 0px;
  }
  a {
    outline: medium none;
    text-decoration: none;
  }
  a:hover {
    outline: medium none;
    text-decoration: none;
  }
  a:focus {
    outline: 0 none;
    text-decoration: none;
  }
  /***** after addd*****/
  .utma_text{
    width: auto;
    color: #fff;
  }
  .utma_text span{
    color: #fc910f;
  }
  .utmrow{
    width:auto;
  }
  .utmrow .nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #005f91;
    margin-bottom: 5px;
    border-radius: 0px;
    border: solid 1px #03acef;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    height: 52px;
    color: #fff;
    line-height: 50px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%;
    border-radius: 10px;
  }
  .niceselect {
    height: 34px !important;
    line-height: 34px !important;
    border-radius: 15px !important;
  }
  /**** end ***/
  .dummy_heading{
    width: 100%;
    text-align: center;
    padding: 50px 0px;
  }
  .dummy_heading h2{
    font-size: 40px;
    color: #000;
    text-decoration: underline;
  }
  .checkbox {
    padding-left: 20px; }
  .checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
  .checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
  .checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555; }
  .checkbox input[type="checkbox"] {
    opacity: 0; }
  .checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c"; }
  .checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65; }
  .checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed; }
  .checkbox.checkbox-circle label::before {
    border-radius: 50%; }
  .checkbox.checkbox-inline {
    margin-top: 0; }
  .checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #428bca;
    border-color: #428bca; }
  .checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff; }
  .checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f; }
  .checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #fff; }
  .checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de; }
  .checkbox-info input[type="checkbox"]:checked + label::after {
    color: #fff; }
  .checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e; }
  .checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #fff; }
  .checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c; }
  .checkbox-success input[type="checkbox"]:checked + label::after {
    color: #fff; }
  /*forget FORGET PASSWORD START*/
  .forgetpass_top {
    background: #252525;
    padding: 145px 0px 0px 0px;
  }
  .forget_boxes1{
    width: auto;
  }
  .forget_boxes1 .forgetpas_hed{
    width: auto;
    background: #006193;
    background: -moz-linear-gradient(top, #006193 1%, #003356 51%, #005f91 100%);
    background: -webkit-linear-gradient(top, #006193 1%,#003356 51%,#005f91 100%);
    background: linear-gradient(to bottom, #006193 1%,#003356 51%,#005f91 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006193', endColorstr='#005f91',GradientType=0 );
    border-bottom: 4px solid #0093d9;
  }
  .forget_boxes1 .forgetpas_hed h2{
    font-size: 25px;
    font-weight: 300;
    margin: 0px;
    text-transform: uppercase;
    font-family: gotham-black;
    text-align: center;
    color: #fff;
    padding: 10px 0px;
  }
  /*forget FORGET PASSWORD END*/
  .cornerborder{
    border-right: 1px solid #e1e1e1;
  }
  .bluerounebt{
   text-align: center;
   margin: auto;
   }
  .bluerounebt a{
    width:83px;
    height: 87px;
    border: 1px solid #009ee2;
    border-radius: 5px;
    color: #898989;
    font-size: 18px;
    padding: 5px 20px;
   }
  .bluerounebt a:hover{
    border: 1px solid #31a6d9
   }
  .poptble{
    width: auto;
  }
  .poptble table tr td{
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0px solid #ddd !important;
    color:#928f8f;
  }
  .lotrypop_box2{
    width: auto;
    background: #005b8b; /* Old browsers */
    color: #c1edff;
    border-radius: 0px;
  }
  .lotrypop_box2 img{
    display: inline-block;
  }
  .lotrypop_box2 li a{
    color: #fff;
    padding: 10px 20px;
    line-height: 1.42857143;
    font-weight: 400;
  }
  .lotrypop_box2 li a active{
    background: #00689d;
  }
  .lotrypop_box2 li a:hover{
    background: #006395;
    color: #fff;
  }
  /*sign up fourm start*/
  .sugnup_hd h2{
    font-size: 30px;
    /*font-weight: 300;*/
    margin: 0px;
    text-transform: uppercase;
    font-family: gotham-black;
    /*padding:10px 0px 10px 0px;*/
    color: #fff;
    text-align: center;
    margin-top: -3%;
  }
  .signupbg{
    width: auto;
    width: 100%;
    height: 100%;
  }

  .signupbg .container {
    background: rgba(0,0,0,0.5);
  }
  .sgn_frm{
    width: auto;
  }
  .sgn_frm label{
    color: #c2c2c2;
    font-size:12px;
    font-weight:normal;
    padding-right: 1px;
    padding-left: 10px;
  }
  .sgn_frm label span{
      color: #ee0002;
    font-size: 18px;
    font-weight: bold;
  }
  .sgn_frm input {
      background: #fff;
      border: #fff solid 1px;
      border-radius: 15px;
  }
  .sgn_frm .input-lg {
      height: 32px;
      padding: 5px 16px;
      font-size: 15px;
      line-height: 1.3333333;
      border-radius: 6px;
      text-align: left;
  }
  .sgn_frm .nice-select{
      height: 32px;
      line-height: 1.3333333;
      margin-bottom: 0px;
      font-size: 15px;
      text-transform: none;
      border-radius: 5px;
      background: #fff;
      border: 1px solid #fff;
  }
  .sgn_frm .current{
    color: #999999;
  }
  .sgn_frm i{
    width: auto;
     color: #7fb639;
    font-size: 24px;
    padding-bottom: 12px;
    font-weight:normal;
  }
  .form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
    width: 46px;
    height: 46px;
  }
  #wowslider-container1 .ws_playpause {
      visibility: hidden;
  }
  .n-select {
    height: 34px !important;
    margin-bottom: 10px !important;
    line-height: 34px !important;
    font-size: 14px !important;
    background: #ddd;
    color: #000 !important;
    width: 100%;
  }
  .nice-select .option {
      padding: 0 18px 0 29px;
      color: #fff !important;
  }
  /*terms & conditions POPUP*/
  .conditions-body {
    position: relative;
    width: auto;
    padding: 15px;
    background: #14171d;
    color: #fff;
    border: 1px solid #f25b5c;
  }
  .conditions-body .condition_poptext{
    position: relative;
    width: auto;
    padding:5px 15px;
    font-size: 16px;
  }
  .conditions-body .condition_poptext li{
    position: relative;
    width: auto;
    padding:5px;
    font-size: 14px;
  }
  .term_red{
    width:100%;
    text-align:right;
  }
  .term_red a{
    background: #ff1f24; /* Old browsers */
    background: -moz-linear-gradient(top, #ff1f24 1%, #811112 51%, #ff191b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ff1f24 1%,#811112 51%,#ff191b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff1f24 1%,#811112 51%,#ff191b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1f24', endColorstr='#ff191b',GradientType=0 ); /* IE6-9 */
    margin: 0px;
    font-size: 22px;
    padding:10px 22px 10px 22px;
    display: inline-block;
    border:none;
    width:auto;
    color: #fff;
    text-transform:uppercase;
    font-weight: 600;
    -webkit-border-radius: 4px;
    border-radius: 4px;;
  }
  .term_red a:hover{
    width: auto;
    background: #ff1f24; /* Old browsers */
    background: -moz-linear-gradient(top, #ff1f24 1%, #bf281a 51%, #ff191b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ff1f24 1%,#bf281a 51%,#ff191b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff1f24 1%,#bf281a 51%,#ff191b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1f24', endColorstr='#ff191b',GradientType=0 ); /* IE6-9 */
  }
  .term_greeen{
    width:100%;
    text-align:left;
  }
  .term_greeen a{
    background: rgb(146,192,28); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(146,192,28,1) 0%, rgba(95,136,15,1) 50%, rgba(146,192,28,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(146,192,28,1) 0%,rgba(95,136,15,1) 50%,rgba(146,192,28,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(146,192,28,1) 0%,rgba(95,136,15,1) 50%,rgba(146,192,28,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92c01c', endColorstr='#92c01c',GradientType=0 ); /* IE6-9 */
    margin: 0px;
    font-size: 22px;
    padding:10px 22px 10px 22px;
    display: inline-block;
    border:none;
    width:auto;
    color: #fff;
    text-transform:uppercase;
    font-weight: 600;
    -webkit-border-radius: 4px;
    border-radius: 4px;;
  }
  .term_greeen a:hover{
    width: auto;
    background: rgb(146,192,28); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(146,192,28,1) 0%, rgba(128,172,23,1) 51%, rgba(146,192,28,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(146,192,28,1) 0%,rgba(128,172,23,1) 51%,rgba(146,192,28,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(146,192,28,1) 0%,rgba(128,172,23,1) 51%,rgba(146,192,28,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92c01c', endColorstr='#92c01c',GradientType=0 ); /* IE6-9 */
  }
  /*terms & conditions POPUP END*/
  /**********************transaction satrt****************************************/
  .idr_SP{
    padding:0px 0px;
    background: rgba(242,91,92,0.5);
  }
  .idr_SP .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #001613;
  }
  .idr_SP .table-striped {
    border: 1px solid #0e665b;
  }
  .idr_SP table tr td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0px solid #ddd !important;
  }
  .green_ind{
    color: #a2a2a2;
  }
  .inwhtie{
    color: #fff;
  }
  .grycrossic{
    color: #aeabab;
    font-size:18px;
    padding: 0px;
  }
  .grycrossic:hover{
    color: #f9c001;
  }
  .total_bg{
    font-size: 22px;
    font-weight: 700;
    color: #FFF;
  }
  .transaction_part{
    width: auto;
  }
  .transaction_part h2{
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 0px 0px 15px 0px;
  }
  .transaction_partbg {
    width: auto;
    width: 100%;
    height: 100%;
  }
  .Pockebl img{
    display: inline-block;
    padding: 0px 10px 0px 0px;
  }
  .tanggle_row{
    width: auto;
    margin: 15px 0px 0px 0px;
    color: #fff;
  }
  .tanggle_row .andacolor{
    background: #c2c2c2;
    color: #fff;
  }
  .tanggle_row .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #252525;
  }
  .tanggle_row table tr td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0px solid #ddd !important;
  }
  .tanggle_row .table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
    background-color: #005482;
    color:#eeeeee;
  }
  .exclamation_point  {
    color: #f7c71d;
    font-size: 20px;
  }
  .exclamation_point:hover{
    color: #d8ae1a;
  }
  .pending_point{
    color: #00a651;
    font-size: 20px;
  }
  .pending_point:hover{
    color: #1fdb7b;
  }
  .cross_point{
    color: #ff0000;
    font-size: 20px;
  }
  .cross_point:hover{
    color: #c01919;
  }
  .panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
  }
  .panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
  }
  .utmrow{
    width: auto;
  }
  .utmrow .panel-default > .panel-heading {
    color: #fff;
    background: #006193;
    background: -moz-linear-gradient(top, #006193 1%, #003356 51%, #005f91 100%);
    background: -webkit-linear-gradient(top, #006193 1%,#003356 51%,#005f91 100%);
    background: linear-gradient(to bottom, #006193 1%,#003356 51%,#005f91 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006193', endColorstr='#005f91',GradientType=0 );
    border-color: #ddd;
  }
  .utmrow .panel-body {
    padding: 0px;
  }
  .utmrow h2{
    font-size:24px;
    color: #fff;
  }
  .part_inertrans{
    width: auto;
  }
  .part_inertrans .panel-body {
    padding: 15px;
    background: #000;
    border: 1px solid #00517d;
  }
  /************************transaction end**************************************/
  /*****************************Lottery Page popup*****************************/
  .popup_header{
    width: auto;
    background: linear-gradient(to right, #003932 0%,#028f7c 100%);
    border-color: transparent;
    border-top: 0px;
  }
  .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    border-color: transparent;
  }
  .hederpopupline{
    width:100%;
    padding: 5px 15px;
  }
  .hederpopupline .popup_one{
    width: 14%;
    float: left;
  }
  .hederpopupline .popup_one .icon_lft{
    width:50%;
    float: left;
    padding: 15px 0px;
  }
  .hederpopupline .popup_one .icon_right{
    width:50%;
    float: left;
    font-size:35px;
    color: #efcd14;
  }
  .hederpopupline .popup_one .icon_right .dropdown-menu{
    top: 11.6%!important;
  }
  .hederpopupline .popup_tow{
    width:75%;
    float: left;
    color: #fff;
    text-align: center !important;
    font-size: 16px;
    color: #fff;
    padding: 15px 0px 10px 0px;
  }
  .hederpopupline .popup_three{
    width:10%;
    float: left;
    text-align: right;
    padding: 10px 0px 0px 0px;
  }
  .hederpopupline .popup_three img{
    display: inline-block;
  }
  .hederpopupline .popup_three img:hover{
    opacity: 0.6;
  }
  /*****************************Lottery Page popup end*****************************/
  /******************Lottery Page HTML*************/
  .lottery-main{ width:100%; float:left; margin-bottom:15px;}
  .lottery-main-col {
      background-color: #0f100f;
      border: 2px solid #ff4400;
      float: left;
      width: 380px;
      height: 150px;
      border-radius: 10px;
      margin: 0 4px 10px;
      cursor: pointer;
  }
  .lottery-main-col .logo-left {
    float: left;
    width: 25%;
    margin-top: 10px;
  }
  .lottery-main-col .logo-left img{
    display: inline-block;
  }
  .rtl-lottery-des{
    width: 75%;
    float: left;
    margin-top: 10px;
  }
  .lottery-more a{
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    text-decoration-line: underline;
  }
  .rtl-lottery-des .lottery-box-title{ width:100%; float:left;}
  .rtl-lottery-des .lottery-box-title h1 {
      color: #fff;
      font-size: 24px;
      font-weight: 450;
      line-height: 28px;
      margin-top: 0;
      padding: 0;
  }
  .rtl-lottery-des .lottery-box-title span{
    font-weight: 650;
    color: #ff4400;
  }
  .rtl-lottery-des .lottery-box-title h2{
    color: #18966a;
  margin-top: 0px;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 700;
  padding: 0px;
  text-align: left;}
  /*.rtl-lottery-des*/ .lottery-info{
   /* width:100%; float:left;
    border-bottom:1px solid #003932;
    margin-bottom:15px; */
    /*padding-bottom:10px;*/
  }
  .lottery-info p{
    color:#fff;
    font-size:14px;
    margin-bottom:0px;}
  .lottery-info p .fa{
    color:#fff;
    margin-right:5px;
  }
  .lotter-num-display {
      float: left;
      width: 100%;
      margin: 16px auto;
  }
  .lotter-num-display1 {
      float: left;
      margin-bottom: 20px;
      width: 100%;
      text-align: center;
  }
  .lotter-num-display ul{
    list-style-type:none;
    margin:0px;
    padding:0px;
  }
  .lotter-num-display1 ul{
    list-style-type:none;
    margin:0px;
    padding:0px;
  }
  .lotter-num-display ul li{
    display: inline-block;
  margin-right: 5px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  background: linear-gradient(to right, #003932 0%,#028f7c 100%);
  }
  .lotter-num-display1 ul li {
    display: inline-block;
    margin-right: 0px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    background-color: #f7921e;
  }
  .lotter-num-display ul li span {
   background-color: #fff;
  border-radius: 50%;
  display: block;
  font-size: 20px;
  font-weight: bold;
  height: 30px;
  line-height: 28px;
  margin: 5px auto auto;
  text-align: center;
  width: 30px;
  color: #000;
  }
  .lotter-num-display1 ul li span {
    background-color: #fff;
    border-radius: 50%;
    display: block;
    font-size: 17px;
    font-weight: bold;
    height: 23px;
    line-height: 23px;
    margin: 4px auto auto;
    text-align: center;
    width: 25px;
    color: #000;
  }
  .lottery-box-button{
    width:100%;
  }
  .play-btn{
    width: auto;
    float:left;
    padding: 5px;
  }
  .play-btn a{
    background: #000605;
    text-decoration: none;
    text-shadow: -1px 1px 1px #b97204;
    border-radius: 0px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    margin:0px 0;
    padding: 9px 20px;
    position: relative;
    border: 1px solid #003a33;
    text-transform: uppercase;
    border-radius:20px;
  }
  .play-btn a:hover {
    background: linear-gradient(to right, #003932 0%,#028f7c 100%);
    border: 1px solid #003a33;
  }
  .play-btn a:active {
    box-shadow: 0 3px 0 0 #4c0000;
    top: 2px;
  }
  .result-btn{
    width: auto;
    padding:5px;
  }
  .result-btn a{
    background: #000605;
    border: 1px solid #003a33;
    color: #fff;
    border-radius:3px;
    padding: 9px 20px 9px 20px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    border-radius: 20px;
  }
  .result-btn a:hover{
    background: linear-gradient(to right, #003932 0%,#028f7c 100%);
    text-decoration: none;
    text-shadow: -1px 1px 1px #b97204;
    color:#fff;
    border:1px solid #003a33;
  }
  .lotter_ornbtn{
    width: auto;
  }
  .lotter_ornbtn a{
    background: #e5b207; /* Old browsers */
    background: -moz-linear-gradient(top, #e5b207 0%, #edc607 45%, #de9c07 50%, #de9c07 51%, #de9c07 51%, #de9c07 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e5b207 0%,#edc607 45%,#de9c07 50%,#de9c07 51%,#de9c07 51%,#de9c07 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e5b207 0%,#edc607 45%,#de9c07 50%,#de9c07 51%,#de9c07 51%,#de9c07 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5b207', endColorstr='#de9c07',GradientType=0 ); /* IE6-9 */
    box-shadow: 0px 5px 0px 0px #bd7505;
    text-decoration: none;
    display: block;
    font-size: 15px;
    padding:10px 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    width: 100%;
  }
  .lotter_ornbtn a:hover{
    background: #e4af07;
  }
  .lotter_ornbtn a i{
    color: #fff;
    margin-top: 4px;
    text-align: center;
  }
  /*end*/

  /***** promotion page start ******/
  .prmomobiles{
    width:100%;
    background: #000;
  }
  .prmomobilebold{
    width:100%;
    color: #fff;
    padding: 130px 0px 10px 0px;
    text-align: center;
  }
  .prmomobilebold h2{
    font-size: 40px;
    font-weight: 300;
    margin: 0px;
    text-transform: uppercase;
    font-family: gotham-black;
    padding: 20px 0px 0px 0px;
  }

  .promotion_page h1{
    font-size: 50px;
    font-weight: 700;
    background: linear-gradient(to right, #f25b5c 0%, #ed8734 100%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    margin: 0px;
    text-align: center;
    padding: 32px 0px 15px 0px;
  }
  .pro_block{
    width: auto;
    border-bottom: #363636 solid 1px;
    padding-bottom: 25px;
    margin-bottom: 35px;
  }
  .pro_block img{
    width: auto;
    border-bottom: #363636 solid 1px;
  }
  .pro_block h2{
    font-size: 30px;
    font-weight: 300;
    color: #00aeef;
    text-transform: uppercase;
    margin: 0px;
    padding: 25px 0px 20px 0px;
  }
  .pro_block p{
    font-size: 14px;
    color: #81869b;
    margin: 0px;
    line-height: 28px;
    padding: 0px 0px 20px 0px;
  }
  .pro_block a{
    margin: 0px;
    font-size: 22px;
    padding:10px 22px 10px 22px;
    display: inline-block;
    background: rgb(146,192,28); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(146,192,28,1) 0%, rgba(95,136,15,1) 50%, rgba(146,192,28,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(146,192,28,1) 0%,rgba(95,136,15,1) 50%,rgba(146,192,28,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(146,192,28,1) 0%,rgba(95,136,15,1) 50%,rgba(146,192,28,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92c01c', endColorstr='#92c01c',GradientType=0 ); /* IE6-9 */
    border:none;
    width:auto;
    color: #fff;
    text-transform:uppercase;
    font-weight: 600;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .pro_block a:hover{
    margin: 0px;
    font-size: 22px;
    padding:10px 22px 10px 22px;
    display: inline-block;
    background: rgb(146,192,28); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(146,192,28,1) 0%, rgba(128,172,23,1) 51%, rgba(146,192,28,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(146,192,28,1) 0%,rgba(128,172,23,1) 51%,rgba(146,192,28,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(146,192,28,1) 0%,rgba(128,172,23,1) 51%,rgba(146,192,28,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92c01c', endColorstr='#92c01c',GradientType=0 ); /* IE6-9 */
    border:none;
    width:auto;
    color: #fff;
    text-transform:uppercase;
    font-weight: 600;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .pro_blkbig{
    width: auto;
    border-top: #363636 solid 1px;
    border-bottom: #363636 solid 1px;
    padding-bottom: 20px;
    margin-bottom: 35px;
    background: url(../images/promotion/pro_big.png) no-repeat scroll right top;
  }
  .pro_blkbig h2{
    font-size: 30px;
    font-weight: 300;
    color: #00aeef;
    text-transform: uppercase;
    margin: 0px;
    padding: 25px 0px 20px 0px;
  }
  .pro_blkbig p{
    font-size: 14px;
    color: #81869b;
    margin: 0px;
    line-height: 28px;
    padding: 0px 0px 20px 0px;
  }
  .pro_blkbig a{
    margin: 0px;
    font-size: 22px;
    padding:10px 22px 10px 22px;
    display: inline-block;
    background: rgb(146,192,28); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(146,192,28,1) 0%, rgba(95,136,15,1) 50%, rgba(146,192,28,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(146,192,28,1) 0%,rgba(95,136,15,1) 50%,rgba(146,192,28,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(146,192,28,1) 0%,rgba(95,136,15,1) 50%,rgba(146,192,28,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92c01c', endColorstr='#92c01c',GradientType=0 ); /* IE6-9 */
    border:none;
    width:auto;
    color: #fff;
    text-transform:uppercase;
    font-weight: 600;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .pro_blkbig a:hover{
    margin: 0px;
    font-size: 22px;
    padding:10px 22px 10px 22px;
    display: inline-block;
    background: rgb(146,192,28); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(146,192,28,1) 0%, rgba(128,172,23,1) 51%, rgba(146,192,28,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(146,192,28,1) 0%,rgba(128,172,23,1) 51%,rgba(146,192,28,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(146,192,28,1) 0%,rgba(128,172,23,1) 51%,rgba(146,192,28,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92c01c', endColorstr='#92c01c',GradientType=0 ); /* IE6-9 */
    border:none;
    width:auto;
    color: #fff;
    text-transform:uppercase;
    font-weight: 600;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .pro_load{
    width: auto;
    text-align: center;
    padding: 10px 0px 55px 0px;
  }
  .pro_load a{
    display: inline-block;
    width: auto;
    background: #e8b907; /* Old browsers */
    background: -moz-linear-gradient(top, #e8b907 0%, #efcb08 49%, #de9c07 49%, #de9c07 51%, #de9c07 51%, #de9c07 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e8b907 0%,#efcb08 49%,#de9c07 49%,#de9c07 51%,#de9c07 51%,#de9c07 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e8b907 0%,#efcb08 49%,#de9c07 49%,#de9c07 51%,#de9c07 51%,#de9c07 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8b907', endColorstr='#de9c07',GradientType=0 ); /* IE6-9 */
    box-shadow: 0px 5px 0px 0px #cf8005;
    text-decoration: none;
    text-shadow: -1px 1px 1px #b97204;
    border-radius: 5px;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    margin:0px 0;
    padding: 9px 20px;
    position: relative;
    text-transform: uppercase;
  }
  .pro_load a:hover{
    background: #e4af07;
  }
  .wrap {
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
  }
  a:focus,
  a:hover,
  a:active {
    outline: 0;
    text-decoration: none;
  }
  .panel {
    border-width: 0 0 0px 0;
    border-style: solid;
    border-color: #fff;
    background: none;
    box-shadow: none;
  }
  .panel .mbiimges{
    width: auto;
    text-align: center;
  }
  .panel .mbiimges img{
    display: inline-block;
  }

  .panel-group > .panel:first-child .panel-heading2 {
    border-radius: 4px 4px 0 0;
  }
  .panel-group .panel {
    border-radius: 0;
  }
  .panel-group .panel + .panel {
    margin-top: 0;
  }
  .panel-heading2 {
    background-color: gray;
    border-radius: 0;
    border: none;
    color: #fff;
    padding: 0;
  }
  .panel-heading2 .inerup{
    text-align: center;
    z-index: 999;
    margin: -57px 0px 0px 0px;
    padding: 22px 0px 0px 0px;
  }
  .panel-heading2 .inerup img{
    display: inline-block;
  }
  .panel-body2 {
    background: #252525;
    padding: 5px;
  }
  .panel:last-child .panel-body2 {
    border-radius: 0 0 4px 4px;
  }
  .panel:last-child .panel-heading2 {
    border-radius: 0 0 4px 4px;
    transition: border-radius 0.3s linear 0.2s;
  }
  .panel:last-child .panel-heading2.active {
    border-radius: 0;
    transition: border-radius linear 0s;
  }
  #accordion2 .panel-heading.active a:before {
    transform: rotate(0deg);
    transition: all 0.5s;
  }
  #accordion2 .panel-heading2 h2 {
    margin: 0px;
  }
  .turnover{
    width:100%;
  }
  .turnover h2{
    font-size:30px;
    color: #00aeef;
    text-transform: uppercase;
  }
  .turnover p{
    font-size:12px;
    color: #c2c2c2;
  }
  .turnover .promtionbtn_row{
    width:100%;
    padding: 10px 0px 20px 0px;
  }
  .promtionbtn_row .shar_btn{
    width:50%;
    float: left;
    padding:5px;
  }
  .promtionbtn_row .shar_btn a{
    background: #e5b207; /* Old browsers */
    background: -moz-linear-gradient(top, #e5b207 0%, #edc607 45%, #de9c07 50%, #de9c07 51%, #de9c07 51%, #de9c07 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e5b207 0%,#edc607 45%,#de9c07 50%,#de9c07 51%,#de9c07 51%,#de9c07 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e5b207 0%,#edc607 45%,#de9c07 50%,#de9c07 51%,#de9c07 51%,#de9c07 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5b207', endColorstr='#de9c07',GradientType=0 ); /* IE6-9 */
    box-shadow: 0px 5px 0px 0px #bd7505;
    text-decoration: none;
    display: block;
    font-size: 15px;
    padding:10px 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    width: 100%;
  }
  .promtionbtn_row .shar_btn a:hover{
    background: #e4af07;
  }
  .promtionbtn_row .shar_btn a i{
    color: #fff;
    margin-top: 4px;
    text-align: center;
  }
  .promtionbtn_row .prmobtn2{
    width:50%;
    float: left;
    padding:5px;
  }
  .promtionbtn_row .prmobtn2 a{
    background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
    box-shadow: 0px 5px 0px 0px #0072bc;
    text-decoration: none;
    display: block;
    font-size: 15px;
    padding:10px 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    width: 100%;
  }
  .promtionbtn_row .prmobtn2 a:hover{
    background: #0072bc;
  }
  .promtionbtn_row .prmobtn2 a i{
    color: #fff;
    margin-top: 4px;
    text-align: center;
  }
  .prmtions_space{
    padding:18px 0px;
  }
  /*promotions popup*/
  .popup_transfer{
    width: 30%;
    background: #006193;
    background: -moz-linear-gradient(top, #006193 1%, #003356 51%, #005f91 100%);
    background: -webkit-linear-gradient(top, #006193 1%,#003356 51%,#005f91 100%);
    background: linear-gradient(to bottom, #006193 1%,#003356 51%,#005f91 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006193', endColorstr='#005f91',GradientType=0 );
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
  }
  .popup_prmotionhd{
    width: 100%;
    background-image: -moz-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    padding:10px;
  }
  .popup_prmotionhd .promo_txthd{
    width: 5%;
    float: right;
    color: #fff;
    text-align: right;
    margin-top:-5%;
  }
  .popup_prmotionhd .promo_txthd img{
    display: inline-block;
  }
  .popup_prmotionhd .promo_txthd:hover{
    opacity: 0.6;
  }
  .popup_prmotionhd .promo_txtright{
    width:100%;
    float: left;
    text-align: center;
    color: #fff;
    font-size:20px;
    text-transform: uppercase;
    font-weight: 600;
  }
  .promtions-body {
    position: relative;
    width: auto;
  }
  .promtions-body .pro_body_bner{
    position: relative;
  }
  .promtions-body .promtionbody2{
    position: relative;
    padding: 15px;
    background: #252525;
  }
  .promtions-body .promtionbody2 h2{
    font-size: 30px;
    font-weight: 300;
    color: #00aeef;
    text-transform: uppercase;
    margin: 0px;
    padding:10px 0px;
  }
  .promtions-body .promtionbody2 p{
    color:#c2c2c2;
    font-size: 14px;
  }
  .promtions-body .promtionbody2 span{
    color:#0c80ac;
    font-size: 16px;
  }
  .mo-body {
    margin: auto;
    padding: 25px 1px;
    width: 100%;
  }
  .mobilepokr{
    width: auto;
    background: #000;
    padding-bottom: 40px;
  }
  .poker_heading{
    width: auto;
    text-align: center;
    padding: 130px 0px 0px 0px;
    color: #fff;
  }
  .poker_heading h2{
    font-size: 40px;
    font-weight: 300;
    margin: 0px;
    text-transform: uppercase;
    font-family: gotham-black;
    padding: 6% 0px 0px 0px;
    margin-bottom: 15px;
  }
  .txtapoker_block {
    width: auto;
    color: #fff;
    margin: 14px 0px 20px 0px;
  }
  .txta_blockline .bloker_left {
    width:45%;
    float: left;
    position: relative;
    margin-top: -165px;
    z-index: 999;
    padding: 10px;
  }
  .txta_blockone{
    width: auto;
    width:100%;
  }
  .txta_blockone:hover{
    opacity: 0.6;
  }
  .txta_blockline{
    width:100%;
  }
  .txta_blockline .bloker_left h2{
    font-size:24px;
    font-weight: 300;
    margin: 0px;
    text-transform: uppercase;
    font-family: gotham-black;
    color: #e4af07;
    padding: 25px 0px 0px 0px;
  }
  .txta_blockline .bloker_left p{
    font-size: 14px;
  }
  .txta_blockline .bloker_right {
    width: 45%;
    float: right;
    position: relative;
    margin-top: -84px;
    z-index: 999;
    padding: 10px;
  }
  /*poker___________________end*/
  .onlinenumrow{
    width:101%;
  }
  .dindong_box{
    position: relative;
    display: inline-block;
  }
  .dindonginer {
    width: auto;
  }
  .middle2 {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 180px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
  }
  .middle2.mt {
    opacity: 1;
    left: 20%;
    transform: translate(-18%, -50%);
  }
  /*.dindonginer:hover .img-responsive {
    opacity: 0.3;
  }
  .dindonginer:hover .middle2 {
    opacity: 1;
  }*/
  .dingdog_line{
    width: auto;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
  }
  .dingdog_line h2{
    font-size: 15px;
    color: #fff;
    margin: 0px;
  }
  .dingdog_line p{
    font-size: 14px;
    font-weight:600;
  }
  /*.one_light1:hover .img-responsive {
    opacity: 0.3;
  }
  .one_light1:hover .middle2 {
    opacity: 1;
  }
  .one_light2:hover .img-responsive {
    opacity: 0.3;
  }
  .one_light2:hover .middle2 {
    opacity: 1;
  }*/
  /*number game end*/
  .egamebgk{
    width: auto;
    color: #fff;
  }
  .egamebgk h2{
    font-size: 40px;
    font-weight: 300;
    margin: 0px;
    text-transform: uppercase;
    font-family: gotham-black;
    padding:40px 0px 0px 0px;
    text-align: center;
  }
  .second_hd1{
    width:100%;
    border-radius: 5px 200px 172px 5px;
    -moz-border-radius: 5px 200px 172px 5px;
    -webkit-border-radius: 5px 200px 172px 5px;
    border: 0px solid #000000;
    background: #380000;
    padding: 8px;
  }
  .Forget_pro{
    width:100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:5px;
    background: #001926;
    padding: 5px;
    border-radius: 5px 200px 172px 5px;
  }
  .mobile_nw{
    width:50%;
    float: left
  }
  .mobile_nw a {
    width: 100%;
    background: #005c8d; /* Old browsers */
    background: -moz-linear-gradient(top, #005c8d 1%, #003356 50%, #005b8c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #005c8d 1%,#003356 50%,#005b8c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #005c8d 1%,#003356 50%,#005b8c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005c8d', endColorstr='#005b8c',GradientType=0 ); /* IE6-9 */
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 7px 8px;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-weight: 800;
    font-size:11px;
    padding-bottom: 6px;
  }
  .mobile_nw a:hover{
    background: #005b8c; /* Old browsers */
    background: -moz-linear-gradient(top, #005b8c 1%, #006993 1%, #003356 50%, #00589b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #005b8c 1%,#006993 1%,#003356 50%,#00589b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #005b8c 1%,#006993 1%,#003356 50%,#00589b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005b8c', endColorstr='#00589b',GradientType=0 ); /* IE6-9 */
  }
  .mobile_nw2{
    width:50%;
    float: left
  }
  .mobile_nw2 a {
    width: 100%;
    background: #92c01c; /* Old browsers */
    background: -moz-linear-gradient(top, #92c01c 1%, #58800d 50%, #8bb81a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #92c01c 1%,#58800d 50%,#8bb81a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #92c01c 1%,#58800d 50%,#8bb81a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92c01c', endColorstr='#8bb81a',GradientType=0 ); /* IE6-9 */
    border: none;
    outline: 0;
    padding: 14px 6px;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-weight: 800;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size:11px;
  }
  .mobile_nw2 a:hover{
    background: #8bb81a; /* Old browsers */
    background: -moz-linear-gradient(top, #8bb81a 1%, #638c10 50%, #a0c11d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #8bb81a 1%,#638c10 50%,#a0c11d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #8bb81a 1%,#638c10 50%,#a0c11d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bb81a', endColorstr='#a0c11d',GradientType=0 ); /* IE6-9 */
  }
  .mobile_ads{
    width:100%;
    background: #000;
  }
  .mobile_ads .marquee{
    background: #000;
    float: left;
    padding: 5px 15px;
    color: #f7941d;
  }
  .navbar-nav > li > a {
    padding-bottom: 8px;
    padding-top: 3px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    padding-left: 36px;
    padding-right: 36px;
    z-index: 99999;
  }
  .nav_actv {
    width: auto;
    color: #ffc600
    background: #2d0000; /* Old browsers */
    background: -moz-linear-gradient(top, #2d0000 0%, #0d0000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #2d0000 0%,#0d0000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #2d0000 0%,#0d0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d0000', endColorstr='#0d0000',GradientType=0 ); /* IE6-9 */
    color: #ffc600
  }
  .navbar {
    border: 1px solid transparent;
    margin-bottom: 0px;
    min-height: 0px;
    position: relative;
  }
  .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background: linear-gradient(to top, #003932 46%,#00554b 82%);
    border-color: #00ceb8;
    color: #fff;
  }
  .nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    color: #fff;
    background: linear-gradient(to top, #003932 46%,#00554b 82%);
  }
  .deposit_r{
    width: auto;
    padding: 0px 0px 0px 10px;
    text-transform: uppercase;
  }
  .new_section{
    width: auto;
    background: #002a27;
    margin:11px 20px;
    border-radius: 14px 14px 14px 14px;
    -moz-border-radius: 14px 14px 14px 14px;
    -webkit-border-radius: 14px 14px 14px 14px;
    border: 0px solid #000000;
    padding: 4px 3px;
  }
  .new_section .news_box{
    width:80px;
    height: 32px;
    padding: 5px 20px;
    background: linear-gradient(to bottom, #009d86 0%,#005951 100%);
    border-radius: 44px 44px 44px 44px;
    -moz-border-radius: 44px 44px 44px 44px;
    -webkit-border-radius: 44px 44px 44px 44px;
    border: 0px solid #000000;
    float: left;
    color: #fff;
  }
  .new_section .news_text{
    width:90%;
    background: #002a27;
    float: left;
    padding: 0px 15px;
    color: #f7941d;
  }
  .bouns_rwo{
    background: url(../images/home/headerbg.jpg) no-repeat scroll center top;
      -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
    padding:20px 0px 30px 0px;
  }
  .bouns_one{
    width: 100%;
  }
  .bouns_one h1{
    font-size:126px;
    color: #8bba1b;
    font-weight: 600;
    padding: 30px 0px 0px 0px;
    text-transform: uppercase;
     font-family: BebasNeue_0;
    letter-spacing:10px;
  }
  .bouns_one h2{
    font-size:89px;
    color: #fff;
    margin: -28px 0px 0px 0px;
    padding: 5px;
    text-transform: uppercase;
     font-family: BebasNeue_0;
  }
  .bouns_one p{
    font-size: 22px;
    color: #fff;
    padding: 0px 0px;
  }
  .Mega_Jackpot{
    width: auto;
  }

  /* language */

.lang{
  padding: 0 1%;
  float: left;
  margin-top: 3%;
  z-index: 999999;
  position: relative;
}

.btn-lang{
  background: transparent;
  border: 1px solid transparent;
}

.menu-lang{
  background: black;
  padding: 1rem;
  font-weight: 600;
}

.menu-lang > li{
  padding: 1rem;
}

.menu-lang > img{
  margin-right: 0.5rem;
}

  .garow {
    text-align: right;
    margin: -7% 3% 0% 0;
  }

  .box_rwo{
    width: auto;
    text-align: center;
  }
  .one_Deposit{
    display: inline-block;
  }
  .box_rwo .box_t1{
    width: auto;
    border: 1px solid #000;
    padding: 3px 0px;
  }
  .box_rwo .box_t1:hover{
    width: auto;
    border: 1px solid #000;
    -webkit-box-shadow: 1px 1px 10px 0px rgba(198, 211, 255, 0.75);
    -moz-box-shadow:    1px 1px 10px 0px rgba(198, 211, 255, 0.75);
    box-shadow:         1px 1px 10px 0px rgba(198, 211, 255, 0.75);
  }
  .box_rwo .box_t1 .boximges{
    text-align: center;
  }
  .box_rwo .box_t1 .boximges img{
    display: inline-block
  }
  .box_rwo .box_t1 .poker_inr{
    margin: -113px 0px 0px 0px !important;
    color: #fff;
    padding:0px 0px 0px 18px;
  }
  .box_rwo .box_t1 .poker_inr .iconimge{
    text-align: left;
    padding: 0px 0px 0px 40px;
  }
  .box_rwo .box_t1 .poker_inr .iconimge img{
    display: inline-block
  }
  .box_rwo .box_t1 .poker_inr h2{
    font-size: 35px;
    margin: 0px !important;
  }
  .box_rwo .box_t1 .poker_inr p{
    font-size: 18px;
    margin: 0px !important;
  }
  .play_btn{
    width:100%;
    text-transform: uppercase;
    margin: 8px 0px 0px 0px;
  }
  .play_btn a.play-now{
    background: #003029;
    font-size: 24px;
    padding: 3% 0px;
    color: #fff;
    display: block;
    text-align: center;
  }
  .play_btn a:hover{
    background: #e20000; /* Old browsers */
    background: -moz-linear-gradient(bottom, #e20000 5%, #940000 50%, #4c0000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom, #e20000 5%,#940000 50%,#4c0000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top, #e20000 5%,#940000 50%,#4c0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e20000', endColorstr='#4c0000',GradientType=0 ); /* IE6-9 */
    display: block;
  }
  .play_black{
    width:100%;
    text-transform: uppercase;
    margin: -4px 0px 0px 0px;
  }
  .play_black a{
    background: #484848; /* Old browsers */
    background: -moz-linear-gradient(top, #484848 1%, #282828 50%, #494949 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #484848 1%,#282828 50%,#494949 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #484848 1%,#282828 50%,#494949 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#494949',GradientType=0 ); /* IE6-9 */
    font-size: 24px;
    padding: 3% 0px;
    color: #fff;
    display: block;
    text-align: center;

  }
  .play_black a:hover{
    background: #494949; /* Old browsers */
    display: block;

  }
  .latest {
    width: auto;
    background: url(../images/home/hkb.jpg)no-repeat scroll center -100px #030303;
      -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 720px;
    padding: 20px 0px 70px 0px;
  }
  .ply_list{
    width: auto;
    text-align: center;
    color: #fff;
    padding: 20px 0px 40px 0px;
  }
  .ply_list h2{
    font-size:50px;
    font-weight: 300;
    margin: 0px;
    text-transform: uppercase;
     font-family: gotham-black;
  }
  .Supratman{
    width: auto;
    background: #ffffff;
    padding: 0px 0px 0px 0px;
    margin: 0px 4%;
  }
  .Supratman .super_blue{
    width: auto;
    background: #006193; /* Old browsers */
    background: -moz-linear-gradient(top, #006193 1%, #003356 50%, #006194 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #006193 1%,#003356 50%,#006194 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #006193 1%,#003356 50%,#006194 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006193', endColorstr='#006194',GradientType=0 ); /* IE6-9 */
    padding: 20px;
    border-bottom: 5px solid #009de1;
  }
  .Supratman .super_blue .blue_left{
    width: auto;
    text-align: center;
    float: left;
    padding: 0px 5px;
  }
  .Supratman .super_blue .blue_left img{
    display: inline-block;
  }
  .Supratman .super_blue .blue_left img:hover{
    opacity: 0.6;
  }
  .Supratman .super_blue .blue_right{
    text-transform: uppercase;
    float: left;
    padding: 0px 10px;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
  }
  .Markonah{
    width: auto;
    background: #ebebeb;
    padding:10px 20px;
  }
  .Markonah .pr_left{
    float:left;
    padding: 0px 5px;
  }
  .Markonah .pr_left img:hover{
  opacity: 0.6;
  }
  .Markonah .pr_right{
    float:left;
    font-size: 14px;
  }
  .Markonah .pr_right p{
    color: #898989;
    margin: 0px;
  }
  .Markonah .pr_right p + p{
    color: #898989;
      font-size: 16px;
    margin: 0px;
  }
  .Markonah .pr_right span{
    float:left;
    color: #004a80;
  }
  .Markonah .pr_right font{
    color: #8dc63f;
  }
  .Markonah .pr_right a{
    color: #898989;
    text-decoration: underline;
  }
  .Markonah .pr_right a:hover{
    color: #003356;
  }
  .whitewp{
    width: auto;
    background: #fff;
    padding: 10px 20px;
  }
  .whitewp .wt_left{
    float:left;
    padding: 0px 5px;
  }
  .whitewp .wt_left img:hover{
    opacity: 0.6;
  }
  .whitewp .wt_right{
    float:left;
    font-size: 14px;
  }
  .whitewp .wt_right p{
    color: #898989;
    margin: 0px;
  }
  .whitewp .wt_right p + p{
    color: #898989;
      font-size: 16px;
    margin: 0px;
  }
  .whitewp .wt_right span{
    float:left;
    color: #004a80;
  }
  .whitewp .wt_right font{
    color: #8dc63f;
  }
  .whitewp .wt_right a{
    color: #898989;
    text-decoration: underline;
  }
  .whitewp .wt_right a:hover{
    color: #003356;
  }
  .footer_bg{
    background: #1d212a;
    width: 100%;
    height: 100%;
    padding: 0px;
  }
  .spok{
    width: auto;
    text-align: center;
  }
  .spok h1{
    font-size:38px;
    font-weight: 600;
    font-family: gotham-black;
    background: linear-gradient(to right, #f25b5c 0%, #ed8734 100%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    display: inline-block;
  }

  .spok p + p{
    color: #fff;
    font-size:14px;
    padding: 0px 10%;
    text-transform: none;
  }
  .home_provider{
    width: auto;
  }
  .home_provider p{
    text-align: center;
  }
  .home_provider p img{
    text-align: center;
    display: inline;
    padding: 0px 12px 0px 12px;
  }
  .stripwhite{
    width:100%;
    background: #000;
    padding:0px 0px;
    background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
    margin: 0px 0px 20px 0px;
  }
  .yellowfoot{
    width: auto;
    background: #1c0000;
    padding: 2px 0px 30px;
  }
  .alli1{
    width:70%;
    margin: auto;
  }
  .alli1 .logo4in{
    width: auto;
    text-align: center;
  }
  .alli1 .logo4in img{
    display: inline-block;
  }
  .bottomnv{
  }
  .bottomnv {
    width: auto;
    background: #212832;
  }
  .bottomnv .blacktp{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width:100%;
    text-align: center;
    margin:0 auto 10px;
  }
  .bottomnv li {
    display: inline-block;
    list-style-type: none;
  }
  .bottomnv li a {
    display: block;
    color: #909090;
    text-align: center;
    padding: 1px 24px;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
  }
  .bottomnv li a:hover, .bottomnv li a.active {
    border-left:none;
    border-right:none;
    text-transform: uppercase;
    color: #ff645b;
  }
  .bottomnv_active {
    border-bottom: 1px solid #fff!important;
    border-top: 1px solid #fff!important;
    border-left:none;
    border-right:none;
    text-transform: uppercase;
    color: #fff!important;
  }
  .bottomnv_act{
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
  }
  .socialfooter{
    background: #14171d;
    width: 100%;
    height: 100%;
  }
  .demopadding {
    float: right;
    width:200px;
    text-align:center;
  }
  .icon.social {
    width: 30px;
    height: 30px;
      float: left;
      margin: 8px 9px 0 0;
      cursor: pointer;
      border: 1px solid #fff;
      color: #fff;
    line-height: 25px;
      transition: 0.5s;
      -moz-transition: 0.5s;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
    -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  }
  .icon.social:hover {
    background:#262626 ;
    color:#fff;
    transition: 0.5s;
  }
  .icon.social.fb i {
    left:13px;
    top:10px;
  }
  .icon.social.tw i {
    left:11px;
  }
  .icon.social.in i {
    left:11px;
  }
  .All_Rights{
    color: #fff;
    font-size: 14px;
    line-height: 46px;
    font-weight: 600;
    text-transform: uppercase;
  }
  .Reserved1{
    width: auto;
    color: #010310;
    font-size: 28px;
    text-align: center;
  }
  .mobile_footer{
    width: auto;
  }
  .botom_navv .navicon2{
    width:25%;
    float: left
  }
  .botom_navv .navicon2 .picall{
    width:auto;
    text-align:center;
  }
  .botom_navv .navicon2 .picall img{
    display: inline
  }
  .botom_navv .navicon2 .picall img:hover{
    opacity: 0.9;
  }
  .gray_box2{
    width: auto;
    background: #3a3a3a; /* Old browsers */
    color: #c1edff;
  }
  .gray_box2 li a{
    color: #fff;
     padding: 8px 20px;
    border-bottom: 1px solid #282828;
     line-height: 1.42857143;
     font-weight: 400;
     font-size: 12px;
    margin:0px 5px;
  }
  .gray_box2 li a:hover{
    background: #2b2643;
    color: #fff;
  }
  .instagram_row{
    width: auto;
    margin: auto;
  }
  /*card___________________________game_______________________________________start*/
  .card_gmee{
    width: auto;
      -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
    padding: 5px 0px;

  }
  .crd_grl{
    width: auto;
    background: url(../images/cardgame/cardgamegirl.jpg)no-repeat scroll center top;
      -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height:238px;
    border-bottom: 1px solid #363636;
  }
  .girls_text{
    width: auto;
    color: #fff;
  }
  .girls_text h2{
    font-size: 30px;
    font-weight: 300;
    margin: 0px;
    text-transform: uppercase;
    font-family: gotham-black;
    padding: 0px 0px 0px 0px;
  }
  .girls_text p{
  color: #81869b;
  font-size: 14px;
  padding:5px 0px;
  }
  .girls_text p > div{
    width: auto;
  }
  .girls_text p > div img{
    display: inline-block;
  }
  .light_bx1{
    width: 100%;
    padding: 20px 0px;
  }
  .one_light1 {
      position: relative;
      display: inline-block;
  }
  .light_ingf img{
      display: inline-block;
  }
  /*.one_light1:hover .img-responsive {
    opacity: 0.3;
  }*/
  /*.one_light1:hover .middle2 {
    opacity: 1;
  }*/
  .text {
    background-color: #4CAF50;
    color: white;
    font-size: 16px;
    padding: 16px 32px;

  }
  .box_ttx{
    color: #fff;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    margin-top: -26px;
  }
  .crd_mg{
    width: auto;
    color: #fff;
  }
  .crd_mg h2{
    font-size: 40px;
    font-weight: 300;
    margin: 0px;
    text-transform: uppercase;
    font-family: gotham-black;
    padding:20px 0px;
  }
  .powerd_by{
    width: auto;
    text-align: center;
  }
  .powerd_by p{
    font-size: 16px;
    color: #fff;
  }
  .powerd_by .nkk{
    text-align: center;
  }
  .powerd_by .nkk img{
    display: inline-block;
  }
  /*card___________________________game_______________________________________end*/

  /*e__________________________game_______________________________________start*/
  .E_gmee{
    width: auto;
    background: url(../images/cardgame/cardgamebg.jpg)no-repeat scroll center top;
      -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
    padding: 30px 0px;
    border-bottom: 1px solid #232323;
  }
  .fist_grl{
    width: auto;
    background: url(../images/cardgame/fist_mg.png)scroll center top;
      -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height:225px;
    border-bottom: 1px solid #363636;

  }
  .fist_grl_casino{
    width: auto;
    background: url(../images/livecasino/live_bner.png)scroll center top;
      -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height:225px;
    border-bottom: 1px solid #363636;

  }
  .fish_text{
    width: auto;
    color: #fff;
  }
  .fish_text h2{
    font-size: 40px;
    font-weight: 300;
    margin: 0px;
    text-transform: uppercase;
    font-family: gotham-black;
    padding: 60px 0px 0px 0px;
  }
  .fish_text p{
    color: #81869b;
    font-size: 14px;
    padding:5px 0px;
  }
  .Providertslin{
    width: auto;
    background: #101010;
    margin:36px 0px 0px 0px;
  }
  .Providertslin .yellowhd{
    width: auto;
    background: #990001;
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding: 15px 10%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
  }
  .Providertslin .Pockebl{
    width:100%;
    background: #212121;
    color: #fff; border: 1px solid #212121;
    font-size: 16px;
    padding:10px 5%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 5px 0px;
  }
  .Providertslin .Pockebl:hover{
    opacity: 0.6;
  }
  .Providertslin .Pockebl.active {
    border: 1px solid #980000;
    opacity: 1;
  }
  .Providertslin .Pockebl img{
    display: inline-block;
    padding: 0px 10px 0px 0px;
  }
  .textabner {
    position: relative;
    width:100%;
  }
  .image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
  }
  .middle {
     position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    transition: .10s ease;
    opacity: 0;
    overflow: hidden;
    width: 0;
    height: 100%;
    text-align: center;
  }
  .Baccarat{
    width:auto;
    padding: 5px 0px;
    color: #fff;
  }
  .Baccaratxty{
    font-size: 14px;
  }
  .Baccaraicon1 i{
    font-size: 18px;
    text-align: right;
    float: right;
    padding: 5px 5px 0px 0px;
  }
  .Baccaraicon1 i:hover{
    font-size:18px;
    color: #de9c07;
  }
  .Baccarat2{
    width:auto;
    color: #fff;
  }
  .Baccaratxty2{
    font-size: 14px;
  }
  .Baccaraicon12{
    font-size:25px;
    text-align: right;
    float: right;
  }
  .allgamerow{
    width: auto;
    margin:36px 0px 0px 0px;
  }
  .onestrbox{
    padding:0px 0px 30px 0px;
  }
  .livedelerow{
    width:100%;
    text-align: center;
    padding: 20px 0px;
  }
  .livedelerow .live_dealer{
    position: relative;
    width:49%;
    display: inline-block;
    padding:10px 5px 10px 5px;
  }
  .livedelerow .live_dealer .dealerone{
    width:100%;
  }
  .livedelerow .live_dealer .dealerone img{
    width:100%;
  }
  .livedelerow .live_dealer .dealerbtn1{
    width:100%;
    text-transform: uppercase;
    margin: 0px 0px 0px 0px;
  }
  .live_dealer .dealerbtn1 a{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#005c8d+0,003457+50,006092+100 */
    background: #005c8d; /* Old browsers */
    background: -moz-linear-gradient(top, #005c8d 0%, #003457 50%, #006092 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #005c8d 0%,#003457 50%,#006092 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #005c8d 0%,#003457 50%,#006092 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005c8d', endColorstr='#006092',GradientType=0 ); /* IE6-9 */
    font-size: 24px;
    padding: 3% 26.9%;
    color: #fff;
    display: block;
  }
  .live_dealer .dealerbtn1 a:hover{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#008ac6+0,00a3d1+50,0090c9+100 */
    background: #008ac6; /* Old browsers */
    background: -moz-linear-gradient(top, #008ac6 0%, #00a3d1 50%, #0090c9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #008ac6 0%,#00a3d1 50%,#0090c9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #008ac6 0%,#00a3d1 50%,#0090c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ac6', endColorstr='#0090c9',GradientType=0 ); /* IE6-9 */
    display: block;
  }
  .livedelerow .live_dealer h2{
     font-size: 14px;
    color: #fff;
    text-align: center;
    margin: 0px !important;
    padding: 5px 0px;
  }
  .livedelerow .live_dealer p{
   font-size:12px;
    color: #fff;
    text-align: center;
    margin: 0px !important;
  }
  /*e__________________________game_______________________________________start*/

  /**** mobile page start *****/
  .mobile_page{
    width: auto;
    background: transparent;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
    /*padding: 30px 0px 0px;*/
    border-bottom: 1px solid #232323;
  }
  .mobile_page h1{
    font-size: 50px;
    font-weight: 700;
    color: #fff;
    margin: 0px;
    text-align: center;
    padding: 20px 0px 25px 0px;
  }
  .mobile_page p{
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    padding: 0px 0px 3px 0px;
  }


  .user_layer{
    width: auto;
    padding: 5px 0px 10px 0px;
  }
  .user_layer img{
    float: left;
  }
  .user_layer h2{
    font-size: 30px;
    color: #01b4f8;
    font-weight: 300;
    padding: 0px 0px 5px 105px;
    margin: 0px;
    text-transform: uppercase;
  }
  .user_layer p{
    color: #81869b;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    padding: 0px 0px 0px 105px;
  }
  .mobileleftpic{
    width: auto;
    text-align: center;
  }
  .mobileleftpic img{
    display: inline-block;
  }

  .JACKPOTS_no{
    width: auto;
    position: relative;
  }
  .JACKPOTS_no .noimages1{
    width: auto;
    text-align: center;
  }
  .JACKPOTS_no .noimages1 img{
    display: inline-block;
    height:70px;
  }

  .JACKPOTS_no .nopots{
    width: 100%;
    /*margin-top:-50px !important;*/
    z-index: 999;
    position: absolute;
    top: 15%;
    bottom: 15%;
  }

  .JACKPOTS_no .nopots h2{
    width: 50%;
    float: left;
    font-size: 4.5vw !important;
    font-weight: 300;
    margin: 0px;
    text-transform: uppercase;
    font-family: gotham-black;
    color: #fff;
    padding: 5px;
  }

  .JACKPOTS_no .nopots h3{
    width: 50%;
    float: left;
    padding: 5px;
    font-size: 5vw !important;
    font-weight: 300;
    margin: 0px;
    text-transform: uppercase;
    font-family: gotham-black;
    color: #fff;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  /*term****************************start*/
  .term_top{
    background: #252525;
    padding: 30px 0px 0px 0px;
  }
  .term_conditon{
    width: auto;
  }
  .term_conditon .term_hed{
    width: auto;
    background: #006193;
    background: -moz-linear-gradient(top, #006193 1%, #003356 51%, #005f91 100%);
    background: -webkit-linear-gradient(top, #006193 1%,#003356 51%,#005f91 100%);
    background: linear-gradient(to bottom, #006193 1%,#003356 51%,#005f91 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006193', endColorstr='#005f91',GradientType=0 );
    border-bottom: 4px solid #0093d9;
  }
  .term_conditon .term_hed h2{
    font-size: 25px;
    font-weight: 300;
    margin: 0px;
    text-transform: uppercase;
    font-family: gotham-black;
    text-align: center;
    color: #fff;
    padding: 10px 0px;
  }
  .term_conditon p{
    color:#bfbfbf;
    font-size: 14px;
    padding: 10px 0px 0px 15px;
  }

  .term_conditon span{
    color:#bfbfbf;
    font-size: 16px;
    padding: 5px;
    font-weight: 600;
  }
  /*Start Avatar*/
  .imgavatar-main {
    border: 1px solid #000;
    float: right;
    height: 130px;
    margin-right: 70px;
    margin-top: 30px;
    width: 130px;
  }
  .imgavatar {
    border: 1px solid #000;
    height: 80px;
    margin-top: 20px;
    width: 80px;
  }

  .t-tab-head {
    background-image: -moz-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    border-top-left-radius: 10px;
    padding: 1px 0;
  }
  .t-tab-head h1 {
    color: #fff;
    font-weight: bold;
  }

  .t-tab-head h4 {
      padding: 0px 14px;
      font-family: roboto;
      font-weight: bold;
  }

  .t-tab-head1 {
    background-image: -moz-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    border-top-right-radius: 10px;
    padding: 1px 0;
  }
  .t-tab-head1 h1 {
    color: #fff;
    font-weight: bold;
  }

  .t-tab-head1 h4 {
      padding: 0px 14px;
      font-family: roboto;
      font-weight: bold;
  }

  .bank-info-col {
    background: rgba(0,0,0,0.75);
    border:1px solid rgba(75,90,141,0.5);
    padding: 10px 20px;
  }
  .lab-avatar {
    margin-left: 50px;
  }
  .Transfer_btn a.btn-avatar {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: inherit;
    background-image: linear-gradient(to bottom, #005c8d 1%, #003356 50%, #005b8c 100%);
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border: medium none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    outline: 0 none;
    overflow: hidden;
    padding: 8px 44px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
  }
  /*End Avatar*/

  /*Start Memo*/
  .user-head .inbox-avatar {
    float: left;
    width: 65px;
  }
  .mail-box .sm-side .user-head {
    background: #003932;
    border-radius: 4px 0 0;
    color: #fff;
    min-height: 80px;
    padding: 10px;
  }
  .mail-box .sm-side {
    background-color: #030306;
    border-radius: 4px 0 0 4px;
    width: 25%;
  }
  .mail-box aside {
    display: table-cell;
    float: none;
    height: 100%;
    padding: 0;
    vertical-align: top;
  }
  .mail-box {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .mail-box .lg-side {
    background: #1f1f1f none repeat scroll 0 0;
    border-radius: 0 4px 4px 0;
    width: 75%;
  }
  .inbox-head-memo {
    border-radius: 0 4px 0 0;
    color: #fff;
    min-height: 93px;
    padding: 7px 20px;
    background: #f16355;
    background: -moz-linear-gradient(left, #f16355 0%, #ed8734 100%);
    background: -webkit-linear-gradient(left, #f16355 0%,#ed8734 100%);
    background: linear-gradient(to right, #f16355 0%,#ed8734 100%);
  }
  .inbox-body {
    padding: 20px;
    background: # ;
  }
  .user-head .user-name {
    display: inline-block;
    margin: 0 0 0 10px;
  }
  ul.inbox-nav {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  ul.inbox-nav li {
    display: inline-block;
    line-height: 45px;
    margin-top: 3px;
    width: 100%;
  }
  ul.inbox-nav li a:hover, ul.inbox-nav li.active a, ul.inbox-nav li a:focus {
    background: #1f1f1f none repeat scroll 0 0;
    color: #ddd;
  }
  ul.inbox-nav li a span.label {
    margin-top: 13px;
  }
  ul.inbox-nav li a {
    color: #fff;
    display: inline-block;
    line-height: 45px;
    padding: 0 20px;
    width: 100%;
  }
  .table-hover > tbody > tr:hover {
    background-color: #313131;
  }
  .table-inbox tr.unread td {
    color: #ddd;
    font-weight: 600;
  }
  .note-editor.note-frame .note-editing-area .note-editable {
    height: 160px;
  }
  .fileinput-button {
    float: left;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
  }
  .fileinput-button {
    background: #eeeeee none repeat scroll 0 0;
    border: 1px solid #e6e6e6;
  }
  .fileinput-button input {
    cursor: pointer;
    direction: ltr;
    font-size: 23px;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-300px, 0px) scale(4);
  }
  .btn-send {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
  }
  /*End memo*/
  .mod-trans {
    width: 400px;
  }
  .user-head .inbox-avatar-ref {
    float: none;
  }
  .mail-box .sm-side .user-head1 {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #006193 1%, #003356 51%, #005f91 100%) repeat scroll 0 0;
    border-radius: 4px 0 0;
    color: #fff;
    min-height: 80px;
    padding: 10px;
    /*border-bottom: 4px solid #0093d9;*/
  }
  .inbox-head1 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e20000+5,940000+50,4c0000+100 */
    background: #15a476;
    border-radius: 0 4px 0 0;
    color: #fff;
    min-height: 93px;
    padding: 7px 20px;
    /*border-bottom: 4px solid #009d86;*/
  }
  .inbox-head1 h3 {
    display: inline-block;
    font-weight: 300;
    padding-top: 6px;
  }
  .copy-button {
    background: linear-gradient(to bottom, #00e20b 5%,#00740b 50%,#094c00 100%);
    border: medium none;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding: 5px 10px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
    width: auto;
    margin-left: 8px;
  }
  .copy-button:hover{
    background: linear-gradient(to top, #00e20b 5%,#00740b 50%,#094c00 100%);
    color:#fff;
  }

  .Transfer_btn a.reg-btn {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00e20b+5,00740b+50,094c00+100 */
    background: #15a476;
    border: medium none;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    padding: 5px 22px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
    width: auto;
  }
  .bg-grad {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #006193 1%, #003356 51%, #005f91 100%) repeat scroll 0 0;
  }
  .dark-bg {
    background: #011725;
  }
  .side-tab > li > a {
      border: none;
  }

  h1,
  h1+p {
    margin: 30px 4px 0;
    font-weight: 300;
  }
  h1+p a {
    color: #333;
  }
  h1+p a:hover {
    text-decoration: none;
  }
  h2 span {
    margin-left: 1em;
    color: #aaa;
    font-size: 85%;
  }
  .column::after {
    content: '';
    clear: both;
    display: block;
  }
  .column div:first-child {
    margin-left: 0;
  }
  .column div span {
    background: #440000;
    position: absolute;
    bottom: -20px;
    left: 0;
    z-index: -1;
    display: block;
    width: 300px;
    margin: 0;
    padding: 0;
    color: #444;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 0;
  }
  figure {
    overflow: hidden;
  }
  figure:hover+span {
    bottom: -36px;
    opacity: 1;
  }
  .hover14 figure {
    position: relative;
  }
  .hover14 figure::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
  }
  .hover14:hover figure::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
  }
  .hover14:hover .play_btn a.play-now {
    background: linear-gradient(to top, #005951 1%,#009d86 100%);
    display: block;
  }
  @-webkit-keyframes shine {
    100% {
      left: 125%;
    }
  }
  @keyframes shine {
    100% {
      left: 125%;
    }
  }
  .hover14 .play_btn {
    margin: 0;
  }
  .bg-blue {
    background: #212121;
  }

  .nav-tabs > li.active > a.white, .nav-tabs > li.active > a.white:focus, .nav-tabs > li.active > a.white:hover {
    background-color: transparent;
    border: 1px solid transparent;
    color: #fff;
    cursor: default;
  }
  #accordion .panel {
    border: medium none;
    border-radius: 5px;
    box-shadow: none;
    margin-bottom: 5px;
  }
  #accordion .panel-heading {
    border: medium none;
    border-radius: 5px;
    padding: 0;
    text-align: center;
  }
  .white {
    color: #fff;
  }
  ul.side-menu li {
    display: block;
    float: left;
    width: 100%;
  }
  .side-tab > li {
    float: none;
    margin-bottom: -1px;
  }
  .side-tab > li > a {
    display: block;
    padding: 0px;
    position: relative;
  }
  .side-menu {
    border-bottom:none;
  }
  .bd:hover {
    border: 1px solid #980000;
  }
  .side-menu > li > a:focus, .side-menu > li > a:hover {
    background: transparent;
    color: #fff;
    opacity: 0.6;
    border: 1px solid transparent;
  }
  .acc-menu:hover {
    opacity: 0.6;
  }
  .panel-title a.acc-menu {
    display: block;
    position: relative;
    line-height: 1.42857;
  }
  .panel-default > .dark-blue {
    border-color: transparent;
    border-radius: 5px;
    color: #fff;
  }
  .panel-title a.acc-right {
    padding: 0px;
  }

  .panel-default > .dark-blue{
    background-image: -moz-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
  }
  .btn-default{
    color: #000;
  }
  .panel-title > a::before {
    background: rgba(0, 0, 0, 0) url("../images/ac-down-arrow.png") repeat scroll 0 0;
    content: " ";
    float: right;
    height: 8px;
    margin-top: 8px;
    padding-right: 5px;
    width: 18px;
  }
  .reg-pad {
    padding: 15px;
  }
  .panel-group .panel + .panel {
    margin-top: 5px;
  }
  .main-box {
    height: 900px;
    overflow: scroll;
  }

  .contact_option li.lchat.active {
    background: rgba(0, 0, 0, 0) url("../images/help/livechat.jpg") repeat scroll 0 0;
  }
  .contact_option li.msg.active {
    background: rgba(0, 0, 0, 0) url("../images/help/help-memo-hover.jpg") repeat scroll 0 0;
  }
  .contact_option li.somed.active {
    background: rgba(0, 0, 0, 0) url("../images/help/socmed.jpg") repeat scroll 0 0;
  }
  .lchat {
    background: rgba(0, 0, 0, 0) url("../images/help/livechat2.jpg") repeat scroll 0 0;
    height: 42px;
    width: 142px;
  }
  .msg {
    background: rgba(0, 0, 0, 0) url("../images/help/help-memo.jpg") repeat scroll 0 0;
    height: 42px;
    width: 142px;
  }
  .somed {
    background: rgba(0, 0, 0, 0) url("../images/help/socmed2.jpg") repeat scroll 0 0;
    height: 42px;
    width: 142px;
  }
  .contact_option {
    display: block;
    height: 42px;
    list-style: outside none none;
    margin-left: 0;
    padding: 8px 0;
  }
  .contact_option li a {
    border: 0 solid transparent;
    border-radius: 0;
    display: block;
    height: 43px;
    width: 142px;
  }
  .contact_option.id li.empty {
    display: block;
    width: 13px;
  }
  .contact_option li {
    display: block;
    float: left;
    position: relative;
  }
  .contact_option li.active::before, .contact_option li.active .before {
    border-color: #337ab7 transparent;
    border-style: solid;
    border-width: 0 8px 7px;
    bottom: -8px;
    content: "";
    display: block;
    left: 50%;
    margin-left: -2px;
    position: absolute;
    width: 0;
    z-index: 1;
  }
  .contact_option li.active::after, .contact_option li.active .after {
    border-color: #252525 transparent;
    border-style: solid;
    border-width: 0 6px 6px;
    bottom: -8px;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    width: 0;
    z-index: 1;
  }
  .contact_option li.lchat.active {
    background: rgba(0, 0, 0, 0) url("../images/help/livechat.jpg") repeat scroll 0 0;
  }
  .tab-content-wrap {
    border: 1px solid #337ab7;
    margin-top: 15px;
    overflow: visible;
    padding: 10px;
  }
  .popupcontainerMain ul.number li::before {
    content: counter(first, decimal) ". ";
    counter-increment: first;
  }
  .popupcontainerMain ul.number li {
    list-style-type: none;
    margin-bottom: 10px;
  }
  .popupcontainerMain ul.number li ul {
    counter-reset: second;
    margin-left: 50px;
    margin-top: 10px;
  }
  .popupcontainerMain ul.number li ul li::before {
    content: counter(first, decimal) ". " counter(second, decimal) ". ";
    counter-increment: second;
    margin-left: -35px;
    vertical-align: top;
  }
  .tosca {
    color: #f86257;
  }
  .side-tab-m>li.active>a, .side-tab-m>li.active>a:focus, .side-tab-m>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: transparent;
    border: none;
    border-bottom-color: transparent;
  }
  .side-tab li.active a .Pockebl {
    border: 1px solid #990001;
  }
  #accordion .panel-title a.acc2-m {
    display: block;
    padding: 15px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    transition: all 0.5s ease 0s;
  }
  .plr0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .btn-subprofil {
    background: transparent none repeat scroll 0 0;
    border-color: #00ADEE;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  label.pleft0 {
    padding-left: 0;
  }
  .text-center {
    text-align: center;
  }
  .legend-style {
    color: #00ADEE;
    font-weight: bold;
  }
  .depo-table > tbody > tr > td, .depo-table > tbody > tr > th, .depo-table > tfoot > tr > td, .depo-table > tfoot > tr > th, .depo-table > thead > tr > td, .depo-table > thead > tr > th {
    border-top: none;
  }

  /*Style Memo*/
  .mail-box .sm-side {
    /*background-color: rgba(37, 125, 139, 0.6);*/
    border-radius: 4px 0 0 4px;
    width: 25%;
  }
  .mail-box aside {
    display: table-cell;
    float: none;
    height: 100%;
    padding: 0;
    vertical-align: top;
  }
  .inbox-head {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(97, 97, 97) 0%, rgb(48, 48, 48) 100%) repeat scroll 0 0;
    border-radius: 0 4px 0 0;
    color: #fff;
    min-height: 80px;
    padding: 7px 20px;
  }
  .mail-box .sm-side .user-head {
    border-radius: 4px 0 0;
    color: #fff;
    min-height: 93px;
    padding: 10px;
    border-right: 1px solid rgba(0,0,0,0.5);
    background: #f25b5c;
    background: -moz-linear-gradient(left, #f25b5c 0%, #f16355 100%);
    background: -webkit-linear-gradient(left, #f25b5c 0%,#f16355 100%);
    background: linear-gradient(to right, #f25b5c 0%,#f16355 100%);
  }
  .inbox-body {
    padding: 20px;
  }
  .table-inbox tr.unread td {
    color: #ddd;
    font-weight: 600;
    border-bottom: 1px solid rgb(242,91,92);
  }
  .user-head .inbox-avatar {
    float: left;
    width: 65px;
  }
  .user-head .user-name {
    display: inline-block;
    margin: 0 0 0 10px;
  }
  .user-head .user-name h5 a,.user-head .user-name span a {
    color: #fff;
  }
  .mail-box .lg-side {
    background: rgba(0,0,0,0.75) none repeat scroll 0 0;
    border-radius: 0 4px 4px 0;
    width: 75%;
    padding-bottom: 15px;
  }
  .tab-new-style-memo {
    bottom: 0;
    position: absolute;
    right: -15px;
    width: 91.6%;
  }
  .tabstyle-title-memo::before {
    border-bottom: 80px solid #616161;
    border-left: 80px solid transparent;
    content: " ";
    height: 0;
    left: -80px;
    position: absolute;
    top: 0;
    width: 0;
  }
  .tabstyle-title-memo {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(97, 97, 97) 0%, rgb(48, 48, 48) 100%) repeat scroll 0 0;
    bottom: 0;
    left: 0;
    min-height: 80px;
    padding: 11px 15px;
    position: absolute;
    width: 98%;
  }
  .mail-box {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  ul.inbox-nav {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  ul.inbox-nav li {
    display: inline-block;
    line-height: 45px;
    margin-top: 3px;
    width: 100%;
  }
  ul.inbox-nav li a:hover, ul.inbox-nav li.active a, ul.inbox-nav li a:focus {
    background: #2e2744 none repeat scroll 0 0;
    color: #ddd;
  }
  ul.inbox-nav li a {
    color: #fff;
    display: inline-block;
    line-height: 45px;
    padding: 0 20px;
    width: 100%;
  }
  ul.inbox-nav li a span.label {
    margin-top: 13px;
  }
  .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #252525;
  }
  .table-togel > tbody > tr:nth-of-type(2n+1) {
    background-color: #111111;
  }
  .table-inbox tr.read td {
    background-color: #313131;
    color: #ddd;
    font-weight: 600;
  }

  .table-inbox thead {
    background-image: -moz-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
  }
  .table-borderless > tbody > tr:hover {
    /*background-color: rgba(37, 125, 139, 0.8);*/
    background-color: rgba(260, 230, 139, 0.8);
  }
  .form-horizontal .control-label {
    color: #fff;
  }
  :focus {
    outline: 0;
  }
  .fileinput-button {
    background: #eeeeee none repeat scroll 0 0;
    border: 1px solid #e6e6e6;
  }
  .green {
    color: #4fa053;
  }
  .fileinput-button {
    float: left;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
  }
  .fileinput-button input {
    cursor: pointer;
    direction: ltr;
    font-size: 23px;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-300px, 0px) scale(4);
  }
  .note-editor.note-frame .note-editing-area .note-editable {
    background-color: #fff;
    color: #000;
    height: 160px;
    overflow: auto;
    padding: 10px;
  }
  .mail-option {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
  }
  .header-message {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #aaa;
    margin: 0 0 10px;
    padding: 10px 0;
  }
  .avatar {
    border-radius: 2px;
    float: left;
    height: 34px;
    margin-right: 10px;
    width: 34px;
  }
  /* Start MEMO */
  .mtop-min27 {
    margin-top: -27px;
  }
  .navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    border-width: 0 0 1px;
    border: 1px solid transparent;
  }
  h3.hd-memo {
    font-size: 20px;
    color: #fff;
    margin-bottom: 0px;
    background: #000;
    font-weight: bold;
    padding-bottom: 8px;
    margin-top: 0;
    padding: 12px 0;
    text-align: center;
  }
  .pos-trash {
    margin-top: 12px;
    margin-left: 12px;
  }
  .menu-memo > li > a {
    position: relative;
    display: block;
  }
  ul.menu-memo li a:hover, ul.menu-memo li.active a {
    border-bottom: 5px solid #00ADEE !important;
    color: #00ADEE !important;
    text-decoration: none;
    transition: all 0.15s ease-in-out 0s;
  }
  .menu-memo {
    border-bottom: 1px solid #282828;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    height: 47px;
  }
  .menu-memo > li {
    position: relative;
    display: table-cell;
    width: 1%;
    float:none;
  }
  .pad1 {
    /*padding: 10px 0px;*/
    padding-bottom: 0px;
  }
  .scbodymemo-con {
    margin-top: 236px;
    height: 493PX;
    overflow: scroll;
    padding: 0 15px;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #03111e 0%, #031d2e 100%) repeat scroll 0 0;
    animation: fade 0.444s 1 ease-out;
    padding: 0;
  }
  .bg-nav-memo {
    background: linear-gradient(to bottom, #006193 1%,#003356 51%,#005f91 100%);
  }
  .header-message {
    margin-top: 0px;
  }
  .form-group {
    /*margin-bottom: 0px;*/
  }
  .padding15 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .upload {
    color: #000;
    background: #aaa;
    border-radius: 15px;
    padding: 6px 12px;
    float: left;
  }
  .btn-send {
    padding: 6px 36px;
    border-radius: 5px;
    margin-left: 20px;
    color:#000;
    background:#fabb00;
  }
  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #ffffff;
    background-color: transparent;
    cursor: default;
    border: none;
  }
  .memo_banner .submit_btn a {
    background-color: #1AD0F5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1AD0F5), to(#0632C0));
    background-image: -webkit-linear-gradient(top, #1AD0F5, #0632C0);
    background-image: -moz-linear-gradient(top, #1AD0F5, #0632C0);
    background-image: -ms-linear-gradient(top, #1AD0F5, #0632C0);
    background-image: -o-linear-gradient(top, #1AD0F5, #0632C0);
    background-image: linear-gradient(to bottom, #1AD0F5, #0632C0);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1AD0F5, endColorstr=#0632C0);
    border: 1px solid #07a8d4;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 30px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    color: #FFFFFF;
  }
  .memo_banner .navbar-fixed-top {
    position: absolute;
  }
  .scrollable {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  ul.mat-ripple {
    padding-left: 0;
  }
  .memo-heading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9997;
    background: #000;
  }
  .m-help {
    padding-top: 44%;
  }
  .side-tab-m>li>a:hover {
    background:transparent;
  }
  .capt-m {
    width: 100%;
  }
  .bouns_rwo {
    padding: 20px 0 30px;
  }
  .no-padding {
    padding: 0;
  }
  .player_btn a:active {
    box-shadow: 0 3px 0 0 #bd7505;
    top: 2px;
  }
  .navbar-nav>li>.dropdown-menu {
    margin-top: -20px;
  }
  .side-tab-m {
    border-bottom: none;
  }
  ul.norm {
    list-style-type: unset;
  }
  .Transfer_STRIP tr th {
    text-align: center;
  }
  .to tr td {
    text-align: center;
    border-right: 1px solid #303030;
  }
  .table-memo tr {
    cursor: pointer;
  }
  .trdn ul.list li {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .Transfer_body tr td {
    text-align: center;
  }
  .datepicker {
    z-index: 99999;
  }

  .triptxt{
    font-size: 40px;
  color: #fff;
  letter-spacing: 4px;
    font-weight: bold;
  }

  .kol-xs-2-mcompose {
    width: 18.5%;
  }
  .kol-xs-offset-2-mcompose {
    margin-left: 18%;
  }

  .table-inbox thead tr td, .table-outbox thead tr td {
    font-weight: bold;
  }
  .nav-hmenu>li {
    top: 5px;
    left: -5px;
  }
  .pmarque {
    margin: 5px 0 0px;
  }
  .bcone_r img {
    width: 46%;
  }

  .gray_box2 {
    z-index: 999999;
  }
  .error-reg-username {
    font-size: 85%;
    color: #a94442;
    margin-top: 5px;
    display: block;
  }
  .error-reg-bankacc {
    font-size: 85%;
    color: #a94442;
    margin-top: 5px;
    display: block;
  }

  /* start css panel kiri kanan */
  #panel{
    position:fixed;
    background: #111;
    color:#fff;
    width:200px;
    right:-200px;
    top: 250px;
    transition: right 0.4s ease-in-out;
    -o-transition: right 0.4s ease-in-out;
    -ms-transition: right 0.4s ease-in-out;
    -moz-transition: right 0.4s ease-in-out;
    -webkit-transition: right 0.4s ease-in-out;
    padding: 0px;
    z-index: 99999;
  }
  #panelCaller{
    position:absolute;
    top:0px;
    right:198px;
  }
  #panel:hover{
    right:0px;
  }

  .contactus {
    float: left;
    color: #fff;
    border-bottom: 1px solid #373737;
    list-style: none;
    padding: 5px 0px;
    width: 200px;
  }

  .contactus img {
    vertical-align: middle;
  }

  #panel2{
    position:fixed;
    border-top: 4px solid #ff645b;
    border-bottom: 4px solid #ff645b;
    background: #161f2f;
    color: #8a897d;
    width:200px;
    left:-200px;
    top: 250px;
    transition: left 0.4s ease-in-out;
    -o-transition: left 0.4s ease-in-out;
    -ms-transition: left 0.4s ease-in-out;
    -moz-transition: left 0.4s ease-in-out;
    -webkit-transition: left 0.4s ease-in-out;
    z-index: 99999;
  }
  #panelCaller2{
    position:absolute;
    top: 30%;
    left: 200px;
    width: 20px;
    height: 55px;
    background-image: -moz-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    border-radius: 0px 10px 10px 0px;
    text-align: center;
  }
  #panel2:hover{
    left:0px;
  }
  #panelCaller2 i{
    color: #fff;
    font-size: 32px;
    line-height: 54px
  }

  .contactus2 {
    float: right;
    color: #8a897d !important;
    border-bottom: 1px solid #eaa941;
    list-style: none;
    padding: 10px;
    width: 200px;
    padding-bottom: 12px;
  }

  .contactus2 img {
    vertical-align: middle;
    width: 55%;
  }
  /* end css panel kiri kanan */

  .topback {
    padding: 10px !important;
  }

  /* start for modal homepopup */
  .button3 {
    background-color: #2b91af;
    border-radius: 10px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
  }
  .button3.b-close, .button3.bClose {
    border-radius: 7px;
    box-shadow: none;
    font: bold 131% sans-serif;
    padding: 0 6px 2px;
    position: absolute;
    right: -7px;
    top: -7px;
  }
  /* end for modal homepopup */

  .alli1 {
    width: 100%;
    margin: 0 auto 5px;
    background: url(../images/home/statusbank.png) no-repeat;
    width: 964px;
    height: 38px;
    position: relative;
  }

  .contactusbg {
    background: rgba(0,0,0,0.5);
    border: 1px solid #ed8734;
    border-radius: 20px;
    width: 185px;
    height: 38px;
    background-size: 100%;
    margin-right: 4px;
  }
  .contactusbg:hover {
    background-image: -moz-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    border: 1px solid transparent;
  }
  .contactusbg span {
    position: relative;
    top: 7px;
  }
  .alli1 .logo4in img {
    display: inline-block;
    /* padding: 5px 12px 5px 12px; */
  }
  .status-bca{
    position: absolute;
    top: 8px;
    left: 150px;
    width: 85px;
    height: 21px;
  }
  .status-mandiri{
    position: absolute;
    top: 8px;
    left: 380px;
    width: 85px;
    height: 21px;
  }
  .status-bni{
    position: absolute;
    top: 8px;
    left: 610px;
    width: 85px;
    height: 21px;
  }
  .status-bri{
    position: absolute;
    top: 8px;
    left: 850px;
    width: 85px;
    height: 21px;
  }
  .contactusbg a span {
    margin-right: 5px;
  }

  table.no-border tbody tr td {
    border:none;
  }
  .side-menu li a {
    color: #fff;
    padding: 10px 0px;
    border-bottom: 1px solid transparent;
    line-height: 1.42857143;
    font-weight: 400;
    margin: 0px 5px;
  }
  .side-menu2 li a {
    color: #fff;
    padding: 10px 0px;
    /*border-bottom: 1px solid #002337;*/
    line-height: 1.42857143;
    font-weight: 400;
    margin: 0px 5px;
  }
  .tab-pane .panel-group {
    margin-bottom: 0px;
  }
  /*.mega_left .potmg img {
    width: 50%;
  }*/
  .mega_right .morigh img {
    width: 100%;
  }
  ul.side-menu2 li {
    display: block;
    float: left;
    width: 100%;
    padding: 10px;
  }
  ul.side-menu2 li a img {
    margin-right: 10px;
  }
  .side-menu2 {
    border-bottom:none;
    padding:0;
  }
  .bd:hover {
    border: 1px solid #e9c006;
  }

  .mtopjp{
    margin-top: -98px;
  }

  .inner_transactionpar ul {
    list-style-type: inherit;
    color:#ed1c24;
  }
  .bootbox .modal-content, .confirmation-modal .modal-content {
    background: #1e1e1e;
  }

  .confirmation-modal .modal-header {
    background-image: -moz-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    border-bottom: none;
  }

  .confirmation-modal .close {
    color: #000;
  }

  .confirmation-modal .modal-body {
    border: 1px solid rgb(242,91,92);
    border-bottom: none;
  }

  .confirmation-modal .modal-footer {
    border: 1px solid rgb(242,91,92);
    border-top: none;
  }

  .confirmation-modal .modal-footer .btn-danger {
    background-image: -moz-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    border-radius: 17px;
    border: none;
  }

  .confirmation-modal .modal-footer .btn-danger:hover {
    background-image: -moz-linear-gradient( 90deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    border: none;
  }

  .confirmation-modal .modal-footer .btn-default {
    color: #fff;
    background-image: -moz-linear-gradient( 0deg, rgb(113,0,0) 0%, rgb(255,0,0) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(113,0,0) 0%, rgb(255,0,0) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(113,0,0) 0%, rgb(255,0,0) 100%);
    border-radius: 17px;
    border: none;
  }

  .confirmation-modal .modal-footer .btn-default:hover {
    background-image: -moz-linear-gradient( 90deg, rgb(113,0,0) 0%, rgb(255,0,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(113,0,0) 0%, rgb(255,0,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(113,0,0) 0%, rgb(255,0,0) 100%);
    border: none;
  }
  .bootbox, .confirmation-modal {z-index: 99999;}

  /* start new update authpin */
  .pin-title{
      color: #fff;
  font-size: 24px;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  font-style: italic;
  margin: 0 0 10px;
  padding-bottom: 10px;
  }
  .panel-default > .light-purple {
      border-bottom: 0;
      padding: 0;
      border-radius: 20px 20px 0 0;
    background-image: -moz-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
  }
  .bg-dark-purple {
      background: rgba(0,0,0,0.75);
    border-radius: 22px;
    border: 1px solid rgba(75,90,141,0.5);
  }
  .bg-pin {
      background: rgba(0,0,0,0.75);
      border: 1px solid rgba(75,90,141,0.5);
      padding: 15px;
      border-radius: 15px;
      margin-top: 12px;
  }
  .keypad-trigger1 {
      background: url(../images/titik.png) center no-repeat;
      background-size: 22px 22px;
      position: absolute;
      width: 22px;
      height: 22px;
      border: none;
      right: 20px;
      top: 5px;
  }
  .pin-bold {
      font-weight: bold;
      color: #3abc8e;
  }
  .ui-widget-content {
      border: 1px solid #666;
      background: #fff;
      color: #000;
  }
  .ui-widget.ui-widget-content {
      border: 3px solid #293354;
      background: #0a0a1b;
  }
  #keyboard5_keyboard {
      background: #0a0a1b;
  }
  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
      background: #d44546;
      border:none;
      font-weight: bold;
      color: #eee;
      border-radius: 3px;
  }
  .ui-keyboard-bksp {
    background-image: -moz-linear-gradient( 0deg, rgb(255,120,0) 0%, rgb(255,150,0) 100%) !important;
    background-image: -webkit-linear-gradient( 0deg, rgb(255,120,0) 0%, rgb(255,150,0) 100%) !important;
    background-image: -ms-linear-gradient( 0deg, rgb(255,120,0) 0%, rgb(255,150,0) 100%) !important;
    border-radius: 17px !important;
    width: 95px;
    height: 34px;
    font-size: 15px;
    font-family: roboto;
  }
  .ui-keyboard-cancel {
    background-image: -moz-linear-gradient( 0deg, rgb(113,0,0) 0%, rgb(255,0,0) 100%) !important;
    background-image: -webkit-linear-gradient( 0deg, rgb(113,0,0) 0%, rgb(255,0,0) 100%) !important;
    background-image: -ms-linear-gradient( 0deg, rgb(113,0,0) 0%, rgb(255,0,0) 100%) !important;
    border-radius: 17px !important;
    width: 95px;
    height: 34px;
    font-size: 15px;
    font-family: roboto;
  }
  .ui-keyboard-enter {
      background: url('../images/PROSES1.png') !important;
    width: 95px;
    height: 34px;
    font-size: 15px;
    font-family: roboto;
  }
  .ui-keyboard-enter.ui-keyboard-valid-input {
    background: url('../images/PROSES1.png');
    width: 95px;
    height: 34px;
    font-size: 15px;
    font-family: roboto;
  }
  .ui-keyboard-enter.ui-keyboard-invalid-input {
    background: url('../images/PROSES1.png');
    display: block;
    color: #fff;
    opacity: 0.5;
    filter: alpha(opacity=50);
    width: 95px;
    height: 34px;
    font-size: 15px;
    font-family: roboto;
  }
  .pin-italic {
      font-style: italic;
      color: #fff;
      font-size: 24px;
      text-align: left;
      margin-top: 5px;
      border-bottom: 1px solid #ddd;
  }
  .yellow {
      color: #ff0000;
  }
  .garis{
      width: 0px;
      height: 150px;
      border: 1px #242f47 solid;
      position: relative;
      left: 170px;
  }

  .inputbank {
      border-radius : 10px;
      padding-left : 10px;
      color : #000;
  }
  .keypad-trigger {
      background: url(../images/titik.png) center no-repeat;
      background-size: 22px 22px;
      position: absolute;
      width: 22px;
      height: 22px;
      border: none;
      top: 5px;
      right: 5px;
  }
  .blue-i {
      color: #8cc640;
  }

  .panel-default > .light-magenta {
      border: none;
      background: #2aa9c9;
      background: -moz-linear-gradient(top, #2aa9c9 0%, #21819b 100%);
      background: -webkit-linear-gradient(top, #2aa9c9 0%,#21819b 100%);
      background: linear-gradient(to bottom, #2aa9c9 0%,#21819b 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2aa9c9', endColorstr='#21819b',GradientType=0 );
  }
  .bg-white-magenta {
      background-color: #fff;
      border-color: #41a1c9;
  }
  .userblockir {
      color : #fff;
  }
  .pin-bold-blokir {
      font-weight: bold;
      color: #ed1c24;
  }
  .pin-bold2 {
      font-weight: bold;
      color: #0072bc;
  }
  .submit_pin {
      background: #5f8510;
      background: -moz-linear-gradient(top, #5f8510 0%, #7fa71b 100%);
      background: -webkit-linear-gradient(top, #5f8510 0%,#7fa71b 100%);
      background: linear-gradient(to bottom, #5f8510 0%,#7fa71b 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f8510', endColorstr='#7fa71b',GradientType=0 );
      border: 1px solid #5f8510;
      border-radius: 10px;
      color: #ffffff;
      display: inline-block;
      font-size: 16px;
      font-weight: bold;
      padding: 5px 15px;
      text-decoration: none;
      text-transform: uppercase;
  }
  .submit_pin2 {
      background: #faae00;
      background: -moz-linear-gradient(left, #faae00 0%, #e34c03 100%);
      background: -webkit-linear-gradient(left, #faae00 0%,#e34c03 100%);
      background: linear-gradient(to right, #faae00 0%,#e34c03 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faae00', endColorstr='#e34c03',GradientType=1 );
      border: none;
      border-radius: 50px;
      color: #000;
      display: inline-block;
      font-size: 16px;
      font-weight: bold;
      padding: 5px 15px;
      text-decoration: none;
      text-transform: uppercase;
  }
  .nextbtn_pin {
      background: #faae00;
      background: -moz-linear-gradient(left, #faae00 0%, #e34c03 100%);
      background: -webkit-linear-gradient(left, #faae00 0%,#e34c03 100%);
      background: linear-gradient(to right, #faae00 0%,#e34c03 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faae00', endColorstr='#e34c03',GradientType=1 );
      border: none;
      border-radius: 50px;
      color: #000;
      display: inline-block;
      font-size: 16px;
      font-weight: bold;
      padding: 5px 15px;
      text-decoration: none;
      text-transform: uppercase;
  }
  .wrongbtn_pin {
      background: transparent;
      border: none;
      border-left: 3px solid #f7941d;
      border-right: 3px solid #f26522;
      background-image: linear-gradient(#f7941d, #f26522), linear-gradient(#f7941d, #f26522);
      background-size: 100% 9%;
      background-position: 0% 100%, 100% 0%;
      background-repeat: no-repeat;
      border-radius: 50px;
      color: #ffffff;
      display: inline-block;
      font-size: 16px;
      font-weight: bold;
      padding: 5px 15px;
      text-decoration: none;
      text-transform: uppercase;
  }
  .logout_pin {
      background: transparent;
      border: none;
      border-left: 3px solid #f7941d;
      border-right: 3px solid #f26522;
      background-image: linear-gradient(#f7941d, #f26522), linear-gradient(#f7941d, #f26522);
      background-size: 100% 9%;
      background-position: 0% 100%, 100% 0%;
      background-repeat: no-repeat;
      border-radius: 50px;
      color: #ffffff;
      display: inline-block;
      font-size: 16px;
      font-weight: bold;
      padding: 5px 15px;
      text-decoration: none;
      text-transform: uppercase;
  }
  .ok_pin {
      background: #15a476;
  background: -moz-linear-gradient(top,  #15a476 0%, #055038 100%);
  background: -webkit-linear-gradient(top,  #15a476 0%,#055038 100%);
  background: linear-gradient(to bottom,  #15a476 0%,#055038 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15a476', endColorstr='#055038',GradientType=0 );
  border:none;
      color: #ffffff;
      display: inline-block;
      font-size: 16px;
      font-weight: bold;
      padding: 5px 30px;
      text-decoration: none;
      text-transform: uppercase;
      border-radius: 5px;
  }

  .ok_pin:hover {
      background: #055038;
  background: -moz-linear-gradient(top,  #055038 0%, #15a476 99%);
  background: -webkit-linear-gradient(top,  #055038 0%,#15a476 99%);
  background: linear-gradient(to bottom,  #055038 0%,#15a476 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#055038', endColorstr='#15a476',GradientType=0 );
  border:none;
  }
  /* end new update authpin */
  #wowslider-container1 .ws_bullets {
      bottom: 10px;
      left: 50%;
      top: 72%;
  }
  .modal {
      z-index: 99999;
  }
  .bal-provider {
      display: none;
  }
  /* new css fro brovegas-new */
  .nvgt {padding: 20px 0px 0px 0px;}
  .logo_t img {
    display: inline-block;
    max-width: 255px;
    max-height: 68px;
  }
  .sign_row {width: 94% !important; float: right;}
  .sign_row .userro {width: 19%; padding: 0px 2%; float: left;}
  .form-group1 {
      margin-bottom: 2px;
      position: relative;
      width: 100%;
      overflow: hidden;
      margin-top: -1px;
  }
  .form-group {margin-bottom: 0px; border-bottom: none;}
  .form-group1 .label-control {
    color: #888;
    display: block;
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
    pointer-events: none;
    height: 100%;
  }

  .form-group1 .label-control .label-text {
    -webkit-transform: translate3d(0, 30px, 0) scale(1);
    -moz-transform: translate3d(0, 30px, 0) scale(1);
    transform: translate3d(0, 30px, 0) scale(1);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
  }
  .active .label-control .label-text {
      opacity: 1;
      -webkit-transform: scale(0.9);
      -moz-transform: scale(0.9);
      transform: scale(0.9);
      color: #ff645b !important;
  }
  .form-group1 .label-control::before, .form-group1 .label-control::after {
    content: "";
    left: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  .form-group1 .label-control::before {
    border-bottom: 1px solid #B9C1CA;
    transition: transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
  }
  .form-group1 .label-control::after {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
  }
  .form-control1 {
    border: none;
    border-radius: 0;
    margin-top: 20px;
    padding: 7px 0;
    width: 100%;
    font-size: 14px;
    background: none;
  }
  .sign_row .pswrd {
    width: 17%;
    float: left;
    padding: 0px 1%;
  }
  .lp-pass {
    color: #f86257;
  }
  .lp-pass:hover {
    color: #fff;
  }
  .sign_row .incaptcha {
    width: 18%;
    padding: 0px 1%;
    float: left;
  }
  .sign_row .captcta {
    width: 17%;
    float: left;
    padding: 20px 5px 0px 0px;
  }
  .sign_row .captcta .capt_left {
    width: 70%;
    float: left;
    padding: 5px 7px;
    text-align: center;
  }
  .sign_row .captcta .capt_right {
    width: 30%;
    float: left;
    color: #fff;
    padding: 5px 10px;
    text-align: center;
  }
  .sign_row .sign_i {
    width: 12%;
    float: left;
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 24px 0px 0px 0px;
  }
  .sign_row .sign_i a {color: #fff;}
  .sign_row .sign_up {
    width: 17%;
    float: left;
    color: #15a574;
    text-align: center;
    font-size: 17px;
    padding: 24px 0px 0px 0px;
  }
  .sign_row .sign_up a {color: #fff;}
  .icon-small {height: 18px; margin: 0; padding: 0; background-color: transparent; border:none;}
  .naline {width: 100%; margin: 5px 0px 0;}
  .naline .nav_menu {width: 100%; margin: auto;}
  .naline .nav_menu ul {
    list-style-type: none;
      margin: 0;
      padding: 0;
      overflow: hidden;
      width: 100%;
      text-align: center;
      margin: 0 auto 10px;
  }
  .naline .nav_menu li {
    display: inline-block;
      list-style-type: none;
  }

  .naline .nav_menu li a {
    width: auto;
    margin: -2px 0px 0px 0px;
    color: #9c8050;
    line-height: 30px;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-bottom: 2px solid transparent;
    padding: 1px 24px;
  }
  .naline .nav_menu li:hover a , .naline .nav_menu li.active a {
    width: auto;
    margin: -2px 0px 0px 0px;
    color: #ff645b;
    border-bottom: 2px solid transparent;
    text-decoration: none;
    border-image: linear-gradient(to right, rgba(0,169,157,0) 0%,rgba(0,169,157,0) 39%,#ff645b 40%, #ff645b 50%, #ff645b 60%,rgba(141,198,63,0) 61%, rgba(141,198,63,0) 100%);
    border-image-slice: 100%;
    border-image-slice: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }

  .p5 {padding: 5px !important;}
  .lorn {
    /*padding: 0px 0px 20px 0px;*/
    /*background: #000000;*/
    opacity: 0.85;
    -moz-opacity: 0.85;
    filter: alpha(opacity=85);
  }

  .news_box {
      width: 100%;
      height: 20px;
      padding: 0px 8px;
      background: #ff645b;
      color: #fff;
      font-size: 11px;
      margin-top: 2px;
      margin-left: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
  }

  .gmt {width: auto; color: #07bc00; font-size: 12px;}
  .gmt .gm_left1{
    width: 42%;
    padding: 1px 0px;
    float: left;
  }

  .gmt .gm_left2{
    width: 54%;
    padding: 1px 0px;
    float: left;
  }
  .gmt .old_btn {
    width: 20%;
    float: left;
    text-align: center;
    padding: 0px 0px;
  }
  .old_btn a {
    margin: 0px auto;
    font-size: 11px;
    padding: 0px 6px;
    display: inline-block;
    text-transform: uppercase;
    border: solid 2px #9e9e9e;
    width: auto;
    color: #14a675;
    font-weight: 400;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
  }
  .sit {width: auto;}
  .sit .marquee {
    width: 100%;
    color: #f7941d;
    float: left;
    height: 20px!important;
    font-size: 13px;
    padding: 1px 0;
    /*height: 10px;*/
  }


  figure {
    width: 386px;
    height: 160px;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  .hover13 figure:hover img {
    opacity: 1;
    -webkit-animation: flash 1.5s;
    animation: flash 1.5s;
  }
  @-webkit-keyframes flash {
    0% {
      opacity: .4;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes flash {
    0% {
      opacity: .4;
    }
    100% {
      opacity: 1;
    }
  }

  .pointer {
      width: 78px;
      height: 24px;
      position: relative;
      background: #15A476;
      text-shadow: 0px 3px 2px #000000;
      color: #fff;
    }

    .pointer:hover {
      background: #00A8FF;
      color: #fff;
    }
    .pointer:after {
      content: "";
      position: absolute;
      left: -12px;
      bottom: 0;
      width: 0;
      height: 0;
      border-right: 12px solid #15A476;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
    }

    .pointer:hover:after {
      border-right: 12px solid #00A8FF;
    }

    .pointer:before {
      content: "";
      position: absolute;
      right: -12px;
      bottom: 0;
      width: 0;
      height: 0;
      border-left: 12px solid #15A476;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
    }

    .pointer:hover:before {
      border-left: 12px solid #00A8FF;
    }

    .pointer1 {
      padding: 1px 9px;
      position: relative;
      background: #15A476;
      color: #fff;
      text-shadow: 0px 3px 2px #000000;
    }

    .pointer1:hover {
      background: #d79644;
      color: #fff;
    }
    .pointer1:after {
      content: "";
      position: absolute;
      left: -12px;
      bottom: 0;
      width: 0;
      height: 0;
      border-right: 12px solid #15A476;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
    }

    .pointer1:hover:after {
      border-right: 12px solid #d79644;
    }

    .pointer1:before {
      content: "";
      position: absolute;
      right: -12px;
      bottom: 0;
      width: 0;
      height: 0;
      border-left: 12px solid #15A476;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
    }

    .pointer1:hover:before {
      border-left: 12px solid #d79644;
    }

    .pointer2 {
      padding: 10px 26px;
      position: relative;
      background: #15A476;
      color: #fff;
      font-size: 20px;
      font-family: roboto;
      text-shadow: 0px 5px 2px #000;
    }

    .pointer2:hover {
      background: #00A8FF;
      color: #fff;
    }
    .pointer2:after {
      content: "";
      position: absolute;
      left: -22px;
      bottom: 0;
      width: 0;
      height: 0;
      border-right: 22px solid #15A476;
      border-top: 22px solid transparent;
      border-bottom: 22px solid transparent;
    }

    .pointer2:hover:after {
      border-right: 22px solid #00A8FF;
    }

    .pointer2:before {
      content: "";
      position: absolute;
      right: -22px;
      bottom: 0;
      width: 0;
      height: 0;
      border-left: 22px solid #15A476;
      border-top: 22px solid transparent;
      border-bottom: 22px solid transparent;
    }

    .pointer2:hover:before {
      border-left: 22px solid #00A8FF;
    }

    .pointer3 {
      padding: 13px 26px;
      position: relative;
      background: #15A476;
      color: #fff;
      font-size: 14px;
      font-family: roboto;
      text-shadow: 0px 5px 2px #000;
    }

    .pointer3:hover {
      background: #00A8FF;
      color: #fff;
    }
    .pointer3:after {
      content: "";
      position: absolute;
      left: -22px;
      bottom: 0;
      width: 0;
      height: 0;
      border-right: 22px solid #15A476;
      border-top: 22px solid transparent;
      border-bottom: 22px solid transparent;
    }

    .pointer3:hover:after {
      border-right: 22px solid #00A8FF;
    }

    .pointer3:before {
      content: "";
      position: absolute;
      right: -22px;
      bottom: 0;
      width: 0;
      height: 0;
      border-left: 22px solid #15A476;
      border-top: 22px solid transparent;
      border-bottom: 22px solid transparent;
    }

    .pointer3:hover:before {
      border-left: 22px solid #00A8FF;
    }

    .pointer4 {
      padding: 2px 9px;
      position: relative;
      background: #d79644;
      color: #fff;
      text-shadow: 0px 3px 2px #000000;
    }

    .pointer4:hover {
      background: #f1353b;
      color: #fff;
    }
    .pointer4:after {
      content: "";
      position: absolute;
      left: -12px;
      bottom: 0;
      width: 0;
      height: 0;
      border-right: 12px solid #d79644;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
    }

    .pointer4:hover:after {
      border-right: 12px solid #f1353b;
    }

    .pointer4:before {
      content: "";
      position: absolute;
      right: -12px;
      bottom: 0;
      width: 0;
      height: 0;
      border-left: 12px solid #d79644;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
    }

    .pointer4:hover:before {
      border-left: 12px solid #f1353b;
    }

  /*.form-group {
      margin-bottom: 2px;
      position: relative;
      width: 100%;
      overflow: hidden;
      border-bottom: 0;
      margin-top: -1px;
  }*/

  .form-control {
      border: none;
      border-radius: 0;
      margin-top: 8px;
      padding: 5px 13px;
      width: 100%;
      font-size: 14px;
      background: none;
      text-align: left;
  }

  .triptxt1 {
      text-align: center;
      font-size: 36px;
      font-weight: normal;
      color: #fff;
      letter-spacing: 2px;
      font-family: gabriola;
      margin-top: 8px;
  }

  #flag {
    position: relative;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
  }

  .head_rw {
    background-image: -moz-linear-gradient( 0deg, rgb(24,35,55) 0%, rgb(36,37,63) 26%, rgb(48,39,70) 50%, rgb(23,36,55) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(24,35,55) 0%, rgb(36,37,63) 26%, rgb(48,39,70) 50%, rgb(23,36,55) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(24,35,55) 0%, rgb(36,37,63) 26%, rgb(48,39,70) 50%, rgb(23,36,55) 100%);
  }

  .transactionpart2 {
    margin: 10px 0;
  }

  .Transfer_btn {
      width: auto;
      text-align: center;
      margin-left: 38%;
  }

  .Transfer_btn a {
      margin: 0px;
      font-size: 22px;
      padding: 5px 22px 5px 22px;
      display: inline-block;
      background: #15a476;
      border: none;
      width: auto;
      color: #fff;
      text-transform: uppercase;
      font-weight: 600;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
  }

  a.pesan {
    background-image: -moz-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    display:inline-block;
    padding: 2px;
    border-radius: 20px;
    font-size: 20px;
    color: #fff;
  }

  a.pesan:hover {
    transition: opacity 0.15s linear 0s;
    background-image: -moz-linear-gradient( 90deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
  }

  a.pesan span {
    background: #000103;
    display: block;
    padding: 6px 20px;
    border-radius: 20px;
  }

  a.pesan:hover span {
    background: transparent;
  }

  .vertical1 {width:100%; margin:auto; margin-bottom: 15px; color:#fff;}

  .vertical1 tr td {
    vertical-align: middle;
  }

  .vertical1 input.form-control {
    margin-top: 0;
    border: 1px solid rgb(242,91,92);
    color: #fff;
  }

  .sgn_frm1 input {
      background: transparent;
      border: rgb(242,91,92) solid 1px;
      color: #fff;
  }

  .sgn_frm1 label.control-label {
    padding-top: 14px;
  }

  .cc1 {
    padding: 4px 6px;
    border-radius: 5px;
  }

  .cc1 a {
    color: #fff;
    margin-left: 8px;
  }

  .cc9 {
    padding: 5px 6px;
    border-radius: 5px;
    color: #fff;
  }

  .cc9 img {
    margin-right: 8px;
  }

  button.close {
    color: #fff;
  }

  input.note-link-url, input.note-link-text, input.note-image-url {
    color: #fff;
    border: 1px solid green;
  }

  .dingdong_desc p {
    margin-top: 0px;
    font-size: 18px;
    text-align: justify;
  }

  .dingdong_desc h1 {
    background: linear-gradient(to right, #f25b5c 0%, #ed8734 100%);
    background-clip: border-box;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold; font-style: italic;
    display: inline-block;
    margin-left: 0px;
    font-size: 36px;
    margin-bottom: 0px;
  }

  .dingdong_desc .daftar, .promtion_links .daftar {
    background-image: -moz-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    display:inline-block;
    padding:2px;
    border-radius: 17px;
    font-size: 16px;
    color: #fff;
    margin-top: 10px;
  }

  .dingdong_desc .daftar:hover, .promtion_links .daftar:hover {
    transition: opacity 0.15s linear 0s;
    background-image: -moz-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
  }

  .dingdong_desc .daftar span, .promtion_links .daftar span {
    background: #0c0c0c;
    display: inline-block;
    border-radius: 17px;
    padding: 4px 23px;
  }

  .dingdong_desc .daftar:hover span, .promtion_links .daftar:hover span {
    background:transparent;
  }

  .dingdong_desc .masuk, .promtion_links .masuk {
    background-image: -moz-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    display:inline-block;
    padding: 6px 28px;
    border-radius: 17px;
    font-size: 16px;
    color: #fff;
    margin-top: 10px;
    border:1px solid rgb(166, 62, 55);
  }

  .dingdong_desc .masuk:hover, .promtion_links .masuk:hover {
    background-image: -moz-linear-gradient( 90deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
  }

  .dingdong_desc .jam {
    background: rgba(0,0,0,0.75);
    border:1px solid rgba(71,90,141,0.5);
    border-radius: 5px;
    margin: 5px 0;
    padding: 5px 0;
  }

  .dingdong_desc .jam span {
    font-weight: 600;
  }

  .dingdong_desc .buka {
    background: rgba(0,0,0,0.75);
    border:1px solid rgba(71,90,141,0.5);
    border-radius: 5px;
    margin: 5px 0;
    padding: 5px 0;
  }

  .dingdong_desc .hari {
    font-weight: bold;
  }

  .dingdong_desc .link {
    color: #00a2ff;
  }

  .ccupn {
    margin: 20px 0px 0px 86px;
  }

  .new_prt {
    margin-bottom: 5px;
    background: #211c33;
  }

  .number_txxt1 {
    width: 40%;
    margin: -8% auto 0;
  }

  .number_txxt2 {
    width: 38%;
    margin: 0 auto;
  }

  .forgot-heading {
      background: linear-gradient(to right, #006f61 0%,#00cdb1 100%);
      padding: 10px;
  }
  .panel-forgot {
    background: #1e1e1e;
  }
  .sugnup_hd {
    position: absolute;
    top: 220px;
    left: 25%;
    right: 25%;
  }

  .popu_bg {
      background: rgba(97,97,97,1);
      background: -moz-linear-gradient(left, rgba(97,97,97,1) 0%, rgba(48,48,48,1) 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, rgba(97,97,97,1)), color-stop(100%, rgba(48,48,48,1)));
      background: -webkit-linear-gradient(left, rgba(97,97,97,1) 0%, rgba(48,48,48,1) 100%);
      background: -o-linear-gradient(left, rgba(97,97,97,1) 0%, rgba(48,48,48,1) 100%);
      background: -ms-linear-gradient(left, rgba(97,97,97,1) 0%, rgba(48,48,48,1) 100%);
      background: linear-gradient(to right, rgba(97,97,97,1) 0%, rgba(48,48,48,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#616161', endColorstr='#303030', GradientType=1 );
      color: #fff;
      padding: 0px 0 0px;
      width: 100%;
      border: none;
      border-radius: 10px;
  }

  .new-modal {
      background-image: -moz-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
      border-bottom: 0 none;
      color: #000;
      padding: 0;
      text-align: center;
      border-radius: 8px 8px 0 0;
  }

  .new-modal-title {
      padding: 5px 0px;
      position: relative;
      color: #fff;
      font-size: 20px;
      text-transform: uppercase;
      font-family: 'roboto';
  }
  .new-modal-title1 {
      padding: 5px 0px;
      position: relative;
      margin: 0px auto 0;
      color: #fff;
      font-size: 20px;
      text-transform: uppercase;
      font-family: 'roboto';
  }

  button.closem {
      background: rgba(0, 0, 0, 0) url("../images/cross.png") repeat scroll 0 0;
      border: 0 none;
      cursor: pointer;
      height: 20px;
      right: 15px;
      padding: 0;
      position: absolute;
      top: 10px;
      width: 20px;
      opacity: 1;
  }

  .new-modal-body {
      background-color: #111111;
      padding: 0px;
      margin: auto;
      border-radius: 0 0 8px 8px;
  }

  .new-modal-content {
      padding: 15px;
  }

  .form-group {
      margin-bottom: 5px;
  }

  #form_login .form-control {
      background-color: #121419;
  }

  .input-group-addon {
      padding: 8px 12px;
      font-size: 14px;
      font-weight: normal;
      line-height: 1;
      color: #888888;
      text-align: center;
      background-color: #adafae;
      border: 1px solid #282828;
          border-right-color: rgb(40, 40, 40);
          border-right-style: solid;
          border-right-width: 1px;
      border-radius: 4px;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
  }

  .form-control2 {
      margin-top: 0;
      display: block;
      width: 100%;
      height: 38px;
      padding: 8px 12px;
      font-size: 14px;
      line-height: 1.42857143;
      color: #888888;
      background-color: #ffffff;
      background-image: none;
      border: 1px solid #282828;
      border-radius: 4px;
          border-top-left-radius: 4px;
          border-bottom-left-radius: 4px;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  }

  .pagination > li > a:hover, .pagination > li > a:active, .pagination > .active > a, .pagination > li > a:focus, .pagination > .active > a:hover {
    background: #ff645b !important;
    border-color: transparent !important;
    color: #fff !important;
  }

  .pagination > li > a {
    color: #fff;
  background-color: #53596c;
  border-color: transparent;
  }
  .pagination > .disabled > a {
    color: #fff;
  cursor: not-allowed;
  background-color: #3a3a3a;
  border-color: transparent;
  }

  a.batal {
    background-image: -moz-linear-gradient( 0deg, rgb(113,0,0) 0%, rgb(255,0,0) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(113,0,0) 0%, rgb(255,0,0) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(113,0,0) 0%, rgb(255,0,0) 100%);
    font-size: 15px;
    color: #fff;
    border-radius: 17px;
    padding: 7px 25px;
  }

  a.batal:hover {
    background-image: -moz-linear-gradient( 90deg, rgb(113,0,0) 0%, rgb(255,0,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(113,0,0) 0%, rgb(255,0,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(113,0,0) 0%, rgb(255,0,0) 100%);
  }

  .fund_btn5 {
    margin-top: -170px;
    margin-left: 0px;
  }

  .fund_btn5 a.mobile {
    background-image: -moz-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    display:inline-block;
    padding:2px;
    font-size: 12px;
    color: #fff;
    margin-bottom: 5px;
    width: 137px;
    text-align: center;
  }

  .fund_btn5 a.mobile:hover {
    transition: opacity 0.15s linear 0s;
    background-image: -moz-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
  }

  .fund_btn5 a.mobile span {
    display: block;
    background: transparent;
  }

  .fund_btn5 a.mobile:hover span {
    background: #111;
  }

  .fund_btn5 a.android span {
  }

  .fund_btn5 a.ios span {
  }

  .fund_btn5 a img {
    width: 137px;
  }

  .fund_btn7 {
    float: left;
    margin-right: 10px;
  }

  .fund_btn7 a.daftar, .fund_btn7 a.masuk {
    margin-top: 0;
  }

  .fund_btn7 a.info {
    border-radius: 17px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(105, 105, 105);
    background-image: -moz-linear-gradient( 90deg, rgb(40,40,40) 0%, rgb(116,116,116) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(40,40,40) 0%, rgb(116,116,116) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(40,40,40) 0%, rgb(116,116,116) 100%);
    padding: 6px 27px;
    color: #fff;
    font-size: 16px;
    display: inline-block;
  }

  .fund_btn7 a.info:hover {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(105, 105, 105);
    background-image: -moz-linear-gradient( 90deg, rgb(116,116,116) 0%, rgb(40,40,40) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(116,116,116) 0%, rgb(40,40,40) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(116,116,116) 0%, rgb(40,40,40) 100%);
  }

  .fund_btn6 {
    float: right;
  }

  .fund_btn6 button.cari {
    background-image: -moz-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    display:inline-block;
    padding:2px;
    border-radius: 17px;
    font-size: 15px;
    color: #fff;
  }

  .fund_btn6 button.cari:hover {
    transition: opacity 0.15s linear 0s;
    background-image: -moz-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
  }

  .fund_btn6 button.cari span {
    background: #0d0d0d;
    display: inline-block;
    border-radius: 17px;
    padding: 2px 24px;
  }

  .fund_btn6 button.cari:hover span {
    background:transparent;
  }

  a.daftar {
    background-image: -moz-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    font-family: roboto;
    font-size: 15px;
    display: inline-block;
    padding: 2px;
    border-radius: 17px;
    color: #fff;
  }

  a.daftar span {
    background: #11121e;
    border-radius: 17px;
    padding: 5px 20px;
    display: block;
  }

  a.daftar:hover {
    background-image: -moz-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
  }

  a.daftar:hover span {
    background: transparent;
  }

  button.setuju {
    background-image: -moz-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    font-size: 15px;
    color: #fff;
    border-radius: 17px;
    padding: 7px 25px;
    border:none;
    display: inline-block;
  }

  button.setuju:hover {
    transition: opacity 0.15s linear 0s;
    background-image: -moz-linear-gradient( 90deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
  }

  button.proses {
    background-image: -moz-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    display:inline-block;
    padding:8px 24px;
    border-radius: 17px;
    font-size: 15px;
    color: #fff;
    border:1px solid rgb(166, 62, 55);
  }

  button.proses:hover {
    transition: opacity 0.15s linear 0s;
    background-image: -moz-linear-gradient( 90deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
  }

  button.masuk {
    background-image: -moz-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    font-size: 15px;
    font-family: roboto;
    border-radius: 17px;
    padding: 8px 24px;
    border:1px solid rgb(166, 62, 55);
  }

  button.masuk:hover {
    background-image: -moz-linear-gradient( 90deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
  }

  a.playnow {
    background-image: -moz-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    display:inline-block;
    padding:7px 21px;
    border-radius: 17px;
    font-size: 15px;
    color: #fff;
    font-family: roboto;
    font-weight: bold;
  }

  a.playnow:hover {
    transition: opacity 0.15s linear 0s;
    background-image: -moz-linear-gradient( 90deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
  }

  .fund_btn1 {
    width: 137px;
    height: 33px;
  }

  .fund_btn1 button {
    background: url(../images/allbutton.png);
    display: block;
    padding: 0;
    transition: opacity 0.15s linear 0s;
    width: 137px;
    height: 33px;
  }

  .fund_btn1 button.update {
    display: block;
    transition: opacity 0.15s linear 0s;
    background-position: -108px 0px;
  }

  .fund_btn1 button.update:hover {
    display: block;
    transition: opacity 0.15s linear 0s;
    background-position: -108px -33px;
  }

  .fund_btn2 {
    float: left;
  }

  .fund_btn2 a.keluar {
    background-image: -moz-linear-gradient( 0deg, rgb(113,0,0) 0%, rgb(255,0,0) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(113,0,0) 0%, rgb(255,0,0) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(113,0,0) 0%, rgb(255,0,0) 100%);
    font-size: 15px;
    color: #fff;
    padding: 8px 24px;
    border-radius: 17px;
    display: inline-block;
    margin-left: 10px;
  }

  .fund_btn2 a.keluar:hover {
    background-image: -moz-linear-gradient( 90deg, rgb(113,0,0) 0%, rgb(255,0,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(113,0,0) 0%, rgb(255,0,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(113,0,0) 0%, rgb(255,0,0) 100%);
  }

  table.trans_body {
    border: 1px solid #ff645b;
    border-radius: 3px;
  }

  .trans_body thead {
    background: #ff645b;
  }

  table.trans_body tr td{
    border: 1px solid #ff645b;
  }

  .acc_head {
    background-image: -moz-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    color: #fff;
    text-align: left;
    padding: 4px;
  }

  .acc_head span {
    margin-left: 10px;
    font-weight: 600;
    font-size: 20px;
    color: #fff;
  }

  .lornrow {
    text-align: left;
    padding: 10px;
    background: rgba(0,0,0,0.75);
    border:1px solid rgba(71,90,141,0.5);
    color:#c6c6c6;
    border-top: 1px solid transparent !important;
  }

  .bnrbd {
    margin-bottom: 10px;
  }

  .accordion_example1 {
    margin-bottom: 10px;
  }

  .modal-dialog1 {
      width: 450px;
  }

  .promtion_links {
    margin-top: 12px;
  }

  .modal-dialog {
      margin: 100px auto;
  }

  .modal-dialog2 {
      width: 700px;
      height: 385px;
  }

  .info_pin {
      color: #e00000;
      padding-bottom: 10px;
  }

  button.lanjut {
    border:1px solid rgb(166, 62, 55);
    background-image: -moz-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    border-radius: 21px;
    font-size: 18px;
    padding:10px 31px;
    color: #fff;
    font-weight: bold;
  }

  button.lanjut:hover {
    background-image: -moz-linear-gradient( 90deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
  }

  button.salah {
    border:none;
    background-image: -moz-linear-gradient( 0deg, rgb(113,0,0) 0%, rgb(255,0,0) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(113,0,0) 0%, rgb(255,0,0) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(113,0,0) 0%, rgb(255,0,0) 100%);
    font-size: 18px;
    color:#fff;
    border-radius: 21px;
    padding: 10px 44px;
    font-weight: bold;
  }

  button.salah:hover {
    background-image: -moz-linear-gradient( 90deg, rgb(113,0,0) 0%, rgb(255,0,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(113,0,0) 0%, rgb(255,0,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(113,0,0) 0%, rgb(255,0,0) 100%);
  }

  .pincheck {
    text-align: left;
    margin-left: 10px;
    font-size: 13px;
  }

  p.nick {
      color: #de8800;
  }

  span.nick {
      float: left;
      margin: 1px 5px;
      color: #de8800;
  }

  /* start for media screen small pc */
  @media only screen and (min-width:992px) and (max-width:1600px) {

    .mobile p {
      font-size: 12px;
    }

    .triptxt1 {
      margin-top: 0px;
    }
  }

  /* end for media screen small pc */
  button.ui-keyboard-enter.ui-keyboard-valid-input {
    /*border-color: #0c0;*/
    background: url('../images/PROSES1.png');
    width: 95px;
    height: 34px;
    font-size: 15px;
    font-family: roboto;
  }
  button.ui-keyboard-enter.ui-keyboard-valid-input:not([disabled]):hover {
    /*background: #0a0;*/
  }
  button.ui-keyboard-enter.ui-keyboard-invalid-input {
    /*border-color: #c00;*/
    background: url('../images/PROSES1.png');
    display: block;
    color: #fff;
    opacity: 0.5;
    filter: alpha(opacity=50);
    width: 95px;
    height: 34px;
    font-size: 15px;
    font-family: roboto;
  }
  button.ui-keyboard-enter.ui-keyboard-invalid-input:not([disabled]):hover {
    /*background: #a00;*/
  }

  .bg-rule {
    background: rgba(0,0,0,0.75);
    border:1px solid rgba(75,90,141,0.5);
    border-radius: 20px;
    height: 660px;
    padding: 10px;
    margin: 20px 0;
  }

  .bg-rule .h2 {
    margin-top: 0;
  }

  .bg-rule p {
    margin-bottom: 0;
    font-size:15px;
  }

  .bg-rule p span {
    color: #3abc8e;
  }

  .body-rule {
    height: 450px;
    overflow-y: auto;
    text-align: left;
    padding: 40px;
    word-wrap: break-word;
  }

  .body-rule ol {
    list-style: decimal;
  }

  .body-rule ol li {
    line-height: 2;
  }

  /* width */
  ::-webkit-scrollbar {
      width: 3px;
  }

  /* Track */
  ::-webkit-scrollbar-track {
      background: #090909;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
      background: #ed8436;
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
      background: #ed8436;
  }
  .note-editable img {
    display: block;
  }
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      margin: 0;
  }
  input[type=number] {
      -moz-appearance:textfield;
  }

  .banner {
    width: 1170px;
    height: 300px;
  }

  .side_banner {
    width: 386px;
    float: left;
  }

  .side_ban {
    margin-bottom: 5px;
  }

  .side_ban:hover{
    opacity: 0.8;
  }

  .hotgames {
    margin-top: 5px;
  }

  .list_hotgames {
    margin-left: 25%;
    margin-top: -5.5%;
  }

  .list_hotgames a img {
    margin-right : 5%;
  }

  .head-help .peach {
    /*background: linear-gradient(to right, #00a99d 0%, #8dc63f 100%);
    background-clip: border-box;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    color: #ff645b;
    margin-top: 10px;
    font-family: roboto;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
  }

  .head-help {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }

  .referral_mob {
    background: rgba(0,0,0,0.5);
  }

  .referral_mob ol {
    list-style: decimal;
    padding-left: 40px;
  }

  .nav_menu li.red a {
    color: #f98181;
  }

  .nav_menu li.red:hover a {
    color: #ff0000;
  }

  .jackpot {
    width: 100%;
    height: 100px;
    float: right;
    margin: 5px 0;
  }
  .jackpot img{
    height:100px;
  }

  .status {
    width: 452px;
    height: 100px;
    float: left;
    margin: 5px 0;
  }

  .bg_tg {
    background: rgba(0,0,0,0.75);
    border:1px solid rgba(71,90,141,0.5);
    display: inline-block;
    border-radius: 25px;
    margin: 0 1% 0.5%;
  }

  .bg_tg .bg_tginner {
    border-radius: 25px;
    width: 206px;
    height: 181px;
  }

  .logo img {
    float: left;
    margin:10px 0px 0px 10px;
  }
  .title {
      border-radius: 25px 25px 0 0;
      background-image: -moz-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
      padding: 10px;
  }
  .title h3 {
    font-size: 22px;
    margin: 0;
    color: #fff;
    font-family: roboto;
    text-align: left;
  }

  .title h3 span {
    font-weight: 600;
  }

  .periode {
    margin-top: 5px;
    color: #fff;
  }

  .number img {
    width: 35px;
    margin-right: 5px;
  }

  table.infopromo {
      width: 100%;
      margin: auto;
      color: #fff;
      font-size: 16px;
      line-height: 40px;
  }

  table.infopromo tbody {
    background: rgba(0,0,0,0.75);
    border: 1px solid #475a8d;
    border-radius: 10px;
  }

  table.infopromo tbody tr td {
    padding: 0 10px;
  }

  .bg_history {
    background: rgba(0,0,0,0.75);
    border: 1px solid #475a8d;
    float: left;
    padding-top: 10px;
    border-radius: 10px;
    width: 100%;
  }

  .sign_ipt{
    float: left;
    margin-left: 0px;
    padding-top:23px;
    margin-top: -5px;
  }


  #user_invalid,#secret_answer_invalid,#email_invalid,#password_invalid,#password_confirmation_invalid,#phone_invalid,#bank_accname_invalid,#bank_accnumber_invalid,#captcha_invalid,#secret_answer_invalid,#secret_question_invalid,#bank_invalid{
    color: red !important;
    font-size: 12px !important;
  }
  .secret_answer_ipt span {
      display: inline-block;
      margin-top: 10px;
      margin-bottom: 10px;
      font-size: 12px;
      font-family: arial;
  }
  .sign_row .icon2, .sign_row .icon1 {
      margin-top: 2% !important;
  }

  #fl_menu{
    position:absolute;
    top:165px;
    right: 0px;
    z-index:999999;
    width:185px;
    height:32px;
    background-image: -moz-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    border-radius: 5px 0px 0px 5px;
  }
  #fl_menu .label{
    padding:2px 0px 0px 10px;
    line-height:32px;
    border-right:none;
    font-family:"roboto";
    font-size:14px;
    font-weight:500;
    color:#fff;
  }
  #fl_menu .label img{
    margin-top: -2px;
    margin-right: 4px;
  }
  #fl_menu .label span{
    margin-top: -2px;
  }
  #fl_menu .menu{
    display:none;
  }
  #fl_menu .menu .menu_item{
    display:block;
    background:#000;
    color:#bbb;
    border-top:1px solid #333;
    padding:10px 10px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    text-decoration:none;
  }
  #fl_menu .menu a.menu_item:hover{
    background:#333;
    color:#fff;
  }
  span.btn-back{
    font-size: 36px;
    color: #7a7a7a;
    margin-right: 10px;
    display: inline-block;
  }
  span.btn-back:hover{
    color: #fff;
  }

  #modalUbahpass .promo_txthd a img{
    margin-top: 6px;
  }

  .copy-button-ico {
    background: url(../images/icon-copy.png) no-repeat center center, linear-gradient(to bottom, #182337 0%, #5a4a8d 100%);
    border: medium none;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding: 10px 10px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
    width: 24px;
    height: 24px;
    margin-left: 8px;
  }
  .copy-button-ico:hover{
    background: url(../images/icon-copy.png) no-repeat center center, linear-gradient(to bottom, #5a4a8d 0%, #182337 100%);
    color:#fff;
  }
  .tb-dpwd{
    float: left;
    margin-left: 7px;
    text-align: right;
  }
  .btn-style5 {
      background-image: -moz-linear-gradient(90deg, #0b700d, #47ae49);
      background-image: -webkit-linear-gradient(90deg, #0b700d, #47ae49);
      background-image: -ms-linear-gradient(90deg, #0b700d, #47ae49);
      width: 175px;
      height: 30px;
      color: #fff;
      border: none;
      box-sizing: border-box;
      border-radius: 5px;
      font-family: Roboto;
      font-style: normal;
      font-weight: bold;
      font-size: 14px;
      line-height: 19px;
      text-transform: capitalize;
      padding: 4px 5px;
  }
  .capt_right .fa-refresh,#captcha_div_reg .fa-refresh,#captcha_div_help .fa-refresh{
    color: #fff;
    font-size: 28px !important;
  }
  #modalinfo img{
    margin-top: 5px;
  }
  .modal-header button.close{
    color: #fff;
    opacity: 1;
  }
  .note-input{
    color: #fff !important;
  }
  #form_edit_account_modal label{
    font-size: 12px !important;
  }
  .well.well-sm{
    background-color: rgba(0,0,0,0.5) !important;
    border: 1px solid rgb(50,205,225);
  }
  .well.well-sm span b{
    color: rgb(50,205,225);
  }
  .btn-success{
    color: #fff;
    background-image: -moz-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(242,91,92) 0%, rgb(237,135,52) 100%);
    border-color: rgb(242,91,92);
    border-radius: 25px;
    margin-bottom: 5px;
    padding: 0 20px;
  }