@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

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

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

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

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

html {
  background-color: #f6f6f8; }

html, body {
  min-height: 100%; }

body {
  overflow-x: hidden;
  font: 18px/24px 'Roboto Regular', 'Microsoft YaHei', sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  background-color: #fff;
  color: #7d7c80; }

a,
button {
  text-decoration: none;
  color: #7d7c80;
  cursor: pointer;
  -webkit-transition-property: color;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-property: color;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-out;
  -o-transition-property: color;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-out;
  transition-property: color;
  transition-duration: 0.15s;
  transition-timing-function: ease-out; }
  a.disable,
  button.disable {
    cursor: default; }

button {
  margin: 0;
  padding: 0;
  border: 0; }

input {
  border: none;
  outline: none; }

button, input, textarea {
  font: 18px/30px 'Roboto Regular', 'Microsoft YaHei', sans-serif;
  -webkit-appearance: none; }

img {
  vertical-align: middle;
  -webkit-user-select: none;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-out;
  -o-transition-property: opacity;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-out;
  transition-property: opacity;
  transition-duration: 0.15s;
  transition-timing-function: ease-out; }

a:link,
a:active,
a:visited,
a:hover {
  background: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent; }

.fl {
  float: left; }

.fr {
  float: right; }

.tl {
  text-align: left; }

.tr {
  text-align: right; }

.clearfix:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.fn-hide {
  display: none !important; }

.fn-show {
  display: block !important; }

.fn-overflow {
  overflow: hidden; }

.inline-block {
  display: inline-block; }

svg path {
  -webkit-transition-property: fill, opacity;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-property: fill, opacity;
  -moz-transition-duration: 0.2s;
  -moz-transition-timing-function: ease-out;
  -o-transition-property: fill, opacity;
  -o-transition-duration: 0.2s;
  -o-transition-timing-function: ease-out;
  transition-property: fill, opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease-out; }

::-webkit-input-placeholder {
  color: #aaa; }

::-moz-placeholder {
  color: #aaa; }

:-ms-input-placeholder {
  color: #aaa; }

:-moz-placeholder {
  color: #aaa; }

::-webkit-scrollbar {
  width: 7px;
  height: 7px; }

::-webkit-scrollbar-button {
  display: none; }

::-webkit-scrollbar-track {
  background-color: transparent; }

::-webkit-scrollbar-track-piece {
  background-color: transparent; }

::-webkit-scrollbar-thumb {
  width: 7px;
  background-color: #494a4d;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }

::-webkit-scrollbar-corner {
  background-color: #cdcdcd; }

.input-wrapper {
  position: relative; }

.input-error-msg {
  display: none;
  padding-left: 2px;
  color: #ff9c9a;
  font-size: 12px; }
  .input-error-msg.fn-show {
    display: inline-block; }

.input-normal {
  display: block;
  width: 100%;
  height: 44px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 18px;
  border: 2px #dadde1 solid;
  line-height: 44px;
  font-size: 16px;
  font-family: "Roboto Regular";
  color: #222224;
  background: #fcfcfc;
  -webkit-border-radius: 8px;
  -ms-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-transition-property: border-color;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-property: border-color;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-out;
  -o-transition-property: border-color;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-out;
  transition-property: border-color;
  transition-duration: 0.15s;
  transition-timing-function: ease-out;
  box-shadow: none; }
  .input-normal:focus {
    border-color: #fed65d; }
  .input-normal.error {
    border-color: #ff9c9a; }

.textarea-normal {
  overflow: auto;
  display: block;
  width: 100%;
  height: 116px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 18px;
  border: 2px #dadde1 solid;
  line-height: 24px;
  font-size: 16px;
  font-family: "Roboto Regular";
  background: #f9f9f9;
  -webkit-border-radius: 8px;
  -ms-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  outline: none;
  -webkit-transition-property: border-color;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-property: border-color;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-out;
  -o-transition-property: border-color;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-out;
  transition-property: border-color;
  transition-duration: 0.15s;
  transition-timing-function: ease-out; }
  .textarea-normal:focus {
    border-color: #fed65d; }
  .textarea-normal.error {
    border-color: #ff9c9a; }

.checkbox-wrapper {
  overflow: hidden;
  position: relative;
  font-size: 14px; }
  .checkbox-wrapper input[type="checkbox"] {
    position: absolute;
    left: -40px; }

.checkbox {
  display: inline-block;
  width: 17px;
  height: 17px;
  padding: 3px;
  margin-right: 12px;
  border: 2px #dadde1 solid;
  vertical-align: middle;
  background: #f9f9f9;
  -webkit-border-radius: 8px;
  -ms-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px; }
  .checkbox svg {
    display: none;
    margin-top: 2px; }
  .checkbox .st0 {
    fill: #7d7c80; }
  .checkbox.checked svg {
    display: block; }

.btn-normal,
.btn-yellow {
  display: inline-block;
  height: 36px;
  position: relative;
  border: 2px #66696f solid;
  font-size: 16px;
  line-height: 36px;
  color: #66696f;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  cursor: pointer;
  -webkit-transition-property: color, background;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-property: color, background;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-out;
  -o-transition-property: color, background;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-out;
  transition-property: color, background;
  transition-duration: 0.15s;
  transition-timing-function: ease-out; }
  .btn-normal .icon-wrapper,
  .btn-yellow .icon-wrapper {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    vertical-align: top; }
    .btn-normal .icon-wrapper .icon,
    .btn-yellow .icon-wrapper .icon {
      margin-right: 0;
      opacity: 1;
      -webkit-transition-property: opacity;
      -webkit-transition-duration: 0.15s;
      -webkit-transition-timing-function: ease-out;
      -moz-transition-property: opacity;
      -moz-transition-duration: 0.15s;
      -moz-transition-timing-function: ease-out;
      -o-transition-property: opacity;
      -o-transition-duration: 0.15s;
      -o-transition-timing-function: ease-out;
      transition-property: opacity;
      transition-duration: 0.15s;
      transition-timing-function: ease-out; }
    .btn-normal .icon-wrapper .icon-hover,
    .btn-yellow .icon-wrapper .icon-hover {
      opacity: 0;
      position: absolute;
      left: 0;
      top: 0;
      -webkit-transition-property: opacity;
      -webkit-transition-duration: 0.15s;
      -webkit-transition-timing-function: ease-out;
      -moz-transition-property: opacity;
      -moz-transition-duration: 0.15s;
      -moz-transition-timing-function: ease-out;
      -o-transition-property: opacity;
      -o-transition-duration: 0.15s;
      -o-transition-timing-function: ease-out;
      transition-property: opacity;
      transition-duration: 0.15s;
      transition-timing-function: ease-out; }
  .btn-normal .icon,
  .btn-normal .icon-hover,
  .btn-yellow .icon,
  .btn-yellow .icon-hover {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
    text-indent: -9999em;
    margin-top: 5px; }
  .btn-normal:hover,
  .btn-yellow:hover {
    background: #66696f;
    color: #fff; }
    .btn-normal:hover .icon,
    .btn-yellow:hover .icon {
      opacity: 0; }
    .btn-normal:hover .icon-hover,
    .btn-yellow:hover .icon-hover {
      opacity: 1; }
    .btn-normal:hover .pop,
    .btn-yellow:hover .pop {
      display: block; }
  .btn-normal.disable,
  .btn-yellow.disable {
    background: transparent;
    cursor: default;
    border-color: #d1d2d4;
    color: #d1d2d4; }
    .btn-normal.disable .icon,
    .btn-normal.disable .icon-hover,
    .btn-yellow.disable .icon,
    .btn-yellow.disable .icon-hover {
      opacity: .3; }
    .btn-normal.disable .pop,
    .btn-yellow.disable .pop {
      opacity: 1; }

.btn-yellow {
  display: block;
  width: 136px;
  margin: 30px auto 0;
  border-color: #fed65d;
  text-align: center;
  font-size: 16px;
  color: #222224;
  background: #fed65d; }
  .btn-yellow:hover {
    color: #555;
    background: #ffdd77;
    border-color: #ffdd77; }
  .btn-yellow .text {
    opacity: 1;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.15s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.15s;
    -moz-transition-timing-function: ease-out;
    -o-transition-property: opacity;
    -o-transition-duration: 0.15s;
    -o-transition-timing-function: ease-out;
    transition-property: opacity;
    transition-duration: 0.15s;
    transition-timing-function: ease-out; }
  .btn-yellow.loading {
    cursor: default; }
    .btn-yellow.loading .text {
      opacity: 0; }
    .btn-yellow.loading .loading {
      opacity: 1; }
  .btn-yellow.done {
    cursor: default; }
    .btn-yellow.done .text {
      opacity: 0; }
    .btn-yellow.done .done {
      opacity: 1; }
  .btn-yellow .loading,
  .btn-yellow .done {
    position: absolute;
    left: 0;
    top: 1px;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    opacity: 0;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.15s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.15s;
    -moz-transition-timing-function: ease-out;
    -o-transition-property: opacity;
    -o-transition-duration: 0.15s;
    -o-transition-timing-function: ease-out;
    transition-property: opacity;
    transition-duration: 0.15s;
    transition-timing-function: ease-out; }

.pop {
  display: none;
  position: absolute;
  top: 52px;
  left: 50%;
  z-index: 10;
  width: 116px;
  margin-left: -58px; }
  .pop .text-pop {
    display: block;
    width: 100%;
    border: 1px #d3d3d3 solid;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    color: #585a5f;
    background: #fff;
    -webkit-border-radius: 14px;
    -ms-border-radius: 14px;
    -moz-border-radius: 14px;
    -o-border-radius: 14px;
    border-radius: 14px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); }
  .pop .arrow-icon {
    position: absolute;
    top: -5px;
    left: 50%;
    width: 12px;
    height: 6px;
    margin-left: -6px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTAgNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAgNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7c3Ryb2tlOiNEM0QzRDM7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNS45LDEyLjFMOS45LDhsMC43LTAuN2MwLjUtMC41LDAuNS0xLjMsMC0xLjdMNiwwLjlDNS40LDAuNCw0LjYsMC40LDQsMC45bC00LjcsNC43Yy0wLjUsMC41LTAuNSwxLjMsMCwxLjcKCUwwLjEsOGw0LjEsNC4xQzQuNiwxMi42LDUuNCwxMi42LDUuOSwxMi4xeiIvPgo8L3N2Zz4K); }

.dropdown {
  position: relative;
  z-index: 90;
  float: right;
  overflow: hidden;
  width: 180px;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  color: #55555a;
  background: #ededf0;
  -webkit-transition-property: border-radius, height;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-property: border-radius, height;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-out;
  -o-transition-property: border-radius, height;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-out;
  transition-property: border-radius, height;
  transition-duration: 0.15s;
  transition-timing-function: ease-out;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent; }
  .dropdown.active {
    height: 154px;
    line-height: 40px;
    -webkit-border-radius: 10px 10px;
    -ms-border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    -o-border-radius: 10px 10px;
    border-radius: 10px 10px;
    animation: dropdown .3s ease-in;
    -webkit-animation: dropdown .3s ease-in; }

@-webkit-keyframes dropdown {
  from {
    height: 40px; }
  to {
    height: 154px; } }
  .dropdown .select {
    position: relative;
    z-index: 10;
    padding-right: 18px;
    background: #ededf0; }
    .dropdown .select:after {
      position: absolute;
      top: 18px;
      right: 18px;
      width: 0;
      height: 0;
      content: '';
      border-bottom: none;
      border-top: 5px #55555a solid;
      border-left: 5px transparent solid;
      border-right: 5px transparent solid; }
  .dropdown .dropdown-menu {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    line-height: 38px;
    text-align: center;
    -webkit-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    background: #ededf0; }
  .dropdown .option {
    padding-right: 18px; }
    .dropdown .option:hover {
      background: #dddee3; }

.icon-round-arrow-down {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 14px;
  vertical-align: top;
  margin-top: 12px;
  line-height: 1; }

.icon-GearVR-small,
.icon-GearVR-small-white {
  width: 26px;
  height: 30px; }

.icon-Daydream-small,
.icon-Daydream-small-white {
  width: 26px;
  height: 30px; }

.icon-Cardboard-small,
.icon-Cardboard-small-white {
  width: 26px;
  height: 30px; }

.icon-Windows-small,
.icon-Windows-small-white {
  width: 26px;
  height: 30px; }

.icon-MacOS-small,
.icon-MacOS-small-white {
  width: 26px;
  height: 30px; }

.icon-loading {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  margin-top: 10px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiOTVmYWU3Yi1iYTIwLTQzNDAtOWE2Yi1iNWMwZWUyMTE4OTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkZERTU3QUVDRjU1MTFFNjk2MDFDQkY4MkY2RDA4M0IiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkZERTU3QURDRjU1MTFFNjk2MDFDQkY4MkY2RDA4M0IiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiOTVmYWU3Yi1iYTIwLTQzNDAtOWE2Yi1iNWMwZWUyMTE4OTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Yjk1ZmFlN2ItYmEyMC00MzQwLTlhNmItYjVjMGVlMjExODk5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+jBXAQQAAAXBJREFUeNqUk7svQ2EYh8856jZgwYAECZtEQo0Wl2A0tJPEYhcrKzFhsbVmSVcGMdQsMRksbPwBQrVOVY/nbX6Vr9JSb/Kc95zv8vvey3f8KIo815LJ5DhuDZZgDFrhES4hnclk7tz1flWAjbZwG9ahA9ocbC6AMqRgC6HCt4A2H8OsNrT/wMZ85+AsrCBSDDSwCVNQhA+4gFUYgF6Yh3NHYA4OKxEkEokR/IlOskhSKKe9OkakO7hdfX7CpEWwqJMtp2yjzWbM7eHO9NkCGyYwAe8SOPX+tiPnfTnGowfyqvJ9EwI3EKmoo4FONoGcJn410njF7cMbHFgET9CvHg/BQxMiVkyjEvatE8GM908zgWuFYyKDtCreaDFzMQig9iozsKBuFNURK6bd+WfVpXojy1pTMkjFi0noCjqhD0L5uNLKORGGEizX+5ksnWkYdu5FXhREKMG8nV4j4OTZbbWALvXaBKx1LwYbS+76LwEGAMm1hwfBNk/cAAAAAElFTkSuQmCC);
  vertical-align: top; }

.icon-done {
  display: inline-block;
  width: 18px;
  height: 14px;
  margin-top: 10px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNCIgZmlsbD0iIzU1NSIgdmlld0JveD0iMC4xIC0wLjEgMTcuOSAxNC4xIj48cGF0aCBkPSJNMTcuNiAwLjlMMTcgMC4zYy0wLjUtMC41LTEuMy0wLjUtMS44IDAuMUw3LjEgOS44IDIuNiA1LjNDMi4xIDQuOCAxLjMgNC45IDAuOSA1LjRMMC40IDZDLTAuMSA2LjUgMCA3LjMgMC41IDcuOGw2IDUuOUM2LjggMTQgNy4xIDE0LjEgNy40IDE0YzAuNCAwIDAuNy0wLjEgMS0wLjRsOS4zLTEwLjhDMTguMSAyLjIgMTguMSAxLjQgMTcuNiAwLjl6Ii8+PC9zdmc+DQo=);
  vertical-align: top; }

.icon-nav-collapse {
  display: inline-block;
  width: 18px;
  height: 16px;
  vertical-align: middle;
  text-indent: -9999em;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDU0IDQ4Ij48c3R5bGU+LmF7ZmlsbDojZmZmO308L3N0eWxlPjxwYXRoIGQ9Ik00IDhoNDZjMi4yIDAgNC0xLjggNC00cy0xLjgtNC00LTRINGMtMi4yIDAtNCAxLjgtNCA0UzEuOCA4IDQgOHoiIGNsYXNzPSJhIi8+PHBhdGggZD0iTTUwIDIwSDRjLTIuMiAwLTQgMS44LTQgNHMxLjggNCA0IDRoNDZjMi4yIDAgNC0xLjggNC00UzUyLjIgMjAgNTAgMjB6IiBjbGFzcz0iYSIvPjxwYXRoIGQ9Ik01MCA0MEg0Yy0yLjIgMC00IDEuOC00IDRzMS44IDQgNCA0aDQ2YzIuMiAwIDQtMS44IDQtNFM1Mi4yIDQwIDUwIDQweiIgY2xhc3M9ImEiLz48L3N2Zz4NCg==) center no-repeat;
  background-size: contain; }

.icon-nav-exit {
  display: inline-block;
  width: 18px;
  height: 16px;
  vertical-align: middle;
  text-indent: -9999em;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDQ4LjEgNDgiPjxwYXRoIGQ9Ik0yOS43IDI0TDQ2LjkgNi44YzEuNi0xLjYgMS42LTQuMSAwLTUuNyAtMS42LTEuNi00LjEtMS42LTUuNyAwbC0xNy4yIDE3LjJMNi44IDEuMmMtMS42LTEuNi00LjEtMS42LTUuNyAwIC0xLjYgMS42LTEuNiA0LjEgMCA1LjdsMTcuMiAxNy4yTDEuMiA0MS4yYy0xLjYgMS42LTEuNiA0LjEgMCA1LjcgMS42IDEuNiA0LjEgMS42IDUuNyAwbDE3LjItMTcuMiAxNy4yIDE3LjJjMS42IDEuNiA0LjEgMS42IDUuNyAwIDEuNi0xLjYgMS42LTQuMSAwLTUuN0wyOS43IDI0eiIgZmlsbD0iIzQwNDE0NCIvPjwvc3ZnPg==) center no-repeat;
  background-size: contain; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-GearVR-small,
  .icon-GearVR-small-white {
    background-size: 25px 15px; }
  .icon-Daydream-small,
  .icon-Daydream-small-white {
    background-size: 18px 20px; }
  .icon-Cardboard-small,
  .icon-Cardboard-small-white {
    background-size: 22px 14px; }
  .icon-Windows-small,
  .icon-Windows-small-white {
    background-size: 18px 18px; }
  .icon-MacOS-small,
  .icon-MacOS-small-white {
    background-size: 16px 19px; }
  .icon-loading {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiOTVmYWU3Yi1iYTIwLTQzNDAtOWE2Yi1iNWMwZWUyMTE4OTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTE4NjYxN0RDRjRBMTFFNjk2MDFDQkY4MkY2RDA4M0IiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTE4NjYxN0NDRjRBMTFFNjk2MDFDQkY4MkY2RDA4M0IiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiOTVmYWU3Yi1iYTIwLTQzNDAtOWE2Yi1iNWMwZWUyMTE4OTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Yjk1ZmFlN2ItYmEyMC00MzQwLTlhNmItYjVjMGVlMjExODk5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8++TNs2gAAA0FJREFUeNq8V0toFEEQne0ds4b1i4f4BY2SaBSVePGiCOJFBFHcvQkePHlQT1EEPychOfk9iIcgHgLrxYsiIiiot4CfW1SEEMQfAT+bbNxPxldSLWXRvTvZnVjwqNmdmX6vq7uqelJRFAVxLJ/PZ+H2ADuAzUAnsAhIA0VgFHgNPAHuFQqFYpxxU40EgHg13DHgIDCPCTWM8ClgAhgC+iHkXVMCQJyBOw4cBeYKsjCGAGtl4BJwHkKmYgsA+Sq4y8BGB3HoEWNFuOwlkHNFwzjI18PdArqAaUbk8IHwgZq5tq3AM4zdW1cAHlgJd5U3V00IqCkxkSKPYx3AA3Cscy4Br/lNoFuEU4Y9ZNJHwENgGPgEtAErAJrdAWA//+czypTtWI5SwINaOwKsAaqOtUwx8QBeHFX3aKONMIZ4hv2cNS6jFL4AnPobAby0HNeDrDytIkDk10E8OJN4Y8w+uIuejVkBemhT2j2QZ19VoAevzJScDO8MwJ3x3J4DnP4TgVwu1w5/G2jnmRuRWk8x0LmgBUMk7sAdctyiYrXM8OYJHTOf5Ixo1U7yPtFGpX0vCdjEhJbY4jFm/7VVdozxgZzn9m7DKSTJy4znQXJ215cRFPolTJxSeJuggGHP/90h78iKKKXWf0tQwEdgipuatDbjWH+7BGFS7NgHNN4Nx61rRPKT+7ys7XS9gFUnZX0c3cP8m1L/LAn4DGRUgyG/FPiScBROMP7phmMq/ejBX9yOZ91IwBvPHuhCFZv/PwSMcFnUhYjOALtmW4DthvtwvUUdQCyoH7xosg8Yu7cwhjcCAVe9soiC7AnbMNCGJshtjSFv8Lv+qRgP7CQyNXvZoN4DrzCTiQbEaS44RoxjIzuN9yOfAFKaAxZ7BFS4LoxxZfshulzIh5kMX9t3a+pMSWQ1KcKIPKUX7vNXjiSX1xEfLnu4jfdyN13L/2fFicqFVN1TMUR8p88qIULPRJ+M9bnRCO8ir+olMI6KNc4ixusczbUI2UW1CDvrsiZv9GmW5lB3evaDrBv6LCkjRyerki8N43ycZllEB8+86hGj9wtlSxHEtZa+jlVE6PCykNPMfqhUORsoQ0o840lXuF32W4ABAOiXgscp6J00AAAAAElFTkSuQmCC);
    background-size: 16px; } }

.dialog-layout {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 300; }
  .dialog-layout.active {
    display: block; }
  .dialog-layout.dialog-mobile {
    position: static; }
    .dialog-layout.dialog-mobile .dialog-mask {
      display: none; }
    .dialog-layout.dialog-mobile .dialog,
    .dialog-layout.dialog-mobile .dialog-small {
      position: relative;
      left: 0;
      top: 0;
      width: 100%;
      height: auto;
      margin: 0;
      -webkit-border-radius: 0;
      -ms-border-radius: 0;
      -moz-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -o-box-shadow: none;
      box-shadow: none; }
    .dialog-layout.dialog-mobile .dialog-content-wrapper {
      width: 100%;
      text-align: center; }
      .dialog-layout.dialog-mobile .dialog-content-wrapper.hide {
        height: 0;
        padding-top: 0; }
    .dialog-layout.dialog-mobile .dialog-content,
    .dialog-layout.dialog-mobile .dialog-small-content {
      position: static;
      display: inline-block;
      max-width: 600px;
      width: auto;
      height: auto;
      padding: 0 15%;
      padding-top: 260px;
      padding-bottom: 100px;
      margin: 0;
      margin-top: -120px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .dialog-layout.dialog-mobile.dialog-enter .dialog {
      opacity: 0;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
    .dialog-layout.dialog-mobile.dialog-enter-active .dialog {
      opacity: 1;
      -webkit-transition-property: opacity;
      -webkit-transition-duration: 0.3s;
      -webkit-transition-timing-function: ease-in;
      -moz-transition-property: opacity;
      -moz-transition-duration: 0.3s;
      -moz-transition-timing-function: ease-in;
      -o-transition-property: opacity;
      -o-transition-duration: 0.3s;
      -o-transition-timing-function: ease-in;
      transition-property: opacity;
      transition-duration: 0.3s;
      transition-timing-function: ease-in;
      -webkit-animation: none;
      -moz-animation: none;
      -o-animation: none; }
    .dialog-layout.dialog-mobile.dialog-leave .dialog {
      opacity: 1; }
    .dialog-layout.dialog-mobile.dialog-leave-active .dialog {
      opacity: 0;
      -webkit-transition-property: opacity;
      -webkit-transition-duration: 0.3s;
      -webkit-transition-timing-function: ease-in;
      -moz-transition-property: opacity;
      -moz-transition-duration: 0.3s;
      -moz-transition-timing-function: ease-in;
      -o-transition-property: opacity;
      -o-transition-duration: 0.3s;
      -o-transition-timing-function: ease-in;
      transition-property: opacity;
      transition-duration: 0.3s;
      transition-timing-function: ease-in;
      -webkit-animation: none;
      -moz-animation: none;
      -o-animation: none; }
    .dialog-layout.dialog-mobile .dialog-to-input-device .icon-dialog-email {
      display: block; }
    .dialog-layout.dialog-mobile .dialog-to-input-device .dialog-title {
      font: 20px/28px 'Nunito Regular';
      white-space: normal;
      margin-top: 10%; }
    .dialog-layout.dialog-mobile .dialog-to-input-device .inut-normal {
      margin-top: 20px; }
    .dialog-layout.dialog-mobile .dialog-to-input-device .btn-yellow {
      width: auto; }
    .dialog-layout.dialog-mobile .dialog-to-thanks .smile {
      margin-top: 10%;
      height: 100px; }
    .dialog-layout.dialog-mobile .dialog-to-thanks .thanks {
      padding-top: 32px;
      font-size: 30px; }
    .dialog-layout.dialog-mobile .dialog-to-thanks .tips {
      padding-top: 8px;
      line-height: 22px; }

.dialog-mask {
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .3; }

.dialog,
.dialog-small {
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 610px;
  height: 300px;
  margin-left: -300px;
  margin-top: -150px;
  font-family: "GothamRounded Book";
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  background: #fff;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  -webkit-transition-property: width, margin-left;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-property: width, margin-left;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -o-transition-property: width, margin-left;
  -o-transition-duration: 0.3s;
  -o-transition-timing-function: ease-out;
  transition-property: width, margin-left;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }
  .dialog .description,
  .dialog-small .description {
    padding-left: 0;
    padding-right: 0; }

.dialog-small {
  width: 380px;
  height: 314px;
  margin-top: -120px;
  margin-left: -190px; }

.dialog-content {
  position: absolute;
  top: 0;
  left: 50%;
  width: 534px;
  height: 256px;
  padding: 22px 38px;
  margin-left: -305px; }

.dialog-small-content {
  position: absolute;
  top: 0;
  left: 50%;
  width: 320px;
  height: 250px;
  padding: 30px 30px 34px;
  margin-left: -190px; }

.dialog-enter .dialog-mask {
  opacity: 0; }

.dialog-enter .dialog {
  opacity: 0;
  -webkit-transform: translateY(-70px);
  -moz-transform: translateY(-70px);
  -ms-transform: translateY(-70px);
  transform: translateY(-70px); }

.dialog-enter-active .dialog-mask {
  opacity: .3;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -o-transition-property: opacity;
  -o-transition-duration: 0.3s;
  -o-transition-timing-function: ease-out;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.dialog-enter-active .dialog {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition-property: opacity, transform;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-property: opacity, transform;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -o-transition-property: opacity, transform;
  -o-transition-duration: 0.3s;
  -o-transition-timing-function: ease-out;
  transition-property: opacity, transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.dialog-leave .dialog-mask {
  opacity: .3; }

.dialog-leave .dialog {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px); }

.dialog-leave-active .dialog-mask {
  opacity: 0;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-property: opacity;
  -o-transition-duration: 0.3s;
  -o-transition-timing-function: ease-in;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-in; }

.dialog-leave-active .dialog {
  opacity: 0;
  -webkit-transform: translateY(70px);
  -moz-transform: translateY(70px);
  -ms-transform: translateY(70px);
  transform: translateY(70px);
  -webkit-transition-property: opacity, transform;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-property: opacity, transform;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-property: opacity, transform;
  -o-transition-duration: 0.3s;
  -o-transition-timing-function: ease-in;
  transition-property: opacity, transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-in; }

.dialog-download .tips {
  border-top: 2px #e9eaec solid;
  padding-top: 20px;
  line-height: 24px;
  font-size: 15px;
  text-align: center; }

.dialog-download .platform-list {
  overflow: hidden; }

.dialog-download .platform-item {
  float: left;
  padding: 0 14px 38px;
  text-align: center; }
  .dialog-download .platform-item .platform-icon {
    height: 50px;
    padding-top: 30px;
    padding-bottom: 10px; }
  .dialog-download .platform-item .platform-text {
    line-height: 48px;
    font-size: 16px;
    color: #a9a9a9; }
  .dialog-download .platform-item .btn-normal {
    height: 30px;
    line-height: 30px;
    font-size: 14px; }

.dialog-to-input-device .dialog-title {
  font: 15px/34px "GothamRounded Medium";
  text-align: center;
  color: #555;
  white-space: nowrap; }

.dialog-to-input-device .input-normal {
  margin-top: 18px;
  font-size: 14px; }

.dialog-to-input-device .btn-yellow {
  width: 134px;
  margin-top: 18px; }

.dialog-to-input-device .icon-dialog-email {
  display: none;
  width: 114px;
  height: 76px;
  margin: 0 auto;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjExNHB4IiBoZWlnaHQ9Ijc3cHgiIHZpZXdCb3g9IjAgMCAxMTQgNzciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDExNCA3NyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0U4RThFOCIgZD0iTTEwNS42MDQsMEg4LjUzNkMzLjMzMSwwLDAuNjQ4LDIuNjksMC42NDgsNy45MTh2NjAuODY3DQoJYzAsNS4yMywyLjY4Myw3LjkwOCw3Ljg4OCw3LjkwOGg5Ny4wNjdjNS4yMjQsMCw3Ljg4My0yLjY3OCw3Ljg4My03LjkwOFY3LjkxOEMxMTMuNDg2LDIuNjksMTEwLjgyNywwLDEwNS42MDQsMHogTTEwMy4wMjgsNi4zMw0KCWwtMzguNTEsMzQuNDY3Yy0zLjM1OCwzLjAyNy00Ljg1Nyw0LjUyNy03LjQ0OCw0LjUyN2MtMi44NzQsMC00LjA5NC0xLjUtNy40NTQtNC41MjdMMTEuMTEyLDYuMzNIMTAzLjAyOHogTTYuOTksNjQuNjU0VjEyLjAzOA0KCUwzNi43ODEsMzcuOThMNi45OSw2NC42NTR6IE0xMC43OSw3MC4zNTlsMzAuNDg1LTI3Ljg5MWw1LjQ5NCw0LjYxN2MyLjY3MiwyLjMzOCw1LjQ2Miw1LjE4LDEwLjQyMSw1LjE4DQoJYzQuMDQ2LDAsNy43NTItMi44NDIsMTAuNDMyLTUuMThsNS40OTYtNC42MTdsMzAuMjI5LDI3Ljg5MUgxMC43OXogTTEwNy4xNDcsNjQuNjU0TDc3LjM1NCwzNy45OGwyOS43OTQtMjUuOTQyVjY0LjY1NHoiLz4NCjwvc3ZnPg0K) center no-repeat; }

.dialog-to-input-device .input-oculus-username {
  margin-top: 8px; }

.dialog-error {
  height: 20px;
  padding-left: 2px;
  font-size: 12px;
  font-family: "GothamRounded Book";
  font-weight: normal;
  text-align: left;
  color: #ff9c9a; }
  .dialog-error .text {
    display: none; }
  .dialog-error.fn-show .text {
    display: inline-block; }

.dialog-to-thanks .smile {
  height: 80px;
  margin-top: 44px;
  text-align: center; }
  .dialog-to-thanks .smile img {
    height: 100%; }

.dialog-to-thanks .thanks {
  padding-top: 10px;
  font: 22px/46px "GothamRounded Book";
  text-align: center;
  color: #585a60; }

.dialog-to-thanks .tips {
  line-height: 20px;
  font-size: 15px;
  text-align: center;
  color: #abacaf; }

.fade-enter {
  opacity: 0; }

.fade-enter-active {
  opacity: 1;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease-in;
  -o-transition-property: opacity;
  -o-transition-duration: 0.3s;
  -o-transition-timing-function: ease-in;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-in; }

.fade-leave {
  opacity: 1;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.1s;
  -moz-transition-timing-function: ease-out;
  -o-transition-property: opacity;
  -o-transition-duration: 0.1s;
  -o-transition-timing-function: ease-out;
  transition-property: opacity;
  transition-duration: 0.1s;
  transition-timing-function: ease-out; }

.fade-leave-active {
  opacity: 0; }

.page-fade-enter {
  opacity: 0; }

.page-fade-enter-active {
  opacity: 1;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: ease-out;
  -o-transition-property: opacity;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: opacity;
  transition-duration: 0.5s;
  transition-timing-function: ease-out; }

.page-fade-leave {
  opacity: 1;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: ease-out;
  -o-transition-property: opacity;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-out;
  transition-property: opacity;
  transition-duration: 0.5s;
  transition-timing-function: ease-out; }

.page-fade-leave-active {
  opacity: 0; }

.route-enter,
.route-appear {
  opacity: 0;
  animation: slideIn 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }

.route-leave {
  opacity: 1;
  animation: slideOut 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.route-appear {
  opacity: 0;
  animation: slideOut 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }

@-webkit-keyframes slideIn {
  from {
    opacity: 0;
    transform: translate3d(0, -30px, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes slideOut {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, 30, 0); } }

.animate-loading {
  -webkit-animation: loading 1s linear infinite; }

@keyframes loading {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

.nav-wrapper {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  padding-top: 19px;
  padding-bottom: 19px;
  font-family: "Roboto Regular";
  background: rgba(9, 9, 9, 0.96); }
  .nav-wrapper .logo {
    float: left;
    position: relative;
    z-index: 200;
    font-size: 18px;
    line-height: 32px; }
    .nav-wrapper .logo a {
      display: block;
      height: 31px;
      padding-top: 1px; }
    .nav-wrapper .logo .logo-icon {
      display: block;
      float: left;
      width: 30px;
      height: 30px;
      margin-right: 10px;
      text-indent: -9999em;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCM0RGNTFFNkVENEYxMUU2QTU3RTg5QkExMDcxNDUxRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEQTZFNzFGMTFDQUYxMUU3ODJFRUI1MjJERUI2NTkzRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEQTZFNzFGMDFDQUYxMUU3ODJFRUI1MjJERUI2NTkzRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjllMDUyODE1LWM4YTktNDZlNy05NDUwLTIxMzEzZDZlNmZkYiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmVjNzQ3MzM1LTY1MTktMTE3YS1iM2JiLWQ5YzliY2E4MzIwNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlEnO60AAASBSURBVHjapFdbbBRVGP7OzOxuu71Re11USMVK1USoraK2KkEu+mC8NYFY4dFIaKTxRV9c67z4Wlv7btBEIdFEiSIQH8SYGAj4ZIhEjQ8GIhIt3W6X7u6c43dmtu3O7szuNE769ZyZc+b//tv5518xNTWFelf60FKMwz5iD/EQcRexobQ8D6jfAXGB8zMa9rFkoZ5MUYs4fSirhU8SR4hORLuuE3PEjH2saT5skxFKenDxAJT6hXiH6CQQEd3Eu8RlV0bIZVUTLpgcZonDZY4hFNZ3iV6+8wnljfLmqP1RqxNqcfqVmyY1PUEc9lshsQ6LK985Qnzqyg53tXyfeNGzTtaBQvW+0GdjxHQgcXr8nwMl7SJaKAP21XomJ8gx5iNOj99g9sqZ+lb+b8ySq3XNYiUnia4y7ULx068WsjkDUfYGoJc46qaevPJaA8c/Oe1Yy9zKLPbu/80AUx8mkOppwwujt7B1Y6a0T5T2Vb6DsnVVfs5vtxiHvZx0eK4IEoCSmwDHUcgsLrrbPj7bguGBLuzbfgMNcSdQ0cr3S2vdXNtDYrnbrxkqyNeUUVIim81COg7y+TzOXUri8h9teGl0Ef2pXIXilfLK5WpiOENrBBK1ioZSDnK5HIpFB8v5ZSwt5bCQiWP6agyPPxDH8yN5Wq8QHDKf64e1xf1Ra5F0JJaX8yQu0mILlnULpsnRNHHyexPnfzbx6rMGBjbVrGha0hZN3BaFVOvp0NWFQoHEAoZRIAwYwoDQI5HJCLw1JzC5P4mdg7Fa4to0sQr0SsBcx9Zxiu5D/VgYwp0JwTvhjZYpEDfjfMesNrQsdTTxAscuXziD5kpntXSxKkt6EoXwxk09Ft482I7+Oy0UihImj7sRfFBuauIrLnEEX2uLpZTVUaPwJ7Yn8fLeFrQ3A5lskUkmXAhzRTHf9ZsmvsTJSBRifZyU8hM3JgzsGkpi291xLC4VkYiZiGlTlVE6OYGf0wsGpZ1eT9mTTIkVdLcb2D3cgL6UgeZGZkwSaGYdbOSRSlh0tQiVc0ZbfJYa/F3X3VQ8EdMGKCQbBHbcm8CWO2Lovc3Exk4LnW0mWpsMegCIsToYhmLUlZdTqqo1+tYUvfudJ7deo67YWTOz+Jek0L6UhedGmnB/Xxybe01s7okh1WFgQ7PhrrukQrlJJYLkAO/ZX2z7ziqVJDYASrc6PWHkWnuLYds1mGDG6jPtCbcs7whpsvJTUx1b9/4qx9nVz6L95eC8+7mqE1/BkmrRhTqGTQ2eB+KmcmOp1zTqyHidXAu+DsQ+OXScCx9U90zS1014caO1WImhjNidqBlyfBbcZSrFHlqxO8RYQGxCPpmo0YGuPj9OvBHa7NlfPeyQXPdec9F6r0jd5zQx7squ1VfbX+/QGybSz/x4jiM7Q5XyfynLOgpdklSIN4S4xrUJ+9Sjn6/rl4R96pETFHQfkWaxvO4dKeXvKFRlO+s+/Iv/3ubaQBhp3d9Oq63v0z+wdIinSj/cHiTuIVpKH3XdeOl6f5E4rYuD/c1jxXoy/xNgAPwQEXP31KavAAAAAElFTkSuQmCC) no-repeat center;
      background-image: -webkit-image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCM0RGNTFFNkVENEYxMUU2QTU3RTg5QkExMDcxNDUxRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEQTZFNzFGMTFDQUYxMUU3ODJFRUI1MjJERUI2NTkzRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEQTZFNzFGMDFDQUYxMUU3ODJFRUI1MjJERUI2NTkzRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjllMDUyODE1LWM4YTktNDZlNy05NDUwLTIxMzEzZDZlNmZkYiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmVjNzQ3MzM1LTY1MTktMTE3YS1iM2JiLWQ5YzliY2E4MzIwNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlEnO60AAASBSURBVHjapFdbbBRVGP7OzOxuu71Re11USMVK1USoraK2KkEu+mC8NYFY4dFIaKTxRV9c67z4Wlv7btBEIdFEiSIQH8SYGAj4ZIhEjQ8GIhIt3W6X7u6c43dmtu3O7szuNE769ZyZc+b//tv5518xNTWFelf60FKMwz5iD/EQcRexobQ8D6jfAXGB8zMa9rFkoZ5MUYs4fSirhU8SR4hORLuuE3PEjH2saT5skxFKenDxAJT6hXiH6CQQEd3Eu8RlV0bIZVUTLpgcZonDZY4hFNZ3iV6+8wnljfLmqP1RqxNqcfqVmyY1PUEc9lshsQ6LK985Qnzqyg53tXyfeNGzTtaBQvW+0GdjxHQgcXr8nwMl7SJaKAP21XomJ8gx5iNOj99g9sqZ+lb+b8ySq3XNYiUnia4y7ULx068WsjkDUfYGoJc46qaevPJaA8c/Oe1Yy9zKLPbu/80AUx8mkOppwwujt7B1Y6a0T5T2Vb6DsnVVfs5vtxiHvZx0eK4IEoCSmwDHUcgsLrrbPj7bguGBLuzbfgMNcSdQ0cr3S2vdXNtDYrnbrxkqyNeUUVIim81COg7y+TzOXUri8h9teGl0Ef2pXIXilfLK5WpiOENrBBK1ioZSDnK5HIpFB8v5ZSwt5bCQiWP6agyPPxDH8yN5Wq8QHDKf64e1xf1Ra5F0JJaX8yQu0mILlnULpsnRNHHyexPnfzbx6rMGBjbVrGha0hZN3BaFVOvp0NWFQoHEAoZRIAwYwoDQI5HJCLw1JzC5P4mdg7Fa4to0sQr0SsBcx9Zxiu5D/VgYwp0JwTvhjZYpEDfjfMesNrQsdTTxAscuXziD5kpntXSxKkt6EoXwxk09Ft482I7+Oy0UihImj7sRfFBuauIrLnEEX2uLpZTVUaPwJ7Yn8fLeFrQ3A5lskUkmXAhzRTHf9ZsmvsTJSBRifZyU8hM3JgzsGkpi291xLC4VkYiZiGlTlVE6OYGf0wsGpZ1eT9mTTIkVdLcb2D3cgL6UgeZGZkwSaGYdbOSRSlh0tQiVc0ZbfJYa/F3X3VQ8EdMGKCQbBHbcm8CWO2Lovc3Exk4LnW0mWpsMegCIsToYhmLUlZdTqqo1+tYUvfudJ7deo67YWTOz+Jek0L6UhedGmnB/Xxybe01s7okh1WFgQ7PhrrukQrlJJYLkAO/ZX2z7ziqVJDYASrc6PWHkWnuLYds1mGDG6jPtCbcs7whpsvJTUx1b9/4qx9nVz6L95eC8+7mqE1/BkmrRhTqGTQ2eB+KmcmOp1zTqyHidXAu+DsQ+OXScCx9U90zS1014caO1WImhjNidqBlyfBbcZSrFHlqxO8RYQGxCPpmo0YGuPj9OvBHa7NlfPeyQXPdec9F6r0jd5zQx7squ1VfbX+/QGybSz/x4jiM7Q5XyfynLOgpdklSIN4S4xrUJ+9Sjn6/rl4R96pETFHQfkWaxvO4dKeXvKFRlO+s+/Iv/3ubaQBhp3d9Oq63v0z+wdIinSj/cHiTuIVpKH3XdeOl6f5E4rYuD/c1jxXoy/xNgAPwQEXP31KavAAAAAElFTkSuQmCC) 1x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCM0RGNTFFNkVENEYxMUU2QTU3RTg5QkExMDcxNDUxRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEQTZFNzFFRDFDQUYxMUU3ODJFRUI1MjJERUI2NTkzRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEQTZFNzFFQzFDQUYxMUU3ODJFRUI1MjJERUI2NTkzRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg1YWVjYTYwLTZjOGEtOGM0ZC05NDE5LWZkYjhlZGVlNjgyNiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjI3YWJkNjZjLTEwNzItMTFlNy05ZDEzLWM1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) 2x);
      background-size: contain; }
    .nav-wrapper .logo .logo-text {
      display: block;
      float: left;
      width: 77px;
      height: 14px;
      margin-top: 9px; }
    .nav-wrapper .logo svg {
      fill: #fff;
      vertical-align: top; }
  .nav-wrapper.nav-transition {
    -webkit-transition-property: padding, transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    -moz-transition-property: padding, transform, -webkit-transform;
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
    -o-transition-property: padding, transform, -webkit-transform;
    -o-transition-duration: 0.3s;
    -o-transition-timing-function: ease;
    transition-property: padding, transform, -webkit-transform;
    transition-duration: 0.3s;
    transition-timing-function: ease; }
  .nav-wrapper.without-bg {
    background-color: transparent; }
  .nav-wrapper.fixed {
    background: rgba(9, 9, 9, 0.96);
    -webkit-transition-property: background, padding;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-property: background, padding;
    -moz-transition-duration: 0.2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-property: background, padding;
    -o-transition-duration: 0.2s;
    -o-transition-timing-function: ease-in-out;
    transition-property: background, padding;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out; }
  .nav-wrapper.nav-collapse {
    background: none; }
    .nav-wrapper.nav-collapse.collapsed {
      background: rgba(9, 9, 9, 0.96); }
      .nav-wrapper.nav-collapse.collapsed .logo svg {
        fill: #fff; }
      .nav-wrapper.nav-collapse.collapsed .icon-nav-collapse {
        display: inline-block; }
      .nav-wrapper.nav-collapse.collapsed .icon-nav-exit {
        display: none; }
      .nav-wrapper.nav-collapse.collapsed .nav-list {
        opacity: 0; }
        .nav-wrapper.nav-collapse.collapsed .nav-list .nav-item {
          opacity: 0;
          -webkit-transform: translate3d(0px, 0px, 0px);
          -moz-transform: translate3d(0px, 0px, 0px);
          -ms-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px); }
      .nav-wrapper.nav-collapse.collapsed .nav-item.product {
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        -ms-transition-delay: 0;
        transition-delay: 0; }
      .nav-wrapper.nav-collapse.collapsed .nav-item.download {
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        -ms-transition-delay: 0;
        transition-delay: 0; }
      .nav-wrapper.nav-collapse.collapsed .nav-item.contact {
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        -ms-transition-delay: 0;
        transition-delay: 0; }
      .nav-wrapper.nav-collapse.collapsed .nav-item.support {
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        -ms-transition-delay: 0;
        transition-delay: 0; }
      .nav-wrapper.nav-collapse.collapsed .nav-item.forum {
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        -ms-transition-delay: 0;
        transition-delay: 0; }
    .nav-wrapper.nav-collapse .logo svg {
      fill: #222224; }
    .nav-wrapper.nav-collapse .nav-toggler {
      display: block; }
    .nav-wrapper.nav-collapse .icon-nav-collapse {
      display: none; }
    .nav-wrapper.nav-collapse .icon-nav-exit {
      display: inline-block; }
    .nav-wrapper.nav-collapse .nav-list {
      overflow: hidden;
      float: none;
      clear: both;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 480px;
      height: 110vh;
      background: white;
      opacity: 1;
      -webkit-transition-property: opacity;
      -webkit-transition-duration: 0.3s;
      -webkit-transition-timing-function: ease-in-out;
      -moz-transition-property: opacity;
      -moz-transition-duration: 0.3s;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-property: opacity;
      -o-transition-duration: 0.3s;
      -o-transition-timing-function: ease-in-out;
      transition-property: opacity;
      transition-duration: 0.3s;
      transition-timing-function: ease-in-out; }
    .nav-wrapper.nav-collapse .nav-items-wrapper {
      position: absolute;
      top: 35%;
      width: 100%;
      height: 314px;
      margin-top: -117px; }
    .nav-wrapper.nav-collapse .nav-item {
      width: 100%;
      height: 56px;
      line-height: 56px;
      padding: 11px 0;
      margin-left: 0;
      font-size: 26px;
      opacity: 1;
      -webkit-transform: translate3d(0px, 30px, 0px);
      -moz-transform: translate3d(0px, 30px, 0px);
      -ms-transform: translate3d(0px, 30px, 0px);
      transform: translate3d(0px, 30px, 0px);
      -webkit-transition-property: opacity, transform;
      -webkit-transition-duration: 0.3s;
      -webkit-transition-timing-function: ease-in-out;
      -moz-transition-property: opacity, transform;
      -moz-transition-duration: 0.3s;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-property: opacity, transform;
      -o-transition-duration: 0.3s;
      -o-transition-timing-function: ease-in-out;
      transition-property: opacity, transform;
      transition-duration: 0.3s;
      transition-timing-function: ease-in-out; }
      .nav-wrapper.nav-collapse .nav-item.product {
        -webkit-transition-delay: 100ms;
        -moz-transition-delay: 100ms;
        -ms-transition-delay: 100ms;
        transition-delay: 100ms; }
      .nav-wrapper.nav-collapse .nav-item.download {
        -webkit-transition-delay: 130ms;
        -moz-transition-delay: 130ms;
        -ms-transition-delay: 130ms;
        transition-delay: 130ms; }
      .nav-wrapper.nav-collapse .nav-item.support {
        -webkit-transition-delay: 160ms;
        -moz-transition-delay: 160ms;
        -ms-transition-delay: 160ms;
        transition-delay: 160ms; }
      .nav-wrapper.nav-collapse .nav-item.forum {
        -webkit-transition-delay: 190ms;
        -moz-transition-delay: 190ms;
        -ms-transition-delay: 190ms;
        transition-delay: 190ms; }
      .nav-wrapper.nav-collapse .nav-item a {
        color: #888;
        margin: 0 15%;
        -webkit-border-radius: 6px;
        -ms-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px; }
        .nav-wrapper.nav-collapse .nav-item a:hover, .nav-wrapper.nav-collapse .nav-item a.active {
          color: #222224; }
        .nav-wrapper.nav-collapse .nav-item a:active {
          background: #f2f2f3; }

.nav {
  max-width: 1080px;
  height: 32px;
  padding: 0  32px;
  margin: 0 auto;
  line-height: 32px; }

.nav-toggler {
  float: right;
  display: none;
  position: relative;
  z-index: 200;
  width: 36px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  cursor: pointer; }

.nav-list {
  float: right;
  position: relative;
  height: 32px;
  font-size: 14px;
  text-align: center; }

.nav-item {
  float: left;
  margin-left: 38px;
  cursor: pointer; }
  .nav-item a {
    display: block;
    color: #c0c0c0; }
    .nav-item a:hover, .nav-item a.active {
      color: #fff; }

.footer {
  padding: 35px 0;
  background: #222224; }
  .footer .footer-content {
    max-width: 960px;
    padding: 0 32px;
    margin: 0 auto;
    line-height: 24px;
    font-size: 14px;
    text-align: center;
    color: #7b7a7c; }
  .footer .copyright {
    text-align: left; }
  .footer .language {
    float: right;
    padding-left: 38px;
    text-align: right;
    color: #b2b2b2; }
    .footer .language a {
      color: #ffc44b; }

.header {
  position: relative;
  width: 100%;
  background: #070705; }
  .header .oculus {
    position: absolute;
    bottom: -128px;
    left: 50%;
    z-index: 10;
    margin-left: -192px;
    width: 375px;
    height: 247px; }
    .header .oculus img {
      width: 100%; }
  .header .header-content-wrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: center; }
  .header .header-bg {
    overflow: hidden;
    position: relative;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1680px;
    margin-left: -840px; }
    .header .header-bg img {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%; }
  .header .header-content {
    position: absolute;
    left: 0;
    top: 24%;
    width: 100%;
    text-align: center; }
  .header .title {
    font-size: 60px;
    color: #fff; }
  .header .description {
    color: #aeaeae;
    font-size: 20px; }
  .header .link {
    display: inline-block;
    margin-bottom: 38px;
    line-height: 40px;
    color: #fed65d; }
    .header .link:after {
      display: inherit;
      width: 21px;
      height: 21px;
      margin-left: 9px;
      margin-top: 10px;
      vertical-align: top;
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS45IDE5LjkiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0ZGQzMzMzt9Cjwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTEwIDBDNC41IDAgMCA0LjUgMCAxMGMwIDUuNSA0LjUgMTAgMTAgMTAgNS41IDAgMTAtNC41IDEwLTEwQzE5LjkgNC41IDE1LjUgMCAxMCAwek0xNCAxMC41bC01LjcgMy45Yy0wLjEgMC0wLjEgMC4xLTAuMiAwLjEgLTAuMiAwLTAuNC0wLjItMC40LTAuNWgwdi0wLjggLTAuNyAtMC4xIC01VjcuNCA3IDUuOWgwYzAtMC4zIDAuMi0wLjUgMC40LTAuNSAwLjEgMCAwLjEgMCAwLjIgMC4xTDE0IDkuNGMwLjEgMC4xIDAuMiAwLjMgMC4yIDAuNVMxNC4xIDEwLjQgMTQgMTAuNXoiLz48L3N2Zz4=);
      content: ''; }
  .header .btn-header {
    display: inline-block;
    padding: 0 36px;
    margin-top: 20px;
    border: 2px #fed65d solid;
    line-height: 40px;
    color: #fed65d;
    -webkit-border-radius: 22px;
    -ms-border-radius: 22px;
    -moz-border-radius: 22px;
    -o-border-radius: 22px;
    border-radius: 22px;
    -webkit-transition-property: background, color;
    -webkit-transition-duration: 0.15s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-property: background, color;
    -moz-transition-duration: 0.15s;
    -moz-transition-timing-function: ease-out;
    -o-transition-property: background, color;
    -o-transition-duration: 0.15s;
    -o-transition-timing-function: ease-out;
    transition-property: background, color;
    transition-duration: 0.15s;
    transition-timing-function: ease-out; }
    .header .btn-header:hover {
      color: #222224;
      background: #fed65d; }
      .header .btn-header:hover path {
        fill: #222224; }

.content-wrapper {
  overflow: hidden;
  position: relative;
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
  text-align: center; }

.title {
  text-align: center;
  font: 50px/56px 'Nunito Regular';
  color: #ffc820;
  padding: 15px 40px; }

.description {
  line-height: 28px;
  text-align: center;
  padding-left: 40px;
  padding-right: 40px; }

.product-wrapper img,
.download-wrapper img,
.contact-wrapper img {
  max-width: 100%; }

.air-screen {
  overflow: hidden; }
  .air-screen .content-wrapper {
    padding-top: 170px;
    padding-bottom: 60px; }
  .air-screen .image {
    padding-top: 35px; }
    .air-screen .image img {
      width: 100%; }

.platforms {
  overflow: hidden;
  background: #fed65d; }
  .platforms .content-wrapper {
    padding-top: 100px;
    padding-bottom: 60px; }
  .platforms .title {
    padding-left: 30px;
    padding-right: 30px;
    color: #222224; }
  .platforms .description {
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
    color: #5b5545; }
  .platforms .platform-list {
    padding-top: 58px;
    overflow: hidden;
    text-align: center; }
  .platforms .platform-item {
    display: inline-block;
    position: relative;
    width: 180px;
    margin: 0 18px 40px;
    vertical-align: top; }
    .platforms .platform-item img {
      vertical-align: bottom;
      max-height: 100%; }
  .platforms .platform-title {
    display: inline-block;
    line-height: 30px;
    color: #5b5545;
    text-align: center; }

.movie-theatre {
  overflow: hidden;
  position: relative;
  background: #222224; }
  .movie-theatre .image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center; }
    .movie-theatre .image img {
      position: relative;
      max-width: 3840px;
      min-width: 1500px; }
  .movie-theatre .content-wrapper {
    z-index: 10;
    max-width: 760px;
    width: 41%; }
  .movie-theatre .title {
    padding-top: 25.5%;
    color: #222224; }

.overview-product {
  overflow: hidden;
  background: #222224;
  padding-bottom: 10px; }
  .overview-product .content-wrapper {
    padding-top: 100px; }
  .overview-product .image {
    position: relative;
    margin-top: 50px;
    text-align: center; }
    .overview-product .image img {
      position: relative;
      left: 0;
      bottom: 0;
      max-width: 1820px; }

.mode {
  overflow: hidden;
  background: #fff; }
  .mode .content-wrapper {
    position: relative;
    padding-bottom: 86px; }
  .mode .text-container {
    float: right;
    width: 46%;
    padding: 0 20px;
    padding-top: 13%;
    margin-top: 28px;
    text-align: center; }
  .mode .title {
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0; }
  .mode .description {
    margin-top: 4px;
    padding-left: 20px;
    padding-right: 20px; }
  .mode .image {
    width: 42%;
    text-align: left;
    padding-top: 120px;
    margin-left: 5.8%; }
    .mode .image img {
      position: relative; }

.engine {
  overflow: hidden;
  background: #222224; }
  .engine .content-wrapper {
    position: relative;
    padding-bottom: 22px; }
  .engine .text-container {
    width: 46%;
    padding: 0 20px;
    padding-top: 15%;
    margin-top: 28px;
    text-align: center; }
  .engine .title {
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0; }
  .engine .description {
    margin-top: 4px;
    padding-left: 20px;
    padding-right: 20px; }
  .engine .image {
    float: right;
    width: 42%;
    text-align: left;
    padding-top: 110px;
    margin-right: 5.8%; }

.formats {
  overflow: hidden;
  background: #fed65d; }
  .formats .content-wrapper {
    padding-top: 100px;
    padding-bottom: 64px; }
  .formats .title {
    color: #222224; }
  .formats .description {
    color: #5b5545; }
  .formats .formats-list {
    position: relative;
    overflow: hidden;
    margin: 48px auto 0;
    text-align: center;
    color: #5b5545; }
  .formats .formats-item {
    display: inline-block;
    width: 28%;
    padding: 0 2% 36px;
    line-height: 28px;
    text-align: center;
    vertical-align: top; }
  .formats .formats-icon {
    height: 150px;
    margin-bottom: 16px;
    background-size: contain;
    text-align: center; }
    .formats .formats-icon img {
      max-height: 100%; }

.support-4k {
  overflow: hidden;
  background: #eceef2; }
  .support-4k .content-wrapper {
    overflow: visible;
    max-width: 1300px;
    padding-bottom: 108px; }
  .support-4k .title {
    margin-top: 78px; }
  .support-4k .image {
    text-align: left; }
    .support-4k .image img {
      position: relative;
      left: -15%;
      width: 130%;
      max-width: none; }
  .support-4k .description {
    max-width: 1080px;
    margin: 0 auto; }

.local-media {
  background: #2a2a2d; }
  .local-media .content-wrapper {
    padding-top: 120px;
    padding-bottom: 108px; }
  .local-media .title {
    padding-top: 18px; }

.product-features {
  overflow: hidden;
  background: #fafafa; }
  .product-features .content-wrapper {
    padding-top: 100px;
    padding-bottom: 100px; }
  .product-features .text-container {
    display: inline-block;
    max-width: 92%;
    margin-top: 30px;
    text-align: center;
    word-break: keep-all; }
  .product-features .title {
    color: #222224; }
  .product-features .description {
    padding-right: 20px;
    text-align: left; }
  .product-features .feature-item {
    position: relative;
    margin-bottom: 10px; }
    .product-features .feature-item:after {
      position: absolute;
      top: 0;
      left: -10px;
      content: '\B7'; }

.download-footer {
  background: #fed65d;
  padding-top: 90px;
  padding-bottom: 75px; }
  .download-footer .logo {
    width: 100%;
    height: 77px;
    padding-bottom: 26px;
    text-align: center; }
    .download-footer .logo img {
      height: 77px; }
  .download-footer .title {
    padding-top: 19px;
    padding-bottom: 29px;
    margin-bottom: 10px; }
  .download-footer .btn-download {
    display: inline-block;
    padding: 0 38px;
    margin-top: 20px;
    line-height: 44px;
    color: #fff;
    -webkit-border-radius: 22px;
    -ms-border-radius: 22px;
    -moz-border-radius: 22px;
    -o-border-radius: 22px;
    border-radius: 22px;
    background: #3d3a30;
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.15s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-property: background;
    -moz-transition-duration: 0.15s;
    -moz-transition-timing-function: ease-out;
    -o-transition-property: background;
    -o-transition-duration: 0.15s;
    -o-transition-timing-function: ease-out;
    transition-property: background;
    transition-duration: 0.15s;
    transition-timing-function: ease-out; }
    .download-footer .btn-download .icon-round-arrow-down {
      margin-top: 14px; }
    .download-footer .btn-download path {
      fill: #fff; }
    .download-footer .btn-download:hover {
      background: #222224; }

.download-list .content-small {
  padding: 38px 40px 120px;
  text-align: center; }

.download-list .download-title {
  line-height: 96px;
  font-size: 22px;
  text-align: left;
  color: #7d7c80; }

.download-list .download-player-list,
.download-list .download-client-list {
  display: inline-block; }

.download-list .download-client-list {
  margin-right: 60px; }
  .download-list .download-client-list.hide-title {
    margin-right: 0; }
    .download-list .download-client-list.hide-title .download-title {
      display: none; }
    .download-list .download-client-list.hide-title .btns-container {
      margin-top: 70px; }

.download-list .download-player-list.hide-client-btn {
  display: none; }

.download-list .download-item {
  display: inline-block;
  width: 176px;
  margin-left: 20px;
  text-align: center;
  vertical-align: top; }
  .download-list .download-item:first-child {
    margin-left: 0; }

.download-list .download-block {
  position: relative;
  display: block;
  padding: 24px 0 20px;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  font-size: 18px;
  line-height: 16px;
  color: #7d7c80;
  background: #fafafa;
  -webkit-box-shadow: 0 1px 3px 0 rgba(13, 21, 36, 0.1);
  -moz-box-shadow: 0 1px 3px 0 rgba(13, 21, 36, 0.1);
  -o-box-shadow: 0 1px 3px 0 rgba(13, 21, 36, 0.1);
  box-shadow: 0 1px 3px 0 rgba(13, 21, 36, 0.1);
  -webkit-transition-property: box-shadow, transform;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-property: box-shadow, transform;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-out;
  -o-transition-property: box-shadow, transform;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-out;
  transition-property: box-shadow, transform;
  transition-duration: 0.15s;
  transition-timing-function: ease-out; }
  .download-list .download-block.disable {
    cursor: default; }
    .download-list .download-block.disable:hover {
      -webkit-box-shadow: 0 1px 3px 0 rgba(13, 21, 36, 0.1);
      -moz-box-shadow: 0 1px 3px 0 rgba(13, 21, 36, 0.1);
      -o-box-shadow: 0 1px 3px 0 rgba(13, 21, 36, 0.1);
      box-shadow: 0 1px 3px 0 rgba(13, 21, 36, 0.1);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
  .download-list .download-block:hover {
    -webkit-box-shadow: 0 10px 15px 0 rgba(13, 21, 36, 0.1);
    -moz-box-shadow: 0 10px 15px 0 rgba(13, 21, 36, 0.1);
    -o-box-shadow: 0 10px 15px 0 rgba(13, 21, 36, 0.1);
    box-shadow: 0 10px 15px 0 rgba(13, 21, 36, 0.1);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }

.download-list .download-item-text {
  padding-top: 10px;
  display: inline-block;
  height: 32px; }

.download-list .addon-text {
  font-size: 12px;
  color: #b6b6b6; }

.download-list .btn-normal {
  width: 124px;
  border-color: transparent;
  font-size: 18px;
  color: #7d7c80; }

.download-list .icon-large {
  display: inline-block;
  width: 100%;
  height: 90px; }
  .download-list .icon-large img {
    height: 100%; }

.download-list .icon-wrapper {
  display: none; }

.download-content {
  margin: 0 auto;
  max-width: 1040px;
  padding-left: 40px; }

.version-blog {
  padding: 90px 0;
  background: #fafafa; }
  .version-blog .content-small {
    overflow: visible; }
  .version-blog .title {
    padding: 0;
    font-size: 36px;
    text-align: left;
    color: #222224;
    line-height: 90px; }
  .version-blog .dropdown {
    position: absolute;
    top: 25px;
    right: 40px; }
  .version-blog .blog-container {
    overflow-y: auto;
    height: 700px;
    padding-right: 40px; }
    .version-blog .blog-container::-webkit-scrollbar-thumb {
      background-color: #ededf0; }
    .version-blog .blog-container.mobile {
      overflow: visible;
      height: auto; }
  .version-blog .blog-item {
    padding-top: 42px;
    margin-bottom: 42px;
    border-top: 1px #e9e9e9 solid;
    line-height: 36px;
    text-align: left; }
    .version-blog .blog-item:first-child {
      border-top: none; }
    .version-blog .blog-item .blog-title {
      margin-bottom: 28px;
      font-size: 26px;
      line-height: 38px;
      color: #4a4b4d; }
    .version-blog .blog-item .blog-subtitle {
      color: #414244; }
    .version-blog .blog-item .blog-detail {
      color: #808080; }
      .version-blog .blog-item .blog-detail:before {
        content: '- '; }

.faq-wrapper .content-wrapper {
  padding-top: 160px; }

.faq-wrapper .questions-list {
  margin: 70px 88px 360px;
  border-bottom: 1px #e2e2e2 solid;
  text-align: left; }
  .faq-wrapper .questions-list.mobile .arrow {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }

.faq-wrapper .question-item {
  position: relative;
  border-top: 1px #e2e2e2 solid;
  -webkit-transition-property: height;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-property: height;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-out;
  -o-transition-property: height;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-out;
  transition-property: height;
  transition-duration: 0.15s;
  transition-timing-function: ease-out; }
  .faq-wrapper .question-item.active .question-title {
    color: #f3a213; }
  .faq-wrapper .question-item.active .arrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
    .faq-wrapper .question-item.active .arrow svg path {
      fill: #ffbd48; }

.faq-wrapper.single-page {
  padding-left: 44px;
  padding-right: 44px;
  padding-bottom: 60px;
  background: #fafafa; }
  .faq-wrapper.single-page .question-title {
    padding: 100px 0 20px;
    border-bottom: 1px #e2e2e2 solid; }
  .faq-wrapper.single-page .answer {
    padding: 0;
    margin: 0;
    background: none; }

.faq-wrapper .question-title {
  position: relative;
  z-index: 10;
  display: block;
  padding: 22px 56px 22px 20px;
  line-height: 30px;
  font-size: 20px;
  color: #696a6a;
  cursor: pointer; }
  .faq-wrapper .question-title.disable {
    cursor: default; }
  .faq-wrapper .question-title a {
    color: #f3a213; }
  .faq-wrapper .question-title .arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 16px;
    height: 9px;
    margin-top: -4px;
    -webkit-transition-property: transform;
    -webkit-transition-duration: 0.15s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-property: transform;
    -moz-transition-duration: 0.15s;
    -moz-transition-timing-function: ease-out;
    -o-transition-property: transform;
    -o-transition-duration: 0.15s;
    -o-transition-timing-function: ease-out;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease-out;
    pointer-events: none; }
  .faq-wrapper .question-title svg {
    vertical-align: top; }

.faq-wrapper .title-control {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
  width: 56px;
  height: 100%;
  text-align: center;
  cursor: pointer; }

.faq-wrapper .answer-wrapper {
  display: none; }

.faq-wrapper .answer {
  padding: 6px 44px;
  margin: 0 40px 38px;
  font-size: 18px;
  line-height: 30px;
  background: #fafafa;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }
  .faq-wrapper .answer a {
    color: #f3a213; }
  .faq-wrapper .answer p {
    margin: 20px 0; }
  .faq-wrapper .answer .image-container {
    text-align: center; }
    .faq-wrapper .answer .image-container img {
      max-width: 100%; }
  .faq-wrapper .answer .image-inline-container img {
    margin: 0 10px; }

.faq-wrapper hr {
  height: 1px;
  border: 0;
  margin: 20px 0;
  background: #e2e2e2; }

.support-wrapper {
  margin-bottom: 100px; }

.support-main {
  margin: 54px 36.8% 0 0;
  min-height: 510px; }

.support-sub-main {
  position: absolute;
  right: 40px;
  top: 54px;
  width: 28%; }

.support-title,
.support-detail-title {
  position: relative;
  padding-bottom: 28px;
  border-bottom: 1px #e7e7e7 solid;
  font: 24px/28px 'Nunito Regular';
  color: #222224; }
  .support-title a,
  .support-detail-title a {
    display: block;
    color: #222224; }

.icon-more {
  position: absolute;
  right: 0;
  top: 2px;
  display: block;
  width: 8px;
  height: 12px; }
  .icon-more .st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #888; }

.support-list {
  margin-bottom: 54px; }

.support-item {
  border-bottom: 1px #e7e7e7 solid;
  line-height: 24px;
  font-size: 16px;
  color: #888; }
  .support-item a {
    display: block;
    padding: 16px 0; }
    .support-item a:hover {
      color: #ffc820; }
  .support-item .search-list-title {
    padding: 20px 0 12px;
    font-size: 18px;
    font-family: 'Nunito Regular';
    color: #222224; }
  .support-item .search-list-detail {
    display: block;
    padding-bottom: 20px;
    font-size: 16px; }

.support-detail-title {
  font-size: 28px; }

.support-detail {
  line-height: 26px;
  font-size: 16px; }
  .support-detail a {
    color: #ffc820; }
  .support-detail .paragraph,
  .support-detail .image-container,
  .support-detail .image-inline-container {
    line-height: 30px;
    margin: 20px 0; }
  .support-detail .image-container {
    margin: 40px 0;
    text-align: center; }
    .support-detail .image-container img {
      max-width: 100%; }
  .support-detail .image-inline-container img {
    margin: 0 10px; }

.support-current-breadcrumb {
  vertical-align: middle; }

.support-contact {
  display: none;
  margin-bottom: 40px;
  margin-top: -30px;
  line-height: 24px;
  font-size: 16px;
  color: #222224;
  background: #ffdf7d;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition-property: box-shadow, transform;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-property: box-shadow, transform;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-out;
  -o-transition-property: box-shadow, transform;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-out;
  transition-property: box-shadow, transform;
  transition-duration: 0.15s;
  transition-timing-function: ease-out; }
  .support-contact.aside {
    display: block;
    margin-top: -28px; }
  .support-contact:hover {
    -webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }
  .support-contact a {
    display: block;
    padding: 15px 26px;
    color: #222224; }
  .support-contact .bold {
    font-family: 'Roboto Medium'; }

.input-search-wrapper {
  position: relative;
  display: inline-block;
  width: 178px;
  height: 36px;
  background: #fff;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  vertical-align: middle; }

.input-search-label {
  display: block;
  width: 100%;
  height: 36px; }

.search-icon {
  position: absolute;
  top: 11px;
  left: 15px;
  width: 15px;
  height: 15px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTQgMTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE0IDE0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6IzkwOTA5MDt9Cjwvc3R5bGU+CjxnPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEzLjgsMTIuNEwxMCw4LjVjMS41LTIuMSwxLjItNS4xLTAuNi02LjljLTIuMS0yLjEtNS42LTIuMS03LjcsMGMtMi4xLDIuMS0yLjEsNS42LDAsNy43CgkJCWMxLjksMS45LDQuOCwyLjEsNi45LDAuNmwzLjgsMy44YzAuNCwwLjQsMC44LDAuMSwxLjItMC4zQzEzLjksMTMuMiwxNC4yLDEyLjgsMTMuOCwxMi40eiBNMi42LDguNEMxLDYuOCwxLDQuMiwyLjYsMi42CgkJCUM0LjIsMSw2LjgsMSw4LjMsMi42YzEuNiwxLjYsMS42LDQuMiwwLDUuOEM2LjgsMTAsNC4yLDEwLDIuNiw4LjR6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==); }

.search-input-container {
  position: absolute;
  left: 35px;
  right: 10px;
  top: 9px;
  height: 18px; }

.input-search {
  width: 100%;
  padding: 0;
  height: 18px;
  line-height: 18px;
  font-size: 16px;
  vertical-align: top; }

.highlight {
  color: #ffc820; }

.search-title {
  font-size: 16px;
  font-family: 'Roboto Regular';
  color: #808080; }

.no-search-result {
  display: none;
  padding: 16px 0;
  font-size: 14px; }

.title-bar {
  padding-top: 70px;
  line-height: 40px;
  font-size: 18px;
  text-align: right;
  color: #222224;
  background: #fed65d; }
  .title-bar .content-small {
    padding: 40px; }
  .title-bar .title {
    float: left;
    padding: 0;
    line-height: inherit;
    font-size: 28px;
    color: #222224; }
  .title-bar .link {
    display: inline-block;
    padding: 0 20px;
    line-height: 32px;
    font-size: 16px;
    color: #222224;
    background: rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 16px;
    -ms-border-radius: 16px;
    -moz-border-radius: 16px;
    -o-border-radius: 16px;
    border-radius: 16px;
    vertical-align: middle;
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.15s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-property: background;
    -moz-transition-duration: 0.15s;
    -moz-transition-timing-function: ease-out;
    -o-transition-property: background;
    -o-transition-duration: 0.15s;
    -o-transition-timing-function: ease-out;
    transition-property: background;
    transition-duration: 0.15s;
    transition-timing-function: ease-out; }
    .title-bar .link:hover {
      background: rgba(255, 255, 255, 0.5); }
  .title-bar .arrow {
    display: inline-block;
    width: 8px;
    height: 12px;
    margin: 0 11px 0;
    vertical-align: middle;
    line-height: 12px;
    font-size: 20px; }

.content-small {
  overflow: hidden;
  position: relative;
  max-width: 1000px;
  padding: 0 40px;
  margin: 0 auto;
  font-size: 16px; }

.contact-wrapper {
  margin-bottom: 100px; }

.contact-content {
  width: 44%;
  float: left;
  padding-top: 96px;
  margin-left: 12%; }
  .contact-content:first-child {
    margin-left: 0; }
  .contact-content .description {
    padding: 0;
    margin: 20px 0;
    line-height: 30px;
    text-align: left; }
    .contact-content .description a {
      color: #ffc820;
      font-family: 'Roboto Medium'; }
    .contact-content .description:first-child {
      margin: 0; }
  .contact-content label {
    display: block;
    margin-top: 8px;
    line-height: 30px; }
  .contact-content .input-wrapper {
    margin-bottom: 24px;
    line-height: 18px; }
  .contact-content .btn-yellow {
    margin-top: 52px;
    width: 214px; }

.statement,
.privacy-policy {
  overflow: hidden;
  background: #fff; }
  .statement .content-wrapper,
  .privacy-policy .content-wrapper {
    width: auto;
    padding: 100px 40px 236px; }
  .statement .title,
  .privacy-policy .title {
    padding: 0;
    margin-top: 40px;
    font-size: 44px; }
  .statement .description,
  .privacy-policy .description {
    padding: 16px 38px;
    max-width: 784px;
    margin: 36px auto 0;
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background-color: #fafafa; }
    .statement .description p,
    .privacy-policy .description p {
      margin: 16px 0; }
    .statement .description a,
    .privacy-policy .description a {
      font-family: "Roboto Medium";
      color: #ffc820; }
    .statement .description hr,
    .privacy-policy .description hr {
      height: 1px;
      border: 0;
      margin: 20px 0;
      background: #e2e2e2; }
    .statement .description .state,
    .privacy-policy .description .state {
      margin-bottom: 40px;
      font-size: 15px; }
    .statement .description .headline,
    .privacy-policy .description .headline {
      margin-top: 40px;
      text-transform: uppercase;
      color: #555; }
    .statement .description .sub-description,
    .privacy-policy .description .sub-description {
      padding-left: 30px; }
    .statement .description .sub-headline,
    .privacy-policy .description .sub-headline {
      margin: 16px 0;
      color: #555; }

@media (max-width: 1632px) {
  .movie-theatre .title {
    padding-top: 16%; } }

@media (max-width: 1500px) {
  .movie-theatre .content-wrapper {
    max-width: 615px;
    width: 100%; } }

@media (max-width: 1100px) {
  .version-blog .blog-container {
    margin-right: 20px; } }

@media (max-width: 1120px) {
  .download-list .download-title {
    text-align: center; }
  .download-list .download-client-list {
    display: block;
    margin-right: 0; }
  .download-list .content-small {
    padding-left: 80px;
    padding-right: 80px; }
  .version-blog .content-small {
    padding-left: 60px;
    padding-right: 60px; }
  .version-blog .download-content {
    padding-left: 60px;
    padding-right: 0; }
  .version-blog .dropdown {
    right: 60px; }
  .version-blog .blog-container {
    margin-right: 30px;
    padding-right: 30px; } }

@media (max-width: 900px) {
  .description .inline-block {
    display: inline; }
  .mode .text-container {
    padding-top: 10%; }
  .engine .text-container {
    padding-top: 10%; } }

@media (max-width: 800px) {
  .support-wrapper .content-small {
    padding-left: 60px;
    padding-right: 60px; }
  .support-main {
    margin-right: 0; }
  .support-sub-main {
    display: none; }
  .support-contact {
    display: block; } }

@media (max-width: 768px) {
  .mode .content-wrapper {
    padding-bottom: 100px; }
  .mode .title {
    padding-top: 0; }
  .mode .text-container {
    float: none;
    width: auto;
    padding-top: 12%; }
  .mode .image {
    width: auto;
    margin: 50px 0 0;
    text-align: center;
    padding-top: 0; }
    .mode .image img {
      left: 4%;
      max-width: 390px;
      width: 65%; }
  .engine .content-wrapper {
    padding-bottom: 110px; }
  .engine .text-container {
    width: auto;
    margin-top: 0; }
  .engine .image {
    float: none;
    width: auto;
    padding-top: 128px;
    margin: 0;
    text-align: center; }
    .engine .image img {
      width: 65%;
      max-width: 426px; }
  .engine .title {
    padding-top: 0;
    margin-top: -80px; }
  .engine .description {
    padding-left: 40px;
    padding-right: 40px; } }

@media (max-width: 767px) {
  .header .title {
    font-size: 54px;
    line-height: 60px; }
  .title {
    font-size: 48px;
    line-height: 52px;
    padding-bottom: 24px; }
  .air-screen .content-wrapper {
    padding-top: 140px; }
  .platforms .platform-item {
    width: 26%;
    margin: 0 2.4% 6%; }
  .platforms .inline-block {
    display: block; }
  .local-media .content-wrapper {
    padding-top: 128px; }
  .title-bar {
    line-height: 34px;
    text-align: center; }
    .title-bar .title {
      float: none; }
    .title-bar .content-small {
      padding: 25px 40px; }
  .download-list .download-title {
    text-align: center; }
  .download-list .content-small {
    padding: 20px 40px 56px; }
  .download-list .download-client-list,
  .download-list .download-player-list {
    display: block; }
  .download-list .download-client-list.hide-title .btns-container {
    margin-top: 40px; }
  .download-list .download-item {
    display: block;
    width: 80%;
    min-width: 206px;
    max-width: 400px;
    margin: 0 auto;
    background: none;
    padding-top: 0;
    padding-bottom: 20px; }
    .download-list .download-item:first-child {
      margin-left: auto; }
  .download-list .download-block {
    height: 72px;
    padding: 0 40px 0 30%;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    font-size: 20px; }
  .download-list .icon-large {
    position: absolute;
    left: 20%;
    top: 15px;
    width: auto;
    height: 42px;
    margin-right: 40px; }
  .download-list .download-item-text {
    padding-top: 30px; }
  .download-list .disable .download-item-text {
    padding-top: 20px; }
  .version-blog {
    padding-top: 0; }
    .version-blog .content-small {
      padding-left: 40px;
      padding-right: 40px; }
    .version-blog .title {
      padding-top: 40px;
      padding-bottom: 50px;
      text-align: center; }
    .version-blog .dropdown {
      right: 50%;
      top: 120px;
      margin-right: -90px; }
  .faq-wrapper .questions-list {
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom: 160px; }
  .support-wrapper .content-small {
    padding-left: 60px;
    padding-right: 60px; }
  .input-search-wrapper {
    width: 100%;
    max-width: 300px;
    margin-bottom: 15px; }
  .contact-wrapper .content-small {
    padding-left: 30px;
    padding-right: 30px; }
  .contact-content {
    float: none;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding-top: 40px; }
    .contact-content:first-child {
      margin-left: auto; }
    .contact-content .btn-yellow {
      margin-top: 40px; }
  .statement .description .sub-description,
  .privacy-policy .description .sub-description {
    padding-left: 0; }
  .footer .copyright {
    display: inline-block;
    text-align: center; }
  .footer .language {
    float: none;
    display: block;
    padding-left: 0;
    text-align: center; } }

@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and (min--moz-device-pixel-ratio: 2), (max-width: 767px) and (-o-min-device-pixel-ratio: 2 / 1), (max-width: 767px) and (min-device-pixel-ratio: 2), (max-width: 767px) and (min-resolution: 192dpi), (max-width: 767px) and (min-resolution: 2dppx) {
  .description {
    font-size: 16px;
    line-height: 24px; }
  .faq-wrapper .answer {
    font-size: 16px;
    line-height: 24px; } }

@media (max-width: 560px) {
  .support-text-addon {
    display: none; } }

@media (max-width: 543px) {
  .nav-wrapper {
    padding-top: 15px;
    padding-bottom: 15px; }
  .nav {
    height: 28px;
    padding-left: 20px;
    padding-right: 16px;
    line-height: 28px; }
    .nav .logo {
      line-height: 28px; }
      .nav .logo a {
        height: 27px; }
        .nav .logo a img {
          width: 28px;
          height: 28px; }
  .title-bar {
    padding-top: 62px; }
  .header .description {
    font-size: 16px; }
  .header .title {
    font-size: 50px;
    margin-top: 15px;
    line-height: 50px; }
  .header .btn-header {
    margin-top: 10px; }
  .title {
    font-size: 40px;
    line-height: 46px;
    padding-bottom: 24px;
    padding-top: 0; }
  .air-screen .content-wrapper {
    padding-top: 130px;
    padding-bottom: 50px; }
  .platforms .content-wrapper {
    padding-top: 80px;
    padding-bottom: 50px; }
  .platforms .platform-list {
    padding-top: 40px; }
  .movie-theatre .title {
    padding-top: 90px; }
  .movie-theatre .description {
    padding-left: 25px;
    padding-right: 25px; }
  .overview-product .content-wrapper {
    padding-top: 90px; }
  .mode .content-wrapper {
    padding-bottom: 80px; }
  .mode .image img {
    width: 75%; }
  .engine .content-wrapper {
    padding-bottom: 90px; }
  .engine .image {
    padding-top: 90px; }
    .engine .image img {
      width: 80%; }
  .formats .content-wrapper {
    padding-top: 80px;
    padding-bottom: 50px; }
  .formats .formats-list {
    margin-top: 50px; }
  .formats .formats-item {
    display: block;
    width: auto;
    padding-left: 40px;
    padding-right: 50px; }
  .formats .formats-icon {
    float: left;
    width: 75px;
    height: 64px;
    margin-bottom: 0; }
  .formats .formats-text {
    padding-top: 4px;
    margin-left: 80px;
    text-align: left; }
  .support-4k .content-wrapper {
    padding-bottom: 90px; }
  .local-media .content-wrapper {
    padding-top: 90px;
    padding-bottom: 90px; }
  .product-features .content-wrapper {
    padding-top: 90px;
    padding-bottom: 90px; }
  .product-features .text-container {
    margin-top: 10px; }
  .download-list .download-block {
    padding-left: 35%; }
  .download-list .icon-large {
    left: 15%; }
  .version-blog .version-title {
    padding-left: 0;
    padding-right: 0; }
  .version-blog .download-content {
    padding-left: 30px;
    padding-right: 0; }
  .version-blog .blog-container {
    margin-right: 15px;
    padding-right: 15px; }
  .faq-wrapper.single-page {
    padding-left: 30px;
    padding-right: 30px; }
  .faq-wrapper .questions-list {
    margin-left: 20px;
    margin-right: 20px; }
  .faq-wrapper .question-title {
    padding: 18px 36px 18px 10px;
    line-height: 24px;
    font-size: 16px; }
    .faq-wrapper .question-title .arrow {
      right: 0; }
  .faq-wrapper .answer {
    margin: 0 20px 38px;
    padding: 6px 22px; }
  .support-wrapper .content-small {
    padding-left: 30px;
    padding-right: 30px; }
  .support-title .text-user-guides {
    display: none; }
  .btn-more {
    font-size: inherit;
    font-family: inherit;
    color: inherit; }
  .contact-detail .description {
    width: auto;
    padding-left: 10%;
    padding-right: 10%; }
  .statement .content-wrapper,
  .privacy-policy .content-wrapper {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 100px; }
  .statement .description,
  .privacy-policy .description {
    padding-left: 22px;
    padding-right: 22px; } }

@media (max-width: 543px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 543px) and (min--moz-device-pixel-ratio: 2), (max-width: 543px) and (-o-min-device-pixel-ratio: 2 / 1), (max-width: 543px) and (min-device-pixel-ratio: 2), (max-width: 543px) and (min-resolution: 192dpi), (max-width: 543px) and (min-resolution: 2dppx) {
  .description {
    font-size: 16px;
    line-height: 24px; }
  .platforms .platform-title {
    font-size: 16px;
    line-height: 18px; }
  .movie-theatre .title {
    padding-top: 130px; }
  .formats .formats-text {
    font-size: 16px;
    line-height: 22px; } }

@media (max-width: 360px) {
  .title-bar .link {
    padding: 0 12px; }
  .title-bar .arrow {
    margin: 0 0 0 4px; } }

@media (max-width: 768px) and (max-device-width: 768px) and (orientation: landscape) {
  body {
    font-size: 14px; }
  .dialog-layout.dialog-mobile .dialog-to-input-device .icon-dialog-email {
    display: none; }
  .dialog-layout.dialog-mobile .dialog-to-input-device .dialog-title {
    margin-top: 10%; }
  .title {
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 18px; }
  .description {
    font-size: 14px; } }

/*# sourceMappingURL=product.min.css.map*/