/*
 * _global.scss
 * This file should be used to include the global files
 * that should be adjusted for each new project
 */
/********************** Variables **********************/
/********************** Colors **********************/
/* Name the variable with a color. Will be easier to remember! */
/* http://chir.ag/projects/name-that-color/ */
/********************** Typography **********************/
/********************** Viewports **********************/
/*--------------------------------------------------------------
CSS Reset
--------------------------------------------------------------*/

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; 
	margin-top: 0 !important;
}

body {
  margin: 0; }

img {
  display: block;
  border: 0;
  width: 100%;
  height: auto; }

/* just adding to general */
/*--------------------------------------------------------------
Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; }

/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  font-family: "Open Sans", sans-serif; }

/*--------------------------------------------------------------
General styles
--------------------------------------------------------------*/
body {
  background: #fff;
  min-height: 100vh;
  padding: 0; }

a, area, button, [role="button"], input, label, select, summary, textarea {
  touch-action: manipulation; }

.body-contain {
  max-width: 1200px;
  margin: 0 auto;
  padding: 15px 15px 0; }

.body-contain .main-content {
  min-height: 50vh; }

a {
  text-decoration: none; }

.page-center {
  max-width: 1200px;
  margin: 0 auto; }

.light {
  color: #fff !important; }

.module-grid {
  display: flex;
  flex-direction: column;
  display: grid; }

.dark {
  color: #404041 !important; }

.hs-error-msgs {
  list-style: none;
  margin: 0; }

select {
  width: 100%;
  border-radius: 0;
  border: 0;
  height: 45px;
  font-size: 18px;
  margin-bottom: 10px; }

ul {
  list-style: none; }

.hs-button.primary {
  background: #b92031;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  color: #fff;
  text-align: center;
  border-radius: 0;
  padding: 15px 30px;
  font-size: 17px;
  font-weight: 300;
  max-width: 250px;
  letter-spacing: .1em;
  white-space: normal;
  -webkit-appearance: none;
  border: 0!important; }
  .hs-button.primary:hover {
    background: #182b53;
    border: 0 !important;
    color: #ffffff !important; 
		cursor: pointer; }

/*a.cta_button {
  background: #642265;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  /*background: linear-gradient(45deg, #642265 0%, #2d4ea2 70%, #2377bd 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /*color: #fff;
  text-transform: uppercase;
  text-align: center;
  border-radius: 10px;
  padding: 15px 10px;
  font-size: 17px;
  font-weight: 600;
  max-width: 250px;
  letter-spacing: .1em;
  white-space: normal;
  -webkit-appearance: none;
  font-family: "Source Sans Pro", sans-serif;
  border: 2px solid #fff !important;
  display: block;
  margin: auto; }
  a.cta_button:hover {
    background: #fff;
    border: 2px solid #404041 !important;
    color: #404041 !important; }
  @media only screen and (min-width: 600px) {
    a.cta_button {
      padding: 15px 10px;
      margin: 0; } }*/

a.cta_button img {
  margin-top: 30px;
}

#hide, .hide {
  display: none; }

@media only screen and (min-width: 600px) {
  main {
    margin-top: 40px; } }

@media only screen and (min-width: 1200px) {
  main {
    margin-top: 0; } }

/*--------------------------------------------------------------
If no grid support, limit width to 50em and center align
--------------------------------------------------------------*/
@supports (grid-area: auto) {
  @media only screen and (min-width: 600px) {
    .site-header {
      grid-area: header; }
    .site-main {
      grid-area: main; }
    .site-footer {
      grid-area: footer; }
    body {
      display: grid;
      grid-template-columns: auto;
      grid-template-rows: 65px auto auto;
      grid-template-areas: "header" "main" "footer";
      max-width: 2000px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1200px) {
    body {
      grid-template-rows: 105px auto auto; } } }

.container .area {
  max-width: 1200px;
  margin: 0 auto; }

/*
 * _pages.scss
 * This file should be used to include page or section-specific
 * styles. Each page/section/component should have its own
 * scss file in the pages directory that is included from here.
 */
#knowledge #knowledgeCenter {
  max-width: 1200px;
  margin: 0 auto; }
  #knowledge #knowledgeCenter #hs_cos_wrapper_flexi-container {
    display: flex;
    flex-direction: column;
    display: grid;
    grid-row-gap: 80px;
    margin: 80px auto;
    max-width: 300px; }
    @media only screen and (min-width: 600px) {
      #knowledge #knowledgeCenter #hs_cos_wrapper_flexi-container {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 80px;
        margin: 80px;
        max-width: 1200px; } }
    @media only screen and (min-width: 900px) {
      #knowledge #knowledgeCenter #hs_cos_wrapper_flexi-container {
        flex-direction: row;
        flex-wrap: wrap;
        grid-template-columns: repeat(3, 1fr);
        margin: 80px auto; } }
    @media only screen and (min-width: 900px) {
      #knowledge #knowledgeCenter #hs_cos_wrapper_flexi-container .hs_cos_wrapper_type_module {
        flex: 0 1 33%; } }

#knowledge .bottom-interior-cta-container .cta-area .cta-headline h3 {
  max-width: 500px;
  margin: 0 auto; }

#blog #main-content a.cta_button {
  margin: auto !important; }

#blog #main-content .blog-banner-subscribe-container {
  background-color: #F1F2F2; }
  #blog #main-content .blog-banner-subscribe-container .blog-banner-area {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;
    padding: 20px 15px; }
    #blog #main-content .blog-banner-subscribe-container .blog-banner-area .blog-subscribe-headline {
      text-align: center; }
      #blog #main-content .blog-banner-subscribe-container .blog-banner-area .blog-subscribe-headline h2 {
        color: #182b53;
        font-size: 30px;
        font-weight: 500;
        margin: 30px 0 10px; }
        @media only screen and (min-width: 900px) {
          #blog #main-content .blog-banner-subscribe-container .blog-banner-area .blog-subscribe-headline h2 {
            font-size: 36px; } }
      #blog #main-content .blog-banner-subscribe-container .blog-banner-area .blog-subscribe-headline h3 {
        color: #4d4d4d;
        font-size: 18px;
        font-weight: 300;
        max-width: 800px;
        margin: 0 auto 30px; }
        @media only screen and (min-width: 900px) {
          #blog #main-content .blog-banner-subscribe-container .blog-banner-area .blog-subscribe-headline h3 {
            font-size: 24px; } }
    #blog #main-content .blog-banner-subscribe-container .blog-banner-area .subscribe-header-form {
      min-width: 300px;
      margin: 0 auto;
      padding: 0 20px 20px;
      text-align: center;
      position: relative; }
      @media only screen and (min-width: 1200px) {
        #blog #main-content .blog-banner-subscribe-container .blog-banner-area .subscribe-header-form {
          width: 65%; } }
      #blog #main-content .blog-banner-subscribe-container .blog-banner-area .subscribe-header-form h3 {
        display: none; }
      #blog #main-content .blog-banner-subscribe-container .blog-banner-area .subscribe-header-form .hs-form .hs-form-field {
        clear: left;
        float: left;
        width: 100%; }
        @media only screen and (min-width: 600px) {
          #blog #main-content .blog-banner-subscribe-container .blog-banner-area .subscribe-header-form .hs-form .hs-form-field {
            width: 70%; } }
        #blog #main-content .blog-banner-subscribe-container .blog-banner-area .subscribe-header-form .hs-form .hs-form-field label {
          color: #4d4d4d;
          font-weight: 300;
          font-size: 17px;
          margin-bottom: .5rem; }
          @media only screen and (min-width: 600px) {
            #blog #main-content .blog-banner-subscribe-container .blog-banner-area .subscribe-header-form .hs-form .hs-form-field label {
              grid-column: span 1 / auto;
              justify-self: end; } }
#blog #main-content .blog-banner-subscribe-container .blog-banner-area .subscribe-header-form .hs-form .hs-form-field label span {
  line-height:32px;
}
        @media only screen and (min-width: 600px) {
          #blog #main-content .blog-banner-subscribe-container .blog-banner-area .subscribe-header-form .hs-form .hs-form-field .input {
            grid-column: span 1 / auto;
            justify-self: start; } }
      #blog #main-content .blog-banner-subscribe-container .blog-banner-area .subscribe-header-form .hs-form .hs_email label {
        display: none; }
      #blog #main-content .blog-banner-subscribe-container .blog-banner-area .subscribe-header-form .hs-form .input input {
        float: none;
        background: #fff;
        border-radius: 0;
        padding: 10px 0;
        border: 0;
        width: 100%;
        font-size: 17px;
        margin-bottom: 10px;
        line-height: inherit;
        touch-action: manipulation; }
        @media only screen and (min-width: 600px) {
          #blog #main-content .blog-banner-subscribe-container .blog-banner-area .subscribe-header-form .hs-form .input input {
            width: 95%;
            padding: 10px 15px;
            margin-left: 10px; } }
      #blog #main-content .blog-banner-subscribe-container .blog-banner-area .subscribe-header-form .hs-form .input input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
        margin-right: 10px;
        -webkit-appearance: none;
        border-radius: 10px !important;
        height: 20px;
        width: 20px;
        outline: 0;
        padding: 0 !important;
        border: 1px solid #939598;
        vertical-align: middle;
        margin-top: 5px; }
        #blog #main-content .blog-banner-subscribe-container .blog-banner-area .subscribe-header-form .hs-form .input input[type="radio"]:checked {
          background-color: #4d4d4d;
          border: 1px solid #fff; }
      #blog #main-content .blog-banner-subscribe-container .blog-banner-area .subscribe-header-form .hs-form .input input[type="checkbox"] {
        margin: 5px 10px 0 0;
        width: auto; }
      #blog #main-content .blog-banner-subscribe-container .blog-banner-area .subscribe-header-form .hs-form .hs-fieldtype-radio {
        width: 100%;
        display: flex;
        display: grid;
        grid-template-columns: auto;
        margin: 20px auto; 
				justify-content: center; }
        @media only screen and (min-width: 600px) {
          #blog #main-content .blog-banner-subscribe-container .blog-banner-area .subscribe-header-form .hs-form .hs-fieldtype-radio {
            width: 100%;
            grid-template-columns: repeat(2, 1fr); } }
      #blog #main-content .blog-banner-subscribe-container .blog-banner-area .subscribe-header-form .hs-form .hs_email_opt_in {
        width: 100%; }
        #blog #main-content .blog-banner-subscribe-container .blog-banner-area .subscribe-header-form .hs-form .hs_email_opt_in ul {
          margin: 0 auto;
          display: flex;
          display: grid;
          grid-template-columns: auto auto; }
      #blog #main-content .blog-banner-subscribe-container .blog-banner-area .subscribe-header-form ul {
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
        display: flex;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto; }
      #blog #main-content .blog-banner-subscribe-container .blog-banner-area .subscribe-header-form .multi-container li {
        padding: 0 0 0 5px; }
        @media only screen and (min-width: 600px) {
          #blog #main-content .blog-banner-subscribe-container .blog-banner-area .subscribe-header-form .multi-container li {
            padding-left: .5em; } }
        #blog #main-content .blog-banner-subscribe-container .blog-banner-area .subscribe-header-form .multi-container li.hs-form-checkbox label {
          display: grid;
          grid-template-columns: auto auto;
          font-size: 14px;
          margin-bottom: 20px; }
          @media only screen and (min-width: 600px) {
            #blog #main-content .blog-banner-subscribe-container .blog-banner-area .subscribe-header-form .multi-container li.hs-form-checkbox label {
              margin-bottom: 0; } }
          #blog #main-content .blog-banner-subscribe-container .blog-banner-area .subscribe-header-form .multi-container li.hs-form-checkbox label span {
            text-align: left;
            padding-left: 10px; }
      #blog #main-content .blog-banner-subscribe-container .blog-banner-area .subscribe-header-form .hs-button {
        width: 100%;
        min-width: 80px;
        padding: 10px 30px; }
        @media only screen and (min-width: 600px) {
          #blog #main-content .blog-banner-subscribe-container .blog-banner-area .subscribe-header-form .hs-button {
            width: 25%;
            margin-left: 20px; } }
      #blog #main-content .blog-banner-subscribe-container .blog-banner-area .subscribe-header-form .hs_error_rollup {
        position: absolute;
        top: 50px;
        left: 30px; }

.privacy {
  max-width: 1200px;
  margin: 40px auto 100px;
  padding: 0 15px; }
  .privacy h1 {
    text-align: center; }
  .privacy ul {
    list-style: disc; }

@media only screen and (min-width: 600px) {
  .contact .h1-hero-container {
    margin-top: 40px; } }

@media only screen and (min-width: 1200px) {
  .contact .h1-hero-container {
    margin-top: 0; } }

.contact #formSection .form-wrapper {
  background: #F1F2F2;
  max-width: 750px;
  margin: 0 auto;
  padding: 20px;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.5); }
  .contact #formSection .form-wrapper a {
    color: #00A651;
    font-weight: 500; }
    .contact #formSection .form-wrapper a:hover {
      text-decoration: underline; }
  .contact #formSection .form-wrapper h3 {
    color: #2D4EA2;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold; }
    @media only screen and (min-width: 600px) {
      .contact #formSection .form-wrapper h3 {
        font-size: 1.3em; } }
  .contact #formSection .form-wrapper form label {
    margin-left: 10px;
    font-size: .9em;
    font-family: "Source Sans Pro", sans-serif; }
  .contact #formSection .form-wrapper form fieldset {
    max-width: none; }
  .contact #formSection .form-wrapper form input {
    padding: 10px 0px;
    width: 100%;
    border: 0;
    margin-bottom: 10px;
    font-size: 18px;
    text-indent: 10px; }
  .contact #formSection .form-wrapper form .input {
    margin: 0 10px; }
  .contact #formSection .form-wrapper form textarea {
    padding: 10px 0;
    width: 100%;
    border: 0;
    margin-bottom: 10px;
    font-size: 18px;
    text-indent: 10px; }
  .contact #formSection .form-wrapper form input[type=checkbox] {
    box-sizing: border-box;
    padding: 0;
    margin-right: 5px;
    width: 30px;
    margin-left: -35px; }
  .contact #formSection .form-wrapper form .hs_email_opt_in > label > span,
  .contact #formSection .form-wrapper form .hs_please_review_our_privacy_policy_for_more_information_ > label > span {
    display: none; }
  .contact #formSection .form-wrapper form .hs-fieldtype-checkbox ul,
  .contact #formSection .form-wrapper form .hs-fieldtype-booleancheckbox ul {
    margin-left: 35px;
    padding: 0; }
    .contact #formSection .form-wrapper form .hs-fieldtype-checkbox ul label,
    .contact #formSection .form-wrapper form .hs-fieldtype-booleancheckbox ul label {
      margin: 0; }
  .contact #formSection .form-wrapper form .actions {
    text-align: center;
    margin-top: 40px; }
    .contact #formSection .form-wrapper form .actions input[type=submit] {
      background: #642265;
      /* Old browsers */
      /* FF3.6-15 */
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(45deg, #642265 0%, #2d4ea2 70%, #2377bd 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      color: #fff;
      text-transform: uppercase;
      text-align: center;
      border-radius: 10px;
      padding: 15px 30px;
      font-size: 17px;
      font-weight: 400;
      max-width: 300px;
      letter-spacing: .1em;
      white-space: normal;
      -webkit-appearance: none;
      font-family: "Source Sans Pro", sans-serif;
      display: block;
      margin: 0 auto 10px; }
      .contact #formSection .form-wrapper form .actions input[type=submit]:hover {
        background: #404041;
        border: 2px solid #fff !important;
        color: #fff !important; }

.contact .general-copy-container.contact-address {
  margin: 100px 0;
  padding: 60px 15px 250px; }
  .contact .general-copy-container.contact-address .general-copy-area .general-copy-section h3 {
    text-transform: none; }
  .contact .general-copy-container.contact-address .general-copy-area .general-copy-section a {
    text-decoration: none;
    color: #404041; }
    .contact .general-copy-container.contact-address .general-copy-area .general-copy-section a:hover {
      text-decoration: underline; }
  .contact .general-copy-container.contact-address .general-copy-area .general-copy-section .module-grid {
    max-width: 600px;
    margin: 0 auto; }
    @media only screen and (min-width: 600px) {
      .contact .general-copy-container.contact-address .general-copy-area .general-copy-section .module-grid {
        flex-direction: row;
        grid-template-columns: repeat(2, 1fr); } }
    .contact .general-copy-container.contact-address .general-copy-area .general-copy-section .module-grid div {
      display: flex;
      justify-content: center;
      justify-self: center; }
      @media only screen and (min-width: 600px) {
        .contact .general-copy-container.contact-address .general-copy-area .general-copy-section .module-grid div {
          flex: 1 0 50%;
          text-align: justify; } }
      .contact .general-copy-container.contact-address .general-copy-area .general-copy-section .module-grid div ul {
        line-height: 1.75;
        padding: 0; }
        .contact .general-copy-container.contact-address .general-copy-area .general-copy-section .module-grid div ul li {
          color: #404041;
          font-size: 17px;
          font-weight: lighter; }