/* reset */

html,body,div,span,object,iframe,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{background:transparent;font-size:100%;margin:0;padding:0;vertical-align:baseline}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{border:0;border-top:1px solid #ccc;display:block;height:1px;margin:1em 0;padding:0}input,select{vertical-align:middle}

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 400;
}

* {
	box-sizing:border-box
}

::selection {
	background: #dbdeea;
	color: #fff;
}

::-moz-selection {
	background: #dbdeea;
	color: #fff;
}

::-moz-focus-inner {
	border:0;
	margin:0;
	padding:0;
}

a,a:visited {
	color:#2e2e2e;
	outline:none;
	text-decoration:none;
  transition: background 0.5s ease, color 0.5s ease;
}

a:hover {
	color:#666;
	outline:none;
	text-decoration:none;
}

button {
	transition: background 0.5s ease;
	font-family: 'Inter', sans-serif;
}

h1,h2,h3 {
	-webkit-font-smoothing:antialiased;
	border:0;
	margin:0;
	padding:0;
	font-family: 'Inter', sans-serif;
}

body {
	-webkit-font-smoothing:antialiased;
  background: #ffffff;
	color:#2D2D2D;
	font-family: 'Inter', sans-serif;
	line-height:1;
	word-wrap:break-word;
	margin:0;
	padding:0;
	transition: background-color 0.5s ease;
  overflow-x: hidden;
}

.landing-page-content {
  float: left;
  width: 100%;
  height: 100vh;
}

.landing-page-content .landing-page-left {
  float: left;
  width: 800px;
  height: 100vh;
  position: relative;
}

.landing-page-content .landing-page-right {
  float: left;
  width: calc(100% - 800px);
  height: 100vh;
  position: fixed;
  right: 0px;
  top: 0px;
  background: #ffffff;
}

.landing-page-content .landing-page-left .landing-page-left-top {
  float: left;
  width: 100%;
  padding: 25px;
  position: relative;
  z-index: 50;
}

.landing-page-content .landing-page-left .landing-page-left-top a.logo {
  float: left;
  transition: opacity 0.5s ease;
  height: 40px;
}

.landing-page-content .landing-page-left .landing-page-left-top a.logo:hover {
  opacity: 0.7;
}

.landing-page-content .landing-page-left .landing-page-left-top .links {
  float: right;
}

.landing-page-content .landing-page-left .landing-page-left-top .links a.blue {
  float: left;
  color: #4199FF;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  padding: 4px;
}

.landing-page-content .landing-page-left .landing-page-left-top .links a.blue:hover {
  color: #8bc1ff;
}

.landing-page-content .landing-page-left .landing-page-left-absolute {
  width: 100%;
  height: 100%;
}

.landing-page-content .inner-columns-wrapper {
  height: 100%;
  width: 100%;
  position: absolute;
  padding: 290px 0px;
  overflow: hidden;
}

.inner-columns-wrapper.form-response-padding {
  padding: 370px 0px;
}

.landing-page-content .landing-page-left .landing-page-vertical {
  position: relative;
  height: 100%;
  float: left;
  width: 100%;
}

.landing-page-content .landing-page-left .landing-page-left-absolute .landing-page-vertical-inner {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  width: 100%;
}

.landing-page-content .landing-page-left .landing-page-left-absolute .landing-page-left-inner-column {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.landing-page-content .landing-page-left .landing-page-heading {
  float: left;
  width: 100%;
}

.landing-page-content .landing-page-left .landing-page-heading .badge {
  float: left;
  padding: 5px 10px;
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 535;
  line-height: normal;
  border-radius: 8px;
  background: #ccc;
}

.landing-page-content .landing-page-left .landing-page-heading .badge.green {
  background-color: #DCFFE4;
  color: #64AF76;
}

.landing-page-content .landing-page-left .landing-page-heading .badge.puple {
  color: #836ECB;
  background: #F4F1FF;
}

.landing-page-content .landing-page-left .landing-page-heading h1 {
  width: 100%;
  float: left;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
  letter-spacing: -0.264px;
  margin-top: 10px;
}

.landing-page-content .landing-page-left .landing-page-heading p {
  float: left;
  width: 100%;
  margin-top: 15px;
  color: #9A9DAB;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.264px;
}

.landing-page-content .landing-page-left .copyright {
  position: absolute;
  left: 25px;
  bottom: 25px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.2145px;
  color: #C9C9C9;
}

.landing-page-content .landing-page-left .copyright a {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.2145px;
  color: #9c9c9c;
  margin-left: 10px;
}

.landing-page-content .landing-page-left .copyright a:hover {
  color: #555;
}

.landing-page-content .landing-page-left .landing-page-form {
  float: left;
  width: 100%;
  margin-top: 20px;
}

.landing-page-inputs-wrapper {
  float: left;
  width: 100%;
}

.landing-page-content .landing-page-left .landing-page-inputs-wrapper .landing-page-input {
  float: left;
}


.landing-page-content .landing-page-left .landing-page-inputs-wrapper .landing-page-input:first-child {
  width: 210px;
  margin-right: 10px;
}


.landing-page-content .landing-page-left .landing-page-inputs-wrapper .landing-page-input:last-child {
  width: 280px;
  position: relative;
}

.landing-page-form .landing-page-input input {
  font-family: 'Inter', sans-serif;
  background: #FFFFFF;
  border: 1px solid #D2D2D2;
  box-shadow: 0px 3px 4px rgb(0 0 0 / 6%);
  border-radius: 9px;
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  padding: 11px 15px 11px 15px;
  outline: none;
  -webkit-appearance: none;
  transition: border 0.5s ease, color 0.5s ease, box-shadow 0.5s ease;
  height: 44px;
}

.landing-page-form .landing-page-input input:focus {
  border: 1px solid #000;
  box-shadow: inset 0px 0px 0px 1px #000, 0px 4px 8px rgb(0 0 0 / 25%);
  color: #000;
  background-color: #FFF;
}

.landing-page-form .landing-page-input input::-webkit-input-placeholder {
  color: #BEBEBE;
}

.landing-page-form label.error {
  font-weight: 500;
  font-size: 15px;
  line-height: 15px;
  letter-spacing: -0.264px;
  color: #FF5252;
  float: left;
  width: 100%;
  margin-top: 10px;
}

.landing-page-form .landing-page-input input.error {
  border-color: red;
  border: 1px solid #ff1919;
  box-shadow: inset 0px 0px 0px 1px #ff1919, 0px 4px 8px rgb(236 0 0 / 25%);
  color: #1964FF;
  background-color: #fff;
}

.notice.error {
  font-weight: 500;
  font-size: 15px;
  line-height: 15px;
  letter-spacing: -0.264px;
  color: #FF5252;
  float: left;
  width: 100%;
  margin-top: 15px;
}

.landing-page-form .landing-page-button-wrapper {
  float: left;
  margin-top: 15px;
}

.landing-page-form .landing-page-button-wrapper button.button {
  float: left;
  background: #000;
  border: 1px solid #000;
  border-radius: 30px;
  cursor: pointer;
  outline: none;
  border: none;
  text-align: center;
  font-size: 15.5px;
  font-style: normal;
  font-weight: 535;
  line-height: normal;
  padding: 14px 22px;
  color: #FFF;
}

.landing-page-form .landing-page-button-wrapper button:hover {
  background: #444;
}

.landing-page-content .landing-page-left a.form-field-hint-icon {
  position: absolute;
  right: 14px;
  top: 15px;
  z-index: 5000;
}

.landing-page-content .landing-page-left .form-subtitle {
  float: left;
  width: 100%;
  padding: 15px 0px 0px 0px;
  font-style: normal;
  font-weight: 500;
  font-size: 12.5px;
  line-height: 15px;
  color: #9A9DAB;
}

.landing-page-content .landing-page-left span.cursor {
  display: none;
}

@keyframes move-background-up {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 0 500px;
  }
  100% {
    background-position: 0 0;
  }
}

@keyframes move-background-down {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 0 -500px;
  }
  100% {
    background-position: 0 0;
  }
}


.landing-display-column-one {
  float: left;
  width: 16.666666%;
  height: 100%;
  background-image: url('../ecommerce/slider1.jpg');
  animation: move-background-up 30s linear infinite;
  background-size: calc(100% - 10px);
  background-repeat: repeat-y;
}

.landing-display-column-two {
  float: left;
  width: 16.666666%;
  height: 100%;
  background-image: url('../ecommerce/slider2.jpg');
  animation: move-background-down 30s linear infinite;
  background-size: calc(100% - 10px);
  background-repeat: repeat-y;
}

.landing-display-column-three {
  float: left;
  width: 16.666666%;
  height: 100%;
  background-image: url('../ecommerce/slider3.jpg');
  animation: move-background-up 30s linear infinite;
  background-size: calc(100% - 10px);
  background-repeat: repeat-y;
}

.landing-display-column-four {
  float: left;
  width: 16.666666%;
  height: 100%;
  background-image: url('../ecommerce/slider4.jpg');
  animation: move-background-down 30s linear infinite;
  background-size: calc(100% - 10px);
  background-repeat: repeat-y;
}

.landing-display-column-five {
  float: left;
  width: 16.666666%;
  height: 100%;
  background-image: url('../ecommerce/slider5.jpg');
  animation: move-background-up 30s linear infinite;
  background-size: calc(100% - 10px);
  background-repeat: repeat-y;
}

.landing-display-column-six {
  float: left;
  width: 16.666666%;
  height: 100%;
  background-image: url('../ecommerce/slider6.jpg');
  animation: move-background-down 30s linear infinite;
  background-size: calc(100% - 10px);
  background-repeat: repeat-y;
}


a.button {
  float: left;
  background: #000;
  border: 1px solid #000;

  border-radius: 30px;
  cursor: pointer;
  outline: none;
  border: none;
  text-align: center;
  font-size: 15.5px;
  font-style: normal;
  font-weight: 535;
  line-height: normal;
  padding: 14px 22px;
  color: #FFF;
}

a.button:hover {
  background: #444;
}

a.button.blue {
  float: left;
  background: #4199FF;
  border: 1px solid #4199FF;
  border-radius: 30px;
  cursor: pointer;
  outline: none;
  border: none;
  text-align: center;
  font-size: 15.5px;
  font-style: normal;
  font-weight: 535;
  line-height: normal;
  padding: 14px 22px;
  color: #FFF;
}

a.button.blue:hover {
  background: #7cb8ff;
}

.landing-page-content .landing-page-left .landing-page-heading a.button.blue {
  margin-top: 15px;
}

.beta-message {
  float: left;
  width: 100%;
  margin-top: 50px;
  border-top: solid 1px #F0F0F0;
  padding: 50px 0px;
}

.beta-message p {
  color: #9A9DAB;
  font-size: 14.5px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.264px;
  margin-bottom: 15px;
}

.copyright.mobile {
  display: none;
  float: left;
  background-color: rgb(255 255 255 / 77%);
  text-align: center;
  padding: 8px;
  font-size: 10px;
  color: #adadad;
  margin-top: -25px;
  z-index: 5000;
  position: relative;
  border-radius: 0px 8px 0px 0px;
}

.copyright.mobile a {
  margin-left: 10px;
}

@media screen and (max-width: 1800px) {

  .landing-display-column-one, .landing-display-column-two, .landing-display-column-three, .landing-display-column-four, .landing-display-column-five {
    width: 20%;
  }

  .landing-display-column-six {
    display: none;
  }

}

@media screen and (max-width: 1600px) {

  .landing-display-column-one, .landing-display-column-two, .landing-display-column-three, .landing-display-column-four {
    width: 25%;
  }

  .landing-display-column-five {
    display: none;
  }

}

@media screen and (max-width: 1200px) {

  .landing-display-column-one, .landing-display-column-two, .landing-display-column-three, .landing-display-column-four {
    width: 33.333333333%;
  }

  .landing-display-column-four {
    display: none;
  }


  .landing-page-content .landing-page-left {
    width: 630px;
  }

  .landing-page-content .landing-page-right {
    width: calc(100% - 630px);
  }

}

@media screen and (max-width: 940px) {

  .landing-page-content .inner-columns-wrapper {
    position: inherit;
    padding: 0px;
    overflow: inherit;
  }

  .landing-page-content {
    float: left;
    width: 100%;
    height: auto;
  }

  .landing-page-content .landing-page-left {
    width: 100%;
    z-index: 60;
    height: auto;
  }

  .landing-page-content .landing-page-left .landing-page-left-absolute {
    position: inherit;
    height: auto;
    padding: 80px 30px;
    width: 100%;
    padding: 80px 0px;
    float: left;
  }

  .landing-page-content .landing-page-left .landing-page-left-absolute .landing-page-vertical-inner {
    position: inherit;
    top: inherit;
    transform: initial;
  }

  .landing-page-content .landing-page-left .landing-page-left-absolute .landing-page-left-inner-column {
    width: 86%;
  }

  .landing-page-content .landing-page-right {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    float: none;
    height: 60vh;
    border-left: none;
    margin-bottom: 0px;
    clear: both;
    background: #ffffff;
    position: relative;
    padding-left: 10px;
  }

  .landing-page-content .landing-page-left .copyright {
    display: none;
  }

  .landing-page-content .landing-page-left .landing-page-heading h1 {
    font-size: 44px;
    line-height: 49px;
  }

  .landing-page-content .landing-page-left .typelighter-wrapper {
    height: 47px;
    width: auto;
    display: inline-block;
    margin-bottom: -8px;
    float: none;
    padding-left: 5px;
  }

  .landing-page-content .landing-page-left .landing-page-heading h1 p:after {
    height: 45px;
    width: calc(100% + 14px);
  }

  .landing-page-content .landing-page-left .landing-page-heading {
    float: left;
    width: 580px;
  }

  .copyright.mobile {
    display: block;
  }

  .landing-display-column-one, .landing-display-column-two, .landing-display-column-three, .landing-display-column-four {
    width: 25%;
    display: block;

  }

  .landing-display-column-four {
    display: block;
  }

}


@media screen and (max-width: 640px) {

  .landing-page-form .landing-page-button-wrapper {
    float: left;
    width: 100%;
  }

  .landing-page-content .landing-page-left .landing-page-heading {
    width: 100%;
  }

  .landing-page-content .landing-page-left .form-subtitle {
    text-align: center;
  }

  .landing-page-content .landing-page-left .saved-notice {
    padding: 9px 15px 9px 15px;
    background-image: none;
    width: 100%;
  }

  .landing-display-column-one, .landing-display-column-two, .landing-display-column-three, .landing-display-column-four {
    width: 33.333333333%;
  }

  .landing-display-column-four {
    display: none;
  }

}


@media screen and (max-width: 590px) {

  .landing-page-content .landing-page-left .landing-page-inputs-wrapper .landing-page-input:last-child {
    width: calc(100% - 220px);
    position: relative;
  }

}


@media screen and (max-width: 560px) {

  .landing-page-content .landing-page-left .landing-page-inputs-wrapper .landing-page-input:first-child {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 15px;
  }

  .landing-page-content .landing-page-left .landing-page-inputs-wrapper .landing-page-input:last-child {
    width: 100%;
    margin-right: 0px;
  }

  .landing-page-content .landing-page-left .landing-page-heading h1 {
    font-size: 34px;
    line-height: 39px;
  }

  .landing-page-content .landing-page-left .landing-page-heading p {
    font-size: 15px;
    line-height: 22px;
  }

  .landing-page-content .landing-page-left .typelighter-wrapper {
    height: 39px;
  }

  .landing-page-content .landing-page-left .landing-page-heading h1 p:after {
    height: 36px;
    width: calc(100% + 14px);
  }

  .landing-page-content .landing-page-left .landing-page-left-absolute {
    padding: 40px 0px 60px 0px;
  }

  .landing-page-content .landing-page-left .typelighter-wrapper {
    height: 39px;
    clear: both;
    float: left;
    width: 100%;
  }

  .landing-page-content .landing-page-left .landing-page-form {
    margin-top: 30px;
  }

  .landing-page-form .landing-page-button-wrapper button.button {
    width: 100%;
  }

  .landing-page-form label.error {
    font-size: 13px;
  }

  .landing-page-content .landing-page-left a.form-field-hint-icon {
    display: none;
  }

}


@media screen and (max-width: 390px) {

  .landing-page-content .landing-page-left .landing-page-heading h1 {
    font-size: 28px;
  }

}