#section_01 #homepage_hero_img {
  background-image: url(/images/hero_1920.jpg);
  background-repeat: no-repeat;
  background-position: 50% 80%;
  background-size: cover;
  background-color: #f2f5f8; }

#section_01 .text {
  position: relative;
  width: 100%;
  height: 75vh;
  z-index: 1; }
  #section_01 .text .col {
    position: absolute;
    top: 40%;
    -webkit-transform: translateY(-80%);
            transform: translateY(-80%); }

#section_01 .hero1, #section_01 .hero2 {
  z-index: 1; }

#section_01 .hero2 {
  display: block;
  margin-top: 0;
  margin-bottom: 30px; }
  #section_01 .hero2.row1 {
    margin-bottom: 0;
    display: block; }

#homepage_order {
  position: relative;
  left: 0;
  width: 100vw;
  max-width: 100%;
  height: auto;
  z-index: 0; }

.orange {
  color: #f9a11c; }

#section_02 {
  color: #fff;
  text-align: center;
  font-family: 'FaktProBlond', sans-serif;
  font-weight: 200;
  background-color: #404042; }
  #section_02 .col {
    padding: 5% 0; }
    #section_02 .col.hero1Global {
      margin-bottom: 0; }
  #section_02 span {
    display: block; }

#section_06 {
  margin-top: 60px; }
  #section_06 .coverage {
    padding-right: 8.3333vw;
    padding-left: 8.3333vw; }
  #section_06 img {
    margin-bottom: 60px; }
  #section_06 .logo {
    background: url(/images/logos.png) no-repeat;
    background-size: 100%;
    width: 444px;
    padding-bottom: 45%; }
  #section_06 .logo2 {
    background: url(/images/logos2.png) no-repeat;
    background-size: 100%;
    width: 444px;
    padding-bottom: 45%; }
  #section_06 .logo-usatoday {
    background-position: 0% 0%; }
  #section_06 .logo-techcrunch {
    background-position: 0% 9.09%; }
  #section_06 .logo-digitaltrends {
    background-position: 0% 18.18%; }
  #section_06 .logo-quartz {
    background-position: 0% 27.27%; }
  #section_06 .logo-fastcompany {
    background-position: 0% 36.36%; }
  #section_06 .logo-cnet {
    background-position: 0% 45.45%; }
  #section_06 .logo-tomsguide {
    background-position: 0% 54.54%; }
  #section_06 .logo-slashgear {
    background-position: 0% 63.63%; }
  #section_06 .logo-venturebeat {
    background-position: 0% 72.72%; }
  #section_06 .logo-theverge {
    background-position: 0% 81.81%; }
  #section_06 .logo-axios {
    background-position: 0% 90.90%; }
  #section_06 .logo-nymag {
    background-position: 0% 100%; }
  #section_06 .logo-engadget {
    background-position: 0% 38%; }

.section_03 {
  position: relative; }
  .section_03 .wrapper {
    width: 100%; }
  .section_03 .left {
    padding-top: 8.8vh;
    height: 810px; }
    .section_03 .left.row {
      margin-left: 0;
      margin-right: 0; }
  .section_03 .right {
    text-align: center; }
  .section_03 .top-icon {
    padding-bottom: 1vh;
    width: 92px; }
  .section_03 .hero1 {
    padding-bottom: 6vh;
    border-bottom: 1px solid #939393; }
  .section_03 .hero2 {
    padding-top: 3.4vh;
    padding-bottom: 3.4vh; }
  .section_03 .hero3 {
    font-size: 0.9em;
    font-family: "FaktProMedium", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.17em; }
    .section_03 .hero3 a {
      color: #fff; }
    .section_03 .hero3.hero-learn {
      padding-top: 0;
      padding-bottom: 0; }
      .section_03 .hero3.hero-learn a:focus {
        color: #f9a11c; }
  .section_03 .phone_mobile {
    margin-top: 60px;
    padding-bottom: 60px;
    text-align: center; }
    .section_03 .phone_mobile .col video {
      height: 60vh;
      margin: 0 auto; }
  .section_03#security .mobile-title {
    background-color: rgba(255, 158, 145, 0.4); }
  .section_03#search .mobile-title {
    background-color: rgba(255, 198, 41, 0.4); }
  .section_03#notifications .mobile-title {
    background-color: rgba(3, 227, 3, 0.3); }
  .section_03#communications .mobile-title {
    background-color: rgba(11, 80, 255, 0.3); }
  .section_03 .mobile-title {
    padding: 20px;
    font-size: 0.9em;
    font-family: "FaktProMedium", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.17em;
    display: inline-block; }
  .section_03 .collapse .hero-learn {
    border-bottom: solid 1px #939393; }

.security-color {
  background-color: #fff8f8;
  -webkit-transition: background-color .5s;
  transition: background-color .5s; }

.search-color {
  background-color: #fefdef;
  -webkit-transition: background-color .5s;
  transition: background-color .5s; }

.notifications-color {
  background-color: #f2fff6;
  -webkit-transition: background-color .5s;
  transition: background-color .5s; }

.communications-color {
  background-color: #e8f9ff;
  -webkit-transition: background-color .5s;
  transition: background-color .5s; }

#section_04 {
  background-color: #fdfbfa;
  width: 100%;
  height: auto; }
  #section_04 #threeD_room_img {
    background-image: url(/images/threeD_room_1920.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-color: #ccced4; }
  #section_04 .text {
    position: relative;
    height: 80vh;
    z-index: 1; }
    #section_04 .text .col {
      position: absolute;
      top: 30%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
  #section_04 .hero1 {
    text-align: left; }
  #section_04 .hero2 {
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: left; }
  #section_04 .button {
    margin-top: 2vh;
    margin-bottom: 2vh; }

#section_07 #homepage_order_img {
  background-image: url(/images/order_simple_1920.jpg);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: contain; }

#section_07 .text {
  position: relative;
  height: 80vh;
  z-index: 1; }
  #section_07 .text .col {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }

#section_07 .asterisk {
  padding-top: 3vh;
  font-size: 1em;
  width: 80%; }
  #section_07 .asterisk .bold {
    font-family: "FaktProNormal", sans-serif; }

#section_07 .hero1 {
  margin-bottom: 0;
  margin-top: 0; }

#section_07 .hero2 {
  padding-bottom: 5vh; }

#section_07 #prices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 7vh;
  margin-bottom: 7vh; }
  #section_07 #prices .pricing {
    text-align: center;
    padding: 10px;
    border: solid 1px #939393;
    margin-right: 30px;
    width: 150px;
    line-height: 1.1em;
    font-size: 1em;
    font-family: "FaktProMedium", sans-serif; }
    #section_07 #prices .pricing .security {
      font-size: .85em;
      font-family: "FaktProBlond", sans-serif; }

#section_05 .title, #section_06 .title {
  padding-top: 100px;
  padding-bottom: 40px;
  font-family: "FaktProMedium", sans-serif;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.15em; }

#section_05 .hero1, #section_06 .hero1 {
  font-family: "FaktProBlond", sans-serif;
  font-weight: normal;
  font-size: 2.5em;
  letter-spacing: .03em;
  text-align: center;
  padding-bottom: 100px;
  margin: 0; }

.rel-pos {
  position: relative; }

#section_05 {
  background-color: #f2f2f2; }
  #section_05 .wrapper {
    margin-left: 0;
    margin-right: 0; }
  #section_05 #reviews {
    padding-bottom: 100px; }
    #section_05 #reviews > .row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  #section_05 .review {
    clear: both;
    padding-right: 3%; }
  #section_05 .review-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  #section_05 .avatar {
    width: 100%;
    margin: 0 25px; }
    #section_05 .avatar img {
      min-width: 50px;
      border-radius: 50%; }
  #section_05 .dash {
    padding-top: 20px; }
  #section_05 .review-body {
    padding-bottom: 20px; }
  #section_05 .review-author {
    font-family: "FaktProMedium", sans-serif;
    font-style: italic;
    font-size: 1.1em;
    letter-spacing: .01em;
    padding-top: 20px; }

#sidebar {
  position: absolute;
  bottom: 0;
  right: 0;
  top: 50px;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-right: 50px; }
  #sidebar .nav-text {
    padding: 10px;
    margin-right: 15px;
    font-size: 0.9em;
    font-family: "FaktProMedium", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.17em;
    color: #404042 !important; }
    #sidebar .nav-text.security-circle.active {
      background-color: rgba(255, 158, 145, 0.4); }
    #sidebar .nav-text.notifications-circle.active {
      background-color: rgba(3, 227, 3, 0.3); }
    #sidebar .nav-text.search-circle.active {
      background-color: rgba(255, 198, 41, 0.4); }
    #sidebar .nav-text.communications-circle.active {
      background-color: rgba(11, 80, 255, 0.3); }
  #sidebar #phoneImg {
    position: relative;
    right: 16.6667vw;
    text-align: center; }
    #sidebar #phoneImg #video_container {
      top: 150px;
      right: 8.3333vw;
      position: absolute;
      width: 228px;
      height: 370px;
      overflow-y: hidden; }
    #sidebar #phoneImg video, #sidebar #phoneImg svg {
      position: absolute;
      width: 228px;
      right: 8.3333vw; }
    #sidebar #phoneImg video {
      left: 10px;
      width: 208px;
      height: 370px; }
    #sidebar #phoneImg svg {
      top: 100px; }
  #sidebar .navigation {
    position: absolute;
    width: 100%;
    height: 96vh; }
    #sidebar .navigation ul {
      height: inherit; }
    #sidebar .navigation ul > li {
      padding-right: 50px;
      height: calc(96vh / 4); }
    #sidebar .navigation ul > li > a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row;
              flex-flow: row;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      padding-left: 10px;
      text-decoration: none; }
  #sidebar .circle {
    padding-left: 7px;
    border-radius: 8px;
    border: 1px solid #222;
    width: 9px;
    height: 9px;
    margin-top: 10px;
    margin-bottom: 10px; }
    #sidebar .circle.security-circle.active {
      background-color: #ff5b01; }
    #sidebar .circle.notifications-circle.active {
      background-color: #03e303; }
    #sidebar .circle.search-circle.active {
      background-color: #ffc629; }
    #sidebar .circle.communications-circle.active {
      background-color: #0b50ff; }
  #sidebar .nav-text, #sidebar .circle {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }
  #sidebar .line {
    width: 5px;
    height: calc((96vh / 4) - 30px);
    border-right: 1px solid #111; }
  #sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    #sidebar ul li {
      display: list-item; }

@media only screen and (max-width: 767px) {
  #section_01 #homepage_hero_img {
    background-image: url(/images/hero_750.jpg);
    background-position: 50% 30%; }
  #section_07 #homepage_order_img {
    background-image: none; }
  #section_04 #threeD_room_img {
    background-image: url(/images/threeD_room_750.jpg); }
  #section_04 #threeD_room_mobile {
    content: url(/images/threeD_room_750.jpg); }
  #section_01 .text {
    text-align: center; }
    #section_01 .text .col {
      top: 25%; }
  #section_01 .button > a.play {
    padding: 0;
    padding-left: 4px;
    font-size: 0;
    border-radius: 50%;
    width: 61px;
    height: 61px;
    display: inline-block;
    text-align: center; }
  #section_01 .button > a.play:before {
    font-size: 38px;
    content: "\25B6"; }
  #section_01 .hero2 {
    text-align: center;
    font-size: .93em; }
  #section_02 #logoImg {
    width: 100px; }
  .section_03 .left {
    height: auto; }
  .section_03 .hero1 {
    padding-bottom: 0; }
  .section_03 .top-icon, .section_03 .hero3.hero-learn, .section_03 .hero3.hero-more {
    padding-top: 5vh;
    padding-bottom: 5vh; }
  .section_03 .hero3.hero-learn, .section_03 .hero3.hero-more {
    font-size: 1.2em; }
  .section_03 .hero-more a {
    padding-top: 15px; }
  #section_04 .text,
  #section_07 .text {
    height: auto;
    position: static;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    z-index: 1; }
    #section_04 .text .col,
    #section_07 .text .col {
      position: static;
      -webkit-transform: translateY(0%);
              transform: translateY(0%);
      z-index: 1;
      margin-bottom: 80px;
      margin-top: 80px; }
  #section_07 .text .asterisk {
    padding-bottom: 5vh; }
  #section_05 .avatar {
    max-width: 70px; }
  #section_05 #reviews-mobile .review {
    display: none; }
  #section_05 #reviews-mobile #reviewM1.review {
    display: block; }
  #section_05 .arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 30px; }
    #section_05 .arrows #prev {
      display: none; }
    #section_05 .arrows .counter {
      width: 100px;
      margin: 0 auto;
      text-align: center; }
  #section_06 {
    margin-top: 0; }
    #section_06 img {
      margin-top: 30px;
      margin-bottom: 30px; } }

@media only screen and (min-width: 319px) and (max-width: 767px) and (orientation: portrait) {
  #section_01 .text {
    /* height: 80vh; */ }
  #section_01 .text .col {
    top: 200px; } }

@media only screen and (min-width: 319px) and (max-width: 385px) and (orientation: portrait) {
  #section_01 .text .col .hero2Global {
    font-size: .7em; }
  #section_01 .text .col {
    top: 170px; }
  #section_01 #homepage_hero_img {
    background-position: 50% 10%; } }

@media only screen and (min-width: 600px) and (max-width: 767px) and (orientation: portrait) {
  #section_01 #homepage_hero_img {
    background-position: 50% 70%; } }

@media only screen and (min-width: 1921px) {
  #section_01 #homepage_hero_img {
    background-image: url(/images/hero_2880.jpg); }
  #section_07 #homepage_order_img {
    background-image: url(/images/order_simple_2880.jpg); }
  #section_04 #threeD_room_img {
    background-image: url(/images/threeD_room_2880.jpg); } }

@media only screen and (min-width: 768px) and (max-width: 1500px) and (orientation: portrait) {
  #section_01 #homepage_hero_img {
    background-position: 50% 70%;
    background-image: url(/images/hero_1536.jpg); }
    #section_01 #homepage_hero_img .text {
      height: 60vh; }
      #section_01 #homepage_hero_img .text .col {
        width: 83.33333%;
        margin-left: 8.3333%;
        top: 250px;
        text-align: center; }
        #section_01 #homepage_hero_img .text .col .hero2Global {
          text-align: center; }
  #section_01 .button > a.play {
    padding: 0;
    padding-left: 4px;
    font-size: 0;
    border-radius: 50%;
    width: 61px;
    height: 61px;
    display: inline-block;
    text-align: center; }
  #section_01 .button > a.play:before {
    font-size: 38px;
    content: "\25B6"; }
  #section_02 #logoImg {
    width: 130px; }
  #sidebar #phoneImg {
    right: 10vw; }
    #sidebar #phoneImg #video_container {
      right: 8.5vw; }
  #section_04 #threeD_room_img {
    background-image: url(/images/threeD_room_1536.jpg); }
  #section_04 .text .col {
    top: 25%; }
  #section_05 .avatar {
    max-width: 70px; }
  #section_05 #reviews-mobile .review {
    display: none; }
  #section_05 #reviews-mobile #reviewM1.review {
    display: block; }
  #section_05 .arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 30px; }
    #section_05 .arrows #prev {
      display: none; }
    #section_05 .arrows .counter {
      width: 100px;
      margin: 0 auto;
      text-align: center; } }

@media only screen and (max-width: 1130px) and (orientation: landscape) {
  #section_01 #homepage_hero_img {
    background-position: 50% 50%; }
    #section_01 #homepage_hero_img .text {
      /* height: 90vh; */ }
      #section_01 #homepage_hero_img .text .col {
        top: 47%;
        text-align: left; }
        #section_01 #homepage_hero_img .text .col .hero2Global {
          text-align: left; }
  #section_01 #homepage_hero_img {
    background-image: url(/images/hero_768_600.jpg); } }

@media only screen and (min-width: 320px) and (max-width: 570px) and (orientation: landscape) {
  .hero2Global {
    font-size: 0.7em; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #section_07 .hero2-1 .split {
    display: block; } }

@media only screen and (min-width: 992px) and (max-width: 1280px) {
  #phoneImg {
    right: 25vw; }
  #section_07 .hero2.hero2Global {
    font-size: 1.2em; } }

@media only screen and (min-width: 992px) and (max-width: 1180px) {
  #phoneImg {
    right: 25vw; } }

@media only screen and (max-height: 790px) {
  #sidebar #phoneImg svg {
    top: 0; }
  #sidebar #phoneImg #video_container {
    top: 50px; } }

@media only screen and (max-height: 791px) and (min-height: 900px) {
  #sidebar #phoneImg svg {
    top: 150px; }
  #sidebar #phoneImg #video_container {
    top: 200px; } }

@media only screen and (min-height: 901px) {
  #sidebar #phoneImg svg {
    top: 200px; }
  #sidebar #phoneImg #video_container {
    top: 250px; } }