@import url("https://use.typekit.net/ule6oza.css");
/* Theme base styles */

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}


/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/

/* Responsive grid */

.row-fluid {
  width: 100%;
}

.row-fluid:before, .row-fluid:after {
  display: table;
  content: '';
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*='span'] {
  display: block;
  float: left;
  width: 100%;
  min-height: 1px;
  margin-left: 2.127659574%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.row-fluid [class*='span']:first-child {
  margin-left: 0;
}

.row-fluid .span12 {
  width: 99.99999998999999%;
}

.row-fluid .span11 {
  width: 91.489361693%;
}

.row-fluid .span10 {
  width: 82.97872339599999%;
}

.row-fluid .span9 {
  width: 74.468085099%;
}

.row-fluid .span8 {
  width: 65.95744680199999%;
}

.row-fluid .span7 {
  width: 57.446808505%;
}

.row-fluid .span6 {
  width: 48.93617020799999%;
}

.row-fluid .span5 {
  width: 40.425531911%;
}

.row-fluid .span4 {
  width: 31.914893614%;
}

.row-fluid .span3 {
  width: 23.404255317%;
}

.row-fluid .span2 {
  width: 14.89361702%;
}

.row-fluid .span1 {
  width: 6.382978723%;
}

.container-fluid:before, .container-fluid:after {
  display: table;
  content: '';
}

.container-fluid:after {
  clear: both;
}

@media (max-width: 767px) {
  .row-fluid {
    width: 100%;
  }

  .row-fluid [class*='span'] {
    display: block;
    float: none;
    width: auto;
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .row-fluid {
    width: 100%;
  }

  .row-fluid:before, .row-fluid:after {
    display: table;
    content: '';
  }

  .row-fluid:after {
    clear: both;
  }

  .row-fluid [class*='span'] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.762430939%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row-fluid [class*='span']:first-child {
    margin-left: 0;
  }

  .row-fluid .span12 {
    width: 99.999999993%;
  }

  .row-fluid .span11 {
    width: 91.436464082%;
  }

  .row-fluid .span10 {
    width: 82.87292817100001%;
  }

  .row-fluid .span9 {
    width: 74.30939226%;
  }

  .row-fluid .span8 {
    width: 65.74585634900001%;
  }

  .row-fluid .span7 {
    width: 57.182320438000005%;
  }

  .row-fluid .span6 {
    width: 48.618784527%;
  }

  .row-fluid .span5 {
    width: 40.055248616%;
  }

  .row-fluid .span4 {
    width: 31.491712705%;
  }

  .row-fluid .span3 {
    width: 22.928176794%;
  }

  .row-fluid .span2 {
    width: 14.364640883%;
  }

  .row-fluid .span1 {
    width: 5.801104972%;
  }
}

@media (min-width: 1280px) {
  .row-fluid {
    width: 100%;
  }

  .row-fluid:before, .row-fluid:after {
    display: table;
    content: '';
  }

  .row-fluid:after {
    clear: both;
  }

  .row-fluid [class*='span'] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.564102564%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row-fluid [class*='span']:first-child {
    margin-left: 0;
  }

  .row-fluid .span12 {
    width: 100%;
  }

  .row-fluid .span11 {
    width: 91.45299145300001%;
  }

  .row-fluid .span10 {
    width: 82.905982906%;
  }

  .row-fluid .span9 {
    width: 74.358974359%;
  }

  .row-fluid .span8 {
    width: 65.81196581200001%;
  }

  .row-fluid .span7 {
    width: 57.264957265%;
  }

  .row-fluid .span6 {
    width: 48.717948718%;
  }

  .row-fluid .span5 {
    width: 40.170940171000005%;
  }

  .row-fluid .span4 {
    width: 31.623931624%;
  }

  .row-fluid .span3 {
    width: 23.076923077%;
  }

  .row-fluid .span2 {
    width: 14.529914530000001%;
  }

  .row-fluid .span1 {
    width: 5.982905983%;
  }
}

/* Clearfix */

.clearfix:before, .clearfix:after {
  display: table;
  content: '';
}

.clearfix:after {
  clear: both;
}

/* Visibilty classes */

.hide {
  display: none;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

.hidden {
  display: none;
  visibility: hidden;
}

/* Responsive visibilty classes */

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-phone {
    display: inherit !important;
  }

  .hidden-phone {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .visible-tablet {
    display: inherit !important;
  }

  .hidden-tablet {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}
/* ******************************************************************************
*********************************************************************************
Use this file to override any of the CSS styles preset in the themed
stylesheets or you can add your own custom styles.
*********************************************************************************
****************************************************************************** */

/* Test */




















.dnd-section {
  padding-bottom: 0px;
  padding-top: 0px;
}

.body-container__homepage .dnd-section:nth-child(odd) {
  background-color: #231F20;
}





html {
  font-size: 18px;
}

body {
  color: #494949;
  font-family: 'proxima-nova', sans-serif;
  font-weight: 400;
}

a {
  color: rgba(73, 73, 73, 1.0);
}


a:active {
  color: rgba(113, 113, 113, 1.0);
}

h1 {
  color: #231F20;
  
  font-family: proxima-nova, sans-serif;
  
  font-size: 60px;
  font-weight: 700;
}



h2 {
  color: #231F20;
  
  font-family: proxima-nova, sans-serif;
  
  font-size: 46px;
  font-weight: 700;
}


h3 {
  color: #231F20;
  
  font-family: proxima-nova, sans-serif;
  
  font-size: 24px;
  font-weight: 700;
}



h4 {
  color: #231F20;
  
  font-family: proxima-nova, sans-serif;
  
  font-size: 22px;
  font-weight: 700;
}



h5 {
  color: #231F20;
  
  font-family: proxima-nova, sans-serif;
  
  font-size: 20px;
  font-weight: 700;
}

h6 {
  color: #231F20;
  
  font-family: proxima-nova, sans-serif;
  
  font-size: 18px;
  font-weight: 700;
}

blockquote {
  border-left: 10px solid #231F20;
}





h3.form-title {
  background-color: rgba(255, 255, 255, 0.0);
  color: rgba(35, 31, 32, 1.0);
}

.hs-form-field > label {
  color: rgba(173, 173, 173, 1.0);
}

.hs-form legend {
  color: rgba(35, 31, 32, 1.0);
}

form input,
form select,
form textarea,
.hs-input {
  border-color: rgba(35, 31, 32, 1.0);
  color: rgba(35, 31, 32, 1.0);
  background-color: rgba(255, 255, 255, 0.0);
  border-radius: 0px;
}

form .input ul.inputs-list li label input[type="radio"]+span:before,form .input ul.inputs-list li label input[type="checkbox"]+span:before{
  border-color: rgba(35, 31, 32, 1.0);
}


form input:focus,
form select:focus,
form textarea:focus,
.hs-input:focus {
  border-color: rgba(35, 31, 32, 1.0);
}

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

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

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

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

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

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





th,
td {
  background-color: rgba(255, 255, 255, 1.0);
  border: 1px solid rgba(35, 31, 32, 1.0);
  color: rgba(35, 31, 32, 1.0);
}

thead th,
thead td {
  background-color: rgba(255, 255, 255, 1.0);
  color: rgba(35, 31, 32, 1.0);
}

tfoot td {
  background-color: rgba(255, 255, 255, 1.0);
  color: rgba(35, 31, 32, 1.0);
}

table,
tbody + tbody {
  border-color: rgba(35, 31, 32, 1.0);
}











.page-center {
  max-width: 1320px;
  margin: 0 auto;
  padding:0 20px;
  width:100%;
}

@media(max-width:767px){
  html{ font-size:16px; }
}

/* Elements
Base HMTL elements are styled in this section (<body<, <h1>, <a>, <p>, <button> etc.)
*/

body {
  line-height: 1.6;
}

*{
  outline:none;
}

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  word-break: break-all;
}

/* Paragraphs */

p {
  margin: 0 0 20px;
}

/* Anchors */

a {
  cursor: pointer;
  transition: color .5s ease,opacity .25s ease;
}

/* Headings */
h1{
  margin: 0 0 16px;
  line-height: 1.22; 
  letter-spacing: 0.02em; 
  text-transform: uppercase;
}

h2{
  margin: 0 0 30px;
  line-height: 1.21; 
}

h3{
  margin:0 0 18px; 
  line-height: 1.21;
}

h4{
  margin:0 0 10px; 
  line-height: 1.21;
}

h5,.sub-title{
  margin:0 0 16px; 
  line-height: 1.2;
  font-family: 'proxima-nova-condensed', sans-serif; 
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

h6{
  margin:0 0 15px; 
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{ color:inherit;}

/* Lists */

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

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

ul.no-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 0.7rem;
}

/* Horizontal rules */

hr {
  border: none;
  border-bottom: 1px solid #CCC;
}

/* Image alt text */

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

svg { vertical-align: middle; }

/* Richtext */
.detail-content > *:last-child,.hs_cos_wrapper_type_rich_text > *:last-child{margin-bottom:0 !important;}
.detail-content ul ul,.hs_cos_wrapper_type_rich_text ul ul { margin-top: 25px; }
.detail-content ol,.hs_cos_wrapper_type_rich_text ol{ padding-left: 20px;margin-bottom: 20px;}
.detail-content p,.hs_cos_wrapper_type_rich_text p,.detail-content blockquote,.hs_cos_wrapper_type_rich_text blockquote{margin-bottom: 25px; }
.detail-content ul, .hs_cos_wrapper_type_rich_text ul {margin-bottom: 20px;padding-left: 30px; list-style: inherit !important;}
.detail-content.tc ul,.detail-content.tc ol,.tc .detail-content ul,.tc .detail-content ol,.tc .hs_cos_wrapper_type_rich_text ul,.tc .hs_cos_wrapper_type_rich_text ol{ text-align:left; }
.detail-content a:not(.cta_button),.hs_cos_wrapper_type_rich_text a:not(.cta_button){ text-decoration: underline; }
.detail-content a:not(.cta_button):hover,.hs_cos_wrapper_type_rich_text a:not(.cta_button):hover{ text-decoration: none; }
strong{font-weight:700;}

/* Section */
.rtp{padding-top:0!important;}
.rbp{padding-bottom:0!important;}
.white{ color:#ffffff;}
.tbl {display:table;width:100%;height:100%;}
.tbl-cell {display:table-cell;vertical-align:middle}
.dis-flex{display:flex;flex-wrap:wrap;}
.vmiddle{align-items:center;}
.vbottom{align-items:flex-end;}
.hcenter{justify-content:center;}
.hright{justify-content:right;}
.tc{text-align:center;}
.tr{text-align:right;}
.tl{text-align:left;}
.dis-flex>.row-fluid-wrapper>.row-fluid:before, .dis-flex>.row-fluid-wrapper>.row-fluid:after{display:none;}
.cp{padding:100px 0;}
.clear { clear: both; }
.overlay{position:relative;z-index:1;}
.overlay:before { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; background: linear-gradient( 0deg , rgba(52, 52, 52, 0.65), rgba(52, 52, 52, 0.65)); z-index: -1; }
.white a,.white h1,.white h2,.white h3,.white h4,.white h5,.white h6{ color:inherit;}
.font20{ font-size:20px;}
section{ padding:120px 0;}
.no-underline{ text-decoration:none; }

@media(max-width:1280px){
  h1{ font-size:48px;}
  h2{ font-size:36px;}
  section{ padding:100px 0;}
}

@media(max-width:1024px){
  .cp,section{padding:70px 0;}
  h1{ font-size:42px; }
  h2{ font-size:32px;margin-bottom:20px;}
  h3{ font-size:22px;}
  h4{ font-size:20px;}
  .font20,h5,.sub-title{ font-size:18px;}
}

@media(max-width:767px){
  h1{ font-size:30px;}
  h2{ font-size:26px;}
  h3{ font-size:20px;}
  h4{ font-size:18px;}
  .font20, h5, .sub-title { font-size: 16px; }
}
.common-cta { margin-top: 60px; }
.common-cta a,form input[type="submit"],.cta_button.button { background: rgba(255, 255, 255, 0.0); color: #231F20; text-decoration: none; font-weight: 800; font-family:'proxima-nova-condensed',sans-serif; letter-spacing: 0.1em; font-size: 20px; line-height: 1.2; display: inline-block;border-radius: 0px ; padding: 12px 38px; box-sizing: border-box !important; transition: color .5s ease,background .5s ease,border .5s ease; border: 2px solid  rgba(35, 31, 32, 1.0); }
.common-cta a:hover,form input[type="submit"]:hover,.cta_button.button:hover  { color:  #FFFFFF; background: rgba(35, 31, 32, 1.0); }

.common-cta a.background,.two-col-form-section.lp-form-section form input[type="submit"],.cta_button.background.button{border-color:rgba(35, 31, 32, 1.0); background:rgba(35, 31, 32, 1.0);color:#FFFFFF;}
.common-cta a.background:hover,.cta_button.background.button:hover{ background: transparent; border-color: #ffffff; color: #ffffff; }
.two-col-form-section.lp-form-section form input[type="submit"]:hover { background: transparent; border-color: #ffffff; color: #231F20; border-color:rgba(35, 31, 32, 1.0)  }

@media(max-width:1024px){
  .common-cta a,form input[type="submit"],.cta_button.button{ font-size: 18px; letter-spacing: 0.05em; padding: 12px 20px;}
  .common-cta { margin-top: 50px; }
}

@media(max-width:767px){
  .common-cta a,form input[type="submit"],.cta_button.button{ font-size: 16px;}
  .common-cta { margin-top: 35px; }
}
/* Form CSS Start here */

input::-webkit-input-placeholder { color: #231F20; opacity:1; } /* WebKit browsers */
input:-moz-placeholder { color: #231F20; opacity:1; } /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder { color: #231F20; opacity:1; } /* Mozilla Firefox 19+ */
input:-ms-input-placeholder { color: #231F20; opacity:1; } /* Internet Explorer 10+ */
textarea::-webkit-input-placeholder { color:#231F20; opacity:1; } /* WebKit browsers */
textarea:-moz-placeholder { color: #231F20; opacity:1; } /* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder { color: #231F20; opacity:1; } /* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder { color: #231F20; opacity:1; } /* Internet Explorer 10+ */

select::-ms-expand {display: none;}
input::-ms-clear { display:none;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {-webkit-box-shadow: 0 0 0 100px #fff inset;-moz-box-shadow: 0 0 0 100px #fff inset; box-shadow: 0 0 0 100px #fff inset;	color:#231F20; -webkit-text-fill-color: #231F20;}

input,textarea,select {border-radius: 0; }
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0; transition: color 0.5s ease ; }
button, input, select, textarea,option { font-size: 100%; margin: 0; vertical-align: baseline;    font-family: inherit; }
input[type="text"],input[type="tel"],input[type="email"]{ -webkit-appearance:none !important; }
input[type="submit"] {cursor: pointer;transition:color 0.5s ease;}
textarea { overflow: auto; vertical-align: top; resize:none; height:100px; }


/* Fieldset */
form ul{list-style:none;padding: 0; margin: 0;}
form div.hs-form-field .input > ul > li > label{cursor:pointer;}
form ul.inputs-list.hs-error-msgs { color: red; padding: 0; font-size:14px;}
form .legal-consent-container .hs-error-msgs { position: relative; top: -20px; }
form .hs-form-required { display:inline; }
form .hs_error_rollup {display: none;}
.legal-consent-container .hs-error-msgs label{color:red !important;}
form fieldset{max-width:100%!important;}
form div.hs-form-field{float:none !important;display: inline-block;vertical-align: top;width: 100%!important;margin-bottom: 45px;}
form ul.inputs-list { padding-top: 8px;}

/* input */
form .input{margin-right:0 !important;}

form .hs-form-field>label {
  width: 100%;
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1.2;
  pointer-events: none;
  margin-bottom: 10px;
}

form textarea,form input[type="text"],form input[type="password"],form input[type="datetime"],form input[type="datetime-local"],form input[type="date"],form input[type="month"],form input[type="time"],form input[type="week"],form input[type="number"],form input[type="email"],form input[type="url"],form input[type="search"],form input[type="tel"],form input[type="color"],form select{
  font-size: 20px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  padding: 0 0 12px;
  width: 100% !important;
  margin: 0 0 3px;
  font-weight: 600; }

/* Select */
form select { 
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  background-image: url(https://20344007.fs1.hubspotusercontent-na1.net/hubfs/20344007/NGC%20Testing%20Services/Images/Vector%2018.svg);
  background-position: right;
  background-repeat: no-repeat;
  background-size: 13px auto;
  padding-right: 20px;
}
/* Radio Button */
form .input ul.inputs-list li label input[type="radio"]:checked+span:before {box-shadow:0 0 0 3px rgba(35, 31, 32, 1.0) inset;}
form .input ul.inputs-list li label input[type="radio"] { opacity: 0; display:none !important;}
form .input ul.inputs-list li label input[type="radio"]+span:before {
  position: absolute;
  content: '';
  left: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
}
form .input ul.inputs-list li label input[type="radio"]+span { position: relative; display: flex; padding-left: 30px; align-items: center; }

/* Check Box */
form .input ul.inputs-list li label input[type="checkbox"]:checked+span:before {
  background-image: url('https://20344007.fs1.hubspotusercontent-na1.net/hubfs/20344007/NGC%20Testing%20Services/Images/Tick%20%281%29.png'); background-size:75%; background-position: center center; background-repeat: no-repeat; }
form .input ul.inputs-list li label input[type="checkbox"] { opacity: 0; display:none !important;}
form .input ul.inputs-list li label input[type="checkbox"]+span:before { position: absolute; content: ''; left: 0; top:3px; width: 20px; height: 20px; text-align: center; border-width: 2px; border-style: solid; }
form .input ul.inputs-list li label input[type="checkbox"]+span { position: relative;  padding-left: 30px; align-items: center; }

/* Button */


/* Check Box & Radio Button in One Col */
form div.hs-form-field .input > ul > li{margin:0 0 10px;}
form .legal-consent-container { font-size:14px; }
form .legal-consent-container .hs-form-booleancheckbox-display>span { margin-left: 0; }
form .legal-consent-container .field.hs-form-field { margin-bottom: 0; }
form .hs-richtext { margin-bottom: 15px;}
.submitted-message { font-weight: 600; font-size: 20px; }

@media(min-width:641px){
form fieldset.form-columns-2 > div.hs-form-field{margin-right:5.8%; width: 47%!important;}
form fieldset.form-columns-2 > div.hs-form-field:last-child{margin-right:0;}
form fieldset.form-columns-3 > div.hs-form-field{margin-right:4.2%;width:30.5%!important;}
form fieldset.form-columns-3 > div.hs-form-field:last-child{margin-right:0;}
}

@media(max-width:767px){
  form textarea,form input[type="text"],form input[type="password"],form input[type="datetime"],form input[type="datetime-local"],form input[type="date"],form input[type="month"],form input[type="time"],form input[type="week"],form input[type="number"],form input[type="email"],form input[type="url"],form input[type="search"],form input[type="tel"],form input[type="color"],form select{
    font-size: 18px;}
}

@media(max-width:767px){
  form .input ul.inputs-list li label input[type="radio"]+span:before{ top:2px; }
  form .input ul.inputs-list li label input[type="checkbox"]+span:before{ top:1px; }
  form div.hs-form-field { margin-bottom: 25px; }
  form textarea,form input[type="text"],form input[type="password"],form input[type="datetime"],form input[type="datetime-local"],form input[type="date"],form input[type="month"],form input[type="time"],form input[type="week"],form input[type="number"],form input[type="email"],form input[type="url"],form input[type="search"],form input[type="tel"],form input[type="color"],form select{
    font-size: 16px;}
}
/* Table */

table {
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/
/* Header Global Module */
.body-wrapper { padding-top: 130px; }
.wrapper-header { background: #ffffff; color: #000000; position: fixed; width: 100%; z-index: 99; left: 0; top: 0; transition: transform .5s ease;box-shadow: 0px 4px 40px 5px rgb(0 0 0 / 25%);font-size:20px; line-height:1.2;font-weight: 600; }
.wrapper-header a {display:inline-block;text-decoration:none;color: inherit;} 
.body-wrapper ul{    list-style: none; }
.wrapper-header .logo { width: 212px; }
.wrapper-header .logo img { transition: width .5s ease; }
.wrapper-header .serch-icon { justify-content: flex-end; width: 97px; margin-left: auto; cursor: pointer;transition: opacity .5s ease; }
.wrapper-header .page-center > .dis-flex { justify-content: space-between; }
.wrapper-header li.hs-menu-depth-1{padding: 53px 24px;position: relative; list-style: none;}
.wrapper-header li.hs-menu-depth-1.active > a,.wrapper-header li.hs-menu-depth-1.active-branch > a{ font-weight:800; }
.wrapper-header .hs-menu-item.hs-menu-depth-2:not(:last-child) { margin-bottom: 10px; }
.wrapper-header .hs-menu-depth-2 > a { display: block; }
.search-input { color: #000; left: 0; max-height: 100vh; position: absolute; top: 0; width: 100%; z-index: 1000; transition: opacity .3s ease-out,visibility .3s ease-out;visibility: hidden; opacity: 0; background-color: #fff;min-height: 100%; display: flex; align-items: center; }
.search-input.visible-serch{ visibility: visible; opacity: 1; }
.search-input .hs-search-field__input { background: none; border: none; margin-bottom: 0; z-index: 1;padding:12px; }
.search-input form { display: flex; align-items:center;}
.search-input .close { font-size: 48px; line-height: 1; cursor: pointer; }
.wrapper-header .polular-keywords { margin-top: 0; margin-bottom: 15px; padding-left: 10px; }
.wrapper-header .polular-keywords a { color: #231F20; }
.small-header .wrapper-header .polular-keywords { display: none; }

.header--no-navigation { position: fixed; top: 0; left: 0; padding: 27px 0; width: 100%; background: #fff; z-index: 9; }


@media(min-width:768px){
  .wrapper-header .menu{position:relative; }
  .wrapper-header li a:hover,.wrapper-header .serch-icon:hover{opacity:0.7;}
  .wrapper-header .hs-menu-wrapper{display:block !important;}
  .wrapper-header .mobile-trigger,.wrapper-header li.back.hs-menu-item{display: none!important;}
  .wrapper-header li.hs-menu-depth-1>ul.hs-menu-children-wrapper { font-size: 16px; position: absolute; visibility: hidden; top: 100%; background:#231F20; box-shadow: 0px 4px 7px 2px rgb(0 0 0 / 10%); padding: 24px !important; height: auto !important; left: 50%; list-style: none; white-space: nowrap; min-width: 175px; color: #fff; text-align: center; transform: translateX(-50%); }
  .wrapper-header li.hs-menu-depth-1:hover > ul.hs-menu-children-wrapper{visibility:visible;}
  .wrapper-header .hs-menu-wrapper > ul{display: flex; flex-wrap: wrap;   }
  .wrapper-header .hs-menu-children-wrapper{display:block !important;}
  .wrapper-header .child-trigger { width: 13px; margin-left: 9px; }
  .wrapper-header li.hs-menu-depth-1>ul.hs-menu-children-wrapper:before { position: absolute; content: ""; height: 20px; width: 20px; left: 0; top: -10px; right: 0; margin: 0 auto; background: inherit; transform: rotate( 45deg ); }
  .wrapper-header .serch-toggle svg { margin-right: 10px; }
  .wrapper-header li.hs-menu-depth-1 > a { letter-spacing: -0.6px; }
  .wrapper-header li.hs-menu-depth-1{ transition: padding .5s ease; }
  .small-header .wrapper-header .hs-menu-depth-1 { padding-top: 35px; padding-bottom: 35px;}
}

@media(min-width:1025px){
  .small-header .wrapper-header .logo img { width: 175px;}
}

@media(min-width:1170px){
  .wrapper-header .serch-toggle { width: 212px;}
}

@media(max-width:1024px){
  .body-wrapper { padding-top: 100px; }
  .wrapper-header{ font-size:18px; }
  .wrapper-header .logo { width: 150px; }
  .wrapper-header li.hs-menu-depth-1 { padding: 40px 15px;}
  .wrapper-header .serch-icon{width: 90px; }
  .wrapper-header .polular-keywords ul { justify-content: flex-start; }
  .header__logo { max-width: 150px; }
  .header--no-navigation{ padding:23px 0;}
}

@media(max-width:840px){
  .wrapper-header .polular-keywords{ display:none !important;}
}

@media(max-width:767px){
  body.mobile-open { overflow: hidden;}
  .body-wrapper { padding-top: 82px; }
  .wrapper-header .mobile-trigger { cursor: pointer; position: relative; width: 25px; padding: 10px 0px; margin-left: 20px; order: 3;}
  .wrapper-header .mobile-trigger .line {display: block;background:#231F20;width:100%;height:2px;position:absolute;left: 0;border-radius: 4px;}
  .wrapper-header .mobile-trigger .line.line-3{top:100%;}
  .wrapper-header .mobile-trigger.active-re .line-3 { transform:rotate(-45deg);}
  .wrapper-header .mobile-trigger.active-re .line.line-3 {top:50%;}
  .wrapper-header .mobile-trigger .line.line-2{top:50%;}
  .wrapper-header .mobile-trigger.active-re .line-2 { opacity: 0;}
  .wrapper-header .mobile-trigger .line.line-1{top:0;}
  .wrapper-header .mobile-trigger.active-re .line-1{top:50%;}
  .wrapper-header .mobile-trigger.active-re .line-1 { transform:rotate(45deg);}
  .wrapper-header{ padding:15px 0px;}
  .wrapper-header .logo {order: 2; }
  .wrapper-header .menu { position: fixed;border-top: 1px solid #e0e0e0; transition: transform 0.5s ease; overflow-y: auto; overflow-x: hidden;width: 100%;right: 0; transform: translateX(102%);top: 82px; background-color:#fff; height: 100vh; padding: 0 20px 100px;}
  .mobile-open .wrapper-header .menu{ transform: translateX(0px); }
  .wrapper-header li.hs-menu-item{ padding: 20px 0; display: flex; align-items: center; border-bottom: 1px solid #e0e0e0;}
  .wrapper-header li.hs-menu-item > a { width: 100%; }
  .wrapper-header li.hs-menu-depth-1 .child-trigger { position: relative; height: 30px; width: 40px; cursor: pointer; }
  .wrapper-header li.hs-menu-depth-1 .child-trigger:before { border-right: 2px solid #000; border-top: 2px solid #000; content: ""; display: block; height: 13px; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate( 45deg ); width: 13px; }
  .wrapper-header ul.hs-menu-children-wrapper { width: 100%; position: fixed; left: 0; top: 0; background: #fff; height: 100%; z-index: 1; padding: 0 20px 100px; overflow-y: auto; overflow-x: hidden; transition: transform .5s ease; transform: translateX(100%); bottom: 0; }
  .wrapper-header .serch-icon span { display: none; }
  .wrapper-header .serch-toggle { position: relative; left: -10px;  padding: 10px;margin-top: 1px; }
  .wrapper-header .serch-icon { width: auto; }
  .wrapper-header li.back.hs-menu-item { justify-content: center; position: relative; font-weight: 700; font-size: 20px; margin-left: -20px; margin-right: -20px; }
  .wrapper-header li.back.hs-menu-item:before { border-right: 2px solid #000; border-top: 2px solid #000; content: ""; display: block; height: 13px; position: absolute; left: 20px; top: 50%; transform: translateY(-50%) rotate( -135deg ); width: 13px; }
  .wrapper-header .child-trigger.child-open + ul.hs-menu-children-wrapper { transform: translateX(0); }
  .header--no-navigation { padding: 14px 0; }
}
footer { color: #000000; padding: 50px 0; }
footer a { text-decoration: none; display: inline-block; color: inherit;transition: opacity .5s ease; }
footer a:hover{ opacity:0.7;}
.footer-top { font-size: 14px; border-bottom: 1px solid #ADADAD; padding: 55px 0 64px; }
.footer-top-flex { justify-content: space-between; }
.footer-top-left { width: 49.33%; }
.footer-top-right { width: 49.33%; }
.footer-top-left h5 { margin-bottom: 26px; color: inherit; letter-spacing: 0; text-transform: inherit; }
.footer-top-left ul { column-count: 2; font-size: 12px; line-height: 1.4; }
.footer-top-left ul li { margin-bottom: 20px; }
.footer-top-left ul strong { display: block; font-size: 14px; line-height: 1.2; }
.footer-top .hs-menu-wrapper > ul { display: flex; flex-wrap: wrap; }
.footer-top .hs-menu-depth-1 { width: 33.33%; padding-right: 15px; }
.footer-top .hs-menu-depth-1 > a { font-size: 20px; font-weight: 700; margin-bottom: 26px; line-height: 1.2; }
.footer-top .hs-menu-depth-2 { line-height: 1.2; margin-bottom: 15px; }

.footer-bottom { font-size: 12px; line-height: 1.2; padding-top: 20px; }
.footer-bottom-left svg { margin-right: 7px; }
.footer-bottom-left { width: 60%; }
.footer-bottom-right { width: 40%; color: rgba(133, 133, 133, 0.75); }
.footer-bottom-left li { margin-right: 26px; margin-top: 8px; margin-bottom: 8px; }

.footer-bottom-left svg { margin-right: 7px; }
.footer-bottom-right ul { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.footer-bottom-right li { margin-left: 33px; margin-top: 8px; margin-bottom: 8px; }
.footer-bottom-right a{transition: color .5s ease; }
.footer-bottom-right a:hover{ opacity:1; color:#000;}

.lp-footer .footer-top{ padding-bottom:0; }

@media(min-width:1025px){
  .footer-bottom-right li:last-child{  margin-right: 0; }
  .footer-bottom-left li:last-child{ margin-left:0;}
}

@media(max-width:1024px){
  .footer-top {padding: 50px 0 40px; }
  .footer-bottom-left { width: 100%; }
  .footer-bottom-left .dis-flex { justify-content: center; }
  .footer-bottom-left li { margin: 8px; }
  .footer-bottom-right li { margin: 8px; }
  .footer-bottom-right ul { justify-content: center; }
  .footer-bottom-right { width: 100%;    margin-top: 10px; }
  .lp-footer .f-logo { text-align: center; }
}

@media(max-width:900px){
  .footer-top-left { width: 100%; margin-bottom: 50px; }
  .footer-top-right { width: 100%; }
  .footer-top-left ul {max-width: 575px; }
}

@media(max-width:568px){
  .footer-top .hs-menu-depth-1 { width: 100%; padding-right: 0; }
  .footer-top .hs-menu-depth-1:not(:last-child) { margin-bottom: 30px; }
  .footer-top-left ul li:last-child{ margin-bottom:0;}
  .footer-top-left ul { column-count: 1;}
}
.hero-right-shape { position: absolute; top: 48%; right: 0; transform: translateY(-50%);    z-index: -1; }
.hero-left-shape { position: absolute; top: 50%; left: 0; transform: translateY(-50%);    z-index: -1; }
.link-cta a { text-decoration: none; display: inline-flex; align-items: center; line-height: 1.2; color: #231F20; font-weight: 600; font-family: 'proxima-nova-condensed',sans-serif; }
.link-cta svg{ margin-left:14px; transition: right .25s ease;position: relative; right: 0; }
.link-cta a:hover svg {right: -3px; }

/* Contact Us Module */
.contact-us-wrapper { background: linear-gradient( 0deg , rgba(52, 52, 52, 0.75), rgba(52, 52, 52, 0.75)), #343434;position: relative; overflow: hidden; z-index:1; }
.contact-us-wrapper .detail-content { max-width: 630px; margin: 0 auto; }

/* + Sign Up Form Module */
.sign-up-section .page-center { max-width: 1000px; }
.sign-up-section .hs-submit { margin-top: 10px; text-align: center; }
.sign-up-section .detail-content { margin-bottom: 50px; }

/* Hero Banner Module */
.hero-section { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden;padding:89px 0; z-index: 1; }
.hero-section h1{ max-width: 983px; }
.hero-section .detail-content { max-width: 953px; }
.hero-section .line-wrapper { margin-top: 32px; }
.hero-section .line-wrapper .line { width: 64px; height: 4px; background: rgba(255, 255, 255, 0.2); margin-right: 4px; }
.hero-section .line-wrapper .line.color1{background:#B28FC2;}
.hero-section .line-wrapper .line.color2{background:#F8981C;}
.hero-section .line-wrapper .line.color3{background:#50B948;}
.hero-section .line-wrapper .line.color4{background:#6CAEDF;}

/* Home - Hero Banner Module */
.home-hero-section { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden;padding:132px 0 121px; z-index: 1; }
.home-hero-section .detail-content { max-width: 494px; }

/* Latest Articles Module */
.latest-articles-section { background: #F2F2F2; }
.latest-articles-section .post-item{ margin-bottom: 0;height: 276px;}
.latest-articles-section .post-item:first-child,.latest-articles-section .post-item:nth-child(2){  margin-bottom: 45px;  }
.latest-articles-flex { justify-content: space-between; }
.latest-articles-top { margin-bottom: 40px; }
.latest-articles-top-flex { align-items: flex-end; justify-content: space-between; }
.latest-articles-top-flex .detail-content { width: 70%;padding-right: 20px; }
.latest-articles-top-flex .link-cta { width: 30%; text-align: right;  }
.latest-articles-section .post-item .post-content { background: #F2F2F2; }

/* Two Column Swap - Image or Video and Content Module */
.two-col-flex { justify-content: space-between; margin-bottom: 128px; }
.two-col-flex:last-child { margin-bottom: 0; }
.two-col-img { width: 40.8%;    text-align: center; }
.two-col-img img,.two-col-flex.video .two-col-img{box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.15);}
.two-col-content { width: 49.25%; }
.two-col-flex.video .two-col-content { width: 40.35%; }
.two-col-flex.video .two-col-img { width: 51.2%; }
.two-col-content .icon { margin-bottom: 20px; }

/* + Two Column Swap - Image or Video and Content Module v2 */
.two-col-sectionv2 { position: relative; z-index: 1; overflow: hidden; }

/* Four Column - Services Module */
.services-section { overflow: hidden; }
.services-top { margin-bottom: 45px; }
.services-top-flex { align-items: flex-end; justify-content: space-between; }
.services-top-flex .detail-content { width: 70%;padding-right: 20px; }
.services-top-flex .link-cta { width: 30%; text-align: right;  }
.services-flex { margin: 0 -4.75%; }
.service-item { width: 25%; padding: 15px; }
.service-item img { margin-bottom: 30px; }
.service-item .detail-content { font-size: 16px; max-width: 205px; margin: 0 auto; }
.service-item h4 { font-size: 20px; margin-bottom: 17px; }
.service-item h3{ margin-bottom:12px;}
.services-section.left .services-flex { margin: 0 -15px; }
.services-section.left .service-item .detail-content { max-width: 100%;font-size: inherit; }
.service-item .link-cta { letter-spacing: 0.1em; margin-top: 40px; }
.service-item .link-cta a{ color:#000000;}

/* Search Bar Module */
.search-bar-section { background: #F2F2F2; padding: 63px 0 60px; }
.search-bar-section a{color: #231F20;transition: opacity .5s ease;}
.search-bar-section a:hover {opacity:0.7;}
.search-bar-left { width: 24%; padding-right: 20px; }
.search-bar-left .contact-number a { display: inline-flex; align-items: center; font-size: 30px; line-height: 1.25; }
.search-bar-left .contact-number svg,.search-bar-left .contact-number img { margin-right: 12px; margin-bottom:6px; }
.search-bar-right { width: 76%; }
.search-bar-right .hs-search-field__input { text-align: center;background: #ffffff; padding: 20px 70px;margin-bottom: 0; }
.search-bar-right .hs-search-field__input:focus{ text-align: left; } 
.polular-keywords { font-size: 14px; margin-top: 10px;color: #ADADAD; }
.polular-keywords li { margin-right: 60px; margin-top: 15px; }
.polular-keywords li:last-child{ margin-right:0; }

/* Search Bar Module */
.search-bar-top form { position: relative; }
.search-bar-top form .search-icon { position: absolute; top: 50%; transform: translateY(-50%); left: 20px; }
.search-bar-top form button { border: none; background: transparent; padding: 0; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); cursor: pointer; transition: right .25s ease; }
.search-bar-top form button:hover{ right:17px;}
.search-bar-section path { fill: #231f20; }

/* Team Module */
.team-section { margin-bottom: -10px;    overflow: hidden; }
.team-section .detail-content { margin-bottom: 30px; }
.team-flex{ margin-left:-28px;  margin-right:-28px;    justify-content: center; }
.team-item { width: 25%; padding: 30px 28px; }
.team-item-img { width: 100%; margin-bottom: 24px; box-shadow: 0px 5px 20px rgb(0 0 0 / 5%); }
.team-item-content strong { display: block; font-size: 110%; }

/* + Four Column - Image and Content Module */
.four-column-section .team-item .detail-content { margin-bottom: 0; }
.four-column-section .team-item h4{ margin-bottom:4px;  font-weight: 600;}
.four-column-section .team-item date { color: #ADADAD; font-weight: 600; }
.four-column-section { margin: 0; padding: 70px 0 90px; }

/* Test Capabilities Module */
.test-capabilities-section { position: relative; z-index: 1;  overflow: hidden;}
.test-capabilities-top { margin-bottom: 30px; }
.test-capabilities-flex { justify-content: space-between; }
.test-capabilities-flex > div { width: calc(50% - 15px); }
.test-capabilities-item { background: #F2F2F2; border-left: 2px solid #000000; margin-top: 20px; }
.test-capabilities-question { min-height: 86px; display: flex;align-items: center; padding: 14px 60px 14px 18px;position: relative; cursor: pointer;color: #000000; }
.test-capabilities-answer .detail-content{ padding: 4px 60px 16px 18px; font-size: 16px; }
.test-capabilities-answer { display: none; }
.test-capabilities-question svg { position: absolute; right: 25px; top: 50%; transform: translateY(-50%); }
.test-capabilities-question.active svg { transform: translateY(-50%) rotate( 180deg ); }

/* Testing Facilities Module */
.testing-facilities-section { overflow: hidden; }
.testing-facilities-slider { margin-left: -25px; margin-right: -25px; }
.testing-facilities-slider-item { padding: 25px; }
.testing-facilities-slider-item img { margin: 0 auto; width: 100%; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);}
.testing-facilities-flex { margin-left: -25px; margin-right: -25px; }
.testing-facilities-item { width: 33.33%; padding: 64px 25px 0; }
.testing-facilities-item-icon { margin-bottom: 16px; }
.testing-facilities-item p,.testing-facilities-item ul,.testing-facilities-item ol{ margin-bottom:16px;}
.testing-facilities-item strong{ font-weight:600; }
.testing-facilities-top { margin-bottom: 35px; }

/* Stay Updated Module */
.stay-updated-section { background: #F2F2F2;position: relative; z-index: 1;    overflow: hidden; }
.stay-updated-flex { justify-content: space-between; }
.stay-updated-left { width: 42.7%; }
.stay-updated-right { width: 51.2%; }
.stay-updated-item { background: #ffffff; margin: 21px 0; padding: 20px 30px; }
.stay-updated-content { width: calc(100% - 140px); padding-right: 15px; }
.stay-updated-item h5 { font-size: 18px; margin-bottom: 4px; letter-spacing: 0; font-weight: 600;}
.stay-updated-item h3 { font-size: 20px; margin-bottom: 0; color:#000000; }
.stay-updated-item h3 a{transition: opacity .5s ease;}
.stay-updated-item h3 a:hover{opacity:0.7;}
.stay-updated-item .link-cta { width: 140px; text-align: right; }
.stay-updated-section .hero-right-shape { top: 0; transform: none; }
.stay-updated-section .link-cta a{ color:#000000;}

/* Two Column - Content and Form Module */
.two-col-form-section { background: #E5E5E5; }
.two-col-form-flex{ justify-content: space-between; }
.two-col-form-left { width: 40.5%; }
.two-col-form-left .map-img { margin-bottom: 60px; }
.two-col-form-left .map-img img,.two-col-form-left .map-img iframe { box-shadow: 0px 15px 30px rgb(0 0 0 / 15%); }
.two-col-form-right { width: 49%; }
.two-col-form-right .detail-content { margin-bottom: 58px; }

/* Newsletters Module */
.newsletter-section { padding: 120px 0 155px; }
.newsletter-item:not(:last-child) { margin-bottom: 50px; }
.newsletter-item .dis-flex { justify-content: space-between; }
.newsletter-month-item { width: calc(50% - 15px); margin-bottom: 10px; }
.newsletter-month-item a { background: #F2F2F2; display: flex; align-items: center; position: relative; padding: 29px 55px 29px 18px; color: #231F20; font-weight: 600; z-index: 1; }
.newsletter-month-item a:before { position: absolute; content: ""; height: 100%; width: 2px; background: #ADADAD; z-index: -1; left: 0; top: 0; transition: width .25s ease; }
.newsletter-month-item svg { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
.newsletter-month-item a:hover { color: #fff; }
.newsletter-month-item a:hover path { fill: #fff; }
.newsletter-month-item a:hover:before { width: 100%; }

@media(min-width:768px){
  .two-col-flex.right { flex-flow: row-reverse; }
  .two-col-form-section.full-width .two-col-form-left{width:100%;margin-bottom:70px;}
  .two-col-form-section.full-width .two-col-form-right{width:100%;}
  .two-col-form-section.lp-form-section .two-col-form-left { width: 52%; }
  .two-col-form-section.lp-form-section .two-col-form-right { width: 45%; }
}

@media(min-width:1025px){
  .latest-articles-section .post-item .post-content{max-width: 437px;}
  .latest-articles-section .post-item{ width: 48.7%; }
  .home-hero-section .hero-right-shape{ top:0;transform: none;}
  .stay-updated-section .common-cta { margin-top: 44px; }
  .four-column-section .team-item-img { margin-bottom: 30px; }
  .two-col-form-section.lp-form-section .two-col-form-left { width: 48.9%; }
  .two-col-form-section.lp-form-section .two-col-form-right { width: 42.7%; }
}

@media(min-width:1281px){
  .search-bar-left h5 { margin-bottom: 23px; }
  .search-bar-right .hs-search-field__input {font-size: 21px;}
  .testing-facilities-three-col { margin-top: 11px; }
}

@media(min-width:1367px){
  .polular-keywords li:first-child { margin-right:70px;}
}

@media(max-width:1366px){
  .polular-keywords li { margin-right: 30px; }
}

@media(max-width:1280px){
  .two-col-flex { margin-bottom: 100px; }
  .home-hero-section{ padding:120px 0;}
  .search-bar-left .contact-number a { font-size: 24px; }
  .team-flex { margin-left: -10px; margin-right: -10px; }
  .team-item {padding: 20px 10px; }
  .test-capabilities-section .hero-right-shape, .test-capabilities-section .hero-left-shape { opacity: 1;}
  .four-column-section { padding: 80px 0; }
  .newsletter-section{ padding:100px 0;}
}

@media(max-width:1170px){
  .hero-right-shape,.hero-left-shape { opacity:0.5;}
  .services-flex,.testing-facilities-flex,.testing-facilities-slider { margin: 0 -15px; } 
  .service-item .detail-content {  max-width: 250px; }
  .polular-keywords li { margin-right: 15px; }
  .testing-facilities-item {padding: 50px 15px 0; }
  .testing-facilities-slider-item { padding: 15px; }
  .service-item .link-cta { letter-spacing: 0; margin-top: 20px; }
}

@media(max-width:1024px){
  .hero-section,.newsletter-section{ padding:70px 0;}
  .latest-articles-section .post-item { height: 284px; }
  .latest-articles-section .post-item:first-child,.latest-articles-section .post-item:nth-child(2){  margin-bottom: 30px;  }
  .two-col-flex { margin-bottom: 70px; }
  .two-col-img,.two-col-flex.video .two-col-content { width: 45%;}
  .two-col-content,.two-col-flex.video .two-col-img { width: 52%; }
  .home-hero-section{ padding:100px 0;}
  .search-bar-left .contact-number svg,.search-bar-left .contact-number img { width: 35px; }
  .search-bar-left .contact-number a { font-size: 22px; }
  .search-bar-left { width: 100%; padding-right: 0; margin-bottom: 30px; text-align: center; }
  .polular-keywords ul { justify-content: center; }
  .search-bar-right { width: 100%; }
  .team-item { width: 33.33%;}
  .team-item-img{ margin-bottom:20px; }
  .test-capabilities-flex>div { width: calc(50% - 10px); }
  .test-capabilities-answer .detail-content { padding-right:18px;  }
  .test-capabilities-question svg{ right:20px;}
  .test-capabilities-question{ padding-right:45px;}
  .stay-updated-item h5 { font-size: 16px;}
  .stay-updated-item h3 { font-size: 18px;}
  .stay-updated-right,.two-col-form-right { width: 52%; }
  .stay-updated-left,.two-col-form-left{ width: 45%; }
  .stay-updated-item { margin: 20px 0; padding: 20px; }
  .two-col-form-left .map-img,.two-col-form-right .detail-content { margin-bottom: 45px; }
  .four-column-section { padding: 50px 0; }
}

@media(max-width:991px){
  .service-item{ width: 50%; padding:20px 15px; }
  .service-item img { margin-bottom: 20px; }
  .testing-facilities-item { width: 50%; padding:50px 15px 0; }
}

@media(max-width:767px){
  .hero-section .line-wrapper .line { width: 50px; height: 3px;}
  .latest-articles-top-flex .detail-content { width: 100%; padding-right: 0; margin-bottom: 20px; }
  .latest-articles-top-flex .link-cta { width: 100%; text-align: left; }
  .services-top-flex .detail-content{ width: 100%; padding-right: 0;}
  .services-top-flex .link-cta { width: 100%; text-align: left; }
  .services-section.center, .services-top-flex .link-cta  { text-align: center; }
  .services-top-flex .link-cta { width: 100%;margin-top:20px; }
  .two-col-img,.two-col-flex.video .two-col-content { width: 100%;}
  .two-col-content,.two-col-flex.video .two-col-img { width: 100%; }
  .two-col-img { margin-bottom: 40px;text-align: left; }
  .home-hero-section{ padding:70px 0;}
  .service-item h4{ font-size:18px; margin-bottom: 10px; }
  .services-section.right .services-top { text-align: center;  }
  .services-top { margin-bottom: 30px;}
  .search-bar-left .contact-number svg,.search-bar-left .contact-number img { width: 30px; }
  .search-bar-left .contact-number a { font-size: 20px; }
  .team-item { width: 50%;}
  .test-capabilities-flex>div { width: 100%; }
  .test-capabilities-answer .detail-content { font-size: 14px; }
  .test-capabilities-top { margin-bottom: 15px; }
  .testing-facilities-top { margin-bottom: 20px; }
  .stay-updated-left { width: 100%; margin-bottom: 20px; }
  .stay-updated-right { width: 100%; }
  .stay-updated-item { margin: 20px 0 0; }
  .two-col-form-left { width: 100%; margin-bottom: 45px; }
  .two-col-form-right,.newsletter-month-item{ width: 100%; }
  .newsletter-month-item a { padding: 20px 55px 20px 18px;}
}

@media(max-width:640px){
  .latest-articles-section .post-item:nth-child(3) {margin-bottom: 30px;}
  .home-hero-section br{ display:none; }
  .testing-facilities-item { width: 100%; padding: 40px 15px 0; }
}

@media(max-width:567px){
  .search-bar-top,.polular-keywords { display: none; }
  .search-bar-left{ margin-bottom:0; }
}

@media(max-width:480px){
  .service-item,.team-item{ width: 100%;}
  .stay-updated-content { width: 100%; padding-right: 0; margin-bottom: 15px; }
  .stay-updated-item .link-cta { width: 100%; text-align: left; }
}
/* Blog Posting */
.blog-post-hero { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden; }
.blog-post-hero a { text-decoration: none; }
.blog-post-hero .topic { margin-bottom: 16px; font-weight: 700; font-family: 'proxima-nova-condensed',sans-serif; letter-spacing: 0.1em; line-height: 1.2; }

.blog-main-content .blog-left { width: calc(100% - 297px); padding-right: 60px; }
.blog-main-content .blog-right { width: 297px; }
.blog-main-content .blog-post-left h3:not(:first-child) { margin-top: 40px; }
.blog-main-content .blog-post-left img { margin-top: 40px; }
.blog-main-content .blog-post-left h2:not(:first-child) { margin-top: 60px; }

.blog-right-inner > div:not(:last-child) { margin-bottom: 60px; }

.subscibe-form form textarea, .subscibe-form form input[type="text"], .subscibe-form form input[type="password"], .subscibe-form form input[type="datetime"], .subscibe-form form input[type="datetime-local"], .subscibe-form form input[type="date"], .subscibe-form form input[type="month"], .subscibe-form form input[type="time"], .subscibe-form form input[type="week"], .subscibe-form form input[type="number"], .subscibe-form form input[type="email"], .subscibe-form form input[type="url"], .subscibe-form form input[type="search"], .subscibe-form form input[type="tel"], .subscibe-form form input[type="color"], .subscibe-form form select{font-size: 16px;border-color:#ADADAD;}
.subscibe-form form div.hs-form-field { margin-bottom: 13px; }
.subscibe-form form .hs_submit.hs-submit { text-align: center; margin-top: 22px; }
.subscibe-formform input[type="submit"] { font-size: 14px;padding: 9px 31px; }

.share-article li { margin-right: 20px; }
.share-article a{transition: opacity .5s ease;}
.share-article a:hover{ opacity:0.7;}

.blog-serch-bar form input[type="search"] { font-size: 18px; margin-bottom: 0; padding-right: 30px; }
.blog-serch-bar .search-box { background-image: url('https://20344007.fs1.hubspotusercontent-na1.net/hubfs/20344007/NGC%20Testing%20Services/Images/Vector%20%281%29.svg'); background-repeat: no-repeat; background-position: right 2px; }
.blog-serch-bar h3 { margin-bottom: 25px; }
.blog-related-posts h2{ margin-bottom:60px; }
.blog-related-posts__list { justify-content: space-between; }

.blog-topics li { margin-bottom: 10px; }
.blog-topics a { background: #F2F2F2; display: flex; align-items: center; position: relative; font-weight: 600; padding: 14px 20px; justify-content: space-between; color: #231F20; z-index: 1; }
.blog-topics svg { min-width: 20px; margin-left: 15px; }
.blog-topics a:before { position: absolute; content: ""; background: #ADADAD; width: 2px; height: 100%; left: 0; top: 0; transition: width .5s ease; z-index: -1; }
.blog-topics a:hover,.blog-topics a.active-topic { color: #ffffff; }
.blog-topics a:hover:before,.blog-topics a.active-topic:before { width: 100%; }
.blog-topics path { transition: fill .5s ease; }
.blog-topics a:hover path,.blog-topics a.active-topic path { fill: #ffffff; }
.blog-topics .acoustical-testing a:before{ background: #B28FC2; }
.blog-topics .fire-testing a:before{ background: #F8981C; }
.blog-topics .analytical-testing a:before{ background: #6CAEDF; }
.blog-topics .structural-testing a:before{ background: #50B948; }

/* Blog Listing */
.post-item { background-size: cover; background-position: center; background-repeat: no-repeat; height: 380px; display: flex; align-items: flex-end; width: calc(50% - 10px); margin-bottom: 20px; }
.post-item .post-content { background: #ffffff; width: calc(100% - 40px); padding: 24px 22px; }
.post-item:not(.full-width) h3{ font-size:20px;}
.post-item h3{ margin-bottom:14px;}
.post-item h3 a{ transition: opacity .5s ease; }
.post-item h3 a:hover{color:inherite;opacity:0.7;}
.post-item .link-cta a { line-height: 1; }
.post-item .link-cta a svg{ margin-left:16px; }
.post-item h5 { font-size: inherit;letter-spacing: 0; font-weight: 600; margin-bottom: 6px; text-transform: uppercase; }
.topic-link { color: #ADADAD; }
a.structural-testing{ color:#50B948;}
a.fire-testing{ color:#F8981C;}
a.acoustical-testing{ color:#B28FC2;}
a.analytical-testing{ color:#6CAEDF;}
.blog-list-left > .dis-flex{ justify-content:space-between;}
.blog-list-left h4.search-title { margin-bottom: 40px; }
  .blog-list-left  .common-cta,.log-list-left .ias-spinner { width: 100%;}

@media(max-width:1024px) and (min-width:641px) {
  .blog-related-posts .post-item:last-child{display:none;}
}

@media(min-width:641px){
  .post-item.full-width { width: 100%; height: 440px; }
}

@media(min-width:1025px){
  .post-item.full-width .post-content,.latest-article-left .post-content{padding-left:34px;padding-right:34px;}
  .blog-related-posts .post-item { width: calc(33.33% - 20px); }
  .blog-related-posts { margin-bottom: -20px; }
  .blog-related-posts .post-item .post-content { width: calc(100% - 26px);}
  .blog-list-left  .common-cta,.log-list-left .ias-spinner {margin-top: 80px; }
}

@media(min-width:1281px){
  .blog-main-content .blog-post-left { padding-right: 110px; }
}

@media(max-width:1280px){
  .blog-main-content .blog-post-left h2:not(:first-child) { margin-top: 40px; }
  .blog-main-content .blog-post-left h3:not(:first-child) { margin-top: 30px; }
}

@media(max-width:1024px){
  .blog-main-content .blog-post-left img { margin-top: 30px; }
  .blog-main-content .blog-left { width: calc(100% - 250px); padding-right: 30px; }
  .blog-main-content .blog-right { width: 250px; }
  .post-item .post-content { width: calc(100% - 20px); padding: 20px; }
  .blog-related-posts h2 { margin-bottom: 40px; }
}

@media(max-width:900px){
  .blog-main-content .blog-left { width: 100%; padding-right: 0; } 
  .blog-main-content .blog-right { width: 100%; margin-top: 50px; }
}

@media(max-width:640px){
  .post-item{ width:100%;}
}
.serch-result-section h1 { margin-bottom: 35px; }

/* Error pages */

.error-page {
  padding: 10rem 0;
  position: relative;
  text-align: center;
}

.error-page:before {
  color: #F3F6F9;
  content: attr(data-error);
  font-size: 40vw;
  font-weight: bold;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: -1;
}

@media screen and (min-width: 1100px) {
  .error-page:before {
    font-size: 20rem;
  }
}

/* System pages */

.systems-page {
  margin: 0 auto;
  max-width: 700px;
  padding: 3rem 1.4rem;
}

.systems-page--search-results {
  max-width: 100%;
}

.systems-page .header {
  background-color: transparent;
  border-bottom: none;
  padding: 0;
}

.systems-page .success {
  background-color: #CDE3CC;
  border: 1.5px solid #4F7D24;
  border-radius: 6px;
  color: #4F7D24;
  display: inline-block;
  margin: 1.4rem 0;
  padding: 0.1rem 0.7rem;
  width: 100%;
}

.systems-page form input {
  max-width: 100%;
}

.systems-page form input[type='submit'] {
  margin: 0.7rem 0;
  display: block;
}

/* Search pages */

.hs-search-results__title {
  font-size: 1.25rem;
  margin-bottom: 0.35rem;
  text-decoration: underline;
}

.hs-search-results__title:hover {
  text-decoration: none;
}

/* Password prompt */

.password-prompt input[type=password] {
  height: auto !important;
  margin-bottom: 1.4rem;
}

.systems-page #hs-login-widget-remember,
.systems-page #hs-login-widget-remember ~ label {
  display: inline-block;
  margin-bottom: 0.175rem;
}

.systems-page #hs_login_reset {
  display: block;
  margin-bottom: 0.7rem;
}

/* Backup unsubscribe */

.backup-unsubscribe #email-prefs-form div {
  padding-bottom: 0 !important;
}

.backup-unsubscribe input[type=email] {
  font-size: 0.875rem !important;
  margin-bottom: 1.4rem;
  padding: 0.7rem !important;
}

/* Subscription preferences */

#email-prefs-form .item.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

#email-prefs-form .item.disabled input:disabled {
  cursor: not-allowed;
}

/* Membership pages */

#hs-membership-form a[class*='show-password'] {
  font-size: 0.75rem;
}

/* Input error messages */

.form-input-validation-message ul.hs-error-msgs {
  padding-left: 0;
  margin: 0;
}

.form-input-validation-message ul.hs-error-msgs li {
  margin: 0;
}

.hs-search-results__listing {
  margin: 0;
  padding: 0;
  list-style: none;
}
.hs-search-results__listing li {
  margin: 0;
  padding: 0;
}
.hs-search-highlight {
  font-weight: bold;
}
.hs-search-results__prev-page {
  float: left;
}
.hs-search-results__next-page {
  float: right;
}

.hs-search-results__description { padding-top: 10px; margin-bottom: 30px; }