@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('../fonts/League_Gothic-webfont.eot');
    src: url('../fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/League_Gothic-webfont.woff') format('woff'),
         url('../fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('../fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'FetteEngDot';
  src: url("../fonts/fetteEngDot2/FetteEngDOT.eot");
  src: url("../fonts/fetteEngDot2/FetteEngDOT.eot?#iefix") format("embedded-opentype"), url("../fonts/fetteEngDot2/FetteEngDOT.woff") format("woff"), url("../fonts/fetteEngDot2/FetteEngDOT.ttf") format("truetype"), url("../fonts/fetteEngDot2/FetteEngDOT.svg#FetteEngDOT") format("svg");
  font-weight: normal;
  font-style: normal;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/**/
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {
  margin: 0;
}

a {
  outline: none;
}

a img {
  border: none;
}

html, body {
  height: 100%;
}

body {
  background-color:#000000;
  /*STOPPING ONE SITE CSS HOISTING!*/
  color: black;
  line-height: normal;
  font-family: "LeagueGothicRegular", Arial, sans-serif;
  margin:auto auto;
  left: auto;
  width: 1900px;
}

h1, h2, h3, h4, h5 {
  font-weight: normal;
}

h1 {
  font-family: "LeagueGothicRegular", "Bebas Neue", sans-serif;
  font-weight: normal;
  font-size: 4em;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin: 10px 0 0 0;
  color: #f0d572;
}

h2 {
  font-family: "LeagueGothicRegular", "Bebas Neue", sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: .1em;
}

h3 {
  font-family: "LeagueGothicRegular", "Bebas Neue", sans-serif;
  font-weight: normal;
}

h4 {
  font-family: "LeagueGothicRegular", "Bebas Neue", sans-serif;
  font-weight: normal;
}

p {
  margin-bottom: 1em;
}
p b {
  font-family: "LeagueGothicRegular", Arial, sans-serif;
  font-weight: normal;
  letter-spacing: 0.05em;
  font-size: 1em;
}
p strong {
  font-family: "LeagueGothicRegular", Arial, sans-serif;
  font-weight: normal;
  letter-spacing: 0.05em;
  font-size: 1em;
}
p img {
  max-width: 100%;
}
p img.alignleft, p img.alignleft {
  margin: 10px 10px 10px 0;
}

a {
  color: #ffd55c;
  text-decoration: none;
}
a.float-left {
  float: left;
}
a.float-right {
  float: right;
}

label {
  cursor: pointer;
}

pre {
  font-family: "LeagueGothicRegular","Consolas",Courier,monospace;
  white-space: pre;
  overflow: auto;
  font-size: 11px;
  margin-bottom: 20px;
}

/* SITE WRAPPER
/*-----------------------*/
#fastclick {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative;
}

.site_wrapper {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 100%;
  max-width: 1050px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto;
  margin-bottom: -500px;
  text-align: center;
  overflow: hidden;
  text-align: center;
  z-index: 1;
  -webkit-transition-property: color, background, background-color;
  -moz-transition-property: color, background, background-color;
  -ms-transition-property: color, background, background-color;
  -o-transition-property: color, background, background-color;
  transition-property: color, background, background-color;
  -webkit-transition-duration: 0.25s, 0.25s;
  -moz-transition-duration: 0.25s, 0.25s;
  -ms-transition-duration: 0.25s, 0.25s;
  -o-transition-duration: 0.25s, 0.25s;
  transition-duration: 0.25s, 0.25s;
  -webkit-transition-timing-function: linear, linear;
  -moz-transition-timing-function: linear, linear;
  -ms-transition-timing-function: linear, linear;
  -o-transition-timing-function: linear, linear;
  transition-timing-function: linear, linear;
}

aside.main_nav_aside {
  display: table-cell;
  vertical-align: top;
  position: relative;
}

.ie ul.entry_posts_list li article.standard_listed .excerpt_container img {
  width: 100%;
}

.table {
  display: table;
}
.table .table-cell {
  display: table-cell;
}
.table .table-row {
  display: table-row;
}

/* STICKY FOOTER
/*-----------------------*/
footer.site_footer, footer.site_footer_push {
  width: 100%;
  height: 500px;
  /* .push must be the same height as .footer */
}

footer.site_footer {
  position: relative;
  z-index: 2;
}

/* BACKGROUND - IFRAME
/*-----------------------*/
.foreground_container {
  position: absolute;
}

.background_container {
  position: absolute;
  width: 100%;
  min-height: 678px;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}
.background_container .background_view_wrapper {
  position: absolute;
  right: -50%;
  width: 200%;
  height: 100%;
}
.background_container .background_view_wrapper iframe {
  width: 100%;
  height: 100%;
}

/* BREAKPOINTS
/*-----------------------*/
*[class*='reveal_lt'] {
  display: none;
}

/* ReCaptcha Iframe FIX
/*-----------------------*/
iframe[src="about:blank"] {
  display: none;
}

/* HACKS
/*-----------------------*/
input.hack {
  display: none;
}

/* THEMES
/*-----------------------*/


footer.site_footer {
  background: black;
  color: white;
  width: 100%;
  text-align: center;
}
footer.site_footer nav.footer_nav {
  width: 100%;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 25px;
}
footer.site_footer nav.footer_nav ul.column {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: left;
  list-style: none;
  vertical-align: top;
  margin: 0 20px 0 20px;
}
footer.site_footer nav.footer_nav ul.column li.nav_item {
  margin: 0 0 .5em 0;
}
footer.site_footer nav.footer_nav ul.column li.nav_item.header a, footer.site_footer nav.footer_nav ul.column li.nav_item.header span {
  text-transform: uppercase;
  color: #ca9838;
  font-size: 2em;
}
footer.site_footer nav.footer_nav ul.column li.nav_item.header a:hover, footer.site_footer nav.footer_nav ul.column li.nav_item.header span:hover {
  color: #ca9838;
}
footer.site_footer nav.footer_nav ul.column li.nav_item a {
  color: white;
  -webkit-transition: 150ms color linear;
  -moz-transition: 150ms color linear;
  -ms-transition: 150ms color linear;
  -o-transition: 150ms color linear;
  transition: 150ms color linear;
}
footer.site_footer nav.footer_nav ul.column li.nav_item a:hover {
  color: #d5ad60;
}

footer.site_footer .legal_container {
  position: relative;
  margin-top: 40px;
  width: 100%;
  z-index: 2;
}
footer.site_footer .legal_container p {
  color: #000000;
  font-family: Arial, serif;
  font-weight: bold;
  font-size: .7em;
  line-height: 1.5em;
}
footer.site_footer .svg_grunge_container {
  position: absolute;
  top: -144px;
  width: 100%;
  height: 144px;
  overflow: hidden;
  z-index: 1;
}
footer.site_footer .svg_grunge_container svg {
  position: absolute;
  top: 0;
  left: 0;
}
footer.site_footer .svg_grunge_container svg .svg_rect {
  fill: black;
  fill-opacity: 100%;
  fill-opacity: 1;
}

footer.site_footer.alt {
  background: transparent;
  background-color: #000000;
  background-image:url(../images/backgrounds/footer_1920x228.jpg);
}
footer.site_footer.alt .top_row {
  display: table;
  width: 100%;
  padding-top: 50px;
}
footer.site_footer.alt .logos_container {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  padding-right: 100px;
  width: 50%;
}
footer.site_footer.alt .logos_container .logo {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  background-repeat: no-repeat;
  margin: 0 5px 0 5px;
}
footer.site_footer.alt .logos_container .logo.reto {
  width: 189px;
  height: 61px;
  background-image: url(../images/backgrounds/Reto-Moto.png);
  background-size: contain;
}
footer.site_footer.alt .logos_container .logo.square-enix {
  vertical-align: middle;
  width: 205px;
  height: 46px;
  background-image: url(../images/icons/i_square-enix.png);
  background-size: contain;
}
footer.site_footer.alt .logos_container .logo.nvidia {
  vertical-align: middle;
  width: 133px;
  height: 62px;
  background-image: url(../images/backgrounds/nvidiaLogo.png);
  background-size: contain;
}
footer.site_footer.alt .svg_grunge_container {
  position: absolute;
  top: auto;
  bottom: -5px;
  margin: 0;
  width: 100%;
  height: 144px;
  overflow: hidden;
}
footer.site_footer.alt .svg_grunge_container svg {
  position: absolute;
  top: 0;
  left: 0;
}
footer.site_footer.alt .svg_grunge_container svg .svg_rect {
  fill: black;
  fill-opacity: 100%;
  fill-opacity: 1;
}

/* OVERLAYS
/*-----------------------*/
section.overlay {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  background-color: black;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  z-index: 999;
}

section.overlay.cookies_disclaimer {
  height: 200px;
  z-index: 9999;
  display: table;
  color: white;
  font-size: .9em;
  width: 100%;
}
section.overlay.cookies_disclaimer .inner_wrapper {
  display: table-cell;
  width: 100%;
  padding: 20px;
  vertical-align: middle;
  text-align: center;
}
section.overlay.cookies_disclaimer p {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 100%;
  max-width: 1050px;
  vertical-align: middle;
}
section.overlay.cookies_disclaimer .buttons_container {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 100%;
  max-width: 1050px;
  text-align: right;
}
section.overlay.cookies_disclaimer a.privacypolicy_button {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  color: #9e8b52;
  margin-right: 30px;
}
section.overlay.cookies_disclaimer a.privacypolicy_button:hover {
  color: #f0d572;
}
section.overlay.cookies_disclaimer label.agree_button_container {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  width: 62px;
  height: 34px;
}
section.overlay.cookies_disclaimer label.agree_button_container .agree_button_wrapper {
  display: table;
  width: 100%;
  height: 100%;
  background-image: url(../images/buttons/btn_header_login.png);
  text-align: center;
}
section.overlay.cookies_disclaimer label.agree_button_container .agree_button_wrapper span {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  text-transform: uppercase;
  font-family: "LeagueGothicRegular", "Bebas Neue", sans-serif;
  color: #f0d572;
}

input#cb_overlay_cookies_disclaimer:checked ~ section.overlay.cookies_disclaimer, input#cb_overlay_cookies_disclaimer.checked ~ section.overlay.cookies_disclaimer {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}

header.site_header {
  position: relative;
  z-index: 2;
  height: 40px;
  width: 100%;
  background-color: black;
  /* HEADER LOGIN FORM */
  text-align: center;
  /* ALT SITE LOGIN */
  /* ALT SITE LOGIN - end */
  /* LANGUAGE SELECT */
}
header.site_header .site_header_wrapper {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  height: 100%;
  width: 100%;
  max-width: 1050px;
}
header.site_header .continuetosite_container {
  position: absolute;
  top: 0;
  color: white;
  width: 100%;
  height: 100%;
  height: 40px;
  color: #c2a469;
  text-align: center;
}
header.site_header .continuetosite_container:after {
  content: " ";
}
header.site_header .continuetosite_container a {
  color: white;
}
header.site_header .continuetosite_container .table-cell {
  vertical-align: middle;
}
header.site_header .continuetosite_container .alt_language_select_container:after {
  content: " ";
}
header.site_header .continuetosite_container .alt_language_select_container.hide {
  visibility: hidden;
}
header.site_header .continuetosite_container .alt_language_select_container ul {
  list-style: none;
  padding-left: 15px;
}
header.site_header .continuetosite_container .alt_language_select_container ul li.flag_element {
  float: left;
  width: 16px;
  height: 19px;
  margin-right: 5px;
}
header.site_header .continuetosite_container .alt_language_select_container ul li.flag_element a {
  display: block;
  -webkit-transition: 150ms all linear;
  -moz-transition: 150ms all linear;
  -ms-transition: 150ms all linear;
  -o-transition: 150ms all linear;
  transition: 150ms all linear;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
header.site_header .continuetosite_container .alt_language_select_container ul li.flag_element a .flag_container {
  position: absolute;
}
header.site_header .continuetosite_container .alt_language_select_container ul li.flag_element a .flag_container .flag.us {
  display: none;
}
header.site_header .continuetosite_container .alt_language_select_container ul li.flag_element a .flag_container.f16 {
  z-index: 1;
}
header.site_header .continuetosite_container .alt_language_select_container ul li.flag_element a .flag_container.f16_yellow {
  z-index: 2;
  -webkit-transition: 150ms all linear;
  -moz-transition: 150ms all linear;
  -ms-transition: 150ms all linear;
  -o-transition: 150ms all linear;
  transition: 150ms all linear;
}
header.site_header .continuetosite_container .alt_language_select_container ul li.flag_element a.selected {
  opacity: 1;
  filter: alpha(opacity=100);
}
header.site_header .continuetosite_container .alt_language_select_container ul li.flag_element a.selected .flag_container.f16_yellow {
  opacity: 0;
  filter: alpha(opacity=0);
}
header.site_header .continuetosite_container .alt_language_select_container ul li.flag_element a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
header.site_header .continuetosite_container .alt_language_select_container ul li.flag_element a:hover .flag_container.f16_yellow {
  opacity: 0;
  filter: alpha(opacity=0);
}
header.site_header .continuetosite_container .continuetosite_wrapper {
  width: 80%;
  font-family: "LeagueGothicRegular", "Bebas Neue", sans-serif;
  font-size: 1.2em;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: .05em;
}
header.site_header .continuetosite_container .continuetosite_wrapper a {
  color: #c2a469;
  -webkit-transition: color 150ms linear;
  -moz-transition: color 150ms linear;
  -ms-transition: color 150ms linear;
  -o-transition: color 150ms linear;
  transition: color 150ms linear;
}
header.site_header .continuetosite_container .continuetosite_wrapper a:hover {
  color: white;
}


header.site_header .language_select_container {
  font-family: "LeagueGothicRegular", Arial, sans-serif;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
  text-align: left;
}
header.site_header .language_select_container .flag {
  margin-right: 5px;
}
header.site_header .language_select_container input#cb_lang_dropdown:checked {
  cursor: pointer;
}
header.site_header .language_select_container input#cb_lang_dropdown:checked ~ label.lang_dropdown_label .flag {
  opacity: 1;
  filter: alpha(opacity=100);
}
header.site_header .language_select_container input#cb_lang_dropdown:checked ~ label.lang_dropdown_label .current_language {
  opacity: 1;
  filter: alpha(opacity=100);
}
header.site_header .language_select_container input#cb_lang_dropdown:checked ~ .lang_dropdown_container {
  opacity: 1;
  filter: alpha(opacity=100);
}
header.site_header .language_select_container input#cb_lang_dropdown:checked ~ .lang_dropdown_container ul.lang_dropdown {
  max-height: 10em;
}
header.site_header .language_select_container label.lang_dropdown_label {
  cursor: pointer;
}
header.site_header .language_select_container label.lang_dropdown_label .flag {
  -webkit-transition: opacity 150ms linear;
  -moz-transition: opacity 150ms linear;
  -ms-transition: opacity 150ms linear;
  -o-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
  opacity: 1;
  filter: alpha(opacity=100);
}
header.site_header .language_select_container label.lang_dropdown_label .current_language {
  color: #f0d572;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -ms-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  transition: all 150ms linear;
}
header.site_header .language_select_container label.lang_dropdown_label .fa-chevron-down {
  font-size: .7em;
  vertical-align: middle;
  margin-left: 5px;
}
header.site_header .language_select_container label.lang_dropdown_label:hover .flag {
  opacity: 1;
  filter: alpha(opacity=100);
}
header.site_header .language_select_container label.lang_dropdown_label:hover .current_language {
  opacity: 1;
  filter: alpha(opacity=100);
}
header.site_header .language_select_container .lang_dropdown_container {
  position: absolute;
  top: 40px;
  left: -20px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 350ms linear;
  -moz-transition: opacity 350ms linear;
  -ms-transition: opacity 350ms linear;
  -o-transition: opacity 350ms linear;
  transition: opacity 350ms linear;
}
header.site_header .language_select_container .lang_dropdown_container:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent black transparent;
  top: -20px;
  left: 50%;
  margin: 0 0 0 -10px;
}
header.site_header .language_select_container .lang_dropdown_container ul.lang_dropdown {
  width: 115px;
  background: black;
  padding: 10px;
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
  overflow: hidden;
  max-height: 0em;
}
header.site_header .language_select_container .lang_dropdown_container ul.lang_dropdown li {
  list-style: none;
}
header.site_header .language_select_container .lang_dropdown_container ul.lang_dropdown li a {
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -ms-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  transition: all 150ms linear;
  color: #999999;
}
header.site_header .language_select_container .lang_dropdown_container ul.lang_dropdown li a .flag {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
header.site_header .language_select_container .lang_dropdown_container ul.lang_dropdown li a.selected {
  color: #f0d572;
}
header.site_header .language_select_container .lang_dropdown_container ul.lang_dropdown li a.selected .flag {
  opacity: 1;
  filter: alpha(opacity=100);
}
header.site_header .language_select_container .lang_dropdown_container ul.lang_dropdown li a.selected:hover {
  color: #f0d572;
}
header.site_header .language_select_container .lang_dropdown_container ul.lang_dropdown li a:hover {
  color: white;
}

body.playforfree, body.play-for-free {
  /**

    */
  /* SITE WRAPPER
  /*-----------------------*/
  /* STICKY FOOTER
  /*-----------------------*/
}

body.playforfree .registration_iframe_container, body.play-for-free .registration_iframe_container {
  width: 100%;
  height: 620px;
  z-index: 5;
  text-align: left;
}

@media all and (min-width: 1201px) {
body.playforfree .registration_iframe_container, body.play-for-free .registration_iframe_container {
  top: 0px;
  left: 0px;
}
}
body.playforfree .registration_iframe_container iframe, body.play-for-free .registration_iframe_container iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
body.playforfree .iframe_bg_container, body.play-for-free .iframe_bg_container {
  position: absolute;
  left: 925px;
  top: 160px;
  z-index: 3;
  width: 385px;
 }
body.playforfree #fastclick, body.play-for-free #fastclick {
}
body.playforfree .site_wrapper, body.play-for-free .site_wrapper {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  max-width: 100%;
  min-width: 100%;
  margin-bottom: -250px;
  z-index: 3;
}
body.playforfree .site_wrapper .inner_wrapper, body.play-for-free .site_wrapper .inner_wrapper {
  position: relative;
  display: table;
  height: 900px;
  width: 100%;
}
body.playforfree footer.site_footer, body.playforfree footer.site_footer_push, body.play-for-free footer.site_footer, body.play-for-free footer.site_footer_push {
  height: 250px;
  /* .push must be the same height as .footer */
}
body.playforfree footer.site_footer.alt, body.play-for-free footer.site_footer.alt {
  z-index: 4;
}
body.playforfree footer.site_footer.alt .svg_grunge_container, body.play-for-free footer.site_footer.alt .svg_grunge_container {
  z-index: 1;
}
body.playforfree footer.site_footer.alt .legal_container, body.play-for-free footer.site_footer.alt .legal_container {
  z-index: 2;
}
body.playforfree .already_has_account_container, body.play-for-free .already_has_account_container {
  position: relative;
  top: 16px;
  left: -41px;
  text-align: left;
  font-size: 13px;
  z-index: 6;
  color: #cccccc;
  float: right;
}
body.playforfree .already_has_account_container a, body.play-for-free .already_has_account_container a {
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -ms-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  transition: all 150ms linear;
  text-decoration: none;
  color: #ffd55c;
}
body.playforfree .already_has_account_container a:hover, body.play-for-free .already_has_account_container a:hover {
  color: #a9763c;
}
body.playforfree .description_container, body.play-for-free .description_container {
  font-family: "LeagueGothicRegular", "Bebas Neue", sans-serif !important;
  font-size: 18px;
  position: absolute;
  top: 620px;
  left: 580px;
  width: 290px;
  z-index: 3;
}
body.playforfree .description_container p, body.play-for-free .description_container p {
  font-family: "LeagueGothicRegular", "Bebas Neue" sans-serif !important;
  font-size: 18px;
  margin-bottom: 10px;
  color: #ffffff;
}

body.playforfree .video_container, body.play-for-free .video_container {
  font-family: "LeagueGothicRegular", "Bebas Neue", sans-serif !important;
  font-size: 18px;
  position: absolute;
  top: 600px;
  left: 955px;
  width: 290px;
  z-index: 3;
}

body.playforfree .create_an_account_label, body.play-for-free .create_an_account_label {
  color: white;
  position: relative;
  font-family: "LeagueGothicRegular", "Bebas Neue", sans-serif;
  font-size: 28px;
  text-align: left;
  top: 10px;
  left: 27px;
  float: left;
  z-index: 3;
  text-transform: uppercase;
}
body.playforfree .keyart_top_container, body.play-for-free .keyart_top_container {
  position: absolute;
  display: table;
  height: 685px;
  top: 0px;
  right: 0px;
  z-index: 2;
}

body.playforfree .keyart_top_container .keyart_top, body.play-for-free .keyart_top_container .keyart_top {
  position: relative;
  display: table-cell;
}

body.playforfree .keyart_top_container .keyart_top.left, body.play-for-free .keyart_top_container .keyart_top.left {
  position: relative;
  width: 1920px;
  height: 685px;
  background-image: url(../images/backgrounds/keyart_1920x531_ru.jpg);
  background-repeat: no-repeat;
  background-size: auto;
}
body.playforfree .keyart_top_container .keyart_top.left .hg_main_logo, body.play-for-free .keyart_top_container .keyart_top.left .hg_main_logo {
  position: absolute;
  top: 10px;
  left: 340px;
  width: 794px;
  height: 108px;
  background-image: url(../images/backgrounds/HG_Logo.png);
  background-repeat: no-repeat;
}


/* IE */
/*
FONTS
*/
.f16 .flag {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: url(../images/icons/flags16.png) no-repeat;
}
.f16_yellow .flag {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: url(../images/icons/flags16_yellow.png) no-repeat;
}

.f16 ._African_Union_OAS, .f16_yellow ._African_Union_OAS {
  background-position: 0 -16px;
}
.f16 ._Arab_League, .f16_yellow ._Arab_League {
  background-position: 0 -32px;
}
.f16 ._ASEAN, .f16_yellow ._ASEAN {
  background-position: 0 -48px;
}
.f16 ._CARICOM, .f16_yellow ._CARICOM {
  background-position: 0 -64px;
}
.f16 ._CIS, .f16_yellow ._CIS {
  background-position: 0 -80px;
}
.f16 ._Commonwealth, .f16_yellow ._Commonwealth {
  background-position: 0 -96px;
}
.f16 ._England, .f16_yellow ._England {
  background-position: 0 -112px;
}
.f16 ._European_Union, .f16_yellow ._European_Union {
  background-position: 0 -128px;
}
.f16 ._Islamic_Conference, .f16_yellow ._Islamic_Conference {
  background-position: 0 -144px;
}
.f16 ._Kosovo, .f16_yellow ._Kosovo {
  background-position: 0 -160px;
}
.f16 ._NATO, .f16_yellow ._NATO {
  background-position: 0 -176px;
}
.f16 ._Northern_Cyprus, .f16_yellow ._Northern_Cyprus {
  background-position: 0 -192px;
}
.f16 ._Northern_Ireland, .f16_yellow ._Northern_Ireland {
  background-position: 0 -208px;
}
.f16 ._Olimpic_Movement, .f16_yellow ._Olimpic_Movement {
  background-position: 0 -224px;
}
.f16 ._OPEC, .f16_yellow ._OPEC {
  background-position: 0 -240px;
}
.f16 ._Red_Cross, .f16_yellow ._Red_Cross {
  background-position: 0 -256px;
}
.f16 ._Scotland, .f16_yellow ._Scotland {
  background-position: 0 -272px;
}
.f16 ._Somaliland, .f16_yellow ._Somaliland {
  background-position: 0 -288px;
}
.f16 ._Tibet, .f16_yellow ._Tibet {
  background-position: 0 -304px;
}
.f16 ._United_Nations, .f16_yellow ._United_Nations {
  background-position: 0 -320px;
}
.f16 ._Wales, .f16_yellow ._Wales {
  background-position: 0 -336px;
}
.f16 .ad, .f16_yellow .ad {
  background-position: 0 -352px;
}
.f16 .ae, .f16_yellow .ae {
  background-position: 0 -368px;
}
.f16 .af, .f16_yellow .af {
  background-position: 0 -384px;
}
.f16 .ag, .f16_yellow .ag {
  background-position: 0 -400px;
}
.f16 .ai, .f16_yellow .ai {
  background-position: 0 -416px;
}
.f16 .al, .f16_yellow .al {
  background-position: 0 -432px;
}
.f16 .am, .f16_yellow .am {
  background-position: 0 -448px;
}
.f16 .an, .f16_yellow .an {
  background-position: 0 -464px;
}
.f16 .ao, .f16_yellow .ao {
  background-position: 0 -480px;
}
.f16 .aq, .f16_yellow .aq {
  background-position: 0 -496px;
}
.f16 .ar, .f16_yellow .ar {
  background-position: 0 -512px;
}
.f16 .as, .f16_yellow .as {
  background-position: 0 -528px;
}
.f16 .at, .f16_yellow .at {
  background-position: 0 -544px;
}
.f16 .au, .f16_yellow .au {
  background-position: 0 -560px;
}
.f16 .aw, .f16_yellow .aw {
  background-position: 0 -576px;
}
.f16 .az, .f16_yellow .az {
  background-position: 0 -592px;
}
.f16 .ba, .f16_yellow .ba {
  background-position: 0 -608px;
}
.f16 .bb, .f16_yellow .bb {
  background-position: 0 -624px;
}
.f16 .bd, .f16_yellow .bd {
  background-position: 0 -640px;
}
.f16 .be, .f16_yellow .be {
  background-position: 0 -656px;
}
.f16 .bf, .f16_yellow .bf {
  background-position: 0 -672px;
}
.f16 .bg, .f16_yellow .bg {
  background-position: 0 -688px;
}
.f16 .bh, .f16_yellow .bh {
  background-position: 0 -704px;
}
.f16 .bi, .f16_yellow .bi {
  background-position: 0 -720px;
}
.f16 .bj, .f16_yellow .bj {
  background-position: 0 -736px;
}
.f16 .bm, .f16_yellow .bm {
  background-position: 0 -752px;
}
.f16 .bn, .f16_yellow .bn {
  background-position: 0 -768px;
}
.f16 .bo, .f16_yellow .bo {
  background-position: 0 -784px;
}
.f16 .br, .f16_yellow .br {
  background-position: 0 -800px;
}
.f16 .bs, .f16_yellow .bs {
  background-position: 0 -816px;
}
.f16 .bt, .f16_yellow .bt {
  background-position: 0 -832px;
}
.f16 .bw, .f16_yellow .bw {
  background-position: 0 -848px;
}
.f16 .by, .f16_yellow .by {
  background-position: 0 -864px;
}
.f16 .bz, .f16_yellow .bz {
  background-position: 0 -880px;
}
.f16 .ca, .f16_yellow .ca {
  background-position: 0 -896px;
}
.f16 .cg, .f16_yellow .cg {
  background-position: 0 -912px;
}
.f16 .cf, .f16_yellow .cf {
  background-position: 0 -928px;
}
.f16 .cd, .f16_yellow .cd {
  background-position: 0 -944px;
}
.f16 .ch, .f16_yellow .ch {
  background-position: 0 -960px;
}
.f16 .ci, .f16_yellow .ci {
  background-position: 0 -976px;
}
.f16 .ck, .f16_yellow .ck {
  background-position: 0 -992px;
}
.f16 .cl, .f16_yellow .cl {
  background-position: 0 -1008px;
}
.f16 .cm, .f16_yellow .cm {
  background-position: 0 -1024px;
}
.f16 .cn, .f16_yellow .cn {
  background-position: 0 -1040px;
}
.f16 .co, .f16_yellow .co {
  background-position: 0 -1056px;
}
.f16 .cr, .f16_yellow .cr {
  background-position: 0 -1072px;
}
.f16 .cu, .f16_yellow .cu {
  background-position: 0 -1088px;
}
.f16 .cv, .f16_yellow .cv {
  background-position: 0 -1104px;
}
.f16 .cy, .f16_yellow .cy {
  background-position: 0 -1120px;
}
.f16 .cz, .f16_yellow .cz {
  background-position: 0 -1136px;
}
.f16 .de, .f16_yellow .de {
  background-position: 0 -1152px;
}
.f16 .dj, .f16_yellow .dj {
  background-position: 0 -1168px;
}
.f16 .dk, .f16_yellow .dk {
  background-position: 0 -1184px;
}
.f16 .dm, .f16_yellow .dm {
  background-position: 0 -1200px;
}
.f16 .do, .f16_yellow .do {
  background-position: 0 -1216px;
}
.f16 .dz, .f16_yellow .dz {
  background-position: 0 -1232px;
}
.f16 .ec, .f16_yellow .ec {
  background-position: 0 -1248px;
}
.f16 .ee, .f16_yellow .ee {
  background-position: 0 -1264px;
}
.f16 .eg, .f16_yellow .eg {
  background-position: 0 -1280px;
}
.f16 .eh, .f16_yellow .eh {
  background-position: 0 -1296px;
}
.f16 .er, .f16_yellow .er {
  background-position: 0 -1312px;
}
.f16 .es, .f16_yellow .es {
  background-position: 0 -1328px;
}
.f16 .et, .f16_yellow .et {
  background-position: 0 -1344px;
}
.f16 .fi, .f16_yellow .fi {
  background-position: 0 -1360px;
}
.f16 .fj, .f16_yellow .fj {
  background-position: 0 -1376px;
}
.f16 .fm, .f16_yellow .fm {
  background-position: 0 -1392px;
}
.f16 .fo, .f16_yellow .fo {
  background-position: 0 -1408px;
}
.f16 .fr, .f16_yellow .fr {
  background-position: 0 -1424px;
}
.f16 .ga, .f16_yellow .ga {
  background-position: 0 -1440px;
}
.f16 .gb, .f16_yellow .gb {
  background-position: 0 -1456px;
}
.f16 .gd, .f16_yellow .gd {
  background-position: 0 -1472px;
}
.f16 .ge, .f16_yellow .ge {
  background-position: 0 -1488px;
}
.f16 .gg, .f16_yellow .gg {
  background-position: 0 -1504px;
}
.f16 .gh, .f16_yellow .gh {
  background-position: 0 -1520px;
}
.f16 .gi, .f16_yellow .gi {
  background-position: 0 -1536px;
}
.f16 .gl, .f16_yellow .gl {
  background-position: 0 -1552px;
}
.f16 .gm, .f16_yellow .gm {
  background-position: 0 -1568px;
}
.f16 .gn, .f16_yellow .gn {
  background-position: 0 -1584px;
}
.f16 .gp, .f16_yellow .gp {
  background-position: 0 -1600px;
}
.f16 .gq, .f16_yellow .gq {
  background-position: 0 -1616px;
}
.f16 .gr, .f16_yellow .gr {
  background-position: 0 -1632px;
}
.f16 .gt, .f16_yellow .gt {
  background-position: 0 -1648px;
}
.f16 .gu, .f16_yellow .gu {
  background-position: 0 -1664px;
}
.f16 .gw, .f16_yellow .gw {
  background-position: 0 -1680px;
}
.f16 .gy, .f16_yellow .gy {
  background-position: 0 -1696px;
}
.f16 .hk, .f16_yellow .hk {
  background-position: 0 -1712px;
}
.f16 .hn, .f16_yellow .hn {
  background-position: 0 -1728px;
}
.f16 .hr, .f16_yellow .hr {
  background-position: 0 -1744px;
}
.f16 .ht, .f16_yellow .ht {
  background-position: 0 -1760px;
}
.f16 .hu, .f16_yellow .hu {
  background-position: 0 -1776px;
}
.f16 .id, .f16_yellow .id {
  background-position: 0 -1792px;
}
.f16 .mc, .f16_yellow .mc {
  background-position: 0 -1792px;
}
.f16 .ie, .f16_yellow .ie {
  background-position: 0 -1808px;
}
.f16 .il, .f16_yellow .il {
  background-position: 0 -1824px;
}
.f16 .im, .f16_yellow .im {
  background-position: 0 -1840px;
}
.f16 .in, .f16_yellow .in {
  background-position: 0 -1856px;
}
.f16 .iq, .f16_yellow .iq {
  background-position: 0 -1872px;
}
.f16 .ir, .f16_yellow .ir {
  background-position: 0 -1888px;
}
.f16 .is, .f16_yellow .is {
  background-position: 0 -1904px;
}
.f16 .it, .f16_yellow .it {
  background-position: 0 -1920px;
}
.f16 .je, .f16_yellow .je {
  background-position: 0 -1936px;
}
.f16 .jm, .f16_yellow .jm {
  background-position: 0 -1952px;
}
.f16 .jo, .f16_yellow .jo {
  background-position: 0 -1968px;
}
.f16 .jp, .f16_yellow .jp {
  background-position: 0 -1984px;
}
.f16 .ke, .f16_yellow .ke {
  background-position: 0 -2000px;
}
.f16 .kg, .f16_yellow .kg {
  background-position: 0 -2016px;
}
.f16 .kh, .f16_yellow .kh {
  background-position: 0 -2032px;
}
.f16 .ki, .f16_yellow .ki {
  background-position: 0 -2048px;
}
.f16 .km, .f16_yellow .km {
  background-position: 0 -2064px;
}
.f16 .kn, .f16_yellow .kn {
  background-position: 0 -2080px;
}
.f16 .kp, .f16_yellow .kp {
  background-position: 0 -2096px;
}
.f16 .kr, .f16_yellow .kr {
  background-position: 0 -2112px;
}
.f16 .kw, .f16_yellow .kw {
  background-position: 0 -2128px;
}
.f16 .ky, .f16_yellow .ky {
  background-position: 0 -2144px;
}
.f16 .kz, .f16_yellow .kz {
  background-position: 0 -2160px;
}
.f16 .la, .f16_yellow .la {
  background-position: 0 -2176px;
}
.f16 .lb, .f16_yellow .lb {
  background-position: 0 -2192px;
}
.f16 .lc, .f16_yellow .lc {
  background-position: 0 -2208px;
}
.f16 .li, .f16_yellow .li {
  background-position: 0 -2224px;
}
.f16 .lk, .f16_yellow .lk {
  background-position: 0 -2240px;
}
.f16 .lr, .f16_yellow .lr {
  background-position: 0 -2256px;
}
.f16 .ls, .f16_yellow .ls {
  background-position: 0 -2272px;
}
.f16 .lt, .f16_yellow .lt {
  background-position: 0 -2288px;
}
.f16 .lu, .f16_yellow .lu {
  background-position: 0 -2304px;
}
.f16 .lv, .f16_yellow .lv {
  background-position: 0 -2320px;
}
.f16 .ly, .f16_yellow .ly {
  background-position: 0 -2336px;
}
.f16 .ma, .f16_yellow .ma {
  background-position: 0 -2352px;
}
.f16 .md, .f16_yellow .md {
  background-position: 0 -2368px;
}
.f16 .me, .f16_yellow .me {
  background-position: 0 -2384px;
}
.f16 .mg, .f16_yellow .mg {
  background-position: 0 -2400px;
}
.f16 .mh, .f16_yellow .mh {
  background-position: 0 -2416px;
}
.f16 .mk, .f16_yellow .mk {
  background-position: 0 -2432px;
}
.f16 .ml, .f16_yellow .ml {
  background-position: 0 -2448px;
}
.f16 .mm, .f16_yellow .mm {
  background-position: 0 -2464px;
}
.f16 .mn, .f16_yellow .mn {
  background-position: 0 -2480px;
}
.f16 .mo, .f16_yellow .mo {
  background-position: 0 -2496px;
}
.f16 .mq, .f16_yellow .mq {
  background-position: 0 -2512px;
}
.f16 .mr, .f16_yellow .mr {
  background-position: 0 -2528px;
}
.f16 .ms, .f16_yellow .ms {
  background-position: 0 -2544px;
}
.f16 .mt, .f16_yellow .mt {
  background-position: 0 -2560px;
}
.f16 .mu, .f16_yellow .mu {
  background-position: 0 -2576px;
}
.f16 .mv, .f16_yellow .mv {
  background-position: 0 -2592px;
}
.f16 .mw, .f16_yellow .mw {
  background-position: 0 -2608px;
}
.f16 .mx, .f16_yellow .mx {
  background-position: 0 -2624px;
}
.f16 .my, .f16_yellow .my {
  background-position: 0 -2640px;
}
.f16 .mz, .f16_yellow .mz {
  background-position: 0 -2656px;
}
.f16 .na, .f16_yellow .na {
  background-position: 0 -2672px;
}
.f16 .nc, .f16_yellow .nc {
  background-position: 0 -2688px;
}
.f16 .ne, .f16_yellow .ne {
  background-position: 0 -2704px;
}
.f16 .ng, .f16_yellow .ng {
  background-position: 0 -2720px;
}
.f16 .ni, .f16_yellow .ni {
  background-position: 0 -2736px;
}
.f16 .nl, .f16_yellow .nl {
  background-position: 0 -2752px;
}
.f16 .no, .f16_yellow .no {
  background-position: 0 -2768px;
}
.f16 .np, .f16_yellow .np {
  background-position: 0 -2784px;
}
.f16 .nr, .f16_yellow .nr {
  background-position: 0 -2800px;
}
.f16 .nz, .f16_yellow .nz {
  background-position: 0 -2816px;
}
.f16 .om, .f16_yellow .om {
  background-position: 0 -2832px;
}
.f16 .pa, .f16_yellow .pa {
  background-position: 0 -2848px;
}
.f16 .pe, .f16_yellow .pe {
  background-position: 0 -2864px;
}
.f16 .pf, .f16_yellow .pf {
  background-position: 0 -2880px;
}
.f16 .pg, .f16_yellow .pg {
  background-position: 0 -2896px;
}
.f16 .ph, .f16_yellow .ph {
  background-position: 0 -2912px;
}
.f16 .pk, .f16_yellow .pk {
  background-position: 0 -2928px;
}
.f16 .pl, .f16_yellow .pl {
  background-position: 0 -2944px;
}
.f16 .pr, .f16_yellow .pr {
  background-position: 0 -2960px;
}
.f16 .ps, .f16_yellow .ps {
  background-position: 0 -2976px;
}
.f16 .pt, .f16_yellow .pt {
  background-position: 0 -2992px;
}
.f16 .pw, .f16_yellow .pw {
  background-position: 0 -3008px;
}
.f16 .py, .f16_yellow .py {
  background-position: 0 -3024px;
}
.f16 .qa, .f16_yellow .qa {
  background-position: 0 -3040px;
}
.f16 .re, .f16_yellow .re {
  background-position: 0 -3056px;
}
.f16 .ro, .f16_yellow .ro {
  background-position: 0 -3072px;
}
.f16 .rs, .f16_yellow .rs {
  background-position: 0 -3088px;
}
.f16 .ru, .f16_yellow .ru {
  background-position: 0 -3104px;
}
.f16 .rw, .f16_yellow .rw {
  background-position: 0 -3120px;
}
.f16 .sa, .f16_yellow .sa {
  background-position: 0 -3136px;
}
.f16 .sb, .f16_yellow .sb {
  background-position: 0 -3152px;
}
.f16 .sc, .f16_yellow .sc {
  background-position: 0 -3168px;
}
.f16 .sd, .f16_yellow .sd {
  background-position: 0 -3184px;
}
.f16 .se, .f16_yellow .se {
  background-position: 0 -3200px;
}
.f16 .sg, .f16_yellow .sg {
  background-position: 0 -3216px;
}
.f16 .si, .f16_yellow .si {
  background-position: 0 -3232px;
}
.f16 .sk, .f16_yellow .sk {
  background-position: 0 -3248px;
}
.f16 .sl, .f16_yellow .sl {
  background-position: 0 -3264px;
}
.f16 .sm, .f16_yellow .sm {
  background-position: 0 -3280px;
}
.f16 .sn, .f16_yellow .sn {
  background-position: 0 -3296px;
}
.f16 .so, .f16_yellow .so {
  background-position: 0 -3312px;
}
.f16 .sr, .f16_yellow .sr {
  background-position: 0 -3328px;
}
.f16 .st, .f16_yellow .st {
  background-position: 0 -3344px;
}
.f16 .sv, .f16_yellow .sv {
  background-position: 0 -3360px;
}
.f16 .sy, .f16_yellow .sy {
  background-position: 0 -3376px;
}
.f16 .sz, .f16_yellow .sz {
  background-position: 0 -3392px;
}
.f16 .tc, .f16_yellow .tc {
  background-position: 0 -3408px;
}
.f16 .td, .f16_yellow .td {
  background-position: 0 -3424px;
}
.f16 .tg, .f16_yellow .tg {
  background-position: 0 -3440px;
}
.f16 .th, .f16_yellow .th {
  background-position: 0 -3456px;
}
.f16 .tj, .f16_yellow .tj {
  background-position: 0 -3472px;
}
.f16 .tl, .f16_yellow .tl {
  background-position: 0 -3488px;
}
.f16 .tm, .f16_yellow .tm {
  background-position: 0 -3504px;
}
.f16 .tn, .f16_yellow .tn {
  background-position: 0 -3520px;
}
.f16 .to, .f16_yellow .to {
  background-position: 0 -3536px;
}
.f16 .tr, .f16_yellow .tr {
  background-position: 0 -3552px;
}
.f16 .tt, .f16_yellow .tt {
  background-position: 0 -3568px;
}
.f16 .tv, .f16_yellow .tv {
  background-position: 0 -3584px;
}
.f16 .tw, .f16_yellow .tw {
  background-position: 0 -3600px;
}
.f16 .tz, .f16_yellow .tz {
  background-position: 0 -3616px;
}
.f16 .ua, .f16_yellow .ua {
  background-position: 0 -3632px;
}
.f16 .ug, .f16_yellow .ug {
  background-position: 0 -3648px;
}
.f16 .us, .f16_yellow .us {
  background-position: 0 -3664px;
}
.f16 .uy, .f16_yellow .uy {
  background-position: 0 -3680px;
}
.f16 .uz, .f16_yellow .uz {
  background-position: 0 -3696px;
}
.f16 .va, .f16_yellow .va {
  background-position: 0 -3712px;
}
.f16 .vc, .f16_yellow .vc {
  background-position: 0 -3728px;
}
.f16 .ve, .f16_yellow .ve {
  background-position: 0 -3744px;
}
.f16 .vg, .f16_yellow .vg {
  background-position: 0 -3760px;
}
.f16 .vi, .f16_yellow .vi {
  background-position: 0 -3776px;
}
.f16 .vn, .f16_yellow .vn {
  background-position: 0 -3792px;
}
.f16 .vu, .f16_yellow .vu {
  background-position: 0 -3808px;
}
.f16 .ws, .f16_yellow .ws {
  background-position: 0 -3824px;
}
.f16 .ye, .f16_yellow .ye {
  background-position: 0 -3840px;
}
.f16 .za, .f16_yellow .za {
  background-position: 0 -3856px;
}
.f16 .zm, .f16_yellow .zm {
  background-position: 0 -3872px;
}
.f16 .zw, .f16_yellow .zw {
  background-position: 0 -3888px;
}

@media all and (min-width: 1900px) {
  body.playforfree .description_container, body.play-for-free .description_container {
  font-size: 26px;
  top: 600px;
  left: 400px;
  width: 400px;
}
body.playforfree .description_container p, body.play-for-free .description_container p {
  font-size: 26px;
}
body.playforfree .iframe_bg_container, body.play-for-free .iframe_bg_container {
  left: 930px;
  top: 120px;
  width: 450px;
}
}

@media all and (max-width: 1900px) and (min-width: 1201px) {
  body{
    width: 1600px;
  }

body.playforfree .description_container, body.play-for-free .description_container {
  top: 600px;
  left: 280px;
  font-size: 24px;
  width: 380px;
}
body.playforfree .description_container p, body.play-for-free .description_container p {
  font-size: 24px;
}

body.playforfree .video_container, body.play-for-free .video_container {
  left: 795px;
}

body.playforfree .keyart_top_container .keyart_top.left, body.play-for-free .keyart_top_container .keyart_top.left {
  background-position:center top;
}
body.playforfree .iframe_bg_container, body.play-for-free .iframe_bg_container {
  left: 770px;
  top: 120px;
  width: 450px;
}
body.playforfree .keyart_top_container .keyart_top.left .hg_main_logo, body.play-for-free .keyart_top_container .keyart_top.left .hg_main_logo {
  left: 240px;
}
}
@media all and (max-width: 1600px) and (min-width: 1201px) {
  body{
    width: 1200px;
  }
body.playforfree .description_container, body.play-for-free .description_container {
  left: 110px;
}

body.playforfree .video_container, body.play-for-free .video_container {
  left: 596px;
}

body.playforfree .keyart_top_container .keyart_top.left, body.play-for-free .keyart_top_container .keyart_top.left {
  background-position:center top;
}
body.playforfree .iframe_bg_container, body.play-for-free .iframe_bg_container {
  left: 570px;
}
body.playforfree .keyart_top_container .keyart_top.left .hg_main_logo, body.play-for-free .keyart_top_container .keyart_top.left .hg_main_logo {
  left: 140px;
}
}

@media all and (max-width: 1200px) and (min-width: 921px) {
  body{
    width: 900px;
  }
body.playforfree .description_container, body.play-for-free .description_container {
  left: 20px;
}

body.playforfree .video_container, body.play-for-free .video_container {
  left: 450px;
}

body.playforfree .keyart_top_container .keyart_top.left, body.play-for-free .keyart_top_container .keyart_top.left {
  background-position:14% top;
}
body.playforfree .iframe_bg_container, body.play-for-free .iframe_bg_container {
  left: 420px;
}
body.playforfree .keyart_top_container .keyart_top.left .hg_main_logo, body.play-for-free .keyart_top_container .keyart_top.left .hg_main_logo {
  left: 50px;
}
body.playforfree .iframe_bg_container, body.play-for-free .iframe_bg_container {
  left: 460px;
  top: 150px;
}
}

@media all and (max-width 1200px) {
body.playforfree .already_has_account_container, body.play-for-free .already_has_account_container {
  position: relative;
  top: 10px;
  left: -31px;
  text-align: right;
  font-size: 13px;
}
  
body.playforfree .create_an_account_label, body.play-for-free .create_an_account_label {
  top: 4px;
  left: 27px;
}
body.playforfree .registration_iframe_container, body.play-for-free .registration_iframe_container {
  top: 3px;
  left: 15px;
}
}

@media all and (max-width: 920px) {
  body{
    width: 600px;
  }
  
body.playforfree .description_container, body.play-for-free .description_container {
  left: 110px;
  top: 550px;

  font-size: 20px;
  width: 380px;
}
body.playforfree .description_container p, body.play-for-free .description_container p {
  font-size: 20px;
}
body.playforfree .video_container, body.play-for-free .video_container {
  left: 100px;
  top: 700px;
}

body.playforfree .keyart_top_container .keyart_top.left, body.play-for-free .keyart_top_container .keyart_top.left {
  background-position:25% top;
}

body.playforfree .iframe_bg_container, body.play-for-free .iframe_bg_container {
  left: 160px;
  top: 146px;
  width: 385px;
  height: 400px;
  background-size:385px 308px;
}
body.playforfree .keyart_top_container .keyart_top.left .hg_main_logo, body.play-for-free .keyart_top_container .keyart_top.left .hg_main_logo {
  left: 40px;
  width: 397px;
  height: 54px;
  background-size: contain;
}
footer.site_footer.alt .logos_container .logo.reto {
  width: 90px;
  height: 30px;
}
footer.site_footer.alt .logos_container .logo.square-enix {
  width: 102px;
  height: 23px;
}
footer.site_footer.alt .logos_container .logo.nvidia {
  width: 66px;
  height: 31px;
}

}

@media all and (max-width: 615px) {
  body{
    width: 400px;
  }

body.playforfree .description_container, body.play-for-free .description_container {
  left: 0px;
  top: 550px;
  font-size: 20px;
  width: 380px;
}
body.playforfree .description_container p, body.play-for-free .description_container p {
  font-size: 20px;
}
body.playforfree .iframe_bg_container, body.play-for-free .iframe_bg_container {
  left: 7px;
  top: 140px;
  width: 387px;
  height: 400px;
  background-size:387px 345px;
}


body.playforfree .video_container, body.play-for-free .video_container {
  left: 0px;
  top: 700px;
}

body.playforfree .keyart_top_container .keyart_top.left, body.play-for-free .keyart_top_container .keyart_top.left {
  background-position:25% top;
}

body.playforfree .keyart_top_container .keyart_top.left .hg_main_logo, body.play-for-free .keyart_top_container .keyart_top.left .hg_main_logo {
  left: 0px;
  width: 397px;
  height: 54px;
  background-size: contain;
}
footer.site_footer .legal_container {
  position: relative;
  margin-top: 40px;
  width: 100%;
  z-index: 2;
}
}