/* LINK / LOAD ANY CSS FILES HERE */
@import url(/views/products/templates/css/global.css);
@import url(/views/products/templates/plugins/rs-plugin-6.custom/css/rs6.css);
@import url(structure.css);
@import url("https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,400italic,500,600,700,700italic,900");
@import url("https://fonts.googleapis.com/css?family=Lato:100,200,300,400,400italic,500,600,700,700italic,900");
@import url("https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,400italic,500,600,700,700italic,900");

/* 
@import url(all.min.css);
@import url(animate.css);
@import url(flaticon.css);
 */
/* LOAD STYLE.CSS LAST ( MAIN ) */
@import url(style.css);

/* ANY CUSTOM CSS FIXES / ADDITIONS */
/*! Place your custom styles here */
.lunar-refund,
.lunar-contact,
.lunar-privacy,
.lunar-signup,
.lunar-terms,
.lunar-unsubscribe {
  font-size: 100%;
  margin: 200px auto;
}

.submitbutton {
  color: #ffffff !important;
  background: #070d59 !important;
}

.submitbutton:hover {
  background: #070d59 !important;
}

.card-form input {
  border: 1px solid #ccc;
}
.card-form .input-group {
  margin-top: 10px;
}

.bar .logo {
  max-height: 3em;
}

.header-shape {
  position: absolute;
}

.gradientbg {
  background-image: linear-gradient(135deg, #070d59 0%, #4952d6 100%);
}

.applicationframe {
  width: 100%;
  height: 100vh;
}
.welcomeframe {
  width: 100%;
  min-height: 800px;
}

.colorstep1 {
  color: #45e6cd;
}
.colorstep2 {
  color: #45c8e6;
}
.colorstep3 {
  color: #a8f351;
}
.colorstep4 {
  color: #387d00;
}

.paymentbox label {
  color: #7e7e7e;
}

.header-shape-1 {
  display: block;
  top: 0;
  right: 0;
  z-index: -1;
}

.header-shape-2 {
  top: -40px;
  right: -53px;
  z-index: -1;
}

@media (min-width: 641px) {
  .header-shape-1 {
    display: block;
    left: 687px;
  }
  .header-shape-2 {
    top: -92px;
    left: 440px;
    right: auto;
  }
  .header-shape-2 svg {
    width: 220px;
    height: 220px;
  }
}

@media (min-width: 1025px) {
  .header-shape-1 {
    left: auto;
    right: 0;
  }
  .header-shape-2 {
    left: auto;
    right: 33%;
    top: 10%;
  }
}

.hero {
  text-align: center;
  padding-top: 40px;
}

.hero-paragraph {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.1px;
  margin-bottom: 40px;
}

@media (min-width: 641px) {
  .hero-paragraph {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: -0.1px;
  }
}

.hero-form {
  max-width: 440px;
  margin: 0 auto;
}

.hero-illustration {
  position: relative;
  margin-top: 48px;
}

.hero-shape {
  display: none;
  position: absolute;
}

.hero-main-shape svg {
  width: 140%;
  height: auto;
}

@media (min-width: 641px) {
  .hero {
    text-align: left;
    padding-top: 160px;
  }
  .hero-inner {
    display: flex;
  }
  .hero-copy {
    padding-right: 48px;
    min-width: 512px;
  }
  .hero-form {
    margin: 0;
  }
  .hero-illustration {
    margin-top: -143px;
    padding-bottom: 0;
  }
  .hero-shape {
    display: block;
  }
  .hero-shape-1 {
    left: -32px;
    top: 542px;
  }
  .hero-shape-2 {
    left: -733px;
    top: 538px;
  }
  .hero-main-shape svg {
    width: auto;
    height: 647px;
  }
}

@media (min-width: 1025px) {
  .hero-copy {
    padding-right: 92px;
    min-width: 620px;
  }
}

.testimonials {
  position: relative;
}

.testimonials .section-inner {
  padding-top: 0;
  padding-bottom: 108px;
}

.testimonials .section-title {
  margin-bottom: 72px;
}

.testimonials-shape {
  position: absolute;
}

.testimonials-shape-1 {
  bottom: 52px;
  left: calc(50% - 80px);
}

.testimonials-shape-2 {
  top: 84px;
  left: calc(50% + 30px);
}

.testimonials-shape-3 {
  display: none;
}

.testimonials-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-right: -16px;
  margin-left: -16px;
}

.testimonials-wrap:first-child {
  margin-top: -16px;
}

.testimonials-wrap:last-child {
  margin-bottom: -16px;
}

.testimonial {
  position: relative;
  padding: 44px 16px 16px;
  width: 388px;
  max-width: 388px;
  flex-grow: 1;
}

.testimonial-inner {
  position: relative;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  padding: 52px 24px 24px;
}

.testimonial-inner > * {
  width: 100%;
}

.testimonial-inner::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0 24px 48px rgba(57, 30, 118, 0.12);
  mix-blend-mode: multiply;
}

.testimonial-main {
  position: relative;
}

.testimonial-header {
  position: absolute;
  top: -80px;
}

.testimonial-header img {
  width: 56px;
  height: auto;
  border-radius: 50%;
  box-shadow: 0 16px 24px rgba(57, 30, 118, 0.12);
}

.testimonial-footer {
  align-self: flex-end;
}

.testimonial-footer {
  font-weight: 500;
  margin-bottom: 12px;
}

@media (min-width: 641px) {
  .testimonials .section-inner {
    padding-bottom: 166px;
  }
  .testimonials .section-title {
    margin-bottom: 126px;
  }
  .testimonials-wrap {
    margin-right: -24px;
    margin-left: -24px;
  }
  .testimonials-wrap:first-child {
    margin-top: -24px;
  }
  .testimonials-wrap:last-child {
    margin-bottom: -24px;
  }
  .testimonial {
    padding: 52px 24px 24px;
  }
  .testimonials-shape-1 {
    bottom: auto;
    top: 170px;
    left: calc(50% - 305px);
  }
  .testimonials-shape-1 svg {
    width: 400px;
    height: 400px;
  }
  .testimonials-shape-2 {
    top: 480px;
    left: calc(50% + 190px);
  }
  .testimonials-shape-3 {
    display: block;
    top: 570px;
    left: calc(50% - 320px);
  }
}

@media (min-width: 1025px) {
  .testimonial:nth-child(odd) {
    top: 40px;
  }
}

/* Amendments */
.card-form {
  margin: 0 !important;
}
.card-form p {
  font-size: 1em !important;
}

.paymentbox h3 {
  font-size: 1.5em;
  font-weight: 500;
  color: #333 !important;
}
hr {
  margin: 1em 0 !important;
}
p {
  margin-bottom: 1em !important;
}
.email .btn {
  border: none !important;
  font-size: 1em !important;
}
input[type="checkbox"] {
  display: inline-block;
  width: 1em;
  height: 1em;
  -webkit-appearance: checkbox;
  appearance: checkbox;
  font-size: 0.8em;
}
.formsubmit {
  border: none !important;
}
.formsubmit span {
  color: #fff;
  font-size: 1em !important;
}
.paymentbox {
  max-width: 350px;
  padding: 2em;
}
.small {
  line-height: 1.3em !important;
}