
.loading-dialog {position:fixed;color:rgba(255,255,255,.5);top:0;left:0;background:rgba(0,0,0,.8);display:flex;width:100%;height:100vh;justify-content: center; align-items: center;z-index: 999999999;}
.loading-dialog h4 {
  margin-left: 30px;
  color: #fff;
}





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

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

img, .section-block.fillit,.blog-recent-posts__image {
  border-radius: 12px;
}








.page-header h1,
.page-header p
{
    color: #fff;
    margin-bottom: 0.5rem;
}





html {
  font-size: 16px;
  max-width: 100vw!important;
  overflow-x: hidden;
  opacity: 1;
}

body {
  color: #082951;
  
  font-family: 'Lato', 'Arial', sans-serif;
  font-size: 16px;
  max-width: 100vw!important;
  overflow-x: hidden !important;
  opacity: 1;
}

p {
  
  font-family: 'Lato', 'Arial', sans-serif;
}

a {
  color: #0097da;
}

a:hover,
a:focus {
  color: ;
}

a:active {
  color: ;
}


/**** ==== Inline link styles on dark backgrounds **** ==== */

.ada-link-dark span {
  color: #ffffff;
  font-weight: bold;
  text-underline-offset: 4px;
}

.ada-link-dark span:hover {
  color: #F2F1F0;
}



h1 {
  color: #082951;
  
  font-family: 'Lato', 'Arial', sans-serif;
  font-size: 49px;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
}

h2 {
  color: #082951;
  
  font-family: 'Lato', 'Arial', sans-serif;
  font-size: 41px;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
  margin-bottom: 24px; /* Added 11/22/2022 by Jim to set global margin bottom */
}


h3 {
  color: #082951;
  
  font-family: 'Lato', 'Arial', sans-serif;
  font-size: 2.125rem;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
}


h4 {
  color: #082951;
  
  font-family: 'Lato', 'Arial', sans-serif;
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
}

h5 {
  color: #082951;
  
  font-family: 'Lato', 'Arial', sans-serif;
  font-size: 1.4375rem;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
}

h6 {
  color: #082951;
  
  font-family: 'Lato', 'Arial', sans-serif;
  font-size: 1.1875rem;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
}

blockquote {
  border-left: 10px solid ;;
}

@media screen and (max-width: 767px){
  h1{
    font-size: 39px;
    line-height: 49px;
  }
  
  h2{
    font-size: 35px;
    line-height: 45px;
  }
  
  h3{
    font-size: 2rem;
    /* Changed from 42px;*/
     line-height: 35px;
    
  }
}





form,
.submitted-message {
  border-color: rgba(#null, 0.0) ;
  font-family: , 'Arial', sans-serif;
}

h3.form-title {
  background-color: rgba(255, 255, 255, 0.0);
  color: rgba(8, 41, 81, 1.0);
}

.hs-button,
.button--primary {
  background-color: rgba(#null, 0.0);
  border-color: rgba(#null, 0.0);
  border-radius: px;
  border-width: px;
  color: rgba(#null, 0.0);
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.hs-button:hover,
.hs-button:focus,
.button--primary:hover,
.button--primary:focus {
  background-color: rgba(#null, 0.0);
  border-color: rgba(#null, 0.0);
  color: rgba(#null, 0.0);
}

.hs-button:active,
.button--primary:active {
  background-color: rgba(#null, 0.0);
  border-color: rgba(#null, 0.0);
  color: rgba(#null, 0.0);
}

.hs-form label {
  color: rgba(#{color=#082951, opacity=100, rgba=rgba(8, 41, 81, 1), rgb=rgb(8, 41, 81), hex=#082951, css=#082951}, 1.0);
}

.hs-form legend {
  color: rgba(8, 41, 81, 1.0);
  padding-top: 1.5rem;
}

form input,
form select,
form textarea {
  border-color: rgba(#null, 0.0);
  color: ;
}

form input:focus,
form select:focus,
form textarea:focus {
  border-color: rgba(#null, 0.0);
}

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

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

.hs-richtext {
  font-size: ;
}

.hs-default-font-element,
.hs-main-font-element {
  font-family: , 'Verdana', sans-serif;
}

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

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

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





th,
td {
  background-color: rgba(#null, 0.0);
  border: 1px solid rgba(#null, 0.0);
  color: rgba(#null, 0.0);
}

thead th,
thead td {
  background-color: rgba(#null, 0.0);
  color: rgba(#null, 0.0);
}

tfoot td {
  background-color: rgba(#null, 0.0);
  color: rgba(#null, 0.0);
}

table,
tbody + tbody {
  border-color: rgba(#null, 0.0);
}




.header {
  background-color: rgba(255, 255, 255, 0.6900000000000001);
}

.header__logo img {
  aspect-ratio: 0 !important;
}


.foot-logo img {
  aspect-ratio: 0 !important;
}



header.header {
  /*position: absolute;*/
  width: 100%;
  z-index: 10;
  padding-top: 10px;
}

.header__container {
  max-width: 1180px;
}

body .navigation-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #252525;
  font-family: Lato;
  font-size: 1rem
}

body .navigation-primary a:hover,
body .navigation-primary a: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(37, 37, 37, 0.6);
}


body .navigation-primary .submenu.level-1 > li > a.active-item:after {
  background-color: ;
}

body .navigation-primary .submenu.level-2,
body .header__language-switcher .lang_list_class {
  background-color: rgba(255, 255, 255, 1.0);
  color:#252525;
}
body .navigation-primary .submenu.level-2 .menu-item .menu-link,
body .header__language-switcher .lang_list_class li {
  background-color: rgba(255, 255, 255, 1.0);
  color:#252525;
  font-family:;
  font-size:0.8rem!important;
  line-height:0.8800000000000001rem!important;
}

body .submenu.level-2 .menu-item .menu-link:hover,
body .submenu.level-2 .menu-item .menu-link:focus,
body .header__language-switcher .lang_list_class li:hover {
  color: rgba(37, 37, 37, 0.6);
  background-color: rgba(215, 215, 215, 1.0);
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #252525;
  font-family: Lato;
  font-size: 1rem

}

.header__language-switcher-label-current:after {
  border-top-color: rgba(#null, 0.0);
}


@media(max-width: 767px) {
  .header__navigation {
    background-color: rgba(#null, 0.0);
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: rgba(37, 37, 37, 0.0);
  }
}





.footer {
  background-color: rgba(8, 41, 81, 1.0);
  color: #ffffff
}
.footer a, .footer h5 {color: #ffffff}
.footer a:hover {color: #afafaf}
.footer__container {
  max-width: 1180px;
}








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

.blog-post__date {
  border-color: #082951;
}

.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
  color: #082951;
}

.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
  color: #000129;
}

.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active {
  color: {font=Lato, font_set=GOOGLE, styles={font-family=Lato, sans-serif, font-style=normal, font-weight=normal, text-decoration=none}, size=16, size_unit=px, color=#082951, variant=regular, fallback=sans-serif, style=font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none, css=color: #082951;font-size: 16px;font-family: Lato, sans-serif;};
}

.blog-tag-filter__menu-link--active-item:after {
  background-color: ;
}

.blog-pagination__link {
  color: #000129;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
  background-color: #082951;
}

.blog-post__author {
  background-color: #0097da;
}

.contec-style.blog-header__inner.blog_list {
  padding: 0;
  margin: 0;
}

.blog-index-two-template .blog-index__post {
  padding: 24px 16px; 
}

.blog-index-two-template .blog-index__post-image {
  border-radius: 20px;
}

.blog-index-two-template .blog-index__post-content a {
  color: #082951;
}

.blog-index-two-template .blog-index__post a {
  aspect-ratio: 16/9;
}

.blog-index-two-template  .blog-index__post-image {
  padding: 0;
}



.blog-index__post img {
  width: 100%;
  height: 100%;
}

#comments-listing .comment-reply-to {
  color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:active {
  color: rgba(#null, 0.0);
}










body .icon svg {
  fill: ;
}

body .tns-nav button.tns-nav-active {
  background-color: ;
}

body .tns-nav button:hover,
body .tns-nav button:focus {
  background-color: ;
}

/*body .social-links__icon {
background-color: ;
}

body .social-links__icon:hover svg,
body .social-links__icon:focus svg {
fill: rgba(#null, 0.0);
}

body .social-links__icon:active svg {
fill: rgba(#null, 0.0);
}*/

body .team-member__description {
  background-color: ;
}
/* ===== Header ===== */
header.header {
  padding: 0;
}
.header__logo {
  padding: 0px;
}
/* ===== End header ===== */

/* ===== Footer ===== */
.footer {
  background: #082951;
}







@media(max-width: 767px) {
  .footer__menu-container {
    
    
  }
  
}








/* End footer ===== */

/* ===== Form Styles ===== */
.hs-form-field input[type=text], .hs-form-field input[type=email], .hs-form-field input[type=phone], .hs-form-field input[type=number], .hs-form-field input[type=tel], .hs-form-field input[type=date], .hs-form-field textarea {
  border: 2px solid;
}
/* ===== End form styles ===== */

/* ===== Page Center styles ===== */
.page-center {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0px 20px;
}
/* ===== End Page Center styles ===== */

/* ===== White text option for modules ===== */
.white-text h1,
.white-text h2,
.white-text h3, 
.white-text h4,
.white-text h5,
.white-text h6,
.white-text p,
.white-text ul,
.white-text li,
.white-text ol,
.white-text span {
  color: #FFFFFF !important;
}
/* ===== End white text option for modules ===== */

/* ===== CTA/Button style overrides ====== */

a.btn, .cta-btn a.cta_button {
  border: 3px solid;
  font-size: 20px;
  font-weight: 700;
  padding: 12px 32px;
}


#cta_button_9161840_3043141b-5d02-484e-ad1a-0932420d928a:hover {
  color: rgba(0, 151, 218,1.0) !important;
  background: rgba(255, 255, 255,1.0) !important;
  outline: 3px solid rgba(0, 151, 218,1.0) !important;

}

/* ===== End CTA/Button style overrides ===== */



/* ===== Paragraph Styles  ====== */

.p-bottom-padding {
  margin-bottom: 32px;
}

/* ===== End Paragraph Styles  ====== */


.hs-video-container iframe {
  border-radius: 12px;
}



.hero-section-wrap.contec {
/*   background: url(https://9161840.fs1.hubspotusercontent-na1.net/hubfs/9161840/IC%20Home/Contec%20Inc-Parallax%20BG.svg), #082951 no-repeat center center; */
/*   background-color: #064372;
  background-size: cover;
  position: relative;
  overflow: hidden; */
}

.hero-section-wrap.contec::after{
/*   content: '';
  display: block;
  position: absolute;
  right: -40%;
  top: -75%;
  height: 300%;
  width: 100%;
  border-radius: 50%; */
}

.hero-section-wrap.contec > .hero-section-overlay {
/*   background: transparent;
  position: relative;
  z-index: 1; */
}

#main-content.contec-landing-page .dnd-section form {
  background: #F2F1F0 0% 0% no-repeat padding-box;
  border-radius: 12px;
}

#main-content.contec-landing-page .dnd-section form .hs-form-field input[type="text"], 
#main-content.contec-landing-page .dnd-section form .hs-form-field input[type="email"],
#main-content.contec-landing-page .dnd-section form .hs-form-field input[type="phone"],
#main-content.contec-landing-page .dnd-section form .hs-form-field input[type="number"],
#main-content.contec-landing-page .dnd-section form .hs-form-field input[type="tel"],
#main-content.contec-landing-page .dnd-section form .hs-form-field input[type="date"],
#main-content.contec-landing-page .dnd-section form .hs-form-field textarea {
  background-color: #F2F1F0;
}

#main-content.contec-landing-page .dnd-section form .hs-form-field select {
  background-color: #F2F1F0;
}

#main-content.contec-landing-page .dnd-section form [type="checkbox"] {
  border: 1px solid #082951;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #082951;
  border-radius: 3px;
}

#main-content.contec-landing-page .dnd-section form [type="checkbox"]:checked::after {
  color: #082951;
}

#main-content.contec-landing-page .dnd-section form input[type="submit"] {
  font-weight: 700;
  border-width:0px;
}

#main-content.contec-landing-page .dnd-section form .inputs-list label {
  display: flex;
  line-height: 32px;
}

#main-content.contec-landing-page .dnd-section form .inputs-list label span {
  margin-left:16px;
}

#main-content.contec-landing-page .dnd-section form .actions {
  margin-top: 48px;
}

#main-content.contec-landing-page .dnd-section h2.location-title {
  margin:0 0 1.5rem 0;
}

@media (max-width: 769px) {
    #main-content.contec-landing-page .dnd-section form .actions {
      margin-top: 48px;
    }
}




form .hs-button.primary.large {
  font-family: 'Lato', 'Verdana', sans-serif;
  font-weight: 700;
}



/* ===== Landing Page 2 styles ===== */
.landing_page_2_footer .footer__container:first-of-type {
  -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
/* ===== End Landing Page 2 styles ===== */

/* ===== Professional Styles ===== */


/* ===== Video Styles ===== */

/* ===== End Video Styles ===== */

/* ===== Lity Styles ===== */
.lity-content > img {
  padding-top: 50px;
  padding-bottom: 50px;
}
.lity-content::after {
  -webkit-box-shadow: none !important;
            box-shadow: none !important;
}
/* ===== End Lity Styles ===== */

/* ===== HubSpot CTA Overlay ===== */

div#hs-web-interactives-top-anchor {
  z-index: 99999;
}

/* ===== End HubSpot CTA Overlay ===== */

/* ===== Resources Page ===== */

 @media screen and (max-width: 767px){
    .resources-template #dnd_area-module-7.button-container{
      text-align: center !important; 
    }
  }


/* ===== End Resources Page ===== */