@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700");
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-size: 100%;
  font: inherit;
  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,
q:before, q:after {
  content: '';
  content: none; }

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

input, textarea, select {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px; }

*,
*:before,
*:after {
  box-sizing: inherit; }

/*-----------------------------------------------------------------------*/
.btn {
  cursor: pointer; }

.abs {
  position: absolute;
  display: block; }

.rel {
  position: relative;
  display: block; }

.dead {
  pointer-events: none; }

body, html {
  font-family: Lato, sans-serif;
  background-color: #048dd4;
  box-sizing: border-box;
  font-weight: 300; }
  body .animate, html .animate {
    transition: all, .3s, easeIn; }
  body .hidden, html .hidden {
    opacity: 0;
    pointer-events: none; }
  body .disabled, html .disabled {
    pointer-events: none; }
  body .bg, html .bg {
    background-size: cover; }
  body #preloader, html #preloader {
    width: 100%;
    height: 100%; }
    body #preloader .icon, html #preloader .icon {
      position: absolute;
      width: 64px;
      height: 64px;
      margin-top: -32px;
      margin-left: -32px;
      left: 50%;
      top: 50%; }
      body #preloader .icon svg, html #preloader .icon svg {
        width: 64px;
        height: 64px; }
        body #preloader .icon svg path, html #preloader .icon svg path {
          fill: #FFF; }
  body.desktop, html.desktop {
    overflow: hidden; }
    body.desktop .frame, html.desktop .frame {
      position: absolute;
      width: 100%;
      height: 100%; }
  body.mobile .frame, html.mobile .frame {
    position: relative; }
  body .frame, html .frame {
    display: block;
    overflow: hidden;
    background-color: #FFF; }
    body .frame .q1, body .frame .q2, body .frame .q3, body .frame .q4, html .frame .q1, html .frame .q2, html .frame .q3, html .frame .q4 {
      position: absolute; }
    body .frame .img_box, html .frame .img_box {
      width: 35%;
      height: 38%;
      background-position: bottom center;
      background-repeat: no-repeat;
      background-size: cover; }
    body .frame#frame2, body .frame#frame3, body .frame#frame4, body .frame#frame5, html .frame#frame2, html .frame#frame3, html .frame#frame4, html .frame#frame5 {
      padding-top: 100; }
      body .frame#frame2 h1, body .frame#frame3 h1, body .frame#frame4 h1, body .frame#frame5 h1, html .frame#frame2 h1, html .frame#frame3 h1, html .frame#frame4 h1, html .frame#frame5 h1 {
        font-size: 2.5rem;
        color: #17ADFF;
        font-weight: 700; }
      body .frame#frame2 p, body .frame#frame3 p, body .frame#frame4 p, body .frame#frame5 p, html .frame#frame2 p, html .frame#frame3 p, html .frame#frame4 p, html .frame#frame5 p {
        margin-top: 20px;
        line-height: 140%;
        font-size: 1.1rem;
        color: #8D8D8D; }
    body .frame#frame1 .background, html .frame#frame1 .background {
      background-position: bottom center;
      background-repeat: no-repeat;
      background-size: cover;
      width: 100%;
      height: 110%;
      background-color: #048dd4;
      bottom: 0; }
    body .frame#frame1 .foreground, html .frame#frame1 .foreground {
      background-position: bottom center;
      background-repeat: no-repeat;
      background-size: cover;
      width: 100%;
      height: 100%;
      bottom: 0; }
    body .frame#frame1 .logo, html .frame#frame1 .logo {
      width: 100%;
      height: 66.6%;
      top: 15.53%;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center; }
    body .frame#frame1 #cloud_left, html .frame#frame1 #cloud_left {
      width: 100%;
      height: 100%;
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-position: top left; }
    body .frame#frame1 #cloud_right, html .frame#frame1 #cloud_right {
      width: 100%;
      height: 100%;
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-position: top right; }
    body .frame#frame1 .btn, html .frame#frame1 .btn {
      bottom: 10%;
      left: 50%;
      display: block;
      width: 180px;
      height: 65px;
      margin-left: -75px;
      color: #FFF;
      background-color: #0075D0;
      text-align: center;
      font-size: 24px;
      font-weight: 700;
      padding: 20px;
      border-radius: 9px;
      z-index: 100; }
      body .frame#frame1 .btn:hover, html .frame#frame1 .btn:hover {
        color: #0075D0;
        background-color: #FFF; }
    body .frame#frame2 .q1, html .frame#frame2 .q1 {
      right: 30px;
      top: 130px; }
    body .frame#frame2 .q4, html .frame#frame2 .q4 {
      right: 200px;
      bottom: 30px; }
    body .frame#frame2 .q2, html .frame#frame2 .q2 {
      left: 2.77%;
      top: 19.68%;
      max-width: 55%; }
    body .frame#frame2 .q3, html .frame#frame2 .q3 {
      max-width: 30%;
      border-left: 5px solid #707070;
      padding-left: 40px;
      top: 55%;
      left: 10%;
      bottom: 0;
      font-size: .9rem; }
    body .frame#frame3, html .frame#frame3 {
      padding-top: 100; }
      body .frame#frame3 .q1, html .frame#frame3 .q1 {
        right: 2.77%;
        top: 19.68%;
        max-width: 55%; }
        body .frame#frame3 .q1 p, html .frame#frame3 .q1 p {
          padding-right: 40px; }
      body .frame#frame3 .q2, html .frame#frame3 .q2 {
        left: 30px;
        top: 130px; }
      body .frame#frame3 .q3, html .frame#frame3 .q3 {
        left: 10%;
        bottom: 30px; }
      body .frame#frame3 .q4, html .frame#frame3 .q4 {
        text-align: right;
        max-width: 30%;
        top: 55%;
        border-right: 5px solid #707070;
        padding-right: 40px;
        right: 200px;
        bottom: 0; }
    body .frame#frame4 .left, html .frame#frame4 .left {
      position: absolute;
      width: 60%;
      top: 30%; }
    body .frame#frame4 .text1,
    body .frame#frame4 .text2, html .frame#frame4 .text1,
    html .frame#frame4 .text2 {
      display: block;
      color: #17ADFF;
      font-weight: 700;
      font-size: 5rem; }
    body .frame#frame4 .text1, html .frame#frame4 .text1 {
      text-align: left;
      margin-left: 7%; }
    body .frame#frame4 .text2, html .frame#frame4 .text2 {
      text-align: center; }
    body .frame#frame4 p, html .frame#frame4 p {
      text-align: center;
      color: #000;
      font-weight: 700;
      font-size: 1.5rem;
      margin-top: 15%; }
    body .frame#frame4 .right, html .frame#frame4 .right {
      position: absolute;
      background-position: bottom center;
      height: 100%;
      width: 38%;
      right: 0; }
    body .frame#frame5, html .frame#frame5 {
      text-align: center; }
      body .frame#frame5 .bg, html .frame#frame5 .bg {
        top: 100px;
        width: 100%;
        height: 100%;
        background-position: top center;
        background-size: cover; }
      body .frame#frame5 h1, html .frame#frame5 h1 {
        position: relative;
        color: #ffffff;
        text-shadow: 1px 1px 2px #000; }
        body .frame#frame5 h1.header, html .frame#frame5 h1.header {
          margin-top: 3%;
          margin-bottom: 5%; }
      body .frame#frame5 .container, html .frame#frame5 .container {
        position: relative;
        bottom: 20;
        display: inline-block;
        width: 22%;
        vertical-align: bottom; }
        body .frame#frame5 .container h1, html .frame#frame5 .container h1 {
          text-transform: uppercase;
          font-size: 1.6rem;
          width: 80%;
          margin-left: 10%; }
        body .frame#frame5 .container .box, html .frame#frame5 .container .box {
          color: #707070;
          background-color: #FFF;
          min-height: 320px;
          width: 70%;
          border-radius: 30px;
          padding: 40px;
          font-size: 1.1rem;
          line-height: 140%;
          margin-top: 20px;
          margin-left: 15%; }
    body .frame#frame6, html .frame#frame6 {
      margin-top: 100px; }
      body .frame#frame6 .box1,
      body .frame#frame6 .box2, html .frame#frame6 .box1,
      html .frame#frame6 .box2 {
        width: 55%;
        height: 55%; }
        body .frame#frame6 .box1.box2,
        body .frame#frame6 .box2.box2, html .frame#frame6 .box1.box2,
        html .frame#frame6 .box2.box2 {
          top: 40px;
          right: 40px;
          background-position: center right; }
        body .frame#frame6 .box1.box1,
        body .frame#frame6 .box2.box1, html .frame#frame6 .box1.box1,
        html .frame#frame6 .box2.box1 {
          top: 80px;
          right: 80px;
          background-color: #BBB; }
      body .frame#frame6 h1, html .frame#frame6 h1 {
        margin: 40px;
        font-size: 4rem;
        font-weight: 700;
        display: block;
        position: relative;
        color: #17ADFF; }
      body .frame#frame6 p, html .frame#frame6 p {
        margin-left: 40px;
        line-height: 140%;
        color: #8D8D8D;
        margin-bottom: 40px;
        width: 30%;
        font-size: 1.2rem; }
    body .frame#frame7, html .frame#frame7 {
      padding-top: 100px;
      text-align: center;
      background-position: top right;
      background-repeat: repeat-none; }
      body .frame#frame7 .bg, html .frame#frame7 .bg {
        background-position: top right;
        background-repeat: repeat-none;
        width: 100%;
        height: 100%; }
      body .frame#frame7 .txt1,
      body .frame#frame7 .txt2, html .frame#frame7 .txt1,
      html .frame#frame7 .txt2 {
        width: 100%;
        height: 100%; }
      body .frame#frame7 h1, body .frame#frame7 h2, html .frame#frame7 h1, html .frame#frame7 h2 {
        position: relative;
        color: #505050;
        display: block; }
      body .frame#frame7 h1, html .frame#frame7 h1 {
        margin-top: 9%;
        font-size: 4rem;
        font-weight: 700;
        margin-bottom: 4%; }
      body .frame#frame7 h2, html .frame#frame7 h2 {
        font-size: 1.5rem;
        font-weght: 400;
        margin-bottom: 4%; }
      body .frame#frame7 #email, html .frame#frame7 #email {
        position: relative;
        border: 0;
        font-size: 1.5rem;
        border-radius: 100px;
        padding: 20px;
        text-align: center;
        width: 600px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        outline: none;
        background-color: #FFF; }
        body .frame#frame7 #email::placeholder, html .frame#frame7 #email::placeholder {
          color: #DDD; }
        body .frame#frame7 #email.dim, html .frame#frame7 #email.dim {
          pointer-events: none;
          opacity: .4 !important; }
      body .frame#frame7 .btn, html .frame#frame7 .btn {
        color: #FFF;
        font-size: 1.2rem;
        font-weight: 400;
        display: inline-block;
        width: 240px;
        padding: 20px;
        margin: 20px;
        border-radius: 50px; }
      body .frame#frame7 .buttons, html .frame#frame7 .buttons {
        display: block;
        width: 100%;
        text-align: center;
        font-weight: 700; }
        body .frame#frame7 .buttons #send, html .frame#frame7 .buttons #send {
          background-color: #D38E03;
          opacity: .4;
          pointer-events: none; }
          body .frame#frame7 .buttons #send.active, html .frame#frame7 .buttons #send.active {
            opacity: 1;
            pointer-events: auto; }
          body .frame#frame7 .buttons #send:hover, html .frame#frame7 .buttons #send:hover {
            color: #D38E03;
            background-color: #FFF; }
        body .frame#frame7 .buttons #nope, html .frame#frame7 .buttons #nope {
          background-color: #707070; }
          body .frame#frame7 .buttons #nope:hover, html .frame#frame7 .buttons #nope:hover {
            color: #707070;
            background-color: #FFF; }
      body .frame#frame7 .txt2, html .frame#frame7 .txt2 {
        top: 20%; }
        body .frame#frame7 .txt2 .btn, html .frame#frame7 .txt2 .btn {
          background-color: #048dd4; }
          body .frame#frame7 .txt2 .btn:hover, html .frame#frame7 .txt2 .btn:hover {
            color: #048dd4;
            background-color: #FFF; }
  body #slidecontroller, html #slidecontroller {
    z-index: 90;
    bottom: 30px;
    right: 30px; }
    body #slidecontroller svg, html #slidecontroller svg {
      width: 48px;
      height: 48px; }
    body #slidecontroller #prev, html #slidecontroller #prev {
      margin-bottom: 20px; }
    body #slidecontroller.dim, html #slidecontroller.dim {
      opacity: 0;
      pointer-events: none; }
    body #slidecontroller.dark svg path, html #slidecontroller.dark svg path {
      fill: #FFF; }
    body #slidecontroller .btn .icon, html #slidecontroller .btn .icon {
      opacity: .7; }
    body #slidecontroller .btn:hover .icon, html #slidecontroller .btn:hover .icon {
      opacity: 1; }
  body #navigation, html #navigation {
    top: 0;
    left: 0;
    display: block;
    position: fixed;
    width: 100%;
    height: 100px;
    z-index: 500; }
    body #navigation .menu, html #navigation .menu {
      display: none;
      top: 10px;
      right: 20px; }
      body #navigation .menu svg, html #navigation .menu svg {
        width: 48px; }
        body #navigation .menu svg path, html #navigation .menu svg path {
          fill: #ffffff; }
      body #navigation .menu .icon, html #navigation .menu .icon {
        opacity: .5; }
      body #navigation .menu:hover .icon, html #navigation .menu:hover .icon {
        opacity: 1; }
    body #navigation.dark svg path, html #navigation.dark svg path {
      fill: #FFF; }
    body #navigation .background, html #navigation .background {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #048dd4;
      opacity: 0; }
    body #navigation .logo, html #navigation .logo {
      position: absolute;
      background-size: contain;
      background-repeat: no-repeat;
      width: 50%;
      height: 62px;
      top: 20px;
      left: 40px; }
  body #navSections, html #navSections {
    position: absolute;
    padding: 20px;
    top: 0;
    left: 0;
    width: 100%;
    text-align: right;
    z-index: 600; }
    body #navSections .navItem, html #navSections .navItem {
      font-size: 1.2rem;
      display: inline-block;
      color: #FFF;
      margin-left: 10px;
      padding: 20px;
      text-decoration: none;
      border: 2px solid rgba(255, 255, 255, 0.001);
      border-radius: 5px; }
      body #navSections .navItem:hover, html #navSections .navItem:hover {
        border: 2px solid rgba(255, 255, 255, 0.2);
        border-radius: 5px; }
      body #navSections .navItem.active, html #navSections .navItem.active {
        border: 2px solid #FFF;
        border-radius: 5px;
        pointer-events: none; }
  @media only screen and (max-width: 1300px) {
    body.desktop #navigation .menu, html.desktop #navigation .menu {
      display: block !important; }
    body.desktop #navSections, html.desktop #navSections {
      z-index: 400;
      padding-top: 100px !important;
      width: 100%;
      height: 100%;
      background-color: #048dd4;
      display: none;
      text-align: center !important; }
      body.desktop #navSections .navItem, html.desktop #navSections .navItem {
        display: block !important;
        font-size: 3rem !important;
        margin: 20px 10% !important; }
      body.desktop #navSections.active, html.desktop #navSections.active {
        display: block; }
    body.desktop #frame2 .q1, body.desktop #frame2 .q4, html.desktop #frame2 .q1, html.desktop #frame2 .q4 {
      display: none; }
    body.desktop #frame2 .q2, html.desktop #frame2 .q2 {
      max-width: 90% !important;
      left: 50px !important; }
      body.desktop #frame2 .q2 p, html.desktop #frame2 .q2 p {
        font-size: 1.3rem !important; }
    body.desktop #frame2 .q3, html.desktop #frame2 .q3 {
      max-width: 70% !important; }
      body.desktop #frame2 .q3 p, html.desktop #frame2 .q3 p {
        font-size: 1.2rem !important; }
    body.desktop #frame3 .q2, body.desktop #frame3 .q3, html.desktop #frame3 .q2, html.desktop #frame3 .q3 {
      display: none; }
    body.desktop #frame3 .q1, html.desktop #frame3 .q1 {
      max-width: 90% !important;
      left: 50px !important; }
      body.desktop #frame3 .q1 p, html.desktop #frame3 .q1 p {
        font-size: 1.3rem !important; }
    body.desktop #frame3 .q4, html.desktop #frame3 .q4 {
      max-width: 70% !important;
      right: 11%; }
      body.desktop #frame3 .q4 p, html.desktop #frame3 .q4 p {
        font-size: 1.3rem !important; }
    body.desktop #frame4 .left, html.desktop #frame4 .left {
      min-width: 450px; }
    body.desktop #frame4 .text1, html.desktop #frame4 .text1 {
      text-align: center; }
    body.desktop #frame5 .container, html.desktop #frame5 .container {
      max-height: 40% !important;
      width: 40% !important;
      vertical-align: top !important;
      margin-bottom: 20px; }
      body.desktop #frame5 .container h1, html.desktop #frame5 .container h1 {
        font-size: 1.2rem !important; }
      body.desktop #frame5 .container .box, html.desktop #frame5 .container .box {
        min-height: 50px !important; }
    body.desktop #frame6 .box1,
    body.desktop #frame6 .box2, html.desktop #frame6 .box1,
    html.desktop #frame6 .box2 {
      width: 35% !important;
      height: 35% !important; }
    body.desktop #frame6 h1, body.desktop #frame6 p, html.desktop #frame6 h1, html.desktop #frame6 p {
      width: 50% !important; } }
  body.mobile #slidecontroller, html.mobile #slidecontroller {
    display: none; }
  body.mobile #navigation, html.mobile #navigation {
    position: fixed;
    height: 70px; }
    body.mobile #navigation .menu, html.mobile #navigation .menu {
      right: 10px;
      top: 0;
      display: block !important; }
      body.mobile #navigation .menu .icon, html.mobile #navigation .menu .icon {
        opacity: 1; }
    body.mobile #navigation .logo, html.mobile #navigation .logo {
      top: 10px;
      left: 20px; }
      body.mobile #navigation .logo.hidden, html.mobile #navigation .logo.hidden {
        opacity: 0; }
  body.mobile #navSections, html.mobile #navSections {
    position: fixed;
    z-index: 400;
    padding-top: 100px !important;
    width: 100%;
    height: 100%;
    background-color: #048dd4;
    display: none;
    text-align: center !important; }
    body.mobile #navSections .navItem, html.mobile #navSections .navItem {
      display: block !important;
      font-size: 1.2rem !important;
      margin: 0 10% !important; }
    body.mobile #navSections.active, html.mobile #navSections.active {
      display: block; }
  body.mobile .frame, html.mobile .frame {
    position: relative;
    z-index: 10;
    top: 0;
    left: 0;
    padding: 40px 0 0 0 !important; }
    body.mobile .frame .q1, body.mobile .frame .q2, body.mobile .frame .q3, body.mobile .frame .q4, html.mobile .frame .q1, html.mobile .frame .q2, html.mobile .frame .q3, html.mobile .frame .q4 {
      position: relative;
      top: 0;
      left: 0;
      max-width: 100% !important;
      width: 100% !important; }
      body.mobile .frame .q1.bg, body.mobile .frame .q2.bg, body.mobile .frame .q3.bg, body.mobile .frame .q4.bg, html.mobile .frame .q1.bg, html.mobile .frame .q2.bg, html.mobile .frame .q3.bg, html.mobile .frame .q4.bg {
        top: 0 !important;
        left: 0 !important;
        padding: unset;
        margin: unset;
        right: unset;
        bottom: unset;
        width: 100%;
        height: 40vh; }
    body.mobile .frame h1, body.mobile .frame p, html.mobile .frame h1, html.mobile .frame p {
      display: block;
      width: 100%;
      padding: 0 40px; }
    body.mobile .frame h1, html.mobile .frame h1 {
      font-size: 2rem !important;
      text-align: center !important; }
    body.mobile .frame#frame1, html.mobile .frame#frame1 {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0; }
      body.mobile .frame#frame1 #cloud_left,
      body.mobile .frame#frame1 #cloud_right,
      body.mobile .frame#frame1 .click, html.mobile .frame#frame1 #cloud_left,
      html.mobile .frame#frame1 #cloud_right,
      html.mobile .frame#frame1 .click {
        display: none; }
      body.mobile .frame#frame1 .logo, html.mobile .frame#frame1 .logo {
        left: -5px; }
    body.mobile .frame#frame2 .mobile_injection, html.mobile .frame#frame2 .mobile_injection {
      background-size: cover;
      background-position: center;
      width: 100%;
      height: 40vh;
      margin: 40px 0; }
    body.mobile .frame#frame2 .q1, html.mobile .frame#frame2 .q1 {
      display: none; }
    body.mobile .frame#frame2 .q2, html.mobile .frame#frame2 .q2 {
      max-width: 100% !important;
      left: 0 !important;
      margin-bottom: 40px; }
    body.mobile .frame#frame2 .q3, html.mobile .frame#frame2 .q3 {
      left: 80px;
      padding: 0 0 50px 0;
      max-width: 80% !important; }
      body.mobile .frame#frame2 .q3 p, html.mobile .frame#frame2 .q3 p {
        font-size: 1rem !important; }
    body.mobile .frame#frame3 .q4, html.mobile .frame#frame3 .q4 {
      left: 10% !important;
      padding: 0 0 50px 0;
      width: 75% !important; }
    body.mobile .frame#frame3 .q3, html.mobile .frame#frame3 .q3 {
      display: none; }
    body.mobile .frame#frame4, html.mobile .frame#frame4 {
      padding-bottom: 40px !important; }
      body.mobile .frame#frame4 .left, html.mobile .frame#frame4 .left {
        position: relative;
        width: unset; }
        body.mobile .frame#frame4 .left h1, html.mobile .frame#frame4 .left h1 {
          text-align: center !important;
          margin: 0; }
        body.mobile .frame#frame4 .left p, html.mobile .frame#frame4 .left p {
          font-size: 1.2rem;
          margin: 40px 0 40px 0; }
      body.mobile .frame#frame4 .right, html.mobile .frame#frame4 .right {
        display: none; }
    body.mobile .frame#frame5, html.mobile .frame#frame5 {
      padding: 50px 0 !important;
      background-position: top center;
      background-size: cover; }
      body.mobile .frame#frame5 .bg, html.mobile .frame#frame5 .bg {
        display: none; }
      body.mobile .frame#frame5 h1.header, html.mobile .frame#frame5 h1.header {
        margin-bottom: 80px; }
      body.mobile .frame#frame5 .container, html.mobile .frame#frame5 .container {
        width: 80%;
        margin-bottom: 40px; }
        body.mobile .frame#frame5 .container h1, html.mobile .frame#frame5 .container h1 {
          font-size: 1.3rem !important; }
        body.mobile .frame#frame5 .container .box, html.mobile .frame#frame5 .container .box {
          min-height: unset;
          height: unset; }
    body.mobile .frame#frame6, html.mobile .frame#frame6 {
      margin: 0; }
      body.mobile .frame#frame6 .abs, html.mobile .frame#frame6 .abs {
        position: relative !important; }
      body.mobile .frame#frame6 .box1, body.mobile .frame#frame6 .box2, html.mobile .frame#frame6 .box1, html.mobile .frame#frame6 .box2 {
        display: none; }
      body.mobile .frame#frame6 h1, html.mobile .frame#frame6 h1 {
        margin: 0; }
      body.mobile .frame#frame6 .mobile_injection, html.mobile .frame#frame6 .mobile_injection {
        background-size: cover;
        background-position: center right;
        width: 100%;
        height: 40vh;
        margin: 40px 0; }
      body.mobile .frame#frame6 .par1, body.mobile .frame#frame6 .par2, html.mobile .frame#frame6 .par1, html.mobile .frame#frame6 .par2 {
        width: unset;
        max-width: unset;
        margin: 0 0 40px 0; }
    body.mobile .frame#frame7, html.mobile .frame#frame7 {
      height: unset;
      width: 100%;
      text-align: center !important;
      background-position: top center; }
      body.mobile .frame#frame7 .bg, html.mobile .frame#frame7 .bg {
        display: none; }
      body.mobile .frame#frame7 .txt1, body.mobile .frame#frame7 .txt2, html.mobile .frame#frame7 .txt1, html.mobile .frame#frame7 .txt2 {
        width: 100%; }
      body.mobile .frame#frame7 .txt1, html.mobile .frame#frame7 .txt1 {
        padding-top: 100px; }
      body.mobile .frame#frame7 .txt2, html.mobile .frame#frame7 .txt2 {
        top: 150px; }
      body.mobile .frame#frame7 h1, html.mobile .frame#frame7 h1 {
        margin: 40px 0; }
      body.mobile .frame#frame7 h2, html.mobile .frame#frame7 h2 {
        font-size: 1.2rem !important; }
      body.mobile .frame#frame7 #nope, body.mobile .frame#frame7 #send, body.mobile .frame#frame7 #back, html.mobile .frame#frame7 #nope, html.mobile .frame#frame7 #send, html.mobile .frame#frame7 #back {
        border-radius: 20px;
        margin: 10px 0;
        width: 220px; }
      body.mobile .frame#frame7 #back, html.mobile .frame#frame7 #back {
        margin-top: 60px; }
      body.mobile .frame#frame7 #email, html.mobile .frame#frame7 #email {
        margin: 20px 0 40px 0;
        width: 90%;
        padding: 15px;
        font-size: 1.2rem; }