.ch_gamebar ul.ch_play_cta li a {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBkOGNjYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBjODVjMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0d8cca), color-stop(100%, #0c85c0));
  background-image: -moz-linear-gradient(top, #0d8cca, #0c85c0);
  background-image: -webkit-linear-gradient(top, #0d8cca, #0c85c0);
  background-image: linear-gradient(to bottom, #0d8cca, #0c85c0);
  border-color: #0e93d4 #0c85c0 #0c82bc #0e93d4;
  border-style: solid;
  border-width: 1px;
  color: white;
  display: block;
  font-size: 14px;
  font-weight: lighter;
  line-height: 20px;
  padding: 8px 15px;
  text-transform: uppercase;
}
.ch_gamebar ul.ch_play_cta li a:link, .ch_gamebar ul.ch_play_cta li a:visited {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBkOGNjYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBjODVjMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0d8cca), color-stop(100%, #0c85c0));
  background-image: -moz-linear-gradient(top, #0d8cca, #0c85c0);
  background-image: -webkit-linear-gradient(top, #0d8cca, #0c85c0);
  background-image: linear-gradient(to bottom, #0d8cca, #0c85c0);
  border-color: #0e93d4 #0c85c0 #0c82bc #0e93d4;
  color: white;
  text-decoration: none;
}
.ch_gamebar ul.ch_play_cta li a:hover, .ch_gamebar ul.ch_play_cta li a:active {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA3ODdjNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA3ODBiYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0787c6), color-stop(100%, #0780bc));
  background-image: -moz-linear-gradient(top, #0787c6, #0780bc);
  background-image: -webkit-linear-gradient(top, #0787c6, #0780bc);
  background-image: linear-gradient(to bottom, #0787c6, #0780bc);
  border-color: #0891d4 #0787c6 #0784c1 #0895d9;
  color: white;
}

/* Responsive */
.ch_gamebar {
  box-sizing: border-box;
}

.ch_user_menu {
  box-sizing: border-box;
}

.ch_infobar .ch_user_block ul.ch_user_menu li.link a.fullwidth {
  box-sizing: border-box;
}

.ch_blog-comments {
  box-sizing: border-box;
}

nav[role="navigation"] {
  box-sizing: border-box;
}

footer {
  box-sizing: border-box;
}

.ch_gamebar {
  *zoom: 1;
  background: linear-gradient(to bottom, #ffcb0d 0%, #ffc903 100%);
  height: auto;
  margin: 0;
  padding: 16px 20px;
  position: relative;
  width: 100%;
  z-index: 1000;
}
.ch_gamebar:after {
  content: "";
  display: table;
  clear: both;
}
.ch_gamebar h1 {
  display: block;
  float: left;
  height: 50px;
  overflow: hidden;
  margin: -10px 20px -10px -10px;
  padding: 0;
  position: relative;
  width: 160px;
}
.ch_gamebar h1 a {
  background-image: url("../images/cathome-logo.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 160px 100px;
  display: block;
  height: 100px;
  left: 0;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  top: 0;
  width: 160px;
}
.ch_gamebar h1 a:hover, .ch_gamebar h1 a:active {
  left: 0;
  top: -50px;
}

.ch_online {
  float: right;
  margin: -5px 0 0 20px;
}
.ch_online span.legend {
  display: block;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 2px 0;
}
.ch_online span.parameter {
  display: block;
  margin: 0;
}
.ch_online span.parameter span.value {
  font-size: 18px;
  line-height: 20px;
  margin: 0 4px 0 0;
}

.ch_datetime {
  float: right;
  margin: 3px 0 0 20px;
}
.ch_datetime span {
  font-size: 28px;
  font-weight: normal;
  letter-spacing: -1.5px;
  line-height: 28px;
}

.ch_gamebar ul.ch_play_cta {
  float: right;
  list-style: none;
  margin: -3px 10px 0 0;
}
.ch_gamebar ul.ch_play_cta li {
  float: left;
  margin: 0 0 0 10px;
}

.ch_infobar {
  float: right;
  list-style: none;
  margin: -5px 0 0 0;
}
.ch_infobar li {
  float: left;
  margin: 0 0 0 20px;
}
.ch_infobar li.ch_infobar_block span.legend {
  display: block;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 2px 0;
}
.ch_infobar li.ch_infobar_block span.parameter {
  display: block;
  margin: 0;
}
.ch_infobar li.ch_infobar_block span.parameter span.value {
  font-size: 18px;
  line-height: 20px;
  margin: 0 4px 0 0;
}
.ch_infobar li.ch_user_block {
  position: relative;
}
.ch_infobar li.ch_user_block > a {
  display: block;
}
.ch_infobar li.ch_user_block > a img {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 48px;
  margin: -4px 0;
  width: 48px;
}
.ch_infobar li.ch_user_block > a span.caret {
  border-color: #2a2a2a transparent transparent transparent;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  content: '';
  display: inline-block;
  height: 0;
  margin: 18px 0 0 0;
  vertical-align: top;
  width: 0;
}
.ch_infobar li.ch_user_block.open ul.ch_user_menu {
  display: block;
}

nav[role="navigation"] {
  *zoom: 1;
  background: #f7f3e1;
  border-bottom: 2px solid #ede2b8;
  margin: 0;
  padding: 10px 20px;
  width: 100%;
}
nav[role="navigation"]:after {
  content: "";
  display: table;
  clear: both;
}
nav[role="navigation"] ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav[role="navigation"] ul.ch_social_nav {
  float: right;
}
nav[role="navigation"] ul.ch_social_nav li {
  margin: 0;
}
nav[role="navigation"] ul.ch_game_nav {
  float: left;
}
nav[role="navigation"] ul.ch_game_nav li {
  margin: 0;
}
nav[role="navigation"] ul li {
  display: inline-block;
}
nav[role="navigation"] ul li a {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  padding: 8px 10px;
  text-decoration: none;
}
nav[role="navigation"] ul li a span.badge {
  background-color: #ffcb0d;
  font-size: 12px;
  font-weight: bold;
}
nav[role="navigation"] ul li a span.badge.incoming {
  background: #f6c201;
}
nav[role="navigation"] ul li a span.badge.incoming .caret-down {
  border-style: solid;
  border-width: 3px 3px 0 3px;
  content: '';
  display: inline-block;
  height: 0;
  margin: 6px 3px 0 3px;
  vertical-align: top;
  width: 0;
}
nav[role="navigation"] ul li a span.badge.outgoing {
  background: #fecf23;
}
nav[role="navigation"] ul li a span.badge.outgoing .caret-up {
  border-style: solid;
  border-width: 0 3px 3px 3px;
  content: '';
  display: inline-block;
  height: 0;
  margin: 6px 3px 0 3px;
  vertical-align: top;
  width: 0;
}
nav[role="navigation"] ul li a:link {
  color: #292929;
}
nav[role="navigation"] ul li a:link span.badge {
  color: white;
}
nav[role="navigation"] ul li a:visited {
  color: #292929;
}
nav[role="navigation"] ul li a:visited span.badge {
  color: white;
}
nav[role="navigation"] ul li a:hover {
  background: #f5ecc9;
  color: #101010;
}
nav[role="navigation"] ul li a:hover span.badge {
  color: white;
}
nav[role="navigation"] ul li a:active {
  background: #f5ecc9;
  color: #101010;
}
nav[role="navigation"] ul li a:active span.badge {
  color: white;
}
nav[role="navigation"] ul li a.current {
  background: #f2e4b3;
}
nav[role="navigation"] ul li.current a {
  background: #f2e4b3;
}
nav[role="navigation"] ul li.current a:hover, nav[role="navigation"] ul li.current a:active {
  background: #f5ecc9;
}