/*
Theme Name: Casino WP Theme
Theme URI: 
Author: Casino WP Theme
Author URI:
*/

iframe {
  max-width: 100%;
}
.game-frame {
  text-align: center !important;
}

/* ----------------------- RESETS ---------------------- */

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figure,
figcaption,
hgroup,
menu,
footer,
header,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  text-decoration: none;
}
* {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
  display: block;
}

.center {
  text-align: center;
  position: relative;
}
.left {
  float: left;
}
.right {
  float: right;
}
::selection {
  background: #010508; /* Safari */
  color: #fff;
  text-shadow: none;
}
::-moz-selection {
  background: #010508; /* Firefox */
  color: #fff;
  text-shadow: none;
}
.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.clear {
  clear: both;
}
a img {
  border: 0;
}
a {
  color: #3972be;
  text-decoration: underline;
}
a:hover {
  color: #aaaaaa;
}
img {
  max-width: 100%;
  height: auto;
}
hr {
  display: block;
  height: 1px;
  background: #d6d6d6;
  margin: 20px 0 20px 0;
}

.cookie_popup {
  display: block;
  position: fixed;
  z-index: 100;
  bottom: 0;
}

/* ----------------------- TYPOGRAPHY ---------------------- */

@font-face {
  font-family: "Lucida";
  src: url("fonts/Lucida/lsans_0-webfont.eot");
  src: url("fonts/Lucida/lsans_0-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/Lucida/lsans_0-webfont.woff2") format("woff2"),
    url("fonts/Lucida/lsans_0-webfont.woff") format("woff"),
    url("fonts/Lucida/lsans_0-webfont.ttf") format("truetype"),
    url("fonts/Lucida/lsans_0-webfont.svg#lucida_sansregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Lucida-demibold";
  src: url("fonts/Lucida/lsansd_0-webfont.eot");
  src: url("fonts/Lucida/lsansd_0-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/Lucida/lsansd_0-webfont.woff2") format("woff2"),
    url("fonts/Lucida/lsansd_0-webfont.woff") format("woff"),
    url("fonts/Lucida/lsansd_0-webfont.ttf") format("truetype"),
    url("fonts/Lucida/lsansd_0-webfont.svg#lucida_sansdemibold_roman")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Lucida-italic";
  src: url("fonts/Lucida/lsansi_0-webfont.eot");
  src: url("fonts/Lucida/lsansi_0-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/Lucida/lsansi_0-webfont.woff2") format("woff2"),
    url("fonts/Lucida/lsansi_0-webfont.woff") format("woff"),
    url("fonts/Lucida/lsansi_0-webfont.ttf") format("truetype"),
    url("fonts/Lucida/lsansi_0-webfont.svg#lucida_sansitalic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Lucida-demibold-italic";
  src: url("fonts/Lucida/lsansdi_0-webfont.eot");
  src: url("fonts/Lucida/lsansdi_0-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/Lucida/lsansdi_0-webfont.woff2") format("woff2"),
    url("fonts/Lucida/lsansdi_0-webfont.woff") format("woff"),
    url("fonts/Lucida/lsansdi_0-webfont.ttf") format("truetype"),
    url("fonts/Lucida/lsansdi_0-webfont.svg#lucida_sansdemibold_italic")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gotham-Black";
  src: url("fonts/Gotham/Gotham-Black.eot");
  src: local("☺"), url("fonts/Gotham/Gotham-Black.woff") format("woff"),
    url("fonts/Gotham/Gotham-Black.ttf") format("truetype"),
    url("fonts/Gotham/Gotham-Black.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

h1 {
  font-size: 22px;
  line-height: 24px;
  font-family: "Lucida-demibold", Fallback, verdana;
  font-weight: normal;
}
h2 {
  font-size: 22px;
  line-height: 22px;
  font-family: "Lucida", Fallback, verdana;
  font-weight: normal;
}
h3 {
  font-size: 20px;
  line-height: 22px;
  font-family: "Lucida", Fallback, verdana;
  font-weight: normal;
}
h4 {
  font-size: 18px;
  line-height: 18px;
  font-family: "Lucida", Fallback, verdana;
  font-weight: normal;
}
h5 {
  font-size: 16px;
  line-height: 16px;
  font-family: "Lucida", Fallback, verdana;
  font-weight: normal;
}
h6 {
  font-size: 16px;
  line-height: 16px;
  font-family: "Lucida", Fallback, verdana;
  font-weight: normal;
}

p {
  padding: 8px 0 8px 0;
}

i {
  font-family: "Lucida-italic", Fallback, verdana;
  font-weight: normal;
}
b,
strong {
  font-family: "Lucida-demibold", Fallback, verdana;
  font-weight: normal;
}
b i,
strong i {
  font-family: "Lucida-demibold-italic", Fallback, verdana;
  font-weight: normal;
}

article h2,
article h3,
article h4,
article h5,
article h6 {
  margin: 10px 0;
}

/* ----------------------- CONTENT HEADERS ---------------------- */

.header-1-1:before {
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #0e598e;
}
.header-1-1 {
  float: left;
  width: 100%;
  min-height: 50px;
  margin: 20px 0 20px 0;
  text-align: center;
  background: #fff;
  background: -moz-linear-gradient(top, #ededed 0%, #ffffff 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ededed),
    color-stop(100%, #ffffff)
  );
  background: -webkit-linear-gradient(top, #ededed 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #ededed 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #ededed 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #ededed 0%, #ffffff 100%);
  position: relative;
}
.header-1-1 h2 {
  font-size: 21px;
  line-height: 22px;
  text-align: center;
  margin: 26px 0 0 0;
  font-family: "Lucida-demibold", Fallback, verdana;
}
.header-var:before {
  background: none;
}
.header-var {
  background: none;
  margin: 0 0 20px 0;
}

.article-header {
  float: left;
  width: 100%;
  padding: 10px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #dfdfdf;
}
.article-header h1 {
  margin: 0 0 15px 0;
}
.article-header span,
.blog-row-content span {
  font-size: 12px;
  font-family: "Lucida-demibold", Fallback, verdana;
}

h2.slot-header {
  float: left;
  width: 100%;
  text-align: center;
  margin: 22px 0 0 0;
  font-family: "Lucida-demibold", Fallback, verdana;
  font-size: 22px;
}

.breadcrumbs {
  font-size: 0.8em;
  width: 100%;
  background: #efefef;
  background: -moz-linear-gradient(top, #efefef 0%, #ffffff 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #efefef),
    color-stop(100%, #ffffff)
  );
  background: -webkit-linear-gradient(top, #efefef 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #efefef 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #efefef 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #efefef 0%, #ffffff 100%);
  -webkit-box-shadow: 0 0 0 1px #cbcbcb;
  box-shadow: 0 0 0 1px #cbcbcb;
  border: 1px solid #fff;
  padding: 5px 4px;
  margin: 1px 0 20px 0;
}

/* ----------------------- HEADER ---------------------- */
.top-header {
  float: left;
  width: 100%;
  height: 158px;
  position: relative;
}

.logo {
  background: url(assets/images/casino-online-logo.png);
  width: 283px;
  height: 95px;
  margin: 20px 0 0 70px;
}

.top-social {
  background: url(assets/images/sprite.png) no-repeat -160px -198px;
  width: 244px;
  height: 70px;
  margin: 30px 0px 0 0;
  padding: 0 20px 0 0;
}
.logo-pos {
  margin: 20px 0 0 70px;
}

/* ----------------------- BUILDING BLOCKS ---------------------- */

body {
  background: #f9f9f9 url(assets/images/bg.png) top center repeat-x;
  background: url(assets/images/header-bg.jpg) top center no-repeat,
    #f9f9f9 url(assets/images/bg.png) top center repeat-x;
  font-family: "Lucida", Fallback, verdana;
  font-weight: normal;
  line-height: 20px;
  font-size: 15px;
  color: #2a2a2a;
}

.frame {
  width: 990px;
  margin: 0 auto;
}

.main-bg:before {
  content: "";
  position: absolute;
  left: 250px;
  top: 0;
  background: url("assets/images/sprite.png") no-repeat -3px -81px;
  width: 12px;
  height: 244px;
}
.main-bg {
  float: left;
  width: 100%;
  border: 1px solid #fff;
  background: #fff url(assets/images/main-bg-grad.png) top left repeat-x;
  position: relative;
  margin: 0 0 -90px 0;
  z-index: 1;
}

.content {
  float: right;
  width: 690px;
  margin: 10px 25px 20px 0;
}
.content ul,
.content ol {
  display: inline-block;
  width: 100%;
  margin: 8px 0 8px 0;
}
.content ul li {
  margin: 0 0 0 20px;
  list-style-type: disc;
}
.content ol li {
  margin: 0 0 0 20px;
  list-style-type: decimal;
}

.section {
  width: 100%;
  float: left;
  margin: 10px 0 25px 0;
  text-align: center;
}
.blog {
  margin: 10px 0 0 0;
}
.section * {
  text-align: left;
}
.section-first {
  margin: 10px 0 -15px 0;
}
article {
  margin: 0 0 15px 0;
}
article img {
  -webkit-box-shadow: 0 0 0 2px #efefef, 0 0 0 3px #ffffff, 0 0 0 4px #d1d1d1,
    0 7px 20px -5px #4d4d4d;
  box-shadow: 0 0 0 2px #efefef, 0 0 0 3px #ffffff, 0 0 0 4px #d1d1d1,
    0 7px 20px -5px #4d4d4d;
}
aside img,
section img {
  box-shadow: none;
  -webkit-box-shadow: none;
}

.blog-row {
  float: left;
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #dfdfdf;
}
.blog-row:hover img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

.blog-row .image-wrap-1 {
  margin: 4px 0 0 0;
}

.blog-row-content {
  float: left;
  width: 455px;
  margin: 0 0 0 15px;
}
.brc {
  width: 100%;
}
.blog-row-content h3 a {
  line-height: 20px;
}
.blog-row-content p {
  padding: 2px 0 10px 0;
}

.blog-row-content-large {
  width: 380px;
}

.slot-information {
  float: right;
  width: 240px;
  margin: 0 0 20px 20px;
  padding: 0 0 20px 0;
  border-bottom: 5px solid #d6d6d6;
}
.slot-information ul:after {
  content: "";
  position: absolute;
  bottom: 18px;
  right: 10px;
  width: 100px;
  height: 10px;
  background: #dedede;
  -webkit-box-shadow: 0 15px 10px #949494;
  box-shadow: 0 15px 10px #949494;
  -webkit-transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
  z-index: -1;
}
.slot-information ul {
  float: left;
  width: 100%;
  padding: 2px 0 0 0;
  margin: 0 0 0 1px;
  position: relative;
}
.slot-information ul li {
  float: left;
  width: 98.3%;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 0 1px #e6e9f2;
  box-shadow: 0 0 0 1px #e6e9f2;
  background: #f6f8fa;
  margin: 0 0 3px 0;
  font-size: 12px;
  text-shadow: 1px 1px 0px #fff;
  color: #797979;
  list-style-type: none;
}
.slot-information ul li:hover {
  background: #fff;
}
.slot-information ul li .si-left,
.slot-information ul li .si-right {
  padding: 4px 0;
}
.slot-information ul li .si-left {
  float: left;
  width: 128px;
  margin: 0 0 0 8px;
}
.slot-information ul li .si-right {
  float: right;
  width: 90px;
  margin: 0 4px 0 0;
}

.popular-bg:before {
  content: "";
  position: absolute;
  bottom: 12px;
  left: 20px;
  width: 37%;
  height: 10px;
  background: #bababa;
  -webkit-box-shadow: 0 15px 10px #bababa;
  box-shadow: 0 15px 10px #bababa;
  -webkit-transform: rotate(7deg);
  -moz-transform: rotate(7deg);
  -o-transform: rotate(7deg);
  -ms-transform: rotate(7deg);
  transform: rotate(7deg);
  z-index: -1;
}
.popular-bg:after {
  content: "";
  position: absolute;
  bottom: 12px;
  right: 20px;
  width: 37%;
  height: 10px;
  background: #bababa;
  -webkit-box-shadow: 0 15px 10px #bababa;
  box-shadow: 0 15px 10px #bababa;
  -webkit-transform: rotate(-7deg);
  -moz-transform: rotate(-7deg);
  -o-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  transform: rotate(-7deg);
  z-index: -1;
}
.popular-bg {
  display: inline-block;
  width: 219px;
  height: 149px;
  margin: 10px 3px 10px 3px;
  background: #010509;
  background: -moz-radial-gradient(
    top,
    ellipse cover,
    #013860 1%,
    #010509 100%
  );
  background: -webkit-gradient(
    radial,
    top top,
    0px,
    top top,
    100%,
    color-stop(1%, #013860),
    color-stop(100%, #010509)
  );
  background: -webkit-radial-gradient(
    top,
    ellipse cover,
    #013860 1%,
    #010509 100%
  );
  background: -o-radial-gradient(top, ellipse cover, #013860 1%, #010509 100%);
  background: -ms-radial-gradient(top, ellipse cover, #013860 1%, #010509 100%);
  background: radial-gradient(ellipse at top, #013860 1%, #010509 100%);
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  border-bottom: 1px solid #88ceff;
  -webkit-box-shadow: 0 10px 20px -10px #5e5e5e;
  box-shadow: 0 10px 20px -10px #5e5e5e;
  position: relative;
}
.popular-bg a {
  width: 189px;
  height: 54px;
  position: absolute;
  bottom: -9px;
  left: 5px;
  padding: 0 0 0 20px;
  text-decoration: none;
  z-index: 2;
}
.popular-bg a span {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px dotted #faf17d;
  line-height: 20px;
}
.popular-bg a:hover span {
  color: #faf17d;
  text-decoration: none;
  border-bottom: 1px dotted #fff;
}
.popular-bg img {
  display: block;
  margin: 4px 0 0 4px;
  max-width: 208px;
  height: 139px;
  border: 1px solid #01050a;
  -webkit-box-shadow: 0 0 0 1px #0096ff;
  box-shadow: 0 0 0 1px #0096ff;
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
}

.reflection:after {
  content: "";
  position: absolute;
  top: -70px;
  right: 5px;
  width: 209px;
  height: 10px;
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0.6) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(255, 255, 255, 0.6)),
    color-stop(100%, rgba(255, 255, 255, 0))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0.6) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(255, 255, 255, 0.6) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(255, 255, 255, 0.6) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.6) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}
.reflection:before {
  content: "";
  position: absolute;
  top: -70px;
  right: 5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 110px 110px 0;
  border-color: transparent #ffffff transparent transparent;
  opacity: 0.2;
}
.reflection {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0.4) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(0, 0, 0, 0.4)),
    color-stop(100%, rgba(255, 255, 255, 0))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0.4) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(0, 0, 0, 0.4) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(0, 0, 0, 0.4) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.4) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}

.text-overlay {
  position: absolute;
  bottom: 5px;
  left: 5px;
  width: 210px;
  height: 50px;
  border-top: 1px solid #000;
  background: #000;
  background: -moz-radial-gradient(
    top,
    ellipse cover,
    #072a44 0%,
    #000000 100%
  );
  background: -webkit-gradient(
    radial,
    top top,
    0px,
    top top,
    100%,
    color-stop(0%, #072a44),
    color-stop(100%, #000000)
  );
  background: -webkit-radial-gradient(
    top,
    ellipse cover,
    #072a44 0%,
    #000000 100%
  );
  background: -o-radial-gradient(top, ellipse cover, #072a44 0%, #000000 100%);
  background: -ms-radial-gradient(top, ellipse cover, #072a44 0%, #000000 100%);
  background: radial-gradient(ellipse at top, #072a44 0%, #000000 100%);
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  opacity: 0.8;
}

.end-section:before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  max-width: 500px;
  height: 14px;
  background: #000;
  -webkit-box-shadow: 0 12px 30px 0 #d4d4d4;
  box-shadow: 0 12px 30px 0 #d4d4d4;
  z-index: -1;
}
.end-section {
  float: left;
  width: 100%;
  height: 24px;
  margin: 11px 0 0 0;
  background: #fff;
  background: -moz-linear-gradient(top, #fff 0%, #f2f2f2 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fff),
    color-stop(100%, #f2f2f2)
  );
  background: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 100%);
  background: -o-linear-gradient(top, #fff 0%, #f2f2f2 100%);
  background: -ms-linear-gradient(top, #fff 0%, #f2f2f2 100%);
  background: linear-gradient(to bottom, #fff 0%, #f2f2f2 100%);
  border-bottom: 1px solid #d6d6d6;
  -webkit-box-shadow: 0 1px 0 0 #fff;
  box-shadow: 0 1px 0 0 #fff;
  position: relative;
}

.featured-box-bg:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 110px 110px 0;
  border-color: transparent #ffffff transparent transparent;
  opacity: 0.2;
}
.featured-box-bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 110px 110px 0 0;
  border-color: #ffffff transparent transparent transparent;
  opacity: 0.2;
}
.featured-box-bg {
  float: left;
  width: 682px;
  margin: 15px 5px 0px 3px;
  background: #000904;
  background: -moz-radial-gradient(
    top,
    ellipse cover,
    #013860 1%,
    #000904 100%
  );
  background: -webkit-gradient(
    radial,
    top top,
    0px,
    top top,
    100%,
    color-stop(1%, #013860),
    color-stop(100%, #000904)
  );
  background: -webkit-radial-gradient(
    top,
    ellipse cover,
    #013860 1%,
    #000904 100%
  );
  background: -o-radial-gradient(top, ellipse cover, #013860 1%, #000904 100%);
  background: -ms-radial-gradient(top, ellipse cover, #013860 1%, #000904 100%);
  background: radial-gradient(ellipse at top, #013860 1%, #000904 100%);
  border: 1px solid #020704;
  -webkit-box-shadow: 0 0 0 1px #0096ff, 0 0 0 3px #000904;
  box-shadow: 0 0 0 1px #0096ff, 0 0 0 3px #000904;
  position: relative;
  z-index: 1;
}
.featured-box-bg-slot-review:before,
.featured-box-bg-casino-review:before {
  display: none;
}
.featured-box-bg-slot-review:after,
.featured-box-bg-casino-review:after {
  border: none;
  top: -8px;
  left: -4px;
  height: 4px;
  width: 690px;
  background: #0096ff;
  background: -moz-linear-gradient(top, #0096ff 0%, #0061b7 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #0096ff),
    color-stop(100%, #0061b7)
  );
  background: -webkit-linear-gradient(top, #0096ff 0%, #0061b7 100%);
  background: -o-linear-gradient(top, #0096ff 0%, #0061b7 100%);
  background: -ms-linear-gradient(top, #0096ff 0%, #0061b7 100%);
  background: linear-gradient(to bottom, #0096ff 0%, #0061b7 100%);
  opacity: 1;
}
.featured-box-bg-slot-review {
}
.featured-box-bg-casino-review {
  -webkit-box-shadow: 0 0 0 3px #e8e8e8;
  box-shadow: 0 0 0 3px #e8e8e8;
}

.featured-box {
  float: left;
  width: 674px;
  margin: 3px;
  border: 1px solid #f3d46c;
  -webkit-box-shadow: 0 0 0 1px #fef2d0;
  box-shadow: 0 0 0 1px #fef2d0;
  background: #000;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.featured-box .game-frame div {
  width: 100%;
  height: 500px;
}

.featured-box-slot-review {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #fed769;
}
.featured-box-casino-review:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 300px;
  background: #012036;
  background: -moz-radial-gradient(
    center,
    ellipse cover,
    #012036 0%,
    #000000 100%
  );
  background: -webkit-gradient(
    radial,
    center center,
    0px,
    center center,
    100%,
    color-stop(0%, #012036),
    color-stop(100%, #000000)
  );
  background: -webkit-radial-gradient(
    center,
    ellipse cover,
    #012036 0%,
    #000000 100%
  );
  background: -o-radial-gradient(
    center,
    ellipse cover,
    #012036 0%,
    #000000 100%
  );
  background: -ms-radial-gradient(
    center,
    ellipse cover,
    #012036 0%,
    #000000 100%
  );
  background: radial-gradient(ellipse at center, #012036 0%, #000000 100%);
  z-index: -1;
}
.featured-box-casino-review {
  width: 678px;
  /*height: 278px;*/
  margin: 1px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #fff;
  position: relative;
}
.featured-box-casino-review img {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 100%;
  height: auto;
}
.featured-box img {
  float: right;
  max-width: 100%;
  height: auto;
}

.featured-box-text-bottom:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 333px;
  height: 223px;
  background: -moz-linear-gradient(
    top,
    rgba(226, 226, 226, 0.3) 0%,
    rgba(0, 0, 0, 0.3) 40%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(226, 226, 226, 0.3)),
    color-stop(40%, rgba(0, 0, 0, 0.3))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(226, 226, 226, 0.3) 0%,
    rgba(0, 0, 0, 0.3) 40%
  );
  background: -o-linear-gradient(
    top,
    rgba(226, 226, 226, 0.3) 0%,
    rgba(0, 0, 0, 0.3) 40%
  );
  background: -ms-linear-gradient(
    top,
    rgba(226, 226, 226, 0.3) 0%,
    rgba(0, 0, 0, 0.3) 40%
  );
  background: linear-gradient(
    to bottom,
    rgba(226, 226, 226, 0.3) 0%,
    rgba(0, 0, 0, 0.3) 40%
  );
}
.featured-box-text-bottom:before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 1px;
  width: 335px;
  height: 223px;
  background: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0.3) 70%,
    rgba(89, 89, 89, 0.3) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(0, 0, 0, 0.3)),
    color-stop(100%, rgba(89, 89, 89, 0.3))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0.3) 70%,
    rgba(89, 89, 89, 0.3) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(0, 0, 0, 0.3) 70%,
    rgba(89, 89, 89, 0.3) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(0, 0, 0, 0.3) 70%,
    rgba(89, 89, 89, 0.3) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.3) 70%,
    rgba(89, 89, 89, 0.3) 100%
  );
}
.featured-box-text-bottom {
  position: absolute;
  top: 10px;
  left: 5px;
  width: 337px;
  height: 226px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  border-bottom: 1px solid #000;
}

.featured-box-text {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 291px;
  height: 181px;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 2;
  color: #fff;
  font-size: 13px;
  padding: 20px;
}
.featured-box-text p {
  line-height: 16px;
}
.featured-box-text p a {
  color: #faf17d;
  border-bottom: none;
  padding: 0;
  font-family: "Lucida", Fallback, verdana;
  font-size: 13px;
}
.featured-box-text p a:hover {
  border-bottom: none;
  color: #fff;
}
.featured-box-text h1,
.featured-box-text h2,
.featured-box-text h3,
.featured-box-text h4,
.featured-box-text h5,
.featured-box-text h6 {
  color: #fcf13f;
  font-size: 20px;
}
.featured-box-text a {
  color: #fff;
  padding: 0 0 3px 0;
  font-size: 14px;
  font-family: "Lucida-demibold", Fallback, verdana;
  text-decoration: none;
  border-bottom: 1px dotted #faf17d;
}
.featured-box-text a:hover {
  color: #faf17d;
  border-bottom: 1px dotted #fff;
}

.featured-box-bg-bottom:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 682px;
  height: 78px;
  background: -moz-linear-gradient(
    left,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 40%,
    rgba(0, 0, 0, 0) 60%,
    rgba(0, 0, 0, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, rgba(0, 0, 0, 1)),
    color-stop(40%, rgba(0, 0, 0, 0)),
    color-stop(60%, rgba(0, 0, 0, 0)),
    color-stop(100%, rgba(0, 0, 0, 1))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 40%,
    rgba(0, 0, 0, 0) 60%,
    rgba(0, 0, 0, 1) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 40%,
    rgba(0, 0, 0, 0) 60%,
    rgba(0, 0, 0, 1) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 40%,
    rgba(0, 0, 0, 0) 60%,
    rgba(0, 0, 0, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 40%,
    rgba(0, 0, 0, 0) 60%,
    rgba(0, 0, 0, 1) 100%
  );
}
.featured-box-bg-bottom:after {
  content: "";
  position: absolute;
  top: -70px;
  left: 0;
  width: 682px;
  height: 200px;
  background: -moz-radial-gradient(
    center,
    ellipse cover,
    rgba(98, 87, 38, 1) 0%,
    rgba(30, 27, 12, 0.6) 69%,
    rgba(0, 0, 0, 0.6) 100%
  );
  background: -webkit-gradient(
    radial,
    center center,
    0px,
    center center,
    100%,
    color-stop(0%, rgba(98, 87, 38, 1)),
    color-stop(69%, rgba(30, 27, 12, 0.6)),
    color-stop(100%, rgba(0, 0, 0, 0.6))
  );
  background: -webkit-radial-gradient(
    center,
    ellipse cover,
    rgba(98, 87, 38, 1) 0%,
    rgba(30, 27, 12, 0.6) 69%,
    rgba(0, 0, 0, 0.6) 100%
  );
  background: -o-radial-gradient(
    center,
    ellipse cover,
    rgba(98, 87, 38, 1) 0%,
    rgba(30, 27, 12, 0.6) 69%,
    rgba(0, 0, 0, 0.6) 100%
  );
  background: -ms-radial-gradient(
    center,
    ellipse cover,
    rgba(98, 87, 38, 1) 0%,
    rgba(30, 27, 12, 0.6) 69%,
    rgba(0, 0, 0, 0.6) 100%
  );
  background: radial-gradient(
    ellipse at center,
    rgba(98, 87, 38, 1) 0%,
    rgba(30, 27, 12, 0.6) 69%,
    rgba(0, 0, 0, 0.6) 100%
  );
}
.featured-box-bg-bottom {
  float: left;
  width: 682px;
  height: 78px;
  margin: -2px 5px 0px 3px;
  background: #0f0d04 url(assets/images/texture.jpg) repeat;
  border: 1px solid #020704;
  -webkit-box-shadow: 0 0 0 1px #625726, 0 0 0 3px #000904;
  box-shadow: 0 0 0 1px #625726, 0 0 0 3px #000904;
  position: relative;
  overflow: hidden;
}
.featured-box-bg-bottom-slot-review {
  margin: 6px 5px 0px 3px;
}
.featured-box-bg-bottom-review {
  margin: 6px 5px 0px 3px;
}
.featured-box-bg-bottom-casino-review:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 682px;
  height: 278px;
  background: #000;
  background: -moz-linear-gradient(
    left,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 40%,
    rgba(0, 0, 0, 0) 60%,
    rgba(0, 0, 0, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, rgba(0, 0, 0, 1)),
    color-stop(40%, rgba(0, 0, 0, 0)),
    color-stop(60%, rgba(0, 0, 0, 0)),
    color-stop(100%, rgba(0, 0, 0, 1))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 40%,
    rgba(0, 0, 0, 0) 60%,
    rgba(0, 0, 0, 1) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 40%,
    rgba(0, 0, 0, 0) 60%,
    rgba(0, 0, 0, 1) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 40%,
    rgba(0, 0, 0, 0) 60%,
    rgba(0, 0, 0, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 40%,
    rgba(0, 0, 0, 0) 60%,
    rgba(0, 0, 0, 1) 100%
  );
}
.featured-box-bg-bottom-casino-review:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 682px;
  height: 300px;
  background: #000;
  background: -moz-radial-gradient(
    center,
    ellipse cover,
    rgba(1, 32, 54, 1) 0%,
    rgba(0, 0, 0, 0.7) 100%
  );
  background: -webkit-gradient(
    radial,
    center center,
    0px,
    center center,
    100%,
    color-stop(0%, rgba(1, 32, 54, 1)),
    color-stop(100%, rgba(0, 0, 0, 0.7))
  );
  background: -webkit-radial-gradient(
    center,
    ellipse cover,
    rgba(1, 32, 54, 1) 0%,
    rgba(0, 0, 0, 0.7) 100%
  );
  background: -o-radial-gradient(
    center,
    ellipse cover,
    rgba(1, 32, 54, 1) 0%,
    rgba(0, 0, 0, 0.7) 100%
  );
  background: -ms-radial-gradient(
    center,
    ellipse cover,
    rgba(1, 32, 54, 1) 0%,
    rgba(0, 0, 0, 0.7) 100%
  );
  background: radial-gradient(
    ellipse at center,
    rgba(1, 32, 54, 1) 0%,
    rgba(0, 0, 0, 0.7) 100%
  );
}
.featured-box-bg-bottom-casino-review {
  float: left;
  width: 682px;
  margin: 8px 5px 0px 3px;
  background: #0f0d04 url(assets/images/texture.jpg) repeat;
  border: 1px solid #020704;
  -webkit-box-shadow: 0 0 0 1px #174c77, 0 0 0 3px #000904;
  box-shadow: 0 0 0 1px #174c77, 0 0 0 3px #000904;
  position: relative;
  overflow: hidden;
}

.featured-box-bg-top-casino-review {
  width: 675px;
  margin: 2px 0 2px 2px;
  border: 1px solid #fde07f;
  color: #fff;
  font-size: 13px;
  font-family: "Lucida-demibold", Fallback, verdana;
  position: relative;
  display: table;
  z-index: 1;
}

.featured-box-bg-top-casino-review ul {
  float: left;
  width: 650px;
  margin: 20px 0 20px 20px;
}
.featured-box-bg-top-casino-review ul li {
  display: inline-table;
  width: 30%;
  font-size: 13px;
  margin: 0 2% 10px 0;
  list-style-type: none;
}
.featured-box-bg-top-casino-review ul li a {
  color: #fff;
  padding: 0 0 3px 0;
  text-decoration: none;
  border-bottom: 1px dotted #63b3f0;
}
.featured-box-bg-top-casino-review ul li span {
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  color: #63b3f0;
}

.featured-box-bg-top {
  width: 673px;
  height: 66px;
  margin: 6px 0 0 3px;
  border: 1px solid #fde07f;
  color: #fff;
  font-size: 18px;
  font-family: "Lucida-demibold", Fallback, verdana;
  position: relative;
  display: table;
  z-index: 1;
}

.featured-box-bg-top-review {
  width: 675px;
  height: 73px;
  margin: 2px 0 0 2px;
}

.featured-box-bg-top img {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.featured-box-bg-top strong {
  display: table-cell;
  vertical-align: middle;
  width: 80%;
  line-height: 20px;
  padding: 0 20px 0 20px;
}
.featured-box-bg-top-slot-review strong,
.featured-box-bg-top-review strong {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  line-height: 20px;
  text-align: center;
  padding: 0 20px 0 0;
}
.fbsr-img {
  float: left;
  width: 135px;
  height: 48px;
  margin: 0 0 0 10px;
}
.fbsr-img-space {
  margin: 8px 0 0 10px;
}
.full-on {
  width: 100% !important;
}
.half-on {
  width: 72% !important;
}
.rev-img {
  float: left;
  width: 135px;
  height: 48px;
  margin: 12px 0 0 10px;
}
.bonus-info-box:before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 10px solid #dedede;
}
.bonus-info-box {
  position: absolute;
  bottom: 75px;
  left: 260px;
  color: #72060c;
  text-align: center;
  text-shadow: 1px 1px 0px #fff;
  text-transform: uppercase;
  background: rgb(253, 253, 253);
  background: -moz-radial-gradient(
    center,
    ellipse cover,
    rgba(253, 253, 253, 1) 0%,
    rgba(209, 209, 209, 1) 100%
  );
  background: -webkit-gradient(
    radial,
    center center,
    0px,
    center center,
    100%,
    color-stop(0%, rgba(253, 253, 253, 1)),
    color-stop(100%, rgba(209, 209, 209, 1))
  );
  background: -webkit-radial-gradient(
    center,
    ellipse cover,
    rgba(253, 253, 253, 1) 0%,
    rgba(209, 209, 209, 1) 100%
  );
  background: -o-radial-gradient(
    center,
    ellipse cover,
    rgba(253, 253, 253, 1) 0%,
    rgba(209, 209, 209, 1) 100%
  );
  background: -ms-radial-gradient(
    center,
    ellipse cover,
    rgba(253, 253, 253, 1) 0%,
    rgba(209, 209, 209, 1) 100%
  );
  background: radial-gradient(
    ellipse at center,
    rgba(253, 253, 253, 1) 0%,
    rgba(209, 209, 209, 1) 100%
  );
  -webkit-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  -webkit-box-shadow: 2px 3px 4px -2px #373737;
  box-shadow: 2px 3px 4px -2px #373737;
  border: 1px solid #fff;
  padding: 2px 10px;
  font-family: "Gotham-Black", Fallback, verdana;
  font-size: 14px;
  z-index: 4;
}

.end-section-2:before {
  content: "";
  position: absolute;
  bottom: 16px;
  left: 5px;
  width: 20%;
  height: 10px;
  background: #dedede;
  -webkit-box-shadow: 0 15px 10px #949494;
  box-shadow: 0 15px 10px #949494;
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
  z-index: -1;
}
.end-section-2:after {
  content: "";
  position: absolute;
  bottom: 16px;
  right: 5px;
  width: 20%;
  height: 10px;
  background: #dedede;
  -webkit-box-shadow: 0 15px 10px #949494;
  box-shadow: 0 15px 10px #949494;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
  z-index: -1;
}
.end-section-2 {
  float: left;
  width: 100%;
  height: 4px;
  margin: 3px 0 10px 0px;
  background: #d6d6d6;
  position: relative;
}
.end-section-3 {
  float: left;
  width: 100%;
  height: 4px;
  margin: 3px 0 10px 0px;
  background: #c1c1c1;
  border-top: 3px solid #d6d6d6;
  position: relative;
}

.end-section-2-shadow:after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: -95px;
  width: 690px;
  height: 1px;
  background: #d6d6d6;
}
.end-section-2-shadow-slot-review:after {
  display: none;
}
.end-section-2-shadow {
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  max-width: 500px;
  height: 14px;
  background: #000;
  -webkit-box-shadow: 0 3px 30px 0 #969696;
  box-shadow: 0 3px 30px 0 #969696;
  z-index: -5;
}

.news-wrap,
.news-wrap-center {
  display: inline-table;
  width: 220px;
  margin: 15px 3px;
}
.news-wrap-center-review {
  display: inline-table;
  width: 220px;
  margin: 10px 3px 0 3px;
}
.news-wrap span,
.news-wrap a,
.news-wrap-center a,
.blog-row-content h3 a,
.read-full {
  display: block;
  font-family: "Lucida-demibold", Fallback, verdana;
  text-decoration: none;
}
.news-wrap span {
  font-size: 13px;
}
.news-wrap a:after,
.news-wrap-center a:after,
.blog-row-content h3 a:after,
.read-full:after {
  content: "»";
  display: inline;
  color: #aaaaaa;
  margin: 0 0 0 3px;
}
.news-wrap a,
.news-wrap-center a,
.blog-row-content h3 a,
.read-full {
  font-size: 15px;
}
.news-wrap-center a,
.read-full {
  font-size: 15px;
  text-align: center;
}
.read-full {
  margin: 10px 0 0 0;
  text-align: left;
}

.image-wrap-1:before,
.image-wrap-2:before,
.image-wrap-3:before,
.image-wrap-4:before {
  content: "";
  position: absolute;
  bottom: 12px;
  left: 10px;
  width: 40%;
  height: 10px;
  background: #dedede;
  -webkit-box-shadow: 0 15px 10px #bbb;
  box-shadow: 0 15px 10px #bbb;
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
  z-index: -1;
}
.image-wrap-1:after,
.image-wrap-2:after,
.image-wrap-3:after,
.image-wrap-4:after {
  content: "";
  position: absolute;
  bottom: 12px;
  right: 10px;
  width: 40%;
  height: 10px;
  background: #dedede;
  -webkit-box-shadow: 0 15px 10px #bbb;
  box-shadow: 0 15px 10px #bbb;
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
  z-index: -1;
}
.image-wrap-1,
.image-wrap-2,
.image-wrap-3,
.image-wrap-4 {
  float: left;
  width: 216px;
  height: 125px;
  margin: 0 0 10px 0;
  background: #efefef;
  background: -moz-linear-gradient(top, #efefef 0%, #ffffff 47%, #f4f4f4 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #efefef),
    color-stop(47%, #ffffff),
    color-stop(100%, #f4f4f4)
  );
  background: -webkit-linear-gradient(
    top,
    #efefef 0%,
    #ffffff 47%,
    #f4f4f4 100%
  );
  background: -o-linear-gradient(top, #efefef 0%, #ffffff 47%, #f4f4f4 100%);
  background: -ms-linear-gradient(top, #efefef 0%, #ffffff 47%, #f4f4f4 100%);
  background: linear-gradient(to bottom, #efefef 0%, #ffffff 47%, #f4f4f4 100%);
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 0 1px #d1d1d1, 0 4px 10px -4px #969696;
  box-shadow: 0 0 0 1px #d1d1d1, 0 4px 10px -4px #969696;
  position: relative;
}
.image-wrap-1 span {
  position: absolute;
  top: 3px;
  left: 3px;
  height: 30px;
  padding: 0 8px;
  z-index: 1;
  color: #fff;
  text-transform: uppercase;
  border: 1px solid #000;
  font-size: 12px;
  line-height: 30px;
  background: #072b4f;
  background: -moz-linear-gradient(top, #072b4f 0%, #02141e 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #072b4f),
    color-stop(100%, #02141e)
  );
  background: -webkit-linear-gradient(top, #072b4f 0%, #02141e 100%);
  background: -o-linear-gradient(top, #072b4f 0%, #02141e 100%);
  background: -ms-linear-gradient(top, #072b4f 0%, #02141e 100%);
  background: linear-gradient(to bottom, #072b4f 0%, #02141e 100%);
}

.image-wrap-3 {
  width: 240px;
  height: 169px;
  margin: 20px 0 0 0px;
}

.image-wrap-4 {
  width: 215px;
  height: 175px;
  margin: 5px 0 0 0px;
}
.image-wrap-large {
  width: 292px;
  height: 191px;
}

.image-wrap-2,
.image-wrap-3,
.image-wrap-4 {
  border: none;
  -webkit-box-shadow: 0 0 0 0px #fff, 0 4px 10px -4px #969696;
  box-shadow: 0 0 0 0px #fff, 0 4px 10px -4px #969696;
  padding: 2px;
  background: #cccccc;
  background: -moz-linear-gradient(
    45deg,
    #cccccc 0%,
    #ffffff 50%,
    #bebebe 100%
  );
  background: -webkit-gradient(
    linear,
    left bottom,
    right top,
    color-stop(0%, #cccccc),
    color-stop(50%, #ffffff),
    color-stop(100%, #bebebe)
  );
  background: -webkit-linear-gradient(
    45deg,
    #cccccc 0%,
    #ffffff 50%,
    #bebebe 100%
  );
  background: -o-linear-gradient(45deg, #cccccc 0%, #ffffff 50%, #bebebe 100%);
  background: -ms-linear-gradient(45deg, #cccccc 0%, #ffffff 50%, #bebebe 100%);
  background: linear-gradient(45deg, #cccccc 0%, #ffffff 50%, #bebebe 100%);
}

.image-wrap-1 img,
.image-wrap-2 img,
.image-wrap-3 img,
.image-wrap-4 img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 212px;
  height: 121px;
}
.image-wrap-3 img {
  width: 236px;
  height: 165px;
}
.image-wrap-4 img {
  width: 210px;
  height: 170px;
}
.image-wrap-large img {
  width: 288px;
  height: 187px;
}
.news-wrap:hover img,
.news-wrap-center:hover img,
.image-wrap-3:hover img,
.image-wrap-4:hover img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.news-wrap:hover a,
.news-wrap-center:hover a {
  color: #aaa;
}

ul.resource-list {
  display: inline-block;
  width: 100%;
  margin: 15px 0;
  padding: 25px 0px;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
}

ul.resource-list li {
  float: left;
  width: 30%;
  margin: 2px 0 2px 2%;
  list-style-type: none;
}

ul.resource-list li a:after {
  content: "»";
  display: inline;
  color: #aaaaaa;
  margin: 0 0 0 3px;
}
ul.resource-list li a {
  text-decoration: none;
  font-family: "Lucida-demibold", Fallback, verdana;
}

.review-cta-left {
  float: left;
  width: 275px;
  margin: 20px 0 22px 40px;
  text-align: center;
  color: #fff;
  font-size: 22px;
  text-transform: uppercase;
  position: relative;
}

.review-cta-right:after {
  content: "";
  position: absolute;
  top: -231px;
  left: -184px;
  width: 500px;
  height: 500px;
  background: #000;
  background: -moz-radial-gradient(
    center,
    ellipse cover,
    #012036 0%,
    #000000 100%
  );
  background: -webkit-gradient(
    radial,
    center center,
    0px,
    center center,
    100%,
    color-stop(0%, #012036),
    color-stop(100%, #000000)
  );
  background: -webkit-radial-gradient(
    center,
    ellipse cover,
    #012036 0%,
    #000000 100%
  );
  background: -o-radial-gradient(
    center,
    ellipse cover,
    #012036 0%,
    #000000 100%
  );
  background: -ms-radial-gradient(
    center,
    ellipse cover,
    #012036 0%,
    #000000 100%
  );
  background: radial-gradient(ellipse at center, #012036 0%, #000000 100%);
  z-index: -1;
  opacity: 0.95;
}
.review-cta-right {
  float: right;
  width: 300px;
  margin: 22px 25px 22px 0;
  padding: 15px 0 5px 0;
  color: #fff;
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  -webkit-box-shadow: 0 10px 10px -10px #000;
  box-shadow: 0 10px 10px -10px #000;
  border: 1px solid #114d77;
  overflow: hidden;
  position: relative;
  z-index: 1;
  color: #fff;
  text-align: center;
  font-size: 16px;
}

.review-cta-right strong:after {
  content: "»";
  margin: 0 0 0 5px;
}
.review-cta-right strong {
  color: #79b6e8;
  display: inline-block;
  margin: 0 0 0 0;
}

.review-cta-right ul {
  float: left;
  width: 225px;
  margin: 10px 0 0 50px;
  text-align: left;
}
.review-cta-right ul li:before {
  content: "";
  position: absolute;
  top: 0;
  left: -30px;
  background: url("assets/images/sprite.png") no-repeat -27px -160px;
  width: 21px;
  height: 18px;
}
.review-cta-right ul li {
  float: left;
  width: 100%;
  margin: 0 0 6px 0;
  position: relative;
  list-style-type: none;
}

.room-support {
  float: right;
  width: 125px;
}

/* ----------------------- FOOTER ---------------------- */

.footer-bg:before {
  content: "";
  position: absolute;
  top: 90px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: url(assets/images/footer-bg.png) no-repeat;
  width: 769px;
  height: 122px;
}
.footer-bg:after {
  content: "";
  position: absolute;
  top: 95px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 1006px;
  height: 1px;
  background: #fff;
  border-bottom: 1px solid #000;
  opacity: 0.2;
}
.footer-bg {
  float: left;
  width: 100%;
  background: #01080d;
  background: -moz-linear-gradient(
    top,
    #01080d 0%,
    #012a48 40%,
    #012a48 60%,
    #01080d 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #01080d),
    color-stop(40%, #012a48),
    color-stop(60%, #012a48),
    color-stop(100%, #01080d)
  );
  background: -webkit-linear-gradient(
    top,
    #01080d 0%,
    #012a48 40%,
    #012a48 60%,
    #01080d 100%
  );
  background: -o-linear-gradient(
    top,
    #01080d 0%,
    #012a48 40%,
    #012a48 60%,
    #01080d 100%
  );
  background: -ms-linear-gradient(
    top,
    #01080d 0%,
    #012a48 40%,
    #012a48 60%,
    #01080d 100%
  );
  background: linear-gradient(
    to bottom,
    #01080d 0%,
    #012a48 40%,
    #012a48 60%,
    #01080d 100%
  );
  border-top: 1px solid #01243d;
  position: relative;
}

.footer:after {
  content: "";
  position: absolute;
  top: -75px;
  left: -9px;
  height: 80px;
  width: 1px;
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(255, 255, 255, 0)),
    color-stop(100%, rgba(255, 255, 255, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  border-left: 1px solid #000;
  opacity: 0.2;
}
.footer:before {
  content: "";
  position: absolute;
  top: -75px;
  right: -9px;
  height: 80px;
  width: 1px;
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(255, 255, 255, 0)),
    color-stop(100%, rgba(255, 255, 255, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  border-right: 1px solid #000;
  opacity: 0.2;
}
.footer {
  float: left;
  width: 100%;
  min-height: 150px;
  margin: 90px 0 0 0;
  position: relative;
}

.footer-left:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -20px;
  margin: auto 0;
  width: 1px;
  height: 70%;
  background: #fff;
  opacity: 0.1;
}
.footer-left {
  float: left;
  width: 495px;
  margin: 60px 0 20px 15px;
  color: #d6d6d6;
  font-size: 14px;
  position: relative;
}

.footer-left h3:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 4px;
  height: 15px;
  background: #0087cc;
}
.footer-left h3 {
  color: #fcf13f;
  text-shadow: 1px 1px 0px #000;
  padding: 0 0 0 10px;
  position: relative;
}
.footer-left p {
  padding: 5px 0 5px 10px;
}

.footer-right {
  float: right;
  width: 365px;
  margin: 15px 15px 20px 0;
  position: relative;
}

.footer-approved:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  width: 340px;
  height: 1px;
  margin: 0 auto;
  background: #0a2f4a;
  background: -moz-linear-gradient(left, #0a2f4a 0%, #3c5161 50%, #0a2f4a 100%);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, #0a2f4a),
    color-stop(50%, #3c5161),
    color-stop(100%, #0a2f4a)
  );
  background: -webkit-linear-gradient(
    left,
    #0a2f4a 0%,
    #3c5161 50%,
    #0a2f4a 100%
  );
  background: -o-linear-gradient(left, #0a2f4a 0%, #3c5161 50%, #0a2f4a 100%);
  background: -ms-linear-gradient(left, #0a2f4a 0%, #3c5161 50%, #0a2f4a 100%);
  background: linear-gradient(to right, #0a2f4a 0%, #3c5161 50%, #0a2f4a 100%);
}
.footer-approved:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  width: 340px;
  height: 1px;
  margin: 0 auto;
  background: #0a2f4a;
  background: -moz-linear-gradient(left, #0a2f4a 0%, #3c5161 50%, #0a2f4a 100%);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, #0a2f4a),
    color-stop(50%, #3c5161),
    color-stop(100%, #0a2f4a)
  );
  background: -webkit-linear-gradient(
    left,
    #0a2f4a 0%,
    #3c5161 50%,
    #0a2f4a 100%
  );
  background: -o-linear-gradient(left, #0a2f4a 0%, #3c5161 50%, #0a2f4a 100%);
  background: -ms-linear-gradient(left, #0a2f4a 0%, #3c5161 50%, #0a2f4a 100%);
  background: linear-gradient(to right, #0a2f4a 0%, #3c5161 50%, #0a2f4a 100%);
}
.footer-approved {
  float: right;
  text-align: center;
  width: 335px;
  /* 	background: #01223a; */
  /* 	background: -moz-linear-gradient(top,  #01223a 0%, #011524 30%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01223a), color-stop(30%,#011524)); background: -webkit-linear-gradient(top,  #01223a 0%,#011524 30%); background: -o-linear-gradient(top,  #01223a 0%,#011524 30%); background: -ms-linear-gradient(top,  #01223a 0%,#011524 30%); background: linear-gradient(to bottom,  #01223a 0%,#011524 30%); */
  /* 	-webkit-border-radius: 3px 3px 3px 3px; */
  /* 	border-radius: 3px 3px 3px 3px; */
  /* 	-webkit-box-shadow: 0 4px 10px -4px #000 , inset 0 0 10px 0 #011524; */
  /* 	box-shadow: 0 4px 10px -4px #000 , inset 0 0 10px 0 #011524; */
  /* 	border: 1px solid #0a2f4a; */
  padding: 10px;
  position: relative;
}
.footer-approved img {
  padding: 5px;
}

.footer-bottom:after {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  height: 50px;
  width: 1px;
  background: -moz-linear-gradient(
    top,
    rgba(32, 66, 91, 1) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(32, 66, 91, 1)),
    color-stop(100%, rgba(0, 0, 0, 0))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(32, 66, 91, 1) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(32, 66, 91, 1) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(32, 66, 91, 1) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(32, 66, 91, 1) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  border-left: 1px solid #012030;
}
.footer-bottom:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0px;
  height: 50px;
  width: 1px;
  background: -moz-linear-gradient(
    top,
    rgba(32, 66, 91, 1) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(32, 66, 91, 1)),
    color-stop(100%, rgba(0, 0, 0, 0))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(32, 66, 91, 1) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(32, 66, 91, 1) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(32, 66, 91, 1) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(32, 66, 91, 1) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  border-left: 1px solid #012030;
}
.footer-bottom {
  float: left;
  width: 100%;
  padding: 0px 0 0px 0;
  border-top: 1px solid #20425b;
  -webkit-box-shadow: 0 -1px 0 0 #012030;
  box-shadow: 0 -1px 0 0 #012030;
  position: relative;
  text-shadow: 1px 1px 0px #000;
  font-size: 13px;
  line-height: 15px;
}

.footer-bottom ul {
  float: left;
  width: 570px;
  margin: 0 0 0 20px;
  padding: 30px 0 30px 0;
}
.footer-bottom ul li {
  float: left;
}
.footer-bottom ul li a {
  color: #fff;
  text-decoration: none;
}
.footer-bottom ul li a:after {
  content: "-";
  margin: 0 5px;
}

.copyright {
  float: right;
  width: 330px;
  margin: 0 20px 0 0;
  text-align: right;
  color: #fff;
  border-left: 1px solid #091d2b;
  padding: 30px 0 30px 0;
}
.copyright p {
  padding: 0 0;
}
.copyright a {
  color: #fcf13f;
  text-decoration: none;
}
.logo-footer {
  float: left;
  width: 100%;
}
.logo-footer img {
  display: block;
  margin: 0 auto;
}

.footer-social {
  float: left;
  width: 35px;
  margin: 90px 0 0 40px;
}

/* ----------------------- TOPLIST ---------------------- */
/* todo: styles for old toplist */

.toplist-bg:after {
  content: "";
  width: 690px;
  height: 5px;
  position: absolute;
  left: -2px;
  bottom: -7px;
  background: #d6d6d6;
  -webkit-box-shadow: inset 0 5px 10px -7px #9d9d9d;
  box-shadow: inset 0 5px 10px -7px #9d9d9d;
}
.toplist-bg:before {
  content: "";
  width: 690px;
  height: 1px;
  position: absolute;
  left: -2px;
  top: -4px;
  background: #011c30;
  border-top: 1px solid #01243d;
}
.toplist-bg {
  display: inline-block;
  width: 686px;
  margin: 10px 0;
  padding: 0 0 12px 0;
  background: #f6f9f6;
  background: -moz-linear-gradient(top, #bbbdbb 0%, #f6f9f6 30%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #bbbdbb),
    color-stop(30%, #f6f9f6)
  );
  background: -webkit-linear-gradient(top, #bbbdbb 0%, #f6f9f6 30%);
  background: -o-linear-gradient(top, #bbbdbb 0%, #f6f9f6 30%);
  background: -ms-linear-gradient(top, #bbbdbb 0%, #f6f9f6 30%);
  background: linear-gradient(to bottom, #bbbdbb 0%, #f6f9f6 30%);
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 0 1px #d5d8d5, inset 0 -30px 20px -15px #e9eae9;
  box-shadow: 0 0 0 1px #d5d8d5, inset 0 -30px 20px -15px #e9eae9;
  position: relative;
}

.toplist-end:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 0;
  width: 668px;
  height: 1px;
  background: #d6d6d6;
  border-bottom: 1px solid #fff;
}
.toplist-end:after {
  content: "";
  position: absolute;
  bottom: -38px;
  left: -8px;
  width: 686px;
  height: 1px;
  background: #cecece;
}
.toplist-end {
  float: left;
  width: 668px;
  height: 8px;
  margin: 14px 0 0 8px;
  background: #010509;
  background: -moz-linear-gradient(left, #010509 0%, #013357 50%, #010509 100%);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, #010509),
    color-stop(50%, #013357),
    color-stop(100%, #010509)
  );
  background: -webkit-linear-gradient(
    left,
    #010509 0%,
    #013357 50%,
    #010509 100%
  );
  background: -o-linear-gradient(left, #010509 0%, #013357 50%, #010509 100%);
  background: -ms-linear-gradient(left, #010509 0%, #013357 50%, #010509 100%);
  background: linear-gradient(to right, #010509 0%, #013357 50%, #010509 100%);
  position: relative;
}

.toplist-shadow {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 70%;
  height: 30px;
  background: #000;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 5px 40px 0px #000000;
  box-shadow: 0px 5px 40px 0px #000000;
  z-index: -1;
}

.toplist-head-bottom {
  float: left;
  width: 668px;
  height: 30px;
  margin: 8px 0 0 8px;
  background: #7b90a0;
  background: -moz-linear-gradient(top, #7b90a0 0%, #101417 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #7b90a0),
    color-stop(100%, #101417)
  );
  background: -webkit-linear-gradient(top, #7b90a0 0%, #101417 100%);
  background: -o-linear-gradient(top, #7b90a0 0%, #101417 100%);
  background: -ms-linear-gradient(top, #7b90a0 0%, #101417 100%);
  background: linear-gradient(to bottom, #7b90a0 0%, #101417 100%);
  border: 1px solid #011a2c;
}

.toplist-head:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 0;
  width: 666px;
  height: 15px;
  background: rgba(0, 0, 0, 0.25);
}
.toplist-head:before {
  content: "";
  position: absolute;
  top: -55px;
  left: 0;
  width: 666px;
  height: 130px;
  background: #101417;
  background: -moz-radial-gradient(
    center,
    ellipse cover,
    #013860 0%,
    #010306 100%
  );
  background: -webkit-gradient(
    radial,
    center center,
    0px,
    center center,
    100%,
    color-stop(0%, #013860),
    color-stop(100%, #010306)
  );
  background: -webkit-radial-gradient(
    center,
    ellipse cover,
    #013860 0%,
    #010306 100%
  );
  background: -o-radial-gradient(
    center,
    ellipse cover,
    #013860 0%,
    #010306 100%
  );
  background: -ms-radial-gradient(
    center,
    ellipse cover,
    #013860 0%,
    #010306 100%
  );
  background: radial-gradient(ellipse at center, #013860 0%, #010306 100%);
}
.toplist-head {
  float: left;
  width: 666px;
  height: 29px;
  margin: 1px 0 0 1px;
  background: #101417;
  position: relative;
  overflow: hidden;
}

.row-1,
.row-2,
.row-3,
.row-4,
.row-5,
.row-6 {
  float: left;
  color: #fff;
  line-height: 30px;
  text-align: center;
  z-index: 1;
  text-shadow: 1px 1px 1px #000;
  text-transform: uppercase;
  font-size: 12px;
  position: relative;
}
.row-1:after,
.row-2:after,
.row-3:after,
.row-4:after,
.row-5:after {
  content: "";
  position: absolute;
  top: 0;
  right: -3px;
  background: #000;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  width: 1px;
  height: 29px;
  opacity: 0.1;
}

.b-row-1,
.b-row-2,
.b-row-3,
.b-row-4,
.b-row-5,
.b-row-6 {
  float: left;
}
.row-1,
.b-row-1 {
  width: 32px;
}
.row-2,
.b-row-2 {
  width: 179px;
}
.row-3,
.b-row-3 {
  width: 123px;
}
.row-4,
.b-row-4 {
  width: 169px;
}
.row-5,
.b-row-5 {
  width: 57px;
}
.row-6 {
  width: 106px;
}
.b-row-6 {
  width: 101px;
}
.b-row-1,
.b-row-2,
.b-row-3,
.b-row-4,
.b-row-5,
.b-row-6 {
  height: 80px;
  position: relative;
}

.b-row-1 {
  line-height: 80px;
  text-align: center;
  font-family: "Lucida-demibold", Fallback, verdana;
  font-size: 23px;
}

.b-row-3 {
  text-align: center;
  font-family: "Lucida-demibold", Fallback, verdana;
  font-size: 14px;
  line-height: 14px;
  text-transform: uppercase;
  letter-spacing: -1px;
  color: #011626;
}
.b-row-3 div {
  margin: 15px 0 0 0;
  text-align: center;
}
.b-row-3 span {
  display: block;
  color: #011626;
  font-size: 18px;
  color: #b71013;
  margin: 9px 0 0 0;
  text-align: center;
  line-height: 18px;
}
span.empty-var {
  margin: 32px 0 0 0;
}
.b-row-4 {
  font-size: 13px;
  line-height: 15px;
}
.b-row-4 span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 80px;
  padding: 0 10px;
}

.info-bt:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: url("images/sprite.png") no-repeat -108px -33px;
  width: 13px;
  height: 13px;
}
.info-bt {
  width: 39px;
  height: 43px;
  border: 1px solid #e2e2e2;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f6f7fa 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ffffff),
    color-stop(100%, #f6f7fa)
  );
  background: -webkit-linear-gradient(top, #ffffff 0%, #f6f7fa 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f6f7fa 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f6f7fa 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f6f7fa 100%);
  margin: 15px 0 0 7px;
  color: #a1a1a1;
  text-transform: uppercase;
  line-height: 66px;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 0px #fff;
  position: relative;
}
.info-bt:hover {
  text-decoration: underline;
}

.b-row-3:after,
.b-row-4:after,
.b-row-5:after {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  height: 48px;
  width: 1px;
  background: #91969c;
  background: -moz-linear-gradient(top, #91969c 0%, #f4f7f9 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #91969c),
    color-stop(100%, #f4f7f9)
  );
  background: -webkit-linear-gradient(top, #91969c 0%, #f4f7f9 100%);
  background: -o-linear-gradient(top, #91969c 0%, #f4f7f9 100%);
  background: -ms-linear-gradient(top, #91969c 0%, #f4f7f9 100%);
  background: linear-gradient(to bottom, #91969c 0%, #f4f7f9 100%);
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

.rbt-pos-t {
  margin: 15px 6px 0 0;
}

.toplist-col-bg {
  float: left;
  width: 670px;
  height: 86px;
  margin: 6px 0 0 8px;
  background: #e2e2e2;
  background: -moz-linear-gradient(left, #e2e2e2 0%, #e6eaed 100%);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, #e2e2e2),
    color-stop(100%, #e6eaed)
  );
  background: -webkit-linear-gradient(left, #e2e2e2 0%, #e6eaed 100%);
  background: -o-linear-gradient(left, #e2e2e2 0%, #e6eaed 100%);
  background: -ms-linear-gradient(left, #e2e2e2 0%, #e6eaed 100%);
  background: linear-gradient(to right, #e2e2e2 0%, #e6eaed 100%);
}

.toplist-col {
  float: left;
  width: 662px;
  height: 78px;
  margin: 3px 0 0 3px;
  border: 1px solid #fff;
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px #d2cece, inset 0 0 55px 6px #f7f1f1;
  box-shadow: 0 0 0 1px #d2cece, inset 0 0 55px 6px #f7f1f1;
}
.tp-hover {
  -webkit-box-shadow: 0 0 0 1px #d2cece, inset 0 0 55px 6px #f9f9f9;
  box-shadow: 0 0 0 1px #d2cece, inset 0 0 55px 6px #f9f9f9;
}

.toplist-logo-bg:before {
  content: "";
  position: absolute;
  bottom: 12px;
  left: 20px;
  width: 37%;
  height: 10px;
  background: #bababa;
  -webkit-box-shadow: 0 15px 10px #bababa;
  box-shadow: 0 15px 10px #bababa;
  -webkit-transform: rotate(7deg);
  -moz-transform: rotate(7deg);
  -o-transform: rotate(7deg);
  -ms-transform: rotate(7deg);
  transform: rotate(7deg);
  z-index: -1;
}
.toplist-logo-bg:after {
  content: "";
  position: absolute;
  bottom: 12px;
  right: 20px;
  width: 37%;
  height: 10px;
  background: #bababa;
  -webkit-box-shadow: 0 15px 10px #bababa;
  box-shadow: 0 15px 10px #bababa;
  -webkit-transform: rotate(-7deg);
  -moz-transform: rotate(-7deg);
  -o-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  transform: rotate(-7deg);
  z-index: -1;
}
.toplist-logo-bg {
  float: left;
  width: 180px;
  height: 87px;
  margin: -3px 0px 0px 0px;
  background: #010509;
  background: -moz-radial-gradient(
    top,
    ellipse cover,
    #013860 1%,
    #010509 100%
  );
  background: -webkit-gradient(
    radial,
    top top,
    0px,
    top top,
    100%,
    color-stop(1%, #013860),
    color-stop(100%, #010509)
  );
  background: -webkit-radial-gradient(
    top,
    ellipse cover,
    #013860 1%,
    #010509 100%
  );
  background: -o-radial-gradient(top, ellipse cover, #013860 1%, #010509 100%);
  background: -ms-radial-gradient(top, ellipse cover, #013860 1%, #010509 100%);
  background: radial-gradient(ellipse at top, #013860 1%, #010509 100%);
  -webkit-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  border-bottom: 1px solid #31aaff;
  -webkit-box-shadow: 0 10px 20px -10px #5e5e5e;
  box-shadow: 0 10px 20px -10px #5e5e5e;
  position: relative;
}
.tlb-review {
  width: 250px;
  height: 126px;
  margin: 0px 0px 15px 10px;
  border-bottom: 1px solid #878787;
  -webkit-box-shadow: 0 10px 20px -10px #000;
  box-shadow: 0 10px 20px -10px #000;
}

/*.toplist-logo:before{content: ""; position: absolute; top:-1px; left:-1px; width: 172px; height: 78px; background: #01060b url(images/texture.jpg) repeat; opacity: 0.1; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; }*/
/*.toplist-logo:after{content: ""; position: absolute; top:-1px; left:-1px; width: 172px; height: 78px; border:1px solid #000; -webkit-box-shadow: 0 0 0 1px #013153; box-shadow: 0 0 0 1px #013153; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; }*/
.toplist-logo {
  float: left;
  width: 172px;
  height: 78px;
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  margin: 5px 0 0 4px;
  background: #010509;
  background: -moz-radial-gradient(
    top,
    ellipse cover,
    #003b6b 1%,
    #010509 100%
  );
  background: -webkit-gradient(
    radial,
    top top,
    0px,
    top top,
    100%,
    color-stop(1%, #003b6b),
    color-stop(100%, #010509)
  );
  background: -webkit-radial-gradient(
    top,
    ellipse cover,
    #003b6b 1%,
    #010509 100%
  );
  background: -o-radial-gradient(top, ellipse cover, #003b6b 1%, #010509 100%);
  background: -ms-radial-gradient(top, ellipse cover, #003b6b 1%, #010509 100%);
  background: radial-gradient(ellipse at top, #003b6b 1%, #010509 100%);
  position: relative;
}
.tl-review:before {
  width: 242px;
  height: 117px;
}
.tl-review:after {
  width: 242px;
  height: 117px;
}
.tl-review {
  width: 242px;
  height: 117px;
}

.toplist-logo-hover {
  background: #010509;
  background: -moz-radial-gradient(
    top,
    ellipse cover,
    #155990 1%,
    #010509 100%
  );
  background: -webkit-gradient(
    radial,
    top top,
    0px,
    top top,
    100%,
    color-stop(1%, #155990),
    color-stop(100%, #010509)
  );
  background: -webkit-radial-gradient(
    top,
    ellipse cover,
    #155990 1%,
    #010509 100%
  );
  background: -o-radial-gradient(top, ellipse cover, #155990 1%, #010509 100%);
  background: -ms-radial-gradient(top, ellipse cover, #155990 1%, #010509 100%);
  background: radial-gradient(ellipse at top, #155990 1%, #010509 100%);
}
.toplist-logo img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.reflection-logo-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 100px 45px 0;
  border-color: transparent #4ab4ff transparent transparent;
  opacity: 0.2;
}
.rlbr {
  border-width: 0 160px 60px 0;
}
.reflection-mid {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 242px;
  height: 58px;
  background: #000;
  opacity: 0.25;
}

.review h2 {
  float: left;
  width: 100%;
  margin: 20px 0 10px 0;
  text-align: center;
  background: #fff;
  background: -moz-linear-gradient(top, #ededed 0%, #ffffff 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ededed),
    color-stop(100%, #ffffff)
  );
  background: -webkit-linear-gradient(top, #ededed 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #ededed 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #ededed 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #ededed 0%, #ffffff 100%);
  padding: 25px 0 10px 0;
  border-top: 2px solid #0e598e;
  font-family: "Lucida-demibold", Fallback, verdana;
  font-size: 21px;
}

/* ----------------------- NAVIGATION ---------------------- */

.top-header nav {
  position: absolute;
  bottom: 12px;
  left: 0;
  width: 100%;
  height: 31px;
}

.top-header nav ul {
  display: block;
  float: right;
  width: 920px;
  height: 31px;
  margin: 9px 0 0 0;
  position: relative;
  z-index: 4;
}
.top-header nav ul li {
  float: right;
  margin: 0 0 0 20px;
}
.top-header nav ul li a {
  color: #fff;
  text-decoration: none;
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0);
  text-shadow: 1px 1px 1px #000;
}
.top-header nav ul li a:hover,
.top-header nav ul li a:active {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.3);
  color: #fcf13f;
}

.sidebar-navigation {
  float: left;
  width: 233px;
  margin: 7px 0 0 7px;
  font-family: "Lucida-demibold", Fallback, verdana;
  font-size: 14px;

  position: sticky;
  top: 10px;
}

.sidebar-navigation h2,
.sidebar-navigation h3,
.sidebar-navigation h4,
.sidebar-navigation h5,
.sidebar-navigation h6 {
  font-family: "Lucida-demibold", Fallback, verdana;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  color: #fff;
  background: url("assets/images/sprite.png") no-repeat -36px -84px;
  width: 233px;
  height: 39px;
  line-height: 39px;
}

.sidebar-navigation h2 {
  float: left;
}

.sidebar-navigation nav ul {
  float: left;
  width: 233px;
  background: #f2f2f2;
  margin: 1px 0 0 0;
  padding: 3px 0;
  position: relative;
  z-index: 10;
  text-shadow: 1px 1px 0px #fff;
}
.sidebar-navigation nav ul li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 24px;
  background: url("assets/images/sprite.png") no-repeat -62px -36px;
  width: 3px;
  height: 37px;
}
.sidebar-navigation nav ul li:after {
  content: "›";
  position: absolute;
  top: 8px;
  left: 10px;
  color: #b6bbb7;
  font-size: 20px;
}
.sidebar-navigation nav ul li {
  float: left;
  width: 225px;
  margin: 2px 0 2px 3px;
  background: #fff;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 0 1px #d1cbcb, inset 0 0 15px 5px #f6efef;
  box-shadow: 0 0 0 1px #d1cbcb, inset 0 0 15px 5px #f6efef;
  line-height: 20px;
  position: relative;
}
.sidebar-navigation nav ul li:hover {
  background: #f3f8fd;
  -webkit-box-shadow: 0 0 0 1px #d1cbcb, inset 0 0 15px 5px #eeebf0;
  box-shadow: 0 0 0 1px #d1cbcb, inset 0 0 15px 5px #eeebf0;
}
.sidebar-navigation nav ul li a {
  display: block;
  text-decoration: none;
  padding: 9px 6px 9px 35px;
}
.sidebar-navigation nav ul li a span {
  color: #242831;
  border-bottom: 1px dotted #242831;
}

.sidebar-navigation nav ul li ul {
  display: none;
  position: absolute;
  top: -7px;
  left: 231px;
  width: 233px;
  background: #f2f2f2;
  margin: 1px 0 0 0;
  padding: 3px 0;
}

.sidebar-navigation nav ul li ul li:before {
  content: "";
  display: none;
}
.sidebar-navigation nav ul li ul li:after {
  content: "›";
  display: none;
}
.sidebar-navigation nav ul li ul li a {
  padding: 9px 6px 9px 15px;
}
.sidebar-navigation nav ul li ul li a span {
  color: #242831;
  border-bottom: 1px dotted #242831;
}
.sidebar-navigation nav ul li:hover > a span {
  color: #aaaaaa;
  border-bottom: none;
}

.sidebar-sep:before {
  content: "";
  position: absolute;
  top: -20px;
  left: 0px;
  right: 0;
  margin: 0 auto;
  width: 65%;
  height: 20px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 10px 0px #000000;
  box-shadow: 0px 0px 40px 0px #000000;
}
.sidebar-sep {
  float: left;
  width: 100%;
  height: 3px;
  margin: 0 0 2px 0;
  background: #013a62;
  background: -moz-linear-gradient(left, #000000 0%, #013a62 50%, #000000 100%);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, #000000),
    color-stop(50%, #013a62),
    color-stop(100%, #000000)
  );
  background: -webkit-linear-gradient(
    left,
    #000000 0%,
    #013a62 50%,
    #000000 100%
  );
  background: -o-linear-gradient(left, #000000 0%, #013a62 50%, #000000 100%);
  background: -ms-linear-gradient(left, #000000 0%, #013a62 50%, #000000 100%);
  background: linear-gradient(to right, #000000 0%, #013a62 50%, #000000 100%);
  position: relative;
}

.sidebar-shadow-left {
  width: 50%;
  height: 30px;
  background: -moz-linear-gradient(-73deg, #e0e0e0 0%, #ffffff 50%);
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0%, #e0e0e0),
    color-stop(50%, #ffffff)
  );
  background: -webkit-linear-gradient(-73deg, #e0e0e0 0%, #ffffff 50%);
  background: -o-linear-gradient(-73deg, #e0e0e0 0%, #ffffff 50%);
  background: -ms-linear-gradient(-73deg, #e0e0e0 0%, #ffffff 50%);
  background: linear-gradient(163deg, #e0e0e0 0%, #ffffff 50%);
}
.sidebar-shadow-right {
  width: 50%;
  height: 30px;
  background: -moz-linear-gradient(-106deg, #e0e0e0 0%, #ffffff 50%);
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0%, #e0e0e0),
    color-stop(50%, #ffffff)
  );
  background: -webkit-linear-gradient(-106deg, #e0e0e0 0%, #ffffff 50%);
  background: -o-linear-gradient(-106deg, #e0e0e0 0%, #ffffff 50%);
  background: -ms-linear-gradient(-106deg, #e0e0e0 0%, #ffffff 50%);
  background: linear-gradient(195deg, #e0e0e0 0%, #ffffff 50%);
}

.sidebar-box:before {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 0px;
  width: 37%;
  height: 10px;
  background: #dedede;
  -webkit-box-shadow: 0 15px 10px #dedede;
  box-shadow: 0 15px 10px #dedede;
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
  z-index: -1;
}
.sidebar-box:after {
  content: "";
  position: absolute;
  bottom: 10px;
  right: 0px;
  width: 37%;
  height: 10px;
  background: #dedede;
  -webkit-box-shadow: 0 15px 10px #dedede;
  box-shadow: 0 15px 10px #dedede;
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
  z-index: -1;
}
.sidebar-box {
  float: left;
  width: 225px;
  margin: 0 0 30px 3px;
  padding: 20px 0;
  background: #fff;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 0 1px #d1cbcb, inset 0 0 50px 10px #f6efef;
  box-shadow: 0 0 0 1px #d1cbcb, 0 0 0 3px #f2f2f2, inset 0 0 50px 10px #f6efef;
  line-height: 36px;
  text-align: center;
  position: relative;
}

ul.blog-menu,
ul.slot-menu {
  float: left;
  width: 100%;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  padding: 0 0;
  margin: 15px 0 0 0;
}
ul.blog-menu li,
ul.slot-menu li {
  float: left;
  font-family: "Lucida-demibold", Fallback, verdana;
  background: #fbfbfb;
  background: -moz-linear-gradient(top, #fbfbfb 0%, #f6f7fa 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fbfbfb),
    color-stop(100%, #f6f7fa)
  );
  background: -webkit-linear-gradient(top, #fbfbfb 0%, #f6f7fa 100%);
  background: -o-linear-gradient(top, #fbfbfb 0%, #f6f7fa 100%);
  background: -ms-linear-gradient(top, #fbfbfb 0%, #f6f7fa 100%);
  background: linear-gradient(to bottom, #fbfbfb 0%, #f6f7fa 100%);
  border: 1px solid #dedede;
  text-decoration: none;
  text-shadow: 1px 1px 0px #fff;
  margin: 10px 5px;
  list-style-type: none;
}
ul.blog-menu li:hover,
ul.slot-menu li:hover {
  background: #f6f7fa;
  background: -moz-linear-gradient(top, #f6f7fa 0%, #fbfbfb 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #f6f7fa),
    color-stop(100%, #fbfbfb)
  );
  background: -webkit-linear-gradient(top, #f6f7fa 0%, #fbfbfb 100%);
  background: -o-linear-gradient(top, #f6f7fa 0%, #fbfbfb 100%);
  background: -ms-linear-gradient(top, #f6f7fa 0%, #fbfbfb 100%);
  background: linear-gradient(to bottom, #f6f7fa 0%, #fbfbfb 100%);
}
ul.blog-menu li a,
ul.slot-menu li a {
  padding: 10px 10px;
  line-height: 40px;
  text-decoration: none;
}

ul.slot-menu {
  border: none;
  border-bottom: 5px solid #dfdfdf;
  padding: 0 0 8px 0;
}
ul.slot-menu li:before {
  content: "";
  position: absolute;
  bottom: 10px;
  right: 5px;
  width: 80px;
  height: 10px;
  background: #dedede;
  -webkit-box-shadow: 0 15px 10px #dedede;
  box-shadow: 0 15px 10px #dedede;
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
  z-index: -1;
}
ul.slot-menu li {
  width: 160px;
  height: 80px;
  -webkit-box-shadow: 0 0 0 1px #dedede;
  box-shadow: 0 0 0 1px #dedede;
  border: 1px solid #fff;
  position: relative;
}
ul.slot-menu li a:hover,
ul.slot-menu li img:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
}
ul.slot-menu li img {
  position: absolute;
  top: -20px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
ul.slot-menu li a:after {
  content: "»";
  display: inline;
  color: #aaaaaa;
  margin: 0 0 0 -2px;
  font-size: 15px;
}
ul.slot-menu li a {
  font-size: 13px;
  padding: 0;
  display: block;
  text-align: center;
  margin: 45px 0 0 0;
}
ul.slot-menu li.current img {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
}
.tab-content {
  float: left;
  width: 100%;
  display: none;
}
#all-slots,
#all-news {
  display: block;
}

.pagination {
  float: left;
  text-align: center;
  width: 100%;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  padding: 15px 0;
  margin: 20px 0;
}
.pagination span,
.pagination a {
  display: inline-block;
  margin: 2px 5px;
  padding: 10px 20px;
  font-family: "Lucida-demibold", Fallback, verdana;
  background: #fbfbfb;
  background: -moz-linear-gradient(top, #fbfbfb 0%, #f6f7fa 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fbfbfb),
    color-stop(100%, #f6f7fa)
  );
  background: -webkit-linear-gradient(top, #fbfbfb 0%, #f6f7fa 100%);
  background: -o-linear-gradient(top, #fbfbfb 0%, #f6f7fa 100%);
  background: -ms-linear-gradient(top, #fbfbfb 0%, #f6f7fa 100%);
  background: linear-gradient(to bottom, #fbfbfb 0%, #f6f7fa 100%);
  border: 1px solid #dedede;
  text-decoration: none;
  text-shadow: 1px 1px 0px #fff;
  width: auto;
  text-align: center;
}
.pagination span:hover,
.pagination a:hover,
.pagination .current {
  color: #aaaaaa;
  background: #f6f7fa;
  background: -moz-linear-gradient(top, #f6f7fa 0%, #fbfbfb 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #f6f7fa),
    color-stop(100%, #fbfbfb)
  );
  background: -webkit-linear-gradient(top, #f6f7fa 0%, #fbfbfb 100%);
  background: -o-linear-gradient(top, #f6f7fa 0%, #fbfbfb 100%);
  background: -ms-linear-gradient(top, #f6f7fa 0%, #fbfbfb 100%);
  background: linear-gradient(to bottom, #f6f7fa 0%, #fbfbfb 100%);
}

.pagination a.last-pag {
  float: right;
}
.pagination a.first-pag {
  float: left;
  margin: 0 0 0 0;
}
.spacer {
  float: left;
  width: 100px;
  margin: 0 0 0 0;
  height: 40px;
}

.bread-c {
  float: left;
  width: 100%;
  background: #efefef;
  background: -moz-linear-gradient(top, #efefef 0%, #ffffff 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #efefef),
    color-stop(100%, #ffffff)
  );
  background: -webkit-linear-gradient(top, #efefef 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #efefef 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #efefef 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #efefef 0%, #ffffff 100%);
  -webkit-box-shadow: 0 0 0 1px #cbcbcb;
  box-shadow: 0 0 0 1px #cbcbcb;
  border: 1px solid #fff;
  padding: 5px 0;
  margin: -25px 0 20px 0;
}
.bread-right a:before,
.bread-right span:before {
  content: "/";
  padding: 0 6px 0 0;
  color: #012c4a;
}
.bread-right {
  width: 90%;
  padding: 0 0 0 35px;
}
.bread-right a,
.bread-right span {
  line-height: 14px;
  color: #bebebe;
  text-decoration: none;
  font-size: 12px;
  margin: 0 2px 0 0;
}
.bread-right span {
  color: #d6d6d6;
}

.slot-information-header:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  background: url("assets/images/sprite.png") no-repeat -22px -134px;
  width: 236px;
  height: 22px;
  z-index: 1;
}
.slot-information-header:after {
  content: "";
  position: absolute;
  top: -100px;
  left: 0;
  background: #01487a;
  background: -moz-radial-gradient(
    center,
    ellipse cover,
    #01487a 0%,
    #010a10 100%
  );
  background: -webkit-gradient(
    radial,
    center center,
    0px,
    center center,
    100%,
    color-stop(0%, #01487a),
    color-stop(100%, #010a10)
  );
  background: -webkit-radial-gradient(
    center,
    ellipse cover,
    #01487a 0%,
    #010a10 100%
  );
  background: -o-radial-gradient(
    center,
    ellipse cover,
    #01487a 0%,
    #010a10 100%
  );
  background: -ms-radial-gradient(
    center,
    ellipse cover,
    #01487a 0%,
    #010a10 100%
  );
  background: radial-gradient(ellipse at center, #01487a 0%, #010a10 100%);
  width: 240px;
  height: 200px;
  z-index: -1;
}
.slot-information-header {
  float: left;
  width: 100%;
  height: 33px;
  overflow: hidden;
  position: relative;
}
.slot-information-header h3 {
  margin: 0;
  padding: 7px 0 0 15px;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  text-shadow: 1px 1px 1px #000;
  z-index: 2;
}

.article-social {
  float: right;
}

.top-nav-show {
  display: none;
  width: 100%;
  text-align: center;
  padding: 10px 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  background: rgba(0, 0, 0, 0.3);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
}
.top-nav-show::after {
  content: "  ⯆";
  position: relative;
  top: -2px;
}

.top-nav-show:active,
.top-nav-show:hover {
  color: #fcf13f;
}

.show-menu {
  display: none;
  width: 99.8%;
  background: #fff;
  text-align: center;
  padding: 10px 0;
  color: #000;
  text-transform: uppercase;
  font-size: 15px;
  -webkit-box-shadow: 0 0 0 1px #d1cbcb, inset 0 0 15px 5px #f6efef;
  box-shadow: 0 0 0 1px #d1cbcb, inset 0 0 15px 5px #f6efef;
  cursor: pointer;
}
.show-menu:active,
.show-menu:hover {
  background: #ebebeb;
}

/* ----------------------- ICONS IMAGES BUTTONS ---------------------- */

.home-bt {
  margin: 0 0 0 -9px;
  background: url("assets/images/sprite.png") no-repeat -8px -30px;
  width: 46px;
  height: 39px;
}
.red-bt:after {
  content: "»";
  display: inline;
  font-size: 24px;
  position: relative;
}
.red-bt:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 1px;
  background: rgb(173, 15, 0);
  background: -moz-linear-gradient(
    top,
    rgba(173, 15, 0, 1) 0%,
    rgba(214, 34, 0, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(173, 15, 0, 1)),
    color-stop(100%, rgba(214, 34, 0, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(173, 15, 0, 1) 0%,
    rgba(214, 34, 0, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(173, 15, 0, 1) 0%,
    rgba(214, 34, 0, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(173, 15, 0, 1) 0%,
    rgba(214, 34, 0, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(173, 15, 0, 1) 0%,
    rgba(214, 34, 0, 1) 100%
  );
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
}
.red-bt {
  height: 45px;
  padding: 0 12px;
  background: rgb(245, 136, 118);
  background: -moz-linear-gradient(
    top,
    rgba(245, 136, 118, 1) 0%,
    rgba(236, 36, 2, 1) 50%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(245, 136, 118, 1)),
    color-stop(50%, rgba(236, 36, 2, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(245, 136, 118, 1) 0%,
    rgba(236, 36, 2, 1) 50%
  );
  background: -o-linear-gradient(
    top,
    rgba(245, 136, 118, 1) 0%,
    rgba(236, 36, 2, 1) 50%
  );
  background: -ms-linear-gradient(
    top,
    rgba(245, 136, 118, 1) 0%,
    rgba(236, 36, 2, 1) 50%
  );
  background: linear-gradient(
    to bottom,
    rgba(245, 136, 118, 1) 0%,
    rgba(236, 36, 2, 1) 50%
  );
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #ec2402;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1),
    0 2px 1px 0px rgba(0, 0, 0, 1);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 2px 1px 0px rgba(0, 0, 0, 1);
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Gotham-Black", Fallback, verdana;
  text-shadow: 0px -1px 1px #000;
  line-height: 43px;
  position: relative;
}
.red-bt:hover:before {
  background: rgb(204, 119, 105);
  background: -moz-linear-gradient(
    top,
    rgba(204, 119, 105, 1) 0%,
    rgba(255, 255, 255, 1) 47%,
    rgba(240, 174, 161, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(204, 119, 105, 1)),
    color-stop(47%, rgba(255, 255, 255, 1)),
    color-stop(100%, rgba(240, 174, 161, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(204, 119, 105, 1) 0%,
    rgba(255, 255, 255, 1) 47%,
    rgba(240, 174, 161, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(204, 119, 105, 1) 0%,
    rgba(255, 255, 255, 1) 47%,
    rgba(240, 174, 161, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(204, 119, 105, 1) 0%,
    rgba(255, 255, 255, 1) 47%,
    rgba(240, 174, 161, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(204, 119, 105, 1) 0%,
    rgba(255, 255, 255, 1) 47%,
    rgba(240, 174, 161, 1) 100%
  );
}
.red-bt:hover {
  background: rgb(230, 189, 182);
  background: -moz-linear-gradient(
    top,
    rgba(230, 189, 182, 1) 0%,
    rgba(255, 255, 255, 1) 50%,
    rgba(243, 189, 178, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(230, 189, 182, 1)),
    color-stop(50%, rgba(255, 255, 255, 1)),
    color-stop(100%, rgba(243, 189, 178, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(230, 189, 182, 1) 0%,
    rgba(255, 255, 255, 1) 50%,
    rgba(243, 189, 178, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(230, 189, 182, 1) 0%,
    rgba(255, 255, 255, 1) 50%,
    rgba(243, 189, 178, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(230, 189, 182, 1) 0%,
    rgba(255, 255, 255, 1) 50%,
    rgba(243, 189, 178, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(230, 189, 182, 1) 0%,
    rgba(255, 255, 255, 1) 50%,
    rgba(243, 189, 178, 1) 100%
  );
  color: #810e01;
  text-shadow: 0px -1px 1px #fff;
}
.red-bt span {
  position: relative;
  z-index: 3;
  margin: 0 3px 0 0;
}

.rbt-pos-f {
  margin: 9px 10px 0 0;
}
.rbt-pos-r {
  display: block;
  margin: 15px 0 0 0;
  text-align: center;
}
.more-bt {
  position: absolute;
  top: 5px;
  right: 10px;
  font-family: "Lucida-demibold", Fallback, verdana;
  background: #fbfbfb;
  background: -moz-linear-gradient(top, #fbfbfb 0%, #f6f7fa 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fbfbfb),
    color-stop(100%, #f6f7fa)
  );
  background: -webkit-linear-gradient(top, #fbfbfb 0%, #f6f7fa 100%);
  background: -o-linear-gradient(top, #fbfbfb 0%, #f6f7fa 100%);
  background: -ms-linear-gradient(top, #fbfbfb 0%, #f6f7fa 100%);
  background: linear-gradient(to bottom, #fbfbfb 0%, #f6f7fa 100%);
  border: 1px solid #dedede;
  padding: 16px 10px;
  text-decoration: none;
  text-shadow: 1px 1px 0px #fff;
}
.more-bt:hover {
  background: #f6f7fa;
  background: -moz-linear-gradient(top, #f6f7fa 0%, #fbfbfb 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #f6f7fa),
    color-stop(100%, #fbfbfb)
  );
  background: -webkit-linear-gradient(top, #f6f7fa 0%, #fbfbfb 100%);
  background: -o-linear-gradient(top, #f6f7fa 0%, #fbfbfb 100%);
  background: -ms-linear-gradient(top, #f6f7fa 0%, #fbfbfb 100%);
  background: linear-gradient(to bottom, #f6f7fa 0%, #fbfbfb 100%);
}

.facebook-like {
  margin: 23px 8px 0 0;
  background: url("assets/images/sprite.png") no-repeat -9px -7px;
  width: 44px;
  height: 20px;
}
.twitter-like {
  margin: 24px 8px 0 0;
  background: url("assets/images/sprite.png") no-repeat -63px -8px;
  width: 53px;
  height: 19px;
}
.google-like {
  margin: 21px 8px 0 0;
  background: url("assets/images/sprite.png") no-repeat -127px -6px;
  width: 38px;
  height: 24px;
}

.social-spacing {
  margin: 15px 5px 0 5px;
}
.twitter {
  background: url("assets/images/sprite.png") no-repeat -180px -6px;
  width: 48px;
  height: 48px;
  display: inline-block;
}
.tweet {
  background: url("assets/images/sprite.png") no-repeat -253px -6px;
  width: 48px;
  height: 48px;
}
.youtube {
  background: url("assets/images/sprite.png") no-repeat -324px -7px;
  width: 47px;
  height: 47px;
  display: inline-block;
}
.f-twitter {
  background: url("assets/images/sprite.png") no-repeat -383px -9px;
  width: 33px;
  height: 34px;
  margin: 3px 0;
}
.f-facebook {
  background: url("assets/images/sprite.png") no-repeat -382px -49px;
  width: 33px;
  height: 34px;
  margin: 3px 0;
}
.f-gplus {
  background: url("assets/images/sprite.png") no-repeat -384px -89px;
  width: 32px;
  height: 33px;
  margin: 3px 0;
}
.f-youtube {
  background: url("assets/images/sprite.png") no-repeat -383px -128px;
  width: 33px;
  height: 34px;
  margin: 3px 0;
}
.house {
  float: left;
  background: url("assets/images/sprite.png") no-repeat -79px -56px;
  width: 15px;
  height: 13px;
  margin: 4px 0px 0 12px;
}

.us {
  position: absolute;
  bottom: 0;
  right: 5px;
  background: url("assets/images/sprite.png") no-repeat -79px -32px;
  width: 16px;
  height: 14px;
  z-index: 3;
}

.star-5 {
  background: url("assets/images/sprite.png") no-repeat -161px -164px;
  width: 121px;
  height: 22px;
  margin: 0 0 0 20px;
}
.star-4 {
  background: url("assets/images/sprite.png") no-repeat -161px -164px;
  width: 96px;
  height: 22px;
  margin: 0 0 0 20px;
}
.star-3 {
  background: url("assets/images/sprite.png") no-repeat -161px -164px;
  width: 71px;
  height: 22px;
  margin: 0 0 0 20px;
}
.star-2 {
  background: url("assets/images/sprite.png") no-repeat -161px -164px;
  width: 47px;
  height: 22px;
  margin: 0 0 0 20px;
}
.star-1 {
  background: url("assets/images/sprite.png") no-repeat -161px -164px;
  width: 22px;
  height: 22px;
  margin: 0 0 0 20px;
}

.apple {
  background: url("assets/images/sprite.png") no-repeat -29px -186px;
  width: 24px;
  height: 44px;
  margin: 0 4px;
}
.us-c {
  background: url("assets/images/sprite.png") no-repeat -60px -185px;
  width: 17px;
  height: 36px;
  margin: 0 4px;
}
.windows {
  background: url("assets/images/sprite.png") no-repeat -87px -189px;
  width: 20px;
  height: 37px;
  margin: 0 4px;
}
.android {
  background: url("assets/images/sprite.png") no-repeat -113px -186px;
  width: 18px;
  height: 40px;
  margin: 0 4px;
}

/* ----------------------- WORDPRESS ---------------------- */

.alignnone {
  margin: 14px 0px 14px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 14px auto 20px auto;
}

.alignright {
  float: right;
  margin: 14px 4px 20px 20px;
}

.alignleft {
  float: left;
  margin: 14px 20px 20px 4px;
}

.aligncenter {
  display: block;
  margin: 14px auto 20px auto;
}

a img.alignright {
  float: right;
  margin: 14px 4px 20px 20px;
}

a img.alignnone {
  margin: 14px 4px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 14px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #efefef;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 14px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 14px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 14px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/* ----------------------- RESPONSIVE ---------------------- */

@media screen and (max-width: 1024px) {
  #hide_flash {
    display: none;
  }
  .frame {
    width: 96%;
  }
  .top-nav-show {
    display: block;
  }
  .show-menu {
    display: block;
    width: 99.8%;
  }
  .dn {
    display: none;
  }
  .top-header nav ul {
    width: 100%;
    height: auto;
    margin: -6px 0 0 0;
    background: #000;
  }
  .top-header nav ul li {
    width: 100%;
    text-align: center;
  }
  .top-header nav ul li a {
    display: block;
    padding: 10px 0;
  }
  .main-bg {
    width: 93.8%;
    padding: 0 3%;
  }
  .content {
    width: 100%;
    margin: 35px 0 0 0;
  }
  .sidebar-navigation {
    width: 98.5%;
  }
  .sidebar-navigation nav ul {
    width: 100%;
  }
  .sidebar-navigation nav ul li {
    width: 99%;
  }
  .sidebar-navigation nav ul li ul {
    display: block !important;
    float: left;
    width: 99%;
    position: static;
  }
  .sidebar-navigation nav ul li ul li a {
    padding: 6px 6px 6px 15px;
  }
  .sidebar-box {
    width: 100%;
    margin: 10px 0;
  }
  .popular-bg {
    width: 289px;
    height: 219px;
  }
  .popular-bg img {
    max-width: 279px;
    height: 209px;
  }
  .reflection:before {
    top: -105px;
  }
  .reflection:after {
    top: -105px;
    width: 280px;
  }
  .text-overlay {
    width: 279px;
    height: 60px;
  }
  .image-wrap-1,
  .image-wrap-2,
  .image-wrap-3,
  .image-wrap-4 {
    width: 276px;
    height: 185px;
  }
  .image-wrap-1 img,
  .image-wrap-2 img,
  .image-wrap-3 img,
  .image-wrap-4 img {
    width: 97%;
    height: 97%;
  }
  .image-wrap-1 span {
    left: 4px;
  }
  .featured-box-bg {
    width: 98%;
    margin: 15px 0 0 0;
    padding: 1%;
  }
  .featured-box {
    width: 100%;
    margin: 0;
  }
  .featured-box-bg-bottom:before {
    width: 100%;
    height: 115px;
  }
  .featured-box-bg-bottom:after {
    width: 100%;
    height: 250px;
  }
  .featured-box-bg-bottom {
    width: 98%;
    margin: 0;
    padding: 1%;
  }
  .featured-box-bg-top {
    width: 100%;
    margin: 6px 0 0 0;
  }
  .rbt-pos-f {
    padding: 0 45px;
  }
  .featured-box-bg-top strong p {
    text-align: center;
  }
  .bonus-info-box {
    bottom: 87px;
  }
  .toplist-bg:before {
    width: 100.4%;
  }
  .toplist-bg:after {
    width: 100.4%;
  }
  .toplist-bg {
    width: 98%;
    padding: 0 1% 12px 1%;
  }
  .toplist-head-bottom {
    width: 100%;
    margin: 8px 0 0 0;
  }
  .toplist-head {
    width: 99.7%;
  }
  .toplist-col-bg {
    width: 99%;
    margin: 6px 0 0 0;
    padding: 0 0.5%;
  }
  .toplist-col {
    width: 99.8%;
    margin: 3px 0 0 0;
  }
  .row-1,
  .b-row-1 {
    width: 5%;
  }
  .row-2,
  .b-row-2 {
    width: 27%;
    text-align: center;
  }
  .toplist-logo-bg {
    float: none;
    display: inline-block;
  }
  .row-3,
  .b-row-3 {
    width: 15%;
  }
  .row-4,
  .b-row-4 {
    width: 30%;
  }
  .row-5,
  .b-row-5 {
    width: 8%;
    text-align: center;
  }
  .info-bt {
    margin: 15px 0 0 0;
    display: inline-block;
    float: none;
  }
  .row-6,
  .b-row-6 {
    width: 15%;
    text-align: center;
  }
  .rbt-pos-t {
    display: inline-block;
    float: none;
    text-align: center;
  }
  .toplist-end:before {
    width: 100%;
  }
  .toplist-end:after {
    width: 100%;
    left: 0;
  }
  .toplist-end {
    width: 100%;
    margin: 14px 0 0 0;
  }
  .blog-row-content-large {
    width: 100%;
    float: none;
  }
  .blog-row .image-wrap-1 {
    margin: 4px 10px 0 0;
  }
  .pagination span,
  .pagination a {
    display: inline-block;
  }
  .pagination a.first-pag,
  .pagination a.last-pag {
    float: none;
    display: inline-block;
    margin: 2px 5px;
  }
  .featured-box-bg-slot-review:after,
  .featured-box-bg-casino-review:after {
    width: 100.8%;
  }
  .featured-box-bg-bottom-casino-review {
    width: 99.6%;
  }
  .featured-box-bg-bottom-casino-review:before {
    width: 100%;
  }
  .featured-box-bg-top-casino-review {
    width: 99.3%;
  }
  .featured-box-bg-bottom-casino-review:after {
    width: 100%;
  }
  .featured-box-bg-top-casino-review ul {
    width: 100%;
  }
  .cta-custom-f {
    margin: 0 0;
    height: auto;
    padding: 10px 0;
  }
  .cta-custom-f .rbt-pos-f {
    padding: 0 10px;
  }
  .slot-information {
    text-align: center;
  }
  .slot-information .image-wrap-3 {
    width: 240px;
    height: 169px;
    display: inline-block;
    float: none;
    margin: 10px 5px;
  }
  .end-section-3 {
    width: 100.5%;
  }
  .blog-row-content {
    float: none;
    width: 100%;
  }
  .footer-left,
  .footer-right,
  .footer-approved,
  .footer-social {
    width: 100%;
  }
  .footer-left {
    margin: 50px 0 20px 0;
  }
  .footer-right {
    margin: 5px 0 15px 0;
  }
  .footer-approved {
    padding: 10px 0;
  }
  .footer-approved:after,
  .footer-approved:before {
    width: 90%;
  }
  .footer-social {
    margin: 0;
  }
  .footer-bottom ul {
    width: 60%;
    margin: 0 0 0 5%;
  }
  .copyright {
    width: 26%;
    margin: 0 5% 0 0;
  }
  .footer {
    width: 93.3%;
    padding: 0 3%;
  }
  .f-twitter,
  .f-facebook,
  .f-gplus,
  .f-youtube {
    margin: 8px;
  }
  .footer-bg:after {
    width: 100%;
  }
  .footer:after,
  .footer:before,
  .footer-bg:before,
  .main-bg:before,
  .sidebar-navigation h2,
  .footer-left:before,
  .sidebar-box:before,
  .sidebar-box:after,
  .sidebar-sep,
  .sidebar-shadow-left,
  .sidebar-shadow-right,
  .sidebar-sep:before,
  .home-bt,
  .end-section-2-shadow:after {
    display: none;
  }
  .featured-box .game-frame div {
    width: 100%;
    height: 600px;
  }
}

@media screen and (max-width: 971px) {
  .popular-bg {
    width: 219px;
    height: 149px;
  }
  .popular-bg img {
    max-width: 209px;
    height: 139px;
  }
  .reflection:before {
    top: 70px;
  }
  .reflection:after {
    top: -70px;
    width: 210px;
  }
  .text-overlay {
    width: 210px;
  }
  .featured-box-bg-top-slot-review .rbt-pos-f {
    padding: 0 10px;
  }
}

@media screen and (max-width: 830px) {
  .row-2,
  .b-row-2 {
    width: 33%;
  }
  .row-3,
  .b-row-3 {
    width: 24%;
  }
  .row-6,
  .b-row-6 {
    width: 29%;
  }
  .rbt-pos-t {
    width: 45%;
    display: inline-block;
  }
  .row-4,
  .b-row-4 {
    display: none;
  }
}

@media screen and (max-width: 782px) {
  ul.slot-menu {
    text-align: center;
  }
  ul.slot-menu li:before {
    display: none;
  }
  ul.slot-menu li {
    float: none;
    display: block;
    width: auto;
  }
  .featured-box .game-frame div {
    width: 100%;
    height: 400px;
  }
}

@media screen and (max-width: 760px) {
  .top-header {
    text-align: center;
  }
  .logo-pos {
    float: none;
    display: inline-block;
    margin: 20px 0 0 0;
  }
  .top-social,
  .google-like,
  .twitter-like,
  .facebook-like {
    display: none;
  }
  .featured-box {
    text-align: center;
  }
  .featured-box-text-bottom:before {
    width: 498px;
    height: 180px;
  }
  .featured-box-text-bottom:after {
    width: 496px;
    height: 180px;
  }
  .featured-box-text-bottom {
    width: 500px;
    height: 180px;
  }
  .featured-box-text {
    width: 454px;
    height: 136px;
  }
  .review-cta-left {
    width: 100%;
    margin: 20px 0 22px 0px;
    text-align: center;
  }
  .review-cta-right {
    width: 80%;
    float: none;
    display: inline-block;
    margin: 22px auto;
    text-align: center;
  }
  .tlb-review {
    margin: 0 auto 15px auto;
    display: block;
  }
  .rbt-pos-r {
    margin: 15px auto 0 auto;
    width: 50%;
  }
  .review-cta-right ul {
    width: 80%;
    margin: 10px 0 0 20%;
    float: none;
  }
  .review-cta-right ul li {
    width: 90%;
  }
  .star-1,
  .star-2,
  .star-3,
  .star-4,
  .star-5 {
    float: none;
    display: block;
    margin: 10px auto;
  }
  .room-support {
    float: none;
    display: block;
    margin: 10px auto;
  }
  .cta-custom-f .rbt-pos-f {
    font-size: 13px;
  }
  .cta-custom-f .red-bt:after {
    display: none;
  }
  .featured-box-bg-top-slot-review strong {
    width: 40%;
  }
}

@media screen and (max-width: 746px) {
  .popular-bg {
    width: 289px;
    height: 219px;
  }
  .popular-bg img {
    max-width: 279px;
    height: 209px;
  }
  .reflection:before {
    top: -105px;
  }
  .reflection:after {
    top: -105px;
    width: 280px;
  }
  .text-overlay {
    width: 279px;
    height: 60px;
  }
  .res-hid {
    display: none;
  }
}

@media screen and (max-width: 670px) {
  .row-5,
  .b-row-5 {
    display: none;
  }
  .info-bt {
    display: none;
  }
  .row-6,
  .b-row-6 {
    width: 38%;
  }
  .more-bt {
    position: static;
    top: 0;
    right: 0;
    display: block;
    margin: 10px 0 0 0;
    padding: 8px 10px;
    text-align: center;
  }
  .cta-custom-f strong {
    font-size: 14px;
  }
  .slot-information {
    width: 100%;
  }
  .slot-information-header:after {
    width: 99%;
  }
  .slot-information-header:before {
    display: none;
  }
}

@media screen and (max-width: 640px) {
  .bonus-info-box {
    left: 170px;
  }
  .cta-custom-f strong {
    width: 41%;
  }
}

@media screen and (max-width: 620px) {
  .row-2,
  .b-row-2 {
    width: 37%;
  }
  .row-3,
  .b-row-3 {
    width: 28%;
  }
  .row-6,
  .b-row-6 {
    width: 30%;
  }
  .featured-box-bg-top-casino-review {
    width: 98%;
  }
  .featured-box-bg-top-slot-review strong {
    display: none;
  }
  .featured-box-bg-top-slot-review .rbt-pos-f {
    padding: 0 40px;
  }
  .featured-box .game-frame div {
    width: 100%;
    height: 400px;
  }
}

@media screen and (max-width: 570px) {
  .featured-box-bg-top-casino-review ul li {
    width: 45%;
  }
}

@media screen and (max-width: 590px) {
  .rbt-pos-f {
    padding: 0 12px;
  }
  .featured-box-text-bottom:before,
  .featured-box-text-bottom:after {
    display: none;
  }
  .featured-box-text-bottom {
    background: none;
    width: auto;
    height: auto;
  }
  .featured-box-text {
    width: 230px;
    height: auto;
  }
  .tb-size {
    width: 140px;
  }
  .tbl-size,
  .tbl-size:before,
  .tbl-size:after {
    width: 131px;
  }
  .blog-row .image-wrap-1 {
    display: none;
  }
  .fb-sp {
    height: 250px;
  }
}

@media screen and (max-width: 540px) {
  .cta-custom-f strong {
    display: none;
  }
  .cta-custom-f .red-bt {
    padding: 0 45px;
  }
}

@media screen and (max-width: 480px) {
  .featured-box-bg-top-slot-review .rbt-pos-f {
    padding: 0 10px;
  }
}

@media screen and (max-width: 450px) {
  .bonus-info-box {
    bottom: 106px;
  }
  .rbt-pos-f {
    margin: 20px 10px 0 0;
  }
  .featured-box-bg-bottom {
    height: 105px;
  }
  .featured-box-bg-top {
    height: 90px;
  }
  .bonus-info-box {
    left: 96px;
  }
  .pagination span,
  .pagination a {
    display: block;
  }
  .pagination a.first-pag,
  .pagination a.last-pag {
    float: none;
    display: block;
    margin: 2px 5px;
  }
  ul.blog-menu li {
    float: none;
  }
  ul.blog-menu li a {
    display: block;
    padding: 0 10px;
  }
  .rbt-pos-r {
    font-size: 13px;
    padding: 0;
  }
  .cta-custom-f.featured-box-bg-top {
    height: 80px;
  }
  .featured-box .game-frame div {
    width: 100%;
    height: 300px;
  }
}

@media screen and (max-width: 446px) {
  .rbt-pos-t {
    font-size: 13px;
    height: 38px;
  }
  .featured-box-bg-top-slot-review .rbt-pos-f {
    font-size: 13px;
  }
  .red-bt:after {
    font-size: 14px;
  }
  .red-bt span {
    margin: 0;
  }
  .tb-size {
    width: 100px;
  }
  .tbl-size,
  .tbl-size:before,
  .tbl-size:after {
    width: 91px;
  }
  .b-row-3 span {
    font-size: 24px;
  }
  .b-row-3 {
    font-size: 11px;
  }
}

@media screen and (max-width: 410px) {
  .cta-custom-f .red-bt {
    padding: 0 10px;
  }
}

@media screen and (max-width: 350px) {
  .featured-box-bg-top-casino-review ul li {
    width: 90%;
  }
  .featured-box-bg-bottom-casino-review:before {
    height: 400px;
  }
  .featured-box-bg-bottom-casino-review:after {
    height: 400px;
  }
  .featured-box .game-frame div {
    width: 100%;
    height: 200px;
  }
}

@media only screen and (max-device-width: 489px) {
<<<<<<< wp-content/themes/casino-wp-theme/style.css
  span[id="switcher"] {
    display: block;
    background-image: url(http://staging.casinosonline.se/wp-content/uploads/2013/04/casino-pa-natet.jpg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 100px !important;
    height: 73px !important;
    float: right;
    margin: 15px 5px 10px 0;
  }
  img[id="houdini"] {
    display: none !important;
=======
    span[id=switcher] {
      display:block;
      background-image: url(http://www.casinosonline.se/wp-content/uploads/2013/04/casino-pa-natet.jpg) !important;
      background-repeat: no-repeat !important;
      background-position: center !important;
      width: 100px !important;
      height: 73px !important;
      float: right;
      margin:15px 5px 10px 0;
    }
    img[id=houdini] {display: none !important;}
>>>>>>> wp-content/themes/casino-wp-theme/style.css
  }
}
/* Casino Disclaimer Styles */

.expired-casino-notice {
  background-color: #e11837;
  border-radius: 2px;
  padding: 20px;
  margin: 15px 0;
  display: flex;
  align-items: center;
  border-radius: 5px;
}
@media (max-width: 578px) {
  .expired-casino-notice {
    flex-direction: column;
  }
  .expired-casino-notice p {
    margin: 10px 0 !important;
    text-align: center;
  }
  .expired-casino-notice a {
    margin-left: 0;
  }
}

.expired-casino-notice p {
  color: white;
  font-size: 16px;
  margin: 0px;
  padding: 0 0 0 50px;
}

.expired-casino-notice .attention-icon {
  color: white;
  font-size: 33px;
  padding: 6px 0 0;
}

.expired-casino-notice a {
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  background-color: #34d0ca;
  color: #000;
  text-decoration: none;
  transition: all 0.5s linear;
  margin-left: 10px;
}
.expired-casino-notice a:hover {
  color: #fff;
}

.error-404 {
  padding: 20px;
}
.error-404 .searchform div input {
  border-bottom: 1px solid #012a48;
}

.error-404 .searchform div #searchsubmit {
  background-color: #012a48;
  color: #fff;
  padding: 3px 14px;
  border-radius: 20px;
  cursor: pointer;
}

.main-bg.main-bg--before::before {
  width: 0px !important;
}

.error-page {
  width: 100%;
  height: 100%;
}

.error-page .footer-bg .frame .footer {
  margin-top: 150px !important;
}

/* coockie popup */
#cookie_popup {
  width: auto;
}
@media (max-width: 600px) {
  #cookie_popup {
    font-size: 12px;
  }
  #cookie_popup a {
    display: block;
  }
}

@media (max-width: 1024px) {
  .sidebar-navigation {
    display: none;
  }
}

/* scroll to top */
.scrollToTop {
  display: block;
  width: 40px;
  height: 40px;
  border: 2px solid #000;
  border-radius: 5px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  color: #000;
  text-align: center;
  transition: all 0.3s linear;
  z-index: 999;
  cursor: pointer;
}
.scrollToTop:hover {
  color: red;
  border: 2px solid red;
}

.scrollToTop svg {
  width: 30px;
  height: 40px;
}

/* do not promote disclaimer */

.dnp-disclaimer {
  box-sizing: border-box;
  margin-top: 10px;
  font-size: 16px;
  width: 100%;
  margin: 10px auto;
  background-color: #fce73a;
  padding: 20px;
  border: 1px solid #e8dc79;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}

.dnp-disclaimer__text {
  position: relative;
  padding-left: 50px;
  margin-bottom: 20px;
}

.dnp-disclaimer__text::before {
  content: url(./assets/images/exclamation-triangle-solid.svg);
  position: absolute;
  left: 0;
  width: 40px;
}

.dnp-disclaimer__toplist {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  grid-gap: 20px;
  justify-items: center;
  margin-top: 30px;
}

.dnp-toplist-item {
  width: 260px;
  padding: 12px;
  background: #ffffff;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease-in;
}

.dnp-toplist-item:hover {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);
  transform: scale(1.03);
}

.dnp-toplist-item__content {
  display: flex;
  align-items: center;
}

.dnp-toplist-item__content--left,
.dnp-toplist-item__content--right {
  flex: 1 1 50%;
}

.dnp-toplist-item__logo {
  width: 120px;
  height: 70px;
  box-sizing: border-box;
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0px 1px 4px 0px #00000038;
  margin: 5px auto 0;
  background-color: #ffffff;
  border: solid #00000026 1px;
  border-radius: 8px;
}

.dnp-toplist-item__rating {
  font-size: 1.2em;
  text-align: center;
  margin: 0.6em 0 0 0;
}

.dnp-toplist-item__link {
  display: block;
  text-decoration: none;
  font-family: sans-serif;
  font-weight: bold;
  color: #373737;
  transition: all 0.3s linear;
  font-size: 15px;
  line-height: 1.2;
  padding: 0.5em 1em;
  cursor: pointer;
  text-align: center;
}

.dnp-toplist-item__content--right {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.dnp-toplist-item__info {
	display: flex;
	justify-content: space-around;
	align-items: baseline;
	padding-top: 24px;
}

.dnp-toplist-item__info--bonus,
.dnp-toplist-item__info--freespins {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.dnp-toplist-item__info .text-label {
	display: block;
    font-size: 12px;
    font-weight: bold;
    font-family: sans-serif;
    color: #000;
    white-space: nowrap;
}

.dnp-toplist-item__cta {
	box-shadow: 0 8px 0 rgb(1,50,90);
    border-radius: 5px;
    text-decoration: none;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 15px;
	padding: 0.8em 1em;
	margin-bottom: 8px;
    color: white;
    text-align: center;
    background: linear-gradient(180deg, rgba(48,87,126,1) 0%, rgba(20,88,143,1) 64%, rgba(10,98,219,1) 100%);
}

.dnp-toplist-item__terms {
	font-size: 10px;
	text-align: center;
	margin-top: 10px;
	color: #b0a699;
}

.dnp-toplist-item__terms a {
	color: #b0a699;
}