/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
@import url("https://use.typekit.net/fdd1jla.css");
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/* Grouping content
   ========================================================================== */
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
input,
optgroup,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/* Tables
   ========================================================================== */
li {
  list-style-type: none;
  padding: none;
  margin: none; }

ul {
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px; }

body {
  font-size: 16px;
  font-family: "proxima-nova", sans-serif;
  color: white; }

h1,
h2,
h3,
h4,
h5,
h6,
p,
address,
abbr,
input,
label,
a {
  transition: all 0.2s ease-in-out; }

h1 {
  text-transform: uppercase;
  font-size: 16em;
  line-height: .8em;
  margin: 0;
  font-weight: 100; }
  @media (max-width: 1920px) {
    h1 {
      font-size: 11em; } }
  @media (max-width: 1370px) {
    h1 {
      font-size: 8.6em; } }
  @media (max-width: 1024px) {
    h1 {
      font-size: 6.9em; } }
  @media (max-width: 768px) {
    h1 {
      font-size: 6em; } }
  @media (max-width: 600px) {
    h1 {
      font-size: 5em; } }
  @media (max-width: 360px) {
    h1 {
      font-size: 4.7em; } }

h2 {
  font-size: 10em;
  line-height: .8em;
  margin: 0;
  font-weight: 100; }
  @media (max-width: 1920px) {
    h2 {
      font-size: 7em; } }
  @media (max-width: 1370px) {
    h2 {
      font-size: 4.5em; } }
  @media (max-width: 1024px) {
    h2 {
      font-size: 3.7em; } }
  @media (max-width: 768px) {
    h2 {
      font-size: 3.7em; } }
  @media (max-width: 600px) {
    h2 {
      font-size: 3.6em; } }
  @media (max-width: 360px) {
    h2 {
      font-size: 3.1em; } }

h3 {
  font-size: 4.6em;
  line-height: 1.3em;
  font-weight: 400;
  margin: 10px 0; }
  @media (max-width: 1920px) {
    h3 {
      font-size: 3.6em; } }
  @media (max-width: 1370px) {
    h3 {
      font-size: 3em; } }
  @media (max-width: 1024px) {
    h3 {
      font-size: 2em; } }
  @media (max-width: 768px) {
    h3 {
      font-size: 1.2em; } }

h4 {
  font-size: 1.5em;
  line-height: 1.3em;
  margin: 5px 0;
  font-weight: normal; }
  @media (max-width: 1024px) {
    h4 {
      font-size: 1.2em; } }

h5 {
  font-size: 6em;
  line-height: 1em;
  margin: 0;
  font-weight: 100; }
  @media (max-width: 1920px) {
    h5 {
      font-size: 5em; } }
  @media (max-width: 1370px) {
    h5 {
      font-size: 4em; } }
  @media (max-width: 1024px) {
    h5 {
      font-size: 3em; } }
  @media (max-width: 360px) {
    h5 {
      font-size: 2.5em; } }

h6 {
  font-size: 2.8em;
  line-height: .8em;
  margin: 0;
  font-weight: 100; }
  @media (max-width: 1920px) {
    h6 {
      font-size: 2em; } }
  @media (max-width: 1370px) {
    h6 {
      font-size: 1.5em; } }
  @media (max-width: 1024px) {
    h6 {
      font-size: 1.3em; } }
  @media (max-width: 768px) {
    h6 {
      font-size: 1.2em; } }

p,
address,
abbr,
input,
label {
  font-size: 2em;
  line-height: 1.7em;
  list-style: none;
  margin: 0; }
  @media (max-width: 1920px) {
    p,
    address,
    abbr,
    input,
    label {
      font-size: 1.8em;
      line-height: 1.5em; } }
  @media (max-width: 1370px) {
    p,
    address,
    abbr,
    input,
    label {
      font-size: 1.4em;
      line-height: 1.5em; } }
  @media (max-width: 1024px) {
    p,
    address,
    abbr,
    input,
    label {
      font-size: 1.1em; } }

a {
  text-decoration: none;
  font-size: 1.4em;
  line-height: 1.4em;
  margin: 0;
  list-style: none;
  transition: all 0.5s ease-in-out; }
  @media (max-width: 1024px) {
    a {
      font-size: .9em; } }

body {
  background-image: url(/images/BG.jpg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-color: black;
  -ms-overflow-x: hidden !important; }

.orange {
  color: #FF6F00; }

.mobile_nav {
  position: fixed;
  min-height: 42px;
  width: 100vw;
  margin-top: 10px;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.81); }
  .mobile_nav .logo {
    text-align: center; }
    .mobile_nav .logo svg {
      height: 50px; }
  .mobile_nav .mob-menu-btn {
    margin-top: 0;
    margin-left: 15px;
    float: left;
    height: 45px;
    display: flex;
    align-items: center;
    cursor: pointer;
    z-index: 999; }
    .mobile_nav .mob-menu-btn span,
    .mobile_nav .mob-menu-btn span:before,
    .mobile_nav .mob-menu-btn span:after {
      content: "";
      display: block;
      margin: 0 auto;
      height: 4px;
      background: white;
      width: 47px;
      position: relative;
      box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); }
    .mobile_nav .mob-menu-btn span:before {
      top: 13px; }
    .mobile_nav .mob-menu-btn span:after {
      bottom: 17px; }

.gone {
  display: none; }

.hidden {
  display: none; }

.sweep-to-left {
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: color 1000ms;
  transition: color 1000ms; }
  .sweep-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition: 200ms cubic-bezier(1, 0.04, 0.21, 1.01);
    transition: 200ms cubic-bezier(1, 0.04, 0.21, 1.01); }
  .sweep-to-left:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }

.right {
  margin-right: 30px; }

.menu_slide {
  height: 100vh;
  width: 100vw;
  position: fixed;
  z-index: 998;
  top: 50px;
  background: rgba(0, 0, 0, 0.81);
  text-align: right; }
  .menu_slide .wrap {
    display: flex;
    flex-direction: column;
    height: 100%; }
    .menu_slide .wrap div {
      flex: 1; }
      .menu_slide .wrap div a {
        font-size: 3em; }
    .menu_slide .wrap .soc_wrap {
      flex: 1;
      display: flex;
      text-align: center; }
      .menu_slide .wrap .soc_wrap .soc {
        flex: 1; }
        .menu_slide .wrap .soc_wrap .soc svg {
          height: 30px;
          fill: #FF6F00; }

#landing {
  height: 100vh; }
  #landing header {
    position: absolute;
    z-index: 980;
    top: 30%;
    width: 100%; }
    #landing header div {
      width: 100%;
      margin: 0 auto; }
      #landing header div h2 {
        text-align: left;
        color: #FF6F00; }
      #landing header div h1 {
        text-align: center;
        color: #FF6F00; }
      #landing header div h6 {
        text-align: center;
        font-weight: 100;
        line-height: 1.2em;
        color: #FF6F00; }
  #landing .hero {
    width: 50vh;
    position: absolute;
    top: 65px;
    right: 0;
    z-index: 970; }

#about {
  min-height: 1000px;
  height: auto;
  width: 100%;
  float: left; }
  #about .heading {
    width: 100%;
    float: left;
    height: auto; }
    #about .heading .glenn_img_wrap {
      height: 139px;
      width: 34%;
      overflow: visible;
      position: relative;
      float: left;
      z-index: 800; }
      #about .heading .glenn_img_wrap .glenn_img {
        width: 172px; }
    #about .heading .txt_wrap {
      width: 66%;
      float: left;
      position: relative;
      z-index: 850;
      text-align: center; }
      #about .heading .txt_wrap h1 {
        float: left;
        font-size: 4.9em;
        width: 100%; }
      #about .heading .txt_wrap h2 {
        float: left;
        font-size: 2.5em;
        width: 100%; }
      #about .heading .txt_wrap div {
        float: left;
        width: 100%; }
        #about .heading .txt_wrap div h5 {
          font-size: 2.3em; }
  #about .railing_img {
    width: 100%;
    float: left;
    position: relative;
    box-shadow: 1px 6px 8px rgba(0, 0, 0, 0.54); }
  #about .content {
    background-image: url(/images/wood.jpg);
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column; }
    #about .content .img_wrap {
      flex: 1; }
      #about .content .img_wrap div {
        max-width: 230px;
        margin: 55px auto;
        text-align: center; }
        #about .content .img_wrap div img {
          width: 80%;
          border: 3px solid;
          box-shadow: -4px 6px 12px 0px rgba(0, 0, 0, 0.5); }
        #about .content .img_wrap div #img1 {
          transform: rotate(357deg); }
        #about .content .img_wrap div #img2 {
          transform: rotate(1deg); }
        #about .content .img_wrap div #img3 {
          transform: rotate(358deg); }
        #about .content .img_wrap div #img4 {
          transform: rotate(4deg); }
    #about .content .bio_wrap {
      flex: 2; }
      #about .content .bio_wrap .bio {
        margin: 0 auto 50px;
        max-width: 960px;
        width: 80%;
        padding: 10px;
        background: rgba(255, 111, 0, 0.7);
        box-shadow: -6px 13px 12px 0px rgba(0, 0, 0, 0.5);
        position: relative;
        z-index: 850; }
        #about .content .bio_wrap .bio h3 {
          text-align: center;
          border-top: 5px solid white;
          border-bottom: 5px solid white; }
          @media (max-width: 1024px) {
            #about .content .bio_wrap .bio h3 {
              border-top: 2px solid white;
              border-bottom: 2px solid white; } }
        #about .content .bio_wrap .bio p {
          margin: 25px 0 0 0; }
          @media (max-width: 1024px) {
            #about .content .bio_wrap .bio p {
              margin: 15px 0 0 0; } }

#latest {
  background-image: url(/images/blog_bg_s.png);
  background-size: cover;
  background-attachment: fixed;
  height: 710px;
  width: 100%;
  float: left; }
  #latest .banner {
    background-color: rgba(0, 0, 0, 0.69);
    width: 100%;
    float: left;
    padding: 15px 0;
    margin-top: 80px; }
    #latest .banner .wrap {
      width: 250px;
      margin: 0 auto; }
      #latest .banner .wrap div {
        width: 209px;
        margin-top: 10px;
        margin: 0 auto; }
      #latest .banner .wrap h1 {
        text-align: center; }
  #latest .post_wrap {
    width: 100%;
    float: left;
    margin-top: 61px; }
    #latest .post_wrap .post {
      margin: 0 auto;
      width: 100%;
      height: 266px; }
      #latest .post_wrap .post .post_header {
        font-size: 3.8em;
        line-height: 32px;
        margin-bottom: 15px;
        border-bottom: 2px solid rgba(255, 255, 255, 0.5); }
        #latest .post_wrap .post .post_header span {
          font-size: .7em;
          font-weight: 100;
          margin-left: 15px; }
      #latest .post_wrap .post .items li {
        padding-left: 10px; }
        #latest .post_wrap .post .items li .img_crop {
          height: 177px;
          width: 50%;
          float: left;
          overflow: hidden; }
          #latest .post_wrap .post .items li .img_crop img {
            width: 100%; }
        #latest .post_wrap .post .items li .wrap {
          width: 50%;
          float: left; }
          #latest .post_wrap .post .items li .wrap h6 {
            margin: 0 0 15px 18px;
            line-height: 1em; }
          #latest .post_wrap .post .items li .wrap .meta {
            margin-left: 18px; }
          #latest .post_wrap .post .items li .wrap .meta,
          #latest .post_wrap .post .items li .wrap .meta a {
            font-size: 1.2em;
            font-weight: 100;
            color: white; }
          #latest .post_wrap .post .items li .wrap div {
            width: 156px;
            height: 46px;
            margin-top: 20px;
            margin-left: 18px;
            cursor: pointer;
            color: white;
            transition: color 200ms ease-out; }
            #latest .post_wrap .post .items li .wrap div:before {
              background: rgba(156, 156, 156, 0.36); }
            #latest .post_wrap .post .items li .wrap div:hover {
              color: #FF6F00; }
            #latest .post_wrap .post .items li .wrap div p {
              font-size: 1.4em;
              line-height: 42px;
              text-align: center;
              width: 96px;
              float: left;
              border-left: 2px solid white;
              border-bottom: 2px solid white;
              border-top: 2px solid white; }
            #latest .post_wrap .post .items li .wrap div svg {
              height: 46px;
              float: left; }
      #latest .post_wrap .post .paging {
        display: none; }
  #latest .btn_wrap {
    width: 100%;
    float: left;
    margin-top: 61px; }
    #latest .btn_wrap .btn {
      height: 90px;
      width: 100%;
      margin: 0 auto;
      text-align: center;
      background: #FF6F00;
      cursor: pointer;
      transition: background 0.5s ease-in-out; }
      #latest .btn_wrap .btn:hover {
        background: #00CBFF; }
      #latest .btn_wrap .btn p {
        color: black;
        line-height: 90px; }

#consulting {
  width: 100%;
  float: left; }
  #consulting img {
    width: 100%; }
  #consulting .colm_1 {
    width: 35%;
    float: left;
    margin-top: 70px;
    height: 100%; }
    #consulting .colm_1 img {
      width: 100%; }
    #consulting .colm_1 .logo_line {
      border-left: 3px solid white;
      border-right: 3px solid white;
      border-bottom: 3px solid white;
      background-color: black;
      width: 63%;
      padding: 70px 10px 30px;
      margin: -70px auto 0;
      display: flex;
      flex-direction: column;
      height: auto; }
      #consulting .colm_1 .logo_line .logo_img_wrap {
        flex: 1;
        margin: 15px 0; }
  #consulting .colm_2 {
    width: 65%;
    float: left;
    margin-top: 120px; }
    #consulting .colm_2 .txt_wrap .con_txt {
      font-size: 1em;
      margin: 25px 0; }
    #consulting .colm_2 .txt_wrap h2 {
      font-size: 2.7em; }
      @media (max-width: 360px) {
        #consulting .colm_2 .txt_wrap h2 {
          font-size: 2.4em; } }
    #consulting .colm_2 .or_box {
      width: 95%;
      background: #FF6F00;
      float: left;
      margin: 13px 0; }
      #consulting .colm_2 .or_box h5 {
        color: black;
        border-bottom: 3px solid black;
        font-size: 1.7em;
        padding: 20px 0 20px 10px;
        font-weight: 400; }
      #consulting .colm_2 .or_box p {
        font-size: 1em;
        padding: 10px; }

#contact {
  width: 100%;
  height: 570px;
  float: left;
  background-image: url(/images/footer_bg.jpg);
  background-size: cover; }
  #contact .spacer {
    display: none; }
  #contact .info_wrap {
    width: 50%;
    float: left; }
    #contact .info_wrap .info {
      margin-top: 30px;
      padding: 0 21px; }
      #contact .info_wrap .info h5 {
        font-size: 2.2em; }
      #contact .info_wrap .info h2 {
        text-align: center;
        font-size: 2.8em; }
      #contact .info_wrap .info p {
        text-align: center;
        margin: 20px 0; }
        #contact .info_wrap .info p a {
          color: white; }
      #contact .info_wrap .info .soc_wrap {
        margin: 20px auto 0;
        display: flex; }
        #contact .info_wrap .info .soc_wrap .soc {
          flex: 1;
          text-align: center; }
          #contact .info_wrap .info .soc_wrap .soc a svg {
            fill: white;
            height: 20px;
            width: 20px;
            transition: fill 200ms ease-out; }
            #contact .info_wrap .info .soc_wrap .soc a svg:hover {
              fill: rgba(255, 255, 255, 0.25); }
      #contact .info_wrap .info .btn {
        width: 80%;
        height: 76px;
        margin: 57px auto 0;
        padding: 15px 0;
        border-top: 2px solid white;
        border-bottom: 2px solid white;
        text-align: center; }
        #contact .info_wrap .info .btn a {
          color: white;
          transition: color 200ms ease-out; }
          #contact .info_wrap .info .btn a:hover {
            color: rgba(255, 255, 255, 0.25); }
  #contact .map {
    width: 50%;
    float: left; }
    #contact .map ul {
      margin-right: 30px;
      display: flex;
      flex-direction: column;
      height: 530px; }
      #contact .map ul li {
        text-align: right;
        flex: 1;
        height: 20px; }
        #contact .map ul li a {
          line-height: 90px;
          color: rgba(255, 255, 255, 0.35);
          font-weight: 100;
          cursor: pointer;
          transition: color 200ms ease-out; }
          #contact .map ul li a:hover {
            color: white; }
  #contact .copy {
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    bottom: 3px; }
    #contact .copy a {
      color: rgba(255, 255, 255, 0.25);
      font-weight: 100;
      transition: color 200ms ease-out; }
      #contact .copy a:hover {
        color: white; }

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