/* == Colors */
/* ## Gray and brand colors for use across Bootstrap. */
















/* == Typography */
/* ## Font, line_height, and color for body text, headings, and more. */




















/* ==========================================================================
   HubSpot Migrations Services - COS Boilerplate v2.0.0                              
   ========================================================================== */


/* ==========================================================================
   Table of Contents:

   1. EXTERNAL RESOURCES
   2. BASE STYLES
   3. COS STRUCTURE
   4. MAIN NAVIGATION
   5. BLOG
   6. FORMS
   7. BUTTONS
   8. MISCELLANEOUS
   ========================================================================== */


/* ==========================================================================
   1. EXTERNAL RESOURCES                                            
   ========================================================================== */


/* =============== @import, @font-face, and CSS File Includes =============== */
/* EX: @import url('http://example.com/example_style.css'); */
@import url('//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,700,700i');
@import url('https://2637874.fs1.hubspotusercontent-na1.net/hubfs/2637874/STM%20assets/bootstrap.min.css');
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');
@import url('//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css');
@import url('//cdn2.hubspot.net/hub/2637874/hub_generated/template_assets/5485514101/1569562152652/Coded_files/Custom/page/STM/stm-existing-style.min.css');
@import url('//cdn2.hubspot.net/hub/2637874/hub_generated/template_assets/5284558300/1569562150818/Coded_files/Custom/page/STM/hubspot-style.min.css');

/* ==========================================================================
   2. BASE STYLES                                             
   ========================================================================== */

/* =============== Base =============== */

body {
    color: #706e6f;
    font-family: Open Sans, Helvetica, Arial, sans-serif;
    font-size: 16;
    line-height: 1.375;
    background: #fff;
    -webkit-font-smoothing: antialiased;
}


.table-bordered>tbody>tr>td, 
.table-bordered>tbody>tr>th { padding-left: 8px!important; padding: 8px!important } 

/* =============== Typography =============== */

.font-weight-100, .font-weight-100 .hs_cos_wrapper_type_header > * { font-weight: 100; }
.font-weight-200, .font-weight-200 .hs_cos_wrapper_type_header > * { font-weight: 200; }
.font-weight-300, .font-weight-300 .hs_cos_wrapper_type_header > * { font-weight: 300; }
.font-weight-400, .font-weight-400 .hs_cos_wrapper_type_header > * { font-weight: 400; }
.font-weight-500, .font-weight-500 .hs_cos_wrapper_type_header > * { font-weight: 500; }
.font-weight-600, .font-weight-600 .hs_cos_wrapper_type_header > * { font-weight: 600; }
.font-weight-700, .font-weight-700 .hs_cos_wrapper_type_header > * { font-weight: 700; }

.mw-740 { max-width: 740px; margin-left: auto!important; margin-right: auto!important; float: none!important; }

/* Basic text */
p {} 
small {}
strong {}
em {}
cite {}
code {}
pre {}

sup, sub {}

.text-dark { color: #4a4a4a; }
.text-sm { font-size: 13px; font-weight: 600; letter-spacing: 1.54px; text-transform: uppercase; color: #241d24; }

.text-black,    .text-black .hs_cos_wrapper_type_header > *   { color: #000; }
.text-primary,  .text-primary .hs_cos_wrapper_type_header > * { color: #d01112; }
.text-light,    .text-light .hs_cos_wrapper_type_header > *   { color: #fff; }

.text-md { font-size: 16px; }
.text-md p { margin-bottom: 20px; }
.text-md li { margin-bottom: 12px; }
.text-xl { font-size: 18px; }

/**********************************************6/5/2019/page-link-"https://app.hubspot.com/design-manager/2637874/code/5283682940"***/



.safety-shower-lp-temp .row-fluid .span12.widget-span.widget-type-cell.section.section-hero.set-bg.text-inverse.text-center.section-hero-lg {

	padding-top: 22px;
	padding-bottom: 33px;
}
.safety-shower-lp-temp .row-fluid-wrapper.row-depth-1.row-number-4 img {
	width: 250px !important;
	height: 41px;
	object-fit: contain;
}
.safety-shower-lp-temp #hs_cos_wrapper_module_150197512500567 h1 {
	font-size: 40px;
	line-height: 53px;
	margin-top: 30px;
}
.safety-shower-lp-temp .row-fluid-wrapper.row-depth-1.row-number-7 {
	padding-top: 113px;
	padding-bottom: 40px;
}
.safety-shower-lp-temp #hs_cos_wrapper_module_1501976508530267 h2 {
	margin-bottom: 44px;
}
.safety-shower-lp-temp #hs_cos_wrapper_module_1501976508530267 p {
	font-size: 18px;
	line-height: 26px;
	margin-top: 57px;
	font-weight: ;
	font-weight: ;
}
.safety-shower-lp-temp .slick-dots li.slick-active button {
	background-color: black;
}
.safety-shower-lp-temp  .accent .hs_cos_wrapper_type_header::after {
	content: '';
	display: block;
	background: #d01112;
	position: absolute;
	height: 1px;
	width: 100%;
	left: 0;
	right: 0;
	top: 53%;
}
.safety-shower-lp-temp p span {
	font-weight: 600;
	font-size: 14px;
	color: #5b5a5a;
}
.safety-shower-lp-temp #hs_cos_wrapper_module_1501976543318276 ul {
	margin-top: 28px;
}
.safety-shower-lp-temp #hs_cos_wrapper_module_1501976543318276 ul li {
	font-size: 15px;
	margin: 8px auto;
}
.safety-shower-lp-temp #hs_cos_wrapper_module_1501976430756229 img {
	width: 100%;
	height: 367px;
	object-fit: cover;
}
.safety-shower-lp-temp #hs_cos_wrapper_module_151932271413759 a {
	margin-top: 22px;
}
.safety-shower-lp-temp #hs_cos_wrapper_module_1501976508530267 p {
	margin-top: -8px;
}
.safety-shower-lp-temp .row-fluid-wrapper.row-depth-1.row-number-8 {
	position: relative;
}
.safety-shower-lp-temp .row-fluid-wrapper.row-depth-1.row-number-8::after {
	position: absolute;
	background: #b3b2b2;
	width: 100%;
	height: 1px;
	content: "";
	bottom: -75px;
}
.safety-shower-lp-temp .span12.widget-span.widget-type-cell.section.ebook-slider-sec {
	padding-top: 80px;
	padding-bottom: 90px;
}
.safety-shower-lp-temp #download {
	padding-top: 100px;
	padding-bottom: 90px;
}
.safety-shower-lp-temp #download h2 {
	font-size: 40px;
}
.safety-shower-lp-temp #download input {
	padding: 24px 22px;
}

.safety-shower-lp-temp #download input, .safety-shower-lp-temp #download select {
	padding: 11px 22px;
	color: #6d6d6e;
	font-size: 14px;
	min-height: 51px;
}
::placeholder {
	color: black !important;
}
.safety-shower-lp-temp #download .hs-button.primary.large {
	color: white;
	padding: 6px 40px;
}

.safety-shower-lp-temp .footer-container-wrapper {
	padding-top: 110px;
}
.safety-shower-lp-temp .footer-container-wrapper .row-fluid-wrapper.row-depth-1.row-number-7 {
	padding-top: 0;padding-bottom: 7px;
}
.safety-shower-lp-temp .footer-container-wrapper h4 {
	font-size: 19px;
	margin-bottom: 29px;
	font-weight: 600;
	color: white;
}
.safety-shower-lp-temp .footer-container-wrapper ul li a {
	font-size: 15px;
	margin: 5px 0;
}

.safety-shower-lp-temp .footer-container-wrapper #hs_cos_wrapper_module_1501823310342324 p span {
	color: #999;
}

.safety-shower-lp-temp .row-fluid-wrapper.row-depth-1.row-number-8::after {
	display: none !important;
}
/* Rebranding starts */
.hs-landing-page .hero-share {background: #E89926;}
.hs-landing-page a {color: #E89926;}
.hs-landing-page .accent:after {background: #E89926;}
.hs-landing-page .post-date:before, .hs-landing-page .post-author:before {color: #E89926;}
.hs-landing-page .btn-transparent.btn-primary {color: #E89926;border-color: #E89926;}
.hs-landing-page .btn-transparent.btn-primary:hover, .hs-landing-page .btn-transparent.btn-primary:focus {background-color: #E89926;border-color: #E89926;}
.hs-landing-page .btn-primary {border-color: #E89926;color: #fff;background: #E89926;border-radius: 12px;}
.hs-landing-page .list-styled ul li:before, .hs-landing-page .ul-styled ul li:before,
.hs-landing-page .text-center .section-header h2:after {background: #E89926;}
.hs-landing-page .accent .hs_cos_wrapper_type_header:after {
    background: #E89926;
}
.hs-landing-page .download-btn a.cta_button {
    background: #E89926;
    border-radius: 12px;
}
.hs-landing-page .hs_cos_wrapper_type_form .hs_submit.hs-submit .hs-button.primary.large {
    border-radius: 12px;
}
body.hs-landing-page .body-container .hs-button.primary:focus, 
body.hs-landing-page .body-container input[type="submit"]:focus, 
body.hs-landing-page .body-container input[type="button"]:focus {
    background-color: #E89926;
    border-color: #E89926;
}
/* Rebranding ends */
body.hs-landing-page .body-container .hs-button.primary, 
body.hs-landing-page .body-container input[type="submit"],
body.hs-landing-page .body-container input[type="button"],
.hs-landing-page .btn-primary:active:hover, .hs-landing-page .btn-primary:active:focus, 
.hs-landing-page .btn-primary:hover, .hs-landing-page .btn-primary:focus{
background-color: #E89926;
    border-color:  #E89926;
}
body.hs-landing-page .body-container .hs-button.primary:hover, 
body.hs-landing-page .body-container input[type="submit"]:hover, 
body.hs-landing-page .body-container input[type="button"]:hover {
    background-color: #f7ae43;
    border-color: #f7ae43;
}
@media (max-width: 767px) {
.safety-shower-lp-temp #hs_cos_wrapper_module_150197512500567 h1 {
	font-size: 27px;
	line-height: 41px;
	margin-top: 8px;
}
  .safety-shower-lp-temp #hs_cos_wrapper_module_1501976430756229 img {
	height: auto;
}
.safety-shower-lp-temp .row-fluid-wrapper.row-depth-1.row-number-7 {
	padding-top: 46px;
	padding-bottom: 0;
}
.safety-shower-lp-temp #hs_cos_wrapper_module_1501976508530267 h2 {
	margin-bottom: 0 !important;
	margin-top: 16px;
}
 .safety-shower-lp-temp #hs_cos_wrapper_module_1501976508530267 p {
	margin-top: 13px;
} 
  .safety-shower-lp-temp #hs_cos_wrapper_module_1501976543318276 ul {
	margin-top: 0;
}
  .safety-shower-lp-temp .span12.widget-span.widget-type-cell.section.ebook-slider-sec {
	padding-top: 20px;
	padding-bottom: 0px;
}
  .safety-shower-lp-temp #download {
	padding-top: 20px;
	padding-bottom: 27px;
}
  .safety-shower-lp-temp #download h2 {
	font-size: 40px;
	margin-bottom: 0 !important;
}
 .safety-shower-lp-temp .footer-container-wrapper {
	padding-top: 25px;
} 
  
  .safety-shower-lp-temp .span12.widget-span.widget-type-cell.footer-bottom {
	margin-top: 0;
}
  .safety-shower-lp-temp .span12.widget-span.widget-type-cell.footer-bottom {
	padding: 12px 0;
}
  .safety-shower-lp-temp #hs_cos_wrapper_module_139575399545412 p {
	margin-bottom: 2px;
}
  
}
@media (max-width: 575px) {
  .safety-shower-lp-temp #download h2 {
	font-size: 27px;
	margin-bottom: -30px !important;
}
  .safety-shower-lp-temp .row-fluid-wrapper.row-depth-1.row-number-7 {
	padding-top: 20px;
}
  .safety-shower-lp-temp #download .hs-button.primary.large {
	padding: 2px 14px;
}
  .safety-shower-lp-temp #hs_cos_wrapper_module_1501976508530267 h2 {
	font-size: 23px;
	text-align: center;
}
  .safety-shower-lp-temp #download h2 {
	font-size: 22px;
}
  .safety-shower-lp-temp #download input, .safety-shower-lp-temp #download select {
	padding: 16px 22px;
}
}
@media (max-width: 450px) {
  .safety-shower-lp-temp #hs_cos_wrapper_module_1501976430756229 img {
	height: 330px;
	margin-top: -14px;
}
}






/**********************************************6/5/2019////////////END"*****/






/**********************************************14/6/2019////////////strat"*****/

















/*********************************************14/3/2019////////////END"*****/

















@media (min-width: 768px) {
    .section-hero .text-lg p { font-size: 19px; line-height: 1.3; margin-bottom: 50px; }
    .text-xl { font-size: 32px; }
    .section-hero .text-lg p:last-child { margin-bottom: 0; }
}

.bg-gray-lighter { background: #f6f7f7; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    margin: 0 0 15px;   
    font-weight: 400;
    line-height: 1.3;
    text-transform: none;
    color: inherit;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}
.h1.widget-span,.h2.widget-span,.h3.widget-span,.h4.widget-span,.h5.widget-span,.h6.widget-span { margin-top: 0; margin-bottom: 0; }

h1, .h2, .h1 .hs_cos_wrapper_type_header > *, .h1 .section-header h1 { font-size: 40px; }
h2, .h2, .h2 .hs_cos_wrapper_type_header > *, .h2 .section-header h1 { font-size: 36px; }
h3, .h3, .h3 .hs_cos_wrapper_type_header > *, .h3 .section-header h1 { font-size: 24px; }
h4, .h4, .h4 .hs_cos_wrapper_type_header > *, .h4 .section-header h1 { font-size: 18px; }
h5, .h5, .h5 .hs_cos_wrapper_type_header > *, .h5 .section-header h1 { font-size: 16px; }
h6, .h6, .h6 .hs_cos_wrapper_type_header > *, .h6 .section-header h1 { font-size: 13px; }
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong { color: #d01112; font-weight: 700; }

strong { font-weight: 600; }

.display-1,
.display-1 .hs_cos_wrapper_type_header > * { color: #241d24; }

.text-inverse .display-1,
.text-inverse .display-1 .hs_cos_wrapper_type_header > *,
.text-inverse legend { color: #fff; }

@media (min-width: 768px) {
    .display-1,
    .display-1 .hs_cos_wrapper_type_header > * { font-size: 50px; }
}

/* Anchor Links */
a { text-decoration: underline; color: #d01112; }
a:hover, a:focus { color: #474646; text-decoration: none; }

/* Lists */
ul, ol {}
ul ul, 
ul ol, 
ol ol, 
ol ul {}
li {}

ul.unstyled, 
ol.unstyled {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Block Quotes */
blockquote {}
blockquote p {}
blockquote small {}

/* Horizontal Rules */
hr { color: #a0a0a0; background-color: #a0a0a0; height: 1px; border: none; }
hr.sm { background-color: #d01112; height: 2px; width: 88px; margin: 40px auto 30px; }

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

.font-weight-300, .font-weight-300 .hs_cos_wrapper_type_header > * { font-weight: 300; }
.font-weight-600, .font-weight-600 .hs_cos_wrapper_type_header > * { font-weight: 600; }

.columns > span { display: block; margin-left: -15px; margin-right: -15px; }
.columns > span:after { content: ''; display: table; clear: both; }
.columns > span > div { float: left; width: 100%; padding-left: 15px; padding-right: 15px }

@media (max-width: 576px) {
    .columns.columns-4 > span > div { width: 50%; }
    .columns.columns-4 > span > div:nth-child(2n+1) { clear: left; }
    .columns.columns-5 > span > div { width: 50%; }
    .columns.columns-5 > span > div:nth-child(2n+1) { clear: left; }
}
@media (min-width: 576px) and (max-width: 767px) {
    .columns.columns-4 > span > div { width: 33.3333%; }
    .columns.columns-4 > span > div:nth-child(3n+1) { clear: left; }
    .columns.columns-5 > span > div { width: 33.3333%; }
    .columns.columns-5 > span > div:nth-child(3n+1) { clear: left; }
}
@media (min-width: 768px) {
    .columns.columns-4 > span > div { width: 25%; }
    .columns.columns-4 > span > div:nth-child(4n+1) { clear: left; }
    .columns.columns-5 > span > div { width: 20%; }
    .columns.columns-5 > span > div:nth-child(5n+1) { clear: left; }
}

.card-grid.columns {}
.card-grid.columns .image-block { border: 1px solid #f0f0f0; text-align: center; margin-bottom: 30px; }
.card-grid.columns .image-block-inner { padding: 10px; color: #706e6f; }
.card-grid.columns .image-block-title { font-size: 24px; }

.grid-card-simple .image-block { font-size: 16px; text-align: center; max-width: 296px; margin: 0 auto 60px; }
.grid-card-simple .image-block-title { font-size: 24px; color: #4a4a4a; border-bottom: 1px solid #adafb1; margin-bottom: 10px; padding: 5px 0 10px; }
.grid-card-simple .image-block-image img { height: auto; width: auto; margin: auto; display: block; }

.section-xs { padding-top: 30px; padding-bottom: 30px; }
.section-sm { padding-top: 45px; padding-bottom: 45px; }
.section-box { padding-left: 20px; padding-right: 20px; }
@media (min-width: 768px) {
    .section-box { padding-left: 50px; padding-right: 50px; }
}

.mt-0 .hs_cos_wrapper_type_header > * { margin-top: 0; }
.mb-0 .hs_cos_wrapper_type_header > * { margin-bottom: 0; }

.flex .row-fluid { 
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    width: auto;
}
.flex .widget-span:not([class*=container]),
.flex .widget-span.widget-type-widget_container {
    padding-left: 15px;
    padding-right: 15px;
    min-height: 1px;
    width: 100%;
    position: relative;
    margin: 0!important;
}
@media (min-width: 768px) {
    .flex .widget-span:not([class*=container]),
    .flex .widget-span.widget-type-widget_container {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
}

.align-items-center .row-fluid {
    -ms-flex-align: center!important;
    align-items: center!important;
}


.flex .widget-span.col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
.flex .widget-span.col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.flex .widget-span.col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.flex .widget-span.col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.flex .widget-span.col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
.flex .widget-span.col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.flex .widget-span.col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
.flex .widget-span.col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
.flex .widget-span.col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.flex .widget-span.col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
.flex .widget-span.col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
.flex .widget-span.col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

@media (max-width: 767px) {
    .flex .widget-span { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}

@media (min-width: 768px) {
    .flex .widget-span.span1  { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
    .flex .widget-span.span2  { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
    .flex .widget-span.span3  { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .flex .widget-span.span4  { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
    .flex .widget-span.span5  { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
    .flex .widget-span.span6  { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .flex .widget-span.span7  { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
    .flex .widget-span.span8  { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
    .flex .widget-span.span9  { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
    .flex .widget-span.span10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
    .flex .widget-span.span11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
    .flex .widget-span.span12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    
    .flex .widget-span.col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
    
    .flex .widget-span.col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
    .flex .widget-span.col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
    .flex .widget-span.col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .flex .widget-span.col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
    .flex .widget-span.col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
    .flex .widget-span.col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .flex .widget-span.col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
    .flex .widget-span.col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
    .flex .widget-span.col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
    .flex .widget-span.col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
    .flex .widget-span.col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
    .flex .widget-span.col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}

@media (min-width: 992px) {
    .flex .widget-span.col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
    
    .flex .widget-span.col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
    .flex .widget-span.col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
    .flex .widget-span.col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .flex .widget-span.col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
    .flex .widget-span.col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
    .flex .widget-span.col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .flex .widget-span.col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
    .flex .widget-span.col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
    .flex .widget-span.col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
    .flex .widget-span.col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
    .flex .widget-span.col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
    .flex .widget-span.col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}

@media (min-width: 1200px) {
    .flex .widget-span.col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
    
    .flex .widget-span.col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
    .flex .widget-span.col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
    .flex .widget-span.col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .flex .widget-span.col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
    .flex .widget-span.col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
    .flex .widget-span.col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .flex .widget-span.col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
    .flex .widget-span.col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
    .flex .widget-span.col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
    .flex .widget-span.col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
    .flex .widget-span.col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
    .flex .widget-span.col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}


/* ==========================================================================
   3. COS STRUCTURE                                            
   ========================================================================== */


/* =============== Header =============== */

.header-container-wrapper {}
.header-container {}

.navbar { margin: 0; border: none; border-radius: 0; min-height: 90px!important; }
.navbar-brand { height: 26px; padding: 32px 0; }
.navbar-btn-wrapper { padding: 23px 0; text-align: right; }


/* =============== Footer =============== */

.footer-container-wrapper { padding-top: 70px; background-color: #000000; color: #bebebe; font-size: 14px; line-height: 1.7142; }
.footer-container-wrapper a { color: #bebebe; text-decoration: none; }

.footer-container-wrapper .hs_cos_wrapper_type_header > * { line-height: 1.375; margin-bottom: 10px; color: #e4e4e4; font-size: 16px; font-weight: 600; }

.footer-container-wrapper .hs-menu-wrapper { margin-bottom: 20px; }
.footer-container-wrapper .hs-menu-wrapper > ul > li > a { padding: 0; }

.footer-bottom { border-top: 2px solid #333333; margin-top: 50px; padding-top: 20px; padding-bottom: 20px; color: #737373; }
.footer-bottom a { color: #e4e4e4; }

.footer-bottom .social-icons { text-align: right; }

.social-icons { list-style: none; margin: 0; padding: 0; }
.social-icons > li { display: inline-block; margin: 0 20px; }

@media (max-width: 767px) {
    .footer-container-wrapper,
    .footer-bottom .social-icons { text-align: center; }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .footer-container-wrapper .col-sm-12 { width: 100%!important; margin-left: 0!important; }
    .footer-container-wrapper .col-sm-3 { width: 25%!important; margin-left: 0!important; }
}

/* ==========================================================================
   5. BLOG                                        
   ========================================================================== */
   
.blog-cat-nav { min-height: 0!important; background: #f0f0f0; border-radius: 0; border: none; margin-bottom: 0; position: relative; }
.blog-cat-nav:after { content: ''; display: block; position: absolute; top: 44px; left: 0; right: 0; height: 1px; background: #f0f0f0; }
.blog-cat-nav .navbar-collapse { padding: 0; border: none; }
/*
.blog-cat-nav .navbar-nav { display: table; height: 44px; float: none; }
.blog-cat-nav .navbar-nav > li { position: relative; z-index: 2; display: table-cell; vertical-align: middle; white-space: nowrap; float: none; text-align: center; }
.blog-cat-nav .navbar-nav > li + li { border-left: 1px solid #f0f0f0; }
.blog-cat-nav .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; color: #241d24; font-size: 13px; font-weight: 600; letter-spacing: 1.54px; text-transform: uppercase; }
.blog-cat-nav .navbar-nav > li.active > a { background-color: #f0f0f0; }
.blog-cat-nav .navbar-nav > li.active > a:after { content: ''; position: absolute; display: block; top: 100%; left: 0; right: 0; height: 4px; background: #d01112; }
*/
.blog-cat-nav label { display: block; width: 30%; float: left; vertical-align: middle; font-size: 13px; font-weight: 600; letter-spacing: 1.54px; text-transform: uppercase; line-height: 60px; white-space: nowrap; }
.blog-cat-nav select { width: 70%!important; text-align: center; float: left; vertical-align: middle; border: none!important;  background: none!important; height: 60px!important; }
.blog-cat-nav .navbar-filter { width: 60%; float: left; }
.blog-cat-nav .navbar-filter:after { content: ''; display: table; clear: both; }
.blog-cat-nav .navbar-form { width: 40%; position: relative; margin: 0; padding: 0; border-left: 2px solid #e0e0e0 }
.blog-cat-nav .navbar-form:before { content: '\f002'; color: #272a2d; display: block; position: absolute; top: 50%; left: 40px; transform: translate(-50%, -50%); font-family: fontawesome; }
.blog-cat-nav .navbar-form label { display: none; }
.blog-cat-nav .navbar-form .hs-input { height: 60px; border: none; font-size: 13px; padding-left: 59px; margin: 0; border-radius: 0; box-shadow: none; background-color: #f0f0f0; }
body .blog-cat-nav .navbar-form a.hs-button { display: none; }
@media (max-width: 767px) {
    .blog-cat-nav label { text-align: center; width: auto; float: none; line-height: 1.5; }
    .blog-cat-nav select { text-align: center; width: 100%!important; float: none; }
    .blog-cat-nav .navbar-filter { width: 100%; float: none; }
    .blog-cat-nav .navbar-form { width: 100%; border-left: 0; border-top: 2px solid #e0e0e0; }
}

.section-hero { padding: 0; position: relative; background-size: cover; }
.section-hero .container { position: relative; z-index: 2; height: 300px; }
.section-hero .container > div { height: 100%; display: table; width: 100%; }
.section-hero .container > div > div { display: table-cell; vertical-align: middle; }
.section-hero .hs_cos_wrapper_type_header > * { color: #fff; font-size: 24px; font-weight: 700; margin: 10px 0; }
@media (min-width: 768px) {
    .section-hero .hs_cos_wrapper_type_header > * { font-size: 50px; }
}

.section-hero .btn { margin-top: 10px; margin-bottom: 10px; }

@media (min-width: 768px) {
    .section-hero-lg .container { height: 350px; }
    .section-hero-xl .container { height: 508px; }
}

.hero-share { display: block!important; position: absolute; bottom: -20px; left: 0; right: 0; text-align: center; width: auto!important; color: #fff; background: #d01112; font-size: 13px; font-weight: 600; letter-spacing: 1.54px; text-transform: uppercase; padding: 15px 0; }
.hero-share .hs_cos_wrapper_type_header > * { font-size: 13px; font-weight: 600; letter-spacing: 1.54px; line-height: 1.375; margin: 0; padding: 0; text-transform: uppercase; }
.hero-share .widget-type-social_sharing { margin: 0; padding: 0 0 0 10px; }
.hero-share .widget-type-social_sharing a[style] { background: none!important; float: none; display: inline-block; }
@media (min-width: 768px) {
    .hero-share { text-align: left; display: table!important;  top:100%; right: 0; bottom: auto; left: auto; margin-top: -37px; padding: 20px 30px; }
    .hero-share > div { display: table-cell!important; vertical-align: middle; }
    .hero-share > div:first-child { width: 180px; }
}

.hero-meta { font-size: 13px; font-weight: 600; letter-spacing: 1.54px; text-transform: uppercase; }

.section-hero-blog { background-color: #222; } 
.section-hero-blog .container { height: 450px; color: #fff; }
.section-hero-blog h1 { font-size: 24px; font-weight: 700; margin: 10px 0 20px; max-width: 945px; }
.section-hero-blog .post-header-featured,
.section-hero-blog .post-header-date,
.section-hero-blog .post-header-meta { font-size: 13px; font-weight: 600; letter-spacing: 1.54px; text-transform: uppercase; }
.section-hero-blog .post-header-meta img { height: 40px; width: 40px; margin-right: 10px; border-radius: 50%; }
.section-hero-blog .btn { margin-top: 30px; }
.section-hero-blog .post-header-date + .post-header-meta-author:before { content: ' | '; }
.section-hero-blog .post-header-meta-author em { font-style: normal; color: #d01112; }
@media (min-width: 768px) {
    .section-hero-blog h1 { font-size: 50px; }
}

.post-listing { margin-left: -15px; margin-right: -15px; }
.post-listing .ad-column,
.post-listing .post-column { padding-left: 15px; padding-right: 15px; float: left; width: 100%; }
.post-listing:after { content: ''; display: table; clear: both; }
@media (min-width: 768px) and (max-width: 991px) {
    .post-listing .post-column { width: 50%; }
    .post-listing .post-column:nth-of-type(2n+1) { clear: left; }
    .post-listing .ad-column-full { width: 50%; }
}
@media (min-width: 992px) {
    .post-listing .post-column { width: 33.3333%; }
    .post-listing .ad-column-full { width: 100%; }
}

.temp-adspot { display: none!important; }

#adspot-4 { font-size: 16px; border: 1px solid #f0f0f0; background-color: #ffffff; }
#adspot-4 > div:last-child { padding: 30px 50px 30px 30px; }
#adspot-4 h2 { font-size: 24px; line-height: 1.35; color: #241d24; font-weight: 300; margin: 0 0 10px; }
#adspot-4 h2 strong { color: #c30010; font-weight: 400; }
@media (min-width: 992px) {
    #adspot-4 { min-height: 351px; display: table; }
    #adspot-4 > div { display: table-cell; vertical-align: middle; }
    #adspot-4 > div:first-child { width: 410px; text-align: center; position: relative; }
    #adspot-4 > div:first-child img { position: absolute; display: block; margin: auto; left: 0; bottom: 0; right: 0; }
    #adspot-4 h2 { font-size: 40px; }
}

#adspot-5 > div { height: 100%; color: #fff; font-size: 19px; font-weight: 600; }
#adspot-5 > div > div { height: 100%; }
#adspot-5 > div > div > div { height: 100%; display: table; padding: 30px; }
#adspot-5 > div > div > div > div { display: table-cell; vertical-align: middle; }
#adspot-5 h2 { font-size: 36px; font-weight: 600; color: #ffffff; margin: 0 0 10px; }

.post-item { position: relative; margin-bottom: 60px; }
.post-excerpt .hs-featured-image-wrapper img { object-fit: cover; height: 250px; width: 100%; }
.post-excerpt .hs-featured-image-wrapper { position: relative; }
.post-excerpt .hs-featured-image-wrapper .label { position: absolute; bottom: 0; left: 0; }
.post-excerpt .post-inner { border: 1px solid #f0f0f0; border-top: none; padding: 25px 25px 91px; }
.post-excerpt .post-header h2 { font-size: 19px; font-weight: 700; margin: 20px 0 10px; }
.post-excerpt .post-header h2 a { color: #241d24; }
.post-excerpt .btn { position: absolute; bottom: 25px; left: 25px; }
.post-body hr { display: none; }

span.label { padding: 10px 16px; display: inline-block; border-radius: 0; font-size: 13px; font-weight: 600; letter-spacing: 1.54px; text-transform: uppercase; }
span.label-primary { background: #d01112; }

.post-date { display: inline-block; color: #aaaaaa; font-size: 13px; width: 100px; margin-right: 20px; }
.post-date:before { content: '\f017'; display: inline-block; font-family: fontawesome; color: #d01112; margin-right: 6px; }
.post-author { display: inline-block; color: #aaaaaa; font-size: 13px; }
.post-author:before { content: '\f0f6'; display: inline-block; font-family: fontawesome; color: #d01112;margin-right: 6px; }
.post-author a { color: #aaaaaa; }

.pager { border: 1px solid #f0f0f0; margin-top: 0; }
.pager li a { font-size: 13px; padding: 14px 36px; border-radius: 0; min-width: 180px; font-weight: 600; background-color: #f0f0f0; letter-spacing: 1.54px; text-transform: uppercase; color: #241d24; border: none; }
.pager li a:hover { background: #d9d9d9; }
.previous-posts-link:before { content: '\f0d9'; display: inline-block; font-family: fontawesome; margin-right: 10px; }
.next-posts-link:after { content: '\f0da'; display: inline-block; font-family: fontawesome; margin-left: 10px; }
@media (max-width: 640px) {
    .pager { border: none; }
    .pager li { float: none!important; margin-bottom: 10px; }
    .pager li a { display: block; }
}

.blog-main .post-meta { padding-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #e1e1e1; font-size: 13px; font-weight: 600; letter-spacing: 1.54px; text-transform: uppercase; color: #515252; }
.blog-main .post-meta .fa { color: #d01112; }
.blog-main .post-meta > span + span { margin-left: 30px; }

.blog-main {}
.blog-sidebar { position: relative; }
.blog-sidebar { position: relative; }
.blog-sidebar > div { top: 0; position: sticky; text-align: center; }

.blog-share { background-color: #272a2d; color: #fff; text-align: center; }
.blog-share .hs_cos_wrapper_type_header > * { margin: 0; font-size: 13px; font-weight: 600; letter-spacing: 1.54px; text-transform: uppercase;  background-color: #515252; padding: 12px; }
.widget-type-cell.blog-share { width: auto!important; display: inline-block; margin-left: auto!important; margin-right: auto!important; float: none!important; }
.blog-share .widget-type-social_sharing { margin: 0; padding: 20px; }
.blog-share .widget-type-social_sharing a[style] { background: none!important; float: none; display: block; }
@media (max-width: 768px) {
    .blog-share .widget-type-social_sharing a[style] { display: inline-block; }
}

.post-main .post-body { padding-top: 35px; font-size: 16px; line-height: 1.375; }

.post-body h2 { color: #241d24; font-size: 24px; margin: 50px 0 10px; }

.post-body p,
.post-body ul,
.post-body ol { margin: 0 0 30px; }

.list-styled ul, .ul-styled ul { margin-left: 0; margin-bottom: 30px; margin-top: 10px; padding-left: 0; list-style: none; }
.list-styled ul li, .ul-styled ul li { margin-bottom: 20px; position: relative; padding-left: 34px; }
.list-styled ul li:before, .ul-styled ul li:before { content: '\f105'; display: block; position: absolute; top: 3px; left: 0; height: 14px; line-height: 13px; text-align: center; font-size: 10px; width: 14px; background: #d01112; color: #fff; font-family: fontawesome; }

@media (min-width: 992px) {   
    .post-body > span > p:first-child { font-size: 19px; line-height: 1.5; margin-bottom: 30px; }
}
.post-body > span > p:first-child:first-letter { color: #d01112; float: left; font-size: 51px; font-weight: bold; line-height: 51px; padding-top: 4px; padding-right: 8px; padding-left: 3px; }
@media (max-width: 991px) {
    .post-body > span > p:first-child:first-letter { font-size: 43px; line-height: 39px; }
}

.well { background-color: #f4f4f4; padding: 30px 30px 40px; border-radius: 6px; border: 2px solid #f3f3f3; margin: 50px 0; }
.well + .well { margin-top: -50px; border-top: none; }
.well p:last-child { margin-bottom: 0; }
.well h3 { margin-top: 20px; margin-bottom: 50px; }
.well h4 { margin-top: 0; margin-bottom: 20px; }
.well hr { height: 2px; margin-top: 40px; margin-bottom: 40px; }

h4[data-callout]:before { content: attr(data-callout); text-transform: uppercase; color: #000; font-size: 16px; display: inline-block; background-color: #ffdf16; border-radius: 3px; font-weight: 700; position: relative; top: -1px; margin-right: 20px; padding: 2px 15px; vertical-align: middle; }

.well.well-white { background: #fff; }

.post-body blockquote { border: none; border-left: 7px solid #d01112; margin: 50px auto; font-style: normal; color: #706e6f; padding: 0 0 0 20px; font-size: 16px; line-height: 1.875; }
.post-body blockquote:before { display: none; }

.post-body blockquote.blockquote-2 { position: relative; text-transform: none; text-align: center; color: #706e6f; border: none; border-top: 1px solid #000000; border-bottom: 1px solid #000000; margin-bottom: 50px; font-size: 16px; line-height: 1.875; margin-top: 50px; padding: 30px 0; }
.post-body blockquote.blockquote-2:before { content: ''; display: block; background: #fff url('https://2637874.fs1.hubspotusercontent-na1.net/hubfs/2637874/STM%20assets/quote2.png') no-repeat center; height: 42px; width: 74px; position: absolute; top: -21px; left: 50%; margin-left: -37px; }
.post-body blockquote.blockquote-2 cite { font-size: 13px; font-weight: 600; letter-spacing: 1.54px; color: #241d24; text-transform: uppercase; font-style: normal; display: block; margin: 20px 0 0; }

.post-body .hs-cta-wrapper { display: block; }
.post-body .hs-cta-wrapper a { display: block; }
@media (max-width: 767px) {
    .post-body .hs-cta-wrapper { }
}

.post-body .caption { display: inline-block; font-size: 13px; text-transform: uppercase; letter-spacing: 1.54px; color: #fff; padding: 10px 20px; background-color: #d01112; margin: 0; position: relative; top: -50px; }

.author { border-top: 1px solid #e1e1e1; margin: 0 0 50px; padding-top: 50px; font-size: 16px; line-height: 1.375; }
.author-header { display: table; }
.author-header > div { display: table-cell; vertical-align: middle; }
.author-header > div.author-inner { padding: 20px; }
.author-image img { display: block; margin: 0 auto 20px; width: 128px; border-radius: 50%; }
.author-title { font-weight: 600; font-size: 19px; }
.author-title a { color: #515252; }

.section-subscribe { padding-top: 48px; padding-bottom: 48px; background: #dcdcdc; color: #706e6f; font-size: 16px; line-height: 1.375; }
.section-subscribe h2 { font-size: 36px; font-weight: 600; color: #000000; }

.post-listing-related h2 { font-size: 24px; font-weight: 300; margin-bottom: 60px; }
.accent { position: relative; }
.accent:after { content: ''; display: block; background: #d01112; position: absolute; height: 1px; width: 100%; left: 0; right: 0; top: 50%; }
.accent span { position: relative; z-index: 2; display: inline-block; background: #fff; padding: 0 32px; }

.accent .hs_cos_wrapper_type_header { position: relative; display: block; margin-bottom: 40px; text-align: center; }
.accent .hs_cos_wrapper_type_header:after { content: ''; display: block; background: #d01112; position: absolute; height: 1px; width: 100%; left: 0; right: 0; top: 50%; }
.accent .hs_cos_wrapper_type_header > * { font-size: 24px; font-weight: 300; margin: 0; position: relative; z-index: 2; display: inline-block; background: #fff; padding: 0 32px; }

@media (min-width: 768px) {
    .post-listing-related h2,
    .accent .hs_cos_wrapper_type_header > * { font-size: 40px; }
}
    
/* ==========================================================================
   6. FORMS                                        
   ========================================================================== */


/* =============== Global Form Styles =============== */

.hs-form.stacked .field { margin-bottom: 10px; }
.hs-form.stacked .hs-button { display: block!important; margin-top: 15px; }

.form-hide-labels .field > label { display: none; }

/* Form Field */
.hs-form-field {}

/* Descriptions */
.hs-field-desc {}

/* Labels and Legends */
label {}
.hs-form.stacked .field { margin-bottom: 10px; }
.hs-form-field > label { font-size: 16px; padding-bottom: 10px; }

/* One Line Inputs */
body .body-container input[type="text"],
body .body-container input[type="password"], 
body .body-container input[type="datetime"], 
body .body-container input[type="datetime-local"], 
body .body-container input[type="date"], 
body .body-container input[type="month"], 
body .body-container input[type="time"], 
body .body-container input[type="week"], 
body .body-container input[type="number"], 
body .body-container input[type="email"], 
body .body-container input[type="url"], 
body .body-container input[type="search"], 
body .body-container input[type="tel"], 
body .body-container input[type="color"],
body .body-container textarea,
body .body-container select {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    box-shadow: none;
    padding: 10px;
    font-size: 13px;
    line-height: 22px;
    height: 44px;
    color: #5c5c5c;
    margin: 0;
    vertical-align: middle;
    border-radius: 0;
    border-radius: 4px;
    display: block;
}

body .body-container .text-light input[type="text"],
body .body-container .text-light input[type="password"], 
body .body-container .text-light input[type="datetime"], 
body .body-container .text-light input[type="datetime-local"], 
body .body-container .text-light input[type="date"], 
body .body-container .text-light input[type="month"], 
body .body-container .text-light input[type="time"], 
body .body-container .text-light input[type="week"], 
body .body-container .text-light input[type="number"], 
body .body-container .text-light input[type="email"], 
body .body-container .text-light input[type="url"], 
body .body-container .text-light input[type="search"], 
body .body-container .text-light input[type="tel"], 
body .body-container .text-light input[type="color"],
body .body-container .text-light textarea,
body .body-container .text-light select {
    border-color: #ffffff;
}

body .body-container .form-lg input[type="text"],
body .body-container .form-lg input[type="password"], 
body .body-container .form-lg input[type="datetime"], 
body .body-container .form-lg input[type="datetime-local"], 
body .body-container .form-lg input[type="date"], 
body .body-container .form-lg input[type="month"], 
body .body-container .form-lg input[type="time"], 
body .body-container .form-lg input[type="week"], 
body .body-container .form-lg input[type="number"], 
body .body-container .form-lg input[type="email"], 
body .body-container .form-lg input[type="url"], 
body .body-container .form-lg input[type="search"], 
body .body-container .form-lg input[type="tel"], 
body .body-container .form-lg input[type="color"],
body .body-container .form-lg textarea,
body .body-container .form-lg select {
    font-size: 16px;
    height: 60px;
}

body .body-container input[type="text"]:focus,
body .body-container input[type="password"]:focus, 
body .body-container input[type="datetime"]:focus, 
body .body-container input[type="datetime-local"]:focus, 
body .body-container input[type="date"]:focus, 
body .body-container input[type="month"]:focus, 
body .body-container input[type="time"]:focus, 
body .body-container input[type="week"]:focus, 
body .body-container input[type="number"]:focus, 
body .body-container input[type="email"]:focus, 
body .body-container input[type="url"]:focus, 
body .body-container input[type="search"]:focus, 
body .body-container input[type="tel"]:focus, 
body .body-container input[type="color"]:focus,
body .body-container textarea:focus,
body .body-container select:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
}
/* Separate Styles for Multiple Line Inputs */
textarea {}
textarea:focus {}

/* Separate Styles for Drop Downs */
select {}
select:focus {}

/* Multiple Selection Inputs */
form.hs-form .hs-form-field ul.inputs-list { list-style: none; padding: 0; }
form.hs-form .hs-form-field ul.inputs-list li input {}
input[type="radio"] {}
input[type="checkbox"] {}
 
.hs-form-checkbox label { position: relative; font-weight: normal; padding-left: 20px; }
.hs-form-checkbox label input { position: absolute; top: 4px; left: 0; margin: 0!important; } 

/* Required */
input:focus:required:invalid, 
textarea:focus:required:invalid, 
select:focus:required:invalid {}

input:focus:required:invalid:focus, 
textarea:focus:required:invalid:focus, 
select:focus:required:invalid:focus {}

/* Error */
.hs-error-msgs label{ color: #d01112; display: block; margin-bottom: 13px; }

.hs-form-field .inputs-list label { font-weight: normal; }
.hs-form-field .hs-field-desc { font-size: 15px; margin-top: 20px; margin-bottom: 8px; }


/* =============== Multi Column Form =============== */

.hs-form fieldset.form-columns-1 {}
.hs-form fieldset.form-columns-1 .hs-form-field {}
.hs-form fieldset.form-columns-2 {}
.hs-form fieldset.form-columns-2 .hs-form-field {}
.hs-form fieldset.form-columns-3 {}
.hs-form fieldset.form-columns-3 .hs-form-field {}

/* Multiple Selection Inputs */
form.hs-form .hs-form-field ul.inputs-list li input {}
input[type="radio"] {}
input[type="checkbox"] {}
form.hs-form fieldset { max-width: none; }
form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; }
form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; }
form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; }
form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; }

@media (max-width: 400px) {
  form.hs-form fieldset .hs-form-field { padding: 0; }
  form.hs-form fieldset.form-columns-3 .hs-form-field,
  form.hs-form .form-columns-2 .hs-form-field .hs-input, 
  form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100%; }
  form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; }
}


/* =============== Blog Comment Form =============== */

/* Label */
#comment-form .hs-form-field > label {}
#comment-form label {}

/* Inputs */
#comment-form input[type="text"] {}
#comment-form input[type="text"]:focus {}

#comment-form textarea {}
#comment-form textarea:focus {}

#comment-form input[type="checkbox"] {}


/* =============== Blog Subscription Form =============== */

/* Label */
#hs_form_target_blog_subscription .hs-form-field > label {}
#hs_form_target_blog_subscription label {}

/* Inputs */
#hs_form_target_blog_subscription input[type="email"] {}
#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; }

/* =============== Google Search Form =============== */

/* Label */
.widget-type-google_search label {}

/* Input */
.widget-type-google_search input[type="text"] {}
.widget-type-google_search input[type="focus"] {}


/* ==========================================================================
   7. BUTTONS                                        
   ========================================================================== */

.button, input[type="submit"] { height: 44px; }
.btn { text-transform: uppercase; font-size: 14px; padding: 10px 16px; border-width: 2px; text-decoration: none; font-weight: 700; transition: all 0.2s; min-width: 150px; border-radius: 4px; }

.btn-default { border-color: #000; background: #fff; }

.btn-default:hover,
.btn-default:focus { background: #000; color: #fff; border-color: #000; }

.btn-primary { border-color: #d01112; color: #fff; background: #d01112; }
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:hover,
.btn-primary:focus { border-color: #B90F10; color: #fff; background: #B90F10; }

.btn-info {  }
.btn-info:hover,
.btn-info:focus {  }

.btn-success {  }
.btn-success:hover,
.btn-success:focus {  }

.btn-warning {  }
.btn-warning:hover,
.btn-warning:focus {  }

.btn-danger {}
.btn-danger:hover,
.btn-danger:focus { }

.btn-white { background-color: #fff; border-color: #fff; color: #4a4a4a; }
.btn-white:hover,
.btn-white:focus { background-color: #e0e0e0; border-color: #e0e0e0; color: #4a4a4a; }

.btn-transparent { background-color: transparent; border-width: 2px; }
.btn-transparent:hover { color: #fff!important; }
.btn-transparent.btn-link:hover { color: #30bcaf!important; }

.btn-transparent.btn-primary { color: #d01112; border-color: #d01112; }
.btn-transparent.btn-primary:hover,
.btn-transparent.btn-primary:focus { background-color: #d01112; color: #fff; border-color: #d01112; }

.btn-white.btn-transparent   { color: #fff; }
.btn-white.btn-transparent:hover,
.btn-white.btn-transparent:focus { background-color: #e0e0e0; border-color: #e0e0e0; color: #4a4a4a!important; }

.btn-lg { min-width: 200px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; padding-top: 19.5px; padding-bottom: 19.5px; }

/* =============== All Global Buttons (Excluding CTAs) =============== */

body .body-container .hs-button.primary,
body .body-container input[type="submit"],
body .body-container input[type="button"] {
    display: block;
    padding: 11.5px 16px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #d01112;
    border: 2px solid #d01112;
    border-radius: 4px;
    box-shadow: none;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    height: 60px;
    width: 100%;
}

body .body-container .form-lg .hs-button.primary,
body .body-container .form-lg input[type="submit"],
body .body-container .form-lg input[type="button"] {
    padding: 19.5px 16px;
}

body .body-container .hs-button.primary:hover,
body .body-container input[type="submit"]:hover,
body .body-container input[type="button"]:hover{
    background-color: #B90F10;
    border-color: #B90F10;
}

body .body-container .hs-button.primary:focus,
body .body-container input[type="submit"]:focus,
body .body-container input[type="button"]:focus {
    background-color: #B90F10;
    border-color: #B90F10;
}

/* =============== Form Module Button =============== */

.hs_cos_wrapper_type_form .hs-button.primary.large {}
.hs_cos_wrapper_type_form .hs-button.primary.large:hover {}
.hs_cos_wrapper_type_form .hs-button.primary.large:focus {}


/* =============== Blog Comment Button =============== */

#add-comment-button.hs-button.primary {}
#add-comment-button.hs-button.primary:hover {}
#add-comment-button.hs-button.primary:focus {}


/* =============== Blog Subscription Button =============== */

#hs_form_target_blog_subscription .hs-button.primary.large {}
#hs_form_target_blog_subscription .hs-button.primary.large:hover {}
#hs_form_target_blog_subscription .hs-button.primary.large:focus {}


/* =============== Google Search Button =============== */

.widget-type-google_search .hs-button.primary {}
.widget-type-google_search .hs-button.primary:hover {}
.widget-type-google_search .hs-button.primary:focus {}


/* ==========================================================================
   8. MISCELLANEOUS                                      
   ========================================================================== */

.spacer-xs { min-height: 0!important; padding-top: 20px; }
.spacer-sm { min-height: 0!important; padding-top: 50px; }
.spacer-md { min-height: 0!important; padding-top: 70px; }
.spacer-lg { min-height: 0!important; padding-top: 90px; }

.section-bg-gray-lighter { background-color: #f6f7f7; }
.section-bg-gray-light { background-color: #777; }
.section-bg-gray { background-color: #a0a0a0; }
.section-bg-gray-dark { background-color: #515252; }
.section-bg-gray-darker { background-color: #241d24; }

.section-hr-top { position: relative; }
.section-hr-top:before { content: ''; display: block; height: 7px; width: 278px; position: absolute; background-color: #d01112; top: 0; left: 50%; margin-left: -139px; }

.set-bg { background-size: cover!important; background-position: center!important; }

.mbxs { margin-bottom: 12px; }

@media (min-width: 768px) {
    .plxs { padding-left: 26px; }
}

.hs_cos_gallery_main .slick-arrow { display: none!important; }
.slick-dots li button:before { display: none; }
.slick-dots li { height: 11px; width: 11px; margin-left: 7.5ps; margin-right: 7.5px; }
.slick-dots li button { border-radius: 0; background-color: #dcdcdc; height: 11px; width: 11px; }
.slick-dots li.slick-active button { background-color: #515252; }

.page-header { padding: 0; margin: 0; }
.text-center .section-header h1:after { background: #d01112; width: 88px; height: 2px; margin-left: -44px; }
.text-center .section-header h2 {font-size: 32px; position: relative; margin-bottom: 28px; padding-bottom: 26px;}
.text-center .section-header h2:after { content:" "; display: block; background: #d01112; width: 88px; height: 2px; margin-left: -44px; position: absolute; left: 50%; bottom: 0; }


.image-block { margin-bottom: 30px; }
.image-block a { color: inherit; text-decoration: none; }
.image-block a .image-block-title { color: #d01112; }
.columns .image-block { margin-bottom: 90px; }
.image-block-image { margin-bottom: 20px; }
.image-block-title { font-size: 16px; color: #706e6f; }
.hazard-signs .image-block-title { font-size: 13px; font-weight: 600; letter-spacing: 1.54px; text-transform: uppercase; color: #241d24; }

.testimonial-block blockquote { border: none; max-width: 770px; margin-left: auto; margin-right: auto; font-size: 24px; line-height: 1.5; font-style: normal; }
.slider-testimonial .testimonial { margin-bottom: 60px; }
.slider-testimonial { position: relative; }
.slider-testimonial ul.slick-dots { text-align: center; max-width: 760px;  margin: 0; margin-left: auto; margin-right: auto; list-style: none; padding: 0;position: static; top: 100%; left: 0; right: 0; margin-top: -30px; }
.slider-testimonial ul.slick-dots li { height: auto; width: 30%; display: inline-block; vertical-align: top; padding-left: 15px; padding-right: 15px; }
.slider-testimonial ul.slick-dots li img,
.slider-testimonial ul.slick-dots li .headshot-content { opacity: 0.6; transition: all 0.2s; }
.slider-testimonial ul.slick-dots li.slick-active img,
.slider-testimonial ul.slick-dots li.slick-active .headshot-content { opacity: 1; }
.slider-testimonial ul.slick-dots li a { color: #1d1f22; cursor: pointer; text-decoration: none!important; }
.slider-testimonial ul.slick-dots li h5 { font-size: 13px; text-transform: uppercase; margin: 20px 0 0; font-weight: 600; letter-spacing: 1.54px; }
.slider-testimonial ul.slick-dots li span { font-size: 14px; display: block; line-height: 1.2; font-weight: 300; margin-top: 6px; }

.text-inverse .slider-testimonial ul.slick-dots li a { color: #fff; }

.blockquote-hr { position: relative; height: 50px; max-width: 768px; float: none!important; margin-left: auto!important; margin-right: auto!important; }
.blockquote-hr:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: #000000; }
.blockquote-hr:before { content: ''; display: block; position: absolute; height: 74px; width: 74px; top: -37px; left: 50%; margin-left: -37px; background: url('https://2637874.fs1.hubspotusercontent-na1.net/hubfs/2637874/STM%20assets/quote.png') no-repeat center #fff; z-index: 1; }

.popover-image { position: relative; }
.popover-image img { width: 100%; height: auto; border: 2px solid #f00; }
.popover-image .btn-popover { padding: 0; height: 44px; width: 44px; transform: translate(-50%,-50%); border-radius: 50%; border: none; white-space: nowrap; background: none; overflow: hidden; position: absolute; top: 50%; left: 50%; }
.popover-image .btn-popover span { text-indent: 44px; }
.popover-image .btn-popover:focus { outline: none; }

.popover { pointer-events: none; font-size: 12px; color: #ffffff; background-color: #d01112; border: none; box-shadow: none; padding: 0; border-radius: 0; width: 280px; }
.popover-title { padding: 10px 10px 0; border: none; background: none; font-size: 13px; letter-spacing: 1.54px; font-weight: 600; text-transform: uppercase; } 
.popover-content { padding: 10px; } 
.popover.top { margin-top: 0; margin-left: 90px; }
.popover.top>.arrow[style] { left: 48px!important; }
.popover.top>.arrow:after { border-top-color: #d01112; }

.popover.right { margin-left: 0; }
.popover.right>.arrow:after { border-right-color: #d01112; }

.popover.bottom { margin-top: 0; }
.popover.bottom>.arrow:after { border-bottom-color: #d01112; }

.popover.left { margin-left: 0;  }
.popover.left>.arrow:after { border-left-color: #d01112; }
@media (max-width: 767px) {
    .popover-image img { margin-bottom: 30px; }
    .popover-image .btn-popover { font-size: 0; transform: none; border-radius: 0; overflow: visible; width: auto; text-align: left; height: auto; position: relative; left: auto; top: auto; text-indent: 0; white-space: normal; margin-top: 16px; margin-bottom: 16px; }
    .popover-image .btn-popover[style] { margin-left: auto!important; margin-top: auto!important; }
    .popover-image .btn-popover:before { content: attr(data-title); position: static; padding: 0 0 0 30px; margin-bottom: 4px; font-size: 13px; display: block; font-weight: bold; display: block; border: none; background: none; height: auto; width: auto; box-shadow: none; }
    .popover-image .btn-popover .ring-container { position: absolute; top: 1px; left: 3px; width: 16px; height: 16px; }
    .popover-image .btn-popover .ring-container .ringring { display: none; }
    .popover-image .btn-popover:after { content: attr(data-content); position: static; padding: 0 0 0 30px; margin: 0; font-size: 12px; display: block; font-weight: normal; border: none; background: none; height: auto; width: auto; box-shadow: none; }
    
}

.ring-container { position: relative; height: 44px;  width: 44px;}
.circle {  width: 16px; height: 16px;  background-color: #d01112;  border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px;}
.ringring { border: 3px solid #d01112; border-radius: 30px; height: 26px; width: 26px; position: absolute; left: 50%; top: 50%; margin-top: -13px; margin-left: -13px; animation: pulsate 1s ease-out; animation-iteration-count: infinite;  opacity: 0.0}
@keyframes pulsate {
    0% {transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {transform: scale(1.2, 1.2); opacity: 0.0;}
}

.table > tbody > tr> th { color: #4a4a4a; text-transform: uppercase; border-top: none; }
.table > tbody > tr> td,
.table > tbody > tr> th { padding-left: 0; }


.nps-form .inputs-list { display: table; border-left: 1px solid #ccc; border-right: 1px solid #ccc; position: relative; margin-bottom: 40px; width: 100%; }
.nps-form .inputs-list > li { display: table-cell; padding: 0; margin: 0; vertical-align: middle; width: 9.090909090%; text-align: center;  border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.nps-form .inputs-list > li label { cursor: pointer; display: block; }
.nps-form .inputs-list > li label > span { display: block; padding: 8.5px; }
.nps-form .inputs-list > li:nth-child(odd) input + span { background-color: #fafafa; }
.nps-form .inputs-list > li label strong { position: absolute; font-size: 12px; font-weight: normal; padding: 6px; top: 100%; }
.nps-form .inputs-list > li:first-child strong { left: 0; }
.nps-form .inputs-list > li:last-child strong { right: 0; }
.nps-form .inputs-list > li input { display: none; }
.nps-form .inputs-list > li input:checked + span { background-color: #d01112; color: #fff; }

.check-item .hs_cos_wrapper_type_text { text-align: left; display: block; position: relative; padding-left: 37px; padding-right: 20px; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 600; font-size: 16px; }
.check-item .hs_cos_wrapper_type_text:before { content: ''; height: 16px; width: 17px; top: 3px; left: 0; display: block; position: absolute; background: url('https://2637874.fs1.hubspotusercontent-na1.net/hubfs/2637874/STM%20assets/check-mark.png') no-repeat center; }
@media (max-width: 767px) {
    .check-item .hs_cos_wrapper_type_text { margin-left: 20px; margin-bottom: 20px; }
}

.slick-wrapper-people { width: 100%; overflow: hidden; }
.container .slider-people.widget-span { max-width: none; padding-left: 0 !important; padding-right: 0 !important; width: auto; display: block; float: none }
.slider-people .slide { opacity: .2; padding-left: 15px; padding-right: 15px; transition: all .2s; cursor: pointer; font-size: 16px;}
.slider-people .slide.slick-active { opacity: 1 }
.slider-people .slick-list { overflow: visible }
.slider-people .image-block-image img { width: 100%; }
.slider-people .image-block-inner { text-align: center; max-width: 298px; margin-left: auto; margin-right: auto; }
.slider-people .image-block-title { font-size: 24px; color: #000; margin-bottom: 10px; }

.quote-before { position: relative; padding-top: 64px; }
.quote-before:before { content: ''; display: block; position: absolute; top: 0; left: 50%; height: 31px; width: 32px; margin-left: -16px; background: url('https://2637874.fs1.hubspotusercontent-na1.net/hubfs/2637874/STM%20assets/quote.png') no-repeat center; }
.hs_cos_wrapper_type_rich_text .btn { margin: 5px; }

.steps { position: relative; margin-bottom: 170px; }
.steps:before { position: absolute; content: ''; display: block; top: 50%; left: 114px; right: 114px; height: 2px; background: #adafb1; }
.steps > span > div { float: left; width: 20%; }
.progress-popover { transition: all 0.2s; display: block; width: 100%; opacity: 0.6; position: relative; border: none; background: none; }
.progress-popover:focus { outline: none; }
.progress-popover .progress-popover-icon { margin-top:margin-bottom: 20px; }
.progress-popover h4 { font-size: 16px; color: #000; font-weight: 600; margin: 45px 0 40px; }
.progress-popover.active { opacity: 1; outline: none; }
@media (min-width: 992px) {
    .progress-popover:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; margin-top: -4px; margin-left: -5px; background-color: #252525; border-radius: 50%; }
}
@media (max-width: 991px) {
    .steps:before { display: none; }
    .steps > span > div { float: left; width: 100%; margin-bottom: 20px; }
    .progress-popover { opacity: 1; }
    .progress-popover h4 { margin-bottom: 20px; }
}

.page-compliance-audit .popover { max-width: 100%; width: 475px; font-family: Open Sans, Helvetica, Arial, sans-serif; pointer-events: auto; background: none; }
.page-compliance-audit .popover-content { border-radius: 20px; border: 2px solid #f6f7f7; background-color: #fff; color: #706e6f; padding: 35px; font-size: 16px;line-height: 1.375; }
.page-compliance-audit .popover-content a { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; text-decoration: none; }
.page-compliance-audit .popover-content p:last-child { margin-bottom: 0; }
.page-compliance-audit .popover.bottom > .arrow { top: -9px; border-bottom-color: #f6f7f7; }
.page-compliance-audit .popover.bottom > .arrow:after { border-bottom-color: #fff; }
.page-compliance-audit .progress-popover-content ul { text-align: left; }

@media (min-width: 992px) {
    .page-compliance-audit .progress-popover-content { display: none; }
}

.download-btn a.cta_button{ color:#fff; font-size:20px; padding:12px 25px; background:#d12229; font-weight:400px; display:inline-block; border-radius:2px; text-decoration:none; }
.download-btn a.cta_button:hover{ background:#000; }



.span9.widget-span.widget-type-rich_text.text-lg.side-txt-box {
	position: relative;
	z-index: 99;
}