@import url(//hello.myfonts.net/count/3b6763);
@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400;900&family=Open+Sans:wght@300;400&display=swap);

@charset "UTF-8";
/**
* document Templet CSS
**/
/**
 * @license
 * MyFonts Webfont Build ID 3893091, 2020-04-20T20:33:14-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Nexa-Light by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/nexa/light/
 * 
 * Webfont: Nexa-Regular by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/nexa/regular/
 * 
 * Webfont: Nexa-Bold by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/nexa/bold/
 * 
 * Webfont: Nexa-Heavy by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/nexa/heavy/
 * 
 * 
 * Webfonts copyright: Copyright © 2012 by Fontfabric. All rights reserved.
 * 
 * © 2020 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'Nexa-Heavy';
  src: url("/assets/fonts/Nexa-Heavy/font.woff2") format("woff2"), url("/assets/fonts/Nexa-Heavy/font.woff") format("woff"); }
@font-face {
  font-family: 'Nexa-Light';
  src: url("/assets/fonts/Nexa-Light/font.woff2") format("woff2"), url("/assets/fonts/Nexa-Light/font.woff") format("woff"); }
@font-face {
  font-family: 'Nexa-Bold';
  src: url("/assets/fonts/Nexa-Bold/font.woff2") format("woff2"), url("/assets/fonts/Nexa-Bold/font.woff") format("woff"); }
@font-face {
  font-family: 'Nexa-Regular';
  src: url("/assets/fonts/Nexa-Regular/font.woff2") format("woff2"), url("/assets/fonts/Nexa-Regular/font.woff") format("woff"); }
.lato, .lato-bold {
  font-family: 'Lato', sans-serif; }
.lato-bold {
  font-weight: 900; }
/*!
* Custom CSS
*/
/* font-family: 'Lato', sans-serif; */
/* font-family: 'Open Sans', sans-serif; */
body {
  font-family: Nexa-Regular;
  color: #414042; }
.btn {
  padding: .7rem 1.4rem; }
.btn-primary {
  color: #fff;
  background-color: #07DD87;
  border-color: #07DD87; }
.btn-primary:hover {
  color: #fff;
  background-color: #1AC37F;
  border-color: #1AC37F; }
.btn-secondary {
  color: #fff;
  background-color: #5E5EE6;
  border-color: #5E5EE6;
  padding: .7rem 2rem;
  width: 200px;
  font-family: 'Nexa-Regular'; }
.btn-secondary:hover {
  color: #fff;
  background-color: #5555CC !important;
  border-color: #5555CC !important; }
.btn-outline-primary {
  border: 2px solid transparent;
  color: #5E5EE6;
  border-color: #5E5EE6;
  width: 200px;
  font-family: 'Nexa-Regular'; }
.btn-outline-primary:hover {
  color: #fff;
  background-color: #5555CC;
  border-color: #5555CC; }
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #5555CC;
  border-color: #5555CC; }
.point-green {
  color: #07DD87; }
.lead {
  color: #808285;
  font-family: 'Open Sans', sans-serif; }
.nexa-regular {
  font-family: 'Nexa-Regular'; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #1AC37F;
  border-color: #1AC37F; }
/* Star Submenu */
.dropdown-submenu {
  position: relative; }
.dropdown-submenu > a:after {
  content: ">";
  float: right; }
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: 0px;
  margin-left: 0px; }
.dropdown-submenu:hover > .dropdown-menu {
  display: block; }
.dropdown-item {
  display: block;
  width: 100%;
  padding: .5rem 1rem;
  clear: both;
  font-weight: 400;
  color: #5E5EE6;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  font-family: "Nexa-Regular" !important; }
.dropdown-item:focus, .dropdown-item:hover {
  color: rgba(0, 0, 0, 0.7);
  text-decoration: none;
  background-color: #ffffff; }
/* End Submenu */
/* Star Crafting Effective */
section.crafting-effective {
  padding: 1px;
  background: #5E5EE6;
  background-size: 100%;
  background-position: center top;
  color: #FFF; }
section.crafting-effective .title {
    line-height: 1.2em;
    font-size: 4.8em;
    margin: 100px 0;
    font-family: 'Nexa-Heavy';
    color: #FFF; }
section.crafting-effective ul {
    list-style: square; }
section.crafting-effective h3 {
    color: #fff; }
/* End Crafting Effective */
/* Star What we do */
section.what-we-do {
  background-image: url("/assets/images/section2-bg.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top right; }
section h5.gray {
  color: #BEBEBE;
  font-size: 22px; }
section h2 {
  color: #414042;
  font-size: 3.25rem;
  font-family: 'Nexa-Heavy'; }
section h3 {
  color: #5555CC;
  font-size: 1.375rem;
  font-family: 'Nexa-Heavy'; }
/* End What we do */
/* Start Tested */
section.tested {
  background-image: url("/assets/images/bg-tested.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover; }
section h1 {
  font-size: 4.35em;
  color: #5555CC;
  line-height: 1em;
  font-family: 'Nexa-Heavy'; }
section h2 {
  color: #5555CC;
  font-size: 42px;
  font-family: 'Nexa-Heavy'; }
/* End Tested */
/* Start Plans */
section.plans {
  background: #FFF url("/assets/images/section4_bg.svg") no-repeat center 6rem;
  background-size: 100%; }
section.plans h2 {
    font-family: 'Nexa-Heavy';
    font-size: 3rem;
    line-height: 1.2em;
    letter-spacing: -1px;
    color: #414042; }
section.plans .tiers {
    font-family: 'Nexa-Light'; }
section.plans .tiers .v-separator {
      border-right: 2px solid #A5A5E8; }
section.plans .tiers .title {
      color: #5E5EE6;
      font-size: 1.7rem;
      font-family: 'Nexa-Heavy'; }
section.plans .tiers h5 {
      color: #BEBEBE;
      font-size: 1em; }
section.plans .tiers .price {
      color: #5E5EE6;
      font-size: 2.6em;
      margin-bottom: 20px; }
/* End Plans */
/* Start Contact Us */
section.contact-us .h-separator {
  border-top: 2px solid #A5A5E8;
  width: 100%; }
section.contact-us .info-box {
  background: #FFF url("/assets/images/section5_bg.svg") no-repeat center center;
  background-size: contain; }
section.contact-us h5 {
  color: #BEBEBE; }
section.contact-us h4 {
  color: #5E5EE6;
  font-size: 2em; }
section.contact-us input:focus {
  outline-offset: 0px; }
section.contact-us :focus {
  outline: -webkit-focus-ring-color auto 0px; }
section.contact-us input {
  color: #414042; }
section.contact-us input.border {
  border-width: 3px !important;
  border-radius: 50rem !important;
  padding: 0.7rem 1.4rem;
  width: 50%; }
section.contact-us .border-secondary {
  border-color: #5E5EE6 !important; }
section.contact-us [type=submit]:not(:disabled) {
  color: #fff !important; }
/* End Contact Us */
/* Start Explore */
section.explore {
  padding: 1px;
  background: #5E5EE6;
  background-size: 100%;
  background-position: center top;
  color: #FFF; }
section.explore .title {
    line-height: 1em;
    font-size: 4.35em;
    font-family: 'Nexa-Heavy';
    margin: 100px 0 40px;
    color: #FFF; }
section.explore ul {
    list-style: square; }
section.explore a {
    color: #07DD87 !important; }
/* End Explore */
/* Start The easiest */
section.the-easiest {
  padding: 1px;
  background: #5E5EE6 url("/assets/images/section1_bg.svg") no-repeat center top;
  background-size: 100%;
  background-position: center top;
  color: #FFF; }
section.the-easiest .title {
    line-height: 1em;
    font-size: 4.35em;
    font-family: 'Nexa-Heavy';
    margin: 100px 0 40px; }
section.the-easiest ul {
    list-style: square; }
section.the-easiest a {
    color: #07DD87 !important; }
section.the-easiest h5 {
    color: #ffffff !important; }
/* End The easiest */
/* Start Get Ready */
section.get-ready {
  padding: 1px;
  background: #5E5EE6 url("/assets/images/interna-get-ready_bg.svg") no-repeat center 4.2rem;
  background-size: 100%;
  color: #fff;
  padding-top: 4.2rem; }
section.get-ready .lead {
    color: #ffffff !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 300 !important; }
section.get-ready h3 {
    font-size: 3rem;
    font-family: 'Nexa-Heavy';
    color: #ffffff; }
section.get-ready h4 {
    font-size: 1.7rem;
    font-family: 'Nexa-Heavy'; }
section.get-ready h5 {
    color: #BEBEBE;
    font-size: 1em; }
section.get-ready h6 {
    font-size: .7em; }
section.get-ready .price {
    font-size: 2.6em; }
section.get-ready .btn-outline-primary.white {
    border-color: #ffffff;
    color: #ffffff; }
/* End Get Ready */
/* Start Get started */
section.get-started {
  background-image: url("/assets/images/bg-tested.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover; }
section .get-started h5 {
  color: #BEBEBE;
  font-size: 22px; }
section .get-started h5.purple {
  font-size: 18px; }
section .get-started h2 {
  color: #5555CC;
  font-size: 52px;
  font-family: 'Nexa-Heavy';
  line-height: 1em; }
section .purple {
  color: #5555CC !important; }
/* End Get started */
/* Start How it works */
.how-it-works {
  background-image: url(assets/images/section2-bg.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top right; }
.how-it-works h2 {
  color: #5555CC;
  font-size: 52px;
  font-family: 'Nexa-Heavy'; }
.how-it-works h5 {
  color: #BEBEBE;
  font-size: 22px; }
.how-it-works h3 {
  color: #5555CC;
  font-size: 22px;
  font-family: 'Nexa-Heavy'; }
.how-it-works .lead {
  font-size: 1rem;
  font-weight: 300; }
.line:before {
  content: '';
  border: 1px dashed #BEBEBE;
  width: 114%;
  display: block;
  position: relative;
  top: 40px; }
.first-line:before {
  content: '';
  border: 1px dashed #BEBEBE;
  width: 60%;
  display: block;
  position: absolute;
  right: -13px;
  top: 40px; }
.last-line:before {
  content: '';
  border: 1px dashed #BEBEBE;
  width: 60%;
  display: block;
  position: absolute;
  left: 15px;
  top: 40px; }
.line img, .first-line img, .last-line img {
  position: relative;
  z-index: 10; }
/* End How it works */
/* Start Responsive */
@media (max-width: 600px) {
  header h1 {
    font-size: 2.375rem !important; }
  .navbar-light .navbar-toggler {
    height: 56px;
    border-radius: 100px; }
  header {
    background-image: none !important; }
  section.crafting-effective .title {
    line-height: 1.2em;
    font-size: 2.375rem !important;
    margin: 100px 0 20px; }
  section.crafting-effective .text-right {
    text-align: left !important; }
  .what-we-do h2 {
    color: #414042;
    font-size: 2.375rem !important;
    font-family: 'Nexa-Heavy'; }
  .what-we-do {
    background-image: none !important; }
  .tested h1, .tested h2 {
    font-size: 2.375rem !important; }
  section.tested {
    background-image: none !important;
    background-color: #FAF7FF;
    padding-bottom: 80px; }
  section.plans h2 {
    font-size: 2.375rem !important; }
  section.plans {
    background: none !important;
    padding-top: 80px !important; }
  section.contact-us input.border {
    width: 80%; }
  section.contact-us [type=submit]:not(:disabled) {
    width: 80%;
    margin-top: 20px;
    margin-left: 0 !important; }
  .btn-secondary, .btn-outline-primary {
    width: 80%; }
  .line:before, .first-line:before, .last-line:before {
    border: none; }
  section.get-ready h3 {
    font-size: 2.375rem !important; }
  section.explore .title {
    font-size: 2.375rem !important; }
  section.get-started {
    background-image: none !important;
    background-color: #FAF7FF;
    padding-bottom: 50px; }
  section.get-ready {
    background-image: none !important; } }
/* End Responsive */
.brand {
  font-size: 28px;
  letter-spacing: -1px;
  color: #414042; }
.brand > span {
  font-size: 45px;
  line-height: 28px;
  color: #07DD87 !important; }
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
  color: #5E5EE6; }
.navbar-light .navbar-nav .nav-link {
  color: #5E5EE6;
  font-size: 16px;
  font-weight: normal;
  font-family: 'Nexa-Light';
  line-height: 2rem; }
.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 1rem;
  padding-left: 1rem; }
.navbar {
  padding: 2.5rem 1rem; }
header h1 {
  font-family: 'Nexa-Heavy'; }
header {
  background-image: url("/assets/images/bg.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom; }
footer {
  background-image: url("/assets/images/bg-footer.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom; }
footer p, footer ul li, footer {
  font-size: 15px !important;
  color: #808285;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300; }
footer h4 {
  color: #414042;
  font-family: 'Nexa-Bold';
  font-size: 22px; }
footer a {
  color: #947EFF;
  font-family: 'Nexa-Regular'; }
footer a:hover {
  color: #502EFF;
  text-decoration: none; }
footer ul {
  padding-left: 15px; }