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

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

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

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
:root {
  --primary-font: "Roboto", sans-serif;
  --color-black: #222;
  --color-blue: #007AFF;
  --color-orange: #FB8C00;
  --color-gray: rgb(108, 108, 108);
  --color-gray-dark: #3A3A3A;
}

html {
  scroll-behavior: smooth; 
}

body {
  font-family: var(--primary-font);
  background: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.38;
  color: var(--color-black);
  font-optical-sizing: auto;
  font-style: normal;
}
h1,h2,h3,h4,h5,h6 {
  color: var(--color-black);
  font-weight: 600;
  line-height: 1.5;
}

a {
  transition: 0.3s ease;
  text-decoration: none;
  color: rgb(248, 133, 50);
}

img {
  max-width: 100%;
  height: auto;
}

.hs-form-required {
    color: red;
}
ul, ol {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.mobile-only {
  display: none;
} 

.row-fluid-center {
  align-items: center; 
}
.row-fluid-small-gap {
  gap: 0 3%; 
}

.reveal{
  position: relative;
  transform: translateY(120px);
  opacity: 0;
  transition: .5s all ease;
}

.reveal.active{
  transform: translateY(0);
  opacity: 1;
}



form .hs-error-msgs {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}
.hs-error-msgs li {
  line-height: 1.1;
  margin: 0 0 10px 0;
  padding: 0;
}
.hs-error-msgs .hs-main-font-element {
  font-size: 12px;
  color: red;
  line-height: 1.1;
}

@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(8px); }
}

/* Custom */
h1, h2, h3, h4, h5, h6 {
    margin: 10px 0;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: 0px;
}

h1 {
    color: #222222;
    font-family: Roboto;
    font-size: 90px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0px;
    line-height: 1.1em; 
}
h2 {
  color: #222222;
  font-family: Roboto;
  font-size: 50px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0px;
  line-height: 1.1em;
}
h3 {
    color: #222222;
    font-family: Roboto;
    font-size: 37px;
    font-style: normal;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0px;
    line-height: 1.1em;
}
h4 {
  color: #222222;
  font-family: Roboto;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
  text-transform: unset;
  letter-spacing: 0px;
  line-height: 1.1em;
}

h5 {
    color: #222222;
    font-family: Roboto;
    font-size: 21px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0px;
    line-height: 1.1em;
}
h6 {
  color: #222222;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0px;
  line-height: 1.1em;
}
p {
    color: #444444;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: unset;
    letter-spacing: 0px;
    line-height: 1.3em;
}
@media (max-width: 767px) {
  h1 {
    font-size: 50px;
  }
  h2 {
    font-size: 33px; 
  }
  h3 {
    font-size: 27px;  
  }
  h4 {
    font-size: 23px; 
  }
  p {
    font-size: 16px; 
  }
}
  
/* OTHER STYLES */

.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0px;
}



.hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: unset;
  letter-spacing: 0px;
}

.hhs-foot-base-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
.hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  font-size: 14.4px !important;
}





.hhs-divider {
    border-bottom: 2px solid #3a3a3a;
    width: 50px;
    margin: 0 0 50px 0;
}

.hhs-icon-con svg {
  fill: #3a3a3a;
  width: 42px;
  height: 42px;
}

body i {
  color: #3a3a3a;
}






.submit-alt .hs-button,
.hs-button, .button--primary,
.cta-primary, .cta-secondary, .cta-tertiary {
  -moz-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
  vertical-align: middle;
  display: inline-block;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  will-change: transform;
}

.hs-button:hover, .button--primary:hover,
.hs-button:active, .button--primary:active,
.hs-button:focus, .button--primary:focus,
.cta-primary:hover, .cta-secondary:hover, .cta-tertiary:hover,
.cta-primary:active, .cta-secondary:active, .cta-tertiary:active,
.cta-primary:focus, .cta-secondary:focus, .cta-tertiary:focus {
  text-decoration: none;
}

button {
  font-family: Roboto;
}



.cta-primary,
.cta-primary:active {
  color: #ffffff !important;
  font-family: Roboto;
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0px;
  text-transform: uppercase;
  padding: 20px 25px;
  -webkit-border-radius: 3px;
  border-radius: 3px;



  
    background-color: rgba(0, 122, 255, 1.0);
  


  


  


  
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  
}

.cta-primary:hover,
.cta-primary:focus {
  color: #ffffff !important;


  
    background-color: rgba(0, 122, 255, 1.0);
  


  


  

  
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  
}



.cta-secondary,
.cta-secondary:active {
  color: #ffffff !important;
  font-family: Roboto;
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 20px 25px;
  -webkit-border-radius: 3px;
  border-radius: 3px;



  
    background-color: rgba(248, 133, 50, 1.0);
  


  


  


  
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  
}

.cta-secondary:hover,
.cta-secondary:focus {
  color: #ffffff !important;


  
    background-color: rgba(248, 133, 50, 1.0);
  


  


  

  
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  
}




.cta-tertiary,
.cta-tertiary.active{
  color: #ffffff !important;
  font-family: Roboto;
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 20px 25px;
  -webkit-border-radius: 3px;
  border-radius: 3px;



  
    background-color: rgba(58, 58, 58, 1.0);
  


  


  


  
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  
}

.cta-tertiary:hover,
.cta-tertiary.focus  {
  color: #ffffff !important;


  
    background-color: rgba(58, 58, 58, 1.0);
  


  


  

  
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  
}








.hs-button,
.button--primary  {
  color: #ffffff !important;
  font-family: Roboto;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 20px 25px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: none;



  
    background-color: rgba(0, 122, 255, 1.0);
  


  


  


  
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  
}

.hs-button:hover,
.hs-button:focus,
.button--primary:hover,
.button--primary:focus {
  color: #ffffff !important;


  
    background-color: rgba(0, 122, 255, 1.0);
  


  


  

  
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  
}




.submit-alt .hs-button,
.submit-alt .button--primary  {
  color: #ffffff !important;
  font-family: Roboto;
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 20px 25px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: none;



  


  


  
    background-color: transparent;
    border: 1px solid rgba(0, 122, 255, 1.0);
  


  
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  
}

.submit-alt .hs-button:hover,
.submit-alt .hs-button:focus,
.submit-alt .button--primary:hover,
.submit-alt .button--primary:focus {
  color: #ffffff !important;


  


  


  
    background-color: transparent;
    border: 1px solid rgba(0, 122, 255, 1.0);
  

  
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  
}




select,
.hs-input {
  background-color: rgba(255, 255, 255, 1.0);
  border: 1px solid rgba(204, 204, 204, 1.0);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #444444;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  padding: 12px 8px;
}


::-webkit-input-placeholder { /* Chrome */
  color: #cccccc;
  transition: opacity 250ms ease-in-out;
}
:focus::-webkit-input-placeholder {
  opacity: 0.5;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #cccccc;
  transition: opacity 250ms ease-in-out;
}
:focus:-ms-input-placeholder {
  opacity: 0.5;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #cccccc;
  opacity: 1;
  transition: opacity 250ms ease-in-out;
}
:focus::-moz-placeholder {
  opacity: 0.5;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #cccccc;
  opacity: 1;
  transition: opacity 250ms ease-in-out;
}
:focus:-moz-placeholder {
  opacity: 0.5;
}

.hs-input:focus {
  outline: none;
  border-color: rgba(248, 133, 50, 1.0);
}


select.post__category-selector {
  background-color: rgba(0,0,0,0.3);
  border-color: rgba(255,255,255,0.3);
  color: #ccc;
}





.hs-fieldtype-checkbox > label,
.hs-form label {
  color: #444444;
  font-family: Roboto;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
}



.hs_radio_buttons .hs-form-radio label,
.hs_single_checkbox label,
.hs-fieldtype-checkbox .hs-form-checkbox label,
.hs-form-booleancheckbox label {
  color: #444444;
  font-family: Roboto;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0px;
  text-transform: unset;
  line-height: 1.2em;
}


.hs-form legend {
  color: #999999;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
}


.legal-consent-container,
.legal-consent-container p{
  color: #999999;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
}



input.hs-input.error,
div.field.error input,
div.field.error textarea,
div.field.error .chzn-choices,
textarea.hs-input.error,
select.hs-input.error {
  border-color: #da0101;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom: 0;
}
input.hs-input.error:focus,
div.field.error input:focus,
div.field.error textarea:focus,
div.field.error .chzn-choices:focus,
textarea.hs-input.error:focus,
select.hs-input.error:focus {
  border-color: #da0101;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom: 0;
}

.hs-error-msgs {
  border-color: #da0101;
  background-color: rgba(218, 1, 1, 0.2 );
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-size: 1px;
}

.hs-error-msgs label {
  color: #da0101;
  font-family: Roboto;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-transform: unset;
  letter-spacing: 0px;
  padding: 10px;
}


form,
.submitted-message {
  font-family: ;
}


form input,
form select,
select,
form textarea {
  border-color: rgba(204, 204, 204, 1.0);
  color: ;
}

form input:focus,
form select:focus,
select:focus,
form textarea:focus {
  border-color: rgba(248, 133, 50, 1.0);
}

.fn-date-picker .pika-table thead th {
  color: rgba(34, 34, 34, 0.0);
}

.hs-input:-moz-placeholder,
.hs-input::-webkit-input-placeholder,
.hs-field-desc,
.hs-dateinput:before,
.hs-richtext {
  color: ;
}

.hs-default-font-element,
.hs-main-font-element {
  font-family: ;
}

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

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

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

.hhs-pop.hhs-modal {
  background-color: rgba(249, 249, 249, 1.0);
  max-width: 800px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 25px 0 25px;
}

.blocker {
  background-color: rgba(0, 0, 0, 0.8);
}

/* ==========================================================================
 4. TEMPLATE MODULE SELECTORS                                         
 ========================================================================== */
 
 #hs-pwd-widget-password {
   margin-bottom: 15px;
   height: auto !important;
   margin-top: 0px !important;
 }
 
 
 /* ==========================================================================
 Blog                                         
 ========================================================================== */
 
 
 .social-sharing-wrapper {
   clear: both;
 }
 
 /** 
 * Blog Commments 
 *
 * Custom styles are listed below, as the COS does not provide default styles.
 */
 
 #comments-listing {
   margin-bottom: 30px;
   margin-top: 30px;
 }
 .comment {
   margin: 10px 0;
   padding: 15px 0;
 }
 .comment-date { font-size: 0.8em; display: block !important;  }

 .comment-body { padding: 10px 0; }
 
 /*** RESPONSIVE VIDEO IN BLOG  ****/
 
 .hs-embed-wrapper,
 .hs-responsive-embed-wrapper,
 .hs-responsive-embed { 
   position: relative; 
   height: 0; 
   overflow: hidden; 
   padding-top: 0; 
   padding-left: 0; 
   padding-right: 0; 
   max-width: none !important;
   max-height: none !important;
 }
 
 
 
 .hs-responsive-embed-target-iframe,
 .hs-responsive-embed iframe, 
 .hs-responsive-embed object, 
 .hs-responsive-embed embed { 
   position: absolute; 
   top: 0; 
   left: 0; 
   width: 100%; 
   height: 100%; 
   border: 0; 
 }
 
 .hs-responsive-embed, 
 .hs-responsive-embed.hs-responsive-embed-youtube, 
 .hs-responsive-embed.hs-responsive-embed-wistia, 
 .hs-responsive-embed.hs-responsive-embed-vimeo { 
   padding-bottom: 56.25%; 
 }
 
 /* ==========================================================================
 Forms
 ========================================================================== */
 
 .form-title {
   margin-bottom: 30px;
 }
 
 .legal-consent-container {
   margin: 5px 0 15px;
 }
 
 .legal-consent-container .hs-dependent-field {
   margin-bottom: 20px;
 }
 
 /**** CUSTOM SUBMIT BUTTON ININE WITH INPUT FIELD *****/
 
 .cta-input-inline {
   position: relative; 
 }
 
 .cta-input-inline *, 
 .cta-input-inline form *:after, .cta-input-inline form *:before{
   box-sizing:border-box;
 }
 .cta-input-inline form > div:first-child{
   display:inline-block;
   width:100%;
 }
 .cta-input-inline .hs_email,
 .cta-input-inline .hs_email input{ 
   width:100%;
   display:inline-block;
 }
 .cta-input-inline .hs_submit{
   position: absolute;
   top: 24px;
   right: 0px;
 }
 
 .cta-input-inline .submit-alt .hs-button.primary,
 .cta-input-inline .hs-button.primary {
   padding-top: 14px;
   padding-bottom: 13px;
   margin-right: -2px;
 }
 
 body .cta-input-inline input[type="email"] {
   margin-bottom: 0px; 
 }
 
 .hubspot-link__icon {
   margin-bottom: 4px !important; 
 }
 
 .hs_submit .actions {
   margin-top: 0em; 
 }
 
 
 /* All Global Forms
 ========================================================================== */
 
 /* Labels */
 body label {
   margin-bottom: 5px;
   font-weight: 700;
 }
 body .hs-form-field > label {}
 
 
 body input[type="text"]:focus,
 body input[type="password"]:focus, 
 body input[type="datetime"]:focus, 
 body input[type="datetime-local"]:focus, 
 body input[type="date"]:focus, 
 body input[type="month"]:focus, 
 body input[type="time"]:focus, 
 body input[type="week"]:focus, 
 body input[type="number"]:focus, 
 body input[type="email"]:focus, 
 body input[type="url"]:focus, 
 body input[type="search"]:focus, 
 body input[type="tel"]:focus, 
 body input[type="color"]:focus,
 body input[type="file"]:focus,
 body textarea:focus,
 body select:focus {
   outline: 0;
   box-shadow: none;
 }
 
 /* Separate Styles for Multiple Line Inputs */
 body textarea {
   min-height: 200px;
 }
 
 /* Separate Styles for Drop Downs */
 body select {
   height: 44px;
   -webkit-appearance: none;
   background: #ffffff url("https://cdn2.hubspot.net/hubfs/507386/CLEAN-images/gfx/select-drop-down-arrows.png") no-repeat right center;
   background-size: 14px 33px;
 }
 
 /* Multiple Selection Inputs */
 body form.hs-form .hs-form-field ul.inputs-list {
   list-style: none;
   padding: 0;
 }
 
 .hs-form fieldset.form-columns-1 input[type="checkbox"], 
 .hs-form fieldset.form-columns-1 input[type="radio"] { 
   width: auto !important
 }
 
 
 .form-simple label {
   display: none !important;
 }
 
 /* Form Module
 ========================================================================== */
 
 /* Form Field */
 .hs_cos_wrapper_type_form .hs-form-field {position: relative;margin-bottom: 15px;}
 
 
 /* Labels */
 .hs_cos_wrapper_type_form label {line-height: 20px;}
 
 /* One Line Inputs */
 .hs_cos_wrapper_type_form input[type="text"],
 .hs_cos_wrapper_type_form input[type="password"], 
 .hs_cos_wrapper_type_form input[type="datetime"], 
 .hs_cos_wrapper_type_form input[type="datetime-local"], 
 .hs_cos_wrapper_type_form input[type="date"], 
 .hs_cos_wrapper_type_form input[type="month"], 
 .hs_cos_wrapper_type_form input[type="time"], 
 .hs_cos_wrapper_type_form input[type="week"], 
 .hs_cos_wrapper_type_form input[type="number"], 
 .hs_cos_wrapper_type_form input[type="email"], 
 .hs_cos_wrapper_type_form input[type="url"], 
 .hs_cos_wrapper_type_form input[type="search"], 
 .hs_cos_wrapper_type_form input[type="tel"], 
 .hs_cos_wrapper_type_form input[type="color"],
 .hs_cos_wrapper_type_form input[type="file"],
 .hs_cos_wrapper_type_form textarea,
 .hs_cos_wrapper_type_form select {
   padding: 8px 8px 9px;
 }
 
 
 /* Blog Comment Form
 ========================================================================== */
 
 #comment-form label span {
   vertical-align: middle;
 }
 
 /* Inputs */
 #comment-form input[type="text"] {
   display: inline-block;
 }
 
 #comment-form input[type="checkbox"] {margin-right: 10px;}
 
 
 
 /* Blog Subscription Form
 ========================================================================== */
 
 
 /* Inputs */
 
 #hs_form_target_blog_subscription input[type="email"], .widget-type-blog_subscribe input[type="email"]{
   /*width: 70%;*/
   float: left;
   margin-top: 2px;
   text-align: left !important;
   margin-bottom: 15px;
   /*height: 36px;*/
 }
 #hs_form_target_blog_subscription input[type="email"]:focus {}
 
 #hs_form_target_blog_subscription input[type="radio"], #hs_form_target_blog_subscription input[type="checkbox"] {
   width: auto;
   margin-right: 10px;
 }
 
 
 /* HUBSPOT SEARCH FORM
 ========================================================================== */
 
 
 .hhs-search-modal.modal {
   max-width: 100%;
   z-index: 100000;
 }
 .hs-search-field__suggestions {
   background-color: #fff; 
   max-height: 200px;
   overflow: scroll;
   text-align: left !important;
 }
 
 .hs-search-field--open .hs-search-field__suggestions {
   border-color: transparent;
   -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
   box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
 }
 
 .hs-search-field__suggestions li a {
   padding: 5px 10px;
   color: #000;
 }
 
 
 .hs-search-field__suggestions li a:hover .hs-search-highlight {
   color: #ffffff; 
 }
 
 #results-for {
   background-color: #f4f4f4;
   padding: 5px 10px;
 }
 


 
 /* HUBSPOT SEARCH FORM IN MODAL
 ========================================================================== */
 
 
 .hhs-search-modal {
   position: relative; 
 }
 
 .hhs-pop {overflow: visible !important;}
 
 .hhs-pop.hhs-modal.hhs-search-modal {
   padding: 20px 40px !important; 
 }
 
 
 .hhs-search-modal .hs-search-field__input {
   box-sizing: border-box;
   width: 100%;
   font-size: 32px !important;
   border: none;
 }
 
 
 .hhs-search-modal .hs-search-field__input  {
   -webkit-box-shadow: none !important;
   -moz-box-shadow: none !important;
   -o-box-shadow: none !important;
   -ms-box-shadow: none !important;
   box-shadow: none !important; 
 }
 
 .hhs-search-modal button {
   position: absolute;
   top: 0;
   right: -5px;
   height: 100%;
   display: block;
   border: none;
   font-size: 24px;
   -webkit-border-radius: 0 8px 8px 0;
   border-radius: 0 8px 8px 0;
 }
 
 .hhs-search-modal button i {
   color: #fff;
   padding: 0 40px;
 }
 
.hhs-search-modal.modal a.close-modal {
 right: -25px; 
}

 .hhs-search-modal .hs-search-field__suggestions {
   margin: 0;
   padding: 0;
   list-style: none;
 }
 .hhs-search-modal .hs-search-field--open .hs-search-field__suggestions {
   border: 1px solid #000;  
 }
 .hhs-search-modal .hs-search-field__suggestions li {
   display: block;
   margin: 0;
   padding: 0;
 }
 .hhs-search-modal .hs-search-field__suggestions #results-for {
   font-weight: bold;
 }
 .hhs-search-modal .hs-search-field__suggestions a,
 .hhs-search-modal .hs-search-field__suggestions #results-for {
   display: block;
 }
 .hhs-search-modal .hs-search-field__suggestions a:hover,
 .hhs-search-modal .hs-search-field__suggestions a:focus {
   background-color:  rgba(0,0,0, .1);
   outline: none;
 }
 
 .blocker {
   z-index: 10000; 
 }
 
 
 @media (max-width: 575px) {
   .search-results h1 {
     text-align: left !important;
   }
   .search-results .padding40tb {
     padding: 0px;
   }
 }
 
 
 /**** CLEAN MODAL OVERIDES ******/
 
 .hhs-pop .hhs-pop-the-form {
   padding: 50px 0;
 }
 
 .blocker {z-index:100000 !important;}
 .hhs-pop.hhs-modal {
   padding: 60px 0px 60px;
   max-width: 800px !important;
   z-index: 1000000;
   position: relative;
 }
 .hhs-pop.hhs-modal .hhs-pform .hs-form-required {
   display: none !important;
 }
 .hhs-pop.hhs-modal .hs-form {
   margin-top: 0;
 }
 @media (min-width: 768px) {
   .hhs-pop .vert-align {
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flexbox;
     display: flex;
     align-items: center;
     -webkit-align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
   }
   .hhs-pop .vert-align.rev-order {
     flex-direction: row-reverse;
     -webkit-flex-direction: row-reverse;
   }
 }
 
 .hhs-pop .hhs-page-center {
   max-width: 1000px;
   margin: 0 auto !important;
   float: none !important;
 }
 
 .hhs-pop a.hhs-cta-button, .hhs-pop a.hhs-cta-button:link, .hhs-pop a.hhs-cta-button:active, .hhs-pop a.hhs-cta-button:visited, .hhs-pop a.hhs-cta_button, .hhs-pop a.hhs-cta_button:link, .hhs-pop a.hhs-cta_button:active, .hhs-pop a.hhs-cta_button:visited {
   color: #fff;
   text-decoration: none;
 }
 
 .modal {
   -webkit-border-radius: 3px !important;
   border-radius: 3px !important; 
 }
 
 /*****************************************/
 /*                 FORMS                 */
 /*****************************************/
 
 .hhs-pop .hhs-pform input, .hhs-pop .hhs-pform select, .hhs-pop .hhs-pform textarea {
   -webkit-appearance: none;
   color: #555;
   padding: 10px;
   background-color: #f5f5f5;
   border: 1px solid #aaaaaa;
 }
 .hhs-pop .hhs-pform .hs-button.primary {
   background-color: #ffaf03;
   color: #fff;
   text-align: center;
   padding: 15px 12px;
   min-width: 93.5% !important;
 }
 
 @media (max-width: 767px) {
   .hhs-pop .hhs-pform .hs-button.primary {
     min-width: 100% !important;
   }
 }
 
 .hhs-pop .hhs-pform .hs-button.primary:hover {
   background-color: rgba(255, 175, 3, .7);
 }
 
 /* ========================= */
 /*           FORM            */
 /* ========================= */
 
 .hhs-pop .hhs-pform .hs-button.primary {
   padding: 10px;
   font-size: 24px;
   background: transparent;
   color: #ffaf03;
   border: 3px solid #ffaf03;
   margin-top:10px;
   min-width:100%;
   max-width: 100%;
   white-space: normal;
   display: block;
   -webkit-transition-duration: .3s;
   -moz-transition-duration: .3s;
   transition-duration: .3s;
 }
 .hhs-pop .hhs-pform .hs-button.primary:hover {
   background: #ffaf03;
   color: #fff;
 }
 
 .hhs-pop .hhs-pform .hs-form {
   margin-top:45px;
 }
 .hhs-pop .hhs-pform ul.inputs-list {
   -webkit-padding-start: 0;
 }
 .hhs-pop .hhs-pform .hs-form-radio {
   list-style-type:none;
 }
 .hhs-pop .hhs-pform .hs-form-booleancheckbox {
   list-style-type:none;
 }
 .hhs-pop .hhs-pform .hs-form fieldset {
   max-width: none !important;
 }
 .hhs-pop .hhs-pform .hs-form fieldset.form-columns-1 .input {
   margin-right: 0!important;
 }
 .hhs-pop .hhs-pform .hs-form fieldset.form-columns-2 .input {
   margin-right: 8px;
 }
 .hhs-pop .hhs-pform .hs-form fieldset.form-columns-2 .hs-form-field:last-child .input {
   margin-right: 0;
 }
 .hhs-pop .hhs-pform .hs-form fieldset.form-columns-3 .input {
   margin-right: 12px;
 }
 .hhs-pop .hhs-pform .hs-form fieldset.form-columns-3 .hs-form-field:last-child .input {
   margin-right: 0;
 }
 .hhs-pop .hhs-pform .hs-form fieldset.form-columns-1 .hs-input {
   width: 100%!important;
 }
 .hhs-pop .hhs-pform .hs-form fieldset.form-columns-1 input[type=checkbox], .hhs-pop .hs-form fieldset.form-columns-1 input[type=radio] {
   width:auto!important;
 }
 .hhs-pop .hhs-pform .hs-form-field .hs_email {
   display:inline-block;
 }
 
 body .hhs-pop .hhs-pform input[type="text"]:focus,
 body .hhs-pop .hhs-pform input[type="password"]:focus, 
 body .hhs-pop .hhs-pform input[type="datetime"]:focus, 
 body .hhs-pop .hhs-pform input[type="datetime-local"]:focus, 
 body .hhs-pop .hhs-pform input[type="date"]:focus, 
 body .hhs-pop .hhs-pform input[type="month"]:focus, 
 body .hhs-pop .hhs-pform input[type="time"]:focus, 
 body .hhs-pop .hhs-pform input[type="week"]:focus, 
 body .hhs-pop .hhs-pform input[type="number"]:focus, 
 body .hhs-pop .hhs-pform input[type="email"]:focus, 
 body .hhs-pop .hhs-pform input[type="url"]:focus, 
 body .hhs-pop .hhs-pform input[type="search"]:focus, 
 body .hhs-pop .hhs-pform input[type="tel"]:focus, 
 body .hhs-pop .hhs-pform input[type="color"]:focus,
 body .hhs-pop .hhs-pform input[type="file"]:focus,
 body .hhs-pop .hhs-pform textarea:focus,
 body .hhs-pop .hhs-pform select:focus {}
 body .hhs-pop .hhs-pform label {
   font-size: 16px;
   letter-spacing: 0.5px;
   line-height: 20px;
 }
 
 .hhs-pop .hhs-pform ul.inputs-list li {
   list-style: none;
 }
 
 .hs-fieldtype-checkbox > label {
   margin-bottom: 15px;
   display: block;
 }
 .hs-fieldtype-radio > label {
   margin-bottom: 15px;
   display: block;
 }
 
 body .hhs-pop .hhs-pform input[type="checkbox"] {
   -webkit-appearance: checkbox;
   box-sizing: border-box;
 }
 
 body .hhs-pop .hhs-pform input[type="radio"] {
   -webkit-appearance: radio;
   box-sizing: border-box;
 }
 
 body .hhs-pop .hhs-pform input[type="radio"], body .hhs-pop .hhs-pform input[type="checkbox"] {
   background-color: initial;
   cursor: default;
   margin: 3px 0.5ex;
   padding: initial;
   border: initial;
 }
 
 .hhs.hhs-modal.modal .hs-richtext {
   height: auto !important;
   width: 300px !important;
 }
 .hhs.hhs-modal.modal .hs-richtext img {
   height: auto !important;
   width: 300px !important;
 }
 .hhs-pop .hhs-pform .hs-form fieldset[class*="form-columns"] input[type="radio"].hs-input {
   width: auto;
   margin-right: 10px;
 }
 .hhs-pop .hhs-pform .hs-form fieldset[class*="form-columns"] input[type="checkbox"].hs-input {
   width: auto;
   margin-right: 10px;
 }
 .hhs-pop .hhs-pform form.hs-form fieldset[class*="form-columns"] .hs-input {
   width: 100%;
   height: auto;
 }
 
 .submitted-message p {
   font-weight: bold;
   font-size: 22px;
 }
 
 @media (max-width: 575px) {
   .hhs-pop.hhs-modal {
     padding: 50px 0px;
   }
 }
 
 
 /* Multi Column Form
 ========================================================================== */
 
 /* Multiple Selection Inputs */
 body form.hs-form .hs-form-field ul.inputs-list li input {}
 body input[type="radio"] {}
 body input[type="checkbox"] {}
 body form.hs-form fieldset { max-width: none; margin-bottom: 0px; }
 body form.hs-form fieldset .hs-form-field { padding: 0 10px 0 0; }
 body form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; }
 body form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; }
 body form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; }
 body form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; }
 
 @media (max-width: 400px) {
   body form.hs-form fieldset .hs-form-field { padding: 0; }
   body form.hs-form fieldset.form-columns-3 .hs-form-field,
   body form.hs-form .form-columns-2 .hs-form-field .hs-input, 
   body form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100% !important; }
   body form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; }
 }
 
 
 /* Form Error Selectors
 ========================================================================== */
 .hsformerror{
   font-size: 12px!important;
   border: 0 !important;
   color: #FFF!important;
   background-image: none!important;
   -webkit-box-shadow: none!important;
   -moz-box-shadow: none!important;
   box-shadow: none!important;
   z-index: 99999 !important;*/
 }
 
 
 /* ==========================================================================
 Buttons                                              
 ========================================================================== */
 
 /* Blog Comment Button
 ========================================================================== */
 
 
 /* Blog comment "reply to" section */
 .comment-reply-to{
   background: transparent!important;
   padding-left: 0px!important;
 }
 .comment-reply-to:before{
   content: "\f3e5";
   display: inline-block;
   font-family: "Font Awesome 5 Free";
   font-style: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   margin-right: 7px;
   font-size: 15px;
   vertical-align: top;
 }
 
 /* Blog Subscription Button
 ========================================================================== */
 
 
 /* CTA Buttons
 ========================================================================== */
 
 .cta-sml {
   font-size: 9px !important;
   padding: 10px 20px 9px 20px !important;
 }
 
 
 /* ==========================================================================
 Custom Style                                                    
 ========================================================================== */
 
 
 .body-container.container-fluid {
   padding-right: 0 !important;
   padding-left: 0 !important
 }
 
 .float-hack {
   display: block;
   clear: both;
 }
 
 
 /* Screen sizes smaller than site maxWidth (.page-center)
 ========================================================================== */
 
 @media (max-width: 1140px) {
   .container-fluid .row-fluid .page-center {
     padding: 20px;
   }
   .container-fluid .footer-copyright .row-fluid .page-center {
     padding: 0 10px;
   }
 }
 
 /* Landscape tablet and smaller devices
 ========================================================================== */
 
 @media (max-width: 768px) { 
   .header-container-wrapper{
     position: relative;
   }
   .header-container{
     padding: 0;
   }
   .header-container .hs_cos_wrapper_type_logo a img {
     max-width: 120px;
     max-height: 35px !important;
     margin: 0px 0 0px 10px;
   }
 
   .row-fluid [class*="span"].header-cta{
     position: absolute;
     right: 70px;
     top: 8px;
   }
   /* General */
   .body-container-wrapper {
     padding-top: 0;
   }
   .sidebar.right,
   .main-content,
   .blog-sidebar {
     margin: 25px 0;
   }
   .hhs-team-member-con {
     margin-top: 50px !important; 
   }
   .social-tagline {
     text-align: center;
     margin-bottom: 15px;
   }
 
   /* Blog */
   #comment-form {
     margin-bottom: 25px;
   }
   .logo-white {
     float:left !important;
   }
   .logo-white img {
     float: left;
   }
   .widget-type-logo {
     position: absolute;
     top: 17px;
   }
   .left-col-detail {
     float: left;
     width: 100%;
   }
   .left-col-detail i.fa {
     display: contents;
   }
   .left-col-detail #sticker-sticky-wrapper #sticker {
     position: static !important; 
   }
   .hhs-form-con {
     max-width: 100% !important;
   }
 
   .ourLogos-section{
     padding: 0 !important; 
   }
   .hhs-gallery-card {
     margin-bottom: 50px !important; 
   }
   .hhs-text-content {padding: 0px !important;}
   .hhs-form-con-1 {max-width: 100% !important;}
 }
 @media (max-width: 768px){
   .header-container-wrapper .container-fluid .row-fluid .mega-menu,
   .custom-menu-primary .mega-menu {
     display: none;
     opacity: 0;
     visibility: hidden;
   }
 }
 
 
 
 /* Landscape phones and smaller devices
 ========================================================================== */
 
 @media (max-width: 575px) {
   .body-container-wrapper {
     padding-top: 0px;
   }
   .cta-center-mobile {
     text-align: center;
   }
   .cta-input-inline .hs_submit {
     float: none;
     width: auto;
   }
   .cta-input-inline form > div:first-child {
     width: 100%;
   }
   .post-item h2 {
     text-align: left;
   }
 
   .hhs-search-modal .hs-search-field__input {
     font-size: 18px !important; 
     margin-bottom: 0px;
   }
   .hhs-pop.hhs-modal.hhs-search-modal{
     padding: 10px !important; 
   }
   .hhs-search-modal button {
     font-size: 16px; 
   }
   .hhs-search-modal button i{
     padding: 0 20px !important;
   }
   .hhs-video-con {max-width:100% !important;}
 
   .hhs-footer {padding: 30px 0px !important;}
 
   .scrolling-testimonials .quote-con {
     font-size: 21px !important; 
   }
   .hhs-form-con {
     max-width: 100% !important; 
   }
 }
 
 
 img {height: auto !important;}
 
 .hide {
   display: none !important;
 }
 
 /* Fix testimonials on smaller widths */
 @media (max-width: 767px) {
   .testimonial-avatar, .person-info {
     float: none !important;
     max-width: 100% !important;
   }
 }
 
 .hubspot-link__container {
   top: 7px !important;
   padding-bottom: 0px !important;
 }
 
 
 /*** BOOTSTRAP GRID ADDITIONS ***/
 
 @media (max-width: 575px) {
   .order-1-mobile {order: 1;}
   .order-2-mobile {order: 2;}
   .order-3-mobile {order: 3;}
   .order-4-mobile {order: 4;}
   .order-5-mobile {order: 5;}
   .order-6-mobile {order: 6;}
 
 }
 
 
 @media (max-width: 768px) {
   .page-center {
     max-width: 720px !important;
   }
 }
 
 
 /*** OVERRIDES ***/
 
 .hubspot-link__container.sproket .hubspot-link__icon {margin-top: -4px !important;}
 
 .header-container.container-fluid {
   padding-right: 0px;
   padding-left: 0px;
 }
 
 .row {
   margin-right: 0px !important; 
   margin-left: 0px !important; 
 }
 
 .hubspot-link__container.sproket {
   display: none !important;
   opacity: 0 !important;
   visibility: hidden !important;
 }
 
 div#preload {
   display: none;
 }
.hhs-pop .hhs-pop-the-form {
  padding: 50px 0;
}

.blocker {z-index:100000 !important;}
.hhs-pop.hhs-modal {
  z-index: 1000000;
  position: relative;
}
.hhs-pop.hhs-modal .hhs-pform .hs-form-required {
  display: none !important;
}
.hhs-pop.hhs-modal .hs-form {
  margin-top: 0;
}
@media (min-width: 768px) {
  .hhs-pop .vert-align {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
  }
  .hhs-pop .vert-align.rev-order {
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
  }
}

.hhs-pop .hhs-page-center {
    max-width: 1000px;
    margin: 0 auto !important;
    float: none !important;
}

.hhs-pop a.hhs-cta-button, .hhs-pop a.hhs-cta-button:link, .hhs-pop a.hhs-cta-button:active, .hhs-pop a.hhs-cta-button:visited, .hhs-pop a.hhs-cta_button, .hhs-pop a.hhs-cta_button:link, .hhs-pop a.hhs-cta_button:active, .hhs-pop a.hhs-cta_button:visited {
    color: #fff;
  	text-decoration: none;
}


/*****************************************/
/*                 FORMS                 */
/*****************************************/

.hhs-pop .hhs-pform input, .hhs-pop .hhs-pform select, .hhs-pop .hhs-pform textarea {
  -webkit-appearance: none;
  color: #555;
  padding: 10px;
  background-color: #f5f5f5;
  border: 1px solid #aaaaaa;
}
.hhs-pop .hhs-pform .hs-button.primary {
  background-color: #ffaf03;
  color: #fff;
  text-align: center;
  padding: 15px 12px;
  min-width: 93.5% !important;
}

@media (max-width: 767px) {
  .hhs-pop .hhs-pform .hs-button.primary {
    min-width: 100% !important;
  }
}

.hhs-pop .hhs-pform .hs-button.primary:hover {
  background-color: rgba(255, 175, 3, .7);
}

/* ========================= */
/*           FORM            */
/* ========================= */

.hhs-pop .hhs-pform .hs-button.primary {
    padding: 10px;
    background: transparent;
    color: #ffaf03;
    border: 3px solid #ffaf03;
    margin-top:10px;
    min-width:100%;
    max-width: 100%;
    white-space: normal;
    display: block;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s;
}
.hhs-pop .hhs-pform .hs-button.primary:hover {
    background: #ffaf03;
    color: #fff;
}

.hhs-pop .hhs-pform .hs-form {
    margin-top:45px;
}
.hhs-pop .hhs-pform ul.inputs-list {
    -webkit-padding-start: 0;
}
.hhs-pop .hhs-pform .hs-form-radio {
    list-style-type:none;
}
.hhs-pop .hhs-pform .hs-form-booleancheckbox {
    list-style-type:none;
}
.hhs-pop .hhs-pform .hs-form fieldset {
    max-width: none !important;
}
.hhs-pop .hhs-pform .hs-form fieldset.form-columns-1 .input {
    margin-right: 0!important;
}
.hhs-pop .hhs-pform .hs-form fieldset.form-columns-2 .input {
    margin-right: 8px;
}
.hhs-pop .hhs-pform .hs-form fieldset.form-columns-2 .hs-form-field:last-child .input {
    margin-right: 0;
}
.hhs-pop .hhs-pform .hs-form fieldset.form-columns-3 .input {
    margin-right: 12px;
}
.hhs-pop .hhs-pform .hs-form fieldset.form-columns-3 .hs-form-field:last-child .input {
    margin-right: 0;
}
.hhs-pop .hhs-pform .hs-form fieldset.form-columns-1 .hs-input {
    width: 100%!important;
}
.hhs-pop .hhs-pform .hs-form fieldset.form-columns-1 input[type=checkbox], .hhs-pop .hs-form fieldset.form-columns-1 input[type=radio] {
    width:auto!important;
}
.hhs-pop .hhs-pform .hs-form-field .hs_email {
    display:inline-block;
}


.hhs-pop .hhs-pform ul.inputs-list li {
    list-style: none;
}

body .hhs-pop .hhs-pform input[type="checkbox" i] {
    -webkit-appearance: checkbox;
    box-sizing: border-box;
}

body .hhs-pop .hhs-pform input[type="radio" i] {
    -webkit-appearance: radio;
    box-sizing: border-box;
}

body .hhs-pop .hhs-pform input[type="radio" i], body .hhs-pop .hhs-pform input[type="checkbox" i] {
    background-color: initial;
    cursor: default;
    margin: 3px 0.5ex;
    padding: initial;
    border: initial;
}

.hhs.hhs-modal.modal .hs-richtext {

}
.hhs.hhs-modal.modal .hs-richtext {
    height: auto !important;
    width: 300px !important;
}
.hhs.hhs-modal.modal .hs-richtext img {
    height: auto !important;
    width: 300px !important;
}
.hhs-pop .hhs-pform .hs-form fieldset[class*="form-columns"] input[type="radio"].hs-input {
    width: auto;
  	margin-right: 10px;
}
.hhs-pop .hhs-pform .hs-form fieldset[class*="form-columns"] input[type="checkbox" i].hs-input {
    width: auto;
  	margin-right: 10px;
}
.hhs-pop .hhs-pform form.hs-form fieldset[class*="form-columns"] .hs-input {
    width: 100%;
    height: auto;
}

.submitted-message p {
 font-weight: bold;
  font-size: 22px;
}

@media (max-width: 575px) {
 .hhs-pop.hhs-modal {
   padding: 50px 0px;
  }
}

.hs-error-msgs label{
  display: block;
  line-height: 20px;
}
.hs-error-msgs li {
    color: #da0101 !important;
    margin-bottom: 0px;
}
.inputs-list > li {
    display: block;
    padding: 0;
    width: 100%;
    padding-top: 0;
}
.hs-error-msgs {
    border: 1px solid #da0101;
}
.hs-error-msgs label {
    color: #da0101 !important;
    display: block;
}
.hs-error-msgs label {
  padding: 10px 10px 5px 10px; 
}
.shippers-map-text-container-options {
  margin-left: 40px; 
}
.shippers-map-text-container-options li {
  padding-top: 5px; 
}
 
/* Responsive */ 
@media (max-width: 767px) {
  .mobile-only {
    display: block; 
  }
  .desktop-only {
    display: none; 
  }
}