@charset "UTF-8";
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url('https://fonts.googleapis.com/css?family=Prata:400,500,600,700|Ubuntu:400,500,700"');
/*========================================================
                      Main Styles
=========================================================*/
body {
  color: #52525E;
  font: 300 18px/30px "Prata", sans-serif;
  -webkit-text-size-adjust: none;
  letter-spacing: 0.36px; }

img {
  max-width: 100%;
  height: auto; }

h1, h2, h3, h4, h5, h6 {
  color: #232C3D;
  font-family: "Prata", sans-serif; }

.invert h1, .invert h2, .invert h3, .invert h4, .invert h5, .invert h6, .invert p {
  color: #ffffff; }

h1 {
  font-size: 40px;
  line-height: 68px;
  font-weight: 400;
  text-transform: capitalize;
  letter-spacing: 0.8px; }
  h1 span {
    color: #35C085; }
  @media (max-width: 767px) {
    h1 {
      font-size: 35px; } }

h2 {
  font-size: 32px;
  line-height: 52px;
  font-weight: 400;
  letter-spacing: 0.64px; }

h3 {
  font-size: 28px;
  line-height: 1.35;
  font-weight: 400; }

h4 {
  font-size: 22px;
  line-height: 1.35;
  font-weight: 400; }

h5 {
  font-size: 15px;
  line-height: 21px;
  font-weight: 400; }

h6 {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.06em; }

p a:hover, .marked-list a:hover, .list a:hover {
  text-decoration: underline; }

p .fa, .marked-list .fa, .list .fa {
  text-decoration: none; }

.marked-list li {
  color: #35BF85;
  position: relative;
  margin-bottom: 10px; }
  .marked-list li:before {
    content: '\ea21';
    font-family: 'Nucleo Mini';
    font-size: 16px;
    margin-right: 15px; }

time {
  display: block; }

a {
  font: inherit;
  color: inherit;
  text-decoration: none;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s; }
  a:focus {
    outline: none; }
  a:active {
    background-color: transparent; }

a[href^="tel:"],
a[href^="callto:"] {
  color: inherit;
  text-decoration: none; }

strong {
  font-weight: 700; }

.fa {
  line-height: inherit; }

[class*='fa-']:before {
  font-weight: 400;
  font-family: "FontAwesome"; }

.page {
  overflow: hidden;
  min-height: 500px; }
  .lt-ie9 .page {
    min-width: 1200px; }

/*=======================================================
                       Main Layout
=========================================================*/
.bg-grey-1 {
  background-color: #f5f6f6; }

.headline {
  font-size: 184px;
  font-weight: 700;
  line-height: 1;
  display: inline-block; }

.text-center {
  text-align: center; }
  .text-center .divider {
    margin-left: auto;
    margin-right: auto; }

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

@media (min-width: 992px) {
  .text-md-left {
    text-align: left; }
    .text-md-left .divider {
      margin-left: 0;
      margin-right: auto; } }

@media (min-width: 992px) {
  .text-md-right {
    text-align: right; }
    .text-md-right .divider {
      margin-left: 0;
      margin-right: auto; } }

.text-inline {
  display: inline-block; }

.text-uppercase {
  text-transform: uppercase; }

.text-white {
  color: #ffffff; }

.text-primary {
  color: #35BF85; }

.text-bold {
  font-weight: 700; }

.text-sbold {
  font-weight: 600; }

.offset-top-7 {
  margin-top: 7px; }

.offset-top-10 {
  margin-top: 10px; }

.offset-top-15 {
  margin-top: 15px; }

.offset-top-20 {
  margin-top: 20px; }

.offset-top-25 {
  margin-top: 25px; }

.offset-top-30 {
  margin-top: 35px; }

.offset-top-35 {
  margin-top: 35px; }

.offset-top-40 {
  margin-top: 40px; }

.offset-top-45 {
  margin-top: 45px; }

.offset-top-47 {
  margin-top: 47px; }

.offset-top-50 {
  margin-top: 50px; }

.offset-top-55 {
  margin-top: 55px; }

.offset-top-60 {
  margin-top: 60px; }

.offset-top-65 {
  margin-top: 65px; }

.offset-top-75 {
  margin-top: 75px; }

.offset-top-80 {
  margin-top: 80px; }

.offset-top-85 {
  margin-top: 85px; }
  @media (max-width: 600px) {
    .offset-top-85 {
      margin-top: 30px; } }

.offset-top-100 {
  margin-top: 100px; }

@media (min-width: 1025px) {
  .offset-lg-top-100 {
    margin-top: 100px; } }

.offset-left-15 {
  margin-left: 15px; }

.offset-right-15 {
  margin-right: 15px; }

@media (min-width: 992px) {
  .offset-left-md--30 {
    margin-left: -30px; } }

@media (min-width: 992px) {
  .offset-right-md--30 {
    margin-right: -30px; } }

@media (min-width: 1200px) {
  .offset-right-lg--80 {
    margin-right: -220px; } }

@media (min-width: 768px) {
  .offset-sm-top--70 {
    margin-top: -70px; } }

@media (min-width: 768px) {
  .offset-sm-top-30 {
    margin-top: 30px; } }

.offset-range-30 {
  margin-bottom: -30px; }
  .offset-range-30 > * {
    margin-bottom: 35px; }

.divider {
  border: none;
  width: 40px;
  height: 2px;
  background: #35BF85;
  margin-top: 30px;
  margin-bottom: 33px;
  margin-left: 0;
  margin-right: auto; }
  .divider.secondary {
    margin-top: 6px;
    margin-bottom: 36px;
    background: #535BA1; }

/*=======================================================
                        Components
=========================================================*/
/*==================     Brand     ======================*/
.brand {
  display: inline-block; }
  .brand_name {
    overflow: hidden; }

/*==================  Backgrounds  ======================*/
#hero-section {
  background-image: url("../images/hero-section-1.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

#callto {
  background-image: url("../images/callto-bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.bg-primary {
  background: #35BF85; }

/*==================     Icons     ======================*/
.icon-lg:before {
  font-size: 40px;
  line-height: 1; }

.icon-primary {
  color: #35BF85; }

.button {
  font-family: "Ubuntu", sans-serif;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.48px;
  padding: 17px 28px;
  display: inline-block; }

.button + .button {
  margin-left: 20px; }

.primary-button {
  background-color: #35C085;
  color: #ffffff;
  border-color: #35C085; }
  .primary-button:hover {
    background-color: transparent;
    border-color: #7D838A;
    color: #4A525E; }
  .invert .primary-button:hover {
    background-color: transparent;
    color: #ffffff;
    border-color: #ffffff; }

.secondary-button {
  background-color: transparent;
  border-color: #7D838A;
  color: #4A525E; }
  .secondary-button:hover {
    background-color: #35C085;
    border-color: #35C085;
    color: #ffffff; }
  .invert .secondary-button {
    background-color: transparent;
    color: #ffffff;
    border-color: #ffffff; }
    .invert .secondary-button:hover {
      color: #49525E;
      background-color: #ffffff;
      border-color: #ffffff; }

/*========================================================
                     CONTENT  Section
=========================================================*/
main {
  display: block; }

/*==================      Well     ======================*/
.well-80 {
  padding-top: 80px;
  padding-bottom: 80px; }

.well-70 {
  padding-top: 70px;
  padding-bottom: 70px; }

.well-60 {
  padding-top: 60px;
  padding-bottom: 60px; }

.well-50 {
  padding-top: 50px;
  padding-bottom: 50px; }

.well-top-65 {
  padding-top: 65px; }

.well {
  padding-top: 125px;
  padding-bottom: 140px; }

.well-bottom-30 {
  padding-bottom: 30px; }

.well-bottom-70 {
  padding-bottom: 70px; }

.well-bottom-105 {
  padding-bottom: 105px; }

.well-bottom-15 {
  padding-bottom: 15px; }

.well-bottom-0 {
  padding-bottom: 0; }

#demos {
  margin-top: 50px; }

@media (min-width: 1025px) {
  .max-15 {
    padding: 0 15%; } }

@media (min-width: 1025px) {
  .max-12 {
    padding: 0 12%; } }

.max-8 {
  padding: 0 8%; }

/*========================================================
                     FOOTER  Styles
=========================================================*/
@media (max-width: 1199px) {
  .lg-none {
    display: none; } }

/*========================================================
			Hero Section Styles
=========================================================*/
#hero-section {
  padding-top: 108px;
  padding-bottom: 180px; }

/*========================================================
			Features Section Styles (update)
=========================================================*/
.features-section {
  position: relative;
  padding-top: 94px;
  padding-bottom: 106px; }
  @media (min-width: 1023px) {
    .features-section .features-section-title {
      border-right: 1px solid #D9DEE3; } }

@media (min-width: 1025px) {
  .bundle-feature-wrapper {
    margin-left: 8%; } }

.bundle-feature-wrapper .bundle-feature-single {
  font-family: "Ubuntu", sans-serif;
  margin-bottom: 7px; }
  @media (max-width: 1025px) {
    .bundle-feature-wrapper .bundle-feature-single {
      margin-bottom: 7px; } }
  .bundle-feature-wrapper .bundle-feature-single .bundle-feature-single-description {
    font-size: 16px;
    letter-spacing: 0.32px; }
    .bundle-feature-wrapper .bundle-feature-single .bundle-feature-single-description:before {
      content: '•';
      margin-right: 5px; }
    @media (max-width: 1025px) {
      .bundle-feature-wrapper .bundle-feature-single .bundle-feature-single-description {
        font-size: 13px; } }

/*========================================================
			Advantages Sections Basic Styles
=========================================================*/
.advantage-section {
  background-color: #FBFDFE;
  padding-top: 85px; }
  .advantage-section .advantage-section-description {
    padding: 12.5% 0; }
    .advantage-section .advantage-section-description-text {
      font-family: "Ubuntu", sans-serif;
      letter-spacing: 0.36px; }
    .advantage-section .advantage-section-description .advantage-section-description-title {
      margin: 36px 0 19px; }

#responsive-design {
  padding-bottom: 82px; }

/*========================================================
			Support Section Styles
=========================================================*/
#support {
  background-color: transparent;
  padding-top: 0;
  padding-bottom: 0; }
  @media (min-width: 769px) {
    #support {
      padding-top: 90px;
      padding-bottom: 115px; } }
  @media (min-width: 600px) {
    #support .advantage-section-description {
      padding-top: 72px;
      padding-bottom: 30px; } }
  #support .advantage-section-description-title {
    margin-bottom: 19px; }
  @media (min-width: 769px) {
    #support .advantage-section-description-text {
      max-width: 370px; } }

/*========================================================
			Callto Section Styles
=========================================================*/
#callto {
  padding-top: 95px;
  padding-bottom: 100px; }

/*========================================================
			Footer Section Styles
=========================================================*/
footer {
  background-color: #F9FBFD; }
  footer #footer-container {
    padding-top: 76px;
    padding-bottom: 62px; }
    footer #footer-container .footer-feature {
      color: #454E54;
      margin-bottom: 18px;
      letter-spacing: 0; }
      @media (max-width: 769px) {
        footer #footer-container .footer-feature {
          font-size: 14px; } }
      footer #footer-container .footer-feature:before {
        content: '—';
        margin-right: 5px; }

/*# sourceMappingURL=style.css.map */