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: 'Dunkin Sans';
font-style: normal;
font-weight: normal;
src: local('Dunkin Sans'), local('Dunkin-Sans'), url(//hokybet.net/wp-content/themes/hoky-net/fonts/Dunkin.ttf) format('truetype');
}
@font-face {
font-family: 'Segoe UI';
font-style: normal;
font-weight: normal;
src: local('Segoe UI'), local('Segoe-UI'), url(//hokybet.net/wp-content/themes/hoky-net/fonts/segoeui.ttf) format('truetype');
}
@font-face {
font-family: 'Ubuntu BoldItalic';
font-style: normal;
font-weight: normal;
src: local('Ubuntu BoldItalic'), local('Ubuntu-BoldItalic'), url(//hokybet.net/wp-content/themes/hoky-net/fonts/Ubuntu-BI.ttf) format('truetype');
}
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: normal;
src: local('Ubuntu'), local('Ubuntu'), url(//hokybet.net/wp-content/themes/hoky-net/fonts/Ubuntu-R.ttf) format('truetype');
}
@font-face {
font-family: 'Ubuntu Bold';
font-style: normal;
font-weight: normal;
src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(//hokybet.net/wp-content/themes/hoky-net/fonts/Ubuntu-B.ttf) format('truetype');
}
@font-face {
font-family: 'Ubuntu Italic';
font-style: normal;
font-weight: normal;
src: local('Ubuntu Italic'), local('Ubuntu-Italic'), url(//hokybet.net/wp-content/themes/hoky-net/fonts/Ubuntu-RI.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: #f00;
text-decoration: none;
z-index: 99;
position: relative;
}
a:hover { text-decoration: none; color: #000; }
p a:hover { color: #000; }
a:active { outline: none; position: relative; top: 2px; }
.clearfix { clear: both; } canvas {
position: fixed;
z-index: 89;
}
body { 
background: #fff;
color: #4d4d4d; 
font-family: 'Ubuntu'; 
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{ margin: 0 auto; max-width: 900px; width: 90%; }
header { padding: 0; position: relative; margin-bottom: 10px; }
.head-content {
}
header figure {
float: left;
}
header figure.logo {
background: url(//hokybet.net/wp-content/themes/hoky-net/images/logo-bg.png) top left no-repeat;
position: absolute;
z-index: 999;
background-size: 100% 100%;
width: 523px;
height: 401px;
top: 0;
left: -215px;
padding: 35px 0 0 15.7%;
z-index: 99;
}
header figure.logo img {
-webkit-animation-name: bounceInLeft;
-webkit-animation-duration: 2.25s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
-moz-animation-name: bounceInLeft;
-moz-animation-duration: 2.25s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: 1;
animation-name: bounceInLeft;
animation-duration: 2.25s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
header > p {
text-align: right;
font-size: 90%;
}
h1 { 
font-size: 28px; font-family: 'Ubuntu'; line-height: 25px; padding: 0; 
-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; 
-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: Ubuntu; font-size: 17px; }
h4 { font-family: Ubuntu; padding: 3px; margin: 5px 0 0 0; }
h4 a 	{ text-decoration: underline; }
h4 a:hover {  } #cssmenu a {
font-family: Dunkin Sans;
}
#cssmenu #menu-button {
z-index: 999;
position: relative;
}
#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 {
background: #d90000;
border: 2px solid #fff;
box-shadow: 0 5px 20px #2b4822;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
margin: 10px 0 -5px 70px;
z-index: 99;
position: relative;
}
#cssmenu > ul > li {
background: url(//hokybet.net/wp-content/themes/hoky-net/images/menu-border.png) left center no-repeat;
float: left;
padding-left: 10px;
display: inline-block;
}
#cssmenu > ul > li.current-menu-ancestor > ul > li.current-menu-ancestor > a,
#cssmenu ul li.current-menu-item > a {
color: #990000;
}
#cssmenu > ul > li:first-child {
background: none;
}
#cssmenu > ul > li > a {
margin: 7px 0;
padding: 3px 4px;
letter-spacing: 2px;
font-size: 12px;
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,
#cssmenu > ul > li.current-menu-item > a,
#cssmenu > ul > li.current-menu-ancestor > a {
color: #ffc400;
}
#cssmenu ul ul {
position: absolute;
left: -9999px;
top: 60px;
padding-top: 6px;
font-size: 13px;
opacity: 0;
z-index: 900;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid #f00;
background: #fbf03b;
-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: 37px;
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: #d90000;
background: url(//hokybet.net/wp-content/themes/hoky-net/images/sub-menu-border.png) center bottom no-repeat;
}
#cssmenu ul ul li {
width: 180px;
padding: 0 10px;
}
#cssmenu ul ul > li:first-child > a {
border: none;
}
#cssmenu ul ul li:hover > a {
color: #990000;
}
#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;
} #main-content {
width: 100%;
z-index: 99;
position: relative;
}
.banner {
width: 90%;
min-height: 100px;
margin: -52px auto 0;
display: table;
position: relative;
}
.banner img {
min-height: 100px;
max-height: 450px;
}
.left-col { width: 66.4%; float: left; }
.full-col { width: 100%; float: left; }
.full-col h2 { text-align: center; }
.right-col { width: 33%; float: right; }
.games {
background: #000;
width: 100%;
float: left;
}
.inner-game {
width: 100%;
list-style: none;
float: left;
white-space: nowrap;
z-index: 99;
}
.inner-game li {
padding: 10px 5px;
float: left;
}
.inner-game li img{
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.inner-game li:hover img {
box-shadow: 0 0 15px #ffffbe;
}
.games span {
color: #fff;
font-family: Ubuntu;
font-size: 16px;
text-align: center;
width: 100%;
float: left;
margin: 7px 0;
}
.games span a {
font-family: Ubuntu Bold;
}
.games span a:hover {
color: #ff0;
}
.smiley {
display: table;
width: 100%;
}
.smiley a {
color: #fff;
}
.smiley ul li:hover a {
color: #ff0;
}
.smiley ul, .info-contact ul {
list-style: none;
}
.smiley ul li:hover {
background: #933816; background: -moz-linear-gradient(top, #933816 0%, #bf481d 25%, #f15a24 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#933816), color-stop(25%,#bf481d), color-stop(100%,#f15a24)); background: -webkit-linear-gradient(top, #933816 0%,#bf481d 25%,#f15a24 100%); background: -o-linear-gradient(top, #933816 0%,#bf481d 25%,#f15a24 100%); background: -ms-linear-gradient(top, #933816 0%,#bf481d 25%,#f15a24 100%); background: linear-gradient(to bottom, #933816 0%,#bf481d 25%,#f15a24 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#933816', endColorstr='#f15a24',GradientType=0 ); }
.smiley ul li:first-child:hover, .smiley ul li:nth-child(5):hover {
background: #9e1e22; background: -moz-linear-gradient(top, #9e1e22 0%, #c8090a 25%, #d90000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9e1e22), color-stop(25%,#c8090a), color-stop(100%,#d90000)); background: -webkit-linear-gradient(top, #9e1e22 0%,#c8090a 25%,#d90000 100%); background: -o-linear-gradient(top, #9e1e22 0%,#c8090a 25%,#d90000 100%); background: -ms-linear-gradient(top, #9e1e22 0%,#c8090a 25%,#d90000 100%); background: linear-gradient(to bottom, #9e1e22 0%,#c8090a 25%,#d90000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e1e22', endColorstr='#d90000',GradientType=0 ); }
.smiley ul li {
background: #9e1e22; background: -moz-linear-gradient(top, #9e1e22 0%, #c8090a 25%, #d90000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9e1e22), color-stop(25%,#c8090a), color-stop(100%,#d90000)); background: -webkit-linear-gradient(top, #9e1e22 0%,#c8090a 25%,#d90000 100%); background: -o-linear-gradient(top, #9e1e22 0%,#c8090a 25%,#d90000 100%); background: -ms-linear-gradient(top, #9e1e22 0%,#c8090a 25%,#d90000 100%); background: linear-gradient(to bottom, #9e1e22 0%,#c8090a 25%,#d90000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e1e22', endColorstr='#d90000',GradientType=0 ); width: 19%;
width: 170px;
margin: 15px 0.5% 8px;
border: 3px solid #fff;
float: left;
text-align: center;
padding: 10px;
box-shadow: 1px 5px 10px #999;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.smiley ul li:first-child, .smiley ul li:nth-child(5) {
background: #933816; background: -moz-linear-gradient(top, #933816 0%, #bf481d 25%, #f15a24 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#933816), color-stop(25%,#bf481d), color-stop(100%,#f15a24)); background: -webkit-linear-gradient(top, #933816 0%,#bf481d 25%,#f15a24 100%); background: -o-linear-gradient(top, #933816 0%,#bf481d 25%,#f15a24 100%); background: -ms-linear-gradient(top, #933816 0%,#bf481d 25%,#f15a24 100%); background: linear-gradient(to bottom, #933816 0%,#bf481d 25%,#f15a24 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#933816', endColorstr='#f15a24',GradientType=0 ); }
.smiley-info h2 {
font-style: italic;
line-height: 20px;
text-align: right;
padding-bottom: 6px;
border-bottom: 1px solid #fff;
}
.smiley-info h2 span {
color: #ffd28c;
}
.promo h2 {
background: url(//hokybet.net/wp-content/themes/hoky-net/images/promo.png) left center no-repeat;
font-size: 24px;
}
.promo h2 span {
font-size: 16px;
}
.promo p {
font-family: Ubuntu Bold;
font-size: 16px;
line-height: 16px;
color: #ffff80;
margin: 3px 0;
padding: 0;
}
.toto h2 {
background: url(//hokybet.net/wp-content/themes/hoky-net/images/sing.png) left center no-repeat;
font-size: 19px;
}
.toto h2 span {
font-size: 14px;
}
.toto > span {
width: 100%;
float: left;
line-height: 12px;
}
.toto p {
background: url(//hokybet.net/wp-content/themes/hoky-net/images/togel-bg.png) center center no-repeat;
color: #bd461c;
margin: 5px 0;
letter-spacing: 19px;
font-size: 31px;
padding-left: 10px;
font-weight: bold;
background-size: 100% 100%;
-webkit-animation-name: blinker;
-webkit-animation-duration: 4s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: blinker;
-moz-animation-duration: 4s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
animation-name: blinker;
animation-duration: 4s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
.smiley ul li a {
width: 100%;
height: 120px;
float: left;
}
.smiley ul li a > div.button {
width: 111px;
height: 100px;
margin: 0 auto;
background-size: 300% 200%;
}
.smiley ul li:hover a {
color: #ff0;
}
.smiley ul li a .depo {
background: url(//hokybet.net/wp-content/themes/hoky-net/images/smiley.png) center top no-repeat;
}
.smiley ul li:hover a .depo {
background: url(//hokybet.net/wp-content/themes/hoky-net/images/smiley.png) center bottom no-repeat;
}
.smiley ul li a .daftar {
background: url(//hokybet.net/wp-content/themes/hoky-net/images/smiley.png) left top no-repeat;
}
.smiley ul li:hover a .daftar {
background: url(//hokybet.net/wp-content/themes/hoky-net/images/smiley.png) left bottom no-repeat;
}
.smiley ul li a .wd {
background: url(//hokybet.net/wp-content/themes/hoky-net/images/smiley.png) right top no-repeat;
}
.smiley ul li:hover a .wd {
background: url(//hokybet.net/wp-content/themes/hoky-net/images/smiley.png) right bottom no-repeat;
}
.smiley ul li a > span {
font-family: Ubuntu Bold;
font-size: 25px;
text-shadow: 1px 1px 10px #000;
width: 100%;
float: left;
margin-top: -10px;
}
.smiley ul li span {
font-family: Ubuntu Italic;
font-size: 12px;
}
.info-contact {
display: table;
margin-left: 50px;
}
.info-contact ul li {
float: left;	
margin: 0 15px 0 0;
}
.info-contact ul li span {
float: left;
font-family: Ubuntu Bold;
color: #73171b;
line-height: 33px;
font-size: 16px;
padding-left: 30px;
}
.info-contact ul li span.ph {
background: url(//hokybet.net/wp-content/themes/hoky-net/images/telp.png) center left no-repeat;
}
.info-contact ul li span.bb {
background: url(//hokybet.net/wp-content/themes/hoky-net/images/bbm.png) center left no-repeat;
}
.info-contact ul li span.sms {
background: url(//hokybet.net/wp-content/themes/hoky-net/images/sms.png) center left no-repeat;
}
.info-contact ul li span.wa {
background: url(//hokybet.net/wp-content/themes/hoky-net/images/wa.png) center left no-repeat;
}
.info-contact ul li span.we {
background: url(http://hokybet.net/wp-content/uploads/2016/03/we-hoky.png) center left no-repeat;
}
.info-contact ul li span.line {
background: url(http://hokybet.net/wp-content/uploads/2016/03/line-hoky.png) center left no-repeat;
margin-bottom: 10px;
}
.content-form {
padding: 5px;
box-shadow: 0 10px 15px #bcbcbc;
float: left;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
.form h3 {
background: url(//hokybet.net/wp-content/themes/hoky-net/images/form-title.png) center left no-repeat;
background-size: 100% 100%;
padding: 19px 12px 23px;
font-family: Century Gothic;
text-align: center;
color: #fff;
letter-spacing: 1px;
font-size: 25px;
position: relative;
z-index: 5;
}
.form-content {
width: 100%;
display: table;
position: relative;
margin-top: 10px;
}
.form table tr td {
vertical-align: middle;
}
.form input[type="text"], .form input[type="email"], .form select {
width: 70%;
border: 1px solid #999;
height: 31px;
font-size: 14px;
padding: 4px;
margin: 5px 0;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}
.form .captcha input.wpcf7-captchar {
width: 40%;
}
.form input[type="text"], .form input[type="email"] {
width: 100%;
}
.form input[type="submit"] {
background: #040404; background: -moz-linear-gradient(top, #040404 0%, #3f3f3f 25%, #585858 50%, #434343 75%, #070707 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#040404), color-stop(25%,#3f3f3f), color-stop(50%,#585858), color-stop(75%,#434343), color-stop(100%,#070707)); background: -webkit-linear-gradient(top, #040404 0%,#3f3f3f 25%,#585858 50%,#434343 75%,#070707 100%); background: -o-linear-gradient(top, #040404 0%,#3f3f3f 25%,#585858 50%,#434343 75%,#070707 100%); background: -ms-linear-gradient(top, #040404 0%,#3f3f3f 25%,#585858 50%,#434343 75%,#070707 100%); background: linear-gradient(to bottom, #040404 0%,#3f3f3f 25%,#585858 50%,#434343 75%,#070707 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#040404', endColorstr='#070707',GradientType=0 ); height: 32px;
margin-top: 15px;
padding: 0 20px;
font-size: 17px;
float: right;
font-family: Ubuntu Bold;
letter-spacing: 2px;
color: #fff;
border: none;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.form table {
color: #c1272d;
font-size:15px;
line-height: 23px;
padding: 10px;
}
.left-banner {
position: absolute;
left: 0;
z-index: 999;
top: 650px;
}
.bonus {
background: #9e1e22; background: -moz-linear-gradient(top, #9e1e22 0%, #c8090a 25%, #d90000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9e1e22), color-stop(25%,#c8090a), color-stop(100%,#d90000)); background: -webkit-linear-gradient(top, #9e1e22 0%,#c8090a 25%,#d90000 100%); background: -o-linear-gradient(top, #9e1e22 0%,#c8090a 25%,#d90000 100%); background: -ms-linear-gradient(top, #9e1e22 0%,#c8090a 25%,#d90000 100%); background: linear-gradient(to bottom, #9e1e22 0%,#c8090a 25%,#d90000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e1e22', endColorstr='#d90000',GradientType=0 ); padding: 13px;
border: 3px solid #fbb03b;
display: table;
box-shadow: 0px 8px 15px #939393;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}
.bonus h3 {
background: #9e1e22; background: -moz-linear-gradient(top, #9e1e22 0%, #c8090a 25%, #d90000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9e1e22), color-stop(25%,#c8090a), color-stop(100%,#d90000)); background: -webkit-linear-gradient(top, #9e1e22 0%,#c8090a 25%,#d90000 100%); background: -o-linear-gradient(top, #9e1e22 0%,#c8090a 25%,#d90000 100%); background: -ms-linear-gradient(top, #9e1e22 0%,#c8090a 25%,#d90000 100%); background: linear-gradient(to bottom, #9e1e22 0%,#c8090a 25%,#d90000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e1e22', endColorstr='#d90000',GradientType=0 ); border: 2px solid #fff;
box-shadow: 0px 5px 15px #84191d;
color: #fff;
text-align: center;
padding: 5px 8px;
font-size: 26px;
margin: 0 0 10px;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;	
}
.bonus:hover h3 {
color: #ff0;
}
.bonus figure, .liga figure {
text-align: center;
}
.right-banner {
position: absolute;
right: 0;
z-index: 999;
background: #000;
padding: 8px;
border: 3px solid #fbb03b;
top: 650px;
display: table;
box-shadow: 0px 8px 15px #939393;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}
.bank figure {
margin: 15px 0 5px;
}
.bank {
font-family: News Gothic MT;
background: #000;
margin: 0 0 3px;
}
.bank h3{
font-size: 15px;
}
.bank ul {
list-style: none;
display: table;
width: 100%;
padding: 0;
}
.bank ul li:first-child, .bank ul li:nth-child(3) {
width: 18%;
}
.bank ul li:nth-child(5) {
width: 24%;
}
.bank ul li {
float: left;
min-height: 192px;
width: 20%;
margin: 5px 0 0;
padding: 0;
text-align: center;
}
.bank ul li span {
float: left;
font-weight: bold;
width: 100%;
color: #fbde3b;
font-size: 11px;
letter-spacing: 1px;
margin-bottom: 6px;
}
.bank p {
font-size: 11px;
color: #fff;
margin: 2.5px 0;
padding: 0;
line-height: 14px;
float: left;
width: 100%;
} .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; }
}  @-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);
}
}  @-webkit-keyframes pulse1 {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse1 {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}  @-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;
}  @-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;
} .inner-game > div > div img: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;
}
.inner-game > div > div img:hover {
box-shadow: 1px 1px 10px #ff0;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}  @-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
-moz-animation-name: zoomIn;
-moz-animation-duration: 1s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: 1;
animation-name: zoomIn;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: 1;
}  @-webkit-keyframes bounceInLeft {
0%, 70%, 85%, 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);
}
70% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
85% {
-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 bounceInLeft {
0%, 70%, 85%, 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);
}
70% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
85% {
-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;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-webkit-animation-duration: 2s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
-moz-animation-name: bounceInLeft;
-moz-animation-duration: 2s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: 1;
animation-name: bounceInLeft;
animation-duration: 2s;
animation-timing-function: linear;
animation-iteration-count: 1;
}  @-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-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-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-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: 2.25s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
-moz-animation-name: bounceInRight;
-moz-animation-duration: 2.25s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: 1;
animation-name: bounceInRight;
animation-duration: 2.25s;
animation-timing-function: linear;
animation-iteration-count: 1;
}  @-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, -30px, 0);
transform: translate3d(0, -30px, 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, -15px, 0);
transform: translate3d(0, -15px, 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, -30px, 0);
transform: translate3d(0, -30px, 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, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
} .info-contact ul li.ym {
margin: 0;
}
.ym ul li {
float: left;
text-align: center;
color: #fff45c;
}
.ym ul li a span{
color: #8a2a8f;
font-size: 78%;
float: left;
padding-left: 43px;
}
.ym ul li a:hover span{
color: #999;
} .content {
background: url(//hokybet.net/wp-content/themes/hoky-net/images/shadow.png) top center no-repeat;
background-size: 100% 100%;
padding: 5px 3px 18px;
float: left;
word-wrap: break-word;
margin: 10px 0;
z-index: 99;
position: relative;
}
.content-utama {
float: left;
padding: 10px 18px 10px 0;
word-wrap: break-word;
z-index: 99;
position: relative;
}
.content-utama ul, .content-utama ol {
padding-left: 20px;
}
.content-utama p strong {
font-weight: bold;
font-size: 17px;
}
.full {
width: 100%;
}
.content-utama h1  {
font-family: Century Gothic;
color: #c1272d;
font-weight: bold;
line-height: 30px;
}
.content h2,.content-utama h2 {
font-family: Century Gothic;
color: #c1272d;
font-size: 24px;
}
.cat-inner h3 a {
color: #c1272d;
-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; 
}
.cat-inner {
margin-top: 10px;
}
.cat-inner hr {
margin: 5px 0 0;
}
.cat-inner p {
padding: 0!important;
}
.content p, .content ul li  {
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;
}
.more-news {
padding: 0 10px;
}
.more-news a {
font-size: 12px;
}
#prev, #next {
width: 3%;
margin-top: 15px;
}
#prev {
float: left;
}
#next {
float: right;
}
.berita {
background: #9e1e22; background: -moz-linear-gradient(top, #9e1e22 0%, #c8090a 25%, #d90000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9e1e22), color-stop(25%,#c8090a), color-stop(100%,#d90000)); background: -webkit-linear-gradient(top, #9e1e22 0%,#c8090a 25%,#d90000 100%); background: -o-linear-gradient(top, #9e1e22 0%,#c8090a 25%,#d90000 100%); background: -ms-linear-gradient(top, #9e1e22 0%,#c8090a 25%,#d90000 100%); background: linear-gradient(to bottom, #9e1e22 0%,#c8090a 25%,#d90000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e1e22', endColorstr='#d90000',GradientType=0 ); border: 3px solid #fff;
padding: 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
float: left;
width: 100%;
font-size: 100%;
font-family: Segoe UI;
}
.berita > div {
float: left;
text-align: center;
width: 19%;	
min-height: 220px;
margin: 10px 1% 10px 0;
}
.cover-berita {
width: 100%;
}
.cycle-slide {
float: left;
margin: 0;
}
.cycle-carousel-wrap {
width: 1000%;
}
.berita h2 {
background: url(//hokybet.net/wp-content/themes/hoky-net/images/berita-title.png) top center no-repeat;
text-align: center;
color: #c1272d;
padding: 4px 0;
margin: 0 0 10px;
background-size: 100% 100%;
}
.berita a img {
width: 153px;
height: 119px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
box-shadow: 1px 2px 7px #591315;
}
.berita > div:hover a img {
box-shadow: 1px 2px 7px #ffffbe;
}
.berita > div:hover a h3 {
color: #fff;
}
.berita a p {
font-size: 10px;
line-height: 17px;
padding: 0;
margin: 0;
white-space: normal;
color: #fff;
}
.berita a h3 {
color: #ff0;
margin: 8px 0 3px;
font-size: 15px;
white-space: normal;
}
.berita div a span {
-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; 
}
.berita div a:hover span {
color: #c1272d;
}
.konten-berita{
width: 94%;
float: left;
}
.content-utama p {
padding: 5px 0 8px;
text-align: justify;
}
#top-content {
background: #000;
margin: 0;
float: left;
width: 100%;
}
p { padding: 5px; font-family: Century Gothic; font-size: 12px; line-height: 22px; color: #4d4d4d; }
ul li { margin: 0 5px; font-family: Century Gothic; font-size: 12px; line-height: 22px; }
footer { background: #d90000; padding: 10px 0; width: 100%; display: table; }
footer p { font-size: 10px; font-family: Calibri; text-align: center; color: #fff; padding: 0; line-height: 13px; }
pre{ overflow: scroll; font-size: 10px; } .top-head {
background: url(//hokybet.net/wp-content/themes/hoky-net/images/top-head.png) center center no-repeat #e6e6e6;
background-size: auto 100%;
width: 100%;
min-height: 34px;
float: left;
margin-bottom: 2px;
}
.running-text{
background: #d90000;
margin-top: 3px;
border-bottom: 2px solid #ffff00;
float: left;
width: 100%;
font-family: Ubuntu Italic;
font-style: italic;
height: 40px;
line-height:34px;
color: #fff;
font-size: 100%;
}
.marquee{
position: relative;
overflow: hidden;
white-space: nowrap;                
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .marquee.fake{
overflow: hidden;
} .marquee.fake span{
display: inline-block;
position: relative;
left: -40%;
-moz-animation-name: marquee;
-webkit-animation-name: marquee; -moz-animation-duration: 30s;
-webkit-animation-duration: 30s; -moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
-webkit-animation-timing-function: linear;     
} .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 {
width: 10px;
height: 10px;
color: transparent;
float: left;
margin: 0 3px;
}
a.nivo-control {
color: transparent;
}
.nivo-controlNav {
position: absolute;
z-index: 9;
}
.nav-next {
float: right;
}
.nav-previous {
float: left;
}@media screen and (max-width: 1340px) {
.left-banner, .right-banner {
display: none;
}
} @media screen and (max-width: 1150px) {
header figure.logo {
display: none;
}
#cssmenu, .info-contact {
margin-left: 0;
}
}
@media screen and (min-width: 1150px) and (max-width: 1220px) {
header figure.logo {
left: -325px;
padding: 46px 0 0 27%;
}
header figure.logo img {
width: 93%;
}
}
@media screen and (min-width: 1220px) and (max-width: 1330px) {
header figure.logo {
left: -285px;
padding: 46px 0 0 23%;
}
header figure.logo img {
width: 93%;
}
} @media screen and (min-width: 800px) and (max-width: 1115px) {
.smiley ul li:first-child, .smiley ul li:nth-child(5) {
width: 170px;
float: left;
margin: 10px 40%;
}
.smiley ul li {
width: 32%;
}
}
@media screen and (min-width: 500px) and (max-width: 800px) {
.smiley ul li:first-child, .smiley ul li:nth-child(5) {
width: 170px;
float: left;
margin: 10px 38%;
}
.smiley ul li {
width: 70%;
margin: 10px 15%;
}
}
@media screen and (max-width: 499px) {
.smiley ul li:first-child, .smiley ul li:nth-child(5) {
width: 170px;
float: left;
margin: 10px 26%;
}
.smiley ul li {
width: 100%;
}
} @media screen and (max-width: 660px) {
.games {
display: none;
}
} @media screen and (max-width: 940px) {
.ym ul li {
margin-bottom: 10px;
}
} @media screen and (max-width: 399px) {
.bank ul li {
width: 100%!important;
min-height: 150px;
background: none;
}
}
@media screen and (min-width: 400px) and (max-width: 770px) {
.bank ul li, .bank ul li:first-child {
width: 50%;
min-height: 200px;
}
.bank ul li:nth-child(5) {
width: 100%;
min-height: 100px;
}
.bank ul li:nth-child(3), .bank ul li:nth-child(4) {
width: 50%;
min-height: 150px;
}
}
@media screen and (min-width: 771px) and (max-width: 880px) {
.bank ul li, .bank ul li:first-child, .bank ul li:nth-child(3) {
width: 33%;
min-height: 200px;
}
.bank ul li:nth-child(4), .bank ul li:nth-child(5) {
width: 50%;
min-height: 200px;
}
} @media screen and (max-width: 399px) {
.berita > div, .berita a h3 {
text-align: center;
}
.berita a img {
float: none;
}
}
@media screen and (max-width: 594px) {
.berita > div {
width: 100%;
}
.berita > div {
border-top: 1px dashed #ffd200;
padding-top: 10px;
}
}
@media screen and (min-width: 595px) and (max-width: 819px) {
.berita > div {
width: 49%;
}
} img {
max-width: 100%;
height: auto;
width: auto; } @media all and (max-width: 790px) 	{
footer p {
text-align: center;
}
footer figure {
float: none;
text-align: center;
}
} @media screen and (max-width: 1050px) {
#cssmenu > ul > li > a {
font-size: 14px;
}
}
@media screen and (max-width: 980px) {
#cssmenu > ul > li > a {
font-size: 13px;
margin: 8px 0;
}
}
@media screen and (max-width: 940px) {
#cssmenu > ul > li > a {
font-size: 11px;
margin: 9px 0;
}
}
@media screen and (max-width: 860px) {
#cssmenu > ul > li > a {
font-size: 10px;
margin: 10px 0;
}
}
@media screen and (min-width: 801px) and (max-width: 803px) {
#cssmenu > ul > li > a {
font-size: 9px;
margin: 11px 0;
}
}
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#cssmenu {
border-radius: 0;
}
#cssmenu > ul > li > a {
font-size: 15px;
}
#cssmenu > ul {
display: none;
background: #ffaa3b; background: -moz-linear-gradient(top, #ffaa3b 0%, #ff8e3b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaa3b), color-stop(100%,#ff8e3b)); background: -webkit-linear-gradient(top, #ffaa3b 0%,#ff8e3b 100%); background: -o-linear-gradient(top, #ffaa3b 0%,#ff8e3b 100%); background: -ms-linear-gradient(top, #ffaa3b 0%,#ff8e3b 100%); background: linear-gradient(to bottom, #ffaa3b 0%,#ff8e3b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaa3b', endColorstr='#ff8e3b',GradientType=0 ); }
#cssmenu > ul.open {
width: 100%;
display: block;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#cssmenu > ul > li {
float: none;
display: block;
background: none;
padding-left: 0;
z-index: 99;
}
#cssmenu ul ul li {
padding: 0;
}
#cssmenu > ul > li > a {
padding: 10px 25px;
border-bottom: 1px solid #6c3410;
border-left: none;
color: #f00;
margin: 0;
}
#cssmenu > ul > li:first-child {
margin-left: 0;	
}
#cssmenu .last a {
margin-right: 0;
}
#cssmenu .last:hover {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
#cssmenu > ul > li:first-child:hover {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
background: rgba(0, 0, 0, 0.1);
}
#cssmenu #menu-button {
display: block;
text-decoration: none;
font-size: 17px;
font-weight: 700;
color: #ff0;
padding: 11px 20px;
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer;
}
#cssmenu ul ul,
#cssmenu ul li:hover > ul,
#cssmenu > ul > li > ul,
#cssmenu ul ul ul,
#cssmenu ul ul li:hover > ul{
left: 0;
right: auto;
top: auto;
opacity: 1;
width: 100%;
padding: 0;
position: relative;
text-align: left;
}
#cssmenu ul ul {
background: transparent;
}
#cssmenu ul > li.current-menu-item, #cssmenu ul > li.current-menu-ancestor {
background: rgba(255, 0, 0, 0.3);	
}
#cssmenu ul ul li {
width: 100%;
}
#cssmenu ul ul li a {
width: 100%;
padding-left: 35px;
color: #f00;
font-size: 14px;
}
#cssmenu > ul > li:hover, #cssmenu > ul > li:first-child:hover, #cssmenu ul ul li a:hover, #cssmenu ul ul > li.menu-item-has-children:hover > a {
background: rgba(0, 0, 0, 0.1);
}
#cssmenu ul ul ul li a {
padding-left: 45px;
}
#cssmenu ul ul li:first-child > a,
#cssmenu ul ul li:last-child > a {
border-radius: 0;
}
#cssmenu > ul > li > ul::after {
border-bottom: none;
}
#cssmenu ul ul ul::after {
border-right: none;
}
#cssmenu #menu-button::after {
display: block;
content: '';
position: absolute;
height: 3px;
width: 22px;
border-top: 2px solid #ff0;
border-bottom: 2px solid #ff0;
right: 25px;
top: 13px;
}
#cssmenu #menu-button::before {
display: block;
content: '';
position: absolute;
height: 3px;
width: 22px;
border-top: 2px solid #ff0;
border-bottom: 2px solid #ff0;
right: 25px;
top: 21px;
}
#cssmenu > ul > li.has-sub > a::after,
#cssmenu ul ul li.has-sub > a::after {
display: none;
}
#menu .container-header {
padding: 0!important;
}
#menu .container-header {
width: 100%;
}
.left-col, .right-col {
width: 100%;
margin: 5px 0;
}
}.nivoSlider {
position:relative;
width:100%;
height:auto;
overflow: hidden;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
max-width: none;
}
.nivo-main-image {
display: block !important;
position: relative !important; 
width: 100% !important;
margin: 0 auto;
} .nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
} .nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
top:0;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
overflow:hidden;
}
.nivo-box img { display:block; } .nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
width:100%;
z-index:8;
padding: 5px 10px;
opacity: 0.8;
overflow: hidden;
display: none;
-moz-opacity: 0.8;
filter:alpha(opacity=8);
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
} .nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
} .nivo-controlNav {
text-align:center;
padding: 15px 0;
position: absolute;
bottom: 0;
right: 0;
}
.nivo-controlNav a {
cursor:pointer;
opacity: 0.5;
background: #fff;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.nivo-controlNav a.active {
font-weight:bold;
opacity: 1;
}