/*
----------------------------------------
01. default elements
----------------------------------------
*/

* {
    margin: 0;
    padding: 0;
}
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, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, input, 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
}

input {
    border: 1px #CCC solid;
}

ul, li, ol {
    list-style:none
}
/* render html5 elements as block */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

html {
    font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

img {
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
  line-height:.5em;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal; line-height:22px
}

body { font-size:16px; color:#FFFFFF; line-height:26px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; background:#000000}
html, body { overflow-x:hidden}

.show_mobile1{ display:none}
.hide_mobile1{ display:block}

.show_mobile2{ display:none}
.hide_mobile2{ display:block}

.show_ipad1{ display:none}
.hide_ipad1{ display:block}

.show_ipad2{ display:none}
.hide_ipad2{ display:block}

a{ color:#02a3e5; outline:0; cursor:pointer}
a, a:visited { text-decoration:none; outline:0;}
a:hover{ text-decoration:underline; outline:0}
a:hover{ -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease}
a:focus, a:active, a:visited { text-decoration:none; outline:0}

.gray-light{ color:#999999}
.gray { color:#EFEFEF}
.lightred { color:#B95151}
.white { color:#FFFFFF}
.red{ color:#B95151}

.bold { font-weight:bold}

p { padding-bottom:25px}
p a{ text-decoration:underline}

h1, h2, h3 { font-size:22px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; line-height:24px; padding:0 0 24px 0}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*
----------------------------------------
02. wrapper
----------------------------------------
*/

#container-main { width:100%; float:left}

.wrapper-middle { width:1170px; margin:0 auto}

.btn { width:100%; float:left; text-align:center; color:#FFFFFF; line-height:17px; background:#02a3e5; padding:17px 0}
.btn:hover{ background:#076991; text-decoration:none}
.btn.active{ background:#076991; text-decoration:none}

.btn-gray { color:#FFFFFF; background:#076991}
.btn-gray:hover{ background:#02a3e5}
.btn-gray.active{ background:#02a3e5}

.left { float:left}
.right { float:right}

/*
----------------------------------------
03. header
----------------------------------------
*/

header { width:100%; height:235px; float:left}

.logo{ width:100%; float:left; text-align:center; margin:25px 0 25px 0}

.nav-bar { width:100%; float:left; position:relative; z-index:10}
.nav-bar nav{ width:100%; float:left}
.nav-bar nav ul{ width:102.77%; float:left; margin:0 -2.77% 0 0; font-size:22px}
.nav-bar nav ul li{ width:14%; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0 2.66% 0 0}
.nav-bar nav ul li a{ width:100%; height:59px; float:left; color:#FFFFFF; line-height:59px; text-align:center; background:#02a3e5}
.nav-bar nav ul li a:hover { text-decoration:none; background:#076991}
.nav-bar nav ul li a.active { text-decoration:none; background:#076991}

.nav-bar .accordionButton { width:100%; float:left; display:none; cursor:pointer}
.nav-bar .accordionButton { width:100%; height:45px; float:left; font-size:22px; color:#FFFFFF; background:#02a3e5; position:relative}
.nav-bar .accordionButton .txt{ float:left; line-height:45px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0 0 0 5%}
.nav-bar .accordionButton .icon-bar{ width:34px; float:right; margin:10px 5% 0 0}
.nav-bar .accordionButton .icon-bar span{ width:100%; height:5px; float:left; background:#FFFFFF; margin:0 0 5px 0}
.nav-bar .active { background:#02a3e5}
.nav-bar .over { cursor:pointer}

.collapse { position: relative;  height:0; overflow:hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease;     -o-transition: height 0.35s ease; transition: height 0.35s ease;}

.nav-collapse.collapse { height:auto; overflow:visible;}

/*
----------------------------------------
04. content-main
----------------------------------------
*/

.content-main { width:100%; float:left; padding:40px 0 10px 0}

.casinos-list { width:100%; float:left; overflow:hidden}
.casinos-list-hiddennone { overflow:visible}

.table{ width:100%; background:#efefef; border-bottom:1px solid #cccccc; overflow:hidden; margin:5px 0 35px 0}
.table td{ float:left; min-height:5px; text-align:left; vertical-align:top; line-height:24px}
.table .row{ width:100%; border-top:1px solid #cccccc; padding:11px 0}
.table .row{ background:#191919 url("../images/arrow01.png") no-repeat right center}
.table .row:hover{ background:#111111 url("../images/arrow01.png") no-repeat right center; cursor:pointer}

.table .row.honone{ background:#191919}
.table .row.honone:hover{ background:#111111; cursor:default}

.table .row a{ text-decoration:none}
.table .column1{ width:14px}
.table .column2{ width:100px; height:44px;}
.table .column3{ width:14px}
.table .column4{ width:auto}
.table .top{ margin:-3px 0 0 0}

.ratings { width:100%; float:left}
.ratings span{ float:left}
.ratings .star-rating { width:93px; float:left; background: url("../images/star-off.png") 0 0 repeat-x;margin:4px 8px 0 5px}
.ratings .star-rating div { height:15px; background: url("../images/star-on.png") 0 0 repeat-x}

.view-more { width:100%; float:left; padding:0 0 40px 0}
.view-more a{ padding:25px 0}

.expand_all, .collapse_all { position:relative; cursor:pointer}
.example_menu { position:relative}
.example_menu .more-less { display:none}

.list{ width:100%; float:left; background:#000000; border-bottom:1px solid #cccccc; margin:5px 0 35px 0}
.list article{ width:100%; float:left; border-top:1px solid #cccccc}
.list article a{ width:100%; float:left; background:#191919 url("../images/arrow01.png") no-repeat right center; padding:17px 0}
.list article a:hover{ text-decoration:none; background:#111111 url("../images/arrow01.png") no-repeat right center;}
.list article h4{ max-width:600px; padding:0 50px 10px 14px}
.list article p{ max-width:1100px; padding:0 50px 0 14px}
.list article p span{ font-weight:bold}
.list article .date{ padding-bottom:8px}

/*
----------------------------------------
05. footer
----------------------------------------
*/

footer { width:100%; float:left; border-top:1px solid #cccccc; padding:30px 0 10px 0}
footer p{ text-align:center; padding-bottom:20px}
footer p a{ text-decoration:none}

/*
----------------------------------------
06. home- 2 
----------------------------------------
*/

.article-list { width:102.5%; float:left; margin:5px -2% 0 0}
.article-list article{ width:31%; float:left; padding-bottom:25px; border:1px solid #adadad; margin:0 2% 35px 0}
.article-list article figure{ width:100%; float:left}
.article-list article figure img{ width:100%}
.article-list article aside{ width:90%; float:left; padding:25px 5% 0 5%}
.article-list article aside h4{ font-size:18px; font-weight:bold; color:#469dac; padding:0 0 11px 0}
.article-list article aside p{ padding-bottom:8px}
.article-list article aside .ratings{ padding:0 0 12px 0}
.article-list article aside .btn { margin:9px 0 0 0}
.article-list article aside .btn-half { width:46%}

.list-box{ background:none; border:none; margin-bottom:0}
.list-box article{ width:99.8%; float:left; border:1px solid #b4b4b4; padding:17px 0; margin:0 0 35px 0}
.list-box article h4{ font-size:18px; color:#02a3e5; font-weight:bold}

/*
----------------------------------------
07. inner - pages
----------------------------------------
*/

.list-list { width:100%; float:left;}
.list-list li{ background:url("../images/bullet01.png") no-repeat 0 5px; padding:0 0 8px 34px; margin:0 0 0 25px}

.list-list2 li{ color:#02a3e5; background:url("../images/bullet02.png") no-repeat 0 2px}

.reasons-list { width:100%; float:left; padding:0 0 27px 0}
.reasons-list h4{ font-weight:bold; padding:0 0 20px 0	}

.view-more.play a{ text-align:left; background:#02a3e5 url("../images/arrow02.png") no-repeat right center}
.view-more.play a span{ padding:0 0 0 17px}
.view-more.play a:hover{ background:#076991 url("../images/arrow02.png") no-repeat right center}

.view-more.active a{ background:#02a3e5 url("../images/arrow03.png") no-repeat right center}
.view-more.active a:hover{ background:#076991 url("../images/arrow03.png") no-repeat right center}

.accord-block { width:100%; float:left; position:relative}
.accord-block figure{ width:100%; float:left; text-align:center; margin:0 0 45px 0}

.toppage{ text-decoration:none}
.toppage:hover{ text-decoration:underline}

.date-stories { width:100%; text-align:center; margin:-13px 0 0 0}

.margin-bottom-none { margin-bottom:0}
.clearfix::after{content:"";display:table;clear:both}