/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 14 Jun 14, 10:09:32
    Author     : Joko
*/
html {   
    background: #000104 url(../img/marina-bay-1500.jpg) no-repeat top center;
    /*    -webkit-background-size: cover;  
        -moz-background-size: cover;  
        -o-background-size: cover;  
        background-size: cover;*/
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/marina-bay-1500.jpg', sizingMethod='scale')";  
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.../img/marina-bay-1500.jpg', sizingMethod='scale');  
}  

body {
    font-family: 'Calibri', 'Open Sans', Verdana, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;  
    padding: 0;
    background: transparent;
}

@font-face {
    font-family: 'bebasneue';
    src: url('../fonts/BebasNeue.otf');
}
@font-face {
    font-family: 'gearusbold';
    src: url('../fonts/GearusBold.otf');
}
@font-face {
    font-family: 'garage';
    src: url('../fonts/GarageGothicRegular.otf');
}

@media (min-width: 1200px) {
    .container {
        width: 990px;
    }
}

a:link, a:visited, a:active { 
    color: #015fa4; 
    outline: none;
}
a:hover { 
    text-decoration: none;
    color: #fad743;
}

.container.most-outer-container { position: relative; }
.img-responsive { margin: 0 auto; }
.background-transparent-black-50 {
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000)";
}
.background-red-gradient {
    background: rgb(122,1,17); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(122,1,17,1) 30%, rgba(94,0,12,1) 68%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,rgba(122,1,17,1)), color-stop(68%,rgba(94,0,12,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(122,1,17,1) 30%,rgba(94,0,12,1) 68%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(122,1,17,1) 30%,rgba(94,0,12,1) 68%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(122,1,17,1) 30%,rgba(94,0,12,1) 68%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(122,1,17,1) 30%,rgba(94,0,12,1) 68%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a0111', endColorstr='#5e000c',GradientType=0 ); /* IE6-9 */
}
.background-gold-gradient {
    background: rgb(177,141,78); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(177,141,78,1) 10%, rgba(255,236,167,1) 45%, rgba(148,115,56,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(177,141,78,1)), color-stop(45%,rgba(255,236,167,1)), color-stop(100%,rgba(148,115,56,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(177,141,78,1) 10%,rgba(255,236,167,1) 45%,rgba(148,115,56,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(177,141,78,1) 10%,rgba(255,236,167,1) 45%,rgba(148,115,56,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(177,141,78,1) 10%,rgba(255,236,167,1) 45%,rgba(148,115,56,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(177,141,78,1) 10%,rgba(255,236,167,1) 45%,rgba(148,115,56,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b18d4e', endColorstr='#947338',GradientType=0 ); /* IE6-9 */
}
.border-radius-3 {
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #d9ce56;
}
.border-radius-5 {
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #ada634;
}
.separator-line {
    border-top: 1px solid #0a0a0a;
    border-bottom: 1px solid #323232;
    height: 0;
}
.separator-line-menu {
    border-top: 1px solid #272727;
    border-bottom: 1px solid #656565;
    height: 0;
}
.no-gutter [class^="col"] { padding-left:0; }

#header-wrapper {}
#content-wrapper { position: relative; z-index: 4; }
#content-wrapper .col-md-4.index { margin: -90px 0 10px; }

a.logo {
    display: block;
    text-align: center;
    z-index: 2;
    position: relative;
}

/* bank schedules */
.banks-wrapper {
    position: absolute;
    left: 20px;
    top: 200px;
    width: 130px;
    padding: 2rem 15px;

    background-color: rgba(0, 0, 0, 0.6);
    color: rgba(0, 0, 0, 0.6);

    border: 1px solid #bb8b12;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.banks-wrapper span {
    font: bold 13px Arial;
    color: #fad743;
    text-align: center;
    display: block;
    margin-bottom: 1rem;
    text-transform: uppercase;
}
.banks-wrapper ul {
    margin: 0;
    padding: 0;
}
.banks-wrapper ul li {
    border-top: 1px solid #b8870c;
    padding: 10px 0;
}
.banks-wrapper ul li i {
    background: transparent url(../img/ico-banks.png) no-repeat;
    width: 100px;
    height: 31px;
    position: relative;
    text-indent: -999px;
    display: block;
}
.banks-wrapper ul li i.bca.online {background-position: 0 0;}
.banks-wrapper ul li i.mandiri.online {background-position: -100px 0;}
.banks-wrapper ul li i.bri.online {background-position: -200px 0;}
.banks-wrapper ul li i.bni.online {background-position: -300px 0;}
.banks-wrapper ul li i.cimb.online {background-position: -400px 0;}
.banks-wrapper ul li i.danamon.online {background-position: -500px 0;}

.banks-wrapper ul li i.bca.offline {background-position: 0 -31px;}
.banks-wrapper ul li i.mandiri.offline {background-position: -100px -31px;}
.banks-wrapper ul li i.bri.offline {background-position: -200px -31px;}
.banks-wrapper ul li i.bni.offline {background-position: -300px -31px;}
.banks-wrapper ul li i.cimb.offline {background-position: -400px -31px;}
.banks-wrapper ul li i.danamon.offline {background-position: -500px -31px;}

.bank-schedules { margin-top: 1em; }
.bank-icons { margin-bottom: 7px; }
h6.bank-status {
    font: bold 12px 'GearusBold';
    text-transform: uppercase;    
}
h6.bank-status.on { color: #fad743; }
h6.bank-status.off { color: #666; }

/* supports */
.supports-wrapper {
    padding-top: 4rem;
    position: relative;
    z-index: 6;
}
ul.yahoo-messenger { margin-top: 15px; margin-bottom: 0; }
ul.yahoo-messenger li { 
    padding: 0 0 5px; 
    margin-right: 5px;
}
ul.yahoo-messenger li:last-child { margin: 0; }
ul.yahoo-messenger li a { padding-right: 5px; }
ul.yahoo-messenger li span {
    font: normal 14px 'Calibri';
    color: #fad743;
}

ul.other-supports { margin: 5px 0 0; }
ul.other-supports li.ico-supports {
    min-height: 30px;
    margin: 0;
    padding: 4px 0 7px;
    font: normal 14px 'Calibri';
    color: #fad743;
}

ul.other-supports li.ico-supp {
    min-height: 30px;
    margin: 0;
    padding: 4px 0 7px;
    font: normal 14px 'Calibri';
    color: #fad743;
}

ul.other-supports li.ico-supports > span {
    background: transparent url(../img/ico-supports-sprites.png) left top no-repeat;
    height: 30px;
    width: 30px;
    display: block;
    float: left;
    margin-right: 10px;
}

ul.other-supports li.ico-supp > span {
    background: transparent url(../img/telegram_resized.png) left top no-repeat;
    height: 32px;
    width: 32px;
    display: block;
    float: left;
    margin-right: 10px;
}

ul.other-supports li.ico-supports.whatsapp > span { background-position: 0 0; }
ul.other-supports li.ico-supports.bbm > span{ background-position: 0 -27px; }
ul.other-supports li.ico-supports.line > span{ background-position: 0 -57px; }


.line-through {
    text-decoration: line-through;
    color: #555;
}


/* news ticker */
.news-ticker-wrapper { 
    height: 40px;
    margin-bottom: 20px;
}
.news-ticker-wrapper ul li {
    color: #ddd;
    font: italic 18px/40px 'Calibri';
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    box-sizing: border-box;
    text-align: center;
}
/* code that makes the move */
@keyframes marquee {
    0%   { text-indent: 27.5em }
    100% { text-indent: -105em }
}
/*.news-ticker-wrapper ul li {
    color: #ddd;
    font: italic 12px/40px 'Calibri';
    text-align: center;
}*/
.bx-wrapper .bx-viewport { 
    background: transparent; 
    border: none;
    box-shadow: none;
}

/* togel wrapper */
.togel-wrapper { margin-top: 0; }
.togel-wrapper ul {}
.togel-wrapper ul li {
    display: inline-block;
    height: 30px;
    overflow: hidden;
    padding: 0 5px;
}
.togel-wrapper ul li.have-circle { padding-top: 10px; }
.togel-wrapper ul li a { color: #fad743; }
.togel-wrapper ul li img { 
    padding-top: 4px; 
    display: block;
}
.togel-wrapper ul li h3 {
    font: 30px/30px 'Times New Roman';
    text-align: center;
    margin: 0;
    color: #fad743;
}
.circle-black-10 {
    background: #000;
    border-radius: 50%;
    width: 10px;
    height: 10px;
}

/* welcome message */
.welcome-message { 
    padding-top: 30px; 
    margin-bottom: 30px;
}

/* sub-menu */
.sub-menu {}
.sub-menu ul {}
.sub-menu ul li {
    height: 20px;
    overflow: hidden;
    display: inline;
}
.sub-menu ul li a:active, .sub-menu ul li a:link, .sub-menu ul li a:visited {
    font: 14px 'Calibri';
    color: #fff;
    display: inline-block;
    padding: 1px 10px;
}
.sub-menu ul li a:hover {
    background: #0185be;
    text-decoration: none;    
}
.sub-menu ul li:hover .circle-white-17 { background: #0185be; }
.circle-white-17 {
    background: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
    float: left;
}
.vertical-line {
    width: 1px;
    background: #fff;
    height: 20px;
    margin-left: 10px;
}
.sub-menu-horizontal {}
.sub-menu-horizontal ul {
    background: rgba(0,0,0,.7);
    padding: 1.5rem .5rem;
    text-align: center;
}
.sub-menu-horizontal ul li {
    height: 20px;
    overflow: hidden;
    display: inline-block;
    margin-right: .5rem;
}
.sub-menu-horizontal ul li:last-child {margin: 0;}
.sub-menu-horizontal ul li a:active, .sub-menu-horizontal ul li a:link, .sub-menu-horizontal ul li a:visited {
    font: 14px 'Calibri';
    color: #fff;
    display: inline-block;
    padding: 1px 10px;
}
.sub-menu-horizontal ul li a:hover {
    background: #0185be;
    text-decoration: none;    
}
.sub-menu-horizontal ul li:hover .circle-white-17 { background: #0185be; }
.sub-menu-horizontal .circle-white-17 {
    float: none;
    display: inline-block;
    margin: 0;
}

.post-content .sub-menu { margin-bottom: 1em; }
.post-content .sub-menu ul li {
    display: inline-block;
    height: auto;
    overflow: auto;
    text-align: center;
    vertical-align: top;
    width: 19%;
}
.post-content .circle-white-17 {
    float: none;
    margin: 0 auto 5px;
}

/* main-menu */
.main-menu {
    height: 105px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.main-menu h6 {
    font: 12px/12px 'Open Sans';
    color: #fad743;
    text-align: center;
    padding: 5px;
    margin: 0;
}
.main-menu ul { margin-left: 18px; }
.main-menu ul li {
    width: 65px;
    height: 105px;
    float: left;
    background: #4b4b4b;
    margin: 40px 1px 0 0;
    
    transition: margin-top 0.5s ease;
    -webkit-transition: margin-top 0.5s ease;
    -moz-transition: margin-top 0.5s ease;
}
.main-menu ul li:hover { margin-top: 0; }
.main-menu ul li .gradient-cover {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(22,22,22,0) 80%, rgba(28,28,28,0.65) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(80%,rgba(22,22,22,0)), color-stop(100%,rgba(28,28,28,0.65))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(22,22,22,0) 80%,rgba(28,28,28,0.65) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(22,22,22,0) 80%,rgba(28,28,28,0.65) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(22,22,22,0) 80%,rgba(28,28,28,0.65) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(22,22,22,0) 80%,rgba(28,28,28,0.65) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a61c1c1c',GradientType=0 ); /* IE6-9 */

    width: 65px;
    height: 65px;
    position: absolute;
    top: 40px;
    z-index: 2;
}
.main-menu ul li a:link, .main-menu ul li a:active, .main-menu ul li a:visited {
    display: inline-block;
    text-align: center;
    width: 100%;
    height: 67px;
    padding-top: 8px;
    position: relative;
    z-index: 3;
}
.main-menu ul li a img {}
.main-menu ul li a img.ico-menu {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background: transparent url(../img/ico-menu-sprite.png) left top no-repeat;
}
.main-menu ul li a img.ico-menu.home { background-position: 0 0; }
.main-menu ul li a img.ico-menu.bonus { background-position: 0 -50px; }
.main-menu ul li a img.ico-menu.scores { background-position: 0 -100px; }
.main-menu ul li a img.ico-menu.schedules { background-position: 0 -150px; }
.main-menu ul li a:hover {}
.main-menu ul li a:hover img.ico-menu.home { background-position: -50px 0; }
.main-menu ul li a:hover img.ico-menu.bonus { background-position: -50px -50px; }
.main-menu ul li a:hover img.ico-menu.scores { background-position: -50px -100px; }
.main-menu ul li a:hover img.ico-menu.schedules { background-position: -50px -150px; }

/* forms */
.forms-wrapper {}
.forms-wrapper .form-active {
    background: rgb(1, 128, 136);
    background: rgba(1, 128, 136, 0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc018088, endColorstr=#cc018088);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc018088, endColorstr=#cc018088)";
}
.forms-wrapper .form-closed {
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
}
.forms-wrapper .form-active, .forms-wrapper .form-closed { margin-bottom: 10px; }
.forms-wrapper h3 {
    font: 30px 'garage';    
    text-align: center;
    color: #fad743;
    margin: 0;
    padding: 10px;
    text-transform: uppercase;
}
.forms-wrapper h3 a, .forms-wrapper h3 a:visited{
    display: block;
    color: #fad743;
}
.forms-wrapper h3 a:hover{
    color: #fff;
}
.form-active {
    max-height: 1000px;
    transition: max-height 1s ease;
    -webkit-transition: max-height 1s ease;
    -moz-transition: max-height 1s ease;
}
.form-active h3 { color: #ddd; }
.form-closed {
    max-height: 50px;
    overflow: hidden;
    transition: max-height 1.5s ease;
    -webkit-transition: max-height 1.5s ease;
    -moz-transition: max-height 1.5s ease;
}
.form-closed:hover { cursor: pointer; }
.form-closed:hover h3 { color: #ddd; }

.form-horizontal .form-group { margin-bottom: 10px; }
.form-horizontal .control-label {
    font: 24px 'garage';
    color: #ddd;
    text-align: left;
    padding: 0 15px;
}
.form-horizontal .form-control { 
    border-radius: 20px; 
    font: 14px 'calibri';
    background: #eee;
    border: none;
    height: 28px;
    color: #333;
}
.form-horizontal .btn {
    font: 20px 'garage';
    color: #ddd;
    background: #111;
    border-radius: 10px;
}
.form-horizontal .btn:hover { background: #1f1f1f; }

/* bottom content */
.bottom-content {
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
    
    padding: 10px 0;
    margin-bottom: 5em;
}

/* news wrapper */
.news-wrapper {
    height: 242px;
}
.news-wrapper ul {}
.news-wrapper ul li {
    position: relative;
}
.news-wrapper ul li a.featured-img {
    display: block;
    height: 242px;
    overflow: hidden;
}
.news-wrapper ul li a.featured-img img {
    height: 100%;
    max-height: 1000px;
    max-width: 1000px;
    width: auto;
}
.news-wrapper ul li h3 {
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
    
    bottom: 20px;
    margin: 0;
    padding: 10px;
    position: absolute;
    width: 100%;
}
.news-wrapper ul li h3 a:link, .news-wrapper ul li h3 a:active, .news-wrapper ul li h3 a:visited {
    font: 24px 'Oswald';
    font-weight: 300;
    color: #fad743;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
}
.news-wrapper ul li h3 a:hover {
    text-decoration: none;
    color: #fff;
}

/* about us */
.about-us { 
    margin-bottom: 10px;
}
.about-us h1, h2, h3 { color: #fff; }
.about-us h1 { font-size: 36px; }
.about-us h2 { font-size: 30px; }
.about-us h3 { font-size: 24px; }

.about-us h1 {
    margin: 0 0 10px;
    font-weight: 700;
    text-align: right;
    text-transform: uppercase;
}
.about-us p {
    font: 14px 'Calibri';
}

/* products logo */
.products-logo {}
.products-logo ul {}
.products-logo ul li { margin-bottom: 5px; }
.products-logo ul li a {
    display: inline-block;
    margin-right: 5px;
}
.products-logo ul li a:last-child { margin: 0; }
.products-logo ul li a img {
    width: 151px;
    height: 62px;
}

/* footer */
.footer { text-align: center; }
.footer a:link, .footer a:visited, .footer a:active {
    font: 14px 'Times New Roman';
    color: #fad743;
}
.footer a:hover {}
.footer p {
    font: 11px 'Open Sans';
    color: #bbb;
}

/* flash message */
.flash-message { margin-top: 20px; }

/* post */
.post {
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
    
    padding: 0 15px;
    font: 14px 'Open Sans';
    color: #ddd;
    margin-bottom: 2em;
}
.post h1 {
    font: 48px 'garage';
    color: #fad743;
    text-align: right;
    text-transform: uppercase;
    border-bottom: 1px dashed #333;
}
.post h2 {
    font: 38px 'garage';
    color: #fad743;    
    text-transform: uppercase;
    border-bottom: 1px dashed #333;
}
.post h4 {
    font: 30px 'garage';
    text-transform: uppercase;
    
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
}
.post ul {}
.post ul li { padding: 3px 0; }
.post a:active, .post a:link, .post a:visited {
    /*color: #40E014;*/
    color: #fad743;   
    padding: 0 3px;
}
.post a:hover { text-decoration: underline; }

/* table */
.table { background: #000; }
.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: none;
}
.table > thead > tr > th {
    border: none;
    color: #fad743;
    font: 300 22px "Oswald";
    text-transform: uppercase;
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background: #050505;
}
.table tbody > tr > td, .table tfoot > tr > td {
    color: #ccc;
    font: 16px "Calibri";
}

/* pagination */
.pagination {}
.pagination ul.paging {}
.pagination ul.paging li {
    display: inline-block;
    padding: 0 5px;
}
.pagination ul.paging li.current { background: #2A6496; }
.pagination ul.paging li.current a:link, .pagination ul.paging li.current a:visited, .pagination ul.paging li.current a:active { color: #ddd !important; }
.pagination ul.paging li.current a:hover { text-decoration: none; }

.pagination ul.paging li.disabled {}
.pagination ul.paging li.disabled a:link, .pagination ul.paging li.disabled a:visited, .pagination ul.paging li.disabled a:active { color: #222; }
.pagination ul.paging li.disabled a:hover { cursor: default; }

.pagination ul.paging li a:link, .pagination ul.paging li a:visited, .pagination ul.paging li a:active {}
.pagination ul.paging li a:hover { text-decoration: none; }

blockquote {
    font-size: 16px;
    font-style: italic;
    background: #018088 url(../img/exclamation-mark.png) 2% 50% no-repeat;
    min-height: 150px;
    padding-left: 70px;
    border: none;
}

/* big match */
.bigmatch-wrapper {
    background: transparent url(../img/bg-bigmatch.png) 50% 50% no-repeat;
    width: 570px;
    height: 106px;
}
.bigmatch-wrapper h5 {
    font: italic 12px 'Open Sans';
    color: #fff;
    margin: 0 auto;
    width: 200px;
    padding: 3px 0;
    text-align: center;
}
.bigmatch-wrapper .club-logo {
    padding-top: 10px;
    width: 20%;
}
.bigmatch-wrapper .club-logo.left { 
    padding-left: 20px; 
    padding-right: 0;
}
.bigmatch-wrapper .club-logo.right { 
    padding-left: 0;
    padding-right: 20px; 
}

.bigmatch-wrapper .club-logo img {
    width: 60px;
    height: 60px;
    
    text-shadow: 2px 2px 2px #333333;
}

.bigmatch-wrapper .club-logo span.ico-stars {
    background: transparent url(../img/ico-stars-sprite.png) left top no-repeat;
    height: 51px;
    width: 11px;
    overflow: hidden;
    display: block;    
    margin: 0 10px;
}
.bigmatch-wrapper .club-logo.left span.ico-stars { float: left; }
.bigmatch-wrapper .club-logo.right span.ico-stars { float: right; }
.bigmatch-wrapper .club-logo span.ico-stars.stars_0 { background: none; }
.bigmatch-wrapper .club-logo span.ico-stars.stars_1 { background-position: 0 0; }
.bigmatch-wrapper .club-logo span.ico-stars.stars_2 { background-position: -11px 0; }
.bigmatch-wrapper .club-logo span.ico-stars.stars_3 { background-position: -22px 0; }
.bigmatch-wrapper .club-logo span.ico-stars.stars_4 { background-position: -33px 0; }
.bigmatch-wrapper .club-logo span.ico-stars.stars_5 { background-position: -44px 0; }

.bigmatch-wrapper .bigmatch-detail { 
    width: 60%; 
    padding-top: 5px;
}
.bigmatch-wrapper .bigmatch-detail .club-name {
    font: 12px 'Open Sans';
    color: #000;
    padding-top: 3px;
}
.bigmatch-wrapper .bigmatch-detail .club-name:nth-child(1) { padding-left: 0; }
.bigmatch-wrapper .bigmatch-detail .club-name:nth-child(3) { padding-right: 0; }
.bigmatch-wrapper .bigmatch-detail .handicap { padding: 0; }
.bigmatch-wrapper .bigmatch-detail .handicap span {
    display: block;
    width: 50%;
    text-align: center;
    float: left;
    font: 24px 'garage';
    color: #fad743;
}
.bigmatch-wrapper .bigmatch-schedule { padding-top: 10px; }
.bigmatch-wrapper .bigmatch-schedule p {
    font: 14px 'Open Sans';
    color: #fff;
    text-align: center;
    padding: 0;
}

/* banner */
.right-banner-wrapper {
    width: 70px;
    position: absolute;
    right: 20px;
    top: 200px;
}
.right-banner-wrapper .banner {
    margin-bottom: 10px;
}

/* slider */
.bx-wrapper .bx-viewport {left: 0;}