@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,700);
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html{
  font-family:sans-serif;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%; }
body{
  margin:0; }
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{
  display:block; }
audio,canvas,progress,video{
  display:inline-block; }
audio:not([controls]){
  display:none;
  height:0; }
progress{
  vertical-align:baseline; }
[hidden],template{
  display:none; }
a{
  background-color:transparent;
  -webkit-text-decoration-skip:objects; }
a:active,a:hover{
  outline-width:0; }
abbr[title]{
  border-bottom:none;
  text-decoration:underline;
  text-decoration:underline dotted; }
b,strong{
  font-weight:inherit;
  font-weight:bolder; }
dfn{
  font-style:italic; }
h1{
  font-size:2em;
  margin:.67em 0; }
mark{
  background-color:#ff0;
  color:#000; }
small{
  font-size:80%; }
sub,sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline; }

sub{
  bottom:-.25em; }

sup{
  top:-.5em; }
img{
  border-style:none; }
svg:not(:root){
  overflow:hidden; }
code,kbd,pre,samp{
  font-family:monospace,monospace;
  font-size:1em; }
figure{
  margin:1em 40px; }
hr{
  box-sizing:content-box;
  height:0;
  overflow:visible; }
button,input,select,textarea{
  font:inherit;
  margin:0; }
optgroup{
  font-weight:700; }
button,input{
  overflow:visible; }
button,select{
  text-transform:none; }
[type=reset],[type=submit],button,html [type=button]{
  -webkit-appearance:button; }
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
  border-style:none;
  padding:0; }
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
  outline:1px dotted ButtonText; }
fieldset{
  border:1px solid silver;
  margin:0 2px;
  padding:.35em .625em .75em; }
legend{
  box-sizing:border-box;
  color:inherit;
  display:table;
  max-width:100%;
  padding:0;
  white-space:normal; }
textarea{
  overflow:auto; }
[type=checkbox],[type=radio]{
  box-sizing:border-box;
  padding:0; }
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
  height:auto; }
[type=search]{
  -webkit-appearance:textfield;
  outline-offset:-2px; }
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
  -webkit-appearance:none; }
::-webkit-input-placeholder{
  color:inherit;
  opacity:.54; }
::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit; }
h1,h2,h3{
  color:#fff;
  font-family:metronic_pro_air,Helvetica,Arial,sans-serif;
  text-transform:uppercase;
  margin:0;
  padding:0;
  font-weight:400; }

h1{
  font-size:82px; }
  @media screen and (max-width:992px){
    h1{
      font-size:6.5vw; } }

h2{
  font-size:30px; }

p{
  color:#fff;
  font-family:metronic_pro_air,Helvetica,Arial,sans-serif;
  font-size:24px; }

strong{
  font-family:metronic_pro_semibold,Helvetica,Arial,sans-serif; }
.footer-content{
  margin-bottom:-14px;
  background:#000;
  color:#7f8587;
  font-family:metronic_pro_regular,Helvetica,Arial,sans-serif; }
  .footer-content a{
    text-decoration:none;
    color:#7f8587;
    font-size:16px;
    line-height:1.6;
    -webkit-transition:color .5s ease-out;
    transition:color .5s ease-out; }
  .footer-content .button img{
    width:135px;
    margin-left:-7px;
    margin-bottom:10px; }
  .footer-content .btn-link,.footer-content p{
    font-size:16px;
    font-weight:300;
    line-height:1;
    padding:0; }
  .footer-content h4{
    color:#7f8587;
    font-size:18px;
    font-weight:300;
    margin-bottom:25px;
    font-family:metronic_pro_light,Helvetica,Arial,sans-serif; }
  @media (max-width:480px){
    .footer-content .list-social li:first-child{
      display:block; } }
  .footer-content li>a{
    color:#7f8587; }
    .footer-content li>a:hover{
      color:#fff; }
  .footer-content .row:first-child{
    margin-top:20px; }
  .footer-content .row{
    margin-bottom:30px; }
    .footer-content .row.copyright{
      color:#7f8587; }
  .footer-content .list-unstyled p{
    font-size:16px;
    color:#7f8587;
    font-family:metronic_pro_regular,Helvetica,Arial,sans-serif; }
  .footer-content .btn-social{
    margin-left:-5px;
    line-height:34px;
    width:40px;
    text-align:center;
    padding:0;
    font-size:25px;
    color:#8d8d8d;
    background-color:#101010;
    font-weight:400;
    border-radius:0;
    -webkit-transition:background-color .25s ease-in-out,color .25s ease-in-out;
    transition:background-color .25s ease-in-out,color .25s ease-in-out; }
    .footer-content .btn-social:focus,.footer-content .btn-social:hover{
      color:#fff;
      text-decoration:none; }
  .footer-content .btn-facebook{
    margin-left:12px; }
    @media screen and (max-width:480px){
      .footer-content .btn-facebook{
        margin-left:0; } }
    .footer-content .btn-facebook:focus,.footer-content .btn-facebook:hover{
      background-color:#34579b; }
  .footer-content .btn-twitter:focus,.footer-content .btn-twitter:hover{
    background-color:#2faae1; }
  .footer-content .btn-youtube:focus,.footer-content .btn-youtube:hover{
    background-color:#da4a38; }
@-webkit-keyframes a{
  0%,to{
    -webkit-transform:scale(1);
            transform:scale(1); }
  50%{
    -webkit-transform:scale(1.2);
            transform:scale(1.2); } }
@keyframes a{
  0%,to{
    -webkit-transform:scale(1);
            transform:scale(1); }
  50%{
    -webkit-transform:scale(1.2);
            transform:scale(1.2); } }

.flightdeck_bg{
  overflow:hidden;
  background-size:cover;
  background-position:50%;
  position:relative;
  text-align:center;
  width:100%; }
  @media (min-width:992px){
    .flightdeck_bg{
      background:url(../../_assets/img/flightdeck.jpg);
      background-size:cover; } }
  @media (max-width:992px){
    .flightdeck_bg{
      -webkit-transition:none;
      transition:none;
      background:#000; } }
  .flightdeck_bg .underlay{
    position:absolute;
    top:0;
    width:100%; }
    .flightdeck_bg .underlay.fixed{
      position:fixed;
      top:auto;
      bottom:0; }
    @media (min-width:992px){
      .flightdeck_bg .underlay{
        position:absolute;
        height:100%; } }
    .flightdeck_bg .underlay img.under{
      position:absolute;
      top:0;
      left:0;
      width:auto;
      height:160vh;
      min-width:120vw;
      -webkit-transition:-webkit-transform .3s linear;
      transition:-webkit-transform .3s linear;
      transition:transform .3s linear;
      transition:transform .3s linear,-webkit-transform .3s linear; }
      @media (min-width:992px){
        .flightdeck_bg .underlay img.under{
          width:auto;
          height:100%;
          -webkit-animation:a 60s ease-out infinite;
                  animation:a 60s ease-out infinite;
          min-width:100%; } }
      @media (max-width:992px){
        .flightdeck_bg .underlay img.under{
          display:none; } }
    .flightdeck_bg .underlay img.over{
      min-width:100%;
      height:120vh;
      position:absolute;
      bottom:0;
      left:0; }
      @media (min-width:992px){
        .flightdeck_bg .underlay img.over{
          height:100%; } }
      @media (max-width:992px){
        .flightdeck_bg .underlay img.over{
          display:none; } }

.btn{
  border:0;
  border-radius:0;
  text-transform:uppercase; }

.signup .btn-default:hover{
  background-color:transparent; }

.signup button{
  -webkit-perspective:240px;
          perspective:240px;
  background:none;
  width:auto;
  height:auto;
  padding:0;
  margin-left:10px;
  font-family:metronic_pro_bold,Helvetica,Arial,sans-serif;
  font-size:18px;
  margin-top:3px; }
  @media screen and (max-width:768px){
    .signup button{
      display:block;
      margin:0 auto;
      margin-top:20px; } }
  .signup button:hover .outer{
    -webkit-transform:rotateX(-90deg) translateZ(20px);
            transform:rotateX(-90deg) translateZ(20px); }
  .signup button:active .outer{
    -webkit-transition:-webkit-transform 0s linear;
    transition:-webkit-transform 0s linear;
    transition:transform 0s linear;
    transition:transform 0s linear,-webkit-transform 0s linear;
    -webkit-transform:rotateX(-90deg) translateZ(20px) translateY(6px);
            transform:rotateX(-90deg) translateZ(20px) translateY(6px); }
  .signup button .outer{
    width:100px;
    height:42px;
    -webkit-transform-style:preserve-3d;
            transform-style:preserve-3d;
    -webkit-transition:-webkit-transform .25s ease-in;
    transition:-webkit-transform .25s ease-in;
    transition:transform .25s ease-in;
    transition:transform .25s ease-in,-webkit-transform .25s ease-in;
    -webkit-transform:rotateX(0) translateZ(0);
            transform:rotateX(0) translateZ(0); }
    @media screen and (max-width:992px){
      .signup button .outer{
        width:100%; } }
    .signup button .outer span{
      width:120px;
      height:42px;
      display:block;
      background:#000;
      border:1px solid #515151;
      color:#fff;
      padding:8px 20px;
      line-height:26px; }
      @media screen and (max-width:992px){
        .signup button .outer span{
          width:100%; } }
      .signup button .outer span.below{
        -webkit-transform:rotateX(90deg) translateZ(62px) translateY(-18px);
                transform:rotateX(90deg) translateZ(62px) translateY(-18px);
        background:#e4ba00;
        color:#101010;
        line-height:unset; }

.trailer{
  position:relative;
  padding:150px 0; }
  @media screen and (max-width:768px){
    .trailer{
      padding:40px 0; } }
  .trailer .video_bg{
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
    position:fixed;
    z-index:2;
    -webkit-transition:all .2s ease-out;
    transition:all .2s ease-out;
    display:none;
    opacity:0;
    z-index:5; }
    .trailer .video_bg .flaticon-close-1{
      position:absolute;
      top:10px;
      right:20px;
      z-index:3;
      color:#fff;
      cursor:pointer;
      line-height:70px;
      opacity:.6;
      -webkit-transition:.3s ease-in-out;
      transition:.3s ease-in-out; }
      .trailer .video_bg .flaticon-close-1:before{
        margin:0;
        font-size:40px; }
      .trailer .video_bg .flaticon-close-1:hover{
        opacity:1; }
    .trailer .video_bg .inner{
      position:absolute;
      top:50%;
      left:50%;
      -webkit-transform:translate(-50%,-50%);
              transform:translate(-50%,-50%);
      width:100%;
      height:100%; }
      .trailer .video_bg .inner:before{
        content:"";
        padding-top:56.25%;
        position:relative;
        height:0;
        width:100%;
        display:block; }
      .trailer .video_bg .inner #second_player,.trailer .video_bg .inner #second_player_2{
        position:absolute;
        width:100%;
        height:100%;
        top:0;
        left:0; }
  .trailer .trailerFade{
    opacity:1;
    -webkit-animation:b 1.7s ease-in-out;
            animation:b 1.7s ease-in-out; }
  .trailer .trailer_container{
    position:relative;
    cursor:pointer; }
    .trailer .trailer_container img{
      max-width:100%;
      height:auto;
      -o-object-fit:contain;
         object-fit:contain;
      box-shadow:0 10px 60px 6px rgba(0,0,0,.6); }
    .trailer .trailer_container .flaticon-play{
      position:absolute;
      left:50%;
      top:50%;
      -webkit-transform:translate(-50%,-50%) scale(1.5);
              transform:translate(-50%,-50%) scale(1.5);
      color:#fff;
      z-index:4;
      -webkit-transition:all .2s ease-in;
      transition:all .2s ease-in; }
      .trailer .trailer_container .flaticon-play:before{
        font-size:70px;
        margin:0;
        -webkit-transition:all 1s ease-out;
        transition:all 1s ease-out; }
      @media screen and (min-width:992px){
        .trailer .trailer_container .flaticon-play:hover{
          -webkit-transform:translate(-50%,-50%) scale(1.8);
                  transform:translate(-50%,-50%) scale(1.8); } }
      @media screen and (min-width:992px){
        .trailer .trailer_container .flaticon-play:active{
          -webkit-transform:translate(-50%,-50%) scale(1.3);
                  transform:translate(-50%,-50%) scale(1.3);
          -webkit-transition:all 0s linear;
          transition:all 0s linear; } }

body{
  background:#ccc;
  height:2000px;
  font-family:metronic_pro_air,Helvetica,Arial,sans-serif;
  width:100%;
  color:#fff; }

sup{
  font-size:40%;
  vertical-align:super; }

.hide_me{
  opacity:0;
  -webkit-transition:all 0s linear;
  transition:all 0s linear;
  -webkit-transform:translateY(30px);
          transform:translateY(30px); }

.show_me{
  opacity:1;
  -webkit-transform:translateY(0);
          transform:translateY(0);
  -webkit-transition:all 2s cubic-bezier(.23,1,.32,1);
  transition:all 2s cubic-bezier(.23,1,.32,1); }
#section_hero{
  position:relative;
  height:90vh;
  background:url(../../_assets/img/header_loop_1.jpg) no-repeat 50%;
  background-size:cover; }
  @media screen and (max-width:992px){
    #section_hero{
      height:auto; } }
  #section_hero .video_bg{
    position:absolute;
    width:100%;
    height:100%;
    overflow:hidden;
    pointer-events:none;
    -webkit-transition:all .2s ease-out;
    transition:all .2s ease-out;
    opacity:0; }
    #section_hero .video_bg.fadeIn{
      opacity:1;
      -webkit-transition:opacity 2s ease-out;
      transition:opacity 2s ease-out; }
    #section_hero .video_bg .inner{
      width:108vw;
      height:auto;
      position:absolute;
      left:50%;
      top:50%;
      width:100%;
      -webkit-transform:translateY(-50%) translateX(-50%);
              transform:translateY(-50%) translateX(-50%);
      min-width:100vw;
      width:177.777vh; }
      #section_hero .video_bg .inner:before{
        content:"";
        padding-top:56.25%;
        position:relative;
        height:0;
        width:100%;
        display:block; }
      #section_hero .video_bg .inner #player{
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        -webkit-transition:all .2s ease-out;
        transition:all .2s ease-out; }
  #section_hero .container{
    position:relative;
    text-align:center;
    height:100%;
    z-index:1; }
    @media screen and (max-width:992px){
      #section_hero .container{
        padding-top:10vw;
        padding-bottom:10vw; } }
    #section_hero .container .hero_content{
      position:relative; }
      @media screen and (min-width:992px){
        #section_hero .container .hero_content{
          position:absolute;
          top:50%;
          left:50%;
          -webkit-transform:translate(-50%,-90%);
                  transform:translate(-50%,-90%);
          margin:200px 0 0; } }
      @media screen and (max-width:992px){
        #section_hero .container .hero_content h1 img{
          max-width:100%;
          -o-object-fit:contain;
             object-fit:contain;
          height:auto; } }
      #section_hero .container .hero_content .subsection{
        position:relative;
        top:-70px;
        z-index:3; }
        @media screen and (max-width:992px){
          #section_hero .container .hero_content .subsection{
            top:-40px; } }
        @media screen and (max-width:768px){
          #section_hero .container .hero_content .subsection{
            top:-30px; }
            #section_hero .container .hero_content .subsection img{
              width:150px; } }
        @media screen and (max-width:480px){
          #section_hero .container .hero_content .subsection{
            top:auto; } }
        #section_hero .container .hero_content .subsection .button{
          margin-top:20px;
          position:relative;
          display:inline-block;
          opacity:.8; }
          #section_hero .container .hero_content .subsection .button:hover{
            opacity:1; }
          #section_hero .container .hero_content .subsection .button.google{
            margin-right:20px; }
          @media screen and (max-width:768px){
            #section_hero .container .hero_content .subsection .button.google{
              margin-right:0; }
            #section_hero .container .hero_content .subsection .button img{
              width:150px; } }
        #section_hero .container .hero_content .subsection .release_date{
          font-size:42px;
          letter-spacing:.075em;
          text-transform:uppercase;
          opacity:0;
          font-family:metronic_pro_regular,Helvetica,Arial,sans-serif; }
          @media screen and (max-width:768px){
            #section_hero .container .hero_content .subsection .release_date{
              font-size:24px;
              margin-top:10vw; } }
        #section_hero .container .hero_content .subsection h2{
          font-family:metronic_pro_semibold,Helvetica,Arial,sans-serif;
          font-size:26px;
          letter-spacing:.075em;
          z-index:3;
          position:relative; }
          #section_hero .container .hero_content .subsection h2 span{
            font-family:metronic_pro_bold,Helvetica,Arial,sans-serif; }
          @media screen and (max-width:768px){
            #section_hero .container .hero_content .subsection h2{
              font-size:22px; } }
          @media screen and (max-width:480px){
            #section_hero .container .hero_content .subsection h2{
              font-size:18px; } }
        #section_hero .container .hero_content .subsection .textFade{
          -webkit-animation:b 2s;
                  animation:b 2s;
          opacity:1; }

@-webkit-keyframes b{
  0%{
    opacity:0; }
  to{
    opacity:1; } }

@keyframes b{
  0%{
    opacity:0; }
  to{
    opacity:1; } }
  #section_hero .container-fluid{
    padding:0;
    position:relative; }
  #section_hero .signup{
    overflow:hidden;
    width:100%;
    text-align:center;
    background:#101010;
    padding:30px 15px;
    z-index:3; }
    @media screen and (min-width:992px){
      #section_hero .signup{
        position:absolute;
        bottom:40px;
        left:50%;
        -webkit-transform:translate(-50%);
                transform:translate(-50%);
        background:none;
        padding:0; } }
    #section_hero .signup .form-group{
      position:relative;
      display:inline-block;
      margin-bottom:0;
      vertical-align:middle;
      width:400px; }
      @media screen and (max-width:768px){
        #section_hero .signup .form-group{
          width:100%; } }
      #section_hero .signup .form-group input[type=email]{
        background:transparent;
        font-size:18px;
        width:100%;
        display:block;
        border:none;
        border-radius:0;
        box-shadow:none;
        color:#fff;
        border-bottom:1px solid #515151;
        padding-left:0;
        padding-bottom:2px;
        font-family:metronic_pro_light,Helvetica,Arial,sans-serif; }
        @media screen and (max-width:768px){
          #section_hero .signup .form-group input[type=email]{
            text-align:center; } }
      #section_hero .signup .form-group ::-webkit-input-placeholder{
        color:#fff; }
      #section_hero .signup .form-group :-moz-placeholder,#section_hero .signup .form-group ::-moz-placeholder{
        color:#fff;
        opacity:1; }
      #section_hero .signup .form-group :-ms-input-placeholder{
        color:#fff; }
    #section_hero .signup .border-bottom{
      position:absolute;
      bottom:0;
      left:50%;
      height:2px;
      width:0;
      background:#e4ba00;
      -webkit-transition:all .4s ease-out;
      transition:all .4s ease-out; }
    #section_hero .signup .on{
      left:0;
      width:100%; }
    #section_hero .signup .error-msg{
      font-size:0;
      position:absolute;
      bottom:-26px;
      right:10%;
      color:#ea4343;
      -webkit-transition:all .1s ease-out;
      transition:all .1s ease-out; }
      @media screen and (max-width:768px){
        #section_hero .signup .error-msg{
          bottom:-20px; } }
    #section_hero .signup .success-msg{
      color:#8fa68f;
      width:100%;
      text-align:center;
      position:absolute;
      top:40%;
      font-size:0;
      -webkit-transition:all .3s ease-out;
      transition:all .3s ease-out; }
    #section_hero .signup.success{
      background-color:#101010;
      padding:20px 0; }
      #section_hero .signup.success .form-group .border-bottom,#section_hero .signup.success .form-group input{
        opacity:0;
        -webkit-transform:translateX(-100vw);
                transform:translateX(-100vw);
        -webkit-transition:all .5s ease-in;
        transition:all .5s ease-in; }
      #section_hero .signup.success button{
        opacity:0;
        -webkit-transform:translateX(100vw);
                transform:translateX(100vw);
        -webkit-transition:all .5s ease-in;
        transition:all .5s ease-in; }
        @media screen and (max-width:768px){
          #section_hero .signup.success button{
            margin:0 auto;
            margin-top:20px; } }
      #section_hero .signup.success .success-msg{
        font-size:20px; }
    #section_hero .signup.error .form-control.input-lg{
      border-bottom:2px solid #ea4343; }
    #section_hero .signup.error .border-bottom.on{
      left:50%;
      width:0; }
    #section_hero .signup.error .alert-malformed-email{
      font-size:16px; }
    #section_hero .signup.networkProblem .form-control.input-lg{
      border-bottom:2px solid #ea4343; }
    #section_hero .signup.networkProblem .border-bottom.on{
      left:50%;
      width:0; }
    #section_hero .signup.networkProblem .alert-network{
      font-size:16px; }
  #section_hero .signup_gradient{
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    height:280px;
    background-image:-webkit-linear-gradient(bottom,#000,transparent);
    background-image:linear-gradient(0deg,#000,transparent); }
    @media screen and (max-width:992px){
      #section_hero .signup_gradient{
        display:none; } }

.eula{
  background:url(../../_assets/img/flightdeck.jpg) no-repeat 50% fixed;
  background-size:cover;
  position:relative;
  padding:30px;
  font-family:metronic_pro_regular,Helvetica,Arial,sans-serif;
  text-align:left; }
  .eula h2,.eula h3{
    font-family:metronic_pro_bold,Helvetica,Arial,sans-serif;
    font-size:1.5em;
    margin:20px 0 10px; }
  .eula h2{
    text-transform:uppercase; }
  .eula .content{
    position:relative;
    background:rgba(0,0,0,.3);
    padding:20px;
    width:80%;
    margin:auto;
    margin-bottom:50px; }
    .eula .content p{
      font-size:14px;
      font-family:metronic_pro_regular,Helvetica,Arial,sans-serif; }
      @media (max-width:768px){
        .eula .content p{
          padding:0 5%; } }
    .eula .content a{
      color:#ab7340; }
      .eula .content a,.eula .content a:hover{
      -webkit-transition:color .5s ease-in-out;
      transition:color .5s ease-in-out; }
      .eula .content a:hover{
        color:#dec1a6;
        text-decoration:none; }
    .eula .content u{
      display:block;
      margin:20px 0; }
    @media (max-width:992px){
      .eula .content{
        width:100%; } }
    .eula .content ol{
      counter-reset:a;
      list-style:none; }
      .eula .content ol li{
        font-size:1em;
        margin-bottom:30px; }
        .eula .content ol li h3{
          display:inline-block;
          margin:0 0 20px;
          line-height:1.42857143; }
        .eula .content ol li:before{
          counter-increment:a;
          content:counter(a) ".";
          font-size:1.5em;
          margin-left:-1.1em;
          vertical-align:top; }
        .eula .content ol li ol li{
          margin-bottom:10px; }
          .eula .content ol li ol li:before{
            font-size:1em;
            margin-left:-1em;
            vertical-align:top; }
        .eula .content ol li ul{
          counter-reset:a;
          list-style-type:disc; }
          .eula .content ol li ul li{
            margin-bottom:10px; }
            .eula .content ol li ul li:before{
              content:"";
              font-size:1em;
              margin-left:0;
              vertical-align:top; }
#section_screenshots{
  position:relative;
  padding:100px 0 60px;
  color:#000;
  background-color:#101010; }
  @media screen and (max-width:768px){
    #section_screenshots{
      padding:40px 0; } }
  #section_screenshots h2{
    text-align:center;
    color:#fff;
    font-size:36px;
    text-transform:uppercase;
    position:relative;
    font-family:metronic_pro_semibold,Helvetica,Arial,sans-serif; }
  #section_screenshots .screenshots{
    width:90%;
    margin:0 auto;
    margin-top:40px; }
    @media screen and (max-width:992px){
      #section_screenshots .screenshots{
        width:100%; } }
    #section_screenshots .screenshots .box{
      padding:0;
      position:relative; }
      #section_screenshots .screenshots .box:before{
        display:block;
        content:"";
        width:100%;
        padding-top:56.25%; }
      #section_screenshots .screenshots .box>.inner{
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0; }
      #section_screenshots .screenshots .box .inner{
        width:100%;
        height:100%;
        padding:10px;
        text-align:center; }
        #section_screenshots .screenshots .box .inner a{
          box-shadow:0 1px 5px 0 rgba(0,0,0,.5);
          display:block;
          height:100%;
          width:100%;
          background-size:cover;
          overflow:hidden;
          -webkit-transition:all .15s ease-out;
          transition:all .15s ease-out; }
          #section_screenshots .screenshots .box .inner a:active,#section_screenshots .screenshots .box .inner a:focus,#section_screenshots .screenshots .box .inner a:hover{
            outline:none;
            border:none; }
        #section_screenshots .screenshots .box .inner .frontSide{
          position:relative; }
        #section_screenshots .screenshots .box .inner .frontSide:before{
          display:block;
          font-size:48px;
          color:#202020;
          background:#e4ba00;
          border-radius:100px;
          padding:7px 0;
          position:absolute;
          left:50%;
          top:50%;
          -webkit-transform:translate3d(-50%,-50%,0) scale(0);
                  transform:translate3d(-50%,-50%,0) scale(0);
          -webkit-transition:all .25s ease-out;
          transition:all .25s ease-out;
          width:67px;
          height:66px; }
        #section_screenshots .screenshots .box .inner .frontSide:hover:before{
          -webkit-transform:translate3d(-50%,-50%,0) scale(.85);
                  transform:translate3d(-50%,-50%,0) scale(.85); }
        #section_screenshots .screenshots .box .inner .frontSide:after{
          position:absolute;
          content:"";
          top:50%;
          left:50%;
          width:50vw;
          height:50vw;
          -webkit-transform:translateX(-50%) translateY(-50%) scale(0);
                  transform:translateX(-50%) translateY(-50%) scale(0);
          opacity:.2;
          border-radius:100%;
          background-color:#e4ba00;
          -webkit-transition:all 0s linear;
          transition:all 0s linear; }
        #section_screenshots .screenshots .box .inner .frontSide:hover:after{
          opacity:0;
          -webkit-transform:translateX(-50%) translateY(-50%) scale(1);
                  transform:translateX(-50%) translateY(-50%) scale(1);
          -webkit-transition:all .75s ease-in-out;
          transition:all .75s ease-in-out; }
        #section_screenshots .screenshots .box .inner .frontSide:active{
          -webkit-transform:scale(.98);
                  transform:scale(.98);
          -webkit-transition:all 0s linear;
          transition:all 0s linear; }

#trailer_1{
  background:url(../../_assets/img/keyart_yellow_2.jpg) no-repeat 50%;
  background-size:cover; }
  @media screen and (max-width:992px){
    #trailer_1{
      background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.8) 80%,#000),url(../../_assets/img/keyart_yellow_2.jpg) no-repeat 50%;
      background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.8) 80%,#000),url(../../_assets/img/keyart_yellow_2.jpg) no-repeat 50%; } }
  #trailer_1 .lower_description{
    margin-top:100px; }
    #trailer_1 .lower_description .title h2{
      letter-spacing:.025em;
      line-height:40px; }
      #trailer_1 .lower_description .title h2 span{
        font-size:40px;
        font-family:metronic_pro_bold,Helvetica,Arial,sans-serif;
        display:block; }
    #trailer_1 .lower_description .content p{
      font-size:24px;
      font-family:metronic_pro_air,Helvetica,Arial,sans-serif;
      color:#fff;
      line-height:36px; }
      @media screen and (max-width:768px){
        #trailer_1 .lower_description .content p{
          font-size:20px;
          padding-top:20px; } }
    @media screen and (max-width:768px){
      #trailer_1 .lower_description{
        margin-top:50px;
        text-align:center; }
        #trailer_1 .lower_description .col-md-8{
          margin-top:20px; } }
  #trailer_1 .lower_description{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex; }
  #trailer_1 .title{
    -ms-flex-item-align:end;
        align-self:flex-end; }
    #trailer_1 .title h2{
      margin:0 0 10px; }
  @media screen and (max-width:992px){
    #trailer_1 .lower_description{
      display:block; }
    #trailer_1 .title{
      -ms-flex-item-align:unset;
          align-self:unset; } }

#trailer_1.trailer{
  padding-bottom:60px; }
#game_features{
  background:url(../../_assets/img/planet_sundering_1920.jpg) no-repeat center 75%;
  background-position-y:90%;
  background-size:cover; }
  @media (max-width:768px){
    #game_features{
      padding:50px 0; } }
  #game_features .game_features_container{
    padding:160px 3%;
    text-align:center; }
    @media (max-width:768px){
      #game_features .game_features_container{
        padding:20px; } }
    @media (max-width:992px) and (min-width:768px){
      #game_features .game_features_container{
        padding:50px 20px; } }
    @media (max-width:1200px) and (min-width:992px){
      #game_features .game_features_container{
        padding:90px 20px; } }
  #game_features .show_me:nth-child(1){
    -webkit-transition-delay:0s;
            transition-delay:0s; }
  #game_features .show_me:nth-child(2){
    -webkit-transition-delay:.2s;
            transition-delay:.2s; }
  #game_features .show_me:nth-child(3){
    -webkit-transition-delay:.4s;
            transition-delay:.4s; }
  #game_features .show_me:nth-child(4){
    -webkit-transition-delay:.6s;
            transition-delay:.6s; }
@media (min-width:992px){
  #section_taglines .row{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex; } }

#section_taglines .row .col-md-6{
  text-align:center;
  padding:140px 7.5%; }
  @media screen and (max-width:768px){
    #section_taglines .row .col-md-6{
      padding:90px 7.5%; } }
  #section_taglines .row .col-md-6 h2{
    font-size:36px;
    letter-spacing:.025em;
    margin-bottom:40px; }
    #section_taglines .row .col-md-6 h2.hide_me{
      -webkit-transform:translateY(-30px);
              transform:translateY(-30px); }
    #section_taglines .row .col-md-6 h2.show_me{
      -webkit-transform:translateY(0);
              transform:translateY(0); }
    #section_taglines .row .col-md-6 h2 span{
      font-family:metronic_pro_bold,Helvetica,Arial,sans-serif; }

#section_taglines .taglines_left{
  background:url(../../_assets/img/asteroids.jpg) no-repeat 50%;
  background-size:cover; }
  #section_taglines .taglines_left p{
    font-size:22px; }
    @media screen and (max-width:768px){
      #section_taglines .taglines_left p{
        font-size:22px; } }

#section_taglines .taglines_right{
  background:url(../../_assets/img/sleepers.jpg) no-repeat 50%;
  background-size:cover; }
  #section_taglines .taglines_right h2,#section_taglines .taglines_right p{
    -webkit-transition-delay:.3s;
            transition-delay:.3s; }
  #section_taglines .taglines_right p{
    font-size:22px; }
    @media screen and (max-width:768px){
      #section_taglines .taglines_right p{
        font-size:22px; } }

#section_more_description{
  position:relative;
  background:url(../../_assets/img/more-description.jpg) no-repeat 50%;
  background-size:cover;
  padding:120px 0; }
  #section_more_description .col-xs-12{
    background:url(../../_assets/img/more-description-inner.jpg) no-repeat 50%;
    background-size:cover;
    padding:40px; }
    @media screen and (min-width:768px){
      #section_more_description .col-xs-12{
        height:700px; } }
    #section_more_description .col-xs-12 h2{
      margin:0;
      letter-spacing:.025em;
      margin-bottom:20px; }
      #section_more_description .col-xs-12 h2 span{
        font-size:48px;
        display:block; }
    #section_more_description .col-xs-12 p{
      width:100%; }
      @media screen and (min-width:768px){
        #section_more_description .col-xs-12 p{
          max-width:70%; } }