a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline; }

@font-face {
  font-family: 'Segoe UI';
  font-style: normal;
  font-weight: normal;
  src: local('Segoe UI'), local('Segoe-UI'), url(../fonts/segoeui.ttf) format('truetype');
}

@font-face {
  font-family: 'Univers';
  font-style: normal;
  font-weight: normal;
  src: local('Univers'), local('Univers'), url(../fonts/Univers.ttf) format('truetype');
}

@font-face {
  font-family: 'Univers Light';
  font-style: normal;
  font-weight: normal;
  src: local('Univers Light'), local('Univers-Light'), url(../fonts/Univers-Light.ttf) format('truetype');
}

@font-face {
  font-family: 'Univers Black';
  font-style: normal;
  font-weight: normal;
  src: local('Univers Black'), local('Univers-Black'), url(../fonts/Univers-Black.ttf) format('truetype');
}

@font-face {
  font-family: 'Nemodedemo';
  font-style: normal;
  font-weight: normal;
  src: local('Nemodedemo'), local('Nemodedemo'), url(../fonts/demone.ttf) format('truetype');
}

@font-face {
  font-family: 'Geometrix';
  font-style: normal;
  font-weight: normal;
  src: local('Geometrix'), local('Geometrix'), url(../fonts/GEOMETR1.ttf) format('truetype');
}

@font-face {
  font-family: 'Geometrix Black';
  font-style: normal;
  font-weight: normal;
  src: local('Geometrix Black'), local('Geometrix-Black'), url(../fonts/GEOMETRI.ttf) format('truetype');
}

*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}	
::-moz-selection { background-color: #91D8f7; color: #fff; }
::selection 	{ background-color: #91D8f7; color: #fff; }

a { 
	-webkit-transition-property: all;
	-moz-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.25s, 0.25s;
	-moz-transition-duration: 0.25s, 0.25s;
	transition-duration: 0.25s, 0.25s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
	outline: 0;
	color: #b02429;
	text-decoration: none;
}

a:hover { text-decoration: none; color: #f00; }
p a:hover { color: #f00; }
a:active { outline: none; position: relative; top: 2px; }
.clearfix { clear: both; }

/*------------------------------------*\
  MAIN
\*------------------------------------*/

body { 
	background: url("../images/bg.jpg") top center repeat;
	color: #666; 
	font-family: 'Myriad Pro'; 
	font-size: 16px; 
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
	overflow-x: hidden;	
}

#wrapper, .container-header{ margin: 0 auto; max-width: 900px; width: 90%; }

.container-header { padding-left: 200px; }

header { padding: 0; box-shadow: 0 1px 10px #464646; z-index: 9; position: relative; }

.info-contact figure {
	display: table;
}

.info-contact figure img {
	float: left;
}

header figure.logo {
	margin-left: -240px;
	z-index: 70;
	position: absolute;
	width: 323px;
}

header p {
	text-align: right;
	font-size: 90%;
}

h1 { 
	font-size: 30px; font-family: 'Myriad Pro'; line-height: 25px; padding: 0 10px; 
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;  
}
h1 a:hover { text-decoration: none; color: #27B3CF; }

h2 { font-size: 20px; padding: 0 10px; 
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
}
h3 { font-family: Univers Black; font-size: 17px; }
h4 { font-family: Univers Black; padding: 3px; margin: 5px 0 0 0; }
h4 a 	{ text-decoration: underline; }
h4 a:hover {  }

/*-- nav --*/

#cssmenu a {
	font-family: Nemodedemo;
}

#cssmenu #menu-button {
	z-index: 999;
	position: relative;
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
	font-family: 'Open Sans', Helvetica, sans-serif;
}
#menu {
	width: 100%;
	background: #e90d0f;
	border-top: 2px solid #fff;
	border-bottom: 4px solid #fff;
}
#menu .container-header {
	padding-left: 171px;
}
#cssmenu > ul > li {
	border-left: 1px solid #ff0;
	float: left;
	display: inline-block;
}
#cssmenu > ul > li:hover, #cssmenu > ul > li.current-menu-item, #cssmenu > ul > li.current-menu-ancestor {
	background: #fbb13b; /* Old browsers */
	background: -moz-linear-gradient(top, #fbb13b 0%, #ffff3b 50%, #ffff3b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbb13b), color-stop(50%,#ffff3b), color-stop(100%,#ffff3b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fbb13b 0%,#ffff3b 50%,#ffff3b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fbb13b 0%,#ffff3b 50%,#ffff3b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fbb13b 0%,#ffff3b 50%,#ffff3b 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fbb13b 0%,#ffff3b 50%,#ffff3b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbb13b', endColorstr='#ffff3b',GradientType=0 ); /* IE6-9 */
}
#cssmenu > ul > li.current-menu-item > a, #cssmenu > ul > li.current-menu-ancestor > a {
	color: #97272d!important;
}
#cssmenu > ul > li.current-menu-ancestor > ul > li.current-menu-ancestor > a, #cssmenu ul li.current-menu-item  a{
	color: #ff2603;
}
#cssmenu > ul > li:first-child {
	border: none;
}
#cssmenu > ul > li > a {
	margin: 9px 0 5px;
	padding: 0 8px;
	text-decoration: none;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	z-index: 90;
	text-transform: uppercase;
	-webkit-transition-property: color;
	-moz-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 1s, 1s;
	-moz-transition-duration: 1s, 1s;
	transition-duration: 1s, 1s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in; 
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a {
  color: #97272d;
}
#cssmenu ul ul {
	position: absolute;
	left: -9999px;
	top: 60px;
	padding-top: 6px;
	font-size: 13px;
	opacity: 0;
	z-index: 90;
	background: #ffff3b; /* Old browsers */
	background: -moz-linear-gradient(top, #ffff3b 0%, #fffe3b 60%, #fbb13b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff3b), color-stop(60%,#fffe3b), color-stop(100%,#fbb13b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffff3b 0%,#fffe3b 60%,#fbb13b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffff3b 0%,#fffe3b 60%,#fbb13b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffff3b 0%,#fffe3b 60%,#fbb13b 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffff3b 0%,#fffe3b 60%,#fbb13b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff3b', endColorstr='#fbb13b',GradientType=0 ); /* IE6-9 */
	-webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
	-moz-transition: top 0.2s ease, opacity 0.2s ease-in;
	-ms-transition: top 0.2s ease, opacity 0.2s ease-in;
	-o-transition: top 0.2s ease, opacity 0.2s ease-in;
	transition: top 0.2s ease, opacity 0.2s ease-in;
}
#cssmenu > ul > li > ul {
  top: 60px;
}
#cssmenu > ul > li:hover > ul {
  top: 30px;
  left: 0;
  opacity: 1;
}
#cssmenu ul ul ul {
  padding-top: 0;
  padding-left: 6px;
}
#cssmenu ul ul > li:hover > ul {
  left: 180px;
  top: 0;
  opacity: 1;
}
#cssmenu ul ul li a {
	text-decoration: none;
	font-size: 15px;
	font-weight: 400;
	padding: 11px 0 11px 5px;
	color: #97272d;
	border-top: solid 1px #c1272d;
}
#cssmenu ul ul li {
	width: 180px;
	padding: 0 10px;
}
#cssmenu ul ul > li:first-child > a {
	border: none;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a {
  color: #ff2603;
}
#cssmenu ul ul li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#cssmenu ul ul li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* -- nav-end --*/

#main-content {
	background: #fff;
	width: 100%;
	border-bottom: 6px solid #fbb03b;
	border-left: 6px solid #fbb03b;
	border-right: 6px solid #fbb03b;
	display: table;
	border-radius: 0 0 15px 15px;
	-moz-border-radius: 0 0 15px 15px;
	-webkit-border-radius: 0 0 15px 15px;
	padding: 15px;
}

.banner {
	width: 90%;
	max-width: 1030px;
	min-height: 100px;
	margin: 0 auto;
}

.banner img {
	min-height: 100px;
	max-height: 496px;
}

.left-col { width: 66%; float: left; }

.sidebar { 
	width: 32.5%; 
	float: right; 
	-webkit-transition-property: all;
	-moz-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
	margin: 0;
}

.sidebar ul {
	list-style: none;
	display: table;
	margin-bottom: 30px;
}

.widget {
	width: 100%;
	margin: 0 0 10px!important;
}

.widget h3 {
	color: #f00;
	text-align: center;
	font-size: 21px;
}

.game {
	box-shadow: 0 6px 15px #5e1316!important;
	padding: 10px 5px!important;
}

.game h3 {
	color: #ff0;
}

.game span {
	color: #fff;
	font-size: 10px;
	text-align: center;
	width: 100%;
	float: left;
	margin: 0 0 10px;
}

.game ul li {
	width: 31%;
	float: left;
	margin: 0 3px;
	text-align: center;
}

.bank figure {
	margin: 0;
}

.bank {
	 padding: 5px 10px 1px!important;
}

.bank h3{
	font-size: 15px;
}

.bank ul {
	list-style: none;
	display: table;
	width: 100%;
	padding: 0!important;
}

.bank ul li {
	float: left;
	width: 23.5%!important;
	margin: 5px 6px 0;
	padding: 0!important;
	text-align: center;
}

.bank table {
	font-family: Univers Light;
	color: #fff;
	width: 100%;
	margin: 0;
	text-align: justify;
	font-size: 86%;
	line-height: 10px;
}

.bank p {
	font-family: Univers Light;
	text-align: center;
	color: #fff;
	font-weight: normal;
	font-size: 90%!important;
	line-height: 15px;
	padding: 0!important;
}

.bank table .last {
	text-align: right;
}

/********** Blink **********/

.blink {
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 6s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-name: blinker;
	-moz-animation-duration: 6s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	animation-name: blinker;
	animation-duration: 6s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    35% { opacity: 1.0; }
    40% { opacity: 0.1; }
    45% { opacity: 1.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    35% { opacity: 1.0; }
    40% { opacity: 0.1; }
    45% { opacity: 1.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    35% { opacity: 1.0; }
    40% { opacity: 0.1; }
    45% { opacity: 1.0; }
    100% { opacity: 1.0; }
}

/***************************/

/********** Pulse **********/

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.02, 1.02, 1.02);
            transform: scale3d(1.02, 1.02, 1.02);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.02, 1.02, 1.02);
            transform: scale3d(1.02, 1.02, 1.02);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

/********************************/

/********** rubberBand **********/

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
	-webkit-animation-name: rubberBand;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	-moz-animation-name: rubberBand;
	-moz-animation-duration: 2s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: 1;
	animation-name: rubberBand;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}

/********************************/

/********** Swing **********/

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 8deg);
            transform: rotate3d(0, 0, 1, 8deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -8deg);
            transform: rotate3d(0, 0, 1, -8deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 8deg);
            transform: rotate3d(0, 0, 1, 8deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -8deg);
            transform: rotate3d(0, 0, 1, -8deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

.langkah ul li:hover {
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
	-webkit-animation-name: swing;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	-moz-animation-name: swing;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: 1;
	animation-name: swing;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}

/********************************/

/************* Tada *************/

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.tada {  
	-webkit-animation-name: tada;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	-moz-animation-name: tada;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: 1;
	animation-name: tada;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}

/**********************************/

/************* Bounce *************/

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -8px, 0);
            transform: translate3d(0, -8px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -8px, 0);
            transform: translate3d(0, -8px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

.game ul li:hover {
  -webkit-transform-origin: center bottom;
	-webkit-animation-name: bounce;
	-webkit-animation-duration: 0.75s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	-moz-animation-name: bounce;
	-moz-animation-duration: 0.75s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: 1;
    -moz-transform-origin: center bottom;
	animation-name: bounce;
	animation-duration: 0.75s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
    transform-origin: center bottom;
}

.game ul li:hover img {
	box-shadow: 1px 1px 10px #ff0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

/********************************/

/************* BounceinRight *************/

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-webkit-animation-duration: 0.75s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	-moz-animation-name: bounceInRight;
	-moz-animation-duration: 0.75s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: 1;
	animation-name: bounceInRight;
	animation-duration: 0.75s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}

/********************************/

.ym {
	background: url("../images/ym.png") left center no-repeat;
	padding-left: 25px;
	z-index: 99;
	position: relative;
}

.ym ul li {
	float: left;
	margin: 0 5px;
	text-align: center;
	font-family: Myriad Pro;
	color: #fff45c;
}

.ym ul li a span{
	margin-top: -4px;
	color: #fff;
	font-size: 65%;
	float: left;
	width: 100%;
	height: 30px;
	line-height: 33px;
}

.ym ul li a:hover span{
	color: #ff0;
}

.info-contact {
	background: #09207e; /* Old browsers */
	background: -moz-linear-gradient(top, #09207e 0%, #1e63b2 6%, #2584d0 11%, #39c2fc 19%, #31a7e7 28%, #1f71bf 36%, #1754a5 43%, #103a8e 50%, #0a247a 55%, #061776 62%, #123a96 72%, #103b8f 75%, #1a5aab 81%, #206eba 85%, #30a2e3 95%, #36b7f5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#09207e), color-stop(6%,#1e63b2), color-stop(11%,#2584d0), color-stop(19%,#39c2fc), color-stop(28%,#31a7e7), color-stop(36%,#1f71bf), color-stop(43%,#1754a5), color-stop(50%,#103a8e), color-stop(55%,#0a247a), color-stop(62%,#061776), color-stop(72%,#123a96), color-stop(75%,#103b8f), color-stop(81%,#1a5aab), color-stop(85%,#206eba), color-stop(95%,#30a2e3), color-stop(100%,#36b7f5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #09207e 0%,#1e63b2 6%,#2584d0 11%,#39c2fc 19%,#31a7e7 28%,#1f71bf 36%,#1754a5 43%,#103a8e 50%,#0a247a 55%,#061776 62%,#123a96 72%,#103b8f 75%,#1a5aab 81%,#206eba 85%,#30a2e3 95%,#36b7f5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #09207e 0%,#1e63b2 6%,#2584d0 11%,#39c2fc 19%,#31a7e7 28%,#1f71bf 36%,#1754a5 43%,#103a8e 50%,#0a247a 55%,#061776 62%,#123a96 72%,#103b8f 75%,#1a5aab 81%,#206eba 85%,#30a2e3 95%,#36b7f5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #09207e 0%,#1e63b2 6%,#2584d0 11%,#39c2fc 19%,#31a7e7 28%,#1f71bf 36%,#1754a5 43%,#103a8e 50%,#0a247a 55%,#061776 62%,#123a96 72%,#103b8f 75%,#1a5aab 81%,#206eba 85%,#30a2e3 95%,#36b7f5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #09207e 0%,#1e63b2 6%,#2584d0 11%,#39c2fc 19%,#31a7e7 28%,#1f71bf 36%,#1754a5 43%,#103a8e 50%,#0a247a 55%,#061776 62%,#123a96 72%,#103b8f 75%,#1a5aab 81%,#206eba 85%,#30a2e3 95%,#36b7f5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09207e', endColorstr='#36b7f5',GradientType=0 ); /* IE6-9 */
	width: 100%;
	border-bottom: 5px solid #e4e4e4;
	border-right: 5px solid #e4e4e4;
	border-left: 5px solid #e4e4e4;
	border-radius: 0 0 13px 13px;
	-webkit-border-radius: 0 0 13px 13px;
	-moz-border-radius: 0 0 13px 13px;
	margin: 0 0 18px;
	padding: 0 2px;
	float: right;
	box-shadow: 0 1px 20px #333, 0 3px 10px #333 ;
}

.info-contact ul {
	list-style: none;
	margin-top: -3px;
}

.info-contact ul li {
	float: left;
}

.info-contact ul li.last {
	background: none;
	margin-bottom: 13px;
}

.info-contact ul > li > span {
	float: left;
	height: 30px;
	padding-left: 30px;
	line-height: 33px;
	font-size: 70%;
	font-weight: bold;
	color: #fff;
}

.info-contact ul li span.ph {
	background: url("../images/ph-top.png") left center no-repeat;
	padding-left: 55px;
}

.info-contact ul li span.email {
	background: url("../images/email.png") left center no-repeat;
}

.info-contact ul li span.bb {
	background: url("../images/bbm-top.png") left center no-repeat;
}

/*-- Content --*/

.content, .widget-content {
	background: #671418; /* Old browsers */
	background: -moz-linear-gradient(top, #671418 0%, #ff0000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#671418), color-stop(100%,#ff0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #671418 0%,#ff0000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #671418 0%,#ff0000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #671418 0%,#ff0000 100%); /* IE10+ */
	background: linear-gradient(to bottom, #671418 0%,#ff0000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#671418', endColorstr='#ff0000',GradientType=0 ); /* IE6-9 */
	border: 2px solid #fff;
	float: left;
	padding: 10px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	word-wrap: break-word;
	box-shadow: 0 0 25px #5e1316, 0 0 45px #5e1316;
	margin: 10px 0;
}

.content-utama {
	background: transparent;
	border: 2px solid #c1272d;
	float: left;
	padding: 10px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	word-wrap: break-word;
	box-shadow: 4px 5px 15px #5e1316;
}

.content-utama ul, .content-utama ol {
	padding-left: 20px;
}

.content-utama p strong {
	font-weight: bold;
	font-size: 17px;
}

.overlay-mask {
    z-index: 99;
    display: block;
    position: fixed;
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px;
    background: rgba(103, 20, 24, .7);
}

.overlay {
	display: none;
	z-index: 999;
	width: 500px;
	margin: 0;
}

.overlay span.wpcf7-not-valid-tip {
	color: #ff0;
	margin-top: 3px;
}

.overlay h3 {
	font-family: Segoe UI;
	font-size: 30px;
	color: #fceb4e;
	text-align: center;
	padding-bottom: 5px;
}

.overlay p, .overlay ol li, .overlay table {
	color: #fff;
}

.overlay ol, .overlay ul {
	padding-left: 20px;
}

.overlay > .close {
    background-image:url(../images/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:32px;
    width:32px;
    z-index: 10;
}

.overlay input[type="submit"] {
	background: #f7951e; /* Old browsers */
	background: -moz-linear-gradient(top, #f7951e 0%, #fbd541 50%, #fdec4e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7951e), color-stop(50%,#fbd541), color-	stop(100%,#fdec4e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f7951e 0%,#fbd541 50%,#fdec4e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f7951e 0%,#fbd541 50%,#fdec4e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f7951e 0%,#fbd541 50%,#fdec4e 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f7951e 0%,#fbd541 50%,#fdec4e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7951e', endColorstr='#fdec4e',GradientType=0 );
	border: none;
	padding: 5px 20px;
	font-weight: bold;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	color: #432659;
	font-size: 17px;
	width: auto;
	height: auto;
}

.overlay input[type="submit"]:hover {
	color: #000;
}

.overlay input, .overlay select {
	width: 270px; 
	height: 25px; 
	border: none; 
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
}

.overlay input, .overlay select {
	padding: 3px;
}

.full {
	width: 100%;
}

.content-utama h1, .content-utama h2  {
	color: #b02429;
	font-family: Univers;
	font-weight: bold;
	margin-bottom: 10px;
}

.content-utama h1  {
	line-height: 33px;
}

.content h2, .bank h3 {
	font-family: Univers Black;
	color: #ff0;
	text-align: center;
}

.content .cat-inner h3 a {
	color: #ff0;
	-webkit-transition-property: color;
	-moz-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 1s, 0.5s;
	-moz-transition-duration: 1s, 0.5s;
	transition-duration: 1s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in; 
}

.content p, .content ul li  {
	font-family: Segoe UI;
	font-size: 80%;
	padding: 5px 10px;
	-webkit-transition-property: color;
	-moz-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 2.5s, 0.5s;
	-moz-transition-duration: 2.5s, 0.5s;
	transition-duration: 2.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in; 
}

.content ul {
	margin: 5px 0;
	padding-left: 20px;
}

.langkah {
	background: #0071bc;
	border: 2px solid #fff;
	box-shadow: 0px 3px 5px #743335;
	margin: 15px -28px 5px;
	width: 106%;
	display: table;
}

.langkah ul {
	float: left;
	list-style: none;
}

.langkah figure {
	width: 29%;
	float: left;
	margin: 10px 10px 5px;
}

.langkah ul li {
	float: left;
}

.langkah ul li a {
	font-family: Myriad Pro;
	font-weight: bold;
	color: #fff;
	font-size: 50px;
	float: left;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 1s, 0.5s;
	-moz-transition-duration: 1s, 0.5s;
	transition-duration: 1s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
}

.langkah ul li a span {
	font-size: 29px;
	margin: 12px 0 0 4px;
	float: right;
}

.langkah ul li:hover a {
	color: #ff0;
}

.more-news {
	padding: 0 10px;
}

.more-news a {
	font-size: 12px;
}

#prev {
	float: left;
	width: 3%;
	margin-top: 110px;
}

#next {
	float: right;
	width: 3%;
	margin-top: 110px;
}

.berita a {
	font-family: Univers Light;
	font-size: 100%;
	color: #fff;
	text-align: center;
}

.cycle-slide {
	float: left;
	text-align: center;
	margin: 0 14px;
	height: 275px;
}

.cycle-carousel-wrap {
	width: 1000%;
}

.berita h2 {
	margin: 0 0 20px;
}

.berita a img {
	text-align: center;
}

.berita a span {
	color: #ff0;
	font-size: 12px;
	width: 100%;
	float:left;
	border-bottom: 1px dashed #fff;
	white-space: normal;
	padding-bottom: 3px;
	margin: 0 0 3px;
}

.berita a p {
	font-family: Univers Light;
	font-size: 10px;
	line-height: 12px;
	padding: 0;
	margin: 0;
	white-space: normal;
}

.berita a h3 {
	font-family: Univers Light;
	color: #fff;
	font-size: 13px;
	white-space: normal;
}

.berita div a:hover {
	color: #ff0;
}

.konten-berita{
	width: 94%;
	float: left;
}

.content-utama p {
	padding: 10px 5px; 
	font-weight: bold;
	text-align: justify;
}

#top-content { background: #000; border-bottom: 5px solid #fff;}
p { padding: 5px; font-family: Univers Light; font-size: 13px; line-height: 20px; }
ul li { margin: 0 5px; }
footer { padding: 5px; }
footer figure { margin: 0 auto; text-align: center; }
footer p { font-size: 65%; text-align: center; color: #fff; padding: 0; line-height: 14px; }
pre{ overflow: scroll; font-size: 10px; }

/****** Float Banner ******/

.left-banner {
	position: absolute;
	margin-left: -240px;
	top: 680px;
	display: table;
}

.daftar {
	background: url("../images/daftar-bg.png") top center no-repeat;
	width: 250px;
	height: 167px;
	padding: 30px;
}

.daftar-image {
	background: url("../images/daftar.png") top center no-repeat;
	width: 185px;
	height: 107px;
	display: table;
}

.daftar:hover .daftar-image {
	background: url("../images/daftar.png") bottom center no-repeat;
	-webkit-animation-name: pulse;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	-moz-animation-name: pulse;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: 1;
	animation-name: pulse;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}

.bonus {
	background: url("../images/bonus-bg.png") top center no-repeat;
	width: 245px;
	height: 662px;
	padding: 31px 26px 0;
	margin-top: -18px;
}

.bonus h3, .contact-float h3 {
	font-size: 18px;
	margin-bottom: 20px;
	text-align: center;
	color: #801a1e;
}

.bonus:hover h3 {
	color: #b02429;
}

.right-banner {
	position: absolute;
	margin-left: 893px;
	top: 680px;
	display: table;
}

.contact-float {
	background: url("../images/contact-float.png") top center no-repeat;
	width: 245px;
	height: 380px;
	padding: 31px 26px 0;	
}

.contact-float h3 {
	font-size: 21px;
	margin-bottom: 5px;
}

.contact-float ul, .liga ul {
	list-style: none
}

.contact-float ul li {
	width: 100%;
	float: left;
	margin: 3px 5px;
}

.contact-float ul li span {
	color: #fff;
	font-family: Geometrix Black;
	line-height: 33px;
	float: left;
}

.contact-float ul li a:hover span {
	color: #ff0;
}


.contact-float ul li span.telp {
	background: url("../images/ph.png") left center no-repeat;
	padding-left: 45px;
}

.contact-float ul li span.ym1, .contact-float ul li span.ym2 {
	padding-left: 45px;
	line-height: 27px;
	font-size: 9px;
}

.contact-float ul li span.bb {
	background: url("../images/bbm.png") left center no-repeat;
	padding-left: 45px;
}

.contact-float ul li span.wa {
	background: url("../images/wa.png") left center no-repeat;
	padding-left: 45px;
}

.contact-float ul li span.we {
	background: url("../images/we.png") left center no-repeat;
	padding-left: 45px;
}

.contact-float ul li span.line {
	background: url("../images/line.png") left center no-repeat;
	padding-left: 45px;
}

.liga {
	background: url("../images/liga-bg.png") top center no-repeat;
	width: 245px;
	height: 426px;
	padding: 22px;
}

.liga ul li {
	width: 45%;
	float: left;
	text-align: center;
}

/********************/

.contact-top {
	background: #fbb03b; /* Old browsers */
	background: -moz-linear-gradient(top, #fbb03b 0%, #fde03b 50%, #ffff3b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbb03b), color-stop(50%,#fde03b), color-stop(100%,#ffff3b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fbb03b 0%,#fde03b 50%,#ffff3b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fbb03b 0%,#fde03b 50%,#ffff3b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fbb03b 0%,#fde03b 50%,#ffff3b 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fbb03b 0%,#fde03b 50%,#ffff3b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbb03b', endColorstr='#ffff3b',GradientType=0 ); /* IE6-9 */
	float: left;
	width: 100%;
}

.running-text{
	background: #0071bc;
	width: 100%;
	margin:0 auto;
	height:34px;
	line-height:34px;
	color: #fff;
	font-size: 85%;
}

.running-text figure {
	float: left;
	margin-right: 5px;
	width: 22%;
}
   
.marquee{
  position: relative;
  overflow: hidden;
  white-space: nowrap;             
                
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* We need this to float so the dimension will be exactly that of the contents. */
.marquee.fake{
	overflow: hidden;
	float: right;
	width: 81%;
	margin-right: -30px;
}
                    
/* The sliding span */
.marquee.fake span{
  display: inline-block;
  position: relative;
  left: -40%;
                
  -moz-animation-name: marquee;
  -webkit-animation-name: marquee;              

  /* Set the duration, s = seconds */
  -moz-animation-duration: 30s;
  -webkit-animation-duration: 30s;      
  
  /* How many times the animation to repeat */
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;                        

  /* Several options available, use linear for this example */
  -moz-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;     
}
              
/* Stop the marquee on :hover */
.marquee.fake:hover span{
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
}              
            
@-webkit-keyframes marquee{
  0% {
    left: 100%;
  }
  100% {
    left: -40%;
  }
}
              
@-moz-keyframes marquee{
  0% {
    left: 100%;
  }
  100% {
    left: -40%;
  }
}

.nivo-control {
	background: url("../images/li-banner.png") left center no-repeat;
	width: 14px;
	height: 12px;
	color: transparent;
	float: left;
	margin: 0 3px;
}

.active {
	background: url("../images/li-banner-active.png") left center no-repeat!important;
}

a.nivo-control {
	color: transparent;
}

.nivo-controlNav {
	position: absolute;
	margin: -480px 0 0 900px;
	z-index: 9;
}

.nav-next {
	float: right;
}

.nav-previous {
	float: left;
}