/*!
 * Theme Name: John Mattone
 * Theme URI: http://johnmattone.com
 * Description: HTML5 Wordpress theme for John Mattone website
 * Version: 1.0.0
 * Author: Fernanda Sampaio
 * Author URI: http://hypeberries.com
 * Tags: HTML5, CSS3, starter, framework
 *
 */
/**
 * styles.scss
 * ---
 * Main `sass` file. Import here `sass` files
 */
/**
 * modules/variables
 * ---
 */
/**
 * Typography
 */
/**
 * Colors
 */
/**
 * Grid
 */
/**
 * modules/mixins
 * ---
 */
/**
 * partials/reset
 * ---
 * Reset file
 * NOTE: also `normalize.css` is used
 */
*,
*:after,
*:before {
  box-sizing: border-box; }

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 160%;
  line-height: 1.7;
  color: #000;
  background-color: #fff; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  margin: 0;
  line-height: 1.2; }

h1 {
  font-size: 48px; }

h2 {
  margin: 0;
  font-size: 26px;
  margin-bottom: 5px;
  font-weight: 600; }

h3 {
  font-size: 15px;
  font-weight: 400; }

h4 {
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: 700; }

h5 {
  font-size: 30px;
  font-weight: 400; }

h6 {
  font-size: 20px;
  font-weight: 400;
  margin-top: 15px; }

p {
  margin-bottom: 25px; }

hr {
  border: none;
  height: 1px;
  background: rgba(87, 118, 156, 0.75);
  width: 100%; }

img {
  max-width: 100%;
  vertical-align: middle; }

a {
  color: #003cd2;
  text-decoration: none;
  transition: .5s; }
  a:hover {
    text-decoration: underline; }

::selection {
  background-color: #2F4278;
  color: #fff;
  text-shadow: none; }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #999; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: #999; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #999; }

*, *:after, *:before {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  text-rendering: optimizeSpeed; }

.clear:before, .clear:after {
  content: " ";
  display: table; }

.clear:after {
  clear: both; }

.reset-box {
  padding: 0;
  margin: 0; }

.no-overflow {
  overflow: hidden; }

.is-hidden {
  display: none; }

.is-block {
  display: block; }

.is-inlineblock {
  display: inline-block; }

.is-floatleft {
  float: left; }

.is-floatright {
  float: right; }

.is-relative {
  position: relative; }

.is-absolute {
  position: absolute; }

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

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

.is-center {
  text-align: center; }

.is-right {
  text-align: right; }

.is-justify {
  text-align: justify; }

.no-liststyle {
  list-style: none; }

.light {
  font-weight: normal; }

.color-accent {
  color: #003cd2;
  fill: #003cd2; }

.color-secondary {
  color: #3fe8ff; }

.color-light {
  color: #fff;
  fill: #fff; }

.color-greylight {
  color: #E8E8E8; }

.color-grey {
  color: #666; }

.color-bg-accent {
  background: #003cd2; }

.color-bg-lightgrey {
  background: #E8E8E8; }

.color-bg-greysecondary {
  background: #F6F6F6; }

.color-bg-grey {
  background: #403f3f; }

.color-bg-greydarker {
  background: #42505C; }

.color-bg-light {
  background: #fff !important; }

.is-cover {
  background-size: cover; }

.button {
  background: #ee3a43;
  text-transform: uppercase;
  font-size: 19px;
  color: #fff;
  padding: 10px 30px;
  display: inline-block;
  cursor: pointer;
  transition: .5s;
  border: 1px solid #ee3a43;
  font-weight: 700;
  margin-bottom: 0;
  font-family: "Montserrat", sans-serif;
  text-align: center;
  width: auto; }
  .button:hover {
    text-decoration: none;
    background: #00bed8;
    transform: scale(1.05); }
  .button--big {
    font-size: 24px; }
  .button--outline {
    background: transparent;
    border-color: #fff;
    padding: 10px 50px;
    line-height: 1.3;
    color: #3fe8ff; }
  .button--dark {
    background: #000;
    border-color: #000;
    margin-top: 50px; }
  .button--accent {
    background: #003cd2;
    border: 1px solid #003cd2; }
    .button--accent:hover {
      text-decoration: none;
      background: #001f6c;
      color: #fff; }

.icon {
  min-width: 20px;
  width: 20px;
  height: 15px;
  display: inline-block; }

.is-flex {
  display: flex; }

.is-flex--wrap {
  flex-wrap: wrap; }

.is-flex--column {
  flex-direction: column; }

.is-flex--start {
  justify-content: flex-start; }

.is-flex--center {
  justify-content: center; }

.is-flex--end {
  justify-content: flex-end; }

.is-flex--between {
  justify-content: space-between; }

.is-flex--around {
  justify-content: space-around; }

.is-flex--top {
  align-items: flex-start; }

.is-flex--bottom {
  align-items: flex-end; }

.is-flex--middle {
  align-items: center; }

.is-flexitem {
  flex: 1; }

.is-flexitem--start {
  align-self: flex-start; }

.is-flexitem--end {
  align-self: flex-end; }

.padding-0 {
  padding: 0px; }

.paddingleft-0 {
  padding-left: 0px; }

.paddingright-0 {
  padding-right: 0px; }

.paddingbottom-0 {
  padding-bottom: 0px; }

.paddingtop-0 {
  padding-top: 0px; }

.margin-0 {
  margin: 0px; }

.marginleft-0 {
  margin-left: 0px; }

.marginright-0 {
  margin-right: 0px; }

.marginbottom-0 {
  margin-bottom: 0px; }

.margintop-0 {
  margin-top: 0px !important; }

.padding-1 {
  padding: 5px; }

.paddingleft-1 {
  padding-left: 5px; }

.paddingright-1 {
  padding-right: 5px; }

.paddingbottom-1 {
  padding-bottom: 5px; }

.paddingtop-1 {
  padding-top: 5px; }

.margin-1 {
  margin: 5px; }

.marginleft-1 {
  margin-left: 5px; }

.marginright-1 {
  margin-right: 5px; }

.marginbottom-1 {
  margin-bottom: 5px; }

.margintop-1 {
  margin-top: 5px !important; }

.padding-2 {
  padding: 10px; }

.paddingleft-2 {
  padding-left: 10px; }

.paddingright-2 {
  padding-right: 10px; }

.paddingbottom-2 {
  padding-bottom: 10px; }

.paddingtop-2 {
  padding-top: 10px; }

.margin-2 {
  margin: 10px; }

.marginleft-2 {
  margin-left: 10px; }

.marginright-2 {
  margin-right: 10px; }

.marginbottom-2 {
  margin-bottom: 10px; }

.margintop-2 {
  margin-top: 10px !important; }

.padding-3 {
  padding: 15px; }

.paddingleft-3 {
  padding-left: 15px; }

.paddingright-3 {
  padding-right: 15px; }

.paddingbottom-3 {
  padding-bottom: 15px; }

.paddingtop-3 {
  padding-top: 15px; }

.margin-3 {
  margin: 15px; }

.marginleft-3 {
  margin-left: 15px; }

.marginright-3 {
  margin-right: 15px; }

.marginbottom-3 {
  margin-bottom: 15px; }

.margintop-3 {
  margin-top: 15px !important; }

.padding-4 {
  padding: 20px; }

.paddingleft-4 {
  padding-left: 20px; }

.paddingright-4 {
  padding-right: 20px; }

.paddingbottom-4 {
  padding-bottom: 20px; }

.paddingtop-4 {
  padding-top: 20px; }

.margin-4 {
  margin: 20px; }

.marginleft-4 {
  margin-left: 20px; }

.marginright-4 {
  margin-right: 20px; }

.marginbottom-4 {
  margin-bottom: 20px; }

.margintop-4 {
  margin-top: 20px !important; }

.padding-5 {
  padding: 25px; }

.paddingleft-5 {
  padding-left: 25px; }

.paddingright-5 {
  padding-right: 25px; }

.paddingbottom-5 {
  padding-bottom: 25px; }

.paddingtop-5 {
  padding-top: 25px; }

.margin-5 {
  margin: 25px; }

.marginleft-5 {
  margin-left: 25px; }

.marginright-5 {
  margin-right: 25px; }

.marginbottom-5 {
  margin-bottom: 25px; }

.margintop-5 {
  margin-top: 25px !important; }

.padding-6 {
  padding: 30px; }

.paddingleft-6 {
  padding-left: 30px; }

.paddingright-6 {
  padding-right: 30px; }

.paddingbottom-6 {
  padding-bottom: 30px; }

.paddingtop-6 {
  padding-top: 30px; }

.margin-6 {
  margin: 30px; }

.marginleft-6 {
  margin-left: 30px; }

.marginright-6 {
  margin-right: 30px; }

.marginbottom-6 {
  margin-bottom: 30px; }

.margintop-6 {
  margin-top: 30px !important; }

.padding-7 {
  padding: 35px; }

.paddingleft-7 {
  padding-left: 35px; }

.paddingright-7 {
  padding-right: 35px; }

.paddingbottom-7 {
  padding-bottom: 35px; }

.paddingtop-7 {
  padding-top: 35px; }

.margin-7 {
  margin: 35px; }

.marginleft-7 {
  margin-left: 35px; }

.marginright-7 {
  margin-right: 35px; }

.marginbottom-7 {
  margin-bottom: 35px; }

.margintop-7 {
  margin-top: 35px !important; }

.padding-8 {
  padding: 40px; }

.paddingleft-8 {
  padding-left: 40px; }

.paddingright-8 {
  padding-right: 40px; }

.paddingbottom-8 {
  padding-bottom: 40px; }

.paddingtop-8 {
  padding-top: 40px; }

.margin-8 {
  margin: 40px; }

.marginleft-8 {
  margin-left: 40px; }

.marginright-8 {
  margin-right: 40px; }

.marginbottom-8 {
  margin-bottom: 40px; }

.margintop-8 {
  margin-top: 40px !important; }

.padding-9 {
  padding: 45px; }

.paddingleft-9 {
  padding-left: 45px; }

.paddingright-9 {
  padding-right: 45px; }

.paddingbottom-9 {
  padding-bottom: 45px; }

.paddingtop-9 {
  padding-top: 45px; }

.margin-9 {
  margin: 45px; }

.marginleft-9 {
  margin-left: 45px; }

.marginright-9 {
  margin-right: 45px; }

.marginbottom-9 {
  margin-bottom: 45px; }

.margintop-9 {
  margin-top: 45px !important; }

.padding-10 {
  padding: 50px; }

.paddingleft-10 {
  padding-left: 50px; }

.paddingright-10 {
  padding-right: 50px; }

.paddingbottom-10 {
  padding-bottom: 50px; }

.paddingtop-10 {
  padding-top: 50px; }

.margin-10 {
  margin: 50px; }

.marginleft-10 {
  margin-left: 50px; }

.marginright-10 {
  margin-right: 50px; }

.marginbottom-10 {
  margin-bottom: 50px; }

.margintop-10 {
  margin-top: 50px !important; }

.padding-11 {
  padding: 55px; }

.paddingleft-11 {
  padding-left: 55px; }

.paddingright-11 {
  padding-right: 55px; }

.paddingbottom-11 {
  padding-bottom: 55px; }

.paddingtop-11 {
  padding-top: 55px; }

.margin-11 {
  margin: 55px; }

.marginleft-11 {
  margin-left: 55px; }

.marginright-11 {
  margin-right: 55px; }

.marginbottom-11 {
  margin-bottom: 55px; }

.margintop-11 {
  margin-top: 55px !important; }

.padding-12 {
  padding: 60px; }

.paddingleft-12 {
  padding-left: 60px; }

.paddingright-12 {
  padding-right: 60px; }

.paddingbottom-12 {
  padding-bottom: 60px; }

.paddingtop-12 {
  padding-top: 60px; }

.margin-12 {
  margin: 60px; }

.marginleft-12 {
  margin-left: 60px; }

.marginright-12 {
  margin-right: 60px; }

.marginbottom-12 {
  margin-bottom: 60px; }

.margintop-12 {
  margin-top: 60px !important; }

.padding-13 {
  padding: 65px; }

.paddingleft-13 {
  padding-left: 65px; }

.paddingright-13 {
  padding-right: 65px; }

.paddingbottom-13 {
  padding-bottom: 65px; }

.paddingtop-13 {
  padding-top: 65px; }

.margin-13 {
  margin: 65px; }

.marginleft-13 {
  margin-left: 65px; }

.marginright-13 {
  margin-right: 65px; }

.marginbottom-13 {
  margin-bottom: 65px; }

.margintop-13 {
  margin-top: 65px !important; }

.padding-14 {
  padding: 70px; }

.paddingleft-14 {
  padding-left: 70px; }

.paddingright-14 {
  padding-right: 70px; }

.paddingbottom-14 {
  padding-bottom: 70px; }

.paddingtop-14 {
  padding-top: 70px; }

.margin-14 {
  margin: 70px; }

.marginleft-14 {
  margin-left: 70px; }

.marginright-14 {
  margin-right: 70px; }

.marginbottom-14 {
  margin-bottom: 70px; }

.margintop-14 {
  margin-top: 70px !important; }

.padding-15 {
  padding: 75px; }

.paddingleft-15 {
  padding-left: 75px; }

.paddingright-15 {
  padding-right: 75px; }

.paddingbottom-15 {
  padding-bottom: 75px; }

.paddingtop-15 {
  padding-top: 75px; }

.margin-15 {
  margin: 75px; }

.marginleft-15 {
  margin-left: 75px; }

.marginright-15 {
  margin-right: 75px; }

.marginbottom-15 {
  margin-bottom: 75px; }

.margintop-15 {
  margin-top: 75px !important; }

.padding-16 {
  padding: 80px; }

.paddingleft-16 {
  padding-left: 80px; }

.paddingright-16 {
  padding-right: 80px; }

.paddingbottom-16 {
  padding-bottom: 80px; }

.paddingtop-16 {
  padding-top: 80px; }

.margin-16 {
  margin: 80px; }

.marginleft-16 {
  margin-left: 80px; }

.marginright-16 {
  margin-right: 80px; }

.marginbottom-16 {
  margin-bottom: 80px; }

.margintop-16 {
  margin-top: 80px !important; }

.padding-17 {
  padding: 85px; }

.paddingleft-17 {
  padding-left: 85px; }

.paddingright-17 {
  padding-right: 85px; }

.paddingbottom-17 {
  padding-bottom: 85px; }

.paddingtop-17 {
  padding-top: 85px; }

.margin-17 {
  margin: 85px; }

.marginleft-17 {
  margin-left: 85px; }

.marginright-17 {
  margin-right: 85px; }

.marginbottom-17 {
  margin-bottom: 85px; }

.margintop-17 {
  margin-top: 85px !important; }

.padding-18 {
  padding: 90px; }

.paddingleft-18 {
  padding-left: 90px; }

.paddingright-18 {
  padding-right: 90px; }

.paddingbottom-18 {
  padding-bottom: 90px; }

.paddingtop-18 {
  padding-top: 90px; }

.margin-18 {
  margin: 90px; }

.marginleft-18 {
  margin-left: 90px; }

.marginright-18 {
  margin-right: 90px; }

.marginbottom-18 {
  margin-bottom: 90px; }

.margintop-18 {
  margin-top: 90px !important; }

.padding-19 {
  padding: 95px; }

.paddingleft-19 {
  padding-left: 95px; }

.paddingright-19 {
  padding-right: 95px; }

.paddingbottom-19 {
  padding-bottom: 95px; }

.paddingtop-19 {
  padding-top: 95px; }

.margin-19 {
  margin: 95px; }

.marginleft-19 {
  margin-left: 95px; }

.marginright-19 {
  margin-right: 95px; }

.marginbottom-19 {
  margin-bottom: 95px; }

.margintop-19 {
  margin-top: 95px !important; }

.padding-20 {
  padding: 100px; }

.paddingleft-20 {
  padding-left: 100px; }

.paddingright-20 {
  padding-right: 100px; }

.paddingbottom-20 {
  padding-bottom: 100px; }

.paddingtop-20 {
  padding-top: 100px; }

.margin-20 {
  margin: 100px; }

.marginleft-20 {
  margin-left: 100px; }

.marginright-20 {
  margin-right: 100px; }

.marginbottom-20 {
  margin-bottom: 100px; }

.margintop-20 {
  margin-top: 100px !important; }

.marginright-5p {
  margin-right: 5%; }

.headline {
  font-family: "Montserrat", sans-serif;
  font-size: 21px;
  font-weight: 700;
  margin: 0 0 40px;
  line-height: 1.2; }

.headline--small {
  font-size: 26px;
  font-weight: 400;
  margin: 0;
  line-height: 1.2; }

.subheader {
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 60px;
  line-height: 1.5; }

.text--larger {
  font-size: 110%; }

.text--secondary {
  font-size: 90%; }

.text--small {
  font-size: 75%; }

.line-height--1 {
  line-height: 1.2; }

.weight-semi {
  font-weight: 600; }

.weight-light {
  font-weight: 400; }

input, textarea {
  background: #fff;
  border: none;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  padding: 7px 10px;
  border-radius: 2px;
  transition: .5s;
  line-height: 1.5;
  width: 100%;
  font-size: 16px;
  margin-bottom: 20px; }
  input:focus, textarea:focus {
    outline: none;
    border-color: #333; }

textarea {
  height: 100px; }
  textarea:focus {
    outline: none;
    border-color: #333; }

select {
  width: 100%;
  background: #fff;
  border: 1px solid #ccc;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  height: 46px; }

input[type=submit] {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  margin: 0; }

@media screen and (max-width: 510px) {
  .headline {
    font-size: 24px; }
  .button {
    font-size: 14px; } }

.wrapper {
  max-width: 1080px;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
  position: relative; }

@media screen and (max-width: 1080px) {
  .wrapper {
    padding: 0 50px; } }

@media screen and (max-width: 510px) {
  .wrapper {
    padding: 0 20px; } }

.footer {
  background: #000;
  text-align: center;
  padding: 15px;
  color: #fff;
  font-size: 13px; }

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  font-family: "Montserrat", sans-serif;
  max-width: 900px; }
  .header__logo {
    max-width: 150px; }
  .header__contact {
    text-align: center;
    line-height: 1.1;
    font-weight: 600;
    margin-top: 10px;
    color: #000;
    font-size: 21px;
    display: flex;
    flex-direction: column;
    text-transform: uppercase; }
    .header__contact a {
      color: #10458a;
      font-weight: 700;
      font-size: 36px; }

@media screen and (max-width: 500px) {
  .header__logo {
    width: 100px; }
  .header__contact {
    font-size: 14px;
    text-align: right; }
    .header__contact a {
      font-size: 24px; } }

.featured {
  background: url(../images/slider-bg-image.jpg) no-repeat center;
  color: #fff;
  background-size: cover;
  padding: 50px 0; }
  .featured .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .featured__content {
    padding: 40px;
    background: rgba(16, 69, 138, 0.8) url(../images/pgt-logo.png) no-repeat;
    background-position: 90% 90%;
    font-family: "Montserrat", sans-serif;
    max-width: 500px; }
    .featured__content h1 {
      font-size: 30px;
      font-weight: 700;
      margin-bottom: 40px;
      text-transform: uppercase; }
    .featured__content h2 {
      font-size: 24px;
      font-weight: 400;
      text-align: center;
      margin-bottom: 40px; }
    .featured__content hr {
      background: url(../images/hr.png) no-repeat;
      background-size: contain;
      height: 21px;
      max-width: 620px; }
    .featured__content p {
      font-size: 17px;
      line-height: 1.6;
      color: #fff;
      font-weight: 600;
      margin: 0; }
    .featured__content ul {
      font-weight: 600;
      margin-bottom: 0;
      text-transform: uppercase; }
    .featured__content img {
      max-width: 50px; }
  .featured--thankyou {
    min-height: 50vh; }
    .featured--thankyou .wrapper {
      justify-content: center; }
  .featured__form {
    max-width: 400px;
    min-width: 400px;
    background: #10458a; }
    .featured__form h2 {
      font-size: 38px;
      line-height: 1;
      font-family: "Montserrat", sans-serif;
      text-align: center;
      margin: 0;
      padding: 0;
      padding: 15px 0;
      text-transform: uppercase; }
      .featured__form h2 span {
        font-size: 30px; }
  .featured .form {
    width: 100%;
    text-align: center;
    padding: 20px;
    border-top: 1px solid #fff;
    background: #3d78c4;
    background: -moz-linear-gradient(top, #215e8e 0%, #539ad2 100%);
    background: -webkit-linear-gradient(top, #215e8e 0%, #539ad2 100%);
    background: linear-gradient(to bottom, #215e8e 0%, #539ad2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#215e8e', endColorstr='#539ad2',GradientType=0 ); }
    .featured .form p {
      margin: 0 0 20px; }
    .featured .form p.form__small {
      font-size: 13px;
      line-height: 1;
      text-align: left;
      margin-top: 15px;
      text-align: center; }
    .featured .form h3 {
      font-size: 16px;
      text-transform: uppercase;
      margin-bottom: 20px;
      line-height: 1.4;
      font-weight: 600;
      color: #3fe8ff; }
    .featured .form hr {
      background: #fff;
      margin: 15px 0; }
    .featured .form input[type=text], .featured .form input[type=email], .featured .form input[type=tel], .featured .form textarea {
      font-size: 16px;
      background: #fff; }
    .featured .form .button {
      padding: 10px 0;
      width: 100%;
      margin-bottom: 0; }
  .featured--ty {
    padding: 75px 0; }
    .featured--ty .wrapper {
      justify-content: flex-end; }

.about {
  position: relative;
  border-top: 5px solid #fff;
  background: #10458a;
  background: -moz-linear-gradient(top, #10458a 0%, #3d78c4 100%);
  background: -webkit-linear-gradient(top, #10458a 0%, #3d78c4 100%);
  background: linear-gradient(to bottom, #10458a 0%, #3d78c4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002fa4', endColorstr='#003cd2',GradientType=0 );
  padding: 75px 0 40px;
  color: #fff;
  overflow: hidden; }
  .about .wrapper {
    z-index: 2; }
  .about h2 {
    font-family: "Montserrat", sans-serif;
    margin-bottom: 50px; }
  .about__image {
    max-width: 400px;
    min-width: 400px;
    padding-right: 50px; }
  .about p {
    margin-top: 0; }
  .about .button {
    margin-top: 50px; }

.testimonials {
  background: #cdcdcd;
  padding: 45px 0; }
  .testimonials .wrapper {
    align-items: center; }
  .testimonials__headline {
    min-width: 300px;
    max-width: 300px;
    text-align: right;
    font-size: 24px;
    line-height: 1.2;
    border-right: 1px solid #333;
    padding: 20px 40px;
    text-transform: uppercase; }
  .testimonials__list {
    padding: 0 70px;
    overflow: hidden; }
  .testimonials h5 {
    font-size: 23px;
    font-style: italic;
    color: #003cd2;
    font-weight: 600;
    margin-bottom: 15px; }
  .testimonials p {
    margin: 0 0 10px; }
  .testimonials .owl-nav > div {
    display: inline-block;
    position: absolute;
    z-index: 999;
    top: 30%;
    opacity: .5;
    transition: .5s; }
    .testimonials .owl-nav > div:hover {
      opacity: 1; }
    .testimonials .owl-nav > div.owl-prev {
      left: 0; }
    .testimonials .owl-nav > div.owl-next {
      right: 0; }
  .testimonials .owl-nav svg {
    width: 35px;
    height: 35px;
    fill: #333; }

.benefits {
  background: #0f3b71;
  background: -moz-linear-gradient(left, #0f3b71 0%, #062851 100%);
  background: -webkit-linear-gradient(left, #0f3b71 0%, #062851 100%);
  background: linear-gradient(to right, #0f3b71 0%, #062851 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#3d3d3d',GradientType=1 );
  color: #fff;
  font-family: "Montserrat", sans-serif; }
  .benefits__image, .benefits__content {
    flex: 1; }
  .benefits__image {
    background: url(../images/benefits-side-image.jpg) no-repeat;
    background-size: cover;
    background-position: 50%; }
  .benefits__content {
    padding: 75px; }
  .benefits h2 {
    margin-bottom: 30px;
    text-transform: uppercase; }
  .benefits ul {
    padding-left: 0;
    margin-left: 40px;
    text-transform: uppercase; }

.projects {
  background: url(../images/recent-projects-bg.jpg) no-repeat;
  background-size: cover;
  background-position: 50%;
  color: #fff;
  padding: 75px 0;
  text-align: center; }
  .projects h2 {
    font-family: "Montserrat", sans-serif;
    margin-bottom: 30px; }
  .projects__list {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-top: 45px; }
  .projects__item {
    flex: 1;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif; }
    .projects__item p {
      font-size: 13px; }
    .projects__item b {
      display: block;
      font-size: 17px; }
  .projects .owl-dots {
    text-align: center;
    margin-top: 25px; }
    .projects .owl-dots > div {
      display: inline-block;
      width: 40px;
      height: 5px;
      background: rgba(255, 255, 255, 0.4);
      margin: 0 5px; }
      .projects .owl-dots > div.active {
        background: #fff; }

.callout {
  background: #10458a;
  padding: 75px 0 45px;
  border: 5px solid #fff;
  border-width: 5px 0;
  color: #fff;
  font-family: "Montserrat", sans-serif; }
  .callout .wrapper {
    max-width: 1000px; }
  .callout p {
    font-size: 22px;
    text-transform: uppercase; }
  .callout h2 {
    font-size: 33px;
    margin-bottom: 40px; }
    .callout h2 span {
      display: block;
      font-size: 30px;
      font-weight: 400; }

@media screen and (max-width: 1050px) {
  .featured__content h2 {
    font-size: 25px; }
    .featured__content h2 span {
      font-size: 34px; }
  .featured__content br {
    display: none; }
  .featured__headline {
    font-size: 24px; }
    .featured__headline span {
      width: 100%;
      display: block; } }

@media screen and (max-width: 920px) {
  .featured .wrapper {
    flex-direction: column-reverse;
    align-items: center; }
  .about .is-flex {
    flex-direction: column; }
  .about__image {
    padding: 0;
    margin-bottom: 40px;
    max-width: 100%;
    min-width: 100%;
    text-align: center; }
  .testimonials .is-flex {
    flex-direction: column; }
  .testimonials__headline {
    min-width: 100%;
    max-width: 100%;
    text-align: center;
    padding: 0;
    margin-bottom: 50px;
    border: none; }
  .testimonials__list {
    padding: 0 30px; }
  .testimonials .owl-nav > div.owl-prev {
    left: -10px; }
  .testimonials .owl-nav > div.owl-next {
    right: -10px; } }

@media screen and (max-width: 850px) {
  .benefits {
    flex-direction: column; }
    .benefits__image {
      min-height: 400px;
      width: 100%; } }

@media screen and (max-width: 740px) {
  .featured__content {
    background-size: 80px; }
  .featured h1 {
    font-size: 20px; }
  .featured h4 {
    font-size: 16px; }
  .featured ul {
    padding-left: 10px;
    font-size: 14px;
    margin-bottom: 20px; }
  .featured img {
    width: 30px; }
  .featured__form h2 {
    font-size: 30px; } }

@media screen and (max-width: 650px) {
  h2 {
    font-size: 20px; }
  body {
    width: 100%;
    overflow-x: hidden; }
  .callout h2 {
    font-size: 24px; }
  .callout p {
    font-size: 19px;
    line-height: 1.4;
    padding: 10px 0; }
  .featured__form {
    min-width: 100%;
    max-width: 100%; }
  .benefits {
    flex-direction: column; }
    .benefits__content {
      padding: 30px 25px; } }

/**
 * partials/print
 * ---
 * Print version
 * (from https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css)
 */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group;
    /* h5bp.com/t */ }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

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