html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; -webkit-font-smoothing: antialiased; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
body { margin: 0; padding: 0; background: url(../images/site/background.jpg) repeat center top 150px #000; font-family: 'open_sansregular'; }
/* #08060b */
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*, *:before, *:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
.clear { clear: both; }
a { outline: none !important; text-decoration:none;}
button { outline: none !important; }
.container { width: 960px; margin: 0 auto; }
/*============== header styles
==================================================*/
header { display: block; background: #ffffff; position: fixed; left: 0; right: 0; z-index: 9999; }
/*header:after { display: block; background-image: url(../images/site/head_bottom.jpg); height: 5px; content: ""; }*/
header .left { display: block; float: left; }
header .right { display: block; float: left; }
header .right ul { display: block; }
.main-navigation{ margin-left: 38px; }
header .right ul li { display: block; float: left; }
header .right ul li a { display: block; color: #3e0037; text-transform: lowercase; text-decoration: none; padding: 13px 15px; font-size: 20px; font-family: 'open_sans_condensedbold'; border-radius: 5px;/*height: 82px;*/ margin-top: 51px; margin-right: 8px;
/*text-shadow:*/
/*1px 1px 0 #940d97,*/
/*!* Simulated effect for Firefox and Opera*/ /*and nice enhancement for WebKit *!*/
/*-1px -1px 0 #940d97,*/
/*1px -1px 0 #940d97,*/
/*-1px 1px 0 #940d97,*/
/*1px 1px 0 #940d97;*/
}
header .right ul li a:hover, header .right ul li a.active
{
background: #51194b;
color: #ffffff;
/*border-top: solid 3px #08c652;*/
/* padding: 13px 23px; */
/*height: 85px;*/;
/*
text-shadow:
1px 1px 0 #671569,
/* Simulated effect for Firefox and Opera
and nice enhancement for WebKit */
/*
-1px -1px 0 #671569,
1px -1px 0 #671569,
-1px 1px 0 #671569,
1px 1px 0 #671569;
background-color: #2b0a2c;
background-image: -webkit-linear-gradient(top, rgba(0,0,0,.45), rgba(0,0,0,.04) 91%, rgba(0,0,0,0));
background-image: -moz-linear-gradient(top, rgba(0,0,0,.45), rgba(0,0,0,.04) 91%, rgba(0,0,0,0));
background-image: -o-linear-gradient(top, rgba(0,0,0,.45), rgba(0,0,0,.04) 91%, rgba(0,0,0,0));
background-image: -ms-linear-gradient(top, rgba(0,0,0,.45), rgba(0,0,0,.04) 91%, rgba(0,0,0,0));
background-image: linear-gradient(to bottom, rgba(0,0,0,.45), rgba(0,0,0,.04) 91%, rgba(0,0,0,0));
*/
}
/*
header .right ul li:nth-child(2) a { color: #eea800; }
header .right ul li:nth-child(2) a:hover, header .right ul li:nth-child(2) a.active { color: #eea800; border-top: solid 3px #eea800; }
header .right ul li:nth-child(3) a { color: #00b9ee; }
header .right ul li:nth-child(3) a:hover, header .right ul li:nth-child(3) a.active { color: #00b9ee; border-top: solid 3px #00b9ee; }
header .right ul li:nth-child(4) a { color: #e600ee; }
header .right ul li:nth-child(4) a:hover, header .right ul li:nth-child(4) a.active { color: #e600ee; border-top: solid 3px #e600ee; }
*/
/*
header button { display: block; text-align: center; color: #fff; text-transform: uppercase; font-size: 16px; line-height: 42px; border: none; font-family: 'open_sans_condensedbold'; border-radius: 4px; float: right; margin-top: 50px; cursor: pointer; padding: 0 21px;
background:url(../images/site/button.png) no-repeat;
text-shadow:
1px 1px 0 #08aaf5,
-1px -1px 0 #08aaf5,
1px -1px 0 #08aaf5,
-1px 1px 0 #08aaf5,
1px 1px 0 #08aaf5;
}
*/
.availble-all-devices {
width:150px;
float:right;
margin-left:14px;
top:5px;
position: relative;
}
header button {
/*-moz-border-bottom-colors: none;*/
/*-moz-border-left-colors: none;*/
/*-moz-border-right-colors: none;*/
/*-moz-border-top-colors: none;*/
background: #f40000 none repeat scroll 0 0;
border-color: -moz-use-text-color -moz-use-text-color #7a0000;
border-image: none;
border-radius: 5px;
border-style: none none solid;
border-width: medium medium 3px;
color: #fff;
cursor: pointer;
display: block;
float: right;
font-family: "open_sans_condensedbold";
font-size: 16px;
line-height: 42px;
margin-top: 12px;
padding: 0 24px;
text-align: center;
text-transform: lowercase;
border-bottom: solid 3px #30a226;
background: #7db130; /* Old browsers */
background: -moz-linear-gradient(top, #7db130 0%, #30a226 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #7db130 0%,#30a226 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #7db130 0%,#30a226 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db130', endColorstr='#30a226',GradientType=0 ); /* IE6-9 */
}
header button .fa { font-family: 'FontAwesome'; width: inherit; }
.content_area { display: block; padding-top: 155px; }
.content_area .container {/* background: #040d23; padding-bottom: 45px;*/ }
.content_area .bannercontainer .container, .content_area .submenu .container { padding-bottom: 0px; background:none;}
.bannercontainer {
background: url(../images/site/home-hero.png) no-repeat center top !important;
/*background-color:#000 !important;*/
height: 480px;
}
.stream{
color: #333333;
font-size: 12px;
left: 50%;
line-height: 15px;
margin-left: -405px;
position: absolute;
text-align: center;
/* top: 46px; */
width: 800px;
z-index: 100;
bottom: -140px;
font-weight: bold;
}
.signuplink { width: 100%; height:402px; position: absolute;}
/*============== banner styles
==================================================*/
.banner { display: block; background: none; height: 321px; position: relative; }
.owl-controls { position: absolute; left: 0; right: 0; top: 45%; }
.owl-controls .owl-nav .owl-prev { background: url(../images/site/owl-controls.png) no-repeat left top !important; width: 30px; height: 32px; float: left; margin-left: 29px; }
.owl-controls .owl-nav .owl-next { background: url(../images/site/owl-controls.png) no-repeat right top !important; width: 30px; height: 32px; float: right; margin-right: 29px; }
.owl-theme .owl-controls .owl-nav [class*="owl-"] { background: #d6d6d6 none repeat scroll 0 0; border-radius: 3px; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; }
/*============== middle_contents styles
==================================================*/
.submenu { /*background: #092836; box-shadow:0 11px 13px -11px #000000 inset;background:url(../images/site/submenubg.png) repeat-x; */ }
.middle_contents { display: block; url(../images/site/bg.png) no-repeat center top #000; }
.middle_contents .ui-tabs-nav{ margin-top: 2px;/*border: 1px solid #ffffff; width: 103.7%;*/ }
.middle_contents .ui-tabs-nav li { display: inline-block; margin-left: 16px;}
.middle_contents .ui-tabs-nav li a { display: block; font-size: 19px; color: #fff; text-transform: capitalize; text-decoration: none; font-family: 'oswaldregular'; position: relative; padding: 20px 5px; }
/*.middle_contents .ui-tabs-nav li a:before { width: 24px; height: 25px; position: absolute; left: 10px; top: 20px; content: ""; background: url(../images/site/star.png) no-repeat 0 0; }*/
/*.middle_contents .ui-tabs-nav li:nth-child(2) a:before { background: url(../images/site/jackpot.png); }*/
/*.middle_contents .ui-tabs-nav li:nth-child(3) a:before { background: url(../images/site/slot.png); }*/
/*.middle_contents .ui-tabs-nav li:nth-child(4) a:before { background: url(../images/site/casino.png); }*/
.middle_contents .ui-tabs-nav li a:hover, .middle_contents .ui-tabs-nav li a.active { /*background: #360f37; Old browsers background: -moz-linear-gradient(top, #360f37 0%, #441345 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #360f37), color-stop(100%, #441345)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #360f37 0%, #441345 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #360f37 0%, #441345 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #360f37 0%, #441345 100%); /* IE10+ */ background: linear-gradient(to bottom, #360f37 0%, #441345 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#360f37', endColorstr='#441345', GradientType=0 ); /* IE6-9 */
/*border-bottom: solid 5px #fff;*/ z-index: 0;
background: #0e0614; /* Old browsers */
background: -moz-linear-gradient(top, #0e0614 0%, #28163a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0e0614 0%,#28163a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0e0614 0%,#28163a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0614', endColorstr='#28163a',GradientType=0 );}
.tab_top {
display: block; position: relative; /*padding: 0 40px;*/ height: 64px; /*box-shadow: 0 11px 13px -11px #000000 inset; background: #092836;*/border: 1px solid #ffffff; width:874px; margin: 70px 0px 0px 40px; display: -webkit-box;
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;
justify-content: space-around;
background-color: rgba(0, 0, 0, 0.3);
}
.fa-caret-up:before { display: none; }
.ui-tabs-nav li a.is--active i:before { position: absolute; bottom: -7px; left: 44%; display: block; }
.tab_top:after { display: block; position: relative; content: ""; /*border-bottom: solid 5px #ff4eaa;*/ position: absolute; left: 0; right: 0; bottom: 0; }
.tab_top .left { display: block; float: left; }
.tab_top .right { display: block; float: right; /*padding-top: 15px;*/ }
.form_wrap { display: block; position: relative; margin: 12px 0; width: 196px;}
.form_wrap:after { display: block; position: absolute; right: 10px; top: 9px; content: ""; background: url(../images/site/search.png) no-repeat center top; width: 19px; height: 19px; display: block; }
.tab_top .right .textfield { display: block; height: 37px; border: solid 1px #2e0242; padding: 0 35px 0 10px; text-transform: capitalize; font-family: 'open_sans_condensedbold'; font-size: 17px; color: #828282; line-height: 21px; border-radius: 5px; }
.tab_bottom { display: block; padding: 20px 40px 0px 40px; position:relative; }
.games_top { display: block; }
.games_top img { display: block; width: 100%; }
.games_top .left { display: block; width: 38.3%; float: left; border: solid 1px #fff; }
.games_top .right { display: block; width: 60.3%; float: right; }
.games_top .right ul li { display: block; float: left; margin-right: 8px; margin-bottom: 8px; width: 31.9%; border: solid 1px #fff; }
.games_top .right ul li:nth-child(3) { margin-right: 0; }
.games_top .right ul li:nth-child(6) { margin-right: 0; }
.games_top .left { position: relative; cursor: pointer; overflow:hidden;}
.pop { display: block; top:300px; position:absolute; left:0px; text-align: center; top:0px;
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
transition: 0.8s;
width:100%;
height:100%;
}
.pop_contents { display: block; padding: 60px 20px; }
.pop_contents img { display: block; width: inherit; position: absolute; right: 0; top: 0; }
.pop h1 { display: block; font-size: 27px; text-transform: uppercase; color: #fff; font-family: 'oswaldregular'; position: relative; padding-bottom: 10px; padding-top:20px;}
.pop h1:after { width: 190px;/* background: #33a327;*/height: 2px; position: absolute; left: 0; right: 0; margin: 0 auto; content: ""; bottom: 0; }
.pop p { display: block; font-size: 14px; line-height: 15px; color: #fff; font-family: 'open_sansregular'; padding: 10px 0; }
.pop button { display: block; position: absolute; margin: 0 auto; height: 40px; text-align: center; text-transform: capitalize; color: #fff; font-size: 19px; line-height: 35px; border-radius: 5px; padding: 0 30px; background: #00b9ee; border: none; border-bottom: solid 3px #00799b; cursor: pointer; font-family: 'open_sansbold';
background: #7eb130; /* Old browsers */
background: -moz-linear-gradient(top, #7eb130 0%, #31a326 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #7eb130 0%,#31a326 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #7eb130 0%,#31a326 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7eb130', endColorstr='#31a326',GradientType=0 );
/*background: #eea800;*/
border: none;
border-bottom: solid 3px #2fa226;
/*background: #eea800;*/
border: none;
/*border-bottom: solid 3px #a47400;*/
}
.pop a { display: block; font-size: 17px; color: #00b9ee; font-family: 'oswaldregular'; text-align: right; padding-top: 40px; }
.games_top .left:hover .pop { display: block; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; position: absolute; top: 0; left:0px;}
.games_middle { display: block; }
.games_middle img { display: block; width: 100%; }
.games_middle ul li { display: block; float: left; width: 32.5%; margin-right: 8px; border: solid 1px #fff; }
.games_middle ul li:nth-child(3) { margin-right: 0; }
.games_middle ul li { position: relative; cursor: pointer; overflow:hidden;}
.games_middle .pop_medium { display: block; height: 100%; position: absolute; top: 0; width:100%;}
.games_middle ul li:hover .pop_medium { display: block; background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; }
.games_middle .pop_medium .pop_contents { padding: 30.7px 20px; }
.games_middle .pop_medium .pop_contents a { padding-top: 20px; font-size: 14px; }
.games_middle .pop_medium .pop_contents img { width: inherit; }
.games_middle .pop_medium .pop_contents h1 { font-size: 20px; }
.games_middle .pop_medium .pop_contents p { font-size: 13px; }
.games_middle .pop_medium .pop_contents button { font-size: 14px; }
.games_bottom { display: block; margin-top: 8px; }
.games_bottom ul li { display: block; float: left; width: 139px; margin-right: 8px; margin-bottom:8px; border: solid 1px #fff; }
.games_bottom ul li img { display: block; width: 100%; }
.games_bottom ul li:nth-child(6n) { margin-right: 0; }
.games_bottom ul li .pop-small { display: none; height: 100%; width: 100%;}
.games_bottom ul li {cursor: pointer;position: relative; overflow:hidden;}
.games_bottom ul li .pop-small { display: block; width: 100%; height: 100%; position:absolute; top:0px;
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
transition: 0.8s;
z-index: 99;
}
.games_bottom ul li:hover .pop-small { display: block; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; position: absolute; top: 0; left: 0; right: 0; }
.games_bottom ul li .pop-small h1 { display: block; font-size: 21px; text-transform: uppercase; color: #fff; font-family: 'oswaldregular'; text-align: center; /*border-bottom: solid 2px #cf9203;*/ padding-bottom: 10px; }
.games_bottom ul li .pop-small button { display: block; margin: 0 auto; height: 30px; text-align: center; text-transform: capitalize; color: #fff; font-size: 14px; line-height: 25px; border-radius: 5px; padding: 0 30px; background: #eea800; border: none; border-bottom: solid 3px #a47400; cursor: pointer; font-family: 'open_sansbold'; margin-top: 10px;
border: none;
background: #f33e99; /* Old browsers */
background: -moz-linear-gradient(top, #f33e99 0%, #c72372 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f33e99 0%,#c72372 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f33e99 0%,#c72372 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f33e99', endColorstr='#c72372',GradientType=0 );
}
.games_bottom ul li .pop-small a { font-size: 14px; text-align: right; color: #00b9ee; font-family: 'oswaldregular'; padding-top: 10px; display: block; }
.promotion_bottom .middle ul li { position: relative;cursor:pointer; }
.promotion_bottom .middle .pop_medium { display: block; overflow:hidden; height: 100%; position: absolute; top: 0; }
.promotion_bottom .middle ul li:hover .pop_medium { display: block; background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;}
.promotion_bottom .middle .pop_medium .pop_contents { padding: 30.7px 20px; }
.promotion_bottom .middle .pop_medium .pop_contents a { padding-top: 10px; font-size: 12px; clear: both; line-height: 28px; }
.promotion_bottom .middle .pop_medium .pop_contents img { width: inherit; }
.promotion_bottom .middle .pop_medium .pop_contents h1 { font-size: 16px; padding-bottom: 10px; text-align:center; }
.promotion_bottom .middle .pop_medium .pop_contents p { font-size: 13px; padding-top: 3px; text-align:center;}
.promotion_bottom .middle .pop_medium .pop_contents button { font-size: 12px; float: none; margin: 0 auto; height: 30px; }
.games_top .right ul li { position: relative; cursor: pointer; overflow:hidden;}
.games_top .right ul li .pop-small { display: block; width: 100%; height: 100%; position:absolute; top:0px; left:0px;
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
transition: 0.8s;
z-index: 99;
}
.games_top .right ul li:hover .pop-small { display: block; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; position: absolute; top: 0; left: 0; right: 0; }
.games_top .right ul li .pop-small h1 { display: block; font-size: 15px; text-transform: uppercase; color: #fff; font-family: 'oswaldregular'; text-align: center; /*border-bottom: solid 2px #cf9203;*/ padding-bottom: 10px; }
.games_top .right ul li .pop-small button { display: block; margin: 0 auto; height: 30px; text-align: center; text-transform: capitalize; color: #fff; font-size: 14px; line-height: 25px; border-radius: 5px; padding: 0 30px; /*background: #eea800;*/ border: none; border-bottom: solid 3px #2fa226; cursor: pointer; font-family: 'open_sansbold'; margin-top: 10px;
/*background-color: #35abe1;
-webkit-box-shadow: 1px 2px rgba(68,20,70,.72);
-moz-box-shadow: 1px 2px rgba(68,20,70,.72);
box-shadow: 1px 2px rgba(68,20,70,.72);
border: solid 1px #9e359f;
background-image: -webkit-linear-gradient(top, #4d124e, #752976 62%, #562057);
background-image: -moz-linear-gradient(top, #4d124e, #752976 62%, #562057);
background-image: -o-linear-gradient(top, #4d124e, #752976 62%, #562057);
background-image: -ms-linear-gradient(top, #4d124e, #752976 62%, #562057);
background-image: linear-gradient(to bottom, #4d124e, #752976 62%, #562057);
*/
background: #7eb130; /* Old browsers */
background: -moz-linear-gradient(top, #7eb130 0%, #31a326 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #7eb130 0%,#31a326 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #7eb130 0%,#31a326 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7eb130', endColorstr='#31a326',GradientType=0 );
/*background: #eea800;*/
border: none;
border-bottom: solid 3px #2fa226;
}
.games_top .right ul li .pop-small a { font-size: 14px; text-align: right; color: #00b9ee; font-family: 'oswaldregular'; padding-top: 10px; display: block; }
.pop_small_contents { display: block; padding: 15px; }
.pop_small_contents img { display: block; width: inherit; position: absolute; right: 0; top: 0; }
/*============== all_games styles
==================================================*/
.all_games { display: block; }
.all_games .games_top .right { float: left; }
.all_games .games_top .left { float: right; }
.games_content { padding-bottom: 0 !important; }
.scrollup { position: fixed; bottom: 30px; right: 30px; display: none; width: 50px; height: 50px; border-radius: 100px; text-align: center; background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; }
.scrollup .fa { width: inherit; color: #fff; line-height: 50px; }
/*============== welcome styles
==================================================*/
.welcome { display: block; text-align: center; padding: 20px 40px; position: relative; border: 1px solid #ffffff; width:874px; margin: 0px 0 0 40px; /* background: url(../images/site/welcomebg.png) no-repeat center top; */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,7f377f+26,7f377f+76,ffffff+100&0+0,0.75+28,1+50,0.75+76,0+100 */
/*background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(127,55,127,0.7) 26%, rgba(127,55,127,0.75) 28%, rgba(127,55,127,1) 50%, rgba(127,55,127,0.75) 76%, rgba(255,255,255,0) 100%); FF3.6-15 */
/*background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(127,55,127,0.7) 26%,rgba(127,55,127,0.75) 28%,rgba(127,55,127,1) 50%,rgba(127,55,127,0.75) 76%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(127,55,127,0.7) 26%,rgba(127,55,127,0.75) 28%,rgba(127,55,127,1) 50%,rgba(127,55,127,0.75) 76%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
margin-bottom: 40px;
background-color: rgba(0, 0, 0, 0.3);
}
.welcome:before { display: block; height: 5px; margin: 0 auto; left: 0; right: 0; position: absolute; top: 0; content: ""; }
.welcome:after { display: block; height: 5px; margin: 0 auto; left: 0; right: 0; position: absolute; bottom: 0; content: ""; }
.welcome h2, .live-games-new-banner h2 { display: block; font-family: 'oswaldregular'; color: #fff; font-size: 23px; }
.welcome p { display: block; font-family: 'open_sansregular'; color: #e1e1e1; font-size: 17px; padding-top: 10px; line-height: 24px; }
.welcome p a { color: #00ccff; font-family: 'open_sansbold'; }
.welcome p a:hover { color: #fa0000; transition: all 0.3s ease 0s; }
/*============== new banner styles
==================================================*/
.new-banner{ display: block; text-align: center; padding: 20px 40px; position: relative; border: 1px solid #ffffff; width:874px; margin: 0px 0px 10px 40px; height:140px; position: relative; overflow: auto; background-color: rgba(0, 0, 0, 0.3);}
.new-banner-games{ margin: 10px 0px; display: block; text-align: center; padding: 20px 40px; position: relative; border: 1px solid #ffffff; width:874px; height:140px; position: relative; overflow: auto; background-color: rgba(0, 0, 0, 0.3);}
.new-banner a, .new-banner-games a, .new-banner-vip a, .live-games-new-banner a, .demo-games-new-banner a{
background: #f33e99; /* Old browsers */
background: -moz-linear-gradient(top, #7db130 0%, #30a226 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #7db130 0%,#30a226 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #7db130 0%,#30a226 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db130', endColorstr='#30a226',GradientType=0 );
color: #ffffff;
padding: 10px 34px;
border-radius:3px;
text-transform: lowercase;
text-decoration: none;
font-size: 20px;
font-family: 'open_sans_condensedbold';
position: absolute;
right: 30px;
top: 42px;
}
a.new-banner__bonus-policy{
position: absolute;
/* text-align: center; */
top: 104px;
left: 38px;
background: none;
}
.live-games a.new-banner__bonus-policy {
position: absolute;
/* text-align: center; */
top: 93px;
left: 38px;
background: none;
}
a.new-banner__bonus-policy p{
font-size: 12px;
text-transform: none;
font-family: 'open_sansregular';
text-align: center;
}
.new-banner-vip, .live-games-new-banner, .demo-games-new-banner{ display: block; text-align: center; padding: 20px 40px; position: relative; border: 1px solid #ffffff; width: 900px; margin: 22px auto; min-height:144px; position: relative; overflow: auto; background-color: rgba(0, 0, 0, 0.3); }
.new-banner img, .new-banner-games img, .new-banner-vip img, .live-games-new-banner img, .demo-games-new-banner img{ position: absolute; left: 30px; top: 11px;}
.new-banner-vip p{ text-align: left;}
.new-banner-vip:nth-child(3){ margin-bottom: 50px; }
.live-games-new-banner{ width: 960px; margin: 22px auto; color: white;}
.live-games-new-banner:nth-child(3){ margin-bottom: 50px; }
.demo-games-new-banner{ width: 1160px; }
.live-games-new-banner p{
display: block;
font-family: 'open_sansregular';
color: #e1e1e1;
font-size: 17px;
padding-top: 10px;
line-height: 24px;
}
/*============== bottom_contents styles
==================================================*/
.bottom_contents { display: block; border-top: solid 0px #ff4eaa; background: #1e5799; /* Old browsers */ background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 0%, #001339 0%, #010510 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(0%, #2989d8), color-stop(0%, #001339), color-stop(100%, #010510)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1e5799 0%, #2989d8 0%, #001339 0%, #010510 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1e5799 0%, #2989d8 0%, #001339 0%, #010510 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1e5799 0%, #2989d8 0%, #001339 0%, #010510 100%); /* IE10+ */ background: linear-gradient(to bottom, #1e5799 0%, #2989d8 0%, #001339 0%, #010510 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#010510', GradientType=0 ); /* IE6-9 */
padding: 20px 0 30px 0;
background: #ffffff; }
.bottom_contents p { display: block; color: #fff; font-family: 'open_sansregular'; font-size: 10px; line-height: 15px; padding-bottom: 20px; }
.bottom_contents p span { display: block; font-family: 'open_sansbold'; }
/*============== demo_wrap styles
==================================================*/
.demo_wrap { display: block; margin: 0 ; width: 837px; }
.demo_contents { display: block; padding-top: 50px; }
.content_top { display: block; position: relative; }
.demo_contents .content_top { min-height:118px; }
.demo_contents .top { display: block; padding: 10px 15px; position: absolute; left: 0; right: 0; top: 0; background: #e0e0e0; background: -moz-linear-gradient(top, #e0e0e0 0%, #FFF 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0e0e0), color-stop(100%, #FFF)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e0e0e0 0%, #FFF 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e0e0e0 0%, #FFF 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e0e0e0 0%, #fff 100%); /* IE10+ */ background: linear-gradient(to bottom, #e0e0e0 0%, #fff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#fff', GradientType=0 ); /* IE6-9 */}
.demo_contents .top .left { display: block; float: left; width: 30%; padding-top: 10px; }
.demo_contents .top .left ul { display: block; }
.demo_contents .top .left ul li { display: block; float: left; }
.demo_contents .top .left ul li a { display: block; font-size: 16px; color: #3e0037; font-family: 'oswaldregular'; text-decoration: none; text-transform: uppercase; }
.demo_contents .top .left ul li a:hover { transition: all 0.3s ease 0s; color: #fa0000; }
.demo_contents .top .left ul li:nth-child(2) { padding: 0 8px; }
.demo_contents .top .middle { display: block; /*float: left;*/ width: 90%; }
.demo_contents .top .middle h1 { display: block; text-transform: uppercase; font-size: 30px; line-height: 40px; color: #3e0037; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; font-family: 'oswaldbold'; text-align: left; }
.demo_contents .top .right { display: block; float: right; width: 12.9%; }
.demo_contents .top .right button { display: block; font-size: 15px; text-transform: uppercase; text-align: center; color: #fff; height: 37px; padding: 0 15px; border: none; font-family: 'oswaldbold'; border-bottom: solid 3px #177e92; border-radius: 5px; cursor: pointer; background: #00d5ff; /* Old browsers */ background: -moz-linear-gradient(top, #00d5ff 0%, #00abcd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00d5ff), color-stop(100%, #00abcd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00d5ff 0%, #00abcd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00d5ff 0%, #00abcd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00d5ff 0%, #00abcd 100%); /* IE10+ */ background: linear-gradient(to bottom, #00d5ff 0%, #00abcd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d5ff', endColorstr='#00abcd', GradientType=0 ); /* IE6-9 */ }
.demo_contents .top .right button .fa { width: inherit; padding-left: 10px; font-size: 20px; }
.demo_contents .bottom { display: block; padding: 10px 15px; position: absolute; left: 0; right: 0; bottom: 0; background: #e0e0e0; background: -moz-linear-gradient(top, #e0e0e0 0%, #FFF 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0e0e0), color-stop(100%, #FFF)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e0e0e0 0%, #FFF 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e0e0e0 0%, #FFF 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e0e0e0 0%, #fff 100%); /* IE10+ */ background: linear-gradient(to bottom, #e0e0e0 0%, #fff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#fff', GradientType=0 ); /* IE6-9 */}
.demo_contents .bottom .left { display: block; float: left; width: 33%; }
.demo_contents .bottom .left p { display: block; font-size: 15px; color: #9b9b9b; font-family: 'open_sans_condensedbold'; }
.demo_contents .bottom .left a { display: block;
font-size: 17px;
text-decoration: none;
padding-top: 0;
padding-left: 25px;
font-family: 'open_sansregular';
color: #3e0037;
margin-top: 11px;
margin-left: 20px;}
.demo_contents .bottom .left a:hover { transition: all 0.3s ease 0s; color: #fa0000; }
.demo_contents .bottom .middle { display: block; float: left; width: 24.1%; margin-left: 104px;}
.demo_contents .bottom .middle button { display: block; height: 38px; border: none; cursor: pointer; border-bottom: solid 3px #008033; border-radius: 5px; text-align: center; font-size: 16px; text-transform: uppercase; color: #fff; font-family: 'oswaldbold'; background: #00d053; /* Old browsers */ background: -moz-linear-gradient(top, #00d053 0%, #00aa43 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00d053), color-stop(100%, #00aa43)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00d053 0%, #00aa43 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00d053 0%, #00aa43 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00d053 0%, #00aa43 100%); /* IE10+ */ background: linear-gradient(to bottom, #00d053 0%, #00aa43 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d053', endColorstr='#00aa43', GradientType=0 ); /* IE6-9 */
padding: 0 20px;
border-bottom: solid 3px #30a226;
background: #7db130; /* Old browsers */
background: -moz-linear-gradient(top, #7db130 0%, #30a226 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #7db130 0%,#30a226 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #7db130 0%,#30a226 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db130', endColorstr='#30a226',GradientType=0 ); /* IE6-9 */
width: 220px;
margin-left: 20px;}
.demo_contents .bottom .right { display: block; float: right; width: 30%; text-align: right; }
.demo_contents .bottom .right p { display: block; font-size: 15px; color: #9b9b9b; font-family: 'open_sans_condensedbold'; }
.demo_contents .bottom .right a { display: block; font-size: 17px; text-transform: uppercase; color: #a409a9; font-family: 'oswaldbold'; text-decoration: none; padding-top: 3px; }
.demo_contents .bottom .right a:hover { transition: all 0.3s ease 0s; color: #fa0000; }
.content_bottom { display: block; }
.content_bottom p { display: block; font-size: 15px; line-height: 25px; font-family: 'open_sanslight'; color: #fff; padding: 20px 0; }
.bottom_block { display: block; color: #fff; }
.bottom_block .left { display: block; float: left; width: 70%; }
.bottom_block .left p { padding: 0; font-size: 12px; font-family: 'open_sansbold'; color: #fff; padding-bottom: 20px; line-height: 15px; }
.accordion .ui-accordion-header { font-size: 19px; text-transform: uppercase; color: #fff; font-family: 'oswaldbold'; padding: 15px; background: /*url(../images/site/eye.png) no-repeat 10px 5px*/ #b70abd; padding-left: 15px; cursor: pointer; position: relative; }
.accordion .ui-accordion-header:after { display: block; width: 11px; height: 10px; background: url(../images/site/arrows.png) no-repeat bottom center; content: ""; position: absolute; right: 15px; top: 20px; }
.accordion .ui-accordion-header-active:after { display: block; width: 11px; height: 10px; background: url(../images/site/arrows.png) no-repeat top center; content: ""; position: absolute; right: 15px; top: 20px; }
.accordion .ui-accordion-content { height: auto; background: #2f2f2f; /* Old browsers */ background: -moz-linear-gradient(top, #2f2f2f 0%, #323232 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f2f2f), color-stop(100%, #323232)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2f2f2f 0%, #323232 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2f2f2f 0%, #323232 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2f2f2f 0%, #323232 100%); /* IE10+ */ background: linear-gradient(to bottom, #2f2f2f 0%, #323232 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f2f2f', endColorstr='#323232', GradientType=0 ); /* IE6-9 */
padding: 28.7px; }
.details-bottom{
display: block;
font-family: 'open_sansregular';
color: #3e0037;
padding-top: 10px;
line-height: 24px;
background: #ffffff;
padding: 15px 43px 30px 46px;
border: 6px solid transparent;
-webkit-border-image: url(../images/site/border--top.jpg) 30 round; /* Safari 3.1-5 */
-o-border-image: url(../images/site/border--top.jpg) 30 round; /* Opera 11-12.1 */
border-image: url(../images/site/border--top.jpg) 30 round;
position:relative;
margin-bottom: 50px;
width: 1160px;
}
.details-bottom h3{
margin-top: 20px;
font-weight: 600;
}
.details-bottom__header{
background: url(../images/site/demo-game-header-1100.jpg) repeat center top #000;
height: 94px;
}
.details-bottom__header h2{
font-weight: 900;
position: absolute;
top: 49px;
left: 159px;
font-size: 25px;
}
.content-top__aside{
width: 310px;
height: 591px;
background: #ffffff;
float: right;
margin-top: 50px;
}
.content-top__aside img{
border-bottom: #d2c3d0 4px solid ;
width: 100%;
}
.content-top__aside img.asideheader {
width: 228px;
margin-left:40px
}
/*
.accordion .wild { background: url(../images/site/daimond.png) no-repeat 10px 5px #77037b !important; }
.accordion .scatter { background: url(../images/site/stars.png) no-repeat 10px 5px #b70abd !important; }
.accordion .gamble { background: url(../images/site/play.png) no-repeat 10px 5px #77037b !important; }
.accordion .bonus_fea { background: url(../images/site/bonus.png) no-repeat 10px 5px #b70abd !important; }
*/
.bottom_block .right { display: block; float: left; width: 28.8%; text-align: center; padding-left: 10px; }
.bottom_block .right h3 { display: block; font-size: 16px; color: #fff; font-family: 'oswaldregular'; font-style: italic; text-transform: uppercase; padding-bottom: 5px; }
.bottom_block .right ul li { display: block; float: left; border: solid 1px #fff; margin-right: 8px; margin-bottom: 8px; width: 47.5%; }
.bottom_block .right ul li img { display: block; }
.bottom_block .right ul li:nth-child(2) { margin-right: 0; float: right; }
.bottom_block .right ul li:nth-child(4) { margin-right: 0; float: right; }
.bottom_block .right ul li:nth-child(6) { margin-right: 0; float: right; }
.bottom_block .right ul li:nth-child(8) { margin-right: 0; float: right; }
.bottom_block .right button { display: block; font-size: 19px; text-transform: uppercase; color: #fff; font-family: 'oswaldbold'; height: 44px; border: none; border-bottom: solid 3px #005b6d; border-radius: 5px; background: #00d4fe; /* Old browsers */ background: -moz-linear-gradient(top, #00d4fe 0%, #00abcd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00d4fe), color-stop(100%, #00abcd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00d4fe 0%, #00abcd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00d4fe 0%, #00abcd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00d4fe 0%, #00abcd 100%); /* IE10+ */ background: linear-gradient(to bottom, #00d4fe 0%, #00abcd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d4fe', endColorstr='#00abcd', GradientType=0 ); /* IE6-9 */
width: 100%; cursor: pointer; }
.vip_wrap { display: block; }
.vip_banner { display: block; border-bottom: solid 5px #88078c; height: 160px; /* background:#000;*/ }
.vip_contents { display: block; padding: 30px; padding-bottom: 0; }
.vip_wrap h1 { display: block; color: #fff; font-size: 22px; font-family: 'oswaldregular'; padding-bottom: 20px; }
.vip_wrap h2 { display: block; color: #fff; font-size: 20px; font-family: 'oswaldregular'; padding-bottom: 20px; padding-top:20px;}
.vip_wrap p{ display: block; font-size: 15px; line-height: 18px; color: #e1e1e1; font-family: 'open_sanslight'; }
.vip_wrap p span { color: #fff; font-family: 'open_sansbold'; display: inline-block; /* padding-bottom: 30px;*/ }
.vip_wrap p a { display: inline-block; font-size: 17px; color: #00c6ff; font-family: 'open_sansbold'; }
.vip_wrap p a:hover { color: #fa0000; transition: all 0.3s ease 0s; }
.box_content { display: block; margin-top: 50px; }
.box_content h3 { display: block; text-transform: uppercase; color: #fff; font-size: 19px; font-family: 'oswaldbold'; }
.box_content .head h3 { text-align: center; line-height: 40px; }
.box_content .head .benefits { text-align: left; padding-left: 20px; }
.head, .headerRow { /* background: #b70abd !important;*/ background: url(../images/site/vip.jpg) !important; }
.box_content ul li { display: block; background: #e1e1e1; height: 50px; }
.box_content ul li:nth-child(3) { background: #bbbbbb; }
.box_content ul li:nth-child(5) { background: #bbbbbb; }
.box_content ul li:nth-child(7) { background: #bbbbbb; }
.box_content ul li:nth-child(9) { background: #bbbbbb; }
.box_content ul li:nth-child(11) { background: #bbbbbb; }
.box_content ul li:nth-child(13) { background: #bbbbbb; }
.box_content p { display: block; font-size: 14px; line-height: 50px; text-transform: capitalize; color: #51194b; font-family: 'open_sansbold'; padding-left: 20px; }
.box_content span { display: block; font-size: 16px; color: #fff; color: #d22a7c; font-family: 'open_sansbold'; text-align: center; line-height: 40px; }
.box_content img { display: block; margin: 0 auto; padding-top: 4px; margin-top: 9px;}
.box_content li:nth-child(2) .col-2 span,
.box_content li:nth-child(2) .col-3 span,
.box_content li:nth-child(2) .col-4 span,
.box_content li:nth-child(2) .col-5 span,
.box_content li:nth-child(2) .col-6 span{ color: #51a52d; }
.col-1 { display: block; float: left; width: 40%; }
.col-2 { display: block; float: left; width: 12%; }
.col-3 { display: block; float: left; width: 12%; }
.col-4 { display: block; float: left; width: 12%; }
.col-5 { display: block; float: left; width: 12%; }
.col-6 { display: block; float: left; width: 12%; }
.vip_contents button { font-size: 15px; color: #fff; text-transform: uppercase; text-align: center; padding: 0 20px; border: none; border-bottom: solid 3px #03697d; border-radius: 5px; height: 37px; line-height: 35px; background: #00c2e8; /* Old browsers */ background: -moz-linear-gradient(top, #00c2e8 0%, #009ebd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00c2e8), color-stop(100%, #009ebd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00c2e8 0%, #009ebd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00c2e8 0%, #009ebd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00c2e8 0%, #009ebd 100%); /* IE10+ */ background: linear-gradient(to bottom, #00c2e8 0%, #009ebd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c2e8', endColorstr='#009ebd', GradientType=0 ); /* IE6-9 */
font-family: 'oswaldbold'; margin-top: 40px; float: right; cursor: pointer; }
.vip_contents button .fa { width: inherit; font-size: 20px; padding-left: 10px; }
.promotion_contents p span { font-family: 'open_sanslight' !important; padding-bottom: 0 !important; font-size: 21px; display: block; padding-bottom: 10px !important; }
.promotion_bottom { display: block; padding-top: 35px; }
.promotion_bottom .top { display: block; /*margin-bottom: 2%;*/}
/*.promotion_bottom .top ul li { display: block; float: left; border: solid 1px #4c4c4c; margin-right: 20px; }*/
.promotion_bottom .top ul li { display: inline-block; float: left; border: solid 1px #4c4c4c; margin-right: 20px; height:200px; background:#000; margin-bottom: 22px;}
.promotion_bottom .top ul li:nth-child(1) { width: 49%; margin-right: 2%;}
.promotion_bottom .top ul li:nth-child(2) { width: 49%;margin: 0; }
.promotion_bottom .top ul li:nth-child(3) { width: 44.5%; margin-right: 0;}
.promotion_bottom .top ul li img { display: block; width: 100%; }
.promotion_bottom .top ul li a img.pimg, .promotion_bottom .middle ul li a img.pimg, .promotion_bottom .bottom ul li a img.pimg {bottom: 0;
/*height: auto;*/
/*left: 0;*/
/*margin: auto;*/
/*max-height: 100%;*/
max-width: 100%;
/*position: absolute;*/
/*right: 0;*/
/*top: 0;*/
width: auto;
}
.promotion_bottom .middle { display: block; padding-top: 0px; }
.promotion_bottom .middle ul li { display: block; float: left; border: solid 1px #4c4c4c; margin-right: 20px; width: 31.6%; height:176px; background:#000; overflow: hidden; }
.promotion_bottom .middle ul li:nth-child(3) { margin-right: 0; float: right; }
.promotion_bottom .middle ul li img { display: block; width: 100%; }
.promotion_bottom .bottom { display: block; padding-top: 20px; }
.promotion_bottom .bottom ul li { display: block; float: left; border: solid 1px #4c4c4c; margin-right: 0px; width: 49%; height:200px; background:#000; }
.promotion_bottom .bottom ul li:nth-child(4) { margin-right: 0; float: right; }
.promotion_bottom .bottom ul li img { display: block; width: 100%; }
.promotion_bottom .bottom ul li:hover .pop { display: block; opacity: 1; }
.promotion_bottom .bottom ul li .pop h1 { padding-bottom: 10px; }
.promotion_bottom .bottom .pop { overflow: hidden; transition: all 0.3s ease-in-out 0.1s; opacity: 0; /*display: none;*/ height: 100%; width: 100%; background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; position: absolute; top: 0; }
.promotion_bottom .bottom .pop p { font-family: "open_sansregular"; font-size: 14px; line-height: 15px; padding: 10px 0; }
.promotion_bottom .bottom .pop_contents { padding: 39px 40px; }
.promotion_bottom .bottom .pop_contents img { width: inherit; }
.promotion_bottom .bottom ul li .pop h1 { display: block; font-size: 18px; padding-bottom: 10px; }
.promotion_bottom .bottom ul li .pop h1:after { background: #33a327; width: inherit; }
.promotion_bottom .bottom ul li .pop_contents { padding: 33.8px 10px; }
.promotion_bottom .bottom ul li .pop_contents p { font-size: 12px; }
.promotion_bottom .bottom ul li { position: relative; cursor: pointer; transition: all 0.3s ease-in-out 0.1s; overflow: visible; margin-bottom: 44px;}
.promotion_bottom .bottom ul li:nth-child(odd){margin-right: 2%;}
.promotion_bottom .top ul li { position: relative; cursor: pointer;}
.promotion_bottom .top ul li:hover .pop { display: block; }
.promotion_bottom .top ul li .pop h1 { padding-bottom: 10px; }
.promotion_bottom .top .pop { display: block; height: 100%; width: 100%; position: absolute; top: 0; overflow:hidden; }
.promotion_bottom .top .pop p { font-family: "open_sansregular"; font-size: 14px; line-height: 15px; padding: 10px 0; }
.promotion_bottom .top .pop_contents { padding: 39px 40px; }
.promotion_bottom .top .pop_contents img { width: inherit; }
.promotion_bottom .top ul li:hover .pop { display: block; background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; }
.promotion_bottom .top ul li .pop h1 { display: block; font-size: 18px; padding-bottom: 10px; }
.promotion_bottom .top ul li .pop h1:after { background: #33a327; width: inherit; }
.promotion_bottom .top ul li .pop_contents { padding: 33.8px 10px; }
.promotion_bottom .top ul li .pop_contents p { font-size: 12px; }
/**** Overlay ****/
.overlay-back {
position: fixed;
width: 100%;
height: 100%;
background: #000;
opacity: 0.7;
filter: alpha(opacity=60);
z-index: 99;
display: none;
overflow-y: scroll;
top: 0; right: 0; bottom: 0; left: 0;
}
.popup-box{
display: none;
width: 800px;
position: fixed;
margin: 0 auto;
left: 0;
right: 0;
top: 20%;
z-index: 100;
background-color: rgba(67,72,84,.9);
background: url(../images/site/background.jpg);
overflow-y: scroll;
height: 70%;
border-radius: 5px;
box-shadow: #666666 0px 0px 30px;
text-align: center;
color: #ffffff;
}
.promotion_bottom .top ul li .popup-box ol li,
.promotion_bottom .top ul li .popup-box ul li,
.promotion_bottom .middle ul li .popup-box ol li,
.promotion_bottom .middle ul li .popup-box ul li,
.promotion_bottom .bottom ul li .popup-box ol li,
.promotion_bottom .bottom ul li .popup-box ul li{
display: block;
font-family: 'open_sansregular';
color: #e1e1e1;
font-size: 17px;
padding-top: 10px;
line-height: 24px;
background: none;
margin: 0;
width: auto;
height: auto;
text-align: left;
border: none;
float: none;
}
.vip_banner{ border: none;}
.vip_banner img{
margin: 30px auto;
}
.promotion_bottom .top ul li img,
.promotion_bottom .middle ul li img,
.promotion_bottom .bottom ul li img{
display: block;
width: auto;
}
.popup-box__text-block{
padding: 50px;
}
.popup-box__text-block .promotion,
.popup-box__text-block p{
text-align: left;
}
.popup-box__text-block p {
font-family: 'open_sansregular';
color: #e1e1e1;
font-size: 17px;
line-height: 24px;
}
/*============== live games styles
==================================================*/
.live-games{ }
.live-games .live-games-main{ background-color: rgba(0, 0, 0, 0.5); border: 1px solid #ffffff; padding: 50px 0px; margin-top: 100px;}
.live-games .live-games-main__element{ margin:20px auto; width: 730px; }
/*============== footer styles
==================================================*/
footer { display: block; background: #f1f1f1; padding: 40px 0; }
footer h3 { display: block; color: #000000; font-family: 'oxygenbold'; padding-bottom: 25px; text-transform: uppercase; }
footer .left { display: block; float: left; width: 30%; border-right: solid 1px #dcdcdc; margin-left: 84px;}
footer ul { display: block; }
footer ul li { display: block; padding-bottom: 15px; }
footer ul li a { display: block; text-decoration: none; text-transform: uppercase; font-size: 12px; color: #000; font-family: 'oxygenregular'; letter-spacing: 1px; }
footer ul li a:hover { color: #cc0000; transition: all 0.3s ease 0s; }
footer .left .content_left { display: block; float: left; padding-right: 30px; /*border-right: solid 1px #dcdcdc;*/ }
footer .left .content_right { display: none; float: left; padding-left: 30px; max-width:210px; }
footer .right .content_left { display: block; float: left; padding: 0 60px; border-right: solid 1px #dcdcdc; }
footer .right .content_left ul { display: block; float: left; }
footer .right .content_left ul:last-child { /*padding-left: 25px;*/ }
footer .right .content_right { display: block; float: left; padding-left: 70px; }
footer .right .content_right img { display: block; }
footer .right .content_right img:hover { -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all 0.3s ease 0s; }
footer .right { display: block; float: left; width: 60%; }
.disclaimer {
display: block;
color: #000000;
font-family: 'open_sansregular';
font-size: 10px;
line-height: 15px;
padding-bottom: 20px;
clear:left;
margin-top:10px;
float:left;
}
.bottom_contents .footer ul {
width:100%;
}
.bottom_contents .footer ul li {
display:inline;
margin-right:5px;
margin-bottom:5px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Chrome */
.all_games_update { margin-top: 8px; }
}
.resholder {
position: absolute;
width: 100%;
top:0px;
left:0px;
}
#results {
background-color: #2B0F36;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4), inset 0 0 19px rgba(255,255,255,.15);
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4), inset 0 0 19px rgba(255,255,255,.15);
box-shadow: 0 0 10px rgba(0,0,0,.4), inset 0 0 19px rgba(255,255,255,.15);
border-radius:7px;
display: block;
margin: 0 auto;
position: relative;
top: 9px;
width: 940px;
z-index: 200;
}
#results .row {
display: inline-block;
padding-left: 27px;
padding-right: 27px;
width: 886px;
margin-bottom:7px;
}
#results .row:nth-child(1) {
padding-top: 0px;
}
.well {
float: left;
padding-bottom: 30px;
width: 280px;
}
.well:nth-child(2) {
padding-left: 23px;
padding-right: 23px;
}
.well div {
float: left;
}
.well div:nth-child(2) {
margin-left: 10px;
}
.well .btn-holder {
clear: left;
margin-left: 0 !important;
}
.well .btn-holder .info {
margin-right: 8px;
}
.hidenow {
display: none !important;
}
.showing {
font-family:"open_sansregular";
color: #FFF;
float: right;
font-size: 16px;
font-weight: bold;
margin-top: 28px;
}
.showingp1 {
color: #FFF;
float: left;
margin-right: 2px;
}
.containsres {
float: left;
padding-bottom: 30px;
width: 886px;
margin-top: 20px;
}
.showmorebtn {
background: #e2e2e2 none repeat scroll 0 0;
border: 3px solid rgba(160, 160, 160, 0.7);
color: #257f8c;
cursor: pointer;
float: left;
font: 17px/25px:"open_sansregular";
left: 329px;
padding: 7px 25px 3px;
position: relative;
text-align: center;
text-transform: uppercase;
top: 15px;
width: auto;
background-color: #35abe1;
-webkit-box-shadow: 1px 2px rgba(68,20,70,.72);
-moz-box-shadow: 1px 2px rgba(68,20,70,.72);
box-shadow: 1px 2px rgba(68,20,70,.72);
border: solid 1px #9e359f;
background-image: -webkit-linear-gradient(top, #4d124e, #752976 62%, #562057);
background-image: -moz-linear-gradient(top, #4d124e, #752976 62%, #562057);
background-image: -o-linear-gradient(top, #4d124e, #752976 62%, #562057);
background-image: -ms-linear-gradient(top, #4d124e, #752976 62%, #562057);
background-image: linear-gradient(to bottom, #4d124e, #752976 62%, #562057);
color:#FFF;
font-size: 19px; line-height: 35px; border-radius: 5px; font-family:"open_sansbold";
}
.searchicon {
background-image: linear-gradient(to top, #208998 47%, #36a0af);
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
float: right;
height: 49px;
left: -1px;
position: relative;
top: 2px;
width: 49px;
}
.searchiconimg {
background: rgba(0, 0, 0, 0) url("/images/site/search_icon.png") no-repeat scroll 0 0;
height: 34px;
left: 9px;
position: relative;
top: 10px;
width: 31px;
}
.noresults {
font-family:"open_sansregular";
color: #fff;
font-size: 20px;
font-weight: bold;
padding-bottom: 20px;
text-align: center;
width: 889px;
}
.well img {
height: 90px;
width: 140px;
}
.search-arrow {
float: right;
position: relative;
right: 100px;
top: -21px;
z-index: -1;
}
.showin {
top: -21px;
transition: all 1.2s ease-out 0s;
}
.line1 {
background: #3CA428 none repeat scroll 0 0;
display: block;
height: 1px;
width: 100%;
}
.line2 {
background: #060f3d none repeat scroll 0 0;
display: block;
height: 1px;
width: 100%;
}
.sas {
font-size: 23px;
padding-left: 80px;
}
.close-btn {
/*background: #bdbdbd none repeat scroll 0 0;*/
background:url(../images/site/close_btn.png) no-repeat;
text-indent:-9999px;
color: #FFF;
cursor: pointer;
float: right;
height: 30px;
position: relative;
top: -30px;
width: 18px;
right: -61px;
}
#results .closeline {
margin-top: 20px;
margin-bottom:0px;
}
.thex {
color: #434343;
font-size: 22px;
font-weight: bold;
left: 7px;
position: relative;
top: 8px;
width: 17px;
}
.search-gname {
color: #fff;
font-weight: bold;
margin-bottom: 5px;
width: 130px;
}
.btn-holder .play {
background: #b6ed22 none repeat scroll 0 0;
color: #000;
font-family: "geometric-black",Arial,Helvetica,sans-serif;
margin-bottom: 7px;
}
.btn-holder .play::before {
background: rgba(0, 0, 0, 0) url("/images/site/sprite.png") no-repeat scroll 0 0;
content: "";
display: inline-block;
height: 10px;
margin: 0 4px 3px 0;
vertical-align: middle;
width: 9px;
}
.btn-holder .info {
background: #fff none repeat scroll 0 0;
color: #000;
float: left;
font-family: "geometric-medium",Arial,Helvetica,sans-serif;
width: 45px;
}
.btn-holder .free {
background: #259cad none repeat scroll 0 0;
color: #fff;
float: right;
font-family: "geometric-medium",Arial,Helvetica,sans-serif;
width: 77px;
}
.btn-holder .free-wide {
background: #259cad none repeat scroll 0 0;
color: #fff;
float: right;
font-family: "geometric-medium",Arial,Helvetica,sans-serif;
width: 127px;
}
.btn-holder a {
display: block;
font-size: 12px;
line-height: 22px;
text-align: center;
text-transform: uppercase;
}
.btn-holder a:hover {
text-decoration: none;
}
.subtitle, .help_contents h2 {
font-size:18px;
color:#FFF;
font-family:"oswaldregular";
margin:15px 0 5px 0;
}
.help_contents h2 {
margin-bottom:15px;
}
.help_contents p span {
font-family:"oswaldregular";
}
table.tableStyle tr.headerRow, .help_contents ul.ulMethodHeader li {
color: #fff;
font-weight: bold;
font-family: "oswaldregular";
}
.help_contents ul.ulMethodHeader {
list-style:none;
float:left;
width:850px;
background-color: #3726B0;
margin-bottom:10px;
background: url(../images/site/deposit-bg.png) !important;
}
.liName,.liDesc,.liImage {
width:270px;
text-align:center;
}
.liName {
margin-top:25px;
}
.liDesc {
margin-top:25px;
}
.liImage {
margin-top:10px;
}
.help_contents ul.ulMethodHeader li {
float:left;
}
table.tableStyle tr td:last-child, table.tableStyle tr.headerRow th:last-child {
border:0;
}
table.tableStyle tr.headerRow th {
border-right: 1px solid #ffffff;
padding: 5px;
font-family:"oswaldregular";
font-weight:normal;
}
table.tableStyle tr.headerRow th strong{
position:relative;
top:-6px;
}
table.tableStyle tr td {
padding: 5px;
}
table.tableStyle {
color:#e1e1e1;
}
table.tableStyle ul, .help_contents ul {
list-style-type:disc;
margin-left: 30px;
padding-bottom: 5px;
color:#e1e1e1;
}
.help_contents .tblMethods ul {
list-style-position: inside;
}
.help_contents ol {
margin-left:18px;
}
.help_contents ol li {
list-style-type: decimal;
color:#e1e1e1;
font-family:"open_sanslight";
font-size: 15px;
line-height: 18px;
display: block;
font-family: 'open_sansregular';
color: #e1e1e1;
font-size: 17px;
padding-top: 10px;
line-height: 24px;
}
h4 {
margin-bottom:10px;
}
.help_contents ol li strong {
font-weight:normal;
}
table.tableStyle ul li, .help_contents ul li{
color:#e1e1e1;
font-family:"open_sanslight";
}
table#depositmethods ul li, .help_contents ul li {
margin-bottom: 10px;
display: block;
font-family: 'open_sansregular';
color: #e1e1e1;
font-size: 17px;
padding-top: 10px;
line-height: 24px;
}
.help_contents p {
margin-bottom:10px;
display: block;
font-family: 'open_sansregular';
color: #e1e1e1;
font-size: 17px;
padding-top: 10px;
line-height: 24px;
}
.help_contents p a {
font-size:15px;
font-weight:normal;
display:inline;
text-decoration:none;
}
.help_contents {
color:#e1e1e1;
}
.help_contents strong{
font-family:"oswaldregular";
font-weight:normal;
}
.tblMethodWithdrawal {
position:relative;
left:30px;
width:850px;
text-align:center;
}
.tblMethodWithdrawal td {
padding:7px 0;
}
.tblMethodWithdrawal .headerRow {
font-weight:bold;
font-family:"oswaldregular";
}
#gamb-list a, .help_contents a {
color:#00c6ff;
}
#gamb-list td {
padding:0 15px;
}
.v_small .pop_small_contents img {
width:30px;
}
.games_bottom ul li .v_small h1 {
font-size:11px;
padding-bottom:5px;
}
.v_small .pop_small_contents {
padding: 10px;
}
.games_bottom ul li .v_small button {
margin-top:5px;
padding:0 10px;
height:25px;
line-height:20px;
}
.games_bottom ul li .v_small span {
font-size:11px;
padding-top:2px;
position:absolute;
bottom:5px;
right:5px;
}
#iframe {
height: 950px;
left: 0;
position: unset;
top: 0;
width: 100%;
}
.bottom_contents a {
color:#00c6ff;
}
@keyframes animatedBackground {
from { background-position: 0 0; }
to { background-position: 100% 0; }
}
header:after {
/*animation: 10s linear 0s normal none infinite running animatedBackground;
background-position: 0 0;
background-repeat: repeat-x;
*/
-webkit-animation: loader 15s steps(100) infinite;
-moz-animation: loader 15s steps(100) infinite;
-ms-animation: loader 15s steps(100) infinite;
-o-animation: loader 15s steps(100) infinite;
animation: loader 15s steps(100) infinite;
}
@-webkit-keyframes loader {
from {
background-position: 0;
}
to {
background-position: -3840px 0;
}
}
@-moz-keyframes loader {
from {
background-position: 0;
}
to {
background-position: -3840px 0;
}
}
@-ms-keyframes loader {
from {
background-position: 0;
}
to {
background-position: -3840px 0;
}
}
@-o-keyframes loader {
from {
background-position: 0;
}
to {
background-position: -3840px 0;
}
}
@keyframes loader {
from {
background-position: 0;
}
to {
background-position: -3840px 0;
}
}
.gaptop {
margin-top:11px;
}
.nopad {
padding-bottom:70px !important;
}
.search-results-title {
font-family:"open_sansregular";
color:#FFF;
font-size: 22px;
font-weight: bold;
position: relative;
top: -8px;
}
.ballcontainer {
position:relative;
width:1240px;
margin:0 auto;
}
.leftball {
position:absolute;
left:0px;
z-index:-1;
}
.rightball {
position:absolute;
right:0px;
z-index:-1;
}
.padtop {
top:281px;
}
header img {
position:relative;
z-index:0;
}
.reslink {
margin-top:20px;
}
/* Minimised Header */
header .container {
background:#ffffff;
overflow:hidden;
height:154px;
-webkit-transition: height 0.5s;
-moz-transition: height 0.5s;
transition: height 0.5s;
width: 1100px;
margin: 0 auto;
}
header.sheader, header.sheader .container {
height:70px;
-webkit-transition: height 0.5s;
-moz-transition: height 0.5s;
transition: height 0.s;
}
header .left {
-webkit-transition: height 0.s;
-moz-transition: height 0.5s;
transition: height 0.5s;
}
header.sheader .left {
height:70px;
}
header .right ul li a, header .right ul li a:hover, header .right ul li a.active {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
header.sheader .right ul li a, header.sheader .right ul li a:hover, header.sheader .right ul li a.active {
/*padding:22px 23px 0;*/
/*height:48px;*/
}
header img {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
top:0px;
}
.which-award {
top:24px;
}
.header img {
top:-46px;
}
.sheader .which-award {
top:13px;
width: 70px;
}
header button {
-webkit-transition: margin 0.5s;
-moz-transition: margin 0.5s;
transition: margin 0.5s;
}
header.sheader button {
margin-top:12px;
}
header.sheader .availble-all-devices {
top:0px;
width:135px;
}
header {
-webkit-transition: height 0.5s;
-moz-transition: height 0.5s;
transition: height 0.5s;
height:155px;
}
.pop a.buttonlink, .pop a:first-of-type{
padding-top:0px !important;
display:inline;
}
.sheader + .content_area {
padding-top:172px;
}
.pop a {
opacity:1;
}
.pop h1, .pop a.buttonlink, .pop a.buttonlink, .pop p, .pop a:first-of-type, .promotion_bottom .top ul li .pop h1, .promotion_bottom .top ul li .pop_contents p,
.promotion_bottom .middle .pop_medium .pop_contents h1, .promotion_bottom .middle .pop_medium .pop_contents p,
.games_top .right ul li .pop-small h1, .games_top .right ul li .pop-small p, .games_top .right ul li .pop-small a.buttonlink,
.games_middle ul li .pop_medium .pop_contents h1, .games_middle ul li .pop_medium .pop_contents p, .games_middle ul li .pop_medium .pop_contents a.buttonlink,
.games_bottom ul li .pop-small h1, .games_bottom ul li .pop-small a.buttonlink
{
opacity:0;
transition:all 0.3s ease-in-out 0.1s;
transform:scale(5);
display:block;
}
.promotion, .normal{
margin-bottom: 60px;
}
.demo-link, .more-link{
opacity:0;
transition:all 0.3s ease-in-out 0.1s;
color: #d72d80;
/*border-bottom: 1px solid #d72d80;*/
/*width: 70px;*/
text-align: center;
padding-bottom: 3px;
}
.demo-link-big, .demo-link-medium{
opacity:0;
transition: all 0.3s ease-in-out 0.1s;
transform: scale(5);
text-align: center;
padding-bottom: 3px;
background: #f33e99; /* Old browsers */
background: -moz-linear-gradient(top, #f33e99 0%, #c72372 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f33e99 0%,#c72372 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f33e99 0%,#c72372 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f33e99', endColorstr='#c72372',GradientType=0 );
color: #ffffff;
padding: 10px 34px;
font-family: 'open_sansbold';
line-height: 37px;
border-radius: 5px;
padding: 0 20px;
height: 40px;
display: block;
position: absolute;
right: 20px;
margin-top: -20px;
}
.demo-link-big{ margin-top: -40px; }
.demo-link-medium{ /*top: 81px;*/ }
.row .demo-link-medium{ /*top: 81px;*/ right: 10px; }
.pop:hover .demo-link-big, .pop:hover .demo-link-medium, .pop:hover h1, .pop:hover button { opacity:1; transform: scale(1); }
.games_top .left:hover .pop a { opacity:1; }
.games_middle .row .pop_medium .pop_contents button { font-size: 14px; left: -10px; }
.games_top .left:hover .pop p, .games_top .left:hover .pop h1, .games_top .left:hover .pop a.buttonlink, .games_top .left:hover .pop a:first-of-type, .promotion_bottom .top ul li:hover .pop h1, .promotion_bottom .top ul li:hover .pop_contents p,
.promotion_bottom .middle ul li:hover .pop_medium .pop_contents h1, .promotion_bottom .middle ul li:hover .pop_medium .pop_contents p,
.promotion_bottom .bottom ul li:hover .pop h1, .promotion_bottom .bottom ul li:hover .pop_contents p,
.games_top .right ul li:hover .pop-small h1, .games_top .right ul li:hover .pop-small p, .games_top .right ul li:hover .pop-small .buttonlink,
.games_middle ul li:hover .pop_medium .pop_contents h1, .games_middle ul li:hover .pop_medium .pop_contents p, .games_middle ul li:hover .pop_medium .pop_contents .buttonlink,
.games_bottom ul li:hover .pop-small h1, .games_bottom ul li:hover .pop-small .buttonlink, .promotion_bottom .middle ul li:hover .pop_medium .pop_contents a
{
opacity:1 !important;
transform:scale(1) !important;
}
.games_top .left:hover .demo-link-big,
.games_top .left:hover .demo-link,
.games_top .left:hover .more-link,
.games_top .right ul li:hover .demo-link,
.games_top .right ul li:hover .more-link,
.games_middle ul li:hover .demo-link,
.games_middle ul li:hover .more-link,
.games_bottom ul li:hover .demo-link,
.games_bottom ul li:hover .more-link,
.promotion_bottom .top ul li:hover .more-link,
.promotion_bottom .middle ul li:hover .more-link,
.promotion_bottom .bottom ul li:hover .more-link
{
opacity:1;
}
/* Payment Icons */
.payment-list {
margin-bottom: 11px;
text-align: center;
}
.payment-list li {
display: inline-block;
margin: 0 2px;
vertical-align: top;
}
.payment-list li span, .payment-list li a {
background: rgba(0, 0, 0, 0) url("/images/site/payment-logo.png") no-repeat scroll 0 0;
display: block;
height: 31px;
overflow: hidden;
text-indent: -9999px;
}
.payment-list li span.visa {
background-position: -5px -9px;
width: 85px;
}
.payment-list li span.visa:hover {
background-position: -5px -61px;
}
.payment-list li span.mastercard {
background-position: -98px -9px;
width: 48px;
}
.payment-list li span.mastercard:hover {
background-position: -98px -61px;
}
.payment-list li span.maestro {
background-position: -151px -9px;
width: 48px;
}
.payment-list li span.maestro:hover {
background-position: -151px -61px;
}
.payment-list li span.skrill {
background-position: -207px -9px;
width: 52px;
}
.payment-list li span.skrill:hover {
background-position: -207px -61px;
}
.payment-list li span.neteller {
background-position: -266px -9px;
width: 162px;
}
.payment-list li span.neteller:hover {
background-position: -266px -61px;
}
.payment-list li span.ukash {
background-position: -435px -9px;
width: 48px;
}
.payment-list li span.ukash:hover {
background-position: -435px -61px;
}
.payment-list li span.ideal {
background-position: -957px -9px;
width: 32px;
}
.payment-list li span.ideal:hover {
background-position: -957px -61px;
}
.payment-list li span.paybyphone {
background-position: -1000px -11px;
width: 94px;
}
.payment-list li span.paybyphone:hover {
background-position: -1000px -61px;
}
.payment-list li span.paysafecard {
background-position: -1100px -11px;
width: 143px;
}
.payment-list li span.paysafecard:hover {
background-position: -1100px -60px;
}
.payment-list li span.microgaming {
background-position: -508px -9px;
width: 89px;
}
.payment-list li span.microgaming:hover {
background-position: -508px -61px;
}
.payment-list li a.progressplay {
background-position: -604px -9px;
width: 126px;
}
.payment-list li a.progressplay:hover {
background-position: -604px -61px;
}
.payment-list li a.gambleaware {
background-position: -737px -9px;
width: 126px;
}
.payment-list li a.gambleaware:hover {
background-position: -737px -61px;
}
.payment-list li span.malta {
background-position: -870px -9px;
width: 41px;
}
.payment-list li span.malta:hover {
background-position: -870px -61px;
}
.payment-list li span.eighteen {
background-position: -917px -9px;
width: 31px;
}
.payment-list li span.eighteen:hover {
background-position: -917px -61px;
}
.nicescroll-rails {
opacity:1 !important;
}
.nicescroll-rails div {
background-color:#D8D2EA !important;
}
table.tableizer-table {
border: 0px solid #CCC; font-family: Arial, Helvetica, sans-serif;
width:100%;
}
.tableizer-table td, .tableStyle td, .tableStyle td p {
padding: 4px 15px;
margin: 3px;
border: 0px solid #ccc;
line-height:40px;
font-family: "open_sansbold";
font-size: 14px;
}
.vip td {
color:#51194b;
}
.vip table.tableStyle tr.headerRow th {
padding:15px 0;
}
.tableStyle th:first-child, .tableStyle td:first-child {
padding-left: 15px !important;
text-align: left;
}
.tableizer-table th {
padding: 4px 15px;
margin: 3px;
background:#B70ABD;
line-height:40px;
text-align:left;
font-family: "oswaldbold";
font-size: 19px;
text-transform: uppercase;
}
#depositmethods td {
line-height:18px;
}
#gamb-list {
font-family: "open_sanslight";
}
.tableizer-table tr:nth-child(odd), .tableStyle tr:nth-child(odd){
background:#333333;
}
.tableizer-table tr:nth-child(even), .tableStyle tr:nth-child(even) {
background:#282828;
}
.step h3 {
font-family:"oswaldregular";
font-size:19px;
padding-bottom:10px;
}
.step-2 {
margin-top:15px;
}
#contactsubmit {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: #eea800 none repeat scroll 0 0;
border-color: -moz-use-text-color -moz-use-text-color #a47400;
border-image: none;
border-radius: 5px;
border-style: none none solid;
border-width: medium medium 3px;
color:#FFF;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: #eea800 none repeat scroll 0 0;
border-color: -moz-use-text-color -moz-use-text-color #a47400;
border-image: none;
border-radius: 5px;
border-style: none none solid;
border-width: medium medium 3px;
font-size:19px;
font-family:"open_sansbold";
font-size:19px;
}
#form {
font-family: "open_sanslight";
line-height: 28px;
}
.step-1 {
width:650px;
float:left;
}
.step-2 {
width:190px;
float:left;
}
.accordion .ui-accordion-header {
height:20px;
}
.accordion .ui-accordion-header img {
position:relative;
top:-9px;
float:left;
margin-right:15px;
}
.acc-title {
display:inline;
position:relative;
top:0px;
float:left;
}
.pay-icons {
text-align:center;
}
.pay-icons div {
display:inline-block;
margin:0 10px;
margin-bottom:10px;
}
.second-row {
width:100%;
}
.pay-visa {
background: url('../images/site/paycards.png') no-repeat -11px 0;
width: 84px;
height: 28px;
}
.pay-mastercard {
background: url('../images/site/paycards.png') no-repeat -103px 0;
width: 48px;
height: 30px;
}
.pay-maestro {
background: url('../images/site/paycards.png') no-repeat -156px 0;
width: 47px;
height: 30px;
}
.pay-skrill {
background: url('../images/site/paycards.png') no-repeat -213px -6px;
width: 50px;
height: 28px;
}
.pay-neteller {
background: url('../images/site/paycards.png') no-repeat -271px -1px;
width: 157px;
height: 27px;
}
.pay-ukash {
background: url('../images/site/paycards.png') no-repeat -437px 0;
width: 49px;
height: 28px;
}
.pay-microgaming {
background: url('../images/site/paycards.png') no-repeat -510px -2px;
width: 82px;
height: 27px;
}
.pay-progressplay {
background: url('../images/site/paycards.png') no-repeat -608px 0;
width: 121px;
height: 26px;
}
.pay-gambleaware {
background: url('../images/site/paycards.png') no-repeat -737px 0;
width: 126px;
height: 28px;
}
/*
.pay-ic {
background: url('../images/site/paycards.png') no-repeat -872px 0;
width: 36px;
height: 28px;
}
*/
.pay-18 {
background: url('../images/site/paycards.png') no-repeat -917px 0;
width: 29px;
height: 30px;
}
.pay-ideal {
background: url('../images/site/paycards.png') no-repeat -343px -62px;
width: 33px;
height: 28px;
}
.pay-paybyphone {
background: url('../images/site/paycards.png') no-repeat -385px -57px;
width: 91px;
height: 35px;
}
.pay-paysafecard {
background: url('../images/site/paycards.png') no-repeat -487px -64px;
width: 145px;
height: 25px;
}
.pay-gamblingcommission {
background: url('../images/site/paycards.png') no-repeat -647px -64px;
width: 99px;
height: 24px;
}
.pay-thawte {
background: url('../images/site/paycards.png') no-repeat -757px -65px;
width: 93px;
height: 23px;
}
.bpa {
font-family:"open_sanslight" !important;
font-style:italic;
background:#B3009A;
color:#fff;
float:right;
position:absolute;
bottom:-22px;
right:0px;
padding:3px 5px;
/*-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;*/
width: 100%;
text-align: center;
font-size:15px;
}
.featherlight iframe {
border: 0;
width: 100%;
height: 100%;
}
.featherlight .featherlight-content {
width:70%;
height:80%;
border:4px solid #9a089f !important;
}
.left2 a {
display: block; height: 38px; width:100px; border: none; cursor: pointer; border-bottom: solid 3px #A409A9; border-radius: 5px; text-align: center; font-size: 16px; line-height:40px; text-transform: uppercase; color: #fff; font-family: 'oswaldbold'; /* Old browsers */ background: #a409a9; /* IE6-9 */padding: 0 10px;
}
.bonus-link {
width:100%;
height:45px;
display:block;
position:absolute;
bottom:0px;
}
.bonuslink {
width:1000px;
height:40px;
display:block;
position:absolute;
top:702px;
z-index:100;
}
.prembonuslink {
width:94%;
padding:10px 3%;
display:block;
position:relative;
color:#FFF;
}
.phi {
display: list-item;
height: 154px;
margin: 0 auto;
text-align: center;
}
a.openGame {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: #f40000 none repeat scroll 0 0;
border-color: -moz-use-text-color -moz-use-text-color #7a0000;
border-image: none;
border-radius: 4px;
border-style: none none solid;
border-width: medium medium 3px;
color: #fff;
cursor: pointer;
display: block;
font-family: "open_sans_condensedbold";
font-size: 16px;
line-height: 42px;
margin-bottom: 10px;
margin-top: 18px;
padding: 0 11px;
text-align: center;
text-transform: uppercase;
width: 200px;
border-bottom: solid 3px #30a226;
background: #7db130; /* Old browsers */
background: -moz-linear-gradient(top, #7db130 0%, #30a226 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #7db130 0%,#30a226 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #7db130 0%,#30a226 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db130', endColorstr='#30a226',GradientType=0 ); /* IE6-9 */
}
#mobilelpimg, .mobilelpimg {
display:none;
}
.lpimg {
float:left;
}
.sterms {
color: #000000;
font-size: 15px;
left: 50%;
line-height: 15px;
margin-left: -405px;
position: absolute;
text-align: center;
top: 46px;
width: 800px;
z-index: 100;
font-family: 'open_sansregular';
top: 430px;
}
.icons.green{
background: url(../images/uploads/games/labels.png) no-repeat -6px -93px;
}
.icons.label {
left: -8px;
top: -8px;
display: inline-block;
/*background-position: 0 -3892px;*/
width: 110px;
height: 80px;
position: absolute;
z-index: 9;
}
.label_wrapper > span {
z-index: 10;
text-align: center;
position: absolute;
left: -9px;
top: 15px;
font-size: 13px;
color: #fff;
font-weight: bold;
-webkit-transform: rotate(-36deg);
-moz-transform: rotate(-36deg);
-ms-transform: rotate(-36deg);
-o-transform: rotate(-36deg);
transform: rotate(-36deg);
width: 77px;
display: inline-block;
text-transform: capitalize;
font-family: 'open_sansregular';
}
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
.submenu .right .textfield, .submenu .textfield {
display: block;
height: 37px;
border: solid 1px #2e0242;
padding: 0 35px 0 10px;
text-transform: capitalize;
font-family: 'open_sans_condensedbold';
font-size: 17px;
color: #828282;
line-height: 21px;
border-radius: 3px;
}
.demo-game--fullscreen{
z-index: 9999;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
}
#fullscreen--open{
background: url(../images/site/full-screen.png) no-repeat ;
font-family: 'open_sansregular';
color: #3e0037;
height: 22px;
width: 110px;
margin-left: 134px;
margin-top: 8px;
line-height: 20px;
cursor: pointer;
}
#fullscreen--close{
z-index: 10000;
width: 100px;
height: 40px;
background: #333333;
position: fixed;
right: 40px;
top: 40px;
display: none;
font-family: 'open_sansregular';
color: #3e0037;
background: url(../images/site/iframe-close.png) no-repeat ;
height: 48px;
}
.popup-box--close{
z-index: 10000;
width: 38px;
height: 40px;
background: #333333;
position: absolute;
right: 20px;
top: 20px;
display: none;
font-family: 'open_sansregular';
color: #3e0037;
background: url(../images/site/promotion-close.png) no-repeat ;
height: 48px;
}
.back--arrow{
background: url(../images/site/back-arrow.png) no-repeat ;
font-family: 'open_sansregular';
color: #3e0037;
}
.latest-winners{
overflow-y: scroll;
height: 440px;
width: 280px;
margin: 10px auto;
}
.latest-winners ul li{
border-bottom: 1px solid #999999;
}
/* Overwrite the default to keep the scrollbar always visible */
::-webkit-scrollbar {
-webkit-appearance: none;
width: 6px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 1px rgba(62,0,55,.5);
}
.winners{
display: flex;
justify-content: space-between;
margin-bottom: 20px;
border-bottom: #d2c3d0 1px solid;
}
.winners .winners__game-image{
/*float: right;*/
width: 50%;
border: none;
max-width: 40%;
height: 50%;
margin-bottom: 20px;
}
.winners__right{
text-align: left;
min-width: 150px;
font-family: 'Montserrat', sans-serif;
color: #3e0037;
font-size: 24px;
margin-left: 14px;
}
.winners__right p {margin-bottom: 4px;}
.winners__game-name{ font-weight: bold; max-height: 73px; overflow: hidden;}
.winners__game-money{ color: #e60571; font-family: 'Montserrat', sans-serif; font-weight: bold;}
.winners__player-name{font-size: 18px;font-family: 'open_sanslight'; }
#contactus-form{
width: 800px;
margin: 0 auto 60px;
background-color: rgba(0, 0, 0, 0.5);
height: 800px;
}
#contactus-form *, #contactus-subject {
margin: 10px 250px;
font-family: 'oswaldregular';
color: #999999;
font-size: 18px;
width: 320px;
text-align: center;
}
#contactus-subject, #contactus-email, #contactus-body{
color: #999999;
}
#contactus-subject option{
margin: 0;
}
#contactus-form p:first-child {
padding-top: 30px;
}
#contactus-submit{
background: #f33e99; /* Old browsers */
background: -moz-linear-gradient(top, #f33e99 0%, #c72372 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f33e99 0%,#c72372 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f33e99 0%,#c72372 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f33e99', endColorstr='#c72372',GradientType=0 );
color: #ffffff;
padding: 10px 34px;
border-radius:3px;
text-transform: lowercase;
text-decoration: none;
font-size: 20px;
font-family: 'open_sans_condensedbold';
border: none;
margin-bottom: 20px;
margin-left: 350px;
width: 130px;
}
#contactus-container{
min-height: 1200px;
}
.app-landing {
margin: 0 auto;
display: block;
max-width: 1280px;
}
.padding-top {
margin-top: 50px;
}
.tableStyle {
width: 100%;
}
.info-table .pngfix {
background: rgba(0, 0, 0, 0) url("https://www.quartzcasino.co.uk/images/tick.png") no-repeat scroll 0 10px;
box-sizing: border-box;
height: 32px;
padding-left: 30px;
width: 30px;
}
.tableStyle tr:nth-child(odd){
background:#e1e1e1 none repeat scroll 0 0;
}
.tableStyle tr:nth-child(even) {
background:#bbbbbb none repeat scroll 0 0;
}