/* 1a. Containers */































:root {
  
  --primary-color: #111147;
  
  --secondary-color: #1276DC;
  
  --alternate-color: #EC4230;
  
  --dark-color: #121C27;
  
  --light-color: #ffffff;
  
  --custom-a: #596877;
  
  --custom-b: #A7D9FF;
  
  --custom-c: #59B522;
  
  --primary-font: 'Source Sans Pro', sans-serif;
  --secondary-font: 'Helvetica Neue LT Std', sans-serif;
  --alternate-font: Roboto, sans-serif;
}

  .primary--color {
    color: #111147 !important;
  }
  .background--primary--color {
    background-color: #111147 !important;
  }

  .secondary--color {
    color: #1276DC !important;
  }
  .background--secondary--color {
    background-color: #1276DC !important;
  }

  .alternate--color {
    color: #EC4230 !important;
  }
  .background--alternate--color {
    background-color: #EC4230 !important;
  }

  .dark--color {
    color: #121C27 !important;
  }
  .background--dark--color {
    background-color: #121C27 !important;
  }

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

  .custom--a {
    color: #596877 !important;
  }
  .background--custom--a {
    background-color: #596877 !important;
  }

  .custom--b {
    color: #A7D9FF !important;
  }
  .background--custom--b {
    background-color: #A7D9FF !important;
  }

  .custom--c {
    color: #59B522 !important;
  }
  .background--custom--c {
    background-color: #59B522 !important;
  }







.content-wrapper {
  max-width: 1240px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 60px 20px;
}

.dnd-section > .row-fluid { 
  /*max-width: 1240px;*/
    max-width:1240px;
}

header.global-header .content-wrapper {
  max-width: 100%;
}





h1,
          .h1
        {
          
    color:
  
         var(--primary-color) ;
          font-family: var(--primary-font);
          font-size: 48px;
          line-height: 48px;
          letter-spacing: 0.0px;
          font-weight: 400;
        }
      h2,
          .h2
        {
          
    color:
  #1076dd;
          font-family: var(--secondary-font);
          font-size: 40px;
          line-height: 50px;
          letter-spacing: 0.0px;
          font-weight: 900;
        }
      h3,
          .h3
        {
          
    color:
  #5f7d9d;
          font-family: var(--primary-font);
          font-size: 38px;
          line-height: 42px;
          letter-spacing: 1.0px;
          font-weight: 700;
        }
      h4,
          .h4
        {
          
    color:
  
         var(--alternate-color) ;
          font-family: var(--secondary-font);
          font-size: 26px;
          line-height: 32px;
          letter-spacing: 0.0px;
          font-weight: 900;
        }
      h5,
          .h5
        {
          
    color:
  
         var(--dark-color) ;
          font-family: var(--primary-font);
          font-size: 22px;
          line-height: 26px;
          letter-spacing: 0.0px;
          font-weight: 400;
        }
      h6,
          .h6
        {
          
    color:
  
         var(--custom-a) ;
          font-family: var(--primary-font);
          font-size: 18px;
          line-height: 25px;
          letter-spacing: 0.2px;
          font-weight: 400;
        }
      

          body,
          p,
          .p,
          ul,
          form,
          form input[type=text],
          form input[type=email],
          form input[type=password],
          form input[type=tel],
          form input[type=number],
          form input[type=file],
          form input[type=file],
          form select,
          form textarea
        
        {
          
    color:
  
         var(--custom-a) ;
          font-family: var(--primary-font);
          font-size: 16px;
          line-height: 21px;
          letter-spacing: 0.1px;
          font-weight: 400;
        }
      
          .jumbo
        {
          
    color:
  
         var(--primary-color) ;
          font-family: var(--primary-font);
          font-size: 80px;
          line-height: 88px;
          letter-spacing: 0.0px;
          font-weight: 700;
        }
      
.hs_cos_wrapper_type_rich_text ul,
 ul.brand-bullet {
    list-style: none;
  }
  .hs_cos_wrapper_type_rich_text ul li::before,
  ul.brand-bullet li::before{
    font-weight: bold;
    width: 1em;
    background-image: url();
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      content: '';
      height: 1em;
      vertical-align: middle;
      padding-right: 35px;
      display: inline; 
      margin-left: -2em;

      
    
  }
  .hs_cos_wrapper_type_rich_text ul li,
   ul.brand-bullet li,
   ul li, ol li {
    margin-bottom: 10px;
    position: relative;
    margin-bottom: 10px;
  }
a {
    
    color:
  
         var(--alternate-color) ;
        text-decoration: underline;
      
  }

@import url('https://fonts.googleapis.com/css2?family=Source%20Sans%20Pro:weight@100;300;400;500;600;700;800;900&family=Helvetica%20Neue%20LT%20Std:wght@100;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;600;700;800;900&display=swap');
@font-face {font-family: "DIN 2014";
  src: url("http://db.onlinewebfonts.com/t/e0fa406cbe458b32a7ea4e9a379b85fc.eot"); /* IE9*/
  src: url("http://db.onlinewebfonts.com/t/e0fa406cbe458b32a7ea4e9a379b85fc.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("http://db.onlinewebfonts.com/t/e0fa406cbe458b32a7ea4e9a379b85fc.woff2") format("woff2"), /* chrome firefox */
  url("http://db.onlinewebfonts.com/t/e0fa406cbe458b32a7ea4e9a379b85fc.woff") format("woff"), /* chrome firefox */
  url("http://db.onlinewebfonts.com/t/e0fa406cbe458b32a7ea4e9a379b85fc.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
  url("http://db.onlinewebfonts.com/t/e0fa406cbe458b32a7ea4e9a379b85fc.svg#DIN%202014") format("svg"); /* iOS 4.1- */
}

@font-face {font-family: "DIN 2014"; 
  src: url("//db.onlinewebfonts.com/t/e880dd7c6ab5731cbb5db5df70330509.eot"); 
  src: url("//db.onlinewebfonts.com/t/e880dd7c6ab5731cbb5db5df70330509.eot?#iefix") format("embedded-opentype"), 
  url("//db.onlinewebfonts.com/t/e880dd7c6ab5731cbb5db5df70330509.woff2") format("woff2"), 
  url("//db.onlinewebfonts.com/t/e880dd7c6ab5731cbb5db5df70330509.woff") format("woff"), 
  url("//db.onlinewebfonts.com/t/e880dd7c6ab5731cbb5db5df70330509.ttf") format("truetype"), 
  url("//db.onlinewebfonts.com/t/e880dd7c6ab5731cbb5db5df70330509.svg#DIN2014-Bold") format("svg");
  font-weight: 700; 
}

@font-face {font-family: "Avenir";
  src: url("../fonts/AvenirLTStd-Roman.otf") format("opentype"), /* IE6-IE8 */
}

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,200&display=swap');







    form input[type=submit],
    form .hs-button,
    a.btn-primary,
    button.btn-primary,
    input[type="submit"].btn-primary,
    input[type="button"].btn-primary,
    a.btn-secondary,
    button.btn-secondary,
    input[type="submit"].btn-secondary,
    input[type="button"].btn-secondary,
    a.btn-alternate,
    button.btn-alternate,
    input[type="submit"].btn-alternate,
    input[type="button"].btn-alternate,
    a.btn-dark,
    button.btn-dark,
    input[type="submit"].btn-dark,
    input[type="button"].btn-dark,
    a.btn-light,
    button.btn-light,
    input[type="submit"].btn-light,
    input[type="button"].btn-light,
    .btn-primary,
    .btn-secondary,
    .btn-alternate,
    .btn-dark,
    .btn-light {
      font-family: var(--primary-font);
      font-weight: 600;
      font-size: 18px;
      letter-spacing: 0.2px;
      border-radius: 10px;
      padding-top: 16px;
      padding-bottom: 16px;
      padding-right: 50px;
      padding-left: 50px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: 2px solid transparent;
      text-decoration: none;
      cursor: pointer;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      /*display:inline-block;*/
    }

  
      input[type="submit"].btn-primary,
      input[type="button"].btn-primary,
      button.btn-primary,
      a.btn-primary,
      .btn-primary
       {
        min-width: 206px;
        text-align: center;
        max-width: 100%;
        
    color:
  
         var(--light-color) ;
          
    border-color:
  #f7f7f7;
        
    background-color:
  
         var(--alternate-color) ;
          -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.3);
          box-shadow: 0 10px 60px rgba(0, 0, 0, 0.3);

        
      }
    
      input[type="submit"].btn-secondary,
      input[type="button"].btn-secondary,
      button.btn-secondary,
      a.btn-secondary,
      .btn-secondary
       {
        min-width: 206px;
        text-align: center;
        max-width: 100%;
        
    color:
  
         var(--light-color) ;
          
    border-color:
  
         var(--light-color) ;
        
    background-color:
  
         var(--secondary-color) ;
          -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.3);
          box-shadow: 0 10px 60px rgba(0, 0, 0, 0.3);

        
      }
    
      input[type="submit"].btn-alternate,
      input[type="button"].btn-alternate,
      button.btn-alternate,
      a.btn-alternate,
      .btn-alternate
       {
        min-width: 206px;
        text-align: center;
        max-width: 100%;
        
    color:
  
         var(--light-color) ;
          
    border-color:
  #f2f2f2;
        
    background-color:
  
         var(--custom-c) ;
          -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.3);
          box-shadow: 0 10px 60px rgba(0, 0, 0, 0.3);

        
      }
    
      input[type="submit"].btn-dark,
      input[type="button"].btn-dark,
      button.btn-dark,
      a.btn-dark,
      .btn-dark
       {
        min-width: 206px;
        text-align: center;
        max-width: 100%;
        
    color:
  
         var(--light-color) ;
          
    border-color:
  
         var(--light-color) ;
        
    background-color:
  #18182C;
          -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.3);
          box-shadow: 0 10px 60px rgba(0, 0, 0, 0.3);

        
      }
    
      input[type="submit"].btn-light,
      input[type="button"].btn-light,
      button.btn-light,
      a.btn-light,
      .btn-light
       {
        min-width: 206px;
        text-align: center;
        max-width: 100%;
        
    color:
  
         var(--light-color) ;
          
    border-color:
  
         var(--light-color) ;
          -webkit-backdrop-filter: blur(4px);
                  backdrop-filter: blur(4px);
          box-shadow: 0 10px 60px rgba(0, 0, 0, 0.3)
          

        
      }
    
        form input[type=submit],
        form .hs-button,
        button
       {
        min-width: 206px;
        text-align: center;
        max-width: 100%;
        
    color:
  #f7f7f7;
          
    border-color:
  #f7f7f7;
        
    background-color:
  #18182C;
          -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.3);
          box-shadow: 0 10px 60px rgba(0, 0, 0, 0.3);

        
      }
    


  form input[type=submit]:hover,
  form .hs-button:hover,
  a.btn-primary:hover,
  button.btn-primary:hover,
  input[type="submit"].btn-primary:hover,
  input[type="button"].btn-primary:hover,
  a.btn-secondary:hover,
  button.btn-secondary:hover,
  input[type="submit"].btn-secondary:hover,
  input[type="button"].btn-secondary:hover,
  a.btn-alternate:hover,
  button.btn-alternate:hover,
  input[type="submit"].btn-alternate:hover,
  input[type="button"].btn-alternate:hover,
  a.btn-dark:hover,
  button.btn-dark:hover,
  input[type="submit"].btn-dark:hover,
  input[type="button"].btn-dark:hover,
  a.btn-light:hover,
  button.btn-light:hover,
  input[type="submit"].btn-light:hover,
  input[type="button"].btn-light:hover,
  .btn-primary:hover,
  .btn-secondary:hover,
  .btn-alternate:hover,
  .btn-dark:hover,
  .btn-light:hover {
    
    
    
		transform: scale(0.94) translateY(3px);
		transition: all .2s;
    
    /*padding-right: 45px !important;
    padding-left: 45px !important;
      -webkit-transform: translate(5px, 5px);
          -ms-transform: translate(5px, 5px);
              transform: translate(5px, 5px);*/
    
  }







form,
.submitted-message {
  font-family: var(--primary-font);
}

/* Form title */

.form-title {
  background-color: ;
  color: ;
}

/* Form label */

form label {
  color: ;
}

/* Form help text */

form legend {
  color: ;
}

/* Form inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  
    color:
  
         var(--dark-color) ;
  border-color: var(--secondary-color);
  border-radius: 10px;
  width:100% !important;
}

form input[type=text]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=number]:focus,
form input[type=file]:focus,
form select:focus,
form textarea:focus {
  
    border-color:
  
         var(--secondary-color) ;
  border-radius: 10px;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  
    color:
  
         var(--custom-a) ;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  
    color:
  
         var(--custom-a) ;
}

/* Date picker */

.fn-date-picker td.is-selected .pika-button {
  background: var(--primary-color);
}

.fn-date-picker td .pika-button:hover {
  background-color: var(--primary-color) !important;
}

.fn-date-picker td.is-today .pika-button {
  color: var(--primary-color);
}

/* Lead-in modal 'close' button */

.leadinModal-content .leadinModal-close {
  -webkit-box-shadow: none;
  box-shadow: none;
}






header.global-header .cnt-menu-mobile-main #menuBar .menu-area .content-menu{   
  
    background-color:
  #1276DC;
}

header.global-header .cnt-menu-mobile-main.has-sticky.sticky{
  
    background-color:
  rgba(255, 255, 255, 0.8);
}


header.global-header #adminBar .admin-bar-menu *{
  
    color:
  #ffffff;
  
    fill:
  #ffffff;
}

header.global-header #adminBar .nav__list>.menu-item:last-child{
	padding-right:0px;
}
header.global-header .cnt-menu-mobile-main{   
  margin-top: 0px;
  margin-bottom: 0px;
  z-index: 100;
  
}

header.global-header #menuBar .menu-area .navigation .nav__list  li.menu-item > a.menu-link,
header.global-header #menuBar .menu-area .navigation .nav__list  li.has-submenu > span.chevron {
  
    color:
  #ffffff;
  font-family: var(--primary-font);
  font-size: 20px;
  line-height: ;
  font-weight: 500;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

header.global-header #mobileMenuBar {
  
    background-color:
  #E9F4FE;
}
		header.global-header #mobileMenuBar nav.navigation {
			padding: 0 20px;
		-webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
}

header.global-header #mobileMenuBar nav.navigation.horizontal .nav__list ul.sub-menu {
  border-radius: 0;
  max-height: 100%;
}

header.global-header #mobileMenuBar .nav__list li.content-cta {
  border: 0px solid #ffffff;
  box-shadow: 0px 25px 60px rgb(0 0 0 / 30%) !important;
}

header.global-header #mobileMenuBar ul.level-1.nav__list li.menu-item > a.menu-link,
header.global-header #mobileMenuBar ul.level-1.nav__list li.has-submenu > span.chevron {
  
    color:
  
         var(--dark-color) ;
  font-family: var(--primary-font);
  font-size: 20px;
  line-height: ;
  font-weight: 500;
  letter-spacing: 1.2px;
}

header.global-header #mobileMenuBar ul.level-1.nav__list li.menu-item > a.menu-link {
  color: var(--dark-color);
}

header.global-header .sticky ul.level-1.nav__list li.menu-item > a.menu-link,
header.global-header .sticky ul.level-1.nav__list li.has-submenu > span.chevron {
  
    color:
  
         var(--dark-color) ;
}

header.global-header #mobileMenuBar ul.level-1 li.menu-item.has-submenu > a.menu-link span.chevron{
  
    background-color:
  
         var(--dark-color) ;
  background-color: transparent !important;
}
header.global-header #mobileMenuBar ul.level-1 li.menu-item.has-submenu > a.menu-link span.chevron:before {
  
    border-top-color:
  
         var(--dark-color) ;
}

header.global-header #mobileMenuBar ul.level-1 li.menu-item.has-submenu:hover > a.menu-link span.chevron{
  
    background-color:
  
         var(--custom-c) ;
}

header.global-header #mobileMenuBar ul.level-1 li.menu-item.has-submenu:hover > a.menu-link span.chevron:before {
  
    border-top-color:
  
         var(--custom-c) ;
}

header.global-header #mobileMenuBar ul.level-1.nav__list li.menu-item:hover > a.menu-link,
header.global-header #mobileMenuBar ul.level-1.nav__list li.has-submenu:hover > span.chevron{
  
    color:
  
         var(--custom-c) ;
}

header.global-header #mobileMenuBar ul.level-1.nav__list li.menu-item:hover > a.menu-link {
  color: var(--dark-color);
}

header.global-header .sticky ul.level-1.nav__list li.menu-item:hover > a.menu-link,
header.global-header .sticky ul.level-1.nav__list li.has-submenu:hover > span.chevron{
  
    color:
  
      ;
}

header.global-header #menuBar .navbar{
  height: 80px;
	padding: 0px 0px;
}

header.global-header #mobileMenuBar{
  height: calc(100vh - 80px);
  top:80px;
}

  header.global-header .sticky ~ .before-close-header-tag{
    margin-top: 80px !important;
  }


#mobileMenuBar .menu-main .nav__list .has-submenu.menu-item .sub-menu.level-2 {
  padding: 10px 0 10px 10px;
}

#mobileMenuBar .menu-main .nav__list ul.sub-menu>li.menu-item:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, .2);
}





.border--radius--default {
  border-radius: px !important;
  overflow: hidden !important;
}

.box--shadow {
  -webkit-box-shadow:0px 0px 2px rgba(0,0,0,.2);
          box-shadow:0px 0px 2px rgba(0,0,0,.2);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.box--shadow--effect:hover {
  -webkit-box-shadow:0px 4px 8px rgba(0,0,0,.2);
          box-shadow:0px 4px 8px rgba(0,0,0,.2);
  -webkit-transform: translateY(-4px);
      -ms-transform: translateY(-4px);
          transform: translateY(-4px);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

/* Images - Cards module styles - chips 6-27-2024 */
#homepage-3-col-cards .cards__card__img_inner {
  padding: 0 30px 55px;
}

#homepage-3-col-cards .cnt-cta {
  -webkit-transform: translateY(27px);
  -ms-transform: translateY(27px);
  transform: translateY(27px);
}

#homepage-3-col-cards .cnt-cta a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: .015em;
  color: #fff;
  max-width: 220px;
  min-height: 55px;
  margin: 0 auto;
  padding: 0 20px;
  background: #59b522;
  border: 2px solid #fff;
  border-radius: 10px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
  cursor: pointer;
  transition: all .2s ease-in-out;
  z-index: 1;
  -webkit-box-shadow: 0 25px 60px rgba(0, 0, 0, .3);
  box-shadow: 0 25px 60px rgba(0, 0, 0, .3);
}

#homepage-3-col-cards .cards__card__img:nth-child(2) .cnt-cta a {
  background: #ec4230;
}

#homepage-3-col-cards .cards__card__img:last-child .cnt-cta a {
  background: #1176dc;
}

#homepage-3-col-cards .cnt-cta a:hover {
  transform: scale(.94) translateY(3px);
  transition: all .2s;
}

#homepage-3-col-cards .card__icon img {
  transform: translateY(-70%);
}

#homepage-3-col-cards .card__icon.text--center {
  position: absolute;
  width: 100%;
  margin-left: -30px;
}

#homepage-3-col-cards .card__text img {
  width: calc(100% + 60px);
  max-width: calc(100% + 60px);
  margin-left: -30px;
  border-radius: 15px 15px 0 0;
}

#homepage-3-col-cards .card__text h5 {
  margin-top: 30px;
}

@media (max-width: 960px) {
  .hs-content-id-61656863869 .cards__card__img {
    padding-bottom: 130px;
  }
  
  .hs-content-id-61656863869 .cards__card__img:last-child {
    padding-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .hs-content-id-61656863869 .cards__card__img {
    padding-bottom: 130px;
    width: 100% !important;
  }
  
  .hs-content-id-61656863869 .cards__card__img:last-child {
    padding-bottom: 20px;
  }
  
  .hs-content-id-61656863869 .dnd_area-module-6.text--center.cta--area {
    width: clamp(16.75rem, -1.759rem + 98.712vw, 45.5rem);
  }

  .hs-content-id-61656863869 .dnd_area-module-6.text--center.cta--area .cta_link.center.btn-dark.button-1 {
    min-width: 206px;
    max-width: 300px;
    margin: 0 auto 10px auto;
    padding-right: 35px;
    padding-left: 35px;
  }
}

/* pre-header styles - chips 9-25-2023 */
.global-header .pre-header-content {
  background: #18182c;
  border-bottom: 2px solid #fff;
}

.global-header .pre-header-content p {
  text-align: right;
  color: #fff;
  font-size: 1.04em !important;
  line-height: 1.4;
  margin: 0;
  padding: 0.5rem;
  max-width: 1530px;
}

.global-header .pre-header-content p a {
  font-size: inherit !important;
  text-decoration: none;
}

.global-header .pre-header-content p a:nth-child(odd) {
  padding-left: 26px;
  background: url(https://www.petrocalassociates.com/hubfs/petrocal-2021/icon/icon-phone-white.png) no-repeat left 3px;
  background-size: 16px;
}

.global-header .pre-header-content p a:last-child {
  padding-left: 26px;
  background: url(https://www.petrocalassociates.com/hubfs/petrocal-2021/icon/icon-email-white.png) no-repeat left 3px;
  background-size: 16px;
}

.pre-header-content p span:nth-child(odd) {
  display: inline;
}
  
.pre-header-content p span:nth-child(2) {
  display: none;
}

@media only screen and (max-width: 850px) {
  .global-header .pre-header-content p {
    text-align: center !important;
  }
  
  .pre-header-content p span:nth-child(odd) {
    display: none;
  }
  
  .pre-header-content p span:nth-child(2) {
    display: inline;
  }
}
/* END pre-header styles */





footer {
  
    background-color:
  
         var(--light-color) ;
  font-family: var(--primary-font);
  font-size: 16px;
}

/* Footer Content */

footer #mainFooter p,
footer #mainFooter a:not([class*="btn-"]),
footer #mainFooter div{
  
    color:
  
         var(--custom-a) ;
  font-family: var(--primary-font);
  font-size: 16px;
  font-weight: 400;
}

footer #legalFooter {
  
    background-color:
  
      ;
}

footer #legalFooter p,
footer #legalFooter a,
footer #legalFooter div,
.admin-bar-menu a{
  font-family: var(--primary-font);
  font-size: 16px;
  
    color:
  
      ;
  margin:0px auto;
}

footer #legalFooter .legal-footer {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color:;
  padding-top: 15px;
  padding-bottom: 15px;
}
.legal-footer .right-area {
  float:right;
}
.legal-footer .right-area .nav__list li {
  padding-right:0px;
}






.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: 60px 0;
}
.blog-post{
  padding-top:0px;
}
/* Blog listing */

.blog-index__post-title-link {
  color: ;
}

.blog-index__post-tag,
.blog-index__post-author-name {
  color: ;
}

/* Blog pagination */

.blog-pagination__link {
  color: ;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
  background-color: ;
}

.blog-pagination__next-link svg,
.blog-pagination__prev-link svg {
  fill: ;
}

/* Blog post */

.blog-post__meta a {
  color: ;
}

.blog-post__tag-link {
  color: ;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: ;
}

.blog-post__tag-link:active {
  color: ;
}

/* Blog related posts */

.blog-related-posts__title a {
  color: ;
}

/* Blog comments */

.blog-comments {
  margin-bottom: 60px;
}

#comments-listing .comment-reply-to {
  color: ;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: ;
}

#comments-listing .comment-reply-to:active {
  color: ;
}
.btn-simple{display: inline-block;}
.center-span{
  margin:0 auto !important;
  float:inherit !important;
}
		.center-image {
			margin-top:10px;
		}
		.center-image img{
			display:block;
			margin: 0 auto;
		}
		.full-image img{
			width:100%;
			max-width:100%;
			height:auto;
			display:block;
			margin: 0 auto;
		}
		.list-items a{
			text-decoration: none;
			font-weight: 600;
			margin: 5px 14px;
			display: inline-block;
		}
		.number-step-one,.number-step-two,.number-step-three{
			position:relative;
			vertical-align: bottom;
			height: 100%;
			min-height: 100%;
			min-height: 130px;
		}
		.number-step-one img,.number-step-two img,.number-step-three img{
			width:100%;
		}
.number-step-one>span.hs_cos_wrapper,.number-step-two>span.hs_cos_wrapper,.number-step-three>span.hs_cos_wrapper{
	    position: absolute;
    bottom: 0;
}
.steps-section{
	position:relative;
}

.steps-section .image-steps{
    position: absolute;
	  left: -106px;
    bottom: 0px;
    max-height: 117px;
}
.steps-section .image-steps.one-section{
	  left: -85px;
}
.steps-section.one-section:after{
	  content: '';
    background: var(--secondary-color);
    width: 160%;
    height: 3px;
    display: inline-block;
    position: absolute;
    left: -130%;
    bottom: 0px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;

}
.steps-section.two-section:after{
	content:'';
	background: var(--secondary-color);
	width: 195px;
	height: 3px;
	display: inline-block;
	position: absolute;
	left: -101px;
	bottom: 0px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.steps-section.three-section:after{
	content:'';
	background: var(--secondary-color);
	width: 195px;
	height: 3px;
	display: inline-block;
	position: absolute;
	left: -78px;
	bottom: 0px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s; 
}
.steps-section.one-section .image-steps polyline{
	fill:#fff;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.steps-section.two-section .image-steps path{
	fill:#fff;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.steps-section.three-section .image-steps path{
	fill:#fff;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
/* HOVER EFFECTS */
.steps-section.one-section:hover .image-steps polyline{
	fill:#19B0DF;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.steps-section.two-section:hover .image-steps path{
	fill:#19B0DF;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.steps-section.three-section:hover .image-steps path{
	fill:#19B0DF;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.steps-section.one-section:hover:after{
	width: 290%;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.steps-section.two-section:hover:after{
	width: 625px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.steps-section.three-section:hover:after{
	width: 340%;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
    
    h2, h3, h4 {
      font-family: "Source Sans Pro", sans-serif !important;
    }
    
    .blog-post-wrapper .post-body .hs_cos_wrapper_type_rich_text p {
      font-size: 18px;
      line-height: 25px;
      color: #596877;
      margin-block-start: 0;
      margin-block-end: 15px;
    }
    .blog-post-wrapper .post-body .hs_cos_wrapper_type_rich_text h2 {
      font-size: 38px;
      line-height: 42px;
      letter-spacing: 1px;
      font-weight: 800;
      color: #18182c;
      margin: 1.4rem 0 0.6rem 0;
    }
    .blog-post-wrapper .post-body .hs_cos_wrapper_type_rich_text h3 {
      font-size: 32px;
      line-height: 36px;
      letter-spacing: 1px;
      font-weight: 800;
      margin-bottom: 0;
      color: #18182c;
      margin: 1.4rem 0 0.6rem 0;
    }
    .blog-post-wrapper .post-body .hs_cos_wrapper_type_rich_text h4 {
      font-size: 28px;
      line-height: 32px;
      letter-spacing: .5px;
      font-weight: 600;
      margin-bottom: 0;
      color: #596877;
      margin: 1.4rem 0 0.6rem 0;
    }
    .blog-post-wrapper .post-body .hs_cos_wrapper_type_rich_text ul li, .blog-post-wrapper .post-body .hs_cos_wrapper_type_rich_text ol li {
      font-size: 18px;
      line-height: 25px;
      color: #596877;
      margin-block-start: 10px;
      margin-block-end: 0;
    }
    .blog-post-wrapper .post-body .hs_cos_wrapper_type_rich_text blockquote {
      font-size: 30px;
      line-height: 36px;
      text-align: left;
      font-weight: 400;
      color: #18182c;
      padding: 15px 0;
      border-radius: 0 !important;
      background-color: rgba(0,0,0,0) !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      margin-block-start: 40px;
      margin-block-end: 40px;
    }
    .blog-post-wrapper .post-body .hs_cos_wrapper_type_rich_text blockquote p {
      margin-block-start: 15px;
      margin-block-end: 15px;
      color: #596877;
    }

@media only screen and (max-width: 767px){
  .steps-section .image-steps{
    position: relative;
	  left: 0;
    bottom: 0px;
    max-height: 100%;
    display: block;
    margin: 30px auto 30px;
  }
  .steps-section[class*="-section"]:after{
    width: 1024px;
    max-width: 100%;
    left: 0;
    bottom: initial;
    top: 105px;
  }

  .steps-section.three-section:after{
    top: 107px;
  }

  .steps-section[class*="-section"] .image-steps *{
    fill: var(--secondary-color) !important;
  }
  
  .logo-area span a {
    /*margin-left: -20px;
    margin-top: -10px;*/
  }
  
  .content-legal-footer-row-0-padding {
    padding-bottom: 0;
  }
    form input[type=submit],
    form .hs-button,
    a.btn-primary,
    button.btn-primary,
    input[type="submit"].btn-primary,
    input[type="button"].btn-primary,
    a.btn-secondary,
    button.btn-secondary,
    input[type="submit"].btn-secondary,
    input[type="button"].btn-secondary,
    a.btn-alternate,
    button.btn-alternate,
    input[type="submit"].btn-alternate,
    input[type="button"].btn-alternate,
    a.btn-dark,
    button.btn-dark,
    input[type="submit"].btn-dark,
    input[type="button"].btn-dark,
    a.btn-light,
    button.btn-light,
    input[type="submit"].btn-light,
    input[type="button"].btn-light,
    .btn-primary,
    .btn-secondary,
    .btn-alternate,
    .btn-dark,
    .btn-light {
      padding-right: 14px;
      padding-left: 14px;
    }
  
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
	footer #mainFooter .row-fluid{
		display:block !important;
	}
	footer .row-fluid .span3, footer .row-fluid .span2{
		width:50% !important;
		margin-top:0px;
	}
  .steps-section .image-steps{
    position: relative;
	  left: 0;
    bottom: 0px;
    max-height: 100%;
    display: block;
    margin: 30px auto 30px;
  }
  .steps-section[class*="-section"]:after{
    width: 1024px;
    max-width: 100%;
    left: 0;
    bottom: initial;
    top: 105px;
  }

  .steps-section.three-section:after{
    width: 1024px;
    max-width: 100%;
    left: 0;
    bottom: initial;
    top: 137px;
  }

  .steps-section[class*="-section"] .image-steps *{
    fill: var(--secondary-color) !important;
  }
	header.global-header #mobileMenuBar{
		top: 64px;
	}
	header.global-header #mobileMenuBar .nav__list li.content-cta{
		padding: 13px 0px;
    border-radius: 0px;
		background:transparent;
		box-shadow: none !important;
	}
	header.global-header #mobileMenuBar nav.navigation.horizontal .nav__list ul.sub-menu{
		padding-left:15px;
	}
	#defaultIconMenu:hover,#closeIconMenu:hover{cursor:pointer;}
  
  footer .row-fluid {
    flex-wrap: inherit !important;
  }
}
/* Begin bofu */
		.hero-text-right h4 {
    text-transform: uppercase;
}
		.form-bofu h3 {
			font-weight: 600;
		}
		.form-bofu h4 {
			font-weight: 400;
			font-family: var(--primary-font);
		}
/* End BOFU */		
		/* Contact Form */

	.body-container-wrapper .cta-bofu a:hover{
		color:#ffffff;
		border-color: var(--custom-c);
	}
	.body-container-wrapper .center-form-responsive .form-title {
		font-size: 18px;
    max-width: 320px;
    color: #252525;
    line-height: 30px;
	}
  .center-form-responsive input[type=text], 
	.center-form-responsive form input[type=email], 
	.center-form-responsive form input[type=password], 
	.center-form-responsive form input[type=tel], .center-form-responsive form input[type=number], 
	.center-form-responsive form input[type=file], .center-form-responsive form select, .center-form-responsive form textarea{
		-webkit-box-shadow: 5px 5px 20px #2525254d;
		        box-shadow: 5px 5px 20px #2525254d;
    border: 0;
    color: #252525;
    font-size: 15px;
    line-height: 30px;
	}
	.center-form-responsive form input[type=submit] {
    width: 100%;
}
	.center-form-responsive form input[type=submit]:hover {
    background-color: var(--custom-c);
}
	.center-form-responsive {
    max-width: 300px;
    margin: 0 auto;
}
header.global-header .cnt-menu-mobile-main.has-sticky.sticky {
    background-color: rgba(255,255,255,0) !important;
}
.menu-area:before {
  border-left: 3px solid #fff;
}
.menu-area:before, .logo-area {
  box-shadow: 0 25px 60px rgb(0 0 0 / 30%);
}
.form.hs-form.hs-button {
  text-transform: uppercase !important;
}
.dnd_area-row-1-padding {
  padding-top: 50px !important;
}
.nav__list li.content-cta {
  -webkit-box-shadow: 0px 25px 60px rgb(0 0 0 / 30%) !important;
  box-shadow: 0px 25px 60px rgb(0 0 0 / 30%) !important;
  background-color: #7fc1fe;
}
span.chevron {
  background-color: transparent !important:
}
.cnt-icon-menu-mobile {
  fill: #fff !important;
}
    
.banner.flex .inner {
  padding: 191px 0 191px 0 !important;
}

@media (max-width: 1024px){
	header.global-header #mobileMenuBar {
    top: 105px;
	}
}

@media (max-width: 865px){
	header.global-header #mobileMenuBar {
    top: 127px;
	}
}

@media (max-width: 767px){

	.logo-area span a{
		max-width:100%;
	}
	.logo-area .hs_cos_wrapper_type_logo{
		margin-left: 15px;
	}
  footer div[class*="widget-type-cell"] {
      margin-bottom: 0 !important;
  }
  .dnd_area-row-0-padding {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
	#defaultIconMenu:hover,#closeIconMenu:hover{cursor:pointer;}
	.menu-area .content-menu-skew-0{
		-webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    padding-right: 15px;
	}
  
  header.global-header #mobileMenuBar {
		height: calc(100vh - 65px);
    top: 65px;
    padding-top: 110px;
	}
  
  header.global-header #mobileMenuBar .nav__list {
    padding-bottom: 3rem;
  }
  
	header.global-header #mobileMenuBar .nav__list li.content-cta {
    position: inherit;
    right: auto;
    top: auto;
    box-shadow: none !important;
  }
  
  .text--right, .text--left {
    text-align: center;
  }
}

@media (max-width: 450px) {
  header.global-header #mobileMenuBar {
    top: 90px;
    padding-top: 110px;
  }
}

@media (max-width: 425px) {
  header.global-header #mobileMenuBar {
    top: 110px;
    padding-top: 110px;
  }
}
 
@media only screen and (max-width: 1024px) and (min-width: 577px){
  .widget_1644958060041 .pricing_cards__card__img {
      width: calc(100% / 1) !important;
  }
}