@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css);
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,700');

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. */

/* HTML 5 Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

/* Support migrations from wordpress */

.wp-float-left {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-float-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* Responsive Google Maps */

#map_canvas img, .google-maps img {
    max-width: none;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}



/*
//////////////////////////////////////////////////////////////////////////////
//
// Notes
//
// z-index rules:
//  Use 4 digit numbers incrimented by whole numbers
//  Modals use X000
//  Sticky elements use 0X00
//  Normal elements use 00X0
//  Minor adjustments within a type use 000X
//  
//
//////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////
//
// Variables
//
//////////////////////////////////////////////////////////////////////////////
*/

           /* Blue */
         /* Light Orange */

                   /* Light Blue */











/*
//////////////////////////////////////////////////////////////////////////////
//
// Reset
//
//////////////////////////////////////////////////////////////////////////////
*/

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

/* raised header z-index level  */
body > .header-container-wrapper {
  position: relative;
  z-index: 3;
}

/* * {
box-sizing: border-box;
margin: 0;
padding: 0;
} */

*,*:before,*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

img {
  height: auto !important;
}

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

main {
  display: block;
}

/*
//////////////////////////////////////////////////////////////////////////////
//
// Typography
//
//////////////////////////////////////////////////////////////////////////////
*/

/*
General Styles
*/

body {
  font-size: 100%;
  font-family: 'Source Sans Pro', sans-serif;;
  color: #000;
  margin: 0;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  line-height: 1.25;
}

h1,
.h1 {
  font-size: 2.4em;
  font-weight: 100;
}

h2,
.h2 {
  font-size: 1.8em;
}

h3,
.h3 {
  font-size: 1.3em;
}

h4,
.h4 {
  font-size: 1.2em;
}

h5,
.h5 {
  font-size: 1.15em;
  font-weight: 600;
}

p {
  line-height: 1.66;
}

p + p {
  margin-top: 1.25em;
}

small {
  font-size: 0.8em;
}

/* Only apply these styles in content areas */

.main-content a,
.main-content a:visited {
  color: ;
  text-decoration: none;
  -webkit-transition: all 0.25s cubic-bezier(0.37, 0, 0.45, 0.99);
  transition: all 0.25s cubic-bezier(0.37, 0, 0.45, 0.99);
}

.main-content a:not(.button):not(.hs-button),
.main-content a:not(.button):not(.hs-button):visited {
  color: #04345F;
}

.main-content a:hover,
.main-content a:focus {
  color: #04345F;
  -webkit-transition: all 0.125s cubic-bezier(0.37, 0, 0.45, 0.99);
  transition: all 0.125s cubic-bezier(0.37, 0, 0.45, 0.99);
}

.main-content a:not(.button):not(.hs-button):hover,
.main-content a:not(.button):not(.hs-button):focus {
  color: #FBB652;
}

.main-content ul:not(.hs-error-msgs),
.main-content ol {
  padding-left: 1.2em;
  margin: 1em 0;
}

.main-content ol {
  padding-left: 1.45em;
}

.main-content li {
  padding: 0.125em 0;
  line-height: 1.77;
}

.main-content ul ul,
.main-content ul ol {
  /* Nested Lists */
  margin-left: -1rem;
  padding-left: 2em;
  border-left: 3px solid rgba(, 0.55);
}

.main-content ol ul, 
.main-content ol ol {
  /* Nested Lists */
  margin-left: -1.25rem;
  padding-left: 2.25em;
  border-left: 3px solid rgba(, 0.55);
}

/*
Fancy Lists
*/

.fancy-list {
  list-style: none;
}

.fancy-list li {
  position: relative;
  line-height: 1.85;
  padding-left: 0.5em;
  margin-bottom: 0.5em;
}

.fancy-list li:not(:last-child) {
  border-bottom: 1px solid #ddd;
}

.fancy-list li:before {
  font-size: 0.9em;
  content: '\f111 ';
  font-family: FontAwesome;
  color: #04345F;
  position: absolute;
  left: -1rem;
  top: 0.33em;
}

/*
Check Lists
*/

.check-list {
  list-style: none;
}

.check-list li {
  position: relative;
  line-height: 1.85;
  padding-left: 0.5em;
  margin-bottom: 0.5em;
}

.check-list li:before {
  font-size: 1.5em;
  content: '\f05d ';
  font-family: FontAwesome;
  color: #04345F;
  position: absolute;
  left: -1.5rem;
  top: 0;
}

.check-list--simple li:before {
  color: currentColor;
  line-height: 1;
}

.large-num-list {
  counter-reset: large-num;
  list-style: none;
  padding: 0;
}

.large-num-list li {
  counter-increment: large-num;
  position: relative;
  padding-left: 2em;
}

.large-num-list li::before {
  content: counter(large-num);
  color: #E6A125;
  font-size: 2em;
  font-weight: bold;
  position: absolute;
  top: 0.25em;
  left: 0;
}

/* 
Automatic Spacing ( content / article )
*/

.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.sidebar h3 {
  margin: 0 0 1rem;
}

.main-content p + h1,
.main-content p + h2,
.main-content p + h3,
.main-content p + h4 {
  margin: 1em 0 1rem;
}

.main-content h1 {
  font-weight: 100;
}
.main-content h3 {
  font-weight: 400;
  color: #04345F;
}

.main-content h5 {
  margin: 1em 0 0.25rem;
}

.main-content blockquote {
  font-size: 1.33em;
  font-weight: 300;
  font-style: italic;
  line-height: 1.75;
  position: relative;
}


/*
//////////////////////////////////////////////////////////////////////////////
//
// Buttons
//
//////////////////////////////////////////////////////////////////////////////
*/

button,
[type=submit]{
  /* Reset button styling */
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 1em;
  background: none;
}

a.cta_button.cta_button {
  /* Really Hubspot!? This shouldn't be nessisary */
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

.button,
.hs-button.hs-button,
input[type=submit] {
  /* Reset browser defualt button element styling */
  border: 0;
  /* Apply button styles */
  display: inline-block;
  color: #fff !important;
  font-weight: 400;
  text-decoration: none;
  /*     text-transform: uppercase; */
  background-color: #04345F;
  padding: 0.5em 1.5em;
  /*     border-radius: 7px; */
  box-shadow: ;
  position: relative;
  -webkit-transition: all 0.25s cubic-bezier(0.37, 0, 0.45, 0.99);
  transition: all 0.25s cubic-bezier(0.37, 0, 0.45, 0.99);
}

input[type=submit] {
  padding: 0.45em 1.75em !important;
}

.button--white,
.hs-button--white {
  background-color: #fff;
  border: 2px solid #EDF0F2;
  color: #333 !important;
}

.button--secondary,
.hs-button--secondary {
  background-color: #E4A036;
}

.button--pink,
.hs-button--pink {
  background-color: #ea088e;
}

.button--ghost,
.hs-button--ghost {
  background: none;
  color: #04345F !important;
  border: 2px solid currentColor;
}

.button--secondary-ghost,
.hs-button--secondary-ghost {
  background: none;
  color: #FBB652 !important;
  box-shadow: inset 0 0 0 2px currentColor;
}

.button--white-ghost,
.hs-button--white-ghost {
  background: none;
  color: #fff !important;
  box-shadow: inset 0 0 0 2px currentColor;
}

.button--wide {
  width: 100%;
  text-align: center;
  font-size: 0.95em;
}

/* A larger button with a trendy big defused shadow */
.button--hero {
  font-size: 1.33em;
  position: relative;
}

/*
Hover States
*/

button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-button.hs-button:hover,
.hs-button.hs-button:focus,
input[type=submit]:hover,
input[type=submit]:focus,
.share-button:hover a, 
.share-button:focus a {
  color: #eef0f2 !important;
  outline: none;
  text-decoration: none;
  box-shadow: ;
  webkit-transition: all 0.125s cubic-bezier(0.37, 0, 0.45, 0.99);
  transition: all 0.125s cubic-bezier(0.37, 0, 0.45, 0.99);
  cursor: pointer;
}

.button--white:hover,
.button--white:focus,
.hs-button--white:hover,
.hs-button--white:focus {
  color: #273239 !important;
  background-color: #D7DCE1;
}
.button--ghost:hover,
.button--ghost:focus,
.hs-button--ghost:hover,
.hs-button--ghost:focus {
  color: #04345F !important;
}

.button--secondary:hover,
.hs-button--secondary:hover {
  background-color: #c98420;
}

.button--secondary-ghost:hover,
.hs-button--secondary-ghost:hover {
  color: #c98420 !important;
}

.button--white-ghost:hover,
.hs-button--white-ghost:hover {
  color: #cdcdcd !important;
}

/*
Fix Page Editor Buttons
*/

.mce-tinymce button {
  background: none;
  padding: 0.5em 0.75em;
  border-radius: 3px;
  margin: 0.012em;
}

/*
//////////////////////////////////////////////////////////////////////////////
//
// Layout / Framework / Structure (prefix class names with 'l-')
//
//////////////////////////////////////////////////////////////////////////////
*/

.l-page-wrap {
  max-width: 75rem;
  max-width:1150px;
  padding-left: 2rem;
  padding-right: 2rem;
  margin: 0 auto !important;
  float: none !important;
}

.l-page-wrap--extreme-narrow {
  max-width: 31rem;
}

.l-page-wrap--super-narrow {
  max-width: 42rem;
}

.l-page-wrap--extra-narrow {
  max-width: 50rem;
}

.l-page-wrap--narrow {
  max-width: 59rem;
}

.l-page-wrap--large {
  max-width: 80rem;
}

.l-page-wrap--wide {
  max-width: 106rem;
}

.l-universal-padding {
  padding: 2rem;
}

.l-well {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 2em;
  margin: 2em 0;
}

.l-well--color {
  background-color: #273239;
  color: #fff;
  padding: 3em
}

.l-well--white {
  background-color: #fff;
}

.l-well--no-border {
  border: 0;
}

.l-well--fill-body {
  padding: 2em 0;
}

hr {
  border: 0;
  margin: 0 0 2em;
  border-bottom: 1px solid rgba(51, 51, 51, 0.32);
}

@media (max-width:768px){
  .l-page-wrap{
    padding-left:1em;
    padding-right:1em;
  }
}

.body-container {
  padding: 0;
}

/*
//////////////////////////////////////////////////////////////////////////////
//
// Sections
//
//////////////////////////////////////////////////////////////////////////////
*/

.section {
  display: block;
  padding-top: 2.75em;
  padding-bottom: 2.75em; 
  background-position: center right;
  background-size: cover;
}

.section--short {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.section--extra-short {
  padding-top: 0;
  padding-bottom: 0;
  margin: -2em 0;
}

/* Colorize the backgrounds */

.section--bg-near-white {
  background-color: #F3F3F3;
}

.section--bg-lgrey {
  background-color: #eef0f2;
}

.section--bg-dgrey {
  background-color: #273239;
  color: #fff;
}

.section--bg-charcoal {
  background-color: #53565a;
  color: #fff;
}

.section--bg-black {
  background-color: #000;
  color: #fff;
}


.section--bg-blue {
  background-color: #1873c0;
  color: #fff;
}

.section--bg-custom-image,
.section--bg-custom-image--light-text {
  background-size: cover;
  background-position: center;
}

.section--bg-dgrey,
.section--bg-custom-image--light-text,
.section--bg-dgrey h3,
.section--bg-blue h2,
.section--bg-blue h3,
.section--bg-custom-image--light-text h3 {
  color: #fff;
}

.section__title {
  font-size: 2.8em;
  text-align: center; 
  margin-bottom: 2rem !important;
}

@media (max-width: 767px) {

  .section__column + .section__column {
    margin-top: 2em;
  }

}

/*
//////////////////////////////////////////////////////////////////////////////
//
// Search Results
//
//////////////////////////////////////////////////////////////////////////////
*/

.hs-search-field__bar {
  position: relative;
  max-width: none !important;
}

.hs-search-field__bar.hs-search-field__bar  input {
  background-color: rgba(60, 61, 65, 0.1);
  border: 0;
  padding: 0.5em;
  font-size: 16px;
  line-height: 1;
  color: #3C3D41;
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: middle;
  width: 100%;
  border-radius: 0;
  box-shadow: none;
  border-bottom: 2px solid #3C3D41;
}

ul.hs-search-field__suggestions {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  background-color: #fff;
  padding: 0 1em;
}

.hs-search-field__bar.hs-search-field__bar input:focus {
  outline: 2px solid rgba(60, 61, 65, 0.25);
  box-shadow: none;
  border-bottom: 2px solid #3C3D41;
}

/*
//////////////////////////////////////////////////////////////////////////////
//
// Tools / Utilities
//
//////////////////////////////////////////////////////////////////////////////
*/

.responsive-video {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  position: relative;
}

.responisive-video__iframe {
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

[class*=vidyard-div] {
  width: 100%;
}

[class*=vidyard-div] iframe {
  width: 100%;
  height: 100%;
}

.u-relative-parent {
  position: relative;
}

.u-fit-to-parent {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.u-visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap; /* added line */
}


.white, .white h1, .white h2, .white h3, .white h4, .white h4, .white p, .white div, .white a:not(.hs-button) {
  color: #fff;
}