@font-face {
  font-family: 'bariolregular';
  src: url('../fonts/bariol_regular-webfont.eot');
  src: url('../fonts/bariol_regular-webfont.eot?#iefix')
      format('embedded-opentype'),
    url('../fonts/bariol_regular-webfont.woff2') format('woff2'),
    url('../fonts/bariol_regular-webfont.woff') format('woff'),
    url('../fonts/bariol_regular-webfont.ttf') format('truetype'),
    url('../fonts/bariol_regular-webfont.svg#bariolregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'bariollight';
  src: url('../fonts/Bariol_Light.otf');
}

@font-face {
  font-family: 'OpenSans';
  src: url('../fonts/OpenSans-Light.ttf');
}
@font-face {
  font-family: 'OpenSans';
  src: url('../fonts/OpenSans-Bold.ttf');
  font-weight: bold;
}

body {
  font-family: 'bariolregular';
  color: #333333;
  margin-right: auto;
  margin-left: auto;
  max-width: 1440px;
  background-color: #574f9a;
  overflow-y: scroll; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
}
a {
  color: #574f9a;
  text-decoration: underline;
}
a:hover,
a:focus {
  color: #574f9a;
}

p {
  font-family: 'OpenSans';
  line-height: 1.2;
  font-size: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  /*font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
  font-family: 'bariolregular';
  font-weight: lighter;
  margin: 0px;
}

textarea:focus,
input:focus {
  outline: none;
}

@media only screen and (min-width: 200px) {
  .intro-header {
    background: url('../img/background-header-mobile.png');
    background-repeat: no-repeat;
    background-size: 160%;
    background-position: 0px;
  }

  p {
    line-height: 1.2;
    margin: 0px;
    font-size: 18px;
  }
  h2 {
    font-size: 34px;
  }

  h3 {
    font-size: 20px;
    margin-bottom: 5px;
  }

  h4 {
    font-size: 18px;
    margin-bottom: 5px;
  }
}

@media only screen and (min-width: 700px) {
  .intro-header {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 300px;
  }

  p {
    line-height: 1.2;
    font-size: 20px;
  }
  h2 {
    font-size: 41px;
  }

  h3 {
    font-size: 24px;
    margin-bottom: 5px;
  }

  h4 {
    font-size: 22px;
    margin-bottom: 5px;
  }
}

@media only screen and (min-width: 1000px) {
  .intro-header {
    background: url('../img/background-header.png');
    background-size: cover;
    background-repeat: no-repeat;
  }
}

.h--pink {
  color: #ff889d;
}

.h--gray {
  color: #6e6e6e;
}

.h--disabled {
  color: #dadada;
}

.h--magenta {
  color: #dc9cff;
}

.h--magenta-dark {
  color: #dd53fc;
  font-weight: 900;
}

.h--cyan {
  color: #71dfec;
}

.h--blue {
  color: #605aa1;
}

.h--play-gif {
  color: #dc9cff;
  display: inline-block;
  margin-left: 10px;
  position: absolute;
  margin-top: 30px;
  cursor: pointer;
}

.banner__content {
  margin: 0px 0px 0px 0px;
  color: #fff;
}

.banner__content--1 {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dc39ff+56,5a4e9c+100 */
  background: rgb(220, 57, 255); /* Old browsers */
  background: -moz-linear-gradient(
    left,
    rgba(220, 57, 255, 1) 56%,
    rgba(90, 78, 156, 1) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    rgba(220, 57, 255, 1) 56%,
    rgba(90, 78, 156, 1) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    rgba(220, 57, 255, 1) 56%,
    rgba(90, 78, 156, 1) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc39ff', endColorstr='#5a4e9c',GradientType=1 ); /* IE6-9 */
  padding: 53px 0;
}

.banner__content--2 {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5a4e9c+0,dc39ff+44 */
  background: rgb(90, 78, 156); /* Old browsers */
  background: -moz-linear-gradient(
    left,
    rgba(90, 78, 156, 1) 0%,
    rgba(220, 57, 255, 1) 44%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    rgba(90, 78, 156, 1) 0%,
    rgba(220, 57, 255, 1) 44%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    rgba(90, 78, 156, 1) 0%,
    rgba(220, 57, 255, 1) 44%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a4e9c', endColorstr='#dc39ff',GradientType=1 ); /* IE6-9 */
  padding: 55px 0;
}

.banner__content--3 {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dc39ff+56,5a4e9c+100 */
  background: rgb(220, 57, 255); /* Old browsers */
  background: -moz-linear-gradient(
    left,
    rgba(220, 57, 255, 1) 56%,
    rgba(90, 78, 156, 1) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    rgba(220, 57, 255, 1) 56%,
    rgba(90, 78, 156, 1) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    rgba(220, 57, 255, 1) 56%,
    rgba(90, 78, 156, 1) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc39ff', endColorstr='#5a4e9c',GradientType=1 ); /* IE6-9 */
  padding: 55px 0;
}

@media only screen and (min-width: 200px) {
  .header__text {
    padding-bottom: 20px;
    margin-top: 30px;
  }
  .logo-img,
  .logo-img:hover {
    width: 100px;
    margin-top: 7px;
  }
  .banner__content {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .banner__content h2 {
    font-size: 26px;
  }
}

@media only screen and (min-width: 700px) {
  .header__text {
    padding-bottom: 0px;
  }
  .logo-img,
  .logo-img:hover {
    width: 128px;
    margin-left: 10px;
    margin-top: 0px;
  }
  .banner__content h2 {
    font-size: 38px;
    margin-top: 10px;
  }
  .banner__content {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.testimonial-img {
  border-radius: 50%;
  padding: 0px;
}

.testimonial-img--inv {
  float: right;
}

.slide__img {
  border-radius: 7px;
  padding: 0px;
  box-shadow: 3px 3px 20px #ddd;
}

@media only screen and (min-width: 200px) {
  .testimonial-img {
    width: 100%;
  }
  .slide {
    font-size: 18px;
    padding: 20px 0;
  }
  .slide__text {
    padding-top: 20px;
    padding-left: 0px;
  }

  .slide__wrapper {
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-flex: 1 1 auto;
  }
  .slide__text--left {
    padding-right: 0px;
    padding-bottom: 30px;
  }
  .slide__text--right {
    padding-left: 0px;
    padding-top: 30px;
  }
  .slide__img__wrapper--right {
    padding: 0px;
    padding-bottom: 30px;
    order: 1;
    -webkit-order: 1;
  }
  .slide__img__wrapper--left {
    padding: 0px;
    order: 2;
    -webkit-order: 2;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

@media only screen and (min-width: 1000px) {
  .testimonial-img {
    width: 240px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .slide {
    font-size: 18px;
    padding: 70px 0;
  }
  .slide__text {
    padding-bottom: 0px;
  }
  .slide__wrapper {
    display: block;
  }
  .slide__text--right {
    padding-top: 0px;
  }
  .slide__img__wrapper--right {
    padding: 10px 0px 10px 80px;
  }
  .slide__img__wrapper--left {
    padding: 10px 80px 10px 0px;
  }
}
@media only screen and (min-width: 1200px) {
  .slide__text--left {
    padding-right: 0px;
  }
  .slide__text--right {
    padding-left: 0px;
  }
}
.slide--light {
  background-color: #fff;
}
.slide--dark {
  background-color: #f6f6f6;
}
.slide--gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ddf7f3+31,f4e2ff+100 */
  background: rgb(221, 247, 243); /* Old browsers */
  background: -moz-linear-gradient(
    left,
    rgba(221, 247, 243, 1) 31%,
    rgba(244, 226, 255, 1) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    rgba(221, 247, 243, 1) 31%,
    rgba(244, 226, 255, 1) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    rgba(221, 247, 243, 1) 31%,
    rgba(244, 226, 255, 1) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddf7f3', endColorstr='#f4e2ff',GradientType=1 ); /* IE6-9 */
  padding-bottom: 0px;
}
.slide__text a {
  text-decoration: none;
}

.slide--bckimg {
  padding-bottom: 70px;
  background: url('../img/slidebackground.png');
  background-repeat: no-repeat;
}

@media only screen and (min-width: 200px) {
  .slide--bckimg {
    background-position: center 180px;
    background-size: 320%;
    padding-top: 30px;
  }
}

@media only screen and (min-width: 1000px) {
  .slide--bckimg {
    background-position: center 300px;
    background-size: 58%;
  }
}

.steps__content p {
  font-size: 19.5px;
}

.steps__content h3 {
  margin-bottom: 15px;
}

@media only screen and (min-width: 200px) {
  .steps__img--reorder {
    order: 2;
    -webkit-order: 2;
  }
  .steps__content--reorder {
    order: 1;
    -webkit-order: 1;
  }
  .steps__content {
    padding: 20px 0px 0px 0px;
    margin-bottom: 0px;
  }
  .steps__img {
    padding-top: 20px;
  }
}

@media only screen and (min-width: 1000px) {
  .steps__img--reorder {
    order: 1;
    -webkit-order: 1;
  }
  .steps__content--reorder {
    order: 2;
    -webkit-order: 2;
  }
  .steps__content {
    padding: 120px 20px 20px 0px;
    margin-bottom: 0px;
  }
  .steps__img {
    padding-top: 20px;
  }
}
.calculator__wrapper {
  box-shadow: 7px 7px 7px #ddd;
  padding: 0px;
  border-radius: 7px;
}

.calculator__title {
  background-color: #71deeb;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  color: #fff;
  padding: 15px;
  font-size: 28px;
  text-align: center;
}

.calculator__content {
  background-color: #f6f6f6;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  padding: 25px 40px 25px 40px;
  font-size: 20px;
}

.calculator__currency {
  border-radius: 7px;
  background-color: #f6f6f6;
  border-color: #000;
  text-align: center;
  margin: 10px 0 10px;
  font-size: 46px;
  border-width: 2px;
  border-style: inset;
}

.calculator__currency input {
  background-color: #f6f6f6;
  text-align: center;
  width: 60%;
  border: 0;
}

.calculator__input {
  border-radius: 7px;
  background-color: #f6f6f6;
  border-color: #000;
  text-align: center;
  margin: 10px 0 10px;
  font-size: 46px;
  border-width: 2px;
}

.calculator__hours {
  border-radius: 7px;
  background-color: #ff889d;
  text-align: center;
  margin-top: 10px;
  font-size: 46px;
  padding: 2.5px;
  color: #fff;
  margin: 10px 0 10px;
}

.calculator__result {
  color: #6e6e6e;
  font-size: 72px;
}

.section-heading {
  font-size: 36px;
  margin-top: 60px;
  font-weight: 700;
}

.pricing-box {
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 7px 7px 8px #ddd;
  line-height: 1.2;
}

@media only screen and (min-width: 200px) {
  .pricing-box {
    margin: 0px 0px 30px 0px;
  }
}

@media only screen and (min-width: 700px) {
  .pricing-box {
    margin: 0px 20px 60px 20px;
  }
  .pricing-box--small {
    margin-top: 60px;
  }
}
.pricing-box ul {
  list-style-type: circle;
}

.pricing-box li {
  margin: 0 0 20px 0;
}

.pricing-box__content {
  padding: 20px 18px 0px 18px;
}

.pricing-box--big {
  margin-right: 0px;
  margin-left: 0px;
}

.pricing-box--small {
  height: 400px;
  line-height: 0.8;
  /*width: 250px;*/
}

.pricing-box--small .pricing-box__content li {
  font-size: 23px;
}

.pricing-box--small .pricing-box__content span {
  font-size: 18px;
}

.pricing-box--big .pricing-box__content li {
  font-size: 26px;
}

.pricing-box--big .pricing-box__content span {
  font-size: 23px;
}

.pricing-box__title {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #ffffff;
  text-align: center;
  padding: 30px;
  font-size: 25px;
  letter-spacing: 1px;
}

.pricing__decimal--basic {
  color: #676aaa;
  font-size: 18px;
  display: inline-block;
}

.pricing__decimal--exec {
  color: #fff;
  font-size: 18px;
  display: inline-block;
}

.pricing__decimal--big {
  color: #fff;
  font-size: 24px;
  display: inline-block;
  font-weight: normal;
}
.pricing-box__title__price {
  font-weight: bold;
  display: inline-block;
}

.pricing-box--big .pricing-box__title {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c555ea+0,5e4f9f+100 */
  background: #c555ea; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #c555ea 0%,
    #5e4f9f 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    #c555ea 0%,
    #5e4f9f 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    #c555ea 0%,
    #5e4f9f 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c555ea', endColorstr='#5e4f9f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.pricing-box--big .pricing-box__title__price {
  font-size: 60px;
}

.pricing-box--small .pricing-box__title {
  font-size: 18px;
  padding: 25px;
}

.pricing-box__title--basic {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b0c7ea+9,8ee7da+100 */
  background: #b0c7ea; /* Old  browsers */
  background: -moz-linear-gradient(
    -45deg,
    #b0c7ea 9%,
    #8ee7da 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    #b0c7ea 9%,
    #8ee7da 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    #b0c7ea 9%,
    #8ee7da 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0c7ea', endColorstr='#8ee7da',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  color: #676aaa;
}

.pricing-box__title--exec {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffaa94+0,ffdb86+100 */
  background: #ffaa94; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #ffaa94 0%,
    #ffdb86 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    #ffaa94 0%,
    #ffdb86 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    #ffaa94 0%,
    #ffdb86 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaa94', endColorstr='#ffdb86',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.pricing-box--small .pricing-box__title__price {
  font-size: 45px;
  font-weight: normal;
  padding-top: 10px;
}

.col-centered {
  float: none;
  margin: 0 auto;
}
#signup {
  margin-top: 5px;
}
.navbar-default {
  background-color: transparent;
  border-width: 0px;
}
.navbar-custom {
  width: 100%;
  z-index: 3;
  font-family: 'bariolregular';
}
.navbar-custom .navbar-brand {
  font-weight: 800;
}

.navbar-custom .navbar-header .navbar-toggle {
  color: #999;
  text-transform: uppercase;
  font-size: 20px;
  border-width: 0px;
}
.navbar-custom .nav li a {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1px;
}
.navbar-fixed-top.scrolled {
  background-color: rgba(255, 255, 255, 0.92);
  transition: background-color 50ms linear;
}
@media only screen and (min-width: 768px) {
  .navbar-custom {
    height: 70px;
    background: transparent;
    border-bottom: 1px solid transparent;
  }
  .navbar-custom .navbar-brand {
    color: #574f9a;
    padding: 20px;
    padding-left: 10px;
    font-family: 'bariolregular';
  }
  .navbar-custom .navbar-brand:hover,
  .navbar-custom .navbar-brand:focus {
    color: rgba(255, 255, 255, 0.8);
  }
  .navbar-custom .nav li a {
    color: #574f9a;
    padding: 20px;
    padding-right: 10px;
  }
  .navbar-custom .nav li a:hover,
  .navbar-custom .nav li a:focus {
    color: #574f9a;
  }
  .navbar-custom .nav li ul.dropdown-menu a {
    color: #333333;
  }
  .navbar-custom .nav li ul.dropdown-menu a:hover,
  .navbar-custom .nav li ul.dropdown-menu a:focus {
    color: #0085a1;
  }
}

@media only screen and (min-width: 1170px) {
  .navbar-custom {
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .navbar-custom.is-fixed {
    /* when the user scrolls down, we hide the header right above the viewport */
    position: fixed;
    top: -61px;
    background-color: rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid #f2f2f2;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
  .navbar-custom.is-fixed .navbar-brand {
    color: #333333;
  }
  .navbar-custom.is-fixed .navbar-brand:hover,
  .navbar-custom.is-fixed .navbar-brand:focus {
    color: #0085a1;
  }
  .navbar-custom.is-fixed .nav li a {
    color: #333333;
  }
  .navbar-custom.is-fixed .nav li a:hover,
  .navbar-custom.is-fixed .nav li a:focus {
    color: #0085a1;
  }
  .navbar-custom.is-visible {
    /* if the user changes the scrolling direction, we show the header */
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.site-heading a {
  text-decoration: none;
}

.intro-header {
  background-color: #fff;
}

.intro-header .site-heading,
.intro-header .post-heading,
.intro-header .page-heading {
  padding: 50px 0 50px;
  color: #1d1d1b;
}
@media only screen and (min-width: 768px) {
  .intro-header .site-heading,
  .intro-header .post-heading,
  .intro-header .page-heading {
    padding: 130px 0;
  }
}
@media only screen and (min-width: 400px) {
  .intro-header .site-heading,
  .intro-header .post-heading,
  .intro-header .page-heading {
    padding: 120px 0;
  }
}
.intro-header .site-heading,
.intro-header .page-heading {
  text-align: left;
}
.intro-header .site-heading h1,
.intro-header .page-heading h1 {
  margin-top: 0;
  font-size: 50px;
}
.intro-header .site-heading .subheading,
.intro-header .page-heading .subheading {
  font-size: 20px;
  /*line-height: 1.1;*/
  display: block;
  /*font-family: 'bariollight';*/
  /*  font-family: 'Roboto';*/
  font-family: 'OpenSans';

  font-weight: 300;
  margin: 22px 0 10px;
}
@media only screen and (min-width: 768px) {
  .intro-header .site-heading h1,
  .intro-header .page-heading h1 {
    font-size: 80px;
  }
}
.intro-header .post-heading h1 {
  font-size: 35px;
}
.intro-header .post-heading .subheading,
.intro-header .post-heading .meta {
  line-height: 1.1;
  display: block;
}
.intro-header .post-heading .subheading {
  font-family: 'bariolregular';
  /*  font-family: 'Roboto', sans-serif;*/
  font-size: 24px;
  margin: 10px 0 30px;
  font-weight: 600;
}
.intro-header .post-heading .meta {
  font-family: 'bariolregular';
  font-style: italic;
  font-weight: 300;
  font-size: 20px;
}
.intro-header .post-heading .meta a {
  color: white;
}
@media only screen and (min-width: 768px) {
  .intro-header .post-heading h1 {
    font-size: 55px;
  }
  .intro-header .post-heading .subheading {
    font-size: 30px;
  }
}

footer {
  padding: 60px 0 125px;
  background-color: #574f9a;
  font-size: 20px;
  margin-bottom: 0;
  color: #fff;
}
footer .list-inline li {
  margin: 0px;
  padding: 0px;
}
.footer-separator {
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  color: #df3afc;
}
.btn {
  font-family: 'bariolregular';
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 1.5px;
  border-radius: 7px;
  padding: 10px;
  text-decoration: none;
  color: white;
  border: 0;
  margin-bottom: 30px;
  margin-top: 20px;
}
.btn-lg {
  font-size: 16px;
  padding: 25px 35px;
}
.btn-primary {
  padding: 15px 25px 15px 25px;
  font-size: 21px;
  box-shadow: 2px 2px 2px #ccc;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#df3afc+0,ff8ba0+67 */
  background: rgb(223, 58, 252); /* Old browsers */
  background: -moz-linear-gradient(
    left,
    rgba(223, 58, 252, 1) 0%,
    rgba(255, 139, 160, 1) 67%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    rgba(223, 58, 252, 1) 0%,
    rgba(255, 139, 160, 1) 67%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    rgba(223, 58, 252, 1) 0%,
    rgba(255, 139, 160, 1) 67%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df3afc', endColorstr='#ff8ba0',GradientType=1 ); /* IE6-9 */
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d70dfb+0,ff4f6f+67 */
  background: rgb(215, 13, 251); /* Old browsers */
  background: -moz-linear-gradient(
    left,
    rgba(215, 13, 251, 1) 0%,
    rgba(255, 79, 111, 1) 67%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    rgba(215, 13, 251, 1) 0%,
    rgba(255, 79, 111, 1) 67%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    rgba(215, 13, 251, 1) 0%,
    rgba(255, 79, 111, 1) 67%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d70dfb', endColorstr='#ff4f6f',GradientType=1 ); /* IE6-9 */
}
.btn-reclaim--sm {
  padding: 7px 18px 7px 18px;
  margin: 20px 10px 0px 10px;
  font-size: 12.5px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#df3afc+0,ff8ba0+67 */
  background: rgb(223, 58, 252); /* Old browsers */
  background: -moz-linear-gradient(
    left,
    rgba(223, 58, 252, 1) 0%,
    rgba(255, 139, 160, 1) 67%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    rgba(223, 58, 252, 1) 0%,
    rgba(255, 139, 160, 1) 67%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    rgba(223, 58, 252, 1) 0%,
    rgba(255, 139, 160, 1) 67%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df3afc', endColorstr='#ff8ba0',GradientType=1 ); /* IE6-9 */
}
.btn-reclaim--sm:hover,
.btn-reclaim--sm:active,
.btn-reclaim--sm:focus {
  color: #fff;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d70dfb+0,ff4f6f+67 */
  background: rgb(215, 13, 251); /* Old browsers */
  background: -moz-linear-gradient(
    left,
    rgba(215, 13, 251, 1) 0%,
    rgba(255, 79, 111, 1) 67%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    rgba(215, 13, 251, 1) 0%,
    rgba(255, 79, 111, 1) 67%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    rgba(215, 13, 251, 1) 0%,
    rgba(255, 79, 111, 1) 67%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d70dfb', endColorstr='#ff4f6f',GradientType=1 ); /* IE6-9 */
}
.btn-default {
  padding-left: 30px;
  padding-right: 30px;
  background-color: #71deeb;
}
.btn-default:hover,
.btn-default:active,
.btn-default:focus {
  color: #fff;
  background-color: #60cdda;
}

.btn-calculator {
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 0px;
  background-color: #71deeb;
}
.btn-calculator:hover,
.btn-calculator:active,
.btn-calculator:focus {
  color: #fff;
  background-color: #55d8e7;
}

.btn-disabled {
  background-color: #d9d9d9;
  color: #fff;
}

.btn-pro {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c555ea+0,5e4f9f+100 */
  background: #c555ea; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #c555ea 0%,
    #5e4f9f 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    #c555ea 0%,
    #5e4f9f 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    #c555ea 0%,
    #5e4f9f 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c555ea', endColorstr='#5e4f9f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 30px;
}
.btn-pro:hover,
.btn-pro:active,
.btn-pro:focus {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b62be5+0,4f4387+100 */
  background: rgb(182, 43, 229); /* Old browsers */
  background: -moz-linear-gradient(
    left,
    rgba(182, 43, 229, 1) 0%,
    rgba(79, 67, 135, 1) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    rgba(182, 43, 229, 1) 0%,
    rgba(79, 67, 135, 1) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    rgba(182, 43, 229, 1) 0%,
    rgba(79, 67, 135, 1) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b62be5', endColorstr='#4f4387',GradientType=1 ); /* IE6-9 */
  color: #fff;
}
.btn-basic {
  color: #8ae4ee;
  background-color: #fff;
  border: 2px;
  border-style: solid;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 12px;
  margin-top: 75px;
  bottom: 0;
}
.btn-basic:hover,
.btn-basic:active,
.btn-basic:focus {
  color: #59d9e7;
  background-color: #fff;
  border: 2px;
  border-style: solid;
  border-color: #59d9e7;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 12px;
}
.btn-exec {
  color: #ffb4c1;
  background-color: #fff;
  border: 2px;
  border-style: solid;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 12px;
  margin-top: 0;
}
.btn-exec:hover,
.btn-exec:active,
.btn-exec:focus {
  color: #ff738a;
  background-color: #fff;
  border: 2px;
  border-style: solid;
  border-color: #ff738a;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 12px;
}

.footer__link,
.footer__link:hover,
.footer__link:active,
.footer__link:focus {
  color: #fff;
  text-decoration: none;
}

.footer__brand {
  margin: 0px 0px 10px 5px;
}

.play-gif-button {
  width: 35px;
  height: 35px;
  background: url('../img/play_gif.png');
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  margin-top: 25px;
  cursor: pointer;
}

.play-gif-div {
  cursor: pointer;
}
#header-img {
  margin-top: 0px;
  width: 100%;
}

.steps__wrapper {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
  -webkit-flex-wrap: wrap;
  -webkit-flex: 1 1 auto;
}

@media only screen and (min-width: 200px) {
  .guarantee-box {
    padding-top: 25px;
    padding-bottom: 45px;
  }
  .navbar-collapse {
    background-color: #fefefe;
  }
}

@media only screen and (min-width: 700px) {
  .guarantee-box {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .navbar-collapse {
    background-color: transparent;
  }
}

.calc__link {
  padding: 20px 0 0 0;
}

@media (min-width: 200px) {
  .blog-help {
    float: left;
  }
}

@media (min-width: 700px) {
  .blog-help {
    float: right;
    text-align: right;
  }
}

#nav-reclaim-btn {
  display: none;
}

#pricing-frame {
  display: block;
  max-width: 1200px;
  width: 100%;
  /* height: 500px; */
  margin: auto;
  border: 0;
}

#pricing {
  padding-bottom: 50px;
}