@font-face {
  font-family: 'Avenir';
  src: url('../font/AvenirLTStd-Light.otf'); /* IE9 Compat Modes */
  src: url('../font/AvenirLTStd-Light.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/AvenirLTStd-Light.otf') format('woff2'), /* Super Modern Browsers */
       url('../font/AvenirLTStd-Light.otf') format('woff'), /* Pretty Modern Browsers */
       url('../font/AvenirLTStd-Light.otf')  format('truetype'), /* Safari, Android, iOS */
       url('../font/AvenirLTStd-Light.otf#svgFontName') format('svg'); /* Legacy iOS */
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
::selection { background: #C38933; }::-moz-selection { background: #C38933; }
body{ font-family: 'Avenir'; background: #000 url('../img/bg.jpg') repeat 50% 0; overflow-x: hidden; color: #eac587; font-size: 14px; }
#overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;
  background: #000;
  background: -moz-radial-gradient(center, ellipse cover, rgba(229,229,229,0) 0%, rgba(92,92,92,0) 45%, rgba(0,0,0,1) 75%);
  background: -webkit-radial-gradient(center, ellipse cover, rgba(229,229,229,0) 0%,rgba(92,92,92,0) 45%,rgba(0,0,0,1) 75%);
  background: -o-radial-gradient(center, ellipse cover, rgba(38,38,38,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 49%, rgba(0,0,0,1) 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(38,38,38,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 49%, rgba(0,0,0,1) 100%);
  background: radial-gradient(ellipse at center, rgba(229,229,229,0) 0%,rgba(92,92,92,0) 45%,rgba(0,0,0,1) 75%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e5e5e5', endColorstr='#000000',GradientType=1 );
}

a{ color: #687FA5; }
a:hover,
a:focus{ color: #42577A; text-decoration: none; }

pre.panel{ padding: 10px; color: #D2A14E; border: solid #CD996E 2px;
  background: rgb(38,38,38);
  background: -moz-linear-gradient(top, rgba(38,38,38,1) 0%, rgba(0,0,0,1) 100%);
  background: -webkit-linear-gradient(top, rgba(38,38,38,1) 0%,rgba(0,0,0,1) 100%);
  background: -o-linear-gradient(top, rgba(38,38,38,1) 0%, rgba(0,0,0,1) 100%);
  background: -ms-linear-gradient(top, rgba(38,38,38,1) 0%,rgba(0,0,0,1) 100%);
  background: linear-gradient(to bottom, rgba(38,38,38,1) 0%,rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#000000',GradientType=0 );
}
pre.panel.radius{ border-radius: 10px; }


.alert {
  background: rgb(38,38,38);
  background: -moz-linear-gradient(top, rgba(38,38,38,1) 0%, rgba(0,0,0,1) 100%);
  background: -webkit-linear-gradient(top, rgba(38,38,38,1) 0%,rgba(0,0,0,1) 100%);
  background: -o-linear-gradient(top, rgba(38,38,38,1) 0%, rgba(0,0,0,1) 100%);
  background: -ms-linear-gradient(top, rgba(38,38,38,1) 0%,rgba(0,0,0,1) 100%);
  background: linear-gradient(to bottom, rgba(38,38,38,1) 0%,rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#000000',GradientType=0 );
}
.alert-success,
.alert-danger,
.alert-info { border: solid #CD996E 1px; text-align: center; }
.form-group .alert{ padding: 7.2px 12px; }

#wrapper { min-height: 100%; position: relative; }
header{ background: url('../img/header-bg.png') repeat-x 0 0; height: 60px; width: 100%; position: relative; z-index: 9; }
header .container{ position: relative; }
header .menu ul{ margin-left: 0; }
header .menu ul > li{ padding: 18px 0; }
header .menu ul > li:last-child{ margin-right: 0; }
header .menu ul > li > a{ text-transform: uppercase; font-weight: 500; color: #edc98f; }
header .menu.pull-left ul > li{ margin-right: 40px; }
header .menu.pull-right ul > li{ margin-left: 20px; }

header .menu.pull-left ul > li > a{ padding: 20px 0px 20px 0;transition: all 0.5s ease 0s; }
header .menu.pull-right ul > li > a{ padding: 20px 0px 20px 0px;transition: all 0.5s ease 0s; }
header .menu.pull-left ul > li > a:hover,header .menu.pull-right ul > li > a:hover{ color: #FFF; }
header #logo{ background: url('../img/logo.png?v2') no-repeat 50% 0%; width: 281px; height: 205px; position: absolute; left: 50%; transform: translate(-50%, 0); top: 0; z-index: 9; }
header #logo a{ display: block; height: 146px; width: 200px; margin: 0 auto; }

#body-post{ padding-bottom: 150px; position: relative; }
#body-post .sidebar-menu{ margin-top: 142px; float: left; width: 250px; border: solid #CD996E 2px; border-radius: 10px; padding: 10px;
  background: rgba(24,31,42,1);
  background: -moz-linear-gradient(top, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(24,31,42,1)), color-stop(9%, rgba(22,28,38,1)), color-stop(100%, rgba(0,0,0,1)));
  background: -webkit-linear-gradient(top, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  background: -o-linear-gradient(top, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  background: -ms-linear-gradient(top, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  background: linear-gradient(to bottom, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181f2a', endColorstr='#000000', GradientType=0 );
}

.navigation {width: 100%;}
.mainmenu, .submenu {list-style: none;padding: 0;margin: 0;}
.mainmenu a {display: block;background-color: transparent;text-decoration: none;padding: 5px 5px 0px 5px !important;color: #eac587;}
.mainmenu span{float: right}
.mainmenu a:hover {background-color: transparent;opacity: .8;}
.mainmenu li:hover .submenu {display: block;max-height: 200px;}
.mainmenu li.active .submenu {display: block;max-height: 300px;}
.submenu a {background-color: transparent;margin: 5px 5px 5px 10px;color:#8f8f8f;}
.submenu .active{color:#fff;}
.submenu a:hover {background-color: transparent;opacity: .8;}
.submenu {overflow: hidden;max-height: 0;-webkit-transition: all 0.5s ease-out;}
#body-post .sidebar-menu ul{ margin: 0; }
#body-post .sidebar-menu ul li a{ display: block; padding: 0 0 10px; }
#body-post .sidebar-menu ul li:last-child a{ padding-bottom: 0; }
#body-post .frame{ margin-top: 145px; border: solid #CD996E 2px; border-radius: 10px; padding: 10px; position: relative;  
  background: rgba(24,31,42,1);
  background: -moz-linear-gradient(top, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(24,31,42,1)), color-stop(9%, rgba(22,28,38,1)), color-stop(100%, rgba(0,0,0,1)));
  background: -webkit-linear-gradient(top, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  background: -o-linear-gradient(top, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  background: -ms-linear-gradient(top, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  background: linear-gradient(to bottom, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181f2a', endColorstr='#000000', GradientType=0 );
}
#body-post .frame.no-border{ background: none; border: none; }
#body-post .frame h1,#body-post .frame h1 a{ font-size: 26px; text-transform: uppercase; text-align: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid #CD996E 2px; color: #D5AD71; text-shadow: 1px 4px 6px #161C26, 0 0 0 #000, 1px 4px 6px #161C26; }
#body-post .frame h1 a{ font-size: 20px; border-bottom: none; }
#body-post .frame.no-border h1{ border: solid #cd996e 2px; color: #D5AD71; text-align: left; padding: 5px 10px; border-radius: 10px;
  background: rgba(24,31,42,1);
  background: -moz-linear-gradient(top, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(24,31,42,1)), color-stop(9%, rgba(22,28,38,1)), color-stop(100%, rgba(0,0,0,1)));
  background: -webkit-linear-gradient(top, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  background: -o-linear-gradient(top, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  background: -ms-linear-gradient(top, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  background: linear-gradient(to bottom, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181f2a', endColorstr='#000000', GradientType=0 );
}

.error{ color: #edc98f; }
#body-post .frame.error > h1{ color: #edc98f; font-size: 145px; font-weight: bold; text-shadow: 1px 1px 4px #C68C37; margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid #CD996E 2px; }


#banner{ background: #000 url('../img/banner.jpg?v4') no-repeat 50% 50%; background-size: cover;height: 548px; position: relative; border-bottom: solid #CD996E 2px; }
#network-list-area{ margin-top: 50px; }
#network-list-area #network-title{ background: url('../img/dwvip-title.png') no-repeat 50% 50%; height: 57px; margin-bottom: 20px; }
#network-list-area #network-list { margin-left: 0; text-align: center ; display: flex; flex-wrap: wrap; gap:1rem; justify-items: center;justify-content: center;}
#network-list-area #network-list > li{ border: solid #CD996E 2px; border-radius: 10px; width: 231px; height: 172px; padding: 20px; cursor: pointer; 
  transition: all 0.5s ease;
  background: rgb(38,38,38);
  background: -moz-linear-gradient(top, rgba(38,38,38,1) 0%, rgba(0,0,0,1) 100%);
  background: -webkit-linear-gradient(top, rgba(38,38,38,1) 0%,rgba(0,0,0,1) 100%);
  background: -o-linear-gradient(top, rgba(38,38,38,1) 0%, rgba(0,0,0,1) 100%);
  background: -ms-linear-gradient(top, rgba(38,38,38,1) 0%,rgba(0,0,0,1) 100%);
  background: linear-gradient(to bottom, rgba(38,38,38,1) 0%,rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#000000',GradientType=0 );
}
#network-list-area #network-list > li:hover{
  box-shadow: 0 0 15px #EBC17D;
}
#network-list-area #network-list > li > h3{
  margin: 0 0 10px;
}

.list-game{ margin-left: 0; width: 100%; text-align: left; z-index: 9; cursor: default; text-align: center; margin-top: 145px; }
.list-game li{ border: solid #CD996E 2px; border-radius: 10px; width: 237px; height: 172px; margin-right: 23px; 
  margin-bottom: 23px; padding: 10px; cursor: default;
  background: rgb(38,38,38);
  background: -moz-linear-gradient(top, rgba(38,38,38,1) 0%, rgba(0,0,0,1) 100%);
  background: -webkit-linear-gradient(top, rgba(38,38,38,1) 0%,rgba(0,0,0,1) 100%);
  background: -o-linear-gradient(top, rgba(38,38,38,1) 0%, rgba(0,0,0,1) 100%);
  background: -ms-linear-gradient(top, rgba(38,38,38,1) 0%,rgba(0,0,0,1) 100%);
  background: linear-gradient(to bottom, rgba(38,38,38,1) 0%,rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#000000',GradientType=0 );
}
.list-game li:last-child,.list-game li:nth-child(4n){ margin-right: 0; }
.list-game .game-logo{ width: 100%; height: 117px; margin-bottom: 10px; position: relative; }
.list-game .game-logo img{ max-width: 184px; max-height: 117px;position: absolute;
    top: 0; bottom:0; left: 0; right:0;
    margin: auto; }
.list-game h5{ text-transform: uppercase; } 

.casino-title{ background: url('../img/title-casino.png') no-repeat 50% 50%; height: 15px; }
.sport-title{ background: url('../img/title-sport.png') no-repeat 50% 50%; height: 40px; position: relative; top: -3px; }
.lottery-title{ background: url('../img/title-lottery.png') no-repeat 50% 50%; height: 15px; }
.poker-title{ background: url('../img/title-poker.png') no-repeat 50% 50%; height: 15px; }
.vip-proxy-bet-title{ background: url('../img/title-vip-proxy-bet.png') no-repeat 50% 50%; height: 40px; position: relative; top: -5px; background-size: 165px; margin-bottom: 0 !important;}
.casino-icon{ background: url('../img/icon-casino.png') no-repeat 50% 50%; height: 113px; }
.sport-icon{ background: url('../img/icon-sport.png') no-repeat 50% 50%; height: 113px; position: relative; top: -21px; }
.lottery-icon{ background: url('../img/icon-lottery.png') no-repeat 50% 50%; height: 113px; }
.poker-icon{ background: url('../img/icon-poker.png') no-repeat 50% 50%; height: 113px; }
.vip-proxy-bet-icon{ background: url('../img/icon-vip-proxy-bet.png') no-repeat 50% 50%; height: 100px; }

.menu.pull-right > ul{ z-index: 9; position: relative; text-align: right; }
.menu.pull-right > .general-msg{ left: 10px; width: 90%; border: solid 1px #c8a46a; border-top: none; }

#overlay-login{ background: url('../img/overlay.png') repeat-x 50% 50%; height: 43px; width: 100%; position: absolute; z-index: 8; }
#form-landing-login{ padding-top: 5px; width: 38%; text-align: right; }
#form-landing-login input[type="text"],
#form-landing-login input[type="password"],
#form-landing-login input[type="email"]
{
  background: #FFF; border: solid 1px #070604; border-radius: 10px; padding: 6px 10px; width: 150px; color: rgba(0, 0, 0, 0.75);
}
#form-landing-login .input-group > input[type="text"],
#form-landing-login .input-group > input[type="password"]{ border-top-right-radius: 0; border-bottom-right-radius: 0; }
#form-landing-login .input-group .input-group-addon{ border: solid 1px #070604 !important; border-left: none !important; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 10px; border-bottom-right-radius: 10px; color: #181F2A !important; }
#form-landing-login input[type="text"]:focus,
#form-landing-login input[type="password"]:focus,
#form-landing-login input[type="email"]:focus{
  outline: 0;
}
#pin-board-area{
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  width: 261px;
  padding: 5px 0;
  margin: 2px 0 0;
  padding: 10px; border-radius: 10px; border: solid 2px #CD996E;
  background: rgba(24,31,42,1);
  background: -moz-linear-gradient(top, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(24,31,42,1)), color-stop(9%, rgba(22,28,38,1)), color-stop(100%, rgba(0,0,0,1)));
  background: -webkit-linear-gradient(top, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  background: -o-linear-gradient(top, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  background: -ms-linear-gradient(top, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  background: linear-gradient(to bottom, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181f2a', endColorstr='#000000', GradientType=0 );
}
#pin-board .btn-number{ margin-bottom: 10px; margin-right: 10px; float: left; }
#pin-board .btn-number:last-child,#pin-board .btn-number:nth-child(5n){ margin-right: 0; }
#pin-board .btn-number.act-btn{ margin-bottom: 0; padding: 5px 33.5px; width: 113px; }

.btn{ 
  display: inline-block;
  padding: 5px 15px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 5px;

  border: solid 1px #c8a46a; 
  color: #edc98f; 
  transition: all 0.5s ease;
  text-transform: uppercase; 
  cursor: pointer; 
  background: rgba(54,74,110,1);
  background: -moz-linear-gradient(top, rgba(54,74,110,1) 0%, rgba(42,57,84,1) 49%, rgba(25,33,45,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(54,74,110,1)), color-stop(49%, rgba(42,57,84,1)), color-stop(100%, rgba(25,33,45,1)));
  background: -webkit-linear-gradient(top, rgba(54,74,110,1) 0%, rgba(42,57,84,1) 49%, rgba(25,33,45,1) 100%);
  background: -o-linear-gradient(top, rgba(54,74,110,1) 0%, rgba(42,57,84,1) 49%, rgba(25,33,45,1) 100%);
  background: -ms-linear-gradient(top, rgba(54,74,110,1) 0%, rgba(42,57,84,1) 49%, rgba(25,33,45,1) 100%);
  background: linear-gradient(to bottom, rgba(54,74,110,1) 0%, rgba(42,57,84,1) 49%, rgba(25,33,45,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#364a6e', endColorstr='#19212d', GradientType=0 ); 
}
.btn:hover{
  background: rgba(66,92,135,1);
  background: -moz-linear-gradient(top, rgba(66,92,135,1) 0%, rgba(26,40,61,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(66,92,135,1)), color-stop(100%, rgba(26,40,61,1)));
  background: -webkit-linear-gradient(top, rgba(66,92,135,1) 0%, rgba(26,40,61,1) 100%);
  background: -o-linear-gradient(top, rgba(66,92,135,1) 0%, rgba(26,40,61,1) 100%);
  background: -ms-linear-gradient(top, rgba(66,92,135,1) 0%, rgba(26,40,61,1) 100%);
  background: linear-gradient(to bottom, rgba(66,92,135,1) 0%, rgba(26,40,61,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#425c87', endColorstr='#1a283d', GradientType=0 );
}
.btn:focus,.btn:active{
  background: rgba(75,104,150,1);
  background: -moz-linear-gradient(top, rgba(75,104,150,1) 0%, rgba(38,60,92,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(75,104,150,1)), color-stop(100%, rgba(38,60,92,1)));
  background: -webkit-linear-gradient(top, rgba(75,104,150,1) 0%, rgba(38,60,92,1) 100%);
  background: -o-linear-gradient(top, rgba(75,104,150,1) 0%, rgba(38,60,92,1) 100%);
  background: -ms-linear-gradient(top, rgba(75,104,150,1) 0%, rgba(38,60,92,1) 100%);
  background: linear-gradient(to bottom, rgba(75,104,150,1) 0%, rgba(38,60,92,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b6896', endColorstr='#263c5c', GradientType=0 );
}
.btn[disabled]{
  opacity: 0.5;
}

.form-horizontal .btn{
  padding: 6px 15px;
}
.btn.login{ padding: 5px 15px; border-radius: 10px; vertical-align: baseline; }
a.btn:hover{ color: #edc98f; }
a.btn-add{ position: absolute; top: 10px; right: 15px; padding: 4px 15px !important; }
.frame.no-border > a.btn-add{ top: 15px; }

#form-landing-login input[type="submit"]:focus{outline: 0;}
#form-landing-login ul{ margin-left: 0; }
#form-landing-login li{ padding: 0; }
#login-validation{ display: none; position: absolute; padding: 10px 10px 7px; background: url('../img/overlay.png') repeat 50% 50%; top: 45px; transition: all 0.3s ease 0s; z-index: 999; }
#login-validation #validation-img{ margin-right: 10px; }
#login-validation #validation-img img{ border-radius: 10px; }

.general-msg{ position: absolute; width: 100%; background: url('../img/overlay.png') repeat 50% 50%;
  top: 59px; border: 1px solid #CD996E; text-align: center;
  border: none; border-radius: 0; color: #EBC17D;
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;

}#form-landing-login > .general-msg{ top: 45px; }

#profile-layer{ margin-top: 150px; }
#profile-name{ width: 700px; margin: 0 auto; border: solid 2px #CD996E; padding: 10px 20px; border-radius: 15px; color: #e5e9e0;
  background: rgb(38,38,38);
  background: -moz-linear-gradient(top, rgba(38,38,38,1) 0%, rgba(0,0,0,1) 100%);
  background: -webkit-linear-gradient(top, rgba(38,38,38,1) 0%,rgba(0,0,0,1) 100%);
  background: -o-linear-gradient(top, rgba(38,38,38,1) 0%, rgba(0,0,0,1) 100%);
  background: -ms-linear-gradient(top, rgba(38,38,38,1) 0%,rgba(0,0,0,1) 100%);
  background: linear-gradient(to bottom, rgba(38,38,38,1) 0%,rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#000000',GradientType=0 );
}
#profile-name span{ padding: 5px 0 5px 36px; color: #eac587;font-size: 20px; position: relative; top: 3px; transition: all 0.5s ease; }
#profile-name span a{ font-size: 20px; color: #eac587; }
#profile-name > div{ width: 33.33%; height: 33px; }
/*#profile-name > div:first-child{ border-right: solid 1px #CD996E; }*/
#profile-name > div:nth-child(2){ padding-left: 20px; text-align: center; }
#profile-name > div:last-child{ padding-left: 20px; text-align: right; }

#profile-name #points{ background: url('../img/points.png') no-repeat 0 0; }
#profile-name #points > a{ color: #FFF; transition: all 0.5s ease 0s; }
#profile-name #points > a:hover{ color: #FFF; text-shadow: 1px 1px 5px #30b9cc; }

#profile-name #username{ background: url('../img/icon-user.png') no-repeat 0 0; }
#profile-name #username > a{ color: #FFF; transition: all 0.5s ease 0s; }
#profile-name #username > a:hover{ color: #FFF; text-shadow: 1px 1px 5px #30b9cc; }
#profile-name span .fa{ color: #DCB57E; padding-left: 10px; cursor: pointer; font-size: 20px; }
#profile-name #coin{ background: url('../img/icon-coin.png') no-repeat 0 0; }
#profile-name #coin > a{ color: #FFF; transition: all 0.5s ease 0s; }
#profile-name #coin > a:hover{ color: #FFF; text-shadow: 1px 1px 5px #30b9cc; }
#make-easy-title{ background: url('../img/make-easy-title.png') no-repeat 50% 50%; height: 20px; width: 365px; margin: 20px auto; }
#profile-menu ul{ margin-left: 0; }
#profile-menu ul > li{ margin-right: 31px; padding: 0; transition: all 0.5s ease; border-radius: 12px; }
#profile-menu ul > li:hover{ box-shadow: 0 0 15px #EBC17D; } 
#profile-menu ul > li:last-child{ margin-right: 0px; }
#profile-menu ul > li > a{ display: block; width: 231px; height: 79px; }
.deposit{ background: url('../img/btn-deposit.png') no-repeat 50% 50%; }
.withdraw{ background: url('../img/btn-withdraw.png') no-repeat 50% 50%; }
.transfer{ background: url('../img/btn-transfer.png') no-repeat 50% 50%; }
.contact-us{ background: url('../img/btn-contact-us.png') no-repeat 50% 50%; }

footer {
  padding: 1px 0 0 0;
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 120px;
  color: #eac587;
  text-align: center;
  border-top: 1px solid #3D3D3D;
  background: url('../img/footer-bg.png') repeat-x 0 0;
}
footer p { font-size: 12px; padding: 10px 0; }
footer #copyright { font-size: 16px; }

.required-text{ color: #F30; font-weight: bold; }

label { color: #CC9A50; }
.form-horizontal .control-label{ float: left; padding-left: 0; }
.form-horizontal .form-input{ float: right; }

.form-control{ 
  -moz-appearance: none;
  background-color: #EEEEEE;
  border-color: #cccccc;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 2px rgba(34,42,56,0.1) inset;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-family: inherit;
  font-size: 12px;
  height: 34px;
  padding: 6px 12px;
  transition: border-color 0.15s linear 0s, background 0.15s linear 0s;
  width: 100%;
}

.form-control::-moz-placeholder { color: #A0A0A0; opacity: 1; }
.form-control::-ms-input-placeholder { color: #A0A0A0;; opacity: 1; }
.form-control::-ms-input-placeholder { color: #A0A0A0;; opacity: 1; }
.form-control:focus{ background: #fafafa; box-shadow: 0 0 5px #C78D39; soutline: none; outline: none; }
.form-control[disabled],fieldset[disabled] .form-control,.form-control[readonly]{ background:#BFBFBF; color:rgba(66,66,66,0.85); cursor: not-allowed; }
select,select.form-control {
    -moz-appearance: none !important;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
    background-position: 100% center;
    background-repeat: no-repeat;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    border-color: #cccccc;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    color: rgba(0, 0, 0, 0.75);
    font-family: inherit;
    font-size: 12px;
    height: 34px;
    line-height: normal;
    padding: 6px 12px;
    width: 100%;
    cursor: pointer;
    outline: none;
    transition: none;
}
select > option{ padding: 5px 10px; }
select:focus { background-color: #fafafa; border-color: #999999; }
select[disabled],select[readonly] { background-color: #DDDDDD; cursor: default; }
select[multiple] { height: auto; }

textarea.vertical {
    resize: vertical !important;
    min-height: 82px;
    max-height: 132px;
}

.row h3{ font-size: 16px; color: #D8D8D8; text-shadow: 1px 1px 0px #000; border-bottom: solid 1px; margin:  10px 0; padding-bottom: 10px; }
.loader{ position: absolute; top: 5px; right: 5px; }

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover{ background: #D6A257; color: #FFF; }
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover{}

.datepicker.datepicker-dropdown{ z-index: 9999; }

.news-list{ margin-bottom: 10px; }
.news-list:last-child{ margin-bottom: 0; }
.news-content,.news-content p{ text-align: justify; line-height: 22px; font-weight: normal; }
.news-content h3{ font-weight: bold; }
.post-time{ position: absolute; right: 0; top: 15px; font-size: 10px; text-shadow: none; }
.post-time > span{ font-size: 10px; }

.frame.no-border .pagination-area{ background: #141414; padding: 0 10px; border: solid #2A2A2A 1px; }
.pagination-info{ float: left; padding: 6px 0px; color: #DBDBDB; }
.pagination{ margin: 0; }
.pagination > li > a, .pagination > li > span{ background: none; border: none; color: #DBDBDB; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background: none; border: none; color: #c38933; }
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #c38933;
  background: none;
  border-color: none;
}

.summary{ margin: 10px 0; text-align: center; }

.badge{ position: relative; padding: 3px 8px; color: #FFF; border-radius: 5px; }
.badge-primary {
    background-color: #BF0E0B !important;
    border: solid #FF6360 1px;
}
.badge-green {
    background-color: #077F0F !important;
    border: solid #3BF747 1px;
}
.badge-blue {
    background-color: #314363 !important;
    border: solid #5A78A8 1px;
}
.badge-orange {
    background-color: #BC5D34 !important;
    border: solid #E5A387 1px;
}


.frame .table tr td, .frame .table tr th {
  background: none !important;
}
.frame.no-border .table td, .frame.no-border .table th {
  background: #141414 !important;
}
.frame .table tr th{ color: #D8D8D8; text-shadow: 1px 1px 0px #090909; }
.frame .table tr.cancelled th,.frame .table tr.cancelled td,.frame .table tr th.cancelled,.frame .table tr td.cancelled{ color: #BF0E0B; }
.table{ margin-bottom: 0px; }
.table+.pagination-area{ border-top: none !important; }
.table-bordered th, .table-bordered td{ border: solid #2A2A2A 1px !important; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{ border-top: solid #2A2A2A 1px; }
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{ border: solid #2A2A2A 1px; }

.bank-account {
    display: inline-block;
    margin-bottom: 20px;
    text-align: center;
    width: 248px;
}
.bank-account span+p{ margin-top: 0; }

.bank-account > .logo{ background: url('../img/bank.png') no-repeat 50% 0; padding-top: 55px; width: 115px; height: 52px; display: block; margin: 0 auto; }
.bank-account > .logo.bca{ background-position: -8px 0; }
.bank-account > .logo.bank-mandiri{ background-position: -123px 0; }
.bank-account > .logo.bni{ background-position: -370px 0; }
.bank-account > .logo.bri{ background-position: -250px 0; }
.bank-account > .logo.danamon{ background-position: -493px 0; }
.bank-account > .logo.cimb{ background: url('../img/bank_cimb.png') no-repeat 50% 0; background-size: 129px 45px; }
.bank-account > .logo.permata{ background: url('../img/bank_permata.png') no-repeat 50% 0; background-size: 115px 35px;background-position: center }
.bank-account > .logo.panin{ background: url('../img/bank_panin.png') no-repeat 50% 0; background-size: 115px 35px;background-position: center }
.bank-account > .logo.bsi{ background: url('../img/bank_bsi.svg') no-repeat 50% 0; background-size: 114px 20px ;background-position: center }

.nav > li > a{ padding: 8px 15px; min-width: 100px; text-align: center; }
.nav-tabs > li > a { color: #eac587; border-radius: 10px 10px 0 0; }

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background: none;
  border: solid 1px transparent;
  color: #FFF;
}
.nav-tabs{ border-bottom: solid #CD996E 2px; }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus { color: #CF9B47; position: relative; top: 1px; border: solid #CD996E 2px; border-bottom: none;
  background: rgba(54,74,110,1);
  background: -moz-linear-gradient(top, rgba(54,74,110,1) 0%, rgba(42,57,84,1) 49%, rgba(25,33,45,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(54,74,110,1)), color-stop(49%, rgba(42,57,84,1)), color-stop(100%, rgba(25,33,45,1)));
  background: -webkit-linear-gradient(top, rgba(54,74,110,1) 0%, rgba(42,57,84,1) 49%, rgba(25,33,45,1) 100%);
  background: -o-linear-gradient(top, rgba(54,74,110,1) 0%, rgba(42,57,84,1) 49%, rgba(25,33,45,1) 100%);
  background: -ms-linear-gradient(top, rgba(54,74,110,1) 0%, rgba(42,57,84,1) 49%, rgba(25,33,45,1) 100%);
  background: linear-gradient(to bottom, rgba(54,74,110,1) 0%, rgba(42,57,84,1) 49%, rgba(25,33,45,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#364a6e', endColorstr='#19212d', GradientType=0 );
}
.tab-content{ transition: opacity 0.4s ease-in-out;
  border: solid #CD996E 2px; border-top: none; padding: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;
  background: rgba(24,31,42,1);
  background: -moz-linear-gradient(top, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(24,31,42,1)), color-stop(9%, rgba(22,28,38,1)), color-stop(100%, rgba(0,0,0,1)));
  background: -webkit-linear-gradient(top, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  background: -o-linear-gradient(top, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  background: -ms-linear-gradient(top, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  background: linear-gradient(to bottom, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181f2a', endColorstr='#000000', GradientType=0 );
}
.tab-content > .tab-pane{ position: relative; }
.tab-content > .tab-pane > .btn-add{ right: 0; top: 0px; }
.tab-content > .tab-pane h1{ background: none !important; border: none !important; padding: 0 !important; }

.dropdown-menu{ padding: 10px; border-radius: 10px; border: solid 2px #CD996E;
  background: rgba(24,31,42,1);
  background: -moz-linear-gradient(top, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(24,31,42,1)), color-stop(9%, rgba(22,28,38,1)), color-stop(100%, rgba(0,0,0,1)));
  background: -webkit-linear-gradient(top, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  background: -o-linear-gradient(top, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  background: -ms-linear-gradient(top, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  background: linear-gradient(to bottom, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181f2a', endColorstr='#000000', GradientType=0 );
}
.datepicker-dropdown.datepicker-orient-bottom::before{ border-top: 7px solid #000; }
.datepicker-dropdown.datepicker-orient-bottom::after{ border-top: 6px solid #CD996E; }
/*.datepicker table tr td.day:hover{ background: none; }*/
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover{ background-color: #CD996E !important; background-image: none; }
.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover{ background-color: #CD996E !important; background-image: none; }

.publish{ cursor: default; }
.success{ color: #49DD5F; }
.error{ color: #E53D3D; }
.user-blocked{ color: #E53D3D; }

#message-area{ margin: 10px 0; }
.message-item{ padding: 0 10px; position: relative; color: #10141B; margin-bottom: 10px; }
.message-item .sender {
    color: #10141B;
    border-bottom: 1px solid #10141B;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 0 0 5px;
}
.message-text *{ margin: 0; padding: 0; text-align: justify; }
.bubble {
  background-image: linear-gradient(bottom, rgb(210,244,254) 25%, rgb(149,194,253) 100%);
  background-image: -o-linear-gradient(bottom, rgb(210,244,254) 25%, rgb(149,194,253) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(210,244,254) 25%, rgb(149,194,253) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(210,244,254) 25%, rgb(149,194,253) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(210,244,254) 25%, rgb(149,194,253) 100%);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.25, rgb(210,244,254)),
    color-stop(1, rgb(149,194,253))
  );
  border: solid 1px rgba(0, 0, 0, 0.5);
  /* vendor rules */
  border-radius: 20px;
  /* vendor rules */
  box-shadow: inset 0 5px 5px rgba(255, 255, 255, 0.4), 0 1px 3px rgba(0, 0, 0, 0.2);
  /* vendor rules */
  box-sizing: border-box;
  clear: both;
  float: left;
  padding: 8px 30px;
  position: relative;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
  width: auto;
  max-width: 100%;
  word-wrap: break-word;
}

.bubble:before, .bubble:after {
  border-radius: 20px / 10px;
  content: '';
  display: block;
  position: absolute;
}

.bubble:before {
  border: 10px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  left: -7px;
  z-index: -2;
}

.bubble:after {
  border: 8px solid transparent;
  border-bottom-color: #d2f4fe;
  bottom: 1px;
  left: -5px;
}

.bubble-alt {
  background-image: linear-gradient(bottom, rgb(172,228,75) 25%, rgb(122,205,71) 100%);
  background-image: -o-linear-gradient(bottom, rgb(172,228,75) 25%, rgb(122,205,71) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(172,228,75) 25%, rgb(122,205,71) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(172,228,75) 25%, rgb(122,205,71) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(172,228,75) 25%, rgb(122,205,71) 100%);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.25, rgb(172,228,75)),
    color-stop(1, rgb(122,205,71))
  );
  float: right;
}

.bubble-alt:before {
  border-bottom-color: rgba(0, 0, 0, 0.5);
  border-radius: 20px / 10px;
  left: auto;
  right: -7px;
}

.bubble-alt:after {
  border-bottom-color: #ace44b;
  border-radius: 20px / 10px;
  left: auto;
  right: -5px;
}

.form-tab-overlay{ display: none; position: absolute; top: 0; width: 100%; height: 50px; z-index: 9; }
.nav-tabs > li > a.form-tab-disabled{ color: #B7B7B7; }

.modal{
  background: rgba(0, 0, 0, 0.9);
  background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.75) 0%, rgba(0,0,0,1) 82%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,0,0,0.75)), color-stop(82%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.75) 0%, rgba(0,0,0,1) 82%, rgba(0,0,0,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.75) 0%, rgba(0,0,0,1) 82%, rgba(0,0,0,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.75) 0%, rgba(0,0,0,1) 82%, rgba(0,0,0,1) 100%);
background: radial-gradient(ellipse at center, rgba(0,0,0,0.75) 0%, rgba(0,0,0,1) 82%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}
.module-list{ background: none !important; }
.module-list{ border: solid 1px #222A38; }
.modal-content{
  border: solid #CD996E 2px;
  background: rgba(24,31,42,1);
  background: -moz-linear-gradient(top, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(24,31,42,1)), color-stop(9%, rgba(22,28,38,1)), color-stop(100%, rgba(0,0,0,1)));
  background: -webkit-linear-gradient(top, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  background: -o-linear-gradient(top, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  background: -ms-linear-gradient(top, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  background: linear-gradient(to bottom, rgba(24,31,42,1) 0%, rgba(22,28,38,1) 9%, rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181f2a', endColorstr='#000000', GradientType=0 );
}
.close{ color: #F3E2C4; }
.modal-dialog { margin: 205px auto 0; }

#invitation-frame{ margin-top: 145px; border: solid #CD996E 2px; border-radius: 10px; padding: 10px; position: relative; margin-bottom: 20px;
  background: repeating-linear-gradient(
    -45deg,
    #000000,
    #000000 10px,
    #1c2125 10px,
    #1c2125 20px
  );
}
#invitation-title{ background: url('../img/invt/invitation-title.png') no-repeat 50% 50%; width: 371px; height: 53px; margin: 0 auto 12px; }
#selamat{ background: url('../img/invt/selamat.png') no-repeat 50% 50%; width: 433px; height: 61px; margin: 0 auto 15px; }
#terpilih{ background: url('../img/invt/terpilih.png') no-repeat 50% 50%; width: 433px; height: 31px; margin: 0 auto 10px; }
#vip-member{ background: #181f2a url('../img/invt/vip-member.png') no-repeat 50% 50%; width: 425px; height: 207px; margin: 0 auto 14px; padding: 46px;border: solid #CD996E 2px; border-radius: 10px;  }
#btn-invitation{ width: 500px; margin: 0 auto; }
#btn-invitation button{ width: 200px; height: 50px; border-radius: 10px; font-size: 16px; border: none; color: #FFF; text-transform: uppercase; padding: 15px 20px 20px; transition: all 0.5s ease; }

#btn-invitation #btn-deal{ background: url('../img/invt/btn-setuju.png') 50% 50%; }
#btn-invitation #btn-deal:hover,#btn-invitation #btn-deal:focus{ box-shadow: 0 0 20px #B41800; }
#btn-invitation #btn-contact{ background: url('../img/invt/btn-contact.png') 50% 50%; }
#btn-invitation #btn-contact:hover,#btn-invitation #btn-contact:focus{ box-shadow: 0 0 20px #2C5394; }
#invitation-frame a{ color: #9fbdc6; }
#btn-skip button{ width: 200px; height: 50px; border-radius: 10px; font-size: 16px; border: none; color: #FFF; text-transform: uppercase; padding: 15px 20px 20px; transition: all 0.5s ease; }

.contact-img{ margin-bottom: 20px; margin-right: 20px; float: left; width: 200px; }
.contact-img img{ width: 40px; float: left; margin-right: 20px; }
.account-contact{ font-size: 14px; padding: 10px 0; }

#flyer{ position: fixed; top: 100px; z-index: 999; }
#flyer div{ position: relative; margin-bottom: 10px; }
#flyer div img.flyer-small-button{ position: relative; width: 53px; z-index: 999; }
#flyer div img.flyer-large-button{ visibility: hidden; width: 200px; position: absolute; left: -150px; top: 0; transition: 1s; z-index: 99; }
#flyer div:hover img.flyer-large-button {
    visibility: visible;
    transition: 1s;
    left: 55px;
}

#fortune-wheel{ padding: 0px; border-radius: 0px 12px 12px 0px; text-align: center; cursor: pointer !important; z-index: 999; }
#fortune-wheel img{ width: 200px; margin-bottom: 0px; }
#fortune-wheel #coupon-counter{ color: #FFF; font-family: "Avenir"; font-size: 26px; font-style: italic; font-weight: bold; height: 20px; left: 130px; position: absolute; top: 34px; width: 20px; }
#fortune-wheel #coupon-counter.two-digit{ left: 91px; }
.home-video {
    background: rgba(0,0,0,0) url("../img/imac-template.png") no-repeat scroll center bottom;
    background-size: 100%;
    height: 590px;
    width: 100%;
    padding-top: 26px;
}
.home-video .frame-video{ 
    background-color: #000;
    height: 383px;
    margin: 0 32px;
    width: 684px; 
}
.home-video iframe{ width: 682px; height: 383px; }
@media (max-width: 768px) {
  
}
.yellow {
    background-image: -webkit-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 72));
    background-image: -moz-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 72));
    background-image: -o-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 72));
    background-image: -ms-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 72));
    background-image: linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 72));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#feda71', EndColorStr='#feba48');
 
    border:1px solid #dea94f;
}
#contact-us-badge {
  display: block;
    position: absolute;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    padding: 1px 3px;
    margin: -10px 0 0 212px;
    border-radius: 13px;
    -moz-border-radius: 2px;
    background-color: #c8a46a!important;
    border: solid #c8a46a 1p;
    width: 26px;
    text-align: center;
}
.blink {
  animation-duration: 0.5s;
  animation-name: blink;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}
@keyframes blink {
  0% {
      opacity: 1;
  }
  80% {
      opacity: 1;
  }
  81% {
      opacity: 0;
  }
  100% {
      opacity: 0;
  }
}

.message-text img {
  max-width: 100%;
  height: auto;
}
.broadcast-body img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
#broadcast-overlay{
  top: 0;
  position: fixed !important;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.9);
  z-index: 999;
}
/*loading css*/
.lds-roller{display:inline-block;position:relative;width:64px;height:64px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:32px 32px}.lds-roller div:after{content:" ";display:block;position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;margin:-3px 0 0 -3px}.lds-roller div:nth-child(1){animation-delay:-36ms}.lds-roller div:nth-child(1):after{top:50px;left:50px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:54px;left:45px}.lds-roller div:nth-child(3){animation-delay:-108ms}.lds-roller div:nth-child(3):after{top:57px;left:39px}.lds-roller div:nth-child(4){animation-delay:-144ms}.lds-roller div:nth-child(4):after{top:58px;left:32px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:57px;left:25px}.lds-roller div:nth-child(6){animation-delay:-216ms}.lds-roller div:nth-child(6):after{top:54px;left:19px}.lds-roller div:nth-child(7){animation-delay:-252ms}.lds-roller div:nth-child(7):after{top:50px;left:14px}.lds-roller div:nth-child(8){animation-delay:-288ms}.lds-roller div:nth-child(8):after{top:45px;left:10px}@keyframes lds-roller{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
/* end loading css*/

/*list pulsa*/
#operator-item{ margin-bottom: 0; }
#operator-item > li.op-item{ display: inline-block; float: left; width: 33%; text-align: center; padding: 0 5px; cursor: pointer; margin-bottom: 10px; }
#operator-item > li.op-item:nth-child(3n+1):nth-last-child(-n+3),
#operator-item > li.op-item:nth-child(3n+1):nth-last-child(-n+3) ~ li{ }
#operator-item > li.op-item:first-child,#operator-item > li.op-item:nth-child(3n+1){ padding-left: 0; }
#operator-item > li.op-item:nth-child(3n){ padding-right: 0; }
#operator-item > li.op-item > div{ border-radius: 5px; border: 1px solid #c6c6c6; box-shadow: 0 1px 1px rgba(0,0,0,.2); padding: 5px; line-height: 40px; }
#operator-item > li.op-item > div.chosen{ border: 1px solid #155e9a; box-shadow: inset 0 0 0 1px #155e9a; background: rgba(21, 69, 154, 0.2); }
#operator-item > li.op-item > div > span{ display: block; line-height: 21px; }
#operator-item > li.op-item > div > span.op-item-price{ display: block; color: #999; font-size: 12px; line-height: 18px; }
.home_price-text { font-size: 20px; }
#operator-item > li.op-item > div.chosen > .op-item-nominal{ font-weight: bold; color: #155e9a; }
#operator-item > li.op-item > div.disable{border: 1px solid #f77b7b; box-shadow: inset 0 0 0 1px #f77b7b; background: #ff00001f;cursor: default;}
#operator-item > li.op-item > div.disable > .op-item-nominal{ color: #f77b7b; }