/**
 * styles.scss
 * ---
 * Main `sass` file. Import here `sass` files
 */
@import url("https://fonts.googleapis.com/css?family=Maven+Pro:400,700");
@import url("https://fonts.googleapis.com/css?family=Merriweather+Sans:300,300i,700");
@font-face {}@font-face {
  font-family: 'Baskervald ADF Std';
  src: url("BaskervaldADFStd-Bold.eot");
  src: url("BaskervaldADFStd-Bold.eot?#iefix") format("embedded-opentype"), url("BaskervaldADFStd-Bold.woff2") format("woff2"), url("BaskervaldADFStd-Bold.woff") format("woff"), url("BaskervaldADFStd-Bold.ttf") format("truetype"), url("BaskervaldADFStd-Bold.svg#BaskervaldADFStd-Bold") format("svg");
  font-weight: bold;
  font-style: normal; }

body {
  font-family: 'Merriweather Sans', sans-serif;
  font-weight: 300;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

h1 {
  font-size: 2.5em;
  font-weight: bold;
  color: #113365; }

h2 {
  font-size: 1.75em;
  font-weight: bold;
  color: #113365; }

h3 {
  font-size: 1.5em;
  font-weight: bold;
  color: #113365; }

h4 {
  font-size: 1.25em;
  color: #555;
  font-weight: bold;
  color: #113365;
  margin-bottom: 1em; }

p {
  line-height: 1.375em;
  color: #333; }
  p a {
    color: inherit; }

i {
  font-style: italic; }

a {
  color: blue; }

.entry-content h2 {
  margin: 1em 0 0.5em; }

.entry-content p {
  margin-bottom: 1em; }

.entry-content ul {
  list-style-type: disc;
  margin-left: 1em; }

html,
body {
  width: 100%;
  overflow-x: hidden; }

#container {
  min-height: calc(60vh - 60px);
  width: 100%; }
  #container > section {
    width: 100%; }
    #container > section#masthead, #container > section#masthead-logo {
      height: calc(100vh - 60px); }

#masthead {
  height: calc(100vh - 60px) !important; }

article {
  width: 100vw;
  background: #fff;
  padding-bottom: 10vh; }
  article > header,
  article > section {
    width: 95%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto; }
  article > header {
    padding-top: 2em; }

hr {
  margin: 2em 0 1em; }

ul li {
  line-height: 1.5em; }

#masthead {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: -1; }

#masthead-logo {
  display: table;
  height: 100vh;
  width: 100vw;
  z-index: 1; }
  #masthead-logo > div {
    display: table-cell;
    vertical-align: middle;
    width: 100vw; }
    #masthead-logo > div > div {
      width: 90%;
      height: 25vh;
      max-width: 640px;
      margin: 60px auto 0; }

#advantage {
  min-height: 40vh;
  padding-top: 5vh; }
  #advantage > div {
    width: 90%;
    max-width: 1000px; }

#intro {
  position: relative;
  background: #fff;
  z-index: 2;
  background: #113365; }
  #intro > div {
    display: table;
    width: 100%;
    min-height: 250px;
    max-width: 65%;
    margin: 0 auto; }
  #intro .intro-copy-only {
    display: table-cell;
    vertical-align: middle;
    width: 100%; }
    #intro .intro-copy-only h4 {
      font-size: 1.5em;
      text-align: center;
      font-style: italic;
      letter-spacing: 2px;
      line-height: 1.25em;
      color: #fff; }
      #intro .intro-copy-only h4 em {
        color: #56BAE8 !important; }
  #intro .intro-copy,
  #intro .intro-brand-icon {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    background: #fff; }
  #intro .intro-brand-icon {
    width: 100%;
    height: 100%;
    min-height: 50vh;
    margin-left: 5%;
    background: url(img/dome.png);
    background-repeat: no-repeat !important;
    background-size: contain;
    background-position: bottom; }

#advantage > div {
  width: 100%;
  margin: 0 auto;
  text-align: center; }
  #advantage > div > div {
    display: inline-block;
    vertical-align: top;
    margin: 5vh 0;
    padding: 0 1%;
    width: 20%;
    text-align: center; }
  @media (max-width: 767px) {
    #advantage > div {
      display: block; }
      #advantage > div > div {
        max-width: 98%; } }

#hero-image {
  width: 100%;
  height: 33vh; }

#brands {
  width: 100%;
  background: #eee;
  display: table; }
  #brands > div {
    display: table-cell;
    vertical-align: middle;
    padding: 5vh 0;
    text-align: center; }
    #brands > div > div {
      width: 16vw;
      max-width: 160px;
      display: inline-block;
      margin: 25px 0 0;
      overflow: hidden;
      text-align: center; }
      #brands > div > div svg {
        margin: 0 1em; }
        #brands > div > div svg image {
          width: 100px; }
      @media (max-width: 767px) {
        #brands > div > div {
          width: 40vw; }
          #brands > div > div svg image {
            width: 120px; } }

#masthead {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: top right !important; }
  #masthead:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.9) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.9) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.9) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6ffffff',GradientType=0 ); }
  @media (max-width: 767px) {
    #masthead {
      background-attachment: scroll !important;
      background-position: 100% !important;
      background-position: 80% 40% !important; } }

#masthead-logo > div > div {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  filter: url(#drop-shadow);
  -webkit-filter: drop-shadow(6px 6px 12px white);
  -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=6, OffY=6, Color='#fff')";
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=6, OffY=6, Color='#fff')"; }

article > header p a,
article > section p a {
  color: #56BAE8; }

article > header p a[href$=".pdf"],
article > section p a[href$=".pdf"] {
  font-weight: bold; }
  article > header p a[href$=".pdf"]:after,
  article > section p a[href$=".pdf"]:after {
    content: "";
    height: 12px;
    width: 12px;
    margin-left: 1px;
    vertical-align: top;
    display: inline-block;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNSAyNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjUgMjU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDBBRkYzO30KPC9zdHlsZT4KPGcgaWQ9InZzN3VJcC50aWYiPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04LjcsMWMwLDEuMiwwLDIuNSwwLDMuOGMtMS4zLDAtMi41LDAtMy44LDBjMCw1LjEsMCwxMC4yLDAsMTUuM2M1LjEsMCwxMC4xLDAsMTUuMiwwYzAtMS4yLDAtMi41LDAtMy44CgkJCQljMS4zLDAsMi42LDAsMy45LDBjMCwyLjUsMCw1LjEsMCw3LjZDMTYuMywyNCw4LjcsMjQsMSwyNEMxLDE2LjMsMSw4LjcsMSwxQzMuNiwxLDYuMSwxLDguNywxeiIvPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjQsMTIuNWMtMS4yLTEuMy0yLjUtMi41LTMuNy0zLjdjLTIuNSwyLjUtNS4xLDUuMS03LjUsNy41Yy0xLjMtMS40LTIuNi0yLjYtMy45LTMuOWMyLjQtMi40LDUtNSw3LjUtNy41CgkJCQlDMTUsMy42LDEzLjgsMi4zLDEyLjUsMWMzLjgsMCw3LjYsMCwxMS41LDBDMjQsNC45LDI0LDguNywyNCwxMi41eiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8L3N2Zz4K");
    background-size: contain; }

#advantage {
  background: #fff;
  text-align: center; }
  #advantage #circle-1 h3,
  #advantage #circle-2 h3 {
    padding-bottom: 6px; }
  #advantage .circle {
    display: table;
    margin: 20px auto 10px;
    width: 7vw;
    height: 7vw;
    padding: 3vw;
    min-width: 100px;
    min-height: 100px;
    max-width: 130px;
    max-height: 130px;
    background: #56BAE8;
    border: 8px solid #113365;
    border-radius: 50%; }
    #advantage .circle > h3 {
      display: table-cell;
      margin: 0;
      vertical-align: middle;
      font-weight: 700;
      color: #fff;
      transform: scaleX(1.25) scaleY(1.25); }
    #advantage .circle + h2 {
      max-width: 75%;
      margin: 0 auto; }
      @media (min-width: 768px) and (max-width: 960px) {
        #advantage .circle + h2 {
          font-size: 1.25em; } }
  @media (max-width: 767px) {
    #advantage .benchmark {
      margin: 0 auto;
      width: 280px;
      height: auto;
      padding: 2vw 0 10vw; }
      #advantage .benchmark .circle {
        width: 10vw;
        height: 10vw;
        padding: 7vw; } }
  @media (min-width: 1200px) {
    #advantage > div {
      max-width: 1200px; } }

.icon {
  display: block;
  height: 25px;
  width: 25px;
  margin: 0 auto;
  background: #ddd;
  border-radius: 50%; }

.industries-list {
  column-count: 3;
  max-width: 100%; }
  .industries-list ul {
    list-style-type: none;
    margin: 0; }
    .industries-list ul li {
      position: relative;
      margin: 0 0 0.5em;
      line-height: 1.75em; }
      .industries-list ul li > span:first-child {
        display: inline-block;
        vertical-align: top;
        height: 1.25em;
        width: 1.25em;
        line-height: 1.25em;
        font-size: 2.25em;
        padding: 2px;
        margin-right: 0.5em;
        font-family: 'FontAwesome';
        color: #fff;
        background: #113365;
        text-align: center;
        border-radius: 50%; }
      .industries-list ul li > span.custom {
        background-size: 75% !important;
        background-repeat: no-repeat !important;
        background-position: center !important; }
      .industries-list ul li > span:nth-child(2) {
        display: inline-block;
        width: calc(100% - 4.75em);
        padding-top: 1em;
        line-height: 1em;
        color: #113365;
        font-weight: bold;
        letter-spacing: -0.625px; }
  @media (max-width: 1024px) {
    .industries-list {
      column-count: 3; } }
  @media (max-width: 767px) {
    .industries-list {
      column-count: 2; }
      .industries-list ul {
        margin-left: 1.5em; } }
  @media (max-width: 600px) {
    .industries-list {
      column-count: 1; } }

#brands .brand-logo {
  filter: url(#brandcolor); }

#post-12 .entry-content {
  overflow: hidden; }
  #post-12 .entry-content > div {
    width: 50%;
    float: left; }
    @media (max-width: 767px) {
      #post-12 .entry-content > div {
        width: 100%;
        float: none; } }

form {
  margin-top: 1em; }

input[type="text"],
input[type="email"],
select,
textarea {
  width: 100%;
  height: 30px;
  margin: 0 0 6px;
  padding: 0.25em 1em 0.25em 0.5em;
  border: 0;
  border-radius: none;
  outline: none;
  background: #eee;
  font-size: 16px; }

select:not([multiple]) {
  width: 100%;
  height: 2.5em;
  color: #333;
  padding: 0.5em 0;
  border-radius: 0; }

textarea {
  height: 120px; }

input[type="submit"] {
  background: #113365;
  color: #fff;
  border: 0;
  outline: none;
  font-size: 20px; }

.form label {
  font-size: 10px; }

.form p {
  margin: 0; }

#wrapper > header#header {
  position: fixed;
  width: 100%;
  height: 60px;
  top: 0;
  left: 0;
  background: #113365;
  z-index: 10; }
  #wrapper > header#header > div {
    width: 95%;
    max-width: 1000px;
    margin: 0 auto; }

#branding {
  float: left; }

#site-title {
  position: relative;
  height: 40px;
  width: 40px;
  margin: 10px;
  background-size: cover !important; }
  #site-title h1,
  #site-title a {
    font-size: 1em;
    position: relative;
    display: block;
    text-indent: -9999999px; }

#site-description {
  display: none; }

nav#menu {
  float: right; }
  nav#menu > div {
    display: inline-block; }
  nav#menu ul li {
    display: inline-block;
    height: 60px; }
    nav#menu ul li a {
      line-height: 60px;
      text-decoration: none;
      color: #fff;
      margin: 0 0.5vw; }
    nav#menu ul li.current_page_item a {
      text-decoration: underline; }
  nav#menu #nav-toggle {
    display: none;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    color: #bbb; }
  @media (max-width: 767px) {
    nav#menu ul:not(.nav-open) {
      display: none; }
    nav#menu ul {
      position: absolute;
      top: 60px;
      left: 0;
      width: 100%;
      background: #113365;
      text-align: center;
      padding-bottom: 3em; }
      nav#menu ul li {
        width: 95%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        display: block; }
    nav#menu #nav-toggle {
      display: inline-block; } }

footer#footer {
  width: 100vw;
  min-height: 20vh;
  background: #113365; }
  footer#footer > div {
    width: 95%;
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 4em; }
    footer#footer > div > div {
      overflow: hidden; }
    footer#footer > div > div > div {
      float: left;
      width: 50%; }
      @media (max-width: 767px) {
        footer#footer > div > div > div {
          float: none;
          width: 100%;
          text-align: center !important; }
          footer#footer > div > div > div img {
            margin: 2em 0; } }
  footer#footer .sidebar {
    text-align: right;
    color: #fff; }
    footer#footer .sidebar #sidebar {
      margin-right: 16px; }
      footer#footer .sidebar #sidebar a,
      footer#footer .sidebar #sidebar [tel] {
        color: #fff; }
  footer#footer img {
    max-width: 60%; }
  footer#footer .menu li a {
    color: #fff;
    text-decoration: none;
    line-height: 1.25em; }
  footer#footer #copyright {
    padding: 3em 0 1em;
    color: #ccc;
    font-size: 0.625em; }
    @media (max-width: 767px) {
      footer#footer #copyright {
        text-align: center; } }

@media (max-width: 767px) {
  #intro > div {
    max-width: 85%; }
  #intro .intro-copy-only h4 {
    margin: 3% 0;
    font-size: 1.375em;
    line-height: 1.15em;
    letter-spacing: 0; }
  #post-8 .entry-content h2 {
    font-size: 1.25em;
    line-height: 1.15em;
    margin-bottom: 1em; }
  #post-8 .entry-content h4 {
    margin-top: 2em; }
  footer#footer > div > div > div img {
    margin-bottom: 0.5em; }
  footer#footer img {
    max-width: 95%; }
  footer#footer .sidebar #sidebar {
    margin-right: 0; }
  footer#footer .menu li a {
    line-height: 2em; } }

#advantage > div > div {
  margin: 5vh 1vw !important; }

#advantage .circle {
  width: 130px !important;
  height: 130px !important; }

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