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

article, aside, details, figure, footer, header, nav, section, summary {
  display: block; }

embed, img, object {
  max-width: 100%; }

html {
  overflow-y: scroll; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help; }

meter {
  -webkit-appearance: none; }

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

th {
  font-weight: 700;
  vertical-align: bottom; }

td {
  font-weight: 400; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word; }

input[type=radio] {
  vertical-align: text-bottom; }

input[type=checkbox] {
  vertical-align: baseline; }

.ie7 input[type=checkbox] {
  vertical-align: baseline; }

.ie6 input {
  vertical-align: text-bottom; }

input, select, textarea {
  font: 99% sans-serif; }

table {
  font: 100%; }

small {
  font-size: 85%; }

strong {
  font-weight: 700; }

td, td img {
  vertical-align: top; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative; }

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

code, kbd, pre, samp {
  font-family: monospace,sans-serif; }

.clickable, button, input[type=button], input[type=file], input[type=submit] {
  cursor: pointer; }

button, input, select, textarea {
  margin: 0; }

button, input[type=button] {
  width: auto;
  overflow: visible; }

.ie7 img {
  -ms-interpolation-mode: bicubic; }

@font-face {
  font-family: 'FontAwesome';
  src: url("font-awesome-4.0.3/fonts/fontawesome-webfont.eot?v=4.0.3");
  src: url("font-awesome-4.0.3/fonts/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"), url("font-awesome-4.0.3/fonts/fontawesome-webfont.woff?v=4.0.3") format("woff"), url("font-awesome-4.0.3/fonts/fontawesome-webfont.ttf?v=4.0.3") format("truetype"), url("font-awesome-4.0.3/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }
html {
  background-color: #333; }

body {
  font-family: "roboto", "helvetica neue", arial, helvetica, sans-serif;
  color: #444;
  font-size: 21px;
  line-height: 1.6em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  background-color: #222; }
  @media (max-width: 570px) {
    body {
      font-size: 17px; } }

a {
  color: #f36945; }
  a:hover {
    color: #f36945; }

button, input[type="submit"] {
  background-color: #f36945;
  color: #fff;
  font-family: inherit;
  font-size: inherit;
  border: none;
  border-radius: 2px;
  -webkit-appearance: none; }

#wrapper {
  overflow: hidden; }

#document {
  background-color: #fff;
  position: relative;
  left: 0px;
  transition: left 0.2s ease-in-out; }
  #document.slide-right {
    left: 320px; }
  #document.slide-left {
    left: -320px;
    		/*left: -760px;
    
    		@include breakpoint(2, below) {
    			left: -570px;
    		}	
    
    		@include breakpoint(3, below) {
    			left: -480px;
    		}
    
    		@include breakpoint(4, below) {
    			left: -320px;
    		}*/ }
  #document > nav div.hide {
    height: 50px;
    line-height: 50px;
    padding: 0 1em;
    border-bottom: 2px solid #363636;
    color: #555;
    cursor: pointer;
    text-transform: uppercase; }
    #document > nav div.hide:hover {
      color: #f36945; }
    @media (min-width: 571px) {
      #document > nav div.hide {
        font-size: .75em; } }
  #document #sitenav {
    width: 320px;
    position: absolute;
    top: 0;
    left: -320px;
    text-align: center; }
    #document #sitenav div.hide {
      text-align: right; }
      #document #sitenav div.hide:after {
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f177";
        margin-left: .3em; }
    #document #sitenav ul li {
      border-bottom: 2px solid #363636; }
      #document #sitenav ul li a {
        display: block;
        text-decoration: none;
        font-size: 1em;
        line-height: 1.6em;
        margin: 0em;
        padding: 0.4em 0.8em;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
        #document #sitenav ul li a:hover {
          color: #f36945; }
      #document #sitenav ul li.current a {
        font-weight: bold;
        color: #fff; }
        #document #sitenav ul li.current a:before {
          /*@include fontAwesome(caret-right);
          margin-right: .3em;*/ }
  #document #account {
    position: absolute;
    width: 320px;
    right: -320px;
    		/*width: 760px;
    		right: -760px;
    
    		@include breakpoint(2, below) {
    			width: 570px;
    			right: -570px;
    		}
    
    		@include breakpoint(3, below) {
    			width: 480px;
    			right: -480px;
    		}
    
    		@include breakpoint(4, below) {
    			width: 320px;
    			right: -320px;
    		}*/ }
    #document #account div.hide {
      text-align: left; }
      #document #account div.hide:before {
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f178";
        margin-right: .3em; }
    #document #account form#login {
      padding: 1.2em;
      background-color: #2a2a2a;
      color: #eee;
      text-align: center;
      margin-top: -2px;
      position: relative; }
      #document #account form#login p {
        font-size: 1em;
        line-height: 1.2em;
        margin-top: 0em;
        margin-bottom: 1.2em; }
      #document #account form#login ul li {
        margin-bottom: 0.4em; }
      #document #account form#login label {
        display: none; }
      #document #account form#login input {
        background-color: #444;
        color: #aaa;
        padding: 0.4em;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        border: none;
        width: 100%;
        outline-color: #f36945; }
      #document #account form#login .buttons {
        text-align: center; }
        #document #account form#login .buttons button {
          background-color: #f36945;
          color: #fff;
          position: relative;
          display: inline-block;
          text-decoration: none;
          text-transform: uppercase;
          font-family: inherit;
          -webkit-appearance: none;
          border: none;
          cursor: pointer;
          white-space: nowrap;
          height: 40px;
          line-height: 38px;
          margin-left: 10px;
          margin-right: 10px;
          padding: 0 1em;
          font-size: .9em;
          display: block;
          margin: 0.8em auto 0.4em; }
          #document #account form#login .buttons button:before {
            position: absolute;
            top: 0;
            width: 0;
            height: 0;
            content: "";
            border-style: solid;
            border-color: transparent #f36945 transparent transparent; }
          #document #account form#login .buttons button:after {
            position: absolute;
            top: 0;
            width: 0;
            height: 0;
            content: "";
            border-style: solid;
            border-color: transparent transparent transparent #f36945; }
          #document #account form#login .buttons button:focus {
            outline: none; }
          #document #account form#login .buttons button:before {
            border-width: 20px 10px 20px 0;
            left: -10px; }
          #document #account form#login .buttons button:after {
            border-width: 20px 0 20px 10px;
            right: -10px; }
        #document #account form#login .buttons a.forgot {
          display: block;
          color: #666;
          font-size: 0.75em;
          line-height: 2.13333em;
          margin: 0em; }
    #document #account div.new_account {
      text-align: center;
      padding: 1.2em 1.2em 0;
      zoom: 1; }
      #document #account div.new_account h2 {
        color: #fff;
        font-weight: normal;
        font-size: 0.83em;
        line-height: 1.44578em;
        margin-top: 0em;
        margin-bottom: 0.72289em; }
      #document #account div.new_account a {
        background-color: #444;
        color: #fff;
        position: relative;
        display: inline-block;
        text-decoration: none;
        text-transform: uppercase;
        font-family: inherit;
        -webkit-appearance: none;
        border: none;
        cursor: pointer;
        white-space: nowrap;
        height: 40px;
        line-height: 38px;
        margin-left: 10px;
        margin-right: 10px;
        padding: 0 1em;
        font-size: .9em; }
        #document #account div.new_account a:before {
          position: absolute;
          top: 0;
          width: 0;
          height: 0;
          content: "";
          border-style: solid;
          border-color: transparent #444 transparent transparent; }
        #document #account div.new_account a:after {
          position: absolute;
          top: 0;
          width: 0;
          height: 0;
          content: "";
          border-style: solid;
          border-color: transparent transparent transparent #444; }
        #document #account div.new_account a:focus {
          outline: none; }
        #document #account div.new_account a:before {
          border-width: 20px 10px 20px 0;
          left: -10px; }
        #document #account div.new_account a:after {
          border-width: 20px 0 20px 10px;
          right: -10px; }
    #document #account #socialLoginForm {
      margin-top: 1.6em;
      padding: 0 1.2em;
      text-align: center; }
      #document #account #socialLoginForm h2 {
        color: #fff;
        font-weight: normal;
        font-size: 0.83em;
        line-height: 1.44578em;
        margin-top: 0em;
        margin-bottom: 0.72289em; }
      #document #account #socialLoginForm button {
        background-color: #444;
        font-size: 0.83em;
        line-height: 1.92771em;
        margin-top: 0em;
        margin-bottom: 0.28916em;
        padding: 0.24096em 0.96386em;
        width: 6.5em; }
        #document #account #socialLoginForm button#Twitter {
          background-color: #2CA8D2; }
          #document #account #socialLoginForm button#Twitter:before {
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f099";
            margin-right: .3em; }
        #document #account #socialLoginForm button#Facebook {
          background-color: #305891; }
          #document #account #socialLoginForm button#Facebook:before {
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f09a";
            margin-right: .3em; }
        #document #account #socialLoginForm button#Google {
          background-color: #DD4B39; }
          #document #account #socialLoginForm button#Google:before {
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f0d5";
            margin-right: .3em; }
        #document #account #socialLoginForm button#Microsoft {
          background-color: #107C0F; }
        #document #account #socialLoginForm button#Steam {
          background-color: #76A835; }
  #document > header {
    text-align: center;
    position: relative;
    z-index: 100; }
    #document > header .toggles {
      background-color: #f36945;
      color: #fff;
      height: 50px;
      line-height: 48px; }
      #document > header .toggles:after {
        display: block;
        clear: both;
        content: " ";
        overflow: hidden;
        height: 0; }
      #document > header .toggles .container {
        padding: 0 20px; }
        @media (max-width: 570px) {
          #document > header .toggles .container {
            padding-left: 15px;
            padding-right: 15px; } }
        #document > header .toggles .container div {
          cursor: pointer;
          position: relative;
          z-index: 150;
          text-transform: uppercase;
          letter-spacing: 1px;
          -webkit-touch-callout: none;
          -webkit-user-select: none;
          -khtml-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          font-size: .75em;
          font-weight: bold; }
          #document > header .toggles .container div:before, #document > header .toggles .container div:after {
            font-size: 1.75em;
            vertical-align: middle; }
          @media (max-width: 570px) {
            #document > header .toggles .container div {
              width: 1.75em;
              height: 50px;
              line-height: 50px;
              overflow: hidden; }
              #document > header .toggles .container div:before {
                display: block;
                margin: 0; } }
      #document > header .toggles #sitenav-toggle {
        float: left; }
        #document > header .toggles #sitenav-toggle:before {
          font-family: FontAwesome;
          font-style: normal;
          font-weight: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\f0c9";
          margin-right: .3em; }
      #document > header .toggles #account-toggle {
        float: right; }
        #document > header .toggles #account-toggle:after {
          font-family: FontAwesome;
          font-style: normal;
          font-weight: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\f023";
          margin-left: .3em; }
        #document > header .toggles #account-toggle.logged-in:after {
          font-family: FontAwesome;
          font-style: normal;
          font-weight: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\f007"; }
        @media (max-width: 570px) {
          #document > header .toggles #account-toggle:before {
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f023"; }
          #document > header .toggles #account-toggle.logged-in:before {
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f007"; } }
    #document > header .branding {
      position: relative;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      text-transform: uppercase;
      color: #fff;
      text-indent: -900em; }
      #document > header .branding h1 a {
        position: absolute;
        z-index: 300;
        display: block;
        left: 50%;
        width: 4.48em;
        height: 3.84em;
        margin: -45px 0 0 -2.24em;
        /*height: 86px;
        width: 86px;
        margin: -50px 0 0 -43px;*/
        background: url("../img/main/ugdb-shield.svg") no-repeat center center;
        background-size: contain; }
    #document > header #search {
      position: absolute;
      width: 100%;
      background-color: transparent;
      padding-top: 0.8em; }
      #document > header #search .container {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 30px;
        padding-right: 30px;
        position: relative; }
        @media (max-width: 570px) {
          #document > header #search .container {
            padding-left: 20px;
            padding-right: 20px; } }
      #document > header #search p {
        display: none; }
      #document > header #search .field {
        position: relative; }
        #document > header #search .field:before {
          font-family: FontAwesome;
          font-style: normal;
          font-weight: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\f002";
          position: absolute;
          color: #f36945;
          font-size: 1.25em;
          line-height: 1.472em;
          margin: 0em 0.32em; }
      #document > header #search input[type="search"] {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        -webkit-appearance: none;
        width: 100%;
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.25);
        -moz-transition: background-color 0.3s, box-shadow 0.3s;
        -webkit-transition: background-color 0.3s, box-shadow 0.3s;
        -ms-transition: background-color 0.3s, box-shadow 0.3s;
        -o-transition: background-color 0.3s, box-shadow 0.3s;
        transition: background-color 0.3s, box-shadow 0.3s;
        border: none;
        font-family: inherit;
        font-size: inherit;
        padding: 0.28em 0.4em 0.4em 1.92em;
        color: #fff; }
        #document > header #search input[type="search"]:focus {
          outline: none;
          box-shadow: 0 0 12px 1px #f36945;
          background-color: #fff;
          color: #666; }
      #document > header #search button {
        display: none; }
      #document > header #search #search-suggestions {
        display: none;
        position: absolute;
        background-color: #fff;
        text-align: left;
        left: 30px;
        right: 30px;
        -moz-box-shadow: 0 3px 5px 2px rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 0 3px 5px 2px rgba(0, 0, 0, 0.15);
        -ms-box-shadow: 0 3px 5px 2px rgba(0, 0, 0, 0.15);
        -o-box-shadow: 0 3px 5px 2px rgba(0, 0, 0, 0.15);
        box-shadow: 0 3px 5px 2px rgba(0, 0, 0, 0.15); }
        @media (max-width: 570px) {
          #document > header #search #search-suggestions {
            left: 20px;
            right: 20px; } }
        #document > header #search #search-suggestions ol {
          list-style: none; }
          #document > header #search #search-suggestions ol li {
            border-top: 1px solid #ddd; }
            #document > header #search #search-suggestions ol li a {
              display: block;
              overflow: hidden;
              text-decoration: none;
              padding: 0.4em; }
              #document > header #search #search-suggestions ol li a img {
                float: left;
                width: 40px;
                margin-right: .5em; }
              #document > header #search #search-suggestions ol li a .text {
                overflow: hidden;
                font-size: 0.83em;
                line-height: 1.44578em;
                margin: 0em; }
              #document > header #search #search-suggestions ol li a .title {
                display: inline;
                font-weight: bold; }
              #document > header #search #search-suggestions ol li a .year {
                display: inline;
                color: #aaa;
                font-size: .83em; }
              #document > header #search #search-suggestions ol li a:hover {
                background-color: #f36945;
                color: #fff; }
                #document > header #search #search-suggestions ol li a:hover .year {
                  color: #fff;
                  opacity: .75; }

main {
  padding-bottom: 3.2em; }
  main h2 {
    font-size: 1.44em;
    line-height: 1.11111em;
    margin: 1.11111em 0em; }
  main h3 {
    font-size: 1.2em;
    line-height: 1.33333em;
    margin: 1.33333em 0em; }
  main h4 {
    font-size: 1em;
    line-height: 1.6em;
    margin: 1.6em 0em; }
  main p {
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    margin-bottom: 1.6em; }
    main p.leadin {
      font-size: 1.44em;
      line-height: 1.66667em;
      margin-top: 0em;
      margin-bottom: 1.11111em;
      font-weight: 300; }
  main blockquote {
    font-size: 1.2em;
    line-height: 1.6em;
    margin: 0em;
    font-weight: 300;
    font-family: "roboto slab", georgia, "times new roman", serif;
    color: #777; }
    @media (min-width: 481px) {
      main blockquote {
        float: right;
        width: 39%;
        border-left: .3em solid #eee;
        padding-left: .9em;
        margin-left: .9em; } }
    @media (max-width: 480px) {
      main blockquote {
        border-bottom: 2px solid #eee;
        padding-bottom: 1em;
        margin-bottom: 1em; } }
    main blockquote p {
      margin: 0; }
  main ul, main ol {
    margin: 1.6em 0 1.6em 2.4em; }
  main > header {
    padding: 4.8em 0 2.4em;
    margin-bottom: 1.6em;
    background: #000 url("../img/main/texture.jpg") no-repeat center center;
    color: #fff;
    text-align: center; }
    @media (max-width: 1015px) {
      main > header {
        background-size: cover; } }
    main > header h1 {
      font-size: 2.48em;
      line-height: 0.96774em;
      margin: 0.64516em 0em;
      margin: 0; }
      @media (max-width: 570px) {
        main > header h1 {
          font-size: 1.72em;
          line-height: 0.93023em;
          margin: 0em; } }
    main > header > .container {
      max-width: 960px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 30px;
      padding-right: 30px; }
      @media (max-width: 570px) {
        main > header > .container {
          padding-left: 20px;
          padding-right: 20px; } }
  main > .body > .container {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px; }
    @media (max-width: 570px) {
      main > .body > .container {
        padding-left: 20px;
        padding-right: 20px; } }
  main nav.subnav {
    text-align: center;
    overflow: hidden; }
    main nav.subnav h2 {
      font-size: 1.2em;
      line-height: 1.33333em;
      margin-top: 0em;
      margin-bottom: 1.33333em;
      padding: 0em 0.4em;
      font-weight: 300;
      position: relative;
      text-transform: uppercase;
      position: relative;
      display: inline-block; }
      main nav.subnav h2:before {
        top: 50%;
        height: 2px;
        width: 200%;
        right: 100%;
        background-color: #eee;
        content: " ";
        position: absolute; }
      main nav.subnav h2:after {
        top: 50%;
        height: 2px;
        width: 200%;
        left: 100%;
        background-color: #eee;
        content: " ";
        position: absolute; }
    main nav.subnav ul {
      list-style: none;
      margin: 0; }
      main nav.subnav ul li {
        margin-bottom: 1.6em;
        display: inline-block;
        width: 24%;
        min-width: 6em;
        vertical-align: top; }
        main nav.subnav ul li:after {
          display: block;
          clear: both;
          content: " ";
          overflow: hidden;
          height: 0; }
        main nav.subnav ul li a {
          display: block;
          text-decoration: none;
          color: #444; }
          main nav.subnav ul li a:before {
            font-size: 1.44em;
            line-height: 2.22222em;
            height: 2.22222em;
            width: 2.22222em;
            margin-top: 0em;
            margin-bottom: 0.27778em;
            text-align: center;
            background: url("../img/main/bg-rating-my.svg") no-repeat center center;
            color: #fff;
            content: " ";
            display: block;
            margin-left: auto;
            margin-right: auto; }
          main nav.subnav ul li a strong {
            display: block;
            color: #f36945;
            font-size: 1em;
            line-height: 1.6em;
            margin: 0em;
            text-transform: uppercase; }
          main nav.subnav ul li a span.summary {
            display: block;
            overflow: hidden;
            font-size: 0.83em;
            line-height: 1.44578em;
            margin: 0em;
            display: none; }
        main nav.subnav ul li.our_team a:before {
          font-family: FontAwesome;
          font-style: normal;
          font-weight: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\f0c0"; }
        main nav.subnav ul li.careers a:before {
          font-family: FontAwesome;
          font-style: normal;
          font-weight: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\f0b1"; }
        main nav.subnav ul li.advertise a:before {
          font-family: FontAwesome;
          font-style: normal;
          font-weight: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\f0a1"; }
        main nav.subnav ul li.investors a:before {
          font-family: FontAwesome;
          font-style: normal;
          font-weight: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\f155"; }

.tabbed > ul li {
  float: left;
  visibility: hidden; }
.tabbed.tabs {
  margin-top: 1.6em; }
  .tabbed.tabs > div.current {
    display: none; }
  .tabbed.tabs > ul {
    list-style: none;
    margin: 0;
    display: block !important;
    list-style: none;
    border-bottom: 4px solid #e6e6e6;
    line-height: 42px;
    height: 42px; }
    .tabbed.tabs > ul:after {
      display: block;
      clear: both;
      content: " ";
      overflow: hidden;
      height: 0; }
    .tabbed.tabs > ul li {
      text-transform: uppercase;
      float: left;
      color: #f36945;
      cursor: pointer;
      font-size: .9em;
      margin-right: 1.8em;
      font-weight: bold;
      visibility: visible; }
      .tabbed.tabs > ul li:hover {
        border-bottom: 4px solid #f36945; }
      .tabbed.tabs > ul li.current {
        color: #444;
        border-bottom: 4px solid #444; }
.tabbed.dropdown {
  position: relative;
  margin-top: 0.8em; }
  .tabbed.dropdown > div.current {
    padding: 0.4em 0.75em;
    border: 2px solid #ddd;
    display: block;
    background-color: #f6f6f6;
    cursor: pointer;
    display: none;
    font-weight: bold;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: uppercase;
    color: #f36945; }
    .tabbed.dropdown > div.current:after {
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\f078";
      float: right; }
    .tabbed.dropdown > div.current.open:after {
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\f077"; }
  .tabbed.dropdown > ul {
    position: absolute;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin: 0px 0 0;
    display: none;
    border: 2px solid #ddd;
    border-top: none;
    background-color: #fff;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
    z-index: 1000; }
    .tabbed.dropdown > ul:after {
      display: block;
      clear: both;
      content: " ";
      overflow: hidden;
      height: 0; }
    .tabbed.dropdown > ul li {
      padding: 0.4em 0.6em;
      display: block;
      cursor: pointer;
      color: #f36945;
      float: none;
      visibility: visible; }
      .tabbed.dropdown > ul li:first-child {
        -moz-border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
        -ms-border-radius: 3px 3px 0 0;
        -o-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0; }
      .tabbed.dropdown > ul li:last-child {
        -moz-border-radius: 0 0 3px 3px;
        -webkit-border-radius: 0 0 3px 3px;
        -ms-border-radius: 0 0 3px 3px;
        -o-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px; }
      .tabbed.dropdown > ul li + li {
        border-top: 2px solid #ddd; }
      .tabbed.dropdown > ul li.current {
        font-weight: bold;
        color: #444; }
.tabbed > section.tab {
  display: none;
  padding-top: 1.6em; }
  .tabbed > section.tab.current {
    display: block; }

#document > footer {
  height: 16em;
  padding-top: 60px;
  color: #777;
  position: relative;
  text-align: center;
  background: #333 url("../img/main/bg-footer.png") no-repeat center top; }
  #document > footer a {
    text-decoration: none;
    color: #777; }
  #document > footer:before {
    /*top: -60px;
    left: 50%;
    position: absolute;
    margin-left: -1200px;
    content: url("../img/main/footer.png");*/ }
  #document > footer section.social_links {
    padding-top: 1.6em; }
    #document > footer section.social_links h2 {
      text-transform: uppercase;
      font-size: 0.75em;
      line-height: 2.13333em;
      margin-top: 0em;
      margin-bottom: 0.53333em; }
    #document > footer section.social_links ul {
      height: 3.2em; }
      #document > footer section.social_links ul li {
        margin: 0 .2em;
        display: inline-block; }
        #document > footer section.social_links ul li a {
          display: block;
          font-size: 2em;
          line-height: 1.8em;
          height: 1.8em;
          width: 1.6em;
          margin: 0em;
          background: url("../img/main/bg-social_links-li.svg") no-repeat center center;
          background-size: contain;
          color: #333;
          text-align: center; }
          #document > footer section.social_links ul li a:before {
            display: block; }
        #document > footer section.social_links ul li.facebook a:before {
          font-family: FontAwesome;
          font-style: normal;
          font-weight: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\f09a"; }
        #document > footer section.social_links ul li.twitter a:before {
          font-family: FontAwesome;
          font-style: normal;
          font-weight: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\f099"; }
        #document > footer section.social_links ul li.youtube a:before {
          font-family: FontAwesome;
          font-style: normal;
          font-weight: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\f167"; }
  #document > footer nav {
    padding: 1.6em 0; }
    #document > footer nav ul li {
      display: inline; }
      #document > footer nav ul li a {
        font-size: 0.75em;
        line-height: 2.13333em;
        margin: 0em; }
      #document > footer nav ul li:after {
        content: " | "; }
      #document > footer nav ul li:last-child:after {
        content: ""; }
  #document > footer .copyright {
    font-size: 0.5em;
    line-height: 3.2em;
    margin: 0em; }

#document #profile > header {
  padding: 0.8em 20px;
  text-align: center; }
  #document #profile > header .avatar img {
    display: block;
    margin: 0 auto;
    width: 6.4em;
    max-width: 61%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%; }
  #document #profile > header .rank {
    color: #fff;
    font-weight: bold;
    background: url("../img/main/bg-leaderboard-points.svg") no-repeat center center;
    background-size: contain;
    position: relative;
    font-size: 1.11em;
    line-height: 1.44144em;
    margin-top: -1.22523em;
    margin-bottom: 0.36036em;
    padding-top: 0.14414em;
    padding-bottom: 0.64865em; }
    @media (max-width: 480px) {
      #document #profile > header .rank {
        font-size: 1em;
        line-height: 1.6em;
        margin-top: -1.2em;
        margin-bottom: 0.4em;
        padding-top: 0.16em;
        padding-bottom: 0.72em; } }
  #document #profile > header h1 {
    font-size: 1.33em;
    line-height: 1.20301em;
    margin: 0em;
    color: #ccc;
    font-weight: 300; }
#document #profile > ul li {
  padding: 0.4em 0.8em;
  border-bottom: 2px solid #363636;
  text-align: center; }
  #document #profile > ul li:first-child {
    border-top: 2px solid #363636; }
  #document #profile > ul li a {
    text-decoration: none; }

main .feed.games > header {
  position: relative;
  text-align: center;
  margin-top: -1.6em;
  margin-bottom: 0.8em; }
  main .feed.games > header #filters-toggle {
    background-color: #777;
    color: #fff;
    position: relative;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    font-family: inherit;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    height: 32px;
    line-height: 30px;
    margin-left: 8px;
    margin-right: 8px;
    padding: 0 1em;
    font-size: .9em;
    display: block;
    cursor: pointer;
    font-size: .69em;
    top: -16px;
    margin: 0 auto -32px;
    display: block;
    width: 150px;
    padding: 0; }
    main .feed.games > header #filters-toggle:before {
      position: absolute;
      top: 0;
      width: 0;
      height: 0;
      content: "";
      border-style: solid;
      border-color: transparent #777 transparent transparent; }
    main .feed.games > header #filters-toggle:after {
      position: absolute;
      top: 0;
      width: 0;
      height: 0;
      content: "";
      border-style: solid;
      border-color: transparent transparent transparent #777; }
    main .feed.games > header #filters-toggle:focus {
      outline: none; }
    main .feed.games > header #filters-toggle:before {
      border-width: 16px 8px 16px 0;
      left: -8px; }
    main .feed.games > header #filters-toggle:after {
      border-width: 16px 0 16px 8px;
      right: -8px; }
    @media (max-width: 570px) {
      main .feed.games > header #filters-toggle {
        width: 120px; } }
  main .feed.games > header .filters {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
    display: none;
    background-color: #eee;
    text-align: left;
    padding-top: 1.6em;
    padding-bottom: 1.6em; }
    @media (max-width: 570px) {
      main .feed.games > header .filters {
        padding-left: 20px;
        padding-right: 20px; } }
    main .feed.games > header .filters:after {
      display: block;
      clear: both;
      content: " ";
      overflow: hidden;
      height: 0; }
    main .feed.games > header .filters h3 {
      font-size: 1em;
      line-height: 1.6em;
      margin: 0em;
      text-transform: uppercase; }
    main .feed.games > header .filters label {
      display: none; }
    main .feed.games > header .filters ul {
      list-style: none;
      margin: 0 0 1.2em; }
      main .feed.games > header .filters ul li input, main .feed.games > header .filters ul li select {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        font-size: inherit;
        font-family: inherit; }
      main .feed.games > header .filters ul li input[type="text"] {
        -webkit-appearance: none;
        padding: 1px 3px;
        margin: 0 !important;
        border: 1px solid #aaa;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        background-color: #fff; }
    main .feed.games > header .filters .buttons {
      text-align: center; }
      main .feed.games > header .filters .buttons button {
        background-color: #f36945;
        color: #fff;
        position: relative;
        display: inline-block;
        text-decoration: none;
        text-transform: uppercase;
        font-family: inherit;
        -webkit-appearance: none;
        border: none;
        cursor: pointer;
        white-space: nowrap;
        height: 40px;
        line-height: 38px;
        margin-left: 10px;
        margin-right: 10px;
        padding: 0 1em;
        font-size: .9em; }
        main .feed.games > header .filters .buttons button:before {
          position: absolute;
          top: 0;
          width: 0;
          height: 0;
          content: "";
          border-style: solid;
          border-color: transparent #f36945 transparent transparent; }
        main .feed.games > header .filters .buttons button:after {
          position: absolute;
          top: 0;
          width: 0;
          height: 0;
          content: "";
          border-style: solid;
          border-color: transparent transparent transparent #f36945; }
        main .feed.games > header .filters .buttons button:focus {
          outline: none; }
        main .feed.games > header .filters .buttons button:before {
          border-width: 20px 10px 20px 0;
          left: -10px; }
        main .feed.games > header .filters .buttons button:after {
          border-width: 20px 0 20px 10px;
          right: -10px; }
@media (max-width: 1015px) {
  main .feed.games {
    margin-left: -30px;
    margin-right: -30px; } }
@media (max-width: 570px) {
  main .feed.games {
    margin-left: -20px;
    margin-right: -20px; } }
main .feed.games > section {
  border-bottom: 2px solid #e6e6e6;
  padding-top: 1.6em;
  padding-bottom: 1.6em; }
  main .feed.games > section:after {
    display: block;
    clear: both;
    content: " ";
    overflow: hidden;
    height: 0; }
  @media (max-width: 1015px) {
    main .feed.games > section {
      padding-left: 30px;
      padding-right: 30px; } }
  @media (max-width: 570px) {
    main .feed.games > section {
      padding-left: 20px;
      padding-right: 20px; } }
  @media (max-width: 570px) {
    main .feed.games > section {
      padding-top: 1.2em;
      padding-bottom: 1.2em; } }
  main .feed.games > section a {
    color: #444;
    text-decoration: none;
    display: block; }
  main .feed.games > section .visual {
    position: relative;
    float: left;
    width: 145px;
    max-width: 25%;
    margin-right: 1.25em; }
    @media (max-width: 570px) {
      main .feed.games > section .visual {
        margin-right: 1em; } }
    main .feed.games > section .visual img {
      display: block; }
    main .feed.games > section .visual .rating {
      width: 52px;
      height: 52px;
      line-height: 50px;
      color: #fff;
      font-weight: normal;
      font-weight: bold;
      font-size: .88em;
      background-size: contain;
      text-align: center;
      position: absolute;
      left: -27px;
      top: -15px; }
      @media (max-width: 570px) {
        main .feed.games > section .visual .rating {
          width: 44px;
          height: 44px;
          line-height: 42px;
          left: -22px;
          top: -12px; } }
      @media (max-width: 480px) {
        main .feed.games > section .visual .rating {
          width: 38px;
          height: 38px;
          line-height: 36px;
          left: -19px;
          top: -11px;
          font-size: .77em; } }
      main .feed.games > section .visual .rating.users {
        background: url("../img/main/bg-rating-user-stroke-white.svg") no-repeat center center; }
      main .feed.games > section .visual .rating.my {
        background: url("../img/main/bg-rating-my-stroke-white.svg") no-repeat center center; }
      main .feed.games > section .visual .rating.critics {
        background: url("../img/main/bg-rating-critics-stroke-white.svg") no-repeat center center; }
      main .feed.games > section .visual .rating.hype {
        background: url("../img/main/bg-rating-hype-stroke-white.svg") no-repeat center center; }
  main .feed.games > section .text {
    overflow: hidden; }
    main .feed.games > section .text h1 {
      color: #f36945;
      font-size: 1.2em;
      line-height: 1.33333em;
      margin: 0em; }
    main .feed.games > section .text .platforms {
      margin: 0.32em 0 0.48em; }
      @media (max-width: 380px) {
        main .feed.games > section .text .platforms {
          margin: 0; } }
      main .feed.games > section .text .platforms ul {
        list-style: none;
        margin: 0;
        display: inline; }
        main .feed.games > section .text .platforms ul li {
          display: inline;
          color: #fff;
          background-color: #aaa;
          padding: 2px 9px 3px;
          border-radius: 3px;
          font-size: .7em;
          font-weight: bold; }
          @media (max-width: 570px) {
            main .feed.games > section .text .platforms ul li {
              padding: 2px 6px 3px; } }
    main .feed.games > section .text .summary {
      max-height: 4.8em;
      overflow: hidden; }
      @media (max-width: 380px) {
        main .feed.games > section .text .summary {
          display: none; } }
main .feed.games div.space {
  border-bottom: 2px solid #e6e6e6;
  padding: 0 0 1.6em 0;
  text-align: center; }
  main .feed.games div.space:after {
    display: block;
    clear: both;
    content: " ";
    overflow: hidden;
    height: 0; }
  @media (max-width: 570px) {
    main .feed.games div.space {
      padding-bottom: 1.2em; } }
  main .feed.games div.space h1 {
    font-weight: normal;
    color: #aaa;
    font-size: 0.5em;
    line-height: 3.2em;
    margin: 0em; }
  main .feed.games div.space img, main .feed.games div.space iframe {
    display: block;
    margin: 0 auto;
    max-width: 100%; }
main .feed.games > footer {
  padding-top: 1.6em;
  text-align: center; }
  main .feed.games > footer a.more {
    background-color: #f36945;
    color: #fff;
    position: relative;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    font-family: inherit;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    height: 40px;
    line-height: 38px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0 1em;
    font-size: .9em; }
    main .feed.games > footer a.more:before {
      position: absolute;
      top: 0;
      width: 0;
      height: 0;
      content: "";
      border-style: solid;
      border-color: transparent #f36945 transparent transparent; }
    main .feed.games > footer a.more:after {
      position: absolute;
      top: 0;
      width: 0;
      height: 0;
      content: "";
      border-style: solid;
      border-color: transparent transparent transparent #f36945; }
    main .feed.games > footer a.more:focus {
      outline: none; }
    main .feed.games > footer a.more:before {
      border-width: 20px 10px 20px 0;
      left: -10px; }
    main .feed.games > footer a.more:after {
      border-width: 20px 0 20px 10px;
      right: -10px; }

main .feed.articles {
  border-top: 2px solid #e6e6e6;
  border-top: none;
  margin-top: -1.6em; }
  main .feed.articles > header #filters-toggle {
    background-color: #777;
    color: #fff;
    position: relative;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    font-family: inherit;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    height: 32px;
    line-height: 30px;
    margin-left: 8px;
    margin-right: 8px;
    padding: 0 1em;
    font-size: .9em;
    display: block;
    cursor: pointer;
    font-size: .69em;
    top: -16px;
    margin: 0 auto -32px;
    display: block;
    width: 150px;
    padding: 0;
    text-align: center; }
    main .feed.articles > header #filters-toggle:before {
      position: absolute;
      top: 0;
      width: 0;
      height: 0;
      content: "";
      border-style: solid;
      border-color: transparent #777 transparent transparent; }
    main .feed.articles > header #filters-toggle:after {
      position: absolute;
      top: 0;
      width: 0;
      height: 0;
      content: "";
      border-style: solid;
      border-color: transparent transparent transparent #777; }
    main .feed.articles > header #filters-toggle:focus {
      outline: none; }
    main .feed.articles > header #filters-toggle:before {
      border-width: 16px 8px 16px 0;
      left: -8px; }
    main .feed.articles > header #filters-toggle:after {
      border-width: 16px 0 16px 8px;
      right: -8px; }
    @media (max-width: 570px) {
      main .feed.articles > header #filters-toggle {
        width: 120px; } }
  main .feed.articles > header .filters {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
    display: none;
    background-color: #eee;
    text-align: left;
    padding-top: 1.6em;
    padding-bottom: 1.6em; }
    @media (max-width: 570px) {
      main .feed.articles > header .filters {
        padding-left: 20px;
        padding-right: 20px; } }
    main .feed.articles > header .filters:after {
      display: block;
      clear: both;
      content: " ";
      overflow: hidden;
      height: 0; }
    main .feed.articles > header .filters h3 {
      font-size: 1em;
      line-height: 1.6em;
      margin: 0em;
      display: none; }
    main .feed.articles > header .filters label {
      display: none; }
    main .feed.articles > header .filters ul {
      list-style: none;
      margin: 0; }
      main .feed.articles > header .filters ul li input, main .feed.articles > header .filters ul li select {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        font-size: inherit;
        font-family: inherit; }
      main .feed.articles > header .filters ul li input[type="text"] {
        -webkit-appearance: none;
        padding: 1px 3px;
        margin: 0 !important;
        border: 1px solid #aaa;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        background-color: #fff; }
    main .feed.articles > header .filters .buttons {
      text-align: center; }
      main .feed.articles > header .filters .buttons button {
        background-color: #f36945;
        color: #fff;
        position: relative;
        display: inline-block;
        text-decoration: none;
        text-transform: uppercase;
        font-family: inherit;
        -webkit-appearance: none;
        border: none;
        cursor: pointer;
        white-space: nowrap;
        height: 40px;
        line-height: 38px;
        margin-left: 10px;
        margin-right: 10px;
        padding: 0 1em;
        font-size: .9em; }
        main .feed.articles > header .filters .buttons button:before {
          position: absolute;
          top: 0;
          width: 0;
          height: 0;
          content: "";
          border-style: solid;
          border-color: transparent #f36945 transparent transparent; }
        main .feed.articles > header .filters .buttons button:after {
          position: absolute;
          top: 0;
          width: 0;
          height: 0;
          content: "";
          border-style: solid;
          border-color: transparent transparent transparent #f36945; }
        main .feed.articles > header .filters .buttons button:focus {
          outline: none; }
        main .feed.articles > header .filters .buttons button:before {
          border-width: 20px 10px 20px 0;
          left: -10px; }
        main .feed.articles > header .filters .buttons button:after {
          border-width: 20px 0 20px 10px;
          right: -10px; }
  @media (max-width: 1015px) {
    main .feed.articles {
      margin-left: -30px;
      margin-right: -30px; } }
  @media (max-width: 570px) {
    main .feed.articles {
      margin-left: -20px;
      margin-right: -20px; } }
  main .feed.articles > section {
    border-bottom: 2px solid #e6e6e6;
    padding: 2em 0; }
    main .feed.articles > section:after {
      display: block;
      clear: both;
      content: " ";
      overflow: hidden;
      height: 0; }
    @media (max-width: 1015px) {
      main .feed.articles > section {
        padding-left: 30px;
        padding-right: 30px; } }
    @media (max-width: 570px) {
      main .feed.articles > section {
        padding-left: 20px;
        padding-right: 20px; } }
    @media (max-width: 570px) {
      main .feed.articles > section {
        padding-top: 1.2em;
        padding-bottom: 1.2em; } }
    main .feed.articles > section a {
      text-decoration: none;
      color: #444; }
    main .feed.articles > section .visual {
      float: left;
      width: 30%;
      margin-right: 1.5em;
      min-width: 4.8em; }
      @media (max-width: 760px) {
        main .feed.articles > section .visual {
          margin-right: 1.2em; } }
      @media (max-width: 570px) {
        main .feed.articles > section .visual {
          margin-right: .9em; } }
      main .feed.articles > section .visual img {
        display: block;
        max-width: 100%; }
    main .feed.articles > section .text {
      overflow: hidden; }
      main .feed.articles > section .text .category {
        color: #777;
        color: #f36945;
        text-transform: uppercase;
        font-size: 0.67em;
        line-height: 1.79104em;
        margin: 0em; }
      main .feed.articles > section .text h1 {
        color: #f36945;
        font-weight: bold;
        font-size: 1.2em;
        line-height: 1.33333em;
        margin: 0em; }
        @media (max-width: 570px) {
          main .feed.articles > section .text h1 {
            font-size: 1em;
            line-height: 1.2em;
            margin: 0em; } }
      main .feed.articles > section .text cite {
        font-style: normal;
        font-size: 0.67em;
        line-height: 2.38806em;
        margin-top: 0.59701em;
        margin-bottom: 0em;
        color: #aaa;
        display: inline-block; }
        @media (max-width: 570px) {
          main .feed.articles > section .text cite {
            font-size: 0.67em;
            line-height: 1.79104em;
            margin: 0em; } }
        main .feed.articles > section .text cite img {
          display: inline-block;
          height: 1.6em;
          vertical-align: middle;
          border-radius: 100%;
          margin-right: .1em; }
      main .feed.articles > section .text .summary {
        margin-top: 0.4em;
        height: 4.8em;
        overflow: hidden; }
        @media (max-width: 570px) {
          main .feed.articles > section .text .summary {
            display: none; } }
  main .feed.articles div.space {
    border-bottom: 2px solid #e6e6e6;
    padding: 0 0 1.6em 0;
    text-align: center; }
    main .feed.articles div.space:after {
      display: block;
      clear: both;
      content: " ";
      overflow: hidden;
      height: 0; }
    @media (max-width: 570px) {
      main .feed.articles div.space {
        padding-bottom: 1.2em; } }
    main .feed.articles div.space h1 {
      font-weight: normal;
      color: #aaa;
      font-size: 0.5em;
      line-height: 3.2em;
      margin: 0em; }
    main .feed.articles div.space img, main .feed.articles div.space iframe {
      display: block;
      margin: 0 auto;
      max-width: 100%; }
  main .feed.articles footer {
    text-align: center;
    padding: 1.6em 0 0; }
    main .feed.articles footer a.more {
      background-color: #f36945;
      color: #fff;
      position: relative;
      height: 40px;
      line-height: 40px;
      display: inline-block;
      text-decoration: none;
      text-transform: uppercase;
      padding: 0 1em;
      font-size: .9em; }
      main .feed.articles footer a.more:before {
        position: absolute;
        left: -10px;
        top: 0;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-right: 10px solid #f36945;
        content: ""; }
      main .feed.articles footer a.more:after {
        position: absolute;
        right: -10px;
        top: 0;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 10px solid #f36945;
        content: ""; }

main form div.validation-summary-errors {
  color: #f35245;
  margin-bottom: 1.6em; }
  main form div.validation-summary-errors ul {
    list-style: none;
    margin: 0; }
    main form div.validation-summary-errors ul li:before {
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\f06a";
      margin-right: .3em; }
main form > ul, main form > fieldset.legacy > ul {
  list-style: none;
  margin: 1.6em 0; }
  main form > ul > li, main form > fieldset.legacy > ul > li {
    background-color: #eee;
    padding: 0.8em 0.9em; }
    main form > ul > li + li, main form > fieldset.legacy > ul > li + li {
      border-top: 2px solid #ddd; }
    main form > ul > li label, main form > fieldset.legacy > ul > li label {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 0.92em;
      line-height: 1.73913em;
      margin: 0em;
      font-weight: bold;
      color: #656565; }
      @media (min-width: 571px) {
        main form > ul > li label, main form > fieldset.legacy > ul > li label {
          display: inline-block;
          width: 30%;
          padding-right: .3em;
          text-align: right;
          vertical-align: top; } }
      @media (max-width: 570px) {
        main form > ul > li label, main form > fieldset.legacy > ul > li label {
          display: block; } }
    @media (min-width: 571px) {
      main form > ul > li .field, main form > fieldset.legacy > ul > li .field {
        display: inline-block;
        width: 68%;
        vertical-align: top; } }
    main form > ul > li .field input, main form > ul > li .field select, main form > fieldset.legacy > ul > li .field input, main form > fieldset.legacy > ul > li .field select {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      font-size: inherit;
      font-family: inherit; }
      @media (max-width: 570px) {
        main form > ul > li .field input, main form > ul > li .field select, main form > fieldset.legacy > ul > li .field input, main form > fieldset.legacy > ul > li .field select {
          width: 100%; } }
    main form > ul > li .field input[type="text"],
    main form > ul > li .field input[type="email"],
    main form > ul > li .field input[type="password"], main form > fieldset.legacy > ul > li .field input[type="text"],
    main form > fieldset.legacy > ul > li .field input[type="email"],
    main form > fieldset.legacy > ul > li .field input[type="password"] {
      -webkit-appearance: none;
      padding: 4px 6px;
      margin: 0 !important;
      border: 2px solid #ddd;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      background-color: #fff;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      min-width: 75%; }
      main form > ul > li .field input[type="text"].input-validation-error,
      main form > ul > li .field input[type="email"].input-validation-error,
      main form > ul > li .field input[type="password"].input-validation-error, main form > fieldset.legacy > ul > li .field input[type="text"].input-validation-error,
      main form > fieldset.legacy > ul > li .field input[type="email"].input-validation-error,
      main form > fieldset.legacy > ul > li .field input[type="password"].input-validation-error {
        border-color: #f35245; }
    main form > ul > li .field span.note, main form > fieldset.legacy > ul > li .field span.note {
      display: block;
      color: #888;
      font-size: 0.83em;
      line-height: 1.92771em;
      margin: 0em;
      font-style: italic; }
    main form > ul > li .field span.field-validation-error, main form > fieldset.legacy > ul > li .field span.field-validation-error {
      background-color: #f35245;
      color: #fff;
      padding: 0 .6em;
      display: inline-block;
      font-size: 0.83em;
      line-height: 1.92771em;
      margin-top: 0.48193em;
      margin-bottom: 0em; }
      main form > ul > li .field span.field-validation-error:before, main form > fieldset.legacy > ul > li .field span.field-validation-error:before {
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f06a";
        margin-right: .3em; }
    main form > ul > li .field table, main form > fieldset.legacy > ul > li .field table {
      width: 100%;
      background-color: #ddd; }
    main form > ul > li #recaptcha_widget_div, main form > fieldset.legacy > ul > li #recaptcha_widget_div {
      display: inline-block; }
main form div.buttons button {
  background-color: #f36945;
  color: #fff;
  position: relative;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  font-family: inherit;
  -webkit-appearance: none;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  height: 40px;
  line-height: 38px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 0 1em;
  font-size: .9em;
  font-weight: bold; }
  main form div.buttons button:before {
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;
    border-color: transparent #f36945 transparent transparent; }
  main form div.buttons button:after {
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;
    border-color: transparent transparent transparent #f36945; }
  main form div.buttons button:focus {
    outline: none; }
  main form div.buttons button:before {
    border-width: 20px 10px 20px 0;
    left: -10px; }
  main form div.buttons button:after {
    border-width: 20px 0 20px 10px;
    right: -10px; }

div.form-submit-confirmation {
  background-color: #2fa576;
  color: #fff;
  font-size: 1em;
  line-height: 1.6em;
  margin-top: 0em;
  margin-bottom: 1.6em;
  padding: 0.8em 1.2em;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  margin-bottom: 12.8em; }
  div.form-submit-confirmation:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f058";
    margin-right: .3em; }

div.site-error {
  background-color: #f35245;
  color: #fff;
  font-size: 1.2em;
  line-height: 1.33333em;
  margin-top: 0em;
  margin-bottom: 1.33333em;
  padding: 1em;
  text-align: center; }
  div.site-error:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f06a";
    margin-right: .3em; }
  div.site-error img {
    display: block;
    margin: 1.6em auto 0;
    max-width: 100%; }

div.social-logins {
  text-align: center; }
  div.social-logins h2 {
    font-weight: normal;
    font-size: 1em;
    line-height: 1.2em;
    margin-top: 0em;
    margin-bottom: 0.6em; }
  div.social-logins button {
    background-color: #444;
    font-size: 0.83em;
    line-height: 1.92771em;
    margin-top: 0em;
    margin-bottom: 0.28916em;
    width: 6.5em; }
    div.social-logins button#Twitter {
      background-color: #2CA8D2; }
      div.social-logins button#Twitter:before {
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f099";
        margin-right: .3em; }
    div.social-logins button#Facebook {
      background-color: #305891; }
      div.social-logins button#Facebook:before {
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f09a";
        margin-right: .3em; }
    div.social-logins button#Google {
      background-color: #DD4B39; }
      div.social-logins button#Google:before {
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f0d5";
        margin-right: .3em; }
    div.social-logins button#Microsoft {
      background-color: #107C0F; }
    div.social-logins button#Steam {
      background-color: #76A835; }

section.popup {
  position: relative;
  background-color: #fff;
  padding: 1.6em 0.8em;
  width: auto;
  width: 540px;
  max-width: 80%;
  margin: 1.6em auto; }
  section.popup:before {
    position: absolute;
    right: 100%;
    top: 0;
    border-left: none;
    border-right: 0.8em solid #fff;
    border-top: 0.8em solid transparent;
    border-bottom: 0.8em solid transparent;
    width: 0.8em;
    height: 100%;
    content: " ";
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
  section.popup:after {
    position: absolute;
    left: 100%;
    top: 0;
    border-right: none;
    border-left: 0.8em solid #fff;
    border-top: 0.8em solid transparent;
    border-bottom: 0.8em solid transparent;
    width: 0.8em;
    height: 100%;
    content: " ";
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
  section.popup button.mfp-close {
    right: -16px; }

.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */ }
  .mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: scale(0.8); }
  .mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out; }
  .mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1); }
  .mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8; }
  .mfp-zoom-in.mfp-removing .mfp-with-anim {
    transform: scale(0.8);
    opacity: 0; }
  .mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0; }

#add_rating.popup, #add_review.popup, .add-to-collection.popup {
  text-align: center;
  background-color: #222;
  color: #fff; }
  #add_rating.popup:before, #add_review.popup:before, .add-to-collection.popup:before {
    border-right-color: #222; }
  #add_rating.popup:after, #add_review.popup:after, .add-to-collection.popup:after {
    border-left-color: #222; }
  #add_rating.popup button.mfp-close, #add_review.popup button.mfp-close, .add-to-collection.popup button.mfp-close {
    color: #aaa; }
  #add_rating.popup header, #add_review.popup header, .add-to-collection.popup header {
    margin-bottom: 0.8em; }
    #add_rating.popup header h1, #add_review.popup header h1, .add-to-collection.popup header h1 {
      font-size: 2.48em;
      line-height: 0.96774em;
      margin: 0.64516em 0em;
      margin: 0; }
      @media (max-width: 570px) {
        #add_rating.popup header h1, #add_review.popup header h1, .add-to-collection.popup header h1 {
          font-size: 1.44em;
          line-height: 1.11111em;
          margin: 1.11111em 0em;
          margin: 0; } }
      @media (max-width: 320px) {
        #add_rating.popup header h1, #add_review.popup header h1, .add-to-collection.popup header h1 {
          font-size: 1.2em;
          line-height: 1.33333em;
          margin: 1.33333em 0em;
          margin: 0; } }
  #add_rating.popup form .rating, #add_review.popup form .rating, .add-to-collection.popup form .rating {
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../img/main/bg-rating-my.svg");
    font-weight: 300;
    color: #fff;
    letter-spacing: -4px;
    text-indent: -5px;
    font-size: 3.5em;
    line-height: 2.28571em;
    margin-top: 0em;
    margin-bottom: 0.22857em;
    padding-top: 0em;
    padding-bottom: 0.11429em; }
    @media (max-width: 480px) {
      #add_rating.popup form .rating, #add_review.popup form .rating, .add-to-collection.popup form .rating {
        font-size: 3em;
        line-height: 2.66667em;
        margin-top: 0em;
        margin-bottom: 0.26667em;
        padding-top: 0em;
        padding-bottom: 0.13333em;
        letter-spacing: -2px; } }
  #add_rating.popup form .rating_description, #add_review.popup form .rating_description, .add-to-collection.popup form .rating_description {
    margin-bottom: 1.6em; }
  #add_rating.popup form .slider, #add_review.popup form .slider, .add-to-collection.popup form .slider {
    margin-bottom: 1.6em; }
    #add_rating.popup form .slider.noUi-target, #add_review.popup form .slider.noUi-target, .add-to-collection.popup form .slider.noUi-target {
      border: none;
      box-shadow: none;
      cursor: pointer;
      border-radius: 9px; }
    #add_rating.popup form .slider .noUi-background, #add_review.popup form .slider .noUi-background, .add-to-collection.popup form .slider .noUi-background {
      background: transparent;
      box-shadow: none;
      background-color: #333;
      border-radius: 8px; }
    #add_rating.popup form .slider .noUi-handle, #add_review.popup form .slider .noUi-handle, .add-to-collection.popup form .slider .noUi-handle {
      border: none;
      border-radius: 100%;
      background: #FFF;
      cursor: default;
      box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.75);
      cursor: pointer; }
      #add_rating.popup form .slider .noUi-handle:before, #add_rating.popup form .slider .noUi-handle:after, #add_review.popup form .slider .noUi-handle:before, #add_review.popup form .slider .noUi-handle:after, .add-to-collection.popup form .slider .noUi-handle:before, .add-to-collection.popup form .slider .noUi-handle:after {
        display: none; }
    #add_rating.popup form .slider.noUi-horizontal .noUi-handle, #add_review.popup form .slider.noUi-horizontal .noUi-handle, .add-to-collection.popup form .slider.noUi-horizontal .noUi-handle {
      width: 34px;
      height: 34px;
      left: -17px;
      top: -8px; }
    #add_rating.popup form .slider.noUi-horizontal.noUi-extended, #add_review.popup form .slider.noUi-horizontal.noUi-extended, .add-to-collection.popup form .slider.noUi-horizontal.noUi-extended {
      padding: 0 15px; }
    #add_rating.popup form .slider.noUi-horizontal.noUi-extended .noUi-origin, #add_review.popup form .slider.noUi-horizontal.noUi-extended .noUi-origin, .add-to-collection.popup form .slider.noUi-horizontal.noUi-extended .noUi-origin {
      right: -15px; }
  #add_rating.popup form h2, #add_review.popup form h2, .add-to-collection.popup form h2 {
    border-top: 1px solid #333;
    font-size: 1.11em;
    line-height: 1.44144em;
    margin-top: 1.44144em;
    margin-bottom: 0.36036em;
    padding-top: 1.44144em;
    padding-bottom: 0em; }
  #add_rating.popup form ul, #add_review.popup form ul, .add-to-collection.popup form ul {
    list-style: none;
    margin: 0.4em 0 0; }
    #add_rating.popup form ul li, #add_review.popup form ul li, .add-to-collection.popup form ul li {
      margin-bottom: 0.4em; }
      #add_rating.popup form ul li label, #add_review.popup form ul li label, .add-to-collection.popup form ul li label {
        color: #ccc;
        font-size: .83em; }
      #add_rating.popup form ul li select, #add_review.popup form ul li select, .add-to-collection.popup form ul li select {
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        padding: 8px;
        border: none; }
      #add_rating.popup form ul li textarea, #add_review.popup form ul li textarea, .add-to-collection.popup form ul li textarea {
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        padding: 8px;
        border: none; }
      #add_rating.popup form ul li.textarea.review label, #add_review.popup form ul li.textarea.review label, .add-to-collection.popup form ul li.textarea.review label {
        display: none; }
  #add_rating.popup form button, #add_review.popup form button, .add-to-collection.popup form button {
    background-color: #f36945;
    color: #fff;
    position: relative;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    font-family: inherit;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    height: 40px;
    line-height: 38px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0 1em;
    font-size: .9em; }
    #add_rating.popup form button:before, #add_review.popup form button:before, .add-to-collection.popup form button:before {
      position: absolute;
      top: 0;
      width: 0;
      height: 0;
      content: "";
      border-style: solid;
      border-color: transparent #f36945 transparent transparent; }
    #add_rating.popup form button:after, #add_review.popup form button:after, .add-to-collection.popup form button:after {
      position: absolute;
      top: 0;
      width: 0;
      height: 0;
      content: "";
      border-style: solid;
      border-color: transparent transparent transparent #f36945; }
    #add_rating.popup form button:focus, #add_review.popup form button:focus, .add-to-collection.popup form button:focus {
      outline: none; }
    #add_rating.popup form button:before, #add_review.popup form button:before, .add-to-collection.popup form button:before {
      border-width: 20px 10px 20px 0;
      left: -10px; }
    #add_rating.popup form button:after, #add_review.popup form button:after, .add-to-collection.popup form button:after {
      border-width: 20px 0 20px 10px;
      right: -10px; }
    #add_rating.popup form button#ratingAndReviewButton, #add_rating.popup form button.cancel, #add_review.popup form button#ratingAndReviewButton, #add_review.popup form button.cancel, .add-to-collection.popup form button#ratingAndReviewButton, .add-to-collection.popup form button.cancel {
      background-color: #555;
      color: #fff;
      position: relative;
      display: inline-block;
      text-decoration: none;
      text-transform: uppercase;
      font-family: inherit;
      -webkit-appearance: none;
      border: none;
      cursor: pointer;
      white-space: nowrap;
      height: 40px;
      line-height: 38px;
      margin-left: 10px;
      margin-right: 10px;
      padding: 0 1em;
      font-size: .9em; }
      #add_rating.popup form button#ratingAndReviewButton:before, #add_rating.popup form button.cancel:before, #add_review.popup form button#ratingAndReviewButton:before, #add_review.popup form button.cancel:before, .add-to-collection.popup form button#ratingAndReviewButton:before, .add-to-collection.popup form button.cancel:before {
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
        content: "";
        border-style: solid;
        border-color: transparent #555 transparent transparent; }
      #add_rating.popup form button#ratingAndReviewButton:after, #add_rating.popup form button.cancel:after, #add_review.popup form button#ratingAndReviewButton:after, #add_review.popup form button.cancel:after, .add-to-collection.popup form button#ratingAndReviewButton:after, .add-to-collection.popup form button.cancel:after {
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
        content: "";
        border-style: solid;
        border-color: transparent transparent transparent #555; }
      #add_rating.popup form button#ratingAndReviewButton:focus, #add_rating.popup form button.cancel:focus, #add_review.popup form button#ratingAndReviewButton:focus, #add_review.popup form button.cancel:focus, .add-to-collection.popup form button#ratingAndReviewButton:focus, .add-to-collection.popup form button.cancel:focus {
        outline: none; }
      #add_rating.popup form button#ratingAndReviewButton:before, #add_rating.popup form button.cancel:before, #add_review.popup form button#ratingAndReviewButton:before, #add_review.popup form button.cancel:before, .add-to-collection.popup form button#ratingAndReviewButton:before, .add-to-collection.popup form button.cancel:before {
        border-width: 20px 10px 20px 0;
        left: -10px; }
      #add_rating.popup form button#ratingAndReviewButton:after, #add_rating.popup form button.cancel:after, #add_review.popup form button#ratingAndReviewButton:after, #add_review.popup form button.cancel:after, .add-to-collection.popup form button#ratingAndReviewButton:after, .add-to-collection.popup form button.cancel:after {
        border-width: 20px 0 20px 10px;
        right: -10px; }

.add-to-collection.popup div.buttons {
  margin-top: 1.6em; }

/*# sourceMappingURL=main.css.map */