/* 1a. Containers */




/* 1b. Colors */

















/* 1c. Typography */















/* 1d. Buttons */





/* 1e. Forms */





/* 1f. Tables */











/* 1g. Site header */






/* 1h. Site footer */














body {
  font-weight: normal; text-decoration: none; line-height: 1.5; font-family: 'Open Sans'; font-style: normal;
  color: #101820;
}

/* Paragraphs */

p {
  ;
}

/* Anchors */

a:not([class]) {
  color: #00AC69;
}

a:not([class]):hover,
a:not([class]):focus {
  color: #008441;
}

a:active {
  
}

/* Headings */

h1 {
  font-weight: 500; text-decoration: none; line-height: 1; font-family: Roboto; font-style: normal;
  color: #101820;
}

h2 {
  font-weight: 500; text-decoration: none; line-height: 1; font-family: Roboto; font-style: normal;
  color: #101820;
}

h3 {
  font-family: Roboto, sans-serif; font-style: normal; font-weight: 700; text-decoration: none; line-height: 1.5;
  color: #101820;
}

h4 {
  font-weight: 500; text-decoration: none; font-family: Roboto; font-style: normal;
  color: #101820;
}

h5 {
  font-weight: 500; text-decoration: none; font-family: Roboto; font-style: normal;
  color: #101820;
}

h6 {
  font-weight: 500; text-decoration: none; font-family: Roboto; font-style: normal;
  color: #101820;
}

/* Blockquote */

blockquote {
  border-left-color: #00AC69;
}

.body-container-wrapper ul:not([class]) {
  list-style-image: url('data:image/svg+xml;charset=UTF-8, <svg width="20px" height="20px" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path width="48" height="48" fill="white" fill-opacity="0.01" d="M0 0h20v20H0V0z"/><path d="m7.917 5 5 5 -5 5" stroke="#00AC69" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}





button,
.button,
.hs-button,
input[type=submit] {
  font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: #33BC87;
  color: #FFFFFF;
  white-space: nowrap;
  align-items: center;
  justify-content: center;
  max-width: 100%;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-button:hover,
.hs-button:focus,
input[type=submit]:hover,
input[type=submit]:focus {
  color: white;
  background-color: rgba(73,74,82,1);
}

button:active,
.button:active,
.hs-button:active,
input[type=submit]:active {
  background-color: rgba(11, 148, 95, 1);
  color: #FFFFFF;
}

.button--outline {
  color: black;
  background-color: transparent;
}
.button--outline:hover,
.button--outline:focus {
  color: white;
  background-color: black;
}
.button--outline:active {
  color: white;
  background-color: rgba(0,0,0,0.5);
}



.button--secondary {
  background-color: #00AC69;
}
.button--outline.button--secondary {
  background-color: transparent;
  color: #00AC69;
  border-color: #00AC69;
}
.button--outline.button--secondary:hover,
.button--outline.button--secondary:focus {
  background-color: #00AC69;
  
    color: white;
  
}
.button--outline.button--secondary:active {
  background-color: rgba(0, 172, 105, 0.5);
  
    color: white;
  
}

.button--midtone {
  background-color: #00AC69;
}
.button--outline.button--midtone {
  background-color: transparent;
  color: #00AC69;
  border-color: #00AC69;
}
.button--outline.button--midtone:hover,
.button--outline.button--midtone:focus {
  background-color: #00AC69;
  
    color: black;
  
}
.button--outline.button--midtone:active {
  background-color: rgba(0, 172, 105, 0.5);
  
    color: black;
  
}

.button--white {
  background-color: #FFFFFF;
}
.button--outline.button--white {
  background-color: transparent;
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.button--outline.button--white:hover,
.button--outline.button--white:focus {
  background-color: #FFFFFF;
  
    color: black;
  
}
.button--outline.button--white:active {
  background-color: rgba(255, 255, 255, 0.5);
  
    color: black;
  
}

.button--success {
  background-color: #00AC69;
}
.button--outline.button--success {
  background-color: transparent;
  color: #00AC69;
  border-color: #00AC69;
}
.button--outline.button--success:hover,
.button--outline.button--success:focus {
  background-color: #00AC69;
  
    color: white;
  
}
.button--outline.button--success:active {
  background-color: rgba(0, 172, 105, 0.5);
  
    color: white;
  
}

.button--midtone_light {
  background-color: #98D2CB;
}
.button--outline.button--midtone_light {
  background-color: transparent;
  color: #98D2CB;
  border-color: #98D2CB;
}
.button--outline.button--midtone_light:hover,
.button--outline.button--midtone_light:focus {
  background-color: #98D2CB;
  
    color: black;
  
}
.button--outline.button--midtone_light:active {
  background-color: rgba(152, 210, 203, 0.5);
  
    color: black;
  
}

.button--tertiary {
  background-color: #F37E00;
}
.button--outline.button--tertiary {
  background-color: transparent;
  color: #F37E00;
  border-color: #F37E00;
}
.button--outline.button--tertiary:hover,
.button--outline.button--tertiary:focus {
  background-color: #F37E00;
  
    color: white;
  
}
.button--outline.button--tertiary:active {
  background-color: rgba(243, 126, 0, 0.5);
  
    color: white;
  
}

.button--black {
  background-color: #101820;
}
.button--outline.button--black {
  background-color: transparent;
  color: #101820;
  border-color: #101820;
}
.button--outline.button--black:hover,
.button--outline.button--black:focus {
  background-color: #101820;
  
    color: white;
  
}
.button--outline.button--black:active {
  background-color: rgba(16, 24, 32, 0.5);
  
    color: white;
  
}

.button--warning {
  background-color: #F37E00;
}
.button--outline.button--warning {
  background-color: transparent;
  color: #F37E00;
  border-color: #F37E00;
}
.button--outline.button--warning:hover,
.button--outline.button--warning:focus {
  background-color: #F37E00;
  
    color: white;
  
}
.button--outline.button--warning:active {
  background-color: rgba(243, 126, 0, 0.5);
  
    color: white;
  
}

.button--error {
  background-color: #F5A800;
}
.button--outline.button--error {
  background-color: transparent;
  color: #F5A800;
  border-color: #F5A800;
}
.button--outline.button--error:hover,
.button--outline.button--error:focus {
  background-color: #F5A800;
  
    color: white;
  
}
.button--outline.button--error:active {
  background-color: rgba(245, 168, 0, 0.5);
  
    color: white;
  
}

.button--midtone_dark {
  background-color: #041154;
}
.button--outline.button--midtone_dark {
  background-color: transparent;
  color: #041154;
  border-color: #041154;
}
.button--outline.button--midtone_dark:hover,
.button--outline.button--midtone_dark:focus {
  background-color: #041154;
  
    color: white;
  
}
.button--outline.button--midtone_dark:active {
  background-color: rgba(4, 17, 84, 0.5);
  
    color: white;
  
}

.button--primary {
  background-color: #041154;
}
.button--outline.button--primary {
  background-color: transparent;
  color: #041154;
  border-color: #041154;
}
.button--outline.button--primary:hover,
.button--outline.button--primary:focus {
  background-color: #041154;
  
    color: white;
  
}
.button--outline.button--primary:active {
  background-color: rgba(4, 17, 84, 0.5);
  
    color: white;
  
}

.button--info {
  background-color: #00AC69;
}
.button--outline.button--info {
  background-color: transparent;
  color: #00AC69;
  border-color: #00AC69;
}
.button--outline.button--info:hover,
.button--outline.button--info:focus {
  background-color: #00AC69;
  
    color: white;
  
}
.button--outline.button--info:active {
  background-color: rgba(0, 172, 105, 0.5);
  
    color: white;
  
}






form,
.submitted-message {
  font-weight: normal; text-decoration: none; line-height: 1.5; font-family: 'Open Sans'; font-style: normal
}

.hs-input.invalid.error {
  border-color: #F5A800;
}

.hs-error-msg {
  color: #F5A800;
}

.styled-form.styled-form--dark input[type=text],
.styled-form.styled-form--dark input[type=email],
.styled-form.styled-form--dark input[type=password],
.styled-form.styled-form--dark input[type=tel],
.styled-form.styled-form--dark input[type=number],
.styled-form.styled-form--dark input[type=file],
.styled-form.styled-form--dark select,
.styled-form.styled-form--dark textarea {
  font-family: 'Open Sans'; font-style: normal; font-weight: normal; text-decoration: none
}

/* Form title */

h3.form-title {
  
}

/* Form label */

.field > label {
  font-weight: 500; text-decoration: none; font-family: Roboto; font-style: normal
}

/* Form help text */

form legend {
  font-weight: normal; text-decoration: none; line-height: 1.5; font-family: 'Open Sans'; font-style: normal
}

/* Form inputs */

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=file],
select,
textarea {
font-family: 'Open Sans'; font-style: normal; font-weight: normal; text-decoration: none
  background-color: #98D2CB;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=file]:focus,
select:focus,
textarea:focus {
  
}

.hs-form-required {
  
}

/* Form placeholder text */

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  
}

/* Date picker */

.fn-date-picker td.is-selected .pika-button {
  background: #041154;
}

.fn-date-picker td .pika-button:hover {
  background-color: #041154 !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #041154;
}






table {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-color: ;
}

th,
td {
  border-color: ;
  color: ;
}

thead th,
thead td {
  background-color: 

  
  
    
  


  rgba(4, 17, 84, 1.0)

;
  border-bottom-color: ;
  color: #FFFFFF;
}

tfoot td {
  background-color: 

  
  
    
  


  rgba(4, 17, 84, 1.0)

;
  color: #FFFFFF;
}

tbody + tbody {
  border-top-color: ;
}





.header {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1)

;
}
.header.scrolled {
  background-color: ;
}

body .navigation-menu a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-weight: 500; text-decoration: none; line-height: 1; font-family: Roboto; font-style: normal;
  font-size: 16px;
  color: #101820
}

body .navigation-menu a:hover,
body .navigation-menu a:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: 

  
  
    
  


  rgba(0, 172, 105, 1.0)

;
}

body .navigation-menu a:active,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li a:active {
  color: 

  
  
    
  


  rgba(0, 172, 105, 1.0)

;
}

body .navigation-menu .submenu.level-1 > li > a.active-item:after {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1)

;
}

body .submenu.level-2,
body .header__language-switcher .lang_list_class {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1)

;
  
}

body .submenu.level-2 > li:first-child:before {
  
}

body .header__language-switcher .lang_list_class:before {
  
}

body .submenu.level-2 .menu-item .menu-link:hover,
body .submenu.level-2 .menu-item .menu-link:focus,
body .header__language-switcher .lang_list_class li:hover,
body .submenu.level-2 > li:first-child:hover:before,
body .submenu.level-2 > li:first-child.focus:before {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1)

;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(255, 255, 255, 1)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Open Sans;
}

.header__language-switcher-label-current:after {
  border-top-color: 

  
  
    
  


  rgba(0, 172, 105, 1.0)

;
}

@media(max-width: 768px) {
  body .navigation-menu a,
  .header__logo .logo-company-name,
  .header__language-switcher-label-current,
  .header__language-switcher .lang_list_class li a {
    font-size: 30;
  }

  .header__navigation {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: 

  
  
    
  


  rgba(0, 172, 105, 1.0)

;
  }
}






.footer {
  background-color: 

  
  
    
  


  rgba(4, 17, 84, 1.0)

;
}

/* Footer Content */

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6
.footer p,
.footer a,
.footer div,
.footer span {
  color: #FFFFFF;
}





.blog-post__date {
  border-color: #101820;
}

.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
  color: #101820;
}

.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
  color: #000000;
}

.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active {
  color: #384048;
}

.blog-tag-filter__menu-link--active-item:after {
  background-color: #041154;
}

.blog-pagination__link {
  color: #101820;
}

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

.blog-post__title {
  font-weight: 500; text-decoration: none; line-height: 1; font-family: Roboto; font-style: normal;
  color: #101820;
  font-size: 46px;
}

.blog-post__author {
  background-color: #00AC69;
}

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

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

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











body .icon svg {
  fill: #041154;
}

body .tns-nav button.tns-nav-active {
  background-color: #041154;
}

body .tns-nav button:hover,
body .tns-nav button:focus {
  background-color: #041154;
}

body .team-member__description {
  background-color: #00AC69;
}

body .text-carousel__dots .slick-active button::after {
  background-color: #041154;
}

.hs-video-placeholder::after,
.oembed_custom-thumbnail_icon::after {
	content: url(//436298.fs1.hubspotusercontent-na1.net/hubfs/436298/raw_assets/public/Block%20Club%20Theme%202020/images/btn-play.svg);
}