.col-xs-5th-1, .col-xs-5th-2, .col-xs-5th-3, .col-xs-5th-4, .col-xs-5th-5 {
  float: left;
}
.col-xs-5th-5 {
  width: 100%;
}
.col-xs-5th-4 {
  width: 80%;
}
.col-xs-5th-3 {
  width: 60%;
}
.col-xs-5th-2 {
  width: 40%;
}
.col-xs-5th-1 {
  width: 20%;
}
.col-xs-5th-pull-5 {
  right: 100%;
}
.col-xs-5th-pull-4 {
  right: 80%;
}
.col-xs-5th-pull-3 {
  right: 60%;
}
.col-xs-5th-pull-2 {
  right: 40%;
}
.col-xs-5th-pull-1 {
  right: 20%;
}
.col-xs-5th-pull-0 {
  right: auto;
}
.col-xs-5th-push-5 {
  left: 100%;
}
.col-xs-5th-push-4 {
  left: 80%;
}
.col-xs-5th-push-3 {
  left: 60%;
}
.col-xs-5th-push-2 {
  left: 40%;
}
.col-xs-5th-push-1 {
  left: 20%;
}
.col-xs-5th-push-0 {
  left: auto;
}
.col-xs-5th-offset-5 {
  margin-left: 100%;
}
.col-xs-5th-offset-4 {
  margin-left: 80%;
}
.col-xs-5th-offset-3 {
  margin-left: 60%;
}
.col-xs-5th-offset-2 {
  margin-left: 40%;
}
.col-xs-5th-offset-1 {
  margin-left: 20%;
}
.col-xs-5th-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-5th-1, .col-sm-5th-2, .col-sm-5th-3, .col-sm-5th-4, .col-sm-5th-5 {
    float: left;
  }
  .col-sm-5th-5 {
    width: 100%;
  }
  .col-sm-5th-4 {
    width: 80%;
  }
  .col-sm-5th-3 {
    width: 60%;
  }
  .col-sm-5th-2 {
    width: 40%;
  }
  .col-sm-5th-1 {
    width: 20%;
  }
  .col-sm-5th-pull-5 {
    right: 100%;
  }
  .col-sm-5th-pull-4 {
    right: 80%;
  }
  .col-sm-5th-pull-3 {
    right: 60%;
  }
  .col-sm-5th-pull-2 {
    right: 40%;
  }
  .col-sm-5th-pull-1 {
    right: 20%;
  }
  .col-sm-5th-pull-0 {
    right: auto;
  }
  .col-sm-5th-push-5 {
    left: 100%;
  }
  .col-sm-5th-push-4 {
    left: 80%;
  }
  .col-sm-5th-push-3 {
    left: 60%;
  }
  .col-sm-5th-push-2 {
    left: 40%;
  }
  .col-sm-5th-push-1 {
    left: 20%;
  }
  .col-sm-5th-push-0 {
    left: auto;
  }
  .col-sm-5th-offset-5 {
    margin-left: 100%;
  }
  .col-sm-5th-offset-4 {
    margin-left: 80%;
  }
  .col-sm-5th-offset-3 {
    margin-left: 60%;
  }
  .col-sm-5th-offset-2 {
    margin-left: 40%;
  }
  .col-sm-5th-offset-1 {
    margin-left: 20%;
  }
  .col-sm-5th-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-5th-1, .col-md-5th-2, .col-md-5th-3, .col-md-5th-4, .col-md-5th-5 {
    float: left;
  }
  .col-md-5th-5 {
    width: 100%;
  }
  .col-md-5th-4 {
    width: 80%;
  }
  .col-md-5th-3 {
    width: 60%;
  }
  .col-md-5th-2 {
    width: 40%;
  }
  .col-md-5th-1 {
    width: 20%;
  }
  .col-md-5th-pull-5 {
    right: 100%;
  }
  .col-md-5th-pull-4 {
    right: 80%;
  }
  .col-md-5th-pull-3 {
    right: 60%;
  }
  .col-md-5th-pull-2 {
    right: 40%;
  }
  .col-md-5th-pull-1 {
    right: 20%;
  }
  .col-md-5th-pull-0 {
    right: auto;
  }
  .col-md-5th-push-5 {
    left: 100%;
  }
  .col-md-5th-push-4 {
    left: 80%;
  }
  .col-md-5th-push-3 {
    left: 60%;
  }
  .col-md-5th-push-2 {
    left: 40%;
  }
  .col-md-5th-push-1 {
    left: 20%;
  }
  .col-md-5th-push-0 {
    left: auto;
  }
  .col-md-5th-offset-5 {
    margin-left: 100%;
  }
  .col-md-5th-offset-4 {
    margin-left: 80%;
  }
  .col-md-5th-offset-3 {
    margin-left: 60%;
  }
  .col-md-5th-offset-2 {
    margin-left: 40%;
  }
  .col-md-5th-offset-1 {
    margin-left: 20%;
  }
  .col-md-5th-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-5th-1, .col-lg-5th-2, .col-lg-5th-3, .col-lg-5th-4, .col-lg-5th-5 {
    float: left;
  }
  .col-lg-5th-5 {
    width: 100%;
  }
  .col-lg-5th-4 {
    width: 80%;
  }
  .col-lg-5th-3 {
    width: 60%;
  }
  .col-lg-5th-2 {
    width: 40%;
  }
  .col-lg-5th-1 {
    width: 20%;
  }
  .col-lg-5th-pull-5 {
    right: 100%;
  }
  .col-lg-5th-pull-4 {
    right: 80%;
  }
  .col-lg-5th-pull-3 {
    right: 60%;
  }
  .col-lg-5th-pull-2 {
    right: 40%;
  }
  .col-lg-5th-pull-1 {
    right: 20%;
  }
  .col-lg-5th-pull-0 {
    right: auto;
  }
  .col-lg-5th-push-5 {
    left: 100%;
  }
  .col-lg-5th-push-4 {
    left: 80%;
  }
  .col-lg-5th-push-3 {
    left: 60%;
  }
  .col-lg-5th-push-2 {
    left: 40%;
  }
  .col-lg-5th-push-1 {
    left: 20%;
  }
  .col-lg-5th-push-0 {
    left: auto;
  }
  .col-lg-5th-offset-5 {
    margin-left: 100%;
  }
  .col-lg-5th-offset-4 {
    margin-left: 80%;
  }
  .col-lg-5th-offset-3 {
    margin-left: 60%;
  }
  .col-lg-5th-offset-2 {
    margin-left: 40%;
  }
  .col-lg-5th-offset-1 {
    margin-left: 20%;
  }
  .col-lg-5th-offset-0 {
    margin-left: 0%;
  }
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 5, 2014 */



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

}




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

}




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

}
/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2013 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      The Northern Block
 * License URL: http://www.fontspring.com/fflicense/northern-block
 *
 *
 */

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


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

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'gg2-fonts' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-add-image-icon:before {
    content: "\e600";
}
.icon-arrow-down-icon:before {
    content: "\e601";
}
.icon-arrow-left-icon:before {
    content: "\e602";
}
.icon-arrow-right-icon:before {
    content: "\e603";
}
.icon-arrow-up-icon:before {
    content: "\e604";
}
.icon-bold-icon:before {
    content: "\e605";
}
.icon-breadcrumb-greater-than-icon:before {
    content: "\e606";
}
.icon-bullet-list-icon:before {
    content: "\e607";
}
.icon-facebook-icon:before {
    content: "\e608";
}
.icon-greybox-icon:before {
    content: "\e609";
}
.icon-hidden-icon:before {
    content: "\e60a";
}
.icon-italic-icon:before {
    content: "\e60b";
}
.icon-link-icon:before {
    content: "\e60c";
}
.icon-locked-icon:before {
    content: "\e60d";
}
.icon-next-page-icon:before {
    content: "\e60e";
}
.icon-number-list-icon:before {
    content: "\e60f";
}
.icon-pagination-icon:before {
    content: "\e610";
}
.icon-preview-eye-icon:before {
    content: "\e611";
}
.icon-previous-page-icon:before {
    content: "\e612";
}
.icon-quote-icon:before {
    content: "\e613";
}
.icon-read-icon:before {
    content: "\e614";
}
.icon-respond-speech-bubble-icon:before {
    content: "\e615";
}
.icon-settings-gear-icon:before {
    content: "\e616";
}
.icon-star-icon:before {
    content: "\e617";
}
.icon-twitter-icon:before {
    content: "\e618";
}
.icon-underline-icon:before {
    content: "\e619";
}
.icon-unread-icon:before {
    content: "\e61a";
}
.icon-youtube-icon:before {
    content: "\e61b";
}
.icon-close-x-icon:before {
    content: "\e61c";
}
.icon-search-goo-icon:before {
    content: "\e61d";
}
.icon-button-corner-bottom-right-icon:before {
    content: "\e61e";
}
.icon-button-corner-top-right-icon:before {
    content: "\e61f";
}
.icon-button-corner-top-left-icon:before {
    content: "\e620";
}
.icon-button-corner-bottom-left-icon:before {
    content: "\e621";
}
.icon-comments-icon:before {
    content: "\e622";
}
.icon-announcements-lg-icon:before {
    content: "\e623";
}
.icon-announcements-sm-icon:before {
    content: "\e624";
}
.icon-community-news-lg-icon:before {
    content: "\e625";
}
.icon-community-news-sm-icon:before {
    content: "\e626";
}
.icon-events-contests-lg-icon:before {
    content: "\e627";
}
.icon-events-contests-sm-icon:before {
    content: "\e628";
}
.icon-game-content-lg-icon:before {
    content: "\e629";
}
.icon-game-content-sm-icon:before {
    content: "\e62a";
}
.icon-general-news-lg-icon:before {
    content: "\e62b";
}
.icon-general-news-sm-icon:before {
    content: "\e62c";
}
.icon-expand_window-icon:before {
    content: "\e62d";
}
.icon-pause-icon:before {
    content: "\e62e";
}
.icon-sound-icon:before {
    content: "\e62f";
}
.icon-retweet-icon:before {
    content: "\e630";
}
.icon-beta-logo:before {
    content: "\e631";
}
.icon-beta-structures:before {
    content: "\e632";
}
.icon-beta-units:before {
    content: "\e633";
}
.icon-goo-logo:before {
    content: "\e634";
}
.icon-goo_proteans:before {
    content: "\e635";
}
.icon-goo_units:before {
    content: "\e636";
}
.icon-human-logo:before {
    content: "\e637";
}
.icon-humans-structures:before {
    content: "\e638";
}
.icon-humans-units:before {
    content: "\e639";
}
.icon-terrain:before {
    content: "\e63a";
}
.icon-radius:before {
    content: "\e63b";
}
.icon-distance:before {
    content: "\e63c";
}
.icon-mass:before {
    content: "\e63d";
}
.icon-population:before {
    content: "\e63e";
}
.icon-moons:before {
    content: "\e63f";
}
.icon-recent:before {
    content: "\e640";
}
.icon-videos:before {
    content: "\e641";
}
.icon-screenshots:before {
    content: "\e642";
}
.icon-concept:before {
    content: "\e643";
}
.icon-wallpapers:before {
    content: "\e644";
}
.icon-person:before {
    content: "\e645";
}
.icon-triangle:before {
    content: "\e646";
}
.icon-tech_tree:before {
    content: "\e647";
}
.icon-view:before {
    content: "\e648";
}
.icon-triangle2:before {
    content: "\e649";
}
.icon-view-all:before {
    content: "\e64a";
}
.icon-mountable:before {
    content: "\e64b";
}
.icon-aoe_damage:before {
    content: "\e64c";
}
.icon-stealth_detection:before {
    content: "\e64d";
}
.icon-flies-icon:before {
    content: "\e64e";
}
.icon-attacks-air-icon:before {
    content: "\e64f";
}
.icon-moving-while-firing-icon:before {
    content: "\e650";
}
.icon-epic-icon:before {
    content: "\e651";
}
.icon-stealth-icon:before {
    content: "\e652";
}
.icon-info_notify:before {
    content: "\e653";
}
.icon-replay_video_icon:before {
    content: "\e654";
}
.icon-map_icon:before {
    content: "\e655";
}
.icon-warning_exclamation-icon:before {
    content: "\e656";
}
.icon-smiley-icon:before {
    content: "\e657";
}
.icon-dlc-icon:before {
    content: "\e658";
}
.icon-observe_mode-icon:before {
    content: "\e659";
}
.icon-multiple_images-icon:before {
    content: "\e65a";
}
.icon-view_inbox-icon:before {
    content: "\e65b";
}
.icon-star_filled_inbox-icon:before {
    content: "\e65c";
}
.icon-star_outline_inbox-icon:before {
    content: "\e65d";
}
.icon-messages_inbox-icon:before {
    content: "\e65e";
}
.icon-find_users_inbox-icon:before {
    content: "\e65f";
}
.icon-activity_inbox-icon:before {
    content: "\e660";
}
.icon-post_inbox-icon:before {
    content: "\e661";
}
.icon-back_arrow_inbox-icon:before {
    content: "\e662";
}
.icon-archive_inbox-icon:before {
    content: "\e663";
}
.icon-flag_inbox-icon:before {
    content: "\e664";
}
.icon-new_inbox-icon:before {
    content: "\e665";
}
.icon-sort_down_arrow_inbox-icon:before {
    content: "\e666";
}
.icon-expand_text_inbox-icon:before {
    content: "\e667";
}
.icon-podcast-icon:before {
    content: "\e668";
}
.icon-search-icon:before {
    content: "\e669";
}
.icon-download-icon:before {
    content: "\e66a";
}
.icon-podcast_info-icon:before {
    content: "\e66b";
}
.icon-podcast_pause-icon:before {
    content: "\e66c";
}
.icon-podcast_itunes-icon:before {
    content: "\e66d";
}
.icon-podcast_rss_feed-icon:before {
    content: "\e66e";
}
.icon-recognitions_system-icon:before {
    content: "\e66f";
}
.icon-shroud_structure-icon:before {
    content: "\e670";
}
.icon-shroud_unit-icon:before {
    content: "\e671";
}
.icon-shroud-logo:before {
    content: "\e972";
}


/*!
 *  The Black Tie Font is commercial software. Please do not distribute.
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'Black Tie';
  src: url('fonts/black-tie/solid/BlackTie-Solid-webfont.eot?v=1.0.0');
  src: url('fonts/black-tie/solid/BlackTie-Solid-webfont.eot?#iefix&v=1.0.0') format('embedded-opentype'), url('fonts/black-tie/solid/BlackTie-Solid-webfont.woff2?v=1.0.0') format('woff2'), url('fonts/black-tie/solid/BlackTie-Solid-webfont.woff?v=1.0.0') format('woff'), url('fonts/black-tie/solid/BlackTie-Solid-webfont.ttf?v=1.0.0') format('truetype'), url('fonts/black-tie/solid/BlackTie-Solid-webfont.svg?v=1.0.0#black_tiesolid') format('svg');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Black Tie';
  src: url('fonts/black-tie/bold/BlackTie-Bold-webfont.eot?v=1.0.0');
  src: url('fonts/black-tie/bold/BlackTie-Bold-webfont.eot?#iefix&v=1.0.0') format('embedded-opentype'), url('fonts/black-tie/bold/BlackTie-Bold-webfont.woff2?v=1.0.0') format('woff2'), url('fonts/black-tie/bold/BlackTie-Bold-webfont.woff?v=1.0.0') format('woff'), url('fonts/black-tie/bold/BlackTie-Bold-webfont.ttf?v=1.0.0') format('truetype'), url('fonts/black-tie/bold/BlackTie-Bold-webfont.svg?v=1.0.0#black_tiebold') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Black Tie';
  src: url('fonts/black-tie/regular/BlackTie-Regular-webfont.eot?v=1.0.0');
  src: url('fonts/black-tie/regular/BlackTie-Regular-webfont.eot?#iefix&v=1.0.0') format('embedded-opentype'), url('fonts/black-tie/regular/BlackTie-Regular-webfont.woff2?v=1.0.0') format('woff2'), url('fonts/black-tie/regular/BlackTie-Regular-webfont.woff?v=1.0.0') format('woff'), url('fonts/black-tie/regular/BlackTie-Regular-webfont.ttf?v=1.0.0') format('truetype'), url('fonts/black-tie/regular/BlackTie-Regular-webfont.svg?v=1.0.0#black_tieregular') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Black Tie';
  src: url('fonts/black-tie/light/BlackTie-Light-webfont.eot?v=1.0.0');
  src: url('fonts/black-tie/light/BlackTie-Light-webfont.eot?#iefix&v=1.0.0') format('embedded-opentype'), url('fonts/black-tie/light/BlackTie-Light-webfont.woff2?v=1.0.0') format('woff2'), url('fonts/black-tie/light/BlackTie-Light-webfont.woff?v=1.0.0') format('woff'), url('fonts/black-tie/light/BlackTie-Light-webfont.ttf?v=1.0.0') format('truetype'), url('fonts/black-tie/light/BlackTie-Light-webfont.svg?v=1.0.0#black_tielight') format('svg');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Font Awesome Brands';
  src: url('fonts/black-tie/brands/FontAwesomeBrands-Regular-webfont.eot?v=1.0.0');
  src: url('fonts/black-tie/brands/FontAwesomeBrands-Regular-webfont.eot?#iefix&v=1.0.0') format('embedded-opentype'), url('fonts/black-tie/brands/FontAwesomeBrands-Regular-webfont.woff2?v=1.0.0') format('woff2'), url('fonts/black-tie/brands/FontAwesomeBrands-Regular-webfont.woff?v=1.0.0') format('woff'), url('fonts/black-tie/brands/FontAwesomeBrands-Regular-webfont.ttf?v=1.0.0') format('truetype'), url('fonts/black-tie/brands/FontAwesomeBrands-Regular-webfont.svg?v=1.0.0#font_awesome_brandsregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.bts,
.btb,
.btr,
.btl,
.fab {
  display: inline-block;
  font: normal normal normal 14px/1 "Black Tie";
  font-size: inherit;
  vertical-align: -14.28571429%;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.bts {
  font-weight: 900;
}
.btb {
  font-weight: 700;
}
.btl {
  font-weight: 200;
}
.fab {
  font-family: "Font Awesome Brands";
}
/* makes the font 25% smaller relative to the icon container */
.bt-sm {
  font-size: .7em;
  vertical-align: baseline;
}
/* makes the font 33% larger relative to the icon container */
.bt-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
}
.bt-2x {
  font-size: 2em;
}
.bt-3x {
  font-size: 3em;
}
.bt-4x {
  font-size: 4em;
}
.bt-5x {
  font-size: 5em;
}
.bt-lg,
.bt-2x,
.bt-3x,
.bt-4x,
.bt-5x {
  vertical-align: -30%;
}
.bt-fw {
  width: 1.28571429em;
  text-align: center;
}
.bt-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.bt-ul > li {
  position: relative;
}
.bt-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.bt-li.bt-lg {
  left: -2em;
}
.bt-border {
  padding: .2em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.bts.pull-left,
.btb.pull-left,
.btr.pull-left,
.btl.pull-left,
.fab.pull-left {
  margin-right: .3em;
}
.bts.pull-right,
.btb.pull-right,
.btr.pull-right,
.btl.pull-right,
.fab.pull-right {
  margin-left: .3em;
}
.bt-spin {
  -webkit-animation: bt-spin 2s infinite linear;
  animation: bt-spin 2s infinite linear;
}
.bt-pulse {
  -webkit-animation: bt-spin 1s infinite steps(8);
  animation: bt-spin 1s infinite steps(8);
}
@-webkit-keyframes bt-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes bt-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.bt-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.bt-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.bt-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.bt-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.bt-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .bt-rotate-90,
:root .bt-rotate-180,
:root .bt-rotate-270,
:root .bt-flip-horizontal,
:root .bt-flip-vertical {
  filter: none;
}
.bt-stack {
  position: relative;
  display: inline-block;
  width: 1.28571429em;
  height: 1em;
  line-height: 1em;
  vertical-align: baseline;
}
.bt-stack-sm {
  position: absolute;
  top: 0;
  left: 0;
  line-height: inherit;
  font-size: .5em;
}
.bt-stack-1x,
.bt-stack-sm {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.bt-inverse {
  color: #ffffff;
}
/* Black Tie uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.bt-bars:before {
  content: "\f000";
}
.bt-envelope:before {
  content: "\f001";
}
.bt-search:before {
  content: "\f002";
}
.bt-search-plus:before {
  content: "\f003";
}
.bt-search-minus:before {
  content: "\f004";
}
.bt-phone:before {
  content: "\f005";
}
.bt-comment:before {
  content: "\f007";
}
.bt-commenting:before {
  content: "\f008";
}
.bt-comments:before {
  content: "\f009";
}
.bt-rss:before {
  content: "\f00a";
}
.bt-times:before {
  content: "\f00c";
}
.bt-times-circle:before {
  content: "\f00d";
}
.bt-clock:before {
  content: "\f00e";
}
.bt-star:before {
  content: "\f010";
}
.bt-star-half:before {
  content: "\f011";
}
.bt-check:before {
  content: "\f012";
}
.bt-check-circle:before {
  content: "\f013";
}
.bt-check-square:before {
  content: "\f014";
}
.bt-th:before {
  content: "\f015";
}
.bt-th-large:before {
  content: "\f016";
}
.bt-heart:before {
  content: "\f017";
}
.bt-heart-half:before {
  content: "\f018";
}
.bt-calendar:before {
  content: "\f019";
}
.bt-shopping-cart:before {
  content: "\f01a";
}
.bt-plus:before {
  content: "\f01b";
}
.bt-plus-circle:before {
  content: "\f01c";
}
.bt-plus-square:before {
  content: "\f01d";
}
.bt-pen:before {
  content: "\f01e";
}
.bt-minus:before {
  content: "\f021";
}
.bt-minus-circle:before {
  content: "\f022";
}
.bt-minus-square:before {
  content: "\f023";
}
.bt-pencil:before {
  content: "\f024";
}
.bt-edit:before {
  content: "\f025";
}
.bt-thumbs-up:before {
  content: "\f026";
}
.bt-thumbs-down:before {
  content: "\f027";
}
.bt-gear:before {
  content: "\f028";
}
.bt-trash:before {
  content: "\f029";
}
.bt-file:before {
  content: "\f02a";
}
.bt-info-circle:before {
  content: "\f02b";
}
.bt-label:before {
  content: "\f02c";
}
.bt-rocket:before {
  content: "\f02d";
}
.bt-book:before {
  content: "\f02e";
}
.bt-book-open:before {
  content: "\f02f";
}
.bt-notebook:before {
  content: "\f030";
}
.bt-camera:before {
  content: "\f031";
}
.bt-folder:before {
  content: "\f032";
}
.bt-quote-left:before {
  content: "\f036";
}
.bt-quote-right:before {
  content: "\f037";
}
.bt-eye:before {
  content: "\f038";
}
.bt-lock:before {
  content: "\f039";
}
.bt-lock-open:before {
  content: "\f03a";
}
.bt-gift:before {
  content: "\f03b";
}
.bt-spinner-clock:before {
  content: "\f03c";
}
.bt-spinner:before {
  content: "\f03d";
}
.bt-wrench:before {
  content: "\f03e";
}
.bt-cloud:before {
  content: "\f040";
}
.bt-cloud-upload:before {
  content: "\f041";
}
.bt-cloud-download:before {
  content: "\f042";
}
.bt-sync:before {
  content: "\f043";
}
.bt-question-circle:before {
  content: "\f044";
}
.bt-share:before {
  content: "\f045";
}
.bt-briefcase:before {
  content: "\f046";
}
.bt-money:before {
  content: "\f047";
}
.bt-megaphone:before {
  content: "\f048";
}
.bt-sign-in:before {
  content: "\f049";
}
.bt-sign-out:before {
  content: "\f04a";
}
.bt-film:before {
  content: "\f04b";
}
.bt-trophy:before {
  content: "\f04c";
}
.bt-code:before {
  content: "\f04d";
}
.bt-light-bulb:before {
  content: "\f04e";
}
.bt-print:before {
  content: "\f050";
}
.bt-fax:before {
  content: "\f051";
}
.bt-video:before {
  content: "\f052";
}
.bt-signal:before {
  content: "\f053";
}
.bt-sitemap:before {
  content: "\f054";
}
.bt-upload:before {
  content: "\f055";
}
.bt-download:before {
  content: "\f056";
}
.bt-key:before {
  content: "\f057";
}
.bt-mug:before {
  content: "\f058";
}
.bt-bookmark:before {
  content: "\f059";
}
.bt-flag:before {
  content: "\f05a";
}
.bt-external-link:before {
  content: "\f05b";
}
.bt-smile:before {
  content: "\f05c";
}
.bt-frown:before {
  content: "\f05d";
}
.bt-meh:before {
  content: "\f05e";
}
.bt-magic:before {
  content: "\f060";
}
.bt-bolt:before {
  content: "\f061";
}
.bt-exclamation-triangle:before {
  content: "\f062";
}
.bt-exclamation-circle:before {
  content: "\f063";
}
.bt-flask:before {
  content: "\f064";
}
.bt-music:before {
  content: "\f065";
}
.bt-push-pin:before {
  content: "\f066";
}
.bt-shield:before {
  content: "\f067";
}
.bt-sort:before {
  content: "\f068";
}
.bt-reply:before {
  content: "\f069";
}
.bt-forward:before {
  content: "\f06a";
}
.bt-reply-all:before {
  content: "\f06b";
}
.bt-forward-all:before {
  content: "\f06c";
}
.bt-bell:before {
  content: "\f06d";
}
.bt-bell-off:before {
  content: "\f06e";
}
.bt-ban:before {
  content: "\f070";
}
.bt-database:before {
  content: "\f071";
}
.bt-hard-drive:before {
  content: "\f072";
}
.bt-merge:before {
  content: "\f073";
}
.bt-fork:before {
  content: "\f074";
}
.bt-wifi:before {
  content: "\f075";
}
.bt-paper-plane:before {
  content: "\f076";
}
.bt-inbox:before {
  content: "\f077";
}
.bt-fire:before {
  content: "\f078";
}
.bt-play:before {
  content: "\f079";
}
.bt-pause:before {
  content: "\f07a";
}
.bt-stop:before {
  content: "\f08b";
}
.bt-play-circle:before {
  content: "\f07b";
}
.bt-next:before {
  content: "\f07c";
}
.bt-previous:before {
  content: "\f07d";
}
.bt-repeat:before {
  content: "\f07e";
}
.bt-fast-forward:before {
  content: "\f080";
}
.bt-fast-reverse:before {
  content: "\f081";
}
.bt-volume:before {
  content: "\f082";
}
.bt-volume-off:before {
  content: "\f083";
}
.bt-volume-up:before {
  content: "\f084";
}
.bt-volume-down:before {
  content: "\f085";
}
.bt-maximize:before {
  content: "\f086";
}
.bt-minimize:before {
  content: "\f087";
}
.bt-closed-captions:before {
  content: "\f088";
}
.bt-shuffle:before {
  content: "\f089";
}
.bt-triangle:before {
  content: "\f08a";
}
.bt-square:before {
  content: "\f08b";
}
.bt-circle:before {
  content: "\f08c";
}
.bt-hexagon:before {
  content: "\f08d";
}
.bt-octagon:before {
  content: "\f08e";
}
.bt-angle-up:before {
  content: "\f090";
}
.bt-angle-down:before {
  content: "\f091";
}
.bt-angle-left:before {
  content: "\f092";
}
.bt-angle-right:before {
  content: "\f093";
}
.bt-angles-up:before {
  content: "\f094";
}
.bt-angles-down:before {
  content: "\f095";
}
.bt-angles-left:before {
  content: "\f096";
}
.bt-angles-right:before {
  content: "\f097";
}
.bt-arrow-up:before {
  content: "\f098";
}
.bt-arrow-down:before {
  content: "\f099";
}
.bt-arrow-left:before {
  content: "\f09a";
}
.bt-arrow-right:before {
  content: "\f09b";
}
.bt-bar-chart:before {
  content: "\f09c";
}
.bt-pie-chart:before {
  content: "\f09d";
}
.bt-circle-arrow-up:before {
  content: "\f0a0";
}
.bt-circle-arrow-down:before {
  content: "\f0a1";
}
.bt-circle-arrow-left:before {
  content: "\f0a2";
}
.bt-circle-arrow-right:before {
  content: "\f0a3";
}
.bt-caret-up:before {
  content: "\f0a4";
}
.bt-caret-down:before {
  content: "\f0a5";
}
.bt-caret-left:before {
  content: "\f0a6";
}
.bt-caret-right:before {
  content: "\f0a7";
}
.bt-long-arrow-up:before {
  content: "\f0a8";
}
.bt-long-arrow-down:before {
  content: "\f0a9";
}
.bt-long-arrow-left:before {
  content: "\f0aa";
}
.bt-long-arrow-right:before {
  content: "\f0ab";
}
.bt-Bold:before {
  content: "\f0ac";
}
.bt-italic:before {
  content: "\f0ad";
}
.bt-underline:before {
  content: "\f0ae";
}
.bt-link:before {
  content: "\f0b0";
}
.bt-paper-clip:before {
  content: "\f0b1";
}
.bt-align-left:before {
  content: "\f0b2";
}
.bt-align-center:before {
  content: "\f0b3";
}
.bt-align-right:before {
  content: "\f0b4";
}
.bt-align-justify:before {
  content: "\f0b5";
}
.bt-cut:before {
  content: "\f0b6";
}
.bt-copy:before {
  content: "\f0b7";
}
.bt-paste:before {
  content: "\f0b8";
}
.bt-photo:before {
  content: "\f0b9";
}
.bt-table:before {
  content: "\f0ba";
}
.bt-ulist:before {
  content: "\f0bb";
}
.bt-olist:before {
  content: "\f0bc";
}
.bt-indent:before {
  content: "\f0bd";
}
.bt-outdent:before {
  content: "\f0be";
}
.bt-undo:before {
  content: "\f0c0";
}
.bt-redo:before {
  content: "\f0c1";
}
.bt-sup:before {
  content: "\f0c2";
}
.bt-sub:before {
  content: "\f0c3";
}
.bt-text-size:before {
  content: "\f0c4";
}
.bt-text-color:before {
  content: "\f0c5";
}
.bt-remove-formatting:before {
  content: "\f0c6";
}
.bt-blockquote:before {
  content: "\f036";
}
.bt-globe:before {
  content: "\f0c7";
}
.bt-map:before {
  content: "\f0c8";
}
.bt-map-arrow:before {
  content: "\f0c9";
}
.bt-map-marker:before {
  content: "\f0ca";
}
.bt-map-pin:before {
  content: "\f0cb";
}
.bt-home:before {
  content: "\f0cc";
}
.bt-building:before {
  content: "\f0cd";
}
.bt-industry:before {
  content: "\f0ce";
}
.bt-desktop:before {
  content: "\f0d0";
}
.bt-laptop:before {
  content: "\f0d1";
}
.bt-tablet:before {
  content: "\f0d2";
}
.bt-mobile:before {
  content: "\f0d3";
}
.bt-tv:before {
  content: "\f0d4";
}
.bt-radio-checked:before {
  content: "\f0d5";
}
.bt-radio-unchecked:before {
  content: "\f08c";
}
.bt-checkbox-checked:before {
  content: "\f014";
}
.bt-checkbox-unchecked:before {
  content: "\f08b";
}
.bt-checkbox-intermediate:before {
  content: "\f023";
}
.bt-user:before {
  content: "\f0d6";
}
.bt-user-male:before {
  content: "\f0d6";
}
.bt-user-female:before {
  content: "\f0d7";
}
.bt-crown:before {
  content: "\f0d8";
}
.bt-credit-card:before {
  content: "\f0d9";
}
.bt-strikethrough:before {
  content: "\f0da";
}
.bt-eject:before {
  content: "\f0db";
}
.bt-ellipsis-h:before {
  content: "\f0dc";
}
.bt-ellipsis-v:before {
  content: "\f0dd";
}
.fab-facebook:before {
  content: "\f000";
}
.fab-facebook-alt:before {
  content: "\f001";
}
.fab-twitter:before {
  content: "\f002";
}
.fab-linkedin:before {
  content: "\f003";
}
.fab-linkedin-alt:before {
  content: "\f004";
}
.fab-instagram:before {
  content: "\f005";
}
.fab-github:before {
  content: "\f006";
}
.fab-github-alt:before {
  content: "\f007";
}
.fab-googleplus:before {
  content: "\f008";
}
.fab-googleplus-alt:before {
  content: "\f009";
}
.fab-pinterest:before {
  content: "\f00a";
}
.fab-pinterest-alt:before {
  content: "\f00b";
}
.fab-tumblr:before {
  content: "\f00c";
}
.fab-tumblr-alt:before {
  content: "\f00d";
}
.fab-bitcoin:before {
  content: "\f010";
}
.fab-bitcoin-alt:before {
  content: "\f011";
}
.fab-dropbox:before {
  content: "\f012";
}
.fab-stackexchange:before {
  content: "\f013";
}
.fab-stackoverflow:before {
  content: "\f014";
}
.fab-flickr:before {
  content: "\f015";
}
.fab-flickr-alt:before {
  content: "\f016";
}
.fab-bitbucket:before {
  content: "\f017";
}
.fab-html5:before {
  content: "\f018";
}
.fab-css3:before {
  content: "\f019";
}
.fab-apple:before {
  content: "\f01a";
}
.fab-windows:before {
  content: "\f01b";
}
.fab-android:before {
  content: "\f01c";
}
.fab-linux:before {
  content: "\f01d";
}
.fab-dribbble:before {
  content: "\f01e";
}
.fab-youtube:before {
  content: "\f021";
}
.fab-skype:before {
  content: "\f022";
}
.fab-foursquare:before {
  content: "\f023";
}
.fab-trello:before {
  content: "\f024";
}
.fab-maxcdn:before {
  content: "\f025";
}
.fab-gittip:before,
.fab-gratipay:before {
  content: "\f026";
}
.fab-vimeo:before {
  content: "\f027";
}
.fab-vimeo-alt:before {
  content: "\f028";
}
.fab-slack:before {
  content: "\f029";
}
.fab-wordpress:before {
  content: "\f02a";
}
.fab-wordpress-alt:before {
  content: "\f02b";
}
.fab-openid:before {
  content: "\f02c";
}
.fab-yahoo:before {
  content: "\f02d";
}
.fab-yahoo-alt:before {
  content: "\f02e";
}
.fab-reddit:before {
  content: "\f02f";
}
.fab-google:before {
  content: "\f030";
}
.fab-google-alt:before {
  content: "\f031";
}
.fab-stumbleupon:before {
  content: "\f032";
}
.fab-stumbleupon-alt:before {
  content: "\f033";
}
.fab-delicious:before {
  content: "\f034";
}
.fab-digg:before {
  content: "\f035";
}
.fab-piedpiper:before {
  content: "\f036";
}
.fab-piedpiper-alt:before {
  content: "\f037";
}
.fab-drupal:before {
  content: "\f038";
}
.fab-joomla:before {
  content: "\f039";
}
.fab-behance:before {
  content: "\f03a";
}
.fab-steam:before {
  content: "\f03b";
}
.fab-steam-alt:before {
  content: "\f03c";
}
.fab-spotify:before {
  content: "\f03d";
}
.fab-deviantart:before {
  content: "\f03e";
}
.fab-soundcloud:before {
  content: "\f040";
}
.fab-vine:before {
  content: "\f041";
}
.fab-codepen:before {
  content: "\f042";
}
.fab-jsfiddle:before {
  content: "\f043";
}
.fab-rebel:before {
  content: "\f044";
}
.fab-empire:before {
  content: "\f045";
}
.fab-git:before {
  content: "\f046";
}
.fab-hackernews:before {
  content: "\f047";
}
.fab-hackernews-alt:before {
  content: "\f048";
}
.fab-slideshare:before {
  content: "\f049";
}
.fab-twitch:before {
  content: "\f04a";
}
.fab-yelp:before {
  content: "\f04b";
}
.fab-paypal:before {
  content: "\f04c";
}
.fab-google-wallet:before {
  content: "\f04d";
}
.fab-angellist:before {
  content: "\f04e";
}
.fab-cc-visa:before {
  content: "\f050";
}
.fab-cc-mastercard:before {
  content: "\f051";
}
.fab-cc-discover:before {
  content: "\f052";
}
.fab-cc-amex:before {
  content: "\f053";
}
.fab-cc-paypal:before {
  content: "\f054";
}
.fab-cc-stripe:before {
  content: "\f055";
}
.fab-lastfm:before {
  content: "\f056";
}
.fab-whatsapp:before {
  content: "\f057";
}
.fab-medium:before {
  content: "\f058";
}
.fab-meanpath:before {
  content: "\f059";
}
.fab-meanpath-alt:before {
  content: "\f05a";
}
.fab-pagelines:before {
  content: "\f05b";
}
.fab-ioxhost:before {
  content: "\f060";
}
.fab-buysellads:before {
  content: "\f061";
}
.fab-buysellads-alt:before {
  content: "\f062";
}
.fab-connectdevelop:before {
  content: "\f063";
}
.fab-dashcube:before {
  content: "\f064";
}
.fab-forumbee:before {
  content: "\f065";
}
.fab-leanpub:before {
  content: "\f066";
}
.fab-sellsy:before {
  content: "\f067";
}
.fab-shirtsinbulk:before {
  content: "\f068";
}
.fab-simplybuilt:before {
  content: "\f069";
}
.fab-skyatlas:before {
  content: "\f06a";
}
.fab-viacoin:before {
  content: "\f06b";
}
.fab-codiepie:before {
  content: "\f06c";
}
.fab-queue:before {
  content: "\f06d";
}
.fab-queue-alt:before {
  content: "\f06e";
}
.fab-fonticons:before {
  content: "\f070";
}
.fab-fonticons-alt:before {
  content: "\f071";
}
.fab-blacktie:before {
  content: "\f072";
}
.fab-blacktie-alt:before {
  content: "\f073";
}
.fab-xing:before {
  content: "\f090";
}
.fab-vk:before {
  content: "\f091";
}
.fab-weibo:before {
  content: "\f092";
}
.fab-renren:before {
  content: "\f093";
}
.fab-tencent-weibo:before {
  content: "\f094";
}
.fab-qq:before {
  content: "\f095";
}
.fab-wechat:before,
.fab-weixin:before {
  content: "\f096";
}

#header-login,
.greybox-nav {
  -webkit-transform: skew(-25deg);
  -moz-transform: skew(-25deg);
  -ms-transform: skew(-25deg);
  -o-transform: skew(-25deg);
  transform: skew(-25deg);
  background-color: #111111;
  color: #999999;
  min-width: 161;
  padding: 0px 0px 0px 0px;
  height: 40px;
  line-height: 40px;
  font-size: 10px;
  text-space-collapse: trim-inner;
  float: right;
}
#header-login > *,
.greybox-nav > * {
  -webkit-transform: skew(205deg);
  -moz-transform: skew(205deg);
  -ms-transform: skew(205deg);
  -o-transform: skew(205deg);
  transform: skew(205deg);
}
#header-login a.mothership,
.greybox-nav a.mothership {
  padding: 0px 5px 0;
}
#header-login a.mothership img,
.greybox-nav a.mothership img {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: skew(25deg);
  -moz-transform: skew(25deg);
  -ms-transform: skew(25deg);
  -o-transform: skew(25deg);
  transform: skew(25deg);
  -webkit-filter: contrast(100%) brightness(100%) blur(0px);
  filter: contrast(100%) brightness(100%);
  position: relative;
  bottom: 5px;
}
#header-login a.mothership img > *,
.greybox-nav a.mothership img > * {
  -webkit-transform: skew(155deg);
  -moz-transform: skew(155deg);
  -ms-transform: skew(155deg);
  -o-transform: skew(155deg);
  transform: skew(155deg);
}
#header-login a,
.greybox-nav a {
  display: inline-block;
  font-family: 'PlanerRegular';
  color: #999999;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
  letter-spacing: 0;
  margin: -2px 0px 0px 0px;
  padding: 0px 10px;
  background-color: transparent;
  -webkit-transition: all 0.33s;
  -moz-transition: all 0.33s;
  -ms-transition: all 0.33s;
  -o-transition: all 0.33s;
  transition: all 0.33s;
  -webkit-transform: skew(0deg);
  -moz-transform: skew(0deg);
  -ms-transform: skew(0deg);
  -o-transform: skew(0deg);
  transform: skew(0deg);
}
#header-login a > *,
.greybox-nav a > * {
  -webkit-transform: skew(180deg);
  -moz-transform: skew(180deg);
  -ms-transform: skew(180deg);
  -o-transform: skew(180deg);
  transform: skew(180deg);
}
#header-login a .unskew,
.greybox-nav a .unskew {
  display: inline-block;
  -webkit-transform: skew(25deg);
  -moz-transform: skew(25deg);
  -ms-transform: skew(25deg);
  -o-transform: skew(25deg);
  transform: skew(25deg);
}
#header-login a .unskew > *,
.greybox-nav a .unskew > * {
  -webkit-transform: skew(155deg);
  -moz-transform: skew(155deg);
  -ms-transform: skew(155deg);
  -o-transform: skew(155deg);
  transform: skew(155deg);
}
#header-login a:first-child,
.greybox-nav a:first-child {
  padding: 0 15px;
}
#header-login a:last-child,
.greybox-nav a:last-child {
  padding: 0 15px;
}
#header-login a .bt-sign-out,
.greybox-nav a .bt-sign-out {
  transform: skew(25deg);
  -webkit-transform: skew(25deg);
  margin-left: 4px;
}
#header-login a:hover,
.greybox-nav a:hover {
  color: #fff;
  background-color: #cd6600;
}
nav.main-nav {
  z-index: 1999;
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
  background: url('../img/greygoo-nav-bg.png') top center repeat-x #161718;
  position: relative;
}
nav.main-nav .nav-top {
  border-bottom: solid 1px #000;
  height: 5px;
}
nav.main-nav .nav-bottom {
  border-top: solid 1px #484848;
  height: 5px;
}
nav.main-nav .nav-bottom.info {
  border-top: solid 1px #cd6600;
}
nav.main-nav .navbar-nav {
  margin: 0 -15px 7.5px;
}
@media (min-width: 768px) {
  nav.main-nav .navbar-nav {
    margin: 0;
  }
}
nav.main-nav.fixed {
  position: fixed;
  top: 0;
  width: 100%;
}
.navbar-goo {
  z-index: 1000;
  margin-bottom: 0;
}
.navbar-goo .navbar-header .navbar-brand {
  padding: 0;
  margin-top: 17px;
  width: 140px;
  margin-left: 10px;
}
@media (min-width: 768px) {
  .navbar-goo .navbar-header .navbar-brand {
    margin-left: 0;
    margin-top: 33px;
    margin-right: 0;
    padding: 0 0px 0 0;
    width: 100px;
  }
}
@media (min-width: 992px) {
  .navbar-goo .navbar-header .navbar-brand {
    margin-top: 29px;
    margin-right: 14px;
    width: 140px;
  }
}
.navbar-goo .navbar-header .navbar-toggle {
  max-height: 34px;
}
.navbar-goo .navbar-header .close-menu {
  color: #fff;
  font-size: 18px;
  position: relative;
  bottom: 5px;
}
.navbar-goo .navbar-collapse .navbar-nav > li {
  border-left: solid 1px #000000;
  border-right: solid 1px #252525;
  border-top: solid 1px #484848;
}
.navbar-goo .navbar-collapse .navbar-nav > li.mobile-login {
  padding: 0;
  margin-bottom: 15px;
  border-bottom: solid 1px #484848;
  z-index: 1;
  background: #000;
}
.navbar-goo .navbar-collapse .navbar-nav > li.mobile-login a {
  margin: auto 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.navbar-goo .navbar-collapse .navbar-nav > li.mobile-login .gb-login {
  max-width: 18px;
  position: relative;
  top: 2px;
}
.navbar-goo .navbar-collapse .navbar-nav > li a {
  padding: 30px 9px 26px;
  text-transform: uppercase;
  font-family: 'PlanerRegular';
  font-size: 14px;
  outline: none;
}
.navbar-goo .navbar-collapse .navbar-nav > li a img {
  vertical-align: top;
}
.navbar-goo .navbar-collapse .navbar-nav > li a:hover {
  background: transparent;
  text-shadow: 1px 0px 1px rgba(228, 122, 10, 0.3), -1px 0px 1px rgba(228, 122, 10, 0.3), -1px -1px 1px rgba(228, 122, 10, 0.3);
}
.navbar-goo .navbar-collapse .navbar-nav > li a:active {
  background: #000;
  text-shadow: 1px 0px 1px rgba(228, 122, 10, 0.3), -1px 0px 1px rgba(228, 122, 10, 0.3), -1px -1px 1px rgba(228, 122, 10, 0.3);
}
.navbar-goo .navbar-collapse .navbar-nav > li a:focus {
  background: transparent;
}
@media (min-width: 768px) {
  .navbar-goo .navbar-collapse .navbar-nav > li a {
    padding: 30px 5px 26px;
  }
}
@media (min-width: 992px) {
  .navbar-goo .navbar-collapse .navbar-nav > li a {
    padding: 30px 18px 26px;
  }
}
.navbar-goo .navbar-collapse .navbar-nav > li.divider-vertical {
  width: 7px;
  display: block;
  height: 77px;
}
.navbar-goo .navbar-collapse .navbar-nav > li.active > a {
  color: #cd6600;
  background: #000;
}
.navbar-goo .navbar-collapse .navbar-nav > li.active > a:hover {
  background: #000;
  text-shadow: none;
}
.navbar-goo .navbar-collapse .navbar-nav li.subnav-active > a:after {
  content: url('../img/subnav-arrow.png');
  position: absolute;
  left: 50%;
  bottom: -14px;
  margin-left: -11px;
  width: 25px;
  height: 14px;
  z-index: 3000;
}
.navbar-form {
  padding: 0;
}
.navbar-form button.btn-search {
  border-radius: 50%;
  background: #0e0e0e;
  border: solid 1px #262728;
  padding: 10px;
  margin: 10px 0 0 10px;
  width: 40px;
  height: 40px;
}
.navbar-form button.btn-search:before {
  content: "\e61d";
  font-family: 'gg2-fonts';
  color: #fff;
}
.navbar-form button.btn-search:hover:before {
  color: #cd6600;
}
.navbar-form button.btn-search:active:before,
.navbar-form button.btn-search:focus:before {
  color: #cd6600;
  text-shadow: 1px 0px 1px rgba(228, 122, 10, 0.3), -1px 0px 1px rgba(228, 122, 10, 0.3), -1px -1px 1px rgba(228, 122, 10, 0.3);
}
@media (min-width: 992px) {
  .navbar-form button.btn-search {
    margin: 10px 0 0 20px;
  }
}
@media (min-width: 992px) {
  .navbar-form {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .navbar-goo .navbar-collapse .navbar-right {
    margin-right: 0;
  }
}
.navbar-goo .navbar-collapse.in .btnnav {
  text-align: center;
}
.navbar-goo .navbar-collapse .navbar-nav a.btn-buynow {
  width: 98%;
}
@media (min-width: 768px) {
  .navbar-goo .navbar-collapse .navbar-nav a.btn-buynow {
    width: auto;
    margin-top: 22px;
  }
}
@media (max-width: 767px) {
  .navbar-goo .navbar-collapse .navbar-nav li > a {
    position: relative;
    padding: 15px 5px 15px 5px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 1px solid #141414;
    border-bottom: 1px solid #252525;
    text-transform: uppercase;
  }
  .navbar-goo .navbar-collapse .navbar-nav li > a .gboxlink {
    position: relative;
  }
  .navbar-goo .navbar-collapse .navbar-nav li > a .gboxlink:before {
    content: url('../img/greybox/greybox-bug.svg');
    position: absolute;
    top: -3px;
    left: -35px;
    width: 27px;
    height: 18px;
  }
  .navbar-goo .navbar-collapse .navbar-nav li > a:hover {
    border-top: 1px solid #141414;
    border-bottom: 1px solid #252525;
  }
  .navbar-goo .navbar-collapse .navbar-nav li.active > a {
    position: relative;
    border-left: 4px solid #cd6600;
    border-right: 4px solid transparent;
    border-top: 1px solid #141414;
    border-bottom: 1px solid #252525;
  }
}
.navbar-header .navbar-toggle .icon-bar {
  background: #fff;
}
.navbar-header .navbar-toggle .mobile-button {
  background: url('../img/mobile-button-close.png') 0 0 no-repeat;
  width: 24px;
  height: 24px;
}
.navbar-header .navbar-toggle.collapsed .mobile-button {
  background: url('../img/mobile-button-open.png') 0 0 no-repeat;
}
.navbar-goo .navbar-toggle:hover,
.navbar-goo .navbar-toggle:focus {
  background: transparent;
}
.navbar-goo .navbar-nav > li > a.external .ext-link {
  background: url('../img/icon-external-link.png') 0 0 no-repeat;
  width: 13px;
  height: 14px;
  margin-left: 3px;
  display: inline-block;
}
.navbar-goo .navbar-nav > li > a.external:hover .ext-link {
  background: url('../img/icon-external-link-hover.png') 0 0 no-repeat;
}
a.btn.btn-buynow {
  padding-top: 3px;
  padding-bottom: 3px;
}
.btn-buynow {
  color: #fff;
  position: relative;
  border: solid 1px #fda140;
  border-radius: 0;
  font-family: 'PlanerRegular', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 2px;
  white-space: normal;
  text-shadow: 1px 2px #5f2f00;
  padding: 10px 10px;
  margin-bottom: 3px;
  background: #fda323;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fda323 0%, #e47a0a 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fda323), color-stop(100%, #e47a0a));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fda323 0%, #e47a0a 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fda323 0%, #e47a0a 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fda323 0%, #e47a0a 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fda323 0%, #e47a0a 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fda323', endColorstr='#e47a0a', GradientType=0);
  /* IE6-9 */
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.btn-buynow .corner-tl,
.btn-buynow .corner-tr,
.btn-buynow .corner-bl,
.btn-buynow .corner-br {
  width: 11px;
  height: 11px;
  position: absolute;
}
.btn-buynow .corner-tl {
  top: 0;
  left: 0;
  background: url(../img/btn-buynow-sprite.png) left top no-repeat;
}
.btn-buynow .corner-tr {
  top: 0;
  right: 0;
  background: url(../img/btn-buynow-sprite.png) right top no-repeat;
}
.btn-buynow .corner-bl {
  bottom: 0;
  left: 0;
  background: url(../img/btn-buynow-sprite.png) left -19px no-repeat;
}
.btn-buynow .corner-br {
  bottom: 0;
  right: 0;
  background: url(../img/btn-buynow-sprite.png) right -19px no-repeat;
}
.btn-buynow:hover {
  color: #fff;
  border: solid 1px #fda140;
  text-shadow: 1px 1px 4px #fff;
}
.btn-buynow:hover .corner-tl {
  background-position: left -31px;
}
.btn-buynow:hover .corner-tr {
  background-position: right -31px;
}
.btn-buynow:hover .corner-bl {
  background-position: left -49px;
}
.btn-buynow:hover .corner-br {
  background-position: right -49px;
}
.btn-buynow:focus,
.btn-buynow:active {
  text-shadow: 0 -2px #cc6600;
  background: #e47a0a;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e47a0a 0%, #fda323 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e47a0a), color-stop(100%, #fda323));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e47a0a 0%, #fda323 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e47a0a 0%, #fda323 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e47a0a 0%, #fda323 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e47a0a 0%, #fda323 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47a0a', endColorstr='#fda323', GradientType=0);
  /* IE6-9 */
}
.btn-buynow:focus .corner-tl,
.btn-buynow:active .corner-tl {
  background-position: left -61px;
}
.btn-buynow:focus .corner-tr,
.btn-buynow:active .corner-tr {
  background-position: right -61px;
}
.btn-buynow:focus .corner-bl,
.btn-buynow:active .corner-bl {
  background-position: left -77px;
}
.btn-buynow:focus .corner-br,
.btn-buynow:active .corner-br {
  background-position: right -77px;
}
@media (min-width: 992px) {
  .btn-buynow {
    font-size: 16px;
    padding: 6px 23px;
  }
}
@media (min-width: 1200px) {
  .btn-buynow {
    font-size: 16px;
    padding: 6px 30px;
  }
}
.btn-black {
  color: #fff;
  position: relative;
  border: solid 1px #555555;
  border-radius: 0;
  font-family: 'PlanerRegular', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 2px;
  white-space: normal;
  text-shadow: 1px 2px #5f2f00;
  padding: 10px 10px;
  margin-bottom: 3px;
  background: #333333;
  /* Old browsers */
  background: -moz-linear-gradient(top, #333333 0%, #222222 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #333333 0%, #222222 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #333333 0%, #222222 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #333333 0%, #222222 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #333333 0%, #222222 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-dark', endColorstr='@gray-darker', GradientType=0);
  /* IE6-9 */
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.btn-black .corner-tl,
.btn-black .corner-tr,
.btn-black .corner-bl,
.btn-black .corner-br {
  width: 11px;
  height: 11px;
  position: absolute;
}
.btn-black .corner-tl {
  top: 0;
  left: 0;
  background: url(../img/btn-buynow-sprite.png) left top no-repeat;
}
.btn-black .corner-tr {
  top: 0;
  right: 0;
  background: url(../img/btn-buynow-sprite.png) right top no-repeat;
}
.btn-black .corner-bl {
  bottom: 0;
  left: 0;
  background: url(../img/btn-buynow-sprite.png) left -19px no-repeat;
}
.btn-black .corner-br {
  bottom: 0;
  right: 0;
  background: url(../img/btn-buynow-sprite.png) right -19px no-repeat;
}
.btn-black:hover {
  color: #fff;
  border: solid 1px #555555;
  text-shadow: 1px 1px 4px #fff;
}
.btn-black:hover .corner-tl {
  background-position: left -31px;
}
.btn-black:hover .corner-tr {
  background-position: right -31px;
}
.btn-black:hover .corner-bl {
  background-position: left -49px;
}
.btn-black:hover .corner-br {
  background-position: right -49px;
}
.btn-black:focus,
.btn-black:active {
  text-shadow: 0 -2px #333333;
  background: #222222;
  /* Old browsers */
  background: -moz-linear-gradient(top, #222222 0%, #333333 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #222222), color-stop(100%, #333333));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #222222 0%, #333333 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #222222 0%, #333333 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #222222 0%, #333333 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #222222 0%, #333333 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-darker', endColorstr='@gray-dark', GradientType=0);
  /* IE6-9 */
}
.btn-black:focus .corner-tl,
.btn-black:active .corner-tl {
  background-position: left -61px;
}
.btn-black:focus .corner-tr,
.btn-black:active .corner-tr {
  background-position: right -61px;
}
.btn-black:focus .corner-bl,
.btn-black:active .corner-bl {
  background-position: left -77px;
}
.btn-black:focus .corner-br,
.btn-black:active .corner-br {
  background-position: right -77px;
}
@media (min-width: 992px) {
  .btn-black {
    font-size: 16px;
    padding: 6px 30px;
  }
}
li.active #game-info-btn.nav-down-after,
li.subnav-active #game-info-btn.nav-down-after,
#game-info-btn.nav-down-after:hover {
  color: #cd6600;
}
li.active #game-info-btn.nav-down-after:hover,
li.subnav-active #game-info-btn.nav-down-after:hover,
#game-info-btn.nav-down-after:hover:hover {
  text-shadow: 1px 0px 1px rgba(228, 122, 10, 0.4), -1px 0px 1px rgba(228, 122, 10, 0.4), -1px -1px 1px rgba(228, 122, 10, 0.4);
}
li.active #game-info-btn.nav-down-after span,
li.subnav-active #game-info-btn.nav-down-after span,
#game-info-btn.nav-down-after:hover span {
  color: #cd6600;
}
#game-info-btn.nav-down-after span {
  margin-left: 4px;
  color: #fff;
  width: 10px;
  height: 10px;
}
#game-info-btn.nav-down-after span:before {
  font-family: gg2-fonts;
  content: "\e601";
  font-size: 10px;
}
#game-info-btn.nav-down-after span.up:before {
  content: "\e604";
}
div#characters.tab-pane .col-sm-5ths .thumbnail-box .content-wrapper {
  height: auto;
  overflow: hidden;
}
@media (min-width: 992px) {
  div#characters.tab-pane .col-sm-5ths .thumbnail-box .content-wrapper {
    height: 116px;
  }
}
#greygoo-footer {
  margin-top: 100px;
  background: url('../img/greygoo-footer-bg.jpg') top center repeat-x #161718;
  border-top: solid 1px #484848;
  border-bottom: solid 1px #000;
  font-family: 'kelson_sansregular';
}
#greygoo-footer .container {
  position: relative;
  padding-top: 45px;
  padding-bottom: 0px;
}
@media (min-width: 768px) {
  #greygoo-footer .container {
    padding-bottom: 45px;
  }
}
#greygoo-footer .greygoo-logo {
  max-width: 135px;
  margin-bottom: 25px;
}
#greygoo-footer h3 {
  text-transform: uppercase;
  font-family: 'kelson_sansregular';
  font-size: 14px;
  color: #fff;
  letter-spacing: 2px;
}
#greygoo-footer a.back-to-top {
  position: absolute;
  top: 0;
  right: 0;
}
#greygoo-footer .hr-dark {
  border-top: solid 1px #000;
  border-bottom: solid 1px #252525;
  height: 1px;
  display: block;
  margin: 30px 0;
}
#greygoo-footer a.back-to-top {
  font-family: 'PlanerRegular';
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1px;
  background: rgba(0, 0, 0, 0.8);
  color: #d2d2d2;
  border-bottom: solid 1px #028bdc;
  padding: 9px 8px;
  text-decoration: none;
}
#greygoo-footer a.back-to-top i {
  margin-right: 12px;
}
#greygoo-footer a.back-to-top:hover {
  color: #cd6600;
  background: #000;
}
#greygoo-footer ul.footer-ul {
  font-size: 12px;
  letter-spacing: 1px;
  margin: 0;
  padding: 0;
}
#greygoo-footer ul.footer-ul li {
  margin: 0 0 2px;
  padding: 0;
  list-style: none;
  font-siz: 12px;
  letter-spacing: 1px;
}
#greygoo-footer ul.footer-ul li a {
  color: #636363;
  display: block;
  text-decoration: none;
}
#greygoo-footer ul.footer-ul li a:hover {
  color: #cd6600;
}
#greygoo-footer .esrb-rating {
  font-size: 10px;
  color: #fff;
  letter-spacing: 2px;
}
#greygoo-footer .esrb-rating img {
  width: 51px;
  float: left;
  margin-right: 15px;
  margin-bottom: 16px;
}
#greygoo-footer .affiliate-logos {
  margin-top: 10px;
}
#greygoo-footer .affiliate-logos .col-xs-3 {
  padding-left: 1px;
  padding-right: 1px;
}
@media (min-width: 768px) {
  #greygoo-footer .affiliate-logos .col-xs-3 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
#greygoo-footer .affiliate-logos a.footer-logo {
  display: block;
  text-align: center;
  margin-bottom: 30px;
  opacity: 70;
  filter: alpha(opacity=7000);
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#greygoo-footer .affiliate-logos a.footer-logo img.img-responsive {
  max-height: 100px;
  display: inline-block;
}
#greygoo-footer .affiliate-logos a.footer-logo:hover {
  opacity: 100;
  filter: alpha(opacity=10000);
  opacity: 1;
  filter: alpha(opacity=100);
}
@media (min-width: 768px) {
  #greygoo-footer .affiliate-logos a.footer-logo {
    margin-bottom: 0;
  }
}
#greygoo-footer .stay-connected .col-xs-4 {
  padding-left: 5px;
  padding-right: 5px;
}
#greygoo-footer .stay-connected .col-xs-4 i {
  font-size: 26px;
}
#greybox-footer {
  border-top: solid 1px #252525;
  border-bottom: solid 1px #000;
  padding: 45px 0;
  color: #363636;
  background-color: #111111;
  font-size: 12px;
  letter-spacing: 2px;
}
#greybox-footer .greybox-logo {
  max-width: 135px;
  margin-bottom: 25px;
}
#greybox-footer h3 {
  text-transform: uppercase;
  font-family: PlanerRegular;
  font-size: 15px;
  color: #fff;
}
#greybox-footer .hr-dark {
  border-top: solid 1px #000;
  border-bottom: solid 1px #252525;
  height: 1px;
  display: block;
  margin: 30px 0;
}
#greybox-footer ul.footer-ul {
  font-family: Arial;
  font-size: 14px;
  letter-spacing: 0;
  margin: 0;
  padding: 0;
}
#greybox-footer ul.footer-ul li {
  margin: 0 0 2px;
  padding: 0;
  list-style: none;
}
#greybox-footer ul.footer-ul li a {
  color: #636363;
  display: block;
  text-decoration: none;
}
#greybox-footer ul.footer-ul li a:hover {
  color: #cd6600;
}
#greybox-footer .gbox-mobile-links {
  text-align: center;
  padding: 10px 0 30px;
}
#greybox-footer ul.gbox-mobile-links {
  margin: 0;
  padding: 0;
}
#greybox-footer ul.gbox-mobile-links li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#greybox-footer ul.gbox-mobile-links li a {
  display: block;
  text-align: center;
  padding: 16px 0;
}
#general-footer {
  border-top: solid 1px #252525;
  padding: 25px 0;
}
#general-footer .copyright {
  font-size: 12px;
  font-family: Arial;
  color: #363636;
  text-align: center;
}
@media (min-width: 768px) {
  #general-footer .copyright {
    text-align: inherit;
  }
}
#general-footer ul.mob-ul li > a {
  font-size: 12px;
  font-family: arial;
  font-weight: normal;
  color: #dedede;
}
#general-footer ul.mob-ul li > a:hover {
  color: #cd6600;
}
ul.mob-ul {
  margin: 20px 0 0;
  padding: 0;
}
ul.mob-ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  padding: 10px 0;
}
ul.mob-ul li a {
  display: block;
}
@media (min-width: 768px) {
  ul.mob-ul {
    margin: 0;
  }
  ul.mob-ul li {
    display: inline;
  }
  ul.mob-ul li a {
    display: inline;
    padding: 0 10px;
  }
  ul.mob-ul li:after {
    content: "|";
    right: 5px;
  }
  ul.mob-ul li:last-child:after {
    content: "";
  }
}
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.2.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2014 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.chosen-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  /*border: 1px solid #aaa;*/
  /*border-top: 0;*/
  background: rgba(0, 0, 0, 0.8);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 30px;
  border: 1px solid #2a2a2a;
  border-radius: 2px;
  background-color: #1c1c1c;
/*  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);*/
  background-clip: padding-box;
/*  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);*/
  color: #646464;
  text-decoration: none;
  white-space: nowrap;
  line-height: 28px;
}
.chosen-container-single .chosen-default {
  color: #646464;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('chosen/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
/*  background: url('chosen/chosen-sprite.png') no-repeat 0px 2px;*/
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: white url('chosen/chosen-sprite.png') no-repeat 100% -20px;
  background: url('chosen/chosen-sprite.png') no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-single .chosen-drop {
  margin-top: 0;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #fff;
  font-size:12px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 0;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 15px 10px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
  border-bottom:solid 1px #252525;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  /*background-color: #3875d7;*/
/*  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);*/
  color: #cd6600;
}
.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('chosen/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  /*border: 1px solid #5897fb;*/
  /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);*/
}
.chosen-container-active.chosen-with-drop .chosen-single {
/*  border: 1px solid #aaa;*/
/*  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;*/
/*  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  box-shadow: 0 1px 0 #fff inset;*/
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  /*background-position: -18px 2px;*/
}
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url('chosen/chosen-sprite.png') no-repeat -30px -20px;
  background: url('chosen/chosen-sprite.png') no-repeat -30px -20px;
  direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url('chosen-sprite@2x.png') !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
/* @end */

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
#cboxWrapper {
  max-width: none;
  border: solid 1px #656565;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #000;
  opacity: 0.9;
}
#colorbox {
  outline: 0;
}
#cboxContent {
  background: #000;
}
.cboxIframe {
  background: #fff;
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxLoadedContent {
  border: 10px solid #000;
  background: #fff;
}
#cboxTitle {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  color: #ccc;
  font-family: PlanerRegular;
  font-size: 10px;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
}
#cboxCurrent {
  position: absolute;
  top: 13px;
  left: 20px;
  text-align: right;
  color: #ccc;
  font-family: PlanerRegular;
  font-size: 10px;
  text-transform: uppercase;
}
#cboxLoadingGraphic {
  background: url(colorbox/images/loading.gif) no-repeat center center;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}
#cboxSlideshow {
  position: absolute;
  top: -20px;
  right: 90px;
  color: #fff;
}
#cboxPrevious {
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -32px;
  background: url('../img/greygoo-nav-bg.png') 125px -10px;
  width: 50px;
  height: 50px;
  border-right: solid 1px #fff;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
  -webkit-transition: all 0.9s;
  -moz-transition: all 0.9s;
  -ms-transition: all 0.9s;
  -o-transition: all 0.9s;
  transition: all 0.9s;
}
#cboxPrevious:before {
  content: "\e602";
  font-family: gg2-fonts;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 13px;
  left: 16px;
}
#cboxPrevious:hover:before {
  color: #cd6600;
}
#cboxPrevious:hover {
  border-color: #cd6600;
}
#cboxPrevious:hover {
  background-position: bottom left;
}
#cboxNext {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -32px;
  background: url('../img/greygoo-nav-bg.png') 125px -10px;
  width: 50px;
  height: 50px;
  border-left: solid 1px #fff;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
  -webkit-transition: all 0.9s;
  -moz-transition: all 0.9s;
  -ms-transition: all 0.9s;
  -o-transition: all 0.9s;
  transition: all 0.9s;
}
#cboxNext:before {
  content: "\e603";
  font-family: gg2-fonts;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 13px;
  right: 16px;
}
#cboxNext:hover:before {
  color: #cd6600;
}
#cboxNext:hover {
  border-color: #cd6600;
}
#cboxNext:hover {
  background-position: bottom right;
}
#cboxClose {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  font-family: gg2-fonts;
  background: url('../img/greygoo-nav-bg.png') 125px -10px;
  width: 50px;
  height: 50px;
  border-left: solid 1px #028bdc;
  border-bottom: solid 1px #028bdc;
  -webkit-transition: all 0.9s;
  -moz-transition: all 0.9s;
  -ms-transition: all 0.9s;
  -o-transition: all 0.9s;
  transition: all 0.9s;
}
#cboxClose:after {
  content: "\e61c";
  font-family: gg2-fonts;
  font-size: 14px;
  color: #fff;
  position: absolute;
  top: 13px;
  left: 18px;
}
#cboxClose:hover:after {
  color: #cd6600;
}
#cboxClose:hover {
  border-color: #cd6600;
}
#cboxClose:hover {
  background-position: bottom center;
}
@-ms-viewport {
  width: device-width;
}
iframe[name="google_conversion_frame"] {
  position: absolute;
}
body {
  letter-spacing: 2px;
  background-repeat: no-repeat;
  background-position: center 64px;
  background-size: 240% auto;
}
body.black {
  background-color: #000;
}
@media (min-width: 768px) {
  body {
    background-position: center 130px;
    background-size: auto;
  }
}
a:hover {
  text-decoration: none;
}
.center-block {
  float: none;
}
.no-margin-top {
  margin-top: 0;
}
.no-margin-bottom {
  margin-bottom: 0;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #3e3e3e;
}
.tooltip.left .tooltip-inner {
  background: #111111;
  border: solid 1px #3e3e3e;
  word-break: break-word;
}
.tooltip.bottom .tooltip-inner {
  word-break: break-word;
}
.inline-head {
  display: inline-block;
}
.center {
  text-align: center;
}
.title-blue {
  color: #028bdc;
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
.col-xs-5ths {
  width: 20%;
  float: left;
}
@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
  }
}
article {
  margin-bottom: 20px;
}
article a.news-thumb {
  position: relative;
  margin-bottom: 10px;
  display: block;
  border: solid 1px #242524;
  padding: 8px;
}
article a.news-thumb .content-wrapper {
  position: relative;
}
article a.news-thumb:hover {
  border: solid 1px #cd6600;
}
article a.news-thumb .timestamp {
  position: absolute;
  font-size: 10px;
  font-family: 'PlanerRegular';
  text-align: right;
  width: 65px;
  color: #dedede;
  padding: 5px;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
}
@media (min-width: 768px) {
  article a.news-thumb {
    margin-bottom: 0;
  }
}
article a.news-title {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 15px;
  display: block;
}
article a.news-title:hover {
  text-decoration: none;
  text-shadow: 1px 0px 1px rgba(228, 122, 10, 0.3), -1px 0px 1px rgba(228, 122, 10, 0.3), -1px -1px 1px rgba(228, 122, 10, 0.3);
}
article .news-info-bar {
  margin-bottom: 25px;
}
article .news-blurb {
  letter-spacing: 1px;
  color: #92c1dd;
}
ul.goo2-pagination li a {
  color: #fff;
  font-size: 12px;
  border: none;
  padding: 15px 5px;
  border-bottom: solid 3px #000;
  background: #000000;
  /* Old browsers */
  background: -moz-linear-gradient(top, #000000 0%, #252525 1%, #111111 2%, #000000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(1%, #252525), color-stop(2%, #111111), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #000000 0%, #252525 1%, #111111 2%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #000000 0%, #252525 1%, #111111 2%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #000000 0%, #252525 1%, #111111 2%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #000000 0%, #252525 1%, #111111 2%, #000000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
}
ul.goo2-pagination li a:hover {
  color: #cd6600;
  background-color: #000;
  border: none;
  border-bottom: solid 3px #028bdc;
}
ul.goo2-pagination li a.btn-buynow {
  font-size: 13px;
  color: #fff;
  padding: 16px 10px 15px;
  border: none;
  background: #fda323;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fda323 0%, #e47a0a 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fda323), color-stop(100%, #e47a0a));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fda323 0%, #e47a0a 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fda323 0%, #e47a0a 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fda323 0%, #e47a0a 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fda323 0%, #e47a0a 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fda323', endColorstr='#e47a0a', GradientType=0);
  /* IE6-9 */
}
ul.goo2-pagination li a.btn-buynow.prev {
  margin-right: 5px;
}
ul.goo2-pagination li a.btn-buynow.next {
  margin-left: 5px;
}
@media (min-width: 768px) {
  ul.goo2-pagination li a {
    padding: 15px 15px;
  }
  ul.goo2-pagination li abtn-buynow {
    padding: 16px 28px 15px;
  }
}
ul.goo2-pagination li.disabled a {
  color: #666;
  border-bottom: solid 3px #000;
}
ul.goo2-pagination li.disabled a:hover {
  color: #666;
  border-bottom: solid 3px #000;
}
ul.goo2-pagination li.disabled a.btn-buynow {
  color: #666;
  background: #333;
  text-shadow: none;
}
ul.goo2-pagination li.disabled a.btn-buynow .corner-tl,
ul.goo2-pagination li.disabled a.btn-buynow .corner-tr,
ul.goo2-pagination li.disabled a.btn-buynow .corner-bl,
ul.goo2-pagination li.disabled a.btn-buynow .corner-br {
  display: none;
}
ul.goo2-pagination li.disabled a.btn-buynow:hover {
  text-shadow: none;
}
a.thumbnail-box {
  display: block;
  position: relative;
  border: solid 1px transparent;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 10px;
  border: solid 1px #242524;
  padding: 8px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
a.thumbnail-box.units-container {
  max-height: 179px;
}
a.thumbnail-box .content-wrapper {
  position: relative;
  min-height: 100px;
  background: #030303;
}
a.thumbnail-box .content-wrapper .thumbnail-title {
  position: absolute;
  width: 100%;
  bottom: 0;
  background: url('../img/box-title-bg.jpg') 0 0 repeat;
  max-height: 166px;
  overflow: hidden;
}
a.thumbnail-box .content-wrapper .thumbnail-title.marker:before {
  content: "";
  width: 1px;
  height: 52px;
  background: #252525;
  position: absolute;
  right: 52px;
  bottom: 0px;
}
a.thumbnail-box .content-wrapper .thumbnail-title.marker:after {
  content: ">>";
  font-size: 18px;
  position: absolute;
  right: 16px;
  bottom: 14px;
}
a.thumbnail-box.mini {
  font-size: 11px;
}
a.thumbnail-box.mini .thumbnail-title {
  padding: 10px 15px;
}
a.thumbnail-box.mini .thumbnail-title.marker:before {
  right: 42px;
}
a.thumbnail-box.mini .thumbnail-title.marker:after {
  font-size: 14px;
  right: 12px;
  bottom: 10px;
}
a.thumbnail-box.image-zoom:before,
a.thumbnail-box.wallpaper-zoom:before,
a.thumbnail-box.zoom:before {
  content: "\e61d";
  color: #909397;
  font-family: 'gg2-fonts';
  font-size: 26px;
  padding: 8px 14px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 100%;
  position: absolute;
  z-index: 10;
  right: 14px;
  top: 14px;
}
a.thumbnail-box.video-zoom:before,
a.thumbnail-box.youtube-zoom:before,
a.thumbnail-box.zoom:before,
a.thumbnail-box.image-zoom:before,
a.thumbnail-box.wallpaper-zoom:before,
a.thumbnail-box.video-zoom:after,
a.thumbnail-box.youtube-zoom:after,
a.thumbnail-box.zoom:after,
a.thumbnail-box.image-zoom:after,
a.thumbnail-box.wallpaper-zoom:after {
  display: none;
}
@media (min-width: 768px) {
  a.thumbnail-box.video-zoom:before,
  a.thumbnail-box.youtube-zoom:before,
  a.thumbnail-box.zoom:before,
  a.thumbnail-box.image-zoom:before,
  a.thumbnail-box.wallpaper-zoom:before,
  a.thumbnail-box.video-zoom:after,
  a.thumbnail-box.youtube-zoom:after,
  a.thumbnail-box.zoom:after,
  a.thumbnail-box.image-zoom:after,
  a.thumbnail-box.wallpaper-zoom:after {
    display: block;
  }
}
a.thumbnail-box.image-zoom-sm:before,
a.thumbnail-box.wallpaper-zoom-sm:before,
a.thumbnail-box.zoom-sm:before {
  content: "\e61d";
  color: #909397;
  font-family: 'gg2-fonts';
  font-size: 14px;
  padding: 5px 9px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 100%;
  position: absolute;
  z-index: 10;
  right: 8px;
  top: 8px;
  display: none;
}
@media (min-width: 768px) {
  a.thumbnail-box.image-zoom-sm:before,
  a.thumbnail-box.wallpaper-zoom-sm:before,
  a.thumbnail-box.zoom-sm:before {
    display: block;
  }
}
a.thumbnail-box.video-zoom-sm:before,
a.thumbnail-box.youtube-zoom-sm:before,
a.thumbnail-box.image-zoom-sm:before,
a.thumbnail-box.wallpaper-zoom-sm:before,
a.thumbnail-box.video-zoom-sm:after,
a.thumbnail-box.youtube-zoom-sm:after,
a.thumbnail-box.image-zoom-sm:after,
a.thumbnail-box.wallpaper-zoom-sm:after {
  display: none;
}
@media (min-width: 768px) {
  a.thumbnail-box.video-zoom-sm:before,
  a.thumbnail-box.youtube-zoom-sm:before,
  a.thumbnail-box.image-zoom-sm:before,
  a.thumbnail-box.wallpaper-zoom-sm:before,
  a.thumbnail-box.video-zoom-sm:after,
  a.thumbnail-box.youtube-zoom-sm:after,
  a.thumbnail-box.image-zoom-sm:after,
  a.thumbnail-box.wallpaper-zoom-sm:after {
    display: block;
  }
}
a.thumbnail-box.zoom.multi:before {
  content: "\e65a";
}
a.thumbnail-box.video-zoom:after,
a.thumbnail-box.youtube-zoom:after,
a.thumbnail-box.play:after {
  content: "\e603";
  color: #909397;
  font-family: 'gg2-fonts';
  font-size: 26px;
  line-height: 26px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 24px;
  height: 27px;
  z-index: 10;
}
a.thumbnail-box.video-zoom:before,
a.thumbnail-box.youtube-zoom:before,
a.thumbnail-box.play:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 80px;
  height: 80px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  z-index: 5;
}
a.thumbnail-box:hover {
  border: solid 1px #cd6600;
  text-shadow: 1px 0px 1px rgba(228, 122, 10, 0.3), -1px 0px 1px rgba(228, 122, 10, 0.3), -1px -1px 1px rgba(228, 122, 10, 0.3);
}
a.thumbnail-box:hover.image-zoom:before,
a.thumbnail-box:hover.wallpaper-zoom:before,
a.thumbnail-box:hover.zoom:before {
  color: #fff;
}
a.thumbnail-box:hover.image-zoom-sm:before,
a.thumbnail-box:hover.wallpaper-zoom-sm:before,
a.thumbnail-box:hover.zoom-sm:before {
  color: #fff;
}
a.thumbnail-box:hover.video-zoom:before,
a.thumbnail-box:hover.youtube-zoom:before,
a.thumbnail-box:hover.play:before {
  color: #fff;
}
a.thumbnail-box.disabled:hover,
a.thumbnail-box.disabled:focus {
  border: solid 1px transparent;
  cursor: default;
  -webkit-transition: all 8.5s;
  -moz-transition: all 8.5s;
  -ms-transition: all 8.5s;
  -o-transition: all 8.5s;
  transition: all 8.5s;
}
a.thumbnail-box.disabled:hover .thumbnail-title,
a.thumbnail-box.disabled:focus .thumbnail-title {
  color: #fff;
}
.top-wrapper {
  position: relative;
}
.top-wrapper#first-top-wrapper {
  margin-top: 63px;
}
@media (min-width: 768px) {
  .top-wrapper#first-top-wrapper {
    margin-top: 0;
  }
}
.breadcrumb-wrapper {
  background: url(../img/breadcrumb-wrapper-bg.png) top center repeat-x;
  min-height: 7px;
  z-index: 800;
  display: none;
}
@media (min-width: 768px) {
  .breadcrumb-wrapper {
    display: block;
  }
}
.breadcrumb-wrapper ul.breadcrumb {
  font-size: 12px;
  font-family: 'kelson_sanslight';
  color: #cd6600;
  margin: 0;
  padding: 3px 19px 0 19px;
  height: 32px;
  position: relative;
  display: inline-block;
  background: url(../img/breadcrumb-tab-bg.png) repeat-x;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 90%;
  text-transform: uppercase;
}
.breadcrumb-wrapper ul.breadcrumb li {
  padding: 5px 0;
  display: inline-block;
  max-width: 256px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.breadcrumb-wrapper ul.breadcrumb li:before {
  color: #636363;
  content: ">>";
}
.breadcrumb-wrapper ul.breadcrumb li:first-child:before {
  content: "";
}
.breadcrumb-wrapper ul.breadcrumb li > a {
  color: #fff;
  text-decoration: underline;
}
.breadcrumb-wrapper ul.breadcrumb li > a:hover {
  color: #cd6600;
}
@media (min-width: 768px) {
  .breadcrumb-wrapper ul.breadcrumb {
    position: absolute;
    z-index: 800;
    top: 0;
    max-width: 72%;
  }
  .breadcrumb-wrapper ul.breadcrumb:before {
    content: url(../img/breadcrumb-tab-bg-left.png);
    position: absolute;
    left: -10px;
    top: 0;
  }
  .breadcrumb-wrapper ul.breadcrumb:after {
    content: url(../img/breadcrumb-tab-bg-right.png);
    position: absolute;
    right: -9px;
    top: 0;
  }
}
@media (min-width: 992px) {
  .breadcrumb-wrapper ul.breadcrumb {
    max-width: 90%;
  }
}
@media (min-width: 992px) {
  .breadcrumb-wrapper ul.breadcrumb {
    max-width: 78%;
  }
}
.search-container {
  position: relative;
}
.search-wrapper {
  position: absolute;
  z-index: 900;
  top: 0;
  right: 15px;
}
.search-wrapper .search-form {
  background: #010101;
  font-size: 12px;
  font-family: 'kelson_sanslight';
  color: #fff;
  margin-bottom: 0;
  padding: 13px 20px;
  text-align: right;
}
.search-wrapper .search-form .form-control {
  width: 225px;
  font-size: 12px;
  display: inline-block;
  background: #010101;
  border-bottom: solid 1px #414141;
  border-radius: 0;
  border-top: none;
  border-left: none;
  border-right: none;
  margin-right: 10px;
}
.search-wrapper .search-form .form-control:focus {
  color: #dfdfdf;
}
.search-wrapper .search-form .btn-target {
  padding: 8px 40px;
  font-size: 12px;
}
.search-wrapper .search-form .search-close {
  cursor: pointer;
}
.search-wrapper .search-form .search-close i {
  margin-top: 10px;
  font-size: 16px;
  margin-left: 20px;
}
.search-wrapper .search-form .search-close i:hover {
  color: #cd6600;
}
.dropdown-dark {
  margin: 0 0 10px;
  position: relative;
}
.dropdown-dark button.btn-darkdrop {
  font-size: 10px;
  color: #646464;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 5px 25px 5px 10px;
  background: #1c1c1c;
  border-radius: 4px;
  border: 1px solid #2a2a2a;
  position: relative;
}
.dropdown-dark button.btn-darkdrop:focus {
  text-decoration: none;
}
.dropdown-dark button.btn-darkdrop:after {
  content: "\e601";
  font-family: 'gg2-fonts';
  color: #fff;
  position: absolute;
  right: 8px;
  top: 4px;
}
.dropdown-dark.open button.btn-darkdrop:after {
  content: "\e604";
}
.dropdown-dark ul.dropdown-menu {
  font-size: 12px;
  background-color: rgba(0, 0, 0, 0.8);
  overflow: auto;
  overflow-x: hidden;
  height: 400px;
  /* arbitrary - adjust as needed */
}
.dropdown-dark ul.dropdown-menu li {
  border-bottom: solid 1px #252525;
  min-width: 260px;
}
.dropdown-dark ul.dropdown-menu li a {
  color: #fefffa;
  padding: 8px 20px;
}
.dropdown-dark ul.dropdown-menu li a:hover {
  color: #cd6600;
  background: transparent;
}
@media (min-width: 768px) {
  .dropdown-dark {
    margin: 0;
  }
}
.carousel-nav {
  background: url('../img/greygoo-nav-bg.png') 125px -10px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  height: 50px;
  width: 50px;
  margin-top: -25px;
  z-index: 100;
  display: none;
  -webkit-transition: all 0.9s;
  -moz-transition: all 0.9s;
  -ms-transition: all 0.9s;
  -o-transition: all 0.9s;
  transition: all 0.9s;
}
.carousel-nav i {
  font-size: 26px;
  color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 12px;
  left: 10px;
}
.carousel-nav:hover.left-button {
  border-color: #cd6600;
}
.carousel-nav:hover.right-button {
  border-color: #cd6600;
}
.carousel-nav:hover i {
  color: #cd6600;
}
.carousel-nav.left-button {
  border-right: solid 1px #fff;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
  left: 0;
}
.carousel-nav.right-button {
  border-left: solid 1px #fff;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
  right: 0;
}
@media (min-width: 992px) {
  .carousel-nav {
    display: block;
  }
}
@media (min-width: 992px) {
  .carousel-nav {
    display: block;
  }
}
.prev-next {
  margin-bottom: 40px;
}
a.article-nav {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: url('../img/greygoo-nav-bg.png') 0 -10px;
  border: 1px solid #fff;
  font-size: 11px;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
}
a.article-nav span {
  font-size: 11px;
}
a.article-nav span.color {
  color: #636363;
}
a.article-nav:hover {
  color: #cd6600;
  border: 1px solid #cd6600;
}
a.article-nav:hover:before {
  background: #cd6600;
  font-size: 11px;
  color: #fff;
}
a.article-nav:before {
  width: 34px;
  text-align: center;
  font-size: 11px;
  font-family: gg2-fonts;
  padding-top: 10px;
  padding-bottom: 10px;
}
a.article-nav.prev {
  padding-left: 45px;
  padding-right: 10px;
}
a.article-nav.prev:before {
  position: absolute;
  top: 0;
  left: 0;
  border-right: 1px solid #fff;
  content: "\e612";
}
a.article-nav.prev:hover:before {
  float: left;
  border-right: 1px solid #cd6600;
}
a.article-nav.next {
  padding-left: 10px;
  padding-right: 45px;
  text-align: right;
}
a.article-nav.next:before {
  position: absolute;
  top: 0;
  right: 0;
  border-left: 1px solid #fff;
  content: "\e60e";
}
a.article-nav.next:hover:before {
  float: right;
  border-left: 1px solid #cd6600;
}
.back-wrapper {
  padding: 20px 0;
}
a.back-to-top {
  font-family: 'PlanerRegular';
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1px;
  background: rgba(0, 0, 0, 0.8);
  color: #d2d2d2;
  border-bottom: solid 1px #028bdc;
  padding: 9px 8px;
}
a.back-to-top i {
  margin-right: 12px;
}
a.back-to-top:hover {
  color: #cd6600;
  background: #000;
}
.blockquote-wrapper {
  background: #000;
  margin: 50px 0;
}
.blockquote-wrapper blockquote {
  border-left: none;
  color: #028bdc;
  font-size: 36px;
  padding: 6px 0;
  position: relative;
  margin: 40px 0 0 0;
}
.blockquote-wrapper blockquote:before {
  content: "\201C";
}
.blockquote-wrapper blockquote:after {
  content: "\201D";
}
.blockquote-wrapper span {
  color: #666;
  font-size: 28px;
  display: block;
  margin: 0 0 40px 0;
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2000;
  background-color: rgba(0, 0, 0, 0.8);
}
/* just some content with arbitrary styles for explanation purposes */
.carousel-modal {
  border: solid 1px #666;
  width: 700px;
  height: 480px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -240px;
  margin-left: -350px;
  background-color: #000;
  z-index: 2011;
  /* 1px higher than the overlay layer */
}
.carousel-modal .contianer .carousel-modal-image {
  position: relative;
  margin: 10px;
}
.carousel-modal .contianer .carousel-modal-image .btn-close {
  width: 30px;
  height: 30px;
  background: #000;
  position: absolute;
  border-left: solid 1px #028bdc;
  top: 0;
  right: 0;
}
.carousel-modal .contianer .carousel-modal-image .btn-close:after {
  content: "\e61c";
  font-family: gg2-fonts;
  font-size: 11px;
  color: #fff;
  position: absolute;
  top: 7px;
  left: 9px;
}
.carousel-modal .contianer .carousel-modal-image .carousel-nav {
  width: 30px;
  height: 30px;
}
.carousel-modal .contianer .download-controls {
  width: 310px;
  margin: 0 auto;
  margin-top: 14px;
}
.carousel-modal .contianer .download-controls .select-wrapper {
  width: 200px;
  display: inline-block;
}
.carousel-modal .contianer .download-controls .button-wrapper {
  width: 100px;
  display: inline-block;
}
.media-thumb.video:before,
.playable.video:before,
.media-thumb.youtube:before,
.playable.youtube:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 80px;
  height: 80px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  z-index: 5;
}
.media-thumb.video:after,
.playable.video:after,
.media-thumb.youtube:after,
.playable.youtube:after {
  content: "\e603";
  color: #909397;
  font-family: 'gg2-fonts';
  font-size: 26px;
  line-height: 26px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 24px;
  height: 27px;
  z-index: 10;
}
.media-thumb:hover.video,
.playable:hover.video,
.media-thumb:hover.youtube,
.playable:hover.youtube {
  cursor: pointer;
}
.media-thumb:hover.video:before,
.playable:hover.video:before,
.media-thumb:hover.youtube:before,
.playable:hover.youtube:before {
  transition: all 0.9s;
  background: #000000;
}
.media-thumb:hover.video:after,
.playable:hover.video:after,
.media-thumb:hover.youtube:after,
.playable:hover.youtube:after {
  transition: all 1.5s;
  color: #cd6600;
}
.media-thumb.image:before,
.playable.image:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 80px;
  height: 80px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  z-index: 5;
}
.media-thumb.image:after,
.playable.image:after {
  content: "\e61d";
  color: #909397;
  font-family: 'gg2-fonts';
  font-size: 26px;
  line-height: 26px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 24px;
  height: 27px;
  z-index: 10;
}
.playable {
  visibility: visible;
}
.playable.video:before,
.playable.youtube:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 88px;
  height: 88px;
  margin: auto;
  padding: 34px;
}
@media (min-width: 768px) {
  .playable.video:before,
  .playable.youtube:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 88px;
    height: 88px;
    padding: 34px;
  }
}
@media (min-width: 992px) {
  .playable.video:before,
  .playable.youtube:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 88px;
    height: 88px;
    padding: 34px;
  }
}
@media (min-width: 1200px) {
  .playable.video:before,
  .playable.youtube:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 88px;
    height: 88px;
    padding: 34px;
  }
}
.game-info-subnav {
  position: absolute;
  top: 125px;
  background: url('../img/game-info-subnav-bg.png') bottom center repeat-x #111111;
  width: 100%;
  min-height: 400px;
  z-index: 1980;
  padding: 0;
  border-bottom: solid 1px #484848;
  border-top: solid 1px #cd6600;
}
.game-info-subnav .main-block {
  background: rgba(0, 0, 0, 0.2);
  padding: 0px 0 0px;
}
.game-info-subnav .link-block {
  padding: 25px 0 25px;
}
.game-info-subnav #nav-col {
  padding-top: 20px;
  padding-bottom: 20px;
}
.game-info-subnav #content-col {
  padding-top: 20px;
  padding-bottom: 20px;
}
.game-info-subnav ul.nav-tabs.gi-subnav {
  border-bottom: 0;
}
.game-info-subnav ul.nav-tabs.gi-subnav > li {
  float: none;
}
.game-info-subnav ul.nav-tabs.gi-subnav > li:hover {
  background-color: transparent;
  border-color: transparent;
}
.game-info-subnav ul.nav-tabs.gi-subnav > li.active > a {
  background: #000;
  border-color: transparent;
  color: #cd6600;
  border-radius: 0;
}
.game-info-subnav ul.nav-tabs.gi-subnav > li.active > a:hover {
  background: #000;
}
.game-info-subnav ul.nav-tabs.gi-subnav > li a {
  font-family: PlanerRegular;
  font-size: 20px;
  text-transform: uppercase;
  display: block;
  padding: 6px 5px;
}
.game-info-subnav ul.nav-tabs.gi-subnav > li a:hover {
  background: transparent;
  border-color: transparent;
}
.game-info-subnav ul.transparent {
  margin: 15px 0 0;
  padding: 0;
  border-bottom: solid 1px #252525;
}
.game-info-subnav ul.transparent li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.game-info-subnav ul.transparent li a {
  display: block;
  font-size: 14px;
  font-family: kelson_sanslight;
  padding: 10px 20px 10px 60px;
  border-bottom: solid 1px #000;
  border-top: solid 1px #252525;
  text-transform: uppercase;
  position: relative;
}
.game-info-subnav ul.transparent li a:hover {
  background: #000;
}
.game-info-subnav ul.transparent li a:before {
  content: "\e60d";
  font-family: 'gg2-fonts';
  font-size: 20px;
  position: absolute;
  left: 16px;
  top: 7px;
}
.game-info-subnav ul.transparent li a.beta-units:before {
  content: "\e633";
}
.game-info-subnav ul.transparent li a.beta-structures:before {
  content: "\e632";
}
.game-info-subnav ul.transparent li a.goo-units:before {
  content: "\e636";
}
.game-info-subnav ul.transparent li a.goo-structures:before {
  content: "\e635";
}
.game-info-subnav ul.transparent li a.human-units:before {
  content: "\e639";
}
.game-info-subnav ul.transparent li a.human-structures:before {
  content: "\e638";
}
.game-info-subnav ul.transparent li a.shroud-units:before {
  content: "\e671";
}
.game-info-subnav ul.transparent li a.shroud-structures:before {
  content: "\e670";
}
.game-info-subnav ul.transparent li a.faction-trees:before {
  content: "\e647";
}
.game-info-subnav a.info-faction-box {
  display: block;
  position: relative;
  border: solid 1px transparent;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 10px;
}
.game-info-subnav a.info-faction-box .icon {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 60px;
}
.game-info-subnav a.info-faction-box .title {
  background: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  font-family: kelson_sanslight;
  font-weight: 400;
  padding: 12px 16px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: solid 1px #252525;
}
.game-info-subnav a.info-faction-box .title i {
  font-size: 20px;
  line-height: 20px;
  margin-right: 20px;
  border-right: solid 1px #252525;
  padding: 10px 20px;
}
.game-info-subnav a.info-faction-box .title:before {
  content: "";
  width: 1px;
  height: 52px;
  background: #252525;
  position: absolute;
  right: 52px;
  bottom: 0px;
}
.game-info-subnav a.info-faction-box .title:after {
  content: ">>";
  font-size: 18px;
  position: absolute;
  right: 16px;
  bottom: 14px;
}
.game-info-subnav a.info-faction-box .title:hover {
  background: #000;
}
.game-info-subnav a.info-faction-box:hover {
  border: solid 1px #cd6600;
  text-shadow: 1px 0px 1px rgba(228, 122, 10, 0.3), -1px 0px 1px rgba(228, 122, 10, 0.3), -1px -1px 1px rgba(228, 122, 10, 0.3);
}
@media (min-width: 768px) {
  .game-info-subnav a.info-faction-box {
    margin-bottom: 0;
  }
}
.game-info-subnav a.thumbnail-box {
  font-size: 12px;
  margin-bottom: 15px;
}
.game-info-subnav a.thumbnail-box .thumbnail-title {
  padding: 8px 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.game-info-subnav a.thumbnail-box .thumbnail-title.marker:before {
  content: "";
  width: 1px;
  height: 52px;
  background: #000;
  position: absolute;
  right: 36px;
  bottom: 0px;
}
.game-info-subnav a.thumbnail-box .thumbnail-title.marker:after {
  content: ">>";
  font-size: 16px;
  position: absolute;
  right: 10px;
  bottom: 5px;
}
@media (min-width: 768px) {
  .game-info-subnav a.thumbnail-box .thumbnail-title.marker:before {
    content: "";
    width: 1px;
    height: 52px;
    background: transparent;
    position: absolute;
    right: 36px;
    bottom: 0px;
  }
  .game-info-subnav a.thumbnail-box .thumbnail-title.marker:after {
    content: "";
    font-size: 16px;
    position: absolute;
    right: 10px;
    bottom: 5px;
  }
}
@media (min-width: 992px) {
  .game-info-subnav a.thumbnail-box .thumbnail-title.marker:before {
    content: "";
    width: 1px;
    height: 52px;
    background: #000;
    position: absolute;
    right: 36px;
    bottom: 0px;
  }
  .game-info-subnav a.thumbnail-box .thumbnail-title.marker:after {
    content: ">>";
    font-size: 16px;
    position: absolute;
    right: 10px;
    bottom: 5px;
  }
}
.game-info-subnav a.thumbnail-box .thumbnail-title.marker-gf:before {
  content: "";
  width: 1px;
  height: 64px;
  background: #000;
  position: absolute;
  right: 36px;
  bottom: 0px;
}
.game-info-subnav a.thumbnail-box .thumbnail-title.marker-gf:after {
  content: ">>";
  font-size: 16px;
  position: absolute;
  right: 10px;
  bottom: 13px;
}
@media (min-width: 768px) {
  .game-info-subnav a.thumbnail-box .thumbnail-title.marker-gf:before {
    content: "";
    width: 0px;
    height: 52px;
    background: transparent;
    position: absolute;
    right: 36px;
    bottom: 0px;
  }
  .game-info-subnav a.thumbnail-box .thumbnail-title.marker-gf:after {
    content: "";
    font-size: 16px;
    position: absolute;
    right: 10px;
    bottom: 13px;
  }
}
@media (min-width: 1200px) {
  .game-info-subnav a.thumbnail-box .thumbnail-title.marker-gf:before {
    content: "";
    width: 1px;
    height: 52px;
    background: #000;
    position: absolute;
    right: 36px;
    bottom: 0px;
  }
  .game-info-subnav a.thumbnail-box .thumbnail-title.marker-gf:after {
    content: ">>";
    font-size: 16px;
    position: absolute;
    right: 10px;
    bottom: 13px;
  }
}
@media (min-width: 992px) {
  .game-info-subnav a.thumbnail-box .thumbnail-title {
    padding: 8px 15px;
  }
  .game-info-subnav a.thumbnail-box .thumbnail-title.thumbnail-box-game-features {
    padding: 18px 15px 12px;
  }
}
.game-info-subnav #content-col {
  border-left: solid 1px #333;
}
.game-info-subnav .coming-soon-nav {
  position: relative;
  width: 100%;
  height: 323px;
  text-align: center;
}
.game-info-subnav .coming-soon-nav img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.game-features-nav {
  width: 21.667%;
}
.rec-pos {
  position: relative;
  top: 3px;
  padding-right: 10px;
}
.news-carousel {
  position: relative;
}
.news-carousel .news-carousel-navholder {
  min-height: 430px;
  position: absolute;
  width: 100%;
}
.news-carousel .news-carousel-imageholder {
  min-height: 180px;
  position: relative;
  background: #000;
  background: url('../img/test-feat1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
@media (min-width: 480px) {
  .news-carousel .news-carousel-imageholder {
    min-height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
}
@media (min-width: 768px) {
  .news-carousel .news-carousel-imageholder {
    min-height: 430px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
}
.news-carousel .news-carousel-content {
  color: #363636;
  background: rgba(0, 0, 0, 0.8);
  padding-top: 40px;
  padding-bottom: 40px;
}
.news-carousel .news-carousel-content .media-controls-row {
  position: absolute;
  bottom: 20px;
}
.news-carousel .news-carousel-content h1 {
  color: #fff;
  font-family: 'kelson_sansregular';
  font-size: 28px;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .news-carousel .news-carousel-content h1 {
    font-size: 30px;
  }
}
@media (min-width: 768px) {
  .news-carousel .news-carousel-content h1 {
    font-size: 44px;
    line-height: 56px;
  }
}
.news-carousel .news-carousel-content button {
  margin: 16px 0;
}
@media (min-width: 768px) {
  .news-carousel .news-carousel-content button {
    margin: 0;
  }
}
.news-carousel .news-carousel-content .marker-row {
  margin-top: 10px;
  text-align: center;
}
@media (min-width: 768px) {
  .news-carousel .news-carousel-content .marker-row {
    margin-top: 40px;
  }
}
@media (min-width: 768px) {
  .news-carousel .news-carousel-content {
    margin-top: -100px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.news-carousel .container {
  position: relative;
}
.sidebar .section-head {
  font-size: 18px;
  margin-top: 40px;
  margin-bottom: 30px;
}
.sidebar .marketing-section img,
.sidebar .marketing-section iframe,
.sidebar .marketing-section video,
.sidebar .marketing-section audio,
.sidebar .marketing-section article img {
  width: 100%;
  max-width: 100%;
}
.sidebar .social-feed {
  position: relative;
  border-bottom: 1px #222 solid;
}
.sidebar .social-feed div.fadeout {
  position: absolute;
  bottom: 0em;
  width: 100%;
  height: 10em;
  pointer-events: none;
  background: -webkit-linear-gradient(rgba(17, 17, 17, 0) 0%, #111111 100%);
  background-image: -moz-linear-gradient(rgba(17, 17, 17, 0) 0%, #111111 100%);
  background-image: -o-linear-gradient(rgba(17, 17, 17, 0) 0%, #111111 100%);
  background-image: linear-gradient(rgba(17, 17, 17, 0) 0%, #111111 100%);
  background-image: -ms-linear-gradient(rgba(17, 17, 17, 0) 0%, #111111 100%);
}
.sidebar .social-feed div.scontainer {
  position: relative;
  height: 850px;
  overflow: hidden;
  width: 100%;
}
.sidebar .social-feed div.inner-wrapper {
  position: absolute;
  width: 100%;
}
.sidebar .social-feed div.inner-wrapper .social-item-wrapper {
  /* Be VERY careful with this, breaks normal words wh_erever */
  word-wrap: break-word;
  /* Non standard for webkit */
  word-break: break-word;
  width: 100%;
}
.sidebar .social-feed .smedia-nav {
  z-index: 5;
  background: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  position: absolute;
  padding: 6px 4px 2px;
  top: 0;
  right: 0;
  -webkit-transition: all 0.9s;
  -moz-transition: all 0.9s;
  -ms-transition: all 0.9s;
  -o-transition: all 0.9s;
  transition: all 0.9s;
}
.sidebar .social-feed .smedia-nav i {
  font-size: 16px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.5);
}
.sidebar .social-feed .smedia-nav:hover {
  background: #000;
}
.sidebar .social-feed .smedia-nav:hover i {
  color: #ffffff;
}
.sidebar .social-feed .smedia-nav.up-button {
  border-bottom: solid 1px #028bdc;
  right: 28px;
}
.sidebar .social-feed .smedia-nav.down-button {
  border-top: solid 1px #028bdc;
}
.sidebar .social-feed h3.section-head {
  margin-top: 26px;
  margin-bottom: 15px;
}
.sidebar .social-feed article {
  padding: 25px 0;
}
.sidebar .social-feed article img,
.sidebar .social-feed article iframe,
.sidebar .social-feed article video,
.sidebar .social-feed article audio {
  max-width: 100%;
}
.sidebar .social-feed article a.social-head {
  word-wrap: normal;
  display: block;
  margin-bottom: 15px;
}
.sidebar .social-feed article a.social-head i {
  color: #028bdc;
  font-size: 18px;
  margin-right: 5px;
}
.sidebar .social-feed article a.social-head .tw-handle {
  display: inline-block;
  font-family: 'kelson_sanslight';
}
.sidebar .social-feed article a.social-head:hover {
  text-shadow: 1px 0px 1px rgba(228, 122, 10, 0.3), -1px 0px 1px rgba(228, 122, 10, 0.3), -1px -1px 1px rgba(228, 122, 10, 0.3);
}
.sidebar .social-feed article .twitterActionBtns .timestamp {
  margin-left: 20px;
  font-family: 'kelson_sanslight';
  color: #777;
  font-size: 14px;
}
.sidebar .social-feed article:after {
  content: "";
  display: block;
  height: 2px;
  top: 25px;
  border-top: solid 1px #000;
  border-bottom: solid 1px #252525;
  position: relative;
}
.sidebar .stay-connected {
  margin-bottom: 50px;
}
.sidebar .stay-connected i {
  font-size: 30px;
}
.main-content {
  padding: 40px 0;
  background: url('../img/greygoo-hpnews-bg.png') top center repeat-x #111111;
  border-top: solid 1px #484848;
}
.page-head {
  text-transform: uppercase;
  color: #028bdc;
  letter-spacing: 2px;
  font-size: 29px;
}
@media (min-width: 768px) {
  .page-head {
    font-size: 48px;
  }
}
.page-head .faction-icon {
  font-size: 36px;
}
@media (min-width: 768px) {
  .page-head .faction-icon {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .page-head .faction-icon {
    font-size: 36px;
  }
}
.section-head {
  text-transform: uppercase;
  color: #028bdc;
  letter-spacing: 2px;
  position: relative;
}
.hpnews .section-head {
  font-size: 24px;
}
.footer-ul {
  margin: 0;
  padding: 0;
}
.footer-ul li {
  list-style: none;
  margin: 0 0;
  padding: 0 0;
}
.footer-ul li a {
  color: #636363;
  display: block;
}
.footer-ul li a:hover {
  color: #cd6600;
}
.hr-goo {
  background: url('../img/bg-hr-goo-blue.png') repeat-x;
  height: 7px;
  display: block;
  position: relative;
  margin: 20px 0;
}
.hr-goo:before {
  display: block;
  position: absolute;
  left: 0;
  content: "";
  width: 12px;
  height: 7px;
  background: transparent url('../img/bg-hr-goo-black-left.png') no-repeat;
}
.hr-goo:after {
  display: block;
  position: absolute;
  right: 0;
  content: "";
  width: 12px;
  height: 7px;
  background: transparent url('../img/bg-hr-goo-black-right.png') right no-repeat;
}
.hr-dark {
  border-top: solid 1px #000;
  border-bottom: solid 1px #252525;
  height: 1px;
  display: block;
  margin: 30px 0;
}
.hr-block-texture {
  height: 14px;
  border-top: solid 1px #454545;
  background: url('../img/hr-block-texture-bg.jpg') top left repeat-x;
  display: block;
  margin: 20px 0 30px;
}
.hr-light {
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  display: block;
  margin: 30px 0;
}
.outer-wrapper {
  max-width: 2556px;
}
#menu-header {
  background: rgba(0, 0, 0, 0.9);
  height: 40px;
  width: 100%;
}
#menu-header .mmain {
  font-family: 'PlanerRegular';
  font-size: 10px;
  padding-top: 12px;
}
#menu-header .mmain i {
  font-size: 8px;
}
#menu-header .mmain a {
  color: #999999;
}
#menu-header .mmain a i {
  color: #414141;
}
#menu-header .mmain a:hover {
  color: #CCC;
  text-decoration: none;
}
#menu-header .language-select {
  margin-top: 4px;
  font-family: 'PlanerRegular';
  color: #999999;
  background-color: #111111;
}
#menu-header .language-select .caret {
  color: #414141;
}
#menu-header .language-select:hover,
#menu-header .language-select:focus {
  color: #fff;
}
#menu-header .languages {
  background-color: #555;
  font-family: 'PlanerRegular';
}
#menu-header .languages a {
  color: #f1f1f1;
}
#menu-header .languages a:hover {
  color: #010101;
}
.lang-div {
  background: url('../images/language-divider.png') 0 0 no-repeat;
  width: 27px;
  height: 40px;
  float: left;
  margin-right: 5px;
}
.btn-target {
  color: #fff;
  position: relative;
  border: solid 1px #222222;
  border-radius: 0;
  font-family: 'PlanerRegular', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 2px;
  text-align: center;
  white-space: normal;
  text-transform: uppercase;
  padding: 18px 12px;
  margin-bottom: 3px;
  background: #111111;
  /* Old browsers */
  background: -moz-linear-gradient(top, #111111 0%, #000000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #111111), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #111111 0%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #111111 0%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #111111 0%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #111111 0%, #000000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.btn-target .corner-tl,
.btn-target .corner-tr,
.btn-target .corner-bl,
.btn-target .corner-br {
  width: 11px;
  height: 11px;
  position: absolute;
}
.btn-target .corner-tl {
  top: 0;
  left: 0;
  background: url(../img/btn-target-sprite.png) left top no-repeat;
}
.btn-target .corner-tr {
  top: 0;
  right: 0;
  background: url(../img/btn-target-sprite.png) right top no-repeat;
}
.btn-target .corner-bl {
  bottom: 0;
  left: 0;
  background: url(../img/btn-target-sprite.png) left -19px no-repeat;
}
.btn-target .corner-br {
  bottom: 0;
  right: 0;
  background: url(../img/btn-target-sprite.png) right -19px no-repeat;
}
.btn-target:hover {
  color: #cd6600;
  border: solid 1px #222222;
}
.btn-target:hover .corner-tl {
  background-position: left -31px;
}
.btn-target:hover .corner-tr {
  background-position: right -31px;
}
.btn-target:hover .corner-bl {
  background-position: left -49px;
}
.btn-target:hover .corner-br {
  background-position: right -49px;
}
.btn-target:focus,
.btn-target:active {
  color: #cd6600;
  background: #000000;
  /* Old browsers */
  background: -moz-linear-gradient(top, #000000 0%, #111111 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #111111));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #000000 0%, #111111 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #000000 0%, #111111 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #000000 0%, #111111 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #000000 0%, #111111 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#111111', GradientType=0);
  /* IE6-9 */
}
.btn-target:focus .corner-tl,
.btn-target:active .corner-tl {
  background-position: left -61px;
}
.btn-target:focus .corner-tr,
.btn-target:active .corner-tr {
  background-position: right -61px;
}
.btn-target:focus .corner-bl,
.btn-target:active .corner-bl {
  background-position: left -77px;
}
.btn-target:focus .corner-br,
.btn-target:active .corner-br {
  background-position: right -77px;
}
.btn-target.btn-media-category {
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .btn-target {
    margin-bottom: 0;
  }
}
.btn-target.selected {
  color: #cd6600;
}
.btn-target.selected .corner-tl {
  background-position: left -61px;
}
.btn-target.selected .corner-tr {
  background-position: right -61px;
}
.btn-target.selected .corner-bl {
  background-position: left -77px;
}
.btn-target.selected .corner-br {
  background-position: right -77px;
}
.btn-target2 {
  color: #fff;
  position: relative;
  border: none;
  border-radius: 0;
  font-family: 'PlanerRegular', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 2px;
  white-space: normal;
  padding: 18px 12px;
  margin-bottom: 3px;
  background: url(../img/btn-target-tl.png) no-repeat, url(../img/btn-target-tr.png) no-repeat, url(../img/btn-target-bl.png) no-repeat, url(../img/btn-target-br.png) no-repeat, linear-gradient(to bottom, #111111 0%, #000000 100%);
  background-position: left top, right top, left bottom, right bottom,0 0;
  background-color: #111111;
  /* Old browsers */
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.btn-target2:hover {
  background: url(../img/btn-target-tl-hover.png) no-repeat, url(../img/btn-target-tr-hover.png) no-repeat, url(../img/btn-target-bl-hover.png) no-repeat, url(../img/btn-target-br-hover.png) no-repeat, linear-gradient(to bottom, #111111 0%, #000000 100%);
  background-position: left top, right top, left bottom, right bottom,0 0;
  background-color: #111111;
  /* Old browsers */
}
.btn-target2:active,
.btn-target2:focus {
  background: url(../img/btn-target-tl-sel.png) no-repeat, url(../img/btn-target-tr-sel.png) no-repeat, url(../img/btn-target-bl-sel.png) no-repeat, url(../img/btn-target-br-sel.png) no-repeat, linear-gradient(to bottom, #111111 0%, #000000 100%);
  background-position: left top, right top, left bottom, right bottom,0 0;
  background-color: #111111;
  /* Old browsers */
}
@media (min-width: 768px) {
  .btn-target2 {
    margin-bottom: 0;
  }
}
.btn-target2.selected {
  background: url(../img/btn-target-tl-sel.png) no-repeat, url(../img/btn-target-tr-sel.png) no-repeat, url(../img/btn-target-bl-sel.png) no-repeat, url(../img/btn-target-br-sel.png) no-repeat, linear-gradient(to bottom, #111111 0%, #000000 100%);
  background-position: left top, right top, left bottom, right bottom,0 0;
  background-color: #111111;
  /* Old browsers */
}
.btn-blue {
  color: #fff;
  position: relative;
  margin-bottom: 6px;
  border-top: solid 1px #0a5d9b;
  border-bottom: solid 2px #0e223e;
  border-right: solid 1px #0e223e;
  border-radius: 0;
  font-family: 'PlanerRegular', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 2px;
  white-space: normal;
  text-shadow: 0 -2px #0e223e;
  padding: 6px 30px;
  background: #0a5d9b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #0a5d9b 0%, #142e53 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0a5d9b), color-stop(100%, #142e53));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0a5d9b 0%, #142e53 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0a5d9b 0%, #142e53 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0a5d9b 0%, #142e53 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #0a5d9b 0%, #142e53 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a5d9b', endColorstr='#142e53', GradientType=0);
  /* IE6-9 */
  max-height: 57px;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.btn-blue .corner-tl,
.btn-blue .corner-tr,
.btn-blue .corner-bl,
.btn-blue .corner-br {
  width: 11px;
  height: 11px;
  position: absolute;
}
.btn-blue .corner-tl {
  top: 0;
  left: 0;
  background: url(../img/splash/btn-buynow-sprite.png) left top no-repeat;
}
.btn-blue .corner-tr {
  top: 0;
  right: 0;
  background: url(../img/splash/btn-buynow-sprite.png) right top no-repeat;
}
.btn-blue .corner-bl {
  bottom: 0;
  left: 0;
  background: url(../img/splash/btn-buynow-sprite.png) left -19px no-repeat;
}
.btn-blue .corner-br {
  bottom: 0;
  right: 0;
  background: url(../img/splash/btn-buynow-sprite.png) right -19px no-repeat;
}
.btn-blue:hover {
  color: #fff;
  text-shadow: 1px 1px 4px #fff;
}
.btn-blue:focus,
.btn-blue:active {
  color: #fff;
  text-shadow: 0 -2px #0e223e;
  background: #142e53;
  /* Old browsers */
  background: -moz-linear-gradient(top, #142e53 0%, #0a5d9b 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #142e53), color-stop(100%, #0a5d9b));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #142e53 0%, #0a5d9b 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #142e53 0%, #0a5d9b 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #142e53 0%, #0a5d9b 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #142e53 0%, #0a5d9b 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#142e53', endColorstr='#0a5d9b', GradientType=0);
  /* IE6-9 */
}
@media (min-width: 768px) {
  .btn-blue {
    margin-bottom: 0;
  }
}
.display-search-results {
  margin-top: 40px;
}
.display-search-results hr {
  background: #028bdc;
  border: none;
  display: inline-block;
  height: 1px;
  margin: 15px;
  width: 100%;
}
.display-search-results hr.separator {
  background: #222222;
}
.display-search-results .search-title {
  color: #028bdc;
  font-weight: 400;
  margin: 0 10px;
}
.display-search-results h1.search-title {
  font-size: 34px;
  line-height: 54px;
  letter-spacing: 2px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .display-search-results h1.search-title {
    font-size: 44px;
  }
}
.display-search-results h2.search-title {
  font-size: 22px;
  line-height: 34px;
  letter-spacing: 2px;
  word-break: break-all;
}
@media (min-width: 768px) {
  .display-search-results h2.search-title {
    font-size: 24px;
  }
}
.display-search-results h3 {
  color: #eeeeee;
  font-size: 22px;
  margin-top: 0;
  text-transform: uppercase;
}
.display-search-results .results-block {
  display: inline-block;
  height: 100%;
  margin-bottom: 5px;
  width: 100%;
}
.display-search-results .results-block:hover h3 {
  color: #f0ad4e;
}
.display-search-results .indent {
  margin-left: 15px;
}
.display-search-results .query {
  color: #f0ad4e;
  font-style: italic;
}
.display-search-results .section-highlight {
  color: #f0ad4e;
  font-weight: bold;
  text-transform: uppercase;
}
.slide {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: none;
  opacity: 1.0;
  -webkit-transition: all, 0.33s;
  -moz-transition: all, 0.33s;
  -ms-transition: all, 0.33s;
  -o-transition: all, 0.33s;
  transition: all, 0.33s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.slide.animated-out {
  opacity: 0.0;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.slide:first-child {
  display: block;
}
.html-player-close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 18px;
  padding: 17px 20px;
  background: rgba(0, 0, 0, 0.8);
  border-left: solid 1px #028bdc;
  color: #fff;
  z-index: 902;
  cursor: pointer;
}
.html-player-controls {
  position: absolute;
  bottom: 0px;
  height: 52px;
  color: #fff;
  border: solid 1px #252525;
  z-index: 902;
  width: 100%;
  background: #111111;
  /* Old browsers */
  background: -moz-linear-gradient(top, #111111 0%, #000000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #111111), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #111111 0%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #111111 0%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #111111 0%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #111111 0%, #000000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
}
.html-player-controls i {
  font-size: 28px;
  vertical-align: middle;
}
.html-player-controls .pc-left {
  float: left;
  display: table;
  height: 52px;
}
.html-player-controls .pc-right {
  float: right;
  display: table;
  height: 52px;
}
.html-player-controls .play-pause {
  padding-left: 10px;
  padding-right: 10px;
  border-right: solid 1px #252525;
  display: table-cell;
  vertical-align: middle;
}
.html-player-controls .time {
  color: #636363;
  padding-left: 10px;
  padding-right: 10px;
  display: table-cell;
  vertical-align: middle;
}
.html-player-controls .progress-bar-gmedia {
  width: 600px;
  display: inline-block;
  margin: 21px 0 0;
  height: 7px;
  background-color: #111111;
  border-radius: 0;
}
.html-player-controls .progress-bar-gmedia .progress-bar {
  background-color: #cd6600;
}
.html-player-controls .cc {
  font-size: 12px;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 5px 10px;
  position: relative;
  border: solid 1px #252525;
}
.html-player-controls .cc:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  height: 1px;
  display: block;
  width: 100%;
}
.html-player-controls .volume {
  padding-left: 10px;
  padding-right: 10px;
  display: table-cell;
  vertical-align: middle;
}
.html-player-controls .fullscreen {
  padding-left: 10px;
  padding-right: 10px;
  border-left: solid 1px #252525;
  display: table-cell;
  vertical-align: middle;
}
.html-player-controls .vol-slider {
  background: #000;
  position: absolute;
  bottom: 40px;
  right: 60px;
  padding: 11px;
}
.html-player-controls .vol-slider .slider.slider-vertical {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  height: 80px;
}
.html-player-controls .vol-slider .slider.slider-vertical .slider-track {
  width: 8px;
  height: 100%;
  margin-left: -5px;
  left: 50%;
  top: 0;
  position: absolute;
  cursor: pointer;
  background: #cd6600;
}
.html-player-controls .vol-slider .slider.slider-vertical .slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  background: #000;
}
.html-player-controls .vol-slider .slider.slider-vertical slider-handle {
  margin-left: -5px;
  margin-top: -10px;
}
.dot {
  height: 16px;
  width: 16px;
  display: inline-block;
  background-image: url(../img/carousel-marker.png);
}
.dot.active-dot {
  background-image: url(../img/carousel-marker-active.png);
}
.galaxy .description {
  color: #636363;
}
.galaxy .section-head:first-child {
  margin-top: 0;
}
.galaxy ul.geo-data {
  border: solid 1px #252525;
  margin: 0;
  padding: 0;
}
.galaxy ul.geo-data li {
  margin: 0;
  padding: 14px 10px 14px 62px;
  border-bottom: solid 1px #252525;
  list-style: none;
  font-size: 16px;
  color: #636363;
  position: relative;
}
.galaxy ul.geo-data li:before {
  content: "\e611";
  font-family: gg2-fonts;
  position: absolute;
  left: 12px;
  top: 5px;
  font-size: 28px;
  color: #028bdc;
}
.galaxy ul.geo-data li.terrain:before {
  content: "\e63a";
}
.galaxy ul.geo-data li.radius:before {
  content: "\e63b";
}
.galaxy ul.geo-data li.distance-from-sun:before,
.galaxy ul.geo-data li.distance:before {
  content: "\e63c";
}
.galaxy ul.geo-data li.mass:before {
  content: "\e63d";
}
.galaxy ul.geo-data li.population:before {
  content: "\e63e";
}
.galaxy ul.geo-data li.moons:before,
.galaxy ul.geo-data li.moon:before {
  content: "\e63f";
}
.media-head {
  background: url('../img/bg-media-header.jpg') top center no-repeat #000000;
  background-size: cover;
  min-height: 329px;
  padding: 60px 0 25px;
}
.media-head .page-head {
  margin-top: 0;
  margin-bottom: 50px;
}
.media-head a.media-cat-wrap {
  font-size: 10px;
  text-transform: uppercase;
  padding: 10px;
  display: block;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.media-head a.media-cat-wrap i {
  font-size: 60px;
  display: block;
}
.media-head a.media-cat-wrap .hr-dark {
  margin-top: 16px;
  margin-bottom: 20px;
}
.media-head a.media-cat-wrap.active {
  color: #cd6600;
}
.media-head a.media-cat-wrap:hover,
.media-head a.media-cat-wrap:focus {
  text-decoration: none;
}
.thumbbox {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .thumbbox {
    margin-bottom: 30px;
  }
}
.thumbbox.maxvidbox {
  max-height: 263px;
}
.timestamp {
  color: #fff;
  font-size: 10px;
  font-family: kelson_sanslight;
  margin-left: 5px;
}
.media-caption {
  font-size: 14px;
  height: 42px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.media-home .media-header .btn-more {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .media-home .media-header .btn-more {
    margin-bottom: 0;
  }
}
.media-home .media-index-content .timestamp {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .media-home .media-index-content .timestamp {
    margin-bottom: 0;
  }
}
.media-home .section-head {
  margin-top: 0;
  font-size: 20px;
}
@media (min-width: 480px) {
  .media-home .section-head {
    font-size: 24px;
  }
}
.media-home .large-row {
  margin-bottom: 70px;
}
.btn-more {
  color: #028bdc;
  font-family: PlanerRegular;
  font-size: 12px;
  text-transform: uppercase;
  position: relative;
  padding: 0 28px 0 0;
  vertical-align: middle;
  cursor: pointer;
}
.btn-more:after {
  content: "\e603";
  font-family: gg2-fonts;
  font-size: 10px;
  padding: 2px 2px 2px 5px;
  position: absolute;
  right: 0;
  color: #fff;
  background: url('../img/greygoo-nav-bg.png') 125px -10px;
  border: solid 1px #fff;
}
.btn-more:hover:after {
  color: #cd6600;
  border: solid 1px #cd6600;
}
@media (min-width: 480px) {
  .btn-more {
    font-size: 14px;
    padding: 0 28px 0;
  }
}
.filter-grid {
  margin-bottom: 35px;
}
.filter-grid .media-filter {
  color: #d4d4d4;
  font-size: 11px;
  text-transform: uppercase;
  font-family: PlanerRegular;
}
.filter-grid .media-filter .btn-filter {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  padding: 2px 15px 2px 6px;
  margin: 5px 8px 5px 0;
}
.filter-grid .media-filter .btn-filter:after {
  content: "\e61c";
  color: #fff;
  font-family: gg2-fonts;
  font-size: 8px;
  position: absolute;
  right: 0;
  top: 4px;
}
.filter-grid .media-filter .btn-filter:hover {
  background: #000;
}
@media (min-width: 768px) {
  .filter-grid .media-filter .btn-filter {
    display: inline-block;
    text-align: right;
    margin: 0 8px 0px 0;
  }
}
.text-pager {
  font-size: 11px;
  font-family: PlanerRegular;
  text-transform: uppercase;
  color: #fff;
  margin-top: 7px;
}
.btn-target.btn-sm {
  font-size: 8px;
  padding: 8px 12px;
  letter-spacing: 1px;
}
.btn-target.btn-sm.disabled {
  color: #333;
  cursor: auto;
}
.btn-target.btn-sm.disabled:hover .corner-tl {
  background-position: 0 0;
}
.btn-target.btn-sm.disabled:hover .corner-tr {
  background-position: right 0;
}
.btn-target.btn-sm.disabled:hover .corner-bl {
  background-position: left -19px;
}
.btn-target.btn-sm.disabled:hover .corner-br {
  background-position: right -19px;
}
.btn-dark {
  color: #fff;
  position: relative;
  border: solid 1px #222222;
  border-radius: 0;
  font-family: 'PlanerRegular', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: normal;
  padding: 10px 18px;
  display: inline-block;
  margin-bottom: 3px;
  text-align: center;
  border-radius: 4px;
  background: #111111;
  /* Old browsers */
  background: -moz-linear-gradient(top, #111111 0%, #000000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #111111), color-stop(100%, #000000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #111111 0%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #111111 0%, #000000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #111111 0%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #111111 0%, #000000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
  width: 100%;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.btn-dark .corner-tl,
.btn-dark .corner-tr,
.btn-dark .corner-bl,
.btn-dark .corner-br {
  width: 11px;
  height: 11px;
  position: absolute;
}
.btn-dark .corner-tl {
  top: 0;
  left: 0;
  background: url(../img/btn-target-sprite.png) left top no-repeat;
}
.btn-dark .corner-tr {
  top: 0;
  right: 0;
  background: url(../img/btn-target-sprite.png) right top no-repeat;
}
.btn-dark .corner-bl {
  bottom: 0;
  left: 0;
  background: url(../img/btn-target-sprite.png) left -19px no-repeat;
}
.btn-dark .corner-br {
  bottom: 0;
  right: 0;
  background: url(../img/btn-target-sprite.png) right -19px no-repeat;
}
.btn-dark:hover {
  color: #cd6600;
  border: solid 1px #222222;
}
.btn-dark:hover .corner-tl {
  background-position: left -31px;
}
.btn-dark:hover .corner-tr {
  background-position: right -31px;
}
.btn-dark:hover .corner-bl {
  background-position: left -49px;
}
.btn-dark:hover .corner-br {
  background-position: right -49px;
}
.btn-dark:focus,
.btn-dark:active {
  color: #cd6600;
  background: #000000;
  /* Old browsers */
  background: -moz-linear-gradient(top, #000000 0%, #111111 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #111111));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #000000 0%, #111111 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #000000 0%, #111111 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #000000 0%, #111111 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #000000 0%, #111111 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#111111', GradientType=0);
  /* IE6-9 */
  text-decoration: none;
}
.btn-dark:focus .corner-tl,
.btn-dark:active .corner-tl {
  background-position: left -61px;
}
.btn-dark:focus .corner-tr,
.btn-dark:active .corner-tr {
  background-position: right -61px;
}
.btn-dark:focus .corner-bl,
.btn-dark:active .corner-bl {
  background-position: left -77px;
}
.btn-dark:focus .corner-br,
.btn-dark:active .corner-br {
  background-position: right -77px;
}
.btn-dark.btn-active {
  color: #cd6600;
  border: solid 1px #222222;
}
.btn-dark.btn-active .corner-tl {
  background-position: left -31px;
}
.btn-dark.btn-active .corner-tr {
  background-position: right -31px;
}
.btn-dark.btn-active .corner-bl {
  background-position: left -49px;
}
.btn-dark.btn-active .corner-br {
  background-position: right -49px;
}
@media (min-width: 768px) {
  .btn-dark {
    padding: 10px 4px;
    letter-spacing: 0px;
    min-width: auto;
  }
}
@media (min-width: 992px) {
  .btn-dark {
    padding: 10px 8px;
    letter-spacing: 1px;
    width: 98%;
  }
}
@media (min-width: 1200px) {
  .btn-dark {
    padding: 10px 18px;
    letter-spacing: 1px;
  }
}
.basic-block .basic-overview {
  margin-top: 139px;
  font-size: 16px;
  line-height: 2.14;
  color: #fff;
  margin-bottom: 50px;
}
.basic-block .basic-overview .mini-parent {
  color: #cd6600;
  font-size: 12px;
  text-transform: uppercase;
}
.basic-block .basic-overview .page-head {
  margin-top: 0;
  font-size: 48px;
}
@media (min-width: 768px) {
  .basic-block .basic-overview .page-head {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .basic-block .basic-overview .page-head {
    font-size: 48px;
  }
}
.basic-block .basic-overview h3 {
  text-transform: uppercase;
  font-size: 12px;
  color: #636363;
}
@media (min-width: 768px) {
  .basic-block .basic-overview .unit-description {
    font-size: 14px;
    line-height: 1.8;
    min-height: 260px;
    overflow: hidden;
  }
}
@media (min-width: 992px) {
  .basic-block .basic-overview .unit-description {
    font-size: 16px;
    line-height: 2.14;
    min-height: 250px;
  }
}
.basic-block .basic-overview .overview-stats {
  margin-bottom: 25px;
}
.basic-block .basic-overview .section-head {
  margin-top: 0px;
}
@media (min-width: 480px) {
  .basic-block .basic-overview {
    margin-top: 260px;
  }
}
@media (min-width: 768px) {
  .basic-block .basic-overview {
    margin-top: 50px;
  }
}
@media (min-width: 992px) {
  .basic-block .basic-overview {
    min-height: 380px;
  }
}
.basic-block .origins {
  font-size: 14px;
  line-height: 2.14;
  margin-bottom: 75px;
}
@media (min-width: 768px) {
  .basic-block {
    min-height: 380px;
  }
}
.faction-block .beta-overview {
  min-height: 240px;
}
a.faction-box:hover .faction-img {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.06) 40%, rgba(0, 0, 0, 0.67) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(34%, rgba(0, 0, 0, 0)), color-stop(40%, rgba(0, 0, 0, 0.06)), color-stop(100%, rgba(0, 0, 0, 0.67)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.06) 40%, rgba(0, 0, 0, 0.67) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.06) 40%, rgba(0, 0, 0, 0.67) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.06) 40%, rgba(0, 0, 0, 0.67) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.06) 40%, rgba(0, 0, 0, 0.67) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ab000000', GradientType=0);
  /* IE6-9 */
}
a.faction-box,
div.faction-box {
  display: block;
  position: relative;
  border: solid 1px transparent;
  font-size: 10px;
  letter-spacing: 0;
  margin-bottom: 10px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
a.faction-box .faction-img,
div.faction-box .faction-img {
  padding: 8px 8px 10px;
  border-bottom: solid 1px #000;
  text-align: center;
  height: 140px;
  overflow: hidden;
}
a.faction-box .faction-img img,
div.faction-box .faction-img img {
  margin: auto;
  vertical-align: middle;
  max-height: 120px;
}
@media (min-width: 768px) {
  a.faction-box .faction-img,
  div.faction-box .faction-img {
    height: 113px;
  }
  a.faction-box .faction-img img,
  div.faction-box .faction-img img {
    max-height: 95px;
  }
}
@media (min-width: 992px) {
  a.faction-box .faction-img,
  div.faction-box .faction-img {
    height: 140px;
  }
  a.faction-box .faction-img img,
  div.faction-box .faction-img img {
    max-height: 120px;
  }
}
a.faction-box .faction-img img#default,
div.faction-box .faction-img img#default {
  max-width: 70px;
}
a.faction-box .pre-req,
div.faction-box .pre-req {
  font-size: 12px;
  line-height: 12px;
  position: absolute;
  top: 0;
  right: -10px;
  border-radius: 50%;
  background-color: #161718;
  border: 4px solid #161718;
  box-shadow: inset 0 0 0 1px #000,
    0 0 0 2px transparent,
    inset 0 0 0 1px #000,
    0px 0px 2px 2px #4b392a;
  width: 35px;
  height: 35px;
}
a.faction-box .pre-req span,
div.faction-box .pre-req span {
  color: #cd6600;
  font-size: 14px;
  line-height: 14px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 50%;
  height: 50%;
}
@media (min-width: 768px) {
  a.faction-box .pre-req span,
  div.faction-box .pre-req span {
    font-size: 12px;
    line-height: 12px;
  }
}
@media (min-width: 992px) {
  a.faction-box .pre-req span,
  div.faction-box .pre-req span {
    font-size: 14px;
    line-height: 14px;
  }
}
@media (min-width: 480px) {
  a.faction-box .pre-req,
  div.faction-box .pre-req {
    right: 0;
    width: 35px;
    height: 35px;
  }
}
@media (min-width: 768px) {
  a.faction-box .pre-req,
  div.faction-box .pre-req {
    right: -10px;
    width: 25px;
    height: 25px;
  }
}
@media (min-width: 992px) {
  a.faction-box .pre-req,
  div.faction-box .pre-req {
    right: -10px;
    width: 35px;
    height: 35px;
  }
}
a.faction-box .faction-title,
div.faction-box .faction-title {
  text-align: center;
  text-transform: uppercase;
  border-top: solid 1px #202020;
  padding: 10px 0px;
  max-height: 70px;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  min-height: 40px;
}
@media (min-width: 992px) {
  a.faction-box,
  div.faction-box {
    font-size: 13px;
  }
}
a.faction-box.default:hover .faction-img,
div.faction-box.default:hover .faction-img {
  background: transparent;
}
a.character-box {
  display: block;
  position: relative;
  background-color: #111;
  border: solid 1px #242524;
  letter-spacing: 0;
  margin: 40px 0 20px;
  padding: 8px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
a.character-box .content-wrapper {
  color: #636363;
  position: relative;
  min-height: 180px;
  background: #030303;
}
a.character-box .content-wrapper .character-info {
  margin-left: 45%;
  position: absolute;
  top: 10px;
  z-index: 10;
  overflow: hidden;
  height: 128px;
}
a.character-box .content-wrapper .character-info .c-name {
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
}
a.character-box .content-wrapper .character-info .c-title {
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 6px;
}
@media (min-width: 480px) {
  a.character-box .content-wrapper .character-info .c-title {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  a.character-box .content-wrapper .character-info .c-title {
    margin-bottom: 6px;
  }
}
@media (min-width: 992px) {
  a.character-box .content-wrapper .character-info .c-title {
    margin-bottom: 20px;
  }
}
a.character-box .content-wrapper .character-info .c-description {
  font-size: 10px;
  line-height: 17px;
  padding-right: 8px;
  text-shadow: -1px 0px 1px rgba(0, 0, 0, 0.5), -1px -1px 1px rgba(0, 0, 0, 0.5), -1px -1px 1px rgba(0, 0, 0, 0.5);
  display: none;
}
@media (min-width: 620px) {
  a.character-box .content-wrapper .character-info .c-description {
    display: block;
  }
}
@media (min-width: 768px) {
  a.character-box .content-wrapper .character-info .c-description {
    display: none;
  }
}
@media (min-width: 992px) {
  a.character-box .content-wrapper .character-info .c-description {
    display: block;
  }
}
@media (min-width: 480px) {
  a.character-box .content-wrapper .character-info {
    margin-left: 54%;
    height: 196px;
  }
}
@media (min-width: 768px) {
  a.character-box .content-wrapper .character-info {
    width: 156px;
    height: 126px;
  }
}
@media (min-width: 992px) {
  a.character-box .content-wrapper .character-info {
    width: 200px;
    height: 210px;
  }
}
@media (min-width: 1200px) {
  a.character-box .content-wrapper .character-info {
    width: 230px;
    height: 190px;
    top: 20px;
  }
  a.character-box .content-wrapper .character-info .c-name {
    font-size: 28px;
  }
  a.character-box .content-wrapper .character-info .c-title {
    font-size: 16px;
  }
}
a.character-box .content-wrapper .centered-message {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 160px;
  height: 60px;
  text-align: center;
  font-size: 30px;
  line-height: 30px;
  font-family: 'PlanerRegular';
  color: #fff;
}
@media (min-width: 480px) {
  a.character-box .content-wrapper .centered-message {
    font-size: 50px;
    line-height: 50px;
    width: 300px;
    height: 100px;
  }
}
@media (min-width: 768px) {
  a.character-box .content-wrapper .centered-message {
    font-size: 30px;
    line-height: 30px;
    width: 160px;
    height: 60px;
  }
}
@media (min-width: 992px) {
  a.character-box .content-wrapper .centered-message {
    font-size: 50px;
    line-height: 50px;
    width: 300px;
    height: 100px;
  }
}
a.character-box .content-wrapper .thumbnail-title {
  position: absolute;
  width: 100%;
  bottom: 0;
  font-size: 11px;
  background: url('../img/box-title-bg.jpg') 0 0 repeat;
  padding: 9px 10px;
  max-height: 70px;
  overflow: hidden;
  text-transform: uppercase;
  color: #fff;
}
a.character-box .content-wrapper .thumbnail-title.marker:before {
  content: "";
  width: 1px;
  height: 52px;
  background: #000;
  position: absolute;
  right: 36px;
  bottom: 0px;
}
a.character-box .content-wrapper .thumbnail-title.marker:after {
  content: ">>";
  font-size: 16px;
  position: absolute;
  right: 10px;
  bottom: 5px;
}
a.character-box .content-wrapper .c-faction {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 13px;
  bottom: 50px;
  z-index: 10;
  background-size: cover;
}
a.character-box .content-wrapper .c-faction.beta-circle {
  background-image: url('../img/faction-icon-beta-1inactive.png');
}
a.character-box .content-wrapper .c-faction.goo-circle {
  background-image: url('../img/faction-icon-goo-1inactive.png');
}
a.character-box .content-wrapper .c-faction.human-circle {
  background-image: url('../img/faction-icon-humans-1inactive.png');
}
a.character-box .content-wrapper .c-img {
  position: absolute;
  bottom: 35px;
  overflow: hidden;
  max-width: 110px;
  max-height: 160px;
}
@media (min-width: 480px) {
  a.character-box .content-wrapper .c-img {
    max-width: 220px;
    max-height: 256px;
  }
}
@media (min-width: 620px) {
  a.character-box .content-wrapper .c-img {
    max-width: 280px;
    max-height: 262px;
  }
}
@media (min-width: 768px) {
  a.character-box .content-wrapper .c-img {
    max-width: 160px;
    max-height: 180px;
  }
}
@media (min-width: 992px) {
  a.character-box .content-wrapper .c-img {
    max-width: 228px;
    max-height: 260px;
  }
}
@media (min-width: 1200px) {
  a.character-box .content-wrapper .c-img {
    max-width: 280px;
    max-height: 260px;
  }
}
@media (min-width: 480px) {
  a.character-box .content-wrapper {
    min-height: 260px;
  }
}
@media (min-width: 768px) {
  a.character-box .content-wrapper {
    min-height: 180px;
  }
}
@media (min-width: 992px) {
  a.character-box .content-wrapper {
    min-height: 260px;
  }
}
a.character-box:hover {
  border: solid 1px #cd6600;
}
a.character-box:hover .content-wrapper .character-info .c-name {
  color: #cd6600;
}
a.character-box:hover .content-wrapper .character-info .c-title {
  color: #cd6600;
}
a.character-box:hover .content-wrapper .c-faction.beta-circle {
  background-image: url('../img/faction-icon-beta-2rollover.png');
}
a.character-box:hover .content-wrapper .c-faction.goo-circle {
  background-image: url('../img/faction-icon-goo-2rollover.png');
}
a.character-box:hover .content-wrapper .c-faction.human-circle {
  background-image: url('../img/faction-icon-humans-2rollover.png');
}
a.character-box:hover .content-wrapper .thumbnail-title {
  color: #cd6600;
}
a.character-box:active .content-wrapper .c-faction.beta-circle {
  background-image: url('../img/faction-icon-beta-3pressed.png');
}
a.character-box:active .content-wrapper .c-faction.goo-circle {
  background-image: url('../img/faction-icon-goo-3pressed.png');
}
a.character-box:active .content-wrapper .c-faction.human-circle {
  background-image: url('../img/faction-icon-humans-3pressed.png');
}
a.character-box.disabled:hover,
a.character-box.disabled:focus {
  border: solid 1px transparent;
  cursor: default;
  -webkit-transition: all 8.5s;
  -moz-transition: all 8.5s;
  -ms-transition: all 8.5s;
  -o-transition: all 8.5s;
  transition: all 8.5s;
}
a.character-box-small {
  display: block;
  position: relative;
  background-color: #111;
  border: solid 1px #242524;
  letter-spacing: 0;
  margin: 20px 0 15px;
  padding: 8px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
a.character-box-small .content-wrapper {
  color: #636363;
  position: relative;
  min-height: 130px;
  background: #030303;
}
a.character-box-small .content-wrapper .character-info {
  margin-left: 45%;
  position: absolute;
  top: 10px;
  z-index: 10;
}
a.character-box-small .content-wrapper .character-info .c-name {
  font-size: 24px;
  text-transform: uppercase;
  color: #fff;
}
@media (min-width: 768px) {
  a.character-box-small .content-wrapper .character-info .c-name {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  a.character-box-small .content-wrapper .character-info .c-name {
    font-size: 24px;
  }
}
a.character-box-small .content-wrapper .character-info .c-title {
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 6px;
}
@media (min-width: 480px) {
  a.character-box-small .content-wrapper .character-info .c-title {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  a.character-box-small .content-wrapper .character-info .c-title {
    margin-bottom: 6px;
    font-size: 11px;
  }
}
@media (min-width: 992px) {
  a.character-box-small .content-wrapper .character-info .c-title {
    margin-bottom: 20px;
    font-size: 12px;
  }
}
a.character-box-small .content-wrapper .character-info .c-description {
  font-size: 10px;
  line-height: 17px;
  padding-right: 8px;
  text-shadow: -1px 0px 1px rgba(0, 0, 0, 0.5), -1px -1px 1px rgba(0, 0, 0, 0.5), -1px -1px 1px rgba(0, 0, 0, 0.5);
}
@media (min-width: 480px) {
  a.character-box-small .content-wrapper .character-info .c-description {
    font-size: 11px;
  }
}
@media (min-width: 480px) {
  a.character-box-small .content-wrapper .character-info {
    margin-left: 54%;
  }
}
a.character-box-small .content-wrapper .thumbnail-title {
  position: absolute;
  width: 100%;
  bottom: 0;
  font-size: 11px;
  background: url('../img/box-title-bg.jpg') 0 0 repeat;
  padding: 9px 10px;
  max-height: 70px;
  overflow: hidden;
  text-transform: uppercase;
  color: #fff;
}
a.character-box-small .content-wrapper .thumbnail-title.marker:before {
  content: "";
  width: 1px;
  height: 52px;
  background: #000;
  position: absolute;
  right: 36px;
  bottom: 0px;
}
a.character-box-small .content-wrapper .thumbnail-title.marker:after {
  content: ">>";
  font-size: 16px;
  position: absolute;
  right: 10px;
  bottom: 5px;
}
a.character-box-small .content-wrapper .c-faction {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 13px;
  bottom: 50px;
  z-index: 10;
  background-size: cover;
}
a.character-box-small .content-wrapper .c-faction.beta-circle {
  background-image: url('../img/faction-icon-beta-1inactive.png');
}
a.character-box-small .content-wrapper .c-faction.goo-circle {
  background-image: url('../img/faction-icon-goo-1inactive.png');
}
a.character-box-small .content-wrapper .c-faction.human-circle {
  background-image: url('../img/faction-icon-humans-1inactive.png');
}
a.character-box-small .content-wrapper .c-img {
  position: absolute;
  bottom: 34px;
  overflow: hidden;
  max-width: 110px;
  max-height: 160px;
}
@media (min-width: 480px) {
  a.character-box-small .content-wrapper .c-img {
    max-width: 220px;
    max-height: 256px;
  }
}
@media (min-width: 620px) {
  a.character-box-small .content-wrapper .c-img {
    max-width: 280px;
    max-height: 262px;
  }
}
@media (min-width: 768px) {
  a.character-box-small .content-wrapper .c-img {
    max-width: 96px;
    max-height: 92px;
  }
}
@media (min-width: 992px) {
  a.character-box-small .content-wrapper .c-img {
    max-width: 140px;
    max-height: 130px;
  }
}
@media (min-width: 1200px) {
  a.character-box-small .content-wrapper .c-img {
    max-width: 170px;
    max-height: 130px;
  }
}
@media (min-width: 480px) {
  a.character-box-small .content-wrapper {
    min-height: 260px;
  }
}
@media (min-width: 768px) {
  a.character-box-small .content-wrapper {
    min-height: 110px;
  }
}
@media (min-width: 992px) {
  a.character-box-small .content-wrapper {
    min-height: 140px;
  }
}
a.character-box-small:hover {
  border: solid 1px #cd6600;
}
a.character-box-small:hover .content-wrapper .character-info .c-name {
  color: #cd6600;
}
a.character-box-small:hover .content-wrapper .character-info .c-title {
  color: #cd6600;
}
a.character-box-small:hover .content-wrapper .c-faction.beta-circle {
  background-image: url('../img/faction-icon-beta-2rollover.png');
}
a.character-box-small:hover .content-wrapper .c-faction.goo-circle {
  background-image: url('../img/faction-icon-goo-2rollover.png');
}
a.character-box-small:hover .content-wrapper .c-faction.human-circle {
  background-image: url('../img/faction-icon-humans-2rollover.png');
}
a.character-box-small:hover .content-wrapper .thumbnail-title {
  color: #cd6600;
}
a.character-box-small:active .content-wrapper .c-faction.beta-circle {
  background-image: url('../img/faction-icon-beta-3pressed.png');
}
a.character-box-small:active .content-wrapper .c-faction.goo-circle {
  background-image: url('../img/faction-icon-goo-3pressed.png');
}
a.character-box-small:active .content-wrapper .c-faction.human-circle {
  background-image: url('../img/faction-icon-humans-3pressed.png');
}
#faction-units h3.section-head:first-child {
  margin-top: 0;
}
.faction-content {
  padding-bottom: 75px;
}
@media (min-width: 768px) {
  .structures-block h3.section-head,
  .units-block h3.section-head {
    margin: 0;
  }
}
.structures-block .hr-dark,
.units-block .hr-dark {
  margin: 60px 0px;
}
.table-like,
table.data-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  overflow-x: auto;
  display: block;
}
.table-like a.row-like:hover,
table.data-table a.row-like:hover {
  outline-color: #cd6600;
}
.table-like a.row-like,
table.data-table a.row-like,
.table-like a.row-like:hover,
table.data-table a.row-like:hover,
.table-like a.row-like:focus,
table.data-table a.row-like:focus {
  text-decoration: none;
  color: inherit;
}
.table-like .table-like,
table.data-table .table-like {
  display: table;
}
.table-like .row-like,
table.data-table .row-like {
  display: table-row;
  outline: 1px solid #000;
  margin-top: 1px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.table-like .cell-like,
table.data-table .cell-like {
  display: table-cell;
}
.table-like .cell-like,
table.data-table .cell-like,
.table-like td,
table.data-table td {
  padding: 15px 0px 10px;
  min-width: 50px;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  color: #636363;
  text-align: center;
  border-left: 1px solid black;
  border-right: 1px solid black;
}
.table-like .cell-like .stats,
table.data-table .cell-like .stats,
.table-like td .stats,
table.data-table td .stats {
  display: block;
  margin-top: 20px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  vertical-align: bottom;
}
.table-like .cell-like .stats i,
table.data-table .cell-like .stats i,
.table-like td .stats i,
table.data-table td .stats i {
  font-size: 11px;
  color: #028bdc;
}
.table-like .cell-like .row-label,
table.data-table .cell-like .row-label,
.table-like td .row-label,
table.data-table td .row-label {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  color: #fff;
  text-align: center;
}
.table-like .cell-like.t-row-grey,
table.data-table .cell-like.t-row-grey,
.table-like td.t-row-grey,
table.data-table td.t-row-grey {
  background: url('../img/table-bg-grey.png') center no-repeat;
  background-size: cover;
}
.table-like .cell-like.t-row-green,
table.data-table .cell-like.t-row-green,
.table-like td.t-row-green,
table.data-table td.t-row-green {
  background: url('../img/table-bg-green.png') center no-repeat;
  background-size: cover;
}
.table-like .cell-like.t-row-darkgreen,
table.data-table .cell-like.t-row-darkgreen,
.table-like td.t-row-darkgreen,
table.data-table td.t-row-darkgreen {
  background: url('../img/table-bg-darkgreen.png') center no-repeat;
  background-size: cover;
}
.table-like .cell-like.t-row-red,
table.data-table .cell-like.t-row-red,
.table-like td.t-row-red,
table.data-table td.t-row-red {
  background: url('../img/table-bg-red.png') center no-repeat;
  background-size: cover;
}
.table-like .cell-like:first-child,
table.data-table .cell-like:first-child,
.table-like td:first-child,
table.data-table td:first-child,
.table-like .cell-like:last-child,
table.data-table .cell-like:last-child,
.table-like td:last-child,
table.data-table td:last-child {
  border-left: none;
}
.table-like .row-like:nth-child(even) .cell-like.t-row-grey,
table.data-table .row-like:nth-child(even) .cell-like.t-row-grey,
.table-like tr:nth-child(even) td.t-row-grey,
table.data-table tr:nth-child(even) td.t-row-grey {
  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url('../img/table-bg-grey.png');
}
.table-like .row-like:nth-child(even) .cell-like.t-row-green,
table.data-table .row-like:nth-child(even) .cell-like.t-row-green,
.table-like tr:nth-child(even) td.t-row-green,
table.data-table tr:nth-child(even) td.t-row-green {
  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url('../img/table-bg-green.png');
}
.table-like .row-like:nth-child(even) .cell-like.t-row-darkgreen,
table.data-table .row-like:nth-child(even) .cell-like.t-row-darkgreen,
.table-like tr:nth-child(even) td.t-row-darkgreen,
table.data-table tr:nth-child(even) td.t-row-darkgreen {
  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url('../img/table-bg-darkgreen.png');
}
.table-like .row-like:nth-child(even) .cell-like.t-row-red,
table.data-table .row-like:nth-child(even) .cell-like.t-row-red,
.table-like tr:nth-child(even) td.t-row-red,
table.data-table tr:nth-child(even) td.t-row-red {
  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url('../img/table-bg-red.png');
}
.table-like .row-like:hover,
table.data-table .row-like:hover,
.table-like tr:hover,
table.data-table tr:hover {
  outline: solid 1px #424436;
}
@media (min-width: 768px) {
  .table-like,
  table.data-table {
    overflow-x: visible;
    display: table;
  }
  .table-like .table-like .cell-like,
  table.data-table .table-like .cell-like,
  .table-like table .cell-like,
  table.data-table table .cell-like,
  .table-like .table-like td,
  table.data-table .table-like td,
  .table-like table td,
  table.data-table table td {
    padding: 6px 4px;
  }
}
.description {
  font-size: 14px;
  line-height: 2.14;
}
@media (min-width: 768px) {
  body.alin {
    background-size: auto 460px;
  }
}
@media (min-width: 992px) {
  body.alin {
    background-size: auto;
  }
}
#units-tab ul.nav-tabs {
  border-bottom: solid 14px #000;
}
@media (min-width: 480px) {
  #units-tab ul.nav-tabs li {
    margin-right: 20px;
  }
}
@media (min-width: 768px) {
  #units-tab ul.nav-tabs li {
    margin-right: 30px;
  }
}
#units-tab ul.nav-tabs li > a {
  background: #161718;
  text-transform: uppercase;
  font-size: 14px;
  padding: 20px 10px;
  text-align: center;
  border-bottom: none;
}
#units-tab ul.nav-tabs li > a:hover {
  border: 1px solid transparent;
  border-bottom: none;
}
@media (min-width: 768px) {
  #units-tab ul.nav-tabs li > a {
    font-size: 22px;
    padding: 20px 15px;
    min-width: 148px;
  }
}
@media (min-width: 992px) {
  #units-tab ul.nav-tabs li > a {
    min-width: 200px;
  }
}
#units-tab ul.nav-tabs li.active > a,
#units-tab ul.nav-tabs li.active-hack > a {
  background: #000;
  color: #cd6600;
  border: 1px solid #000;
}
#units-tab .tab-content {
  background: url('../img/units-tab-content-bg.png');
  min-height: 200px;
  border-left: solid 14px #000;
  border-right: solid 14px #000;
  border-bottom: solid 14px #000;
  padding: 5px;
}
@media (min-width: 480px) {
  #units-tab .tab-content {
    padding: 15px;
  }
}
@media (min-width: 768px) {
  #units-tab .tab-content {
    padding: 30px;
  }
}
@media (min-width: 992px) {
  #units-tab .tab-content {
    padding: 60px 80px;
  }
}
.lore-intro {
  margin: 0 0 50px 0;
  *zoom: 1;
}
.lore-intro:before,
.lore-intro:after {
  content: " ";
  display: table;
}
.lore-intro:after {
  clear: both;
}
.lore-intro:before,
.lore-intro:after {
  display: table;
  content: "";
  line-height: 0;
}
.lore-intro:after {
  clear: both;
}
ul.orange-dots {
  margin: 0 0 50px;
  padding: 0;
}
ul.orange-dots li {
  list-style: none;
  margin: 0 0 16px;
  padding: 0 0 0 40px;
  background: url('../img/li-tips-bullet.png') no-repeat left 3px;
  font-size: 16px;
  line-height: 1.4;
}
.tech-upgrade {
  margin: 0 0 50px;
  padding: 0;
}
@media (min-width: 768px) {
  .tech-upgrade .tech-upgrade-icon {
    padding-right: 0;
  }
}
.tech-upgrade h5 {
  color: #cd6600;
  text-transform: uppercase;
  margin-bottom: 15px;
  letter-spacing: 1px;
}
a.unit-compare-box {
  display: block;
  position: relative;
  border: solid 1px transparent;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0;
  margin-bottom: 10px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
a.unit-compare-box .unit-img-circle {
  margin: auto;
  border-radius: 50%;
  width: 100%;
  position: relative;
  background-color: #161718;
  border: 4px solid #161718;
  box-shadow: inset 0 0 0 1px #000,
    0 0 0 2px transparent;
}
a.unit-compare-box .unit-img-circle:before {
  content: "";
  display: block;
  padding-top: 100%;
}
a.unit-compare-box .unit-img-circle .circle-inner img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  max-width: 65%;
}
a.unit-compare-box .unit-img-circle .circle-inner.commando img {
  max-width: 38%;
}
a.unit-compare-box .unit-img-circle .circle-inner.stalker img {
  max-width: 53%;
}
a.unit-compare-box .unit-img-circle .circle-inner.seeker img {
  max-width: 47%;
}
a.unit-compare-box .unit-img-circle .circle-inner.cloudburst img {
  max-width: 51%;
}
a.unit-compare-box .unit-img-circle:hover {
  box-shadow: inset 0 0 0 1px #000000, 0 0 0 2px #cd6600;
}
a.unit-compare-box .unit-title {
  text-align: center;
  padding: 10px 0px;
  max-height: 70px;
  overflow: hidden;
  position: relative;
}
@media (min-width: 992px) {
  a.unit-compare-box {
    font-size: 13px;
  }
}
.model {
  width: 100%;
}
.model .model-wrap {
  text-align: center;
}
.model .model-wrap #turnaround {
  width: 100%;
}
.model .model-wrap .img-responsive {
  display: inline-block;
}
.model .model-control {
  text-align: center;
  display: block;
  margin: 0;
}
@media (min-width: 768px) {
  .model .model-control {
    margin: 0;
  }
}
.model .model-control i.icon-view {
  font-size: 30px;
}
@media (min-width: 768px) {
  .model .model-control i.icon-view {
    font-size: 20px;
  }
}
@media (min-width: 480px) {
  .model {
    float: left;
    width: 200px;
  }
}
@media (min-width: 768px) {
  .model {
    float: left;
    width: 130px;
  }
}
@media (min-width: 992px) {
  .model {
    float: left;
    width: 150px;
  }
}
@media (min-width: 1200px) {
  .model {
    float: left;
    width: 200px;
  }
}
.unit-stats-table {
  background-color: #111;
  border: solid 1px #242524;
  margin: 20px 0 15px;
  padding: 14px;
}
.unit-stats-table .unit-stats-content {
  background: #171819;
  background: url('../img/units-tab-content-bg.png');
}
.unit-stats-table .unit-stats-content .unit-stats-content {
  background: none;
}
.unit-stats-table .unit-stats-content .unit-stats-col {
  border-right: solid 1px #242524;
  height: 100%;
}
.unit-stats-table .unit-stats-content .unit-stats-col h4.section-head {
  text-align: center;
  margin-top: 0;
  margin-bottom: 30px;
  padding: 43px 0 10px;
  position: relative;
}
.unit-stats-table .unit-stats-content .unit-stats-col h4.section-head:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  display: block;
  border-top: solid 1px #000;
  border-bottom: solid 1px #252525;
  height: 1px;
  background: #ccc;
}
.unit-stats-table .unit-stats-content .unit-stats-col .model-wrap {
  text-align: center;
}
.unit-stats-table .unit-stats-content .unit-stats-col .model-wrap #turnaround {
  width: 250px;
}
@media (min-width: 768px) {
  .unit-stats-table .unit-stats-content .unit-stats-col .model-wrap #turnaround {
    width: 100%;
  }
}
.unit-stats-table .unit-stats-content .unit-stats-col .model-wrap .img-responsive {
  display: inline-block;
}
.unit-stats-table .unit-stats-content .unit-stats-col .model-control {
  text-align: center;
  display: block;
  margin: 40px 0;
}
.unit-stats-table .unit-stats-content .unit-stats-col .model-control i.icon-view {
  font-size: 40px;
}
.unit-stats-table .unit-stats-content .unit-stats-col .unit-stats-content {
  padding: 15px;
}
.unit-stats-table .unit-stats-content .unit-stats-col table.unit-stats-info {
  border-collapse: collapse;
  width: 100%;
}
.unit-stats-table .unit-stats-content .unit-stats-col table.unit-stats-info td {
  font-size: 16px;
  color: #cd6600;
  padding: 10px 20px;
  width: 50%;
}
@media (min-width: 768px) {
  .unit-stats-table .unit-stats-content .unit-stats-col table.unit-stats-info td {
    font-size: 12px;
    padding: 3px 7px;
  }
}
@media (min-width: 992px) {
  .unit-stats-table .unit-stats-content .unit-stats-col table.unit-stats-info td {
    font-size: 14px;
    padding: 8px 15px;
  }
}
@media (min-width: 1200px) {
  .unit-stats-table .unit-stats-content .unit-stats-col table.unit-stats-info td {
    font-size: 16px;
    padding: 10px 20px;
  }
}
.unit-stats-table .unit-stats-content .unit-stats-col table.unit-stats-info td.col-label {
  color: #636363;
  text-align: right;
  text-transform: uppercase;
}
.unit-stats-table .unit-stats-content .unit-stats-col table.unit-stats-info td.col-label:after {
  content: ":";
}
.unit-stats-table .unit-stats-content .unit-stats-col .thumbnail-title {
  position: relative;
  display: block;
  font-size: 11px;
  background: url('../img/box-title-bg.jpg') 0 0 repeat;
  padding: 9px 10px;
  max-height: 70px;
  overflow: hidden;
  text-transform: uppercase;
  color: #fff;
}
.unit-stats-table .unit-stats-content .unit-stats-col .thumbnail-title.marker:before {
  content: "";
  width: 1px;
  height: 34px;
  background: #000;
  position: absolute;
  right: 36px;
  bottom: 0px;
}
.unit-stats-table .unit-stats-content .unit-stats-col .thumbnail-title.marker:after {
  content: ">>";
  font-size: 16px;
  position: absolute;
  right: 10px;
  bottom: 5px;
}
.unit-stats-table .unit-stats-content .unit-stats-col .thumbnail-title:hover {
  color: #cd6600;
}
@media (min-width: 768px) {
  .unit-stats-table .unit-stats-content .unit-stats-col {
    min-height: 647px;
    padding-left: 0;
    padding-right: 0;
  }
  .unit-stats-table .unit-stats-content .unit-stats-col:first-child {
    padding-left: 15px;
  }
  .unit-stats-table .unit-stats-content .unit-stats-col:last-child {
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .unit-stats-table .unit-stats-content .unit-stats-col {
    min-height: 741px;
  }
}
#game-info-btn.nav-down-after span {
  margin-left: 2px;
  color: #fff;
  width: 10px;
  height: 10px;
}
#game-info-btn.nav-down-after span:before {
  font-family: gg2-fonts;
  content: "\e601";
}
#game-info-btn.nav-down-after span.up:before {
  content: "\e604";
}
.traits-box {
  display: block;
  position: relative;
  border: solid 1px transparent;
  font-size: 10px;
  letter-spacing: 0;
  margin-bottom: 10px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.traits-box .trait-img {
  padding: 8px 8px 10px;
  border-bottom: solid 1px #000;
  text-align: center;
  height: 110px;
}
.traits-box .trait-img i {
  font-size: 60px;
  color: #fff;
}
.traits-box .trait-img i.beta {
  color: #cd6600;
}
.traits-box .trait-img i.humans {
  color: #028bdc;
}
.traits-box .trait-img i.goo {
  color: #6766cd;
}
.traits-box .trait-img i.shroud {
  color: #4646a0;
}
.traits-box .trait-img img.default {
  max-width: 70px;
  margin: 0 auto;
}
.traits-box .trait-title {
  text-align: center;
  border-top: solid 1px #202020;
  padding: 10px 0px;
  max-height: 70px;
  overflow: hidden;
  position: relative;
  color: #636363;
  text-transform: uppercase;
}
.topic-link a {
  word-wrap: break-word;
  display: inline-block;
}
.video-wrapper {
  top: 0;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.video-bg {
  position: relative;
  left: 50%;
  min-height: 100%;
  transform: translate(-50%, 0);
  z-index: 0;
  display: none;
}
@media (min-width: 768px) {
  .video-bg {
    display: block;
    width: 130%;
    heigth: auto;
  }
}
@media (min-width: 992px) {
  .video-bg {
    width: 130%;
    heigth: auto;
  }
}
@media (min-width: 1200px) {
  .video-bg {
    width: 100%;
    heigth: auto;
  }
}
.features-block a.character-box {
  margin: 0px 0px 30px;
}
.features-block a.character-box .content-wrapper {
  background: url('../img/coming_soon_16x9_blank.jpg');
  background-size: cover;
}
@media (min-width: 768px) {
  .features-block a.character-box .content-wrapper .c-name {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .features-block a.character-box .content-wrapper .c-name {
    font-size: 24px;
  }
}
.features-block a.character-box .content-wrapper .c-img.game-features-icon {
  position: absolute;
  bottom: 60px;
  overflow: hidden;
  max-width: 100px;
  max-height: 100px;
}
@media (min-width: 480px) {
  .features-block a.character-box .content-wrapper .c-img.game-features-icon {
    max-width: 190px;
    max-height: 190px;
    bottom: 50px;
    left: 20px;
  }
}
@media (min-width: 620px) {
  .features-block a.character-box .content-wrapper .c-img.game-features-icon {
    max-width: 260px;
    max-height: 260px;
    left: 50px;
  }
}
@media (min-width: 768px) {
  .features-block a.character-box .content-wrapper .c-img.game-features-icon {
    max-width: 120px;
    max-height: 120px;
    left: 30px;
  }
}
@media (min-width: 992px) {
  .features-block a.character-box .content-wrapper .c-img.game-features-icon {
    max-width: 190px;
    max-height: 190px;
    left: 20px;
  }
}
@media (min-width: 1200px) {
  .features-block a.character-box .content-wrapper .c-img.game-features-icon {
    max-width: 280px;
    max-height: 280px;
    left: 40px;
  }
}
.features-block .media-caption {
  height: auto;
}
.features-block .media-caption .map-title {
  color: #fff;
  font-size: 24px;
  text-transform: uppercase;
  font-family: 'PlanerRegular';
}
.features-block .media-caption .map-subtitle {
  margin-top: 8px;
  font-size: 18px;
  text-transform: uppercase;
  font-family: 'PlanerRegular';
}
.features-block .media-caption .map-blurb {
  margin-top: 20px;
  font-size: 14px;
  line-height: 24px;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.container-502 .basic-overview {
  margin-top: 65px;
}
@media (min-width: 768px) {
  .container-502 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  .container-502 .container {
    position: relative;
    top: 150px;
  }
}
.buy-now-block {
  margin-top: 235px;
}
@media (min-width: 768px) {
  .buy-now-block {
    margin-top: 325px;
  }
}
.mini-parent2 {
  color: #cd6600;
  font-size: 12px;
  text-transform: uppercase;
}
.buy-now-block h2 {
  font-size: 18px;
  font-family: kelson_sanslight;
  color: #fff;
}
.mobile-buy-now-widget {
  text-align: center;
}
body.buynow {
  background-image: url('../img/buy-goo-now-bg.jpg') !important;
  background-size: auto 320px;
}
@media (min-width: 768px) {
  body.buynow {
    background-image: url('../img/buy-goo-now-bg-goo.jpg') !important;
    background-position: center 130px;
    background-size: contain;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1200px) {
  body.buynow {
    background-image: url('../img/buy-goo-now-bg-goo.jpg') !important;
    background-position: center 130px;
    background-size: auto auto;
    background-repeat: no-repeat;
  }
}
.buy-now-table {
  width: 100%;
}
.buy-now-table th,
.buy-now-table td {
  font-size: 12px;
  padding: 10px;
}
.buy-now-table th.N,
.buy-now-table td.N {
  background: url(../img/carousel-marker.png) no-repeat center;
}
.buy-now-table th.Y,
.buy-now-table td.Y {
  background: url(../img/carousel-marker-active.png) no-repeat center;
}
.buy-now-table th {
  font-size: 14px;
  text-align: center;
}
.buy-now-table tr {
  border-bottom: 1px solid #313131;
}
.buy-now-table td:nth-child(n+2) {
  height: 16px;
  text-align: center;
  width: 16px;
}
.buy-now-table td:nth-child(1) {
  color: #028bdc;
  padding-left: 25px;
  width: 30%;
}
.buy-now-sys-req h4 {
  font-size: 24px;
  margin-bottom: 20px;
}
.buy-now-sys-req p > strong {
  color: #028bdc;
  font-weight: normal;
}
.buy-now-sys-req.right-side h4 {
  margin-top: 35px;
}
@media (min-width: 768px) {
  .buy-now-sys-req.right-side h4 {
    margin-top: 10px;
  }
}
.also-on-steam {
  margin-bottom: 30px;
  margin-top: 0;
  text-align: center;
  width: 100%;
}
span.favorite-username {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.mmt {
  position: absolute;
}
.mmt img {
  position: absolute;
}
.hero-tournaments {
  position: relative;
  background: url('../img/gg_tournamentlaunch_hero.jpg') center top no-repeat #111111;
  background-size: cover;
  min-height: 405px;
  overflow-y: hidden;
}
@media (min-width: 768px) {
  .hero-tournaments {
    background: url('../img/gg_tournamentlaunch_hero_bg.jpg') center top no-repeat #111111;
    background-size: cover;
    height: 405px;
  }
}
@media (min-width: 992px) {
  .hero-tournaments {
    height: 529px;
  }
}
@media (min-width: 1200px) {
  .hero-tournaments {
    height: 641px;
  }
}
.hero-tournaments .hero-tournaments-content .tourney-logo {
  margin-top: 30px;
  max-width: 265px;
  display: inline-block;
}
@media (min-width: 480px) {
  .hero-tournaments .hero-tournaments-content .tourney-logo {
    max-width: 365px;
  }
}
@media (min-width: 768px) {
  .hero-tournaments .hero-tournaments-content .tourney-logo {
    display: block;
    max-width: 100%;
  }
}
.hero-tournaments .hero-tournaments-content .btn-blue {
  padding: 10px 50px;
}
@media (min-width: 768px) {
  .hero-tournaments .hero-tournaments-content {
    position: absolute;
    z-index: 10;
    top: 0;
  }
}
.featured-news-carousel .slide {
  position: relative;
}
.featured-news-carousel .slide a {
  display: block;
  border: solid 1px transparent;
}
.featured-news-carousel .slide a:hover {
  border: solid 1px #cd6600;
}
.featured-news-carousel .marker-row {
  padding: 13px 0 0;
}
.featured-news-carousel .feature-title {
  margin-top: 13px;
  margin-bottom: 50px;
}
.hero-mobile {
  position: relative;
  text-align: center;
}
.hero-mobile img {
  margin: auto;
}
.hero-mobile .button-container {
  width: 100%;
  padding: 30px 0;
}
.hero-carousel {
  background-image: none;
  background-size: cover;
  position: relative;
}
.hero-carousel #hero-carousel-theater {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 16px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.95);
  z-index: 1000;
}
.hero-carousel #hero-carousel-theater .video-container,
.hero-carousel #hero-carousel-theater .iframe-container {
  display: none;
}
.hero-carousel #hero-carousel-theater[data-type="youtube"] .iframe-container {
  width: 100%;
  height: 100%;
  display: block;
}
.hero-carousel #hero-carousel-theater[data-type="video"] .video-container {
  width: 100%;
  height: 100%;
  display: block;
}
.hero-carousel .hero-carousel-content {
  position: relative;
}
.hero-carousel .hero-carousel-content .slide-container {
  position: relative;
  width: 100%;
  height: 100%;
  height: 643px;
}
.hero-carousel .hero-carousel-content .slide-container .slide {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 643px;
  display: block;
}
@media (min-width: 768px) {
  .hero-carousel .hero-carousel-content .slide-container {
    height: 405px;
  }
  .hero-carousel .hero-carousel-content .slide-container .slide {
    height: 405px;
  }
}
@media (min-width: 992px) {
  .hero-carousel .hero-carousel-content .slide-container {
    height: 529px;
  }
  .hero-carousel .hero-carousel-content .slide-container .slide {
    height: 529px;
  }
}
@media (min-width: 1200px) {
  .hero-carousel .hero-carousel-content .slide-container {
    height: 641px;
  }
  .hero-carousel .hero-carousel-content .slide-container .slide {
    height: 641px;
  }
}
.hero-carousel .hero-carousel-content .media-controls-row {
  width: 100%;
  position: absolute;
  bottom: 20px;
  z-index: 10;
}
.hero-carousel .hero-carousel-content .media-controls-row .media-box {
  border: solid 1px transparent;
  color: #e1e1e1;
  position: relative;
  margin-bottom: 20px;
  cursor: pointer;
}
.hero-carousel .hero-carousel-content .media-controls-row .media-box .media-item {
  overflow: hidden;
  position: relative;
}
.hero-carousel .hero-carousel-content .media-controls-row .media-box .media-item .progress.progress-bar-gmedia {
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 6px;
  z-index: 900;
  width: 100%;
  border-radius: 0;
  background: rgba(0, 0, 0, 0.9);
}
.hero-carousel .hero-carousel-content .media-controls-row .media-box .media-item .progress.progress-bar-gmedia .progress-bar {
  background-color: #cd6600;
}
.hero-carousel .hero-carousel-content .media-controls-row .media-box .media-item .progress.progress-bar-gmedia .progress-bar[aria-valuenow="0"] {
  min-width: 0;
}
.hero-carousel .hero-carousel-content .media-controls-row .media-box .media-thumb {
  visibility: hidden;
}
.hero-carousel .hero-carousel-content .media-controls-row .media-box .caption {
  padding: 10px 15px;
  font-size: 16px;
  display: block;
  background: rgba(0, 0, 0, 0.8);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .hero-carousel .hero-carousel-content .media-controls-row {
    position: absolute;
  }
}
.hero-carousel .container {
  position: relative;
}
.game-info h1 {
  font-size: 48px;
  margin-top: 85px;
  margin-bottom: 50px;
}
.game-info .game-info-intro {
  font-size: 16px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 75px;
}
.game-info .faction-info {
  margin-bottom: 90px;
}
.game-info .faction-info a.info-faction-box {
  display: block;
  position: relative;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 10px;
  border: solid 1px #242524;
  padding: 8px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.game-info .faction-info a.info-faction-box .content-wrapper {
  position: relative;
}
.game-info .faction-info a.info-faction-box .c-faction {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
  background-size: cover;
}
.game-info .faction-info a.info-faction-box .c-faction.beta-circle {
  background-image: url('../img/faction-icon-beta-1inactive.png');
}
.game-info .faction-info a.info-faction-box .c-faction.goo-circle {
  background-image: url('../img/faction-icon-goo-1inactive.png');
}
.game-info .faction-info a.info-faction-box .c-faction.human-circle {
  background-image: url('../img/faction-icon-humans-1inactive.png');
}
.game-info .faction-info a.info-faction-box .c-faction.shroud-circle {
  background-image: url('../img/faction-icon-shroud-1inactive.png');
}
.game-info .faction-info a.info-faction-box .faction-title {
  background: url('../img/box-title-bg.jpg') 0 0 repeat;
  font-size: 20px;
  font-family: kelson_sanslight;
  font-weight: 400;
  padding: 12px 16px;
  width: 100%;
  text-align: left;
  border-top: solid 1px #252525;
}
.game-info .faction-info a.info-faction-box .faction-title i {
  font-size: 20px;
  line-height: 20px;
  margin-right: 20px;
  border-right: solid 1px #252525;
  padding: 10px 20px;
}
.game-info .faction-info a.info-faction-box .faction-title:before {
  content: "";
  width: 1px;
  height: 52px;
  background: #000;
  position: absolute;
  right: 56px;
  bottom: 0px;
}
.game-info .faction-info a.info-faction-box .faction-title:after {
  content: ">>";
  font-size: 20px;
  position: absolute;
  right: 20px;
  bottom: 12px;
}
.game-info .faction-info a.info-faction-box:hover {
  border: solid 1px #cd6600;
  text-shadow: 1px 0px 1px rgba(228, 122, 10, 0.3), -1px 0px 1px rgba(228, 122, 10, 0.3), -1px -1px 1px rgba(228, 122, 10, 0.3);
}
.game-info .faction-info a.info-faction-box:hover .c-faction.beta-circle {
  background-image: url('../img/faction-icon-beta-2rollover.png');
}
.game-info .faction-info a.info-faction-box:hover .c-faction.goo-circle {
  background-image: url('../img/faction-icon-goo-2rollover.png');
}
.game-info .faction-info a.info-faction-box:hover .c-faction.human-circle {
  background-image: url('../img/faction-icon-humans-2rollover.png');
}
.game-info .faction-info a.info-faction-box:hover .c-faction.shroud-circle {
  background-image: url('../img/faction-icon-shroud-2rollover.png');
}
.game-info .faction-info a.info-faction-box:active .c-faction.beta-circle {
  background-image: url('../img/faction-icon-beta-3pressed.png');
}
.game-info .faction-info a.info-faction-box:active .c-faction.goo-circle {
  background-image: url('../img/faction-icon-goo-3pressed.png');
}
.game-info .faction-info a.info-faction-box:active .c-faction.human-circle {
  background-image: url('../img/faction-icon-humans-3pressed.png');
}
@media (min-width: 768px) {
  .game-info .faction-info a.info-faction-box {
    margin-bottom: 0;
  }
  .game-info .faction-info a.info-faction-box .c-faction {
    width: 50px;
    height: 50px;
  }
}
@media (min-width: 992px) {
  .game-info .faction-info a.info-faction-box .c-faction {
    width: 65px;
    height: 65px;
  }
}
@media (min-width: 1200px) {
  .game-info .faction-info a.info-faction-box .c-faction {
    width: 80px;
    height: 80px;
  }
}
.game-info .faction-info ul.faction-features {
  margin: 15px 0 0;
  padding: 0;
  border-bottom: solid 1px #252525;
}
.game-info .faction-info ul.faction-features li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.game-info .faction-info ul.faction-features li a {
  display: block;
  font-size: 14px;
  font-family: kelson_sanslight;
  padding: 30px 20px 30px 80px;
  border-bottom: solid 1px #000;
  border-top: solid 1px #252525;
  text-transform: uppercase;
  position: relative;
}
.game-info .faction-info ul.faction-features li a i {
  margin-right: 35px;
  font-size: 40px;
}
.game-info .faction-info ul.faction-features li a:hover {
  background: #000;
}
.game-info .faction-info ul.faction-features li a:before {
  content: "\e60d";
  font-family: 'gg2-fonts';
  font-size: 40px;
  position: absolute;
  left: 16px;
  top: 10px;
}
.game-info .faction-info ul.faction-features li a.beta-units:before {
  content: "\e633";
}
.game-info .faction-info ul.faction-features li a.beta-structures:before {
  content: "\e632";
}
.game-info .faction-info ul.faction-features li a.goo-units:before {
  content: "\e636";
}
.game-info .faction-info ul.faction-features li a.goo-structures:before {
  content: "\e635";
}
.game-info .faction-info ul.faction-features li a.human-units:before {
  content: "\e639";
}
.game-info .faction-info ul.faction-features li a.human-structures:before {
  content: "\e638";
}
.game-info .faction-info ul.faction-features li a.faction-trees:before {
  content: "\e647";
}
.game-info a.thumbnail-box {
  font-size: 11px;
  font-weight: 400;
  font-family: kelson_sanslight;
}
.game-info a.thumbnail-box .thumbnail-title {
  padding: 10px;
}
.game-info a.thumbnail-box .thumbnail-title.marker:before {
  height: 52px;
  right: 52px;
}
.game-info a.thumbnail-box .thumbnail-title.marker:after {
  font-size: 16px;
  right: 16px;
  bottom: 6px;
}
.icon-humans-logo:before,
.icon-human-logo:before {
  content: "\e637";
}
.icon-mount-pillars:before {
  content: "\e64b";
}
.icon-aoe-damage:before {
  content: "\e64c";
}
.icon-detects-stealth:before {
  content: "\e64d";
}
.icon-flies:before {
  content: "\e64e";
}
.icon-attack-air:before {
  content: "\e64f";
}
.icon-fire-while-moving:before {
  content: "\e650";
}
.icon-epic:before {
  content: "\e651";
}
.icon-stealth:before {
  content: "\e652";
}
.news-categories {
  text-transform: uppercase;
  margin-top: 30px;
  margin-bottom: 50px;
}
.news-categories .col-news-box {
  text-align: left;
}
@media (min-width: 768px) {
  .news-categories .col-news-box {
    text-align: center;
  }
}
.news-categories a.news-cat-wrap {
  padding: 10px;
  display: block;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.news-categories a.news-cat-wrap i {
  font-size: 20px;
  display: inline-block;
  margin-right: 30px;
}
@media (min-width: 768px) {
  .news-categories a.news-cat-wrap i {
    font-size: 60px;
    display: block;
    margin-right: 0px;
  }
}
.news-categories a.news-cat-wrap .hr-dark {
  margin-top: 16px;
  margin-bottom: 20px;
}
.news-categories a.news-cat-wrap.active {
  color: #cd6600;
}
.news-categories a.news-cat-wrap:active,
.news-categories a.news-cat-wrap:focus {
  text-decoration: none;
}
.news-main .section-head {
  margin-top: 0;
}
.news-main .dropdown-archive .archive-label {
  margin-right: 15px;
}
.news-main .dropdown-archive a.select {
  font-size: 12px;
  color: #646464;
  padding: 5px 55px 5px 17px;
  background: #1c1c1c;
  border-radius: 4px;
  border: 1px solid #2a2a2a;
  display: block;
  margin: 10px 0;
  position: relative;
}
@media (min-width: 768px) {
  .news-main .dropdown-archive a.select {
    margin: 0;
  }
}
.news-main .dropdown-archive a.select:focus {
  text-decoration: none;
}
.news-main .dropdown-archive a.select:after {
  content: "\e604";
  font-family: 'gg2-fonts';
  color: #fff;
  position: absolute;
  right: 14px;
  top: 2px;
}
.news-main .dropdown-archive ul.dropdown-menu {
  margin-top: 4px;
  font-size: 12px;
  right: 0;
  left: auto;
  background-color: rgba(0, 0, 0, 0.8);
}
.news-main .dropdown-archive ul.dropdown-menu li {
  border-bottom: solid 1px #252525;
  min-width: 181px;
}
.news-main .dropdown-archive ul.dropdown-menu li a {
  color: #fefffa;
  padding: 8px 20px;
}
.news-main .dropdown-archive ul.dropdown-menu li a:hover {
  color: #cd6600;
  background: transparent;
}
.news-main article a.news-title {
  font-size: 22px;
}
.article-wrapper {
  position: relative;
}
.article-wrapper .article-carousel {
  position: relative;
}
.article-wrapper .article-carousel .article-carousel-imageholder {
  min-height: 430px;
  position: relative;
  background: url('../img/test-feat1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
.article-wrapper .article-carousel .container {
  position: relative;
}
.article-wrapper .article-header {
  margin-bottom: 30px;
  text-align: center;
}
@media (min-width: 768px) {
  .article-wrapper .article-header {
    text-align: left;
    margin-top: -100px;
  }
}
.article-wrapper .article-header .article-header-block {
  margin-bottom: 5px;
  background: rgba(0, 0, 0, 0.8);
  padding-top: 40px;
  padding-bottom: 40px;
}
.article-wrapper .article-header .article-header-block h1 {
  color: #028bdc;
  font-family: 'kelson_sansregular';
  font-size: 34px;
  line-height: 54px;
  letter-spacing: 2px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .article-wrapper .article-header .article-header-block h1 {
    font-size: 44px;
  }
}
.article-wrapper .article-header .article-info-block {
  font-size: 12px;
  padding-top: 28px;
  padding-bottom: 28px;
  background: rgba(0, 0, 0, 0.8);
}
.article-wrapper .article-header .article-info-block .timestamp {
  display: inline-block;
  margin-left: 0;
  margin-top: 5px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .article-wrapper .article-header .article-info-block .timestamp {
    margin-bottom: 0;
  }
}
.article-wrapper .article-header .article-info-block .category-wrap {
  display: inline-block;
}
.article-wrapper .article-body {
  color: #92c1dd;
  letter-spacing: 2px;
  margin-bottom: 40px;
  overflow: auto;
}
.article-wrapper .article-body p,
.article-wrapper .article-body .embed-responsive {
  margin: 0 0 20px;
}
.article-wrapper .article-body h2,
.article-wrapper .article-body h3,
.article-wrapper .article-body h4,
.article-wrapper .article-body h5,
.article-wrapper .article-body h6 {
  margin-top: 50px;
  margin-bottom: 30px;
  color: #028bdc;
}
.article-wrapper .article-body dl dt,
.article-wrapper .article-body dl dd {
  margin: 0 0 20px;
}
.article-wrapper .article-body dl dt {
  color: #ffffff;
}
.article-wrapper .article-body img {
  max-width: 100%;
}
.article-wrapper .article-body img.img-half {
  max-width: 100%;
}
@media (min-width: 768px) {
  .article-wrapper .article-body img.img-half {
    max-width: 70%;
  }
}
.article-wrapper .article-body img.pull-left {
  margin: 0 20px 20px 0px;
}
.article-wrapper .article-body img.pull-right {
  margin: 0 0 20px 20px;
}
@media (min-width: 768px) {
  .article-wrapper .article-body img {
    max-width: auto;
  }
}
.article-wrapper .article-body .article-slider {
  position: relative;
}
.article-wrapper .article-body .article-slider .slide-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 15px;
  max-height: 70px;
  overflow: hidden;
}
.article-wrapper .article-body .article-info-bar-footer {
  margin: 20px 0;
}
.article-wrapper .article-body .article-info-bar-footer .discuss i {
  color: #cd6600;
  margin-right: 6px;
}
.article-wrapper .article-body .article-info-bar-footer .discuss:hover i {
  text-shadow: 1px 0px 1px rgba(228, 122, 10, 0.3), -1px 0px 1px rgba(228, 122, 10, 0.3), -1px -1px 1px rgba(228, 122, 10, 0.3);
}
.article-wrapper ul.article-categories {
  margin: 20px 0 0;
  padding: 0;
}
.article-wrapper ul.article-categories li {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  padding: 10px 0;
}
.article-wrapper ul.article-categories li a {
  display: block;
  font-size: 13px;
  text-transform: uppercase;
}
.article-wrapper ul.article-categories li a i {
  font-size: 18px;
  margin-right: 8px;
}
@media (min-width: 768px) {
  .article-wrapper ul.article-categories {
    margin: 0;
    display: inline-block;
  }
  .article-wrapper ul.article-categories li {
    display: inline;
    margin-bottom: 9px;
  }
  .article-wrapper ul.article-categories li a {
    display: inline-block;
    padding: 0 8px 5px;
  }
}
.article-wrapper .recent-articles a.btn-target {
  margin: 30px 0 20px;
}
.mob-ctr-right {
  text-align: center;
}
@media (min-width: 768px) {
  .mob-ctr-right {
    text-align: left;
  }
}
.mob-ctr-right {
  text-align: center;
}
@media (min-width: 768px) {
  .mob-ctr-right {
    text-align: right;
  }
}
.community .twitch {
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .podcasts .thumbox {
    margin-bottom: 90px;
  }
}
@media (min-width: 992px) {
  .podcasts .thumbox {
    margin-bottom: 30px;
  }
}
.podcasts .caption-link {
  cursor: pointer;
}
.podcasts .caption-link:hover {
  cursor: pointer;
}
.podcasts .closer {
  font-size: 18px;
  background: transparent;
  border: 0;
}
.podcasts .closer:after {
  font-family: 'gg2-fonts';
  content: "\e665";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
  display: inline-block;
  position: relative;
  left: 9px;
}
@media (max-width: 768px) {
  .podcasts .closer {
    font-size: 24px;
  }
}
.podcasts .play {
  font-size: 24px;
  padding-left: 10px;
  position: relative;
  top: 5px;
}
.podcasts .play:after {
  font-family: 'gg2-fonts';
  content: "\e649";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -webkit-transform: rotate(-90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-90deg);
  display: inline-block;
  position: relative;
}
@media (min-width: 768px) {
  .podcasts .play {
    padding-left: 10px;
    padding-right: 0px;
  }
}
.podcasts .download {
  font-size: 24px;
  padding-left: 10px;
  position: relative;
  top: 5px;
}
.podcasts .download:after {
  font-family: 'gg2-fonts';
  content: "\e66a";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  position: relative;
}
@media (min-width: 768px) {
  .podcasts .download {
    padding-left: 10px;
    padding-right: 0px;
  }
}
.podcasts .info {
  font-size: 24px;
  padding: 0 0 0 10px;
  position: relative;
  background: transparent;
}
.podcasts .info:hover {
  color: #cd6600;
}
.podcasts .info:after {
  font-family: 'gg2-fonts';
  content: "\e66b";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  position: relative;
}
@media (min-width: 768px) {
  .podcasts .info {
    padding-left: 10px;
    padding-right: 0px;
  }
}
.podcasts .info-active {
  font-size: 24px;
  padding: 0 0 0 10px;
  position: relative;
  background: transparent;
  color: #cd6600;
}
.podcasts .info-active:hover {
  color: #cd6600;
}
.podcasts .info-active:after {
  font-family: 'gg2-fonts';
  content: "\e66b";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  position: relative;
}
@media (min-width: 768px) {
  .podcasts .info-active {
    padding-left: 10px;
    padding-right: 0px;
  }
}
.podcast-details {
  background: #0A0A0A;
  border: 1px solid #1A1A1A;
  height: auto;
  width: 100%;
  padding: 10px;
  border-radius: 0px;
}
.podcast-details .podcast-date-length {
  color: #777;
  font-size: 11px;
}
.podcast-details .podcast-icons {
  text-align: right;
}
@media (min-width: 768px) {
  .podcast-details .podcast-icons {
    text-align: right;
  }
}
@media (min-width: 992px) {
  .podcast-details .podcast-icons {
    text-align: right;
  }
}
.podcast-details .podcast-icons a {
  color: #777;
}
.podcast-details .podcast-icons a:hover {
  color: #cd6600;
}
@media (min-width: 768px) {
  .podcast-details .podcast-icons i {
    padding-left: 10px;
    padding-right: 0px;
  }
}
@media (min-width: 992px) {
  .podcast-details .podcast-icons i {
    padding-left: 10px;
    padding-right: 0px;
  }
}
.podcast-info-wrapper {
  max-width: 100%;
  padding: 0;
  position: relative;
  font-size: 13px;
}
.podcast-info-wrapper .panel {
  margin-bottom: 0px;
}
.podcast-info-wrapper .thumbnail-box:hover {
  border: 1px solid #242524;
}
.podcast-info {
  position: absolute;
  top: 0;
  background: #0A0A0A;
  border: 1px solid #cd6600;
  width: 100%;
  min-height: 100%;
  padding: 4px 10px;
}
.podcast-info .desc {
  overflow: auto;
  font-size: 14px;
  max-height: 142px;
}
@media only screen and (min-width: 320px) and (max-width: 380px) {
  .podcast-info .desc {
    max-height: 142px;
  }
}
@media (min-width: 381px) {
  .podcast-info .desc {
    max-height: 178px;
  }
}
@media (min-width: 992px) {
  .podcast-info .desc {
    max-height: 160px;
    font-size: 12.5px;
  }
}
@media (min-width: 1200px) {
  .podcast-info .desc {
    max-height: 180px;
    font-size: 14px;
  }
}
.podcast-info .podcast-details {
  padding: 0;
  border: 0;
}
.podcast-overlay-wrapper {
  max-width: 100%;
  padding: 0;
  position: relative;
}
.podcast-overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 10px;
}
.podcast-audio {
  position: relative;
  top: 22px;
  text-align: right;
  color: #028ADB;
}
.podcast-audio audio {
  border: 1px solid #028ADB;
  width: 100%;
}
.podcast-audio audio input[type="button"] {
  color: #000;
}
.podcast-audio audio::-webkit-media-controls-enclosure,
.podcast-audio video::-webkit-media-controls-enclosure {
  height: 25px;
}
.podcast-audio audio::-webkit-media-controls-panel,
.podcast-audio video::-webkit-media-controls-panel {
  height: 21px;
  color: #028ADB;
}
.podcast-audio audio:-webkit-media-controls-play-button {
  color: #028ADB;
}
.audio-player,
.audio-player div,
.audio-player h2,
.audio-player a,
.audio-player span,
.audio-player button {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}
div.audio-player {
  position: relative;
  width: 100%;
  height: 36px;
  margin: 0 auto;
  background: #0A0A0A;
  border: 1px solid #028bdc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.audio-player h2 {
  position: absolute;
  top: 7px;
  left: 10px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #ececec;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
/* play/pause control */
.mejs-controls .mejs-button button {
  cursor: pointer;
  display: block;
  position: absolute;
}
.mejs-controls .mejs-play button,
.mejs-controls .mejs-pause button {
  width: 34px;
  height: 34px;
  background: transparent 0 0 no-repeat;
}
.mejs-play button:after {
  font-family: "gg2-fonts";
  content: "\e649";
  -moz-osx-font-smoothing: grayscale;
  transform: rotate(-90deg);
  display: inline-block;
}
.mejs-pause button:after {
  font-family: "gg2-fonts";
  content: "\e66c";
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
}
.mejs-controls .mejs-pause button {
  background-position: 0 -35px;
}
/* mute/unmute control */
.mejs-controls .mejs-mute button,
.mejs-controls .mejs-unmute button {
  width: 34px;
  height: 34px;
  left: 40px;
  background: transparent 0 0;
}
.mejs-mute button:after {
  font-family: "gg2-fonts";
  content: "\e62f";
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
}
.mejs-mute button {
  border-right: 1px solid #242524;
  height: 34px;
}
.mejs-unmute button {
  border-right: 1px solid #242524;
}
.mejs-play button {
  border-right: 1px solid #242524;
}
.mejs-pause button {
  border-right: 1px solid #242524;
}
.mejs-unmute button:after {
  color: #777;
  font-family: "gg2-fonts";
  content: "\e62f";
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
}
.mejs-controls .mejs-unmute button {
  background-position: 0 -19px;
}
/* volume scrubber bar - not currently in use */
.mejs-controls div.mejs-horizontal-volume-slider {
  position: absolute;
  top: 13px;
  right: 15px;
  cursor: pointer;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  width: 120px;
  height: 11px;
  background: #212227;
  -webkit-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.25);
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.25);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  position: absolute;
  width: 0;
  height: 9px;
  top: 1px;
  left: 1px;
  background: #028bdc;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
/* time scrubber bar */
.mejs-controls div.mejs-time-rail {
  width: auto;
}
.mejs-controls .mejs-time-rail span {
  position: absolute;
  display: block;
  width: 61%;
  height: 32px;
  left: 73px;
  cursor: pointer;
}
@media (min-width: 992px) {
  .mejs-controls .mejs-time-rail span {
    width: 62%;
  }
}
.mejs-controls .mejs-time-rail .mejs-time-total {
  width: 55% !important;
  /* fixes display bug using jQuery 1.8+ */
  height: 32px;
  background: #fff;
  top: 1px;
}
@media (min-width: 1200px) {
  .mejs-controls .mejs-time-rail .mejs-time-total {
    width: 62% !important;
  }
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
  top: 0;
  left: 0;
  width: 0;
  background: #fff;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
  top: 0;
  left: 0;
  width: 0;
  background: #E9E9E9;
}
/* sliders */
.mejs-controls .mejs-time-rail .mejs-time-handle {
  position: absolute;
  display: block;
  width: 20px;
  height: 22px;
  top: -6px;
  background: no-repeat;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
  position: absolute;
  display: block;
  width: 12px;
  height: 14px;
  top: -1px;
  background: no-repeat;
}
/* time progress tooltip */
.mejs-controls .mejs-time-rail .mejs-time-float {
  position: absolute;
  display: none;
  width: 33px;
  height: 23px;
  top: -30px;
  margin-left: -17px;
  z-index: 9999;
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {
  width: 50px;
  height: 23px;
  display: block;
  left: 0;
  top: 1px;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  z-index: 9999;
  background: #0A0A0A;
  padding: 4px;
  border-radius: 4px;
  border: 1px solid #028bdc;
}
.podcast-player-title {
  color: #000;
  position: absolute;
  top: 7px;
  left: 10px !important;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  z-index: 1979;
  font-weight: 400px;
  letter-spacing: 1px;
}
.mejs-time .mejs-duration-container {
  top: 8px;
  position: absolute;
  color: #000;
}
.mejs-time .mejs-currenttime {
  color: #000;
  position: absolute;
  right: 185px;
  letter-spacing: 1px;
  top: 8px;
  pointer-events: none;
}
@media (min-width: 992px) {
  .mejs-time .mejs-currenttime {
    right: 250px;
  }
}
@media (min-width: 1200px) {
  .mejs-time .mejs-currenttime {
    right: 260px;
  }
}
.mejs-time .mejs-currenttime:after {
  content: ' | ';
}
.mejs-time .mejs-duration {
  color: #000;
  position: absolute;
  right: 145px;
  letter-spacing: 1px;
  top: 8px;
  pointer-events: none;
}
@media (min-width: 992px) {
  .mejs-time .mejs-duration {
    right: 210px;
  }
}
@media (min-width: 1200px) {
  .mejs-time .mejs-duration {
    right: 220px;
  }
}
.mejs-horizontal-volume-slider {
  display: none;
}
.rss-container {
  text-align: left;
  letter-spacing: 1px;
  font-size: 80%;
}
.rss-container:before {
  font-family: 'gg2-fonts';
  content: '\e66e';
  padding-right: 4px;
  font-size: 16px;
  position: relative;
  top: 2px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.rss-container.mejs-mute {
  position: absolute;
  right: 65px;
  top: 3px;
  color: #777;
}
@media (min-width: 992px) {
  .rss-container.mejs-mute {
    right: 120px;
  }
}
@media (min-width: 1200px) {
  .rss-container.mejs-mute {
    right: 120px;
  }
}
.rss-container.mejs-unmute {
  position: absolute;
  right: 65px;
  top: 3px;
  color: #777;
}
@media (min-width: 992px) {
  .rss-container.mejs-unmute {
    right: 120px;
  }
}
@media (min-width: 1200px) {
  .rss-container.mejs-unmute {
    right: 120px;
  }
}
.itunes-container {
  text-align: left;
  letter-spacing: 1px;
  font-size: 80%;
}
.itunes-container:before {
  font-family: 'gg2-fonts';
  content: '\e66d';
  padding-right: 4px;
  font-size: 16px;
  position: relative;
  top: 2px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.itunes-container.mejs-mute {
  position: absolute;
  right: 65px;
  top: 3px;
  color: #777;
}
@media (min-width: 992px) {
  .itunes-container.mejs-mute {
    right: 10px;
  }
}
@media (min-width: 1200px) {
  .itunes-container.mejs-mute {
    right: 10px;
  }
}
.itunes-container.mejs-unmute {
  position: absolute;
  right: 65px;
  top: 3px;
  color: #777;
}
@media (min-width: 992px) {
  .itunes-container.mejs-unmute {
    right: 10px;
  }
}
@media (min-width: 1200px) {
  .itunes-container.mejs-unmute {
    right: 10px;
  }
}
.rss-container-sm {
  text-align: left;
  letter-spacing: 1px;
  font-size: 80%;
}
.rss-container-sm:before {
  font-family: 'gg2-fonts';
  content: '\e66e';
  padding-right: 4px;
  font-size: 16px;
  position: relative;
  top: 2px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.rss-container-sm.mejs-mute {
  position: absolute;
  right: 82px;
  top: 3px;
  color: #777;
}
.rss-container-sm.mejs-unmute {
  position: absolute;
  right: 82px;
  top: 3px;
  color: #777;
}
.itunes-container-sm {
  text-align: left;
  letter-spacing: 1px;
  font-size: 80%;
}
.itunes-container-sm:before {
  font-family: 'gg2-fonts';
  content: '\e66d';
  padding-right: 4px;
  font-size: 16px;
  position: relative;
  top: 2px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.itunes-container-sm.mejs-mute {
  position: absolute;
  right: 10px;
  top: 3px;
  color: #777;
}
.itunes-container-sm.mejs-unmute {
  position: absolute;
  right: 10px;
  top: 3px;
  color: #777;
}
.basic-block.techtree-block {
  min-height: 0;
}
.basic-block.techtree-block .basic-overview {
  min-height: 0;
}
@media (min-width: 768px) {
  .basic-block.techtree-block .basic-overview .page-head {
    margin-left: -3px;
  }
}
.tech-tree {
  position: relative;
}
@-moz-document url-prefix() {
  svg {
    margin: 0 15px;
  }
}
.tech-tree .tech-legend {
  background: #000;
  border: solid 1px #333333;
  text-align: center;
  padding: 12px 15px 20px;
  margin-bottom: 40px;
}
.tech-tree .tech-legend .title {
  font-size: 14px;
  color: #028bdc;
}
.tech-tree .tech-legend .tech-legend-item {
  display: inline-block;
  margin-right: 10px;
}
.tech-tree .tech-legend .tech-legend-item img {
  width: 90px;
  height: 96px;
}
@media (min-width: 768px) {
  .tech-tree .tech-legend .tech-legend-item {
    margin: 0 5px;
  }
  .tech-tree .tech-legend .tech-legend-item img {
    width: 70px;
    height: 75px;
  }
}
@media (min-width: 992px) {
  .tech-tree .tech-legend .tech-legend-item {
    margin: 0 8px 12px 8px;
  }
  .tech-tree .tech-legend .tech-legend-item img {
    width: 90px;
    height: 96px;
  }
}
@media (min-width: 768px) {
  .tech-tree .tech-legend {
    position: absolute;
    width: 140px;
    left: 15px;
    top: 0px;
  }
}
@media (min-width: 992px) {
  .tech-tree .tech-legend {
    width: 250px;
  }
}
.tech-tree .tech-tree-row {
  text-align: center;
  margin-bottom: 20px;
}
.tech-tree .tech-tree-row .tech-tree-spacer {
  display: inline-block;
  width: 30px;
  background-size: cover;
  margin-right: 8px;
  position: relative;
}
.tech-tree .tech-tree-row .tech-tree-item {
  display: inline-block;
  width: 112px;
  height: 120px;
  background: transparent url('../img/tech/default-blue.png') bottom center no-repeat;
  background-size: cover;
  margin-right: 8px;
  position: relative;
  opacity: 0.55;
  padding-top: 54px;
  color: #fff;
}
.tech-tree .tech-tree-row .tech-tree-item:hover {
  cursor: pointer;
  opacity: 1.0;
}
.tech-tree .tech-tree-row .tech-tree-item.spacer {
  background-image: none;
}
.tech-tree .tech-tree-row .tech-tree-item.prereq,
.tech-tree .tech-tree-row .tech-tree-item.selected {
  opacity: 1.0;
}
.tech-tree .tech-tree-row .tech-tree-item.hq {
  background-image: url('../img/tech/beta-hq-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.hq.selected {
  background-image: url('../img/tech/beta-hq-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.hq.prereq {
  background-image: url('../img/tech/beta-hq-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.refinery {
  background-image: url('../img/tech/beta-refinery-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.refinery.selected {
  background-image: url('../img/tech/beta-refinery-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.refinery.prereq {
  background-image: url('../img/tech/beta-refinery-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.silo {
  background-image: url('../img/tech/beta-silo-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.silo.selected {
  background-image: url('../img/tech/beta-silo-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.silo.prereq {
  background-image: url('../img/tech/beta-silo-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.factory {
  background-image: url('../img/tech/beta-factory-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.factory.selected {
  background-image: url('../img/tech/beta-factory-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.factory.prereq {
  background-image: url('../img/tech/beta-factory-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.wall {
  background-image: url('../img/tech/beta-wall-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.wall.selected {
  background-image: url('../img/tech/beta-wall-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.wall.prereq {
  background-image: url('../img/tech/beta-wall-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.small-hub {
  background-image: url('../img/tech/beta-small-hub-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.small-hub.selected {
  background-image: url('../img/tech/beta-small-hub-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.small-hub.prereq {
  background-image: url('../img/tech/beta-small-hub-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.stalker {
  background-image: url('../img/tech/beta-stalker-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.stalker.selected {
  background-image: url('../img/tech/beta-stalker-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.stalker.prereq {
  background-image: url('../img/tech/beta-stalker-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.commando {
  background-image: url('../img/tech/beta-commando-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.commando.selected {
  background-image: url('../img/tech/beta-commando-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.commando.prereq {
  background-image: url('../img/tech/beta-commando-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.medium-hub {
  background-image: url('../img/tech/beta-medium-hub-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.medium-hub.selected {
  background-image: url('../img/tech/beta-medium-hub-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.medium-hub.prereq {
  background-image: url('../img/tech/beta-medium-hub-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.stealth {
  background-image: url('../img/tech/beta-stealth-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.stealth.selected {
  background-image: url('../img/tech/beta-stealth-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.stealth.prereq {
  background-image: url('../img/tech/beta-stealth-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.artillery {
  background-image: url('../img/tech/beta-artillery-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.artillery.selected {
  background-image: url('../img/tech/beta-artillery-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.artillery.prereq {
  background-image: url('../img/tech/beta-artillery-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.tank {
  background-image: url('../img/tech/beta-tank-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.tank.selected {
  background-image: url('../img/tech/beta-tank-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.tank.prereq {
  background-image: url('../img/tech/beta-tank-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.air {
  background-image: url('../img/tech/beta-air-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.air.selected {
  background-image: url('../img/tech/beta-air-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.air.prereq {
  background-image: url('../img/tech/beta-air-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.hangar {
  background-image: url('../img/tech/beta-hangar-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.hangar.selected {
  background-image: url('../img/tech/beta-hangar-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.hangar.prereq {
  background-image: url('../img/tech/beta-hangar-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.large-hub {
  background-image: url('../img/tech/beta-large-hub-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.large-hub.selected {
  background-image: url('../img/tech/beta-large-hub-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.large-hub.prereq {
  background-image: url('../img/tech/beta-large-hub-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.large-factory {
  background-image: url('../img/tech/beta-large-factory-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.large-factory.selected {
  background-image: url('../img/tech/beta-large-factory-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.large-factory.prereq {
  background-image: url('../img/tech/beta-large-factory-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.repair-pad {
  background-image: url('../img/tech/beta-repair-pad-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.repair-pad.selected {
  background-image: url('../img/tech/beta-repair-pad-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.repair-pad.prereq {
  background-image: url('../img/tech/beta-repair-pad-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.seeker {
  background-image: url('../img/tech/beta-seeker-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.seeker.selected {
  background-image: url('../img/tech/beta-seeker-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.seeker.prereq {
  background-image: url('../img/tech/beta-seeker-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.hailstorm {
  background-image: url('../img/tech/beta-hailstorm-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.hailstorm.selected {
  background-image: url('../img/tech/beta-hailstorm-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.hailstorm.prereq {
  background-image: url('../img/tech/beta-hailstorm-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.predator {
  background-image: url('../img/tech/beta-predator-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.predator.selected {
  background-image: url('../img/tech/beta-predator-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.predator.prereq {
  background-image: url('../img/tech/beta-predator-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.cloudburst {
  background-image: url('../img/tech/beta-cloudburst-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.cloudburst.selected {
  background-image: url('../img/tech/beta-cloudburst-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.cloudburst.prereq {
  background-image: url('../img/tech/beta-cloudburst-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.stratus {
  background-image: url('../img/tech/beta-stratus-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.stratus.selected {
  background-image: url('../img/tech/beta-stratus-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.stratus.prereq {
  background-image: url('../img/tech/beta-stratus-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.avalanche {
  background-image: url('../img/tech/beta-avalanche-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.avalanche.selected {
  background-image: url('../img/tech/beta-avalanche-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.avalanche.prereq {
  background-image: url('../img/tech/beta-avalanche-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.guardian {
  background-image: url('../img/tech/beta-guardian-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.guardian.selected {
  background-image: url('../img/tech/beta-guardian-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.guardian.prereq {
  background-image: url('../img/tech/beta-guardian-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.warbird {
  background-image: url('../img/tech/beta-warbird-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.warbird.selected {
  background-image: url('../img/tech/beta-warbird-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.warbird.prereq {
  background-image: url('../img/tech/beta-warbird-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.nimbus {
  background-image: url('../img/tech/beta-nimbus-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.nimbus.selected {
  background-image: url('../img/tech/beta-nimbus-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.nimbus.prereq {
  background-image: url('../img/tech/beta-nimbus-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.hor {
  background-image: url('../img/tech/beta-hor-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.hor.selected {
  background-image: url('../img/tech/beta-hor-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.hor.prereq {
  background-image: url('../img/tech/beta-hor-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.bastion {
  background-image: url('../img/tech/goo-bastion-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.bastion.selected {
  background-image: url('../img/tech/goo-bastion-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.bastion.prereq {
  background-image: url('../img/tech/goo-bastion-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.crescent {
  background-image: url('../img/tech/goo-crescent-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.crescent.selected {
  background-image: url('../img/tech/goo-crescent-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.crescent.prereq {
  background-image: url('../img/tech/goo-crescent-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.destructor {
  background-image: url('../img/tech/goo-destructor-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.destructor.selected {
  background-image: url('../img/tech/goo-destructor-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.destructor.prereq {
  background-image: url('../img/tech/goo-destructor-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.drover {
  background-image: url('../img/tech/goo-drover-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.drover.selected {
  background-image: url('../img/tech/goo-drover-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.drover.prereq {
  background-image: url('../img/tech/goo-drover-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.dweller {
  background-image: url('../img/tech/goo-dweller-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.dweller.selected {
  background-image: url('../img/tech/goo-dweller-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.dweller.prereq {
  background-image: url('../img/tech/goo-dweller-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.large-protean {
  background-image: url('../img/tech/goo-large-protean-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.large-protean.selected {
  background-image: url('../img/tech/goo-large-protean-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.large-protean.prereq {
  background-image: url('../img/tech/goo-large-protean-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.mother {
  background-image: url('../img/tech/goo-mother-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.mother.selected {
  background-image: url('../img/tech/goo-mother-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.mother.prereq {
  background-image: url('../img/tech/goo-mother-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.purger {
  background-image: url('../img/tech/goo-purger-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.purger.selected {
  background-image: url('../img/tech/goo-purger-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.purger.prereq {
  background-image: url('../img/tech/goo-purger-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.radiant {
  background-image: url('../img/tech/goo-radiant-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.radiant.selected {
  background-image: url('../img/tech/goo-radiant-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.radiant.prereq {
  background-image: url('../img/tech/goo-radiant-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.small-protean {
  background-image: url('../img/tech/goo-small-protean-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.small-protean.selected {
  background-image: url('../img/tech/goo-small-protean-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.small-protean.prereq {
  background-image: url('../img/tech/goo-small-protean-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.strider {
  background-image: url('../img/tech/goo-strider-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.strider.selected {
  background-image: url('../img/tech/goo-strider-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.strider.prereq {
  background-image: url('../img/tech/goo-strider-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.tempest {
  background-image: url('../img/tech/goo-tempest-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.tempest.selected {
  background-image: url('../img/tech/goo-tempest-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.tempest.prereq {
  background-image: url('../img/tech/goo-tempest-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.airpad {
  background-image: url('../img/tech/humans-airpad-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.airpad.selected {
  background-image: url('../img/tech/humans-airpad-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.airpad.prereq {
  background-image: url('../img/tech/humans-airpad-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.alpha {
  background-image: url('../img/tech/humans-alpha-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.alpha.selected {
  background-image: url('../img/tech/humans-alpha-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.alpha.prereq {
  background-image: url('../img/tech/humans-alpha-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.anti-air-sentinel {
  background-image: url('../img/tech/humans-anti-air-sentinel-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.anti-air-sentinel.selected {
  background-image: url('../img/tech/humans-anti-air-sentinel-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.anti-air-sentinel.prereq {
  background-image: url('../img/tech/humans-anti-air-sentinel-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.anti-heavy-sentinel {
  background-image: url('../img/tech/humans-anti-heavy-sentinel-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.anti-heavy-sentinel.selected {
  background-image: url('../img/tech/humans-anti-heavy-sentinel-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.anti-heavy-sentinel.prereq {
  background-image: url('../img/tech/humans-anti-heavy-sentinel-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.artillery-sentinel {
  background-image: url('../img/tech/humans-artillery-sentinel-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.artillery-sentinel.selected {
  background-image: url('../img/tech/humans-artillery-sentinel-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.artillery-sentinel.prereq {
  background-image: url('../img/tech/humans-artillery-sentinel-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.dagger {
  background-image: url('../img/tech/humans-dagger-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.dagger.selected {
  background-image: url('../img/tech/humans-dagger-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.dagger.prereq {
  background-image: url('../img/tech/humans-dagger-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.detector-sentinel {
  background-image: url('../img/tech/humans-detector-sentinel-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.detector-sentinel.selected {
  background-image: url('../img/tech/humans-detector-sentinel-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.detector-sentinel.prereq {
  background-image: url('../img/tech/humans-detector-sentinel-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.gladius {
  background-image: url('../img/tech/humans-gladius-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.gladius.selected {
  background-image: url('../img/tech/humans-gladius-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.gladius.prereq {
  background-image: url('../img/tech/humans-gladius-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.h-air {
  background-image: url('../img/tech/humans-h-air-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.h-air.selected {
  background-image: url('../img/tech/humans-h-air-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.h-air.prereq {
  background-image: url('../img/tech/humans-h-air-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.h-artillery {
  background-image: url('../img/tech/humans-h-artillery-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.h-artillery.selected {
  background-image: url('../img/tech/humans-h-artillery-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.h-artillery.prereq {
  background-image: url('../img/tech/humans-h-artillery-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.h-factory {
  background-image: url('../img/tech/humans-h-factory-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.h-factory.selected {
  background-image: url('../img/tech/humans-h-factory-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.h-factory.prereq {
  background-image: url('../img/tech/humans-h-factory-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.h-hq {
  background-image: url('../img/tech/humans-h-hq-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.h-hq.selected {
  background-image: url('../img/tech/humans-h-hq-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.h-hq.prereq {
  background-image: url('../img/tech/humans-h-hq-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.h-largefactory {
  background-image: url('../img/tech/humans-h-largefactory-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.h-largefactory.selected {
  background-image: url('../img/tech/humans-h-largefactory-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.h-largefactory.prereq {
  background-image: url('../img/tech/humans-h-largefactory-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.h-refinery {
  background-image: url('../img/tech/humans-h-refinery-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.h-refinery.selected {
  background-image: url('../img/tech/humans-h-refinery-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.h-refinery.prereq {
  background-image: url('../img/tech/humans-h-refinery-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.h-silo {
  background-image: url('../img/tech/humans-h-silo-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.h-silo.selected {
  background-image: url('../img/tech/humans-h-silo-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.h-silo.prereq {
  background-image: url('../img/tech/humans-h-silo-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.h-stealth {
  background-image: url('../img/tech/humans-h-stealth-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.h-stealth.selected {
  background-image: url('../img/tech/humans-h-stealth-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.h-stealth.prereq {
  background-image: url('../img/tech/humans-h-stealth-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.h-tank {
  background-image: url('../img/tech/humans-h-tank-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.h-tank.selected {
  background-image: url('../img/tech/humans-h-tank-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.h-tank.prereq {
  background-image: url('../img/tech/humans-h-tank-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.h-wall {
  background-image: url('../img/tech/humans-h-wall-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.h-wall.selected {
  background-image: url('../img/tech/humans-h-wall-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.h-wall.prereq {
  background-image: url('../img/tech/humans-h-wall-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.howitzer {
  background-image: url('../img/tech/humans-howitzer-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.howitzer.selected {
  background-image: url('../img/tech/humans-howitzer-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.howitzer.prereq {
  background-image: url('../img/tech/humans-howitzer-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.lancer {
  background-image: url('../img/tech/humans-lancer-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.lancer.selected {
  background-image: url('../img/tech/humans-lancer-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.lancer.prereq {
  background-image: url('../img/tech/humans-lancer-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.longbow {
  background-image: url('../img/tech/humans-longbow-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.longbow.selected {
  background-image: url('../img/tech/humans-longbow-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.longbow.prereq {
  background-image: url('../img/tech/humans-longbow-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.monitor {
  background-image: url('../img/tech/humans-monitor-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.monitor.selected {
  background-image: url('../img/tech/humans-monitor-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.monitor.prereq {
  background-image: url('../img/tech/humans-monitor-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.revolver {
  background-image: url('../img/tech/humans-revolver-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.revolver.selected {
  background-image: url('../img/tech/humans-revolver-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.revolver.prereq {
  background-image: url('../img/tech/humans-revolver-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.scimitar {
  background-image: url('../img/tech/humans-scimitar-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.scimitar.selected {
  background-image: url('../img/tech/humans-scimitar-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.scimitar.prereq {
  background-image: url('../img/tech/humans-scimitar-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.scythe {
  background-image: url('../img/tech/humans-scythe-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.scythe.selected {
  background-image: url('../img/tech/humans-scythe-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.scythe.prereq {
  background-image: url('../img/tech/humans-scythe-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.teleporter {
  background-image: url('../img/tech/humans-teleporter-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.teleporter.selected {
  background-image: url('../img/tech/humans-teleporter-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.teleporter.prereq {
  background-image: url('../img/tech/humans-teleporter-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.trident {
  background-image: url('../img/tech/humans-trident-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.trident.selected {
  background-image: url('../img/tech/humans-trident-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.trident.prereq {
  background-image: url('../img/tech/humans-trident-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.entity {
  background-image: url('../img/tech/shroud-entity-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.entity.selected {
  background-image: url('../img/tech/shroud-entity-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.entity.prereq {
  background-image: url('../img/tech/shroud-entity-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.extractor {
  background-image: url('../img/tech/shroud-extractor-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.extractor.selected {
  background-image: url('../img/tech/shroud-extractor-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.extractor.prereq {
  background-image: url('../img/tech/shroud-extractor-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.advent {
  background-image: url('../img/tech/shroud-advent-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.advent.selected {
  background-image: url('../img/tech/shroud-advent-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.advent.prereq {
  background-image: url('../img/tech/shroud-advent-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.zenith {
  background-image: url('../img/tech/shroud-zenith-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.zenith.selected {
  background-image: url('../img/tech/shroud-zenith-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.zenith.prereq {
  background-image: url('../img/tech/shroud-zenith-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.crucible {
  background-image: url('../img/tech/shroud-crucible-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.crucible.selected {
  background-image: url('../img/tech/shroud-crucible-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.crucible.prereq {
  background-image: url('../img/tech/shroud-crucible-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.overcharger {
  background-image: url('../img/tech/shroud-overcharger-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.overcharger.selected {
  background-image: url('../img/tech/shroud-overcharger-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.overcharger.prereq {
  background-image: url('../img/tech/shroud-overcharger-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.aversion {
  background-image: url('../img/tech/shroud-aversion-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.aversion.selected {
  background-image: url('../img/tech/shroud-aversion-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.aversion.prereq {
  background-image: url('../img/tech/shroud-aversion-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.amplifier {
  background-image: url('../img/tech/shroud-amplifier-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.amplifier.selected {
  background-image: url('../img/tech/shroud-amplifier-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.amplifier.prereq {
  background-image: url('../img/tech/shroud-amplifier-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.plasma-spike {
  background-image: url('../img/tech/shroud-plasma-spike-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.plasma-spike.selected {
  background-image: url('../img/tech/shroud-plasma-spike-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.plasma-spike.prereq {
  background-image: url('../img/tech/shroud-plasma-spike-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.tether-spike {
  background-image: url('../img/tech/shroud-tether-spike-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.tether-spike.selected {
  background-image: url('../img/tech/shroud-tether-spike-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.tether-spike.prereq {
  background-image: url('../img/tech/shroud-tether-spike-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.perception-spike {
  background-image: url('../img/tech/shroud-perception-spike-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.perception-spike.selected {
  background-image: url('../img/tech/shroud-perception-spike-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.perception-spike.prereq {
  background-image: url('../img/tech/shroud-perception-spike-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.clasher {
  background-image: url('../img/tech/shroud-clasher-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.clasher.selected {
  background-image: url('../img/tech/shroud-clasher-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.clasher.prereq {
  background-image: url('../img/tech/shroud-clasher-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.howler {
  background-image: url('../img/tech/shroud-howler-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.howler.selected {
  background-image: url('../img/tech/shroud-howler-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.howler.prereq {
  background-image: url('../img/tech/shroud-howler-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.mimic {
  background-image: url('../img/tech/shroud-mimic-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.mimic.selected {
  background-image: url('../img/tech/shroud-mimic-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.mimic.prereq {
  background-image: url('../img/tech/shroud-mimic-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.siren {
  background-image: url('../img/tech/shroud-siren-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.siren.selected {
  background-image: url('../img/tech/shroud-siren-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.siren.prereq {
  background-image: url('../img/tech/shroud-siren-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.chime {
  background-image: url('../img/tech/shroud-chime-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.chime.selected {
  background-image: url('../img/tech/shroud-chime-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.chime.prereq {
  background-image: url('../img/tech/shroud-chime-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.mach {
  background-image: url('../img/tech/shroud-mach-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.mach.selected {
  background-image: url('../img/tech/shroud-mach-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.mach.prereq {
  background-image: url('../img/tech/shroud-mach-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.torrent {
  background-image: url('../img/tech/shroud-torrent-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.torrent.selected {
  background-image: url('../img/tech/shroud-torrent-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.torrent.prereq {
  background-image: url('../img/tech/shroud-torrent-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.shriek {
  background-image: url('../img/tech/shroud-shriek-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.shriek.selected {
  background-image: url('../img/tech/shroud-shriek-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.shriek.prereq {
  background-image: url('../img/tech/shroud-shriek-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.echo {
  background-image: url('../img/tech/shroud-echo-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.echo.selected {
  background-image: url('../img/tech/shroud-echo-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.echo.prereq {
  background-image: url('../img/tech/shroud-echo-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.klaxon {
  background-image: url('../img/tech/shroud-klaxon-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.klaxon.selected {
  background-image: url('../img/tech/shroud-klaxon-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.klaxon.prereq {
  background-image: url('../img/tech/shroud-klaxon-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.fugue {
  background-image: url('../img/tech/shroud-fugue-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.fugue.selected {
  background-image: url('../img/tech/shroud-fugue-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.fugue.prereq {
  background-image: url('../img/tech/shroud-fugue-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.coda {
  background-image: url('../img/tech/shroud-coda-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.coda.selected {
  background-image: url('../img/tech/shroud-coda-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.coda.prereq {
  background-image: url('../img/tech/shroud-coda-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.dirge1 {
  background-image: url('../img/tech/shroud-dirge1-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.dirge1.selected {
  background-image: url('../img/tech/shroud-dirge1-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.dirge1.prereq {
  background-image: url('../img/tech/shroud-dirge1-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.dirge2 {
  background-image: url('../img/tech/shroud-dirge2-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.dirge2.selected {
  background-image: url('../img/tech/shroud-dirge2-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.dirge2.prereq {
  background-image: url('../img/tech/shroud-dirge2-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item.dirge3 {
  background-image: url('../img/tech/shroud-dirge3-blue.png');
}
.tech-tree .tech-tree-row .tech-tree-item.dirge3.selected {
  background-image: url('../img/tech/shroud-dirge3-orange.png');
}
.tech-tree .tech-tree-row .tech-tree-item.dirge3.prereq {
  background-image: url('../img/tech/shroud-dirge3-green.png');
}
.tech-tree .tech-tree-row .tech-tree-item:last-child {
  margin-right: 0;
}
.tech-tree .tech-tree-row .tech-tree-item .required-multiplier {
  background: url('../img/tech/tech-tree-multiplier.png') 0 0;
  background-size: cover;
  display: none;
  width: 46px;
  height: 40px;
  padding: 5px 0;
  position: absolute;
  top: 7px;
  right: -10px;
  color: #fff;
  font-size: 18px;
  font-family: 'PlanerRegular';
}
body.ggts footer#greygoo-footer,
body.ggts-event-home footer#greygoo-footer,
body.ggts-events footer#greygoo-footer,
body.ggts-players footer#greygoo-footer,
body.ggts-video footer#greygoo-footer {
  margin-top: 0;
}
.mobile-cta {
  max-width: 85%;
  margin: 11px auto 0;
}
.mobile-cta .a.btn.btn-buynow {
  padding-top: 14px;
  padding-bottom: 14px;
}
.tournaments {
  font-family: 'PlanerRegular';
}
.tournaments .title-blue {
  color: #028bdc;
  padding: 10px 0;
}
.tournaments .tournament-header {
  background: #000000 url('../img/ggts/GGTS_Finals_Web_Header.jpg') center 0 no-repeat;
  background-size: 990px auto ;
  padding: 5px 0;
  color: #fff;
  font-size: 18px;
  min-height: 430px;
}
@media (min-width: 768px) {
  .tournaments .tournament-header {
    background-size: 1200px auto ;
    min-height: 470px;
  }
}
@media (min-width: 992px) {
  .tournaments .tournament-header {
    background-size: 1500px auto ;
    min-height: 590px;
  }
}
.tournaments .tournament-header .tourney-logo {
  margin-top: 30px;
  max-width: 265px;
  display: inline-block;
}
@media (min-width: 480px) {
  .tournaments .tournament-header .tourney-logo {
    max-width: 365px;
  }
}
@media (min-width: 768px) {
  .tournaments .tournament-header .tourney-logo {
    display: block;
    max-width: 100%;
  }
}
.tournaments .tournament-header .signup-mobile,
.tournaments .tournament-header .signup-desktop {
  text-align: center;
  margin-top: 180px;
}
@media (min-width: 480px) {
  .tournaments .tournament-header .signup-mobile,
  .tournaments .tournament-header .signup-desktop {
    margin-top: 140px;
  }
}
.tournaments .tournament-header .signup {
  color: #fff;
  position: relative;
  border: solid 1px #fda140;
  border-radius: 0;
  font-family: 'PlanerRegular', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  letter-spacing: 2px;
  white-space: normal;
  text-shadow: 0 -2px #cc6600;
  padding: 18px 12px;
  margin-bottom: 3px;
  background: #fda323;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fda323 0%, #e47a0a 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fda323), color-stop(100%, #e47a0a));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fda323 0%, #e47a0a 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fda323 0%, #e47a0a 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fda323 0%, #e47a0a 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fda323 0%, #e47a0a 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fda323', endColorstr='#e47a0a', GradientType=0);
  /* IE6-9 */
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.tournaments .tournament-header .signup .corner-tl,
.tournaments .tournament-header .signup .corner-tr,
.tournaments .tournament-header .signup .corner-bl,
.tournaments .tournament-header .signup .corner-br {
  width: 11px;
  height: 11px;
  position: absolute;
}
.tournaments .tournament-header .signup .corner-tl {
  top: 0;
  left: 0;
  background: url(../img/splash/btn-buynow-sprite.png) left top no-repeat;
}
.tournaments .tournament-header .signup .corner-tr {
  top: 0;
  right: 0;
  background: url(../img/splash/btn-buynow-sprite.png) right top no-repeat;
}
.tournaments .tournament-header .signup .corner-bl {
  bottom: 0;
  left: 0;
  background: url(../img/splash/btn-buynow-sprite.png) left -19px no-repeat;
}
.tournaments .tournament-header .signup .corner-br {
  bottom: 0;
  right: 0;
  background: url(../img/splash/btn-buynow-sprite.png) right -19px no-repeat;
}
.tournaments .tournament-header .signup:hover {
  color: #fff;
  border: solid 1px #fda140;
  text-shadow: 1px 1px 4px #fff;
}
.tournaments .tournament-header .signup:hover .corner-tl {
  background-position: left -31px;
}
.tournaments .tournament-header .signup:hover .corner-tr {
  background-position: right -31px;
}
.tournaments .tournament-header .signup:hover .corner-bl {
  background-position: left -49px;
}
.tournaments .tournament-header .signup:hover .corner-br {
  background-position: right -49px;
}
.tournaments .tournament-header .signup:focus,
.tournaments .tournament-header .signup:active {
  text-shadow: 0 -2px #cc6600;
  background: #e47a0a;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e47a0a 0%, #fda323 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e47a0a), color-stop(100%, #fda323));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e47a0a 0%, #fda323 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e47a0a 0%, #fda323 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e47a0a 0%, #fda323 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e47a0a 0%, #fda323 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47a0a', endColorstr='#fda323', GradientType=0);
  /* IE6-9 */
}
.tournaments .tournament-header .signup:focus .corner-tl,
.tournaments .tournament-header .signup:active .corner-tl {
  background-position: left -61px;
}
.tournaments .tournament-header .signup:focus .corner-tr,
.tournaments .tournament-header .signup:active .corner-tr {
  background-position: right -61px;
}
.tournaments .tournament-header .signup:focus .corner-bl,
.tournaments .tournament-header .signup:active .corner-bl {
  background-position: left -77px;
}
.tournaments .tournament-header .signup:focus .corner-br,
.tournaments .tournament-header .signup:active .corner-br {
  background-position: right -77px;
}
@media (min-width: 768px) {
  .tournaments .tournament-header .signup {
    margin-bottom: 0;
  }
}
.tournaments .tournament-nav-top {
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
  background: #252525;
  /* Old browsers */
  background: -moz-linear-gradient(top, #252525 0%, #111111 3%, #222222 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #252525), color-stop(3%, #111111), color-stop(100%, #222222));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #252525 0%, #111111 3%, #222222 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #252525 0%, #111111 3%, #222222 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #252525 0%, #111111 3%, #222222 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #252525 0%, #111111 3%, #222222 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#252525', endColorstr='#222222', GradientType=0);
  /* IE6-9 */
}
.tournaments .tournament-nav-top ul.nav.nav-tabs.nav-justified {
  border-left: solid 1px #333;
}
.tournaments .tournament-nav-top ul.nav.nav-tabs.nav-justified li {
  border-right: solid 1px #333;
}
.tournaments .tournament-nav-top ul.nav.nav-tabs.nav-justified li a {
  font-size: 22px;
  padding: 25px 15px;
  background-color: transparent;
  border: none;
  border-radius: 0;
  border-bottom: solid 5px transparent;
}
.tournaments .tournament-nav-top ul.nav.nav-tabs.nav-justified li a:hover {
  color: #cd6600;
  background: #000;
  border-bottom: solid 5px #cd6600;
}
.tournaments .tournament-nav-top ul.nav.nav-tabs.nav-justified li a.signup {
  text-shadow: 1px 2px #5f2f00;
  background: #fda323;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fda323 0%, #e47a0a 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fda323), color-stop(100%, #e47a0a));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fda323 0%, #e47a0a 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fda323 0%, #e47a0a 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fda323 0%, #e47a0a 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fda323 0%, #e47a0a 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fda323', endColorstr='#e47a0a', GradientType=0);
  /* IE6-9 */
  border-bottom: solid 5px #e47a0a;
}
.tournaments .tournament-nav-top ul.nav.nav-tabs.nav-justified li a.signup:hover {
  color: #fff;
  text-shadow: 1px 1px 4px #fff;
  border-bottom: solid 5px #fda323;
}
@media (min-width: 768px) {
  .tournaments .tournament-nav-top ul.nav.nav-tabs.nav-justified li a {
    font-size: 18px;
    padding: 25px 5px;
  }
}
@media (min-width: 992px) {
  .tournaments .tournament-nav-top ul.nav.nav-tabs.nav-justified li a {
    font-size: 22px;
    padding: 25px 15px;
  }
}
@media (min-width: 1200px) {
  .tournaments .tournament-nav-top ul.nav.nav-tabs.nav-justified li a {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .tournaments .tournament-nav-top ul.nav.nav-tabs.nav-justified .btn-active {
    color: #cd6600;
    background: #000;
    border-bottom: solid 5px #cd6600;
  }
}
.tournaments .tournament-overview {
  background: url('../img/ggts/overview-bg.jpg') center 0;
  background-size: cover;
  padding: 50px 0 160px;
  text-align: center;
}
.tournaments .tournament-overview .overview-item {
  padding: 36px 0;
}
.tournaments .tournament-overview .title-blue {
  font-size: 28px;
  line-height: 1.1;
  color: #028bdc;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .tournaments .tournament-overview .title-blue {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .tournaments .tournament-overview .title-blue {
    font-size: 28px;
  }
}
.tournaments .tournament-overview .t-value {
  font-size: 50px;
  line-height: 1.1;
  color: #dae2ef;
}
@media (min-width: 768px) {
  .tournaments .tournament-overview .t-value {
    font-size: 60px;
  }
}
@media (min-width: 992px) {
  .tournaments .tournament-overview .t-value {
    font-size: 70px;
  }
}
.tournaments .tournament-overview .t-rank {
  font-size: 24px;
}
.tournaments .br-tourney {
  height: 1px;
  width: 100%;
  display: block;
  background-color: rgba(255, 255, 255, 0.2);
}
.tournaments .rank-item {
  font-size: 24px;
  margin-bottom: 50px;
  letter-spacing: 0;
}
@media (min-width: 768px) {
  .tournaments .rank-item {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .tournaments .rank-item {
    font-size: 24px;
  }
}
.tournaments .rank-item .prize {
  color: #fff;
}
.tournaments .nav-bottom {
  margin-top: 70px;
}
.tournaments .nav-bottom .btn-dark {
  font-size: 16px;
  padding: 16px 18px;
  margin-bottom: 10px;
}
.tournaments .tournament-players {
  padding: 0 0 160px;
  background: #000000 url('../img/ggts/ggts-diagonal-bg.png') 0 0 repeat;
}
.tournaments .tournament-players a.player-item {
  position: relative;
  margin-bottom: 12px;
  display: block;
  border: solid 1px #242524;
  padding: 8px;
  background: #070707;
}
.tournaments .tournament-players a.player-item .content-wrapper {
  position: relative;
  font-size: 14px;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 18px 0 18px 68px;
}
@media (min-width: 768px) {
  .tournaments .tournament-players a.player-item .content-wrapper {
    font-size: 11px;
    padding: 13px 0 13px 54px;
  }
}
@media (min-width: 992px) {
  .tournaments .tournament-players a.player-item .content-wrapper {
    font-size: 14px;
    padding: 23px 0 23px 80px;
  }
}
.tournaments .tournament-players a.player-item:hover {
  border: solid 1px #cd6600;
}
.tournaments .tournament-players a.player-item .img-thumb {
  position: absolute;
  width: 55px;
  height: 55px;
  top: 0;
  left: 0;
}
@media (min-width: 768px) {
  .tournaments .tournament-players a.player-item .img-thumb {
    width: 45px;
    height: 45px;
  }
}
@media (min-width: 992px) {
  .tournaments .tournament-players a.player-item .img-thumb {
    width: 66px;
    height: 66px;
  }
}
.tournaments .tournament-players .panel-group-players .panel.panel-default {
  padding: 5px;
  border-radius: 0px;
  border: solid 1px #242524;
  background: #070707;
}
.tournaments .tournament-players .panel-group-players .panel.panel-default.ui-state-active {
  border: solid 1px #cd6600;
}
.tournaments .tournament-players .panel-group-players .panel.panel-default.ui-state-active .panel-heading {
  position: relative;
}
.tournaments .tournament-players .panel-group-players .panel.panel-default.ui-state-active .panel-heading:after {
  content: "\e604";
  font-family: gg2-fonts;
  color: #cd6600;
  position: absolute;
  top: 10px;
  right: 10px;
}
.tournaments .tournament-players .panel-group-players .panel.panel-default.ui-state-active .panel-title {
  color: #cd6600;
}
.tournaments .tournament-players .panel-group-players .panel-heading {
  background: transparent;
  border-radius: 0;
  padding: 0;
}
.tournaments .tournament-players .panel-group-players .panel-heading a {
  display: block;
}
.tournaments .tournament-players .panel-group-players .panel-heading .panel-title {
  color: #fff;
  position: relative;
  padding: 14px 30px 14px 52px;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tournaments .tournament-players .panel-group-players .panel-heading .panel-title .img-thumb {
  position: absolute;
  width: 45px;
  height: 45px;
  top: 0;
  left: 0;
}
@media (min-width: 768px) {
  .tournaments .tournament-players .panel-group-players .panel-heading .panel-title .img-thumb {
    width: 45px;
    height: 45px;
  }
}
@media (min-width: 992px) {
  .tournaments .tournament-players .panel-group-players .panel-heading .panel-title .img-thumb {
    width: 66px;
    height: 66px;
  }
}
.tournaments .tournament-players .panel-group-players .panel-body {
  border-top: none;
  color: #fff;
}
.tournaments .tournament-players .panel-group-players .panel-body .title {
  color: #028bdc;
  margin-top: 10px;
}
.tournaments .pagination {
  margin: 20px 0;
}
#playersModal .modal-players {
  background: #000000 url('../img/ggts/ggts-diagonal-bg.png') 0 0 repeat;
  border: solid 1px #363636;
  margin: 70px auto;
}
#playersModal .modal-players .players-modal-content button.close {
  float: none;
  color: #fff !important;
  background: #000000 url('../img/greygoo-nav-bg.png') 125px -10px;
  width: 40px;
  height: 40px;
  border-left: solid 1px #028bdc;
  border-bottom: solid 1px #028bdc;
  opacity: 1;
  position: absolute;
  top: 10px;
  right: 10px;
  -webkit-transition: all 0.9s;
  -moz-transition: all 0.9s;
  -ms-transition: all 0.9s;
  -o-transition: all 0.9s;
  transition: all 0.9s;
}
#playersModal .modal-players .players-modal-content button.close:hover {
  border-color: #cd6600;
}
#playersModal .modal-players .players-modal-content button.close:after {
  content: "\e61c";
  font-family: gg2-fonts;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 11px;
  left: 12px;
}
#playersModal .modal-players .players-modal-content button.close:after:hover {
  color: #fff;
}
#playersModal .modal-players .players-modal-content .players-modal-header {
  padding: 10px 10px 10px 25px;
  *zoom: 1;
}
#playersModal .modal-players .players-modal-content .players-modal-header:before,
#playersModal .modal-players .players-modal-content .players-modal-header:after {
  content: " ";
  display: table;
}
#playersModal .modal-players .players-modal-content .players-modal-header:after {
  clear: both;
}
#playersModal .modal-players .players-modal-content .players-modal-header:before,
#playersModal .modal-players .players-modal-content .players-modal-header:after {
  display: table;
  content: "";
  line-height: 0;
}
#playersModal .modal-players .players-modal-content .players-modal-header:after {
  clear: both;
}
#playersModal .modal-players .players-modal-content .players-modal-header img.img-thumb {
  width: 50px;
  height: 50px;
  float: left;
  margin: 10px 10px 0 0;
}
#playersModal .modal-players .players-modal-content .players-modal-header .players-modal-title {
  float: left;
  width: 89%;
  font-size: 17px;
  color: #fff;
  margin: 26px 0 0 0;
  padding: 0 0 12px;
  border-bottom: solid 1px #585858;
}
@media (max-width: 768px) {
  #playersModal .modal-players .players-modal-content .players-modal-header .players-modal-title {
    font-size: 20px;
  }
}
#playersModal .modal-players .players-modal-content .players-modal-body {
  padding: 25px;
  color: #fff;
  font-size: 11px;
  line-height: 1.6;
}
#playersModal .modal-players .players-modal-content .players-modal-body .title {
  color: #028bdc;
  margin-top: 20px;
}
#playersModal .modal-players .players-modal-content .players-modal-body .col-right {
  border-left: solid 1px #333;
}
.tournaments-faq-rules {
  color: #fff;
  font-size: 14px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.tournaments-faq-rules .title-blue {
  font-size: 30px;
  line-height: 1.1;
  color: #028bdc;
  padding: 10px 0;
  text-transform: uppercase;
}
.tournaments-faq-rules .title-white {
  font-size: 24px;
  line-height: 1.1;
  color: #fff;
  padding: 10px 0;
  text-transform: uppercase;
}
.tournaments-faq-rules .faqs {
  overflow: auto;
  max-height: 780px;
}
.tournaments-faq-rules .subtitle {
  color: #028bdc;
  padding-bottom: 20px;
}
.tournaments-faq-rules .back-to-top {
  display: none;
}
@media (max-width: 768px) {
  .tournaments-faq-rules .back-to-top {
    display: inline-block !important;
  }
}
.tournaments-faq-rules .page-wrap {
  position: relative;
}
.tournaments-faq-rules .sidebar {
  top: 60px;
  border-left: 2px solid #484848;
  position: absolute;
  padding-left: 20px;
  font-family: "kelson_sanslight", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.tournaments-faq-rules .sidebar a {
  color: #777;
}
.tournaments-faq-rules .sidebar a:hover {
  color: #cd6600;
}
.tournaments-faq-rules .sidebar ul {
  list-style-type: none;
  padding: 0;
}
.tournaments-faq-rules .sidebar ul li {
  padding: 0 0 10px 0;
  text-transform: uppercase;
}
.modal-tournament {
  position: relative;
  top: 64px;
}
#ggts-signup-mobile {
  margin: 0 15px;
}
.active-ggts .li.active > a {
  border-left: 4px solid #E47A0A;
  border-top: 1px solid #141414;
  border-bottom: 1px solid #252525;
}
.tournament-event {
  padding: 0 0 160px;
  background: #000000 url('../img/ggts/ggts-diagonal-bg.png') 0 0 repeat;
}
.tournament-event h1.title-blue {
  font-size: 27px;
  padding: 5px 0px;
}
.tournament-event .hr-light.no-margin-top {
  margin-top: 0;
}
@media (min-width: 768px) {
  .tournament-event .pool-bracket .bracket-notes.c-lower {
    margin-top: 15px;
  }
}
@media (min-width: 768px) {
  .tournament-event .pool-bracket .bracket-box.d {
    margin-top: 39px;
  }
}
@media (min-width: 768px) {
  .tournament-event .pool-bracket .bracket-box.e {
    margin-top: 78px;
  }
}
@media (min-width: 768px) {
  .tournament-event .pool-bracket .bracket-box.f {
    margin-top: 39px;
  }
}
@media (min-width: 768px) {
  .tournament-event .pool-bracket .bracket-notes.g-tbreak {
    margin-top: 59px;
  }
}
@media (min-width: 768px) {
  .tournament-event .pool-bracket .bracket-box.w {
    margin-top: 58px;
  }
}
@media (min-width: 768px) {
  .tournament-event .semi-final .bracket-notes.c-finals {
    margin-top: 30px;
  }
}
@media (min-width: 768px) {
  .tournament-event .semi-final .bracket-notes.d-3and4 {
    margin-top: 30px;
  }
}
@media (min-width: 768px) {
  .tournament-event .semi-final .bracket-notes.w-finalist {
    margin-top: 50px;
  }
}
@media (min-width: 768px) {
  .tournament-event .wildcard .bracket-box.w {
    margin-top: 15px;
  }
}
@media (min-width: 768px) {
  .tournament-event .col-2-spacer {
    margin-top: 42px;
  }
}
.tournament-event .col-2-wild-spacer {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .tournament-event .col-3-semi-spacer {
    margin-top: 60px;
  }
}
.tournament-event .col-3-spacer {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .tournament-event .col-3-spacer {
    margin-top: 83px;
  }
}
.tournament-event .col-4-spacer {
  margin-top: 36px;
}
@media (min-width: 768px) {
  .tournament-event .col-4-spacer {
    margin-top: 102px;
  }
}
.tournament-event .bracket-content {
  padding-top: 15px;
}
.tournament-event .mobile-sel {
  border: none;
  width: 100%;
  overflow: hidden;
  position: relative;
  background: #1d1b1c;
}
.tournament-event .mobile-sel:after {
  content: url('../img/ggts/select-arrow.png');
  position: absolute;
  right: 10px;
  top: 17px;
}
.tournament-event .mobile-sel select {
  padding: 10px 0px;
  width: 100%;
  border: none;
  box-shadow: none;
  background: transparent;
  background-image: none;
  font-family: PlanerRegular;
  font-size: 24px;
  text-transform: uppercase;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.tournament-event .mobile-sel select:focus {
  outline: none;
}
.tournament-event ul.legend-list {
  margin: 0;
  padding: 0;
  margin-top: 24px;
  float: right;
}
.tournament-event ul.legend-list li {
  font-size: 9px;
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  list-style: none;
  margin-left: 1px;
  display: inline-block;
  border-bottom: solid 8px #9a9a9a;
  width: 37px;
}
.tournament-event ul.legend-list li.humans {
  border-color: #038bdd;
}
.tournament-event ul.legend-list li.beta {
  border-color: #e47a09;
}
.tournament-event ul.legend-list li.goo {
  border-color: #6766cd;
}
@media (min-width: 768px) {
  .tournament-event ul.legend-list li {
    margin-left: 10px;
  }
}
.tournament-event .bracket-notes {
  font-size: 11px;
  letter-spacing: 0;
  margin-bottom: 3px;
  display: none;
}
@media (min-width: 768px) {
  .tournament-event .bracket-notes {
    display: block;
    margin-left: 20px;
  }
}
.tournament-event .bracket-notes.g-tbreak {
  font-size: 14px;
  color: #028BDC;
  padding: 10px 0;
  margin: 10px 0;
  display: block;
}
@media (min-width: 768px) {
  .tournament-event .bracket-notes.g-tbreak {
    font-size: 11px;
    letter-spacing: 0;
    color: #777;
    margin-left: 20px;
    margin-bottom: 3px;
    padding: 0;
  }
}
.tournament-event ul.bracket-box {
  margin: 0 0 10px 0;
  padding: 0;
  position: relative;
  min-width: 280px;
}
@media (min-width: 768px) {
  .tournament-event ul.bracket-box {
    min-width: 0;
    border: solid 1px #3d3d3d;
    margin: 0 0 10px 20px;
  }
}
.tournament-event ul.bracket-box li {
  list-style: none;
  position: relative;
  border: solid 1px #3d3d3d;
  font-size: 15px;
  margin: 4px 0 8px;
  padding: 15px 0 15px 70px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff;
  letter-spacing: 0;
}
@media (min-width: 768px) {
  .tournament-event ul.bracket-box li {
    font-size: 12px;
    color: #939393;
    margin: 4px 0;
    padding: 5px 14px;
    border: none;
  }
}
.tournament-event ul.bracket-box li.winner {
  border: solid 1px #50b74a;
}
@media (min-width: 768px) {
  .tournament-event ul.bracket-box li.winner {
    border: none;
    color: #fff;
  }
}
.tournament-event ul.bracket-box li.humans {
  border-color: #038bdd;
}
.tournament-event ul.bracket-box li.beta {
  border-color: #e47a09;
}
.tournament-event ul.bracket-box li.goo {
  border-color: #6766cd;
}
.tournament-event ul.bracket-box li .img-thumb {
  position: absolute;
  width: 44px;
  height: 44px;
  top: 3px;
  left: 14px;
}
@media (min-width: 768px) {
  .tournament-event ul.bracket-box li .img-thumb {
    display: none;
  }
}
.tournament-event ul.bracket-box li .faction {
  position: absolute;
  width: 6px;
  height: 44px;
  top: 3px;
  left: 3px;
  background: #9a9a9a;
}
.tournament-event ul.bracket-box li .faction.semi {
  width: 0;
}
.tournament-event ul.bracket-box li .faction.humans {
  background: #038bdd;
}
.tournament-event ul.bracket-box li .faction.beta {
  background: #e47a09;
}
.tournament-event ul.bracket-box li .faction.goo {
  background: #6766cd;
}
@media (min-width: 768px) {
  .tournament-event ul.bracket-box li .faction {
    top: 0;
    left: 0;
  }
}
.tournament-event ul.bracket-box li .stats {
  font-size: 12px;
  position: absolute;
  margin-right: 3px;
  top: 2px;
  right: 0px;
  padding: 15px 0;
}
@media (min-width: 768px) {
  .tournament-event ul.bracket-box li .stats {
    padding: 0;
  }
}
.tournament-event ul.bracket-box li .stats .faction-box {
  border: 2px solid;
  border-radius: 2px;
  display: inline-block;
  width: 23px;
  height: 23px;
  background: #000;
  color: #939393;
  text-align: center;
  margin: 0 2px;
}
.tournament-event ul.bracket-box li .stats .faction-box.humans {
  border-color: #038bdd;
}
.tournament-event ul.bracket-box li .stats .faction-box.beta {
  border-color: #e47a09;
}
.tournament-event ul.bracket-box li .stats .faction-box.goo {
  border-color: #6766cd;
}
.tournament-event ul.bracket-box li .stats .faction-box.winner {
  color: #fff;
}
.tournament-event ul.bracket-box li.separator {
  border: none;
  background: #4f4f4f;
  height: 1px;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .tournament-event ul.bracket-box:before {
    content: " ";
    font-size: 13px;
    position: absolute;
    left: -20px;
    top: 33%;
  }
  .tournament-event ul.bracket-box.a:before {
    content: "A";
  }
  .tournament-event ul.bracket-box.b:before {
    content: "B";
  }
  .tournament-event ul.bracket-box.c:before {
    content: "C";
  }
  .tournament-event ul.bracket-box.d:before {
    content: "D";
  }
  .tournament-event ul.bracket-box.e:before {
    content: "E";
  }
  .tournament-event ul.bracket-box.f:before {
    content: "F";
  }
}
.tournament-event .event-nav {
  background: rgba(0, 0, 0, 0.2);
  padding: 20px 0;
  border-bottom: solid 2px #333;
}
.tournament-event .event-slider {
  text-align: center;
  letter-spacing: 1px;
  font-size: 11px;
  line-height: 1.1;
  *zoom: 1;
}
.tournament-event .event-slider:before,
.tournament-event .event-slider:after {
  content: " ";
  display: table;
}
.tournament-event .event-slider:after {
  clear: both;
}
.tournament-event .event-slider:before,
.tournament-event .event-slider:after {
  display: table;
  content: "";
  line-height: 0;
}
.tournament-event .event-slider:after {
  clear: both;
}
@media (min-width: 768px) {
  .tournament-event .event-slider {
    overflow: visible;
    height: auto;
  }
}
.tournament-event .event-slider .date-carousel-nav {
  cursor: pointer;
  position: absolute;
  top: 67%;
  height: 40px;
  width: 32px;
  margin-top: -25px;
  z-index: 100;
  display: block;
  -webkit-transition: all 0.9s;
  -moz-transition: all 0.9s;
  -ms-transition: all 0.9s;
  -o-transition: all 0.9s;
  transition: all 0.9s;
}
.tournament-event .event-slider .date-carousel-nav i {
  font-size: 35px;
  color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0px;
  left: 0px;
}
.tournament-event .event-slider .date-carousel-nav:hover.left-button {
  border-color: #cd6600;
}
.tournament-event .event-slider .date-carousel-nav:hover.right-button {
  border-color: #cd6600;
}
.tournament-event .event-slider .date-carousel-nav:hover i {
  color: #cd6600;
}
.tournament-event .event-slider .date-carousel-nav.left-button {
  left: 5px;
}
@media (min-width: 480px) {
  .tournament-event .event-slider .date-carousel-nav.left-button {
    left: 15px;
  }
}
.tournament-event .event-slider .date-carousel-nav.right-button {
  right: 5px;
}
@media (min-width: 480px) {
  .tournament-event .event-slider .date-carousel-nav.right-button {
    right: 15px;
  }
}
@media (min-width: 768px) {
  .tournament-event .event-slider .date-carousel-nav {
    display: none;
  }
}
.tournament-event .event-slider .item-wrap {
  height: 112px;
  width: 93%;
  white-space: nowrap;
  overflow: hidden;
}
@media (min-width: 768px) {
  .tournament-event .event-slider .item-wrap {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .tournament-event .event-slider .item-wrap {
    height: 150px;
  }
}
.tournament-event .event-slider .item-wrap.right-buttons {
  margin-left: 10%;
}
.tournament-event .event-slider .event-item {
  display: inline-block;
  width: 31%;
  margin-left: 1%;
}
.tournament-event .event-slider .event-item:first-child {
  margin-left: 0;
}
@media (min-width: 768px) {
  .tournament-event .event-slider .event-item {
    width: 19%;
    margin-left: .50%;
  }
}
.tournament-event .event-slider .event-item .name {
  color: #79797a;
  margin-bottom: 10px;
  font-size: 9px;
  letter-spacing: 1px;
}
@media (min-width: 480px) {
  .tournament-event .event-slider .event-item .name {
    font-size: 11px;
    letter-spacing: 2px;
  }
}
.tournament-event .event-slider .event-item .hr {
  width: 100%;
  height: 1px;
  border-top: solid 1px #000;
  border-bottom: solid 1px #202020;
}
.tournament-event .event-slider .event-item a.event-btn {
  background: #000;
  color: #fefefe;
  padding: 10px 5px;
  display: block;
  position: relative;
}
.tournament-event .event-slider .event-item a.event-btn .corner-tl,
.tournament-event .event-slider .event-item a.event-btn .corner-tr,
.tournament-event .event-slider .event-item a.event-btn .corner-bl,
.tournament-event .event-slider .event-item a.event-btn .corner-br {
  width: 11px;
  height: 11px;
  position: absolute;
}
.tournament-event .event-slider .event-item a.event-btn .corner-tl {
  top: 0;
  left: 0;
  background: url(../img/splash/btn-target-sprite.png) left top no-repeat;
}
.tournament-event .event-slider .event-item a.event-btn .corner-tr {
  top: 0;
  right: 0;
  background: url(../img/splash/btn-target-sprite.png) right top no-repeat;
}
.tournament-event .event-slider .event-item a.event-btn .corner-bl {
  bottom: 0;
  left: 0;
  background: url(../img/splash/btn-target-sprite.png) left -19px no-repeat;
}
.tournament-event .event-slider .event-item a.event-btn .corner-br {
  bottom: 0;
  right: 0;
  background: url(../img/splash/btn-target-sprite.png) right -19px no-repeat;
}
.tournament-event .event-slider .event-item a.event-btn:hover,
.tournament-event .event-slider .event-item a.event-btn.active {
  color: #cd6600;
  text-shadow: 2px 2px 4px #cd6600;
}
.tournament-event .event-slider .event-item a.event-btn:hover .corner-tl,
.tournament-event .event-slider .event-item a.event-btn.active .corner-tl {
  background-position: left -31px;
}
.tournament-event .event-slider .event-item a.event-btn:hover .corner-tr,
.tournament-event .event-slider .event-item a.event-btn.active .corner-tr {
  background-position: right -31px;
}
.tournament-event .event-slider .event-item a.event-btn:hover .corner-bl,
.tournament-event .event-slider .event-item a.event-btn.active .corner-bl {
  background-position: left -49px;
}
.tournament-event .event-slider .event-item a.event-btn:hover .corner-br,
.tournament-event .event-slider .event-item a.event-btn.active .corner-br {
  background-position: right -49px;
}
.tournament-event .event-slider .event-item a.event-btn:focus,
.tournament-event .event-slider .event-item a.event-btn:active {
  text-decoration: none;
}
.tournament-event .event-slider .event-item a.event-btn:focus .corner-tl,
.tournament-event .event-slider .event-item a.event-btn:active .corner-tl {
  background-position: left -61px;
}
.tournament-event .event-slider .event-item a.event-btn:focus .corner-tr,
.tournament-event .event-slider .event-item a.event-btn:active .corner-tr {
  background-position: right -61px;
}
.tournament-event .event-slider .event-item a.event-btn:focus .corner-bl,
.tournament-event .event-slider .event-item a.event-btn:active .corner-bl {
  background-position: left -77px;
}
.tournament-event .event-slider .event-item a.event-btn:focus .corner-br,
.tournament-event .event-slider .event-item a.event-btn:active .corner-br {
  background-position: right -77px;
}
.tournament-event .event-slider .event-item a.event-btn .date {
  font-size: 28px;
  padding: 2px 0;
}
.tournament-event .event-slider .event-item a.event-btn .time {
  min-height: 20px;
}
@media (min-width: 992px) {
  .tournament-event .event-slider .event-item a.event-btn {
    padding: 18px 5px;
    font-size: 16px;
  }
  .tournament-event .event-slider .event-item a.event-btn .date {
    font-size: 38px;
    padding: 4px 0;
  }
}
.twitch-content {
  border-bottom: solid 2px #333;
  padding-bottom: 50px;
}
.pool-nav {
  padding-top: 20px;
}
.pool-nav h3.title-blue {
  margin-top: 0;
}
.pool-nav .col-sm-5th-1 {
  padding-left: 2px;
  padding-right: 2px;
}
.bracket-video .bracket-item {
  background: #0f1011;
  border: solid 1px transparent;
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0;
  *zoom: 1;
}
.bracket-video .bracket-item:before,
.bracket-video .bracket-item:after {
  content: " ";
  display: table;
}
.bracket-video .bracket-item:after {
  clear: both;
}
.bracket-video .bracket-item:before,
.bracket-video .bracket-item:after {
  display: table;
  content: "";
  line-height: 0;
}
.bracket-video .bracket-item:after {
  clear: both;
}
@media (min-width: 768px) {
  .bracket-video .bracket-item {
    line-height: 40px;
  }
  .bracket-video .bracket-item:hover {
    border: solid 1px #cd6600;
  }
}
.bracket-video .bracket-item .col-bracket {
  border-right: solid 1px #1e1f20;
  padding: 15px;
  text-align: center;
}
@media (min-width: 768px) {
  .bracket-video .bracket-item .col-bracket {
    padding: 0 15px;
  }
}
.bracket-video .bracket-item .col-players {
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  color: #fff;
}
@media (min-width: 768px) {
  .bracket-video .bracket-item .col-players span.player {
    width: 40%;
    display: inline-block;
  }
  .bracket-video .bracket-item .col-players span.player.left {
    text-align: right;
  }
  .bracket-video .bracket-item .col-players span.player.right {
    text-align: left;
  }
}
.bracket-video .bracket-item .col-players span.live {
  color: #0fd72b;
  font-size: 9px;
  font-weight: bold;
  line-height: 11px;
  position: absolute;
  left: 5px;
  top: 9px;
}
.bracket-video .bracket-item .col-players span.vs {
  width: 10%;
  display: inline-block;
  text-align: center;
  margin: 0 10px;
  font-size: 12px;
  color: #777;
}
.bracket-video .bracket-item .col-link {
  border-left: solid 1px #1e1f20;
  padding-left: 0;
  padding-right: 0;
  min-height: 20px;
}
@media (min-width: 768px) {
  .bracket-video .bracket-item .col-link {
    min-height: 40px;
  }
}
.bracket-video .bracket-item .col-link a.btn-watch {
  padding-top: 9px;
  padding-bottom: 9px;
  position: relative;
}
.bracket-video .bracket-item .col-link a.btn-watch:hover,
.bracket-video .bracket-item .col-link a.btn-watch:focus {
  color: #cd6600;
}
.bracket-video .bracket-item .col-link a.btn-watch .text-watch {
  position: relative;
}
.bracket-video .bracket-item .col-link a.btn-watch .text-watch:before {
  content: "";
  background: #000;
  border-radius: 150%;
  position: absolute;
  right: -27px;
  top: -1px;
  width: 20px;
  height: 20px;
}
.bracket-video .bracket-item .col-link a.btn-watch .text-watch:after {
  content: "\e603";
  font-family: gg2-fonts;
  font-size: 10px;
  position: absolute;
  right: -23px;
  top: 1px;
}
.news-container {
  display: block;
  border-style: solid;
  border-width: 1px;
  border-color: #363636;
  padding: 10px 10px 20px 10px;
  text-align: center;
}
.close {
  color: #fff!important;
}
.news-container h3 {
  margin-top: 10px!important;
  margin-bottom: 10px;
}
.thank-you {
  color: #fff;
  font-family: kelson_sanslight, Helvetica, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}
.thank-you .alert {
  background-color: #5bc0de;
}
.error-flash ul {
  padding-left: 10px;
  font-size: 10px;
  list-style-type: none;
}
.news-form {
  margin-left: auto;
  margin-right: auto;
  max-width: 500px;
  font: 12px kelson_sanslight, Helvetica, sans-serif;
  color: #666;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.news-form h1 > span {
  display: block;
  font-size: 11px;
  color: #FFF;
}
.news-form label {
  font-size: 14px;
  display: block;
  margin: 0px 0px 5px;
  font-weight: normal;
}
.checkbox label {
  color: #fff;
}
.news-form label > span {
  float: left;
  margin-top: 10px;
  color: #FFF;
}
.news-form label > span .req {
  margin-top: 10px;
  color: #e47a0a;
  font-size: 11px;
}
.news-form .reqtext {
  margin-top: 20px;
  color: #fff;
  font-size: 10px;
  position: relative;
  text-align: center;
}
.news-form .reqtext:before {
  content: "*";
  font-size: 28px;
  vertical-align: bottom;
  line-height: 2px;
  margin-right: 4px;
  color: #e47a0a;
}
.news-star {
  display: inline-block;
  font-size: 26px;
  float: right;
  padding: 0 5px;
  margin-bottom: -13px;
}
.news-star-ind {
  display: inline-block;
  font-size: 26px;
  padding: 0 5px;
  float: left;
  margin-bottom: -13px;
}
.news-form input[type="text"],
.news-form input[type="email"],
.news-form textarea {
  color: #555;
  height: 30px;
  line-height: 15px;
  width: 100%;
  padding: 0px 0px 0px 10px;
  margin-top: 2px;
  border: 1px solid #E5E5E5;
  background: #FBFBFB;
  outline: 0;
  -webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
  box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
  font: normal 14px/14px Arial, Helvetica, sans-serif;
}
.news-form select {
  color: #555;
  width: 32%;
  height: 30px;
  line-height: 15px;
  padding: 0px 0px 0px 10px;
  margin-top: 2px;
  background: url('down-arrow.png') no-repeat right, -moz-linear-gradient(top, #fbfbfb 0%, #e9e9e9 100%);
  background: url('down-arrow.png') no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #e9e9e9));
}
@media (max-width: 992px) {
  .news-form select {
    width: 100%;
    margin-bottom: 4px;
  }
}
.news-form textarea {
  height: 100px;
  padding-top: 10px;
}
.news-form-break {
  display: block;
  clear: both;
}
.news-form-break select.form-control {
  display: inline-block;
}
.news-btn {
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 63%;
}
@media (max-width: 992px) {
  .news-btn {
    width: 100%;
  }
}
.birthdate .tooltip.bottom .tooltip-inner {
  word-break: normal;
  white-space: normal;
}
@media (min-width: 992px) {
  .birthdate .tooltip-inner {
    max-width: 108px;
  }
}
.news-modal-body {
  position: relative;
  padding: 44px;
  display: inline-block;
  margin-top: -40px;
}
.news-modal-content {
  position: relative;
  background-color: #212121;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
  z-index: 100;
}
.news-modal-content .news-form-break select {
  width: calc(33% - 2px);
}
.news-modal-header {
  padding: 15px;
}
.news-modal-title {
  text-align: center;
  text-transform: uppercase;
  color: #028bdc;
  letter-spacing: 2px;
  font-size: 40px;
}
.news-modal-subtitle {
  text-align: center;
  text-transform: uppercase;
  color: #028bdc;
  letter-spacing: 2px;
  font-size: 24px;
}
.newsletter-form .form-control {
  display: inline-block;
}
.newsletter-form .error-flash {
  background-color: #d9534f;
  color: white;
}
.newsletter-form .error-flash ul {
  padding: 0 0 10px;
  font-size: 10px;
  list-style-type: none;
}
.newsletter-form .error-flash a {
  font-size: larger;
  text-decoration: underline;
}
.newsletter-form .error-flash a:hover {
  color: #111111;
}
.news-form .form-error input[type="text"],
.news-form .form-error input[type="email"],
.news-form .form-error textarea,
.news-form .form-error select {
  column-rule: #252525;
  background: #f6d4af;
  border-color: #cd6600;
}
.news-form .form-error-msg {
  color: #cd6600;
  text-align: left;
  padding-left: 20px;
  position: relative;
  margin-top: 7px;
  letter-spacing: 1px;
}
.news-form .form-error-msg:before {
  content: "\e656";
  font-family: 'gg2-fonts';
  position: absolute;
  left: 0;
}
#tournamentModal .tournament-modal-content {
  position: relative;
  background-color: #111111;
  border: 1px solid #666;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
  z-index: 100;
}
#tournamentModal .tournament-modal-content .news-form select {
  width: 100%;
  font-family: "kelson_sansregular", Helvetica, Arial, sans-serif;
}
.tournament-modal-header {
  padding: 15px;
}
.tournament-modal-header button.close {
  background: #000000 url('../img/greygoo-nav-bg.png') 125px -10px;
  width: 50px;
  height: 50px;
  border-left: solid 1px #028bdc;
  border-bottom: solid 1px #028bdc;
  opacity: 1;
  position: relative;
  -webkit-transition: all 0.9s;
  -moz-transition: all 0.9s;
  -ms-transition: all 0.9s;
  -o-transition: all 0.9s;
  transition: all 0.9s;
}
.tournament-modal-header button.close:hover {
  border-color: #cd6600;
}
.tournament-modal-header button.close:after {
  content: "\e61c";
  font-family: gg2-fonts;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 15px;
  left: 16px;
}
.tournament-modal-header button.close:after:hover {
  color: #fff;
}
.tournament-modal-header .tournament-modal-title {
  text-align: center;
  text-transform: uppercase;
  color: #028bdc;
  letter-spacing: 2px;
  font-size: 28px;
}
@media (min-width: 768px) {
  .tournament-modal-header .tournament-modal-title {
    font-size: 40px;
  }
}
.tournament-modal-body {
  position: relative;
  padding: 44px;
  margin-top: -40px;
}
@media (max-width: 480px) {
  .tournament-modal-body .steam {
    word-break: break-word;
  }
}
.tournament-modal-body.mobile {
  padding: 0;
  margin-top: 0;
  margin-bottom: 100px;
}
#tournament-signup-modal.news-form {
  color: #fff;
}
#tournament-signup-modal.news-form .checkboxes-info {
  margin: 30px 0;
}
#tournament-signup-modal.news-form .steam-info {
  margin-bottom: 30px;
}
#tournament-signup-modal.news-form .steam-info a {
  text-decoration: underline;
}
#tournament-signup-modal.news-form .form-error input[type="text"],
#tournament-signup-modal.news-form .form-error input[type="email"],
#tournament-signup-modal.news-form .form-error textarea,
#tournament-signup-modal.news-form .form-error select {
  column-rule: #252525;
  background: #f6d4af;
  border-color: #cd6600;
}
#tournament-signup-modal.news-form .form-error-msg {
  color: #cd6600;
  text-align: left;
  padding-left: 20px;
  position: relative;
  margin-top: 7px;
  letter-spacing: 1px;
}
#tournament-signup-modal.news-form .form-error-msg:before {
  content: "\e656";
  font-family: 'gg2-fonts';
  position: absolute;
  left: 0;
}
#tournament-signup-modal.news-form .reqtext {
  margin-top: 5px;
  color: #cd6600;
  font-size: 10px;
  font-weight: bold;
  position: relative;
  float: right;
  display: inline-block;
}
#tournament-signup-modal.news-form .reqtext:before {
  content: "*";
  vertical-align: bottom;
  line-height: 2px;
  margin-right: 4px;
  position: absolute;
  top: 14px;
  left: -12px;
}
.newsletter-form .form-control {
  display: inline-block;
}
.newsletter-form .error-flash {
  background-color: #d9534f;
  color: white;
}
.newsletter-form .error-flash ul {
  padding: 0 0 10px;
  font-size: 10px;
  list-style-type: none;
}
.newsletter-form .error-flash a {
  font-size: larger;
  text-decoration: underline;
}
.newsletter-form .error-flash a:hover {
  color: #111111;
}
.news-container {
  display: block;
  border-style: solid;
  border-width: 1px;
  border-color: #363636;
  padding: 10px 10px 20px 10px;
  text-align: center;
}
.news-container h3 {
  margin-top: 10px!important;
  margin-bottom: 10px;
}
.thank-you {
  color: #fff;
  font-family: kelson_sanslight, Helvetica, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}
.thank-you .alert {
  background-color: #5bc0de;
  padding: 10px 60px 20px 60px;
}
.error-flash ul {
  padding-left: 10px;
  font-size: 10px;
  list-style-type: none;
}
.news-form {
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  font: 12px kelson_sanslight, Helvetica, sans-serif;
  color: #666;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.news-form h1 > span {
  display: block;
  font-size: 11px;
  color: #FFF;
}
.news-form label {
  font-size: 11px;
  letter-spacing: 1px;
  display: block;
  margin: 0px 0px 5px;
  font-weight: normal;
}
@media (min-width: 992px) {
  .news-form label {
    font-size: 14px;
    letter-spacing: 2px;
  }
}
.checkbox label {
  color: #fff;
}
.news-form label > span {
  float: left;
  margin-top: 10px;
  color: #FFF;
}
.news-form label > span .req {
  margin-top: 10px;
  color: #e47a0a;
  font-size: 11px;
}
.news-star {
  display: inline-block;
  font-size: 26px;
  float: right;
  padding: 0 5px;
  margin-bottom: -13px;
}
.news-star-ind {
  display: inline-block;
  font-size: 26px;
  padding: 0 5px;
  float: left;
  margin-bottom: -13px;
}
.news-form input[type="text"],
.news-form input[type="email"],
.news-form textarea {
  color: #555;
  height: 30px;
  line-height: 15px;
  width: 100%;
  padding: 0px 0px 0px 10px;
  margin-top: 2px;
  border: 1px solid #E5E5E5;
  background: #FBFBFB;
  outline: 0;
  -webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
  box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
  font: normal 14px/14px "kelson_sansregular", Helvetica, Arial, sans-serif;
}
.location .news-form-break select {
  color: #555;
  letter-spacing: 0;
  width: 100%;
  height: 30px;
  line-height: 15px;
  padding: 0px 0px 0px 10px;
  margin-top: 2px;
  background: url('down-arrow.png') no-repeat right, -moz-linear-gradient(top, #fbfbfb 0%, #e9e9e9 100%);
  background: url('down-arrow.png') no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #e9e9e9));
}
@media (max-width: 992px) {
  .location .news-form-break select {
    margin-bottom: 4px;
  }
}
.news-form textarea {
  height: 100px;
  padding-top: 10px;
}
.news-form-break {
  display: block;
  clear: both;
}
.news-form-break select.form-control {
  display: inline-block;
}
.news-btn {
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 63%;
}
@media (max-width: 992px) {
  .news-btn {
    width: 100%;
  }
}
.birthdate .tooltip.bottom .tooltip-inner {
  word-break: normal;
  white-space: normal;
}
@media (min-width: 992px) {
  .birthdate .tooltip-inner {
    max-width: 108px;
  }
}
.success-mobile {
  position: relative;
  bottom: 55px;
  text-align: center;
}
#unit-comparison {
  position: relative;
}
#unit-comparison .bg-unit {
  position: absolute;
  top: 0;
  width: 50%;
  height: 115px;
  z-index: 10;
  background: #111111 url('../img/unit-comparison/large-commando.png') no-repeat;
  background-size: auto 112px;
}
@media (min-width: 480px) {
  #unit-comparison .bg-unit {
    height: 200px;
    background-size: auto 190px;
  }
}
@media (min-width: 768px) {
  #unit-comparison .bg-unit {
    height: 250px;
    background-size: auto 217px;
  }
}
@media (min-width: 992px) {
  #unit-comparison .bg-unit {
    height: 325px;
    background-size: auto 316px;
  }
}
@media (min-width: 1200px) {
  #unit-comparison .bg-unit {
    height: 400px;
    background-size: cover;
  }
}
#unit-comparison .bg-unit .vgradient {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 35;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#111111+0,111111+100&0+57,1+100 */
  background: -moz-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0) 57%, #111111 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(17, 17, 17, 0)), color-stop(57%, rgba(17, 17, 17, 0)), color-stop(100%, #111111));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0) 57%, #111111 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0) 57%, #111111 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0) 57%, #111111 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0) 57%, #111111 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00111111', endColorstr='#111111', GradientType=0);
  /* IE6-9 */
}
#unit-comparison .bg-unit.bg-left {
  left: 0;
  background-position: right top;
}
#unit-comparison .bg-unit.bg-left.beta.avalanche {
  background-image: url('../img/unit-comparison/beta/unit_beta_avalanche_left.jpg');
}
#unit-comparison .bg-unit.bg-left.beta.cloudburst {
  background-image: url('../img/unit-comparison/beta/unit_beta_cloudburst_left.jpg');
}
#unit-comparison .bg-unit.bg-left.beta.commando {
  background-image: url('../img/unit-comparison/beta/unit_beta_commando_left.jpg');
}
#unit-comparison .bg-unit.bg-left.beta.guardian {
  background-image: url('../img/unit-comparison/beta/unit_beta_guardian_left.jpg');
}
#unit-comparison .bg-unit.bg-left.beta.hailstorm {
  background-image: url('../img/unit-comparison/beta/unit_beta_hailstorm_left.jpg');
}
#unit-comparison .bg-unit.bg-left.beta.hand-of-ruk {
  background-image: url('../img/unit-comparison/beta/unit_beta_handofruk_left.jpg');
}
#unit-comparison .bg-unit.bg-left.beta.nimbus {
  background-image: url('../img/unit-comparison/beta/unit_beta_nimbus_left.jpg');
}
#unit-comparison .bg-unit.bg-left.beta.predator {
  background-image: url('../img/unit-comparison/beta/unit_beta_predator_left.jpg');
}
#unit-comparison .bg-unit.bg-left.beta.seeker {
  background-image: url('../img/unit-comparison/beta/unit_beta_seeker_left.jpg');
}
#unit-comparison .bg-unit.bg-left.beta.stalker {
  background-image: url('../img/unit-comparison/beta/unit_beta_stalker_left.jpg');
}
#unit-comparison .bg-unit.bg-left.beta.stratus {
  background-image: url('../img/unit-comparison/beta/unit_beta_stratus_left.jpg');
}
#unit-comparison .bg-unit.bg-left.beta.warbird {
  background-image: url('../img/unit-comparison/beta/unit_beta_warbird_left.jpg');
}
#unit-comparison .bg-unit.bg-left.humans.alpha {
  background-image: url('../img/unit-comparison/humans/unit_humans_alpha_left.jpg');
}
#unit-comparison .bg-unit.bg-left.humans.dagger {
  background-image: url('../img/unit-comparison/humans/unit_humans_dagger_left.jpg');
}
#unit-comparison .bg-unit.bg-left.humans.gladius {
  background-image: url('../img/unit-comparison/humans/unit_humans_gladius_left.jpg');
}
#unit-comparison .bg-unit.bg-left.humans.howitzer {
  background-image: url('../img/unit-comparison/humans/unit_humans_howitzer_left.jpg');
}
#unit-comparison .bg-unit.bg-left.humans.lancer {
  background-image: url('../img/unit-comparison/humans/unit_humans_lancer_left.jpg');
}
#unit-comparison .bg-unit.bg-left.humans.longbow {
  background-image: url('../img/unit-comparison/humans/unit_humans_longbow_left.jpg');
}
#unit-comparison .bg-unit.bg-left.humans.monitor {
  background-image: url('../img/unit-comparison/humans/unit_humans_monitor_left.jpg');
}
#unit-comparison .bg-unit.bg-left.humans.revolver {
  background-image: url('../img/unit-comparison/humans/unit_humans_revolver_left.jpg');
}
#unit-comparison .bg-unit.bg-left.humans.scimitar {
  background-image: url('../img/unit-comparison/humans/unit_humans_scimitar_left.jpg');
}
#unit-comparison .bg-unit.bg-left.humans.scythe {
  background-image: url('../img/unit-comparison/humans/unit_humans_scythe_left.jpg');
}
#unit-comparison .bg-unit.bg-left.humans.trident {
  background-image: url('../img/unit-comparison/humans/unit_humans_trident_left.jpg');
}
#unit-comparison .bg-unit.bg-left.goo.bastion {
  background-image: url('../img/unit-comparison/goo/unit_goo_bastion_left.jpg');
}
#unit-comparison .bg-unit.bg-left.goo.crescent {
  background-image: url('../img/unit-comparison/goo/unit_goo_crescent_left.jpg');
}
#unit-comparison .bg-unit.bg-left.goo.destructor {
  background-image: url('../img/unit-comparison/goo/unit_goo_destructor_left.jpg');
}
#unit-comparison .bg-unit.bg-left.goo.drover {
  background-image: url('../img/unit-comparison/goo/unit_goo_drover_left.jpg');
}
#unit-comparison .bg-unit.bg-left.goo.dweller {
  background-image: url('../img/unit-comparison/goo/unit_goo_dweller_left.jpg');
}
#unit-comparison .bg-unit.bg-left.goo.largegoo {
  background-image: url('../img/unit-comparison/goo/unit_goo_largegoo_left.jpg');
}
#unit-comparison .bg-unit.bg-left.goo.mothergoo {
  background-image: url('../img/unit-comparison/goo/unit_goo_mothergoo_left.jpg');
}
#unit-comparison .bg-unit.bg-left.goo.purger {
  background-image: url('../img/unit-comparison/goo/unit_goo_purger_left.jpg');
}
#unit-comparison .bg-unit.bg-left.goo.radiant {
  background-image: url('../img/unit-comparison/goo/unit_goo_radient_left.jpg');
}
#unit-comparison .bg-unit.bg-left.goo.smallgoo {
  background-image: url('../img/unit-comparison/goo/unit_goo_smallgoo_left.jpg');
}
#unit-comparison .bg-unit.bg-left.goo.strider {
  background-image: url('../img/unit-comparison/goo/unit_goo_strider_left.jpg');
}
#unit-comparison .bg-unit.bg-left.goo.tempest {
  background-image: url('../img/unit-comparison/goo/unit_goo_tempest_left.jpg');
}
#unit-comparison .bg-unit.bg-left.shroud.chime {
  background-image: url('../img/unit-comparison/shroud/unit_shroud_chime_left.jpg');
}
#unit-comparison .bg-unit.bg-left.shroud.clasher {
  background-image: url('../img/unit-comparison/shroud/unit_shroud_clasher_left.jpg');
}
#unit-comparison .bg-unit.bg-left.shroud.coda {
  background-image: url('../img/unit-comparison/shroud/unit_shroud_coda_left.jpg');
}
#unit-comparison .bg-unit.bg-left.shroud.dirge-stage-1 {
  background-image: url('../img/unit-comparison/shroud/unit_shroud_dirge1_left.jpg');
}
#unit-comparison .bg-unit.bg-left.shroud.dirge-stage-2 {
  background-image: url('../img/unit-comparison/shroud/unit_shroud_dirge2_left.jpg');
}
#unit-comparison .bg-unit.bg-left.shroud.dirge-stage-3 {
  background-image: url('../img/unit-comparison/shroud/unit_shroud_dirge3_left.jpg');
}
#unit-comparison .bg-unit.bg-left.shroud.echo {
  background-image: url('../img/unit-comparison/shroud/unit_shroud_echo_left.jpg');
}
#unit-comparison .bg-unit.bg-left.shroud.fugue {
  background-image: url('../img/unit-comparison/shroud/unit_shroud_fugue_left.jpg');
}
#unit-comparison .bg-unit.bg-left.shroud.howler {
  background-image: url('../img/unit-comparison/shroud/unit_shroud_howler_left.jpg');
}
#unit-comparison .bg-unit.bg-left.shroud.klaxon {
  background-image: url('../img/unit-comparison/shroud/unit_shroud_klaxon_left.jpg');
}
#unit-comparison .bg-unit.bg-left.shroud.mach {
  background-image: url('../img/unit-comparison/shroud/unit_shroud_mach_left.jpg');
}
#unit-comparison .bg-unit.bg-left.shroud.mimic {
  background-image: url('../img/unit-comparison/shroud/unit_shroud_mimic_left.jpg');
}
#unit-comparison .bg-unit.bg-left.shroud.shriek {
  background-image: url('../img/unit-comparison/shroud/unit_shroud_shriek_left.jpg');
}
#unit-comparison .bg-unit.bg-left.shroud.siren {
  background-image: url('../img/unit-comparison/shroud/unit_shroud_siren_left.jpg');
}
#unit-comparison .bg-unit.bg-left.shroud.torrent {
  background-image: url('../img/unit-comparison/shroud/unit_shroud_torrent_left.jpg');
}
#unit-comparison .bg-unit.bg-right {
  right: 0;
  background-position: left top;
}
#unit-comparison .bg-unit.bg-right.beta.avalanche {
  background-image: url('../img/unit-comparison/beta/unit_beta_avalanche_right.jpg');
}
#unit-comparison .bg-unit.bg-right.beta.cloudburst {
  background-image: url('../img/unit-comparison/beta/unit_beta_cloudburst_right.jpg');
}
#unit-comparison .bg-unit.bg-right.beta.commando {
  background-image: url('../img/unit-comparison/beta/unit_beta_commando_right.jpg');
}
#unit-comparison .bg-unit.bg-right.beta.guardian {
  background-image: url('../img/unit-comparison/beta/unit_beta_guardian_right.jpg');
}
#unit-comparison .bg-unit.bg-right.beta.hailstorm {
  background-image: url('../img/unit-comparison/beta/unit_beta_hailstorm_right.jpg');
}
#unit-comparison .bg-unit.bg-right.beta.hand-of-ruk {
  background-image: url('../img/unit-comparison/beta/unit_beta_handofruk_right.jpg');
}
#unit-comparison .bg-unit.bg-right.beta.nimbus {
  background-image: url('../img/unit-comparison/beta/unit_beta_nimbus_right.jpg');
}
#unit-comparison .bg-unit.bg-right.beta.predator {
  background-image: url('../img/unit-comparison/beta/unit_beta_predator_right.jpg');
}
#unit-comparison .bg-unit.bg-right.beta.seeker {
  background-image: url('../img/unit-comparison/beta/unit_beta_seeker_right.jpg');
}
#unit-comparison .bg-unit.bg-right.beta.stalker {
  background-image: url('../img/unit-comparison/beta/unit_beta_stalker_right.jpg');
}
#unit-comparison .bg-unit.bg-right.beta.stratus {
  background-image: url('../img/unit-comparison/beta/unit_beta_stratus_right.jpg');
}
#unit-comparison .bg-unit.bg-right.beta.warbird {
  background-image: url('../img/unit-comparison/beta/unit_beta_warbird_right.jpg');
}
#unit-comparison .bg-unit.bg-right.humans.alpha {
  background-image: url('../img/unit-comparison/humans/unit_humans_alpha_right.jpg');
}
#unit-comparison .bg-unit.bg-right.humans.dagger {
  background-image: url('../img/unit-comparison/humans/unit_humans_dagger_right.jpg');
}
#unit-comparison .bg-unit.bg-right.humans.gladius {
  background-image: url('../img/unit-comparison/humans/unit_humans_gladius_right.jpg');
}
#unit-comparison .bg-unit.bg-right.humans.howitzer {
  background-image: url('../img/unit-comparison/humans/unit_humans_howitzer_right.jpg');
}
#unit-comparison .bg-unit.bg-right.humans.lancer {
  background-image: url('../img/unit-comparison/humans/unit_humans_lancer_right.jpg');
}
#unit-comparison .bg-unit.bg-right.humans.longbow {
  background-image: url('../img/unit-comparison/humans/unit_humans_longbow_right.jpg');
}
#unit-comparison .bg-unit.bg-right.humans.monitor {
  background-image: url('../img/unit-comparison/humans/unit_humans_monitor_right.jpg');
}
#unit-comparison .bg-unit.bg-right.humans.revolver {
  background-image: url('../img/unit-comparison/humans/unit_humans_revolver_right.jpg');
}
#unit-comparison .bg-unit.bg-right.humans.scimitar {
  background-image: url('../img/unit-comparison/humans/unit_humans_scimitar_right.jpg');
}
#unit-comparison .bg-unit.bg-right.humans.scythe {
  background-image: url('../img/unit-comparison/humans/unit_humans_scythe_right.jpg');
}
#unit-comparison .bg-unit.bg-right.humans.trident {
  background-image: url('../img/unit-comparison/humans/unit_humans_trident_right.jpg');
}
#unit-comparison .bg-unit.bg-right.goo.bastion {
  background-image: url('../img/unit-comparison/goo/unit_goo_bastion_right.jpg');
}
#unit-comparison .bg-unit.bg-right.goo.crescent {
  background-image: url('../img/unit-comparison/goo/unit_goo_crescent_right.jpg');
}
#unit-comparison .bg-unit.bg-right.goo.destructor {
  background-image: url('../img/unit-comparison/goo/unit_goo_destructor_right.jpg');
}
#unit-comparison .bg-unit.bg-right.goo.drover {
  background-image: url('../img/unit-comparison/goo/unit_goo_drover_right.jpg');
}
#unit-comparison .bg-unit.bg-right.goo.dweller {
  background-image: url('../img/unit-comparison/goo/unit_goo_dweller_right.jpg');
}
#unit-comparison .bg-unit.bg-right.goo.largegoo {
  background-image: url('../img/unit-comparison/goo/unit_goo_largegoo_right.jpg');
}
#unit-comparison .bg-unit.bg-right.goo.mothergoo {
  background-image: url('../img/unit-comparison/goo/unit_goo_mothergoo_right.jpg');
}
#unit-comparison .bg-unit.bg-right.goo.purger {
  background-image: url('../img/unit-comparison/goo/unit_goo_purger_right.jpg');
}
#unit-comparison .bg-unit.bg-right.goo.radiant {
  background-image: url('../img/unit-comparison/goo/unit_goo_radient_right.jpg');
}
#unit-comparison .bg-unit.bg-right.goo.smallgoo {
  background-image: url('../img/unit-comparison/goo/unit_goo_smallgoo_right.jpg');
}
#unit-comparison .bg-unit.bg-right.goo.strider {
  background-image: url('../img/unit-comparison/goo/unit_goo_strider_right.jpg');
}
#unit-comparison .bg-unit.bg-right.goo.tempest {
  background-image: url('../img/unit-comparison/goo/unit_goo_tempest_right.jpg');
}
#unit-comparison .bg-unit.bg-right.shroud.chime {
  background-image: url('../img/unit-comparison/shroud/unit_shroud_chime_right.jpg');
}
#unit-comparison .bg-unit.bg-right.shroud.clasher {
  background-image: url('../img/unit-comparison/shroud/unit_shroud_clasher_right.jpg');
}
#unit-comparison .bg-unit.bg-right.shroud.coda {
  background-image: url('../img/unit-comparison/shroud/unit_shroud_coda_right.jpg');
}
#unit-comparison .bg-unit.bg-right.shroud.dirge-stage-1 {
  background-image: url('../img/unit-comparison/shroud/unit_shroud_dirge1_right.jpg');
}
#unit-comparison .bg-unit.bg-right.shroud.dirge-stage-2 {
  background-image: url('../img/unit-comparison/shroud/unit_shroud_dirge2_right.jpg');
}
#unit-comparison .bg-unit.bg-right.shroud.dirge-stage-3 {
  background-image: url('../img/unit-comparison/shroud/unit_shroud_dirge3_right.jpg');
}
#unit-comparison .bg-unit.bg-right.shroud.echo {
  background-image: url('../img/unit-comparison/shroud/unit_shroud_echo_right.jpg');
}
#unit-comparison .bg-unit.bg-right.shroud.fugue {
  background-image: url('../img/unit-comparison/shroud/unit_shroud_fugue_right.jpg');
}
#unit-comparison .bg-unit.bg-right.shroud.howler {
  background-image: url('../img/unit-comparison/shroud/unit_shroud_howler_right.jpg');
}
#unit-comparison .bg-unit.bg-right.shroud.klaxon {
  background-image: url('../img/unit-comparison/shroud/unit_shroud_klaxon_right.jpg');
}
#unit-comparison .bg-unit.bg-right.shroud.mach {
  background-image: url('../img/unit-comparison/shroud/unit_shroud_mach_right.jpg');
}
#unit-comparison .bg-unit.bg-right.shroud.mimic {
  background-image: url('../img/unit-comparison/shroud/unit_shroud_mimic_right.jpg');
}
#unit-comparison .bg-unit.bg-right.shroud.shriek {
  background-image: url('../img/unit-comparison/shroud/unit_shroud_shriek_right.jpg');
}
#unit-comparison .bg-unit.bg-right.shroud.siren {
  background-image: url('../img/unit-comparison/shroud/unit_shroud_siren_right.jpg');
}
#unit-comparison .bg-unit.bg-right.shroud.torrent {
  background-image: url('../img/unit-comparison/shroud/unit_shroud_torrent_right.jpg');
}
.unit-comparison-top {
  line-height: 22px;
  background-size: cover;
  position: relative;
  height: 220px;
}
@media (min-width: 480px) {
  .unit-comparison-top {
    height: 275px;
  }
}
@media (min-width: 768px) {
  .unit-comparison-top {
    height: 250px;
  }
}
@media (min-width: 992px) {
  .unit-comparison-top {
    height: 325px;
  }
}
@media (min-width: 1200px) {
  .unit-comparison-top {
    height: 400px;
  }
}
.unit-comparison-top .vs {
  font-family: PlanerRegular;
  position: absolute;
  top: -100px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 50;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  margin: auto;
  width: 15px;
  height: 15px;
  letter-spacing: 0;
}
@media (min-width: 480px) {
  .unit-comparison-top .vs {
    top: -100px;
    font-size: 25px;
    line-height: 25px;
    width: 25px;
    height: 25px;
  }
}
@media (min-width: 768px) {
  .unit-comparison-top .vs {
    top: 0;
    font-size: 25px;
    line-height: 25px;
    width: 25px;
    height: 25px;
  }
}
@media (min-width: 992px) {
  .unit-comparison-top .vs {
    font-size: 37px;
    line-height: 37px;
    width: 37px;
    height: 37px;
  }
}
.unit-comparison-top .triangle {
  background: url('../img/unit-comparison/vs-triangle.png') no-repeat;
  position: absolute;
  background-size: cover;
  top: -100px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 46;
  margin: auto;
  width: 50px;
  height: 42px;
}
@media (min-width: 480px) {
  .unit-comparison-top .triangle {
    top: -100px;
    width: 80px;
    height: 68px;
  }
}
@media (min-width: 768px) {
  .unit-comparison-top .triangle {
    top: 0;
    width: 80px;
    height: 68px;
  }
}
@media (min-width: 992px) {
  .unit-comparison-top .triangle {
    width: 123px;
    height: 104px;
  }
}
.unit-comparison-top .vgradient {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 35;
  width: 19px;
  margin: 0 auto;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#111111+0,111111+100&0+57,1+100 */
  background: -moz-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0) 57%, #111111 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(17, 17, 17, 0)), color-stop(57%, rgba(17, 17, 17, 0)), color-stop(100%, #111111));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0) 57%, #111111 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0) 57%, #111111 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0) 57%, #111111 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0) 57%, #111111 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00111111', endColorstr='#111111', GradientType=0);
  /* IE6-9 */
}
.unit-comparison-top .vbar {
  background: url('../img/unit-comparison/vs-vert-bar.png') repeat-y;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  margin: auto;
  width: 19px;
}
#selection-block {
  position: absolute;
  bottom: 15px;
  z-index: 50;
  width: 100%;
}
@media (min-width: 768px) {
  #selection-block {
    position: absolute;
    bottom: 15px;
    z-index: 50;
    width: auto;
  }
}
#selection-block .title-blue {
  font-family: PlanerRegular;
}
#selection-block .left .chosen-container-single .chosen-single > div b:after {
  right: 6px;
  top: 4px;
}
#selection-block .right {
  text-align: right;
}
#selection-block .right .chosen-container-single .chosen-single > span {
  margin-right: 0;
}
#selection-block .right .chosen-container-single .chosen-single > div {
  left: 0;
}
#selection-block .right .chosen-container-single .chosen-single > div b:after {
  left: 6px;
  top: 4px;
}
#selection-block .chosen-container-single .chosen-single {
  overflow: visible;
  padding: 4px;
  height: 29px;
  background-color: #000;
  border: solid 1px #404040;
}
#selection-block .chosen-container-single .chosen-single > span {
  font-family: "PlanerRegular";
  font-size: 14px;
  line-height: 16px;
  color: #fff;
}
@media (min-width: 480px) {
  #selection-block .chosen-container-single .chosen-single > span {
    font-size: 18px;
    line-height: 20px;
  }
}
@media (min-width: 768px) {
  #selection-block .chosen-container-single .chosen-single > span {
    font-size: 18px;
    line-height: 20px;
  }
}
@media (min-width: 992px) {
  #selection-block .chosen-container-single .chosen-single > span {
    font-size: 18px;
  }
}
#selection-block .chosen-container-single .chosen-single > div {
  width: 30px;
}
#selection-block .chosen-container-single .chosen-single > div b {
  position: relative;
}
#selection-block .chosen-container-single .chosen-single > div b:after {
  content: "\e601";
  position: absolute;
  font-family: gg2-fonts;
  font-size: 16px;
  line-height: 18px;
  color: #fff;
}
#selection-block #faction_right_chosen.chosen-container-single .chosen-single > span {
  margin-right: 0;
  margin-left: 26px;
}
#selection-block .chosen-container-active .chosen-single > span {
  color: #cd6600;
}
#selection-block .chosen-container-active .chosen-single > div b {
  position: relative;
}
#selection-block .chosen-container-active .chosen-single > div b:after {
  content: "\e604";
  color: #cd6600;
}
#selection-block .chosen-container-single .chosen-drop .chosen-search input[type="text"] {
  width: 90%;
}
#selection-block .chosen-container-single .chosen-drop ul.chosen-results li.active-result {
  font-size: 16px;
  letter-spacing: 0;
  padding: 10px 10px;
}
.unit-selector,
.faction-selector {
  padding: 4px;
  height: 29px;
  background-color: #000;
  border: solid 1px #404040;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1px;
  color: #fff;
  position: relative;
  cursor: pointer;
}
.unit-selector:after,
.faction-selector:after {
  content: "\e601";
  position: absolute;
  font-family: gg2-fonts;
  font-size: 16px;
  line-height: 18px;
  color: #fff;
  top: 4px;
  right: 6px;
  font-weight: bold;
}
.unit-selector.right:after,
.faction-selector.right:after {
  top: 4px;
  left: 6px;
  right: auto;
}
@media (min-width: 480px) {
  .unit-selector,
  .faction-selector {
    font-size: 18px;
    line-height: 20px;
  }
}
.dropdown.open .comparison-ddown {
  top: 98%;
  padding: 8px;
}
.dropdown.open .unit-selector {
  color: #cd6600;
}
.dropdown.open .unit-selector:after {
  content: "\e604";
  color: #cd6600;
}
.dropdown-menu.comparison-ddown {
  background: #000;
  border-radius: 0;
  margin-top: 0px;
  border-left: solid 1px #404040;
  border-right: solid 1px #404040;
  border-bottom: solid 1px #404040;
  width: 100%;
}
.dropdown-menu.comparison-ddown .col-sm-4 {
  padding-left: 8px;
  padding-right: 8px;
}
.dropdown-menu.comparison-ddown a.faction-box {
  margin-bottom: 0;
  cursor: pointer;
}
.dropdown-menu.comparison-ddown a.faction-box .faction-img {
  display: none;
}
@media (min-width: 768px) {
  .dropdown-menu.comparison-ddown a.faction-box .faction-img {
    height: 70px;
    display: block;
  }
  .dropdown-menu.comparison-ddown a.faction-box .faction-img img {
    max-height: 70px;
  }
}
.dropdown-menu.comparison-ddown a.faction-box .faction-title {
  font-size: 16px;
  line-height: 15px;
  letter-spacing: 0;
  text-align: left;
  padding: 10px;
}
@media (min-width: 768px) {
  .dropdown-menu.comparison-ddown a.faction-box .faction-title {
    font-size: 9px;
    text-align: center;
    padding: 10px 0;
  }
}
.dropdown-menu.faction-ddown {
  background: #000;
  border-radius: 0;
  margin-top: 0px;
  min-width: 100%;
}
.dropdown-menu.faction-ddown li {
  font-size: 16px;
  line-height: 15px;
  letter-spacing: 0;
  padding: 10px;
  color: #fff;
  border-bottom: 1px solid #252525;
  cursor: pointer;
}
.dropdown-menu.faction-ddown li:hover {
  color: #cd6600;
}
.dropdown-menu.faction-ddown a.faction-box {
  margin-bottom: 0;
}
.overview .overview-item {
  font-size: 11px;
  font-family: "kelson_sanslight";
  color: #777;
  letter-spacing: 0;
  display: block;
  text-align: center;
}
.overview .overview-item .ov-value {
  font-size: 16px;
  font-family: "kelson_sansregular";
  color: #fefefe;
  display: block;
}
.basic-overview h3.title-blue {
  color: #028BDC;
  font-size: 20px;
  line-height: 1.1;
}
.stat-value {
  display: inline-block;
  color: #fff;
  font-size: 19px;
}
.stat-label {
  font-family: "kelson_sanslight";
  display: inline-block;
  letter-spacing: 1px;
}
.stats-block .stat-value {
  display: inline-block;
  float: left;
  width: 50%;
  color: #fff;
  font-size: 19px;
  text-align: center;
}
@media (min-width: 768px) {
  .stats-block .stat-value {
    width: 20%;
    text-align: left;
  }
  .stats-block .stat-value.right {
    text-align: right;
  }
}
.stats-block .stat-label {
  font-family: "kelson_sanslight";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  letter-spacing: 0;
}
@media (min-width: 768px) {
  .stats-block .stat-label {
    position: relative;
    width: 30%;
    float: left;
    width: 60%;
  }
}
.unit-stats-update .stat-value {
  float: left;
  width: 50px;
}
.progress.progress-comparison {
  background-color: #000;
  border: solid 1px #333;
  border-radius: 2px;
  margin-top: 5px;
  margin-bottom: 13px;
  height: 18px;
}
.progress.progress-comparison.beta .progress-bar {
  background-color: #cd6600;
}
.progress.progress-comparison.humans .progress-bar {
  background-color: #028bdc;
}
.progress.progress-comparison.goo .progress-bar {
  background-color: #6766cd;
}
.progress.progress-comparison.shroud .progress-bar {
  background-color: #4646a0;
}
.traits .trait-item {
  font-size: 11px;
  font-family: "kelson_sanslight";
  color: #777;
  letter-spacing: 0;
  display: block;
  text-align: center;
}
.traits .trait-item i {
  font-size: 30px;
  color: #fff;
  display: block;
  margin-bottom: 15px;
}
.traits .trait-item i.beta {
  color: #cd6600;
}
.traits .trait-item i.humans {
  color: #028bdc;
}
.traits .trait-item i.goo {
  color: #6766cd;
}
.traits .trait-item i.shroud {
  color: #4646a0;
}
.techtree a.tech-item {
  font-size: 11px;
  letter-spacing: 0;
  display: block;
  text-align: center;
}
.techtree a.tech-item i {
  font-size: 40px;
  display: block;
  margin-bottom: 15px;
}
/*# sourceMappingURL=greygoo/static/css/main.min.css.map */