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

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

html {
  font-size: 62.5%;
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

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

a {
	color: #EEEEEE;
  text-decoration: none; }
  
img {
  max-width: 100%; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.container {
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
  width: 100%; }
  @media (min-width: 1000px) {
    .container {
      padding: 0;
      width: 975px; } }

.videostrip_wide {
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
  width: 1500px; }}  
  
  .videostrip {
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
  width: 975px; }}  
  
@media screen and (max-width: 1599px) 
{
  #3youtubevideos { display: block; } 
  #4youtubevideos { display: none; } 
 }
@media screen and (min-width: 1600px) 
{
  #3youtubevideos { display: none; } 
  #4youtubevideos { display: block; } 
 }
	  
.group {
  zoom: 1; }
  .group:before, .group:after {
    content: " ";
    display: block; }
  .group:after {
    clear: both; }

.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

.icon {
  line-height: 1; }

body {
  font-family: 'Open Sans', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-size: 14px;
  font-size: 1.4rem; }

.header__heading {
  color: #FFF;
  font-family: 'Neo Sans Std';
  font-weight: 200;
  text-transform: uppercase;
  font-size: 22px;
  font-size: 2.2rem; }
  @media (min-width: 1000px) {
    .header__heading {
      font-size: 28px;
      font-size: 2.8rem; } }

.navigation {
  font-family: 'Neo Sans Std';
  font-weight: 200; }

p {
  color: #8D98A3;
  line-height: 1.55; }
  p em {
    color: #FFF; }

ul {
  color: #8D98A3;
  list-style-type: disc; }
  ul li {
    margin: 0 0 10px 20px; }

@font-face {
  font-family: 'Neo Sans Std';
  src: url('../fonts/NeoSansStd-Bold.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/NeoSansStd-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/NeoSansStd-Bold.woff') format('woff'), url('../fonts/NeoSansStd-Bold.ttf') format('truetype'), url('../fonts/NeoSansStd-Bold.svg#f200fffa1e75bccb8a9d2543cc303c60') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: 'Neo Sans Std';
  src: url('../fonts/NeoSansStd-Light.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/NeoSansStd-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/NeoSansStd-Light.woff') format('woff'), url('../fonts/NeoSansStd-Light.ttf') format('truetype'), url('../fonts/NeoSansStd-Light.svg#994acf8cde643c658fa4d87f1a0d786b') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: 200; }

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Regular.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans-Regular.ttf') format('truetype'), url('../fonts/OpenSans-Regular.svg#dc56f0938c09c27a4156bb0f8f5176a2') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }
  
    @media (min-width: 800px) {
	.cliffscreens{
	width: 800px;
	}
	.cliffscreens_image{
	width: 200px; 
	}}
    @media (min-width: 1200px) {
	.cliffscreens{
	width: 800px;
	}
	.cliffscreens_image{
	width: 232px; 
	}}
	@media (min-width: 1600px) {
	.cliffscreens{
	width: 1600px;
	}
	.cliffscreens_image{
	width: 312px; 
	}} 
	@media (min-width: 1640px) {
	.cliffscreens{
	width: 1640px;
	}
	.cliffscreens_image{
	width: 320px; 
	}} 


    @media (min-width: 800px) {
	.wallpaper{
	width: 800px;
	}
	.wallpaper_image{
	width: 152px; 
	}}
    @media (min-width: 1200px) {
	.wallpaper{
	width: 800px;
	}
	.wallpaper_image{
	width: 232px; 
	}}
	@media (min-width: 1600px) {
	.wallpaper{
	width: 1600px;
	}
	.wallpaper_image{
	width: 312px; 
	}} 
	@media (min-width: 1640px) {
	.wallpaper{
	width: 1640px;
	}
	.wallpaper_image{
	width: 320px; 
	}} 


.banner {
  margin: 20px 0;
  text-align: center; }
  @media (min-width: 1000px) {
    .banner {
      background: #000;
      margin: 0;
      padding: 25px 0 15px;
      width: 100%;
      z-index: 10;
      position: fixed;
      top: 0;
      right: auto;
      bottom: auto;
      left: auto; } }
  @media (min-width: 1000px) {
    .banner__logo {
      position: relative;
      z-index: 10; } }

.navigation {
  margin: 0 0 10px 0; }
  @media (min-width: 1000px) {
    .navigation {
      background: url(../images/structure/header.png) center top no-repeat;
      height: 64px;
      margin: 0;
      width: 100%;
      z-index: 100;
      position: fixed;
      top: 38px;
      right: auto;
      bottom: auto;
      left: auto; } }
  @media (min-width: 1200px) {
    .navigation {
      padding: 10px 0; } }
  .navigation__links {
    list-style-type: none;
    text-align: center; }
    @media (min-width: 1000px) {
      .navigation__links {
        text-align: left;
        width: 1000px; } }
    @media (min-width: 1200px) {
      .navigation__links {
        width: 100%; } }
    @media (min-width: 1200px) {
      .navigation__links {
        background: url(../images/structure/navigation.png) 70px -3px no-repeat;
        padding: 20px 100px;
        width: 1200px;
        position: relative;
        top: -28px;
        right: auto;
        bottom: auto;
        left: auto;
        -webkit-transition: background-position 360ms ease-in-out 0ms;
        transition: background-position 360ms ease-in-out 0ms; }
        .navigation__links--forum {
          background-position: 70px -3px; }
        .navigation__links--blog {
          background-position: 250px -3px; }
        .navigation__links--faq {
          background-position: 775px -3px; }
        .navigation__links--modding {
          background-position: 865px -3px; }
        .navigation__links--buy {
          background-position: 960px -3px; } }
  .navigation__item {
    display: inline-block;
    margin: 0;
    padding: 0 10px 10px;
    text-transform: uppercase; }
    @media (min-width: 768px) {
      .navigation__item {
        padding: 0 10px; } }
    @media (min-width: 1000px) {
      .navigation__item {
        display: inline;
        float: left; }
        .navigation__item--space {
          margin: 0 470px 0 0; }
        .navigation__item--buy {
          padding: 0;
          text-align: center;
          width: 106px; }
          .lt-ie9 .navigation__item--buy {
            width: 80px; } }
  .navigation__link {
    color: #FFF;
    display: block; }
    @media (min-width: 1000px) {
      .navigation__link {
        border-bottom: 2px solid transparent;
        border-radius: 1px;
        line-height: 62px;
        -webkit-transition: border 180ms ease-in-out 0ms;
        transition: border 180ms ease-in-out 0ms; }
        .navigation__link:hover, .navigation__link:active, .navigation__link:focus {
          border-bottom: 2px solid #FFF;
          color: #FFF;
          cursor: pointer; }
        .navigation__link--active {
          border-bottom: 2px solid #FFF; }
        .navigation__link--highlight {
          background: rgba(255, 255, 255, 0.15);
          font-weight: 400;
          height: 41px;
          line-height: 42px;
          margin: 9px 0 0 0;
          -webkit-transition: background 180ms ease-in-out 0ms, color 180ms ease-in-out 0ms;
          transition: background 180ms ease-in-out 0ms, color 180ms ease-in-out 0ms; }
          .navigation__link--highlight:hover, .navigation__link--highlight:active, .navigation__link--highlight:focus {
            background-position: 0 -41px;
            background: #FFF;
            border: none;
            color: #000; }
          .lt-ie9 .navigation__link--highlight {
            background: #FFF;
            color: #000; } }

.footer {
  margin: 0 0 35px 0;
  }
  .footer__positech {
    border-bottom: 1px solid #2D2D2D;
    display: block;
    margin: 0 0 35px 0; }
    .footer__positech img {
      display: block;
      margin: 0 auto; }
  @media (min-width: 768px) {
    .footer__list {     
	  background-color:#000;
	  ;text-align: center; } }
  .footer__item {
    list-style-type: none;
    line-height: 1.5;
    margin: 0;
    padding: 0 0 0 10px;
    font-size: 12px;
    font-size: 1.2rem; }
    @media (min-width: 768px) {
      .footer__item {
        border-right: 1px solid #8F979F;
        display: inline-block;
        line-height: 1;
        margin: 0 0 10px 0;
        padding: 0 15px; } }
    @media (min-width: 1000px) {
      .footer__item {
        float: left; } }
    .footer__item--copyright {
      margin: 10px 0; }
      @media (min-width: 768px) {
        .footer__item--copyright {
          border: none;
          margin: 0; } }
    @media (min-width: 1000px) {
      .footer__item--first {
        padding-left: 20; } }
    @media (min-width: 768px) {
      .footer__item--end {
        border: none; } }
    @media (min-width: 1000px) {
      .footer__item--end {
        float: right; } }
  .footer__link {
    color: #8F979F; }
    @media (min-width: 1000px) {
      .footer__link {
        -webkit-transition: color 180ms ease-in-out 0ms;
        transition: color 180ms ease-in-out 0ms; }
        .footer__link:hover, .footer__link:active, .footer__link:focus {
          color: #FFF; } }
  .footer__copy {
    color: #8F979F; }
    @media (min-width: 768px) {
      .footer__copy {
        line-height: 1; } }

body {
  background: url(../images/structure/background.jpg) center top no-repeat #000; }
  @media (min-width: 1000px) {
    body {
      background-position: center 65px; } }
  @media (min-width: 1920px) {
    body {
      background-size: auto; } }

@media (min-width: 1000px) {
  .landing {
    padding: 185px 0 80px; } }
    
.cliffblock
{
		padding: 25px 25px 25px 25px;
      	background: #000;
      	vertical-align: top;
}

.cliffblock img
{
      	vertical-align: top;
}

.buybutton { width: 600px; height:92px; border: 2px solid #02c1da;}
.buybutton:hover { -moz-box-shadow: 0 0 15px #ccc; -webkit-box-shadow: 0 0 15px #ccc; box-shadow: 0 0 15px #ccc; }


.buypageblock
{
		padding: 15px 15px 15px 15px;
      	background: #000;
      	vertical-align: top;
}
.buypagetitle p
{
    color: #FFFFFF;
	padding: -30px 0px 0px 0px;
	font-family: 'Neo Sans Std';
	font-weight: 200;
	font-size: 22px;
	vertical-align: top;
}

.betatext p
{
    color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	font-family: 'Neo Sans Std';
	font-weight: 200;
	font-size: 22px;
	vertical-align: top;
}

.standardtext p
{
    color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	font-family: 'Neo Sans Std';
	font-weight: 200;
	font-size: 14px;
	vertical-align: top;
}

.faqquestion
{
    	color: #FFFFFF;
	padding: 10px 25px 15px 0px;
	font-family: 'Neo Sans Std';
	font-weight: 200;
	font-size: 22px;
	vertical-align: top;
}

@media (min-width: 1000px) {
  .landingfaq {
    padding: 165px 0 0px }
  .cliffblocknopad {
  padding: 0px 0 0px; }
  }

.aside--buy {
  margin: 0 0 35px 0;
  width: 290px; }
  @media (min-width: 768px) {
    .aside--buy {
      float: right;
      margin: 0;
      width: 302px; } }
.aside__content {
  background: url(../images/structure/buy-now.png) 0 0 no-repeat;
  background-size: 100% auto;
  height: 127px;
  padding: 20px 21px 0;
  text-align: center;
  width: 100%; }
  @media (min-width: 480px) {
    .aside__content {
      width: 302px; } }
  .aside__content p {
    margin: 0 0 20px 0; }
  .aside__content a {
    background: rgba(255, 255, 255, 0.15);
    color: #FFF;
    display: block;
    font-family: 'Neo Sans Std';
    height: 45px;
    font-weight: 400;
    line-height: 45px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: background 180ms ease-in-out 0ms, color 180ms ease-in-out 0ms;
    transition: background 180ms ease-in-out 0ms, color 180ms ease-in-out 0ms; }
    .aside__content a:hover, .aside__content a:active, .aside__content a:focus {
      background: #FFF;
      color: #000; }
    .lt-ie9 .aside__content a {
      background: #FFF;
      color: #000; }

.split {
  padding: 30px 0; }
  @media (min-width: 1000px) {
    .split {
      padding: 40px 0 20px; } }
  .split--ships {
    background: url(../images/structure/over-the-top.jpg) center top no-repeat #000; }
    .split--ships .article {
      margin: 0; }
    @media (min-width: 768px) {
      .split--ships {
        background: url(../images/structure/over-the-top.png) center no-repeat transparent;
        background-size: auto;
        padding: 150px 0 100px; } }
  .split--newsletter {
    background: url(../images/structure/newsletter.jpg) 25% top no-repeat #000; }
    @media (min-width: 768px) {
      .split--newsletter {
        background-position: center top; } }
    @media (min-width: 1000px) {
      .split--newsletter {
        background-size: auto;
        height: 498px;
        padding: 100px 0 0; }
        .split--newsletter .article p {
          width: 400px; } }

.article {
  margin: 0 0 40px 0; }
  @media (min-width: 768px) {
    .article {
      float: left;
      width: 47.5%; }
      .article--end {
        float: right; } }
  @media (min-width: 1000px) {
    .article 
    {
      margin: 0;
      width: 475px; }
      .article--landing 
      {
        width: 610px; 
       } 
     }
	 
.gallery_left{

};

.gallery {
  margin: 0 auto 35px;
  max-width: 1875px; }
  @media (min-width: 1000px) {
    .gallery {
      margin: 0 auto 25px; } }
  .gallery .screenshots {
    list-style-type: none; }
  .gallery__item {
    float: left;
    line-height: 1;
    margin: 0 0 10px; }
    @media (min-width: 480px) {
      .gallery__item {
        margin: 0;
        width: 50%; } }
    @media (min-width: 768px) {
      .gallery__item {
        width: 25%; } }
    @media (min-width: 1000px) {
      .gallery__item {
        margin: 0 5px 5px 0;
        width: 240px; }
        .gallery__item--end {
          margin: 0 0 5px 0; } }
  .gallery__link {
    display: block;
    -webkit-transition: all 180ms ease-in-out 0ms;
    transition: all 180ms ease-in-out 0ms; }
    .gallery__link--not-hover {
      opacity: 0.5;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      filter: alpha(opacity=50); }
    .gallery__link img {
      display: block; }

.header {
  margin: 0 0 10px 0;
  position: relative; }
  .header__heading {
    margin: 0 0 5px 0; }
    @media (min-width: 768px) {
      .header__heading {
        margin: 0 0 15px 0; } }
  .header__cta {
    background: url(../images/structure/btn-download.png) 0 0 no-repeat;
    color: #8D98A3;
    display: block;
    height: 40px;
    line-height: 40px;
    margin: 0 0 15px 0;
    text-align: center;
    width: 140px; }
    @media (min-width: 768px) {
      .header__cta {
        position: absolute;
        top: -5px;
        right: 0;
        bottom: auto;
        left: auto; } }
    @media (min-width: 1000px) {
      .header__cta:hover, .header__cta:active, .header__cta:focus {
        background-position: 0 -40px;
        color: #FFF; }
 }

.play-trailer {
  height: 610px;
  margin: 0 0 30px 0;
  position: relative; }
  @media (min-width: 1000px) {
    .play-trailer {
      margin: 0 0 0px 0; } }
  .play-trailer .cta {
    background: url(../images/structure/btn-play-trailer.png) 0 0 no-repeat;
    display: block;
    height: 162px;
    margin: 0 auto;
    margin: -81px 0 0 -81px;
    text-indent: -9999px;
    width: 162px;
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%; }
    @media (min-width: 1000px) {
      .play-trailer .cta:hover, .play-trailer .cta:active, .play-trailer .cta:focus {
        background-position: 0 -162px; }
 }
  .play-trailer .video-background {
    display: none;
    width: 100%;
    z-index: 10;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0; }
    @media (min-width: 768px) {
      .play-trailer .video-background {
        background: url(../images/structure/video.png) center no-repeat;
        background-size: 100%; }
        .lt-ie9 .play-trailer .video-background {
          background: none; } }
  .play-trailer .video-close {
    position: absolute;
    top: -6px;
    right: -8px;
    bottom: auto;
    left: auto; }
  .play-trailer .video-container {
    padding-top: 61.2%; }
    .play-trailer .video-container iframe, .play-trailer .video-container object, .play-trailer .video-container embed {
      height: 100%;
      padding: 0;
      width: 100%;
      position: absolute;
      top: 35px;
      right: auto;
      bottom: auto;
      left: 0; }
      @media (min-width: 768px) {
        .play-trailer .video-container iframe, .play-trailer .video-container object, .play-trailer .video-container embed {
          padding: 28px 25px;
          top: 0; } }

.overlay {
  background: rgba(0, 0, 0, 0.75);
  display: none;
  height: 100%;
  width: 100%;
  z-index: 1;
  position: fixed;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0; }
  .lt-ie9 .overlay {
    background: #000; }

.form {
  margin: 35px 0 0;
  width: 100%; }
  @media (min-width: 1000px) {
    .form {
      width: 420px; } }
  .form__input {
    background: none;
    border: 1px solid #8F979F;
    color: #8D98A3;
    font-family: 'Open Sans', Arial, sans-serif;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem; }
    .form__input ::-webkit-input-placeholder, .form__input ::-moz-placeholder {
      color: #8D98A3; }
  .form__submit {
    background: rgba(255, 255, 255, 0.15);
    border: none;
    color: #FFF;
    font-family: 'Neo Sans Std';
    font-weight: 400;
    font-smoothing: antialiased;
    height: 41px;
    line-height: 42px;
    margin: 9px 0 0 0;
    text-transform: uppercase;
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-font-smoothing: antialiased; }
    @media (min-width: 1000px) {
      .form__submit {
        -webkit-transition: background 180ms ease-in-out 0ms, color 180ms ease-in-out 0ms;
        transition: background 180ms ease-in-out 0ms, color 180ms ease-in-out 0ms; }
        .form__submit:hover, .form__submit:active, .form__submit:focus {
          background: #FFF;
          color: #000;
          cursor: pointer; } }
    .lt-ie9 .form__submit {
      background: #FFF;
      color: #000; }

.screenshot {
  display: none;
  padding: 15px;
  width: 100%;
  z-index: 100;
  -ms-transform: translate3D(-50%, -50%, 0);
  -webkit-transform: translate3D(-50%, -50%, 0);
  transform: translate3D(-50%, -50%, 0);
  position: fixed;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%; }
  @media (min-width: 1000px) {
    .screenshot {
      padding: 40px; } }
  @media (min-width: 1200px) {
    .screenshot {
      width: 1200px; } }
  @media (min-width: 1920px) {
    .screenshot {
      width: 1600px; } }

.screenshot-close {
  position: fixed;
  top: -20px;
  right: 15px;
  bottom: auto;
  left: auto; }
  @media (min-width: 1000px) {
    .screenshot-close {
      right: 50px;
      top: 50px; } }

.controls {
  background: #000;
  color: #FFF;
  display: inline-block;
  font-weight: 400;
  margin: -20px 0 0;
  padding: 10px;
  z-index: 1000;
  font-size: 12px;
  font-size: 1.2rem;
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0; }
  @media (min-width: 1000px) {
    .controls {
      font-size: 14px;
      font-size: 1.4rem;
      -webkit-transition: background 180ms ease-in-out 0ms, color 180ms ease-in-out 0ms;
      transition: background 180ms ease-in-out 0ms, color 180ms ease-in-out 0ms; }
      .controls:hover, .controls:active, .controls:focus {
        background: #FFF;
        color: #000; } }
  .controls--prev {
    left: 10px; }
    @media (min-width: 1000px) {
      .controls--prev {
        left: 40px; } }
  .controls--next {
    left: auto;
    right: 10px; }
    @media (min-width: 1000px) {
      .controls--next {
        right: 40px; } }

.simple_section
{

}