/**
 * COPYRIGHT HATEM+D, ALL RIGHTS RESERVED.
 * This file cannot be used, copied, reproduced, altered or transmitted
 * by any means without proper written authorization from HATEM+D.
 * http://www.hatem.ca
 */
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, font, 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 {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

:focus {
  outline: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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 {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

:focus {
  outline: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

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

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

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

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

@font-face {
  font-family: 'baskervilleregular';
  src: url("../css/fonts/librebaskerville-regular-webfont.eot");
  src: url("../css/fonts/librebaskerville-regular-webfont.eot#iefix") format("embedded-opentype"), url("../css/fonts/librebaskerville-regular-webfont.woff") format("woff"), url("../css/fonts/librebaskerville-regular-webfont.ttf") format("truetype"), url("../css/fonts/librebaskerville-regular-webfont.svg#libre_baskervilleregular") format("svg");
  font-weight: normal;
  font-style: normal; }

html, body {
  height: 100%;
  min-height: 100%;
  font-size: 10px;
  background-color: #1f1f1f; }

p {
  font-family: baskervilleregular; }

::selection {
  background: #ed1848;
  color: #fff; }

::-moz-selection {
  background: #ed1848;
  color: #fff; }

a {
  font-family: museo-sans;
  font-weight: 500; }

.clear {
  clear: both; }

.third {
  width: 33%; }

.red {
  color: #ed1848; }

header {
  width: 100%;
  height: 160px;
  background: url(../img/interface/amb_logo_top.png) bottom right no-repeat #191919;
  position: fixed;
  top: 0;
  z-index: 2000;
  border-bottom: 1px solid #363636;
  outline: 3px solid #000;
  -webkit-transition: all 0.5s ease-in-out;
  -khtml-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  header nav {
    display: block;
    width: 100%;
    margin: 0 auto; }
  header a {
    display: block;
    color: #aaaaaa;
    margin: 90px 3% 0 0;
    text-decoration: none;
    font-size: 18px;
    line-height: 1;
    float: right;
    text-align: center;
    transition: height 0.2s, background-position 0.2s;
    -webkit-transition: height 0.2s, background-position 0.2s; }
    header a .menu-ico {
      margin-top: 5px;
      padding: 2px 0;
      border-top: 2px solid #aaaaaa;
      border-bottom: 2px solid #aaaaaa;
      background-color: #191919;
      width: 14px;
      display: block;
      float: right;
      -webkit-transition: border 0.2s ease-in-out;
      -khtml-transition: border 0.2s ease-in-out;
      -moz-transition: border 0.2s ease-in-out;
      -ms-transition: border 0.2s ease-in-out;
      -o-transition: border 0.2s ease-in-out;
      transition: border 0.2s ease-in-out; }
      header a .menu-ico span {
        height: 2px;
        background-color: #aaaaaa;
        width: 100%;
        display: block;
        -webkit-transition: background-color 0.2s ease-in-out;
        -khtml-transition: background-color 0.2s ease-in-out;
        -moz-transition: background-color 0.2s ease-in-out;
        -ms-transition: background-color 0.2s ease-in-out;
        -o-transition: background-color 0.2s ease-in-out;
        transition: background-color 0.2s ease-in-out; }
    header a#home-link {
      float: left;
      margin: 0px 0 0 2%;
      width: 221px;
      height: 160px;
      background: url(../img/interface/logo.png) center left no-repeat;
      text-indent: -9999px; }
    header a:first-child {
      display: none;
      width: 80px;
      margin: 45px 20px 0 0px; }
    header a:hover {
      color: #fff; }
      header a:hover .menu-ico {
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff; }
        header a:hover .menu-ico span {
          background-color: #fff; }

footer {
  width: 100%;
  min-height: 108px;
  position: relative;
  clear: both;
  background: #131313;
  outline: 3px solid #000;
  border-top: 1px solid #262626;
  -webkit-transition: left 0.5s ease-in-out;
  -khtml-transition: left 0.5s ease-in-out;
  -moz-transition: left 0.5s ease-in-out;
  -ms-transition: left 0.5s ease-in-out;
  -o-transition: left 0.5s ease-in-out;
  transition: left 0.5s ease-in-out; }
  footer p.copyright {
    padding: 2% 10%;
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
    line-height: 1.6;
    color: #7f7f7f;
    font-size: 12px;
    font-weight: 300;
    font-family: museo-sans; }

.page {
  min-height: 100%;
  margin: 0 auto;
  background: url(../img/interface/amb_logo_bottom.png) right 163px no-repeat #1f1f1f;
  position: relative;
  -webkit-transition: all 0.5s ease-in-out;
  -khtml-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  .page.beige {
    background: url(../img/interface/amb_logo_bottom.png) right 163px no-repeat #eaeaea; }
  .page .close-bt {
    position: absolute;
    top: 40px;
    right: 50px;
    background: url(../img/interface/close.png) center center no-repeat;
    text-indent: -9999px;
    opacity: 0.5;
    width: 10px;
    height: 12px;
    padding: 10px; }
    .page .close-bt:hover {
      opacity: 1; }
  .page .alternative-nav {
    display: none;
    width: 300px;
    height: 100%;
    min-height: 500px;
    position: absolute;
    top: 0;
    right: -300px;
    min-height: 950px;
    z-index: 10000;
    background: url(../img/interface/shadow_l.gif) left top repeat-y #eaeaea;
    -webkit-transition: right 0.5s ease-in-out;
    -khtml-transition: right 0.5s ease-in-out;
    -moz-transition: right 0.5s ease-in-out;
    -ms-transition: right 0.5s ease-in-out;
    -o-transition: right 0.5s ease-in-out;
    transition: right 0.5s ease-in-out; }
    .page .alternative-nav ul {
      margin-top: 47px; }
    .page .alternative-nav li {
      margin: 0 0 35px 42px; }
    .page .alternative-nav a {
      color: #626262;
      font-size: 18px;
      text-decoration: none; }
    .page .alternative-nav .sumo-nav {
      width: 255px;
      height: 298px;
      position: absolute;
      bottom: 220px;
      background: url(../img/interface/sumo-nav.png) center center no-repeat; }
    .page .alternative-nav #contact {
      position: absolute;
      bottom: 40px;
      left: 42px; }
      .page .alternative-nav #contact h2 {
        font-size: 18px;
        font-family: museo-sans;
        font-weight: 500;
        color: #626262;
        padding-bottom: 15px;
        border-bottom: 1px solid #c8c8c8; }
      .page .alternative-nav #contact p {
        line-height: 22px; }
      .page .alternative-nav #contact p, .page .alternative-nav #contact a {
        font-size: 14px;
        color: #626262;
        font-family: museo-sans;
        font-weight: 500;
        margin-top: 15px; }
      .page .alternative-nav #contact a:hover {
        text-decoration: underline; }
      .page .alternative-nav #contact .red_link {
        color: #ed1848;
        padding-bottom: 5px;
        border-bottom: 1px solid #ebb5c1;
        display: block;
        width: 180px;
        line-height: 20px; }
        .page .alternative-nav #contact .red_link span {
          width: 10px;
          height: 17px;
          display: block;
          background: url(../img/interface/arrows.png) top right no-repeat;
          float: right;
          margin-top: 2px; }
        .page .alternative-nav #contact .red_link:hover {
          border-bottom: 1px solid #ed1848;
          text-decoration: none; }
  .page .header-push {
    height: 163px; }
  .page .wrapper {
    max-width: 1024px;
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
  .page .content {
    max-width: 850px;
    width: 80%;
    margin: auto; }

.home h1 {
  color: #7f7f7f;
  font-family: baskervilleregular;
  font-size: 2.6em;
  line-height: 1.4em;
  font-weight: normal;
  float: left;
  width: 60%; }
.home .alt_slider {
  display: none;
  width: 100%;
  position: relative;
  overflow: hidden; }
  .home .alt_slider img {
    width: 1680px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -840px;
    display: block; }
.home .feature-box-wrapper {
  position: relative;
  background: #000;
  overflow: hidden;
  width: 100%; }
.home .progress_bar {
  height: 4px;
  width: 0%;
  background-color: #ed1848; }
.home .box-wrapper {
  max-width: 1480px;
  margin: 0px auto;
  padding: 60px 0;
  width: 90%; }

.games {
  width: 100%;
  max-width: 1080px;
  margin: 60px auto 0;
  padding-bottom: 30px; }
  .games .game_wrp {
    width: 33.3333%;
    max-width: 360px;
    position: relative;
    float: left;
    margin: 0 auto 10%; }
    .games .game_wrp h2 {
      font-family: museo-sans;
      font-size: 2.6em;
      font-weight: 700;
      color: #ed1848;
      margin: 15px 0 5px 40px;
      line-height: 0.8em; }
    .games .game_wrp a {
      display: block; }
    .games .game_wrp img {
      position: absolute;
      top: 2px;
      width: 100%; }
    .games .game_wrp .border {
      max-width: 300px;
      width: 83.3333%;
      height: 520px;
      margin: 0 auto;
      border: 2px solid #1f1f1f; }
    .games .game_wrp .type {
      color: #7f7f7f;
      font-size: 16px;
      margin: 0 0 0 40px;
      font-family: baskervilleregular; }
    .games .game_wrp:hover .border {
      border: 2px solid #ed1848; }

.game h1 {
  font-size: 4.2em;
  line-height: 1.2em;
  font-family: museo-sans;
  font-weight: 700;
  color: #fff;
  padding: 100px 0 50px;
  text-shadow: 1px 1px 3px #000; }
.game h2 {
  font-size: 3.6em;
  color: #7f7f7f;
  font-family: museo-sans;
  font-weight: 700;
  line-height: 1.3em; }
.game section {
  padding: 5% 0; }
.game .feature_box {
  font-family: museo-sans;
  font-weight: 500;
  font-size: 18px;
  color: #eaeaea;
  padding: 18px 35px;
  background: #ed1848;
  position: absolute;
  top: -54px;
  display: inline;
  margin-left: -15px; }
.game .watch_link {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  font-family: museo-sans;
  font-weight: 500;
  text-decoration: none;
  margin-left: 150px;
  padding: 10px 80px 10px 0;
  background: url(../img/interface/youtube.png) no-repeat center right; }
.game .header {
  padding: 0;
  min-height: 390px;
  border-bottom: 2px solid #ed2854; }
.game .description {
  background: #eaeaea; }
  .game .description p {
    line-height: 28px;
    margin: 4%;
    font-size: 18px;
    color: #5a5a5a;
    font-family: baskervilleregular; }
  .game .description .content {
    margin: 0 auto 54px; }
.game .features {
  position: relative;
  background: #1f1f1f;
  border-bottom: 3px solid #000; }
  .game .features p {
    color: #7f7f7f;
    font-size: 18px;
    margin: 4% 0;
    line-height: 24px; }
  .game .features ul {
    margin-left: 4%; }
  .game .features li {
    float: left;
    width: 45%;
    background: url(../img/interface/thumbs.png) no-repeat center left;
    padding: 10px 0 10px 30px;
    color: #7f7f7f;
    font-size: 16px;
    line-height: 1.4;
    font-family: baskervilleregular; }
.game .contact {
  background: #1f1f1f;
  border-top: 1px solid #262626; }
  .game .contact .content {
    max-width: 900px;
    position: relative; }
  .game .contact h2 {
    font-size: 4.6em;
    color: #565656;
    font-family: museo-sans;
    font-weight: 700;
    line-height: 46px; }
  .game .contact .perso_amb {
    background: url(../img/interface/sumo.png) no-repeat center center;
    width: 325px;
    height: 427px;
    display: block;
    position: absolute;
    left: -380px;
    top: -200px; }
  .game .contact .email {
    margin: 4% 0 0;
    background: url(../img/interface/mail.png) no-repeat top left;
    padding: 20px 0 20px 150px;
    width: 300px; }
  .game .contact .map {
    margin: 3% 0 0;
    background: url(../img/interface/map.png) no-repeat top left;
    padding: 30px 0 20px 120px;
    width: 330px; }
    .game .contact .map p {
      margin-bottom: 10px; }
  .game .contact .email, .game .contact .map {
    float: left; }
    .game .contact .email p, .game .contact .map p {
      font-size: 20px;
      color: #ed1848;
      font-family: museo-sans;
      font-weight: 500;
      margin-bottom: 20px; }
    .game .contact .email a, .game .contact .map a {
      font-size: 22px;
      font-family: museo-sans;
      font-weight: 500;
      color: #7f7f7f;
      line-height: 1.2;
      text-decoration: none; }
      .game .contact .email a:hover, .game .contact .map a:hover {
        text-decoration: underline; }

.about, .career {
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .about .wrp, .career .wrp {
    position: relative;
    left: 0;
    overflow: hidden;
    -webkit-transition: left 1s;
    -khtml-transition: left 1s;
    -moz-transition: left 1s;
    -ms-transition: left 1s;
    -o-transition: left 1s;
    transition: left 1s; }
  .about h1, .career h1 {
    color: #ed1848;
    font-size: 1.8em;
    font-family: museo-sans;
    font-weight: 700;
    border-bottom: 2px solid #ed1848;
    padding-bottom: 10px; }
  .about h2, .career h2 {
    font-size: 2.6em;
    color: #7f7f7f;
    font-family: museo-sans;
    font-weight: 700; }
  .about a, .career a {
    color: #ed1848; }
  .about p, .career p {
    color: #7f7f7f;
    font-size: 20px;
    line-height: 28px;
    margin-top: 30px; }
  .about section, .career section {
    width: 100%;
    float: left;
    opacity: 0; }
    .about section:first-child, .career section:first-child {
      opacity: 1; }
  .about .title, .career .title {
    color: #7f7f7f;
    font-size: 3.6em;
    line-height: 1.5em;
    margin-top: 30px;
    font-family: baskervilleregular;
    max-width: 100%; }
  .about .content, .career .content {
    width: 80%;
    margin: 0 auto;
    padding: 100px 0;
    max-width: 1100px; }
  .about .partners_img, .career .partners_img {
    padding: 100px 0; }
    .about .partners_img img, .career .partners_img img {
      display: inline;
      padding: 0 32px; }
  .about .third, .career .third {
    float: left;
    text-align: center;
    margin-top: 5%;
    padding-top: 10px; }
    .about .third.plus, .career .third.plus {
      width: 28%;
      padding-right: 5%;
      background: url(../img/interface/plus.png) no-repeat right top; }
    .about .third h3, .career .third h3 {
      margin: 0 20px;
      text-transform: uppercase;
      font-size: 1.8em;
      color: #ed1848;
      font-family: museo-sans;
      font-weight: 700;
      line-height: 1.45em; }
    .about .third p, .career .third p {
      margin: 10px 0px;
      font-size: 14px;
      line-height: 18px;
      font-family: museo-sans;
      font-weight: 500; }
  .about .nav, .career .nav {
    font-size: 18px;
    color: #ed1848;
    font-family: museo-sans;
    font-weight: 700;
    padding: 22px 42px;
    border: 1px solid #7f7f7f;
    width: auto;
    -webkit-border-radius: 33px;
    -khtml-border-radius: 33px;
    -moz-border-radius: 33px;
    -ms-border-radius: 33px;
    -o-border-radius: 33px;
    border-radius: 33px;
    text-decoration: none;
    position: relative;
    top: 50px; }
    .about .nav span, .career .nav span {
      width: 10px;
      height: 17px;
      display: block;
      background: url(../img/interface/arrows.png) center left no-repeat;
      position: absolute;
      top: 50%;
      margin-top: -8px; }
    .about .nav.prev, .career .nav.prev {
      padding: 22px 42px 22px 70px;
      float: left; }
      .about .nav.prev span, .career .nav.prev span {
        background-position: top left;
        left: 38px; }
    .about .nav.next, .career .nav.next {
      padding: 22px 70px 22px 42px;
      float: right; }
      .about .nav.next span, .career .nav.next span {
        background-position: top right;
        right: 38px; }
    .about .nav:hover, .career .nav:hover {
      color: #1f1f1f;
      background-color: #ed1848;
      border: 1px solid #1f1f1f; }
      .about .nav:hover.prev span, .career .nav:hover.prev span {
        background-position: bottom left; }
      .about .nav:hover.next span, .career .nav:hover.next span {
        background-position: bottom right; }
  .about .bottom, .career .bottom {
    margin-top: 5%;
    text-align: center;
    padding-bottom: 5%; }
    .about .bottom h2, .career .bottom h2 {
      color: #575757; }
    .about .bottom .nav, .career .bottom .nav {
      float: none; }

.career p {
  max-width: 1000px; }

.career .content {
  padding-top: 60px; }

.news, .press {
  min-height: 100%; }
  .news h1, .press h1 {
    color: #ed1848;
    font-size: 1.8em;
    font-family: museo-sans;
    font-weight: 700;
    border-bottom: 2px solid #ed1848;
    padding-bottom: 10px; }
  .news h2, .press h2 {
    margin-top: 5%;
    font-size: 3em;
    color: #7f7f7f;
    font-family: museo-sans;
    font-weight: 700;
    line-height: 1.3em; }
  .news p, .press p {
    color: #7f7f7f;
    font-size: 16px;
    line-height: 22px;
    margin: 10px 0;
    font-family: museo-sans; }
  .news a, .press a {
    margin: 10px 0 0 0;
    display: block;
    color: #ed2854;
    font-size: 18px;
    font-family: baskervilleregular;
    text-decoration: none;
    word-break: break-all; }
    .news a:hover, .press a:hover {
      text-decoration: underline; }
  .news .content, .press .content {
    width: 80%;
    margin: 0 auto;
    padding: 100px 0;
    max-width: 1100px; }

section.movable {
  position: absolute;
  left: 0px;
  overflow: hidden; }
  section.movable.beige {
    display: block;
    width: 90%;
    height: 99px;
    padding: 62px 5% 0 5%;
    background: url(../img/interface/amb_logo_top.png) right 1px no-repeat #eaeaea;
    background-attachment: fixed;
    outline: 2px solid #f0f0f0;
    border-bottom: 1px solid #ccc;
    -webkit-transition: top 0.5s ease-in-out;
    -khtml-transition: top 0.5s ease-in-out;
    -moz-transition: top 0.5s ease-in-out;
    -ms-transition: top 0.5s ease-in-out;
    -o-transition: top 0.5s ease-in-out;
    transition: top 0.5s ease-in-out;
    z-index: 3000;
    top: 0; }
    section.movable.beige h2 {
      font-size: 36px;
      font-weight: bold;
      color: #757575;
      display: block;
      float: left;
      font-family: museo-sans;
      margin-right: 45px; }
    section.movable.beige p, section.movable.beige a {
      float: left;
      font-size: 30px;
      margin-left: 50px;
      font-weight: bold;
      color: #2a2a2a;
      font-family: museo-sans;
      text-decoration: none; }
      section.movable.beige p:hover, section.movable.beige a:hover {
        text-decoration: underline; }
    section.movable.beige .close-bt {
      top: 85px;
      right: 80px; }
    section.movable.beige.hidden {
      top: -180px; }

#feed-twitter {
  display: block;
  max-width: 390px;
  height: 100px;
  width: 100%;
  background: url(../img/interface/twitter-feed-bg.gif) top right no-repeat #0f0f0f;
  float: left;
  margin: 0 26px 30px 0;
  position: relative; }
  #feed-twitter #twitter-logo {
    margin: 28px 0 0 35px; }
  #feed-twitter #twitter-username {
    font-size: 12px;
    font-family: Arial;
    color: #555555;
    text-decoration: none;
    text-align: center;
    display: block;
    width: 100px;
    height: 100px;
    padding-top: 70px;
    background: url(../img/interface/twitter-logo.gif) left top no-repeat; }
  #feed-twitter #tweets {
    position: absolute;
    top: 21px;
    left: 125px;
    display: block;
    width: 100%;
    max-width: 215px;
    height: 65px;
    overflow: hidden; }
    #feed-twitter #tweets .tweetList {
      position: relative;
      -webkit-transition: left 0.5s;
      -khtml-transition: left 0.5s;
      -moz-transition: left 0.5s;
      -ms-transition: left 0.5s;
      -o-transition: left 0.5s;
      transition: left 0.5s; }
    #feed-twitter #tweets p {
      font-size: 12px;
      font-family: Arial;
      color: #7f7f7f;
      line-height: 1.1; }
    #feed-twitter #tweets a {
      color: #ed1848; }
    #feed-twitter #tweets ul {
      width: 1075px; }
      #feed-twitter #tweets ul li {
        float: left;
        width: 215px; }
  #feed-twitter .tweet-nav {
    display: block;
    width: 23px;
    height: 23px;
    background: url(../img/interface/tweets-nav.gif) no-repeat;
    position: absolute;
    right: 0px; }
    #feed-twitter .tweet-nav#tweet-prev {
      top: 0px;
      background-position: -23px 0px; }
      #feed-twitter .tweet-nav#tweet-prev.deactivated {
        background-position: 0px 0px; }
    #feed-twitter .tweet-nav#tweet-next {
      top: 25px;
      background-position: -23px -23px; }
      #feed-twitter .tweet-nav#tweet-next.deactivated {
        background-position: 0px -23px; }

@media only screen and (min-width: 1679px) {
  .home .alt_slider img {
    width: 100%;
    left: 0;
    margin-left: 0; } }
@media only screen and (max-width: 1370px) {
  .home h1 {
    width: 50%; } }
@media only screen and (max-width: 1024px) {
  body {
    font-size: 8px; }

  .home .alt_slider img {
    width: 1024px;
    left: 50%;
    margin-left: -512px; }

  header {
    position: absolute; } }
@media only screen and (max-width: 1023px) {
  .home h1 {
    width: 100%; }

  header a {
    margin: 90px 2% 0 0; }

  #feed-twitter {
    max-width: 100%; } }
@media only screen and (max-width: 768px) {
  .press {
    min-height: 950px!important; }

  header {
    position: fixed; }

  .game section {
    padding: 10% 0; }

  #contact-us {
    top: -180px; }

  header {
    height: 100px; }
    header a {
      display: none; }
      header a#home-link {
        display: block;
        height: 100px;
        width: 221px; }
      header a:first-child {
        display: block; }

  .page {
    background-position: right 103px; }
    .page.beige {
      background-position: right 103px; }
    .page .header-push {
      height: 103px; } }
@media only screen and (max-width: 640px) {
  header {
    position: absolute; }

  .games .game_wrp {
    width: 100%;
    float: none; }

  .news h2 {
    margin-top: 10%; }

  .game .contact .email, .game .contact .map {
    background: none;
    padding: 20px 0 20px 0px;
    width: 260px; }
    .game .contact .email a, .game .contact .map a {
      font-size: 20px; }

  .page .about .nav {
    float: none;
    display: block;
    margin-top: 20px; }

  .about .partners_img {
    padding: 5% 0; }
    .about .partners_img img {
      padding: 0;
      margin: 5px 0;
      max-width: 300px; }

  .career p {
    margin-bottom: 40px; }
  .career .third {
    float: none;
    width: 100%;
    padding: 0 0 50px 0; }
    .career .third.plus {
      padding: 0 0 50px 0;
      background-position: center bottom;
      width: 100%; }
  .career .nav {
    float: none;
    display: block; } }
@media only screen and (max-width: 568px) {
  .home .alt_slider img {
    width: 568px;
    left: 50%;
    margin-left: -284px; } }
@media only screen and (max-width: 320px) {
  header a:first-child {
    margin: 45px 10px 0 0px; }

  .about .partners_img img {
    width: 100%; }

  #feed-twitter {
    display: none; } }


/*
playback timings (ms):
  LoadShardBlock: 1104.348 (3)
  esindex: 0.012
  captures_list: 1121.346
  CDXLines.iter: 11.677 (3)
  PetaboxLoader3.datanode: 1120.717 (5)
  exclusion.robots: 0.51
  exclusion.robots.policy: 0.487
  RedisCDXSource: 1.616
  PetaboxLoader3.resolve: 105.947 (3)
  load_resource: 269.608
*/