.dnd-section { padding: 80px 20px }
.blog-post__column-wrapper { padding: 80px 0 }
.dnd-section > .row-fluid, .content-wrapper, .header__wrapper { max-width: 1200px; }

html { font-size: 16px; }
body { font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; background-color: #ffffff; color: #1f2d3a; font-size: 16px; }

p { font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none }
a { font-weight: normal; text-decoration: none; font-family: 'Open Sans', sans-serif; font-style: normal; color: #303030 }
a:hover, a:focus { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: underline; color: #4097DB }
a:active { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: underline; color: #90e7ff }

h1 { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 800; text-decoration: none; color: #1f2d3a; font-size: 55px; text-transform: none }
@media (max-width: 767px) { h1 { font-size: 26px } }
h2 { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none; color: #1f2d3a; font-size: 35px; text-transform: none }
@media (max-width: 767px) { h2 { font-size: 22px } }
h3 { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none; color: #1f2d3a; font-size: 25px; text-transform: none; }
@media (max-width: 767px) { h3 { font-size: 20px } }
h4 { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none; color: #1f2d3a; font-size: 20px; text-transform: none; }
@media (max-width: 767px) { h4 { font-size: 17px } }
h5 { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none; color: #1f2d3a; font-size: 18px; text-transform: none }
@media (max-width: 767px) { h5 { font-size: 16px  } }
h6 { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none; color: #1f2d3a; font-size: 18px; text-transform: none }
@media (max-width: 767px) { h6 { font-size: 18px } }

blockquote { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none; border-left-color: #FFFFFF; color: #000000; font-size: 24px; }
blockquote > footer { font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 16px; }

hr { border-bottom-color: #F4F4F4 }

button, .button, .hs-button { border: 3px solid #4097DB;
 padding-top: 12px;
padding-right: 30px;
padding-bottom: 12px;
padding-left: 30px;
 font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; text-decoration: none; background-color: 

  
  
    
  


  rgba(64, 151, 219, 1.0)

;  border-radius: 0px; color: #ffffff; fill: #ffffff; font-size: 18px; text-transform: none; }
button:hover, button:focus, button:active, .button:hover, .button:focus, .button:active, .hs-button:hover, .hs-button:focus, .hs-button:active { border: 3px solid #4097DB;
 font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; text-decoration: none; background-color: 

  
  
    
  


  rgba(3, 3, 3, 0.0)

; color: #4097DB; fill: #4097DB; }
button:active, .button:active, .hs-button:active { border: 3px solid #4097DB;
 font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; text-decoration: none; background-color: rgba(83, 83, 83, 0); border-color: #90e7ff; color: #4097DB; fill: #4097DB; }

.button.button--secondary { border: 3px solid #4097DB;
 font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; text-decoration: none; background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

; border-radius: 0px; color: #4097DB; fill: #4097DB; text-transform: none }
.button.button--secondary:hover, .button.button--secondary:focus, .button.button--secondary:active { border: 3px solid #4097DB;
 font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; text-decoration: none; background-color: 

  
  
    
  


  rgba(64, 151, 219, 1.0)

; color: #ffffff; fill: #ffffff }
.button.button--secondary:active { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; text-decoration: none; background-color: rgba(144, 231, 255, 100);  border: 3px solid #4097DB;
  border-color: #90e7ff;  color: #ffffff;  fill: #ffffff;}
.button.button--brutalist {   border: 2px solid #000000;
  font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;  border-radius: 0px;  color: #000000;  fill: #000000;  text-transform: none;  box-shadow: 8px 8px 0px 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;}
.button.button--brutalist:hover, .button.button--brutalist:focus, .button.button--brutalist:active {  border: 2px solid #000000;
 font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none; background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

; color: #000000; fill: #000000; top: -4px; left: -4px; box-shadow: 12px 12px 0px 

  
  
    
  


  rgba(0, 0, 0, 1.0)

; }
.button.button--highlight { border: 3px solid #303030;
 font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; text-decoration: none; background-color: 

  
  
    
  


  rgba(48, 48, 48, 1.0)

; border-radius: 0px; color: #FFFFFF; fill: #FFFFFF; text-transform: none }
.button.button--highlight:hover, .button.button--highlight:focus, .button.button--highlight:active { border: 3px solid #303030;
 font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; text-decoration: none; background-color: 

  
  
    
  


  rgba(195, 52, 227, 0.0)

; color: #303030; fill: #303030 }
.button.button--highlight:active { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; text-decoration: none; background-color: rgba(255, 132, 255, 0); border: 3px solid #303030;
  border-color: #808080; color: #303030; fill: #303030 }
.button.button--simple { font-weight: normal; text-decoration: none; font-family: 'Open Sans', sans-serif; font-style: normal;  color: #303030; fill: #303030 }
.button.button--simple:hover, .button.button--simple:focus { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: underline; color: #4097DB; fill: #4097DB }
.button.button--simple:active { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: underline; color: #90e7ff; fill: #90e7ff }
.button.button--small { padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
 font-size: 14px }
.button.button--large { padding-top: 16px;
padding-right: 36px;
padding-bottom: 16px;
padding-left: 36px;
 font-size: 20px }

form {  border: 0px none #FFFFFF;
 padding: 45px;
 border-radius: 0px }
.form-title { border: 0px none #4097DB;
 padding: 25px;
 font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none; border-top-left-radius: 0px;   border-top-right-radius: 0px;   color: #030303 !important;   font-size: 25px;   text-transform: ; }
form label { padding-top: 6px;
padding-right: 0px;
padding-bottom: 4px;
padding-left: 0px;
 font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #1f2d3a; font-size: 16px; }
form legend { font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;   color: #cccccc; font-size: 14px; }
form input[type='text'], form input[type='email'], form input[type='password'], form input[type='tel'], form input[type='number'], form input[type='search'], form select, form textarea {  border: 0px none #F4F4F4;
   padding: 10px;
   font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;   background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;   border-radius: 0px;   color: #1f2d3a;   font-size: 16px; }
::-webkit-input-placeholder { color: #F4F4F4 }
::-moz-placeholder { color: #F4F4F4 }
:-ms-input-placeholder { color: #F4F4F4 }
:-moz-placeholder { color: #F4F4F4 }
::placeholder { color: #F4F4F4 }

form .hs-dateinput:before {  right: 10px; }
form .pika-table thead th { background-color: 

  
  
    
  


  rgba(#null, 1.0)

;   color: #030303; }
form td.is-today .pika-button {  color: #000000; }
form .is-selected .pika-button {  background-color: #FFFFFF;   color: #000000; }
form .pika-button:hover { background-color: #4097DB !important;}
form .hs-richtext, form .hs-richtext *, form .hs-richtext p, form .hs-richtext h1, form .hs-richtext h2, form .hs-richtext h3, form .hs-richtext h4, form .hs-richtext h5, form .hs-richtext h6 { font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;  color: #1f2d3a; }
form .legal-consent-container, form .legal-consent-container .hs-richtext, form .legal-consent-container .hs-richtext p {   font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;   color: #1f2d3a;   font-size: 14px; }


  form input[type='submit'], form .hs-button {  border: 3px solid #4097DB;
  font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;  background-color: 

  
  
    
  


  rgba(64, 151, 219, 1.0)

;  border-radius: 0px;  color: #ffffff;  text-transform: none;   }
  form input[type='submit']:hover, form input[type='submit']:focus, form .hs-button:hover, form .hs-button:focus {  border: 3px solid #4097DB;
  font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;  background-color: 

  
  
    
  


  rgba(3, 3, 3, 0.0)

;  color: #4097DB }
  form input[type='submit']:active, form .hs-button:active { border: 3px solid #4097DB;
 font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; text-decoration: none; background-color: rgba(83, 83, 83, 0);   border-color: #90e7ff;   color: #4097DB; }




  form input[type='submit'], form .hs-button { padding-top: 12px;
padding-right: 30px;
padding-bottom: 12px;
padding-left: 30px;
 font-size: 18px }


.submitted-message {   border: 0px none #FFFFFF;
;   padding: 45px;
;   background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;   border-radius: 0px; }

.icon { padding: 12px;
; background-color: 

  
  
    
  


  rgba(48, 48, 48, 1.0)

; }
.icon svg { fill: #FFFFFF; height: 22px; width: 22px; }
.icon--light .icon { background-color: 

  
  
    
  


  rgba(238, 238, 238, 1.0)

; }
.icon--light svg { fill: #303030 }
.icon--small svg { height: 14px; width: 14px }
.icon--small .icon { padding: 10px;
 }
.icon--large svg { height: 30px; width: 30px; }
.icon--large .icon { padding: 16px;
 }

table {   border: 0px solid #F4F4F4;
   background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

; }
th, td {   border: 0px solid #F4F4F4;
   padding: 10px;
   color: #000000; }
thead th, thead td {   background-color: 

  
  
    
  


  rgba(#null, 1.0)

;   color: #030303; }
tfoot th, tfoot td {   background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;   color: #000000; }

.header {   background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

; }
.header p, .header h1, .header h2, .header h3, .header h4, .header h5, .header h6, .header a:not(.button), .header span, .header div, .header li, .header blockquote, .header .tabs__tab, .header .tabs__tab:hover, .header .tabs__tab:focus, .header .tabs__tab:active { color: #000000; }
.header__top {   background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

; }
.header__language-switcher-current-label > span {   font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;   color: #000000;   font-size: 16px;   text-transform: none; }
.header__language-switcher:hover .header__language-switcher-current-label > span, .header__language-switcher:focus .header__language-switcher-current-label > span { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;   color: #000000; }
.header__language-switcher-child-toggle svg {   fill: #000000; }
.header__language-switcher .lang_list_class li {   background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

; }
.header__language-switcher .lang_list_class a:not(.button) {   font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;   color: #000000;   font-size: 16px;   text-transform: none; }
.header__language-switcher .lang_list_class a:hover, .header__language-switcher .lang_list_class a:focus {   background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;   color: #000000; }
.header__language-switcher .lang_list_class a:active {   background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

; }


  @media screen and (min-width: 768px) {     .header__language-switcher .lang_list_class { box-shadow: 0px 8px 19px 2px rgba(0,0,0,0.08); -webkit-box-shadow: 0px 8px 19px 2px rgba(0,0,0,0.08); -moz-box-shadow: 0px 8px 19px 2px rgba(0,0,0,0.08); }   }


.header__bottom {   background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

; }
.header__logo-company-name {   font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;   color: #1f2d3a;   font-size: 25px;   text-transform: none; }

@media (max-width: 767px) { .header__menu--mobile {   background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

; } }

.header__menu-link {   font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;   font-size: 16px;   text-transform: none; }
.header__menu-item--depth-1 > .header__menu-link:not(.button) {   color: #000000; }
.header__menu-item--depth-1 > .header__menu-link:hover, .header__menu-item--depth-1 > .header__menu-link:focus {   font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;   color: #000000; }
.header__menu-item--depth-1 > .header__menu-link:active {   font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;   color: #505050; }
.header__menu-item--depth-1 > .header__menu-link--active-link:not(.button) {   font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;   color: #000000; }
.header__menu-item--depth-1 .header__menu-child-toggle svg {   fill: #000000; }
.header__menu-submenu {   background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

; }
.header__menu-submenu .header__menu-link:not(.button) {   color: #000000; }
.header__menu-submenu .header__menu-item:hover, .header__menu-submenu .header__menu-item:focus {   background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

; }
.header__menu-submenu .header__menu-link:hover, .header__menu-submenu .header__menu-link:focus {   font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;   color: #000000; }
.header__menu-submenu .header__menu-link:active {   background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

; }
.header__menu-submenu .header__menu-link--active-link:not(.button) {   color: ;   background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

; }


  @media screen and (min-width: 768px) { .header__menu-submenu { box-shadow: 0px 8px 19px 2px rgba(0,0,0,0.08); -webkit-box-shadow: 0px 8px 19px 2px rgba(0,0,0,0.08);  -moz-box-shadow: 0px 8px 19px 2px rgba(0,0,0,0.08);  }  }

.header__menu-toggle svg {   fill: #000000; }

.footer {   background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

; }
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6, .footer p, .footer a:not(.button), .footer span, .footer div, .footer li, .footer blockquote, .footer .tabs__tab, .footer .tabs__tab:hover, .footer .tabs__tab:focus, .footer .tabs__tab:active { color: #000000 }
.footer hr {   border-bottom-color: #000000 !important; }
.footer .hs-menu-wrapper a {   font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;   color: #000000;   font-size: 16px;   text-transform: none; }
.footer .hs-menu-wrapper a:hover, .footer .hs-menu-wrapper a:focus {   font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;   color: #000000; }
.footer .hs-menu-wrapper a:active {   font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;   color: #505050; }
.footer .hs-menu-wrapper .active > a {   font-weight: bold; text-decoration: underline; font-family: 'Open Sans', sans-serif; font-style: normal;   color: #000000; }

.error-page:before {   font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
#email-prefs-form, #email-prefs-form h1, #email-prefs-form h2 {   color: #1f2d3a; }
.hs-search-results__title { font-size: 35px; }
.backup-unsubscribe input[type='email'] { font-size: 16px !important;   padding: padding: 10px;
 !important; }
.accordion__summary, .accordion__summary:before { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;   font-size: 20px; }
.blog-post__left-sidebar .btn__back-to-posts { color: #1f2d3a; }

.blog-listing__post-title { text-transform: none; }
.blog-listing__post-title-link { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;   color: #1f2d3a; }
.blog-listing__post-title-link:hover, .blog-listing__post-title-link:focus { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;   color: #000000; }
.blog-listing__post-title-link:active {   font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;   color: #6f7d8a; }
.blog-listing__post-tag {   color: #1f2d3a; }
.blog-listing__post-tag:hover, .blog-listing__post-tag:focus {   color: #000000; }
.blog-listing__post-tag:active {   color: #6f7d8a; }
.blog-listing__post-author-name, .blog-post__author-name {   color: #1f2d3a; }
.blog-listing__post-author-name :hover, .blog-listing__post-author-name :focus, .blog-post__author-name:hover, .blog-post__author-name:focus {   color: #000000; }
.blog-listing__post-author-name :active, .blog-post__author-name:active {   color: #6f7d8a; }
.image-gallery__close-button-icon:hover, .image-gallery__close-button-icon:focus {  background-color: rgba(0, 0, 0, 1.0); }
.image-gallery__close-button-icon:active { background-color: rgba(128, 128, 128, 1.0); }

.icon--light .image-gallery__close-button-icon:hover, .icon--light .image-gallery__close-button-icon:focus {  background-color: rgba(158, 158, 158, 1.0); }
.icon--light .image-gallery__close-button-icon:active { background-color: rgba(255, 255, 255, 1.0); }

.pagination__link-icon svg { fill: #303030; height: 16px;   width: 16px; }
.pagination__link:hover .pagination__link-icon svg, .pagination__link:focus .pagination__link-icon svg { fill: #4097DB; }
.pagination__link:active .pagination__link-icon svg { fill: #808080; }
.pagination__link--active { border-color: #F4F4F4 }
.pricing-card__heading { background-color: #4097DB; }

.social-follow__icon:hover, .social-follow__icon:focus, .social-sharing__icon:hover, .social-sharing__icon:focus { background-color: rgba(0, 0, 0, 1.0); }
.social-follow__icon:active, .social-sharing__icon:active { background-color: rgba(128, 128, 128, 1.0); }
.icon--light .social-follow__icon:hover, .icon--light .social-follow__icon:focus, .icon--light .social-sharing__icon:hover, .icon--light .social-sharing__icon:focus {  background-color: rgba(158, 158, 158, 1.0); }
.icon--light .social-follow__icon:active, .icon--light .social-sharing__icon:active { background-color: rgba(255, 255, 255, 1.0); }
.tabs__tab, .tabs__tab:hover, .tabs__tab:focus, .tabs__tab:active { border-color: #1f2d3a; color: #1f2d3a; }




.hs-form-booleancheckbox label a
{
  color:#4097db !important;
}

.hs-form-booleancheckbox span
{
  margin-top:-5px;
}