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 {
  text-decoration: none; }

img {
  max-width: 100%; }

.group {
  zoom: 1; }
  .group:before, .group:after {
    content: " ";
    display: block; }
  .group:after {
    clear: both; }

body {
  background: #08031f;
  color: #f5f9ff; }

.advanced body {
  overflow: hidden; }

a {
  color: #f5f9ff; }

#Background, #BackgroundContent, #BackgroundWide {
  height: 3170px;
  margin: 0 0 0 -50%;
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  position: fixed;
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%; }

#BackgroundWide {
  display: none;
  z-index: 1000; }
  @media (min-width: 1680px) {
    #BackgroundWide {
      background: url(../images/structure/background-wide-left.png) left top no-repeat, url(../images/structure/background-wide-right.png) right top no-repeat;
      display: block; } }

#Background {
  background: url(../images/structure/background.png) center top no-repeat;
  z-index: 20; }

#BackgroundContent {
  background: url(../images/structure/background-content.png) center top no-repeat;
  z-index: 30; }

.advanced #Overlay {
  background: #04010f;
  height: 100%;
  width: 100%;
  z-index: 100000;
  position: fixed;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

@font-face {
  font-family: 'Open Sans Light';
  src: url("../fonts/opensans-light-webfont.eot");
  src: url("../fonts/opensans-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-light-webfont.woff") format("woff"), url("../fonts/opensans-light-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/opensans-regular-webfont.eot");
  src: url("../fonts/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-regular-webfont.woff") format("woff"), url("../fonts/opensans-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

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

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

body {
  font-family: "Open Sans", Arial, sans-serif; }

nav {
  font-family: "Colaborate";
  letter-spacing: 1px; }

h1, h2, h3 {
  font-family: "Colaborate"; }

h1 {
  font-size: 35px;
  font-size: 3.5rem; }

h2 {
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 35px;
  font-size: 3.5rem; }
  @media (min-width: 480px) {
    h2 {
      letter-spacing: 6px; } }
  @media (min-width: 1000px) {
    h2 {
      letter-spacing: 12px; } }

h3 {
  font-size: 35px;
  font-size: 3.5rem; }

p {
  line-height: 1.6;
  margin: 0 0 20px 0;
  font-size: 15px;
  font-size: 1.5rem; }

ul, ol {
  font-size: 15px;
  font-size: 1.5rem; }

[data-icon]:before {
  font-family: 'Osmos Icons';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

@-webkit-keyframes node {
  0% {
    top: 0; }

  50% {
    top: 10px; }

  100% {
    top: 0; } }

@-moz-keyframes node {
  0% {
    top: 0; }

  50% {
    top: 10px; }

  100% {
    top: 0; } }

@keyframes node {
  0% {
    top: 0; }

  50% {
    top: 10px; }

  100% {
    top: 0; } }

@-webkit-keyframes node-2 {
  0% {
    top: 0; }

  50% {
    top: 5px; }

  100% {
    top: 0; } }

@-moz-keyframes node-2 {
  0% {
    top: 0; }

  50% {
    top: 5px; }

  100% {
    top: 0; } }

@keyframes node-2 {
  0% {
    top: 0; }

  50% {
    top: 5px; }

  100% {
    top: 0; } }

@-webkit-keyframes node-3 {
  0% {
    top: 0; }

  50% {
    top: 10px; }

  100% {
    top: 0; } }

@-moz-keyframes node-3 {
  0% {
    top: 0; }

  50% {
    top: 10px; }

  100% {
    top: 0; } }

@keyframes node-3 {
  0% {
    top: 0; }

  50% {
    top: 10px; }

  100% {
    top: 0; } }

@-webkit-keyframes background {
  0% {
    background-size: 82px auto; }

  50% {
    background-size: 115px auto; }

  100% {
    background-size: 82px auto; } }

@-moz-keyframes background {
  0% {
    background-size: 82px auto; }

  50% {
    background-size: 115px auto; }

  100% {
    background-size: 82px auto; } }

@keyframes background {
  0% {
    background-size: 82px auto; }

  50% {
    background-size: 115px auto; }

  100% {
    background-size: 82px auto; } }

@-webkit-keyframes background-2 {
  0% {
    background-size: 101px auto; }

  50% {
    background-size: 115px auto; }

  100% {
    background-size: 101px auto; } }

@-moz-keyframes background-2 {
  0% {
    background-size: 101px auto; }

  50% {
    background-size: 115px auto; }

  100% {
    background-size: 101px auto; } }

@keyframes background-2 {
  0% {
    background-size: 101px auto; }

  50% {
    background-size: 115px auto; }

  100% {
    background-size: 101px auto; } }

@-webkit-keyframes background-3 {
  0% {
    background-size: 101px auto; }

  50% {
    background-size: 125px auto; }

  100% {
    background-size: 101px auto; } }

@-moz-keyframes background-3 {
  0% {
    background-size: 101px auto; }

  50% {
    background-size: 125px auto; }

  100% {
    background-size: 101px auto; } }

@keyframes background-3 {
  0% {
    background-size: 101px auto; }

  50% {
    background-size: 125px auto; }

  100% {
    background-size: 101px auto; } }

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

@media (min-width: 320px) {
  .container {
    margin: 0 auto;
    width: 90%; } }
@media (min-width: 1000px) {
  .container {
    margin: 0 auto;
    width: 980px; } }

.trailer {
  position: relative;
  z-index: 10000; }
  @media (min-width: 1000px) {
    .trailer {
      margin: 175px 0 0 0; } }

.features {
  background: #04010f;
  margin: 40px 0 0 0;
  padding: 40px 0;
  position: relative;
  z-index: 100; }
  @media (min-width: 1000px) {
    .features {
      padding: 80px 0; } }
  .features .column .content-mobile {
    display: none; }
  .features .column .content-mobile-additional {
    display: none; }
  @media (min-width: 1000px) {
    .features .column {
      float: left;
      width: 490px; }
      .features .column.column-omega {
        float: right;
        margin: 5px 0 0 0;
        width: 440px; } }
  .features header h2 {
    float: left;
    line-height: 1.75; }
  .features header .content-switch {
    float: right;
    margin: 0 0 0 10px; }
    .features header .content-switch:last-child {
      margin: 0; }
  .features .items {
    color: #777e93; }
    .features .items .item {
      background: url(../images/structure/icon-list.png) 0 6px no-repeat;
      padding: 0 0 0 25px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
        .features .items .item {
          background-image: url(../images/structure/icon-list@2x.png);
          background-size: 12px 12px; } }
      @media (min-width: 1000px) {
        .features .items .item {
          padding: 0 0 0 35px; } }

.demo {
  padding: 40px 0;
  position: relative;
  z-index: 100; }
  .demo .container {
    position: relative; }
  @media (min-width: 768px) {
    .demo {
      padding: 80px 0; } }
  @media (min-width: 1000px) {
    .demo {
      background: url(../images/structure/background-demo.png) center bottom no-repeat;
      height: 660px;
      padding: 0; } }
  @media (min-width: 1000px) {
    .demo header {
      float: left;
      margin: 210px 0 0 0;
      width: 250px; } }
  .demo header h2 {
    line-height: 1.2; }
  .demo header p {
    color: #777e93;
    line-height: 1.8; }
  @media (min-width: 1000px) {
    .demo .download {
      float: left;
      margin: 380px 0 0 190px;
      width: 540px; } }
  .demo .download p {
    color: #777e93;
    letter-spacing: 6px;
    text-transform: uppercase;
    font-size: 15px;
    font-size: 1.5rem; }
    @media (min-width: 1000px) {
      .demo .download p {
        display: none; } }
  .demo .download .items .item {
    display: block;
    float: left;
    height: 84px;
    margin: 0 12px 0 0; }
    @media (min-width: 480px) {
      .demo .download .items .item {
        margin: 0 20px 0 0; } }
    @media (min-width: 1000px) {
      .demo .download .items .item {
        margin: 0 50px 0 0; } }
    .demo .download .items .item .link {
      display: block;
      height: 84px;
      font-size: 60px;
      font-size: 6rem;
      -webkit-transition: color 180ms ease-in-out;
      -moz-transition: color 180ms ease-in-out;
      -ms-transition: color 180ms ease-in-out;
      -o-transition: color 180ms ease-in-out;
      transition: color 180ms ease-in-out; }
      .demo .download .items .item .link:hover, .demo .download .items .item .link:active, .demo .download .items .item .link:focus {
        color: #2c9df0; }
      .demo .download .items .item .link .icon {
        display: block;
        height: 84px; }
    @media (min-width: 1000px) {
      .demo .download .items .item.item-android {
        margin: 25px 0 0 95px; } }
  .demo .node {
    display: none;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0; }
    @media (min-width: 1000px) {
      .demo .node {
        display: block; } }
    .demo .node.node-1 {
      background: url(../images/structure/background-node-1.png) center bottom no-repeat;
      background-size: 82px auto;
      padding: 0 10px 25px 10px;
      position: absolute;
      top: 565px;
      right: auto;
      bottom: auto;
      left: 250px; }
    .demo .node.node-2 {
      background: url(../images/structure/background-node-2.png) center bottom no-repeat;
      background-size: 101px auto;
      padding: 0 10px 20px 10px;
      position: absolute;
      top: 520px;
      right: auto;
      bottom: auto;
      left: 550px; }
    .demo .node.node-3 {
      background: url(../images/structure/background-node-2.png) center bottom no-repeat;
      background-size: 101px auto;
      padding: 0 10px 45px 10px;
      position: absolute;
      top: 510px;
      right: auto;
      bottom: auto;
      left: 780px; }
    .demo .node img {
      position: relative; }

.awards {
  background: #04010f;
  min-height: 175px;
  overflow: hidden;
  position: relative;
  z-index: 100; }
  .awards .carousel-container {
    margin: 0 auto;
    padding: 42px 0 0;
    width: 90%; }
    @media (min-width: 1000px) {
      .awards .carousel-container {
        width: 100%; } }
    @media (min-width: 1000px) {
      .awards .carousel-container .responsive-carousel .items {
        width: 5000px; } }
    .awards .carousel-container .responsive-carousel .items .item {
      float: left;
      margin: 0 0 30px 0; }
      @media (min-width: 480px) {
        .awards .carousel-container .responsive-carousel .items .item {
          margin: 0 30px 30px 0; } }
      @media (min-width: 768px) {
        .awards .carousel-container .responsive-carousel .items .item {
          margin: 0 60px 60px 0; } }
      .awards .carousel-container .responsive-carousel .items .item img {
        display: block; }

.reviews {
  margin: 40px 0 0 0;
  padding: 40px 0;
  position: relative;
  z-index: 100; }
  .reviews header {
    margin: 0 0 30px 0;
    position: relative; }
    .reviews header h2 {
      float: left;
      line-height: 1.75; }
      @media (min-width: 1000px) {
        .reviews header h2 {
          text-align: center;
          width: 80%;
          position: absolute;
          top: 0;
          right: auto;
          bottom: auto;
          left: 10%; } }
    .reviews header .content-switch {
      float: right;
      margin: 0 0 0 10px; }
      .reviews header .content-switch:last-child {
        margin: 0; }

.interviews {
  background: #04010f;
  margin: 40px 0;
  padding: 40px 0;
  position: relative;
  z-index: 100; }
  @media (min-width: 1000px) {
    .interviews {
      padding: 80px 0; } }
  .interviews header {
    margin: 0 0 30px 0;
    position: relative; }
    .interviews header h2 {
      line-height: 1.75; }
      @media (min-width: 1000px) {
        .interviews header h2 {
          text-align: center;
          width: 100%; } }

.reviews .carousel-container, .interviews .carousel-container {
  position: relative; }
  .reviews .carousel-container .responsive-carousel, .interviews .carousel-container .responsive-carousel {
    overflow: hidden; }
    .reviews .carousel-container .responsive-carousel .caroufredsel_wrapper, .interviews .carousel-container .responsive-carousel .caroufredsel_wrapper {
      margin: 0 auto !important; }
    .reviews .carousel-container .responsive-carousel .items .item, .interviews .carousel-container .responsive-carousel .items .item {
      float: left;
      width: 288px;
      -webkit-transform: translate3d(0, 0, 0);
      -webkit-perspective: 1000;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden; }
      @media (min-width: 480px) {
        .reviews .carousel-container .responsive-carousel .items .item, .interviews .carousel-container .responsive-carousel .items .item {
          width: 432px; } }
      @media (min-width: 768px) {
        .reviews .carousel-container .responsive-carousel .items .item, .interviews .carousel-container .responsive-carousel .items .item {
          padding: 0 100px;
          width: 700px; } }
      @media (min-width: 1000px) {
        .reviews .carousel-container .responsive-carousel .items .item, .interviews .carousel-container .responsive-carousel .items .item {
          width: 800px; } }
      .reviews .carousel-container .responsive-carousel .items .item p, .interviews .carousel-container .responsive-carousel .items .item p {
        color: #777e93;
        line-height: 1.8;
        text-align: center; }
        .reviews .carousel-container .responsive-carousel .items .item p .highlight, .interviews .carousel-container .responsive-carousel .items .item p .highlight {
          color: #f5f9ff; }
        .reviews .carousel-container .responsive-carousel .items .item p a, .interviews .carousel-container .responsive-carousel .items .item p a {
          color: #777e93;
          -webkit-transition: all 180ms ease-in-out;
          -moz-transition: all 180ms ease-in-out;
          -ms-transition: all 180ms ease-in-out;
          -o-transition: all 180ms ease-in-out;
          transition: all 180ms ease-in-out; }
          .reviews .carousel-container .responsive-carousel .items .item p a:hover, .reviews .carousel-container .responsive-carousel .items .item p a:active, .reviews .carousel-container .responsive-carousel .items .item p a:focus, .interviews .carousel-container .responsive-carousel .items .item p a:hover, .interviews .carousel-container .responsive-carousel .items .item p a:active, .interviews .carousel-container .responsive-carousel .items .item p a:focus {
            color: #2c9df0; }
      .reviews .carousel-container .responsive-carousel .items .item h3, .interviews .carousel-container .responsive-carousel .items .item h3 {
        font-family: 'Open Sans Light';
        text-align: center;
        font-size: 29px;
        font-size: 2.9rem; }
      .reviews .carousel-container .responsive-carousel .items .item .view, .interviews .carousel-container .responsive-carousel .items .item .view {
        background: #2c9df0;
        color: #04010f;
        display: block;
        font-family: 'Open Sans Light';
        height: 55px;
        line-height: 55px;
        margin: 10px auto 0;
        text-align: center;
        text-transform: uppercase;
        width: 190px;
        font-size: 23px;
        font-size: 2.3rem;
        border-radius: 3px;
        -webkit-transition: background 180ms ease-in-out;
        -moz-transition: background 180ms ease-in-out;
        -ms-transition: background 180ms ease-in-out;
        -o-transition: background 180ms ease-in-out;
        transition: background 180ms ease-in-out; }
        .reviews .carousel-container .responsive-carousel .items .item .view:hover, .reviews .carousel-container .responsive-carousel .items .item .view:active, .reviews .carousel-container .responsive-carousel .items .item .view:focus, .interviews .carousel-container .responsive-carousel .items .item .view:hover, .interviews .carousel-container .responsive-carousel .items .item .view:active, .interviews .carousel-container .responsive-carousel .items .item .view:focus {
          background: #f5f9ff; }
  .reviews .carousel-container .responsive-navigation, .interviews .carousel-container .responsive-navigation {
    display: none; }
    @media (min-width: 768px) {
      .reviews .carousel-container .responsive-navigation, .interviews .carousel-container .responsive-navigation {
        display: block; } }
    .reviews .carousel-container .responsive-navigation .link, .interviews .carousel-container .responsive-navigation .link {
      background: url(../images/structure/button-nextprev.png) 0 0 no-repeat;
      display: block;
      height: 52px;
      margin: -26px 0 0 0;
      text-indent: -9999px;
      width: 28px;
      z-index: 100000;
      -webkit-transition: all 180ms ease-in-out;
      -moz-transition: all 180ms ease-in-out;
      -ms-transition: all 180ms ease-in-out;
      -o-transition: all 180ms ease-in-out;
      transition: all 180ms ease-in-out; }
    .reviews .carousel-container .responsive-navigation .prev, .interviews .carousel-container .responsive-navigation .prev {
      background-position: -28px 0;
      filter: alpha(opacity=17);
      opacity: 0.17;
      position: absolute;
      top: 25%;
      right: auto;
      bottom: auto;
      left: 0; }
      .reviews .carousel-container .responsive-navigation .prev:hover, .reviews .carousel-container .responsive-navigation .prev:active, .reviews .carousel-container .responsive-navigation .prev:focus, .interviews .carousel-container .responsive-navigation .prev:hover, .interviews .carousel-container .responsive-navigation .prev:active, .interviews .carousel-container .responsive-navigation .prev:focus {
        filter: alpha(opacity=100);
        opacity: 1; }
    .reviews .carousel-container .responsive-navigation .next, .interviews .carousel-container .responsive-navigation .next {
      background-position: -28px -52px;
      filter: alpha(opacity=17);
      opacity: 0.17;
      position: absolute;
      top: 25%;
      right: 0;
      bottom: auto;
      left: auto; }
      .reviews .carousel-container .responsive-navigation .next:hover, .reviews .carousel-container .responsive-navigation .next:active, .reviews .carousel-container .responsive-navigation .next:focus, .interviews .carousel-container .responsive-navigation .next:hover, .interviews .carousel-container .responsive-navigation .next:active, .interviews .carousel-container .responsive-navigation .next:focus {
        filter: alpha(opacity=100);
        opacity: 1; }
  .reviews .carousel-container .pagination, .interviews .carousel-container .pagination {
    margin: 50px 0 0 0;
    text-align: center; }
    .reviews .carousel-container .pagination a, .interviews .carousel-container .pagination a {
      background: #3F3957;
      color: #3F3957;
      display: inline-block;
      height: 10px;
      margin: 0 10px 0 0;
      text-align: center;
      width: 10px;
      -webkit-transition: all 180ms ease-in-out;
      -moz-transition: all 180ms ease-in-out;
      -ms-transition: all 180ms ease-in-out;
      -o-transition: all 180ms ease-in-out;
      transition: all 180ms ease-in-out;
      border-radius: 5px; }
      .reviews .carousel-container .pagination a.selected, .interviews .carousel-container .pagination a.selected {
        background: #f5f9ff;
        color: #f5f9ff; }
      .reviews .carousel-container .pagination a:hover, .reviews .carousel-container .pagination a:active, .reviews .carousel-container .pagination a:focus, .interviews .carousel-container .pagination a:hover, .interviews .carousel-container .pagination a:active, .interviews .carousel-container .pagination a:focus {
        background: #2c9df0;
        color: #2c9df0; }
      .reviews .carousel-container .pagination a span, .interviews .carousel-container .pagination a span {
        display: none; }

.support {
  position: relative;
  z-index: 100; }
  @media (min-width: 1000px) {
    .support {
      padding: 80px 0; } }
  @media (min-width: 1000px) {
    .support header {
      float: left;
      width: 280px; } }
  .support header h2 {
    line-height: 1.2; }
  .support header p {
    color: #777e93;
    line-height: 1.8; }
  @media (min-width: 768px) {
    .support .options {
      margin: 0 auto;
      width: 600px; } }
  @media (min-width: 1000px) {
    .support .options {
      float: right;
      margin: 0; } }
  .support .options .option {
    background: url(../images/structure/background-support.png) center top no-repeat;
    display: block;
    margin: 0 auto 20px;
    width: 184px;
    font-size: 55px;
    font-size: 5.5rem; }
    @media (min-width: 768px) {
      .support .options .option {
        float: left;
        margin: 0 20px 0 0; }
        .support .options .option.option-end {
          margin: 0; } }
    .support .options .option .support-forums {
      font-size: 42px;
      font-size: 4.2rem; }
      .support .options .option .support-forums .support-option {
        float: left;
        height: 84px;
        margin: 10px 0 0 0;
        width: 84px; }
        .support .options .option .support-forums .support-option.support-option-end {
          float: right;
          margin: 10px 0 0 0; }
          .support .options .option .support-forums .support-option.support-option-end a {
            line-height: 82px; }
        .support .options .option .support-forums .support-option a {
          background: #f5f9ff;
          color: #04010f;
          display: block;
          height: 84px;
          line-height: 88px;
          text-align: center;
          width: 84px;
          border-radius: 42px;
          -webkit-transition: all 180ms ease-in-out;
          -moz-transition: all 180ms ease-in-out;
          -ms-transition: all 180ms ease-in-out;
          -o-transition: all 180ms ease-in-out;
          transition: all 180ms ease-in-out; }
          .support .options .option .support-forums .support-option a:hover, .support .options .option .support-forums .support-option a:active, .support .options .option .support-forums .support-option a:focus {
            background: #2c9df0; }
    .support .options .option .type {
      background: #171E3F;
      height: 184px;
      line-height: 184px;
      text-align: center;
      width: 184px;
      border-radius: 92px; }
  .support .options .option-os .type {
    line-height: 230px;
    position: relative; }
    .support .options .option-os .type .icon-windows {
      position: absolute;
      top: auto;
      right: auto;
      bottom: 10px;
      left: 65px; }
  .support .options .option-ios {
    font-size: 58px;
    font-size: 5.8rem; }
    .support .options .option-ios .type {
      line-height: 194px; }

.footer-primary {
  background: #04010f;
  font-family: Arial, sans-serif;
  padding: 35px 0;
  position: relative;
  z-index: 100; }
  .footer-primary .hemipshere-games {
    display: block;
    float: left;
    margin: 0 30px 0 0; }
  .footer-primary .items {
    float: left;
    font-size: 12px;
    font-size: 1.2rem; }
    .footer-primary .items .item {
      color: #777e93;
      float: left;
      line-height: 50px;
      margin: 0 10px 0 0; }
      .footer-primary .items .item .highlight {
        color: #f5f9ff; }
      .footer-primary .items .item .link {
        border-left: 1px solid #777e93;
        color: #777e93;
        padding: 0 0 0 10px;
        -webkit-transition: color 180ms ease-in-out;
        -moz-transition: color 180ms ease-in-out;
        -ms-transition: color 180ms ease-in-out;
        -o-transition: color 180ms ease-in-out;
        transition: color 180ms ease-in-out; }
        .footer-primary .items .item .link:hover, .footer-primary .items .item .link:active, .footer-primary .items .item .link:focus {
          color: #2c9df0; }
  .footer-primary .fully-illustrated {
    background: url(../images/structure/logo-fully-illustrated.png) right top no-repeat;
    color: #777e93;
    float: left;
    height: 44px;
    line-height: 50px;
    padding: 0 70px 0 0;
    font-size: 12px;
    font-size: 1.2rem; }
    @media (min-width: 480px) {
      .footer-primary .fully-illustrated {
        margin: 20px 0 0 0; } }
    @media (min-width: 768px) {
      .footer-primary .fully-illustrated {
        float: right;
        margin: 0; } }
    .footer-primary .fully-illustrated .highlight {
      color: #f5f9ff;
      -webkit-transition: color 180ms ease-in-out;
      -moz-transition: color 180ms ease-in-out;
      -ms-transition: color 180ms ease-in-out;
      -o-transition: color 180ms ease-in-out;
      transition: color 180ms ease-in-out; }
    .footer-primary .fully-illustrated:hover .highlight, .footer-primary .fully-illustrated:active .highlight, .footer-primary .fully-illustrated:focus .highlight {
      color: #2c9df0; }

.content-switch {
  font-size: 40px;
  font-size: 4rem;
  -webkit-transition: color 180ms ease-in-out;
  -moz-transition: color 180ms ease-in-out;
  -ms-transition: color 180ms ease-in-out;
  -o-transition: color 180ms ease-in-out;
  transition: color 180ms ease-in-out; }
  .content-switch:hover, .content-switch:active, .content-switch:focus {
    color: #2c9df0; }
  .content-switch.current {
    color: #2c9df0; }
    .content-switch.current:hover, .content-switch.current:active, .content-switch.current:focus {
      cursor: default; }

.header-primary {
  text-align: center;
  padding: 75px 0 0 0;
  position: relative;
  z-index: 10000; }
  @media (min-width: 1000px) {
    .header-primary {
      padding: 135px 0 0 0; } }
  .header-primary .container {
    width: 100%; }
    @media (min-width: 1000px) {
      .header-primary .container {
        width: 980px; } }
  .header-primary .logo-osmos {
    margin: 0 auto;
    width: 90%; }
    @media (min-width: 1000px) {
      .header-primary .logo-osmos {
        width: 100%; } }

.advanced .header-primary {
  z-index: 100000; }

.navigation-primary {
  display: none; }
  @media (min-width: 1000px) {
    .navigation-primary {
      background: #04010f;
      display: block;
      height: 70px;
      padding: 0 0 0 10px;
      z-index: 100000;
      box-shadow: 0px 8px 25px rgba(34, 146, 255, 0.175);
      position: fixed;
      top: 0;
      right: auto;
      bottom: auto;
      left: auto; }
      .navigation-primary .items .item {
        float: left;
        height: 70px;
        line-height: 38px;
        padding: 15px 12px; }
        .navigation-primary .items .item .icon {
          font-size: 36px;
          font-size: 3.6rem; }
        .navigation-primary .items .item .link {
          color: #777e93;
          text-transform: uppercase;
          font-size: 14px;
          font-size: 1.4rem;
          -webkit-transition: color 180ms ease-in-out;
          -moz-transition: color 180ms ease-in-out;
          -ms-transition: color 180ms ease-in-out;
          -o-transition: color 180ms ease-in-out;
          transition: color 180ms ease-in-out; }
          .navigation-primary .items .item .link:hover, .navigation-primary .items .item .link:active, .navigation-primary .items .item .link:focus {
            color: #2c9df0; }
          .navigation-primary .items .item .link.current {
            color: #2c9df0; }
        .navigation-primary .items .item.logo .link {
          color: #f5f9ff; }
          .navigation-primary .items .item.logo .link:hover, .navigation-primary .items .item.logo .link:active, .navigation-primary .items .item.logo .link:focus {
            color: #2c9df0; }
        .navigation-primary .items .item.buy {
          padding: 0 0 0 20px; }
          .navigation-primary .items .item.buy p {
            color: #2c9df0;
            float: left;
            line-height: 68px;
            text-transform: uppercase;
            font-size: 14px;
            font-size: 1.4rem; }
          .navigation-primary .items .item.buy .sub-items {
            float: left;
            margin: 0 0 0 14px; }
            .navigation-primary .items .item.buy .sub-items .sub-item {
              border-right: 1px solid #10224D;
              float: left;
              height: 70px;
              padding: 15px; }
              .navigation-primary .items .item.buy .sub-items .sub-item:last-child, .navigation-primary .items .item.buy .sub-items .sub-item.sub-item-end {
                border-right: none; }
              .navigation-primary .items .item.buy .sub-items .sub-item.sub-item-os {
                height: 80px;
                position: relative;
                top: -10px;
                right: auto;
                bottom: auto;
                left: auto; }
                .navigation-primary .items .item.buy .sub-items .sub-item.sub-item-os:hover .link, .navigation-primary .items .item.buy .sub-items .sub-item.sub-item-os:active .link, .navigation-primary .items .item.buy .sub-items .sub-item.sub-item-os:focus .link {
                  color: #2c9df0; }
                .navigation-primary .items .item.buy .sub-items .sub-item.sub-item-os .link {
                  margin: 0 5px;
                  position: relative;
                  top: 10px;
                  right: auto;
                  bottom: auto;
                  left: auto; }
                  .navigation-primary .items .item.buy .sub-items .sub-item.sub-item-os .link:last-child, .navigation-primary .items .item.buy .sub-items .sub-item.sub-item-os .link.link-end {
                    margin: 0 0 0 5px; }
              .navigation-primary .items .item.buy .sub-items .sub-item .link {
                color: #f5f9ff; }
                .navigation-primary .items .item.buy .sub-items .sub-item .link:hover, .navigation-primary .items .item.buy .sub-items .sub-item .link:active, .navigation-primary .items .item.buy .sub-items .sub-item .link:focus {
                  color: #2c9df0; }
                .navigation-primary .items .item.buy .sub-items .sub-item .link .icon-android {
                  font-size: 30px;
                  font-size: 3rem;
                  position: relative;
                  top: 5px;
                  right: auto;
                  bottom: auto;
                  left: auto; }
                .navigation-primary .items .item.buy .sub-items .sub-item .link .icon-iphone-nav, .navigation-primary .items .item.buy .sub-items .sub-item .link .icon-ipad-nav {
                  font-size: 28px;
                  font-size: 2.8rem;
                  position: relative;
                  top: 5px;
                  right: auto;
                  bottom: auto;
                  left: auto; } }

.advanced .navigation-primary {
  z-index: 10000; }

.navigation-responsive {
  background: #04010f;
  display: block;
  min-height: 70px;
  padding: 15px 0;
  text-align: left;
  width: 100%;
  z-index: 100000;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0; }
  @media (min-width: 1000px) {
    .navigation-responsive {
      display: none; } }
  .navigation-responsive .options {
    margin: 0 auto;
    width: 90%;
    font-size: 38px;
    font-size: 3.8rem; }
    .navigation-responsive .options .link {
      -webkit-transition: color 180ms ease-in-out;
      -moz-transition: color 180ms ease-in-out;
      -ms-transition: color 180ms ease-in-out;
      -o-transition: color 180ms ease-in-out;
      transition: color 180ms ease-in-out; }
      .navigation-responsive .options .link:hover, .navigation-responsive .options .link:active, .navigation-responsive .options .link:focus {
        color: #2c9df0; }
      .navigation-responsive .options .link.home {
        float: left; }
      .navigation-responsive .options .link.menu {
        float: right;
        margin: -5px 0 0 0;
        text-transform: uppercase;
        font-size: 22px;
        font-size: 2.2rem; }
        .navigation-responsive .options .link.menu .icon {
          padding: 0 0 0 10px;
          position: relative;
          top: 7px;
          right: auto;
          bottom: auto;
          left: 0;
          font-size: 38px;
          font-size: 3.8rem; }
        .navigation-responsive .options .link.menu.open {
          color: #2c9df0; }
  .navigation-responsive .items {
    background: #1B1827;
    height: 0;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    -webkit-transition: all 180ms ease-in-out;
    -moz-transition: all 180ms ease-in-out;
    -ms-transition: all 180ms ease-in-out;
    -o-transition: all 180ms ease-in-out;
    transition: all 180ms ease-in-out; }
    .navigation-responsive .items.open {
      height: 182px;
      padding: 22px; }
    .navigation-responsive .items .item {
      margin: 0 auto;
      width: 275px; }
      .navigation-responsive .items .item .link {
        color: #777e93;
        text-transform: uppercase;
        font-size: 14px;
        font-size: 1.4rem;
        -webkit-transition: background 180ms ease-in-out;
        -moz-transition: background 180ms ease-in-out;
        -ms-transition: background 180ms ease-in-out;
        -o-transition: background 180ms ease-in-out;
        transition: background 180ms ease-in-out; }
        .navigation-responsive .items .item .link:hover, .navigation-responsive .items .item .link:active, .navigation-responsive .items .item .link:focus {
          color: #2c9df0; }
      .navigation-responsive .items .item.buy p {
        color: #2c9df0;
        margin: 0 0 15px 0;
        text-align: center;
        text-transform: uppercase;
        font-size: 14px;
        font-size: 1.4rem; }
      .navigation-responsive .items .item.buy .sub-items {
        float: left; }
        .navigation-responsive .items .item.buy .sub-items .sub-item {
          float: left;
          height: 101px;
          margin: 0 10px 0 0;
          width: 85px; }
          .navigation-responsive .items .item.buy .sub-items .sub-item .link {
            background: #f5f9ff;
            color: #04010f;
            display: block;
            height: 101px;
            line-height: 110px;
            text-align: center;
            width: 85px;
            border-radius: 3px;
            font-size: 48px;
            font-size: 4.8rem; }
            .navigation-responsive .items .item.buy .sub-items .sub-item .link:hover, .navigation-responsive .items .item.buy .sub-items .sub-item .link:active, .navigation-responsive .items .item.buy .sub-items .sub-item .link:focus {
              background: #2c9df0; }
            .navigation-responsive .items .item.buy .sub-items .sub-item .link.link-ios {
              line-height: 120px;
              font-size: 60px;
              font-size: 6rem; }
          .navigation-responsive .items .item.buy .sub-items .sub-item:last-child, .navigation-responsive .items .item.buy .sub-items .sub-item.sub-item-end {
            margin: 0; }

.advanced .navigation-responsive {
  z-index: 1000000; }