html, body {
  overflow-x: hidden;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  line-height: 44px;
  font-weight: bold;
}

a {
  text-decoration: none;
}

.header {
  background-image: -webkit-linear-gradient(59deg, #4a51c3, #2bdaff);
  background-image: linear-gradient(31deg, #4a51c3, #2bdaff);
}

.headcontainer {
  padding-bottom: 95px;
  font-size: 16px;
}

.headcontainer.headrlatest {
  padding-bottom: 34px;
}

.logo {
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.logoimage {
  margin-top: 29px;
  margin-bottom: 15px;
}

.headline {
  margin-top: 20px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #fff;
  font-size: 56px;
  line-height: 59px;
  text-align: center;
  text-decoration: none;
}

.headline.darktext {
  color: #52596b;
}

.headline.contentheadline {
  margin-top: 89px;
  color: #4e5768;
}

.headline.contentheadline.blueheadline {
  color: #fff;
}

.h3 {
  margin-top: 37px;
  color: #fff;
  font-size: 22px;
  font-weight: 200;
  text-align: center;
}

.h3.footerh3 {
  margin-top: 4px;
  margin-bottom: 18px;
}

.h3.footerh3.socialfooter {
  margin-top: 37px;
}

.h3.footerh3.socialfooter.latestdes {
  display: block;
  max-width: 720px;
  margin-right: auto;
  margin-left: auto;
  line-height: 30px;
}

.h3.footerh3.socialfooter.latestdes.success_form {
  margin-top: 49px;
  margin-bottom: 49px;
  padding-top: 25px;
  padding-bottom: 25px;
  border-radius: 71px;
  background-image: -webkit-linear-gradient(270deg, #132c5c, #132c5c);
  background-image: linear-gradient(180deg, #132c5c, #132c5c);
}

.h3.footerh3.socialfooter.headline-latestpage-social {
  margin-top: 9px;
}

.devices {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 102px;
  padding-left: 102px;
}

.devices.laststep-device {
  max-width: 740px;
  padding-top: 17px;
  padding-right: 0px;
  padding-left: 0px;
}

.device {
  padding-right: 0px;
  padding-left: 0px;
}

.clickdevice {
  display: block;
  width: 165px;
  height: 200px;
  max-height: 200px;
  max-width: 165%;
  margin-right: auto;
  margin-left: auto;
  border-radius: 22px;
  background-color: #fff;
  box-shadow: -1px 12px 31px 0 rgba(23, 54, 77, .51);
}

.clickdevice:hover {
  box-shadow: -3px 40px 50px -12px rgba(23, 54, 77, .18);
  -webkit-filter: saturate(329%);
  filter: saturate(329%);
  -webkit-transform: scale(1.07) translate(0px, 0px);
  -ms-transform: scale(1.07) translate(0px, 0px);
  transform: scale(1.07) translate(0px, 0px);
}

.clickdevice.footercards {
  box-shadow: -1px 20px 42px 1px rgba(7, 21, 48, .24);
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  cursor: pointer;
}

.clickdevice.footercards:hover {
  box-shadow: -4px 50px 50px -24px rgba(6, 16, 36, .29);
  -webkit-filter: saturate(420%);
  filter: saturate(420%);
}

.clickdevice.shadow-steps {
  border: 1px solid #d8dde4;
  box-shadow: -2px 20px 37px 0 rgba(23, 54, 77, .15);
  -webkit-transition: box-shadow 200ms ease, border 200ms ease;
  transition: box-shadow 200ms ease, border 200ms ease;
}

.clickdevice.shadow-steps:hover {
  border-color: #f5f5f5;
  box-shadow: -2px 20px 37px 0 rgba(46, 127, 187, .2);
}

.clickdevice.shadow-steps.finished {
  border-color: #27daa8;
  box-shadow: none;
  opacity: 0.54;
  -webkit-transition-property: none;
  transition-property: none;
}

.clickdevice.shadow-steps.finished:hover {
  border-style: solid;
  box-shadow: none;
  opacity: 0.8;
  -webkit-filter: none;
  filter: none;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.linkheader {
  display: block;
  margin-top: 32px;
  margin-right: auto;
  margin-left: auto;
  color: #a8e3ff;
  text-align: center;
  text-decoration: underline;
}

.linkheader.footertext {
  margin-top: 35px;
  color: #7086b3;
}

.deviceheadline {
  padding-top: 13px;
  color: #686868;
  text-align: center;
}

.iconsdevice {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-top: 21px;
}

.iconsdevice.laptop {
  padding-top: 30px;
  padding-bottom: 18px;
}

.iconsdevice.laptop.mac {
  padding-top: 21px;
  padding-bottom: 11px;
}

.subheadlinedevice {
  padding-top: 15px;
  color: #b1b1b1;
  font-size: 12px;
  text-align: center;
}

.arrowicon {
  display: block;
  max-width: 80px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 44px;
  text-align: center;
}

.content {
  background-color: #0a204b;
}

.contentcontainer {
  position: relative;
  left: 0px;
  right: 0px;
  bottom: 50px;
  padding-bottom: 48px;
  border-radius: 22px 22px 0px 0px;
  background-color: #fff;
  box-shadow: 0 26px 36px 0 #11174b;
}

.contenttext {
  margin-top: 28px;
  padding: 0 159px;
  color: #9295a8;
  font-size: 19px;
  line-height: 29px;
}

.contentlist {
  margin-top: 28px;
  padding: 0 159px;
  color: #9295a8;
  font-size: 19px;
  line-height: 29px;
}

.contenttext.white {
  color: #f3f5ff;
}

.bluecontent {
  position: relative;
  left: 0px;
  right: 0px;
  bottom: 50px;
  margin-top: -1px;
  padding-bottom: 76px;
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
  background-color: #0098ff;
  background-image: -webkit-linear-gradient(71deg, #4373d2, #2bdaff);
  background-image: linear-gradient(19deg, #4373d2, #2bdaff);
  box-shadow: 3px 27px 45px -9px rgba(7, 9, 36, .61);
}

.footer {
  margin-bottom: 0px;
  padding-bottom: 0px;
  background-color: #0a204b;
}

.social {
  display: block;
  max-width: 740px;
  margin: 147px auto 3px;
  padding-bottom: 34px;
  border: 1px solid #213d75;
  border-radius: 22px;
  background-color: #0a204b;
  text-align: center;
}

.social.latestpagesocial {
  margin-top: 2px;
  margin-bottom: 95px;
  padding-bottom: 0px;
  border-color: rgba(33, 61, 117, 0);
  background-color: rgba(10, 32, 75, 0);
}

.button {
  display: block;
  margin-right: 16px;
  margin-left: 16px;
  padding: 20px 41px 20px 72px;
  border-radius: 50px;
  background-color: #4051cc;
  color: #fff;
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
}

.button.twitter {
  margin-right: 16px;
  margin-left: 16px;
  padding-right: 59px;
  padding-left: 70px;
  background-color: #45c2fd;
}

.iconbutton {
  margin-right: 11px;
  float: left;
  text-align: left;
}

.textbutton {
  margin-top: 2px;
  float: left;
  text-align: center;
}

.socialraw {
  display: block;
  max-width: 760px;
  margin-right: 5px;
  margin-left: 5px;
  padding-right: 51px;
  padding-left: 51px;
  text-align: center;
}

.logofooter {
  position: relative;
  margin-top: 88px;
  text-align: center;
}

.logofooter.footlatest-page {
  margin-top: 15px;
}

.logofooter .bouncewrap {
  position: relative;
  width: 145px;
  height: 63px;
}

.logofooter .bouncewrap img {
  position: absolute;
  top: 0;
  left: 0;
}

.madeby {
  position: relative;
  z-index: 1;
  display: block;
  max-width: 300px;
  margin-top: 24px;
  margin-right: auto;
  margin-left: auto;
  padding: 19px 30px;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  background-color: #fff;
}

.body {
  background-color: #fff;
}

.headercontainer {
  margin-top: 0px;
  padding-top: 20px;
  padding-bottom: 25px;
  text-align: center;
}

.step {
  height: 100%;
  max-height: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #fff;
}

.stepcard {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  border-radius: 22px;
  background-color: #fff;
  box-shadow: 1px 23px 50px -14px rgba(18, 53, 73, .6);
}

.steptitle {
  padding-top: 32px;
  padding-right: 32px;
  float: right;
  color: #0a204b;
  font-size: 18px;
  text-align: right;
}

.steptitle.stepfaded {
  opacity: 0.21;
}

.stepheadleft {
  padding-top: 18px;
  padding-left: 31px;
}

.imageleftheader {
  margin-top: 23px;
  margin-left: 32px;
  float: left;
}

.card-headline {
  display: block;
  max-width: 100%;
  margin-top: -20px;
  margin-right: auto;
  margin-left: auto;
  color: hsla(0, 0%, 93%, .36);
  font-size: 150px;
  text-align: center;
}

.card-headline.headlineno {
  margin-top: 30px;
  margin-bottom: 0px;
}

.card-headline.headlineno.stepno {
  max-width: 100%;
  margin-top: 4%;
}

.headlinefinal {
  position: relative;
  left: 0px;
  right: 0px;
  bottom: -20px;
  margin-top: 3%;
  color: #4c5975;
  font-size: 45px;
  line-height: 70px;
  text-align: center;
}

.card-paragraph {
  display: block;
  max-width: 550px;
  margin-top: 2px;
  margin-right: auto;
  margin-left: auto;
  font-family: 'Open Sans', sans-serif;
  color: #2f425f;
  font-size: 18px;
  line-height: 25px;
  font-weight: 300;
  text-align: center;
}

.card-paragraph.select-device-headline {
  margin-top: 6%;
  margin-bottom: 18px;
}

.button-container {
  display: block;
  max-width: 550px;
  margin-top: 41px;
  margin-right: auto;
  margin-left: auto;
}

.button-line {
  padding: 19px 101px;
  border: 1px solid #0a204b;
  border-radius: 100px;
  background-color: hsla(0, 0%, 100%, 0);
  -webkit-transition: border 200ms ease, background-color 200ms ease, color 200ms ease, all 200ms ease;
  transition: border 200ms ease, background-color 200ms ease, color 200ms ease, all 200ms ease;
  color: #162649;
  font-size: 22px;
}

.button-line:hover {
  border-color: #fff;
  background-color: #fff;
  background-image: -webkit-linear-gradient(65deg, #8f95f7, #2bdaff);
  background-image: linear-gradient(25deg, #8f95f7, #2bdaff);
  color: #fff;
}

.button-line.no-button-fill {
  padding-right: 82px;
  padding-left: 82px;
  border-color: #fff;
  background-image: -webkit-linear-gradient(65deg, #8f95f7, #2bdaff);
  background-image: linear-gradient(25deg, #8f95f7, #2bdaff);
  color: #fff;
}

.button-line.no-button-fill:hover {
  border-color: #0a204b;
  background-image: -webkit-linear-gradient(51deg, #fff, #fff);
  background-image: linear-gradient(39deg, #fff, #fff);
  color: #5a657e;
}

.button-left {
  text-align: center;
}

.button-right {
  text-align: center;
}

.footerprogress {
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin-top: 49px;
  padding: 7px 27px 25px;
  border-radius: 0px;
  background-color: #0a204b;
}

.progresstext {
  max-width: 40px;
  padding-bottom: 4px;
  padding-left: 115px;
  color: #fff;
}

.progress-container {
  height: 15px;
  max-height: 15px;
  border-radius: 100px;
  background-color: #213864;
  color: #213864;
}

.progress-fill {
  height: 15px;
  max-height: 15px;
  max-width: 130px;
  border-radius: 100px;
  background-color: #0098ff;
  background-image: -webkit-linear-gradient(32deg, #4a51c3, #2bdaff);
  background-image: linear-gradient(58deg, #4a51c3, #2bdaff);
}

.link-in-card {
  color: #22afdb;
  font-weight: 400;
  text-decoration: underline;
}

.body-cards {
  margin-bottom: 0px;
  padding-bottom: 67px;
  background-color: #fff;
}

.stepcc {
  padding-top: 218px;
}

.stepcc.step2 {
  display: none;
}

.stepcc.step1-no {
  display: none;
}

.step2 {
  display: none;
  padding-top: 69px;
}

.step1-no {
  display: none;
  padding-top: 49px;
}

.imagelefttop {
  padding-top: 17px;
  padding-left: 15px;
}

.logocenter {
  display: block;
  margin-top: 17px;
  margin-right: 35%;
  margin-left: auto;
  padding-right: 0px;
}

.logosteptop {
  position: fixed;
  left: 0px;
  top: 32px;
  right: 0px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.logo-top {
  position: fixed;
}

.logo-top.select-device {
  position: static;
}

.checked {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.done-device {
  position: relative;
  left: 77px;
  right: 0px;
  bottom: 192px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.select-device-header {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-top: 16px;
  text-align: center;
}

.link-in-text {
  color: #68d5ff;
  font-weight: 600;
}

.formlatest {
  display: block;
  max-width: 600px;
  margin-top: 25px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 15px;
}

.textfield-latest {
  max-width: 600px;
  padding: 31px 23px 31px 37px;
  float: left;
  border-radius: 60px;
  font-size: 20px;
}

.buttonform {
  position: relative;
  right: -4px;
  bottom: 75px;
  overflow: visible;
  padding: 23px 44px;
  float: right;
  border-radius: 125px;
  font-size: 22px;
}

.dis {
  display: block;
  margin-right: auto;
  margin-left: auto;
  color: #8484a0;
  text-align: center;
}

.left-social {
  position: fixed;
  left: 0px;
  top: 120px;
  bottom: 0px;
}

.social-b-left {
  margin-top: 0px;
}

.social-button {
  display: block;
  position: fixed;
  left: -220px;
  margin-top: 9px;
  padding: 16px 18px 16px 52px;
  border-radius: 15px;
  background-color: #204299;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
}

.social-button.twitter {
  position: fixed;
  left: -220px;
  margin-top: 80px;
  padding-left: 71px;
  background-color: #2ec4ff;
}

.link-inshare {
  padding-top: 5px;
  padding-right: 0px;
  float: left;
  color: #fff;
  text-align: center;
}

.iconleft {
  margin-left: 26px;
  float: right;
}

html.w-mod-js *[data-ix="hover"] {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

html.w-mod-js *[data-ix="baunce"] {
  opacity: 1;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

html.w-mod-js *[data-ix="new-interaction"] {
  -webkit-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  transform: translate(0px, 100px);
}

html.w-mod-js *[data-ix="new-interaction-2"] {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

html.w-mod-js *[data-ix="new-interaction-3"] {
  opacity: 1;
}

html.w-mod-js *[data-ix="load"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="left-socials"] {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

@media (max-width: 991px) {
  .devices {
    padding-right: 8px;
    padding-left: 8px;
  }
  .social {
    margin-top: 117px;
  }
  .card-headline.headlineno.stepno {
    font-size: 125px;
  }
  .logocenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .headline {
    font-size: 45px;
  }
  .h3 {
    margin-top: 29px;
  }
  .h3.footerh3.socialfooter.latestdes.success_form {
    padding-right: 23px;
    padding-left: 23px;
  }
  .h3.footerh3.socialfooter.headline-latestpage-social {
    line-height: 32px;
  }
  .devices {
    padding-right: 88px;
    padding-left: 88px;
  }
  .device {
    padding-top: 11px;
    padding-bottom: 11px;
  }
  .contentcontainer {
    border-radius: 0px;
  }
  .contenttext, .contentlist {
    padding-right: 41px;
    padding-left: 41px;
  }
  .bluecontent {
    border-radius: 0px;
  }
  .social {
    max-width: 400px;
    margin-top: 83px;
  }
  .button {
    margin-bottom: 20px;
  }
  .button.twitter {
    padding-left: 70px;
  }
  .socialraw {
    max-width: 400px;
    padding-right: 40px;
    padding-left: 40px;
  }
  .step {
    padding-right: 24px;
    padding-left: 24px;
  }
  .steptitle {
    padding-right: 0px;
  }
  .imageleftheader {
    margin-left: 0px;
  }
  .card-headline {
    font-size: 81px;
  }
  .card-headline.headlineno {
    font-size: 82px;
  }
  .card-headline.headlineno.stepno {
    font-size: 80px;
  }
  .headlinefinal {
    font-size: 40px;
  }
  .card-paragraph {
    max-width: 400px;
  }
  .button-container {
    margin-top: 14px;
  }
  .button-line {
    width: 400px;
    max-width: 400px;
    padding-right: 54px;
    padding-left: 54px;
  }
  .button-left {
    padding-top: 17px;
    padding-bottom: 17px;
  }
  .textfield-latest {
    max-width: 400px;
    margin-right: 39px;
    margin-left: 39px;
  }
  .buttonform {
    right: 62px;
  }
  .dis {
    max-width: 600px;
  }
  .left-social {
    display: none;
    overflow: visible;
  }
}

@media (max-width: 479px) {
  .headline {
    font-size: 25px;
    line-height: 29px;
  }
  .headline.contentheadline {
    margin-top: 34px;
  }
  .h3 {
    margin-top: 2px;
    font-size: 15px;
  }
  .h3.footerh3.socialfooter {
    margin-top: 23px;
  }
  .h3.footerh3.socialfooter.latestdes {
    padding-right: 12px;
    padding-left: 12px;
    line-height: 20px;
  }
  .h3.footerh3.socialfooter.latestdes.success_form {
    line-height: 20px;
  }
  .h3.footerh3.socialfooter.headline-latestpage-social {
    line-height: 20px;
  }
  .devices {
    padding-right: 7px;
    padding-left: 7px;
  }
  .devices.laststep-device {
    padding-top: 8px;
  }
  .clickdevice {
    width: 142px;
    height: 170px;
  }
  .iconsdevice {
    padding-top: 7px;
  }
  .iconsdevice.laptop {
    padding-top: 16px;
  }
  .iconsdevice.laptop.mac {
    padding-top: 8px;
  }
  .subheadlinedevice {
    padding-top: 1px;
  }
  .contentcontainer {
    border-radius: 0px;
  }
  .contenttext, .contentlist {
    padding-right: 25px;
    padding-left: 25px;
  }
  .contenttext.white {
    padding-right: 28px;
    padding-left: 28px;
  }
  .bluecontent {
    padding-bottom: 35px;
    border-radius: 0px;
  }
  .social {
    max-width: 300px;
    margin-top: 45px;
    padding-bottom: 16px;
  }
  .button.twitter {
    padding-left: 66px;
  }
  .socialraw {
    max-width: 300px;
    padding-right: 4px;
    padding-left: 4px;
  }
  .socialcolumn {
    padding-right: 0px;
    padding-left: 0px;
  }
  .logofooter {
    margin-top: 53px;
  }
  .step {
    padding: 16px 0px 85px;
  }
  .stepcard {
    border-radius: 0px;
  }
  .steptitle {
    padding-top: 25px;
    padding-right: 26px;
    font-size: 14px;
  }
  .imageleftheader {
    display: none;
    width: 120px;
    margin-top: 20px;
    margin-left: 24px;
  }
  .card-headline {
    margin-bottom: -9px;
    font-size: 49px;
  }
  .card-headline.headlineno {
    margin-top: 15px;
    font-size: 49px;
  }
  .card-headline.headlineno.stepno {
    font-size: 50px;
  }
  .headlinefinal {
    margin-bottom: 1px;
    font-size: 34px;
  }
  .card-paragraph {
    max-width: 300px;
    margin-top: 0px;
    padding-right: 6px;
    padding-left: 6px;
    font-size: 18px;
    line-height: 24px;
  }
  .card-paragraph.select-device-headline {
    margin-top: 6px;
    margin-bottom: 0px;
  }
  .button-line {
    width: 250px;
    max-width: 250px;
    padding-top: 20px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .button-line.no-button-fill {
    width: 250px;
    max-width: 250px;
    padding-right: 14px;
    padding-left: 14px;
  }
  .button-left {
    position: relative;
    padding-bottom: 0px;
  }
  .button-right {
    padding-top: 17px;
    padding-bottom: 17px;
  }
  .footerprogress {
    left: 0px;
    right: 0px;
    bottom: 0px;
    border-radius: 0px;
  }
  .logosteptop {
    left: 18px;
    top: 28px;
    right: auto;
    bottom: 25px;
    padding-left: 10px;
  }
  .done-device {
    left: 65px;
    bottom: 161px;
  }
  .select-device-header {
    padding-bottom: 15px;
  }
  .textfield-latest {
    display: block;
    max-width: 310px;
    margin-right: auto;
    margin-left: 5px;
    padding-right: 38px;
    padding-left: 38px;
  }
  .buttonform {
    position: static;
    display: block;
    margin-right: auto;
    margin-left: 10px;
    padding-right: 106px;
    padding-left: 114px;
    float: left;
    text-align: left;
  }
}