/*   
Theme Name: LGN
Theme URI: n/a
Description: Theme LGN2
Author: Jake Ruesch
Author URI: http://www.jsruesch.com
Template: LGN
Version: 1
*/
/*------------------------------------------------------------------

STYLESHEET CONTENTS

    -- GLOBAL STYLES
    -- MISC CLASSES
    -- ACTIVE PAGE
    -- CONTAINERS
    -- NAVIGATION
    -- ELEMENTS
    -- FOOTER
    
-------------------------------------------------------------------*/
/*------------------------------------------------------------------

    Global Styles

-------------------------------------------------------------------*/
/*------------------------------------------------------------------

    Mixins

-------------------------------------------------------------------*/
/* End Mixins */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  overflow: scroll;
  background: #1b1f34; }

a {
  text-decoration: none; }

p {
  font-family: lato;
  color: #9fafbf;
  letter-spacing: 1px;
  font-size: 20px;
  font-weight: 400; }

ul {
  list-style: none; }

.entry ul {
  list-style: disc;
  padding-left: 40px;
  font-family: lato;
  color: #9fafbf;
  letter-spacing: 1px;
  font-size: 20px;
  font-weight: 400; }

.entry h2 {
  font-size: 25px;
  color: #f26422;
  font-family: geomanistblack;
  text-transform: uppercase;
  letter-spacing: 2px; }

::selection {
  background: #f26422;
  color: white; }

@font-face {
  font-family: geomanistblack;
  src: url(../LGN/font/geomanist-black-webfont.ttf); }
@font-face {
  font-family: geomanistmedium;
  src: url(../LGN/font/geomanist-medium-webfont.ttf); }
/* End Global Styles */
/*------------------------------------------------------------------

    Misc Classes

-------------------------------------------------------------------*/
.clear {
  clear: both; }

.left {
  float: left; }

.right {
  float: right; }

.bold {
  font-weight: bold; }

.italic {
  font-style: italic; }

.underline {
  text-decoration: underline; }

.white {
  color: white; }

.center_text {
  text-align: center; }

.all_caps {
  text-transform: uppercase; }

.lower_case {
  text-transform: lowercase; }

.header {
  font-family: geomanistblack;
  text-transform: uppercase;
  letter-spacing: 2px; }

.page_title {
  color: #fff;
  text-transform: uppercase;
  font-family: geomanistblack;
  font-weight: 900;
  letter-spacing: 1px;
  font-size: 80px;
  line-height: 80px; }

.large {
  font-size: 45px; }

.medium {
  font-size: 35px; }

.small {
  font-size: 20px; }

.blue {
  color: #1b1f34; }

.orange {
  color: #f26422; }

.top {
  z-index: 9999;
  position: relative; }

/* End Misc Classes */
/*------------------------------------------------------------------

    Active Page

-------------------------------------------------------------------*/
/*
  body#ID_NAME_HERE .Navigation_Name li.List_Item_Class_Here{ Style for active Nav button }
*/
/* End Active Page */
/*------------------------------------------------------------------

    Containers

-------------------------------------------------------------------*/
.one_half {
  width: 50%; }

.one_third {
  width: 33.3%; }

.one_fourth {
  width: 25%; }

.two_thirds {
  width: 66.6%; }

.full {
  width: 100%;
  float: left; }

.container {
  width: 100%;
  float: left; }

.wrap {
  width: 1260px; }

.content {
  padding: 20px; }

.container {
  width: 100%;
  float: left; }

.center {
  margin: 0 auto; }

.fifty {
  padding: 50px; }

.section {
  width: 100%;
  float: left;
  padding: 50px 0; }

.s_orange {
  background: #f26422; }

.s_blue {
  background: #1b1f34; }

.s_grey {
  background: #eee; }

.about .content {
  padding: 50px;
  margin: 10px 0; }

.about {
  z-index: 999;
  position: relative; }

.about_banner, .contact_banner {
  z-index: 0;
  position: relative; }

/* End Containers */
/*------------------------------------------------------------------

    Navigation

-------------------------------------------------------------------*/
.navigation_container {
  width: 100%;
  float: left; }
  .navigation_container .lgn_nav_logo {
    height: 76px;
    width: 174px;
    float: left;
    margin: 25px 0;
    background: url(../LGN/images/lgn_nav_logo.png); }
  .navigation_container .nav_twitter_icon {
    height: 22px;
    width: 32px;
    background: url(../LGN/images/nav_twitter_icon.png); }
  .navigation_container .nav_fb_icon {
    height: 23px;
    width: 23px;
    background: url(../LGN/images/nav_fb_icon.png); }
  .navigation_container .nav {
    float: right; }
    .navigation_container .nav a {
      float: right; }
      .navigation_container .nav a li {
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        display: inline;
        padding: 50px 20px 50px 20px;
        float: left;
        color: #9fafbf;
        font-family: geomanistblack;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 20px;
        box-shadow: inset 0px 6px 0px #1B1F34; }
        .navigation_container .nav a li:hover {
          -webkit-transition: all 0.2s ease;
          -moz-transition: all 0.2s ease;
          -ms-transition: all 0.2s ease;
          -o-transition: all 0.2s ease;
          color: white;
          box-shadow: inset 0px 6px 0px #f26422; }

/* End Navigation */
/*------------------------------------------------------------------

    Elements

-------------------------------------------------------------------*/
.button_blue {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  border: 2px solid white;
  padding: 15px; }
  .button_blue p {
    color: white;
    font-family: geomanistmedium;
    text-transform: uppercase;
    text-align: center; }
  .button_blue:hover {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    background: white; }
    .button_blue:hover p {
      color: #1B1F34; }

.button_orange {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  border: 2px solid white;
  padding: 15px; }
  .button_orange p {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    color: white;
    font-family: geomanistmedium;
    text-transform: uppercase;
    text-align: center; }
  .button_orange:hover {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    background: white; }
    .button_orange:hover p {
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      color: #f26422; }

.button_dark {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  width: 100%;
  float: left;
  border: 2px solid #1b1f34;
  padding: 15px;
  background: none;
  margin: 10px 0;
  color: #1b1f34;
  font-family: geomanistmedium;
  text-transform: uppercase;
  font-size: 18px; }
  .button_dark:hover {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    cursor: pointer;
    border: 2px solid white;
    color: white;
    background: #1b1f34; }
    .button_dark:hover p {
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      color: white; }
  .button_dark p {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    color: #1b1f34;
    font-family: geomanistmedium;
    text-transform: uppercase; }

.fw_button {
  width: 225px;
  margin-top: 15px; }

.tp_strengthen {
  height: 216px;
  width: 195px;
  background: url(../LGN/images/tp_strengthen.png);
  margin-bottom: 45px; }

.tp_collaborate {
  height: 215px;
  width: 220px;
  background: url(../LGN/images/tp_collaborate.png);
  margin-bottom: 45px; }

.tp_create {
  height: 219px;
  width: 214px;
  background: url(../LGN/images/tp_create.png);
  margin-bottom: 45px; }

.post_banner {
  width: 100%;
  height: 450px;
  float: left;
  margin-bottom: -60px;
  overflow: hidden; }
  .post_banner img {
    background-position: center 25%;
    background-repeat: no-repeat;
    display: block; }

.about_banner {
  height: 450px;
  width: 100%;
  margin-bottom: -140px;
  float: left;
  background: url(../LGN/images/slider_banners/econauts_banner_01.png) 50% 0% no-repeat; }

.contact_banner {
  height: 450px;
  width: 100%;
  margin-bottom: -140px;
  float: left;
  background: url(../LGN/images/slider_banners/contact_banner_01.png) 50% 0% no-repeat; }

.contact_banner_small {
  display: none;
  height: 250px;
  width: 100%;
  margin: 80px 0 -10px 0;
  float: left;
  background: url(../LGN/images/slider_banners/contact_banner_01_small.png) 50% 0% no-repeat; }

.econauts_banner {
  height: 450px;
  width: 100%;
  margin-bottom: -140px;
  float: left;
  background: url(../LGN/images/slider_banners/econauts_banner_01.png) 50% 0% no-repeat; }

.econauts_banner_small {
  display: none;
  height: 250px;
  width: 100%;
  margin: 80px 0 -10px 0;
  float: left;
  background: url(../LGN/images/slider_banners/econauts_banner_01_small.png) 50% 0% no-repeat; }

.projects_banner {
  height: 450px;
  width: 100%;
  margin-bottom: -140px;
  float: left;
  background: url(../LGN/images/slider_banners/projects_banner_01.png) 50% 0% no-repeat; }

.projects_banner_small {
  display: none;
  height: 250px;
  width: 100%;
  margin: 80px 0 -10px 0;
  float: left;
  background: url(../LGN/images/slider_banners/projects_banner_01_small.png) 50% 0% no-repeat; }

.jobs_banner {
  height: 450px;
  width: 100%;
  margin-bottom: -140px;
  float: left;
  background: url(../LGN/images/slider_banners/jobs_banner_01.png) 50% 0% no-repeat; }

.jobs_banner_small {
  display: none;
  height: 250px;
  width: 100%;
  margin: 80px 0 -10px 0;
  float: left;
  background: url(../LGN/images/slider_banners/jobs_banner_01_small.png) 50% 0% no-repeat; }

.platform_unity {
  height: 80px;
  width: 78px;
  background: url(../LGN/images/platform_unity.png) no-repeat; }

.platform_multitaction {
  height: 80px;
  width: 173px;
  background: url(../LGN/images/platform_multitaction.png) no-repeat; }

.platform_apple {
  height: 80px;
  width: 66px;
  background: url(../LGN/images/platform_apple.png) no-repeat; }

.platform_ios {
  height: 80px;
  width: 151px;
  background: url(../LGN/images/platform_ios.png) no-repeat; }

.platform_google_play {
  height: 80px;
  width: 159px;
  background: url(../LGN/images/platform_google_play.png) no-repeat; }

.platform_android {
  height: 80px;
  width: 86px;
  background: url(../LGN/images/platform_android.png) no-repeat; }

.platform_windows {
  height: 80px;
  width: 80px;
  background: url(../LGN/images/platform_windows.png) no-repeat; }

.platform {
  margin: 40px 0; }

.project_list_container {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  width: 33.3%;
  float: left;
  padding: 10px; }
  .project_list_container .project_image_container {
    width: 100%;
    float: left;
    height: 195px;
    overflow: hidden;
    position: relative; }
    .project_list_container .project_image_container .mini_platform_icons_container {
      z-index: 90;
      position: absolute;
      top: 0px;
      left: 0px;
      height: 0px; }
      .project_list_container .project_image_container .mini_platform_icons_container .mini_icon {
        float: right;
        margin: 3px 0 0 3px;
        height: 25px !important;
        width: 25px !important;
        background: #f26422;
        padding: 5px; }
    .project_list_container .project_image_container .project_thumb {
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      min-height: 195px;
      min-width: 360px;
      position: absolute;
      top: -9999px;
      bottom: -9999px;
      left: -9999px;
      right: -9999px;
      margin: auto; }
  .project_list_container .title {
    width: 100%;
    float: left;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    padding: 20px;
    font-family: geomanistblack;
    text-transform: uppercase;
    text-align: center;
    font-size: 22px;
    color: #1b1f34; }
  .project_list_container:hover {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    background: #f26422; }
    .project_list_container:hover .project_image_container .project_thumb {
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      opacity: .7;
      min-height: 260px;
      margin: 0 0 0 0;
      position: absolute;
      top: -9999px;
      bottom: -9999px;
      left: -9999px;
      right: -9999px;
      margin: auto; }
    .project_list_container:hover .title {
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      color: white; }

.game_specs_container {
  background: #f26422;
  padding: 20px; }
  .game_specs_container .right .header {
    margin-left: 25px; }
  .game_specs_container .right img {
    height: 28px;
    width: 28px;
    margin: 0px 0 0 5px; }
  .game_specs_container .left img {
    height: 28px;
    width: 28px;
    margin: 0px 5px 0 5px; }

.project_image {
  margin: 20px 0; }
  .project_image img {
    width: 100%;
    float: left; }

/* End Elements */
/*------------------------------------------------------------------

    Slider

-------------------------------------------------------------------*/
.slider_large {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease; }
  .slider_large .rotate {
    width: 100%;
    height: 515px;
    float: left; }
    .slider_large .rotate .rotate_item {
      width: 100%;
      position: absolute; }
      .slider_large .rotate .rotate_item .slider_container .banner_text_container_center {
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        margin: 0 auto;
        height: 515px;
        width: 1260px; }
        .slider_large .rotate .rotate_item .slider_container .banner_text_container_center .banner_text {
          -webkit-transition: all 0.2s ease;
          -moz-transition: all 0.2s ease;
          -ms-transition: all 0.2s ease;
          -o-transition: all 0.2s ease;
          @incclude full;
          padding-top: 375px; }
          .slider_large .rotate .rotate_item .slider_container .banner_text_container_center .banner_text .banner_text_main {
            -webkit-transition: all 0.2s ease;
            -moz-transition: all 0.2s ease;
            -ms-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            color: #fff;
            text-transform: uppercase;
            font-family: geomanistblack;
            font-weight: 900;
            letter-spacing: 1px;
            font-size: 70px;
            line-height: 80px;
            text-align: center; }
          .slider_large .rotate .rotate_item .slider_container .banner_text_container_center .banner_text .banner_text_sub {
            -webkit-transition: all 0.2s ease;
            -moz-transition: all 0.2s ease;
            -ms-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            font-family: geomanistmedium;
            color: white;
            text-transform: uppercase;
            font-size: 22px;
            font-weight: 300;
            text-align: center; }
      .slider_large .rotate .rotate_item .slider_container .banner_text_container {
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        margin: 0 auto;
        position: relative;
        height: 515px;
        width: 1260px; }
        .slider_large .rotate .rotate_item .slider_container .banner_text_container .banner_text {
          -webkit-transition: all 0.2s ease;
          -moz-transition: all 0.2s ease;
          -ms-transition: all 0.2s ease;
          -o-transition: all 0.2s ease;
          bottom: 50px;
          left: 50px;
          position: absolute; }
          .slider_large .rotate .rotate_item .slider_container .banner_text_container .banner_text .banner_text_main {
            -webkit-transition: all 0.2s ease;
            -moz-transition: all 0.2s ease;
            -ms-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            color: #fff;
            text-transform: uppercase;
            font-family: geomanistblack;
            font-weight: 900;
            letter-spacing: 1px;
            font-size: 80px;
            line-height: 80px; }
          .slider_large .rotate .rotate_item .slider_container .banner_text_container .banner_text .banner_text_sub {
            -webkit-transition: all 0.2s ease;
            -moz-transition: all 0.2s ease;
            -ms-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            font-family: geomanistmedium;
            color: white;
            text-transform: uppercase;
            font-size: 24px;
            font-weight: 300; }

.slider_small {
  display: none !important;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease; }
  .slider_small .rotate {
    width: 100%;
    height: 250px;
    float: left; }
    .slider_small .rotate .rotate_item_small {
      width: 100%;
      position: absolute; }
      .slider_small .rotate .rotate_item_small .slider_container {
        height: 250px; }
        .slider_small .rotate .rotate_item_small .slider_container .banner_text_container {
          -webkit-transition: all 0.2s ease;
          -moz-transition: all 0.2s ease;
          -ms-transition: all 0.2s ease;
          -o-transition: all 0.2s ease;
          bottom: 20px;
          left: 20px;
          position: absolute; }
          .slider_small .rotate .rotate_item_small .slider_container .banner_text_container .banner_text {
            -webkit-transition: all 0.2s ease;
            -moz-transition: all 0.2s ease;
            -ms-transition: all 0.2s ease;
            -o-transition: all 0.2s ease; }
            .slider_small .rotate .rotate_item_small .slider_container .banner_text_container .banner_text .banner_text_main {
              -webkit-transition: all 0.2s ease;
              -moz-transition: all 0.2s ease;
              -ms-transition: all 0.2s ease;
              -o-transition: all 0.2s ease;
              color: #fff;
              text-transform: uppercase;
              font-family: geomanistblack;
              font-weight: 900;
              letter-spacing: 1px;
              font-size: 45px;
              line-height: 40px; }
            .slider_small .rotate .rotate_item_small .slider_container .banner_text_container .banner_text .banner_text_sub {
              -webkit-transition: all 0.2s ease;
              -moz-transition: all 0.2s ease;
              -ms-transition: all 0.2s ease;
              -o-transition: all 0.2s ease;
              font-family: geomanistmedium;
              color: white;
              text-transform: uppercase;
              font-size: 20px;
              font-weight: 300; }

/* End Slider */
/*------------------------------------------------------------------

    Ninja Form Styling

-------------------------------------------------------------------*/
.ninja-forms-all-fields-wrap .ninja-forms-required-items {
  padding: 10px 0;
  font-family: lato;
  color: #1b1f34;
  letter-spacing: 1px;
  font-size: 20px; }
.ninja-forms-all-fields-wrap .nf-desc {
  padding-bottom: 15px; }
  .ninja-forms-all-fields-wrap .nf-desc p {
    font-weight: 700;
    color: #943e2b;
    font-size: 20px; }
.ninja-forms-all-fields-wrap input[type=text] {
  padding: 10px;
  border: 1px solid #9fafbf;
  font-family: lato;
  color: #9fafbf;
  font-size: 18px; }
.ninja-forms-all-fields-wrap select {
  padding: 10px;
  border: 1px solid #9fafbf;
  font-family: lato;
  color: #9fafbf;
  font-size: 18px; }
.ninja-forms-all-fields-wrap textarea {
  padding: 10px;
  border: 1px solid #9fafbf;
  font-family: lato;
  color: #9fafbf;
  font-size: 18px; }
.ninja-forms-all-fields-wrap input[type=checkbox].ninja-forms-field {
  height: 25px;
  width: 25px;
  float: left;
  margin: 5px 20px 30px 0; }
.ninja-forms-all-fields-wrap label {
  font-family: geomanistmedium;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #1b1f34;
  font-size: 22px; }
.ninja-forms-all-fields-wrap input[type=submit] {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  width: 225px;
  border: 2px solid #1b1f34;
  padding: 15px;
  background: none;
  color: #1b1f34;
  font-family: geomanistmedium;
  text-transform: uppercase;
  text-align: center;
  font-size: 18px; }
  .ninja-forms-all-fields-wrap input[type=submit]:hover {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    cursor: pointer;
    border: 2px solid white;
    color: white;
    background: #1b1f34; }

/* End Ninja Form Styling */
/*------------------------------------------------------------------

    Footer

-------------------------------------------------------------------*/
.footer .address {
  font-size: 15px; }
  .footer .address a {
    color: white; }
    .footer .address a:hover {
      text-decoration: underline; }
.footer .copyright {
  font-size: 15px;
  color: #495162; }
.footer .sm_footer {
  width: 75px;
  margin-top: 10px; }
  .footer .sm_footer .nav_twitter_icon {
    height: 22px;
    width: 32px;
    margin-right: 20px;
    background: url(../LGN/images/nav_twitter_icon.png); }
  .footer .sm_footer .nav_fb_icon {
    height: 23px;
    width: 23px;
    background: url(../LGN/images/nav_fb_icon.png); }

/* End Footer */

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