@import url("https://use.typekit.net/tjp0unm.css");

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/*** CUSTOM UPLOADED FONTS 
  * Remove the @font-face block below if you're loading Adobe Type Kit.
***/

  /*** FONTS FOR EASY COPY & PASTE 
   * 
   * Add Name of Your Fonts Here
   * 
   * ***/

/******  WEBSITE GLOBAL FONTS ******/
body {font-family: 'proxima-nova', sans-serif !important;}

strong {
font-weight: 900;
}


/******  WEBSITE HEADINGS ******/
h1 {font-family: 'proxima-nova', sans-serif !important; font-weight:900; font-style:italic}
h2 {font-family: 'proxima-nova', sans-serif !important; padding-bottom:20px;}
h3 {font-family: 'proxima-nova', sans-serif !important; font-size:32px !important; line-height:30px; font-weight:800; color:#ffffff; !important; text-transform:uppercase !important; font-style:italic !important; margin:0px !important;}
h4 {font-family: 'proxima-nova', sans-serif !important; font-size:24px !important; font-weight:800; animation:color_fade_color 4s alternate infinite !important; !important; text-transform:uppercase !important; font-style:italic !important; margin:0px !important;}
h5 {font-family: 'proxima-nova', sans-serif !important;font-size:20px !important; color:#000000; !important; margin:0px !important; padding-top:2px;}
h6 {font-family: 'proxima-nova', sans-serif !important; font-size:32px !important; line-height:30px; font-weight:800; animation:color_fade_color 4s alternate infinite !important; text-transform:uppercase !important; font-style:italic !important; margin:0px !important; }
h1, h2, h3, h4, h5, h6 {text-transform: unset;}


@keyframes color_fade_color {
  from {color:#0088ff;}
  to {color:#e800b8;}
  }

.hhs-foot-copyright {
  color:#ffffff !important
}

/****** PARAGRAPHS AND LISTS ******/

p {font-family: 'proxima-nova', sans-serif !important; color:#000000 !important;}
li, ol {font-family: 'proxima-nova', sans-serif !important;}
blockquote {font-family: 'proxima-nova', sans-serif !important;}


/******  BLOG HEADINGS ******/
h1.blog-post__title {font-family: 'proxima-nova', sans-serif !important;}
.blog-post h2 {font-family: 'proxima-nova', sans-serif !important;}
.blog-post h3 {font-family: 'proxima-nova', sans-serif !important;}
.blog-post h4 {font-family: 'proxima-nova', sans-serif !important;}
.blog-post h5 {font-family: 'proxima-nova', sans-serif !important;}
.blog-post h6 {font-family: 'proxima-nova', sans-serif !important;}

/****** BLOG PARAGRAPHS AND LISTS ******/

#comments-listing .comment-body p,
.blog-post p,
.blog-post span {font-family: 'proxima-nova', sans-serif !important;}
.blog-post li, .blog-post ol {font-family: 'proxima-nova', sans-serif !important;}


/****** CALLS TO ACTION ******/

.cta-primary,
.cta-primary:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary 
  {font-family: 'proxima-nova', sans-serif !important;
   margin:none !important;}

.cta-secondary,
.cta-secondary:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary
  {font-family: 'proxima-nova', sans-serif !important;
margin:none !important;}


.cta-tertiary,
.cta-tertiary:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary
{font-family: 'proxima-nova', sans-serif !important;}


/****** FORM ELEMENTS ******/

.hs-button,
.button--primary 
{font-family: 'proxima-nova', sans-serif !important;
    color:#fff !important;
    border: 3px #38005E solid !important;
    border-radius: 50px !important;
    text-transform:capitalize !important;
    font-weight:400 !important;
    box-shadow:none !important;}

.submit-alt .hs-button,
.submit-alt .button--primary {font-family: 'proxima-nova', sans-serif !important;}

/* INPUT TEXT FIELD */

form,
.submitted-message,
select,
.hs-input {font-family: 'proxima-nova', sans-serif !important;}

/* FORM LABEL */

.hs-fieldtype-checkbox > label,
.hs-form label {font-family: 'proxima-nova', sans-serif !important;}

/* CHECKBOX AND RADIO BUTTONS */

.hs_radio_buttons .hs-form-radio label,
.hs_single_checkbox label,
.hs-form label.hs-form-radio-display span,
.hs-fieldtype-checkbox .hs-form-checkbox label,
.hs-form-booleancheckbox label 
  {font-family: 'proxima-nova', sans-serif !important;}

/* HELP TEXT */

.hs-form legend {font-family: 'proxima-nova', sans-serif !important;}

/* GDPR TEXT */

.legal-consent-container,
.legal-consent-container p {font-family: 'proxima-nova', sans-serif !important;}

/* ERROR MESSAGE */

.hs-error-msgs label {font-family: 'proxima-nova', sans-serif !important;}


/* HEADER */

.hhs-lang-switch .lang_list_class li a,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
  font-family: 'proxima-nova', sans-serif !important;
}

.hhs-nav-grid {
  width:90vw;
  max-width:1280px;
  justify-self:center;
  padding-left:0px !important;
  padding-right:0px !important;
}

/* FOOTER  */

.hhs-foot-rss h5, .hhs-foot-nav-col h5 {
  font-family: 'proxima-nova', sans-serif !important;
}

@media (max-width: 922px) {
.hhs-social-con {
margin-bottom: 0px !important;
}
}

.hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
  font-family: 'proxima-nova', sans-serif !important;
}

/* TIMELINE MODULE */

.timeline-end, .timeline-start, .timeline-launch {
    display: none !important;
}

@keyframes color_fade_bg {
  from {background:#0088ff;}
  to {background:#e800b8;}
  }


.hhs-hero-overlay {
  opacity:0.5 !important;
  animation: color_fade_bg 4s alternate infinite !important;
  
}

.hhs-nav-links {text-transform:capitalize !important}

.max_width {
  width:90vw;
  max-width:1280px;
  margin:0 auto;
}

#header_hat {
 color:#000;
 font-size:16px;
}

.hero-wrapper {
  height:800px !important;
  margin-top:92px;
}

.hero-wrapper-sub {
  height:400px !important;
  z-index:-1000 !important;
  /*margin-top:92px;*/
}

hr {
  animation:separator 4s infinite alternate !important;
}

@keyframes separator {
  from {border-bottom:2px solid #0088ff;}
  to {border-bottom:2px solid #e800b8;}
  }

/* CUSTOM CSS FOR COUNTERS ON HOME PAGE */

.number-counter-grid {
    display: grid !important;
    grid-template-rows: 1fr !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    width:auto !important;
    grid-gap:20px;
}

.number-counter-card {
    padding:20px !important;
    border-radius:5px;
    background:#38005e;
    width:340px;
    display:grid !important;
    justify-self:center;
  }
.number-counter-card-inner {
    display: grid !important;
    grid-template-rows:1fr auto 1fr;
    padding:0px !important;
    justify-self:center !important;
  }
.number-counter-top-text {
  grid-row:1;
  justify-self:center;
  align-self:center;
  margin:none !important;
}
.number-counter-middle-container {
  grid-row:2;
  justify-self:center;
  align-self:center;
}
.number-counter-bottom-text {
  grid-row:3;
  justify-self:center;
  align-self:center;
  margin:none !important;
  padding-top:5px;
}

.counter-title {
  font-size:20px;
  font-weight:600;
  color:#fff;
  text-align:center;
}

#hs_cos_wrapper_dnd_area-module-5 .number-counter-card-inner {
  padding:10px 0px;
  animation:color_fade_color 4s alternate infinite !important;
}

@media only screen and (max-width:1111px) {
  
  #hs_cos_wrapper_dnd_area-module-5 .number-counter-card-inner {
    font-size:38px !important;
  }
  
  .number-counter-card {
    width:300px;
  }

}

@media only screen and (max-width:979px) {

  .number-counter-grid {
    grid-template-rows: 1fr 1fr 1fr !important;
    grid-template-columns: 1fr !important;
}

}

/*------------------------------------------------------*/

.lottie-file {
  display:grid;
  justify-content:center;
}

.col-12 {
  display:grid;
}

.scrolling-logos {
  width:90vw;
  max-width:1280px;
  justify-self:center;
}
  
#hs_cos_wrapper_widget_1701961520900 {
  width:90vw;
  max-width:1280px;
  justify-self:center;
  margin-left:50%;
  transform:translateX(-50%);
}

.hs-button {
  border:none !important;
}

.hhs-social-team-con {
  color:#000 !important
}

#ready-box {
  margin-top:30px;
}

.hhs-card-flip-con .tile .contents {
  padding:  30px 10px !important;
}

.products-intro {
  font-size: 32px;
  font-weight:800;
  font-style:italic;
  text-align:center;
  color:#000;
}

.actions {
  padding-top:30px;
}

.hs-form label {
  margin-bottom:10px !important;
}

.page_video {
  height:600px;
}