@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Roboto+Condensed&display=swap');



.dnd-section--hidden {
  display:none;
}





/* 1a. Containers */




/* 1b. Colors */











/* 1c. Typography */


























/* 1d. Buttons */








/* 1e. Forms */













/* 1f. Tables */













/* 1g. Website header */








/* 1h. Website footer */








html { scroll-behavior: smooth; }

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

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 100px 1rem;
}

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





html {
  font-size: 15px;
}

body {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #222222;
  font-size: 15px;
}

main {
  overflow:hidden;
}

/* Paragraphs */

p {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Anchors */

a {
  font-weight: normal; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  color: #EE4037;
}

a:hover,
a:focus {
  font-weight: normal; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  color: #c6180f;
}

a:active {
  font-weight: normal; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  color: #ff685f;
}

/* breadcrumb-menu and menu without link */
a[href='javascript:;']:hover,
a[href='#']:hover,
a[href='']:hover {
  cursor: default!important;
}
.footer a[href='javascript:;']:hover,
.footer a[href='#']:hover,
.footer a[href='']:hover {
  cursor: default!important;
  color: #EE4037;
}

/* Headings */

h1 {
  font-weight: 800; text-decoration: none; font-family: Mulish, sans-serif; font-style: normal;
  color: #222222;
  font-size: 60px;
  text-transform: none;
}

h2 {
  font-weight: 800; text-decoration: none; font-family: Mulish, sans-serif; font-style: normal;
  color: #222222;
  font-size: 38px;
  text-transform: none;
}

h3 {
  font-weight: 700; text-decoration: none; font-family: Mulish, sans-serif; font-style: normal;
  color: #222222;
  font-size: 22px;
  text-transform: none;
}

h4 {
  font-weight: 700; text-decoration: none; font-family: Mulish, sans-serif; font-style: normal;
  color: #222222;
  font-size: 17px;
  text-transform: none;
}

h5 {
  font-weight: 700; text-decoration: none; font-family: Mulish, sans-serif; font-style: normal;
  color: #000000;
  font-size: 15px;
  text-transform: none;
}

h6 {
  font-weight: normal; text-decoration: none; font-family: Mulish, sans-serif; font-style: normal;
  color: #222222;
  font-size: 12px;
  text-transform: none;
}

/* Blockquote */

blockquote {
  border-left-color: #EE4037;
}

.font-primary {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

.font-secondary {
  font-family: Mulish, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
} 

/* custom default round list with a chevron */

main .widget-type-rich_text ul:not([style*='list-style-type: square;']),
main .module-two-columns__text ul:not([style*='list-style-type: square;']),
#mega_menu--wrapper ul:not([style*='list-style-type: square;']) {
  padding-left:1.4rem;
}

main .widget-type-rich_text ul:not([style*='list-style-type: square;']) li,
main .module-two-columns__text ul:not([style*='list-style-type: square;']) li,
#mega_menu--wrapper ul:not([style*='list-style-type: square;']) li {
  position: relative;
  display: block;
  padding: 0px 0px 0px 1.5rem;
  font-weight: 400;
  letter-spacing: .5px;
}

main .widget-type-rich_text ul:not([style*='list-style-type: square;']) li:before,
main .module-two-columns__text ul:not([style*='list-style-type: square;']) li:before,
#mega_menu--wrapper ul:not([style*='list-style-type: square;']) li:before {
  font-family: 'Font Awesome 5 free';
  font-weight: bold;
  content: '\f054';
  position: absolute;
  left: 3px;
  top: 2px;
  font-size: .8rem;
}






button,
.button,
.hs-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 2px solid #EE4037;
  height:48px;
  padding:0px 25px;
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: #EE4037;
  border-radius: 5px;
  color: white;
  text-transform: none;
  margin-bottom:1rem;
}
button svg path,
.button svg path,
.hs-button svg path {
  fill: white;
}
button:hover,
.button:hover,
.hs-button:hover,
button:focus,
.button:focus,
.hs-button:focus{
  background-color: white;
  border-color: #EE4037;
  color: #EE4037;
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .14);
}
button:hover svg path,
.button:hover svg path,
.hs-button:hover svg path,
button:focus svg path,
.button:focus svg path,
.hs-button:focus svg path{
  fill: #EE4037;
}

button.button-small,
.button.button-small,
.hs-button.button-small {
  font-size: .917rem;
  line-height: 1.667rem;
  height:32px;
  padding:0px 15px;
}
.header button.button-small,
.header .button.button-small,
.header .hs-button.button-small {
  margin-bottom:0px;
}

.button-wrapper.button-wrapper--full-width .button,
.button-wrapper.button-wrapper--full-width .hs-button {
  display:flex;
}

.header__row-1 .button {
  margin-left:0.875rem;
}

button.button-yellow,
.button.button-yellow,
.hs-button.button-yellow {
  background:#D8FF6A;
  border-color: #D8FF6A;
  color: #222222;
}
button.button-yellow svg path,
.button.button-yellow svg path,
.hs-button.button-yellow svg path {
  fill: #222222;
}

button.button-yellow:hover,
.button.button-yellow:hover,
.hs-button.button-yellow:hover,
butto.button-yellow:focus,
.button.button-yellow:focus,
.hs-button.button-yellow:focus{
  background-color: white;
  border-color: #222222;
  color: #222222;
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .14);
}
button.button-yellow:hover svg path,
.button.button-yellow:hover svg path,
.hs-button.button-yellow:hover svg path,
butto.button-yellow:focus svg path,
.button.button-yellow:focus svg path,
.hs-button.button-yellow:focus svg path{
  fill: #222222;
}

button.button-white,
.button.button-white,
.hs-button.button-white {
  font-size: .917rem;
  line-height: 1.667rem;
  background: white;
  color: #EE4037;
  border-color: #EE4037;
}
button.button-white svg path,
.button.button-white svg path,
.hs-button.button-white svg path {
  fill: #EE4037;
}
button.button-white:hover,
.button.button-white:hover,
.hs-button.button-white:hover,
butto.button-white:focus,
.button.button-white:focus,
.hs-button.button-white:focus{
  background-color: #EE4037;
  border-color: #EE4037;
  color: white;
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .14);
}
button.button-white:hover svg path,
.button.button-white:hover svg path,
.hs-button.button-white:hover svg path,
butto.button-white:focus svg path,
.button.button-white:focus svg path,
.hs-button.button-white:focus svg path{
  fill: white;
}








form,
.submitted-message {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Form title */

.form-title {
  color: #222222;
}

/* Labels */

form label {
  color: #222222;
  font-size:1rem;
  font-weight:600;
}

/* Help text */

form legend {
  color: #222222;
}


 /* Inputs */
    
 form input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 50%;
  height: 30px!important;
  width: 30px!important;
  position: relative;
  background-color: #F5F3F2;
  margin-right: 0.75rem;
}
.dnd-column[class*='background-color'] form input[type=radio],
.dark-bg-form form input[type="radio"] {
    background-color: white};
}

@keyframes radioAnimation  {
  0%   { transform:scale(0%); opacity:0; }
  60%  { transform:scale(150%); opacity:1; }
  100% { transform:scale(100%); opacity:1; }
}

form input[type=radio]:after {
  top: 10px;
  left: 10px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #EE4037;
  content: "";
  position: absolute;
  display:none;
  animation: radioAnimation .8s ease-in-out;
  animation-iteration-count: 1;
  opacity:1;
}

form input[type=radio]:checked:after {
  display: block;
}

form input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 2px;
  height: 24px !important;
  width: 24px !important;
  position: relative;
  background-color: #F5F3F2;
  margin-right: 0.75rem;
  top: -1px;
  flex: 0 0 auto;
}
.dnd-column[class*='background-color'] form input[type=checkbox],
.dark-bg-form form input[type=checkbox] {
    background-color: white};
}

.footer input[type=checkbox] {
  background-color:#414141;
}

.inputs-list label {
  display:inline-flex; 
}
form input[type=checkbox]:checked:after {
  display: block;
}

@keyframes checkboxMove {
  0%   {    transform: rotate(0deg);}
  80%  {    transform: rotate(55deg);}
  100% {    transform: rotate(45deg);}
}

form input[type=checkbox]:after {
  top: 4px;
  left: 9px;
  width: 8px;
  height: 13px;
  border-radius: 1px;
  content: "";
  position: absolute;
  display: none;
  border: 1px solid #EE4037;
  border-width: 0px 3px 3px 0px;
  animation: checkboxMove .4s ease-in-out;
  animation-iteration-count: 1;
  transform: rotate(45deg);
}

form select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  border: none;
  padding:.7rem 2rem .7rem .7rem;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
}

form .hs-fieldtype-select .input {
  position:relative;
}

form .hs-fieldtype-select .input:before {
  font-family: 'Font Awesome 5 free';
  font-weight: bold;
  content: '\f107';
  position: absolute;
  right: 1rem;
  top: 2px;
  font-size: 1.2rem;
  height: 100%;
  display: flex;
  align-items: center;
  color:#EE4037;
  pointer-events: none;
}

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 .select-selected.select-arrow-active, */
form textarea:focus {
  outline: none !important;
  border:0px solid #EE4037;
  box-shadow: 0 0 4px 1px rgba(238, 64, 55,.7); 
}

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 .select-selected,
form .select-items,
form textarea {
  border: none;
  background-color: #F5F3F2;
  color: #222222;
  border-radius: 0px;
  min-height: 50px;
  width:100%!important;
}
.dnd-column[class*='background-color'] form input[type=text],
.dark-bg-form form input[type=text],
.dnd-column[class*='background-color'] form input[type=email],
.dark-bg-form form input[type=email],
.dnd-column[class*='background-color'] form input[type=password],
.dark-bg-form form input[type=password],
.dnd-column[class*='background-color'] form input[type=tel],
.dark-bg-form  form input[type=tel],
.dnd-column[class*='background-color'] form input[type=number],
.dark-bg-form  form input[type=number],
.dnd-column[class*='background-color'] form input[type=file],
.dark-bg-form form input[type=file],
.dnd-column[class*='background-color'] form select,
.dark-bg-form form select,
.dnd-column[class*='background-color'] form .select-selected,
.dark-bg-form form .select-selected,
.dnd-column[class*='background-color'] form .select-items,
.dark-bg-form form .select-items,
.dnd-column[class*='background-color'] form textarea,
.dark-bg-form form textarea {
  background-color: white;
}

.footer form input[type=text],
.footer form input[type=email],
.footer form input[type=password],
.footer form input[type=tel],
.footer form input[type=number],
.footer form input[type=file],
.footer form select,
.footer form textarea {
  background-color:#414141;
  min-height: 50px;
  color:white;
}

.footer form input[type=radio],
.footer form input[type=checkbox] {
  background-color: #414141;
}

.footer label.hs-error-msg,
label.hs-error-msg {
  color:orange;
}
  
form .select-selected {
  box-shadow: 0px 1px 0px .5px rgba(0, 0, 0, .1);
}

form .select-items {
  color: #222222;
  background-color: #F5F3F2;
}
form .select-items div {
  background-color: #2a3240;
  border-color: transparent transparent rgba(255, 255, 255, .05) transparent;
}
form .select-items div:hover {
  background-color: #222834;
}

form .select-items {
  background-color: White;
}

.inputs-list label {
   display: inline-flex;
}
.inputs-list label p, 
.legal-consent-container .hs-form-booleancheckbox-display>span p {
   margin-left: 0rem!important;
}
/* Form placeholder text */

::-webkit-input-placeholder {
  color: #9A9A9A;
}

::-moz-placeholder {
  color: #9A9A9A;
}

:-ms-input-placeholder {
  color: #9A9A9A;
}

::placeholder {
  color: #9A9A9A;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #9A9A9A;
}

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

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

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








/* Table */

table {
  background-color: white;
}

/* Table cells */

td,
th {
  border: 1px solid #D3D3D3;
  padding:7px!important;
  color: #222222;
  background: #ffffff;
  font-family:'lato', sans-serif;
}

/* Table header */

thead th, th {
  background-color: #9A9A9A;
  color: white;
  font-weight:bold;
}

/* Table footer */

tfoot td {
  background-color: #9A9A9A;
  color: white;
}





.header {
  background-color: #222222;
}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #fff;
  font-family: Lato;
  font-weight:bold;
}

.menu__child-toggle-icon {
  border-top-color: #fff;
}

.menu .menu__link:hover,
.menu .menu__link: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(255, 255, 255, .8);
  font-weight:bold;
}

.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
  border-top-color: #EE4037;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: inherit;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: inherit;
}

.menu__child-toggle-icon:active {
  border-top-color: #EE4037;
}

.menu.menu--desktop .menu__item--depth-1 > .menu__link--active-link:after,
.menu.menu--desktop .menu__item--depth-1 > .menu__link--active-branch:after {
  bottom: 1.5rem;
  content: '';
  height: 2px;
  left: .5rem;
  position: absolute;
  width: calc(100% - 1rem);
}
.header__row-1 .menu.menu--desktop .menu__item--depth-1 > .menu__link--active-link:after,
.header__row-1 .menu.menu--desktop .menu__item--depth-1 > .menu__link--active-branch:after {
  bottom:.5rem;
}

.menu.menu--desktop .menu__item--depth-1 > .menu__link--active-link:after,
.menu.menu--desktop .menu__item--depth-1 > .menu__link--active-branch:after {
  background-color: #fff;
}
.menu.menu--desktop .menu__item--depth-1 > .menu__link--active-branch  + button + .menu__submenu .menu__link--active-link {
  background-color: #CE0A00;
}

@media (min-width: 999px) {
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    border: 0px solid rgba(255,255,255,.2);
    background-color: #EE4037;
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    border: 0px solid rgba(255,255,255,.2);
    background-color: #EE4037;
  }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: white;
  background-color: #EE4037;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: ;
}

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
  background-color: #CE0A00;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: #222222;
}

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

.header__language-switcher-label-current:after {
  border-top-color: #fff;
}

@media(max-width: 999px) {
  .header__navigation {
    background-color: #222222;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #fff;
  }
}






/* menus in columns */
.footer__container.content-wrapper.footer__container-columns {
  max-width:none; 
  padding: 5rem 30px 4rem 30px;
}
.footer__container.content-wrapper.footer__container-columns .dnd-section,
.footer__container.content-wrapper.footer__container-copyright .dnd-section {
  padding: 0px;
}
.footer__container.content-wrapper.footer__container-copyright {
  max-width:none; 
  padding: 0rem 30px 2rem 30px;
}
.footer.footer-no-navigation .footer__container.content-wrapper.footer__container-copyright {
  padding: 2rem 30px 2rem 30px;
}
.footer .footer__container-columns .hs-menu-wrapper  .hs-menu-item.hs-menu-depth-1 {
  margin-bottom:2rem;
}
.footer .footer__container-columns .hs-menu-wrapper .hs-menu-item.hs-menu-depth-1 > a:first-child {
  font-weight:600;
  letter-spacing:1px;
}
.footer .footer__container-columns .hs-menu-wrapper .hs-menu-item.hs-menu-depth-1 .hs-menu-children-wrapper {
  margin-top:1rem;
}
.footer .footer__container-columns .hs-menu-wrapper ul ul li {
  margin: 5px 0px;
} 

.footer .footer__container-columns .hs-menu-wrapper ul ul li a {
  position:relative;
  color:white;
  display:block;
  padding: 0px 0px 0px 1.5rem;
  font-weight:400;
  letter-spacing: .5px;
} 
.footer .footer__container-columns .hs-menu-wrapper ul ul li a:hover,
.footer .footer__container-columns .hs-menu-wrapper ul ul li a:focus {
  color: rgba(255,255,255,.8);
}
.footer .footer__container-columns .hs-menu-wrapper ul ul li a:before {
    font-family: 'Font Awesome 5 free';
    font-weight: bold;
    content: '\f054';
    position: absolute;
    left: 3px;
    top: 2px;
    font-size: .8rem;
} 

  /* menu in copyright */
  
  .footer .footer__container-copyright .hs-menu-wrapper ul {
    justify-content: center;
    flex-direction:row;
  }
  .footer .footer__container-copyright .hs-menu-wrapper .hs-menu-item a {
    color:white;
    font-size:.8rem;
    font-weight:400;
  }
  .footer .footer__container-copyright .hs-menu-wrapper .hs-menu-item a:hover,
  .footer .footer__container-copyright .hs-menu-wrapper .hs-menu-item a:focus {
    color: rgba(255,255,255,.8);
  }
  
  
  
  .footer {
    background-color: #222222;
  }
  .footer.footer-no-navigation {
    background-color: #EE4037;
  }
  
  /* Footer content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: white;
}





.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: 100px 0;
}

/* Blog post */

.blog-post__meta a {
  color: #222222;
}

.blog-post__tag-link {
  color: #222222;
}

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

.blog-post__tag-link:active {
  color: #4a4a4a;
}

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
  font-weight: 800; text-decoration: none; font-family: Mulish, sans-serif; font-style: normal;
  text-transform: none;
}

.blog-related-posts__title-link {
  color: #222222;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
  color: #000000;
}

.blog-related-posts__title-link:active {
  color: #4a4a4a;
}

/* Blog comments */

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

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

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

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





.hs-search-results__title {
  font-weight: 800; text-decoration: none; font-family: Mulish, sans-serif; font-style: normal;
  color: #222222;
}





/* Blog listing */

.blog-index__post-title-link,
.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus,
.blog-index__post-title-link:active {
  font-weight: 800; text-decoration: none; font-family: Mulish, sans-serif; font-style: normal;
  text-transform: none;
}

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

.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus {
  color: #000000;
}

.blog-index__post-title-link:active {
  color: #4a4a4a;
}

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

/* Blog pagination */

.pagination__link-text,
.pagination__link--number {
  color: #222222;
}

.pagination__link:hover .pagination__link-text,
.pagination__link:focus .pagination__link-text,
.pagination__link--number:hover,
.pagination__link--number:focus {
  color: #000000;
}

.pagination__link:active .pagination__link-text,
.pagination__link--number:active {
  color: #4a4a4a;
}

.pagination__link-icon svg {
  fill: #222222;
}

/* Pricing card */

.card__price {
  font-weight: 700; text-decoration: none; font-family: Mulish, sans-serif; font-style: normal;
  color: #222222;
  font-size: 22px;
}

.card__body svg {
  fill: #222222;
}

/* Social follow */

.social-links__icon {
  background-color: #222222;
}

.social-links__icon:hover,
.social-links__icon:focus {
  background-color: #000000;
}

.social-links__icon:active {
  background-color: #4a4a4a;
  font-weight: 700; text-decoration: none; font-family: Mulish, sans-serif; font-style: normal;
  color: #222222;
  font-size: 22px;
}