@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=Lato:400,500,600,700|Roboto:400,500,700"');
/*========================================================
                      Main Styles
=========================================================*/
body {
  color: #52525E;
  font: 300 18px/30px "Lato", 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: "Lato", sans-serif; }

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

h1 {
  font-size: 40px;
  line-height: 60px;
  font-weight: 400;
  text-transform: capitalize;
  letter-spacing: 0.8px; }
  h1 span {
    color: #4695E3; }
  @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: 25px;
  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: #4887D8;
  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: #4887D8; }

.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-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: 18px;
  height: 3px;
  background: #4887D8;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 0;
  margin-right: auto; }

/*=======================================================
                        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.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.bg-primary {
  background: #4887D8; }

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

.icon-primary {
  color: #4887D8; }

.button {
  font-family: "Roboto", 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: #4695E3;
  color: #ffffff;
  border-color: #4695E3; }
  .primary-button:hover {
    background-color: transparent;
    border-color: #7D838A;
    color: #4A525E; }
  .invert .primary-button {
    background-color: #ffffff;
    color: #49525E;
    border-color: #ffffff; }
    .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: #4695E3;
    border-color: #4695E3;
    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;
  margin-bottom: 100px; }

/*==================      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%; } }

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

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

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

/*========================================================
			Features Section Styles (update)
=========================================================*/
.features-section {
  position: relative;
  padding-top: 60px; }
  .features-section h2 span {
    color: #4887D8; }
  .features-section h4 {
    color: #86868C;
    font-size: 18px;
    letter-spacing: 0.36px; }

.bundle-feature-single {
  margin-bottom: 15px; }
  @media (max-width: 1025px) {
    .bundle-feature-single {
      margin-bottom: 7px; } }
  .bundle-feature-single > * {
    display: inline-block; }
  .bundle-feature-single i {
    margin-right: 4px;
    color: #4887D8;
    font-size: 22px; }
    @media (max-width: 600px) {
      .bundle-feature-single i {
        font-size: 14px; } }
  .bundle-feature-single .bundle-feature-single-description {
    font-size: 17px;
    color: #4695E3; }
    @media (max-width: 1025px) {
      .bundle-feature-single .bundle-feature-single-description {
        font-size: 13px; } }
    .bundle-feature-single .bundle-feature-single-description span {
      font-weight: 700; }

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

/*========================================================
			Advantages Sections Basic Styles
=========================================================*/
.advantage-section {
  padding-top: 85px; }
  .advantage-section .advantage-section-description {
    padding: 13% 0; }
    .advantage-section .advantage-section-description .advantage-section-description-title {
      margin: 30px 0 11px; }

/*========================================================
			Footer Section Styles
=========================================================*/
footer {
  background-color: #F9FBFD; }
  footer #footer-container {
    padding-top: 73px;
    padding-bottom: 85px; }
    footer #footer-container .footer-feature {
      color: #454E54;
      margin-bottom: 16px;
      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 */