

/* Table of contents

  1. Variables
    1a. Containers
    1b. Breakpoints
    1c. Colors
    1d. Typography
    1e. Borders
    1f. Corner Radius
    1g. Lists
    1h. Horizontal Rule
    1i. Blockquote
    1j. Buttons
    1k. Forms
    1l. Tables
    1m. Site Header
    1n. Site Footer
    1o. Blog
  2. Containers / Grid / DnD Areas
  3. Typography
  4. Buttons
  5. Forms
  6. Tables
  7. Site Header
  8. Site Footer
  9. Blog
  10. System Pages
  11. Modules

*/

/* ************************************************************************* */
/* ****************************  1. Variables   **************************** */
/* ************************************************************************* */

/* 1a. Containers */




/* 1b. Breakpoints */






/* 1c. Colors */














/* 1d. Typography */












/* 1e. Border */



/* 1f. Corner Radius */



/* 1g. Lists */






/* 1h. Horizontal Rule */



/* 1i. Blockquote */




/* 1j. Buttons */








































/* 1k. Forms */















































/* 1l. Tables */











/* 1m. Site Header */



















/* 1n. Site Footer */












/* 1o. Blog */









/* ************************************************************************* */
/* *****************   2. Containers / Grid / DnD Areas   ****************** */
/* ************************************************************************* */

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

@media screen and (min-width: 1200px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section {
  padding: 80px 20px;
}

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

/* General  */
.container {
  max-width: 1200px;
}

@media screen and (max-width: 768px) {
  .mobile-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

/* ************************************************************************* */
/* **************************   3. Typography   **************************** */
/* ************************************************************************* */

html {
  font-size: 16px;
}

body {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1)

;
  color: #0D2547;
  font-size: 16px;
}

/* Paragraphs */

p {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #0D2547;
  font-size: 16px;
}

p.lead,
p.intro {
  font-size: 1.25rem;
}

/* Anchors */

a {
  /* font-size: 16px; */
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #2196F3;
}

a:hover, a:focus {
  /* font-size: 16px; */
  font-weight: normal; text-decoration: underline; font-family: Lato, sans-serif; font-style: normal;
  color: #008bed;
}

a.button:disabled {
  background-color: #e6e6e6;
  pointer-events: none;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #0D2547;
  text-transform: none;
}



h1 {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 900; text-decoration: none;
  color: #0D2547;
  font-size: 48px;
  letter-spacing: 0px;
  text-transform: none;
}

h2 {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #0D2547;
  font-size: 36px;
  letter-spacing: 0px;
  text-transform: none;
}

h3 {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #0D2547;
  font-size: 25px;
  letter-spacing: 0px;
  text-transform: none;
}

h4 {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #0D2547;
  font-size: 20px;
  letter-spacing: 0px;
  text-transform: none;
}

h5 {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #0D2547;
  font-size: 18px;
  letter-spacing: 0px;
  text-transform: none;
}

h6 {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #0D2547;
  font-size: 18px;
  letter-spacing: 0px;
  text-transform: none;
}



/* Lists */

ul,
ol {
  margin: 1.5rem 0;
  padding-left: 2.5rem;
}

ul li,
ol li {
  margin: 0.5rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
}

/* Blockquote */

blockquote {
  border-left: 7px solid 

  
  
    
  


  rgba(33, 150, 243, 1.0)

;
  padding-left: 15px;
}

/* Horizontal Rules */
hr {
  border-bottom-color: #d0d0d0;
}

/* ************************************************************************* */
/* ***************************   4. Buttons   ****************************** */
/* ************************************************************************* */

/* Primary Button */

button,
.button {
  font-weight: 700; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  background-color: 

  
  
    
  


  rgba(243, 79, 28, 1.0)

;
  border: 1px solid #F34F1C;
  border-radius: 30px;
  color: #ffffff;
  fill: #ffffff;
  font-size: 16px;
  padding: 10px 50px;
  text-transform: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

button:disabled,
.button:disabled {
  background-color: #d0d0d0;
  border-color: #d0d0d0;
  color: #e6e6e6;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
button:active,
.button:active {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(218, 54, 3, 1.0)

;
  border: 1px solid #DA3603;
  color: #ffffff;
}

button:active,
.button:active {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: rgba(255, 134, 83, 100);
  background-color: #ff8653;
  border: 1px solid #DA3603;
  border-color: #ff8653;
}


/* Secondary Buttons */

.button.button--secondary {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(33, 150, 243, 1.0)

;
  color: #FFFFFF;
  border: 1px solid #2196F3;
  border-radius: 32px;
  fill: #FFFFFF;
  padding: 10px 50px;
  text-transform: none;
  float: left;
}

.button.button--secondary:hover,
.button.button--secondary:focus,
.button.button--secondary:active {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(8, 125, 218, 1.0)

;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  fill: #FFFFFF;
}

.button.button--secondary:active {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: rgba(88, 205, 255, 100);
  border: 1px solid #FFFFFF;
  border-color: #ffffff;
  color: #ffffff;
  fill: #ffffff;
}

/* Simple Buttons */

.button.button--simple {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #2196F3;
  fill: #2196F3;
  text-transform: uppercase;
}



  .button.button--simple:after {
    content: none;
  }



.button.button--simple:hover,
.button.button--simple:focus {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  border: none;
  color: #087dda;
  fill: #087dda;
}



  .button.button--simple:hover:after,
  .button.button--simple:focus:after,
  .button.button--simple:active:after {
    content: none;
  }



.button.button--simple:active {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  border: none;
  color: #58cdff;
  fill: #58cdff;
}

/* Button Sizing */

.button.button--small {
  font-size: 14px;
  padding: 10px 50px;
}

.button.button--large {
  font-size: 23px;
  padding: 15px 60px;
}

/* ************************************************************************* */
/* *****************************   5. Forms   ****************************** */
/* ************************************************************************* */

form {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border: 1px solid #CBE8F8;
  border-radius: 4px;
  padding: 45px 45px;
}

.hs-form-field {
  margin-bottom: 20px;
}

.submitted-message {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border: 1px solid #CBE8F8;
  border-radius: 4px;
  padding: 45px 45px;
}

/* Form Title */

.form-title {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(13, 37, 71, 1.0)

;
  border: 1px none #CBE8F8;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #ffffff;
  font-size: 36px;
  padding: 24px 24px;
  text-transform: none;
}

/* Labels */

.hs-form-field > label,
.hs-form-field > label span {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #0D2547;
  font-size: 16px;
  padding: 0px 0px;
}

form div.in-focus > label {
  color: #0D2547;
}

/* Help Text - Legends */

.hs-form-field legend {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #0D2547;
  font-size: 14px;
}

/* Inputs */

input[type='text'],
input[type='email'],
input[type='password'],
input[type='tel'],
input[type='number'],
input[type='file'],
select,
textarea {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(233, 239, 245, 1.0)

;
  border: 1px none #D0D0D0;
  border-radius: 4px;
  color: #3D3E40;
  font-size: ;
  padding: 18px 20px;
}

input::-webkit-input-placeholder {
  color: #CBD1D6;
}

input::-moz-placeholder {
  color: #CBD1D6;
}

input:-ms-input-placeholder {
  color: #CBD1D6;
}

input::placeholder {
  color: #CBD1D6;
}

form .in-focus select {
  color: #0D2547;
}

/* Inputs - Checkbox/Radio */

form .inputs-list:not(.no-list) label,
form .inputs-list:not(.no-list) label > span,
form .inputs-list:not(.no-list) label > span p {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #0D2547;
  font-size: 14px;
}

form ul.inputs-list li input + span:before {
  border: 1px solid #CBE8F8;
  border-radius: 4px;
}

form .input ul.invalid.error > li input + span:before {
  border-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Inputs - Select */

.hs-fieldtype-select .input:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #0D2547;
}

/* Inputs - Datepicker */

.hs-datepicker button.pika-button:hover {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

 !important;
}

.hs-datepicker .is-selected button.pika-button {
  background-color: #e1e1e1 !important;
}

.hs-datepicker .is-today button.pika-button {
  color: #e1e1e1;
}

/* Form Rich Text */

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: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #0D2547;
}

/* GDPR Text */

.legal-consent-container,
.legal-consent-container .hs-richtext,
.legal-consent-container .hs-richtext p {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #0D2547;
  font-size: 16px;
}

/* Validation */

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

.hs-error-msgs li,
.hs-error-msgs li label {
  color: #FF7A6E !important;
}

.hs-error-msgs li a {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Submit */



  form input[type='submit'],
  form .hs-button {
    font-weight: 700; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
    background-color: 

  
  
    
  


  rgba(243, 79, 28, 1.0)

;
    border: 1px solid #F34F1C;
    border-radius: 30px;
    color: #ffffff;
    display: inline-block;
    fill: #ffffff;
    padding: 10px 50px;
    text-align: center;
    text-transform: none;
  }

  form input[type='submit']:hover,
  form input[type='submit']:focus,
  form .hs-button:hover,
  form .hs-button:focus {
    font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(218, 54, 3, 1.0)

;
    border: 1px solid #DA3603;
    color: #ffffff;
  }

  form input[type='submit']:active,
  form .hs-button:active {
    font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
    background-color: rgba(255, 134, 83, 100);
    border: 1px solid #DA3603;
    border-color: #ff8653;
  }





  form input[type='submit'],
  form .hs-button {
    font-size: 16px;
  }



/* ************************************************************************* */
/* ****************************   6. Tables   ****************************** */
/* ************************************************************************* */

table {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border: 1px solid #D0D0D0;
}

th,
td {
  border: 1px solid #D0D0D0;
  color: 

  
  
    
  


  rgba(13, 37, 71, 1)

;
  padding: 15px 15px;
}

tr:nth-child(odd) {
  background-color: rgba(233, 239, 245, .35);
}

thead th,
thead td {
  background-color: 

  
  
    
  


  rgba(13, 37, 71, 1.0)

;
  border-bottom: 2px solid #D0D0D0;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1)

;
}

tbody + tbody {
  border-top: 2px solid #D0D0D0;
}

/* ************************************************************************* */
/* **************************   7. Site Header   *************************** */
/* ************************************************************************* */

/* Primary header  */

.header {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-bottom: 1px none #FFFFFF;
}

.header h1,
.header h2,
.header h3,
.header h4,
.header h5,
.header h6 {
  color: 

  
  
    
  


  rgba(33, 150, 243, 1.0)

;
}

.header__main-bar p,
.header__main-bar a:not(.hs-button),
.header__main-bar div,
.header__main-bar span,
.header--no-navigation p,
.header--no-navigation a:not(.hs-button),
.header--no-navigation div,
.header--no-navigation span {
  color: #000000;
}


.header__container {
  max-width: 1200px;
}

/* Logo */

.logo-company-name {
  color: 

  
  
    
  


  rgba(255, 255, 255, 1)

;
}

/* Site Navigation */

.header__navigation {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__menu .header__navigation .menu-link {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 900; text-decoration: none;
  color: #252525;
  font-size: 16px;
  text-transform: none;
}

.header__menu .header__navigation .menu-link:hover,
.header__menu .header__navigation .menu-link:focus {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 900; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(33, 150, 243, 0.0)

;
  color: #252525;
}

.header__menu .header__navigation .submenu.level-1 > li > .menu-link.active-item,
.header__menu .header__navigation .submenu.level-1 > li > .menu-link.active-branch {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 900; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(33, 150, 243, 0.0)

;
  color: #252525;
}

.header__menu .header__navigation .submenu.level-1 > li > .menu-link.active-item:after,
.header__menu .header__navigation .submenu.level-1 > li > .menu-link.active-branch:after {
  background-color: #252525;
}

.header__menu .header__navigation .submenu:not(.level-1) .menu-link {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #000000;
  font-size: 16px;
  text-transform: none;
}

@media screen and (max-width: 768px) {
  .header__menu .header__navigation .submenu:not(.level-1) .menu-link {
    font-family: Lato, sans-serif; font-style: normal; font-weight: 900; text-decoration: none;
    color: #252525;
    text-transform: none;
  }
}

.header__menu .header__navigation .submenu:not(.level-1) .menu-link:hover,
.header__menu .header__navigation .submenu:not(.level-1) .menu-link:focus {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(33, 150, 243, 1.0)

;
  color: #FFFFFF;
}

.header__menu .header__navigation .submenu:not(.level-1) .menu-link.active-item,
.header__menu .header__navigation .submenu:not(.level-1) .menu-link.active-branch {
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(33, 150, 243, 1.0)

;
  color: #FFFFFF;
}

/* ************************************************************************* */
/* **************************   8. Site Footer   *************************** */
/* ************************************************************************* */

.footer {
  background-color: rgba(13, 37, 71, 1.0);
  border-top: 1px none #2196F3;
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  font-size: 16px;
}

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6 {
  color: 

  
  
    
  


  rgba(33, 150, 243, 1.0)

;
}

.footer p,
.footer a:not(.hs-button),
.footer div,
.footer span {
  color: #FFFFFF;
}

.footer__container {
  max-width: 1200px;
}

.footer form .inputs-list:not(.no-list) label, 
.footer form .inputs-list:not(.no-list) label>span, 
.footer form .inputs-list:not(.no-list) label>span p {
  color: #FFFFFF;
}

.footer__navigation .hs-menu-item a {
  color: #FFFFFF;
  text-transform: none;
}

.footer__navigation .hs-menu-item a:hover {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  color: #2196F3;
}

.footer__navigation .hs-menu-item a:active {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  color: #2196F3;
}

.footer__navigation h4 {
  color: 

  
  
    
  


  rgba(33, 150, 243, 1.0)

;
}

.footer__form .form-title {
  color: 

  
  
    
  


  rgba(33, 150, 243, 1.0)

;
}

.footer form label,
.footer form label > span {
  color: #FFFFFF;
}

.footer .legal-consent-container, 
.footer .legal-consent-container .hs-richtext, 
.footer .legal-consent-container .hs-richtext p {
  color: #FFFFFF;
}


/* ************************************************************************* */
/* *****************************   9. Blog   ******************************* */
/* ************************************************************************* */


/* Blog listings banner module */



  .blog-index-header {
    background-image: linear-gradient(153.09deg, 

  
  
    
  


  rgba(0, 159, 253, 1.0)

 0%, 

  
  
    
  


  rgba(45, 57, 156, 1.0)

 100%);
  }



.blog-index-header .blog-index-header__title {
  color: #FFFFFF;
}

.blog-index-header .blog-index-header__subtitle {
  color: #FFFFFF;
}

.blog-index-header .content-wrapper {
  padding: 135px 20px;
}

/* Blog Meta - Author/Avatar/Timestamp */

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

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

/* Tags/Topics */
.blog-tag {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Blog Listing */

.blog-navigation .blog-navigation__text {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #0D2547;
}

/* Blog Pagination */

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

/* Blog Post */

.blog-post__title {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #0D2547;
  font-weight: 700;
}

.blog-post__body h1,
.blog-post__body h2,
.blog-post__body h3,
.blog-post__body h4,
.blog-post__body h5,
.blog-post__body h6 {
  color: #0D2547;
  font-family: Lato, sans-serif;
  font-weight: 700;
}

/* Recent Posts */

.blog-recent-posts .content-wrapper > h2 {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  font-weight: 700;
}

/* ************************************************************************* */
/* *************************   10. System Pages   ************************** */
/* ************************************************************************* */

/* Error Pages - Global */

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

/* System Pages - Global */

.hs-search-results__title {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #0D2547;
}

.hs-search-results__title:hover {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Forms in System Pages */

#email-prefs-form h3 {
  font-size: 20px;
}

/* Password Prompt */

.password-prompt input[type='password'] {
  margin-bottom: 20px;
}

/* Backup Unsubscribe */

.backup-unsubscribe input[type='email'] {
  margin-bottom: 20px;
  padding: 18px 20px !important;
}

/* ************************************************************************* */
/* ***************************   11. Modules  ****************************** */
/* ************************************************************************* */

/* Icon */

body .icon svg {
  fill: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  width: 16px;
}

/* Social Follow */

body .social-links__icon {
  background-color: 

  
  
    
  


  rgba(33, 150, 243, 1.0)

;
}

body .social-links__icon:hover,
body .social-links__icon:focus,
body .social-links__icon:active {
  background-color: #1287e4;
}

/* Testimonial slider */

/* Footer style for testimonial slider */
.footer .tns-nav button {
  background-color: rgba(33, 150, 243, 0.15);
}

.footer .tns-nav button.tns-nav-active,
.footer .tns-nav button:hover,
.footer.footer .tns-nav button:focus {
  background-color: 

  
  
    
  


  rgba(33, 150, 243, 1.0)

;
}

.footer .blockquote-icon {
  fill: 

  
  
    
  


  rgba(33, 150, 243, 1.0)

;
}

.header__main-bar .testimonial__module h1,
.header__main-bar .testimonial__module h2,
.header__main-bar .testimonial__module h3,
.header__main-bar .testimonial__module h4,
.header__main-bar .testimonial__module h5,
.header__main-bar .testimonial__module h6,
.header__main-bar .testimonial__module div,
.header__main-bar .testimonial__module p,
.header__main-bar .testimonial__module span,
.footer .testimonial__module h1,
.footer .testimonial__module h2,
.footer .testimonial__module h3,
.footer .testimonial__module h4,
.footer .testimonial__module h5,
.footer .testimonial__module h6,
.footer .testimonial__module div,
.footer .testimonial__module p,
.footer .testimonial__module span {
  color: #0D2547;
}

.footer .testimonial__module a,
.footer .footer .testimonial__module a {
  color: #2196F3;
}

.footer .footer .testimonial__module a:hover,
.footer .testimonial__module a:hover {
  color: #008bed;
}

/* Menu - Site Header */

@media screen and (max-width: 767px) {
  body .header__mobile-menu-icon,
  body .header__mobile-menu-icon:after,
  body .header__mobile-menu-icon:before {
    background-color: #252525;
  }

  body .menu-arrow-icon,
  body .menu-arrow-icon:after {
    background-color: #252525;
  }
}

@media (max-width: 767px) {
    #testClass h1 {
      color: #BA5B5B;
      size: 1px;
    }